@charset "utf-8";
/* CSS Document */
:focus{ outline:0 !important}
*{scrollbar-width: thin; -webkit-scrollbar-width: thin;-moz-scrollbar-width: thin;}
html {  scroll-behavior: smooth;}
::-webkit-scrollbar{ width: 8px; }
::-webkit-scrollbar-thumb {background-color: rgba(0, 0, 0, 0.2);-webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,0.10),inset 0 -1px 0 rgba(0,0,0,0.07); }
button{ outline: 0 !important }
a{
  cursor: pointer;
}
@font-face {
  font-family: 'SF-Pro-Text-Regular';
  src: url('SF-Pro-Text-Regular.woff2') format('woff2'),
       url('SF-Pro-Text-Regular.woff') format('woff'),
       url('SF-Pro-Text-Regular.ttf') format('truetype');
       font-weight: 200 900;
       font-display: swap;
       font-style: normal;
}


@font-face {
  font-family: 'SF-Pro-Display-Semibold';
  src: url('SF-Pro-Display-Semibold.woff2') format('woff2'),
       url('SF-Pro-Display-Semibold.woff') format('woff'),
       url('SF-Pro-Display-Semibold.ttf') format('truetype');
       font-weight: 200 900;
       font-display: swap;
       font-style: normal;
}


@font-face {
  font-family: 'SF-Pro-Display-Medium';
  src: url('SF-Pro-Display-Medium.woff2') format('woff2'),
       url('SF-Pro-Display-Medium.woff') format('woff'),
       url('SF-Pro-Display-Medium.ttf') format('truetype');
       font-weight: 200 900;
       font-display: swap;
       font-style: normal;
}




@font-face {
  font-family: 'SF-Pro-Display-Bold';
  src: url('SF-Pro-Display-Bold.woff2') format('woff2'),
       url('SF-Pro-Display-Bold.woff') format('woff'),
       url('SF-Pro-Display-Bold.ttf') format('truetype');
       font-weight: 200 900;
       font-display: swap;
       font-style: normal;
}

.fw-medium{ font-weight:500 !important}
.fw-semobold h4{ font-weight:600 !important}


body{ background:#000000  ; background-size:contain; font-size:14px; color:#7e7e81; line-height:22px; font-weight:400;font-family: 'SF-Pro-Text-Regular'; color:#929292   }
p{ margin-bottom:15px; color:#929292; color:#eaeaea;  font-family: 'SF-Pro-Text-Regular';}
h1,h2,h3,h4,h5,h6{ }


.light_grey{ background-color:#EDEDED;}
.text-blue{ color:#525FE1 !important;}
.text-orangee{ color:#fc441b !important}
.mediaumfont{ font-family: 'SF-Pro-Display-Medium' !important;}



a{ text-decoration:none}
.web_logo{margin-right: auto;}
.web_logo img{ width:120px;}
#slide{ color:#000; font-size:25px; cursor:pointer} 


header{   position: relative; left:0; right:0; top:0; z-index:9;   z-index:99; padding:10px 0;transition:all .5s ease-in-out }
header.sticky{ position:fixed;box-shadow:0 0 10px rgba(0,0,0,.4);background-color:rgba(0,0,0,.7) !important; margin:0;  padding:5px 0; }





header nav{margin: 0 auto;}
header .mainklibks .mainul{ margin:0 -20px; padding:10px 0}
header .mainklibks .mainul .mainli{ list-style:none; position:relative; text-transform:uppercase; padding:0 20px; }
header .mainklibks .mainul .mainli a{ color:#fff; display:block; text-transform:uppercase;  font-size:15px; font-weight:400; text-decoration:none; padding:0 10px;  position:relative }
header .mainklibks .mainul .mainli a:hover{ color:#fff; }
.headcomm{ background-color:#5e5e5e; color:#fff !important; border-radius:30px; display:block; padding:2px 10px;}

.openposss.active{ display:block}
.openposss1.active{ display:block}
.bodyadd.active1{ overflow:hidden}

.popupoverlayss{  background-color:rgba(0,0,0,.9); /*! padding:10px  15px; */ overflow:auto;}
.popupoverlayss a{ cursor:pointer}

.popupoverlayss .popupiners{ /*! max-width:420px; */ margin:0 auto; border:1px #fff solid; border-radius:8px; padding:20px; background-color:#000; width:100%;}
.popupoverlayss .popupiners .orrrssd{ position:relative}
.popupoverlayss .popupiners .orrrssd:after{ position:absolute; top:11px; left:0; right:0; background-color:#4c4c4c; height:1px; content:""; z-index:1;}
.popupoverlayss .popupiners .orrrssd strong{ background-color:#000; padding:0 10px; position:relative; z-index:2; color:#fff;}
.popupoverlayss .popupiners .otpsss input{ background-color:transparent; border:0; border-bottom:1px #006dff  solid; color:#fff; text-align:center; padding:10px 0; font-size:17px;}
.popupoverlayss .popupiners .otpverifi.otpsss input{ font-size:20px;}
.popupoverlayss .popupiners .otpsss input::placeholder{ opacity:1}
.popupoverlayss .popupiners a, .popupoverlayss .popupiners p{ font-size:14px;}
.popforms span{ display:block; color:#fff;}
.popforms .popupfld{ width:100%;border-radius:8px; background-color:#fff; border:0; padding:10px;}
.commanbuttonss{ background-color:#006dff; border:0; padding:10px;border-radius:8px; color:#fff !important;}
.blankbutton{ border:1px #9c9c9c solid; padding:11px 10px; color:#fff !important; display:block; text-align:center;border-radius:8px;}


input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {  -webkit-appearance: none;  margin: 0;}
input[type=number] {  -moz-appearance: textfield;}
.checkboxxx{ position:relative; padding:0 0 0 20px; font-size:13px; line-height:17px; letter-spacing:-0.1px}
.checkboxxx input{ position:absolute; left:0; top:5px; margin:0}

.respopforms.formborder-1 .respopupfld{ border:1px #fc441b solid}
.respopforms.formborder-2 .respopupfld{ border:1px #006dff solid}
.respopforms.formborder-3 .respopupfld{ border:1px #00a156 solid}
.respopforms.formborder-4 .respopupfld{ border:1px #fcc21b solid}
.respopforms span{ display:block; color:#fff; padding:0 0 3px 0;}
.respopforms .respopupfld{ background-color:#212121; padding:8px 10px;border-radius:8px; width:100%; color:#fff !important;}



.useotppclose{ display:block}
.useotppclose.active{ display:none}
.useotppopen{ display:none}
.useotppopen.active{ display:block}

.getotppopen{ display:none}
.getotppopen.active{ display:block}


/*.mainbanersec .banneroverlap{ position:absolute; top:0; left:0; bottom:0; right:0; }*/
.badpadding{padding: 45px 0;}
.mainbanersec .banneroverlap .baniocn{ border:1px #fff solid; border-radius:12px; padding:7px 10px;}
.mainbanersec .banneroverlap .baniocn img{ width:90px; margin:0 auto}
.mainbanersec .banneroverlap .row{ margin:0 -5px;}
.mainbanersec .banneroverlap .row > div{ padding:0 5px;}
.bigtext{ font-size:11vw; line-height:14vw; color:#fff; font-family: 'SF-Pro-Display-Medium';
  -webkit-text-stroke: 3px white;
    color: #fff;
  
  /*text-shadow: 4px 0 0 #fff, -4px 0 0 #fff, 0 4px 0 #fff, 0 -4px 0 #fff, 2px -2px #fff, -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff;*/

  }
  .bigtext span:nth-child(4){color: transparent;}
  .bigtext span:nth-child(5){color: transparent;}
  .bigtext span{padding: 0 18px;}
  


  
  


.commanhead .comHd{  font-family: 'SF-Pro-Display-Bold'; font-size:30px; line-height:40px;}
.commanhead .comHd span{  font-family: 'SF-Pro-Text-Regular';}
/*.commanhead .comsu8bHd{  font-family: 'SF-Pro-Display-Bold'; font-size:22px; line-height:32px;}*/
.commanhead  .badgebg{ background-color:#333; display:inline-block;border-radius:6px; color:#fff; padding:3px 10px; font-size:13px; margin-bottom:5px; }
.darkbgg.commanhead  .comHd,.darkbgg.commanhead  .comHd span{ color:#fff }

.commanspace{ padding:50px 0 35px 0;}


.bepartsec{ background-color:#232323; border-radius:12px; padding:20px;}
.bepartartical{ background-color:#1a1a1a; padding:35px 30px 35px 30px;;border-radius:12px; height:100%}
.bepartartical h4{ display:inline-block; padding:5px 55px 15px 0; position:relative; color:#fff;font-family: 'SF-Pro-Text-Regular';}
.bepartartical h4 span{ position:absolute; right:0; top:0;  width:40px; height:40px; line-height:40px; border-radius:50%; text-align:center }
.bepartartical h4 span.roundbg_1{ background-color:#006dff;  }
.bepartartical h4 span.roundbg_2{ background-color:#FC441B;  }
.bepartartical h4 span.roundbg_3{ background-color:#d3a213;  }
.bepartartical h4 span.roundbg_4{ background-color:#00a156;  }
.bepartartical h4 span.roundbg_5{ background-color:#006dff;  }
.bepartartical h4 span.roundbg_6{ background-color:#FC441B;  }
.bepartartical h4 span.roundbg_7{ background-color:#d3a213;  }
.bepartartical h4 span.roundbg_8{ background-color:#00a156;  }

.watbestsec{ background:url(../images/wryb_bg.webp) no-repeat center top; background-size:cover; padding:50px 0 40px 0;}
.wearsub{ border:1px #fff solid;border-radius:12px; padding:40px 20px 30px 20px;height:100%}
.wearsub .wearsub_iocn{ width:64px; height:64px; line-height:64px; text-align:center; margin:0 auto 25px auto; border-radius:12px;}
.wearsub .wearsub_iocn.wrtb_bg-1{ background-color:#c496ff}
.wearsub .wearsub_iocn.wrtb_bg-2{ background-color:#a7ce4a}
.wearsub .wearsub_iocn.wrtb_bg-3{ background-color:#4d93df}
.wearsub .wearsub_iocn.wrtb_bg-4{ background-color:#ff60a8}
.wearsub .wearsub_iocn.wrtb_bg-5{ background-color:#f66742}
.wearsub .wearsub_iocn.wrtb_bg-6{ background-color:#ffcf59}
.wearsub  .wearsub_contemnt h4{ font-family: 'SF-Pro-Display-Semibold'; color:#fff; margin-bottom:15px;}

.statusofprogress{ background:url(../images/statusogprog_bg.webp) no-repeat center top; background-size:cover; min-height:200px; padding:50px 0 40px 0;}

.bordersec{ min-height:180px; border:2px #fff solid; width:45%;border-radius:300px; margin:30px auto; position:relative}
.bordersec:after{border:2px #fff solid;border-radius:300px; position:absolute;top:15px; right:15px; z-index:1; bottom:15px; left:15px; content:"";}
.bordersec .bsart{ text-transform:uppercase; font-size:12px; line-height:14px; position:absolute; z-index:9}
.bordersec .bsart a span{ display:block; color:#fff; padding:5px 3px;}
.bordersec .bsart a span br{ display:block}
.bordersec .bsart  img{ width:44px;}
.bordersec .bsart.poss-1{ top:-40px; left:0; right:0; text-align:center}
.bordersec .bsart.poss-2{ top:50%; transform:translateY(-50%);  right:-80px; display:flex; flex-wrap:wrap; align-items:center; justify-content:start}
.bordersec .bsart.poss-3{bottom:-55px; left:0; right:0; text-align:center}
.bordersec .bsart.poss-4{  top:50%;  left:-80px;transform:translateY(-50%); display:flex; flex-wrap:wrap;align-items:center}


.compamnyPro{ position:relative; overflow:hidden; padding:0;}
.compamnyPro .compamnyProinner{/*background:url(../images/company_bg.jpg) no-repeat;*/ background-size:cover; padding:30px 0 20px 0; }

.logosss{ background-color:#000; padding:30px 0 ;}
.logosss .slick-track{ margin:0 -10px;display: flex; flex-wrap:wrap;  align-items: center;}
.logosss .slick-track .slick-slide{ padding:0 10px;}


.costomreviewsec{ padding:40px 0 60px 0;}
.reviewss{ padding:50px 0 0 ;}
.reviewss > div{ padding:0 40px;}

.reviewss .reviewss_content{ background:url(../images/review_bg.png) no-repeat; background-size:cover; padding:40px 25px 45px 25px; text-align:center;border-radius:12px; position:relative; }
.reviewss .reviewss_content p,.reviewss .reviewss_content{color:#fff}
.reviewss .reviewss_content:after{ position:absolute; top:-30px; left:20px; background:url(../images/quotes_icon.svg) no-repeat; width:64px; height:50px; content:""; z-index:9}
.reviewss .usersss{ position:relative; margin-top:-40px;}
.reviewss .usersss img{ width:70px; margin:0 auto 10px auto}
.reviewss .usersss h5{ font-family: 'SF-Pro-Display-bold';}
.reviewss .usersss  p, .reviewss .usersss  h5,.reviewss .usersss { color:#fff;}





.CPpro h3, .CPpro p{ color:#fff;}
.CPpro h3{ font-size:24px; line-height:32px;  font-family: 'SF-Pro-Display-Semibold';}
.CPpro p{ font-size:13px; line-height:16px;}


.yellowcircle{ background-color:#FFCF59; border-radius:50%; position:absolute}
.yellowcircle.circle-1{ width:130px; height:130px; top:40%; left:-3vw ;}
.yellowcircle.circle-2{ width:100px; height:100px; top:0px; right:-50px;}
.yellowcircle.circle-3{ width:60px; height:60px; top:-30px; right:50px;}
.yellowcircle.circle-4{ width:60px; height:60px; bottom:-25px; left:10px;}







footer{ padding:30px 0;}
.footerslins a{ margin:0 15px; color:#fff;}
.footersocial a.socials{ width:38px; height:38px; line-height:38px; color:#0d62c7; font-size:23px; background-color:#fff; border-radius:50%;  display:inline-block; margin:0 4px 10px 4px;}

.getsrated{border-radius:22px; border:3px #fff solid;; display:inline-block; white-space:nowrap; height:40px; line-height:38px; padding:0 20px; color:#fff !important; }


.sidewarper{
  z-index:999999;
  /*background: rgb(54,25,91);
  background: linear-gradient(180deg, rgba(54,25,91,1) 0%, rgba(115,53,193,1) 100%);*/
  background: #000000;
  background: linear-gradient(180deg, #0c0b0b 0%, #000000 100%);
  opacity: 0.85;
  position:fixed;
  height:100%;
  overflow:scroll;
  overflow-x:hidden;
  left:-1000px;
  top:0;
  bottom:0;
}
#slidesection{width:290px; height:100%;}
#slidesection .overscroll{padding:0 10px}
#slidesection .topclose{color:#fff;font-size:20px;text-transform:uppercase;padding:10px 15px;display:block; border-bottom:1px rgba(255,255,255,.2) solid !important; margin-bottom:15px;}
#slidesection .topclose a{display:block;color:#fff !important; cursor:pointer}
#slidesection .topclose a i{ float:right}
#slidesection .topclose a strong{ color:#000}

#slidesection .overscroll #sidelinks .subchild{background-color:#155aba;margin-top:10px}
.mobilebutton { display:block; padding:7px 10px; background-color:#fff;box-shadow:0 0 20px rgba(0,0,0,.2); border-radius:10px; margin-bottom:10px;}
#sidelinks .accordion{ padding:0;}
#sidelinks .accordion .accordion-item{ border:0 !important; text-transform:uppercase; list-style:none; background-color:transparent !important}
#sidelinks .accordion .accordion-item .moblink{ padding:10px 0;color:#fff;font-weight:500; display:block}
#sidelinks .accordion .accordion-item + .accordion-item{border-top:1px rgba(255,255,255,.5) dashed !important}
#sidelinks .accordion .accordion-item .accordion-heading{ position: relative; padding:0 60px 0 0;}
#sidelinks .accordion .accordion-item .accordion-heading .accordion-button{ position:absolute; right:0; top:10px; width:23px !important; height:23px !important; border-radius:5px !important; padding:0 !important; box-shadow: inset 0 -1px 0  transparent!important; }


#sidelinks .accordion .accordion-item .accordion-heading .accordion-button.collapsed{ background:#fff  url(../images/white_errow.svg) no-repeat  center center !important  ;}

#sidelinks .accordion .accordion-item .accordion-heading .accordion-button{background:#fff  url(../images/white_up_errow.svg) no-repeat  center center !important  ; }



#sidelinks .accordion .accordion-item .accordion-heading .accordion-button:after{ display:none}


.accordion-body ul{ margin:0 0 10px 5px;}
.accordion-body ul li{ padding:5px 0;}
.accordion-body ul li a{ color:#fff; font-size:14px;}



.innersectionn{ background:url(../images/statusogprog_bg.webp) no-repeat center  center; background-size:cover; padding:30px 0 20px 0;}
.innersectionn .subcontentss > *{ color:#fff}
.innersectionn .subcontentss h4{ font-family: 'SF-Pro-Display-Medium' !important;}
.innersectionn .subcontentss p:last-child{ margin:0}

.overlapheadess .commanhead{ position: relative; top:0; left:0; width:100%}

.allclasslists .row .col-lg-3:nth-of-type(4n+1) .courcelistt h3{ color:#fc441b}
.allclasslists .row .col-lg-3:nth-of-type(4n+2) .courcelistt h3{ color:#006dff}
.allclasslists .row .col-lg-3:nth-of-type(4n+3) .courcelistt h3{ color:#fcc21b}
.allclasslists .row .col-lg-3:nth-of-type(4n+4) .courcelistt h3{ color:#00a156}
.allclasslists .courcelistt h3{ font-family: 'SF-Pro-Display-Medium' !important; margin:0 0 20px 0;}
.allclasslists .courcelistt ul{ padding:0 0 0 3px;display: flex;flex-wrap: wrap;}
.allclasslists .courcelistt ul li{ list-style:none; margin-bottom:5px;width: 50%;}
.allclasslists .courcelistt ul li a{ color:#fff;}


.textyouselfsection{background:url(../images/test-yoursel_bg.png)  no-repeat top center; background-size:cover; padding:0 0 30px 0;  }

.colordotsssec ul{ padding:0 ;  margin:0}
.colordotsssec ul li{ list-style:none; margin-bottom:30px; position:relative; padding:0 0 0 30px; color:#fff; font-size:18px;}
.colordotsssec ul li:after{ position:absolute; left:0; top:5px; width:16px; height:16px; content:""; border-radius:50%; }
.colordotsssec ul li:nth-of-type(4n+1):after{ background-color:#059d9d}
.colordotsssec ul li:nth-of-type(4n+2):after{ background-color:#006dff}
.colordotsssec ul li:nth-of-type(4n+3):after{ background-color:#fc441b}
.colordotsssec ul li:nth-of-type(4n+4):after{ background-color:#fcc21b}



.aboutussection{background:url(../images/statusogprog_bg.webp) no-repeat center  center; background-size:cover; padding:30px 0; }
.aboutussection .aboutusinner{padding:60px 0 50px 0;background:url(../images/aboutus-rectangle.png) no-repeat 90% center;background-size:contain; }
.aboutussection .aboutusinner  *{ color:#fff !important ;}
.abouthead{ font-size:40px; color:#fff; line-height:50px;font-family: 'SF-Pro-Display-Bold';}
.abouHDsghdow{text-shadow: 9.508px 9.508px 0px #1C21BB;}


.ourvisionsec{ background:#202020 url(../images/aboutsec-2_bg.jpg) no-repeat top center; padding:150px 0 40px 0; background-size:contain;}


.ourvissionartical .ourvissionArt{ background-color:#000; padding:40px 40px 30px 40px;border-radius:12px; height:100%}
.ourvissionartical .ourvissionArt h4{}
.ourvissionartical .ourvissionArt p{ color:#98989a}
.ourvissionartical .row > div:nth-of-type(4n+1) .ourvissionArt h4{ color:#059d9d}
.ourvissionartical .row > div:nth-of-type(4n+2) .ourvissionArt h4{ color:#006dff}
.ourvissionartical .row > div:nth-of-type(4n+3) .ourvissionArt h4{ color:#fc441b}
.ourvissionartical .row > div:nth-of-type(4n+4) .ourvissionArt h4{ color:#fcc21b}


.ceochallange{ background-color:#202020; padding:0 50px;border-radius:12px;}

.watchbideoss{color: #002E4B; background-color:#fff;border-radius: 8px; font-size:20px; display:inline-block; padding:0 30px; height:45px; line-height:45px; font-weight:bold;}

.maintimelo9inee{ position:relative}
.maintimelo9inee:after{ position:absolute; left:0; right:0; content:""; top:auto; transform:translateY(0); border-bottom:2px #fff dashed; z-index:-1; bottom:20px}
.maintimelo9inee .item:nth-of-type(3n+1) .innertimelinee .bottomss{ opacity:0;}
.maintimelo9inee .item:nth-of-type(3n+2) .innertimelinee .topart{  opacity:1}
.maintimelo9inee .item:nth-of-type(3n+3) .innertimelinee .bottomss{ opacity:0;}
.maintimelo9inee .item:nth-of-type(3n+2) .innertimelinee .bottomss{  opacity:0;}
.maintimelo9inee .item .innertimelinee .bottomss .bottomssinner{ display:none}
.maintimelo9inee .item .innertimelinee{ text-align:center; position:relative}
.maintimelo9inee .item .innertimelinee .timelinecircle{ position:absolute; left:0; right:0; margin:0 auto;  top:auto; transform:translateY(0); border:2px #fff dashed; width:50px; height:50px; border-radius:50%; z-index:9;bottom:0 }
.maintimelo9inee .item .innertimelinee .topart{ padding-bottom:40px}
.maintimelo9inee .item .innertimelinee .bottomss{ padding-top:40px}
.maintimelo9inee .item:nth-of-type(3n+1) .innertimelinee .timelinecircle{ background-color:#006dff}
.maintimelo9inee .item:nth-of-type(3n+2) .innertimelinee .timelinecircle{ background-color:#fcc21b;}
.maintimelo9inee .item:nth-of-type(3n+3) .innertimelinee .timelinecircle{background-color:#fc441b;}
.maintimelo9inee .item .innertimelinee p,.maintimelo9inee .item .innertimelinee{ color:#98a2b3;}
.maintimelo9inee .item .innertimelinee h3{ color:#fff;}




.getintouchsec{ background-color:#313131; position:relative; padding:0 30px;border-radius:15px;;}
.getintouchsec:after{ background-color:#006dff; position:absolute; top:auto; height:25%; right:0; bottom:0; width:100%;border-radius:15px;; content:""; z-index:1} 
.getintouchsec .mapss{ padding:60px 0px 60px 0;}
.getintouchsec .mapss iframe{ position:relative; z-index:2}
.fromfldd .inputflss{ border:1px #fff solid; background-color:transparent; width:100%; padding:8px 10px; color:#fff;}
.fromfldd .inputflss::placeholder{ opacity:1}
.buttonabot{ background-color:#fc441b; color:#fff; padding:8px 10px; width:100%; border:0;}




#aboutarodianss .accordion-item{ margin-bottom:30px;  background-color:#2d2d2d ;border-radius:12px;box-shadow: 0px 18.629px 88.487px 0px rgba(201, 203, 204, 0.26); }
#aboutarodianss .accordion-item .accordion-header .accordion-button { color:#fff;border-radius:12px ;box-shadow: inset 0 -1px 0 transparent !important; position:relative; padding:20px 10px 20px 60px; font-size:16px; line-height:22px;  position:relative; background-color:transparent !important}
#aboutarodianss .accordion-item .accordion-header .accordion-button:after{ display:none }
#aboutarodianss .accordion-item .accordion-header .accordion-button:before{ background:url(../images/minus-icon.png) no-repeat center center; width:29px; height:29px; content:""; position:absolute; left:10px; top:25px; }
#aboutarodianss .accordion-item .accordion-header .accordion-button.collapsed:before{  background:url(../images/plus-icon.png) no-repeat center center; }
#aboutarodianss .accordion-item .accordion-header .accordion-button strong{ font-size:16px; line-height:18px; text-transform:uppercase}
#aboutarodianss .accordion-item .accordion-header .accordion-button .checcon{ font-size:13px; line-height:15px; margin-left:10px;}
#aboutarodianss .accordion-item .accordion-body{ padding:0px 10px 20px 60px; font-size:15px; line-height:19px;}
#aboutarodianss .accordion-item .accordion-body p:last-child{ margin:0}




@media(max-width:420px){
  
  
}

@media(min-width:576px){
body{ font-size:15px; line-height:24px; }
  
  
.bordersec{ min-height:200px; width:50%;}
.bordersec .bsart{ tfont-size:15px; line-height:17px; }
.bordersec .bsart.poss-2{  right:-90px;}
.bordersec .bsart.poss-4{  left:-90px;}
.CPpro h3{ font-size:30px; line-height:40px; }
.CPpro p{ font-size:16px; line-height:20px;}
.overlapheadess .commanhead{ position: relative; top:0; left:0; width:50%}
  

}
@media(min-width:768px){
header .mainklibks .mainul{ margin:0 -5px;}
header .mainklibks .mainul .mainli{  padding:0 5px; }

.bordersec{ min-height:300px; width:60%;}
.bordersec .bsart{  font-size:15px; line-height:17px;}
.bordersec .bsart a span br{ display: none}

.bordersec .bsart.poss-1{ top:-44px; left:0; right:0; }
.bordersec .bsart.poss-2{ top:50%; transform:translateY(-50%);  right:-170px; display:flex; flex-wrap:wrap; align-items:center}
.bordersec .bsart.poss-3{bottom:-46px; left:0; right:0; text-align:center}
.bordersec .bsart.poss-4{  top:50%;  left:-155px;transform:translateY(-50%); display:flex; flex-wrap:wrap;align-items:center}
  
.bepartsec{ padding:30px 40px;}
  
.costomreviewsec{ padding:60px 0 90px 0;}
.footerslins a{ margin:0 25px; color:#fff;}
  
.mainbanersec .banneroverlap .row{ margin:0 -15px;}
.mainbanersec .banneroverlap .row > div{ padding:0 15px;}


.innersectionn{ padding:50px 0 30px 0;}

.overlapheadess .commanhead{  top:10px;  width:35%}
.getintouchsec{ padding:0 50px;}
.getintouchsec:after{ top:0;  width:25%; height:auto}


.maintimelo9inee .item:nth-of-type(3n+1) .innertimelinee .bottomss{ opacity:0}
.maintimelo9inee .item:nth-of-type(3n+2) .innertimelinee .topart{  opacity:0}
.maintimelo9inee .item:nth-of-type(3n+3) .innertimelinee .bottomss{ opacity:0}
.maintimelo9inee .item:nth-of-type(3n+2) .innertimelinee .bottomss{  opacity:1;}
.maintimelo9inee .item .innertimelinee .bottomss .bottomssinner{ display: block}

.maintimelo9inee .item .innertimelinee .topart{ padding-bottom:60px}
.maintimelo9inee .item .innertimelinee .bottomss{ padding-top:60px}

.maintimelo9inee:after{ left:17%; right:17%; content:""; top:50%; transform:translateY(-50%); bottom:auto }
.maintimelo9inee .item .innertimelinee .timelinecircle{   top:50%; transform:translateY(-50%);  bottom:auto }



  
}

@media(min-width:992px){
header .mainklibks .mainul{ margin:0 -20px;}
header .mainklibks .mainul .mainli{  padding:0 20px; }
.bordersec{ min-height:440px; width:74%;}

  
.commanhead .comHd{  font-size:42px; line-height:56px;} 
/*.commanhead .comsu8bHd{  font-size:30px; line-height:40px;} */
.main-head h2{font-size:30px; line-height:40px;}
.blue-head h2{font-size:42px; line-height:56px;}

.commanhead  .badgebg{  font-size:17px; }
.CPpro h3{ font-size:40px; line-height:50px;}
.CPpro p{ font-size:20px; line-height:25px;}
  .mainbanersec .banneroverlap .row{ margin:0 -25px;}
.mainbanersec .banneroverlap .row > div{ padding:0 25px;margin: 0 15px;}
  
.overlapheadess .commanhead{ position:absolute; top:40px; left:0; width:32%}
.abouthead{ font-size:60px; color:#fff; line-height:70px;font-family: 'SF-Pro-Display-Bold';}

}
  
  
@media(min-width:1200px){
.compamnyPro{ padding:50px 0;}

.abouthead{ font-size:100px; color:#fff; line-height:110px;font-family: 'SF-Pro-Display-Bold';}



}


@media(min-width:1600px){


body{ font-size:18px; line-height:27px;}
.commanhead .comHd{  font-size:52px; line-height:66px;}
/*.commanhead .comsu8bHd{ font-size:36px; line-height:46px;}*/

.commanhead  .badgebg{  font-size:20px; }
.CPpro h3{ font-size:50px; line-height:60px;}
.CPpro p{ font-size:26px; line-height:30px;}

.mainbanersec .banneroverlap .row{ margin:0 -35px;}
.mainbanersec .banneroverlap .row > div{ padding:0 35px;}
}




@media(max-width:992px){
  .bigtext span {
      padding: 0 8px;
  }
}















/* Slider */
.slick-slider
{
    position: relative;

    display: block;

    -moz-box-sizing: border-box;
         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;
}
.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;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
    transition: transform ease 300ms;
}
.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;
}





@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('../ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('../fonts/slick.eot');
    src: url('../fonts/slick.eot?#iefix') format('embedded-opentype'), url('../fonts/slick.woff') format('woff'), url('../fonts/slick.ttf') format('truetype'), url('../fonts/slick.svg#slick') format('svg');
}

/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    margin-top: -10px\9; /*lte IE 8*/
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */


.slick-dots
{
    position: absolute;
    bottom: -45px;

    display: block;

    width: 100%;
    padding: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}



  .reviewbox{
    background: linear-gradient(#939393 -14%, #030412 55%);
  border-radius: 14px;
  padding: 20px;
  border: 1px solid #e6e6e6;
  margin: 20px 15px;
  }
  .reviewbox .toprow{
    list-style: none;
    padding-left: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  }
  .reviewbox .content{
    margin-bottom: 45px;
  }
  .reviewbox .content p{
    color: #e6e6e6;
  }
  .reviewbox .author{
    display: flex;
  align-items: center;
  }
  .reviewbox .author .authname{
    padding-left: 10px;
  }
  .reviewbox .author .authname h4{
    font-size: 13px;
  color: #e6e6e6;
  margin-bottom: 0;

  }.reviewbox .author .authname p{
    font-size: 11px;
  color: #e6e6e6;
  margin-bottom: 0;
  }





@keyframes customFadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -25px, 0); /* Adjust the height as needed */
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.animate__customFadeInDown {
  animation-name: customFadeInDown;
}

.animate__customfadeInLeft{
    animation: customFadeInLeft;
}

@keyframes customFadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-50px, 0, 0); /* Adjust the height as needed */
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.animate__customfadeInRight{
    animation: customFadeInRight;
}

@keyframes customFadeInRight {
  from {
    opacity: 0;
    transform: translate3d(50px, 0, 0); /* Adjust the height as needed */
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}


  .wearsub:hover .wearsub_iocn img{
     transition: 0.70s;
    -webkit-transition: 0.70s;
    -moz-transition: 0.70s;
    -ms-transition: 0.70s;
    -o-transition: 0.70s;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
  .wearsub:hover{
    /*background: linear-gradient(#838383 0%, #000000 107%);*/
    background-color: #000;
    border: 0;
  }
  .academictracker .wearsub:hover{background-color: #262222;}
  .bepartartical h4 span.colorederrow{transition-duration: 1s;}
  .bepartartical:hover .colorederrow{transform: rotate(45deg);}
  .slick-slide img:hover{transform: translate(0, -10px);}

  .wearsub:hover .wearsub_contemnt.wrtb_bg-1 h4{color:#c496ff}
  .wearsub:hover .wearsub_contemnt.wrtb_bg-2 h4{color:#a7ce4a}
  .wearsub:hover .wearsub_contemnt.wrtb_bg-3 h4{color:#4d93df}
  .wearsub:hover .wearsub_contemnt.wrtb_bg-4 h4{color:#ff60a8}
  .wearsub:hover .wearsub_contemnt.wrtb_bg-5 h4{color:#f66742}
  .wearsub:hover .wearsub_contemnt.wrtb_bg-6 h4{color:#ffcf59}

  .conic{
  position: relative;
  z-index: 0;
  overflow: hidden;
}
  
  .conic::before{
    content: '';
    position: absolute;
    z-index: -2;
    left: -50%;
    top: -50%;
    width: 200%;
    height: 200%;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-image: conic-gradient(#25617800, rgb(100 167 239), transparent 30%);
    animation: rotate 4s linear infinite;
  }
  
  .conic::after {
    background: #000;
  }

@keyframes rotate {
    100% {
        transform: rotate(1turn);
    }
}


/*.bigtext {
  
  overflow:hidden;
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
  -webkit-transform: translate3d(0,0,0);
}

.bigtext div {
  display:inline-block;
  overflow:hidden;
  white-space:nowrap;
}

.bigtext div:first-of-type {    
  animation: showup 7s infinite;
}

.bigtext div:last-of-type {
  width:0px;
  animation: reveal 7s infinite;
}

.bigtext div:last-of-type span {
  margin-left:-355px;
  animation: slidein 7s infinite;
}

@keyframes showup {
    0% {opacity:0;}
    20% {opacity:1;}
    80% {opacity:1;}
    100% {opacity:0;}
}

@keyframes slidein {
    0% { margin-left:-800px; }
    20% { margin-left:-800px; }
    35% { margin-left:0px; }
    100% { margin-left:0px; }
}

@keyframes reveal {
    0% {opacity:0;width:0px;}
    20% {opacity:1;width:0px;}
    30% {width:655px;}
    80% {opacity:1;}
    100% {opacity:0;width:655px;}
}*/


.cssanimation, .cssanimation span {
    animation-duration: 1s;
    animation-fill-mode: both;
}

.cssanimation span { display: inline-block }

.leRotateYZoomIn span { animation-name: leRotateYZoomIn }
@keyframes leRotateYZoomIn {
    from {
        transform: perspective(600px) translate3d(0, -60px, -2000px) rotateY(75deg);
        opacity: 0
    }
    5% { transform: perspective(600px) translate3d(0, -60px, -1500px) rotateY(75deg) }
}



.loader {background-color: #000;}
        #loader {
  position: fixed;
  /*animation: spin 1s linear infinite;*/
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  /*background: url('https://icons8.com/preloaders/preloaders/2/Broken%20circle.gif') 50% 50% no-repeat #000000;*/
}
.center {
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   margin: auto;
}

@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}

.fontbold strong{
  font-family: 'SF-Pro-Display-Bold';
}


.main-head h2{
  font-family: 'SF-Pro-Display-Bold';
    font-size: 22px;
    line-height: 32px;
    color: #525FE1 !important;
}
.main-head h2 strong{
  font-weight: bolder !important;
  color: #525FE1 !important;
}

.blue-head h2{
      font-family: 'SF-Pro-Display-Bold';
    font-size: 30px;
    line-height: 40px;
    color: #fff;
}

.blue-head h2 strong{
  color: #525FE1;
}

.fw-semobold.qu-txt h4{
  color: #fff !important;
  text-transform: uppercase !important;
  margin-bottom: 1.5rem !important;
}

.blue-head.c-ech h2{text-transform: uppercase;}

.prt-ivt span{
    background-color: #333;
    display: inline-block;
    border-radius: 6px;
    color: #fff;
    padding: 3px 10px;
    font-size: 13px;
    margin-bottom: 5px;
}

.blue-head.font{
  font-family: 'SF-Pro-Display-Medium' !important;
}
.costomreviewsec h2 strong{
  color: #525FE1 !important;
}

/*.respopforms input.respopupfld:is(:-webkit-autofill, :autofill){
  background-color : #fc441b !important;border: 3px dotted orange !important;color: #fff;
}*/
/*.respopforms input:-webkit-autofill{
    -webkit-text-fill-color: #fff !important;
    -webkit-background-clip: text;
    box-shadow: none;
}
.respopforms.ired input[type="text"]:not(:placeholder-shown) {
        background-color: #fc441b !important;
    }
.respopforms.iblue input[type="tel"]:not(:placeholder-shown) {
        background-color: #006dff !important;
    }
.respopforms.iyellow input[type="date"]:not(:placeholder-shown) {
        background-color: #fcc21b !important;
    }
.respopforms.igreen input[type="email"]:not(:placeholder-shown) {
        background-color: #00a156 !important;
    }
.respopforms.igreen input[type="password"]:not(:placeholder-shown) {
        background-color: #00a156 !important;
    }
*/