/*@media (min-width: 1920px) {
    body { font-size: 87.5%;}	
}*/

.container-fluid.custom-container, .container-sm.custom-container, .container-md.custom-container, .container-lg.custom-container, .container-xl.custom-container {
    width: calc(100% - 250px);
}
.container-fluid.custom-container.banner-container { width: 100%; padding: 0;}

.introduction, .program-highlights {position: relative;}
.introduction:after, .program-highlights:after{ width: calc(100% - 250px); text-align: center;border-bottom: var(--bs-border-width) var(--bs-border-style) #e6232a !important; position: absolute; left: 0px; right: 0px; bottom: 0px; content: ""; margin:0 auto;}

/* ---------- 150% Zoom CSS ----------- */
@media screen and (min-width:1280px) and (max-width:1360px) {	
body {font-size: clamp(16px, 1vw, 20px);}
	
.banner-section .content-wrapper {padding:3rem 2rem; max-width:80%;}
.banner-section .content-wrapper h1 { font-size: 3.5rem;}	
.banner-section .content-wrapper h2 { font-size: 1.8rem;}	
.banner-image { position: absolute; right:2%; bottom: 0; max-width:400px;}
	
.section-title h2 { font-size: 2.5rem;}
	
.program-highlights .info-content h2 {font-size:6rem;}
.program-highlights .info-content h2 span {font-size: 2rem;}
.program-highlights .info-content h2::after {position: absolute; bottom:7%;}	
.program-highlights .feature-box p {font-size: 1.5rem;}
.program-highlights .card::after { right: -35px;}		
	
.module-card { width: auto; max-width:90%;}	
	
.features-container {gap: 10px;}	
.feature-card {width: 19%; min-width: auto;}
.feature-card p {font-size: 1.2rem;}
	
.register-form h4 {font-size:1rem;}		
}	
/* ---------- 150% Zoom CSS End/ -----------*/	

@media screen and (min-width: 1600px) {
.eligibility img.img-wrapper{max-width: 80%;}	
}

@media screen and (min-width:1600px) and (max-width:1900px){
.banner-section .content-wrapper {padding:3rem 3rem; max-width:60%;}
.banner-image { position: absolute; right:5%; bottom: 0; max-width:400px;}

.program-highlights .card::after { right: -35px;}	
.feature-card { width:18%; min-width: 200px;}	
.feature-card p { font-size: 1.5rem;}	
	
}	

@media screen and (min-width:1440px) and (max-width:1599px){
.banner-section .content-wrapper {padding:3rem 3rem; max-width:70%;}
.banner-image { position: absolute; right:5%; bottom: 0; max-width:400px;}
	
.program-highlights .info-content h2 {font-size:7rem;}
.program-highlights .info-content h2 span {font-size: 2rem;}	
.program-highlights .feature-box p {font-size: 1.5rem;}
.program-highlights .card::after { right: -35px;}	
	
.features-container {gap: 10px;}	
.feature-card {width: 19%; min-width: auto;}
.feature-card p {font-size: 1.5rem;}	
}	

/* ---------- Laptop Resolution -----------*/
@media screen and (min-width:1361px) and (max-width:1366px){
.banner-section .content-wrapper {padding:3rem 3rem; max-width:75%;}
.banner-image { position: absolute; right:5%; bottom: 0; max-width:400px;}	
	
.program-highlights .info-content h2 {font-size:7rem;}
.program-highlights .info-content h2 span {font-size: 2rem;}	
.program-highlights .feature-box p {font-size: 1.5rem;}
.program-highlights .card::after { right: -35px;}

.feature-card { width: 15%;	min-width: 200px;}	
.feature-card p { font-size: 1.3rem;}	
	
}
/* ---------- Laptop Resolution End/ -----------*/

@media screen and (min-width:1024px) and (max-width:1279px){
.container-fluid.custom-container{width: calc(100% - 20px);}
	
.introduction:after, .program-highlights:after{ width: calc(100% - 30px);}
	
.banner-section .content-wrapper { padding:2rem 1rem; max-width:65%;}
.banner-section .content-wrapper h1 { font-size: 3rem;}	
.banner-section .content-wrapper h2 { font-size: 1.5rem;}	
.banner-image {right: 0%; max-width: 300px;}	

.program-highlights .info-content h2 {font-size:5rem;}
.program-highlights .info-content h2 span {font-size: 2rem;}	
.program-highlights .feature-box p {font-size:1.5rem;}
.program-highlights .icon img { width: 50px;}
.program-highlights .card::after { right: -35px;}	
	
.module-card {max-width: 90%;}	
.module-card .module-title {font-size: 2rem;}	
	
}

@media screen and (min-width:992px) and (max-width:1080px){
.container-fluid.custom-container{width: calc(100% - 20px);}
	
.introduction:after, .program-highlights:after{ width: calc(100% - 30px);}
	
.banner-section .content-wrapper { padding:2rem 1rem; max-width:65%;}
.banner-section .content-wrapper h1 { font-size: 3rem;}
.banner-section .content-wrapper h2 { font-size: 1.5rem;}	
.banner-image {right: 0%; max-width: 300px;}	

.program-highlights .info-content h2 {font-size:5rem;}
.program-highlights .info-content h2 span {font-size: 2rem;}	
.program-highlights .feature-box p {font-size:1.5rem;}
.program-highlights .icon img { width: 50px;}
.program-highlights .card::after { right: -35px;}	
	
.module-card {max-width: 90%;}	
.module-card .module-title {font-size: 2rem;}	
	
}


@media screen and (min-width:992px) and (max-width:1024px){
.container-fluid.custom-container{width: calc(100% - 20px);}
	
.banner-section .content-wrapper { padding:2rem 1rem; max-width:55%;}
.banner-section .content-wrapper h1 { font-size: 2.5rem;}	
.banner-section .content-wrapper h2 { font-size: 1.3rem;}		
.banner-image {right: 0%; max-width: 320px;}	
	
.program-highlights .info-content h2 {font-size:5rem;}
.program-highlights .info-content h2 span {font-size: 2rem;}	
.program-highlights .feature-box p {font-size:1.5rem;}
.program-highlights .icon img { width: 50px;}
.program-highlights .card::after { right: -35px;}	
	
.module-card {max-width: 90%;}	
.module-card .module-title {font-size: 2rem;}
	
}


@media screen and (min-width:768px) and (max-width:991px){	
.container-fluid.custom-container{width: calc(100% - 20px);}
	
.introduction:after, .program-highlights:after{ width: calc(100% - 30px);}
	
.banner-section .content-wrapper { padding:2rem 1rem; max-width:70%;}
.banner-section .content-wrapper h1 { font-size: 2.5rem;}	
.banner-section .content-wrapper h2 { font-size: 1.3rem;}	
.banner-image {right: 0%; max-width: 300px;}
	
.features-container {gap: 10px;}
.feature-card {min-width: 225px;}	
.feature-card p {font-size: 1.2rem;}	
	
.program-highlights .info-content h2 {font-size:5rem;}
.program-highlights .info-content h2 span {font-size: 2rem;}	
.program-highlights .feature-box p {font-size:1.2rem;}
.program-highlights .icon img { width: 50px;}
.program-highlights .card::after { right: -35px;}	
	
.module-card {max-width: 90%;}	
.module-card .module-title {font-size: 2rem;}
	
}

@media screen and (max-width: 767px){
.container-fluid.custom-container, .container-sm.custom-container, .container-md.custom-container, .container-lg.custom-container, .container-xl.custom-container {
    width: calc(100% - 20px);
}
	
.introduction::after, .program-highlights::after { width: calc(100% - 50px);}	

.header {height: 70px;}		

.section{ padding-top:40px; padding-bottom:40px; position: relative;}
.section-title {margin-bottom:10px}	
.section-title h2 { font-size: 2rem;}	
	
.slider-mobile-banner{display: block!important;}
.slider-desktop-banner{display: none!important;}
	
.show-mobile{ display:block!important;}	
.hide-mobile{ display:none!important;}
	
.owl-carousel-common .owl-prev, .module-owl .owl-prev{width:30px; height:30px; left:20px; transform: scale(0.8)}  
.owl-carousel-common .owl-next, .module-owl .owl-next{width:30px; height:30px; right:20px; transform: scale(0.8)}
.owl-carousel-common .owl-prev img, .slider-owl .owl-prev img{ height:15px;}
.owl-carousel-common .owl-next img, .slider-owl .owl-next img{ height:15px;}
.module-owl .owl-prev img, .module-owl .owl-next img { height: 15px!important;}	
.mentors-owl .owl-prev{left:0px; transform: scale(0.8)}  
.mentors-owl .owl-next{right:0px; transform: scale(0.8)}
.module-owl .owl-prev{left:0px; transform: scale(0.8)}  
.module-owl .owl-next{right:0px; transform: scale(0.8)}	
	
.footer { padding: 15px 10px; font-size: 11px;}
.footer ul { flex-direction: column; align-items: flex-start;}
.footer ul li { flex-direction: row; align-items: flex-start;}
.footer .footer-nav { gap: 5px;flex-direction: row;justify-content: center;}
.footer .footer-nav li { margin: 0; padding: 5px 0;}
.footer .footer-nav li a i {display: inline-block; font-size: 11px; margin-right: 10px; margin-top: -2px;}
.footer .footer-nav li:not(:last-child)::after { margin-left: 5px; margin-right: 5px;}
.footer .trademarks {width: 100%; text-align: center; margin-top: 10px;}	

.banner-section {overflow: hidden;}	
.banner-section .container-fluid.custom-container{ width: calc(100% - 5px);}	
.banner-section .content-wrapper {padding:2rem 1rem 2rem 0rem; max-width:100%;}
.banner-section .content-wrapper h1{font-size:1.5rem; font-weight: 300; font-style: normal; color: #fff;}
.banner-section .content-wrapper h2{font-size:1rem; font-weight:500; font-style: normal; color: #fff;}
.banner-section .register-button {padding:10px 20px; font-size:1rem;}	
.banner-image { position: absolute; right:-5%; bottom: 0; max-width:200px;}	
	
.program-highlights .info-content h2 {font-size:5rem;}
.program-highlights .info-content h2 span { font-size: 2rem;}
.program-highlights .info-content h2::after {content: ''; position: absolute; bottom:6%; left: 0; width: 100%;}	
.program-highlights .feature-box p { font-size: 1.5rem;}	
.program-highlights .card { margin-bottom:1rem; padding-bottom:0rem; padding-top: 1rem; border-bottom: 1px solid #bcbec0;}
.program-highlights .card::after { background-image: none; width: 100%;}	
	
.features-container {justify-content: center;}
.feature-card { width:45%; margin-bottom:50px;}
	
.mentors-container {display: flex; flex-direction: column;}
.mentors-img{margin-bottom:0px; max-width: 50%;}	

.module-card { width: auto; max-width:100%; flex-direction: row;}
.module-card .module-title { font-size: 1.2rem;}
.module-card .module-date img { width: 25px;}
.module-card .module-date {font-size: 1rem;}	
.module-wrapper{display: flex; justify-content: center; flex-direction: column;}
.module-content h2{font-size:2rem;}
.module-content h3{font-size:1.3rem;}	

.eligibility .section-title { font-size: calc(1rem + .6vw); padding: 10px 25px 5px;}
.eligibility h3{font-size: calc(1rem + .6vw);}	
.eligibility .registration-text { font-size: 1rem;}
	
.btn-download-brochure a{font-size:1.2rem; min-width:auto;}
.btn-download-brochure a::after {width: 50px;}
	
.btn-register {font-size: 1rem; padding: 10px 20px;}	
	
}

@media (max-width: 576px) {
.header .logo img { max-height:30px;}	
.feature-card { width:100%;}
	
}


 
