@font-face {font-family: 'bernino_sansregular';src: url('../fonts/berninosans-regular-webfont.woff2') format('woff2'),url('../fonts/berninosans-regular-webfont.woff') format('woff');font-weight: normal;font-style: normal}
@font-face {font-family: 'bernino_sanssemibold';src: url('../fonts/berninosans-semibold-webfont.woff2') format('woff2'),url('../fonts/berninosans-semibold-webfont.woff') format('woff');font-weight: bold;font-style: normal}

@font-face {
    font-family: 'BreveSansTitle_regular';
    src: url('../fonts/BreveSansTitle-Light.woff2') format('woff2'),
        url('../fonts/BreveSansTitle-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'BreveSansTitle_medium';
    src: url('../fonts/BreveSansTitle-Medium.woff2') format('woff2'),
        url('../fonts/BreveSansTitle-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}



::-webkit-scrollbar{width:7px;background-color:#aaa}
::-webkit-scrollbar-thumb{background-color:#000;border-radius:5px}
::selection{background:#222;color:#fff}
::-moz-selection{background:#222;color:#fff}
::-moz-placeholder{color:#fff;opacity:1}
::-ms-input-placeholder{color:#fff;opacity:1}
::-webkit-input-placeholder{color:#fff;opacity:1}

body {min-height:100%;font-family:'bernino_sansregular',sans-serif;color:#888;font-size:16px;font-weight:normal;line-height:2;background:#f3f6fb;scroll-behavior:auto!important}
a, a:hover, input, select, button, textarea, input:focus, select:focus, button:focus, textarea:focus, *:focus {text-decoration:none;outline:none;color:inherit}
ul, li {padding:0;margin:0;list-style:none}
strong, .fontBold, .font-weight-bold {font-family:'bernino_sanssemibold',sans-serif}

@media (max-width:575.98px) { body {font-size:14px} }

.noPoint {pointer-events:none}

.ctaBtn {display:inline-block;background:#fff;border-radius:50rem;border:1px solid #fff;padding:12px 40px 12px 18px;font-size:12px;line-height:1.2;font-weight:bold;text-transform:uppercase;letter-spacing:.01rem;color:#ed7422;position:relative;z-index:1;transition:all .3s ease;overflow:hidden;box-shadow:0 0 10px rgba(0,0,0,.1)}
.ctaBtn:before {content:'';width:25px;height:25px;display:block;border-radius:50%;background:#ed7422;position:absolute;right:5px;top:0;bottom:0;left:auto;margin:auto;z-index:-1;transition:all .4s ease-in-out;transform:scale(1)}
.ctaBtn:after {content:'\27F6';width:25px;height:25px;line-height:25px;text-align:center;display:block;color:#fff;position:absolute;right:5px;top:0;bottom:0;margin:auto;z-index:1}
.ctaBtn:hover {color:#fff;box-shadow:0 0 10px rgba(0,0,0,.2)}
.ctaBtn:hover:before {transform:scale(20);background:#009f88}
.ctaBtn-1 {display:inline-block;background:#fff;border-radius:50rem;border:1px solid #fff;padding:12px 40px 12px 18px;font-size:12px;line-height:1.2;font-weight:bold;text-transform:uppercase;letter-spacing:.01rem;color:#ed7422;position:relative;z-index:1;transition:all .3s ease;overflow:hidden;box-shadow:0 0 10px rgba(0,0,0,.1)}
.ctaBtn-1:before {content:'';width:25px;height:25px;display:block;border-radius:50%;background:#ed7422;position:absolute;right:5px;top:0;bottom:0;left:auto;margin:auto;z-index:-1;transition:all .4s ease-in-out;transform:scale(1)}
.ctaBtn-1:after {content:'\27F6';width:25px;height:25px;line-height:25px;text-align:center;display:block;color:#fff;position:absolute;right:5px;top:0;bottom:0;margin:auto;z-index:1}
.ctaBtn-1:hover {color:#fff;box-shadow:0 0 10px rgba(0,0,0,.2)}
.ctaBtn-1:hover:before {transform:scale(20);background:#009f88}
.ctaBtn-2 {display:inline-block;background:#fff;border-radius:50rem;border:1px solid #fff;padding:12px 40px 12px 18px;font-size:12px;line-height:1.2;font-weight:bold;text-transform:uppercase;letter-spacing:.01rem;color:#ed7422;position:relative;z-index:1;transition:all .3s ease;overflow:hidden;box-shadow:0 0 10px rgba(0,0,0,.1)}
.ctaBtn-2:before {content:'';width:25px;height:25px;display:block;border-radius:50%;background:#ed7422;position:absolute;right:5px;top:0;bottom:0;left:auto;margin:auto;z-index:-1;transition:all .4s ease-in-out;transform:scale(1)}
.ctaBtn-2:after {content:'\27F6';width:25px;height:25px;line-height:25px;text-align:center;display:block;color:#fff;position:absolute;right:5px;top:0;bottom:0;margin:auto;z-index:1}
.ctaBtn-2:hover {color:#fff;box-shadow:0 0 10px rgba(0,0,0,.2)}
.ctaBtn-2:hover:before {transform:scale(20);background:#009f88}

.ctaBtn-3 {display:inline-block;background:#fff;border-radius:50rem;border:1px solid #fff;padding:12px 40px 12px 18px;font-size:12px;line-height:1.2;font-weight:bold;text-transform:uppercase;letter-spacing:.01rem;color:#ed7422;position:relative;z-index:1;transition:all .3s ease;overflow:hidden;box-shadow:0 0 10px rgba(0,0,0,.1)}
.ctaBtn-3:before {content: '';
    width: 25px;
    height: 25px;
    display: block;
    border-radius: 50%;
    background: #009f88;
    position: absolute;
    right: 6px;
    transform: scale(1);
    top: auto;
    bottom: 6px;
    left: auto;
    margin: auto;
    z-index: -1;
    transition: all .4s ease-in-out;}
.ctaBtn-3:after {
	content: '\2193';
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    display: block;
    color: #fff;
    position: absolute;
    right: 18px;
    transform: translateX(50%);
    top: auto;
    bottom: 6px;
    margin: auto;
    z-index: 1;
}
.ctaBtn-3:hover {color:#fff;box-shadow:0 0 10px rgba(0,0,0,.2)}
.ctaBtn-3:hover:before {transform:scale(20);background:#009f88}

.ctaBtnOrange-3 {display:inline-block;background:#ed7422;border-radius:50rem;border:1px solid #fff;padding:12px 40px 12px 18px;font-size:12px;line-height:1.2;font-weight:bold;text-transform:uppercase;letter-spacing:.01rem;color:#fff;position:relative;z-index:1;transition:all .3s ease;overflow:hidden;box-shadow:0 0 10px rgba(0,0,0,.1)}
.ctaBtnOrange-3:before {content:'';width:25px;height:25px;display:block;border-radius:50%;background:#fff;position:absolute;right:5px;top:0;bottom:0;left:auto;margin:auto;z-index:-1;transition:all .4s ease-in-out;transform:scale(1)}
.ctaBtnOrange-3:after {content:'\27F6';width:25px;height:25px;line-height:25px;text-align:center;display:block;color:#ed7422;position:absolute;right:5px;top:0;bottom:0;margin:auto;z-index:1}
.ctaBtnOrange-3:hover {color:#fff;box-shadow:0 0 10px rgba(0,0,0,.2)}
.ctaBtnOrange-3:hover:before {transform:scale(20);background:#fff}



.ctaBtn.green:before{background:#009f88}
.ctaBtn.green {color:#009f88}
.ctaBtn.green:hover{color:#fff}

.ctaBtn.yellow:before{background:#efac20}
.ctaBtn.yellow {color:#efac20}
.ctaBtn.yellow:hover{color:#fff}

.ctaBtn.blue:before{background:#005cb9}
.ctaBtn.blue {color:#005cb9}
.ctaBtn.blue:hover{color:#fff}

.ctaBtn.orange {background:#ed7422;color:#fff}
.ctaBtn.orange:before{background:#fff}
.ctaBtn.orange:after {color:#ed7422} 
.ctaBtn.orange:hover:after {color:#fff}
.ctaBtn.orange:hover:before {background:#009f88}

.pageWrapper {overflow:hidden;width:100%;}

.pageHeader {position:fixed;top:0;z-index:1000;transition:all .5s ease;background:transparent;padding:15px 0;box-shadow:0 0 0 rgba(0,0,0,0)}
.stick .pageHeader {background:#ee7623;box-shadow:0 5px 5px rgba(0,0,0,.1)}

.with-fancybox .pageHeader.compensate-for-scrollbar {transition:all 0s linear}

.pageHeader.nav-up {top:-200px}

.headerMain {position:relative}

.logoboxImg {max-width:280px}

.navigBtns {width:25px;height:25px;border:0;padding:0;position:relative;background:transparent;display:block;outline:none !important}

.menuBtn span {width:100%;height:2px;background:#fff;display:block;position:absolute;top:11px;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;border-radius:2px !important;overflow:hidden}
.menuBtn span:nth-child(1) {transform:translate3d(0,-9px,0)}
.menuBtn span:nth-child(4) {transform:translate3d(0,9px,0)}
.menuBtn.active span:nth-child(1),
.menuBtn.active span:nth-child(4) {transform:translate3d(0,0,0);opacity:0;width:0}
.menuBtn.active span:nth-child(2) {transform:rotate(45deg)}
.menuBtn.active span:nth-child(3) {transform:rotate(-45deg)}

@media (min-width:992px) {
.navigHolder {display:block!important}
.menuList {margin-bottom:0;margin-right:0px}
.menuList > li {margin-left:30px;position:relative}
.menuList > li:first-child {margin-left:0}
.menuList > li > a {padding:8px;position:relative;font-size:15px;line-height:1;color:#fff !important;transition:all .3s ease;;border-radius:3px}
.menuList > li:hover > a, .menuList > li.active > a {color:#fff!important;text-shadow:0 0 5px rgba(0,0,0,.8),0 0 10px rgba(255,255,255,.8);background:#009f88}

.subMenuContainer {width:220px;position:absolute;top:100%;left:0;background:#fff;border-radius:4px;padding:10px 0;transform:translateY(25px);box-shadow:0 15px 20px rgba(0,0,0,.2);opacity:0;visibility:hidden;transition:all .3s ease}
.menuList > li:hover .subMenuContainer {transform:translateY(8px);visibility:visible;opacity:1}
.subMenuContainer:before {content:'';width:0;height:0;display:block;border-bottom:6px solid #fff;border-left:7px solid transparent;border-right:7px solid transparent;position:absolute;bottom:100%;left:15px}
.subMenuContainer:after {content:'';width:100%;height:7px;display:block;position:absolute;bottom:100%;left:0}
.subMenuContainer li:not(:last-child) {display:block;border-bottom:1px solid #f6f6f6}
.subMenuContainer li a {display:block;padding:5px 15px;font-size:14px;font-family:'bernino_sanssemibold',sans-serif;transition:all .3s ease}
.subMenuContainer li a:hover {color:#009f88}
}

@media (max-width:1199.98px) {
.logoboxImg {max-width:200px}
.menuList {margin-right:15px}
.menuList > li {margin-left:15px}
}

@media (max-width:991.98px) {
.logoboxImg {max-width:240px}
.navigHolder {position:fixed;background:#ed7422;width:100%;max-height:calc(100% - 30px);left:0;top:0;padding:120px 0 50px;overflow:auto;display:none;z-index:-1;box-shadow:0 0 0 rgba(0,0,0,0);transition:box-shadow 0s ease}
.menuList {max-width:720px;margin:15px auto;padding-left:12px;padding-right:12px;opacity:0;transition:all .5s 0s ease;position:relative;top:-15px}
.menuList > li {border-bottom:1px solid #f58438;display:block;float:none;margin-left:0}
.menuList > li:last-child {border-bottom:0}
.menuList > li > a {display:block;font-size:18px;color:#fff!important;font-weight:400;line-height:1.5;position:relative;padding:15px}
.menuList > li.active > a {font-weight:500;background:#009f88}
.menuList > li > a[role="button"]:after {content:'\203A';font-size:30px;font-weight:300;line-height:20px;text-align:center;display:block;position:absolute;top:0;right:10px;bottom:0;margin:auto;height:20px;width:20px;transition:all .3s ease;transform-origin:50% 50%;transform:rotate(0deg)}
.menuList > li > a.open:after {transform:rotate(90deg)}

.navigHolder.open {box-shadow:0 15px 30px rgba(0,0,0,.4);transition:box-shadow .5s .1s ease}
.navigHolder.open .menuList {opacity:1;top:0;transition-delay:.5s}

.subMenuContainer {display:none;margin:0;padding:0 0 20px 20px}
.subMenuContainer li {position:relative}
.subMenuContainer li:before {content:'';width:5px;height:5px;display:block;background:#fff;border-radius:50%;position:absolute;left:0;top:13px}
.subMenuContainer li a {padding:5px 20px;color:#fff;font-size:14px;opacity:.9;display:block;position:relative}
.subMenuContainer li a:hover {color:#009f88}
}
@media (max-width:767.98px) {
.logoboxImg {max-width:200px}
.menuList {max-width:540px}
}
@media (max-width:575.98px) {
.logoboxImg {max-width:150px}
.headerContact {font-size:14px;margin-bottom:5px}
.navigHolder {padding:80px 0 50px}
.menuList {padding-left:0;padding-right:0}
}
@media (max-width:700.98px) {
header .ctaBtn {font-size:11px;padding:8px 30px 8px 10px}
.ctaBtn:before {width:20px;height:20px;right:3px}
.ctaBtn:after {width:20px;height:20px;line-height:20px;right:3px}
.ctaBtn-1 {display:inline-block;background:#fff;border-radius:50rem;border:1px solid #fff;padding:12px 40px 12px 18px;font-size:12px;line-height:1.2;font-weight:bold;text-transform:uppercase;letter-spacing:.01rem;color:#ed7422;position:relative;z-index:1;transition:all .3s ease;overflow:hidden;box-shadow:0 0 10px rgba(0,0,0,.1)}
.ctaBtn-1:before {content:'';width:25px;height:25px;display:block;border-radius:50%;background:#ed7422;position:absolute;right:5px;top:0;bottom:0;left:auto;margin:auto;z-index:-1;transition:all .4s ease-in-out;transform:scale(1)}
.ctaBtn-1:after {content:'\27F6';width:25px;height:25px;line-height:25px;text-align:center;display:block;color:#fff;position:absolute;right:5px;top:0;bottom:0;margin:auto;z-index:1}
.ctaBtn-1:hover {color:#fff;box-shadow:0 0 10px rgba(0,0,0,.2)}
.ctaBtn-1:hover:before {transform:scale(20);background:#009f88}
.ctaBtn-2 {display:inline-block;background:#fff;border-radius:50rem;border:1px solid #fff;padding:12px 40px 12px 18px;font-size:12px;line-height:1.2;font-weight:bold;text-transform:uppercase;letter-spacing:.01rem;color:#ed7422;position:relative;z-index:1;transition:all .3s ease;overflow:hidden;box-shadow:0 0 10px rgba(0,0,0,.1)}
.ctaBtn-2:before {content:'';width:25px;height:25px;display:block;border-radius:50%;background:#ed7422;position:absolute;right:5px;top:0;bottom:0;left:auto;margin:auto;z-index:-1;transition:all .4s ease-in-out;transform:scale(1)}
.ctaBtn-2:after {content:'\27F6';width:25px;height:25px;line-height:25px;text-align:center;display:block;color:#fff;position:absolute;right:5px;top:0;bottom:0;margin:auto;z-index:1}
.ctaBtn-2:hover {color:#fff;box-shadow:0 0 10px rgba(0,0,0,.2)}
.ctaBtn-2:hover:before {transform:scale(20);background:#009f88}
}

.ctaBtn-3 {display:inline-block;background:#fff;border-radius:50rem;border:1px solid #fff;padding:12px 40px 12px 18px;font-size:12px;line-height:1.2;font-weight:bold;text-transform:uppercase;letter-spacing:.01rem;color:#ed7422;position:relative;z-index:1;transition:all .3s ease;overflow:hidden;box-shadow:0 0 10px rgba(0,0,0,.1)}
.ctaBtn-3:before {content:'';width:25px;height:25px;display:block;border-radius:50%;background:#ed7422;position:absolute;right:5px;top:0;bottom:0;left:auto;margin:auto;z-index:-1;transition:all .4s ease-in-out;transform:scale(1)}
.ctaBtn-3:after {content:'\27F6';width:25px;height:25px;line-height:25px;text-align:center;display:block;color:#fff;position:absolute;right:5px;top:0;bottom:0;margin:auto;z-index:1}
.ctaBtn-3:hover {color:#fff;box-shadow:0 0 10px rgba(0,0,0,.2)}
.ctaBtn-3:hover:before {transform:scale(20);background:#009f88}
}


.bannerSection {width:100%;height:65vh;max-height:800px;min-height:600px;z-index:1;background:#222;position:relative;}
.bannerSection .bannerImg {width:100%;height:100%;display:block;position:absolute;top:0;left:0;object-fit:cover;object-position:center;z-index:-1;opacity:.5}

.bannerMain {position:relative;
/*            padding-top:110px*/
}
.bannerMain:before {content:'';width:750px;height:750px;display:block;border-radius:50%;position:absolute;right:-350px;top:-600px;z-index:-1;background:#efac20;-webkit-animation: pulseRotation 20s ease infinite;-moz-animation: pulseRotation 20s ease infinite;animation: pulseRotation 20s ease infinite}
.bannerMain:after {content:'';width:550px;height:550px;display:block;border-radius:50%;position:absolute;left:-150px;top:-400px;z-index:-1;background:#ed7422;-webkit-animation: pulseRotation 30s 2s reverse ease infinite;-moz-animation: pulseRotation 30s 2s reverse ease infinite;animation: pulseRotation 30s 2s reverse ease infinite}

@-moz-keyframes pulseRotation {
0% {-moz-transform: translate(0px,0px)} 25% {-moz-transform: translate(-25px,25px)} 50% {-moz-transform: translate(50px,0px)} 75% {-moz-transform: translate(25px,25px)} 100% {-moz-transform: translate(0px,0px)}
}
@-webkit-keyframes pulseRotation {
0% {-webkit-transform: translate(0px,0px)} 25% {-webkit-transform: translate(-25px,25px)} 50% {-webkit-transform: translate(50px,0px)} 75% {-webkit-transform: translate(25px,25px)} 100% {-webkit-transform: translate(0px,0px)}
}
@keyframes pulseRotation {
0% {-webkit-transform: translate(0px,0px)} 25% {transform: translate(-25px,25px)} 50% {transform: translate(50px,0px)} 75% {transform: translate(25px,25px)} 100% {transform: translate(0px,0px)}
}

.heroContent {color:#fff}
.heroTitle {font-size:60px;line-height:1.1;color:#fff;position:relative}

.heroTitle .catBox {position:absolute;left:-20px;top:-60px;width:80px}

.waveContainer {margin-top:-80px;margin-bottom:80px;position:relative;z-index:1}
.waveImg {position:relative;-webkit-animation: waveAnim 15s linear infinite;-moz-animation: waveAnim 15s linear infinite;animation: waveAnim 15s linear infinite}
@-moz-keyframes waveAnim { 0% {-moz-transform: rotate(0deg)} 25% {-moz-transform: rotate(-1.5deg)} 75% {-moz-transform: rotate(1.5deg)} 100% {-moz-transform: rotate(0deg)} }
@-webkit-keyframes waveAnim { 0% {-webkit-transform: rotate(0deg)} 25% {-webkit-transform: rotate(-2deg)} 75% {-webkit-transform: rotate(1.5deg)} 100% {-webkit-transform: rotate(0deg)} }
@keyframes waveAnim { 0% {transform: rotate(0deg)} 25% {transform: rotate(-1.5deg)} 75% {transform: rotate(1.5deg)} 100% {transform: rotate(0deg)} }

.bannerJ {width:80px;height:80px;background:#009f88;position:absolute;left:-30px;top:-40px;-webkit-animation: poppingBall 15s 1s ease-out infinite;-moz-animation: poppingBall 15s 1s ease-out infinite;animation: poppingBall 15s 1s ease-out infinite}
@-moz-keyframes poppingBall { 0% {-moz-transform: translate(0px,0px)} 25% {-moz-transform: translate(0px,30px)} 75% {-moz-transform: translate(0px,-30px)} 100% {-moz-transform: translate(0px,0px)} }
@-webkit-keyframes poppingBall { 0% {-webkit-transform: translate(0px,0px)} 25% {-webkit-transform: translate(0px,30px)} 75% {-webkit-transform: translate(0px,-30px)} 100% {-webkit-transform: translate(0px,0px)} }
@keyframes poppingBall { 0% {transform: translate(0px,0px)} 25% {transform: translate(0px,30px)} 75% {transform: translate(0px,-30px)} 100% {transform: translate(0px,0px)} }

.pluseBox {width:60px;height:60px;position:relative;z-index:1}
.pluseBox .pluses {position:absolute;width:100%;height:100%;z-index:-1}
.pluseBox .pluses span {width:100%;height:100%;display:block;border-radius:50%;border:1px solid #fff;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;
	animation: pulse-ring 4s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;}
.pluseBox .pluses span:nth-child(2) {animation-delay:.5s}
.pluseBox .pluses span:nth-child(3) {animation-delay:1s}

.bannerVideoBtn {width:100%;height:100%;padding:0;background:#ed7422;position:relative;z-index:2;box-shadow:0 0 15px rgba(0,0,0,.8);transition:all .3s ease;transform:scale(1)}
.bannerVideoBtn:hover {transform:scale(1.2);background:#009f88}
.bannerVideoBtn:before {content:'';width:0;height:0;border-left:17px solid #fff;border-top:10px solid transparent;border-bottom:10px solid transparent;display:block;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;transform:translateX(2px);}

@keyframes pulse-ring {
0% {transform:scale(.1);opacity:1} 65%, 80% {transform:scale(3.5);opacity:0} 100% {opacity:0}
}

@media (max-width:1399.98px) {
.heroTitle {font-size:60px}
.heroTitle .catBox {width:84px;left:-16px;top:-65px}
.bannerMain:after {width:500px;height:500px;left:-160px;top:-330px;z-index: 99;}
.bannerMain:before {width:600px;height:600px;right:-300px;top:-500px;z-index: 99;}
}
@media (max-width:1199.98px) {
.bannerMain:before {width:500px;height:500px;right:-190px;top:-400px}
.bannerMain:after {width:500px;height:500px;left:-200px;top:-350px}
.waveContainer {margin-top:-30px !important;}
}
@media (max-width:991.98px) {
.bannerMain {padding-top:200px}
.bannerMain:before {width:500px;height:500px;right:-300px;top:-400px}
.bannerMain:after {width:500px;height:500px;left:-150px;top:-350px}
.waveContainer {margin-top:-50px}

}
@media (max-width:767.98px) {
.bannerMain:before {width:500px;height:500px;right:-350px;top:-400px}
.bannerMain:after {width:500px;height:500px;left:-180px;top:-380px}
.heroTitle {font-size:48px}
}
@media (max-width:575.8px) {
.bannerMain:after {width:500px;height:500px;left:-250px;top:-400px}
.bannerMain {padding-top:140px}
.heroTitle {font-size:40px}
.heroTitle .catBox {width:60px;left:-10px;top:-47px}
.kite {width:120px;position:absolute;right:-50px;bottom:0;z-index:-1}
.waveContainer {margin-top:-30px}
.bannerJ {width:60px;height:60px;left:-30px;top:-30px}
}


.introContent {}
.sectionBmargin {margin-bottom:100px}
.sectionTitle {font-size:50px;color:#57758d;line-height:1}
.ageGrpTitle {font-size:60%;font-weight:normal}

@media (max-width:1399.98px) {
.sectionTitle {font-size:45px}
}
@media (max-width:767.98px) {
.sectionTitle {font-size:40px}
}
@media (max-width:575.8px) {
.sectionTitle {font-size:30px}
}

.learnList {position:relative}
.learnList li {margin-bottom:65px;font-size:18px;color:#333;font-weight:bold;letter-spacing:.04em}
.learnList li:nth-child(1) {margin-left:-91px}
.learnList li:nth-child(2) {margin-left:-30px}
.learnList li:nth-child(3) {margin-left:50px}

.learnList .learnBox {width:70px;height:70px;background:#fff;border-radius:15px;padding:10px;box-shadow:0 5px 15px rgba(0,0,0,.15);margin-right:25px}

.learningWrapper {left:70px; top: -200px;}
.learningWrapper .rocket {position:absolute !important;bottom:30px;left:-100px;z-index:-1}
.learningWrapper .girl {width:150px;position:absolute;bottom:-50px;right:140px}

@media (max-width:1399.98px) {
.learningWrapper .girl {right:140px;bottom:-60px}
.learnList li:nth-child(1) {margin-left:-91px}
.learnList li:nth-child(2) {margin-left:-30px}
.learnList li:nth-child(3) {margin-left:50px}
}
@media (max-width:1199.98px) {
.learningWrapper .girl {right:-110px;bottom:-40px}
}
@media (max-width:991.98px) {
.learningWrapper {left:0}
.learningWrapper .rocket {position:absolute;bottom:30px;left:-60px}
.learnList li:nth-child(1) {margin-left:20px}
.learnList li:nth-child(2) {margin-left:130px}
.learnList li:nth-child(3) {margin-left:220px}
}
@media (max-width:767.98px) {
.learningWrapper .girl {bottom:50px;right:-80px}
.learnList li:nth-child(1) {margin-left:0px}
.learnList li:nth-child(2) {margin-left:115px}
.learnList li:nth-child(3) {margin-left:180px}
}
@media (max-width:575.8px) {
.learningWrapper .girl {bottom:-150px;right:-50px;width:180px}
.learningWrapper .rocket {position:absolute;bottom:-60px;left:0px}
.learnList li {margin-bottom:45px;font-size:16px}
.learnList li:nth-child(1) {margin-left:0px}
.learnList li:nth-child(2) {margin-left:0px}
.learnList li:nth-child(3) {margin-left:0px}
.learnList .learnBox {margin-right:20px}
}


.elBG {width:auto;height:100%;position:absolute;top:-27px;left:70px;z-index:-1}

.formContainer {background:#00a88f;border-radius:20px;max-width:1000px;position:relative}
.formContainer:before {content:'';width:150px;height:150px;display:block;background:#e46f20;border-radius:50rem;position:absolute;left:-75px;top:15%;-webkit-animation: popping 10s ease infinite;-moz-animation: popping 10s ease infinite;animation: popping 10s ease infinite;z-index:-1}
.formContainer .formSnail, .pageFooter .formSnail {position:absolute;bottom:100%;left:10%;-webkit-animation: snailAnim 20s linear infinite;-moz-animation: snailAnim 20s linear infinite;animation: snailAnim 20s linear infinite;}
@-moz-keyframes snailAnim {
0% {-moz-transform: translate(0px,0px) rotateY(0deg)} 
25% {-moz-transform: translate(-50px,0px) rotateY(0deg)} 
28% {-moz-transform: translate(-50px,0px) rotateY(-180deg)} 
75% {-moz-transform: translate(50px,0px) rotateY(-180deg)} 
78% {-moz-transform: translate(50px,0px) rotateY(0deg)} 
100% {-moz-transform: translate(0px,0px) rotateY(0deg)}
}
@-webkit-keyframes snailAnim {
0% {-webkit-transform: translate(0px,0px) rotateY(0deg)} 
25% {-webkit-transform: translate(-50px,0px) rotateY(0deg)} 
28% {-webkit-transform: translate(-50px,0px) rotateY(-180deg)} 
75% {-webkit-transform: translate(50px,0px) rotateY(-180deg)} 
78% {-webkit-transform: translate(50px,0px) rotateY(0deg)} 
100% {-webkit-transform: translate(0px,0px) rotateY(0deg)}
}
@keyframes snailAnim {
0% {transform: translate(0px,0px) rotateY(0deg)} 
25% {transform: translate(-50px,0px) rotateY(0deg)} 
28% {transform: translate(-50px,0px) rotateY(-180deg)} 
75% {transform: translate(50px,0px) rotateY(-180deg)} 
78% {transform: translate(50px,0px) rotateY(0deg)} 
100% {transform: translate(0px,0px) rotateY(0deg)}
}

.formContainer .formLetterB, .pageFooter .formLetterB {position:absolute;bottom:99%;right:10%;-webkit-animation: kiteAnim 5s ease infinite;-moz-animation: kiteAnim 5s ease infinite;animation: kiteAnim 5s ease infinite;transform-origin:50% 100%}
.pageFooter .formSnail {width:90px}
.pageFooter .formLetterB {width:80px}
.formTitle {font-size:36px}

.bstForm {color:#fff}
.bstForm .bstField {background-color:#00a88f!important;border:0;border-bottom:1px solid #fff;color:#fff!important}
.bstForm .bstField:focus {outline:none;box-shadow:none}
.bstForm .bstField option {background:#fff;color:#333}
.bstForm .form-select {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");background-size:18px 18px;background-position:right bottom 10px}

.form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label {opacity:.65;transform: scale(.65) translateY(-0.5rem) translateX(0.15rem)}

.bbTitle {font-size:36px;line-height:1.4;color:#ed7423;position:relative;text-decoration:underline;text-decoration-color:#90cae2}

.formThankMsg {max-width:350px}

@media (max-width:575.8px) {
.formContainer .formSnail, .pageFooter .formSnail {width:70px}
.formContainer .formLetterB, .pageFooter .formLetterB {width:60px}
.formTitle {font-size:30px}
.bbTitle {font-size:24px}
}

.locationSlider {width:200%;position:relative;z-index:1}
.locationSlider:before {width:500px;height:500px;display:block;content:'';background:#ee7623;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-80%,-50%);z-index:-2}
.locationSwiper .swiper-slide {position:relative;padding:20px}
.locImgBox {width:100%;position:relative;padding-bottom:60%;border-radius:20px;overflow:hidden;box-shadow:0 0 20px rgba(0,0,0,.3)}
.locImgBox:after {content:'';width:100%;height:100%;display:block;position:absolute;bottom:0;left:0;background:rgba(0,0,0,.3);background: linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%)}
.locImgBox .locImg {width:100%;height:100%;object-fit:cover;object-position:center;position:absolute;top:0;left:0}
.locImgBox .locName {position:absolute;bottom:0;padding:15px 30px;font-size:24px;color:#fff;z-index:1}

.locateArw {width:40px;height:40px;background:#005cb9;transition:all .3s ease;position:static;margin-top:0;transform-origin:50% 50%}
.locateArw.swiper-button-prev {left:0}
.locateArw.swiper-button-next {right:0}
.locateArw:after {color:#fff;font-size:16px;line-height:30px;margin-top:-3px}
.locateArw.swiper-button-prev:after {content:'\27F5'}
.locateArw.swiper-button-next:after {content:'\27F6'}
.locateArw:hover {transform:scale(1.2)}

.locationSlider.blueCircle:before {background:#005cb9}
.locationSlider.yellowCircle:before {background:#efac20}
.locationSlider.blueCircle .locImgBox:after, .locationSlider.yellowCircle .locImgBox:after {display:none}

.chatBotBtn {width:50px;height:50px;padding:10px;display:block;background:#efac20;position:fixed;bottom:40px;right:80px;z-index:900;box-shadow:0 5px 15px rgba(0,0,0,.4);transform:scale(1);transition:all .3s ease}
.chatBotBtn:hover {transform:scale(1.2)}

@media (min-width:992px) {
.locationSlider.left {left:-100%}
.locationSlider.left:before {transform:translate(-20%,-50%)}
}

@media (max-width:991.98px) {
.locationSlider {width:100%}
.locationSlider:before {transform:translate(-50%,-50%)}
}
@media (max-width:767.98px) {
.locationSlider:before {width:400px;height:400px}
}
@media (max-width:576.98px) {
.locationSlider {width:auto;margin-left:-12px;margin-right:-12px}
.locationSlider:before {width:350px;height:350px}
.locationSwiper .swiper-slide {padding:15px 12px}
.locImgBox {box-shadow:0 0 10px rgba(0,0,0,.2)}
.chatBotBtn {bottom:30px;right:30px}
}
@media (max-width:399.98px) {
.locationSlider:before {width:300px;height:300px}
}

.pageFooter {background:#e7ecf2;position:relative}
.pageFooter a:hover {color:#ed7422}

.footTitle {font-size:16px;font-weight:bold;line-height:1.5;color:#57758d;margin-bottom:10px}
.footLinks li {margin-bottom:10px;line-height:1.5}

.footBox {border-top:1px solid #939498;font-size:14px}

.socialLinks li {display:inline-block;margin:0 5px}
.socialLinks li a {display:block;width:30px;height:30px;background: #111;padding:6px;transition:all .3s ease}
.socialLinks li a:hover {box-shadow:0 4px 10px rgba(0,0,0,.5);transform:scale(1.2)}
.socialLinks li a img {width:18px;height:18px;display:block}

.socialLinks li a[title="Facebook"] {background:#005cb9}
.socialLinks li a[title="Twitter"] {background:#0cac94}
.socialLinks li a[title="Youtube"] {background:#efac20}
.socialLinks li a[title="Instagram"] {background:#ee7a2d}

.square {width:20px;height:20px;display:block;position:absolute;-webkit-animation: popping 10s ease infinite;-moz-animation: popping 10s ease infinite;animation: popping 10s ease infinite}
.square:before {content:"";width:20px;height:20px;display:block;transform:rotate(-30deg);position:absolute;}
.triangle {position:absolute;-webkit-animation: popping 10s ease reverse infinite;-moz-animation: popping 10s ease reverse infinite;animation: popping 10s ease reverse infinite}
.triangle:before {content:"";width:0;height:0;display:block;border-top-width:20px;border-left-width:15px;border-right-width:15px;border-color:transparent;border-style:solid;transform:rotate(-30deg);position:absolute;background:transparent !important;}
.blue:before {background:#005cb9;border-top-color:#005cb9}
.green:before {background:#00a88f;border-top-color:#00a88f}
.yellow:before {background:#efac20;border-top-color:#efac20}
.orange:before {background:#ed7423;border-top-color:#ed7423}
.floatAlpha {position:absolute;-webkit-animation: swipeRotate 15s ease infinite;-moz-animation: swipeRotate 15s ease infinite;animation: swipeRotate 15s ease infinite}

@media (max-width:575.98px) {
.square:before {width:15px;height:15px}
.triangle:before {border-top-width:15px;border-left-width:10px;border-right-width:10px}
}


@-moz-keyframes popping {
0% {-moz-transform: translate(0px,0px)} 25% {-moz-transform: translate(0px,-30px)} 75% {-moz-transform: translate(0px,30px)} 100% {-moz-transform: translate(0px,0px)}
}
@-webkit-keyframes popping {
0% {-webkit-transform: translate(0px,0px)} 25% {-webkit-transform: translate(0px,-30px)} 75% {-webkit-transform: translate(0px,30px)} 100% {-webkit-transform: translate(0px,0px)}
}
@keyframes popping {
0% {transform: translate(0px,0px)} 25% {transform: translate(0px,-30px)} 75% {transform: translate(0px,30px)} 100% {transform: translate(0px,0px)}
}

@-moz-keyframes swipeRotate {
0% {-moz-transform: rotate(0deg)} 25% {-moz-transform: rotate(-30deg)} 75% {-moz-transform: rotate(30deg)} 100% {-moz-transform: rotate(0deg)}
}
@-webkit-keyframes swipeRotate {
0% {-webkit-transform: rotate(0deg)} 25% {-webkit-transform: rotate(-30deg)} 75% {-webkit-transform: rotate(30deg)} 100% {-webkit-transform: rotate(0deg)}
}
@keyframes swipeRotate {
0% {transform: rotate(0deg)} 25% {transform: rotate(-30deg)} 75% {transform: rotate(30deg)} 100% {transform: rotate(0deg)}
}

@-moz-keyframes kiteAnim {
0% {-moz-transform: rotate(0deg)} 25% {-moz-transform: rotate(-4deg)} 75% {-moz-transform: rotate(4deg)} 100% {-moz-transform: rotate(0deg)}
}
@-webkit-keyframes kiteAnim {
0% {-webkit-transform: rotate(0deg)} 25% {-webkit-transform: rotate(-4deg)} 75% {-webkit-transform: rotate(4deg)} 100% {-webkit-transform: rotate(0deg)}
}
@keyframes kiteAnim {
0% {transform: rotate(0deg)} 25% {transform: rotate(-4deg)} 75% {transform: rotate(4deg)} 100% {transform: rotate(0deg)}
}



.animateThis {position:relative;will-change:transform opacity}
.fadeIn {opacity:0;-moz-transition: all 1s ease;-webkit-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;-moz-transform: translate3d(0px, 70px, 0px);-webkit-transform: translate3d(0px, 70px, 0px);-o-transform: translate(0px, 70px, 0px);-ms-transform: translate(0px, 70px, 0px);transform: translate3d(0px, 70px, 0px)}
.fadeIn.in-view {opacity:1;-moz-transform: translate3d(0px, 0px, 0px);-webkit-transform: translate3d(0px, 0px, 0px);-o-transform: translate(0px, 0px, 0px);-ms-transform: translate(0px, 0px, 0px);transform: translate3d(0px, 0px, 0px)}
.slideLeft {opacity:0;-moz-transition: all .5s ease-out;-webkit-transition: all .5s ease-out;-o-transition: all .5s ease-out;transition: all .5s ease-out;-moz-transform: translate3d(30px, 0px, 0px);-webkit-transform: translate3d(30px, 0px, 0px);-o-transform: translate3d(30px, 0px, 0px);-ms-transform: translate3d(30px, 0px, 0px);transform: translate3d(30px, 0px, 0px)}
.slideLeft.in-view {opacity: 1;-moz-transform: translate3d(0px, 0px, 0px);-webkit-transform: translate3d(0px, 0px, 0px);-o-transform: translate3d(0px, 0px, 0px);-ms-transform: translate3d(0px, 0px, 0px);transform: translate3d(0px, 0px, 0px)}
.slideRight {opacity:0;-moz-transition: all .5s ease-out;-webkit-transition: all .5s ease-out;-o-transition: all .5s ease-out;transition: all .5s ease-out;-moz-transform: translate3d(-50px, 0px, 0px);-webkit-transform: translate3d(-30px, 0px, 0px);-o-transform: translate3d(-30px, 0px, 0px);-ms-transform: translate3d(-30px, 0px, 0px);transform: translate3d(-30px, 0px, 0px)}
.slideRight.in-view {opacity: 1;-moz-transform: translate3d(0px, 0px, 0px);-webkit-transform: translate3d(0px, 0px, 0px);-o-transform: translate3d(0px, 0px, 0px);-ms-transform: translate3d(0px, 0px, 0px);transform: translate3d(0px, 0px, 0px)}
.fadeGrow {opacity:0;-moz-transition: all .7s ease;-webkit-transition: all .7s ease;-o-transition: all .7s ease;transition: all .7s ease;-moz-transform:scale(.8);-webkit-transform:scale(.8);-o-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8)}
.fadeGrow.in-view {opacity:1;-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.fadee {opacity:0;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease}
.fadee.in-view {opacity:1}

.lineAnim {clip-path:polygon(50% 0, 50% 0, 50% 100%, 50% 100%);-moz-transition: all .5s ease;-webkit-transition: all .5s .5s ease;-o-transition: all .5s ease;transition: all .5s ease}
.lineAnim.in-view {clip-path:polygon(0% 0, 100% 0, 100% 100%, 0% 100%)}

.sneakpeekImgs {width:100%;height:670px;position:relative;z-index:1}
.spImgItem {width:100%;height:100%;margin:auto;position:relative;border-radius:15px;overflow:hidden;box-shadow:0 0 15px rgba(0,0,0,.3)}
.spImg {width:100%;height:100%;object-fit:cover;object-position:top center;position:absolute;top:0;left:0}
.spItem_1, .spItem_2 {height:230px}
.spItem_3 {height:230px}
.spItem_4 {height:230px}
.spItem_4 .spImgItem {width:150%}
.sneakpeekImgs:before {content:'';width:450px;height:450px;display:block;background:#015cb9;border-radius:50%;position:absolute;left:0;top:110px;right:0;bottom:0;margin:auto;z-index:-1}

@media (max-width:1199.98px) {
.spItem_1, .spItem_2 {height:250px}
.spItem_3 {height:310px}
.spItem_4 .spImgItem {width:150%}
.sneakpeekImgs:before {top:0px}
}

@media (max-width:991.98px) {
.sneakpeekImgs {height:auto}
.spItem_1, .spItem_2, .spItem_3, .spItem_4, .spItem_4 .spImgItem  {height:auto}
.spItem_4 .spImgItem {width:100%}
.spImg {position:static}
.sneakpeekImgs:before {top:0px;width:350px;height:350px}
}

@media (max-width:575.98px) {
.sneakpeekImgs:before {top:0px;width:250px;height:250px}
}

.testimItem {width:500px;height:500px;border-radius:50%;background:#00a88f;margin-bottom:30px}
.testimBox {width:450px;height:450px;border-radius:50%;background:#f3f6fb;position:relative;box-shadow:0 0 25px rgba(0,0,0,.4)}
.testimContent {width:300px;height:200px}
.testimAuthor {font-size:18px}
.testimPic {width:50px;height:50px;object-fit:cover;border-radius:50%;border:1px solid #efac20;box-shadow:0 0 15px rgba(0,0,0,.3)}

.testimBox:before {content:'';width:120px;height:120px;display:block;border-radius:50%;position:absolute;background:#efac20}
.testimBox:after {content:'';width:100px;height:100px;display:block;border-radius:50%;position:absolute;background:#ed7423}

.swiper-slide:nth-child(odd) .testimBox {left:18px}
.swiper-slide:nth-child(even) .testimBox {right:18px}

.swiper-slide:nth-child(odd) .testimBox:before {top:-40px;right:100px}
.swiper-slide:nth-child(odd) .testimBox:after {top:0;right:20px}
.swiper-slide:nth-child(even) .testimBox:before {top:-40px;left:100px}
.swiper-slide:nth-child(even) .testimBox:after {top:0;left:20px}

.testimPrev, .testimNext {background:#ed7423}

.testimArwContainer {position:relative;z-index:0}
.testimArwContainer .bgCurve {width:auto;height:450px;display:block;position:absolute;bottom:10px;left:0;right:0;margin:auto;z-index:-1;transform:translateX(60px)}

@media (min-width:992px) and (max-width:1199.98px) {
.testimItem {width:420px;height:420px}
.testimBox {width:400px;height:400px;box-shadow:0 0 15px rgba(0,0,0,.3)}
.testimContent {width:300px;height:200px}

.testimBox:before {width:90px;height:90px}
.testimBox:after {width:70px;height:70px}

.swiper-slide:nth-child(odd) .testimBox:before {top:-10px;right:80px}
.swiper-slide:nth-child(odd) .testimBox:after {top:15px;right:20px}
.swiper-slide:nth-child(even) .testimBox:before {top:-10px;left:80px}
.swiper-slide:nth-child(even) .testimBox:after {top:15px;left:20px}
}

@media (max-width:991.98px) {
.swiper-slide .testimBox {left:unset !important;right:unset !important}
}

@media (max-width:575.98px) {
.testimonialContainer {margin-left:-12px;margin-right:-12px}
.testimItem {width:420px;height:420px}
.testimBox {width:400px;height:400px;box-shadow:0 0 15px rgba(0,0,0,.3)}
.testimContent {width:300px;height:200px}
.testimAuthor {font-size:16px}

.testimBox:before {width:90px;height:90px}
.testimBox:after {width:70px;height:70px}

.swiper-slide:nth-child(odd) .testimBox:before {top:-10px;right:80px}
.swiper-slide:nth-child(odd) .testimBox:after {top:15px;right:20px}
.swiper-slide:nth-child(even) .testimBox:before {top:-10px;left:80px}
.swiper-slide:nth-child(even) .testimBox:after {top:15px;left:20px}
}

@media (max-width:450.98px) {
.testimItem {width:390px;height:390px}
.testimBox {width:380px;height:380px;box-shadow:0 0 10px rgba(0,0,0,.2)}
.testimContent {width:300px;height:200px}

.testimBox:before {width:60px;height:60px}
.testimBox:after {width:50px;height:50px}

.swiper-slide:nth-child(odd) .testimBox:before {top:-20px;right:75px}
.swiper-slide:nth-child(odd) .testimBox:after {top:-5px;right:35px}
.swiper-slide:nth-child(even) .testimBox:before {top:-10px;left:75px}
.swiper-slide:nth-child(even) .testimBox:after {top:-5px;left:35px}

.testimArwContainer .bgCurve {height:350px;transform:translateX(30px)}
}

.contactItem {}
.contactHead {font-size:20px;font-weight:bold;color:#aaa}
.contactDetails a {font-size:16px}
.contactDetails a:hover {color:#ed7423}
.contactIcon {width:50px;height:50px;background:#fff;padding:15px;box-shadow:0 0 15px rgba(0,0,0,.15)}
.contactIcon svg {display:block;fill:#ed7423;width:20px;height:20px}

.socialLinks.contact li {display:inline-block;margin:0 20px 0 0}
.socialLinks.contact li a {display:block;width:50px;height:50px;background:#fff;padding:12px;transition:all .3s ease;box-shadow:0 0 15px rgba(0,0,0,.15)}
.socialLinks.contact li a:hover {box-shadow:0 4px 10px rgba(0,0,0,.5);transform:scale(1.2)}
.socialLinks.contact li a svg {width:25px;height:25px;display:block}

.centreBoxList {}
.centreBox {height:100%;padding:50px;background:#aaa;color:#fff;box-shadow:0 0 0 rgba(0,0,0,0);transition:all .3s ease;position:relative;top:0}
.centreTitle {font-size:24px}
.centreBox img {mix-blend-mode: multiply}
.centreBox:hover {box-shadow:0 5px 15px rgba(0,0,0,.3);top:-5px}

.centreBoxList div:nth-child(4n-3) .centreBox {background:#00a68e;border-radius:25px 25px 8px 25px}
.centreBoxList div:nth-child(4n-2) .centreBox {background:#ed7423;border-radius:25px 25px 25px 8px}
.centreBoxList div:nth-child(4n-1) .centreBox {background:#015ab6;border-radius:25px 8px 25px 25px}
.centreBoxList div:nth-child(4n) .centreBox {background:#efac20;border-radius:8px 25px 25px 25px}

.vmBox {height:100%;border-radius:20px 80px 20px 80px;box-shadow:0 5px 25px rgba(0,0,0,.2)}
.vmIcon {width:100px;height:100px;padding:25px;border:2px solid #00a68e;background:#fff;position:relative;top:-50px;box-shadow:0 0 25px rgba(0,0,0,.2)}
.vmIcon img {width:100%;height:auto;display:block}
.vmContent {border-radius:20px 80px 18px 78px;background:#fff;padding:40px 50px}
.vmTitle {font-size:24px}

@media (max-width:1199.98px) {
.centreBox {padding:30px}
}

@media (max-width:575.98px) {
.centreBox {padding:15px}
.centreBox img {max-width:80px;max-height:100px}
.vmContent {padding:30px 30px}
.vmBox {border-radius:20px 50px 20px 50px}
.vmContent {border-radius:20px 50px 18px 48px}
.vmIcon {margin-bottom:-20px}
}


.spImgBox {width:100%;min-height:250px;height:100%;display:block;border-radius:20px;box-shadow:0 0 10px rgba(0,0,0,.1);position:relative;overflow:hidden;transition:all .3s ease;top:0}
.spImgBox:hover {top:-10px;box-shadow:0 10px 20px rgba(0,0,0,.4);background:#222}
.spImgBox img {width:100%;height:100%;display:block;object-fit:cover;object-position:center;position:absolute;transition:all .3s .3s ease}
.spImgBox:hover img {opacity:.5}
.spImgBox strong {color:#fff;font-size:16px;padding:15px;opacity:0;bottom:-50px;position:absolute;display:block;transition:all .3s .3s ease}
.spImgBox:hover strong {bottom:0;opacity:1}

.spTabs {max-width:800px}
.spTabs .nav {border:1px solid #ed7423;box-shadow:0 0 10px rgba(0,0,0,.2)}
.spTabs .nav-link {color:#666;font-weight:bold}
.spTabs .nav-link.active {background:#ed7423}

@media (max-width:767.98px) {
.spTabs .nav-link {font-size:14px}
}

.principalImg {border-radius:10px 50px 50px 50px;overflow:hidden;max-width:350px;max-height:350px;width:100%;height:auto;box-shadow:0 0 25px rgba(0,0,0,.25)}
.principalImg img {width:100%;height:100%;object-fit:cover;object-position:center}

.prName strong {color:#ed7423;font-size:18px}

.qouteBox {position:relative}
.qouteBox:before, .qouteBox:after {font-size:50px;color:#ddd;line-height:0}
.qouteBox:before {content:'\275D';display:block;position:absolute;top:-5px;left:0}
.qouteBox:after {content:'\275E';display:inline;position:relative;bottom:-30px}

@media (max-width:575.98px) {
.prName strong {font-size:16px}
}

.sectionSubTitle {font-size:36px;line-height:1.3}
.orangeTxt {color:#ed7423}
.greenTxt {color:#00a68e}
.blueTxt {color:#015ab6}
.yellowTxt {color:#efac20}

.orangeBg {background-color:#ed7423}
.greenBg {background-color:#00a68e}
.blueBg {background-color:#015ab6}
.yellowBg {background-color:#efac20}

.sbsDiagram {margin-top:-50px}

.sbs_uniqueskill {margin-top:-130px}

.sbsIconList {}
.sbs_usBox {padding-right:80px;line-height:1.8;position:relative}
.sbsIconBox {width:120px;height:120px;background:#fff;box-shadow:0 0 30px rgba(0,0,0,.15);border-radius:30px;padding:20px;position:relative;top:0;transition:all .3s ease}
.sbs_usBox .arc {width:130px;height:auto;display:block;position:absolute;top:-50px;left:-180px}

.sbs_usBox:hover .sbsIconBox {top:-10px}

.skillStationImg {width:100%;height:0;padding-bottom:100%;display:block;position:relative;border-radius:30px 30px 10px 30px;overflow:hidden;box-shadow:0 0 20px rgba(0,0,0,.2)}
.skillStationImg img {width:100%;height:100%;display:block;position:absolute;object-fit:cover;object-position:center}

@media (min-width:992px) {
.sbsIconList > div:nth-child(2) {margin-top:80px}
.sbsIconList > div:nth-child(3) {margin-top:180px}
}
@media (max-width:1199.98px) {
.sbs_uniqueskill, .sbs_uniqueskill {margin-top:0}
}
@media (max-width:991.98px) {
.sbs_usBox {padding-right:0}
}
@media (max-width:575.98px) {
.sbsIconBox {width:100px;height:100px}
.sectionSubTitle {font-size:30px;line-height:1.3}
}

.videoAnchor {border-radius:20px;overflow:hidden;position:relative;box-shadow:0 15px 20px rgba(0,0,0,.2)}
/* .videoAnchor img {transform:scale(1);transition:all .3s ease} */
.videoAnchor img {transform: scale(1);transition: all .3s ease;height: 400px;}
.videoAnchor:hover img {transform:scale(1.2);transition:all 4s ease}

.videoAnchor:after {content:'\2023';width:70px;height:70px;display:block;border:2px solid #fff;border-radius:50rem;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;color:#fff;font-size:80px;text-align:center;line-height:70px;text-indent:5px;filter:drop-shadow(0 0 6px rgba(0,0,0,.5));}

.appContent {border-radius:20px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.15);position:relative}
.appBtns a img {transform:scale(1);transition:all .2s ease-out;transform-origin:50% 50%}
.appBtns a:hover img {transform:scale(1.1);}

.appContent .circle {width:100px;height:100px;display:block;background:#fff;opacity:.2;position:absolute;}

.safetyHygieneContent {background:#fff;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.15);position:relative;z-index:0}

.smallsafetyCircle {content:'';width:50px;height:50px;display:block;background:#015ab6;border-radius:50%;position:absolute;left:-20px;top:20%;z-index:-1}
.bigsafetyCircle {content:'';width:100px;height:100px;display:block;background:#015ab6;border-radius:50%;position:absolute;right:-40px;bottom:20%;z-index:-1}

.safetyList li {position:relative;padding:0 0 0 20px;margin-bottom:15px}
.safetyList li:before {content:'';width:6px;height:6px;display:block;background:#015ab6;border-radius:50%;position:absolute;left:0;top:13px}
.safetyList li img {width:30px;margin:0 5px;display:inline-block;pointer-events:none}

@media (max-width:575.98px) {
.safetyList li:before {width:5px;height:5px;top:10px}
.safetyList li img {width:20px}
}

.visionRoadmap {margin-left:180px;margin-right:300px;margin-top:100px;margin-bottom:200px;position:relative}
.roadmapImg {width:100%}

.vibox {width:50px;height:50px}
.vibItem {position:relative;width:100%}
.vIconBox {width:50px;height:50px;position:relative}
.vIconBox img {max-width:100%}
.vibCaption {font-size:13px;position:absolute;bottom:105%;left:25px;color:#222;white-space:nowrap}
.vibContent {width:300px;position:absolute}
.vibContent .vibHead {font-size:18px}
.vibContent p {margin-bottom:0;line-height:1.5;font-size:14px}

.vib_1.vibox, .vib_6.vibox, .vib_11.vibox, .vib_15.vibox {width:70px;height:70px}
.vib_1 .vIconBox, .vib_6 .vIconBox, .vib_11 .vIconBox, .vib_15 .vIconBox {width:70px;height:70px;display:block;padding:10px;background:#fff;border-radius:50%;box-shadow:0 0 10px rgba(0,0,0,.2)}

.thinkBubble {position:absolute;right:42%;bottom:80%}

@media (min-width:1200px) {
.vibox {position:absolute !important}
.vib_1 {top:-35px;left:-20px}
.vib_1 .vibContent {left:0;top:105%;padding-right:30px}
.vib_2 {top:-45px;left:120px}
.vib_3 {top:-45px;left:230px}
.vib_4 {top:-45px;left:340px}
.vib_5 {top:-20px;left:500px}
.vib_6 {top:75px;right:-15px}
.vib_6 .vibContent {left:100%;top:-15px;padding-left:20px;width:250px}
.vib_7 {top:200px;left:520px}
.vib_8 {top:200px;left:415px}
.vib_9 {top:200px;left:300px}
.vib_10 {top:250px;left:145px}
.vib_11 {top:340px;left:115px}
.vib_11 .vibContent {right:100%;top:-15px;padding-right:20px;width:290px}
.vib_12 {top:435px;left:170px}
.vib_13 {top:440px;left:270px}
.vib_14 {top:440px;left:405px}
.vib_15 {top:440px;left:540px}
.vib_15 .vibContent {left:100%;top:-15px;padding-left:20px}
}

@media (min-width:1400px) {
.vib_1 {top:-35px;left:0}
.vib_1 .vibContent {left:0;top:105%;padding-right:30px}
.vib_2 {top:-45px;left:160px}
.vib_3 {top:-45px;left:300px}
.vib_4 {top:-45px;left:425px}
.vib_5 {top:-30px;left:600px}
.vib_6 {top:100px;right:-15px}
.vib_6 .vibContent {left:100%;top:-15px;padding-left:20px;width:250px}
.vib_7 {top:240px;left:700px}
.vib_8 {top:270px;left:550px}
.vib_9 {top:270px;left:420px}
.vib_10 {top:300px;left:240px}
.vib_11 {top:400px;left:140px}
.vib_11 .vibContent {right:100%;top:-15px;padding-right:30px}
.vib_12 {top:520px;left:190px}
.vib_13 {top:570px;left:335px}
.vib_14 {top:580px;left:520px}
.vib_15 {top:590px;left:700px}
.vib_15 .vibContent {left:100%;top:-15px;padding-left:30px}
}


@media (max-width:1199.98px) {
.visionRoadmap {margin-left:0;margin-right:0;margin-top:0;margin-bottom:130px}
.roadmapImg {display:none}
.vibox {position:static;width:45% !important;height:auto!important;float:left;margin-bottom:20px;margin-right:5%;display:none}
.vibItem, .vIconBox {float:left}
.vibCaption {position:static}
.vibContent {position:static;width:auto;margin-left:100px}
.vib_1.vibox, .vib_6.vibox, .vib_11.vibox, .vib_15.vibox {display:block}
}

@media (max-width:767.98px) {
.vibox {width:100% !important;margin-right:0}
}

@media (max-width:575.98px) {
.vibContent {margin-left:85px}
}


.safetyHygieneList {position:relative;height:550px;width:100%;padding:15px 330px 0}
.safetyHygieneList:before {content:'';width:1000px;height:1000px;display:block;border-radius:50%;position:absolute;margin:auto;left:0;right:0;top:40px;background-clip:border-box;
background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 1000 1000' version='1.1' xmlns='http://www.w3.org/2000/svg'><circle cx='500' cy='500' r='500' stroke='%23f0d2be' stroke-width='5' stroke-dasharray='15 15' fill='transparent'/></svg>");background-size:100% 100%}
.bookImg {position:absolute;bottom:0;left:0;right:0;margin:auto;max-width:40%;height:auto;display:block}

.sfItem {position:relative;z-index:10}
.sfIcon {width:80px;height:80px;display:inline-block;padding:15px;margin-bottom:20px;background:#fff;box-shadow:0 0 15px rgba(0,0,0,.2);transition:all .5s ease;transform-origin:50% 50%;transform:scale(1)}
.sfIcon img {width:100%;height:auto}
.sfText {line-height:1.5;color:#666;padding:0 40px;transition:all .3s ease}
.sfItem:hover .sfText {font-weight:bold;color:#ed7423}
.sfItem:hover .sfIcon {transform:scale(1.1)}

@media (min-width:1200px) {
.sfi_3 {transform:translateX(-225px) translateY(-30px)}
.sfi_4 {transform:translateX(225px) translateY(-30px)}
.sfi_5 {transform:translateX(-315px)}
.sfi_6 {transform:translateX(315px)}
}

@media (min-width:1200px) and (max-width:1399.98px) {
.safetyHygieneList {padding:15px 280px 0}
}
@media (min-width:992px) and (max-width:1199.98px)  {
.safetyHygieneList {padding:15px 220px 0;height:500px}
.safetyHygieneList:before {width:700px;height:700px;top:50px}
.sfText {padding:0}
.sfi_3 {transform:translateX(-150px) translateY(-20px)}
.sfi_4 {transform:translateX(150px) translateY(-20px)}
.sfi_5 {transform:translateX(-220px)}
.sfi_6 {transform:translateX(220px)}
}

@media (max-width:991.98px) {
.safetyHygieneList {padding:15px 0 0;height:auto}
.safetyHygieneList:before {display:none}
.bookImg {position:static;max-width:500px;width:60%}
.sfItem {margin-bottom:40px}
.sfText {padding:10px}
}

.bullets li {position:relative;padding:0 0 0 20px;margin-bottom:15px}
.bullets li:before {content:'';width:6px;height:6px;display:block;background:#666;border-radius:50%;position:absolute;left:0;top:13px}

.progmTTWrapper {position:relative;width:100%}

.programTimetable {border-radius:15px;background:#fff;box-shadow:0 0 30px rgba(0,0,0,.2);padding:3px;position:relative;z-index:1}
table.progmTT {font-size:13px}
table.progmTT td {padding:3px;height:0;min-width:140px;max-width:150px}
table.progmTT .pttBox {width:100%;height:100%;padding:10px;background:#f2f5fa;border-radius:10px}
table.progmTT ul li {padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #eee;line-height:1.6; text-align: left; list-style: initial; margin-left: 10px;}
table.progmTT ul li:last-child {border-bottom:0;margin-bottom:0}

table.progmTT .pink {background:#fdf8f2}
table.progmTT .aqua {background:#f2fbfa}



.fdipItem {width:200px;padding:20px 30px;background:#fff;position:relative;z-index:2;box-shadow:0 0 20px rgba(0,0,0,.3)}
.fdipContent {width:100%;line-height:1.5;font-size:14px}
.fdipContent strong {display:block;font-size:16px}
.fdipContent p {margin-bottom:0;margin-top:6px}

.blueBox {border:1px solid #015ab6;border-radius:20px}
.orangeCircle {height:200px;border:1px solid #ed7423;border-radius:50%}
.greenCircle {height:200px;border:1px solid #00a68e;border-radius:50%}

.fdipListing > div {position:relative}
.fdipIcon {position:absolute;left:0;right:0;bottom:90%;margin:auto;z-index:-10}

@media (min-width:1200px) {
.fdipListing > div:not(:last-child):before {content:'';width:100%;height:0;display:block;border-top:5px solid #98999d;position:absolute;left:40%;z-index:-10}
.fdipListing > div:nth-child(6):before, .fdipListing > div:nth-child(7):before, .fdipListing > div:nth-child(8):before, .fdipListing > div:nth-child(9):before {left:unset;right:40%}
.fdipListing > div:nth-child(5):before {width:200px;height:250px;border:5px solid #98999d;border-left:0;border-radius:0 40% 40% 0;top:50%;left:unset;right:-20px}
.fdipListing > div:nth-child(10):before {width:200px;height:250px;border:5px solid #98999d;border-right:0;border-radius:40% 0 0 40%;top:50%;right:unset;left:-20px}
.fdipListing > div:nth-child(5):after {content:'';width:30px;height:44px;display:block;position:absolute;top:100%;right:-45px;background:url(../images/floatBug.png) no-repeat center;background-size:cover}
.fdipListing > div:nth-child(10):after {content:'';width:30px;height:44px;display:block;position:absolute;top:100%;left:-45px;background:url(../images/floatBug.png) no-repeat center;background-size:cover;transform:rotateY(180deg)}
}

@media (min-width:992px) and (max-width:1199.98px) {
.fdipListing > div:not(:last-child):before {content:'';width:100%;height:0;display:block;border-top:5px solid #98999d;position:absolute;left:40%;z-index:-10}
.fdipListing > div:nth-child(5):before,
.fdipListing > div:nth-child(6):before,
.fdipListing > div:nth-child(7):before {left:unset;right:40%}
.fdipListing > div:nth-child(4):before {width:200px;height:250px;border:5px solid #98999d;border-left:0;border-radius:0 40% 40% 0;top:50%;left:unset;right:-20px}
.fdipListing > div:nth-child(12):before {width:600px;height:170px;border:5px solid #98999d;border-left:0;border-radius:0 50% 50% 0;top:48%;left:unset;right:-20px}
.fdipListing > div:nth-child(8):before {width:200px;height:250px;border:5px solid #98999d;border-right:0;border-radius:40% 0 0 40%;top:50%;right:unset;left:-20px}
.fdipListing > div:nth-child(4):after {content:'';width:30px;height:44px;display:block;position:absolute;top:100%;right:-45px;background:url(../images/floatBug.png) no-repeat center;background-size:cover}
.fdipListing > div:nth-child(8):after {content:'';width:30px;height:44px;display:block;position:absolute;top:100%;left:-45px;background:url(../images/floatBug.png) no-repeat center;background-size:cover;transform:rotateY(180deg)}
.fdipListing > div:last-child {padding-top:25px}
}

@media (max-width:575.98px) {
.fdipItem {width:100% !important;height:auto !important}
.fdipIcon {position:static;}
}


.mediaItem {display:block;position:relative}
.mediaItem > * {position:relative;z-index:1}

.mediaItem:before {content:'';display:block;background:#fff;transition:all .3s ease;border-radius:27px;position:absolute;top:0;bottom:0;left:0;right:0;margin:-2px;width:auto;height:auto;box-shadow:0 0 30px rgba(0,0,0,.15);z-index:-1;opacity:0}
.mediaItem:hover:before {opacity:1;margin:-10px}

.mediaItem .mediaImgBox {width:100%;display:block;padding-bottom:65%;position:relative;border-radius:20px;overflow:hidden;box-shadow:0 0 25px rgba(0,0,0,.15);background:#ddd}
.mediaItem:hover .mediaImgBox {box-shadow:none}
.mediaItem .mediaImg {width:100%;height:100%;display:block;position:absolute;top:0;left:0;object-fit:cover;object-position:center;transform:scale(1);transition:all .3s ease}
.mediaItem:hover .mediaImg {transform:scale(1.1)}
.mediaItem .mediaDTT {font-size:12px;color:#888;margin:20px 0 10px}
.mediaItem .mediaTitle {font-size:18px;color:#efac20;font-weight:bold;line-height:1.6;transition:all .3s ease;padding-bottom:15px}
.mediaItem:hover .mediaTitle {color:#00a68e}
.mediaDate:before {width:14px;height:14px;content:'';display:inline-block;margin-right:5px;vertical-align:text-top;background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23666666'%3e%3cpath d='M8 3.5a.5.5 0 0 0-1 0V9a.5.5 0 0 0 .252.434l3.5 2a.5.5 0 0 0 .496-.868L8 8.71V3.5z'/%3e%3cpath d='M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm7-8A7 7 0 1 1 1 8a7 7 0 0 1 14 0z'/%3e %3c/svg%3e");background-size:14px 14px}


.enquiryFormWrapper {padding:30px;max-width:450px;width:100%;position:relative;background:transparent}
.enquiryFormWrapper:before {content:'';width:640px;height:640px;display:block;border-radius:50%;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);transform-origin:50% 50%;background:#005cb9}
.enquiryFormWrapper .carousel__button {width:60px;height:60px;border-radius:50%;background:#efac20}
.popupForm, .popupForm_Thanks {position:relative;z-index:2}
.popupForm .bstForm .bstField {background:#005cb9!important}

.topShift:before, .topShift:after {content:'';width:70px;height:117px;background:url(../images/pspgrass.png) no-repeat center;position:absolute;top:35%;z-index:-1}
.topShift:before {right:99%;display:none}
.topShift:after {left:99%;transform:rotateY(180deg);display:block}

.prgmPSbox {background:#fff;border-radius:40px;box-shadow:0 0 20px rgba(0,0,0,.2);height:100%;padding:20px;width:100%;position:relative;z-index:2}
.ppsImg {margin-bottom:20px}
.ppsTitle {font-size:20px;border-bottom:1px solid #eee;padding-bottom:20px;margin-bottom:20px}


@media (min-width:992px) {
.pspCircle {padding-bottom:100px}
.prgmPSbox {max-width:330px}
.topShift {top:80px}
.topShift:before {display:block}
.pspCircle:before {content:'';width:95%;height:0;padding-bottom:60%;border-radius:50%;display:block;position:absolute;bottom:250px;left:0;right:0;margin:auto;border:8px solid #efac20;z-index:-1}
.pspCircle:after {content:'';width:auto;height:300px;display:block;position:absolute;left:0;right:0;top:0;z-index:-1;
background: rgb(243,246,251);
background: -moz-linear-gradient(0deg, rgba(243,246,251,0) 0%, rgba(243,246,251,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(243,246,251,0) 0%, rgba(243,246,251,1) 100%);
background: linear-gradient(0deg, rgba(243,246,251,0) 0%, rgba(243,246,251,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f3f6fb",endColorstr="#f3f6fb",GradientType=1);}
}

@media (max-width:1200px) {
.pspCircle:before, .pspCircle:after {display:none}
}


.careerModal .positionInfo {line-height:1.5}
.careerModal .close {position:absolute;right:5px;top:5px;width:30px;height:30px;background:#333;color:#fff;line-height:20px;z-index:10}

.careerForm .form-control, .custom-file label {font-size:14px}

@media (min-width:992px) {.careerModal .positionInfo {border-right:1px solid #ddd}}
@media (max-width:991.98px) {.careerModal .positionInfo {border-bottom:1px solid #ddd}}

@media screen and (max-width:425px){
    .bannerSection{
        min-height: 310px;
        max-height: 310px;
        background: #e6e0ff;
    }
    .bannerMain {
    padding-top: 90px;
}
.p-c{
    width: 90%
}
a.chatBotBtn2.rounded-circle.d-flex {
    bottom: 0px;
    width: 165px;
    right: 110px;
}
}
img.img-fluid.mx-auto.d-block.mb-5.animateThis.lineAnim.in-view {
    z-index: 901;
    background-color: #f3f6fb;
}
@media only screen and (max-width: 767px) {
	.waveContainer{
		    margin-bottom: 40px;
	}
	
	.learningWrapper .sectionTitle {
		padding-left: 50px;
	}
	
	.locationSlider{
		margin-top: 70px;
	}
}