@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
*{padding:0; margin:0; box-sizing:border-box;}
body{font-family:Roboto !important; font-size:16px;}
/*nav-top*/
header .container{position:relative;}
.nav-top{position:relative; background:#0E9BB2;}
.nav-top p{line-height:45px; text-align:center; margin-bottom:0;font-size: 16px;}
.quotes{display: none;}
/*nav-top*/
header .navbar{background-color: #EDEDED;}
header .navbar-light .navbar-nav .nav-link{color:#000000;}
header .navbar .dropdown-menu{/*animation: fadeInUp 400ms;*/}

.navbar-brand{width:200px;padding: 0;}
.ms-auto { margin-left: auto!important;}
.dropdown-menu-end[aria-labelledby] {right: 0; left: auto;}
.navbar-expand-lg .navbar-collapse{position:relative;}
.nav-link:hover, .nav-link:focus, .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {color: #fff;   text-decoration: none; background-color:#0E9BB2;}
.column a:focus, .column a:hover{color: #fff; text-decoration: none; background-color:#0E9BB2;}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{color:#fff;}
.dropdown-menu .dropdown-toggle:after {border-top: 0.3em solid transparent; border-right:0; border-bottom: 0.3em solid transparent; border-left: 0.3em solid; position: absolute; margin-top: 10px; right: 8px; top: 1px;}
/*navbar*/
.dropdown-menu-left,.dropdown-menu-end{top: 38px;}
.mydropdown-content{display: none; position: absolute; background: rgba(254,254,254,0.95); width: 90%; left: inherit; right:0; box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);  z-index: 1; padding:1.25rem 1rem; border-radius:5px;border: 1px solid rgba(0,0,0,.15);}
.mydropdown-content.dropdown-menu.show { display: flex;top: 58px;}
.column{width:33.3%; padding:5px;text-align: left;}
.column p{margin-bottom: 0;}
.column a{display: block; color:#000;padding: 2px 15px; text-decoration: none; font-size: 15px;}
header .navbar-nav>li{position:inherit;padding: 13px 0; cursor:pointer;}
.dropdown-toggle::after{ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); background-size: 0.75rem;  width: 0.75rem; height: 0.75rem; border:0; background-repeat: no-repeat;vertical-align: 0px;}
.dropdown-toggle:hover:after{ background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");}
/*navbar*/

/*banner*/
.banner{position:relative; background:url(../Images/simplifying-compliances.png) no-repeat; background-size:cover;}
.banner .banner-content{position:relative; width:100%; padding:50px 0; text-align:center;}
.banner .banner-content h1{ color:#0E9BB2; font-weight:700; text-transform:uppercase;}
.banner .banner-content h3{ color:#000000; font-weight:400;}
.btn{background:#0E9BB2; color:#fff; padding:10px 25px; box-shadow: -7px 11px 33px 8px rgb(0 0 0 / 5%);}
.banner .banner-content p{ color:#000000;}
.banner .btn:hover {color: #fff;}
/*banner*/
/*title-heading*/
.main-heading hr{border:2px solid #0e9bb2; opacity:1; width:100px;}
.title{font-size: 2.5rem; line-height:70px; color:#595959; font-weight:800; text-align:center;}
.sub-title{font-size: 1.5rem; line-height:40px; color:#0E9BB2; font-weight:400; text-align:center;}
/*title-heading*/

section{padding:50px 0; position:relative;}
.main-bg{background:#0e9bb2;}
.main-color{color:#0e9bb2;}
.blue-color{color:#33485d;}
.gray-bg{background:#4b4a4c;}
.blue-bg{background:#33475d;}
.light-gray-bg{background:#ededed;}
.medium-gray-bd{background:#bfbfbf;}
/*sec-2*/
.sec-2{position:relative;}
.sec-2 h4{line-height:50px;font-size: 18px;}
.sec-2 .tp-bx{padding: 40px 0 0;}
.sec-2 .tp-bx-icn{padding:30px 0;}
.sec-2 .w-75 {width: 67%!important;}
/*sec-2*/

/*whatsnew*/
.whatsnew h4{font-weight:400; margin:0;}
.whatsnew h3{font-weight:700; margin:0; padding:43.5px 0;position:relative;}
.whatsnew h3 span{font-weight:400; font-size:20px;}
.whatsnew h3:hover:before {opacity: 1;}
.whatsnew h3:hover .text-btn { opacity: 0;}
.text-btn {font-style: inherit; transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;}
.whatsnew h3:before {font-weight:500;  position: absolute; left: 0; right: 0; top: 30%;  font-size: 23px;  padding-right: 15px; width: 50%;    margin: 0 auto; content: attr(data-hover); opacity: 0; text-align: center; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; }
/*whatsnew*/

/*--------------------------------------------------------------
# Counts
--------------------------------------------------------------*/
.counts p{font-size:28px;}
.counts .count-box {padding: 62px 10px 30px; width: 100%; position: relative; text-align: center;color: #0E9BB2;background: #fff;}
.counts .count-box h4 {font-size: 70px; display: block; font-weight: 600; padding-top: 10px;}
.counts .count-box p {padding: 10px 0; margin: 0; font-size: 25px;}
.counts .btn{ background:#fff; color: #595959; border:2px solid #595959; padding:10px 30px; font-weight:bold; box-shadow:none;font-size: 20px;}
.counts p a{color:#000;}
/*--------------------------------------------------------------
# sec-4
--------------------------------------------------------------*/
.cont-sec p{text-align:justify;font-size: 20px;}
/*--------------------------------------------------------------
# sec-4
--------------------------------------------------------------*/
/*slider*/

.slick-slider{ position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none;
  -ms-user-select: none;  user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y;-webkit-tap-highlight-color: transparent;}

.slick-list{position: relative; display: block; overflow: hidden; margin: 0; padding: 0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer; cursor: hand;}
.slick-slider .slick-track,.slick-slider .slick-list{ -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}

.slick-track{position: relative; top: 0;left: 0; display: block; margin-left: auto; margin-right: auto;}
.slick-track:before,.slick-track:after{ display: table;  content: '';}
.slick-track:after{ clear: both;}
.slick-loading .slick-track{visibility: hidden;}

.slick-slide{display: none; float: left;text-align: center; height: 100%; min-height: 1px;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: block;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block; height: auto; border: 1px solid transparent;}
.slick-arrow.slick-hidden { display: none;}
/* Slider */
/* Slider-bx */
.slide-bx{position:relative; margin:10px 45px 30px;}
.slide-bx .slide-img {position: relative;  z-index: 1;}
.slide-bx img{margin: 0 auto; width: 200px; border-radius: 50%;  border: 2px solid #d4d5d6; background:#fff;padding: 20px;}
.slide-bx .slide-cont{position: relative; padding: 110px 20px 30px; border-radius: 4px; margin-top: -100px;background:#595959; min-height: 270px;}
.slick-track .slick-slide.slick-active.slick-center .slide-bx .slide-cont{background:#33475d;}
.slick-track .slick-slide.slick-active .slide-bx .slide-cont{background:#0e9bb2;/*box-shadow: 0px 5px 30px -7px #000;*/}
.slick-track .slick-slide .slide-cont p{font-size:20px;}
.slick-track:nth-child(3n) .slick-active .slide-cont {/*background:#333;*/}
.slick-slider .slick-btn{position: absolute; top: 50%; border: 0; background: #d1d1d3; width: 40px; height: 40px; border-radius:50%;text-align: center;}
.slick-slider .fa{ font-size: 30px; line-height: 40px; color:#fff;}
.slick-slider .slick-prev{left:22%;}
.slick-slider .slick-next{right:22%;}
.slick-list{width:70%; margin:0 auto; overflow:visible;}
.slick-slider{overflow:hidden;}
.display-7{font-size: 2rem; font-weight: 300; line-height: 1.2;}
.display-8{font-size: 1.5rem; font-weight: 300; line-height: 1.3;}
.slick-list{position: relative;}
.slick-list:before{/*position: absolute; content:''; left: -250px; width:300px; height:100%; background: rgba(254,254,254,.75); top: 0; z-index: 9;*/}
.slick-list:after{position: absolute; content:''; right: -250px; width:300px; height:100%; background: rgba(254,254,254,.75); top: 0; z-index: 9;}
.slick-slide:not(.slick-active):not(.slick-center) { opacity: .35; }
/*slider*/

/*event-bx*/
.sec-7 .event-bx{position: relative; margin:40px auto; text-align: center; border-radius:10px;}
.sec-7 .main-bg{box-shadow: 0px 5px 30px -7px #000;position: relative; border-radius:2px; z-index:1;}
.sec-7 .event-bx img{width:50px; margin:0 auto;}
.sec-7 .event-bx .col-5{border-right: 5px solid #fff;}
.sec-7 .main-bg h4 span{font-weight:700;}
.sec-7 .event-bx .btn:hover{color:#fff; background:#0e9bb2;}
/*event-bx*/


/*client-bx*/
.sec-8 .client-bx{position: relative; margin:0px auto; width:50%; float:left; text-align:center;}
.sec-8 .client-bx figure{padding:0px; height:120px;}
.sec-8 .client-bx figure .img-2{display:none;}
.sec-8 .client-bx figure:hover .img-2{display:block;}
.sec-8 .client-bx figure:hover .img-1{display:none;}
.sec-8 .client-bx figure img{width:150px;margin: 0 auto;}
.sec-8 .w-25{width: 90px !important;}
.sec-8 .client-sec{width:70%; margin:0 auto;padding-top: 70px;}
/*client-bx*/
/*sec-9*/
.sec-9{position: relative; background: url(../Images/channel-partners.png) no-repeat;  background-size: 100% 100%; margin-bottom:30px;}
.sec-9 .title{color:#0e9bb2;}
.sec-9 img{height:100px; margin-top:20px;}
/*sec-9*/
/*sec-10*/
.sec-10{position: relative;}
.sec-10 .btn{color:#fff; border:2px solid #fff;font-size: 20px;}
.sec-10 .btn:hover{color:#fff; background:#33475d;}
section{ overflow:hidden;}
/*sec-10*/

/*footer*/
footer{padding:60px 0 0px; color:#fff; position:relative; overflow:hidden;}
footer .accordion{--bs-accordion-bg:transparent;  --bs-accordion-border-color: none;}
footer .accordion-button:not(.collapsed){color:#fff; background-color:transparent;}
footer .accordion-button:focus{box-shadow: none;}
footer .accordion-body ul, footer .ser-lnk ul{list-style: none;}
footer .accordion-body ul li a, footer .ser-lnk ul li a{color:#eee; text-decoration:none; font-size:14px; padding-left:18px;font-weight: normal;}
footer .accordion-button::after, .accordion-button:not(.collapsed)::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); background-size: 0.75rem;width:15px; height:15px;position: relative;left: -20px; padding-right: 15px}
footer .accordion-header .accordion-button{font-size:15px; color:#eee;text-align: left;}
footer .ser-lnk.quick-lnk .accordion-header{padding-left:0;}
footer .accordion-header{padding-left: 15px;}
footer .accordion p{font-size:15px;} 
footer .accordion p a, footer a{color:#fff; text-decoration:none;} 
footer .quick-lnk a, footer .quick-lnk .accordion-header .accordion-button{font-weight:bold; font-size:16px;}
footer .footer-cont{font-weight:bold;}
footer .footer-cont span{font-weight:normal;}
footer .social-lnk ul li{margin: 5px;}
footer .social-lnk ul li .fa{width:40px; height:40px; line-height:40px; background:#444; color:#fff; border:1px solid #fff; transition:.5s;}
footer .social-lnk ul li .fa:hover{background:#0e9bb2; color:#fff;}
.top {position: fixed; right: 18px;  bottom: 30px; text-align: center; color: #fff; background: #0e9bb2; padding: 10px 10px;    z-index: 99; border-radius: 50%;  border: 1px solid #fff; cursor: pointer;  opacity: 0; transition: ease-in 0.5s;}
.top.scll-top {  opacity: 1;  transition: ease-in 0.5s;  bottom: 50px;}
.top .fa {display: block !important;}
.footer-cont-info figure figcaption{font-size: 14px;padding-left: 20px;}
/*footer*/
/*fix-header*/
.fixed-top.navbar{padding:0;}
.fixed-top .navbar-brand{width: 150px;margin:0;}
/*fix-header*/
/*abt-page-sec*/
.abt-sec{position:relative; background:url(../Images/trusted-compliance-partner.png) no-repeat; padding-bottom: 100px;    background-size: 100% 100%; font-size:20px;}
.abt-three-bx figure figcaption p{padding:0px 10px 18px; font-size:20px;}
.abt-three-bx .bx1{background:#0E9BB2;}
.abt-three-bx .bx2, .bx2{background:#595959;}
.abt-three-bx .bx3{background:#13BBD7;}
.dna-compliance .cont{padding:100px 60px;}
.our-mentors .carousel-control-next, .our-mentors .carousel-control-prev{width:50px; height:50px; top:50%;border-radius: 50%; border:0; opacity:1}
.our-mentors .carousel-control-next{right:-20px;}
.our-mentors .carousel-control-prev{left:-20px;}
.our-mentors .carousel{padding:50px; box-shadow: -7px 11px 33px 8px rgb(0 0 0 / 40%);  border-radius: 5px;    min-height: 600px;}
.journey{background:url(../Images/journey-background.png) no-repeat; background-size: cover; padding:120px 0;}
.middle-bx-sec{position:relative}
.middle-bx figcaption{padding:98px;}
.btm-bx{padding:50px 30px;}
/*abt-page-sec*/
/*contact-page-sec*/
.cont-pg-banner{background:url(../Images/location-page-atf-background.png) no-repeat; background-size: cover; padding:120px 0;}
.cont-bx{box-shadow: -7px 11px 33px 8px rgb(0 0 0 / 40%); margin: 30px auto;}
.cont-bx figcaption{padding:20px;}
.cont-bx figcaption p{text-align:justify;}
.cont-bx figcaption p i{padding: 5px 20px; font-size:25px; color:#888;}
/*contact-page-sec*/
/*e-sign-bx-sec*/
.e-sign-bx-sec{background:url(../Images/digital-signing-bg-1.jpg) no-repeat scroll; background-size:100% 100%;}
.web-e-sign-pg .sign-bx img{width:100px;height:100px;}
.bx-1{background:#3bc4e4;}
.bx-2{background:#595959;}
.bx-3{background:#4bc4d8;}
.bx-4{background:#bfbebe;}
.btn:hover, .btn:focus {background-color:#33475d;}
/*e-sign-bx-sec*/

/*whats-new-pg*/
.whats-new-pg .banner { position: relative; background: url(../Images/Whats-new-section-design-02.png) no-repeat; background-size: cover;}
.whats-new-pg .title{line-height:60px; text-align:left;}
/*whats-new-pg*/

/*Meet-Management-pg*/
.Meet-Management-pg .banner { position: relative; background: url(../Images/top-image.png) no-repeat; background-size: cover;}
.Meet-Management-pg .sec-2 h4{ line-height:30px;}
/*Meet-Management-pg*/
/*Our-journey-pg*/
.Our-journey-pg .banner { position: relative; background: url(../Images/Our-journey-ux-design.png) no-repeat; background-size: cover;}
.Our-journey-pg .sec-3 .btn{font-size:20px; font-weight:600; line-height:40px; border:2px solid #fff;}
/*Our-journey-pg*/
/*Tech-Partners-pg*/
.Tech-Partners-pg .banner { position: relative; background: url(../Images/top-image-min.png) no-repeat; background-size: cover;}
.Tech-Partners-pg .col-lg-3{border: 1px solid #ddd;}
/*Tech-Partners-pg*/
/*channel-partner-pg*/
.channel-partner-pg .banner { position: relative; background: url(../Images/top-image-min.png) no-repeat; background-size: cover;}

/*channel-partner-pg*/

@media (min-width: 1023px){
.nav-item.dropdown:hover .mydropdown-content.dropdown-menu{display:inline-flex;top: 63px;left: inherit;}
.nav-item.dropdown:hover .dropdown-menu{display:block;}
.nav-item.dropdown:hover .dropdown-menu {top: 58px;}
.navbar-collapse{position: relative;}
}
@media (min-width: 768px){
.navbar-expand-md .navbar-nav .nav-link { padding-right: 1.5rem; padding-left: 1.5rem;}
}
@media screen and (max-width: 1170px){
.middle-bx figcaption {padding: 50px;}
.slide-bx img{width:150px;}
.slide-bx{margin:10px 30px 30px;}
}
@media screen and (max-width: 991px){
.slick-list{width:80%;}
.mydropdown-content{width: 100%;}
footer .footer-cont-info img{max-width:350px;}
.display-7 {font-size: 1.2rem;}
.display-8{font-size: 1rem;}
.nav-top p{font-size:15px; line-height:30px;}
.middle-bx figcaption { padding: 23px;}
.btm-bx {padding: 15px;}
.other-detail .px-4{padding-right:0 !important; padding-left:0 !important;}
.cont-bx figcaption p{font-size: 14px;word-break: break-word;}
.cont-bx figcaption{padding: 5px 10px;}
.cont-bx figcaption p i{padding: 5px 15px;}
.cont-bx img{width:100%;}
.slide-bx{margin:10px 15px 30px;}
.slick-slider .slick-prev {left: 16%;}
.slick-slider .slick-next {right: 16%;}
header .navbar-nav>li{padding: inherit;}
.navbar-nav .nav-link{padding-left: 10px;}
.whatsnew .p-5 {padding: 2.4rem!important;}
.whatsnew h4{font-size: 20px;}
}
@media (max-width: 767px){
.slick-list{width:100%;}
footer .footer-btm p{text-align:center !important;}
.title{font-size: 2rem;line-height: 40px;}
section{padding: 30px 0;}
.sec-7 .event-bx{margin: 20px auto;}
.counts .count-box { padding: 10px 15px;}
.nav-top p{line-height: 25px; font-size:14px;}
.btm-bx-sec .fa-4x {font-size: 3em;}
.middle-bx figcaption { padding: 50px;}
.journey{padding: 60px 0;}
.our-mentors .carousel{padding: 50px 15px;}
.fixed-top .navbar-brand{width:200px;}
.fixed-top{position: relative;}
.sec-2 .row>*{width: 50%;}
.counts p {font-size: 20px;}
.counts .mt-5 { margin-top: 3rem!important;}
section{padding: 30px 0;}
.channel-partner-pg .sec-2 .row { display: initial;}
.channel-partner-pg .col { flex: initial; float:left; width:33%;min-height: 165px;}
}
@media (max-width: 568px){
.mydropdown-content.dropdown-menu.show{display:block;}	
.column{width: 100%;}
.whatsnew .d-flex{display: block !important;}
.whatsnew .w-25, .whatsnew h3.w-75{width:100% !important;}
.slick-track .slick-slide .slide-cont p {font-size: 16px;}
.channel-partner-pg .col { flex: initial; float:left; width:33%;min-height: 165px;}
.slide-bx img{width: 130px;}
}
@media (max-width: 480px){
.sec-8 .client-bx{width:100%;}
.sec-2 .w-75 {width: 75%!important;}
.channel-partner-pg .col { flex: initial; float:left; width:90%;min-height: inherit;}
}
@media (max-width: 414px){
.sec-2 .row>* {width: 100%;}
.abt-three-bx figure figcaption p{padding: 0px 30px 15px;}
}