*{margin:0;padding:0;box-sizing:border-box;list-style:none}
html{font-size:10px}
body{font-family:"Roboto",sans-serif;color:#0d1b3f;font-size:1.4rem}
img{width:100%;max-width:100%;border:none;height:auto}
a{text-decoration:none;color:inherit}
.clearfix:before,.clearfix:after{content:"";display:table}
.clearfix:after{clear:both}
.container{width:90%;margin:0 auto}
@font-face{font-family:'icomoon';src:url(fonts/icomoon.eot?lehoej);src:url(fonts/icomoon.eot?lehoej#iefix) format("embedded-opentype"),url(fonts/icomoon.ttf?lehoej) format("truetype"),url(fonts/icomoon.woff?lehoej) format("woff"),url(fonts/icomoon.svg?lehoej#icomoon) format("svg");font-weight:400;font-style:normal;font-display:block}
[class^="icon-"],[class*=" icon-"]{font-family:'icomoon'!important;speak:never;font-style:normal;font-weight:400;font-size:8rem;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.icon-icon4 .path1:before{content:"\e900";color:#fff}
.icon-icon4 .path2:before{content:"\e901";margin-left:-.947265625em;color:#fff}
.icon-icon4 .path3:before{content:"\e902";margin-left:-.947265625em;color:#fff}
.icon-icon2:before{content:"\e903";color:#233d8f}
.icon-icon3:before{content:"\e904";color:#233d8f}
.icon-icon1:before{content:"\e905";color:#233d8f}
.top-header{background:#030d28;color:#fff;font-size:1.3rem;padding:.8rem 0}
.top_header{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.6rem;text-align:center}
.cont_info,.hdr_links{display:flex;align-items:center;justify-content:center;gap:1rem}
.cont_info i{color:#ff8500}
.hlink_1,.hlink_2{background:#fff;padding:.5rem 2rem;border-radius:.5rem;font-weight:600}
.hlink_2{background:#ffa800}
.hlink_1 a{color:#000}
.hlink_2 a{color:#000}
.main_header{width:100%;display:flex;flex-direction:column;padding:1rem 5%;gap:0}
.logo img{width:25rem}
.navbar{width:100%;background:#162e5f;color:#fff;position:relative}
.hamburger{padding:10px 0;cursor:pointer;display:flex;justify-content:flex-end;width:max-content;position:absolute;top:-55px;right:0}
.ham_wrap{display:flex;flex-direction:column;width:50px;background:#2f63d0;border-radius:5px;padding:5px;align-items:center}
.ham_wrap div{height:2px;width:30px;background:#fff;margin:3px 0;transition:.3s}
.ham_wrap.active .line1{transform:rotate(45deg) translate(6px,6px)}
.ham_wrap.active .line2{opacity:0}
.ham_wrap.active .line3{transform:rotate(-45deg) translate(7px,-7px)}
.menu{list-style:none;margin:0;padding:0;background:#3cb5f3;display:none;flex-direction:column}
.menu li{border-bottom:1px solid #38a8e1}
.menu li a{color:#fff;text-decoration:none;padding:12px 15px;display:block}
.menu li.has-sub > a::after{content:"▸";float:right;font-size:14px;margin-left:6px}
.menu li.open > a::after{content:"▾"}
.menu ul{list-style:none;padding-left:0;display:none;background:#fff;color:#000}
.menu li li{border-bottom:1px solid #ececec}
.menu ul li a{padding-left:30px;color:#000}
.menu ul ul li a{padding-left:45px}
.hero-section{width:100%}
.approval_section{display:flex;width:100%;padding:1rem 0}
.as-img{width:12rem}
.top_content{display:flex;flex-direction:column}
.breadcrumb{margin-bottom:2rem;font-size:1.4rem;color:#333;text-align:left;line-height:2.6rem}
.breadcrumb a{color:#e95301;position:relative}
.breadcrumb a::after{display:inline-block;content:'》';padding:0 0 0 5px;font-weight:600;font-size:1.3rem}

.about_content{width:100%; background:url("../images/bg.jpg") no-repeat center center; background-size:cover; padding:2rem 0}
.about__content{position:relative;display:flex;flex-direction:column}
.left-visual{position:relative;width:100%;min-height:320px;margin-bottom:2.4rem;border-bottom: 2px solid #1a4177;}
.blue-shape{position:absolute;width:20rem;height:5.5rem;background:#2f73d2;transform:rotate(-18deg);border-radius:4px;z-index:1;display:none;}
.shape-1{bottom:13.5rem;left:1rem}
.shape-2{bottom:7rem;left:-1rem}
.shape-3{bottom:2rem;left:2rem}
.main-img{position:absolute;bottom:0;left:50%;transform:translateX(-50%);max-width:28rem;z-index:3}
.about-content{width:100%; font-size:1.6rem; line-height:2.7rem;}
.about-content h1{text-align:center; font-size:2.5rem; margin-bottom:1.6rem; font-weight:500; color:#233d8f;line-height:3.2rem;}
.about-content ul{margin-bottom:2rem;}
.about-content ul li{position:relative; padding-left:3rem; margin-bottom:1rem;}
.about-content ul li i{color:#233d8f; position:absolute; top:0.5rem; left:0;}

.main_content{font-size:1.6rem;line-height:2.4rem}


h2{text-align:center;font-size:2.2rem;margin-bottom:1.6rem;font-weight:500;color:#023a93;line-height:3.2rem}
h2 span{color:#e95301}

.main_content a{color:#e95301}
.main_content p{margin-bottom:2rem}

.fee-section{padding:20px 0 40px;text-align:center}
.fee-container{display:flex;flex-direction:column;gap:15px}
.fee-card{background:#14418a;color:#fff;padding:20px;border-radius:18px;text-align:left;position:relative;min-height:140px;overflow:hidden}
.fee-card h3{font-size:16px;margin-bottom:10px;letter-spacing:.5px}
.amount{font-size:26px;font-weight:700}
.fee-card p{font-size:13px;opacity:.9}
.fc-icon{position:absolute;right:-20px;bottom:0}
.why_chose_box{position:relative;padding:2rem;border-radius:2rem;background:transparent;font-size:1.6rem;line-height:2.4rem;margin-bottom:40px}
.why_chose_box::before{content:"";position:absolute;inset:0;background:#ff7a00;transform:rotate(-0.6deg) scale(1);border-radius:2rem;z-index:0}
.why_chose_box::after{content:"";position:absolute;inset:0;background:#f7f7f7;border-radius:2rem;z-index:1}
.why_chose_box p, .why_chose_box ul{position:relative;z-index:2}
.why_chose_box p a{color:#e95301}
.why_chose_box li{display:flex;gap:1rem;align-items:flex-start;margin-bottom:1.6rem}
.icon{color:#023a93}
.course-container{display:flex;flex-direction:column;gap:15px;margin-bottom:40px}
.course-card{background:#e9f5ff;padding:20px;border-radius:16px;transition:all .3s ease;position:relative;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;line-height:26px}
.card-icon{color:#023a93}
.course-card h3{font-size:20px;color:#023a93}
.course-card p{font-size:16px;color:#333;margin-bottom:15px;text-align:left}
.course-card button{background:#023a93;color:#fff;border:none;padding:8px 14px;border-radius:6px;font-size:14px;cursor:pointer}
.course-card button a{color:#fff}
.course-card.active,.course-card:hover{background:#023a93;color:#fff;transform:translateY(-5px)}
.course-card.active h3,.course-card:hover h3,.course-card.active p,.course-card:hover p{color:#fff}
.course-card.active .icon-icon1:before,.course-card:hover .icon-icon1:before,.course-card.active .icon-icon2:before,.course-card:hover .icon-icon2:before,.course-card.active .icon-icon3:before,.course-card:hover .icon-icon3:before{color:#fff}
.course-card.active button,.course-card:hover button{background:#ff7a00}
.program-section{padding:20px 0}
.tabs{display:none}
.tab-item{background:#f6f2f2;border-radius:12px;margin-bottom:10px;overflow:hidden}
.accordion-header{padding:14px;font-size:18px;font-weight:500;cursor:pointer;background:#f6f2f2;position:relative;color:#023a93}
.tab-item.active .accordion-header{background:#ff7a00;color:#fff}
.accordion-body{display:none;padding:15px;font-size:16px;color:#333;line-height:26px}
.tab-item.active .accordion-body{display:block}
.accordion-body span{font-size:16px;font-weight:500;color:#023a93;display:flex;margin-bottom:5px}
.accordion-body ul{padding-left:10px}
.accordion-body ul li{margin-bottom:10px;padding-left:25px;position:relative}
.accordion-body ul li::before{position:absolute;left:0;top:0;content:"\f138";font-family:"Font Awesome 7 Free";font-weight:900;color:#023a93;font-size:12px}
.accordion-body ul.learning_methodology li{margin-bottom:30px;padding-left:0}
.accordion-body ul.learning_methodology li .lm_box{text-align:left;display:flex;align-items:center;justify-content:flex-start;gap:2rem}
.accordion-body ul.learning_methodology li .lm_box .lm_box_icon{flex-basis:8rem}
.accordion-body ul.learning_methodology li .lm_box .lm_box_icon img{width:8rem;height:8rem margin:0 auto}
.accordion-body ul.learning_methodology li::before{display:none}
.accordTable{overflow-x:auto}
.accordTable table{width:100%;}
.accordTable table, .accordTable th, .accordTable td{border-collapse:collapse; border-spacing:0}
.accordTable th, .accordTable td{border:1px solid #023a93; padding:1rem; font-size:14px;}
.accordTable th{background:#023a93; color:#fff; text-align: center;border: 1px solid #1c6cd9; font-weight:500; font-size:16px;}
#logoSlider{padding-bottom:4rem}
#logoSlider h2{text-align:center;font-size:2.2rem;margin-bottom:1rem;font-weight:500;color:#233d8f;line-height:3.2rem}
.recruiterContainer{position:relative}
#logoSlider img{min-width:150px;max-width:170px;margin:0 auto;height:auto;border:1px solid #ccc}
.section_2{width:100%;background:url(../images/benefitsbg.jpg) no-repeat center center;background-size:cover;padding:2rem 0}
.section_2_content{font-size:1.6rem;line-height:2.7rem;color:#fff}
.section_2_content h2{color:#96f7ff}
.section_2_content h2 span{color:#fff}
.section_2_content a{color:#96f7ff}
.section_2_content ul,.section_2_content p{margin-bottom:2rem}
.section_2_content ul li{position:relative;padding-left:3rem;margin-bottom:1rem}
.section_2_content ul li i{color:#96f7ff;position:absolute;top:.5rem;left:0}
#ctabar{background:url(../images/ctabg.jpg) no-repeat center center;padding:4rem 0;background-size:cover;margin-bottom:4rem}
.cta_container{display:flex;flex-direction:column;gap:1rem;align-items:center;justify-content:center}
.cta_txt{color:#fff;font-size:3rem;line-height:4rem;font-weight:600}
.cta_link{display:flex;justify-content:center}
.cta_link a{width:max-content;padding:.8rem 2rem;background:#fff;color:#0c325d;font-size:2.6rem;line-height:3.6rem;font-weight:500;border-radius:.5rem}
footer{background:#0d325e;padding:3rem 2rem;font-size:1.4rem;line-height:180%}
.footerCol{margin-bottom:2rem}
.footerCol span{color:#dbe9ff;font-size:1.8rem;font-weight:500;margin-bottom:1rem;display:block;text-transform:uppercase}
.footerCol span a{color:#dbe9ff}
.footerCol span img{width:202px;height:55px;margin:0 auto}
.footerCol ul{margin:0 0 2rem;border-top:1px solid #445166;padding:1rem 0}
.footerCol ul li a{color:#dae9fa;transition:all .5s ease;border-bottom:1px solid transparent}
.footerCol ul li a:hover{color:#fff;border-bottom:1px solid #fff}
.follow-icon{display:flex;align-items:center;justify-content:space-evenly;margin:0 0 2rem;border-top:1px solid #445166;border-bottom:1px solid #445166;padding:1rem 0}
.follow-icon a{color:#16dae4;font-weight:800;font-size:2rem}
.unv_address{color:#fff;margin-bottom:2rem}
.unv_address li{position:relative;padding-left:3rem;margin-bottom:1rem}
.unv_address li i{position:absolute;top:.6rem;left:0}
.flinks{border-top:1px solid #445166}
.flinks ul{margin:0 0 2rem;padding:1rem 0;display:block}
.flinks ul li{display:inline-block}
.flinks ul li:after{content:'|';display:inline-block;margin:0 1rem;color:#dae9fa}
.flinks ul li:last-child:after{display:none}
.flinks ul li a{color:#dae9fa;transition:all .5s ease;border-bottom:1px solid transparent}
.flinks ul li a:hover{color:#fff;border-bottom:1px solid #fff}
.copyright{background:#030d28;padding:2rem;font-size:1.4rem;line-height:180%;color:#dbe9ff;text-align:center}
#backToTop{position:fixed;bottom:25px;right:25px;z-index:99;background:#f28c28;color:#fff;border:none;border-radius:50%;width:45px;height:45px;text-align:center;line-height:45px;font-size:1.2rem;cursor:pointer;transition:all .3s ease;opacity:0;visibility:hidden}
#backToTop.show{opacity:1;visibility:visible}
#backToTop:hover{background:#039;color:#fff;transform:translateY(-3px)}
@media (min-width:768px) {
	.top-header{padding:1rem 0}
	.top_header{display:flex;flex-direction:row;justify-content:space-between}
	.hdr_links{gap:2rem}

	.left-visual{min-height:38rem;}
    .blue-shape{width: 24rem;height: 6.5rem;}
	.shape-1{bottom:15.6rem;left:1rem}
	.shape-2{bottom:8rem;left:-1rem}
	.shape-3{bottom:2rem;left:2rem}
    .main-img{max-width:30rem;}




	.fee-container{flex-direction:row;flex-wrap:wrap;justify-content:center}
	.fee-card{width:45%}
	.course-container{flex-direction:row;flex-wrap:wrap;justify-content:center}
	.course-card{width:45%}
	.program-section{display:flex;flex-direction:column;gap:0;position:relative}
	.tabs{display:flex;background:#ddd;border-radius:12px;overflow:hidden;margin-bottom:0;z-index:2}
	.tab{flex:1;padding:16px 12px;border:none;background:transparent;cursor:pointer;font-weight:600;color:#14418a;transition:.3s;font-size:18px}
	.tab.active{background:#ff7a00;color:#fff}
	.accordion-header{display:none}
	.tab-item{display:none;background:#e9e9e9;border-radius:0 0 12px 12px;position:relative;top:-30px;z-index:1;padding-top:30px}
	.tab-item.active{display:block}
	.accordion-body{display:block!important}
	.accordion-body ul.learning_methodology{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:2rem}
	.cta_container{flex-direction:row;gap:4rem}
	.cta_txt{font-size:4rem;line-height:5rem}
	.cta_link a{padding:.5rem 2rem;font-size:3rem;line-height:4rem}
	.footerCol ul{display:grid;grid-template-columns:1fr 1fr}
	.unv_address li{width:100%!important;float:none!important}
	.follow-icon{justify-content:center}
	.follow-icon a{font-size:3rem;margin-right:2rem}
}
@media (min-width:1024px) {
	.header_section{background:#eee; height:10rem; box-shadow:2px 2px 4px 0 rgba(0, 0, 0, 0.6); position:fixed; top:0; width:100%; left:0; z-index:4}
	.top-header{font-size:1.4rem;}	
	.main-header{background:#fff;}
	.main_header{flex-direction:row; align-items:center; position:relative; gap:10rem;}
	.logo img{width:20rem;}
	
	.hamburger{display:none}
	.menu{display:flex!important;flex-direction:row;justify-content:flex-start;background:transparent}
	.menu li{position:relative;border:none}
	.menu li a{padding:10px;color:#fff;background:#094f97; white-space:nowrap;border-right:1px solid #fff; text-transform:uppercase;}
	.menu li.has-sub > a::after{content:""}
	.menu > li > ul{position:absolute;top:100%;left:0;display:none;min-width:15rem;;z-index:999;box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;}
	.menu > li:hover > ul{display:block}
	.menu li ul ul{top:0;left:100%;position:absolute;width:auto;background:#fff;display:none;box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;}
	.menu li ul ul{left:100%;right:auto}
	.menu li.open-left > ul{left:auto!important;right:100%!important;z-index:9999;top:50%}
	.navbar{overflow:visible}
	.menu li ul li:hover > ul{display:block}
	.open-left ul ul{left:auto!important;right:100%}
	.menu li li a{color:#000;background:#f5f5f5; border-right:none; text-transform:capitalize;}
	.menu li:hover > a{background:#030d28;color:#fff}
	.menu ul li a, .menu ul ul li a{padding-left:10px}
	.menu li li li a{background:#f0f0f0;}
	.menu li li li li a{background:#eee;}
	.hero-section{margin-top:10rem; position:relative}
	.approval_section{position:absolute;left:0;bottom:-6rem;padding:0}
	.as-img{width:12rem}

	.top_content{margin-top:6rem}
	.about-content h1{font-size:3rem;line-height:4rem;font-weight:700}
	h2{font-size:2.5rem;line-height:3.5rem;font-weight:700}

	.about__content{flex-direction: row;align-items: center;padding:5rem 4rem;}
    .left-visual{width:45%;min-height:46rem;margin-bottom:0;}
    .main-img{left:6rem;transform:none;max-width:36rem;}
	.about-content{width:55%;padding-left:8rem;}

	.fee-container{flex-wrap:nowrap;gap:20px}
	.fee-card{width:23%;padding:30px}
	.amount{font-size:30px}
	.course-container{flex-wrap:nowrap;gap:20px}
	.course-card{width:24%;padding:25px 25px 50px; position:relative;}
	.course-card h3{font-size: 22px;}
	.course-card p{font-size:18px}
	.course-card button{position:absolute; bottom:20px;}
	.footerCol ul{grid-template-columns:1fr}
	.follow-icon{justify-content:center}
	.follow-icon a{font-size:3rem;margin-right:2rem}
}
@media (min-width:1280px) {
	.header_section{height:11.5rem;}
	.main_header{padding:0.5rem 5%;}
	.logo img{width:30rem;}
	.menu{font-size:1.5rem; font-weight:500}
	.menu > li > a{text-transform:uppercase;}
	.hero-section{margin-top:11.5rem;}
	.approval_section{bottom:-8rem}
	.as-img{width:16.7rem}
	.as-img img{box-shadow:0 0 6px #333}
	.top_content{margin-top:10rem;padding:0 0 5rem}
	.breadcrumb{font-size:1.6rem}

	.about__content{padding:3rem 0 0; align-items:start; text-align:justify;}
	.about-content h1{text-align:left;}
	.left-visual{min-height:55rem;border:none}
	.blue-shape{width:32rem;height:8rem;display:block;}
	.shape-1{bottom:23rem;left:2rem; width:50rem;}
	.shape-2{bottom:10rem;left:0}
	.shape-3{bottom:2rem;left:4rem}
	.main-img{max-width:55rem;left:6rem; bottom:-4rem}

	.main_content{text-align:justify;font-size:1.8rem;line-height:3rem}
	h1{text-align:left}
	.fee-section{padding:7rem 0}
	.fc-icon{right:-10px;bottom:10px;width:8rem}
	.section_2{padding:4rem 0}
	.section_2_content{font-size:1.8rem;line-height:3rem}
	.section_2_content h2{text-align:left}
	.section_2_content ul li{margin-bottom:2rem}
	.program-section{width:75%;margin:0 auto}
	.tab{font-size:18px}
	.accordion-body ul.learning_methodology{grid-template-columns:repeat(3,1fr);grid-gap:1rem}
	.accordion-body ul.learning_methodology li{margin-bottom:0;padding:.5rem;background:#fff;box-shadow:4px 4px 4px #0003;border-radius:.5rem}
	.accordion-body ul.learning_methodology li .lm_box p{font-size:1.5rem;font-weight:600}
	.cta_txt{font-size:5rem;line-height:6rem}
	.cta_link a{padding:1rem 2rem;font-size:4rem;line-height:5rem}
	footer{font-size:1.5rem;line-height:180%;padding:0}
	.mainFooter{display:grid;grid-template-columns:1fr 1.2fr 1fr;grip-gap:2rem}
	.footerCol{border-right:1px solid #445166;padding:0 4rem;margin:0;padding:2rem 3rem}
	.mainFooter .footerCol:last-child{border:none}
	.footerCol span{margin-bottom:.5rem}
	.footerCol ul{margin:0 0 2rem;border-top:none}
	.unv_address{font-size:1.5rem}
	.follow-icon{justify-content:space-evenly;margin-bottom:2rem}
	.follow-icon a{margin-right:0;font-size:2.2rem}
	.flinks{padding:2rem 0}
	.flinks ul{margin:0;text-align:center}
	.copyright{text-align:left;padding:1rem 0}
}
@media (min-width:1600px) {
	.container{width:80%}
	.main_header{padding:8px 10% 10px}
	.menu{font-size:1.7rem;font-weight:400}
	.menu ul li a{font-size:1.5rem}
	.menu li li li a{padding-left:10px}
	.approval_section{bottom:-6rem}

    .left-visual{width:50%; min-height:60rem}
	.shape-1{bottom:26rem;left:0; width:62rem;}
	.shape-2{bottom:12rem;}
	.shape-3{bottom:3rem;left:0}

	.about-content{width:50%; padding-left:0; font-size:1.8rem; line-height:3.5rem;}
	.main-img{max-width:62rem;bottom:-2rem}

	.fc-icon{right:-10px;bottom:0;width:auto}
	#logoSlider{padding:4rem 0}
	.section_2_content{font-size:1.8rem;line-height:3rem}
	#logoSlider{padding:4rem 0}
	#ctabar{padding:7rem 0}
	.cta_container{gap:15rem}
	.cta_txt{font-size:7rem;line-height:8rem}
	.cta_link a{font-size:5rem;line-height:6rem;padding:1rem 4rem;border-radius:2rem}
}



/* Sticky Contact Bar */
.sticky-contact-bar{position:fixed;right:6px;bottom:85px;z-index:9999;display:flex;flex-direction:column;align-items:center;gap:8px;padding:6px 5px;background:linear-gradient(180deg,#0f2f57,#0b2443);border-radius:14px;box-shadow:0 8px 25px #00000040}
.contact-btn{position:relative;width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:15px;color:#fff;text-decoration:none;transition:all .25s ease}
.call{background:linear-gradient(135deg,#1d4ed8,#1e3a8a)}
.email{background:linear-gradient(135deg,#f97316,#c2410c)}
.whatsapp{background:linear-gradient(135deg,#25d366,#128c7e)}
.contact-btn::after{content:attr(data-tooltip);position:absolute;right:42px;background:#0b2443;color:#fff;font-size:11px;padding:5px 8px;border-radius:5px;white-space:nowrap;opacity:0;transform:translateX(8px);transition:.2s ease}
.contact-btn::before{content:"";position:absolute;right:36px;border:5px solid transparent;border-left-color:#0b2443;opacity:0;transition:.2s ease}
@media (hover: hover) {
.contact-btn:hover::after,.contact-btn:hover::before{opacity:1;transform:translateX(0)}
.call:hover i{color:#f97316}
}
.whatsapp{animation:pulseBrand 2s infinite}
@keyframes pulseBrand {
0%{box-shadow:0 0 0 0 #25d36680}
70%{box-shadow:0 0 0 8px #25d36600}
100%{box-shadow:0 0 0 0 #25d36600}
}
@media (min-width: 768px) {
.sticky-contact-bar{top:50%;bottom:auto;transform:translateY(-50%);right:10px}
.contact-btn{width:36px;height:36px;font-size:16px}
}