*,
*::before,
*::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html {
    scroll-behavior: smooth;
    font-size: 100%; /* 16px */
    -webkit-text-size-adjust: 100%;
}

body {
    font-family: 'Poppins', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif ;
    color: var(--text-dark);
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


/* =========================
     ROOT VARIABLES
========================= */
:root {
    --teal: #19988b;
    --light-teal:#eff8f7;
    --brown: #92372b;
    --gradient-brown: linear-gradient(180deg, #92372B 0%, rgba(0, 0, 0, 0.8) 100%);
    --black: #000000;
    --white: #ffffff;

    --font-size-base: 16px;
    --font-family-primary: 'Poppins', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}


/* =========================
     TYPOGRAPHY
========================= */

p{
    font-size: 1.2rem;
    line-height: 1.8;
    font-weight: 400;
    color: var(--black);
    margin-bottom: 1rem;
	font-family: var(--font-family-primary);
}


h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-family-primary);
    font-weight: 800;
    line-height: 1.4;
    color: var(--black);
    margin-bottom: 1rem;
}

/* Desktop sizes */
h1 { font-size: 2.25rem; }
h2 { font-size: 3.5rem; }
h3 { font-size: 1.5rem; }
h4 { font-size: 1.25rem; }
h5 { font-size: 1rem; }
h6 { font-size: 0.875rem; }


/* =========================
     IMAGE CLS FIX
========================= */

img {
    width: 100%;
    height: auto;
    display: block;
    aspect-ratio: attr(width) / attr(height, auto);
}


/* =========================
     GRID SYSTEM (Compressed)
========================= */

.container {
   width: 90%;
	/* default width */
	max-width: 90%;
	/* maximum width */
	margin: 0 auto;
	/* center horizontally */
	padding: 0 1rem;
	/* small padding */
	box-sizing: border-box;
}

.container-fluid {
 width: 100%;
	/* default width */
	max-width: 100%;
	/* maximum width */
	margin: 0 auto;
	/* center horizontally */
	padding: 0 0rem;
	/* small padding */
	box-sizing: border-box;
}

.row {
    display: flex;
    flex-wrap: wrap;
}

.col {
    flex: 1;
    padding: 0 10px;
}

/* Column fractions */
[class^="col-"] {
    padding: 0 1rem;
}

.col-1  { flex: 0 0 8.333%;  max-width: 8.333%; }
.col-2  { flex: 0 0 16.666%; max-width: 16.666%; }
.col-3  { flex: 0 0 25%;     max-width: 25%; }
.col-4  { flex: 0 0 33.333%; max-width: 33.333%; }
.col-5  { flex: 0 0 41.666%; max-width: 41.666%; }
.col-6  { flex: 0 0 50%;     max-width: 50%; }
.col-7  { flex: 0 0 58.333%; max-width: 58.333%; }
.col-8  { flex: 0 0 66.666%; max-width: 66.666%; }
.col-9  { flex: 0 0 75%;     max-width: 75%; }
.col-10 { flex: 0 0 83.333%; max-width: 83.333%; }
.col-11 { flex: 0 0 91.666%; max-width: 91.666%; }
.col-12 { flex: 0 0 100%;    max-width: 100%; }

ul { list-style: none; }
 h2 span {
  color: var(--teal);
}

/* Navigation */
.top-nav{width:100%;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,0.1);position:fixed;top:0;left:0;z-index:999; padding: 14px 0px}
.nav-container{margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;}
.logo img{display:block; max-width: 340px; width: 100%;}
.nav-menu{display:flex;align-items:center;gap:0.5rem;}
.nav-menu li a{display:block;padding:.5rem .75rem;color:#000;transition:.3s; font-weight: 500}
.nav-menu li a:focus-visible, .nav-menu li:focus-visible{ outline: none; border: none}
.nav-menu li a:hover{color:var(--gradient-brown) !important;}
.nav-menu li a.btn-admission:hover{ color: #ffffff !important}
.btn-admission{background:var(--gradient-brown) !important;color:#fff !important;border-radius:4px;padding:.5rem 1rem;font-weight:bold;}
.btn-mobile-admission{display:none;}.btn-desktop-admission{display:block;}
.hamburger{display:none;flex-direction:column;gap:4px;cursor:pointer;background:none;    border: none;}
.hamburger span{height:3px;width:25px;background:#000;border-radius:2px;display:block; margin-bottom: 2px;}

/* Menu underline animation */
.nav-menu li a {
  position: relative;
  display: inline-block;
	text-decoration: none;
  padding: 0.5rem 0.75rem;
  color: #000;
  transition: color 0.3s;
}
.nav-menu li a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 0;
  background: var(--gradient-brown);
  transition: width 0.3s;
}
.nav-menu li a:hover::after {
  width: 100%;
}

.p-title, .small-title h2{ font-size: 1.4rem; font-weight: 600}

/* Button hover animation */
.btn-admission {
  position: relative;
  display: inline-block;
  color: #fff;
  border-radius: 4px;
  padding: 0.5rem 1rem;
  font-weight: 600 !important;
  overflow: hidden;
  /* Continuous zoom in/out */
  animation: zoomInOut 2s ease-in-out infinite;
}
/* HAMBURGER ACTIVE (X ICON) */
.hamburger.active span:nth-child(1) {
  transform: rotate(45deg) translate(7px, 6px);
}

.hamburger.active span:nth-child(2) {
  opacity: 0;
}

.hamburger.active span:nth-child(3) {
  transform: rotate(-45deg) translate(6px, -6px);
}

/* Animation smooth */
.hamburger span {
  transition: 0.3s ease;
}

/*Banner Section*/
.app-txt{ font-style: normal !important}
.banner{ position: relative;}
.banner img{ max-height: 800px; object-fit: cover; margin-top: 3rem;}
.banner-content{ position: absolute; top: 60%;  transform: translateY(-50%)}
.banner-content h1{ color: #ffffff; font-size: 3.5rem; line-height: 1.4; text-transform: uppercase;}
.over-line-strip{ position: relative; border: 2px solid #ffffff; padding: 16px 20px 15px 20px; max-width: 520px; border-radius: 10px; margin-top: 4rem}
.over-line-strip p{ color: #ffffff; font-size: 1.5rem; font-weight: 500; margin: 1.2rem 0 0 0; text-align: center;}
.over-line-strip span {padding: 7px 25px;position: absolute;left: 30px;top: -23px; background: var(--teal);color: #ffffff;font-size: 1.5rem;font-weight: 600;width: max-content;border-radius: 5px;}

/* Keyframes for smooth zoom in/out */
@keyframes zoomInOut {
  0%, 100% { transform: scale(1.06); }
  50% { transform: scale(1.01); }
}

/*widget css*/



.accreditation{ background: var(--gradient-brown); padding: 2rem 0 2rem;}
.accreditation h2{ color: #ffffff;  margin-bottom: 0rem; font-size: 2.2rem; font-weight: 600;}
.accreditation ul{ display: flex;  justify-content: space-between; max-width: 500px; gap:90px}
.accreditation ul li img{ height: auto;
    width: 100%; border-radius: 6px;}

.img-bg{ position: relative;
    z-index: 1;
    overflow: hidden;}


.program-section{     padding:68px 0 0px 0px;
	    position: relative;
   }

.program-section .right br{ display: none}
.img-bg img.bg{    
      position: absolute;
    right: -30%;
    top: 18%;
    transform: translateY(-60%);
    z-index: 0;
    opacity: 0.5;
/*    height: 70%;*/
}
.campus-card > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.8s ease, filter 0.6s ease;
}

.campus-card:hover > img {
  transform: scale(1.08);
  filter: brightness(60%);
}


.program-section h2{ margin-bottom: 10px;}
.program-section .row {
  display: flex;
  gap: 40px;
	justify-content: space-between;
}

.program-section .left{ width: 44.5%}

.program-section .right{ width: 47%}
/* LEFT SIDE */



.accordion .item-first {
  border-bottom: 2px solid #000000;
}
.acc-btn {
	font-family: var(--font-family-primary);
	text-align: left;
color:#000 !important;
  width: 100%;
  background: none;
  border: none;
  font-weight: 600;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  font-size: 1.2rem;
  padding: 1.7rem 0;
  transition: 0.3s;
}

.icon {
  font-size: 24px;
  font-weight: 600;
  transition: 0.3s;
}

/* ACTIVE STATE */
.item-first.active-first .acc-btn .icon {
  color: #0a7d67;
}

/* ACTIVE STATE → ICON BECOMES MINUS */
.item-first.active-first .icon {
  content: "−";
	font-family: Poppins
}

/* ------------------- CONTENT ------------------- */
.content-first {
  display: none;
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.35s ease;
  padding-bottom: 0;
}

.item-first.active-first .content-first {
  padding: 0px 0 8px;
}


.btn-green:hover, .btn-white:hover{ background: var(--gradient-brown); color: #ffffff}

.btn-green, .btn-white { animation: zoomInOut 1.8s ease-in-out infinite;}
.btn-green {
    display: inline-block;
    color: #ffffff;
    font-weight: 600;
    background:var(--teal);
    padding: 18px 36px;
    border-radius: 6px;
    text-decoration: none;
	font-size: 1.5rem;
	box-shadow: rgba(0, 0, 0, 0.24) 1px 4px 4px;
}
.btn-white {
  display: inline-block;
    color: var(--teal);
    font-weight: 600;
    background:#ffffff;
    padding: 18px 36px;
    border-radius: 6px;
    text-decoration: none;
	font-size: 1.5rem;
	box-shadow: rgba(0, 0, 0, 0.24) 1px 4px 4px;
}
.fa-arrow-right{ padding-left: 10px; font-size: 22px;}
.arrow img{ max-width: 24px}

/* RIGHT SIDE STAT GRID */
.stats-grid {
	display: flex;
     gap: 40px;
    flex-wrap: wrap;
    margin-top: 3rem;
}


.stat  {
  opacity: 0;
  transform: scale(0.5);
  transition: opacity 0.6s ease, transform 0.6s ease;
}
/*.stat.no-anim h3{  animation: none !important;}*/

/* Zoom in/out keyframes */
@keyframes zoomInOutno {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.06); }
}

/* Class to trigger animation */
.program-section.highlights .stat:nth-child(1) h3.animate-zoom {
  animation: zoomInOutno 2s ease-in-out infinite;
}
.program-section.highlights .stat:nth-child(2) h3.animate-zoom {
  animation: zoomInOutno 2s ease-in-out infinite;
}


.stats-grid .stat{ 
	width: calc(50% - 30px);
		display: flex;
    flex-direction: column;
    /* justify-content: center; */
    align-items: baseline;
}

.approved .stats-grid .stat h3{font-size: 2.5rem; margin-bottom: 1rem}
.approved .stats-grid .stat p{ margin-bottom: 0.2rem;}
.w-100{ width: 100% !important}

.stat h3 {
background: var(--gradient-brown);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font-size: 3.5rem;
	margin-bottom: 0.2rem;
	line-height: 1.2;
}
.stat p {
    font-weight: 600;
	font-size: 1.4rem;
}


/* ============== ADMISSION PROCESS ============== */
.txt-sec{ height: 138px}


/* SECTION */
  .admission-section{
     padding: 66px 0 42px; background: linear-gradient(
        0deg,
        #C1E6E2 0%,
        #DFEFED 20%,
        #FFFFFF 43%
    );
    opacity:0;
    transform:translateY(40px);
    transition:1s ease;
  }
  .admission-section.show{ opacity:1; transform:translateY(0); }

.admission-section h2 {
  text-align: center;
  font-weight: 700;
margin-bottom: 0.5rem;
}
.admission-section p{ margin-bottom: 2rem; text-align: center}

  /* WRAPPER */
  .steps-wrapper{
    display:flex;
    /* gap:20px; */
    /* align-items:center; */
    justify-content: space-between;
    flex-wrap:wrap;
	  margin-top: 3rem;
  }

  .step{
    display:flex;
	  width: 198px;
    flex-direction:column;
    align-items:center;
    gap:20px;
  }
   .step p{
      font-size: 0.75rem;
      margin-top: -0.6rem;
      margin-bottom: 0;
   }

  /* circle */
  .circle{
    width:180px;
    height:180px;
    border-radius:50%;
    border:3px solid #703028;
    background:#fff;
    box-shadow:0 10px 22px rgba(0,0,0,.12);
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    opacity:0;
    transform:scale(.6) translateY(18px);
    transition: .6s cubic-bezier(.16,.8,.24,1);
  }
  .circle img{ max-width:64px; transition:.25s ease; }
  .circle h3{ margin:10px 0 0; font-size:1.2rem; color:var(--brown); font-weight:700; }

  .step-text{     text-align: center;
    font-weight: 600; }
.step-text br{ display: none;}
  .step:hover .circle{
    transform:scale(1.08);
    background:var(--gradient-brown);
    border-color:var(--brown);
    box-shadow:0 16px 40px rgba(0,0,0,.22);
  }
  .step:hover .circle img{ filter:brightness(0) invert(1); transform:scale(1.06); }
  .step:hover .circle h3{ color:#fff; }

  /* arrow + dots */
  .line-arrow{
    display:flex;
    flex-direction:row;
    align-items:center;
    gap:7px;
    min-height:140px;
	  padding-bottom: 6.5%;
  }

  .dots{
    display:flex;
    gap:8px;
    align-items:center;
    justify-content:center;
  }

  /* Bigger dot + smoother animation */
  .dot{
   width: 16px;
    height: 4px;
   background:#000000;
    opacity:0;
    transform:translateY(10px) scale(.4);
    transition: all .35s cubic-bezier(.25,1.2,.3,1);
  }

  /* arrow */
  .arrow {
    font-size:32px;
    color:#000000;
    opacity:0;
    transform:translateY(12px) scale(.85);
    transition: all .32s cubic-bezier(.2,1,.3,1);
  }
.required{ margin-top: 2rem;}




.program-section .btn-wrap{ text-align: center; margin-top: 4rem}
.program-section.legecy .btn-wrap{  margin-top: 2rem}
.program-section .p-title{ margin-top: 1rem}

.legecy{ background: var(--light-teal)}
.program-section.legecy .p-title {
    margin-top: 1rem;
}
.program-section.legecy{ padding: 62px 0 60px 0px;}
.program-section.legecy h2{     margin-bottom: 36px;}

/* SECTION 1 — OUR CAMPUSES */
.campus-section{padding:60px 0px 0px;text-align:center;}
.campus-grid{margin:44px auto 0;display:grid;grid-template-columns:repeat(2,1fr);gap:8px;}
.campus-card{position:relative;overflow:hidden;color:#fff;}
.campus-card img{width:100%;height:100%;object-fit:cover;}
.campus-overlay{position:absolute; top:-20px;width:100%;height:100%;padding:30px;display:flex;flex-direction: column;
    justify-content: flex-end;    transform: translateX(-50%);left: 50%; width: 84%}
/*background:linear-gradient(180deg,#0000 0%,#000 90%);*/

.campus-title{font-size:3.5rem;margin-bottom:25px; color: #ffffff; text-align: left}
.icon-row{display:flex;gap:10px;margin-top:10px; }
.icon-box{justify-content: center; text-align: center; display: flex;align-items: baseline; flex-direction: column}
.icon-box p{font-size:0.8rem;opacity:1; color: #ffffff; text-align: left;}
.dsk{
  display: none;
}
.icon-box img{ max-width: 44px; margin-bottom: 1rem; height: auto; text-align: center}
.icon-box p.p-blod{ margin-bottom: 0.5rem; font-size: 0.9rem}

/* SECTION 2 — VIDEO + LEFT TEXT */
.video-section{padding:80px 0px; background: #19988b; background-size: cover; background-repeat: no-repeat; position: relative}
.video-section img.bg{     position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0.4;}
.video-section .container{ z-index: 2; position: relative;}
.video-wrapper{display:grid;grid-template-columns:1fr 2fr;gap:40px;align-items:center;}
.video-text{color:#fff;text-align:left;}
.video-text h2{ color: #ffffff; margin-bottom: 2.9rem}
.video-text p{margin-top:15px;font-weight:300;opacity:.9;}

/* RIGHT VIDEO CARDS */





.video-card{position:relative;overflow:hidden;border-radius:10px;aspect-ratio:9/16;cursor:pointer; width: 30%}
.video-card img{width:100%;height:100%;object-fit:cover;border-radius:10px;}


/* FINAL INSET BORDER + HOVER EFFECT */
.video-card {
  position: relative;
  overflow: hidden;
  border-radius: 6px;
  aspect-ratio: 9/16;
  cursor: pointer;
  transition: 0.3s ease;
}

.video-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 6px;
  transition: transform .4s;
}




.play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none; /* icon click is ignored, click goes to card */
  transition: opacity 0.3s;
}

.video-card.playing .play-icon {
  opacity: 0 !important; /* fade out icon when playing */
}


.video-card iframe {
  width: 100%;
  height: 100%;
	border: 0;
}

.video-card:hover img {
  transform: scale(1.05);
}

/* INNER BORDER (inset style) */
.video-card::after {
  content: "";
  position: absolute;
  inset: 12px;      /* <-- border thoda andar */
  border-radius: 1px;
  border: 2px solid rgba(255,255,255,0);
  transition: 0.3s ease;
  pointer-events: none;
}

.video-card:hover::after {
  border-color: rgba(255,255,255,1);
}




.play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:52px;color:#fff;opacity:0;transition:.3s ease;}
.video-card:hover .play-icon{opacity:1;}

/* MODAL */
.video-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);display:none;justify-content:center;align-items:center;z-index:999;}
.modal-content{position:relative;width:90%;max-width:600px;}
#videoPlayer{width:100%;height:330px;border-radius:10px;}
.modal-close{    position: absolute;
    top: -16px;
    right: -11px;
    font-size: 40px;
    color: #fff;
    cursor: pointer;
    background: var(--teal);
    border-radius: 100%;
    height: 40px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center; z-index: 999;}




.programme-section {
	padding: 80px 0px 60px;
	background: var(--light-teal);
}

.programme-section.approved {
	padding: 60px 0px 60px;}

.programme-section .small-title h2 {
	position: relative;
	margin-bottom: 1rem;
}



.small-title {
	display: flex;
	column-gap: 40px;
	margin-top: 22px;
}

.small-title h2 {
	position: relative;
	
}

/*
.small-title h2:first-child:after {
	content: "";
	position: absolute;
	height: 100%;
	top: 0;
	right: -20px;
	width: 2px;
	background: #000000;
}
*/

.counter-sec {
	display: flex;
	justify-content: space-around;
	margin: 24px 0 90px;
}

.counter-sec ul {
	list-style: none;
	display: flex;
	gap: 40px;
	justify-content: space-between;
	width: 100%;
}

.counter-sec li {
	text-align: left;
}

.counter-sec br {
	display: none;
}

.counter-sec span {
	font-size: 4rem;
	font-weight: 500;
	color: var(--dark);
	position: relative;
}

.counter-sec span::after {
	content: "+";
	font-size: 4rem;
	position: absolute;
	top: -3px;
	right: -36px;
	color: var(--dark);
}

.counter-sec li:nth-child(3) span::after {
	content: "K+";
	right: -62px;
	letter-spacing: -3px;
}

.counter-sec p {
	margin-top: -8px;
}

.partner,
.counter-sec {
	max-width: 1000px
}

.partner {
	background: #ffffff;
	border: 1px solid #BFBFBF;
	border-radius: 12px;
	padding: 50px 30px 50px;
	margin-top: 2.8rem;
}

.partner p {
	text-align: center;
	margin-bottom: 2rem
}

.logo-sec {
	    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}



.logo-sec img {
    max-width: 147px;
    padding: 5px 2%;
    width: 21%;
}

.partner h4 {
        text-align: center;
    margin-bottom: 1rem;
    margin-top: 0.5rem;
    font-weight: 400;
    font-size: 1.4rem;
}

.programme-section .col-6.right {
	padding-left: 6rem;
}

.icon-contain {
	border-bottom: 1px solid #000000;
	margin-bottom: 20px;
}

.icon-contain p{    font-weight: 500;
    font-size: 1.4rem;}

.icon-contain img{     max-width: 56px;
    margin-bottom: 0.5rem;}

.specialisation{ margin-bottom: 2.5rem}

.specialisation h4 {
	margin-bottom: 2rem;
}
.approved h2{ margin-bottom: 44px}

.faq-section{
    padding:62px 0 80px;
}

.faq-title{
   margin-bottom: 2.7rem;
}
.faq-title span{color:var(--teal);}

.faq-item{
    background:var(--light-teal);
    border:1px solid #dcebea;
    border-radius:10px;
    padding:20px 22px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    cursor:pointer;
    transition:.3s;
    margin-top:16px;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.faq-item:hover{background:#e8f4f2;}

.faq-item h3{
    font-weight: 500;
    margin-bottom: 0rem;
    font-size: 1.4rem;
	max-width: calc(100% - 33px);
}

/* ICON */
.faq-section .icon-box{
       width: 30px;
    height: 30px;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
        font-size: 34px;
    font-weight: 500;
    transition:.3s;
}

/* ANSWER BOX */
.faq-content{
    max-height:0;
    overflow:hidden;
    transition:max-height .4s ease;
    background:#ffffff;
    padding:0 22px;
    border-radius:0 0 10px 10px;
	position: relative;
	top:-7px;
}

/* Text inside answer */
.faq-content p{
    padding:15px 5px 20px 5px;
  
}

/* ACTIVE STATE */
.active-item{
    background:var(--teal) !important;
    border-color:var(--teal) !important;
}
.active-item h3{color:#fff !important;}

.active-item .icon-box{
    background:#fff;
    color:#0AB59A;
    transform:rotate(180deg);
}

/* ACTIVE ANSWER BORDER */
.active-answer{
    border:2px solid #0AB59A !important;   /* ADDED */
    border-top:none !important;
    border-radius:0 0 10px 10px;
}



.footer{ padding: 1.5rem 0 0.5rem; background:#DCDCDC; }
.footer img{ width: 100%;max-width: 650px;}

.over-line-strip br{ display: none}




/* MAIN CONTAINER FIX */
.video-grid {
  width: 100%;
  overflow: hidden;  /* slider zoom problem fix */
}
.toggle-btn-mob-wrap{ display: none;}


.mb-0 { margin-bottom: 0;}
.pb-0{ padding-bottom: 0 !important;}


.accreditation-wrap{ display: flex; justify-content:space-between; max-width: 830px; align-items: center}



/* Desktop view (normal grid) */
@media (min-width: 768px) {
  .video-grid {
    display: flex !important;
    gap: 16px;
  }
}














@media (max-width: 1850px){
  .step{width: 187px;}
}

@media (max-width: 1780px){
  .step{width: 180px;}
}

@media (max-width: 1750px){
  .step{width: 170px;}
}


@media (max-width:1720px){
.banner-content h1{font-size:2.8rem;}

}


@media (max-width: 1690px){
  .step{width: 159px;}
  .line-arrow{ padding-bottom: 8.5%;}
}

@media (max-width: 1628px){
  .step{width: 154px;}
}

@media (max-width: 1600px){
	
	.accreditation-wrap{max-width: 700px;}
	.accreditation ul li img{ max-width: 390px;}
	.banner img{ max-height: 520px;}
	
	.circle {
    width: 135px;
		height: 135px;}
	.step{ width: 149px}
	.circle img {
    max-width: 54px;
}
	.fa-chevron-right{ font-size: 30px}
	.line-arrow {
   
    padding-bottom: 9%;
}
	.banner-content{ top: 56%}
	
/*
	.logo-sec img {
		max-width: 97px; padding: 15px 5px}
*/
	.partner h4{    font-size: 1.2rem; font-weight: 500;}
	.partner{ padding: 40px 15px 40px}
	.programme-section .col-6.right {
    padding-left: 5rem;
}
	.logo-sec img {
    max-width: 100%;
    padding: 5px 2%;
    width: 21%;
}
	
	
	h2 {
    font-size: 3rem;
}
}

@media (max-width: 1570px){
    .step {
        width: 140px;
    }
    .line-arrow {
        padding-bottom: 12%;
    }
}

@media (max-width:1560px){
.banner-content h1{font-size:2.5rem;}
}





@media (max-width: 1520px){
    .step {
        width: 129px;
    }
    .step p{
      font-size: 0.688rem;
    }
}

@media (max-width: 1462px){
    .step {
        width: 118px;
    }
    .line-arrow {
        padding-bottom: 14%;
    }
    .circle {
        width: 125px;
        height: 125px;
    }
}


@media (max-width: 1450px){
.campus-overlay{ top: -40px;}
/* .icon-box p{font-size: 0.7rem;}
.icon-box p.p-blod{font-size: 0.8rem;} */
.line-arrow {
        padding-bottom: 14%;
    }
}
@media (max-width: 1400px){
	.logo img {
		max-width: 296px;}
	
	
	.logo-sec img {
    max-width: 100%;
    padding: 5px 2.5%;
    width: 23%;
}
 .step {
        width: 109px;
    }
    .line-arrow {
        padding-bottom: 16%;
    }
        .circle {
        width: 110px;
        height: 110px;
    }
        .circle img {
        max-width: 49px;
    }
    .circle h3{
      font-size: 1rem;
    }
	
}

@media (max-width: 1348px){
.step {
  width: 108px;
}
    .line-arrow {
        padding-bottom: 16%;
    }
    .circle img {
        max-width: 38px;
    }
}
@media (max-width: 1342px){
.step {
  width: 100px;
}
}
@media (max-width: 1329px){
      .circle {
        width: 100px;
        height: 100px;
    }
	.stat h3{ font-size: 3.2rem}
  .step p{
      font-size: 0.625rem;
    }
}


@media (max-width: 1300px){
	    .banner-content h1 {
        font-size: 2.2rem;
    }

	
	.logo img {
		max-width: 280px;}
	.nav-menu {
    gap: 0rem;
}
	.campus-title {
		font-size: 2.5rem;}
.step {
        width: 91px;
    }
    .line-arrow {
        padding-bottom: 18%;
    }
	
	.accreditation-wrap{max-width: 677px;}
	
}

@media (max-width: 1280px){
      .circle {
        width: 100px;
        height: 100px;
    }
	.stat p {
    font-size: 1.2rem;
}
.campus-overlay {
  top: -20px;
}
    .accreditation ul li img {
        max-width: 360px;
    }
	    .accreditation-wrap {
        max-width: 632px;
    }
	
}

@media (max-width: 1250px){
	.stats-grid{    margin-top: 2rem;}
	.stat h3{ font-size: 3rem;}
	.stat p {
    font-weight: 600;
    font-size: 1.2rem;
}
	
	.circle {
    width: 90px;
		height: 90px;}
	.step{ width: 93px}
	.circle img {
    max-width: 40px;
}
	.line-arrow { gap:2px;}
	
	.campus-grid{grid-template-columns:1fr;}
	.campus-card{ max-height: 360px;}
  .campus-overlay{top: 20px; width: 92%;}
  /* .icon-box p.p-blod{  font-size: 0.9rem;}
  .icon-box p{  font-size: 0.8rem;} */
      .line-arrow {
        padding-bottom: 17%;
    }
	
}

@media (max-width: 1240px){
	.step {
    width: 88px;
  }
      .line-arrow {
        padding-bottom: 19%;
    }
}
@media (max-width: 1210px){
	.step {
    width: 86px;
  }
}

/* MOBILE: dots vertical + arrow down */
  @media (max-width:1200px){
    .steps-wrapper{  justify-content: center;}
    .steps-wrapper{ flex-direction:row; gap:32px; }

    .line-arrow{
      flex-direction:column;
      gap:12px;
      min-height:80px;
		display: none;
    }

    .dots{
      flex-direction:column;
      gap:10px;
    }

    .arrow i{
      transform: rotate(90deg);
    }
	  
	  .circle img {
    max-width: 50px;
}
	      .circle {
        width: 130px;
        height: 130px;
    }
	       .steps-wrapper .step {
        width: calc(50% - 16px);
    }
    .step p{
          font-size: 0.813rem;
    }
  }
@media (max-width: 1203px){
.hamburger{display:flex;}
  .nav-menu{position:absolute;top:100%;right:0;background:#ffffff;flex-direction:column;transform:translateX(100%);transition:.3s ease;box-shadow:0 5px 10px rgba(0,0,0,.1);padding:1.5rem 1rem 0.2rem;
	width:100%; max-width: 576px;
	}
	.nav-menu li a{ color: #000000;}
	.nav-menu li { border-bottom: 1px solid #f7f7f7; width: 100%; text-align: left}
	.nav-menu li:first-child{ border-bottom: none; margin-left: 20px;}
		.nav-menu li:last-child{ border-bottom: none}
  .nav-menu.active{transform:translateX(0);}
  .btn-mobile-admission{display:block;margin-bottom:.5rem;}
  .btn-desktop-admission{display:none;}
}
@media (max-width: 1199px){
	
	.programme-section .row {
		flex-direction: column;
	}

	.programme-section .col-6,
	.programme-section .col-5 {
		flex: 100%;
		max-width: 100%;
	}

	.programme-section .col-6.right {
		padding-left: 1rem;
	}

	.specialisation h4 {
		margin-bottom: 2rem;
		margin-top: 3rem;
		width: 100%;
	}

	.specialisation {
		display: flex;
		flex-wrap: wrap;
		/* gap: 40px; */
		column-gap: 10%;
	}

	.icon-contain {
		width: 45%;
	}

	.counter-sec {
		margin: 24px 0 40px;
	}

	.partner h4 {
		margin-bottom: 0.5rem;
	}

	.partner {

		padding: 30px 30px 20px;
	}
.over-line-strip p, .over-line-strip span {
	font-size: 1.4rem;}
	.banner-content h1 {
        font-size: 2.5rem;
    }
	.banner img { height: 500px !important; object-fit: cover;}
	    .banner-content {
        top: 53%;
    }
	.program-section .row{ flex-direction: column}
	.program-section .left, .program-section .right {
    width: 100%;
}
	.stats-grid {
		        justify-content: space-between;
}
	
	
	 .stats-grid .stat{        width: calc(50% - 30px);}
	.registrations-form{padding:1.5rem 0}
   
}


/* ============== RESPONSIVE ============== */
@media (max-width: 991px) {
  .program-section {
    flex-direction: column;
  }

/*
  .steps-wrapper {
    flex-direction: column;
  }
*/

  .line-arrow {
    display: none;
  }
.video-wrapper{grid-template-columns:1fr;}
.video-grid{grid-template-columns:repeat(2,1fr);}

	
	    .stat h3 {
        font-size: 2.5rem;
    }
	
	.stats-grid {
    display: flex;
		gap: 10px;}
	
	.stats-grid .stat {
    width: calc(50% - 30px);
}
	
	 .approved .stat h3 {
        font-size: 2rem;
    }
	.accreditation-wrap {
    max-width:inherit;
    row-gap: 30px;
    flex-direction: column;
}
}

@media (max-width: 830px) {
  .campus-overlay{top: 10px; width: 94%;}
}


/* =========================
     MOBILE FIRST MEDIA QUERIES
========================= */

/* Tablet + Mobile */
@media (max-width: 767px) {

    .container {
        width: 100%;
        max-width: 100%;
        padding: 0 1rem;
    }

    .col,
    [class^="col-"] {
        flex: 0 0 100%;
        max-width: 100%;
    }

    /* Mobile typography */
    h1 { font-size: 1.875rem; }
    h2 { font-size: 1.8rem; }
    h3 { font-size: 1.25rem; }
    h4 { font-size: 1.125rem; }
    h5 { font-size: 1rem; }
    h6 { font-size: 0.875rem; }
	
	
	.app-txt{ display: none; font-style: normal !important}
	.banner-content h1{  font-size: 2rem}
	.program-section {
		padding: 50px 0 0px 0px;}
	.program-section .row {
		gap: 25px;}
	    .approved.stats-grid {
        margin-top: 40px;
    }
	.p-title, .small-title h2{ margin-bottom: 1.8rem;}
	.program-section.legecy {
    padding: 28px 0 26px 0px;
}
	    .legecy .p-title {
        margin-bottom: 0.8rem;
    }
	
/*	.legecy .stats-grid .stat{ background: #ffffff}*/
	.program-section.legecy .p-title {
    margin-bottom: 1rem;
}
	
	.campus-section h2{ margin-bottom: 1.8rem}
	
	    .program-section.legecy .row {
        gap: 32px;
    }
	.campus-grid{ gap:0}
	.campus-grid {
		margin: 30px auto 0;}
	
	.program-section .right br{ display: block}
	
	.specialisation h4 {
        margin-top: 2.8rem;
    }
	
	.specialisation{ margin-bottom: 0.5rem;}
	.approved .btn-wrap{ text-align: center}
	
	.admission-section {
		padding: 40px 0 22px}
	.program-section h2 {
    margin-bottom: 12px;
}
	    .stats-grid .stat {
        width: calc(50% - 5px);
    }
	    .approved .stat h3 {
        font-size: 1.6rem;
			margin-bottom: 0.5rem;
    }
	
	.program-section.legecy h2 {
    margin-bottom: 30px;
}
.mob h2{
  display: none;
}
.dsk{
  display: block;
}
	.campus-section {
		padding: 50px 0px 0px;}
    .programme-section .col-6.right {
        padding-left: 0;
    }
	.txt-sec {
    height: auto;
}
	.campus-overlay{top: -20px;}
	.over-line-strip p{ text-align: center;}
	/*font-set*/
	p{ font-size: 1rem; line-height: 1.8}
	.accreditation h2{    font-size: 1.8rem;}
	.acc-btn{ font-size: 1.1rem;    padding: 1rem 0 0.4rem;}
	.faq-item h3{ font-size: 1.1rem;    padding: 0.4rem 0 0.4rem;}
	  
	      .partner {
        padding: 15px 6px 25px;
        margin-bottom: 3rem;
    }
	.approved h2 {
    margin-bottom: 40px;
}
	.icon-contain{ margin-bottom: 34px;}
	
	    .logo-sec img {
        padding: 0px 8px;
    }
	    .partner h4 {
			font-size: 1rem;}
	.approved .container .col-6{ padding: 0;}
	.logo-sec {
    display: flex;
		justify-content: space-around;}
	.faq-section .icon-box{ font-size: 24px;}
	.faq-item{    padding: 10px 15px;}
	.content-first p{ font-size: 1rem; margin-bottom: 0}
	.accordion .item-first{    padding-bottom: 1rem;}
	.p-title, .small-title h2 {
		font-size: 1.5rem;}
	    .stat p {
     font-size: 1rem;
    }
	.program-section .btn-wrap {
    margin-top: 2rem;
}
	
	.fa-arrow-right {
    padding-left: 10px;
    font-size: 18px;
}
	
	/* .campus-card  {
    height: 400px;
    max-height: 400px;
} */
	.icon-row{ flex-direction: column}
	.icon-box{   align-items: flex-start;
        justify-content: flex-start;
        flex-direction: row;
        gap: 10px;
    }
	.icon-row { gap:2px}
	    .campus-title {
        margin-bottom: 5px;
    }
	.campus-overlay{    width: 100%;    padding: 1rem; background: linear-gradient(180deg,#0000 0%,#000 248%)}
	.txt-sec p.p-blod{ margin-bottom: 0;}
	    .campus-title {
        font-size: 1.8rem;
    }
	
	.video-section {
		padding: 60px 0px 60px;}
	.video-text h2{    margin-bottom: 1.5rem;}
	.video-wrapper { 
	        gap: 34px;
        display: flex;
        flex-wrap: wrap-reverse;
                justify-content: center;
	}
	.programme-section.approved {
    padding: 30px 0px 60px;
}
	.faq-section {
    padding: 49px 0 60px;
}
	.programme-section.approved .small-title h2:last-child {
        margin-bottom: 0;
    }
	.faq-title {
    margin-bottom: 2.2rem;
}
	
	
	.icon-box img {
		max-width: 36px; margin-top: 6px;}
	.icon-box p{    margin-bottom: 0.8rem;}
	.campus-title{ margin-bottom: 8px;}

	.video-grid {
    display: block; /* Swiper overwrite karega */
  }
	
		.btn-green, .btn-white {
    padding: 10px 20px;
    font-size: 1.2rem;
			   
}
	
	.icon-contain p{ font-size: 1rem}
	
	
/* Optional: reduce arrow size on smaller screens */
	
/* Navigation Arrows */
.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 28px;
  height: 28px;
  z-index: 10;
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
	font-weight: bold;
	font-size: 20px;
}
	.swiper-button-next:after, .swiper-button-prev:after{ font-size: 30px; color: var(--teal)}
.swiper-button-next {
  right: 8px;
}

.swiper-button-prev {
  left: 8px;
}

	
	
  .swiper-button-next,
  .swiper-button-prev {
    width: 42px;
    height: 42px;
  }
	
.swiper-pagination-bullet {
  width: 14px;
  height: 14px;
  margin: 10px !important;  
  opacity: 0.4;
}
.swiper-pagination-bullet-active {
  width: 18px;
  height: 18px;
  opacity: 1;
}
.swiper-pagination {
  padding: 20px 0 !important;   
}
.swiper-pagination-bullet {
  position: relative;
}

.swiper-pagination-bullet::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 44px; 
  height: 44px;                   
  border-radius: 50%;
}

.swiper-pagination-bullet-active {
  background:  var(--teal);
}
	
	    .stats-grid .stat {
/*        background: var(--light-teal);*/
        padding: 12px 2px;
        border-radius: 6px;
/*			box-shadow: rgba(0, 0, 0, 0.1) 2px 2px 15px 0px inset, rgba(0, 0, 0, 0.1) -2px -2px 15px 2px inset, rgba(0, 0, 0, 0.1) 2px 2px 15px 0px inset, rgba(0, 0, 0, 0.1) -1px -1px 15px 1px inset;*/
    }
	.stat p{ margin-bottom: 0;}
	
		.approved .stats-grid .stat {
    width: 100%;
}
	.approved .stats-grid .stat h3{ margin-bottom: 0;}
	
	   .program-section .btn-wrap {
        margin-top: 1rem;
		   margin-bottom: 0.5rem;
		   
    }
	
	.steps-wrapper{ margin-top: 2rem}
	
	.stats-grid {
        margin-top: 1rem;
    }
	.partner{    margin-top: 1.5rem;}
	
	.program-section .p-title {
    margin-bottom: 0.7rem;
}
	
	
	.toggle-btn-mob{background:linear-gradient(180deg, #92372B 0%, rgba(0, 0, 0, 0.9) 100%);color: #fff;    
		visibility: visible;
        height: 50px;
        padding: 15px 0px 0px 0px;   
		z-index: 9999 !important;     
		position: fixed;
        width: 100%;     
		bottom: 0;
        text-align: center;
        right: inherit;
        left: 0;     
		cursor: pointer;
        border-radius: 2px 0 0 2px;
        box-shadow: 0 6px 24px rgb(0 0 0 / .05), 0 0 0 1px rgb(0 0 0 / .08);
	display: none;
    }
	
	.toggle-btn-mob a{ color: #ffffff; text-decoration: none; font-weight: 600; font-size: 20px; line-height: 0.6; letter-spacing: 1px;}
	.video-card::after {display:  none}
	.toggle-btn-mob-wrap { display: block;}
	.program-section.legecy .btn-wrap{  margin-top: 1.2rem; margin-bottom: 1.2rem;}
	.footer{padding-bottom: 4rem;}
	
}



@media(max-width:600px){
.video-grid{grid-template-columns:1fr;}
}



@media(max-width:576px){
	.banner-content h1{  font-size: 1.2rem; line-height: 1.6; text-align: center}
	.small-lh{ line-height: 1.2; display: block; margin-top: 3px;}
/*
	.banner-content h1 br{ display: none;}
	.banner-content h1 br:nth-child(2){ display: block}
*/
	
	.admission-section h2{ margin-bottom: 1.9rem}
	.img-bg img.bg {
		max-height: 553px;
		display: none;
       }
	.video-text{ text-align: center;}
	.video-text h2{ font-size: 1.5rem; }
	
	.video-card:hover .play-icon {
    display: none
}
	
	    .partner h4 {
        font-size: 0.9rem;
			font-weight: 500;
    }
	
	.over-line-strip{ max-width: 350px; margin-top: 2.5rem;    padding: 8px 7px 8px 7px;}
	    .over-line-strip p, .over-line-strip span {
        font-size: 1rem;
    }
	    .banner img {
        height: 280px !important;
	}
	    .banner-content {
        top: 49%;
        width: calc(100% - 1rem);
        left: 0.5rem;
    }
	.over-line-strip span {
    padding: 3px 10px;
		position: absolute;}
	.over-line-strip p{    margin: 0.7rem 0 0 0}
	.banner img{ margin-top: 4rem}
	.logo img {
        max-width: 240px;
    }
	.app-txt{ display: block;}
	.over-line-strip span{    left: 10px;
    top: -18px;}
	.accreditation {    padding: 2rem 0 2.5rem;}

		    .stats-grid {
        gap: 0px;
    }
	    .stat p {
        font-size: 1rem;
    }
	    .stat h3, .approved .stats-grid .stat h3 {
        font-size: 1.8rem;
    }
	

	
	
	    .p-title, .small-title h2 {
        font-size: 1.3rem;
    }
	 
	
	
	.campus-card {height: 440px; max-height: 427px;}
	
	.small-title{ flex-direction: column;}
	.programme-section .small-title h2:first-child{ margin-bottom: 1.5rem}

	
	.app-txt{ display: none}
	.faq-content { padding: 0 10px;}
	.icon-contain img {
		max-width: 50px;}
	    .approved .stat p {
        font-size: 0.9rem;
    }
	
	    .over-line-strip {
			max-width: 292px;       
			margin-left: auto;
        margin-right: auto;}
	  .over-line-strip p, .over-line-strip span {
        font-size: 0.9rem;
    }
	
}

@media(max-width:444px){
   
        /* .campus-card {
        height: 458px;
        max-height: 458px;
    } */
	  
}
@media(max-width:430px){
   
    /* .campus-card {
        height: 490px;
        max-height: 490px;
    } */
	  
}
@media(max-width:366px){
   
    /* .campus-card {
      height: 520px;
      max-height: 520px;
    } */
    .step p{
      font-size: 0.75rem;
    }
	  
}
/* @media(max-width:350px){
   
    .campus-card {height: 568px; max-height: 568px;}
	  
} */

@media(max-width:330px){
	 .steps-wrapper .step {
        width: calc(50% - 6px);
    }
	.step-text{ font-size: 0.9rem;}
	.circle {
        width: 110px;
        height: 110px;
    }
	    .steps-wrapper {
        row-gap: 23px;
        column-gap: 10px;
    }
	
	.step-text br{ display: block;}
	.circle h3{ font-size: 1rem;}
	.circle img {
        max-width: 42px;
    }
}