body{ padding: 0px; margin: 0px; list-style: none;}
p{padding: 0px; margin: 0px;}
a{padding: 0px; margin: 0px; outline: none;}
ul{ list-style: none; padding: 0px; margin: 0px;}
label{ list-style: none; padding: 0px; margin: 0px;}
ul li{ padding: 0px; margin: 0px;}
h1, h2, h3, h4, h5, h6, p{padding: 0px 0 15px 0; margin: 0px;}
input[type="text"]::-webkit-placeholder { opacity: 1;  }
input[type="text"]::-moz-placeholder { opacity: 1;}
input[type="password"]::-webkit-placeholder { opacity: 1;}
input[type="password"]::-moz-placeholder { opacity: 1;}
input[type="search"]::-webkit-placeholder { opacity: 1;}
input[type="search"]::-moz-placeholder { opacity: 1;}
input[type="email"]::-webkit-placeholder { opacity: 1; }
input[type="email"]::-moz-placeholder { opacity: 1;}
input[type="tel"]::-webkit-placeholder { opacity: 1;}
input[type="tel"]::-moz-placeholder { opacity: 1;}
textarea::-moz-placeholder { opacity: 1;  }
textarea::-webkit-placeholder { opacity: 1;}
a:hover{ outline: none !important; text-decoration: none;}
a:active{ outline: none !important; text-decoration: none;}
a{ text-decoration: none !important;  -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
button, input[type="submit"]{ -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; cursor: pointer; -webkit-appearance: none; outline: none;}
input, button{ -webkit-appearance: none;}
input:focus, textarea:focus{ outline: none; box-shadow: none;}
button:focus, input[type="submit"]:focus{ outline: none; box-shadow: none;}
figure{ margin: 0px !important; padding: 0px;}
img{ max-width: 100%; object-fit:cover;}
a, span, strong, em{ display: inline-block;}
body{ font-family: 'Arial'; font-size: var(--font-16); line-height:var(--line-16); }

:root
{
    /* colors */
    --c-Dblue: #1b3168;
    --c-Dblue1: #0f3cad;
   	--c-Lblue: #0ea9f2;
   	--c-Dgray: #535353;
   	--c-Lgray: #959595;
   	
   	--container: 1440px;

    /* font-family */
    /* font-sizes */
    --font-80:80px;
    --line-80:89px;
    
    --font-66:66px;
    --line-66:79px;
    
    --font-60:60px;
    --line-60:69px;
    
    --font-50:50px;
    --line-50:59px;
    
    --font-40:41.67px;
    --line-40:49px;
    
    --font-30:30px;
    --line-30:39px;
    
    --font-25:25px;
    --line-25:29px;
    
    --font-22:22px;
    --line-22:25px;
    
    --font-27:27.78px;
    --line-27:35px;
    
    --font-21:21px;
    --line-21:24px;
    
    --font-19:19.44px;
    --line-19:26px;
    
    --font-15:15.08px;
    --line-15:20px;
    
    --font-16:16.67px;
    --line-16:20px;
    
    --font-13:13.89px;
    --line-13:18px;
    
    --font-11:11.11px;
    --line-11:14px;
    /* font-Lineheight */
    
   --font-family-1:'Arial';
    --font-family-2: 'Arial';
    
    
}
.butns{ font-size: var(--font-25); line-height: var(--line-25); color: #fff; background: #0ea9f2; text-align: center; display: inline-block; padding: 13px 22px !important; font-weight: 700;}
.butns:hover{ background: #1c2a4b; color: #fff !important;}
.butns i{ margin-left: 10px;}


h1, h2{ font-size: var(--font-40); line-height: var(--line-40); font-weight: 700;}
h3, h4{ font-size: var(--font-25); line-height: var(--line-25); font-weight: 700;}
h5, h6{ font-size: var(--font-19); line-height: var(--line-19); font-weight: 700;}

.Dblue{ background: var(--c-Dblue); color: #fff;}
.Lblue{ background: var(--c-Lblue); color: #fff;}




.header_sec{ position: relative; width: 100%; top: 0px; left: 0px; z-index: 11; background: #fff;}

.navbar{ margin: 0px; padding: 0px;}
.navbar-brand{ margin: 0px; padding: 0px; width: 165px;}
.menu_sec li{font-size: var(--font-16); line-height: var(--line-16); font-weight: 700; color: #1c294a; margin-left: 44px;}
.menu_sec li a{ color: #1c294a; padding: 13px 0px !important; display: inline-block; position: relative;}
.menu_sec li a:hover{ color: #0ea9f2;}
.menu_sec li.actv a:before{ width: 100%; content: ""; position: absolute; bottom: 0px; left: 0px; background: #0ea9f2; height: 5px; border-radius: 8px;}

.menu_sec li.cntLi a{ padding-left: 22px !important; padding-right: 22px !important;}

.flag-list{display: flex !important;}
.flag-list li {margin-left: 10px !important;}




.headMain{ padding: 10px 0;}

.cntLi a{ background: #0ea9f2; color: #fff !important;}
.cntLi a:hover{ background: #1c2a4b;}

.headTop{ background: #1b3168; padding: 11px 0;}


.container{max-width: var(--container);}
.tophead{ padding: 60px 0;}


.headTop li a, .headTop li{ color: #fff; }
.headTop li{ display: inline-block; position: relative;}
.headTop li:before{ content: "|"; padding: 0 11px 0 5px;}
.headTop li:first-child:before{ display: none;}
.headTop ul{ text-align: right;}
.headTop li img{ margin-right: 5px;}
.p-relative{ width: 100%; position: relative;}
.overLink{ width: 100%; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;}

.prblmhelp h2{ color: var(--c-Dblue);}
.problBx{
  max-width: 400px;
  background: #fff;
  padding: 15px;
  margin-top: 30px; border: 1px solid #ececec;
}

.problBx{ position: relative; height: 100%;}
.problBx .text{ text-align: center;}
.problBx .pic{ width: 100%; position: relative;}

.bluIcnE, .blkE{ position: absolute; top: -82px; left: 50%; border-radius: 100%; width: 142px; height: 142px;  transform: translateX(-50%);}



.blkE:after{ position: absolute; top: 0px; left: 0px; background: var(--c-Lblue); border-radius: 100%; width: 100%; height: 100%; transform: scale(1.2); content: ""; z-index: -1;}
.bluIcnE:before{ position: absolute; top: 0px; left: 0px; background: var(--c-Dblue); border-radius: 100%; width: 100%; height: 100%; content: "";}
.bluIcnE img{ position: relative;}
.bluIcnE{ z-index: 2; border-radius: 100%;
  overflow: hidden;}
.blkE:before{ background: #fff;}
.problBx .pic::before {
  width: 100%;
  background: #fff;
  position: absolute;
  top: -99px;
  left: 0px;
  height: 81px;
  content: "";
  z-index: 1;
}

.problemsRow .col-md-4:nth-child(2) .problBx{ margin-left: auto; margin-right: auto;}
.problemsRow .col-md-4:nth-child(3) .problBx{ margin-left: auto; margin-right: 0;}





.problBx  h3{ color: var(--c-Dblue);}
.problBx li{ color: var(--c-Lgray); border-bottom: 1px solid #9d9d9d; padding:19px;}
.problBx .text {
  width: 100%;
  padding: 103px 39px 15px;
}

.problBx:hover li{  color: var(--c-Dgray);}
.problBx li:last-child{ border-bottom: none;}
.problBx:hover .bluIcnE::before { background: var(--c-Lblue);}
.problBx:hover .blkE::after { background: #fff;}
.problBx:hover{ background: #ececec;}




.popup .form-wrapper {border:none;padding:0;}
.popup label{margin-bottom:5px;}










.chosBx{ max-width: 400px; background: #fff; padding: 15px; margin-top: 30px;}
.chosBx .pic{ width: 100%; position: relative; z-index: 1;}
.choseRow .col-md-4:nth-child(2) .chosBx{ margin-left: auto; margin-right: auto;}
.choseRow .col-md-4:nth-child(3) .chosBx{ margin-left: auto; margin-right: 0;}



.chosBx .text{ width: 100%; padding: 88px 0px 15px; text-align: left;}
.bluIcn, .blk{ position: absolute; bottom: -60px; left: 50%; border-radius: 100%; width: 120px; height: 120px;  transform: translateX(-50%);}
.blk:after{ position: absolute; top: 0px; left: 0px; background: var(--c-Dblue1); border-radius: 100%; width: 100%; height: 100%; transform: scale(1.2); content: ""; z-index: -1;}
.bluIcn:before{ position: absolute; top: 0px; left: 0px; background: var(--c-Lblue); border-radius: 100%; width: 100%; height: 100%; content: "";}
.bluIcn img{ position: relative;}
.bluIcn{ z-index: 2;}
.blk{ z-index: -1;}
.chosBx  h5{ color: var(--c-Dblue);}
.chosBx li{ color: var(--c-Lgray); margin: 5px 0; font-size: var(--font-16); line-height: var(--line-16); position: relative; padding-left: 16px;}
.chosBx li:before{ content: "\f0da"; font-family: "Font Awesome 6 Pro"; position: absolute; top: 0px; left: 0px; font-weight: 900; color: #000;}







.JourneyRow{ position: relative;}
.JourneyRow:before{ background: url(../images/wav1.png) no-repeat center center; width: 100%; height: 76px; content: ""; position: absolute; top: 23%; left: 0px;}


.whscholSec p{ font-size: var(--font-19); line-height: var(--line-19); font-weight: 400; color: var(--c-Lgray);}
.whscholRow{ position: relative;  column-count: 2; gap:0px;}
.schoolpic{ padding: 10px;}
.schoolpic img{ height: 230px;}
.schoolpic:last-child img{ height: 480px;}
.whscholSec .row{
  flex-direction: row-reverse;
  align-items: center;
}




.testemoniSec h2{ color: var(--c-Dblue);}
.testBox{ width: 100%; background:var(--c-Dblue); padding:33px 25px; position: relative; }
.testBox:before{ width: 46px; height: 46px; background: url(../images/c1.png) no-repeat center center; position: absolute; top: -7px; left: -7px; content: "";}
.testBox:after{ width: 46px; height: 46px; background: url(../images/c1.png) no-repeat center center; position: absolute; bottom: -7px; right: -7px; content: "";}
.testBoxLeft strong{ color: #fff; font-size: var(--font-13); line-height: var(--line-13); font-weight: 700; display: block; margin-top: 20px;}
.testBoxRt p{ color: #fff;}
.testBoxRt{ text-align: left;}
.tBx{ width: 100%; border: 2px solid #e1e1e1; padding: 16px;}
.tBx img, .testBox img{ height: 255px;}
.tBx h6{ font-size: var(--font-13); line-height: var(--line-13); font-weight: 700; color: var(--c-Dblue); padding-bottom: 7px;}
.tBx p{ font-size: var(--font-11); line-height: var(--line-11); font-weight: 400; color: var(--c-Dblue); font-family: 'Poppins'; padding-bottom: 0px;}
.tBx .text{ padding-top: 14px;}

.testimonial-caro .item{ padding: 0 10px;}

.testimonial-caro .owl-dot span{ width: 8px; height: 8px; background: #b1b1b1; border-radius: 20px; display: inline-block;}
.testimonial-caro .owl-dot.active span{ width: 32px; background: #0ea9f2;}
.testimonial-caro .owl-dot{ margin: 4px;}
.testimonial-caro .owl-dots{ text-align: left; margin-top: 16px;}






.JourneyBox{ width: 100%; margin-top: 40px;}
.JourneyBox .text{ width: 100%; padding: 30px 0 0; max-width: 240px; margin: 0px auto;}

.JourneyIcon{ width: 155px; height: 155px; background: #fff; border: 11px solid #192d5f; border-radius: 100%; display: flex; justify-content: center; align-items: center; position: relative; margin: 0px auto;}
.JourneyIcon:before{ border: 2px solid #fff; content: ""; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; transform: scale(1.3); border-radius: 100%;}
.JourneyBox h5{ font-weight: 700;}
.JourneyBox p{ font-size: var(--font-16); line-height: var(--line-16);}




.studinntTime{ padding-bottom: 0px; position: relative;}
.studinntTime li{ font-size: var(--font-19); line-height: var(--line-19); color: var(--c-Dblue); margin: 15px 0;}
.studinntTime li strong{ font-weight: 700;}


.faqLft{ max-width: 580px; position: relative; min-height: 440px;}
.faqbx1{ max-width: 360px; height: 312px;}
.faqbx2{ max-width: 360px; border: 3px solid #fff;position: absolute; right: 0px; top: 118px; height: 312px;}
.h100{ height: 100%;}

.faqaccu .accordion-item {
  border: none;
  background: none !important; border-radius: 0px;
}
.faqaccu .accordion-button{ box-shadow: none !important; background: #fff; color: #1b3168; font-weight: 600;font-family: 'Poppins'; border-radius: 0px; border: 1px solid #fff; padding: 11px 17px; font-size: var(--font-16); line-height: var(--line-16);}
.faqaccu .accordion-body{ text-align: left; border: 1px solid #fff; margin-top: 5px; font-size: var(--font-16); line-height: var(--line-16);font-weight: 400;font-family: 'Poppins';}
.faqaccu .accordion-item + .accordion-item{ margin-top: 10px;}
.faqaccu .accordion-button::after {
  width: 25px;
  height: 25px;
  background: #1b3168 !important;
  display: flex;
  border-radius: 100%;
  content: "\2b";
  font-family: "Font Awesome 6 Pro";
  color: #fff;
  transform: inherit !important;
  align-items: center;
  justify-content: center;
}
.accordion-button:not(.collapsed)::after{ content: "\f068";}












.footerTop{ width: 100%; padding: 60px 0;}
.footLogo{ display: inline-block; max-width: 240px; margin-bottom: 34px;}
.footerTop p{ font-family: var(--font-16); line-height: var(--line-16); color: #fff;font-weight: 700; padding-bottom: 23px;}
.footerTop p a{ color: #fff !important;}
.footerTop p a:hover{ color: #72c8f1 !important;}

.qCode{ display: flex; max-width: 426px;}
.qCode li{ width: 50%; text-align: center; margin-left: 10px;}
.qCode li i{ display: block; margin-bottom: 10px;}
.qCode li span{ color: #fff; font-family: var(--font-15); line-height: var(--line-15); }
.rtFoot{
  justify-content: flex-end;
  display: flex;
  text-align: right;
  flex-wrap: wrap;
}



.footerBotm{ width: 100%; padding: 10px 0; text-align: center;}
.footerBotm p { color: #fff; font-weight: 700; font-family: var(--font-13); line-height: var(--line-13);}
.footerBotm p a{ color: #fff;}
.footerBotm p a:hover{ color: #72c8f1;}


.fixedPanl{ position: fixed; top: 40%; right: 0px; z-index: 5;}
.fixedPanl a{
  width: 55px;
  height: 57px;
  text-align: center;
  background: #546ca6;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: column;
}
.fixedPanl i{ width: 100%; display: inline-block; position: relative;}
.fixedPanl span{ color: #fff; font-size: 9.81px; line-height: 11px;}
.fixedPanl li{ margin: 3px 0; position: relative;}
.fixedPanl li:nth-child(even) a, .fixedPanl li:nth-child(even) .divOpn{ background: #72c8f1;}
.divOpn {
  background: #546ca6;
  position: absolute;
  right: 66px;
  top: 50%;
  width: 105px;
  text-align: center;
  height: auto;
  padding: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.5s ease; opacity: 0; visibility: hidden; flex-wrap: wrap;  transform: translateY(-50%);
}
.divOpn a{ width: 100%; height: auto;}

.divOpn p{  font-size: var(--font-11); line-height: var(--line-11); color: #fff; padding-bottom: 0px;}
.divOpn p a{ color: #fff; }
.divOpn:before{ border: 6px solid transparent; border-left:6px solid #546ca6; position: absolute; top: 50%; right: -12px; content: ""; transform: translateY(-50%);}
.fixedPanl li:nth-child(even) .divOpn:before{ border-left-color:#72c8f1;}
.fixedPanl li:hover .divOpn{ opacity: 1; visibility: visible; display: block;}

.divOpn i{ width: 100%; display: inline-block; margin-bottom: 4px;}





.banner{  background-image: linear-gradient(to right, #1a366e, #1d4b88, #1e62a2, #1a79bd, #1191d7); height: 650px; overflow: hidden;}
.banner:before{ background: #fdc300; position: absolute; top: 0px; right: 0px; content: ""; height: 100%; width: 40%;clip-path: polygon(0 0, 100% 0, 100% 100%, 9% 100%);}

.banLft{ width: 50%; height: 100%; position: relative; }

.banner .container{ max-width: 1640px; height: 100%; display: flex;}



.banr5t{ width: 50%; height: 100%; position: relative;}
.boyPic{ max-width: 351px; position: absolute; bottom: 0px; right: 0px;}
.banpic1{ position: absolute; top: -27px; left: 0px; width: 426px; height: 426px; border: 10px solid #fff; border-radius: 100%; overflow: hidden;}
.banpic1 img{ width: 100%; height: 100%;}
.banpic2 {z-index: 1;
  position: absolute;
  bottom: -27px;
  left: 131px;
  width: 338px;
  height: 338px;
  border: 10px solid #fff;
  border-radius: 100%;
  overflow: hidden;
}
.banpic2 img{ width: 100%; height: 100%;}

.pln {
  position: absolute;
  top: 45px;
  left: 426px;
}

.bYlo {width: 100%; float: left;
  display: inline-block;
  color: #1b3168;
  font-size: 41.29px;
  line-height: 42px;
  text-transform: uppercase;
  font-weight: 700;
  background: #fdc300;
  padding: 17px 40px;
  letter-spacing: 3px;
  transform: rotate(-7deg);position: relative; margin-bottom: 30px; max-width: 593px;
  text-align: center;
}

.bYlo::before {
  width: 117px;
  height: 5px;
  background: #fff;
  position: absolute;
  top: -17px;
  left: -60px;
  content: "";
}
.bYlo::after {
  width: 117px;
  height: 5px;
  background: #fff;
  position: absolute;
  top: -17px;
  right: -30px;
  content: "";
}

.bwh {
  display: inline-block;
  color: #1b3168;
  font-size: 24.27px;
  line-height: 28px;
  text-transform: uppercase;
  font-weight: 700;
  background: #fff;
  padding: 14px 28px;
  transform: rotate(-7deg); max-width: 400px; position: relative; margin-bottom: 20px;float: right;
}

.bwh::before {
  width: 117px;
  height: 5px;
  background: #fff;
  position: absolute;
  top: -12px;
  left: -110px;
  content: "";
}
.bwh::after {
  width: 117px;
  height: 5px;
  background: #fff;
  position: absolute;
  bottom: -17px;
  right: -85px;
  content: "";
}




.banLft {
  width: 50%;
  height: 100%;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
}


.bantxt p{ color: #fff; font-size: 37.5px; line-height: 45px; text-align: left;}


.banLftIn{ max-width: 612px; position: relative;}


.bantxt{ width: 100%; float: left; margin-top: 37px; padding-right: 95px;}

.banLft:before{ position: relative;}
.srts {
  position: absolute;
  bottom: 0px;
  left: -112px;
  width: 100%;
}


.new-banner{ width: 100%; position: relative;}
.new-banner img{ width: 100%; height: 600px;}
.banner-content{position: absolute;width: 100%; top: 50%; transform: translateY(-50%); left: 0px;}
.content{position: relative;}
.banner-input h2 em, .banner-input h1 em{font-style:normal;text-align: left; background: rgba(0,0,0,0.38);color: #fff; padding: 10px 12px;}
.banner-input p em{font-style:normal;text-align: left;background: rgba(0,0,0,0.38);color: #fff;max-width: 577px;padding: 14px;font-family: var(--font-family-2);font-size: var(--font-22);line-height: var(--line-22);}
.bookBtn{font-style:normal;text-align: left;background: rgba(0,0,0,0.38);color: #fff; padding:12px 21px;font-family: var(--font-family-1);font-size: var(--font-22);line-height: var(--line-22); margin-top: 10px;}
.bookBtn i{padding-left: 10px;}
.bookBtn:hover{ background: #0ea9f2; color: #fff;}
.new-banner h2, .new-banner h1{ font-size: var(--font-50); line-height: var(--line-50);}

.mw-40{ max-width: 600px;}




.abot6Sec{ width: 100%; background: #ebebeb; padding: 50px 0;}
.abot6Sec p{ font-size: var(--font-22); line-height: var(--line-22);}



.map-contend, .map-banner .row{background-color: #0ea9f2;}
.map-contend ul li {
  font-family: var(--font-family-2);
  font-size: var(--font-22);
  line-height: var(--line-22);
  font-style: normal;
  color: #fff;
  margin: 22px 0px;
  padding: 0px 46px;
}
.map iframe {width: 100%;height: 430px;float: left;}
.map-contend ul li strong{padding-bottom: 15px;display: inline-block;}

.blueFaq .accordion-button{ background: #0ea9f2; color: #fff; border-radius: 0px !important; border: none; font-size: var(--font-22); line-height: var(--line-22); position: relative; padding-left: 63px;}
.blueFaq .accordion-button em {
  width: 60px;
  border-right: 1px solid #fff;
  font-style: normal;
  padding: 15px 0;
  text-align: center;
  margin-right: 15px;
  position: absolute;
  left: 0px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.blueFaq .accordion-button::after { background: none !important;}
.blueFaq .accordion-body{ border-color: #959595; color: #959595; }
.blueFaq .accordion-body p{ font-size: var(--font-22); line-height: var(--line-22);}
.blueFaq .accordion-button em {
  max-width: 93px;
  padding: 0 10px; width: auto;
}

.stpwith .accordion-button{ padding-left: 98px;}


.image-contend img{height: 237px;width: 100%;}

.learning-process h2{ font-size: var(--font-66); line-height: var(--line-66); color: #1b3168;}


.co-A{ color: #959595;}
.font-22 p{ font-size: var(--font-22); line-height: var(--line-22);}

.imageBx {
  border: 1px solid #959595;
  padding: 0; margin-top: 30px;
}
.imageBx img {
  width: 100%;
  height: 239px;
}

.imageBx p {
  padding: 19px 15px;
  font-family: var(--font-family-2);
  line-height: var(--line-18);
  font-size: var(--font-18);
  color: #959595;
  min-height: 95px;
}

.chosCaro .item{ padding: 0 10px;}
.chosCaro .owl-nav{ display: block !important;}
.chosCaro .owl-nav button{ width: 46px !important; height: 46px !important; position: absolute; top: 50%;transform: translateY(-50%);}
.chosCaro .owl-nav .owl-prev{ background: url(../images/prev.png) no-repeat center center !important; background-size: 100% !important; left: -40px;}
.chosCaro .owl-nav button span{ display: none !important;}

.chosCaro .owl-nav .owl-next{background: url(../images/next.png) no-repeat center center !important; background-size: 100% !important; right: -40px;}

.closing-message { background-color: #0ea9f2;position: relative;background-size: cover !important; color: #fff; padding-bottom: 100px;}
.closing-message h2 {font-family: var(--font-family-1);font-size: var(--font-66);line-height: var(--line-66);color:#fff;}
.close-image img {width: 100%;height: 238px;}
.closing-message p{ font-size: var(--font-22); line-height: var(--line-22);}
.closing-message li{ margin: 6px 0;}


.consalt-banner{  padding: 43px 50px 20px !important; text-align: center; background: url(../images/b1.jpg), url(../images/b2.jpg) #fff; background-repeat: no-repeat; background-position: top left, right top; border: 1px solid #959595;}
.consalt-banner h4{ color: #0ea9f2; font-weight: 700; font-size: var(--font-30); line-height: var(--line-30);}
.consalt-banner p{ color: #0ea9f2; font-size: var(--font-30); line-height: var(--line-30);}
.consalt-banner a{color:#0ea9f2;background:none;}
.consalt-banner a:hover {color:#000;}
.book-consalt {
  margin-top: -87px;
  position: relative;
  z-index: 1; padding-bottom: 40px;
}




.viewJob{ border: 1px solid #e3e3e3; padding: 20px; text-align: center; max-width: 321px; color: #535353;
background: linear-gradient(45deg, hsla(0, 0%, 100%, 0.1) 0%, hsla(30, 10%, 96%, 0.5) 100%);}
.viewJob p{  font-size: var(--font-22); line-height: var(--line-22); padding-bottom: 0px;}
.viewJob p strong{ font-weight: 700;}
.actv .viewJob{ color: #fff; background: #0ea9f2; border-color:#0ea9f2;}
.viewJob:hover {color: #fff; background: #0ea9f2;}


.opencurent{ width: 100%; background: #ebebeb;}
.opencurent h2{ color: #1b3168;}


.imageBxcar{ width: 100%; padding: 10px; border: 1px solid #28b1f1; margin-top: 30px;}
.imageBxcarIn{ width: 100%; background: #fff; min-height: 381px;}
.imageBxcarIn img{ width: 100%; height: 225px;}
.imageBxcarIn p{ color: #535353;}

.whBg{ background: #fff;}



.form-control:focus{ outline: none !important; box-shadow: none !important;}


.form-wrapper input[type="checkbox"], .form-wrapper input[type="radio"]{ -webkit-appearance: auto;}
.form-wrapper {
      border: 1px solid #999;
      padding: 40px;
      max-width: 1200px;
      margin: 40px auto; text-align: left;
    }

   .form-wrapper label {
      font-size: var(--font-15);
      color: #959595;
      margin-bottom: 8px;
    }

    .form-control,
    .form-select {
      height: 45px;
      border-radius: 4px;
      border-color: #d7d7d7; position: relative;
    }

    textarea.form-control {
      height: 120px;
    }

    .gender-group label {
      font-size: 16px;
      color: #8a8a8a;
      margin-right: 15px;
    }

    .custom-file-btn {
      background: #4a4a4a;
      color: #fff;
      padding: 10px 20px;
      border-radius: 4px;
      cursor: pointer;
      display: inline-block;
    }

    .file-note {
      font-size: 14px;
      color: #9a9a9a;
      margin-top: 8px;
    }

    .submit-btn {
      background: #0ea9f2;
      color: #fff;
      padding: 12px 35px;
      border-radius: 4px;
      font-size: 18px;
      border: none;
    }

    .submit-btn:hover {
      background: #0d92db;
    }

.careerFrm textarea.form-control, input.form-control{ height: 45px; resize: none; line-height: 32px;}
.custom-file-btn {
  background: #4a4a4a;
  color: #fff;
  padding: 10px 20px;
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  display: flex;
  align-items: center;
}


.kidsBox h4 {
  background: #d7ecf6;
  color: #0ea9f2;
  font-size: var(--font-27);
  line-height: var(--line-27);
  font-weight: 700;
  padding: 0px;
  min-height: 76px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 31px;
}.kidsBox{ width: 100%; text-align: center; max-width: 350px;}
.kidsBox ul{ border: 1px solid #e3e3e3; margin-top: 10px; min-height: 215px;}
.kidsBox ul li{ color: #959595; font-size: var(--font-16); line-height: var(--line-16); padding:10px 54px; border-bottom: 1px dashed #d0a968;}
.kidsBox ul li:last-child{ border: none;}


.kidsThumSec .col-md-4:nth-child(2) .kidsBox h4{ color: #52836e; background: #c3d9d0;}
.kidsThumSec .col-md-4:nth-child(3) .kidsBox h4{ color: #ff9321; background: #f1d0a8;}

.kidsRow{ width: 100%; background: #d7ecf6; padding: 30px; margin-top: 50px; color: #0ea9f2;}
.kidsRow h4{
  font-size: var(--font-27);
  line-height: var(--line-27);}

.kidsRwBx h6{
  font-size: var(--font-21);
  line-height: var(--line-21); font-weight: normal;}
  
.kidsRwBx li, .kidsRwBx p{ color: #959595; font-size: var(--font-21);
  line-height: var(--line-21); font-weight: normal;}  
.kidsRwBx li{ margin: 11px 0; position: relative; padding-left: 20px;}  
.kidsTxt{ padding: 20px 23px;}
.kidsRwBx li:before{ width: 7px; height: 7px; background: #0ea9f2; border-radius: 100%; position: absolute; left:0px; top: 9px; content: "";}
  
  
.kidsRwBx{ background: #fff; margin: 24px 0; border: 1px solid #e3e3e3;}

.kidHead{ background: #c3e8fa; padding: 15px 23px;}



.adultClor1{ background: #c3d9d0; color: #52836e;}
.adultClor1 .kidHead{ background: #aec5ba;}

.adultClor2{ background: #f1d0a8; color: #ff9321;}
.adultClor2 .kidHead{ background: #ffe3c1;}

.kidsWh .kidHead{ color: #959595; background: none; background: none; padding-bottom: 0px;}
.kidsWh{ background: linear-gradient(45deg, hsla(0, 0%, 100%, 1) 0%, hsla(30, 10%, 96%, 1) 100%);}


.adultClor3{ background: #bfe5f7; color: #0ea9f2;}
.btbrd{ padding-bottom: 10px; border-bottom: 2px solid #959595;}













@media (min-width: 1300px) and (max-width: 9000px) {


.gaprow{ margin: 0 -20px;}
.gapcol{ padding: 0 20px;}



.studntLft{
  position: absolute;
  left: 0px;
  bottom: 0px; padding-left: 0px;
}
.studinntTime .row{ min-height: 368px; justify-content: flex-end;
  align-items: center;}





  
}  
@media (min-width: 992px) and (max-width: 9000px) {
.nav_top .dropdown .dropdown-menu { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;
    -o-transition: all 0.3s;transition: all 0.3s; max-height: 0; display: block; opacity: 0; visibility: hidden;  margin:0px; border: none; border-bottom: 2px solid #ccc; 
    background:#fff !important;
    width: 150px; padding: 0px;
   border-radius: 0; left: 0; right: inherit; padding: 5px 8px 8px; box-shadow: inherit; }

.nav_top .dropdown:hover .dropdown-menu { max-height: 300px;opacity: 1; visibility: visible; /*transition: opacity 200ms ease-in, transform 200ms ease-in, visibility 200ms ease-in;*/}






}
@media (min-width: 2000px) and (max-width: 9000px) {
	
.new-banner img{ height: 900px;}	
	
	
}	

@media only screen and (max-width: 1799px) {


:root
{
   	
   	--container: 1440px;

    /* font-family */
    /* font-sizes */
    --font-80:80px;
    --line-80:89px;
    
    --font-66:61px;
    --line-66:70px;
    
    --font-60:60px;
    --line-60:69px;
    
    --font-50:50px;
    --line-50:59px;
    
    --font-40:41.67px;
    --line-40:49px;
    
    --font-30:30px;
    --line-30:39px;
    
    --font-25:25px;
    --line-25:29px;
    
    --font-22:20px;
    --line-22:25px;
    
    --font-27:24px;
    --line-27:30px;
    
    --font-21:18px;
    --line-21:24px;
    
    --font-19:19.44px;
    --line-19:26px;
    
    --font-16:16.67px;
    --line-16:20px;
    
    --font-13:13.89px;
    --line-13:18px;
    
    --font-11:11.11px;
    --line-11:14px;
    /* font-Lineheight */
    
   
    
    
}
.banner .container{ max-width: 1540px;}


}


@media only screen and (max-width: 1599px) {
:root
{
   	
   	--container: 1370px;

    /* font-family */
    /* font-sizes */
    --font-80:70px;
    --line-80:79px;
    
    --font-66:50px;
    --line-66:59px;
    
    --font-60:50px;
    --line-60:59px;
    
    --font-50:43px;
    --line-50:56px;
    
    --font-40:38px;
    --line-40:49px;
    
    --font-30:30px;
    --line-30:39px;
    --font-27:24px;
    --line-27:30px;
    
    --font-21:18px;
    --line-21:24px;
    --font-25:25px;
    --line-25:29px;
    
    --font-19:19.44px;
    --line-19:26px;
    
    --font-16:16.67px;
    --line-16:20px;
    
    --font-13:13.89px;
    --line-13:18px;
    
    --font-11:11.11px;
    --line-11:14px;
    /* font-Lineheight */
    
   
    
    
}
.banner .container{ max-width: 1400px;}

.bYlo{ max-width: 508px;font-size: 33.29px;
  line-height: 30px;}
.bYlo::before {
  width: 88px;
  height: 2px;
  top: -9px;
  left: -31px;
  content: "";
}
.bYlo::after {
  width: 99px;
  height: 2px;
  top: -9px;
  right: -30px;
  content: "";
}
.bwh::before {
  width: 90px;
  height: 2px;
  top: -7px;
  left: -93px;
  content: "";
}

.bwh::after {
  width: 77px;
  height: 2px;
  bottom: -8px;
  right: -62px;
  content: "";
}
.bantxt p {
  font-size: 29.5px;
  line-height: 39px;}
  .banLftIn {
  max-width: 546px;
  position: relative;
}
  
.boyPic {
  max-width: 280px;}  
.srts {
  position: absolute;
  bottom: 0px;
  left: -58px;
  width: 100%;
}  
  
  
.banpic1{ width: 390px; height: 390px;}  
  
.banpic2{ width:290px; height: 290px;}    
.banner{ height: 570px;}  
  


}   





@media only screen and (max-width: 1399px) {
:root
{
   	
   	--container: 1170px;

    /* font-family */
    /* font-sizes */
    --font-80:70px;
    --line-80:79px;
    
    --font-66:50px;
    --line-66:59px;
    --font-60:50px;
    --line-60:59px;
    
    --font-50:43px;
    --line-50:56px;
    
    --font-40:38px;
    --line-40:49px;
    
    --font-30:30px;
    --line-30:39px;
    
    --font-25:25px;
    --line-25:29px;
    
    --font-22:20px;
    --line-22:25px;
    --font-27:24px;
    --line-27:30px;
    
    --font-21:18px;
    --line-21:24px;
    --font-19:19.44px;
    --line-19:26px;
    
    --font-16:16.67px;
    --line-16:20px;
    
    --font-13:13.89px;
    --line-13:18px;
    
    --font-11:11.11px;
    --line-11:14px;
    /* font-Lineheight */
    
   
    
    
}

.banner .container{ max-width: 1290px;}
.banLftIn {
    max-width: 472px;
    position: relative;
  }
.bYlo {
    max-width: 477px;
    font-size: 28.29px;
    line-height: 26px;
    padding: 10px 22px;
  }
.bwh {
  font-size: 20.27px;
  line-height: 20px;}
.bantxt p {
    font-size: 24.5px;
    line-height: 34px;
  }




} 

@media only screen and (max-width: 1300px) {

:root
{
   	
   	--container: 1170px;

}


.banner .container{ max-width: 1200px;}

.chosCaro .owl-nav .owl-next{ right: 0px;}
.chosCaro .owl-nav .owl-prev{ left: 0px;}

.form-wrapper{ padding: 25px;}




}

@media only screen and (max-width: 1199px) {
:root
{
   	
   	--container: 960px;

    /* font-family */
    /* font-sizes */
    --font-80:70px;
    --line-80:79px;
    
    --font-66:50px;
    --line-66:59px;
    --font-60:50px;
    --line-60:59px;
    
    --font-50:40px;
    --line-50:50px;
    
    
    --font-40:35px;
    --line-40:48px;
    
    --font-30:28px;
    --line-30:39px;
    
    --font-25:20px;
    --line-25:29px;
    --font-22:18px;
    --line-22:25px;
    
    --font-19:17px;
    --line-19:26px;
    
    --font-16:15px;
    --line-16:20px;
    
    --font-13:13.89px;
    --line-13:18px;
    
    --font-11:11.11px;
    --line-11:14px;
    /* font-Lineheight */
   
 
    
    
}

.menu_sec li{ margin: 0px 0 0 20px;}
.problBx .text{ padding: 71px 12px 15px;}
.JourneyRow::before {width: 83%; left: 50%;
  transform: translateX(-50%);}
.JourneyIcon {
  width: 135px;
  height: 135px;border-width: 8px;}
.bluIcnE, .blkE{width: 130px;
  height: 130px;}

.blkE::after, .blk::after {  transform: scale(1.14);}
.problBx li{ padding: 12px;}
.bluIcn, .blk{ width: 110px;
  height: 110px;}

/*.testemoniSec  .col-md-5, .testemoniSec  .col-md-7{ width: 100%;}*/


.banner .container{ max-width: 1100px;}  
.bYlo {
    max-width: 399px;
    font-size: 24.29px;
    line-height: 26px;
    padding: 10px 17px; margin-bottom: 6px;
  }
 .bwh {
    font-size: 18.27px;
    line-height: 18px;
    padding: 10px;
  }
.banLftIn {
    max-width: 397px;
    position: relative;
  }
 .boyPic {
    max-width: 215px;
  }
 .banpic1 {
    width: 350px;
    height: 350px;
    border-width: 6px;
  }
.banpic2 {
    width: 250px;
    height: 250px;border-width: 6px;
  }
.banner {
    height: 491px;
  }

.butns{ margin-top: 10px !important;}
.pln {
  position: absolute;
  top: 45px;
  left: 226px;
}



.book-consalt {
  margin-top: -18px;}

.pe-5 {
  padding-right: 12px !important;
}
.ps-5 {
  padding-left: 12px !important;
}

}


@media only screen and (max-width: 991px) {
.nav_top .navbar-toggler{ border: none; background: none;padding: 10px 0; margin-right: 0px;box-shadow: none;}
.nav_top .navbar-toggler .icon-bar {display: block;width: 34px;height: 3px;  border-radius: 16px; background-color: #1b3168;}
.nav_top .navbar-toggler .icon-bar + .icon-bar {  margin-top: 6px;}
.navbar-toggler .icon-bar{-moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.navbar-toggler.showtoggle .icon-bar:nth-child(1) {transform: translateY(8px) rotate(45deg);}
.navbar-toggler.showtoggle .icon-bar:nth-child(2) { opacity: 0;}  
.navbar-toggler.showtoggle .icon-bar:nth-child(3) { transform: translateY(-10px) rotate(-45deg);} 

.navbar-collapse{ position: absolute; top: 100%; left: 0px; background: rgba(0,0,0,0.9); width: 100%; z-index: 11;}
.navbar-brand{ padding-left: 0px;}
.menu_sec li a{ width: 100%; padding: 10px 15px;}
.navbar-collapse{  transition: all 0.3s ease; position: fixed; top: 0; left: -240px; background: #fff; width: 240px; z-index: 11; height:100%; overflow: auto; display: block !important;}
.navbar-collapse.show{ left:0px;}        

.headTop li a {
    width: 38px;
    height: 38px;
    background: #1c294a;
    font-size: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
  }
.headTop li img {
  margin-right: 0;
  max-width: 18px;
}  
.headTop li::before {display: none;}  
.headTop ul {
    text-align: center;
    display: flex;
    justify-content: center;
  }  
.headTop li{ margin-left:4px;}  
.headTop {
  padding: 0;
  background: none !important;
  position: absolute;
  top: 20px;
  right: 59px;
  z-index: 1;
  width: auto;
}  
  
.menu_sec li.actv a::before { display: none !important;}  
.menu_sec li {
    margin: 0;
    padding: 0 18px;
  }  
.viewJob{ margin: 20px auto !important;}


:root
{
   	
   	--container: 100%;

    /* font-family */
    /* font-sizes */
    --font-80:60px;
    --line-80:69px;
    
    --font-66:40px;
    --line-66:49px;
    --font-60:40px;
    --line-60:49px;
    
    --font-40:30px;
    --line-40:40px;
    
    --font-30:28px;
    --line-30:39px;
    
    --font-25:20px;
    --line-25:29px;
    
    --font-19:17px;
    --line-19:26px;
    
    --font-16:15px;
    --line-16:20px;
    
    --font-13:13.89px;
    --line-13:18px;
    
    --font-11:11.11px;
    --line-11:14px;
    /* font-Lineheight */
    
   
    
    
}

.headTop ul {
  text-align: center;margin-right: 85px;
}
.tophead {
  padding: 45px 0;
}

.problemsRow .col-md-4, .choseRow .col-md-4, .JourneyRow .col-md-4{ width: 50%;}
.problemsRow, .choseRow, .JourneyRow{justify-content: center;}

.JourneyRow::before{ display: none;}
.qCode li i {
  display: block;
  margin-bottom: 10px;
  max-width: 81px;
  margin: 0px auto 9px;
}
.qCode li i {
  display: block;
  margin-bottom: 10px;
  max-width: 81px;
  margin: 0px auto 9px;
}

.qCode {
  display: flex;
  max-width: 426px;
  justify-content: center;
  margin: 0px auto;
}

.lfFoot{ text-align: center;}
.footerTop p{ padding-bottom: 12px;}
.footLogo {
  max-width: 170px;
  margin-bottom: 34px;
}
.faqbx1, .faqbx2 {
  max-width: 60%;
  height: 240px;
}
.faqLft {
  max-width: 487px;
  position: relative;
  min-height: 387px;
  margin: 0px auto;
}

.boyPic{ display: none;}
.banpic1 {
    width: 300px;
    height: 300px;
    border-width: 6px;
  }
.banpic2 {
    width: 215px;
    height: 215px;
    border-width: 6px;
  }

.bYlo {
    max-width: 335px;
    font-size: 21.29px;
    line-height: 23px;
    padding: 11px 12px;
    margin-bottom: 6px;
  }
.bwh {
    font-size: 15.27px;
    line-height: 15px;
    padding: 7px;
  }
.banLftIn {
    max-width: 332px;
    position: relative;
  }
.bantxt p {
    font-size: 20.5px;
    line-height: 27px;
  }

.butns{ padding: 6px 15px !important; font-size: 15px;}

.map-contend ul li{ padding: 0 20px;}

.flag-list{position:absolute;top:10;right:40px;}


}

 
@media only screen and (max-width: 767px){
.container{max-width:100%;}

.schoolpic:last-child img {
  height: 290px;
}
.schoolpic img {
  height: 140px;
}
.schoolpic {
  padding: 5px;
}
.tophead {
    padding: 35px 0;
  }

.banr5t{ display: none;}
.banner::before {
  background: #fdc300;
  position: absolute;
  top: 0px;
  right: 0px;
  content: "";
  height: 100%;
  width: 16%;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 60% 100%);
}
.banLft{ width: 100%;}
.banLftIn {
    max-width: 395px;
    position: relative;
    margin: 0px auto;
  }

.bantxt{ padding-right: 0px; text-align: center;}
.bantxt p{ text-align: center;}
.banner {
    height: 415px;
  }

.kidsBox {
  width: 100%;
  text-align: center;
  max-width: 100%;
  margin: 10px 0 !important;
}






}




@media only screen and (max-width: 640px){ 
.fixedPanl {
  position: fixed;
  top: inherit;
  right: 0px;
  z-index: 5;
  bottom: 0px;
  width: 100%;
}
.fixedPanl ul{
  width: 100%;
  display: flex;
}  
.fixedPanl li {
  margin: 0px;
  position: relative;
  width: 25%;
}  
.fixedPanl a {
  width: 100%;}  
.divOpn{   transform: translateY(300%); right: 0;
  top: 0px;
  width: 100%;}  
.fixedPanl li:hover .divOpn {
    transform: translateY(-127%);
    left: 0px;
  }

.divOpn::before{ display: none;}
.footerTop {
  width: 100%;
  padding: 60px 0 30px;
}
.Dblue{ padding-bottom: 58px;}



} 

@media only screen and (max-width: 480px){ 
.problemsRow .col-md-4, .choseRow .col-md-4, .JourneyRow .col-md-4 {
    width: 100%;
  }
.problBx, .chosBx {
  max-width: 100%;}

.kidsRwBx .col-5, .kidsRwBx .col-7{ width: 100%;}



}
@media only screen and (max-width: 400px){ 

.navbar-brand{ width: 109px;}
.headTop{ top: 11px;}

}