@charset "utf-8";
/* CSS Document */
.mt-120{margin-top:120px;}
.mt-80{margin-top:80px;}
.mt-40{margin-top:40px;}
.mt-20{margin-top:20px;}
.mt-10{margin-top:10px;}
.dbptext{font-size:15px;}
.mainHeaderdd{font-weight:600; margin-top:-10px;}
.pmargin0{margin-bottom:0;}
.dbbanner{text-align:center;}
.dbbanner h1{font-size:56px; color:#004475; font-weight:600;margin: 0px;padding-top: 0;}
.dbbanner p{font-size:26px; color:#08b3e7; padding-bottom:0px;}
.dbbanner a{position:absolute; left:0; right:0; display:inline-table; margin:22% auto 0 auto; font-size:20px; background:#014476; color:#fff; border-radius:50px; padding:10px 25px; transition:0.4s;}
.dbbanner a:hover{background:#004475; text-decoration:none;}
.dbbanner img{margin-top:00px; width:100%;}
.dtlinkbg{position:relative;}
.dblink{ padding:0;}
.dtlinkbg{background:#fff; box-shadow:0 0 16px 0px #729caf; display:block; margin:00px 0; padding:15px 0 5px 0; position:relative; top:-70px; width:100%; border-radius:4px; text-align:center;}
.dblink li{display:inline-block; list-style:none; margin:0 10px;}
.dblink li a{color:#333; font-size:16px; transition:0.4s; font-weight:600;}
.dblink li a span{width:20px; height:20px; border-radius:50px; border:#333 solid 1px; color:#333; margin-right:6px;}
.dblink li a span.fa{font-size:16px;}
.dblink li a.dnactive{color:#08b3e7;}
.dblink li a span.dnactive{color:#08b3e7; border:#08b3e7 solid 1px; transition:0.4s;}
.dblink li a:hover{text-decoration:none; color:#08b3e7;}
.dblink li a:hover span{color:#08b3e7; border:#08b3e7 solid 1px;}
.dbmainheding{font-size:38px; color:#004475; font-weight:600; padding-top:0px;}
.stylebg{background:linear-gradient(172deg, rgb(5 113 251) 0%, rgb(1,0,130) 100%);  padding:50px 0;padding-top:10px;}
/*.stylebg{background-image: url('../../assets/image/bg1.jpg'); background-repeat:no-repeat; padding:50px 0;padding-top:10px;}*/
.stylebg h1{font-size:34px; color:#fff;}
.dbabout h2{font-size:24px; color:#fff;}
.dbabout ul{display:block; margin:0 0 0 15px; padding:0;}
.dbabout ul li{list-style-type:square; margin:10px 0px; color:#fff; font-size:15px;}
.dbstep{background:#fff; border-radius:10px; padding:10px 20px 20px 20px; margin-top:20px;}
.carousel-control.left{background:transparent;}
.carousel-control.right{background:transparent;}
.carousel-control{display:none;}
.carousel-indicators{bottom:-60px;}
.carousel-indicators .active{width:52px;}
.carousel-indicators li{width:22px;}
.carousel-inner {position:relative; width:70%; overflow:hidden;}
.dbtestimo .carousel-inner {position:relative; width:100%; overflow:hidden;}
.dbstep h2{font-size:24px; }
.dbstep ul{display:block; margin:0 0 0 15px; padding:0; width:97%;}
.dbstep ul li{list-style-type:square; margin:10px 0px; color:#333; font-size:15px;}
.dbstpeiconbg{background-image: url('../../assets/image/stpeiconbg.png'); background-repeat:no-repeat; background-position:right;}
.dbdataBg{background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(201, 208, 255, 1) 100%);
    padding-bottom: 20px;}
.dbdata{display:table;
    border-collapse:separate;
    border-spacing: 15px;
    padding:20px 0 10px 0px;
    margin: auto;
    text-align: center;
    }
.dbdata li{display: table-cell;
    padding:00px;
    margin:10px auto;    
    width: 300px ;
    border: 1px solid #4181e938;
    border-radius:10px;
    border-bottom:4px solid #4181e938;
    /*background: rgb(255, 255, 255);*/
    background: linear-gradient(135deg, rgb(255 255 255 / 28%) 62%, rgb(234 237 255 / 80%) 62%);
}
.dbdata h1{font-weight:900; color:#08b3e7;}
.dbdata p{font-size:18px; font-weight:500; color:#FFF;}
.dbdata li h3{font-size:52px; font-weight:900; color:#004475;}
.dbdata li p{font-size:16px; font-weight:500; color:#08b3e7; line-height:16px;}
.dbtestimo ul{display:block; padding:0; margin:0; text-align:center;}
.dbtestimo ul li{display:inline-block; margin:10px 0px; color:#333; font-size:15px;}
.dbtestimo ul li:nth-child(2){width:60%; text-align:left; padding:0 0  0 20px; vertical-align:middle;}
.dbtestimo ul li .dbname{font-size:18px; color:#004475; font-weight:600; padding-top:20px;}
.dbtestimo ul li .dbpost{font-size:15px; color:#666; margin-top:-10px;}
.dbtestimo .carousel-indicators .active{border:solid 1px #9ae8ff; background:#9ae8ff; width:52px;}
.dbtestimo .carousel-indicators li{border:solid 1px #9ae8ff; background:#fff; width:22px;}
.stylebgcompany{background:linear-gradient(172deg, rgb(73,68,222) 0%, rgb(158 9 181) 100%); padding:50px 0;padding-top:10px;}
/*.stylebgcompany{background-image: url('../../assets/images/stylebgcompany.jpg'); background-repeat:no-repeat; padding:50px 0;padding-top:10px;}*/
.Cpstpeiconbg{background-image: url('../../assets/image/Cpstpeiconbg.png'); background-repeat:no-repeat; background-position:right;}
.topichighlight p{margin:0; text-align:left; padding:0px; font-size:14px; color:#4b4b4b; position:relative; font-weight:900;}
.topichighlight p strong{margin:0 00px 0 25px; width:90%; display:inline-block; color:#333;}
.topichighlight p span{font-size:20px; vertical-align:middle; padding:0px 5px 0 5px; left:-24px; top:50%;  transform: translateY(-50%); height:40px; width:40px; position: absolute; background:#fff; color:#04678d; border-radius:144px; text-align: center;  border:#6ec5ff solid 6px; /*box-shadow:#0e6ea7 2px 2px 14px 0px;*/}
.topichighlight{list-style-type: none; margin:20px 0; padding: 0;}
.topichighlight ul{display:table; padding:0px 0; border-spacing:2.5em .5em; border-collapse:separate; margin:0px; width:97%;}
.topichighlight ul li{border-radius:4px; margin:10px 0; list-style:none; display:table-cell; vertical-align:middle; border:solid 1px #73d3ff; padding:10px 0; width:100px;}
.laststep{width:118px!important; display:block!important; margin-top:7px!important;}
.laststepul{padding-bottom:0!important; display:block!important; margin-left:2.5em!important;}
.bounce{margin:0 auto; padding:0px 0 0 0; -webkit-animation: bounce 2.5s infinite;}
@-webkit-keyframes bounce {
        0% {
    transform: scale(1,1) translate(0px, 0px);
  }
  
  30%{
    transform: scale(1,0.9) translate(0px, 3px); 
  }

  75%{
    /*transform: scale(1,1.1) translate(0px, -15px); */
  }
  
 100% {
    transform: scale(1,1) translate(0px, 0px);
  }
}
.joinnowwihite{background:#fff; padding:15px 25px; font-size:15px; border-radius:50px; color:#333; font-weight:600; margin-top:10px; display:inline-block; transition: 0.4s; box-shadow:#0e6ea7 2px 2px 14px 0px;}
.joinnowwihite:hover {background:#00C3FF; text-decoration:none; color:#fff;}
.typing-demo {width:100%; animation: typing 2s steps(22), blink .5s step-end infinite; white-space: nowrap;  overflow: hidden; font-size:1em; display:inline-block;padding-bottom: 0;margin-bottom: 0}

@keyframes typing {
  from {
    width: 0
  }
}
@keyframes blink {
  50% {
    border-color: transparent
  }
}   
    @media (max-width: 767px)
{
 .dbbanner a{margin:14% auto 0 auto;}
.typing-demo{white-space:inherit;}
.dbbanner p{font-size:16px;}
.dbbanner h1 {font-size: 36px; }
.dblink{padding:20px 20px 10px 20px;;text-align:left; top:0px;}
.dblink li{margin:0 5px 10px 0;display:block;}
.dblink li a span.fa{text-align:center;}
.dblink li a{font-size:15px;}
.carousel-inner{width:100%; background:rgba(255,255,255,.8);}
.dbstpeiconbg{background-position:50%;}
.Cpstpeiconbg{background-position:50%;}
/*.stylebg {background-image: url(https://iodglobal.com/directorsdatabank/assets/image/mostylebg.png); background-repeat:no-repeat; padding:50px 0 100px 0;}*/
/*.stylebgcompany {background-image: url(https://iodglobal.com/directorsdatabank/assets/image/mostylebgcompany.png); background-repeat:no-repeat; padding:50px 0 100px 0;}*/
.topichighlight ul{display:block;}
.topichighlight ul li{display:inline-block; width:90%; margin:5px 0 5px 10%;}
.topichighlight ul li br{display:none;}
.laststepul{margin-left:0!important;}
.laststep{width:90%!important; margin-left:10%!important;}
.dbdata li{padding:10px 0; display:block;}
.dbtestimo ul li:nth-child(2){width:80%;}
.dbdata li h3{margin:0;}
.Cpstpeiconbg{background-image: none; }
.dbstpeiconbg{background-image: none; }
.dbabout{ margin-top:40px;}
.dtlinkbg{ padding:0px 0 0 0; top:0px; margin:0;}
.dbbanner a{padding:5px 20px; font-size:14px; margin-top:40%;}
}
 .objective_steps {
            display: flex;
    flex-wrap: wrap;
    }
    .objective_steps .objective_block{
        color:black;
    }
    
    .num_corp{
        background:#a27bc7 !important;
    }
    .directors .relative_div {
        min-height: 10px;
    }
    .text-white{
        color:#FFF;
    }
    #mobilebanner{
        display: none
    }
    @media screen and (max-width: 768px) {
        #webbanner{
            display: none
        }
        #mobilebanner{
            display: block
        }
        .mainHeaderdd_xs{
            margin-top:30px;
        }
}
.statistic {
    font-weight: 900;
    color: #004475;
}

/*CSS for animation slide up*/

.animation-elementLon1 {opacity:0;}
.animation-elementLon.slide-left {opacity:0; transition:all 500ms linear; transform:translate3d(-150px, 0px, 0px);}
.animation-elementLon.slide-left.in-view {opacity:1; transform:translate3d(0px, 0px, 0px);}
.animation-elementLon.slide-right {opacity:0; transition:all 500ms linear; transform:translate3d(150px, 0, 0);}
.animation-elementLon.slide-right.in-view {opacity:1; transform:translate3d(0px, 0px, 0px);}
.animation-elementLon.slide-up {opacity:0; transition:all 500ms linear; transform:translate3d(0, 150px, 0);}
.animation-elementLon.slide-up.in-view {opacity:1; transform:translate3d(0px, 0px, 0px);}
.animation-elementLon.slide-down {opacity:0; transition:all 500ms linear; transform:translate3d(0, -150px, 0);}
.animation-elementLon.slide-down.in-view {opacity:1; transform:translate3d(0px, 0px, 0px);}
/*End CSS for animation slide up*/