:root{
  --navy:#033298;
  --deep:#1a0c49;
  --btn:#5242d8;
  --btn-h:#6b5cf0;
  --yellow:#FFD000;
  --white:#ffffff;
  --off:#f5f7fc;
  --off2:#eef1f9;
  --text:#0f172a;
  --muted:#4b5563;
  --light:#9ca3af;
  --border:#e2e8f0;
  --shadow:0 4px 24px rgba(3,50,152,.08);
  --shadow-lg:0 12px 48px rgba(3,50,152,.14);
}
/* section{padding:80px 6%;} */
.s-tag{display:inline-flex;align-items:center;gap:8px;font-size:.69rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--btn);margin-bottom:.75rem;}
.s-tag::before{content:'';width:18px;height:2px;background:var(--btn);border-radius:2px;display:block;}
h2.s-title{font-family:'Syne',sans-serif;font-size:clamp(1.65rem,3vw,2.5rem);font-weight:800;letter-spacing:-.025em;line-height:1.12;color:var(--deep);margin-bottom:.9rem;}
h2.s-title span{color:var(--btn); font-size:clamp(1.65rem,3vw,2.5rem);}
.s-desc{font-size:.94rem;line-height:1.78;color:var(--muted);max-width:580px;}
.bg-off{background:var(--off);}

.sr{opacity:0;transform:translateY(22px);transition:opacity .5s ease,transform .5s ease;}
.sr.in{opacity:1;transform:none;}

@media(max-width:900px){
  .about-grid,.contact-layout{grid-template-columns:1fr;}
  section{padding:60px 5%;}
  .hero{padding:60px 5% 55px;}
}
@media(max-width:560px){
  .frow{grid-template-columns:1fr;}
  .why-cards{grid-template-columns:1fr 1fr;}
}

.apply-area {
    background: linear-gradient(90deg, #362B8D -13.85%, #9360A2 24.7%, #F9C474 84.1%);
    padding: .75rem;
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
}
.apply-area .apply-area-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.apply-area .apply-area-wrapper .apply-area-img {
    min-width: 40px;
    max-width: 40px;
    margin: 0 .4375rem;
}
.apply-area .apply-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 1rem;
    gap: .4375rem;
    transition: all .35s;
}
.js-load-hidden{
    display:none !important;
}
@media(max-width:767px){
    .js-mobile-slider{
        display:flex !important;
        overflow-x:auto;
        overflow-y:hidden;
        gap:1rem;
        scroll-snap-type:x mandatory;
        padding-bottom:10px;
        -webkit-overflow-scrolling:touch;
    }
    .js-mobile-slide-group{
        display:flex;
        flex-direction:column;
        gap:1rem;
    }
    .js-mobile-slider::-webkit-scrollbar{
        height:6px;
    }
    .js-mobile-slider::-webkit-scrollbar-thumb{
        background:rgba(0,0,0,.15);
        border-radius:20px;
    }
    .js-mobile-slider .js-mobile-slide-group{
        max-width:220px;
        flex:0 0 auto;
        scroll-snap-align:start;
    }
}

.realted-links-area {
  padding-top: 4.5rem;
}

@media (max-width: 576px) {
  .realted-links-area {
    padding-top: 1.5rem;
  }
}

.realted-links-area .link-head {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.realted-links-area .owl-carousel .owl-stage-outer {
  padding-top: 10px;
  padding-bottom: 10px;
}

.realted-links-area .related-boxes {
  padding-top: 0.875rem;
}

.realted-links-area .related-boxes .box-img {
  max-width: 2.5rem;
  min-width: 2.5rem;
}

@media (max-width: 576px) {
  .realted-links-area .related-boxes .box-img {
    max-width: 2rem;
    min-width: 2rem;
  }
}

.realted-links-area .related-boxes .box-areas {
  width: 100%;
  height: 100%;
  border: 1px solid rgba(129, 129, 129, 0.2);
  border-radius: 0.75rem;
  padding: 1.96875rem 1.5rem;
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  position: relative;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}

@media (max-width: 768px) {
  .realted-links-area .related-boxes .box-areas {
    padding: 1rem;
  }
}

.realted-links-area .related-boxes .box-areas:hover {
  background: linear-gradient(
    90deg,
    rgba(82, 66, 216, 0.06) 21.49%,
    rgba(167, 69, 113, 0.06) 91.28%
  );
  transform: translateY(-5px);
  transition: all 0.3s ease-in-out;
  z-index: 1;
}

.realted-links-area .related-boxes .box-areas:hover .box-redirection {
  --box-redirection-arrow-color: #fff;
  transform: rotate(45deg);
}

.realted-links-area .related-boxes .box-areas:hover .box-redirection::before {
  opacity: 1;
  visibility: visible;
}

.realted-links-area .related-boxes .box-areas .box-data {
  display: flex;
  align-items: start;
  gap: 1rem;
}
.realted-links-area .related-boxes .box-areas .box-data{
	align-items:center;
}
.realted-links-area .related-boxes .box-areas .box-data h3{
	margin:0px !important;
	padding:0px !important;
}
@media (max-width: 576px) {
  .realted-links-area .related-boxes .box-areas .box-data {
    gap: 0.5rem;
  }
}

.realted-links-area .related-boxes .box-areas .box-redirection {
  --box-redirection-arrow-color: #5242D8;
  position: relative;
  min-width: 2.5rem;
  max-width: 2.5rem;
  height: 2.5rem;
  background-color: var(--blue-varient-1);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: all 0.4s ease-in-out;
}

@media (max-width: 768px) {
  .realted-links-area .related-boxes .box-areas .box-redirection {
    display: none;
  }
}

.realted-links-area .related-boxes .box-areas .box-redirection svg * {
  stroke: var(--box-redirection-arrow-color);
  transition: all 0.4s ease-in-out;
  will-change: transform;
}

.realted-links-area .related-boxes .box-areas .box-redirection::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 48px;
  background: linear-gradient(90deg, #5242D8 0.04%, #A74571 91.24%);
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  transition: all 0.4s ease-in-out;
}

.related-boxes {
  position: relative;
}

.related-boxes .item {
  height: 100%;
}

.related-boxes .owl-stage {
  display: flex;
  padding-inline: max(
    var(--layout-container-gap),
    (100% - var(--layout-container-width)) / 2
  ) !important;
}

.realted-links-area-row .related-boxes {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 12px;
}

@media (max-width: 992px) {
  .realted-links-area-row .related-boxes {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 576px) {
  .realted-links-area-row .related-boxes {
    grid-template-columns: 1fr;
  }

  .realted-links-area-row .related-boxes .box-areas .box-data {
    display: flex;
    align-items: center;
	 
  }
}
.program-detail-tabs {
    background-color: #241d63;
    position: sticky;
    top: 77px;
    z-index: 5;
    transition: all .4s ease;
}
.tab-layout-1 .program-detail-nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    gap: .5rem;
    padding-inline: max(0px, (100% - var(--layout-container-width)) / 2) var(--layout-container-gap);
    overflow-x: auto;
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    scroll-padding: var(--layout-container-gap);
}
.tab-layout-1 .nav-link {
    padding: 1.5rem 1.25rem;
    color: var(--white);
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    width: -moz-max-content;
    width: max-content;
    position: relative;
    transition: all .4s ease-in-out;
}
.tab-layout-1 .nav-link.active, .tab-layout-1 .nav-link:hover {
    color: var(--white);
    background: linear-gradient(90deg, #ED93B5 21.49%, #F7B551 91.28%);
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    -webkit-background-clip: text;
}
.tab-layout-1 .nav-link.active::after, .tab-layout-1 .nav-link:hover::after {
    opacity: 1;
    visibility: visible;
}
.tab-layout-1 .nav-link::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, #ED93B5 21.49%, #F7B551 91.28%);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    transition: all .4s ease-in-out;
    opacity: 0;
    visibility: hidden;
}