@font-face {
    font-family: 'EIL Sans';
    src: url('../fonts/EILSans-Regular.eot');
    src: url('../fonts/EILSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/EILSans-Regular.woff2') format('woff2'),
        url('../fonts/EILSans-Regular.woff') format('woff'),
        url('../fonts/EILSans-Regular.ttf') format('truetype'),
        url('../fonts/EILSans-Regular.svg#EILSans-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'EIL Sans';
    src: url('../fonts/EILSans-Bold.eot');
    src: url('../fonts/EILSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/EILSans-Bold.woff2') format('woff2'),
        url('../fonts/EILSans-Bold.woff') format('woff'),
        url('../fonts/EILSans-Bold.ttf') format('truetype'),
        url('../fonts/EILSans-Bold.svg#EILSans-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


html * {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
*, *:after, *:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
html, body {
	height: 100%;
}

/* Reset ------------------------- */
body {
    font-family: 'EIL Sans';
	font-weight: normal;
    font-style: normal;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	line-height:1;	
	color: #282728;
	font-size: clamp(16px, 2vw, 20px);
}
a {
	text-decoration: none;
	color: #282728;
	cursor: pointer !important;
	outline: 0;
	-webkit-transition: all .35s;
	-moz-transition: all .35s;
	transition: all .35s;
}
a:hover, a:focus {text-decoration: none;}
a:focus {outline: none;}
input:focus{outline: none;}
img {max-width: 100%; height: auto;	-webkit-backface-visibility: hidden;}
p {margin: 0 0 15px 0; line-height: 1.5;}
ul{ margin: 0; padding: 0; list-style: none;}
h1, h2, h3, h4, h5, h6 { font-family: 'EIL Sans'; font-weight: bold; font-style: normal;}

/* Button ------------------------- */
.btn {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	transition: all .2s;
	font-family: 'EIL Sans'; font-weight: bold; font-style: normal;
}

/* Header ------------------------- */
header{ position: fixed; top: 0; left: 0; width: 100%; z-index:99; display: flex;  justify-content: space-between; align-items: center;  transition: .5s;}
header .logo{ padding:20px 40px;}
header .logo img{height:50px;}	
.sticky{ background: #246872;  box-shadow: 0 5px 20px rgba(0,0,0,0.05);}
#burger-menu { cursor: pointer; height: 27px; width: 27px; margin:20px 40px; overflow: visible; position: relative; z-index:2;}
#burger-menu span, #burger-menu span:before, #burger-menu span:after { background: #fff; display: block; height:3px; opacity: 1; position: absolute; transition: 0.3s ease-in-out;}
#burger-menu span:before, #burger-menu span:after { content: "";}
#burger-menu span { right: 0px; top: 13px; width: 27px;}
#burger-menu span:before {left: 0px; top: -10px; width: 16px;}
#burger-menu span:after {left: 0px; top: 10px; width: 20px;}
#burger-menu.close span { transform: rotate(-45deg); top: 13px; width: 27px;}
#burger-menu.close span:before { top: 0px; transform: rotate(90deg); width: 27px;}
#burger-menu.close span:after { top: 0px; left:0; transform: rotate(90deg); opacity:0; width:0;}

#menu{ z-index:1; min-width:100%; min-height:100%; position:fixed; top:0; height:0; visibility:hidden; opacity:0; text-align:center; padding-top:20px; transition: all 0.3s ease-in-out;}
#menu.overlay{ visibility: visible; opacity: 1; padding-top:100px; background:rgba(36,104,114,0.9);}
#menu li{ list-style:none;}
#menu a{ color:#fff; display:inline-block; font-size:30px; margin-bottom:15px; padding-bottom: 15px; text-decoration:none; border-bottom: 1px solid #538991;
   font-family: 'EIL Sans'; font-weight: bold; font-style: normal; min-width: 30%;}
#menu a:hover{color: #ffd700;}

/* Section ------------------------- */
.section{ padding-top:50px; padding-bottom:50px;}
.section-bottom-half{ padding-bottom:50px;}
.section-bottom{ padding-bottom:0px;}

/* Section title ------------------------- */
.section-title{position: relative;}

ul.list-default {list-style: none; margin: 0; padding: 0;}
ul.list-default li{ margin-bottom:1rem; position: relative; padding-left: 20px;}
ul.list-default li:before {position: absolute; top:0px; margin:0px 0 0 -20px; vertical-align: top; display: inline-block; content: "\f111"; font-family: FontAwesome; color: #f8c72d; font-size:9px;}

ol.list-number{ margin: 0; padding: 0; list-style: decimal; margin-left:15px;}
ol.list-number > li{ margin:0; padding-left:10px; padding-bottom:1rem;}

/* Slider Section ------------------------- */
#slider .carousel-item{width: 100%; position: relative; transition: 0.3;}
.slider-mobile-banner{display: none!important;}

/* Owl Nav Button ------------------------- */
.owl-nav-active .owl-next, .owl-nav-active .owl-prev{ width:45px; height:45px; border-radius:50%; position: absolute; top:45%; transform: translateY(-50%)!important;}
.owl-nav-active .owl-next:hover, .owl-nav-active  .owl-prev:hover{background:#dcdcd8 !important}
.owl-nav-active .owl-next:hover img, .owl-nav-active .owl-prev:hover img{filter: none;}
.owl-nav-active .owl-next, .owl-nav-active .owl-prev{ background:#3b8d99 !important;}
.owl-nav-active .owl-next img, .owl-nav-active .owl-prev img{filter: brightness(0) invert(1);}
.owl-carousel .owl-nav [class*=owl-] { transition: all 0.3s ease;}
.owl-carousel .owl-nav [class*=owl-].disabled:hover { background-color: #d6d6d6;}

/* Sections CSS ------------------------- */

/* About Us ------ */
.about-us h1 { position: relative; padding-left:0px; color: #000000;}
.about-us .content-wrapper{ position: relative; z-index: 10;}
.about-us .content-wrapper::before { content: ""; position: absolute; bottom:-20%; left:-10%; transform: translateY(-50%); width:150px; height:150px; background: url('../images/common/dotted-typo.png') no-repeat center center; background-size: contain; opacity: 0.5; z-index:-1; pointer-events: none;}

.title-color{color: #780A0B !important;}
.text-wrap{display: block;}

/* Program Overview ------ */
.program-overview{background-color: #f9f9f9;}
.program-overview .btn{border-radius: 9999px; background-color: #3c8e9a; color: #fff; margin:0.25rem; min-width:20%;}
.program-overview .btn:hover{background-color: #ffd700!important; color: #1c7683!important;}

/* Program Overview buttons */
.button-container { display: flex; justify-content: center; margin-bottom: 20px;}
.tab-btn { padding: 15px 30px; font-size:1.2rem; cursor: pointer; border: none; border-radius: 50px; margin: 0 10px; background-color: #3c8e9a; color: #fff; font-weight: bold;
	       outline: none; transition: background-color 0.3s ease;}
.tab-btn:hover, .tab-btn.active { background-color: #ffd700; color: #1c7683;}
.tab-content {display: none; text-align: left;}
.tab-content.active { display: block;}

.program-card{display: flex; flex-direction: column; padding: 10px;}
.program-card .btn-card{display: inline-block; width: fit-content; border-radius: 20px 0px 20px 0px!important; background-color: #ffd700; color: #282728; padding:0.75rem 1rem!important; margin:0.25rem; font-family: 'EIL Sans'; font-weight:bold; font-style: normal;}
.program-card .btn-card:hover{background-color: #3c8e9a; color: #fff!important;}
.program-card-img { position: relative; height: auto; border-radius: 0 100px 0 0px; margin-bottom:15px; z-index:1;}
.program-card-img::after {content: ''; position: absolute; bottom:7px; right: -7px; width: calc(99% + 5px); height: calc(90% + 5px); background-color: #ffd700;
    border-top-right-radius:100px; z-index: 0;}

/* Placement Triumphs ------ */
.placement-triumphs { position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; border-bottom: 10px solid #ffd700;}
.placement-triumphs .title-color{color: #fff;}
.placement-data { margin-bottom: 20px; padding: 30px; border: 1px solid #fff;}
.placement-data ul { display: flex; justify-content: space-between; padding: 0;  margin: 0; list-style: none; width: 100%;}
.placement-data ul li { position: relative; flex: 1; display: flex; flex-direction: column; align-items: center; color: #fff; text-align: center;
    padding: 0 10px;}
.placement-data ul li::before { content: "";  position: absolute; top: 0; right: 0; width: 1px; height: 100%; background-color: #fff; transform: translateX(50%);}
.placement-data ul li:last-child::before { display: none;}
.placement-data ul li img { display: inline-block; height: 50px;}
.placement-data ul li h2 { margin: 10px 0 0px 0; color: #ffd700;}

.clients{padding: 15px 0; text-align: center;}
.clients ul{display: flex;align-items: center; justify-content: center;}
.clients ul li{display: flex; margin: 0px 35px;}
.clients ul li img{transition: all 0.4s ease-in-out; display: inline-block; padding: 15px 0px; filter: grayscale(100);}
.clients ul li img:hover{filter: none; transform: scale(1.15);}

/* Value Proposition ------ */
.value-proposition{background-color: #fff;}
.value-proposition-card { position: relative; padding: 10px;}
.value-proposition-card-img {position: relative; height: auto; border-radius: 100px 0 100px 0px; margin-bottom: 15px; z-index: 1; overflow: hidden;}
.value-proposition-card-img img { width: 100%; height: auto; display: block; border-radius: inherit;}
.value-proposition-card-content { position: absolute; width: 90%;	bottom:5%; left: 50%; transform: translate(-50%, 0%); z-index: 3; color: #fff; text-align: left; padding: 10px;}
.value-proposition-card-img::after { content: ''; position: absolute; bottom: 7px; right: -7px; width: calc(99% + 5px); height: calc(90% + 5px); background-color: #ffd700; border-bottom-right-radius: 100px; border-top-left-radius: 100px; z-index: 0;}

.value-proposition .owl-carousel{position: relative;}
.value-proposition .owl-carousel::after { content: ""; position: absolute; top:8%; right:-5%; transform: translateY(-50%); width:150px; height:150px; background: url('../images/common/dotted-typo.png') no-repeat; background-size: contain; opacity: 0.5; z-index:-1; pointer-events: none;}

/* Students Speak ------ */
.students-speak { position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; border-bottom: 10px solid #ffd700;}
.students-speak .section-title p{color: #fff;}
.students-speak .title-color{color: #fff;}
.students-speak-card { position: relative; padding: 10px;}
.students-speak-card::before { content: ''; position: absolute; bottom:22px; right:25px; width:42px; height:42px; background:url("../images/icons/play-icon.png") no-repeat;
	z-index: 99; background-size: contain; cursor: pointer;}

/* Testimonials ------ */
.testimonials-container{display: flex; justify-content:space-between; align-items: center;}

/* Apply Now ------ */
.apply-now .section-title p{margin-bottom: 0px;}
.apply-now .d-inline{display: block!important;}
.apply-now .btn{ background-color: #3c8e9a; color: #fff; margin:0.25rem;}
.apply-now .btn:hover {background-color: #000!important; color: #fff!important;}

/* Faqs ------ */
.faqs{background-color: #3b8d99;}
.faqs .title-color { color: #ffd700;}
.faqs .section-title p{color: #fff;}

.faq_container { border-bottom:1px solid #9dc6cc;}
.faq_question {font-size: 1.2rem; font-weight: 600; padding: 10px; position: relative; display: flex; align-items: center; justify-content: space-between; cursor: pointer; color: #fff;}
.answercont { max-height: 0; overflow: hidden; transition: 0.3s; color: #fff; font-size: 1rem;}
.answercont ol{list-style: lower-alpha;}
.answercont ol li{margin-bottom: 10px;}
.answer {padding: 0 10px 20px; line-height: 1.5rem;}
.fqa_headline_container h2 span { font-weight: 700;}
.faq_question-text h3 { font-size: 22px;}

.icon.active { background: transparent; border: 2px solid #fff;}
.icon:hover { cursor: pointer;}
.icon-shape { position: relative; width: 50px; height: 50px; }
.icon .icon-shape::before { position: absolute; content: ""; top: 50%; left: 50%; transform: translate(-50%, -50%); width:20px; height: 4px; background: #fff; border-radius: 3px;
  transition: all 0.5s ease;}
.icon .icon-shape::after { position: absolute; content: ""; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 4px; height:20px; background: #fff; border-radius: 3px;
  transition: all 0.5s ease;}
.icon .icon-shape.active::before { transform: translate(-50%, -50%) rotate(180deg); transition: all 0.5s ease;}
.icon .icon-shape.active::after { transform: translate(-50%, -50%) rotate(90deg); transition: all 0.5s ease;}

/* Footer ------------------------- */
.footer{background-color: #000000;}
.footer hr{margin-top: 0rem;}
.footer-nav{display: flex; justify-content: space-between; align-items: center; color: #fff; font-size:0.75rem;}
.footer-nav li a.footer-nav-logo{margin:0.5rem; display: inline-block;}
.footer-nav li a{color: #fff; text-decoration: none;}
.footer-nav li a:hover{color: #fcfcfc; text-decoration: underline;}
.footer-nav li a.nav-item{font-size:0.75rem;}
.footer-copyright{padding-bottom: 1rem; justify-content: center;}

/* Video Modal ------------------------- */
.modal-body {position:relative; padding:0px;}
.modal{background-color: rgba(0,0,0,0.5); /* Black w/ opacity */}
.videoModal{ z-index: 99999;}
.videoModal .modal-body{padding:0px; position: relative;}
.videoModal .modal-content { background-color: transparent; border: 0; border-radius:0px; -webkit-box-shadow:none!important; box-shadow:none!important;}
.videoModal .btn-close {position: absolute; right:-40px; top:0px; cursor: pointer; z-index: 999; opacity: 1; background-color: #fff;}
.videoModal .btn-close:hover {opacity: 1;}
/*.videoModal .modal-dialog { -webkit-transform: translate(0,-50%);  -o-transform: translate(0,-50%); transform: translate(0,-50%); top: 20%;}*/

/* Owl Carousel ------------------------- */
.owl-carousel-common .owl-stage { display: flex;}
.owl-carousel-common .owl-item { display: flex; flex: 1 0 auto;}
.owl-carousel-common .program-card .content{display: flex; flex: 1 0 auto; flex-direction: column;}
.owl-carousel-common .program-card .content p{ line-height: 1.2; font-size: 1rem;}
.owl-carousel-common .owl-prev{left: -60px; transform: scale(0.8)}  
.owl-carousel-common .owl-next{right: -60px; transform: scale(0.8)}
.testimonials-owl .owl-prev{left: -60px; transform: scale(0.8)}  
.testimonials-owl .owl-next{right: -60px; transform: scale(0.8)}
.testimonials-owl .owl-dots {text-align: center; padding-top: 15px;}
.testimonials-owl .owl-dots button.owl-dot { width: 14px; height: 14px; border-radius: 50%; display: inline-block; background: rgba(189, 210, 213, 1) !important; margin: 0 3px;}
.testimonials-owl .owl-dots button.owl-dot.active { background: rgba(38, 107, 117, 1) !important;}
.testimonials-owl .owl-dots button.owl-dot:focus { outline: none;}
.students-speak-owl .owl-dots {text-align: center; padding-top: 15px;}
.students-speak-owl .owl-dots button.owl-dot { width: 14px; height: 14px; border-radius: 50%; display: inline-block; background: rgba(255, 255, 255, 0.5) !important; margin: 0 3px;}
.students-speak-owl .owl-dots button.owl-dot.active { background: rgba(255, 255, 255, 1) !important;}
.students-speak-owl .owl-dots button.owl-dot:focus { outline: none;}

/* Sticky button */
.enquiry-btn { transform: translateY(-50%); background-color: #fde95c; color: #236670; padding: 15px 10px; font-size:1.5rem;
	          border-top-left-radius: 20px; cursor: pointer; z-index: 1000; writing-mode: vertical-rl; text-align: center; box-shadow: 0 5px 15px rgba(0,0,0,0.2);}
.enquiry-btn span {transform: rotate(180deg); display: inline-block; font-weight: bold;}
.enquiry-btn a {color: #236670;}

/* Enquiry Form ------------------------- */
.enquiry-popup {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background-color: rgba(0, 0, 0, 0.5); z-index: 1001; justify-content:center; align-items:center;}

.enquiryForm-wrapper{position: relative; z-index: 10;}
.enquiryForm-wrapper::after { content: ""; position: absolute; top:8%; right:-15%; transform: translateY(-50%); width:150px; height:150px; background: url('../images/common/dotted-typo.png') no-repeat; background-size: contain; opacity: 0.5; z-index:-1; pointer-events: none;}

.enquiry-content {position: relative; background-color: #fff; border: 1px solid #c4c4c4; border-radius: 15px; padding:30px 20px; width: 100%; max-width:450px; box-shadow:0 5px 15px rgba(0, 0, 0, 0.3); }
.enquiry-content h4 {font-size:0.95rem; line-height: 1.2; text-align: center; color: #3b8d99; margin-bottom:10px;}
.enquiry-content input, .enquiry-content select { width: 100%; padding: 10px; margin:5px 0; border-radius:0px; border:0px solid #ccc; background-color: #ebf3f5; font-size: 16px;}
.enquiry-content input::placeholder { color: #000; opacity: 1;}
.enquiry-content .mobile-container { display: flex; gap: 10px;}
.enquiry-content .mobile-container select { width:20% !imporant;}
.enquiry-content .mobile-container input { width:85%;}
.enquiry-content .location-container { display: flex; gap: 10px;}
.enquiry-content .location-container select { width: 50%;}

.enquiry-content .captcha-container { display: flex; align-items: center; gap: 10px;}
.enquiry-content .captcha-container img { width:auto; height:45px;}
.enquiry-content .captcha-container input { flex: 1;}
.enquiry-content .captcha-container .refresh-captcha { background: none; border: none; font-size: 16px; cursor: pointer;}

.enquiry-content .submit-btn { background-color: #3b8d99; color: #fff; padding: 12px; width: 100%; border: none; border-radius:0px; font-size:1.5rem; font-weight: bold; cursor: pointer; margin-top: 20px;}
.enquiry-content .submit-btn:hover { background-color: #000;}
.enquiry-content .close { position: absolute; top:15px; right:15px; background-color: #3b8d99; color: #fff; font-size:20px; font-weight: bold; cursor: pointer; width: 20px; height: 20px; border-radius: 50%;
  text-align: center;}
.enquiry-content .close:hover, .enquiry-content .close:focus { color: #000;}

/* Download Brochure Form ------------------------- */
.download-brochure { position: relative; padding:15px 20px 40px; width: 100%;}
.download-brochure h4 {font-size:1rem; line-height: 1.2; text-align: center; color: #3b8d99; margin-bottom:10px;}
.download-brochure input, .download-brochure select { width: 100%; padding: 10px; border-radius:0px; border:0px solid #ccc; background-color: #ebf3f5; font-size: 16px;}
.download-brochure input::placeholder { color: #000; opacity: 1;}
.download-brochure .mobile-container { display: flex; gap: 10px;}
.download-brochure .mobile-container select { width:15%;}
.download-brochure .mobile-container input { width:85%;}
.download-brochure .location-container { display: flex; gap: 10px;}
.download-brochure .location-container select { width: 50%;}

.download-brochure .captcha-container { display: flex; align-items: center; gap: 10px;}
.download-brochure .captcha-container img { width:auto; height:45px;}
.download-brochure .captcha-container input { flex: 1;}
.download-brochure .captcha-container .refresh-captcha { background: none; border: none; font-size: 16px; cursor: pointer;}

.download-brochure .submit-btn { background-color: #3b8d99; color: #fff; padding: 12px; width: 100%; border: none; border-radius:0px; font-size:1.5rem; font-weight: bold; cursor: pointer; margin-top: 20px;}
.download-brochure .submit-btn:hover { background-color: #000;}
.download-brochure .btn-close { position: absolute; top:15px; right:15px; background-color: #3b8d99; color: #fff; font-size:16px; font-weight: bold; cursor: pointer; width:15px; height: 15px; border-radius: 50%; text-align: center; opacity: 1; background-image:none;}
.download-brochure .btn-close:hover, .download-brochure .btn-close:focus { color: #000;}
.download-brochure .modal-header{border-bottom: 0px;}

/* Thank You ------ */
.thank-you { background-color: #00909c; display: flex; justify-content: center; align-items: center; height: 100vh;}
.thank-you-container { display: flex; justify-content: center; align-items: center; width: 100%; height: auto; z-index: 10; position: relative;}
.thank-you-container::after { content: ""; position: absolute; top:3%; right:-5%; transform: translateY(-50%); width: 150px; height: 150px; background: url('../images/common/dotted-typo-square.png') no-repeat; background-size: contain; opacity: 0.5; z-index: -1; pointer-events: none;}

.thank-you-box { background-color: #fce308; border-radius: 0 50px 0 0; position: relative; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); text-align: center;
  padding: 2rem 4rem 2rem; z-index: 1;}
.thank-you-box::after { content: ''; background-color: #fff; border-radius: 0 50px 0 0; position: absolute; bottom: 8px; left: -9px; width: calc(100% - 0px); height: 100%; z-index: -1;}
.thank-you-box h1 { font-size: 2.5rem; color: #518b97; margin-bottom: 10px;}
.thank-you-box p { color: #000;}
.thank-you-box .btn { display: inline-block; width: fit-content; border-radius: 20px 0px 20px 0px !important; background-color: #ffd700; color: #000; padding: 0.35rem 1rem !important;
  margin: 0.25rem; font-family: 'EIL Sans'; font-style: normal;}
.thank-you-box .btn:hover { background-color: #3c8e9a; color: #fff !important;}
.brochure-list { display: flex; flex-wrap: wrap; justify-content: center; margin-top: 2rem; padding: 0; list-style: none;}
.brochure-list li { margin: 3px; flex: 1 1 calc(50% - 6px); box-sizing: border-box;}
.brochure-list li a { display: block; width: 100%; text-align: center;}
.brochure-list img { width: 100%; height: auto;}

@media (min-width: 768px) {
.thank-you-container { padding-top: 0;}
.brochure-list { flex-wrap: nowrap; justify-content: center; }
.brochure-list li { flex: 1 1 auto;}
}

/* Back to Top ------------------------- */
.back-to-top {position: fixed; bottom:60px; right:30px; display: none; width:40px; height:40px;border: 0; background: #3b8d99; border-radius: 50%; z-index: 9999!important;}
.back-to-top:hover { background: #000;}
.back-to-top i {color: #ffffff;}

@-webkit-keyframes float {
0% {
transform: translatey(0px);
}
50% {
transform: translatey(-10px);
}
100% {
transform: translatey(0px);
}
}
@keyframes float {
0% {
transform: translatey(0px);
}
50% {
transform: translatey(-10px);
}
100% {
transform: translatey(0px);
}
}
.animate-typo {overflow: hidden; transform: translatey(0px); -webkit-animation: float 6s ease-in-out infinite; animation: float 5s ease-in-out infinite;}