@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
 

    @font-face {
    font-family: 'Cake Mania Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Cake Mania Regular'), url('/css/fonts/CakeMania-3zE3L.woff') format('woff');
    }

:root {
      --primary: #c0392b;
      --primary-dark: #96281b;
      --navy: #1a2a4a;
      --navy-light: #243555;
      --accent: #e67e22;
      --light-gray: #cccccc;
      --text-muted: #7f8c8d;
      --card-bg: #e2e2e2;
    }

    * { box-sizing: border-box; }
    body { font-family: Montserrat, serif; color: #333; 
         overflow-x: hidden; 
     }
    h1,h2,h3,h4,h5 { font-family: Montserrat, serif; }

    /* ── TOP BAR ── */
    .container { max-width: 1200px;}
    .top-bar {
 
      display: flex;
 
padding: 15px 0px;
flex-direction: column;
align-items: flex-start;
gap: 10px;
 background: #ffd101;

    }
    .top-bar a {   text-decoration: none;  
 
color: #4944C4;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;

padding: 5px 15px;




}
    .top-bar a:hover { color: #fff; background: var(--button-4, #EC2B42);}
    .left-hdr a { padding: 5px 0px;}
    .left-hdr a:hover svg path {     stroke: #EC2B42;} 
    .left-hdr a:hover { background: none; color: #EC2B42;}
 .quick-ex { position: relative;}
 .quick-ex a{color: #444;
font-family: Inter, serif;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: normal;display: block;display: inline-flex;
padding: 8px 16px;
align-items: center;
gap: 7px;
border-radius: 8px;
background: #FFF;
box-sizing: border-box;
flex-direction: row;  transition: 350ms;}
.quick-ex li {position: relative;}
.quick-ex li:hover a { background: #ffd101; color: #4944C4; }
.quick-ex li:hover svg{     transform: rotate(-90deg); transition: 350ms;}
.quick-ex .sub-menu {
    background: #ffd101;
    min-width: 220px;
    position: absolute;
    right: 0;
    z-index: 1;
    -webkit-box-shadow: 0px 5px 12px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 5px 12px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 5px 12px rgba(0, 0, 0, 0.2);
    margin: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    max-height: 0;
    -webkit-transform: perspective(400) rotate3d(1, 0, 0, -90deg);
    -webkit-transform-origin: 50% 0;
    -webkit-transition: 350ms;
    -moz-transition: 350ms;
    -o-transition: 350ms;
    transition: 350ms;
}
.quick-ex:hover .sub-menu {
    right: 0;
    opacity: 1;
    visibility: visible;
    margin-top: 0;
    max-height: 1000px;
    -webkit-transform: perspective(400) rotate3d(0, 0, 0, 0);
}
.quick-ex .sub-menu li a {  display: block;    background: none; color: #4944C4;
    border-radius: 0;}
    /* ── NAVBAR ── */



    .navbar-main {
       
       
        padding: 0px 0; position: absolute; width: 100%;     top: 0px;    background: #4944c487;
    }
     
     
         .navbar-nav li { position: relative;}
         .navbar-nav li a{  color: #FFF;white-space: nowrap;
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;    padding: 10px 15px; display: block; 
border-radius: 8px;
 }
    .navbar-nav li:hover a { background: #FFD100; color: #4944C4;}

.navbar-nav li .submenu  {
background: #FFD100;

min-width: 220px;
position: absolute;
left: 0;
z-index: 99;
-webkit-box-shadow: 0px 5px 12px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 5px 12px rgba(0, 0, 0, 0.2);
box-shadow: 0px 5px 12px rgba(0, 0, 0, 0.2);
margin: 0;
list-style: none;
margin: 0;
padding: 0;
visibility: hidden;
opacity: 0;
-webkit-transition: 0.3s ease-in;
-khtml-transition: 0s ease-in;
transition: 0.3s ease-in;
-moz-transition: 0.3s ease-in;
transform: rotateX(100deg) translateX(0px) translateY(0px) skewX(1deg) skewY(0deg);
-webkit-transform: rotateX(100deg) translateX(0px) translateY(0px) skewX(1deg) skewY(0deg);
-moz-transform: rotateX(100deg) translateX(0px) translateY(0px) skewX(1deg) skewY(0deg);
transform-origin: top;
-webkit-transform-origin: top;
}

.navbar-nav li:hover .submenu {
visibility: visible;
opacity: 1;
-webkit-opacity: 1;
transform: rotateX(0deg);
-webkit-transform: rotateX(0deg);
-moz-transform: rotateX(0deg);
}
.navbar-nav li .lastMenu { left: auto; right: 0;}
.navbar-nav li .lastMenu li a { text-align: right;}
.navbar-nav li .submenu li a { color: #fff; white-space: nowrap; border-radius: 0;}
.navbar-nav li .submenu li a:hover { background: #4944c4}
    /* ── HERO CAROUSEL ── */
    
.hero-text h2 {
  margin-bottom: 50px;
}

.hero-text .hero {
  position: relative;
}

.hero-text .hero .hero-slide a:hover span {
  color: #033a71;
}

.hero .hero-slide img {
  width: 100%;
 
  object-fit: cover;
  object-position: top center;
}

.hero .hero-slide .header-content {
  top: 88px;
  margin-left: 7rem;
  max-width: 600px;
  width: 100%;
   
}
 
.slide-content {
  padding: 10px 20px 10px 0;
}

.slide-content .mb-4 {
 color: #FFF;
font-family: 'Cake Mania Regular';
font-size: 55px;
font-style: normal;
font-weight: 400;
line-height: normal;text-align: left;    white-space: nowrap;
}

.btn-primary1 {
display: inline-flex;
 
justify-content: center;
align-items: center;
gap: 8.904px;
 padding: 15px 32px;
justify-content: center;
align-items: center;border-radius: 18px;
background: #FFD100;color: #4944C4;
font-family: Montserrat;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
box-sizing: border-box;
flex-direction: row;    border: none;
    outline: none;     
}
.btn-primary1:hover { color: #fff; background: #4944C4;}

.btn-primary {
border-radius: 20px;
background: #4944C4;
display: flex;
 
padding: 15px 48px;
justify-content: center;
align-items: center;
gap: 10px;
flex-shrink: 0;color: #FFF;
font-family: Montserrat;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal; border: 0; outline: none; border-color: transparent;
}
 .btn-primary:hover { color: #fff; background: #dfb70e; border-color:transparent;}
/** Text Animation **/

@-webkit-keyframes fadeInUpSD {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUpSD {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUpSD {
  -webkit-animation-name: fadeInUpSD;
  animation-name: fadeInUpSD;
}

.slick-active .slide-content {
  animation-name: fadeInUpSD;
  animation-duration: 1s;
  opacity: 1;
  width: 100%;
  padding: 10px 20px 30px 0;
}

/* Media Queries */

@media (max-width: 768px) {
  .hero-text .hero .hero-slide a {
    padding-top: 0.8rem;
  }

  .hero-text .hero .hero-slide a span {
    font-size: 20px;
    margin-top: 0.5rem;
  }

  .hero .hero-slide .header-content {
    
    margin: 0 auto; padding-left: 15px;
  }
}
@-webkit-keyframes fadeInUpSD {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUpSD {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUpSD {
  -webkit-animation-name: fadeInUpSD;
  animation-name: fadeInUpSD;
}

.slick-active .slide-content {
  animation-name: fadeInUpSD;
  animation-duration: 1s;
  opacity: 1;
  width: 100%;
  padding: 10px 20px 30px 0;
}
.slider-svg { position: absolute; left: 0; top: 0;}
.hero-text .slick-prev{ left: 25px; background: url(/images/g-l.png) no-repeat; z-index: 1;    height: 47px;    width: 47px;}
.hero-text .slick-next{ right: 25px; background: url(/images/g-r.png) no-repeat; z-index: 1;    height: 47px;    width: 47px;}
.hero-text .slick-arrow:before{ display: none;}
 
    /* ── QUICK LINKS BAR ── */
    .quick-links-bar { background: #fff; padding: 30px 0;  }
    .quick-link-item {
      text-align: center;
      padding: 20px 10px;
      border-radius: 8px;
      transition: box-shadow .2s, transform .2s;
      cursor: pointer; display: flex; flex-direction: column;
    }
    .quick-link-item:hover { box-shadow: 0 6px 24px rgba(0,0,0,.1); transform: translateY(-3px); }
    .quick-link-item:hover span { color: #EC2B42;}
    .quick-link-item .icon-wrap {
      width: 120px; height: 120px;
       
      background: var(--light-gray);
      display: flex; align-items: center; justify-content: center;
      margin: 0 auto 12px;
      font-size: 1.6rem;
    }
    .quick-link-item span {color: var(--sample-4, #0060AA);
font-family: Montserrat, serif;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: uppercase; }
 /*big icons*/
 .icon-bg { margin-top: -145px; margin-bottom: -70px; position: relative;z-index: 1;}
 .icon-ul-new {display: flex !important;
width: 100%;
 
flex-direction: row;
align-items: center;
 

 
height: 147px;
border-radius: 47px;
 
background: rgba(255, 250, 225, 0.80);
backdrop-filter: blur(14.449999809265137px);
box-sizing: border-box; border: 1px solid #fff;

}
.icon-ul-new li { display: flex!important;  align-items: center; justify-content: center;}
.icon-ul-new li a
{     display: flex
;
    flex-direction: column;
    align-items: center; justify-content: center;
    gap: 10px;
} 
.icon-ul-new li div { text-align: center;}
.icon-ul-new li span
{ display: inline-block;
height: 89.211px;
 
justify-content: center;
align-items: center;
gap: 10.748px; width: 89.211px;
align-self: stretch; border-radius: 25.796px;
 
    padding-top: 24px;

    background: linear-gradient(0deg, #4944C4 0%, #4944C4 100%), linear-gradient(90deg, #4DBFFF 0%, #008DDB 100%);
      border: 4.299px solid #4944c4;

  }
  .icon-ul-new li span svg path {fill: #fff;}
   .icon-ul-new li:hover span svg path { fill: #4944c4;}
    .icon-ul-new li:hover span { background: transparent;}
      /* .icon-ul-new li:hover span svg path { fill: #fabac1;} */
.icon-ul-new li a p {color: #012B32;

text-align: center;
font-family: Inter;
font-size: 15.048px;
font-style: normal;
font-weight: 400;
line-height: normal; margin: 0; margin-top: 10px;}
 
.icon-ul-new .slick-prev{ left: 25px; background: url(/images/Group98.png) center center no-repeat;}
.icon-ul-new .slick-next{ right: 25px;  background: url(/images/Group91.png) center center no-repeat;}
.icon-ul-new  .slick-prev:before, .icon-ul-new  .slick-next:before { display: none;}


    /* ── SECTION TITLES ── */
    .section-title {
     color: #4944C4;
font-family: 'Cake Mania Regular';
font-size: 45px;
font-style: normal;
font-weight: 400;
line-height: normal;
    }
   

    /* ── PRINCIPAL MESSAGE ── */
    .principal-section { padding: 60px 0; background: url(/images/principal.jpg) top center no-repeat; background-size: cover;
    height: 730px;   }
    .no-desktop { display: none;}
    .yellow-left { position: absolute; left: 0; bottom: 0;}
    .yellow-right { position: absolute; right:15px; bottom: 15px;}
    .prin-box{    position: relative;    z-index: 1; margin-top: 151px;}
    .msg-text { background: #fff;display: flex;
 
padding: 34px;
flex-direction: column;
align-items: flex-end;
gap: 49px;}
   .msg-text p {color: #18305D;
text-align: justify;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 25px; /* 156.25% */}
    .msg-h {padding-left: 40px;    padding-bottom: 20px;}
 
  
    /* ── NEWS & UPDATES ── */

    .notice-box { padding: 10px 0; background: url(/images/notice-bg.png) top right no-repeat #fff; margin-top: 90px; }
    .layout {
    display: flex;
    gap: 28px;
    align-items: flex-start;
    max-width: 1200px;
    margin: 0 auto; flex-direction: column;
}
 .layout {
      display: flex;
      gap: 28px;
      align-items: flex-start;
      max-width: 1200px;
      margin: 0 auto;
    }

    /* Video Thumbnail */
     .media-card { padding: 0px 13px;}
   .media-card a.photo-box3 {border-radius: 18px; display: flex;
border: 1px solid #FFF; padding: 40px;
background: rgba(255, 255, 255, 0.50);
/* box-shadow: -6px -13px 68.1px 0 rgba(0, 0, 0, 0.12); */
backdrop-filter: blur(21.350000381469727px); flex-direction: column; height: 446px;}
 
.glry-text { margin-top: 38px;color: #18305D;
font-family: Inter, serif;
font-size: 12px;
font-style: normal;
font-weight: 300;
line-height: normal;
text-transform: uppercase;text-align: left;}
.glry-text h3{color: #4944C4;
font-family: Inter;
font-size: 24px;
font-style: normal;
font-weight: 600!important;
line-height: normal;
text-transform: uppercase;}
    .video-thumb {
      flex: 0 0 300px;
      position: relative;
      border-radius: 10px;
      overflow: hidden;
      cursor: pointer;
    }
.glry-text p {color: #18305D;
font-family: Inter;
font-size: 12px;
font-style: normal;
font-weight: 300!important;
line-height: normal;
text-transform: uppercase;}
    .video-thumb img {
      width: 100%;
      height: 220px;
      object-fit: cover;
      display: block;
      filter: brightness(0.85);
    }

    .play-btn {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 64px;
      height: 64px;
      background: var(--red);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      box-shadow: 0 4px 20px rgba(212,43,43,0.5);
      transition: transform 0.2s ease, box-shadow 0.2s ease;
    }

    .video-thumb:hover .play-btn {
      transform: translate(-50%, -50%) scale(1.1);
      box-shadow: 0 6px 28px rgba(212,43,43,0.65);
    }

    .play-btn svg {
      width: 24px;
      height: 24px;
      fill: white;
      margin-left: 4px;
    }
.media-grid .slick-prev { width: 47px; height: 47px; background: url(/images/g-l.png) no-repeat; float: left; top: auto;     left: 170px;    bottom: -46px;}
.media-grid .slick-next {width: 47px; height: 47px; background: url(/images/g-r.png) no-repeat; float: left; top: auto;     right: 170px;    bottom: -46px;}
.media-grid .slick-arrow::before { display: none;}
.glr-quote {color: #FFF;
text-align: center;
text-shadow: 0 4px 107px rgba(0, 0, 0, 0.75);
font-family: 'Cake Mania Regular';
font-size: 45px;
font-style: normal;
font-weight: 400;
line-height: normal; margin: 50px 0;}
.glary-view {display: inline-flex;
height: 55px;
padding: 15px 48px;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 20px;
background: #FFF;
box-sizing: border-box;
flex-direction: row; color: #4944C4;
font-family: Montserrat, serif;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;}
.glary-view:hover{    color: #fff;
    background: #dfb70e;
    border-color: transparent;}
/*toppers*/
.toppers-section { padding: 42px 0; background: #212121; position: relative; height: 609px;}
.toppers-section::after { content: ""; background: #413dc8; width: 50%; height: 461px;    position: absolute;    right: 0; display: block;    top: 0;}
.toppers-section::before {content: ""; background: #ffd101; width: 50%; height: 461px; background: url(/images/bdy-b.png) no-repeat #ffd101; background-size: cover; position: absolute; left: 0; display: block;    top: 0;}
.toppers-section .container{ position: relative;z-index: 1;}
/*tper bdy*/
.bdy-tpr-sld {      width: 100%;    display: flex;    }
.t-slider .slick-slide img{ max-width: none;     height: 159px;    width: 136px;}
.bdy-sld,.bdy-gift,.bdy-sld {float: left;
    width: 33.33%;
    text-align: center;
    display: flex;
    flex-direction: column;  }
  .t-slider .slick-slide {    align-items: center;    justify-content: center;       display: flex !important; flex-direction: column;}
  .bdy-gift {    margin-top: 230px; position: relative;}
  .troffiy{ margin-top: 0;}
.stud,.teach  {color: #FFF;
font-family: Inter, serif;
font-size: 25px;
font-style: normal;
font-weight: 800;
line-height: normal;
text-transform: uppercase; position: absolute;}
.stud{       left: -200px;    top: 142px;}
.teach{    right: -200px; top: 142px;}
.std_name { margin-top: 15px;}
.bdy-sld1 .std_name{ margin-top: 15px; color: #000;}
.bdy-sld1 .std_no{ margin-top: 15px; color: #fff;color: #000;
font-family: Inter, serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: uppercase;}
.t-slider2 .std_name{color: #fff;} 
.t-slider2 .std_no{color: #fff;}
.troffiy img{    height: 220px;    width: auto;}
/* .bdy-sld,.bdy-gift,.bdy-sld { display: flex;}
.bdy-sld { display: flex;} */

    /* News Grid */
    .news-grid {
      flex: 1;
      display: grid;
       
      gap: 16px; margin-top: 15px;
    }

    .news-card {
 
    
      padding: 13px 0px;
      display: flex;
      align-items: center;
      gap: 16px;
      position: relative;
      transition: transform 0.18s ease,  
    }

   

    /* Date Block */
    .date-block {
     flex: 0 0 0px;
    text-align: center;
   
   
     padding: 0px 13.75px;
    border-radius: 9px;
background: linear-gradient(180deg, #4944C4 0%, #23215E 100%);
    }
 .slick-vertical .slick-slide:nth-child(1) .news-card .date-block{ background: linear-gradient(180deg, #4944C4 0%, #23215E 100%);} 
.slick-vertical .slick-slide:nth-child(2) .news-card .date-block{ background: linear-gradient(180deg, #FFD100 0%, #997D00 100%);} 
.slick-vertical .slick-slide:nth-child(3) .news-card .date-block{ background: linear-gradient(180deg, #8AE702 0%, #4D8101 100%);} 

.slick-vertical .slick-slide:nth-child(4) .news-card .date-block{ background: linear-gradient(180deg, #4944C4 0%, #23215E 100%);} 
.slick-vertical .slick-slide:nth-child(5) .news-card .date-block{ background: linear-gradient(180deg, #FFD100 0%, #997D00 100%);} 
.slick-vertical .slick-slide:nth-child(6) .news-card .date-block{ background: linear-gradient(180deg, #8AE702 0%, #4D8101 100%);}  

    .date-block .day {
   color: #FFF;
font-family: Inter;
font-size: 50px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;line-height: 53px;
    }

    .date-block .month {
    color: #FFF;
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-transform: uppercase;
    }

    /* Card Body */
    .card-body {
      flex: 1; padding: 0;
    }

    .card-body .title {
      font-size: 0.82rem;
      font-weight: 600;
      color: var(--dark);
      line-height: 1.4;
      margin-bottom: 4px; max-width: 80%; text-align: left;
    }
    .card-body .title a{ color: #18305D;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-transform: uppercase;}
.card-body .title a:hover {   color: var(--red);}
    .card-body .updated {
      font-size: 0.75rem;
      color: var(--red);
      font-weight: 500;
    }
.parent-arrow { display: flex; gap: 5px;}
.parent-arrow li img { max-width: none; cursor: pointer;}
.news-btn2{    margin-top: -3px;    margin-left: 15px;}

    /* New Badge */
    .badge-new {
      position: absolute;
      top: 14px;
      right: 14px;
       
    }

 

    /* ── DARK FEATURES BAR ── */
    .features-bar { background: var(--navy); padding: 50px 0; margin-top: 100px; }
    .feature-item { text-align: center; padding: 10px; display: flex; flex-direction: column; }
    .feature-item .feat-icon {
      width: 112px; height: 112px;
      border: 2px solid #fff; background: #fff;
      border-radius: 50%;
      display: flex; align-items: center; justify-content: center;
      margin: 0 auto 12px;
      font-size: 1.5rem;
      color: #fff;
      transition: border-color .2s, background .2s;
    }
    .feature-item:hover .feat-icon { border-color: var(--primary); background: var(--primary);
         /* border: 2px solid var(--sample-4, #0060AA); */
 
box-shadow: 0 0 8px 0 #FFF;}
    .feature-item span { color: #FFF;
text-align: center;
font-family: Montserrat, serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;margin-top: 5px;}
.feature-item:hover span {color: var(--primary); }
 
    /* ── ABOUT ── */
    .about-us {padding: 60px 0;
    background: url(/images/about.png) top center no-repeat;
    background-size: cover;
    height: 574px;}
    .about-l { position: absolute; top: 15px; left: 15px;}
    .about-r { position: absolute; top: 0px; right: 0px;}
    .about-section { padding: 50px 0; background: #fff; }

     
    .about-section p {align-self: stretch;
color: #1E1E1E;
font-family: Montserrat, serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
    line-height: 27.6px;}

    /* ── FOUNDER ── */
    .founder-section { padding: 50px 0; background: #fff }
     
    .founder-section p {align-self: stretch;
color: #1E1E1E;
font-family: Montserrat, serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
     line-height: 27.6px; }

    /* ── GALLERY ── */
    .gallery-section { 

          padding: 70px 0;
    text-align: center;
    background: url(/images/gallery-bg.png) bottom center no-repeat #f5f5f5;
    background-position: center 258px;
    height: 860px;
    background-size: cover;
    }
    .gallery-img {
      width: 100%; height: 200px;
      object-fit: cover;
      border-radius: 6px;
      transition: transform .3s, box-shadow .3s;
    }
    .gallery-img:hover { transform: scale(1.04); box-shadow: 0 10px 30px rgba(0,0,0,.18); }
    .gallery-item { margin-bottom: 20px; overflow: hidden; border-radius: 6px; }
.glry-img { height: 274px; overflow: hidden; display: flex;}
.glry-img img { object-fit: cover; }
    /* ── APP DOWNLOAD ── */
    .app-section {
      background: #fff;
      padding: 50px 0; padding-bottom: 0;
       
    }
    .app-section h4 { color: var(--button-4, #EC2B42);
font-family: Montserrat, serif;
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: normal;
 }
 .app-section h4 span{align-self: stretch;
color: #1E1E1E;
text-align: center;
font-family: Montserrat, serif;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: normal;}
     
    .school-code {
      align-self: stretch;
color: var(--button-4, #EC2B42);
text-align: center;
font-family: Montserrat, serif;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: normal;
    }
    .down-icon img {margin-right: 20px;}
    .app-badge a{ margin: 6px;}
 
 .mobile-sl .slick-dots li.slick-active button:before {
   opacity: 1;
    color: transparent;
    border: 2px solid #fff;
    border-radius: 50%; background: transparent;
}
.mobile-sl .slick-dots li button:before { color:transparent; background: #fff;border: 2px solid #fff;    border-radius: 50%;}
.ecd{color: #FFF;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #FFF;
font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: uppercase; text-align: center;}
.s-code{color: #FFF;
font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 900;
line-height: normal;
text-transform: uppercase; text-align: center; margin: 10px 0;}
    /* ── FOOTER ── */
    .site-footer {  color:#fff; padding: 50px 0 0; background: url(/images/Frame36.png) top center no-repeat #4944C4; background-size: cover; }
    .site-footer h6 { color: #FFC502;
font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 800;
line-height: normal;
text-transform: uppercase;}
    .site-footer ul { list-style: none; padding: 0; margin: 0; }
    .site-footer ul li { margin-bottom: 13px;   }
    /* .site-footer ul li::before { content: '›'; color: #fff; margin-right: 6px;    font-size: 30px;    line-height: 30px;
     
    position: relative;
    top: 2px;} */

    .site-footer a { 
      color: #FFF;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-transform: uppercase;
      text-align: left;}
    .site-footer a:hover { color: #ff5248; }
    .site-footer ul li:hover ::before {color: #ff5248;}
    .download-btn2 svg { width: 100%; max-width: 225px;}
    .footer-brand {   line-height: 1.7; width: 100%; }
    .footer-brand strong { color: #fff; display: block; font-size: .95rem; margin-top: 8px; font-family: Montserrat, serif; }
    .footer-bottom {   padding: 14px 0; font-size: .75rem; text-align: center; color:#fff; align-self: stretch;
color: #FFF;
text-align: center;
font-family: Montserrat, serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 20px;}
.cont-infto{
color: #FFF;
text-align: center;
font-family: Montserrat, serif;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 20px;}
.ph-no{ 
 
text-align: left;
color: #FFF;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: normal;
text-transform: capitalize;
 }
    .social-icons a {
      display: inline-flex; align-items: center; justify-content: center;
      width: 32px; height: 32px;
      border-radius: 50%;
      background: rgba(255,255,255,.1);
      color: #fff;
      font-size: .85rem;
      margin-right: 6px;
      transition: background .2s;
    }
    .social-icons a:hover { background: var(--primary); }

    /* ── MISC ── */
     
  /*app*/
  .aap-section{background: rgba(69, 168, 91, 0.90);
backdrop-filter: blur(15.5px); } 
.d1{color: #000;
font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: uppercase;}
.d2 {

  color: #000;
font-family: Inter;
font-size: 30px;
font-style: normal;
font-weight: 800;
line-height: normal;
text-transform: uppercase;
}
.d3 { margin-top: 120px;}
a:hover {
    text-decoration: none
}
.mobile-sl { color: #fff; margin-top: 100px;}
body {
    margin: 0;
    padding: 0;
     font-family: "Inter", sans-serif;
    height: 100%;
    width: 100%;   
    text-align: justify;
   
    background: #fff;
}

html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

* {
    outline: none;
}

img {
    border: none;
}

a {
    text-decoration: none;
}

html {
    -webkit-text-size-adjust: 100%;
}

ul, p {
    margin: 0;
    padding: 0;
    list-style: none;
}

*, :before, :after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body, html {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

img {
    max-width: 100%;
    outline: none;
}

* {
  
}

a:hover {
    text-decoration: none;
}

a {
    text-decoration: none;
    outline: none;
}
  
.master-text {
    margin: 10px 0;
    min-height: 380px;
    float: left;
    width: 100%;
    color: #6b6b6b;
    padding: 0px 0px;
    line-height: 26px;
    font-size: 18px;
}

    .master-text p {
        margin-bottom: 10px;
    }

    .master-text img {
        max-width: 100%;
    }


.accordionHeader_Y {
    color: #fff;
    background: #2e4e7f url(/images/ajax-arrow1.png) 99% center no-repeat;
    padding: 10px;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 600;
    margin-top: 10px;
}

.accordionHeaderSelected {
    color: #ffffff;
    background: #EC2B42 url(/images/ajax-arrow.png) 99% center no-repeat;
    padding: 10px;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 600;
    margin-top: 10px;
}

.accordionContent_Y {
    background-color: #fff;
    padding: 25px;
    padding-top: 22px;
    border: 1px solid #EC2B42;
}

.ipibdr {
    border: 2px solid #2962b0;
}

.innerH2 {
    text-align: left;
    margin-bottom: 15px;
}

.innerImg {
    float: right;
    margin-left: 25px;
}

ul.innerUl li {
    padding-left: 40px;
    background: url(/images/ulbg.png) 0px 4px no-repeat;
    margin-bottom: 12px;
}

 .back-to-top {
    position: absolute;
    right: 15px;
    bottom: 30px;
}
.site-footer { position: relative;}
#headtitle {
    color: #fff;
    background: #4944c4;
    padding: 7px 20px;
    color: #fff;
    font-family: Inter;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-align: center;
    text-transform: uppercase;
    margin: 20px 0;
    margin-top: 60px;
}