/*========================================
  HOME ABOUT SECTIONS
=========================================*/

.home1,
.home1 *,
.home2,
.home2 *,
.home3,
.home3 * {
  box-sizing: border-box;
}


/* Desktop / Large Screens */
@media (min-width: 1200px) and (max-width: 1399px) {
  .home1__container {
    max-width: 1220px;
  }
}

/* Laptop / Wide Screens */
@media (min-width: 1400px) and (max-width: 1600px) {
  .home1__container {
    max-width: 1450px;
  }

}

@media (min-width: 1900px) {
  .home1__container {
    max-width: 1800px;
  }
}


/* Desktop / Large Screens */
@media (min-width: 1200px) and (max-width: 1399px) {
  .home2__container {
    max-width: 1220px;
  }
}

/* Laptop / Wide Screens */
@media (min-width: 1400px) and (max-width: 1600px) {
  .home2__container {
    max-width: 1450px;
  }

}

@media (min-width: 1900px) {
  .home2__container {
    max-width: 1800px;
  }
}



/* Desktop / Large Screens */
@media (min-width: 1200px) and (max-width: 1399px) {
  .home3__container {
    max-width: 1220px;
  }
}

/* Laptop / Wide Screens */
@media (min-width: 1400px) and (max-width: 1600px) {
  .home3__container {
    max-width: 1450px;
  }

}

@media (min-width: 1900px) {
  .home3__container {
    max-width: 1800px;
  }
}

/* Desktop / Large Screens */
@media (min-width: 1200px) and (max-width: 1399px) {

  .mainabout1 .container,
  .mainabout2 .container,
  .mainabout3 .container,
  .mainabout4 .container,
  .mainabout5 .container,
  .mainabout7 .container,
  .mainabout8 .container {
    max-width: 1220px;
  }
}

/* Laptop / Wide Screens */
@media (min-width: 1400px) and (max-width: 1600px) {

  .mainabout1 .container,
  .mainabout2 .container,
  .mainabout3 .container,
  .mainabout4 .container,
  .mainabout5 .container,
  .mainabout7 .container,
  .mainabout8 .container {
    max-width: 1450px;
  }

}

@media (min-width: 1900px) {

  .mainabout1 .container,
  .mainabout2 .container,
  .mainabout3 .container,
  .mainabout4 .container,
  .mainabout5 .container,
  .mainabout7 .container,
  .mainabout8 .container {
    max-width: 1800px;
  }
}




.home1 {
  padding: 90px 20px 90px;
  background: #fff;
  font-family: 'Poppins', 'Inter', Arial, sans-serif;
}

.home1__container {
  padding-right: 20px;
  padding-left: 20px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 300px 1fr;
  gap: 80px;
  align-items: start;
}

.home1__title h2 {
  font-family: 'Outfit', sans-serif;
  margin: 0;
  color: #071525;
  font-size: 50px;
  line-height: 1em;
  font-weight: 700;
}

.home1__content p {
  font-family: "Inter", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #292929;
  line-height: 1.6em;
  margin: 0 0 28px;
}


.home2 {
  background: #f7f7f7;
  padding: 50px 20px 70px;
  font-family: 'Poppins', 'Inter', Arial, sans-serif;
}

.home2__container {
  padding-right: 20px;
  padding-left: 20px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 200px 1fr 1fr;
  gap: 28px;
  align-items: start;
}

.home2__links {
  padding-top: 75px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.home2__links a {
  color: #071525;
  text-decoration: none;
  font-size: 18px;
  font-weight: 500;
  font-family: "Inter", Sans-serif;
}

.home2__links i {
  margin-left: 8px;
  font-size: 13px;
}

.home2__card {
  background: #fff;
  min-height: 205px;
  padding: 45px 45px 35px;
  position: relative;
  transition: all .4s ease;
}

.home2__icon {
  color: #1d2475;
  font-size: 22px;
  margin-bottom: 12px;
  transition: all .4s ease;
}

.home2__card h3 {
  font-family: 'Outfit', sans-serif;
  margin: 0 0 18px;
  color: #071525;
  font-size: 27px;
  font-weight: 700;
  transition: all .4s ease;
}

.home2__card p {
  margin: 0;
  font-family: "Inter", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #000;
  line-height: 1.6em;
  max-width: 260px;
  transition: all .4s ease;
}

.home2__card>a {
  position: absolute;
  right: 35px;
  bottom: 28px;
  color: #071525;
  font-size: 15px;
  transition: all .4s ease;
}

/*==========================
 Hover Effect
==========================*/

.home2__card:hover {
  background: #36348e;
  transform: translateY(-8px);
  box-shadow: 0 18px 45px rgba(54, 52, 142, .28);
}

.home2__card:hover .home2__icon,
.home2__card:hover h3,
.home2__card:hover p,
.home2__card:hover>a {
  color: #fff;
}

.home2__card:hover>a {
  transform: translateX(6px);
}

.home2__stats {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 200px;
  margin-top: 75px;
  padding-left: 0;
  margin: auto;
  padding-top: 20px;
  padding-bottom: 20px;
}

.home2__stats strong {
  display: block;
  font-family: 'Outfit', sans-serif;
  font-size: 80px;
  font-weight: 700;
  line-height: 1em;
  margin-bottom: 20px;
  color: #00287d;
}

.home2__stats span {
  display: block;
  color: #071525;
  font-size: 10px;
  line-height: 1.55;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: .4px;
  text-align: center;
}

.home3 {
  background: #fff;
  padding: 0 20px 90px;
  font-family: 'Poppins', 'Inter', Arial, sans-serif;
}

.home3__container {
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 80px;
  align-items: center;
}

.home3__image,
.home3__content {
  width: 100%;
  min-width: 0;
}

.home3__image img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}

@media(max-width:1199px) {
  .home3__container {
    gap: 50px;
  }
}

@media(max-width:767px) {
  .home3__container {
    grid-template-columns: 1fr;
    gap: 35px;
  }
}

.home3__content {
  padding-left: 0;
}

.home3__icon {
  color: #1d2475;
  font-size: 34px;
  margin-bottom: 28px;
}

.home3__content h2 {
  font-family: 'Outfit', sans-serif;
  margin: 0 0 28px;
  color: #071525;
  font-size: 40px;
  line-height: 1.15;
  font-weight: 700;
}

.home3__content p {
  margin: 0 0 36px;
  font-family: "Inter", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #000;
  line-height: 1.6em;
}

.home3__image img {
  width: 100%;
  height: 550px;
  object-fit: cover;
  display: block;
  border-radius: 25px;
}

/* Responsive */

@media(max-width:991px) {

  .home1 {
    padding: 80px 20px 60px;
  }

  .home1__container {
    grid-template-columns: 1fr;
    gap: 30px;
  }

  .home2 {
    padding: 70px 20px;
  }

  .home2__container {
    grid-template-columns: 1fr 1fr;
  }

  .home2__links {
    grid-column: 1 / -1;
    padding-top: 0;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
  }

  .home2__stats {
    gap: 40px;
    margin-top: 45px;
  }

  .home3__container {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .home3__image img {
    height: auto;
  }
}

@media(max-width:767px) {

  .home1__title h2 {
    font-size: 34px;
  }

  .home2__container {
    grid-template-columns: 1fr;
  }

  .home2__card {
    padding: 35px 28px;
  }

  .home2__stats {
    grid-template-columns: 1fr;
    gap: 35px;
  }

  .home2__stats strong {
    font-size: 44px;
  }

  .home3__content h2 {
    font-size: 28px;
  }
}


.coursec {
  background: #fff;
  padding: 65px 0 78px;
  overflow: hidden;
}



.coursec-top {
  display: grid;
  grid-template-columns: 260px 310px 300px;
  gap: 60px;
  align-items: start;
  margin-bottom: 70px;
}

.coursec-heading h2 {
  font-family: 'Outfit', sans-serif;
  margin: 0;
  color: #071525;
  font-size: 48px;
  line-height: 1.15;
  font-weight: 700;
}

.coursec-text p {
  font-family: "Inter", sans-serif;
  margin: 0;
  font-size: 18px;
  font-weight: 400;
  color: #000;
  line-height: 1.6em;
}

.coursec-arrow-wrap {
  display: flex;
  justify-content: flex-end;
  gap: 24px;
  margin: -18px 0 38px;
}

.coursec-arrow-wrap button {
  border: 0;
  background: transparent;
  color: #071525;
  font-size: 16px;
  line-height: 1;
  padding: 0;
  cursor: pointer;
}

.coursec-slider {
  overflow: visible;
}

.coursec-card {
  background: #fff;
}

.coursec-img {
  width: 100%;
  height: 350px;
  overflow: hidden;
  margin-bottom: 22px;
}

.coursec-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.coursec-card h3 {
  font-family: 'Outfit', sans-serif;
  margin: 0;
  color: #071525;
  font-size: 26px;
  line-height: 1.25;
  font-weight: 700;
}

.coursec-line {
  width: 58px;
  height: 3px;
  display: block;
  margin: 13px 0 15px;
}

.coursec-orange {
  background: #f05a28;
}

.coursec-green {
  background: #16a66a;
}

.coursec-blue {
  background: #1687d9;
}

.coursec-yellow {
  background: #f1b51c;
}

.coursec-card p {
  font-family: "Inter", sans-serif;
  margin: 0 0 18px;
  color: #000;
  font-size: 18px;
  line-height: 1.55;
  font-weight: 400;
}

.coursec-card a {
  font-family: "Inter", sans-serif;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #000;
  font-size: 13px;
  line-height: 1;
  text-decoration: none;
}

.coursec-card a i {
  color: #071525;
  font-size: 13px;
}

.coursec-bottom {
  width: 680px;
  max-width: 100%;
  margin: 88px auto 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.coursec-info {
  padding: 0 65px;
}

.coursec-info:first-child {
  border-right: 1px solid #d8d8d8;
}

.coursec-info>i {
  font-size: 28px;
  color: #071525;
  margin-bottom: 22px;
}

.coursec-info h3 {
  font-family: 'Outfit', sans-serif;
  margin: 0 0 26px;
  color: #071525;
  font-size: 24px;
  line-height: 1.2;
  font-weight: 700;
}

.coursec-info a {
  font-family: "Inter", sans-serif;
  display: block;
  color: #071525;
  font-size: 18px;
  line-height: 1.3;
  text-decoration: none;
  margin-bottom: 18px;
}

.coursec-info a i {
  margin-left: 5px;
}

.coursec-info .coursec-detail {
  margin-top: 30px;
  color: #30285d;
  text-decoration: underline;
}

@media (max-width: 1199px) {
  .coursec-top {
    grid-template-columns: 240px 1fr 1fr;
    gap: 40px;
  }
}

@media (max-width: 991px) {
  .coursec {
    padding: 55px 0 65px;
  }

  .coursec-top {
    grid-template-columns: 1fr;
    gap: 18px;
    margin-bottom: 45px;
  }

  .coursec-heading h2 {
    font-size: 28px;
  }

  .coursec-text p {
    font-size: 16px;
  }

  .coursec-arrow-wrap {
    justify-content: flex-start;
    margin: 0 0 30px;
  }
}

@media (max-width: 767px) {
  .coursec-img {
    height: 230px;
  }

  .coursec-bottom {
    grid-template-columns: 1fr;
    margin-top: 65px;
    gap: 35px;
  }

  .coursec-info {
    padding: 0;
  }

  .coursec-info:first-child {
    border-right: 0;
    border-bottom: 1px solid #d8d8d8;
    padding-bottom: 35px;
  }
}

@media (max-width: 575px) {
  .coursec {
    padding: 50px 0 58px;
  }

  .coursec-heading h2 {
    font-size: 26px;
  }

  .coursec-text p {
    font-size: 15px;
  }

  .coursec-img {
    height: 210px;
  }

  .coursec-card h3 {
    font-size: 18px;
  }

  .coursec-info h3 {
    font-size: 22px;
  }
}


.admx-hero,
.admx-apply,
.admx-tuition,
.admx-campus,
.admx-sports,
.admx-news {
  background: #fff;
}

.admx-hero {
  padding: 55px 0 70px;
}

.admx-hero-grid {
  display: grid;
  grid-template-columns: 420px 300px;
  gap: 90px;
  align-items: center;
}

.admx-hero-img img {
  width: 100%;
  height: 285px;
  object-fit: cover;
  display: block;
}

.admx-hero-content h2,
.admx-section-head h3,
.admx-scholarship h3,
.admx-tuition h3,
.admx-campus h3,
.admx-sports h3,
.admx-news h3,
.admx-cta h2 {
  font-family: 'Outfit', sans-serif;
  margin: 0;
  color: #071525;
  font-weight: 700;
  line-height: 1.15;
}

.admx-hero-content h2 {
  font-size: 34px;
  margin-bottom: 25px;
}

.admx-hero-content p,
.admx-apply-card p,
.admx-scholarship p,
.admx-tuition p,
.admx-campus p,
.admx-sports p,
.admx-news-card p {
  font-family: "Inter", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #000;
  line-height: 1.6em;
  margin: 0;
}

.admx-hero-content a,
.admx-section-head a,
.admx-tuition a,
.admx-campus a,
.admx-news-card span {
  font-family: "Inter", sans-serif;
  font-size: 13px;
  color: #30285d;
  text-decoration: underline;
  display: inline-block;
  margin-top: 28px;
}

.admx-apply {
  padding: 35px 0 65px;
}

.admx-section-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 60px;
}

.admx-section-head h3 {
  font-size: 32px;
}

.admx-section-head a {
  margin: 0;
}

.admx-apply-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

.admx-apply-card {
  display: grid;
  grid-template-columns: 34px 1fr;
  gap: 18px;
  padding-right: 35px;
  border-right: 1px solid #ddd;
}

.admx-apply-card:last-child {
  border-right: 0;
  padding-left: 35px;
}

.admx-apply-card:nth-child(2) {
  padding-left: 35px;
}

.admx-apply-card i {
  font-size: 24px;
  color: #071525;
}

.admx-apply-card h4 {
  font-family: 'Outfit', sans-serif;
  font-size: 28px;
  color: #071525;
  font-weight: 700;
  margin: 0 0 12px;
}

.admx-scholarship {
  background: #ffc533;
  padding: 48px 0;
}

.admx-scholarship-grid {
  display: grid;
  grid-template-columns: 240px 1fr 190px;
  gap: 45px;
  align-items: center;
}

.admx-scholarship h3 {
  font-size: 26px;
}

.admx-scholarship a {
  background: #071525;
  color: #fff;
  padding: 18px 25px;
  text-decoration: none;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 700;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.admx-tuition {
  padding: 90px 0 95px;
}

.admx-tuition-grid {
  display: grid;
  grid-template-columns: 250px 270px 270px;
  gap: 70px;
  align-items: start;
}

.admx-tuition-intro i {
  font-size: 30px;
  color: #071525;
  margin-bottom: 35px;
}

.admx-tuition h3 {
  font-size: 26px;
  margin-bottom: 25px;
}

.admx-cost-box {
  background: #f7f7f7;
  padding: 45px 45px 42px;
  min-height: 350px;
}

.admx-cost-box-light {
  background: #fff;
}

.admx-cost-box h4 {
  font-family: 'Outfit', sans-serif;
  color: #071525;
  font-size: 20px;
  line-height: 1.25;
  margin: 0 0 32px;
  font-weight: 700;
}

.admx-cost-box div {
  display: flex;
  justify-content: space-between;
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 13px;
  margin-bottom: 20px;
}

.admx-cost-box strong {
  font-weight: 700;
}

.admx-cost-box .total {
  margin-top: 45px;
  margin-bottom: 0;
  font-weight: 700;
}

.admx-life {
  background: #fff;
}

.admx-life-grid {
  display: grid;
  grid-template-columns: 1fr 280px 280px 1fr;
  min-height: 360px;
}

.admx-life-blue {
  background: #00287d;
  position: relative;
  padding: 60px 0 40px 42%;
  overflow: hidden;
}

.admx-life-blue h2 {
  font-family: 'Outfit', sans-serif;
  font-size: 38px;
  line-height: 1.05;
  color: #fff;
  margin: 0;
  font-weight: 700;
}

.admx-life-blue a {
  font-family: "Inter", sans-serif;
  font-size: 13px;
  color: #fff;
  text-decoration: underline;
  display: inline-block;
  margin-top: 105px;
  font-weight: 700;
}

.admx-life-blue img {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 500px;
  max-width: 55%;
  object-fit: contain;
}

.admx-life-menu {
  background: #dfe5ff;
  padding: 62px 55px;
}

.admx-life-menu a {
  display: block;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  color: #071525;
  text-decoration: none;
  margin-bottom: 24px;
}

.admx-life-yellow {
  background: #ffc533;
  padding: 170px 55px 45px;
}

.admx-life-yellow h3 {
  font-family: 'Outfit', sans-serif;
  font-size: 28px;
  line-height: 1.18;
  color: #071525;
  margin: 0;
  font-weight: 700;
}

.admx-life-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.admx-campus {
  padding: 95px 0 75px;
}

.admx-campus-grid {
  display: grid;
  grid-template-columns: 250px 1fr;
  gap: 190px;
}

.admx-campus i {
  font-size: 30px;
  color: #071525;
  margin-bottom: 35px;
}

.admx-campus h3 {
  font-size: 26px;
}


.admx-sports {
  padding: 20px 0 90px;
}

.admx-sports-grid {
  display: grid;
  grid-template-columns: 420px 360px;
  gap: 85px;
  align-items: center;
}

.admx-sports-img img {
  width: 100%;
  height: 325px;
  object-fit: cover;
  display: block;
}

.admx-sports h3 {
  font-size: 26px;
  margin-bottom: 28px;
}

.admx-sports-links {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px 50px;
  margin-top: 28px;
}

.admx-sports-links a {
  font-family: "Inter", sans-serif;
  color: #071525;
  font-size: 18px;
  text-decoration: none;
}

.admx-news {
  padding: 20px 0 110px;
}

.admx-news h3 {
  font-size: 26px;
  margin-bottom: 38px;
}

.admx-news-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 45px;
}

.admx-news-card {
  background: #f7f7f7;
  padding: 38px 35px;
  min-height: 210px;
}

.admx-news-card h4 {
  font-family: 'Outfit', sans-serif;
  color: #071525;
  font-size: 18px;
  line-height: 1.2;
  font-weight: 700;
  margin: 0 0 18px;
}

.admx-news-card span {
  margin: 0 0 18px;
  text-decoration: none;
  color: #777;
  font-size: 11px;
}

.admx-cta {
  background: #b9dff5;
  position: relative;
  padding: 55px 0;
}

.admx-cta-grid {
  display: grid;
  grid-template-columns: 1fr 250px 220px;
  align-items: center;
  gap: 40px;
}

.admx-cta h2 {
  font-size: 38px;
}

.admx-cta-img {
  position: relative;
  height: 120px;
}

.admx-cta-img img {
  position: absolute;
  bottom: -55px;
  left: 0;
  max-height: 230px;
}

.admx-cta-action>a {
  background: #071525;
  color: #fff;
  padding: 19px 26px;
  text-decoration: none;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 700;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.admx-cta-action div {
  text-align: center;
  margin-top: 16px;
}

.admx-cta-action div a,
.admx-cta-action span {
  font-family: "Inter", sans-serif;
  font-size: 12px;
  color: #071525;
  text-decoration: none;
  margin: 0 9px;
}

/* Responsive */
@media (max-width: 1199px) {

  .admx-hero-grid,
  .admx-tuition-grid,
  .admx-sports-grid {
    grid-template-columns: 1fr 1fr;
    gap: 45px;
  }

  .admx-cost-box-light {
    grid-column: 2;
  }

  .admx-life-grid {
    grid-template-columns: 1fr 1fr;
  }

  .admx-life-blue,
  .admx-life-menu,
  .admx-life-yellow,
  .admx-life-photo {
    min-height: 320px;
  }

  .admx-campus-grid {
    gap: 80px;
  }
}

@media (max-width: 991px) {

  .admx-hero-grid,
  .admx-scholarship-grid,
  .admx-tuition-grid,
  .admx-campus-grid,
  .admx-sports-grid,
  .admx-cta-grid {
    grid-template-columns: 1fr;
  }

  .admx-cost-box-light {
    grid-column: auto;
  }

  .admx-apply-grid,
  .admx-news-grid {
    grid-template-columns: 1fr;
    gap: 25px;
  }

  .admx-apply-card,
  .admx-apply-card:nth-child(2),
  .admx-apply-card:last-child {
    border-right: 0;
    border-bottom: 1px solid #ddd;
    padding: 0 0 25px;
  }

  .admx-section-head {
    gap: 20px;
  }

  .admx-cta-img img {
    position: static;
    max-height: 200px;
  }

  .admx-cta-img {
    height: auto;
  }
}

@media (max-width: 767px) {

  .admx-hero,
  .admx-tuition,
  .admx-campus,
  .admx-sports,
  .admx-news {
    padding: 55px 0;
  }

  .admx-hero-content h2,
  .admx-cta h2 {
    font-size: 30px;
  }

  .admx-life-grid {
    grid-template-columns: 1fr;
  }

  .admx-life-blue {
    padding: 45px 25px;
  }

  .admx-life-blue img {
    position: static;
    max-width: 100%;
    height: auto;
    margin-top: 25px;
  }

  .admx-life-blue a {
    margin-top: 35px;
  }

  .admx-life-menu,
  .admx-life-yellow {
    padding: 40px 25px;
  }

  .admx-section-head {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (max-width: 575px) {

  .admx-hero-img img,
  .admx-sports-img img {
    height: 240px;
  }

  .admx-scholarship h3,
  .admx-tuition h3,
  .admx-campus h3,
  .admx-sports h3,
  .admx-news h3 {
    font-size: 23px;
  }

  .admx-cost-box {
    padding: 35px 25px;
  }

  .admx-sports-links {
    grid-template-columns: 1fr;
  }

  .admx-cta h2 {
    font-size: 28px;
  }
}




.finalfooter {
  background:
    radial-gradient(circle at 15% 10%, rgba(255, 197, 51, .18), transparent 28%),
    linear-gradient(135deg, #ffffff 0%, #f7f8fb 55%, #eef4ff 100%);
  padding: 70px 0 25px;
  color: #071525;
  position: relative;
  overflow: hidden;
}

.finalfooter-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 25px;
  padding-bottom: 35px;
  border-bottom: 1px solid rgba(7, 21, 37, .12);
}

.finalfooter-brand {
  display: flex;
  align-items: center;
  gap: 18px;
}

.finalfooter-brand img {
  width: 120px;
  object-fit: contain;
}

.finalfooter-brand h3 {
  color: #071525;
  font-size: 30px;
  font-family: Georgia, serif;
  margin-bottom: 6px;
}

.finalfooter-brand p {
  color: #000;
  margin: 0;
}

.finalfooter-btn {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  background: #071525;
  color: #fff;
  padding: 15px 30px;
  border-radius: 0;
  font-weight: 700;
  transition: .35s ease;
  text-decoration: none;
}

.finalfooter-btn:hover {
  color: #071525;
  background: #ffc533;
  transform: translateY(-3px);
  box-shadow: 0 16px 35px rgba(255, 197, 51, .28);
}

.finalfooter-grid {
  display: grid;
  grid-template-columns: 1.1fr 1fr 1fr 1fr 1.5fr;
  gap: 35px;
  padding: 42px 0;
}

.finalfooter-grid h4 {
  font-family: "Inter", Sans-serif;
  color: #071525;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 18px;
}

.finalfooter-grid a {
  font-family: "Inter", Sans-serif;
  display: block;
  color: #000;
  font-size: 15px;
  margin-bottom: 11px;
  transition: .3s ease;
  text-decoration: none;
}

.finalfooter-grid a i {
  color: #ffc533;
  width: 22px;
}

.finalfooter-grid a:hover {
  color: #071525;
  padding-left: 5px;
}

.finalfooter-bottom {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 18px;
  padding-top: 22px;
  border-top: 1px solid rgba(7, 21, 37, .12);
  margin: 0 auto;
  text-align: center;
  flex-wrap: wrap;
}

.finalfooter-bottom p {
  color: #000;
  margin: 0;
  font-size: 18px;
}

.finalfooter-social {
  display: flex;
  gap: 10px;
}

.finalfooter-social a {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: #f1f3f8;
  color: #071525;
  border: 1px solid rgba(7, 21, 37, .12);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: .35s ease;
  text-decoration: none;
}

.finalfooter-social a:hover {
  background: #ffc533;
  color: #071525;
  border-color: #ffc533;
  transform: translateY(-4px);
}

@media (max-width: 991px) {

  .finalfooter-top,
  .finalfooter-bottom {
    flex-direction: column;
    text-align: center;
  }

  .finalfooter-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .finalfooter-brand {
    justify-content: center;
  }
}

@media (max-width: 575px) {
  .finalfooter {
    padding: 55px 0 22px;
  }

  .finalfooter-brand {
    flex-direction: column;
    text-align: center;
  }

  .finalfooter-brand h3 {
    font-size: 25px;
  }

  .finalfooter-grid {
    grid-template-columns: 1fr;
    text-align: center;
    gap: 22px;
  }

  .finalfooter-grid a:hover {
    padding-left: 0;
  }

  .finalfooter-social {
    justify-content: center;
  }
}

.coursecnewone {
  padding: 90px 0;
  background: #f8f9fc;
}

.coursecnewone-heading {
  max-width: 1000px;
  margin: 0 auto 50px;
}

.coursecnewone-heading span {
  font-family: "Inter", Sans-serif;
  display: inline-block;
  color: #00287d;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.coursecnewone-heading h2 {
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 42px;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 14px;
}

.coursecnewone-heading p {
  font-family: "Inter", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #000;
  line-height: 1.6em;
  margin: 0;
}

.coursecnewone-card {
  height: 100%;
  background: #fff;
  border: 1px solid #eee;
  overflow: hidden;
  transition: all 0.35s ease;
}

.coursecnewone-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 22px 55px rgba(0, 0, 0, 0.12);
}

.coursecnewone-img {
  position: relative;
  height: 375px;
  overflow: hidden;
}

.coursecnewone-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.45s ease;
}

.coursecnewone-card:hover .coursecnewone-img img {
  transform: scale(1.08);
}

.coursecnewone-content {
  position: relative;
  padding: 34px 28px 30px;
  background: #e7eaff;
}

.coursecnewone-icon {
  width: 58px;
  height: 58px;
  background: #00287d;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  margin-bottom: 22px;
  transition: all 0.35s ease;
}

.coursecnewone-card:hover .coursecnewone-icon {
  background: #111;
}

.coursecnewone-content h3 {
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 27px;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 12px;
}

.coursecnewone-content p {
  font-family: "Inter", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #000;
  margin-bottom: 22px;
}

.coursecnewone-content a {
  font-family: "Inter", Sans-serif;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #00287d;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  transition: all 0.3s ease;
}

.coursecnewone-content a:hover {
  color: #111;
  gap: 12px;
}

@media (max-width: 1199px) {
  .coursecnewone {
    padding: 80px 0;
  }

  .coursecnewone-heading h2 {
    font-size: 36px;
  }

  .coursecnewone-img {
    height: 220px;
  }
}

@media (max-width: 767px) {
  .coursecnewone {
    padding: 60px 0;
  }

  .coursecnewone-heading {
    margin-bottom: 35px;
  }

  .coursecnewone-heading h2 {
    font-size: 30px;
  }

  .coursecnewone-heading p {
    font-size: 16px;
  }

  .coursecnewone-img {
    height: 210px;
  }

  .coursecnewone-content {
    padding: 28px 22px;
  }
}



/* =====================================================
   WHY CHOOSE SECTION - CLEAN LIGHT THEME
   Theme: #00287d, #ffc63b, #dfe5ff, #fff
===================================================== */

.homesec4 {
  position: relative;
  overflow: hidden;
  padding: 95px 0;
  background:
    radial-gradient(circle at 12% 18%, rgba(55, 51, 153, .10), transparent 28%),
    radial-gradient(circle at 88% 12%, rgba(255, 198, 59, .16), transparent 26%),
    linear-gradient(180deg, #ffffff 0%, #f7f8ff 100%);
}

.homesec4::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(55, 51, 153, .035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(55, 51, 153, .035) 1px, transparent 1px);
  background-size: 42px 42px;
  pointer-events: none;
}

.homesec4 .container {
  position: relative;
  z-index: 2;
}

.homesec4-left {
  max-width: 760px;
  padding-right: 0;
  text-align: left;
}

.homesec4-subtitle {
  font-family: "Inter", Sans-serif;
  display: inline-block;
  color: #00287d;
  background: #dfe5ff;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 8px 18px;
  border-radius: 50px;
  margin-bottom: 18px;
}

.homesec4-left h2 {
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 18px;
}

.homesec4-left p {
  color: #000;
  font-size: 18px;
  line-height: 1.8;
  margin-bottom: 30px;
}

.homesec4-btn {
  font-family: "Inter", Sans-serif;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: #00287d;
  padding: 15px 5px;
  border-radius: 8px;
  font-size: 18px;
  font-weight: 700;
  transition: all .3s ease;
}

.homesec4-btn i {
  transition: transform .3s ease;
}

.homesec4-btn:hover {
  color: #111;
  transform: translateY(-3px);
}

.homesec4-btn:hover i {
  transform: translateX(5px);
}

/* Feature cards */
.homesec4-features {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.homesec4-item {
  position: relative;
  text-align: center;
  padding: 34px 22px;
  background: #fff;
  border: 1px solid rgba(55, 51, 153, .10);
  border-radius: 18px;
  box-shadow: 0 12px 32px rgba(30, 35, 90, .08);
  transition: all .32s ease;
}

.homesec4-item::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(223, 229, 255, .65), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: all .32s ease;
  pointer-events: none;
}

.homesec4-icon {
  position: relative;
  z-index: 1;
  width: 74px;
  height: 74px;
  margin: 0 auto 20px;
  border-radius: 18px;
  background: #dfe5ff;
  color: #00287d;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
  transition: all .32s ease;
}

.homesec4-item h4 {
  font-family: "Inter", Sans-serif;
  position: relative;
  z-index: 1;
  color: #111;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 12px;
}

.homesec4-item p {
  font-family: "Inter", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #000;
  position: relative;
  z-index: 1;
  margin: 0;
}

.homesec4-item:hover {
  transform: translateY(-8px);
  border-color: rgba(55, 51, 153, .22);
  box-shadow: 0 24px 55px rgba(55, 51, 153, .14);
}

.homesec4-item:hover::before {
  opacity: 1;
}

.homesec4-item:hover .homesec4-icon {
  background: #00287d;
  color: #fff;
  box-shadow: 0 14px 28px rgba(55, 51, 153, .22);
}

/* Responsive */
@media (max-width: 1199px) {
  .homesec4 {
    padding: 80px 0;
  }

  .homesec4-features {
    grid-template-columns: repeat(3, 1fr);
  }

  .homesec4-left h2 {
    font-size: 38px;
  }
}

@media (max-width: 991px) {
  .homesec4 {
    padding: 75px 0;
  }

  .homesec4-features {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 767px) {
  .homesec4 {

    padding: 60px 0;
  }

  .homesec4-left {
    margin-bottom: 35px;
  }

  .homesec4-left h2 {
    font-size: 32px;
  }

  .homesec4-left p {
    font-size: 15px;
  }

  .homesec4-features {
    gap: 18px;
  }

  .homesec4-item {
    padding: 30px 20px;
  }
}

@media (max-width: 480px) {
  .homesec4-features {
    grid-template-columns: 1fr;
  }

  .homesec4-left h2 {
    font-size: 28px;
  }

  .homesec4-btn {
    width: 100%;
    justify-content: center;
  }
}


.uniquesec1 {
  width: 100%;
  background: #fff;
  overflow: hidden;
}

.uniquesec1-grid {
  display: grid;
  grid-template-columns: 34% 32% 34%;
  height: 700px;
  min-height: 700px;
}

/* LEFT */
.uniquesec1-left {
  background: #00287d;
  position: relative;
  overflow: hidden;
  height: 700px;
}

.uniquesec1-left::before {
  content: "";
  position: absolute;
  width: 390px;
  height: 390px;
  border-radius: 50%;
  background: rgba(18, 18, 95, .32);
  right: -28px;
  bottom: -58px;
}

.uniquesec1-left-content {
  position: relative;
  z-index: 3;
  padding: 62px 0 0 20%;
}

.uniquesec1-left h2 {
  font-family: 'Outfit', sans-serif;
  color: #fff;
  font-size: 50px;
  line-height: 1;
  font-weight: 700;
  margin: 0;
}

.uniquesec1-left a {
  display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 52px;
    padding: 14px 28px;
    color: #000;
    background: #ffc63b;
    border-radius: 50px;
    font-family: "Inter", sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
  margin-top: 25px;
}


.uniquesec1-left a:hover {
    color: #000;
    background: #fff;
}

.uniquesec1-left img {
  position: absolute;
  right: -2px;
  bottom: 0;
  height: 610px;
  max-width: 60%;
  object-fit: contain;
  z-index: 2;
}

/* MIDDLE */
.uniquesec1-mid {
  display: grid;
  height: 700px;
}

.uniquesec1-menu {
  background: #dfe5ff;
  padding: 58px 30px 32px;
  position: relative;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.uniquesec1-menu a {
    font-family: "Inter", sans-serif;
    color: #071525;
    font-size: 27px;
    font-weight: 500;
    line-height: 1.2;
    text-decoration: none;
    display: block;
    margin-bottom: 24px;
    transition: transform 0.35s ease, color 0.35s ease;
}

.uniquesec1-menu a:hover {
    transform: translateX(12px);
    color: #00287d; /* Change to your theme color if needed */
}

.uniquesec1-menu a i {
  font-size: 11px;
  margin-left: 7px;
}

.uniquesec1-yellow {
  background: #ffc63b;
  padding: 58px 30px 32px;
  position: relative;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.uniquesec1-yellow h3 {
  font-family: 'Outfit', sans-serif;
  color: #071525;
  font-size: 40px;
  line-height: 1.16;
  font-weight: 700;
  margin: 0;
  text-align: left;
}

/* RIGHT */
.uniquesec1-right {
  height: 700px;
  overflow: hidden;
}

.uniquesec1-right img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* RESPONSIVE */
@media (max-width: 1199px) {
  .uniquesec1-grid {
    grid-template-columns: 40% 25% 35%;
    height: 390px;
  }

  .uniquesec1-left,
  .uniquesec1-mid,
  .uniquesec1-right {
    height: 390px;
  }

  .uniquesec1-mid {
    grid-template-rows: 195px 195px;
  }

  .uniquesec1-left-content {
    padding-left: 30%;
  }

  .uniquesec1-menu {
    padding: 52px 34px 30px;
  }

  .uniquesec1-yellow {
    padding: 52px 34px 34px;
  }

  .uniquesec1-yellow h3 {
    font-size: 25px;
  }
}

@media (max-width: 991px) {
  .uniquesec1-grid {
    grid-template-columns: 1fr 1fr;
    height: auto;
  }

  .uniquesec1-left,
  .uniquesec1-mid {
    height: 390px;
  }

  .uniquesec1-mid {
    grid-template-rows: 195px 195px;
  }

  .uniquesec1-right {
    grid-column: span 2;
    height: 360px;
  }

  .uniquesec1-left-content {
    padding-left: 35px;
  }

  .uniquesec1-left img {
    max-width: 62%;
    height: 390px;
  }
}

@media (max-width: 767px) {
  .uniquesec1-grid {
    grid-template-columns: 1fr;
    height: auto;
  }

  .uniquesec1-left {
    height: 390px;
  }

  .uniquesec1-mid {
    height: auto;
    grid-template-rows: auto auto;
  }

  .uniquesec1-menu,
  .uniquesec1-yellow {
    min-height: 195px;
  }

  .uniquesec1-right {
    grid-column: auto;
    height: 310px;
  }

  .uniquesec1-left-content {
    padding: 48px 25px 0;
  }

  .uniquesec1-left h2 {
    font-size: 32px;
  }

  .uniquesec1-left a {
    margin-top: 175px;
  }

  .uniquesec1-left img {
    height: 365px;
    max-width: 68%;
  }

  .uniquesec1-menu {
    padding: 48px 25px 34px;
  }

  .uniquesec1-yellow {
    padding: 48px 25px 34px;
  }

  .uniquesec1-yellow h3 {
    font-size: 26px;
  }
}

@media (max-width: 480px) {
  .uniquesec1-left {
    height: 350px;
  }

  .uniquesec1-left h2 {
    font-size: 29px;
  }

  .uniquesec1-left a {
    margin-top: 145px;
  }

  .uniquesec1-left img {
    height: 315px;
    max-width: 72%;
  }

  .uniquesec1-yellow h3 {
    font-size: 24px;
  }
}



/* =====================================================
   HOMESEC6 - LIGHT PROFESSIONAL TESTIMONIAL SECTION
   Theme: #00287d, #ffc63b, #dfe5ff, #ffffff
===================================================== */

.homesec6 {
  padding: 75px 0;
  background:
    radial-gradient(circle at 10% 15%, rgba(55, 51, 153, .08), transparent 28%),
    radial-gradient(circle at 90% 15%, rgba(255, 198, 59, .14), transparent 25%),
    linear-gradient(180deg, #ffffff 0%, #f7f8ff 100%);
  overflow: hidden;
}

.homesec6-heading {
  max-width: 1000px;
  margin: 0 auto 55px;
}

.homesec6-heading span {
  display: inline-block;
  font-family: "Inter", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #000;
  line-height: 1.6em;
  background: #dfe5ff;
  text-transform: uppercase;
  padding: 8px 18px;
  border-radius: 50px;
}

.homesec6-heading h2 {
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 60px;
  line-height: 1.15;
  font-weight: 700;
  margin: 16px 0 14px;
}

.homesec6-heading p {
  font-family: "Inter", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #000;
  line-height: 1.6em;
  margin: 0;
}

/* Main boxes */
.homesec6-reviews-box,
.homesec6-social-box {
  height: 100%;
  padding: 34px;
  background: #fff;
  border: 1px solid rgba(55, 51, 153, .10);
  border-radius: 20px;
  box-shadow: 0 18px 45px rgba(30, 35, 90, .08);
}

/* Title */
.homesec6-title {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 28px;
}

.homesec6-title i {
  width: 54px;
  height: 54px;
  background: #dfe5ff;
  color: #00287d;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
}

.homesec6-title h3,
.homesec6-social-box h3 {
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 28px;
  font-weight: 700;
  margin: 0;
}

/* Slider */
.homesec6-slider {
  overflow: hidden;
  cursor: grab;
  user-select: none;
}

.homesec6-slider:active {
  cursor: grabbing;
}

.homesec6-track {
  display: flex;
  transition: transform .55s ease;
  will-change: transform;
}

.homesec6-slide {
  flex: 0 0 33.333%;
  padding: 0 12px;
}

/* Review cards */
.homesec6-review-card {
  height: 100%;
  min-height: 315px;
  padding: 26px 24px;
  background: #fff;
  border: 1px solid rgba(55, 51, 153, .10);
  border-radius: 0;
  box-shadow: 0 10px 28px rgba(30, 35, 90, .07);
  transition: all .3s ease;
}

.homesec6-review-card:hover {
  transform: translateY(-6px);
  border-color: rgba(55, 51, 153, .22);
  box-shadow: 0 22px 45px rgba(55, 51, 153, .12);
}

.homesec6-stars {
  color: #ffc63b;
  font-size: 15px;
  margin-bottom: 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.homesec6-stars span {
  width: 36px;
  height: 36px;
  background: #dfe5ff;
  color: #00287d;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}

.homesec6-review-card p {
  font-family: "Inter", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #000;
  line-height: 1.6em;
  min-height: 105px;
  margin-bottom: 22px;
}

/* User */
.homesec6-user {
  display: flex;
  align-items: center;
  gap: 14px;
  padding-top: 18px;
  border-top: 1px solid #eee;
}

.homesec6-user-icon {
  width: 52px;
  height: 52px;
  background: #00287d;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}

.homesec6-user h5 {
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 18px;
  font-weight: 700;
  margin: 0;
}

.homesec6-user small {
  color: #666;
}

/* Dots */
.homesec6-dots {
  margin-top: 26px;
  display: flex;
  justify-content: center;
  gap: 9px;
}

.homesec6-dots button {
  width: 9px;
  height: 9px;
  padding: 0;
  border-radius: 50%;
  background: #dfe5ff;
  border: none;
  transition: all .3s ease;
}

.homesec6-dots button.active {
  width: 30px;
  border-radius: 20px;
  background: #00287d;
}

/* Quote */
.homesec6-quote {
  font-family: 'Outfit', sans-serif;
  margin-top: 30px;
  text-align: center;
  color: #111;
  font-size: 26px;
  font-weight: 700;
}

.homesec6-quote i {
  color: #ffc63b;
  margin: 0 12px;
}

/* Social box */
.homesec6-social-box p {
  font-family: "Inter", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #000;
  line-height: 1.6em;
}

.homesec6-socials {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  margin: 28px 0;
}

.homesec6-socials a {
  width: 54px;
  height: 54px;
  background: #dfe5ff;
  color: #00287d;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  transition: all .3s ease;
  border-radius: 20px;
}

.homesec6-socials a:hover {
  background: #00287d;
  color: #fff;
  transform: translateY(-4px);
}

/* Share box */
.homesec6-share {
  display: flex;
  gap: 18px;
  padding: 26px;
  background: #dfe5ff;
  border: 1px solid rgba(55, 51, 153, .12);
  border-radius: 20px;
}

.homesec6-share>i {
  font-family: "Inter", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #000;
  line-height: 1.6em;
}

.homesec6-share h4 {
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 8px;
}

.homesec6-share p {
  margin-bottom: 12px;
}

.homesec6-share a {
  font-family: "Inter", Sans-serif;
  color: #00287d;
  font-weight: 700;
  text-decoration: none;
}

.homesec6-share a:hover {
  color: #111;
}

/* Responsive */
@media (max-width: 991px) {
  .homesec6 {
    padding: 75px 0;
  }

  .homesec6-slide {
    flex: 0 0 50%;
  }

  .homesec6-heading h2 {
    font-size: 38px;
  }

  .homesec6-social-box {
    margin-top: 24px;
  }
}

@media (max-width: 575px) {
  .homesec6 {
    padding: 60px 0;
  }

  .homesec6-heading {
    margin-bottom: 35px;
  }

  .homesec6-heading h2 {
    font-size: 30px;
  }

  .homesec6-heading p {
    font-size: 15px;
  }

  .homesec6-reviews-box,
  .homesec6-social-box {
    padding: 24px;
  }

  .homesec6-title h3,
  .homesec6-social-box h3 {
    font-size: 24px;
  }

  .homesec6-slide {
    flex: 0 0 100%;
    padding: 0;
  }

  .homesec6-review-card {
    min-height: auto;
  }

  .homesec6-quote {
    font-size: 21px;
  }

  .homesec6-share {
    flex-direction: column;
  }
}






.mainabout2,
.mainabout3,
.mainabout4,
.mainabout5,
.mainabout6,
.mainabout7 {
  width: 100%;
  overflow: hidden;
  box-sizing: border-box;
}

.mainabout8 {
  width: 100%;
  box-sizing: border-box;
}


.mainabout1 {
  width: 100%;
  box-sizing: border-box;
}

.mainabout1 *,
.mainabout2 *,
.mainabout3 *,
.mainabout4 *,
.mainabout5 *,
.mainabout6 *,
.mainabout7 *,
.mainabout8 * {
  box-sizing: border-box;
}

.mainabout1 .container,
.mainabout2 .container,
.mainabout3 .container,
.mainabout4 .container,
.mainabout5 .container,
.mainabout7 .container,
.mainabout8 .container {
  width: 100%;
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
}

/* ABOUT HERO */
.mainabout1 {
  position: relative;
  height: 500px;
  /* same height as banner */
  display: flex;
  align-items: flex-end;
}

.mainabout1-box {
  width: 580px;
  background: #39328f;
  color: #fff;
  padding: 55px;
  margin-bottom: -70px;
  position: relative;
  z-index: 10;
  margin-left: 130px;
}

.mainabout1-box h1 {
  font-family: 'Outfit', sans-serif;
  margin: 0 0 18px;
  font-size: 42px;
  font-weight: 700;
  line-height: 1.1;
  color: #fff;
}

.mainabout1-box p {
  margin: 0;
  font-family: "Inter", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #fff;
  line-height: 1.6em;
  max-width: 300px;
}

@media(max-width:991px) {

  .mainabout1 {
    height: 240px;
  }

  .mainabout1-box {
    width: 100%;
    max-width: 460px;
    margin-bottom: -50px;
    padding: 40px;
  }

}

@media(max-width:767px) {

  .mainabout1 {
    height: 180px;
  }

  .mainabout1-box {
    max-width: 100%;
    padding: 30px;
    margin-bottom: -40px;
  }

  .mainabout1-box h1 {
    font-size: 32px;
  }

}

/* INTRO */
.mainabout2 {
  background: #fff;
  padding: 30px 0 50px;
}

.mainabout2-content {
  margin: 0 auto;
}

.mainabout2-content p {
  margin: 0 0 18px;
  font-family: "Inter", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #000;
  line-height: 1.6em;
}

/* FLOAT IMAGES */
.mainabout2-images {
  position: relative;
  height: 480px;
  margin-top: 70px;
}

.mainabout2-images img {
  position: absolute;
  width: 210px;
  height: 270px;
  object-fit: cover;
  display: block;
}

.mainabout2-images img:nth-child(1) {
  left: 0;
  top: 85px;
}

.mainabout2-images img:nth-child(2) {
  left: 50%;
  top: 230px;
  transform: translateX(-50%);
  z-index: 3;
}

.mainabout2-images img:nth-child(3) {
  right: 0;
  top: 0;
}

/* COUNTERS */
.mainabout3 {
  background: #262626;
  color: #fff;
  padding: 85px 0 82px;
  margin-top: -40px;
}

.mainabout3-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  align-items: center;
  text-align: center;
  gap: 30px;
}

.mainabout3 h2 {
  color: #ffc63b;
  margin: 0 0 12px;
  font-size: 52px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: -2px;
}

.mainabout3 p {
  color: #fff;
  margin: 0;
  font-size: 10px;
  line-height: 1;
  text-transform: uppercase;
  font-weight: 900;
  letter-spacing: .3px;
}

/* HISTORY */
.mainabout4 {
  background: #f8f8f8;
  padding: 95px 0 75px;
}

.mainabout4-row {
  display: grid;
  grid-template-columns: 430px 1fr;
  align-items: center;
  gap: 85px;
}

.mainabout4-img img {
  width: 430px;
  height: 520px;
  object-fit: cover;
  display: block;
  filter: grayscale(100%);
}

.mainabout4-text h2 {
  margin: 0 0 24px;
  font-size: 31px;
  line-height: 1;
  font-weight: 900;
  color: #222;
}

.mainabout4-text p {
  max-width: 360px;
  margin: 0 0 22px;
  font-size: 13px;
  line-height: 1.65;
  color: #333;
}

.mainabout4-text a,
.mainabout5-card a {
  font-size: 12px;
  font-weight: 700;
  color: #2f2990;
  text-decoration: underline;
}

/* MISSION */
.mainabout5 {
  background: #f8f8f8;
  padding: 95px 0 120px;
}

.mainabout5-wrap {
  position: relative;
  width: 100%;
  max-width: 860px;
  min-height: 470px;
  margin: 0 auto;
}

.mainabout5-card {
  width: 560px;
  min-height: 430px;
  background: #ffc436;
  padding: 85px 55px 60px;
  position: absolute;
  left: 0;
  top: 75px;
  z-index: 2;
}

.mainabout5-card h2 {
  margin: 0 0 24px;
  font-size: 34px;
  line-height: 1.12;
  font-weight: 900;
  color: #111;
}

.mainabout5-card p {
  max-width: 360px;
  margin: 0 0 24px;
  font-size: 13px;
  line-height: 1.7;
  color: #222;
}

.mainabout5-card a {
  font-size: 12px;
  font-weight: 700;
  color: #28218e;
  text-decoration: underline;
}

.mainabout5-img {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 3;
}

.mainabout5-img img {
  width: 420px;
  height: 420px;
  object-fit: cover;
  display: block;
}

@media(max-width:991px) {
  .mainabout5-wrap {
    max-width: 720px;
    min-height: auto;
  }

  .mainabout5-card {
    position: relative;
    width: 100%;
    top: 0;
    padding: 70px 45px;
  }

  .mainabout5-img {
    position: relative;
    right: auto;
    top: auto;
    margin-top: 30px;
  }

  .mainabout5-img img {
    width: 100%;
    height: 420px;
  }
}

@media(max-width:767px) {
  .mainabout5 {
    padding: 70px 0;
  }

  .mainabout5-card {
    padding: 55px 30px;
    min-height: auto;
  }

  .mainabout5-card h2 {
    font-size: 30px;
  }

  .mainabout5-img img {
    height: 330px;
  }
}

/* CAMPUS */
.mainabout6 {
  background: #fff;
  text-align: center;
  padding: 0;
}

.mainabout6 h2 {
  position: relative;
  z-index: 2;
  margin: 0 0 -38px;
  font-size: 112px;
  line-height: .9;
  font-weight: 900;
  color: #282828;
  letter-spacing: -5px;
}

.mainabout6-video {
  position: relative;
  width: 100%;
}

.mainabout6-video img {
  width: 100%;
  height: 650px;
  object-fit: cover;
  display: block;
}

.mainabout6-play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 76px;
  height: 76px;
  border: 2px solid rgba(255, 255, 255, .9);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-decoration: none;
  font-size: 28px;
}

/* TESTIMONIAL */
.mainabout7 {
  background: #fff;
  padding: 110px 0 80px;
}

.mainabout7-wrap {
  max-width: 520px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 220px 1fr;
  gap: 32px;
  align-items: end;
}

.mainabout7-img img {
  width: 220px;
  height: 255px;
  object-fit: cover;
  display: block;
}

.mainabout7-text h3 {
  margin: 0 0 6px;
  font-size: 19px;
  line-height: 1;
  font-weight: 900;
  color: #111;
}

.mainabout7-text span {
  display: block;
  font-size: 11px;
  color: #777;
  margin-bottom: 18px;
}

.mainabout7-text p {
  margin: 0;
  font-size: 13px;
  line-height: 1.45;
  font-weight: 700;
  color: #222;
}

/* FORM */
.mainabout8 {
  background: #b9ddf4;
  text-align: center;
  padding: 0 0 75px;
}

.mainabout8 h2 {
  margin: 0 0 32px;
  transform: translateY(-42px);
  font-size: 112px;
  line-height: .9;
  font-weight: 900;
  color: #282828;
  letter-spacing: -5px;
}

.mainabout8 p {
  margin: 0 0 28px;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #000;
  line-height: 1.6em;
}

.mainabout8-btn {
  font-family: "Inter", sans-serif;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 35px;
  background: #222;
  color: #fff;
  padding: 17px 26px;
  font-size: 12px;
  font-weight: 900;
  text-decoration: none;
}

.mainabout8-links {
  font-family: "Inter", sans-serif;
  margin-top: 20px;
  display: flex;
  justify-content: center;
  gap: 35px;
}

.mainabout8-links a {
  font-size: 16px;
  font-weight: 500;
  color: #222;
  text-decoration: none;
}

/* RESPONSIVE */
@media(max-width:1199px) {

  .mainabout1 .container,
  .mainabout2 .container,
  .mainabout3 .container,
  .mainabout4 .container,
  .mainabout5 .container,
  .mainabout7 .container,
  .mainabout8 .container {
    max-width: 960px;
  }

  .mainabout5-img {
    right: 20px;
  }
}

@media(max-width:991px) {

  .mainabout1 .container,
  .mainabout2 .container,
  .mainabout3 .container,
  .mainabout4 .container,
  .mainabout5 .container,
  .mainabout7 .container,
  .mainabout8 .container {
    max-width: 720px;
  }

  .mainabout1-box {
    width: 100%;
    max-width: 455px;
  }

  .mainabout2-images {
    height: auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
    margin-top: 55px;
  }

  .mainabout2-images img {
    position: static;
    width: 100%;
    height: 260px;
    transform: none !important;
  }

  .mainabout3 {
    margin-top: 0;
  }

  .mainabout4-row {
    grid-template-columns: 1fr;
    gap: 35px;
  }

  .mainabout4-img img {
    width: 100%;
    height: 480px;
  }

  .mainabout5-card {
    width: 100%;
  }

  .mainabout5-img {
    position: static;
    margin-top: 25px;
  }

  .mainabout5-img img {
    width: 100%;
    height: 420px;
  }

  .mainabout6 h2,
  .mainabout8 h2 {
    font-size: 78px;
  }

  .mainabout6-video img {
    height: 460px;
  }
}

@media(max-width:767px) {

  .mainabout1,
  .mainabout2,
  .mainabout4,
  .mainabout5,
  .mainabout7 {
    padding-left: 0;
    padding-right: 0;
  }

  .mainabout1 {
    min-height: 260px;
    padding-top: 70px;
  }

  .mainabout1-box {
    padding: 40px 28px;
  }

  .mainabout1-box h1 {
    font-size: 34px;
  }

  .mainabout2 {
    padding-top: 65px;
  }

  .mainabout2-images {
    grid-template-columns: 1fr;
  }

  .mainabout2-images img {
    height: 300px;
  }

  .mainabout3 {
    padding: 65px 0;
  }

  .mainabout3-grid {
    grid-template-columns: 1fr;
    gap: 45px;
  }

  .mainabout4 {
    padding: 70px 0;
  }

  .mainabout4-img img {
    height: 380px;
  }

  .mainabout5 {
    padding: 20px 0 70px;
  }

  .mainabout5-card {
    padding: 55px 30px;
    min-height: auto;
  }

  .mainabout5-img img {
    height: 330px;
  }

  .mainabout6 h2,
  .mainabout8 h2 {
    font-size: 52px;
    letter-spacing: -2px;
  }

  .mainabout6 h2 {
    margin-bottom: -18px;
  }

  .mainabout6-video img {
    height: 310px;
  }

  .mainabout7 {
    padding: 75px 0 60px;
  }

  .mainabout7-wrap {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .mainabout7-img img {
    margin: 0 auto;
  }

  .mainabout8 {
    padding-bottom: 55px;
  }

  .mainabout8 h2 {
    transform: translateY(-24px);
    margin-bottom: 30px;
  }
}

.threeboxes {
  padding: 100px 0;
  background: #fafafa;
}

.threeboxes-heading {
  text-align: center;
  max-width: 760px;
  margin: 0 auto 70px;
}

.threeboxes-heading span {
  display: inline-block;
  color: #4b4fc7;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 12px;
}

.threeboxes-heading h2 {
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 42px;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 20px;
}

.threeboxes-heading p {
  font-family: "Inter", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #000;
  line-height: 1.6em;
}

.threeboxes-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 35px;
}

.threeboxes-card {
  position: relative;
  padding: 50px 35px;
  border-radius: 28px;
  overflow: hidden;
  transition: .45s;
  min-height: 360px;
  cursor: pointer;
}

.card1 {
  background: linear-gradient(135deg, #fef7d7, #ffe58f);
}

.card2 {
  background: linear-gradient(135deg, #e6f3ff, #b8dbff);
}

.card3 {
  background: linear-gradient(135deg, #e9f9ef, #b7ebcb);
}

.threeboxes-card::before {
  content: "";
  position: absolute;
  width: 260px;
  height: 260px;
  background: rgba(255, 255, 255, .35);
  border-radius: 50%;
  right: -120px;
  top: -120px;
  transition: .5s;
}

.threeboxes-card:hover::before {
  transform: scale(1.4);
}

.threeboxes-card:hover {
  transform: translateY(-12px);
  box-shadow: 0 30px 60px rgba(0, 0, 0, .12);
}

.threeboxes-icon {
  width: 78px;
  height: 78px;
  border-radius: 22px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
  color: #4b4fc7;
  margin-bottom: 35px;
  transition: .45s;
  box-shadow: 0 15px 30px rgba(0, 0, 0, .08);
}

.threeboxes-card:hover .threeboxes-icon {
  transform: rotateY(180deg) scale(1.08);
}

.threeboxes-card h3 {
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 35px;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 18px;
}

.threeboxes-card p {
  font-family: "Inter", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #000;
  line-height: 1.6em;
  margin-bottom: 0;
}

.threeboxes-card span {
  position: absolute;
  right: 30px;
  bottom: 22px;
  font-size: 62px;
  font-weight: 700;
  color: rgba(0, 0, 0, .08);
}

@media(max-width:991px) {

  .threeboxes {
    padding: 80px 0;
  }

  .threeboxes-grid {
    grid-template-columns: repeat(2, 1fr);
  }

}

@media(max-width:767px) {

  .threeboxes {
    padding: 70px 0;
  }

  .threeboxes-heading {
    margin-bottom: 45px;
  }

  .threeboxes-heading h2 {
    font-size: 32px;
  }

  .threeboxes-heading p {
    font-size: 15px;
  }

  .threeboxes-grid {
    grid-template-columns: 1fr;
  }

  .threeboxes-card {
    min-height: auto;
    padding: 40px 28px 70px;
  }

  .threeboxes-card h3 {
    font-size: 24px;
  }

  .threeboxes-card span {
    font-size: 50px;
  }

}


.missionaboutsec {
  padding: 110px 0;
  background:
    radial-gradient(circle at 10% 20%, rgba(255, 196, 56, .28), transparent 28%),
    radial-gradient(circle at 90% 80%, rgba(57, 49, 143, .18), transparent 30%),
    #f8f8f8;
  overflow: hidden;
}

.missionaboutsec-wrap {
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: 70px;
  align-items: center;
}

.missionaboutsec-left span {
  display: inline-block;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #00287d;
}

.missionaboutsec-left h2 {
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 42px;
  font-weight: 400;
  line-height: 1.2;
  margin: 0 0 26px;
  letter-spacing: -0.6px;
}



.missionaboutsec-left p {
  font-family: "Inter", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #000;
  line-height: 1.6em;
  margin: 0;
  max-width: 440px;
}

.missionaboutsec-right {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 28px;
}

.missionaboutsec-right::before {
  content: "";
  position: absolute;
  width: 210px;
  height: 210px;
  border-radius: 50%;
  background: #ffc438;
  right: -45px;
  top: -45px;
  z-index: 0;
}

.missionaboutsec-right::after {
  content: "";
  position: absolute;
  width: 120px;
  height: 120px;
  border: 18px solid rgba(57, 49, 143, .15);
  border-radius: 50%;
  left: -45px;
  bottom: -45px;
  z-index: 0;
}

.missionaboutsec-card {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 90px 1fr;
  gap: 28px;
  align-items: flex-start;
  background: rgba(255, 255, 255, .88);
  backdrop-filter: blur(16px);
  padding: 42px;
  box-shadow: 0 25px 65px rgba(0, 0, 0, .08);
  transition: .45s ease;
  border-radius: 20px;
}

.missionaboutsec-card:hover {
  transform: translateX(-12px);
  box-shadow: 0 35px 80px rgba(0, 0, 0, .13);
}

.vision-card {
  margin-left: 70px;
}

.missionaboutsec-icon {
  width: 90px;
  height: 90px;
  border-radius: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 34px;
  color: #fff;
  background: #00287d;
  box-shadow: 0 18px 35px rgba(57, 49, 143, .28);
  transition: .45s ease;
}

.vision-card .missionaboutsec-icon {
  background: #ffc438;
  color: #222;
  box-shadow: 0 18px 35px rgba(255, 196, 56, .35);
}

.missionaboutsec-card:hover .missionaboutsec-icon {
  transform: rotate(-8deg) scale(1.08);
}

.missionaboutsec-card h3 {
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.2;
  margin: 0 0 14px;
}

.missionaboutsec-card p {
  font-family: "Inter", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #000;
  line-height: 1.6em;
  margin: 0;
}

@media(max-width:991px) {
  .missionaboutsec {
    padding: 85px 0;
  }

  .missionaboutsec-wrap {
    grid-template-columns: 1fr;
    gap: 45px;
  }

  .missionaboutsec-left h2 {
    font-size: 44px;
  }

  .vision-card {
    margin-left: 0;
  }
}

@media(max-width:767px) {
  .missionaboutsec {
    padding: 70px 0;
  }

  .missionaboutsec-left h2 {
    font-size: 36px;
  }

  .missionaboutsec-card {
    grid-template-columns: 1fr;
    padding: 34px 28px;
  }

  .missionaboutsec-icon {
    width: 76px;
    height: 76px;
    border-radius: 22px;
    font-size: 28px;
  }

  .missionaboutsec-card h3 {
    font-size: 24px;
  }

  .missionaboutsec-card:hover {
    transform: translateY(-8px);
  }
}


.univercss {
  width: 100%;
  overflow: hidden;
}

.univercss * {
  box-sizing: border-box;
}

.univercss h2 {
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 42px;
  font-weight: 700;
  line-height: 1.2;
  margin: 0 0 26px;
}

.univercss p {
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #000;
  line-height: 1.6em;
  margin: 0 0 28px;
}

.univercss a {
  font-family: "Inter", sans-serif;
  font-size: 15px;
  font-weight: 600;
  color: #252080;
  text-decoration: underline;
}

/* FACTS */
.univercss-facts {
  background: #262626;
  padding: 0 0 115px;
  margin-top: 165px;
}

.univercss-topimg {
  max-width: 1150px;
  height: 500px;
  margin: 0 auto;
  transform: translateY(-165px);
  position: relative;
  z-index: 2;
}

.univercss-topimg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.univercss-bigtitle {
  text-align: center;
  color: #fff !important;
  font-size: 105px !important;
  line-height: .85 !important;
  font-weight: 900 !important;
  letter-spacing: -5px;
  margin: -205px 0 115px !important;
  position: relative;
  z-index: 3;
}

.univercss-counter {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 80px;
  max-width: 860px;
  margin: 0 auto;
}

.univercss-counter h3 {
  font-family: 'Outfit', sans-serif;
  font-size: 56px;
  line-height: 1;
  font-weight: 900;
  color: #fff;
  margin: 0 0 22px;
  letter-spacing: -2px;
}

.univercss-counter p {
  font-family: "Inter", sans-serif;
  color: #fff;
  font-size: 13px;
  line-height: 1.35em;
  font-weight: 900;
  text-transform: uppercase;
  margin: 0;
}

/* COMMON ROW */
.univercss-apply {
  background: #fff;
  padding: 135px 0 80px;
}

.univercss-aid {
  background: #fff;
  padding: 45px 0 100px;
}

.univercss-row {
  width: 100%;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 80px;
  align-items: center;
  margin: 0 auto;
}

.univercss-text,
.univercss-image {
  width: 100%;
  min-width: 0;
}

.univercss-image img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}

@media(max-width:1199px) {
  .univercss-row {
    gap: 50px;
  }
}

@media(max-width:767px) {

  .univercss-row,
  .univercss-row2 {
    grid-template-columns: 1fr;
    gap: 35px;
  }
}

.univercss-row2 {
  grid-template-columns: 1.15fr .95fr;
}


.univercss-image {
  position: relative;
}

.univercss-image img {
  width: 100%;
  height: 550px;
  object-fit: cover;
  display: block;
  border-radius: 20px;
}

.univercss-yellow::after {
  content: "";
  position: absolute;
  right: -18px;
  bottom: -18px;
  width: 120px;
  height: 120px;
  background: #ffc436;
  z-index: -1;
}

/* RESPONSIVE */
@media(max-width:991px) {
  .univercss-facts {
    margin-top: 120px;
    padding-bottom: 85px;
  }

  .univercss-topimg {
    height: 320px;
    transform: translateY(-120px);
  }

  .univercss-bigtitle {
    font-size: 76px !important;
    margin: -160px 0 85px !important;
  }

  .univercss-counter {
    gap: 35px;
  }

  .univercss-row,
  .univercss-row2 {
    grid-template-columns: 1fr;
    gap: 45px;
  }

  .univercss-text {
    max-width: 100%;
  }
}

@media(max-width:767px) {
  .univercss h2 {
    font-size: 32px;
  }

  .univercss p {
    font-size: 16px;
  }

  .univercss-facts {
    margin-top: 80px;
    padding-bottom: 65px;
  }

  .univercss-topimg {
    height: 240px;
    transform: translateY(-80px);
  }

  .univercss-bigtitle {
    font-size: 52px !important;
    letter-spacing: -2px;
    margin: -105px 0 65px !important;
  }

  .univercss-counter {
    grid-template-columns: 1fr;
    gap: 45px;
    text-align: center;
  }

  .univercss-counter h3 {
    font-size: 46px;
  }

  .univercss-apply {
    padding: 80px 0 55px;
  }

  .univercss-aid {
    padding: 35px 0 70px;
  }

  .univercss-image img {
    height: 300px;
  }

  .univercss-yellow::after {
    right: -10px;
    bottom: -10px;
    width: 80px;
    height: 80px;
  }
}


.missionsecpoints {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  width: 100%;
  margin-top: 45px;
  padding-bottom: 100px;
}

.missionsecpoints-box {
  position: relative;
  aspect-ratio: 1 /0.6;
  padding: 32px 26px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  overflow: hidden;
  transition: transform .4s ease, box-shadow .4s ease;
}

.missionsecpoints-box::before {
  content: "";
  position: absolute;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  top: -75px;
  right: -75px;
  background: rgba(255, 255, 255, .18);
  transition: transform .45s ease;
}

.missionsecpoints-box::after {
  content: "";
  position: absolute;
  width: 60px;
  height: 4px;
  left: 26px;
  bottom: 22px;
  background: currentColor;
  opacity: .35;
  transition: width .4s ease;
}

.missionsecpoints-box:hover {
  transform: translateY(-10px);
  box-shadow: 0 24px 50px rgba(28, 31, 76, .15);
}

.missionsecpoints-box:hover::before {
  transform: scale(1.3);
}

.missionsecpoints-box:hover::after {
  width: 105px;
}

.missionsecpoints-number {
  position: absolute;
  top: 22px;
  left: 25px;
  font-family: 'Outfit', sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 1px;
  opacity: .65;
}

.missionsecpoints-box strong {
  position: relative;
  z-index: 2;
  display: block;
  font-family: 'Outfit', sans-serif;
  font-size: 23px;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 12px;
}

.missionsecpoints-box p {
  position: relative;
  z-index: 2;
  font-family: "Inter", sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.6em;
  margin: 0 0 18px;
}

/* Box 1 */
.missionsecpoints-box1 {
  background: #00287d;
  color: #fff;
}

.missionsecpoints-box1 p {
  color: rgba(255, 255, 255, .82);
}

/* Box 2 */
.missionsecpoints-box2 {
  background: #ffc63b;
  color: #111;
}

.missionsecpoints-box2 p {
  color: #000;
}

/* Box 3 */
.missionsecpoints-box3 {
  background: #dfe5ff;
  color: #111;
}

.missionsecpoints-box3 p {
  color: #000;
}

/* Box 4 */
.missionsecpoints-box4 {
  background: #f5f6ff;
  color: #00287d;
  border: 2px solid #dfe5ff;
}

.missionsecpoints-box4 p {
  color: #000;
}

/* Large tablet */
@media(max-width:1199px) {
  .missionsecpoints {
    grid-template-columns: repeat(2, 1fr);
  }

  .missionsecpoints-box {
    aspect-ratio: auto;
    min-height: 280px;
  }
}

/* Mobile */
@media(max-width:767px) {
  .missionsecpoints {
    grid-template-columns: 1fr;
    gap: 18px;
    margin-top: 35px;
  }

  .missionsecpoints-box {
    min-height: 250px;
    padding: 30px 25px;
  }

  .missionsecpoints-box strong {
    font-size: 22px;
  }

  .missionsecpoints-box p {
    font-size: 15px;
  }
}


.leadershipcss {
  position: relative;
  padding: 110px 0;
  background: #fff;
  overflow: hidden;
}

.leadershipcss * {
  box-sizing: border-box;
}

/* TYPOGRAPHY */

.leadershipcss h2 {
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 42px;
  font-weight: 700;
  line-height: 1.2;
}

.leadershipcss h3 {
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-weight: 700;
  line-height: 1.25;
}

.leadershipcss p {
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #000;
  line-height: 1.6em;
}

.leadershipcss-head {
  max-width: 850px;
  margin: 0 auto 70px;
  text-align: center;
}

.leadershipcss-head-left {
  margin-left: 0;
  text-align: left;
}

.leadershipcss-head>span {
  display: inline-block;
  margin-bottom: 15px;
  color: #00287d;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.leadershipcss-head h2 {
  margin: 0 0 22px;
}

.leadershipcss-head p {
  max-width: 760px;
  margin: 0 auto;
}

.leadershipcss-head-left p {
  margin-left: 0;
}

.leadershipcss-tag {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
  color: #00287d;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.leadershipcss-tag::before {
  content: "";
  width: 35px;
  height: 2px;
  background: #ffc63b;
}

/* PRESIDENT AND VICE PRESIDENT */

.leadershipcss-intro {
  padding-top: 120px;
}

.leadershipcss-alt {
  background: #f7f8fc;
}

.leadershipcss-feature {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(380px, .85fr);
  gap: 80px;
  align-items: start;
}

.leadershipcss-feature-reverse {
  grid-template-columns: minmax(380px, .85fr) minmax(0, 1.15fr);
}

.leadershipcss-feature-text {
  min-width: 0;
}

.leadershipcss-feature-text h3 {
  margin: 0 0 28px;
  font-size: 36px;
}

.leadershipcss-feature-text h3 small {
  display: block;
  margin-top: 8px;
  color: #6b6b75;
  font-size: 16px;
  font-weight: 600;
}

.leadershipcss-feature-text p {
  margin: 0 0 22px;
}

.leadershipcss-feature-photo {
  position: relative;
  min-width: 0;
}

.leadershipcss-photo-frame {
  position: relative;
  min-height: 800px;
  background: #dfe5ff;
  overflow: hidden;
}

.leadershipcss-photo-frame::before {
  content: "";
  position: absolute;
  right: -45px;
  bottom: -45px;
  width: 170px;
  height: 170px;
  background: #ffc63b;
  z-index: 0;
}

.leadershipcss-photo-frame::after {
  content: "";
  position: absolute;
  top: 30px;
  left: 30px;
  width: 85px;
  height: 85px;
  border-top: 4px solid rgba(255, 255, 255, .8);
  border-left: 4px solid rgba(255, 255, 255, .8);
  z-index: 2;
}

.leadershipcss-photo-frame img {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 800px;
  display: block;
  object-fit: cover;
}

.leadershipcss-photo-label {
  position: absolute;
  left: 30px;
  right: 30px;
  bottom: 30px;
  z-index: 3;
  padding: 22px 24px;
  background: #00287d;
  color: #fff;
}

.leadershipcss-photo-label strong {
  display: block;
  margin-bottom: 5px;
  font-family: 'Outfit', sans-serif;
  font-size: 19px;
  font-weight: 700;
}

.leadershipcss-photo-label span {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  color: rgba(255, 255, 255, .8);
}

.leadershipcss-photo-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  background:
    linear-gradient(135deg, rgba(55, 51, 153, .06), rgba(223, 229, 255, .9)),
    #dfe5ff;
}

.leadershipcss-photo-placeholder>i {
  color: #00287d;
  font-size: 150px;
  opacity: .18;
}

.leadershipcss-sign {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 35px;
  padding: 24px 0 0 26px;
  border-left: 4px solid #ffc63b;
}

.leadershipcss-sign em {
  margin-bottom: 8px;
  color: #00287d;
  font-family: "Inter", sans-serif;
  font-size: 15px;
}

.leadershipcss-sign strong {
  font-family: "Inter", sans-serif;
  font-size: 19px;
  font-weight: 700;
  color: #111;
}

.leadershipcss-sign span {
  margin-top: 4px;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  color: #666;
}

/* SECRETARY */

.leadershipcss-secretary-section {
  background: #fff;
}

.leadershipcss-secretary {
  display: grid;
  grid-template-columns: minmax(330px, .85fr) minmax(0, 1.15fr);
  gap: 80px;
  align-items: start;
  margin-bottom: 90px;
}

.leadershipcss-secretary-img {
  position: relative;
  padding: 0 20px 20px 0;
}

.leadershipcss-secretary-img::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 75%;
  height: 75%;
  background: #ffc63b;
  z-index: 0;
}

.leadershipcss-secretary-img img {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 520px;
  display: block;
  object-fit: cover;
}

.leadershipcss-secretary-name {
  position: absolute;
  left: 25px;
  right: 45px;
  bottom: 45px;
  z-index: 2;
  padding: 20px 22px;
  background: #00287d;
  color: #fff;
}

.leadershipcss-secretary-name strong {
  display: block;
  margin-bottom: 4px;
  font-family: 'Outfit', sans-serif;
  font-size: 17px;
  font-weight: 700;
}

.leadershipcss-secretary-name span {
  font-family: "Inter", sans-serif;
  font-size: 13px;
  color: rgba(255, 255, 255, .8);
}

.leadershipcss-secretary-content p {
  margin: 0 0 22px;
}

/* ADMINISTRATIVE CARDS */

.leadershipcss-role-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 28px;
}

.leadershipcss-role-card {
  position: relative;
  min-height: 360px;
  padding: 38px 32px;
  background: #f7f8fc;
  border: 1px solid #e5e7f2;
  overflow: hidden;
  transition:
    transform .35s ease,
    box-shadow .35s ease,
    background .35s ease;
}

.leadershipcss-role-card:nth-child(2) {
  background: #fff6d9;
  border-color: #ffe7a0;
}

.leadershipcss-role-card:nth-child(3) {
  background: #eef1ff;
  border-color: #dfe5ff;
}

.leadershipcss-role-card::before {
  content: "";
  position: absolute;
  top: -80px;
  right: -80px;
  width: 170px;
  height: 170px;
  border-radius: 50%;
  background: rgba(55, 51, 153, .07);
  transition: transform .4s ease;
}

.leadershipcss-role-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 25px 55px rgba(32, 35, 79, .12);
}

.leadershipcss-role-card:hover::before {
  transform: scale(1.25);
}

.leadershipcss-role-card>span {
  position: absolute;
  top: 24px;
  right: 25px;
  color: rgba(55, 51, 153, .18);
  font-family: 'Outfit', sans-serif;
  font-size: 42px;
  font-weight: 700;
}

.leadershipcss-role-icon {
  width: 72px;
  height: 72px;
  margin-bottom: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #00287d;
  color: #fff;
  font-size: 26px;
}

.leadershipcss-role-card:nth-child(2) .leadershipcss-role-icon {
  background: #ffc63b;
  color: #111;
}

.leadershipcss-role-card:nth-child(3) .leadershipcss-role-icon {
  background: #dfe5ff;
  color: #00287d;
}

.leadershipcss-role-card h3 {
  margin: 0 0 16px;
  font-size: 25px;
}

.leadershipcss-role-card p {
  margin: 0;
  font-size: 16px;
}

/* HOD DIRECTORY */

.leadershipcss-hod {
  background: #f7f8fc;
}

.leadershipcss-profile-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 30px;
}

.leadershipcss-profile {
  background: #fff;
  border: 1px solid #e6e7ef;
  transition:
    transform .35s ease,
    box-shadow .35s ease;
}

.leadershipcss-profile:hover {
  transform: translateY(-8px);
  box-shadow: 0 24px 50px rgba(35, 36, 78, .1);
}

.leadershipcss-profile-photo {
  height: 310px;
  display: flex;
  align-items: center;
  justify-content: center;
  background:
    linear-gradient(145deg, #dfe5ff 0%, #f4f5ff 100%);
  overflow: hidden;
}

.leadershipcss-profile:nth-child(2n) .leadershipcss-profile-photo {
  background:
    linear-gradient(145deg, #fff0bb 0%, #fff9e8 100%);
}

.leadershipcss-profile:nth-child(3n) .leadershipcss-profile-photo {
  background:
    linear-gradient(145deg, #00287d 0%, #4f4bb1 100%);
}

.leadershipcss-profile-photo i {
  color: #00287d;
  font-size: 105px;
  opacity: .22;
}

.leadershipcss-profile:nth-child(3n) .leadershipcss-profile-photo i {
  color: #fff;
}

.leadershipcss-profile-info {
  padding: 25px 24px 28px;
  border-top: 5px solid #ffc63b;
}

.leadershipcss-profile-info h3 {
  margin: 0 0 8px;
  font-size: 20px;
}

.leadershipcss-profile-info p {
  margin: 0;
  color: #666;
  font-size: 15px;
}

/* LEADERSHIP PRINCIPLES */

.leadershipcss-principles {
  background: #fff;
}

.leadershipcss-principles-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
}

.leadershipcss-principle {
  position: relative;
  min-height: 300px;
  padding: 38px 28px;
  background: #00287d;
  color: #fff;
  overflow: hidden;
}

.leadershipcss-principle:nth-child(2) {
  background: #ffc63b;
  color: #111;
}

.leadershipcss-principle:nth-child(3) {
  background: #dfe5ff;
  color: #111;
}

.leadershipcss-principle:nth-child(4) {
  background: #f7f8fc;
  color: #111;
  border: 1px solid #dfe5ff;
}

.leadershipcss-principle::after {
  content: "";
  position: absolute;
  right: -55px;
  bottom: -55px;
  width: 145px;
  height: 145px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .12);
}

.leadershipcss-principle>span {
  display: block;
  margin-bottom: 70px;
  font-family: 'Outfit', sans-serif;
  font-size: 15px;
  font-weight: 700;
  opacity: .65;
}

.leadershipcss-principle h3 {
  font-weight: 600;
  margin: 0 0 15px;
  color: inherit;
  font-size: 23px;
}

.leadershipcss-principle p {
  position: relative;
  z-index: 1;
  margin: 0;
  color: inherit;
  font-size: 15px;
  opacity: .88;
}

/* RESPONSIVE */

@media(max-width:1199px) {

  .leadershipcss {
    padding: 90px 0;
  }

  .leadershipcss-feature,
  .leadershipcss-feature-reverse {
    grid-template-columns: minmax(0, 1fr) minmax(320px, .8fr);
    gap: 50px;
  }

  .leadershipcss-photo-frame,
  .leadershipcss-photo-frame img {
    height: 540px;
    min-height: 540px;
  }

  .leadershipcss-secretary {
    gap: 50px;
  }

  .leadershipcss-principles-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media(max-width:991px) {

  .leadershipcss-head {
    margin-bottom: 55px;
  }

  .leadershipcss-feature,
  .leadershipcss-feature-reverse,
  .leadershipcss-secretary {
    grid-template-columns: 1fr;
  }

  .leadershipcss-feature-reverse .leadershipcss-feature-photo {
    order: 2;
  }

  .leadershipcss-feature-reverse .leadershipcss-feature-text {
    order: 1;
  }

  .leadershipcss-photo-frame {
    max-width: 620px;
    margin: 0 auto;
  }

  .leadershipcss-secretary-img {
    max-width: 600px;
    margin: 0 auto;
  }

  .leadershipcss-role-grid,
  .leadershipcss-profile-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media(max-width:767px) {

  .leadershipcss {
    padding: 70px 0;
  }

  .leadershipcss h2 {
    font-size: 32px;
  }

  .leadershipcss p {
    font-size: 16px;
  }

  .leadershipcss-head {
    margin-bottom: 42px;
  }

  .leadershipcss-feature-text h3 {
    font-size: 28px;
  }

  .leadershipcss-photo-frame,
  .leadershipcss-photo-frame img {
    height: 430px;
    min-height: 430px;
  }

  .leadershipcss-photo-label {
    left: 18px;
    right: 18px;
    bottom: 18px;
    padding: 18px;
  }

  .leadershipcss-secretary-img {
    padding: 0 12px 12px 0;
  }

  .leadershipcss-secretary-img img {
    height: 420px;
  }

  .leadershipcss-secretary-name {
    left: 18px;
    right: 30px;
    bottom: 30px;
  }

  .leadershipcss-role-grid,
  .leadershipcss-profile-grid,
  .leadershipcss-principles-grid {
    grid-template-columns: 1fr;
  }

  .leadershipcss-role-card {
    min-height: auto;
  }

  .leadershipcss-profile-photo {
    height: 280px;
  }

  .leadershipcss-principle {
    min-height: 260px;
  }

  .leadershipcss-principle>span {
    margin-bottom: 50px;
  }
}

@media(max-width:480px) {

  .leadershipcss-photo-frame,
  .leadershipcss-photo-frame img {
    height: 370px;
    min-height: 370px;
  }

  .leadershipcss-secretary-img img {
    height: 360px;
  }

  .leadershipcss-role-card {
    padding: 32px 24px;
  }
}


.boardtrustcss {
  position: relative;
  width: 100%;
  padding: 110px 0;
  background: #fff;
  overflow: hidden;
}

.boardtrustcss * {
  box-sizing: border-box;
}

/* COMMON TYPOGRAPHY */

.boardtrustcss h2 {
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 42px;
  font-weight: 700;
  line-height: 1.2;
  margin: 0;
}

.boardtrustcss h3,
.boardtrustcss strong {
  font-family: 'Outfit', sans-serif;
}

.boardtrustcss p {
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #000;
  line-height: 1.6em;
  margin: 0;
}

.boardtrustcss-label {
  display: inline-block;
  margin-bottom: 18px;
  font-family: "Inter", sans-serif;
  color: #00287d;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.boardtrustcss-head {
  width: 100%;
  max-width: 850px;
  margin: 0 auto 65px;
  text-align: center;
}

.boardtrustcss-head h2 {
  margin-bottom: 22px;
}

.boardtrustcss-head p {
  max-width: 760px;
  margin: 0 auto;
}

/* INTRO */

.boardtrustcss-intro {
  padding-top: 120px;
  background: #f7f8fc;
}

.boardtrustcss-intro-grid {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  gap: 85px;
  align-items: center;
}

.boardtrustcss-intro-content h2 {
  margin-bottom: 25px;
}

.boardtrustcss-intro-content>p {
  max-width: 560px;
  margin-bottom: 38px;
}

.boardtrustcss-intro-points {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-top: 1px solid #dcddea;
  border-bottom: 1px solid #dcddea;
}

.boardtrustcss-intro-points>div {
  padding: 22px 18px 22px 0;
}

.boardtrustcss-intro-points>div+div {
  padding-left: 20px;
  border-left: 1px solid #dcddea;
}

.boardtrustcss-intro-points strong {
  display: block;
  margin-bottom: 6px;
  color: #00287d;
  font-size: 18px;
  font-weight: 700;
}

.boardtrustcss-intro-points span {
  display: block;
  font-family: "Inter", sans-serif;
  color: #5c5c65;
  font-size: 13px;
  line-height: 1.45;
}

.boardtrustcss-intro-image {
  position: relative;
  min-height: 610px;
  padding: 0 0 55px 55px;
}

.boardtrustcss-intro-image::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 72%;
  height: 72%;
  background: #ffc63b;
}

.boardtrustcss-intro-image-main {
  position: relative;
  z-index: 2;
  height: 535px;
}

.boardtrustcss-intro-image-main img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.boardtrustcss-intro-image-small {
  position: absolute;
  z-index: 4;
  left: 0;
  bottom: 0;
  width: 220px;
  height: 180px;
  padding: 10px;
  background: #fff;
}

.boardtrustcss-intro-image-small img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.boardtrustcss-intro-badge {
  position: absolute;
  z-index: 5;
  right: -25px;
  bottom: 25px;
  width: 220px;
  min-height: 110px;
  padding: 22px;
  display: flex;
  align-items: center;
  gap: 16px;
  background: #00287d;
  color: #fff;
}

.boardtrustcss-intro-badge i {
  font-size: 30px;
  color: #ffc63b;
}

.boardtrustcss-intro-badge span {
  font-family: 'Outfit', sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
}

/* PURPOSE */

.boardtrustcss-purpose {
  background: #fff;
}

.boardtrustcss-purpose-wrap {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 90px;
  align-items: center;
}

.boardtrustcss-purpose-image {
  position: relative;
  padding: 0 22px 22px 0;
}

.boardtrustcss-purpose-image::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 65%;
  height: 65%;
  background: #dfe5ff;
  z-index: 0;
}

.boardtrustcss-purpose-image img {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 520px;
  display: block;
  object-fit: cover;
}

.boardtrustcss-purpose-content h2 {
  margin-bottom: 24px;
}

.boardtrustcss-purpose-content>p {
  margin-bottom: 32px;
}

.boardtrustcss-purpose-box {
  display: grid;
  grid-template-columns: 78px minmax(0, 1fr);
  gap: 22px;
  padding: 28px;
  background: #f5f6fb;
  border-left: 5px solid #ffc63b;
}

.boardtrustcss-purpose-icon {
  width: 78px;
  height: 78px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #00287d;
  color: #fff;
  font-size: 29px;
}

.boardtrustcss-purpose-box h3 {
  margin: 0 0 9px;
  color: #111;
  font-size: 22px;
  font-weight: 700;
}

.boardtrustcss-purpose-box p {
  font-size: 15px;
}

/* FRAMEWORK */

.boardtrustcss-framework {
  background: #f7f8fc;
}

.boardtrustcss-framework-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 22px;
}

.boardtrustcss-framework-card {
  position: relative;
  min-height: 350px;
  padding: 35px 28px;
  background: #fff;
  border: 1px solid #e2e4ed;
  overflow: hidden;
  transition:
    transform .35s ease,
    box-shadow .35s ease;
}

.boardtrustcss-framework-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 25px 55px rgba(34, 37, 82, .1);
}

.boardtrustcss-framework-number {
  position: absolute;
  top: 25px;
  right: 25px;
  font-family: 'Outfit', sans-serif;
  color: rgba(55, 51, 153, .15);
  font-size: 44px;
  font-weight: 700;
}

.boardtrustcss-framework-icon {
  width: 72px;
  height: 72px;
  margin-bottom: 75px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #00287d;
  color: #fff;
  font-size: 26px;
}

.boardtrustcss-framework-card:nth-child(2) .boardtrustcss-framework-icon {
  background: #ffc63b;
  color: #111;
}

.boardtrustcss-framework-card:nth-child(3) .boardtrustcss-framework-icon {
  background: #dfe5ff;
  color: #00287d;
}

.boardtrustcss-framework-card:nth-child(4) .boardtrustcss-framework-icon {
  background: #222;
}

.boardtrustcss-framework-card h3 {
  margin: 0 0 14px;
  color: #111;
  font-size: 23px;
  font-weight: 700;
}

.boardtrustcss-framework-card p {
  font-size: 15px;
}

/* STRUCTURE */

.boardtrustcss-structure-section {
  background: #fff;
}

.boardtrustcss-structure-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
  gap: 85px;
  align-items: center;
}

.boardtrustcss-structure-content>h2 {
  margin-bottom: 22px;
}

.boardtrustcss-structure-content>p {
  margin-bottom: 40px;
}

.boardtrustcss-structure-list {
  border-top: 1px solid #dedfe8;
}

.boardtrustcss-structure-item {
  display: grid;
  grid-template-columns: 60px minmax(0, 1fr);
  gap: 22px;
  padding: 27px 0;
  border-bottom: 1px solid #dedfe8;
}

.boardtrustcss-structure-item>span {
  font-family: 'Outfit', sans-serif;
  color: #00287d;
  font-size: 20px;
  font-weight: 700;
}

.boardtrustcss-structure-item small {
  display: block;
  margin-bottom: 6px;
  font-family: "Inter", sans-serif;
  color: #777;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.2px;
  text-transform: uppercase;
}

.boardtrustcss-structure-item h3 {
  margin: 0 0 8px;
  color: #111;
  font-size: 23px;
  font-weight: 700;
}

.boardtrustcss-structure-item p {
  font-size: 15px;
}

.boardtrustcss-structure-image {
  position: relative;
  padding: 0 0 28px 28px;
}

.boardtrustcss-structure-image::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 70%;
  height: 72%;
  background: #ffc63b;
}

.boardtrustcss-structure-image img {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 620px;
  display: block;
  object-fit: cover;
}

.boardtrustcss-structure-caption {
  position: absolute;
  z-index: 3;
  left: 0;
  right: 55px;
  bottom: 55px;
  padding: 25px;
  background: #00287d;
  color: #fff;
}

.boardtrustcss-structure-caption strong {
  display: block;
  margin-bottom: 6px;
  font-size: 19px;
}

.boardtrustcss-structure-caption span {
  font-family: "Inter", sans-serif;
  color: rgba(255, 255, 255, .8);
  font-size: 13px;
}

/* SECRETARY */

.boardtrustcss-secretary-section {
  background: #f7f8fc;
}

.boardtrustcss-secretary {
  display: grid;
  grid-template-columns: minmax(330px, .8fr) minmax(0, 1.2fr);
  gap: 80px;
  align-items: center;
}

.boardtrustcss-secretary-image {
  position: relative;
  padding: 0 22px 22px 0;
}

.boardtrustcss-secretary-image::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 72%;
  height: 72%;
  background: #ffc63b;
  z-index: 0;
}

.boardtrustcss-secretary-photo {
  position: relative;
  z-index: 1;
}

.boardtrustcss-secretary-photo img {
  width: 100%;
  height: 570px;
  display: block;
  object-fit: cover;
}

.boardtrustcss-secretary-name {
  position: absolute;
  z-index: 3;
  left: 25px;
  right: 48px;
  bottom: 48px;
  padding: 23px;
  background: #00287d;
  color: #fff;
}

.boardtrustcss-secretary-name span {
  display: block;
  margin-bottom: 7px;
  font-family: "Inter", sans-serif;
  color: #ffc63b;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.boardtrustcss-secretary-name h3 {
  margin: 0;
  color: #fff;
  font-size: 21px;
  font-weight: 700;
}

.boardtrustcss-secretary-content h2 {
  margin-bottom: 25px;
}

.boardtrustcss-secretary-content p {
  margin-bottom: 22px;
}

/* RESPONSIBILITIES */

.boardtrustcss-responsibilities {
  background: #fff;
}

.boardtrustcss-responsibility-layout {
  display: grid;
  grid-template-columns: minmax(320px, .75fr) minmax(0, 1.25fr);
  gap: 45px;
  align-items: stretch;
}

.boardtrustcss-responsibility-image {
  position: relative;
  min-height: 720px;
  overflow: hidden;
}

.boardtrustcss-responsibility-image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.boardtrustcss-responsibility-overlay {
  position: absolute;
  left: 25px;
  right: 25px;
  bottom: 25px;
  padding: 25px;
  background: #00287d;
  color: #fff;
}

.boardtrustcss-responsibility-overlay strong {
  display: block;
  margin-bottom: 7px;
  font-size: 20px;
}

.boardtrustcss-responsibility-overlay span {
  font-family: "Inter", sans-serif;
  color: rgba(255, 255, 255, .8);
  font-size: 13px;
  line-height: 1.5;
}

.boardtrustcss-responsibility-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
}

.boardtrustcss-responsibility-card {
  padding: 30px 27px;
  background: #f7f8fc;
  border: 1px solid #e3e5ed;
  transition:
    transform .35s ease,
    box-shadow .35s ease;
}

.boardtrustcss-responsibility-card:nth-child(2),
.boardtrustcss-responsibility-card:nth-child(5) {
  background: #fff7dd;
}

.boardtrustcss-responsibility-card:nth-child(3),
.boardtrustcss-responsibility-card:nth-child(6) {
  background: #eef1ff;
}

.boardtrustcss-responsibility-card:hover {
  transform: translateY(-7px);
  box-shadow: 0 20px 45px rgba(34, 36, 80, .1);
}

.boardtrustcss-responsibility-card i {
  width: 60px;
  height: 60px;
  margin-bottom: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #00287d;
  color: #fff;
  font-size: 22px;
}

.boardtrustcss-responsibility-card h3 {
  margin: 0 0 12px;
  color: #111;
  font-size: 21px;
  font-weight: 700;
}

.boardtrustcss-responsibility-card p {
  font-size: 14px;
}

/* ADMIN */

.boardtrustcss-admin-section {
  background: #f7f8fc;
}

.boardtrustcss-admin-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}

.boardtrustcss-admin-card {
  position: relative;
  min-height: 320px;
  padding: 34px 29px;
  background: #fff;
  border-top: 5px solid #00287d;
  overflow: hidden;
  transition:
    transform .35s ease,
    box-shadow .35s ease;
}

.boardtrustcss-admin-card:nth-child(2),
.boardtrustcss-admin-card:nth-child(5) {
  border-color: #ffc63b;
}

.boardtrustcss-admin-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 24px 50px rgba(34, 36, 80, .1);
}

.boardtrustcss-admin-card>span {
  position: absolute;
  top: 24px;
  right: 26px;
  font-family: 'Outfit', sans-serif;
  color: rgba(55, 51, 153, .14);
  font-size: 45px;
  font-weight: 700;
}

.boardtrustcss-admin-card i {
  margin-bottom: 60px;
  color: #00287d;
  font-size: 35px;
}

.boardtrustcss-admin-card h3 {
  margin: 0 0 13px;
  color: #111;
  font-size: 23px;
  font-weight: 700;
}

.boardtrustcss-admin-card p {
  font-size: 15px;
}

/* DIGITAL */

.boardtrustcss-digital {
  background: #fff;
}

.boardtrustcss-digital-wrap {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 75px;
  align-items: center;
}

.boardtrustcss-digital-content h2 {
  margin-bottom: 24px;
}

.boardtrustcss-digital-content>p {
  margin-bottom: 32px;
}

.boardtrustcss-digital-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 13px;
}

.boardtrustcss-digital-list>div {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  padding: 15px;
  background: #f6f7fb;
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 14px;
  line-height: 1.5;
}

.boardtrustcss-digital-list i {
  margin-top: 4px;
  color: #00287d;
}

.boardtrustcss-digital-image {
  position: relative;
  padding: 0 0 30px 30px;
}

.boardtrustcss-digital-image::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 70%;
  height: 70%;
  background: #dfe5ff;
}

.boardtrustcss-digital-image img {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 590px;
  display: block;
  object-fit: cover;
}

.boardtrustcss-digital-image-box {
  position: absolute;
  z-index: 3;
  right: -20px;
  bottom: 55px;
  width: 245px;
  padding: 25px;
  background: #ffc63b;
  color: #111;
}

.boardtrustcss-digital-image-box i {
  display: block;
  margin-bottom: 18px;
  font-size: 30px;
  color: #00287d;
}

.boardtrustcss-digital-image-box strong {
  display: block;
  margin-bottom: 7px;
  font-size: 19px;
}

.boardtrustcss-digital-image-box span {
  font-family: "Inter", sans-serif;
  font-size: 13px;
  line-height: 1.5;
}

/* VALUES */

.boardtrustcss-values-section {
  background: #f7f8fc;
}

.boardtrustcss-values {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
}

.boardtrustcss-value {
  position: relative;
  aspect-ratio: 1 / 0.7;
  padding: 30px 27px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  overflow: hidden;
  transition:
    transform .35s ease,
    box-shadow .35s ease;
}

.boardtrustcss-value:hover {
  transform: translateY(-9px);
  box-shadow: 0 22px 45px rgba(33, 35, 79, .12);
}

.boardtrustcss-value::after {
  content: "";
  position: absolute;
  top: -65px;
  right: -65px;
  width: 155px;
  height: 155px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .14);
}

.boardtrustcss-value>span {
  position: absolute;
  top: 24px;
  left: 27px;
  font-family: 'Outfit', sans-serif;
  font-size: 14px;
  font-weight: 700;
  opacity: .65;
}

.boardtrustcss-value strong {
  position: relative;
  z-index: 1;
  margin-bottom: 12px;
  font-size: 22px;
  font-weight: 700;
}

.boardtrustcss-value p {
  position: relative;
  z-index: 1;
  color: inherit;
  font-size: 15px;
}

.boardtrustcss-value-purple {
  background: #00287d;
  color: #fff;
}

.boardtrustcss-value-purple p {
  color: rgba(255, 255, 255, .82);
}

.boardtrustcss-value-yellow {
  background: #ffc63b;
  color: #111;
}

.boardtrustcss-value-blue {
  background: #dfe5ff;
  color: #111;
}

.boardtrustcss-value-white {
  background: #fff;
  color: #111;
  border: 1px solid #dfe1ea;
}

/* RESPONSIVE */

@media(max-width:1199px) {

  .boardtrustcss {
    padding: 90px 0;
  }

  .boardtrustcss-intro-grid,
  .boardtrustcss-purpose-wrap,
  .boardtrustcss-structure-layout,
  .boardtrustcss-secretary,
  .boardtrustcss-digital-wrap {
    gap: 50px;
  }

  .boardtrustcss-framework-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .boardtrustcss-values {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .boardtrustcss-value {
    aspect-ratio: auto;
    min-height: 270px;
  }
}

@media(max-width:991px) {

  .boardtrustcss-intro-grid,
  .boardtrustcss-purpose-wrap,
  .boardtrustcss-structure-layout,
  .boardtrustcss-secretary,
  .boardtrustcss-responsibility-layout,
  .boardtrustcss-digital-wrap {
    grid-template-columns: 1fr;
  }

  .boardtrustcss-intro-image,
  .boardtrustcss-purpose-image,
  .boardtrustcss-structure-image,
  .boardtrustcss-secretary-image,
  .boardtrustcss-digital-image {
    max-width: 720px;
    margin: 0 auto;
  }

  .boardtrustcss-responsibility-image {
    min-height: 500px;
  }

  .boardtrustcss-admin-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media(max-width:767px) {

  .boardtrustcss {
    padding: 70px 0;
  }

  .boardtrustcss h2 {
    font-size: 32px;
  }

  .boardtrustcss p {
    font-size: 16px;
  }

  .boardtrustcss-head {
    margin-bottom: 42px;
  }

  .boardtrustcss-intro-points {
    grid-template-columns: 1fr;
  }

  .boardtrustcss-intro-points>div {
    padding: 18px 0;
  }

  .boardtrustcss-intro-points>div+div {
    padding-left: 0;
    border-left: 0;
    border-top: 1px solid #dcddea;
  }

  .boardtrustcss-intro-image {
    min-height: 490px;
    padding: 0 0 35px 25px;
  }

  .boardtrustcss-intro-image-main {
    height: 430px;
  }

  .boardtrustcss-intro-image-small {
    display: none;
  }

  .boardtrustcss-intro-badge {
    right: 0;
    bottom: 0;
    width: 210px;
  }

  .boardtrustcss-purpose-image img,
  .boardtrustcss-secretary-photo img,
  .boardtrustcss-digital-image img {
    height: 430px;
  }

  .boardtrustcss-purpose-box {
    grid-template-columns: 1fr;
  }

  .boardtrustcss-framework-grid,
  .boardtrustcss-responsibility-grid,
  .boardtrustcss-admin-grid,
  .boardtrustcss-digital-list,
  .boardtrustcss-values {
    grid-template-columns: 1fr;
  }

  .boardtrustcss-framework-card {
    min-height: auto;
  }

  .boardtrustcss-framework-icon {
    margin-bottom: 50px;
  }

  .boardtrustcss-structure-image img {
    height: 480px;
  }

  .boardtrustcss-secretary-name {
    left: 18px;
    right: 38px;
    bottom: 38px;
  }

  .boardtrustcss-responsibility-image {
    min-height: 400px;
  }

  .boardtrustcss-admin-card {
    min-height: auto;
  }

  .boardtrustcss-digital-image-box {
    right: 0;
    bottom: 45px;
  }

  .boardtrustcss-value {
    min-height: 245px;
  }
}

@media(max-width:480px) {

  .boardtrustcss-intro-image-main {
    height: 360px;
  }

  .boardtrustcss-intro-badge {
    position: relative;
    right: auto;
    bottom: auto;
    width: 100%;
  }

  .boardtrustcss-purpose-image img,
  .boardtrustcss-secretary-photo img,
  .boardtrustcss-digital-image img {
    height: 360px;
  }

  .boardtrustcss-structure-image img {
    height: 400px;
  }

  .boardtrustcss-digital-image-box {
    position: relative;
    right: auto;
    bottom: auto;
    width: 100%;
  }
}

.accsec {
  position: relative;
  width: 100%;
  padding: 110px 0;
  background: #fff;
  overflow: hidden;
}

.accsec * {
  box-sizing: border-box;
}

.accsec h2 {
  margin: 0;
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 42px;
  font-weight: 700;
  line-height: 1.2;
}



.accsec p {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #000;
  line-height: 1.6em;
}

.accsec-kicker {
  display: inline-block;
  margin-bottom: 18px;
  font-family: "Inter", sans-serif;
  color: #00287d;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 2px;
  text-transform: uppercase;
}

/* OPENING */

.accsec-opening {
  padding-top: 50px;
  background: #f8f8fb;
}

.accsec-opening-grid {
  display: grid;
  grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
  gap: 90px;
  align-items: center;
}

.accsec-opening-copy h2 {
  max-width: 600px;
  margin-bottom: 25px;
}

.accsec-opening-copy p {
  max-width: 570px;
}

.accsec-opening-line {
  width: 110px;
  height: 6px;
  margin-top: 38px;
  background: #ffc63b;
}

.accsec-opening-mosaic {
  position: relative;
  min-height: 610px;
}

.accsec-opening-image {
  overflow: hidden;
}

.accsec-opening-image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.accsec-opening-image-large {
  position: absolute;
  top: 0;
  right: 0;
  width: 82%;
  height: 500px;
}

.accsec-opening-image-small {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 45%;
  height: 260px;
  padding: 12px;
  background: #fff;
}

.accsec-opening-note {
  position: absolute;
  right: 35px;
  bottom: 0;
  width: 310px;
  min-height: 135px;
  padding: 26px;
  display: flex;
  align-items: center;
  gap: 20px;
  background: #00287d;
  color: #fff;
}

.accsec-opening-note i {
  color: #ffc63b;
  font-size: 33px;
}

.accsec-opening-note strong {
  display: block;
  margin-bottom: 7px;
  font-size: 18px;
  font-weight: 700;
}

.accsec-opening-note span {
  display: block;
  font-family: "Inter", sans-serif;
  color: rgba(255, 255, 255, .8);
  font-size: 13px;
  line-height: 1.5;
}

/* NETWORK BAND */

.accsec-network {
  background: #fff;
}

.accsec-network-panel {
  position: relative;
  display: grid;
  grid-template-columns: .8fr 1.2fr;
  gap: 70px;
  padding: 70px 70px 230px;
  background: #00287d;
  color: #fff;
}

.accsec-network-heading .accsec-kicker {
  color: #ffc63b;
}

.accsec-network-heading h2 {
  color: #fff;
}

.accsec-network-body>p {
  margin-bottom: 28px;
  color: rgba(255, 255, 255, .84);
}

.accsec-network-points {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.accsec-network-points>div {
  padding: 18px;
  background: rgba(255, 255, 255, .08);
  border: 1px solid rgba(255, 255, 255, .11);
}

.accsec-network-points span {
  display: block;
  margin-bottom: 10px;
  font-family: 'Outfit', sans-serif;
  color: #ffc63b;
  font-size: 14px;
  font-weight: 700;
}

.accsec-network-points p {
  color: #fff;
  font-size: 14px;
}

.accsec-network-image {
  position: absolute;
  left: 70px;
  right: 70px;
  bottom: -130px;
  height: 320px;
}

.accsec-network-image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

/* SECTION TITLE */

.accsec-section-title {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, .75fr);
  gap: 80px;
  align-items: end;
  margin-bottom: 65px;
}

.accsec-section-title p {
  max-width: 520px;
}

/* FOCUS ROWS */

.accsec-focus {
  padding-top: 175px;
  background: #f8f8fb;
}

.accsec-focus-list {
  border-top: 1px solid #dfe1eb;
}

.accsec-focus-row {
  position: relative;
  display: grid;
  grid-template-columns: 80px 85px minmax(0, 1fr) 10px;
  gap: 28px;
  align-items: center;
  padding: 28px 0;
  border-bottom: 1px solid #dfe1eb;
  transition: padding .3s ease, background .3s ease;
}

.accsec-focus-row:hover {
  padding-left: 20px;
  padding-right: 20px;
  background: #fff;
}

.accsec-focus-num {
  font-family: 'Outfit', sans-serif;
  color: rgba(55, 51, 153, .35);
  font-size: 26px;
  font-weight: 700;
}

.accsec-focus-icon {
  width: 68px;
  height: 68px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #dfe5ff;
  color: #00287d;
  font-size: 24px;
}

.accsec-focus-row:nth-child(even) .accsec-focus-icon {
  background: #ffc63b;
  color: #111;
}

.accsec-focus-content h3 {
  margin: 0 0 8px;
  color: #111;
  font-size: 23px;
  font-weight: 700;
}

.accsec-focus-content p {
  max-width: 800px;
  font-size: 15px;
}

.accsec-focus-accent {
  width: 10px;
  height: 60px;
  background: #00287d;
}

.accsec-focus-row:nth-child(even) .accsec-focus-accent {
  background: #ffc63b;
}

/* MODEL TIMELINE */

.accsec-model {
  background: #fff;
}

.accsec-model-head {
  max-width: 760px;
  margin-bottom: 75px;
}

.accsec-model-head h2 {
  margin-bottom: 22px;
}

.accsec-model-timeline {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 28px;
}

.accsec-model-timeline::before {
  content: "";
  position: absolute;
  top: 34px;
  left: 8%;
  right: 8%;
  height: 2px;
  background: #d8daea;
}

.accsec-model-step {
  position: relative;
  z-index: 2;
  padding-top: 96px;
}

.accsec-model-dot {
  position: absolute;
  top: 0;
  left: 0;
  width: 68px;
  height: 68px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #00287d;
  color: #fff;
  border: 8px solid #fff;
  box-shadow: 0 0 0 1px #d8daea;
  font-family: 'Outfit', sans-serif;
  font-size: 15px;
  font-weight: 700;
}

.accsec-model-step:nth-child(even) .accsec-model-dot {
  background: #ffc63b;
  color: #111;
}

.accsec-model-step h3 {
  margin: 0 0 13px;
  color: #111;
  font-size: 22px;
  font-weight: 700;
}

.accsec-model-step p {
  font-size: 15px;
}

/* OPPORTUNITIES */

.accsec-opportunity {
  background: #f8f8fb;
}

.accsec-opportunity-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 28px;
}

.accsec-opportunity-card {
  display: grid;
  grid-template-columns: 44% 56%;
  min-height: 330px;
  background: #fff;
  border: 1px solid #e2e4ed;
  transition: transform .35s ease, box-shadow .35s ease;
}

.accsec-opportunity-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 24px 52px rgba(34, 36, 80, .1);
}

.accsec-opportunity-photo {
  overflow: hidden;
}

.accsec-opportunity-photo img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform .45s ease;
}

.accsec-opportunity-card:hover img {
  transform: scale(1.06);
}

.accsec-opportunity-content {
  padding: 34px 30px;
}

.accsec-opportunity-content i {
  margin-bottom: 35px;
  color: #00287d;
  font-size: 30px;
}

.accsec-opportunity-content h3 {
  margin: 0 0 13px;
  color: #111;
  font-size: 22px;
  font-weight: 700;
}

.accsec-opportunity-content p {
  font-size: 15px;
}

/* DIGITAL */

.accsec-digital {
  background: #fff;
}

.accsec-digital-stage {
  position: relative;
  min-height: 700px;
}

.accsec-digital-background {
  position: absolute;
  inset: 0 0 0 24%;
}

.accsec-digital-background img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.accsec-digital-content {
  position: relative;
  z-index: 2;
  width: 58%;
  padding: 65px;
  background: #00287d;
  color: #fff;
}

.accsec-digital-content .accsec-kicker {
  color: #ffc63b;
}

.accsec-digital-content h2 {
  margin-bottom: 23px;
  color: #fff;
}

.accsec-digital-content>p {
  margin-bottom: 35px;
  color: rgba(255, 255, 255, .82);
}

.accsec-digital-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.accsec-digital-grid>div {
  min-height: 74px;
  padding: 15px;
  display: flex;
  align-items: center;
  gap: 12px;
  background: rgba(255, 255, 255, .08);
  border: 1px solid rgba(255, 255, 255, .1);
}

.accsec-digital-grid i {
  flex: 0 0 36px;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffc63b;
  color: #111;
  font-size: 14px;
}

.accsec-digital-grid span {
  font-family: "Inter", sans-serif;
  color: #fff;
  font-size: 13px;
  line-height: 1.45;
}

/* FAQ */

.accsec-faq {
  background: #f8f8fb;
}

.accsec-faq-top {
  max-width: 800px;
  margin-bottom: 60px;
}

.accsec-faq-layout {
  display: grid;
  grid-template-columns: minmax(300px, .65fr) minmax(0, 1.35fr);
  gap: 65px;
}

.accsec-faq-side {
  position: relative;
}

.accsec-faq-side-image {
  height: 430px;
}

.accsec-faq-side-image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.accsec-faq-side-note {
  position: absolute;
  left: 25px;
  right: 25px;
  bottom: 25px;
  padding: 24px;
  background: #ffc63b;
  color: #111;
}

.accsec-faq-side-note strong {
  display: block;
  margin-bottom: 7px;
  font-size: 19px;
}

.accsec-faq-side-note span {
  font-family: "Inter", sans-serif;
  font-size: 13px;
  line-height: 1.5;
}

.accsec-accordion {
  --bs-accordion-border-radius: 0;
  --bs-accordion-inner-border-radius: 0;
  --bs-accordion-btn-focus-box-shadow: none;
  --bs-accordion-active-bg: #fff;
  --bs-accordion-active-color: #00287d;
}

.accsec-accordion .accordion-item {
  margin-bottom: 14px;
  border: 0;
  border-bottom: 1px solid #d9dbe5;
  background: transparent;
}

.accsec-accordion .accordion-button {
  padding: 24px 0;
  background: transparent;
  color: #111;
  font-family: 'Outfit', sans-serif;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.4;
}

.accsec-accordion .accordion-button:not(.collapsed) {
  box-shadow: none;
  color: #00287d;
}

.accsec-accordion .accordion-body {
  padding: 0 0 24px;
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 16px;
  line-height: 1.7;
}

/* RESPONSIVE */

@media(max-width:1199px) {

  .accsec {
    padding: 90px 0;
  }

  .accsec-opening-grid {
    gap: 55px;
  }

  .accsec-network-panel {
    padding-left: 50px;
    padding-right: 50px;
  }

  .accsec-network-image {
    left: 50px;
    right: 50px;
  }

  .accsec-opportunity-card {
    grid-template-columns: 40% 60%;
  }

  .accsec-digital-content {
    width: 65%;
    padding: 50px;
  }
}

@media(max-width:991px) {

  .accsec-opening-grid,
  .accsec-network-panel,
  .accsec-section-title,
  .accsec-faq-layout {
    grid-template-columns: 1fr;
  }

  .accsec-opening-mosaic {
    max-width: 760px;
    width: 100%;
    margin: 0 auto;
  }

  .accsec-network-panel {
    padding-bottom: 220px;
  }

  .accsec-model-timeline {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: 55px;
  }

  .accsec-model-timeline::before {
    display: none;
  }

  .accsec-opportunity-grid {
    grid-template-columns: 1fr;
  }

  .accsec-digital-stage {
    min-height: auto;
  }

  .accsec-digital-background {
    position: relative;
    inset: auto;
    height: 480px;
  }

  .accsec-digital-content {
    width: 100%;
  }

  .accsec-faq-side {
    max-width: 620px;
  }
}

@media(max-width:767px) {

  .accsec {
    padding: 70px 0;
  }

  .accsec h2 {
    font-size: 32px;
  }

  .accsec p {
    font-size: 16px;
  }

  .accsec-opening-mosaic {
    min-height: 520px;
  }

  .accsec-opening-image-large {
    width: 88%;
    height: 400px;
  }

  .accsec-opening-image-small {
    width: 50%;
    height: 200px;
  }

  .accsec-opening-note {
    right: 0;
    width: 270px;
  }

  .accsec-network-panel {
    padding: 40px 25px 180px;
  }

  .accsec-network-points {
    grid-template-columns: 1fr;
  }

  .accsec-network-image {
    left: 25px;
    right: 25px;
    bottom: -65px;
    height: 210px;
  }

  .accsec-focus {
    padding-top: 135px;
  }

  .accsec-focus-row {
    grid-template-columns: 55px 62px minmax(0, 1fr);
    gap: 17px;
  }

  .accsec-focus-icon {
    width: 58px;
    height: 58px;
  }

  .accsec-focus-accent {
    display: none;
  }

  .accsec-focus-content h3 {
    font-size: 20px;
  }

  .accsec-model-timeline {
    grid-template-columns: 1fr;
  }

  .accsec-model-step {
    padding-left: 90px;
    padding-top: 0;
    min-height: 110px;
  }

  .accsec-model-dot {
    left: 0;
  }

  .accsec-opportunity-card {
    grid-template-columns: 1fr;
  }

  .accsec-opportunity-photo {
    height: 260px;
  }

  .accsec-digital-background {
    height: 350px;
  }

  .accsec-digital-content {
    padding: 35px 25px;
  }

  .accsec-digital-grid {
    grid-template-columns: 1fr;
  }
}

@media(max-width:480px) {

  .accsec-opening-mosaic {
    min-height: auto;
  }

  .accsec-opening-image-large,
  .accsec-opening-image-small,
  .accsec-opening-note {
    position: relative;
    width: 100%;
    inset: auto;
  }

  .accsec-opening-image-large {
    height: 330px;
  }

  .accsec-opening-image-small {
    height: 220px;
    padding: 10px 0 0;
  }

  .accsec-opening-note {
    min-height: auto;
  }

  .accsec-focus-row {
    grid-template-columns: 45px minmax(0, 1fr);
  }

  .accsec-focus-icon {
    display: none;
  }

  .accsec-faq-side-image {
    height: 350px;
  }
}


.global-partner-sec {
  width: 100%;
  overflow: hidden;
}

.global-partner-sec * {
  box-sizing: border-box;
}

.global-partner-sec h2 {
  margin: 0;
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 42px;
  font-weight: 700;
  line-height: 1.2;
}

.global-partner-sec h3,
.global-partner-sec strong,
.global-partner-sec b {
  font-family: 'Outfit', sans-serif;
}

.global-partner-sec p {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #000;
  line-height: 1.6em;
}

/* COMMON HEADINGS */

.gp-tag,
.gp-head>span,
.gp-process-heading>span {
  display: inline-block;
  margin-bottom: 17px;
  font-family: "Inter", sans-serif;
  color: #00287d;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.gp-head {
  max-width: 820px;
  margin: 0 auto 60px;
  text-align: center;
}

.gp-head-left {
  max-width: 720px;
  margin-left: 0;
  text-align: left;
}

/* HERO */

.gp-hero-section {
  position: relative;
  padding: 120px 0 110px;
  background: #f5f6fb;
}

.gp-hero-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 32%;
  height: 100%;
  background: #fff;
}

.gp-hero {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);
  gap: 85px;
  align-items: center;
}

.gp-hero-content h2 {
  margin-bottom: 25px;
  font-size: 58px;
}

.gp-hero-content p {
  max-width: 560px;
  margin-bottom: 35px;
}

.gp-btn {
  display: inline-flex;
  align-items: center;
  gap: 25px;
  padding: 18px 26px;
  background: #00287d;
  color: #fff;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  transition:
    background .35s ease,
    transform .35s ease;
}

.gp-btn:hover {
  background: #292675;
  color: #fff;
  transform: translateY(-3px);
}

.gp-hero-visual {
  position: relative;
  min-height: 610px;
}

.gp-hero-main-image {
  position: absolute;
  top: 0;
  right: 0;
  width: 82%;
  height: 530px;
}

.gp-hero-main-image img,
.gp-hero-small-image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.gp-hero-small-image {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 3;
  width: 43%;
  height: 260px;
  padding: 10px;
  background: #fff;
  box-shadow: 0 24px 60px rgba(34, 36, 80, .14);
}

.gp-hero-globe {
  position: absolute;
  z-index: 4;
  right: 30px;
  bottom: 20px;
  width: 125px;
  height: 125px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #ffc63b;
  color: #00287d;
  font-size: 47px;
}

/* OVERVIEW */

.gp-overview-section {
  padding: 110px 0;
  background: #fff;
}

.gp-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(0, .88fr);
  gap: 70px;
  align-items: center;
}

.gp-big-card {
  position: relative;
  min-height: 610px;
}

.gp-big-card-image {
  position: absolute;
  inset: 0 70px 65px 0;
}

.gp-big-card-image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.gp-big-card-content {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 66%;
  padding: 38px;
  background: #00287d;
  color: #fff;
}

.gp-big-card-content i {
  margin-bottom: 25px;
  color: #ffc63b;
  font-size: 36px;
}

.gp-big-card-content h3 {
  margin: 0 0 15px;
  color: #fff;
  font-size: 28px;
  font-weight: 700;
}

.gp-big-card-content p {
  color: rgba(255, 255, 255, .82);
  font-size: 15px;
}

.gp-text-card {
  position: relative;
  padding: 55px 45px;
  background: #fff7db;
  border-left: 7px solid #ffc63b;
}

.gp-text-card-number {
  position: absolute;
  top: 25px;
  right: 30px;
  color: rgba(55, 51, 153, .12);
  font-family: 'Outfit', sans-serif;
  font-size: 70px;
  font-weight: 700;
  line-height: 1;
}

.gp-text-card h3 {
  position: relative;
  z-index: 2;
  margin: 0 0 22px;
  color: #111;
  font-size: 31px;
  font-weight: 700;
  line-height: 1.25;
}

.gp-text-card>p {
  margin-bottom: 28px;
}

.gp-text-card ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.gp-text-card li {
  position: relative;
  padding: 14px 0 14px 30px;
  border-top: 1px solid rgba(55, 51, 153, .14);
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 15px;
  line-height: 1.5;
}

.gp-text-card li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 22px;
  width: 9px;
  height: 9px;
  background: #00287d;
}

/* HIGHLIGHTS */

.gp-highlights-section {
  padding: 110px 0;
  background: #f6f7fb;
}

.gp-card-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-top: 1px solid #dfe1eb;
  border-left: 1px solid #dfe1eb;
}

.gp-card {
  min-height: 340px;
  padding: 35px 30px;
  background: #fff;
  border-right: 1px solid #dfe1eb;
  border-bottom: 1px solid #dfe1eb;
  transition:
    background .35s ease,
    transform .35s ease;
}

.gp-card:hover {
  position: relative;
  z-index: 2;
  background: #00287d;
  transform: translateY(-7px);
}

.gp-card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 85px;
}

.gp-card-top span {
  font-family: 'Outfit', sans-serif;
  color: rgba(55, 51, 153, .25);
  font-size: 17px;
  font-weight: 700;
}

.gp-card-top i {
  color: #00287d;
  font-size: 31px;
}

.gp-card:nth-child(2) .gp-card-top i,
.gp-card:nth-child(5) .gp-card-top i {
  color: #d69b00;
}

.gp-card h3 {
  margin: 0 0 14px;
  color: #111;
  font-size: 23px;
  font-weight: 700;
}

.gp-card p {
  font-size: 15px;
}

.gp-card:hover h3,
.gp-card:hover p,
.gp-card:hover .gp-card-top span,
.gp-card:hover .gp-card-top i {
  color: #fff;
}

/* PROCESS */

.gp-process-section {
  padding: 110px 0;
  background: #fff;
}

.gp-process {
  display: grid;
  grid-template-columns: minmax(300px, .72fr) minmax(0, 1.28fr);
  gap: 80px;
  align-items: start;
}

.gp-process-heading h2 {
  margin-bottom: 35px;
}

.gp-process-image {
  position: relative;
  height: 420px;
}

.gp-process-image::after {
  content: "";
  position: absolute;
  left: 20px;
  bottom: -20px;
  width: 70%;
  height: 65%;
  background: #ffc63b;
  z-index: 0;
}

.gp-process-image img {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.gp-steps {
  border-top: 1px solid #dfe1eb;
}

.gp-step {
  position: relative;
  display: grid;
  grid-template-columns: 70px 70px minmax(0, 1fr);
  column-gap: 23px;
  align-items: center;
  padding: 35px 0;
  border-bottom: 1px solid #dfe1eb;
}

.gp-step b {
  color: rgba(55, 51, 153, .3);
  font-size: 23px;
  font-weight: 700;
}

.gp-step-icon {
  width: 65px;
  height: 65px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #dfe5ff;
  color: #00287d;
  font-size: 23px;
}

.gp-step:nth-child(2) .gp-step-icon {
  background: #ffc63b;
  color: #111;
}

.gp-step h3 {
  margin: 0 0 7px;
  color: #111;
  font-size: 23px;
  font-weight: 700;
}

.gp-step p {
  font-size: 15px;
}

/* FAQ */

.gp-faq-section {
  padding: 110px 0;
  background: #f6f7fb;
}

.gp-faq {
  display: grid;
  grid-template-columns: minmax(320px, .78fr) minmax(0, 1.22fr);
  gap: 80px;
  align-items: start;
}

.gp-faq-image {
  position: relative;
  margin-top: 35px;
  height: 410px;
  padding: 0 20px 20px 0;
}

.gp-faq-image::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 70%;
  height: 70%;
  background: #ffc63b;
  z-index: 0;
}

.gp-faq-image img {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.gp-accordion {
  --bs-accordion-border-radius: 0;
  --bs-accordion-inner-border-radius: 0;
  --bs-accordion-btn-focus-box-shadow: none;
  --bs-accordion-active-bg: #00287d;
  --bs-accordion-active-color: #fff;
}

.gp-accordion .accordion-item {
  margin-bottom: 15px;
  border: 0;
  background: #fff;
}

.gp-accordion .accordion-button {
  padding: 25px 28px;
  background: #fff;
  color: #111;
  font-family: 'Outfit', sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4;
}

.gp-accordion .accordion-button:not(.collapsed) {
  color: #fff;
  background: #00287d;
  box-shadow: none;
}

.gp-accordion .accordion-button:not(.collapsed)::after {
  filter: brightness(0) invert(1);
}

.gp-accordion .accordion-body {
  padding: 24px 28px 28px;
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 16px;
  line-height: 1.7;
}

/* RESPONSIVE */

@media(max-width:1199px) {

  .gp-hero-section,
  .gp-overview-section,
  .gp-highlights-section,
  .gp-process-section,
  .gp-faq-section {
    padding: 90px 0;
  }

  .gp-hero {
    gap: 55px;
  }

  .gp-hero-content h2 {
    font-size: 50px;
  }

  .gp-grid,
  .gp-process,
  .gp-faq {
    gap: 50px;
  }

  .gp-card-top {
    margin-bottom: 65px;
  }
}

@media(max-width:991px) {

  .gp-hero,
  .gp-grid,
  .gp-process,
  .gp-faq {
    grid-template-columns: 1fr;
  }

  .gp-hero-content {
    max-width: 720px;
  }

  .gp-hero-visual,
  .gp-big-card,
  .gp-process-heading,
  .gp-faq-side {
    max-width: 720px;
    width: 100%;
    margin: 0 auto;
  }

  .gp-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .gp-process {
    gap: 70px;
  }
}

@media(max-width:767px) {

  .global-partner-sec h2 {
    font-size: 32px;
  }

  .global-partner-sec p {
    font-size: 16px;
  }

  .gp-hero-section,
  .gp-overview-section,
  .gp-highlights-section,
  .gp-process-section,
  .gp-faq-section {
    padding: 70px 0;
  }

  .gp-hero-section::before {
    display: none;
  }

  .gp-hero-content h2 {
    font-size: 42px;
  }

  .gp-hero-visual {
    min-height: 500px;
  }

  .gp-hero-main-image {
    width: 88%;
    height: 420px;
  }

  .gp-hero-small-image {
    width: 48%;
    height: 210px;
  }

  .gp-hero-globe {
    width: 95px;
    height: 95px;
    font-size: 35px;
  }

  .gp-big-card {
    min-height: 540px;
  }

  .gp-big-card-image {
    inset: 0 35px 130px 0;
  }

  .gp-big-card-content {
    width: 85%;
    padding: 30px;
  }

  .gp-text-card {
    padding: 45px 28px;
  }

  .gp-text-card h3 {
    font-size: 27px;
  }

  .gp-card-grid {
    grid-template-columns: 1fr;
  }

  .gp-card {
    min-height: auto;
  }

  .gp-card-top {
    margin-bottom: 50px;
  }

  .gp-step {
    grid-template-columns: 50px 58px minmax(0, 1fr);
    column-gap: 15px;
  }

  .gp-step-icon {
    width: 55px;
    height: 55px;
  }

  .gp-faq-image {
    height: 350px;
  }

  .gp-accordion .accordion-button {
    padding: 21px 20px;
    font-size: 16px;
  }

  .gp-accordion .accordion-body {
    padding: 20px;
    font-size: 15px;
  }
}

@media(max-width:480px) {

  .gp-hero-content h2 {
    font-size: 36px;
  }

  .gp-hero-visual {
    min-height: auto;
  }

  .gp-hero-main-image,
  .gp-hero-small-image,
  .gp-hero-globe {
    position: relative;
    inset: auto;
    width: 100%;
  }

  .gp-hero-main-image {
    height: 340px;
  }

  .gp-hero-small-image {
    height: 220px;
    margin-top: 12px;
  }

  .gp-hero-globe {
    height: 85px;
    border-radius: 0;
  }

  .gp-big-card {
    min-height: auto;
  }

  .gp-big-card-image {
    position: relative;
    inset: auto;
    height: 340px;
  }

  .gp-big-card-content {
    position: relative;
    width: 100%;
  }

  .gp-step {
    grid-template-columns: 45px minmax(0, 1fr);
  }

  .gp-step-icon {
    display: none;
  }
}


/* =========================================================
   ABOUT PAGE � COMMON STYLES
========================================================= */

.aboutnewone {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.aboutnewone,
.aboutnewone * {
  box-sizing: border-box;
}

.aboutnewone h2 {
  margin: 0;
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 50px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.6px;
}


.aboutnewone h2 span {
  font-weight: 700;
  color: #00287d;
}

.aboutnewone h3,
.aboutnewone strong {
  font-family: 'Outfit', sans-serif;
}

.aboutnewone p {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #000;
  line-height: 1.6em;
}


/* =========================================================
   UPDATED ABOUT INTRODUCTION
========================================================= */

.aboutnewone-intro {
  position: relative;
  padding: 70px 0;
  background: #f7f8fc;
}

.aboutnewone-intro::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 31%;
  height: 100%;
  background: #fff;
}

.aboutnewone-intro-wrap {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 90px;
  align-items: center;
}


/* About image area */

.aboutnewone-intro-visual {
  position: relative;
  min-width: 0;
  min-height: 620px;
  padding: 0 55px 55px 0;
}

.aboutnewone-intro-visual::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 72%;
  height: 72%;
  background: #ffc63b;
}

.aboutnewone-intro-mainimg {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 545px;
  overflow: hidden;
  background: #dfe5ff;
  border-radius: 35px;
}

.aboutnewone-intro-mainimg img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform .6s ease;
}

.aboutnewone-intro-visual:hover .aboutnewone-intro-mainimg img {
  transform: scale(1.04);
}

.aboutnewone-intro-smallimg {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 4;
  width: 220px;
  height: 185px;
  padding: 10px;
  background: #fff;
  box-shadow: 0 22px 55px rgba(30, 33, 75, .15);
}

.aboutnewone-intro-smallimg img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.aboutnewone-intro-badge {
  position: absolute;
  left: -25px;
  bottom: 35px;
  z-index: 5;
  width: 275px;
  min-height: 115px;
  padding: 23px;
  display: flex;
  align-items: center;
  gap: 18px;
  background: #00287d;
  color: #fff;
  box-shadow: 0 20px 45px rgba(55, 51, 153, .22);
}

.aboutnewone-intro-badge i {
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffc63b;
  color: #00287d;
  font-size: 20px;
}

.aboutnewone-intro-badge strong {
  display: block;
  margin-bottom: 5px;
  color: #fff;
  font-size: 22px;
  font-weight: 700;
  line-height: 1;
}

.aboutnewone-intro-badge span {
  display: block;
  font-family: "Inter", sans-serif;
  color: rgba(255, 255, 255, .78);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
}


/* About content area */

.aboutnewone-intro-content {
  position: relative;
  min-width: 0;
}

.aboutnewone-intro-tag {
  display: inline-block;
  margin-bottom: 18px;
  font-family: "Inter", sans-serif;
  color: #00287d;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.aboutnewone-intro-content h2 {
  max-width: 620px;
  margin-bottom: 24px;
  font-size: 60px;
  letter-spacing: -0.6px;
}

.aboutnewone-intro-divider {
  width: 95px;
  height: 5px;
  margin-bottom: 32px;
  background: #ffc63b;
}

.aboutnewone-intro-content>p {
  margin-bottom: 22px;
}

.aboutnewone-intro-content>p:last-of-type {
  margin-bottom: 0;
}

.aboutnewone-intro-content>p strong {
  color: #00287d;
  font-weight: 700;
}

.aboutnewone-intro-bottom {
  display: grid;
  grid-template-columns: 68px minmax(0, 1fr);
  gap: 20px;
  align-items: center;
  margin-top: 38px;
  padding-top: 25px;
  border-top: 1px solid #dfe1eb;
}

.aboutnewone-intro-icon {
  width: 68px;
  height: 68px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #dfe5ff;
  color: #00287d;
  font-size: 24px;
  transition:
    background .35s ease,
    color .35s ease,
    transform .35s ease;
}

.aboutnewone-intro-bottom:hover .aboutnewone-intro-icon {
  background: #00287d;
  color: #fff;
  transform: translateY(-4px);
}

.aboutnewone-intro-bottom strong {
  display: block;
  margin-bottom: 6px;
  color: #111;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.3;
}

.aboutnewone-intro-bottom span {
  display: block;
  font-family: "Inter", sans-serif;
  color: #5f5f68;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.55;
}


/* =========================================================
   UNIVERSITY STATISTICS
========================================================= */

.aboutnewone-stats {
  position: relative;
  padding: 40px 0;
  background: #00287d;
}



.aboutnewone-stats-wrap {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  gap: 80px;
  align-items: center;
}

.aboutnewone-stats-heading>span {
  display: inline-block;
  margin-bottom: 18px;
  font-family: "Inter", sans-serif;
  color: #ffc63b;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.aboutnewone-stats-heading h2 {
  max-width: 530px;
  color: #fff;
}

.aboutnewone-stats-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-top: 1px solid rgba(255, 255, 255, .16);
  border-left: 1px solid rgba(255, 255, 255, .16);
}

.aboutnewone-stat {
  position: relative;
  min-width: 0;
  min-height: 250px;
  padding: 32px 25px;
  display: flex;
  align-items: flex-end;
  border-right: 1px solid rgba(255, 255, 255, .16);
  border-bottom: 1px solid rgba(255, 255, 255, .16);
  overflow: hidden;
  transition:
    background .35s ease,
    transform .35s ease;
}

.aboutnewone-stat::before {
  content: "";
  position: absolute;
  top: -65px;
  right: -65px;
  width: 145px;
  height: 145px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .04);
  transition: transform .4s ease;
}

.aboutnewone-stat:hover {
  z-index: 2;
  background: #00287d;
  transform: translateY(-7px);
}

.aboutnewone-stat:nth-child(1):hover {
  background: #dfe5ff;
}

.aboutnewone-stat:nth-child(2):hover {
  background: #ffc63b;
}

.aboutnewone-stat:nth-child(3):hover {
  background: #dfe5ff;
}

.aboutnewone-stat:hover::before {
  transform: scale(1.35);
}

.aboutnewone-stat-number {
  position: absolute;
  top: 22px;
  right: 20px;
  font-family: 'Outfit', sans-serif;
  color: rgba(255, 255, 255, .13);
  font-size: 54px;
  font-weight: 700;
  line-height: 1;
}

.aboutnewone-stat-value {
  position: relative;
  z-index: 2;
}

.aboutnewone-stat h3 {
  margin: 0 0 13px;
  color: #fff;
  font-size: 52px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -2px;
}

.aboutnewone-stat p {
  color: rgba(255, 255, 255, .78);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.45;
  letter-spacing: .6px;
  text-transform: uppercase;
}

.aboutnewone-stat:nth-child(1):hover h3,
.aboutnewone-stat:nth-child(1):hover p,
.aboutnewone-stat:nth-child(2):hover h3,
.aboutnewone-stat:nth-child(2):hover p,
.aboutnewone-stat:nth-child(3):hover h3,
.aboutnewone-stat:nth-child(3):hover p {
  color: #111;
}

.aboutnewone-stat:nth-child(1):hover .aboutnewone-stat-number,
.aboutnewone-stat:nth-child(2):hover .aboutnewone-stat-number,
.aboutnewone-stat:nth-child(3):hover .aboutnewone-stat-number {
  color: rgba(17, 17, 17, .12);
}


/* =========================================================
   WHY JOIN IAMA
========================================================= */

.aboutnewone-why {
  position: relative;
  padding: 120px 0;
  background: #f6f7fb;
}

.aboutnewone-why::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 31%;
  height: 100%;
  background: rgba(223, 229, 255, .24);
}

.aboutnewone-why-layout {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(300px, .72fr) minmax(0, 1.28fr);
  gap: 80px;
  align-items: start;
}


/* Why heading */

.aboutnewone-why-heading {
  position: sticky;
  top: 28px;
}

.aboutnewone-why-heading>span {
  display: inline-block;
  margin-bottom: 18px;
  font-family: "Inter", sans-serif;
  color: #00287d;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.aboutnewone-why-heading h2 {
  margin-bottom: 22px;
}

.aboutnewone-why-heading>p {
  margin-bottom: 40px;
}

.aboutnewone-why-shape {
  position: relative;
  width: 145px;
  height: 145px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffc63b;
  color: #00287d;
  font-size: 52px;
  transform: rotate(-5deg);
  transition: transform .4s ease;
  margin-bottom: 50px;
}

.aboutnewone-why-shape::after {
  content: "";
  position: absolute;
  right: -15px;
  bottom: -15px;
  width: 100%;
  height: 100%;
  border: 2px solid #00287d;
  z-index: -1;
}

.aboutnewone-why-heading:hover .aboutnewone-why-shape {
  transform: rotate(0deg);
}

.aboutnewone-why-shape i {
  transform: rotate(5deg);
  transition: transform .4s ease;
}

.aboutnewone-why-heading:hover .aboutnewone-why-shape i {
  transform: rotate(0deg);
}


/* Why item list */

.aboutnewone-why-list {
  border-top: 1px solid #dcdfea;
}

.aboutnewone-why-item {
  display: grid;
  grid-template-columns: 105px minmax(0, 1fr);
  gap: 32px;
  padding: 38px 0;
  border-bottom: 1px solid #dcdfea;
  transition:
    padding .35s ease,
    background .35s ease,
    box-shadow .35s ease;
}

.aboutnewone-why-item:hover {
  padding-left: 28px;
  padding-right: 28px;
  background: #fff;
  box-shadow: 0 18px 45px rgba(34, 36, 80, .07);
}

.aboutnewone-why-icon {
  width: 90px;
  height: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #00287d;
  color: #fff;
  font-size: 31px;
  transition:
    transform .4s ease,
    background .4s ease;
}

.aboutnewone-why-item:nth-child(2) .aboutnewone-why-icon {
  background: #ffc63b;
  color: #111;
}

.aboutnewone-why-item:nth-child(3) .aboutnewone-why-icon {
  background: #dfe5ff;
  color: #00287d;
}

.aboutnewone-why-item:hover .aboutnewone-why-icon {
  transform: rotate(-6deg) scale(1.05);
}

.aboutnewone-why-content {
  position: relative;
  min-width: 0;
  padding-right: 65px;
}

.aboutnewone-why-content>span {
  position: absolute;
  top: 0;
  right: 0;
  font-family: 'Outfit', sans-serif;
  color: rgba(55, 51, 153, .17);
  font-size: 43px;
  font-weight: 700;
  line-height: 1;
}

.aboutnewone-why-content h3 {
  margin: 0 0 14px;
  color: #111;
  font-size: 27px;
  font-weight: 700;
  line-height: 1.25;
}

.aboutnewone-why-content p {
  max-width: 650px;
  font-size: 18px;
}


/* =========================================================
   LARGE LAPTOP / SMALL DESKTOP
========================================================= */

@media(max-width:1199px) {

  .aboutnewone-intro,
  .aboutnewone-why {
    padding: 95px 0;
  }

  .aboutnewone-stats {
    padding: 85px 0;
  }

  .aboutnewone-intro-wrap,
  .aboutnewone-stats-wrap,
  .aboutnewone-why-layout {
    gap: 55px;
  }

  .aboutnewone-intro-content h2 {
    font-size: 42px;
  }

  .aboutnewone-intro-visual {
    min-height: 560px;
    padding-right: 45px;
    padding-bottom: 45px;
  }

  .aboutnewone-intro-mainimg {
    height: 490px;
  }

  .aboutnewone-intro-badge {
    left: 0;
  }

  .aboutnewone-stat {
    min-height: 230px;
    padding: 28px 20px;
  }

  .aboutnewone-stat h3 {
    font-size: 46px;
  }
}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:991px) {

  .aboutnewone-intro::before,
  .aboutnewone-why::after {
    display: none;
  }

  .aboutnewone-intro-wrap,
  .aboutnewone-stats-wrap,
  .aboutnewone-why-layout {
    grid-template-columns: 1fr;
  }

  .aboutnewone-intro-visual {
    width: 100%;

    max-width: 720px;
    margin: 0 auto;
  }

  .aboutnewone-intro-content {
    width: 100%;
    max-width: 760px;
  }

  .aboutnewone-stats-heading {
    max-width: 720px;
  }

  .aboutnewone-stats-grid {
    width: 100%;
  }

  .aboutnewone-why-heading {
    position: relative;
    top: auto;
    max-width: 720px;
  }

  .aboutnewone-why-shape {
    width: 120px;
    height: 120px;
    font-size: 44px;
  }
}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:767px) {

  .aboutnewone h2 {
    font-size: 32px;
  }

  .aboutnewone p {
    font-size: 16px;
  }

  .aboutnewone-intro,
  .aboutnewone-why {
    padding: 70px 0;
  }

  .aboutnewone-stats {
    padding: 70px 0;
  }

  .aboutnewone-intro-wrap,
  .aboutnewone-stats-wrap,
  .aboutnewone-why-layout {
    gap: 45px;
  }

  .aboutnewone-intro-content h2 {
    font-size: 36px;
    letter-spacing: -.5px;
  }

  .aboutnewone-intro-visual {
    min-height: 500px;
    padding: 0 35px 35px 0;
  }

  .aboutnewone-intro-mainimg {
    height: 430px;
  }

  .aboutnewone-intro-smallimg {
    width: 180px;
    height: 150px;
  }

  .aboutnewone-intro-badge {
    left: 0;
    bottom: 20px;
    width: 245px;
    min-height: auto;
    padding: 19px;
  }

  .aboutnewone-intro-bottom {
    grid-template-columns: 58px minmax(0, 1fr);
    gap: 16px;
  }

  .aboutnewone-intro-icon {
    width: 58px;
    height: 58px;
    font-size: 21px;
  }

  .aboutnewone-stats-grid {
    grid-template-columns: 1fr;
    border-left: 0;
  }

  .aboutnewone-stat {
    min-height: 190px;
    border-right: 0;
  }

  .aboutnewone-stat h3 {
    font-size: 46px;
  }

  .aboutnewone-why-item {
    grid-template-columns: 78px minmax(0, 1fr);
    gap: 22px;
  }

  .aboutnewone-why-icon {
    width: 72px;
    height: 72px;
    font-size: 26px;
  }

  .aboutnewone-why-content {
    padding-right: 0;
  }

  .aboutnewone-why-content>span {
    position: relative;
    display: block;
    margin-bottom: 8px;
    color: #00287d;
    font-size: 16px;
  }

  .aboutnewone-why-content h3 {
    font-size: 23px;
  }

  .aboutnewone-why-item:hover {
    padding-left: 15px;
    padding-right: 15px;
  }

  .aboutnewone-why-shape {
    width: 105px;
    height: 105px;
    font-size: 40px;
  }
}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media(max-width:480px) {

  .aboutnewone-intro-content h2 {
    font-size: 31px;
  }

  .aboutnewone-intro-visual {
    min-height: auto;
    padding: 0;
  }

  .aboutnewone-intro-visual::before {
    display: none;
  }

  .aboutnewone-intro-mainimg {
    height: 340px;
  }

  .aboutnewone-intro-smallimg {
    position: relative;
    right: auto;
    bottom: auto;
    width: 100%;
    height: 210px;
    margin-top: 12px;
    padding: 0;
    box-shadow: none;
  }

  .aboutnewone-intro-badge {
    position: relative;
    left: auto;
    bottom: auto;
    width: 100%;
    margin-top: 12px;
  }

  .aboutnewone-intro-bottom {
    grid-template-columns: 1fr;
  }

  .aboutnewone-stat {
    min-height: 175px;
  }

  .aboutnewone-why-item {
    grid-template-columns: 1fr;
  }

  .aboutnewone-why-icon {
    width: 68px;
    height: 68px;
  }

  .aboutnewone-why-shape {
    width: 100px;
    height: 100px;
  }
}


/* =========================================================
   CAMPUS INFRASTRUCTURE � COMMON
========================================================= */

.infrasec {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.infrasec,
.infrasec * {
  box-sizing: border-box;
}

.infrasec h2 {
  margin: 0;
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 42px;
  font-weight: 700;
  line-height: 1.2;
}

.infrasec h3,
.infrasec strong {
  font-family: 'Outfit', sans-serif;
}

.infrasec p {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #000;
  line-height: 1.6em;
}

.infrasec-label {
  display: inline-block;
  margin-bottom: 18px;
  font-family: "Inter", sans-serif;
  color: #00287d;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 2px;
  text-transform: uppercase;
}


/* =========================================================
   INTRO
========================================================= */

.infrasec-intro {
  padding: 120px 0;
  background: #f7f8fc;
}

.infrasec-intro::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 30%;
  height: 100%;
  background: #fff;
}

.infrasec-intro-grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  gap: 85px;
  align-items: center;
}

.infrasec-intro-content h2 {
  margin-bottom: 24px;
  font-size: 50px;
  letter-spacing: -1.3px;
}

.infrasec-intro-content>p {
  max-width: 580px;
}

.infrasec-intro-line {
  width: 95px;
  height: 5px;
  margin: 32px 0;
  background: #ffc63b;
}

.infrasec-intro-points {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-top: 1px solid #dcdfea;
  border-bottom: 1px solid #dcdfea;
}

.infrasec-intro-points>div {
  padding: 21px 16px 21px 0;
}

.infrasec-intro-points>div+div {
  padding-left: 18px;
  border-left: 1px solid #dcdfea;
}

.infrasec-intro-points strong {
  display: block;
  margin-bottom: 5px;
  color: #00287d;
  font-size: 17px;
  font-weight: 700;
}

.infrasec-intro-points span {
  display: block;
  font-family: "Inter", sans-serif;
  color: #66666f;
  font-size: 12px;
  line-height: 1.45;
}

.infrasec-intro-visual {
  position: relative;
  min-height: 620px;
  padding: 0 0 55px 55px;
}

.infrasec-intro-visual::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 72%;
  height: 72%;
  background: #ffc63b;
}

.infrasec-intro-mainimg {
  position: relative;
  z-index: 2;
  height: 540px;
  overflow: hidden;
}

.infrasec-intro-mainimg img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform .55s ease;
}

.infrasec-intro-visual:hover .infrasec-intro-mainimg img {
  transform: scale(1.04);
}

.infrasec-intro-smallimg {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 4;
  width: 215px;
  height: 180px;
  padding: 10px;
  background: #fff;
  box-shadow: 0 20px 55px rgba(35, 37, 80, .15);
}

.infrasec-intro-smallimg img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.infrasec-intro-badge {
  position: absolute;
  right: -20px;
  bottom: 30px;
  z-index: 5;
  width: 255px;
  padding: 23px;
  display: flex;
  align-items: center;
  gap: 16px;
  background: #00287d;
  color: #fff;
}

.infrasec-intro-badge i {
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffc63b;
  color: #00287d;
  font-size: 20px;
}

.infrasec-intro-badge strong {
  display: block;
  margin-bottom: 5px;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
}

.infrasec-intro-badge span {
  display: block;
  font-family: "Inter", sans-serif;
  color: rgba(255, 255, 255, .78);
  font-size: 12px;
  line-height: 1.45;
}


/* =========================================================
   OVERVIEW
========================================================= */

.infrasec-overview {
  padding: 115px 0;
  background: #fff;
}

.infrasec-overview-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 90px;
  align-items: center;
}

.infrasec-overview-image {
  position: relative;
  padding: 0 22px 22px 0;
}

.infrasec-overview-image::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 68%;
  height: 68%;
  background: #dfe5ff;
}

.infrasec-overview-image>img {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 570px;
  display: block;
  object-fit: cover;
}

.infrasec-overview-caption {
  position: absolute;
  z-index: 3;
  left: 28px;
  right: 50px;
  bottom: 50px;
  padding: 22px;
  display: flex;
  align-items: center;
  gap: 15px;
  background: #00287d;
  color: #fff;
}

.infrasec-overview-caption i {
  color: #ffc63b;
  font-size: 27px;
}

.infrasec-overview-caption strong {
  display: block;
  margin-bottom: 5px;
  color: #fff;
  font-size: 17px;
  font-weight: 700;
}

.infrasec-overview-caption span {
  display: block;
  font-family: "Inter", sans-serif;
  color: rgba(255, 255, 255, .78);
  font-size: 12px;
}

.infrasec-overview-content h2 {
  margin-bottom: 23px;
}

.infrasec-overview-content>p {
  margin-bottom: 35px;
}

.infrasec-overview-list {
  border-top: 1px solid #dfe1eb;
}

.infrasec-overview-list>div {
  display: grid;
  grid-template-columns: 55px minmax(0, 1fr);
  gap: 20px;
  padding: 25px 0;
  border-bottom: 1px solid #dfe1eb;
}

.infrasec-overview-list>div>span {
  font-family: 'Outfit', sans-serif;
  color: #00287d;
  font-size: 18px;
  font-weight: 700;
}

.infrasec-overview-list h3 {
  margin: 0 0 7px;
  color: #111;
  font-size: 22px;
  font-weight: 700;
}

.infrasec-overview-list p {
  font-size: 15px;
}


/* =========================================================
   ONLINE EDUCATIONAL SET-UP
========================================================= */

.infrasec-online {
  padding: 115px 0;
  background: #242424;
}

.infrasec-online-head {
  max-width: 820px;
  margin-bottom: 60px;
}

.infrasec-online-head .infrasec-label {
  color: #ffc63b;
}

.infrasec-online-head h2 {
  margin-bottom: 22px;
  color: #fff;
}

.infrasec-online-head p {
  color: rgba(255, 255, 255, .78);
}

.infrasec-online-stage {
  display: grid;
  grid-template-columns: minmax(300px, .7fr) minmax(0, 1.3fr);
  gap: 35px;
  align-items: stretch;
}

.infrasec-online-image {
  min-height: 670px;
  overflow: hidden;
}

.infrasec-online-image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform .55s ease;
}

.infrasec-online-image:hover img {
  transform: scale(1.04);
}

.infrasec-online-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.infrasec-online-item {
  position: relative;
  min-height: 205px;
  padding: 28px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background: #fff;
  overflow: hidden;
  transition:
    transform .35s ease,
    background .35s ease;
}

.infrasec-online-item:nth-child(2),
.infrasec-online-item:nth-child(5) {
  background: #ffc63b;
}

.infrasec-online-item:nth-child(3),
.infrasec-online-item:nth-child(6) {
  background: #dfe5ff;
}

.infrasec-online-item:hover {
  transform: translateY(-7px);
}

.infrasec-online-item>span {
  position: absolute;
  top: 22px;
  right: 24px;
  font-family: 'Outfit', sans-serif;
  color: rgba(55, 51, 153, .16);
  font-size: 39px;
  font-weight: 700;
}

.infrasec-online-icon {
  width: 58px;
  height: 58px;
  margin-bottom: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #00287d;
  color: #fff;
  font-size: 21px;
}

.infrasec-online-item:nth-child(2) .infrasec-online-icon,
.infrasec-online-item:nth-child(5) .infrasec-online-icon {
  background: #111;
}

.infrasec-online-item h3 {
  margin: 0;
  color: #111;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
}

.infrasec-online-item-wide {
  grid-column: 1 / -1;
  min-height: 155px;
  display: grid;
  grid-template-columns: 65px minmax(0, 1fr);
  gap: 22px;
  align-items: center;
  justify-content: initial;
  background: #00287d;
}

.infrasec-online-item-wide .infrasec-online-icon {
  margin: 0;
  background: #ffc63b;
  color: #111;
}

.infrasec-online-item-wide h3 {
  color: #fff;
  font-size: 23px;
}

.infrasec-online-item-wide>span {
  color: rgba(255, 255, 255, .15);
}


/* =========================================================
   DIGITAL FACILITIES
========================================================= */

.infrasec-facilities {
  padding: 115px 0;
  background: #f7f8fc;
}

.infrasec-section-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, .75fr);
  gap: 80px;
  align-items: end;
  margin-bottom: 65px;
}

.infrasec-section-head p {
  max-width: 540px;
}

.infrasec-facility-list {
  border-top: 1px solid #dfe1eb;
}

.infrasec-facility-row {
  display: grid;
  grid-template-columns: 65px 180px minmax(0, 1fr) 35px;
  gap: 28px;
  align-items: center;
  padding: 25px 0;
  border-bottom: 1px solid #dfe1eb;
  transition:
    padding .35s ease,
    background .35s ease;
}

.infrasec-facility-row:hover {
  padding-left: 20px;
  padding-right: 20px;
  background: #fff;
}

.infrasec-facility-number {
  font-family: 'Outfit', sans-serif;
  color: rgba(55, 51, 153, .38);
  font-size: 22px;
  font-weight: 700;
}

.infrasec-facility-image {
  height: 120px;
  overflow: hidden;
}

.infrasec-facility-image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform .4s ease;
}

.infrasec-facility-row:hover .infrasec-facility-image img {
  transform: scale(1.07);
}

.infrasec-facility-content h3 {
  margin: 0 0 9px;
  color: #111;
  font-size: 23px;
  font-weight: 700;
}

.infrasec-facility-content p {
  max-width: 760px;
  font-size: 15px;
}

.infrasec-facility-row>i {
  color: #00287d;
  font-size: 19px;
  transition: transform .35s ease;
}

.infrasec-facility-row:hover>i {
  transform: translateX(7px);
}


/* =========================================================
   RESEARCH
========================================================= */

.infrasec-research {
  padding: 115px 0;
  background: #fff;
}

.infrasec-research-wrap {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  gap: 85px;
  align-items: center;
}

.infrasec-research-content h2 {
  margin-bottom: 24px;
}

.infrasec-research-content>p {
  margin-bottom: 32px;
}

.infrasec-research-points {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 13px;
}

.infrasec-research-points>div {
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 15px;
  background: #f6f7fb;
}

.infrasec-research-points i {
  color: #00287d;
}

.infrasec-research-points span {
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 14px;
  line-height: 1.45;
}

.infrasec-research-visual {
  position: relative;
  min-height: 600px;
  padding: 0 0 30px 30px;
}

.infrasec-research-visual::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 70%;
  height: 70%;
  background: #dfe5ff;
}

.infrasec-research-mainimg {
  position: relative;
  z-index: 1;
  height: 550px;
}

.infrasec-research-mainimg img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.infrasec-research-box {
  position: absolute;
  z-index: 3;
  right: -20px;
  bottom: 50px;
  width: 255px;
  padding: 25px;
  background: #ffc63b;
  color: #111;
}

.infrasec-research-box i {
  display: block;
  margin-bottom: 18px;
  color: #00287d;
  font-size: 30px;
}

.infrasec-research-box strong {
  display: block;
  margin-bottom: 7px;
  font-size: 18px;
  font-weight: 700;
}

.infrasec-research-box span {
  display: block;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  line-height: 1.5;
}


/* =========================================================
   BENEFITS
========================================================= */

.infrasec-benefits {
  padding: 115px 0;
  background: #f7f8fc;
}

.infrasec-benefits-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
}

.infrasec-benefit {
  position: relative;
  min-height: 315px;
  padding: 30px 27px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  overflow: hidden;
  transition:
    transform .35s ease,
    box-shadow .35s ease;
}

.infrasec-benefit:hover {
  transform: translateY(-9px);
  box-shadow: 0 22px 48px rgba(34, 36, 80, .12);
}

.infrasec-benefit::after {
  content: "";
  position: absolute;
  top: -70px;
  right: -70px;
  width: 165px;
  height: 165px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .14);
}

.infrasec-benefit>span {
  position: absolute;
  top: 24px;
  left: 27px;
  font-family: 'Outfit', sans-serif;
  font-size: 14px;
  font-weight: 700;
  opacity: .65;
}

.infrasec-benefit>i {
  position: absolute;
  top: 28px;
  right: 28px;
  font-size: 27px;
}

.infrasec-benefit h3 {
  position: relative;
  z-index: 2;
  margin: 0 0 13px;
  color: inherit;
  font-size: 22px;
  font-weight: 700;
}

.infrasec-benefit p {
  position: relative;
  z-index: 2;
  color: inherit;
  font-size: 15px;
}

.infrasec-benefit-purple {
  background: #00287d;
  color: #fff;
}

.infrasec-benefit-purple p {
  color: rgba(255, 255, 255, .82);
}

.infrasec-benefit-yellow {
  background: #ffc63b;
  color: #111;
}

.infrasec-benefit-blue {
  background: #dfe5ff;
  color: #111;
}

.infrasec-benefit-light {
  background: #fff;
  color: #111;
  border: 1px solid #dfe1eb;
}


/* =========================================================
   RESPONSIVE � LAPTOP
========================================================= */

@media(max-width:1199px) {

  .infrasec-intro,
  .infrasec-overview,
  .infrasec-online,
  .infrasec-facilities,
  .infrasec-research,
  .infrasec-benefits {
    padding: 90px 0;
  }

  .infrasec-intro-grid,
  .infrasec-overview-layout,
  .infrasec-research-wrap {
    gap: 55px;
  }

  .infrasec-intro-content h2 {
    font-size: 44px;
  }

  .infrasec-online-stage {
    grid-template-columns: minmax(280px, .65fr) minmax(0, 1.35fr);
  }

  .infrasec-benefits-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}


/* =========================================================
   RESPONSIVE � TABLET
========================================================= */

@media(max-width:991px) {

  .infrasec-intro::before {
    display: none;
  }

  .infrasec-intro-grid,
  .infrasec-overview-layout,
  .infrasec-online-stage,
  .infrasec-section-head,
  .infrasec-research-wrap {
    grid-template-columns: 1fr;
  }

  .infrasec-intro-visual,
  .infrasec-overview-image,
  .infrasec-online-image,
  .infrasec-research-visual {
    width: 100%;
    max-width: 720px;
    margin: 0 auto;
  }

  .infrasec-online-image {
    min-height: 470px;
  }

  .infrasec-section-head {
    gap: 25px;
  }
}


/* =========================================================
   RESPONSIVE � MOBILE
========================================================= */

@media(max-width:767px) {

  .infrasec h2 {
    font-size: 32px;
  }

  .infrasec p {
    font-size: 16px;
  }

  .infrasec-intro,
  .infrasec-overview,
  .infrasec-online,
  .infrasec-facilities,
  .infrasec-research,
  .infrasec-benefits {
    padding: 70px 0;
  }

  .infrasec-intro-content h2 {
    font-size: 37px;
  }

  .infrasec-intro-points {
    grid-template-columns: 1fr;
  }

  .infrasec-intro-points>div {
    padding: 17px 0;
  }

  .infrasec-intro-points>div+div {
    padding-left: 0;
    border-left: 0;
    border-top: 1px solid #dcdfea;
  }

  .infrasec-intro-visual {
    min-height: 500px;
    padding: 0 0 35px 25px;
  }

  .infrasec-intro-mainimg {
    height: 430px;
  }

  .infrasec-intro-smallimg {
    width: 175px;
    height: 145px;
  }

  .infrasec-intro-badge {
    right: 0;
    width: 235px;
    padding: 18px;
  }

  .infrasec-overview-image>img,
  .infrasec-research-mainimg {
    height: 430px;
  }

  .infrasec-overview-list>div {
    grid-template-columns: 45px minmax(0, 1fr);
    gap: 14px;
  }

  .infrasec-online-grid {
    grid-template-columns: 1fr;
  }

  .infrasec-online-item-wide {
    grid-column: auto;
  }

  .infrasec-facility-row {
    grid-template-columns: 45px 100px minmax(0, 1fr);
    gap: 15px;
  }

  .infrasec-facility-row>i {
    display: none;
  }

  .infrasec-facility-image {
    height: 95px;
  }

  .infrasec-facility-content h3 {
    font-size: 20px;
  }

  .infrasec-research-points {
    grid-template-columns: 1fr;
  }

  .infrasec-research-visual {
    min-height: 500px;
  }

  .infrasec-research-box {
    right: 0;
    bottom: 35px;
  }

  .infrasec-benefits-grid {
    grid-template-columns: 1fr;
  }

  .infrasec-benefit {
    min-height: 250px;
  }
}


/* =========================================================
   RESPONSIVE � SMALL MOBILE
========================================================= */

@media(max-width:480px) {

  .infrasec-intro-content h2 {
    font-size: 32px;
  }

  .infrasec-intro-visual {
    min-height: auto;
    padding: 0;
  }

  .infrasec-intro-visual::before {
    display: none;
  }

  .infrasec-intro-mainimg {
    height: 340px;
  }

  .infrasec-intro-smallimg {
    position: relative;
    left: auto;
    bottom: auto;
    width: 100%;
    height: 210px;
    margin-top: 12px;
    padding: 0;
    box-shadow: none;
  }

  .infrasec-intro-badge {
    position: relative;
    right: auto;
    bottom: auto;
    width: 100%;
    margin-top: 12px;
  }

  .infrasec-overview-image>img {
    height: 350px;
  }

  .infrasec-overview-caption {
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
  }

  .infrasec-online-image {
    min-height: 350px;
  }

  .infrasec-facility-row {
    grid-template-columns: 42px minmax(0, 1fr);
  }

  .infrasec-facility-image {
    display: none;
  }

  .infrasec-research-visual {
    min-height: auto;
    padding: 0;
  }

  .infrasec-research-visual::before {
    display: none;
  }

  .infrasec-research-mainimg {
    height: 350px;
  }

  .infrasec-research-box {
    position: relative;
    right: auto;
    bottom: auto;
    width: 100%;
  }
}


/* =========================================================
   CONTACT PAGE � COMMON
========================================================= */

.contactnewsec {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.contactnewsec,
.contactnewsec * {
  box-sizing: border-box;
}

.contactnewsec h2 {
  margin: 0;
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 42px;
  font-weight: 700;
  line-height: 1.2;
}

.contactnewsec h3,
.contactnewsec strong {
  font-family: 'Outfit', sans-serif;
}

.contactnewsec p {
  margin: 0;
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6em;
}

.contactnewsec-label {
  display: inline-block;
  margin-bottom: 18px;
  font-family: "Inter", sans-serif;
  color: #00287d;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.contactnewsec-heading {
  width: 100%;
  max-width: 830px;
  margin: 0 auto 65px;
  text-align: center;
}

.contactnewsec-heading h2 {
  margin-bottom: 22px;
}

.contactnewsec-heading p {
  max-width: 730px;
  margin: 0 auto;
}


/* =========================================================
   CONTACT INTRODUCTION
========================================================= */

.contactnewsec-intro {
  padding: 120px 0;
  background: #f7f8fc;
}

.contactnewsec-intro::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 30%;
  height: 100%;
  background: #fff;
}

.contactnewsec-intro-layout {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
  gap: 90px;
  align-items: center;
}

.contactnewsec-intro-content h2 {
  margin-bottom: 24px;
  font-size: 54px;
  letter-spacing: -1.5px;
}

.contactnewsec-intro-content>p {
  max-width: 570px;
}

.contactnewsec-intro-line {
  width: 95px;
  height: 5px;
  margin: 32px 0;
  background: #ffc63b;
}

.contactnewsec-intro-note {
  display: grid;
  grid-template-columns: 68px minmax(0, 1fr);
  gap: 19px;
  align-items: center;
  max-width: 520px;
  padding-top: 25px;
  border-top: 1px solid #dfe1eb;
}

.contactnewsec-intro-note>i {
  width: 68px;
  height: 68px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #dfe5ff;
  color: #00287d;
  font-size: 24px;
}

.contactnewsec-intro-note strong {
  display: block;
  margin-bottom: 6px;
  color: #111;
  font-size: 18px;
  font-weight: 700;
}

.contactnewsec-intro-note span {
  display: block;
  font-family: "Inter", sans-serif;
  color: #5f5f68;
  font-size: 14px;
  line-height: 1.55;
}


/* Intro image */

.contactnewsec-intro-visual {
  position: relative;
  min-height: 590px;
  padding: 0 0 50px 50px;
}

.contactnewsec-intro-visual::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 72%;
  height: 72%;
  background: #ffc63b;
}

.contactnewsec-intro-image {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 540px;
  overflow: hidden;
}

.contactnewsec-intro-image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform .55s ease;
}

.contactnewsec-intro-visual:hover img {
  transform: scale(1.04);
}

.contactnewsec-intro-box {
  position: absolute;
  z-index: 4;
  left: 0;
  bottom: 0;
  width: 320px;
  min-height: 120px;
  padding: 25px;
  display: flex;
  align-items: center;
  gap: 18px;
  background: #00287d;
  color: #fff;
  box-shadow: 0 22px 55px rgba(34, 36, 80, .17);
}

.contactnewsec-intro-box i {
  flex: 0 0 52px;
  width: 52px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffc63b;
  color: #00287d;
  font-size: 22px;
}

.contactnewsec-intro-box strong {
  display: block;
  margin-bottom: 5px;
  color: #fff;
  font-size: 17px;
  font-weight: 700;
}

.contactnewsec-intro-box span {
  display: block;
  font-family: "Inter", sans-serif;
  color: rgba(255, 255, 255, .78);
  font-size: 12px;
  line-height: 1.45;
}


/* =========================================================
   CONTACT INFORMATION
========================================================= */

.contactnewsec-info {
  padding: 115px 0;
  background: #fff;
}

.contactnewsec-info-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}

.contactnewsec-info-card {
  position: relative;
  min-height: 360px;
  padding: 35px 30px;
  overflow: hidden;
  border: 1px solid #dfe1eb;
  background: #f7f8fc;
  transition:
    transform .35s ease,
    box-shadow .35s ease;
}

.contactnewsec-info-card:hover {
  transform: translateY(-9px);
  box-shadow: 0 24px 52px rgba(34, 36, 80, .11);
}

.contactnewsec-info-card::after {
  content: "";
  position: absolute;
  top: -75px;
  right: -75px;
  width: 175px;
  height: 175px;
  border-radius: 50%;
  background: rgba(55, 51, 153, .05);
}

.contactnewsec-info-phone {
  background: #fff7de;
  border-color: #f0dfab;
}

.contactnewsec-info-email {
  background: #eef1ff;
  border-color: #dce1fa;
}

.contactnewsec-info-top {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 75px;
}

.contactnewsec-info-top>span {
  font-family: 'Outfit', sans-serif;
  color: rgba(55, 51, 153, .20);
  font-size: 44px;
  font-weight: 700;
  line-height: 1;
}

.contactnewsec-info-icon {
  width: 70px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #00287d;
  color: #fff;
  font-size: 25px;
}

.contactnewsec-info-phone .contactnewsec-info-icon {
  background: #ffc63b;
  color: #111;
}

.contactnewsec-info-email .contactnewsec-info-icon {
  background: #dfe5ff;
  color: #00287d;
}

.contactnewsec-info-card h3 {
  position: relative;
  z-index: 2;
  margin: 0 0 15px;
  color: #111;
  font-size: 24px;
  font-weight: 700;
}

.contactnewsec-info-card p {
  position: relative;
  z-index: 2;
  font-size: 16px;
}

.contactnewsec-info-card a {
  color: #00287d;
  font-weight: 700;
  text-decoration: none;
  overflow-wrap: anywhere;
  transition: color .3s ease;
}

.contactnewsec-info-card a:hover {
  color: #111;
}


/* =========================================================
   DEPARTMENT SUPPORT
========================================================= */

.contactnewsec-departments {
  padding: 115px 0;
  background: #f6f7fb;
}

.contactnewsec-department-layout {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  gap: 75px;
  align-items: center;
}

.contactnewsec-department-content>h2 {
  margin-bottom: 22px;
}

.contactnewsec-department-content>p {
  margin-bottom: 35px;
}

.contactnewsec-department-list {
  border-top: 1px solid #dfe1eb;
}

.contactnewsec-department-item {
  position: relative;
  display: grid;
  grid-template-columns: 70px minmax(0, 1fr);
  gap: 22px;
  align-items: center;
  padding: 27px 55px 27px 0;
  border-bottom: 1px solid #dfe1eb;
  transition:
    padding .35s ease,
    background .35s ease,
    box-shadow .35s ease;
}

.contactnewsec-department-item:hover {
  padding-left: 18px;
  padding-right: 55px;
  background: #fff;
  box-shadow: 0 15px 35px rgba(34, 36, 80, .06);
}

.contactnewsec-department-icon {
  width: 66px;
  height: 66px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #00287d;
  color: #fff;
  font-size: 23px;
}

.contactnewsec-department-item:nth-child(2) .contactnewsec-department-icon {
  background: #ffc63b;
  color: #111;
}

.contactnewsec-department-item:nth-child(3) .contactnewsec-department-icon {
  background: #dfe5ff;
  color: #00287d;
}

.contactnewsec-department-item h3 {
  margin: 0 0 7px;
  color: #111;
  font-size: 22px;
  font-weight: 700;
}

.contactnewsec-department-item p {
  font-size: 15px;
}

.contactnewsec-department-item>span {
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
  font-family: 'Outfit', sans-serif;
  color: rgba(55, 51, 153, .16);
  font-size: 36px;
  font-weight: 700;
}


/* Map */

.contactnewsec-map-wrap {
  position: relative;
  min-width: 0;
  padding: 0 0 28px 28px;
}

.contactnewsec-map-wrap::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 70%;
  height: 72%;
  background: #ffc63b;
}

.contactnewsec-map {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 590px;
  background: #dfe5ff;
}

.contactnewsec-map iframe {
  width: 100%;
  height: 100%;
  display: block;
}

.contactnewsec-map-address {
  position: absolute;
  z-index: 3;
  left: 0;
  right: 55px;
  bottom: 55px;
  padding: 24px;
  display: flex;
  align-items: flex-start;
  gap: 16px;
  background: #00287d;
  color: #fff;
}

.contactnewsec-map-address i {
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffc63b;
  color: #00287d;
  font-size: 18px;
}

.contactnewsec-map-address strong {
  display: block;
  margin-bottom: 6px;
  color: #fff;
  font-size: 17px;
  font-weight: 700;
}

.contactnewsec-map-address span {
  display: block;
  font-family: "Inter", sans-serif;
  color: rgba(255, 255, 255, .80);
  font-size: 13px;
  line-height: 1.55;
}


/* =========================================================
   SUPPORT TIMING
========================================================= */

.contactnewsec-timing {
  padding: 115px 0;
  background: #fff;
}

.contactnewsec-timing-layout {
  display: grid;
  grid-template-columns: minmax(300px, .65fr) minmax(0, 1.35fr);
  gap: 75px;
  align-items: start;
}

.contactnewsec-timing-heading {
  position: sticky;
  top: 120px;
}

.contactnewsec-timing-heading h2 {
  margin-bottom: 22px;
}

.contactnewsec-timing-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}

.contactnewsec-timing-card {
  position: relative;
  min-height: 365px;
  padding: 32px 27px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  overflow: hidden;
  background: #f7f8fc;
  border-top: 5px solid #00287d;
  transition:
    transform .35s ease,
    box-shadow .35s ease;
}

.contactnewsec-timing-card:nth-child(2) {
  background: #fff7de;
  border-color: #ffc63b;
}

.contactnewsec-timing-card:nth-child(3) {
  background: #eef1ff;
}

.contactnewsec-timing-card:hover {
  transform: translateY(-9px);
  box-shadow: 0 22px 45px rgba(34, 36, 80, .10);
}

.contactnewsec-timing-number {
  position: absolute;
  top: 23px;
  right: 25px;
  font-family: 'Outfit', sans-serif;
  color: rgba(55, 51, 153, .15);
  font-size: 47px;
  font-weight: 700;
  line-height: 1;
}

.contactnewsec-timing-icon {
  position: absolute;
  top: 30px;
  left: 27px;
  width: 66px;
  height: 66px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #00287d;
  color: #fff;
  font-size: 23px;
}

.contactnewsec-timing-card:nth-child(2) .contactnewsec-timing-icon {
  background: #ffc63b;
  color: #111;
}

.contactnewsec-timing-card:nth-child(3) .contactnewsec-timing-icon {
  background: #dfe5ff;
  color: #00287d;
}

.contactnewsec-timing-card h3 {
  position: relative;
  z-index: 2;
  margin: 0 0 14px;
  color: #111;
  font-size: 23px;
  font-weight: 700;
}

.contactnewsec-timing-card p {
  position: relative;
  z-index: 2;
  font-size: 15px;
}


/* =========================================================
   QUICK CONTACT
========================================================= */

.contactnewsec-quick {
  padding: 90px 0;
  background: #00287d;
}

.contactnewsec-quick-wrap {
  display: grid;
  grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
  gap: 70px;
  align-items: center;
}

.contactnewsec-quick-heading>span {
  display: inline-block;
  margin-bottom: 14px;
  font-family: "Inter", sans-serif;
  color: #ffc63b;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.contactnewsec-quick-heading h2 {
  color: #fff;
}

.contactnewsec-quick-links {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 15px;
}

.contactnewsec-quick-links a {
  min-width: 0;
  min-height: 100px;
  padding: 20px;
  display: flex;
  align-items: center;
  gap: 15px;
  color: #fff;
  text-decoration: none;
  background: rgba(255, 255, 255, .08);
  border: 1px solid rgba(255, 255, 255, .12);
  transition:
    background .35s ease,
    transform .35s ease;
}

.contactnewsec-quick-links a:hover {
  color: #fff;
  background: rgba(255, 255, 255, .15);
  transform: translateY(-4px);
}

.contactnewsec-quick-links i {
  flex: 0 0 46px;
  width: 46px;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffc63b;
  color: #00287d;
  font-size: 18px;
}

.contactnewsec-quick-links small {
  display: block;
  margin-bottom: 5px;
  font-family: "Inter", sans-serif;
  color: rgba(255, 255, 255, .68);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.contactnewsec-quick-links strong {
  display: block;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.45;
  overflow-wrap: anywhere;
}


/* =========================================================
   LAPTOP
========================================================= */

@media(max-width:1199px) {

  .contactnewsec-intro,
  .contactnewsec-info,
  .contactnewsec-departments,
  .contactnewsec-timing {
    padding: 90px 0;
  }

  .contactnewsec-intro-layout,
  .contactnewsec-department-layout,
  .contactnewsec-timing-layout,
  .contactnewsec-quick-wrap {
    gap: 50px;
  }

  .contactnewsec-intro-content h2 {
    font-size: 48px;
  }

  .contactnewsec-timing-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .contactnewsec-timing-card:last-child {
    grid-column: 1 / -1;
  }
}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:991px) {

  .contactnewsec-intro::before {
    display: none;
  }

  .contactnewsec-intro-layout,
  .contactnewsec-department-layout,
  .contactnewsec-timing-layout,
  .contactnewsec-quick-wrap {
    grid-template-columns: 1fr;
  }

  .contactnewsec-intro-content {
    max-width: 760px;
  }

  .contactnewsec-intro-visual,
  .contactnewsec-map-wrap {
    width: 100%;
    max-width: 720px;
    margin: 0 auto;
  }

  .contactnewsec-info-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .contactnewsec-info-email {
    grid-column: 1 / -1;
  }

  .contactnewsec-timing-heading {
    position: relative;
    top: auto;
    max-width: 720px;
  }

  .contactnewsec-quick-links {
    max-width: 760px;
  }
}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:767px) {

  .contactnewsec h2 {
    font-size: 32px;
  }

  .contactnewsec p {
    font-size: 16px;
  }

  .contactnewsec-intro,
  .contactnewsec-info,
  .contactnewsec-departments,
  .contactnewsec-timing {
    padding: 70px 0;
  }

  .contactnewsec-quick {
    padding: 65px 0;
  }

  .contactnewsec-heading {
    margin-bottom: 42px;
  }

  .contactnewsec-intro-content h2 {
    font-size: 40px;
  }

  .contactnewsec-intro-note {
    grid-template-columns: 58px minmax(0, 1fr);
    gap: 15px;
  }

  .contactnewsec-intro-note>i {
    width: 58px;
    height: 58px;
  }

  .contactnewsec-intro-visual {
    min-height: 500px;
    padding: 0 0 35px 25px;
  }

  .contactnewsec-intro-image {
    height: 430px;
  }

  .contactnewsec-intro-box {
    width: 285px;
  }

  .contactnewsec-info-grid {
    grid-template-columns: 1fr;
  }

  .contactnewsec-info-email {
    grid-column: auto;
  }

  .contactnewsec-info-card {
    min-height: 320px;
  }

  .contactnewsec-info-top {
    margin-bottom: 55px;
  }

  .contactnewsec-department-item {
    grid-template-columns: 60px minmax(0, 1fr);
    gap: 17px;
  }

  .contactnewsec-department-icon {
    width: 58px;
    height: 58px;
  }

  .contactnewsec-map {
    height: 460px;
  }

  .contactnewsec-map-address {
    left: 0;
    right: 35px;
    bottom: 35px;
  }

  .contactnewsec-timing-grid {
    grid-template-columns: 1fr;
  }

  .contactnewsec-timing-card:last-child {
    grid-column: auto;
  }

  .contactnewsec-timing-card {
    min-height: 320px;
  }

  .contactnewsec-quick-links {
    grid-template-columns: 1fr;
  }
}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media(max-width:480px) {

  .contactnewsec-intro-content h2 {
    font-size: 35px;
  }

  .contactnewsec-intro-visual {
    min-height: auto;
    padding: 0;
  }

  .contactnewsec-intro-visual::before {
    display: none;
  }

  .contactnewsec-intro-image {
    height: 340px;
  }

  .contactnewsec-intro-box {
    position: relative;
    left: auto;
    bottom: auto;
    width: 100%;
  }

  .contactnewsec-info-card {
    min-height: auto;
  }

  .contactnewsec-info-top {
    margin-bottom: 42px;
  }

  .contactnewsec-department-item {
    grid-template-columns: 1fr;
    padding-right: 0;
  }

  .contactnewsec-department-item:hover {
    padding-left: 15px;
    padding-right: 15px;
  }

  .contactnewsec-department-item>span {
    top: 26px;
    right: 10px;
    transform: none;
  }

  .contactnewsec-map-wrap {
    padding: 0;
  }

  .contactnewsec-map-wrap::before {
    display: none;
  }

  .contactnewsec-map {
    height: 390px;
  }

  .contactnewsec-map-address {
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
  }

  .contactnewsec-quick-links a {
    align-items: flex-start;
  }
}

/* =========================================================
   FAQ SECTION � COMMON
========================================================= */

.faqnewsec {
  position: relative;
  width: 100%;
  padding: 120px 0;
  overflow: hidden;
  background: #f7f8fc;
}

.faqnewsec,
.faqnewsec * {
  box-sizing: border-box;
}

.faqnewsec h2 {
  margin: 0;
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 42px;
  font-weight: 700;
  line-height: 1.2;
}

.faqnewsec h3,
.faqnewsec strong {
  font-family: 'Outfit', sans-serif;
}

.faqnewsec p {
  margin: 0;
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6em;
}

.faqnewsec-label {
  display: inline-block;
  margin-bottom: 18px;
  font-family: "Inter", sans-serif;
  color: #00287d;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 2px;
  text-transform: uppercase;
}


/* =========================================================
   HERO
========================================================= */

/* =========================================================
   ACADEMICS � COMMON
========================================================= */

.academicnewsec {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.academicnewsec,
.academicnewsec * {
  box-sizing: border-box;
}

.academicnewsec h2 {
  margin: 0;
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 42px;
  font-weight: 700;
  line-height: 1.2;
}

.academicnewsec h3,
.academicnewsec h4,
.academicnewsec strong {
  font-family: 'Outfit', sans-serif;
}

.academicnewsec p {
  margin: 0;
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6em;
}

.academicnewsec-label {
  display: inline-block;
  margin-bottom: 18px;
  font-family: "Inter", sans-serif;
  color: #00287d;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 2px;
  text-transform: uppercase;
}


/* =========================================================
   HERO
========================================================= */

.academicnewsec-hero {
  padding: 120px 0;
  background: #f6f7fb;
}

.academicnewsec-hero::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 28%;
  height: 100%;
  background: #fff;
}

.academicnewsec-hero-layout {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  gap: 85px;
  align-items: center;
}

.academicnewsec-hero-copy h2 {
  margin-bottom: 25px;
  font-size: 52px;
  letter-spacing: -1.4px;
}

.academicnewsec-hero-copy>p {
  max-width: 590px;
}

.academicnewsec-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 35px;
}

.academicnewsec-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 22px;
  min-height: 56px;
  padding: 16px 25px;
  background: #00287d;
  border: 1px solid #00287d;
  color: #fff;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  transition:
    transform .35s ease,
    background .35s ease,
    color .35s ease;
}

.academicnewsec-btn:hover {
  background: #292675;
  color: #fff;
  transform: translateY(-3px);
}

.academicnewsec-btn-light {
  background: transparent;
  color: #00287d;
}

.academicnewsec-btn-light:hover {
  background: #00287d;
  color: #fff;
}

.academicnewsec-hero-media {
  position: relative;
  min-height: 620px;
  padding: 0 55px 55px 0;
}

.academicnewsec-hero-media::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 72%;
  height: 72%;
  background: #ffc63b;
}

.academicnewsec-hero-image {
  position: relative;
  z-index: 2;
  height: 545px;
  overflow: hidden;
}

.academicnewsec-hero-image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform .6s ease;
}

.academicnewsec-hero-media:hover .academicnewsec-hero-image img {
  transform: scale(1.04);
}

.academicnewsec-hero-panel {
  position: absolute;
  left: -35px;
  bottom: 30px;
  z-index: 4;
  width: 330px;
  padding: 24px;
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  gap: 16px;
  align-items: center;
  background: #00287d;
  color: #fff;
  box-shadow: 0 22px 55px rgba(34, 36, 80, .18);
}

.academicnewsec-hero-panel-icon {
  width: 58px;
  height: 58px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffc63b;
  color: #00287d;
  font-size: 23px;
}

.academicnewsec-hero-panel h3 {
  margin: 0 0 6px;
  color: #fff;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.3;
}

.academicnewsec-hero-panel p {
  color: rgba(255, 255, 255, .78);
  font-size: 12px;
  line-height: 1.45;
}

.academicnewsec-hero-shape {
  position: absolute;
  z-index: 5;
  top: 30px;
  right: 0;
  width: 105px;
  height: 105px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #dfe5ff;
  color: #00287d;
  font-size: 36px;
}


/* =========================================================
   FEATURES
========================================================= */

.academicnewsec-features {
  padding: 0 0 110px;
  background: #f6f7fb;
}

.academicnewsec-feature-row {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  background: #fff;
  border-top: 1px solid #dfe1eb;
  border-left: 1px solid #dfe1eb;
}

.academicnewsec-feature {
  position: relative;
  min-height: 285px;
  padding: 30px 25px;
  border-right: 1px solid #dfe1eb;
  border-bottom: 1px solid #dfe1eb;
  transition:
    background .35s ease,
    transform .35s ease;
}

.academicnewsec-feature:hover {
  z-index: 2;
  background: #00287d;
  transform: translateY(-7px);
}

.academicnewsec-feature>span {
  position: absolute;
  top: 22px;
  right: 22px;
  font-family: 'Outfit', sans-serif;
  color: rgba(55, 51, 153, .16);
  font-size: 38px;
  font-weight: 700;
}

.academicnewsec-feature>i {
  margin-bottom: 65px;
  color: #00287d;
  font-size: 32px;
}

.academicnewsec-feature:nth-child(2)>i,
.academicnewsec-feature:nth-child(4)>i {
  color: #d39400;
}

.academicnewsec-feature h3 {
  margin: 0 0 12px;
  color: #111;
  font-size: 22px;
  font-weight: 700;
}

.academicnewsec-feature p {
  font-size: 14px;
}

.academicnewsec-feature:hover>span,
.academicnewsec-feature:hover>i,
.academicnewsec-feature:hover h3,
.academicnewsec-feature:hover p {
  color: #fff;
}


/* =========================================================
   FRAMEWORK DIRECTORY
========================================================= */

.academicnewsec-framework {
  padding: 115px 0;
  background: #fff;
}

.academicnewsec-section-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, .75fr);
  gap: 75px;
  align-items: end;
  margin-bottom: 65px;
}

.academicnewsec-section-head p {
  max-width: 540px;
}

.academicnewsec-path-list {
  border-top: 1px solid #dfe1eb;
}

.academicnewsec-path {
  display: grid;
  grid-template-columns: 70px 78px minmax(0, 1fr) 55px;
  gap: 24px;
  align-items: center;
  min-height: 155px;
  padding: 25px 0;
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid #dfe1eb;
  transition:
    padding .35s ease,
    background .35s ease,
    box-shadow .35s ease;
}

.academicnewsec-path:hover {
  padding-left: 22px;
  padding-right: 22px;
  color: inherit;
  background: #f7f8fc;
  box-shadow: 0 15px 35px rgba(34, 36, 80, .05);
}

.academicnewsec-path-number {
  font-family: 'Outfit', sans-serif;
  color: rgba(55, 51, 153, .35);
  font-size: 22px;
  font-weight: 700;
}

.academicnewsec-path-icon {
  width: 70px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #dfe5ff;
  color: #00287d;
  font-size: 25px;
}

.academicnewsec-path:nth-child(even) .academicnewsec-path-icon {
  background: #ffc63b;
  color: #111;
}

.academicnewsec-path-content h3 {
  margin: 0 0 8px;
  color: #111;
  font-size: 24px;
  font-weight: 700;
}

.academicnewsec-path-content p {
  max-width: 780px;
  font-size: 15px;
}

.academicnewsec-path-arrow {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #cfd2e2;
  color: #00287d;
  transition:
    background .35s ease,
    color .35s ease,
    transform .35s ease;
}

.academicnewsec-path:hover .academicnewsec-path-arrow {
  background: #00287d;
  color: #fff;
  transform: translateX(5px);
}


/* =========================================================
   LEARNING MODEL
========================================================= */

.academicnewsec-model {
  padding: 115px 0;
  background: #242424;
}

.academicnewsec-model-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
  gap: 85px;
  align-items: center;
}

.academicnewsec-model-visual {
  position: relative;
  min-height: 620px;
  padding: 0 45px 45px 0;
}

.academicnewsec-model-visual::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 72%;
  height: 72%;
  background: #ffc63b;
}

.academicnewsec-model-main-image {
  position: relative;
  z-index: 1;
  height: 540px;
}

.academicnewsec-model-main-image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.academicnewsec-model-stat {
  position: absolute;
  z-index: 3;
  left: -25px;
  bottom: 25px;
  width: 300px;
  padding: 24px;
  display: flex;
  align-items: center;
  gap: 16px;
  background: #00287d;
  color: #fff;
}

.academicnewsec-model-stat i {
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffc63b;
  color: #00287d;
  font-size: 20px;
}

.academicnewsec-model-stat strong {
  display: block;
  margin-bottom: 5px;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
}

.academicnewsec-model-stat span {
  display: block;
  font-family: "Inter", sans-serif;
  color: rgba(255, 255, 255, .75);
  font-size: 12px;
}

.academicnewsec-model-mini {
  position: absolute;
  z-index: 4;
  right: 0;
  top: 40px;
  display: grid;
  gap: 10px;
}

.academicnewsec-model-mini>div {
  width: 165px;
  min-height: 95px;
  padding: 18px;
  background: #fff;
}

.academicnewsec-model-mini i {
  display: block;
  margin-bottom: 12px;
  color: #00287d;
  font-size: 22px;
}

.academicnewsec-model-mini span {
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 14px;
  font-weight: 700;
}

.academicnewsec-model-content .academicnewsec-label {
  color: #ffc63b;
}

.academicnewsec-model-content h2 {
  margin-bottom: 24px;
  color: #fff;
}

.academicnewsec-model-content>p {
  margin-bottom: 35px;
  color: rgba(255, 255, 255, .8);
}

.academicnewsec-model-list {
  border-top: 1px solid rgba(255, 255, 255, .15);
}

.academicnewsec-model-list>div {
  display: grid;
  grid-template-columns: 50px minmax(0, 1fr);
  gap: 18px;
  align-items: center;
  padding: 19px 0;
  border-bottom: 1px solid rgba(255, 255, 255, .15);
}

.academicnewsec-model-list span {
  font-family: 'Outfit', sans-serif;
  color: #ffc63b;
  font-size: 16px;
  font-weight: 700;
}

.academicnewsec-model-list p {
  color: #fff;
  font-size: 15px;
}


/* =========================================================
   STUDENT JOURNEY
========================================================= */

.academicnewsec-journey {
  padding: 115px 0;
  background: #f6f7fb;
}

.academicnewsec-journey-head {
  max-width: 760px;
  margin-bottom: 70px;
}

.academicnewsec-journey-line {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 40px;
}

.academicnewsec-journey-line::before {
  content: "";
  position: absolute;
  top: 44px;
  left: 10%;
  right: 10%;
  height: 2px;
  background: #d9dce9;
}

.academicnewsec-journey-step {
  position: relative;
  z-index: 2;
  padding-top: 105px;
}

.academicnewsec-journey-number {
  position: absolute;
  top: 0;
  left: 0;
  width: 88px;
  height: 88px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #00287d;
  border: 9px solid #f6f7fb;
  box-shadow: 0 0 0 1px #d9dce9;
  color: #fff;
  font-family: 'Outfit', sans-serif;
  font-size: 17px;
  font-weight: 700;
}

.academicnewsec-journey-step:nth-child(2) .academicnewsec-journey-number {
  background: #ffc63b;
  color: #111;
}

.academicnewsec-journey-icon {
  margin-bottom: 25px;
  color: #00287d;
  font-size: 31px;
}

.academicnewsec-journey-step h3 {
  margin: 0 0 13px;
  color: #111;
  font-size: 23px;
  font-weight: 700;
}

.academicnewsec-journey-step p {
  font-size: 15px;
}


/* =========================================================
   FAQ
========================================================= */

.academicnewsec-faq {
  padding: 115px 0;
  background: #fff;
}

.academicnewsec-faq-layout {
  display: grid;
  grid-template-columns: minmax(300px, .7fr) minmax(0, 1.3fr);
  gap: 75px;
  align-items: start;
}

.academicnewsec-faq-side h2 {
  margin-bottom: 35px;
}

.academicnewsec-faq-image {
  height: 390px;
  overflow: hidden;
}

.academicnewsec-faq-image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.academicnewsec-faq-note {
  padding: 22px;
  display: flex;
  align-items: center;
  gap: 15px;
  background: #ffc63b;
}

.academicnewsec-faq-note i {
  color: #00287d;
  font-size: 27px;
}

.academicnewsec-faq-note strong {
  display: block;
  margin-bottom: 4px;
  color: #111;
  font-size: 16px;
  font-weight: 700;
}

.academicnewsec-faq-note span {
  display: block;
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 12px;
}

.academicnewsec-accordion {
  --bs-accordion-border-radius: 0;
  --bs-accordion-inner-border-radius: 0;
  --bs-accordion-btn-focus-box-shadow: none;
  --bs-accordion-active-bg: #00287d;
  --bs-accordion-active-color: #fff;
}

.academicnewsec-accordion .accordion-item {
  margin-bottom: 15px;
  border: 1px solid #dfe1eb;
  background: #fff;
}

.academicnewsec-accordion .accordion-button {
  display: flex;
  align-items: center;
  gap: 17px;
  padding: 24px 26px;
  color: #111;
  background: #fff;
  font-family: 'Outfit', sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.4;
}

.academicnewsec-accordion .accordion-button:not(.collapsed) {
  color: #fff;
  background: #00287d;
  box-shadow: none;
}

.academicnewsec-accordion .accordion-button>span {
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #dfe5ff;
  color: #00287d;
  font-family: 'Outfit', sans-serif;
  font-size: 12px;
  font-weight: 700;
}

.academicnewsec-accordion .accordion-button:not(.collapsed)>span {
  background: #ffc63b;
  color: #111;
}

.academicnewsec-accordion .accordion-button:not(.collapsed)::after {
  filter: brightness(0) invert(1);
}

.academicnewsec-accordion .accordion-body {
  padding: 24px 27px 27px 84px;
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 16px;
  line-height: 1.7;
}


/* =========================================================
   LAPTOP
========================================================= */

@media(max-width:1199px) {

  .academicnewsec-hero,
  .academicnewsec-framework,
  .academicnewsec-model,
  .academicnewsec-journey,
  .academicnewsec-faq {
    padding: 90px 0;
  }

  .academicnewsec-features {
    padding-bottom: 90px;
  }

  .academicnewsec-hero-layout,
  .academicnewsec-model-layout,
  .academicnewsec-faq-layout {
    gap: 55px;
  }

  .academicnewsec-hero-copy h2 {
    font-size: 45px;
  }

  .academicnewsec-feature-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:991px) {

  .academicnewsec-hero::before {
    display: none;
  }

  .academicnewsec-hero-layout,
  .academicnewsec-section-head,
  .academicnewsec-model-layout,
  .academicnewsec-faq-layout {
    grid-template-columns: 1fr;
  }

  .academicnewsec-hero-media,
  .academicnewsec-model-visual,
  .academicnewsec-faq-side {
    width: 100%;
    max-width: 720px;
    margin: 0 auto;
  }

  .academicnewsec-section-head {
    gap: 22px;
  }

  .academicnewsec-journey-line {
    gap: 25px;
  }
}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:767px) {

  .academicnewsec h2 {
    font-size: 32px;
  }

  .academicnewsec p {
    font-size: 16px;
  }

  .academicnewsec-hero,
  .academicnewsec-framework,
  .academicnewsec-model,
  .academicnewsec-journey,
  .academicnewsec-faq {
    padding: 70px 0;
  }

  .academicnewsec-features {
    padding-bottom: 70px;
  }

  .academicnewsec-hero-copy h2 {
    font-size: 37px;
  }

  .academicnewsec-hero-media {
    min-height: 500px;
    padding: 0 35px 35px 0;
  }

  .academicnewsec-hero-image {
    height: 430px;
  }

  .academicnewsec-hero-panel {
    left: 0;
    bottom: 20px;
    width: 285px;
  }

  .academicnewsec-hero-shape {
    width: 80px;
    height: 80px;
    font-size: 28px;
  }

  .academicnewsec-feature-row {
    grid-template-columns: 1fr;
  }

  .academicnewsec-feature {
    min-height: auto;
  }

  .academicnewsec-feature>i {
    margin-bottom: 45px;
  }

  .academicnewsec-path {
    grid-template-columns: 45px 62px minmax(0, 1fr);
    gap: 15px;
  }

  .academicnewsec-path-arrow {
    display: none;
  }

  .academicnewsec-path-icon {
    width: 58px;
    height: 58px;
  }

  .academicnewsec-path-content h3 {
    font-size: 20px;
  }

  .academicnewsec-model-visual {
    min-height: 500px;
  }

  .academicnewsec-model-main-image {
    height: 430px;
  }

  .academicnewsec-model-mini {
    display: none;
  }

  .academicnewsec-model-stat {
    left: 0;
    width: 280px;
  }

  .academicnewsec-journey-line {
    grid-template-columns: 1fr;
    gap: 45px;
  }

  .academicnewsec-journey-line::before {
    top: 0;
    bottom: 0;
    left: 37px;
    right: auto;
    width: 2px;
    height: auto;
  }

  .academicnewsec-journey-step {
    min-height: 135px;
    padding: 0 0 0 105px;
  }

  .academicnewsec-journey-number {
    width: 74px;
    height: 74px;
  }

  .academicnewsec-faq-image {
    height: 330px;
  }

  .academicnewsec-accordion .accordion-button {
    padding: 20px;
    font-size: 16px;
  }

  .academicnewsec-accordion .accordion-body {
    padding: 21px 20px;
    font-size: 15px;
  }
}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media(max-width:480px) {

  .academicnewsec-hero-copy h2 {
    font-size: 32px;
  }

  .academicnewsec-actions {
    flex-direction: column;
  }

  .academicnewsec-btn {
    width: 100%;
  }

  .academicnewsec-hero-media {
    min-height: auto;
    padding: 0;
  }

  .academicnewsec-hero-media::before {
    display: none;
  }

  .academicnewsec-hero-image {
    height: 340px;
  }

  .academicnewsec-hero-panel {
    position: relative;
    left: auto;
    bottom: auto;
    width: 100%;
  }

  .academicnewsec-hero-shape {
    display: none;
  }

  .academicnewsec-path {
    grid-template-columns: 42px minmax(0, 1fr);
  }

  .academicnewsec-path-icon {
    display: none;
  }

  .academicnewsec-model-visual {
    min-height: auto;
    padding: 0;
  }

  .academicnewsec-model-visual::before {
    display: none;
  }

  .academicnewsec-model-main-image {
    height: 340px;
  }

  .academicnewsec-model-stat {
    position: relative;
    left: auto;
    bottom: auto;
    width: 100%;
  }

  .academicnewsec-journey-step {
    padding-left: 90px;
  }

  .academicnewsec-faq-image {
    height: 280px;
  }

  .academicnewsec-accordion .accordion-button {
    align-items: flex-start;
  }
}


/* =========================================================
   FACULTIES DIRECTORY � COMMON
========================================================= */

.facultynewcss {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.facultynewcss,
.facultynewcss * {
  box-sizing: border-box;
}

.facultynewcss h2 {
  margin: 0;
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 42px;
  font-weight: 700;
  line-height: 1.2;
}

.facultynewcss h3,
.facultynewcss h4,
.facultynewcss strong {
  font-family: 'Outfit', sans-serif;
}

.facultynewcss p {
  margin: 0;
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6em;
}

.facultynewcss-label {
  display: inline-block;
  margin-bottom: 18px;
  font-family: "Inter", sans-serif;
  color: #00287d;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 2px;
  text-transform: uppercase;
}


/* =========================================================
   INTRO
========================================================= */

.facultynewcss-intro {
  padding: 120px 0;
  background: #f7f8fc;
}

.facultynewcss-intro::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 29%;
  height: 100%;
  background: #fff;
}

.facultynewcss-intro-layout {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
  gap: 90px;
  align-items: center;
}

.facultynewcss-intro-content h2 {
  margin-bottom: 24px;
  font-size: 54px;
  letter-spacing: -1.5px;
}

.facultynewcss-intro-content>p {
  max-width: 570px;
}

.facultynewcss-intro-divider {
  width: 95px;
  height: 5px;
  margin: 32px 0;
  background: #ffc63b;
}

.facultynewcss-intro-support {
  display: grid;
  grid-template-columns: 68px minmax(0, 1fr);
  gap: 18px;
  align-items: center;
  max-width: 520px;
  padding-top: 25px;
  border-top: 1px solid #dfe1eb;
}

.facultynewcss-intro-support>i {
  width: 68px;
  height: 68px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #dfe5ff;
  color: #00287d;
  font-size: 25px;
}

.facultynewcss-intro-support strong {
  display: block;
  margin-bottom: 6px;
  color: #111;
  font-size: 18px;
  font-weight: 700;
}

.facultynewcss-intro-support span {
  display: block;
  font-family: "Inter", sans-serif;
  color: #60606a;
  font-size: 14px;
  line-height: 1.5;
}

.facultynewcss-intro-visual {
  position: relative;
  min-height: 610px;
  padding: 0 55px 55px 0;
}

.facultynewcss-intro-visual::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 72%;
  height: 72%;
  background: #ffc63b;
}

.facultynewcss-intro-mainimg {
  position: relative;
  z-index: 2;
  height: 535px;
  overflow: hidden;
}

.facultynewcss-intro-mainimg img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform .55s ease;
}

.facultynewcss-intro-visual:hover .facultynewcss-intro-mainimg img {
  transform: scale(1.04);
}

.facultynewcss-intro-smallimg {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 4;
  width: 220px;
  height: 185px;
  padding: 10px;
  background: #fff;
  box-shadow: 0 22px 55px rgba(34, 36, 80, .16);
}

.facultynewcss-intro-smallimg img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.facultynewcss-intro-card {
  position: absolute;
  left: -25px;
  bottom: 32px;
  z-index: 5;
  width: 275px;
  padding: 23px;
  display: flex;
  align-items: center;
  gap: 16px;
  background: #00287d;
  color: #fff;
}

.facultynewcss-intro-card i {
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffc63b;
  color: #00287d;
  font-size: 20px;
}

.facultynewcss-intro-card strong {
  display: block;
  margin-bottom: 5px;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
}

.facultynewcss-intro-card span {
  display: block;
  font-family: "Inter", sans-serif;
  color: rgba(255, 255, 255, .78);
  font-size: 12px;
  line-height: 1.45;
}


/* =========================================================
   OVERVIEW
========================================================= */

.facultynewcss-overview {
  padding: 90px 0;
  background: #fff;
}

.facultynewcss-overview-layout {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  gap: 80px;
  align-items: center;
}

.facultynewcss-overview-content h2 {
  margin-bottom: 21px;
}

.facultynewcss-overview-features {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}

.facultynewcss-overview-feature {
  position: relative;
  min-height: 245px;
  padding: 30px 27px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background: #f6f7fb;
  border-top: 5px solid #00287d;
  overflow: hidden;
  transition:
    transform .35s ease,
    box-shadow .35s ease;
}

.facultynewcss-overview-feature:nth-child(2) {
  background: #fff7de;
  border-color: #ffc63b;
}

.facultynewcss-overview-feature:hover {
  transform: translateY(-8px);
  box-shadow: 0 22px 45px rgba(34, 36, 80, .1);
}

.facultynewcss-overview-feature>span {
  position: absolute;
  top: 23px;
  right: 24px;
  font-family: 'Outfit', sans-serif;
  color: rgba(55, 51, 153, .15);
  font-size: 42px;
  font-weight: 700;
}

.facultynewcss-overview-feature>i {
  position: absolute;
  top: 31px;
  left: 27px;
  color: #00287d;
  font-size: 31px;
}

.facultynewcss-overview-feature h3 {
  margin: 0;
  color: #111;
  font-size: 22px;
  font-weight: 700;
}


/* =========================================================
   FACULTY AREAS
========================================================= */

.facultynewcss-areas {
  padding: 115px 0;
  background: #f7f8fc;
}

.facultynewcss-section-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, .75fr);
  gap: 75px;
  align-items: end;
  margin-bottom: 65px;
}

.facultynewcss-section-head p {
  max-width: 530px;
}

.facultynewcss-area-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}

.facultynewcss-area-card {
  min-height: 350px;
  padding: 32px 29px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background: #fff;
  border: 1px solid #dfe1eb;
  transition:
    transform .35s ease,
    box-shadow .35s ease,
    background .35s ease;
}

.facultynewcss-area-card:nth-child(2),
.facultynewcss-area-card:nth-child(5) {
  background: #fff7de;
}

.facultynewcss-area-card:nth-child(3),
.facultynewcss-area-card:nth-child(6) {
  background: #eef1ff;
}

.facultynewcss-area-card:hover {
  transform: translateY(-9px);
  box-shadow: 0 24px 50px rgba(34, 36, 80, .1);
}

.facultynewcss-area-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: auto;
}

.facultynewcss-area-top span {
  font-family: 'Outfit', sans-serif;
  color: rgba(55, 51, 153, .22);
  font-size: 17px;
  font-weight: 700;
}

.facultynewcss-area-top i {
  width: 68px;
  height: 68px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #00287d;
  color: #fff;
  font-size: 25px;
}

.facultynewcss-area-card:nth-child(2) .facultynewcss-area-top i,
.facultynewcss-area-card:nth-child(5) .facultynewcss-area-top i {
  background: #ffc63b;
  color: #111;
}

.facultynewcss-area-card h3 {
  margin: 55px 0 14px;
  color: #111;
  font-size: 23px;
  font-weight: 700;
}

.facultynewcss-area-card p {
  font-size: 15px;
}


/* =========================================================
   GLOBAL COORDINATION
========================================================= */

.facultynewcss-global {
  padding: 115px 0;
  background: #242424;
}

.facultynewcss-global-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
  gap: 85px;
  align-items: center;
}

.facultynewcss-global-visual {
  position: relative;
  min-height: 610px;
  padding: 0 45px 45px 0;
}

.facultynewcss-global-visual::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 72%;
  height: 72%;
  background: #ffc63b;
}

.facultynewcss-global-image {
  position: relative;
  z-index: 1;
  height: 535px;
}

.facultynewcss-global-image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.facultynewcss-global-box {
  position: absolute;
  z-index: 3;
  left: -25px;
  bottom: 25px;
  width: 290px;
  padding: 25px;
  background: #00287d;
  color: #fff;
}

.facultynewcss-global-box i {
  margin-bottom: 18px;
  color: #ffc63b;
  font-size: 30px;
}

.facultynewcss-global-box h3 {
  margin: 0 0 9px;
  color: #fff;
  font-size: 21px;
  font-weight: 700;
}

.facultynewcss-global-box p {
  color: rgba(255, 255, 255, .78);
  font-size: 13px;
}

.facultynewcss-global-content .facultynewcss-label {
  color: #ffc63b;
}

.facultynewcss-global-content h2 {
  margin-bottom: 24px;
  color: #fff;
}

.facultynewcss-global-content>p {
  margin-bottom: 32px;
  color: rgba(255, 255, 255, .8);
}

.facultynewcss-global-content ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.facultynewcss-global-content li {
  display: flex;
  align-items: flex-start;
  gap: 13px;
  padding: 17px 0;
  border-bottom: 1px solid rgba(255, 255, 255, .15);
  font-family: "Inter", sans-serif;
  color: #fff;
  font-size: 15px;
  line-height: 1.5;
}

.facultynewcss-global-content li i {
  margin-top: 4px;
  color: #ffc63b;
}


/* =========================================================
   PROCESS
========================================================= */

.facultynewcss-process {
  padding: 115px 0;
  background: #fff;
}

.facultynewcss-process-head {
  max-width: 760px;
  margin-bottom: 70px;
}

.facultynewcss-process-grid {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 40px;
}

.facultynewcss-process-grid::before {
  content: "";
  position: absolute;
  top: 43px;
  left: 10%;
  right: 10%;
  height: 2px;
  background: #d9dce8;
}

.facultynewcss-process-step {
  position: relative;
  z-index: 2;
  padding-top: 105px;
}

.facultynewcss-process-number {
  position: absolute;
  top: 0;
  left: 0;
  width: 86px;
  height: 86px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #00287d;
  border: 9px solid #fff;
  box-shadow: 0 0 0 1px #d9dce8;
  color: #fff;
  font-family: 'Outfit', sans-serif;
  font-size: 17px;
  font-weight: 700;
}

.facultynewcss-process-step:nth-child(2) .facultynewcss-process-number {
  background: #ffc63b;
  color: #111;
}

.facultynewcss-process-icon {
  margin-bottom: 24px;
  color: #00287d;
  font-size: 31px;
}

.facultynewcss-process-step h3 {
  margin: 0 0 13px;
  color: #111;
  font-size: 23px;
  font-weight: 700;
}

.facultynewcss-process-step p {
  font-size: 15px;
}


/* =========================================================
   FAQ
========================================================= */

.facultynewcss-faq {
  padding: 115px 0;
  background: #f7f8fc;
}

.facultynewcss-faq-layout {
  display: grid;
  grid-template-columns: minmax(300px, .7fr) minmax(0, 1.3fr);
  gap: 75px;
  align-items: start;
}

.facultynewcss-faq-heading h2 {
  margin-bottom: 35px;
}

.facultynewcss-faq-image {
  height: 390px;
}

.facultynewcss-faq-image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.facultynewcss-faq-note {
  padding: 22px;
  display: flex;
  align-items: center;
  gap: 15px;
  background: #ffc63b;
}

.facultynewcss-faq-note i {
  color: #00287d;
  font-size: 27px;
}

.facultynewcss-faq-note strong {
  display: block;
  margin-bottom: 4px;
  color: #111;
  font-size: 16px;
  font-weight: 700;
}

.facultynewcss-faq-note span {
  display: block;
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 12px;
}

.facultynewcss-accordion {
  --bs-accordion-border-radius: 0;
  --bs-accordion-inner-border-radius: 0;
  --bs-accordion-btn-focus-box-shadow: none;
  --bs-accordion-active-bg: #00287d;
  --bs-accordion-active-color: #fff;
}

.facultynewcss-accordion .accordion-item {
  margin-bottom: 15px;
  border: 1px solid #dfe1eb;
  background: #fff;
}

.facultynewcss-accordion .accordion-button {
  display: flex;
  align-items: center;
  gap: 17px;
  padding: 24px 26px;
  color: #111;
  background: #fff;
  font-family: 'Outfit', sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4;
}

.facultynewcss-accordion .accordion-button:not(.collapsed) {
  color: #fff;
  background: #00287d;
  box-shadow: none;
}

.facultynewcss-accordion .accordion-button>span {
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #dfe5ff;
  color: #00287d;
  font-family: 'Outfit', sans-serif;
  font-size: 12px;
  font-weight: 700;
}

.facultynewcss-accordion .accordion-button:not(.collapsed)>span {
  background: #ffc63b;
  color: #111;
}

.facultynewcss-accordion .accordion-button:not(.collapsed)::after {
  filter: brightness(0) invert(1);
}

.facultynewcss-accordion .accordion-body {
  padding: 24px 27px 27px 84px;
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 16px;
  line-height: 1.7;
}


/* =========================================================
   LAPTOP
========================================================= */

@media(max-width:1199px) {

  .facultynewcss-intro,
  .facultynewcss-areas,
  .facultynewcss-global,
  .facultynewcss-process,
  .facultynewcss-faq {
    padding: 90px 0;
  }

  .facultynewcss-intro-layout,
  .facultynewcss-overview-layout,
  .facultynewcss-global-layout,
  .facultynewcss-faq-layout {
    gap: 55px;
  }

  .facultynewcss-intro-content h2 {
    font-size: 47px;
  }

  .facultynewcss-area-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:991px) {

  .facultynewcss-intro::before {
    display: none;
  }

  .facultynewcss-intro-layout,
  .facultynewcss-overview-layout,
  .facultynewcss-section-head,
  .facultynewcss-global-layout,
  .facultynewcss-faq-layout {
    grid-template-columns: 1fr;
  }

  .facultynewcss-intro-visual,
  .facultynewcss-global-visual,
  .facultynewcss-faq-heading {
    width: 100%;
    max-width: 720px;
    margin: 0 auto;
  }

  .facultynewcss-section-head {
    gap: 22px;
  }
}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:767px) {

  .facultynewcss h2 {
    font-size: 32px;
  }

  .facultynewcss p {
    font-size: 16px;
  }

  .facultynewcss-intro,
  .facultynewcss-overview,
  .facultynewcss-areas,
  .facultynewcss-global,
  .facultynewcss-process,
  .facultynewcss-faq {
    padding: 70px 0;
  }

  .facultynewcss-intro-content h2 {
    font-size: 38px;
  }

  .facultynewcss-intro-visual {
    min-height: 500px;
    padding: 0 35px 35px 0;
  }

  .facultynewcss-intro-mainimg {
    height: 430px;
  }

  .facultynewcss-intro-smallimg {
    width: 175px;
    height: 145px;
  }

  .facultynewcss-intro-card {
    left: 0;
    width: 245px;
  }

  .facultynewcss-overview-features {
    grid-template-columns: 1fr;
  }

  .facultynewcss-overview-feature {
    min-height: 220px;
  }

  .facultynewcss-area-grid {
    grid-template-columns: 1fr;
  }

  .facultynewcss-area-card {
    min-height: 310px;
  }

  .facultynewcss-global-visual {
    min-height: 500px;
  }

  .facultynewcss-global-image {
    height: 430px;
  }

  .facultynewcss-global-box {
    left: 0;
    width: 270px;
  }

  .facultynewcss-process-grid {
    grid-template-columns: 1fr;
    gap: 45px;
  }

  .facultynewcss-process-grid::before {
    top: 0;
    bottom: 0;
    left: 37px;
    right: auto;
    width: 2px;
    height: auto;
  }

  .facultynewcss-process-step {
    min-height: 135px;
    padding: 0 0 0 105px;
  }

  .facultynewcss-process-number {
    width: 74px;
    height: 74px;
  }

  .facultynewcss-faq-image {
    height: 330px;
  }

  .facultynewcss-accordion .accordion-button {
    padding: 20px;
    font-size: 16px;
  }

  .facultynewcss-accordion .accordion-body {
    padding: 21px 20px;
    font-size: 15px;
  }
}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media(max-width:480px) {

  .facultynewcss-intro-content h2 {
    font-size: 32px;
  }

  .facultynewcss-intro-support {
    grid-template-columns: 58px minmax(0, 1fr);
  }

  .facultynewcss-intro-support>i {
    width: 58px;
    height: 58px;
  }

  .facultynewcss-intro-visual {
    min-height: auto;
    padding: 0;
  }

  .facultynewcss-intro-visual::before {
    display: none;
  }

  .facultynewcss-intro-mainimg {
    height: 340px;
  }

  .facultynewcss-intro-smallimg {
    position: relative;
    right: auto;
    bottom: auto;
    width: 100%;
    height: 210px;
    margin-top: 12px;
    padding: 0;
    box-shadow: none;
  }

  .facultynewcss-intro-card {
    position: relative;
    left: auto;
    bottom: auto;
    width: 100%;
    margin-top: 12px;
  }

  .facultynewcss-global-visual {
    min-height: auto;
    padding: 0;
  }

  .facultynewcss-global-visual::before {
    display: none;
  }

  .facultynewcss-global-image {
    height: 340px;
  }

  .facultynewcss-global-box {
    position: relative;
    left: auto;
    bottom: auto;
    width: 100%;
  }

  .facultynewcss-process-step {
    padding-left: 90px;
  }

  .facultynewcss-faq-image {
    height: 280px;
  }

  .facultynewcss-accordion .accordion-button {
    align-items: flex-start;
  }
}


/* =========================================================
   DEPARTMENTS � COMMON
========================================================= */

.departmentnewcss {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.departmentnewcss,
.departmentnewcss * {
  box-sizing: border-box;
}

.departmentnewcss h2 {
  margin: 0;
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 42px;
  font-weight: 700;
  line-height: 1.2;
}

.departmentnewcss h2 strong {
  color: #00287d;
  font-weight: 700;
}

.departmentnewcss h3,
.departmentnewcss strong {
  font-family: 'Outfit', sans-serif;
}

.departmentnewcss p {
  margin: 0;
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6em;
}

.departmentnewcss-label {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 18px;
  font-family: "Inter", sans-serif;
  color: #00287d;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.departmentnewcss-label i {
  color: #ffc63b;
}


/* =========================================================
   INTRO
========================================================= */

.departmentnewcss-intro {
  position: relative;
  padding: 120px 0 0;
  background: #f7f8fc;
}

.departmentnewcss-intro::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 31%;
  height: 100%;
  background: #fff;
}

.departmentnewcss-intro-layout {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
  gap: 85px;
  align-items: center;
}

.departmentnewcss-intro-copy h2 {
  font-family: 'Outfit', sans-serif;
  margin-bottom: 25px;
  font-size: 51px;
  letter-spacing: -1.4px;
}

.departmentnewcss-intro-copy>p {
  font-family: "Inter", sans-serif;
  max-width: 590px;
  margin-bottom: 31px;
}

.departmentnewcss-check-list {
  display: grid;
  gap: 12px;
  margin-bottom: 34px;
}

.departmentnewcss-check-list>div {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.departmentnewcss-check-list i {
  flex: 0 0 27px;
  width: 27px;
  height: 27px;
  margin-top: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #dfe5ff;
  color: #00287d;
  font-size: 11px;
}

.departmentnewcss-check-list span {
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 15px;
  line-height: 1.55;
}

.departmentnewcss-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 23px;
  min-height: 57px;
  padding: 16px 25px;
  background: #00287d;
  color: #fff;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  transition:
    background .35s ease,
    transform .35s ease;
}

.departmentnewcss-btn:hover {
  background: #292675;
  color: #fff;
  transform: translateY(-3px);
}


/* Intro visual */

.departmentnewcss-intro-visual {
  position: relative;
  min-height: 630px;
  padding: 0 0 50px 50px;
}

.departmentnewcss-intro-visual::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 70%;
  height: 72%;
  background: #ffc63b;
}

.departmentnewcss-intro-image {
  position: relative;
  z-index: 2;
  height: 550px;
  overflow: hidden;
}

.departmentnewcss-intro-image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform .55s ease;
}

.departmentnewcss-intro-visual:hover .departmentnewcss-intro-image img {
  transform: scale(1.04);
}

.departmentnewcss-intro-summary {
  position: absolute;
  z-index: 4;
  left: 0;
  bottom: 0;
  width: 330px;
  padding: 24px;
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  gap: 16px;
  align-items: center;
  background: #00287d;
  color: #fff;
  box-shadow: 0 22px 55px rgba(34, 36, 80, .18);
}

.departmentnewcss-summary-icon {
  width: 58px;
  height: 58px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffc63b;
  color: #00287d;
  font-size: 23px;
}

.departmentnewcss-intro-summary h3 {
  margin: 0 0 6px;
  color: #fff;
  font-size: 17px;
  font-weight: 700;
}

.departmentnewcss-intro-summary p {
  color: rgba(255, 255, 255, .76);
  font-size: 12px;
  line-height: 1.45;
}

.departmentnewcss-intro-number {
  position: absolute;
  z-index: 5;
  top: 28px;
  right: -20px;
  width: 125px;
  height: 125px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #dfe5ff;
  color: #00287d;
  font-family: 'Outfit', sans-serif;
  font-size: 42px;
  font-weight: 700;
  line-height: 1;
}

.departmentnewcss-intro-number span {
  display: block;
  margin-top: 8px;
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: .6px;
  text-transform: uppercase;
}


/* Statistics */

.departmentnewcss-stats {
  position: relative;
  z-index: 4;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 90px;
  background: #242424;
}

.departmentnewcss-stat {
  min-height: 155px;
  padding: 30px 27px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  border-right: 1px solid rgba(255, 255, 255, .14);
  transition: background .35s ease;
}

.departmentnewcss-stat:last-child {
  border-right: 0;
}

.departmentnewcss-stat:hover {
  background: #00287d;
}

.departmentnewcss-stat:nth-child(2):hover {
  background: #ffc63b;
}

.departmentnewcss-stat strong {
  display: block;
  margin-bottom: 10px;
  color: #fff;
  font-size: 31px;
  font-weight: 700;
  line-height: 1;
}

.departmentnewcss-stat span {
  display: block;
  font-family: "Inter", sans-serif;
  color: rgba(255, 255, 255, .72);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .7px;
  text-transform: uppercase;
}

.departmentnewcss-stat:nth-child(2):hover strong,
.departmentnewcss-stat:nth-child(2):hover span {
  color: #111;
}


/* =========================================================
   DEPARTMENT MAP
========================================================= */

.departmentnewcss-map {
  padding: 120px 0;
  background: #fff;
}

.departmentnewcss-section-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, .75fr);
  gap: 75px;
  align-items: end;
  margin-bottom: 65px;
}

.departmentnewcss-section-head p {
  max-width: 530px;
}

.departmentnewcss-map-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-auto-rows: minmax(300px, auto);
  gap: 22px;
}

.departmentnewcss-map-card {
  position: relative;
  min-width: 0;
  padding: 30px 27px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
  background: #f7f8fc;
  border: 1px solid #dfe1eb;
  color: inherit;
  text-decoration: none;
  transition:
    transform .35s ease,
    box-shadow .35s ease,
    background .35s ease;
}

.departmentnewcss-map-card:hover {
  color: inherit;
  transform: translateY(-8px);
  box-shadow: 0 24px 50px rgba(34, 36, 80, .11);
}

.departmentnewcss-map-card-large {
  grid-row: span 2;
  min-height: 622px;
  background: #00287d;
}

.departmentnewcss-map-card-yellow {
  background: #ffc63b;
}

.departmentnewcss-map-card-dark {
  background: #242424;
}

.departmentnewcss-map-card-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.departmentnewcss-map-card-top>span {
  font-family: 'Outfit', sans-serif;
  color: rgba(55, 51, 153, .28);
  font-size: 17px;
  font-weight: 700;
}

.departmentnewcss-map-card-top>i {
  width: 68px;
  height: 68px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #dfe5ff;
  color: #00287d;
  font-size: 25px;
}

.departmentnewcss-map-card-large .departmentnewcss-map-card-top>span,
.departmentnewcss-map-card-dark .departmentnewcss-map-card-top>span {
  color: rgba(255, 255, 255, .32);
}

.departmentnewcss-map-card-large .departmentnewcss-map-card-top>i,
.departmentnewcss-map-card-dark .departmentnewcss-map-card-top>i {
  background: #ffc63b;
  color: #111;
}

.departmentnewcss-map-card-yellow .departmentnewcss-map-card-top>i {
  background: #00287d;
  color: #fff;
}

.departmentnewcss-map-card-content h3 {
  margin: 0 0 13px;
  color: #111;
  font-size: 23px;
  font-weight: 700;
  line-height: 1.25;
}

.departmentnewcss-map-card-content p {
  margin-bottom: 24px;
  font-size: 15px;
}

.departmentnewcss-map-card-large h3,
.departmentnewcss-map-card-dark h3 {
  color: #fff;
}

.departmentnewcss-map-card-large p,
.departmentnewcss-map-card-dark p {
  color: rgba(255, 255, 255, .78);
}

.departmentnewcss-map-arrow {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #cfd2e1;
  color: #00287d;
  transition:
    background .35s ease,
    color .35s ease,
    transform .35s ease;
}

.departmentnewcss-map-card:hover .departmentnewcss-map-arrow {
  background: #00287d;
  color: #fff;
  transform: translateX(5px);
}

.departmentnewcss-map-card-large .departmentnewcss-map-arrow,
.departmentnewcss-map-card-dark .departmentnewcss-map-arrow {
  border-color: rgba(255, 255, 255, .25);
  color: #fff;
}

.departmentnewcss-map-card-large:hover .departmentnewcss-map-arrow,
.departmentnewcss-map-card-dark:hover .departmentnewcss-map-arrow {
  background: #ffc63b;
  border-color: #ffc63b;
  color: #111;
}


/* =========================================================
   CONNECTED SYSTEM
========================================================= */

.departmentnewcss-system {
  padding: 110px 0;
  background: #f7f8fc;
}

.departmentnewcss-system-layout {
  display: grid;
  grid-template-columns: minmax(300px, .72fr) minmax(0, 1.28fr);
  gap: 80px;
  align-items: center;
}

.departmentnewcss-system-heading h2 {
  margin-bottom: 22px;
}

.departmentnewcss-system-heading>p {
  max-width: 520px;
}

.departmentnewcss-system-flow {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}

.departmentnewcss-system-flow::before {
  content: "";
  position: absolute;
  top: 39px;
  left: 12%;
  right: 12%;
  height: 2px;
  background: #d9dce9;
}

.departmentnewcss-system-step {
  position: relative;
  z-index: 2;
  min-height: 340px;
  padding: 30px 25px;
  background: #fff;
  border-top: 5px solid #00287d;
}

.departmentnewcss-system-step:nth-child(2) {
  border-color: #ffc63b;
}

.departmentnewcss-system-step>span {
  position: absolute;
  top: 22px;
  right: 22px;
  font-family: 'Outfit', sans-serif;
  color: rgba(55, 51, 153, .14);
  font-size: 40px;
  font-weight: 700;
}

.departmentnewcss-system-icon {
  width: 68px;
  height: 68px;
  margin-bottom: 95px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #00287d;
  color: #fff;
  font-size: 24px;
}

.departmentnewcss-system-step:nth-child(2) .departmentnewcss-system-icon {
  background: #ffc63b;
  color: #111;
}

.departmentnewcss-system-step:nth-child(3) .departmentnewcss-system-icon {
  background: #dfe5ff;
  color: #00287d;
}

.departmentnewcss-system-step h3 {
  margin: 0 0 12px;
  color: #111;
  font-size: 22px;
  font-weight: 700;
}

.departmentnewcss-system-step p {
  font-size: 14px;
}


/* =========================================================
   RESEARCH
========================================================= */

.departmentnewcss-research {
  padding: 120px 0;
  background: #242424;
}

.departmentnewcss-research-wrap {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  gap: 85px;
  align-items: center;
}

.departmentnewcss-research-content .departmentnewcss-label {
  color: #ffc63b;
}

.departmentnewcss-research-content h2 {
  margin-bottom: 24px;
  color: #fff;
}

.departmentnewcss-research-content>p {
  margin-bottom: 32px;
  color: rgba(255, 255, 255, .8);
}

.departmentnewcss-research-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 13px;
}

.departmentnewcss-research-list>div {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px;
  background: rgba(255, 255, 255, .07);
  border: 1px solid rgba(255, 255, 255, .1);
}

.departmentnewcss-research-list i {
  color: #ffc63b;
}

.departmentnewcss-research-list span {
  font-family: "Inter", sans-serif;
  color: #fff;
  font-size: 14px;
  line-height: 1.45;
}

.departmentnewcss-research-visual {
  position: relative;
  min-height: 600px;
  padding: 0 0 40px 40px;
}

.departmentnewcss-research-shape {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 70%;
  height: 70%;
  background: #ffc63b;
}

.departmentnewcss-research-image {
  position: relative;
  z-index: 2;
  height: 540px;
}

.departmentnewcss-research-image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.departmentnewcss-research-label {
  position: absolute;
  z-index: 4;
  right: -20px;
  bottom: 50px;
  width: 285px;
  padding: 24px;
  display: flex;
  align-items: center;
  gap: 15px;
  background: #00287d;
  color: #fff;
}

.departmentnewcss-research-label i {
  flex: 0 0 45px;
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffc63b;
  color: #00287d;
}

.departmentnewcss-research-label strong {
  display: block;
  margin-bottom: 5px;
  color: #fff;
  font-size: 16px;
}

.departmentnewcss-research-label span {
  display: block;
  font-family: "Inter", sans-serif;
  color: rgba(255, 255, 255, .76);
  font-size: 12px;
  line-height: 1.4;
}


/* =========================================================
   PATHWAYS
========================================================= */

.departmentnewcss-pathways {
  padding: 120px 0;
  background: #fff;
}

.departmentnewcss-pathway-layout {
  display: grid;
  grid-template-columns: minmax(300px, .72fr) minmax(0, 1.28fr);
  gap: 80px;
  align-items: start;
}

.departmentnewcss-pathway-heading {
  position: sticky;
  top: 120px;
}

.departmentnewcss-pathway-heading h2 {
  margin-bottom: 22px;
}

.departmentnewcss-pathway-list {
  border-top: 1px solid #dfe1eb;
}

.departmentnewcss-pathway-list a {
  display: grid;
  grid-template-columns: 55px minmax(0, 1fr) 48px;
  gap: 22px;
  align-items: center;
  min-height: 125px;
  padding: 22px 0;
  border-bottom: 1px solid #dfe1eb;
  color: inherit;
  text-decoration: none;
  transition:
    padding .35s ease,
    background .35s ease;
}

.departmentnewcss-pathway-list a:hover {
  padding-left: 20px;
  padding-right: 20px;
  color: inherit;
  background: #f7f8fc;
}

.departmentnewcss-pathway-list>a>span {
  font-family: 'Outfit', sans-serif;
  color: rgba(55, 51, 153, .34);
  font-size: 19px;
  font-weight: 700;
}

.departmentnewcss-pathway-list h3 {
  margin: 0 0 7px;
  color: #111;
  font-size: 22px;
  font-weight: 700;
}

.departmentnewcss-pathway-list p {
  font-size: 14px;
}

.departmentnewcss-pathway-list>a>i {
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #d1d4e3;
  color: #00287d;
  transition:
    background .35s ease,
    color .35s ease,
    transform .35s ease;
}

.departmentnewcss-pathway-list a:hover>i {
  background: #00287d;
  color: #fff;
  transform: translateX(5px);
}


/* =========================================================
   LAPTOP
========================================================= */

@media(max-width:1199px) {

  .departmentnewcss-intro {
    padding-top: 95px;
  }

  .departmentnewcss-map,
  .departmentnewcss-system,
  .departmentnewcss-research,
  .departmentnewcss-pathways {
    padding: 90px 0;
  }

  .departmentnewcss-intro-layout,
  .departmentnewcss-system-layout,
  .departmentnewcss-research-wrap,
  .departmentnewcss-pathway-layout {
    gap: 55px;
  }

  .departmentnewcss-intro-copy h2 {
    font-size: 45px;
  }

  .departmentnewcss-map-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .departmentnewcss-map-card-large {
    grid-row: span 1;
    min-height: 300px;
  }
}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:991px) {

  .departmentnewcss-intro::before {
    display: none;
  }

  .departmentnewcss-intro-layout,
  .departmentnewcss-section-head,
  .departmentnewcss-system-layout,
  .departmentnewcss-research-wrap,
  .departmentnewcss-pathway-layout {
    grid-template-columns: 1fr;
  }

  .departmentnewcss-intro-visual,
  .departmentnewcss-research-visual {
    width: 100%;
    max-width: 720px;
    margin: 0 auto;
  }

  .departmentnewcss-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .departmentnewcss-stat:nth-child(2) {
    border-right: 0;
  }

  .departmentnewcss-section-head {
    gap: 24px;
  }

  .departmentnewcss-pathway-heading {
    position: relative;
    top: auto;
  }
}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:767px) {

  .departmentnewcss h2 {
    font-size: 32px;
  }

  .departmentnewcss p {
    font-size: 16px;
  }

  .departmentnewcss-intro {
    padding-top: 70px;
  }

  .departmentnewcss-map,
  .departmentnewcss-system,
  .departmentnewcss-research,
  .departmentnewcss-pathways {
    padding: 70px 0;
  }

  .departmentnewcss-intro-copy h2 {
    font-size: 37px;
  }

  .departmentnewcss-intro-visual {
    min-height: 500px;
    padding: 0 0 35px 25px;
  }

  .departmentnewcss-intro-image {
    height: 430px;
  }

  .departmentnewcss-intro-summary {
    width: 285px;
  }

  .departmentnewcss-intro-number {
    width: 95px;
    height: 95px;
    right: 0;
    font-size: 32px;
  }

  .departmentnewcss-stats {
    margin-top: 70px;
  }

  .departmentnewcss-stat {
    min-height: 135px;
  }

  .departmentnewcss-map-grid {
    grid-template-columns: 1fr;
  }

  .departmentnewcss-map-card,
  .departmentnewcss-map-card-large {
    min-height: 290px;
  }

  .departmentnewcss-system-flow {
    grid-template-columns: 1fr;
  }

  .departmentnewcss-system-flow::before {
    display: none;
  }

  .departmentnewcss-system-step {
    min-height: 285px;
  }

  .departmentnewcss-system-icon {
    margin-bottom: 65px;
  }

  .departmentnewcss-research-list {
    grid-template-columns: 1fr;
  }

  .departmentnewcss-research-visual {
    min-height: 500px;
  }

  .departmentnewcss-research-image {
    height: 430px;
  }

  .departmentnewcss-research-label {
    right: 0;
  }

  .departmentnewcss-pathway-list a {
    grid-template-columns: 42px minmax(0, 1fr) 42px;
    gap: 14px;
  }
}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media(max-width:480px) {

  .departmentnewcss-intro-copy h2 {
    font-size: 32px;
  }

  .departmentnewcss-btn {
    width: 100%;
  }

  .departmentnewcss-intro-visual {
    min-height: auto;
    padding: 0;
  }

  .departmentnewcss-intro-visual::before {
    display: none;
  }

  .departmentnewcss-intro-image {
    height: 340px;
  }

  .departmentnewcss-intro-summary {
    position: relative;
    left: auto;
    bottom: auto;
    width: 100%;
  }

  .departmentnewcss-intro-number {
    display: none;
  }

  .departmentnewcss-stats {
    grid-template-columns: 1fr;
    margin-top: 45px;
  }

  .departmentnewcss-stat {
    border-right: 0;
  }

  .departmentnewcss-map-card {
    min-height: 270px;
  }

  .departmentnewcss-research-visual {
    min-height: auto;
    padding: 0;
  }

  .departmentnewcss-research-shape {
    display: none;
  }

  .departmentnewcss-research-image {
    height: 340px;
  }

  .departmentnewcss-research-label {
    position: relative;
    right: auto;
    bottom: auto;
    width: 100%;
  }

  .departmentnewcss-pathway-list a {
    grid-template-columns: 38px minmax(0, 1fr);
  }

  .departmentnewcss-pathway-list>a>i {
    display: none;
  }
}


/* =========================================================
   COURSES OFFERED � COMMON
========================================================= */

.courseoffercss {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.courseoffercss,
.courseoffercss * {
  box-sizing: border-box;
}

.courseoffercss h2 {
  margin: 0;
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 42px;
  font-weight: 700;
  line-height: 1.2;
}

.courseoffercss h2 strong {
  color: #00287d;
  font-weight: 700;
}

.courseoffercss h3,
.courseoffercss h4,
.courseoffercss strong {
  font-family: 'Outfit', sans-serif;
}

.courseoffercss p {
  margin: 0;
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6em;
}

.courseoffercss-label {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 18px;
  font-family: "Inter", sans-serif;
  color: #00287d;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.courseoffercss-label i {
  color: #ffc63b;
}

.courseoffercss-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 22px;
  min-height: 57px;
  padding: 16px 25px;
  background: #00287d;
  color: #fff;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  transition:
    transform .35s ease,
    background .35s ease;
}

.courseoffercss-btn:hover {
  color: #fff;
  background: #292675;
  transform: translateY(-3px);
}


/* =========================================================
   INTRO
========================================================= */

.courseoffercss-intro {
  position: relative;
  padding: 120px 0;
  background: #f7f8fc;
}

.courseoffercss-intro::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 32%;
  height: 100%;
  background: #fff;
}

.courseoffercss-intro-wrap {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr);
  gap: 85px;
  align-items: center;
}

.courseoffercss-intro-copy h2 {
  margin-bottom: 25px;
  font-size: 51px;
  letter-spacing: -1.4px;
}

.courseoffercss-intro-copy>p {
  max-width: 590px;
  margin-bottom: 35px;
}

.courseoffercss-intro-media {
  position: relative;
  min-height: 620px;
}

.courseoffercss-intro-image {
  position: absolute;
  top: 0;
  right: 0;
  width: 73%;
  height: 100%;
  overflow: hidden;
}

.courseoffercss-intro-image::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(90deg,
      rgba(25, 24, 55, .35),
      rgba(25, 24, 55, .05));
}

.courseoffercss-intro-image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform .6s ease;
}

.courseoffercss-intro-media:hover .courseoffercss-intro-image img {
  transform: scale(1.04);
}

.courseoffercss-level-orbit {
  position: absolute;
  left: 0;
  top: 50%;
  z-index: 3;
  width: 365px;
  height: 365px;
  transform: translateY(-50%);
  border-radius: 50%;
  background: #00287d;
  box-shadow: 0 24px 60px rgba(34, 36, 80, .2);
}

.courseoffercss-level-orbit::before,
.courseoffercss-level-orbit::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, .18);
}

.courseoffercss-level-orbit::before {
  inset: 33px;
}

.courseoffercss-level-orbit::after {
  inset: 72px;
}

.courseoffercss-level-main {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 3;
  width: 135px;
  height: 135px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: 50%;
  background: #ffc63b;
  transform: translate(-50%, -50%);
}

.courseoffercss-level-main i {
  margin-bottom: 9px;
  color: #00287d;
  font-size: 29px;
}

.courseoffercss-level-main strong {
  max-width: 95px;
  color: #111;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.25;
}

.courseoffercss-level {
  position: absolute;
  z-index: 4;
  min-width: 94px;
  padding: 11px 14px;
  text-align: center;
  background: #fff;
  color: #00287d;
  font-family: "Inter", sans-serif;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .5px;
  box-shadow: 0 12px 25px rgba(0, 0, 0, .15);
}

.courseoffercss-level-one {
  top: 23px;
  left: 50%;
  transform: translateX(-50%);
}

.courseoffercss-level-two {
  top: 115px;
  right: -25px;
}

.courseoffercss-level-three {
  right: 0;
  bottom: 70px;
}

.courseoffercss-level-four {
  left: 15px;
  bottom: 60px;
}

.courseoffercss-level-five {
  top: 118px;
  left: -22px;
}


/* =========================================================
   LEVEL NAVIGATION
========================================================= */

.courseoffercss-levelnav {
  position: relative;
  z-index: 4;
  margin-top: -45px;
}

.courseoffercss-levelnav-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  background: #242424;
}

.courseoffercss-levelnav a {
  position: relative;
  min-height: 190px;
  padding: 25px 22px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  border-right: 1px solid rgba(255, 255, 255, .14);
  color: #fff;
  text-decoration: none;
  overflow: hidden;
  transition:
    background .35s ease,
    transform .35s ease;
}

.courseoffercss-levelnav a:last-child {
  border-right: 0;
}

.courseoffercss-levelnav a:hover {
  z-index: 2;
  color: #fff;
  background: #00287d;
  transform: translateY(-7px);
}

.courseoffercss-levelnav a:nth-child(2):hover,
.courseoffercss-levelnav a:nth-child(5):hover {
  background: #ffc63b;
  color: #111;
}

.courseoffercss-levelnav a>span {
  position: absolute;
  top: 20px;
  right: 20px;
  font-family: 'Outfit', sans-serif;
  color: rgba(255, 255, 255, .13);
  font-size: 40px;
  font-weight: 700;
  line-height: 1;
}

.courseoffercss-levelnav a>i {
  margin-bottom: 25px;
  color: #ffc63b;
  font-size: 28px;
}

.courseoffercss-levelnav a:nth-child(2):hover>i,
.courseoffercss-levelnav a:nth-child(5):hover>i {
  color: #00287d;
}

.courseoffercss-levelnav a strong {
  color: inherit;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.35;
}


/* =========================================================
   OVERVIEW
========================================================= */

.courseoffercss-overview {
  padding: 120px 0 65px;
  background: #fff;
}

.courseoffercss-overview-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, .72fr);
  gap: 75px;
  align-items: end;
}

.courseoffercss-overview-head p {
  max-width: 530px;
}


/* =========================================================
   PROGRAM COMMON
========================================================= */

.courseoffercss-program {
  position: relative;
  padding: 100px 0;
}

.courseoffercss-program-layout {
  display: grid;
  grid-template-columns: minmax(280px, .68fr) minmax(0, 1.32fr);
  gap: 75px;
  align-items: start;
}

.courseoffercss-program-reverse {
  grid-template-columns: minmax(0, 1.32fr) minmax(280px, .68fr);
}

.courseoffercss-program-reverse .courseoffercss-program-intro {
  order: 2;
}

.courseoffercss-program-reverse .courseoffercss-course-list {
  order: 1;
}

.courseoffercss-program-intro {
  position: sticky;
  top: 120px;
}

.courseoffercss-program-number {
  margin-bottom: 18px;
  font-family: 'Outfit', sans-serif;
  color: rgba(55, 51, 153, .13);
  font-size: 92px;
  font-weight: 700;
  line-height: .8;
}

.courseoffercss-program-level {
  display: inline-block;
  margin-bottom: 16px;
  font-family: "Inter", sans-serif;
  color: #00287d;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.courseoffercss-program-intro h2 {
  margin-bottom: 20px;
}

.courseoffercss-program-intro>p {
  margin-bottom: 32px;
}

.courseoffercss-program-icon {
  width: 105px;
  height: 105px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #00287d;
  color: #fff;
  font-size: 39px;
  transform: rotate(-5deg);
}

.courseoffercss-program-icon i {
  transform: rotate(5deg);
}


/* =========================================================
   DIPLOMA PROGRAM
========================================================= */

.courseoffercss-program-light {
  background: #f7f8fc;
}

.courseoffercss-course-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.courseoffercss-course-grid a {
  position: relative;
  min-height: 185px;
  padding: 28px 25px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background: #fff;
  border: 1px solid #dfe1eb;
  color: inherit;
  text-decoration: none;
  overflow: hidden;
  transition:
    transform .35s ease,
    box-shadow .35s ease,
    background .35s ease;
}

.courseoffercss-course-grid a:nth-child(3n + 2) {
  background: #fff7de;
}

.courseoffercss-course-grid a:nth-child(3n) {
  background: #eef1ff;
}

.courseoffercss-course-grid a:hover {
  color: inherit;
  transform: translateY(-7px);
  box-shadow: 0 20px 42px rgba(34, 36, 80, .1);
}

.courseoffercss-course-grid a>span {
  position: absolute;
  top: 20px;
  right: 22px;
  font-family: 'Outfit', sans-serif;
  color: rgba(55, 51, 153, .18);
  font-size: 33px;
  font-weight: 700;
}

.courseoffercss-course-grid h3 {
  max-width: 270px;
  margin: 0;
  padding-right: 45px;
  color: #111;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.35;
}

.courseoffercss-course-grid a>i {
  position: absolute;
  right: 23px;
  bottom: 28px;
  color: #00287d;
  transition: transform .35s ease;
}

.courseoffercss-course-grid a:hover>i {
  transform: translateX(6px);
}


/* =========================================================
   PG DIPLOMA
========================================================= */

.courseoffercss-program-purple {
  background: #00287d;
}

.courseoffercss-program-purple .courseoffercss-program-number {
  color: rgba(255, 255, 255, .12);
}

.courseoffercss-program-purple .courseoffercss-program-level {
  color: #ffc63b;
}

.courseoffercss-program-purple .courseoffercss-program-intro h2 {
  color: #fff;
}

.courseoffercss-program-purple .courseoffercss-program-intro p {
  color: rgba(255, 255, 255, .8);
}

.courseoffercss-program-purple .courseoffercss-program-icon {
  background: #ffc63b;
  color: #00287d;
}

.courseoffercss-course-list {
  border-top: 1px solid rgba(255, 255, 255, .2);
}

.courseoffercss-course-list a {
  display: grid;
  grid-template-columns: 50px minmax(0, 1fr) 45px;
  gap: 18px;
  align-items: center;
  min-height: 104px;
  padding: 19px 0;
  border-bottom: 1px solid rgba(255, 255, 255, .2);
  color: #fff;
  text-decoration: none;
  transition:
    padding .35s ease,
    background .35s ease;
}

.courseoffercss-course-list a:hover {
  padding-left: 18px;
  padding-right: 18px;
  color: #fff;
  background: rgba(255, 255, 255, .08);
}

.courseoffercss-course-list a>span {
  font-family: 'Outfit', sans-serif;
  color: #ffc63b;
  font-size: 14px;
  font-weight: 700;
}

.courseoffercss-course-list h3 {
  margin: 0;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.35;
}

.courseoffercss-course-list a>i {
  width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, .25);
  color: #fff;
  transition:
    background .35s ease,
    color .35s ease,
    transform .35s ease;
}

.courseoffercss-course-list a:hover>i {
  background: #ffc63b;
  border-color: #ffc63b;
  color: #111;
  transform: translateX(5px);
}


/* =========================================================
   MASTER'S Programmes
========================================================= */

.courseoffercss-program-yellow {
  background: #fff;
}

.courseoffercss-masters-head {
  display: grid;
  grid-template-columns: 135px minmax(0, 1fr) 115px;
  gap: 35px;
  align-items: center;
  margin-bottom: 60px;
  padding-bottom: 40px;
  border-bottom: 1px solid #dfe1eb;
}

.courseoffercss-masters-number {
  font-family: 'Outfit', sans-serif;
  color: #ffc63b;
  font-size: 96px;
  font-weight: 700;
  line-height: 1;
}

.courseoffercss-masters-head h2 {
  margin-bottom: 15px;
}

.courseoffercss-masters-head p {
  max-width: 700px;
}

.courseoffercss-masters-icon {
  width: 105px;
  height: 105px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #00287d;
  color: #fff;
  font-size: 38px;
}

.courseoffercss-masters-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
}

.courseoffercss-masters-grid a {
  position: relative;
  min-height: 290px;
  padding: 27px 24px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background: #f7f8fc;
  border-top: 5px solid #00287d;
  color: inherit;
  text-decoration: none;
  overflow: hidden;
  transition:
    transform .35s ease,
    box-shadow .35s ease,
    background .35s ease;
}

.courseoffercss-masters-grid a:nth-child(even) {
  background: #fff7de;
  border-color: #ffc63b;
}

.courseoffercss-masters-grid a:hover {
  color: inherit;
  transform: translateY(-8px);
  box-shadow: 0 22px 45px rgba(34, 36, 80, .1);
}

.courseoffercss-masters-grid a>span {
  position: absolute;
  top: 20px;
  right: 20px;
  font-family: 'Outfit', sans-serif;
  color: rgba(55, 51, 153, .15);
  font-size: 37px;
  font-weight: 700;
}

.courseoffercss-masters-card-icon {
  position: absolute;
  top: 25px;
  left: 24px;
  width: 58px;
  height: 58px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #00287d;
  color: #fff;
  font-size: 21px;
}

.courseoffercss-masters-grid a:nth-child(even) .courseoffercss-masters-card-icon {
  background: #ffc63b;
  color: #111;
}

.courseoffercss-masters-grid h3 {
  margin: 0 0 22px;
  color: #111;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.35;
}

.courseoffercss-masters-grid a>i {
  color: #00287d;
  font-size: 16px;
  transition: transform .35s ease;
}

.courseoffercss-masters-grid a:hover>i {
  transform: translateX(7px);
}


/* =========================================================
   DOCTORAL Programmes
========================================================= */

.courseoffercss-program-dark {
  background: #242424;
}

.courseoffercss-doctoral-layout {
  display: grid;
  grid-template-columns: minmax(300px, .75fr) minmax(0, 1.25fr);
  gap: 75px;
  align-items: start;
}

.courseoffercss-doctoral-side {
  position: sticky;
  top: 120px;
}

.courseoffercss-program-dark .courseoffercss-program-level {
  color: #ffc63b;
}

.courseoffercss-doctoral-side h2 {
  margin-bottom: 20px;
  color: #fff;
}

.courseoffercss-doctoral-side>p {
  margin-bottom: 35px;
  color: rgba(255, 255, 255, .78);
}

.courseoffercss-doctoral-visual {
  position: relative;
  height: 390px;
  padding: 0 25px 25px 0;
}

.courseoffercss-doctoral-visual::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 68%;
  height: 72%;
  background: #ffc63b;
}

.courseoffercss-doctoral-visual>img {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.courseoffercss-doctoral-badge {
  position: absolute;
  z-index: 3;
  left: 0;
  right: 55px;
  bottom: 48px;
  padding: 20px;
  display: flex;
  align-items: center;
  gap: 15px;
  background: #00287d;
  color: #fff;
}

.courseoffercss-doctoral-badge i {
  flex: 0 0 45px;
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffc63b;
  color: #00287d;
}

.courseoffercss-doctoral-badge strong {
  display: block;
  margin-bottom: 4px;
  color: #fff;
  font-size: 15px;
}

.courseoffercss-doctoral-badge span {
  display: block;
  font-family: "Inter", sans-serif;
  color: rgba(255, 255, 255, .75);
  font-size: 12px;
}

.courseoffercss-doctoral-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.courseoffercss-doctoral-list a {
  position: relative;
  min-height: 145px;
  padding: 25px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background: rgba(255, 255, 255, .06);
  border: 1px solid rgba(255, 255, 255, .12);
  color: #fff;
  text-decoration: none;
  transition:
    transform .35s ease,
    background .35s ease,
    border-color .35s ease;
}

.courseoffercss-doctoral-list a:hover {
  color: #fff;
  background: #00287d;
  border-color: #00287d;
  transform: translateY(-5px);
}

.courseoffercss-doctoral-list a>span {
  position: absolute;
  top: 18px;
  right: 20px;
  font-family: 'Outfit', sans-serif;
  color: rgba(255, 255, 255, .14);
  font-size: 31px;
  font-weight: 700;
}

.courseoffercss-doctoral-list h3 {
  max-width: 250px;
  margin: 0;
  padding-right: 30px;
  color: #fff;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.35;
}

.courseoffercss-doctoral-list a>i {
  position: absolute;
  right: 22px;
  bottom: 25px;
  color: #ffc63b;
  transition: transform .35s ease;
}

.courseoffercss-doctoral-list a:hover>i {
  transform: translateX(6px);
}


/* =========================================================
   LEARNING MODEL
========================================================= */

.courseoffercss-model {
  padding: 120px 0;
  background: #f7f8fc;
}

.courseoffercss-model-wrap {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  gap: 85px;
  align-items: center;
}

.courseoffercss-model-copy h2 {
  margin-bottom: 22px;
}

.courseoffercss-model-copy>p {
  margin-bottom: 35px;
}

.courseoffercss-model-points {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.courseoffercss-model-points>div {
  min-height: 105px;
  padding: 18px;
  display: flex;
  align-items: center;
  gap: 14px;
  background: #fff;
  border: 1px solid #dfe1eb;
}

.courseoffercss-model-points i {
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #dfe5ff;
  color: #00287d;
  font-size: 19px;
}

.courseoffercss-model-points>div:nth-child(2) i,
.courseoffercss-model-points>div:nth-child(4) i {
  background: #ffc63b;
  color: #111;
}

.courseoffercss-model-points strong {
  color: #111;
  font-size: 15px;
  font-weight: 700;
}

.courseoffercss-model-media {
  position: relative;
  min-height: 600px;
  padding: 0 0 40px 40px;
}

.courseoffercss-model-media::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 70%;
  height: 72%;
  background: #00287d;
}

.courseoffercss-model-image {
  position: relative;
  z-index: 1;
  height: 540px;
  overflow: hidden;
}

.courseoffercss-model-image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform .55s ease;
}

.courseoffercss-model-media:hover .courseoffercss-model-image img {
  transform: scale(1.04);
}

.courseoffercss-model-caption {
  position: absolute;
  z-index: 3;
  left: 0;
  right: 50px;
  bottom: 55px;
  padding: 23px;
  display: grid;
  grid-template-columns: 70px minmax(0, 1fr);
  gap: 17px;
  align-items: center;
  background: #ffc63b;
}

.courseoffercss-model-caption>span {
  width: 68px;
  height: 68px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #00287d;
  color: #fff;
  font-family: 'Outfit', sans-serif;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
}

.courseoffercss-model-caption strong {
  display: block;
  margin-bottom: 5px;
  color: #111;
  font-size: 17px;
  font-weight: 700;
}

.courseoffercss-model-caption p {
  color: #000;
  font-size: 13px;
}


/* =========================================================
   LAPTOP
========================================================= */

@media(max-width:1199px) {

  .courseoffercss-intro,
  .courseoffercss-program,
  .courseoffercss-model {
    padding: 90px 0;
  }

  .courseoffercss-overview {
    padding-top: 105px;
  }

  .courseoffercss-intro-wrap,
  .courseoffercss-program-layout,
  .courseoffercss-doctoral-layout,
  .courseoffercss-model-wrap {
    gap: 55px;
  }

  .courseoffercss-intro-copy h2 {
    font-size: 45px;
  }

  .courseoffercss-level-orbit {
    width: 320px;
    height: 320px;
  }

  .courseoffercss-levelnav-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .courseoffercss-levelnav a:nth-child(3) {
    border-right: 0;
  }

  .courseoffercss-masters-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:991px) {

  .courseoffercss-intro::before {
    display: none;
  }

  .courseoffercss-intro-wrap,
  .courseoffercss-overview-head,
  .courseoffercss-program-layout,
  .courseoffercss-program-reverse,
  .courseoffercss-doctoral-layout,
  .courseoffercss-model-wrap {
    grid-template-columns: 1fr;
  }

  .courseoffercss-program-reverse .courseoffercss-program-intro,
  .courseoffercss-program-reverse .courseoffercss-course-list {
    order: initial;
  }

  .courseoffercss-intro-media,
  .courseoffercss-model-media {
    width: 100%;
    max-width: 720px;
    margin: 0 auto;
  }

  .courseoffercss-program-intro,
  .courseoffercss-doctoral-side {
    position: relative;
    top: auto;
  }

  .courseoffercss-overview-head {
    gap: 22px;
  }

  .courseoffercss-masters-head {
    grid-template-columns: 100px minmax(0, 1fr);
  }

  .courseoffercss-masters-icon {
    display: none;
  }
}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:767px) {

  .courseoffercss h2 {
    font-size: 32px;
  }

  .courseoffercss p {
    font-size: 16px;
  }

  .courseoffercss-intro,
  .courseoffercss-program,
  .courseoffercss-model {
    padding: 70px 0;
  }

  .courseoffercss-overview {
    padding: 90px 0 45px;
  }

  .courseoffercss-intro-copy h2 {
    font-size: 37px;
  }

  .courseoffercss-intro-media {
    min-height: 540px;
  }

  .courseoffercss-intro-image {
    width: 100%;
    height: 410px;
  }

  .courseoffercss-level-orbit {
    top: auto;
    left: 50%;
    bottom: 0;
    width: 285px;
    height: 285px;
    transform: translateX(-50%);
  }

  .courseoffercss-level {
    min-width: 80px;
    padding: 9px 10px;
    font-size: 9px;
  }

  .courseoffercss-level-one {
    top: 18px;
  }

  .courseoffercss-level-two {
    top: 90px;
    right: -12px;
  }

  .courseoffercss-level-three {
    bottom: 50px;
  }

  .courseoffercss-level-four {
    bottom: 45px;
  }

  .courseoffercss-level-five {
    top: 90px;
    left: -10px;
  }

  .courseoffercss-level-main {
    width: 115px;
    height: 115px;
  }

  .courseoffercss-levelnav {
    margin-top: 0;
  }

  .courseoffercss-levelnav-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .courseoffercss-levelnav a {
    min-height: 165px;
  }

  .courseoffercss-levelnav a:nth-child(2n) {
    border-right: 0;
  }

  .courseoffercss-course-grid {
    grid-template-columns: 1fr;
  }

  .courseoffercss-course-grid a {
    min-height: 160px;
  }

  .courseoffercss-course-list a {
    grid-template-columns: 42px minmax(0, 1fr) 40px;
    gap: 12px;
  }

  .courseoffercss-masters-head {
    grid-template-columns: 75px minmax(0, 1fr);
    gap: 20px;
  }

  .courseoffercss-masters-number {
    font-size: 70px;
  }

  .courseoffercss-masters-grid {
    grid-template-columns: 1fr;
  }

  .courseoffercss-masters-grid a {
    min-height: 245px;
  }

  .courseoffercss-doctoral-list {
    grid-template-columns: 1fr;
  }

  .courseoffercss-doctoral-visual {
    height: 350px;
  }

  .courseoffercss-model-points {
    grid-template-columns: 1fr;
  }

  .courseoffercss-model-media {
    min-height: 500px;
  }

  .courseoffercss-model-image {
    height: 430px;
  }
}


/* =========================================================
   SMALL MOBILE
========================================================= */


@media(max-width:480px) {

  .courseoffercss-intro-copy h2 {
    font-size: 32px;
  }

  .courseoffercss-btn {
    width: 100%;
  }

  .courseoffercss-intro-media {
    min-height: auto;
  }

  .courseoffercss-intro-image {
    position: relative;
    width: 100%;
    height: 340px;
  }

  .courseoffercss-level-orbit {
    position: relative;
    left: auto;
    bottom: auto;
    width: 100%;
    height: auto;
    margin-top: 14px;
    padding: 22px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    border-radius: 0;
    transform: none;
  }

  .courseoffercss-level-orbit::before,
  .courseoffercss-level-orbit::after {
    display: none;
  }

  .courseoffercss-level-main {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    height: 110px;
    grid-column: 1 / -1;
    border-radius: 0;
    transform: none;
  }

  .courseoffercss-level {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    width: 100%;
    min-width: 0;
    transform: none;
    box-shadow: none;
  }

  .courseoffercss-level-five {
    grid-column: 1 / -1;
  }

  .courseoffercss-levelnav-grid {
    grid-template-columns: 1fr;
  }

  .courseoffercss-levelnav a {
    border-right: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .14);
  }

  .courseoffercss-program-number {
    font-size: 70px;
  }

  .courseoffercss-program-icon {
    width: 90px;
    height: 90px;
    font-size: 32px;
  }

  .courseoffercss-course-list a {
    grid-template-columns: 35px minmax(0, 1fr);
  }

  .courseoffercss-course-list a>i {
    display: none;
  }

  .courseoffercss-masters-head {
    grid-template-columns: 1fr;
  }

  .courseoffercss-masters-number {
    font-size: 65px;
  }

  .courseoffercss-doctoral-visual {
    height: auto;
    padding: 0;
  }

  .courseoffercss-doctoral-visual::after {
    display: none;
  }

  .courseoffercss-doctoral-visual>img {
    height: 320px;
  }

  .courseoffercss-doctoral-badge {
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    width: 100%;
  }

  .courseoffercss-model-media {
    min-height: auto;
    padding: 0;
  }

  .courseoffercss-model-media::before {
    display: none;
  }

  .courseoffercss-model-image {
    height: 340px;
  }

  .courseoffercss-model-caption {
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
  }
}


/* =========================================================
   UNDERGRADUATE PAGE � COMMON
========================================================= */

.undergradpagecss {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.undergradpagecss,
.undergradpagecss * {
  box-sizing: border-box;
}

.undergradpagecss h2 {
  margin: 0;
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 42px;
  font-weight: 600;
  line-height: 1.2;
}

.undergradpagecss h2 strong {
  color: #00287d;
  font-weight: 600;
}

.undergradpagecss h3,
.undergradpagecss strong {
  font-family: 'Outfit', sans-serif;
}

.undergradpagecss p {
  margin: 0;
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6em;
}

.undergradpagecss-kicker {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 18px;
  font-family: "Inter", sans-serif;
  color: #00287d;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.undergradpagecss-kicker i {
  color: #ffc63b;
}

.undergradpagecss-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 22px;
  min-height: 57px;
  padding: 16px 25px;
  background: #00287d;
  border: 1px solid #00287d;
  color: #fff;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  transition:
    transform .35s ease,
    background .35s ease;
}

.undergradpagecss-btn:hover {
  background: #292675;
  color: #fff;
  transform: translateY(-3px);
}


/* =========================================================
   INTRO
========================================================= */

.undergradpagecss-intro {
  padding: 120px 0;
  background: #fff;
}

.undergradpagecss-intro::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 42%;
  height: 100%;
  background: #f3f5ff;
}

.undergradpagecss-intro-grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  gap: 90px;
  align-items: center;
}

.undergradpagecss-intro-content {
  position: relative;
  padding-left: 38px;
}

.undergradpagecss-intro-content::before {
  content: "";
  position: absolute;
  top: 4px;
  bottom: 4px;
  left: 0;
  width: 5px;
  background: #ffc63b;
}

.undergradpagecss-intro-content h2 {
  margin-bottom: 25px;
  font-size: 52px;
  letter-spacing: -1.4px;
}

.undergradpagecss-intro-content>p {
  max-width: 590px;
  margin-bottom: 35px;
}

.undergradpagecss-intro-note {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 32px;
}

.undergradpagecss-intro-note span {
  padding: 10px 14px;
  background: #f6f7fb;
  color: #00287d;
  font-family: "Inter", sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .5px;
  text-transform: uppercase;
}

.undergradpagecss-intro-visual {
  position: relative;
  min-height: 600px;
  padding-left: 80px;
}

.undergradpagecss-intro-image {
  height: 600px;
  overflow: hidden;
}

.undergradpagecss-intro-image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform .6s ease;
}

.undergradpagecss-intro-visual:hover img {
  transform: scale(1.04);
}

.undergradpagecss-floating-card {
  position: absolute;
  left: 0;
  bottom: 55px;
  width: 315px;
  padding: 24px;
  display: grid;
  grid-template-columns: 55px minmax(0, 1fr);
  gap: 16px;
  align-items: center;
  background: #00287d;
  color: #fff;
  box-shadow: 0 22px 50px rgba(34, 36, 80, .18);
}

.undergradpagecss-floating-card i {
  width: 55px;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffc63b;
  color: #00287d;
  font-size: 22px;
}

.undergradpagecss-floating-card strong {
  display: block;
  margin-bottom: 5px;
  color: #fff;
  font-size: 17px;
  font-weight: 600;
}

.undergradpagecss-floating-card span {
  display: block;
  font-family: "Inter", sans-serif;
  color: rgba(255, 255, 255, .76);

  font-size: 12px;
  line-height: 1.45;
}

.undergradpagecss-side-word {
  position: absolute;
  top: 40px;
  left: 18px;
  color: rgba(55, 51, 153, .15);
  font-family: 'Outfit', sans-serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 4px;
  text-transform: uppercase;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
}


/* =========================================================
   PATHWAYS
========================================================= */

.undergradpagecss-pathways {
  padding: 115px 0;
  background: #242424;
}

.undergradpagecss-section-head {
  max-width: 760px;
  margin-bottom: 70px;
}

.undergradpagecss-pathways .undergradpagecss-kicker {
  color: #ffc63b;
}

.undergradpagecss-pathways h2 {
  color: #fff;
}

.undergradpagecss-pathways h2 strong {
  color: #ffc63b;
}

.undergradpagecss-pathway-track {
  position: relative;
}

.undergradpagecss-pathway-track::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 61px;
  width: 2px;
  background: rgba(255, 255, 255, .14);
}

.undergradpagecss-pathway-item {
  position: relative;
  display: grid;
  grid-template-columns: 125px 90px minmax(0, 1fr);
  gap: 30px;
  align-items: center;
  min-height: 190px;
  padding: 30px 35px 30px 0;
  border-bottom: 1px solid rgba(255, 255, 255, .14);
}

.undergradpagecss-pathway-item:first-child {
  border-top: 1px solid rgba(255, 255, 255, .14);
}

.undergradpagecss-pathway-number {
  position: relative;
  z-index: 2;
  width: 82px;
  height: 82px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #00287d;
  border: 10px solid #242424;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, .18);
  color: #fff;
  font-family: 'Outfit', sans-serif;
  font-size: 16px;
  font-weight: 600;
}

.undergradpagecss-pathway-item:nth-child(2) .undergradpagecss-pathway-number {
  background: #ffc63b;
  color: #111;
}

.undergradpagecss-pathway-icon {
  width: 76px;
  height: 76px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, .08);
  color: #ffc63b;
  font-size: 28px;
}

.undergradpagecss-pathway-content>span {
  display: block;
  margin-bottom: 9px;
  font-family: "Inter", sans-serif;
  color: #ffc63b;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.undergradpagecss-pathway-content h3 {
  margin: 0 0 11px;
  color: #fff;
  font-size: 25px;
  font-weight: 600;
}

.undergradpagecss-pathway-content p {
  max-width: 780px;
  color: rgba(255, 255, 255, .75);
  font-size: 15px;
}


/* =========================================================
   LEARNING EXPERIENCE
========================================================= */

.undergradpagecss-learning {
  padding: 115px 0;
  background: #f7f8fc;
}

.undergradpagecss-learning-layout {
  display: grid;
  grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
  gap: 80px;
  align-items: center;
}

.undergradpagecss-learning-image-wrap {
  position: relative;
  min-height: 680px;
}

.undergradpagecss-learning-image {
  height: 680px;
  overflow: hidden;
}

.undergradpagecss-learning-image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.undergradpagecss-learning-badge {
  position: absolute;
  left: 30px;
  right: 30px;
  bottom: 30px;
  padding: 22px;
  display: flex;
  align-items: center;
  gap: 15px;
  background: #fff;
  box-shadow: 0 18px 40px rgba(34, 36, 80, .12);
}

.undergradpagecss-learning-badge i {
  flex: 0 0 50px;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffc63b;
  color: #00287d;
  font-size: 20px;
}

.undergradpagecss-learning-badge strong {
  display: block;
  margin-bottom: 4px;
  color: #111;
  font-size: 16px;
  font-weight: 600;
}

.undergradpagecss-learning-badge span {
  display: block;
  font-family: "Inter", sans-serif;
  color: #666;
  font-size: 12px;
}

.undergradpagecss-learning-content>h2 {
  margin-bottom: 22px;
}

.undergradpagecss-learning-content>p {
  margin-bottom: 35px;
}

.undergradpagecss-learning-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border-top: 1px solid #dfe1eb;
  border-left: 1px solid #dfe1eb;
}

.undergradpagecss-learning-item {
  position: relative;
  min-height: 250px;
  padding: 27px 24px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background: #fff;
  border-right: 1px solid #dfe1eb;
  border-bottom: 1px solid #dfe1eb;
  transition:
    transform .35s ease,
    background .35s ease;
}

.undergradpagecss-learning-item:hover {
  z-index: 2;
  background: #00287d;
  transform: translateY(-6px);
}

.undergradpagecss-learning-item>span {
  position: absolute;
  top: 20px;
  right: 20px;
  font-family: 'Outfit', sans-serif;
  color: rgba(55, 51, 153, .15);
  font-size: 36px;
  font-weight: 600;
}

.undergradpagecss-learning-item>i {
  position: absolute;
  top: 28px;
  left: 24px;
  color: #00287d;
  font-size: 27px;
}

.undergradpagecss-learning-item h3 {
  margin: 0 0 10px;
  color: #111;
  font-size: 20px;
  font-weight: 600;
}

.undergradpagecss-learning-item p {
  font-size: 14px;
}

.undergradpagecss-learning-item:hover>span,
.undergradpagecss-learning-item:hover>i,
.undergradpagecss-learning-item:hover h3,
.undergradpagecss-learning-item:hover p {
  color: #fff;
}


/* =========================================================
   Programmes
========================================================= */

.undergradpagecss-Programmes {
  padding: 115px 0;
  background: #fff;
}

.undergradpagecss-Programmes-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, .72fr);
  gap: 70px;
  align-items: end;
  margin-bottom: 65px;
}

.undergradpagecss-Programmes-head p {
  max-width: 520px;
}

.undergradpagecss-Programmes-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(0, .88fr);
  gap: 25px;
}

.undergradpagecss-program-panel {
  padding: 34px;
}

.undergradpagecss-program-diploma {
  background: #00287d;
}

.undergradpagecss-program-certificate {
  background: #f4f6ff;
  border: 1px solid #dfe1eb;
}

.undergradpagecss-program-title {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 32px;
  padding-bottom: 25px;
  border-bottom: 1px solid rgba(255, 255, 255, .18);
}

.undergradpagecss-program-certificate .undergradpagecss-program-title {
  border-color: #dfe1eb;
}

.undergradpagecss-program-title>span {
  font-family: 'Outfit', sans-serif;
  color: rgba(255, 255, 255, .18);
  font-size: 52px;
  font-weight: 600;
  line-height: 1;
}

.undergradpagecss-program-certificate .undergradpagecss-program-title>span {
  color: rgba(55, 51, 153, .15);
}

.undergradpagecss-program-title>div {
  text-align: right;
}

.undergradpagecss-program-title i {
  margin-bottom: 11px;
  color: #ffc63b;
  font-size: 29px;
}

.undergradpagecss-program-certificate .undergradpagecss-program-title i {
  color: #00287d;
}

.undergradpagecss-program-title h3 {
  margin: 0;
  color: #fff;
  font-size: 25px;
  font-weight: 600;
}

.undergradpagecss-program-certificate .undergradpagecss-program-title h3 {
  color: #111;
}

.undergradpagecss-program-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.undergradpagecss-program-list a {
  min-height: 85px;
  padding: 17px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  background: rgba(255, 255, 255, .08);
  border: 1px solid rgba(255, 255, 255, .12);
  color: #fff;
  text-decoration: none;
  transition:
    background .35s ease,
    transform .35s ease;
}

.undergradpagecss-program-list a:hover {
  background: #ffc63b;
  color: #111;
  transform: translateY(-3px);
}

.undergradpagecss-program-list span {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
}

.undergradpagecss-program-list i {
  flex: 0 0 auto;
  color: #ffc63b;
}

.undergradpagecss-program-list a:hover i {
  color: #00287d;
}

.undergradpagecss-certificate-list {
  border-top: 1px solid #dfe1eb;
}

.undergradpagecss-certificate-list a {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 42px;
  gap: 15px;
  align-items: center;
  min-height: 92px;
  padding: 18px 0;
  border-bottom: 1px solid #dfe1eb;
  color: inherit;
  text-decoration: none;
  transition:
    padding .35s ease,
    background .35s ease;
}

.undergradpagecss-certificate-list a:hover {
  padding-left: 15px;
  padding-right: 15px;
  background: #fff;
}

.undergradpagecss-certificate-list span {
  display: block;
  margin-bottom: 5px;
  font-family: "Inter", sans-serif;
  color: #00287d;
  font-size: 11px;
  font-weight: 600;
}

.undergradpagecss-certificate-list h3 {
  margin: 0;
  color: #111;
  font-size: 17px;
  font-weight: 600;
}

.undergradpagecss-certificate-list>a>i {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #cfd2e0;
  color: #00287d;
  transition:
    background .35s ease,
    color .35s ease;
}

.undergradpagecss-certificate-list a:hover>i {
  background: #00287d;
  color: #fff;
}


/* =========================================================
   CLOSING
========================================================= */

.undergradpagecss-closing {
  padding: 85px 0;
  background: #ffc63b;
}

.undergradpagecss-closing-wrap {
  display: grid;
  grid-template-columns: 90px minmax(0, 1fr) auto;
  gap: 30px;
  align-items: center;
}

.undergradpagecss-closing-icon {
  width: 85px;
  height: 85px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #00287d;
  color: #fff;
  font-size: 30px;
}

.undergradpagecss-closing-content h2 {
  margin-bottom: 12px;
  font-size: 35px;
}

.undergradpagecss-closing-content p {
  max-width: 740px;
  font-size: 16px;
}

.undergradpagecss-closing-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  min-height: 56px;
  padding: 16px 23px;
  background: #111;
  color: #fff;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
  transition:
    background .35s ease,
    transform .35s ease;
}

.undergradpagecss-closing-btn:hover {
  background: #00287d;
  color: #fff;
  transform: translateY(-3px);
}


/* =========================================================
   LAPTOP
========================================================= */

@media(max-width:1199px) {

  .undergradpagecss-intro,
  .undergradpagecss-pathways,
  .undergradpagecss-learning,
  .undergradpagecss-Programmes {
    padding: 90px 0;
  }

  .undergradpagecss-intro-grid,
  .undergradpagecss-learning-layout {
    gap: 55px;
  }

  .undergradpagecss-intro-content h2 {
    font-size: 45px;
  }

  .undergradpagecss-learning-image-wrap,
  .undergradpagecss-learning-image {
    min-height: 600px;
    height: 600px;
  }

  .undergradpagecss-Programmes-layout {
    grid-template-columns: 1fr;
  }
}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:991px) {

  .undergradpagecss-intro::before {
    display: none;
  }

  .undergradpagecss-intro-grid,
  .undergradpagecss-learning-layout,
  .undergradpagecss-Programmes-head {
    grid-template-columns: 1fr;
  }

  .undergradpagecss-intro-visual,
  .undergradpagecss-learning-image-wrap {
    width: 100%;
    max-width: 720px;
    margin: 0 auto;
  }

  .undergradpagecss-pathway-item {
    grid-template-columns: 105px 75px minmax(0, 1fr);
    gap: 22px;
  }

  .undergradpagecss-Programmes-head {
    gap: 22px;
  }

  .undergradpagecss-closing-wrap {
    grid-template-columns: 75px minmax(0, 1fr);
  }

  .undergradpagecss-closing-btn {
    grid-column: 2;
    justify-self: start;
  }
}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:767px) {

  .undergradpagecss h2 {
    font-size: 32px;
  }

  .undergradpagecss p {
    font-size: 16px;
  }

  .undergradpagecss-intro,
  .undergradpagecss-pathways,
  .undergradpagecss-learning,
  .undergradpagecss-Programmes {
    padding: 70px 0;
  }

  .undergradpagecss-intro-content {
    padding-left: 24px;
  }

  .undergradpagecss-intro-content h2 {
    font-size: 37px;
  }

  .undergradpagecss-intro-visual {
    min-height: 500px;
    padding-left: 35px;
  }

  .undergradpagecss-intro-image {
    height: 500px;
  }

  .undergradpagecss-floating-card {
    width: 285px;
    bottom: 25px;
  }

  .undergradpagecss-side-word {
    left: 4px;
  }

  .undergradpagecss-pathway-track::before {
    left: 36px;
  }

  .undergradpagecss-pathway-item {
    grid-template-columns: 76px minmax(0, 1fr);
    gap: 18px;
    padding-right: 0;
  }

  .undergradpagecss-pathway-number {
    width: 72px;
    height: 72px;
  }

  .undergradpagecss-pathway-icon {
    display: none;
  }

  .undergradpagecss-pathway-content h3 {
    font-size: 22px;
  }

  .undergradpagecss-learning-image-wrap,
  .undergradpagecss-learning-image {
    min-height: 470px;
    height: 470px;
  }

  .undergradpagecss-learning-grid {
    grid-template-columns: 1fr;
  }

  .undergradpagecss-learning-item {
    min-height: 220px;
  }

  .undergradpagecss-program-list {
    grid-template-columns: 1fr;
  }

  .undergradpagecss-program-panel {
    padding: 28px 22px;
  }

  .undergradpagecss-closing-wrap {
    grid-template-columns: 1fr;
  }

  .undergradpagecss-closing-btn {
    grid-column: auto;
    justify-self: start;
  }
}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media(max-width:480px) {

  .undergradpagecss-intro-content h2 {
    font-size: 32px;
  }

  .undergradpagecss-btn {
    width: 100%;
  }

  .undergradpagecss-intro-visual {
    min-height: auto;
    padding-left: 0;
  }

  .undergradpagecss-intro-image {
    height: 350px;
  }

  .undergradpagecss-floating-card {
    position: relative;
    left: auto;
    bottom: auto;
    width: 100%;
  }

  .undergradpagecss-side-word {
    display: none;
  }

  .undergradpagecss-pathway-item {
    grid-template-columns: 62px minmax(0, 1fr);
  }

  .undergradpagecss-pathway-number {
    width: 60px;
    height: 60px;
    border-width: 7px;
  }

  .undergradpagecss-pathway-track::before {
    left: 30px;
  }

  .undergradpagecss-learning-image-wrap,
  .undergradpagecss-learning-image {
    min-height: auto;
    height: auto;
  }

  .undergradpagecss-learning-image img {
    height: 350px;
  }

  .undergradpagecss-learning-badge {
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
  }

  .undergradpagecss-program-title {
    flex-direction: column;
  }

  .undergradpagecss-program-title>div {
    text-align: left;
  }

  .undergradpagecss-certificate-list a {
    grid-template-columns: 1fr;
  }

  .undergradpagecss-certificate-list>a>i {
    display: none;
  }

  .undergradpagecss-closing-icon {
    width: 72px;
    height: 72px;
  }

  .undergradpagecss-closing-content h2 {
    font-size: 29px;
  }

  .undergradpagecss-closing-btn {
    width: 100%;
  }
}


/* =========================================================
   POSTGRADUATE PAGE � COMMON
========================================================= */

.postgradpagecss {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.postgradpagecss,
.postgradpagecss * {
  box-sizing: border-box;
}

.postgradpagecss h2 {
  margin: 0;
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 42px;
  font-weight: 600;
  line-height: 1.2;
}

.postgradpagecss h2 strong {
  color: #00287d;
  font-weight: 600;
}

.postgradpagecss h3,
.postgradpagecss strong {
  font-family: 'Outfit', sans-serif;
}

.postgradpagecss p {
  margin: 0;
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6em;
}

.postgradpagecss-kicker {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 18px;
  font-family: "Inter", sans-serif;
  color: #00287d;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.postgradpagecss-kicker i {
  color: #ffc63b;
}

.postgradpagecss-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  min-height: 57px;
  padding: 16px 25px;
  background: #ffc63b;
  color: #111;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  transition:
    background .35s ease,
    color .35s ease,
    transform .35s ease;
}

.postgradpagecss-btn:hover {
  background: #00287d;
  color: #fff;
  transform: translateY(-3px);
}


/* =========================================================
   INTRO
========================================================= */

.postgradpagecss-intro {
  padding: 120px 0;
  background: #242424;
}

.postgradpagecss-intro::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 38%;
  height: 100%;
  background: #00287d;
}

.postgradpagecss-intro-layout {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr);
  gap: 85px;
  align-items: center;
}

.postgradpagecss-intro-copy .postgradpagecss-kicker {
  color: #ffc63b;
}

.postgradpagecss-intro-copy h2 {
  margin-bottom: 25px;
  color: #fff;
  font-size: 53px;
  letter-spacing: -1.4px;
}

.postgradpagecss-intro-copy h2 strong {
  color: #ffc63b;
}

.postgradpagecss-intro-copy>p {
  max-width: 600px;
  margin-bottom: 35px;
  color: rgba(255, 255, 255, .78);
}

.postgradpagecss-intro-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 33px;
}

.postgradpagecss-intro-tags span {
  padding: 10px 14px;
  border: 1px solid rgba(255, 255, 255, .16);
  color: rgba(255, 255, 255, .76);
  font-family: "Inter", sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .5px;
  text-transform: uppercase;
}

.postgradpagecss-intro-visual {
  position: relative;
  min-height: 630px;
  padding: 0 0 55px 55px;
}

.postgradpagecss-intro-visual::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 72%;
  height: 70%;
  background: #ffc63b;
}

.postgradpagecss-intro-image {
  position: relative;
  z-index: 2;
  height: 550px;
  overflow: hidden;
}

.postgradpagecss-intro-image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform .55s ease;
}

.postgradpagecss-intro-visual:hover .postgradpagecss-intro-image img {
  transform: scale(1.04);
}

.postgradpagecss-intro-levels {
  position: absolute;
  z-index: 4;
  top: 35px;
  left: 0;
  display: grid;
  gap: 9px;
}

.postgradpagecss-intro-levels>div {
  width: 190px;
  padding: 15px 17px;
  display: flex;
  align-items: center;
  gap: 13px;
  background: #fff;
  box-shadow: 0 12px 30px rgba(0, 0, 0, .13);
}

.postgradpagecss-intro-levels span {
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #dfe5ff;
  color: #00287d;
  font-family: 'Outfit', sans-serif;
  font-size: 11px;
  font-weight: 600;
}

.postgradpagecss-intro-levels strong {
  color: #111;
  font-size: 13px;
  font-weight: 600;
}

.postgradpagecss-intro-badge {
  position: absolute;
  z-index: 5;
  right: -20px;
  bottom: 25px;
  width: 300px;
  padding: 23px;
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  gap: 15px;
  align-items: center;
  background: #00287d;
  color: #fff;
}

.postgradpagecss-intro-badge>i {
  width: 52px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffc63b;
  color: #00287d;
  font-size: 21px;
}

.postgradpagecss-intro-badge strong {
  display: block;
  margin-bottom: 5px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
}

.postgradpagecss-intro-badge span {
  display: block;
  font-family: "Inter", sans-serif;
  color: rgba(255, 255, 255, .73);
  font-size: 12px;
  line-height: 1.45;
}


/* =========================================================
   LEVEL OVERVIEW
========================================================= */

.postgradpagecss-level-overview {
  padding: 115px 0;
  background: #fff;
}

.postgradpagecss-level-overview-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, .72fr);
  gap: 75px;
  align-items: end;
  margin-bottom: 60px;
}

.postgradpagecss-level-overview-head p {
  max-width: 520px;
}

.postgradpagecss-level-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.postgradpagecss-level-strip a {
  position: relative;
  min-height: 315px;
  padding: 32px 29px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  border: 1px solid #dfe1eb;
  border-right: 0;
  background: #f7f8fc;
  color: inherit;
  text-decoration: none;
  overflow: hidden;
  transition:
    transform .35s ease,
    background .35s ease,
    box-shadow .35s ease;
}

.postgradpagecss-level-strip a:last-child {
  border-right: 1px solid #dfe1eb;
}

.postgradpagecss-level-strip a:nth-child(2) {
  background: #00287d;
}

.postgradpagecss-level-strip a:nth-child(3) {
  background: #fff7de;
}

.postgradpagecss-level-strip a:hover {
  z-index: 2;
  color: inherit;
  transform: translateY(-8px);
  box-shadow: 0 22px 50px rgba(34, 36, 80, .12);
}

.postgradpagecss-level-strip>a>span {
  position: absolute;
  top: 25px;
  right: 25px;
  font-family: "Inter", sans-serif;
  color: rgba(55, 51, 153, .35);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.postgradpagecss-level-strip a:nth-child(2)>span {
  color: rgba(255, 255, 255, .4);
}

.postgradpagecss-level-strip>a>i {
  position: absolute;
  top: 30px;
  left: 29px;
  color: #00287d;
  font-size: 32px;
}

.postgradpagecss-level-strip a:nth-child(2)>i {
  color: #ffc63b;
}

.postgradpagecss-level-strip h3 {
  margin: 0 0 13px;
  color: #111;
  font-size: 25px;
  font-weight: 600;
}

.postgradpagecss-level-strip p {
  font-size: 15px;
}

.postgradpagecss-level-strip a:nth-child(2) h3 {
  color: #fff;
}

.postgradpagecss-level-strip a:nth-child(2) p {
  color: rgba(255, 255, 255, .75);
}


/* =========================================================
   PROGRAM COMMON
========================================================= */

.postgradpagecss-program-layout {
  display: grid;
  grid-template-columns: minmax(280px, .65fr) minmax(0, 1.35fr);
  gap: 75px;
  align-items: start;
}

.postgradpagecss-program-heading {
  position: sticky;
  top: 120px;
}

.postgradpagecss-program-number {
  display: block;
  margin-bottom: 18px;
  font-family: 'Outfit', sans-serif;
  color: rgba(55, 51, 153, .14);
  font-size: 95px;
  font-weight: 600;
  line-height: .8;
}

.postgradpagecss-program-heading h2 {
  margin-bottom: 20px;
}

.postgradpagecss-program-heading>p {
  margin-bottom: 32px;
}

.postgradpagecss-program-symbol {
  width: 105px;
  height: 105px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #00287d;
  color: #fff;
  font-size: 37px;
  transform: rotate(-5deg);
}

.postgradpagecss-program-symbol i {
  transform: rotate(5deg);
}


/* =========================================================
   PG DIPLOMA
========================================================= */

.postgradpagecss-pgdiploma {
  padding: 115px 0;
  background: #f7f8fc;
}

.postgradpagecss-pgdiploma-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.postgradpagecss-pgdiploma-grid a {
  position: relative;
  min-height: 200px;
  padding: 27px 24px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background: #fff;
  border: 1px solid #dfe1eb;
  color: inherit;
  text-decoration: none;
  overflow: hidden;
  transition:
    transform .35s ease,
    box-shadow .35s ease,
    background .35s ease;
}

.postgradpagecss-pgdiploma-grid a:nth-child(4n + 2),
.postgradpagecss-pgdiploma-grid a:nth-child(4n + 3) {
  background: #fff7de;
}

.postgradpagecss-pgdiploma-grid a:hover {
  color: inherit;
  transform: translateY(-7px);
  box-shadow: 0 20px 45px rgba(34, 36, 80, .1);
}

.postgradpagecss-pgdiploma-grid a>span {
  position: absolute;
  top: 20px;
  right: 22px;
  font-family: 'Outfit', sans-serif;
  color: rgba(55, 51, 153, .15);
  font-size: 34px;
  font-weight: 600;
}

.postgradpagecss-pgdiploma-grid a>i {
  position: absolute;
  top: 25px;
  left: 24px;
  color: #00287d;
  font-size: 26px;
}

.postgradpagecss-pgdiploma-grid h3 {
  max-width: 285px;
  margin: 0;
  padding-right: 35px;
  color: #111;
  font-size: 19px;
  font-weight: 600;
  line-height: 1.35;
}

.postgradpagecss-pgdiploma-grid b {
  position: absolute;
  right: 24px;
  bottom: 28px;
  color: #00287d;
  font-size: 15px;
  transition: transform .35s ease;
}

.postgradpagecss-pgdiploma-grid a:hover b {
  transform: translateX(6px);
}


/* =========================================================
   MASTER'S
========================================================= */

.postgradpagecss-masters {
  padding: 115px 0;
  background: #00287d;
}

.postgradpagecss-masters-wrap {
  position: relative;
}

.postgradpagecss-masters-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 115px;
  gap: 40px;
  align-items: center;
  margin-bottom: 55px;
  padding-bottom: 38px;
  border-bottom: 1px solid rgba(255, 255, 255, .18);
}

.postgradpagecss-masters-title {
  display: grid;
  grid-template-columns: 120px minmax(0, 1fr);
  gap: 32px;
  align-items: center;
}

.postgradpagecss-masters-title .postgradpagecss-program-number {
  margin: 0;
  color: rgba(255, 255, 255, .13);
}

.postgradpagecss-masters .postgradpagecss-kicker {
  color: #ffc63b;
}

.postgradpagecss-masters h2 {
  margin-bottom: 17px;
  color: #fff;
}

.postgradpagecss-masters-title p {
  max-width: 720px;
  color: rgba(255, 255, 255, .76);
}

.postgradpagecss-masters-icon {
  width: 105px;
  height: 105px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffc63b;
  color: #00287d;
  font-size: 39px;
}

.postgradpagecss-masters-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border-top: 1px solid rgba(255, 255, 255, .18);
  border-left: 1px solid rgba(255, 255, 255, .18);
}

.postgradpagecss-masters-list a {
  display: grid;
  grid-template-columns: 50px minmax(0, 1fr) 44px;
  gap: 18px;
  align-items: center;
  min-height: 115px;
  padding: 20px 24px;
  border-right: 1px solid rgba(255, 255, 255, .18);
  border-bottom: 1px solid rgba(255, 255, 255, .18);
  color: #fff;
  text-decoration: none;
  transition:
    background .35s ease,
    padding .35s ease;
}

.postgradpagecss-masters-list a:hover {
  padding-left: 32px;
  color: #fff;
  background: rgba(255, 255, 255, .08);
}

.postgradpagecss-masters-list a>span {
  font-family: 'Outfit', sans-serif;
  color: #ffc63b;
  font-size: 14px;
  font-weight: 600;
}

.postgradpagecss-masters-list h3 {
  margin: 0;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
}

.postgradpagecss-masters-list a>i {
  width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, .25);
  color: #fff;
  transition:
    background .35s ease,
    color .35s ease,
    transform .35s ease;
}

.postgradpagecss-masters-list a:hover>i {
  background: #ffc63b;
  border-color: #ffc63b;
  color: #111;
  transform: translateX(5px);
}


/* =========================================================
   DOCTORAL
========================================================= */

.postgradpagecss-doctoral {
  padding: 115px 0;
  background: #242424;
}

.postgradpagecss-doctoral-layout {
  display: grid;
  grid-template-columns: minmax(320px, .78fr) minmax(0, 1.22fr);
  gap: 75px;
  align-items: start;
}

.postgradpagecss-doctoral-intro {
  position: sticky;
  top: 120px;
}

.postgradpagecss-doctoral .postgradpagecss-program-number {
  color: rgba(255, 255, 255, .12);
}

.postgradpagecss-doctoral .postgradpagecss-kicker {
  color: #ffc63b;
}

.postgradpagecss-doctoral-intro h2 {
  margin-bottom: 20px;
  color: #fff;
}

.postgradpagecss-doctoral-intro>p {
  margin-bottom: 34px;
  color: rgba(255, 255, 255, .76);
}

.postgradpagecss-doctoral-image {
  position: relative;
  height: 400px;
  padding: 0 24px 24px 0;
}

.postgradpagecss-doctoral-image::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 70%;
  height: 70%;
  background: #ffc63b;
}

.postgradpagecss-doctoral-image img {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.postgradpagecss-doctoral-image-note {
  position: absolute;
  z-index: 3;
  left: 0;
  right: 50px;
  bottom: 47px;
  padding: 20px;
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  background: #00287d;
}

.postgradpagecss-doctoral-image-note i {
  width: 46px;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffc63b;
  color: #00287d;
}

.postgradpagecss-doctoral-image-note strong {
  display: block;
  margin-bottom: 4px;
  color: #fff;
  font-size: 15px;
}

.postgradpagecss-doctoral-image-note span {
  display: block;
  font-family: "Inter", sans-serif;
  color: rgba(255, 255, 255, .72);
  font-size: 11px;
  line-height: 1.4;
}

.postgradpagecss-doctoral-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 15px;
}

.postgradpagecss-doctoral-list a {
  position: relative;
  min-height: 155px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background: rgba(255, 255, 255, .06);
  border: 1px solid rgba(255, 255, 255, .12);
  color: #fff;
  text-decoration: none;
  transition:
    transform .35s ease,
    background .35s ease,
    border-color .35s ease;
}

.postgradpagecss-doctoral-list a:hover {
  color: #fff;
  background: #00287d;
  border-color: #00287d;
  transform: translateY(-5px);
}

.postgradpagecss-doctoral-list a>span {
  position: absolute;
  top: 18px;
  right: 20px;
  font-family: 'Outfit', sans-serif;
  color: rgba(255, 255, 255, .13);
  font-size: 31px;
  font-weight: 600;
}

.postgradpagecss-doctoral-list h3 {
  margin: 0;
  padding-right: 30px;
  color: #fff;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.35;
}

.postgradpagecss-doctoral-list a>i {
  position: absolute;
  right: 22px;
  bottom: 25px;
  color: #ffc63b;
  transition: transform .35s ease;
}

.postgradpagecss-doctoral-list a:hover>i {
  transform: translateX(6px);
}


/* =========================================================
   RESEARCH STATEMENT
========================================================= */

.postgradpagecss-research {
  padding: 95px 0;
  background: #ffc63b;
}

.postgradpagecss-research-wrap {
  display: grid;
  grid-template-columns: 100px minmax(0, 1fr) minmax(330px, .8fr);
  gap: 40px;
  align-items: center;
}

.postgradpagecss-research-mark {
  width: 90px;
  height: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #00287d;
  color: #fff;
  font-size: 34px;
}

.postgradpagecss-research-copy h2 {
  margin-bottom: 16px;
  font-size: 35px;
}

.postgradpagecss-research-copy p {
  max-width: 720px;
  font-size: 16px;
}

.postgradpagecss-research-points {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.postgradpagecss-research-points>div {
  min-height: 95px;
  padding: 16px;
  background: rgba(255, 255, 255, .48);
}

.postgradpagecss-research-points span {
  display: block;
  margin-bottom: 9px;
  color: #00287d;
  font-family: 'Outfit', sans-serif;
  font-size: 12px;
  font-weight: 600;
}

.postgradpagecss-research-points strong {
  color: #111;
  font-size: 14px;
  font-weight: 600;
}


/* =========================================================
   OUTCOMES
========================================================= */

.postgradpagecss-outcomes {
  padding: 115px 0;
  background: #f7f8fc;
}

.postgradpagecss-outcomes-head {
  max-width: 780px;
  margin-bottom: 65px;
}

.postgradpagecss-outcomes-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
}

.postgradpagecss-outcome {
  position: relative;
  min-height: 340px;
  padding: 29px 26px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background: #fff;
  border: 1px solid #dfe1eb;
  overflow: hidden;
  transition:
    transform .35s ease,
    box-shadow .35s ease,
    background .35s ease;
}

.postgradpagecss-outcome:nth-child(2) {
  background: #fff7de;
}

.postgradpagecss-outcome:nth-child(3) {
  background: #00287d;
}

.postgradpagecss-outcome:nth-child(4) {
  background: #eef1ff;
}

.postgradpagecss-outcome:hover {
  transform: translateY(-8px);
  box-shadow: 0 22px 48px rgba(34, 36, 80, .1);
}

.postgradpagecss-outcome>span {
  position: absolute;
  top: 22px;
  right: 22px;
  color: rgba(55, 51, 153, .16);
  font-family: 'Outfit', sans-serif;
  font-size: 41px;
  font-weight: 600;
}

.postgradpagecss-outcome:nth-child(3)>span {
  color: rgba(255, 255, 255, .14);
}

.postgradpagecss-outcome-icon {
  position: absolute;
  top: 29px;
  left: 26px;
  width: 65px;
  height: 65px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #00287d;
  color: #fff;
  font-size: 24px;
}

.postgradpagecss-outcome:nth-child(2) .postgradpagecss-outcome-icon {
  background: #ffc63b;
  color: #111;
}

.postgradpagecss-outcome:nth-child(3) .postgradpagecss-outcome-icon {
  background: #ffc63b;
  color: #00287d;
}

.postgradpagecss-outcome h3 {
  margin: 0 0 13px;
  color: #111;
  font-size: 22px;
  font-weight: 600;
}

.postgradpagecss-outcome p {
  font-size: 15px;
}

.postgradpagecss-outcome:nth-child(3) h3 {
  color: #fff;
}

.postgradpagecss-outcome:nth-child(3) p {
  color: rgba(255, 255, 255, .76);
}


/* =========================================================
   LAPTOP
========================================================= */

@media(max-width:1199px) {

  .postgradpagecss-intro,
  .postgradpagecss-level-overview,
  .postgradpagecss-pgdiploma,
  .postgradpagecss-masters,
  .postgradpagecss-doctoral,
  .postgradpagecss-outcomes {
    padding: 90px 0;
  }

  .postgradpagecss-intro-layout,
  .postgradpagecss-program-layout,
  .postgradpagecss-doctoral-layout {
    gap: 55px;
  }

  .postgradpagecss-intro-copy h2 {
    font-size: 46px;
  }

  .postgradpagecss-outcomes-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .postgradpagecss-research-wrap {
    grid-template-columns: 90px minmax(0, 1fr);
  }

  .postgradpagecss-research-points {
    grid-column: 2;
  }
}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:991px) {

  .postgradpagecss-intro::before {
    display: none;
  }

  .postgradpagecss-intro-layout,
  .postgradpagecss-level-overview-head,
  .postgradpagecss-program-layout,
  .postgradpagecss-doctoral-layout {
    grid-template-columns: 1fr;
  }

  .postgradpagecss-intro-visual,
  .postgradpagecss-doctoral-intro {
    width: 100%;
    max-width: 720px;
    margin: 0 auto;
  }

  .postgradpagecss-level-overview-head {
    gap: 22px;
  }

  .postgradpagecss-program-heading,
  .postgradpagecss-doctoral-intro {
    position: relative;
    top: auto;
  }

  .postgradpagecss-masters-title {
    grid-template-columns: 100px minmax(0, 1fr);
  }
}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:767px) {

  .postgradpagecss h2 {
    font-size: 32px;
  }

  .postgradpagecss p {
    font-size: 16px;
  }

  .postgradpagecss-intro,
  .postgradpagecss-level-overview,
  .postgradpagecss-pgdiploma,
  .postgradpagecss-masters,
  .postgradpagecss-doctoral,
  .postgradpagecss-outcomes {
    padding: 70px 0;
  }

  .postgradpagecss-intro-copy h2 {
    font-size: 38px;
  }

  .postgradpagecss-intro-visual {
    min-height: 520px;
    padding: 0 0 35px 25px;
  }

  .postgradpagecss-intro-image {
    height: 450px;
  }

  .postgradpagecss-intro-levels {
    top: 20px;
  }

  .postgradpagecss-intro-levels>div {
    width: 165px;
  }

  .postgradpagecss-intro-badge {
    right: 0;
    width: 275px;
  }

  .postgradpagecss-level-strip {
    grid-template-columns: 1fr;
  }

  .postgradpagecss-level-strip a {
    min-height: 245px;
    border-right: 1px solid #dfe1eb;
    border-bottom: 0;
  }

  .postgradpagecss-level-strip a:last-child {
    border-bottom: 1px solid #dfe1eb;
  }

  .postgradpagecss-pgdiploma-grid {
    grid-template-columns: 1fr;
  }

  .postgradpagecss-masters-head {
    grid-template-columns: 1fr;
  }

  .postgradpagecss-masters-title {
    grid-template-columns: 75px minmax(0, 1fr);
  }

  .postgradpagecss-masters-icon {
    display: none;
  }

  .postgradpagecss-masters-list {
    grid-template-columns: 1fr;
  }

  .postgradpagecss-doctoral-list {
    grid-template-columns: 1fr;
  }

  .postgradpagecss-research-wrap {
    grid-template-columns: 1fr;
  }

  .postgradpagecss-research-points {
    grid-column: auto;
  }
}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media(max-width:480px) {

  .postgradpagecss-intro-copy h2 {
    font-size: 32px;
  }

  .postgradpagecss-btn {
    width: 100%;
  }

  .postgradpagecss-intro-visual {
    min-height: auto;
    padding: 0;
  }

  .postgradpagecss-intro-visual::before {
    display: none;
  }

  .postgradpagecss-intro-image {
    height: 350px;
  }

  .postgradpagecss-intro-levels {
    position: relative;
    top: auto;
    left: auto;
    margin-top: 12px;
  }

  .postgradpagecss-intro-levels>div {
    width: 100%;
  }

  .postgradpagecss-intro-badge {
    position: relative;
    right: auto;
    bottom: auto;
    width: 100%;
    margin-top: 12px;
  }

  .postgradpagecss-program-number {
    font-size: 72px;
  }

  .postgradpagecss-pgdiploma-grid a {
    min-height: 180px;
  }

  .postgradpagecss-masters-title {
    grid-template-columns: 1fr;
  }

  .postgradpagecss-masters-list a {
    grid-template-columns: 38px minmax(0, 1fr);
  }

  .postgradpagecss-masters-list a>i {
    display: none;
  }

  .postgradpagecss-doctoral-image {
    height: auto;
    padding: 0;
  }

  .postgradpagecss-doctoral-image::before {
    display: none;
  }

  .postgradpagecss-doctoral-image img {
    height: 330px;
  }

  .postgradpagecss-doctoral-image-note {
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
  }

  .postgradpagecss-research-points,
  .postgradpagecss-outcomes-grid {
    grid-template-columns: 1fr;
  }

  .postgradpagecss-outcome {
    min-height: 285px;
  }
}


/* =========================================================
   DIPLOMA & CERTIFICATE � COMMON
========================================================= */

.diplomacertcss {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.diplomacertcss,
.diplomacertcss * {
  box-sizing: border-box;
}

.diplomacertcss h2 {
  margin: 0;
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 42px;
  font-weight: 600;
  line-height: 1.2;
}

.diplomacertcss h2 strong {
  color: #00287d;
  font-weight: 600;
}

.diplomacertcss h3,
.diplomacertcss h4,
.diplomacertcss strong {
  font-family: 'Outfit', sans-serif;
}

.diplomacertcss p {
  margin: 0;
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6em;
}

.diplomacertcss-kicker {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 18px;
  font-family: "Inter", sans-serif;
  color: #00287d;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.diplomacertcss-kicker i {
  color: #ffc63b;
}

.diplomacertcss-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  min-height: 57px;
  padding: 16px 25px;
  background: #00287d;
  color: #fff;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  transition:
    transform .35s ease,
    background .35s ease;
}

.diplomacertcss-btn:hover {
  color: #fff;
  background: #292675;
  transform: translateY(-3px);
}


/* =========================================================
   INTRO
========================================================= */

.diplomacertcss-intro {
  padding: 120px 0;
  background: #f7f8fc;
}

.diplomacertcss-intro::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 37%;
  height: 100%;
  background: #fff;
}

.diplomacertcss-intro-layout {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr);
  gap: 90px;
  align-items: center;
}

.diplomacertcss-intro-visual {
  position: relative;
  min-height: 625px;
  padding: 0 95px 80px 0;
}

.diplomacertcss-intro-main {
  position: relative;
  z-index: 2;
  height: 545px;
  overflow: hidden;
}

.diplomacertcss-intro-main img,
.diplomacertcss-intro-secondary img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform .55s ease;
}

.diplomacertcss-intro-visual:hover .diplomacertcss-intro-main img {
  transform: scale(1.04);
}

.diplomacertcss-intro-secondary {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 4;
  width: 245px;
  height: 220px;
  padding: 10px;
  background: #fff;
  box-shadow: 0 22px 50px rgba(34, 36, 80, .15);
}

.diplomacertcss-intro-badge {
  position: absolute;
  z-index: 5;
  left: -25px;
  bottom: 30px;
  width: 290px;
  padding: 23px;
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  gap: 16px;
  align-items: center;
  background: #00287d;
  color: #fff;
}

.diplomacertcss-intro-badge>i {
  width: 52px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffc63b;
  color: #00287d;
  font-size: 21px;
}

.diplomacertcss-intro-badge strong {
  display: block;
  margin-bottom: 5px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
}

.diplomacertcss-intro-badge span {
  display: block;
  font-family: "Inter", sans-serif;
  color: rgba(255, 255, 255, .75);
  font-size: 12px;
  line-height: 1.45;
}

.diplomacertcss-intro-shape {
  position: absolute;
  z-index: 3;
  top: 25px;
  right: 20px;
  width: 130px;
  height: 130px;
  padding: 22px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #ffc63b;
  transform: rotate(5deg);
}

.diplomacertcss-intro-shape span {
  display: block;
  margin-bottom: 5px;
  color: #00287d;
  font-family: "Inter", sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
}


.diplomacertcss-intro-shape strong {
  color: #111;
  font-size: 20px;
  line-height: 1.15;
}

.diplomacertcss-intro-copy h2 {
  margin-bottom: 24px;
  font-size: 50px;
  letter-spacing: -1.3px;
}

.diplomacertcss-intro-copy>p {
  margin-bottom: 30px;
}

.diplomacertcss-intro-checks {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 13px;
  margin-bottom: 35px;
}

.diplomacertcss-intro-checks>div {
  min-height: 75px;
  padding: 14px;
  display: flex;
  align-items: center;
  gap: 12px;
  background: #fff;
  border: 1px solid #dfe1eb;
}

.diplomacertcss-intro-checks i {
  flex: 0 0 29px;
  width: 29px;
  height: 29px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #dfe5ff;
  color: #00287d;
  font-size: 11px;
}

.diplomacertcss-intro-checks span {
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 13px;
  line-height: 1.45;
}


/* =========================================================
   BENEFITS
========================================================= */

.diplomacertcss-benefits {
  background: #242424;
}

.diplomacertcss-benefit-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.diplomacertcss-benefit {
  position: relative;
  min-height: 225px;
  padding: 28px 24px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  border-right: 1px solid rgba(255, 255, 255, .14);
  transition:
    background .35s ease,
    transform .35s ease;
}

.diplomacertcss-benefit:last-child {
  border-right: 0;
}

.diplomacertcss-benefit:hover {
  z-index: 2;
  background: #00287d;
  transform: translateY(-6px);
}

.diplomacertcss-benefit:nth-child(2):hover {
  background: #ffc63b;
}

.diplomacertcss-benefit>span {
  position: absolute;
  top: 20px;
  right: 20px;
  color: rgba(255, 255, 255, .12);
  font-family: 'Outfit', sans-serif;
  font-size: 39px;
  font-weight: 600;
}

.diplomacertcss-benefit>i {
  position: absolute;
  top: 28px;
  left: 24px;
  color: #ffc63b;
  font-size: 28px;
}

.diplomacertcss-benefit strong {
  display: block;
  margin-bottom: 8px;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
}

.diplomacertcss-benefit p {
  color: rgba(255, 255, 255, .7);
  font-size: 13px;
}

.diplomacertcss-benefit:nth-child(2):hover>i,
.diplomacertcss-benefit:nth-child(2):hover strong,
.diplomacertcss-benefit:nth-child(2):hover p {
  color: #111;
}


/* =========================================================
   JOURNEY
========================================================= */

.diplomacertcss-journey {
  padding: 115px 0;
  background: #fff;
}

.diplomacertcss-journey-layout {
  display: grid;
  grid-template-columns: minmax(300px, .68fr) minmax(0, 1.32fr);
  gap: 80px;
  align-items: start;
}

.diplomacertcss-journey-heading {
  position: sticky;
  top: 120px;
}

.diplomacertcss-journey-heading h2 {
  margin-bottom: 22px;
}

.diplomacertcss-journey-heading>p {
  margin-bottom: 38px;
}

.diplomacertcss-journey-icon {
  width: 120px;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffc63b;
  color: #00287d;
  font-size: 43px;
  transform: rotate(-5deg);
}

.diplomacertcss-journey-steps {
  border-top: 1px solid #dfe1eb;
}

.diplomacertcss-step {
  display: grid;
  grid-template-columns: 70px 72px minmax(0, 1fr);
  gap: 24px;
  align-items: center;
  min-height: 155px;
  padding: 25px 0;
  border-bottom: 1px solid #dfe1eb;
  transition:
    padding .35s ease,
    background .35s ease;
}

.diplomacertcss-step:hover {
  padding-left: 20px;
  padding-right: 20px;
  background: #f7f8fc;
}

.diplomacertcss-step-number {
  color: rgba(55, 51, 153, .35);
  font-family: 'Outfit', sans-serif;
  font-size: 20px;
  font-weight: 600;
}

.diplomacertcss-step-icon {
  width: 66px;
  height: 66px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #dfe5ff;
  color: #00287d;
  font-size: 23px;
}

.diplomacertcss-step:nth-child(even) .diplomacertcss-step-icon {
  background: #ffc63b;
  color: #111;
}

.diplomacertcss-step h3 {
  margin: 0 0 8px;
  color: #111;
  font-size: 22px;
  font-weight: 600;
}

.diplomacertcss-step p {
  font-size: 15px;
}


/* =========================================================
   Programmes
========================================================= */

.diplomacertcss-Programmes {
  padding: 115px 0;
  background: #f7f8fc;
}

.diplomacertcss-Programmes-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, .72fr);
  gap: 75px;
  align-items: end;
  margin-bottom: 65px;
}

.diplomacertcss-Programmes-head p {
  max-width: 530px;
}

.diplomacertcss-program-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-auto-rows: minmax(295px, auto);
  gap: 20px;
}

.diplomacertcss-program {
  position: relative;
  min-width: 0;
  padding: 29px 26px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: #fff;
  border: 1px solid #dfe1eb;
  color: inherit;
  text-decoration: none;
  overflow: hidden;
  transition:
    transform .35s ease,
    box-shadow .35s ease,
    background .35s ease;
}

.diplomacertcss-program:hover {
  color: inherit;
  transform: translateY(-8px);
  box-shadow: 0 22px 48px rgba(34, 36, 80, .1);
}

.diplomacertcss-program-featured {
  grid-row: span 2;
  background: #00287d;
}

.diplomacertcss-program-wide {
  grid-column: span 2;
  background: #ffc63b;
}

.diplomacertcss-program-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.diplomacertcss-program-top span {
  color: rgba(55, 51, 153, .45);
  font-family: "Inter", sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 1.3px;
  text-transform: uppercase;
}

.diplomacertcss-program-featured .diplomacertcss-program-top span {
  color: rgba(255, 255, 255, .45);
}

.diplomacertcss-program-top>i {
  width: 66px;
  height: 66px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #dfe5ff;
  color: #00287d;
  font-size: 24px;
}

.diplomacertcss-program-featured .diplomacertcss-program-top>i {
  background: #ffc63b;
  color: #111;
}

.diplomacertcss-program-wide .diplomacertcss-program-top>i {
  background: #00287d;
  color: #fff;
}

.diplomacertcss-program-content h3 {
  margin: 0 0 13px;
  color: #111;
  font-size: 23px;
  font-weight: 600;
}

.diplomacertcss-program-content p {
  margin-bottom: 25px;
  font-size: 15px;
}

.diplomacertcss-program-featured h3 {
  color: #fff;
  font-size: 28px;
}

.diplomacertcss-program-featured p {
  color: rgba(255, 255, 255, .76);
}

.diplomacertcss-program-arrow {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #cfd2e1;
  color: #00287d;
  transition:
    transform .35s ease,
    background .35s ease,
    color .35s ease;
}

.diplomacertcss-program-featured .diplomacertcss-program-arrow {
  border-color: rgba(255, 255, 255, .25);
  color: #fff;
}

.diplomacertcss-program:hover .diplomacertcss-program-arrow {
  background: #00287d;
  color: #fff;
  transform: translateX(6px);
}

.diplomacertcss-program-featured:hover .diplomacertcss-program-arrow {
  background: #ffc63b;
  color: #111;
}


/* =========================================================
   FLEXIBLE STUDY
========================================================= */

.diplomacertcss-flexible {
  padding: 115px 0;
  background: #242424;
}

.diplomacertcss-flexible-layout {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  gap: 85px;
  align-items: center;
}

.diplomacertcss-flexible .diplomacertcss-kicker {
  color: #ffc63b;
}

.diplomacertcss-flexible-content h2 {
  margin-bottom: 23px;
  color: #fff;
}

.diplomacertcss-flexible-content>p {
  margin-bottom: 34px;
  color: rgba(255, 255, 255, .78);
}

.diplomacertcss-flexible-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.diplomacertcss-flexible-list>div {
  position: relative;
  min-height: 140px;
  padding: 22px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background: rgba(255, 255, 255, .06);
  border: 1px solid rgba(255, 255, 255, .11);
}

.diplomacertcss-flexible-list span {
  position: absolute;
  top: 17px;
  right: 18px;
  color: rgba(255, 255, 255, .14);
  font-family: 'Outfit', sans-serif;
  font-size: 31px;
  font-weight: 600;
}

.diplomacertcss-flexible-list i {
  margin-bottom: 17px;
  color: #ffc63b;
  font-size: 22px;
}

.diplomacertcss-flexible-list strong {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
}

.diplomacertcss-flexible-visual {
  position: relative;
  min-height: 610px;
  padding: 0 0 45px 45px;
}

.diplomacertcss-flexible-visual::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 72%;
  height: 72%;
  background: #ffc63b;
}

.diplomacertcss-flexible-image {
  position: relative;
  z-index: 1;
  height: 540px;
  overflow: hidden;
}

.diplomacertcss-flexible-image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform .55s ease;
}

.diplomacertcss-flexible-visual:hover img {
  transform: scale(1.04);
}

.diplomacertcss-flexible-card {
  position: absolute;
  z-index: 3;
  left: 0;
  bottom: 20px;
  width: 305px;
  padding: 23px;
  display: grid;
  grid-template-columns: 50px minmax(0, 1fr);
  gap: 15px;
  align-items: center;
  background: #00287d;
}

.diplomacertcss-flexible-card>i {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffc63b;
  color: #00287d;
  font-size: 20px;
}

.diplomacertcss-flexible-card strong {
  display: block;
  margin-bottom: 5px;
  color: #fff;
  font-size: 16px;
}

.diplomacertcss-flexible-card span {
  display: block;
  font-family: "Inter", sans-serif;
  color: rgba(255, 255, 255, .73);
  font-size: 12px;
  line-height: 1.4;
}

.diplomacertcss-flexible-label {
  position: absolute;
  z-index: 4;
  top: 30px;
  right: -20px;
  width: 135px;
  min-height: 135px;
  padding: 21px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #fff;
}

.diplomacertcss-flexible-label span {
  margin-bottom: 5px;
  color: #00287d;
  font-family: "Inter", sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.diplomacertcss-flexible-label strong {
  color: #111;
  font-size: 17px;
  line-height: 1.25;
}


/* =========================================================
   CLOSING
========================================================= */

.diplomacertcss-closing {
  padding: 85px 0;
  background: #00287d;
}

.diplomacertcss-closing-wrap {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 60px;
  align-items: center;
}

.diplomacertcss-closing-wrap>div>span {
  display: block;
  margin-bottom: 13px;
  color: #ffc63b;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1.7px;
  text-transform: uppercase;
}

.diplomacertcss-closing h2 {
  max-width: 800px;
  color: #fff;
  font-size: 35px;
}

.diplomacertcss-closing a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  min-height: 57px;
  padding: 16px 23px;
  background: #ffc63b;
  color: #111;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
  transition:
    background .35s ease,
    transform .35s ease;
}

.diplomacertcss-closing a:hover {
  background: #fff;
  color: #00287d;
  transform: translateY(-3px);
}


/* =========================================================
   LAPTOP
========================================================= */

@media(max-width:1199px) {

  .diplomacertcss-intro,
  .diplomacertcss-journey,
  .diplomacertcss-Programmes,
  .diplomacertcss-flexible {
    padding: 90px 0;
  }

  .diplomacertcss-intro-layout,
  .diplomacertcss-journey-layout,
  .diplomacertcss-flexible-layout {
    gap: 55px;
  }

  .diplomacertcss-intro-copy h2 {
    font-size: 44px;
  }

  .diplomacertcss-program-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .diplomacertcss-program-featured {
    grid-row: span 1;
  }

  .diplomacertcss-program-wide {
    grid-column: span 1;
  }
}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:991px) {

  .diplomacertcss-intro::before {
    display: none;
  }

  .diplomacertcss-intro-layout,
  .diplomacertcss-journey-layout,
  .diplomacertcss-Programmes-head,
  .diplomacertcss-flexible-layout {
    grid-template-columns: 1fr;
  }

  .diplomacertcss-intro-visual,
  .diplomacertcss-flexible-visual {
    width: 100%;
    max-width: 720px;
    margin: 0 auto;
  }

  .diplomacertcss-benefit-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .diplomacertcss-benefit:nth-child(2) {
    border-right: 0;
  }

  .diplomacertcss-journey-heading {
    position: relative;
    top: auto;
  }

  .diplomacertcss-Programmes-head {
    gap: 23px;
  }

  .diplomacertcss-closing-wrap {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .diplomacertcss-closing a {
    justify-self: start;
  }
}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:767px) {

  .diplomacertcss h2 {
    font-size: 32px;
  }

  .diplomacertcss p {
    font-size: 16px;
  }

  .diplomacertcss-intro,
  .diplomacertcss-journey,
  .diplomacertcss-Programmes,
  .diplomacertcss-flexible {
    padding: 70px 0;
  }

  .diplomacertcss-intro-copy h2 {
    font-size: 37px;
  }

  .diplomacertcss-intro-visual {
    min-height: 510px;
    padding: 0 60px 55px 0;
  }

  .diplomacertcss-intro-main {
    height: 440px;
  }

  .diplomacertcss-intro-secondary {
    width: 190px;
    height: 165px;
  }

  .diplomacertcss-intro-badge {
    left: 0;
    width: 260px;
  }

  .diplomacertcss-intro-shape {
    width: 105px;
    height: 105px;
    right: 0;
  }

  .diplomacertcss-intro-checks {
    grid-template-columns: 1fr;
  }

  .diplomacertcss-benefit {
    min-height: 200px;
  }

  .diplomacertcss-step {
    grid-template-columns: 50px 60px minmax(0, 1fr);
    gap: 15px;
  }

  .diplomacertcss-step-icon {
    width: 56px;
    height: 56px;
  }

  .diplomacertcss-program-grid {
    grid-template-columns: 1fr;
  }

  .diplomacertcss-program {
    min-height: 280px;
  }

  .diplomacertcss-flexible-list {
    grid-template-columns: 1fr;
  }

  .diplomacertcss-flexible-visual {
    min-height: 510px;
  }

  .diplomacertcss-flexible-image {
    height: 440px;
  }

  .diplomacertcss-flexible-label {
    right: 0;
  }
}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media(max-width:480px) {

  .diplomacertcss-intro-copy h2 {
    font-size: 32px;
  }

  .diplomacertcss-btn {
    width: 100%;
  }

  .diplomacertcss-intro-visual {
    min-height: auto;
    padding: 0;
  }

  .diplomacertcss-intro-main {
    height: 350px;
  }

  .diplomacertcss-intro-secondary {
    position: relative;
    right: auto;
    bottom: auto;
    width: 100%;
    height: 210px;
    margin-top: 12px;
    padding: 0;
    box-shadow: none;
  }

  .diplomacertcss-intro-badge {
    position: relative;
    left: auto;
    bottom: auto;
    width: 100%;
    margin-top: 12px;
  }

  .diplomacertcss-intro-shape {
    display: none;
  }

  .diplomacertcss-benefit-grid {
    grid-template-columns: 1fr;
  }

  .diplomacertcss-benefit {
    border-right: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .14);
  }

  .diplomacertcss-step {
    grid-template-columns: 45px minmax(0, 1fr);
  }

  .diplomacertcss-step-icon {
    display: none;
  }

  .diplomacertcss-journey-icon {
    width: 100px;
    height: 100px;
  }

  .diplomacertcss-program {
    min-height: 260px;
  }

  .diplomacertcss-flexible-visual {
    min-height: auto;
    padding: 0;
  }

  .diplomacertcss-flexible-visual::before {
    display: none;
  }

  .diplomacertcss-flexible-image {
    height: 350px;
  }

  .diplomacertcss-flexible-card {
    position: relative;
    left: auto;
    bottom: auto;
    width: 100%;
  }

  .diplomacertcss-flexible-label {
    position: relative;
    top: auto;
    right: auto;
    width: 100%;
    min-height: auto;
  }

  .diplomacertcss-closing h2 {
    font-size: 29px;
  }

  .diplomacertcss-closing a {
    width: 100%;
  }
}

/* =========================================================
   ONLINE Programmes � COMMON
========================================================= */

.onlineprogramcss {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.onlineprogramcss,
.onlineprogramcss * {
  box-sizing: border-box;
}

.onlineprogramcss h2 {
  margin: 0;
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 42px;
  font-weight: 600;
  line-height: 1.2;
}

.onlineprogramcss h2 strong {
  color: #00287d;
  font-weight: 600;
}

.onlineprogramcss h3,
.onlineprogramcss h4,
.onlineprogramcss strong {
  font-family: 'Outfit', sans-serif;
}

.onlineprogramcss p {
  margin: 0;
  color: #000;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
}

.onlineprogramcss-kicker {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 18px;
  color: #00287d;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.onlineprogramcss-kicker i {
  color: #ffc63b;
}

.onlineprogramcss-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  min-height: 57px;
  padding: 16px 25px;
  background: #00287d;
  color: #fff;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  transition:
    background .35s ease,
    transform .35s ease;
}

.onlineprogramcss-btn:hover {
  background: #292675;
  color: #fff;
  transform: translateY(-3px);
}


/* =========================================================
   INTRO
========================================================= */

.onlineprogramcss-intro {
  padding: 120px 0 145px;
  background: #f7f8fc;
}

.onlineprogramcss-intro::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 43%;
  height: 100%;
  background: #00287d;
}

.onlineprogramcss-intro-grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr);
  gap: 85px;
  align-items: center;
}

.onlineprogramcss-intro-content h2 {
  margin-bottom: 25px;
  font-size: 52px;
  letter-spacing: -1.4px;
}

.onlineprogramcss-intro-content>p {
  max-width: 590px;
  margin-bottom: 35px;
}

.onlineprogramcss-intro-features {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 32px;
}

.onlineprogramcss-intro-features>div {
  padding: 11px 14px;
  display: flex;
  align-items: center;
  gap: 8px;
  background: #fff;
  border: 1px solid #dfe1eb;
}

.onlineprogramcss-intro-features i {
  color: #00287d;
  font-size: 13px;
}

.onlineprogramcss-intro-features span {
  color: #000;
  font-family: "Inter", sans-serif;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
}


/* Laptop-style visual */

.onlineprogramcss-device-stage {
  position: relative;
  min-height: 570px;
  padding: 30px 25px 90px 45px;
}

.onlineprogramcss-device-screen {
  position: relative;
  z-index: 2;
  padding: 12px;
  background: #1e1e27;
  border: 8px solid #17171e;
  border-radius: 18px 18px 8px 8px;
  box-shadow: 0 35px 70px rgba(0, 0, 0, .28);
}

.onlineprogramcss-device-bar {
  height: 42px;
  padding: 0 14px;
  display: flex;
  align-items: center;
  gap: 7px;
  background: #292933;
}

.onlineprogramcss-device-bar>span {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .35);
}

.onlineprogramcss-device-bar strong {
  margin-left: auto;
  color: rgba(255, 255, 255, .65);
  font-size: 11px;
  font-weight: 600;
}

.onlineprogramcss-device-image {
  height: 405px;
  overflow: hidden;
}

.onlineprogramcss-device-image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform .6s ease;
}

.onlineprogramcss-device-stage:hover .onlineprogramcss-device-image img {
  transform: scale(1.04);
}

.onlineprogramcss-device-base {
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 67px;
  left: 15px;
  height: 33px;
  background: #d6d7df;
  border-radius: 3px 3px 18px 18px;
  box-shadow: 0 18px 28px rgba(0, 0, 0, .2);
}

.onlineprogramcss-device-base::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 95px;
  height: 8px;
  background: #b8bac5;
  border-radius: 0 0 8px 8px;
  transform: translateX(-50%);
}

.onlineprogramcss-device-card {
  position: absolute;
  z-index: 4;
  left: 0;
  bottom: 0;
  width: 315px;
  padding: 23px;
  display: grid;
  grid-template-columns: 55px minmax(0, 1fr);
  gap: 15px;
  align-items: center;
  background: #ffc63b;
  box-shadow: 0 22px 45px rgba(0, 0, 0, .18);
}

.onlineprogramcss-device-card>i {
  width: 55px;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #00287d;
  color: #fff;
  font-size: 21px;
}

.onlineprogramcss-device-card strong {
  display: block;
  margin-bottom: 5px;
  color: #111;
  font-size: 16px;
  font-weight: 600;
}

.onlineprogramcss-device-card span {
  display: block;
  color: #000;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  line-height: 1.45;
}

.onlineprogramcss-live-card {
  position: absolute;
  z-index: 4;
  top: 0;
  right: 0;
  width: 195px;
  padding: 17px;
  display: flex;
  align-items: center;
  gap: 12px;
  background: #fff;
  box-shadow: 0 18px 40px rgba(0, 0, 0, .16);
}

.onlineprogramcss-live-dot {
  flex: 0 0 13px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #31b66b;
  box-shadow: 0 0 0 6px rgba(49, 182, 107, .14);
}

.onlineprogramcss-live-card strong {
  display: block;
  margin-bottom: 3px;
  color: #111;
  font-size: 13px;
  font-weight: 600;
}

.onlineprogramcss-live-card small {
  display: block;
  color: #707078;
  font-family: "Inter", sans-serif;
  font-size: 10px;
}


/* =========================================================
   HIGHLIGHTS
========================================================= */

.onlineprogramcss-highlights {
  position: relative;
  z-index: 4;
  margin-top: -60px;
}

.onlineprogramcss-highlight-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  background: #242424;
}

.onlineprogramcss-highlight {
  position: relative;
  min-height: 205px;
  padding: 28px 24px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  border-right: 1px solid rgba(255, 255, 255, .14);
  transition:
    background .35s ease,
    transform .35s ease;
}

.onlineprogramcss-highlight:last-child {
  border-right: 0;
}

.onlineprogramcss-highlight:hover {
  z-index: 2;
  background: #00287d;
  transform: translateY(-7px);
}

.onlineprogramcss-highlight:nth-child(2):hover,
.onlineprogramcss-highlight:nth-child(4):hover {
  background: #ffc63b;
}

.onlineprogramcss-highlight>span {
  position: absolute;
  top: 19px;
  right: 20px;
  color: rgba(255, 255, 255, .13);
  font-family: 'Outfit', sans-serif;
  font-size: 38px;
  font-weight: 600;
}

.onlineprogramcss-highlight>i {
  position: absolute;
  top: 27px;
  left: 24px;
  color: #ffc63b;
  font-size: 27px;
}

.onlineprogramcss-highlight h3 {
  margin: 0 0 8px;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
}

.onlineprogramcss-highlight p {
  color: rgba(255, 255, 255, .7);
  font-size: 13px;
}

.onlineprogramcss-highlight:nth-child(2):hover>i,
.onlineprogramcss-highlight:nth-child(2):hover h3,
.onlineprogramcss-highlight:nth-child(2):hover p,
.onlineprogramcss-highlight:nth-child(4):hover>i,
.onlineprogramcss-highlight:nth-child(4):hover h3,
.onlineprogramcss-highlight:nth-child(4):hover p {
  color: #111;
}


/* =========================================================
   WORKFLOW
========================================================= */

.onlineprogramcss-workflow {
  padding: 120px 0;
  background: #fff;
}

.onlineprogramcss-section-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, .72fr);
  gap: 75px;
  align-items: end;
  margin-bottom: 75px;
}

.onlineprogramcss-section-head p {
  max-width: 520px;
}

.onlineprogramcss-workflow-track {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 28px;
  padding-top: 38px;
}

.onlineprogramcss-workflow-line {
  position: absolute;
  top: 72px;
  right: 7%;
  left: 7%;
  height: 2px;
  background: #d9dce8;
}

.onlineprogramcss-step {
  position: relative;
  z-index: 2;
}

.onlineprogramcss-step-marker {
  width: 70px;
  height: 70px;
  margin: 0 auto -35px;
  padding: 9px;
  background: #fff;
  border: 1px solid #d9dce8;
  border-radius: 50%;
}

.onlineprogramcss-step-marker span {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #00287d;
  border-radius: 50%;
  color: #fff;
  font-family: 'Outfit', sans-serif;
  font-size: 14px;
  font-weight: 600;
}

.onlineprogramcss-step:nth-child(2) .onlineprogramcss-step-marker span,
.onlineprogramcss-step:nth-child(4) .onlineprogramcss-step-marker span {
  background: #ffc63b;
  color: #111;
}

.onlineprogramcss-step-card {
  min-height: 315px;
  padding: 68px 26px 28px;
  text-align: center;
  background: #f7f8fc;
  border: 1px solid #dfe1eb;
  transition:
    transform .35s ease,
    box-shadow .35s ease;
}

.onlineprogramcss-step-card:hover {
  transform: translateY(-7px);
  box-shadow: 0 22px 45px rgba(34, 36, 80, .1);
}

.onlineprogramcss-step-card>i {
  margin-bottom: 18px;
  color: #00287d;
  font-size: 30px;
}

.onlineprogramcss-step-card b {
  display: block;
  margin-bottom: 10px;
  color: #00287d;
  font-family: "Inter", sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 1.4px;
  text-transform: uppercase;
}

.onlineprogramcss-step-card h3 {
  margin: 0 0 12px;
  color: #111;
  font-size: 21px;
  font-weight: 600;
}

.onlineprogramcss-step-card p {
  font-size: 14px;
}


/* =========================================================
   DIRECTORY
========================================================= */

.onlineprogramcss-directory {
  padding: 120px 0;
  background: #f7f8fc;
}

.onlineprogramcss-directory-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, .62fr);
  gap: 70px;
  align-items: end;
  margin-bottom: 65px;
}

.onlineprogramcss-directory-note {
  padding: 22px;
  display: grid;
  grid-template-columns: 55px minmax(0, 1fr);
  gap: 15px;
  align-items: center;
  background: #00287d;
}

.onlineprogramcss-directory-note>i {
  width: 55px;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffc63b;
  color: #00287d;
  font-size: 22px;
}

.onlineprogramcss-directory-note strong {
  display: block;
  margin-bottom: 4px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
}

.onlineprogramcss-directory-note span {
  display: block;
  color: rgba(255, 255, 255, .74);
  font-family: "Inter", sans-serif;
  font-size: 12px;
  line-height: 1.45;
}

.onlineprogramcss-directory-layout {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}

.onlineprogramcss-category {
  background: #fff;
  border: 1px solid #dfe1eb;
}

.onlineprogramcss-category-head {
  position: relative;
  min-height: 185px;
  padding: 28px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  overflow: hidden;
  background: #eef1ff;
}

.onlineprogramcss-category-pg .onlineprogramcss-category-head {
  background: #00287d;
}

.onlineprogramcss-category-master .onlineprogramcss-category-head {
  background: #ffc63b;
}

.onlineprogramcss-category-phd .onlineprogramcss-category-head {
  background: #242424;
}

.onlineprogramcss-category-head>span {
  position: absolute;
  top: 22px;
  right: 24px;
  color: rgba(55, 51, 153, .35);
  font-family: "Inter", sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 1.4px;
  text-transform: uppercase;
}

.onlineprogramcss-category-pg .onlineprogramcss-category-head>span,
.onlineprogramcss-category-phd .onlineprogramcss-category-head>span {
  color: rgba(255, 255, 255, .38);
}

.onlineprogramcss-category-icon {
  position: absolute;
  top: 25px;
  left: 28px;
  width: 62px;
  height: 62px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #00287d;
  color: #fff;
  font-size: 23px;
}

.onlineprogramcss-category-pg .onlineprogramcss-category-icon,
.onlineprogramcss-category-phd .onlineprogramcss-category-icon {
  background: #ffc63b;
  color: #00287d;
}

.onlineprogramcss-category-master .onlineprogramcss-category-icon {
  background: #00287d;
  color: #fff;
}

.onlineprogramcss-category-head h3 {
  margin: 0;
  color: #111;
  font-size: 28px;
  font-weight: 600;
}

.onlineprogramcss-category-pg .onlineprogramcss-category-head h3,
.onlineprogramcss-category-phd .onlineprogramcss-category-head h3 {
  color: #fff;
}

.onlineprogramcss-category-links {
  padding: 10px 27px 25px;
}

.onlineprogramcss-category-links a {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 40px;
  gap: 15px;
  align-items: center;
  min-height: 70px;
  border-bottom: 1px solid #e1e3ec;
  color: inherit;
  text-decoration: none;
  transition:
    padding .35s ease,
    background .35s ease;
}

.onlineprogramcss-category-links a:hover {
  padding-left: 13px;
  padding-right: 13px;
  background: #f7f8fc;
  color: inherit;
}

.onlineprogramcss-category-links a>span {
  color: #000;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
}

.onlineprogramcss-category-links a>i {
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #d1d4e1;
  color: #00287d;
  transition:
    background .35s ease,
    color .35s ease,
    transform .35s ease;
}

.onlineprogramcss-category-links a:hover>i {
  background: #00287d;
  color: #fff;
  transform: translateX(4px);
}


/* =========================================================
   SUPPORT
========================================================= */

.onlineprogramcss-support {
  padding: 120px 0;
  background: #242424;
}

.onlineprogramcss-support-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr);
  gap: 85px;
  align-items: center;
}

.onlineprogramcss-support-visual {
  position: relative;
  min-height: 620px;
  padding: 0 55px 55px 0;
}

.onlineprogramcss-support-visual::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 73%;
  height: 72%;
  background: #ffc63b;
}

.onlineprogramcss-support-image {
  position: relative;
  z-index: 1;
  height: 545px;
  overflow: hidden;
}

.onlineprogramcss-support-image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform .55s ease;
}

.onlineprogramcss-support-visual:hover img {
  transform: scale(1.04);
}

.onlineprogramcss-support-panel {
  position: absolute;
  z-index: 3;
  left: -20px;
  bottom: 25px;
  width: 305px;
  padding: 23px;
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  gap: 15px;
  align-items: center;
  background: #00287d;
}

.onlineprogramcss-support-panel>i {
  width: 52px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffc63b;
  color: #00287d;
  font-size: 21px;
}

.onlineprogramcss-support-panel strong {
  display: block;
  margin-bottom: 4px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
}

.onlineprogramcss-support-panel span {
  display: block;
  color: rgba(255, 255, 255, .72);
  font-family: "Inter", sans-serif;
  font-size: 12px;
  line-height: 1.4;
}

.onlineprogramcss-support-shape {
  position: absolute;
  z-index: 3;
  top: 30px;
  right: 0;
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  color: #00287d;
  font-size: 34px;
}

.onlineprogramcss-support-content .onlineprogramcss-kicker {
  color: #ffc63b;
}

.onlineprogramcss-support-content h2 {
  margin-bottom: 23px;
  color: #fff;
}

.onlineprogramcss-support-content h2 strong {
  color: #ffc63b;
}

.onlineprogramcss-support-content>p {
  margin-bottom: 34px;
  color: rgba(255, 255, 255, .76);
}

.onlineprogramcss-support-list {
  border-top: 1px solid rgba(255, 255, 255, .14);
}

.onlineprogramcss-support-item {
  position: relative;
  display: grid;
  grid-template-columns: 62px minmax(0, 1fr);
  gap: 18px;
  align-items: center;
  min-height: 130px;
  padding: 22px 0;
  border-bottom: 1px solid rgba(255, 255, 255, .14);
}

.onlineprogramcss-support-item>span {
  position: absolute;
  top: 20px;
  right: 0;
  color: rgba(255, 255, 255, .12);
  font-family: 'Outfit', sans-serif;
  font-size: 34px;
  font-weight: 600;
}

.onlineprogramcss-support-icon {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, .08);
  color: #ffc63b;
  font-size: 22px;
}

.onlineprogramcss-support-item h3 {
  margin: 0 0 7px;
  color: #fff;
  font-size: 19px;
  font-weight: 600;
}

.onlineprogramcss-support-item p {
  max-width: 470px;
  color: rgba(255, 255, 255, .69);
  font-size: 14px;
}


/* =========================================================
   CLOSING
========================================================= */

.onlineprogramcss-closing {
  padding: 85px 0;
  background: #ffc63b;
}

.onlineprogramcss-closing-wrap {
  display: grid;
  grid-template-columns: 90px minmax(0, 1fr) auto;
  gap: 30px;
  align-items: center;
}

.onlineprogramcss-closing-icon {
  width: 85px;
  height: 85px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #00287d;
  color: #fff;
  font-size: 30px;
}

.onlineprogramcss-closing-content h2 {
  margin-bottom: 11px;
  font-size: 35px;
}

.onlineprogramcss-closing-content p {
  max-width: 730px;
  font-size: 16px;
}

.onlineprogramcss-closing-wrap>a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  min-height: 57px;
  padding: 16px 23px;
  background: #111;
  color: #fff;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
  transition:
    background .35s ease,
    transform .35s ease;
}

.onlineprogramcss-closing-wrap>a:hover {
  background: #00287d;
  color: #fff;
  transform: translateY(-3px);
}


/* =========================================================
   LAPTOP
========================================================= */

@media(max-width:1199px) {

  .onlineprogramcss-intro,
  .onlineprogramcss-workflow,
  .onlineprogramcss-directory,
  .onlineprogramcss-support {
    padding: 90px 0;
  }

  .onlineprogramcss-intro {
    padding-bottom: 125px;
  }

  .onlineprogramcss-intro-grid,
  .onlineprogramcss-support-layout {
    gap: 55px;
  }

  .onlineprogramcss-intro-content h2 {
    font-size: 45px;
  }

  .onlineprogramcss-workflow-track {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .onlineprogramcss-workflow-line {
    display: none;
  }
}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:991px) {

  .onlineprogramcss-intro::before {
    display: none;
  }

  .onlineprogramcss-intro-grid,
  .onlineprogramcss-section-head,
  .onlineprogramcss-directory-head,
  .onlineprogramcss-support-layout {
    grid-template-columns: 1fr;
  }

  .onlineprogramcss-device-stage,
  .onlineprogramcss-support-visual {
    width: 100%;
    max-width: 720px;
    margin: 0 auto;
  }

  .onlineprogramcss-highlight-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .onlineprogramcss-highlight:nth-child(2) {
    border-right: 0;
  }

  .onlineprogramcss-section-head,
  .onlineprogramcss-directory-head {
    gap: 24px;
  }

  .onlineprogramcss-directory-layout {
    grid-template-columns: 1fr;
  }

  .onlineprogramcss-closing-wrap {
    grid-template-columns: 75px minmax(0, 1fr);
  }

  .onlineprogramcss-closing-wrap>a {
    grid-column: 2;
    justify-self: start;
  }
}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:767px) {

  .onlineprogramcss h2 {
    font-size: 32px;
  }

  .onlineprogramcss p {
    font-size: 16px;
  }

  .onlineprogramcss-intro,
  .onlineprogramcss-workflow,
  .onlineprogramcss-directory,
  .onlineprogramcss-support {
    padding: 70px 0;
  }

  .onlineprogramcss-intro {
    padding-bottom: 90px;
  }

  .onlineprogramcss-intro-content h2 {
    font-size: 37px;
  }

  .onlineprogramcss-device-stage {
    min-height: 490px;
    padding: 20px 15px 85px;
  }

  .onlineprogramcss-device-image {
    height: 330px;
  }

  .onlineprogramcss-device-card {
    left: 0;
    width: 285px;
  }

  .onlineprogramcss-live-card {
    right: 0;
  }

  .onlineprogramcss-highlights {
    margin-top: 0;
  }

  .onlineprogramcss-workflow-track {
    grid-template-columns: 1fr;
    gap: 35px;
  }

  .onlineprogramcss-step-card {
    min-height: 280px;
  }

  .onlineprogramcss-category-head {
    min-height: 165px;
  }

  .onlineprogramcss-support-visual {
    min-height: 510px;
    padding: 0 35px 35px 0;
  }

  .onlineprogramcss-support-image {
    height: 450px;
  }

  .onlineprogramcss-support-panel {
    left: 0;
    width: 280px;
  }

  .onlineprogramcss-support-shape {
    width: 80px;
    height: 80px;
    font-size: 27px;
  }
}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media(max-width:480px) {

  .onlineprogramcss-intro-content h2 {
    font-size: 32px;
  }

  .onlineprogramcss-btn {
    width: 100%;
  }

  .onlineprogramcss-intro-features {
    display: grid;
    grid-template-columns: 1fr;
  }

  .onlineprogramcss-device-stage {
    min-height: auto;
    padding: 0;
  }

  .onlineprogramcss-device-screen {
    border-width: 5px;
    border-radius: 10px 10px 4px 4px;
  }

  .onlineprogramcss-device-bar strong {
    display: none;
  }

  .onlineprogramcss-device-image {
    height: 270px;
  }

  .onlineprogramcss-device-base {
    display: none;
  }

  .onlineprogramcss-device-card,
  .onlineprogramcss-live-card {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    width: 100%;
    margin-top: 12px;
  }

  .onlineprogramcss-highlight-grid {
    grid-template-columns: 1fr;
  }

  .onlineprogramcss-highlight {
    border-right: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .14);
  }

  .onlineprogramcss-category-links {
    padding-right: 18px;
    padding-left: 18px;
  }

  .onlineprogramcss-category-links a {
    grid-template-columns: 1fr;
    padding: 15px 0;
  }

  .onlineprogramcss-category-links a>i {
    display: none;
  }

  .onlineprogramcss-support-visual {
    min-height: auto;
    padding: 0;
  }

  .onlineprogramcss-support-visual::before {
    display: none;
  }

  .onlineprogramcss-support-image {
    height: 350px;
  }

  .onlineprogramcss-support-panel {
    position: relative;
    left: auto;
    bottom: auto;
    width: 100%;
  }

  .onlineprogramcss-support-shape {
    display: none;
  }

  .onlineprogramcss-support-item {
    grid-template-columns: 52px minmax(0, 1fr);
  }

  .onlineprogramcss-support-icon {
    width: 50px;
    height: 50px;
  }

  .onlineprogramcss-closing-wrap {
    grid-template-columns: 1fr;
  }

  .onlineprogramcss-closing-wrap>a {
    grid-column: auto;
    width: 100%;
  }

  .onlineprogramcss-closing-content h2 {
    font-size: 29px;
  }
}


/* =========================================================
   ACADEMIC CALENDAR & HANDBOOKS � COMMON
========================================================= */

.calendarpagecss {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.calendarpagecss,
.calendarpagecss * {
  box-sizing: border-box;
}

.calendarpagecss h2 {
  margin: 0;
  color: #111;
  font-family: 'Outfit', sans-serif;
  font-size: 42px;
  font-weight: 600;
  line-height: 1.2;
}

.calendarpagecss h2 strong {
  color: #00287d;
  font-weight: 600;
}

.calendarpagecss h3,
.calendarpagecss h4,
.calendarpagecss strong {
  font-family: 'Outfit', sans-serif;
}

.calendarpagecss p {
  margin: 0;
  color: #000;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
}

.calendarpagecss-kicker {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 18px;
  color: #00287d;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.calendarpagecss-kicker i {
  color: #ffc63b;
}

.calendarpagecss-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  min-height: 57px;
  padding: 16px 25px;
  background: #00287d;
  color: #fff;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  transition:
    background .35s ease,
    transform .35s ease;
}

.calendarpagecss-btn:hover {
  background: #292675;
  color: #fff;
  transform: translateY(-3px);
}


/* =========================================================
   INTRO
========================================================= */

.calendarpagecss-intro {
  padding: 120px 0;
  background: #f6f7fb;
}

.calendarpagecss-intro::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 36%;
  height: 100%;
  background: #fff;
}

.calendarpagecss-intro-layout {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  gap: 90px;
  align-items: center;
}

.calendarpagecss-intro-content {
  position: relative;
}

.calendarpagecss-intro-content h2 {
  margin-bottom: 25px;
  font-size: 52px;
  letter-spacing: -1.4px;
}

.calendarpagecss-intro-content>p {
  max-width: 590px;
  margin-bottom: 35px;
}

.calendarpagecss-intro-meta {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 35px;
}

.calendarpagecss-intro-meta>div {
  min-height: 85px;
  padding: 15px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #fff;
  border: 1px solid #dfe1eb;
}

.calendarpagecss-intro-meta i {
  margin-bottom: 10px;
  color: #00287d;
  font-size: 18px;
}

.calendarpagecss-intro-meta span {
  color: #000;
  font-family: "Inter", sans-serif;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.4;
  text-transform: uppercase;
}


/* Document stage */

.calendarpagecss-document-stage {
  position: relative;
  min-height: 620px;
  padding: 45px 65px 55px 65px;
}

.calendarpagecss-document-back {
  position: absolute;
  top: 0;
  right: 15px;
  bottom: 15px;
  left: 25px;
  padding: 30px;
  background: #00287d;
}

.calendarpagecss-document-back span {
  display: block;
  margin-bottom: 5px;
  color: #ffc63b;
  font-family: "Inter", sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.7px;
  text-transform: uppercase;
}

.calendarpagecss-document-back strong {
  color: #fff;
  font-size: 25px;
  font-weight: 600;
}

.calendarpagecss-document-image {
  position: relative;
  z-index: 2;
  height: 510px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 25px 60px rgba(34, 36, 80, .18);
}

.calendarpagecss-document-image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform .55s ease;
}

.calendarpagecss-document-stage:hover .calendarpagecss-document-image img {
  transform: scale(1.04);
}

.calendarpagecss-paper-card {
  position: absolute;
  z-index: 4;
  left: 0;
  bottom: 0;
  width: 320px;
  padding: 26px;
  background: #fff;
  box-shadow: 0 20px 45px rgba(34, 36, 80, .16);
}

.calendarpagecss-paper-card>span {
  display: block;
  margin-bottom: 12px;
  color: #00287d;
  font-family: "Inter", sans-serif;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.calendarpagecss-paper-card h3 {
  margin: 0 0 10px;
  color: #111;
  font-size: 21px;
  font-weight: 600;
}

.calendarpagecss-paper-card p {
  font-size: 13px;
}

.calendarpagecss-paper-lines {
  display: grid;
  gap: 7px;
  margin-top: 20px;
}

.calendarpagecss-paper-lines i {
  display: block;
  height: 2px;
  background: #dfe1eb;
}

.calendarpagecss-paper-lines i:nth-child(2) {
  width: 78%;
}

.calendarpagecss-paper-lines i:nth-child(3) {
  width: 55%;
}

.calendarpagecss-date-card {
  position: absolute;
  z-index: 5;
  top: 20px;
  right: 0;
  width: 125px;
  height: 125px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #ffc63b;
}

.calendarpagecss-date-card strong {
  display: block;
  margin-bottom: 7px;
  color: #00287d;
  font-size: 40px;
  font-weight: 600;
  line-height: 1;
}

.calendarpagecss-date-card span {
  color: #111;
  font-family: "Inter", sans-serif;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: .7px;
  text-transform: uppercase;
}


/* =========================================================
   RESOURCES
========================================================= */

.calendarpagecss-resources {
  padding: 115px 0;
  background: #fff;
}

.calendarpagecss-resource-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, .72fr);
  gap: 75px;
  align-items: end;
  margin-bottom: 65px;
}

.calendarpagecss-resource-head p {
  max-width: 530px;
}

.calendarpagecss-resource-layout {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}

.calendarpagecss-resource-card {
  position: relative;
  min-height: 270px;
  padding: 30px;
  display: grid;
  grid-template-columns: 68px minmax(0, 1fr) 48px;
  gap: 20px;
  align-items: end;
  background: #f7f8fc;
  border: 1px solid #dfe1eb;
  color: inherit;
  text-decoration: none;
  overflow: hidden;
  transition:
    transform .35s ease,
    box-shadow .35s ease,
    background .35s ease;
}

.calendarpagecss-resource-card:nth-child(2) {
  background: #fff7de;
}

.calendarpagecss-resource-card:nth-child(3) {
  background: #00287d;
}

.calendarpagecss-resource-card:nth-child(4) {
  background: #eef1ff;
}

.calendarpagecss-resource-card:hover {
  color: inherit;
  transform: translateY(-8px);
  box-shadow: 0 22px 48px rgba(34, 36, 80, .1);
}

.calendarpagecss-resource-number {
  position: absolute;
  top: 22px;
  right: 24px;
  color: rgba(55, 51, 153, .15);
  font-family: 'Outfit', sans-serif;
  font-size: 45px;
  font-weight: 600;
  line-height: 1;
}

.calendarpagecss-resource-card:nth-child(3) .calendarpagecss-resource-number {
  color: rgba(255, 255, 255, .14);
}

.calendarpagecss-resource-icon {
  width: 66px;
  height: 66px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #00287d;
  color: #fff;
  font-size: 24px;
}

.calendarpagecss-resource-card:nth-child(2) .calendarpagecss-resource-icon,
.calendarpagecss-resource-card:nth-child(3) .calendarpagecss-resource-icon {
  background: #ffc63b;
  color: #00287d;
}

.calendarpagecss-resource-content>span {
  display: block;
  margin-bottom: 9px;
  color: #00287d;
  font-family: "Inter", sans-serif;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 1.3px;
  text-transform: uppercase;
}

.calendarpagecss-resource-card:nth-child(3) .calendarpagecss-resource-content>span {
  color: #ffc63b;
}

.calendarpagecss-resource-content h3 {
  margin: 0 0 11px;
  color: #111;
  font-size: 23px;
  font-weight: 600;
}

.calendarpagecss-resource-content p {
  font-size: 14px;
}

.calendarpagecss-resource-card:nth-child(3) h3 {
  color: #fff;
}

.calendarpagecss-resource-card:nth-child(3) p {
  color: rgba(255, 255, 255, .74);
}

.calendarpagecss-resource-arrow {
  width: 46px;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #ccd0df;
  color: #00287d;
  transition:
    background .35s ease,
    color .35s ease,
    transform .35s ease;
}

.calendarpagecss-resource-card:nth-child(3) .calendarpagecss-resource-arrow {
  border-color: rgba(255, 255, 255, .25);
  color: #fff;
}

.calendarpagecss-resource-card:hover .calendarpagecss-resource-arrow {
  background: #00287d;
  color: #fff;
  transform: translateX(5px);
}

.calendarpagecss-resource-card:nth-child(3):hover .calendarpagecss-resource-arrow {
  background: #ffc63b;
  color: #111;
}


/* =========================================================
   STUDENT PROCESS
========================================================= */

.calendarpagecss-process {
  padding: 115px 0;
  background: #242424;
}

.calendarpagecss-process-layout {
  display: grid;
  grid-template-columns: minmax(300px, .7fr) minmax(0, 1.3fr);
  gap: 85px;
  align-items: start;
}

.calendarpagecss-process-heading {
  position: sticky;
  top: 120px;
}

.calendarpagecss-process .calendarpagecss-kicker {
  color: #ffc63b;
}

.calendarpagecss-process-heading h2 {
  margin-bottom: 22px;
  color: #fff;
}

.calendarpagecss-process-heading h2 strong {
  color: #ffc63b;
}

.calendarpagecss-process-heading>p {
  color: rgba(255, 255, 255, .74);
}

.calendarpagecss-process-visual {
  position: relative;
  width: 280px;
  height: 280px;
  margin-top: 45px;
  border: 1px solid rgba(255, 255, 255, .13);
  border-radius: 50%;
}

.calendarpagecss-process-ring {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 120px;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #ffc63b;
  color: #00287d;
  font-size: 39px;
  transform: translate(-50%, -50%);
}

.calendarpagecss-process-visual>span {
  position: absolute;
  color: #fff;
  font-family: "Inter", sans-serif;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.calendarpagecss-process-visual>span:nth-child(2) {
  top: 22px;
  left: 50%;
  transform: translateX(-50%);
}

.calendarpagecss-process-visual>span:nth-child(3) {
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
}

.calendarpagecss-process-visual>span:nth-child(4) {
  bottom: 22px;
  left: 50%;
  transform: translateX(-50%);
}

.calendarpagecss-process-visual>span:nth-child(5) {
  top: 50%;
  left: 15px;
  transform: translateY(-50%);
}

.calendarpagecss-process-list {
  position: relative;
}

.calendarpagecss-process-list::before {
  content: "";
  position: absolute;
  top: 45px;
  bottom: 45px;
  left: 165px;
  width: 2px;
  background: rgba(255, 255, 255, .14);
}

.calendarpagecss-process-item {
  position: relative;
  display: grid;
  grid-template-columns: 130px 70px minmax(0, 1fr);
  gap: 25px;
  align-items: center;
  min-height: 180px;
  padding: 28px 0;
  border-bottom: 1px solid rgba(255, 255, 255, .14);
}

.calendarpagecss-process-item:first-child {
  border-top: 1px solid rgba(255, 255, 255, .14);
}

.calendarpagecss-process-label {
  color: #ffc63b;
  font-family: "Inter", sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 1.3px;
  text-transform: uppercase;
}

.calendarpagecss-process-dot {
  position: relative;
  z-index: 2;
  width: 66px;
  height: 66px;
  padding: 8px;
  border-radius: 50%;
  background: #242424;
  border: 1px solid rgba(255, 255, 255, .18);
}

.calendarpagecss-process-dot span {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #00287d;
  color: #fff;
  font-family: 'Outfit', sans-serif;
  font-size: 13px;
  font-weight: 600;
}

.calendarpagecss-process-item:nth-child(even) .calendarpagecss-process-dot span {
  background: #ffc63b;
  color: #111;
}

.calendarpagecss-process-content {
  position: relative;
  padding-right: 50px;
}

.calendarpagecss-process-content>i {
  position: absolute;
  top: 0;
  right: 0;
  color: rgba(255, 255, 255, .18);
  font-size: 29px;
}

.calendarpagecss-process-content h3 {
  margin: 0 0 10px;
  color: #fff;
  font-size: 22px;
  font-weight: 600;
}

.calendarpagecss-process-content p {
  color: rgba(255, 255, 255, .7);
  font-size: 14px;
}


/* =========================================================
   GUIDANCE CARDS
========================================================= */

.calendarpagecss-guidance {
  padding: 95px 0;
  background: #ffc63b;
}

.calendarpagecss-guidance-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.calendarpagecss-guidance-card {
  min-height: 285px;
  padding: 29px 26px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background: rgba(255, 255, 255, .56);
  transition:
    transform .35s ease,
    background .35s ease;
}

.calendarpagecss-guidance-card:nth-child(2) {
  background: #00287d;
}

.calendarpagecss-guidance-card:hover {
  transform: translateY(-7px);
  background: #fff;
}

.calendarpagecss-guidance-card:nth-child(2):hover {
  background: #292675;
}

.calendarpagecss-guidance-icon {
  margin-bottom: auto;
  width: 62px;
  height: 62px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #00287d;
  color: #fff;
  font-size: 23px;
}

.calendarpagecss-guidance-card:nth-child(2) .calendarpagecss-guidance-icon {
  background: #ffc63b;
  color: #00287d;
}

.calendarpagecss-guidance-card>span {
  display: block;
  margin: 45px 0 9px;
  color: #00287d;
  font-family: "Inter", sans-serif;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 1.3px;
  text-transform: uppercase;
}

.calendarpagecss-guidance-card:nth-child(2)>span {
  color: #ffc63b;
}

.calendarpagecss-guidance-card h3 {
  margin: 0 0 11px;
  color: #111;
  font-size: 21px;
  font-weight: 600;
}

.calendarpagecss-guidance-card p {
  font-size: 14px;
}

.calendarpagecss-guidance-card:nth-child(2) h3 {
  color: #fff;
}

.calendarpagecss-guidance-card:nth-child(2) p {
  color: rgba(255, 255, 255, .72);
}


/* =========================================================
   FAQ
========================================================= */

.calendarpagecss-faq {
  padding: 115px 0;
  background: #f7f8fc;
}

.calendarpagecss-faq-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(300px, .92fr);
  gap: 80px;
  align-items: center;
}

.calendarpagecss-faq-content>h2 {
  margin-bottom: 40px;
}

.calendarpagecss-accordion {
  --bs-accordion-border-radius: 0;
  --bs-accordion-inner-border-radius: 0;
  --bs-accordion-btn-focus-box-shadow: none;
  --bs-accordion-active-bg: #00287d;
  --bs-accordion-active-color: #fff;
}

.calendarpagecss-accordion .accordion-item {
  margin-bottom: 14px;
  border: 1px solid #dfe1eb;
  background: #fff;
}

.calendarpagecss-accordion .accordion-button {
  gap: 16px;
  padding: 22px 24px;
  background: #fff;
  color: #111;
  font-family: 'Outfit', sans-serif;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.4;
}

.calendarpagecss-accordion .accordion-button:not(.collapsed) {
  background: #00287d;
  color: #fff;
  box-shadow: none;
}

.calendarpagecss-accordion .accordion-button>span {
  flex: 0 0 38px;
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #dfe5ff;
  color: #00287d;
  font-size: 11px;
  font-weight: 600;
}

.calendarpagecss-accordion .accordion-button:not(.collapsed)>span {
  background: #ffc63b;
  color: #111;
}

.calendarpagecss-accordion .accordion-button:not(.collapsed)::after {
  filter: brightness(0) invert(1);
}

.calendarpagecss-accordion .accordion-body {
  padding: 22px 25px 25px 78px;
  color: #000;
  font-family: "Inter", sans-serif;
  font-size: 15px;
  line-height: 1.7;
}

.calendarpagecss-faq-visual {
  position: relative;
  min-height: 620px;
  padding: 0 45px 45px 0;
}

.calendarpagecss-faq-visual::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 72%;
  height: 72%;
  background: #00287d;
}

.calendarpagecss-faq-image {
  position: relative;
  z-index: 1;
  height: 545px;
  overflow: hidden;
}

.calendarpagecss-faq-image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform .55s ease;
}

.calendarpagecss-faq-visual:hover .calendarpagecss-faq-image img {
  transform: scale(1.04);
}

.calendarpagecss-faq-document {
  position: absolute;
  z-index: 3;
  left: -25px;
  bottom: 25px;
  width: 285px;
  padding: 22px;
  display: grid;
  grid-template-columns: 50px minmax(0, 1fr);
  gap: 15px;
  align-items: center;
  background: #ffc63b;
}

.calendarpagecss-faq-document>i {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #00287d;
  color: #fff;
  font-size: 20px;
}

.calendarpagecss-faq-document strong {
  display: block;
  margin-bottom: 4px;
  color: #111;
  font-size: 16px;
  font-weight: 600;
}

.calendarpagecss-faq-document span {
  display: block;
  color: #000;
  font-family: "Inter", sans-serif;
  font-size: 11px;
  line-height: 1.4;
}

.calendarpagecss-faq-stamp {
  position: absolute;
  z-index: 4;
  top: 30px;
  right: 0;
  width: 125px;
  min-height: 125px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #fff;
  box-shadow: 0 15px 35px rgba(34, 36, 80, .14);
}

.calendarpagecss-faq-stamp span {
  margin-bottom: 5px;
  color: #00287d;
  font-family: "Inter", sans-serif;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.calendarpagecss-faq-stamp strong {
  color: #111;
  font-size: 17px;
  line-height: 1.25;
}


/* =========================================================
   LAPTOP
========================================================= */

@media(max-width:1199px) {

  .calendarpagecss-intro,
  .calendarpagecss-resources,
  .calendarpagecss-process,
  .calendarpagecss-faq {
    padding: 90px 0;
  }

  .calendarpagecss-intro-layout,
  .calendarpagecss-process-layout,
  .calendarpagecss-faq-layout {
    gap: 55px;
  }

  .calendarpagecss-intro-content h2 {
    font-size: 45px;
  }

  .calendarpagecss-process-list::before {
    left: 145px;
  }

  .calendarpagecss-process-item {
    grid-template-columns: 110px 70px minmax(0, 1fr);
  }
}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:991px) {

  .calendarpagecss-intro::before {
    display: none;
  }

  .calendarpagecss-intro-layout,
  .calendarpagecss-resource-head,
  .calendarpagecss-process-layout,
  .calendarpagecss-faq-layout {
    grid-template-columns: 1fr;
  }

  .calendarpagecss-document-stage,
  .calendarpagecss-faq-visual {
    width: 100%;
    max-width: 720px;
    margin: 0 auto;
  }

  .calendarpagecss-resource-head {
    gap: 22px;
  }

  .calendarpagecss-process-heading {
    position: relative;
    top: auto;
  }

  .calendarpagecss-process-visual {
    display: none;
  }

  .calendarpagecss-guidance-grid {
    grid-template-columns: 1fr;
  }

  .calendarpagecss-guidance-card {
    min-height: 240px;
  }
}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:767px) {

  .calendarpagecss h2 {
    font-size: 32px;
  }

  .calendarpagecss p {
    font-size: 16px;
  }

  .calendarpagecss-intro,
  .calendarpagecss-resources,
  .calendarpagecss-process,
  .calendarpagecss-faq {
    padding: 70px 0;
  }

  .calendarpagecss-intro-content h2 {
    font-size: 37px;
  }

  .calendarpagecss-intro-meta {
    grid-template-columns: 1fr;
  }

  .calendarpagecss-document-stage {
    min-height: 530px;
    padding: 35px 40px 55px;
  }

  .calendarpagecss-document-image {
    height: 440px;
  }

  .calendarpagecss-paper-card {
    width: 285px;
  }

  .calendarpagecss-date-card {
    width: 100px;
    height: 100px;
  }

  .calendarpagecss-resource-layout {
    grid-template-columns: 1fr;
  }

  .calendarpagecss-resource-card {
    min-height: 250px;
  }

  .calendarpagecss-process-list::before {
    left: 35px;
  }

  .calendarpagecss-process-item {
    grid-template-columns: 70px minmax(0, 1fr);
    gap: 18px;
  }

  .calendarpagecss-process-label {
    grid-column: 2;
    margin-bottom: -8px;
  }

  .calendarpagecss-process-dot {
    grid-row: 1 / span 2;
    width: 70px;
    height: 70px;
  }

  .calendarpagecss-process-content {
    grid-column: 2;
  }

  .calendarpagecss-faq-visual {
    min-height: 510px;
    padding: 0 35px 35px 0;
  }

  .calendarpagecss-faq-image {
    height: 450px;
  }

  .calendarpagecss-faq-document {
    left: 0;
  }

  .calendarpagecss-faq-stamp {
    width: 105px;
    min-height: 105px;
  }
}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media(max-width:480px) {

  .calendarpagecss-intro-content h2 {
    font-size: 32px;
  }

  .calendarpagecss-btn {
    width: 100%;
  }

  .calendarpagecss-document-stage {
    min-height: auto;
    padding: 0;
  }

  .calendarpagecss-document-back {
    display: none;
  }

  .calendarpagecss-document-image {
    height: 350px;
  }

  .calendarpagecss-paper-card {
    position: relative;
    left: auto;
    bottom: auto;
    width: 100%;
    box-shadow: none;
  }

  .calendarpagecss-date-card {
    display: none;
  }

  .calendarpagecss-resource-card {
    grid-template-columns: 55px minmax(0, 1fr);
    min-height: 240px;
    padding: 24px;
  }

  .calendarpagecss-resource-icon {
    width: 52px;
    height: 52px;
  }

  .calendarpagecss-resource-arrow {
    display: none;
  }

  .calendarpagecss-process-list::before {
    left: 29px;
  }

  .calendarpagecss-process-item {
    grid-template-columns: 58px minmax(0, 1fr);
  }

  .calendarpagecss-process-dot {
    width: 58px;
    height: 58px;
    padding: 6px;
  }

  .calendarpagecss-process-content {
    padding-right: 0;
  }

  .calendarpagecss-process-content>i {
    display: none;
  }

  .calendarpagecss-accordion .accordion-button {
    align-items: flex-start;
    padding: 18px;
    font-size: 15px;
  }

  .calendarpagecss-accordion .accordion-body {
    padding: 20px;
    font-size: 14px;
  }

  .calendarpagecss-faq-visual {
    min-height: auto;
    padding: 0;
  }

  .calendarpagecss-faq-visual::before {
    display: none;
  }

  .calendarpagecss-faq-image {
    height: 350px;
  }

  .calendarpagecss-faq-document {
    position: relative;
    left: auto;
    bottom: auto;
    width: 100%;
  }

  .calendarpagecss-faq-stamp {
    display: none;
  }
}


/* =========================================================
   CURRICULUM PAGE � COMMON
========================================================= */

.curriculumdesigncss {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.curriculumdesigncss,
.curriculumdesigncss * {
  box-sizing: border-box;
}

.curriculumdesigncss h2 {
  margin: 0;
  color: #111;
  font-family: 'Outfit', sans-serif;
  font-size: 42px;
  font-weight: 600;
  line-height: 1.2;
}

.curriculumdesigncss h2 strong {
  color: #00287d;
  font-weight: 600;
}

.curriculumdesigncss h3,
.curriculumdesigncss h4,
.curriculumdesigncss strong {
  font-family: 'Outfit', sans-serif;
}

.curriculumdesigncss p {
  margin: 0;
  color: #000;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
}

.curriculumdesigncss-kicker {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 18px;
  color: #00287d;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.curriculumdesigncss-kicker i {
  color: #ffc63b;
}


/* =========================================================
   INTRO
========================================================= */

.curriculumdesigncss-intro {
  padding: 115px 0;
  background: #f7f8fc;
}

.curriculumdesigncss-intro-head {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(300px, .8fr);
  gap: 80px;
  align-items: end;
  margin-bottom: 55px;
}

.curriculumdesigncss-intro-title h2 {
  max-width: 760px;
  font-size: 52px;
  letter-spacing: -1.4px;
}

.curriculumdesigncss-intro-copy>p {
  margin-bottom: 24px;
}

.curriculumdesigncss-intro-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
}

.curriculumdesigncss-intro-tags span {
  padding: 10px 14px;
  background: #fff;
  border: 1px solid #dfe1eb;
  color: #00287d;
  font-family: "Inter", sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .6px;
  text-transform: uppercase;
}

.curriculumdesigncss-intro-visual {
  position: relative;
  min-height: 560px;
  padding: 0 55px 45px;
}

.curriculumdesigncss-intro-visual::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 68%;
  background: #00287d;
}

.curriculumdesigncss-main-image {
  position: relative;
  z-index: 2;
  height: 500px;
  overflow: hidden;
  box-shadow: 0 25px 60px rgba(34, 36, 80, .16);
}

.curriculumdesigncss-main-image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform .55s ease;
}

.curriculumdesigncss-intro-visual:hover img {
  transform: scale(1.04);
}

.curriculumdesigncss-intro-card {
  position: absolute;
  z-index: 4;
  left: 0;
  bottom: 0;
  width: 315px;
  padding: 23px;
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr);
  gap: 15px;
  align-items: center;
  background: #ffc63b;
}

.curriculumdesigncss-intro-card>i {
  width: 54px;
  height: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #00287d;
  color: #fff;
  font-size: 21px;
}

.curriculumdesigncss-intro-card strong {
  display: block;
  margin-bottom: 5px;
  color: #111;
  font-size: 16px;
  font-weight: 600;
}

.curriculumdesigncss-intro-card span {
  display: block;
  color: #000;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  line-height: 1.45;
}

.curriculumdesigncss-intro-index {
  position: absolute;
  z-index: 4;
  top: 25px;
  right: 0;
  width: 130px;
  min-height: 130px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #fff;
  box-shadow: 0 18px 40px rgba(34, 36, 80, .15);
}

.curriculumdesigncss-intro-index strong {
  display: block;
  margin-bottom: 7px;
  color: #00287d;
  font-size: 42px;
  font-weight: 600;
  line-height: 1;
}

.curriculumdesigncss-intro-index span {
  color: #000;
  font-family: "Inter", sans-serif;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: .6px;
  text-transform: uppercase;
}


/* =========================================================
   BALANCE
========================================================= */

.curriculumdesigncss-balance {
  padding: 115px 0;
  background: #fff;
}

.curriculumdesigncss-section-head {
  max-width: 800px;
  margin: 0 auto 70px;
  text-align: center;
}

.curriculumdesigncss-balance-wrap {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 180px minmax(0, 1fr);
  align-items: stretch;
}

.curriculumdesigncss-balance-side {
  position: relative;
  min-height: 540px;
  padding: 38px 34px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  overflow: hidden;
}

.curriculumdesigncss-theory {
  background: #eef1ff;
}

.curriculumdesigncss-practice {
  background: #242424;
}

.curriculumdesigncss-balance-number {
  position: absolute;
  top: 27px;
  right: 30px;
  color: rgba(55, 51, 153, .15);
  font-family: 'Outfit', sans-serif;
  font-size: 58px;
  font-weight: 600;
  line-height: 1;
}

.curriculumdesigncss-practice .curriculumdesigncss-balance-number {
  color: rgba(255, 255, 255, .13);
}

.curriculumdesigncss-balance-icon {
  position: absolute;
  top: 35px;
  left: 34px;
  width: 78px;
  height: 78px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #00287d;
  color: #fff;
  font-size: 29px;
}

.curriculumdesigncss-practice .curriculumdesigncss-balance-icon {
  background: #ffc63b;
  color: #00287d;
}

.curriculumdesigncss-balance-side h3 {
  margin: 0 0 14px;
  color: #111;
  font-size: 27px;
  font-weight: 600;
}

.curriculumdesigncss-practice h3 {
  color: #fff;
}

.curriculumdesigncss-balance-side>p {
  margin-bottom: 28px;
  font-size: 15px;
}

.curriculumdesigncss-practice>p {
  color: rgba(255, 255, 255, .75);
}

.curriculumdesigncss-balance-side ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.curriculumdesigncss-balance-side li {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  padding: 13px 0;
  border-bottom: 1px solid rgba(55, 51, 153, .13);
  color: #000;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 1.45;
}

.curriculumdesigncss-practice li {
  border-color: rgba(255, 255, 255, .13);
  color: #fff;
}

.curriculumdesigncss-balance-side li i {
  margin-top: 4px;
  color: #00287d;
}

.curriculumdesigncss-practice li i {
  color: #ffc63b;
}

.curriculumdesigncss-balance-center {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffc63b;
}

.curriculumdesigncss-balance-line {
  position: absolute;
  top: 20px;
  bottom: 20px;
  left: 50%;
  width: 1px;
  background: rgba(55, 51, 153, .24);
}

.curriculumdesigncss-balance-ring {
  position: relative;
  z-index: 2;
  width: 140px;
  height: 140px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: 50%;
  background: #00287d;
  box-shadow: 0 0 0 12px #ffc63b;
}

.curriculumdesigncss-balance-ring i {
  margin-bottom: 10px;
  color: #ffc63b;
  font-size: 25px;
}

.curriculumdesigncss-balance-ring strong {
  display: block;
  margin-bottom: 4px;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
}

.curriculumdesigncss-balance-ring span {
  color: rgba(255, 255, 255, .7);
  font-family: "Inter", sans-serif;
  font-size: 9px;
  line-height: 1.35;
}


/* =========================================================
   COURSE FLOW
========================================================= */

.curriculumdesigncss-flow {
  padding: 115px 0;
  background: #f7f8fc;
}

.curriculumdesigncss-flow-layout {
  display: grid;
  grid-template-columns: minmax(300px, .68fr) minmax(0, 1.32fr);
  gap: 85px;
  align-items: start;
}

.curriculumdesigncss-flow-heading {
  position: sticky;
  top: 120px;
}

.curriculumdesigncss-flow-heading h2 {
  margin-bottom: 22px;
}

.curriculumdesigncss-flow-heading>p {
  margin-bottom: 38px;
}

.curriculumdesigncss-flow-symbol {
  width: 115px;
  height: 115px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #00287d;
  color: #ffc63b;
  font-size: 40px;
  transform: rotate(-5deg);
}

.curriculumdesigncss-flow-map {
  position: relative;
}

.curriculumdesigncss-flow-map::before {
  content: "";
  position: absolute;
  top: 42px;
  bottom: 42px;
  left: 44px;
  width: 2px;
  background: #d5d8e5;
}

.curriculumdesigncss-flow-item {
  position: relative;
  display: grid;
  grid-template-columns: 90px minmax(0, 1fr);
  gap: 24px;
  align-items: center;
  min-height: 165px;
  padding-bottom: 18px;
}

.curriculumdesigncss-flow-marker {
  position: relative;
  z-index: 2;
  width: 88px;
  height: 88px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 10px solid #f7f8fc;
  border-radius: 50%;
  background: #00287d;
  box-shadow: 0 0 0 1px #d5d8e5;
  color: #fff;
  font-family: 'Outfit', sans-serif;
  font-size: 15px;
  font-weight: 600;
}

.curriculumdesigncss-flow-item:nth-child(even) .curriculumdesigncss-flow-marker {
  background: #ffc63b;
  color: #111;
}

.curriculumdesigncss-flow-card {
  padding: 27px 29px;
  background: #fff;
  border-left: 4px solid #00287d;
  box-shadow: 0 12px 32px rgba(34, 36, 80, .06);
  transition:
    transform .35s ease,
    box-shadow .35s ease;
}

.curriculumdesigncss-flow-item:nth-child(even) .curriculumdesigncss-flow-card {
  border-color: #ffc63b;
}

.curriculumdesigncss-flow-card:hover {
  transform: translateX(7px);
  box-shadow: 0 18px 40px rgba(34, 36, 80, .1);
}

.curriculumdesigncss-flow-card>span {
  display: block;
  margin-bottom: 8px;
  color: #00287d;
  font-family: "Inter", sans-serif;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 1.3px;
  text-transform: uppercase;
}

.curriculumdesigncss-flow-card h3 {
  margin: 0 0 9px;
  color: #111;
  font-size: 22px;
  font-weight: 600;
}

.curriculumdesigncss-flow-card p {
  font-size: 14px;
}


/* =========================================================
   ASSESSMENT
========================================================= */

.curriculumdesigncss-assessment {
  padding: 115px 0;
  background: #242424;
}

.curriculumdesigncss-assessment-layout {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  gap: 85px;
  align-items: center;
}

.curriculumdesigncss-assessment .curriculumdesigncss-kicker {
  color: #ffc63b;
}

.curriculumdesigncss-assessment-content h2 {
  margin-bottom: 23px;
  color: #fff;
}

.curriculumdesigncss-assessment-content h2 strong {
  color: #ffc63b;
}

.curriculumdesigncss-assessment-content>p {
  margin-bottom: 35px;
  color: rgba(255, 255, 255, .77);
}

.curriculumdesigncss-assessment-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.curriculumdesigncss-assessment-grid>div {
  position: relative;
  min-height: 145px;
  padding: 22px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background: rgba(255, 255, 255, .06);
  border: 1px solid rgba(255, 255, 255, .11);
}

.curriculumdesigncss-assessment-grid span {
  position: absolute;
  top: 16px;
  right: 18px;
  color: rgba(255, 255, 255, .13);
  font-family: 'Outfit', sans-serif;
  font-size: 31px;
  font-weight: 600;
}

.curriculumdesigncss-assessment-grid i {
  margin-bottom: 17px;
  color: #ffc63b;
  font-size: 24px;
}

.curriculumdesigncss-assessment-grid strong {
  color: #fff;
  font-size: 15px;
  font-weight: 600;
}

.curriculumdesigncss-assessment-visual {
  position: relative;
  min-height: 610px;
  padding: 0 50px 50px 0;
}

.curriculumdesigncss-assessment-visual::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 72%;
  height: 72%;
  background: #ffc63b;
}

.curriculumdesigncss-assessment-image {
  position: relative;
  z-index: 1;
  height: 540px;
  overflow: hidden;
}

.curriculumdesigncss-assessment-image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform .55s ease;
}

.curriculumdesigncss-assessment-visual:hover img {
  transform: scale(1.04);
}

.curriculumdesigncss-assessment-card {
  position: absolute;
  z-index: 3;
  left: -20px;
  bottom: 25px;
  width: 305px;
  padding: 22px;
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  gap: 15px;
  align-items: center;
  background: #00287d;
}

.curriculumdesigncss-assessment-card>i {
  width: 52px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffc63b;
  color: #00287d;
  font-size: 21px;
}

.curriculumdesigncss-assessment-card strong {
  display: block;
  margin-bottom: 5px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
}

.curriculumdesigncss-assessment-card span {
  display: block;
  color: rgba(255, 255, 255, .72);
  font-family: "Inter", sans-serif;
  font-size: 12px;
  line-height: 1.4;
}

.curriculumdesigncss-assessment-seal {
  position: absolute;
  z-index: 4;
  top: 30px;
  right: 0;
  width: 115px;
  min-height: 115px;
  padding: 18px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #fff;
}

.curriculumdesigncss-assessment-seal i {
  margin-bottom: 10px;
  color: #00287d;
  font-size: 25px;
}

.curriculumdesigncss-assessment-seal span {
  color: #111;
  font-family: "Inter", sans-serif;
  font-size: 10px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: .7px;
  text-transform: uppercase;
}


/* =========================================================
   QUALITY
========================================================= */

.curriculumdesigncss-quality {
  padding: 110px 0;
  background: #ffc63b;
}

.curriculumdesigncss-quality-layout {
  display: grid;
  grid-template-columns: minmax(300px, .7fr) minmax(0, 1.3fr);
  gap: 80px;
  align-items: center;
}

.curriculumdesigncss-quality-title>span {
  display: block;
  margin-bottom: 15px;
  color: #00287d;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1.7px;
  text-transform: uppercase;
}

.curriculumdesigncss-quality-title h2 {
  max-width: 500px;
}

.curriculumdesigncss-quality-wheel {
  position: relative;
  min-height: 520px;
}

.curriculumdesigncss-quality-center {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 3;
  width: 180px;
  height: 180px;
  padding: 25px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: 50%;
  background: #00287d;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 0 18px rgba(255, 255, 255, .35);
}

.curriculumdesigncss-quality-center i {
  margin-bottom: 13px;
  color: #ffc63b;
  font-size: 35px;
}

.curriculumdesigncss-quality-center strong {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
}

.curriculumdesigncss-quality-item {
  position: absolute;
  width: 205px;
  min-height: 90px;
  padding: 18px;
  display: flex;
  align-items: center;
  gap: 12px;
  background: #fff;
  box-shadow: 0 15px 32px rgba(34, 36, 80, .12);
}

.curriculumdesigncss-quality-item i {
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #dfe5ff;
  color: #00287d;
  font-size: 12px;
}

.curriculumdesigncss-quality-item span {
  color: #111;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.35;
}

.curriculumdesigncss-quality-one {
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
}

.curriculumdesigncss-quality-two {
  top: 125px;
  right: 0;
}

.curriculumdesigncss-quality-three {
  right: 45px;
  bottom: 45px;
}

.curriculumdesigncss-quality-four {
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
}

.curriculumdesigncss-quality-five {
  bottom: 70px;
  left: 0;
}

.curriculumdesigncss-quality-six {
  top: 125px;
  left: 0;
}


/* =========================================================
   LAPTOP
========================================================= */

@media(max-width:1199px) {

  .curriculumdesigncss-intro,
  .curriculumdesigncss-balance,
  .curriculumdesigncss-flow,
  .curriculumdesigncss-assessment,
  .curriculumdesigncss-quality {
    padding: 90px 0;
  }

  .curriculumdesigncss-intro-head,
  .curriculumdesigncss-flow-layout,
  .curriculumdesigncss-assessment-layout,
  .curriculumdesigncss-quality-layout {
    gap: 55px;
  }

  .curriculumdesigncss-intro-title h2 {
    font-size: 45px;
  }

  .curriculumdesigncss-balance-wrap {
    grid-template-columns: minmax(0, 1fr) 140px minmax(0, 1fr);
  }

  .curriculumdesigncss-quality-item {
    width: 185px;
  }
}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:991px) {

  .curriculumdesigncss-intro-head,
  .curriculumdesigncss-flow-layout,
  .curriculumdesigncss-assessment-layout,
  .curriculumdesigncss-quality-layout {
    grid-template-columns: 1fr;
  }

  .curriculumdesigncss-intro-visual,
  .curriculumdesigncss-assessment-visual {
    width: 100%;
    max-width: 720px;
    margin: 0 auto;
  }

  .curriculumdesigncss-balance-wrap {
    grid-template-columns: 1fr;
  }

  .curriculumdesigncss-balance-center {
    min-height: 180px;
  }

  .curriculumdesigncss-balance-line {
    top: 50%;
    right: 20px;
    bottom: auto;
    left: 20px;
    width: auto;
    height: 1px;
  }

  .curriculumdesigncss-balance-ring {
    width: 130px;
    height: 130px;
  }

  .curriculumdesigncss-flow-heading {
    position: relative;
    top: auto;
  }

  .curriculumdesigncss-quality-title {
    text-align: center;
  }

  .curriculumdesigncss-quality-title h2 {
    margin: 0 auto;
  }

  .curriculumdesigncss-quality-wheel {
    width: 100%;
    max-width: 720px;
    margin: 0 auto;
  }
}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:767px) {

  .curriculumdesigncss h2 {
    font-size: 32px;
  }

  .curriculumdesigncss p {
    font-size: 16px;
  }

  .curriculumdesigncss-intro,
  .curriculumdesigncss-balance,
  .curriculumdesigncss-flow,
  .curriculumdesigncss-assessment,
  .curriculumdesigncss-quality {
    padding: 70px 0;
  }

  .curriculumdesigncss-intro-title h2 {
    font-size: 37px;
  }

  .curriculumdesigncss-intro-visual {
    min-height: 510px;
    padding: 0 35px 45px;
  }

  .curriculumdesigncss-main-image {
    height: 440px;
  }

  .curriculumdesigncss-intro-card {
    width: 285px;
  }

  .curriculumdesigncss-intro-index {
    width: 105px;
    min-height: 105px;
  }

  .curriculumdesigncss-balance-side {
    min-height: 490px;
  }

  .curriculumdesigncss-flow-map::before {
    left: 35px;
  }

  .curriculumdesigncss-flow-item {
    grid-template-columns: 72px minmax(0, 1fr);
    gap: 17px;
  }

  .curriculumdesigncss-flow-marker {
    width: 70px;
    height: 70px;
    border-width: 8px;
  }

  .curriculumdesigncss-flow-card {
    padding: 23px;
  }

  .curriculumdesigncss-assessment-grid {
    grid-template-columns: 1fr;
  }

  .curriculumdesigncss-assessment-visual {
    min-height: 510px;
    padding: 0 35px 35px 0;
  }

  .curriculumdesigncss-assessment-image {
    height: 450px;
  }

  .curriculumdesigncss-assessment-card {
    left: 0;
    width: 280px;
  }

  .curriculumdesigncss-assessment-seal {
    width: 95px;
    min-height: 95px;
  }

  .curriculumdesigncss-quality-wheel {
    min-height: auto;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 13px;
  }

  .curriculumdesigncss-quality-center,
  .curriculumdesigncss-quality-item {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    width: 100%;
    min-height: 115px;
    transform: none;
  }

  .curriculumdesigncss-quality-center {
    height: auto;
    border-radius: 0;
    grid-column: 1 / -1;
  }
}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media(max-width:480px) {

  .curriculumdesigncss-intro-title h2 {
    font-size: 32px;
  }

  .curriculumdesigncss-intro-visual {
    min-height: auto;
    padding: 0;
  }

  .curriculumdesigncss-intro-visual::before {
    display: none;
  }

  .curriculumdesigncss-main-image {
    height: 350px;
  }

  .curriculumdesigncss-intro-card {
    position: relative;
    left: auto;
    bottom: auto;
    width: 100%;
  }

  .curriculumdesigncss-intro-index {
    display: none;
  }

  .curriculumdesigncss-balance-side {
    min-height: auto;
    padding: 120px 24px 30px;
  }

  .curriculumdesigncss-flow-map::before {
    left: 29px;
  }

  .curriculumdesigncss-flow-item {
    grid-template-columns: 58px minmax(0, 1fr);
  }

  .curriculumdesigncss-flow-marker {
    width: 58px;
    height: 58px;
    border-width: 6px;
  }

  .curriculumdesigncss-assessment-visual {
    min-height: auto;
    padding: 0;
  }

  .curriculumdesigncss-assessment-visual::before {
    display: none;
  }

  .curriculumdesigncss-assessment-image {
    height: 350px;
  }

  .curriculumdesigncss-assessment-card {
    position: relative;
    left: auto;
    bottom: auto;
    width: 100%;
  }

  .curriculumdesigncss-assessment-seal {
    display: none;
  }

  .curriculumdesigncss-quality-wheel {
    grid-template-columns: 1fr;
  }

  .curriculumdesigncss-quality-center {
    grid-column: auto;
  }
}


/* =========================================================
   SOFTWARE SECTION � COMMON
========================================================= */

.softwarenewcss {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.softwarenewcss,
.softwarenewcss * {
  box-sizing: border-box;
}

.softwarenewcss h2 {
  margin: 0;
  color: #111;
  font-family: "Work Sans", sans-serif;
  font-size: 42px;
  font-weight: 600;
  line-height: 1.2;
}

.softwarenewcss h2 strong {
  color: #00287d;
  font-weight: 600;
}

.softwarenewcss h3,
.softwarenewcss strong {
  font-family: "Work Sans", sans-serif;
}

.softwarenewcss p {
  margin: 0;
  color: #000;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  line-height: 1.6;
}

.softwarenewcss-kicker {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 18px;
  color: #00287d;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.softwarenewcss-kicker i {
  color: #ffc63b;
}

.softwarenewcss-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  min-height: 57px;
  padding: 16px 25px;
  background: #00287d;
  color: #fff;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  transition: background .35s ease, transform .35s ease;
}

.softwarenewcss-btn:hover {
  background: #292675;
  color: #fff;
  transform: translateY(-3px);
}


/* =========================================================
   INTRO
========================================================= */

.softwarenewcss-intro {
  padding: 120px 0;
  background: #f7f8fc;
}

.softwarenewcss-intro::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 40%;
  height: 100%;
  background: #242424;
}

.softwarenewcss-intro-grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr);
  gap: 85px;
  align-items: center;
}

.softwarenewcss-intro-content h2 {
  margin-bottom: 25px;
  font-size: 52px;
  letter-spacing: -1.4px;
}

.softwarenewcss-intro-content>p {
  max-width: 590px;
  margin-bottom: 34px;
}

.softwarenewcss-intro-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 24px;
}

.softwarenewcss-text-link {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: #00287d;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}

.softwarenewcss-text-link:hover {
  color: #292675;
}

.softwarenewcss-intro-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 40px;
  border-top: 1px solid #dfe1eb;
}

.softwarenewcss-intro-stats>div {
  padding: 22px 18px 0 0;
}

.softwarenewcss-intro-stats strong {
  display: block;
  margin-bottom: 6px;
  color: #00287d;
  font-size: 22px;
  font-weight: 600;
}

.softwarenewcss-intro-stats span {
  color: #666;
  font-family: "Inter", sans-serif;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
}


/* Dashboard */

.softwarenewcss-dashboard-stage {
  position: relative;
  min-height: 600px;
  padding: 50px 30px 80px 30px;
}

.softwarenewcss-dashboard-pattern {
  position: absolute;
  top: 0;
  right: 0;
  width: 210px;
  height: 210px;
  background-image: radial-gradient(rgba(255, 198, 59, .42) 2px, transparent 2px);
  background-size: 18px 18px;
}

.softwarenewcss-dashboard-window {
  position: relative;
  z-index: 2;
  padding: 10px;
  background: #17171e;
  border-radius: 14px;
  box-shadow: 0 35px 70px rgba(0, 0, 0, .3);
}

.softwarenewcss-dashboard-bar {
  height: 48px;
  padding: 0 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #292933;
}

.softwarenewcss-dashboard-bar>div {
  display: flex;
  gap: 7px;
}

.softwarenewcss-dashboard-bar span {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .3);
}

.softwarenewcss-dashboard-bar strong {
  color: rgba(255, 255, 255, .68);
  font-size: 11px;
}

.softwarenewcss-dashboard-bar>i {
  color: #ffc63b;
}

.softwarenewcss-dashboard-image {
  height: 420px;
  overflow: hidden;
}

.softwarenewcss-dashboard-image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform .55s ease;
}

.softwarenewcss-dashboard-stage:hover img {
  transform: scale(1.035);
}

.softwarenewcss-dashboard-card {
  position: absolute;
  z-index: 4;
  padding: 20px;
  display: grid;
  grid-template-columns: 50px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  box-shadow: 0 18px 40px rgba(0, 0, 0, .18);
}

.softwarenewcss-dashboard-card-one {
  left: 0;
  bottom: 25px;
  width: 285px;
  background: #ffc63b;
}

.softwarenewcss-dashboard-card-two {
  top: 20px;
  right: 0;
  width: 240px;
  background: #00287d;
}

.softwarenewcss-dashboard-card>i {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #00287d;
  color: #fff;
  font-size: 20px;
}

.softwarenewcss-dashboard-card-two>i {
  background: #ffc63b;
  color: #00287d;
}

.softwarenewcss-dashboard-card strong {
  display: block;
  margin-bottom: 4px;
  color: #111;
  font-size: 15px;
}

.softwarenewcss-dashboard-card span {
  display: block;
  color: #000;
  font-family: "Inter", sans-serif;
  font-size: 11px;
  line-height: 1.4;
}

.softwarenewcss-dashboard-card-two strong {
  color: #fff;
}

.softwarenewcss-dashboard-card-two span {
  color: rgba(255, 255, 255, .72);
}


/* =========================================================
   USERS
========================================================= */

.softwarenewcss-users {
  padding: 115px 0;
  background: #fff;
}

.softwarenewcss-users-head {
  max-width: 800px;
  margin: 0 auto 65px;
  text-align: center;
}

.softwarenewcss-users-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
}

.softwarenewcss-user-card {
  position: relative;
  min-height: 500px;
  padding: 32px 28px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background: #f7f8fc;
  border: 1px solid #dfe1eb;
  overflow: hidden;
  transition: transform .35s ease, box-shadow .35s ease;
}

.softwarenewcss-user-card:nth-child(2) {
  background: #00287d;
}

.softwarenewcss-user-card:nth-child(3) {
  background: #fff7de;
}

.softwarenewcss-user-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 24px 50px rgba(34, 36, 80, .1);
}

.softwarenewcss-user-number {
  position: absolute;
  top: 24px;
  right: 25px;
  color: rgba(55, 51, 153, .15);
  font-family: "Work Sans", sans-serif;
  font-size: 48px;
  font-weight: 600;
}

.softwarenewcss-user-card:nth-child(2) .softwarenewcss-user-number {
  color: rgba(255, 255, 255, .14);
}

.softwarenewcss-user-icon {
  position: absolute;
  top: 34px;
  left: 28px;
  width: 76px;
  height: 76px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #00287d;
  color: #fff;
  font-size: 28px;
}

.softwarenewcss-user-card:nth-child(2) .softwarenewcss-user-icon {
  background: #ffc63b;
  color: #00287d;
}

.softwarenewcss-user-card:nth-child(3) .softwarenewcss-user-icon {
  background: #ffc63b;
  color: #111;
}

.softwarenewcss-user-card h3 {
  margin: 0 0 14px;
  color: #111;
  font-size: 25px;
  font-weight: 600;
}

.softwarenewcss-user-card>p {
  margin-bottom: 25px;
  font-size: 15px;
}

.softwarenewcss-user-card:nth-child(2) h3 {
  color: #fff;
}

.softwarenewcss-user-card:nth-child(2)>p {
  color: rgba(255, 255, 255, .75);
}

.softwarenewcss-user-card ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.softwarenewcss-user-card li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 11px 0;
  border-top: 1px solid rgba(55, 51, 153, .12);
  color: #000;
  font-family: "Inter", sans-serif;
  font-size: 13px;
}

.softwarenewcss-user-card:nth-child(2) li {
  border-color: rgba(255, 255, 255, .14);
  color: #fff;
}

.softwarenewcss-user-card li i {
  margin-top: 3px;
  color: #00287d;
}

.softwarenewcss-user-card:nth-child(2) li i {
  color: #ffc63b;
}


/* =========================================================
   MODULES
========================================================= */

.softwarenewcss-modules {
  padding: 115px 0;
  background: #242424;
}

.softwarenewcss-modules-layout {
  display: grid;
  grid-template-columns: minmax(300px, .68fr) minmax(0, 1.32fr);
  gap: 85px;
  align-items: start;
}

.softwarenewcss-modules-intro {
  position: sticky;
  top: 120px;
}

.softwarenewcss-modules .softwarenewcss-kicker {
  color: #ffc63b;
}

.softwarenewcss-modules-intro h2 {
  margin-bottom: 22px;
  color: #fff;
}

.softwarenewcss-modules-intro h2 strong {
  color: #ffc63b;
}

.softwarenewcss-modules-intro>p {
  color: rgba(255, 255, 255, .75);
}

.softwarenewcss-modules-orbit {
  position: relative;
  width: 280px;
  height: 280px;
  margin-top: 45px;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 50%;
}

.softwarenewcss-modules-center {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 130px;
  height: 130px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: 50%;
  background: #ffc63b;
  transform: translate(-50%, -50%);
}

.softwarenewcss-modules-center i {
  margin-bottom: 10px;
  color: #00287d;
  font-size: 29px;
}

.softwarenewcss-modules-center strong {
  color: #111;
  font-size: 14px;
}

.softwarenewcss-modules-orbit>span {
  position: absolute;
  color: #fff;
  font-family: "Inter", sans-serif;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
}

.softwarenewcss-modules-orbit>span:nth-child(2) {
  top: 19px;
  left: 50%;
  transform: translateX(-50%);
}

.softwarenewcss-modules-orbit>span:nth-child(3) {
  top: 50%;
  right: 13px;
  transform: translateY(-50%);
}

.softwarenewcss-modules-orbit>span:nth-child(4) {
  bottom: 19px;
  left: 50%;
  transform: translateX(-50%);
}

.softwarenewcss-modules-orbit>span:nth-child(5) {
  top: 50%;
  left: 13px;
  transform: translateY(-50%);
}

.softwarenewcss-module-list {
  border-top: 1px solid rgba(255, 255, 255, .14);
}

.softwarenewcss-module {
  display: grid;
  grid-template-columns: 55px 70px minmax(0, 1fr);
  gap: 22px;
  align-items: center;
  min-height: 145px;
  padding: 22px 0;
  border-bottom: 1px solid rgba(255, 255, 255, .14);
  transition: padding .35s ease, background .35s ease;
}

.softwarenewcss-module:hover {
  padding-left: 20px;
  padding-right: 20px;
  background: rgba(255, 255, 255, .06);
}

.softwarenewcss-module-index {
  color: #ffc63b;
  font-family: "Work Sans", sans-serif;
  font-size: 16px;
  font-weight: 600;
}

.softwarenewcss-module-icon {
  width: 66px;
  height: 66px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #00287d;
  color: #fff;
  font-size: 24px;
}

.softwarenewcss-module:nth-child(even) .softwarenewcss-module-icon {
  background: #ffc63b;
  color: #00287d;
}

.softwarenewcss-module h3 {
  margin: 0 0 8px;
  color: #fff;
  font-size: 21px;
  font-weight: 600;
}

.softwarenewcss-module p {
  color: rgba(255, 255, 255, .7);
  font-size: 14px;
}


/* =========================================================
   WORKFLOW
========================================================= */

.softwarenewcss-workflow {
  padding: 115px 0;
  background: #f7f8fc;
}

.softwarenewcss-workflow-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, .72fr);
  gap: 70px;
  align-items: end;
  margin-bottom: 65px;
}

.softwarenewcss-workflow-head p {
  max-width: 520px;
}

.softwarenewcss-workflow-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 55px minmax(0, 1fr) 55px minmax(0, 1fr) 55px minmax(0, 1fr);
  align-items: center;
}

.softwarenewcss-workflow-step {
  min-height: 330px;
  padding: 28px 25px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background: #fff;
  border: 1px solid #dfe1eb;
  transition: transform .35s ease, box-shadow .35s ease;
}

.softwarenewcss-workflow-step:nth-child(5) {
  background: #00287d;
}

.softwarenewcss-workflow-step:hover {
  transform: translateY(-7px);
  box-shadow: 0 20px 45px rgba(34, 36, 80, .1);
}

.softwarenewcss-workflow-top {
  margin-bottom: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.softwarenewcss-workflow-top span {
  color: #00287d;
  font-family: "Inter", sans-serif;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 1.2px;
  text-transform: uppercase;
}

.softwarenewcss-workflow-top i {
  color: #00287d;
  font-size: 27px;
}

.softwarenewcss-workflow-step:nth-child(5) .softwarenewcss-workflow-top span,
.softwarenewcss-workflow-step:nth-child(5) .softwarenewcss-workflow-top i {
  color: #ffc63b;
}

.softwarenewcss-workflow-step h3 {
  margin: 50px 0 12px;
  color: #111;
  font-size: 21px;
  font-weight: 600;
}

.softwarenewcss-workflow-step p {
  font-size: 14px;
}

.softwarenewcss-workflow-step:nth-child(5) h3 {
  color: #fff;
}

.softwarenewcss-workflow-step:nth-child(5) p {
  color: rgba(255, 255, 255, .72);
}

.softwarenewcss-workflow-arrow {
  text-align: center;
  color: #00287d;
}


/* =========================================================
   TECHNOLOGY
========================================================= */

.softwarenewcss-technology {
  padding: 115px 0;
  background: #fff;
}

.softwarenewcss-technology-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr);
  gap: 85px;
  align-items: center;
}

.softwarenewcss-technology-visual {
  position: relative;
  min-height: 610px;
  padding: 0 55px 55px 0;
}

.softwarenewcss-technology-visual::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 72%;
  height: 72%;
  background: #ffc63b;
}

.softwarenewcss-technology-image {
  position: relative;
  z-index: 1;
  height: 540px;
  overflow: hidden;
}

.softwarenewcss-technology-image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.softwarenewcss-technology-code {
  position: absolute;
  z-index: 3;
  left: -20px;
  bottom: 25px;
  width: 300px;
  padding: 22px;
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  gap: 15px;
  align-items: center;
  background: #00287d;
}

.softwarenewcss-technology-code i {
  width: 52px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffc63b;
  color: #00287d;
  font-size: 21px;
}

.softwarenewcss-technology-code strong {
  display: block;
  margin-bottom: 4px;
  color: #fff;
  font-size: 15px;
}

.softwarenewcss-technology-code span {
  color: rgba(255, 255, 255, .72);
  font-family: "Inter", sans-serif;
  font-size: 11px;
  line-height: 1.4;
}

.softwarenewcss-technology-device {
  position: absolute;
  z-index: 3;
  top: 30px;
  right: 0;
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  box-shadow: 0 18px 38px rgba(34, 36, 80, .15);
  color: #00287d;
  font-size: 34px;
}

.softwarenewcss-technology-content h2 {
  margin-bottom: 22px;
}

.softwarenewcss-technology-content>p {
  margin-bottom: 34px;
}

.softwarenewcss-technology-features {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.softwarenewcss-technology-features>div {
  min-height: 150px;
  padding: 20px;
  background: #f7f8fc;
  border: 1px solid #dfe1eb;
}

.softwarenewcss-technology-features>div>i {
  margin-bottom: 20px;
  color: #00287d;
  font-size: 24px;
}

.softwarenewcss-technology-features h3 {
  margin: 0 0 8px;
  color: #111;
  font-size: 17px;
  font-weight: 600;
}

.softwarenewcss-technology-features p {
  font-size: 13px;
}


/* =========================================================
   SECURITY
========================================================= */

.softwarenewcss-security {
  padding: 110px 0;
  background: #ffc63b;
}

.softwarenewcss-security-layout {
  display: grid;
  grid-template-columns: minmax(300px, .65fr) minmax(0, 1.35fr);
  gap: 75px;
  align-items: center;
}

.softwarenewcss-security-content h2 {
  margin-bottom: 22px;
}

.softwarenewcss-security-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.softwarenewcss-security-card {
  position: relative;
  min-height: 220px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background: rgba(255, 255, 255, .58);
}

.softwarenewcss-security-card:nth-child(2) {
  background: #00287d;
}

.softwarenewcss-security-card>span {
  position: absolute;
  top: 18px;
  right: 20px;
  color: rgba(55, 51, 153, .17);
  font-family: "Work Sans", sans-serif;
  font-size: 35px;
  font-weight: 600;
}

.softwarenewcss-security-card:nth-child(2)>span {
  color: rgba(255, 255, 255, .15);
}

.softwarenewcss-security-card>i {
  position: absolute;
  top: 25px;
  left: 23px;
  color: #00287d;
  font-size: 26px;
}

.softwarenewcss-security-card:nth-child(2)>i {
  color: #ffc63b;
}

.softwarenewcss-security-card h3 {
  margin: 0 0 9px;
  color: #111;
  font-size: 19px;
  font-weight: 600;
}

.softwarenewcss-security-card p {
  font-size: 13px;
}

.softwarenewcss-security-card:nth-child(2) h3 {
  color: #fff;
}

.softwarenewcss-security-card:nth-child(2) p {
  color: rgba(255, 255, 255, .72);
}


/* =========================================================
   SUPPORT
========================================================= */

.softwarenewcss-support {
  padding: 115px 0;
  background: #242424;
}

.softwarenewcss-support-layout {
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
  gap: 85px;
  align-items: center;
}

.softwarenewcss-support .softwarenewcss-kicker {
  color: #ffc63b;
}

.softwarenewcss-support-content h2 {
  margin-bottom: 22px;
  color: #fff;
}

.softwarenewcss-support-content h2 strong {
  color: #ffc63b;
}

.softwarenewcss-support-content>p {
  margin-bottom: 30px;
  color: rgba(255, 255, 255, .75);
}

.softwarenewcss-support-list {
  border-top: 1px solid rgba(255, 255, 255, .14);
}

.softwarenewcss-support-list>div {
  position: relative;
  display: grid;
  grid-template-columns: 55px 60px minmax(0, 1fr);
  gap: 17px;
  align-items: center;
  min-height: 125px;
  border-bottom: 1px solid rgba(255, 255, 255, .14);
}

.softwarenewcss-support-list>div>span {
  color: #ffc63b;
  font-family: "Work Sans", sans-serif;
  font-size: 14px;
  font-weight: 600;
}

.softwarenewcss-support-list>div>i {
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, .08);
  color: #ffc63b;
  font-size: 21px;
}

.softwarenewcss-support-list h3 {
  margin: 0 0 6px;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
}

.softwarenewcss-support-list p {
  color: rgba(255, 255, 255, .68);
  font-size: 13px;
}

.softwarenewcss-support-visual {
  position: relative;
  min-height: 600px;
  padding: 0 0 45px 45px;
}

.softwarenewcss-support-visual::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 72%;
  height: 72%;
  background: #ffc63b;
}

.softwarenewcss-support-image {
  position: relative;
  z-index: 1;
  height: 535px;
}

.softwarenewcss-support-image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.softwarenewcss-support-card {
  position: absolute;
  z-index: 3;
  right: -20px;
  bottom: 25px;
  width: 295px;
  padding: 22px;
  display: grid;
  grid-template-columns: 50px minmax(0, 1fr);
  gap: 15px;
  align-items: center;
  background: #00287d;
}

.softwarenewcss-support-card>i {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffc63b;
  color: #00287d;
  font-size: 20px;
}

.softwarenewcss-support-card strong {
  display: block;
  margin-bottom: 4px;
  color: #fff;
  font-size: 15px;
}

.softwarenewcss-support-card span {
  color: rgba(255, 255, 255, .72);
  font-family: "Inter", sans-serif;
  font-size: 11px;
}


/* =========================================================
   FAQ
========================================================= */

.softwarenewcss-faq {
  padding: 115px 0;
  background: #f7f8fc;
}

.softwarenewcss-faq-layout {
  display: grid;
  grid-template-columns: minmax(300px, .68fr) minmax(0, 1.32fr);
  gap: 75px;
  align-items: start;
}

.softwarenewcss-faq-heading {
  position: sticky;
  top: 120px;
}

.softwarenewcss-faq-heading h2 {
  margin-bottom: 30px;
}

.softwarenewcss-faq-note {
  padding: 22px;
  display: grid;
  grid-template-columns: 50px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  background: #ffc63b;
}

.softwarenewcss-faq-note>i {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #00287d;
  color: #fff;
}

.softwarenewcss-faq-note strong {
  display: block;
  margin-bottom: 4px;
  color: #111;
  font-size: 15px;
}

.softwarenewcss-faq-note span {
  color: #000;
  font-family: "Inter", sans-serif;
  font-size: 11px;
  line-height: 1.4;
}

.softwarenewcss-accordion {
  --bs-accordion-border-radius: 0;
  --bs-accordion-inner-border-radius: 0;
  --bs-accordion-btn-focus-box-shadow: none;
}

.softwarenewcss-accordion .accordion-item {
  margin-bottom: 14px;
  border: 1px solid #dfe1eb;
  background: #fff;
}

.softwarenewcss-accordion .accordion-button {
  gap: 16px;
  padding: 23px;
  background: #fff;
  color: #111;
  font-family: "Work Sans", sans-serif;
  font-size: 17px;
  font-weight: 600;
}

.softwarenewcss-accordion .accordion-button:not(.collapsed) {
  background: #00287d;
  color: #fff;
  box-shadow: none;
}

.softwarenewcss-accordion .accordion-button>span {
  flex: 0 0 38px;
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #dfe5ff;
  color: #00287d;
  font-size: 11px;
}

.softwarenewcss-accordion .accordion-button:not(.collapsed)>span {
  background: #ffc63b;
  color: #111;
}

.softwarenewcss-accordion .accordion-button:not(.collapsed)::after {
  filter: brightness(0) invert(1);
}

.softwarenewcss-accordion .accordion-body {
  padding: 22px 24px 25px 78px;
  color: #000;
  font-family: "Inter", sans-serif;
  font-size: 15px;
  line-height: 1.7;
}


/* =========================================================
   CLOSING
========================================================= */

.softwarenewcss-closing {
  padding: 85px 0;
  background: #00287d;
}

.softwarenewcss-closing-wrap {
  display: grid;
  grid-template-columns: 85px minmax(0, 1fr) auto;
  gap: 28px;
  align-items: center;
}

.softwarenewcss-closing-icon {
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffc63b;
  color: #00287d;
  font-size: 29px;
}

.softwarenewcss-closing-wrap>div:nth-child(2)>span {
  display: block;
  margin-bottom: 10px;
  color: #ffc63b;
  font-family: "Inter", sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.softwarenewcss-closing h2 {
  max-width: 800px;
  color: #fff;
  font-size: 33px;
}

.softwarenewcss-closing a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 17px;
  min-height: 57px;
  padding: 16px 23px;
  background: #ffc63b;
  color: #111;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
  transition: background .35s ease, transform .35s ease;
}

.softwarenewcss-closing a:hover {
  background: #fff;
  color: #00287d;
  transform: translateY(-3px);
}


/* =========================================================
   LAPTOP
========================================================= */

@media(max-width:1199px) {

  .softwarenewcss-intro,
  .softwarenewcss-users,
  .softwarenewcss-modules,
  .softwarenewcss-workflow,
  .softwarenewcss-technology,
  .softwarenewcss-security,
  .softwarenewcss-support,
  .softwarenewcss-faq {
    padding: 90px 0;
  }

  .softwarenewcss-intro-grid,
  .softwarenewcss-modules-layout,
  .softwarenewcss-technology-layout,
  .softwarenewcss-security-layout,
  .softwarenewcss-support-layout,
  .softwarenewcss-faq-layout {
    gap: 55px;
  }

  .softwarenewcss-intro-content h2 {
    font-size: 45px;
  }

  .softwarenewcss-workflow-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
  }

  .softwarenewcss-workflow-arrow {
    display: none;
  }
}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:991px) {

  .softwarenewcss-intro::before {
    display: none;
  }

  .softwarenewcss-intro-grid,
  .softwarenewcss-modules-layout,
  .softwarenewcss-workflow-head,
  .softwarenewcss-technology-layout,
  .softwarenewcss-security-layout,
  .softwarenewcss-support-layout,
  .softwarenewcss-faq-layout {
    grid-template-columns: 1fr;
  }

  .softwarenewcss-dashboard-stage,
  .softwarenewcss-technology-visual,
  .softwarenewcss-support-visual {
    width: 100%;
    max-width: 720px;
    margin: 0 auto;
  }

  .softwarenewcss-users-grid {
    grid-template-columns: 1fr;
  }

  .softwarenewcss-user-card {
    min-height: 400px;
  }

  .softwarenewcss-modules-intro,
  .softwarenewcss-faq-heading {
    position: relative;
    top: auto;
  }

  .softwarenewcss-modules-orbit {
    display: none;
  }

  .softwarenewcss-workflow-head {
    gap: 22px;
  }

  .softwarenewcss-workflow-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .softwarenewcss-closing-wrap {
    grid-template-columns: 75px minmax(0, 1fr);
  }

  .softwarenewcss-closing a {
    grid-column: 2;
    justify-self: start;
  }
}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:767px) {

  .softwarenewcss h2 {
    font-size: 32px;
  }

  .softwarenewcss p {
    font-size: 16px;
  }

  .softwarenewcss-intro,
  .softwarenewcss-users,
  .softwarenewcss-modules,
  .softwarenewcss-workflow,
  .softwarenewcss-technology,
  .softwarenewcss-security,
  .softwarenewcss-support,
  .softwarenewcss-faq {
    padding: 70px 0;
  }

  .softwarenewcss-intro-content h2 {
    font-size: 37px;
  }

  .softwarenewcss-intro-stats {
    grid-template-columns: 1fr;
    gap: 15px;
  }

  .softwarenewcss-dashboard-stage {
    min-height: 500px;
    padding: 40px 15px 85px;
  }

  .softwarenewcss-dashboard-image {
    height: 350px;
  }

  .softwarenewcss-dashboard-card-one {
    width: 270px;
  }

  .softwarenewcss-dashboard-card-two {
    width: 220px;
  }

  .softwarenewcss-module {
    grid-template-columns: 45px 60px minmax(0, 1fr);
    gap: 14px;
  }

  .softwarenewcss-module-icon {
    width: 56px;
    height: 56px;
  }

  .softwarenewcss-workflow-grid,
  .softwarenewcss-security-grid {
    grid-template-columns: 1fr;
  }

  .softwarenewcss-technology-features {
    grid-template-columns: 1fr;
  }

  .softwarenewcss-technology-visual,
  .softwarenewcss-support-visual {
    min-height: 500px;
  }

  .softwarenewcss-technology-image,
  .softwarenewcss-support-image {
    height: 440px;
  }
}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media(max-width:480px) {

  .softwarenewcss-intro-content h2 {
    font-size: 32px;
  }

  .softwarenewcss-btn {
    width: 100%;
  }

  .softwarenewcss-intro-actions {
    align-items: flex-start;
    flex-direction: column;
  }

  .softwarenewcss-dashboard-stage {
    min-height: auto;
    padding: 0;
  }

  .softwarenewcss-dashboard-window {
    border-radius: 8px;
  }

  .softwarenewcss-dashboard-bar strong {
    display: none;
  }

  .softwarenewcss-dashboard-image {
    height: 280px;
  }

  .softwarenewcss-dashboard-card-one,
  .softwarenewcss-dashboard-card-two {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    width: 100%;
    margin-top: 12px;
  }

  .softwarenewcss-user-card {
    min-height: 420px;
  }

  .softwarenewcss-module {
    grid-template-columns: 45px minmax(0, 1fr);
  }

  .softwarenewcss-module-icon {
    display: none;
  }

  .softwarenewcss-workflow-grid {
    grid-template-columns: 1fr;
  }

  .softwarenewcss-technology-visual,
  .softwarenewcss-support-visual {
    min-height: auto;
    padding: 0;
  }

  .softwarenewcss-technology-visual::before,
  .softwarenewcss-support-visual::before {
    display: none;
  }

  .softwarenewcss-technology-image,
  .softwarenewcss-support-image {
    height: 350px;
  }

  .softwarenewcss-technology-code,
  .softwarenewcss-support-card {
    position: relative;
    right: auto;
    bottom: auto;
    left: auto;
    width: 100%;
  }

  .softwarenewcss-technology-device {
    display: none;
  }

  .softwarenewcss-support-list>div {
    grid-template-columns: 42px minmax(0, 1fr);
  }

  .softwarenewcss-support-list>div>i {
    display: none;
  }

  .softwarenewcss-accordion .accordion-button {
    align-items: flex-start;
    padding: 18px;
    font-size: 15px;
  }

  .softwarenewcss-accordion .accordion-body {
    padding: 20px;
    font-size: 14px;
  }

  .softwarenewcss-closing-wrap {
    grid-template-columns: 1fr;
  }

  .softwarenewcss-closing a {
    grid-column: auto;
    width: 100%;
  }

  .softwarenewcss-closing h2 {
    font-size: 28px;
  }
}

/* IAMA Admissions Inner Pages � shared stylesheet */
.admission-inner-page,
.admission-inner-page * {
  box-sizing: border-box
}

.admission-inner-page {
  position: relative;
  width: 100%;
  overflow: hidden
}

.admission-inner-page h2 {
  margin: 0;
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 42px;
  font-weight: 700;
  line-height: 1.2
}

.admission-inner-page h2 strong {
  color: #00287d;
  font-weight: 700
}

.admission-inner-page h3,
.admission-inner-page strong {
  font-family: "Work Sans", sans-serif
}

.admission-inner-page p {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #000;
  line-height: 1.6em
}

.admission-kicker {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 18px;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 1.8px;
  text-transform: uppercase;
  color: #00287d
}

.admission-kicker i {
  color: #ffc63b
}

.admission-section-head {
  max-width: 820px;
  margin-bottom: 55px
}

.admission-section-head.center {
  margin-left: auto;
  margin-right: auto;
  text-align: center
}

.admission-section-head p {
  margin-top: 18px
}

.admission-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  min-height: 56px;
  padding: 15px 24px;
  background: #00287d;
  color: #fff !important;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  transition: transform .35s ease, background .35s ease, box-shadow .35s ease
}

.admission-btn:hover {
  background: #292675;
  transform: translateY(-3px);
  box-shadow: 0 14px 30px rgba(55, 51, 153, .2)
}

.admission-btn.gold {
  background: #ffc63b;
  color: #111 !important
}

.admission-btn.gold:hover {
  background: #fff;
  color: #00287d !important
}

.admission-textlink {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: #00287d;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none
}

.admission-textlink i,
.admission-btn i {
  transition: transform .3s ease
}

.admission-textlink:hover i,
.admission-btn:hover i {
  transform: translateX(4px)
}

.admission-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 22px;
  align-items: center;
  margin-top: 32px
}

.admission-zoom {
  overflow: hidden
}

.admission-zoom img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform .65s ease
}

.admission-zoom:hover img {
  transform: scale(1.055)
}

/* Admissions */
.newadmissionsec {
  padding: 115px 0;
  background: #f7f8fc
}

.newadmissionsec-grid {
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: 80px;
  align-items: center
}

.newadmissionsec-copy h2 {
  font-size: 50px
}

.newadmissionsec-copy p {
  margin-top: 23px
}

.newadmissionsec-visual {
  position: relative;
  height: 600px;
  padding: 0 0 45px 45px
}

.newadmissionsec-visual:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 72%;
  height: 72%;
  background: #00287d
}

.newadmissionsec-visual>img {
  position: relative;
  z-index: 1
}

.newadmissionsec-note {
  position: absolute;
  z-index: 3;
  right: 0;
  bottom: 10px;
  width: 320px;
  padding: 22px;
  display: grid;
  grid-template-columns: 54px 1fr;
  gap: 15px;
  align-items: center;
  background: #ffc63b;
  box-shadow: 0 18px 45px rgba(20, 20, 40, .18)
}

.newadmissionsec-note i {
  width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
  background: #00287d;
  color: #fff;
  font-size: 22px
}

.newadmissionsec-note strong,
.newadmissionsec-note span {
  display: block
}

.newadmissionsec-note span {
  margin-top: 4px;
  font: 12px/1.45 "Inter", sans-serif;
  color: #000
}

.admissionpathwayssec {
  padding: 110px 0;
  background: #fff
}

.admissionpathwayssec-rail {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border: 1px solid #e2e3ec
}

.admissionpathwayssec-rail article {
  position: relative;
  min-height: 310px;
  padding: 30px 26px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  border-right: 1px solid #e2e3ec;
  transition: transform .35s ease, background .35s ease
}

.admissionpathwayssec-rail article:last-child {
  border: 0
}

.admissionpathwayssec-rail article:hover {
  background: #00287d;
  transform: translateY(-8px)
}

.admissionpathwayssec-rail b {
  position: absolute;
  top: 24px;
  right: 25px;
  color: rgba(55, 51, 153, .15);
  font-size: 44px
}

.admissionpathwayssec-rail i {
  margin-bottom: auto;
  color: #00287d;
  font-size: 30px
}

.admissionpathwayssec-rail h3 {
  margin: 45px 0 10px;
  color: #111;
  font-size: 22px
}

.admissionpathwayssec-rail p {
  font-size: 14px
}

.admissionpathwayssec-rail article:hover h3,
.admissionpathwayssec-rail article:hover p {
  color: #fff
}

.admissionpathwayssec-rail article:hover i {
  color: #ffc63b
}

.admissionProgrammesec {
  padding: 115px 0;
  background: #242424
}

.admissionProgrammesec-layout {
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 75px;
  align-items: center
}

.admissionProgrammesec-image {
  height: 570px
}

.admissionProgrammesec .admission-kicker {
  color: #ffc63b
}

.admissionProgrammesec h2 {
  color: #fff
}

.admissionProgrammesec h2 strong {
  color: #ffc63b
}

.admissionProgrammesec-list {
  margin-top: 30px;
  border-top: 1px solid rgba(255, 255, 255, .14)
}

.admissionProgrammesec-list a {
  display: grid;
  grid-template-columns: 85px 1fr 42px;
  gap: 20px;
  align-items: center;
  padding: 22px 0;
  border-bottom: 1px solid rgba(255, 255, 255, .14);
  text-decoration: none;
  transition: padding .35s ease
}

.admissionProgrammesec-list a:hover {
  padding-left: 16px
}

.admissionProgrammesec-list>a>span {
  color: #ffc63b;
  font: 700 10px/1.2 "Inter", sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px
}

.admissionProgrammesec-list h3 {
  margin: 0 0 5px;
  color: #fff;
  font-size: 20px
}

.admissionProgrammesec-list p {
  color: rgba(255, 255, 255, .68);
  font-size: 14px
}

.admissionProgrammesec-list>a>i {
  color: #ffc63b
}

.admissionreadinesssec {
  padding: 85px 0;
  background: #ffc63b
}

.admissionreadinesssec-wrap {
  display: grid;
  grid-template-columns: .8fr 1.2fr auto;
  gap: 45px;
  align-items: center
}

.admissionreadinesssec-checks {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 13px
}

.admissionreadinesssec-checks span {
  display: flex;
  gap: 10px;
  align-items: center;
  font: 700 13px/1.4 "Inter", sans-serif;
  color: #111
}

.admissionreadinesssec-checks i {
  color: #00287d
}

/* Admission Process */
.addmissionprocesssec {
  padding: 115px 0;
  background: #fff
}

.addmissionprocesssec-intro {
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 75px;
  align-items: end;
  margin-bottom: 55px
}

.addmissionprocesssec-stage {
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  min-height: 670px;
  background: #f7f8fc
}

.addmissionprocesssec-image {
  height: 100%
}

.addmissionprocesssec-track {
  padding: 40px
}

.addmissionprocesssec-track article {
  display: grid;
  grid-template-columns: 65px 1fr;
  gap: 20px;
  padding: 23px 0;
  border-bottom: 1px solid #dfe1eb
}

.addmissionprocesssec-track article:last-child {
  border: 0
}

.addmissionprocesssec-track span {
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #00287d;
  color: #fff;
  font: 700 13px "Work Sans", sans-serif;
  transition: transform .3s ease, background .3s ease
}

.addmissionprocesssec-track article:hover span {
  background: #ffc63b;
  color: #111;
  transform: scale(1.08)
}

.addmissionprocesssec-track h3 {
  margin: 0 0 7px;
  color: #111;
  font-size: 20px
}

.addmissionprocesssec-track p {
  font-size: 14px
}

.processdocumentsec {
  padding: 110px 0;
  background: #00287d
}

.processdocumentsec-layout {
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: 75px;
  align-items: center
}

.processdocumentsec .admission-kicker {
  color: #ffc63b
}

.processdocumentsec h2 {
  color: #fff
}

.processdocumentsec h2 strong {
  color: #ffc63b
}

.processdocumentsec-copy>p {
  margin-top: 20px;
  color: rgba(255, 255, 255, .74)
}

.processdocumentsec-copy ul {
  list-style: none;
  margin: 28px 0 0;
  padding: 0
}

.processdocumentsec-copy li {
  display: flex;
  gap: 11px;
  padding: 10px 0;
  color: #fff;
  font: 14px/1.5 "Inter", sans-serif
}

.processdocumentsec-copy li i {
  color: #ffc63b
}

.processdocumentsec-files {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 15px
}

.processdocumentsec-files article {
  min-height: 190px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background: rgba(255, 255, 255, .08);
  border: 1px solid rgba(255, 255, 255, .13);
  transition: transform .35s ease, background .35s ease
}

.processdocumentsec-files article:hover {
  transform: translateY(-7px);
  background: #fff
}

.processdocumentsec-files i {
  margin-bottom: auto;
  color: #ffc63b;
  font-size: 27px
}

.processdocumentsec-files strong {
  color: #fff;
  font-size: 18px
}

.processdocumentsec-files span {
  margin-top: 5px;
  color: rgba(255, 255, 255, .65);
  font: 13px "Inter", sans-serif
}

.processdocumentsec-files article:hover strong,
.processdocumentsec-files article:hover span {
  color: #111
}

.processreviewsec {
  padding: 115px 0;
  background: #f7f8fc
}

.processreviewsec-board {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 70px;
  align-items: center
}

.processreviewsec-rows {
  margin-top: 30px
}

.processreviewsec-rows article {
  display: grid;
  grid-template-columns: 85px 1fr;
  column-gap: 18px;
  padding: 18px 0;
  border-top: 1px solid #dfe1eb
}

.processreviewsec-rows b {
  grid-row: 1/3;
  color: #00287d;
  font-size: 12px;
  text-transform: uppercase
}

.processreviewsec-rows h3 {
  margin: 0 0 5px;
  color: #111;
  font-size: 19px
}

.processreviewsec-rows p {
  font-size: 14px
}

.processreviewsec-image {
  position: relative;
  height: 550px
}

.processreviewsec-badge {
  position: absolute;
  left: 25px;
  bottom: 25px;
  padding: 14px 18px;
  background: #ffc63b;
  color: #111;
  font: 700 12px "Inter", sans-serif
}

.processcompletionsec {
  padding: 75px 0;
  background: #242424
}

.processcompletionsec-inner {
  display: grid;
  grid-template-columns: 78px 1fr auto;
  gap: 25px;
  align-items: center
}

.processcompletionsec-inner>i {
  width: 72px;
  height: 72px;
  display: grid;
  place-items: center;
  background: #ffc63b;
  color: #00287d;
  font-size: 27px
}

.processcompletionsec h2 {
  color: #fff;
  font-size: 32px
}

.processcompletionsec p {
  margin-top: 8px;
  color: rgba(255, 255, 255, .7)
}

/* Eligibility */
.neweligibilitysec {
  padding: 115px 0;
  background: #f7f8fc
}

.neweligibilitysec-layout {
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: 80px;
  align-items: center
}

.neweligibilitysec-copy p {
  margin-top: 22px
}

.neweligibilitysec-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 28px
}

.neweligibilitysec-tags span {
  padding: 10px 14px;
  background: #fff;
  border: 1px solid #dfe1eb;
  color: #00287d;
  font: 700 11px "Inter", sans-serif;
  text-transform: uppercase
}

.neweligibilitysec-image {
  position: relative;
  height: 570px;
  padding: 0 45px 45px 0
}

.neweligibilitysec-image:before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 72%;
  height: 72%;
  background: #ffc63b
}

.neweligibilitysec-image img {
  position: relative;
  z-index: 1
}

.neweligibilitysec-card {
  position: absolute;
  z-index: 3;
  left: -20px;
  bottom: 20px;
  width: 280px;
  padding: 20px;
  background: #00287d;
  color: #fff
}

.neweligibilitysec-card i {
  color: #ffc63b;
  font-size: 23px
}

.neweligibilitysec-card strong,
.neweligibilitysec-card span {
  display: block
}

.neweligibilitysec-card strong {
  margin-top: 14px
}

.neweligibilitysec-card span {
  margin-top: 4px;
  color: rgba(255, 255, 255, .7);
  font: 12px "Inter", sans-serif
}

.eligibilitylevelsec {
  padding: 110px 0;
  background: #fff
}

.eligibilitylevelsec-table {
  border: 1px solid #dfe1eb
}

.eligibilitylevelsec-row {
  display: grid;
  grid-template-columns: .75fr 1.45fr .8fr;
  gap: 25px;
  align-items: center;
  padding: 22px 26px;
  border-bottom: 1px solid #dfe1eb;
  transition: background .3s ease, transform .3s ease
}

.eligibilitylevelsec-row:last-child {
  border: 0
}

.eligibilitylevelsec-row:not(.header):hover {
  background: #f7f8fc;
  transform: translateX(7px)
}

.eligibilitylevelsec-row.header {
  background: #00287d;
  color: #fff;
  font: 700 12px "Inter", sans-serif;
  text-transform: uppercase
}

.eligibilitylevelsec-row strong {
  color: #111
}

.eligibilitylevelsec-row p {
  font-size: 14px
}

.eligibilitylevelsec-row>span {
  color: #00287d;
  font: 700 12px "Inter", sans-serif
}

.eligibilitychecksec {
  padding: 110px 0;
  background: #242424
}

.eligibilitychecksec-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 70px;
  align-items: center
}

.eligibilitychecksec .admission-kicker {
  color: #ffc63b
}

.eligibilitychecksec h2 {
  color: #fff
}

.eligibilitychecksec-list {
  display: grid;
  gap: 12px;
  margin-top: 30px
}

.eligibilitychecksec-list span {
  padding: 15px 18px;
  background: rgba(255, 255, 255, .07);
  border: 1px solid rgba(255, 255, 255, .12);
  color: #fff;
  font: 14px "Inter", sans-serif;
  transition: transform .3s ease, background .3s ease
}

.eligibilitychecksec-list span:hover {
  transform: translateX(8px);
  background: rgba(255, 255, 255, .12)
}

.eligibilitychecksec-list i {
  margin-right: 10px;
  color: #ffc63b
}

.eligibilitychecksec-image {
  position: relative;
  height: 520px
}

.eligibilitychecksec-label {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 18px 22px;
  background: #ffc63b;
  color: #111;
  font: 700 12px "Inter", sans-serif
}

.eligibilitynotesec {
  padding: 80px 0;
  background: #ffc63b
}

.eligibilitynotesec-wrap {
  display: grid;
  grid-template-columns: 70px 1fr auto;
  gap: 25px;
  align-items: center
}

.eligibilitynotesec-wrap>i {
  width: 64px;
  height: 64px;
  display: grid;
  place-items: center;
  background: #00287d;
  color: #fff;
  font-size: 24px
}

.eligibilitynotesec h2 {
  font-size: 30px
}

/* How to apply */
.applicationpreparesec {
  padding: 115px 0;
  background: #fff
}

.applicationpreparesec-layout {
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 80px;
  align-items: center
}

.applicationpreparesec-image {
  height: 580px
}

.applicationpreparesec-copy p {
  margin-top: 22px
}

.applicationpreparesec-mini {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin-top: 30px
}

.applicationpreparesec-mini article {
  padding: 18px;
  background: #f7f8fc;
  border-top: 3px solid #00287d
}

.applicationpreparesec-mini b,
.applicationpreparesec-mini span {
  display: block
}

.applicationpreparesec-mini b {
  color: #ffc63b;
  font-size: 22px
}

.applicationpreparesec-mini span {
  margin-top: 8px;
  font: 700 12px "Inter", sans-serif;
  color: #111
}

.applicationstepssec {
  padding: 110px 0;
  background: #f7f8fc
}

.applicationstepssec-stairs {
  display: grid;
  gap: 16px;
  max-width: 960px;
  margin: auto
}

.applicationstepssec-stairs article {
  display: grid;
  grid-template-columns: 105px 1fr;
  align-items: center;
  min-height: 135px;
  background: #fff;
  box-shadow: 0 10px 28px rgba(25, 25, 60, .05);
  transition: transform .35s ease, box-shadow .35s ease
}

.applicationstepssec-stairs article:nth-child(2) {
  margin-left: 60px
}

.applicationstepssec-stairs article:nth-child(3) {
  margin-left: 120px
}

.applicationstepssec-stairs article:nth-child(4) {
  margin-left: 180px
}

.applicationstepssec-stairs article:nth-child(5) {
  margin-left: 240px
}

.applicationstepssec-stairs article:hover {
  transform: translateX(8px);
  box-shadow: 0 18px 38px rgba(25, 25, 60, .1)
}

.applicationstepssec-stairs>article>span {
  height: 100%;
  display: grid;
  place-items: center;
  background: #00287d;
  color: #fff;
  font: 700 18px "Work Sans", sans-serif
}

.applicationstepssec-stairs article:nth-child(even)>span {
  background: #ffc63b;
  color: #111
}

.applicationstepssec-stairs article>div {
  position: relative;
  padding: 24px 70px 24px 25px
}

.applicationstepssec-stairs i {
  position: absolute;
  top: 28px;
  right: 25px;
  color: #00287d;
  font-size: 25px
}

.applicationstepssec-stairs h3 {
  margin: 0 0 6px;
  color: #111;
  font-size: 20px
}

.applicationstepssec-stairs p {
  font-size: 14px
}

.applicationuploadsec {
  padding: 100px 0;
  background: #00287d
}

.applicationuploadsec-grid {
  display: grid;
  grid-template-columns: .75fr 1.25fr;
  gap: 70px;
  align-items: center
}

.applicationuploadsec .admission-kicker {
  color: #ffc63b
}

.applicationuploadsec h2 {
  color: #fff
}

.applicationuploadsec p {
  margin-top: 18px;
  color: rgba(255, 255, 255, .72)
}

.applicationuploadsec-folders {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px
}

.applicationuploadsec-folders article {
  min-height: 230px;
  padding: 25px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background: rgba(255, 255, 255, .08);
  border: 1px solid rgba(255, 255, 255, .13);
  transition: transform .35s ease, background .35s ease
}

.applicationuploadsec-folders article:hover {
  transform: translateY(-7px);
  background: #fff
}

.applicationuploadsec-folders i {
  margin-bottom: auto;
  color: #ffc63b;
  font-size: 28px
}

.applicationuploadsec-folders h3 {
  margin: 25px 0 5px;
  color: #fff;
  font-size: 18px
}

.applicationuploadsec-folders span {
  color: rgba(255, 255, 255, .68);
  font: 12px "Inter", sans-serif
}

.applicationuploadsec-folders article:hover h3,
.applicationuploadsec-folders article:hover span {
  color: #111
}

.applicationsubmitsec {
  padding: 115px 0;
  background: #fff
}

.applicationsubmitsec-wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 75px;
  align-items: center
}

.applicationsubmitsec-image {
  height: 540px
}

.applicationsubmitsec ul {
  list-style: none;
  margin: 28px 0;
  padding: 0
}

.applicationsubmitsec li {
  padding: 12px 0;
  border-bottom: 1px solid #e2e3ec;
  font: 14px "Inter", sans-serif;
  color: #000
}

.applicationsubmitsec li i {
  margin-right: 10px;
  color: #00287d
}

/* International */
.newinternationalsec {
  padding: 115px 0;
  background: #f7f8fc
}

.newinternationalsec-grid {
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: 80px;
  align-items: center
}

.newinternationalsec-copy p {
  margin: 23px 0 32px
}

.newinternationalsec-visual {
  position: relative;
  min-height: 590px
}

.newinternationalsec-image {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 78%;
  height: 520px
}

.newinternationalsec-globe {
  position: absolute;
  z-index: 3;
  left: 0;
  top: 0;
  width: 210px;
  height: 210px;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: #00287d;
  box-shadow: 0 0 0 18px rgba(255, 198, 59, .55)
}

.newinternationalsec-globe i {
  margin-bottom: 12px;
  color: #ffc63b;
  font-size: 45px
}

.newinternationalsec-globe span {
  color: #fff;
  font: 700 12px "Inter", sans-serif;
  text-transform: uppercase
}

.internationalguidesec {
  padding: 110px 0;
  background: #242424
}

.internationalguidesec-head {
  max-width: 780px;
  margin-bottom: 55px
}

.internationalguidesec .admission-kicker {
  color: #ffc63b
}

.internationalguidesec h2 {
  color: #fff
}

.internationalguidesec h2 strong {
  color: #ffc63b
}

.internationalguidesec-columns {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px
}

.internationalguidesec-columns article {
  min-height: 310px;
  padding: 28px 24px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background: rgba(255, 255, 255, .07);
  border: 1px solid rgba(255, 255, 255, .12);
  transition: transform .35s ease, background .35s ease
}

.internationalguidesec-columns article:hover {
  transform: translateY(-8px);
  background: #00287d
}

.internationalguidesec-columns i {
  margin-bottom: auto;
  color: #ffc63b;
  font-size: 29px
}

.internationalguidesec-columns h3 {
  margin: 55px 0 10px;
  color: #fff;
  font-size: 20px
}

.internationalguidesec-columns p {
  color: rgba(255, 255, 255, .68);
  font-size: 14px
}

.internationalaccesssec {
  padding: 115px 0;
  background: #fff
}

.internationalaccesssec-layout {
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 75px;
  align-items: center
}

.internationalaccesssec-image {
  height: 560px
}

.internationalaccesssec-rows {
  margin-top: 28px
}

.internationalaccesssec-rows article {
  display: grid;
  grid-template-columns: 95px 1fr;
  gap: 15px;
  padding: 16px 0;
  border-bottom: 1px solid #e2e3ec
}

.internationalaccesssec-rows b {
  color: #00287d;
  font-size: 12px;
  text-transform: uppercase
}

.internationalaccesssec-rows p {
  font-size: 14px
}

.internationalpaymentsec {
  padding: 80px 0;
  background: #ffc63b
}

.internationalpaymentsec-wrap {
  display: grid;
  grid-template-columns: 1fr 320px auto;
  gap: 35px;
  align-items: center
}

.internationalpaymentsec-note {
  padding: 20px;
  display: grid;
  grid-template-columns: 48px 1fr;
  gap: 14px;
  background: #fff
}

.internationalpaymentsec-note i {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  background: #00287d;
  color: #fff
}

.internationalpaymentsec-note strong,
.internationalpaymentsec-note span {
  display: block
}

.internationalpaymentsec-note span {
  font: 12px "Inter", sans-serif;
  color: #666
}

/* Tuition */
.newtuitionsec {
  padding: 115px 0;
  background: #f7f8fc
}

.newtuitionsec-layout {
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: 80px;
  align-items: center
}

.newtuitionsec-copy p {
  margin-top: 22px
}

.newtuitionsec-points {
  display: grid;
  gap: 10px;
  margin-top: 27px
}

.newtuitionsec-points span {
  font: 700 17px "Inter", sans-serif;
  color: #000
}

.newtuitionsec-points i {
  margin-right: 10px;
  color: #00287d
}

.newtuitionsec-image {
  position: relative;
  height: 560px
}

.newtuitionsec-tag {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 18px 24px;
  background: #ffc63b;
  color: #111;
  font: 700 12px "Inter", sans-serif
}

.feesbreakdownsec {
  padding: 110px 0;
  background: #fff
}

.feesbreakdownsec-layout {
  display: grid;
  grid-template-columns: .8fr 1.2fr;
  gap: 25px
}

.feesbreakdownsec-feature {
  min-height: 480px;
  padding: 35px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background: #00287d
}

.feesbreakdownsec-feature i {
  margin-bottom: auto;
  color: #ffc63b;
  font-size: 42px
}

.feesbreakdownsec-feature span {
  color: #ffc63b;
  font: 700 11px "Inter", sans-serif;
  text-transform: uppercase
}

.feesbreakdownsec-feature h3 {
  margin: 12px 0;
  color: #fff;
  font-size: 30px
}

.feesbreakdownsec-feature p {
  color: rgba(255, 255, 255, .72)
}

.feesbreakdownsec-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 15px
}

.feesbreakdownsec-list article {
  padding: 26px;
  background: #f7f8fc;
  border: 1px solid #e2e3ec;
  transition: transform .35s ease, box-shadow .35s ease
}

.feesbreakdownsec-list article:hover {
  transform: translateY(-7px);
  box-shadow: 0 18px 35px rgba(30, 30, 70, .09)
}

.feesbreakdownsec-list b {
  color: #ffc63b;
  font-size: 28px
}

.feesbreakdownsec-list h3 {
  margin: 30px 0 8px;
  color: #111;
  font-size: 19px
}

.feesbreakdownsec-list p {
  font-size: 14px
}

.paymentguidancesec {
  padding: 115px 0;
  background: #242424
}

.paymentguidancesec-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 75px;
  align-items: center
}

.paymentguidancesec-image {
  height: 550px
}

.paymentguidancesec .admission-kicker {
  color: #ffc63b
}

.paymentguidancesec h2 {
  color: #fff
}

.paymentguidancesec-steps {
  margin-top: 28px
}

.paymentguidancesec-steps article {
  display: grid;
  grid-template-columns: 55px 1fr;
  gap: 16px;
  align-items: center;
  padding: 15px 0;
  border-bottom: 1px solid rgba(255, 255, 255, .14)
}

.paymentguidancesec-steps span {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #ffc63b;
  color: #111;
  font: 700 12px "Work Sans", sans-serif
}

.paymentguidancesec-steps p {
  color: #fff;
  font-size: 15px
}

.feepolicysec {
  padding: 80px 0;
  background: #ffc63b
}

.feepolicysec-wrap {
  display: grid;
  grid-template-columns: 70px 1fr auto;
  gap: 25px;
  align-items: center
}

.feepolicysec-wrap>i {
  width: 64px;
  height: 64px;
  display: grid;
  place-items: center;
  background: #00287d;
  color: #fff;
  font-size: 24px
}

.feepolicysec h2 {
  font-size: 30px
}

/* Transfer */
.newtransfersec {
  padding: 115px 0;
  background: #fff
}

.newtransfersec-layout {
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 80px;
  align-items: center
}

.newtransfersec-visual {
  position: relative;
  min-height: 590px;
  padding: 0 50px 50px 0
}

.newtransfersec-visual:before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 70%;
  height: 70%;
  background: #00287d
}

.newtransfersec-image {
  position: relative;
  z-index: 1;
  height: 530px
}

.newtransfersec-shift {
  position: absolute;
  z-index: 3;
  left: -20px;
  bottom: 22px;
  width: 300px;
  padding: 22px;
  background: #ffc63b
}

.newtransfersec-shift i {
  color: #00287d;
  font-size: 25px
}

.newtransfersec-shift strong,
.newtransfersec-shift span {
  display: block
}

.newtransfersec-shift strong {
  margin-top: 12px
}

.newtransfersec-shift span {
  font: 12px "Inter", sans-serif;
  color: #000
}

.newtransfersec-copy p {
  margin: 22px 0 32px
}

.transferreviewsec {
  padding: 110px 0;
  background: #f7f8fc
}

.transferreviewsec-grid {
  display: grid;
  grid-template-columns: .7fr 1.3fr;
  gap: 70px
}

.transferreviewsec-intro p {
  margin-top: 18px
}

.transferreviewsec-cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 15px
}

.transferreviewsec-cards article {
  min-height: 230px;
  padding: 25px;
  background: #fff;
  border: 1px solid #e2e3ec;
  transition: transform .35s ease, background .35s ease
}

.transferreviewsec-cards article:hover {
  transform: translateY(-7px);
  background: #00287d
}

.transferreviewsec-cards span {
  color: #ffc63b;
  font: 700 28px "Work Sans", sans-serif
}

.transferreviewsec-cards h3 {
  margin: 45px 0 8px;
  color: #111;
  font-size: 19px
}

.transferreviewsec-cards p {
  font-size: 14px
}

.transferreviewsec-cards article:hover h3,
.transferreviewsec-cards article:hover p {
  color: #fff
}

.transferdocumentssec {
  padding: 110px 0;
  background: #00287d
}

.transferdocumentssec-board {
  display: grid;
  grid-template-columns: .75fr 1.25fr;
  gap: 70px;
  align-items: center
}

.transferdocumentssec .admission-kicker {
  color: #ffc63b
}

.transferdocumentssec h2 {
  color: #fff
}

.transferdocumentssec-copy p {
  margin-top: 18px;
  color: rgba(255, 255, 255, .72)
}

.transferdocumentssec-list {
  display: grid;
  gap: 13px
}

.transferdocumentssec-list article {
  display: grid;
  grid-template-columns: 65px 1fr;
  gap: 18px;
  align-items: center;
  padding: 18px;
  background: rgba(255, 255, 255, .08);
  border: 1px solid rgba(255, 255, 255, .12);
  transition: transform .3s ease, background .3s ease
}

.transferdocumentssec-list article:hover {
  transform: translateX(8px);
  background: #fff
}

.transferdocumentssec-list i {
  width: 60px;
  height: 60px;
  display: grid;
  place-items: center;
  background: #ffc63b;
  color: #00287d
}

.transferdocumentssec-list h3 {
  margin: 0 0 5px;
  color: #fff;
  font-size: 18px
}

.transferdocumentssec-list p {
  color: rgba(255, 255, 255, .68);
  font-size: 13px
}

.transferdocumentssec-list article:hover h3,
.transferdocumentssec-list article:hover p {
  color: #111
}

.transferdecisionsec {
  padding: 115px 0;
  background: #fff
}

.transferdecisionsec-layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 75px;
  align-items: center
}

.transferdecisionsec-image {
  height: 520px
}

.transferdecisionsec p {
  margin: 20px 0 30px
}

/* Scholarships */
.newscholarshipsec {
  padding: 115px 0;
  background: #f7f8fc
}

.newscholarshipsec-grid {
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: 80px;
  align-items: center
}

.newscholarshipsec-copy p {
  margin: 22px 0 32px
}

.newscholarshipsec-image {
  position: relative;
  height: 570px
}

.newscholarshipsec-card {
  position: absolute;
  left: -20px;
  bottom: 25px;
  width: 295px;
  padding: 22px;
  background: #00287d;
  color: #fff
}

.newscholarshipsec-card i {
  color: #ffc63b;
  font-size: 25px
}

.newscholarshipsec-card strong,
.newscholarshipsec-card span {
  display: block
}

.newscholarshipsec-card strong {
  margin-top: 12px
}

.newscholarshipsec-card span {
  margin-top: 4px;
  color: rgba(255, 255, 255, .7);
  font: 12px "Inter", sans-serif
}

.scholarshiptypesec {
  padding: 110px 0;
  background: #fff
}

.scholarshiptypesec-fan {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0
}

.scholarshiptypesec-fan article {
  min-height: 350px;
  padding: 28px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  border: 1px solid #e2e3ec;
  margin-left: -1px;
  transition: transform .35s ease, background .35s ease
}

.scholarshiptypesec-fan article:nth-child(even) {
  background: #f7f8fc
}

.scholarshiptypesec-fan article:hover {
  transform: translateY(-9px);
  background: #00287d
}

.scholarshiptypesec-fan i {
  margin-bottom: auto;
  color: #00287d;
  font-size: 30px
}

.scholarshiptypesec-fan h3 {
  margin: 55px 0 10px;
  color: #111;
  font-size: 20px
}

.scholarshiptypesec-fan p {
  font-size: 14px
}

.scholarshiptypesec-fan article:hover i {
  color: #ffc63b
}

.scholarshiptypesec-fan article:hover h3,
.scholarshiptypesec-fan article:hover p {
  color: #fff
}

.aidprocesssec {
  padding: 115px 0;
  background: #242424
}

.aidprocesssec-layout {
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: 75px;
  align-items: center
}

.aidprocesssec .admission-kicker {
  color: #ffc63b
}

.aidprocesssec h2 {
  color: #fff
}

.aidprocesssec-timeline {
  margin-top: 30px
}

.aidprocesssec-timeline article {
  display: grid;
  grid-template-columns: 60px 1fr;
  gap: 15px;
  padding: 16px 0;
  border-bottom: 1px solid rgba(255, 255, 255, .14)
}

.aidprocesssec-timeline span {
  color: #ffc63b;
  font: 700 15px "Work Sans", sans-serif
}

.aidprocesssec-timeline h3 {
  margin: 0 0 5px;
  color: #fff;
  font-size: 18px
}

.aidprocesssec-timeline p {
  color: rgba(255, 255, 255, .68);
  font-size: 13px
}

.aidprocesssec-image {
  height: 560px
}

.aiddocumentssec {
  padding: 90px 0;
  background: #ffc63b
}

.aiddocumentssec-wrap {
  display: grid;
  grid-template-columns: .7fr 1.3fr;
  gap: 60px;
  align-items: center
}

.aiddocumentssec-items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px
}

.aiddocumentssec-items span {
  padding: 18px;
  background: rgba(255, 255, 255, .65);
  font: 700 13px "Inter", sans-serif;
  color: #111
}

.aiddocumentssec-items i {
  margin-right: 10px;
  color: #00287d
}

.aidnotesec {
  padding: 75px 0;
  background: #00287d
}

.aidnotesec-inner {
  display: grid;
  grid-template-columns: 70px 1fr auto;
  gap: 25px;
  align-items: center
}

.aidnotesec-inner>i {
  width: 64px;
  height: 64px;
  display: grid;
  place-items: center;
  background: #ffc63b;
  color: #00287d;
  font-size: 24px
}

.aidnotesec h2 {
  color: #fff;
  font-size: 30px
}

.aidnotesec p {
  margin-top: 7px;
  color: rgba(255, 255, 255, .7)
}

/* Dates */
.newdatessec {
  padding: 115px 0;
  background: #f7f8fc
}

.newdatessec-layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  align-items: center
}

.newdatessec-calendar {
  background: #fff;
  border: 1px solid #e2e3ec;
  box-shadow: 0 20px 50px rgba(25, 25, 60, .08)
}

.newdatessec-month {
  padding: 22px;
  background: #00287d;
  color: #fff;
  font: 700 16px "Work Sans", sans-serif;
  text-align: center
}

.newdatessec-gridnums {
  display: grid;
  grid-template-columns: repeat(4, 1fr)
}

.newdatessec-gridnums span {
  height: 95px;
  display: grid;
  place-items: center;
  border-right: 1px solid #e2e3ec;
  border-bottom: 1px solid #e2e3ec;
  color: #00287d;
  font: 700 22px "Work Sans", sans-serif;
  transition: background .3s ease, color .3s ease
}

.newdatessec-gridnums span:hover {
  background: #ffc63b;
  color: #111
}

.newdatessec-copy p {
  margin-top: 22px
}

.newdatessec-reminder {
  display: flex;
  gap: 12px;
  align-items: center;
  margin-top: 28px;
  padding: 17px;
  background: #fff;
  border-left: 4px solid #ffc63b
}

.newdatessec-reminder i {
  color: #00287d
}

.newdatessec-reminder span {
  font: 700 13px "Inter", sans-serif
}

.datetimelinesec {
  padding: 110px 0;
  background: #242424
}

.datetimelinesec-head {
  max-width: 760px;
  margin-bottom: 55px
}

.datetimelinesec .admission-kicker {
  color: #ffc63b
}

.datetimelinesec h2 {
  color: #fff
}

.datetimelinesec-line {
  position: relative;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 18px
}

.datetimelinesec-line:before {
  content: "";
  position: absolute;
  top: 33px;
  left: 5%;
  right: 5%;
  height: 2px;
  background: rgba(255, 255, 255, .15)
}

.datetimelinesec-line article {
  position: relative;
  padding-top: 75px
}

.datetimelinesec-line b {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 66px;
  height: 66px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #ffc63b;
  color: #111
}

.datetimelinesec-line span {
  display: block;
  margin-bottom: 10px;
  color: #fff;
  font: 700 17px "Work Sans", sans-serif
}

.datetimelinesec-line p {
  color: rgba(255, 255, 255, .68);
  font-size: 13px
}

.dateremindersec {
  padding: 115px 0;
  background: #fff
}

.dateremindersec-layout {
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 75px;
  align-items: center
}

.dateremindersec-image {
  height: 550px
}

.dateremindersec-cards {
  display: grid;
  gap: 13px;
  margin-top: 28px
}

.dateremindersec-cards article {
  display: grid;
  grid-template-columns: 58px 1fr;
  gap: 16px;
  padding: 17px;
  background: #f7f8fc;
  border: 1px solid #e2e3ec;
  transition: transform .3s ease
}

.dateremindersec-cards article:hover {
  transform: translateX(8px)
}

.dateremindersec-cards i {
  width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
  background: #00287d;
  color: #fff
}

.dateremindersec-cards h3 {
  margin: 0 0 5px;
  color: #111;
  font-size: 17px
}

.dateremindersec-cards p {
  font-size: 13px
}

.dateofficialsec {
  padding: 75px 0;
  background: #ffc63b
}

.dateofficialsec-wrap {
  display: grid;
  grid-template-columns: 70px 1fr auto;
  gap: 25px;
  align-items: center
}

.dateofficialsec-wrap>i {
  width: 64px;
  height: 64px;
  display: grid;
  place-items: center;
  background: #00287d;
  color: #fff;
  font-size: 24px
}

.dateofficialsec h2 {
  font-size: 30px
}

/* Prospectus */
.newprospectussec {
  padding: 115px 0;
  background: #f7f8fc
}

.newprospectussec-layout {
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 85px;
  align-items: center
}

.newprospectussec-mockup {
  position: relative;
  min-height: 600px
}

.newprospectussec-cover {
  position: absolute;
  left: 60px;
  top: 0;
  width: 360px;
  height: 520px;
  box-shadow: 0 25px 60px rgba(25, 25, 60, .2)
}

.newprospectussec-cover span {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 24px;
  background: rgba(55, 51, 153, .92);
  color: #fff;
  font: 700 18px "Work Sans", sans-serif
}

.newprospectussec-page {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 280px;
  padding: 25px;
  background: #ffc63b;
  box-shadow: 0 18px 40px rgba(25, 25, 60, .16)
}

.newprospectussec-page i {
  color: #00287d;
  font-size: 28px
}

.newprospectussec-page strong,
.newprospectussec-page span {
  display: block
}

.newprospectussec-page strong {
  margin-top: 15px
}

.newprospectussec-page span {
  margin-top: 4px;
  font: 12px "Inter", sans-serif
}

.newprospectussec-copy p {
  margin: 22px 0 32px
}

.prospectuscontentssec {
  padding: 110px 0;
  background: #fff
}

.prospectuscontentssec-bookshelf {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: end
}

.prospectuscontentssec-bookshelf article {
  min-height: 340px;
  padding: 28px;
  border: 1px solid #e2e3ec;
  margin-left: -1px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  transition: transform .35s ease, background .35s ease
}

.prospectuscontentssec-bookshelf article:nth-child(2) {
  min-height: 390px
}

.prospectuscontentssec-bookshelf article:nth-child(3) {
  min-height: 440px;
  background: #00287d
}

.prospectuscontentssec-bookshelf article:nth-child(4) {
  min-height: 365px
}

.prospectuscontentssec-bookshelf article:hover {
  transform: translateY(-8px);
  background: #ffc63b
}

.prospectuscontentssec-bookshelf span {
  margin-bottom: auto;
  color: #ffc63b;
  font: 700 30px "Work Sans", sans-serif
}

.prospectuscontentssec-bookshelf i {
  margin-bottom: 35px;
  color: #00287d;
  font-size: 27px
}

.prospectuscontentssec-bookshelf h3 {
  margin: 0 0 10px;
  color: #111;
  font-size: 19px
}

.prospectuscontentssec-bookshelf p {
  font-size: 13px
}

.prospectuscontentssec-bookshelf article:nth-child(3) h3,
.prospectuscontentssec-bookshelf article:nth-child(3) p {
  color: #fff
}

.prospectusdownloadsec {
  padding: 95px 0;
  background: #242424
}

.prospectusdownloadsec-panel {
  display: grid;
  grid-template-columns: 1fr 420px;
  gap: 70px;
  align-items: center
}

.prospectusdownloadsec .admission-kicker {
  color: #ffc63b
}

.prospectusdownloadsec h2 {
  color: #fff
}

.prospectusdownloadsec p {
  margin-top: 18px;
  color: rgba(255, 255, 255, .7)
}

.prospectusdownloadsec-file {
  display: grid;
  grid-template-columns: 60px 1fr auto;
  gap: 15px;
  align-items: center;
  padding: 20px;
  background: #fff
}

.prospectusdownloadsec-file>i {
  font-size: 35px;
  color: #00287d
}

.prospectusdownloadsec-file strong,
.prospectusdownloadsec-file span {
  display: block
}

.prospectusdownloadsec-file span {
  font: 12px "Inter", sans-serif;
  color: #666
}

.prospectusdownloadsec-file a {
  padding: 13px 16px;
  background: #ffc63b;
  color: #111;
  text-decoration: none;
  font: 700 12px "Inter", sans-serif
}

.prospectussupportsec {
  padding: 115px 0;
  background: #fff
}

.prospectussupportsec-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 75px;
  align-items: center
}

.prospectussupportsec-image {
  height: 520px
}

.prospectussupportsec p {
  margin: 20px 0 30px
}

/* Bank */
.newbanksec {
  padding: 115px 0;
  background: #f7f8fc
}

.newbanksec-layout {
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: 80px;
  align-items: center
}

.newbanksec-copy p {
  margin-top: 22px
}

.newbanksec-warning {
  display: flex;
  gap: 12px;
  margin-top: 28px;
  padding: 18px;
  background: #fff;
  border-left: 4px solid #ffc63b
}

.newbanksec-warning i {
  color: #00287d
}

.newbanksec-warning span {
  font: 700 13px/1.5 "Inter", sans-serif
}

.newbanksec-image {
  position: relative;
  height: 560px
}

.newbanksec-lock {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 18px 22px;
  background: #00287d;
  color: #fff;
  font: 700 12px "Inter", sans-serif
}

.newbanksec-lock i {
  margin-right: 8px;
  color: #ffc63b
}

.bankdetailspanelsec {
  padding: 110px 0;
  background: #fff
}

.bankdetailspanelsec-grid {
  display: grid;
  grid-template-columns: 1.15fr .85fr;
  gap: 70px
}

.bankdetailspanelsec-card {
  padding: 35px;
  background: #00287d
}

.bankdetailspanelsec-head {
  display: grid;
  grid-template-columns: 65px 1fr;
  gap: 18px;
  align-items: center;
  margin-bottom: 25px
}

.bankdetailspanelsec-head i {
  width: 64px;
  height: 64px;
  display: grid;
  place-items: center;
  background: #ffc63b;
  color: #00287d;
  font-size: 24px
}

.bankdetailspanelsec-head span {
  color: #ffc63b;
  font: 700 11px "Inter", sans-serif;
  text-transform: uppercase
}

.bankdetailspanelsec-card h2 {
  color: #fff;
  font-size: 30px
}

.bankdetailspanelsec-card dl {
  margin: 0
}

.bankdetailspanelsec-card dl>div {
  display: grid;
  grid-template-columns: 150px 1fr;
  gap: 20px;
  padding: 16px 0;
  border-top: 1px solid rgba(255, 255, 255, .14)
}

.bankdetailspanelsec-card dt {
  color: #ffc63b;
  font: 700 12px "Inter", sans-serif
}

.bankdetailspanelsec-card dd {
  margin: 0;
  color: #fff;
  font: 14px "Inter", sans-serif
}

.bankdetailspanelsec-side article {
  display: grid;
  grid-template-columns: 55px 1fr;
  gap: 15px;
  align-items: center;
  padding: 17px 0;
  border-bottom: 1px solid #e2e3ec
}

.bankdetailspanelsec-side b {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #ffc63b;
  color: #111
}

.bankdetailspanelsec-side p {
  font-size: 14px
}

.bankprocesssec {
  padding: 110px 0;
  background: #242424
}

.bankprocesssec .admission-kicker {
  color: #ffc63b
}

.bankprocesssec h2 {
  color: #fff
}

.bankprocesssec-flow {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 15px
}

.bankprocesssec-flow article {
  min-height: 300px;
  padding: 25px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background: rgba(255, 255, 255, .07);
  border: 1px solid rgba(255, 255, 255, .12);
  transition: transform .35s ease, background .35s ease
}

.bankprocesssec-flow article:hover {
  transform: translateY(-8px);
  background: #00287d
}

.bankprocesssec-flow i {
  margin-bottom: auto;
  color: #ffc63b;
  font-size: 29px
}

.bankprocesssec-flow span {
  color: rgba(255, 255, 255, .25);
  font: 700 30px "Work Sans", sans-serif
}

.bankprocesssec-flow h3 {
  margin: 25px 0 8px;
  color: #fff;
  font-size: 19px
}

.bankprocesssec-flow p {
  color: rgba(255, 255, 255, .68);
  font-size: 13px
}

.bankproofsec {
  padding: 115px 0;
  background: #fff
}

.bankproofsec-layout {
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 75px;
  align-items: center
}

.bankproofsec-image {
  height: 520px
}

.bankproofsec ul {
  list-style: none;
  margin: 28px 0 0;
  padding: 0
}

.bankproofsec li {
  padding: 12px 0;
  border-bottom: 1px solid #e2e3ec;
  font: 14px "Inter", sans-serif
}

.bankproofsec li i {
  margin-right: 10px;
  color: #00287d
}

.banksupportsec {
  padding: 75px 0;
  background: #ffc63b
}

.banksupportsec-wrap {
  display: grid;
  grid-template-columns: 70px 1fr auto;
  gap: 25px;
  align-items: center
}

.banksupportsec-wrap>i {
  width: 64px;
  height: 64px;
  display: grid;
  place-items: center;
  background: #00287d;
  color: #fff;
  font-size: 24px
}

.banksupportsec h2 {
  font-size: 30px
}

/* responsive */
@media(max-width:1199px) {
  .admission-inner-page h2 {
    font-size: 38px
  }

  .newadmissionsec-copy h2 {
    font-size: 44px
  }

  .newadmissionsec-grid,
  .admissionProgrammesec-layout,
  .addmissionprocesssec-stage,
  .processdocumentsec-layout,
  .processreviewsec-board,
  .neweligibilitysec-layout,
  .eligibilitychecksec-grid,
  .applicationpreparesec-layout,
  .applicationsubmitsec-wrap,
  .newinternationalsec-grid,
  .internationalaccesssec-layout,
  .newtuitionsec-layout,
  .paymentguidancesec-grid,
  .newtransfersec-layout,
  .transferdecisionsec-layout,
  .newscholarshipsec-grid,
  .aidprocesssec-layout,
  .newdatessec-layout,
  .dateremindersec-layout,
  .newprospectussec-layout,
  .prospectussupportsec-grid,
  .newbanksec-layout,
  .bankproofsec-layout {
    gap: 50px
  }

  .applicationstepssec-stairs article:nth-child(n) {
    margin-left: 0
  }
}

@media(max-width:991px) {
  .admission-inner-page h2 {
    font-size: 36px
  }

  .newadmissionsec-grid,
  .admissionProgrammesec-layout,
  .addmissionprocesssec-intro,
  .addmissionprocesssec-stage,
  .processdocumentsec-layout,
  .processreviewsec-board,
  .neweligibilitysec-layout,
  .eligibilitychecksec-grid,
  .applicationpreparesec-layout,
  .applicationuploadsec-grid,
  .applicationsubmitsec-wrap,
  .newinternationalsec-grid,
  .internationalaccesssec-layout,
  .internationalpaymentsec-wrap,
  .newtuitionsec-layout,
  .feesbreakdownsec-layout,
  .paymentguidancesec-grid,
  .newtransfersec-layout,
  .transferreviewsec-grid,
  .transferdocumentssec-board,
  .transferdecisionsec-layout,
  .newscholarshipsec-grid,
  .aidprocesssec-layout,
  .aiddocumentssec-wrap,
  .newdatessec-layout,
  .dateremindersec-layout,
  .newprospectussec-layout,
  .prospectusdownloadsec-panel,
  .prospectussupportsec-grid,
  .newbanksec-layout,
  .bankdetailspanelsec-grid,
  .bankproofsec-layout {
    grid-template-columns: 1fr
  }

  .admissionpathwayssec-rail,
  .internationalguidesec-columns,
  .scholarshiptypesec-fan,
  .prospectuscontentssec-bookshelf,
  .bankprocesssec-flow {
    grid-template-columns: repeat(2, 1fr)
  }

  .admissionreadinesssec-wrap,
  .processcompletionsec-inner,
  .eligibilitynotesec-wrap,
  .feepolicysec-wrap,
  .aidnotesec-inner,
  .dateofficialsec-wrap,
  .banksupportsec-wrap {
    grid-template-columns: 70px 1fr
  }

  .admissionreadinesssec-wrap>a,
  .processcompletionsec-inner>a,
  .eligibilitynotesec-wrap>a,
  .feepolicysec-wrap>a,
  .aidnotesec-inner>a,
  .dateofficialsec-wrap>a,
  .banksupportsec-wrap>a {
    grid-column: 2;
    justify-self: start
  }

  .internationalpaymentsec-wrap {
    grid-template-columns: 1fr
  }

  .applicationstepssec-stairs {
    max-width: none
  }

  .datetimelinesec-line {
    grid-template-columns: repeat(2, 1fr)
  }

  .datetimelinesec-line:before {
    display: none
  }

  .newprospectussec-mockup {
    max-width: 650px;
    margin: auto;
    width: 100%
  }
}

@media(max-width:767px) {
  .admission-inner-page h2 {
    font-size: 31px
  }

  .admission-inner-page p {
    font-size: 16px
  }

  .newadmissionsec,
  .admissionpathwayssec,
  .admissionProgrammesec,
  .addmissionprocesssec,
  .processdocumentsec,
  .processreviewsec,
  .neweligibilitysec,
  .eligibilitylevelsec,
  .eligibilitychecksec,
  .applicationpreparesec,
  .applicationstepssec,
  .applicationuploadsec,
  .applicationsubmitsec,
  .newinternationalsec,
  .internationalguidesec,
  .internationalaccesssec,
  .newtuitionsec,
  .feesbreakdownsec,
  .paymentguidancesec,
  .newtransfersec,
  .transferreviewsec,
  .transferdocumentssec,
  .transferdecisionsec,
  .newscholarshipsec,
  .scholarshiptypesec,
  .aidprocesssec,
  .newdatessec,
  .datetimelinesec,
  .dateremindersec,
  .newprospectussec,
  .prospectuscontentssec,
  .prospectusdownloadsec,
  .prospectussupportsec,
  .newbanksec,
  .bankdetailspanelsec,
  .bankprocesssec,
  .bankproofsec {
    padding: 75px 0
  }

  .admissionpathwayssec-rail,
  .processdocumentsec-files,
  .feesbreakdownsec-list,
  .transferreviewsec-cards,
  .aiddocumentssec-items,
  .internationalguidesec-columns,
  .scholarshiptypesec-fan,
  .prospectuscontentssec-bookshelf,
  .bankprocesssec-flow {
    grid-template-columns: 1fr
  }

  .admissionpathwayssec-rail article {
    border-right: 0;
    border-bottom: 1px solid #e2e3ec
  }

  .applicationpreparesec-mini,
  .applicationuploadsec-folders {
    grid-template-columns: 1fr
  }

  .eligibilitylevelsec-row {
    grid-template-columns: 1fr;
    gap: 8px
  }

  .eligibilitylevelsec-row.header {
    display: none
  }

  .datetimelinesec-line {
    grid-template-columns: 1fr
  }

  .newprospectussec-cover {
    left: 0;
    width: 75%
  }

  .newprospectussec-page {
    width: 55%
  }

  .admissionreadinesssec-checks {
    grid-template-columns: 1fr
  }

  .newadmissionsec-visual,
  .neweligibilitysec-image,
  .newinternationalsec-visual,
  .newtransfersec-visual {
    min-height: 500px
  }

  .newadmissionsec-note,
  .neweligibilitysec-card,
  .newscholarshipsec-card,
  .newtransfersec-shift {
    left: 0;
    right: auto
  }

  .prospectusdownloadsec-file {
    grid-template-columns: 50px 1fr
  }

  .prospectusdownloadsec-file a {
    grid-column: 1/-1;
    text-align: center
  }

  .bankdetailspanelsec-card dl>div {
    grid-template-columns: 1fr;
    gap: 6px
  }
}

@media(max-width:480px) {
  .admission-actions {
    align-items: stretch;
    flex-direction: column
  }

  .admission-btn {
    width: 100%
  }

  .newadmissionsec-visual,
  .neweligibilitysec-image,
  .newinternationalsec-visual,
  .newtransfersec-visual,
  .newscholarshipsec-image {
    height: auto;
    min-height: auto;
    padding: 0
  }

  .newadmissionsec-visual:before,
  .neweligibilitysec-image:before,
  .newtransfersec-visual:before {
    display: none
  }

  .newadmissionsec-visual>img,
  .neweligibilitysec-image img,
  .newtransfersec-image,
  .newscholarshipsec-image img {
    height: 340px
  }

  .newadmissionsec-note,
  .neweligibilitysec-card,
  .newscholarshipsec-card,
  .newtransfersec-shift {
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    width: 100%
  }

  .newinternationalsec-image {
    position: relative;
    width: 100%;
    height: 340px
  }

  .newinternationalsec-globe {
    width: 135px;
    height: 135px
  }

  .newinternationalsec-globe i {
    font-size: 30px
  }

  .newinternationalsec-globe span {
    font-size: 9px
  }

  .admissionreadinesssec-wrap,
  .processcompletionsec-inner,
  .eligibilitynotesec-wrap,
  .feepolicysec-wrap,
  .aidnotesec-inner,
  .dateofficialsec-wrap,
  .banksupportsec-wrap {
    grid-template-columns: 1fr
  }

  .admissionreadinesssec-wrap>a,
  .processcompletionsec-inner>a,
  .eligibilitynotesec-wrap>a,
  .feepolicysec-wrap>a,
  .aidnotesec-inner>a,
  .dateofficialsec-wrap>a,
  .banksupportsec-wrap>a {
    grid-column: auto;
    width: 100%
  }

  .applicationstepssec-stairs article {
    grid-template-columns: 72px 1fr
  }

  .applicationstepssec-stairs article>div {
    padding-right: 22px
  }

  .applicationstepssec-stairs i {
    display: none
  }

  .newprospectussec-mockup {
    min-height: 520px
  }

  .newprospectussec-cover {
    width: 82%;
    height: 450px
  }

  .newprospectussec-page {
    width: 72%
  }
}



/* IAMA Student Inner Pages � fully scoped */
.campuslife-page,
.careerplacement-page,
.clubactivity-page,
.eventworkshop-page,
.examresult-page,
.documentrequest-page,
.digitallibrary-page,
.studentambassador-page,
.studentforms-page,
.studentlife-page,
.studentsupport-page {
  overflow: hidden
}

.campuslife-page h2,
.careerplacement-page h2,
.clubactivity-page h2,
.eventworkshop-page h2,
.examresult-page h2,
.documentrequest-page h2,
.digitallibrary-page h2,
.studentambassador-page h2,
.studentforms-page h2,
.studentlife-page h2,
.studentsupport-page h2 {
  font-family: "Work Sans", sans-serif;
  color: #111;
  font-size: 42px;
  font-weight: 700;
  line-height: 1.2;
  margin: 0
}

.campuslife-page h3,
.careerplacement-page h3,
.clubactivity-page h3,
.eventworkshop-page h3,
.examresult-page h3,
.documentrequest-page h3,
.digitallibrary-page h3,
.studentambassador-page h3,
.studentforms-page h3,
.studentlife-page h3,
.studentsupport-page h3 {
  font-family: "Work Sans", sans-serif
}

.campuslife-page p,
.careerplacement-page p,
.clubactivity-page p,
.eventworkshop-page p,
.examresult-page p,
.documentrequest-page p,
.digitallibrary-page p,
.studentambassador-page p,
.studentforms-page p,
.studentlife-page p,
.studentsupport-page p {
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #000;
  line-height: 1.6em;
  margin: 0
}

.campuslife-page img,
.careerplacement-page img,
.clubactivity-page img,
.eventworkshop-page img,
.examresult-page img,
.documentrequest-page img,
.digitallibrary-page img,
.studentambassador-page img,
.studentforms-page img,
.studentlife-page img,
.studentsupport-page img {
  max-width: 100%;
  display: block
}

.campuslife-page a,
.careerplacement-page a,
.clubactivity-page a,
.eventworkshop-page a,
.examresult-page a,
.documentrequest-page a,
.digitallibrary-page a,
.studentambassador-page a,
.studentforms-page a,
.studentlife-page a,
.studentsupport-page a {
  font-family: "Inter", sans-serif;
  text-decoration: none
}

/* CAMPUS LIFE */
.campuslife-editorialsec {
  padding: 110px 0;
  background: #f7f8fc
}

.campuslife-editorialsec-stage {
  position: relative;
  min-height: 620px
}

.campuslife-editorialsec-photo {
  height: 620px;
  width: 78%;
  overflow: hidden
}

.campuslife-editorialsec-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .6s ease
}

.campuslife-editorialsec-stage:hover .campuslife-editorialsec-photo img {
  transform: scale(1.05)
}

.campuslife-editorialsec-panel {
  position: absolute;
  right: 0;
  bottom: 55px;
  width: 48%;
  background: #fff;
  padding: 45px;
  box-shadow: 0 25px 60px rgba(0, 0, 0, .14);
  border-left: 6px solid #ffc63b
}

.campuslife-editorialsec-panel span,
.campuslife-ecosystemsec-head span,
.campuslife-ribbonsec-title span,
.campuslife-collagesec-copy>span,
.campuslife-directorysec-head span,
.campuslife-supportctasec-copy>span {
  display: block;
  color: #00287d;
  font: 700 12px/1.2 Inter, sans-serif;
  letter-spacing: 1.6px;
  text-transform: uppercase;
  margin-bottom: 16px
}

.campuslife-editorialsec-panel h2 {
  margin-bottom: 18px
}

.campuslife-editorialsec-panel p {
  margin-bottom: 25px
}

.campuslife-editorialsec-panel a,
.campuslife-supportctasec-copy a {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  background: #00287d;
  color: #fff;
  padding: 15px 22px;
  font-weight: 700;
  transition: .35s
}

.campuslife-editorialsec-panel a:hover,
.campuslife-supportctasec-copy a:hover {
  background: #242424;
  transform: translateY(-3px)
}

.campuslife-ecosystemsec {
  padding: 110px 0;
  background: #fff
}

.campuslife-ecosystemsec-head {
  max-width: 760px;
  text-align: center;
  margin: 0 auto 55px
}

.campuslife-ecosystemsec-map {
  position: relative;
  width: 720px;
  height: 520px;
  margin: auto;
  border: 1px solid #e5e5ef;
  border-radius: 50%
}

.campuslife-ecosystemsec-core,
.campuslife-ecosystemsec-node {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center
}

.campuslife-ecosystemsec-core {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 190px;
  height: 190px;
  border-radius: 50%;
  background: #00287d;
  color: #fff;
  box-shadow: 0 0 0 22px rgba(55, 51, 153, .09)
}

.campuslife-ecosystemsec-core i {
  font-size: 36px;
  color: #ffc63b;
  margin-bottom: 14px
}

.campuslife-ecosystemsec-node {
  width: 180px;
  height: 110px;
  background: #fff;
  border: 1px solid #dedfeb;
  box-shadow: 0 16px 35px rgba(28, 26, 75, .08);
  transition: .35s
}

.campuslife-ecosystemsec-node:hover {
  transform: translateY(-7px);
  border-color: #ffc63b
}

.campuslife-ecosystemsec-node i {
  color: #00287d;
  font-size: 25px;
  margin-bottom: 10px
}

.campuslife-node-one {
  top: 20px;
  left: 50%;
  margin-left: -90px
}

.campuslife-node-two {
  right: 10px;
  top: 205px
}

.campuslife-node-three {
  bottom: 20px;
  left: 50%;
  margin-left: -90px
}

.campuslife-node-four {
  left: 10px;
  top: 205px
}

.campuslife-ribbonsec {
  padding: 105px 0;
  background: #242424
}

.campuslife-ribbonsec-grid {
  display: grid;
  grid-template-columns: .8fr 1.2fr;
  gap: 70px;
  align-items: center
}

.campuslife-ribbonsec-title h2 {
  color: #fff
}

.campuslife-ribbonsec-title span {
  color: #ffc63b
}

.campuslife-ribbonsec-track {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2px
}

.campuslife-ribbonsec-track div {
  background: #fff;
  padding: 26px 20px;
  min-height: 240px;
  transition: .35s
}

.campuslife-ribbonsec-track div:hover {
  transform: translateY(-8px);
  background: #ffc63b
}

.campuslife-ribbonsec-track b {
  color: #00287d
}

.campuslife-ribbonsec-track h3 {
  font-size: 20px;
  margin: 35px 0 10px
}

.campuslife-ribbonsec-track p {
  font-size: 14px
}

.campuslife-collagesec {
  padding: 110px 0;
  background: #f7f8fc
}

.campuslife-collagesec-grid {
  display: grid;
  grid-template-columns: .8fr 1.2fr;
  gap: 70px;
  align-items: center
}

.campuslife-collagesec-copy h2 {
  margin-bottom: 18px
}

.campuslife-collagesec-copy p {
  margin-bottom: 25px
}

.campuslife-collagesec-copy ul {
  list-style: none;
  padding: 0;
  margin: 0
}

.campuslife-collagesec-copy li {
  font: 600 15px/1.5 Inter, sans-serif;
  padding: 10px 0
}

.campuslife-collagesec-copy li i {
  color: #00287d;
  margin-right: 10px
}

.campuslife-collagesec-images {
  display: grid;
  grid-template-columns: 1.25fr .75fr;
  grid-template-rows: 240px 240px;
  gap: 15px
}

.campuslife-collagesec-images img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: .6s
}

.campuslife-collagesec-images img:first-child {
  grid-row: 1/3
}

.campuslife-collagesec-images img:hover {
  transform: scale(1.03)
}

.campuslife-directorysec {
  padding: 105px 0;
  background: #fff
}

.campuslife-directorysec-head {
  max-width: 760px;
  margin-bottom: 45px
}

.campuslife-directorysec-list {
  border-top: 1px solid #ddd
}

.campuslife-directorysec-list>a {
  display: grid;
  grid-template-columns: 70px 1fr auto;
  gap: 20px;
  align-items: center;
  padding: 25px 10px;
  border-bottom: 1px solid #ddd;
  color: #111;
  transition: .35s
}

.campuslife-directorysec-list>a:hover {
  padding-left: 25px;
  background: #f7f8fc
}

.campuslife-directorysec-list>a>i {
  font-size: 25px;
  color: #00287d
}

.campuslife-directorysec-list h3 {
  margin: 0 0 5px;
  font-size: 21px
}

.campuslife-directorysec-list p {
  font-size: 14px
}

.campuslife-directorysec-list>a>span {
  color: #00287d;
  font-weight: 700
}

.campuslife-quotebandsec {
  padding: 90px 0;
  background: #ffc63b
}

.campuslife-quotebandsec-box {
  max-width: 950px;
  margin: auto;
  text-align: center
}

.campuslife-quotebandsec-box i {
  font-size: 42px;
  color: #00287d;
  margin-bottom: 20px
}

.campuslife-quotebandsec-box h2 {
  font-size: 38px;
  margin-bottom: 18px
}

.campuslife-supportctasec {
  padding: 105px 0;
  background: #fff
}

.campuslife-supportctasec-wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  background: #00287d
}

.campuslife-supportctasec-image {
  height: 420px;
  overflow: hidden
}

.campuslife-supportctasec-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: .6s
}

.campuslife-supportctasec-wrap:hover img {
  transform: scale(1.05)
}

.campuslife-supportctasec-copy {
  padding: 55px
}

.campuslife-supportctasec-copy>span {
  color: #ffc63b
}

.campuslife-supportctasec-copy h2 {
  color: #fff;
  margin-bottom: 18px
}

.campuslife-supportctasec-copy p {
  color: #deddf2;
  margin-bottom: 25px
}

.campuslife-supportctasec-copy a {
  background: #ffc63b;
  color: #111
}

/* CAREER */
.careerplacement-visionsec {
  padding: 110px 0;
  background: #fff
}

.careerplacement-visionsec-grid {
  display: grid;
  grid-template-columns: 150px .85fr 1.15fr;
  gap: 45px;
  align-items: center
}

.careerplacement-visionsec-word {
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  font: 800 82px/1 Work Sans, sans-serif;
  color: #eee;
  letter-spacing: 7px
}

.careerplacement-visionsec-copy span,
.careerplacement-matrixsec-head span,
.careerplacement-roadmapsec-copy span,
.careerplacement-workspacesec-copy>span,
.careerplacement-pipelinesec-head span,
.careerplacement-checklistsec-grid>div:first-child span,
.careerplacement-advisorysec-box span {
  display: block;
  color: #00287d;
  font: 700 12px/1.2 Inter, sans-serif;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  margin-bottom: 15px
}

.careerplacement-visionsec-copy h2 {
  margin-bottom: 18px
}

.careerplacement-visionsec-image {
  height: 520px;
  overflow: hidden
}

.careerplacement-visionsec-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: .6s
}

.careerplacement-visionsec-image:hover img {
  transform: scale(1.05)
}

.careerplacement-matrixsec {
  padding: 105px 0;
  background: #f7f8fc
}

.careerplacement-matrixsec-head {
  max-width: 760px;
  margin-bottom: 50px
}

.careerplacement-matrixsec-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px
}

.careerplacement-matrixsec-grid>div {
  background: #fff;
  padding: 30px;
  min-height: 310px;
  border-top: 4px solid #00287d;
  transition: .35s
}

.careerplacement-matrixsec-grid>div:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 45px rgba(40, 36, 95, .12)
}

.careerplacement-matrixsec-grid i {
  font-size: 32px;
  color: #00287d
}

.careerplacement-matrixsec-grid h3 {
  font-size: 21px;
  margin: 55px 0 10px
}

.careerplacement-matrixsec-grid p {
  font-size: 14px
}

.careerplacement-matrixsec-grid b {
  display: inline-block;
  margin-top: 20px;
  color: #ffc63b;
  background: #242424;
  padding: 6px 11px
}

.careerplacement-roadmapsec {
  padding: 105px 0;
  background: #242424
}

.careerplacement-roadmapsec-layout {
  display: grid;
  grid-template-columns: .7fr 1.3fr;
  gap: 70px
}

.careerplacement-roadmapsec-copy span {
  color: #ffc63b
}

.careerplacement-roadmapsec-copy h2 {
  color: #fff;
  margin-bottom: 18px
}

.careerplacement-roadmapsec-copy p {
  color: #c9c9d1
}

.careerplacement-roadmapsec-track {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px
}

.careerplacement-roadmapsec-track article {
  background: #31313a;
  padding: 25px;
  min-height: 260px;
  transition: .35s
}

.careerplacement-roadmapsec-track article:hover {
  background: #00287d;
  transform: translateY(-7px)
}

.careerplacement-roadmapsec-track span {
  color: #ffc63b;
  font-weight: 800
}

.careerplacement-roadmapsec-track h3 {
  color: #fff;
  margin: 50px 0 10px
}

.careerplacement-roadmapsec-track p {
  color: #ddd;
  font-size: 14px
}

.careerplacement-workspacesec {
  padding: 110px 0;
  background: #fff
}

.careerplacement-workspacesec-grid {
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 70px;
  align-items: center
}

.careerplacement-workspacesec-browser {
  border: 10px solid #20202a;
  border-radius: 12px;
  box-shadow: 0 25px 50px rgba(0, 0, 0, .17)
}

.careerplacement-browserbar {
  height: 44px;
  background: #2f2f3b;
  padding: 15px
}

.careerplacement-browserbar span {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #aaa;
  margin-right: 5px
}

.careerplacement-browserbody {
  padding: 35px;
  background: #f7f8fc
}

.careerplacement-resumepreview {
  background: #fff;
  padding: 28px;
  border-left: 5px solid #00287d;
  margin-bottom: 20px
}

.careerplacement-interviewnotes {
  background: #00287d;
  color: #fff;
  padding: 28px
}

.careerplacement-interviewnotes h3 {
  margin-top: 0
}

.careerplacement-interviewnotes li {
  font-family: Inter, sans-serif;
  margin: 8px 0
}

.careerplacement-workspacesec-copy h2 {
  margin-bottom: 18px
}

.careerplacement-workspacesec-copy>p {
  margin-bottom: 25px
}

.careerplacement-workspacesec-checks div {
  font: 600 14px/1.5 Inter, sans-serif;
  margin: 12px 0
}

.careerplacement-workspacesec-checks i {
  color: #00287d;
  margin-right: 9px
}

.careerplacement-pipelinesec {
  padding: 100px 0;
  background: #f7f8fc
}

.careerplacement-pipelinesec-head {
  max-width: 850px;
  margin-bottom: 45px
}

.careerplacement-pipelinesec-flow {
  display: grid;
  grid-template-columns: 1fr 50px 1fr 50px 1fr 50px 1fr;
  align-items: center
}

.careerplacement-pipelinesec-flow>div:not(.careerplacement-pipeline-arrow) {
  background: #fff;
  padding: 28px;
  text-align: center;
  min-height: 190px
}

.careerplacement-pipelinesec-flow i {
  font-size: 30px;
  color: #00287d
}

.careerplacement-pipelinesec-flow h3 {
  font-size: 18px;
  margin: 28px 0 0
}

.careerplacement-pipeline-arrow {
  text-align: center;
  color: #ffc63b
}

.careerplacement-checklistsec {
  padding: 105px 0;
  background: #fff
}

.careerplacement-checklistsec-grid {
  display: grid;
  grid-template-columns: .7fr 1fr .55fr;
  gap: 45px;
  align-items: start
}

.careerplacement-checklistsec-list label {
  display: block;
  padding: 15px 0;
  border-bottom: 1px solid #ddd;
  font: 500 15px/1.4 Inter, sans-serif
}

.careerplacement-checklistsec-list input {
  margin-right: 10px
}

.careerplacement-checklistsec-grid aside {
  background: #ffc63b;
  padding: 25px
}

.careerplacement-checklistsec-grid aside i {
  font-size: 25px;
  color: #00287d;
  margin-bottom: 14px
}

.careerplacement-checklistsec-grid aside p {
  font-size: 14px
}

.careerplacement-advisorysec {
  padding: 85px 0;
  background: #00287d
}

.careerplacement-advisorysec-box {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  align-items: center
}

.careerplacement-advisorysec-box span {
  color: #ffc63b
}

.careerplacement-advisorysec-box h2 {
  color: #fff;
  margin-bottom: 10px
}

.careerplacement-advisorysec-box p {
  color: #ddd
}

.careerplacement-advisorysec-box a {
  background: #ffc63b;
  color: #111;
  padding: 16px 24px;
  font-weight: 700;
  white-space: nowrap;
  transition: .35s
}

.careerplacement-advisorysec-box a:hover {
  background: #fff;
  transform: translateY(-3px)
}

/* CLUBS */
.clubactivity-mosaicsec {
  padding: 110px 0;
  background: #f7f8fc
}

.clubactivity-mosaicsec-grid {
  display: grid;
  grid-template-columns: 1fr .8fr .8fr;
  grid-template-rows: 250px 250px;
  gap: 16px
}

.clubactivity-mosaicsec-copy {
  grid-row: 1/3;
  background: #00287d;
  padding: 45px
}

.clubactivity-mosaicsec-copy span,
.clubactivity-tilessec-head span,
.clubactivity-orbitsec-copy span,
.clubactivity-magazinesec-feature span,
.clubactivity-steppingsec-head span,
.clubactivity-impactsec-strip span,
.clubactivity-joinsec-wrap span {
  display: block;
  color: #ffc63b;
  font: 700 12px/1.2 Inter, sans-serif;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  margin-bottom: 15px
}

.clubactivity-mosaicsec-copy h2 {
  color: #fff;
  margin-bottom: 18px
}

.clubactivity-mosaicsec-copy p {
  color: #ddd
}

.clubactivity-mosaicsec-grid img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: .6s
}

.clubactivity-mosaicsec-grid img:hover {
  transform: scale(1.03)
}

.clubactivity-mosaicsec-large {
  grid-column: 2/4
}

.clubactivity-mosaicsec-note {
  background: #ffc63b;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  font-family: Work Sans, sans-serif
}

.clubactivity-mosaicsec-note i {
  font-size: 30px;
  color: #00287d
}

.clubactivity-tilessec {
  padding: 105px 0;
  background: #fff
}

.clubactivity-tilessec-head {
  max-width: 720px;
  margin-bottom: 45px
}

.clubactivity-tilessec-head span {
  color: #00287d
}

.clubactivity-tilessec-grid {
  display: grid;
  grid-template-columns: 1.2fr .8fr 1fr .9fr 1.1fr;
  gap: 14px;
  align-items: start
}

.clubactivity-tilessec-grid article {
  padding: 28px;
  background: #f7f8fc;
  min-height: 250px;
  transition: .35s
}

.clubactivity-tilessec-grid article:nth-child(even) {
  margin-top: 45px;
  background: #242424
}

.clubactivity-tilessec-grid article:hover {
  transform: translateY(-8px);
  box-shadow: 0 18px 35px rgba(0, 0, 0, .1)
}

.clubactivity-tilessec-grid i {
  font-size: 29px;
  color: #00287d
}

.clubactivity-tilessec-grid article:nth-child(even) i {
  color: #ffc63b
}

.clubactivity-tilessec-grid h3 {
  font-size: 19px;
  margin: 55px 0 10px
}

.clubactivity-tilessec-grid article:nth-child(even) h3 {
  color: #fff
}

.clubactivity-tilessec-grid p {
  font-size: 13px
}

.clubactivity-tilessec-grid article:nth-child(even) p {
  color: #ddd
}

.clubactivity-orbitsec {
  padding: 105px 0;
  background: #242424
}

.clubactivity-orbitsec-layout {
  display: grid;
  grid-template-columns: .75fr 1.25fr;
  gap: 70px;
  align-items: center
}

.clubactivity-orbitsec-copy span {
  color: #ffc63b
}

.clubactivity-orbitsec-copy h2 {
  color: #fff;
  margin-bottom: 18px
}

.clubactivity-orbitsec-copy p {
  color: #ccc
}

.clubactivity-orbitsec-visual {
  position: relative;
  width: 520px;
  height: 520px;
  border: 1px solid #56565f;
  border-radius: 50%;
  margin: auto
}

.clubactivity-orbitsec-core {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 180px;
  height: 180px;
  border-radius: 50%;
  background: #ffc63b;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center
}

.clubactivity-orbitsec-core i {
  font-size: 36px;
  color: #00287d;
  margin-bottom: 12px
}

.clubactivity-orbitsec-item {
  position: absolute;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background: #00287d;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font: 700 14px Inter, sans-serif
}

.clubactivity-orbitsec-item.one {
  top: 10px;
  left: 200px
}

.clubactivity-orbitsec-item.two {
  right: 10px;
  top: 200px
}

.clubactivity-orbitsec-item.three {
  bottom: 10px;
  left: 200px
}

.clubactivity-orbitsec-item.four {
  left: 10px;
  top: 200px
}

.clubactivity-magazinesec {
  padding: 105px 0;
  background: #fff
}

.clubactivity-magazinesec-grid {
  display: grid;
  grid-template-columns: 1.4fr .8fr .8fr .8fr;
  gap: 18px
}

.clubactivity-magazinesec-grid article {
  padding: 32px;
  background: #f7f8fc;
  min-height: 300px
}

.clubactivity-magazinesec-feature {
  background: #ffc63b !important
}

.clubactivity-magazinesec-feature span {
  color: #00287d
}

.clubactivity-magazinesec-feature h2 {
  font-size: 34px;
  margin-bottom: 18px
}

.clubactivity-magazinesec-grid b {
  color: #00287d
}

.clubactivity-magazinesec-grid h3 {
  margin: 70px 0 10px;
  font-size: 20px
}

.clubactivity-magazinesec-grid p {
  font-size: 14px
}

.clubactivity-steppingsec {
  padding: 105px 0;
  background: #f7f8fc
}

.clubactivity-steppingsec-head {
  max-width: 720px;
  margin-bottom: 45px
}

.clubactivity-steppingsec-head span {
  color: #00287d
}

.clubactivity-steppingsec-path {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  position: relative
}

.clubactivity-steppingsec-path:before {
  content: "";
  position: absolute;
  left: 6%;
  right: 6%;
  top: 42px;
  height: 2px;
  background: #d7d7e3
}

.clubactivity-steppingsec-path div {
  position: relative;
  z-index: 1;
  text-align: center;
  flex: 1
}

.clubactivity-steppingsec-path span {
  width: 84px;
  height: 84px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  background: #00287d;
  color: #fff;
  font: 800 20px Work Sans, sans-serif;
  box-shadow: 0 0 0 10px #f7f8fc
}

.clubactivity-steppingsec-path h3 {
  font-size: 17px;
  margin-top: 22px
}

.clubactivity-impactsec {
  padding: 100px 0;
  background: #fff
}

.clubactivity-impactsec-strip {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  background: #242424
}

.clubactivity-impactsec-strip img {
  width: 100%;
  height: 360px;
  object-fit: cover
}

.clubactivity-impactsec-strip>div {
  padding: 45px
}

.clubactivity-impactsec-strip h2 {
  color: #fff;
  margin-bottom: 16px
}

.clubactivity-impactsec-strip p {
  color: #ddd
}

.clubactivity-joinsec {
  padding: 80px 0;
  background: #00287d
}

.clubactivity-joinsec-wrap {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  align-items: center
}

.clubactivity-joinsec-wrap h2 {
  color: #fff;
  margin-bottom: 10px
}

.clubactivity-joinsec-wrap p {
  color: #ddd
}

.clubactivity-joinsec-wrap a {
  background: #ffc63b;
  color: #111;
  padding: 16px 24px;
  font-weight: 700
}

/* EVENT */
.eventworkshop-coversec {
  padding: 110px 0;
  background: #fff
}

.eventworkshop-coversec-card {
  position: relative;
  height: 620px;
  overflow: hidden
}

.eventworkshop-coversec-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: .6s
}

.eventworkshop-coversec-card:hover img {
  transform: scale(1.05)
}

.eventworkshop-coversec-overlay {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 58%;
  padding: 45px;
  background: rgba(36, 36, 36, .92)
}

.eventworkshop-coversec-overlay span,
.eventworkshop-calendarsec-head span,
.eventworkshop-timelinesec-layout>div:first-child span,
.eventworkshop-ticketsec-head span,
.eventworkshop-checksec-grid>div:last-child span,
.eventworkshop-registersec-strip span {
  display: block;
  color: #ffc63b;
  font: 700 12px/1.2 Inter, sans-serif;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  margin-bottom: 15px
}

.eventworkshop-coversec-overlay h2 {
  color: #fff;
  margin-bottom: 17px
}

.eventworkshop-coversec-overlay p {
  color: #ddd
}

.eventworkshop-calendarsec {
  padding: 105px 0;
  background: #f7f8fc
}

.eventworkshop-calendarsec-head {
  max-width: 760px;
  margin-bottom: 45px
}

.eventworkshop-calendarsec-head span {
  color: #00287d
}

.eventworkshop-calendarsec-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px
}

.eventworkshop-calendarsec-grid article {
  background: #fff;
  border-top: 6px solid #00287d;
  padding: 28px;
  min-height: 300px;
  position: relative;
  transition: .35s
}

.eventworkshop-calendarsec-grid article:hover {
  transform: translateY(-8px);
  box-shadow: 0 18px 40px rgba(0, 0, 0, .1)
}

.eventworkshop-calendarsec-grid b {
  position: absolute;
  right: 20px;
  top: 20px;
  color: #ddd;
  font-size: 34px
}

.eventworkshop-calendarsec-grid h3 {
  margin: 130px 0 10px;
  font-size: 20px
}

.eventworkshop-calendarsec-grid p {
  font-size: 14px
}

.eventworkshop-bandsec {
  padding: 0;
  background: #00287d
}

.eventworkshop-bandsec-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr)
}

.eventworkshop-bandsec-list div {
  padding: 35px;
  border-right: 1px solid rgba(255, 255, 255, .16)
}

.eventworkshop-bandsec-list span {
  color: #ffc63b;
  font: 800 18px Work Sans, sans-serif
}

.eventworkshop-bandsec-list p {
  color: #ddd;
  font-size: 14px;
  margin-top: 8px
}

.eventworkshop-timelinesec {
  padding: 110px 0;
  background: #fff
}

.eventworkshop-timelinesec-layout {
  display: grid;
  grid-template-columns: .65fr 1.35fr;
  gap: 70px
}

.eventworkshop-timelinesec-layout>div:first-child span {
  color: #00287d
}

.eventworkshop-timelinesec-layout ol {
  list-style: none;
  margin: 0;
  padding: 0;
  border-left: 2px solid #ddd
}

.eventworkshop-timelinesec-layout li {
  position: relative;
  padding: 0 0 32px 35px
}

.eventworkshop-timelinesec-layout li:before {
  content: "";
  position: absolute;
  left: -8px;
  top: 7px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #ffc63b
}

.eventworkshop-timelinesec-layout strong {
  font-family: Work Sans, sans-serif;
  font-size: 19px
}

.eventworkshop-timelinesec-layout p {
  font-size: 14px
}

.eventworkshop-ticketsec {
  padding: 105px 0;
  background: #f7f8fc
}

.eventworkshop-ticketsec-head {
  max-width: 760px;
  margin-bottom: 45px
}

.eventworkshop-ticketsec-head span {
  color: #00287d
}

.eventworkshop-ticketsec-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px
}

.eventworkshop-ticketsec-grid article {
  position: relative;
  background: #fff;
  padding: 35px;
  border: 1px dashed #b8b8c6;
  min-height: 280px
}

.eventworkshop-ticketsec-grid article:before,
.eventworkshop-ticketsec-grid article:after {
  content: "";
  position: absolute;
  top: 50%;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #f7f8fc
}

.eventworkshop-ticketsec-grid article:before {
  left: -13px
}

.eventworkshop-ticketsec-grid article:after {
  right: -13px
}

.eventworkshop-ticketsec-grid i {
  font-size: 32px;
  color: #00287d
}

.eventworkshop-ticketsec-grid h3 {
  margin: 70px 0 10px
}

.eventworkshop-ticketsec-grid p {
  font-size: 14px
}

.eventworkshop-checksec {
  padding: 105px 0;
  background: #fff
}

.eventworkshop-checksec-grid {
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 70px;
  align-items: center
}

.eventworkshop-checksec-image {
  height: 450px;
  overflow: hidden
}

.eventworkshop-checksec-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: .6s
}

.eventworkshop-checksec-image:hover img {
  transform: scale(1.05)
}

.eventworkshop-checksec-grid ul {
  list-style: none;
  padding: 0
}

.eventworkshop-checksec-grid li {
  font: 600 15px/1.5 Inter, sans-serif;
  padding: 11px 0
}

.eventworkshop-checksec-grid i {
  color: #00287d;
  margin-right: 10px
}

.eventworkshop-registersec {
  padding: 95px 0;
  background: #242424
}

.eventworkshop-registersec-strip {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  align-items: center
}

.eventworkshop-registersec-strip img {
  height: 320px;
  width: 100%;
  object-fit: cover
}

.eventworkshop-registersec-strip>div {
  padding: 45px
}

.eventworkshop-registersec-strip h2 {
  color: #fff;
  margin-bottom: 20px
}

.eventworkshop-registersec-strip a {
  display: inline-flex;
  gap: 12px;
  background: #ffc63b;
  color: #111;
  padding: 15px 22px;
  font-weight: 700
}

/* EXAM RESULTS */
.examresult-dashboardsec {
  padding: 110px 0;
  background: #f7f8fc
}

.examresult-dashboardsec-grid {
  display: grid;
  grid-template-columns: .85fr 1.15fr;
  gap: 70px;
  align-items: center
}

.examresult-dashboardsec-copy span,
.examresult-statusflowsec-head span,
.examresult-verifysec-grid>div:first-child span,
.examresult-decisionsec-head span,
.examresult-faqsec-grid>div:first-child span,
.examresult-helpdesksec-box span {
  display: block;
  color: #00287d;
  font: 700 12px/1.2 Inter, sans-serif;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  margin-bottom: 15px
}

.examresult-dashboardsec-copy h2 {
  margin-bottom: 18px
}

.examresult-dashboardsec-panel {
  background: #242424;
  border-radius: 12px;
  padding: 10px;
  box-shadow: 0 25px 55px rgba(0, 0, 0, .2)
}

.examresult-dashboardsec-bar {
  height: 44px;
  padding: 13px
}

.examresult-dashboardsec-bar span {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #777;
  margin-right: 5px
}

.examresult-dashboardsec-status {
  display: flex;
  gap: 18px;
  align-items: center;
  background: #00287d;
  padding: 28px;
  color: #fff
}

.examresult-dashboardsec-status i {
  font-size: 34px;
  color: #ffc63b
}

.examresult-dashboardsec-status small {
  display: block;
  color: #ddd
}

.examresult-dashboardsec-status strong {
  display: block;
  font-family: Work Sans, sans-serif;
  font-size: 21px
}

.examresult-dashboardsec-row {
  display: flex;
  justify-content: space-between;
  padding: 18px;
  background: #fff;
  border-bottom: 1px solid #ddd;
  font-family: Inter, sans-serif
}

.examresult-dashboardsec-row b {
  color: #00287d
}

.examresult-statusflowsec {
  padding: 105px 0;
  background: #fff
}

.examresult-statusflowsec-head {
  max-width: 780px;
  margin-bottom: 45px
}

.examresult-statusflowsec-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0
}

.examresult-statusflowsec-grid>div {
  padding: 30px;
  border: 1px solid #ddd;
  min-height: 230px;
  transition: .35s
}

.examresult-statusflowsec-grid>div:hover {
  background: #00287d;
  transform: translateY(-6px)
}

.examresult-statusflowsec-grid span {
  color: #ffc63b;
  font-weight: 800
}

.examresult-statusflowsec-grid h3 {
  margin: 55px 0 10px
}

.examresult-statusflowsec-grid>div:hover h3,
.examresult-statusflowsec-grid>div:hover p {
  color: #fff
}

.examresult-statusflowsec-grid p {
  font-size: 14px
}

.examresult-verifysec {
  padding: 105px 0;
  background: #242424
}

.examresult-verifysec-grid {
  display: grid;
  grid-template-columns: .8fr 1.2fr;
  gap: 70px
}

.examresult-verifysec-grid>div:first-child span {
  color: #ffc63b
}

.examresult-verifysec-grid h2 {
  color: #fff;
  margin-bottom: 18px
}

.examresult-verifysec-grid>div:first-child p {
  color: #ccc
}

.examresult-verifysec-sheet {
  background: #fff;
  padding: 35px
}

.examresult-verifysec-sheet label {
  display: block;
  padding: 16px 0;
  border-bottom: 1px solid #ddd;
  font: 600 15px/1.4 Inter, sans-serif
}

.examresult-verifysec-sheet i {
  color: #00287d;
  margin-right: 12px
}

.examresult-decisionsec {
  padding: 105px 0;
  background: #fff
}

.examresult-decisionsec-head {
  max-width: 760px;
  margin-bottom: 45px
}

.examresult-decisionsec-tree {
  text-align: center
}

.examresult-decisionsec-tree .root {
  display: inline-block;
  background: #00287d;
  color: #fff;
  padding: 22px 35px;
  font: 700 18px Work Sans, sans-serif
}

.examresult-decisionsec-tree .branch {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  margin: 55px auto;
  max-width: 850px;
  position: relative
}

.examresult-decisionsec-tree .branch:before {
  content: "";
  position: absolute;
  left: 50%;
  top: -55px;
  width: 1px;
  height: 55px;
  background: #bbb
}

.examresult-decisionsec-tree .branch article {
  padding: 30px;
  background: #f7f8fc;
  border-top: 4px solid #ffc63b
}

.examresult-decisionsec-tree .branch b {
  color: #00287d;
  font-size: 20px
}

.examresult-decisionsec-tree .branch p {
  font-size: 14px
}

.examresult-decisionsec-tree .leaf {
  max-width: 760px;
  margin: auto;
  background: #ffc63b;
  padding: 22px;
  font: 700 16px Inter, sans-serif
}

.examresult-alertsec {
  padding: 70px 0;
  background: #f7f8fc
}

.examresult-alertsec-list {
  display: grid;
  gap: 12px
}

.examresult-alertsec-list div {
  display: flex;
  align-items: center;
  gap: 18px;
  background: #fff;
  padding: 20px;
  border-left: 4px solid #00287d
}

.examresult-alertsec-list i {
  color: #00287d
}

.examresult-alertsec-list p {
  font-size: 15px
}

.examresult-faqsec {
  padding: 105px 0;
  background: #fff
}

.examresult-faqsec-grid {
  display: grid;
  grid-template-columns: .8fr 1.2fr;
  gap: 70px
}

.examresult-faqsec-grid img {
  margin-top: 25px;
  height: 260px;
  width: 100%;
  object-fit: cover
}

.examresult-faqsec .accordion-item {
  border-radius: 0;
  margin-bottom: 12px;
  border: 1px solid #ddd
}

.examresult-faqsec .accordion-button {
  font-family: Work Sans, sans-serif;
  font-weight: 700
}

.examresult-helpdesksec {
  padding: 80px 0;
  background: #00287d
}

.examresult-helpdesksec-box {
  display: grid;
  grid-template-columns: 80px 1fr auto;
  gap: 25px;
  align-items: center
}

.examresult-helpdesksec-box>i {
  width: 70px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffc63b;
  color: #00287d;
  font-size: 28px
}

.examresult-helpdesksec-box span {
  color: #ffc63b
}

.examresult-helpdesksec-box h2 {
  color: #fff
}

.examresult-helpdesksec-box p {
  color: #ddd
}

.examresult-helpdesksec-box a {
  background: #ffc63b;
  color: #111;
  padding: 16px 24px;
  font-weight: 700
}

/* DOCUMENT REQUEST */
.documentrequest-mockupsec {
  padding: 110px 0;
  background: #f7f8fc
}

.documentrequest-mockupsec-grid {
  display: grid;
  grid-template-columns: .8fr 1.2fr;
  gap: 70px;
  align-items: center
}

.documentrequest-mockupsec-grid>div:first-child span,
.documentrequest-comparesec-head span,
.documentrequest-checksheetsec-copy span,
.documentrequest-approvalpathsec-layout>div:first-child span,
.documentrequest-deliverysec-grid>div span,
.documentrequest-uploadctasec-box span {
  display: block;
  color: #00287d;
  font: 700 12px/1.2 Inter, sans-serif;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  margin-bottom: 15px
}

.documentrequest-mockupsec-grid h2 {
  margin-bottom: 18px
}

.documentrequest-mockupsec-docs {
  position: relative;
  height: 500px
}

.documentrequest-idmock,
.documentrequest-transcriptmock {
  position: absolute;
  background: #fff;
  box-shadow: 0 22px 55px rgba(0, 0, 0, .15)
}

.documentrequest-idmock {
  left: 0;
  top: 25px;
  width: 320px;
  height: 205px;
  padding: 30px;
  border-top: 8px solid #00287d;
  transform: rotate(-5deg)
}

.documentrequest-idmock i {
  font-size: 36px;
  color: #00287d;
  display: block;
  margin-bottom: 25px
}

.documentrequest-idmock strong,
.documentrequest-transcriptmock strong {
  display: block;
  font-family: Work Sans, sans-serif;
  font-size: 22px
}

.documentrequest-idmock small {
  font-family: Inter, sans-serif
}

.documentrequest-transcriptmock {
  right: 0;
  bottom: 20px;
  width: 420px;
  height: 290px;
  padding: 40px;
  border: 1px solid #ddd;
  transform: rotate(4deg)
}

.documentrequest-transcriptmock i {
  font-size: 42px;
  color: #ffc63b;
  margin-bottom: 35px
}

.documentrequest-transcriptmock span {
  display: block;
  margin-top: 25px;
  padding-top: 20px;
  border-top: 1px solid #ddd;
  font-family: Inter, sans-serif
}

.documentrequest-comparesec {
  padding: 105px 0;
  background: #fff
}

.documentrequest-comparesec-head {
  max-width: 760px;
  margin-bottom: 45px
}

.documentrequest-comparesec-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 25px
}

.documentrequest-comparesec-grid article {
  padding: 40px;
  background: #f7f8fc;
  border-bottom: 6px solid #00287d
}

.documentrequest-comparesec-grid article:nth-child(2) {
  background: #242424;
  border-color: #ffc63b
}

.documentrequest-comparesec-grid i {
  font-size: 36px;
  color: #00287d
}

.documentrequest-comparesec-grid article:nth-child(2) i {
  color: #ffc63b
}

.documentrequest-comparesec-grid h3 {
  font-size: 24px;
  margin: 45px 0 12px
}

.documentrequest-comparesec-grid article:nth-child(2) h3 {
  color: #fff
}

.documentrequest-comparesec-grid article:nth-child(2) p,
.documentrequest-comparesec-grid article:nth-child(2) li {
  color: #ddd
}

.documentrequest-comparesec-grid li {
  font-family: Inter, sans-serif;
  margin: 8px 0
}

.documentrequest-checksheetsec {
  padding: 105px 0;
  background: #f7f8fc
}

.documentrequest-checksheetsec-grid {
  display: grid;
  grid-template-columns: .75fr 1.25fr;
  gap: 70px
}

.documentrequest-checksheetsec-copy h2 {
  margin-bottom: 18px
}

.documentrequest-checksheetsec-sheet {
  background: #fff;
  padding: 40px;
  box-shadow: 0 20px 45px rgba(0, 0, 0, .1);
  border-top: 12px solid #00287d
}

.documentrequest-checksheetsec-sheet h3 {
  margin: 0 0 20px
}

.documentrequest-checksheetsec-sheet label {
  display: block;
  padding: 14px 0;
  border-bottom: 1px solid #ddd;
  font: 600 15px Inter, sans-serif
}

.documentrequest-checksheetsec-sheet i {
  color: #00287d;
  margin-right: 10px
}

.documentrequest-approvalpathsec {
  padding: 105px 0;
  background: #242424
}

.documentrequest-approvalpathsec-layout {
  display: grid;
  grid-template-columns: .65fr 1.35fr;
  gap: 70px
}

.documentrequest-approvalpathsec-layout>div:first-child span {
  color: #ffc63b
}

.documentrequest-approvalpathsec-layout h2 {
  color: #fff
}

.documentrequest-approvalpathsec-path {
  border-left: 2px solid #555
}

.documentrequest-approvalpathsec-path article {
  position: relative;
  padding: 0 0 32px 45px
}

.documentrequest-approvalpathsec-path article:before {
  content: "";
  position: absolute;
  left: -10px;
  top: 4px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #ffc63b
}

.documentrequest-approvalpathsec-path span {
  color: #ffc63b;
  font-weight: 800
}

.documentrequest-approvalpathsec-path h3 {
  color: #fff;
  margin: 8px 0
}

.documentrequest-approvalpathsec-path p {
  color: #ccc;
  font-size: 14px
}

.documentrequest-deliverysec {
  padding: 105px 0;
  background: #fff
}

.documentrequest-deliverysec-grid {
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 70px;
  align-items: center
}

.documentrequest-deliverysec-grid img {
  width: 100%;
  height: 460px;
  object-fit: cover
}

.documentrequest-deliverysec-grid h2 {
  margin-bottom: 18px
}

.documentrequest-deliverysec-points {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin-top: 25px
}

.documentrequest-deliverysec-points div {
  padding: 18px;
  background: #f7f8fc;
  text-align: center
}

.documentrequest-deliverysec-points i {
  display: block;
  color: #00287d;
  margin-bottom: 8px
}

.documentrequest-policysec {
  padding: 90px 0;
  background: #f7f8fc
}

.documentrequest-policysec-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px
}

.documentrequest-policysec-grid article {
  background: #fff;
  padding: 30px;
  transition: .35s
}

.documentrequest-policysec-grid article:hover {
  transform: translateY(-7px);
  box-shadow: 0 18px 35px rgba(0, 0, 0, .1)
}

.documentrequest-policysec-grid i {
  font-size: 28px;
  color: #00287d
}

.documentrequest-policysec-grid h3 {
  margin: 35px 0 10px
}

.documentrequest-policysec-grid p {
  font-size: 14px
}

.documentrequest-uploadctasec {
  padding: 80px 0;
  background: #00287d
}

.documentrequest-uploadctasec-box {
  display: grid;
  grid-template-columns: 80px 1fr auto;
  gap: 25px;
  align-items: center
}

.documentrequest-uploadctasec-icon {
  width: 70px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffc63b;
  color: #00287d;
  font-size: 28px
}

.documentrequest-uploadctasec-box span {
  color: #ffc63b
}

.documentrequest-uploadctasec-box h2 {
  color: #fff
}

.documentrequest-uploadctasec-box p {
  color: #ddd
}

.documentrequest-uploadctasec-box a {
  background: #ffc63b;
  color: #111;
  padding: 16px 24px;
  font-weight: 700
}

/* DIGITAL LIBRARY */
.digitallibrary-editorialsec {
  padding: 110px 0;
  background: #fff
}

.digitallibrary-editorialsec-grid {
  display: grid;
  grid-template-columns: 1.2fr .8fr;
  gap: 70px;
  align-items: center
}

.digitallibrary-editorialsec-image {
  height: 560px;
  overflow: hidden
}

.digitallibrary-editorialsec-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: .6s
}

.digitallibrary-editorialsec-image:hover img {
  transform: scale(1.05)
}

.digitallibrary-editorialsec-grid>div:last-child span,
.digitallibrary-bookshelfsec-head span,
.digitallibrary-researchmapsec-layout>div:first-child span,
.digitallibrary-browsersec-grid>div:last-child span,
.digitallibrary-globalsec-grid>div:last-child span,
.digitallibrary-featuredsec-grid>div span,
.digitallibrary-portalsec-box span {
  display: block;
  color: #00287d;
  font: 700 12px/1.2 Inter, sans-serif;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  margin-bottom: 15px
}

.digitallibrary-editorialsec-grid h2 {
  margin-bottom: 18px
}

.digitallibrary-bookshelfsec {
  padding: 105px 0;
  background: #f7f8fc
}

.digitallibrary-bookshelfsec-head {
  max-width: 760px;
  margin-bottom: 45px
}

.digitallibrary-bookshelfsec-shelf {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
  border-bottom: 18px solid #704629;
  padding-bottom: 8px
}

.digitallibrary-bookshelfsec-shelf>div {
  background: #fff;
  padding: 28px;
  min-height: 280px;
  border-left: 8px solid #00287d;
  transition: .35s
}

.digitallibrary-bookshelfsec-shelf>div:nth-child(even) {
  border-color: #ffc63b
}

.digitallibrary-bookshelfsec-shelf>div:hover {
  transform: translateY(-8px)
}

.digitallibrary-bookshelfsec-shelf i {
  font-size: 30px;
  color: #00287d
}

.digitallibrary-bookshelfsec-shelf h3 {
  margin: 70px 0 10px
}

.digitallibrary-bookshelfsec-shelf p {
  font-size: 14px
}

.digitallibrary-researchmapsec {
  padding: 105px 0;
  background: #242424
}

.digitallibrary-researchmapsec-layout {
  display: grid;
  grid-template-columns: .65fr 1.35fr;
  gap: 70px
}

.digitallibrary-researchmapsec-layout>div:first-child span {
  color: #ffc63b
}

.digitallibrary-researchmapsec-layout h2 {
  color: #fff
}

.digitallibrary-researchmapsec-map {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 12px
}

.digitallibrary-researchmapsec-map article {
  background: #32323c;
  padding: 24px;
  min-height: 220px
}

.digitallibrary-researchmapsec-map b {
  color: #ffc63b
}

.digitallibrary-researchmapsec-map h3 {
  color: #fff;
  margin: 55px 0 10px
}

.digitallibrary-researchmapsec-map p {
  color: #ccc;
  font-size: 13px
}

.digitallibrary-browsersec {
  padding: 110px 0;
  background: #fff
}

.digitallibrary-browsersec-grid {
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 70px;
  align-items: center
}

.digitallibrary-browsersec-device {
  border: 10px solid #242424;
  border-radius: 12px;
  box-shadow: 0 20px 45px rgba(0, 0, 0, .16)
}

.digitallibrary-browsersec-bar {
  height: 42px;
  background: #333;
  padding: 13px
}

.digitallibrary-browsersec-bar span {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #777
}

.digitallibrary-browsersec-screen {
  height: 360px;
  background: #f7f8fc;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center
}

.digitallibrary-browsersec-screen>i {
  font-size: 50px;
  color: #00287d
}

.digitallibrary-browsersec-screen strong {
  font: 700 22px Work Sans, sans-serif;
  margin: 15px
}

.digitallibrary-browsersec-search {
  background: #fff;
  border: 1px solid #ddd;
  padding: 14px 18px;
  width: 70%;
  font-family: Inter, sans-serif
}

.digitallibrary-browsersec-grid h2 {
  margin-bottom: 18px
}

.digitallibrary-browsersec-grid ol {
  font-family: Inter, sans-serif;
  padding-left: 20px
}

.digitallibrary-browsersec-grid li {
  margin: 10px 0
}

.digitallibrary-globalsec {
  padding: 105px 0;
  background: #f7f8fc
}

.digitallibrary-globalsec-grid {
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: 70px;
  align-items: center
}

.digitallibrary-globalsec-map {
  height: 420px;
  border-radius: 50%;
  border: 1px solid #d8d8e4;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #fff
}

.digitallibrary-globalsec-map i {
  font-size: 110px;
  color: #00287d
}

.digitallibrary-globalsec-map span {
  font-family: Inter, sans-serif;
  margin-top: 16px
}

.digitallibrary-globalsec-grid h2 {
  margin-bottom: 18px
}

.digitallibrary-globalsec-points {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 25px
}

.digitallibrary-globalsec-points div {
  padding: 10px 14px;
  background: #00287d;
  color: #fff;
  font-family: Inter, sans-serif
}

.digitallibrary-featuredsec {
  padding: 105px 0;
  background: #fff
}

.digitallibrary-featuredsec-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 70px;
  align-items: center
}

.digitallibrary-featuredsec-grid img {
  height: 430px;
  width: 100%;
  object-fit: cover
}

.digitallibrary-featuredsec-grid h2 {
  margin-bottom: 18px
}

.digitallibrary-featuredsec-grid blockquote {
  margin-top: 25px;
  padding: 20px;
  border-left: 5px solid #ffc63b;
  background: #f7f8fc;
  font: 700 17px/1.5 Work Sans, sans-serif
}

.digitallibrary-portalsec {
  padding: 80px 0;
  background: #00287d
}

.digitallibrary-portalsec-box {
  display: grid;
  grid-template-columns: 80px 1fr auto;
  gap: 25px;
  align-items: center
}

.digitallibrary-portalsec-box>i {
  width: 70px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffc63b;
  color: #00287d;
  font-size: 28px
}

.digitallibrary-portalsec-box span {
  color: #ffc63b
}

.digitallibrary-portalsec-box h2 {
  color: #fff
}

.digitallibrary-portalsec-box p {
  color: #ddd
}

.digitallibrary-portalsec-box a {
  background: #ffc63b;
  color: #111;
  padding: 16px 24px;
  font-weight: 700
}

/* AMBASSADOR */
.studentambassador-portraitsec {
  padding: 110px 0;
  background: #f7f8fc
}

.studentambassador-portraitsec-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 70px;
  align-items: center
}

.studentambassador-portraitsec-image {
  height: 600px;
  overflow: hidden;
  border-radius: 50% 50% 0 0
}

.studentambassador-portraitsec-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: .6s
}

.studentambassador-portraitsec-image:hover img {
  transform: scale(1.05)
}

.studentambassador-portraitsec-copy span,
.studentambassador-rolesec-head span,
.studentambassador-criteriasec-grid>div:first-child span,
.studentambassador-milestonesec-head span,
.studentambassador-impactsec-grid>div span,
.studentambassador-interestsec-box span {
  display: block;
  color: #00287d;
  font: 700 12px/1.2 Inter, sans-serif;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  margin-bottom: 15px
}

.studentambassador-portraitsec-copy h2 {
  margin-bottom: 18px
}

.studentambassador-rolesec {
  padding: 105px 0;
  background: #fff
}

.studentambassador-rolesec-head {
  max-width: 760px;
  margin-bottom: 45px
}

.studentambassador-rolesec-timeline {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px
}

.studentambassador-rolesec-timeline article {
  padding: 30px;
  border-top: 5px solid #00287d;
  background: #f7f8fc;
  min-height: 280px
}

.studentambassador-rolesec-timeline span {
  color: #ffc63b;
  font-weight: 800
}

.studentambassador-rolesec-timeline h3 {
  margin: 75px 0 10px
}

.studentambassador-rolesec-timeline p {
  font-size: 14px
}

.studentambassador-ribbonsec {
  padding: 95px 0;
  background: #242424
}

.studentambassador-ribbonsec-stack {
  display: grid;
  gap: 10px
}

.studentambassador-ribbonsec-stack div {
  display: grid;
  grid-template-columns: 220px 1fr;
  background: #32323c;
  padding: 22px 25px
}

.studentambassador-ribbonsec-stack b {
  color: #ffc63b;
  font-family: Work Sans, sans-serif
}

.studentambassador-ribbonsec-stack span {
  color: #ddd;
  font-family: Inter, sans-serif
}

.studentambassador-criteriasec {
  padding: 105px 0;
  background: #fff
}

.studentambassador-criteriasec-grid {
  display: grid;
  grid-template-columns: .75fr 1.25fr;
  gap: 70px
}

.studentambassador-criteriasec-grid h2 {
  margin-bottom: 18px
}

.studentambassador-criteriasec-profiles {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px
}

.studentambassador-criteriasec-profiles article {
  padding: 28px;
  background: #f7f8fc;
  min-height: 280px
}

.studentambassador-criteriasec-profiles i {
  font-size: 30px;
  color: #00287d
}

.studentambassador-criteriasec-profiles h3 {
  font-size: 18px;
  margin: 70px 0 10px
}

.studentambassador-criteriasec-profiles p {
  font-size: 13px
}

.studentambassador-milestonesec {
  padding: 105px 0;
  background: #f7f8fc
}

.studentambassador-milestonesec-head {
  max-width: 760px;
  margin-bottom: 45px
}

.studentambassador-milestonesec-path {
  display: flex;
  gap: 20px;
  align-items: flex-start
}

.studentambassador-milestonesec-path div {
  flex: 1;
  text-align: center
}

.studentambassador-milestonesec-path span {
  width: 82px;
  height: 82px;
  border-radius: 50%;
  background: #00287d;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  font: 800 18px Work Sans, sans-serif
}

.studentambassador-milestonesec-path p {
  font-size: 14px;
  margin-top: 15px
}

.studentambassador-impactsec {
  padding: 105px 0;
  background: #fff
}

.studentambassador-impactsec-grid {
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: 70px;
  align-items: center
}

.studentambassador-impactsec-grid h2 {
  margin-bottom: 18px
}

.studentambassador-impactsec-grid img {
  height: 440px;
  width: 100%;
  object-fit: cover
}

.studentambassador-interestsec {
  padding: 85px 0;
  background: #00287d
}

.studentambassador-interestsec-box {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  align-items: center
}

.studentambassador-interestsec-box span {
  color: #ffc63b
}

.studentambassador-interestsec-box h2 {
  color: #fff
}

.studentambassador-interestsec-box p {
  color: #ddd
}

.studentambassador-interestsec-box a {
  background: #ffc63b;
  color: #111;
  padding: 16px 24px;
  font-weight: 700
}

/* STUDENT FORMS */
.studentforms-hubsec {
  padding: 110px 0;
  background: #fff
}

.studentforms-hubsec-grid {
  display: grid;
  grid-template-columns: .85fr 1.15fr;
  gap: 70px;
  align-items: center
}

.studentforms-hubsec-grid>div:first-child span,
.studentforms-academicsec-head span,
.studentforms-adminsec-title span,
.studentforms-foldertabsec-head span,
.studentforms-flowsec-layout>div:first-child span,
.studentforms-assistsec-box span {
  display: block;
  color: #00287d;
  font: 700 12px/1.2 Inter, sans-serif;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  margin-bottom: 15px
}

.studentforms-hubsec-grid h2 {
  margin-bottom: 18px
}

.studentforms-hubsec-files {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px
}

.studentforms-hubsec-files div {
  height: 220px;
  background: #f7f8fc;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 25px;
  border-top: 8px solid #00287d
}

.studentforms-hubsec-files i {
  font-size: 32px;
  color: #00287d;
  margin-bottom: auto
}

.studentforms-hubsec-files strong {
  font-family: Work Sans, sans-serif
}

.studentforms-academicsec {
  padding: 105px 0;
  background: #f7f8fc
}

.studentforms-academicsec-head {
  max-width: 760px;
  margin-bottom: 45px
}

.studentforms-academicsec-directory {
  display: grid;
  gap: 12px
}

.studentforms-academicsec-directory a {
  display: grid;
  grid-template-columns: 70px 1fr auto;
  gap: 20px;
  align-items: center;
  background: #fff;
  padding: 22px 25px;
  color: #111;
  transition: .35s
}

.studentforms-academicsec-directory a:hover {
  transform: translateX(8px);
  box-shadow: 0 15px 30px rgba(0, 0, 0, .08)
}

.studentforms-academicsec-directory>a>i {
  font-size: 28px;
  color: #00287d
}

.studentforms-academicsec-directory h3 {
  margin: 0 0 5px
}

.studentforms-academicsec-directory p {
  font-size: 14px
}

.studentforms-academicsec-directory>a>span {
  color: #00287d;
  font-weight: 700
}

.studentforms-adminsec {
  padding: 105px 0;
  background: #242424
}

.studentforms-adminsec-grid {
  display: grid;
  grid-template-columns: .65fr 1.35fr;
  gap: 70px
}

.studentforms-adminsec-title span {
  color: #ffc63b
}

.studentforms-adminsec-title h2 {
  color: #fff
}

.studentforms-adminsec-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px
}

.studentforms-adminsec-list article {
  background: #32323c;
  padding: 28px
}

.studentforms-adminsec-list b {
  color: #ffc63b
}

.studentforms-adminsec-list h3 {
  color: #fff;
  margin: 45px 0 10px
}

.studentforms-adminsec-list p {
  color: #ccc;
  font-size: 14px
}

.studentforms-foldertabsec {
  padding: 105px 0;
  background: #fff
}

.studentforms-foldertabsec-head {
  max-width: 760px;
  margin-bottom: 45px
}

.studentforms-foldertabsec-tabs {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px
}

.studentforms-foldertabsec-tab {
  position: relative;
  background: #f7f8fc;
  padding: 35px 25px 25px;
  border-top: 20px solid #ddd
}

.studentforms-foldertabsec-tab.active {
  border-color: #ffc63b;
  background: #00287d
}

.studentforms-foldertabsec-tab span {
  font: 700 18px Work Sans, sans-serif
}

.studentforms-foldertabsec-tab.active span,
.studentforms-foldertabsec-tab.active p {
  color: #fff
}

.studentforms-foldertabsec-tab p {
  font-size: 13px;
  margin-top: 10px
}

.studentforms-flowsec {
  padding: 105px 0;
  background: #f7f8fc
}

.studentforms-flowsec-layout {
  display: grid;
  grid-template-columns: .6fr 1.4fr;
  gap: 70px
}

.studentforms-flowsec-docflow {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 12px
}

.studentforms-flowsec-docflow article {
  background: #fff;
  padding: 24px;
  text-align: center;
  min-height: 210px
}

.studentforms-flowsec-docflow i {
  font-size: 28px;
  color: #00287d
}

.studentforms-flowsec-docflow h3 {
  font-size: 16px;
  margin-top: 60px
}

.studentforms-noticesec {
  padding: 75px 0;
  background: #fff
}

.studentforms-noticesec-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px
}

.studentforms-noticesec-grid div {
  padding: 24px;
  border: 1px solid #ddd
}

.studentforms-noticesec-grid i {
  color: #00287d;
  font-size: 24px;
  margin-bottom: 15px
}

.studentforms-noticesec-grid p {
  font-size: 13px
}

.studentforms-assistsec {
  padding: 80px 0;
  background: #00287d
}

.studentforms-assistsec-box {
  display: grid;
  grid-template-columns: 80px 1fr auto;
  gap: 25px;
  align-items: center
}

.studentforms-assistsec-desk {
  width: 70px;
  height: 70px;
  background: #ffc63b;
  color: #00287d;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px
}

.studentforms-assistsec-box span {
  color: #ffc63b
}

.studentforms-assistsec-box h2 {
  color: #fff
}

.studentforms-assistsec-box p {
  color: #ddd
}

.studentforms-assistsec-box a {
  background: #ffc63b;
  color: #111;
  padding: 16px 24px;
  font-weight: 700
}

/* STUDENT LIFE */
.studentlife-lifestylesec {
  padding: 110px 0;
  background: #fff
}

.studentlife-lifestylesec-stage {
  position: relative;
  height: 630px
}

.studentlife-lifestylesec-stage>img {
  width: 80%;
  height: 100%;
  object-fit: cover
}

.studentlife-lifestylesec-card {
  position: absolute;
  right: 0;
  top: 90px;
  width: 45%;
  background: #00287d;
  padding: 45px
}

.studentlife-lifestylesec-card span,
.studentlife-dayflowsec-head span,
.studentlife-balancesec-grid>div:last-child span,
.studentlife-pathwayssec-head span,
.studentlife-habitssec-grid>div:first-child span,
.studentlife-aspiresec-wrap span {
  display: block;
  color: #ffc63b;
  font: 700 12px/1.2 Inter, sans-serif;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  margin-bottom: 15px
}

.studentlife-lifestylesec-card h2 {
  color: #fff;
  margin-bottom: 18px
}

.studentlife-lifestylesec-card p {
  color: #ddd
}

.studentlife-dayflowsec {
  padding: 105px 0;
  background: #f7f8fc
}

.studentlife-dayflowsec-head {
  max-width: 760px;
  margin-bottom: 45px
}

.studentlife-dayflowsec-head span {
  color: #00287d
}

.studentlife-dayflowsec-track {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px
}

.studentlife-dayflowsec-track div {
  background: #fff;
  padding: 28px;
  min-height: 300px
}

.studentlife-dayflowsec-track time {
  color: #00287d;
  font: 700 12px Inter, sans-serif;
  text-transform: uppercase
}

.studentlife-dayflowsec-track i {
  display: block;
  font-size: 30px;
  color: #ffc63b;
  margin-top: 40px
}

.studentlife-dayflowsec-track h3 {
  margin: 35px 0 10px
}

.studentlife-dayflowsec-track p {
  font-size: 14px
}

.studentlife-balancesec {
  padding: 105px 0;
  background: #242424
}

.studentlife-balancesec-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 70px;
  align-items: center
}

.studentlife-balancesec-circle {
  height: 430px;
  border-radius: 50%;
  border: 1px solid #555;
  display: flex;
  align-items: center;
  justify-content: center
}

.studentlife-balancesec-circle>div {
  width: 230px;
  height: 230px;
  border-radius: 50%;
  background: #ffc63b;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center
}

.studentlife-balancesec-circle strong {
  font: 800 32px Work Sans, sans-serif;
  color: #00287d
}

.studentlife-balancesec-circle span {
  font-family: Inter, sans-serif
}

.studentlife-balancesec-grid>div:last-child h2 {
  color: #fff;
  margin-bottom: 18px
}

.studentlife-balancesec-grid>div:last-child p {
  color: #ccc
}

.studentlife-balancesec-grid ul {
  list-style: none;
  padding: 0;
  margin-top: 20px
}

.studentlife-balancesec-grid li {
  color: #fff;
  font: 600 14px Inter, sans-serif;
  margin: 10px 0
}

.studentlife-balancesec-grid li i {
  color: #ffc63b;
  margin-right: 10px
}

.studentlife-pathwayssec {
  padding: 105px 0;
  background: #fff
}

.studentlife-pathwayssec-head {
  max-width: 760px;
  margin-bottom: 45px
}

.studentlife-pathwayssec-head span {
  color: #00287d
}

.studentlife-pathwayssec-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px
}

.studentlife-pathwayssec-grid article {
  padding: 30px;
  background: #f7f8fc;
  min-height: 280px
}

.studentlife-pathwayssec-grid span {
  color: #00287d;
  font-weight: 800
}

.studentlife-pathwayssec-grid h3 {
  margin: 70px 0 10px
}

.studentlife-pathwayssec-grid p {
  font-size: 14px
}

.studentlife-wellbeingsec {
  padding: 90px 0;
  background: #ffc63b
}

.studentlife-wellbeingsec-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr)
}

.studentlife-wellbeingsec-grid div {
  padding: 28px;
  border-right: 1px solid rgba(55, 51, 153, .2)
}

.studentlife-wellbeingsec-grid i {
  font-size: 28px;
  color: #00287d
}

.studentlife-wellbeingsec-grid h3 {
  margin: 30px 0 8px
}

.studentlife-wellbeingsec-grid p {
  font-size: 13px
}

.studentlife-habitssec {
  padding: 105px 0;
  background: #f7f8fc
}

.studentlife-habitssec-grid {
  display: grid;
  grid-template-columns: .7fr 1.3fr;
  gap: 70px
}

.studentlife-habitssec-list div {
  display: grid;
  grid-template-columns: 70px 1fr;
  align-items: center;
  padding: 18px 0;
  border-bottom: 1px solid #ddd
}

.studentlife-habitssec-list b {
  color: #00287d;
  font-family: Work Sans, sans-serif
}

.studentlife-habitssec-list p {
  font-size: 15px
}

.studentlife-aspiresec {
  padding: 105px 0;
  background: #fff
}

.studentlife-aspiresec-wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  background: #00287d;
  align-items: center
}

.studentlife-aspiresec-wrap img {
  width: 100%;
  height: 400px;
  object-fit: cover
}

.studentlife-aspiresec-wrap>div {
  padding: 45px
}

.studentlife-aspiresec-wrap h2 {
  color: #fff;
  margin-bottom: 22px
}

.studentlife-aspiresec-wrap a {
  display: inline-flex;
  gap: 12px;
  background: #ffc63b;
  color: #111;
  padding: 15px 22px;
  font-weight: 700
}

/* STUDENT SUPPORT */
.studentsupport-hubsec {
  padding: 110px 0;
  background: #f7f8fc
}

.studentsupport-hubsec-grid {
  display: grid;
  grid-template-columns: .8fr 1.2fr;
  gap: 70px;
  align-items: center
}

.studentsupport-hubsec-grid>div:first-child span,
.studentsupport-academicmapsec-head span,
.studentsupport-troubleshootsec-layout>div:first-child span,
.studentsupport-adminsec-title span,
.studentsupport-resolutionsec-head span,
.studentsupport-guidancesec-grid>div:last-child span,
.studentsupport-consolectasec-box>div:nth-child(2) span {
  display: block;
  color: #00287d;
  font: 700 12px/1.2 Inter, sans-serif;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  margin-bottom: 15px
}

.studentsupport-hubsec-grid h2 {
  margin-bottom: 18px
}

.studentsupport-hubsec-console {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px
}

.studentsupport-hubsec-console div {
  background: #fff;
  padding: 28px;
  min-height: 190px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  border-top: 5px solid #00287d
}

.studentsupport-hubsec-console i {
  font-size: 29px;
  color: #00287d;
  margin-bottom: auto
}

.studentsupport-hubsec-console span {
  font: 700 17px Work Sans, sans-serif
}

.studentsupport-academicmapsec {
  padding: 105px 0;
  background: #fff
}

.studentsupport-academicmapsec-head {
  max-width: 760px;
  margin-bottom: 45px
}

.studentsupport-academicmapsec-map {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
  padding-top: 150px
}

.studentsupport-academicmapsec-core {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 300px;
  background: #00287d;
  color: #fff;
  padding: 25px;
  text-align: center
}

.studentsupport-academicmapsec-core i {
  color: #ffc63b;
  margin-right: 10px
}

.studentsupport-academicmapsec-map article {
  padding: 28px;
  background: #f7f8fc;
  text-align: center
}

.studentsupport-academicmapsec-map h3 {
  font-size: 18px
}

.studentsupport-academicmapsec-map p {
  font-size: 13px
}

.studentsupport-troubleshootsec {
  padding: 105px 0;
  background: #242424
}

.studentsupport-troubleshootsec-layout {
  display: grid;
  grid-template-columns: .7fr 1.3fr;
  gap: 70px
}

.studentsupport-troubleshootsec-layout>div:first-child span {
  color: #ffc63b
}

.studentsupport-troubleshootsec-layout h2 {
  color: #fff;
  margin-bottom: 18px
}

.studentsupport-troubleshootsec-layout>div:first-child p {
  color: #ccc
}

.studentsupport-troubleshootsec-flow {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px
}

.studentsupport-troubleshootsec-flow article {
  background: #32323c;
  padding: 24px;
  min-height: 230px
}

.studentsupport-troubleshootsec-flow b {
  color: #ffc63b
}

.studentsupport-troubleshootsec-flow h3 {
  color: #fff;
  margin: 55px 0 10px
}

.studentsupport-troubleshootsec-flow p {
  color: #ccc;
  font-size: 13px
}

.studentsupport-adminsec {
  padding: 105px 0;
  background: #f7f8fc
}

.studentsupport-adminsec-grid {
  display: grid;
  grid-template-columns: .65fr 1.35fr;
  gap: 70px
}

.studentsupport-adminsec-directory {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px
}

.studentsupport-adminsec-directory a {
  display: flex;
  gap: 18px;
  align-items: center;
  background: #fff;
  padding: 25px;
  color: #111;
  transition: .35s
}

.studentsupport-adminsec-directory a:hover {
  transform: translateY(-6px);
  box-shadow: 0 16px 35px rgba(0, 0, 0, .08)
}

.studentsupport-adminsec-directory i {
  font-size: 28px;
  color: #00287d
}

.studentsupport-adminsec-directory h3 {
  margin: 0 0 5px;
  font-size: 18px
}

.studentsupport-adminsec-directory p {
  font-size: 13px
}

.studentsupport-resolutionsec {
  padding: 105px 0;
  background: #fff
}

.studentsupport-resolutionsec-head {
  max-width: 760px;
  margin-bottom: 45px
}

.studentsupport-resolutionsec-track {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 14px
}

.studentsupport-resolutionsec-track div {
  padding: 25px;
  border: 1px solid #ddd;
  min-height: 230px
}

.studentsupport-resolutionsec-track span {
  color: #00287d;
  font-weight: 800
}

.studentsupport-resolutionsec-track h3 {
  margin: 55px 0 10px
}

.studentsupport-resolutionsec-track p {
  font-size: 13px
}

.studentsupport-guidancesec {
  padding: 105px 0;
  background: #f7f8fc
}

.studentsupport-guidancesec-grid {
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 70px;
  align-items: center
}

.studentsupport-guidancesec-grid img {
  width: 100%;
  height: 450px;
  object-fit: cover
}

.studentsupport-guidancesec-grid h2 {
  margin-bottom: 18px
}

.studentsupport-guidancesec-grid ul {
  list-style: none;
  padding: 0
}

.studentsupport-guidancesec-grid li {
  font: 600 14px Inter, sans-serif;
  margin: 12px 0
}

.studentsupport-guidancesec-grid li i {
  color: #00287d;
  margin-right: 10px
}

.studentsupport-consolectasec {
  padding: 80px 0;
  background: #00287d
}

.studentsupport-consolectasec-box {
  display: grid;
  grid-template-columns: 100px 1fr auto;
  gap: 25px;
  align-items: center
}

.studentsupport-consolectasec-screen {
  height: 90px;
  background: #ffc63b;
  color: #00287d;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center
}

.studentsupport-consolectasec-screen i {
  font-size: 28px
}

.studentsupport-consolectasec-screen span {
  font: 700 12px Inter, sans-serif
}

.studentsupport-consolectasec-box>div:nth-child(2) span {
  color: #ffc63b
}

.studentsupport-consolectasec-box h2 {
  color: #fff
}

.studentsupport-consolectasec-box p {
  color: #ddd
}

.studentsupport-consolectasec-box a {
  background: #ffc63b;
  color: #111;
  padding: 16px 24px;
  font-weight: 700
}

@media(max-width:1199px) {

  .campuslife-page h2,
  .careerplacement-page h2,
  .clubactivity-page h2,
  .eventworkshop-page h2,
  .examresult-page h2,
  .documentrequest-page h2,
  .digitallibrary-page h2,
  .studentambassador-page h2,
  .studentforms-page h2,
  .studentlife-page h2,
  .studentsupport-page h2 {
    font-size: 36px
  }

  .careerplacement-visionsec-grid {
    grid-template-columns: 90px .9fr 1.1fr
  }

  .clubactivity-orbitsec-visual {
    width: 450px;
    height: 450px
  }

  .clubactivity-orbitsec-item.one,
  .clubactivity-orbitsec-item.three {
    left: 165px
  }

  .clubactivity-orbitsec-item.two,
  .clubactivity-orbitsec-item.four {
    top: 165px
  }

  .careerplacement-matrixsec-grid,
  .eventworkshop-calendarsec-grid,
  .studentlife-dayflowsec-track,
  .studentlife-pathwayssec-grid {
    grid-template-columns: repeat(2, 1fr)
  }
}

@media(max-width:991px) {

  .campuslife-page h2,
  .careerplacement-page h2,
  .clubactivity-page h2,
  .eventworkshop-page h2,
  .examresult-page h2,
  .documentrequest-page h2,
  .digitallibrary-page h2,
  .studentambassador-page h2,
  .studentforms-page h2,
  .studentlife-page h2,
  .studentsupport-page h2 {
    font-size: 36px
  }

  .campuslife-editorialsec-panel {
    position: relative;
    width: 100%;
    right: auto;
    bottom: auto
  }

  .campuslife-editorialsec-photo {
    width: 100%;
    height: 480px
  }

  .campuslife-editorialsec-stage {
    min-height: auto
  }

  .campuslife-ecosystemsec-map {
    width: 100%;
    height: auto;
    border-radius: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    border: 0
  }

  .campuslife-ecosystemsec-core,
  .campuslife-ecosystemsec-node {
    position: relative;
    inset: auto !important;
    margin: 0 !important;
    transform: none !important;
    width: 100%;
    height: 150px;
    border-radius: 0
  }

  .campuslife-ribbonsec-grid,
  .campuslife-collagesec-grid,
  .campuslife-supportctasec-wrap,
  .careerplacement-roadmapsec-layout,
  .careerplacement-workspacesec-grid,
  .careerplacement-checklistsec-grid,
  .clubactivity-orbitsec-layout,
  .eventworkshop-timelinesec-layout,
  .eventworkshop-checksec-grid,
  .examresult-dashboardsec-grid,
  .examresult-verifysec-grid,
  .examresult-faqsec-grid,
  .documentrequest-mockupsec-grid,
  .documentrequest-checksheetsec-grid,
  .documentrequest-approvalpathsec-layout,
  .documentrequest-deliverysec-grid,
  .digitallibrary-editorialsec-grid,
  .digitallibrary-researchmapsec-layout,
  .digitallibrary-browsersec-grid,
  .digitallibrary-globalsec-grid,
  .digitallibrary-featuredsec-grid,
  .studentambassador-portraitsec-grid,
  .studentambassador-criteriasec-grid,
  .studentambassador-impactsec-grid,
  .studentforms-hubsec-grid,
  .studentforms-adminsec-grid,
  .studentforms-flowsec-layout,
  .studentlife-balancesec-grid,
  .studentlife-habitssec-grid,
  .studentlife-aspiresec-wrap,
  .studentsupport-hubsec-grid,
  .studentsupport-troubleshootsec-layout,
  .studentsupport-adminsec-grid,
  .studentsupport-guidancesec-grid {
    grid-template-columns: 1fr
  }

  .careerplacement-visionsec-grid {
    grid-template-columns: 1fr
  }

  .careerplacement-visionsec-word {
    writing-mode: horizontal-tb;
    transform: none;
    font-size: 60px
  }

  .campuslife-ribbonsec-track,
  .careerplacement-roadmapsec-track,
  .careerplacement-pipelinesec-flow,
  .clubactivity-magazinesec-grid,
  .eventworkshop-calendarsec-grid,
  .eventworkshop-bandsec-list,
  .eventworkshop-ticketsec-grid,
  .examresult-statusflowsec-grid,
  .documentrequest-policysec-grid,
  .documentrequest-deliverysec-points,
  .digitallibrary-bookshelfsec-shelf,
  .digitallibrary-researchmapsec-map,
  .studentambassador-rolesec-timeline,
  .studentambassador-criteriasec-profiles,
  .studentforms-hubsec-files,
  .studentforms-foldertabsec-tabs,
  .studentforms-flowsec-docflow,
  .studentforms-noticesec-grid,
  .studentlife-dayflowsec-track,
  .studentlife-pathwayssec-grid,
  .studentlife-wellbeingsec-grid,
  .studentsupport-academicmapsec-map,
  .studentsupport-troubleshootsec-flow,
  .studentsupport-resolutionsec-track {
    grid-template-columns: repeat(2, 1fr)
  }

  .careerplacement-pipeline-arrow {
    display: none
  }

  .clubactivity-tilessec-grid {
    grid-template-columns: repeat(2, 1fr)
  }

  .clubactivity-tilessec-grid article:nth-child(even) {
    margin-top: 0
  }

  .clubactivity-orbitsec-visual {
    width: 420px;
    height: 420px
  }

  .clubactivity-mosaicsec-grid {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto
  }

  .clubactivity-mosaicsec-copy,
  .clubactivity-mosaicsec-large {
    grid-column: 1/3;
    grid-row: auto
  }

  .eventworkshop-coversec-overlay {
    width: 80%
  }

  .documentrequest-mockupsec-docs {
    height: 500px
  }

  .studentforms-adminsec-list,
  .studentsupport-adminsec-directory {
    grid-template-columns: 1fr 1fr
  }

  .studentlife-lifestylesec-stage {
    height: auto
  }

  .studentlife-lifestylesec-stage>img {
    width: 100%;
    height: 480px
  }

  .studentlife-lifestylesec-card {
    position: relative;
    right: auto;
    top: auto;
    width: 100%
  }

  .studentsupport-academicmapsec-map {
    padding-top: 120px
  }
}

@media(max-width:767px) {

  .campuslife-page h2,
  .careerplacement-page h2,
  .clubactivity-page h2,
  .eventworkshop-page h2,
  .examresult-page h2,
  .documentrequest-page h2,
  .digitallibrary-page h2,
  .studentambassador-page h2,
  .studentforms-page h2,
  .studentlife-page h2,
  .studentsupport-page h2 {
    font-size: 31px
  }

  .campuslife-page p,
  .careerplacement-page p,
  .clubactivity-page p,
  .eventworkshop-page p,
  .examresult-page p,
  .documentrequest-page p,
  .digitallibrary-page p,
  .studentambassador-page p,
  .studentforms-page p,
  .studentlife-page p,
  .studentsupport-page p {
    font-size: 16px
  }

  .campuslife-editorialsec,
  .campuslife-ecosystemsec,
  .campuslife-ribbonsec,
  .campuslife-collagesec,
  .campuslife-directorysec,
  .campuslife-supportctasec,
  .careerplacement-visionsec,
  .careerplacement-matrixsec,
  .careerplacement-roadmapsec,
  .careerplacement-workspacesec,
  .careerplacement-pipelinesec,
  .careerplacement-checklistsec,
  .clubactivity-mosaicsec,
  .clubactivity-tilessec,
  .clubactivity-orbitsec,
  .clubactivity-magazinesec,
  .clubactivity-steppingsec,
  .clubactivity-impactsec,
  .eventworkshop-coversec,
  .eventworkshop-calendarsec,
  .eventworkshop-timelinesec,
  .eventworkshop-ticketsec,
  .eventworkshop-checksec,
  .eventworkshop-registersec,
  .examresult-dashboardsec,
  .examresult-statusflowsec,
  .examresult-verifysec,
  .examresult-decisionsec,
  .examresult-faqsec,
  .documentrequest-mockupsec,
  .documentrequest-comparesec,
  .documentrequest-checksheetsec,
  .documentrequest-approvalpathsec,
  .documentrequest-deliverysec,
  .documentrequest-policysec,
  .digitallibrary-editorialsec,
  .digitallibrary-bookshelfsec,
  .digitallibrary-researchmapsec,
  .digitallibrary-browsersec,
  .digitallibrary-globalsec,
  .digitallibrary-featuredsec,
  .studentambassador-portraitsec,
  .studentambassador-rolesec,
  .studentambassador-criteriasec,
  .studentambassador-milestonesec,
  .studentambassador-impactsec,
  .studentforms-hubsec,
  .studentforms-academicsec,
  .studentforms-adminsec,
  .studentforms-foldertabsec,
  .studentforms-flowsec,
  .studentlife-lifestylesec,
  .studentlife-dayflowsec,
  .studentlife-balancesec,
  .studentlife-pathwayssec,
  .studentlife-habitssec,
  .studentlife-aspiresec,
  .studentsupport-hubsec,
  .studentsupport-academicmapsec,
  .studentsupport-troubleshootsec,
  .studentsupport-adminsec,
  .studentsupport-resolutionsec,
  .studentsupport-guidancesec {
    padding: 75px 0
  }

  .campuslife-ribbonsec-track,
  .campuslife-collagesec-images,
  .careerplacement-matrixsec-grid,
  .careerplacement-roadmapsec-track,
  .careerplacement-pipelinesec-flow,
  .clubactivity-tilessec-grid,
  .clubactivity-magazinesec-grid,
  .eventworkshop-calendarsec-grid,
  .eventworkshop-bandsec-list,
  .eventworkshop-ticketsec-grid,
  .examresult-statusflowsec-grid,
  .documentrequest-comparesec-grid,
  .documentrequest-policysec-grid,
  .digitallibrary-bookshelfsec-shelf,
  .digitallibrary-researchmapsec-map,
  .studentambassador-rolesec-timeline,
  .studentambassador-criteriasec-profiles,
  .studentforms-hubsec-files,
  .studentforms-adminsec-list,
  .studentforms-foldertabsec-tabs,
  .studentforms-flowsec-docflow,
  .studentforms-noticesec-grid,
  .studentlife-dayflowsec-track,
  .studentlife-pathwayssec-grid,
  .studentlife-wellbeingsec-grid,
  .studentsupport-hubsec-console,
  .studentsupport-academicmapsec-map,
  .studentsupport-troubleshootsec-flow,
  .studentsupport-adminsec-directory,
  .studentsupport-resolutionsec-track {
    grid-template-columns: 1fr
  }

  .campuslife-collagesec-images {
    grid-template-rows: 240px 240px 240px
  }

  .campuslife-collagesec-images img:first-child {
    grid-row: auto
  }

  .campuslife-directorysec-list>a {
    grid-template-columns: 50px 1fr
  }

  .campuslife-directorysec-list>a>span {
    grid-column: 2
  }

  .careerplacement-visionsec-image,
  .campuslife-supportctasec-image,
  .eventworkshop-checksec-image,
  .digitallibrary-editorialsec-image,
  .studentambassador-portraitsec-image {
    height: 400px
  }

  .clubactivity-orbitsec-visual {
    width: 320px;
    height: 320px
  }

  .clubactivity-orbitsec-core {
    width: 130px;
    height: 130px
  }

  .clubactivity-orbitsec-item {
    width: 85px;
    height: 85px
  }

  .clubactivity-orbitsec-item.one,
  .clubactivity-orbitsec-item.three {
    left: 117px
  }

  .clubactivity-orbitsec-item.two,
  .clubactivity-orbitsec-item.four {
    top: 117px
  }

  .clubactivity-steppingsec-path {
    display: grid;
    grid-template-columns: 1fr 1fr
  }

  .clubactivity-steppingsec-path:before {
    display: none
  }

  .eventworkshop-coversec-card {
    height: 520px
  }

  .eventworkshop-coversec-overlay {
    width: 100%;
    padding: 30px
  }

  .examresult-decisionsec-tree .branch {
    grid-template-columns: 1fr;
    gap: 20px
  }

  .examresult-helpdesksec-box,
  .documentrequest-uploadctasec-box,
  .digitallibrary-portalsec-box,
  .studentforms-assistsec-box,
  .studentsupport-consolectasec-box {
    grid-template-columns: 1fr
  }

  .documentrequest-mockupsec-docs {
    height: auto;
    display: grid;
    gap: 20px
  }

  .documentrequest-idmock,
  .documentrequest-transcriptmock {
    position: relative;
    inset: auto;
    width: 100%;
    height: auto;
    transform: none
  }

  .studentambassador-milestonesec-path {
    display: grid;
    grid-template-columns: 1fr 1fr
  }

  .studentambassador-ribbonsec-stack div {
    grid-template-columns: 1fr
  }

  .studentlife-aspiresec-wrap img {
    height: 320px
  }

  .studentsupport-academicmapsec-map {
    padding-top: 0
  }

  .studentsupport-academicmapsec-core {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    width: 100%
  }
}

@media(max-width:480px) {

  .campuslife-editorialsec-panel,
  .campuslife-supportctasec-copy,
  .clubactivity-mosaicsec-copy,
  .eventworkshop-coversec-overlay,
  .eventworkshop-registersec-strip>div,
  .studentlife-lifestylesec-card,
  .studentlife-aspiresec-wrap>div {
    padding: 28px
  }

  .campuslife-ecosystemsec-map {
    grid-template-columns: 1fr
  }

  .campuslife-ribbonsec-track,
  .clubactivity-steppingsec-path,
  .studentambassador-milestonesec-path {
    grid-template-columns: 1fr
  }

  .careerplacement-advisorysec-box,
  .clubactivity-joinsec-wrap,
  .studentambassador-interestsec-box {
    flex-direction: column;
    align-items: flex-start
  }

  .careerplacement-advisorysec-box a,
  .clubactivity-joinsec-wrap a,
  .studentambassador-interestsec-box a {
    width: 100%;
    text-align: center
  }

  .clubactivity-mosaicsec-grid {
    grid-template-columns: 1fr
  }

  .clubactivity-mosaicsec-copy,
  .clubactivity-mosaicsec-large {
    grid-column: auto
  }

  .eventworkshop-registersec-strip,
  .clubactivity-impactsec-strip {
    grid-template-columns: 1fr
  }

  .examresult-decisionsec-tree .root {
    width: 100%
  }

  .studentlife-lifestylesec-stage>img {
    height: 360px
  }

  .clubactivity-orbitsec-visual {
    transform: scale(.85);
    margin-left: -15px
  }

  .careerplacement-visionsec-word {
    font-size: 42px
  }

  .studentforms-academicsec-directory a {
    grid-template-columns: 50px 1fr
  }

  .studentforms-academicsec-directory>a>span {
    grid-column: 2
  }
}




/* =========================================================
   IAMA 25 COMMUNITY PAGES � FINAL MODERN REDESIGN
   Fully scoped to .iama25page only. No header/footer/mainabout1 CSS.
========================================================= */

.iama25page {
  position: relative;
  overflow: hidden;
  background: #fff;
}

.iama25page .iama25-section {
  position: relative;
  padding: 105px 0;
  overflow: hidden;
}

.iama25page .iama25-label {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 18px;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1.7px;
  text-transform: uppercase;
  color: #00287d;
}

.iama25page .iama25-label i {
  color: #ffc63b;
  font-size: 16px;
}

.iama25page .iama25-title {
  margin: 0;
  color: #111;
  font-family: "Work Sans", sans-serif;
  font-size: 42px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -.6px;
}

.iama25page .iama25-title strong {
  color: #00287d;
  font-weight: 700;
}

.iama25page .iama25-text {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #000;
  line-height: 1.6em;
}

.iama25page .iama25-small-text {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-size: 15px;
  font-weight: 400;
  color: #575767;
  line-height: 1.65;
}

.iama25page .iama25-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 56px;
  padding: 16px 24px;
  background: #00287d;
  color: #fff;
  text-decoration: none;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 600;
  border-radius: 999px;
  box-shadow: 0 14px 28px rgba(55, 51, 153, .22);
  transition: transform .35s ease, background .35s ease, box-shadow .35s ease;
}

.iama25page .iama25-btn:hover {
  background: #242424;
  color: #fff;
  transform: translateY(-3px);
  box-shadow: 0 20px 34px rgba(36, 36, 36, .22);
}

.iama25page .iama25-photo-card,
.iama25page .iama25-cinematic-image,
.iama25page .iama25-mosaic-photo,
.iama25page .iama25-cta-image,
.iama25page .iama25-quote-image,
.iama25page .iama25-researchmap-image,
.iama25page .iama25-publication-feature {
  overflow: hidden;
}

.iama25page .iama25-photo-card img,
.iama25page .iama25-cinematic-image img,
.iama25page .iama25-mosaic-photo img,
.iama25page .iama25-cta-image img,
.iama25page .iama25-quote-image img,
.iama25page .iama25-researchmap-image img,
.iama25page .iama25-publication-feature img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform .65s ease;
}

.iama25page .iama25-photo-card:hover img,
.iama25page .iama25-cinematic-wrap:hover img,
.iama25page .iama25-mosaic-photo:hover img,
.iama25page .iama25-cta-wrap:hover img,
.iama25page .iama25-quote-box:hover img,
.iama25page .iama25-researchmap-layout:hover img,
.iama25page .iama25-publication-feature:hover img {
  transform: scale(1.055);
}

/* Signature */
.iama25page .iama25-signature {
  background: linear-gradient(135deg, #fff 0%, #f7f8fc 100%);
}

.iama25page .iama25-signature-grid {
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
  gap: 72px;
  align-items: center;
}

.iama25page .iama25-signature-copy .iama25-title {
  margin-bottom: 24px;
  font-size: 54px;
}

.iama25page .iama25-pill-row {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 34px;
}

.iama25page .iama25-pill-row span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 11px 15px;
  border: 1px solid rgba(55, 51, 153, .15);
  background: #fff;
  border-radius: 999px;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: #111;
  box-shadow: 0 8px 20px rgba(36, 36, 36, .05);
}

.iama25page .iama25-pill-row i {
  color: #00287d;
}

.iama25page .iama25-signature-visual {
  position: relative;
  min-height: 590px;
  padding: 36px 36px 90px 70px;
}

.iama25page .iama25-signature-visual:before {
  content: "";
  position: absolute;
  inset: 0 0 55px 130px;
  background: #00287d;
  border-radius: 42px;
}

.iama25page .iama25-photo-large {
  position: relative;
  z-index: 2;
  height: 460px;
  border-radius: 34px;
  box-shadow: 0 34px 70px rgba(36, 36, 36, .22);
}

.iama25page .iama25-photo-small {
  position: absolute;
  z-index: 3;
  left: 0;
  bottom: 30px;
  width: 245px;
  height: 195px;
  border: 10px solid #fff;
  border-radius: 30px;
  box-shadow: 0 24px 50px rgba(36, 36, 36, .18);
}

.iama25page .iama25-floating-badge {
  position: absolute;
  z-index: 4;
  right: 0;
  bottom: 0;
  max-width: 250px;
  padding: 20px 22px;
  background: #ffc63b;
  color: #111;
  border-radius: 24px;
  box-shadow: 0 22px 45px rgba(36, 36, 36, .18);
  display: flex;
  align-items: center;
  gap: 13px;
  font-family: "Work Sans", sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.iama25page .iama25-floating-badge i {
  width: 46px;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #00287d;
  color: #fff;
  border-radius: 16px;
}

.iama25page .iama25-signature-warm .iama25-signature-visual:before,
.iama25page .iama25-signature-trust .iama25-signature-visual:before {
  background: #242424;
}

.iama25page .iama25-signature-corporate .iama25-signature {
  background: #fff;
}

/* Cinematic */
.iama25page .iama25-cinematic {
  background: #fff;
}

.iama25page .iama25-cinematic-wrap {
  position: relative;
  min-height: 620px;
  border-radius: 42px;
  overflow: hidden;
  background: #242424;
  box-shadow: 0 30px 70px rgba(36, 36, 36, .16);
}

.iama25page .iama25-cinematic-image {
  position: absolute;
  inset: 0;
}

.iama25page .iama25-cinematic-image:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(36, 36, 36, .86), rgba(36, 36, 36, .58), rgba(36, 36, 36, .08));
}

.iama25page .iama25-cinematic-panel {
  position: relative;
  z-index: 2;
  max-width: 620px;
  min-height: 620px;
  padding: 70px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.iama25page .iama25-cinematic-panel .iama25-label {
  color: #ffc63b;
}

.iama25page .iama25-cinematic-panel .iama25-title {
  color: #fff;
  margin-bottom: 22px;
  font-size: 50px;
}

.iama25page .iama25-cinematic-panel .iama25-text {
  color: rgba(255, 255, 255, .78);
}

/* Orbit */
.iama25page .iama25-orbit-sec {
  background: #f7f8fc;
}

.iama25page .iama25-center-head {
  max-width: 820px;
  margin: 0 auto 56px;
  text-align: center;
}

.iama25page .iama25-center-head .iama25-title {
  margin-bottom: 18px;
}

.iama25page .iama25-orbit-map {
  position: relative;
  min-height: 570px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
  align-items: center;
}

.iama25page .iama25-orbit-map:before {
  content: "";
  position: absolute;
  inset: 85px 16%;
  border: 1px dashed rgba(55, 51, 153, .27);
  border-radius: 50%;
}

.iama25page .iama25-orbit-center {
  position: absolute;
  z-index: 3;
  left: 50%;
  top: 50%;
  width: 190px;
  height: 190px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 12px;
  border-radius: 50%;
  background: #00287d;
  color: #fff;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 0 18px rgba(255, 198, 59, .32), 0 28px 60px rgba(55, 51, 153, .24);
  font-family: "Work Sans", sans-serif;
  font-weight: 700;
}

.iama25page .iama25-orbit-center i {
  color: #ffc63b;
  font-size: 36px;
}

.iama25page .iama25-orbit-node {
  position: relative;
  z-index: 2;
  min-height: 142px;
  padding: 28px;
  background: #fff;
  border: 1px solid rgba(55, 51, 153, .13);
  border-radius: 26px;
  box-shadow: 0 16px 36px rgba(36, 36, 36, .06);
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}

.iama25page .iama25-orbit-node:hover {
  transform: translateY(-7px);
  box-shadow: 0 24px 46px rgba(36, 36, 36, .11);
  border-color: #ffc63b;
}

.iama25page .iama25-orbit-node i {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  background: #fff3c9;
  color: #00287d;
  margin-bottom: 17px;
}

.iama25page .iama25-orbit-node strong {
  display: block;
  font-family: "Work Sans", sans-serif;
  color: #111;
  font-size: 18px;
  line-height: 1.3;
}

/* Matrix */
.iama25page .iama25-matrix {
  background: #fff;
}

.iama25page .iama25-matrix-dark {
  background: #242424;
}

.iama25page .iama25-matrix-layout {
  display: grid;
  grid-template-columns: minmax(0, .74fr) minmax(0, 1.26fr);
  gap: 62px;
  align-items: start;
}

.iama25page .iama25-matrix-copy {
  position: sticky;
  top: 120px;
}

.iama25page .iama25-matrix-copy .iama25-title {
  margin-bottom: 20px;
}

.iama25page .iama25-matrix-dark .iama25-title {
  color: #fff;
}

.iama25page .iama25-matrix-dark .iama25-text {
  color: rgba(255, 255, 255, .72);
}

.iama25page .iama25-matrix-dark .iama25-label {
  color: #ffc63b;
}

.iama25page .iama25-matrix-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
}

.iama25page .iama25-matrix-card {
  position: relative;
  min-height: 210px;
  padding: 30px;
  border-radius: 28px;
  background: #f7f8fc;
  border: 1px solid rgba(55, 51, 153, .12);
  transition: transform .35s ease, box-shadow .35s ease, background .35s ease;
}

.iama25page .iama25-matrix-card:hover {
  transform: translateY(-7px);
  box-shadow: 0 24px 46px rgba(36, 36, 36, .10);
  background: #fff;
}

.iama25page .iama25-matrix-card i {
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 18px;
  background: #00287d;
  color: #fff;
  margin-bottom: 28px;
  font-size: 22px;
}

.iama25page .iama25-matrix-card h3 {
  font-family: "Work Sans", sans-serif;
  color: #111;
  font-size: 21px;
  font-weight: 700;
  line-height: 1.25;
  margin: 0 0 10px;
}

.iama25page .iama25-matrix-dark .iama25-matrix-card {
  background: rgba(255, 255, 255, .06);
  border-color: rgba(255, 255, 255, .11);
}

.iama25page .iama25-matrix-dark .iama25-matrix-card h3 {
  color: #fff;
}

.iama25page .iama25-matrix-dark .iama25-small-text {
  color: rgba(255, 255, 255, .7);
}

.iama25page .iama25-matrix-dark .iama25-matrix-card i {
  background: #ffc63b;
  color: #00287d;
}

/* Roadmap */
.iama25page .iama25-roadmap {
  background: #f7f8fc;
}

.iama25page .iama25-roadmap-head {
  display: grid;
  grid-template-columns: minmax(0, .82fr) minmax(0, .8fr);
  gap: 50px;
  align-items: end;
  margin-bottom: 56px;
}

.iama25page .iama25-roadmap-head .iama25-title {
  margin-bottom: 0;
}

.iama25page .iama25-roadmap-track {
  position: relative;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 16px;
}

.iama25page .iama25-roadmap-track:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 43px;
  height: 2px;
  background: linear-gradient(90deg, #00287d, #ffc63b);
}

.iama25page .iama25-roadmap-step {
  position: relative;
  z-index: 2;
  min-height: 250px;
  padding: 24px;
  background: #fff;
  border-radius: 28px;
  border: 1px solid rgba(55, 51, 153, .12);
  box-shadow: 0 18px 40px rgba(36, 36, 36, .06);
  transition: transform .35s ease, box-shadow .35s ease;
}

.iama25page .iama25-roadmap-step:hover {
  transform: translateY(-8px);
  box-shadow: 0 26px 48px rgba(36, 36, 36, .12);
}

.iama25page .iama25-roadmap-step span {
  width: 58px;
  height: 58px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #00287d;
  color: #fff;
  font-family: "Work Sans", sans-serif;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 42px;
  box-shadow: 0 0 0 8px #f7f8fc;
}

.iama25page .iama25-roadmap-step h3 {
  margin: 0 0 12px;
  font-family: "Work Sans", sans-serif;
  color: #111;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.25;
}

.iama25page .iama25-roadmap-step:nth-child(even) span {
  background: #ffc63b;
  color: #111;
}

.iama25page .iama25-roadmap-stair .iama25-roadmap-step:nth-child(even) {
  transform: translateY(32px);
}

.iama25page .iama25-roadmap-stair .iama25-roadmap-step:hover {
  transform: translateY(24px);
}

.iama25page .iama25-roadmap-curve .iama25-roadmap-track:before {
  top: 50%;
  height: 1px;
  background: rgba(55, 51, 153, .25);
}

/* Workspace */
.iama25page .iama25-workspace {
  background: #242424;
}

.iama25page .iama25-workspace-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(0, .88fr);
  gap: 68px;
  align-items: center;
}

.iama25page .iama25-workspace-screen {
  background: #111219;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 34px;
  padding: 12px;
  box-shadow: 0 34px 80px rgba(0, 0, 0, .32);
}

.iama25page .iama25-browser-bar {
  height: 54px;
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 0 18px;
  background: #232430;
  border-radius: 24px 24px 0 0;
}

.iama25page .iama25-browser-bar span {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .25);
}

.iama25page .iama25-browser-bar strong {
  margin-left: auto;
  color: rgba(255, 255, 255, .65);
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 700;
}

.iama25page .iama25-workspace-body {
  padding: 26px;
  background: linear-gradient(135deg, #171823, #222334);
  border-radius: 0 0 24px 24px;
}

.iama25page .iama25-workspace-row {
  display: grid;
  grid-template-columns: 55px 1fr 34px;
  align-items: center;
  gap: 14px;
  min-height: 74px;
  padding: 14px 18px;
  margin-bottom: 12px;
  background: rgba(255, 255, 255, .06);
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 18px;
  color: #fff;
  transition: transform .35s ease, background .35s ease;
}

.iama25page .iama25-workspace-row:hover {
  transform: translateX(8px);
  background: rgba(255, 255, 255, .1);
}

.iama25page .iama25-workspace-row b {
  color: #ffc63b;
  font-family: "Work Sans", sans-serif;
}

.iama25page .iama25-workspace-row span {
  font-family: "Inter", sans-serif;
  font-size: 15px;
  font-weight: 700;
}

.iama25page .iama25-workspace-row i {
  color: #ffc63b;
}

.iama25page .iama25-workspace-copy .iama25-label {
  color: #ffc63b;
}

.iama25page .iama25-workspace-copy .iama25-title {
  color: #fff;
  margin-bottom: 22px;
}

.iama25page .iama25-workspace-copy .iama25-text {
  color: rgba(255, 255, 255, .72);
}

/* Mosaic */
.iama25page .iama25-mosaic {
  background: #fff;
}

.iama25page .iama25-mosaic-grid {
  display: grid;
  grid-template-columns: 1.05fr .75fr .95fr;
  grid-template-rows: 250px 250px;
  gap: 20px;
}

.iama25page .iama25-mosaic-photo {
  border-radius: 30px;
  box-shadow: 0 22px 46px rgba(36, 36, 36, .1);
}

.iama25page .iama25-mosaic-photo-a {
  grid-row: 1/3;
}

.iama25page .iama25-mosaic-card {
  grid-column: 2/4;
  padding: 40px;
  border-radius: 30px;
  background: #00287d;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.iama25page .iama25-mosaic-card .iama25-label {
  color: #ffc63b;
}

.iama25page .iama25-mosaic-card .iama25-title {
  color: #fff;
  margin-bottom: 18px;
}

.iama25page .iama25-mosaic-card .iama25-text {
  color: rgba(255, 255, 255, .72);
}

.iama25page .iama25-mosaic-list {
  padding: 26px;
  border-radius: 30px;
  background: #ffc63b;
  display: grid;
  align-content: center;
  gap: 12px;
}

.iama25page .iama25-mosaic-list span {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #111;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 600;
}

.iama25page .iama25-mosaic-list i {
  font-size: 8px;
  color: #00287d;
}

/* Directory */
.iama25page .iama25-directory {
  background: #f7f8fc;
}

.iama25page .iama25-directory-layout {
  display: grid;
  grid-template-columns: minmax(0, .72fr) minmax(0, 1.28fr);
  gap: 64px;
  align-items: start;
}

.iama25page .iama25-directory-title {
  position: sticky;
  top: 120px;
}

.iama25page .iama25-directory-title .iama25-title {
  margin-bottom: 20px;
}

.iama25page .iama25-directory-rows {
  display: grid;
  gap: 14px;
}

.iama25page .iama25-directory-row {
  display: grid;
  grid-template-columns: 64px 1fr 50px;
  gap: 18px;
  align-items: center;
  padding: 24px;
  background: #fff;
  border-radius: 24px;
  border: 1px solid rgba(55, 51, 153, .12);
  box-shadow: 0 14px 34px rgba(36, 36, 36, .05);
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}

.iama25page .iama25-directory-row:hover {
  transform: translateX(8px);
  box-shadow: 0 22px 44px rgba(36, 36, 36, .1);
  border-color: #ffc63b;
}

.iama25page .iama25-directory-row>i {
  width: 58px;
  height: 58px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 18px;
  background: #eef0ff;
  color: #00287d;
  font-size: 22px;
}

.iama25page .iama25-directory-row h3 {
  margin: 0 0 5px;
  font-family: "Work Sans", sans-serif;
  color: #111;
  font-size: 20px;
  font-weight: 700;
}

.iama25page .iama25-directory-row>span {
  font-family: "Work Sans", sans-serif;
  font-size: 22px;
  font-weight: 700;
  color: rgba(55, 51, 153, .2);
}

/* Document */
.iama25page .iama25-documents {
  background: #fff;
}

.iama25page .iama25-documents-grid {
  display: grid;
  grid-template-columns: minmax(0, .84fr) minmax(0, 1.16fr);
  gap: 70px;
  align-items: center;
}

.iama25page .iama25-documents-copy .iama25-title {
  margin-bottom: 20px;
}

.iama25page .iama25-documents-stack {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

.iama25page .iama25-document-sheet {
  position: relative;
  min-height: 250px;
  padding: 30px;
  border-radius: 30px;
  background: #fff;
  box-shadow: 0 22px 50px rgba(36, 36, 36, .1);
  border: 1px solid rgba(55, 51, 153, .12);
  transition: transform .35s ease, box-shadow .35s ease;
}

.iama25page .iama25-document-sheet:hover {
  transform: translateY(-8px) rotate(-1deg);
  box-shadow: 0 30px 58px rgba(36, 36, 36, .14);
}

.iama25page .iama25-document-sheet:before {
  content: "";
  position: absolute;
  right: 22px;
  top: 22px;
  width: 52px;
  height: 8px;
  border-radius: 99px;
  background: #ffc63b;
}

.iama25page .iama25-document-icon {
  width: 58px;
  height: 58px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 18px;
  background: #00287d;
  color: #fff;
  margin-bottom: 44px;
  font-size: 23px;
}

.iama25page .iama25-document-sheet h3 {
  margin: 0 0 10px;
  font-family: "Work Sans", sans-serif;
  color: #111;
  font-size: 20px;
  font-weight: 700;
}

/* Publication */
.iama25page .iama25-publication {
  background: #f7f8fc;
}

.iama25page .iama25-publication-head {
  max-width: 820px;
  margin: 0 0 48px;
}

.iama25page .iama25-publication-head .iama25-title {
  margin-bottom: 18px;
}

.iama25page .iama25-publication-grid {
  display: grid;
  grid-template-columns: 1.35fr repeat(2, 1fr);
  gap: 20px;
}

.iama25page .iama25-publication-feature {
  grid-row: span 2;
  min-height: 520px;
  border-radius: 32px;
  background: #242424;
  position: relative;
  box-shadow: 0 26px 60px rgba(36, 36, 36, .16);
}

.iama25page .iama25-publication-feature img {
  position: absolute;
  inset: 0;
}

.iama25page .iama25-publication-feature:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, rgba(36, 36, 36, .86), rgba(36, 36, 36, .1));
}

.iama25page .iama25-publication-feature>div {
  position: absolute;
  left: 34px;
  right: 34px;
  bottom: 34px;
  z-index: 2;
}

.iama25page .iama25-publication-feature span {
  display: inline-block;
  margin-bottom: 12px;
  color: #ffc63b;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 1.2px;
}

.iama25page .iama25-publication-feature h3 {
  color: #fff;
  font-family: "Work Sans", sans-serif;
  font-size: 28px;
  line-height: 1.15;
  margin: 0 0 10px;
}

.iama25page .iama25-publication-feature .iama25-small-text {
  color: rgba(255, 255, 255, .75);
}

.iama25page .iama25-publication-card {
  min-height: 250px;
  padding: 28px;
  border-radius: 30px;
  background: #fff;
  border: 1px solid rgba(55, 51, 153, .12);
  box-shadow: 0 16px 34px rgba(36, 36, 36, .06);
  transition: transform .35s ease, box-shadow .35s ease;
}

.iama25page .iama25-publication-card:hover {
  transform: translateY(-7px);
  box-shadow: 0 24px 46px rgba(36, 36, 36, .1);
}

.iama25page .iama25-publication-card b {
  display: block;
  margin-bottom: 36px;
  color: #00287d;
  font-family: "Work Sans", sans-serif;
  font-size: 24px;
}

.iama25page .iama25-publication-card h3 {
  margin: 0 0 10px;
  color: #111;
  font-family: "Work Sans", sans-serif;
  font-size: 21px;
  line-height: 1.25;
}

/* Tickets */
.iama25page .iama25-tickets {
  background: #fff;
}

.iama25page .iama25-tickets-head .iama25-title {
  margin-bottom: 18px;
}

.iama25page .iama25-tickets-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}

.iama25page .iama25-ticket {
  position: relative;
  min-height: 300px;
  padding: 30px;
  border-radius: 30px;
  background: #f7f8fc;
  border: 1px dashed rgba(55, 51, 153, .35);
  overflow: hidden;
  transition: transform .35s ease, box-shadow .35s ease, background .35s ease;
}

.iama25page .iama25-ticket:before,
.iama25page .iama25-ticket:after {
  content: "";
  position: absolute;
  top: 50%;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: #fff;
  border: 1px dashed rgba(55, 51, 153, .3);
}

.iama25page .iama25-ticket:before {
  left: -13px;
}

.iama25page .iama25-ticket:after {
  right: -13px;
}

.iama25page .iama25-ticket:hover {
  transform: translateY(-8px);
  box-shadow: 0 24px 48px rgba(36, 36, 36, .11);
  background: #fff;
}

.iama25page .iama25-ticket span {
  display: block;
  margin-bottom: 70px;
  color: #00287d;
  font-family: "Work Sans", sans-serif;
  font-size: 28px;
  font-weight: 700;
}

.iama25page .iama25-ticket h3 {
  margin: 0 0 10px;
  color: #111;
  font-family: "Work Sans", sans-serif;
  font-size: 22px;
  line-height: 1.25;
}

/* Quote */
.iama25page .iama25-quote {
  background: #242424;
}

.iama25page .iama25-quote-box {
  display: grid;
  grid-template-columns: 100px 1fr 330px;
  gap: 34px;
  align-items: center;
  padding: 42px;
  border-radius: 36px;
  background: linear-gradient(135deg, #000, #151515);
  box-shadow: 0 30px 70px rgba(0, 0, 0, .22);
}

.iama25page .iama25-quote-symbol {
  width: 96px;
  height: 96px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 28px;
  background: #ffc63b;
  color: #00287d;
  font-size: 36px;
}

.iama25page .iama25-quote-copy .iama25-label {
  color: #ffc63b;
}

.iama25page .iama25-quote-copy .iama25-title {
  color: #fff;
  margin-bottom: 18px;
}

.iama25page .iama25-quote-copy .iama25-text {
  color: rgba(255, 255, 255, .74);
}

.iama25page .iama25-quote-image {
  height: 300px;
  border-radius: 28px;
}

/* FAQ */
.iama25page .iama25-faq {
  background: #f7f8fc;
}

.iama25page .iama25-faq-layout {
  display: grid;
  grid-template-columns: minmax(0, .72fr) minmax(0, 1.28fr);
  gap: 64px;
  align-items: start;
}

.iama25page .iama25-faq-heading {
  position: sticky;
  top: 120px;
}

.iama25page .iama25-faq-heading .iama25-title {
  margin-bottom: 20px;
}

.iama25page .iama25-faq-list {
  display: grid;
  gap: 16px;
}

.iama25page .iama25-faq-item {
  position: relative;
  padding: 28px 32px 28px 86px;
  border-radius: 26px;
  background: #fff;
  border: 1px solid rgba(55, 51, 153, .12);
  box-shadow: 0 18px 38px rgba(36, 36, 36, .06);
}

.iama25page .iama25-faq-item:before {
  content: "?";
  position: absolute;
  left: 26px;
  top: 28px;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #00287d;
  color: #fff;
  font-family: "Work Sans", sans-serif;
  font-weight: 700;
}

.iama25page .iama25-faq-item h3 {
  margin: 0 0 8px;
  color: #111;
  font-family: "Work Sans", sans-serif;
  font-size: 21px;
  font-weight: 700;
}

/* Research map */
.iama25page .iama25-researchmap {
  background: #fff;
}

.iama25page .iama25-researchmap-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
  gap: 70px;
  align-items: center;
}

.iama25page .iama25-researchmap-image {
  height: 560px;
  border-radius: 38px;
  box-shadow: 0 28px 60px rgba(36, 36, 36, .14);
}

.iama25page .iama25-researchmap-copy .iama25-title {
  margin-bottom: 20px;
}

.iama25page .iama25-researchmap-nodes {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 32px;
}

.iama25page .iama25-researchmap-nodes span {
  padding: 13px 16px;
  border-radius: 999px;
  background: #f7f8fc;
  border: 1px solid rgba(55, 51, 153, .13);
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: #111;
}

/* Feed */
.iama25page .iama25-feed {
  background: #f7f8fc;
}

.iama25page .iama25-feed-head {
  max-width: 850px;
  margin: 0 auto 50px;
  text-align: center;
}

.iama25page .iama25-feed-head .iama25-title {
  margin-bottom: 18px;
}

.iama25page .iama25-feed-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}

.iama25page .iama25-feed-post {
  min-height: 220px;
  padding: 28px;
  border-radius: 30px;
  background: #fff;
  border: 1px solid rgba(55, 51, 153, .12);
  box-shadow: 0 18px 38px rgba(36, 36, 36, .06);
  transition: transform .35s ease, box-shadow .35s ease;
}

.iama25page .iama25-feed-post:hover {
  transform: translateY(-7px);
  box-shadow: 0 26px 48px rgba(36, 36, 36, .12);
}

.iama25page .iama25-feed-icon {
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 18px;
  background: #00287d;
  color: #fff;
  margin-bottom: 36px;
  font-size: 22px;
}

.iama25page .iama25-feed-post h3 {
  margin: 0 0 10px;
  color: #111;
  font-family: "Work Sans", sans-serif;
  font-size: 21px;
  font-weight: 700;
}

/* CTA */
.iama25page .iama25-cta {
  background: #fff;
}

.iama25page .iama25-cta-wrap {
  display: grid;
  grid-template-columns: minmax(280px, .82fr) minmax(0, 1.18fr);
  gap: 0;
  align-items: stretch;
  border-radius: 40px;
  overflow: hidden;
  background: #00287d;
  box-shadow: 0 32px 75px rgba(55, 51, 153, .22);
}

.iama25page .iama25-cta-image {
  min-height: 420px;
}

.iama25page .iama25-cta-copy {
  padding: 58px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.iama25page .iama25-cta-copy .iama25-label {
  color: #ffc63b;
}

.iama25page .iama25-cta-copy .iama25-title {
  color: #fff;
  margin-bottom: 18px;
}

.iama25page .iama25-cta-copy .iama25-text {
  color: rgba(255, 255, 255, .74);
  margin-bottom: 30px;
}

.iama25page .iama25-cta-copy .iama25-btn {
  background: #ffc63b;
  color: #111;
  box-shadow: none;
  align-self: flex-start;
}

.iama25page .iama25-cta-copy .iama25-btn:hover {
  background: #fff;
  color: #00287d;
}

.iama25page .iama25-cta-gold .iama25-cta-wrap {
  background: #ffc63b;
  box-shadow: 0 32px 75px rgba(255, 198, 59, .24);
}

.iama25page .iama25-cta-gold .iama25-label {
  color: #00287d;
}

.iama25page .iama25-cta-gold .iama25-title {
  color: #111;
}

.iama25page .iama25-cta-gold .iama25-text {
  color: #000;
}

.iama25page .iama25-cta-gold .iama25-btn {
  background: #00287d;
  color: #fff;
}

.iama25page .iama25-cta-console .iama25-cta-wrap,
.iama25page .iama25-cta-dark .iama25-cta-wrap {
  background: #242424;
  box-shadow: 0 32px 75px rgba(36, 36, 36, .25);
}

/* Page-specific subtle accents */
.iama25page .industrycollab-signature,
.iama25page .supportdesk-signature,
.iama25page .researchinnovation-signature {
  background: #fff;
}

.iama25page .blogarticle-publication,
.iama25page .latestnewspage-publication,
.iama25page .publicationpage-publication {
  background: #fff;
}

.iama25page .gallerypage-mosaic,
.iama25page .eventreunion-mosaic,
.iama25page .socialmedia-mosaic {
  background: #f7f8fc;
}

.iama25page .donationpage-quote .iama25-quote-box,
.iama25page .successstory-quote .iama25-quote-box {
  background: linear-gradient(135deg, #00287d, #242424);
}

.iama25page .innovationhub-workspace,
.iama25page .webinarseminar-workspace {
  background: #181927;
}

@media(max-width:1199px) {
  .iama25page .iama25-section {
    padding: 86px 0;
  }

  .iama25page .iama25-signature-grid,
  .iama25page .iama25-matrix-layout,
  .iama25page .iama25-workspace-grid,
  .iama25page .iama25-directory-layout,
  .iama25page .iama25-documents-grid,
  .iama25page .iama25-researchmap-layout {
    gap: 44px;
  }

  .iama25page .iama25-signature-copy .iama25-title {
    font-size: 46px;
  }

  .iama25page .iama25-roadmap-track {
    grid-template-columns: repeat(3, 1fr);
  }

  .iama25page .iama25-roadmap-track:before {
    display: none;
  }

  .iama25page .iama25-tickets-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media(max-width:991px) {
  .iama25page .iama25-title {
    font-size: 36px;
  }

  .iama25page .iama25-signature-grid,
  .iama25page .iama25-matrix-layout,
  .iama25page .iama25-workspace-grid,
  .iama25page .iama25-directory-layout,
  .iama25page .iama25-documents-grid,
  .iama25page .iama25-faq-layout,
  .iama25page .iama25-researchmap-layout,
  .iama25page .iama25-cta-wrap {
    grid-template-columns: 1fr;
  }

  .iama25page .iama25-signature-copy .iama25-title,
  .iama25page .iama25-cinematic-panel .iama25-title {
    font-size: 40px;
  }

  .iama25page .iama25-signature-visual {
    max-width: 720px;
    margin: 0 auto;
  }

  .iama25page .iama25-matrix-copy,
  .iama25page .iama25-directory-title,
  .iama25page .iama25-faq-heading {
    position: relative;
    top: auto;
  }

  .iama25page .iama25-roadmap-head {
    grid-template-columns: 1fr;
    gap: 22px;
  }

  .iama25page .iama25-mosaic-grid {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
  }

  .iama25page .iama25-mosaic-photo-a,
  .iama25page .iama25-mosaic-card {
    grid-column: auto;
    grid-row: auto;
  }

  .iama25page .iama25-mosaic-card {
    grid-column: 1/3;
  }

  .iama25page .iama25-publication-grid {
    grid-template-columns: 1fr 1fr;
  }

  .iama25page .iama25-publication-feature {
    grid-column: 1/3;
    grid-row: auto;
  }

  .iama25page .iama25-quote-box {
    grid-template-columns: 1fr;
  }

  .iama25page .iama25-quote-image {
    height: 360px;
  }

  .iama25page .iama25-feed-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media(max-width:767px) {
  .iama25page .iama25-section {
    padding: 66px 0;
  }

  .iama25page .iama25-title {
    font-size: 31px;
  }

  .iama25page .iama25-text {
    font-size: 16px;
  }

  .iama25page .iama25-signature-copy .iama25-title,
  .iama25page .iama25-cinematic-panel .iama25-title {
    font-size: 33px;
  }

  .iama25page .iama25-signature-visual {
    min-height: auto;
    padding: 0;
  }

  .iama25page .iama25-signature-visual:before {
    display: none;
  }

  .iama25page .iama25-photo-large {
    height: 360px;
  }

  .iama25page .iama25-photo-small,
  .iama25page .iama25-floating-badge {
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    width: 100%;
    height: auto;
    margin-top: 16px;
  }

  .iama25page .iama25-photo-small {
    height: 220px;
    border: 0;
  }

  .iama25page .iama25-cinematic-wrap {
    min-height: auto;
  }

  .iama25page .iama25-cinematic-image {
    position: relative;
    height: 360px;
  }

  .iama25page .iama25-cinematic-image:after {
    background: linear-gradient(0deg, rgba(36, 36, 36, .72), rgba(36, 36, 36, .08));
  }

  .iama25page .iama25-cinematic-panel {
    min-height: auto;
    padding: 34px;
  }

  .iama25page .iama25-orbit-map {
    display: grid;
    grid-template-columns: 1fr;
    min-height: auto;
  }

  .iama25page .iama25-orbit-map:before,
  .iama25page .iama25-orbit-center {
    display: none;
  }

  .iama25page .iama25-matrix-grid,
  .iama25page .iama25-documents-stack,
  .iama25page .iama25-roadmap-track,
  .iama25page .iama25-tickets-grid,
  .iama25page .iama25-feed-grid {
    grid-template-columns: 1fr;
  }

  .iama25page .iama25-roadmap-stair .iama25-roadmap-step:nth-child(even),
  .iama25page .iama25-roadmap-stair .iama25-roadmap-step:hover {
    transform: none;
  }

  .iama25page .iama25-mosaic-grid {
    grid-template-columns: 1fr;
  }

  .iama25page .iama25-mosaic-card {
    grid-column: auto;
  }

  .iama25page .iama25-mosaic-photo {
    height: 300px;
  }

  .iama25page .iama25-directory-row {
    grid-template-columns: 58px 1fr;
  }

  .iama25page .iama25-directory-row>span {
    display: none;
  }

  .iama25page .iama25-publication-grid {
    grid-template-columns: 1fr;
  }

  .iama25page .iama25-publication-feature {
    grid-column: auto;
    min-height: 420px;
  }

  .iama25page .iama25-researchmap-image {
    height: 380px;
  }

  .iama25page .iama25-cta-image {
    min-height: 300px;
  }

  .iama25page .iama25-cta-copy {
    padding: 34px;
  }
}

@media(max-width:480px) {
  .iama25page .iama25-section {
    padding: 56px 0;
  }

  .iama25page .iama25-label {
    font-size: 10px;
    letter-spacing: 1.2px;
  }

  .iama25page .iama25-title {
    font-size: 29px;
  }

  .iama25page .iama25-btn {
    width: 100%;
  }

  .iama25page .iama25-pill-row span {
    width: 100%;
    justify-content: flex-start;
  }

  .iama25page .iama25-photo-large,
  .iama25page .iama25-cinematic-image,
  .iama25page .iama25-mosaic-photo,
  .iama25page .iama25-quote-image,
  .iama25page .iama25-researchmap-image {
    height: 280px;
  }

  .iama25page .iama25-matrix-card,
  .iama25page .iama25-document-sheet,
  .iama25page .iama25-publication-card,
  .iama25page .iama25-ticket,
  .iama25page .iama25-feed-post {
    min-height: auto;
  }

  .iama25page .iama25-quote-box {
    padding: 24px;
    border-radius: 28px;
  }

  .iama25page .iama25-quote-symbol {
    width: 72px;
    height: 72px;
    font-size: 28px;
  }

  .iama25page .iama25-faq-item {
    padding: 72px 22px 22px;
  }

  .iama25page .iama25-faq-item:before {
    left: 22px;
    top: 22px;
  }
}


/* Innovation Hub - Studio Section */
.innovationhub-studiosec {
  padding: 110px 0;
  background: #f7f8fc;
  overflow: hidden;
}

.innovationhub-studiosec .innovationhub-studiosec-grid {
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  gap: 70px;
  align-items: center;
}

.innovationhub-studiosec .innovationhub-studiosec-label {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #00287d;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 18px;
}

.innovationhub-studiosec .innovationhub-studiosec-label i {
  color: #ffc63b;
}

.innovationhub-studiosec .innovationhub-studiosec-content h2 {
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 42px;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 22px;
}

.innovationhub-studiosec .innovationhub-studiosec-content h2 strong {
  color: #00287d;
}

.innovationhub-studiosec .innovationhub-studiosec-content>p {
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #000;
  line-height: 1.6em;
  margin-bottom: 32px;
}

.innovationhub-studiosec .innovationhub-studiosec-points {
  display: grid;
  gap: 16px;
}

.innovationhub-studiosec .innovationhub-studiosec-points>div {
  display: grid;
  grid-template-columns: 58px 1fr;
  gap: 18px;
  align-items: flex-start;
  padding: 22px;
  background: #fff;
  border: 1px solid rgba(55, 51, 153, 0.12);
  box-shadow: 0 14px 35px rgba(17, 17, 17, 0.05);
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}

.innovationhub-studiosec .innovationhub-studiosec-points>div:hover {
  transform: translateY(-6px);
  border-color: rgba(55, 51, 153, 0.28);
  box-shadow: 0 22px 45px rgba(17, 17, 17, 0.09);
}

.innovationhub-studiosec .innovationhub-studiosec-points i {
  width: 58px;
  height: 58px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #00287d;
  color: #ffc63b;
  font-size: 22px;
}

.innovationhub-studiosec .innovationhub-studiosec-points h3 {
  font-family: 'Outfit', sans-serif;
  font-size: 20px;
  font-weight: 700;
  color: #111;
  margin: 0 0 6px;
}

.innovationhub-studiosec .innovationhub-studiosec-points p {
  font-family: "Inter", sans-serif;
  font-size: 15px;
  font-weight: 400;
  color: #000;
  line-height: 1.6em;
  margin: 0;
}

.innovationhub-studiosec .innovationhub-studiosec-visual {
  position: relative;
  min-height: 620px;
}

.innovationhub-studiosec .innovationhub-studiosec-mainimg {
  position: absolute;
  top: 0;
  right: 0;
  width: 76%;
  height: 430px;
  overflow: hidden;
  box-shadow: 0 28px 70px rgba(17, 17, 17, 0.16);
}

.innovationhub-studiosec .innovationhub-studiosec-mainimg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .65s ease;
}

.innovationhub-studiosec .innovationhub-studiosec-mainimg:hover img {
  transform: scale(1.06);
}

.innovationhub-studiosec .innovationhub-studiosec-panel {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 68%;
  background: #242424;
  box-shadow: 0 30px 70px rgba(17, 17, 17, 0.22);
  z-index: 2;
}

.innovationhub-studiosec .innovationhub-studiosec-paneltop {
  height: 54px;
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 0 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.innovationhub-studiosec .innovationhub-studiosec-paneltop span {
  width: 10px;
  height: 10px;
  background: rgba(255, 255, 255, 0.25);
  border-radius: 50%;
}

.innovationhub-studiosec .innovationhub-studiosec-paneltop strong {
  margin-left: 12px;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  color: #fff;
  font-weight: 700;
}

.innovationhub-studiosec .innovationhub-studiosec-flow {
  padding: 22px;
}

.innovationhub-studiosec .innovationhub-studiosec-flowitem {
  display: grid;
  grid-template-columns: 48px 1fr 36px;
  gap: 14px;
  align-items: center;
  padding: 15px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.innovationhub-studiosec .innovationhub-studiosec-flowitem:last-child {
  border-bottom: none;
}

.innovationhub-studiosec .innovationhub-studiosec-flowitem b {
  font-family: 'Outfit', sans-serif;
  color: #ffc63b;
  font-size: 18px;
  font-weight: 700;
}

.innovationhub-studiosec .innovationhub-studiosec-flowitem span {
  font-family: "Inter", sans-serif;
  color: rgba(255, 255, 255, 0.82);
  font-size: 15px;
  font-weight: 500;
}

.innovationhub-studiosec .innovationhub-studiosec-flowitem i {
  width: 34px;
  height: 34px;
  background: rgba(255, 255, 255, 0.08);
  color: #ffc63b;
  display: flex;
  align-items: center;
  justify-content: center;
}

.innovationhub-studiosec .innovationhub-studiosec-flowitem.active i {
  background: #ffc63b;
  color: #00287d;
}

.innovationhub-studiosec .innovationhub-studiosec-badge {
  position: absolute;
  right: 34px;
  bottom: 92px;
  z-index: 3;
  max-width: 260px;
  display: grid;
  grid-template-columns: 54px 1fr;
  gap: 15px;
  align-items: center;
  padding: 20px;
  background: #ffc63b;
  box-shadow: 0 22px 45px rgba(17, 17, 17, 0.18);
}

.innovationhub-studiosec .innovationhub-studiosec-badge i {
  width: 54px;
  height: 54px;
  background: #00287d;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
}

.innovationhub-studiosec .innovationhub-studiosec-badge strong {
  display: block;
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 4px;
}

.innovationhub-studiosec .innovationhub-studiosec-badge span {
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 13px;
  line-height: 1.4;
}

@media (max-width: 991px) {
  .innovationhub-studiosec {
    padding: 80px 0;
  }

  .innovationhub-studiosec .innovationhub-studiosec-grid {
    grid-template-columns: 1fr;
    gap: 50px;
  }

  .innovationhub-studiosec .innovationhub-studiosec-content h2 {
    font-size: 36px;
  }

  .innovationhub-studiosec .innovationhub-studiosec-visual {
    min-height: 570px;
  }
}

@media (max-width: 767px) {
  .innovationhub-studiosec {
    padding: 65px 0;
  }

  .innovationhub-studiosec .innovationhub-studiosec-content h2 {
    font-size: 31px;
  }

  .innovationhub-studiosec .innovationhub-studiosec-mainimg,
  .innovationhub-studiosec .innovationhub-studiosec-panel,
  .innovationhub-studiosec .innovationhub-studiosec-badge {
    position: relative;
    width: 100%;
    right: auto;
    left: auto;
    bottom: auto;
  }

  .innovationhub-studiosec .innovationhub-studiosec-visual {
    min-height: auto;
    display: grid;
    gap: 18px;
  }

  .innovationhub-studiosec .innovationhub-studiosec-mainimg {
    height: 320px;
  }

  .innovationhub-studiosec .innovationhub-studiosec-badge {
    max-width: 100%;
  }
}

@media (max-width: 480px) {
  .innovationhub-studiosec .innovationhub-studiosec-points>div {
    grid-template-columns: 1fr;
  }

  .innovationhub-studiosec .innovationhub-studiosec-flowitem {
    grid-template-columns: 42px 1fr;
  }

  .innovationhub-studiosec .innovationhub-studiosec-flowitem i {
    display: none;
  }
}




/* Alumni Directory - Modern Image Section */
.alumnidir-modernsec {
  padding: 110px 0;
  background: #f7f8fc;
  overflow: hidden;
}

.alumnidir-modernsec .alumnidir-modernsec-grid {
  display: grid;
  grid-template-columns: 0.95fr 1.05fr;
  gap: 75px;
  align-items: center;
}

.alumnidir-modernsec .alumnidir-modernsec-label {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #00287d;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 18px;
}

.alumnidir-modernsec .alumnidir-modernsec-label i {
  color: #ffc63b;
}

.alumnidir-modernsec .alumnidir-modernsec-content h2 {
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 42px;
  font-weight: 700;
  line-height: 1.2;
  margin: 0 0 22px;
}

.alumnidir-modernsec .alumnidir-modernsec-content h2 strong {
  color: #00287d;
}

.alumnidir-modernsec .alumnidir-modernsec-content>p {
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #000;
  line-height: 1.6em;
  margin: 0 0 32px;
}

.alumnidir-modernsec .alumnidir-modernsec-features {
  display: grid;
  gap: 16px;
  margin-bottom: 32px;
}

.alumnidir-modernsec .alumnidir-modernsec-feature {
  display: grid;
  grid-template-columns: 58px 1fr;
  gap: 18px;
  align-items: flex-start;
  background: #ffffff;
  border: 1px solid rgba(55, 51, 153, 0.12);
  padding: 22px;
  box-shadow: 0 16px 38px rgba(17, 17, 17, 0.05);
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}

.alumnidir-modernsec .alumnidir-modernsec-feature:hover {
  transform: translateY(-6px);
  border-color: rgba(55, 51, 153, 0.28);
  box-shadow: 0 24px 50px rgba(17, 17, 17, 0.09);
}

.alumnidir-modernsec .alumnidir-modernsec-icon {
  width: 58px;
  height: 58px;
  background: #00287d;
  color: #ffc63b;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 21px;
}

.alumnidir-modernsec .alumnidir-modernsec-feature h3 {
  font-family: 'Outfit', sans-serif;
  font-size: 20px;
  font-weight: 700;
  color: #111;
  margin: 0 0 7px;
}

.alumnidir-modernsec .alumnidir-modernsec-feature p {
  font-family: "Inter", sans-serif;
  font-size: 15px;
  font-weight: 400;
  color: #000;
  line-height: 1.6em;
  margin: 0;
}

.alumnidir-modernsec .alumnidir-modernsec-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 22px;
}

.alumnidir-modernsec .alumnidir-modernsec-actions a {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  background: #00287d;
  color: #ffffff;
  padding: 15px 26px;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
  transition: background .35s ease, transform .35s ease;
}

.alumnidir-modernsec .alumnidir-modernsec-actions a:hover {
  background: #242424;
  color: #ffffff;
  transform: translateY(-3px);
}

.alumnidir-modernsec .alumnidir-modernsec-actions a i {
  transition: transform .35s ease;
}

.alumnidir-modernsec .alumnidir-modernsec-actions a:hover i {
  transform: translateX(5px);
}

.alumnidir-modernsec .alumnidir-modernsec-actions span {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  color: #000;
  font-weight: 600;
}

.alumnidir-modernsec .alumnidir-modernsec-actions span i {
  color: #ffc63b;
}

.alumnidir-modernsec .alumnidir-modernsec-visual {
  position: relative;
  min-height: 630px;
}

.alumnidir-modernsec .alumnidir-modernsec-imagewrap {
  position: absolute;
  top: 0;
  right: 0;
  width: 82%;
  height: 460px;
  overflow: hidden;
  box-shadow: 0 30px 75px rgba(17, 17, 17, 0.16);
}

.alumnidir-modernsec .alumnidir-modernsec-imagewrap::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(17, 17, 17, 0.05), rgba(55, 51, 153, 0.28));
  z-index: 1;
  pointer-events: none;
}

.alumnidir-modernsec .alumnidir-modernsec-imagewrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .7s ease;
}

.alumnidir-modernsec .alumnidir-modernsec-imagewrap:hover img {
  transform: scale(1.06);
}

.alumnidir-modernsec .alumnidir-modernsec-smallimage {
  position: absolute;
  left: 0;
  bottom: 42px;
  width: 44%;
  height: 260px;
  overflow: hidden;
  border: 12px solid #ffffff;
  box-shadow: 0 24px 60px rgba(17, 17, 17, 0.16);
  z-index: 3;
}

.alumnidir-modernsec .alumnidir-modernsec-smallimage img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .7s ease;
}

.alumnidir-modernsec .alumnidir-modernsec-smallimage:hover img {
  transform: scale(1.07);
}

.alumnidir-modernsec .alumnidir-modernsec-profilebox {
  position: absolute;
  left: 34px;
  top: 54px;
  z-index: 4;
  width: 285px;
  display: grid;
  grid-template-columns: 58px 1fr;
  gap: 16px;
  align-items: center;
  background: #ffffff;
  padding: 20px;
  border: 1px solid rgba(55, 51, 153, 0.12);
  box-shadow: 0 24px 55px rgba(17, 17, 17, 0.14);
}

.alumnidir-modernsec .alumnidir-modernsec-profileicon {
  width: 58px;
  height: 58px;
  background: #00287d;
  color: #ffc63b;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
}

.alumnidir-modernsec .alumnidir-modernsec-profilebox strong {
  display: block;
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 5px;
}

.alumnidir-modernsec .alumnidir-modernsec-profilebox span {
  display: block;
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 13px;
  line-height: 1.45em;
}

.alumnidir-modernsec .alumnidir-modernsec-connectbox {
  position: absolute;
  right: 36px;
  bottom: 0;
  z-index: 5;
  max-width: 330px;
  display: grid;
  grid-template-columns: 58px 1fr;
  gap: 16px;
  align-items: center;
  background: #ffc63b;
  padding: 22px;
  box-shadow: 0 24px 55px rgba(17, 17, 17, 0.16);
}

.alumnidir-modernsec .alumnidir-modernsec-connectbox>i {
  width: 58px;
  height: 58px;
  background: #00287d;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 21px;
}

.alumnidir-modernsec .alumnidir-modernsec-connectbox strong {
  display: block;
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 5px;
}

.alumnidir-modernsec .alumnidir-modernsec-connectbox span {
  display: block;
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 13px;
  line-height: 1.45em;
}

@media (max-width: 1199px) {
  .alumnidir-modernsec .alumnidir-modernsec-grid {
    gap: 48px;
  }

  .alumnidir-modernsec .alumnidir-modernsec-visual {
    min-height: 585px;
  }

  .alumnidir-modernsec .alumnidir-modernsec-imagewrap {
    height: 420px;
  }
}

@media (max-width: 991px) {
  .alumnidir-modernsec {
    padding: 80px 0;
  }

  .alumnidir-modernsec .alumnidir-modernsec-grid {
    grid-template-columns: 1fr;
    gap: 50px;
  }

  .alumnidir-modernsec .alumnidir-modernsec-content h2 {
    font-size: 36px;
  }

  .alumnidir-modernsec .alumnidir-modernsec-visual {
    min-height: 610px;
  }
}

@media (max-width: 767px) {
  .alumnidir-modernsec {
    padding: 65px 0;
  }

  .alumnidir-modernsec .alumnidir-modernsec-content h2 {
    font-size: 31px;
  }

  .alumnidir-modernsec .alumnidir-modernsec-feature {
    grid-template-columns: 1fr;
  }

  .alumnidir-modernsec .alumnidir-modernsec-visual {
    min-height: auto;
    display: grid;
    gap: 18px;
  }

  .alumnidir-modernsec .alumnidir-modernsec-imagewrap,
  .alumnidir-modernsec .alumnidir-modernsec-smallimage,
  .alumnidir-modernsec .alumnidir-modernsec-profilebox,
  .alumnidir-modernsec .alumnidir-modernsec-connectbox {
    position: relative;
    width: 100%;
    max-width: 100%;
    height: auto;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }

  .alumnidir-modernsec .alumnidir-modernsec-imagewrap {
    height: 330px;
  }

  .alumnidir-modernsec .alumnidir-modernsec-smallimage {
    height: 250px;
    border: 0;
  }
}

@media (max-width: 480px) {
  .alumnidir-modernsec .alumnidir-modernsec-content h2 {
    font-size: 28px;
  }

  .alumnidir-modernsec .alumnidir-modernsec-content>p {
    font-size: 16px;
  }

  .alumnidir-modernsec .alumnidir-modernsec-actions {
    align-items: stretch;
  }

  .alumnidir-modernsec .alumnidir-modernsec-actions a {
    width: 100%;
    justify-content: center;
  }

  .alumnidir-modernsec .alumnidir-modernsec-profilebox,
  .alumnidir-modernsec .alumnidir-modernsec-connectbox {
    grid-template-columns: 1fr;
  }
}

/* Success Stories - Global Section Styling */
.successstorywow-hero,
.successstorywow-feature,
.successstorywow-voices,
.successstorywow-journey,
.successstorywow-wall,
.successstorywow-guidance,
.successstorywow-cta {
  overflow: hidden;
}

.successstorywow-label {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #00287d;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 18px;
}

.successstorywow-label i {
  color: #ffc63b;
}


/* Success Stories - Editorial Hero */
.successstorywow-hero {
  padding: 110px 0;
  background: #ffffff;
}

.successstorywow-hero .successstorywow-hero-grid {
  display: grid;
  grid-template-columns: 0.95fr 1.05fr;
  gap: 78px;
  align-items: center;
}

.successstorywow-hero .successstorywow-hero-content h2 {
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 46px;
  font-weight: 700;
  line-height: 1.18;
  margin: 0 0 24px;
}

.successstorywow-hero .successstorywow-hero-content h2 strong {
  color: #00287d;
}

.successstorywow-hero .successstorywow-hero-content>p {
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #000;
  line-height: 1.6em;
  margin: 0 0 34px;
}

.successstorywow-hero .successstorywow-hero-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 22px;
}

.successstorywow-hero .successstorywow-hero-actions a {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  background: #00287d;
  color: #fff;
  padding: 16px 28px;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
  transition: background .35s ease, transform .35s ease;
}

.successstorywow-hero .successstorywow-hero-actions a:hover {
  background: #242424;
  color: #fff;
  transform: translateY(-3px);
}

.successstorywow-hero .successstorywow-hero-actions a i {
  transition: transform .35s ease;
}

.successstorywow-hero .successstorywow-hero-actions a:hover i {
  transform: translateX(5px);
}

.successstorywow-hero .successstorywow-hero-actions span {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #000;
}

.successstorywow-hero .successstorywow-hero-actions span i {
  color: #ffc63b;
}

.successstorywow-hero .successstorywow-hero-visual {
  position: relative;
  min-height: 620px;
}

.successstorywow-hero .successstorywow-hero-mainimg {
  position: absolute;
  right: 0;
  top: 0;
  width: 82%;
  height: 475px;
  overflow: hidden;
  box-shadow: 0 30px 75px rgba(17, 17, 17, 0.15);
}

.successstorywow-hero .successstorywow-hero-mainimg img,
.successstorywow-hero .successstorywow-hero-smallimg img,
.successstorywow-feature .successstorywow-feature-image img,
.successstorywow-journey .successstorywow-journey-image img,
.successstorywow-wall .successstorywow-wall-photo img,
.successstorywow-cta .successstorywow-cta-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .7s ease;
}

.successstorywow-hero .successstorywow-hero-mainimg:hover img,
.successstorywow-hero .successstorywow-hero-smallimg:hover img,
.successstorywow-feature .successstorywow-feature-image:hover img,
.successstorywow-journey .successstorywow-journey-image:hover img,
.successstorywow-wall .successstorywow-wall-photo:hover img,
.successstorywow-cta .successstorywow-cta-image:hover img {
  transform: scale(1.06);
}

.successstorywow-hero .successstorywow-hero-smallimg {
  position: absolute;
  left: 0;
  bottom: 28px;
  width: 44%;
  height: 250px;
  overflow: hidden;
  border: 12px solid #ffffff;
  box-shadow: 0 24px 60px rgba(17, 17, 17, 0.15);
  z-index: 3;
}

.successstorywow-hero .successstorywow-hero-quotebox {
  position: absolute;
  right: 34px;
  bottom: 0;
  max-width: 330px;
  background: #ffc63b;
  padding: 25px;
  box-shadow: 0 24px 55px rgba(17, 17, 17, 0.16);
  z-index: 4;
}

.successstorywow-hero .successstorywow-hero-quotebox i {
  color: #00287d;
  font-size: 24px;
  margin-bottom: 12px;
}

.successstorywow-hero .successstorywow-hero-quotebox p {
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.35;
  margin: 0;
}


/* Featured Story */
.successstorywow-feature {
  padding: 110px 0;
  background: #f7f8fc;
}

.successstorywow-feature .successstorywow-feature-head {
  max-width: 780px;
  margin-bottom: 50px;
}

.successstorywow-feature .successstorywow-feature-head h2 {
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 42px;
  font-weight: 700;
  line-height: 1.2;
  margin: 0 0 18px;
}

.successstorywow-feature .successstorywow-feature-head p {
  font-family: "Inter", sans-serif;
  font-size: 18px;
  color: #000;
  line-height: 1.6em;
  margin: 0;
}

.successstorywow-feature .successstorywow-feature-grid {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 0;
  align-items: stretch;
  background: #fff;
  box-shadow: 0 28px 70px rgba(17, 17, 17, 0.09);
}

.successstorywow-feature .successstorywow-feature-image {
  min-height: 520px;
  overflow: hidden;
}

.successstorywow-feature .successstorywow-feature-card {
  padding: 58px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-left: 6px solid #ffc63b;
}

.successstorywow-feature .successstorywow-feature-card>span {
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: #00287d;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 16px;
}

.successstorywow-feature .successstorywow-feature-card h3 {
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 34px;
  font-weight: 700;
  line-height: 1.22;
  margin: 0 0 20px;
}

.successstorywow-feature .successstorywow-feature-card p {
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 18px;
  line-height: 1.65em;
  margin: 0 0 32px;
}

.successstorywow-feature .successstorywow-feature-meta {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0;
  border: 1px solid rgba(55, 51, 153, 0.12);
}

.successstorywow-feature .successstorywow-feature-meta div {
  padding: 18px;
  border-right: 1px solid rgba(55, 51, 153, 0.12);
}

.successstorywow-feature .successstorywow-feature-meta div:last-child {
  border-right: none;
}

.successstorywow-feature .successstorywow-feature-meta b {
  display: block;
  font-family: 'Outfit', sans-serif;
  color: #00287d;
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 5px;
}

.successstorywow-feature .successstorywow-feature-meta small {
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 13px;
  line-height: 1.4;
}


/* Voice Categories */
.successstorywow-voices {
  padding: 110px 0;
  background: #ffffff;
}

.successstorywow-voices .successstorywow-voices-grid {
  display: grid;
  grid-template-columns: 0.85fr 1.15fr;
  gap: 65px;
  align-items: start;
}

.successstorywow-voices .successstorywow-voices-left h2 {
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 42px;
  font-weight: 700;
  line-height: 1.2;
  margin: 0 0 20px;
}

.successstorywow-voices .successstorywow-voices-left p {
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 18px;
  line-height: 1.6em;
  margin: 0;
}

.successstorywow-voices .successstorywow-voices-cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}

.successstorywow-voices .successstorywow-voice-card {
  background: #f7f8fc;
  border: 1px solid rgba(55, 51, 153, 0.12);
  padding: 32px;
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}

.successstorywow-voices .successstorywow-voice-card:hover {
  transform: translateY(-8px);
  border-color: rgba(55, 51, 153, 0.28);
  box-shadow: 0 24px 55px rgba(17, 17, 17, 0.09);
}

.successstorywow-voices .successstorywow-voice-icon {
  width: 62px;
  height: 62px;
  background: #00287d;
  color: #ffc63b;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 23px;
  margin-bottom: 22px;
}

.successstorywow-voices .successstorywow-voice-card h3 {
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 22px;
  font-weight: 700;
  margin: 0 0 10px;
}

.successstorywow-voices .successstorywow-voice-card p {
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 15px;
  line-height: 1.6em;
  margin: 0;
}


/* Story Journey */
.successstorywow-journey {
  padding: 110px 0;
  background: #f7f8fc;
}

.successstorywow-journey .successstorywow-journey-layout {
  display: grid;
  grid-template-columns: 0.95fr 1.05fr;
  gap: 70px;
  align-items: center;
}

.successstorywow-journey .successstorywow-journey-image {
  height: 610px;
  overflow: hidden;
  box-shadow: 0 28px 70px rgba(17, 17, 17, 0.14);
}

.successstorywow-journey .successstorywow-journey-content h2 {
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 42px;
  font-weight: 700;
  line-height: 1.2;
  margin: 0 0 20px;
}

.successstorywow-journey .successstorywow-journey-content>p {
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 18px;
  line-height: 1.6em;
  margin: 0 0 32px;
}

.successstorywow-journey .successstorywow-journey-steps {
  display: grid;
  gap: 16px;
}

.successstorywow-journey .successstorywow-journey-step {
  display: grid;
  grid-template-columns: 64px 1fr;
  gap: 20px;
  align-items: start;
  background: #fff;
  padding: 24px;
  border-left: 4px solid #ffc63b;
  box-shadow: 0 16px 40px rgba(17, 17, 17, 0.05);
  transition: transform .35s ease, box-shadow .35s ease;
}

.successstorywow-journey .successstorywow-journey-step:hover {
  transform: translateX(8px);
  box-shadow: 0 22px 48px rgba(17, 17, 17, 0.09);
}

.successstorywow-journey .successstorywow-journey-step b {
  width: 64px;
  height: 64px;
  background: #00287d;
  color: #ffc63b;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Outfit', sans-serif;
  font-size: 20px;
  font-weight: 700;
}

.successstorywow-journey .successstorywow-journey-step h3 {
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 20px;
  font-weight: 700;
  margin: 0 0 7px;
}

.successstorywow-journey .successstorywow-journey-step p {
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 15px;
  line-height: 1.6em;
  margin: 0;
}


/* Visual Story Wall */
.successstorywow-wall {
  padding: 110px 0;
  background: #ffffff;
}

.successstorywow-wall .successstorywow-wall-grid {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr 0.9fr;
  grid-template-rows: 285px 285px;
  gap: 22px;
}

.successstorywow-wall .successstorywow-wall-photo {
  overflow: hidden;
  min-height: 260px;
}

.successstorywow-wall .successstorywow-wall-photo-large {
  grid-row: span 2;
}

.successstorywow-wall .successstorywow-wall-note {
  background: #00287d;
  padding: 36px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.successstorywow-wall .successstorywow-wall-note .successstorywow-label {
  color: #fff;
}

.successstorywow-wall .successstorywow-wall-note h2 {
  font-family: 'Outfit', sans-serif;
  color: #fff;
  font-size: 34px;
  font-weight: 700;
  line-height: 1.2;
  margin: 0 0 16px;
}

.successstorywow-wall .successstorywow-wall-note p {
  font-family: "Inter", sans-serif;
  color: rgba(255, 255, 255, 0.82);
  font-size: 16px;
  line-height: 1.6em;
  margin: 0;
}

.successstorywow-wall .successstorywow-wall-tags {
  background: #ffc63b;
  padding: 34px;
  display: grid;
  align-content: center;
  gap: 14px;
}

.successstorywow-wall .successstorywow-wall-tags span {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 18px;
  font-weight: 700;
}

.successstorywow-wall .successstorywow-wall-tags i {
  color: #00287d;
  font-size: 8px;
}


/* Submission Guidance */
.successstorywow-guidance {
  padding: 110px 0;
  background: #f7f8fc;
}

.successstorywow-guidance .successstorywow-guidance-grid {
  display: grid;
  grid-template-columns: 0.85fr 1.15fr;
  gap: 65px;
  align-items: center;
}

.successstorywow-guidance .successstorywow-guidance-content h2 {
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 42px;
  font-weight: 700;
  line-height: 1.2;
  margin: 0 0 20px;
}

.successstorywow-guidance .successstorywow-guidance-content p {
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 18px;
  line-height: 1.6em;
  margin: 0;
}

.successstorywow-guidance .successstorywow-guidance-list {
  display: grid;
  gap: 18px;
}

.successstorywow-guidance .successstorywow-guidance-item {
  display: grid;
  grid-template-columns: 58px 1fr;
  gap: 18px;
  background: #ffffff;
  padding: 26px;
  border: 1px solid rgba(55, 51, 153, 0.12);
  box-shadow: 0 16px 38px rgba(17, 17, 17, 0.05);
  transition: transform .35s ease, box-shadow .35s ease;
}

.successstorywow-guidance .successstorywow-guidance-item:hover {
  transform: translateY(-6px);
  box-shadow: 0 24px 55px rgba(17, 17, 17, 0.09);
}

.successstorywow-guidance .successstorywow-guidance-item>i {
  width: 58px;
  height: 58px;
  background: #00287d;
  color: #ffc63b;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
}

.successstorywow-guidance .successstorywow-guidance-item h3 {
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 21px;
  font-weight: 700;
  margin: 0 0 8px;
}

.successstorywow-guidance .successstorywow-guidance-item p {
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 15px;
  line-height: 1.6em;
  margin: 0;
}


/* Final CTA */
.successstorywow-cta {
  padding: 110px 0;
  background: #242424;
}

.successstorywow-cta .successstorywow-cta-wrap {
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  align-items: stretch;
  background: #ffffff;
}

.successstorywow-cta .successstorywow-cta-image {
  min-height: 430px;
  overflow: hidden;
}

.successstorywow-cta .successstorywow-cta-content {
  padding: 64px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.successstorywow-cta .successstorywow-cta-content h2 {
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 42px;
  font-weight: 700;
  line-height: 1.2;
  margin: 0 0 20px;
}

.successstorywow-cta .successstorywow-cta-content p {
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 18px;
  line-height: 1.6em;
  margin: 0 0 30px;
}

.successstorywow-cta .successstorywow-cta-content a {
  width: fit-content;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  background: #00287d;
  color: #ffffff;
  padding: 16px 28px;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
  transition: background .35s ease, transform .35s ease;
}

.successstorywow-cta .successstorywow-cta-content a:hover {
  background: #ffc63b;
  color: #111;
  transform: translateY(-3px);
}

.successstorywow-cta .successstorywow-cta-content a i {
  transition: transform .35s ease;
}

.successstorywow-cta .successstorywow-cta-content a:hover i {
  transform: translateX(5px);
}


/* Responsive */
@media (max-width: 1199px) {

  .successstorywow-hero .successstorywow-hero-grid,
  .successstorywow-journey .successstorywow-journey-layout,
  .successstorywow-guidance .successstorywow-guidance-grid {
    gap: 48px;
  }

  .successstorywow-hero .successstorywow-hero-visual {
    min-height: 570px;
  }

  .successstorywow-hero .successstorywow-hero-mainimg {
    height: 420px;
  }
}

@media (max-width: 991px) {

  .successstorywow-hero,
  .successstorywow-feature,
  .successstorywow-voices,
  .successstorywow-journey,
  .successstorywow-wall,
  .successstorywow-guidance,
  .successstorywow-cta {
    padding: 80px 0;
  }

  .successstorywow-hero .successstorywow-hero-grid,
  .successstorywow-feature .successstorywow-feature-grid,
  .successstorywow-voices .successstorywow-voices-grid,
  .successstorywow-journey .successstorywow-journey-layout,
  .successstorywow-guidance .successstorywow-guidance-grid,
  .successstorywow-cta .successstorywow-cta-wrap {
    grid-template-columns: 1fr;
  }

  .successstorywow-hero .successstorywow-hero-content h2 {
    font-size: 38px;
  }

  .successstorywow-feature .successstorywow-feature-head h2,
  .successstorywow-voices .successstorywow-voices-left h2,
  .successstorywow-journey .successstorywow-journey-content h2,
  .successstorywow-guidance .successstorywow-guidance-content h2,
  .successstorywow-cta .successstorywow-cta-content h2 {
    font-size: 36px;
  }

  .successstorywow-hero .successstorywow-hero-visual {
    min-height: 600px;
  }

  .successstorywow-wall .successstorywow-wall-grid {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
  }

  .successstorywow-wall .successstorywow-wall-photo-large {
    grid-row: auto;
  }
}

@media (max-width: 767px) {

  .successstorywow-hero,
  .successstorywow-feature,
  .successstorywow-voices,
  .successstorywow-journey,
  .successstorywow-wall,
  .successstorywow-guidance,
  .successstorywow-cta {
    padding: 65px 0;
  }

  .successstorywow-hero .successstorywow-hero-content h2,
  .successstorywow-feature .successstorywow-feature-head h2,
  .successstorywow-voices .successstorywow-voices-left h2,
  .successstorywow-journey .successstorywow-journey-content h2,
  .successstorywow-guidance .successstorywow-guidance-content h2,
  .successstorywow-cta .successstorywow-cta-content h2 {
    font-size: 31px;
  }

  .successstorywow-hero .successstorywow-hero-visual {
    min-height: auto;
    display: grid;
    gap: 18px;
  }

  .successstorywow-hero .successstorywow-hero-mainimg,
  .successstorywow-hero .successstorywow-hero-smallimg,
  .successstorywow-hero .successstorywow-hero-quotebox {
    position: relative;
    width: 100%;
    height: auto;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }

  .successstorywow-hero .successstorywow-hero-mainimg {
    height: 330px;
  }

  .successstorywow-hero .successstorywow-hero-smallimg {
    height: 245px;
    border: 0;
  }

  .successstorywow-feature .successstorywow-feature-card,
  .successstorywow-cta .successstorywow-cta-content {
    padding: 34px;
  }

  .successstorywow-feature .successstorywow-feature-image,
  .successstorywow-journey .successstorywow-journey-image,
  .successstorywow-cta .successstorywow-cta-image {
    min-height: auto;
    height: 320px;
  }

  .successstorywow-feature .successstorywow-feature-meta {
    grid-template-columns: 1fr;
  }

  .successstorywow-feature .successstorywow-feature-meta div {
    border-right: none;
    border-bottom: 1px solid rgba(55, 51, 153, 0.12);
  }

  .successstorywow-feature .successstorywow-feature-meta div:last-child {
    border-bottom: none;
  }

  .successstorywow-voices .successstorywow-voices-cards,
  .successstorywow-wall .successstorywow-wall-grid {
    grid-template-columns: 1fr;
  }

  .successstorywow-wall .successstorywow-wall-photo {
    height: 280px;
  }
}

@media (max-width: 480px) {

  .successstorywow-hero .successstorywow-hero-content h2,
  .successstorywow-feature .successstorywow-feature-head h2,
  .successstorywow-voices .successstorywow-voices-left h2,
  .successstorywow-journey .successstorywow-journey-content h2,
  .successstorywow-guidance .successstorywow-guidance-content h2,
  .successstorywow-cta .successstorywow-cta-content h2 {
    font-size: 28px;
  }

  .successstorywow-hero .successstorywow-hero-content>p,
  .successstorywow-feature .successstorywow-feature-head p,
  .successstorywow-journey .successstorywow-journey-content>p,
  .successstorywow-guidance .successstorywow-guidance-content p,
  .successstorywow-cta .successstorywow-cta-content p {
    font-size: 16px;
  }

  .successstorywow-hero .successstorywow-hero-actions a,
  .successstorywow-cta .successstorywow-cta-content a {
    width: 100%;
    justify-content: center;
  }

  .successstorywow-journey .successstorywow-journey-step,
  .successstorywow-guidance .successstorywow-guidance-item {
    grid-template-columns: 1fr;
  }

  .successstorywow-cta .successstorywow-cta-content {
    padding: 28px;
  }
}


/* Events & Reunions - Shared */
.eventreunionwow-page,
.eventreunionwow-hero,
.eventreunionwow-highlights,
.eventreunionwow-types,
.eventreunionwow-journey,
.eventreunionwow-gallery,
.eventreunionwow-guidance,
.eventreunionwow-cta {
  overflow: hidden;
}

.eventreunionwow-label {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #00287d;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 18px;
}

.eventreunionwow-label i {
  color: #ffc63b;
}


/* Hero */
.eventreunionwow-hero {
  padding: 110px 0;
  background: #ffffff;
}

.eventreunionwow-hero .eventreunionwow-hero-grid {
  display: grid;
  grid-template-columns: 0.95fr 1.05fr;
  gap: 78px;
  align-items: center;
}

.eventreunionwow-hero .eventreunionwow-hero-content h2 {
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 46px;
  font-weight: 700;
  line-height: 1.18;
  margin: 0 0 24px;
}

.eventreunionwow-hero .eventreunionwow-hero-content h2 strong {
  color: #00287d;
}

.eventreunionwow-hero .eventreunionwow-hero-content>p {
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #000;
  line-height: 1.6em;
  margin: 0 0 34px;
}

.eventreunionwow-hero .eventreunionwow-hero-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 22px;
}

.eventreunionwow-hero .eventreunionwow-hero-actions a,
.eventreunionwow-cta .eventreunionwow-cta-content a {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  background: #00287d;
  color: #fff;
  padding: 16px 28px;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
  transition: background .35s ease, transform .35s ease;
}

.eventreunionwow-hero .eventreunionwow-hero-actions a:hover,
.eventreunionwow-cta .eventreunionwow-cta-content a:hover {
  background: #242424;
  color: #fff;
  transform: translateY(-3px);
}

.eventreunionwow-hero .eventreunionwow-hero-actions a i,
.eventreunionwow-cta .eventreunionwow-cta-content a i {
  transition: transform .35s ease;
}

.eventreunionwow-hero .eventreunionwow-hero-actions a:hover i,
.eventreunionwow-cta .eventreunionwow-cta-content a:hover i {
  transform: translateX(5px);
}

.eventreunionwow-hero .eventreunionwow-hero-actions span {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  color: #000;
  font-weight: 600;
}

.eventreunionwow-hero .eventreunionwow-hero-actions span i {
  color: #ffc63b;
}

.eventreunionwow-hero .eventreunionwow-hero-visual {
  position: relative;
  min-height: 620px;
}

.eventreunionwow-hero .eventreunionwow-hero-mainimg {
  position: absolute;
  top: 0;
  right: 0;
  width: 82%;
  height: 475px;
  overflow: hidden;
  box-shadow: 0 30px 75px rgba(17, 17, 17, 0.15);
}

.eventreunionwow-hero .eventreunionwow-hero-sideimg {
  position: absolute;
  left: 0;
  bottom: 32px;
  width: 44%;
  height: 250px;
  overflow: hidden;
  border: 12px solid #fff;
  box-shadow: 0 24px 60px rgba(17, 17, 17, 0.15);
  z-index: 3;
}

.eventreunionwow-hero .eventreunionwow-hero-mainimg img,
.eventreunionwow-hero .eventreunionwow-hero-sideimg img,
.eventreunionwow-highlight-featured img,
.eventreunionwow-journey-image img,
.eventreunionwow-gallery-photo img,
.eventreunionwow-guidance-image img,
.eventreunionwow-cta-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .7s ease;
}

.eventreunionwow-hero .eventreunionwow-hero-mainimg:hover img,
.eventreunionwow-hero .eventreunionwow-hero-sideimg:hover img,
.eventreunionwow-highlight-featured:hover img,
.eventreunionwow-journey-image:hover img,
.eventreunionwow-gallery-photo:hover img,
.eventreunionwow-guidance-image:hover img,
.eventreunionwow-cta-image:hover img {
  transform: scale(1.06);
}

.eventreunionwow-hero .eventreunionwow-hero-card {
  position: absolute;
  right: 34px;
  bottom: 0;
  max-width: 330px;
  display: grid;
  grid-template-columns: 58px 1fr;
  gap: 16px;
  align-items: center;
  background: #ffc63b;
  padding: 24px;
  box-shadow: 0 24px 55px rgba(17, 17, 17, 0.16);
  z-index: 4;
}

.eventreunionwow-hero .eventreunionwow-hero-card i {
  width: 58px;
  height: 58px;
  background: #00287d;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
}

.eventreunionwow-hero .eventreunionwow-hero-card strong {
  display: block;
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 5px;
}

.eventreunionwow-hero .eventreunionwow-hero-card span {
  display: block;
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 13px;
  line-height: 1.45em;
}


/* Section Head */
.eventreunionwow-highlights {
  padding: 110px 0;
  background: #f7f8fc;
}

.eventreunionwow-sectionhead {
  max-width: 780px;
  margin-bottom: 50px;
}

.eventreunionwow-sectionhead h2,
.eventreunionwow-types-content h2,
.eventreunionwow-journey-content h2,
.eventreunionwow-gallery-title h2,
.eventreunionwow-guidance-content h2,
.eventreunionwow-cta-content h2 {
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 42px;
  font-weight: 700;
  line-height: 1.2;
  margin: 0 0 20px;
}

.eventreunionwow-sectionhead p,
.eventreunionwow-types-content p,
.eventreunionwow-journey-content>p,
.eventreunionwow-gallery-title p,
.eventreunionwow-guidance-content>p,
.eventreunionwow-cta-content p {
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 18px;
  line-height: 1.6em;
  margin: 0;
}


/* Highlights */
.eventreunionwow-highlights-grid {
  display: grid;
  grid-template-columns: 1.15fr 0.85fr 0.85fr;
  gap: 24px;
}

.eventreunionwow-highlight-card {
  background: #fff;
  border: 1px solid rgba(55, 51, 153, 0.12);
  padding: 32px;
  box-shadow: 0 16px 38px rgba(17, 17, 17, 0.05);
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}

.eventreunionwow-highlight-card:hover {
  transform: translateY(-8px);
  border-color: rgba(55, 51, 153, 0.28);
  box-shadow: 0 24px 55px rgba(17, 17, 17, 0.09);
}

.eventreunionwow-highlight-featured {
  grid-row: span 2;
  padding: 0;
  overflow: hidden;
}

.eventreunionwow-highlight-featured img {
  height: 360px;
}

.eventreunionwow-highlight-featured div {
  padding: 34px;
}

.eventreunionwow-highlight-featured span {
  display: block;
  font-family: "Inter", sans-serif;
  color: #00287d;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 12px;
}

.eventreunionwow-highlight-card>i {
  width: 62px;
  height: 62px;
  background: #00287d;
  color: #ffc63b;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 23px;
  margin-bottom: 22px;
}

.eventreunionwow-highlight-card h3 {
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 22px;
  font-weight: 700;
  margin: 0 0 10px;
}

.eventreunionwow-highlight-card p {
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 15px;
  line-height: 1.6em;
  margin: 0;
}


/* Event Types */
.eventreunionwow-types {
  padding: 110px 0;
  background: #ffffff;
}

.eventreunionwow-types-layout {
  display: grid;
  grid-template-columns: 0.85fr 1.15fr;
  gap: 65px;
  align-items: start;
}

.eventreunionwow-types-list {
  display: grid;
  gap: 18px;
}

.eventreunionwow-type-item {
  display: grid;
  grid-template-columns: 72px 1fr;
  gap: 22px;
  align-items: start;
  background: #f7f8fc;
  border-left: 5px solid #ffc63b;
  padding: 28px;
  transition: transform .35s ease, box-shadow .35s ease;
}

.eventreunionwow-type-item:hover {
  transform: translateX(8px);
  box-shadow: 0 22px 50px rgba(17, 17, 17, 0.08);
}

.eventreunionwow-type-item b {
  width: 72px;
  height: 72px;
  background: #00287d;
  color: #ffc63b;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Outfit', sans-serif;
  font-size: 22px;
  font-weight: 700;
}

.eventreunionwow-type-item h3 {
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 22px;
  font-weight: 700;
  margin: 0 0 8px;
}

.eventreunionwow-type-item p {
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 15px;
  line-height: 1.6em;
  margin: 0;
}


/* Journey */
.eventreunionwow-journey {
  padding: 110px 0;
  background: #f7f8fc;
}

.eventreunionwow-journey-grid {
  display: grid;
  grid-template-columns: 0.95fr 1.05fr;
  gap: 70px;
  align-items: center;
}

.eventreunionwow-journey-image {
  height: 620px;
  overflow: hidden;
  box-shadow: 0 28px 70px rgba(17, 17, 17, 0.14);
}

.eventreunionwow-journey-steps {
  display: grid;
  gap: 16px;
  margin-top: 32px;
}

.eventreunionwow-journey-step {
  display: grid;
  grid-template-columns: 64px 1fr;
  gap: 20px;
  align-items: start;
  background: #fff;
  padding: 24px;
  border: 1px solid rgba(55, 51, 153, 0.1);
  box-shadow: 0 16px 40px rgba(17, 17, 17, 0.05);
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}

.eventreunionwow-journey-step:hover {
  transform: translateY(-6px);
  border-color: rgba(55, 51, 153, 0.26);
  box-shadow: 0 22px 48px rgba(17, 17, 17, 0.09);
}

.eventreunionwow-journey-step span {
  width: 64px;
  height: 64px;
  background: #00287d;
  color: #ffc63b;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Outfit', sans-serif;
  font-size: 20px;
  font-weight: 700;
}

.eventreunionwow-journey-step h3 {
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 20px;
  font-weight: 700;
  margin: 0 0 7px;
}

.eventreunionwow-journey-step p {
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 15px;
  line-height: 1.6em;
  margin: 0;
}


/* Gallery */
.eventreunionwow-gallery {
  padding: 110px 0;
  background: #ffffff;
}

.eventreunionwow-gallery-grid {
  display: grid;
  grid-template-columns: 1fr 0.85fr 0.85fr;
  grid-template-rows: 280px 280px;
  gap: 22px;
}

.eventreunionwow-gallery-title {
  background: #00287d;
  padding: 36px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.eventreunionwow-gallery-title .eventreunionwow-label {
  color: #fff;
}

.eventreunionwow-gallery-title h2 {
  color: #fff;
  font-size: 34px;
}

.eventreunionwow-gallery-title p {
  color: rgba(255, 255, 255, 0.82);
  font-size: 16px;
}

.eventreunionwow-gallery-photo {
  overflow: hidden;
}

.eventreunionwow-gallery-photo-one {
  grid-row: span 2;
}

.eventreunionwow-gallery-tags {
  background: #ffc63b;
  padding: 34px;
  display: grid;
  align-content: center;
  gap: 14px;
}

.eventreunionwow-gallery-tags span {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 18px;
  font-weight: 700;
}

.eventreunionwow-gallery-tags i {
  color: #00287d;
  font-size: 8px;
}


/* Guidance */
.eventreunionwow-guidance {
  padding: 110px 0;
  background: #f7f8fc;
}

.eventreunionwow-guidance-wrap {
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  align-items: stretch;
  background: #fff;
  box-shadow: 0 28px 70px rgba(17, 17, 17, 0.09);
}

.eventreunionwow-guidance-content {
  padding: 60px;
}

.eventreunionwow-guidance-list {
  display: grid;
  gap: 16px;
  margin-top: 32px;
}

.eventreunionwow-guidance-list div {
  display: grid;
  grid-template-columns: 46px 1fr;
  gap: 16px;
  align-items: start;
  padding: 18px;
  background: #f7f8fc;
  border: 1px solid rgba(55, 51, 153, 0.1);
}

.eventreunionwow-guidance-list i {
  width: 46px;
  height: 46px;
  background: #00287d;
  color: #ffc63b;
  display: flex;
  align-items: center;
  justify-content: center;
}

.eventreunionwow-guidance-list span {
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 15px;
  line-height: 1.6em;
}

.eventreunionwow-guidance-image {
  min-height: 500px;
  overflow: hidden;
}


/* CTA */
.eventreunionwow-cta {
  padding: 110px 0;
  background: #242424;
}

.eventreunionwow-cta-wrap {
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  align-items: stretch;
  background: #fff;
}

.eventreunionwow-cta-image {
  min-height: 430px;
  overflow: hidden;
}

.eventreunionwow-cta-content {
  padding: 64px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.eventreunionwow-cta-content p {
  margin-bottom: 30px;
}

.eventreunionwow-cta .eventreunionwow-cta-content a:hover {
  background: #ffc63b;
  color: #111;
}


/* Responsive */
@media (max-width: 1199px) {

  .eventreunionwow-hero .eventreunionwow-hero-grid,
  .eventreunionwow-journey-grid {
    gap: 48px;
  }

  .eventreunionwow-hero .eventreunionwow-hero-visual {
    min-height: 570px;
  }

  .eventreunionwow-hero .eventreunionwow-hero-mainimg {
    height: 420px;
  }
}

@media (max-width: 991px) {

  .eventreunionwow-hero,
  .eventreunionwow-highlights,
  .eventreunionwow-types,
  .eventreunionwow-journey,
  .eventreunionwow-gallery,
  .eventreunionwow-guidance,
  .eventreunionwow-cta {
    padding: 80px 0;
  }

  .eventreunionwow-hero .eventreunionwow-hero-grid,
  .eventreunionwow-types-layout,
  .eventreunionwow-journey-grid,
  .eventreunionwow-guidance-wrap,
  .eventreunionwow-cta-wrap {
    grid-template-columns: 1fr;
  }

  .eventreunionwow-hero .eventreunionwow-hero-content h2 {
    font-size: 38px;
  }

  .eventreunionwow-sectionhead h2,
  .eventreunionwow-types-content h2,
  .eventreunionwow-journey-content h2,
  .eventreunionwow-gallery-title h2,
  .eventreunionwow-guidance-content h2,
  .eventreunionwow-cta-content h2 {
    font-size: 36px;
  }

  .eventreunionwow-highlights-grid {
    grid-template-columns: 1fr 1fr;
  }

  .eventreunionwow-highlight-featured {
    grid-column: span 2;
    grid-row: auto;
  }

  .eventreunionwow-gallery-grid {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
  }

  .eventreunionwow-gallery-photo-one {
    grid-row: auto;
  }
}

@media (max-width: 767px) {

  .eventreunionwow-hero,
  .eventreunionwow-highlights,
  .eventreunionwow-types,
  .eventreunionwow-journey,
  .eventreunionwow-gallery,
  .eventreunionwow-guidance,
  .eventreunionwow-cta {
    padding: 65px 0;
  }

  .eventreunionwow-hero .eventreunionwow-hero-content h2,
  .eventreunionwow-sectionhead h2,
  .eventreunionwow-types-content h2,
  .eventreunionwow-journey-content h2,
  .eventreunionwow-gallery-title h2,
  .eventreunionwow-guidance-content h2,
  .eventreunionwow-cta-content h2 {
    font-size: 31px;
  }

  .eventreunionwow-hero .eventreunionwow-hero-visual {
    min-height: auto;
    display: grid;
    gap: 18px;
  }

  .eventreunionwow-hero .eventreunionwow-hero-mainimg,
  .eventreunionwow-hero .eventreunionwow-hero-sideimg,
  .eventreunionwow-hero .eventreunionwow-hero-card {
    position: relative;
    width: 100%;
    height: auto;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }

  .eventreunionwow-hero .eventreunionwow-hero-mainimg {
    height: 330px;
  }

  .eventreunionwow-hero .eventreunionwow-hero-sideimg {
    height: 245px;
    border: 0;
  }

  .eventreunionwow-highlights-grid,
  .eventreunionwow-gallery-grid {
    grid-template-columns: 1fr;
  }

  .eventreunionwow-highlight-featured {
    grid-column: auto;
  }

  .eventreunionwow-highlight-featured img,
  .eventreunionwow-journey-image,
  .eventreunionwow-gallery-photo,
  .eventreunionwow-guidance-image,
  .eventreunionwow-cta-image {
    height: 320px;
    min-height: auto;
  }

  .eventreunionwow-guidance-content,
  .eventreunionwow-cta-content {
    padding: 34px;
  }
}

@media (max-width: 480px) {

  .eventreunionwow-hero .eventreunionwow-hero-content h2,
  .eventreunionwow-sectionhead h2,
  .eventreunionwow-types-content h2,
  .eventreunionwow-journey-content h2,
  .eventreunionwow-gallery-title h2,
  .eventreunionwow-guidance-content h2,
  .eventreunionwow-cta-content h2 {
    font-size: 28px;
  }

  .eventreunionwow-hero .eventreunionwow-hero-content>p,
  .eventreunionwow-sectionhead p,
  .eventreunionwow-types-content p,
  .eventreunionwow-journey-content>p,
  .eventreunionwow-guidance-content>p,
  .eventreunionwow-cta-content p {
    font-size: 16px;
  }

  .eventreunionwow-hero .eventreunionwow-hero-actions a,
  .eventreunionwow-cta .eventreunionwow-cta-content a {
    width: 100%;
    justify-content: center;
  }

  .eventreunionwow-hero .eventreunionwow-hero-card,
  .eventreunionwow-type-item,
  .eventreunionwow-journey-step,
  .eventreunionwow-guidance-list div {
    grid-template-columns: 1fr;
  }

  .eventreunionwow-guidance-content,
  .eventreunionwow-cta-content {
    padding: 28px;
  }
}


/* Give Back / Donations - Shared */
.donationgive-page,
.donationgive-hero,
.donationgive-pillars,
.donationgive-framework,
.donationgive-interest,
.donationgive-storyband,
.donationgive-process,
.donationgive-cta {
  overflow: hidden;
}

.donationgive-label {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #00287d;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 18px;
}

.donationgive-label i {
  color: #ffc63b;
}


/* Hero */
.donationgive-hero {
  padding: 110px 0;
  background: #ffffff;
}

.donationgive-hero .donationgive-hero-layout {
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  gap: 76px;
  align-items: center;
}

.donationgive-hero .donationgive-hero-visual {
  position: relative;
  min-height: 620px;
}

.donationgive-hero .donationgive-hero-image {
  position: absolute;
  left: 0;
  top: 0;
  width: 78%;
  height: 500px;
  overflow: hidden;
  box-shadow: 0 30px 75px rgba(17, 17, 17, 0.15);
}

.donationgive-hero .donationgive-hero-image img,
.donationgive-framework .donationgive-framework-image img,
.donationgive-storyband .donationgive-storyband-image img,
.donationgive-cta .donationgive-cta-image img,
.donationgive-pillars .donationgive-pillar-card-featured img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .7s ease;
}

.donationgive-hero .donationgive-hero-image:hover img,
.donationgive-framework .donationgive-framework-image:hover img,
.donationgive-storyband .donationgive-storyband-image:hover img,
.donationgive-cta .donationgive-cta-image:hover img,
.donationgive-pillars .donationgive-pillar-card-featured:hover img {
  transform: scale(1.06);
}

.donationgive-hero .donationgive-hero-card {
  position: absolute;
  right: 0;
  top: 75px;
  width: 310px;
  display: grid;
  grid-template-columns: 62px 1fr;
  gap: 17px;
  align-items: center;
  background: #ffffff;
  padding: 24px;
  border: 1px solid rgba(55, 51, 153, 0.12);
  box-shadow: 0 24px 58px rgba(17, 17, 17, 0.15);
  z-index: 3;
}

.donationgive-hero .donationgive-hero-card i {
  width: 62px;
  height: 62px;
  background: #00287d;
  color: #ffc63b;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
}

.donationgive-hero .donationgive-hero-card strong {
  display: block;
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 5px;
}

.donationgive-hero .donationgive-hero-card span {
  display: block;
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 13px;
  line-height: 1.45em;
}

.donationgive-hero .donationgive-hero-note {
  position: absolute;
  left: 70px;
  bottom: 0;
  max-width: 330px;
  background: #ffc63b;
  padding: 26px;
  box-shadow: 0 24px 55px rgba(17, 17, 17, 0.16);
  z-index: 4;
}

.donationgive-hero .donationgive-hero-note span {
  display: block;
  font-family: 'Outfit', sans-serif;
  color: #00287d;
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 8px;
}

.donationgive-hero .donationgive-hero-note p {
  font-family: "Inter", sans-serif;
  color: #111;
  font-size: 15px;
  line-height: 1.55em;
  margin: 0;
  font-weight: 600;
}

.donationgive-hero .donationgive-hero-content h2 {
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 46px;
  font-weight: 700;
  line-height: 1.18;
  margin: 0 0 24px;
}

.donationgive-hero .donationgive-hero-content h2 strong {
  color: #00287d;
}

.donationgive-hero .donationgive-hero-content>p {
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 18px;
  line-height: 1.6em;
  margin: 0 0 34px;
}

.donationgive-hero .donationgive-hero-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 22px;
}

.donationgive-hero .donationgive-hero-actions a,
.donationgive-cta .donationgive-cta-content a {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  background: #00287d;
  color: #ffffff;
  padding: 16px 28px;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
  transition: background .35s ease, transform .35s ease;
}

.donationgive-hero .donationgive-hero-actions a:hover,
.donationgive-cta .donationgive-cta-content a:hover {
  background: #242424;
  color: #ffffff;
  transform: translateY(-3px);
}

.donationgive-hero .donationgive-hero-actions a i,
.donationgive-cta .donationgive-cta-content a i {
  transition: transform .35s ease;
}

.donationgive-hero .donationgive-hero-actions a:hover i,
.donationgive-cta .donationgive-cta-content a:hover i {
  transform: translateX(5px);
}

.donationgive-hero .donationgive-hero-actions span {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 18px;
  font-weight: 600;
}

.donationgive-hero .donationgive-hero-actions span i {
  color: #ffc63b;
}


/* Section Head */
.donationgive-sectionhead {
  max-width: 790px;
  margin-bottom: 52px;
}

.donationgive-sectionhead h2,
.donationgive-framework .donationgive-framework-content h2,
.donationgive-interest .donationgive-interest-intro h2,
.donationgive-storyband .donationgive-storyband-content h2,
.donationgive-process .donationgive-process-head h2,
.donationgive-cta .donationgive-cta-content h2 {
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 42px;
  font-weight: 700;
  line-height: 1.2;
  margin: 0 0 20px;
}

.donationgive-sectionhead p,
.donationgive-framework .donationgive-framework-content>p,
.donationgive-interest .donationgive-interest-intro p,
.donationgive-storyband .donationgive-storyband-content p,
.donationgive-process .donationgive-process-head p,
.donationgive-cta .donationgive-cta-content p {
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 18px;
  line-height: 1.6em;
  margin: 0;
}


/* Pillars */
.donationgive-pillars {
  padding: 110px 0;
  background: #f7f8fc;
}

.donationgive-pillars .donationgive-pillars-grid {
  display: grid;
  grid-template-columns: 0.9fr 1.2fr 0.9fr;
  gap: 24px;
  align-items: stretch;
}

.donationgive-pillars .donationgive-pillar-card {
  background: #ffffff;
  border: 1px solid rgba(55, 51, 153, 0.12);
  padding: 32px;
  min-height: 280px;
  box-shadow: 0 16px 38px rgba(17, 17, 17, 0.05);
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}

.donationgive-pillars .donationgive-pillar-card:hover {
  transform: translateY(-8px);
  border-color: rgba(55, 51, 153, 0.28);
  box-shadow: 0 24px 55px rgba(17, 17, 17, 0.09);
}

.donationgive-pillars .donationgive-pillar-card>span {
  display: block;
  font-family: 'Outfit', sans-serif;
  color: #00287d;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 18px;
}

.donationgive-pillars .donationgive-pillar-card>i {
  width: 62px;
  height: 62px;
  background: #00287d;
  color: #ffc63b;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 23px;
  margin-bottom: 22px;
}

.donationgive-pillars .donationgive-pillar-card h3 {
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 22px;
  font-weight: 700;
  margin: 0 0 11px;
}

.donationgive-pillars .donationgive-pillar-card p {
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 15px;
  line-height: 1.6em;
  margin: 0;
}

.donationgive-pillars .donationgive-pillar-card-featured {
  grid-row: span 2;
  padding: 0;
  overflow: hidden;
}

.donationgive-pillars .donationgive-pillar-card-featured img {
  height: 390px;
  display: block;
}

.donationgive-pillars .donationgive-pillar-card-featured div {
  padding: 34px;
}

.donationgive-pillars .donationgive-pillar-card-featured div span {
  display: block;
  font-family: "Inter", sans-serif;
  color: #00287d;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 12px;
}


/* Framework */
.donationgive-framework {
  padding: 110px 0;
  background: #ffffff;
}

.donationgive-framework .donationgive-framework-layout {
  display: grid;
  grid-template-columns: 0.95fr 1.05fr;
  gap: 70px;
  align-items: center;
}

.donationgive-framework .donationgive-framework-list {
  display: grid;
  gap: 16px;
  margin-top: 32px;
}

.donationgive-framework .donationgive-framework-item {
  display: grid;
  grid-template-columns: 66px 1fr;
  gap: 20px;
  align-items: start;
  background: #f7f8fc;
  border-left: 4px solid #ffc63b;
  padding: 24px;
  transition: transform .35s ease, box-shadow .35s ease;
}

.donationgive-framework .donationgive-framework-item:hover {
  transform: translateX(8px);
  box-shadow: 0 22px 50px rgba(17, 17, 17, 0.08);
}

.donationgive-framework .donationgive-framework-item b {
  width: 66px;
  height: 66px;
  background: #00287d;
  color: #ffc63b;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Outfit', sans-serif;
  font-size: 20px;
  font-weight: 700;
}

.donationgive-framework .donationgive-framework-item h3 {
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 20px;
  font-weight: 700;
  margin: 0 0 7px;
}

.donationgive-framework .donationgive-framework-item p {
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 15px;
  line-height: 1.6em;
  margin: 0;
}

.donationgive-framework .donationgive-framework-visual {
  position: relative;
  min-height: 590px;
}

.donationgive-framework .donationgive-framework-image {
  position: absolute;
  right: 0;
  top: 0;
  width: 86%;
  height: 515px;
  overflow: hidden;
  box-shadow: 0 30px 75px rgba(17, 17, 17, 0.15);
}

.donationgive-framework .donationgive-framework-badge {
  position: absolute;
  left: 0;
  bottom: 0;
  max-width: 330px;
  display: grid;
  grid-template-columns: 58px 1fr;
  gap: 16px;
  align-items: center;
  background: #ffc63b;
  padding: 24px;
  box-shadow: 0 24px 55px rgba(17, 17, 17, 0.16);
}

.donationgive-framework .donationgive-framework-badge i {
  width: 58px;
  height: 58px;
  background: #00287d;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 21px;
}

.donationgive-framework .donationgive-framework-badge strong {
  display: block;
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 5px;
}

.donationgive-framework .donationgive-framework-badge span {
  display: block;
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 13px;
  line-height: 1.45em;
}


/* Interest */
.donationgive-interest {
  padding: 110px 0;
  background: #f7f8fc;
}

.donationgive-interest .donationgive-interest-wrap {
  display: grid;
  grid-template-columns: 0.85fr 1.15fr;
  gap: 64px;
  align-items: start;
}

.donationgive-interest .donationgive-interest-list {
  display: grid;
  gap: 18px;
}

.donationgive-interest .donationgive-interest-row {
  display: grid;
  grid-template-columns: 62px 1fr auto;
  gap: 20px;
  align-items: center;
  background: #ffffff;
  border: 1px solid rgba(55, 51, 153, 0.1);
  padding: 24px;
  box-shadow: 0 16px 38px rgba(17, 17, 17, 0.05);
  transition: transform .35s ease, border-color .35s ease, box-shadow .35s ease;
}

.donationgive-interest .donationgive-interest-row:hover {
  transform: translateY(-6px);
  border-color: rgba(55, 51, 153, 0.28);
  box-shadow: 0 24px 55px rgba(17, 17, 17, 0.09);
}

.donationgive-interest .donationgive-interest-row>i {
  width: 62px;
  height: 62px;
  background: #00287d;
  color: #ffc63b;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
}

.donationgive-interest .donationgive-interest-row h3 {
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 20px;
  font-weight: 700;
  margin: 0 0 7px;
}

.donationgive-interest .donationgive-interest-row p {
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 15px;
  line-height: 1.6em;
  margin: 0;
}

.donationgive-interest .donationgive-interest-row>span {
  display: inline-flex;
  background: rgba(255, 198, 59, 0.25);
  color: #00287d;
  padding: 9px 13px;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .7px;
}


/* Story Band */
.donationgive-storyband {
  padding: 110px 0;
  background: #ffffff;
}

.donationgive-storyband .donationgive-storyband-grid {
  display: grid;
  grid-template-columns: 1.05fr 0.95fr 0.8fr;
  grid-template-rows: 280px 280px;
  gap: 22px;
}

.donationgive-storyband .donationgive-storyband-image {
  overflow: hidden;
}

.donationgive-storyband .donationgive-storyband-image-large {
  grid-row: span 2;
}

.donationgive-storyband .donationgive-storyband-content {
  background: #00287d;
  padding: 38px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.donationgive-storyband .donationgive-storyband-content .donationgive-label {
  color: #ffffff;
}

.donationgive-storyband .donationgive-storyband-content h2 {
  color: #ffffff;
  font-size: 34px;
}

.donationgive-storyband .donationgive-storyband-content p {
  color: rgba(255, 255, 255, 0.82);
  font-size: 16px;
}

.donationgive-storyband .donationgive-storyband-highlight {
  background: #ffc63b;
  padding: 34px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.donationgive-storyband .donationgive-storyband-highlight i {
  width: 58px;
  height: 58px;
  background: #00287d;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 21px;
  margin-bottom: 18px;
}

.donationgive-storyband .donationgive-storyband-highlight h3 {
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 22px;
  font-weight: 700;
  margin: 0 0 10px;
}

.donationgive-storyband .donationgive-storyband-highlight p {
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 15px;
  line-height: 1.6em;
  margin: 0;
}


/* Process */
.donationgive-process {
  padding: 110px 0;
  background: #f7f8fc;
}

.donationgive-process .donationgive-process-head {
  max-width: 780px;
  margin-bottom: 50px;
}

.donationgive-process .donationgive-process-flow {
  display: grid;
  grid-template-columns: 1fr 44px 1fr 44px 1fr 44px 1fr;
  gap: 16px;
  align-items: center;
}

.donationgive-process .donationgive-process-step {
  background: #ffffff;
  border: 1px solid rgba(55, 51, 153, 0.12);
  padding: 28px;
  min-height: 245px;
  box-shadow: 0 16px 38px rgba(17, 17, 17, 0.05);
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}

.donationgive-process .donationgive-process-step:hover {
  transform: translateY(-8px);
  border-color: rgba(55, 51, 153, 0.28);
  box-shadow: 0 24px 55px rgba(17, 17, 17, 0.09);
}

.donationgive-process .donationgive-process-step span {
  width: 62px;
  height: 62px;
  background: #00287d;
  color: #ffc63b;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Outfit', sans-serif;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 22px;
}

.donationgive-process .donationgive-process-step h3 {
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 21px;
  font-weight: 700;
  margin: 0 0 10px;
}

.donationgive-process .donationgive-process-step p {
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 15px;
  line-height: 1.6em;
  margin: 0;
}

.donationgive-process .donationgive-process-arrow {
  width: 44px;
  height: 44px;
  background: #ffc63b;
  color: #00287d;
  display: flex;
  align-items: center;
  justify-content: center;
}


/* CTA */
.donationgive-cta {
  padding: 110px 0;
  background: #242424;
}

.donationgive-cta .donationgive-cta-wrap {
  display: grid;
  grid-template-columns: 1.08fr 0.92fr;
  background: #ffffff;
  align-items: stretch;
}

.donationgive-cta .donationgive-cta-content {
  padding: 66px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.donationgive-cta .donationgive-cta-content p {
  margin-bottom: 30px;
}

.donationgive-cta .donationgive-cta-image {
  min-height: 430px;
  overflow: hidden;
}

.donationgive-cta .donationgive-cta-content a:hover {
  background: #ffc63b;
  color: #111;
}


/* Responsive */
@media (max-width: 1199px) {

  .donationgive-hero .donationgive-hero-layout,
  .donationgive-framework .donationgive-framework-layout {
    gap: 48px;
  }

  .donationgive-process .donationgive-process-flow {
    grid-template-columns: repeat(2, 1fr);
  }

  .donationgive-process .donationgive-process-arrow {
    display: none;
  }
}

@media (max-width: 991px) {

  .donationgive-hero,
  .donationgive-pillars,
  .donationgive-framework,
  .donationgive-interest,
  .donationgive-storyband,
  .donationgive-process,
  .donationgive-cta {
    padding: 80px 0;
  }

  .donationgive-hero .donationgive-hero-layout,
  .donationgive-framework .donationgive-framework-layout,
  .donationgive-interest .donationgive-interest-wrap,
  .donationgive-cta .donationgive-cta-wrap {
    grid-template-columns: 1fr;
  }

  .donationgive-hero .donationgive-hero-content h2 {
    font-size: 38px;
  }

  .donationgive-sectionhead h2,
  .donationgive-framework .donationgive-framework-content h2,
  .donationgive-interest .donationgive-interest-intro h2,
  .donationgive-storyband .donationgive-storyband-content h2,
  .donationgive-process .donationgive-process-head h2,
  .donationgive-cta .donationgive-cta-content h2 {
    font-size: 36px;
  }

  .donationgive-pillars .donationgive-pillars-grid {
    grid-template-columns: 1fr 1fr;
  }

  .donationgive-pillars .donationgive-pillar-card-featured {
    grid-row: auto;
  }

  .donationgive-storyband .donationgive-storyband-grid {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
  }

  .donationgive-storyband .donationgive-storyband-image-large {
    grid-row: auto;
  }
}

@media (max-width: 767px) {

  .donationgive-hero,
  .donationgive-pillars,
  .donationgive-framework,
  .donationgive-interest,
  .donationgive-storyband,
  .donationgive-process,
  .donationgive-cta {
    padding: 65px 0;
  }

  .donationgive-hero .donationgive-hero-content h2,
  .donationgive-sectionhead h2,
  .donationgive-framework .donationgive-framework-content h2,
  .donationgive-interest .donationgive-interest-intro h2,
  .donationgive-storyband .donationgive-storyband-content h2,
  .donationgive-process .donationgive-process-head h2,
  .donationgive-cta .donationgive-cta-content h2 {
    font-size: 31px;
  }

  .donationgive-hero .donationgive-hero-visual {
    min-height: auto;
    display: grid;
    gap: 18px;
  }

  .donationgive-hero .donationgive-hero-image,
  .donationgive-hero .donationgive-hero-card,
  .donationgive-hero .donationgive-hero-note,
  .donationgive-framework .donationgive-framework-image,
  .donationgive-framework .donationgive-framework-badge {
    position: relative;
    width: 100%;
    max-width: 100%;
    height: auto;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }

  .donationgive-hero .donationgive-hero-image,
  .donationgive-framework .donationgive-framework-image {
    height: 330px;
  }

  .donationgive-framework .donationgive-framework-visual {
    min-height: auto;
    display: grid;
    gap: 18px;
  }

  .donationgive-pillars .donationgive-pillars-grid,
  .donationgive-storyband .donationgive-storyband-grid,
  .donationgive-process .donationgive-process-flow {
    grid-template-columns: 1fr;
  }

  .donationgive-pillars .donationgive-pillar-card-featured img,
  .donationgive-storyband .donationgive-storyband-image,
  .donationgive-cta .donationgive-cta-image {
    height: 320px;
    min-height: auto;
  }

  .donationgive-cta .donationgive-cta-content {
    padding: 34px;
  }
}

@media (max-width: 480px) {

  .donationgive-hero .donationgive-hero-content h2,
  .donationgive-sectionhead h2,
  .donationgive-framework .donationgive-framework-content h2,
  .donationgive-interest .donationgive-interest-intro h2,
  .donationgive-storyband .donationgive-storyband-content h2,
  .donationgive-process .donationgive-process-head h2,
  .donationgive-cta .donationgive-cta-content h2 {
    font-size: 28px;
  }

  .donationgive-hero .donationgive-hero-content>p,
  .donationgive-sectionhead p,
  .donationgive-framework .donationgive-framework-content>p,
  .donationgive-interest .donationgive-interest-intro p,
  .donationgive-storyband .donationgive-storyband-content p,
  .donationgive-process .donationgive-process-head p,
  .donationgive-cta .donationgive-cta-content p {
    font-size: 16px;
  }

  .donationgive-hero .donationgive-hero-card,
  .donationgive-framework .donationgive-framework-item,
  .donationgive-framework .donationgive-framework-badge,
  .donationgive-interest .donationgive-interest-row {
    grid-template-columns: 1fr;
  }

  .donationgive-hero .donationgive-hero-actions a,
  .donationgive-cta .donationgive-cta-content a {
    width: 100%;
    justify-content: center;
  }

  .donationgive-cta .donationgive-cta-content {
    padding: 28px;
  }
}

/* Alumni Registration - Shared */
.alumniregnew-page,
.alumniregnew-hero,
.alumniregnew-essentials,
.alumniregnew-verify,
.alumniregnew-benefits,
.alumniregnew-after,
.alumniregnew-journey,
.alumniregnew-cta {
  overflow: hidden;
}

.alumniregnew-label {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #00287d;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 18px;
}

.alumniregnew-label i {
  color: #ffc63b;
}


/* Hero */
.alumniregnew-hero {
  padding: 110px 0;
  background: #ffffff;
}

.alumniregnew-hero .alumniregnew-hero-grid {
  display: grid;
  grid-template-columns: 0.95fr 1.05fr;
  gap: 76px;
  align-items: center;
}

.alumniregnew-hero .alumniregnew-hero-content h2 {
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 46px;
  font-weight: 700;
  line-height: 1.18;
  margin: 0 0 24px;
}

.alumniregnew-hero .alumniregnew-hero-content h2 strong {
  color: #00287d;
}

.alumniregnew-hero .alumniregnew-hero-content>p {
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 18px;
  line-height: 1.6em;
  margin: 0 0 34px;
}

.alumniregnew-hero .alumniregnew-hero-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 22px;
}

.alumniregnew-hero .alumniregnew-hero-actions a,
.alumniregnew-cta .alumniregnew-cta-content a {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  background: #00287d;
  color: #ffffff;
  padding: 16px 28px;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
  transition: background .35s ease, transform .35s ease;
}

.alumniregnew-hero .alumniregnew-hero-actions a:hover,
.alumniregnew-cta .alumniregnew-cta-content a:hover {
  background: #242424;
  color: #ffffff;
  transform: translateY(-3px);
}

.alumniregnew-hero .alumniregnew-hero-actions a i,
.alumniregnew-cta .alumniregnew-cta-content a i {
  transition: transform .35s ease;
}

.alumniregnew-hero .alumniregnew-hero-actions a:hover i,
.alumniregnew-cta .alumniregnew-cta-content a:hover i {
  transform: translateX(5px);
}

.alumniregnew-hero .alumniregnew-hero-actions span {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 18px;
  font-weight: 600;
}

.alumniregnew-hero .alumniregnew-hero-actions span i {
  color: #ffc63b;
}

.alumniregnew-hero .alumniregnew-hero-visual {
  position: relative;
  min-height: 640px;
}

.alumniregnew-hero .alumniregnew-hero-mainimg {
  position: absolute;
  top: 0;
  right: 0;
  width: 82%;
  height: 480px;
  overflow: hidden;
  box-shadow: 0 30px 75px rgba(17, 17, 17, 0.15);
}

.alumniregnew-hero .alumniregnew-hero-mainimg img,
.alumniregnew-essential-imagecard img,
.alumniregnew-verify-image img,
.alumniregnew-after-image img,
.alumniregnew-journey-image img,
.alumniregnew-cta-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .7s ease;
}

.alumniregnew-hero .alumniregnew-hero-mainimg:hover img,
.alumniregnew-essential-imagecard:hover img,
.alumniregnew-verify-image:hover img,
.alumniregnew-after-image:hover img,
.alumniregnew-journey-image:hover img,
.alumniregnew-cta-image:hover img {
  transform: scale(1.06);
}

.alumniregnew-hero .alumniregnew-hero-formcard {
  position: absolute;
  left: 0;
  bottom: 36px;
  width: 360px;
  background: #ffffff;
  border: 1px solid rgba(55, 51, 153, 0.12);
  box-shadow: 0 28px 70px rgba(17, 17, 17, 0.16);
  padding: 24px;
  z-index: 3;
}

.alumniregnew-hero .alumniregnew-hero-formhead {
  display: grid;
  grid-template-columns: 58px 1fr;
  gap: 16px;
  align-items: center;
  margin-bottom: 20px;
}

.alumniregnew-hero .alumniregnew-hero-formhead i {
  width: 58px;
  height: 58px;
  background: #00287d;
  color: #ffc63b;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
}

.alumniregnew-hero .alumniregnew-hero-formhead strong {
  display: block;
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 4px;
}

.alumniregnew-hero .alumniregnew-hero-formhead span {
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 13px;
  line-height: 1.4;
}

.alumniregnew-hero .alumniregnew-hero-formline {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 0;
  border-top: 1px solid rgba(55, 51, 153, 0.1);
}

.alumniregnew-hero .alumniregnew-hero-formline span {
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 18px;
}

.alumniregnew-hero .alumniregnew-hero-formline b {
  font-family: "Inter", sans-serif;
  color: #00287d;
  font-size: 12px;
  text-transform: uppercase;
}

.alumniregnew-hero .alumniregnew-hero-badge {
  position: absolute;
  right: 36px;
  bottom: 0;
  max-width: 300px;
  display: grid;
  grid-template-columns: 54px 1fr;
  gap: 15px;
  align-items: center;
  background: #ffc63b;
  padding: 22px;
  box-shadow: 0 22px 50px rgba(17, 17, 17, 0.16);
  z-index: 4;
}

.alumniregnew-hero .alumniregnew-hero-badge i {
  width: 54px;
  height: 54px;
  background: #00287d;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
}

.alumniregnew-hero .alumniregnew-hero-badge span {
  font-family: "Inter", sans-serif;
  color: #111;
  font-size: 18px;
  line-height: 1.45em;
  font-weight: 600;
}


/* Section Head */
.alumniregnew-sectionhead {
  max-width: 790px;
  margin-bottom: 52px;
}

.alumniregnew-sectionhead h2,
.alumniregnew-verify-content h2,
.alumniregnew-benefits-content h2,
.alumniregnew-after-content h2,
.alumniregnew-journey-head h2,
.alumniregnew-cta-content h2 {
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 42px;
  font-weight: 700;
  line-height: 1.2;
  margin: 0 0 20px;
}

.alumniregnew-sectionhead p,
.alumniregnew-verify-content>p,
.alumniregnew-benefits-content p,
.alumniregnew-after-content p,
.alumniregnew-journey-head p,
.alumniregnew-cta-content p {
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 18px;
  line-height: 1.6em;
  margin: 0;
}


/* Essentials */
.alumniregnew-essentials {
  padding: 110px 0;
  background: #f7f8fc;
}

.alumniregnew-essentials .alumniregnew-essentials-grid {
  display: grid;
  grid-template-columns: 0.9fr 0.9fr 1.2fr 0.9fr;
  gap: 22px;
}

.alumniregnew-essentials .alumniregnew-essential-card {
  min-height: 310px;
  background: #ffffff;
  border: 1px solid rgba(55, 51, 153, 0.12);
  padding: 30px;
  box-shadow: 0 16px 38px rgba(17, 17, 17, 0.05);
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}

.alumniregnew-essentials .alumniregnew-essential-card:hover {
  transform: translateY(-8px);
  border-color: rgba(55, 51, 153, 0.28);
  box-shadow: 0 24px 55px rgba(17, 17, 17, 0.09);
}

.alumniregnew-essentials .alumniregnew-essential-icon {
  width: 62px;
  height: 62px;
  background: #00287d;
  color: #ffc63b;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 23px;
  margin-bottom: 22px;
}

.alumniregnew-essentials .alumniregnew-essential-card h3 {
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 22px;
  font-weight: 700;
  margin: 0 0 10px;
}

.alumniregnew-essentials .alumniregnew-essential-card p {
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 15px;
  line-height: 1.6em;
  margin: 0;
}

.alumniregnew-essentials .alumniregnew-essential-imagecard {
  padding: 0;
  overflow: hidden;
}

.alumniregnew-essentials .alumniregnew-essential-imagecard img {
  height: 185px;
  display: block;
}

.alumniregnew-essentials .alumniregnew-essential-imagecard div {
  padding: 28px;
}


/* Verify */
.alumniregnew-verify {
  padding: 110px 0;
  background: #ffffff;
}

.alumniregnew-verify .alumniregnew-verify-grid {
  display: grid;
  grid-template-columns: 0.95fr 1.05fr;
  gap: 70px;
  align-items: center;
}

.alumniregnew-verify .alumniregnew-verify-image {
  height: 620px;
  overflow: hidden;
  box-shadow: 0 28px 70px rgba(17, 17, 17, 0.14);
}

.alumniregnew-verify .alumniregnew-verify-list {
  display: grid;
  gap: 16px;
  margin-top: 32px;
}

.alumniregnew-verify .alumniregnew-verify-item {
  display: grid;
  grid-template-columns: 64px 1fr;
  gap: 20px;
  align-items: start;
  background: #f7f8fc;
  border-left: 4px solid #ffc63b;
  padding: 24px;
  transition: transform .35s ease, box-shadow .35s ease;
}

.alumniregnew-verify .alumniregnew-verify-item:hover {
  transform: translateX(8px);
  box-shadow: 0 22px 48px rgba(17, 17, 17, 0.08);
}

.alumniregnew-verify .alumniregnew-verify-item span {
  width: 64px;
  height: 64px;
  background: #00287d;
  color: #ffc63b;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Outfit', sans-serif;
  font-size: 20px;
  font-weight: 700;
}

.alumniregnew-verify .alumniregnew-verify-item h3 {
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 20px;
  font-weight: 700;
  margin: 0 0 7px;
}

.alumniregnew-verify .alumniregnew-verify-item p {
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 15px;
  line-height: 1.6em;
  margin: 0;
}


/* Benefits */
.alumniregnew-benefits {
  padding: 110px 0;
  background: #242424;
}

.alumniregnew-benefits .alumniregnew-benefits-layout {
  display: grid;
  grid-template-columns: 0.85fr 1.15fr;
  gap: 65px;
  align-items: start;
}

.alumniregnew-benefits .alumniregnew-benefits-content h2 {
  color: #ffffff;
}

.alumniregnew-benefits .alumniregnew-benefits-content p {
  color: rgba(255, 255, 255, 0.76);
}

.alumniregnew-benefits .alumniregnew-benefits-content .alumniregnew-label {
  color: #ffffff;
}

.alumniregnew-benefits .alumniregnew-benefits-cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}

.alumniregnew-benefits .alumniregnew-benefit-card {
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.12);
  padding: 32px;
  transition: transform .35s ease, background .35s ease, border-color .35s ease;
}

.alumniregnew-benefits .alumniregnew-benefit-card:hover {
  transform: translateY(-8px);
  background: rgba(255, 255, 255, 0.09);
  border-color: rgba(255, 198, 59, 0.45);
}

.alumniregnew-benefits .alumniregnew-benefit-card i {
  width: 62px;
  height: 62px;
  background: #ffc63b;
  color: #00287d;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 23px;
  margin-bottom: 22px;
}

.alumniregnew-benefits .alumniregnew-benefit-card h3 {
  font-family: 'Outfit', sans-serif;
  color: #ffffff;
  font-size: 22px;
  font-weight: 700;
  margin: 0 0 10px;
}

.alumniregnew-benefits .alumniregnew-benefit-card p {
  font-family: "Inter", sans-serif;
  color: rgba(255, 255, 255, 0.74);
  font-size: 15px;
  line-height: 1.6em;
  margin: 0;
}


/* After Registration */
.alumniregnew-after {
  padding: 110px 0;
  background: #f7f8fc;
}

.alumniregnew-after .alumniregnew-after-wrap {
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  background: #ffffff;
  align-items: stretch;
  box-shadow: 0 28px 70px rgba(17, 17, 17, 0.09);
}

.alumniregnew-after .alumniregnew-after-content {
  padding: 62px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.alumniregnew-after .alumniregnew-after-points {
  display: grid;
  gap: 14px;
  margin-top: 30px;
}

.alumniregnew-after .alumniregnew-after-points span {
  display: flex;
  align-items: center;
  gap: 12px;
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 15px;
  font-weight: 600;
  padding: 16px;
  background: #f7f8fc;
  border: 1px solid rgba(55, 51, 153, 0.1);
}

.alumniregnew-after .alumniregnew-after-points i {
  color: #00287d;
}

.alumniregnew-after .alumniregnew-after-image {
  min-height: 460px;
  overflow: hidden;
}


/* Journey */
.alumniregnew-journey {
  padding: 110px 0;
  background: #ffffff;
}

.alumniregnew-journey .alumniregnew-journey-head {
  max-width: 780px;
  margin-bottom: 52px;
}

.alumniregnew-journey .alumniregnew-journey-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: 260px 260px;
  gap: 22px;
}

.alumniregnew-journey .alumniregnew-journey-card {
  background: #f7f8fc;
  border: 1px solid rgba(55, 51, 153, 0.12);
  padding: 28px;
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}

.alumniregnew-journey .alumniregnew-journey-card:hover {
  transform: translateY(-8px);
  border-color: rgba(55, 51, 153, 0.28);
  box-shadow: 0 24px 55px rgba(17, 17, 17, 0.09);
}

.alumniregnew-journey .alumniregnew-journey-card span {
  display: block;
  font-family: 'Outfit', sans-serif;
  color: #00287d;
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 20px;
}

.alumniregnew-journey .alumniregnew-journey-card h3 {
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 21px;
  font-weight: 700;
  margin: 0 0 10px;
}

.alumniregnew-journey .alumniregnew-journey-card p {
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 15px;
  line-height: 1.6em;
  margin: 0;
}

.alumniregnew-journey .alumniregnew-journey-image {
  grid-column: span 2;
  grid-row: span 2;
  overflow: hidden;
}


/* CTA */
.alumniregnew-cta {
  padding: 110px 0;
  background: #242424;
}

.alumniregnew-cta .alumniregnew-cta-wrap {
  display: grid;
  grid-template-columns: 0.95fr 1.05fr;
  background: #ffffff;
  align-items: stretch;
}

.alumniregnew-cta .alumniregnew-cta-image {
  min-height: 430px;
  overflow: hidden;
}

.alumniregnew-cta .alumniregnew-cta-content {
  padding: 66px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.alumniregnew-cta .alumniregnew-cta-content p {
  margin-bottom: 30px;
}

.alumniregnew-cta .alumniregnew-cta-content a:hover {
  background: #ffc63b;
  color: #111;
}


/* Responsive */
@media (max-width: 1199px) {

  .alumniregnew-hero .alumniregnew-hero-grid,
  .alumniregnew-verify .alumniregnew-verify-grid,
  .alumniregnew-benefits .alumniregnew-benefits-layout {
    gap: 48px;
  }

  .alumniregnew-essentials .alumniregnew-essentials-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .alumniregnew-journey .alumniregnew-journey-grid {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto;
  }
}

@media (max-width: 991px) {

  .alumniregnew-hero,
  .alumniregnew-essentials,
  .alumniregnew-verify,
  .alumniregnew-benefits,
  .alumniregnew-after,
  .alumniregnew-journey,
  .alumniregnew-cta {
    padding: 80px 0;
  }

  .alumniregnew-hero .alumniregnew-hero-grid,
  .alumniregnew-verify .alumniregnew-verify-grid,
  .alumniregnew-benefits .alumniregnew-benefits-layout,
  .alumniregnew-after .alumniregnew-after-wrap,
  .alumniregnew-cta .alumniregnew-cta-wrap {
    grid-template-columns: 1fr;
  }

  .alumniregnew-hero .alumniregnew-hero-content h2 {
    font-size: 38px;
  }

  .alumniregnew-sectionhead h2,
  .alumniregnew-verify-content h2,
  .alumniregnew-benefits-content h2,
  .alumniregnew-after-content h2,
  .alumniregnew-journey-head h2,
  .alumniregnew-cta-content h2 {
    font-size: 36px;
  }

  .alumniregnew-hero .alumniregnew-hero-visual {
    min-height: 600px;
  }
}

@media (max-width: 767px) {

  .alumniregnew-hero,
  .alumniregnew-essentials,
  .alumniregnew-verify,
  .alumniregnew-benefits,
  .alumniregnew-after,
  .alumniregnew-journey,
  .alumniregnew-cta {
    padding: 65px 0;
  }

  .alumniregnew-hero .alumniregnew-hero-content h2,
  .alumniregnew-sectionhead h2,
  .alumniregnew-verify-content h2,
  .alumniregnew-benefits-content h2,
  .alumniregnew-after-content h2,
  .alumniregnew-journey-head h2,
  .alumniregnew-cta-content h2 {
    font-size: 31px;
  }

  .alumniregnew-hero .alumniregnew-hero-visual {
    min-height: auto;
    display: grid;
    gap: 18px;
  }

  .alumniregnew-hero .alumniregnew-hero-mainimg,
  .alumniregnew-hero .alumniregnew-hero-formcard,
  .alumniregnew-hero .alumniregnew-hero-badge {
    position: relative;
    width: 100%;
    max-width: 100%;
    height: auto;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }

  .alumniregnew-hero .alumniregnew-hero-mainimg,
  .alumniregnew-verify .alumniregnew-verify-image,
  .alumniregnew-after .alumniregnew-after-image,
  .alumniregnew-cta .alumniregnew-cta-image {
    height: 330px;
    min-height: auto;
  }

  .alumniregnew-essentials .alumniregnew-essentials-grid,
  .alumniregnew-benefits .alumniregnew-benefits-cards,
  .alumniregnew-journey .alumniregnew-journey-grid {
    grid-template-columns: 1fr;
  }

  .alumniregnew-journey .alumniregnew-journey-image {
    grid-column: auto;
    grid-row: auto;
    height: 320px;
  }

  .alumniregnew-after .alumniregnew-after-content,
  .alumniregnew-cta .alumniregnew-cta-content {
    padding: 34px;
  }
}

@media (max-width: 480px) {

  .alumniregnew-hero .alumniregnew-hero-content h2,
  .alumniregnew-sectionhead h2,
  .alumniregnew-verify-content h2,
  .alumniregnew-benefits-content h2,
  .alumniregnew-after-content h2,
  .alumniregnew-journey-head h2,
  .alumniregnew-cta-content h2 {
    font-size: 28px;
  }

  .alumniregnew-hero .alumniregnew-hero-content>p,
  .alumniregnew-sectionhead p,
  .alumniregnew-verify-content>p,
  .alumniregnew-benefits-content p,
  .alumniregnew-after-content p,
  .alumniregnew-journey-head p,
  .alumniregnew-cta-content p {
    font-size: 16px;
  }

  .alumniregnew-hero .alumniregnew-hero-actions a,
  .alumniregnew-cta .alumniregnew-cta-content a {
    width: 100%;
    justify-content: center;
  }

  .alumniregnew-hero .alumniregnew-hero-formhead,
  .alumniregnew-hero .alumniregnew-hero-badge,
  .alumniregnew-verify .alumniregnew-verify-item {
    grid-template-columns: 1fr;
  }

  .alumniregnew-after .alumniregnew-after-content,
  .alumniregnew-cta .alumniregnew-cta-content {
    padding: 28px;
  }
}



/* News & Events - Shared */
.newseventfresh-page,
.newseventfresh-hero,
.newseventfresh-categories,
.newseventfresh-feature,
.newseventfresh-calendar,
.newseventfresh-wall,
.newseventfresh-guidance,
.newseventfresh-cta {
  overflow: hidden;
}

.newseventfresh-label {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #00287d;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 18px;
}

.newseventfresh-label i {
  color: #ffc63b;
}


/* Hero */
.newseventfresh-hero {
  padding: 110px 0;
  background: #ffffff;
}

.newseventfresh-hero .newseventfresh-hero-grid {
  display: grid;
  grid-template-columns: 0.95fr 1.05fr;
  gap: 76px;
  align-items: center;
}

.newseventfresh-hero .newseventfresh-hero-content h2 {
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 46px;
  font-weight: 700;
  line-height: 1.18;
  margin: 0 0 24px;
}

.newseventfresh-hero .newseventfresh-hero-content h2 strong {
  color: #00287d;
}

.newseventfresh-hero .newseventfresh-hero-content>p {
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 18px;
  line-height: 1.6em;
  margin: 0 0 34px;
}

.newseventfresh-hero .newseventfresh-hero-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 22px;
}

.newseventfresh-hero .newseventfresh-hero-actions a,
.newseventfresh-cta .newseventfresh-cta-content a {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  background: #00287d;
  color: #ffffff;
  padding: 16px 28px;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
  transition: background .35s ease, transform .35s ease;
}

.newseventfresh-hero .newseventfresh-hero-actions a:hover,
.newseventfresh-cta .newseventfresh-cta-content a:hover {
  background: #242424;
  color: #ffffff;
  transform: translateY(-3px);
}

.newseventfresh-hero .newseventfresh-hero-actions a i,
.newseventfresh-cta .newseventfresh-cta-content a i {
  transition: transform .35s ease;
}

.newseventfresh-hero .newseventfresh-hero-actions a:hover i,
.newseventfresh-cta .newseventfresh-cta-content a:hover i {
  transform: translateX(5px);
}

.newseventfresh-hero .newseventfresh-hero-actions span {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 18px;
  font-weight: 600;
}

.newseventfresh-hero .newseventfresh-hero-actions span i {
  color: #ffc63b;
}

.newseventfresh-hero .newseventfresh-hero-visual {
  position: relative;
  min-height: 640px;
}

.newseventfresh-hero .newseventfresh-hero-mainimg {
  position: absolute;
  right: 0;
  top: 0;
  width: 84%;
  height: 485px;
  overflow: hidden;
  box-shadow: 0 30px 75px rgba(17, 17, 17, 0.15);
}

.newseventfresh-hero .newseventfresh-hero-mainimg img,
.newseventfresh-hero .newseventfresh-hero-sideimg img,
.newseventfresh-category-card-img img,
.newseventfresh-feature-image img,
.newseventfresh-wall-photo img,
.newseventfresh-guidance-image img,
.newseventfresh-cta-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .7s ease;
}

.newseventfresh-hero .newseventfresh-hero-mainimg:hover img,
.newseventfresh-hero .newseventfresh-hero-sideimg:hover img,
.newseventfresh-category-card-img:hover img,
.newseventfresh-feature-image:hover img,
.newseventfresh-wall-photo:hover img,
.newseventfresh-guidance-image:hover img,
.newseventfresh-cta-image:hover img {
  transform: scale(1.06);
}

.newseventfresh-hero .newseventfresh-hero-card {
  position: absolute;
  left: 0;
  bottom: 58px;
  width: 330px;
  background: #ffc63b;
  padding: 28px;
  box-shadow: 0 24px 55px rgba(17, 17, 17, 0.16);
  z-index: 3;
}

.newseventfresh-hero .newseventfresh-hero-card span {
  display: block;
  font-family: "Inter", sans-serif;
  color: #00287d;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 12px;
}

.newseventfresh-hero .newseventfresh-hero-card h3 {
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.35;
  margin: 0;
}

.newseventfresh-hero .newseventfresh-hero-sideimg {
  position: absolute;
  right: 42px;
  bottom: 0;
  width: 42%;
  height: 230px;
  overflow: hidden;
  border: 12px solid #ffffff;
  box-shadow: 0 22px 50px rgba(17, 17, 17, 0.16);
  z-index: 4;
}


/* Section Head */
.newseventfresh-sectionhead {
  max-width: 790px;
  margin-bottom: 52px;
}

.newseventfresh-sectionhead h2,
.newseventfresh-feature-content h2,
.newseventfresh-calendar-intro h2,
.newseventfresh-wall-content h2,
.newseventfresh-guidance-content h2,
.newseventfresh-cta-content h2 {
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 42px;
  font-weight: 700;
  line-height: 1.2;
  margin: 0 0 20px;
}

.newseventfresh-sectionhead p,
.newseventfresh-feature-content>p,
.newseventfresh-calendar-intro p,
.newseventfresh-wall-content p,
.newseventfresh-guidance-content>p,
.newseventfresh-cta-content p {
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 18px;
  line-height: 1.6em;
  margin: 0;
}


/* Categories */
.newseventfresh-categories {
  padding: 110px 0;
  background: #f7f8fc;
}

.newseventfresh-category-grid {
  display: grid;
  grid-template-columns: 0.85fr 1.3fr 0.85fr;
  gap: 24px;
  align-items: stretch;
}

.newseventfresh-category-card {
  background: #ffffff;
  border: 1px solid rgba(55, 51, 153, 0.12);
  padding: 32px;
  min-height: 285px;
  box-shadow: 0 16px 38px rgba(17, 17, 17, 0.05);
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}

.newseventfresh-category-card:hover {
  transform: translateY(-8px);
  border-color: rgba(55, 51, 153, 0.28);
  box-shadow: 0 24px 55px rgba(17, 17, 17, 0.09);
}

.newseventfresh-category-card>i {
  width: 62px;
  height: 62px;
  background: #00287d;
  color: #ffc63b;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 23px;
  margin-bottom: 22px;
}

.newseventfresh-category-card h3 {
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 22px;
  font-weight: 700;
  margin: 0 0 10px;
}

.newseventfresh-category-card p {
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 15px;
  line-height: 1.6em;
  margin: 0;
}

.newseventfresh-category-card-img {
  padding: 0;
  overflow: hidden;
}

.newseventfresh-category-card-img img {
  height: 310px;
  display: block;
}

.newseventfresh-category-card-img div {
  padding: 34px;
}

.newseventfresh-category-card-img span {
  display: block;
  font-family: "Inter", sans-serif;
  color: #00287d;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 12px;
}


/* Featured Update */
.newseventfresh-feature {
  padding: 110px 0;
  background: #ffffff;
}

.newseventfresh-feature-wrap {
  display: grid;
  grid-template-columns: 0.95fr 1.05fr;
  background: #f7f8fc;
  align-items: stretch;
}

.newseventfresh-feature-image {
  min-height: 540px;
  overflow: hidden;
}

.newseventfresh-feature-content {
  padding: 62px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.newseventfresh-feature-points {
  display: grid;
  gap: 14px;
  margin-top: 32px;
}

.newseventfresh-feature-points div {
  display: grid;
  grid-template-columns: 52px 1fr;
  gap: 16px;
  align-items: center;
  background: #ffffff;
  padding: 18px;
  border: 1px solid rgba(55, 51, 153, 0.1);
  transition: transform .35s ease, box-shadow .35s ease;
}

.newseventfresh-feature-points div:hover {
  transform: translateX(8px);
  box-shadow: 0 18px 40px rgba(17, 17, 17, 0.08);
}

.newseventfresh-feature-points b {
  width: 52px;
  height: 52px;
  background: #00287d;
  color: #ffc63b;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Outfit', sans-serif;
  font-size: 18px;
  font-weight: 700;
}

.newseventfresh-feature-points span {
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 15px;
  line-height: 1.5em;
  font-weight: 600;
}


/* Calendar */
.newseventfresh-calendar {
  padding: 110px 0;
  background: #242424;
}

.newseventfresh-calendar-layout {
  display: grid;
  grid-template-columns: 0.85fr 1.15fr;
  gap: 65px;
  align-items: start;
}

.newseventfresh-calendar-intro .newseventfresh-label,
.newseventfresh-calendar-intro h2 {
  color: #ffffff;
}

.newseventfresh-calendar-intro p {
  color: rgba(255, 255, 255, 0.76);
}

.newseventfresh-calendar-board {
  display: grid;
  gap: 16px;
}

.newseventfresh-calendar-row {
  display: grid;
  grid-template-columns: 120px 1fr 44px;
  gap: 20px;
  align-items: center;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.12);
  padding: 22px;
  transition: transform .35s ease, background .35s ease, border-color .35s ease;
}

.newseventfresh-calendar-row:hover {
  transform: translateX(8px);
  background: rgba(255, 255, 255, 0.09);
  border-color: rgba(255, 198, 59, 0.45);
}

.newseventfresh-calendar-row>span {
  display: inline-flex;
  justify-content: center;
  background: #ffc63b;
  color: #00287d;
  padding: 10px 12px;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .8px;
}

.newseventfresh-calendar-row h3 {
  font-family: 'Outfit', sans-serif;
  color: #ffffff;
  font-size: 20px;
  font-weight: 700;
  margin: 0 0 7px;
}

.newseventfresh-calendar-row p {
  font-family: "Inter", sans-serif;
  color: rgba(255, 255, 255, 0.74);
  font-size: 15px;
  line-height: 1.6em;
  margin: 0;
}

.newseventfresh-calendar-row i {
  width: 44px;
  height: 44px;
  background: rgba(255, 255, 255, 0.08);
  color: #ffc63b;
  display: flex;
  align-items: center;
  justify-content: center;
}


/* Visual Wall */
.newseventfresh-wall {
  padding: 110px 0;
  background: #ffffff;
}

.newseventfresh-wall-grid {
  display: grid;
  grid-template-columns: 0.9fr 1.1fr 0.85fr;
  grid-template-rows: 285px 285px;
  gap: 22px;
}

.newseventfresh-wall-content {
  grid-row: span 2;
  background: #00287d;
  padding: 38px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.newseventfresh-wall-content .newseventfresh-label,
.newseventfresh-wall-content h2 {
  color: #ffffff;
}

.newseventfresh-wall-content h2 {
  font-size: 34px;
}

.newseventfresh-wall-content p {
  color: rgba(255, 255, 255, 0.82);
  font-size: 16px;
}

.newseventfresh-wall-photo {
  overflow: hidden;
}

.newseventfresh-wall-photo-large {
  grid-row: span 2;
}

.newseventfresh-wall-tags {
  background: #ffc63b;
  padding: 34px;
  display: grid;
  align-content: center;
  gap: 14px;
}

.newseventfresh-wall-tags span {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 18px;
  font-weight: 700;
}

.newseventfresh-wall-tags i {
  color: #00287d;
  font-size: 8px;
}


/* Guidance */
.newseventfresh-guidance {
  padding: 110px 0;
  background: #f7f8fc;
}

.newseventfresh-guidance-wrap {
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  align-items: stretch;
  background: #ffffff;
  box-shadow: 0 28px 70px rgba(17, 17, 17, 0.09);
}

.newseventfresh-guidance-content {
  padding: 62px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.newseventfresh-guidance-list {
  display: grid;
  gap: 14px;
  margin-top: 30px;
}

.newseventfresh-guidance-list div {
  display: grid;
  grid-template-columns: 46px 1fr;
  gap: 16px;
  align-items: center;
  background: #f7f8fc;
  padding: 17px;
  border: 1px solid rgba(55, 51, 153, 0.1);
}

.newseventfresh-guidance-list i {
  width: 46px;
  height: 46px;
  background: #00287d;
  color: #ffc63b;
  display: flex;
  align-items: center;
  justify-content: center;
}

.newseventfresh-guidance-list span {
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 15px;
  line-height: 1.5em;
  font-weight: 600;
}

.newseventfresh-guidance-image {
  min-height: 500px;
  overflow: hidden;
}


/* CTA */
.newseventfresh-cta {
  padding: 110px 0;
  background: #242424;
}

.newseventfresh-cta-wrap {
  display: grid;
  grid-template-columns: 0.92fr 1.08fr;
  background: #ffffff;
  align-items: stretch;
}

.newseventfresh-cta-image {
  min-height: 430px;
  overflow: hidden;
}

.newseventfresh-cta-content {
  padding: 66px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.newseventfresh-cta-content p {
  margin-bottom: 30px;
}

.newseventfresh-cta .newseventfresh-cta-content a:hover {
  background: #ffc63b;
  color: #111;
}


/* Responsive */
@media (max-width: 1199px) {

  .newseventfresh-hero .newseventfresh-hero-grid,
  .newseventfresh-calendar-layout {
    gap: 48px;
  }

  .newseventfresh-category-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .newseventfresh-hero .newseventfresh-hero-visual {
    min-height: 600px;
  }
}

@media (max-width: 991px) {

  .newseventfresh-hero,
  .newseventfresh-categories,
  .newseventfresh-feature,
  .newseventfresh-calendar,
  .newseventfresh-wall,
  .newseventfresh-guidance,
  .newseventfresh-cta {
    padding: 80px 0;
  }

  .newseventfresh-hero .newseventfresh-hero-grid,
  .newseventfresh-feature-wrap,
  .newseventfresh-calendar-layout,
  .newseventfresh-guidance-wrap,
  .newseventfresh-cta-wrap {
    grid-template-columns: 1fr;
  }

  .newseventfresh-hero .newseventfresh-hero-content h2 {
    font-size: 38px;
  }

  .newseventfresh-sectionhead h2,
  .newseventfresh-feature-content h2,
  .newseventfresh-calendar-intro h2,
  .newseventfresh-wall-content h2,
  .newseventfresh-guidance-content h2,
  .newseventfresh-cta-content h2 {
    font-size: 36px;
  }

  .newseventfresh-wall-grid {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
  }

  .newseventfresh-wall-content,
  .newseventfresh-wall-photo-large {
    grid-row: auto;
  }
}

@media (max-width: 767px) {

  .newseventfresh-hero,
  .newseventfresh-categories,
  .newseventfresh-feature,
  .newseventfresh-calendar,
  .newseventfresh-wall,
  .newseventfresh-guidance,
  .newseventfresh-cta {
    padding: 65px 0;
  }

  .newseventfresh-hero .newseventfresh-hero-content h2,
  .newseventfresh-sectionhead h2,
  .newseventfresh-feature-content h2,
  .newseventfresh-calendar-intro h2,
  .newseventfresh-wall-content h2,
  .newseventfresh-guidance-content h2,
  .newseventfresh-cta-content h2 {
    font-size: 31px;
  }

  .newseventfresh-hero .newseventfresh-hero-visual {
    min-height: auto;
    display: grid;
    gap: 18px;
  }

  .newseventfresh-hero .newseventfresh-hero-mainimg,
  .newseventfresh-hero .newseventfresh-hero-card,
  .newseventfresh-hero .newseventfresh-hero-sideimg {
    position: relative;
    width: 100%;
    height: auto;
    max-width: 100%;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }

  .newseventfresh-hero .newseventfresh-hero-mainimg,
  .newseventfresh-feature-image,
  .newseventfresh-guidance-image,
  .newseventfresh-cta-image {
    height: 330px;
    min-height: auto;
  }

  .newseventfresh-hero .newseventfresh-hero-sideimg {
    height: 250px;
    border: 0;
  }

  .newseventfresh-category-grid,
  .newseventfresh-wall-grid {
    grid-template-columns: 1fr;
  }

  .newseventfresh-category-card-img img,
  .newseventfresh-wall-photo {
    height: 300px;
  }

  .newseventfresh-feature-content,
  .newseventfresh-guidance-content,
  .newseventfresh-cta-content {
    padding: 34px;
  }

  .newseventfresh-calendar-row {
    grid-template-columns: 1fr;
  }

  .newseventfresh-calendar-row i {
    display: none;
  }
}

@media (max-width: 480px) {

  .newseventfresh-hero .newseventfresh-hero-content h2,
  .newseventfresh-sectionhead h2,
  .newseventfresh-feature-content h2,
  .newseventfresh-calendar-intro h2,
  .newseventfresh-wall-content h2,
  .newseventfresh-guidance-content h2,
  .newseventfresh-cta-content h2 {
    font-size: 28px;
  }

  .newseventfresh-hero .newseventfresh-hero-content>p,
  .newseventfresh-sectionhead p,
  .newseventfresh-feature-content>p,
  .newseventfresh-calendar-intro p,
  .newseventfresh-guidance-content>p,
  .newseventfresh-cta-content p {
    font-size: 16px;
  }

  .newseventfresh-hero .newseventfresh-hero-actions a,
  .newseventfresh-cta .newseventfresh-cta-content a {
    width: 100%;
    justify-content: center;
  }

  .newseventfresh-feature-points div,
  .newseventfresh-guidance-list div {
    grid-template-columns: 1fr;
  }

  .newseventfresh-feature-content,
  .newseventfresh-guidance-content,
  .newseventfresh-cta-content {
    padding: 28px;
  }
}

/* Latest News - Shared */
.latestnewspro-page,
.latestnewspro-hero,
.latestnewspro-lead,
.latestnewspro-categories,
.latestnewspro-board,
.latestnewspro-visual,
.latestnewspro-guidance,
.latestnewspro-cta {
  overflow: hidden;
}

.latestnewspro-label {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #00287d;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 18px;
}

.latestnewspro-label i {
  color: #ffc63b;
}


/* Hero */
.latestnewspro-hero {
  padding: 110px 0;
  background: #ffffff;
}

.latestnewspro-hero .latestnewspro-hero-grid {
  display: grid;
  grid-template-columns: 0.92fr 1.08fr;
  gap: 76px;
  align-items: center;
}

.latestnewspro-hero .latestnewspro-hero-content h2 {
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 46px;
  font-weight: 700;
  line-height: 1.18;
  margin: 0 0 24px;
}

.latestnewspro-hero .latestnewspro-hero-content h2 strong {
  color: #00287d;
}

.latestnewspro-hero .latestnewspro-hero-content>p {
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 18px;
  line-height: 1.6em;
  margin: 0 0 34px;
}

.latestnewspro-hero .latestnewspro-hero-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 22px;
}

.latestnewspro-hero .latestnewspro-hero-actions a,
.latestnewspro-cta .latestnewspro-cta-content a {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  background: #00287d;
  color: #ffffff;
  padding: 16px 28px;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
  transition: background .35s ease, transform .35s ease;
}

.latestnewspro-hero .latestnewspro-hero-actions a:hover,
.latestnewspro-cta .latestnewspro-cta-content a:hover {
  background: #242424;
  color: #ffffff;
  transform: translateY(-3px);
}

.latestnewspro-hero .latestnewspro-hero-actions a i,
.latestnewspro-cta .latestnewspro-cta-content a i {
  transition: transform .35s ease;
}

.latestnewspro-hero .latestnewspro-hero-actions a:hover i,
.latestnewspro-cta .latestnewspro-cta-content a:hover i {
  transform: translateX(5px);
}

.latestnewspro-hero .latestnewspro-hero-actions span {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 18px;
  font-weight: 600;
}

.latestnewspro-hero .latestnewspro-hero-actions span i {
  color: #ffc63b;
}

.latestnewspro-hero .latestnewspro-hero-visual {
  position: relative;
  min-height: 640px;
}

.latestnewspro-hero .latestnewspro-hero-mainimage {
  position: absolute;
  top: 0;
  right: 0;
  width: 84%;
  height: 470px;
  overflow: hidden;
  box-shadow: 0 30px 75px rgba(17, 17, 17, 0.15);
}

.latestnewspro-hero .latestnewspro-hero-mainimage img,
.latestnewspro-lead .latestnewspro-lead-image img,
.latestnewspro-category-imagecard img,
.latestnewspro-visual-photo img,
.latestnewspro-guidance-image img,
.latestnewspro-cta-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .7s ease;
}

.latestnewspro-hero .latestnewspro-hero-mainimage:hover img,
.latestnewspro-lead .latestnewspro-lead-image:hover img,
.latestnewspro-category-imagecard:hover img,
.latestnewspro-visual-photo:hover img,
.latestnewspro-guidance-image:hover img,
.latestnewspro-cta-image:hover img {
  transform: scale(1.06);
}

.latestnewspro-hero .latestnewspro-hero-card {
  position: absolute;
  left: 0;
  bottom: 96px;
  width: 335px;
  background: #ffc63b;
  padding: 28px;
  box-shadow: 0 24px 55px rgba(17, 17, 17, 0.16);
  z-index: 3;
}

.latestnewspro-hero .latestnewspro-hero-card span {
  display: block;
  font-family: "Inter", sans-serif;
  color: #00287d;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 12px;
}

.latestnewspro-hero .latestnewspro-hero-card h3 {
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.35;
  margin: 0;
}

.latestnewspro-hero .latestnewspro-hero-strip {
  position: absolute;
  right: 42px;
  bottom: 0;
  width: 74%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  background: #242424;
  box-shadow: 0 24px 55px rgba(17, 17, 17, 0.16);
  z-index: 4;
}

.latestnewspro-hero .latestnewspro-hero-strip div {
  padding: 22px;
  border-right: 1px solid rgba(255, 255, 255, 0.12);
}

.latestnewspro-hero .latestnewspro-hero-strip div:last-child {
  border-right: none;
}

.latestnewspro-hero .latestnewspro-hero-strip b {
  display: block;
  font-family: 'Outfit', sans-serif;
  color: #ffffff;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 5px;
}

.latestnewspro-hero .latestnewspro-hero-strip small {
  font-family: "Inter", sans-serif;
  color: rgba(255, 255, 255, 0.72);
  font-size: 13px;
}


/* Lead */
.latestnewspro-lead {
  padding: 110px 0;
  background: #f7f8fc;
}

.latestnewspro-lead .latestnewspro-lead-wrap {
  display: grid;
  grid-template-columns: 0.95fr 1.05fr;
  background: #ffffff;
  box-shadow: 0 28px 70px rgba(17, 17, 17, 0.09);
}

.latestnewspro-lead .latestnewspro-lead-image {
  min-height: 540px;
  overflow: hidden;
}

.latestnewspro-lead .latestnewspro-lead-content {
  padding: 62px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.latestnewspro-lead .latestnewspro-lead-content h2,
.latestnewspro-sectionhead h2,
.latestnewspro-board-intro h2,
.latestnewspro-visual-content h2,
.latestnewspro-guidance-content h2,
.latestnewspro-cta-content h2 {
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 42px;
  font-weight: 700;
  line-height: 1.2;
  margin: 0 0 20px;
}

.latestnewspro-lead .latestnewspro-lead-content>p,
.latestnewspro-sectionhead p,
.latestnewspro-board-intro p,
.latestnewspro-visual-content p,
.latestnewspro-guidance-content>p,
.latestnewspro-cta-content p {
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 18px;
  line-height: 1.6em;
  margin: 0;
}

.latestnewspro-lead .latestnewspro-lead-points {
  display: grid;
  gap: 16px;
  margin-top: 32px;
}

.latestnewspro-lead .latestnewspro-lead-point {
  display: grid;
  grid-template-columns: 58px 1fr;
  gap: 18px;
  background: #f7f8fc;
  border: 1px solid rgba(55, 51, 153, 0.1);
  padding: 22px;
  transition: transform .35s ease, box-shadow .35s ease;
}

.latestnewspro-lead .latestnewspro-lead-point:hover {
  transform: translateX(8px);
  box-shadow: 0 18px 40px rgba(17, 17, 17, 0.08);
}

.latestnewspro-lead .latestnewspro-lead-point i {
  width: 58px;
  height: 58px;
  background: #00287d;
  color: #ffc63b;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 21px;
}

.latestnewspro-lead .latestnewspro-lead-point h3 {
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 20px;
  font-weight: 700;
  margin: 0 0 7px;
}

.latestnewspro-lead .latestnewspro-lead-point p {
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 15px;
  line-height: 1.6em;
  margin: 0;
}


/* Categories */
.latestnewspro-categories {
  padding: 110px 0;
  background: #ffffff;
}

.latestnewspro-sectionhead {
  max-width: 790px;
  margin-bottom: 52px;
}

.latestnewspro-category-grid {
  display: grid;
  grid-template-columns: 0.85fr 1.25fr 0.85fr;
  gap: 24px;
}

.latestnewspro-category-card {
  background: #f7f8fc;
  border: 1px solid rgba(55, 51, 153, 0.12);
  padding: 32px;
  min-height: 285px;
  box-shadow: 0 16px 38px rgba(17, 17, 17, 0.05);
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}

.latestnewspro-category-card:hover {
  transform: translateY(-8px);
  border-color: rgba(55, 51, 153, 0.28);
  box-shadow: 0 24px 55px rgba(17, 17, 17, 0.09);
}

.latestnewspro-category-icon {
  width: 62px;
  height: 62px;
  background: #00287d;
  color: #ffc63b;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 23px;
  margin-bottom: 22px;
}

.latestnewspro-category-card h3 {
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 22px;
  font-weight: 700;
  margin: 0 0 10px;
}

.latestnewspro-category-card p {
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 15px;
  line-height: 1.6em;
  margin: 0;
}

.latestnewspro-category-imagecard {
  padding: 0;
  overflow: hidden;
}

.latestnewspro-category-imagecard img {
  height: 310px;
  display: block;
}

.latestnewspro-category-imagecard div {
  padding: 34px;
  background: #ffffff;
}

.latestnewspro-category-imagecard span {
  display: block;
  font-family: "Inter", sans-serif;
  color: #00287d;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 12px;
}


/* Board */
.latestnewspro-board {
  padding: 110px 0;
  background: #242424;
}

.latestnewspro-board-layout {
  display: grid;
  grid-template-columns: 0.85fr 1.15fr;
  gap: 65px;
  align-items: start;
}

.latestnewspro-board-intro .latestnewspro-label,
.latestnewspro-board-intro h2 {
  color: #ffffff;
}

.latestnewspro-board-intro p {
  color: rgba(255, 255, 255, 0.76);
}

.latestnewspro-board-list {
  display: grid;
  gap: 16px;
}

.latestnewspro-board-row {
  display: grid;
  grid-template-columns: 115px 1fr 44px;
  gap: 20px;
  align-items: center;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.12);
  padding: 22px;
  transition: transform .35s ease, background .35s ease, border-color .35s ease;
}

.latestnewspro-board-row:hover {
  transform: translateX(8px);
  background: rgba(255, 255, 255, 0.09);
  border-color: rgba(255, 198, 59, 0.45);
}

.latestnewspro-board-row>span {
  display: inline-flex;
  justify-content: center;
  background: #ffc63b;
  color: #00287d;
  padding: 10px 12px;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .8px;
}

.latestnewspro-board-row h3 {
  font-family: 'Outfit', sans-serif;
  color: #ffffff;
  font-size: 20px;
  font-weight: 700;
  margin: 0 0 7px;
}

.latestnewspro-board-row p {
  font-family: "Inter", sans-serif;
  color: rgba(255, 255, 255, 0.74);
  font-size: 15px;
  line-height: 1.6em;
  margin: 0;
}

.latestnewspro-board-row i {
  width: 44px;
  height: 44px;
  background: rgba(255, 255, 255, 0.08);
  color: #ffc63b;
  display: flex;
  align-items: center;
  justify-content: center;
}


/* Visual Newsroom */
.latestnewspro-visual {
  padding: 110px 0;
  background: #ffffff;
}

.latestnewspro-visual-grid {
  display: grid;
  grid-template-columns: 0.9fr 1.1fr 0.85fr;
  grid-template-rows: 285px 285px;
  gap: 22px;
}

.latestnewspro-visual-content {
  grid-row: span 2;
  background: #00287d;
  padding: 38px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.latestnewspro-visual-content .latestnewspro-label,
.latestnewspro-visual-content h2 {
  color: #ffffff;
}

.latestnewspro-visual-content h2 {
  font-size: 34px;
}

.latestnewspro-visual-content p {
  color: rgba(255, 255, 255, 0.82);
  font-size: 16px;
}

.latestnewspro-visual-photo {
  overflow: hidden;
}

.latestnewspro-visual-photo-large {
  grid-row: span 2;
}

.latestnewspro-visual-tags {
  background: #ffc63b;
  padding: 34px;
  display: grid;
  align-content: center;
  gap: 14px;
}

.latestnewspro-visual-tags span {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 18px;
  font-weight: 700;
}

.latestnewspro-visual-tags i {
  color: #00287d;
  font-size: 8px;
}


/* Guidance */
.latestnewspro-guidance {
  padding: 110px 0;
  background: #f7f8fc;
}

.latestnewspro-guidance-wrap {
  display: grid;
  grid-template-columns: 0.95fr 1.05fr;
  background: #ffffff;
  align-items: stretch;
  box-shadow: 0 28px 70px rgba(17, 17, 17, 0.09);
}

.latestnewspro-guidance-image {
  min-height: 500px;
  overflow: hidden;
}

.latestnewspro-guidance-content {
  padding: 62px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.latestnewspro-guidance-list {
  display: grid;
  gap: 14px;
  margin-top: 30px;
}

.latestnewspro-guidance-list div {
  display: grid;
  grid-template-columns: 46px 1fr;
  gap: 16px;
  align-items: center;
  background: #f7f8fc;
  padding: 17px;
  border: 1px solid rgba(55, 51, 153, 0.1);
}

.latestnewspro-guidance-list i {
  width: 46px;
  height: 46px;
  background: #00287d;
  color: #ffc63b;
  display: flex;
  align-items: center;
  justify-content: center;
}

.latestnewspro-guidance-list span {
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 15px;
  line-height: 1.5em;
  font-weight: 600;
}


/* CTA */
.latestnewspro-cta {
  padding: 110px 0;
  background: #242424;
}

.latestnewspro-cta-wrap {
  display: grid;
  grid-template-columns: 1.08fr 0.92fr;
  background: #ffffff;
  align-items: stretch;
}

.latestnewspro-cta-content {
  padding: 66px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.latestnewspro-cta-content p {
  margin-bottom: 30px;
}

.latestnewspro-cta-image {
  min-height: 430px;
  overflow: hidden;
}

.latestnewspro-cta .latestnewspro-cta-content a:hover {
  background: #ffc63b;
  color: #111;
}


/* Responsive */
@media (max-width: 1199px) {

  .latestnewspro-hero .latestnewspro-hero-grid,
  .latestnewspro-board-layout {
    gap: 48px;
  }

  .latestnewspro-category-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .latestnewspro-hero .latestnewspro-hero-visual {
    min-height: 600px;
  }
}

@media (max-width: 991px) {

  .latestnewspro-hero,
  .latestnewspro-lead,
  .latestnewspro-categories,
  .latestnewspro-board,
  .latestnewspro-visual,
  .latestnewspro-guidance,
  .latestnewspro-cta {
    padding: 80px 0;
  }

  .latestnewspro-hero .latestnewspro-hero-grid,
  .latestnewspro-lead .latestnewspro-lead-wrap,
  .latestnewspro-board-layout,
  .latestnewspro-guidance-wrap,
  .latestnewspro-cta-wrap {
    grid-template-columns: 1fr;
  }

  .latestnewspro-hero .latestnewspro-hero-content h2 {
    font-size: 38px;
  }

  .latestnewspro-lead .latestnewspro-lead-content h2,
  .latestnewspro-sectionhead h2,
  .latestnewspro-board-intro h2,
  .latestnewspro-visual-content h2,
  .latestnewspro-guidance-content h2,
  .latestnewspro-cta-content h2 {
    font-size: 36px;
  }

  .latestnewspro-visual-grid {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
  }

  .latestnewspro-visual-content,
  .latestnewspro-visual-photo-large {
    grid-row: auto;
  }
}

@media (max-width: 767px) {

  .latestnewspro-hero,
  .latestnewspro-lead,
  .latestnewspro-categories,
  .latestnewspro-board,
  .latestnewspro-visual,
  .latestnewspro-guidance,
  .latestnewspro-cta {
    padding: 65px 0;
  }

  .latestnewspro-hero .latestnewspro-hero-content h2,
  .latestnewspro-lead .latestnewspro-lead-content h2,
  .latestnewspro-sectionhead h2,
  .latestnewspro-board-intro h2,
  .latestnewspro-visual-content h2,
  .latestnewspro-guidance-content h2,
  .latestnewspro-cta-content h2 {
    font-size: 31px;
  }

  .latestnewspro-hero .latestnewspro-hero-visual {
    min-height: auto;
    display: grid;
    gap: 18px;
  }

  .latestnewspro-hero .latestnewspro-hero-mainimage,
  .latestnewspro-hero .latestnewspro-hero-card,
  .latestnewspro-hero .latestnewspro-hero-strip {
    position: relative;
    width: 100%;
    max-width: 100%;
    height: auto;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }

  .latestnewspro-hero .latestnewspro-hero-mainimage,
  .latestnewspro-lead .latestnewspro-lead-image,
  .latestnewspro-guidance-image,
  .latestnewspro-cta-image {
    height: 330px;
    min-height: auto;
  }

  .latestnewspro-hero .latestnewspro-hero-strip,
  .latestnewspro-category-grid,
  .latestnewspro-visual-grid {
    grid-template-columns: 1fr;
  }

  .latestnewspro-hero .latestnewspro-hero-strip div {
    border-right: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  }

  .latestnewspro-hero .latestnewspro-hero-strip div:last-child {
    border-bottom: none;
  }

  .latestnewspro-category-imagecard img,
  .latestnewspro-visual-photo {
    height: 300px;
  }

  .latestnewspro-lead .latestnewspro-lead-content,
  .latestnewspro-guidance-content,
  .latestnewspro-cta-content {
    padding: 34px;
  }

  .latestnewspro-board-row {
    grid-template-columns: 1fr;
  }

  .latestnewspro-board-row i {
    display: none;
  }
}

@media (max-width: 480px) {

  .latestnewspro-hero .latestnewspro-hero-content h2,
  .latestnewspro-lead .latestnewspro-lead-content h2,
  .latestnewspro-sectionhead h2,
  .latestnewspro-board-intro h2,
  .latestnewspro-visual-content h2,
  .latestnewspro-guidance-content h2,
  .latestnewspro-cta-content h2 {
    font-size: 28px;
  }

  .latestnewspro-hero .latestnewspro-hero-content>p,
  .latestnewspro-lead .latestnewspro-lead-content>p,
  .latestnewspro-sectionhead p,
  .latestnewspro-board-intro p,
  .latestnewspro-guidance-content>p,
  .latestnewspro-cta-content p {
    font-size: 16px;
  }

  .latestnewspro-hero .latestnewspro-hero-actions a,
  .latestnewspro-cta .latestnewspro-cta-content a {
    width: 100%;
    justify-content: center;
  }

  .latestnewspro-lead .latestnewspro-lead-point,
  .latestnewspro-guidance-list div {
    grid-template-columns: 1fr;
  }

  .latestnewspro-lead .latestnewspro-lead-content,
  .latestnewspro-guidance-content,
  .latestnewspro-cta-content {
    padding: 28px;
  }
}

/* Webinars & Seminars - Shared */
.webinarlearn-page,
.webinarlearn-hero,
.webinarlearn-tracks,
.webinarlearn-spotlight,
.webinarlearn-prepare,
.webinarlearn-value,
.webinarlearn-wall,
.webinarlearn-cta {
  overflow: hidden;
}

.webinarlearn-label {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #00287d;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 18px;
}

.webinarlearn-label i {
  color: #ffc63b;
}


/* Hero */
.webinarlearn-hero {
  padding: 110px 0;
  background: #ffffff;
}

.webinarlearn-hero .webinarlearn-hero-wrap {
  display: grid;
  grid-template-columns: 0.92fr 1.08fr;
  gap: 76px;
  align-items: center;
}

.webinarlearn-hero .webinarlearn-hero-content h2 {
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 46px;
  font-weight: 700;
  line-height: 1.18;
  margin: 0 0 24px;
}

.webinarlearn-hero .webinarlearn-hero-content h2 strong {
  color: #00287d;
}

.webinarlearn-hero .webinarlearn-hero-content>p {
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 18px;
  line-height: 1.6em;
  margin: 0 0 34px;
}

.webinarlearn-hero .webinarlearn-hero-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 22px;
}

.webinarlearn-hero .webinarlearn-hero-actions a,
.webinarlearn-cta .webinarlearn-cta-content a {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  background: #00287d;
  color: #ffffff;
  padding: 16px 28px;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
  transition: background .35s ease, transform .35s ease;
}

.webinarlearn-hero .webinarlearn-hero-actions a:hover,
.webinarlearn-cta .webinarlearn-cta-content a:hover {
  background: #242424;
  color: #ffffff;
  transform: translateY(-3px);
}

.webinarlearn-hero .webinarlearn-hero-actions a i,
.webinarlearn-cta .webinarlearn-cta-content a i {
  transition: transform .35s ease;
}

.webinarlearn-hero .webinarlearn-hero-actions a:hover i,
.webinarlearn-cta .webinarlearn-cta-content a:hover i {
  transform: translateX(5px);
}

.webinarlearn-hero .webinarlearn-hero-actions span {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 18px;
  font-weight: 600;
}

.webinarlearn-hero .webinarlearn-hero-actions span i {
  color: #ffc63b;
}

.webinarlearn-hero .webinarlearn-hero-media {
  position: relative;
  min-height: 640px;
}

.webinarlearn-hero .webinarlearn-hero-img {
  position: absolute;
  top: 0;
  right: 0;
  width: 84%;
  height: 500px;
  overflow: hidden;
  box-shadow: 0 30px 75px rgba(17, 17, 17, 0.15);
}

.webinarlearn-hero .webinarlearn-hero-img img,
.webinarlearn-track-feature img,
.webinarlearn-spotlight-image img,
.webinarlearn-value-image img,
.webinarlearn-wall-photo img,
.webinarlearn-cta-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .7s ease;
}

.webinarlearn-hero .webinarlearn-hero-img:hover img,
.webinarlearn-track-feature:hover img,
.webinarlearn-spotlight-image:hover img,
.webinarlearn-value-image:hover img,
.webinarlearn-wall-photo:hover img,
.webinarlearn-cta-image:hover img {
  transform: scale(1.06);
}

.webinarlearn-hero .webinarlearn-live-card {
  position: absolute;
  left: 0;
  bottom: 86px;
  width: 340px;
  background: #ffc63b;
  padding: 28px;
  box-shadow: 0 24px 55px rgba(17, 17, 17, 0.16);
  z-index: 3;
}

.webinarlearn-hero .webinarlearn-live-card span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: "Inter", sans-serif;
  color: #00287d;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 12px;
}

.webinarlearn-hero .webinarlearn-live-card span i {
  font-size: 8px;
  color: #00287d;
}

.webinarlearn-hero .webinarlearn-live-card h3 {
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.35;
  margin: 0;
}

.webinarlearn-hero .webinarlearn-topic-card {
  position: absolute;
  right: 38px;
  bottom: 0;
  max-width: 335px;
  display: grid;
  grid-template-columns: 58px 1fr;
  gap: 16px;
  align-items: center;
  background: #ffffff;
  border: 1px solid rgba(55, 51, 153, 0.12);
  padding: 22px;
  box-shadow: 0 24px 55px rgba(17, 17, 17, 0.16);
  z-index: 4;
}

.webinarlearn-hero .webinarlearn-topic-card i {
  width: 58px;
  height: 58px;
  background: #00287d;
  color: #ffc63b;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
}

.webinarlearn-hero .webinarlearn-topic-card strong {
  display: block;
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 5px;
}

.webinarlearn-hero .webinarlearn-topic-card small {
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 13px;
  line-height: 1.45em;
}


/* Section Head */
.webinarlearn-sectionhead {
  max-width: 790px;
  margin-bottom: 52px;
}

.webinarlearn-sectionhead h2,
.webinarlearn-spotlight-content h2,
.webinarlearn-prepare-intro h2,
.webinarlearn-value-content h2,
.webinarlearn-wall-content h2,
.webinarlearn-cta-content h2 {
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 42px;
  font-weight: 700;
  line-height: 1.2;
  margin: 0 0 20px;
}

.webinarlearn-sectionhead p,
.webinarlearn-spotlight-content>p,
.webinarlearn-prepare-intro p,
.webinarlearn-value-content p,
.webinarlearn-wall-content p,
.webinarlearn-cta-content p {
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 18px;
  line-height: 1.6em;
  margin: 0;
}


/* Tracks */
.webinarlearn-tracks {
  padding: 110px 0;
  background: #f7f8fc;
}

.webinarlearn-tracks-grid {
  display: grid;
  grid-template-columns: 0.85fr 1.3fr 0.85fr;
  gap: 24px;
}

.webinarlearn-track-card {
  background: #ffffff;
  border: 1px solid rgba(55, 51, 153, 0.12);
  padding: 32px;
  min-height: 290px;
  box-shadow: 0 16px 38px rgba(17, 17, 17, 0.05);
  transition: transform .35s ease, border-color .35s ease, box-shadow .35s ease;
}

.webinarlearn-track-card:hover {
  transform: translateY(-8px);
  border-color: rgba(55, 51, 153, 0.28);
  box-shadow: 0 24px 55px rgba(17, 17, 17, 0.09);
}

.webinarlearn-track-number {
  font-family: 'Outfit', sans-serif;
  color: #00287d;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 18px;
}

.webinarlearn-track-card>i {
  width: 62px;
  height: 62px;
  background: #00287d;
  color: #ffc63b;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 23px;
  margin-bottom: 22px;
}

.webinarlearn-track-card h3 {
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 22px;
  font-weight: 700;
  margin: 0 0 10px;
}

.webinarlearn-track-card p {
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 15px;
  line-height: 1.6em;
  margin: 0;
}

.webinarlearn-track-feature {
  padding: 0;
  overflow: hidden;
}

.webinarlearn-track-feature img {
  height: 320px;
  display: block;
}

.webinarlearn-track-feature div {
  padding: 34px;
}

.webinarlearn-track-feature span {
  display: block;
  font-family: "Inter", sans-serif;
  color: #00287d;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 12px;
}


/* Spotlight */
.webinarlearn-spotlight {
  padding: 110px 0;
  background: #ffffff;
}

.webinarlearn-spotlight-grid {
  display: grid;
  grid-template-columns: 0.95fr 1.05fr;
  gap: 70px;
  align-items: center;
}

.webinarlearn-spotlight-image {
  height: 610px;
  overflow: hidden;
  box-shadow: 0 28px 70px rgba(17, 17, 17, 0.14);
}

.webinarlearn-spotlight-list {
  display: grid;
  gap: 16px;
  margin-top: 32px;
}

.webinarlearn-spotlight-item {
  display: grid;
  grid-template-columns: 110px 1fr;
  gap: 18px;
  align-items: center;
  background: #f7f8fc;
  border-left: 4px solid #ffc63b;
  padding: 22px;
  transition: transform .35s ease, box-shadow .35s ease;
}

.webinarlearn-spotlight-item:hover {
  transform: translateX(8px);
  box-shadow: 0 22px 48px rgba(17, 17, 17, 0.08);
}

.webinarlearn-spotlight-item b {
  font-family: 'Outfit', sans-serif;
  color: #00287d;
  font-size: 18px;
  font-weight: 700;
}

.webinarlearn-spotlight-item span {
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 15px;
  line-height: 1.6em;
}


/* Prepare */
.webinarlearn-prepare {
  padding: 110px 0;
  background: #242424;
}

.webinarlearn-prepare-layout {
  display: grid;
  grid-template-columns: 0.85fr 1.15fr;
  gap: 65px;
  align-items: start;
}

.webinarlearn-prepare-intro .webinarlearn-label,
.webinarlearn-prepare-intro h2 {
  color: #ffffff;
}

.webinarlearn-prepare-intro p {
  color: rgba(255, 255, 255, 0.76);
}

.webinarlearn-prepare-cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}

.webinarlearn-prepare-card {
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.12);
  padding: 32px;
  transition: transform .35s ease, background .35s ease, border-color .35s ease;
}

.webinarlearn-prepare-card:hover {
  transform: translateY(-8px);
  background: rgba(255, 255, 255, 0.09);
  border-color: rgba(255, 198, 59, 0.45);
}

.webinarlearn-prepare-card span {
  width: 62px;
  height: 62px;
  background: #ffc63b;
  color: #00287d;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Outfit', sans-serif;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 22px;
}

.webinarlearn-prepare-card h3 {
  font-family: 'Outfit', sans-serif;
  color: #ffffff;
  font-size: 22px;
  font-weight: 700;
  margin: 0 0 10px;
}

.webinarlearn-prepare-card p {
  font-family: "Inter", sans-serif;
  color: rgba(255, 255, 255, 0.74);
  font-size: 15px;
  line-height: 1.6em;
  margin: 0;
}


/* Value */
.webinarlearn-value {
  padding: 110px 0;
  background: #f7f8fc;
}

.webinarlearn-value-wrap {
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  align-items: stretch;
  background: #ffffff;
  box-shadow: 0 28px 70px rgba(17, 17, 17, 0.09);
}

.webinarlearn-value-content {
  padding: 62px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.webinarlearn-value-points {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
  margin-top: 30px;
}

.webinarlearn-value-points span {
  display: flex;
  align-items: center;
  gap: 10px;
  background: #f7f8fc;
  border: 1px solid rgba(55, 51, 153, 0.1);
  padding: 16px;
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 15px;
  font-weight: 600;
}

.webinarlearn-value-points i {
  color: #00287d;
}

.webinarlearn-value-image {
  min-height: 500px;
  overflow: hidden;
}


/* Wall */
.webinarlearn-wall {
  padding: 110px 0;
  background: #ffffff;
}

.webinarlearn-wall-grid {
  display: grid;
  grid-template-columns: 1.05fr 0.95fr 0.85fr;
  grid-template-rows: 285px 285px;
  gap: 22px;
}

.webinarlearn-wall-photo {
  overflow: hidden;
}

.webinarlearn-wall-photo-large {
  grid-row: span 2;
}

.webinarlearn-wall-content {
  background: #00287d;
  padding: 38px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.webinarlearn-wall-content .webinarlearn-label,
.webinarlearn-wall-content h2 {
  color: #ffffff;
}

.webinarlearn-wall-content h2 {
  font-size: 34px;
}

.webinarlearn-wall-content p {
  color: rgba(255, 255, 255, 0.82);
  font-size: 16px;
}

.webinarlearn-wall-tags {
  background: #ffc63b;
  padding: 34px;
  display: grid;
  align-content: center;
  gap: 14px;
}

.webinarlearn-wall-tags span {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 18px;
  font-weight: 700;
}

.webinarlearn-wall-tags i {
  color: #00287d;
  font-size: 8px;
}


/* CTA */
.webinarlearn-cta {
  padding: 110px 0;
  background: #242424;
}

.webinarlearn-cta-wrap {
  display: grid;
  grid-template-columns: 0.92fr 1.08fr;
  background: #ffffff;
  align-items: stretch;
}

.webinarlearn-cta-image {
  min-height: 430px;
  overflow: hidden;
}

.webinarlearn-cta-content {
  padding: 66px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.webinarlearn-cta-content p {
  margin-bottom: 30px;
}

.webinarlearn-cta .webinarlearn-cta-content a:hover {
  background: #ffc63b;
  color: #111;
}


/* Responsive */
@media (max-width: 1199px) {

  .webinarlearn-hero .webinarlearn-hero-wrap,
  .webinarlearn-spotlight-grid,
  .webinarlearn-prepare-layout {
    gap: 48px;
  }

  .webinarlearn-tracks-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .webinarlearn-hero .webinarlearn-hero-media {
    min-height: 600px;
  }
}

@media (max-width: 991px) {

  .webinarlearn-hero,
  .webinarlearn-tracks,
  .webinarlearn-spotlight,
  .webinarlearn-prepare,
  .webinarlearn-value,
  .webinarlearn-wall,
  .webinarlearn-cta {
    padding: 80px 0;
  }

  .webinarlearn-hero .webinarlearn-hero-wrap,
  .webinarlearn-spotlight-grid,
  .webinarlearn-prepare-layout,
  .webinarlearn-value-wrap,
  .webinarlearn-cta-wrap {
    grid-template-columns: 1fr;
  }

  .webinarlearn-hero .webinarlearn-hero-content h2 {
    font-size: 38px;
  }

  .webinarlearn-sectionhead h2,
  .webinarlearn-spotlight-content h2,
  .webinarlearn-prepare-intro h2,
  .webinarlearn-value-content h2,
  .webinarlearn-wall-content h2,
  .webinarlearn-cta-content h2 {
    font-size: 36px;
  }

  .webinarlearn-wall-grid {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
  }

  .webinarlearn-wall-photo-large {
    grid-row: auto;
  }
}

@media (max-width: 767px) {

  .webinarlearn-hero,
  .webinarlearn-tracks,
  .webinarlearn-spotlight,
  .webinarlearn-prepare,
  .webinarlearn-value,
  .webinarlearn-wall,
  .webinarlearn-cta {
    padding: 65px 0;
  }

  .webinarlearn-hero .webinarlearn-hero-content h2,
  .webinarlearn-sectionhead h2,
  .webinarlearn-spotlight-content h2,
  .webinarlearn-prepare-intro h2,
  .webinarlearn-value-content h2,
  .webinarlearn-wall-content h2,
  .webinarlearn-cta-content h2 {
    font-size: 31px;
  }

  .webinarlearn-hero .webinarlearn-hero-media {
    min-height: auto;
    display: grid;
    gap: 18px;
  }

  .webinarlearn-hero .webinarlearn-hero-img,
  .webinarlearn-hero .webinarlearn-live-card,
  .webinarlearn-hero .webinarlearn-topic-card {
    position: relative;
    width: 100%;
    max-width: 100%;
    height: auto;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }

  .webinarlearn-hero .webinarlearn-hero-img,
  .webinarlearn-spotlight-image,
  .webinarlearn-value-image,
  .webinarlearn-cta-image {
    height: 330px;
    min-height: auto;
  }

  .webinarlearn-tracks-grid,
  .webinarlearn-prepare-cards,
  .webinarlearn-value-points,
  .webinarlearn-wall-grid {
    grid-template-columns: 1fr;
  }

  .webinarlearn-track-feature img,
  .webinarlearn-wall-photo {
    height: 300px;
  }

  .webinarlearn-value-content,
  .webinarlearn-cta-content {
    padding: 34px;
  }
}

@media (max-width: 480px) {

  .webinarlearn-hero .webinarlearn-hero-content h2,
  .webinarlearn-sectionhead h2,
  .webinarlearn-spotlight-content h2,
  .webinarlearn-prepare-intro h2,
  .webinarlearn-value-content h2,
  .webinarlearn-wall-content h2,
  .webinarlearn-cta-content h2 {
    font-size: 28px;
  }

  .webinarlearn-hero .webinarlearn-hero-content>p,
  .webinarlearn-sectionhead p,
  .webinarlearn-spotlight-content>p,
  .webinarlearn-prepare-intro p,
  .webinarlearn-value-content p,
  .webinarlearn-cta-content p {
    font-size: 16px;
  }

  .webinarlearn-hero .webinarlearn-hero-actions a,
  .webinarlearn-cta .webinarlearn-cta-content a {
    width: 100%;
    justify-content: center;
  }

  .webinarlearn-hero .webinarlearn-topic-card,
  .webinarlearn-spotlight-item {
    grid-template-columns: 1fr;
  }

  .webinarlearn-value-content,
  .webinarlearn-cta-content {
    padding: 28px;
  }
}

/* Gallery Page - Shared */
.gallerypro-page,
.gallerypro-hero,
.gallerypro-intro,
.gallerypro-main,
.gallerypro-guidance,
.gallerypro-cta {
  overflow: hidden;
}

.gallerypro-label {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #00287d;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 18px;
}

.gallerypro-label i {
  color: #ffc63b;
}


/* Hero */
.gallerypro-hero {
  padding: 110px 0;
  background: #ffffff;
}

.gallerypro-hero .gallerypro-hero-grid {
  display: grid;
  grid-template-columns: 0.92fr 1.08fr;
  gap: 76px;
  align-items: center;
}

.gallerypro-hero .gallerypro-hero-content h2,
.gallerypro-intro .gallerypro-intro-content h2,
.gallerypro-main .gallerypro-main-head h2,
.gallerypro-guidance .gallerypro-guidance-content h2,
.gallerypro-cta .gallerypro-cta-content h2 {
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 42px;
  font-weight: 700;
  line-height: 1.2;
  margin: 0 0 20px;
}

.gallerypro-hero .gallerypro-hero-content h2 {
  font-size: 46px;
  line-height: 1.18;
}

.gallerypro-hero .gallerypro-hero-content h2 strong {
  color: #00287d;
}

.gallerypro-hero .gallerypro-hero-content>p,
.gallerypro-intro .gallerypro-intro-content p,
.gallerypro-main .gallerypro-main-head p,
.gallerypro-guidance .gallerypro-guidance-content p,
.gallerypro-cta .gallerypro-cta-content p {
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 18px;
  line-height: 1.6em;
  margin: 0;
}

.gallerypro-hero .gallerypro-hero-content>p {
  margin-bottom: 34px;
}

.gallerypro-hero .gallerypro-hero-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 22px;
}

.gallerypro-hero .gallerypro-hero-actions a,
.gallerypro-cta .gallerypro-cta-content a {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  background: #00287d;
  color: #ffffff;
  padding: 16px 28px;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
  transition: background .35s ease, transform .35s ease;
}

.gallerypro-hero .gallerypro-hero-actions a:hover,
.gallerypro-cta .gallerypro-cta-content a:hover {
  background: #242424;
  color: #ffffff;
  transform: translateY(-3px);
}

.gallerypro-hero .gallerypro-hero-actions a i,
.gallerypro-cta .gallerypro-cta-content a i {
  transition: transform .35s ease;
}

.gallerypro-hero .gallerypro-hero-actions a:hover i,
.gallerypro-cta .gallerypro-cta-content a:hover i {
  transform: translateX(5px);
}

.gallerypro-hero .gallerypro-hero-actions span {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 18px;
  font-weight: 600;
}

.gallerypro-hero .gallerypro-hero-actions span i {
  color: #ffc63b;
}

.gallerypro-hero .gallerypro-hero-visual {
  position: relative;
  min-height: 650px;
}

.gallerypro-hero .gallerypro-hero-main {
  position: absolute;
  top: 0;
  right: 0;
  width: 78%;
  height: 485px;
  overflow: hidden;
  box-shadow: 0 30px 75px rgba(17, 17, 17, 0.15);
}

.gallerypro-hero .gallerypro-hero-main img,
.gallerypro-hero .gallerypro-hero-small img,
.gallerypro-item img,
.gallerypro-guidance-image img,
.gallerypro-cta-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .7s ease;
}

.gallerypro-hero .gallerypro-hero-main:hover img,
.gallerypro-hero .gallerypro-hero-small:hover img,
.gallerypro-item:hover img,
.gallerypro-guidance-image:hover img,
.gallerypro-cta-image:hover img {
  transform: scale(1.06);
}

.gallerypro-hero .gallerypro-hero-small {
  position: absolute;
  overflow: hidden;
  border: 12px solid #ffffff;
  box-shadow: 0 24px 55px rgba(17, 17, 17, 0.15);
  z-index: 3;
}

.gallerypro-hero .gallerypro-hero-small-one {
  left: 0;
  top: 76px;
  width: 42%;
  height: 250px;
}

.gallerypro-hero .gallerypro-hero-small-two {
  left: 70px;
  bottom: 20px;
  width: 48%;
  height: 250px;
}

.gallerypro-hero .gallerypro-hero-card {
  position: absolute;
  right: 35px;
  bottom: 0;
  max-width: 330px;
  display: grid;
  grid-template-columns: 58px 1fr;
  gap: 16px;
  align-items: center;
  background: #ffc63b;
  padding: 24px;
  box-shadow: 0 24px 55px rgba(17, 17, 17, 0.16);
  z-index: 4;
}

.gallerypro-hero .gallerypro-hero-card i {
  width: 58px;
  height: 58px;
  background: #00287d;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 21px;
}

.gallerypro-hero .gallerypro-hero-card strong {
  display: block;
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 5px;
}

.gallerypro-hero .gallerypro-hero-card span {
  display: block;
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 13px;
  line-height: 1.45em;
}


/* Intro */
.gallerypro-intro {
  padding: 90px 0;
  background: #f7f8fc;
}

.gallerypro-intro .gallerypro-intro-wrap {
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  gap: 60px;
  align-items: center;
}

.gallerypro-intro .gallerypro-intro-tags {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
}

.gallerypro-intro .gallerypro-intro-tags span {
  display: flex;
  align-items: center;
  gap: 10px;
  background: #ffffff;
  border: 1px solid rgba(55, 51, 153, 0.12);
  padding: 18px;
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 18px;
  font-weight: 700;
  box-shadow: 0 14px 35px rgba(17, 17, 17, 0.05);
}

.gallerypro-intro .gallerypro-intro-tags i {
  color: #00287d;
  font-size: 8px;
}


/* Main Gallery */
.gallerypro-main {
  padding: 110px 0;
  background: #ffffff;
}

.gallerypro-main .gallerypro-main-head {
  max-width: 820px;
  margin-bottom: 52px;
}

.gallerypro-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: 245px;
  gap: 18px;
}

.gallerypro-item {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  overflow: hidden;
  cursor: pointer;
  box-shadow: 0 16px 38px rgba(17, 17, 17, 0.06);
}

.gallerypro-item::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(17, 17, 17, 0.04), rgba(17, 17, 17, 0.62));
  opacity: 0;
  z-index: 1;
  transition: opacity .35s ease;
}

.gallerypro-item:hover::before {
  opacity: 1;
}

.gallerypro-item span {
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 18px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  background: #ffffff;
  color: #00287d;
  padding: 12px 14px;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 600;
  opacity: 0;
  transform: translateY(12px);
  transition: opacity .35s ease, transform .35s ease, background .35s ease, color .35s ease;
}

.gallerypro-item:hover span {
  opacity: 1;
  transform: translateY(0);
}

.gallerypro-item span:hover {
  background: #ffc63b;
  color: #111;
}

.gallerypro-item-large {
  grid-column: span 2;
  grid-row: span 2;
}

.gallerypro-item-wide {
  grid-column: span 2;
}

.gallerypro-item-tall {
  grid-row: span 2;
}


/* Guidance */
.gallerypro-guidance {
  padding: 110px 0;
  background: #f7f8fc;
}

.gallerypro-guidance .gallerypro-guidance-wrap {
  display: grid;
  grid-template-columns: 0.95fr 1.05fr;
  background: #ffffff;
  align-items: stretch;
  box-shadow: 0 28px 70px rgba(17, 17, 17, 0.09);
}

.gallerypro-guidance-image {
  min-height: 500px;
  overflow: hidden;
}

.gallerypro-guidance-content {
  padding: 62px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.gallerypro-guidance-list {
  display: grid;
  gap: 14px;
  margin-top: 30px;
}

.gallerypro-guidance-list span {
  display: flex;
  align-items: center;
  gap: 12px;
  background: #f7f8fc;
  border: 1px solid rgba(55, 51, 153, 0.1);
  padding: 16px;
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 15px;
  font-weight: 600;
}

.gallerypro-guidance-list i {
  color: #00287d;
}


/* CTA */
.gallerypro-cta {
  padding: 110px 0;
  background: #242424;
}

.gallerypro-cta-wrap {
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  background: #ffffff;
  align-items: stretch;
}

.gallerypro-cta-content {
  padding: 66px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.gallerypro-cta-content p {
  margin-bottom: 30px;
}

.gallerypro-cta-image {
  min-height: 430px;
  overflow: hidden;
}

.gallerypro-cta .gallerypro-cta-content a:hover {
  background: #ffc63b;
  color: #111;
}


/* Lightbox */
.gallerypro-lightbox {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: none;
  align-items: center;
  justify-content: center;
  background: rgba(17, 17, 17, 0.92);
  padding: 34px;
}

.gallerypro-lightbox.gallerypro-lightbox-active {
  display: flex;
}

.gallerypro-lightbox-content {
  position: relative;
  max-width: 1120px;
  width: 100%;
  max-height: 88vh;
  display: grid;
  gap: 16px;
}

.gallerypro-lightbox-content img {
  width: 100%;
  max-height: 78vh;
  object-fit: contain;
  background: #111;
  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.35);
}

.gallerypro-lightbox-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  background: #ffffff;
  padding: 18px 22px;
}

.gallerypro-lightbox-footer h3 {
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 20px;
  font-weight: 700;
  margin: 0;
}

.gallerypro-lightbox-footer span {
  font-family: "Inter", sans-serif;
  color: #00287d;
  font-size: 18px;
  font-weight: 600;
}

.gallerypro-lightbox-close,
.gallerypro-lightbox-arrow {
  position: absolute;
  z-index: 100000;
  border: 0;
  cursor: pointer;
  background: #ffffff;
  color: #00287d;
  transition: background .35s ease, color .35s ease, transform .35s ease;
}

.gallerypro-lightbox-close {
  top: 24px;
  right: 24px;
  width: 48px;
  height: 48px;
  font-size: 22px;
}

.gallerypro-lightbox-arrow {
  top: 50%;
  transform: translateY(-50%);
  width: 58px;
  height: 58px;
  font-size: 22px;
}

.gallerypro-lightbox-prev {
  left: 28px;
}

.gallerypro-lightbox-next {
  right: 28px;
}

.gallerypro-lightbox-close:hover,
.gallerypro-lightbox-arrow:hover {
  background: #ffc63b;
  color: #111;
}

.gallerypro-lightbox-prev:hover {
  transform: translateY(-50%) translateX(-4px);
}

.gallerypro-lightbox-next:hover {
  transform: translateY(-50%) translateX(4px);
}


/* Responsive */
@media (max-width: 1199px) {

  .gallerypro-hero .gallerypro-hero-grid,
  .gallerypro-intro .gallerypro-intro-wrap {
    gap: 48px;
  }

  .gallerypro-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 991px) {

  .gallerypro-hero,
  .gallerypro-main,
  .gallerypro-guidance,
  .gallerypro-cta {
    padding: 80px 0;
  }

  .gallerypro-intro {
    padding: 75px 0;
  }

  .gallerypro-hero .gallerypro-hero-grid,
  .gallerypro-intro .gallerypro-intro-wrap,
  .gallerypro-guidance .gallerypro-guidance-wrap,
  .gallerypro-cta-wrap {
    grid-template-columns: 1fr;
  }

  .gallerypro-hero .gallerypro-hero-content h2 {
    font-size: 38px;
  }

  .gallerypro-intro .gallerypro-intro-content h2,
  .gallerypro-main .gallerypro-main-head h2,
  .gallerypro-guidance .gallerypro-guidance-content h2,
  .gallerypro-cta .gallerypro-cta-content h2 {
    font-size: 36px;
  }

  .gallerypro-hero .gallerypro-hero-visual {
    min-height: 620px;
  }

  .gallerypro-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .gallerypro-item-large,
  .gallerypro-item-wide,
  .gallerypro-item-tall {
    grid-column: auto;
    grid-row: auto;
  }
}

@media (max-width: 767px) {

  .gallerypro-hero,
  .gallerypro-main,
  .gallerypro-guidance,
  .gallerypro-cta {
    padding: 65px 0;
  }

  .gallerypro-intro {
    padding: 65px 0;
  }

  .gallerypro-hero .gallerypro-hero-content h2,
  .gallerypro-intro .gallerypro-intro-content h2,
  .gallerypro-main .gallerypro-main-head h2,
  .gallerypro-guidance .gallerypro-guidance-content h2,
  .gallerypro-cta .gallerypro-cta-content h2 {
    font-size: 31px;
  }

  .gallerypro-hero .gallerypro-hero-visual {
    min-height: auto;
    display: grid;
    gap: 18px;
  }

  .gallerypro-hero .gallerypro-hero-main,
  .gallerypro-hero .gallerypro-hero-small,
  .gallerypro-hero .gallerypro-hero-card {
    position: relative;
    width: 100%;
    height: auto;
    max-width: 100%;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }

  .gallerypro-hero .gallerypro-hero-main,
  .gallerypro-hero .gallerypro-hero-small,
  .gallerypro-guidance-image,
  .gallerypro-cta-image {
    height: 320px;
    min-height: auto;
  }

  .gallerypro-hero .gallerypro-hero-small {
    border: 0;
  }

  .gallerypro-intro .gallerypro-intro-tags,
  .gallerypro-grid {
    grid-template-columns: 1fr;
  }

  .gallerypro-grid {
    grid-auto-rows: 300px;
  }

  .gallerypro-guidance-content,
  .gallerypro-cta-content {
    padding: 34px;
  }

  .gallerypro-lightbox {
    padding: 20px;
  }

  .gallerypro-lightbox-arrow {
    width: 46px;
    height: 46px;
    top: auto;
    bottom: 24px;
    transform: none;
  }

  .gallerypro-lightbox-prev {
    left: 24px;
  }

  .gallerypro-lightbox-next {
    right: 24px;
  }

  .gallerypro-lightbox-prev:hover,
  .gallerypro-lightbox-next:hover {
    transform: none;
  }

  .gallerypro-lightbox-footer {
    padding-bottom: 86px;
  }
}

@media (max-width: 480px) {

  .gallerypro-hero .gallerypro-hero-content h2,
  .gallerypro-intro .gallerypro-intro-content h2,
  .gallerypro-main .gallerypro-main-head h2,
  .gallerypro-guidance .gallerypro-guidance-content h2,
  .gallerypro-cta .gallerypro-cta-content h2 {
    font-size: 28px;
  }

  .gallerypro-hero .gallerypro-hero-content>p,
  .gallerypro-intro .gallerypro-intro-content p,
  .gallerypro-main .gallerypro-main-head p,
  .gallerypro-guidance .gallerypro-guidance-content p,
  .gallerypro-cta .gallerypro-cta-content p {
    font-size: 16px;
  }

  .gallerypro-hero .gallerypro-hero-actions a,
  .gallerypro-cta .gallerypro-cta-content a {
    width: 100%;
    justify-content: center;
  }

  .gallerypro-hero .gallerypro-hero-card,
  .gallerypro-guidance-list span {
    grid-template-columns: 1fr;
  }

  .gallerypro-guidance-content,
  .gallerypro-cta-content {
    padding: 28px;
  }
}


/* Video Gallery - Shared */
.videopro-page,
.videopro-hero,
.videopro-playersec,
.videopro-playlist,
.videopro-categories,
.videopro-guidance,
.videopro-cta {
  overflow: hidden;
}

.videopro-label {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #00287d;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 18px;
}

.videopro-label i {
  color: #ffc63b;
}


/* Hero */
.videopro-hero {
  padding: 110px 0;
  background: #ffffff;
}

.videopro-hero .videopro-hero-grid {
  display: grid;
  grid-template-columns: 0.92fr 1.08fr;
  gap: 76px;
  align-items: center;
}

.videopro-hero .videopro-hero-content h2,
.videopro-playersec .videopro-playersec-head h2,
.videopro-playlist .videopro-playlist-head h2,
.videopro-categories-content h2,
.videopro-guidance-content h2,
.videopro-cta-content h2 {
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 42px;
  font-weight: 700;
  line-height: 1.2;
  margin: 0 0 20px;
}

.videopro-hero .videopro-hero-content h2 {
  font-size: 46px;
  line-height: 1.18;
}

.videopro-hero .videopro-hero-content h2 strong {
  color: #00287d;
}

.videopro-hero .videopro-hero-content>p,
.videopro-playersec .videopro-playersec-head p,
.videopro-categories-content p,
.videopro-guidance-content p,
.videopro-cta-content p {
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 18px;
  line-height: 1.6em;
  margin: 0;
}

.videopro-hero .videopro-hero-content>p {
  margin-bottom: 34px;
}

.videopro-hero-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 22px;
}

.videopro-hero-actions a,
.videopro-cta-content a {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  background: #00287d;
  color: #ffffff;
  padding: 16px 28px;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
  transition: background .35s ease, transform .35s ease;
}

.videopro-hero-actions a:hover,
.videopro-cta-content a:hover {
  background: #242424;
  color: #ffffff;
  transform: translateY(-3px);
}

.videopro-hero-actions a i,
.videopro-cta-content a i {
  transition: transform .35s ease;
}

.videopro-hero-actions a:hover i,
.videopro-cta-content a:hover i {
  transform: translateX(5px);
}

.videopro-hero-actions span {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 18px;
  font-weight: 600;
}

.videopro-hero-actions span i {
  color: #ffc63b;
}

.videopro-hero-visual {
  position: relative;
  min-height: 610px;
}

.videopro-hero-main {
  position: absolute;
  top: 0;
  right: 0;
  width: 86%;
  height: 470px;
  overflow: hidden;
  box-shadow: 0 30px 75px rgba(17, 17, 17, 0.15);
}

.videopro-hero-main::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(17, 17, 17, 0.05), rgba(17, 17, 17, 0.56));
  z-index: 1;
}

.videopro-hero-main img,
.videopro-thumb img,
.videopro-guidance-image img,
.videopro-cta-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .7s ease;
}

.videopro-hero-main:hover img,
.videopro-thumb:hover img,
.videopro-guidance-image:hover img,
.videopro-cta-image:hover img {
  transform: scale(1.06);
}

.videopro-hero-play {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 3;
  width: 82px;
  height: 82px;
  background: #ffc63b;
  color: #00287d;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 26px;
  box-shadow: 0 18px 45px rgba(17, 17, 17, 0.22);
}

.videopro-hero-card {
  position: absolute;
  left: 0;
  bottom: 0;
  max-width: 340px;
  display: grid;
  grid-template-columns: 58px 1fr;
  gap: 16px;
  align-items: center;
  background: #ffc63b;
  padding: 24px;
  z-index: 4;
  box-shadow: 0 24px 55px rgba(17, 17, 17, 0.16);
}

.videopro-hero-card i {
  width: 58px;
  height: 58px;
  background: #00287d;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 21px;
}

.videopro-hero-card strong {
  display: block;
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 5px;
}

.videopro-hero-card span {
  display: block;
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 13px;
  line-height: 1.45em;
}


/* Big Player */
.videopro-playersec {
  padding: 110px 0;
  background: #242424;
}

.videopro-playersec .videopro-playersec-head {
  max-width: 860px;
  margin-bottom: 52px;
}

.videopro-playersec .videopro-playersec-head .videopro-label,
.videopro-playersec .videopro-playersec-head h2 {
  color: #ffffff;
}

.videopro-playersec .videopro-playersec-head p {
  color: rgba(255, 255, 255, 0.76);
}

.videopro-player-layout {
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 34px;
  align-items: stretch;
}

.videopro-screen-wrap {
  position: relative;
}

.videopro-screen {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  background: #111;
  overflow: hidden;
  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.35);
}

.videopro-screen-poster {
  position: absolute;
  inset: 0;
  display: block;
}

.videopro-screen-poster::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(17, 17, 17, 0.05), rgba(17, 17, 17, 0.72));
  z-index: 1;
}

.videopro-screen-poster img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.videopro-main-play {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 3;
  width: 94px;
  height: 94px;
  border: 0;
  background: #ffc63b;
  color: #00287d;
  transform: translate(-50%, -50%);
  cursor: pointer;
  font-size: 30px;
  transition: background .35s ease, color .35s ease, transform .35s ease;
}

.videopro-main-play:hover {
  background: #ffffff;
  color: #00287d;
  transform: translate(-50%, -50%) scale(1.05);
}

.videopro-screen-meta {
  position: absolute;
  left: 34px;
  right: 34px;
  bottom: 30px;
  z-index: 2;
}

.videopro-screen-meta span {
  display: inline-flex;
  background: #ffc63b;
  color: #00287d;
  padding: 9px 13px;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .8px;
  margin-bottom: 14px;
}

.videopro-screen-meta h3 {
  font-family: 'Outfit', sans-serif;
  color: #ffffff;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.2;
  margin: 0 0 10px;
}

.videopro-screen-meta p {
  font-family: "Inter", sans-serif;
  color: rgba(255, 255, 255, 0.82);
  font-size: 16px;
  line-height: 1.6em;
  margin: 0;
  max-width: 720px;
}

.videopro-screen-frame {
  position: absolute;
  inset: 0;
  z-index: 5;
  display: none;
  background: #111;
}

.videopro-screen-frame.active {
  display: block;
}

.videopro-screen-frame iframe,
.videopro-screen-frame video {
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}

.videopro-screen-arrow {
  position: absolute;
  top: 50%;
  z-index: 8;
  width: 58px;
  height: 58px;
  border: 0;
  background: #ffffff;
  color: #00287d;
  transform: translateY(-50%);
  cursor: pointer;
  font-size: 22px;
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.22);
  transition: background .35s ease, color .35s ease, transform .35s ease;
}

.videopro-screen-prev {
  left: -29px;
}

.videopro-screen-next {
  right: -29px;
}

.videopro-screen-arrow:hover {
  background: #ffc63b;
  color: #111;
}

.videopro-screen-prev:hover {
  transform: translateY(-50%) translateX(-5px);
}

.videopro-screen-next:hover {
  transform: translateY(-50%) translateX(5px);
}

.videopro-side-panel {
  background: #ffffff;
  padding: 34px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.videopro-side-count {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  padding-bottom: 22px;
  border-bottom: 1px solid rgba(55, 51, 153, 0.12);
  margin-bottom: 24px;
}

.videopro-side-count span {
  font-family: 'Outfit', sans-serif;
  color: #00287d;
  font-size: 24px;
  font-weight: 700;
}

.videopro-side-count strong {
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .8px;
}

.videopro-side-info h3 {
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.25;
  margin: 0 0 14px;
}

.videopro-side-info p {
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 16px;
  line-height: 1.6em;
  margin: 0;
}

.videopro-side-tags {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  margin-top: 30px;
}

.videopro-side-tags span {
  display: flex;
  align-items: center;
  gap: 9px;
  background: #f7f8fc;
  border: 1px solid rgba(55, 51, 153, 0.1);
  padding: 14px;
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 13px;
  font-weight: 700;
}

.videopro-side-tags i {
  color: #00287d;
  font-size: 7px;
}


/* Playlist */
.videopro-playlist {
  padding: 110px 0;
  background: #f7f8fc;
}

.videopro-playlist-head {
  max-width: 780px;
  margin-bottom: 48px;
}

.videopro-playlist-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}

.videopro-thumb {
  position: relative;
  height: 285px;
  border: 0;
  padding: 0;
  background: #111;
  overflow: hidden;
  cursor: pointer;
  text-align: left;
  box-shadow: 0 16px 38px rgba(17, 17, 17, 0.08);
}

.videopro-thumb::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(17, 17, 17, 0.05), rgba(17, 17, 17, 0.72));
  z-index: 1;
}

.videopro-thumb>span {
  position: absolute;
  top: 22px;
  right: 22px;
  z-index: 3;
  width: 54px;
  height: 54px;
  background: #ffffff;
  color: #00287d;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background .35s ease, color .35s ease, transform .35s ease;
}

.videopro-thumb:hover>span,
.videopro-thumb.active>span {
  background: #ffc63b;
  color: #111;
  transform: scale(1.04);
}

.videopro-thumb div {
  position: absolute;
  left: 24px;
  right: 24px;
  bottom: 24px;
  z-index: 2;
}

.videopro-thumb b {
  display: inline-flex;
  background: #ffc63b;
  color: #00287d;
  padding: 7px 11px;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 12px;
}

.videopro-thumb h3 {
  font-family: 'Outfit', sans-serif;
  color: #ffffff;
  font-size: 22px;
  font-weight: 700;
  margin: 0;
}

.videopro-thumb.active {
  outline: 4px solid #ffc63b;
}


/* Categories */
.videopro-categories {
  padding: 110px 0;
  background: #ffffff;
}

.videopro-categories-layout {
  display: grid;
  grid-template-columns: 0.85fr 1.15fr;
  gap: 65px;
  align-items: start;
}

.videopro-categories-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}

.videopro-category-card {
  background: #f7f8fc;
  border: 1px solid rgba(55, 51, 153, 0.12);
  padding: 32px;
  transition: transform .35s ease, border-color .35s ease, box-shadow .35s ease;
}

.videopro-category-card:hover {
  transform: translateY(-8px);
  border-color: rgba(55, 51, 153, 0.28);
  box-shadow: 0 24px 55px rgba(17, 17, 17, 0.09);
}

.videopro-category-card i {
  width: 62px;
  height: 62px;
  background: #00287d;
  color: #ffc63b;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 23px;
  margin-bottom: 22px;
}

.videopro-category-card h3 {
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 22px;
  font-weight: 700;
  margin: 0 0 10px;
}

.videopro-category-card p {
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 15px;
  line-height: 1.6em;
  margin: 0;
}


/* Guidance */
.videopro-guidance {
  padding: 110px 0;
  background: #f7f8fc;
}

.videopro-guidance-wrap {
  display: grid;
  grid-template-columns: 0.95fr 1.05fr;
  align-items: stretch;
  background: #ffffff;
  box-shadow: 0 28px 70px rgba(17, 17, 17, 0.09);
}

.videopro-guidance-image {
  min-height: 500px;
  overflow: hidden;
}

.videopro-guidance-content {
  padding: 62px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.videopro-guidance-list {
  display: grid;
  gap: 14px;
  margin-top: 30px;
}

.videopro-guidance-list span {
  display: flex;
  align-items: center;
  gap: 12px;
  background: #f7f8fc;
  border: 1px solid rgba(55, 51, 153, 0.1);
  padding: 16px;
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 15px;
  font-weight: 600;
}

.videopro-guidance-list i {
  color: #00287d;
}


/* CTA */
.videopro-cta {
  padding: 110px 0;
  background: #242424;
}

.videopro-cta-wrap {
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  background: #ffffff;
  align-items: stretch;
}

.videopro-cta-content {
  padding: 66px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.videopro-cta-content p {
  margin-bottom: 30px;
}

.videopro-cta-image {
  min-height: 430px;
  overflow: hidden;
}

.videopro-cta-content a:hover {
  background: #ffc63b;
  color: #111;
}


/* Responsive */
@media (max-width: 1199px) {

  .videopro-hero .videopro-hero-grid,
  .videopro-categories-layout {
    gap: 48px;
  }

  .videopro-playlist-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 991px) {

  .videopro-hero,
  .videopro-playersec,
  .videopro-playlist,
  .videopro-categories,
  .videopro-guidance,
  .videopro-cta {
    padding: 80px 0;
  }

  .videopro-hero .videopro-hero-grid,
  .videopro-player-layout,
  .videopro-categories-layout,
  .videopro-guidance-wrap,
  .videopro-cta-wrap {
    grid-template-columns: 1fr;
  }

  .videopro-hero .videopro-hero-content h2 {
    font-size: 38px;
  }

  .videopro-playersec .videopro-playersec-head h2,
  .videopro-playlist .videopro-playlist-head h2,
  .videopro-categories-content h2,
  .videopro-guidance-content h2,
  .videopro-cta-content h2 {
    font-size: 36px;
  }

  .videopro-hero-visual {
    min-height: 560px;
  }

  .videopro-screen-prev {
    left: 18px;
  }

  .videopro-screen-next {
    right: 18px;
  }
}

@media (max-width: 767px) {

  .videopro-hero,
  .videopro-playersec,
  .videopro-playlist,
  .videopro-categories,
  .videopro-guidance,
  .videopro-cta {
    padding: 65px 0;
  }

  .videopro-hero .videopro-hero-content h2,
  .videopro-playersec .videopro-playersec-head h2,
  .videopro-playlist .videopro-playlist-head h2,
  .videopro-categories-content h2,
  .videopro-guidance-content h2,
  .videopro-cta-content h2 {
    font-size: 31px;
  }

  .videopro-hero-visual {
    min-height: auto;
    display: grid;
    gap: 18px;
  }

  .videopro-hero-main,
  .videopro-hero-card {
    position: relative;
    width: 100%;
    max-width: 100%;
    height: auto;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }

  .videopro-hero-main,
  .videopro-guidance-image,
  .videopro-cta-image {
    height: 320px;
    min-height: auto;
  }

  .videopro-screen {
    aspect-ratio: 1 / 1;
  }

  .videopro-screen-meta {
    left: 22px;
    right: 22px;
    bottom: 22px;
  }

  .videopro-screen-meta h3 {
    font-size: 23px;
  }

  .videopro-screen-meta p {
    display: none;
  }

  .videopro-main-play {
    width: 74px;
    height: 74px;
    font-size: 24px;
  }

  .videopro-screen-arrow {
    width: 46px;
    height: 46px;
  }

  .videopro-playlist-grid,
  .videopro-categories-grid,
  .videopro-side-tags {
    grid-template-columns: 1fr;
  }

  .videopro-thumb {
    height: 260px;
  }

  .videopro-guidance-content,
  .videopro-cta-content {
    padding: 34px;
  }
}

@media (max-width: 480px) {

  .videopro-hero .videopro-hero-content h2,
  .videopro-playersec .videopro-playersec-head h2,
  .videopro-playlist .videopro-playlist-head h2,
  .videopro-categories-content h2,
  .videopro-guidance-content h2,
  .videopro-cta-content h2 {
    font-size: 28px;
  }

  .videopro-hero .videopro-hero-content>p,
  .videopro-playersec .videopro-playersec-head p,
  .videopro-categories-content p,
  .videopro-guidance-content p,
  .videopro-cta-content p {
    font-size: 16px;
  }

  .videopro-hero-actions a,
  .videopro-cta-content a {
    width: 100%;
    justify-content: center;
  }

  .videopro-hero-card,
  .videopro-guidance-list span {
    grid-template-columns: 1fr;
  }

  .videopro-side-panel,
  .videopro-guidance-content,
  .videopro-cta-content {
    padding: 28px;
  }
}


/* Blog Articles - Shared */
.blogjournal-page,
.blogjournal-hero,
.blogjournal-feature,
.blogjournal-articles,
.blogjournal-paths,
.blogjournal-editorial,
.blogjournal-cta {
  overflow: hidden;
}

.blogjournal-label {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #00287d;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 18px;
}

.blogjournal-label i {
  color: #ffc63b;
}


/* Hero */
.blogjournal-hero {
  padding: 110px 0;
  background: #ffffff;
}

.blogjournal-hero-grid {
  display: grid;
  grid-template-columns: 0.95fr 1.05fr;
  gap: 76px;
  align-items: center;
}

.blogjournal-hero-cover {
  position: relative;
  min-height: 650px;
}

.blogjournal-cover-image {
  position: absolute;
  left: 0;
  top: 0;
  width: 78%;
  height: 500px;
  overflow: hidden;
  box-shadow: 0 30px 75px rgba(17, 17, 17, 0.15);
}

.blogjournal-cover-image img,
.blogjournal-feature-image img,
.blogjournal-card-image img,
.blogjournal-editorial-image img,
.blogjournal-cta-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .7s ease;
}

.blogjournal-cover-image:hover img,
.blogjournal-feature-image:hover img,
.blogjournal-card:hover .blogjournal-card-image img,
.blogjournal-editorial-image:hover img,
.blogjournal-cta-image:hover img {
  transform: scale(1.06);
}

.blogjournal-cover-label {
  position: absolute;
  right: 0;
  top: 85px;
  width: 245px;
  background: #00287d;
  padding: 30px;
  box-shadow: 0 24px 55px rgba(17, 17, 17, 0.16);
  z-index: 3;
}

.blogjournal-cover-label span {
  display: block;
  font-family: "Inter", sans-serif;
  color: #ffc63b;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 10px;
}

.blogjournal-cover-label strong {
  display: block;
  font-family: 'Outfit', sans-serif;
  color: #ffffff;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.15;
}

.blogjournal-cover-note {
  position: absolute;
  left: 72px;
  bottom: 0;
  max-width: 355px;
  display: grid;
  grid-template-columns: 58px 1fr;
  gap: 16px;
  align-items: center;
  background: #ffc63b;
  padding: 24px;
  box-shadow: 0 24px 55px rgba(17, 17, 17, 0.16);
  z-index: 4;
}

.blogjournal-cover-note i {
  width: 58px;
  height: 58px;
  background: #00287d;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 21px;
}

.blogjournal-cover-note p {
  font-family: "Inter", sans-serif;
  color: #111;
  font-size: 18px;
  line-height: 1.55em;
  margin: 0;
  font-weight: 600;
}

.blogjournal-hero-content h2 {
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 46px;
  font-weight: 700;
  line-height: 1.18;
  margin: 0 0 24px;
}

.blogjournal-hero-content h2 strong {
  color: #00287d;
}

.blogjournal-hero-content>p {
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 18px;
  line-height: 1.6em;
  margin: 0 0 34px;
}

.blogjournal-hero-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 22px;
}

.blogjournal-hero-actions a,
.blogjournal-feature-content>a,
.blogjournal-cta-content a {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  background: #00287d;
  color: #ffffff;
  padding: 16px 28px;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
  transition: background .35s ease, transform .35s ease;
}

.blogjournal-hero-actions a:hover,
.blogjournal-feature-content>a:hover,
.blogjournal-cta-content a:hover {
  background: #242424;
  color: #ffffff;
  transform: translateY(-3px);
}

.blogjournal-hero-actions a i,
.blogjournal-feature-content>a i,
.blogjournal-cta-content a i,
.blogjournal-card-body a i {
  transition: transform .35s ease;
}

.blogjournal-hero-actions a:hover i,
.blogjournal-feature-content>a:hover i,
.blogjournal-cta-content a:hover i,
.blogjournal-card-body a:hover i {
  transform: translateX(5px);
}

.blogjournal-hero-actions span {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 18px;
  font-weight: 600;
}

.blogjournal-hero-actions span i {
  color: #ffc63b;
}


/* Featured Article */
.blogjournal-feature {
  padding: 110px 0;
  background: #f7f8fc;
}

.blogjournal-feature-wrap {
  display: grid;
  grid-template-columns: 1.02fr 0.98fr;
  background: #ffffff;
  align-items: stretch;
  box-shadow: 0 28px 70px rgba(17, 17, 17, 0.09);
}

.blogjournal-feature-content {
  padding: 66px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.blogjournal-feature-content h2,
.blogjournal-sectionhead h2,
.blogjournal-paths-intro h2,
.blogjournal-editorial-content h2,
.blogjournal-cta-content h2 {
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 42px;
  font-weight: 700;
  line-height: 1.2;
  margin: 0 0 20px;
}

.blogjournal-feature-content>p,
.blogjournal-sectionhead p,
.blogjournal-paths-intro p,
.blogjournal-editorial-content p,
.blogjournal-cta-content p {
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 18px;
  line-height: 1.6em;
  margin: 0;
}

.blogjournal-feature-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin: 30px 0;
}

.blogjournal-feature-meta span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #f7f8fc;
  border: 1px solid rgba(55, 51, 153, 0.1);
  padding: 11px 14px;
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 13px;
  font-weight: 700;
}

.blogjournal-feature-meta i {
  color: #00287d;
}

.blogjournal-feature-image {
  min-height: 520px;
  overflow: hidden;
}


/* Article Collection */
.blogjournal-articles {
  padding: 110px 0;
  background: #ffffff;
}

.blogjournal-sectionhead {
  max-width: 820px;
  margin-bottom: 52px;
}

.blogjournal-article-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 26px;
}

.blogjournal-card {
  background: #ffffff;
  border: 1px solid rgba(55, 51, 153, 0.12);
  box-shadow: 0 16px 38px rgba(17, 17, 17, 0.05);
  overflow: hidden;
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}

.blogjournal-card:hover {
  transform: translateY(-8px);
  border-color: rgba(55, 51, 153, 0.28);
  box-shadow: 0 24px 55px rgba(17, 17, 17, 0.09);
}

.blogjournal-card-image {
  height: 245px;
  overflow: hidden;
}

.blogjournal-card-body {
  padding: 28px;
}

.blogjournal-card-body>span {
  display: inline-flex;
  background: rgba(255, 198, 59, 0.25);
  color: #00287d;
  padding: 8px 12px;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .7px;
  margin-bottom: 16px;
}

.blogjournal-card-body h3 {
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.25;
  margin: 0 0 12px;
}

.blogjournal-card-body p {
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 15px;
  line-height: 1.6em;
  margin: 0 0 18px;
}

.blogjournal-card-body a {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-family: "Inter", sans-serif;
  color: #00287d;
  font-size: 18px;
  font-weight: 600;
  text-decoration: none;
}

.blogjournal-card-body a:hover {
  color: #111;
}


/* Reading Paths */
.blogjournal-paths {
  padding: 110px 0;
  background: #242424;
}

.blogjournal-paths-layout {
  display: grid;
  grid-template-columns: 0.85fr 1.15fr;
  gap: 65px;
  align-items: start;
}

.blogjournal-paths-intro .blogjournal-label,
.blogjournal-paths-intro h2 {
  color: #ffffff;
}

.blogjournal-paths-intro p {
  color: rgba(255, 255, 255, 0.76);
}

.blogjournal-path-list {
  display: grid;
  gap: 16px;
}

.blogjournal-path-item {
  display: grid;
  grid-template-columns: 72px 1fr;
  gap: 22px;
  align-items: start;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.12);
  padding: 24px;
  transition: transform .35s ease, background .35s ease, border-color .35s ease;
}

.blogjournal-path-item:hover {
  transform: translateX(8px);
  background: rgba(255, 255, 255, 0.09);
  border-color: rgba(255, 198, 59, 0.45);
}

.blogjournal-path-item b {
  width: 72px;
  height: 72px;
  background: #ffc63b;
  color: #00287d;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Outfit', sans-serif;
  font-size: 22px;
  font-weight: 700;
}

.blogjournal-path-item h3 {
  font-family: 'Outfit', sans-serif;
  color: #ffffff;
  font-size: 22px;
  font-weight: 700;
  margin: 0 0 8px;
}

.blogjournal-path-item p {
  font-family: "Inter", sans-serif;
  color: rgba(255, 255, 255, 0.74);
  font-size: 15px;
  line-height: 1.6em;
  margin: 0;
}


/* Editorial Guidance */
.blogjournal-editorial {
  padding: 110px 0;
  background: #f7f8fc;
}

.blogjournal-editorial-wrap {
  display: grid;
  grid-template-columns: 0.95fr 1.05fr;
  background: #ffffff;
  align-items: stretch;
  box-shadow: 0 28px 70px rgba(17, 17, 17, 0.09);
}

.blogjournal-editorial-image {
  min-height: 520px;
  overflow: hidden;
}

.blogjournal-editorial-content {
  padding: 66px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.blogjournal-editorial-points {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
  margin-top: 30px;
}

.blogjournal-editorial-points span {
  display: flex;
  align-items: center;
  gap: 12px;
  background: #f7f8fc;
  border: 1px solid rgba(55, 51, 153, 0.1);
  padding: 16px;
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 15px;
  font-weight: 600;
}

.blogjournal-editorial-points i {
  color: #00287d;
}


/* CTA */
.blogjournal-cta {
  padding: 110px 0;
  background: #242424;
}

.blogjournal-cta-wrap {
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  background: #ffffff;
  align-items: stretch;
}

.blogjournal-cta-content {
  padding: 66px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.blogjournal-cta-content p {
  margin-bottom: 30px;
}

.blogjournal-cta-image {
  min-height: 430px;
  overflow: hidden;
}

.blogjournal-cta-content a:hover {
  background: #ffc63b;
  color: #111;
}


/* Responsive */
@media (max-width: 1199px) {

  .blogjournal-hero-grid,
  .blogjournal-paths-layout {
    gap: 48px;
  }

  .blogjournal-article-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 991px) {

  .blogjournal-hero,
  .blogjournal-feature,
  .blogjournal-articles,
  .blogjournal-paths,
  .blogjournal-editorial,
  .blogjournal-cta {
    padding: 80px 0;
  }

  .blogjournal-hero-grid,
  .blogjournal-feature-wrap,
  .blogjournal-paths-layout,
  .blogjournal-editorial-wrap,
  .blogjournal-cta-wrap {
    grid-template-columns: 1fr;
  }

  .blogjournal-hero-cover {
    min-height: 610px;
  }

  .blogjournal-hero-content h2 {
    font-size: 38px;
  }

  .blogjournal-feature-content h2,
  .blogjournal-sectionhead h2,
  .blogjournal-paths-intro h2,
  .blogjournal-editorial-content h2,
  .blogjournal-cta-content h2 {
    font-size: 36px;
  }
}

@media (max-width: 767px) {

  .blogjournal-hero,
  .blogjournal-feature,
  .blogjournal-articles,
  .blogjournal-paths,
  .blogjournal-editorial,
  .blogjournal-cta {
    padding: 65px 0;
  }

  .blogjournal-hero-content h2,
  .blogjournal-feature-content h2,
  .blogjournal-sectionhead h2,
  .blogjournal-paths-intro h2,
  .blogjournal-editorial-content h2,
  .blogjournal-cta-content h2 {
    font-size: 31px;
  }

  .blogjournal-hero-cover {
    min-height: auto;
    display: grid;
    gap: 18px;
  }

  .blogjournal-cover-image,
  .blogjournal-cover-label,
  .blogjournal-cover-note {
    position: relative;
    width: 100%;
    max-width: 100%;
    height: auto;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }

  .blogjournal-cover-image,
  .blogjournal-feature-image,
  .blogjournal-editorial-image,
  .blogjournal-cta-image {
    height: 320px;
    min-height: auto;
  }

  .blogjournal-article-grid,
  .blogjournal-editorial-points {
    grid-template-columns: 1fr;
  }

  .blogjournal-feature-content,
  .blogjournal-editorial-content,
  .blogjournal-cta-content {
    padding: 34px;
  }
}

@media (max-width: 480px) {

  .blogjournal-hero-content h2,
  .blogjournal-feature-content h2,
  .blogjournal-sectionhead h2,
  .blogjournal-paths-intro h2,
  .blogjournal-editorial-content h2,
  .blogjournal-cta-content h2 {
    font-size: 28px;
  }

  .blogjournal-hero-content>p,
  .blogjournal-feature-content>p,
  .blogjournal-sectionhead p,
  .blogjournal-paths-intro p,
  .blogjournal-editorial-content p,
  .blogjournal-cta-content p {
    font-size: 16px;
  }

  .blogjournal-hero-actions a,
  .blogjournal-feature-content>a,
  .blogjournal-cta-content a {
    width: 100%;
    justify-content: center;
  }

  .blogjournal-cover-note,
  .blogjournal-path-item {
    grid-template-columns: 1fr;
  }

  .blogjournal-feature-content,
  .blogjournal-editorial-content,
  .blogjournal-cta-content {
    padding: 28px;
  }
}


/* Enquiry Form - Shared */
.enquirypro-page,
.enquirypro-formsec,
.enquirypro-support {
  overflow: hidden;
}

.enquirypro-label {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #00287d;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 18px;
}

.enquirypro-label i {
  color: #ffc63b;
}


/* Form Section */
.enquirypro-formsec {
  padding: 110px 0;
  background: #ffffff;
}

.enquirypro-formsec-grid {
  display: grid;
  grid-template-columns: 0.82fr 1.18fr;
  gap: 70px;
  align-items: center;
}

.enquirypro-formsec-content h2,
.enquirypro-support-head h2 {
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 42px;
  font-weight: 700;
  line-height: 1.2;
  margin: 0 0 20px;
}

.enquirypro-formsec-content h2 strong {
  color: #00287d;
}

.enquirypro-formsec-content p {
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 18px;
  line-height: 1.6em;
  margin: 0 0 34px;
}

.enquirypro-formsec-image {
  height: 420px;
  overflow: hidden;
  box-shadow: 0 28px 70px rgba(17, 17, 17, 0.12);
}

.enquirypro-formsec-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .7s ease;
}

.enquirypro-formsec-image:hover img {
  transform: scale(1.06);
}


/* Form Box */
.enquirypro-formbox {
  background: #f7f8fc;
  border: 1px solid rgba(55, 51, 153, 0.12);
  padding: 38px;
  box-shadow: 0 30px 75px rgba(17, 17, 17, 0.09);
}

.enquirypro-formbox-head {
  display: grid;
  grid-template-columns: 62px 1fr;
  gap: 18px;
  align-items: center;
  margin-bottom: 30px;
  padding-bottom: 24px;
  border-bottom: 1px solid rgba(55, 51, 153, 0.12);
}

.enquirypro-formbox-head>span {
  width: 62px;
  height: 62px;
  background: #00287d;
  color: #ffc63b;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 23px;
}

.enquirypro-formbox-head h3 {
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 25px;
  font-weight: 700;
  margin: 0 0 6px;
}

.enquirypro-formbox-head p {
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 18px;
  line-height: 1.5em;
  margin: 0;
}

.enquirypro-form {
  display: grid;
  gap: 20px;
}

.enquirypro-form-row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

.enquirypro-field {
  display: grid;
  gap: 9px;
}

.enquirypro-field label {
  font-family: "Inter", sans-serif;
  color: #111;
  font-size: 18px;
  font-weight: 700;
}

.enquirypro-field input,
.enquirypro-field select,
.enquirypro-field textarea {
  width: 100%;
  border: 1px solid rgba(55, 51, 153, 0.16);
  background: #ffffff;
  color: #000;
  padding: 15px 16px;
  font-family: "Inter", sans-serif;
  font-size: 15px;
  line-height: 1.4;
  outline: none;
  transition: border-color .35s ease, box-shadow .35s ease;
}

.enquirypro-field input:focus,
.enquirypro-field select:focus,
.enquirypro-field textarea:focus {
  border-color: #00287d;
  box-shadow: 0 0 0 4px rgba(55, 51, 153, 0.08);
}

.enquirypro-field textarea {
  resize: vertical;
  min-height: 135px;
}

.enquirypro-field-full {
  width: 100%;
}

.enquirypro-checkbox {
  display: grid;
  grid-template-columns: 18px 1fr;
  gap: 12px;
  align-items: start;
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 18px;
  line-height: 1.55em;
  cursor: pointer;
}

.enquirypro-checkbox input {
  width: 18px;
  height: 18px;
  margin-top: 2px;
  accent-color: #00287d;
}

.enquirypro-submit {
  width: fit-content;
  border: 0;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  background: #00287d;
  color: #ffffff;
  padding: 16px 30px;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 700;
  cursor: pointer;
  transition: background .35s ease, transform .35s ease;
}

.enquirypro-submit:hover {
  background: #242424;
  transform: translateY(-3px);
}

.enquirypro-submit i {
  transition: transform .35s ease;
}

.enquirypro-submit:hover i {
  transform: translateX(5px);
}


/* Support Points */
.enquirypro-support {
  padding: 110px 0;
  background: #f7f8fc;
}

.enquirypro-support-head {
  max-width: 760px;
  margin-bottom: 50px;
}

.enquirypro-support-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
}

.enquirypro-support-card {
  background: #ffffff;
  border: 1px solid rgba(55, 51, 153, 0.12);
  padding: 30px;
  box-shadow: 0 16px 38px rgba(17, 17, 17, 0.05);
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}

.enquirypro-support-card:hover {
  transform: translateY(-8px);
  border-color: rgba(55, 51, 153, 0.28);
  box-shadow: 0 24px 55px rgba(17, 17, 17, 0.09);
}

.enquirypro-support-card i {
  width: 62px;
  height: 62px;
  background: #00287d;
  color: #ffc63b;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 23px;
  margin-bottom: 22px;
}

.enquirypro-support-card h3 {
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 21px;
  font-weight: 700;
  margin: 0 0 10px;
}

.enquirypro-support-card p {
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 15px;
  line-height: 1.6em;
  margin: 0;
}


/* Responsive */
@media (max-width: 1199px) {
  .enquirypro-formsec-grid {
    gap: 48px;
  }

  .enquirypro-support-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 991px) {

  .enquirypro-formsec,
  .enquirypro-support {
    padding: 80px 0;
  }

  .enquirypro-formsec-grid {
    grid-template-columns: 1fr;
  }

  .enquirypro-formsec-content h2,
  .enquirypro-support-head h2 {
    font-size: 36px;
  }
}

@media (max-width: 767px) {

  .enquirypro-formsec,
  .enquirypro-support {
    padding: 65px 0;
  }

  .enquirypro-formsec-content h2,
  .enquirypro-support-head h2 {
    font-size: 31px;
  }

  .enquirypro-formsec-image {
    height: 320px;
  }

  .enquirypro-formbox {
    padding: 28px;
  }

  .enquirypro-form-row,
  .enquirypro-support-grid {
    grid-template-columns: 1fr;
  }

  .enquirypro-formbox-head {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 480px) {

  .enquirypro-formsec-content h2,
  .enquirypro-support-head h2 {
    font-size: 28px;
  }

  .enquirypro-formsec-content p {
    font-size: 16px;
  }

  .enquirypro-submit {
    width: 100%;
    justify-content: center;
  }

  .enquirypro-formbox {
    padding: 24px;
  }
}

/* Support Desk - Shared */
.supporthub-page,
.supporthub-hero,
.supporthub-categories,
.supporthub-ticket,
.supporthub-flow,
.supporthub-guidance,
.supporthub-cta {
  overflow: hidden;
}

.supporthub-label {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #00287d;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 18px;
}

.supporthub-label i {
  color: #ffc63b;
}


/* Hero */
.supporthub-hero {
  padding: 110px 0;
  background: #ffffff;
}

.supporthub-hero-grid {
  display: grid;
  grid-template-columns: 0.92fr 1.08fr;
  gap: 76px;
  align-items: center;
}

.supporthub-hero-content h2,
.supporthub-sectionhead h2,
.supporthub-ticket-side h2,
.supporthub-flow-head h2,
.supporthub-guidance-content h2,
.supporthub-cta-content h2 {
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 42px;
  font-weight: 700;
  line-height: 1.2;
  margin: 0 0 20px;
}

.supporthub-hero-content h2 {
  font-size: 46px;
  line-height: 1.18;
}

.supporthub-hero-content h2 strong {
  color: #00287d;
}

.supporthub-hero-content>p,
.supporthub-sectionhead p,
.supporthub-ticket-side p,
.supporthub-flow-head p,
.supporthub-guidance-content p,
.supporthub-cta-content p {
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 18px;
  line-height: 1.6em;
  margin: 0;
}

.supporthub-hero-content>p {
  margin-bottom: 34px;
}

.supporthub-hero-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 22px;
}

.supporthub-hero-actions a,
.supporthub-cta-content a {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  background: #00287d;
  color: #ffffff;
  padding: 16px 28px;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
  transition: background .35s ease, transform .35s ease;
}

.supporthub-hero-actions a:hover,
.supporthub-cta-content a:hover {
  background: #242424;
  color: #ffffff;
  transform: translateY(-3px);
}

.supporthub-hero-actions a i,
.supporthub-cta-content a i {
  transition: transform .35s ease;
}

.supporthub-hero-actions a:hover i,
.supporthub-cta-content a:hover i {
  transform: translateX(5px);
}

.supporthub-hero-actions span {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 18px;
  font-weight: 600;
}

.supporthub-hero-actions span i {
  color: #ffc63b;
}

.supporthub-hero-visual {
  position: relative;
  min-height: 640px;
}

.supporthub-hero-image {
  position: absolute;
  top: 0;
  right: 0;
  width: 82%;
  height: 485px;
  overflow: hidden;
  box-shadow: 0 30px 75px rgba(17, 17, 17, 0.15);
}

.supporthub-hero-image img,
.supporthub-ticket-image img,
.supporthub-guidance-image img,
.supporthub-cta-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .7s ease;
}

.supporthub-hero-image:hover img,
.supporthub-ticket-image:hover img,
.supporthub-guidance-image:hover img,
.supporthub-cta-image:hover img {
  transform: scale(1.06);
}

.supporthub-hero-card {
  position: absolute;
  left: 0;
  bottom: 70px;
  max-width: 340px;
  display: grid;
  grid-template-columns: 58px 1fr;
  gap: 16px;
  align-items: center;
  background: #ffc63b;
  padding: 24px;
  box-shadow: 0 24px 55px rgba(17, 17, 17, 0.16);
  z-index: 3;
}

.supporthub-hero-card i {
  width: 58px;
  height: 58px;
  background: #00287d;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 21px;
}

.supporthub-hero-card strong {
  display: block;
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 5px;
}

.supporthub-hero-card span {
  display: block;
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 13px;
  line-height: 1.45em;
}

.supporthub-hero-note {
  position: absolute;
  right: 36px;
  bottom: 0;
  max-width: 320px;
  background: #00287d;
  padding: 26px;
  box-shadow: 0 24px 55px rgba(17, 17, 17, 0.16);
  z-index: 4;
}

.supporthub-hero-note span {
  display: block;
  font-family: "Inter", sans-serif;
  color: #ffc63b;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 10px;
}

.supporthub-hero-note p {
  font-family: 'Outfit', sans-serif;
  color: #ffffff;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.35;
  margin: 0;
}


/* Categories */
.supporthub-categories {
  padding: 110px 0;
  background: #f7f8fc;
}

.supporthub-sectionhead {
  max-width: 820px;
  margin-bottom: 52px;
}

.supporthub-category-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
}

.supporthub-category-card {
  background: #ffffff;
  border: 1px solid rgba(55, 51, 153, 0.12);
  padding: 30px;
  box-shadow: 0 16px 38px rgba(17, 17, 17, 0.05);
  transition: transform .35s ease, border-color .35s ease, box-shadow .35s ease;
}

.supporthub-category-card:hover {
  transform: translateY(-8px);
  border-color: rgba(55, 51, 153, 0.28);
  box-shadow: 0 24px 55px rgba(17, 17, 17, 0.09);
}

.supporthub-category-card i {
  width: 62px;
  height: 62px;
  background: #00287d;
  color: #ffc63b;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 23px;
  margin-bottom: 22px;
}

.supporthub-category-card h3 {
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 21px;
  font-weight: 700;
  margin: 0 0 10px;
}

.supporthub-category-card p {
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 15px;
  line-height: 1.6em;
  margin: 0;
}


/* Ticket Form */
.supporthub-ticket {
  padding: 110px 0;
  background: #ffffff;
}

.supporthub-ticket-grid {
  display: grid;
  grid-template-columns: 0.82fr 1.18fr;
  gap: 70px;
  align-items: center;
}

.supporthub-ticket-side p {
  margin-bottom: 34px;
}

.supporthub-ticket-image {
  height: 420px;
  overflow: hidden;
  box-shadow: 0 28px 70px rgba(17, 17, 17, 0.12);
}

.supporthub-formbox {
  background: #f7f8fc;
  border: 1px solid rgba(55, 51, 153, 0.12);
  padding: 38px;
  box-shadow: 0 30px 75px rgba(17, 17, 17, 0.09);
}

.supporthub-formbox-head {
  display: grid;
  grid-template-columns: 62px 1fr;
  gap: 18px;
  align-items: center;
  margin-bottom: 30px;
  padding-bottom: 24px;
  border-bottom: 1px solid rgba(55, 51, 153, 0.12);
}

.supporthub-formbox-head>span {
  width: 62px;
  height: 62px;
  background: #00287d;
  color: #ffc63b;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 23px;
}

.supporthub-formbox-head h3 {
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 25px;
  font-weight: 700;
  margin: 0 0 6px;
}

.supporthub-formbox-head p {
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 18px;
  line-height: 1.5em;
  margin: 0;
}

.supporthub-form {
  display: grid;
  gap: 20px;
}

.supporthub-form-row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

.supporthub-field {
  display: grid;
  gap: 9px;
}

.supporthub-field label {
  font-family: "Inter", sans-serif;
  color: #111;
  font-size: 18px;
  font-weight: 700;
}

.supporthub-field input,
.supporthub-field select,
.supporthub-field textarea {
  width: 100%;
  border: 1px solid rgba(55, 51, 153, 0.16);
  background: #ffffff;
  color: #000;
  padding: 15px 16px;
  font-family: "Inter", sans-serif;
  font-size: 15px;
  line-height: 1.4;
  outline: none;
  transition: border-color .35s ease, box-shadow .35s ease;
}

.supporthub-field input:focus,
.supporthub-field select:focus,
.supporthub-field textarea:focus {
  border-color: #00287d;
  box-shadow: 0 0 0 4px rgba(55, 51, 153, 0.08);
}

.supporthub-field textarea {
  resize: vertical;
  min-height: 140px;
}

.supporthub-checkbox {
  display: grid;
  grid-template-columns: 18px 1fr;
  gap: 12px;
  align-items: start;
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 18px;
  line-height: 1.55em;
  cursor: pointer;
}

.supporthub-checkbox input {
  width: 18px;
  height: 18px;
  margin-top: 2px;
  accent-color: #00287d;
}

.supporthub-submit {
  width: fit-content;
  border: 0;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  background: #00287d;
  color: #ffffff;
  padding: 16px 30px;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 700;
  cursor: pointer;
  transition: background .35s ease, transform .35s ease;
}

.supporthub-submit:hover {
  background: #242424;
  transform: translateY(-3px);
}

.supporthub-submit i {
  transition: transform .35s ease;
}

.supporthub-submit:hover i {
  transform: translateX(5px);
}


/* Support Flow */
.supporthub-flow {
  padding: 110px 0;
  background: #242424;
}

.supporthub-flow-head {
  max-width: 780px;
  margin-bottom: 52px;
}

.supporthub-flow-head .supporthub-label,
.supporthub-flow-head h2 {
  color: #ffffff;
}

.supporthub-flow-head p {
  color: rgba(255, 255, 255, 0.76);
}

.supporthub-flow-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
}

.supporthub-flow-step {
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.12);
  padding: 30px;
  transition: transform .35s ease, background .35s ease, border-color .35s ease;
}

.supporthub-flow-step:hover {
  transform: translateY(-8px);
  background: rgba(255, 255, 255, 0.09);
  border-color: rgba(255, 198, 59, 0.45);
}

.supporthub-flow-step span {
  width: 62px;
  height: 62px;
  background: #ffc63b;
  color: #00287d;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Outfit', sans-serif;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 22px;
}

.supporthub-flow-step h3 {
  font-family: 'Outfit', sans-serif;
  color: #ffffff;
  font-size: 21px;
  font-weight: 700;
  margin: 0 0 10px;
}

.supporthub-flow-step p {
  font-family: "Inter", sans-serif;
  color: rgba(255, 255, 255, 0.74);
  font-size: 15px;
  line-height: 1.6em;
  margin: 0;
}


/* Guidance */
.supporthub-guidance {
  padding: 110px 0;
  background: #f7f8fc;
}

.supporthub-guidance-wrap {
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  background: #ffffff;
  align-items: stretch;
  box-shadow: 0 28px 70px rgba(17, 17, 17, 0.09);
}

.supporthub-guidance-content {
  padding: 66px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.supporthub-guidance-list {
  display: grid;
  gap: 14px;
  margin-top: 30px;
}

.supporthub-guidance-list span {
  display: flex;
  align-items: center;
  gap: 12px;
  background: #f7f8fc;
  border: 1px solid rgba(55, 51, 153, 0.1);
  padding: 16px;
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 15px;
  font-weight: 600;
}

.supporthub-guidance-list i {
  color: #00287d;
}

.supporthub-guidance-image {
  min-height: 500px;
  overflow: hidden;
}


/* CTA */
.supporthub-cta {
  padding: 110px 0;
  background: #ffffff;
}

.supporthub-cta-wrap {
  display: grid;
  grid-template-columns: 0.95fr 1.05fr;
  align-items: stretch;
  background: #f7f8fc;
  box-shadow: 0 28px 70px rgba(17, 17, 17, 0.09);
}

.supporthub-cta-image {
  min-height: 430px;
  overflow: hidden;
}

.supporthub-cta-content {
  padding: 66px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.supporthub-cta-content p {
  margin-bottom: 30px;
}

.supporthub-cta-content a:hover {
  background: #ffc63b;
  color: #111;
}


/* Responsive */
@media (max-width: 1199px) {

  .supporthub-hero-grid,
  .supporthub-ticket-grid {
    gap: 48px;
  }

  .supporthub-category-grid,
  .supporthub-flow-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 991px) {

  .supporthub-hero,
  .supporthub-categories,
  .supporthub-ticket,
  .supporthub-flow,
  .supporthub-guidance,
  .supporthub-cta {
    padding: 80px 0;
  }

  .supporthub-hero-grid,
  .supporthub-ticket-grid,
  .supporthub-guidance-wrap,
  .supporthub-cta-wrap {
    grid-template-columns: 1fr;
  }

  .supporthub-hero-content h2 {
    font-size: 38px;
  }

  .supporthub-sectionhead h2,
  .supporthub-ticket-side h2,
  .supporthub-flow-head h2,
  .supporthub-guidance-content h2,
  .supporthub-cta-content h2 {
    font-size: 36px;
  }

  .supporthub-hero-visual {
    min-height: 610px;
  }
}

@media (max-width: 767px) {

  .supporthub-hero,
  .supporthub-categories,
  .supporthub-ticket,
  .supporthub-flow,
  .supporthub-guidance,
  .supporthub-cta {
    padding: 65px 0;
  }

  .supporthub-hero-content h2,
  .supporthub-sectionhead h2,
  .supporthub-ticket-side h2,
  .supporthub-flow-head h2,
  .supporthub-guidance-content h2,
  .supporthub-cta-content h2 {
    font-size: 31px;
  }

  .supporthub-hero-visual {
    min-height: auto;
    display: grid;
    gap: 18px;
  }

  .supporthub-hero-image,
  .supporthub-hero-card,
  .supporthub-hero-note {
    position: relative;
    width: 100%;
    max-width: 100%;
    height: auto;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }

  .supporthub-hero-image,
  .supporthub-ticket-image,
  .supporthub-guidance-image,
  .supporthub-cta-image {
    height: 320px;
    min-height: auto;
  }

  .supporthub-form-row,
  .supporthub-category-grid,
  .supporthub-flow-grid {
    grid-template-columns: 1fr;
  }

  .supporthub-formbox,
  .supporthub-guidance-content,
  .supporthub-cta-content {
    padding: 34px;
  }
}

@media (max-width: 480px) {

  .supporthub-hero-content h2,
  .supporthub-sectionhead h2,
  .supporthub-ticket-side h2,
  .supporthub-flow-head h2,
  .supporthub-guidance-content h2,
  .supporthub-cta-content h2 {
    font-size: 28px;
  }

  .supporthub-hero-content>p,
  .supporthub-sectionhead p,
  .supporthub-ticket-side p,
  .supporthub-flow-head p,
  .supporthub-guidance-content p,
  .supporthub-cta-content p {
    font-size: 16px;
  }

  .supporthub-hero-actions a,
  .supporthub-submit,
  .supporthub-cta-content a {
    width: 100%;
    justify-content: center;
  }

  .supporthub-hero-card,
  .supporthub-formbox-head,
  .supporthub-checkbox {
    grid-template-columns: 1fr;
  }

  .supporthub-formbox,
  .supporthub-guidance-content,
  .supporthub-cta-content {
    padding: 28px;
  }
}


/* Social Media - Shared */
.socialconnect-page,
.socialconnect-hero,
.socialconnect-channels,
.socialconnect-updates,
.socialconnect-guidelines,
.socialconnect-cta {
  overflow: hidden;
}

.socialconnect-label {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #00287d;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 18px;
}

.socialconnect-label i {
  color: #ffc63b;
}


/* Hero */
.socialconnect-hero {
  padding: 110px 0;
  background: #ffffff;
}

.socialconnect-hero-grid {
  display: grid;
  grid-template-columns: 0.95fr 1.05fr;
  gap: 76px;
  align-items: center;
}

.socialconnect-hero-content h2,
.socialconnect-sectionhead h2,
.socialconnect-updates-content h2,
.socialconnect-guidelines-card h2,
.socialconnect-cta-content h2 {
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 42px;
  font-weight: 700;
  line-height: 1.2;
  margin: 0 0 20px;
}

.socialconnect-hero-content h2 {
  font-size: 46px;
  line-height: 1.18;
}

.socialconnect-hero-content h2 strong {
  color: #00287d;
}

.socialconnect-hero-content>p,
.socialconnect-sectionhead p,
.socialconnect-updates-content p,
.socialconnect-guidelines-card p,
.socialconnect-cta-content p {
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 18px;
  line-height: 1.6em;
  margin: 0;
}

.socialconnect-hero-content>p {
  margin-bottom: 34px;
}

.socialconnect-hero-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 22px;
}

.socialconnect-hero-actions a,
.socialconnect-cta-content a {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  background: #00287d;
  color: #ffffff;
  padding: 16px 28px;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
  transition: background .35s ease, transform .35s ease;
}

.socialconnect-hero-actions a:hover,
.socialconnect-cta-content a:hover {
  background: #242424;
  color: #ffffff;
  transform: translateY(-3px);
}

.socialconnect-hero-actions a i,
.socialconnect-cta-content a i,
.socialconnect-channel-action i {
  transition: transform .35s ease;
}

.socialconnect-hero-actions a:hover i,
.socialconnect-cta-content a:hover i,
.socialconnect-channel-card:hover .socialconnect-channel-action i {
  transform: translateX(5px);
}

.socialconnect-hero-actions span {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 18px;
  font-weight: 600;
}

.socialconnect-hero-actions span i {
  color: #ffc63b;
}

.socialconnect-hero-visual {
  position: relative;
  min-height: 650px;
}

.socialconnect-phone-card {
  position: absolute;
  right: 0;
  top: 0;
  width: 82%;
  background: #f7f8fc;
  border: 1px solid rgba(55, 51, 153, 0.12);
  padding: 28px;
  box-shadow: 0 30px 75px rgba(17, 17, 17, 0.12);
}

.socialconnect-phone-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  background: #242424;
  padding: 18px;
  margin-bottom: 18px;
}

.socialconnect-phone-top span {
  width: 38px;
  height: 10px;
  background: #ffc63b;
}

.socialconnect-phone-top strong {
  font-family: 'Outfit', sans-serif;
  color: #ffffff;
  font-size: 18px;
  font-weight: 700;
}

.socialconnect-phone-top i {
  color: #ffc63b;
}

.socialconnect-feed-post {
  display: grid;
  grid-template-columns: 58px 1fr;
  gap: 16px;
  align-items: center;
  background: #ffffff;
  padding: 18px;
  margin-bottom: 14px;
  border-left: 5px solid #00287d;
  box-shadow: 0 12px 30px rgba(17, 17, 17, 0.05);
}

.socialconnect-feed-post>i {
  width: 58px;
  height: 58px;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 23px;
}

.socialconnect-feed-linkedin {
  border-left-color: #0a66c2;
}

.socialconnect-feed-linkedin>i {
  background: #0a66c2;
}

.socialconnect-feed-instagram {
  border-left-color: #e4405f;
}

.socialconnect-feed-instagram>i {
  background: linear-gradient(135deg, #feda75 0%, #fa7e1e 28%, #d62976 58%, #962fbf 78%, #4f5bd5 100%);
}

.socialconnect-feed-youtube {
  border-left-color: #ff0000;
}

.socialconnect-feed-youtube>i {
  background: #ff0000;
}

.socialconnect-feed-facebook {
  border-left-color: #1877f2;
  margin-bottom: 0;
}

.socialconnect-feed-facebook>i {
  background: #1877f2;
}

.socialconnect-feed-post h3 {
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 19px;
  font-weight: 700;
  margin: 0 0 6px;
}

.socialconnect-feed-post p {
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 18px;
  line-height: 1.5em;
  margin: 0;
}

.socialconnect-hero-badge {
  position: absolute;
  left: 0;
  bottom: 0;
  max-width: 360px;
  display: grid;
  grid-template-columns: 62px 1fr;
  gap: 17px;
  align-items: center;
  background: #ffc63b;
  padding: 24px;
  box-shadow: 0 24px 55px rgba(17, 17, 17, 0.16);
  z-index: 4;
}

.socialconnect-hero-badge i {
  width: 62px;
  height: 62px;
  background: #00287d;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
}

.socialconnect-hero-badge strong {
  display: block;
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 5px;
}

.socialconnect-hero-badge span {
  display: block;
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 13px;
  line-height: 1.45em;
}


/* Channels */
.socialconnect-channels {
  padding: 110px 0;
  background: #f7f8fc;
}

.socialconnect-sectionhead {
  max-width: 820px;
  margin-bottom: 52px;
}

.socialconnect-channel-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
}

.socialconnect-channel-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 410px;
  background: #ffffff;
  text-decoration: none;
  overflow: hidden;
  border: 1px solid rgba(55, 51, 153, 0.12);
  box-shadow: 0 16px 38px rgba(17, 17, 17, 0.05);
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}

.socialconnect-channel-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 24px 55px rgba(17, 17, 17, 0.1);
}

.socialconnect-channel-icon {
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.socialconnect-channel-icon i {
  width: 70px;
  height: 70px;
  background: rgba(255, 255, 255, 0.18);
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
}

.socialconnect-linkedin-card .socialconnect-channel-icon {
  background: #0a66c2;
}

.socialconnect-instagram-card .socialconnect-channel-icon {
  background: linear-gradient(135deg, #feda75 0%, #fa7e1e 28%, #d62976 58%, #962fbf 78%, #4f5bd5 100%);
}

.socialconnect-youtube-card .socialconnect-channel-icon {
  background: #ff0000;
}

.socialconnect-facebook-card .socialconnect-channel-icon {
  background: #1877f2;
}

.socialconnect-channel-content {
  padding: 28px;
}

.socialconnect-channel-content span {
  display: inline-flex;
  padding: 8px 12px;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .7px;
  margin-bottom: 16px;
}

.socialconnect-linkedin-card .socialconnect-channel-content span {
  background: rgba(10, 102, 194, 0.12);
  color: #0a66c2;
}

.socialconnect-instagram-card .socialconnect-channel-content span {
  background: rgba(228, 64, 95, 0.12);
  color: #d62976;
}

.socialconnect-youtube-card .socialconnect-channel-content span {
  background: rgba(255, 0, 0, 0.1);
  color: #ff0000;
}

.socialconnect-facebook-card .socialconnect-channel-content span {
  background: rgba(24, 119, 242, 0.12);
  color: #1877f2;
}

.socialconnect-channel-content h3 {
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 22px;
  font-weight: 700;
  margin: 0 0 10px;
}

.socialconnect-channel-content p {
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 15px;
  line-height: 1.6em;
  margin: 0;
}

.socialconnect-channel-action {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 18px 28px;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 600;
  border-top: 1px solid rgba(55, 51, 153, 0.1);
}

.socialconnect-linkedin-card .socialconnect-channel-action {
  color: #0a66c2;
}

.socialconnect-instagram-card .socialconnect-channel-action {
  color: #d62976;
}

.socialconnect-youtube-card .socialconnect-channel-action {
  color: #ff0000;
}

.socialconnect-facebook-card .socialconnect-channel-action {
  color: #1877f2;
}


/* Updates */
.socialconnect-updates {
  padding: 110px 0;
  background: #ffffff;
}

.socialconnect-updates-layout {
  display: grid;
  grid-template-columns: 0.85fr 1.15fr;
  gap: 65px;
  align-items: start;
}

.socialconnect-updates-list {
  display: grid;
  gap: 16px;
}

.socialconnect-update-item {
  display: grid;
  grid-template-columns: 72px 1fr;
  gap: 22px;
  align-items: start;
  background: #f7f8fc;
  border-left: 5px solid #ffc63b;
  padding: 24px;
  transition: transform .35s ease, box-shadow .35s ease;
}

.socialconnect-update-item:hover {
  transform: translateX(8px);
  box-shadow: 0 22px 50px rgba(17, 17, 17, 0.08);
}

.socialconnect-update-item span {
  width: 72px;
  height: 72px;
  background: #00287d;
  color: #ffc63b;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Outfit', sans-serif;
  font-size: 22px;
  font-weight: 700;
}

.socialconnect-update-item h3 {
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 22px;
  font-weight: 700;
  margin: 0 0 8px;
}

.socialconnect-update-item p {
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 15px;
  line-height: 1.6em;
  margin: 0;
}


/* Guidelines */
.socialconnect-guidelines {
  padding: 110px 0;
  background: #242424;
}

.socialconnect-guidelines-wrap {
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  gap: 34px;
  align-items: stretch;
}

.socialconnect-guidelines-card {
  background: #ffffff;
  padding: 62px;
}

.socialconnect-guidelines-points {
  display: grid;
  gap: 14px;
  margin-top: 30px;
}

.socialconnect-guidelines-points span {
  display: flex;
  align-items: center;
  gap: 12px;
  background: #f7f8fc;
  border: 1px solid rgba(55, 51, 153, 0.1);
  padding: 16px;
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 15px;
  font-weight: 600;
}

.socialconnect-guidelines-points i {
  color: #00287d;
}

.socialconnect-guidelines-panel {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
}

.socialconnect-mini {
  min-height: 220px;
  padding: 30px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.socialconnect-mini i {
  width: 68px;
  height: 68px;
  background: rgba(255, 255, 255, 0.2);
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
}

.socialconnect-mini span {
  font-family: 'Outfit', sans-serif;
  color: #ffffff;
  font-size: 24px;
  font-weight: 700;
}

.socialconnect-mini-linkedin {
  background: #0a66c2;
}

.socialconnect-mini-instagram {
  background: linear-gradient(135deg, #feda75 0%, #fa7e1e 28%, #d62976 58%, #962fbf 78%, #4f5bd5 100%);
}

.socialconnect-mini-youtube {
  background: #ff0000;
}

.socialconnect-mini-facebook {
  background: #1877f2;
}


/* CTA */
.socialconnect-cta {
  padding: 110px 0;
  background: #ffffff;
}

.socialconnect-cta-wrap {
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  align-items: stretch;
  background: #f7f8fc;
  box-shadow: 0 28px 70px rgba(17, 17, 17, 0.09);
}

.socialconnect-cta-content {
  padding: 66px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.socialconnect-cta-content p {
  margin-bottom: 30px;
}

.socialconnect-cta-content a:hover {
  background: #ffc63b;
  color: #111;
}

.socialconnect-cta-icons {
  padding: 44px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
}

.socialconnect-cta-link {
  min-height: 170px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

.socialconnect-cta-link i {
  width: 76px;
  height: 76px;
  background: rgba(255, 255, 255, 0.18);
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 34px;
  transition: transform .35s ease;
}

.socialconnect-cta-link:hover i {
  transform: scale(1.08);
}

.socialconnect-cta-linkedin {
  background: #0a66c2;
}

.socialconnect-cta-instagram {
  background: linear-gradient(135deg, #feda75 0%, #fa7e1e 28%, #d62976 58%, #962fbf 78%, #4f5bd5 100%);
}

.socialconnect-cta-youtube {
  background: #ff0000;
}

.socialconnect-cta-facebook {
  background: #1877f2;
}


/* Responsive */
@media (max-width: 1199px) {

  .socialconnect-hero-grid,
  .socialconnect-updates-layout {
    gap: 48px;
  }

  .socialconnect-channel-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 991px) {

  .socialconnect-hero,
  .socialconnect-channels,
  .socialconnect-updates,
  .socialconnect-guidelines,
  .socialconnect-cta {
    padding: 80px 0;
  }

  .socialconnect-hero-grid,
  .socialconnect-updates-layout,
  .socialconnect-guidelines-wrap,
  .socialconnect-cta-wrap {
    grid-template-columns: 1fr;
  }

  .socialconnect-hero-content h2 {
    font-size: 38px;
  }

  .socialconnect-sectionhead h2,
  .socialconnect-updates-content h2,
  .socialconnect-guidelines-card h2,
  .socialconnect-cta-content h2 {
    font-size: 36px;
  }

  .socialconnect-hero-visual {
    min-height: 610px;
  }
}

@media (max-width: 767px) {

  .socialconnect-hero,
  .socialconnect-channels,
  .socialconnect-updates,
  .socialconnect-guidelines,
  .socialconnect-cta {
    padding: 65px 0;
  }

  .socialconnect-hero-content h2,
  .socialconnect-sectionhead h2,
  .socialconnect-updates-content h2,
  .socialconnect-guidelines-card h2,
  .socialconnect-cta-content h2 {
    font-size: 31px;
  }

  .socialconnect-hero-visual {
    min-height: auto;
    display: grid;
    gap: 18px;
  }

  .socialconnect-phone-card,
  .socialconnect-hero-badge {
    position: relative;
    width: 100%;
    max-width: 100%;
    height: auto;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }

  .socialconnect-channel-grid,
  .socialconnect-guidelines-panel,
  .socialconnect-cta-icons {
    grid-template-columns: 1fr;
  }

  .socialconnect-guidelines-card,
  .socialconnect-cta-content {
    padding: 34px;
  }
}

@media (max-width: 480px) {

  .socialconnect-hero-content h2,
  .socialconnect-sectionhead h2,
  .socialconnect-updates-content h2,
  .socialconnect-guidelines-card h2,
  .socialconnect-cta-content h2 {
    font-size: 28px;
  }

  .socialconnect-hero-content>p,
  .socialconnect-sectionhead p,
  .socialconnect-updates-content p,
  .socialconnect-guidelines-card p,
  .socialconnect-cta-content p {
    font-size: 16px;
  }

  .socialconnect-hero-actions a,
  .socialconnect-cta-content a {
    width: 100%;
    justify-content: center;
  }

  .socialconnect-feed-post,
  .socialconnect-hero-badge,
  .socialconnect-update-item {
    grid-template-columns: 1fr;
  }

  .socialconnect-guidelines-card,
  .socialconnect-cta-content,
  .socialconnect-cta-icons {
    padding: 28px;
  }
}


/* Join Us - Shared */
.joinmission-page,
.joinmission-hero,
.joinmission-roles,
.joinmission-global,
.joinmission-pathways,
.joinmission-values,
.joinmission-cta {
  overflow: hidden;
}

.joinmission-label {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #00287d;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 18px;
}

.joinmission-label i {
  color: #ffc63b;
}


/* Hero */
.joinmission-hero {
  padding: 110px 0;
  background: #ffffff;
}

.joinmission-hero-grid {
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  gap: 76px;
  align-items: center;
}

.joinmission-hero-visual {
  position: relative;
  min-height: 650px;
}

.joinmission-hero-image {
  position: absolute;
  left: 0;
  top: 0;
  width: 78%;
  height: 500px;
  overflow: hidden;
  box-shadow: 0 30px 75px rgba(17, 17, 17, 0.15);
}

.joinmission-hero-image img,
.joinmission-global-image img,
.joinmission-values-image img,
.joinmission-cta-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .7s ease;
}

.joinmission-hero-image:hover img,
.joinmission-global-image:hover img,
.joinmission-values-image:hover img,
.joinmission-cta-image:hover img {
  transform: scale(1.06);
}

.joinmission-global-card {
  position: absolute;
  right: 0;
  top: 80px;
  max-width: 350px;
  display: grid;
  grid-template-columns: 62px 1fr;
  gap: 17px;
  align-items: center;
  background: #ffffff;
  border: 1px solid rgba(55, 51, 153, 0.12);
  padding: 24px;
  box-shadow: 0 24px 55px rgba(17, 17, 17, 0.16);
  z-index: 3;
}

.joinmission-global-card i {
  width: 62px;
  height: 62px;
  background: #00287d;
  color: #ffc63b;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
}

.joinmission-global-card strong {
  display: block;
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 5px;
}

.joinmission-global-card span {
  display: block;
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 13px;
  line-height: 1.45em;
}

.joinmission-mini-card {
  position: absolute;
  left: 70px;
  bottom: 0;
  max-width: 330px;
  background: #ffc63b;
  padding: 28px;
  box-shadow: 0 24px 55px rgba(17, 17, 17, 0.16);
  z-index: 4;
}

.joinmission-mini-card span {
  display: block;
  font-family: "Inter", sans-serif;
  color: #00287d;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 10px;
}

.joinmission-mini-card p {
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 22px;
  line-height: 1.35;
  font-weight: 700;
  margin: 0;
}

.joinmission-hero-content h2,
.joinmission-sectionhead h2,
.joinmission-global-content h2,
.joinmission-pathways-head h2,
.joinmission-values-content h2,
.joinmission-cta-content h2 {
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 42px;
  font-weight: 700;
  line-height: 1.2;
  margin: 0 0 20px;
}

.joinmission-hero-content h2 {
  font-size: 46px;
  line-height: 1.18;
}

.joinmission-hero-content h2 strong {
  color: #00287d;
}

.joinmission-hero-content>p,
.joinmission-sectionhead p,
.joinmission-global-content p,
.joinmission-values-content p,
.joinmission-cta-content p {
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 18px;
  line-height: 1.6em;
  margin: 0;
}

.joinmission-hero-content>p {
  margin-bottom: 34px;
}

.joinmission-hero-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 22px;
}

.joinmission-hero-actions a,
.joinmission-cta-content a {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  background: #00287d;
  color: #ffffff;
  padding: 16px 28px;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
  transition: background .35s ease, transform .35s ease;
}

.joinmission-hero-actions a:hover,
.joinmission-cta-content a:hover {
  background: #242424;
  color: #ffffff;
  transform: translateY(-3px);
}

.joinmission-hero-actions a i,
.joinmission-cta-content a i {
  transition: transform .35s ease;
}

.joinmission-hero-actions a:hover i,
.joinmission-cta-content a:hover i {
  transform: translateX(5px);
}

.joinmission-hero-actions span {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 18px;
  font-weight: 600;
}

.joinmission-hero-actions span i {
  color: #ffc63b;
}


/* Roles */
.joinmission-roles {
  padding: 110px 0;
  background: #f7f8fc;
}

.joinmission-sectionhead {
  max-width: 850px;
  margin-bottom: 52px;
}

.joinmission-roles-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 22px;
}

.joinmission-role-card {
  background: #ffffff;
  border: 1px solid rgba(55, 51, 153, 0.12);
  padding: 30px;
  min-height: 295px;
  box-shadow: 0 16px 38px rgba(17, 17, 17, 0.05);
  transition: transform .35s ease, border-color .35s ease, box-shadow .35s ease;
}

.joinmission-role-card:hover {
  transform: translateY(-8px);
  border-color: rgba(55, 51, 153, 0.28);
  box-shadow: 0 24px 55px rgba(17, 17, 17, 0.09);
}

.joinmission-role-card i {
  width: 62px;
  height: 62px;
  background: #00287d;
  color: #ffc63b;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 23px;
  margin-bottom: 22px;
}

.joinmission-role-featured {
  background: #00287d;
}

.joinmission-role-featured i {
  background: #ffc63b;
  color: #00287d;
}

.joinmission-role-card h3 {
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 21px;
  font-weight: 700;
  margin: 0 0 10px;
}

.joinmission-role-featured h3 {
  color: #ffffff;
}

.joinmission-role-card p {
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 15px;
  line-height: 1.6em;
  margin: 0;
}

.joinmission-role-featured p {
  color: rgba(255, 255, 255, 0.78);
}


/* Global */
.joinmission-global {
  padding: 110px 0;
  background: #ffffff;
}

.joinmission-global-wrap {
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  align-items: stretch;
  background: #f7f8fc;
  box-shadow: 0 28px 70px rgba(17, 17, 17, 0.09);
}

.joinmission-global-content {
  padding: 66px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.joinmission-global-points {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
  margin-top: 30px;
}

.joinmission-global-points span {
  display: flex;
  align-items: center;
  gap: 12px;
  background: #ffffff;
  border: 1px solid rgba(55, 51, 153, 0.1);
  padding: 16px;
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 15px;
  font-weight: 600;
}

.joinmission-global-points i {
  color: #00287d;
}

.joinmission-global-image {
  min-height: 500px;
  overflow: hidden;
}


/* Pathways */
.joinmission-pathways {
  padding: 110px 0;
  background: #242424;
}

.joinmission-pathways-head {
  max-width: 780px;
  margin-bottom: 52px;
}

.joinmission-pathways-head .joinmission-label,
.joinmission-pathways-head h2 {
  color: #ffffff;
}

.joinmission-pathways-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
}

.joinmission-pathway-card {
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.12);
  padding: 30px;
  transition: transform .35s ease, background .35s ease, border-color .35s ease;
}

.joinmission-pathway-card:hover {
  transform: translateY(-8px);
  background: rgba(255, 255, 255, 0.09);
  border-color: rgba(255, 198, 59, 0.45);
}

.joinmission-pathway-card span {
  width: 62px;
  height: 62px;
  background: #ffc63b;
  color: #00287d;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Outfit', sans-serif;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 22px;
}

.joinmission-pathway-card h3 {
  font-family: 'Outfit', sans-serif;
  color: #ffffff;
  font-size: 21px;
  font-weight: 700;
  margin: 0 0 10px;
}

.joinmission-pathway-card p {
  font-family: "Inter", sans-serif;
  color: rgba(255, 255, 255, 0.74);
  font-size: 15px;
  line-height: 1.6em;
  margin: 0;
}


/* Values */
.joinmission-values {
  padding: 110px 0;
  background: #f7f8fc;
}

.joinmission-values-grid {
  display: grid;
  grid-template-columns: 0.95fr 1.05fr;
  background: #ffffff;
  align-items: stretch;
  box-shadow: 0 28px 70px rgba(17, 17, 17, 0.09);
}

.joinmission-values-image {
  min-height: 520px;
  overflow: hidden;
}

.joinmission-values-content {
  padding: 66px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.joinmission-values-list {
  display: grid;
  gap: 14px;
  margin-top: 30px;
}

.joinmission-values-list div {
  display: grid;
  grid-template-columns: 48px 1fr;
  gap: 16px;
  align-items: center;
  background: #f7f8fc;
  border: 1px solid rgba(55, 51, 153, 0.1);
  padding: 16px;
}

.joinmission-values-list i {
  width: 48px;
  height: 48px;
  background: #00287d;
  color: #ffc63b;
  display: flex;
  align-items: center;
  justify-content: center;
}

.joinmission-values-list span {
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.5em;
}


/* CTA */
.joinmission-cta {
  padding: 110px 0;
  background: #ffffff;
}

.joinmission-cta-wrap {
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  align-items: stretch;
  background: #242424;
}

.joinmission-cta-content {
  padding: 66px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.joinmission-cta-content .joinmission-label,
.joinmission-cta-content h2 {
  color: #ffffff;
}

.joinmission-cta-content p {
  color: rgba(255, 255, 255, 0.78);
  margin-bottom: 30px;
}

.joinmission-cta-content a:hover {
  background: #ffc63b;
  color: #111;
}

.joinmission-cta-image {
  min-height: 430px;
  overflow: hidden;
}


/* Responsive */
@media (max-width: 1199px) {
  .joinmission-hero-grid {
    gap: 48px;
  }

  .joinmission-roles-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .joinmission-pathways-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 991px) {

  .joinmission-hero,
  .joinmission-roles,
  .joinmission-global,
  .joinmission-pathways,
  .joinmission-values,
  .joinmission-cta {
    padding: 80px 0;
  }

  .joinmission-hero-grid,
  .joinmission-global-wrap,
  .joinmission-values-grid,
  .joinmission-cta-wrap {
    grid-template-columns: 1fr;
  }

  .joinmission-hero-visual {
    min-height: 610px;
  }

  .joinmission-hero-content h2 {
    font-size: 38px;
  }

  .joinmission-sectionhead h2,
  .joinmission-global-content h2,
  .joinmission-pathways-head h2,
  .joinmission-values-content h2,
  .joinmission-cta-content h2 {
    font-size: 36px;
  }
}

@media (max-width: 767px) {

  .joinmission-hero,
  .joinmission-roles,
  .joinmission-global,
  .joinmission-pathways,
  .joinmission-values,
  .joinmission-cta {
    padding: 65px 0;
  }

  .joinmission-hero-content h2,
  .joinmission-sectionhead h2,
  .joinmission-global-content h2,
  .joinmission-pathways-head h2,
  .joinmission-values-content h2,
  .joinmission-cta-content h2 {
    font-size: 31px;
  }

  .joinmission-hero-visual {
    min-height: auto;
    display: grid;
    gap: 18px;
  }

  .joinmission-hero-image,
  .joinmission-global-card,
  .joinmission-mini-card {
    position: relative;
    width: 100%;
    max-width: 100%;
    height: auto;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }

  .joinmission-hero-image,
  .joinmission-global-image,
  .joinmission-values-image,
  .joinmission-cta-image {
    height: 320px;
    min-height: auto;
  }

  .joinmission-roles-grid,
  .joinmission-pathways-grid,
  .joinmission-global-points {
    grid-template-columns: 1fr;
  }

  .joinmission-global-content,
  .joinmission-values-content,
  .joinmission-cta-content {
    padding: 34px;
  }
}

@media (max-width: 480px) {

  .joinmission-hero-content h2,
  .joinmission-sectionhead h2,
  .joinmission-global-content h2,
  .joinmission-pathways-head h2,
  .joinmission-values-content h2,
  .joinmission-cta-content h2 {
    font-size: 28px;
  }

  .joinmission-hero-content>p,
  .joinmission-sectionhead p,
  .joinmission-global-content p,
  .joinmission-values-content p,
  .joinmission-cta-content p {
    font-size: 16px;
  }

  .joinmission-hero-actions a,
  .joinmission-cta-content a {
    width: 100%;
    justify-content: center;
  }

  .joinmission-global-card,
  .joinmission-values-list div {
    grid-template-columns: 1fr;
  }

  .joinmission-global-content,
  .joinmission-values-content,
  .joinmission-cta-content {
    padding: 28px;
  }
}

/* Alumni Page - Shared */
.alumninexus-page,
.alumninexus-hero,
.alumninexus-highlights,
.alumninexus-story,
.alumninexus-paths,
.alumninexus-gallery,
.alumninexus-values,
.alumninexus-cta {
  overflow: hidden;
}

.alumninexus-label {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #00287d;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 18px;
}

.alumninexus-label i {
  color: #ffc63b;
}


/* Hero */
.alumninexus-hero {
  padding: 110px 0;
  background: #ffffff;
}

.alumninexus-hero-grid {
  display: grid;
  grid-template-columns: 0.95fr 1.05fr;
  gap: 76px;
  align-items: center;
}

.alumninexus-hero-content h2,
.alumninexus-sectionhead h2,
.alumninexus-story-content h2,
.alumninexus-paths-head h2,
.alumninexus-gallery-content h2,
.alumninexus-values-content h2,
.alumninexus-cta-content h2 {
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 42px;
  font-weight: 700;
  line-height: 1.2;
  margin: 0 0 20px;
}

.alumninexus-hero-content h2 {
  font-size: 46px;
  line-height: 1.18;
}

.alumninexus-hero-content h2 strong {
  color: #00287d;
}

.alumninexus-hero-content>p,
.alumninexus-sectionhead p,
.alumninexus-story-content>p,
.alumninexus-gallery-content p,
.alumninexus-values-content p,
.alumninexus-cta-content p {
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 18px;
  line-height: 1.6em;
  margin: 0;
}

.alumninexus-hero-content>p {
  margin-bottom: 34px;
}

.alumninexus-hero-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 22px;
}

.alumninexus-hero-actions a,
.alumninexus-cta-content a {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  background: #00287d;
  color: #ffffff;
  padding: 16px 28px;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
  transition: background .35s ease, transform .35s ease;
}

.alumninexus-hero-actions a:hover,
.alumninexus-cta-content a:hover {
  background: #242424;
  color: #ffffff;
  transform: translateY(-3px);
}

.alumninexus-hero-actions a i,
.alumninexus-cta-content a i,
.alumninexus-path-card a i {
  transition: transform .35s ease;
}

.alumninexus-hero-actions a:hover i,
.alumninexus-cta-content a:hover i,
.alumninexus-path-card a:hover i {
  transform: translateX(5px);
}

.alumninexus-hero-actions span {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 18px;
  font-weight: 600;
}

.alumninexus-hero-actions span i {
  color: #ffc63b;
}

.alumninexus-hero-visual {
  position: relative;
  min-height: 650px;
}

.alumninexus-main-photo {
  position: absolute;
  top: 0;
  right: 0;
  width: 82%;
  height: 500px;
  overflow: hidden;
  box-shadow: 0 30px 75px rgba(17, 17, 17, 0.15);
}

.alumninexus-main-photo img,
.alumninexus-mini-photo img,
.alumninexus-story-image img,
.alumninexus-gallery-photo img,
.alumninexus-values-image img,
.alumninexus-cta-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .7s ease;
}

.alumninexus-main-photo:hover img,
.alumninexus-mini-photo:hover img,
.alumninexus-story-image:hover img,
.alumninexus-gallery-photo:hover img,
.alumninexus-values-image:hover img,
.alumninexus-cta-image:hover img {
  transform: scale(1.06);
}

.alumninexus-story-card {
  position: absolute;
  left: 0;
  bottom: 76px;
  max-width: 360px;
  background: #ffc63b;
  padding: 28px;
  box-shadow: 0 24px 55px rgba(17, 17, 17, 0.16);
  z-index: 3;
}

.alumninexus-story-card span {
  display: block;
  font-family: "Inter", sans-serif;
  color: #00287d;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 12px;
}

.alumninexus-story-card h3 {
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.35;
  margin: 0;
}

.alumninexus-mini-photo {
  position: absolute;
  right: 40px;
  bottom: 0;
  width: 42%;
  height: 230px;
  overflow: hidden;
  border: 12px solid #ffffff;
  box-shadow: 0 22px 50px rgba(17, 17, 17, 0.16);
  z-index: 4;
}


/* Highlights */
.alumninexus-highlights {
  padding: 110px 0;
  background: #f7f8fc;
}

.alumninexus-sectionhead {
  max-width: 850px;
  margin-bottom: 52px;
}

.alumninexus-highlight-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
}

.alumninexus-highlight-card {
  background: #ffffff;
  border: 1px solid rgba(55, 51, 153, 0.12);
  padding: 30px;
  min-height: 290px;
  box-shadow: 0 16px 38px rgba(17, 17, 17, 0.05);
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}

.alumninexus-highlight-card:hover {
  transform: translateY(-8px);
  border-color: rgba(55, 51, 153, 0.28);
  box-shadow: 0 24px 55px rgba(17, 17, 17, 0.09);
}

.alumninexus-highlight-card i {
  width: 62px;
  height: 62px;
  background: #00287d;
  color: #ffc63b;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 23px;
  margin-bottom: 22px;
}

.alumninexus-highlight-feature {
  background: #00287d;
}

.alumninexus-highlight-feature i {
  background: #ffc63b;
  color: #00287d;
}

.alumninexus-highlight-card h3 {
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 21px;
  font-weight: 700;
  margin: 0 0 10px;
}

.alumninexus-highlight-feature h3 {
  color: #ffffff;
}

.alumninexus-highlight-card p {
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 15px;
  line-height: 1.6em;
  margin: 0;
}

.alumninexus-highlight-feature p {
  color: rgba(255, 255, 255, 0.78);
}


/* Story */
.alumninexus-story {
  padding: 110px 0;
  background: #ffffff;
}

.alumninexus-story-wrap {
  display: grid;
  grid-template-columns: 0.95fr 1.05fr;
  align-items: stretch;
  background: #f7f8fc;
  box-shadow: 0 28px 70px rgba(17, 17, 17, 0.09);
}

.alumninexus-story-image {
  min-height: 540px;
  overflow: hidden;
}

.alumninexus-story-content {
  padding: 66px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.alumninexus-story-points {
  display: grid;
  gap: 14px;
  margin-top: 30px;
}

.alumninexus-story-points div {
  display: grid;
  grid-template-columns: 58px 1fr;
  gap: 16px;
  align-items: center;
  background: #ffffff;
  border: 1px solid rgba(55, 51, 153, 0.1);
  padding: 16px;
}

.alumninexus-story-points b {
  width: 58px;
  height: 58px;
  background: #00287d;
  color: #ffc63b;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Outfit', sans-serif;
  font-size: 18px;
}

.alumninexus-story-points span {
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 15px;
  font-weight: 600;
}


/* Paths */
.alumninexus-paths {
  padding: 110px 0;
  background: #242424;
}

.alumninexus-paths-head {
  max-width: 780px;
  margin-bottom: 52px;
}

.alumninexus-paths-head .alumninexus-label,
.alumninexus-paths-head h2 {
  color: #ffffff;
}

.alumninexus-paths-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
}

.alumninexus-path-card {
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.12);
  padding: 30px;
  transition: transform .35s ease, background .35s ease, border-color .35s ease;
}

.alumninexus-path-card:hover {
  transform: translateY(-8px);
  background: rgba(255, 255, 255, 0.09);
  border-color: rgba(255, 198, 59, 0.45);
}

.alumninexus-path-card span {
  width: 62px;
  height: 62px;
  background: #ffc63b;
  color: #00287d;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Outfit', sans-serif;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 22px;
}

.alumninexus-path-card h3 {
  font-family: 'Outfit', sans-serif;
  color: #ffffff;
  font-size: 21px;
  font-weight: 700;
  margin: 0 0 10px;
}

.alumninexus-path-card p {
  font-family: "Inter", sans-serif;
  color: rgba(255, 255, 255, 0.74);
  font-size: 15px;
  line-height: 1.6em;
  margin: 0 0 20px;
}

.alumninexus-path-card a {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-family: "Inter", sans-serif;
  color: #ffc63b;
  font-size: 18px;
  font-weight: 600;
  text-decoration: none;
}


/* Gallery */
.alumninexus-gallery {
  padding: 110px 0;
  background: #ffffff;
}

.alumninexus-gallery-grid {
  display: grid;
  grid-template-columns: 0.9fr 1.1fr 0.85fr;
  grid-template-rows: 285px 285px;
  gap: 22px;
}

.alumninexus-gallery-content {
  grid-row: span 2;
  background: #00287d;
  padding: 38px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.alumninexus-gallery-content .alumninexus-label,
.alumninexus-gallery-content h2 {
  color: #ffffff;
}

.alumninexus-gallery-content h2 {
  font-size: 34px;
}

.alumninexus-gallery-content p {
  color: rgba(255, 255, 255, 0.82);
  font-size: 16px;
}

.alumninexus-gallery-photo {
  overflow: hidden;
}

.alumninexus-gallery-large {
  grid-row: span 2;
}

.alumninexus-gallery-tags {
  background: #ffc63b;
  padding: 34px;
  display: grid;
  align-content: center;
  gap: 14px;
}

.alumninexus-gallery-tags span {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 18px;
  font-weight: 700;
}

.alumninexus-gallery-tags i {
  color: #00287d;
  font-size: 8px;
}


/* Values */
.alumninexus-values {
  padding: 110px 0;
  background: #f7f8fc;
}

.alumninexus-values-wrap {
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  align-items: stretch;
  background: #ffffff;
  box-shadow: 0 28px 70px rgba(17, 17, 17, 0.09);
}

.alumninexus-values-content {
  padding: 66px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.alumninexus-values-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
  margin-top: 30px;
}

.alumninexus-values-list span {
  display: flex;
  align-items: center;
  gap: 12px;
  background: #f7f8fc;
  border: 1px solid rgba(55, 51, 153, 0.1);
  padding: 16px;
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 15px;
  font-weight: 600;
}

.alumninexus-values-list i {
  color: #00287d;
}

.alumninexus-values-image {
  min-height: 500px;
  overflow: hidden;
}


/* CTA */
.alumninexus-cta {
  padding: 110px 0;
  background: #242424;
}

.alumninexus-cta-wrap {
  display: grid;
  grid-template-columns: 0.95fr 1.05fr;
  align-items: stretch;
  background: #ffffff;
}

.alumninexus-cta-image {
  min-height: 430px;
  overflow: hidden;
}

.alumninexus-cta-content {
  padding: 66px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.alumninexus-cta-content p {
  margin-bottom: 30px;
}

.alumninexus-cta-content a:hover {
  background: #ffc63b;
  color: #111;
}


/* Responsive */
@media (max-width: 1199px) {
  .alumninexus-hero-grid {
    gap: 48px;
  }

  .alumninexus-highlight-grid,
  .alumninexus-paths-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 991px) {

  .alumninexus-hero,
  .alumninexus-highlights,
  .alumninexus-story,
  .alumninexus-paths,
  .alumninexus-gallery,
  .alumninexus-values,
  .alumninexus-cta {
    padding: 80px 0;
  }

  .alumninexus-hero-grid,
  .alumninexus-story-wrap,
  .alumninexus-values-wrap,
  .alumninexus-cta-wrap {
    grid-template-columns: 1fr;
  }

  .alumninexus-hero-visual {
    min-height: 610px;
  }

  .alumninexus-hero-content h2 {
    font-size: 38px;
  }

  .alumninexus-sectionhead h2,
  .alumninexus-story-content h2,
  .alumninexus-paths-head h2,
  .alumninexus-gallery-content h2,
  .alumninexus-values-content h2,
  .alumninexus-cta-content h2 {
    font-size: 36px;
  }

  .alumninexus-gallery-grid {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
  }

  .alumninexus-gallery-content,
  .alumninexus-gallery-large {
    grid-row: auto;
  }
}

@media (max-width: 767px) {

  .alumninexus-hero,
  .alumninexus-highlights,
  .alumninexus-story,
  .alumninexus-paths,
  .alumninexus-gallery,
  .alumninexus-values,
  .alumninexus-cta {
    padding: 65px 0;
  }

  .alumninexus-hero-content h2,
  .alumninexus-sectionhead h2,
  .alumninexus-story-content h2,
  .alumninexus-paths-head h2,
  .alumninexus-gallery-content h2,
  .alumninexus-values-content h2,
  .alumninexus-cta-content h2 {
    font-size: 31px;
  }

  .alumninexus-hero-visual {
    min-height: auto;
    display: grid;
    gap: 18px;
  }

  .alumninexus-main-photo,
  .alumninexus-story-card,
  .alumninexus-mini-photo {
    position: relative;
    width: 100%;
    max-width: 100%;
    height: auto;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }

  .alumninexus-main-photo,
  .alumninexus-mini-photo,
  .alumninexus-story-image,
  .alumninexus-values-image,
  .alumninexus-cta-image {
    height: 320px;
    min-height: auto;
  }

  .alumninexus-mini-photo {
    border: 0;
  }

  .alumninexus-highlight-grid,
  .alumninexus-paths-grid,
  .alumninexus-gallery-grid,
  .alumninexus-values-list {
    grid-template-columns: 1fr;
  }

  .alumninexus-gallery-photo {
    height: 300px;
  }

  .alumninexus-story-content,
  .alumninexus-values-content,
  .alumninexus-cta-content {
    padding: 34px;
  }
}

@media (max-width: 480px) {

  .alumninexus-hero-content h2,
  .alumninexus-sectionhead h2,
  .alumninexus-story-content h2,
  .alumninexus-paths-head h2,
  .alumninexus-gallery-content h2,
  .alumninexus-values-content h2,
  .alumninexus-cta-content h2 {
    font-size: 28px;
  }

  .alumninexus-hero-content>p,
  .alumninexus-sectionhead p,
  .alumninexus-story-content>p,
  .alumninexus-values-content p,
  .alumninexus-cta-content p {
    font-size: 16px;
  }

  .alumninexus-hero-actions a,
  .alumninexus-cta-content a {
    width: 100%;
    justify-content: center;
  }

  .alumninexus-story-points div {
    grid-template-columns: 1fr;
  }

  .alumninexus-story-content,
  .alumninexus-values-content,
  .alumninexus-cta-content {
    padding: 28px;
  }
}

/* Alumni Association - Shared */
.assocbridge-page,
.assocbridge-hero,
.assocbridge-pillars,
.assocbridge-experience,
.assocbridge-engagement,
.assocbridge-statement,
.assocbridge-contribute,
.assocbridge-cta {
  overflow: hidden;
}

.assocbridge-label {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #00287d;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 18px;
}

.assocbridge-label i {
  color: #ffc63b;
}


/* Hero */
.assocbridge-hero {
  padding: 110px 0;
  background: #ffffff;
}

.assocbridge-hero-grid {
  display: grid;
  grid-template-columns: 0.92fr 1.08fr;
  gap: 76px;
  align-items: center;
}

.assocbridge-hero-content h2,
.assocbridge-sectionhead h2,
.assocbridge-experience-content h2,
.assocbridge-engagement-intro h2,
.assocbridge-statement-content h2,
.assocbridge-contribute-content h2,
.assocbridge-cta-content h2 {
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 42px;
  font-weight: 700;
  line-height: 1.2;
  margin: 0 0 20px;
}

.assocbridge-hero-content h2 {
  font-size: 46px;
  line-height: 1.18;
}

.assocbridge-hero-content h2 strong {
  color: #00287d;
}

.assocbridge-hero-content>p,
.assocbridge-sectionhead p,
.assocbridge-experience-content>p,
.assocbridge-engagement-intro p,
.assocbridge-statement-content p,
.assocbridge-contribute-content p,
.assocbridge-cta-content p {
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 18px;
  line-height: 1.6em;
  margin: 0;
}

.assocbridge-hero-content>p {
  margin-bottom: 34px;
}

.assocbridge-hero-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 22px;
}

.assocbridge-hero-actions a,
.assocbridge-cta-content a {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  background: #00287d;
  color: #ffffff;
  padding: 16px 28px;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
  transition: background .35s ease, transform .35s ease;
}

.assocbridge-hero-actions a:hover,
.assocbridge-cta-content a:hover {
  background: #242424;
  color: #ffffff;
  transform: translateY(-3px);
}

.assocbridge-hero-actions a i,
.assocbridge-cta-content a i,
.assocbridge-engagement-card span i {
  transition: transform .35s ease;
}

.assocbridge-hero-actions a:hover i,
.assocbridge-cta-content a:hover i,
.assocbridge-engagement-card:hover span i {
  transform: translateX(5px);
}

.assocbridge-hero-actions span {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 18px;
  font-weight: 600;
}

.assocbridge-hero-actions span i {
  color: #ffc63b;
}

.assocbridge-hero-visual {
  position: relative;
  min-height: 650px;
}

.assocbridge-hero-image {
  position: absolute;
  right: 0;
  top: 0;
  width: 82%;
  height: 500px;
  overflow: hidden;
  box-shadow: 0 30px 75px rgba(17, 17, 17, 0.15);
}

.assocbridge-hero-image img,
.assocbridge-experience-image img,
.assocbridge-cta-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .7s ease;
}

.assocbridge-hero-image:hover img,
.assocbridge-experience-image:hover img,
.assocbridge-cta-image:hover img {
  transform: scale(1.06);
}

.assocbridge-member-card {
  position: absolute;
  left: 0;
  bottom: 76px;
  max-width: 345px;
  display: grid;
  grid-template-columns: 62px 1fr;
  gap: 17px;
  align-items: center;
  background: #ffc63b;
  padding: 24px;
  box-shadow: 0 24px 55px rgba(17, 17, 17, 0.16);
  z-index: 3;
}

.assocbridge-member-card i {
  width: 62px;
  height: 62px;
  background: #00287d;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
}

.assocbridge-member-card strong {
  display: block;
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 5px;
}

.assocbridge-member-card span {
  display: block;
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 13px;
  line-height: 1.45em;
}

.assocbridge-network-card {
  position: absolute;
  right: 38px;
  bottom: 0;
  max-width: 340px;
  background: #00287d;
  padding: 28px;
  box-shadow: 0 24px 55px rgba(17, 17, 17, 0.16);
  z-index: 4;
}

.assocbridge-network-card span {
  display: block;
  font-family: "Inter", sans-serif;
  color: #ffc63b;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 12px;
}

.assocbridge-network-card h3 {
  font-family: 'Outfit', sans-serif;
  color: #ffffff;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.35;
  margin: 0;
}


/* Pillars */
.assocbridge-pillars {
  padding: 110px 0;
  background: #f7f8fc;
}

.assocbridge-sectionhead {
  max-width: 850px;
  margin-bottom: 52px;
}

.assocbridge-pillar-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
}

.assocbridge-pillar-card {
  position: relative;
  background: #ffffff;
  border: 1px solid rgba(55, 51, 153, 0.12);
  padding: 32px;
  min-height: 305px;
  box-shadow: 0 16px 38px rgba(17, 17, 17, 0.05);
  transition: transform .35s ease, border-color .35s ease, box-shadow .35s ease;
}

.assocbridge-pillar-card:hover {
  transform: translateY(-8px);
  border-color: rgba(55, 51, 153, 0.28);
  box-shadow: 0 24px 55px rgba(17, 17, 17, 0.09);
}

.assocbridge-pillar-card>span {
  position: absolute;
  top: 24px;
  right: 24px;
  font-family: 'Outfit', sans-serif;
  color: rgba(55, 51, 153, 0.14);
  font-size: 42px;
  font-weight: 600;
  line-height: 1;
}

.assocbridge-pillar-card i {
  width: 62px;
  height: 62px;
  background: #00287d;
  color: #ffc63b;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 23px;
  margin-bottom: 24px;
}

.assocbridge-pillar-card h3 {
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 22px;
  font-weight: 700;
  margin: 0 0 10px;
}

.assocbridge-pillar-card p {
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 15px;
  line-height: 1.6em;
  margin: 0;
}

.assocbridge-pillar-feature {
  background: #00287d;
}

.assocbridge-pillar-feature>span {
  color: rgba(255, 255, 255, 0.14);
}

.assocbridge-pillar-feature i {
  background: #ffc63b;
  color: #00287d;
}

.assocbridge-pillar-feature h3 {
  color: #ffffff;
}

.assocbridge-pillar-feature p {
  color: rgba(255, 255, 255, 0.78);
}


/* Experience */
.assocbridge-experience {
  padding: 110px 0;
  background: #ffffff;
}

.assocbridge-experience-wrap {
  display: grid;
  grid-template-columns: 0.95fr 1.05fr;
  align-items: stretch;
  background: #f7f8fc;
  box-shadow: 0 28px 70px rgba(17, 17, 17, 0.09);
}

.assocbridge-experience-image {
  min-height: 540px;
  overflow: hidden;
}

.assocbridge-experience-content {
  padding: 66px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.assocbridge-experience-list {
  display: grid;
  gap: 14px;
  margin-top: 30px;
}

.assocbridge-experience-list div {
  display: grid;
  grid-template-columns: 110px 1fr;
  gap: 18px;
  align-items: center;
  background: #ffffff;
  border-left: 4px solid #ffc63b;
  padding: 20px;
}

.assocbridge-experience-list b {
  font-family: 'Outfit', sans-serif;
  color: #00287d;
  font-size: 18px;
  font-weight: 700;
}

.assocbridge-experience-list span {
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 15px;
  line-height: 1.55em;
}


/* Engagement */
.assocbridge-engagement {
  padding: 110px 0;
  background: #242424;
}

.assocbridge-engagement-layout {
  display: grid;
  grid-template-columns: 0.82fr 1.18fr;
  gap: 65px;
  align-items: start;
}

.assocbridge-engagement-intro .assocbridge-label,
.assocbridge-engagement-intro h2 {
  color: #ffffff;
}

.assocbridge-engagement-intro p {
  color: rgba(255, 255, 255, 0.76);
}

.assocbridge-engagement-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 22px;
}

.assocbridge-engagement-card {
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.12);
  padding: 30px;
  min-height: 290px;
  text-decoration: none;
  transition: transform .35s ease, background .35s ease, border-color .35s ease;
}

.assocbridge-engagement-card:hover {
  transform: translateY(-8px);
  background: rgba(255, 255, 255, 0.09);
  border-color: rgba(255, 198, 59, 0.45);
}

.assocbridge-engagement-card>i {
  width: 62px;
  height: 62px;
  background: #ffc63b;
  color: #00287d;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 23px;
  margin-bottom: 22px;
}

.assocbridge-engagement-card h3 {
  font-family: 'Outfit', sans-serif;
  color: #ffffff;
  font-size: 22px;
  font-weight: 700;
  margin: 0 0 10px;
}

.assocbridge-engagement-card p {
  font-family: "Inter", sans-serif;
  color: rgba(255, 255, 255, 0.74);
  font-size: 15px;
  line-height: 1.6em;
  margin: 0 0 20px;
}

.assocbridge-engagement-card span {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-family: "Inter", sans-serif;
  color: #ffc63b;
  font-size: 18px;
  font-weight: 600;
}


/* Statement */
.assocbridge-statement {
  padding: 110px 0;
  background: #f7f8fc;
}

.assocbridge-statement-wrap {
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  gap: 34px;
  align-items: stretch;
}

.assocbridge-statement-content {
  background: #ffffff;
  padding: 66px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-shadow: 0 28px 70px rgba(17, 17, 17, 0.09);
}

.assocbridge-statement-badges {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
}

.assocbridge-statement-badges div {
  background: #00287d;
  padding: 30px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 220px;
}

.assocbridge-statement-badges i {
  width: 68px;
  height: 68px;
  background: #ffc63b;
  color: #00287d;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 26px;
}

.assocbridge-statement-badges span {
  font-family: 'Outfit', sans-serif;
  color: #ffffff;
  font-size: 24px;
  font-weight: 700;
}


/* Contribute */
.assocbridge-contribute {
  padding: 110px 0;
  background: #ffffff;
}

.assocbridge-contribute-grid {
  display: grid;
  grid-template-columns: 0.95fr 1.05fr;
  gap: 65px;
  align-items: start;
}

.assocbridge-contribute-points {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
  margin-top: 30px;
}

.assocbridge-contribute-points span {
  display: flex;
  align-items: center;
  gap: 12px;
  background: #f7f8fc;
  border: 1px solid rgba(55, 51, 153, 0.1);
  padding: 16px;
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 15px;
  font-weight: 600;
}

.assocbridge-contribute-points i {
  color: #00287d;
}

.assocbridge-contribute-panel {
  display: grid;
  gap: 16px;
}

.assocbridge-contribute-item {
  display: grid;
  grid-template-columns: 74px 1fr;
  gap: 22px;
  align-items: start;
  background: #f7f8fc;
  border-left: 5px solid #ffc63b;
  padding: 24px;
  transition: transform .35s ease, box-shadow .35s ease;
}

.assocbridge-contribute-item:hover {
  transform: translateX(8px);
  box-shadow: 0 22px 50px rgba(17, 17, 17, 0.08);
}

.assocbridge-contribute-item span {
  width: 74px;
  height: 74px;
  background: #00287d;
  color: #ffc63b;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Outfit', sans-serif;
  font-size: 22px;
  font-weight: 700;
}

.assocbridge-contribute-item h3 {
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 22px;
  font-weight: 700;
  margin: 0 0 8px;
}

.assocbridge-contribute-item p {
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 15px;
  line-height: 1.6em;
  margin: 0;
}


/* CTA */
.assocbridge-cta {
  padding: 110px 0;
  background: #242424;
}

.assocbridge-cta-wrap {
  display: grid;
  grid-template-columns: 0.95fr 1.05fr;
  align-items: stretch;
  background: #ffffff;
}

.assocbridge-cta-image {
  min-height: 430px;
  overflow: hidden;
}

.assocbridge-cta-content {
  padding: 66px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.assocbridge-cta-content p {
  margin-bottom: 30px;
}

.assocbridge-cta-content a:hover {
  background: #ffc63b;
  color: #111;
}


/* Responsive */
@media (max-width: 1199px) {

  .assocbridge-hero-grid,
  .assocbridge-engagement-layout,
  .assocbridge-contribute-grid {
    gap: 48px;
  }

  .assocbridge-pillar-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 991px) {

  .assocbridge-hero,
  .assocbridge-pillars,
  .assocbridge-experience,
  .assocbridge-engagement,
  .assocbridge-statement,
  .assocbridge-contribute,
  .assocbridge-cta {
    padding: 80px 0;
  }

  .assocbridge-hero-grid,
  .assocbridge-experience-wrap,
  .assocbridge-engagement-layout,
  .assocbridge-statement-wrap,
  .assocbridge-contribute-grid,
  .assocbridge-cta-wrap {
    grid-template-columns: 1fr;
  }

  .assocbridge-hero-visual {
    min-height: 610px;
  }

  .assocbridge-hero-content h2 {
    font-size: 38px;
  }

  .assocbridge-sectionhead h2,
  .assocbridge-experience-content h2,
  .assocbridge-engagement-intro h2,
  .assocbridge-statement-content h2,
  .assocbridge-contribute-content h2,
  .assocbridge-cta-content h2 {
    font-size: 36px;
  }
}

@media (max-width: 767px) {

  .assocbridge-hero,
  .assocbridge-pillars,
  .assocbridge-experience,
  .assocbridge-engagement,
  .assocbridge-statement,
  .assocbridge-contribute,
  .assocbridge-cta {
    padding: 65px 0;
  }

  .assocbridge-hero-content h2,
  .assocbridge-sectionhead h2,
  .assocbridge-experience-content h2,
  .assocbridge-engagement-intro h2,
  .assocbridge-statement-content h2,
  .assocbridge-contribute-content h2,
  .assocbridge-cta-content h2 {
    font-size: 31px;
  }

  .assocbridge-hero-visual {
    min-height: auto;
    display: grid;
    gap: 18px;
  }

  .assocbridge-hero-image,
  .assocbridge-member-card,
  .assocbridge-network-card {
    position: relative;
    width: 100%;
    max-width: 100%;
    height: auto;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }

  .assocbridge-hero-image,
  .assocbridge-experience-image,
  .assocbridge-cta-image {
    height: 320px;
    min-height: auto;
  }

  .assocbridge-pillar-grid,
  .assocbridge-engagement-grid,
  .assocbridge-statement-badges,
  .assocbridge-contribute-points {
    grid-template-columns: 1fr;
  }

  .assocbridge-experience-content,
  .assocbridge-statement-content,
  .assocbridge-cta-content {
    padding: 34px;
  }
}

@media (max-width: 480px) {

  .assocbridge-hero-content h2,
  .assocbridge-sectionhead h2,
  .assocbridge-experience-content h2,
  .assocbridge-engagement-intro h2,
  .assocbridge-statement-content h2,
  .assocbridge-contribute-content h2,
  .assocbridge-cta-content h2 {
    font-size: 28px;
  }

  .assocbridge-hero-content>p,
  .assocbridge-sectionhead p,
  .assocbridge-experience-content>p,
  .assocbridge-engagement-intro p,
  .assocbridge-statement-content p,
  .assocbridge-contribute-content p,
  .assocbridge-cta-content p {
    font-size: 16px;
  }

  .assocbridge-hero-actions a,
  .assocbridge-cta-content a {
    width: 100%;
    justify-content: center;
  }

  .assocbridge-member-card,
  .assocbridge-experience-list div,
  .assocbridge-contribute-item {
    grid-template-columns: 1fr;
  }

  .assocbridge-experience-content,
  .assocbridge-statement-content,
  .assocbridge-cta-content {
    padding: 28px;
  }
}


/* IAMA Course Inner Premium Redesign */



/* Main Page Structure */
.courseinner-page,
.courseinner-listing-page,
.courseinner-main,
.courseinner-layout,
.courseinner-content,
.courseinner-sidebar {
  overflow: visible;
}

.courseinner-apply,
.courseinner-cta,
.courseinner-enquiry-cta {
  overflow: hidden;
}

.courseinner-page {
  padding: 125px 0 90px;
  background: #ffffff;
}

.courseinner-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 330px;
  gap: 56px;
  align-items: flex-start;
  overflow: visible;
}

.courseinner-content {
  min-width: 0;
}

.courseinner-sidebar {
  position: relative;
  min-width: 0;
  align-self: flex-start;
  overflow: visible;
}


/* Smooth Sticky Sidebar */
.courseinner-sidebar-sticky {
  position: sticky;
  top: 115px;
  display: grid;
  gap: 22px;
  z-index: 20;
  overflow-y: auto;
  padding-right: 6px;
  scrollbar-width: thin;
  scrollbar-color: rgba(55, 51, 153, 0.45) rgba(55, 51, 153, 0.08);
  will-change: transform, box-shadow, opacity;
  transform: translateY(0);
  transition:
    transform 0.35s ease,
    box-shadow 0.35s ease,
    opacity 0.35s ease;
}

.courseinner-sidebar-sticky::-webkit-scrollbar {
  width: 6px;
}

.courseinner-sidebar-sticky::-webkit-scrollbar-track {
  background: rgba(55, 51, 153, 0.08);
}

.courseinner-sidebar-sticky::-webkit-scrollbar-thumb {
  background: rgba(55, 51, 153, 0.45);
}

.courseinner-sidebar-sticky.is-stuck {
  transform: translateY(8px);
}

.courseinner-sidebar-sticky.is-stuck .courseinner-nav-card,
.courseinner-sidebar-sticky.is-stuck .courseinner-side-info,
.courseinner-sidebar-sticky.is-stuck .courseinner-faq-card,
.courseinner-sidebar-sticky.is-stuck .courseinner-contact-card,
.courseinner-sidebar-sticky.is-stuck .courseinner-sidebar-enquiry {
  box-shadow: 0 18px 45px rgba(17, 17, 17, 0.10);
}


/* Intro */
.courseinner-intro {
  margin-bottom: 52px;
}

.courseinner-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 18px;
  font-family: "Inter", sans-serif;
  color: #00287d;
  font-size: 13px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 600;
}

.courseinner-kicker i {
  color: #ffc63b;
}

.courseinner-intro h2,
.courseinner-section-head h2,
.courseinner-listing-intro h2,
.courseinner-apply-head h2,
.courseinner-cta-box h2 {
  font-family: 'Outfit', sans-serif;
  color: #111111;
  font-size: 38px;
  line-height: 1.2;
  font-weight: 700;
  margin: 0 0 20px;
}

.courseinner-intro .iama-rich-text,
.courseinner-section .iama-rich-text,
.courseinner-listing-intro .iama-rich-text,
.courseinner-empty {
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 16px;
  line-height: 1.4;
}

.courseinner-intro p,
.courseinner-section p,
.courseinner-listing-intro p {
  margin: 0 0 15px;
}


/* Meta Cards */
.courseinner-meta-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-top: 32px;
}

.courseinner-meta-card {
  display: grid;
  grid-template-columns: 54px 1fr;
  gap: 14px;
  align-items: center;
  background: #f7f8fc;
  border: 1px solid rgba(55, 51, 153, 0.12);
  padding: 18px;
}

.courseinner-meta-card i {
  width: 54px;
  height: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffc63b;
  color: #00287d;
  font-size: 20px;
}

.courseinner-meta-card strong {
  display: block;
  font-family: 'Outfit', sans-serif;
  color: #111111;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 3px;
}

.courseinner-meta-card span {
  display: block;
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 13px;
  line-height: 1.4;
}


/* Content Sections */
.courseinner-section {
  margin-top: 52px;
  padding-top: 52px;
  border-top: 1px solid rgba(55, 51, 153, 0.13);
}

.courseinner-section-head {
  margin-bottom: 28px;
}

.courseinner-section-head>span {
  display: inline-flex;
  color: #00287d;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 12px;
}

.courseinner-section-head h2 {
  font-size: 32px;
  margin-bottom: 0;
}

.courseinner-section .row {
  --bs-gutter-x: 18px;
  --bs-gutter-y: 18px;
}


/* Old Module Card Fallback */
.courseinner-module {
  position: relative;
  height: 100%;
  background: #f7f8fc;
  border: 1px solid rgba(55, 51, 153, 0.12);
  padding: 24px;
  transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;
}

.courseinner-module:hover {
  transform: translateY(-6px);
  border-color: rgba(55, 51, 153, 0.30);
  box-shadow: 0 22px 50px rgba(17, 17, 17, 0.08);
}

.courseinner-module>span {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #00287d;
  color: #ffc63b;
  font-family: 'Outfit', sans-serif;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 18px;
}

.courseinner-module h4 {
  font-family: 'Outfit', sans-serif;
  color: #111111;
  font-size: 20px;
  line-height: 1.25;
  font-weight: 600;
  margin: 0 0 12px;
}

.courseinner-module p {
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 18px;
  line-height: 1.65;
  margin: 0;
}


/* Premium Module FAQ Design */
.courseinner-module-faq {
  display: grid;
  gap: 16px;
}

.courseinner-module-accordion {
  background: #ffffff;
  border: 1px solid rgba(55, 51, 153, 0.14);
  box-shadow: 0 14px 36px rgba(17, 17, 17, 0.05);
  transition: border-color 0.35s ease, box-shadow 0.35s ease, transform 0.35s ease;
}

.courseinner-module-accordion:hover {
  border-color: rgba(55, 51, 153, 0.28);
  box-shadow: 0 22px 50px rgba(17, 17, 17, 0.08);
  transform: translateY(-2px);
}

.courseinner-module-accordion[open] {
  border-color: rgba(55, 51, 153, 0.34);
  box-shadow: 0 24px 60px rgba(17, 17, 17, 0.09);
}

.courseinner-module-accordion summary {
  list-style: none;
  cursor: pointer;
  display: grid;
  grid-template-columns: 64px 1fr 42px;
  gap: 18px;
  align-items: center;
  padding: 22px 24px;
  background: linear-gradient(90deg, #ffffff, #f7f8fc);
}

.courseinner-module-accordion summary::-webkit-details-marker {
  display: none;
}

.courseinner-module-number {
  width: 64px;
  height: 64px;
  background: #00287d;
  color: #ffc63b;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Outfit', sans-serif;
  font-size: 20px;
  font-weight: 700;
}

.courseinner-module-summary-text small {
  display: inline-flex;
  color: #00287d;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  line-height: 1;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.9px;
  margin-bottom: 9px;
}

.courseinner-module-summary-text h3 {
  font-family: 'Outfit', sans-serif;
  color: #111111;
  font-size: 22px;
  line-height: 1.25;
  font-weight: 700;
  margin: 0;
}

.courseinner-module-accordion summary>i {
  width: 42px;
  height: 42px;
  background: #ffc63b;
  color: #00287d;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.35s ease, background 0.35s ease, color 0.35s ease;
}

.courseinner-module-accordion[open] summary>i {
  transform: rotate(180deg);
  background: #00287d;
  color: #ffc63b;
}

.courseinner-module-body {
  padding: 0 24px 24px 106px;
  border-top: 1px solid rgba(55, 51, 153, 0.10);
  background: #ffffff;
}

.courseinner-module-body p,
.courseinner-module-body li {
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 16px;
  line-height: 1.4;
  margin: 18px 0 0;
}

.courseinner-module-body ul,
.courseinner-module-body ol {
  margin: 18px 0 0;
  padding-left: 20px;
}


/* Tables */
.courseinner-table-wrap {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin: 22px 0;
}

.courseinner-table {
  width: 100%;
  min-width: 620px;
  border-collapse: collapse;
  font-family: "Inter", sans-serif;
}

.courseinner-table th {
  background: rgba(55, 51, 153, 0.18);
  color: #111111;
  text-align: left;
  padding: 15px 16px;
  border: 1px solid rgba(55, 51, 153, 0.12);
  font-weight: 600;
}

.courseinner-table td {
  padding: 15px 16px;
  border: 1px solid rgba(55, 51, 153, 0.10);
  color: #000;
}

.courseinner-table tbody tr:nth-child(even) td {
  background: #f7f8fc;
}


/* Sidebar Navigation */
.courseinner-nav-card {
  background: #f7f8fc;
  border: 1px solid rgba(55, 51, 153, 0.10);
  transition: box-shadow 0.35s ease;
}

.courseinner-nav-card a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 18px;
  border-bottom: 1px solid rgba(55, 51, 153, 0.10);
  color: #111111;
  text-decoration: none;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 600;
  transition: background 0.35s ease, color 0.35s ease, padding 0.35s ease;
}

.courseinner-nav-card a:hover {
  color: #00287d;
  background: #ffffff;
  padding-left: 22px;
}

.courseinner-nav-card .courseinner-nav-apply {
  background: #242424;
  color: #ffffff;
  border-bottom: 0;
  font-weight: 600;
}

.courseinner-nav-card .courseinner-nav-apply:hover {
  background: #00287d;
  color: #ffffff;
}


/* Sidebar Info */
.courseinner-side-info {
  background: #ffffff;
  border: 1px solid rgba(55, 51, 153, 0.12);
  padding: 24px;
  box-shadow: 0 18px 42px rgba(17, 17, 17, 0.06);
  transition: box-shadow 0.35s ease, transform 0.35s ease;
}

.courseinner-side-info h3 {
  font-family: 'Outfit', sans-serif;
  color: #111111;
  font-size: 22px;
  line-height: 1.25;
  font-weight: 600;
  margin: 0 0 10px;
}

.courseinner-side-info p {
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 18px;
  line-height: 1.6;
  margin: 0 0 16px;
}

.courseinner-side-info ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 10px;
}

.courseinner-side-info li {
  background: #f7f8fc;
  padding: 11px 12px;
  color: #000;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  line-height: 1.4;
}


/* Sidebar FAQ */
.courseinner-faq-card {
  position: relative;
  overflow: hidden;
  background: #00287d;
  padding: 80px 20px;
  min-height: 270px;
  transition: box-shadow 0.35s ease, transform 0.35s ease;
}

.courseinner-faq-card::after {
  content: "";
  position: absolute;
  right: -52px;
  bottom: -52px;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background: rgba(255, 198, 59, 0.18);
}

.courseinner-faq-card h3 {
  position: relative;
  z-index: 1;
  font-family: 'Outfit', sans-serif;
  color: #ffffff;
  font-size: 22px;
  line-height: 1.25;
  font-weight: 600;
  margin: 0 0 12px;
}

.courseinner-faq-card a {
  position: relative;
  z-index: 1;
  color: #ffffff;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 600;
  text-decoration: underline;
}


/* Sidebar Contact */
.courseinner-contact-card {
  background: #b7dff5;
  padding: 60px 20px;
  transition: box-shadow 0.35s ease, transform 0.35s ease;
}

.courseinner-contact-card h3 {
  font-family: 'Outfit', sans-serif;
  color: #111111;
  font-size: 22px;
  font-weight: 700;
  margin: 0 0 12px;
}

.courseinner-contact-card p,
.courseinner-contact-card a {
  display: block;
  font-family: "Inter", sans-serif;
  color: #111111;
  font-size: 13px;
  line-height: 1.5;
  margin: 0 0 9px;
  text-decoration: none;
}

.courseinner-contact-card a i {
  color: #00287d;
  margin-right: 7px;
}


/* Sidebar Enquiry CTA */
.courseinner-sidebar-enquiry {
  position: relative;
  overflow: hidden;
  background: #ffc63b;
  padding: 50px 20px;
  box-shadow: 0 20px 46px rgba(17, 17, 17, 0.10);
  transition: box-shadow 0.35s ease, transform 0.35s ease;
}

.courseinner-sidebar-enquiry::after {
  content: "";
  position: absolute;
  right: -48px;
  bottom: -48px;
  width: 145px;
  height: 145px;
  border-radius: 50%;
  background: rgba(55, 51, 153, 0.13);
}

.courseinner-sidebar-enquiry>span {
  position: relative;
  z-index: 1;
  display: inline-flex;
  font-family: "Inter", sans-serif;
  color: #00287d;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.9px;
  margin-bottom: 12px;
}

.courseinner-sidebar-enquiry h3 {
  position: relative;
  z-index: 1;
  font-family: 'Outfit', sans-serif;
  color: #111111;
  font-size: 23px;
  line-height: 1.2;
  font-weight: 700;
  margin: 0 0 12px;
}

.courseinner-sidebar-enquiry p {
  position: relative;
  z-index: 1;
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 18px;
  line-height: 1.6;
  margin: 0 0 20px;
}

.courseinner-sidebar-enquiry a {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: #00287d;
  color: #ffffff;
  padding: 14px 20px;
  text-decoration: none;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 700;
  transition: background 0.35s ease, transform 0.35s ease;
}

.courseinner-sidebar-enquiry a:hover {
  background: #242424;
  color: #ffffff;
  transform: translateY(-3px);
}


/* How To Apply */
.courseinner-apply {
  padding: 80px 0;
  background: #f7f8fc;
}

.courseinner-apply-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 45px;
}

.courseinner-apply-head h2 {
  margin: 0;
  font-size: 32px;
}

.courseinner-apply-head a {
  color: #00287d;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 600;
  text-decoration: underline;
}

.courseinner-apply-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

.courseinner-apply-step {
  padding: 28px 34px;
  border-right: 1px solid rgba(36, 36, 36, 0.15);
}

.courseinner-apply-step:last-child {
  border-right: 0;
}

.courseinner-apply-step i {
  color: #00287d;
  font-size: 24px;
  margin-bottom: 18px;
}

.courseinner-apply-step h3 {
  font-family: 'Outfit', sans-serif;
  color: #111111;
  font-size: 20px;
  font-weight: 600;
  margin: 0 0 10px;
}

.courseinner-apply-step p {
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 18px;
  line-height: 1.6;
  margin: 0;
}


/* Full Enquiry CTA */
.courseinner-enquiry-cta {
  padding: 80px 0;
  background: #ffffff;
}

.courseinner-enquiry-box {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 34px;
  align-items: center;
  background: #00287d;
  padding: 46px 50px;
  box-shadow: 0 28px 70px rgba(17, 17, 17, 0.12);
}

.courseinner-enquiry-content span {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: "Inter", sans-serif;
  color: #ffc63b;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 14px;
}

.courseinner-enquiry-content h2 {
  font-family: 'Outfit', sans-serif;
  color: #ffffff;
  font-size: 34px;
  line-height: 1.2;
  font-weight: 700;
  margin: 0 0 12px;
}

.courseinner-enquiry-content p {
  font-family: "Inter", sans-serif;
  color: rgba(255, 255, 255, 0.82);
  font-size: 16px;
  line-height: 1.65;
  margin: 0;
  max-width: 780px;
}

.courseinner-enquiry-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  white-space: nowrap;
  background: #ffc63b;
  color: #111111;
  padding: 16px 28px;
  text-decoration: none;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 700;
  transition: transform 0.35s ease, background 0.35s ease, color 0.35s ease;
}

.courseinner-enquiry-btn:hover {
  background: #ffffff;
  color: #00287d;
  transform: translateY(-3px);
}


/* Final CTA */
.courseinner-cta {
  padding: 90px 0;
  background: #b7dff5;
}

.courseinner-cta-box {
  text-align: center;
}

.courseinner-cta-box p {
  font-family: "Inter", sans-serif;
  color: #111111;
  font-size: 18px;
  line-height: 1.6;
  margin: 0 0 28px;
}

.courseinner-cta-btn {
  display: inline-flex;
  align-items: center;
  gap: 18px;
  background: #242424;
  color: #ffffff;
  padding: 16px 34px;
  text-decoration: none;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 600;
  transition: background 0.35s ease, transform 0.35s ease;
}

.courseinner-cta-btn:hover {
  background: #00287d;
  color: #ffffff;
  transform: translateY(-3px);
}

.courseinner-cta-links {
  display: flex;
  justify-content: center;
  gap: 28px;
  margin-top: 18px;
}

.courseinner-cta-links a {
  color: #111111;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
}

.courseinner-cta-links a:hover {
  color: #00287d;
}


/* Listing Pages */
.courseinner-listing-page {
  padding: 125px 0 90px;
  background: #ffffff;
}

.courseinner-listing-intro {
  max-width: 960px;
  margin-bottom: 52px;
}

.courseinner-listing-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.courseinner-listing-card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 300px;
  background: #f7f8fc;
  border: 1px solid rgba(55, 51, 153, 0.12);
  padding: 30px;
  text-decoration: none;
  transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;
}

.courseinner-listing-card:hover {
  transform: translateY(-8px);
  border-color: rgba(55, 51, 153, 0.28);
  box-shadow: 0 24px 55px rgba(17, 17, 17, 0.09);
}

.courseinner-listing-card>span {
  position: absolute;
  top: 24px;
  right: 24px;
  color: rgba(55, 51, 153, 0.18);
  font-family: 'Outfit', sans-serif;
  font-size: 40px;
  line-height: 1;
  font-weight: 700;
}

.courseinner-listing-card>i {
  width: 62px;
  height: 62px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #00287d;
  color: #ffc63b;
  font-size: 23px;
  margin-bottom: 24px;
}

.courseinner-listing-card h3 {
  font-family: 'Outfit', sans-serif;
  color: #111111;
  font-size: 23px;
  line-height: 1.25;
  font-weight: 600;
  margin: 0 0 12px;
}

.courseinner-listing-card p {
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 15px;
  line-height: 1.6;
  margin: 0 0 22px;
}

.courseinner-listing-card b {
  margin-top: auto;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #00287d;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 700;
}

.courseinner-empty {
  background: #fff7df;
  border-left: 5px solid #ffc63b;
  padding: 22px;
}


/* Responsive */
@media (max-width: 1199px) {
  .courseinner-layout {
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: 36px;
  }

  .courseinner-listing-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 991px) {
  .mainabout1 {
    min-height: 320px;
    padding-top: 130px;
  }

  .courseinner-page,
  .courseinner-listing-page {
    padding: 105px 0 70px;
  }

  .courseinner-layout {
    grid-template-columns: 1fr;
  }

  .courseinner-sidebar-sticky {
    position: relative;
    top: auto;
    max-height: none;
    overflow: visible;
    padding-right: 0;
    transform: none;
  }

  .courseinner-sidebar-sticky.is-stuck {
    transform: none;
  }

  .courseinner-apply-grid {
    grid-template-columns: 1fr;
    gap: 0;
  }

  .courseinner-apply-step {
    border-right: 0;
    border-bottom: 1px solid rgba(36, 36, 36, 0.15);
    padding-left: 0;
    padding-right: 0;
  }

  .courseinner-apply-step:last-child {
    border-bottom: 0;
  }

  .courseinner-enquiry-box {
    grid-template-columns: 1fr;
    padding: 38px;
  }
}

@media (max-width: 767px) {
  .mainabout1 {
    min-height: 300px;
    padding-top: 120px;
  }

  .mainabout1-box {
    padding: 32px 28px;
    transform: translateY(42px);
  }

  .mainabout1-box h1 {
    font-size: 34px;
  }

  .mainabout1-box p {
    font-size: 15px;
  }

  .courseinner-intro h2,
  .courseinner-listing-intro h2 {
    font-size: 31px;
  }

  .courseinner-section-head h2,
  .courseinner-apply-head h2 {
    font-size: 28px;
  }

  .courseinner-meta-grid,
  .courseinner-listing-grid {
    grid-template-columns: 1fr;
  }

  .courseinner-apply-head {
    display: block;
  }

  .courseinner-apply-head h2 {
    margin-bottom: 12px;
  }

  .courseinner-module-accordion summary {
    grid-template-columns: 54px 1fr 38px;
    gap: 14px;
    padding: 18px;
  }

  .courseinner-module-number {
    width: 54px;
    height: 54px;
    font-size: 18px;
  }

  .courseinner-module-summary-text h3 {
    font-size: 19px;
  }

  .courseinner-module-accordion summary>i {
    width: 38px;
    height: 38px;
  }

  .courseinner-module-body {
    padding: 0 18px 22px 18px;
  }

  .courseinner-enquiry-cta {
    padding: 65px 0;
  }

  .courseinner-enquiry-content h2 {
    font-size: 29px;
  }
}

@media (max-width: 480px) {
  .mainabout1-box h1 {
    font-size: 29px;
  }

  .courseinner-page,
  .courseinner-listing-page {
    padding: 90px 0 55px;
  }

  .courseinner-meta-card,
  .courseinner-side-info,
  .courseinner-faq-card,
  .courseinner-contact-card {
    padding: 22px;
  }

  .courseinner-cta-btn {
    width: 100%;
    justify-content: center;
  }

  .courseinner-cta-links {
    gap: 18px;
  }

  .courseinner-module-accordion summary {
    grid-template-columns: 1fr 34px;
  }

  .courseinner-module-number {
    width: 48px;
    height: 48px;
    margin-bottom: 12px;
  }

  .courseinner-module-summary-text {
    grid-column: 1 / 2;
  }

  .courseinner-enquiry-box {
    padding: 28px;
  }

  .courseinner-enquiry-btn {
    width: 100%;
  }
}


/* Diploma Courses New Design */
.diplomacourse-page,
.diplomacourse-apply,
.diplomacourse-enquiry {
  overflow: hidden;
}

.diplomacourse-page {
  padding: 120px 0 100px;
  background: #ffffff;
}

.diplomacourse-hero {
  display: grid;
  grid-template-columns: 1.08fr 0.92fr;
  gap: 46px;
  align-items: stretch;
  margin-bottom: 70px;
}

.diplomacourse-hero-content {
  background: #f7f8fc;
  border-left: 6px solid #00287d;
  padding: 48px;
}

.diplomacourse-kicker,
.diplomacourse-section-head span,
.diplomacourse-apply-head span,
.diplomacourse-enquiry-content span {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: #00287d;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 16px;
}

.diplomacourse-kicker i {
  color: #ffc63b;
}

.diplomacourse-hero-content h2,
.diplomacourse-section-head h2,
.diplomacourse-apply-head h2,
.diplomacourse-enquiry-content h2 {
  font-family: 'Outfit', sans-serif;
  color: #111111;
  font-size: 42px;
  line-height: 1.18;
  font-weight: 600;
  margin: 0 0 22px;
}

.diplomacourse-richtext p {
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 16px;
  line-height: 1.7;
  margin: 0 0 14px;
}

.diplomacourse-richtext p:last-child {
  margin-bottom: 0;
}

.diplomacourse-info-panel {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
}

.diplomacourse-info-card {
  position: relative;
  background: #ffffff;
  border: 1px solid rgba(55, 51, 153, 0.14);
  padding: 30px;
  box-shadow: 0 18px 42px rgba(17, 17, 17, 0.06);
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}

.diplomacourse-info-card:hover {
  transform: translateY(-7px);
  border-color: rgba(55, 51, 153, 0.32);
  box-shadow: 0 26px 58px rgba(17, 17, 17, 0.10);
}

.diplomacourse-info-card i {
  width: 62px;
  height: 62px;
  background: #00287d;
  color: #ffc63b;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 23px;
  margin-bottom: 26px;
}

.diplomacourse-info-card strong {
  display: block;
  font-family: 'Outfit', sans-serif;
  color: #111111;
  font-size: 21px;
  font-weight: 600;
  margin-bottom: 7px;
}

.diplomacourse-info-card span {
  display: block;
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 18px;
  line-height: 1.45;
}

.diplomacourse-section-head {
  max-width: 780px;
  margin-bottom: 42px;
}

.diplomacourse-section-head h2 {
  font-size: 34px;
}

.diplomacourse-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}

.diplomacourse-card {
  position: relative;
  min-height: 330px;
  display: flex;
  flex-direction: column;
  background: #ffffff;
  border: 1px solid rgba(55, 51, 153, 0.14);
  padding: 30px;
  text-decoration: none;
  box-shadow: 0 16px 38px rgba(17, 17, 17, 0.05);
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease, background .35s ease;
}

.diplomacourse-card::before {
  content: "";
  position: absolute;
  inset: 0;
  height: 5px;
  background: #ffc63b;
  transition: height .35s ease;
}

.diplomacourse-card:hover {
  transform: translateY(-8px);
  border-color: rgba(55, 51, 153, 0.32);
  box-shadow: 0 26px 60px rgba(17, 17, 17, 0.10);
  background: #f7f8fc;
}

.diplomacourse-card:hover::before {
  height: 9px;
}

.diplomacourse-card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 28px;
}

.diplomacourse-card-top span {
  font-family: 'Outfit', sans-serif;
  color: rgba(55, 51, 153, 0.18);
  font-size: 46px;
  line-height: 1;
  font-weight: 700;
}

.diplomacourse-card-top i {
  width: 58px;
  height: 58px;
  background: #00287d;
  color: #ffc63b;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 21px;
  transition: background .35s ease, color .35s ease, transform .35s ease;
}

.diplomacourse-card:hover .diplomacourse-card-top i {
  background: #ffc63b;
  color: #00287d;
  transform: rotate(-5deg) scale(1.05);
}

.diplomacourse-card h3 {
  font-family: 'Outfit', sans-serif;
  color: #111111;
  font-size: 22px;
  line-height: 1.25;
  font-weight: 600;
  margin: 0 0 14px;
}

.diplomacourse-card p {
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 15px;
  line-height: 1.65;
  margin: 0 0 26px;
}

.diplomacourse-card b {
  margin-top: auto;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: "Inter", sans-serif;
  color: #00287d;
  font-size: 18px;
  font-weight: 700;
}

.diplomacourse-card b i {
  transition: transform .35s ease;
}

.diplomacourse-card:hover b i {
  transform: translateX(6px);
}

.diplomacourse-card-wide {
  grid-column: span 3;
  min-height: 220px;
}


/* How To Apply */
.diplomacourse-apply {
  padding: 95px 0;
  background: #f7f8fc;
}

.diplomacourse-apply-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 24px;
  margin-bottom: 48px;
}

.diplomacourse-apply-head h2 {
  margin-bottom: 0;
}

.diplomacourse-apply-head a {
  font-family: "Inter", sans-serif;
  color: #00287d;
  font-size: 18px;
  font-weight: 600;
  text-decoration: underline;
}

.diplomacourse-apply-timeline {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.diplomacourse-apply-timeline::before {
  content: "";
  position: absolute;
  left: 14%;
  right: 14%;
  top: 47px;
  height: 2px;
  background: rgba(55, 51, 153, 0.18);
}

.diplomacourse-apply-step {
  position: relative;
  z-index: 2;
  background: #ffffff;
  border: 1px solid rgba(55, 51, 153, 0.12);
  padding: 34px;
  box-shadow: 0 16px 38px rgba(17, 17, 17, 0.05);
}

.diplomacourse-apply-icon {
  width: 68px;
  height: 68px;
  background: #00287d;
  color: #ffc63b;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  margin-bottom: 22px;
}

.diplomacourse-apply-step span {
  display: inline-flex;
  font-family: "Inter", sans-serif;
  color: #00287d;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .8px;
  margin-bottom: 10px;
}

.diplomacourse-apply-step h3 {
  font-family: 'Outfit', sans-serif;
  color: #111111;
  font-size: 22px;
  font-weight: 600;
  margin: 0 0 12px;
}

.diplomacourse-apply-step p {
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 15px;
  line-height: 1.65;
  margin: 0;
}


/* Enquiry CTA */
.diplomacourse-enquiry {
  padding: 95px 0;
  background: #ffffff;
}

.diplomacourse-enquiry-box {
  display: grid;
  grid-template-columns: 86px 1fr auto;
  gap: 30px;
  align-items: center;
  background: #00287d;
  padding: 50px;
  box-shadow: 0 28px 70px rgba(17, 17, 17, 0.14);
}

.diplomacourse-enquiry-icon {
  width: 86px;
  height: 86px;
  background: #ffc63b;
  color: #00287d;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 34px;
}

.diplomacourse-enquiry-content span {
  color: #ffc63b;
}

.diplomacourse-enquiry-content h2 {
  color: #ffffff;
  font-size: 34px;
  margin-bottom: 12px;
}

.diplomacourse-enquiry-content p {
  max-width: 760px;
  font-family: "Inter", sans-serif;
  color: rgba(255, 255, 255, 0.82);
  font-size: 16px;
  line-height: 1.65;
  margin: 0;
}

.diplomacourse-enquiry-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  white-space: nowrap;
  background: #ffc63b;
  color: #111111;
  padding: 17px 30px;
  text-decoration: none;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 700;
  transition: background .35s ease, color .35s ease, transform .35s ease;
}

.diplomacourse-enquiry-btn:hover {
  background: #ffffff;
  color: #00287d;
  transform: translateY(-3px);
}

.diplomacourse-enquiry-btn i {
  transition: transform .35s ease;
}

.diplomacourse-enquiry-btn:hover i {
  transform: translateX(5px);
}


/* Responsive */
@media (max-width: 1199px) {
  .diplomacourse-hero {
    gap: 32px;
  }

  .diplomacourse-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .diplomacourse-card-wide {
    grid-column: span 2;
  }

  .diplomacourse-enquiry-box {
    grid-template-columns: 76px 1fr;
  }

  .diplomacourse-enquiry-btn {
    grid-column: 2 / 3;
    width: fit-content;
  }
}

@media (max-width: 991px) {

  .diplomacourse-page,
  .diplomacourse-apply,
  .diplomacourse-enquiry {
    padding: 75px 0;
  }

  .diplomacourse-hero {
    grid-template-columns: 1fr;
  }

  .diplomacourse-hero-content h2,
  .diplomacourse-apply-head h2 {
    font-size: 36px;
  }

  .diplomacourse-section-head h2,
  .diplomacourse-enquiry-content h2 {
    font-size: 31px;
  }

  .diplomacourse-apply-timeline {
    grid-template-columns: 1fr;
  }

  .diplomacourse-apply-timeline::before {
    display: none;
  }
}

@media (max-width: 767px) {

  .diplomacourse-page,
  .diplomacourse-apply,
  .diplomacourse-enquiry {
    padding: 65px 0;
  }

  .diplomacourse-hero-content {
    padding: 32px;
  }

  .diplomacourse-info-panel,
  .diplomacourse-grid {
    grid-template-columns: 1fr;
  }

  .diplomacourse-card-wide {
    grid-column: auto;
  }

  .diplomacourse-apply-head {
    display: block;
  }

  .diplomacourse-apply-head h2 {
    margin-bottom: 12px;
  }

  .diplomacourse-enquiry-box {
    grid-template-columns: 1fr;
    padding: 34px;
  }

  .diplomacourse-enquiry-btn {
    grid-column: auto;
    width: 100%;
  }
}

@media (max-width: 480px) {

  .diplomacourse-hero-content h2,
  .diplomacourse-apply-head h2 {
    font-size: 30px;
  }

  .diplomacourse-section-head h2,
  .diplomacourse-enquiry-content h2 {
    font-size: 28px;
  }

  .diplomacourse-hero-content,
  .diplomacourse-card,
  .diplomacourse-apply-step,
  .diplomacourse-enquiry-box {
    padding: 28px;
  }

  .diplomacourse-info-card {
    padding: 24px;
  }
}

/* PG Diploma Courses - Premium Design */
.pgdiploma-page,
.pgdiploma-apply,
.pgdiploma-enquiry {
  overflow: hidden;
}

.pgdiploma-page {
  padding: 120px 0 100px;
  background: #ffffff;
}

.pgdiploma-intro-wrap {
  display: grid;
  grid-template-columns: 1fr 420px;
  gap: 42px;
  align-items: stretch;
  margin-bottom: 72px;
}

.pgdiploma-intro-content {
  position: relative;
  background: #00287d;
  padding: 52px;
  overflow: hidden;
}

.pgdiploma-intro-content::after {
  content: "";
  position: absolute;
  right: -80px;
  bottom: -80px;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  background: rgba(255, 198, 59, 0.15);
}

.pgdiploma-kicker,
.pgdiploma-course-head span,
.pgdiploma-apply-title span,
.pgdiploma-enquiry-content span {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #ffc63b;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 16px;
}

.pgdiploma-intro-content h2 {
  position: relative;
  z-index: 1;
  font-family: 'Outfit', sans-serif;
  color: #ffffff;
  font-size: 46px;
  line-height: 1.15;
  font-weight: 700;
  margin: 0 0 24px;
}

.pgdiploma-richtext {
  position: relative;
  z-index: 1;
}

.pgdiploma-richtext p {
  font-family: "Inter", sans-serif;
  color: rgba(255, 255, 255, 0.84);
  font-size: 16px;
  line-height: 1.4;
  margin: 0 0 14px;
}

.pgdiploma-richtext p:last-child {
  margin-bottom: 0;
}

.pgdiploma-stat-box {
  display: grid;
  gap: 16px;
}

.pgdiploma-stat-card {
  display: grid;
  grid-template-columns: 64px 1fr;
  gap: 18px;
  align-items: center;
  background: #f7f8fc;
  border: 1px solid rgba(55, 51, 153, 0.12);
  padding: 22px;
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}

.pgdiploma-stat-card:hover {
  transform: translateX(8px);
  border-color: rgba(55, 51, 153, 0.3);
  box-shadow: 0 20px 48px rgba(17, 17, 17, 0.08);
}

.pgdiploma-stat-card i {
  width: 64px;
  height: 64px;
  background: #ffc63b;
  color: #00287d;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 23px;
}

.pgdiploma-stat-card strong {
  display: block;
  font-family: 'Outfit', sans-serif;
  color: #111111;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 5px;
}

.pgdiploma-stat-card span {
  display: block;
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 18px;
  line-height: 1.45;
}

.pgdiploma-course-head {
  max-width: 820px;
  margin-bottom: 44px;
}

.pgdiploma-course-head span {
  color: #00287d;
}

.pgdiploma-course-head h2,
.pgdiploma-apply-title h2,
.pgdiploma-enquiry-content h2 {
  font-family: 'Outfit', sans-serif;
  color: #111111;
  font-size: 38px;
  line-height: 1.2;
  font-weight: 700;
  margin: 0 0 16px;
}

.pgdiploma-course-head p {
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 18px;
  line-height: 1.65;
  margin: 0;
}

.pgdiploma-course-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 22px;
}

.pgdiploma-course-card {
  position: relative;
  display: grid;
  grid-template-columns: 72px 68px 1fr;
  gap: 20px;
  align-items: start;
  background: #ffffff;
  border: 1px solid rgba(55, 51, 153, 0.14);
  padding: 28px;
  text-decoration: none;
  box-shadow: 0 16px 38px rgba(17, 17, 17, 0.05);
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease, background .35s ease;
}

.pgdiploma-course-card::before {
  content: "";
  position: absolute;
  left: 0;
  top: 28px;
  bottom: 28px;
  width: 5px;
  background: #ffc63b;
  transition: width .35s ease;
}

.pgdiploma-course-card:hover {
  transform: translateY(-8px);
  background: #f7f8fc;
  border-color: rgba(55, 51, 153, 0.32);
  box-shadow: 0 26px 60px rgba(17, 17, 17, 0.10);
}

.pgdiploma-course-card:hover::before {
  width: 9px;
}

.pgdiploma-course-number {
  font-family: 'Outfit', sans-serif;
  color: rgba(55, 51, 153, 0.18);
  font-size: 48px;
  line-height: 1;
  font-weight: 700;
}

.pgdiploma-course-icon {
  width: 68px;
  height: 68px;
  background: #00287d;
  color: #ffc63b;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 23px;
  transition: background .35s ease, color .35s ease, transform .35s ease;
}

.pgdiploma-course-card:hover .pgdiploma-course-icon {
  background: #ffc63b;
  color: #00287d;
  transform: rotate(-4deg) scale(1.05);
}

.pgdiploma-course-content h3 {
  font-family: 'Outfit', sans-serif;
  color: #111111;
  font-size: 22px;
  line-height: 1.25;
  font-weight: 700;
  margin: 0 0 12px;
}

.pgdiploma-course-content p {
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 15px;
  line-height: 1.6;
  margin: 0 0 18px;
}

.pgdiploma-course-content b {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: "Inter", sans-serif;
  color: #00287d;
  font-size: 18px;
  font-weight: 700;
}

.pgdiploma-course-content b i {
  transition: transform .35s ease;
}

.pgdiploma-course-card:hover b i {
  transform: translateX(6px);
}


/* Apply */
.pgdiploma-apply {
  padding: 95px 0;
  background: #f7f8fc;
}

.pgdiploma-apply-wrap {
  display: grid;
  grid-template-columns: 330px 1fr;
  gap: 42px;
  align-items: stretch;
}

.pgdiploma-apply-title {
  background: #242424;
  padding: 38px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.pgdiploma-apply-title h2 {
  color: #ffffff;
  margin-bottom: 18px;
}

.pgdiploma-apply-title a {
  font-family: "Inter", sans-serif;
  color: #ffc63b;
  font-size: 18px;
  font-weight: 700;
  text-decoration: underline;
}

.pgdiploma-apply-steps {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0;
  background: #ffffff;
  box-shadow: 0 20px 50px rgba(17, 17, 17, 0.07);
}

.pgdiploma-apply-step {
  position: relative;
  padding: 34px;
  border-right: 1px solid rgba(55, 51, 153, 0.12);
}

.pgdiploma-apply-step:last-child {
  border-right: 0;
}

.pgdiploma-apply-step>span {
  position: absolute;
  right: 24px;
  top: 24px;
  font-family: 'Outfit', sans-serif;
  color: rgba(55, 51, 153, 0.15);
  font-size: 36px;
  font-weight: 700;
  line-height: 1;
}

.pgdiploma-apply-step i {
  width: 66px;
  height: 66px;
  background: #00287d;
  color: #ffc63b;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 23px;
  margin-bottom: 24px;
}

.pgdiploma-apply-step h3 {
  font-family: 'Outfit', sans-serif;
  color: #111111;
  font-size: 22px;
  font-weight: 700;
  margin: 0 0 12px;
}

.pgdiploma-apply-step p {
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 15px;
  line-height: 1.65;
  margin: 0;
}


/* Enquiry CTA */
.pgdiploma-enquiry {
  padding: 95px 0;
  background: #ffffff;
}

.pgdiploma-enquiry-box {
  position: relative;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 34px;
  align-items: center;
  background: #ffc63b;
  padding: 52px;
  overflow: hidden;
  box-shadow: 0 28px 70px rgba(17, 17, 17, 0.13);
}

.pgdiploma-enquiry-box::after {
  content: "";
  position: absolute;
  right: -90px;
  bottom: -90px;
  width: 230px;
  height: 230px;
  border-radius: 50%;
  background: rgba(55, 51, 153, 0.13);
}

.pgdiploma-enquiry-content {
  position: relative;
  z-index: 1;
}

.pgdiploma-enquiry-content span {
  color: #00287d;
}

.pgdiploma-enquiry-content h2 {
  color: #111111;
  font-size: 34px;
  margin-bottom: 12px;
}

.pgdiploma-enquiry-content p {
  max-width: 780px;
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 16px;
  line-height: 1.65;
  margin: 0;
}

.pgdiploma-enquiry-btn {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  white-space: nowrap;
  background: #00287d;
  color: #ffffff;
  padding: 17px 30px;
  text-decoration: none;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 700;
  transition: background .35s ease, color .35s ease, transform .35s ease;
}

.pgdiploma-enquiry-btn:hover {
  background: #242424;
  color: #ffffff;
  transform: translateY(-3px);
}

.pgdiploma-enquiry-btn i {
  transition: transform .35s ease;
}

.pgdiploma-enquiry-btn:hover i {
  transform: translateX(5px);
}


/* Responsive */
@media (max-width: 1199px) {
  .pgdiploma-intro-wrap {
    grid-template-columns: 1fr;
  }

  .pgdiploma-stat-box {
    grid-template-columns: repeat(2, 1fr);
  }

  .pgdiploma-course-card {
    grid-template-columns: 58px 58px 1fr;
    gap: 16px;
  }
}

@media (max-width: 991px) {

  .pgdiploma-page,
  .pgdiploma-apply,
  .pgdiploma-enquiry {
    padding: 75px 0;
  }

  .pgdiploma-intro-content h2,
  .pgdiploma-course-head h2,
  .pgdiploma-apply-title h2 {
    font-size: 36px;
  }

  .pgdiploma-course-list,
  .pgdiploma-apply-wrap {
    grid-template-columns: 1fr;
  }

  .pgdiploma-apply-steps {
    grid-template-columns: 1fr;
  }

  .pgdiploma-apply-step {
    border-right: 0;
    border-bottom: 1px solid rgba(55, 51, 153, 0.12);
  }

  .pgdiploma-apply-step:last-child {
    border-bottom: 0;
  }

  .pgdiploma-enquiry-box {
    grid-template-columns: 1fr;
  }

  .pgdiploma-enquiry-btn {
    width: fit-content;
  }
}

@media (max-width: 767px) {

  .pgdiploma-page,
  .pgdiploma-apply,
  .pgdiploma-enquiry {
    padding: 65px 0;
  }

  .pgdiploma-intro-content,
  .pgdiploma-apply-title,
  .pgdiploma-enquiry-box {
    padding: 34px;
  }

  .pgdiploma-stat-box {
    grid-template-columns: 1fr;
  }

  .pgdiploma-course-card {
    grid-template-columns: 1fr;
  }

  .pgdiploma-course-number {
    font-size: 42px;
  }

  .pgdiploma-enquiry-btn {
    width: 100%;
  }
}

@media (max-width: 480px) {

  .pgdiploma-intro-content h2,
  .pgdiploma-course-head h2,
  .pgdiploma-apply-title h2,
  .pgdiploma-enquiry-content h2 {
    font-size: 29px;
  }

  .pgdiploma-intro-content,
  .pgdiploma-stat-card,
  .pgdiploma-course-card,
  .pgdiploma-apply-title,
  .pgdiploma-apply-step,
  .pgdiploma-enquiry-box {
    padding: 28px;
  }

  .pgdiploma-stat-card {
    grid-template-columns: 1fr;
  }
}


/* Master's Degree Listing - Premium Design */
.masterdegree-page,
.masterdegree-apply,
.masterdegree-enquiry {
  overflow: hidden;
}

.masterdegree-page {
  padding: 120px 0 100px;
  background: #ffffff;
}

.masterdegree-intro {
  display: grid;
  grid-template-columns: 1fr 470px;
  gap: 42px;
  align-items: stretch;
  margin-bottom: 74px;
}

.masterdegree-intro-left {
  position: relative;
  background: #f7f8fc;
  border: 1px solid rgba(55, 51, 153, 0.12);
  padding: 58px;
  overflow: hidden;
}

.masterdegree-intro-left::before {
  content: "";
  position: absolute;
  right: -95px;
  bottom: -95px;
  width: 260px;
  height: 260px;
  border-radius: 50%;
  background: rgba(55, 51, 153, 0.08);
}

.masterdegree-intro-left::after {
  content: "";
  position: absolute;
  right: 42px;
  top: 42px;
  width: 90px;
  height: 90px;
  border: 14px solid rgba(255, 198, 59, 0.45);
}

.masterdegree-kicker,
.masterdegree-heading span,
.masterdegree-apply-title span,
.masterdegree-enquiry-content span {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: "Inter", sans-serif;
  color: #00287d;
  font-size: 13px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 18px;
}

.masterdegree-kicker i,
.masterdegree-enquiry-content span i {
  color: #ffc63b;
}

.masterdegree-intro-left h2 {
  position: relative;
  z-index: 1;
  font-family: 'Outfit', sans-serif;
  color: #111111;
  font-size: 52px;
  line-height: 1.08;
  font-weight: 900;
  margin: 0;
}

.masterdegree-richtext {
  position: relative;
  z-index: 1;
}

.masterdegree-intro-right {
  display: grid;
  gap: 16px;
}

.masterdegree-meta-card {
  display: grid;
  grid-template-columns: 70px 1fr;
  gap: 18px;
  align-items: center;
  background: #00287d;
  padding: 24px;
  transition: transform .35s ease, box-shadow .35s ease, background .35s ease;
}

.masterdegree-meta-card:nth-child(even) {
  background: #242424;
}

.masterdegree-meta-card:hover {
  transform: translateX(8px);
  box-shadow: 0 24px 55px rgba(17, 17, 17, 0.12);
}

.masterdegree-meta-card i {
  width: 70px;
  height: 70px;
  background: #ffc63b;
  color: #00287d;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
}

.masterdegree-meta-card strong {
  display: block;
  font-family: 'Outfit', sans-serif;
  color: #ffffff;
  font-size: 20px;
  line-height: 1.25;
  font-weight: 900;
  margin-bottom: 5px;
}

.masterdegree-meta-card span {
  display: block;
  font-family: "Inter", sans-serif;
  color: rgba(255, 255, 255, 0.78);
  font-size: 18px;
  line-height: 1.45;
}

.masterdegree-heading {
  max-width: 850px;
  margin-bottom: 44px;
}

.masterdegree-heading h2,
.masterdegree-apply-title h2,
.masterdegree-enquiry-content h2 {
  font-family: 'Outfit', sans-serif;
  color: #111111;
  font-size: 38px;
  line-height: 1.2;
  font-weight: 900;
  margin: 0;
}

.masterdegree-course-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}

.masterdegree-course-card {
  position: relative;
  display: grid;
  grid-template-columns: 82px 1fr;
  gap: 24px;
  background: #ffffff;
  border: 1px solid rgba(55, 51, 153, 0.14);
  padding: 30px;
  min-height: 270px;
  text-decoration: none;
  box-shadow: 0 16px 38px rgba(17, 17, 17, 0.05);
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}

.masterdegree-course-card::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 6px;
  background: #ffc63b;
  transition: width .35s ease;
}

.masterdegree-course-card:hover {
  transform: translateY(-8px);
  border-color: rgba(55, 51, 153, 0.32);
  box-shadow: 0 26px 60px rgba(17, 17, 17, 0.10);
}

.masterdegree-course-card:hover::before {
  width: 10px;
}

.masterdegree-course-count {
  font-family: 'Outfit', sans-serif;
  color: rgba(55, 51, 153, 0.18);
  font-size: 58px;
  line-height: 1;
  font-weight: 900;
}

.masterdegree-course-main {
  min-width: 0;
}

.masterdegree-course-main i {
  width: 58px;
  height: 58px;
  background: #00287d;
  color: #ffc63b;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 21px;
  margin-bottom: 22px;
  transition: background .35s ease, color .35s ease, transform .35s ease;
}

.masterdegree-course-card:hover .masterdegree-course-main i {
  background: #ffc63b;
  color: #00287d;
  transform: rotate(-5deg) scale(1.05);
}

.masterdegree-course-main h3 {
  font-family: 'Outfit', sans-serif;
  color: #111111;
  font-size: 23px;
  line-height: 1.25;
  font-weight: 900;
  margin: 0 0 13px;
}

.masterdegree-course-main p {
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 15px;
  line-height: 1.65;
  margin: 0;
}

.masterdegree-course-card b {
  grid-column: 2 / 3;
  display: inline-flex;
  align-self: end;
  align-items: center;
  gap: 10px;
  font-family: "Inter", sans-serif;
  color: #00287d;
  font-size: 18px;
  font-weight: 900;
}

.masterdegree-course-card b i {
  transition: transform .35s ease;
}

.masterdegree-course-card:hover b i {
  transform: translateX(6px);
}


/* Apply */
.masterdegree-apply {
  padding: 95px 0;
  background: #f7f8fc;
}

.masterdegree-apply-box {
  display: grid;
  grid-template-columns: 360px 1fr;
  background: #ffffff;
  box-shadow: 0 24px 65px rgba(17, 17, 17, 0.08);
}

.masterdegree-apply-title {
  background: #00287d;
  padding: 42px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.masterdegree-apply-title span {
  color: #ffc63b;
}

.masterdegree-apply-title h2 {
  color: #ffffff;
  margin-bottom: 18px;
}

.masterdegree-apply-title a {
  color: #ffc63b;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 900;
  text-decoration: underline;
}

.masterdegree-apply-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

.masterdegree-apply-step {
  padding: 38px;
  border-right: 1px solid rgba(55, 51, 153, 0.12);
}

.masterdegree-apply-step:last-child {
  border-right: 0;
}

.masterdegree-step-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
}

.masterdegree-step-top span {
  font-family: 'Outfit', sans-serif;
  color: rgba(55, 51, 153, 0.18);
  font-size: 42px;
  line-height: 1;
  font-weight: 900;
}

.masterdegree-step-top i {
  width: 62px;
  height: 62px;
  background: #ffc63b;
  color: #00287d;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
}

.masterdegree-apply-step h3 {
  font-family: 'Outfit', sans-serif;
  color: #111111;
  font-size: 22px;
  font-weight: 900;
  margin: 0 0 12px;
}

.masterdegree-apply-step p {
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 15px;
  line-height: 1.65;
  margin: 0;
}


/* Enquiry CTA */
.masterdegree-enquiry {
  padding: 95px 0;
  background: #ffffff;
}

.masterdegree-enquiry-box {
  position: relative;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 36px;
  align-items: center;
  background: #242424;
  padding: 54px;
  overflow: hidden;
  box-shadow: 0 28px 70px rgba(17, 17, 17, 0.14);
}

.masterdegree-enquiry-box::before {
  content: "";
  position: absolute;
  left: -80px;
  top: -80px;
  width: 230px;
  height: 230px;
  border-radius: 50%;
  background: rgba(255, 198, 59, 0.14);
}

.masterdegree-enquiry-box::after {
  content: "";
  position: absolute;
  right: -90px;
  bottom: -90px;
  width: 260px;
  height: 260px;
  border-radius: 50%;
  background: rgba(55, 51, 153, 0.35);
}

.masterdegree-enquiry-content {
  position: relative;
  z-index: 1;
}

.masterdegree-enquiry-content span {
  color: #ffc63b;
}

.masterdegree-enquiry-content h2 {
  color: #ffffff;
  font-size: 34px;
  margin-bottom: 12px;
}

.masterdegree-enquiry-content p {
  max-width: 780px;
  font-family: "Inter", sans-serif;
  color: rgba(255, 255, 255, 0.78);
  font-size: 16px;
  line-height: 1.65;
  margin: 0;
}

.masterdegree-enquiry-btn {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  white-space: nowrap;
  background: #ffc63b;
  color: #111111;
  padding: 17px 30px;
  text-decoration: none;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 900;
  transition: background .35s ease, color .35s ease, transform .35s ease;
}

.masterdegree-enquiry-btn:hover {
  background: #ffffff;
  color: #00287d;
  transform: translateY(-3px);
}

.masterdegree-enquiry-btn i {
  transition: transform .35s ease;
}

.masterdegree-enquiry-btn:hover i {
  transform: translateX(5px);
}


/* Responsive */
@media (max-width: 1199px) {
  .masterdegree-intro {
    grid-template-columns: 1fr;
  }

  .masterdegree-intro-right {
    grid-template-columns: repeat(2, 1fr);
  }

  .masterdegree-apply-box {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 991px) {

  .masterdegree-page,
  .masterdegree-apply,
  .masterdegree-enquiry {
    padding: 75px 0;
  }

  .masterdegree-course-grid,
  .masterdegree-apply-grid {
    grid-template-columns: 1fr;
  }

  .masterdegree-apply-step {
    border-right: 0;
    border-bottom: 1px solid rgba(55, 51, 153, 0.12);
  }

  .masterdegree-apply-step:last-child {
    border-bottom: 0;
  }

  .masterdegree-enquiry-box {
    grid-template-columns: 1fr;
  }

  .masterdegree-enquiry-btn {
    width: fit-content;
  }
}

@media (max-width: 767px) {

  .masterdegree-page,
  .masterdegree-apply,
  .masterdegree-enquiry {
    padding: 65px 0;
  }

  .masterdegree-intro-left,
  .masterdegree-apply-title,
  .masterdegree-enquiry-box {
    padding: 34px;
  }

  .masterdegree-intro-left h2 {
    font-size: 38px;
  }

  .masterdegree-heading h2,
  .masterdegree-apply-title h2,
  .masterdegree-enquiry-content h2 {
    font-size: 30px;
  }

  .masterdegree-intro-right {
    grid-template-columns: 1fr;
  }

  .masterdegree-course-card {
    grid-template-columns: 1fr;
  }

  .masterdegree-course-card b {
    grid-column: auto;
  }

  .masterdegree-enquiry-btn {
    width: 100%;
  }
}

@media (max-width: 480px) {
  .masterdegree-intro-left h2 {
    font-size: 32px;
  }

  .masterdegree-intro-left,
  .masterdegree-meta-card,
  .masterdegree-course-card,
  .masterdegree-apply-title,
  .masterdegree-apply-step,
  .masterdegree-enquiry-box {
    padding: 28px;
  }

  .masterdegree-meta-card {
    grid-template-columns: 1fr;
  }
}

/* Highlighted Payment + Research Steps */
.courseinner-payment-highlight {
  display: grid;
  gap: 28px;
  margin-top: 30px;
}

.courseinner-payment-note {
  display: grid;
  grid-template-columns: 76px 1fr;
  gap: 22px;
  align-items: center;
  background: #00287d;
  padding: 30px;
  box-shadow: 0 22px 55px rgba(17, 17, 17, 0.10);
}

.courseinner-payment-icon {
  width: 76px;
  height: 76px;
  background: #ffc63b;
  color: #00287d;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
}

.courseinner-payment-note span,
.courseinner-installment-head span,
.courseinner-research-head span {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 900;
  color: #ffc63b;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 10px;
}

.courseinner-payment-note p {
  font-family: 'Outfit', sans-serif;
  color: #ffffff;
  font-size: 22px;
  line-height: 1.35;
  font-weight: 600;
  margin: 0;
}

.courseinner-installment-box {
  background: #f7f8fc;
  border: 1px solid rgba(55, 51, 153, 0.12);
  padding: 34px;
}

.courseinner-installment-head {
  margin-bottom: 24px;
}

.courseinner-installment-head span {
  color: #00287d;
}

.courseinner-installment-head span i,
.courseinner-research-head span i {
  color: #ffc63b;
}

.courseinner-installment-head h4,
.courseinner-research-head h4 {
  font-family: 'Outfit', sans-serif;
  color: #111111;
  font-size: 30px;
  font-weight: 900;
  line-height: 1.2;
  margin: 0;
}

.courseinner-installment-list {
  display: grid;
  gap: 14px;
}

.courseinner-installment-list p {
  position: relative;
  background: #ffffff;
  border-left: 5px solid #ffc63b;
  padding: 17px 18px;
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 15px;
  line-height: 1.6;
  margin: 0;
  box-shadow: 0 12px 30px rgba(17, 17, 17, 0.04);
}

.courseinner-installment-list strong {
  color: #00287d;
  font-weight: 900;
}

.courseinner-research-steps {
  background: #ffffff;
  border: 1px solid rgba(55, 51, 153, 0.12);
  padding: 36px;
  box-shadow: 0 22px 55px rgba(17, 17, 17, 0.07);
}

.courseinner-research-head {
  margin-bottom: 30px;
}

.courseinner-research-head span {
  color: #00287d;
}

.courseinner-steps-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
}

.courseinner-step-item {
  position: relative;
  display: grid;
  grid-template-columns: 58px 1fr;
  gap: 18px;
  align-items: start;
  background: #f7f8fc;
  border: 1px solid rgba(55, 51, 153, 0.10);
  padding: 20px;
  transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;
}

.courseinner-step-item:hover {
  transform: translateY(-5px);
  border-color: rgba(55, 51, 153, 0.28);
  box-shadow: 0 18px 45px rgba(17, 17, 17, 0.08);
}

.courseinner-step-item b {
  width: 58px;
  height: 58px;
  background: #00287d;
  color: #ffc63b;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Outfit', sans-serif;
  font-size: 18px;
  font-weight: 900;
}

.courseinner-step-item p {
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 15px;
  line-height: 1.65;
  margin: 0;
}

.courseinner-step-warning {
  grid-column: span 2;
  background: #fff7df;
  border-color: rgba(255, 198, 59, 0.55);
}

.courseinner-step-warning b {
  background: #ffc63b;
  color: #00287d;
}

@media (max-width: 991px) {
  .courseinner-steps-grid {
    grid-template-columns: 1fr;
  }

  .courseinner-step-warning {
    grid-column: auto;
  }
}

@media (max-width: 767px) {
  .courseinner-payment-note {
    grid-template-columns: 1fr;
    padding: 26px;
  }

  .courseinner-payment-note p {
    font-size: 19px;
  }

  .courseinner-installment-box,
  .courseinner-research-steps {
    padding: 26px;
  }

  .courseinner-step-item {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 480px) {

  .courseinner-installment-head h4,
  .courseinner-research-head h4 {
    font-size: 26px;
  }

  .courseinner-payment-icon,
  .courseinner-step-item b {
    width: 54px;
    height: 54px;
  }
}

/* Common */
.iama-label {
  color: #00287d;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.iama-knowledge-section,
.iama-pathway-section,
.iama-values-section {
  position: relative;
  overflow: hidden;
}

/* Section 1 */
.iama-knowledge-section {
  padding: 115px 0;
  background: linear-gradient(120deg, #ffffff 0%, #f5f7ff 55%, #eef2ff 100%);
}

.iama-knowledge-wrap {
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  gap: 80px;
  align-items: center;
}

.iama-knowledge-content h2,
.iama-section-heading h2,
.iama-values-card h2 {
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 60px;
  font-weight: 400;
  line-height: 1;
  margin: 0 0 26px;
  letter-spacing: -0.6px;
}



.iama-values-card h2 strong {
  color: #00287d;
}


.iama-section-heading h2 strong {
  color: #00287d;
}


.iama-knowledge-content h2 strong {
  color: #00287d;
}

.iama-knowledge-content p,
.iama-section-heading p,
.iama-values-card p {
  font-family: "Inter", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #000;
  line-height: 1.6em;
}

.iama-mini-list {
  margin-top: 38px;
  display: grid;
  gap: 16px;
}

.iama-mini-list div {
  display: flex;
  align-items: center;
  gap: 18px;
  background: #ffffff;
  padding: 18px 22px;
  border-radius: 16px;
  box-shadow: 0 18px 50px rgba(35, 35, 80, 0.08);
  border-left: 5px solid #ffc83d;
}

.iama-mini-list span {
  color: #00287d;
  font-weight: 900;
  font-size: 22px;
}

.iama-mini-list h4 {
  margin: 0;
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 25px;
  font-weight: 700;
  line-height: 1;
}

.iama-orbit-box {
  min-height: 430px;
  position: relative;
  border-radius: 36px;
  background:
    radial-gradient(circle at center, rgba(255, 200, 61, 0.22), transparent 34%),
    linear-gradient(135deg, #00287d, #302b8f);
  box-shadow: 0 30px 80px rgba(48, 43, 143, 0.25);
}

.iama-orbit-box::before {
  content: "";
  position: absolute;
  width: 330px;
  height: 330px;
  border: 1px dashed rgba(255, 255, 255, 0.35);
  border-radius: 50%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.orbit-card {
  position: absolute;
  background: #ffffff;
  color: #17172f;
  padding: 18px 24px;
  border-radius: 18px;
  font-weight: 600;
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.12);
}

.orbit-main {
  width: 190px;
  height: 190px;
  border-radius: 50%;
  background: #ffc83d;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.orbit-main h3 {
  font-size: 42px;
  margin: 0;
  color: #17172f;
}

.orbit-main p {
  margin: 4px 0 0;
  font-size: 13px;
  color: #17172f;
  font-weight: 600;
}

.orbit-one {
  top: 45px;
  left: 70px;
}

.orbit-two {
  top: 90px;
  right: 65px;
}

.orbit-three {
  bottom: 70px;
  left: 80px;
}

.orbit-four {
  bottom: 45px;
  right: 70px;
}

/* Section 2 */
.iama-pathway-section {
  padding: 115px 0;
  background: #ffffff;
}

.iama-section-heading {
  text-align: center;
  margin: 0 auto 65px;
}

.iama-pathway-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}

.iama-path-card {
  position: relative;
  background: #f5f7ff;
  padding: 42px 28px 36px;
  border-radius: 28px;
  overflow: hidden;
  transition: 0.35s ease;
  border: 1px solid rgba(85, 79, 192, 0.08);
}

.iama-path-card::before {
  content: "";
  position: absolute;
  width: 120px;
  height: 120px;
  background: #ffc83d;
  border-radius: 50%;
  right: -45px;
  top: -45px;
  opacity: 0.35;
}

.iama-path-card:hover {
  transform: translateY(-10px);
  background: #00287d;
}

.iama-path-card>span {
  position: absolute;
  top: 24px;
  right: 28px;
  font-size: 42px;
  color: rgba(85, 79, 192, 0.18);
  font-weight: 900;
}

.iama-path-card:hover>span {
  color: rgba(255, 255, 255, 0.18);
}

.path-icon {
  width: 62px;
  height: 62px;
  background: #ffc83d;
  border-radius: 18px;
  display: grid;
  place-items: center;
  font-size: 26px;
  margin-bottom: 28px;
}

.iama-path-card h4 {
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 30px;
  margin: 0 0 12px;
  font-weight: 700;
}

.iama-path-card p {
  color: #000;
  line-height: 1.4;
  margin: 0;
  font-size: 18px;
}

.iama-path-card:hover h4,
.iama-path-card:hover p {
  color: #ffffff;
}

/* Section 3 */
.iama-values-section {
  padding: 115px 0;
  background:
    radial-gradient(circle at 10% 20%, rgba(255, 200, 61, 0.25), transparent 25%),
    linear-gradient(135deg, #f4f6ff 0%, #ffffff 100%);
}

.iama-values-wrap {
  display: grid;
  grid-template-columns: 0.95fr 1.05fr;
  gap: 70px;
  align-items: center;
}

.iama-values-card {
  background: #ffffff;
  padding: 54px;
  border-radius: 34px;
  box-shadow: 0 25px 70px rgba(35, 35, 80, 0.09);
  border-bottom: 8px solid #ffc83d;
}

.iama-values-list {
  display: grid;
  gap: 18px;
}

.value-row {
  display: grid;
  grid-template-columns: 170px 1fr;
  gap: 24px;
  align-items: center;
  background: #ffffff;
  padding: 26px 30px;
  border-radius: 22px;
  box-shadow: 0 16px 45px rgba(35, 35, 80, 0.07);
  border-left: 5px solid #00287d;
}

.value-row span {
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 23px;
  font-weight: 700;
}

.value-row p {
  font-family: "Inter", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #000;
  line-height: 1.6em;
  margin: 0;
}

/* Responsive */
@media (max-width: 991px) {

  .iama-knowledge-wrap,
  .iama-values-wrap {
    grid-template-columns: 1fr;
    gap: 50px;
  }

  .iama-pathway-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .iama-orbit-box {
    min-height: 390px;
  }
}

@media (max-width: 575px) {

  .iama-knowledge-section,
  .iama-pathway-section,
  .iama-values-section {
    padding: 75px 0;
  }

  .iama-pathway-grid {
    grid-template-columns: 1fr;
  }

  .iama-knowledge-content h2,
  .iama-section-heading h2,
  .iama-values-card h2 {
    font-size: 34px;
  }

  .iama-orbit-box {
    min-height: auto;
    padding: 30px;
    display: grid;
    gap: 14px;
  }

  .iama-orbit-box::before {
    display: none;
  }

  .orbit-card,
  .orbit-main {
    position: static;
    transform: none;
    width: auto;
    height: auto;
    border-radius: 18px;
    text-align: center;
  }

  .value-row {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .iama-values-card {
    padding: 34px 26px;
  }
}

.iama-knowledge-image {
  position: relative;
  border-radius: 36px;
  overflow: hidden;
  min-height: 470px;
  box-shadow: 0 30px 80px rgba(48, 43, 143, 0.22);
}

.iama-knowledge-image::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(85, 79, 192, 0.25), rgba(255, 200, 61, 0.18));
  z-index: 1;
}

.iama-knowledge-image img {
  width: 100%;
  height: 100%;
  height: 550px;
  object-fit: cover;
  display: block;
}

.image-badge {
  position: absolute;
  left: 28px;
  bottom: 28px;
  z-index: 2;
  background: #ffffff;
  padding: 22px 26px;
  border-radius: 20px;
  max-width: 210px;
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.16);
  border-left: 6px solid #ffc83d;
}

.image-badge strong {
  display: block;
  font-size: 42px;
  line-height: 1;
  color: #00287d;
  font-weight: 900;
}

.image-badge span {
  display: block;
  margin-top: 6px;
  color: #17172f;
  font-size: 17px;
  line-height: 1.2;
  font-weight: 600;
}

@media (max-width: 575px) {

  .iama-knowledge-image,
  .iama-knowledge-image img {
    min-height: 340px;
  }

  .image-badge {
    left: 18px;
    bottom: 18px;
    padding: 18px 20px;
  }
}

.home3-modern {
  padding: 110px 0;
  background: linear-gradient(135deg, #ffffff 0%, #f4f6ff 100%);
  position: relative;
  overflow: hidden;
}

.home3-modern-wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 70px;
  align-items: center;
}

.home3-modern-image {
  position: relative;
  border-radius: 36px;
  overflow: hidden;
  min-height: 520px;
  box-shadow: 0 30px 80px rgba(85, 79, 192, 0.22);
}

.home3-modern-image::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(85, 79, 192, 0.18), rgba(255, 200, 61, 0.18));
  z-index: 1;
}

.home3-modern-image img {
  width: 100%;
  height: 100%;
  min-height: 520px;
  object-fit: cover;
  display: block;
}

.home3-image-card {
  position: absolute;
  left: 28px;
  bottom: 28px;
  z-index: 2;
  background: #ffffff;
  color: #17172f;
  padding: 20px 24px;
  border-radius: 18px;
  display: flex;
  align-items: center;
  gap: 14px;
  font-weight: 900;
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.16);
  border-left: 6px solid #ffc83d;
}

.home3-image-card i {
  width: 42px;
  height: 42px;
  background: #00287d;
  color: #ffffff;
  border-radius: 12px;
  display: grid;
  place-items: center;
  font-size: 18px;
}

.home3-label {
  color: #00287d;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.home3-modern-content h2 {
  font-family: 'Outfit', sans-serif;
  color: #111;
  font-size: 55px;
  line-height: 1;
  margin: 16px 0 22px;
  font-weight: 700;
}

.home3-modern-content p {
  font-family: "Inter", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  margin: 0 0 30px;
}

.home3-modern-content strong {
  color: #17172f;
  font-weight: 900;
}

.home3-points {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
  margin-bottom: 34px;
}

.home3-points div {
  background: #ffffff;
  padding: 20px;
  border-radius: 18px;
  display: flex;
  align-items: center;
  gap: 14px;
  box-shadow: 0 15px 45px rgba(35, 35, 80, 0.08);
  border: 1px solid rgba(85, 79, 192, 0.08);
}

.home3-points i {
  width: 44px;
  height: 44px;
  background: #ffc83d;
  color: #17172f;
  border-radius: 12px;
  display: grid;
  place-items: center;
  font-size: 18px;
}

.home3-points span {
  font-family: "Inter", Sans-serif;
  font-size: 22px;
  font-weight: 700;
  color: #00287d;
}

.home3-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #00287d;
  color: #ffffff;
  padding: 16px 28px;
  border-radius: 12px;
  font-size: 15px;
  font-weight: 900;
  text-decoration: none;
  transition: 0.3s ease;
}

.home3-btn:hover {
  background: #ffc83d;
  color: #17172f;
  transform: translateY(-3px);
}

@media (max-width: 991px) {
  .home3-modern {
    padding: 80px 0;
  }

  .home3-modern-wrap {
    grid-template-columns: 1fr;
    gap: 45px;
  }
}

@media (max-width: 575px) {
  .home3-modern {
    padding: 65px 0;
  }

  .home3-modern-image,
  .home3-modern-image img {
    min-height: 360px;
  }

  .home3-modern-content h2 {
    font-size: 32px;
  }

  .home3-points {
    grid-template-columns: 1fr;
  }

  .home3-image-card {
    left: 18px;
    bottom: 18px;
    padding: 16px 18px;
  }
}

/* =========================================
   IAMA VEDIC PROFESSIONAL SECTION
   Unique prefix: iama-vp-
========================================= */

.iama-vp-section {
  position: relative;
  overflow: hidden;
  padding: 70px 0;
  background:
    radial-gradient(circle at 8% 12%,
      rgba(0, 40, 125, 0.09) 0,
      rgba(0, 40, 125, 0) 28%),
    radial-gradient(circle at 94% 90%,
      rgba(255, 193, 7, 0.14) 0,
      rgba(255, 193, 7, 0) 25%),
    #f7f9fd;
}

.iama-vp-section::before {
  content: "";
  position: absolute;
  top: 80px;
  right: -130px;
  width: 310px;
  height: 310px;
  border: 55px solid rgba(0, 40, 125, 0.035);
  border-radius: 50%;
  pointer-events: none;
}



/* Heading */

.iama-vp-heading {
  position: relative;
  z-index: 2;
  max-width: 1000px;
  margin: 0 auto 70px;
  text-align: center;
}

.iama-vp-subtitle {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 18px;
  padding: 10px 19px;
  border: 1px solid rgba(0, 40, 125, 0.12);
  border-radius: 100px;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0 8px 25px rgba(7, 21, 37, 0.06);
  color: #00287d;
  font-family: "Inter", sans-serif;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.4px;
}

.iama-vp-subtitle i {
  font-size: 18px;
}

.iama-vp-heading h2 {
  margin: 0 0 18px;
  font-family: 'Outfit', sans-serif;
  color: #071525;
  font-size: 60px;
  font-weight: 600;
  line-height: 1.16;
  letter-spacing: -2px;
}


.iama-vp-heading h2 span {
  color: #00287d;
  font-weight: 600;
}


.iama-vp-heading p {
  max-width: 780px;
  margin: 0 auto;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #000;
  line-height: 1.65em;
}

/* Main layout */

.iama-vp-layout {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  align-items: center;
  gap: 75px;
}

/* Image area */

.iama-vp-visual {
  position: relative;
}

.iama-vp-image-wrap {
  position: relative;
  overflow: hidden;
  padding: 12px;
  border: 1px solid rgba(0, 40, 125, 0.1);
  border-radius: 34px;
  background: #fff;
  box-shadow: 0 30px 80px rgba(0, 40, 125, 0.14);
}

.iama-vp-image-wrap::before {
  content: "";
  position: absolute;
  z-index: 2;
  inset: 12px;
  border-radius: 24px;
  background: linear-gradient(180deg,
      rgba(0, 40, 125, 0) 45%,
      rgba(0, 25, 75, 0.64) 100%);
  pointer-events: none;
}

.iama-vp-image-wrap img {
  display: block;
  width: 100%;
  min-height: 590px;
  border-radius: 24px;
  object-fit: cover;
}

.iama-vp-image-badge {
  position: absolute;
  z-index: 3;
  right: 34px;
  bottom: 34px;
  left: 34px;
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 19px 20px;
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.14);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

.iama-vp-badge-icon {
  display: flex;
  width: 52px;
  height: 52px;
  min-width: 52px;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: #00287d;
  color: #fff;
  font-size: 21px;
}

.iama-vp-image-badge strong,
.iama-vp-floating-card strong {
  display: block;
  margin-bottom: 3px;
  font-family: 'Outfit', sans-serif;
  color: #071525;
  font-size: 22px;
  font-weight: 700;
}

.iama-vp-image-badge span,
.iama-vp-floating-card span {
  display: block;
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 20px;
  line-height: 1.4;
}

.iama-vp-floating-card {
  position: absolute;
  z-index: 4;
  top: 45px;
  left: -38px;
  display: flex;
  align-items: center;
  gap: 13px;
  min-width: 210px;
  padding: 17px 19px;
  border: 1px solid rgba(0, 40, 125, 0.1);
  border-radius: 17px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 18px 50px rgba(0, 40, 125, 0.16);
}

.iama-vp-floating-card>i {
  display: flex;
  width: 45px;
  height: 45px;
  min-width: 45px;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: rgba(0, 40, 125, 0.09);
  color: #00287d;
  font-size: 19px;
}

/* Feature cards */

.iama-vp-features {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 17px;
}

.iama-vp-features::before {
  content: "";
  position: absolute;
  top: 48px;
  bottom: 48px;
  left: 38px;
  width: 2px;
  background: linear-gradient(180deg,
      rgba(0, 40, 125, 0.15),
      #00287d 50%,
      rgba(0, 40, 125, 0.15));
}

.iama-vp-card {
  position: relative;
  display: flex;
  align-items: center;
  gap: 23px;
  padding: 23px 26px 23px 19px;
  overflow: hidden;
  border: 1px solid rgba(0, 40, 125, 0.08);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.91);
  box-shadow: 0 12px 35px rgba(7, 21, 37, 0.055);
  transition:
    transform 0.35s ease,
    box-shadow 0.35s ease,
    border-color 0.35s ease;
}

.iama-vp-card::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 5px;
  height: 100%;
  background: #00287d;
  transform: scaleY(0);
  transform-origin: bottom;
  transition: transform 0.35s ease;
}

.iama-vp-card:hover {
  transform: translateX(10px);
  border-color: rgba(0, 40, 125, 0.18);
  box-shadow: 0 20px 48px rgba(0, 40, 125, 0.12);
}

.iama-vp-card:hover::after {
  transform: scaleY(1);
}

.iama-vp-card-icon {
  position: relative;
  z-index: 2;
  display: flex;
  width: 76px;
  height: 76px;
  min-width: 76px;
  align-items: center;
  justify-content: center;
  border: 7px solid #f7f9fd;
  border-radius: 50%;
  background: #00287d;
  box-shadow: 0 10px 25px rgba(0, 40, 125, 0.2);
  color: #fff;
  font-size: 25px;
  transition:
    transform 0.35s ease,
    background 0.35s ease;
}

.iama-vp-card:hover .iama-vp-card-icon {
  transform: rotate(-7deg) scale(1.04);
}

.iama-vp-card-content {
  position: relative;
  flex: 1;
  padding-right: 38px;
}

.iama-vp-card-number {
  position: absolute;
  top: 50%;
  right: 0;
  color: rgba(0, 40, 125, 0.07);
  font-family: 'Outfit', sans-serif;
  font-size: 42px;
  font-weight: 600;
  line-height: 1;
  transform: translateY(-50%);
}

.iama-vp-card-content h3 {
  position: relative;
  z-index: 2;
  margin: 0 0 8px;
  font-family: 'Outfit', sans-serif;
  color: #071525;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.25;
}

.iama-vp-card-content p {
  position: relative;
  z-index: 2;
  margin: 0;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #000;
  line-height: 1.55em;
}

/* =========================================
   Responsive
========================================= */

@media (max-width: 1199px) {
  .iama-vp-section {
    padding: 90px 0;
  }

  .iama-vp-layout {
    grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
    gap: 45px;
  }

  .iama-vp-image-wrap img {
    min-height: 540px;
  }

  .iama-vp-floating-card {
    left: -15px;
  }

  .iama-vp-heading h2 {
    font-size: 41px;
  }
}

@media (max-width: 991px) {
  .iama-vp-layout {
    grid-template-columns: 1fr;
    gap: 55px;
  }

  .iama-vp-visual {
    width: 100%;
    max-width: 720px;
    margin: 0 auto;
  }

  .iama-vp-image-wrap img {
    min-height: 500px;
  }

  .iama-vp-features {
    max-width: 760px;
    margin: 0 auto;
  }

  .iama-vp-heading {
    margin-bottom: 55px;
  }
}

@media (max-width: 767px) {
  .iama-vp-section {
    padding: 75px 0;
  }

  .iama-vp-heading {
    margin-bottom: 42px;
  }

  .iama-vp-heading h2 {
    font-size: 34px;
    letter-spacing: -0.5px;
  }

  .iama-vp-heading p {
    font-size: 18px;
    line-height: 1.6em;
  }

  .iama-vp-image-wrap {
    padding: 8px;
    border-radius: 24px;
  }

  .iama-vp-image-wrap::before {
    inset: 8px;
    border-radius: 17px;
  }

  .iama-vp-image-wrap img {
    min-height: 430px;
    border-radius: 17px;
  }

  .iama-vp-floating-card {
    top: 25px;
    left: 20px;
  }

  .iama-vp-image-badge {
    right: 22px;
    bottom: 22px;
    left: 22px;
  }

  .iama-vp-card {
    gap: 18px;
    padding: 20px 20px 20px 15px;
  }

  .iama-vp-card-icon {
    width: 66px;
    height: 66px;
    min-width: 66px;
    font-size: 22px;
  }

  .iama-vp-features::before {
    left: 32px;
  }

  .iama-vp-card-content h3 {
    font-size: 20px;
  }

  .iama-vp-card-content p {
    font-size: 15px;
  }

  .iama-vp-card-number {
    font-size: 35px;
  }
}

@media (max-width: 575px) {
  .iama-vp-section {
    padding: 60px 0;
  }

  .iama-vp-heading {
    text-align: left;
  }

  .iama-vp-heading h2 {
    font-size: 30px;
    line-height: 1.2;
  }

  .iama-vp-heading p {
    font-size: 16px;
  }

  .iama-vp-subtitle {
    padding: 9px 15px;
    font-size: 13px;
  }

  .iama-vp-image-wrap img {
    min-height: 390px;
  }

  .iama-vp-floating-card {
    position: relative;
    top: auto;
    left: auto;
    width: calc(100% - 20px);
    margin: -20px auto 0;
  }

  .iama-vp-image-badge {
    right: 17px;
    bottom: 17px;
    left: 17px;
    padding: 15px;
  }

  .iama-vp-badge-icon {
    width: 46px;
    height: 46px;
    min-width: 46px;
    font-size: 18px;
  }

  .iama-vp-features {
    gap: 15px;
  }

  .iama-vp-features::before {
    display: none;
  }

  .iama-vp-card {
    align-items: flex-start;
    padding: 20px 17px;
    border-radius: 17px;
  }

  .iama-vp-card:hover {
    transform: translateY(-5px);
  }

  .iama-vp-card-icon {
    width: 54px;
    height: 54px;
    min-width: 54px;
    border-width: 5px;
    font-size: 19px;
  }

  .iama-vp-card-content {
    padding-right: 0;
  }

  .iama-vp-card-content h3 {
    padding-right: 30px;
    font-size: 18px;
  }

  .iama-vp-card-content p {
    font-size: 15px;
    line-height: 1.5em;
  }

  .iama-vp-card-number {
    top: 0;
    right: 0;
    font-size: 28px;
    transform: none;
  }
}

@media (max-width: 390px) {
  .iama-vp-card {
    flex-direction: column;
  }

  .iama-vp-card-content h3 {
    padding-right: 35px;
  }

  .iama-vp-image-badge strong,
  .iama-vp-floating-card strong {
    font-size: 15px;
  }
}


/* =====================================================
   IAMA GLOBAL PARTNERSHIPS SECTION
   Unique CSS prefix: iama-gp-
===================================================== */

.iama-gp-section {
  --iama-gp-blue: #00287d;
  --iama-gp-dark: #00287d;
  --iama-gp-dark-two: #00287d;
  --iama-gp-yellow: #f7c843;
  --iama-gp-white: #ffffff;

  position: relative;
  overflow: hidden;
  padding: 50px 20px;
  background: radial-gradient(circle at 15% 20%, rgba(0, 72, 190, 0.26) 0%, rgba(0, 72, 190, 0) 32%), radial-gradient(circle at 90% 80%, rgba(247, 200, 67, 0.13) 0%, rgba(247, 200, 67, 0) 28%), linear-gradient(135deg, var(--iama-gp-dark) 0%, var(--iama-gp-dark-two) 55%, #000000 100%);
  
}

.iama-gp-section::before {
  content: "";
  position: absolute;
  top: -190px;
  left: -180px;
  width: 460px;
  height: 460px;
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 50%;
}

.iama-gp-section::after {
  content: "";
  position: absolute;
  right: -220px;
  bottom: -260px;
  width: 590px;
  height: 590px;
  border: 95px solid rgba(247, 200, 67, 0.035);
  border-radius: 50%;
}

.iama-gp-container {
  position: relative;
  z-index: 3;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 0.95fr);
  align-items: center;
  gap: 85px;
  width: 100%;
  margin: 0 auto;
}

/* Content */

.iama-gp-content {
  position: relative;
}

.iama-gp-label {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 30px;
  padding: 10px 17px;
  border: 1px solid rgba(247, 200, 67, 0.3);
  border-radius: 100px;
  background: rgba(247, 200, 67, 0.08);
  color: var(--iama-gp-yellow);
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.4px;
}

.iama-gp-label i {
  font-size: 18px;
}

.iama-gp-icon {
  display: flex;
  width: 82px;
  height: 82px;
  align-items: center;
  justify-content: center;
  margin-bottom: 26px;
  border: 1px solid rgba(247, 200, 67, 0.25);
  border-radius: 24px;
  background: linear-gradient(135deg,
      rgba(247, 200, 67, 0.18),
      rgba(247, 200, 67, 0.05));
  box-shadow:
    0 20px 45px rgba(0, 0, 0, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
  color: var(--iama-gp-yellow);
  font-size: 35px;
}

.iama-gp-content h2 {
  max-width: 650px;
  margin: 0 0 24px;
  font-family: 'Outfit', sans-serif;
  color: var(--iama-gp-white);
  font-size: 54px;
  font-weight: 600;
  line-height: 1.08;
  letter-spacing: -1.5px;
}

.iama-gp-content h2::after {
  content: "";
  display: block;
  width: 85px;
  height: 4px;
  margin-top: 23px;
  border-radius: 10px;
  background: linear-gradient(90deg,
      var(--iama-gp-yellow),
      rgba(247, 200, 67, 0));
}

.iama-gp-content>p {
  max-width: 680px;
  margin: 0 0 34px;
  font-family: "Inter", sans-serif;
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4;
}

.iama-gp-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 13px;
  min-height: 56px;
  padding: 14px 24px;
  overflow: hidden;
  border: 1px solid #f7c843;
  border-radius: 50px;
  background: #f7c843;
  box-shadow: 0 14px 35px rgba(247, 200, 67, 0.2);
  color: #071525;
  font-family: "Inter", sans-serif;
  font-size: 19px;
  font-weight: 700;
  text-decoration: none;
  transition:
    transform 0.3s ease,
    background 0.3s ease,
    color 0.3s ease,
    box-shadow 0.3s ease;
}

.iama-gp-button i {
  transition: transform 0.3s ease;
}

.iama-gp-button:hover {
  transform: translateY(-4px);
  background: #fff;
  color: #00287d;
  box-shadow: 0 18px 38px rgba(0, 0, 0, 0.25);
  border: 1px solid #00287d;
}

.iama-gp-button:hover i {
  transform: translateX(5px);
}

/* Statistics */

.iama-gp-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 45px;
}

.iama-gp-stat {
  position: relative;
  padding: 20px 16px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.045);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.iama-gp-stat::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 34px;
  height: 3px;
  background: var(--iama-gp-yellow);
}

.iama-gp-stat strong {
  display: block;
  margin-bottom: 5px;
  font-family: 'Outfit', sans-serif;
  color: #fff;
  font-size: 22px;
  font-weight: 700;
}

.iama-gp-stat span {
  display: block;
  font-family: "Inter", sans-serif;
  color: #fff;
  font-size: 18px;
  line-height: 1.4;
}

/* Image area */

.iama-gp-visual {
  position: relative;
  min-width: 0;
  padding: 40px 25px;
}

.iama-gp-image-frame {
  position: relative;
  z-index: 4;
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 32px;
  background: rgba(255, 255, 255, 0.07);
  box-shadow: 0 38px 90px rgba(0, 0, 0, 0.38);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.iama-gp-image-frame img {
  display: block;
  width: 100%;
  min-height: 560px;
  border-radius: 23px;
  object-fit: cover;
}

.iama-gp-image-overlay {
  position: absolute;
  inset: 10px;
  border-radius: 23px;

  pointer-events: none;
}

/* Floating cards */

.iama-gp-floating-card {
  position: absolute;
  z-index: 7;
  display: flex;
  align-items: center;
  gap: 13px;
  min-width: 235px;
  padding: 16px 18px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 16px;
  background: rgba(2, 13, 36, 0.88);
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
}

.iama-gp-floating-card-one {
  top: 58px;
  left: -45px;
}

.iama-gp-floating-card-two {
  right: -35px;
  bottom: 52px;
}

.iama-gp-floating-icon {
  display: flex;
  width: 47px;
  height: 47px;
  min-width: 47px;
  align-items: center;
  justify-content: center;
  border-radius: 13px;
  background: var(--iama-gp-yellow);
  color: var(--iama-gp-dark);
  font-size: 19px;
}

.iama-gp-floating-card strong {
  display: block;
  margin-bottom: 3px;
  font-family: 'Outfit', sans-serif;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
}

.iama-gp-floating-card span:not(.iama-gp-floating-icon) {
  display: block;
  font-family: "Inter", sans-serif;
  color: #fff;
  font-size: 18px;
}

/* Decorative elements */

.iama-gp-circle {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
}

.iama-gp-circle-one {
  z-index: 1;
  top: 0;
  right: -15px;
  width: 190px;
  height: 190px;
  border: 1px solid rgba(247, 200, 67, 0.28);
}

.iama-gp-circle-two {
  z-index: 2;
  right: 18px;
  bottom: 0;
  width: 130px;
  height: 130px;
  background: rgba(247, 200, 67, 0.1);
  filter: blur(1px);
}

.iama-gp-dot-grid {
  position: absolute;
  z-index: 1;
  top: 15px;
  left: -5px;
  width: 130px;
  height: 130px;
  opacity: 0.3;
  background-image: radial-gradient(rgba(247, 200, 67, 0.75) 1.5px,
      transparent 1.5px);
  background-size: 14px 14px;
}

/* =====================================================
   RESPONSIVE
===================================================== */

@media (max-width: 1199px) {
  .iama-gp-section {
    padding: 95px 20px;
  }

  .iama-gp-container {
    gap: 55px;
  }

  .iama-gp-content h2 {
    font-size: 48px;
  }

  .iama-gp-image-frame img {
    min-height: 510px;
  }

  .iama-gp-floating-card-one {
    left: -20px;
  }

  .iama-gp-floating-card-two {
    right: -15px;
  }
}

@media (max-width: 991px) {
  .iama-gp-container {
    grid-template-columns: 1fr;
    gap: 60px;
  }

  .iama-gp-content {
    max-width: 760px;
  }

  .iama-gp-visual {
    width: 100%;
    max-width: 760px;
    margin: 0 auto;
  }

  .iama-gp-image-frame img {
    min-height: 520px;
  }
}

@media (max-width: 767px) {
  .iama-gp-section {
    padding: 75px 16px;
  }

  .iama-gp-content h2 {
    font-size: 39px;
    letter-spacing: -1px;
  }

  .iama-gp-content>p {
    font-size: 18px;
    line-height: 1.65;
  }

  .iama-gp-stats {
    grid-template-columns: 1fr;
  }

  .iama-gp-visual {
    padding: 25px 5px;
  }

  .iama-gp-image-frame {
    border-radius: 25px;
  }

  .iama-gp-image-frame img {
    min-height: 460px;
    border-radius: 17px;
  }

  .iama-gp-image-overlay {
    border-radius: 17px;
  }

  .iama-gp-floating-card-one {
    top: 45px;
    left: -5px;
  }

  .iama-gp-floating-card-two {
    right: -5px;
    bottom: 40px;
  }
}

@media (max-width: 575px) {
  .iama-gp-section {
    padding: 60px 14px;
  }

  .iama-gp-label {
    margin-bottom: 23px;
    padding: 9px 14px;
    font-size: 12px;
  }

  .iama-gp-icon {
    width: 68px;
    height: 68px;
    margin-bottom: 22px;
    border-radius: 19px;
    font-size: 29px;
  }

  .iama-gp-content h2 {
    font-size: 33px;
    line-height: 1.15;
  }

  .iama-gp-content>p {
    font-size: 16px;
  }

  .iama-gp-button {
    width: 100%;
  }

  .iama-gp-image-frame img {
    min-height: 390px;
  }

  .iama-gp-floating-card {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    width: calc(100% - 24px);
    min-width: 0;
    margin-right: auto;
    margin-left: auto;
  }

  .iama-gp-floating-card-one {
    margin-top: -85px;
  }

  .iama-gp-floating-card-two {
    margin-top: 12px;
  }

  .iama-gp-image-frame {
    padding-bottom: 28px;
  }

  .iama-gp-circle-one,
  .iama-gp-circle-two,
  .iama-gp-dot-grid {
    display: none;
  }
}

@media (max-width: 390px) {
  .iama-gp-content h2 {
    font-size: 29px;
  }

  .iama-gp-image-frame img {
    min-height: 350px;
  }

  .iama-gp-floating-card {
    padding: 14px;
  }

  .iama-gp-floating-icon {
    width: 42px;
    height: 42px;
    min-width: 42px;
    font-size: 18px;
  }
}


/* =====================================================
   IAMA MODERN HOME GALLERY
   Unique prefix: iama-galleryx-
===================================================== */

.iama-galleryx-section {
  --iama-galleryx-blue: #00287d;
  --iama-galleryx-dark: #071525;
  --iama-galleryx-yellow: #f6c64a;
  --iama-galleryx-yellow-soft: #fff3ca;
  --iama-galleryx-blue-soft: #eaf0ff;
  --iama-galleryx-white: #ffffff;

  position: relative;
  overflow: hidden;
  padding: 70px 0;
  background:
    radial-gradient(circle at 8% 15%,
      rgba(0, 40, 125, 0.08) 0,
      rgba(0, 40, 125, 0) 28%),
    radial-gradient(circle at 94% 18%,
      rgba(246, 198, 74, 0.18) 0,
      rgba(246, 198, 74, 0) 24%),
    linear-gradient(180deg, #ffffff 0%, #f5f8ff 100%);
}

.iama-galleryx-section::before {
  content: "";
  position: absolute;
  top: -170px;
  right: -150px;
  width: 420px;
  height: 420px;
  border: 75px solid rgba(0, 40, 125, 0.025);
  border-radius: 50%;
  pointer-events: none;
}

.iama-galleryx-section::after {
  content: "";
  position: absolute;
  bottom: -190px;
  left: -150px;
  width: 380px;
  height: 380px;
  border-radius: 50%;
  background: rgba(246, 198, 74, 0.07);
  pointer-events: none;
}

.iama-galleryx-grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 0.78fr) minmax(0, 1.22fr);
  align-items: center;
  gap: 80px;
}

/* =====================================================
   CONTENT
===================================================== */

.iama-galleryx-content {
  position: relative;
}

.iama-galleryx-label {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 22px;
  padding: 10px 18px;
  border: 1px solid rgba(0, 40, 125, 0.09);
  border-radius: 100px;
  background: var(--iama-galleryx-blue-soft);
  color: var(--iama-galleryx-blue);
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.iama-galleryx-label i {
  color: var(--iama-galleryx-blue);
  font-size: 15px;
}

.iama-galleryx-content h2 {
  max-width: 590px;
  margin: 0 0 22px;
  font-family: 'Outfit', sans-serif;
  color: var(--iama-galleryx-dark);
  font-size: 60px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -1.2px;
}

.iama-galleryx-content p {
  max-width: 610px;
  margin: 0 0 32px;
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4;
}

/* Navigation */

.iama-galleryx-navigation {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 30px;
}

.iama-galleryx-arrow {
  display: inline-flex;
  width: 54px;
  height: 54px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(0, 40, 125, 0.12);
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 10px 30px rgba(0, 40, 125, 0.08);
  color: var(--iama-galleryx-blue);
  font-size: 16px;
  cursor: pointer;
  transition:
    transform 0.3s ease,
    background 0.3s ease,
    color 0.3s ease,
    box-shadow 0.3s ease;
}

.iama-galleryx-arrow:hover {
  transform: translateY(-4px);
  background: var(--iama-galleryx-blue);
  box-shadow: 0 14px 32px rgba(0, 40, 125, 0.2);
  color: #fff;
}

.iama-galleryx-counter {
  display: flex;
  min-width: 94px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-family: "Inter", sans-serif;
}

.iama-galleryx-counter strong {
  color: var(--iama-galleryx-blue);
  font-size: 19px;
  font-weight: 700;
}

.iama-galleryx-counter span {
  width: 26px;
  height: 1px;
  background: rgba(0, 40, 125, 0.25);
}

.iama-galleryx-counter small {
  color: #7a8492;
  font-size: 18px;
  font-weight: 600;
}

/* Main link */

.iama-galleryx-link {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  color: var(--iama-galleryx-dark);
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
}

.iama-galleryx-link-icon {
  display: inline-flex;
  width: 42px;
  height: 42px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--iama-galleryx-yellow);
  color: var(--iama-galleryx-dark);
  transition:
    transform 0.3s ease,
    background 0.3s ease;
}

.iama-galleryx-link:hover .iama-galleryx-link-icon {
  transform: translateX(6px);
  background: var(--iama-galleryx-blue);
  color: #fff;
}

/* Information card */

.iama-galleryx-info {
  display: flex;
  max-width: 440px;
  align-items: center;
  gap: 15px;
  margin-top: 42px;
  padding: 18px;
  border: 1px solid rgba(0, 40, 125, 0.08);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.82);
  box-shadow: 0 18px 45px rgba(0, 40, 125, 0.07);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.iama-galleryx-info-icon {
  display: flex;
  width: 52px;
  height: 52px;
  min-width: 52px;
  align-items: center;
  justify-content: center;
  border-radius: 15px;
  background: var(--iama-galleryx-blue);
  color: #fff;
  font-size: 20px;
}

.iama-galleryx-info strong {
  display: block;
  margin-bottom: 4px;
  font-family: 'Outfit', sans-serif;
  color: var(--iama-galleryx-dark);
  font-size: 22px;
  font-weight: 700;
}

.iama-galleryx-info span {
  display: block;
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 19px;
  line-height: 1.5;
}

/* =====================================================
   VISUAL AREA
===================================================== */

.iama-galleryx-visual {
  position: relative;
  min-width: 0;
  padding: 35px 0 35px 35px;
}

.iama-galleryx-main-card {
  position: relative;
  z-index: 3;
  overflow: hidden;
  border: 9px solid #fff;
  border-radius: 32px;
  background: #fff;
  box-shadow: 0 35px 90px rgba(7, 21, 37, 0.16);
}

.iama-galleryx-main-image {
  position: relative;
  display: block;
  width: 100%;
  height: 510px;
  padding: 0;
  overflow: hidden;
  border: 0;
  border-radius: 24px 24px 0 0;
  background: #dfe7f5;
  cursor: pointer;
}

.iama-galleryx-main-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition:
    transform 0.65s ease,
    opacity 0.25s ease;
}

.iama-galleryx-main-image:hover img {
  transform: scale(1.055);
}

.iama-galleryx-image-shade {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg,
      rgba(7, 21, 37, 0) 45%,
      rgba(7, 21, 37, 0.5) 100%);
  pointer-events: none;
}

.iama-galleryx-view {
  position: absolute;
  right: 24px;
  bottom: 24px;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 12px 16px;
  border: 1px solid rgba(255, 255, 255, 0.28);
  border-radius: 100px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.13);
  color: var(--iama-galleryx-dark);
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 700;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  transition:
    transform 0.3s ease,
    background 0.3s ease;
}

.iama-galleryx-main-image:hover .iama-galleryx-view {
  transform: translateY(-4px);
  background: var(--iama-galleryx-yellow);
}

/* Caption */

.iama-galleryx-caption {
  display: flex;
  min-height: 105px;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 22px 25px;
  background: #fff;
}

.iama-galleryx-caption span {
  display: block;
  margin-bottom: 6px;
  font-family: "Inter", sans-serif;
  color: var(--iama-galleryx-blue);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.8px;
  text-transform: uppercase;
}

.iama-galleryx-caption h3 {
  margin: 0;
  font-family: 'Outfit', sans-serif;
  color: var(--iama-galleryx-dark);
  font-size: 23px;
  font-weight: 700;
  line-height: 1.25;
}

.iama-galleryx-caption-icon {
  display: flex;
  width: 50px;
  height: 50px;
  min-width: 50px;
  align-items: center;
  justify-content: center;
  border-radius: 15px;
  background: var(--iama-galleryx-yellow-soft);
  color: var(--iama-galleryx-blue);
  font-size: 19px;
}

/* Thumbnails */

.iama-galleryx-thumbnails {
  position: relative;
  z-index: 5;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin: 20px auto 0;
  padding: 13px;
  border: 1px solid rgba(0, 40, 125, 0.08);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 20px 50px rgb(7 21 37 / 11%);
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
}

.iama-galleryx-thumb {
  position: relative;
  height: 95px;
  padding: 0;
  overflow: hidden;
  border: 3px solid transparent;
  border-radius: 14px;
  background: #edf1f8;
  cursor: pointer;
  transition:
    transform 0.3s ease,
    border-color 0.3s ease,
    box-shadow 0.3s ease;
}

.iama-galleryx-thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}

.iama-galleryx-thumb::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 40, 125, 0.19);
  transition: opacity 0.3s ease;
}

.iama-galleryx-thumb>span {
  position: absolute;
  z-index: 3;
  right: 8px;
  bottom: 7px;
  display: flex;
  width: 26px;
  height: 26px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.92);
  color: var(--iama-galleryx-dark);
  font-family: "Inter", sans-serif;
  font-size: 10px;
  font-weight: 700;
}

.iama-galleryx-thumb:hover,
.iama-galleryx-thumb.active {
  transform: translateY(-5px);
  border-color: var(--iama-galleryx-yellow);
  box-shadow: 0 10px 24px rgba(7, 21, 37, 0.13);
}

.iama-galleryx-thumb:hover img,
.iama-galleryx-thumb.active img {
  transform: scale(1.07);
}

.iama-galleryx-thumb:hover::after,
.iama-galleryx-thumb.active::after {
  opacity: 0;
}

/* Decorative elements */

.iama-galleryx-decoration {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
}

.iama-galleryx-decoration-one {
  top: 0;
  right: -55px;
  width: 180px;
  height: 180px;
  border: 32px solid rgba(246, 198, 74, 0.18);
}

.iama-galleryx-decoration-two {
  bottom: 25px;
  left: -20px;
  width: 125px;
  height: 125px;
  background: rgba(0, 40, 125, 0.07);
}

/* =====================================================
   LIGHTBOX
===================================================== */

.iama-galleryx-lightbox {
  position: fixed;
  z-index: 999999;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 35px 110px;
  visibility: hidden;
  opacity: 0;
  transition:
    opacity 0.35s ease,
    visibility 0.35s ease;
}

.iama-galleryx-lightbox.active {
  visibility: visible;
  opacity: 1;
}

.iama-galleryx-lightbox-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(3, 11, 30, 0.93);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.iama-galleryx-lightbox-content {
  position: relative;
  z-index: 3;
  width: min(1050px, 100%);
  overflow: hidden;
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 35px 100px rgba(0, 0, 0, 0.5);
  transform: scale(0.94);
  transition: transform 0.35s ease;
}

.iama-galleryx-lightbox.active .iama-galleryx-lightbox-content {
  transform: scale(1);
}

.iama-galleryx-lightbox-content>img {
  display: block;
  width: 100%;
  max-height: 72vh;
  object-fit: contain;
  background: #081328;
}

.iama-galleryx-lightbox-caption {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 25px;
  padding: 20px 24px;
}

.iama-galleryx-lightbox-caption span {
  display: block;
  margin-bottom: 5px;
  font-family: "Inter", sans-serif;
  color: var(--iama-galleryx-blue);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.7px;
  text-transform: uppercase;
}

.iama-galleryx-lightbox-caption h3 {
  margin: 0;
  font-family: 'Outfit', sans-serif;
  color: var(--iama-galleryx-dark);
  font-size: 21px;
  font-weight: 700;
}

.iama-galleryx-lightbox-count {
  display: flex;
  align-items: center;
  gap: 6px;
  font-family: "Inter", sans-serif;
}

.iama-galleryx-lightbox-count strong {
  color: var(--iama-galleryx-blue);
  font-size: 18px;
}

.iama-galleryx-lightbox-count span,
.iama-galleryx-lightbox-count small {
  color: #7a8492;
  font-size: 13px;
}

.iama-galleryx-lightbox-close,
.iama-galleryx-lightbox-arrow {
  position: absolute;
  z-index: 5;
  display: flex;
  width: 54px;
  height: 54px;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 50%;
  background: #fff;
  color: var(--iama-galleryx-dark);
  font-size: 18px;
  cursor: pointer;
  transition:
    transform 0.3s ease,
    background 0.3s ease;
}

.iama-galleryx-lightbox-close:hover,
.iama-galleryx-lightbox-arrow:hover {
  transform: scale(1.08);
  background: var(--iama-galleryx-yellow);
}

.iama-galleryx-lightbox-close {
  top: 25px;
  right: 25px;
}

.iama-galleryx-lightbox-prev {
  top: 50%;
  left: 30px;
  transform: translateY(-50%);
}

.iama-galleryx-lightbox-next {
  top: 50%;
  right: 30px;
  transform: translateY(-50%);
}

.iama-galleryx-lightbox-prev:hover,
.iama-galleryx-lightbox-next:hover {
  transform: translateY(-50%) scale(1.08);
}

body.iama-galleryx-lock {
  overflow: hidden;
}

/* =====================================================
   RESPONSIVE
===================================================== */

@media (max-width: 1199px) {
  .iama-galleryx-section {
    padding: 95px 0;
  }

  .iama-galleryx-grid {
    gap: 50px;
  }

  .iama-galleryx-content h2 {
    font-size: 43px;
  }

  .iama-galleryx-main-image {
    height: 460px;
  }
}

@media (max-width: 991px) {
  .iama-galleryx-grid {
    grid-template-columns: 1fr;
    gap: 60px;
  }

  .iama-galleryx-content {
    max-width: 760px;
    text-align: center;
    margin: 0 auto;
  }

  .iama-galleryx-content h2,
  .iama-galleryx-content p {
    margin-right: auto;
    margin-left: auto;
  }

  .iama-galleryx-navigation {
    justify-content: center;
  }

  .iama-galleryx-info {
    margin-right: auto;
    margin-left: auto;
    text-align: left;
  }

  .iama-galleryx-visual {
    width: 100%;
    max-width: 840px;
    margin: 0 auto;
    padding-left: 0;
  }

  .iama-galleryx-main-image {
    height: 520px;
  }
}

@media (max-width: 767px) {
  .iama-galleryx-section {
    padding: 75px 0;
  }

  .iama-galleryx-content h2 {
    font-size: 35px;
    letter-spacing: -0.7px;
  }

  .iama-galleryx-content p {
    font-size: 16px;
    line-height: 1.65;
  }

  .iama-galleryx-main-card {
    border-width: 7px;
    border-radius: 25px;
  }

  .iama-galleryx-main-image {
    height: 390px;
    border-radius: 18px 18px 0 0;
  }

  .iama-galleryx-caption {
    min-height: 90px;
    padding: 18px 19px;
  }

  .iama-galleryx-caption h3 {
    font-size: 20px;
  }

  .iama-galleryx-thumbnails {
    width: calc(100% - 24px);
    gap: 8px;
    padding: 9px;
  }

  .iama-galleryx-thumb {
    height: 80px;
    border-radius: 11px;
  }

  .iama-galleryx-decoration {
    display: none;
  }

  .iama-galleryx-lightbox {
    padding: 85px 15px 25px;
  }

  .iama-galleryx-lightbox-arrow {
    top: auto;
    bottom: 24px;
  }

  .iama-galleryx-lightbox-prev {
    left: calc(50% - 68px);
    transform: none;
  }

  .iama-galleryx-lightbox-next {
    right: calc(50% - 68px);
    transform: none;
  }

  .iama-galleryx-lightbox-prev:hover,
  .iama-galleryx-lightbox-next:hover {
    transform: scale(1.08);
  }

  .iama-galleryx-lightbox-content {
    margin-bottom: 75px;
  }
}

@media (max-width: 575px) {
  .iama-galleryx-section {
    padding: 60px 0;
  }

  .iama-galleryx-content {
    text-align: left;
  }

  .iama-galleryx-label {
    padding: 9px 14px;
    font-size: 12px;
  }

  .iama-galleryx-content h2 {
    font-size: 30px;
    line-height: 1.16;
  }

  .iama-galleryx-navigation {
    justify-content: flex-start;
  }

  .iama-galleryx-link {
    width: 100%;
    justify-content: space-between;
    padding: 8px 8px 8px 18px;
    border-radius: 100px;
    background: #fff;
    box-shadow: 0 12px 30px rgba(0, 40, 125, 0.08);
  }

  .iama-galleryx-info {
    margin-top: 30px;
  }

  .iama-galleryx-main-image {
    height: 310px;
  }

  .iama-galleryx-view {
    right: 15px;
    bottom: 15px;
    padding: 10px 13px;
  }

  .iama-galleryx-view span {
    display: none;
  }

  .iama-galleryx-caption {
    align-items: flex-start;
  }

  .iama-galleryx-caption h3 {
    font-size: 18px;
  }

  .iama-galleryx-caption-icon {
    width: 44px;
    height: 44px;
    min-width: 44px;
  }

  .iama-galleryx-thumbnails {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 12px;
  }

  .iama-galleryx-thumb {
    height: 100px;
  }

  .iama-galleryx-lightbox-caption {
    align-items: flex-start;
    padding: 16px;
  }

  .iama-galleryx-lightbox-caption h3 {
    font-size: 18px;
  }

  .iama-galleryx-lightbox-close {
    top: 18px;
    right: 18px;
  }
}

@media (max-width: 390px) {
  .iama-galleryx-main-image {
    height: 270px;
  }

  .iama-galleryx-info {
    align-items: flex-start;
  }

  .iama-galleryx-arrow {
    width: 48px;
    height: 48px;
  }

  .iama-galleryx-lightbox-caption {
    flex-direction: column;
    gap: 12px;
  }
}


/* =====================================================
   ABOUT IAMA Open University
   Unique prefix: iama-aboutmodern-
===================================================== */

.iama-aboutmodern-sec {
  --iama-aboutmodern-blue: #00287d;
  --iama-aboutmodern-dark: #071525;
  --iama-aboutmodern-yellow: #f4c542;
  --iama-aboutmodern-blue-light: #edf3ff;
  --iama-aboutmodern-yellow-light: #fff7d8;

  position: relative;
  overflow: hidden;
  padding: 80px 0;
  background:
    radial-gradient(circle at 8% 10%,
      rgba(0, 40, 125, 0.08) 0,
      rgba(0, 40, 125, 0) 27%),
    radial-gradient(circle at 92% 86%,
      rgba(244, 197, 66, 0.14) 0,
      rgba(244, 197, 66, 0) 24%),
    linear-gradient(180deg, #ffffff 0%, #f6f8fd 100%);
}

.iama-aboutmodern-sec::before {
  content: "";
  position: absolute;
  top: -180px;
  right: -180px;
  width: 430px;
  height: 430px;
  border: 70px solid rgba(0, 40, 125, 0.025);
  border-radius: 50%;
  pointer-events: none;
}

.iama-aboutmodern-sec::after {
  content: "";
  position: absolute;
  bottom: -180px;
  left: -160px;
  width: 360px;
  height: 360px;
  border-radius: 50%;
  background: rgba(244, 197, 66, 0.07);
  pointer-events: none;
}

.iama-aboutmodern-grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr);
  align-items: start;
  gap: 75px;
}

/* =====================================================
   LEFT SIDE
===================================================== */

.iama-aboutmodern-left {
  position: sticky;
  min-width: 0;
}

.iama-aboutmodern-heading {
  margin-bottom: 42px;
}

.iama-aboutmodern-label {
  display: inline-flex;
  align-items: center;
  margin-bottom: 20px;
  padding: 10px 18px;
  border: 1px solid rgba(0, 40, 125, 0.1);
  border-radius: 100px;
  background: var(--iama-aboutmodern-blue-light);
  color: var(--iama-aboutmodern-blue);
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.7px;
}

.iama-aboutmodern-heading h2 {
  max-width: 620px;
  margin: 0 0 30px;
  font-family: "Outfit", sans-serif;
  color: var(--iama-aboutmodern-dark);
  font-size: 52px;
  font-weight: 500;
  line-height: 1.08;
  letter-spacing: -1.5px;
}

.iama-aboutmodern-heading h2 strong {
  position: relative;
  color: var(--iama-aboutmodern-blue);
  font-weight: 600;
}



.iama-aboutmodern-btn {
  display: inline-flex;
  min-height: 56px;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 14px 24px;
  border: 1px solid var(--iama-aboutmodern-blue);
  border-radius: 12px;
  background: var(--iama-aboutmodern-blue);
  box-shadow: 0 15px 35px rgba(0, 40, 125, 0.2);
  color: #fff;
  font-family: "Inter", sans-serif;
  font-size: 17px;
  font-weight: 700;
  text-decoration: none;
  transition:
    transform 0.3s ease,
    background 0.3s ease,
    box-shadow 0.3s ease;
}

.iama-aboutmodern-btn i {
  transition: transform 0.3s ease;
}

.iama-aboutmodern-btn:hover {
  transform: translateY(-4px);
  background: #001e61;
  box-shadow: 0 20px 42px rgba(0, 40, 125, 0.28);
  color: #fff;
}

.iama-aboutmodern-btn:hover i {
  transform: translateX(5px);
}

/* Image */

.iama-aboutmodern-visual {
  position: relative;
  padding: 20px 24px 30px 0;
}

.iama-aboutmodern-image {
  position: relative;
  z-index: 3;
  overflow: hidden;
  padding: 9px;
  border: 1px solid rgba(0, 40, 125, 0.1);
  border-radius: 30px;
  background: #fff;
  box-shadow: 0 30px 80px rgba(7, 21, 37, 0.15);
}

.iama-aboutmodern-image::after {
  content: "";
  position: absolute;
  inset: 9px;
  border-radius: 21px;
  background:
    linear-gradient(180deg,
      rgba(7, 21, 37, 0) 52%,
      rgba(3, 19, 53, 0.35) 100%);
  pointer-events: none;
}

.iama-aboutmodern-image img {
  display: block;
  width: 100%;
  height: 750px;
  border-radius: 21px;
  object-fit: cover;
  transition: transform 0.6s ease;
}

.iama-aboutmodern-image:hover img {
  transform: scale(1.04);
}

.iama-aboutmodern-icon {
  position: absolute;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 7px solid #fff;
  border-radius: 50%;
  box-shadow: 0 16px 40px rgba(0, 40, 125, 0.18);
}

.iama-aboutmodern-icon-one {
  top: 75px;
  right: -8px;
  width: 82px;
  height: 82px;
  background: var(--iama-aboutmodern-yellow);
  color: var(--iama-aboutmodern-dark);
  font-size: 27px;
}

.iama-aboutmodern-icon-two {
  bottom: 0;
  left: 35px;
  width: 70px;
  height: 70px;
  background: var(--iama-aboutmodern-blue);
  color: #fff;
  font-size: 23px;
}

.iama-aboutmodern-dots {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  width: 125px;
  height: 125px;
  opacity: 0.38;
  background-image: radial-gradient(rgba(0, 40, 125, 0.45) 1.5px,
      transparent 1.5px);
  background-size: 13px 13px;
}

/* =====================================================
   RIGHT CONTENT
===================================================== */

.iama-aboutmodern-content {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 17px;
  min-width: 0;
}



.iama-aboutmodern-text-card {
  position: relative;
  display: grid;
  gap: 22px;
  align-items: flex-start;
  margin: 0;
  padding: 30px;
  overflow: hidden;
  border: 1px solid rgba(0, 40, 125, 0.08);
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 12px 35px rgba(7, 21, 37, 0.05);
  transition:
    transform 0.35s ease,
    border-color 0.35s ease,
    box-shadow 0.35s ease;
}

.iama-aboutmodern-text-card::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 5px;
  height: 100%;
  background: var(--iama-aboutmodern-yellow);
  transform: scaleY(0);
  transform-origin: bottom;
  transition: transform 0.35s ease;
}

.iama-aboutmodern-text-card::after {
  content: "";
  position: absolute;
  top: -55px;
  right: -55px;
  width: 135px;
  height: 135px;
  border-radius: 50%;
  background: rgba(0, 40, 125, 0.025);
}

.iama-aboutmodern-text-card:hover {
  transform: translateY(-6px);
  border-color: rgba(0, 40, 125, 0.17);
  box-shadow: 0 22px 50px rgba(0, 40, 125, 0.1);
}

.iama-aboutmodern-text-card:hover::before {
  transform: scaleY(1);
}

.iama-aboutmodern-number {
  position: relative;
  z-index: 2;
  display: flex;
  width: 72px;
  height: 72px;
  align-items: center;
  justify-content: center;
  border: 8px solid #f5f8ff;
  border-radius: 50%;
  background: var(--iama-aboutmodern-blue);
  box-shadow: 0 10px 25px rgba(0, 40, 125, 0.19);
  color: #fff;
  font-family: "Outfit", sans-serif;
  font-size: 18px;
  font-weight: 600;
}

.iama-aboutmodern-text-card:nth-child(even) .iama-aboutmodern-number {
  background: var(--iama-aboutmodern-yellow);
  color: var(--iama-aboutmodern-dark);
}

.iama-aboutmodern-text-card p {
  position: relative;
  z-index: 2;
  margin: 0;
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4;
}

.iama-aboutmodern-text-card p strong {
  color: var(--iama-aboutmodern-blue);
  font-weight: 700;
}

/* =====================================================
   RESPONSIVE
===================================================== */

@media (max-width: 1199px) {
  .iama-aboutmodern-sec {
    padding: 95px 0;
  }

  .iama-aboutmodern-grid {
    gap: 50px;
  }

  .iama-aboutmodern-heading h2 {
    font-size: 46px;
  }

  .iama-aboutmodern-image img {
    height: 490px;
  }

  .iama-aboutmodern-text-card {
    padding: 26px;
  }
}

@media (max-width: 991px) {
  .iama-aboutmodern-grid {
    grid-template-columns: 1fr;
    gap: 60px;
  }

  .iama-aboutmodern-left {
    position: relative;
    top: auto;
  }

  .iama-aboutmodern-heading {
    max-width: 800px;
  }

  .iama-aboutmodern-visual {
    max-width: 760px;
    margin: 0 auto;
  }

  .iama-aboutmodern-image img {
    height: 570px;
  }

  .iama-aboutmodern-content {
    max-width: 850px;
    margin: 0 auto;
  }
}

@media (max-width: 767px) {
  .iama-aboutmodern-sec {
    padding: 75px 0;
  }

  .iama-aboutmodern-heading h2 {
    font-size: 38px;
    letter-spacing: -0.8px;
  }

  .iama-aboutmodern-image img {
    height: 460px;
  }

  .iama-aboutmodern-icon-one {
    right: 0;
  }

  .iama-aboutmodern-content::before {
    left: 30px;
  }

  .iama-aboutmodern-text-card {
    grid-template-columns: 62px minmax(0, 1fr);
    gap: 18px;
    padding: 23px;
  }

  .iama-aboutmodern-number {
    width: 62px;
    height: 62px;
    border-width: 6px;
    font-size: 16px;
  }

  .iama-aboutmodern-text-card p {
    font-size: 16px;
    line-height: 1.65;
  }
}

@media (max-width: 575px) {
  .iama-aboutmodern-sec {
    padding: 60px 0;
  }

  .iama-aboutmodern-label {
    padding: 9px 14px;
    font-size: 11px;
  }

  .iama-aboutmodern-heading h2 {
    font-size: 31px;
    line-height: 1.15;
  }

  .iama-aboutmodern-btn {
    width: 100%;
  }

  .iama-aboutmodern-visual {
    padding: 10px 0 25px;
  }

  .iama-aboutmodern-image {
    padding: 7px;
    border-radius: 23px;
  }

  .iama-aboutmodern-image img {
    height: 380px;
    border-radius: 16px;
  }

  .iama-aboutmodern-image::after {
    inset: 7px;
    border-radius: 16px;
  }

  .iama-aboutmodern-icon-one {
    top: 40px;
    right: -3px;
    width: 68px;
    height: 68px;
    border-width: 5px;
    font-size: 22px;
  }

  .iama-aboutmodern-icon-two {
    bottom: 0;
    left: 25px;
    width: 60px;
    height: 60px;
    border-width: 5px;
    font-size: 19px;
  }

  .iama-aboutmodern-dots {
    display: none;
  }

  .iama-aboutmodern-content {
    gap: 15px;
  }

  .iama-aboutmodern-content::before {
    display: none;
  }

  .iama-aboutmodern-text-card {
    display: block;
    padding: 22px 20px;
  }

  .iama-aboutmodern-number {
    width: 52px;
    height: 52px;
    margin-bottom: 17px;
    border-width: 5px;
    font-size: 15px;
  }

  .iama-aboutmodern-text-card p {
    font-size: 15px;
    line-height: 1.65;
  }
}

@media (max-width: 390px) {
  .iama-aboutmodern-heading h2 {
    font-size: 28px;
  }

  .iama-aboutmodern-image img {
    height: 330px;
  }
}

/* =====================================================
   IAMA Open University MODERN STORY SECTIONS
   Unique prefix: iama-story-
===================================================== */

.iama-story-intro,
.iama-story-academics,
.iama-story-vision {
  --iama-story-blue: #00287d;
  --iama-story-blue-dark: #031637;
  --iama-story-dark: #071525;
  --iama-story-yellow: #f5c84c;
  --iama-story-blue-light: #edf3ff;
  --iama-story-yellow-light: #fff7da;
  --iama-story-border: rgba(0, 40, 125, 0.1);
}

/* =====================================================
   SHARED ELEMENTS
===================================================== */

.iama-story-label {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 20px;
  padding: 10px 17px;
  border: 1px solid rgba(0, 40, 125, 0.1);
  border-radius: 100px;
  background: var(--iama-story-blue-light);
  color: var(--iama-story-blue);
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.6px;
  text-transform: uppercase;
}

.iama-story-label i {
  font-size: 18px;
}

/* =====================================================
   SECTION 1: INTRODUCTION
===================================================== */

.iama-story-intro {
  position: relative;
  overflow: hidden;
  padding: 110px 0;
  background:
    radial-gradient(circle at 6% 14%,
      rgba(0, 40, 125, 0.08),
      transparent 28%),
    radial-gradient(circle at 94% 12%,
      rgba(245, 200, 76, 0.16),
      transparent 24%),
    linear-gradient(180deg, #ffffff 0%, #f6f9ff 100%);
}

.iama-story-intro::before {
  content: "";
  position: absolute;
  top: -180px;
  left: -170px;
  width: 430px;
  height: 430px;
  border: 65px solid rgba(0, 40, 125, 0.025);
  border-radius: 50%;
}

.iama-story-intro-grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 0.92fr);
  align-items: center;
  gap: 85px;
}

.iama-story-intro-content h2 {
  max-width: 720px;
  margin: 0 0 26px;
  font-family: "Outfit", sans-serif;
  color: var(--iama-story-dark);
  font-size: 54px;
  font-weight: 500;
  line-height: 1.08;
  letter-spacing: -1.5px;
}

.iama-story-intro-content h2 strong {
  color: var(--iama-story-blue);
  font-weight: 600;
}

.iama-story-intro-content>p {
  max-width: 730px;
  margin: 0 0 20px;
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 18px;
  line-height: 1.4;
}

.iama-story-intro-content .iama-story-lead {
  color: #152235;
  font-size: 18px;
}

.iama-story-intro-points {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-top: 35px;
}

.iama-story-intro-point {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 20px;
  border: 1px solid var(--iama-story-border);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 14px 35px rgba(7, 21, 37, 0.05);
}

.iama-story-intro-point>span {
  display: flex;
  width: 48px;
  height: 48px;
  min-width: 48px;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: var(--iama-story-blue);
  color: #fff;
  font-size: 18px;
}

.iama-story-intro-point:nth-child(2)>span {
  background: var(--iama-story-yellow);
  color: var(--iama-story-dark);
}

.iama-story-intro-point strong {
  display: block;
  margin-bottom: 5px;
  font-family: "Outfit", sans-serif;
  color: var(--iama-story-dark);
  font-size: 21px;
  font-weight: 600;
}

.iama-story-intro-point p {
  margin: 0;
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 18px;
  line-height: 1.4;
}

/* Intro image */

.iama-story-intro-visual {
  position: relative;
  min-width: 0;
  padding: 35px 25px;
}

.iama-story-main-image {
  position: relative;
  z-index: 3;
  overflow: hidden;
  padding: 9px;
  border: 1px solid var(--iama-story-border);
  border-radius: 34px;
  background: #fff;
  box-shadow: 0 35px 90px rgba(7, 21, 37, 0.16);
}

.iama-story-main-image::after {
  content: "";
  position: absolute;
  inset: 9px;
  border-radius: 25px;
  background:
    linear-gradient(180deg,
      rgba(7, 21, 37, 0) 45%,
      rgba(4, 20, 59, 0.45) 100%);
}

.iama-story-main-image img {
  display: block;
  width: 100%;
  min-height: 610px;
  border-radius: 25px;
  object-fit: cover;
}

.iama-story-floating-card {
  position: absolute;
  z-index: 5;
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 225px;
  padding: 16px 18px;
  border: 1px solid rgba(0, 40, 125, 0.1);
  border-radius: 17px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 20px 50px rgba(0, 40, 125, 0.16);
  backdrop-filter: blur(12px);
}

.iama-story-floating-card>span {
  display: flex;
  width: 46px;
  height: 46px;
  min-width: 46px;
  align-items: center;
  justify-content: center;
  border-radius: 13px;
  background: #f4c542;
  color: var(--iama-story-blue);
  font-size: 18px;
}

.iama-story-floating-card strong {
  display: block;
  margin-bottom: 3px;
  font-family: "Outfit", sans-serif;
  color: var(--iama-story-dark);
  font-size: 18px;
  font-weight: 600;
}

.iama-story-floating-card small {
  display: block;
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 18px;
}

.iama-story-floating-global {
  top: 80px;
  left: -25px;
}

.iama-story-floating-digital {
  right: -15px;
  bottom: 100px;
}

.iama-story-intro-pattern {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  width: 140px;
  height: 140px;
  opacity: 0.34;
  background-image: radial-gradient(rgba(0, 40, 125, 0.48) 1.6px,
      transparent 1.6px);
  background-size: 14px 14px;
}

/* =====================================================
   SECTION 2: ACADEMICS
===================================================== */

.iama-story-academics {
  position: relative;
  overflow: hidden;
  padding: 70px 0;
 background: radial-gradient(circle at 8% 18%, rgba(0, 74, 190, 0.22), transparent 31%), radial-gradient(circle at 92% 82%, rgba(244, 200, 75, 0.12), transparent 27%), linear-gradient(135deg, #00287d 0%, #00287d 55%, #000 100%);
}

.iama-story-academics-shape-one {
  position: absolute;
  top: -190px;
  right: -180px;
  width: 460px;
  height: 460px;
  border: 75px solid rgba(245, 200, 76, 0.035);
  border-radius: 50%;
}

.iama-story-academics-shape-two {
  position: absolute;
  bottom: -170px;
  left: -150px;
  width: 360px;
  height: 360px;
  border-radius: 50%;
  background: rgba(0, 71, 184, 0.12);
}

.iama-story-academics-heading {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(320px, 0.95fr);
  align-items: end;
  gap: 65px;
  margin-bottom: 65px;
}

.iama-story-dark-label {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 20px;
  padding: 10px 17px;
  border: 1px solid rgba(245, 200, 76, 0.28);
  border-radius: 100px;
  background: rgba(245, 200, 76, 0.08);
  color: var(--iama-story-yellow);
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
}

.iama-story-academics-heading h2 {
  max-width: 720px;
  margin: 0;
  font-family: "Outfit", sans-serif;
  color: #fff;
  font-size: 50px;
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -1.4px;
}

.iama-story-academics-heading h2 strong {
  color: var(--iama-story-yellow);
  font-weight: 600;
}

.iama-story-academics-heading>p {
  margin: 0;
  padding-left: 25px;
  border-left: 3px solid var(--iama-story-yellow);
  font-family: "Inter", sans-serif;
  color: #fff;
  font-size: 18px;
  line-height: 1.4;
}

.iama-story-academics-layout {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 0.9fr);
  gap: 55px;
}

.iama-story-subjects {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.iama-story-subject-card {
  display: flex;
  min-height: 82px;
  align-items: center;
  gap: 13px;
  padding: 18px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.055);
  color: #fff;
  transition:
    transform 0.3s ease,
    border-color 0.3s ease,
    background 0.3s ease;
}

.iama-story-subject-card:hover {
  transform: translateY(-5px);
  border-color: rgba(245, 200, 76, 0.34);
  background: rgba(245, 200, 76, 0.08);
}

.iama-story-subject-card i {
  display: flex;
  width: 43px;
  height: 43px;
  min-width: 43px;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: var(--iama-story-yellow);
  color: var(--iama-story-dark);
  font-size: 18px;
}

.iama-story-subject-card span {
  font-family: "Outfit", sans-serif;
  font-size: 22px;
  font-weight: 600;
}

.iama-story-academics-content {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.iama-story-dark-card {
  display: flex;
  align-items: flex-start;
  gap: 17px;
  padding: 24px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 19px;
  background: rgba(255, 255, 255, 0.055);
  backdrop-filter: blur(12px);
}

.iama-story-dark-card-icon {
  display: flex;
  width: 55px;
  height: 55px;
  min-width: 55px;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  background: rgba(245, 200, 76, 0.12);
  color: var(--iama-story-yellow);
  font-size: 20px;
}

.iama-story-dark-card h3 {
  margin: 0 0 8px;
  font-family: "Outfit", sans-serif;
  color: #fff;
  font-size: 21px;
  font-weight: 600;
}

.iama-story-dark-card p {
  margin: 0;
  font-family: "Inter", sans-serif;
  color: #fff;
  font-size: 18px;
  line-height: 1.4;
}

/* Programmes */

.iama-story-Programmes {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 13px;
  margin-top: 60px;
}

.iama-story-program-card {
  position: relative;
  min-height: 175px;
  padding: 23px 17px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.055);
  transition:
    transform 0.3s ease,
    background 0.3s ease;
}

.iama-story-program-card:hover {
  transform: translateY(-7px);
  background: rgba(255, 255, 255, 0.1);
}

.iama-story-program-card>span {
  position: absolute;
  top: 13px;
  right: 15px;
  color: rgba(255, 255, 255, 0.12);
  font-family: "Outfit", sans-serif;
  font-size: 34px;
  font-weight: 700;
}

.iama-story-program-card i {
  display: flex;
  width: 48px;
  height: 48px;
  align-items: center;
  justify-content: center;
  margin-bottom: 24px;
  border-radius: 13px;
  background: var(--iama-story-yellow);
  color: var(--iama-story-dark);
  font-size: 18px;
}

.iama-story-program-card h3 {
  margin: 0;
  font-family: "Outfit", sans-serif;
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.35;
}

/* =====================================================
   SECTION 3: VISION
===================================================== */

.iama-story-vision {
  position: relative;
  overflow: hidden;
  padding: 110px 0;
  background:
    radial-gradient(circle at 90% 18%,
      rgba(245, 200, 76, 0.16),
      transparent 24%),
    linear-gradient(180deg, #ffffff 0%, #f5f8ff 100%);
}

.iama-story-vision-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  align-items: center;
  gap: 85px;
}

.iama-story-vision-images {
  position: relative;
  min-height: 720px;
}

.iama-story-vision-image-large {
  position: absolute;
  top: 0;
  left: 0;
  width: 78%;
  overflow: hidden;
  padding: 8px;
  border-radius: 30px;
  background: #fff;
  box-shadow: 0 30px 75px rgba(7, 21, 37, 0.15);
}

.iama-story-vision-image-large img {
  display: block;
  width: 100%;
  height: 530px;
  border-radius: 22px;
  object-fit: cover;
}

.iama-story-vision-image-small {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 3;
  width: 55%;
  overflow: hidden;
  padding: 7px;
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 25px 60px rgba(0, 40, 125, 0.18);
}

.iama-story-vision-image-small img {
  display: block;
  width: 100%;
  height: 285px;
  border-radius: 17px;
  object-fit: cover;
}

.iama-story-vision-badge {
  position: absolute;
  z-index: 4;
  right: 22px;
  top: 55px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 15px 18px;
  border-radius: 15px;
  background: var(--iama-story-yellow);
  box-shadow: 0 16px 35px rgba(245, 200, 76, 0.3);
  color: var(--iama-story-dark);
  font-family: "Outfit", sans-serif;
  font-size: 15px;
  font-weight: 600;
}

.iama-story-vision-content h2 {
  max-width: 690px;
  margin: 0 0 24px;
  font-family: "Outfit", sans-serif;
  color: var(--iama-story-dark);
  font-size: 50px;
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -1.4px;
}

.iama-story-vision-content h2 strong {
  color: var(--iama-story-blue);
  font-weight: 600;
}

.iama-story-vision-content>p {
  margin: 0 0 18px;
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 18px;
  line-height: 1.4;
}

.iama-story-vision-list {
  display: grid;
  gap: 13px;
  margin-top: 28px;
}

.iama-story-vision-list div {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 20px;
  line-height: 1.4;
  font-weight: 600;
}

.iama-story-vision-list i {
  margin-top: 4px;
  color: var(--iama-story-blue);
}

.iama-story-undertaking {
  position: relative;
  margin-top: 35px;
  padding: 28px 28px 28px 80px;
  overflow: hidden;
  border-left: 4px solid var(--iama-story-yellow);
  border-radius: 0 20px 20px 0;
  background: var(--iama-story-blue);
  box-shadow: 0 20px 45px rgba(0, 40, 125, 0.17);
}

.iama-story-undertaking i {
  position: absolute;
  top: 27px;
  left: 27px;
  color: var(--iama-story-yellow);
  font-size: 30px;
}

.iama-story-undertaking p {
  margin: 0;
  font-family: "Outfit", sans-serif;
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4;
}

/* =====================================================
   RESPONSIVE
===================================================== */

@media (max-width: 1199px) {

  .iama-story-intro,
  .iama-story-academics,
  .iama-story-vision {
    padding: 95px 0;
  }

  .iama-story-intro-grid,
  .iama-story-vision-grid {
    gap: 55px;
  }

  .iama-story-intro-content h2,
  .iama-story-vision-content h2 {
    font-size: 46px;
  }

  .iama-story-academics-heading h2 {
    font-size: 46px;
  }

  .iama-story-Programmes {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 991px) {

  .iama-story-intro-grid,
  .iama-story-vision-grid {
    grid-template-columns: 1fr;
  }

  .iama-story-intro-content {
    max-width: 820px;
  }

  .iama-story-intro-visual {
    width: 100%;
    max-width: 760px;
    margin: 0 auto;
  }

  .iama-story-academics-heading {
    grid-template-columns: 1fr;
    gap: 25px;
  }

  .iama-story-academics-heading>p {
    max-width: 780px;
  }

  .iama-story-academics-layout {
    grid-template-columns: 1fr;
  }

  .iama-story-vision-images {
    width: 100%;
    max-width: 760px;
    margin: 0 auto;
  }

  .iama-story-vision-content {
    max-width: 820px;
    margin: 0 auto;
  }
}

@media (max-width: 767px) {

  .iama-story-intro,
  .iama-story-academics,
  .iama-story-vision {
    padding: 75px 0;
  }

  .iama-story-intro-content h2,
  .iama-story-academics-heading h2,
  .iama-story-vision-content h2 {
    font-size: 38px;
  }

  .iama-story-intro-points {
    grid-template-columns: 1fr;
  }

  .iama-story-main-image img {
    min-height: 500px;
  }

  .iama-story-subjects {
    grid-template-columns: 1fr;
  }

  .iama-story-Programmes {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .iama-story-vision-images {
    min-height: 570px;
  }

  .iama-story-vision-image-large img {
    height: 450px;
  }

  .iama-story-vision-image-small img {
    height: 235px;
  }
}

@media (max-width: 575px) {

  .iama-story-intro,
  .iama-story-academics,
  .iama-story-vision {
    padding: 60px 0;
  }

  .iama-story-label,
  .iama-story-dark-label {
    padding: 9px 14px;
    font-size: 11px;
  }

  .iama-story-intro-content h2,
  .iama-story-academics-heading h2,
  .iama-story-vision-content h2 {
    font-size: 31px;
    line-height: 1.15;
  }

  .iama-story-intro-content>p,
  .iama-story-academics-heading>p,
  .iama-story-vision-content>p {
    font-size: 15px;
  }

  .iama-story-intro-visual {
    padding: 15px 0 30px;
  }

  .iama-story-main-image img {
    min-height: 410px;
  }

  .iama-story-floating-card {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    width: calc(100% - 20px);
    min-width: 0;
    margin-right: auto;
    margin-left: auto;
  }

  .iama-story-floating-global {
    margin-top: -65px;
  }

  .iama-story-floating-digital {
    margin-top: 12px;
  }

  .iama-story-intro-pattern {
    display: none;
  }

  .iama-story-dark-card {
    flex-direction: column;
  }

  .iama-story-Programmes {
    grid-template-columns: 1fr;
  }

  .iama-story-program-card {
    min-height: 145px;
  }

  .iama-story-vision-images {
    min-height: 520px;
  }

  .iama-story-vision-image-large {
    width: 90%;
  }

  .iama-story-vision-image-large img {
    height: 400px;
  }

  .iama-story-vision-image-small {
    width: 60%;
  }

  .iama-story-vision-image-small img {
    height: 210px;
  }

  .iama-story-vision-badge {
    top: 35px;
    right: 0;
    max-width: 190px;
  }

  .iama-story-undertaking {
    padding: 75px 22px 24px;
  }

  .iama-story-undertaking i {
    top: 23px;
    left: 22px;
  }

  .iama-story-undertaking p {
    font-size: 16px;
  }
}

@media (max-width: 390px) {

  .iama-story-intro-content h2,
  .iama-story-academics-heading h2,
  .iama-story-vision-content h2 {
    font-size: 28px;
  }

  .iama-story-main-image img {
    min-height: 360px;
  }

  .iama-story-vision-images {
    min-height: 470px;
  }

  .iama-story-vision-image-large img {
    height: 350px;
  }

  .iama-story-vision-image-small img {
    height: 185px;
  }
}


/* =====================================================
   IAMA VISION AND MISSION MODERN DESIGN
   Unique prefix: iama-vmx-
===================================================== */

.iama-vmx-intro,
.iama-vmx-principles,
.iama-vmx-vision,
.iama-vmx-mission,
.iama-vmx-admission {
  --iama-vmx-blue: #00287d;
  --iama-vmx-blue-hover: #001d5c;
  --iama-vmx-dark: #071525;
  --iama-vmx-navy: #031432;
  --iama-vmx-yellow: #f5c84b;
  --iama-vmx-yellow-light: #fff5cf;
  --iama-vmx-blue-light: #edf3ff;
  --iama-vmx-border: rgba(0, 40, 125, 0.1);
  --iama-vmx-white: #ffffff;
}

/* =====================================================
   SHARED LABELS AND BUTTONS
===================================================== */

.iama-vmx-label,
.iama-vmx-light-label,
.iama-vmx-dark-label {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 20px;
  padding: 10px 17px;
  border-radius: 100px;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.6px;
  text-transform: uppercase;
}

.iama-vmx-label {
  border: 1px solid rgba(0, 40, 125, 0.1);
  background: var(--iama-vmx-blue-light);
  color: var(--iama-vmx-blue);
}

.iama-vmx-light-label,
.iama-vmx-dark-label {
  border: 1px solid rgba(245, 200, 75, 0.28);
  background: rgba(245, 200, 75, 0.09);
  color: var(--iama-vmx-yellow);
}

.iama-vmx-primary-btn,
.iama-vmx-yellow-btn {
  display: inline-flex;
  min-height: 56px;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 14px 25px;
  border-radius: 12px;
  font-family: "Inter", sans-serif;
  font-size: 17px;
  font-weight: 700;
  text-decoration: none;
  transition:
    transform 0.3s ease,
    background 0.3s ease,
    color 0.3s ease,
    box-shadow 0.3s ease;
}

.iama-vmx-primary-btn {
  border: 1px solid var(--iama-vmx-blue);
  background: var(--iama-vmx-blue);
  box-shadow: 0 15px 35px rgba(0, 40, 125, 0.2);
  color: #fff;
}

.iama-vmx-primary-btn:hover {
  transform: translateY(-4px);
  background: var(--iama-vmx-blue-hover);
  box-shadow: 0 20px 42px rgba(0, 40, 125, 0.28);
  color: #fff;
}

.iama-vmx-yellow-btn {
  border: 1px solid var(--iama-vmx-yellow);
  background: var(--iama-vmx-yellow);
  box-shadow: 0 15px 35px rgba(245, 200, 75, 0.17);
  color: var(--iama-vmx-dark);
}

.iama-vmx-yellow-btn:hover {
  transform: translateY(-4px);
  background: transparent;
  color: var(--iama-vmx-yellow);
}

.iama-vmx-primary-btn i,
.iama-vmx-yellow-btn i {
  transition: transform 0.3s ease;
}

.iama-vmx-primary-btn:hover i,
.iama-vmx-yellow-btn:hover i {
  transform: translateX(5px);
}

/* =====================================================
   SECTION 1: INTRODUCTION
===================================================== */

.iama-vmx-intro {
  position: relative;
  overflow: hidden;
  padding: 115px 0 105px;
  background:
    radial-gradient(circle at 5% 12%,
      rgba(0, 40, 125, 0.09),
      transparent 27%),
    radial-gradient(circle at 94% 80%,
      rgba(245, 200, 75, 0.16),
      transparent 25%),
    linear-gradient(180deg, #ffffff 0%, #f5f8ff 100%);
}

.iama-vmx-intro-shape {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
}

.iama-vmx-intro-shape-one {
  top: -200px;
  left: -180px;
  width: 470px;
  height: 470px;
  border: 75px solid rgba(0, 40, 125, 0.025);
}

.iama-vmx-intro-shape-two {
  right: -160px;
  bottom: -190px;
  width: 390px;
  height: 390px;
  background: rgba(245, 200, 75, 0.07);
}

.iama-vmx-intro-grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(310px, 0.7fr) minmax(0, 1.3fr);
  align-items: start;
  gap: 90px;
}

.iama-vmx-intro-heading {
  position: sticky;
  top: 110px;
}

.iama-vmx-intro-heading h2 {
  margin: 0;
  font-family: "Outfit", sans-serif;
  color: var(--iama-vmx-dark);
  font-size: 72px;
  font-weight: 400;
  line-height: 0.98;
  letter-spacing: -2.5px;
}

.iama-vmx-intro-heading h2 strong {
  color: var(--iama-vmx-blue);
  font-weight: 600;
}

.iama-vmx-title-line {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-top: 30px;
}

.iama-vmx-title-line>span {
  width: 75px;
  height: 3px;
  border-radius: 20px;
  background: var(--iama-vmx-yellow);
}

.iama-vmx-title-line small {
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 22px;
  font-weight: 600;
  letter-spacing: 0.4px;
}

.iama-vmx-intro-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 18px;
}

.iama-vmx-intro-card {
  position: relative;
  display: grid;
  grid-template-columns: 68px minmax(0, 1fr);
  gap: 22px;
  margin: 0;
  padding: 30px;
  overflow: hidden;
  border: 1px solid var(--iama-vmx-border);
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.93);
  box-shadow: 0 16px 40px rgba(7, 21, 37, 0.055);
  transition:
    transform 0.35s ease,
    border-color 0.35s ease,
    box-shadow 0.35s ease;
}

.iama-vmx-intro-card::after {
  content: "";
  position: absolute;
  top: -60px;
  right: -60px;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background: rgba(245, 200, 75, 0.1);
}

.iama-vmx-intro-card:nth-child(2)::after {
  background: rgba(0, 40, 125, 0.05);
}

.iama-vmx-intro-card:hover {
  transform: translateY(-6px);
  border-color: rgba(0, 40, 125, 0.18);
  box-shadow: 0 25px 55px rgba(0, 40, 125, 0.11);
}

.iama-vmx-intro-icon {
  position: relative;
  z-index: 2;
  display: flex;
  width: 68px;
  height: 68px;
  align-items: center;
  justify-content: center;
  border-radius: 19px;
  background: var(--iama-vmx-blue);
  color: #fff;
  font-size: 25px;
}

.iama-vmx-intro-card:nth-child(2) .iama-vmx-intro-icon {
  background: var(--iama-vmx-yellow);
  color: var(--iama-vmx-dark);
}

.iama-vmx-intro-card p {
  position: relative;
  z-index: 2;
  margin: 0;
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4;
}

.iama-vmx-intro-card p strong {
  color: var(--iama-vmx-blue);
  font-weight: 700;
}

/* =====================================================
   SECTION 2: PRINCIPLES
===================================================== */

.iama-vmx-principles {
  position: relative;
  overflow: hidden;
  padding: 100px 0;
 background:
    radial-gradient(circle at 8% 18%,
      rgba(0, 74, 190, 0.22),
      transparent 31%),
    radial-gradient(circle at 92% 82%,
      rgba(244, 200, 75, 0.12),
      transparent 27%),
    linear-gradient(135deg, #00287d 0%, #00287d 55%, #000 100%);
}

.iama-vmx-principles-heading {
  max-width: 700px;
  margin: 0 auto 55px;
  text-align: center;
}

.iama-vmx-principles-heading h2 {
  margin: 0;
  font-family: "Outfit", sans-serif;
  color: #fff;
  font-size: 49px;
  font-weight: 500;
  line-height: 1.1;
}

.iama-vmx-principles-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

.iama-vmx-principle-card {
  position: relative;
  padding: 30px 25px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 23px;
  background: rgba(255, 255, 255, 0.055);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  transition:
    transform 0.35s ease,
    background 0.35s ease,
    border-color 0.35s ease;
}

.iama-vmx-principle-card::before {
  content: "";
  position: absolute;
  right: -65px;
  bottom: -65px;
  width: 155px;
  height: 155px;
  border: 30px solid rgba(245, 200, 75, 0.035);
  border-radius: 50%;
}

.iama-vmx-principle-card:hover {
  transform: translateY(-9px);
  border-color: rgba(245, 200, 75, 0.3);
  background: rgba(255, 255, 255, 0.085);
}

.iama-vmx-principle-number {
  position: absolute;
  top: 21px;
  right: 22px;
  color: rgba(255, 255, 255, 0.12);
  font-family: "Outfit", sans-serif;
  font-size: 44px;
  font-weight: 700;
  line-height: 1;
}

.iama-vmx-principle-icon {
  position: relative;
  z-index: 2;
  display: flex;
  width: 62px;
  height: 62px;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  border-radius: 18px;
  background: var(--iama-vmx-yellow);
  box-shadow: 0 15px 35px rgba(245, 200, 75, 0.16);
  color: var(--iama-vmx-dark);
  font-size: 23px;
}

.iama-vmx-principle-card strong {
  position: relative;
  z-index: 2;
  display: block;
  margin-bottom: 10px;
  font-family: "Outfit", sans-serif;
  color: #fff;
  font-size: 25px;
  font-weight: 600;
}

.iama-vmx-principle-card p {
  position: relative;
  z-index: 2;
  margin: 0;
  font-family: "Inter", sans-serif;
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4;
}

/* =====================================================
   SECTION 3: VISION
===================================================== */

.iama-vmx-vision {
  position: relative;
  overflow: hidden;
  padding: 115px 0;
  background:
    radial-gradient(circle at 93% 12%,
      rgba(245, 200, 75, 0.17),
      transparent 25%),
    linear-gradient(180deg, #ffffff 0%, #f5f8ff 100%);
}

.iama-vmx-vision-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  align-items: center;
  gap: 85px;
}

.iama-vmx-vision-visual {
  position: relative;
  min-width: 0;
  padding: 35px 20px 40px;
}

.iama-vmx-vision-image {
  position: relative;
  z-index: 3;
  overflow: hidden;
  padding: 9px;
  border: 1px solid var(--iama-vmx-border);
  border-radius: 34px;
  background: #fff;
  box-shadow: 0 35px 90px rgba(7, 21, 37, 0.16);
}

.iama-vmx-vision-image img {
  display: block;
  width: 100%;
  min-height: 650px;
  border-radius: 25px;
  object-fit: cover;
  transition: transform 0.65s ease;
}

.iama-vmx-vision-image:hover img {
  transform: scale(1.045);
}

.iama-vmx-vision-image-overlay {
  position: absolute;
  inset: 9px;
  border-radius: 25px;
  background:
    linear-gradient(180deg,
      rgba(3, 20, 50, 0.02) 40%,
      rgba(3, 20, 50, 0.52) 100%);
  pointer-events: none;
}

.iama-vmx-vision-floating-card {
  position: absolute;
  z-index: 5;
  right: -10px;
  bottom: 95px;
  display: flex;
  min-width: 205px;
  align-items: center;
  gap: 13px;
  padding: 17px 19px;
  border: 1px solid rgba(0, 40, 125, 0.1);
  border-radius: 17px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 20px 50px rgba(0, 40, 125, 0.17);
}

.iama-vmx-vision-floating-card>span {
  display: flex;
  width: 47px;
  height: 47px;
  align-items: center;
  justify-content: center;
  border-radius: 13px;
  background: var(--iama-vmx-yellow);
  color: var(--iama-vmx-dark);
  font-size: 18px;
}

.iama-vmx-vision-floating-card strong {
  font-family: "Outfit", sans-serif;
  color: var(--iama-vmx-dark);
  font-size: 18px;
  font-weight: 600;
}

.iama-vmx-vision-circle {
  position: absolute;
  z-index: 1;
  top: 0;
  right: -20px;
  width: 185px;
  height: 185px;
  border: 30px solid rgba(245, 200, 75, 0.21);
  border-radius: 50%;
}

.iama-vmx-vision-dots {
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  width: 140px;
  height: 140px;
  opacity: 0.35;
  background-image: radial-gradient(rgba(0, 40, 125, 0.55) 1.6px,
      transparent 1.6px);
  background-size: 14px 14px;
}

.iama-vmx-vision-content h2 {
  margin: 0 0 22px;
  font-family: "Outfit", sans-serif;
  color: var(--iama-vmx-dark);
  font-size: 54px;
  font-weight: 600;
  line-height: 1.08;
  letter-spacing: -1.5px;
}

.iama-vmx-featured-text {
  margin: 0 0 28px;
  padding: 22px 25px;
  border-left: 4px solid var(--iama-vmx-yellow);
  border-radius: 0 16px 16px 0;
  background: var(--iama-vmx-blue-light);
  font-family: "Outfit", sans-serif;
  color: var(--iama-vmx-blue);
  font-size: 21px;
  font-weight: 500;
  line-height: 1.5;
}

.iama-vmx-copy-block {
  position: relative;
  margin-bottom: 17px;
  padding: 26px 25px 26px 82px;
  border: 1px solid var(--iama-vmx-border);
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 12px 35px rgba(7, 21, 37, 0.045);
}

.iama-vmx-copy-number {
  position: absolute;
  top: 25px;
  left: 24px;
  display: flex;
  width: 42px;
  height: 42px;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: var(--iama-vmx-blue);
  color: #fff;
  font-family: "Outfit", sans-serif;
  font-size: 15px;
  font-weight: 600;
}

.iama-vmx-copy-block:nth-of-type(2) .iama-vmx-copy-number {
  background: var(--iama-vmx-yellow);
  color: var(--iama-vmx-dark);
}

.iama-vmx-copy-block p {
  margin: 0;
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4;
}

.iama-vmx-vision-content .iama-vmx-primary-btn {
  margin-top: 16px;
}

/* =====================================================
   SECTION 4: MISSION
===================================================== */

.iama-vmx-mission {
  position: relative;
  overflow: hidden;
  padding:70px 0;
background:
    radial-gradient(circle at 8% 18%,
      rgba(0, 74, 190, 0.22),
      transparent 31%),
    radial-gradient(circle at 92% 82%,
      rgba(244, 200, 75, 0.12),
      transparent 27%),
    linear-gradient(135deg, #00287d 0%, #00287d 55%, #000 100%);
}

.iama-vmx-mission-pattern {
  position: absolute;
  top: 45px;
  left: 35px;
  width: 160px;
  height: 160px;
  opacity: 0.17;
  background-image: radial-gradient(rgba(245, 200, 75, 0.8) 1.6px,
      transparent 1.6px);
  background-size: 15px 15px;
}

.iama-vmx-mission-grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
  align-items: center;
  gap: 85px;
}

.iama-vmx-mission-content h2 {
  margin: 0 0 22px;
  font-family: "Outfit", sans-serif;
  color: #fff;
  font-size: 54px;
  font-weight: 600;
  line-height: 1.08;
  letter-spacing: -1.5px;
}



.iama-vmx-mission-content h3 {
  margin: 0 0 10px;
  font-family: "Outfit", sans-serif;
  color: #fff;
  font-size: 34px;
  font-weight: 600;
  line-height: 1.08;
  letter-spacing: -1.5px;
}

.iama-vmx-mission-lead {
  margin: 0 0 28px;
  padding-left: 23px;
  border-left: 4px solid var(--iama-vmx-yellow);
  font-family: "Outfit", sans-serif;
  color: var(--iama-vmx-yellow);
  font-size: 21px;
  font-weight: 500;
  line-height: 1.55;
}

.iama-vmx-mission-text {
  display: block;
  align-items: flex-start;
  gap: 20px;
  margin-bottom: 32px;
  padding: 28px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.055);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

.iama-vmx-mission-text-icon {
  display: flex;
  width: 60px;
  height: 60px;
  min-width: 60px;
  align-items: center;
  justify-content: center;
  border-radius: 17px;
  background: var(--iama-vmx-yellow);
  color: var(--iama-vmx-dark);
  font-size: 22px;
  margin-bottom: 20px;
}

.iama-vmx-mission-text p {
  margin: 0;
  font-family: "Inter", sans-serif;
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4;
}

.iama-vmx-mission-visual {
  position: relative;
  min-width: 0;
  padding: 35px 20px;
}

.iama-vmx-mission-image {
  position: relative;
  z-index: 3;
  overflow: hidden;
  padding: 9px;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 34px;
  background: rgba(255, 255, 255, 0.08);
  box-shadow: 0 38px 90px rgba(0, 0, 0, 0.38);
}

.iama-vmx-mission-image img {
  display: block;
  width: 100%;
  min-height: 750px;
  border-radius: 25px;
  object-fit: cover;
  transition: transform 0.65s ease;
}

.iama-vmx-mission-image:hover img {
  transform: scale(1.045);
}

.iama-vmx-mission-image-overlay {
  position: absolute;
  inset: 9px;
  border-radius: 25px;
  background:
    linear-gradient(180deg,
      rgba(2, 13, 36, 0.03) 35%,
      rgba(2, 13, 36, 0.65) 100%);
  pointer-events: none;
}

.iama-vmx-mission-image-label {
  position: absolute;
  z-index: 5;
  left: -15px;
  bottom: 90px;
  display: flex;
  min-width: 205px;
  align-items: center;
  gap: 13px;
  padding: 17px 19px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 17px;
  background: rgba(2, 13, 36, 0.9);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.32);
}

.iama-vmx-mission-image-label>i {
  display: flex;
  width: 47px;
  height: 47px;
  align-items: center;
  justify-content: center;
  border-radius: 13px;
  background: var(--iama-vmx-yellow);
  color: var(--iama-vmx-dark);
  font-size: 18px;
}

.iama-vmx-mission-image-label strong {
  font-family: "Outfit", sans-serif;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
}

.iama-vmx-mission-ring {
  position: absolute;
  z-index: 1;
  top: 0;
  right: -25px;
  width: 190px;
  height: 190px;
  border: 31px solid rgba(245, 200, 75, 0.13);
  border-radius: 50%;
}

/* =====================================================
   SECTION 5: ADMISSION CTA
===================================================== */

.iama-vmx-admission {
  position: relative;
  padding: 90px 0;
  overflow: hidden;
  background: #f5f8ff;
}

.iama-vmx-admission-box {
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 28px;
  padding: 42px 48px;
  overflow: hidden;
  border-radius: 28px;
  background:
    radial-gradient(circle at 90% 10%,
      rgba(245, 200, 75, 0.15),
      transparent 28%),
    var(--iama-vmx-blue);
  box-shadow: 0 28px 70px rgba(0, 40, 125, 0.22);
}

.iama-vmx-admission-icon {
  position: relative;
  z-index: 2;
  display: flex;
  width: 78px;
  height: 78px;
  align-items: center;
  justify-content: center;
  border-radius: 22px;
  background: var(--iama-vmx-yellow);
  color: var(--iama-vmx-dark);
  font-size: 29px;
}

.iama-vmx-admission-content {
  position: relative;
  z-index: 2;
}

.iama-vmx-admission-content>span {
  display: block;
  margin-bottom: 6px;
  font-family: "Inter", sans-serif;
  color: rgba(255, 255, 255, 0.67);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.7px;
  text-transform: uppercase;
}

.iama-vmx-admission-content h2 {
  margin: 0;
  font-family: "Outfit", sans-serif;
  color: #fff;
  font-size: 38px;
  font-weight: 600;
  line-height: 1.15;
}

.iama-vmx-admission-btn {
  position: relative;
  z-index: 2;
  display: inline-flex;
  min-height: 58px;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 14px 24px;
  border: 1px solid var(--iama-vmx-yellow);
  border-radius: 13px;
  background: var(--iama-vmx-yellow);
  color: var(--iama-vmx-dark);
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
  transition:
    transform 0.3s ease,
    background 0.3s ease,
    color 0.3s ease;
}

.iama-vmx-admission-btn:hover {
  transform: translateY(-4px);
  background: #fff;
  color: var(--iama-vmx-blue);
}

.iama-vmx-admission-btn i {
  transition: transform 0.3s ease;
}

.iama-vmx-admission-btn:hover i {
  transform: translateX(5px);
}

.iama-vmx-admission-decoration {
  position: absolute;
  top: -100px;
  right: 130px;
  width: 250px;
  height: 250px;
  border: 45px solid rgba(255, 255, 255, 0.04);
  border-radius: 50%;
}

/* =====================================================
   RESPONSIVE: LARGE TABLET
===================================================== */

@media (max-width: 1199px) {

  .iama-vmx-intro,
  .iama-vmx-vision,
  .iama-vmx-mission {
    padding: 95px 0;
  }

  .iama-vmx-principles {
    padding: 90px 0;
  }

  .iama-vmx-intro-grid,
  .iama-vmx-vision-grid,
  .iama-vmx-mission-grid {
    gap: 55px;
  }

  .iama-vmx-intro-heading h2 {
    font-size: 62px;
  }

  .iama-vmx-vision-content h2,
  .iama-vmx-mission-content h2 {
    font-size: 48px;
  }

  .iama-vmx-principles-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

}


.homesec6-track {
  display: flex;
  transform: translate3d(0, 0, 0);
  will-change: transform;
  backface-visibility: hidden;
}

.homesec6-slide {
  flex-shrink: 0;
  backface-visibility: hidden;
  transform: translateZ(0);
}

.homesec6-slide img {
  display: block;
  width: 100%;
  backface-visibility: hidden;
  transform: translateZ(0);
  user-select: none;

  /*
   * Image ko har baar zoom/restart nahi karna.
   */
  animation: none !important;
}

/* Initial content position */
.homesec6-slide:not(.homesec6-animated)
.homesec6-content {
  opacity: 0;
  transform: translateY(30px);
}

/* Animate only once */
.homesec6-slide.homesec6-animate-now
.homesec6-content {
  animation: homesec6ContentOnce 0.8s
    cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

/* Final state after first animation */
.homesec6-slide.homesec6-animated
.homesec6-content {
  opacity: 1;
  transform: translateY(0);
  animation: none !important;
}

@keyframes homesec6ContentOnce {
  from {
    opacity: 0;
    transform: translateY(30px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

#homesec6Slider {
  overflow: hidden;
  touch-action: pan-y;
  cursor: grab;
}

#homesec6Slider.is-dragging {
  cursor: grabbing;
}

#homesec6Slider {
  overflow: hidden;
  touch-action: pan-y;
  cursor: grab;
}

#homesec6Slider.is-dragging {
  cursor: grabbing;
}

#homesec6Slider.is-dragging .homesec6-track {
  user-select: none;
}


/* =====================================================
   RESPONSIVE: TABLET
===================================================== */

@media (max-width: 991px) {

  .iama-vmx-intro-grid,
  .iama-vmx-vision-grid,
  .iama-vmx-mission-grid {
    grid-template-columns: 1fr;
  }

  .iama-vmx-intro-heading {
    position: relative;
    top: auto;
    max-width: 750px;
  }

  .iama-vmx-intro-heading h2 {
    font-size: 56px;
  }

  .iama-vmx-vision-visual,
  .iama-vmx-mission-visual {
    width: 100%;
    max-width: 760px;
    margin: 0 auto;
  }

  .iama-vmx-mission-content {
    order: 2;
  }

  .iama-vmx-mission-visual {
    order: 1;
  }

  .iama-vmx-admission-box {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .iama-vmx-admission-btn {
    grid-column: 1 / -1;
    width: 100%;
  }

}

/* =====================================================
   RESPONSIVE: MOBILE TABLET
===================================================== */

@media (max-width: 767px) {

  .iama-vmx-intro,
  .iama-vmx-vision,
  .iama-vmx-mission {
    padding: 75px 0;
  }

  .iama-vmx-principles {
    padding: 75px 0;
  }

  .iama-vmx-intro-heading h2 {
    font-size: 47px;
  }

  .iama-vmx-intro-card {
    grid-template-columns: 58px minmax(0, 1fr);
    gap: 18px;
    padding: 24px;
  }

  .iama-vmx-intro-icon {
    width: 58px;
    height: 58px;
    border-radius: 16px;
    font-size: 21px;
  }

  .iama-vmx-intro-card p {
    font-size: 16px;
    line-height: 1.4;
  }

  .iama-vmx-principles-heading h2 {
    font-size: 40px;
  }

  .iama-vmx-principle-card {
    min-height: 235px;
  }

  .iama-vmx-vision-content h2,
  .iama-vmx-mission-content h2 {
    font-size: 40px;
  }

  .iama-vmx-vision-image img,
  .iama-vmx-mission-image img {
    min-height: 500px;
  }

  .iama-vmx-featured-text,
  .iama-vmx-mission-lead {
    font-size: 19px;
  }

  .iama-vmx-admission {
    padding: 70px 0;
  }

  .iama-vmx-admission-box {
    padding: 35px;
  }

}

/* =====================================================
   RESPONSIVE: MOBILE
===================================================== */

@media (max-width: 575px) {

  .iama-vmx-intro,
  .iama-vmx-vision,
  .iama-vmx-mission {
    padding: 60px 0;
  }

  .iama-vmx-principles {
    padding: 60px 0;
  }

  .iama-vmx-label,
  .iama-vmx-light-label,
  .iama-vmx-dark-label {
    padding: 9px 14px;
    font-size: 11px;
  }

  .iama-vmx-intro-heading h2 {
    font-size: 39px;
    letter-spacing: -1.3px;
  }

  .iama-vmx-intro-grid {
    gap: 45px;
  }

  .iama-vmx-intro-card {
    display: block;
    padding: 22px 20px;
  }

  .iama-vmx-intro-icon {
    margin-bottom: 18px;
  }

  .iama-vmx-intro-card p {
    font-size: 15px;
    line-height: 1.65;
  }

  .iama-vmx-intro-content .iama-vmx-primary-btn {
    width: 100%;
  }

  .iama-vmx-principles-heading {
    margin-bottom: 40px;
  }

  .iama-vmx-principles-heading h2 {
    font-size: 32px;
  }

  .iama-vmx-principles-grid {
    grid-template-columns: 1fr;
  }

  .iama-vmx-principle-card {
    min-height: 215px;
  }

  .iama-vmx-principle-icon {
    margin-bottom: 35px;
  }

  .iama-vmx-vision-visual,
  .iama-vmx-mission-visual {
    padding: 15px 0 30px;
  }

  .iama-vmx-vision-image,
  .iama-vmx-mission-image {
    padding: 7px;
    border-radius: 25px;
  }

  .iama-vmx-vision-image img,
  .iama-vmx-mission-image img {
    min-height: 410px;
    border-radius: 18px;
  }

  .iama-vmx-vision-image-overlay,
  .iama-vmx-mission-image-overlay {
    inset: 7px;
    border-radius: 18px;
  }

  .iama-vmx-vision-floating-card,
  .iama-vmx-mission-image-label {
    position: relative;
    right: auto;
    bottom: auto;
    left: auto;
    width: calc(100% - 20px);
    min-width: 0;
    margin: -62px auto 0;
  }

  .iama-vmx-vision-circle,
  .iama-vmx-vision-dots,
  .iama-vmx-mission-ring,
  .iama-vmx-mission-pattern {
    display: none;
  }

  .iama-vmx-vision-content h2,
  .iama-vmx-mission-content h2 {
    font-size: 33px;
  }

  .iama-vmx-featured-text,
  .iama-vmx-mission-lead {
    padding: 18px;
    font-size: 18px;
  }

  .iama-vmx-copy-block {
    padding: 78px 20px 22px;
  }

  .iama-vmx-copy-number {
    top: 20px;
    left: 20px;
  }

  .iama-vmx-copy-block p,
  .iama-vmx-mission-text p {
    font-size: 15px;
    line-height: 1.65;
  }

  .iama-vmx-mission-text {
    flex-direction: column;
    padding: 22px 20px;
  }

  .iama-vmx-vision-content .iama-vmx-primary-btn,
  .iama-vmx-mission-content .iama-vmx-yellow-btn {
    width: 100%;
  }

  .iama-vmx-admission {
    padding: 60px 0;
  }

  .iama-vmx-admission-box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 30px 24px;
    border-radius: 22px;
  }

  .iama-vmx-admission-icon {
    width: 65px;
    height: 65px;
    border-radius: 18px;
    font-size: 24px;
  }

  .iama-vmx-admission-content h2 {
    font-size: 30px;
  }

  .iama-vmx-admission-btn {
    width: 100%;
  }

}

/* =====================================================
   RESPONSIVE: SMALL MOBILE
===================================================== */

@media (max-width: 390px) {

  .iama-vmx-intro-heading h2 {
    font-size: 35px;
  }

  .iama-vmx-vision-content h2,
  .iama-vmx-mission-content h2 {
    font-size: 30px;
  }

  .iama-vmx-vision-image img,
  .iama-vmx-mission-image img {
    min-height: 360px;
  }

  .iama-vmx-principle-card strong {
    font-size: 19px;
  }

}


/* =====================================================
   IAMA MODERN LEADERSHIP PAGE
   Unique prefix: iama-leadx-
===================================================== */

.iama-leadx-section {
  --iama-leadx-blue: #00287d;
  --iama-leadx-blue-dark: #001b57;
  --iama-leadx-navy: #06152f;
  --iama-leadx-dark: #071525;
  --iama-leadx-yellow: #f4c84b;
  --iama-leadx-yellow-soft: #fff4c7;
  --iama-leadx-blue-soft: #edf3ff;
  --iama-leadx-white: #ffffff;
  --iama-leadx-border: rgba(0, 40, 125, 0.1);

  position: relative;
  overflow: hidden;
}

/* =====================================================
   SHARED HEADINGS
===================================================== */

.iama-leadx-page-head,
.iama-leadx-section-head {
  position: relative;
  z-index: 3;
  max-width: 900px;
  margin: 0 auto 20px;
  text-align: center;
}

.iama-leadx-section-head-left {
  max-width: 100%;
  margin-right: auto;
  margin-left: 0;
  text-align: center;
}

.iama-leadx-eyebrow,
.iama-leadx-dark-label,
.iama-leadx-card-tag {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 20px;
  padding: 10px 17px;
  border-radius: 100px;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.6px;
  text-transform: uppercase;
}

.iama-leadx-eyebrow,
.iama-leadx-card-tag {
  border: 1px solid var(--iama-leadx-border);
  background: var(--iama-leadx-blue-soft);
  color: var(--iama-leadx-blue);
}

.iama-leadx-dark-label {
  border: 1px solid rgba(244, 200, 75, 0.28);
  background: rgba(244, 200, 75, 0.09);
  color: var(--iama-leadx-yellow);
}

.iama-leadx-page-head h2,
.iama-leadx-section-head h2 {
  margin: 0 0 20px;
  font-family: "Outfit", sans-serif;
  font-size: 52px;
  font-weight: 800;
  line-height: 1.08;
  letter-spacing: -1px;
  color: #00287d;
}

.iama-leadx-page-head p,
.iama-leadx-section-head p {
  margin: 0 auto;
  color: #000;
  font-size: 18px;
  line-height: 1.4;
}

.iama-leadx-section-head-left p {
  margin-left: 0;
}

/* =====================================================
   PRESIDENT SECTION
===================================================== */

.iama-leadx-president {
  padding: 70px 0;
  background:
    radial-gradient(circle at 7% 12%,
      rgba(0, 40, 125, 0.08),
      transparent 28%),
    radial-gradient(circle at 94% 82%,
      rgba(244, 200, 75, 0.17),
      transparent 25%),
    linear-gradient(180deg, #ffffff 0%, #f6f9ff 100%);
}

.iama-leadx-president::before {
  content: "";
  position: absolute;
  top: -190px;
  right: -160px;
  width: 430px;
  height: 430px;
  border: 70px solid rgba(0, 40, 125, 0.025);
  border-radius: 50%;
}

.iama-leadx-president-grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(360px, 0.88fr);
  align-items: center;
  gap: 80px;
}

.iama-leadx-message-label {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 18px;
  color: var(--iama-leadx-blue);
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
}

.iama-leadx-message-label i {
  color: var(--iama-leadx-yellow);
  font-size: 18px;
}

.iama-leadx-president-content h3,
.iama-leadx-vice-content h3,
.iama-leadx-secretary-content h3 {
  margin: 0 0 26px;
  font-family: "Outfit", sans-serif;
  font-size: 43px;
  font-weight: 600;
  line-height: 1.15;
}

.iama-leadx-president-content h3,
.iama-leadx-secretary-content h3 {
  color: var(--iama-leadx-dark);
}

.iama-leadx-message-copy {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.iama-leadx-message-copy p {
  margin: 0;
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 18px;
  line-height: 1.4;
  text-align: justify;
}

.iama-leadx-message-copy p strong {
  color: var(--iama-leadx-blue);
}

.iama-leadx-signature,
.iama-leadx-dark-signature {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-top: 30px;
}

.iama-leadx-sign-line,
.iama-leadx-dark-signature>span {
  width: 65px;
  height: 3px;
  border-radius: 10px;
  background: var(--iama-leadx-yellow);
}

.iama-leadx-signature em,
.iama-leadx-dark-signature em {
  display: block;
  margin-bottom: 4px;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-style: italic;
}

.iama-leadx-signature em {
  color: #000;
}

.iama-leadx-signature strong,
.iama-leadx-dark-signature strong {
  display: block;
  font-family: "Outfit", sans-serif;
  font-size: 30px;
  font-weight: 600;
}

.iama-leadx-signature strong {
  color: var(--iama-leadx-dark);
}

/* President image */

.iama-leadx-person-visual {
  position: relative;
  min-width: 0;
  padding: 35px 25px;
}

.iama-leadx-image-decoration {
  position: absolute;
  top: 0;
  right: -20px;
  width: 190px;
  height: 190px;
  border: 30px solid rgba(244, 200, 75, 0.23);
  border-radius: 50%;
}

.iama-leadx-person-image {
  position: relative;
  z-index: 3;
  overflow: hidden;
  padding: 9px;
  border: 1px solid var(--iama-leadx-border);
  border-radius: 34px;
  background: #fff;
  box-shadow: 0 35px 90px rgba(7, 21, 37, 0.16);
  height: 700px;
}

.iama-leadx-person-image img {
  display: block;
  width: 100%;
  border-radius: 25px;
  object-fit: cover;
  object-position: top center;
}

.iama-leadx-image-gradient {
  position: absolute;
  inset: 9px;
  border-radius: 25px;
}

.iama-leadx-image-name {
  position: absolute;
  z-index: 4;
  right: 32px;
  bottom: 32px;
  left: 32px;
  padding: 20px;
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 17px;
  background: rgba(255, 255, 255, 0.93);
  backdrop-filter: blur(14px);
}

.iama-leadx-image-name strong {
  display: block;
  margin-bottom: 4px;
  font-family: "Outfit", sans-serif;
  color: var(--iama-leadx-dark);
  font-size: 20px;
  font-weight: 600;
}

.iama-leadx-image-name span {
  font-family: "Inter", sans-serif;
  color: var(--iama-leadx-blue);
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
}

.iama-leadx-floating-icon {
  position: absolute;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 7px solid #fff;
  border-radius: 50%;
  box-shadow: 0 18px 45px rgba(0, 40, 125, 0.18);
}

.iama-leadx-floating-icon-one {
  top: 90px;
  left: -5px;
  width: 76px;
  height: 76px;
  background: var(--iama-leadx-blue);
  color: #fff;
  font-size: 24px;
}

.iama-leadx-floating-icon-two {
  right: -5px;
  bottom: 115px;
  width: 68px;
  height: 68px;
  background: var(--iama-leadx-yellow);
  color: var(--iama-leadx-dark);
  font-size: 21px;
}

/* =====================================================
   VICE PRESIDENT SECTION
===================================================== */

.iama-leadx-vice-president {
  padding: 110px 0;
  background:
    radial-gradient(circle at 8% 18%,
      rgba(0, 74, 190, 0.22),
      transparent 31%),
    radial-gradient(circle at 92% 82%,
      rgba(244, 200, 75, 0.12),
      transparent 27%),
    linear-gradient(135deg, #00287d 0%, #00287d 55%, #000 100%);
}

.iama-leadx-vice-grid {
  display: grid;
  grid-template-columns: minmax(340px, 0.85fr) minmax(0, 1.15fr);
  align-items: center;
  gap: 85px;
}

.iama-leadx-vice-visual {
  position: relative;
  height: 770px;
  padding: 40px 25px;
}

.iama-leadx-vice-shape {
  position: absolute;
  top: 0;
  left: 0;
  width: 185px;
  height: 185px;
  border: 30px solid rgba(244, 200, 75, 0.13);
  border-radius: 50%;
}

.iama-leadx-placeholder-card {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 20px;
  position: relative;
  background: #fff;
  line-height: 0;
}

.iama-leadx-placeholder-card img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* Fills the card without distortion */
  object-position: center top;
  transition: transform .5s ease;
}

.iama-leadx-placeholder-card:hover img {
  transform: scale(1.05);
}


.iama-leadx-placeholder-card::before {
  content: "";
  position: absolute;
  right: -100px;
  bottom: -100px;
  width: 260px;
  height: 260px;
  border: 45px solid rgba(255, 255, 255, 0.025);
  border-radius: 50%;
}


.iama-leadx-placeholder-icon {
  display: flex;
  width: 155px;
  height: 155px;
  align-items: center;
  justify-content: center;
  margin-bottom: 38px;
  border: 1px solid rgba(244, 200, 75, 0.28);
  border-radius: 50%;
  background: rgba(244, 200, 75, 0.1);
  color: var(--iama-leadx-yellow);
  font-size: 67px;
}

.iama-leadx-placeholder-name {
  text-align: center;
}

.iama-leadx-placeholder-name strong {
  display: block;
  margin-bottom: 7px;
  font-family: "Outfit", sans-serif;
  color: #fff;
  font-size: 25px;
  font-weight: 600;
}

.iama-leadx-placeholder-name span {
  font-family: "Inter", sans-serif;
  color: var(--iama-leadx-yellow);
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
}

.iama-leadx-vice-mini-card {
  position: absolute;
  z-index: 5;
  right: -15px;
  bottom: 85px;
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 17px 19px;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 17px;
  background: rgba(2, 13, 36, 0.91);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.34);
}

.iama-leadx-vice-mini-card>i {
  display: flex;
  width: 47px;
  height: 47px;
  align-items: center;
  justify-content: center;
  border-radius: 13px;
  background: var(--iama-leadx-yellow);
  color: var(--iama-leadx-dark);
  font-size: 18px;
}

.iama-leadx-vice-mini-card strong {
  display: block;
  margin-bottom: 3px;
  font-family: "Outfit", sans-serif;
  color: #fff;
  font-size: 20px;
}

.iama-leadx-vice-mini-card span {
  font-family: "Inter", sans-serif;
  color: #fff;
  font-size: 18px;
}

.iama-leadx-vice-content h3 {
  color: #fff;
}

.iama-leadx-vice-content h3 small {
  display: block;
  margin-top: 8px;
  color: var(--iama-leadx-yellow);
  font-family: "Inter", sans-serif;
  font-size: 15px;
  font-weight: 600;
}

.iama-leadx-dark-copy {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.iama-leadx-dark-copy p {
  margin: 0;
  font-family: "Inter", sans-serif;
  color: #fff;
  font-size: 18px;
  line-height: 1.4;
  text-align: justify;
}

.iama-leadx-dark-copy p strong {
  color: var(--iama-leadx-yellow);
}

.iama-leadx-dark-signature em {
  color: rgba(255, 255, 255, 0.55);
}

.iama-leadx-dark-signature strong {
  color: #fff;
}

.iama-leadx-dark-signature small {
  display: block;
  margin-top: 3px;
  color: var(--iama-leadx-yellow);
  font-family: "Inter", sans-serif;
  font-size: 16px;
}

/* =====================================================
   CORE LEADERSHIP
===================================================== */

.iama-leadx-core {
  padding: 110px 0;
  background:
    radial-gradient(circle at 94% 10%,
      rgba(244, 200, 75, 0.17),
      transparent 24%),
    linear-gradient(180deg, #ffffff 0%, #f6f9ff 100%);
}

.iama-leadx-secretary-grid {
  display: grid;
  grid-template-columns: minmax(340px, 0.85fr) minmax(0, 1.15fr);
  align-items: center;
  gap: 75px;
  margin-bottom: 70px;
}

.iama-leadx-secretary-visual {
  position: relative;
  padding: 30px 20px 35px;
}

.iama-leadx-secretary-image {
  position: relative;
  z-index: 3;
  overflow: hidden;
  padding: 9px;
  border: 1px solid var(--iama-leadx-border);
  border-radius: 31px;
  background: #fff;
  box-shadow: 0 30px 80px rgba(7, 21, 37, 0.15);
}

.iama-leadx-secretary-image img {
  display: block;
  width: 100%;
  height: 480px;
  border-radius: 22px;
  object-fit: cover;
  object-position: top center;
}

.iama-leadx-secretary-overlay {
  position: absolute;
  inset: 9px;
  border-radius: 22px;
  background:
    linear-gradient(180deg,
      rgba(3, 18, 50, 0) 44%,
      rgba(3, 18, 50, 0.72) 100%);
}

.iama-leadx-secretary-name {
  position: absolute;
  z-index: 4;
  right: 30px;
  bottom: 30px;
  left: 30px;
  padding: 18px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.94);
}

.iama-leadx-secretary-name strong {
  display: block;
  margin-bottom: 4px;
  font-family: "Outfit", sans-serif;
  color: var(--iama-leadx-dark);
  font-size: 19px;
}

.iama-leadx-secretary-name span {
  color: var(--iama-leadx-blue);
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}

.iama-leadx-secretary-mark {
  position: absolute;
  z-index: 5;
  top: 70px;
  right: -4px;
  display: flex;
  width: 72px;
  height: 72px;
  align-items: center;
  justify-content: center;
  border: 7px solid #fff;
  border-radius: 50%;
  background: var(--iama-leadx-yellow);
  box-shadow: 0 18px 40px rgba(0, 40, 125, 0.17);
  color: var(--iama-leadx-dark);
  font-size: 22px;
}

.iama-leadx-secretary-content p {
  margin: 0 0 18px;
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 18px;
  line-height: 1.4;
  text-align: justify;
}

/* Role cards */

.iama-leadx-role-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}

.iama-leadx-role-card {
  position: relative;
  min-height: 305px;
  padding: 30px;
  overflow: hidden;
  border: 1px solid var(--iama-leadx-border);
  border-radius: 23px;
  background: #fff;
  box-shadow: 0 15px 40px rgba(7, 21, 37, 0.055);
  transition:
    transform 0.35s ease,
    border-color 0.35s ease,
    box-shadow 0.35s ease;
}

.iama-leadx-role-card::before {
  content: "";
  position: absolute;
  right: -70px;
  bottom: -70px;
  width: 170px;
  height: 170px;
  border: 30px solid rgba(0, 40, 125, 0.025);
  border-radius: 50%;
}

.iama-leadx-role-card:hover {
  transform: translateY(-8px);
  border-color: rgba(0, 40, 125, 0.18);
  box-shadow: 0 24px 55px rgba(0, 40, 125, 0.11);
}

.iama-leadx-role-number {
  position: absolute;
  top: 20px;
  right: 22px;
  color: rgba(0, 40, 125, 0.08);
  font-family: "Outfit", sans-serif;
  font-size: 43px;
  font-weight: 700;
}

.iama-leadx-role-icon {
  display: flex;
  width: 60px;
  height: 60px;
  align-items: center;
  justify-content: center;
  margin-bottom: 42px;
  border-radius: 17px;
  background: var(--iama-leadx-blue);
  color: #fff;
  font-size: 22px;
}

.iama-leadx-role-card:nth-child(2) .iama-leadx-role-icon {
  background: var(--iama-leadx-yellow);
  color: var(--iama-leadx-dark);
}

.iama-leadx-role-card h3 {
  margin: 0 0 12px;
  font-family: "Outfit", sans-serif;
  color: var(--iama-leadx-dark);
  font-size: 27px;
  font-weight: 600;
}

.iama-leadx-role-card p {
  margin: 0;
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 18px;
  line-height: 1.4;
}

/* =====================================================
   HOD DIRECTORY
===================================================== */

.iama-leadx-hod {
  padding: 110px 0;
  background:
    radial-gradient(circle at 8% 18%,
      rgba(0, 74, 190, 0.22),
      transparent 31%),
    radial-gradient(circle at 92% 82%,
      rgba(244, 200, 75, 0.12),
      transparent 27%),
    linear-gradient(135deg, #00287d 0%, #00287d 55%, #000 100%);
}

.iama-leadx-hod .iama-leadx-section-head h2 {
  color: #fff;
}

.iama-leadx-hod .iama-leadx-section-head p {
  color: #fff;
}

.iama-leadx-hod-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

/* 7th item */
.iama-leadx-hod-grid> :nth-child(7) {
  grid-column: 2;
}

.iama-leadx-hod-card {
  position: relative;
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr) auto;
  align-items: center;
  gap: 18px;
  padding: 20px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 19px;
  background: rgba(255, 255, 255, 0.055);
  transition:
    transform 0.35s ease,
    border-color 0.35s ease,
    background 0.35s ease;
}

.iama-leadx-hod-card:hover {
  transform: translateY(-5px);
  border-color: rgba(244, 200, 75, 0.3);
  background: rgba(255, 255, 255, 0.09);
}

.iama-leadx-hod-photo {
  display: flex;
  width: 72px;
  height: 72px;
  align-items: center;
  justify-content: center;
  border-radius: 18px;
  background: var(--iama-leadx-yellow);
  color: var(--iama-leadx-dark);
  font-size: 25px;
}

.iama-leadx-hod-info h3 {
  margin: 0 0 5px;
  font-family: "Outfit", sans-serif;
  color: #fff;
  font-size: 22px;
  font-weight: 600;
}

.iama-leadx-hod-info p {
  margin: 0;
  font-family: "Inter", sans-serif;
  color: #fff;
  font-size: 20px;
}



/* =====================================================
   LEADERSHIP PRINCIPLES
===================================================== */

.iama-leadx-principles {
  padding: 110px 0;
  background:
    radial-gradient(circle at 92% 10%,
      rgba(244, 200, 75, 0.17),
      transparent 24%),
    linear-gradient(180deg, #ffffff 0%, #f5f8ff 100%);
}

.iama-leadx-principles-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

.iama-leadx-principle-card {
  position: relative;
  min-height: 270px;
  padding: 28px 24px;
  overflow: hidden;
  border: 1px solid var(--iama-leadx-border);
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 14px 38px rgba(7, 21, 37, 0.05);
  transition:
    transform 0.35s ease,
    border-color 0.35s ease,
    box-shadow 0.35s ease;
}

.iama-leadx-principle-card:hover {
  transform: translateY(-8px);
  border-color: rgba(0, 40, 125, 0.18);
  box-shadow: 0 23px 52px rgba(0, 40, 125, 0.1);
}

.iama-leadx-principle-number {
  position: absolute;
  top: 20px;
  right: 22px;
  color: rgba(0, 40, 125, 0.07);
  font-family: "Outfit", sans-serif;
  font-size: 42px;
  font-weight: 700;
}

.iama-leadx-principle-icon {
  display: flex;
  width: 58px;
  height: 58px;
  align-items: center;
  justify-content: center;
  margin-bottom: 45px;
  border-radius: 17px;
  background: var(--iama-leadx-blue);
  color: #fff;
  font-size: 21px;
}

.iama-leadx-principle-card:nth-child(even) .iama-leadx-principle-icon {
  background: var(--iama-leadx-yellow);
  color: var(--iama-leadx-dark);
}

.iama-leadx-principle-card h3 {
  margin: 0 0 11px;
  font-family: "Outfit", sans-serif;
  color: var(--iama-leadx-dark);
  font-size: 27px;
  font-weight: 600;
}

.iama-leadx-principle-card p {
  margin: 0;
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 18px;
  line-height: 1.4;
}

/* =====================================================
   RESPONSIVE
===================================================== */

@media (max-width: 1199px) {

  .iama-leadx-president,
  .iama-leadx-vice-president,
  .iama-leadx-core,
  .iama-leadx-hod,
  .iama-leadx-principles {
    padding: 95px 0;
  }

  .iama-leadx-president-grid,
  .iama-leadx-vice-grid,
  .iama-leadx-secretary-grid {
    gap: 50px;
  }

  .iama-leadx-page-head h2,
  .iama-leadx-section-head h2 {
    font-size: 47px;
  }

  .iama-leadx-president-content h3,
  .iama-leadx-vice-content h3,
  .iama-leadx-secretary-content h3 {
    font-size: 38px;
  }

  .iama-leadx-principles-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

}

@media (max-width: 991px) {

  .iama-leadx-president-grid,
  .iama-leadx-vice-grid,
  .iama-leadx-secretary-grid {
    grid-template-columns: 1fr;
  }

  .iama-leadx-person-visual,
  .iama-leadx-vice-visual,
  .iama-leadx-secretary-visual {
    width: 100%;
    max-width: 730px;
    margin: 0 auto;
  }

  .iama-leadx-vice-visual {
    min-height: auto;
  }

  .iama-leadx-role-grid {
    grid-template-columns: 1fr;
  }

  .iama-leadx-role-card {
    min-height: auto;
  }

}

@media (max-width: 767px) {

  .iama-leadx-president,
  .iama-leadx-vice-president,
  .iama-leadx-core,
  .iama-leadx-hod,
  .iama-leadx-principles {
    padding: 75px 0;
  }

  .iama-leadx-page-head,
  .iama-leadx-section-head {
    margin-bottom: 50px;
  }

  .iama-leadx-page-head h2,
  .iama-leadx-section-head h2 {
    font-size: 38px;
  }

  .iama-leadx-page-head p,
  .iama-leadx-section-head p {
    font-size: 16px;
  }

  .iama-leadx-president-content h3,
  .iama-leadx-vice-content h3,
  .iama-leadx-secretary-content h3 {
    font-size: 34px;
  }

  .iama-leadx-person-image img,
  .iama-leadx-secretary-image img {
    min-height: 520px;
  }

  .iama-leadx-placeholder-card {
    min-height: 500px;
  }

  .iama-leadx-hod-grid {
    grid-template-columns: 1fr;
  }

}

@media (max-width: 575px) {

  .iama-leadx-president,
  .iama-leadx-vice-president,
  .iama-leadx-core,
  .iama-leadx-hod,
  .iama-leadx-principles {
    padding: 60px 0;
  }

  .iama-leadx-eyebrow,
  .iama-leadx-dark-label,
  .iama-leadx-card-tag {
    padding: 9px 14px;
    font-size: 11px;
  }

  .iama-leadx-page-head h2,
  .iama-leadx-section-head h2 {
    font-size: 31px;
    letter-spacing: -0.7px;
  }

  .iama-leadx-president-content h3,
  .iama-leadx-vice-content h3,
  .iama-leadx-secretary-content h3 {
    font-size: 29px;
  }

  .iama-leadx-person-visual,
  .iama-leadx-vice-visual,
  .iama-leadx-secretary-visual {
    padding: 15px 0 30px;
  }

  .iama-leadx-person-image,
  .iama-leadx-secretary-image {
    padding: 7px;
    border-radius: 25px;
  }

  .iama-leadx-person-image img,
  .iama-leadx-secretary-image img {
    min-height: 410px;
    border-radius: 18px;
  }

  .iama-leadx-image-gradient,
  .iama-leadx-secretary-overlay {
    inset: 7px;
    border-radius: 18px;
  }

  .iama-leadx-floating-icon,
  .iama-leadx-image-decoration,
  .iama-leadx-secretary-mark,
  .iama-leadx-vice-shape {
    display: none;
  }

  .iama-leadx-image-name,
  .iama-leadx-secretary-name {
    right: 18px;
    bottom: 18px;
    left: 18px;
  }

  .iama-leadx-message-copy p,
  .iama-leadx-dark-copy p,
  .iama-leadx-secretary-content p {
    font-size: 15px;
    line-height: 1.67;
  }

  .iama-leadx-vice-mini-card {
    position: relative;
    right: auto;
    bottom: auto;
    width: calc(100% - 20px);
    margin: -60px auto 0;
  }

  .iama-leadx-placeholder-card {
    min-height: 420px;
  }

  .iama-leadx-placeholder-icon {
    width: 125px;
    height: 125px;
    font-size: 52px;
  }

  .iama-leadx-hod-card {
    grid-template-columns: 60px minmax(0, 1fr);
  }

  .iama-leadx-hod-photo {
    width: 60px;
    height: 60px;
    border-radius: 15px;
    font-size: 21px;
  }

  .iama-leadx-hod-arrow {
    display: none;
  }

  .iama-leadx-principles-grid {
    grid-template-columns: 1fr;
  }

  .iama-leadx-principle-card {
    min-height: auto;
  }

}

@media (max-width: 390px) {

  .iama-leadx-page-head h2,
  .iama-leadx-section-head h2 {
    font-size: 28px;
  }

  .iama-leadx-person-image img,
  .iama-leadx-secretary-image img {
    min-height: 360px;
  }

  .iama-leadx-placeholder-card {
    min-height: 370px;
  }

  .iama-leadx-hod-info h3 {
    font-size: 16px;
  }

}

/* =====================================================
   IAMA ACCREDITATIONS & AFFILIATIONS
   Unique prefix: iama-accrx-
===================================================== */

.iama-accrx-opening,
.iama-accrx-network,
.iama-accrx-focus,
.iama-accrx-model,
.iama-accrx-opportunities,
.iama-accrx-digital,
.iama-accrx-faq,
.iama-accrx-cta {
  --iama-accrx-blue: #00287d;
  --iama-accrx-blue-dark: #001a53;
  --iama-accrx-dark: #071525;
  --iama-accrx-yellow: #f4c84b;
  --iama-accrx-yellow-soft: #fff4ca;
  --iama-accrx-blue-soft: #edf3ff;
  --iama-accrx-white: #ffffff;
  --iama-accrx-border: rgba(0, 40, 125, 0.1);

  position: relative;
  overflow: hidden;
}

/* =====================================================
   SHARED STYLES
===================================================== */

.iama-accrx-label,
.iama-accrx-dark-label,
.iama-accrx-cta-label {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 20px;
  padding: 10px 17px;
  border-radius: 100px;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.6px;
  text-transform: uppercase;
}

.iama-accrx-label {
  border: 1px solid var(--iama-accrx-border);
  background: var(--iama-accrx-blue-soft);
  color: var(--iama-accrx-blue);
}

.iama-accrx-dark-label,
.iama-accrx-cta-label {
  border: 1px solid rgba(244, 200, 75, 0.3);
  background: rgba(244, 200, 75, 0.1);
  color: var(--iama-accrx-yellow);
}

.iama-accrx-section-heading {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(320px, 0.9fr);
  align-items: end;
  gap: 70px;
  margin-bottom: 65px;
}

.iama-accrx-section-heading h2 {
  margin: 0;
  font-family: "Outfit", sans-serif;
  color: var(--iama-accrx-dark);
  font-size: 50px;
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -1.5px;
}

.iama-accrx-section-heading>p {
  margin: 0;
  padding-left: 25px;
  border-left: 3px solid var(--iama-accrx-yellow);
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 18px;
  line-height: 1.4;
}

/* =====================================================
   OPENING SECTION
===================================================== */

.iama-accrx-opening {
  padding: 80px 0;
  background:
    radial-gradient(circle at 8% 12%,
      rgba(0, 40, 125, 0.08),
      transparent 27%),
    radial-gradient(circle at 92% 80%,
      rgba(244, 200, 75, 0.16),
      transparent 25%),
    linear-gradient(180deg, #ffffff 0%, #f5f8ff 100%);
}

.iama-accrx-opening-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.93fr) minmax(0, 1.07fr);
  align-items: center;
  gap: 85px;
}

.iama-accrx-opening-content h2 {
  max-width: 710px;
  margin: 0 0 25px;
  font-family: "Outfit", sans-serif;
  color: var(--iama-accrx-dark);
  font-size: 57px;
  font-weight: 600;
  line-height: 1.08;
  letter-spacing: -1.7px;
}

.iama-accrx-opening-content>p {
  max-width: 690px;
  margin: 0 0 30px;
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 18px;
  line-height: 1.4;
}

.iama-accrx-opening-feature {
  display: flex;
  max-width: 490px;
  align-items: center;
  gap: 15px;
  padding: 18px;
  border: 1px solid var(--iama-accrx-border);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 16px 40px rgba(7, 21, 37, 0.06);
}

.iama-accrx-opening-feature-icon {
  display: flex;
  width: 54px;
  height: 54px;
  min-width: 54px;
  align-items: center;
  justify-content: center;
  border-radius: 15px;
  background: var(--iama-accrx-blue);
  color: #fff;
  font-size: 20px;
}

.iama-accrx-opening-feature strong {
  display: block;
  margin-bottom: 4px;
  font-family: "Outfit", sans-serif;
  color: #000;
  font-size: 26px;
  font-weight: 600;
}

.iama-accrx-opening-feature div>span {
  display: block;
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 22px;
  line-height: 1.4
}

/* Opening images */

.iama-accrx-opening-visual {
  position: relative;
  min-height: 650px;
}

.iama-accrx-opening-image-main {
  position: absolute;
  top: 0;
  right: 0;
  width: 82%;
  overflow: hidden;
  padding: 9px;
  border: 1px solid var(--iama-accrx-border);
  border-radius: 32px;
  background: #fff;
  box-shadow: 0 35px 85px rgba(7, 21, 37, 0.16);
}

.iama-accrx-opening-image-main img {
  display: block;
  width: 100%;
  height: 560px;
  border-radius: 23px;
  object-fit: cover;
}

.iama-accrx-opening-image-small {
  position: absolute;
  z-index: 4;
  bottom: 0;
  left: 0;
  width: 48%;
  overflow: hidden;
  padding: 7px;
  border-radius: 25px;
  background: #fff;
  box-shadow: 0 25px 65px rgba(0, 40, 125, 0.18);
}

.iama-accrx-opening-image-small img {
  display: block;
  width: 100%;
  height: 265px;
  border-radius: 18px;
  object-fit: cover;
}

.iama-accrx-opening-badge {
  position: absolute;
  z-index: 6;
  top: 70px;
  left: -5px;
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 17px 19px;
  border: 1px solid var(--iama-accrx-border);
  border-radius: 17px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 20px 50px rgba(0, 40, 125, 0.15);
}

.iama-accrx-opening-badge>i {
  display: flex;
  width: 47px;
  height: 47px;
  align-items: center;
  justify-content: center;
  border-radius: 13px;
  background: var(--iama-accrx-yellow);
  color: var(--iama-accrx-dark);
  font-size: 18px;
}

.iama-accrx-opening-badge strong {
  display: block;
  margin-bottom: 3px;
  font-family: "Outfit", sans-serif;
  color: #000;
  font-size: 20px;
}

.iama-accrx-opening-badge span {
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 18px;
}

.iama-accrx-opening-shape {
  position: absolute;
  top: -25px;
  right: -30px;
  width: 185px;
  height: 185px;
  border: 31px solid rgba(244, 200, 75, 0.2);
  border-radius: 50%;
}

.iama-accrx-opening-dots {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 140px;
  height: 140px;
  opacity: 0.35;
  background-image: radial-gradient(rgba(0, 40, 125, 0.52) 1.6px,
      transparent 1.6px);
  background-size: 14px 14px;
}

/* =====================================================
   NETWORK SECTION
===================================================== */

.iama-accrx-network {
  padding: 50px 0;
  background: #ffffff;
}

.iama-accrx-network-box {
  display: grid;
  grid-template-columns: minmax(340px, 0.88fr) minmax(0, 1.12fr);
  align-items: center;
  gap: 70px;
  padding: 35px;
  border: 1px solid var(--iama-accrx-border);
  border-radius: 32px;
  background:
    radial-gradient(circle at 92% 10%,
      rgba(244, 200, 75, 0.15),
      transparent 27%),
    #f7f9ff;
}

.iama-accrx-network-image {
  position: relative;
  overflow: hidden;
  border-radius: 25px;
  box-shadow: 0 28px 70px rgba(7, 21, 37, 0.14);
}

.iama-accrx-network-image img {
  display: block;
  width: 100%;
  min-height: 610px;
  object-fit: cover;
}

.iama-accrx-network-image-overlay {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg,
      rgba(3, 20, 50, 0) 42%,
      rgba(3, 20, 50, 0.45) 100%);
}

.iama-accrx-network-content h2 {
  margin: 0 0 22px;
  font-family: "Outfit", sans-serif;
  color: var(--iama-accrx-dark);
  font-size: 48px;
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -1.4px;
}

.iama-accrx-network-content>p {
  margin: 0 0 30px;
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 18px;
  line-height: 1.4;
}

.iama-accrx-network-list {
  display: grid;
  gap: 13px;
}

.iama-accrx-network-item {
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 14px;
  border: 1px solid var(--iama-accrx-border);
  border-radius: 16px;
  background: #fff;
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease;
}

.iama-accrx-network-item:hover {
  transform: translateX(6px);
  box-shadow: 0 15px 35px rgba(0, 40, 125, 0.09);
}

.iama-accrx-network-item>span {
  color: rgba(0, 40, 125, 0.24);
  font-family: "Outfit", sans-serif;
  font-size: 15px;
  font-weight: 700;
}

.iama-accrx-network-item>i {
  display: flex;
  width: 45px;
  height: 45px;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: var(--iama-accrx-blue);
  color: #fff;
  font-size: 16px;
}

.iama-accrx-network-item:nth-child(even)>i {
  background: var(--iama-accrx-yellow);
  color: var(--iama-accrx-dark);
}

.iama-accrx-network-item p {
  margin: 0;
  font-family: "Inter", sans-serif;
  color: var(--iama-accrx-dark);
  font-size: 20px;
  font-weight: 600;
}

/* =====================================================
   FOCUS AREAS
===================================================== */

.iama-accrx-focus {
  padding: 110px 0;
  background:
    radial-gradient(circle at 95% 10%,
      rgba(244, 200, 75, 0.16),
      transparent 25%),
    linear-gradient(180deg, #f7f9ff 0%, #ffffff 100%);
}

.iama-accrx-focus-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}

.iama-accrx-focus-card {
  position: relative;
  min-height: 315px;
  padding: 30px;
  overflow: hidden;
  border: 1px solid var(--iama-accrx-border);
  border-radius: 23px;
  background: #fff;
  box-shadow: 0 15px 40px rgba(7, 21, 37, 0.05);
  transition:
    transform 0.35s ease,
    box-shadow 0.35s ease,
    border-color 0.35s ease;
}

.iama-accrx-focus-card:hover {
  transform: translateY(-8px);
  border-color: rgba(0, 40, 125, 0.2);
  box-shadow: 0 25px 55px rgba(0, 40, 125, 0.11);
}

.iama-accrx-focus-number {
  position: absolute;
  top: 20px;
  right: 22px;
  color: rgba(0, 40, 125, 0.07);
  font-family: "Outfit", sans-serif;
  font-size: 43px;
  font-weight: 700;
}

.iama-accrx-focus-icon {
  display: flex;
  width: 62px;
  height: 62px;
  align-items: center;
  justify-content: center;
  margin-bottom: 48px;
  border-radius: 18px;
  background: var(--iama-accrx-blue);
  color: #fff;
  font-size: 23px;
}

.iama-accrx-focus-card:nth-child(even) .iama-accrx-focus-icon {
  background: var(--iama-accrx-yellow);
  color: var(--iama-accrx-dark);
}

.iama-accrx-focus-card h3 {
  margin: 0 0 12px;
  font-family: "Outfit", sans-serif;
  color: var(--iama-accrx-dark);
  font-size: 28px;
  font-weight: 600;
}

.iama-accrx-focus-card p {
  margin: 0;
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 18px;
  line-height: 1.4;
}

/* =====================================================
   COLLABORATION MODEL
===================================================== */

.iama-accrx-model {
  padding: 70px 0;
  background: radial-gradient(circle at 8% 18%, rgba(0, 74, 190, 0.22), transparent 31%), radial-gradient(circle at 92% 82%, rgba(244, 200, 75, 0.12), transparent 27%), linear-gradient(135deg, #00287d 0%, #00287d 55%, #000 100%);
}

.iama-accrx-model-heading {
  margin: 0 auto 65px;
  text-align: center;
}

.iama-accrx-model-heading h2 {
  margin: 0 0 20px;
  font-family: "Outfit", sans-serif;
  color: #fff;
  font-size: 50px;
  font-weight: 600;
  line-height: 1.1;
}

.iama-accrx-model-heading p {
  margin: 0;
  font-family: "Inter", sans-serif;
  color: #fff;
  font-size: 18px;
  line-height: 1.4;
}

.iama-accrx-model-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

.iama-accrx-model-step {
  position: relative;
  padding: 28px 24px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.055);
  transition:
    transform 0.35s ease,
    border-color 0.35s ease,
    background 0.35s ease;
}

.iama-accrx-model-step:hover {
  transform: translateY(-8px);
  border-color: rgba(244, 200, 75, 0.3);
  background: rgba(255, 255, 255, 0.085);
}

.iama-accrx-model-number {
  position: absolute;
  top: 20px;
  right: 21px;
  color: rgba(255, 255, 255, 0.1);
  font-family: "Outfit", sans-serif;
  font-size: 44px;
  font-weight: 700;
}

.iama-accrx-model-icon {
  display: flex;
  width: 62px;
  height: 62px;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
  border-radius: 18px;
  background: var(--iama-accrx-yellow);
  color: var(--iama-accrx-dark);
  font-size: 22px;
}

.iama-accrx-model-step h3 {
  margin: 0 0 12px;
  font-family: "Outfit", sans-serif;
  color: #fff;
  font-size: 25px;
  font-weight: 600;
}

.iama-accrx-model-step p {
  margin: 0;
  font-family: "Inter", sans-serif;
  color: #fff;
  font-size: 18px;
  line-height: 1.65;
}

/* =====================================================
   OPPORTUNITIES
===================================================== */

.iama-accrx-opportunities {
  padding: 70px 0;
  background: #fff;
}

.iama-accrx-opportunity-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}

.iama-accrx-opportunity-card {
  overflow: hidden;
  border: 1px solid var(--iama-accrx-border);
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 15px 42px rgba(7, 21, 37, 0.055);
  transition:
    transform 0.35s ease,
    box-shadow 0.35s ease;
}

.iama-accrx-opportunity-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 25px 58px rgba(0, 40, 125, 0.12);
}

.iama-accrx-opportunity-image {
  position: relative;
  height: 290px;
  overflow: hidden;
}

.iama-accrx-opportunity-image::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg,
      rgba(3, 20, 50, 0) 45%,
      rgba(3, 20, 50, 0.48) 100%);
}

.iama-accrx-opportunity-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.55s ease;
}

.iama-accrx-opportunity-card:hover img {
  transform: scale(1.06);
}

.iama-accrx-opportunity-icon {
  position: absolute;
  z-index: 3;
  right: 22px;
  bottom: 20px;
  display: flex;
  width: 58px;
  height: 58px;
  align-items: center;
  justify-content: center;
  border: 6px solid #fff;
  border-radius: 50%;
  background: var(--iama-accrx-yellow);
  color: var(--iama-accrx-dark);
  font-size: 20px;
}

.iama-accrx-opportunity-content {
  padding: 27px;
}

.iama-accrx-opportunity-content h3 {
  margin: 0 0 11px;
  font-family: "Outfit", sans-serif;
  color: var(--iama-accrx-dark);
  font-size: 28px;
  font-weight: 600;
}

.iama-accrx-opportunity-content p {
  margin: 0;
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 18px;
  line-height: 1.4;
}

/* =====================================================
   DIGITAL INFRASTRUCTURE
===================================================== */

.iama-accrx-digital {
  padding: 70px 0;
  background:
    radial-gradient(circle at 95% 10%,
      rgba(244, 200, 75, 0.17),
      transparent 25%),
    linear-gradient(180deg, #f5f8ff 0%, #ffffff 100%);
}

.iama-accrx-digital-grid {
  display: grid;
  grid-template-columns: minmax(350px, 0.9fr) minmax(0, 1.1fr);
  align-items: center;
  gap: 80px;
}

.iama-accrx-digital-image {
  position: relative;
  overflow: hidden;
  padding: 9px;
  border: 1px solid var(--iama-accrx-border);
  border-radius: 32px;
  background: #fff;
  box-shadow: 0 35px 85px rgba(7, 21, 37, 0.15);
}

.iama-accrx-digital-image img {
  display: block;
  width: 100%;
  min-height: 630px;
  border-radius: 23px;
  object-fit: cover;
}

.iama-accrx-digital-image-overlay {
  position: absolute;
  inset: 9px;
  border-radius: 23px;
  background:
    linear-gradient(180deg,
      rgba(3, 20, 50, 0) 40%,
      rgba(3, 20, 50, 0.72) 100%);
}

.iama-accrx-digital-image-note {
  position: absolute;
  z-index: 3;
  right: 30px;
  bottom: 30px;
  left: 30px;
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 18px;
  border-radius: 17px;
  background: rgba(255, 255, 255, 0.94);
}

.iama-accrx-digital-image-note i {
  display: flex;
  width: 49px;
  height: 49px;
  align-items: center;
  justify-content: center;
  border-radius: 13px;
  background: var(--iama-accrx-blue);
  color: #fff;
}

.iama-accrx-digital-image-note strong {
  font-family: "Outfit", sans-serif;
  color: var(--iama-accrx-dark);
  font-size: 18px;
  font-weight: 600;
}

.iama-accrx-digital-content h2 {
  margin: 0 0 23px;
  font-family: "Outfit", sans-serif;
  color: var(--iama-accrx-dark);
  font-size: 49px;
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -1.4px;
}

.iama-accrx-digital-content>p {
  margin: 0 0 30px;
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 18px;
  line-height: 1.4;
}

.iama-accrx-digital-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 13px;
}

.iama-accrx-digital-list>div {
  display: flex;
  min-height: 68px;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  border: 1px solid var(--iama-accrx-border);
  border-radius: 15px;
  background: #fff;
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease;
}

.iama-accrx-digital-list>div:hover {
  transform: translateY(-4px);
  box-shadow: 0 15px 34px rgba(0, 40, 125, 0.08);
}

.iama-accrx-digital-list i {
  display: flex;
  width: 39px;
  height: 39px;
  min-width: 39px;
  align-items: center;
  justify-content: center;
  border-radius: 11px;
  background: var(--iama-accrx-yellow);
  color: var(--iama-accrx-dark);
}

.iama-accrx-digital-list span {
  font-family: "Inter", sans-serif;
  color: var(--iama-accrx-dark);
  font-size: 25px;
  font-weight: 600;
}

/* =====================================================
   FAQ
===================================================== */

.iama-accrx-faq {
  padding: 70px 0;
  background: #fff;
}

.iama-accrx-faq-heading {
  max-width: 820px;
  margin: 0 auto 65px;
  text-align: center;
}

.iama-accrx-faq-heading h2 {
  margin: 0;
  font-family: "Outfit", sans-serif;
  color: var(--iama-accrx-dark);
  font-size: 50px;
  font-weight: 600;
  line-height: 1.1;
}

.iama-accrx-faq-grid {
  display: grid;
  grid-template-columns: minmax(340px, 0.85fr) minmax(0, 1.15fr);
  align-items: center;
  gap: 70px;
}

.iama-accrx-faq-image {
  position: relative;
  overflow: hidden;
  padding: 9px;
  border: 1px solid var(--iama-accrx-border);
  border-radius: 30px;
  background: #fff;
  box-shadow: 0 30px 75px rgba(7, 21, 37, 0.14);
  height: 450px;
}

.iama-accrx-faq-image img {
  display: block;
  width: 100%;

  border-radius: 21px;
  object-fit: cover;
}

.iama-accrx-faq-image-overlay {
  position: absolute;
  inset: 9px;
  border-radius: 21px;
  background:
    linear-gradient(180deg,
      rgba(3, 20, 50, 0) 42%,
      rgba(3, 20, 50, 0.68) 100%);
}

.iama-accrx-faq-note {
  position: absolute;
  z-index: 3;
  right: 28px;
  bottom: 28px;
  left: 28px;
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 17px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.94);
}

.iama-accrx-faq-note i {
  display: flex;
  width: 47px;
  height: 47px;
  align-items: center;
  justify-content: center;
  border-radius: 13px;
  background: var(--iama-accrx-yellow);
  color: var(--iama-accrx-dark);
}

.iama-accrx-faq-note strong {
  display: block;
  margin-bottom: 3px;
  font-family: "Outfit", sans-serif;
  color: #000;
  font-size: 22px;
}

.iama-accrx-faq-note span {
  display: block;
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 20px;
}

.iama-accrx-accordion .accordion-item {
  margin-bottom: 13px;
  overflow: hidden;
  border: 1px solid var(--iama-accrx-border);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 10px 30px rgba(7, 21, 37, 0.04);
}

.iama-accrx-accordion .accordion-button {
  padding: 20px 22px;
  background: #fff;
  box-shadow: none;
  color: var(--iama-accrx-dark);
  font-family: "Outfit", sans-serif;
  font-size: 18px;
  font-weight: 600;
}

.iama-accrx-accordion .accordion-button:not(.collapsed) {
  background: var(--iama-accrx-blue-soft);
  color: var(--iama-accrx-blue);
}

.iama-accrx-accordion .accordion-button:focus {
  box-shadow: none;
}

.iama-accrx-accordion .accordion-body {
  padding: 15px 22px 22px;
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 18px;
  line-height: 1.4;
}

/* =====================================================
   FULL WIDTH CTA
===================================================== */

/*=====================================================
 CTA
=====================================================*/

.iama-accrx-cta {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  padding: 50px 0;
}

.iama-accrx-cta-bg,
.iama-accrx-cta-overlay {
  position: absolute;
  inset: 0;
}

.iama-accrx-cta-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.iama-accrx-cta-overlay {
  background: linear-gradient(90deg,
      rgba(1, 15, 48, .94) 0%,
      rgba(0, 40, 125, .86) 48%,
      rgba(0, 40, 125, .60) 100%);
}

.iama-accrx-cta .container {
  position: relative;
  z-index: 2;
}

.iama-accrx-cta-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 80px;
}

.iama-accrx-cta-content {
  flex: 1;
  max-width: 760px;
}

.iama-accrx-cta-label {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 22px;
  padding: 10px 18px;
  border-radius: 50px;
  background: rgba(255, 255, 255, .12);
  border: 1px solid rgba(255, 255, 255, .18);
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  backdrop-filter: blur(10px);
}

.iama-accrx-cta-label i {
  color: var(--iama-accrx-yellow);
}

.iama-accrx-cta-content h2 {
  margin: 0 0 24px;
  color: #fff;
  font-family: "Outfit", sans-serif;
  color: #fff;
  font-size: 50px;
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -1.4px;
}

.iama-accrx-cta-content p {
  font-family: "Inter", sans-serif;
  margin: 0;
  max-width: 700px;
  color: #fff;
  font-size: 18px;
  line-height: 1.4;
}

.iama-accrx-cta-actions {
  display: flex;
  flex-direction: column;
  gap: 18px;
  flex-shrink: 0;
}

.iama-accrx-cta-primary,
.iama-accrx-cta-secondary {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-width: 290px;
  min-height: 60px;
  padding: 0 28px;
  border-radius: 14px;
  font-size: 17px;
  font-weight: 700;
  text-decoration: none;
  transition: .35s;
}

.iama-accrx-cta-primary {
  background: var(--iama-accrx-yellow);
  color: var(--iama-accrx-dark);
  border: 1px solid var(--iama-accrx-yellow);
}

.iama-accrx-cta-secondary {
  color: #fff;
  background: rgba(255, 255, 255, .08);
  border: 1px solid rgba(255, 255, 255, .25);
  backdrop-filter: blur(10px);
}

.iama-accrx-cta-primary:hover,
.iama-accrx-cta-secondary:hover {
  transform: translateY(-5px);
}

.iama-accrx-cta-primary:hover {
  background: #fff;
  color: var(--iama-accrx-blue);
}

.iama-accrx-cta-secondary:hover {
  background: #fff;
  color: var(--iama-accrx-blue);
}

/*==========================
 Responsive
==========================*/

@media (max-width:991px) {

  .iama-accrx-cta {
    padding: 80px 0;
  }

  .iama-accrx-cta-inner {
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
  }

  .iama-accrx-cta-content h2 {
    font-size: 42px;
  }

  .iama-accrx-cta-actions {
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
  }

  .iama-accrx-cta-primary,
  .iama-accrx-cta-secondary {
    min-width: 240px;
  }

}

@media (max-width:767px) {

  .iama-accrx-cta {
    padding: 60px 0;
  }

  .iama-accrx-cta-content h2 {
    font-size: 32px;
    line-height: 1.2;
  }

  .iama-accrx-cta-content p {
    font-size: 16px;
  }

  .iama-accrx-cta-actions {
    flex-direction: column;
    width: 100%;
  }

  .iama-accrx-cta-primary,
  .iama-accrx-cta-secondary {
    width: 100%;
    min-width: 100%;
  }

}

/* =====================================================
   RESPONSIVE
===================================================== */

@media (max-width: 1199px) {

  .iama-accrx-opening,
  .iama-accrx-network,
  .iama-accrx-focus,
  .iama-accrx-model,
  .iama-accrx-opportunities,
  .iama-accrx-digital,
  .iama-accrx-faq {
    padding: 95px 0;
  }

  .iama-accrx-opening-grid,
  .iama-accrx-digital-grid,
  .iama-accrx-faq-grid {
    gap: 55px;
  }

  .iama-accrx-opening-content h2,
  .iama-accrx-cta-content h2 {
    font-size: 49px;
  }

  .iama-accrx-section-heading h2,
  .iama-accrx-network-content h2,
  .iama-accrx-model-heading h2,
  .iama-accrx-digital-content h2,
  .iama-accrx-faq-heading h2 {
    font-size: 45px;
  }

}

@media (max-width: 991px) {

  .iama-accrx-opening-grid,
  .iama-accrx-network-box,
  .iama-accrx-digital-grid,
  .iama-accrx-faq-grid {
    grid-template-columns: 1fr;
  }

  .iama-accrx-opening-content {
    max-width: 820px;
  }

  .iama-accrx-opening-visual {
    width: 100%;
    max-width: 780px;
    margin: 0 auto;
  }

  .iama-accrx-section-heading {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .iama-accrx-section-heading>p {
    max-width: 760px;
  }

  .iama-accrx-focus-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .iama-accrx-model-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .iama-accrx-network-image,
  .iama-accrx-digital-image,
  .iama-accrx-faq-visual {
    width: 100%;
    max-width: 730px;
    margin: 0 auto;
  }

}

@media (max-width: 767px) {

  .iama-accrx-opening,
  .iama-accrx-network,
  .iama-accrx-focus,
  .iama-accrx-model,
  .iama-accrx-opportunities,
  .iama-accrx-digital,
  .iama-accrx-faq {
    padding: 75px 0;
  }

  .iama-accrx-opening-content h2,
  .iama-accrx-cta-content h2 {
    font-size: 40px;
  }

  .iama-accrx-section-heading h2,
  .iama-accrx-network-content h2,
  .iama-accrx-model-heading h2,
  .iama-accrx-digital-content h2,
  .iama-accrx-faq-heading h2 {
    font-size: 38px;
  }

  .iama-accrx-opening-visual {
    min-height: 560px;
  }

  .iama-accrx-opening-image-main img {
    height: 470px;
  }

  .iama-accrx-opening-image-small img {
    height: 220px;
  }

  .iama-accrx-opportunity-grid {
    grid-template-columns: 1fr;
  }

  .iama-accrx-cta {
    min-height: 520px;
    padding: 80px 0;
  }

}

@media (max-width: 575px) {

  .iama-accrx-opening,
  .iama-accrx-network,
  .iama-accrx-focus,
  .iama-accrx-model,
  .iama-accrx-opportunities,
  .iama-accrx-digital,
  .iama-accrx-faq {
    padding: 60px 0;
  }

  .iama-accrx-label,
  .iama-accrx-dark-label,
  .iama-accrx-cta-label {
    padding: 9px 14px;
    font-size: 11px;
  }

  .iama-accrx-opening-content h2,
  .iama-accrx-cta-content h2 {
    font-size: 33px;
    letter-spacing: -0.8px;
  }

  .iama-accrx-section-heading h2,
  .iama-accrx-network-content h2,
  .iama-accrx-model-heading h2,
  .iama-accrx-digital-content h2,
  .iama-accrx-faq-heading h2 {
    font-size: 31px;
    letter-spacing: -0.7px;
  }

  .iama-accrx-opening-content>p,
  .iama-accrx-network-content>p,
  .iama-accrx-model-heading p,
  .iama-accrx-digital-content>p,
  .iama-accrx-section-heading>p,
  .iama-accrx-cta-content>p {
    font-size: 15px;
  }

  .iama-accrx-opening-visual {
    min-height: 515px;
  }

  .iama-accrx-opening-image-main {
    width: 92%;
  }

  .iama-accrx-opening-image-main img {
    height: 410px;
  }

  .iama-accrx-opening-image-small {
    width: 57%;
  }

  .iama-accrx-opening-image-small img {
    height: 190px;
  }

  .iama-accrx-opening-badge {
    position: relative;
    top: auto;
    left: auto;
    width: calc(100% - 20px);
    margin: -55px auto 0;
  }

  .iama-accrx-opening-shape,
  .iama-accrx-opening-dots {
    display: none;
  }

  .iama-accrx-network-box {
    padding: 18px;
    border-radius: 24px;
  }

  .iama-accrx-network-image img {
    min-height: 420px;
  }

  .iama-accrx-focus-grid,
  .iama-accrx-model-grid {
    grid-template-columns: 1fr;
  }

  .iama-accrx-focus-card,
  .iama-accrx-model-step {
    min-height: auto;
  }

  .iama-accrx-digital-image img,
  .iama-accrx-faq-image img {
    min-height: 420px;
  }

  .iama-accrx-digital-list {
    grid-template-columns: 1fr;
  }

  .iama-accrx-cta {
    min-height: 500px;
    padding: 70px 0;
  }

  .iama-accrx-cta-overlay {
    background: rgba(1, 17, 55, 0.88);
  }

  .iama-accrx-cta-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .iama-accrx-cta-primary,
  .iama-accrx-cta-secondary {
    width: 100%;
  }

}

@media (max-width: 390px) {

  .iama-accrx-opening-content h2,
  .iama-accrx-cta-content h2 {
    font-size: 29px;
  }

  .iama-accrx-section-heading h2,
  .iama-accrx-network-content h2,
  .iama-accrx-model-heading h2,
  .iama-accrx-digital-content h2,
  .iama-accrx-faq-heading h2 {
    font-size: 28px;
  }

  .iama-accrx-opening-image-main img {
    height: 360px;
  }

  .iama-accrx-opening-image-small img {
    height: 165px;
  }

}




/* =====================================================
   IAMA GLOBAL PARTNERSHIPS
   Unique prefix: iama-gpx-
===================================================== */

.iama-gpx-page {
  --iama-gpx-blue: #00287d;
  --iama-gpx-blue-dark: #001b58;
  --iama-gpx-navy: #04142f;
  --iama-gpx-dark: #071525;
  --iama-gpx-yellow: #f5c84b;
  --iama-gpx-yellow-soft: #fff4c8;
  --iama-gpx-blue-soft: #edf3ff;
  --iama-gpx-light: #f6f9ff;
  --iama-gpx-white: #ffffff;
  --iama-gpx-border: rgba(0, 40, 125, 0.1);
}

/* =====================================================
   SHARED ELEMENTS
===================================================== */

.iama-gpx-label,
.iama-gpx-dark-label,
.iama-gpx-cta-label {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 20px;
  padding: 10px 17px;
  border-radius: 100px;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.6px;
  text-transform: uppercase;
}

.iama-gpx-label {
  border: 1px solid var(--iama-gpx-border);
  background: var(--iama-gpx-blue-soft);
  color: var(--iama-gpx-blue);
}

.iama-gpx-dark-label,
.iama-gpx-cta-label {
  border: 1px solid rgba(245, 200, 75, 0.3);
  background: rgba(245, 200, 75, 0.1);
  color: var(--iama-gpx-yellow);
}

.iama-gpx-primary-btn {
  display: inline-flex;
  min-height: 57px;
  align-items: center;
  justify-content: center;
  gap: 11px;
  padding: 14px 25px;
  border: 1px solid var(--iama-gpx-blue);
  border-radius: 13px;
  background: var(--iama-gpx-blue);
  box-shadow: 0 15px 35px rgba(0, 40, 125, 0.2);
  color: #fff;
  font-family: "Inter", sans-serif;
  font-size: 17px;
  font-weight: 700;
  text-decoration: none;
  transition:
    transform 0.3s ease,
    background 0.3s ease,
    box-shadow 0.3s ease;
}

.iama-gpx-primary-btn:hover {
  transform: translateY(-4px);
  background: var(--iama-gpx-blue-dark);
  box-shadow: 0 20px 42px rgba(0, 40, 125, 0.28);
  color: #fff;
}

.iama-gpx-primary-btn i {
  transition: transform 0.3s ease;
}

.iama-gpx-primary-btn:hover i {
  transform: translateX(5px);
}

.iama-gpx-section-heading {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(320px, 0.9fr);
  align-items: end;
  gap: 70px;
  margin-bottom: 65px;
}

.iama-gpx-section-heading h2 {
  margin: 0;
  font-family: "Outfit", sans-serif;
  color: var(--iama-gpx-dark);
  font-size: 50px;
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -1.5px;
}

.iama-gpx-section-heading>p {
  margin: 0;
  padding-left: 25px;
  border-left: 3px solid var(--iama-gpx-yellow);
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 18px;
  line-height: 1.4;
}

/* =====================================================
   HERO
===================================================== */

.iama-gpx-hero {
  position: relative;
  overflow: hidden;
  padding: 80px 0;
  background:
    radial-gradient(circle at 7% 12%,
      rgba(0, 40, 125, 0.08),
      transparent 27%),
    radial-gradient(circle at 93% 82%,
      rgba(245, 200, 75, 0.16),
      transparent 25%),
    linear-gradient(180deg, #ffffff 0%, #f5f8ff 100%);
}

.iama-gpx-hero-shape {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
}

.iama-gpx-hero-shape-one {
  top: -190px;
  left: -170px;
  width: 440px;
  height: 440px;
  border: 70px solid rgba(0, 40, 125, 0.025);
}

.iama-gpx-hero-shape-two {
  right: -160px;
  bottom: -190px;
  width: 390px;
  height: 390px;
  background: rgba(245, 200, 75, 0.07);
}

.iama-gpx-hero-grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  align-items: center;
  gap: 85px;
}

.iama-gpx-hero-content h2 {
  margin: 0 0 24px;
  font-family: "Outfit", sans-serif;
  color: var(--iama-gpx-dark);
  font-size: 64px;
  font-weight: 600;
  line-height: 1.05;
  letter-spacing: -2px;
}

.iama-gpx-hero-content>p {
  max-width: 650px;
  margin: 0 0 32px;
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 18px;
  line-height: 1.4;
}

.iama-gpx-hero-mini-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 13px;
  margin-top: 38px;
}

.iama-gpx-hero-mini-card {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px;
  border: 1px solid var(--iama-gpx-border);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 13px 34px rgba(7, 21, 37, 0.05);
}

.iama-gpx-hero-mini-card>i {
  display: flex;
  width: 45px;
  height: 45px;
  min-width: 45px;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: var(--iama-gpx-yellow);
  color: var(--iama-gpx-dark);
  font-size: 18px;
}

.iama-gpx-hero-mini-card strong {
  display: block;
  margin-bottom: 3px;
  font-family: "Outfit", sans-serif;
  color: var(--iama-gpx-dark);
  font-size: 20px;
  font-weight: 600;
}

.iama-gpx-hero-mini-card span {
  display: block;
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 18px;
}

/* Hero visual */

.iama-gpx-hero-visual {
  position: relative;
  min-height: 650px;
}

.iama-gpx-hero-main-image {
  position: absolute;
  top: 0;
  right: 0;
  width: 82%;
  overflow: hidden;
  padding: 9px;
  border: 1px solid var(--iama-gpx-border);
  border-radius: 34px;
  background: #fff;
  box-shadow: 0 35px 90px rgba(7, 21, 37, 0.16);
}

.iama-gpx-hero-main-image img {
  display: block;
  width: 100%;
  height: 570px;
  border-radius: 25px;
  object-fit: cover;
}

.iama-gpx-image-overlay {
  position: absolute;
  inset: 9px;
  border-radius: 25px;
  background:
    linear-gradient(180deg,
      rgba(3, 20, 50, 0) 42%,
      rgba(3, 20, 50, 0.48) 100%);
}

.iama-gpx-hero-small-image {
  position: absolute;
  z-index: 4;
  bottom: 0;
  left: 0;
  width: 46%;
  overflow: hidden;
  padding: 7px;
  border-radius: 25px;
  background: #fff;
  box-shadow: 0 25px 65px rgba(0, 40, 125, 0.18);
}

.iama-gpx-hero-small-image img {
  display: block;
  width: 100%;
  height: 255px;
  border-radius: 18px;
  object-fit: cover;
}

.iama-gpx-hero-globe {
  position: absolute;
  z-index: 5;
  top: 60px;
  left: 5px;
  display: flex;
  width: 82px;
  height: 82px;
  align-items: center;
  justify-content: center;
  border: 8px solid #fff;
  border-radius: 50%;
  background: var(--iama-gpx-yellow);
  box-shadow: 0 18px 45px rgba(0, 40, 125, 0.18);
  color: var(--iama-gpx-dark);
  font-size: 28px;
}

.iama-gpx-hero-floating {
  position: absolute;
  z-index: 6;
  right: -10px;
  bottom: 95px;
  display: flex;
  min-width: 255px;
  align-items: center;
  gap: 13px;
  padding: 17px 19px;
  border: 1px solid var(--iama-gpx-border);
  border-radius: 17px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 20px 50px rgba(0, 40, 125, 0.16);
}

.iama-gpx-hero-floating>i {
  display: flex;
  width: 47px;
  height: 47px;
  min-width: 47px;
  align-items: center;
  justify-content: center;
  border-radius: 13px;
  background: var(--iama-gpx-blue);
  color: #fff;
}

.iama-gpx-hero-floating strong {
  display: block;
  margin-bottom: 3px;
  font-family: "Outfit", sans-serif;
  color: #000;
  font-size: 20px;
}

.iama-gpx-hero-floating span {
  display: block;
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 18px;
}

.iama-gpx-dots {
  position: absolute;
  top: 0;
  right: -20px;
  width: 140px;
  height: 140px;
  opacity: 0.32;
  background-image: radial-gradient(rgba(0, 40, 125, 0.52) 1.6px,
      transparent 1.6px);
  background-size: 14px 14px;
}

/* =====================================================
   OVERVIEW
===================================================== */

.iama-gpx-overview {
padding: 80px 0;
  background: #fff;
}

.iama-gpx-overview-grid {
  display: grid;
  grid-template-columns: minmax(340px, 0.9fr) minmax(0, 1.1fr);
  align-items: center;
  gap: 80px;
}

.iama-gpx-overview-image-card {
  overflow: hidden;
  border: 1px solid var(--iama-gpx-border);
  border-radius: 28px;
  background: #fff;
  box-shadow: 0 30px 80px rgba(7, 21, 37, 0.14);
}

.iama-gpx-overview-image {
  position: relative;
  height: 300px;
  overflow: hidden;
}

.iama-gpx-overview-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.iama-gpx-overview-image-overlay {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg,
      rgba(3, 20, 50, 0) 45%,
      rgba(3, 20, 50, 0.5) 100%);
}

.iama-gpx-overview-caption {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 25px;
}

.iama-gpx-overview-icon {
  display: flex;
  width: 56px;
  height: 56px;
  min-width: 56px;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  background: var(--iama-gpx-blue);
  color: #fff;
  font-size: 21px;
}

.iama-gpx-overview-caption h3 {
  margin: 0 0 8px;
  font-family: "Outfit", sans-serif;
  color: var(--iama-gpx-dark);
  font-size: 23px;
  font-weight: 600;
}

.iama-gpx-overview-caption p {
  margin: 0;
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 18x;
  line-height: 1.4;
}

.iama-gpx-overview-content {
  position: relative;
}

.iama-gpx-section-number {
  position: absolute;
  top: -25px;
  right: 0;
  color: rgba(0, 40, 125, 0.06);
  font-family: "Outfit", sans-serif;
  font-size: 110px;
  font-weight: 700;
  line-height: 1;
}

.iama-gpx-overview-content h2 {
  position: relative;
  z-index: 2;
  margin: 0 0 23px;
  font-family: "Outfit", sans-serif;
  color: var(--iama-gpx-dark);
  font-size: 50px;
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -1.5px;
}

.iama-gpx-overview-content>p {
  position: relative;
  z-index: 2;
  margin: 0 0 28px;
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 18px;
  line-height: 1.4;
}

.iama-gpx-check-list {
  display: grid;
  gap: 14px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.iama-gpx-check-list li {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  font-family: "Inter", sans-serif;
  font-size: 22px;
  line-height: 1.4;
  font-weight: 700;
  color: #000;
}

.iama-gpx-check-list i {
  margin-top: 4px;
  color: var(--iama-gpx-blue);
}

/* =====================================================
   HIGHLIGHTS
===================================================== */

.iama-gpx-highlights {
  padding: 110px 0;
  background:
    radial-gradient(circle at 93% 10%,
      rgba(245, 200, 75, 0.17),
      transparent 25%),
    linear-gradient(180deg, #f5f8ff 0%, #ffffff 100%);
}

.iama-gpx-highlight-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}

.iama-gpx-highlight-card {
  position: relative;
  padding: 30px;
  overflow: hidden;
  border: 1px solid var(--iama-gpx-border);
  border-radius: 23px;
  background: #fff;
  box-shadow: 0 15px 40px rgba(7, 21, 37, 0.05);
  transition:
    transform 0.35s ease,
    box-shadow 0.35s ease,
    border-color 0.35s ease;
}

.iama-gpx-highlight-card:hover {
  transform: translateY(-8px);
  border-color: rgba(0, 40, 125, 0.2);
  box-shadow: 0 25px 55px rgba(0, 40, 125, 0.11);
}

.iama-gpx-card-number {
  position: absolute;
  top: 20px;
  right: 22px;
  color: rgba(0, 40, 125, 0.07);
  font-family: "Outfit", sans-serif;
  font-size: 43px;
  font-weight: 700;
}

.iama-gpx-card-icon {
  display: flex;
  width: 62px;
  height: 62px;
  align-items: center;
  justify-content: center;
  margin-bottom: 15px;
  border-radius: 18px;
  background: var(--iama-gpx-blue);
  color: #fff;
  font-size: 23px;
}

.iama-gpx-highlight-card:nth-child(even) .iama-gpx-card-icon {
  background: var(--iama-gpx-yellow);
  color: var(--iama-gpx-dark);
}

.iama-gpx-highlight-card h3 {
  margin: 0 0 8px;
  font-family: "Outfit", sans-serif;
  color: var(--iama-gpx-dark);
  font-size: 28px;
  font-weight: 600;
}

.iama-gpx-highlight-card p {
  margin: 0;
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 18px;
  line-height: 1.4;
}

/* =====================================================
   PATHWAYS
===================================================== */

.iama-gpx-pathways {
  padding: 70px 0;
  background:
    radial-gradient(circle at 10% 15%,
      rgba(0, 72, 190, 0.22),
      transparent 30%),
    radial-gradient(circle at 92% 82%,
      rgba(245, 200, 75, 0.11),
      transparent 27%),
    linear-gradient(135deg, #020d24 0%, #061a42 57%, #00143d 100%);
}

.iama-gpx-pathways-grid {
  display: grid;
  grid-template-columns: minmax(330px, 0.85fr) minmax(0, 1.15fr);
  align-items: center;
  gap: 75px;
}

.iama-gpx-pathways-heading h2 {
  margin: 0 0 22px;
  font-family: "Outfit", sans-serif;
  color: #fff;
  font-size: 49px;
  font-weight: 600;
  line-height: 1.1;
}

.iama-gpx-pathways-heading>p {
  margin: 0 0 30px;
  font-family: "Inter", sans-serif;
  color: #fff;
  font-size: 18px;
  line-height: 1.4;
}

.iama-gpx-pathways-image {
  overflow: hidden;
  border: 8px solid rgba(255, 255, 255, 0.07);
  border-radius: 24px;
}

.iama-gpx-pathways-image img {
  display: block;
  width: 100%;
  height: 250px;
  object-fit: cover;
}

.iama-gpx-pathways-list {
  display: grid;
  gap: 15px;
}

.iama-gpx-pathway-item {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 22px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.055);
  transition:
    transform 0.3s ease,
    border-color 0.3s ease,
    background 0.3s ease;
}

.iama-gpx-pathway-item:hover {
  transform: translateX(7px);
  border-color: rgba(245, 200, 75, 0.3);
  background: rgba(245, 200, 75, 0.07);
}

.iama-gpx-pathway-item>span {
  color: rgba(255, 255, 255, 0.2);
  font-family: "Outfit", sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.iama-gpx-pathway-icon {
  display: flex;
  width: 58px;
  height: 58px;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  background: var(--iama-gpx-yellow);
  color: var(--iama-gpx-dark);
  font-size: 21px;
}

.iama-gpx-pathway-item h3 {
  margin: 0 0 8px;
  font-family: "Outfit", sans-serif;
  color: #fff;
  font-size: 28px;
  font-weight: 600;
}

.iama-gpx-pathway-item p {
  margin: 0;
  font-family: "Inter", sans-serif;
  color: #fff;
  font-size: 18px;
  line-height: 1.4;
}

/* =====================================================
   BENEFITS
===================================================== */

.iama-gpx-benefits {
  padding: 110px 0;
  background: #fff;
}

.iama-gpx-benefit-layout {
  display: grid;
  grid-template-columns: minmax(340px, 0.9fr) minmax(0, 1.1fr);
  align-items: stretch;
  gap: 35px;
}

.iama-gpx-benefit-image {
  position: relative;
  min-height: 590px;
  overflow: hidden;
  border-radius: 28px;
  box-shadow: 0 30px 80px rgba(7, 21, 37, 0.15);
}

.iama-gpx-benefit-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.iama-gpx-benefit-overlay {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg,
      rgba(3, 20, 50, 0) 40%,
      rgba(3, 20, 50, 0.74) 100%);
}

.iama-gpx-benefit-image-label {
  position: absolute;
  right: 25px;
  bottom: 25px;
  left: 25px;
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 18px;
  border-radius: 17px;
  background: rgba(255, 255, 255, 0.94);
}

.iama-gpx-benefit-image-label i {
  display: flex;
  width: 48px;
  height: 48px;
  min-width: 48px;
  align-items: center;
  justify-content: center;
  border-radius: 13px;
  background: var(--iama-gpx-blue);
  color: #fff;
}

.iama-gpx-benefit-image-label strong {
  display: block;
  margin-bottom: 3px;
  font-family: "Outfit", sans-serif;
  color: #000;
  font-size: 20px;
}

.iama-gpx-benefit-image-label span {
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 18px;
}

.iama-gpx-benefit-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.iama-gpx-benefit-card {
  padding: 26px;
  border: 1px solid var(--iama-gpx-border);
  border-radius: 21px;
  background: var(--iama-gpx-light);
  transition:
    transform 0.3s ease,
    background 0.3s ease,
    box-shadow 0.3s ease;
}

.iama-gpx-benefit-card:hover {
  transform: translateY(-6px);
  background: #fff;
  box-shadow: 0 20px 45px rgba(0, 40, 125, 0.1);
}

.iama-gpx-benefit-card>i {
  display: flex;
  width: 57px;
  height: 57px;
  align-items: center;
  justify-content: center;
  margin-bottom: 35px;
  border-radius: 16px;
  background: var(--iama-gpx-yellow);
  color: var(--iama-gpx-dark);
  font-size: 20px;
}

.iama-gpx-benefit-card h3 {
  margin: 0 0 10px;
  font-family: "Outfit", sans-serif;
  color: var(--iama-gpx-dark);
  font-size: 27px;
  font-weight: 600;
}

.iama-gpx-benefit-card p {
  margin: 0;
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 18px;
  line-height: 1.4;
}

/* =====================================================
   EXPERIENCE
===================================================== */

.iama-gpx-experience {
  padding: 70px 0;
  background:
    radial-gradient(circle at 93% 10%,
      rgba(245, 200, 75, 0.16),
      transparent 25%),
    linear-gradient(180deg, #f5f8ff 0%, #ffffff 100%);
}

.iama-gpx-experience-box {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(350px, 0.95fr);
  align-items: center;
  gap: 70px;
  padding: 45px;
  border: 1px solid var(--iama-gpx-border);
  border-radius: 32px;
  background: #fff;
  box-shadow: 0 22px 60px rgba(7, 21, 37, 0.08);
}

.iama-gpx-experience-content h2 {
  margin: 0 0 22px;
  font-family: "Outfit", sans-serif;
  color: var(--iama-gpx-dark);
  font-size: 48px;
  font-weight: 600;
  line-height: 1.1;
}

.iama-gpx-experience-content>p {
  margin: 0 0 30px;
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 18px;
  line-height: 1.4;
}

.iama-gpx-experience-points {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 13px;
}

.iama-gpx-experience-points div {
  display: flex;
  min-height: 66px;
  align-items: center;
  gap: 11px;
  padding: 14px;
  border: 1px solid var(--iama-gpx-border);
  border-radius: 14px;
  background: var(--iama-gpx-light);
}

.iama-gpx-experience-points i {
  display: flex;
  width: 38px;
  height: 38px;
  min-width: 38px;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background: var(--iama-gpx-blue);
  color: #fff;
}

.iama-gpx-experience-points span {
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 20px;
  font-weight: 600;
}

.iama-gpx-experience-visual {
  position: relative;
  min-height: 520px;
  overflow: hidden;
  border-radius: 25px;
}

.iama-gpx-experience-visual img {
  width: 100%;
  height: 100%;
  min-height: 520px;
  object-fit: cover;
}

.iama-gpx-experience-card {
  position: absolute;
  right: 22px;
  bottom: 22px;
  left: 22px;
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 17px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.94);
}

.iama-gpx-experience-card i {
  display: flex;
  width: 47px;
  height: 47px;
  min-width: 47px;
  align-items: center;
  justify-content: center;
  border-radius: 13px;
  background: var(--iama-gpx-yellow);
  color: var(--iama-gpx-dark);
}

.iama-gpx-experience-card strong {
  display: block;
  margin-bottom: 3px;
  font-family: "Outfit", sans-serif;
  color: #000;
  font-size: 20px;
}

.iama-gpx-experience-card span {
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 18px;
}

/* =====================================================
   FAQ
===================================================== */

.iama-gpx-faq {
  padding: 70px 0;
  background: #fff;
}

.iama-gpx-faq-grid {
  display: grid;
  grid-template-columns: minmax(340px, 0.85fr) minmax(0, 1.15fr);
  align-items: center;
  gap: 70px;
}

.iama-gpx-faq-side h2 {
  margin: 0 0 30px;
  font-family: "Outfit", sans-serif;
  color: var(--iama-gpx-dark);
  font-size: 48px;
  font-weight: 600;
  line-height: 1.1;
}

.iama-gpx-faq-image {
  position: relative;
  overflow: hidden;
  padding: 8px;
  border: 1px solid var(--iama-gpx-border);
  border-radius: 28px;
  background: #fff;
  box-shadow: 0 28px 70px rgba(7, 21, 37, 0.13);
  height: 400px;
}

.iama-gpx-faq-image img {
  display: block;
  width: 100%;
  border-radius: 20px;
  object-fit: cover;
}

.iama-gpx-faq-image-overlay {
  position: absolute;
  inset: 8px;
  border-radius: 20px;
  background:
    linear-gradient(180deg,
      rgba(3, 20, 50, 0) 42%,
      rgba(3, 20, 50, 0.68) 100%);
}

.iama-gpx-faq-note {
  position: absolute;
  z-index: 3;
  right: 27px;
  bottom: 27px;
  left: 27px;
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 17px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.94);
}

.iama-gpx-faq-note i {
  display: flex;
  width: 47px;
  height: 47px;
  min-width: 47px;
  align-items: center;
  justify-content: center;
  border-radius: 13px;
  background: var(--iama-gpx-blue);
  color: #fff;
}

.iama-gpx-faq-note strong {
  display: block;
  margin-bottom: 3px;
  font-family: "Outfit", sans-serif;
  color: #000;
  font-size: 18px;
}

.iama-gpx-faq-note span {
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 18px;
}

.iama-gpx-accordion .accordion-item {
  margin-bottom: 13px;
  overflow: hidden;
  border: 1px solid var(--iama-gpx-border);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 10px 30px rgba(7, 21, 37, 0.04);
}

.iama-gpx-accordion .accordion-button {
  padding: 20px 22px;
  background: #fff;
  box-shadow: none;
  color: var(--iama-gpx-dark);
  font-family: "Outfit", sans-serif;
  font-size: 22px;
  font-weight: 600;
}

.iama-gpx-accordion .accordion-button:not(.collapsed) {
  background: var(--iama-gpx-blue-soft);
  color: var(--iama-gpx-blue);
}

.iama-gpx-accordion .accordion-button:focus {
  box-shadow: none;
}

.iama-gpx-accordion .accordion-body {
  padding: 0 22px 22px;
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 18px;
  line-height: 1.4;
}

/* =====================================================
   CTA
===================================================== */

/*=====================================================
 CTA
=====================================================*/

.iama-gpx-cta {
  position: relative;
  display: flex;
  align-items: center;
  overflow: hidden;
  padding: 50px 0;
}

.iama-gpx-cta-image,
.iama-gpx-cta-overlay {
  position: absolute;
  inset: 0;
}

.iama-gpx-cta-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.iama-gpx-cta-overlay {
  background: linear-gradient(90deg,
      rgba(2, 15, 48, .95) 0%,
      rgba(0, 40, 125, .88) 48%,
      rgba(0, 40, 125, .54) 100%);
}

.iama-gpx-cta .container {
  position: relative;
  z-index: 3;
}

/*==============================
Layout
==============================*/

.iama-gpx-cta-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 80px;
}

.iama-gpx-cta-content {
  flex: 1;
  max-width: 820px;
}

/*==============================
Heading
==============================*/

.iama-gpx-cta-content h2 {
  margin: 0 0 23px;
  font-family: "Outfit", sans-serif;
  color: #fff;
  font-size: 58px;
  font-weight: 600;
  line-height: 1.07;
  letter-spacing: -1.7px;
}

.iama-gpx-cta-content>p {
  max-width: 750px;
  margin: 0;
  font-family: "Inter", sans-serif;
  color: #fff;
  font-size: 18px;
  line-height: 1.4;
}

/*==============================
Buttons
==============================*/

.iama-gpx-cta-actions {
  display: flex;
  flex-direction: column;
  gap: 16px;
  flex-shrink: 0;
}

.iama-gpx-cta-primary,
.iama-gpx-cta-secondary {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  min-width: 290px;
  min-height: 58px;
  padding: 14px 24px;
  border-radius: 13px;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
  transition:
    transform .3s ease,
    background .3s ease,
    color .3s ease;
}

.iama-gpx-cta-primary {
  border: 1px solid var(--iama-gpx-yellow);
  background: var(--iama-gpx-yellow);
  color: var(--iama-gpx-dark);
}

.iama-gpx-cta-secondary {
  border: 1px solid rgba(255, 255, 255, .4);
  background: rgba(255, 255, 255, .08);
  color: #fff;
  backdrop-filter: blur(10px);
}

.iama-gpx-cta-primary:hover,
.iama-gpx-cta-secondary:hover {
  transform: translateY(-4px);
  background: #fff;
  color: var(--iama-gpx-blue);
}

/*==============================
Tablet
==============================*/

@media (max-width:991px) {

  .iama-gpx-cta {
    padding: 80px 0;
    min-height: auto;
  }

  .iama-gpx-cta-inner {
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
  }

  .iama-gpx-cta-content {
    max-width: 100%;
  }

  .iama-gpx-cta-content h2 {
    font-size: 44px;
  }

  .iama-gpx-cta-actions {
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 15px;
  }

  .iama-gpx-cta-primary,
  .iama-gpx-cta-secondary {
    min-width: 240px;
  }

}

/*==============================
Mobile
==============================*/

@media (max-width:767px) {

  .iama-gpx-cta {
    padding: 60px 0;
  }

  .iama-gpx-cta-content h2 {
    font-size: 34px;
    line-height: 1.2;
    letter-spacing: -1px;
  }

  .iama-gpx-cta-content>p {
    font-size: 16px;
  }

  .iama-gpx-cta-actions {
    width: 100%;
    flex-direction: column;
  }

  .iama-gpx-cta-primary,
  .iama-gpx-cta-secondary {
    width: 100%;
    min-width: 100%;
  }

}

/* =====================================================
   RESPONSIVE
===================================================== */

@media (max-width: 1199px) {

  .iama-gpx-hero,
  .iama-gpx-overview,
  .iama-gpx-highlights,
  .iama-gpx-pathways,
  .iama-gpx-benefits,
  .iama-gpx-experience,
  .iama-gpx-faq {
    padding: 95px 0;
  }

  .iama-gpx-hero-grid,
  .iama-gpx-overview-grid,
  .iama-gpx-pathways-grid,
  .iama-gpx-faq-grid {
    gap: 55px;
  }

  .iama-gpx-hero-content h2,
  .iama-gpx-cta-content h2 {
    font-size: 51px;
  }

  .iama-gpx-section-heading h2,
  .iama-gpx-overview-content h2,
  .iama-gpx-pathways-heading h2,
  .iama-gpx-experience-content h2,
  .iama-gpx-faq-side h2 {
    font-size: 44px;
  }

}

@media (max-width: 991px) {

  .iama-gpx-hero-grid,
  .iama-gpx-overview-grid,
  .iama-gpx-pathways-grid,
  .iama-gpx-benefit-layout,
  .iama-gpx-experience-box,
  .iama-gpx-faq-grid {
    grid-template-columns: 1fr;
  }

  .iama-gpx-hero-content {
    max-width: 820px;
  }

  .iama-gpx-hero-visual {
    width: 100%;
    max-width: 780px;
    margin: 0 auto;
  }

  .iama-gpx-section-heading {
    grid-template-columns: 1fr;
    gap: 25px;
  }

  .iama-gpx-section-heading>p {
    max-width: 760px;
  }

  .iama-gpx-highlight-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .iama-gpx-benefit-image {
    min-height: 520px;
  }

  .iama-gpx-experience-visual {
    min-height: 480px;
  }

}

@media (max-width: 767px) {

  .iama-gpx-hero,
  .iama-gpx-overview,
  .iama-gpx-highlights,
  .iama-gpx-pathways,
  .iama-gpx-benefits,
  .iama-gpx-experience,
  .iama-gpx-faq {
    padding: 75px 0;
  }

  .iama-gpx-hero-content h2,
  .iama-gpx-cta-content h2 {
    font-size: 41px;
  }

  .iama-gpx-section-heading h2,
  .iama-gpx-overview-content h2,
  .iama-gpx-pathways-heading h2,
  .iama-gpx-experience-content h2,
  .iama-gpx-faq-side h2 {
    font-size: 37px;
  }

  .iama-gpx-hero-visual {
    min-height: 560px;
  }

  .iama-gpx-hero-main-image img {
    height: 470px;
  }

  .iama-gpx-hero-small-image img {
    height: 215px;
  }

  .iama-gpx-benefit-grid {
    grid-template-columns: 1fr;
  }

  .iama-gpx-cta {
    min-height: 530px;
    padding: 80px 0;
  }

}

@media (max-width: 575px) {

  .iama-gpx-hero,
  .iama-gpx-overview,
  .iama-gpx-highlights,
  .iama-gpx-pathways,
  .iama-gpx-benefits,
  .iama-gpx-experience,
  .iama-gpx-faq {
    padding: 60px 0;
  }

  .iama-gpx-label,
  .iama-gpx-dark-label,
  .iama-gpx-cta-label {
    padding: 9px 14px;
    font-size: 11px;
  }

  .iama-gpx-hero-content h2,
  .iama-gpx-cta-content h2 {
    font-size: 33px;
    letter-spacing: -0.8px;
  }

  .iama-gpx-section-heading h2,
  .iama-gpx-overview-content h2,
  .iama-gpx-pathways-heading h2,
  .iama-gpx-experience-content h2,
  .iama-gpx-faq-side h2 {
    font-size: 31px;
    letter-spacing: -0.7px;
  }

  .iama-gpx-hero-content>p,
  .iama-gpx-overview-content>p,
  .iama-gpx-section-heading>p,
  .iama-gpx-pathways-heading>p,
  .iama-gpx-experience-content>p,
  .iama-gpx-cta-content>p {
    font-size: 15px;
  }

  .iama-gpx-hero-mini-grid,
  .iama-gpx-highlight-grid,
  .iama-gpx-benefit-grid,
  .iama-gpx-experience-points {
    grid-template-columns: 1fr;
  }

  .iama-gpx-primary-btn {
    width: 100%;
  }

  .iama-gpx-hero-visual {
    min-height: 520px;
  }

  .iama-gpx-hero-main-image {
    width: 92%;
  }

  .iama-gpx-hero-main-image img {
    height: 410px;
  }

  .iama-gpx-hero-small-image {
    width: 57%;
  }

  .iama-gpx-hero-small-image img {
    height: 185px;
  }

  .iama-gpx-hero-globe,
  .iama-gpx-dots {
    display: none;
  }

  .iama-gpx-hero-floating {
    position: relative;
    right: auto;
    bottom: auto;
    width: calc(100% - 20px);
    min-width: 0;
    margin: -55px auto 0;
  }

  .iama-gpx-overview-image {
    height: 380px;
  }

  .iama-gpx-highlight-card {
    min-height: auto;
  }

  .iama-gpx-pathway-item {
    grid-template-columns: 50px minmax(0, 1fr);
  }

  .iama-gpx-pathway-item>span {
    display: none;
  }

  .iama-gpx-pathway-item>div:last-child {
    grid-column: 2;
  }

  .iama-gpx-benefit-image {
    min-height: 420px;
  }

  .iama-gpx-experience-box {
    padding: 22px;
    border-radius: 24px;
  }

  .iama-gpx-experience-visual,
  .iama-gpx-experience-visual img {
    min-height: 400px;
  }

  .iama-gpx-faq-image img {
    min-height: 390px;
  }

  .iama-gpx-cta {
    min-height: 510px;
    padding: 70px 0;
  }

  .iama-gpx-cta-overlay {
    background: rgba(1, 17, 55, 0.89);
  }

  .iama-gpx-cta-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .iama-gpx-cta-primary,
  .iama-gpx-cta-secondary {
    width: 100%;
  }

}

@media (max-width: 390px) {

  .iama-gpx-hero-content h2,
  .iama-gpx-cta-content h2 {
    font-size: 29px;
  }

  .iama-gpx-section-heading h2,
  .iama-gpx-overview-content h2,
  .iama-gpx-pathways-heading h2,
  .iama-gpx-experience-content h2,
  .iama-gpx-faq-side h2 {
    font-size: 28px;
  }

  .iama-gpx-hero-main-image img {
    height: 350px;
  }

  .iama-gpx-hero-small-image img {
    height: 160px;
  }

  .iama-gpx-benefit-image {
    min-height: 360px;
  }

}


/* =====================================================
   IAMA CAMPUS INFRASTRUCTURE
   Completely new design
   Unique prefix: iama-cix-
===================================================== */

.iama-cix-page {
  --iama-cix-blue: #00287d;
  --iama-cix-blue-deep: #00194f;
  --iama-cix-navy: #04152f;
  --iama-cix-dark: #071525;
  --iama-cix-yellow: #f5c84b;
  --iama-cix-yellow-soft: #f5c84b;
  --iama-cix-blue-soft: #edf3ff;
  --iama-cix-surface: #f5f8fe;
  --iama-cix-white: #ffffff;
  --iama-cix-border: rgba(0, 40, 125, 0.1);
}

/* =====================================================
   SHARED
===================================================== */

.iama-cix-label,
.iama-cix-light-label,
.iama-cix-dark-label,
.iama-cix-cta-label {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 20px;
  padding: 10px 17px;
  border-radius: 100px;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.6px;
  text-transform: uppercase;
}

.iama-cix-label {
  border: 1px solid var(--iama-cix-border);
  background: var(--iama-cix-blue-soft);
  color: var(--iama-cix-blue);
}

.iama-cix-light-label {
  border: 1px solid rgba(0, 40, 125, 0.1);
  background: rgba(255, 255, 255, 0.92);
  color: var(--iama-cix-blue);
}

.iama-cix-dark-label,
.iama-cix-cta-label {
  border: 1px solid rgba(245, 200, 75, 0.3);
  background: rgba(245, 200, 75, 0.1);
  color: var(--iama-cix-yellow);
}

.iama-cix-section-heading {
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(320px, 0.88fr);
  align-items: end;
  gap: 75px;
  margin-bottom: 65px;
}

.iama-cix-section-heading h2 {
  max-width: 780px;
  margin: 0;
  font-family: "Outfit", sans-serif;
  color: var(--iama-cix-dark);
  font-size: 51px;
  font-weight: 600;
  line-height: 1.08;
  letter-spacing: -1.6px;
}

.iama-cix-section-heading>p {
  margin: 0;
  padding-left: 25px;
  border-left: 3px solid var(--iama-cix-yellow);
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 21px;
  line-height: 1.4;
}

/* =====================================================
   HERO
===================================================== */

.iama-cix-hero {
  position: relative;
  overflow: hidden;
  padding: 70px 0;
  background:
    radial-gradient(circle at 8% 15%,
      rgba(0, 40, 125, 0.09),
      transparent 28%),
    radial-gradient(circle at 95% 78%,
      rgba(245, 200, 75, 0.17),
      transparent 25%),
    linear-gradient(180deg, #ffffff 0%, #f4f8ff 100%);
}

.iama-cix-hero-decoration {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
}

.iama-cix-hero-decoration-one {
  top: -210px;
  left: -180px;
  width: 480px;
  height: 480px;
  border: 80px solid rgba(0, 40, 125, 0.025);
}

.iama-cix-hero-decoration-two {
  right: -150px;
  bottom: -180px;
  width: 390px;
  height: 390px;
  background: rgba(245, 200, 75, 0.07);
}

.iama-cix-hero-layout {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr);
  align-items: center;
  gap: 90px;
}

.iama-cix-hero-copy h1 {
  max-width: 720px;
  margin: 0 0 25px;
  font-family: "Outfit", sans-serif;
  color: var(--iama-cix-dark);
  font-size: 63px;
  font-weight: 600;
  line-height: 1.04;
  letter-spacing: -2px;
}

.iama-cix-hero-copy>p {
  max-width: 670px;
  margin: 0;
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 18px;
  line-height: 1.4;
}

.iama-cix-hero-divider {
  display: flex;
  align-items: center;
  gap: 15px;
  margin: 30px 0 35px;
}

.iama-cix-hero-divider>span {
  width: 75px;
  height: 3px;
  border-radius: 10px;
  background: var(--iama-cix-yellow);
}

.iama-cix-hero-divider small {
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.45px;
}

.iama-cix-hero-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.iama-cix-hero-metric {
  min-height: 112px;
  padding: 19px;
  border: 1px solid var(--iama-cix-border);
  border-radius: 17px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 14px 36px rgba(7, 21, 37, 0.05);
}

.iama-cix-hero-metric strong {
  display: block;
  margin-bottom: 8px;
  font-family: "Outfit", sans-serif;
  color: var(--iama-cix-blue);
  font-size: 22px;
  font-weight: 600;
}

.iama-cix-hero-metric span {
  display: block;
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 20px;
  line-height: 1.3;
  font-weight: 600;
}

/* Hero gallery */

.iama-cix-hero-gallery {
  position: relative;
  min-height: 680px;
}

.iama-cix-hero-image-main {
  position: absolute;
  top: 0;
  right: 0;
  width: 81%;
  margin: 0;
  overflow: hidden;
  padding: 9px;
  border: 1px solid var(--iama-cix-border);
  border-radius: 35px;
  background: #fff;
  box-shadow: 0 38px 95px rgba(7, 21, 37, 0.16);
}

.iama-cix-hero-image-main img {
  display: block;
  width: 100%;
  height: 585px;
  border-radius: 26px;
  object-fit: cover;
}

.iama-cix-hero-image-side {
  position: absolute;
  z-index: 4;
  bottom: 0;
  left: 0;
  width: 48%;
  margin: 0;
  overflow: hidden;
  padding: 7px;
  border-radius: 26px;
  background: #fff;
  box-shadow: 0 28px 68px rgba(0, 40, 125, 0.19);
}

.iama-cix-hero-image-side img {
  display: block;
  width: 100%;
  height: 270px;
  border-radius: 19px;
  object-fit: cover;
}

.iama-cix-hero-campus-card {
  position: absolute;
  z-index: 6;
  right: -5px;
  bottom: 100px;
  display: flex;
  min-width: 255px;
  align-items: center;
  gap: 13px;
  padding: 17px 19px;
  border: 1px solid var(--iama-cix-border);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 22px 52px rgba(0, 40, 125, 0.16);
}

.iama-cix-hero-campus-icon {
  display: flex;
  width: 48px;
  height: 48px;
  min-width: 48px;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: var(--iama-cix-blue);
  color: #fff;
  font-size: 18px;
}

.iama-cix-hero-campus-card strong {
  display: block;
  margin-bottom: 3px;
  font-family: "Outfit", sans-serif;
  color: var(--iama-cix-dark);
  font-size: 16px;
  font-weight: 600;
}

.iama-cix-hero-campus-card span {
  display: block;
  font-family: "Inter", sans-serif;
  color: #687484;
  font-size: 11px;
}

.iama-cix-hero-orbit {
  position: absolute;
  z-index: 5;
  top: 65px;
  left: 4px;
  display: flex;
  width: 84px;
  height: 84px;
  align-items: center;
  justify-content: center;
  border: 8px solid #fff;
  border-radius: 50%;
  background: var(--iama-cix-yellow);
  box-shadow: 0 18px 45px rgba(0, 40, 125, 0.18);
  color: var(--iama-cix-dark);
  font-size: 29px;
}

.iama-cix-dot-pattern {
  position: absolute;
  top: -10px;
  right: -25px;
  width: 145px;
  height: 145px;
  opacity: 0.32;
  background-image: radial-gradient(rgba(0, 40, 125, 0.55) 1.6px,
      transparent 1.6px);
  background-size: 14px 14px;
}

/* =====================================================
   ENVIRONMENT
===================================================== */

.iama-cix-environment {
  padding: 75px 0;
  background: #fff;
}

.iama-cix-environment-layout {
  display: grid;
  grid-template-columns: minmax(350px, 0.9fr) minmax(0, 1.1fr);
  align-items: center;
  gap: 85px;
}

.iama-cix-environment-media {
  position: relative;
  padding: 30px 20px 45px;
}

.iama-cix-environment-image {
  position: relative;
  z-index: 3;
  overflow: hidden;
  border-radius: 31px;
  box-shadow: 0 34px 85px rgba(7, 21, 37, 0.15);
}

.iama-cix-environment-image::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg,
      rgba(3, 19, 47, 0) 40%,
      rgba(3, 19, 47, 0.45) 100%);
}

.iama-cix-environment-image img {
  display: block;
  width: 100%;
  min-height: 630px;
  object-fit: cover;
}

.iama-cix-environment-badge {
  position: absolute;
  z-index: 5;
  right: -5px;
  bottom: 90px;
  display: flex;
  min-width: 265px;
  align-items: center;
  gap: 13px;
  padding: 18px 20px;
  border: 1px solid var(--iama-cix-border);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 22px 52px rgba(0, 40, 125, 0.16);
}

.iama-cix-environment-badge>i {
  display: flex;
  width: 49px;
  height: 49px;
  min-width: 49px;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: var(--iama-cix-yellow);
  color: var(--iama-cix-dark);
  font-size: 19px;
}

.iama-cix-environment-badge strong {
  display: block;
  margin-bottom: 4px;
  font-family: "Outfit", sans-serif;
  color: #000;
  font-size: 22px;
}

.iama-cix-environment-badge span {
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 18px;
}

.iama-cix-environment-shape {
  position: absolute;
  z-index: 1;
  top: 0;
  left: -20px;
  width: 190px;
  height: 190px;
  border: 31px solid rgba(245, 200, 75, 0.2);
  border-radius: 50%;
}

.iama-cix-environment-content h2 {
  margin: 0 0 23px;
  font-family: "Outfit", sans-serif;
  color: var(--iama-cix-dark);
  font-size: 51px;
  font-weight: 600;
  line-height: 1.08;
  letter-spacing: -1.5px;
}

.iama-cix-environment-content>p {
  margin: 0 0 31px;
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 18px;
  line-height: 1.4;
}

.iama-cix-environment-list {
  display: grid;
  gap: 13px;
}

.iama-cix-environment-item {
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 20px;
  border: 1px solid var(--iama-cix-border);
  border-radius: 18px;
  background: var(--iama-cix-surface);
  transition:
    transform 0.3s ease,
    background 0.3s ease,
    box-shadow 0.3s ease;
}

.iama-cix-environment-item:hover {
  transform: translateX(7px);
  background: #fff;
  box-shadow: 0 18px 42px rgba(0, 40, 125, 0.09);
}

.iama-cix-environment-number {
  color: #000;
  font-family: "Outfit", sans-serif;
  font-size: 18px;
  font-weight: 700;
}

.iama-cix-environment-item-copy h3 {
  margin: 0 0 7px;
  font-family: "Outfit", sans-serif;
  color: var(--iama-cix-dark);
  font-size: 30px;
  font-weight: 600;
}

.iama-cix-environment-item-copy p {
  margin: 0;
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 18px;
  line-height: 1.4;
}

.iama-cix-environment-item>i {
  display: flex;
  width: 42px;
  height: 42px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #fff;
  color: var(--iama-cix-blue);
  box-shadow: 0 8px 22px rgba(0, 40, 125, 0.08);
}

/* =====================================================
   SYSTEM
===================================================== */

.iama-cix-system {
  position: relative;
  overflow: hidden;
  padding: 70px 0;
  background:
    radial-gradient(circle at 8% 20%,
      rgba(0, 40, 125, 0.08),
      transparent 27%),
    radial-gradient(circle at 95% 80%,
      rgba(245, 200, 75, 0.16),
      transparent 25%),
    linear-gradient(180deg, #edf3ff 0%, #f9fbff 100%);
}

.iama-cix-system-heading {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(300px, 0.9fr);
  align-items: end;
  gap: 70px;
  margin-bottom: 65px;
}

.iama-cix-system-heading h2 {
  margin: 0;
  font-family: "Outfit", sans-serif;
  color: var(--iama-cix-dark);
  font-size: 51px;
  font-weight: 600;
  line-height: 1.08;
  letter-spacing: -1.5px;
}

.iama-cix-system-heading>p {
  margin: 0;
  padding-left: 25px;
  border-left: 3px solid var(--iama-cix-yellow);
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 25px;
  line-height: 1.4;
}

.iama-cix-system-stage {
  display: grid;
  grid-template-columns: minmax(350px, 0.85fr) minmax(0, 1.15fr);
  gap: 28px;
}

.iama-cix-system-preview {
  position: relative;
  min-height: 650px;
  overflow: hidden;
  border-radius: 29px;
  box-shadow: 0 30px 80px rgba(7, 21, 37, 0.15);
}

.iama-cix-system-preview img {
  width: 100%;
  height: 100%;
  min-height: 650px;
  object-fit: cover;
}

.iama-cix-system-preview-overlay {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg,
      rgba(3, 19, 47, 0) 38%,
      rgba(3, 19, 47, 0.74) 100%);
}

.iama-cix-system-preview-card {
  position: absolute;
  right: 24px;
  bottom: 24px;
  left: 24px;
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 18px;
  border-radius: 17px;
  background: rgba(255, 255, 255, 0.94);
}

.iama-cix-system-preview-card>i {
  display: flex;
  width: 49px;
  height: 49px;
  min-width: 49px;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: var(--iama-cix-blue);
  color: #fff;
  font-size: 18px;
}

.iama-cix-system-preview-card strong {
  display: block;
  margin-bottom: 3px;
  font-family: "Outfit", sans-serif;
  color: var(--iama-cix-dark);
  font-size: 20px;
}

.iama-cix-system-preview-card span {
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 18px;
}

.iama-cix-system-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 15px;
}

.iama-cix-system-card {
  position: relative;
  padding: 25px;
  overflow: hidden;
  border: 1px solid var(--iama-cix-border);
  border-radius: 21px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 12px 34px rgba(7, 21, 37, 0.045);
  transition:
    transform 0.35s ease,
    box-shadow 0.35s ease,
    background 0.35s ease;
}

.iama-cix-system-card:hover {
  transform: translateY(-7px);
  background: #fff;
  box-shadow: 0 22px 48px rgba(0, 40, 125, 0.11);
}

.iama-cix-system-card>span {
  position: absolute;
  top: 18px;
  right: 20px;
  color: rgba(0, 40, 125, 0.08);
  font-family: "Outfit", sans-serif;
  font-size: 38px;
  font-weight: 700;
}

.iama-cix-system-icon {
  display: flex;
  width: 57px;
  height: 57px;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
  border-radius: 17px;
  background: var(--iama-cix-blue);
  color: #fff;
  font-size: 20px;
}

.iama-cix-system-card:nth-child(even) .iama-cix-system-icon {
  background: var(--iama-cix-yellow);
  color: var(--iama-cix-dark);
}

.iama-cix-system-card h3 {
  margin: 0;
  font-family: "Outfit", sans-serif;
  color: var(--iama-cix-dark);
  font-size: 25px;
  font-weight: 600;
  line-height: 1.35;
}

.iama-cix-system-card-wide {
  grid-column: 1 / -1;
  min-height: 145px;
}

.iama-cix-system-card-wide .iama-cix-system-icon {
  margin-bottom: 20px;
}

/* =====================================================
   FACILITIES
===================================================== */

.iama-cix-facilities {
  padding: 70px 0;
  background: #fff;
}

.iama-cix-facility-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
}

.iama-cix-facility-card {
  overflow: hidden;
  border: 1px solid var(--iama-cix-border);
  border-radius: 25px;
  background: #fff;
  box-shadow: 0 16px 44px rgba(7, 21, 37, 0.055);
  transition:
    transform 0.35s ease,
    box-shadow 0.35s ease;
}

.iama-cix-facility-card:hover {
  transform: translateY(-9px);
  box-shadow: 0 27px 60px rgba(0, 40, 125, 0.13);
}

.iama-cix-facility-image {
  position: relative;
  height: 310px;
  overflow: hidden;
}

.iama-cix-facility-image::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg,
      rgba(3, 20, 50, 0) 45%,
      rgba(3, 20, 50, 0.46) 100%);
}

.iama-cix-facility-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.55s ease;
}

.iama-cix-facility-card:hover img {
  transform: scale(1.06);
}

.iama-cix-facility-number {
  position: absolute;
  z-index: 3;
  top: 18px;
  left: 18px;
  display: flex;
  width: 45px;
  height: 45px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.93);
  color: var(--iama-cix-blue);
  font-family: "Outfit", sans-serif;
  font-size: 13px;
  font-weight: 700;
}

.iama-cix-facility-copy {
  padding: 25px;
}

.iama-cix-facility-title {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 15px;
  margin-bottom: 14px;
}

.iama-cix-facility-title span {
  display: block;
  margin-bottom: 6px;
  font-family: "Inter", sans-serif;
  color: var(--iama-cix-blue);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.6px;
  text-transform: uppercase;
}

.iama-cix-facility-title h3 {
  margin: 0;
  font-family: "Outfit", sans-serif;
  color: var(--iama-cix-dark);
  font-size: 22px;
  font-weight: 600;
  line-height: 1.3;
}

.iama-cix-facility-title>i {
  display: flex;
  width: 47px;
  height: 47px;
  min-width: 47px;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: var(--iama-cix-yellow-soft);
  color: var(--iama-cix-blue);
  font-size: 18px;
}

.iama-cix-facility-copy>p {
  margin: 0;
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 18px;
  line-height: 1.4;
}

/* =====================================================
   RESEARCH
===================================================== */

.iama-cix-research {
  position: relative;
  overflow: hidden;
  padding: 50px 0;
  background:
    radial-gradient(circle at 9% 20%,
      rgba(0, 73, 190, 0.22),
      transparent 31%),
    radial-gradient(circle at 92% 80%,
      rgba(245, 200, 75, 0.12),
      transparent 27%),
    linear-gradient(135deg, #020d24 0%, #061a42 57%, #00143d 100%);
}

.iama-cix-research-pattern {
  position: absolute;
  top: 50px;
  left: 30px;
  width: 155px;
  height: 155px;
  opacity: 0.16;
  background-image: radial-gradient(rgba(245, 200, 75, 0.9) 1.6px,
      transparent 1.6px);
  background-size: 15px 15px;
}

.iama-cix-research-layout {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(350px, 0.92fr);
  align-items: center;
  gap: 85px;
}

.iama-cix-research-content h2 {
  margin: 0 0 23px;
  font-family: "Outfit", sans-serif;
  color: #fff;
  font-size: 52px;
  font-weight: 600;
  line-height: 1.08;
  letter-spacing: -1.5px;
}

.iama-cix-research-content>p {
  max-width: 690px;
  margin: 0 0 31px;
  font-family: "Inter", sans-serif;
  color: #fff;
  font-size: 18px;
  line-height: 1.4;
}

.iama-cix-research-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 13px;
}

.iama-cix-research-list div {
  display: flex;
  min-height: 62px;
  align-items: center;
  gap: 11px;
  padding: 15px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.055);
}

.iama-cix-research-list i {
  color: var(--iama-cix-yellow);
}

.iama-cix-research-list span {
  font-family: "Inter", sans-serif;
  color: #fff;
  font-size: 22px;
  font-weight: 600;
}

.iama-cix-research-visual {
  position: relative;
  padding: 35px 20px;
}

.iama-cix-research-image {
  position: relative;
  z-index: 3;
  overflow: hidden;
  padding: 9px;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 34px;
  background: rgba(255, 255, 255, 0.07);
  box-shadow: 0 38px 90px rgba(0, 0, 0, 0.38);
  height: 500px;
}

.iama-cix-research-image img {
  display: block;
  width: 100%;
  border-radius: 25px;
  object-fit: cover;
}

.iama-cix-research-image-overlay {
  position: absolute;
  inset: 9px;
  border-radius: 25px;
}

.iama-cix-research-network-card {
  position: absolute;
  z-index: 5;
  right: -10px;
  bottom: 95px;
  display: flex;
  min-width: 270px;
  align-items: center;
  gap: 13px;
  padding: 18px 20px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 18px;
  background: rgba(2, 13, 36, 0.9);
  box-shadow: 0 22px 52px rgba(0, 0, 0, 0.34);
}

.iama-cix-research-network-card>span {
  display: flex;
  width: 49px;
  height: 49px;
  min-width: 49px;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: var(--iama-cix-yellow);
  color: var(--iama-cix-dark);
  font-size: 18px;
}

.iama-cix-research-network-card strong {
  display: block;
  margin-bottom: 4px;
  font-family: "Outfit", sans-serif;
  color: #fff;
  font-size: 20px;
}

.iama-cix-research-network-card p {
  margin: 0;
  font-family: "Inter", sans-serif;
  color: #fff;
  font-size: 18px;
}

.iama-cix-research-orbit {
  position: absolute;
  z-index: 1;
  top: 0;
  right: -20px;
  width: 190px;
  height: 190px;
  border: 31px solid rgba(245, 200, 75, 0.13);
  border-radius: 50%;
}

/* =====================================================
   BENEFITS
===================================================== */

.iama-cix-benefits {
  padding:70px 0;
  background:
    radial-gradient(circle at 94% 10%,
      rgba(245, 200, 75, 0.16),
      transparent 25%),
    linear-gradient(180deg, #f5f8ff 0%, #ffffff 100%);
}

.iama-cix-benefit-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

.iama-cix-benefit-card {
  position: relative;
  padding: 29px 25px;
  overflow: hidden;
  border: 1px solid var(--iama-cix-border);
  border-radius: 23px;
  box-shadow: 0 15px 40px rgba(7, 21, 37, 0.05);
  transition:
    transform 0.35s ease,
    box-shadow 0.35s ease;
}

.iama-cix-benefit-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 25px 55px rgba(0, 40, 125, 0.11);
}

.iama-cix-benefit-card-one {
  background: #edf2ff;
}

.iama-cix-benefit-card-two {
  background: #fff6d8;
}

.iama-cix-benefit-card-three {
  background: #eaf7ff;
}

.iama-cix-benefit-card-four {
  background: #ffffff;
}

.iama-cix-benefit-number {
  position: absolute;
  top: 20px;
  right: 21px;
  color: rgba(0, 40, 125, 0.08);
  font-family: "Outfit", sans-serif;
  font-size: 42px;
  font-weight: 700;
}

.iama-cix-benefit-icon {
  position: relative;
  z-index: 2;
  display: flex;
  width: 60px;
  height: 60px;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
  border-radius: 18px;
  background: var(--iama-cix-blue);
  color: #fff;
  font-size: 22px;
}

.iama-cix-benefit-card-two .iama-cix-benefit-icon,
.iama-cix-benefit-card-four .iama-cix-benefit-icon {
  background: var(--iama-cix-yellow);
  color: var(--iama-cix-dark);
}

.iama-cix-benefit-card h3 {
  position: relative;
  z-index: 2;
  margin: 0 0 11px;
  font-family: "Outfit", sans-serif;
  color: var(--iama-cix-dark);
  font-size: 22px;
  font-weight: 600;
}

.iama-cix-benefit-card p {
  position: relative;
  z-index: 2;
  margin: 0;
  font-family: "Inter", sans-serif;
  color: #000;
  font-size: 18px;
  line-height: 1.4;
}

.iama-cix-benefit-corner {
  position: absolute;
  right: -70px;
  bottom: -70px;
  width: 165px;
  height: 165px;
  border: 30px solid rgba(0, 40, 125, 0.025);
  border-radius: 50%;
}

/* =====================================================
   CTA
===================================================== */


/* =====================================================
   RESPONSIVE — LARGE TABLETS
===================================================== */

@media (max-width: 1199px) {

  .iama-cix-hero,
  .iama-cix-environment,
  .iama-cix-system,
  .iama-cix-facilities,
  .iama-cix-research,
  .iama-cix-benefits {
    padding: 95px 0;
  }

  .iama-cix-hero-layout,
  .iama-cix-environment-layout,
  .iama-cix-research-layout {
    gap: 55px;
  }

  .iama-cix-hero-copy h1,
  .iama-cix-cta-content h2 {
    font-size: 51px;
  }

  .iama-cix-section-heading h2,
  .iama-cix-system-heading h2,
  .iama-cix-environment-content h2,
  .iama-cix-research-content h2 {
    font-size: 45px;
  }

  .iama-cix-benefit-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

}

/* =====================================================
   RESPONSIVE — TABLETS
===================================================== */

@media (max-width: 991px) {

  .iama-cix-hero-layout,
  .iama-cix-environment-layout,
  .iama-cix-system-stage,
  .iama-cix-research-layout {
    grid-template-columns: 1fr;
  }

  .iama-cix-hero-copy {
    max-width: 820px;
  }

  .iama-cix-hero-gallery,
  .iama-cix-environment-media,
  .iama-cix-research-visual {
    width: 100%;
    max-width: 780px;
    margin: 0 auto;
  }

  .iama-cix-section-heading,
  .iama-cix-system-heading {
    grid-template-columns: 1fr;
    gap: 25px;
  }

  .iama-cix-section-heading>p,
  .iama-cix-system-heading>p {
    max-width: 780px;
  }

  .iama-cix-facility-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .iama-cix-system-preview {
    min-height: 540px;
  }

  .iama-cix-system-preview img {
    min-height: 540px;
  }

}

/* =====================================================
   RESPONSIVE — SMALL TABLETS
===================================================== */

@media (max-width: 767px) {

  .iama-cix-hero,
  .iama-cix-environment,
  .iama-cix-system,
  .iama-cix-facilities,
  .iama-cix-research,
  .iama-cix-benefits {
    padding: 75px 0;
  }

  .iama-cix-hero-copy h1,
  .iama-cix-cta-content h2 {
    font-size: 41px;
  }

  .iama-cix-section-heading h2,
  .iama-cix-system-heading h2,
  .iama-cix-environment-content h2,
  .iama-cix-research-content h2 {
    font-size: 38px;
  }

  .iama-cix-hero-gallery {
    min-height: 575px;
  }

  .iama-cix-hero-image-main img {
    height: 475px;
  }

  .iama-cix-hero-image-side img {
    height: 220px;
  }

  .iama-cix-hero-metrics {
    grid-template-columns: 1fr;
  }

  .iama-cix-environment-image img {
    min-height: 510px;
  }

  .iama-cix-facility-grid {
    grid-template-columns: 1fr;
  }

  .iama-cix-facility-image {
    height: 360px;
  }

  .iama-cix-cta {
    min-height: 530px;
    padding: 80px 0;
  }

}

/* =====================================================
   RESPONSIVE — MOBILE
===================================================== */

@media (max-width: 575px) {

  .iama-cix-hero,
  .iama-cix-environment,
  .iama-cix-system,
  .iama-cix-facilities,
  .iama-cix-research,
  .iama-cix-benefits {
    padding: 60px 0;
  }

  .iama-cix-label,
  .iama-cix-light-label,
  .iama-cix-dark-label,
  .iama-cix-cta-label {
    padding: 9px 14px;
    font-size: 11px;
  }

  .iama-cix-hero-copy h1,
  .iama-cix-cta-content h2 {
    font-size: 33px;
    letter-spacing: -0.8px;
  }

  .iama-cix-section-heading h2,
  .iama-cix-system-heading h2,
  .iama-cix-environment-content h2,
  .iama-cix-research-content h2 {
    font-size: 31px;
    letter-spacing: -0.7px;
  }

  .iama-cix-hero-copy>p,
  .iama-cix-section-heading>p,
  .iama-cix-system-heading>p,
  .iama-cix-environment-content>p,
  .iama-cix-research-content>p,
  .iama-cix-cta-content>p {
    font-size: 15px;
  }

  .iama-cix-hero-gallery {
    min-height: 520px;
  }

  .iama-cix-hero-image-main {
    width: 92%;
  }

  .iama-cix-hero-image-main img {
    height: 405px;
  }

  .iama-cix-hero-image-side {
    width: 58%;
  }

  .iama-cix-hero-image-side img {
    height: 185px;
  }

  .iama-cix-hero-orbit,
  .iama-cix-dot-pattern {
    display: none;
  }

  .iama-cix-hero-campus-card {
    position: relative;
    right: auto;
    bottom: auto;
    width: calc(100% - 20px);
    min-width: 0;
    margin: -55px auto 0;
  }

  .iama-cix-environment-media {
    padding: 15px 0 30px;
  }

  .iama-cix-environment-image img {
    min-height: 410px;
  }

  .iama-cix-environment-badge {
    position: relative;
    right: auto;
    bottom: auto;
    width: calc(100% - 20px);
    min-width: 0;
    margin: -55px auto 0;
  }

  .iama-cix-environment-shape {
    display: none;
  }

  .iama-cix-environment-item {
    grid-template-columns: 40px minmax(0, 1fr);
  }

  .iama-cix-environment-item>i {
    display: none;
  }

  .iama-cix-system-grid {
    grid-template-columns: 1fr;
  }

  .iama-cix-system-card-wide {
    grid-column: auto;
  }

  .iama-cix-system-preview,
  .iama-cix-system-preview img {
    min-height: 420px;
  }

  .iama-cix-facility-image {
    height: 320px;
  }

  .iama-cix-research-list {
    grid-template-columns: 1fr;
  }

  .iama-cix-research-visual {
    padding: 15px 0 30px;
  }

  .iama-cix-research-image img {
    min-height: 410px;
  }

  .iama-cix-research-network-card {
    position: relative;
    right: auto;
    bottom: auto;
    width: calc(100% - 20px);
    min-width: 0;
    margin: -55px auto 0;
  }

  .iama-cix-research-orbit,
  .iama-cix-research-pattern {
    display: none;
  }

  .iama-cix-benefit-grid {
    grid-template-columns: 1fr;
  }

  .iama-cix-benefit-card {
    min-height: auto;
  }

  .iama-cix-cta {
    min-height: 510px;
    padding: 70px 0;
  }

  .iama-cix-cta-overlay {
    background: rgba(1, 17, 55, 0.89);
  }

  .iama-cix-cta-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .iama-cix-cta-primary,
  .iama-cix-cta-secondary {
    width: 100%;
  }

}

/* =====================================================
   RESPONSIVE — SMALL MOBILE
===================================================== */

@media (max-width: 390px) {

  .iama-cix-hero-copy h1,
  .iama-cix-cta-content h2 {
    font-size: 29px;
  }

  .iama-cix-section-heading h2,
  .iama-cix-system-heading h2,
  .iama-cix-environment-content h2,
  .iama-cix-research-content h2 {
    font-size: 28px;
  }

  .iama-cix-hero-image-main img {
    height: 350px;
  }

  .iama-cix-hero-image-side img {
    height: 155px;
  }

  .iama-cix-environment-image img,
  .iama-cix-research-image img {
    min-height: 360px;
  }

  .iama-cix-facility-image {
    height: 280px;
  }

}


/* =========================================================
   IAMA ACADEMIC INNER PAGES — MODERN SHARED DESIGN SYSTEM
   Scope: main.iama-academic-modern only
   Header and footer are intentionally untouched.
========================================================= */

main.iama-academic-modern {
  --iam-blue: #00287d;
  --iam-blue-deep: #001b57;
  --iam-yellow: #ffc63b;
  --iam-white: #fff;
  --iam-ink: #071525;
  --iam-muted: #4d5868;
  --iam-soft: #f5f8ff;
  --iam-soft-blue: #eaf1ff;
  --iam-border: rgba(0, 40, 125, .11);
  --iam-shadow: 0 22px 60px rgba(7, 21, 37, .09);
  overflow: hidden;
  background: #fff;
}

/* Breadcrumb */
main.iama-academic-modern .breadnewcss {
  position: relative;
  min-height: 480px;
  display: flex;
  align-items: center;
  overflow: hidden;
  isolation: isolate;
}

main.iama-academic-modern .breadnewcss-bg,
main.iama-academic-modern .breadnewcss-overlay {
  position: absolute;
  inset: 0;
}

main.iama-academic-modern .breadnewcss-bg {
  z-index: -3;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  transform: scale(1.02);
}

main.iama-academic-modern .breadnewcss-overlay {
  z-index: -2;
  background:
    linear-gradient(90deg, rgba(2, 17, 50, .94) 0%, rgba(0, 40, 125, .80) 48%, rgba(0, 40, 125, .28) 100%),
    linear-gradient(180deg, rgba(0, 0, 0, .08), rgba(0, 0, 0, .22));
}

main.iama-academic-modern .breadnewcss::before {
  content: "";
  position: absolute;
  z-index: -1;
  width: 430px;
  height: 430px;
  right: -120px;
  top: -170px;
  border: 70px solid rgba(255, 198, 59, .12);
  border-radius: 50%;
}

main.iama-academic-modern .breadnewcss::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 5px;
  background: linear-gradient(90deg, var(--iam-yellow) 0 18%, rgba(255, 255, 255, .22) 18% 100%);
}

main.iama-academic-modern .breadnewcss-content {
  max-width: 900px;
  padding: 90px 0 70px;
}

main.iama-academic-modern .breadnewcss-content span {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 18px;
  padding: 10px 17px;
  border: 1px solid rgba(255, 255, 255, .28);
  border-radius: 100px;
  background: rgba(255, 255, 255, .1);
  color: var(--iam-yellow);
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .6px;
  text-transform: uppercase;
  backdrop-filter: blur(10px);
}

main.iama-academic-modern .breadnewcss-content span::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--iam-yellow);
  box-shadow: 0 0 0 6px rgba(255, 198, 59, .12);
}

main.iama-academic-modern .breadnewcss-content h1 {
  max-width: 920px;
  margin: 0;
  color: #fff;
  font-family: "Outfit", sans-serif;
  font-size: 60px;
  font-weight: 600;
  line-height: 1.04;
  letter-spacing: -.2px;
  text-shadow: 0 8px 30px rgba(0, 0, 0, .22);
}

/* Universal section spacing */
main.iama-academic-modern>section:not(.breadnewcss),
main.iama-academic-modern>div:not(.breadnewcss) {
  position: relative;
}

main.iama-academic-modern section[class*="academicnewsec"],
main.iama-academic-modern section[class*="facultynewcss"],
main.iama-academic-modern section[class*="departmentnewcss"],
main.iama-academic-modern section[class*="courseoffercss"],
main.iama-academic-modern section[class*="undergradpagecss"],
main.iama-academic-modern section[class*="postgradpagecss"],
main.iama-academic-modern section[class*="diplomacertcss"],
main.iama-academic-modern section[class*="onlineprogramcss"],
main.iama-academic-modern section[class*="calendarpagecss"],
main.iama-academic-modern section[class*="curriculumdesigncss"] {
  padding-top: 105px;
  padding-bottom: 105px;
}

/* Typography */
main.iama-academic-modern h2 {
  margin-top: 0;
  font-family: "Outfit", sans-serif !important;
  font-size: 60px !important;
  font-weight: 600 !important;
  line-height: 1.07 !important;
  letter-spacing: -.2px !important;
  color: var(--iam-ink) !important;
}

main.iama-academic-modern h2 strong,
main.iama-academic-modern h2 span:not([class]) {
  color: var(--iam-blue) !important;
  font-weight: 600 !important;
}

main.iama-academic-modern h3 {
  font-family: "Outfit", sans-serif !important;
  color: var(--iam-ink);
}

main.iama-academic-modern p {
  font-family: "Inter", sans-serif !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  color: #000 !important;
  line-height: 1.4em !important;
}

main.iama-academic-modern ul,
main.iama-academic-modern li,
main.iama-academic-modern a,
main.iama-academic-modern span {
  font-family: "Inter", sans-serif;
}

/* Shared labels */
main.iama-academic-modern [class*="kicker"],
main.iama-academic-modern [class$="-label"]:not(.breadnewcss-content span),
main.iama-academic-modern [class*="section-tag"] {
  display: inline-flex !important;
  align-items: center;
  gap: 9px;
  width: auto;
  margin-bottom: 20px;
  padding: 10px 17px !important;
  border: 1px solid var(--iam-border) !important;
  border-radius: 100px !important;
  background: var(--iam-soft-blue) !important;
  color: var(--iam-blue) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: .55px;
  text-transform: uppercase;
}

/* Bright alternation */
main.iama-academic-modern section:nth-of-type(3n+2):not(.breadnewcss) {
  background:
    radial-gradient(circle at 92% 10%, rgba(255, 198, 59, .15), transparent 24%),
    linear-gradient(180deg, #f5f8ff 0%, #fff 100%) !important;
}

main.iama-academic-modern section:nth-of-type(3n):not(.breadnewcss) {
  background: #fff !important;
}

/* Main two-column intros */
main.iama-academic-modern [class*="intro-grid"],
main.iama-academic-modern [class*="intro-layout"],
main.iama-academic-modern [class*="overview-layout"],
main.iama-academic-modern [class*="hero-grid"],
main.iama-academic-modern [class*="hero-layout"] {
  gap: 80px !important;
  align-items: center !important;
}

/* Images */
main.iama-academic-modern img {
  max-width: 100%;
}

main.iama-academic-modern [class*="intro-image"],
main.iama-academic-modern [class*="intro-mainimg"],
main.iama-academic-modern [class*="intro-main"],
main.iama-academic-modern [class*="overview-image"],
main.iama-academic-modern [class*="document-image"],
main.iama-academic-modern [class*="device-screen"] {
  border-radius: 28px !important;
  overflow: hidden;
  box-shadow: var(--iam-shadow) !important;
}

main.iama-academic-modern [class*="intro-image"] img,
main.iama-academic-modern [class*="intro-mainimg"] img,
main.iama-academic-modern [class*="intro-main"] img,
main.iama-academic-modern [class*="overview-image"] img {
  width: 100%;
  object-fit: cover;
}

/* Cards and panels */
main.iama-academic-modern [class*="card"],
main.iama-academic-modern [class*="feature"],
main.iama-academic-modern [class*="benefit"],
main.iama-academic-modern [class*="pathway-item"],
main.iama-academic-modern [class*="overview-item"],
main.iama-academic-modern [class*="workflow-item"],
main.iama-academic-modern [class*="process-item"] {
  border-radius: 22px !important;
}

main.iama-academic-modern [class*="card"]:not([class*="image"]),
main.iama-academic-modern [class*="feature"]:not([class*="image"]),
main.iama-academic-modern [class*="benefit"]:not([class*="image"]) {
  border-color: var(--iam-border) !important;
  box-shadow: 0 14px 40px rgba(7, 21, 37, .055) !important;
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease !important;
}

main.iama-academic-modern [class*="card"]:not([class*="image"]):hover,
main.iama-academic-modern [class*="feature"]:not([class*="image"]):hover,
main.iama-academic-modern [class*="benefit"]:not([class*="image"]):hover {
  transform: translateY(-7px);
  border-color: rgba(0, 40, 125, .2) !important;
  box-shadow: 0 24px 58px rgba(0, 40, 125, .12) !important;
}

/* Buttons */
main.iama-academic-modern a[class*="btn"],
main.iama-academic-modern .admx-scholarship a,
main.iama-academic-modern .mainabout8 a {
  display: inline-flex !important;
  min-height: 56px;
  align-items: center;
  justify-content: center;
  gap: 11px;
  padding: 14px 24px !important;
  border: 1px solid var(--iam-blue) !important;
  border-radius: 12px !important;
  background: var(--iam-blue) !important;
  color: #fff !important;
  font-family: "Inter", sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  box-shadow: 0 15px 35px rgba(0, 40, 125, .2);
  transition: all .3s ease !important;
}

main.iama-academic-modern a[class*="btn"]:hover,
main.iama-academic-modern .admx-scholarship a:hover,
main.iama-academic-modern .mainabout8 a:hover {
  transform: translateY(-4px);
  background: var(--iam-blue-deep) !important;
  color: #fff !important;
  box-shadow: 0 20px 42px rgba(0, 40, 125, .28);
}

/* Icon styling */
main.iama-academic-modern [class*="icon"] {
  border-radius: 16px;
}

main.iama-academic-modern [class*="icon"] i,
main.iama-academic-modern i[class*="fa-"] {
  transition: transform .3s ease;
}

/* Section headers */
main.iama-academic-modern [class*="section-head"],
main.iama-academic-modern [class*="level-overview-head"],
main.iama-academic-modern [class*="online-head"] {
  margin-bottom: 60px !important;
}

/* Full-width CTA sections already in pages */
main.iama-academic-modern .mainabout8,
main.iama-academic-modern .admx-scholarship {
  position: relative;
  overflow: hidden;
  padding: 90px 0 !important;
  background:
    radial-gradient(circle at 90% 10%, rgba(255, 198, 59, .16), transparent 28%),
    linear-gradient(135deg, #00163f 0%, #00287d 100%) !important;
}

main.iama-academic-modern .mainabout8::before,
main.iama-academic-modern .admx-scholarship::before {
  content: "";
  position: absolute;
  width: 360px;
  height: 360px;
  top: -190px;
  right: -130px;
  border: 60px solid rgba(255, 255, 255, .04);
  border-radius: 50%;
}

main.iama-academic-modern .mainabout8 h2,
main.iama-academic-modern .mainabout8 h3,
main.iama-academic-modern .admx-scholarship h2,
main.iama-academic-modern .admx-scholarship h3 {
  color: #fff !important;
}

main.iama-academic-modern .mainabout8 p,
main.iama-academic-modern .admx-scholarship p {
  color: rgba(255, 255, 255, .78) !important;
}

main.iama-academic-modern .mainabout8 a,
main.iama-academic-modern .admx-scholarship a {
  border-color: var(--iam-yellow) !important;
  background: var(--iam-yellow) !important;
  color: var(--iam-dark) !important;
}

/* Specific layout upgrades */
main.iama-academic-modern .academicnewsec-features [class*="grid"],
main.iama-academic-modern .facultynewcss-areas [class*="grid"],
main.iama-academic-modern .courseoffercss-overview [class*="grid"],
main.iama-academic-modern .postgradpagecss-outcomes [class*="grid"],
main.iama-academic-modern .diplomacertcss-benefits [class*="grid"],
main.iama-academic-modern .onlineprogramcss-highlights [class*="grid"] {
  gap: 20px !important;
}

/* Dark feature sections for contrast */
main.iama-academic-modern .academicnewsec-model,
main.iama-academic-modern .departmentnewcss-research,
main.iama-academic-modern .postgradpagecss-research,
main.iama-academic-modern .onlineprogramcss-support,
main.iama-academic-modern .curriculumdesigncss-quality {
  background:
    radial-gradient(circle at 10% 20%, rgba(0, 84, 210, .22), transparent 30%),
    radial-gradient(circle at 92% 80%, rgba(255, 198, 59, .12), transparent 27%),
    linear-gradient(135deg, #020d24 0%, #061a42 58%, #00143d 100%) !important;
}

main.iama-academic-modern .academicnewsec-model h2,
main.iama-academic-modern .academicnewsec-model h3,
main.iama-academic-modern .departmentnewcss-research h2,
main.iama-academic-modern .departmentnewcss-research h3,
main.iama-academic-modern .postgradpagecss-research h2,
main.iama-academic-modern .postgradpagecss-research h3,
main.iama-academic-modern .onlineprogramcss-support h2,
main.iama-academic-modern .onlineprogramcss-support h3,
main.iama-academic-modern .curriculumdesigncss-quality h2,
main.iama-academic-modern .curriculumdesigncss-quality h3 {
  color: #fff !important;
}

main.iama-academic-modern .academicnewsec-model p,
main.iama-academic-modern .departmentnewcss-research p,
main.iama-academic-modern .postgradpagecss-research p,
main.iama-academic-modern .onlineprogramcss-support p,
main.iama-academic-modern .curriculumdesigncss-quality p {
  color: rgba(255, 255, 255, .72) !important;
}

main.iama-academic-modern .academicnewsec-model [class*="card"],
main.iama-academic-modern .departmentnewcss-research [class*="card"],
main.iama-academic-modern .postgradpagecss-research [class*="card"],
main.iama-academic-modern .onlineprogramcss-support [class*="card"],
main.iama-academic-modern .curriculumdesigncss-quality [class*="card"] {
  border-color: rgba(255, 255, 255, .11) !important;
  background: rgba(255, 255, 255, .06) !important;
  box-shadow: none !important;
}

/* Responsive */
@media (max-width:1199px) {
  main.iama-academic-modern .breadnewcss {
    min-height: 430px;
  }

  main.iama-academic-modern .breadnewcss-content h1 {
    font-size: 52px;
  }

  main.iama-academic-modern h2 {
    font-size: 50px !important;
  }

  main.iama-academic-modern section[class*="academicnewsec"],
  main.iama-academic-modern section[class*="facultynewcss"],
  main.iama-academic-modern section[class*="departmentnewcss"],
  main.iama-academic-modern section[class*="courseoffercss"],
  main.iama-academic-modern section[class*="undergradpagecss"],
  main.iama-academic-modern section[class*="postgradpagecss"],
  main.iama-academic-modern section[class*="diplomacertcss"],
  main.iama-academic-modern section[class*="onlineprogramcss"],
  main.iama-academic-modern section[class*="calendarpagecss"],
  main.iama-academic-modern section[class*="curriculumdesigncss"] {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}

@media (max-width:991px) {
  main.iama-academic-modern .breadnewcss {
    min-height: 390px;
  }

  main.iama-academic-modern .breadnewcss-content {
    padding: 75px 0 60px;
  }

  main.iama-academic-modern .breadnewcss-content h1 {
    font-size: 46px;
  }

  main.iama-academic-modern h2 {
    font-size: 43px !important;
  }

  main.iama-academic-modern [class*="intro-grid"],
  main.iama-academic-modern [class*="intro-layout"],
  main.iama-academic-modern [class*="overview-layout"],
  main.iama-academic-modern [class*="hero-grid"],
  main.iama-academic-modern [class*="hero-layout"] {
    gap: 50px !important;
  }

  main.iama-academic-modern .iama-hidden-tablet {
    display: none !important;
  }
}

@media (max-width:767px) {
  main.iama-academic-modern .breadnewcss {
    min-height: 340px;
  }

  main.iama-academic-modern .breadnewcss-content {
    padding: 65px 0 50px;
  }

  main.iama-academic-modern .breadnewcss-content h1 {
    font-size: 38px;
    line-height: 1.08;
  }

  main.iama-academic-modern h2 {
    font-size: 36px !important;
    line-height: 1.12 !important;
  }

  main.iama-academic-modern p {
    font-size: 16px !important;
    line-height: 1.55em !important;
  }

  main.iama-academic-modern section[class*="academicnewsec"],
  main.iama-academic-modern section[class*="facultynewcss"],
  main.iama-academic-modern section[class*="departmentnewcss"],
  main.iama-academic-modern section[class*="courseoffercss"],
  main.iama-academic-modern section[class*="undergradpagecss"],
  main.iama-academic-modern section[class*="postgradpagecss"],
  main.iama-academic-modern section[class*="diplomacertcss"],
  main.iama-academic-modern section[class*="onlineprogramcss"],
  main.iama-academic-modern section[class*="calendarpagecss"],
  main.iama-academic-modern section[class*="curriculumdesigncss"] {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  main.iama-academic-modern .iama-academic-modern [class*="section-head"] {
    margin-bottom: 45px !important;
  }
}

@media (max-width:575px) {
  main.iama-academic-modern .breadnewcss {
    min-height: 300px;
  }

  main.iama-academic-modern .breadnewcss-content span {
    font-size: 11px;
    padding: 9px 14px;
  }

  main.iama-academic-modern .breadnewcss-content h1 {
    font-size: 31px;
  }

  main.iama-academic-modern h2 {
    font-size: 31px !important;
  }

  main.iama-academic-modern p {
    font-size: 15px !important;
  }

  main.iama-academic-modern a[class*="btn"] {
    width: 100%;
  }

  main.iama-academic-modern .mainabout8,
  main.iama-academic-modern .admx-scholarship {
    padding: 65px 0 !important;
  }
}


/* =====================================================
   MODERN ACADEMICS PAGE
   Unique prefix: iama-academyx-
===================================================== */

.iama-academyx-hero,
.iama-academyx-pillars,
.iama-academyx-framework,
.iama-academyx-model,
.iama-academyx-journey,
.iama-academyx-faq,
.iama-academyx-cta {
  --iama-academyx-blue: #00287d;
  --iama-academyx-blue-dark: #001a55;
  --iama-academyx-yellow: #ffc63b;
  --iama-academyx-white: #fff;
  --iama-academyx-dark: #071525;
  --iama-academyx-soft: #f5f8ff;
  --iama-academyx-border: rgba(0, 40, 125, 0.1);
  position: relative;
  overflow: hidden;
}

.iama-academyx-kicker {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 20px;
  padding: 10px 17px;
  border: 1px solid rgba(0, 40, 125, 0.1);
  border-radius: 999px;
  background: #edf3ff;
  color: var(--iama-academyx-blue);
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.6px;
  text-transform: uppercase;
}

.iama-academyx-kicker-dark {
  border-color: rgba(255, 198, 59, 0.3);
  background: rgba(255, 198, 59, 0.1);
  color: var(--iama-academyx-yellow);
}

.iama-academyx-hero h2,
.iama-academyx-section-heading h2,
.iama-academyx-model h2,
.iama-academyx-journey h2,
.iama-academyx-faq h2,
.iama-academyx-cta h2 {
  margin: 0;
  font-family: "Outfit", sans-serif;
  font-size: 60px;
  font-weight: 600;
  line-height: 1.05;
  letter-spacing: -0.6px;
  color: var(--iama-academyx-dark);
}

.iama-academyx-hero h2 span,
.iama-academyx-section-heading h2 span,
.iama-academyx-journey h2 span,
.iama-academyx-faq h2 span {
  color: var(--iama-academyx-blue);
}

.iama-academyx-hero p,
.iama-academyx-section-heading>p,
.iama-academyx-model p,
.iama-academyx-journey p,
.iama-academyx-faq p,
.iama-academyx-cta p {
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #000;
  line-height: 1.4em;
}

.iama-academyx-btn {
  display: inline-flex;
  min-height: 56px;
  align-items: center;
  justify-content: center;
  gap: 11px;
  padding: 14px 24px;
  border-radius: 12px;
  font-family: "Inter", sans-serif;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  transition: all 0.3s ease;
}

.iama-academyx-btn:hover {
  transform: translateY(-4px);
}

.iama-academyx-btn-primary {
  background: var(--iama-academyx-blue);
  color: #fff;
  box-shadow: 0 18px 35px rgba(0, 40, 125, 0.2);
}

.iama-academyx-btn-primary:hover {
  background: var(--iama-academyx-blue-dark);
  color: #fff;
}

.iama-academyx-btn-outline {
  border: 1px solid var(--iama-academyx-blue);
  color: var(--iama-academyx-blue);
  background: #fff;
}

.iama-academyx-btn-outline:hover {
  background: var(--iama-academyx-blue);
  color: #fff;
}

/* HERO */

.iama-academyx-hero {
  padding: 115px 0 95px;
  background:
    radial-gradient(circle at 8% 12%, rgba(0, 40, 125, 0.08), transparent 28%),
    radial-gradient(circle at 92% 82%, rgba(255, 198, 59, 0.17), transparent 25%),
    linear-gradient(180deg, #fff 0%, #f6f9ff 100%);
}

.iama-academyx-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  align-items: center;
  gap: 85px;
}

.iama-academyx-hero-content>p {
  max-width: 680px;
  margin: 27px 0 0;
}

.iama-academyx-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 33px;
}

.iama-academyx-hero-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-top: 38px;
}

.iama-academyx-hero-stats>div {
  padding: 18px;
  border: 1px solid var(--iama-academyx-border);
  border-radius: 17px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 15px 35px rgba(7, 21, 37, 0.05);
}

.iama-academyx-hero-stats strong {
  display: block;
  margin-bottom: 4px;
  color: var(--iama-academyx-blue);
  font-family: "Outfit", sans-serif;
  font-size: 18px;
}

.iama-academyx-hero-stats span {
  color: #566274;
  font-family: "Inter", sans-serif;
  font-size: 12px;
}

.iama-academyx-hero-visual {
  position: relative;
  min-height: 650px;
}

.iama-academyx-hero-image {
  position: absolute;
  top: 0;
  right: 0;
  width: 84%;
  overflow: hidden;
  padding: 9px;
  border: 1px solid var(--iama-academyx-border);
  border-radius: 34px;
  background: #fff;
  box-shadow: 0 35px 90px rgba(7, 21, 37, 0.16);
}

.iama-academyx-hero-image img {
  display: block;
  width: 100%;
  height: 575px;
  border-radius: 25px;
  object-fit: cover;
}

.iama-academyx-hero-card {
  position: absolute;
  z-index: 4;
  right: -10px;
  bottom: 80px;
  display: flex;
  max-width: 330px;
  gap: 13px;
  padding: 18px;
  border: 1px solid var(--iama-academyx-border);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 22px 52px rgba(0, 40, 125, 0.16);
}

.iama-academyx-hero-card-icon {
  display: flex;
  width: 50px;
  height: 50px;
  min-width: 50px;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: var(--iama-academyx-blue);
  color: #fff;
}

.iama-academyx-hero-card strong {
  display: block;
  margin-bottom: 4px;
  font-family: "Outfit", sans-serif;
  color: var(--iama-academyx-dark);
  font-size: 18px;
}

.iama-academyx-hero-card p {
  margin: 0;
  color: #5e6a7b;
  font-size: 12px;
  line-height: 1.5;
}

.iama-academyx-floating-book {
  position: absolute;
  z-index: 4;
  top: 65px;
  left: 0;
  display: flex;
  width: 82px;
  height: 82px;
  align-items: center;
  justify-content: center;
  border: 8px solid #fff;
  border-radius: 50%;
  background: var(--iama-academyx-yellow);
  box-shadow: 0 18px 45px rgba(0, 40, 125, 0.18);
  color: var(--iama-academyx-dark);
  font-size: 27px;
}

.iama-academyx-dot-pattern {
  position: absolute;
  top: -15px;
  right: -25px;
  width: 145px;
  height: 145px;
  opacity: 0.32;
  background-image: radial-gradient(rgba(0, 40, 125, 0.55) 1.6px, transparent 1.6px);
  background-size: 14px 14px;
}

/* PILLARS */

.iama-academyx-pillars {
  padding: 0 0 100px;
  background: #f6f9ff;
}

.iama-academyx-pillars-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}

.iama-academyx-pillar {
  padding: 28px;
  border: 1px solid var(--iama-academyx-border);
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 15px 40px rgba(7, 21, 37, 0.05);
  transition: all 0.35s ease;
}

.iama-academyx-pillar:hover {
  transform: translateY(-8px);
  box-shadow: 0 25px 55px rgba(0, 40, 125, 0.11);
}

.iama-academyx-pillar-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 45px;
}

.iama-academyx-pillar-top span {
  color: rgba(0, 40, 125, 0.18);
  font-family: "Outfit", sans-serif;
  font-size: 30px;
  font-weight: 700;
}

.iama-academyx-pillar-top i {
  display: flex;
  width: 57px;
  height: 57px;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  background: var(--iama-academyx-blue);
  color: #fff;
  font-size: 20px;
}

.iama-academyx-pillar:nth-child(even) .iama-academyx-pillar-top i {
  background: var(--iama-academyx-yellow);
  color: var(--iama-academyx-dark);
}

.iama-academyx-pillar h3 {
  margin: 0 0 11px;
  font-family: "Outfit", sans-serif;
  color: var(--iama-academyx-dark);
  font-size: 23px;
}

.iama-academyx-pillar p {
  margin: 0;
  color: #4d5969;
  font-size: 15px;
  line-height: 1.6;
}

/* FRAMEWORK */

.iama-academyx-framework {
  padding: 110px 0;
  background: #fff;
}

.iama-academyx-section-heading {
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  align-items: end;
  gap: 70px;
  margin-bottom: 65px;
}

.iama-academyx-section-heading>p {
  margin: 0;
  padding-left: 25px;
  border-left: 3px solid var(--iama-academyx-yellow);
}

.iama-academyx-framework-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.iama-academyx-program-card {
  position: relative;
  min-height: 305px;
  padding: 28px;
  overflow: hidden;
  border: 1px solid var(--iama-academyx-border);
  border-radius: 23px;
  background: #fff;
  box-shadow: 0 15px 40px rgba(7, 21, 37, 0.05);
  text-decoration: none;
  transition: all 0.35s ease;
}

.iama-academyx-program-card:hover {
  transform: translateY(-8px);
  border-color: rgba(0, 40, 125, 0.2);
  box-shadow: 0 25px 55px rgba(0, 40, 125, 0.11);
}

.iama-academyx-program-number {
  position: absolute;
  top: 20px;
  right: 22px;
  color: rgba(0, 40, 125, 0.08);
  font-family: "Outfit", sans-serif;
  font-size: 42px;
  font-weight: 700;
}

.iama-academyx-program-icon {
  display: flex;
  width: 60px;
  height: 60px;
  align-items: center;
  justify-content: center;
  margin-bottom: 45px;
  border-radius: 17px;
  background: var(--iama-academyx-blue);
  color: #fff;
  font-size: 22px;
}

.iama-academyx-program-card:nth-child(even) .iama-academyx-program-icon {
  background: var(--iama-academyx-yellow);
  color: var(--iama-academyx-dark);
}

.iama-academyx-program-card h3 {
  margin: 0 0 11px;
  font-family: "Outfit", sans-serif;
  color: var(--iama-academyx-dark);
  font-size: 22px;
  line-height: 1.3;
}

.iama-academyx-program-card p {
  margin: 0 0 22px;
  color: #4d5969;
  font-size: 18px;
  line-height: 1.65;
}

.iama-academyx-program-link {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: var(--iama-academyx-blue);
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 700;
}

.iama-academyx-program-card-featured {
  grid-row: span 2;
  min-height: 630px;
  padding: 0;
  background: var(--iama-academyx-blue);
}

.iama-academyx-program-image,
.iama-academyx-program-overlay {
  position: absolute;
  inset: 0;
}

.iama-academyx-program-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.iama-academyx-program-overlay {
  background: linear-gradient(180deg, rgba(0, 40, 125, 0.05) 25%, rgba(0, 26, 83, 0.94) 100%);
}

.iama-academyx-program-card-featured .iama-academyx-program-number {
  z-index: 2;
  color: rgba(255, 255, 255, 0.22);
}

.iama-academyx-program-content {
  position: absolute;
  z-index: 2;
  right: 30px;
  bottom: 30px;
  left: 30px;
}

.iama-academyx-program-content>i {
  display: flex;
  width: 60px;
  height: 60px;
  align-items: center;
  justify-content: center;
  margin-bottom: 24px;
  border-radius: 17px;
  background: var(--iama-academyx-yellow);
  color: var(--iama-academyx-dark);
  font-size: 22px;
}

.iama-academyx-program-card-featured h3,
.iama-academyx-program-card-featured p,
.iama-academyx-program-card-featured .iama-academyx-program-link {
  color: #fff;
}

/* MODEL */

.iama-academyx-model {
  padding: 110px 0;
  background:
    radial-gradient(circle at 10% 18%, rgba(0, 74, 190, 0.22), transparent 31%),
    radial-gradient(circle at 92% 82%, rgba(255, 198, 59, 0.12), transparent 27%),
    linear-gradient(135deg, #020d24 0%, #061a42 57%, #00143d 100%);
}

.iama-academyx-model-grid {
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  align-items: center;
  gap: 80px;
}

.iama-academyx-model h2 {
  color: #fff;
}

.iama-academyx-model h2 span {
  color: var(--iama-academyx-yellow);
}

.iama-academyx-model-content>p {
  margin: 26px 0 0;
  color: rgba(255, 255, 255, 0.72);
}

.iama-academyx-model-list {
  display: grid;
  gap: 13px;
  margin-top: 30px;
}

.iama-academyx-model-list>div {
  display: grid;
  grid-template-columns: 48px 1fr;
  align-items: center;
  gap: 14px;
  padding: 16px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.055);
}

.iama-academyx-model-list span {
  color: var(--iama-academyx-yellow);
  font-family: "Outfit", sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.iama-academyx-model-list p {
  margin: 0;
  color: rgba(255, 255, 255, 0.82);
  font-size: 18px;
}

.iama-academyx-model-visual {
  position: relative;
  padding: 30px 20px;
}

.iama-academyx-model-image {
  overflow: hidden;
  padding: 8px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.07);
  box-shadow: 0 38px 90px rgba(0, 0, 0, 0.38);
}

.iama-academyx-model-image img {
  display: block;
  width: 100%;
  min-height: 580px;
  border-radius: 22px;
  object-fit: cover;
}

.iama-academyx-model-badge {
  position: absolute;
  z-index: 4;
  right: -5px;
  bottom: 95px;
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 17px 19px;
  border-radius: 17px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.25);
}

.iama-academyx-model-badge>i {
  display: flex;
  width: 47px;
  height: 47px;
  align-items: center;
  justify-content: center;
  border-radius: 13px;
  background: var(--iama-academyx-yellow);
  color: var(--iama-academyx-dark);
}

.iama-academyx-model-badge strong {
  display: block;
  margin-bottom: 3px;
  font-family: "Outfit", sans-serif;
  color: var(--iama-academyx-dark);
  font-size: 15px;
}

.iama-academyx-model-badge span {
  color: #687382;
  font-family: "Inter", sans-serif;
  font-size: 11px;
}

.iama-academyx-model-mini {
  position: absolute;
  z-index: 3;
  top: 70px;
  left: -10px;
  display: grid;
  gap: 10px;
}

.iama-academyx-model-mini>div {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 11px 14px;
  border-radius: 999px;
  background: rgba(2, 13, 36, 0.9);
  color: #fff;
  font-family: "Inter", sans-serif;
  font-size: 12px;
}

/* JOURNEY */

.iama-academyx-journey {
  padding: 110px 0;
  background: #fff;
}

.iama-academyx-journey-heading {
  max-width: 850px;
  margin: 0 auto 65px;
  text-align: center;
}

.iama-academyx-journey-grid {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.iama-academyx-journey-grid::before {
  content: "";
  position: absolute;
  top: 47px;
  right: 16%;
  left: 16%;
  height: 2px;
  background: linear-gradient(90deg, var(--iama-academyx-blue), var(--iama-academyx-yellow), var(--iama-academyx-blue));
}

.iama-academyx-journey-step {
  position: relative;
  z-index: 2;
  padding: 0 25px 30px;
  text-align: center;
}

.iama-academyx-journey-number {
  display: flex;
  width: 94px;
  height: 94px;
  align-items: center;
  justify-content: center;
  margin: 0 auto 28px;
  border: 12px solid #fff;
  border-radius: 50%;
  background: var(--iama-academyx-blue);
  box-shadow: 0 14px 35px rgba(0, 40, 125, 0.18);
  color: #fff;
  font-family: "Outfit", sans-serif;
  font-size: 19px;
  font-weight: 700;
}

.iama-academyx-journey-step:nth-child(2) .iama-academyx-journey-number {
  background: var(--iama-academyx-yellow);
  color: var(--iama-academyx-dark);
}

.iama-academyx-journey-icon {
  display: flex;
  width: 54px;
  height: 54px;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
  border-radius: 15px;
  background: #edf3ff;
  color: var(--iama-academyx-blue);
  font-size: 19px;
}

.iama-academyx-journey-step h3 {
  margin: 0 0 10px;
  font-family: "Outfit", sans-serif;
  color: var(--iama-academyx-dark);
  font-size: 22px;
}

.iama-academyx-journey-step p {
  margin: 0;
  color: #4d5969;
  font-size: 15px;
  line-height: 1.6;
}

/* FAQ */

.iama-academyx-faq {
  padding: 110px 0;
  background:
    radial-gradient(circle at 92% 10%, rgba(255, 198, 59, 0.16), transparent 25%),
    linear-gradient(180deg, #f5f8ff 0%, #fff 100%);
}

.iama-academyx-faq-grid {
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  align-items: center;
  gap: 75px;
}

.iama-academyx-faq-visual {
  position: relative;
  padding: 25px 20px;
}

.iama-academyx-faq-image {
  overflow: hidden;
  padding: 8px;
  border: 1px solid var(--iama-academyx-border);
  border-radius: 30px;
  background: #fff;
  box-shadow: 0 30px 75px rgba(7, 21, 37, 0.14);
}

.iama-academyx-faq-image img {
  display: block;
  width: 100%;
  min-height: 540px;
  border-radius: 22px;
  object-fit: cover;
}

.iama-academyx-faq-card {
  position: absolute;
  z-index: 3;
  right: -5px;
  bottom: 85px;
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 17px 19px;
  border-radius: 17px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 20px 50px rgba(0, 40, 125, 0.16);
}

.iama-academyx-faq-card>i {
  display: flex;
  width: 47px;
  height: 47px;
  align-items: center;
  justify-content: center;
  border-radius: 13px;
  background: var(--iama-academyx-yellow);
  color: var(--iama-academyx-dark);
}

.iama-academyx-faq-card strong {
  display: block;
  margin-bottom: 3px;
  font-family: "Outfit", sans-serif;
  color: var(--iama-academyx-dark);
  font-size: 16px;
}

.iama-academyx-faq-card span {
  color: #687382;
  font-family: "Inter", sans-serif;
  font-size: 11px;
}

.iama-academyx-faq-content>h2 {
  margin-bottom: 32px;
}

.iama-academyx-accordion .accordion-item {
  margin-bottom: 13px;
  overflow: hidden;
  border: 1px solid var(--iama-academyx-border);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 10px 30px rgba(7, 21, 37, 0.04);
}

.iama-academyx-accordion .accordion-button {
  gap: 14px;
  padding: 20px 22px;
  background: #fff;
  box-shadow: none;
  color: var(--iama-academyx-dark);
  font-family: "Outfit", sans-serif;
  font-size: 18px;
  font-weight: 600;
}

.iama-academyx-accordion .accordion-button span {
  color: rgba(0, 40, 125, 0.35);
  font-size: 18px;
}

.iama-academyx-accordion .accordion-button:not(.collapsed) {
  background: #edf3ff;
  color: var(--iama-academyx-blue);
}

.iama-academyx-accordion .accordion-body {
  padding: 0 22px 22px 58px;
  color: #000;
  font-family: "Inter", sans-serif;
  font-size: 15px;
  line-height: 1.4;
}

/* CTA */

.iama-academyx-cta {
  display: flex;
  min-height: 620px;
  align-items: center;
  padding: 100px 0;
}

.iama-academyx-cta-bg,
.iama-academyx-cta-overlay {
  position: absolute;
  inset: 0;
}

.iama-academyx-cta-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.iama-academyx-cta-overlay {
  background: linear-gradient(90deg, rgba(2, 15, 48, 0.96) 0%, rgba(0, 40, 125, 0.88) 50%, rgba(0, 40, 125, 0.55) 100%);
}

.iama-academyx-cta .container {
  position: relative;
  z-index: 2;
}

.iama-academyx-cta-content {
  max-width: 830px;
}

.iama-academyx-cta h2 {
  color: #fff;
}

.iama-academyx-cta h2 span {
  color: var(--iama-academyx-yellow);
}

.iama-academyx-cta-content>p {
  max-width: 740px;
  margin: 26px 0 0;
  color: rgba(255, 255, 255, 0.82);
}

.iama-academyx-cta-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 34px;
}

.iama-academyx-btn-yellow {
  background: var(--iama-academyx-yellow);
  color: var(--iama-academyx-dark);
}

.iama-academyx-btn-yellow:hover {
  background: #fff;
  color: var(--iama-academyx-blue);
}

.iama-academyx-btn-glass {
  border: 1px solid rgba(255, 255, 255, 0.4);
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
  backdrop-filter: blur(10px);
}

.iama-academyx-btn-glass:hover {
  background: #fff;
  color: var(--iama-academyx-blue);
}

/* RESPONSIVE */

@media (max-width: 1199px) {

  .iama-academyx-hero h2,
  .iama-academyx-section-heading h2,
  .iama-academyx-model h2,
  .iama-academyx-journey h2,
  .iama-academyx-faq h2,
  .iama-academyx-cta h2 {
    font-size: 48px;
  }

  .iama-academyx-pillars-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 991px) {

  .iama-academyx-hero-grid,
  .iama-academyx-model-grid,
  .iama-academyx-faq-grid,
  .iama-academyx-section-heading {
    grid-template-columns: 1fr;
  }

  .iama-academyx-hero-visual,
  .iama-academyx-model-visual,
  .iama-academyx-faq-visual {
    width: 100%;
    max-width: 760px;
    margin: 0 auto;
  }

  .iama-academyx-framework-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .iama-academyx-program-card-featured {
    grid-row: span 1;
    min-height: 480px;
  }

  .iama-academyx-section-heading {
    gap: 24px;
  }

  .iama-academyx-section-heading>p {
    max-width: 760px;
  }
}

@media (max-width: 767px) {

  .iama-academyx-hero,
  .iama-academyx-framework,
  .iama-academyx-model,
  .iama-academyx-journey,
  .iama-academyx-faq {
    padding: 75px 0;
  }

  .iama-academyx-hero h2,
  .iama-academyx-section-heading h2,
  .iama-academyx-model h2,
  .iama-academyx-journey h2,
  .iama-academyx-faq h2,
  .iama-academyx-cta h2 {
    font-size: 40px;
  }

  .iama-academyx-hero-stats {
    grid-template-columns: 1fr;
  }

  .iama-academyx-journey-grid {
    grid-template-columns: 1fr;
  }

  .iama-academyx-journey-grid::before {
    display: none;
  }

  .iama-academyx-faq-image img {
    min-height: 440px;
  }
}

@media (max-width: 575px) {

  .iama-academyx-hero,
  .iama-academyx-framework,
  .iama-academyx-model,
  .iama-academyx-journey,
  .iama-academyx-faq {
    padding: 60px 0;
  }

  .iama-academyx-kicker {
    padding: 9px 14px;
    font-size: 11px;
  }

  .iama-academyx-hero h2,
  .iama-academyx-section-heading h2,
  .iama-academyx-model h2,
  .iama-academyx-journey h2,
  .iama-academyx-faq h2,
  .iama-academyx-cta h2 {
    font-size: 32px;
  }

  .iama-academyx-hero p,
  .iama-academyx-section-heading>p,
  .iama-academyx-model p,
  .iama-academyx-journey p,
  .iama-academyx-faq p,
  .iama-academyx-cta p {
    font-size: 15px;
  }

  .iama-academyx-hero-actions,
  .iama-academyx-cta-actions {
    flex-direction: column;
  }

  .iama-academyx-btn {
    width: 100%;
  }

  .iama-academyx-hero-visual {
    min-height: 500px;
  }

  .iama-academyx-hero-image {
    width: 92%;
  }

  .iama-academyx-hero-image img {
    height: 400px;
  }

  .iama-academyx-floating-book,
  .iama-academyx-dot-pattern {
    display: none;
  }

  .iama-academyx-hero-card,
  .iama-academyx-model-badge,
  .iama-academyx-faq-card {
    position: relative;
    right: auto;
    bottom: auto;
    width: calc(100% - 20px);
    max-width: none;
    margin: -55px auto 0;
  }

  .iama-academyx-pillars-grid,
  .iama-academyx-framework-grid {
    grid-template-columns: 1fr;
  }

  .iama-academyx-program-card-featured {
    min-height: 420px;
  }

  .iama-academyx-model-mini {
    display: none;
  }

  .iama-academyx-model-image img {
    min-height: 400px;
  }

  .iama-academyx-faq-image img {
    min-height: 390px;
  }

  .iama-academyx-cta {
    min-height: 520px;
    padding: 70px 0;
  }

  .iama-academyx-cta-overlay {
    background: rgba(1, 17, 55, 0.9);
  }
}


/* =========================================================
   IAMA CLUB ORBIT
   Completely New Clubs & Activities Concept
   Uses the existing .container class
========================================================= */

.iama-cluborbit-page,
.iama-cluborbit-page section {
  position: relative;
  overflow: hidden;
}

.iama-cluborbit-page h2 {
  margin: 0;
  font-family: "Outfit", sans-serif;
  font-size: 60px;
  font-weight: 600;
  line-height: 1.05;
  letter-spacing: -0.6px;
  color: #000;
}

.iama-cluborbit-page h2 strong {
  color: #00287d;
  font-weight: 600;
}

.iama-cluborbit-page h3 {
  margin: 0;
  font-family: "Outfit", sans-serif;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.15;
  color: #000;
}

.iama-cluborbit-page p {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4em;
  color: #000;
}

.iama-cluborbit-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 22px;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  color: #00287d;
}

.iama-cluborbit-eyebrow i {
  color: #ffc63b;
}

/* HERO */

.iama-cluborbit-hero {
  padding: 110px 0;
  background: #fff;
}

.iama-cluborbit-hero-shell {
  display: grid;
  grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr);
  align-items: center;
  gap: 90px;
}

.iama-cluborbit-hero-copy h2 {
  margin-bottom: 28px;
}

.iama-cluborbit-hero-copy p {
  max-width: 650px;
}

.iama-cluborbit-text-link {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  margin-top: 34px;
  padding-bottom: 8px;
  border-bottom: 2px solid #00287d;
  font-family: "Inter", sans-serif;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  color: #00287d;
}

.iama-cluborbit-text-link:hover {
  color: #000;
  border-color: #ffc63b;
}

.iama-cluborbit-hero-media {
  position: relative;
  min-height: 640px;
}

.iama-cluborbit-hero-media::before {
  content: "";
  position: absolute;
  top: 26px;
  right: 26px;
  width: 100%;
  height: 100%;
  background: #ffc63b;
}

.iama-cluborbit-hero-media img {
  position: relative;
  z-index: 2;
  display: block;
  width: 100%;
  height: 640px;
  object-fit: cover;
}

.iama-cluborbit-hero-caption {
  position: absolute;
  z-index: 3;
  left: -38px;
  bottom: 34px;
  display: grid;
  gap: 8px;
  min-width: 180px;
  padding: 20px 22px;
  background: #00287d;
}

.iama-cluborbit-hero-caption span {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
}

/* INTEREST BAND */

.iama-cluborbit-interest-band {
  padding: 22px 0;
  background: #ffc63b;
}

.iama-cluborbit-interest-track {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 28px;
  white-space: nowrap;
}

.iama-cluborbit-interest-track span {
  font-family: "Outfit", sans-serif;
  font-size: 22px;
  font-weight: 600;
  color: #00287d;
}

.iama-cluborbit-interest-track i {
  font-size: 11px;
  color: #00287d;
}

/* EXPERIENCES */

.iama-cluborbit-experiences {
  padding: 120px 0;
  background: #fff;
}

.iama-cluborbit-experiences-head {
  max-width: 920px;
  margin-bottom: 64px;
}

.iama-cluborbit-experiences-head h2 {
  margin-bottom: 24px;
}

.iama-cluborbit-experiences-head p {
  max-width: 760px;
}

.iama-cluborbit-experiences-list {
  border-top: 1px solid #00287d;
}

.iama-cluborbit-experiences-list article {
  display: grid;
  grid-template-columns: 90px 90px minmax(0, 1fr);
  align-items: center;
  gap: 28px;
  min-height: 145px;
  border-bottom: 1px solid #00287d;
  transition: padding 0.3s ease, background 0.3s ease;
}

.iama-cluborbit-experiences-list article:hover {
  padding-left: 24px;
  padding-right: 24px;
  background: #ffc63b;
}

.iama-cluborbit-experience-number {
  font-family: "Outfit", sans-serif;
  font-size: 42px;
  font-weight: 600;
  color: #00287d;
}

.iama-cluborbit-experience-icon {
  display: grid;
  place-items: center;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  font-size: 24px;
  color: #fff;
  background: #00287d;
}

.iama-cluborbit-experience-copy h3 {
  margin-bottom: 8px;
}

.iama-cluborbit-experience-copy p {
  max-width: 760px;
}

/* STORY */

.iama-cluborbit-story {
  padding: 120px 0;
  background: #00287d;
}

.iama-cluborbit-story-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
  align-items: center;
  gap: 90px;
}

.iama-cluborbit-story-media {
  position: relative;
}

.iama-cluborbit-story-media img {
  display: block;
  width: 100%;
  height: 620px;
  object-fit: cover;
}

.iama-cluborbit-story-stamp {
  position: absolute;
  right: -30px;
  bottom: 30px;
  padding: 20px 22px;
  background: #ffc63b;
}

.iama-cluborbit-story-stamp span,
.iama-cluborbit-story-stamp strong {
  display: block;
  font-family: "Inter", sans-serif;
}

.iama-cluborbit-story-stamp span {
  margin-bottom: 5px;
  font-size: 13px;
  font-weight: 700;
  color: #000;
}

.iama-cluborbit-story-stamp strong {
  font-size: 17px;
  color: #00287d;
}

.iama-cluborbit-story .iama-cluborbit-eyebrow {
  color: #fff;
}

.iama-cluborbit-story h2 {
  margin-bottom: 26px;
  color: #fff;
}

.iama-cluborbit-story h2 strong {
  color: #ffc63b;
}

.iama-cluborbit-story-copy>p {
  color: #fff;
}

.iama-cluborbit-story-lines {
  display: grid;
  gap: 14px;
  margin-top: 34px;
}

.iama-cluborbit-story-lines span {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-bottom: 14px;
  border-bottom: 1px solid #fff;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
}

.iama-cluborbit-story-lines i {
  color: #ffc63b;
}

/* STEPS */

.iama-cluborbit-steps {
  padding: 120px 0;
  background: #ffc63b;
}

.iama-cluborbit-steps-top {
  max-width: 900px;
  margin-bottom: 58px;
}

.iama-cluborbit-steps-row {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  border-top: 1px solid #00287d;
  border-left: 1px solid #00287d;
}

.iama-cluborbit-steps-row>div {
  min-height: 280px;
  padding: 28px;
  border-right: 1px solid #00287d;
  border-bottom: 1px solid #00287d;
  background: #fff;
}

.iama-cluborbit-steps-row b {
  display: block;
  margin-bottom: 42px;
  font-family: "Outfit", sans-serif;
  font-size: 18px;
  color: #00287d;
}

.iama-cluborbit-steps-row h3 {
  margin-bottom: 14px;
}

.iama-cluborbit-steps-row p {
  font-size: 16px;
}

/* IMPACT */

.iama-cluborbit-impact {
  padding: 120px 0;
  background: #fff;
}

.iama-cluborbit-impact-layout {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  gap: 70px 90px;
  align-items: start;
}

.iama-cluborbit-impact-points {
  display: grid;
  border-top: 1px solid #00287d;
}

.iama-cluborbit-impact-points>div {
  display: grid;
  grid-template-columns: 60px minmax(0, 1fr);
  align-items: center;
  min-height: 84px;
  border-bottom: 1px solid #00287d;
}

.iama-cluborbit-impact-points span {
  font-family: "Outfit", sans-serif;
  font-size: 18px;
  color: #00287d;
}

.iama-cluborbit-impact-points strong {
  font-family: "Outfit", sans-serif;
  font-size: 23px;
  color: #000;
}

.iama-cluborbit-impact-cta {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 40px;
  padding: 34px;
  background: #00287d;
}

.iama-cluborbit-impact-cta p {
  max-width: 720px;
  color: #fff;
}

.iama-cluborbit-impact-cta>div {
  display: flex;
  gap: 12px;
}

.iama-cluborbit-impact-cta a {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  min-height: 56px;
  padding: 0 20px;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}

.iama-cluborbit-impact-cta a:first-child {
  color: #00287d;
  background: #ffc63b;
}

.iama-cluborbit-impact-cta a:last-child {
  border: 1px solid #fff;
  color: #fff;
}

/* RESPONSIVE */

@media (max-width: 1199px) {
  .iama-cluborbit-page h2 {
    font-size: 50px;
  }

  .iama-cluborbit-hero-shell,
  .iama-cluborbit-story-layout,
  .iama-cluborbit-impact-layout {
    gap: 60px;
  }

  .iama-cluborbit-interest-track {
    justify-content: flex-start;
    padding-left: 24px;
    overflow-x: auto;
  }
}

@media (max-width: 991px) {

  .iama-cluborbit-hero,
  .iama-cluborbit-experiences,
  .iama-cluborbit-story,
  .iama-cluborbit-steps,
  .iama-cluborbit-impact {
    padding: 90px 0;
  }

  .iama-cluborbit-page h2 {
    font-size: 44px;
  }

  .iama-cluborbit-hero-shell,
  .iama-cluborbit-story-layout,
  .iama-cluborbit-impact-layout {
    grid-template-columns: 1fr;
  }

  .iama-cluborbit-hero-media,
  .iama-cluborbit-story-media {
    max-width: 760px;
  }

  .iama-cluborbit-steps-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .iama-cluborbit-impact-cta {
    grid-template-columns: 1fr;
  }

  .iama-cluborbit-impact-cta>div {
    flex-wrap: wrap;
  }
}

@media (max-width: 767px) {

  .iama-cluborbit-hero,
  .iama-cluborbit-experiences,
  .iama-cluborbit-story,
  .iama-cluborbit-steps,
  .iama-cluborbit-impact {
    padding: 72px 0;
  }

  .iama-cluborbit-page h2 {
    font-size: 38px;
    letter-spacing: -0.4px;
  }

  .iama-cluborbit-page p {
    font-size: 18px;
  }

  .iama-cluborbit-hero-media,
  .iama-cluborbit-hero-media img {
    min-height: 0;
    height: 500px;
  }

  .iama-cluborbit-hero-caption {
    left: 18px;
    bottom: 18px;
  }

  .iama-cluborbit-experiences-list article {
    grid-template-columns: 70px 70px minmax(0, 1fr);
    gap: 18px;
  }

  .iama-cluborbit-story-media img {
    height: 500px;
  }

  .iama-cluborbit-story-stamp {
    right: 18px;
    bottom: 18px;
  }

  .iama-cluborbit-steps-row {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 575px) {
  .iama-cluborbit-page h2 {
    font-size: 34px;
    line-height: 1.08;
  }

  .iama-cluborbit-eyebrow {
    font-size: 12px;
    letter-spacing: 1px;
  }

  .iama-cluborbit-hero-media,
  .iama-cluborbit-hero-media img,
  .iama-cluborbit-story-media img {
    height: 380px;
  }

  .iama-cluborbit-hero-media::before {
    top: 14px;
    right: 14px;
  }

  .iama-cluborbit-hero-caption {
    min-width: 150px;
    padding: 16px;
  }

  .iama-cluborbit-experiences-list article {
    grid-template-columns: 1fr;
    gap: 14px;
    padding: 24px 0;
  }

  .iama-cluborbit-experiences-list article:hover {
    padding: 24px 18px;
  }

  .iama-cluborbit-experience-number {
    font-size: 32px;
  }

  .iama-cluborbit-steps-row>div {
    min-height: auto;
    padding: 26px;
  }

  .iama-cluborbit-impact-cta {
    padding: 26px;
  }

  .iama-cluborbit-impact-cta>div {
    display: grid;
  }
}



/* =========================================================
   IAMA EVENT FRAME
   Modern Events & Workshops Page
   Uses the existing .container class
========================================================= */

.iama-eventframe-page,
.iama-eventframe-page section {
  position: relative;
  overflow: hidden;
}

.iama-eventframe-page h2 {
  margin: 0;
  font-family: "Outfit", sans-serif;
  font-size: 60px;
  font-weight: 600;
  line-height: 1.05;
  letter-spacing: -0.6px;
  color: #000;
}

.iama-eventframe-page h2 strong {
  color: #00287d;
  font-weight: 600;
}

.iama-eventframe-page h3 {
  margin: 0;
  font-family: "Outfit", sans-serif;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.15;
  color: #000;
}

.iama-eventframe-page p {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #000;
  line-height: 1.4em;
}

.iama-eventframe-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 22px;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  color: #00287d;
}

.iama-eventframe-kicker i {
  color: #ffc63b;
}

/* HERO */

.iama-eventframe-hero {
  padding: 120px 0;
  background: #fff;
}

.iama-eventframe-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  align-items: center;
  gap: 90px;
}

.iama-eventframe-hero-copy h2 {
  margin-bottom: 28px;
}

.iama-eventframe-hero-copy p {
  max-width: 680px;
}

.iama-eventframe-hero-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 22px;
  margin-top: 36px;
}

.iama-eventframe-hero-actions a {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  min-height: 60px;
  padding: 0 22px;
  font-family: "Inter", sans-serif;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  color: #fff;
  background: #00287d;
  transition: transform 0.3s ease, background 0.3s ease;
}

.iama-eventframe-hero-actions a:hover {
  transform: translateY(-4px);
  color: #00287d;
  background: #ffc63b;
}

.iama-eventframe-hero-actions>span {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #000;
}

.iama-eventframe-hero-actions>span i {
  color: #ffc63b;
}

.iama-eventframe-hero-visual {
  position: relative;
  padding: 0 0 42px 42px;
}

.iama-eventframe-hero-visual img {
  display: block;
  width: 100%;
  height: 620px;
  object-fit: cover;
  border-radius: 26px;
}

.iama-eventframe-hero-card {
  position: absolute;
  left: 0;
  bottom: 0;
  max-width: 350px;
  padding: 22px 24px;
  background: #ffc63b;
}

.iama-eventframe-hero-card span,
.iama-eventframe-hero-card strong {
  display: block;
  font-family: "Inter", sans-serif;
}

.iama-eventframe-hero-card span {
  margin-bottom: 6px;
  font-size: 13px;
  font-weight: 700;
  color: #00287d;
}

.iama-eventframe-hero-card strong {
  font-size: 17px;
  color: #000;
}

/* CATEGORIES */

.iama-eventframe-categories {
  padding: 120px 0;
  background: #00287d;
}

.iama-eventframe-categories .iama-eventframe-kicker {
  color: #fff;
}

.iama-eventframe-categories h2 {
  color: #fff;
}

.iama-eventframe-categories h2 strong {
  color: #ffc63b;
}

.iama-eventframe-section-head {
  max-width: 940px;
  margin-bottom: 64px;
}

.iama-eventframe-section-head p {
  max-width: 760px;
  margin-top: 24px;
  color: #fff;
}

.iama-eventframe-category-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.iama-eventframe-category-grid article {
  min-height: 320px;
  padding: 28px;
  border: 1px solid #fff;
  background: transparent;
  transition: transform 0.3s ease, background 0.3s ease;
}

.iama-eventframe-category-grid article:hover {
  transform: translateY(-8px);
  background: #fff;
}

.iama-eventframe-category-grid article>span {
  display: block;
  margin-bottom: 34px;
  font-family: "Outfit", sans-serif;
  font-size: 18px;
  color: #ffc63b;
}

.iama-eventframe-category-grid article>i {
  display: block;
  margin-bottom: 22px;
  font-size: 30px;
  color: #ffc63b;
}

.iama-eventframe-category-grid h3 {
  margin-bottom: 14px;
  color: #fff;
}

.iama-eventframe-category-grid p {
  font-size: 16px;
  color: #fff;
}

.iama-eventframe-category-grid article:hover h3,
.iama-eventframe-category-grid article:hover p {
  color: #000;
}

/* UPCOMING EVENTS */

.iama-eventframe-upcoming {
  padding: 120px 0;
  background: #fff;
}

.iama-eventframe-upcoming-head {
  max-width: 920px;
  margin-bottom: 58px;
}

.iama-eventframe-upcoming-grid {
  display: grid;
  gap: 18px;
}

.iama-eventframe-event-card {
  display: grid;
  grid-template-columns: 150px minmax(0, 1fr);
  border: 1px solid #00287d;
  background: #fff;
}

.iama-eventframe-event-date {
  display: grid;
  place-items: center;
  align-content: center;
  min-height: 210px;
  text-align: center;
  background: #ffc63b;
}

.iama-eventframe-event-date strong,
.iama-eventframe-event-date span {
  display: block;
  font-family: "Outfit", sans-serif;
}

.iama-eventframe-event-date strong {
  font-size: 52px;
  line-height: 1;
  color: #00287d;
}

.iama-eventframe-event-date span {
  margin-top: 6px;
  font-size: 20px;
  color: #000;
}

.iama-eventframe-event-content {
  padding: 30px;
}

.iama-eventframe-event-type {
  display: inline-block;
  margin-bottom: 12px;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 1.1px;
  text-transform: uppercase;
  color: #00287d;
}

.iama-eventframe-event-content h3 {
  margin-bottom: 12px;
}

.iama-eventframe-event-content p {
  max-width: 780px;
  font-size: 16px;
}

.iama-eventframe-event-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  margin-top: 22px;
}

.iama-eventframe-event-meta span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #000;
}

.iama-eventframe-event-meta i {
  color: #00287d;
}

/* FEATURE */

.iama-eventframe-feature {
  padding: 120px 0;
  background: #ffc63b;
}

.iama-eventframe-feature-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
  align-items: center;
  gap: 90px;
}

.iama-eventframe-feature-image {
  overflow: hidden;
  border-radius: 24px;
}

.iama-eventframe-feature-image img {
  display: block;
  width: 100%;
  height: 620px;
  object-fit: cover;
}

.iama-eventframe-feature-copy h2 {
  margin-bottom: 26px;
}

.iama-eventframe-feature-points {
  display: grid;
  gap: 14px;
  margin-top: 34px;
}

.iama-eventframe-feature-points span {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-bottom: 14px;
  border-bottom: 1px solid #00287d;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #000;
}

.iama-eventframe-feature-points i {
  color: #00287d;
}

/* JOIN */

.iama-eventframe-join {
  padding: 120px 0;
  background: #fff;
}

.iama-eventframe-join-head {
  max-width: 900px;
  margin-bottom: 58px;
}

.iama-eventframe-join-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

.iama-eventframe-join-grid article {
  min-height: 280px;
  padding: 28px;
  border: 1px solid #00287d;
  background: #fff;
}

.iama-eventframe-join-grid span {
  display: block;
  margin-bottom: 40px;
  font-family: "Outfit", sans-serif;
  font-size: 18px;
  color: #00287d;
}

.iama-eventframe-join-grid h3 {
  margin-bottom: 14px;
}

.iama-eventframe-join-grid p {
  font-size: 16px;
}

/* BENEFITS */

.iama-eventframe-benefits {
  padding: 120px 0;
  background: #00287d;
}

.iama-eventframe-benefits-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr);
  gap: 90px;
}

.iama-eventframe-benefits .iama-eventframe-kicker {
  color: #fff;
}

.iama-eventframe-benefits h2 {
  margin-bottom: 26px;
  color: #fff;
}

.iama-eventframe-benefits h2 strong {
  color: #ffc63b;
}

.iama-eventframe-benefits-copy p {
  color: #fff;
}

.iama-eventframe-benefits-list {
  border-top: 1px solid #fff;
}

.iama-eventframe-benefits-list>div {
  display: grid;
  grid-template-columns: 60px minmax(0, 1fr);
  align-items: center;
  min-height: 88px;
  border-bottom: 1px solid #fff;
}

.iama-eventframe-benefits-list span {
  font-family: "Outfit", sans-serif;
  font-size: 18px;
  color: #ffc63b;
}

.iama-eventframe-benefits-list strong {
  font-family: "Outfit", sans-serif;
  font-size: 23px;
  color: #fff;
}

.iama-eventframe-cta {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 40px;
  margin-top: 70px;
  padding: 34px;
  background: #ffc63b;
}

.iama-eventframe-cta h3 {
  margin-bottom: 10px;
  color: #00287d;
}

.iama-eventframe-cta p {
  max-width: 720px;
  font-size: 16px;
}

.iama-eventframe-cta-actions {
  display: flex;
  gap: 12px;
}

.iama-eventframe-cta-actions a {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  min-height: 56px;
  padding: 0 20px;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}

.iama-eventframe-cta-actions a:first-child {
  color: #fff;
  background: #00287d;
}

.iama-eventframe-cta-actions a:last-child {
  border: 1px solid #00287d;
  color: #00287d;
  background: #fff;
}

/* RESPONSIVE */

@media (max-width: 1199px) {
  .iama-eventframe-page h2 {
    font-size: 50px;
  }

  .iama-eventframe-hero-grid,
  .iama-eventframe-feature-grid,
  .iama-eventframe-benefits-grid {
    gap: 60px;
  }

  .iama-eventframe-category-grid,
  .iama-eventframe-join-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 991px) {

  .iama-eventframe-hero,
  .iama-eventframe-categories,
  .iama-eventframe-upcoming,
  .iama-eventframe-feature,
  .iama-eventframe-join,
  .iama-eventframe-benefits {
    padding: 90px 0;
  }

  .iama-eventframe-page h2 {
    font-size: 44px;
  }

  .iama-eventframe-hero-grid,
  .iama-eventframe-feature-grid,
  .iama-eventframe-benefits-grid {
    grid-template-columns: 1fr;
  }

  .iama-eventframe-hero-visual,
  .iama-eventframe-feature-image {
    max-width: 760px;
  }

  .iama-eventframe-cta {
    grid-template-columns: 1fr;
  }

  .iama-eventframe-cta-actions {
    flex-wrap: wrap;
  }
}

@media (max-width: 767px) {

  .iama-eventframe-hero,
  .iama-eventframe-categories,
  .iama-eventframe-upcoming,
  .iama-eventframe-feature,
  .iama-eventframe-join,
  .iama-eventframe-benefits {
    padding: 72px 0;
  }

  .iama-eventframe-page h2 {
    font-size: 38px;
    letter-spacing: -0.4px;
  }

  .iama-eventframe-page p {
    font-size: 18px;
  }

  .iama-eventframe-hero-visual {
    padding: 0;
  }

  .iama-eventframe-hero-visual img,
  .iama-eventframe-feature-image img {
    height: 500px;
  }

  .iama-eventframe-hero-card {
    position: relative;
    left: auto;
    bottom: auto;
    margin: -18px 18px 0;
  }

  .iama-eventframe-category-grid,
  .iama-eventframe-join-grid {
    grid-template-columns: 1fr;
  }

  .iama-eventframe-event-card {
    grid-template-columns: 120px minmax(0, 1fr);
  }
}

@media (max-width: 575px) {
  .iama-eventframe-page h2 {
    font-size: 34px;
    line-height: 1.08;
  }

  .iama-eventframe-kicker {
    font-size: 12px;
    letter-spacing: 1px;
  }

  .iama-eventframe-hero-visual img,
  .iama-eventframe-feature-image img {
    height: 380px;
  }

  .iama-eventframe-category-grid article,
  .iama-eventframe-join-grid article {
    min-height: auto;
    padding: 26px;
  }

  .iama-eventframe-event-card {
    grid-template-columns: 1fr;
  }

  .iama-eventframe-event-date {
    min-height: 130px;
  }

  .iama-eventframe-cta {
    padding: 26px;
  }

  .iama-eventframe-cta-actions {
    display: grid;
  }
}


/* =========================================================
   IAMA LIBRARY VISTA
   Professional Digital Library Page
   Uses the existing .container class
========================================================= */

.iama-libraryvista-page,
.iama-libraryvista-page section {
  position: relative;
  overflow: hidden;
}

.iama-libraryvista-page h2 {
  margin: 0;
  font-family: "Outfit", sans-serif;
  font-size: 60px;
  font-weight: 600;
  line-height: 1.05;
  letter-spacing: -0.6px;
  color: #000;
}

.iama-libraryvista-page h2 strong {
  color: #00287d;
  font-weight: 600;
}

.iama-libraryvista-page h3 {
  margin: 0;
  font-family: "Outfit", sans-serif;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.15;
  color: #000;
}

.iama-libraryvista-page p {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #000;
  line-height: 1.4em;
}

.iama-libraryvista-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 22px;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  color: #00287d;
}

.iama-libraryvista-kicker i {
  color: #ffc63b;
}

.iama-libraryvista-kicker-light {
  color: #fff;
}

/* HERO */

.iama-libraryvista-hero {
  padding: 70px 0;
  background: #fff;
}

.iama-libraryvista-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  align-items: center;
  gap: 90px;
}

.iama-libraryvista-hero-copy h2 {
  margin-bottom: 28px;
}

.iama-libraryvista-hero-copy p {
  max-width: 690px;
}

.iama-libraryvista-hero-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 22px;
  margin-top: 36px;
}

.iama-libraryvista-hero-actions a {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  min-height: 60px;
  padding: 0 22px;
  font-family: "Inter", sans-serif;
  font-size: 19px;
  font-weight: 700;
  text-decoration: none;
  color: #fff;
  background: #00287d;
  transition: transform 0.3s ease, background 0.3s ease;
  border-radius: 50px;
}

.iama-libraryvista-hero-actions a:hover {
  transform: translateY(-4px);
  color: #00287d;
  background: #ffc63b;
}

.iama-libraryvista-hero-actions>span {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: "Inter", sans-serif;
  font-size: 19px;
  font-weight: 600;
  color: #000;
}

.iama-libraryvista-hero-actions>span i {
  color: #ffc63b;
}

.iama-libraryvista-hero-visual {
  position: relative;
  padding: 0 0 42px 42px;
}

.iama-libraryvista-hero-image {
  overflow: hidden;
  border-radius: 28px;
}

.iama-libraryvista-hero-image img {
  display: block;
  width: 100%;
  height: 400px;
  object-fit: cover;
}

.iama-libraryvista-hero-panel {
  position: absolute;
  left: 0;
  bottom: 0;
  max-width: 350px;
  padding: 22px 24px;
  background: #00287d;
}

.iama-libraryvista-hero-panel span,
.iama-libraryvista-hero-panel strong {
  display: block;
  font-family: "Inter", sans-serif;
}

.iama-libraryvista-hero-panel span {
  margin-bottom: 6px;
  font-size: 21px;
  font-weight: 700;
  color: #ffc63b;
}

.iama-libraryvista-hero-panel strong {
  font-size: 18px;
  color: #fff;
}

/* COLLECTIONS */

.iama-libraryvista-collections {
  padding: 80px 0;
  background: #00287d;
}

.iama-libraryvista-collections .iama-libraryvista-kicker {
  color: #fff;
}

.iama-libraryvista-collections h2 {
  color: #fff;
}

.iama-libraryvista-collections h2 strong {
  color: #ffc63b;
}

.iama-libraryvista-collections-head {
  max-width: 950px;
  margin-bottom: 64px;
}

.iama-libraryvista-collections-head p {
  max-width: 760px;
  margin-top: 24px;
  color: #fff;
}

.iama-libraryvista-collections-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.iama-libraryvista-collection-card {
  overflow: hidden;
  background: #fff;
  border-radius: 20px;
}

.iama-libraryvista-collection-image {
  height: 280px;
  overflow: hidden;
}

.iama-libraryvista-collection-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}

.iama-libraryvista-collection-card:hover img {
  transform: scale(1.05);
}

.iama-libraryvista-collection-content {
  padding: 28px;
}

.iama-libraryvista-collection-content span {
  display: block;
  margin-bottom: 24px;
  font-family: "Outfit", sans-serif;
  font-size: 18px;
  color: #00287d;
}

.iama-libraryvista-collection-content h3 {
  margin-bottom: 12px;
}

.iama-libraryvista-collection-content p {
  font-size: 18px;
}

/* RESEARCH */

.iama-libraryvista-research {
  padding: 80px 0;
  background: #fff;
}

.iama-libraryvista-research-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
  align-items: center;
  gap: 90px;
}

.iama-libraryvista-research-visual {
  position: relative;
  padding: 0 36px 40px 0;
}

.iama-libraryvista-research-image {
  overflow: hidden;
  border-radius: 90px 24px 24px 24px;
}

.iama-libraryvista-research-image img {
  display: block;
  width: 100%;
  height: 620px;
  object-fit: cover;
}

.iama-libraryvista-research-caption {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 18px 22px;
  background: #ffc63b;
}

.iama-libraryvista-research-caption i {
  color: #00287d;
}

.iama-libraryvista-research-caption span {
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 700;
  color: #000;
}

.iama-libraryvista-research-copy h2 {
  margin-bottom: 26px;
}

.iama-libraryvista-research-cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-top: 34px;
}

.iama-libraryvista-research-cards article {
  padding: 24px;
  border: 1px solid #00287d;
  background: #fff;
}

.iama-libraryvista-research-cards i {
  margin-bottom: 24px;
  font-size: 28px;
  color: #00287d;
}

.iama-libraryvista-research-cards h3 {
  margin-bottom: 10px;
  font-size: 25px;
}

.iama-libraryvista-research-cards p {
  font-size: 18px;
}

/* STUDY SPACE */

.iama-libraryvista-studyspace {
  padding: 70px 0;
  background: #ffc63b;
}

.iama-libraryvista-studyspace-wrap {
  display: grid;
  grid-template-columns: minmax(0, 0.78fr) minmax(0, 1.22fr);
  align-items: center;
  gap: 90px;
}

.iama-libraryvista-studyspace-copy h2 {
  margin-bottom: 26px;
}

.iama-libraryvista-studyspace-visual {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.iama-libraryvista-studyspace-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 28px;
  background: #fff;
}

.iama-libraryvista-studyspace-card span {
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #00287d;
}

.iama-libraryvista-studyspace-card strong {
  font-family: "Outfit", sans-serif;
  font-size: 25px;
  font-weight: 600;
  line-height: 1.15;
  color: #000;
}

/* GUIDANCE */

.iama-libraryvista-guidance {
  padding: 120px 0;
  background: #fff;
}

.iama-libraryvista-guidance-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
  align-items: center;
  gap: 90px;
}

.iama-libraryvista-guidance-copy h2 {
  margin-bottom: 26px;
}

.iama-libraryvista-guidance-notes {
  display: grid;
  gap: 14px;
  margin-top: 34px;
}

.iama-libraryvista-guidance-notes>div {
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr);
  gap: 16px;
  padding: 20px 0;
  border-bottom: 1px solid #00287d;
}

.iama-libraryvista-guidance-notes i {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  color: #fff;
  background: #00287d;
}

.iama-libraryvista-guidance-notes strong,
.iama-libraryvista-guidance-notes span {
  display: block;
  font-family: "Inter", sans-serif;
}

.iama-libraryvista-guidance-notes strong {
  margin-bottom: 5px;
  font-size: 16px;
  color: #00287d;
}

.iama-libraryvista-guidance-notes span {
  font-size: 14px;
  line-height: 1.5;
  color: #000;
}

.iama-libraryvista-guidance-image {
  overflow: hidden;
  border-radius: 24px;
}

.iama-libraryvista-guidance-image img {
  display: block;
  width: 100%;
  height: 620px;
  object-fit: cover;
}

/* SUPPORT */

.iama-libraryvista-support {
  padding: 95px 0;
  background: #00287d;
}

.iama-libraryvista-support-box {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 300px;
  align-items: end;
  gap: 70px;
}

.iama-libraryvista-support h2 {
  margin-bottom: 24px;
  color: #fff;
}

.iama-libraryvista-support h2 strong {
  color: #ffc63b;
}

.iama-libraryvista-support p {
  max-width: 780px;
  color: #fff;
}

.iama-libraryvista-support-actions {
  display: grid;
  gap: 14px;
}

.iama-libraryvista-support-actions a {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  min-height: 60px;
  padding: 0 22px;
  font-family: "Inter", sans-serif;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  transition: transform 0.3s ease, background 0.3s ease;
}

.iama-libraryvista-support-actions a:first-child {
  color: #00287d;
  background: #ffc63b;
}

.iama-libraryvista-support-actions a:last-child {
  border: 1px solid #fff;
  color: #fff;
  background: transparent;
}

.iama-libraryvista-support-actions a:hover {
  transform: translateY(-4px);
}

.iama-libraryvista-support-actions a:first-child:hover {
  background: #fff;
}

.iama-libraryvista-support-actions a:last-child:hover {
  color: #00287d;
  background: #fff;
}

/* RESPONSIVE */

@media (max-width: 1199px) {
  .iama-libraryvista-page h2 {
    font-size: 50px;
  }

  .iama-libraryvista-hero-grid,
  .iama-libraryvista-research-grid,
  .iama-libraryvista-studyspace-wrap,
  .iama-libraryvista-guidance-grid {
    gap: 60px;
  }
}

@media (max-width: 991px) {

  .iama-libraryvista-hero,
  .iama-libraryvista-collections,
  .iama-libraryvista-research,
  .iama-libraryvista-studyspace,
  .iama-libraryvista-guidance {
    padding: 90px 0;
  }

  .iama-libraryvista-page h2 {
    font-size: 44px;
  }

  .iama-libraryvista-hero-grid,
  .iama-libraryvista-research-grid,
  .iama-libraryvista-studyspace-wrap,
  .iama-libraryvista-guidance-grid,
  .iama-libraryvista-support-box {
    grid-template-columns: 1fr;
  }

  .iama-libraryvista-hero-visual,
  .iama-libraryvista-research-visual,
  .iama-libraryvista-guidance-image {
    max-width: 760px;
  }

  .iama-libraryvista-collections-grid {
    grid-template-columns: 1fr;
  }

  .iama-libraryvista-studyspace-visual {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .iama-libraryvista-support-actions {
    max-width: 320px;
  }
}

@media (max-width: 767px) {

  .iama-libraryvista-hero,
  .iama-libraryvista-collections,
  .iama-libraryvista-research,
  .iama-libraryvista-studyspace,
  .iama-libraryvista-guidance {
    padding: 72px 0;
  }

  .iama-libraryvista-support {
    padding: 72px 0;
  }

  .iama-libraryvista-page h2 {
    font-size: 38px;
    letter-spacing: -0.4px;
  }

  .iama-libraryvista-page p {
    font-size: 18px;
  }

  .iama-libraryvista-hero-visual,
  .iama-libraryvista-research-visual {
    padding: 0;
  }

  .iama-libraryvista-hero-image img,
  .iama-libraryvista-research-image img,
  .iama-libraryvista-guidance-image img {
    height: 500px;
  }

  .iama-libraryvista-hero-panel,
  .iama-libraryvista-research-caption {
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    margin: -18px 18px 0;
  }

  .iama-libraryvista-research-cards {
    grid-template-columns: 1fr;
  }

  .iama-libraryvista-studyspace-visual {
    grid-template-columns: 1fr;
  }

  .iama-libraryvista-studyspace-card {
    min-height: 180px;
  }
}

@media (max-width: 575px) {
  .iama-libraryvista-page h2 {
    font-size: 34px;
    line-height: 1.08;
  }

  .iama-libraryvista-kicker {
    font-size: 12px;
    letter-spacing: 1px;
  }

  .iama-libraryvista-hero-image img,
  .iama-libraryvista-research-image img,
  .iama-libraryvista-guidance-image img {
    height: 380px;
  }

  .iama-libraryvista-collection-image {
    height: 230px;
  }

  .iama-libraryvista-collection-content,
  .iama-libraryvista-research-cards article,
  .iama-libraryvista-studyspace-card {
    padding: 24px;
  }
}

.iama-resultscope-page,
.iama-resultscope-page section {
  position: relative;
  overflow: hidden;
}

.iama-resultscope-page h2 {
  margin: 0;
  font-family: "Outfit", sans-serif;
  font-size: 60px;
  font-weight: 600;
  line-height: 1.05;
  letter-spacing: -0.6px;
  color: #000;
}

.iama-resultscope-page h2 strong {
  color: #00287d;
  font-weight: 600;
}

.iama-resultscope-page h3 {
  margin: 0;
  font-family: "Outfit", sans-serif;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.15;
  color: #000;
}

.iama-resultscope-page p {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #000;
  line-height: 1.4em;
}

.iama-resultscope-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 22px;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  color: #00287d;
}

.iama-resultscope-kicker i {
  color: #ffc63b;
}

.iama-resultscope-kicker-light {
  color: #fff;
}

.iama-resultscope-hero {
  padding: 120px 0;
  background: #fff;
}

.iama-resultscope-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
  align-items: center;
  gap: 90px;
}

.iama-resultscope-hero-copy h2 {
  margin-bottom: 28px;
}

.iama-resultscope-hero-copy p {
  max-width: 680px;
}

.iama-resultscope-hero-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 22px;
  margin-top: 36px;
}

.iama-resultscope-hero-actions a {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  min-height: 60px;
  padding: 0 22px;
  font-family: "Inter", sans-serif;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  color: #fff;
  background: #00287d;
  transition: .3s ease;
}

.iama-resultscope-hero-actions a:hover {
  transform: translateY(-4px);
  color: #00287d;
  background: #ffc63b;
}

.iama-resultscope-hero-actions>span {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #000;
}

.iama-resultscope-hero-actions>span i {
  color: #ffc63b;
}

.iama-resultscope-hero-visual {
  position: relative;
  min-height: 620px;
}

.iama-resultscope-screen {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 72%;
  border: 2px solid #00287d;
  background: #fff;
  box-shadow: 22px 22px 0 #ffc63b;
}

.iama-resultscope-screen-top {
  display: flex;
  gap: 8px;
  padding: 14px 16px;
  border-bottom: 1px solid #00287d;
}

.iama-resultscope-screen-top span {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #00287d;
}

.iama-resultscope-screen-body {
  display: grid;
  place-items: center;
  min-height: 330px;
  padding: 34px;
  text-align: center;
}

.iama-resultscope-screen-body>i {
  margin-bottom: 18px;
  font-size: 54px;
  color: #00287d;
}

.iama-resultscope-screen-body>strong,
.iama-resultscope-screen-body>span {
  display: block;
  font-family: "Inter", sans-serif;
}

.iama-resultscope-screen-body>strong {
  margin-bottom: 7px;
  font-size: 20px;
  color: #000;
}

.iama-resultscope-screen-body>span {
  font-size: 14px;
  color: #000;
}

.iama-resultscope-screen-status {
  width: 100%;
  margin-top: 28px;
  padding: 16px;
  background: #00287d;
}

.iama-resultscope-screen-status b,
.iama-resultscope-screen-status em {
  display: block;
  font-family: "Inter", sans-serif;
  font-style: normal;
}

.iama-resultscope-screen-status b {
  margin-bottom: 4px;
  color: #ffc63b;
}

.iama-resultscope-screen-status em {
  font-size: 13px;
  color: #fff;
}

.iama-resultscope-hero-image {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 58%;
  overflow: hidden;
  border-radius: 24px;
}

.iama-resultscope-hero-image img {
  display: block;
  width: 100%;
  height: 390px;
  object-fit: cover;
}

.iama-resultscope-status {
  padding: 120px 0;
  background: #00287d;
}

.iama-resultscope-status .iama-resultscope-kicker {
  color: #fff;
}

.iama-resultscope-status h2 {
  color: #fff;
}

.iama-resultscope-status h2 strong {
  color: #ffc63b;
}

.iama-resultscope-status-head {
  max-width: 920px;
  margin-bottom: 58px;
}

.iama-resultscope-status-head p {
  max-width: 760px;
  margin-top: 24px;
  color: #fff;
}

.iama-resultscope-status-board {
  display: grid;
  gap: 14px;
}

.iama-resultscope-status-board article {
  display: grid;
  grid-template-columns: 84px minmax(0, 1fr) 150px;
  align-items: center;
  gap: 24px;
  min-height: 120px;
  padding: 22px 26px;
  border: 1px solid #fff;
}

.iama-resultscope-status-code {
  display: grid;
  place-items: center;
  width: 68px;
  height: 68px;
  border-radius: 50%;
  font-family: "Outfit", sans-serif;
  font-size: 20px;
  color: #00287d;
  background: #ffc63b;
}

.iama-resultscope-status-board h3 {
  margin-bottom: 7px;
  color: #fff;
}

.iama-resultscope-status-board p {
  font-size: 16px;
  color: #fff;
}

.iama-resultscope-status-board article>span {
  justify-self: end;
  padding: 10px 14px;
  border: 1px solid #ffc63b;
  border-radius: 100px;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #ffc63b;
}

.iama-resultscope-check {
  padding: 120px 0;
  background: #fff;
}

.iama-resultscope-check-layout {
  display: grid;
  grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
  gap: 90px;
}

.iama-resultscope-check-copy h2 {
  margin-bottom: 26px;
}

.iama-resultscope-check-cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.iama-resultscope-check-cards article {
  min-height: 250px;
  padding: 26px;
  border: 1px solid #00287d;
  background: #fff;
}

.iama-resultscope-check-cards article>span {
  display: block;
  margin-bottom: 26px;
  font-family: "Outfit", sans-serif;
  font-size: 18px;
  color: #00287d;
}

.iama-resultscope-check-cards article>i {
  margin-bottom: 22px;
  font-size: 28px;
  color: #ffc63b;
}

.iama-resultscope-check-cards h3 {
  margin-bottom: 10px;
  font-size: 24px;
}

.iama-resultscope-check-cards p {
  font-size: 16px;
}

.iama-resultscope-document {
  padding: 120px 0;
  background: #ffc63b;
}

.iama-resultscope-document-grid {
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
  align-items: center;
  gap: 90px;
}

.iama-resultscope-document-visual {
  position: relative;
  padding: 0 36px 40px 0;
}

.iama-resultscope-document-visual img {
  display: block;
  width: 100%;
  height: 620px;
  object-fit: cover;
  border-radius: 24px;
}

.iama-resultscope-document-badge {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 18px 22px;
  background: #00287d;
}

.iama-resultscope-document-badge i {
  color: #ffc63b;
}

.iama-resultscope-document-badge span {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
}

.iama-resultscope-document-copy h2 {
  margin-bottom: 26px;
}

.iama-resultscope-document-fields {
  display: grid;
  gap: 14px;
  margin-top: 34px;
}

.iama-resultscope-document-fields>div {
  display: grid;
  grid-template-columns: 150px minmax(0, 1fr);
  gap: 20px;
  padding: 18px 0;
  border-bottom: 1px solid #00287d;
}

.iama-resultscope-document-fields span,
.iama-resultscope-document-fields strong {
  font-family: "Inter", sans-serif;
}

.iama-resultscope-document-fields span {
  font-size: 13px;
  font-weight: 800;
  text-transform: uppercase;
  color: #00287d;
}

.iama-resultscope-document-fields strong {
  font-size: 15px;
  color: #000;
}

.iama-resultscope-next {
  padding: 120px 0;
  background: #fff;
}

.iama-resultscope-next-head {
  max-width: 900px;
  margin-bottom: 58px;
}

.iama-resultscope-next-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.iama-resultscope-next-panel {
  min-height: 300px;
  padding: 30px;
  border-top: 6px solid #00287d;
  background: #fff;
  box-shadow: 0 18px 45px rgba(0, 40, 125, .12);
}

.iama-resultscope-next-panel>i {
  margin-bottom: 34px;
  font-size: 32px;
  color: #ffc63b;
}

.iama-resultscope-next-panel>span {
  display: block;
  margin-bottom: 10px;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 800;
  text-transform: uppercase;
  color: #00287d;
}

.iama-resultscope-next-panel h3 {
  margin-bottom: 14px;
}

.iama-resultscope-next-panel p {
  font-size: 16px;
}

.iama-resultscope-support {
  padding: 95px 0;
  background: #00287d;
}

.iama-resultscope-support-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 300px;
  align-items: end;
  gap: 70px;
}

.iama-resultscope-support h2 {
  margin-bottom: 24px;
  color: #fff;
}

.iama-resultscope-support h2 strong {
  color: #ffc63b;
}

.iama-resultscope-support p {
  max-width: 780px;
  color: #fff;
}

.iama-resultscope-support-actions {
  display: grid;
  gap: 14px;
}

.iama-resultscope-support-actions a {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  min-height: 60px;
  padding: 0 22px;
  font-family: "Inter", sans-serif;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  transition: .3s ease;
}

.iama-resultscope-support-actions a:first-child {
  color: #00287d;
  background: #ffc63b;
}

.iama-resultscope-support-actions a:last-child {
  border: 1px solid #fff;
  color: #fff;
  background: transparent;
}

.iama-resultscope-support-actions a:hover {
  transform: translateY(-4px);
}

.iama-resultscope-support-actions a:first-child:hover {
  background: #fff;
}

.iama-resultscope-support-actions a:last-child:hover {
  color: #00287d;
  background: #fff;
}

@media (max-width: 1199px) {
  .iama-resultscope-page h2 {
    font-size: 50px;
  }

  .iama-resultscope-hero-grid,
  .iama-resultscope-check-layout,
  .iama-resultscope-document-grid {
    gap: 60px;
  }
}

@media (max-width: 991px) {

  .iama-resultscope-hero,
  .iama-resultscope-status,
  .iama-resultscope-check,
  .iama-resultscope-document,
  .iama-resultscope-next {
    padding: 90px 0;
  }

  .iama-resultscope-page h2 {
    font-size: 44px;
  }

  .iama-resultscope-hero-grid,
  .iama-resultscope-check-layout,
  .iama-resultscope-document-grid,
  .iama-resultscope-support-grid {
    grid-template-columns: 1fr;
  }

  .iama-resultscope-hero-visual,
  .iama-resultscope-document-visual {
    max-width: 760px;
  }

  .iama-resultscope-next-grid {
    grid-template-columns: 1fr;
  }

  .iama-resultscope-support-actions {
    max-width: 320px;
  }
}

@media (max-width: 767px) {

  .iama-resultscope-hero,
  .iama-resultscope-status,
  .iama-resultscope-check,
  .iama-resultscope-document,
  .iama-resultscope-next {
    padding: 72px 0;
  }

  .iama-resultscope-support {
    padding: 72px 0;
  }

  .iama-resultscope-page h2 {
    font-size: 38px;
    letter-spacing: -0.4px;
  }

  .iama-resultscope-page p {
    font-size: 18px;
  }

  .iama-resultscope-hero-visual {
    min-height: 560px;
  }

  .iama-resultscope-screen {
    width: 78%;
  }

  .iama-resultscope-hero-image {
    width: 62%;
  }

  .iama-resultscope-status-board article {
    grid-template-columns: 72px minmax(0, 1fr);
  }

  .iama-resultscope-status-board article>span {
    grid-column: 2;
    justify-self: start;
  }

  .iama-resultscope-check-cards {
    grid-template-columns: 1fr;
  }

  .iama-resultscope-document-visual {
    padding: 0;
  }

  .iama-resultscope-document-visual img {
    height: 500px;
  }

  .iama-resultscope-document-badge {
    position: relative;
    right: auto;
    bottom: auto;
    margin: -18px 18px 0;
  }
}

@media (max-width: 575px) {
  .iama-resultscope-page h2 {
    font-size: 34px;
    line-height: 1.08;
  }

  .iama-resultscope-kicker {
    font-size: 12px;
    letter-spacing: 1px;
  }

  .iama-resultscope-hero-visual {
    min-height: 520px;
  }

  .iama-resultscope-screen {
    width: 88%;
    box-shadow: 12px 12px 0 #ffc63b;
  }

  .iama-resultscope-screen-body {
    min-height: 280px;
  }

  .iama-resultscope-hero-image {
    width: 72%;
  }

  .iama-resultscope-hero-image img {
    height: 300px;
  }

  .iama-resultscope-status-board article {
    grid-template-columns: 1fr;
    padding: 24px;
  }

  .iama-resultscope-status-board article>span {
    grid-column: 1;
  }

  .iama-resultscope-document-visual img {
    height: 380px;
  }

  .iama-resultscope-document-fields>div {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .iama-resultscope-next-panel {
    min-height: auto;
    padding: 26px;
  }
}


/* =========================================================
   IAMA CAREER FORGE
   Modern Career & Placements Page
   Uses the existing .container class
========================================================= */

.iama-careerforge-page,
.iama-careerforge-page section {
  position: relative;
  overflow: hidden;
}

.iama-careerforge-page h2 {
  margin: 0;
  font-family: "Outfit", sans-serif;
  font-size: 60px;
  font-weight: 600;
  line-height: 1.05;
  letter-spacing: -0.6px;
  color: #000;
}

.iama-careerforge-page h2 strong {
  color: #00287d;
  font-weight: 600;
}

.iama-careerforge-page h3 {
  margin: 0;
  font-family: "Outfit", sans-serif;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.15;
  color: #000;
}

.iama-careerforge-page p {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #000;
  line-height: 1.4em;
}

.iama-careerforge-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 22px;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  color: #00287d;
}

.iama-careerforge-kicker i {
  color: #ffc63b;
}

.iama-careerforge-kicker-light {
  color: #fff;
}

/* HERO */

.iama-careerforge-hero {
  padding: 120px 0;
  background: #fff;
}

.iama-careerforge-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  align-items: center;
  gap: 90px;
}

.iama-careerforge-hero-copy h2 {
  margin-bottom: 28px;
}

.iama-careerforge-hero-copy p {
  max-width: 680px;
}

.iama-careerforge-hero-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 22px;
  margin-top: 36px;
}

.iama-careerforge-hero-actions a {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  min-height: 60px;
  padding: 0 22px;
  font-family: "Inter", sans-serif;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  color: #fff;
  background: #00287d;
  transition: transform 0.3s ease, background 0.3s ease;
}

.iama-careerforge-hero-actions a:hover {
  transform: translateY(-4px);
  color: #00287d;
  background: #ffc63b;
}

.iama-careerforge-hero-actions>span {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #000;
}

.iama-careerforge-hero-actions>span i {
  color: #ffc63b;
}

.iama-careerforge-hero-visual {
  position: relative;
  padding: 0 48px 48px 0;
}

.iama-careerforge-hero-image {
  overflow: hidden;
  border-radius: 28px 110px 28px 28px;
}

.iama-careerforge-hero-image img {
  display: block;
  width: 100%;
  height: 540px;
  object-fit: cover;
}

.iama-careerforge-hero-panel {
  position: absolute;
  right: 0;
  bottom: 0;
  max-width: 350px;
  padding: 22px 24px;
  background: #00287d;
}

.iama-careerforge-hero-panel span,
.iama-careerforge-hero-panel strong {
  display: block;
  font-family: "Inter", sans-serif;
}

.iama-careerforge-hero-panel span {
  margin-bottom: 6px;
  font-size: 13px;
  font-weight: 700;
  color: #ffc63b;
}

.iama-careerforge-hero-panel strong {
  font-size: 17px;
  color: #fff;
}

.iama-careerforge-hero-badge {
  position: absolute;
  top: 24px;
  left: -34px;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 18px 20px;
  background: #ffc63b;
}

.iama-careerforge-hero-badge i {
  color: #00287d;
}

.iama-careerforge-hero-badge span {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: #000;
}

/* PATHWAYS */

.iama-careerforge-pathways {
  padding: 120px 0;
  background: #00287d;
}

.iama-careerforge-pathways .iama-careerforge-kicker {
  color: #fff;
}

.iama-careerforge-pathways h2 {
  color: #fff;
}

.iama-careerforge-pathways h2 strong {
  color: #ffc63b;
}

.iama-careerforge-pathways-head {
  max-width: 950px;
  margin-bottom: 64px;
}

.iama-careerforge-pathways-head p {
  max-width: 760px;
  margin-top: 24px;
  color: #fff;
}

.iama-careerforge-pathways-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.iama-careerforge-pathways-grid article {
  overflow: hidden;
  background: #fff;
}

.iama-careerforge-pathway-image {
  height: 280px;
  overflow: hidden;
}

.iama-careerforge-pathway-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}

.iama-careerforge-pathways-grid article:hover img {
  transform: scale(1.05);
}

.iama-careerforge-pathway-content {
  padding: 28px;
}

.iama-careerforge-pathway-content span {
  display: block;
  margin-bottom: 24px;
  font-family: "Outfit", sans-serif;
  font-size: 18px;
  color: #00287d;
}

.iama-careerforge-pathway-content h3 {
  margin-bottom: 12px;
}

.iama-careerforge-pathway-content p {
  font-size: 16px;
}

/* STUDIO */

.iama-careerforge-studio {
  padding: 120px 0;
  background: #fff;
}

.iama-careerforge-studio-layout {
  display: grid;
  grid-template-columns: minmax(0, 0.78fr) minmax(0, 1.22fr);
  gap: 90px;
}

.iama-careerforge-studio-copy h2 {
  margin-bottom: 26px;
}

.iama-careerforge-studio-cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.iama-careerforge-studio-cards article {
  min-height: 250px;
  padding: 28px;
  border: 1px solid #00287d;
  background: #fff;
  transition: transform 0.3s ease, background 0.3s ease;
}

.iama-careerforge-studio-cards article:hover {
  transform: translateY(-6px);
  background: #ffc63b;
}

.iama-careerforge-studio-cards i {
  margin-bottom: 30px;
  font-size: 30px;
  color: #00287d;
}

.iama-careerforge-studio-cards h3 {
  margin-bottom: 12px;
  font-size: 24px;
}

.iama-careerforge-studio-cards p {
  font-size: 16px;
}

/* SKILLS */

.iama-careerforge-skills {
  padding: 120px 0;
  background: #ffc63b;
}

.iama-careerforge-skills-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  align-items: center;
  gap: 90px;
}

.iama-careerforge-skills-visual {
  min-height: 560px;
  display: grid;
  place-items: center;
}

.iama-careerforge-skill-orbit {
  position: relative;
  width: 430px;
  height: 430px;
  border: 2px solid #00287d;
  border-radius: 50%;
}

.iama-careerforge-skill-center {
  position: absolute;
  inset: 50%;
  width: 220px;
  height: 220px;
  transform: translate(-50%, -50%);
  display: grid;
  place-items: center;
  align-content: center;
  gap: 12px;
  border-radius: 50%;
  text-align: center;
  color: #fff;
  background: #00287d;
}

.iama-careerforge-skill-center i {
  font-size: 40px;
  color: #ffc63b;
}

.iama-careerforge-skill-center strong {
  font-family: "Outfit", sans-serif;
  font-size: 26px;
  color: #fff;
}

.iama-careerforge-skill-node {
  position: absolute;
  display: grid;
  place-items: center;
  width: 116px;
  height: 116px;
  border: 2px solid #00287d;
  border-radius: 50%;
  text-align: center;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: #00287d;
  background: #fff;
}

.iama-careerforge-skill-node-one {
  top: -18px;
  left: 50%;
  transform: translateX(-50%);
}

.iama-careerforge-skill-node-two {
  right: -18px;
  top: 50%;
  transform: translateY(-50%);
}

.iama-careerforge-skill-node-three {
  bottom: -18px;
  left: 50%;
  transform: translateX(-50%);
}

.iama-careerforge-skill-node-four {
  left: -18px;
  top: 50%;
  transform: translateY(-50%);
}

.iama-careerforge-skills-copy h2 {
  margin-bottom: 26px;
}

.iama-careerforge-skills-points {
  display: grid;
  gap: 14px;
  margin-top: 34px;
}

.iama-careerforge-skills-points span {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-bottom: 14px;
  border-bottom: 1px solid #00287d;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #000;
}

.iama-careerforge-skills-points i {
  color: #00287d;
}

/* JOURNEY */

.iama-careerforge-journey {
  padding: 120px 0;
  background: #fff;
}

.iama-careerforge-journey-head {
  max-width: 900px;
  margin-bottom: 58px;
}

.iama-careerforge-journey-stage {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

.iama-careerforge-journey-card {
  min-height: 280px;
  padding: 28px;
  background: #00287d;
  transition: transform 0.3s ease;
}

.iama-careerforge-journey-card:hover {
  transform: translateY(-8px);
}

.iama-careerforge-journey-card span {
  display: block;
  margin-bottom: 42px;
  font-family: "Outfit", sans-serif;
  font-size: 18px;
  color: #ffc63b;
}

.iama-careerforge-journey-card h3 {
  margin-bottom: 14px;
  color: #fff;
}

.iama-careerforge-journey-card p {
  font-size: 16px;
  color: #fff;
}

/* SUPPORT */

.iama-careerforge-support {
  padding: 120px 0;
  background: #00287d;
}

.iama-careerforge-support-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  align-items: center;
  gap: 90px;
}

.iama-careerforge-support .iama-careerforge-kicker {
  color: #fff;
}

.iama-careerforge-support h2 {
  margin-bottom: 26px;
  color: #fff;
}

.iama-careerforge-support h2 strong {
  color: #ffc63b;
}

.iama-careerforge-support-copy>p {
  color: #fff;
}

.iama-careerforge-support-cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-top: 34px;
}

.iama-careerforge-support-cards article {
  padding: 24px;
  background: #fff;
}

.iama-careerforge-support-cards i {
  margin-bottom: 24px;
  font-size: 28px;
  color: #00287d;
}

.iama-careerforge-support-cards h3 {
  margin-bottom: 10px;
  font-size: 23px;
}

.iama-careerforge-support-cards p {
  font-size: 16px;
}

.iama-careerforge-support-image {
  overflow: hidden;
  border-radius: 24px 90px 24px 24px;
}

.iama-careerforge-support-image img {
  display: block;
  width: 100%;
  height: 620px;
  object-fit: cover;
}

/* CTA */

.iama-careerforge-cta {
  padding: 95px 0;
  background: #ffc63b;
}

.iama-careerforge-cta-shell {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 300px;
  align-items: end;
  gap: 70px;
}

.iama-careerforge-cta h2 {
  margin-bottom: 24px;
}

.iama-careerforge-cta p {
  max-width: 780px;
}

.iama-careerforge-cta-actions {
  display: grid;
  gap: 14px;
}

.iama-careerforge-cta-actions a {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  min-height: 60px;
  padding: 0 22px;
  font-family: "Inter", sans-serif;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  transition: transform 0.3s ease, background 0.3s ease;
}

.iama-careerforge-cta-actions a:first-child {
  color: #fff;
  background: #00287d;
}

.iama-careerforge-cta-actions a:last-child {
  border: 1px solid #00287d;
  color: #00287d;
  background: #fff;
}

.iama-careerforge-cta-actions a:hover {
  transform: translateY(-4px);
}

/* RESPONSIVE */

@media (max-width: 1199px) {
  .iama-careerforge-page h2 {
    font-size: 50px;
  }

  .iama-careerforge-hero-grid,
  .iama-careerforge-studio-layout,
  .iama-careerforge-skills-grid,
  .iama-careerforge-support-grid {
    gap: 60px;
  }

  .iama-careerforge-pathways-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 991px) {

  .iama-careerforge-hero,
  .iama-careerforge-pathways,
  .iama-careerforge-studio,
  .iama-careerforge-skills,
  .iama-careerforge-journey,
  .iama-careerforge-support {
    padding: 90px 0;
  }

  .iama-careerforge-page h2 {
    font-size: 44px;
  }

  .iama-careerforge-hero-grid,
  .iama-careerforge-studio-layout,
  .iama-careerforge-skills-grid,
  .iama-careerforge-support-grid,
  .iama-careerforge-cta-shell {
    grid-template-columns: 1fr;
  }

  .iama-careerforge-hero-visual,
  .iama-careerforge-support-image {
    max-width: 760px;
  }

  .iama-careerforge-pathways-grid,
  .iama-careerforge-journey-stage {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .iama-careerforge-cta-actions {
    max-width: 320px;
  }
}

@media (max-width: 767px) {

  .iama-careerforge-hero,
  .iama-careerforge-pathways,
  .iama-careerforge-studio,
  .iama-careerforge-skills,
  .iama-careerforge-journey,
  .iama-careerforge-support {
    padding: 72px 0;
  }

  .iama-careerforge-cta {
    padding: 72px 0;
  }

  .iama-careerforge-page h2 {
    font-size: 38px;
    letter-spacing: -0.4px;
  }

  .iama-careerforge-page p {
    font-size: 18px;
  }

  .iama-careerforge-hero-visual {
    padding: 0;
  }

  .iama-careerforge-hero-image img,
  .iama-careerforge-support-image img {
    height: 500px;
  }

  .iama-careerforge-hero-panel {
    position: relative;
    right: auto;
    bottom: auto;
    margin: -18px 18px 0;
  }

  .iama-careerforge-pathways-grid,
  .iama-careerforge-studio-cards,
  .iama-careerforge-journey-stage,
  .iama-careerforge-support-cards {
    grid-template-columns: 1fr;
  }

  .iama-careerforge-skill-orbit {
    width: 340px;
    height: 340px;
  }

  .iama-careerforge-skill-center {
    width: 180px;
    height: 180px;
  }

  .iama-careerforge-skill-node {
    width: 90px;
    height: 90px;
    font-size: 12px;
  }
}

@media (max-width: 575px) {
  .iama-careerforge-page h2 {
    font-size: 34px;
    line-height: 1.08;
  }

  .iama-careerforge-kicker {
    font-size: 12px;
    letter-spacing: 1px;
  }

  .iama-careerforge-hero-image img,
  .iama-careerforge-support-image img {
    height: 380px;
  }

  .iama-careerforge-hero-badge {
    top: 12px;
    left: 12px;
    padding: 15px;
  }

  .iama-careerforge-pathway-content,
  .iama-careerforge-studio-cards article,
  .iama-careerforge-journey-card,
  .iama-careerforge-support-cards article {
    padding: 24px;
  }

  .iama-careerforge-skill-orbit {
    width: 280px;
    height: 280px;
  }

  .iama-careerforge-skill-center {
    width: 150px;
    height: 150px;
  }

  .iama-careerforge-skill-center strong {
    font-size: 22px;
  }

  .iama-careerforge-skill-node {
    width: 74px;
    height: 74px;
    font-size: 10px;
  }
}


/* =========================================================
   IAMA FORM FOLIO
   Modern Student Forms Page
   Uses the existing .container class
========================================================= */

.iama-formfolio-page,
.iama-formfolio-page section {
  position: relative;
  overflow: hidden;
}

.iama-formfolio-page h2 {
  margin: 0;
  font-family: "Outfit", sans-serif;
  font-size: 60px;
  font-weight: 600;
  line-height: 1.05;
  letter-spacing: -0.6px;
  color: #000;
}

.iama-formfolio-page h2 strong {
  color: #00287d;
  font-weight: 600;
}

.iama-formfolio-page h3 {
  margin: 0;
  font-family: "Outfit", sans-serif;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.15;
  color: #000;
}

.iama-formfolio-page p {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #000;
  line-height: 1.4em;
}

.iama-formfolio-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 22px;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  color: #00287d;
}

.iama-formfolio-kicker i {
  color: #ffc63b;
}

.iama-formfolio-kicker-light {
  color: #fff;
}

/* HERO */

.iama-formfolio-hero {
  padding: 120px 0;
  background: #fff;
}

.iama-formfolio-hero-shell {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  align-items: center;
  gap: 90px;
}

.iama-formfolio-hero-copy h2 {
  margin-bottom: 28px;
}

.iama-formfolio-hero-copy p {
  max-width: 680px;
}

.iama-formfolio-hero-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 22px;
  margin-top: 36px;
}

.iama-formfolio-hero-actions a {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  min-height: 60px;
  padding: 0 22px;
  font-family: "Inter", sans-serif;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  color: #fff;
  background: #00287d;
  transition: transform 0.3s ease, background 0.3s ease;
}

.iama-formfolio-hero-actions a:hover {
  transform: translateY(-4px);
  color: #00287d;
  background: #ffc63b;
}

.iama-formfolio-hero-actions>span {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #000;
}

.iama-formfolio-hero-actions>span i {
  color: #ffc63b;
}

.iama-formfolio-hero-visual {
  position: relative;
  padding: 0 44px 48px 0;
}

.iama-formfolio-hero-image {
  overflow: hidden;
  border-radius: 24px;
}

.iama-formfolio-hero-image img {
  display: block;
  width: 100%;
  height: 640px;
  object-fit: cover;
}

.iama-formfolio-hero-file {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  gap: 16px;
  max-width: 350px;
  padding: 22px 24px;
  background: #00287d;
}

.iama-formfolio-hero-file>i {
  display: grid;
  place-items: center;
  flex: 0 0 52px;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  color: #00287d;
  background: #ffc63b;
}

.iama-formfolio-hero-file strong,
.iama-formfolio-hero-file span {
  display: block;
  font-family: "Inter", sans-serif;
}

.iama-formfolio-hero-file strong {
  margin-bottom: 5px;
  font-size: 16px;
  color: #ffc63b;
}

.iama-formfolio-hero-file span {
  font-size: 14px;
  color: #fff;
}

.iama-formfolio-hero-mark {
  position: absolute;
  top: 26px;
  left: -34px;
  min-width: 150px;
  padding: 18px 20px;
  background: #ffc63b;
}

.iama-formfolio-hero-mark span,
.iama-formfolio-hero-mark strong {
  display: block;
  font-family: "Inter", sans-serif;
}

.iama-formfolio-hero-mark span {
  font-size: 32px;
  font-weight: 700;
  color: #00287d;
}

.iama-formfolio-hero-mark strong {
  margin-top: 4px;
  font-size: 13px;
  color: #000;
}

/* DIRECTORY */

.iama-formfolio-directory {
  padding: 120px 0;
  background: #00287d;
}

.iama-formfolio-directory .iama-formfolio-kicker {
  color: #fff;
}

.iama-formfolio-directory h2 {
  color: #fff;
}

.iama-formfolio-directory h2 strong {
  color: #ffc63b;
}

.iama-formfolio-directory-head {
  max-width: 940px;
  margin-bottom: 64px;
}

.iama-formfolio-directory-head p {
  max-width: 760px;
  margin-top: 24px;
  color: #fff;
}

.iama-formfolio-directory-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.iama-formfolio-directory-grid article {
  display: flex;
  flex-direction: column;
  min-height: 360px;
  padding: 28px;
  background: #fff;
  transition: transform 0.3s ease;
}

.iama-formfolio-directory-grid article:hover {
  transform: translateY(-8px);
}

.iama-formfolio-directory-icon {
  display: grid;
  place-items: center;
  width: 62px;
  height: 62px;
  margin-bottom: 24px;
  border-radius: 50%;
  font-size: 24px;
  color: #fff;
  background: #00287d;
}

.iama-formfolio-directory-grid article>span {
  display: block;
  margin-bottom: 18px;
  font-family: "Outfit", sans-serif;
  font-size: 18px;
  color: #00287d;
}

.iama-formfolio-directory-grid h3 {
  margin-bottom: 12px;
  font-size: 24px;
}

.iama-formfolio-directory-grid p {
  margin-bottom: 24px;
  font-size: 16px;
}

.iama-formfolio-directory-grid a {
  display: inline-flex;
  align-items: center;
  gap: 12px;

  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  color: #00287d;
}

.iama-formfolio-directory-grid a:hover {
  color: #000;
}

/* PREPARE */

.iama-formfolio-prepare {
  padding: 120px 0;
  background: #fff;
}

.iama-formfolio-prepare-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.78fr) minmax(0, 1.22fr);
  gap: 90px;
}

.iama-formfolio-prepare-copy h2 {
  margin-bottom: 26px;
}

.iama-formfolio-prepare-cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.iama-formfolio-prepare-cards>div {
  min-height: 210px;
  padding: 26px;
  border: 1px solid #00287d;
  background: #fff;
}

.iama-formfolio-prepare-cards i {
  margin-bottom: 28px;
  font-size: 28px;
  color: #ffc63b;
}

.iama-formfolio-prepare-cards strong,
.iama-formfolio-prepare-cards span {
  display: block;
  font-family: "Inter", sans-serif;
}

.iama-formfolio-prepare-cards strong {
  margin-bottom: 10px;
  font-size: 17px;
  color: #00287d;
}

.iama-formfolio-prepare-cards span {
  font-size: 14px;
  line-height: 1.5;
  color: #000;
}

/* SUBMIT */

.iama-formfolio-submit {
  padding: 120px 0;
  background: #ffc63b;
}

.iama-formfolio-submit-layout {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
  align-items: center;
  gap: 90px;
}

.iama-formfolio-submit-visual {
  position: relative;
  padding: 0 0 40px 36px;
}

.iama-formfolio-submit-visual img {
  display: block;
  width: 100%;
  height: 620px;
  object-fit: cover;
  border-radius: 90px 24px 24px 24px;
}

.iama-formfolio-submit-status {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 18px 22px;
  background: #00287d;
}

.iama-formfolio-submit-status span,
.iama-formfolio-submit-status strong {
  display: block;
  font-family: "Inter", sans-serif;
}

.iama-formfolio-submit-status span {
  margin-bottom: 5px;
  font-size: 13px;
  color: #fff;
}

.iama-formfolio-submit-status strong {
  font-size: 17px;
  color: #ffc63b;
}

.iama-formfolio-submit-copy h2 {
  margin-bottom: 26px;
}

.iama-formfolio-submit-checks {
  display: grid;
  gap: 14px;
  margin-top: 34px;
}

.iama-formfolio-submit-checks span {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-bottom: 14px;
  border-bottom: 1px solid #00287d;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #000;
}

.iama-formfolio-submit-checks i {
  color: #00287d;
}

/* PROGRESS */

.iama-formfolio-progress {
  padding: 120px 0;
  background: #fff;
}

.iama-formfolio-progress-head {
  max-width: 900px;
  margin-bottom: 58px;
}

.iama-formfolio-progress-stage {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

.iama-formfolio-progress-stage article {
  min-height: 270px;
  padding: 28px;
  border-top: 6px solid #00287d;
  background: #fff;
  box-shadow: 0 18px 45px rgba(0, 40, 125, 0.12);
}

.iama-formfolio-progress-number {
  margin-bottom: 40px;
  font-family: "Outfit", sans-serif;
  font-size: 18px;
  color: #00287d;
}

.iama-formfolio-progress-content h3 {
  margin-bottom: 12px;
  font-size: 24px;
}

.iama-formfolio-progress-content p {
  font-size: 16px;
}

/* SUPPORT */

.iama-formfolio-support {
  padding: 95px 0;
  background: #00287d;
}

.iama-formfolio-support-shell {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 300px;
  align-items: end;
  gap: 70px;
}

.iama-formfolio-support h2 {
  margin-bottom: 24px;
  color: #fff;
}

.iama-formfolio-support h2 strong {
  color: #ffc63b;
}

.iama-formfolio-support p {
  max-width: 780px;
  color: #fff;
}

.iama-formfolio-support-actions {
  display: grid;
  gap: 14px;
}

.iama-formfolio-support-actions a {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  min-height: 60px;
  padding: 0 22px;
  font-family: "Inter", sans-serif;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  transition: transform 0.3s ease, background 0.3s ease;
}

.iama-formfolio-support-actions a:first-child {
  color: #00287d;
  background: #ffc63b;
}

.iama-formfolio-support-actions a:last-child {
  border: 1px solid #fff;
  color: #fff;
  background: transparent;
}

.iama-formfolio-support-actions a:hover {
  transform: translateY(-4px);
}

.iama-formfolio-support-actions a:first-child:hover {
  background: #fff;
}

.iama-formfolio-support-actions a:last-child:hover {
  color: #00287d;
  background: #fff;
}

/* RESPONSIVE */

@media (max-width: 1199px) {
  .iama-formfolio-page h2 {
    font-size: 50px;
  }

  .iama-formfolio-hero-shell,
  .iama-formfolio-prepare-grid,
  .iama-formfolio-submit-layout {
    gap: 60px;
  }

  .iama-formfolio-directory-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 991px) {

  .iama-formfolio-hero,
  .iama-formfolio-directory,
  .iama-formfolio-prepare,
  .iama-formfolio-submit,
  .iama-formfolio-progress {
    padding: 90px 0;
  }

  .iama-formfolio-page h2 {
    font-size: 44px;
  }

  .iama-formfolio-hero-shell,
  .iama-formfolio-prepare-grid,
  .iama-formfolio-submit-layout,
  .iama-formfolio-support-shell {
    grid-template-columns: 1fr;
  }

  .iama-formfolio-hero-visual,
  .iama-formfolio-submit-visual {
    max-width: 760px;
  }

  .iama-formfolio-progress-stage {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .iama-formfolio-support-actions {
    max-width: 320px;
  }
}

@media (max-width: 767px) {

  .iama-formfolio-hero,
  .iama-formfolio-directory,
  .iama-formfolio-prepare,
  .iama-formfolio-submit,
  .iama-formfolio-progress {
    padding: 72px 0;
  }

  .iama-formfolio-support {
    padding: 72px 0;
  }

  .iama-formfolio-page h2 {
    font-size: 38px;
    letter-spacing: -0.4px;
  }

  .iama-formfolio-page p {
    font-size: 18px;
  }

  .iama-formfolio-hero-visual,
  .iama-formfolio-submit-visual {
    padding: 0;
  }

  .iama-formfolio-hero-image img,
  .iama-formfolio-submit-visual img {
    height: 500px;
  }

  .iama-formfolio-hero-file,
  .iama-formfolio-submit-status {
    position: relative;
    right: auto;
    left: auto;
    bottom: auto;
    margin: -18px 18px 0;
  }

  .iama-formfolio-directory-grid,
  .iama-formfolio-prepare-cards,
  .iama-formfolio-progress-stage {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 575px) {
  .iama-formfolio-page h2 {
    font-size: 34px;
    line-height: 1.08;
  }

  .iama-formfolio-kicker {
    font-size: 12px;
    letter-spacing: 1px;
  }

  .iama-formfolio-hero-image img,
  .iama-formfolio-submit-visual img {
    height: 380px;
  }

  .iama-formfolio-hero-mark {
    top: 12px;
    left: 12px;
    min-width: 130px;
    padding: 15px;
  }

  .iama-formfolio-directory-grid article,
  .iama-formfolio-prepare-cards>div,
  .iama-formfolio-progress-stage article {
    min-height: auto;
    padding: 24px;
  }
}


/* =========================================================
   IAMA RECORD DESK
   Modern ID Card / Transcript Request Page
   Uses the existing .container class
========================================================= */

.iama-recorddesk-page,
.iama-recorddesk-page section {
  position: relative;
  overflow: hidden;
}

.iama-recorddesk-page h2 {
  margin: 0;
  font-family: "Outfit", sans-serif;
  font-size: 60px;
  font-weight: 600;
  line-height: 1.05;
  letter-spacing: -0.6px;
  color: #000;
}

.iama-recorddesk-page h2 strong {
  color: #00287d;
  font-weight: 600;
}

.iama-recorddesk-page h3 {
  margin: 0;
  font-family: "Outfit", sans-serif;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.15;
  color: #000;
}

.iama-recorddesk-page p {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #000;
  line-height: 1.4em;
}

.iama-recorddesk-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 22px;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  color: #00287d;
}

.iama-recorddesk-kicker i {
  color: #ffc63b;
}

.iama-recorddesk-kicker-light {
  color: #fff;
}

/* HERO */

.iama-recorddesk-hero {
  padding: 120px 0;
  background: #fff;
}

.iama-recorddesk-hero-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
  align-items: center;
  gap: 90px;
}

.iama-recorddesk-hero-visual {
  position: relative;
  min-height: 660px;
}

.iama-recorddesk-hero-image-main {
  position: absolute;
  top: 0;
  left: 0;
  width: 72%;
  overflow: hidden;
  border-radius: 24px;
}

.iama-recorddesk-hero-image-main img {
  display: block;
  width: 100%;
  height: 560px;
  object-fit: cover;
}

.iama-recorddesk-hero-image-small {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 47%;
  overflow: hidden;
  border: 12px solid #fff;
  box-shadow: 0 20px 45px rgba(0, 40, 125, 0.16);
}

.iama-recorddesk-hero-image-small img {
  display: block;
  width: 100%;
  height: 310px;
  object-fit: cover;
}

.iama-recorddesk-hero-badge {
  position: absolute;
  left: 38px;
  bottom: 24px;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 18px 22px;
  background: #00287d;
}

.iama-recorddesk-hero-badge i {
  color: #ffc63b;
}

.iama-recorddesk-hero-badge span {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
}

.iama-recorddesk-hero-copy h2 {
  margin-bottom: 28px;
}

.iama-recorddesk-hero-copy p {
  max-width: 670px;
}

.iama-recorddesk-hero-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 22px;
  margin-top: 36px;
}

.iama-recorddesk-hero-actions a {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  min-height: 60px;
  padding: 0 22px;
  font-family: "Inter", sans-serif;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  color: #fff;
  background: #00287d;
  transition: transform 0.3s ease, background 0.3s ease;
}

.iama-recorddesk-hero-actions a:hover {
  transform: translateY(-4px);
  color: #00287d;
  background: #ffc63b;
}

.iama-recorddesk-hero-actions>span {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #000;
}

.iama-recorddesk-hero-actions>span i {
  color: #ffc63b;
}

/* OPTIONS */

.iama-recorddesk-options {
  padding: 120px 0;
  background: #00287d;
}

.iama-recorddesk-options .iama-recorddesk-kicker {
  color: #fff;
}

.iama-recorddesk-options h2 {
  color: #fff;
}

.iama-recorddesk-options h2 strong {
  color: #ffc63b;
}

.iama-recorddesk-options-head {
  max-width: 930px;
  margin-bottom: 64px;
}

.iama-recorddesk-options-head p {
  max-width: 760px;
  margin-top: 24px;
  color: #fff;
}

.iama-recorddesk-options-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.iama-recorddesk-options-grid article {
  min-height: 330px;
  display: flex;
  flex-direction: column;
  padding: 30px;
  background: #fff;
  transition: transform 0.3s ease;
}

.iama-recorddesk-options-grid article:hover {
  transform: translateY(-8px);
}

.iama-recorddesk-option-icon {
  display: grid;
  place-items: center;
  width: 64px;
  height: 64px;
  margin-bottom: 24px;
  border-radius: 50%;
  font-size: 24px;
  color: #fff;
  background: #00287d;
}

.iama-recorddesk-options-grid article>span {
  display: block;
  margin-bottom: 18px;
  font-family: "Outfit", sans-serif;
  font-size: 18px;
  color: #00287d;
}

.iama-recorddesk-options-grid h3 {
  margin-bottom: 12px;
}

.iama-recorddesk-options-grid p {
  margin-bottom: 24px;
  font-size: 16px;
}

.iama-recorddesk-options-grid a {
  display: inline-flex;
  align-items: center;
  gap: 12px;

  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  color: #00287d;
}

/* REQUIREMENTS */

.iama-recorddesk-requirements {
  padding: 120px 0;
  background: #fff;
}

.iama-recorddesk-requirements-layout {
  display: grid;
  grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr);
  gap: 90px;
}

.iama-recorddesk-requirements-copy h2 {
  margin-bottom: 26px;
}

.iama-recorddesk-requirement-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 34px;
}

.iama-recorddesk-requirement-tags span {
  padding: 10px 16px;
  border: 1px solid #00287d;
  border-radius: 100px;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #00287d;
}

.iama-recorddesk-requirements-visual {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.iama-recorddesk-requirements-card {
  min-height: 210px;
  padding: 26px;
  border: 1px solid #00287d;
  background: #fff;
}

.iama-recorddesk-requirements-card i {
  margin-bottom: 26px;
  font-size: 28px;
  color: #ffc63b;
}

.iama-recorddesk-requirements-card strong,
.iama-recorddesk-requirements-card span {
  display: block;
  font-family: "Inter", sans-serif;
}

.iama-recorddesk-requirements-card strong {
  margin-bottom: 9px;
  font-size: 17px;
  color: #00287d;
}

.iama-recorddesk-requirements-card span {
  font-size: 14px;
  line-height: 1.5;
  color: #000;
}

/* PROCESS */

.iama-recorddesk-process {
  padding: 120px 0;
  background: #ffc63b;
}

.iama-recorddesk-process-head {
  max-width: 900px;
  margin-bottom: 58px;
}

.iama-recorddesk-process-stage {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 16px;
}

.iama-recorddesk-process-stage article {
  min-height: 280px;
  padding: 26px;
  background: #fff;
}

.iama-recorddesk-process-stage span {
  display: block;
  margin-bottom: 40px;
  font-family: "Outfit", sans-serif;
  font-size: 18px;
  color: #00287d;
}

.iama-recorddesk-process-stage h3 {
  margin-bottom: 13px;
  font-size: 24px;
}

.iama-recorddesk-process-stage p {
  font-size: 16px;
}

/* DELIVERY */

.iama-recorddesk-delivery {
  padding: 120px 0;
  background: #fff;
}

.iama-recorddesk-delivery-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  align-items: center;
  gap: 90px;
}

.iama-recorddesk-delivery-visual {
  position: relative;
  padding: 0 38px 42px 0;
}

.iama-recorddesk-delivery-visual img {
  display: block;
  width: 100%;
  height: 620px;
  object-fit: cover;
  border-radius: 24px 90px 24px 24px;
}

.iama-recorddesk-delivery-label {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 18px 22px;
  background: #00287d;
}

.iama-recorddesk-delivery-label i {
  color: #ffc63b;
}

.iama-recorddesk-delivery-label span {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
}

.iama-recorddesk-delivery-copy h2 {
  margin-bottom: 26px;
}

.iama-recorddesk-delivery-cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 34px;
}

.iama-recorddesk-delivery-cards article {
  min-height: 220px;
  padding: 24px;
  border: 1px solid #00287d;
}

.iama-recorddesk-delivery-cards i {
  margin-bottom: 24px;
  font-size: 28px;
  color: #ffc63b;
}

.iama-recorddesk-delivery-cards h3 {
  margin-bottom: 10px;
  font-size: 22px;
}

.iama-recorddesk-delivery-cards p {
  font-size: 15px;
}

/* CHECKS */

.iama-recorddesk-checks {
  padding: 120px 0;
  background: #00287d;
}

.iama-recorddesk-checks .iama-recorddesk-kicker {
  color: #fff;
}

.iama-recorddesk-checks h2 {
  color: #fff;
}

.iama-recorddesk-checks h2 strong {
  color: #ffc63b;
}

.iama-recorddesk-checks-head {
  max-width: 900px;
  margin-bottom: 58px;
}

.iama-recorddesk-checks-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.iama-recorddesk-checks-grid>div {
  min-height: 260px;
  padding: 28px;
  border: 1px solid #fff;
}

.iama-recorddesk-checks-grid i {
  margin-bottom: 30px;
  font-size: 30px;
  color: #ffc63b;
}

.iama-recorddesk-checks-grid strong {
  display: block;
  margin-bottom: 12px;
  font-family: "Outfit", sans-serif;
  font-size: 23px;
  color: #fff;
}

.iama-recorddesk-checks-grid p {
  font-size: 16px;
  color: #fff;
}

/* SUPPORT */

.iama-recorddesk-support {
  padding: 95px 0;
  background: #ffc63b;
}

.iama-recorddesk-support-shell {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 300px;
  align-items: end;
  gap: 70px;
}

.iama-recorddesk-support h2 {
  margin-bottom: 24px;
}

.iama-recorddesk-support p {
  max-width: 780px;
}

.iama-recorddesk-support-actions {
  display: grid;
  gap: 14px;
}

.iama-recorddesk-support-actions a {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  min-height: 60px;
  padding: 0 22px;
  font-family: "Inter", sans-serif;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  transition: transform 0.3s ease, background 0.3s ease;
}

.iama-recorddesk-support-actions a:first-child {
  color: #fff;
  background: #00287d;
}

.iama-recorddesk-support-actions a:last-child {
  border: 1px solid #00287d;
  color: #00287d;
  background: #fff;
}

.iama-recorddesk-support-actions a:hover {
  transform: translateY(-4px);
}

/* RESPONSIVE */

@media (max-width: 1199px) {
  .iama-recorddesk-page h2 {
    font-size: 50px;
  }

  .iama-recorddesk-hero-layout,
  .iama-recorddesk-requirements-layout,
  .iama-recorddesk-delivery-grid {
    gap: 60px;
  }

  .iama-recorddesk-process-stage {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .iama-recorddesk-checks-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 991px) {

  .iama-recorddesk-hero,
  .iama-recorddesk-options,
  .iama-recorddesk-requirements,
  .iama-recorddesk-process,
  .iama-recorddesk-delivery,
  .iama-recorddesk-checks {
    padding: 90px 0;
  }

  .iama-recorddesk-page h2 {
    font-size: 44px;
  }

  .iama-recorddesk-hero-layout,
  .iama-recorddesk-requirements-layout,
  .iama-recorddesk-delivery-grid,
  .iama-recorddesk-support-shell {
    grid-template-columns: 1fr;
  }

  .iama-recorddesk-hero-visual,
  .iama-recorddesk-delivery-visual {
    max-width: 760px;
  }

  .iama-recorddesk-support-actions {
    max-width: 320px;
  }
}

@media (max-width: 767px) {

  .iama-recorddesk-hero,
  .iama-recorddesk-options,
  .iama-recorddesk-requirements,
  .iama-recorddesk-process,
  .iama-recorddesk-delivery,
  .iama-recorddesk-checks {
    padding: 72px 0;
  }

  .iama-recorddesk-support {
    padding: 72px 0;
  }

  .iama-recorddesk-page h2 {
    font-size: 38px;
    letter-spacing: -0.4px;
  }

  .iama-recorddesk-page p {
    font-size: 18px;
  }

  .iama-recorddesk-hero-visual {
    min-height: 560px;
  }

  .iama-recorddesk-options-grid,
  .iama-recorddesk-requirements-visual,
  .iama-recorddesk-delivery-cards,
  .iama-recorddesk-checks-grid {
    grid-template-columns: 1fr;
  }

  .iama-recorddesk-process-stage {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .iama-recorddesk-delivery-visual {
    padding: 0;
  }

  .iama-recorddesk-delivery-visual img {
    height: 500px;
  }

  .iama-recorddesk-delivery-label {
    position: relative;
    right: auto;
    bottom: auto;
    margin: -18px 18px 0;
  }
}

@media (max-width: 575px) {
  .iama-recorddesk-page h2 {
    font-size: 34px;
    line-height: 1.08;
  }

  .iama-recorddesk-kicker {
    font-size: 12px;
    letter-spacing: 1px;
  }

  .iama-recorddesk-hero-visual {
    min-height: 500px;
  }

  .iama-recorddesk-hero-image-main {
    width: 80%;
  }

  .iama-recorddesk-hero-image-main img {
    height: 410px;
  }

  .iama-recorddesk-hero-image-small {
    width: 54%;
    border-width: 8px;
  }

  .iama-recorddesk-hero-image-small img {
    height: 220px;
  }

  .iama-recorddesk-hero-badge {
    left: 14px;
    bottom: 14px;
    padding: 15px;
  }

  .iama-recorddesk-options-grid article,
  .iama-recorddesk-requirements-card,
  .iama-recorddesk-process-stage article,
  .iama-recorddesk-delivery-cards article,
  .iama-recorddesk-checks-grid>div {
    min-height: auto;
    padding: 24px;
  }

  .iama-recorddesk-process-stage {
    grid-template-columns: 1fr;
  }

  .iama-recorddesk-delivery-visual img {
    height: 380px;
  }
}


/* =========================================================
   IAMA AMBASSADOR WAVE
   Modern Student Ambassadors Page
   Uses the existing .container class
========================================================= */

.iama-ambassadorwave-page,
.iama-ambassadorwave-page section {
  position: relative;
  overflow: hidden;
}

.iama-ambassadorwave-page h2 {
  margin: 0;
  font-family: "Outfit", sans-serif;
  font-size: 60px;
  font-weight: 600;
  line-height: 1.05;
  letter-spacing: -0.6px;
  color: #000;
}

.iama-ambassadorwave-page h2 strong {
  color: #00287d;
  font-weight: 600;
}

.iama-ambassadorwave-page h3 {
  margin: 0;
  font-family: "Outfit", sans-serif;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.15;
  color: #000;
}

.iama-ambassadorwave-page p {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #000;
  line-height: 1.4em;
}

.iama-ambassadorwave-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 22px;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  color: #00287d;
}

.iama-ambassadorwave-kicker i {
  color: #ffc63b;
}

.iama-ambassadorwave-kicker-light {
  color: #fff;
}

/* HERO */

.iama-ambassadorwave-hero {
  padding: 120px 0;
  background: #fff;
}

.iama-ambassadorwave-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  align-items: center;
  gap: 90px;
}

.iama-ambassadorwave-hero-copy h2 {
  margin-bottom: 28px;
}

.iama-ambassadorwave-hero-copy p {
  max-width: 680px;
}

.iama-ambassadorwave-hero-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 22px;
  margin-top: 36px;
}

.iama-ambassadorwave-hero-actions a {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  min-height: 60px;
  padding: 0 22px;
  font-family: "Inter", sans-serif;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  color: #fff;
  background: #00287d;
  transition: transform 0.3s ease, background 0.3s ease;
}

.iama-ambassadorwave-hero-actions a:hover {
  transform: translateY(-4px);
  color: #00287d;
  background: #ffc63b;
}

.iama-ambassadorwave-hero-actions>span {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #000;
}

.iama-ambassadorwave-hero-actions>span i {
  color: #ffc63b;
}

.iama-ambassadorwave-hero-visual {
  position: relative;
  min-height: 660px;
}

.iama-ambassadorwave-hero-main {
  position: absolute;
  top: 0;
  right: 0;
  width: 72%;
  overflow: hidden;
  border-radius: 28px;
}

.iama-ambassadorwave-hero-main img {
  display: block;
  width: 100%;
  height: 560px;
  object-fit: cover;
}

.iama-ambassadorwave-hero-side {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 46%;
  overflow: hidden;
  border: 12px solid #fff;
  box-shadow: 0 20px 45px rgba(0, 40, 125, 0.16);
}

.iama-ambassadorwave-hero-side img {
  display: block;
  width: 100%;
  height: 310px;
  object-fit: cover;
}

.iama-ambassadorwave-hero-note {
  position: absolute;
  right: 28px;
  bottom: 24px;
  padding: 18px 22px;
  background: #ffc63b;
}

.iama-ambassadorwave-hero-note span,
.iama-ambassadorwave-hero-note strong {
  display: block;
  font-family: "Inter", sans-serif;
}

.iama-ambassadorwave-hero-note span {
  margin-bottom: 5px;
  font-size: 13px;
  font-weight: 700;
  color: #00287d;
}

.iama-ambassadorwave-hero-note strong {
  font-size: 17px;
  color: #000;
}

/* ROLE */

.iama-ambassadorwave-role {
  padding: 120px 0;
  background: #00287d;
}

.iama-ambassadorwave-role .iama-ambassadorwave-kicker {
  color: #fff;
}

.iama-ambassadorwave-role h2 {
  color: #fff;
}

.iama-ambassadorwave-role h2 strong {
  color: #ffc63b;
}

.iama-ambassadorwave-role-head {
  max-width: 940px;
  margin-bottom: 64px;
}

.iama-ambassadorwave-role-head p {
  max-width: 760px;
  margin-top: 24px;
  color: #fff;
}

.iama-ambassadorwave-role-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.iama-ambassadorwave-role-grid article {
  min-height: 330px;
  padding: 28px;
  border: 1px solid #fff;
}

.iama-ambassadorwave-role-number {
  margin-bottom: 34px;
  font-family: "Outfit", sans-serif;
  font-size: 18px;
  color: #ffc63b;
}

.iama-ambassadorwave-role-grid i {
  display: block;
  margin-bottom: 24px;
  font-size: 30px;
  color: #ffc63b;
}

.iama-ambassadorwave-role-grid h3 {
  margin-bottom: 14px;
  color: #fff;
}

.iama-ambassadorwave-role-grid p {
  font-size: 16px;
  color: #fff;
}

/* EXPERIENCE */

.iama-ambassadorwave-experience {
  padding: 120px 0;
  background: #fff;
}

.iama-ambassadorwave-experience-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  align-items: center;
  gap: 90px;
}

.iama-ambassadorwave-experience-copy h2 {
  margin-bottom: 26px;
}

.iama-ambassadorwave-experience-points {
  display: grid;
  gap: 14px;
  margin-top: 34px;
}

.iama-ambassadorwave-experience-points span {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-bottom: 14px;
  border-bottom: 1px solid #00287d;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #000;
}

.iama-ambassadorwave-experience-points i {
  color: #ffc63b;
}

.iama-ambassadorwave-experience-visual {
  position: relative;
  padding: 0 36px 40px 0;
}

.iama-ambassadorwave-experience-visual img {
  display: block;
  width: 100%;
  height: 620px;
  object-fit: cover;
  border-radius: 90px 24px 24px 24px;
}

.iama-ambassadorwave-experience-badge {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 18px 22px;
  background: #00287d;
}

.iama-ambassadorwave-experience-badge i {
  color: #ffc63b;
}

.iama-ambassadorwave-experience-badge span {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
}

/* APPLY */

.iama-ambassadorwave-apply {
  padding: 120px 0;
  background: #ffc63b;
}

.iama-ambassadorwave-apply-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
  gap: 90px;
}

.iama-ambassadorwave-apply-title h2 {
  margin-bottom: 26px;
}

.iama-ambassadorwave-apply-cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.iama-ambassadorwave-apply-cards>div {
  min-height: 210px;
  padding: 26px;
  background: #fff;
  border: 1px solid #00287d;
}

.iama-ambassadorwave-apply-cards span {
  display: block;
  margin-bottom: 28px;
  font-family: "Outfit", sans-serif;
  font-size: 18px;
  color: #00287d;
}

.iama-ambassadorwave-apply-cards strong {
  display: block;
  margin-bottom: 10px;
  font-family: "Outfit", sans-serif;
  font-size: 23px;
  color: #000;
}

.iama-ambassadorwave-apply-cards p {
  font-size: 16px;
}

/* JOURNEY */

.iama-ambassadorwave-journey {
  padding: 120px 0;
  background: #fff;
}

.iama-ambassadorwave-journey-head {
  max-width: 900px;
  margin-bottom: 58px;
}

.iama-ambassadorwave-journey-track {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

.iama-ambassadorwave-journey-track article {
  min-height: 280px;
  padding: 28px;
  border-top: 6px solid #00287d;
  box-shadow: 0 18px 45px rgba(0, 40, 125, 0.12);
  background: #fff;
}

.iama-ambassadorwave-journey-track span {
  display: block;
  margin-bottom: 40px;
  font-family: "Outfit", sans-serif;
  font-size: 18px;
  color: #00287d;
}

.iama-ambassadorwave-journey-track h3 {
  margin-bottom: 14px;
}

.iama-ambassadorwave-journey-track p {
  font-size: 16px;
}

/* CTA */

.iama-ambassadorwave-cta {
  padding: 95px 0;
  background: #00287d;
}

.iama-ambassadorwave-cta-shell {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 300px;
  align-items: end;
  gap: 70px;
}

.iama-ambassadorwave-cta h2 {
  margin-bottom: 24px;
  color: #fff;
}

.iama-ambassadorwave-cta h2 strong {
  color: #ffc63b;
}

.iama-ambassadorwave-cta p {
  max-width: 780px;
  color: #fff;
}

.iama-ambassadorwave-cta-actions {
  display: grid;
  gap: 14px;
}

.iama-ambassadorwave-cta-actions a {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  min-height: 60px;
  padding: 0 22px;
  font-family: "Inter", sans-serif;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  transition: transform 0.3s ease, background 0.3s ease;
}

.iama-ambassadorwave-cta-actions a:first-child {
  color: #00287d;
  background: #ffc63b;
}

.iama-ambassadorwave-cta-actions a:last-child {
  border: 1px solid #fff;
  color: #fff;
  background: transparent;
}

.iama-ambassadorwave-cta-actions a:hover {
  transform: translateY(-4px);
}

.iama-ambassadorwave-cta-actions a:first-child:hover {
  background: #fff;
}

.iama-ambassadorwave-cta-actions a:last-child:hover {
  color: #00287d;
  background: #fff;
}

/* RESPONSIVE */

@media (max-width: 1199px) {
  .iama-ambassadorwave-page h2 {
    font-size: 50px;
  }

  .iama-ambassadorwave-hero-grid,
  .iama-ambassadorwave-experience-layout,
  .iama-ambassadorwave-apply-grid {
    gap: 60px;
  }
}

@media (max-width: 991px) {

  .iama-ambassadorwave-hero,
  .iama-ambassadorwave-role,
  .iama-ambassadorwave-experience,
  .iama-ambassadorwave-apply,
  .iama-ambassadorwave-journey {
    padding: 90px 0;
  }

  .iama-ambassadorwave-page h2 {
    font-size: 44px;
  }

  .iama-ambassadorwave-hero-grid,
  .iama-ambassadorwave-experience-layout,
  .iama-ambassadorwave-apply-grid,
  .iama-ambassadorwave-cta-shell {
    grid-template-columns: 1fr;
  }

  .iama-ambassadorwave-hero-visual,
  .iama-ambassadorwave-experience-visual {
    max-width: 760px;
  }

  .iama-ambassadorwave-role-grid,
  .iama-ambassadorwave-journey-track {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .iama-ambassadorwave-cta-actions {
    max-width: 320px;
  }
}

@media (max-width: 767px) {

  .iama-ambassadorwave-hero,
  .iama-ambassadorwave-role,
  .iama-ambassadorwave-experience,
  .iama-ambassadorwave-apply,
  .iama-ambassadorwave-journey {
    padding: 72px 0;
  }

  .iama-ambassadorwave-cta {
    padding: 72px 0;
  }

  .iama-ambassadorwave-page h2 {
    font-size: 38px;
    letter-spacing: -0.4px;
  }

  .iama-ambassadorwave-page p {
    font-size: 18px;
  }

  .iama-ambassadorwave-hero-visual {
    min-height: 560px;
  }

  .iama-ambassadorwave-role-grid,
  .iama-ambassadorwave-apply-cards,
  .iama-ambassadorwave-journey-track {
    grid-template-columns: 1fr;
  }

  .iama-ambassadorwave-experience-visual {
    padding: 0;
  }

  .iama-ambassadorwave-experience-visual img {
    height: 500px;
  }

  .iama-ambassadorwave-experience-badge {
    position: relative;
    right: auto;
    bottom: auto;
    margin: -18px 18px 0;
  }
}

@media (max-width: 575px) {
  .iama-ambassadorwave-page h2 {
    font-size: 34px;
    line-height: 1.08;
  }

  .iama-ambassadorwave-kicker {
    font-size: 12px;
    letter-spacing: 1px;
  }

  .iama-ambassadorwave-hero-visual {
    min-height: 500px;
  }

  .iama-ambassadorwave-hero-main {
    width: 80%;
  }

  .iama-ambassadorwave-hero-main img {
    height: 410px;
  }

  .iama-ambassadorwave-hero-side {
    width: 54%;
    border-width: 8px;
  }

  .iama-ambassadorwave-hero-side img {
    height: 220px;
  }

  .iama-ambassadorwave-hero-note {
    right: 14px;
    bottom: 14px;
    padding: 15px;
  }

  .iama-ambassadorwave-role-grid article,
  .iama-ambassadorwave-apply-cards>div,
  .iama-ambassadorwave-journey-track article {
    min-height: auto;
    padding: 24px;
  }

  .iama-ambassadorwave-experience-visual img {
    height: 380px;
  }
}

/*=====================================================
DIGITAL CAMPUS CTA
=====================================================*/

.iama-cix-cta {
  position: relative;
  display: flex;
  align-items: center;
  overflow: hidden;
  padding: 50px 0;
}

.iama-cix-cta-image,
.iama-cix-cta-overlay {
  position: absolute;
  inset: 0;
}

.iama-cix-cta-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.iama-cix-cta-overlay {
  background: linear-gradient(90deg,
      rgba(2, 15, 48, .96) 0%,
      rgba(0, 40, 125, .89) 48%,
      rgba(0, 40, 125, .54) 100%);
}

.iama-cix-cta .container {
  position: relative;
  z-index: 3;
}

/*=====================================
Layout
=====================================*/

.iama-cix-cta-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 80px;
}

.iama-cix-cta-content {
  flex: 1;
  max-width: 830px;
}

/*=====================================
Heading
=====================================*/

.iama-cix-cta-content h2 {
  margin: 0 0 23px;
  font-family: "Outfit", sans-serif;
  color: #fff;
  font-size: 58px;
  font-weight: 600;
  line-height: 1.07;
  letter-spacing: -1.7px;
}

.iama-cix-cta-content>p {
  max-width: 750px;
  margin: 0;
  font-family: "Inter", sans-serif;
  color: #fff;
  font-size: 18px;
  line-height: 1.4;
}

/*=====================================
Buttons
=====================================*/

.iama-cix-cta-actions {
  display: flex;
  flex-direction: column;
  gap: 16px;
  flex-shrink: 0;
}

.iama-cix-cta-primary,
.iama-cix-cta-secondary {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  min-width: 290px;
  min-height: 58px;
  padding: 14px 24px;
  border-radius: 13px;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
  transition:
    transform .3s ease,
    background .3s ease,
    color .3s ease;
}

.iama-cix-cta-primary {
  border: 1px solid var(--iama-cix-yellow);
  background: var(--iama-cix-yellow);
  color: var(--iama-cix-dark);
}

.iama-cix-cta-secondary {
  border: 1px solid rgba(255, 255, 255, .4);
  background: rgba(255, 255, 255, .08);
  color: #fff;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.iama-cix-cta-primary:hover,
.iama-cix-cta-secondary:hover {
  transform: translateY(-4px);
  background: #fff;
  color: var(--iama-cix-blue);
}

.iama-cix-cta-primary i,
.iama-cix-cta-secondary i {
  transition: transform .3s ease;
}

.iama-cix-cta-primary:hover i,
.iama-cix-cta-secondary:hover i {
  transform: translateX(5px);
}

/*=====================================
Tablet
=====================================*/

@media (max-width:991px) {

  .iama-cix-cta {
    min-height: auto;
    padding: 80px 0;
  }

  .iama-cix-cta-inner {
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
  }

  .iama-cix-cta-content {
    max-width: 100%;
  }

  .iama-cix-cta-content h2 {
    font-size: 44px;
  }

  .iama-cix-cta-actions {
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
  }

  .iama-cix-cta-primary,
  .iama-cix-cta-secondary {
    min-width: 240px;
  }

}

/*=====================================
Mobile
=====================================*/

@media (max-width:767px) {

  .iama-cix-cta {
    padding: 60px 0;
  }

  .iama-cix-cta-content h2 {
    font-size: 34px;
    line-height: 1.2;
    letter-spacing: -1px;
  }

  .iama-cix-cta-content>p {
    font-size: 16px;
  }

  .iama-cix-cta-actions {
    width: 100%;
    flex-direction: column;
  }

  .iama-cix-cta-primary,
  .iama-cix-cta-secondary {
    width: 100%;
    min-width: 100%;
  }

}


/* =========================================================
   IAMA ALUMNI PULSE
   Modern Alumni Community Page
   Uses the existing .container class
========================================================= */

.iama-alumnipulse-page,
.iama-alumnipulse-page section {
  position: relative;
  overflow: hidden;
}

.iama-alumnipulse-page h2 {
  margin: 0;
  font-family: "Outfit", sans-serif;
  font-size: 60px;
  font-weight: 600;
  line-height: 1.05;
  letter-spacing: -0.6px;
  color: #000;
}

.iama-alumnipulse-page h2 strong {
  color: #00287d;
  font-weight: 600;
}

.iama-alumnipulse-page h3 {
  margin: 0;
  font-family: "Outfit", sans-serif;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.15;
  color: #000;
}

.iama-alumnipulse-page p {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #000;
  line-height: 1.4em;
}

.iama-alumnipulse-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 22px;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  color: #00287d;
}

.iama-alumnipulse-kicker i {
  color: #ffc63b;
}

.iama-alumnipulse-kicker-light {
  color: #fff;
}

/* HERO */

.iama-alumnipulse-hero {
  padding: 70px 0;
  background: #fff;
}

.iama-alumnipulse-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  align-items: center;
  gap: 90px;
}

.iama-alumnipulse-hero-copy h2 {
  margin-bottom: 28px;
}

.iama-alumnipulse-hero-copy p {
  max-width: 700px;
}

.iama-alumnipulse-hero-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 22px;
  margin-top: 36px;
}

.iama-alumnipulse-hero-actions a {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  min-height: 60px;
  padding: 0 22px;
  font-family: "Inter", sans-serif;
  font-size: 19px;
  font-weight: 700;
  text-decoration: none;
  color: #fff;
  background: #00287d;
  transition: transform 0.3s ease, background 0.3s ease;
      border-radius:50px;
}

.iama-alumnipulse-hero-actions a:hover {
  transform: translateY(-4px);
  color: #00287d;
  background: #ffc63b;
}

.iama-alumnipulse-hero-actions span {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #000;
}

.iama-alumnipulse-hero-actions span i {
  color: #ffc63b;
}

.iama-alumnipulse-hero-visual {
  position: relative;
  min-height: 660px;
}

.iama-alumnipulse-hero-main {
  position: absolute;
  top: 0;
  right: 0;
  width: 78%;
  overflow: hidden;
  border-radius: 28px;
}

.iama-alumnipulse-hero-main img {
  display: block;
  width: 100%;
  height: 560px;
  object-fit: cover;
}

.iama-alumnipulse-hero-mini {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 44%;
  border: 12px solid #fff;
  box-shadow: 0 20px 45px rgba(0, 40, 125, 0.16);
}

.iama-alumnipulse-hero-mini img {
  display: block;
  width: 100%;
  height: 300px;
  object-fit: cover;
}

.iama-alumnipulse-hero-quote {
  position: absolute;
  right: 24px;
  bottom: 18px;
  max-width: 330px;
  padding: 20px 22px;
  background: #ffc63b;
}

.iama-alumnipulse-hero-quote span,
.iama-alumnipulse-hero-quote strong {
  display: block;
  font-family: "Inter", sans-serif;
}

.iama-alumnipulse-hero-quote span {
  margin-bottom: 6px;
  font-size: 19px;
  font-weight: 700;
  color: #00287d;
}

.iama-alumnipulse-hero-quote strong {
  font-size: 18px;
  color: #000;
}

/* HIGHLIGHTS */

.iama-alumnipulse-highlights {
  padding: 70px 0;
  background: #ffc63b;
}

.iama-alumnipulse-head {
  max-width: 930px;
  margin-bottom: 58px;
}

.iama-alumnipulse-head h2 {
  margin-bottom: 24px;
}

.iama-alumnipulse-head p {
  max-width: 760px;
}

.iama-alumnipulse-highlight-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.iama-alumnipulse-highlight-grid article {
  display: grid;
  grid-template-columns: 68px minmax(0, 1fr);
  gap: 20px;
  padding: 28px;
  border: 1px solid #00287d;
  background: #fff;
      border-radius:20px;
}

.iama-alumnipulse-highlight-grid article>i {
  display: grid;
  place-items: center;
  width: 58px;
  height: 58px;
  border-radius: 50%;
  color: #fff;
  background: #00287d;
}

.iama-alumnipulse-highlight-grid h3 {
  margin-bottom: 10px;
}

.iama-alumnipulse-highlight-grid p {
  font-size: 18px;
}

/* STORY */

.iama-alumnipulse-story {
  padding: 120px 0;
  background: #fff;
}

.iama-alumnipulse-story-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
  align-items: center;
  gap: 90px;
}

.iama-alumnipulse-story-image {
  overflow: hidden;
  border-radius: 90px 24px 24px 24px;
}

.iama-alumnipulse-story-image img {
  display: block;
  width: 100%;
  height: 620px;
  object-fit: cover;
}

.iama-alumnipulse-story-copy h2 {
  margin-bottom: 26px;
}

.iama-alumnipulse-story-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 34px;
}

.iama-alumnipulse-story-metrics div {

  padding: 20px;
  border: 1px solid #00287d;
}

.iama-alumnipulse-story-metrics span,
.iama-alumnipulse-story-metrics strong {
  display: block;
  font-family: "Inter", sans-serif;
}

.iama-alumnipulse-story-metrics span {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: 50px;
  height: 50px;
  margin-bottom: 24px;

  border-radius: 50%;
  color: #fff;
  background: #00287d;

  font-size: 14px;
  line-height: 1;
  text-align: center;
  flex-shrink: 0;
}

.iama-alumnipulse-story-metrics strong {
  font-size: 22px;
  color: #000;
}

/* PATHS */

.iama-alumnipulse-paths {
  padding: 70px 0;
  background: #00287d;
}

.iama-alumnipulse-head-light .iama-alumnipulse-kicker {
  color: #fff;
}

.iama-alumnipulse-head-light h2 {
  color: #fff;
}

.iama-alumnipulse-head-light h2 strong {
  color: #ffc63b;
}

.iama-alumnipulse-path-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.iama-alumnipulse-path-grid article {
height: 220px;
  display: flex;
  flex-direction: column;
  padding: 28px;
  border: 1px solid #fff;
}

.iama-alumnipulse-path-grid span {
  display: block;
  margin-bottom: 34px;
  font-family: "Outfit", sans-serif;
  font-size: 18px;
  color: #ffc63b;
}

.iama-alumnipulse-path-grid h3 {
  margin-bottom: 14px;
  color: #fff;
}

.iama-alumnipulse-path-grid p {
  margin-bottom: 24px;
  font-size: 16px;
  color: #fff;
}

.iama-alumnipulse-path-grid a {
  display: inline-flex;
  align-items: center;
  gap: 12px;

  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
  color: #ffc63b;
}

/* GALLERY */

.iama-alumnipulse-gallery {
  padding: 70px 0;
  background: #fff;
}

.iama-alumnipulse-gallery-layout {
  display: grid;
  grid-template-columns: minmax(0, 0.78fr) minmax(0, 1.22fr);
  align-items: center;
  gap: 90px;
}

.iama-alumnipulse-gallery-copy h2 {
  margin-bottom: 26px;
}

.iama-alumnipulse-gallery-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 34px;
}

.iama-alumnipulse-gallery-tags span {
  padding: 10px 16px;
  border: 1px solid #00287d;
  border-radius: 100px;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #00287d;
}

.iama-alumnipulse-gallery-mosaic {
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  grid-template-rows: repeat(2, 250px);
  gap: 14px;
}

.iama-alumnipulse-gallery-mosaic>div {
  overflow: hidden;
  border-radius: 22px;
}

.iama-alumnipulse-gallery-large {
  grid-row: 1 / span 2;
}

.iama-alumnipulse-gallery-mosaic img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* VALUES */

.iama-alumnipulse-values {
  padding: 70px 0;
  background: #ffc63b;
}

.iama-alumnipulse-values-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  align-items: center;
  gap: 90px;
}

.iama-alumnipulse-values-image {
  overflow: hidden;
  border-radius: 24px;
}

.iama-alumnipulse-values-image img {
  display: block;
  width: 100%;
  height: 620px;
  object-fit: cover;
}

.iama-alumnipulse-values-copy h2 {
  margin-bottom: 26px;
}

.iama-alumnipulse-value-cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-top: 34px;
}

.iama-alumnipulse-value-cards article {
  padding: 24px;
  background: #fff;
}

.iama-alumnipulse-value-cards i {
  margin-bottom: 22px;
  font-size: 28px;
  color: #00287d;
}

.iama-alumnipulse-value-cards h3 {
  margin-bottom: 10px;
  font-size: 22px;
}

.iama-alumnipulse-value-cards p {
  font-size: 15px;
}

/* CTA */

.iama-alumnipulse-cta {
  padding: 120px 0;
  background: #fff;
}

.iama-alumnipulse-cta-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  align-items: stretch;
}

.iama-alumnipulse-cta-image img {
  display: block;
  width: 100%;
  height: 100%;
  height: 500px;
  object-fit: cover;
}

.iama-alumnipulse-cta-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 70px;
  background: #00287d;
}

.iama-alumnipulse-cta-copy h2 {
  margin-bottom: 24px;
  color: #fff;
}

.iama-alumnipulse-cta-copy h2 strong {
  color: #ffc63b;
}

.iama-alumnipulse-cta-copy p {
  color: #fff;
}

.iama-alumnipulse-cta-copy a {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  width: fit-content;
  min-height: 60px;
  margin-top: 34px;
  padding: 0 22px;
  font-family: "Inter", sans-serif;
  font-size: 19px;
  font-weight: 700;
  text-decoration: none;
  color: #00287d;
  background: #ffc63b;
  
    border-radius:50px;
}

/* RESPONSIVE */

@media (max-width: 1199px) {
  .iama-alumnipulse-page h2 {
    font-size: 50px;
  }

  .iama-alumnipulse-hero-grid,
  .iama-alumnipulse-story-grid,
  .iama-alumnipulse-gallery-layout,
  .iama-alumnipulse-values-grid {
    gap: 60px;
  }

  .iama-alumnipulse-path-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 991px) {

  .iama-alumnipulse-hero,
  .iama-alumnipulse-highlights,
  .iama-alumnipulse-story,
  .iama-alumnipulse-paths,
  .iama-alumnipulse-gallery,
  .iama-alumnipulse-values,
  .iama-alumnipulse-cta {
    padding: 90px 0;
  }

  .iama-alumnipulse-page h2 {
    font-size: 44px;
  }

  .iama-alumnipulse-hero-grid,
  .iama-alumnipulse-story-grid,
  .iama-alumnipulse-gallery-layout,
  .iama-alumnipulse-values-grid,
  .iama-alumnipulse-cta-grid {
    grid-template-columns: 1fr;
  }

  .iama-alumnipulse-hero-visual,
  .iama-alumnipulse-story-image,
  .iama-alumnipulse-gallery-mosaic,
  .iama-alumnipulse-values-image {
    max-width: 760px;
  }

  .iama-alumnipulse-cta-copy {
    padding: 55px;
  }
}

@media (max-width: 767px) {

  .iama-alumnipulse-hero,
  .iama-alumnipulse-highlights,
  .iama-alumnipulse-story,
  .iama-alumnipulse-paths,
  .iama-alumnipulse-gallery,
  .iama-alumnipulse-values,
  .iama-alumnipulse-cta {
    padding: 72px 0;
  }

  .iama-alumnipulse-page h2 {
    font-size: 38px;
    letter-spacing: -0.4px;
  }

  .iama-alumnipulse-page p {
    font-size: 18px;
  }

  .iama-alumnipulse-highlight-grid,
  .iama-alumnipulse-path-grid,
  .iama-alumnipulse-value-cards,
  .iama-alumnipulse-story-metrics {
    grid-template-columns: 1fr;
  }

  .iama-alumnipulse-hero-visual {
    min-height: 560px;
  }

  .iama-alumnipulse-story-image img,
  .iama-alumnipulse-values-image img {
    height: 500px;
  }

  .iama-alumnipulse-gallery-mosaic {
    grid-template-columns: 1fr;
    grid-template-rows: 320px 220px 220px;
  }

  .iama-alumnipulse-gallery-large {
    grid-row: auto;
  }

  .iama-alumnipulse-cta-copy {
    padding: 42px 30px;
  }

  .iama-alumnipulse-cta-image img {
    min-height: 420px;
  }
}

@media (max-width: 575px) {
  .iama-alumnipulse-page h2 {
    font-size: 34px;
    line-height: 1.08;
  }

  .iama-alumnipulse-kicker {
    font-size: 12px;
    letter-spacing: 1px;
  }

  .iama-alumnipulse-hero-visual {
    min-height: 500px;
  }

  .iama-alumnipulse-hero-main {
    width: 82%;
  }

  .iama-alumnipulse-hero-main img {
    height: 410px;
  }

  .iama-alumnipulse-hero-mini {
    width: 54%;
    border-width: 8px;
  }

  .iama-alumnipulse-hero-mini img {
    height: 220px;
  }

  .iama-alumnipulse-hero-quote {
    right: 14px;
    bottom: 14px;
    max-width: 250px;
    padding: 15px;
  }

  .iama-alumnipulse-highlight-grid article {
    grid-template-columns: 1fr;
  }

  .iama-alumnipulse-story-image img,
  .iama-alumnipulse-values-image img {
    height: 380px;
  }

  .iama-alumnipulse-path-grid article,
  .iama-alumnipulse-value-cards article {
    min-height: auto;
    padding: 24px;
  }

  .iama-alumnipulse-cta-image img {
    min-height: 340px;
  }
}


/* =========================================================
   IAMA ASSOCIATION HUB
   Modern Alumni Association Page
   Uses the existing .container class
========================================================= */

.iama-associationhub-page,
.iama-associationhub-page section {
  position: relative;
  overflow: hidden;
}

.iama-associationhub-page h2 {
  margin: 0;
  font-family: "Outfit", sans-serif;
  font-size: 60px;
  font-weight: 600;
  line-height: 1.05;
  letter-spacing: -0.6px;
  color: #000;
}

.iama-associationhub-page h2 strong {
  color: #00287d;
  font-weight: 600;
}

.iama-associationhub-page h3 {
  margin: 0;
  font-family: "Outfit", sans-serif;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.15;
  color: #000;
}

.iama-associationhub-page p {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #000;
  line-height: 1.4em;
}

.iama-associationhub-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 22px;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  color: #00287d;
}

.iama-associationhub-kicker i {
  color: #ffc63b;
}

.iama-associationhub-kicker-light {
  color: #fff;
}

/* HERO */

.iama-associationhub-hero {
  padding: 70px 0;
  background: #fff;
}

.iama-associationhub-hero-frame {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  align-items: center;
  gap: 90px;
}

.iama-associationhub-hero-copy h2 {
  margin-bottom: 28px;
}

.iama-associationhub-hero-copy p {
  max-width: 700px;
}

.iama-associationhub-hero-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 22px;
  margin-top: 36px;
}

.iama-associationhub-hero-actions a {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  min-height: 60px;
  padding: 0 22px;
  font-family: "Inter", sans-serif;
  font-size: 19px;
  font-weight: 700;
  text-decoration: none;
  color: #fff;
  background: #00287d;
  transition: transform 0.3s ease, background 0.3s ease;
      border-radius:50px;
}

.iama-associationhub-hero-actions a:hover {
  transform: translateY(-4px);
  color: #00287d;
  background: #ffc63b;
}

.iama-associationhub-hero-actions span {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #000;
}

.iama-associationhub-hero-actions span i {
  color: #ffc63b;
}

.iama-associationhub-hero-visual {
  position: relative;
  padding: 0 42px 50px 0;
}

.iama-associationhub-hero-visual>img {
  display: block;
  width: 100%;
  height: 450px;
  object-fit: cover;
  border-radius: 28px;
}

.iama-associationhub-hero-membership {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  gap: 16px;
  max-width: 360px;
  padding: 22px 24px;
  background: #00287d;
}

.iama-associationhub-hero-membership>i {
  display: grid;
  place-items: center;
  flex: 0 0 52px;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  color: #00287d;
  background: #ffc63b;
}

.iama-associationhub-hero-membership strong,
.iama-associationhub-hero-membership span {
  display: block;
  font-family: "Inter", sans-serif;
}

.iama-associationhub-hero-membership strong {
  margin-bottom: 5px;
  font-size: 16px;
  color: #ffc63b;
}

.iama-associationhub-hero-membership span {
  font-size: 14px;
  color: #fff;
}

.iama-associationhub-hero-network {
  position: absolute;
  top: 28px;
  left: -34px;
  max-width: 280px;
  padding: 20px 22px;
  background: #ffc63b;
}

.iama-associationhub-hero-network span {
  display: block;
  margin-bottom: 8px;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #00287d;
}

.iama-associationhub-hero-network h3 {
  font-size: 18px;
}

/* PILLARS */

.iama-associationhub-pillars {
  padding: 70px 0;
  background: #ffc63b;
}

.iama-associationhub-pillars-top {
  max-width: 940px;
  margin-bottom: 64px;
}

.iama-associationhub-pillars-top h2 {
  margin-bottom: 24px;
}

.iama-associationhub-pillars-top p {
  max-width: 760px;
}

.iama-associationhub-pillars-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

.iama-associationhub-pillars-grid article {
  height: 280px;
  padding: 28px;
  background: #fff;
  transition: transform 0.3s ease, background 0.3s ease;
      border-radius:30px;
}

.iama-associationhub-pillars-grid article:hover {
  transform: translateY(-8px);
  background: #00287d;
}

.iama-associationhub-pillar-icon {
  display: grid;
  place-items: center;
  width: 62px;
  height: 62px;
  margin-bottom: 28px;
  border-radius: 50%;
  font-size: 24px;
  color: #fff;
  background: #00287d;
}

.iama-associationhub-pillars-grid article>span {
  display: block;
  margin-bottom: 18px;
  font-family: "Outfit", sans-serif;
  font-size: 18px;
  color: #00287d;
}

.iama-associationhub-pillars-grid h3 {
  margin-bottom: 14px;
}

.iama-associationhub-pillars-grid p {
  font-size: 16px;
}

.iama-associationhub-pillars-grid article:hover>span {
  color: #ffc63b;
}

.iama-associationhub-pillars-grid article:hover h3,
.iama-associationhub-pillars-grid article:hover p {
  color: #fff;
}

/* EXPERIENCE */

.iama-associationhub-experience {
  padding: 70px 0;
  background: #fff;
}

.iama-associationhub-experience-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  align-items: center;
  gap: 90px;
}

.iama-associationhub-experience-copy h2 {
  margin-bottom: 26px;
}

.iama-associationhub-experience-tabs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 34px;
}

.iama-associationhub-experience-tabs article {
  min-height: 170px;
  padding: 22px;
  border: 1px solid #00287d;
}

.iama-associationhub-experience-tabs span {
  display: block;
  margin-bottom: 18px;
  font-family: "Outfit", sans-serif;
  font-size: 22px;
  color: #00287d;
  font-weight:600;
}

.iama-associationhub-experience-tabs p {
  font-size: 18px;
}

.iama-associationhub-experience-image {
  position: relative;
  padding: 0 34px 40px 0;
}

.iama-associationhub-experience-image>img {
  display: block;
  width: 100%;
  height: 620px;
  object-fit: cover;
  border-radius: 90px 24px 24px 24px;
}

.iama-associationhub-experience-label {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 18px 22px;
  background: #00287d;
}

.iama-associationhub-experience-label i {
  color: #ffc63b;
}

.iama-associationhub-experience-label span {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
}

/* ROUTES */

.iama-associationhub-routes {
  padding: 70px 0;
  background: #00287d;
}

.iama-associationhub-routes .iama-associationhub-kicker {
  color: #fff;
}

.iama-associationhub-routes h2 {
  color: #fff;
}

.iama-associationhub-routes h2 strong {
  color: #ffc63b;
}

.iama-associationhub-routes-head {
  max-width: 920px;
  margin-bottom: 58px;
}

.iama-associationhub-routes-head p {
  max-width: 760px;
  margin-top: 24px;
  color: #fff;
}

.iama-associationhub-route-board {
  border-top: 1px solid #fff;
}

.iama-associationhub-route-board>a {
  display: flex;
  align-items: center;
  gap: 20px;
  min-height: 118px;
  border-bottom: 1px solid #fff;
  text-decoration: none;
  transition: padding 0.3s ease, background 0.3s ease;
}

.iama-associationhub-route-board>a:hover {
  padding-left: 22px;
  padding-right: 22px;
  background: #fff;
}

.iama-associationhub-route-board>a>span {
  font-family: "Outfit", sans-serif;
  font-size: 18px;
  color: #ffc63b;
}

.iama-associationhub-route-board>a>i {
  display: grid;
  place-items: center;
  width: 54px;
  height: 54px;
  border-radius: 50%;
  color: #00287d;
  background: #ffc63b;
}

.iama-associationhub-route-board h3 {
  margin-bottom: 7px;
  color: #fff;
}

.iama-associationhub-route-board p {
  font-size: 16px;
  color: #fff;
}

.iama-associationhub-route-board b {
  justify-self: end;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  color: #ffc63b;
}

.iama-associationhub-route-board>a:hover h3,
.iama-associationhub-route-board>a:hover p {
  color: #000;
}

.iama-associationhub-route-board>a:hover b {
  color: #00287d;
}

/* IDENTITY */

.iama-associationhub-identity {
  padding: 120px 0;
  background: #fff;
}

.iama-associationhub-identity-shell {
  display: grid;
  grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr);
  align-items: center;
  gap: 90px;
}

.iama-associationhub-identity-copy h2 {
  margin-bottom: 26px;
}

.iama-associationhub-identity-orbit {
  position: relative;
  width: 440px;
  height: 440px;
  margin: 0 auto;
  border: 2px solid #00287d;
  border-radius: 50%;
}

.iama-associationhub-identity-center {
  position: absolute;
  inset: 50%;
  width: 220px;
  height: 220px;
  transform: translate(-50%, -50%);
  display: grid;
  place-items: center;
  align-content: center;
  gap: 12px;
  border-radius: 50%;
  text-align: center;
  background: #00287d;
}

.iama-associationhub-identity-center i {
  font-size: 42px;
  color: #ffc63b;
}

.iama-associationhub-identity-center strong {
  font-family: "Outfit", sans-serif;
  font-size: 26px;
  color: #fff;
}

.iama-associationhub-identity-orbit>span {
  position: absolute;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 8px;
  width: 116px;
  height: 116px;
  border: 2px solid #00287d;
  border-radius: 50%;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #00287d;
  background: #ffc63b;
}

.iama-associationhub-identity-orbit>span i {
  font-size: 20px;
}

.iama-associationhub-orbit-one {
  top: -18px;
  left: 50%;
  transform: translateX(-50%);
}

.iama-associationhub-orbit-two {
  right: -18px;
  top: 50%;
  transform: translateY(-50%);
}

.iama-associationhub-orbit-three {
  bottom: -18px;
  left: 50%;
  transform: translateX(-50%);
}

.iama-associationhub-orbit-four {
  left: -18px;
  top: 50%;
  transform: translateY(-50%);
}

/* CONTRIBUTE */

.iama-associationhub-contribute {
  padding:70px 0;
  background: #ffc63b;
}

.iama-associationhub-contribute-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr);
  align-items: start;
  gap: 90px;
}

.iama-associationhub-contribute-copy h2 {
  margin-bottom: 26px;
}

.iama-associationhub-contribute-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 34px;
}

.iama-associationhub-contribute-tags span {
  padding: 10px 16px;
  border: 1px solid #00287d;
  border-radius: 100px;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #00287d;
  background: #fff;
}

.iama-associationhub-contribute-cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.iama-associationhub-contribute-cards article {
  min-height: 230px;
  padding: 26px;
  background: #fff;
}

.iama-associationhub-contribute-cards span {
  display: block;
  margin-bottom: 28px;
  font-family: "Outfit", sans-serif;
  font-size: 18px;
  color: #00287d;
}

.iama-associationhub-contribute-cards i {
  margin-bottom: 24px;
  font-size: 28px;
  color: #ffc63b;
}

.iama-associationhub-contribute-cards h3 {
  margin-bottom: 12px;
  font-size: 23px;
}

.iama-associationhub-contribute-cards p {
  font-size: 16px;
}

/* CTA */

.iama-associationhub-cta {
  padding: 120px 0;
  background: #fff;
}

.iama-associationhub-cta-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  align-items: stretch;
}

.iama-associationhub-cta-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 70px;
  background: #00287d;
}

.iama-associationhub-cta-copy h2 {
  margin-bottom: 24px;
  color: #fff;
}

.iama-associationhub-cta-copy h2 strong {
  color: #ffc63b;
}

.iama-associationhub-cta-copy p {
  color: #fff;
}

.iama-associationhub-cta-copy a {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  width: fit-content;
  min-height: 60px;
  margin-top: 34px;
  padding: 0 22px;
  font-family: "Inter", sans-serif;
  font-size: 19px;
  font-weight: 700;
  text-decoration: none;
  color: #00287d;
  background: #ffc63b;
  
    border-radius:50px;
}

.iama-associationhub-cta-image img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 580px;
  object-fit: cover;
}

/* RESPONSIVE */

@media (max-width: 1199px) {
  .iama-associationhub-page h2 {
    font-size: 50px;
  }

  .iama-associationhub-hero-frame,
  .iama-associationhub-experience-grid,
  .iama-associationhub-identity-shell,
  .iama-associationhub-contribute-grid {
    gap: 60px;
  }

  .iama-associationhub-pillars-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .iama-associationhub-contribute-cards {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 991px) {

  .iama-associationhub-hero,
  .iama-associationhub-pillars,
  .iama-associationhub-experience,
  .iama-associationhub-routes,
  .iama-associationhub-identity,
  .iama-associationhub-contribute,
  .iama-associationhub-cta {
    padding: 90px 0;
  }

  .iama-associationhub-page h2 {
    font-size: 44px;
  }

  .iama-associationhub-hero-frame,
  .iama-associationhub-experience-grid,
  .iama-associationhub-identity-shell,
  .iama-associationhub-contribute-grid,
  .iama-associationhub-cta-grid {
    grid-template-columns: 1fr;
  }

  .iama-associationhub-hero-visual,
  .iama-associationhub-experience-image {
    max-width: 760px;
  }

  .iama-associationhub-cta-copy {
    padding: 55px;
  }
}

@media (max-width: 767px) {

  .iama-associationhub-hero,
  .iama-associationhub-pillars,
  .iama-associationhub-experience,
  .iama-associationhub-routes,
  .iama-associationhub-identity,
  .iama-associationhub-contribute,
  .iama-associationhub-cta {
    padding: 72px 0;
  }

  .iama-associationhub-page h2 {
    font-size: 38px;
    letter-spacing: -0.4px;
  }

  .iama-associationhub-page p {
    font-size: 18px;
  }

  .iama-associationhub-hero-visual,
  .iama-associationhub-experience-image {
    padding: 0;
  }

  .iama-associationhub-hero-visual>img,
  .iama-associationhub-experience-image>img {
    height: 500px;
  }

  .iama-associationhub-hero-membership,
  .iama-associationhub-experience-label {
    position: relative;
    right: auto;
    bottom: auto;
    margin: -18px 18px 0;
  }

  .iama-associationhub-pillars-grid,
  .iama-associationhub-experience-tabs {
    grid-template-columns: 1fr;
  }

  .iama-associationhub-route-board>a {
    grid-template-columns: 42px 54px minmax(0, 1fr);
    padding: 22px 0;
  }

  .iama-associationhub-route-board b {
    grid-column: 3;
    justify-self: start;
  }

  .iama-associationhub-identity-orbit {
    width: 340px;
    height: 340px;
  }

  .iama-associationhub-identity-center {
    width: 180px;
    height: 180px;
  }

  .iama-associationhub-identity-orbit>span {
    width: 90px;
    height: 90px;
    font-size: 11px;
  }

  .iama-associationhub-cta-copy {
    padding: 42px 30px;
  }

  .iama-associationhub-cta-image img {
    min-height: 420px;
  }
}

@media (max-width: 575px) {
  .iama-associationhub-page h2 {
    font-size: 34px;
    line-height: 1.08;
  }

  .iama-associationhub-kicker {
    font-size: 12px;
    letter-spacing: 1px;
  }

  .iama-associationhub-hero-visual>img,
  .iama-associationhub-experience-image>img {
    height: 380px;
  }

  .iama-associationhub-hero-network {
    top: 12px;
    left: 12px;
    max-width: 230px;
    padding: 15px;
  }

  .iama-associationhub-pillars-grid article,
  .iama-associationhub-experience-tabs article,
  .iama-associationhub-contribute-cards article {
    min-height: auto;
    padding: 24px;
  }

  .iama-associationhub-route-board>a {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .iama-associationhub-route-board b {
    grid-column: 1;
  }

  .iama-associationhub-identity-orbit {
    width: 280px;
    height: 280px;
  }

  .iama-associationhub-identity-center {
    width: 150px;
    height: 150px;
  }

  .iama-associationhub-identity-center strong {
    font-size: 22px;
  }

  .iama-associationhub-identity-orbit>span {
    width: 74px;
    height: 74px;
    font-size: 9px;
  }

  .iama-associationhub-cta-image img {
    min-height: 340px;
  }
}


/* =========================================================
   IAMA MODERN FAQ SECTION
========================================================= */

.faqnewsec {
  position: relative;
  padding: 110px 0;
  background:
    radial-gradient(circle at 8% 12%,
      rgba(255, 198, 59, .16) 0,
      rgba(255, 198, 59, 0) 25%),
    radial-gradient(circle at 92% 85%,
      rgba(0, 40, 125, .10) 0,
      rgba(0, 40, 125, 0) 28%),
    #fff;
  overflow: hidden;
}

.faqnewsec::before {
  content: "";
  position: absolute;
  top: 70px;
  left: -100px;
  width: 220px;
  height: 220px;
  border: 34px solid rgba(0, 40, 125, .04);
  border-radius: 50%;
  pointer-events: none;
}

.faqnewsec::after {
  content: "";
  position: absolute;
  right: -100px;
  bottom: 90px;
  width: 230px;
  height: 230px;
  border: 34px solid rgba(255, 198, 59, .12);
  border-radius: 50%;
  pointer-events: none;
}

.faqnewsec .container {
  position: relative;
  z-index: 2;
}

.faqnewsec-label {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 15px;
  color: #00287d;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1.8px;
  line-height: 1.3;
  text-transform: uppercase;
}

.faqnewsec-label::before {
  content: "";
  width: 25px;
  height: 3px;
  background: #ffc63b;
}

.faqnewsec h2,
.faqnewsec h3,
.faqnewsec p {
  font-family: inherit;
}

.faqnewsec p {
  margin-top: 0;
  color: #fff;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  line-height: 1.4;
}


/* =========================================================
   HERO
========================================================= */

.faqnewsec-hero {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 160px;
  gap: 55px;
  align-items: center;
  margin-bottom: 38px;
  padding: 65px 68px;
  background:
    linear-gradient(120deg,
      #00287d 0%,
      #00287d 68%,
      rgba(0, 40, 125, .96) 100%);
  border-radius: 0 36px 0 36px;
  box-shadow: 0 30px 70px rgba(0, 40, 125, .18);
  overflow: hidden;
}

.faqnewsec-hero::before {
  content: "";
  position: absolute;
  top: -145px;
  right: 125px;
  width: 330px;
  height: 330px;
  border: 55px solid rgba(255, 255, 255, .045);
  border-radius: 50%;
}

.faqnewsec-hero::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 240px;
  height: 10px;
  background: #ffc63b;
}

.faqnewsec-hero-content {
  position: relative;
  z-index: 2;
  max-width: 850px;
}

.faqnewsec-hero .faqnewsec-label {
  color: #ffc63b;
}

.faqnewsec-hero .faqnewsec-label::before {
  background: #fff;
}

.faqnewsec-hero h2 {
  margin: 0 0 22px;
  color: #fff;
  font-size: 52px;
  font-weight: 700;
  letter-spacing: -1.4px;
  line-height: 1.12;
}

.faqnewsec-hero p {
  max-width: 760px;
  margin-bottom: 0;
  color: #fff;
  font-size: 18px;
}

.faqnewsec-hero-icon {
  position: relative;
  z-index: 2;
  width: 138px;
  height: 138px;
  display: flex;
  align-items: center;
  justify-content: center;
  justify-self: end;
  background: #ffc63b;
  color: #00287d;
  border: 10px solid rgba(255, 255, 255, .16);
  border-radius: 30px 8px 30px 8px;
  box-shadow:
    0 22px 40px rgba(0, 0, 0, .18),
    inset 0 0 0 1px rgba(255, 255, 255, .4);
  font-size: 51px;
  transform: rotate(5deg);
  transition:
    transform .4s ease,
    border-radius .4s ease;
}

.faqnewsec-hero:hover .faqnewsec-hero-icon {
  border-radius: 8px 30px 8px 30px;
  transform: rotate(0deg) translateY(-5px);
}

.faqnewsec-hero-icon i {
  transform: rotate(-5deg);
  transition: transform .4s ease;
}

.faqnewsec-hero:hover .faqnewsec-hero-icon i {
  transform: rotate(0deg);
}


/* =========================================================
   CATEGORIES
========================================================= */

.faqnewsec-categories {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
  margin-bottom: 70px;
}

.faqnewsec-category {
  position: relative;
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr);
  gap: 20px;
  align-items: center;
  min-height: 160px;
  padding: 30px;
  background: #fff;
  border: 1px solid rgba(0, 40, 125, .14);
  border-radius: 18px;
  box-shadow: 0 15px 40px rgba(0, 40, 125, .06);
  overflow: hidden;
  cursor: pointer;
  transition:
    transform .35s ease,
    box-shadow .35s ease,
    border-color .35s ease,
    background .35s ease;
}

.faqnewsec-category::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 5px;
  background: #ffc63b;
  transition: width .4s ease;
}

.faqnewsec-category::after {
  content: "";
  position: absolute;
  top: -70px;
  right: -70px;
  width: 145px;
  height: 145px;
  border-radius: 50%;
  background: rgba(0, 40, 125, .035);
  transition:
    transform .4s ease,
    background .4s ease;
}

.faqnewsec-category:hover {
  transform: translateY(-8px);
  border-color: rgba(0, 40, 125, .25);
  box-shadow: 0 24px 55px rgba(0, 40, 125, .12);
}

.faqnewsec-category:hover::before,
.faqnewsec-category.active::before {
  width: 100%;
}

.faqnewsec-category:hover::after {
  background: rgba(255, 198, 59, .14);
  transform: scale(1.15);
}

.faqnewsec-category.active {
  background:
    linear-gradient(135deg,
      rgba(255, 198, 59, .18),
      rgba(255, 255, 255, 1) 65%);
  border-color: rgba(255, 198, 59, .75);
  box-shadow: 0 22px 50px rgba(0, 40, 125, .10);
}

.faqnewsec-category>span {
  position: absolute;
  top: 17px;
  right: 20px;
  z-index: 2;
  color: rgba(0, 40, 125, .09);
  font-family: "Outfit", sans-serif;
  font-size: 38px;
  font-weight: 700;
  line-height: 1;
}

.faqnewsec-category-icon {
  position: relative;
  z-index: 2;
  width: 68px;
  height: 68px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 40, 125, .08);
  color: #00287d;
  border-radius: 18px 5px 18px 5px;
  font-size: 24px;
  transition:
    transform .35s ease,
    background .35s ease,
    color .35s ease,
    border-radius .35s ease;
}

.faqnewsec-category:hover .faqnewsec-category-icon {
  transform: rotate(-5deg) scale(1.05);
  border-radius: 5px 18px 5px 18px;
}

.faqnewsec-category.active .faqnewsec-category-icon {
  background: #00287d;
  color: #fff;
}

.faqnewsec-category:nth-child(2) .faqnewsec-category-icon {
  background: #ffc63b;
  color: #00287d;
}

.faqnewsec-category h3 {
  position: relative;
  z-index: 2;
  margin: 0 0 8px;
  color: #00287d;
  font-size: 25px;
  font-weight: 700;
  line-height: 1.3;
}

.faqnewsec-category p {
  position: relative;
  z-index: 2;
  margin: 0;
  color: #000;
  font-size: 18px;
  line-height: 1.4;
}


/* =========================================================
   MAIN LAYOUT
========================================================= */

.faqnewsec-main {
  display: grid;
  grid-template-columns: minmax(300px, .74fr) minmax(0, 1.26fr);
  gap: 55px;
  align-items: start;
}


/* =========================================================
   HELP PANEL
========================================================= */

.faqnewsec-help {
  position: relative;
  min-height: 590px;
  padding: 48px 42px;
  background:
    linear-gradient(145deg,
      rgba(255, 198, 59, .18) 0%,
      #fff 45%,
      #fff 100%);
  border: 1px solid rgba(0, 40, 125, .13);
  border-top: 7px solid #ffc63b;
  border-radius: 0 30px 0 30px;
  box-shadow: 0 24px 55px rgba(0, 40, 125, .09);
  overflow: hidden;
}

.faqnewsec-help::before {
  content: "";
  position: absolute;
  left: -95px;
  bottom: -95px;
  width: 230px;
  height: 230px;
  border-radius: 50%;
  background: rgba(0, 40, 125, .06);
}

.faqnewsec-help::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 110px;
  height: 110px;
  border-top: 1px solid rgba(0, 40, 125, .08);
  border-right: 1px solid rgba(0, 40, 125, .08);
  border-radius: 0 30px 0 100%;
}

.faqnewsec-help h3 {
  position: relative;
  z-index: 2;
  margin: 0 0 18px;
  color: #00287d;
  font-size: 34px;
  font-weight: 700;
  line-height: 1.2;
}

.faqnewsec-help>p {
  position: relative;
  z-index: 2;
  margin-bottom: 28px;
  color: #000;
  font-size: 18px;
}

.faqnewsec-help ul {
  position: relative;
  z-index: 2;
  margin: 0 0 35px;
  padding: 0;
  list-style: none;
}

.faqnewsec-help li {
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 14px 0;
  border-bottom: 1px solid rgba(0, 40, 125, .11);
  color: #00287d;
  font-family: "Inter", sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.5;
}

.faqnewsec-help li i {
  flex: 0 0 30px;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #00287d;
  color: #fff;
  border-radius: 50%;
  box-shadow: 0 7px 16px rgba(0, 40, 125, .18);
  font-size: 11px;
}

.faqnewsec-btn {
  position: relative;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  min-height: 55px;
  padding: 16px 24px;
  background: #00287d;
  color: #fff;
  border: 2px solid #00287d;
  border-radius: 4px 18px 4px 18px;
  box-shadow: 0 14px 28px rgba(0, 40, 125, .18);
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  transition:
    background .35s ease,
    color .35s ease,
    border-color .35s ease,
    transform .35s ease,
    box-shadow .35s ease;
}

.faqnewsec-btn i {
  transition: transform .35s ease;
}

.faqnewsec-btn:hover {
  background: #ffc63b;
  color: #00287d;
  border-color: #ffc63b;
  transform: translateY(-4px);
  box-shadow: 0 18px 34px rgba(0, 40, 125, .16);
}

.faqnewsec-btn:hover i {
  transform: translateX(5px);
}

.faqnewsec-help-decoration {
  position: absolute;
  right: 25px;
  bottom: 18px;
  color: rgba(0, 40, 125, .055);
  font-size: 112px;
  line-height: 1;
}


/* =========================================================
   ACCORDION
========================================================= */

.faqnewsec-accordion-wrap {
  min-width: 0;
}

.faqnewsec-accordion {
  --bs-accordion-border-radius: 0;
  --bs-accordion-inner-border-radius: 0;
  --bs-accordion-btn-focus-box-shadow: none;
  --bs-accordion-active-color: #00287d;
  --bs-accordion-active-bg: #fff;
}

.faqnewsec-accordion .accordion-item {
  position: relative;
  margin-bottom: 17px;
  background: #fff;
  border: 1px solid rgba(0, 40, 125, .14);
  border-radius: 15px;
  box-shadow: 0 12px 32px rgba(0, 40, 125, .055);
  overflow: hidden;
  transition:
    border-color .3s ease,
    box-shadow .3s ease,
    transform .3s ease;
}

.faqnewsec-accordion .accordion-item:last-child {
  margin-bottom: 0;
}

.faqnewsec-accordion .accordion-item:hover {
  transform: translateY(-2px);
  border-color: rgba(0, 40, 125, .26);
  box-shadow: 0 18px 40px rgba(0, 40, 125, .09);
}

.faqnewsec-accordion .accordion-item:has(.accordion-button:not(.collapsed)) {
  border-color: rgba(255, 198, 59, .9);
  box-shadow: 0 20px 48px rgba(0, 40, 125, .11);
}

.faqnewsec-accordion .accordion-item:has(.accordion-button:not(.collapsed))::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 5px;
  height: 100%;
  background: #ffc63b;
}

.faqnewsec-accordion .accordion-header {
  margin: 0;
}

.faqnewsec-accordion .accordion-button {
  display: flex;
  align-items: center;
  gap: 18px;
  min-height: 92px;
  padding: 23px 27px;
  background: #fff;
  color: #00287d;
  border: 0;
  box-shadow: none;
  font-family: "Outfit", sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.4;
  transition:
    color .3s ease,
    background .3s ease;
}

.faqnewsec-accordion .accordion-button:not(.collapsed) {
  color: #00287d;
  background:
    linear-gradient(90deg,
      rgba(255, 198, 59, .12),
      rgba(255, 255, 255, 1) 48%);
  box-shadow: none;
}

.faqnewsec-accordion .accordion-button:focus {
  border-color: transparent;
  box-shadow: none;
}

.faqnewsec-accordion .accordion-button>span {
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 40, 125, .08);
  color: #00287d;
  border-radius: 12px 4px 12px 4px;
  font-family: "Outfit", sans-serif;
  font-size: 13px;
  font-weight: 700;
  transition:
    background .3s ease,
    color .3s ease,
    border-radius .3s ease,
    transform .3s ease;
}

.faqnewsec-accordion .accordion-button:not(.collapsed)>span {
  background: #00287d;
  color: #fff;
  border-radius: 4px 12px 4px 12px;
  transform: rotate(-3deg);
}

.faqnewsec-accordion .accordion-button::after {
  flex: 0 0 38px;
  width: 38px;
  height: 38px;
  margin-left: auto;
  background-image: none;
  background-color: rgba(0, 40, 125, .07);
  border-radius: 50%;
  transform: none;
  transition:
    background .3s ease,
    transform .3s ease;
}

.faqnewsec-accordion .accordion-button::before {
  content: "+";
  position: absolute;
  right: 39px;
  top: 50%;
  z-index: 2;
  color: #00287d;
  font-family: "Inter", sans-serif;
  font-size: 25px;
  font-weight: 400;
  line-height: 1;
  transform: translateY(-52%);
  transition:
    color .3s ease,
    transform .3s ease;
}

.faqnewsec-accordion .accordion-button:not(.collapsed)::after {
  background: #ffc63b;
  transform: rotate(180deg);
}

.faqnewsec-accordion .accordion-button:not(.collapsed)::before {
  content: "−";
  color: #00287d;
  transform: translateY(-52%);
}

.faqnewsec-accordion .accordion-body {
  position: relative;
  padding: 0 75px 28px 89px;
  color: #000;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4;
}

.faqnewsec-accordion .accordion-body::before {
  content: "";
  position: absolute;
  top: 0;
  left: 89px;
  right: 28px;
  height: 1px;
  background: rgba(0, 40, 125, .10);
}


/* =========================================================
   LARGE LAPTOP
========================================================= */

@media(max-width:1199px) {

  .faqnewsec {
    padding: 95px 0;
  }

  .faqnewsec-hero {
    grid-template-columns: minmax(0, 1fr) 135px;
    gap: 40px;
    padding: 55px 48px;
  }

  .faqnewsec-hero h2 {
    font-size: 46px;
  }

  .faqnewsec-hero-icon {
    width: 125px;
    height: 125px;
    font-size: 46px;
  }

  .faqnewsec-category {
    grid-template-columns: 64px minmax(0, 1fr);
    padding: 27px 24px;
  }

  .faqnewsec-category-icon {
    width: 62px;
    height: 62px;
  }

  .faqnewsec-main {
    gap: 38px;
  }

  .faqnewsec-help {
    padding: 42px 30px;
  }

  .faqnewsec-help h3 {
    font-size: 31px;
  }
}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:991px) {

  .faqnewsec {
    padding: 85px 0;
  }

  .faqnewsec-hero {
    grid-template-columns: minmax(0, 1fr) 105px;
    padding: 48px 40px;
    border-radius: 0 28px 0 28px;
  }

  .faqnewsec-hero h2 {
    font-size: 41px;
  }

  .faqnewsec-hero-icon {
    width: 100px;
    height: 100px;
    border-width: 7px;
    font-size: 37px;
  }

  .faqnewsec-categories {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-bottom: 55px;
  }

  .faqnewsec-category:last-child {
    grid-column: 1 / -1;
  }

  .faqnewsec-main {
    grid-template-columns: 1fr;
    gap: 42px;
  }

  .faqnewsec-help {
    min-height: auto;
    max-width: none;
  }

  .faqnewsec-help-decoration {
    right: 40px;
  }
}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:767px) {

  .faqnewsec {
    padding: 70px 0;
  }

  .faqnewsec p {
    font-size: 16px;
  }

  .faqnewsec-hero {
    grid-template-columns: 1fr;
    gap: 30px;
    margin-bottom: 32px;
    padding: 40px 28px;
    border-radius: 0 24px 0 24px;
  }

  .faqnewsec-hero::before {
    top: -140px;
    right: -80px;
  }

  .faqnewsec-hero::after {
    width: 150px;
    height: 7px;
  }

  .faqnewsec-hero h2 {
    font-size: 36px;
    letter-spacing: -.7px;
  }

  .faqnewsec-hero p {
    font-size: 16px;
  }

  .faqnewsec-hero-icon {
    width: 85px;
    height: 85px;
    justify-self: start;
    border-width: 6px;
    border-radius: 20px 5px 20px 5px;
    font-size: 31px;
  }

  .faqnewsec-categories {
    grid-template-columns: 1fr;
    gap: 17px;
    margin-bottom: 45px;
  }

  .faqnewsec-category:last-child {
    grid-column: auto;
  }

  .faqnewsec-category {
    min-height: auto;
    padding: 25px 22px;
  }

  .faqnewsec-help {
    padding: 36px 27px;
    border-radius: 0 24px 0 24px;
  }

  .faqnewsec-help h3 {
    font-size: 28px;
  }

  .faqnewsec-accordion .accordion-button {
    gap: 13px;
    min-height: 80px;
    padding: 19px 58px 19px 19px;
    font-size: 16px;
  }

  .faqnewsec-accordion .accordion-button>span {
    flex-basis: 38px;
    width: 38px;
    height: 38px;
    font-size: 12px;
  }

  .faqnewsec-accordion .accordion-button::after {
    position: absolute;
    right: 16px;
    width: 34px;
    height: 34px;
  }

  .faqnewsec-accordion .accordion-button::before {
    right: 26px;
    font-size: 22px;
  }

  .faqnewsec-accordion .accordion-body {
    padding: 0 22px 23px 70px;
    font-size: 15px;
  }

  .faqnewsec-accordion .accordion-body::before {
    left: 70px;
    right: 22px;
  }
}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media(max-width:480px) {

  .faqnewsec {
    padding: 58px 0;
  }

  .faqnewsec-hero {
    padding: 35px 22px;
  }

  .faqnewsec-hero h2 {
    font-size: 31px;
  }

  .faqnewsec-category {
    grid-template-columns: 56px minmax(0, 1fr);
    gap: 15px;
    padding: 22px 18px;
    border-radius: 14px;
  }

  .faqnewsec-category-icon {
    width: 54px;
    height: 54px;
    border-radius: 14px 4px 14px 4px;
  }

  .faqnewsec-category h3 {
    padding-right: 20px;
    font-size: 19px;
  }

  .faqnewsec-category>span {
    top: 15px;
    right: 15px;
    font-size: 31px;
  }

  .faqnewsec-help {
    padding: 32px 21px;
  }

  .faqnewsec-help-decoration {
    display: none;
  }

  .faqnewsec-btn {
    width: 100%;
    justify-content: space-between;
  }

  .faqnewsec-accordion .accordion-item {
    border-radius: 12px;
  }

  .faqnewsec-accordion .accordion-button {
    align-items: flex-start;
    padding: 18px 55px 18px 16px;
  }

  .faqnewsec-accordion .accordion-button>span {
    flex-basis: 35px;
    width: 35px;
    height: 35px;
  }

  .faqnewsec-accordion .accordion-body {
    padding: 0 18px 21px;
  }

  .faqnewsec-accordion .accordion-body::before {
    left: 18px;
    right: 18px;
  }
}


/* =========================================================
   IAMA DIRECTORY FLOW
   Modern Alumni Directory Page
   Uses existing .container class
========================================================= */

.iama-directoryflow-page,
.iama-directoryflow-page section {
  position: relative;
  overflow: hidden;
}

.iama-directoryflow-page h2 {
  margin: 0;
  font-family: "Outfit", sans-serif;
  font-size: 60px;
  font-weight: 600;
  line-height: 1.05;
  letter-spacing: -0.6px;
  color: #000;
}

.iama-directoryflow-page h2 strong {
  color: #00287d;
  font-weight: 600;
}

.iama-directoryflow-page h3 {
  margin: 0;
  font-family: "Outfit", sans-serif;
  font-size: 27px;
  font-weight: 600;
  line-height: 1.15;
  color: #000;
}

.iama-directoryflow-page p {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #000;
  line-height: 1.4em;
}

.iama-directoryflow-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 1.3px;
  text-transform: uppercase;
  color: #00287d;
}

.iama-directoryflow-kicker i {
  color: #ffc63b;
}

.iama-directoryflow-kicker-light {
  color: #fff;
}

/* HERO */

.iama-directoryflow-hero {
  padding: 92px 0;
  background: #fff;
}

.iama-directoryflow-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  align-items: center;
  gap: 68px;
}

.iama-directoryflow-hero-copy h2 {
  margin-bottom: 24px;
}

.iama-directoryflow-hero-copy p {
  max-width: 690px;
}

.iama-directoryflow-hero-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 18px;
  margin-top: 30px;
}

.iama-directoryflow-hero-actions a,
.iama-directoryflow-support-copy a {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  min-height: 56px;
  padding: 0 20px;
  font-family: "Inter", sans-serif;
  font-size: 19px;
  font-weight: 700;
  text-decoration: none;
  color: #fff;
  background: #00287d;
  transition: transform 0.3s ease, background 0.3s ease;
  border-radius:50px;
}

.iama-directoryflow-hero-actions a:hover,
.iama-directoryflow-support-copy a:hover {
  transform: translateY(-3px);
  color: #00287d;
  background: #ffc63b;
}

.iama-directoryflow-hero-actions span {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #000;
}

.iama-directoryflow-hero-actions span i {
  color: #ffc63b;
}

.iama-directoryflow-hero-visual {
  position: relative;
  min-height: 520px;
}

.iama-directoryflow-hero-main {
  position: absolute;
  top: 0;
  right: 0;
  width: 80%;
  overflow: hidden;
  border-radius: 24px;
}

.iama-directoryflow-hero-main img {
  display: block;
  width: 100%;
  height: 430px;
  object-fit: cover;
}

.iama-directoryflow-hero-side {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 42%;
  overflow: hidden;
  border: 10px solid #fff;
  box-shadow: 0 16px 34px rgba(0, 40, 125, 0.14);
}

.iama-directoryflow-hero-side img {
  display: block;
  width: 100%;
  height: 220px;
  object-fit: cover;
}

.iama-directoryflow-hero-card {
  position: absolute;
  right: 18px;
  bottom: 18px;
  display: flex;
  align-items: center;
  gap: 14px;
  max-width: 330px;
  padding: 18px 20px;
  background: #00287d;
}

.iama-directoryflow-hero-card>i {
  display: grid;
  place-items: center;
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  color: #00287d;
  background: #ffc63b;
}

.iama-directoryflow-hero-card strong,
.iama-directoryflow-hero-card span {
  display: block;
  font-family: "Inter", sans-serif;
}

.iama-directoryflow-hero-card strong {
  margin-bottom: 4px;
  font-size: 15px;
  color: #ffc63b;
}

.iama-directoryflow-hero-card span {
  font-size: 13px;
  line-height: 1.45;
  color: #fff;
}

/* ACCESS */

.iama-directoryflow-access {
  padding: 84px 0;
  background: #00287d;
}

.iama-directoryflow-access .iama-directoryflow-kicker {
  color: #fff;
}

.iama-directoryflow-access h2 {
  color: #fff;
}

.iama-directoryflow-access h2 strong {
  color: #ffc63b;
}

.iama-directoryflow-access-head {
  max-width: 900px;
  margin-bottom: 42px;
}

.iama-directoryflow-access-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.iama-directoryflow-access-grid article {
  padding: 28px;
  background: #fff;
}

.iama-directoryflow-access-grid i {
  margin-bottom: 26px;
  font-size: 30px;
  color: #00287d;
}

.iama-directoryflow-access-grid h3 {
  margin-bottom: 12px;
}

.iama-directoryflow-access-grid p {
  font-size: 16px;
}

/* PROFILE */

.iama-directoryflow-profile {
  padding: 84px 0;
  background: #fff;
}

.iama-directoryflow-profile-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr);
  align-items: start;
  gap: 64px;
}

.iama-directoryflow-profile-copy h2 {
  margin-bottom: 22px;
}

.iama-directoryflow-profile-board {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.iama-directoryflow-profile-board>div {
  min-height: 130px;
  padding: 22px;
  border: 1px solid #00287d;
  background: #fff;
}

.iama-directoryflow-profile-board span,
.iama-directoryflow-profile-board strong {
  display: block;
  font-family: "Inter", sans-serif;
}

.iama-directoryflow-profile-board span {
  margin-bottom: 24px;
  font-size: 14px;
  color: #00287d;
}

.iama-directoryflow-profile-board strong {
  font-size: 17px;
  color: #000;
}

/* RESPONSIBLE */

.iama-directoryflow-responsible {
  padding: 84px 0;
  background: #ffc63b;
}

.iama-directoryflow-responsible-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  align-items: center;
  gap: 64px;
}

.iama-directoryflow-responsible-image {
  overflow: hidden;
  border-radius: 24px;
}

.iama-directoryflow-responsible-image img {
  display: block;
  width: 100%;
  height: 460px;
  object-fit: cover;
}

.iama-directoryflow-responsible-copy h2 {
  margin-bottom: 22px;
}

.iama-directoryflow-responsible-cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 28px;
}

.iama-directoryflow-responsible-cards article {
  padding: 20px;
  background: #fff;
}

.iama-directoryflow-responsible-cards i {
  margin-bottom: 20px;
  font-size: 24px;
  color: #00287d;
}

.iama-directoryflow-responsible-cards h3 {
  margin-bottom: 9px;
  font-size: 21px;
}

.iama-directoryflow-responsible-cards p {
  font-size: 15px;
}

/* PROCESS */

.iama-directoryflow-process {
  padding: 84px 0;
  background: #fff;
}

.iama-directoryflow-process-head {
  max-width: 880px;
  margin-bottom: 42px;
}

.iama-directoryflow-process-track {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px;
}

.iama-directoryflow-process-track article {
  padding: 24px;
  border-top: 5px solid #00287d;
  box-shadow: 0 14px 32px rgba(0, 40, 125, 0.1);
}

.iama-directoryflow-process-track span {
  display: block;
  margin-bottom: 28px;
  font-family: "Outfit", sans-serif;
  font-size: 18px;
  color: #00287d;
}

.iama-directoryflow-process-track h3 {
  margin-bottom: 10px;
  font-size: 22px;
}

.iama-directoryflow-process-track p {
  font-size: 15px;
}

/* SUPPORT */

.iama-directoryflow-support {
  padding: 84px 0;
  background: #fff;
}

.iama-directoryflow-support-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  align-items: stretch;
}

.iama-directoryflow-support-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 54px;
  background: #00287d;
}

.iama-directoryflow-support-copy h2 {
  margin-bottom: 22px;
  color: #fff;
}

.iama-directoryflow-support-copy h2 strong {
  color: #ffc63b;
}

.iama-directoryflow-support-copy p {
  color: #fff;
}

.iama-directoryflow-support-copy a {
  width: fit-content;
  margin-top: 28px;
  color: #00287d;
  background: #ffc63b;
}

.iama-directoryflow-support-image img {
  display: block;
  width: 100%;
  height: 100%;
  height: 420px;
  object-fit: cover;
}

/* RESPONSIVE */

@media (max-width: 1199px) {
  .iama-directoryflow-page h2 {
    font-size: 50px;
  }

  .iama-directoryflow-hero-grid,
  .iama-directoryflow-profile-grid,
  .iama-directoryflow-responsible-grid {
    gap: 48px;
  }

  .iama-directoryflow-process-track {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 991px) {

  .iama-directoryflow-hero,
  .iama-directoryflow-access,
  .iama-directoryflow-profile,
  .iama-directoryflow-responsible,
  .iama-directoryflow-process,
  .iama-directoryflow-support {
    padding: 68px 0;
  }

  .iama-directoryflow-page h2 {
    font-size: 44px;
  }

  .iama-directoryflow-hero-grid,
  .iama-directoryflow-profile-grid,
  .iama-directoryflow-responsible-grid,
  .iama-directoryflow-support-grid {
    grid-template-columns: 1fr;
  }

  .iama-directoryflow-hero-visual,
  .iama-directoryflow-responsible-image {
    max-width: 760px;
  }

  .iama-directoryflow-access-grid,
  .iama-directoryflow-responsible-cards {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767px) {
  .iama-directoryflow-page h2 {
    font-size: 38px;
    letter-spacing: -0.4px;
  }

  .iama-directoryflow-page p {
    font-size: 18px;
  }

  .iama-directoryflow-hero-visual {
    min-height: 480px;
  }

  .iama-directoryflow-profile-board,
  .iama-directoryflow-process-track {
    grid-template-columns: 1fr;
  }

  .iama-directoryflow-responsible-image img {
    height: 380px;
  }

  .iama-directoryflow-support-copy {
    padding: 40px 28px;
  }

  .iama-directoryflow-support-image img {
    min-height: 340px;
  }
}

@media (max-width: 575px) {
  .iama-directoryflow-page h2 {
    font-size: 34px;
    line-height: 1.08;
  }

  .iama-directoryflow-kicker {
    font-size: 12px;
    letter-spacing: 1px;
  }

  .iama-directoryflow-hero-visual {
    min-height: 430px;
  }

  .iama-directoryflow-hero-main {
    width: 84%;
  }

  .iama-directoryflow-hero-main img {
    height: 340px;
  }

  .iama-directoryflow-hero-side {
    width: 50%;
    border-width: 7px;
  }

  .iama-directoryflow-hero-side img {
    height: 170px;
  }

  .iama-directoryflow-hero-card {
    right: 10px;
    bottom: 10px;
    max-width: 260px;
    padding: 14px;
  }

  .iama-directoryflow-access-grid article,
  .iama-directoryflow-profile-board>div,
  .iama-directoryflow-responsible-cards article,
  .iama-directoryflow-process-track article {
    padding: 22px;
  }
}

/* =========================================================
   IAMA STORY LEDGER
   Voice of IAMA & Success Stories
   Uses existing .container class
========================================================= */

.iama-storyledger-page,
.iama-storyledger-page section {
  position: relative;
  overflow: hidden;
}

.iama-storyledger-page h2 {
  margin: 0;
  font-family: "Outfit", sans-serif;
  font-size: 60px;
  font-weight: 600;
  line-height: 1.05;
  letter-spacing: -0.6px;
  color: #000;
}

.iama-storyledger-page h2 strong {
  color: #00287d;
  font-weight: 600;
}

.iama-storyledger-page h3 {
  margin: 0;
  font-family: "Outfit", sans-serif;
  font-size: 27px;
  font-weight: 600;
  line-height: 1.15;
  color: #000;
}

.iama-storyledger-page p {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #000;
  line-height: 1.4em;
}

.iama-storyledger-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 1.3px;
  text-transform: uppercase;
  color: #00287d;
}

.iama-storyledger-kicker i {
  color: #ffc63b;
}

.iama-storyledger-kicker-light {
  color: #fff;
}

/* HERO */

.iama-storyledger-hero {
  min-height: 740px;
  display: flex;
  align-items: center;
  background: #00287d;
}

.iama-storyledger-hero-media {
  position: absolute;
  inset: 0;
}

.iama-storyledger-hero-media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(0, 40, 125, 0.98) 0%, rgba(0, 40, 125, 0.9) 46%, rgba(0, 40, 125, 0.42) 100%);
}

.iama-storyledger-hero-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.iama-storyledger-hero-content {
  position: relative;
  z-index: 2;
  max-width: 860px;
  padding: 250px 0 85px;
}

.iama-storyledger-hero h2 {
  margin-bottom: 24px;
  color: #fff;
}

.iama-storyledger-hero h2 strong {
  color: #ffc63b;
}

.iama-storyledger-hero-content>p {
  max-width: 720px;
  color: #fff;
}

.iama-storyledger-hero-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 18px;
  margin-top: 30px;
}

.iama-storyledger-hero-actions a,
.iama-storyledger-cta-copy a {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  min-height: 56px;
  padding: 0 20px;
  font-family: "Inter", sans-serif;
  font-size: 19px;
  font-weight: 700;
  text-decoration: none;
  color: #00287d;
  background: #ffc63b;
  transition: transform 0.3s ease, background 0.3s ease;
      border-radius:50px;
}

.iama-storyledger-hero-actions a:hover,
.iama-storyledger-cta-copy a:hover {
  transform: translateY(-3px);
  background: #fff;
}

.iama-storyledger-hero-actions span {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-family: "Inter", sans-serif;
  font-size: 19px;
  font-weight: 600;
  color: #fff;
}

.iama-storyledger-hero-actions span i {
  color: #ffc63b;
}

.iama-storyledger-hero-quote {
  max-width: 520px;
  margin-top: 34px;
  padding: 18px 20px;
  border-left: 4px solid #ffc63b;
  background: rgba(255, 255, 255, 0.08);
}

.iama-storyledger-hero-quote i {
  margin-bottom: 8px;
  color: #ffc63b;
}

.iama-storyledger-hero-quote p {
  color: #fff;
}

/* FEATURE */

.iama-storyledger-feature {
  padding: 84px 0;
  background: #fff;
}

.iama-storyledger-feature-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr);
  align-items: center;
  gap: 64px;
}

.iama-storyledger-feature-copy h2 {
  margin-bottom: 22px;
}

.iama-storyledger-feature-meta {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 28px;
}

.iama-storyledger-feature-meta div {
  padding: 18px;
  border: 1px solid #00287d;
}

.iama-storyledger-feature-meta span,
.iama-storyledger-feature-meta strong {
  display: block;
  font-family: "Inter", sans-serif;
}

.iama-storyledger-feature-meta span {
  margin-bottom: 18px;
  font-size: 14px;
  color: #00287d;
}

.iama-storyledger-feature-meta strong {
  font-size: 19px;
  color: #000;
}

.iama-storyledger-feature-visual {
  position: relative;
}

.iama-storyledger-feature-visual>img {
  display: block;
  width: 100%;
  height: 500px;
  object-fit: cover;
  border-radius: 24px;
}

.iama-storyledger-feature-card {
  position: absolute;
  right: 20px;
  bottom: 20px;
  max-width: 390px;
  padding: 22px;
  background: #00287d;
}

.iama-storyledger-feature-card span {
  display: block;
  margin-bottom: 8px;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #ffc63b;
}

.iama-storyledger-feature-card h3 {
  margin-bottom: 10px;
  font-size: 22px;
  color: #fff;
}

.iama-storyledger-feature-card p {
  font-size: 15px;
  color: #fff;
}

/* CATEGORIES */

.iama-storyledger-categories {
  padding: 84px 0;
  background: #ffc63b;
}

.iama-storyledger-categories-head {
  max-width: 900px;
  margin-bottom: 42px;
}

.iama-storyledger-categories-head h2 {
  margin-bottom: 22px;
}

.iama-storyledger-categories-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.iama-storyledger-categories-grid article {
  padding: 24px;
  background: #fff;
}

.iama-storyledger-categories-grid i {
  margin-bottom: 22px;
  font-size: 28px;
  color: #00287d;
}

.iama-storyledger-categories-grid span {
  display: block;
  margin-bottom: 16px;
  font-family: "Outfit", sans-serif;
  font-size: 18px;
  color: #00287d;
}

.iama-storyledger-categories-grid h3 {
  margin-bottom: 10px;
  font-size: 23px;
}

.iama-storyledger-categories-grid p {
  font-size: 15px;
}

/* PROCESS */

.iama-storyledger-process {
  padding: 84px 0;
  background: #fff;
}

.iama-storyledger-process-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  align-items: center;
  gap: 64px;
}

.iama-storyledger-process-visual {
  overflow: hidden;
  border-radius: 24px;
}

.iama-storyledger-process-visual img {
  display: block;
  width: 100%;
  height: 470px;
  object-fit: cover;
}

.iama-storyledger-process-copy h2 {
  margin-bottom: 22px;
}

.iama-storyledger-process-gridcards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 28px;
}

.iama-storyledger-process-gridcards article {
  padding: 20px;
  border: 1px solid #00287d;
}

.iama-storyledger-process-gridcards span {
  display: block;
  margin-bottom: 20px;
  font-family: "Outfit", sans-serif;
  font-size: 18px;
  color: #00287d;
}

.iama-storyledger-process-gridcards h3 {
  margin-bottom: 8px;
  font-size: 21px;
}

.iama-storyledger-process-gridcards p {
  font-size: 15px;
}

/* WALL */

.iama-storyledger-wall {
  padding: 84px 0;
  background: #00287d;
}

.iama-storyledger-wall .iama-storyledger-kicker {
  color: #fff;
}

.iama-storyledger-wall h2 {
  color: #fff;
}

.iama-storyledger-wall h2 strong {
  color: #ffc63b;
}

.iama-storyledger-wall-head {
  margin-bottom: 42px;
}

.iama-storyledger-wall-head p {
  max-width: 760px;
  color: #fff;
}

.iama-storyledger-wall-grid {
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  grid-template-rows: repeat(2, 240px);
  gap: 14px;
}

.iama-storyledger-wall-grid>div {
  overflow: hidden;
  border-radius: 20px;
}

.iama-storyledger-wall-large {
  grid-row: 1 / span 2;
}

.iama-storyledger-wall-grid img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.iama-storyledger-wall-caption {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  gap: 10px;
  padding: 22px;
  background: #ffc63b;
}

.iama-storyledger-wall-caption span {
  padding: 9px 14px;
  border: 1px solid #00287d;
  border-radius: 100px;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #00287d;
  background: #fff;
}

/* GUIDANCE */

.iama-storyledger-guidance {
  padding: 84px 0;
  background: #fff;
}

.iama-storyledger-guidance-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr);
  align-items: start;
  gap: 64px;
}

.iama-storyledger-guidance-copy h2 {
  margin-bottom: 22px;
}

.iama-storyledger-guidance-cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.iama-storyledger-guidance-cards article {
  padding: 24px;
  border-top: 5px solid #00287d;
  box-shadow: 0 14px 30px rgba(0, 40, 125, 0.1);
}

.iama-storyledger-guidance-cards i {
  margin-bottom: 20px;
  font-size: 26px;
  color: #ffc63b;
}

.iama-storyledger-guidance-cards h3 {
  margin-bottom: 9px;
  font-size: 22px;
}

.iama-storyledger-guidance-cards p {
  font-size: 15px;
}

/* CTA */

.iama-storyledger-cta {
  padding: 84px 0;
  background: #fff;
}

.iama-storyledger-cta-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  align-items: stretch;
}

.iama-storyledger-cta-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 52px;
  background: #00287d;
}

.iama-storyledger-cta-copy h2 {
  margin-bottom: 22px;
  color: #fff;
}

.iama-storyledger-cta-copy h2 strong {
  color: #ffc63b;
}

.iama-storyledger-cta-copy p {
  color: #fff;
}

.iama-storyledger-cta-copy a {
  width: fit-content;
  margin-top: 28px;
}

.iama-storyledger-cta-image img {
  display: block;
  width: 100%;
  height: 100%;
  height: 420px;
  object-fit: cover;
}

/* RESPONSIVE */

@media (max-width: 1199px) {
  .iama-storyledger-page h2 {
    font-size: 50px;
  }

  .iama-storyledger-feature-grid,
  .iama-storyledger-process-grid,
  .iama-storyledger-guidance-grid {
    gap: 48px;
  }

  .iama-storyledger-categories-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 991px) {

  .iama-storyledger-feature,
  .iama-storyledger-categories,
  .iama-storyledger-process,
  .iama-storyledger-wall,
  .iama-storyledger-guidance,
  .iama-storyledger-cta {
    padding: 68px 0;
  }

  .iama-storyledger-page h2 {
    font-size: 44px;
  }

  .iama-storyledger-feature-grid,
  .iama-storyledger-process-grid,
  .iama-storyledger-guidance-grid,
  .iama-storyledger-cta-grid {
    grid-template-columns: 1fr;
  }

  .iama-storyledger-feature-visual,
  .iama-storyledger-process-visual {
    max-width: 760px;
  }
}

@media (max-width: 767px) {
  .iama-storyledger-page h2 {
    font-size: 38px;
    letter-spacing: -0.4px;
  }

  .iama-storyledger-page p {
    font-size: 18px;
  }

  .iama-storyledger-feature-meta,
  .iama-storyledger-categories-grid,
  .iama-storyledger-process-gridcards,
  .iama-storyledger-guidance-cards {
    grid-template-columns: 1fr;
  }

  .iama-storyledger-feature-visual>img,
  .iama-storyledger-process-visual img {
    height: 380px;
  }

  .iama-storyledger-feature-card {
    position: relative;
    right: auto;
    bottom: auto;
    margin: -18px 18px 0;
  }

  .iama-storyledger-wall-grid {
    grid-template-columns: 1fr;
    grid-template-rows: 300px 210px 210px auto;
  }

  .iama-storyledger-wall-large {
    grid-row: auto;
  }

  .iama-storyledger-cta-copy {
    padding: 40px 28px;
  }

  .iama-storyledger-cta-image img {
    min-height: 340px;
  }
}

@media (max-width: 575px) {
  .iama-storyledger-page h2 {
    font-size: 34px;
    line-height: 1.08;
  }

  .iama-storyledger-kicker {
    font-size: 12px;
    letter-spacing: 1px;
  }

  .iama-storyledger-hero {
    min-height: 680px;
  }

  .iama-storyledger-hero-media::after {
    background: rgba(0, 40, 125, 0.86);
  }

  .iama-storyledger-feature-visual>img,
  .iama-storyledger-process-visual img {
    height: 320px;
  }

  .iama-storyledger-feature-meta div,
  .iama-storyledger-categories-grid article,
  .iama-storyledger-process-gridcards article,
  .iama-storyledger-guidance-cards article {
    padding: 22px;
  }
}


/* =========================================================
   IAMA GATHERING STAGE
   Events & Reunions — New Concept
   Uses existing .container class
========================================================= */

.iama-gatheringstage-page,
.iama-gatheringstage-page section {
  position: relative;
  overflow: hidden;
}

.iama-gatheringstage-page h2 {
  margin: 0;
  font-family: "Outfit", sans-serif;
  font-size: 60px;
  font-weight: 600;
  line-height: 1.05;
  letter-spacing: -0.6px;
  color: #000;
}

.iama-gatheringstage-page h2 strong {
  color: #00287d;
  font-weight: 600;
}

.iama-gatheringstage-page h3 {
  margin: 0;
  font-family: "Outfit", sans-serif;
  font-size: 27px;
  font-weight: 600;
  line-height: 1.15;
  color: #000;
}

.iama-gatheringstage-page p {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #000;
  line-height: 1.4em;
}

.iama-gatheringstage-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 1.3px;
  text-transform: uppercase;
  color: #00287d;
}

.iama-gatheringstage-eyebrow i {
  color: #ffc63b;
}

.iama-gatheringstage-eyebrow-light {
  color: #fff;
}

/* HERO */

.iama-gatheringstage-hero {
  padding: 88px 0;
  background: #fff;
}

.iama-gatheringstage-hero-shell {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  align-items: center;
  gap: 70px;
}

.iama-gatheringstage-hero-copy h2 {
  margin-bottom: 24px;
}

.iama-gatheringstage-hero-copy p {
  max-width: 680px;
}

.iama-gatheringstage-primary {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  min-height: 56px;
  margin-top: 30px;
  padding: 0 20px;
  font-family: "Inter", sans-serif;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  color: #fff;
  background: #00287d;
  transition: transform 0.3s ease, background 0.3s ease;
}

.iama-gatheringstage-primary:hover {
  transform: translateY(-3px);
  color: #00287d;
  background: #ffc63b;
}

.iama-gatheringstage-hero-collage {
  position: relative;
  min-height: 520px;
}

.iama-gatheringstage-hero-photo-one {
  position: absolute;
  top: 0;
  right: 0;
  width: 74%;
  overflow: hidden;
  border-radius: 26px;
}

.iama-gatheringstage-hero-photo-one img {
  width: 100%;
  height: 420px;
  object-fit: cover;
}

.iama-gatheringstage-hero-photo-two {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 48%;
  overflow: hidden;
  border: 10px solid #fff;
  box-shadow: 0 18px 36px rgba(0, 40, 125, 0.14);
}

.iama-gatheringstage-hero-photo-two img {
  width: 100%;
  height: 240px;
  object-fit: cover;
}

.iama-gatheringstage-hero-stamp {
  position: absolute;
  right: 20px;
  bottom: 18px;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 17px 20px;
  background: #ffc63b;
}

.iama-gatheringstage-hero-stamp i {
  color: #00287d;
}

.iama-gatheringstage-hero-stamp span {
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #00287d;
}

/* SNAPSHOT */

.iama-gatheringstage-snapshot {
  padding: 76px 0;
  background: #00287d;
}

.iama-gatheringstage-snapshot-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.78fr) minmax(0, 1.22fr);
  gap: 60px;
  align-items: start;
}

.iama-gatheringstage-snapshot .iama-gatheringstage-eyebrow {
  color: #fff;
}

.iama-gatheringstage-snapshot h2 {
  color: #fff;
}

.iama-gatheringstage-snapshot h2 strong {
  color: #ffc63b;
}

.iama-gatheringstage-snapshot-cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.iama-gatheringstage-snapshot-cards article {
  padding: 24px;
  border: 1px solid #fff;
}

.iama-gatheringstage-snapshot-cards i {
  margin-bottom: 24px;
  font-size: 28px;
  color: #ffc63b;
}

.iama-gatheringstage-snapshot-cards strong {
  display: block;
  margin-bottom: 10px;
  font-family: "Outfit", sans-serif;
  font-size: 22px;
  color: #fff;
}

.iama-gatheringstage-snapshot-cards p {
  font-size: 15px;
  color: #fff;
}

/* FEATURE */

.iama-gatheringstage-feature {
  padding: 76px 0;
  background: #fff;
}

.iama-gatheringstage-feature-frame {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
  align-items: center;
  gap: 60px;
}

.iama-gatheringstage-feature-image {
  overflow: hidden;
  border-radius: 24px;
}

.iama-gatheringstage-feature-image img {
  display: block;
  width: 100%;
  height: 430px;
  object-fit: cover;
}

.iama-gatheringstage-feature-copy h2 {
  margin-bottom: 22px;
}

.iama-gatheringstage-feature-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 26px;
}

.iama-gatheringstage-feature-chips span {
  padding: 9px 14px;
  border: 1px solid #00287d;
  border-radius: 100px;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #00287d;
}

/* FORMATS */

.iama-gatheringstage-formats {
  padding: 76px 0;
  background: #ffc63b;
}

.iama-gatheringstage-formats-head {
  max-width: 920px;
  margin-bottom: 38px;
}

.iama-gatheringstage-formats-head h2 {
  margin-bottom: 20px;
}

.iama-gatheringstage-bento {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.iama-gatheringstage-bento article {
  min-height: 170px;
  padding: 24px;
  background: #fff;
}

.iama-gatheringstage-bento-wide {
  grid-column: span 2;
}

.iama-gatheringstage-bento article>span {
  display: block;
  margin-bottom: 24px;
  font-family: "Outfit", sans-serif;
  font-size: 18px;
  color: #00287d;
}

.iama-gatheringstage-bento i {
  margin-bottom: 20px;
  font-size: 28px;
  color: #00287d;
}

.iama-gatheringstage-bento h3 {
  margin-bottom: 10px;
  font-size: 23px;
}

.iama-gatheringstage-bento p {
  font-size: 18px;
}

/* PASSPORT */

.iama-gatheringstage-passport {
  padding: 76px 0;
  background: #fff;
}

.iama-gatheringstage-passport-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.78fr) minmax(0, 0.9fr) minmax(0, 0.72fr);
  gap: 28px;
  align-items: stretch;
}

.iama-gatheringstage-passport-copy h2 {
  margin-bottom: 22px;
}

.iama-gatheringstage-passport-card {
  border: 2px solid #00287d;
  background: #fff;
}

.iama-gatheringstage-passport-top {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 18px 20px;
  background: #00287d;
}

.iama-gatheringstage-passport-top strong,
.iama-gatheringstage-passport-top span {
  font-family: "Inter", sans-serif;
  color: #fff;
}

.iama-gatheringstage-passport-top strong {
  color: #ffc63b;
}

.iama-gatheringstage-passport-body {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.iama-gatheringstage-passport-body>div {
  padding: 20px;
  border-right: 1px solid #00287d;
  border-bottom: 1px solid #00287d;
}

.iama-gatheringstage-passport-body span,
.iama-gatheringstage-passport-body strong {
  display: block;
  font-family: "Inter", sans-serif;
}

.iama-gatheringstage-passport-body span {
  margin-bottom: 20px;
  font-size: 13px;
  color: #00287d;
}

.iama-gatheringstage-passport-body strong {
  font-size: 15px;
  color: #000;
}

.iama-gatheringstage-passport-foot {
  padding: 15px 20px;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #00287d;
  background: #ffc63b;
}

.iama-gatheringstage-passport-image {
  overflow: hidden;
  border-radius: 22px;
}

.iama-gatheringstage-passport-image img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 360px;
  object-fit: cover;
}

/* MEMORIES */

.iama-gatheringstage-memories {
  padding: 76px 0;
  background: #00287d;
}

.iama-gatheringstage-memories .iama-gatheringstage-eyebrow {
  color: #fff;
}

.iama-gatheringstage-memories h2 {
  color: #fff;
}

.iama-gatheringstage-memories h2 strong {
  color: #ffc63b;
}

.iama-gatheringstage-memories-top {
  max-width: 900px;
  margin-bottom: 38px;
}

.iama-gatheringstage-memories-top p {
  color: #fff;
}

.iama-gatheringstage-memory-showcase {
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  grid-template-rows: repeat(2, 230px);
  gap: 14px;
}

.iama-gatheringstage-memory-showcase figure {
  position: relative;
  margin: 0;
  overflow: hidden;
}

.iama-gatheringstage-memory-main {
  grid-row: 1 / span 2;
}

.iama-gatheringstage-memory-showcase img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.iama-gatheringstage-memory-showcase figcaption {
  position: absolute;
  left: 16px;
  bottom: 16px;
  padding: 9px 13px;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #00287d;
  background: #ffc63b;
}

/* FINAL */

.iama-gatheringstage-final {
  padding: 76px 0;
  background: #fff;
}

.iama-gatheringstage-final-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: stretch;
  gap: 18px;
}

.iama-gatheringstage-final-guidance {
  padding: 42px;
  background: #00287d;
}

.iama-gatheringstage-final-guidance h2 {
  margin-bottom: 22px;
  color: #fff;
}

.iama-gatheringstage-final-guidance h2 strong {
  color: #ffc63b;
}

.iama-gatheringstage-final-guidance p {
  color: #fff;
}

.iama-gatheringstage-final-points {
  display: grid;
  gap: 12px;
  margin-top: 26px;
}

.iama-gatheringstage-final-points span {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-bottom: 12px;
  border-bottom: 1px solid #fff;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #fff;
}

.iama-gatheringstage-final-points i {
  color: #ffc63b;
}

.iama-gatheringstage-final-cta {
  position: relative;
  height: 500px;
  overflow: hidden;
}

.iama-gatheringstage-final-cta>img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.iama-gatheringstage-final-cta::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 40, 125, 0.68);
}

.iama-gatheringstage-final-cta>div {
  position: absolute;
  z-index: 2;
  left: 28px;
  right: 28px;
  bottom: 28px;
}

.iama-gatheringstage-final-cta span {
  display: block;
  margin-bottom: 8px;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #ffc63b;
}

.iama-gatheringstage-final-cta h3 {
  margin-bottom: 10px;
  color: #fff;
}

.iama-gatheringstage-final-cta p {
  font-size: 15px;
  color: #fff;
}

.iama-gatheringstage-final-cta a {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  min-height: 52px;
  margin-top: 20px;
  padding: 0 18px;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  color: #00287d;
  background: #ffc63b;
}

/* RESPONSIVE */

@media (max-width: 1199px) {
  .iama-gatheringstage-page h2 {
    font-size: 50px;
  }

  .iama-gatheringstage-hero-shell,
  .iama-gatheringstage-feature-frame {
    gap: 50px;
  }

  .iama-gatheringstage-passport-grid {
    grid-template-columns: 1fr 1fr;
  }

  .iama-gatheringstage-passport-image {
    grid-column: 1 / -1;
  }

  .iama-gatheringstage-passport-image img {
    height: 360px;
  }
}

@media (max-width: 991px) {
  .iama-gatheringstage-page h2 {
    font-size: 44px;
  }

  .iama-gatheringstage-hero-shell,
  .iama-gatheringstage-snapshot-grid,
  .iama-gatheringstage-feature-frame,
  .iama-gatheringstage-final-grid {
    grid-template-columns: 1fr;
  }

  .iama-gatheringstage-hero-collage,
  .iama-gatheringstage-feature-image {
    max-width: 760px;
  }

  .iama-gatheringstage-snapshot-cards,
  .iama-gatheringstage-bento {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .iama-gatheringstage-bento-wide {
    grid-column: span 1;
  }
}

@media (max-width: 767px) {

  .iama-gatheringstage-hero,
  .iama-gatheringstage-snapshot,
  .iama-gatheringstage-feature,
  .iama-gatheringstage-formats,
  .iama-gatheringstage-passport,
  .iama-gatheringstage-memories,
  .iama-gatheringstage-final {
    padding: 64px 0;
  }

  .iama-gatheringstage-page h2 {
    font-size: 38px;
    letter-spacing: -0.4px;
  }

  .iama-gatheringstage-page p {
    font-size: 18px;
  }

  .iama-gatheringstage-snapshot-cards,
  .iama-gatheringstage-bento,
  .iama-gatheringstage-passport-grid {
    grid-template-columns: 1fr;
  }

  .iama-gatheringstage-feature-image img {
    height: 360px;
  }

  .iama-gatheringstage-memory-showcase {
    grid-template-columns: 1fr;
    grid-template-rows: 300px 210px 210px;
  }

  .iama-gatheringstage-memory-main {
    grid-row: auto;
  }
}

@media (max-width: 575px) {
  .iama-gatheringstage-page h2 {
    font-size: 34px;
    line-height: 1.08;
  }

  .iama-gatheringstage-eyebrow {
    font-size: 12px;
    letter-spacing: 1px;
  }

  .iama-gatheringstage-hero-collage {
    min-height: 440px;
  }

  .iama-gatheringstage-hero-photo-one {
    width: 84%;
  }

  .iama-gatheringstage-hero-photo-one img {
    height: 340px;
  }

  .iama-gatheringstage-hero-photo-two {
    width: 54%;
    border-width: 7px;
  }

  .iama-gatheringstage-hero-photo-two img {
    height: 180px;
  }

  .iama-gatheringstage-hero-stamp {
    right: 10px;
    bottom: 10px;
    padding: 14px;
  }

  .iama-gatheringstage-passport-body {
    grid-template-columns: 1fr;
  }

  .iama-gatheringstage-final-guidance {
    padding: 30px 24px;
  }
}




/* =========================================================
   IAMA GIVING ATELIER
   Give Back / Donations
   Uses existing .container class
========================================================= */

.iama-givingatelier-page,
.iama-givingatelier-page section {
  position: relative;
  overflow: hidden;
}

.iama-givingatelier-page h2 {
  margin: 0;
  font-family: "Outfit", sans-serif;
  font-size: 60px;
  font-weight: 600;
  line-height: 1.05;
  letter-spacing: -0.6px;
  color: #000;
}

.iama-givingatelier-page h2 strong {
  color: #00287d;
  font-weight: 600;
}

.iama-givingatelier-page h3 {
  margin: 0;
  font-family: "Outfit", sans-serif;
  font-size: 27px;
  font-weight: 600;
  line-height: 1.15;
  color: #000;
}

.iama-givingatelier-page p {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #000;
  line-height: 1.4em;
}

.iama-givingatelier-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 1.3px;
  text-transform: uppercase;
  color: #00287d;
}

.iama-givingatelier-kicker i {
  color: #ffc63b;
}

.iama-givingatelier-kicker-light {
  color: #fff;
}

/* HERO */

.iama-givingatelier-hero {
  padding: 92px 0;
  background: #fff;
}

.iama-givingatelier-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  align-items: center;
  gap: 72px;
}

.iama-givingatelier-hero-copy h2 {
  margin-bottom: 24px;
}

.iama-givingatelier-hero-copy p {
  max-width: 680px;
}

.iama-givingatelier-hero-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 18px;
  margin-top: 30px;
}

.iama-givingatelier-hero-actions a,
.iama-givingatelier-cta-copy a {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  min-height: 56px;
  padding: 0 20px;
  font-family: "Inter", sans-serif;
  font-size: 19px;
  font-weight: 700;
  text-decoration: none;
  color: #fff;
  background: #00287d;
  transition: transform 0.3s ease, background 0.3s ease;
      border-radius:50px;
}

.iama-givingatelier-hero-actions a:hover,
.iama-givingatelier-cta-copy a:hover {
  transform: translateY(-3px);
  color: #00287d;
  background: #ffc63b;
}

.iama-givingatelier-hero-actions span {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #000;
}

.iama-givingatelier-hero-actions span i {
  color: #ffc63b;
}

.iama-givingatelier-hero-visual {
  position: relative;
  padding: 0 42px 42px 0;
}

.iama-givingatelier-hero-image {
  overflow: hidden;
  border-radius: 26px;
}

.iama-givingatelier-hero-image img {
  display: block;
  width: 100%;
  height: 520px;
  object-fit: cover;
}

.iama-givingatelier-hero-overlay {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  gap: 14px;
  max-width: 350px;
  padding: 20px 22px;
  background: #00287d;
}

.iama-givingatelier-hero-overlay>i {
  display: grid;
  place-items: center;
  flex: 0 0 50px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  color: #00287d;
  background: #ffc63b;
}

.iama-givingatelier-hero-overlay strong,
.iama-givingatelier-hero-overlay span {
  display: block;
  font-family: "Inter", sans-serif;
}

.iama-givingatelier-hero-overlay strong {
  margin-bottom: 5px;
  font-size: 16px;
  color: #ffc63b;
}

.iama-givingatelier-hero-overlay span {
  font-size: 14px;
  color: #fff;
}

.iama-givingatelier-hero-note {
  position: absolute;
  top: 20px;
  left: -26px;
  max-width: 230px;
  padding: 16px 18px;
  background: #ffc63b;
}

.iama-givingatelier-hero-note span {
  display: block;
  margin-bottom: 7px;
  font-family: "Outfit", sans-serif;
  font-size: 20px;
  color: #00287d;
}

.iama-givingatelier-hero-note p {
  font-size: 14px;
}

/* PATHWAYS */

.iama-givingatelier-pathways {
  padding: 82px 0;
  background: #00287d;
}

.iama-givingatelier-pathways .iama-givingatelier-kicker {
  color: #fff;
}

.iama-givingatelier-pathways h2 {
  color: #fff;
}

.iama-givingatelier-pathways h2 strong {
  color: #ffc63b;
}

.iama-givingatelier-section-head {
  max-width: 920px;
  margin-bottom: 42px;
}

.iama-givingatelier-section-head h2 {
  margin-bottom: 20px;
}

.iama-givingatelier-section-head p {
  max-width: 760px;
  color: #fff;
}

.iama-givingatelier-pathways-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.iama-givingatelier-pathways-grid article {
  min-height: 310px;
  padding: 26px;
  background: #fff;
}

.iama-givingatelier-pathway-icon {
  display: grid;
  place-items: center;
  width: 58px;
  height: 58px;
  margin-bottom: 24px;
  border-radius: 50%;
  color: #fff;
  background: #00287d;
}

.iama-givingatelier-pathways-grid article>span {
  display: block;
  margin-bottom: 18px;
  font-family: "Outfit", sans-serif;
  font-size: 18px;
  color: #00287d;
}

.iama-givingatelier-pathways-grid h3 {
  margin-bottom: 12px;
  font-size: 24px;
}

.iama-givingatelier-pathways-grid p {
  font-size: 16px;
}

.iama-givingatelier-pathway-feature {
  position: relative;
  padding: 0 !important;
  overflow: hidden;
}

.iama-givingatelier-pathway-feature img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.iama-givingatelier-pathway-feature::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 40, 125, 0.68);
}

.iama-givingatelier-pathway-feature>div {
  position: absolute;
  z-index: 2;
  left: 24px;
  right: 24px;
  bottom: 24px;
}

.iama-givingatelier-pathway-feature span {
  display: block;
  margin-bottom: 8px;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #ffc63b;
}

.iama-givingatelier-pathway-feature h3,
.iama-givingatelier-pathway-feature p {
  color: #fff;
}

/* TRUST */

.iama-givingatelier-trust {
  padding: 82px 0;
  background: #fff;
}

.iama-givingatelier-trust-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  align-items: center;
  gap: 64px;
}

.iama-givingatelier-trust-visual {
  position: relative;
}

.iama-givingatelier-trust-visual>img {
  display: block;
  width: 100%;
  height: 500px;
  object-fit: cover;
  border-radius: 24px;
}

.iama-givingatelier-trust-badge {
  position: absolute;
  left: 20px;
  bottom: 20px;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 17px 19px;
  background: #ffc63b;
}

.iama-givingatelier-trust-badge i {
  color: #00287d;
}

.iama-givingatelier-trust-badge strong,
.iama-givingatelier-trust-badge span {
  display: block;
  font-family: "Inter", sans-serif;
}

.iama-givingatelier-trust-badge strong {
  margin-bottom: 4px;
  color: #00287d;
}

.iama-givingatelier-trust-badge span {
  font-size: 13px;
  color: #000;
}

.iama-givingatelier-trust-copy h2 {
  margin-bottom: 22px;
}

.iama-givingatelier-trust-cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 28px;
}

.iama-givingatelier-trust-cards article {
  padding: 20px;
  border: 1px solid #00287d;
}

.iama-givingatelier-trust-cards span {
  display: block;
  margin-bottom: 18px;
  font-family: "Outfit", sans-serif;
  font-size: 18px;
  color: #00287d;
}

.iama-givingatelier-trust-cards h3 {
  margin-bottom: 8px;
  font-size: 21px;
}

.iama-givingatelier-trust-cards p {
  font-size: 15px;
}

/* HELP */

.iama-givingatelier-help {
  padding: 82px 0;
  background: #ffc63b;
}

.iama-givingatelier-help-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.78fr) minmax(0, 1.22fr);
  gap: 64px;
  align-items: start;
}

.iama-givingatelier-help-copy h2 {
  margin-bottom: 22px;
}

.iama-givingatelier-help-cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.iama-givingatelier-help-cards article {
  padding: 24px;
  background: #fff;
}

.iama-givingatelier-help-cards i {
  margin-bottom: 22px;
  font-size: 28px;
  color: #00287d;
}

.iama-givingatelier-help-cards span {
  display: block;
  margin-bottom: 10px;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #00287d;
}

.iama-givingatelier-help-cards h3 {
  margin-bottom: 10px;
  font-size: 23px;
}

.iama-givingatelier-help-cards p {
  font-size: 15px;
}

/* IMPACT */

.iama-givingatelier-impact {
  padding: 82px 0;
  background: #fff;
}

.iama-givingatelier-impact-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  grid-template-rows: auto auto;
  gap: 18px 64px;
  align-items: stretch;
}

.iama-givingatelier-impact-image-large {
  grid-row: 1 / span 2;
  overflow: hidden;
  border-radius: 24px;
}

.iama-givingatelier-impact-image-large img,
.iama-givingatelier-impact-image-small img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.iama-givingatelier-impact-copy {
  padding: 34px;
  background: #00287d;
}

.iama-givingatelier-impact-copy h2 {
  margin-bottom: 20px;
  color: #fff;
}

.iama-givingatelier-impact-copy h2 strong {
  color: #ffc63b;
}

.iama-givingatelier-impact-copy p {
  color: #fff;
}

.iama-givingatelier-impact-highlight {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  margin-top: 24px;
}

.iama-givingatelier-impact-highlight i {
  margin-top: 4px;
  color: #ffc63b;
}

.iama-givingatelier-impact-highlight h3 {
  margin-bottom: 7px;
  font-size: 22px;
  color: #fff;
}

.iama-givingatelier-impact-highlight p {
  font-size: 15px;
}

.iama-givingatelier-impact-image-small {
  min-height: 220px;
  overflow: hidden;
  border-radius: 24px;
}

/* PROCESS */

.iama-givingatelier-process {
  padding: 82px 0;
  background: #00287d;
}

.iama-givingatelier-process .iama-givingatelier-kicker {
  color: #fff;
}

.iama-givingatelier-process h2 {
  color: #fff;
}

.iama-givingatelier-process h2 strong {
  color: #ffc63b;
}

.iama-givingatelier-process-head {
  max-width: 900px;
  margin-bottom: 42px;
}

.iama-givingatelier-process-head h2 {
  margin-bottom: 20px;
}

.iama-givingatelier-process-head p {
  color: #fff;
}

.iama-givingatelier-process-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.iama-givingatelier-process-grid article {
  min-height: 270px;
  padding: 24px;
  background: #fff;
}

.iama-givingatelier-process-grid article>span {
  display: block;
  margin-bottom: 22px;
  font-family: "Outfit", sans-serif;
  font-size: 18px;
  color: #00287d;
}

.iama-givingatelier-process-icon {
  display: grid;
  place-items: center;
  width: 54px;
  height: 54px;
  margin-bottom: 20px;
  border-radius: 50%;
  color: #00287d;
  background: #ffc63b;
}

.iama-givingatelier-process-grid h3 {
  margin-bottom: 10px;
  font-size: 23px;
}

.iama-givingatelier-process-grid p {
  font-size: 15px;
}

/* CTA */

.iama-givingatelier-cta {
  padding: 82px 0;
  background: #fff;
}

.iama-givingatelier-cta-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  align-items: stretch;
}

.iama-givingatelier-cta-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 52px;
  background: #00287d;
}

.iama-givingatelier-cta-copy h2 {
  margin-bottom: 22px;
  color: #fff;
}

.iama-givingatelier-cta-copy h2 strong {
  color: #ffc63b;
}

.iama-givingatelier-cta-copy p {
  color: #fff;
}

.iama-givingatelier-cta-copy a {
  width: fit-content;
  margin-top: 28px;
  color: #00287d;
  background: #ffc63b;
}

.iama-givingatelier-cta-image img {
  display: block;
  width: 100%;
  height: 100%;
  height: 420px;
  object-fit: cover;
}

/* RESPONSIVE */

@media (max-width: 1199px) {
  .iama-givingatelier-page h2 {
    font-size: 50px;
  }

  .iama-givingatelier-pathways-grid,
  .iama-givingatelier-process-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 991px) {
  .iama-givingatelier-page h2 {
    font-size: 44px;
  }

  .iama-givingatelier-hero-grid,
  .iama-givingatelier-trust-grid,
  .iama-givingatelier-help-grid,
  .iama-givingatelier-impact-grid,
  .iama-givingatelier-cta-grid {
    grid-template-columns: 1fr;
  }

  .iama-givingatelier-impact-image-large {
    grid-row: auto;
    min-height: 420px;
  }

  .iama-givingatelier-cta-copy {
    padding: 44px;
  }
}

@media (max-width: 767px) {

  .iama-givingatelier-hero,
  .iama-givingatelier-pathways,
  .iama-givingatelier-trust,
  .iama-givingatelier-help,
  .iama-givingatelier-impact,
  .iama-givingatelier-process,
  .iama-givingatelier-cta {
    padding: 64px 0;
  }

  .iama-givingatelier-page h2 {
    font-size: 38px;
    letter-spacing: -0.4px;
  }

  .iama-givingatelier-page p {
    font-size: 18px;
  }

  .iama-givingatelier-pathways-grid,
  .iama-givingatelier-trust-cards,
  .iama-givingatelier-help-cards,
  .iama-givingatelier-process-grid {
    grid-template-columns: 1fr;
  }

  .iama-givingatelier-hero-visual {
    padding: 0;
  }

  .iama-givingatelier-hero-image img,
  .iama-givingatelier-trust-visual>img {
    height: 420px;
  }

  .iama-givingatelier-hero-overlay {
    position: relative;
    right: auto;
    bottom: auto;
    margin: -18px 18px 0;
  }

  .iama-givingatelier-impact-copy,
  .iama-givingatelier-cta-copy {
    padding: 34px 26px;
  }

  .iama-givingatelier-cta-image img {
    min-height: 340px;
  }
}

@media (max-width: 575px) {
  .iama-givingatelier-page h2 {
    font-size: 34px;
    line-height: 1.08;
  }

  .iama-givingatelier-kicker {
    font-size: 12px;
    letter-spacing: 1px;
  }

  .iama-givingatelier-hero-note {
    top: 12px;
    left: 12px;
    max-width: 200px;
    padding: 14px;
  }

  .iama-givingatelier-hero-image img,
  .iama-givingatelier-trust-visual>img {
    height: 340px;
  }

  .iama-givingatelier-pathways-grid article,
  .iama-givingatelier-trust-cards article,
  .iama-givingatelier-help-cards article,
  .iama-givingatelier-process-grid article {
    min-height: auto;
    padding: 22px;
  }

  .iama-givingatelier-impact-image-large {
    min-height: 340px;
  }
}


/* =========================================================
   IAMA ALUMNI SIGN
   Simple, Classy Alumni Registration Page
   Uses existing .container class
========================================================= */

.iama-alumnisign-page,
.iama-alumnisign-page section {
  position: relative;
  overflow: hidden;
}

.iama-alumnisign-page h2 {
  margin: 0;
  font-family: "Outfit", sans-serif;
  font-size: 60px;
  font-weight: 600;
  line-height: 1.05;
  letter-spacing: -0.6px;
  color: #000;
}

.iama-alumnisign-page h2 strong {
  color: #00287d;
  font-weight: 600;
}

.iama-alumnisign-page h3 {
  margin: 0;
  font-family: "Outfit", sans-serif;
  font-size: 26px;
  font-weight: 600;
  line-height: 1.15;
  color: #000;
}

.iama-alumnisign-page p {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #000;
  line-height: 1.4em;
}

.iama-alumnisign-label {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 1.3px;
  text-transform: uppercase;
  color: #00287d;
}

.iama-alumnisign-label i {
  color: #ffc63b;
}

.iama-alumnisign-label-light {
  color: #fff;
}

/* HERO */

.iama-alumnisign-hero {
  padding: 82px 0;
  background: #fff;
}

.iama-alumnisign-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  align-items: center;
  gap: 64px;
}

.iama-alumnisign-hero-copy h2 {
  margin-bottom: 24px;
}

.iama-alumnisign-hero-copy p {
  max-width: 680px;
}

.iama-alumnisign-hero-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 18px;
  margin-top: 30px;
}

.iama-alumnisign-hero-actions a,
.iama-alumnisign-cta-box>a {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  min-height: 56px;
  padding: 0 20px;
  font-family: "Inter", sans-serif;
  font-size: 19px;
  font-weight: 700;
  text-decoration: none;
  color: #fff;
  background: #00287d;
  transition: transform 0.3s ease, background 0.3s ease;
}

.iama-alumnisign-hero-actions a:hover,
.iama-alumnisign-cta-box>a:hover {
  transform: translateY(-3px);
  color: #00287d;
  background: #ffc63b;
}

.iama-alumnisign-hero-actions span {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #000;
}

.iama-alumnisign-hero-actions span i {
  color: #ffc63b;
}

.iama-alumnisign-hero-image {
  position: relative;
  overflow: hidden;
  border-radius: 24px;
}

.iama-alumnisign-hero-image img {
  display: block;
  width: 100%;
  height: 500px;
  object-fit: cover;
}

.iama-alumnisign-hero-card {
  position: absolute;
  left: 22px;
  right: 22px;
  bottom: 22px;
  max-width: 390px;
  padding: 18px 20px;
  background: #00287d;
}

.iama-alumnisign-hero-card span,
.iama-alumnisign-hero-card strong {
  display: block;
  font-family: "Inter", sans-serif;
}

.iama-alumnisign-hero-card span {
  margin-bottom: 5px;
  font-size: 13px;
  font-weight: 700;
  color: #ffc63b;
}

.iama-alumnisign-hero-card strong {
  font-size: 16px;
  color: #fff;
}

/* PREPARE */

.iama-alumnisign-prepare {
  padding: 74px 0;
  background: #00287d;
}

.iama-alumnisign-prepare .iama-alumnisign-label {
  color: #fff;
}

.iama-alumnisign-prepare h2 {
  color: #fff;
}

.iama-alumnisign-prepare h2 strong {
  color: #ffc63b;
}

.iama-alumnisign-heading {
  max-width: 900px;
  margin-bottom: 36px;
}

.iama-alumnisign-heading h2 {
  margin-bottom: 20px;
}

.iama-alumnisign-heading p {
  max-width: 730px;
  color: #fff;
}

.iama-alumnisign-prepare-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.iama-alumnisign-prepare-grid article {
  padding: 28px;
  background: #fff;
}

.iama-alumnisign-prepare-grid i {
  margin-bottom: 24px;
  font-size: 28px;
  color: #00287d;
}

.iama-alumnisign-prepare-grid h3 {
  margin-bottom: 10px;
}

.iama-alumnisign-prepare-grid p {
  font-size: 16px;
}

/* FORM PREVIEW */

.iama-alumnisign-formview {
  padding: 74px 0;
  background: #fff;
}

.iama-alumnisign-formview-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  align-items: center;
  gap: 64px;
}

.iama-alumnisign-formview-panel {
  border: 1px solid #00287d;
  background: #fff;
}

.iama-alumnisign-formview-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 18px 22px;
  background: #00287d;
}

.iama-alumnisign-formview-top span {
  font-family: "Inter", sans-serif;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
}

.iama-alumnisign-formview-top i {
  color: #ffc63b;
}

.iama-alumnisign-formview-body {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.iama-alumnisign-formview-body>div {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-height: 125px;
  padding: 22px;
  border-right: 1px solid #00287d;
  border-bottom: 1px solid #00287d;
}

.iama-alumnisign-formview-body span,
.iama-alumnisign-formview-body strong {
  font-family: "Inter", sans-serif;
}

.iama-alumnisign-formview-body span {
  font-size: 18px;
  color: #000;
}

.iama-alumnisign-formview-body strong {
  font-size: 18px;
  color: #00287d;
}

.iama-alumnisign-formview-status {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 16px 20px;
  background: #ffc63b;
}

.iama-alumnisign-formview-status i {
  color: #00287d;
}

.iama-alumnisign-formview-status span {
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 700;
  color: #00287d;
}

.iama-alumnisign-formview-copy h2 {
  margin-bottom: 22px;
}

/* BENEFITS */

.iama-alumnisign-benefits {
  padding: 74px 0;
  background: #ffc63b;
}

.iama-alumnisign-benefits-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.78fr) minmax(0, 1.22fr);
  gap: 64px;
  align-items: start;
}

.iama-alumnisign-benefits-copy h2 {
  margin-bottom: 22px;
}

.iama-alumnisign-benefit-cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.iama-alumnisign-benefit-cards article {
  padding: 24px;
  background: #fff;
}

.iama-alumnisign-benefit-cards span {
  display: block;
  margin-bottom: 22px;
  font-family: "Outfit", sans-serif;
  font-size: 18px;
  color: #00287d;
}

.iama-alumnisign-benefit-cards h3 {
  margin-bottom: 10px;
  font-size: 23px;
}

.iama-alumnisign-benefit-cards p {
  font-size: 15px;
}

/* REVIEW */

.iama-alumnisign-review {
  padding: 74px 0;
  background: #fff;
}

.iama-alumnisign-review-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  align-items: center;
  gap: 64px;
}

.iama-alumnisign-review-image {
  overflow: hidden;
  border-radius: 24px;
}

.iama-alumnisign-review-image img {
  display: block;
  width: 100%;
  height: 430px;
  object-fit: cover;
}

.iama-alumnisign-review-copy h2 {
  margin-bottom: 22px;
}

.iama-alumnisign-review-box {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  margin-top: 26px;
  padding: 22px;
  background: #00287d;
}

.iama-alumnisign-review-box i {
  margin-top: 4px;
  color: #ffc63b;
}

.iama-alumnisign-review-box h3 {
  margin-bottom: 7px;
  font-size: 22px;
  color: #fff;
}

.iama-alumnisign-review-box p {
  font-size: 15px;
  color: #fff;
}

/* AFTER */

.iama-alumnisign-after {
  padding: 74px 0;
  background: #00287d;
}

.iama-alumnisign-after-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  align-items: center;
  gap: 64px;
}

.iama-alumnisign-after .iama-alumnisign-label {
  color: #fff;
}

.iama-alumnisign-after h2 {
  margin-bottom: 22px;
  color: #fff;
}

.iama-alumnisign-after h2 strong {
  color: #ffc63b;
}

.iama-alumnisign-after-copy>p {
  color: #fff;
}

.iama-alumnisign-after-items {
  display: grid;
  gap: 12px;
  margin-top: 26px;
}

.iama-alumnisign-after-items>div {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 15px 18px;
  background: #fff;
}

.iama-alumnisign-after-items i {
  color: #00287d;
}

.iama-alumnisign-after-items span {
  font-family: "Inter", sans-serif;
  font-size: 19px;
  font-weight: 700;
  color: #000;
}

.iama-alumnisign-after-image {
  overflow: hidden;
  border-radius: 24px;
}

.iama-alumnisign-after-image img {
  display: block;
  width: 100%;
  height: 410px;
  object-fit: cover;
}

/* CTA */

.iama-alumnisign-cta {
  padding: 70px 0;
  background: #fff;
}

.iama-alumnisign-cta-box {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 40px;
  padding: 42px;
  background: #00287d;
}

.iama-alumnisign-cta-box h2 {
  margin-bottom: 18px;
  color: #fff;
}

.iama-alumnisign-cta-box h2 strong {
  color: #ffc63b;
}

.iama-alumnisign-cta-box p {
  max-width: 760px;
  color: #fff;
}

.iama-alumnisign-cta-box>a {
  color: #00287d;
  background: #ffc63b;
}

/* RESPONSIVE */

@media (max-width: 1199px) {
  .iama-alumnisign-page h2 {
    font-size: 50px;
  }
}

@media (max-width: 991px) {
  .iama-alumnisign-page h2 {
    font-size: 44px;
  }

  .iama-alumnisign-hero-grid,
  .iama-alumnisign-formview-grid,
  .iama-alumnisign-benefits-grid,
  .iama-alumnisign-review-grid,
  .iama-alumnisign-after-grid,
  .iama-alumnisign-cta-box {
    grid-template-columns: 1fr;
  }

  .iama-alumnisign-prepare-grid {
    grid-template-columns: 1fr;
  }

  .iama-alumnisign-cta-box>a {
    width: fit-content;
  }
}

@media (max-width: 767px) {

  .iama-alumnisign-hero,
  .iama-alumnisign-prepare,
  .iama-alumnisign-formview,
  .iama-alumnisign-benefits,
  .iama-alumnisign-review,
  .iama-alumnisign-after,
  .iama-alumnisign-cta {
    padding: 62px 0;
  }

  .iama-alumnisign-page h2 {
    font-size: 38px;
    letter-spacing: -0.4px;
  }

  .iama-alumnisign-page p {
    font-size: 18px;
  }

  .iama-alumnisign-benefit-cards,
  .iama-alumnisign-formview-body {
    grid-template-columns: 1fr;
  }

  .iama-alumnisign-hero-image img,
  .iama-alumnisign-review-image img,
  .iama-alumnisign-after-image img {
    height: 360px;
  }

  .iama-alumnisign-cta-box {
    padding: 32px 26px;
  }
}

@media (max-width: 575px) {
  .iama-alumnisign-page h2 {
    font-size: 34px;
    line-height: 1.08;
  }

  .iama-alumnisign-label {
    font-size: 12px;
    letter-spacing: 1px;
  }

  .iama-alumnisign-hero-card {
    left: 14px;
    right: 14px;
    bottom: 14px;
  }

  .iama-alumnisign-prepare-grid article,
  .iama-alumnisign-benefit-cards article {
    padding: 22px;
  }
}


/* =========================================================
   IAMA COURSE GRID
   Modern Departments & Study Pathways
   Uses existing .container class
========================================================= */

.iama-coursegrid-page,
.iama-coursegrid-page section {
  position: relative;
  overflow: hidden;
}

.iama-coursegrid-page h2 {
  margin: 0;
  font-family: "Outfit", sans-serif;
  font-size: 60px;
  font-weight: 600;
  line-height: 1.05;
  letter-spacing: -0.6px;
  color: #000;
}

.iama-coursegrid-page h2 strong {
  color: #00287d;
  font-weight: 600;
}

.iama-coursegrid-page h3 {
  margin: 0;
  font-family: "Outfit", sans-serif;
  font-size: 26px;
  font-weight: 600;
  line-height: 1.15;
  color: #000;
}

.iama-coursegrid-page p {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #000;
  line-height: 1.4em;
}

.iama-coursegrid-label {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 1.3px;
  text-transform: uppercase;
  color: #00287d;
}

.iama-coursegrid-label i {
  color: #ffc63b;
}

.iama-coursegrid-label-light {
  color: #fff;
}

/* COURSES */

.iama-coursegrid-courses {
  padding: 86px 0;
  background: #fff;
}

.iama-coursegrid-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 420px;
  align-items: end;
  gap: 60px;
  margin-bottom: 42px;
}

.iama-coursegrid-heading p {
  padding-bottom: 6px;
}

.iama-coursegrid-cards {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

.iama-coursegrid-card {
  display: flex;
  flex-direction: column;
  padding: 26px;
  border-radius: 18px;
  text-decoration: none;
  background: #fff;
  box-shadow: 0 16px 42px rgba(0, 40, 125, 0.1);
  transition: transform 0.3s ease, background 0.3s ease;
}

.iama-coursegrid-card:hover {
  transform: translateY(-8px);
  background: #00287d;
}

.iama-coursegrid-card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 42px;
}

.iama-coursegrid-card-top span {
  font-family: "Outfit", sans-serif;
  font-size: 18px;
  color: #00287d;
}

.iama-coursegrid-card-top i {
  display: grid;
  place-items: center;
  width: 54px;
  height: 54px;
  border-radius: 50%;
  font-size: 21px;
  color: #00287d;
  background: #ffc63b;
}

.iama-coursegrid-card-content h3 {
  margin-bottom: 12px;
}

.iama-coursegrid-card-content p {
  font-size: 18px;
}

.iama-coursegrid-card-action {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding-top: 28px;
  font-family: "Inter", sans-serif;
  font-size: 20px;
  font-weight: 700;
  color: #00287d;
}

.iama-coursegrid-card:hover .iama-coursegrid-card-top span,
.iama-coursegrid-card:hover .iama-coursegrid-card-content h3,
.iama-coursegrid-card:hover .iama-coursegrid-card-content p,
.iama-coursegrid-card:hover .iama-coursegrid-card-action {
  color: #fff;
}

/* SYSTEM */

.iama-coursegrid-system {
  padding: 78px 0;
  background: #00287d;
}

.iama-coursegrid-system-layout {
  display: grid;
  grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
  gap: 64px;
  align-items: start;
}

.iama-coursegrid-system-copy h2 {
  margin-bottom: 22px;
  color: #fff;
}

.iama-coursegrid-system-copy h2 strong {
  color: #ffc63b;
}

.iama-coursegrid-system-copy p {
  color: #fff;
}

.iama-coursegrid-system-cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.iama-coursegrid-system-cards article {
  min-height: 270px;
  padding: 40px;
  border-radius: 16px;
  background: #fff;
}

.iama-coursegrid-system-icon {
  display: grid;
  place-items: center;
  width: 54px;
  height: 54px;
  margin-bottom: 24px;
  border-radius: 50%;
  color: #00287d;
  background: #ffc63b;
}

.iama-coursegrid-system-cards article>span {
  display: block;
  margin-bottom: 18px;
  font-family: "Outfit", sans-serif;
  color: #00287d;
}

.iama-coursegrid-system-cards h3 {
  margin-bottom: 10px;
}

.iama-coursegrid-system-cards p {
  font-size: 18px;
}

/* RESEARCH */

.iama-coursegrid-research {
  padding: 78px 0;
  background: #ffc63b;
}

.iama-coursegrid-research-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
  align-items: center;
  gap: 64px;
}

.iama-coursegrid-research-copy h2 {
  margin-bottom: 22px;
}

.iama-coursegrid-research-features {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-top: 30px;
}

.iama-coursegrid-research-features article {
  padding: 22px;
  border-radius: 14px;
  background: #fff;
}

.iama-coursegrid-research-features i {
  margin-bottom: 20px;
  font-size: 25px;
  color: #00287d;
}

.iama-coursegrid-research-features h3 {
  margin-bottom: 8px;
  font-size: 28px;
}

.iama-coursegrid-research-features p {
  font-size: 18px;
}

.iama-coursegrid-research-image {
  position: relative;
  overflow: hidden;
  border-radius: 22px;
}

.iama-coursegrid-research-image img {
  display: block;
  width: 100%;
  height: 630px;
  object-fit: cover;
}

.iama-coursegrid-research-card {
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 20px;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 18px 20px;
  border-radius: 14px;
  background: #00287d;
}

.iama-coursegrid-research-card>i {
  color: #ffc63b;
}

.iama-coursegrid-research-card strong,
.iama-coursegrid-research-card span {
  display: block;
  font-family: "Inter", sans-serif;
}

.iama-coursegrid-research-card strong {
  margin-bottom: 4px;
  color: #ffc63b;
  font-size: 22px;
}

.iama-coursegrid-research-card span {
  font-size: 18px;
  color: #fff;
}

/* PATHWAYS */

.iama-coursegrid-pathways {
  padding: 78px 0;
  background: #fff;
}

.iama-coursegrid-pathways-head {
  max-width: 920px;
  margin-bottom: 40px;
}

.iama-coursegrid-pathways-head h2 {
  margin-bottom: 20px;
}

.iama-coursegrid-pathway-cards {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px;
}

.iama-coursegrid-pathway-cards a {
  display: flex;
  flex-direction: column;
  padding: 24px;
  border-radius: 16px;
  text-decoration: none;
  color: #000;
  background: #fff;
  box-shadow: 0 14px 34px rgba(0, 40, 125, 0.1);
  transition: transform 0.3s ease, background 0.3s ease;
}

.iama-coursegrid-pathway-cards a:hover {
  transform: translateY(-7px);
  background: #00287d;
}

.iama-coursegrid-pathway-cards a>span {
  display: block;
  margin-bottom: 24px;
  font-family: "Outfit", sans-serif;
  color: #00287d;
}

.iama-coursegrid-pathway-cards a>i {
  margin-bottom: 22px;
  font-size: 27px;
  color: #ffc63b;
}

.iama-coursegrid-pathway-cards h3 {
  margin-bottom: 10px;
  font-size: 22px;
}

.iama-coursegrid-pathway-cards p {
  font-size: 18px;
}

.iama-coursegrid-pathway-cards b {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding-top: 24px;
  font-family: "Inter", sans-serif;
  font-size: 20px;
  color: #00287d;
}

.iama-coursegrid-pathway-cards a:hover span,
.iama-coursegrid-pathway-cards a:hover h3,
.iama-coursegrid-pathway-cards a:hover p,
.iama-coursegrid-pathway-cards a:hover b {
  color: #fff;
}

/* CTA */

.iama-coursegrid-cta {
  padding: 70px 0;
  background: #00287d;
}

.iama-coursegrid-cta-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 44px;
}

.iama-coursegrid-cta h2 {
  margin-bottom: 20px;
  color: #fff;
}

.iama-coursegrid-cta h2 strong {
  color: #ffc63b;
}

.iama-coursegrid-cta p {
  max-width: 850px;
  color: #fff;
}

.iama-coursegrid-cta a {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  min-height: 58px;
  padding: 0 22px;
  font-family: "Inter", sans-serif;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  color: #00287d;
  background: #ffc63b;
  transition: transform 0.3s ease, background 0.3s ease;
}

.iama-coursegrid-cta a:hover {
  transform: translateY(-3px);
  background: #fff;
}

/* RESPONSIVE */

@media (max-width: 1199px) {
  .iama-coursegrid-page h2 {
    font-size: 50px;
  }

  .iama-coursegrid-cards {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .iama-coursegrid-pathway-cards {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 991px) {
  .iama-coursegrid-page h2 {
    font-size: 44px;
  }

  .iama-coursegrid-heading,
  .iama-coursegrid-system-layout,
  .iama-coursegrid-research-layout,
  .iama-coursegrid-cta-grid {
    grid-template-columns: 1fr;
  }

  .iama-coursegrid-cards,
  .iama-coursegrid-system-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .iama-coursegrid-cta a {
    width: fit-content;
  }
}

@media (max-width: 767px) {

  .iama-coursegrid-courses,
  .iama-coursegrid-system,
  .iama-coursegrid-research,
  .iama-coursegrid-pathways,
  .iama-coursegrid-cta {
    padding: 62px 0;
  }

  .iama-coursegrid-page h2 {
    font-size: 38px;
    letter-spacing: -0.4px;
  }

  .iama-coursegrid-page p {
    font-size: 18px;
  }

  .iama-coursegrid-cards,
  .iama-coursegrid-system-cards,
  .iama-coursegrid-research-features,
  .iama-coursegrid-pathway-cards {
    grid-template-columns: 1fr;
  }

  .iama-coursegrid-card {
    min-height: 300px;
  }

  .iama-coursegrid-research-image img {
    height: 420px;
  }
}

@media (max-width: 575px) {
  .iama-coursegrid-page h2 {
    font-size: 34px;
    line-height: 1.08;
  }

  .iama-coursegrid-label {
    font-size: 12px;
    letter-spacing: 1px;
  }

  .iama-coursegrid-card,
  .iama-coursegrid-system-cards article,
  .iama-coursegrid-research-features article,
  .iama-coursegrid-pathway-cards a {
    padding: 22px;
  }

  .iama-coursegrid-research-image img {
    height: 340px;
  }

  .iama-coursegrid-cta-grid {
    gap: 28px;
  }
}


/* =========================================================
   IAMA PROGRAM VISTA
   Modern Student-Friendly Course Categories
   Uses existing .container class
========================================================= */

.iama-programvista-page,
.iama-programvista-page section {
  position: relative;
  overflow: hidden;
}

.iama-programvista-page h2 {
  margin: 0;
  font-family: "Outfit", sans-serif;
  font-size: 60px;
  font-weight: 600;
  line-height: 1.05;
  letter-spacing: -0.6px;
  color: #000;
}

.iama-programvista-page h2 strong {
  color: #00287d;
  font-weight: 600;
}

.iama-programvista-page h3 {
  margin: 0;
  font-family: "Outfit", sans-serif;
  font-size: 25px;
  font-weight: 600;
  line-height: 1.15;
  color: #000;
}

.iama-programvista-page p {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #000;
  line-height: 1.4em;
}

.iama-programvista-label,
.iama-programvista-level {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: #00287d;
}

.iama-programvista-label i {
  color: #ffc63b;
}

.iama-programvista-label-light {
  color: #fff;
}

/* INTRO */

.iama-programvista-intro {
  padding: 78px 0;
  background: #fff;
}

.iama-programvista-intro-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 430px;
  gap: 60px;
  align-items: end;
}

.iama-programvista-intro-panel {
  padding: 26px;
  border-radius: 18px;
  background: #ffc63b;
}

.iama-programvista-intro-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 20px;
}

.iama-programvista-intro-tags span {
  padding: 8px 12px;
  border-radius: 100px;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #00287d;
  background: #fff;
}

/* DIPLOMA */

.iama-programvista-diploma {
  padding: 78px 0;
  background: #00287d;
}

.iama-programvista-level-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 360px;
  align-items: center;
  gap: 54px;
  margin-bottom: 40px;
}

.iama-programvista-level-head h2,
.iama-programvista-level-head p {
  color: #fff;
}

.iama-programvista-level-head h2 {
  margin-bottom: 16px;
}

.iama-programvista-diploma .iama-programvista-level {
  color: #ffc63b;
}

.iama-programvista-level-image {
  overflow: hidden;
  border-radius: 18px;
}

.iama-programvista-level-image img {
  width: 100%;
  height: 220px;
  object-fit: cover;
}

.iama-programvista-course-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.iama-programvista-course-grid a {
  display: flex;
  flex-direction: column;
  padding: 24px;
  border-radius: 16px;
  text-decoration: none;
  background: #fff;
  transition: transform 0.3s ease, background 0.3s ease;
}

.iama-programvista-course-grid a:hover {
  transform: translateY(-7px);
  background: #ffc63b;
}

.iama-programvista-course-grid a>span {
  display: block;
  margin-bottom: 20px;
  font-family: "Outfit", sans-serif;
  color: #00287d;
}

.iama-programvista-course-grid a>i {
  margin-bottom: 20px;
  font-size: 28px;
  color: #00287d;
}

.iama-programvista-course-grid h3 {
  margin-bottom: 20px;
}

.iama-programvista-course-grid b {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;

  font-family: "Inter", sans-serif;
  font-size: 20px;
  color: #00287d;
}

/* PG DIPLOMA */

.iama-programvista-pgdiploma {
  padding: 78px 0;
  background: #fff;
}

.iama-programvista-pgdiploma-layout {
  display: grid;
  grid-template-columns: 370px minmax(0, 1fr);
  gap: 54px;
  align-items: start;
}

.iama-programvista-pgdiploma-copy h2 {
  margin-bottom: 16px;
}

.iama-programvista-pgdiploma-image {
  margin-top: 28px;
  overflow: hidden;
  border-radius: 18px;
}

.iama-programvista-pgdiploma-image img {
  width: 100%;
  height: 230px;
  object-fit: cover;
}

.iama-programvista-pgdiploma-cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.iama-programvista-pgdiploma-cards a {
  display: flex;
  align-items: center;
  gap: 16px;
  min-height: 120px;
  padding: 20px;
  border-radius: 14px;
  text-decoration: none;
  background: #ffc63b;
  transition: transform 0.3s ease, background 0.3s ease;
}

.iama-programvista-pgdiploma-cards a:hover {
  transform: translateY(-5px);
  background: #00287d;
}

.iama-programvista-pgdiploma-cards span {
  font-family: "Outfit", sans-serif;
  color: #00287d;
}

.iama-programvista-pgdiploma-cards h3 {
  font-size: 25px;
}

.iama-programvista-pgdiploma-cards>a>i {
  color: #00287d;
}

.iama-programvista-pgdiploma-cards a:hover span,
.iama-programvista-pgdiploma-cards a:hover h3,
.iama-programvista-pgdiploma-cards a:hover>i {
  color: #fff;
}

/* MASTERS */

.iama-programvista-masters {
  padding: 78px 0;
  background: #ffc63b;
}

.iama-programvista-masters-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 40px;
  align-items: end;
  margin-bottom: 38px;
}

.iama-programvista-masters-head h2 {
  margin-bottom: 16px;
}

.iama-programvista-masters-badge {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 18px;
  border-radius: 14px;
  background: #00287d;
}

.iama-programvista-masters-badge i {
  color: #ffc63b;
}

.iama-programvista-masters-badge span {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
}

.iama-programvista-master-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.iama-programvista-master-grid a {
  padding: 24px;
  border-radius: 16px;
  text-decoration: none;
  background: #fff;
  transition: transform 0.3s ease, background 0.3s ease;
}

.iama-programvista-master-grid a:hover {
  transform: translateY(-6px);
  background: #00287d;
}

.iama-programvista-master-grid a>div {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 20px;
}

.iama-programvista-master-grid span {
  font-family: "Outfit", sans-serif;
  color: #00287d;
}

.iama-programvista-master-grid i {
  font-size: 24px;
  color: #ffc63b;
}

.iama-programvista-master-grid a:hover span,
.iama-programvista-master-grid a:hover h3 {
  color: #fff;
}

/* DOCTORAL */

.iama-programvista-doctoral {
  padding: 78px 0;
  background: #fff;
}

.iama-programvista-doctoral-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 420px;
  gap: 54px;
  align-items: center;
  margin-bottom: 40px;
}

.iama-programvista-doctoral-head h2 {
  margin-bottom: 16px;
}

.iama-programvista-doctoral-image {
  position: relative;
  overflow: hidden;
  border-radius: 18px;
}

.iama-programvista-doctoral-image img {
  width: 100%;
  height: 240px;
  object-fit: cover;
}

.iama-programvista-doctoral-image>div {
  position: absolute;
  left: 16px;
  bottom: 16px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  border-radius: 10px;
  background: #00287d;
}

.iama-programvista-doctoral-image i {
  color: #ffc63b;
}

.iama-programvista-doctoral-image span {
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #fff;
}

.iama-programvista-doctoral-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px;
}

.iama-programvista-doctoral-grid a {
  display: flex;
  flex-direction: inherit;
  padding: 22px;
  border-radius: 14px;
  text-decoration: none;
  background: #00287d;
  transition: transform 0.3s ease, background 0.3s ease;
}

.iama-programvista-doctoral-grid a:hover {
  transform: translateY(-5px);
  background: #ffc63b;
}

.iama-programvista-doctoral-grid span {
  margin-bottom: 26px;
  font-family: "Outfit", sans-serif;
  color: #ffc63b;
}

.iama-programvista-doctoral-grid h3 {
  font-size: 20px;
  color: #fff;
}

.iama-programvista-doctoral-grid a>i {

  align-self: flex-end;
  color: #ffc63b;
  margin-left: 10px;
}

.iama-programvista-doctoral-grid a:hover span,
.iama-programvista-doctoral-grid a:hover h3,
.iama-programvista-doctoral-grid a:hover>i {
  color: #00287d;
}

/* LEARNING MODEL */

.iama-programvista-model {
  padding: 78px 0;
  background: #00287d;
}

.iama-programvista-model-grid {
  display: grid;
  grid-template-columns: 0.9fr 0.85fr 1.05fr;
  gap: 36px;
  align-items: stretch;
}

.iama-programvista-model-copy h2 {
  margin-bottom: 20px;
  color: #fff;
}

.iama-programvista-model-copy h2 strong {
  color: #ffc63b;
}

.iama-programvista-model-copy p {
  color: #fff;
}

.iama-programvista-model-cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.iama-programvista-model-cards article {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 150px;
  padding: 20px;
  border-radius: 14px;
  background: #fff;
}

.iama-programvista-model-cards i {
  font-size: 26px;
  color: #ffc63b;
}

.iama-programvista-model-cards strong {
  font-family: "Outfit", sans-serif;
  font-size: 19px;
  color: #000;
}

.iama-programvista-model-image {
  position: relative;
  overflow: hidden;
  border-radius: 18px;
}

.iama-programvista-model-image img {
  width: 100%;
  height: 100%;
  min-height: 340px;
  object-fit: cover;
}

.iama-programvista-model-image>div {
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 18px;
  padding: 18px;
  border-radius: 12px;
  background: #ffc63b;
}

.iama-programvista-model-image span,
.iama-programvista-model-image strong {
  display: block;
  font-family: "Inter", sans-serif;
}

.iama-programvista-model-image span {
  margin-bottom: 5px;
  font-size: 12px;
  font-weight: 700;
  color: #00287d;
}

.iama-programvista-model-image strong {
  margin-bottom: 5px;
  font-size: 16px;
  color: #000;
}

.iama-programvista-model-image p {
  font-size: 14px;
}

/* CTA */

.iama-programvista-cta {
  padding: 74px 0;
  background: #fff;
}

.iama-programvista-cta-grid {
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  align-items: stretch;
}

.iama-programvista-cta-image {
  overflow: hidden;
  border-radius: 22px 0 0 22px;
}

.iama-programvista-cta-image img {
  width: 100%;
  height: 100%;
  height: 410px;
  object-fit: cover;
}

.iama-programvista-cta-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 52px;
  border-radius: 0 22px 22px 0;
  background: #00287d;
}

.iama-programvista-cta-copy h2 {
  margin-bottom: 20px;
  color: #fff;
}

.iama-programvista-cta-copy h2 strong {
  color: #ffc63b;
}

.iama-programvista-cta-copy p {
  color: #fff;
}

.iama-programvista-cta-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 28px;
}

.iama-programvista-cta-actions a {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  min-height: 52px;
  padding: 0 18px;
  border: 1px solid #fff;
  font-family: "Inter", sans-serif;
  font-size: 19px;
  font-weight: 700;
  text-decoration: none;
  color: #fff;
  border-radius: 50px;
}

.iama-programvista-cta-actions a:hover {
 background: #fff;
  color: #000;
}


.iama-programvista-cta-actions .iama-programvista-cta-primary {
  border-color: #ffc63b;
  color: #00287d;
  background: #ffc63b;
}

/* RESPONSIVE */

@media (max-width: 1199px) {
  .iama-programvista-page h2 {
    font-size: 50px;
  }

  .iama-programvista-course-grid,
  .iama-programvista-master-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .iama-programvista-doctoral-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 991px) {
  .iama-programvista-page h2 {
    font-size: 44px;
  }

  .iama-programvista-intro-grid,
  .iama-programvista-level-head,
  .iama-programvista-pgdiploma-layout,
  .iama-programvista-doctoral-head,
  .iama-programvista-model-grid,
  .iama-programvista-cta-grid {
    grid-template-columns: 1fr;
  }

  .iama-programvista-course-grid,
  .iama-programvista-master-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .iama-programvista-cta-image {
    border-radius: 22px 22px 0 0;
  }

  .iama-programvista-cta-copy {
    border-radius: 0 0 22px 22px;
  }
}

@media (max-width: 767px) {

  .iama-programvista-intro,
  .iama-programvista-diploma,
  .iama-programvista-pgdiploma,
  .iama-programvista-masters,
  .iama-programvista-doctoral,
  .iama-programvista-model,
  .iama-programvista-cta {
    padding: 62px 0;
  }

  .iama-programvista-page h2 {
    font-size: 38px;
    letter-spacing: -0.4px;
  }

  .iama-programvista-page p {
    font-size: 18px;
  }

  .iama-programvista-course-grid,
  .iama-programvista-pgdiploma-cards,
  .iama-programvista-master-grid,
  .iama-programvista-doctoral-grid,
  .iama-programvista-model-cards {
    grid-template-columns: 1fr;
  }

  .iama-programvista-level-image img,
  .iama-programvista-pgdiploma-image img,
  .iama-programvista-doctoral-image img {
    height: 280px;
  }

  .iama-programvista-cta-copy {
    padding: 36px 28px;
  }

  .iama-programvista-cta-image img {
    min-height: 360px;
  }
}

@media (max-width: 575px) {
  .iama-programvista-page h2 {
    font-size: 34px;
    line-height: 1.08;
  }

  .iama-programvista-label,
  .iama-programvista-level {
    font-size: 12px;
    letter-spacing: 1px;
  }

  .iama-programvista-course-grid a,
  .iama-programvista-master-grid a,
  .iama-programvista-doctoral-grid a {
    min-height: auto;
    padding: 22px;
  }

  .iama-programvista-pgdiploma-cards a {
    grid-template-columns: 38px minmax(0, 1fr);
  }

  .iama-programvista-pgdiploma-cards a>i {
    display: none;
  }
}


/* =========================================================
   IAMA NEWSROOM
   Premium News & Events Page
   Hover Effects + Scroll Animations
   Uses existing .container class
========================================================= */

.iama-newsroom-page,
.iama-newsroom-page section {
  position: relative;
  overflow: hidden;
}

.iama-newsroom-page *,
.iama-newsroom-page *::before,
.iama-newsroom-page *::after {
  box-sizing: border-box;
}

.iama-newsroom-page h2 {
  margin: 0;
  font-family: "Outfit", sans-serif;
  font-size: 60px;
  font-weight: 600;
  line-height: 1.05;
  letter-spacing: -0.6px;
  color: #000;
}

.iama-newsroom-page h2 strong {
  color: #00287d;
  font-weight: 600;
}

.iama-newsroom-page h3 {
  margin: 0;
  font-family: "Outfit", sans-serif;
  font-size: 26px;
  font-weight: 600;
  line-height: 1.15;
  color: #000;
}

.iama-newsroom-page p {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #000;
  line-height: 1.4em;
}

.iama-newsroom-label {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: #00287d;
}

.iama-newsroom-label i {
  color: #ffc63b;
  transition: transform 0.35s ease;
}

.iama-newsroom-label-light {
  color: #fff;
}

/* SHARED ANIMATION */

@keyframes iama-newsroom-fade-up {
  from {
    opacity: 0;
    transform: translateY(28px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes iama-newsroom-fade-left {
  from {
    opacity: 0;
    transform: translateX(-35px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes iama-newsroom-fade-right {
  from {
    opacity: 0;
    transform: translateX(35px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes iama-newsroom-soft-float {

  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-8px);
  }
}

@keyframes iama-newsroom-icon-pulse {

  0%,
  100% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.08);
  }
}


/* HERO */

.iama-newsroom-hero {
  min-height: 700px;
  display: flex;
  align-items: center;
  background: #00287d;
}

.iama-newsroom-hero-media {
  position: absolute;
  inset: 0;
}

.iama-newsroom-hero-media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg,
      rgba(0, 40, 125, 0.98) 0%,
      rgba(0, 40, 125, 0.9) 50%,
      rgba(0, 40, 125, 0.44) 100%);
}

.iama-newsroom-hero-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.03);
  animation: iama-newsroom-hero-zoom 12s ease-in-out infinite alternate;
}

@keyframes iama-newsroom-hero-zoom {
  from {
    transform: scale(1.03);
  }

  to {
    transform: scale(1.1);
  }
}

.iama-newsroom-hero-grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 360px;
  gap: 70px;
  align-items: end;
  padding: 220px 0 80px;
}

.iama-newsroom-hero-copy {
  animation: iama-newsroom-fade-left 0.9s ease both;
}

.iama-newsroom-hero-copy h2 {
  margin-bottom: 24px;
  color: #fff;
}

.iama-newsroom-hero-copy h2 strong {
  color: #ffc63b;
}

.iama-newsroom-hero-copy p {
  max-width: 760px;
  color: #fff;
}

.iama-newsroom-hero-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 18px;
  margin-top: 30px;
}

.iama-newsroom-hero-actions a,
.iama-newsroom-cta-copy a {
  position: relative;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  gap: 14px;
  min-height: 56px;
  padding: 0 20px;
  font-family: "Inter", sans-serif;
  font-size: 19px;
  font-weight: 700;
  text-decoration: none;
  color: #00287d;
  background: #ffc63b;
  transition:
    transform 0.35s ease,
    background 0.35s ease,
    color 0.35s ease,
    box-shadow 0.35s ease;
        border-radius:50px;
}

.iama-newsroom-hero-actions a::before,
.iama-newsroom-cta-copy a::before {
  content: "";
  position: absolute;
  top: 0;
  left: -120%;
  width: 70%;
  height: 100%;
  transform: skewX(-22deg);
  background: rgba(255, 255, 255, 0.45);
  transition: left 0.6s ease;
}

.iama-newsroom-hero-actions a:hover::before,
.iama-newsroom-cta-copy a:hover::before {
  left: 150%;
}

.iama-newsroom-hero-actions a:hover,
.iama-newsroom-cta-copy a:hover {
  transform: translateY(-4px);
  background: #fff;
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.18);
}

.iama-newsroom-hero-actions a i,
.iama-newsroom-cta-copy a i {
  transition: transform 0.35s ease;
}

.iama-newsroom-hero-actions a:hover i,
.iama-newsroom-cta-copy a:hover i {
  transform: translateX(5px);
}

.iama-newsroom-hero-actions span {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-family: "Inter", sans-serif;
  font-size: 19px;
  font-weight: 600;
  color: #fff;
}

.iama-newsroom-hero-actions span i {
  color: #ffc63b;
  animation: iama-newsroom-icon-pulse 2s ease-in-out infinite;
}

.iama-newsroom-hero-feature {
  padding: 22px;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 24px 55px rgba(0, 0, 0, 0.22);
  animation:
    iama-newsroom-fade-right 0.9s ease both,
    iama-newsroom-soft-float 4.5s ease-in-out 1s infinite;
  transition:
    transform 0.35s ease,
    box-shadow 0.35s ease;
}

.iama-newsroom-hero-feature:hover {
  transform: translateY(-8px) rotate(-0.5deg);
  box-shadow: 0 30px 68px rgba(0, 0, 0, 0.28);
}

.iama-newsroom-hero-feature>span {
  display: block;
  margin-bottom: 10px;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #00287d;
}

.iama-newsroom-hero-feature h3 {
  margin-bottom: 18px;
  font-size: 23px;
}

.iama-newsroom-hero-feature img {
  width: 100%;
  height: 190px;
  object-fit: cover;
  border-radius: 12px;
  transition: transform 0.55s ease;
}

.iama-newsroom-hero-feature:hover img {
  transform: scale(1.06);
}

/* CATEGORIES */

.iama-newsroom-categories,
.iama-newsroom-feature,
.iama-newsroom-preview,
.iama-newsroom-visuals,
.iama-newsroom-guidance {
  padding: 78px 0;
}

.iama-newsroom-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 420px;
  gap: 60px;
  align-items: end;
  margin-bottom: 40px;
}

.iama-newsroom-heading p {
  padding-bottom: 4px;
}

.iama-newsroom-category-grid {
  display: grid;
  grid-template-columns: 0.85fr 1.3fr 0.85fr;
  gap: 16px;
}

.iama-newsroom-category-grid article {
  position: relative;
  min-height: 300px;
  padding: 26px;
  border-radius: 18px;
  background: #00287d;
  transition:
    transform 0.4s ease,
    box-shadow 0.4s ease,
    background 0.4s ease;
}

.iama-newsroom-category-grid article:not(.iama-newsroom-category-image)::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(135deg, transparent 40%, rgba(255, 198, 59, 0.18));
  opacity: 0;
  transition: opacity 0.4s ease;
}

.iama-newsroom-category-grid article:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 42px rgba(0, 40, 125, 0.2);
}

.iama-newsroom-category-grid article:hover::before {
  opacity: 1;
}

.iama-newsroom-category-grid article>i {
  margin-bottom: 34px;
  font-size: 30px;
  color: #ffc63b;
  transition: transform 0.35s ease;
}

.iama-newsroom-category-grid article:hover>i {
  transform: rotate(-8deg) scale(1.12);
}

.iama-newsroom-category-grid article>span {
  display: block;
  margin-bottom: 14px;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  color: #ffc63b;
}

.iama-newsroom-category-grid article>h3 {
  color: #fff;
}

.iama-newsroom-category-image {
  position: relative;
  padding: 0 !important;
  overflow: hidden;
}

.iama-newsroom-category-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.65s ease;
}

.iama-newsroom-category-image:hover img {
  transform: scale(1.08);
}

.iama-newsroom-category-image::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 40, 125, 0.62);
  transition: background 0.4s ease;
}

.iama-newsroom-category-image:hover::after {
  background: rgba(0, 40, 125, 0.76);
}

.iama-newsroom-category-image>div {
  position: absolute;
  z-index: 2;
  left: 26px;
  right: 26px;
  bottom: 26px;
  transition: transform 0.4s ease;
}

.iama-newsroom-category-image:hover>div {
  transform: translateY(-8px);
}

.iama-newsroom-category-image span {
  display: block;
  margin-bottom: 8px;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #ffc63b;
}

.iama-newsroom-category-image h3,
.iama-newsroom-category-image p {
  color: #fff;
}

.iama-newsroom-category-image h3 {
  margin-bottom: 10px;
}

/* FEATURE */

.iama-newsroom-feature {
  background: #ffc63b;
}

.iama-newsroom-feature-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  gap: 64px;
  align-items: center;
}

.iama-newsroom-feature-image {
  overflow: hidden;
  border-radius: 22px;
  box-shadow: 0 18px 40px rgba(0, 40, 125, 0.14);
}

.iama-newsroom-feature-image img {
  width: 100%;
  height: 550px;
  object-fit: cover;
  transition: transform 0.7s ease;
}

.iama-newsroom-feature-image:hover img {
  transform: scale(1.06);
}

.iama-newsroom-feature-copy h2 {
  margin-bottom: 22px;
}

.iama-newsroom-feature-points {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 28px;
}

.iama-newsroom-feature-points article {
  padding: 20px;
  border-radius: 14px;
  background: #fff;
  transition:
    transform 0.35s ease,
    box-shadow 0.35s ease,
    background 0.35s ease;
}

.iama-newsroom-feature-points article:hover {
  transform: translateY(-6px);
  background: #00287d;
  box-shadow: 0 16px 34px rgba(0, 40, 125, 0.16);
}

.iama-newsroom-feature-points span,
.iama-newsroom-feature-points strong {
  display: block;
  font-family: "Inter", sans-serif;
}

.iama-newsroom-feature-points span {
  margin-bottom: 8px;
  font-size: 21px;
  color: #00287d;
  transition: color 0.35s ease;
}

.iama-newsroom-feature-points strong {
  font-size: 15px;
  color: #000;
  transition: color 0.35s ease;
}

.iama-newsroom-feature-points article:hover span {
  color: #ffc63b;
}

.iama-newsroom-feature-points article:hover strong {
  color: #fff;
}

/* PREVIEW */

.iama-newsroom-preview {
  background: #00287d;
}

.iama-newsroom-preview-head {
  max-width: 900px;
  margin-bottom: 40px;
}

.iama-newsroom-preview-head h2 {
  margin-bottom: 20px;
  color: #fff;
}

.iama-newsroom-preview-head h2 strong {
  color: #ffc63b;
}

.iama-newsroom-preview-head p {
  color: #fff;
}

.iama-newsroom-preview-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.iama-newsroom-preview-grid article {
  position: relative;
  min-height: 265px;
  padding: 24px;
  border-radius: 16px;
  background: #fff;
  transition:
    transform 0.4s ease,
    box-shadow 0.4s ease,
    background 0.4s ease;
}

.iama-newsroom-preview-grid article:hover {
  transform: translateY(-8px);
  background: #ffc63b;
  box-shadow: 0 20px 44px rgba(0, 0, 0, 0.22);
}

.iama-newsroom-preview-icon {
  display: grid;
  place-items: center;
  width: 54px;
  height: 54px;
  margin-bottom: 24px;
  border-radius: 50%;
  color: #00287d;
  background: #ffc63b;
  transition:
    transform 0.4s ease,
    background 0.4s ease;
}

.iama-newsroom-preview-grid article:hover .iama-newsroom-preview-icon {
  transform: rotate(10deg) scale(1.08);
  background: #fff;
}

.iama-newsroom-preview-grid article>span {
  display: block;
  margin-bottom: 14px;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  color: #00287d;
}

.iama-newsroom-preview-grid h3 {
  margin-bottom: 10px;
  font-size: 23px;
}

.iama-newsroom-preview-grid p {
  font-size: 18px;
}

/* VISUALS */

.iama-newsroom-visuals-layout {
  display: grid;
  grid-template-columns: 0.75fr 1.25fr;
  gap: 64px;
  align-items: center;
}

.iama-newsroom-visuals-copy h2 {
  margin-bottom: 22px;
}

.iama-newsroom-visuals-gallery {
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  grid-template-rows: repeat(2, 220px);
  gap: 14px;
}

.iama-newsroom-visuals-gallery figure {
  position: relative;
  margin: 0;
  overflow: hidden;
  border-radius: 18px;
  cursor: pointer;
}

.iama-newsroom-visuals-gallery figure::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 40, 125, 0);
  transition: background 0.45s ease;
}

.iama-newsroom-visuals-gallery figure:hover::after {
  background: rgba(0, 40, 125, 0.24);
}

.iama-newsroom-visuals-large {
  grid-row: 1 / span 2;
}

.iama-newsroom-visuals-gallery img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.65s ease;
}

.iama-newsroom-visuals-gallery figure:hover img {
  transform: scale(1.08);
}

/* GUIDANCE */

.iama-newsroom-guidance {
  background: #ffc63b;
}

.iama-newsroom-guidance-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  gap: 64px;
  align-items: center;
}

.iama-newsroom-guidance-copy h2 {
  margin-bottom: 22px;
}

.iama-newsroom-guidance-cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 28px;
}

.iama-newsroom-guidance-cards article {
  padding: 20px;
  border-radius: 14px;
  background: #fff;
  transition:
    transform 0.35s ease,
    background 0.35s ease,
    box-shadow 0.35s ease;
}

.iama-newsroom-guidance-cards article:hover {
  transform: translateY(-6px);
  background: #00287d;
  box-shadow: 0 16px 34px rgba(0, 40, 125, 0.18);
}

.iama-newsroom-guidance-cards i {
  margin-bottom: 16px;
  color: #00287d;
  transition:
    transform 0.35s ease,
    color 0.35s ease;
}

.iama-newsroom-guidance-cards article:hover i {
  transform: scale(1.18);
  color: #ffc63b;
}

.iama-newsroom-guidance-cards p {
  font-size: 18px;
  transition: color 0.35s ease;
}

.iama-newsroom-guidance-cards article:hover p {
  color: #fff;
}

.iama-newsroom-guidance-image {
  overflow: hidden;
  border-radius: 22px;
  box-shadow: 0 18px 40px rgba(0, 40, 125, 0.14);
}

.iama-newsroom-guidance-image img {
  width: 100%;
  height: 430px;
  object-fit: cover;
  transition: transform 0.65s ease;
}

.iama-newsroom-guidance-image:hover img {
  transform: scale(1.06);
}

/* CTA */

.iama-newsroom-cta {
  padding: 70px 0;
  background: #fff;
}

.iama-newsroom-cta-card {
  display: grid;
  grid-template-columns: 360px minmax(0, 1fr);
  align-items: stretch;
  overflow: hidden;
  border-radius: 20px;
  background: #00287d;
  box-shadow: 0 18px 42px rgba(0, 40, 125, 0.14);
  transition:
    transform 0.4s ease,
    box-shadow 0.4s ease;
}

.iama-newsroom-cta-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 24px 55px rgba(0, 40, 125, 0.2);
}

.iama-newsroom-cta-image {
  overflow: hidden;
}

.iama-newsroom-cta-image img {
  width: 100%;
  height: 100%;
  min-height: 320px;
  object-fit: cover;
  transition: transform 0.7s ease;
}

.iama-newsroom-cta-card:hover .iama-newsroom-cta-image img {
  transform: scale(1.07);
}

.iama-newsroom-cta-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 38px 42px;
}

.iama-newsroom-cta-copy h2 {
  margin-bottom: 18px;
  color: #fff;
}

.iama-newsroom-cta-copy h2 strong {
  color: #ffc63b;
}

.iama-newsroom-cta-copy p {
  max-width: 760px;
  color: #fff;
}

.iama-newsroom-cta-copy a {
  width: fit-content;
  margin-top: 24px;
}

/* ACCESSIBILITY */

@media (prefers-reduced-motion: reduce) {

  .iama-newsroom-page *,
  .iama-newsroom-page *::before,
  .iama-newsroom-page *::after {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }
}

/* RESPONSIVE */

@media (max-width: 1199px) {
  .iama-newsroom-page h2 {
    font-size: 50px;
  }

  .iama-newsroom-preview-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 991px) {
  .iama-newsroom-page h2 {
    font-size: 44px;
  }

  .iama-newsroom-hero-grid,
  .iama-newsroom-heading,
  .iama-newsroom-feature-layout,
  .iama-newsroom-visuals-layout,
  .iama-newsroom-guidance-grid,
  .iama-newsroom-cta-card {
    grid-template-columns: 1fr;
  }

  .iama-newsroom-category-grid {
    grid-template-columns: 1fr 1fr;
  }

  .iama-newsroom-category-image {
    grid-column: 1 / -1;
  }

  .iama-newsroom-hero-feature {
    max-width: 420px;
  }

  .iama-newsroom-cta-image img {
    min-height: 280px;
    height: 280px;
  }
}

@media (max-width: 767px) {

  .iama-newsroom-categories,
  .iama-newsroom-feature,
  .iama-newsroom-preview,
  .iama-newsroom-visuals,
  .iama-newsroom-guidance,
  .iama-newsroom-cta {
    padding: 62px 0;
  }

  .iama-newsroom-page h2 {
    font-size: 38px;
    letter-spacing: -0.4px;
  }

  .iama-newsroom-page p {
    font-size: 18px;
  }

  .iama-newsroom-category-grid,
  .iama-newsroom-preview-grid,
  .iama-newsroom-feature-points,
  .iama-newsroom-guidance-cards {
    grid-template-columns: 1fr;
  }

  .iama-newsroom-category-image {
    grid-column: auto;
    min-height: 320px;
  }

  .iama-newsroom-feature-image img,
  .iama-newsroom-guidance-image img {
    height: 360px;
  }

  .iama-newsroom-visuals-gallery {
    grid-template-columns: 1fr;
    grid-template-rows: 300px 200px 200px;
  }

  .iama-newsroom-visuals-large {
    grid-row: auto;
  }

  .iama-newsroom-cta-copy {
    padding: 32px 26px;
  }
}

@media (max-width: 575px) {
  .iama-newsroom-page h2 {
    font-size: 34px;
    line-height: 1.08;
  }

  .iama-newsroom-label {
    font-size: 12px;
    letter-spacing: 1px;
  }

  .iama-newsroom-hero {
    min-height: 650px;
  }

  .iama-newsroom-hero-media::after {
    background: rgba(0, 40, 125, 0.86);
  }

  .iama-newsroom-category-grid article,
  .iama-newsroom-preview-grid article {
    min-height: auto;
    padding: 22px;
  }

  .iama-newsroom-feature-image img,
  .iama-newsroom-guidance-image img {
    height: 320px;
  }

  .iama-newsroom-cta-image img {
    min-height: 240px;
    height: 240px;
  }
}

/*=============================
NEWS GRID V2
=============================*/

.iama-newsgridv2 {
  padding: 90px 0;
  background: #fff;
}

.iama-newsgridv2-top,
.iama-newsgridv2-bottom {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 28px;
  margin-top: 35px;
}

.iama-newsgridv2-card {
  background: #fff;
  border: 1px solid #ececec;
  border-radius: 22px;
  padding: 40px;
  transition: .35s;
  position: relative;
  overflow: hidden;
}

.iama-newsgridv2-card:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 5px;
  height: 100%;
  background: #ffc63b;
  transition: .35s;
}

.iama-newsgridv2-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 18px 45px rgba(0, 40, 125, .12);
  border-color: #00287d;
  background: #ffc63b;
}

.iama-newsgridv2-card:hover:before {
  width: 100%;
  opacity: .06;
}

.iama-newsgridv2-icon {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: #00287d;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 30px;
  transition: .35s;
}

.iama-newsgridv2-card:hover .iama-newsgridv2-icon {
  transform: rotate(-10deg) scale(1.08);
  background: #ffc63b;
}

.iama-newsgridv2-icon i {
  font-size: 28px;
  color: #fff;
}

.iama-newsgridv2-card:hover .iama-newsgridv2-icon i {
  color: #00287d;
}

.iama-newsgridv2-card span {
  display: block;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #00287d;
  margin-bottom: 15px;
}

.iama-newsgridv2-card h3 {
  font-family: "Outfit", sans-serif;
  font-size: 30px;
  font-weight: 600;
  line-height: 1.25;
  color: #000;
  margin: 0;
}

/* Feature */

.iama-newsgridv2-feature {
  position: relative;
  margin: 38px 0;
  border-radius: 26px;
  overflow: hidden;
  height: 500px;
}

.iama-newsgridv2-feature img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: .7s;
}

.iama-newsgridv2-feature:hover img {
  transform: scale(1.06);
}

.iama-newsgridv2-overlay {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 55px;
  background: linear-gradient(180deg, transparent 0%, rgba(0, 40, 125, .92) 100%);
}

.iama-newsgridv2-overlay span {
  display: inline-block;
  padding: 10px 18px;
  background: #ffc63b;
  border-radius: 30px;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #00287d;
  margin-bottom: 22px;
}

.iama-newsgridv2-overlay h2 {
  font-family: "Outfit", sans-serif;
  font-size: 46px;
  font-weight: 600;
  line-height: 1.08;
  color: #fff;
  margin-bottom: 18px;
}

.iama-newsgridv2-overlay p {
  font-family: "Inter", sans-serif;
  font-size: 18px;
  color: #fff;
  line-height: 1.5em;
  max-width: 760px;
}

/* Responsive */

@media(max-width:991px) {

  .iama-newsgridv2-top,
  .iama-newsgridv2-bottom {
    grid-template-columns: 1fr;
  }

  .iama-newsgridv2-feature {
    height: 420px;
  }

  .iama-newsgridv2-overlay {
    padding: 35px;
  }

  .iama-newsgridv2-overlay h2 {
    font-size: 38px;
  }

}

@media(max-width:767px) {

  .iama-newsgridv2 {
    padding: 70px 0;
  }

  .iama-newsgridv2-card {
    padding: 30px;
  }

  .iama-newsgridv2-card h3 {
    font-size: 24px;
  }

  .iama-newsgridv2-feature {
    height: 340px;
  }

  .iama-newsgridv2-overlay {
    padding: 25px;
  }

  .iama-newsgridv2-overlay h2 {
    font-size: 30px;
  }

  .iama-newsgridv2-overlay p {
    font-size: 17px;
  }

}




/* =========================================================
   IAMA CURRENT PULSE
   Completely New Latest News Design
   Uses existing .container class
========================================================= */

.iama-currentpulse-page,
.iama-currentpulse-page section {
  position: relative;
  overflow: hidden;
}

.iama-currentpulse-page *,
.iama-currentpulse-page *::before,
.iama-currentpulse-page *::after {
  box-sizing: border-box;
}

.iama-currentpulse-page h2 {
  margin: 0;
  font-family: "Outfit", sans-serif;
  font-size: 60px;
  font-weight: 600;
  line-height: 1.05;
  letter-spacing: -0.6px;
  color: #000;
}

.iama-currentpulse-page h2 strong {
  color: #00287d;
  font-weight: 600;
}

.iama-currentpulse-page h3 {
  margin: 0;
  font-family: "Outfit", sans-serif;
  font-size: 26px;
  font-weight: 600;
  line-height: 1.15;
  color: #000;
}

.iama-currentpulse-page p {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #000;
  line-height: 1.4em;
}

.iama-currentpulse-label {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: #00287d;
}

.iama-currentpulse-label i {
  color: #ffc63b;
}

.iama-currentpulse-label-light {
  color: #fff;
}

/* MASTHEAD */

.iama-currentpulse-masthead {
  padding: 82px 0 70px;
  background: #fff;
}

.iama-currentpulse-masthead-copy {
  max-width: 940px;
  margin: 0 auto 42px;
  text-align: center;
}

.iama-currentpulse-masthead-copy h2 {
  margin-bottom: 22px;
}

.iama-currentpulse-masthead-copy p {
  max-width: 760px;
  margin: 0 auto;
}

.iama-currentpulse-masthead-copy>a {
  display: inline-flex;
  align-items: center;
  gap: 13px;
  min-height: 56px;
  margin-top: 28px;
  padding: 0 21px;
  font-family: "Inter", sans-serif;
  font-size: 19px;
  font-weight: 700;
  text-decoration: none;
  color: #fff;
  background: #00287d;
  transition: transform 0.3s ease, background 0.3s ease, color 0.3s ease;
      border-radius:50px;
}

.iama-currentpulse-masthead-copy>a:hover {
  transform: translateY(-4px);
  color: #00287d;
  background: #ffc63b;
}

.iama-currentpulse-masthead-copy>a i {
  transition: transform 0.3s ease;
}

.iama-currentpulse-masthead-copy>a:hover i {
  transform: translateX(5px);
}

.iama-currentpulse-masthead-strip {
  display: grid;
  grid-template-columns: 0.85fr 1.3fr 0.85fr;
  gap: 14px;
  align-items: center;
}

.iama-currentpulse-masthead-strip figure {
  margin: 0;
  overflow: hidden;
  border-radius: 20px;
}

.iama-currentpulse-masthead-strip figure:nth-child(1),
.iama-currentpulse-masthead-strip figure:nth-child(3) {
  height: 300px;
}

.iama-currentpulse-masthead-strip figure:nth-child(2) {
  height: 390px;
}

.iama-currentpulse-masthead-strip img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s ease;
}

.iama-currentpulse-masthead-strip figure:hover img {
  transform: scale(1.06);
}

.iama-currentpulse-masthead-note {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  margin-top: 24px;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #000;
}

.iama-currentpulse-masthead-note i {
  color: #ffc63b;
}

/* NEWS DESK */

.iama-currentpulse-desk {
  padding: 74px 0;
  background: #00287d;
}

.iama-currentpulse-sectionhead {
  max-width: 900px;
  margin-bottom: 38px;
}

.iama-currentpulse-sectionhead h2 {
  margin-bottom: 20px;
  color: #fff;
}

.iama-currentpulse-sectionhead h2 strong {
  color: #ffc63b;
}

.iama-currentpulse-sectionhead p {
  max-width: 760px;
  color: #fff;
}

.iama-currentpulse-desk-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-rows: repeat(2, 240px);
  gap: 14px;
}

.iama-currentpulse-desk-grid article {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 24px;
  overflow: hidden;
  border-radius: 18px;
  background: #fff;
  transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.iama-currentpulse-desk-grid article:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.22);
}

.iama-currentpulse-desk-primary {
  grid-row: 1 / span 2;
  background: #ffc63b !important;
}

.iama-currentpulse-desk-media {
  grid-column: 2 / span 2;
}

.iama-currentpulse-desk-grid article>span {
  display: block;
  margin-bottom: 9px;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  color: #00287d;
}

.iama-currentpulse-desk-grid h3 {
  margin-bottom: 9px;
  font-size: 23px;
}

.iama-currentpulse-desk-grid p {
  font-size: 15px;
}

.iama-currentpulse-desk-grid article>i {
  position: absolute;
  top: 22px;
  right: 22px;
  font-size: 30px;
  color: #00287d;
}

.iama-currentpulse-desk-media {
  padding: 0 !important;
}

.iama-currentpulse-desk-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s ease;
}

.iama-currentpulse-desk-media:hover img {
  transform: scale(1.06);
}

.iama-currentpulse-desk-media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 40, 125, 0.62);
}

.iama-currentpulse-desk-media>div {
  position: absolute;
  z-index: 2;
  left: 24px;
  right: 24px;
  bottom: 24px;
}

.iama-currentpulse-desk-media span,
.iama-currentpulse-desk-media h3,
.iama-currentpulse-desk-media p {
  color: #fff !important;
}

/* STORY FRAME */

.iama-currentpulse-story {
  padding: 74px 0;
  background: #fff;
}

.iama-currentpulse-story-frame {
  display: grid;
  grid-template-columns: 170px minmax(0, 0.9fr) minmax(0, 1.1fr);
  grid-template-rows: auto auto;
  gap: 22px;
  align-items: stretch;
}

.iama-currentpulse-story-number {
  grid-row: 1 / span 2;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 26px 20px;
  background: #ffc63b;
}

.iama-currentpulse-story-number span {
  font-family: "Outfit", sans-serif;
  font-size: 52px;
  color: #00287d;
}

.iama-currentpulse-story-number strong {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  color: #00287d;
}

.iama-currentpulse-story-copy {
  padding: 30px;
  background: #fff;
  box-shadow: 0 16px 38px rgba(0, 40, 125, 0.1);
}

.iama-currentpulse-story-copy h2 {
  margin-bottom: 20px;
  font-size: 48px;
}

.iama-currentpulse-story-image {
  grid-row: 1 / span 2;
  overflow: hidden;
  border-radius: 22px;
}

.iama-currentpulse-story-image img {
  width: 100%;
  height: 100%;
  min-height: 520px;
  object-fit: cover;
  transition: transform 0.65s ease;
}

.iama-currentpulse-story-image:hover img {
  transform: scale(1.05);
}

.iama-currentpulse-story-summary {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.iama-currentpulse-story-summary article {
  padding: 22px;
  background: #00287d;
  transition: transform 0.3s ease, background 0.3s ease;
}

.iama-currentpulse-story-summary article:hover {
  transform: translateY(-5px);
  background: #ffc63b;
}

.iama-currentpulse-story-summary i {
  margin-bottom: 18px;
  font-size: 24px;
  color: #ffc63b;
}

.iama-currentpulse-story-summary h3 {
  margin-bottom: 8px;
  font-size: 21px;
  color: #fff;
}

.iama-currentpulse-story-summary p {
  font-size: 14px;
  color: #fff;
}

.iama-currentpulse-story-summary article:hover i,
.iama-currentpulse-story-summary article:hover h3,
.iama-currentpulse-story-summary article:hover p {
  color: #00287d;
}

/* CATEGORY WINDOWS */

.iama-currentpulse-windows {
  padding: 74px 0;
  background: #ffc63b;
}

.iama-currentpulse-windows-head {
  max-width: 900px;
  margin-bottom: 38px;
}

.iama-currentpulse-windows-head h2 {
  margin-bottom: 20px;
}

.iama-currentpulse-window-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.iama-currentpulse-window-grid article {
  position: relative;
  min-height: 390px;
  overflow: hidden;
  border-radius: 20px;
}

.iama-currentpulse-window-grid img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.65s ease;
}

.iama-currentpulse-window-grid article:hover img {
  transform: scale(1.06);
}

.iama-currentpulse-window-grid article::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 40, 125, 0.05), rgba(0, 40, 125, 0.88));
}

.iama-currentpulse-window-grid article>div {
  position: absolute;
  z-index: 2;
  left: 24px;
  right: 24px;
  bottom: 24px;
  transition: transform 0.35s ease;
}

.iama-currentpulse-window-grid article:hover>div {
  transform: translateY(-7px);
}

.iama-currentpulse-window-grid span {
  display: block;
  margin-bottom: 8px;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  color: #ffc63b;
}

.iama-currentpulse-window-grid h3 {
  margin-bottom: 8px;
  color: #fff;
}

.iama-currentpulse-window-grid p {
  font-size: 15px;
  color: #fff;
}

/* GUIDANCE PANEL */

.iama-currentpulse-guidance {
  padding: 74px 0;
  background: #fff;
}

.iama-currentpulse-guidance-panel {
  display: grid;
  grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
  gap: 0;
  overflow: hidden;
  border-radius: 22px;
}

.iama-currentpulse-guidance-title {
  padding: 42px;
  background: #00287d;
}

.iama-currentpulse-guidance-title h2 {
  color: #fff;
}

.iama-currentpulse-guidance-title h2 strong {
  color: #ffc63b;
}

.iama-currentpulse-guidance-content {
  padding: 42px;
  background: #ffc63b;
}

.iama-currentpulse-guidance-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 28px;
}

.iama-currentpulse-guidance-actions article {
  padding: 20px;
  background: #fff;
  transition: transform 0.3s ease;
}

.iama-currentpulse-guidance-actions article:hover {
  transform: translateY(-5px);
}

.iama-currentpulse-guidance-actions span {
  display: block;
  margin-bottom: 22px;
  font-family: "Outfit", sans-serif;
  color: #00287d;
}

.iama-currentpulse-guidance-actions h3 {
  margin-bottom: 8px;
  font-size: 20px;
}

.iama-currentpulse-guidance-actions p {
  font-size: 14px;
}

/* CTA */

.iama-currentpulse-cta {
  padding: 66px 0;
  background: #fff;
}

.iama-currentpulse-cta-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 360px;
  overflow: hidden;
  border-radius: 20px;
  background: #00287d;
}

.iama-currentpulse-cta-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 38px 42px;
}

.iama-currentpulse-cta-copy h2 {
  margin-bottom: 18px;
  color: #fff;
}

.iama-currentpulse-cta-copy h2 strong {
  color: #ffc63b;
}

.iama-currentpulse-cta-copy p {
  max-width: 720px;
  color: #fff;
}

.iama-currentpulse-cta-copy a {
  display: inline-flex;
  align-items: center;
  gap: 13px;
  width: fit-content;
  min-height: 54px;
  margin-top: 24px;
  padding: 0 19px;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  color: #00287d;
  background: #ffc63b;
  transition: transform 0.3s ease, background 0.3s ease;
}

.iama-currentpulse-cta-copy a:hover {
  transform: translateY(-4px);
  background: #fff;
}

.iama-currentpulse-cta-image {
  overflow: hidden;
}

.iama-currentpulse-cta-image img {
  width: 100%;
  height: 100%;
  min-height: 310px;
  object-fit: cover;
  transition: transform 0.65s ease;
}

.iama-currentpulse-cta-card:hover .iama-currentpulse-cta-image img {
  transform: scale(1.06);
}

/* RESPONSIVE */

@media (max-width: 1199px) {
  .iama-currentpulse-page h2 {
    font-size: 50px;
  }

  .iama-currentpulse-story-frame {
    grid-template-columns: 130px minmax(0, 0.95fr) minmax(0, 1.05fr);
  }

  .iama-currentpulse-story-copy h2 {
    font-size: 42px;
  }
}

@media (max-width: 991px) {
  .iama-currentpulse-page h2 {
    font-size: 44px;
  }

  .iama-currentpulse-masthead-strip {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .iama-currentpulse-desk-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: auto;
  }

  .iama-currentpulse-desk-primary,
  .iama-currentpulse-desk-media {
    grid-row: auto;
    grid-column: auto;
    min-height: 320px;
  }

  .iama-currentpulse-story-frame {
    grid-template-columns: 120px minmax(0, 1fr);
  }

  .iama-currentpulse-story-image {
    grid-column: 1 / -1;
    grid-row: auto;
  }

  .iama-currentpulse-story-summary {
    grid-column: 2;
  }

  .iama-currentpulse-guidance-panel,
  .iama-currentpulse-cta-card {
    grid-template-columns: 1fr;
  }

  .iama-currentpulse-cta-image img {
    height: 270px;
    min-height: 270px;
  }
}

@media (max-width: 767px) {

  .iama-currentpulse-masthead,
  .iama-currentpulse-desk,
  .iama-currentpulse-story,
  .iama-currentpulse-windows,
  .iama-currentpulse-guidance,
  .iama-currentpulse-cta {
    padding: 62px 0;
  }

  .iama-currentpulse-page h2 {
    font-size: 38px;
    letter-spacing: -0.4px;
  }

  .iama-currentpulse-page p {
    font-size: 18px;
  }

  .iama-currentpulse-masthead-strip {
    grid-template-columns: 1fr;
  }

  .iama-currentpulse-masthead-strip figure:nth-child(1),
  .iama-currentpulse-masthead-strip figure:nth-child(2),
  .iama-currentpulse-masthead-strip figure:nth-child(3) {
    height: 280px;
  }

  .iama-currentpulse-desk-grid,
  .iama-currentpulse-window-grid,
  .iama-currentpulse-guidance-actions {
    grid-template-columns: 1fr;
  }

  .iama-currentpulse-story-frame {
    grid-template-columns: 1fr;
  }

  .iama-currentpulse-story-number {
    grid-row: auto;
    min-height: 120px;
  }

  .iama-currentpulse-story-summary {
    grid-column: auto;
    grid-template-columns: 1fr;
  }

  .iama-currentpulse-story-image img {
    min-height: 360px;
    height: 360px;
  }

  .iama-currentpulse-guidance-title,
  .iama-currentpulse-guidance-content,
  .iama-currentpulse-cta-copy {
    padding: 32px 26px;
  }
}

@media (max-width: 575px) {
  .iama-currentpulse-page h2 {
    font-size: 34px;
    line-height: 1.08;
  }

  .iama-currentpulse-label {
    font-size: 12px;
    letter-spacing: 1px;
  }

  .iama-currentpulse-story-copy h2 {
    font-size: 34px;
  }

  .iama-currentpulse-window-grid article {
    min-height: 330px;
  }

  .iama-currentpulse-cta-image img {
    height: 230px;
    min-height: 230px;
  }
}



/* =========================================================
   IAMA EVENT FRAME
   Modern Upcoming Events Page
   Uses existing .container class
========================================================= */

.iama-eventframe-page,
.iama-eventframe-page section {
  position: relative;
  overflow: hidden;
}

.iama-eventframe-page *,
.iama-eventframe-page *::before,
.iama-eventframe-page *::after {
  box-sizing: border-box;
}

.iama-eventframe-page h2 {
  margin: 0;
  font-family: "Outfit", sans-serif;
  font-size: 60px;
  font-weight: 600;
  line-height: 1.05;
  letter-spacing: -0.6px;
  color: #000;
}

.iama-eventframe-page h2 strong {
  color: #00287d;
  font-weight: 600;
}

.iama-eventframe-page h3 {
  margin: 0;
  font-family: "Outfit", sans-serif;
  font-size: 26px;
  font-weight: 600;
  line-height: 1.15;
  color: #000;
}

.iama-eventframe-page p {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #000;
  line-height: 1.4em;
}

.iama-eventframe-label {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: #00287d;
}

.iama-eventframe-label i {
  color: #ffc63b;
}

.iama-eventframe-label-light {
  color: #fff;
}

/* HERO */

.iama-eventframe-hero {
  padding: 84px 0;
  background: #fff;
}

.iama-eventframe-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  align-items: center;
  gap: 68px;
}

.iama-eventframe-hero-copy h2 {
  margin-bottom: 24px;
}

.iama-eventframe-hero-copy p {
  max-width: 690px;
}

.iama-eventframe-hero-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 18px;
  margin-top: 30px;
}

.iama-eventframe-hero-actions a,
.iama-eventframe-cta-copy a {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  min-height: 56px;
  padding: 0 20px;
  font-family: "Inter", sans-serif;
  font-size: 19px;
  font-weight: 700;
  text-decoration: none;
  color: #fff;
  background: #00287d;
  transition: transform 0.3s ease, background 0.3s ease, color 0.3s ease;
      border-radius:50px;
}

.iama-eventframe-hero-actions a:hover,
.iama-eventframe-cta-copy a:hover {
  transform: translateY(-4px);
  color: #00287d;
  background: #ffc63b;
}

.iama-eventframe-hero-actions a i,
.iama-eventframe-cta-copy a i {
  transition: transform 0.3s ease;
}

.iama-eventframe-hero-actions a:hover i,
.iama-eventframe-cta-copy a:hover i {
  transform: translateX(5px);
}

.iama-eventframe-hero-actions span {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-family: "Inter", sans-serif;
  font-size: 20px;
  font-weight: 600;
  color: #000;
}

.iama-eventframe-hero-actions span i {
  color: #ffc63b;
}

.iama-eventframe-hero-calendar {
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 18px 48px rgba(0, 40, 125, 0.13);
  background: #fff;
}

.iama-eventframe-calendar-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  padding: 18px 22px;
  background: #00287d;
}

.iama-eventframe-calendar-top span {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
}

.iama-eventframe-calendar-top i {
  color: #ffc63b;
}

.iama-eventframe-calendar-image {
  overflow: hidden;
}

.iama-eventframe-calendar-image img {
  display: block;
  width: 100%;
  height: 390px;
  object-fit: cover;
  transition: transform 0.65s ease;
}

.iama-eventframe-hero-calendar:hover img {
  transform: scale(1.05);
}

.iama-eventframe-calendar-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  padding: 18px 20px;
}

.iama-eventframe-calendar-tags span {
  padding: 12px 18px;
  border-radius: 100px;
  font-family: "Inter", sans-serif;
  font-size: 22px;
  font-weight: 700;
  color: #00287d;
  background: #ffc63b;
}

/* OPPORTUNITIES */

.iama-eventframe-opportunities {
  padding: 76px 0;
  background: #00287d;
}

.iama-eventframe-heading {
  max-width: 900px;
  margin-bottom: 38px;
}

.iama-eventframe-heading h2 {
  margin-bottom: 20px;
  color: #fff;
}

.iama-eventframe-heading h2 strong {
  color: #ffc63b;
}

.iama-eventframe-heading p {
  color: #fff;
}

.iama-eventframe-opportunity-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.iama-eventframe-opportunity-grid article {
  padding: 24px;
  border-radius: 18px;
  background: #fff;
  transition: transform 0.35s ease, background 0.35s ease;
}

.iama-eventframe-opportunity-grid article:hover {
  transform: translateY(-7px);
  background: #ffc63b;
}

.iama-eventframe-opportunity-grid span {
  display: block;
  margin-bottom: 22px;
  font-family: "Outfit", sans-serif;
  font-size: 18px;
  color: #00287d;
}

.iama-eventframe-opportunity-grid i {
  margin-bottom: 24px;
  font-size: 28px;
  color: #00287d;
}

.iama-eventframe-opportunity-grid h3 {
  margin-bottom: 10px;
  font-size: 28px;
}

.iama-eventframe-opportunity-grid p {
  font-size: 18px;
}

/* FEATURE */

.iama-eventframe-feature {
  padding: 76px 0;
  background: #fff;
}

.iama-eventframe-feature-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  gap: 64px;
  align-items: center;
}

.iama-eventframe-feature-image {
  position: relative;
  overflow: hidden;
  border-radius: 22px;
}

.iama-eventframe-feature-image img {
  display: block;
  width: 100%;
  height: 375px;
  object-fit: cover;
  transition: transform 0.65s ease;
}

.iama-eventframe-feature-image:hover img {
  transform: scale(1.05);
}

.iama-eventframe-feature-badge {
  position: absolute;
  left: 20px;
  bottom: 20px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 16px;
  border-radius: 10px;
  background: #ffc63b;
}

.iama-eventframe-feature-badge i {
  color: #00287d;
}

.iama-eventframe-feature-badge span {
  font-family: "Inter", sans-serif;
  font-size: 20px;
  font-weight: 700;
  color: #00287d;
}

.iama-eventframe-feature-copy h2 {
  margin-bottom: 22px;
}

.iama-eventframe-feature-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 28px;
}

.iama-eventframe-feature-stats article {
  padding: 20px;
  border-radius: 14px;
  background: #ffc63b;
}

.iama-eventframe-feature-stats strong,
.iama-eventframe-feature-stats span {
  display: block;
  font-family: "Inter", sans-serif;
}

.iama-eventframe-feature-stats strong {
  margin-bottom: 8px;
  font-size: 22px;
  color: #00287d;
}

.iama-eventframe-feature-stats span {
  font-size: 18px;
  color: #000;
}

/* CATEGORIES */

.iama-eventframe-categories {
  padding: 76px 0;
  background: #ffc63b;
}

.iama-eventframe-categories-head {
  max-width: 900px;
  margin-bottom: 38px;
}

.iama-eventframe-categories-head h2 {
  margin-bottom: 20px;
}

.iama-eventframe-category-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.iama-eventframe-category-grid article {
  min-height: 0;
  padding: 24px;
  border-radius: 18px;
  background: #fff;
  transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.iama-eventframe-category-grid article:hover {
  transform: translateY(-7px);
  box-shadow: 0 18px 38px rgba(0, 40, 125, 0.14);
}

.iama-eventframe-category-icon {
  display: grid;
  place-items: center;
  width: 56px;
  height: 56px;
  margin-bottom: 24px;
  border-radius: 50%;
  color: #fff;
  background: #00287d;
  transition: transform 0.35s ease;
}

.iama-eventframe-category-grid article:hover .iama-eventframe-category-icon {
  transform: rotate(-8deg) scale(1.06);
}

.iama-eventframe-category-grid h3 {
  margin-bottom: 10px;
  font-size: 28px;
}

.iama-eventframe-category-grid p {
  font-size: 18px;
}

/* PROCESS */

.iama-eventframe-process {
  padding: 76px 0;
  background: #00287d;
}

.iama-eventframe-process-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.78fr) minmax(0, 1.22fr);
  gap: 64px;
  align-items: start;
}

.iama-eventframe-process-copy h2 {
  margin-bottom: 22px;
  color: #fff;
}

.iama-eventframe-process-copy h2 strong {
  color: #ffc63b;
}

.iama-eventframe-process-copy p {
  color: #fff;
}

.iama-eventframe-process-board {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.iama-eventframe-process-board article {
  padding: 22px;
  border-radius: 16px;
  background: #fff;
  transition: transform 0.35s ease, background 0.35s ease;
}


.iama-eventframe-process-board article:hover {
  transform: translateY(-6px);
  background: #ffc63b;
}

.iama-eventframe-process-board span {
  display: block;
  margin-bottom: 22px;
  font-family: "Outfit", sans-serif;
  color: #00287d;
}

.iama-eventframe-process-board h3 {
  margin-bottom: 9px;
  font-size: 28px;
}

.iama-eventframe-process-board p {
  font-size: 18px;
}

/* PREPARATION */

.iama-eventframe-preparation {
  padding: 76px 0;
  background: #fff;
}

.iama-eventframe-preparation-grid {
  display: grid;
  grid-template-columns: 0.82fr 1.18fr;
  gap: 64px;
  align-items: start;
}

.iama-eventframe-preparation-copy h2 {
  margin-bottom: 22px;
}

.iama-eventframe-preparation-image {
  margin-top: 28px;
  overflow: hidden;
  border-radius: 20px;
}

.iama-eventframe-preparation-image img {
  display: block;
  width: 100%;
  height: 250px;
  object-fit: cover;
  transition: transform 0.65s ease;
}

.iama-eventframe-preparation-image:hover img {
  transform: scale(1.05);
}

.iama-eventframe-preparation-cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.iama-eventframe-preparation-cards article {
  padding: 22px;
  border-radius: 16px;
  background: #ffc63b;
  transition: transform 0.35s ease, background 0.35s ease;
}

.iama-eventframe-preparation-cards article:hover {
  transform: translateY(-6px);
  background: #00287d;
}

.iama-eventframe-preparation-cards i {
  margin-bottom: 20px;
  font-size: 26px;
  color: #00287d;
}

.iama-eventframe-preparation-cards h3 {
  margin-bottom: 9px;
  font-size: 28px;
}

.iama-eventframe-preparation-cards p {
  font-size: 18px;
}

.iama-eventframe-preparation-cards article:hover i {
  color: #ffc63b;
}

.iama-eventframe-preparation-cards article:hover h3,
.iama-eventframe-preparation-cards article:hover p {
  color: #fff;
}

/* THOUGHT */

.iama-eventframe-thought {
  padding: 68px 0;
  background: #ffc63b;
}

.iama-eventframe-thought-card {
  display: grid;
  grid-template-columns: 90px minmax(0, 1fr);
  gap: 28px;
  align-items: center;
  padding: 38px 42px;
  border-radius: 20px;
  background: #00287d;
}

.iama-eventframe-thought-icon {
  display: grid;
  place-items: center;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  font-size: 30px;
  color: #00287d;
  background: #ffc63b;
}

.iama-eventframe-thought-card h2 {
  margin-bottom: 16px;
  color: #fff;
}

.iama-eventframe-thought-card h2 strong {
  color: #ffc63b;
}

.iama-eventframe-thought-card p {
  color: #fff;
}

/* CTA */

.iama-eventframe-cta {
  padding: 68px 0;
  background: #fff;
}

.iama-eventframe-cta-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 360px;
  overflow: hidden;
  border-radius: 20px;
  background: #00287d;
}

.iama-eventframe-cta-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 38px 42px;
}

.iama-eventframe-cta-copy h2 {
  margin-bottom: 18px;
  color: #fff;
}

.iama-eventframe-cta-copy h2 strong {
  color: #ffc63b;
}

.iama-eventframe-cta-copy p {
  color: #fff;
}

.iama-eventframe-cta-copy a {
  width: fit-content;
  margin-top: 24px;
  color: #00287d;
  background: #ffc63b;
}

.iama-eventframe-cta-image {
  overflow: hidden;
}

.iama-eventframe-cta-image img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 310px;
  object-fit: cover;
  transition: transform 0.65s ease;
}

.iama-eventframe-cta-grid:hover .iama-eventframe-cta-image img {
  transform: scale(1.05);
}

/* RESPONSIVE */

@media (max-width: 1199px) {
  .iama-eventframe-page h2 {
    font-size: 50px;
  }

  .iama-eventframe-opportunity-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 991px) {
  .iama-eventframe-page h2 {
    font-size: 44px;
  }

  .iama-eventframe-hero-grid,
  .iama-eventframe-feature-grid,
  .iama-eventframe-process-grid,
  .iama-eventframe-preparation-grid,
  .iama-eventframe-cta-grid {
    grid-template-columns: 1fr;
  }

  .iama-eventframe-category-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .iama-eventframe-cta-image img {
    min-height: 270px;
    height: 270px;
  }
}

@media (max-width: 767px) {

  .iama-eventframe-hero,
  .iama-eventframe-opportunities,
  .iama-eventframe-feature,
  .iama-eventframe-categories,
  .iama-eventframe-process,
  .iama-eventframe-preparation,
  .iama-eventframe-thought,
  .iama-eventframe-cta {
    padding: 62px 0;
  }

  .iama-eventframe-page h2 {
    font-size: 38px;
    letter-spacing: -0.4px;
  }

  .iama-eventframe-page p {
    font-size: 18px;
  }

  .iama-eventframe-opportunity-grid,
  .iama-eventframe-category-grid,
  .iama-eventframe-process-board,
  .iama-eventframe-preparation-cards,
  .iama-eventframe-feature-stats {
    grid-template-columns: 1fr;
  }

  .iama-eventframe-process-board article:last-child {
    grid-column: auto;
  }

  .iama-eventframe-calendar-image img,
  .iama-eventframe-feature-image img {
    height: 360px;
  }

  .iama-eventframe-thought-card {
    grid-template-columns: 1fr;
    padding: 32px 26px;
  }

  .iama-eventframe-thought-icon {
    width: 74px;
    height: 74px;
  }

  .iama-eventframe-cta-copy {
    padding: 32px 26px;
  }
}

@media (max-width: 575px) {
  .iama-eventframe-page h2 {
    font-size: 34px;
    line-height: 1.08;
  }

  .iama-eventframe-label {
    font-size: 12px;
    letter-spacing: 1px;
  }

  .iama-eventframe-calendar-image img,
  .iama-eventframe-feature-image img {
    height: 320px;
  }

  .iama-eventframe-opportunity-grid article,
  .iama-eventframe-category-grid article,
  .iama-eventframe-process-board article,
  .iama-eventframe-preparation-cards article {
    min-height: auto;
    padding: 22px;
  }

  .iama-eventframe-cta-image img {
    min-height: 230px;
    height: 230px;
  }
}


/* =========================================================
   IAMA GALLERY FLOW
   Editorial Horizontal Gallery — No Traditional Grid
   Uses existing .container class
========================================================= */

.iama-galleryflow-page,
.iama-galleryflow-page section {
  position: relative;
  overflow: hidden;
}

.iama-galleryflow-page *,
.iama-galleryflow-page *::before,
.iama-galleryflow-page *::after {
  box-sizing: border-box;
}

.iama-galleryflow-page h2 {
  margin: 0;
  font-family: "Outfit", sans-serif;
  font-size: 60px;
  font-weight: 600;
  line-height: 1.05;
  letter-spacing: -0.6px;
  color: #000;
}

.iama-galleryflow-page h2 strong {
  color: #00287d;
  font-weight: 600;
}

.iama-galleryflow-page h3 {
  margin: 0;
  font-family: "Outfit", sans-serif;
  font-size: 25px;
  font-weight: 600;
  line-height: 1.15;
  color: #000;
}

.iama-galleryflow-page p {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #000;
  line-height: 1.4em;
}

.iama-galleryflow-label {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: #00287d;
}

.iama-galleryflow-label i {
  color: #ffc63b;
}

.iama-galleryflow-label-light {
  color: #fff;
}

/* HERO */

.iama-galleryflow-hero {
  padding: 220px 0 50px;
  background: #00287d;
}

.iama-galleryflow-hero .container {
  display: grid;
  grid-template-columns: minmax(0, 0.86fr) minmax(0, 1.14fr);
  gap: 68px;
  align-items: center;
}

.iama-galleryflow-hero-copy h2 {
  margin-bottom: 24px;
  color: #fff;
}

.iama-galleryflow-hero-copy h2 strong {
  color: #ffc63b;
}

.iama-galleryflow-hero-copy p {
  max-width: 680px;
  color: #fff;
}

.iama-galleryflow-hero-copy>a,
.iama-galleryflow-cta-copy>a {
  display: inline-flex;
  align-items: center;
  gap: 13px;
  min-height: 56px;
  margin-top: 28px;
  padding: 0 20px;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
  color: #00287d;
  background: #ffc63b;
  transition: transform 0.35s ease, background 0.35s ease;
  border-radius: 50px;
}

.iama-galleryflow-hero-copy>a:hover,
.iama-galleryflow-cta-copy>a:hover {
  transform: translateY(-4px);
  background: #fff;
}

.iama-galleryflow-hero-stage {
  position: relative;
  min-height: 550px;
}

.iama-galleryflow-hero-main {
  position: absolute;
  top: 0;
  right: 0;
  width: 78%;
  height: 470px;
  margin: 0;
  overflow: hidden;
  border-radius: 26px;
}

.iama-galleryflow-hero-side {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 46%;
  height: 250px;
  margin: 0;
  overflow: hidden;
  border: 10px solid #00287d;
}

.iama-galleryflow-hero-stage img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.65s ease;
}

.iama-galleryflow-hero-stage figure:hover img {
  transform: scale(1.06);
}

.iama-galleryflow-hero-caption {
  position: absolute;
  right: 18px;
  bottom: 16px;
  max-width: 300px;
  padding: 18px 20px;
  background: #ffc63b;
}

.iama-galleryflow-hero-caption span,
.iama-galleryflow-hero-caption strong {
  display: block;
  font-family: "Inter", sans-serif;
}

.iama-galleryflow-hero-caption span {
  margin-bottom: 6px;
  font-size: 18px;
  font-weight: 700;
  color: #00287d;
}

.iama-galleryflow-hero-caption strong {
  font-size: 18px;
  color: #000;
}

/* INTRO */

.iama-galleryflow-intro {
  padding: 70px 0;
  background: #fff;
}

.iama-galleryflow-intro-band {
  max-width: 1050px;
  margin: 0 auto;
  text-align: center;
}

.iama-galleryflow-intro-band h2 {
  margin-bottom: 20px;
}

.iama-galleryflow-intro-band p {
  max-width: 800px;
  margin: 0 auto;
}

.iama-galleryflow-intro-tags {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  margin-top: 26px;
}

.iama-galleryflow-intro-tags span {
  padding: 12px 18px;
  border-radius: 100px;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 700;
  color: #00287d;
  background: #ffc63b;
}

/* REELS */

.iama-galleryflow-reel {
  padding: 72px 0;
}

.iama-galleryflow-reel:nth-of-type(even) {
  background: #fff;
}

.iama-galleryflow-reel:nth-of-type(odd) {
  background: #ffc63b;
}

.iama-galleryflow-reel-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 430px;
  gap: 50px;
  align-items: end;
  margin-bottom: 34px;
}

.iama-galleryflow-reel-head h2 {
  font-size: 48px;
}

.iama-galleryflow-reel-shell {
  position: relative;
}

.iama-galleryflow-track {
  display: flex;
  gap: 18px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  padding: 6px 2px 18px;
  scrollbar-width: none;
}

.iama-galleryflow-track::-webkit-scrollbar {
  display: none;
}






.iama-galleryflow-card {
  flex: 0 0 min(380px, 78vw);
  width: min(380px, 78vw);
  padding: 0;
  border: 0;
  border-radius: 20px;
  overflow: hidden;
  scroll-snap-align: start;
  text-align: left;
  cursor: pointer;
  background: #00287d;
  box-shadow: 0 16px 34px rgba(0, 40, 125, 0.12);
  transition:
    transform 0.35s ease,
    box-shadow 0.35s ease;
}

.iama-galleryflow-card-image {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  background: #fff;
}

.iama-galleryflow-card-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: transform 0.65s ease;
}

.iama-galleryflow-card:hover {
  transform: translateY(-7px);
  box-shadow: 0 24px 48px rgba(0, 40, 125, 0.2);
}

.iama-galleryflow-card:hover .iama-galleryflow-card-image img {
  transform: scale(1.06);
}

.iama-galleryflow-card-meta {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  min-height: 72px;
  padding: 17px 18px;
}





@media (max-width: 767px) {
  .iama-galleryflow-card {
    flex: 0 0 min(330px, 82vw);
    width: min(330px, 82vw);
  }

  .iama-galleryflow-card-image {
    width: 100%;
    aspect-ratio: 1 / 1;
    height: auto;
  }
}

@media (max-width: 575px) {
  .iama-galleryflow-card {
    flex: 0 0 86vw;
    width: 86vw;
  }

  .iama-galleryflow-card-image {
    width: 100%;
    aspect-ratio: 1 / 1;
    height: auto;
  }
}



.iama-galleryflow-card-meta small,
.iama-galleryflow-card-meta strong,
.iama-galleryflow-card-meta i {
  color: #fff;
}

.iama-galleryflow-card-meta small {
  font-family: "Outfit", sans-serif;
  font-size: 14px;
  color: #ffc63b;
}

.iama-galleryflow-card-meta strong {
  font-family: "Inter", sans-serif;
  font-size: 14px;
}

.iama-galleryflow-card-meta i {
  transition: transform 0.35s ease;
}

.iama-galleryflow-card:hover .iama-galleryflow-card-meta i {
  transform: scale(1.18);
  color: #ffc63b;
}

.iama-galleryflow-reel-shell {
  position: relative;
  overflow: hidden;
  padding: 0 64px;
}

.iama-galleryflow-track {
  display: flex;
  gap: 18px;
  overflow-x: auto;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  padding: 6px 2px 18px;
  scrollbar-width: none;
}

.iama-galleryflow-track::-webkit-scrollbar {
  display: none;
}

.iama-galleryflow-reel-arrow {
  position: absolute;
  z-index: 5;
  top: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  color: #fff;
  background: #00287d;
  box-shadow: 0 10px 24px rgba(0, 40, 125, 0.2);
  transition:
    transform 0.3s ease,
    background 0.3s ease,
    color 0.3s ease;
}

.iama-galleryflow-reel-prev {
  left: 6px;
}

.iama-galleryflow-reel-next {
  right: 6px;
}

.iama-galleryflow-reel-arrow:hover {
  transform: translateY(-50%) scale(1.08);
  color: #00287d;
  background: #ffc63b;
}

/* GUIDANCE */

.iama-galleryflow-guidance {
  padding: 76px 0;
  background: #00287d;
}

.iama-galleryflow-guidance-wrap {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  gap: 60px;
  align-items: center;
}

.iama-galleryflow-guidance-copy h2 {
  margin-bottom: 22px;
  color: #fff;
}

.iama-galleryflow-guidance-copy h2 strong {
  color: #ffc63b;
}

.iama-galleryflow-guidance-copy>p {
  color: #fff;
}

.iama-galleryflow-guidance-cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 28px;
}

.iama-galleryflow-guidance-cards article {
  padding: 20px;
  background: #fff;
  transition: transform 0.35s ease, background 0.35s ease;
}

.iama-galleryflow-guidance-cards article:hover {
  transform: translateY(-6px);
  background: #ffc63b;
}

.iama-galleryflow-guidance-cards i {
  margin-bottom: 18px;
  font-size: 24px;
  color: #00287d;
}

.iama-galleryflow-guidance-cards h3 {
  margin-bottom: 8px;
  font-size: 20px;
}

.iama-galleryflow-guidance-cards p {
  font-size: 14px;
}

.iama-galleryflow-guidance-image {
  overflow: hidden;
  border-radius: 24px;
}

.iama-galleryflow-guidance-image img {
  display: block;
  width: 100%;
  height: 460px;
  object-fit: cover;
  transition: transform 0.65s ease;
}

.iama-galleryflow-guidance-image:hover img {
  transform: scale(1.05);
}

/* CTA */

.iama-galleryflow-cta {
  padding: 68px 0;
  background: #fff;
}

.iama-galleryflow-cta-wrap {
  display: grid;
  grid-template-columns: 340px minmax(0, 1fr);
  overflow: hidden;
  border-radius: 20px;
  background: #00287d;
}

.iama-galleryflow-cta-image {
  overflow: hidden;
}

.iama-galleryflow-cta-image img {
  width: 100%;
  height: 100%;
  min-height: 310px;
  object-fit: cover;
  transition: transform 0.65s ease;
}

.iama-galleryflow-cta-wrap:hover .iama-galleryflow-cta-image img {
  transform: scale(1.06);
}

.iama-galleryflow-cta-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 38px 42px;
}

.iama-galleryflow-cta-copy h2 {
  margin-bottom: 18px;
  color: #fff;
}

.iama-galleryflow-cta-copy h2 strong {
  color: #ffc63b;
}

.iama-galleryflow-cta-copy p {
  max-width: 760px;
  color: #fff;
}

/* LIGHTBOX */

.iama-galleryflow-lightbox {
  position: fixed;
  z-index: 99999;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 30px 90px;
  opacity: 0;
  visibility: hidden;
  background: rgba(0, 0, 0, 0.94);
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

.iama-galleryflow-lightbox-active {
  opacity: 1;
  visibility: visible;
}

.iama-galleryflow-lightbox-content {
  width: min(1100px, 100%);
}

.iama-galleryflow-lightbox-content>img {
  display: block;
  width: 100%;
  max-height: 76vh;
  object-fit: contain;
}

.iama-galleryflow-lightbox-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding-top: 16px;
}

.iama-galleryflow-lightbox-footer h3,
.iama-galleryflow-lightbox-footer span {
  color: #fff;
}

.iama-galleryflow-lightbox-footer span {
  font-family: "Inter", sans-serif;
}

.iama-galleryflow-lightbox-close,
.iama-galleryflow-lightbox-arrow {
  position: absolute;
  display: grid;
  place-items: center;
  border: 0;
  cursor: pointer;
  color: #fff;
  background: #00287d;
}

.iama-galleryflow-lightbox-close {
  top: 24px;
  right: 24px;
  width: 48px;
  height: 48px;
  border-radius: 50%;
}

.iama-galleryflow-lightbox-arrow {
  top: 50%;
  width: 52px;
  height: 52px;
  transform: translateY(-50%);
  border-radius: 50%;
}

.iama-galleryflow-lightbox-prev {
  left: 24px;
}

.iama-galleryflow-lightbox-next {
  right: 24px;
}

/* RESPONSIVE */

@media (max-width: 1199px) {
  .iama-galleryflow-page h2 {
    font-size: 50px;
  }

  .iama-galleryflow-guidance-cards {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 991px) {
  .iama-galleryflow-page h2 {
    font-size: 44px;
  }

  .iama-galleryflow-hero .container,
  .iama-galleryflow-guidance-wrap,
  .iama-galleryflow-cta-wrap {
    grid-template-columns: 1fr;
  }

  .iama-galleryflow-reel-head {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .iama-galleryflow-cta-image img {
    height: 270px;
    min-height: 270px;
  }
}

@media (max-width: 767px) {

  .iama-galleryflow-hero,
  .iama-galleryflow-intro,
  .iama-galleryflow-reel,
  .iama-galleryflow-guidance,
  .iama-galleryflow-cta {
    padding: 62px 0;
  }

  .iama-galleryflow-page h2 {
    font-size: 38px;
    letter-spacing: -0.4px;
  }

  .iama-galleryflow-page p {
    font-size: 18px;
  }

  .iama-galleryflow-hero-stage {
    min-height: 470px;
  }

  .iama-galleryflow-hero-main {
    width: 84%;
    height: 360px;
  }

  .iama-galleryflow-hero-side {
    width: 52%;
    height: 200px;
    border-width: 7px;
  }

  .iama-galleryflow-reel-head h2 {
    font-size: 38px;
  }

 

  .iama-galleryflow-card {
    flex-basis: 82vw;
  }

  .iama-galleryflow-card-image,
  .iama-galleryflow-card:nth-child(3n + 2) .iama-galleryflow-card-image,
  .iama-galleryflow-card:nth-child(4n) .iama-galleryflow-card-image {
    height: 330px;
  }

  .iama-galleryflow-guidance-image img {
    height: 360px;
  }

  .iama-galleryflow-cta-copy {
    padding: 32px 26px;
  }

  .iama-galleryflow-lightbox {
    padding: 70px 18px 24px;
  }

  .iama-galleryflow-lightbox-arrow {
    top: auto;
    bottom: 18px;
    transform: none;
  }

  .iama-galleryflow-lightbox-prev {
    left: calc(50% - 62px);
  }

  .iama-galleryflow-lightbox-next {
    right: calc(50% - 62px);
  }
}

@media (max-width: 575px) {
  .iama-galleryflow-page h2 {
    font-size: 34px;
    line-height: 1.08;
  }

  .iama-galleryflow-label {
    font-size: 12px;
    letter-spacing: 1px;
  }

  .iama-galleryflow-hero-caption {
    right: 10px;
    bottom: 10px;
    max-width: 240px;
    padding: 14px;
  }

  .iama-galleryflow-card {
    flex-basis: 86vw;
  }

  .iama-galleryflow-card-image,
  .iama-galleryflow-card:nth-child(3n + 2) .iama-galleryflow-card-image,
  .iama-galleryflow-card:nth-child(4n) .iama-galleryflow-card-image {
    height: 290px;
  }

  .iama-galleryflow-cta-image img {
    height: 230px;
    min-height: 230px;
  }
}

/* =========================================================
   RESPONSIVE SAFETY OVERRIDES
   Keeps the desktop design unchanged and prevents overlap,
   clipping, and horizontal page overflow on smaller screens.
========================================================= */

.iama-galleryflow-page {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

.iama-galleryflow-page .container,
.iama-galleryflow-hero-copy,
.iama-galleryflow-hero-stage,
.iama-galleryflow-reel-head > *,
.iama-galleryflow-guidance-wrap > *,
.iama-galleryflow-cta-wrap > * {
  min-width: 0;
}

.iama-galleryflow-page img {
  display: block;
  max-width: 100%;
}

.iama-galleryflow-track {
  width: 100%;
  max-width: 100%;
  overscroll-behavior-inline: contain;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-x;
}

.iama-galleryflow-card {
  max-width: 100%;
}

.iama-galleryflow-card-meta strong {
  min-width: 0;
  overflow-wrap: anywhere;
}

.iama-galleryflow-lightbox-content,
.iama-galleryflow-lightbox-footer {
  min-width: 0;
}

body.iama-galleryflow-lightbox-open {
  overflow: hidden;
}

@media (max-width: 1199px) {
  .iama-galleryflow-hero {
    padding-top: 180px;
  }

  .iama-galleryflow-hero .container {
    gap: 44px;
  }

  .iama-galleryflow-hero-stage {
    min-height: 510px;
  }

  .iama-galleryflow-reel-shell {
    padding-inline: 56px;
  }

  .iama-galleryflow-guidance-wrap {
    gap: 42px;
  }
}

@media (max-width: 991px) {
  .iama-galleryflow-hero {
    padding: 150px 0 64px;
  }

  .iama-galleryflow-hero .container {
    gap: 40px;
  }

  .iama-galleryflow-hero-copy,
  .iama-galleryflow-hero-copy p {
    max-width: 100%;
  }

  .iama-galleryflow-hero-stage {
    width: 100%;
    min-height: 520px;
    max-width: 760px;
    margin: 0 auto;
  }

  .iama-galleryflow-hero-main {
    width: 80%;
    height: 430px;
  }

  .iama-galleryflow-hero-side {
    width: 44%;
    height: 235px;
  }

  .iama-galleryflow-reel-shell {
    padding-inline: 54px;
  }

  .iama-galleryflow-guidance-cards {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .iama-galleryflow-guidance-image img {
    height: 420px;
  }
}

@media (max-width: 767px) {
  .iama-galleryflow-page section {
    overflow: hidden;
  }

  .iama-galleryflow-page .container {
    width: 100%;
    max-width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .iama-galleryflow-hero {
    padding: 120px 0 54px;
  }

  .iama-galleryflow-hero .container {
    gap: 32px;
  }

  .iama-galleryflow-hero-stage {
    min-height: 440px;
    max-width: 620px;
  }

  .iama-galleryflow-hero-main {
    width: 86%;
    height: 350px;
    border-radius: 20px;
  }

  .iama-galleryflow-hero-side {
    width: 50%;
    height: 195px;
    border-width: 7px;
  }

  .iama-galleryflow-hero-caption {
    max-width: min(260px, 70%);
  }

  .iama-galleryflow-reel-head {
    margin-bottom: 26px;
  }

  .iama-galleryflow-reel-shell {
    overflow: visible;
    padding-inline: 0;
  }

  .iama-galleryflow-track {
    margin-inline: -20px;
    width: calc(100% + 40px);
    max-width: none;
    padding: 6px 20px 18px;
    scroll-padding-inline: 20px;
  }

  .iama-galleryflow-card {
    flex: 0 0 min(330px, calc(100vw - 58px));
    width: min(330px, calc(100vw - 58px));
  }

  .iama-galleryflow-card-image,
  .iama-galleryflow-card:nth-child(3n + 2) .iama-galleryflow-card-image,
  .iama-galleryflow-card:nth-child(4n) .iama-galleryflow-card-image {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
  }

  .iama-galleryflow-guidance-wrap {
    gap: 34px;
  }

  .iama-galleryflow-guidance-cards {
    grid-template-columns: 1fr;
  }

  .iama-galleryflow-guidance-image img {
    height: clamp(280px, 65vw, 380px);
  }

  .iama-galleryflow-lightbox-content > img {
    max-height: 68vh;
  }

  .iama-galleryflow-lightbox-footer {
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
    padding-bottom: 70px;
  }
}

@media (max-width: 575px) {
  .iama-galleryflow-page .container {
    padding-left: 16px;
    padding-right: 16px;
  }

  .iama-galleryflow-page p {
    font-size: 16px;
  }

  .iama-galleryflow-hero,
  .iama-galleryflow-intro,
  .iama-galleryflow-reel,
  .iama-galleryflow-guidance,
  .iama-galleryflow-cta {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .iama-galleryflow-hero {
    padding-top: 105px;
  }

  .iama-galleryflow-hero-copy > a,
  .iama-galleryflow-cta-copy > a {
    min-height: 50px;
    padding: 0 18px;
    font-size: 16px;
  }

  /* Mobile hero becomes a normal stacked layout to prevent overlap. */
  .iama-galleryflow-hero-stage {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    min-height: 0;
    max-width: 100%;
  }

  .iama-galleryflow-hero-main,
  .iama-galleryflow-hero-side {
    position: relative;
    inset: auto;
    width: 100%;
    height: auto;
    border: 0;
    border-radius: 18px;
  }

  .iama-galleryflow-hero-main {
    aspect-ratio: 4 / 3;
  }

  .iama-galleryflow-hero-side {
    aspect-ratio: 16 / 10;
  }

  .iama-galleryflow-hero-caption {
    right: 10px;
    bottom: 10px;
    max-width: calc(100% - 20px);
    padding: 12px 14px;
  }

  .iama-galleryflow-hero-caption span,
  .iama-galleryflow-hero-caption strong {
    font-size: 15px;
  }

  .iama-galleryflow-intro-tags span {
    padding: 10px 14px;
    font-size: 15px;
  }

  .iama-galleryflow-track {
    margin-inline: -16px;
    width: calc(100% + 32px);
    padding-inline: 16px;
    scroll-padding-inline: 16px;
  }

  .iama-galleryflow-card {
    flex: 0 0 calc(100vw - 48px);
    width: calc(100vw - 48px);
    max-width: 340px;
    border-radius: 16px;
  }

  .iama-galleryflow-card-meta {
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 10px;
    min-height: 66px;
    padding: 14px;
  }

  .iama-galleryflow-card-meta small,
  .iama-galleryflow-card-meta strong {
    font-size: 13px;
  }

  .iama-galleryflow-cta-wrap {
    border-radius: 16px;
  }

  .iama-galleryflow-cta-copy {
    padding: 26px 20px;
  }

  .iama-galleryflow-lightbox {
    align-items: flex-start;
    overflow-y: auto;
    padding: 72px 14px 20px;
  }

  .iama-galleryflow-lightbox-close {
    top: 14px;
    right: 14px;
    width: 44px;
    height: 44px;
  }

  .iama-galleryflow-lightbox-arrow {
    width: 46px;
    height: 46px;
  }
}

@media (max-width: 390px) {
  .iama-galleryflow-page h2,
  .iama-galleryflow-reel-head h2 {
    font-size: 30px;
  }

  .iama-galleryflow-card {
    flex-basis: calc(100vw - 40px);
    width: calc(100vw - 40px);
  }

  .iama-galleryflow-card-meta {
    grid-template-columns: 1fr auto;
  }

  .iama-galleryflow-card-meta small {
    grid-column: 1 / -1;
  }
}

@media (hover: none) {
  .iama-galleryflow-card:hover,
  .iama-galleryflow-guidance-cards article:hover,
  .iama-galleryflow-hero-copy > a:hover,
  .iama-galleryflow-cta-copy > a:hover {
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .iama-galleryflow-page *,
  .iama-galleryflow-page *::before,
  .iama-galleryflow-page *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}

/* =====================================================
   HERO
===================================================== */
.iama-coursehub-hero {
  position: relative;
  padding: 58px 0 66px;

}

.iama-coursehub-hero::before {
  content: "";
  position: absolute;
  top: 34px;
  left: 3%;
  width: 120px;
  height: 120px;
  border: 1px solid rgba(0, 40, 125, 0.10);
  border-radius: 50%;
}

.iama-coursehub-hero-layout {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  align-items: center;
  gap: 48px;
}

.iama-coursehub-hero-copy {
  position: relative;
  z-index: 2;
}

.iama-coursehub-hero-copy h2 {
  max-width: 700px;
  margin-top: 20px;
}

.iama-coursehub-hero-copy h2 span {
  position: relative;
  display: inline-block;
  color: #00287d;
}



.iama-coursehub-hero-copy>p {
  max-width: 610px;
  margin-top: 24px;
}

.iama-coursehub-hero-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-top: 28px;
}

.iama-coursehub-main-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  min-height: 54px;
  padding: 14px 22px;
  border-radius: 14px;
  background: #00287d;
  color: #fff;
  font-size: 19px;
  font-weight: 700;
  box-shadow: 0 15px 30px rgba(0, 40, 125, 0.18);
  transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
}

.iama-coursehub-main-btn:hover {
  transform: translateY(-3px);
  background: #001f63;
  color: #fff;
  box-shadow: 0 20px 38px rgba(0, 40, 125, 0.23);
}

.iama-coursehub-hero-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 22px;
}

.iama-coursehub-hero-tags span {
  padding: 8px 11px;
  border: 1px solid rgba(0, 40, 125, 0.12);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.9);
  color: #25314a;
  font-size: 20px;
  font-weight: 700;
}

.iama-coursehub-hero-media {
  position: relative;
  min-height: 520px;
}

.iama-coursehub-hero-photo {
  position: absolute;
  inset: 0 84px 36px 0;
  overflow: hidden;
  border-radius: 30px;
  box-shadow: 0 24px 60px rgba(0, 40, 125, 0.14);
}

.iama-coursehub-hero-photo img {
  height: 100%;
  object-fit: cover;
}

.iama-coursehub-hero-photo::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 45%, rgba(0, 40, 125, 0.34) 100%);
}

.iama-coursehub-level-stack {
  position: absolute;
  top: 34px;
  right: 0;
  display: grid;
  gap: 10px;
  width: 205px;
}

.iama-coursehub-level-stack a {
  display: grid;
  grid-template-columns: 38px 1fr;
  align-items: center;
  gap: 11px;
  padding: 13px;
  border: 1px solid rgba(0, 40, 125, 0.10);
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 12px 28px rgba(0, 40, 125, 0.11);
  color: #101828;
  transition: transform 0.25s ease;
}

.iama-coursehub-level-stack a:hover {
  transform: translateX(-5px);
}

.iama-coursehub-level-stack span {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 11px;
  background: #ffc63b;
  color: #00287d;
  font-size: 12px;
  font-weight: 800;
}

.iama-coursehub-level-stack strong {
  font-family: "Outfit", sans-serif;
  font-size: 16px;
  line-height: 1.15;
}

.iama-coursehub-hero-note {
  position: absolute;
  right: 28px;
  bottom: 0;
  left: 42px;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 17px 19px;
  border-radius: 18px;
  background: #00287d;
  color: #fff;
  box-shadow: 0 18px 38px rgba(0, 40, 125, 0.26);
}

.iama-coursehub-hero-note i {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 45px;
  height: 45px;
  border-radius: 13px;
  background: #ffc63b;
  color: #00287d;
  font-size: 19px;
}

.iama-coursehub-hero-note strong {
  display: block;
  font-family: "Outfit", sans-serif;
  font-size: 19px;
}

.iama-coursehub-hero-note small {
  display: block;
  margin-top: 3px;
  color: rgba(255, 255, 255, 0.76);
  font-size: 18px;
  line-height: 1.35;
}

/* =====================================================
   LEVEL SELECTOR
===================================================== */
.iama-coursehub-levels {
  padding: 64px 0;
  background: #fff;
}

.iama-coursehub-level-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.iama-coursehub-level-card {
  position: relative;
  overflow: hidden;
  border-radius: 22px;
  background: #00287d;
  color: #fff;
  box-shadow: 0 14px 34px rgba(0, 40, 125, 0.12);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.iama-coursehub-level-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 22px 44px rgba(0, 40, 125, 0.18);
}

.iama-coursehub-level-card img {
  position: absolute;
  inset: 0;
  height: 100%;
  object-fit: cover;
  opacity: 0.3;
  transition: transform 0.45s ease, opacity 0.45s ease;
}

.iama-coursehub-level-card:nth-child(2) img {
  object-position: 60% center;
}

.iama-coursehub-level-card:nth-child(3) img {
  object-position: 80% center;
}

.iama-coursehub-level-card:hover img {
  transform: scale(1.06);
  opacity: 0.38;
}

.iama-coursehub-level-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(0, 40, 125, 0.96), rgba(0, 40, 125, 0.55));
}

.iama-coursehub-level-card-content {
  position: relative;
  z-index: 2;
  display: flex;
  height: 100%;
  height: 250px;
  flex-direction: column;
  justify-content: center;
  padding: 24px;
}

.iama-coursehub-level-card-top {
  position: absolute;
  top: 20px;
  right: 20px;
  left: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.iama-coursehub-level-card-top span {
  color: #ffc63b;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.08em;
}

.iama-coursehub-level-card-top i {
  display: grid;
  place-items: center;
  width: 43px;
  height: 43px;
  border-radius: 13px;
  background: #ffc63b;
  color: #00287d;
  font-size: 18px;
}

.iama-coursehub-level-card h3 {
  color: #fff;
  font-size: 28px;
  line-height: 1.1;
}

.iama-coursehub-level-card p {
  margin-top: 8px;
  color: rgba(255, 255, 255, 0.82);
  font-size: 15px;
}

/* =====================================================
   COURSE SECTIONS
===================================================== */
.iama-coursehub-Programmes {
  padding: 64px 0;
  background: #f4f7fc;
}

.iama-coursehub-Programmes.is-yellow {
  background: #fff8df;
}

.iama-coursehub-Programmes.is-white {
  background: #fff;
}

.iama-coursehub-program-heading {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr) minmax(250px, 0.68fr);
  align-items: end;
  gap: 22px;
  margin-bottom: 28px;
}

.iama-coursehub-program-number {
  display: grid;
  place-items: center;
  width: 64px;
  height: 64px;
  border-radius: 18px;
  background: #ffc63b;
  color: #00287d;
  font-family: "Outfit", sans-serif;
  font-size: 20px;
  font-weight: 800;
}

.iama-coursehub-program-heading h2 {
  margin-top: 14px;
  font-size: 48px;
}

.iama-coursehub-program-heading>p {
  padding-bottom: 5px;
  color: #000;
}

.iama-coursehub-course-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 15px;
}

.iama-coursehub-course-card {
  position: relative;
  display: flex;
  min-height: 226px;
  overflow: hidden;
  flex-direction: column;
  border: 1px solid rgba(0, 40, 125, 0.10);
  border-radius: 19px;
  background: #fff;
  box-shadow: 0 9px 26px rgba(0, 40, 125, 0.05);
  transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;
}

.iama-coursehub-course-card:hover {
  transform: translateY(-5px);
  border-color: rgba(0, 40, 125, 0.22);
  box-shadow: 0 18px 38px rgba(0, 40, 125, 0.12);
}

.iama-galleryflow-reel-shell {
  position: relative;
  overflow: hidden;
}

.iama-galleryflow-track {
  display: flex;
  gap: 18px;
  overflow: hidden;
  scroll-behavior: smooth;
  padding: 6px 2px 18px;
}

.iama-galleryflow-card {
  flex: 0 0 calc((100% - 54px) / 4);
  width: calc((100% - 54px) / 4);
  min-width: 0;
}

.iama-coursehub-card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.45s ease, opacity 0.45s ease;
}

.iama-coursehub-course-card:nth-child(2n) .iama-coursehub-card-image img {
  object-position: 70% center;
}

.iama-coursehub-course-card:nth-child(3n) .iama-coursehub-card-image img {
  object-position: 30% center;
}

.iama-coursehub-course-card:hover .iama-coursehub-card-image img {
  transform: scale(1.08);
  opacity: 0.68;
}

.iama-coursehub-card-no {
  position: absolute;
  top: 13px;
  left: 14px;
  z-index: 2;
  color: #fff;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.08em;
}

.iama-coursehub-card-icon {
  position: absolute;
  right: 14px;
  bottom: -19px;
  z-index: 3;
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border: 4px solid #fff;
  border-radius: 13px;
  background: #ffc63b;
  color: #00287d;
  font-size: 17px;
}

.iama-coursehub-card-body {
  display: flex;
  min-height: 134px;
  flex: 1;
  flex-direction: column;
  padding: 22px 18px 17px;
}

.iama-coursehub-card-body h3 {
  max-width: 90%;
  color: #101828;
  font-size: 25px;
  line-height: 1.22;
}

.iama-coursehub-card-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 15px;
  color: #00287d;
  font-size: 18px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.iama-coursehub-card-link i {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 9px;
  background: #eef3ff;
  transition: background 0.25s ease, color 0.25s ease;
}

.iama-coursehub-course-card:hover .iama-coursehub-card-link i {
  background: #00287d;
  color: #fff;
}

/* =====================================================
   DOCTORAL FEATURE
===================================================== */
.iama-coursehub-doctoral-layout {
  display: grid;
  grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr);
  gap: 24px;
  align-items: stretch;
}

.iama-coursehub-doctoral-feature {
  position: relative;
  min-height: 500px;
  overflow: hidden;
  border-radius: 26px;
  background: #00287d;
}

.iama-coursehub-doctoral-feature>img {
  position: absolute;
  inset: 0;
  height: 100%;
  object-fit: cover;
  opacity: 0.56;
}

.iama-coursehub-doctoral-feature::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 40, 125, 0.1) 0%, rgba(0, 40, 125, 0.96) 88%);
}

.iama-coursehub-doctoral-feature-content {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  padding: 28px;
}

.iama-coursehub-doctoral-feature-content h2 {
  font-family: "Outfit", sans-serif;
  margin-top: 15px;
  color: #fff;
  font-size: 46px;
}

.iama-coursehub-doctoral-feature-content p {
  margin-top: 14px;
  color: #fff;
}

.iama-coursehub-research-note {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 20px;
  padding: 13px 15px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.10);
  backdrop-filter: blur(8px);
}

.iama-coursehub-research-note i {
  color: #ffc63b;
}

.iama-coursehub-research-note strong {
  display: block;
  color: #fff;
  font-family: "Outfit", sans-serif;
  font-size: 22px;
}

.iama-coursehub-research-note small {
  display: block;
  margin-top: 2px;
  color: #fff;
  font-size: 18px;
}

.iama-coursehub-doctoral-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.iama-coursehub-doctoral-card {
  display: flex;
  min-height: 91px;
  align-items: center;
  gap: 13px;
  padding: 15px;
  border: 1px solid rgba(0, 40, 125, 0.10);
  border-radius: 16px;
  background: #fff;
  color: #101828;
  box-shadow: 0 8px 22px rgba(0, 40, 125, 0.05);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.iama-coursehub-doctoral-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 15px 30px rgba(0, 40, 125, 0.11);
}

.iama-coursehub-doctoral-card span {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: 11px;
  background: #fff4cf;
  color: #00287d;
  font-size: 11px;
  font-weight: 800;
}

.iama-coursehub-doctoral-card h3 {
  font-family: "Outfit", sans-serif;
  flex: 1;
  font-size: 26px;
  line-height: 1.2;
}

.iama-coursehub-doctoral-card i {
  color: #00287d;
  font-size: 18px;
}

/* =====================================================
   RESEARCH BAND
===================================================== */
.iama-coursehub-research {
  padding: 58px 0;
  background: #00287d;
}

.iama-coursehub-research-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(340px, 0.85fr);
  align-items: center;
  gap: 36px;
}

.iama-coursehub-research-copy {
  position: relative;
  padding-left: 76px;
}

.iama-coursehub-research-copy>i {
  position: absolute;
  top: 2px;
  left: 0;
  display: grid;
  place-items: center;
  width: 58px;
  height: 58px;
  border-radius: 17px;
  background: #ffc63b;
  color: #00287d;
  font-size: 22px;
}

.iama-coursehub-research-copy h2 {
  font-family: "Outfit", sans-serif;
  color: #fff;
  font-size: 46px;
}

.iama-coursehub-research-copy p {
  margin-top: 16px;
  color: #ffff;
}

.iama-coursehub-research-points {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.iama-coursehub-research-points div {
  min-height: 88px;
  padding: 15px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.07);
}

.iama-coursehub-research-points span {
  display: block;
  color: #ffc63b;
  font-size: 11px;
  font-weight: 800;
}

.iama-coursehub-research-points strong {
  display: block;
  margin-top: 7px;
  color: #fff;
  font-family: "Outfit", sans-serif;
  font-size: 22px;
}

/* =====================================================
   LEARNING OUTCOMES
===================================================== */
.iama-coursehub-outcomes {
  padding: 64px 0;
  background: #fff;
}

.iama-coursehub-outcome-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.iama-coursehub-outcome-card {
  position: relative;
  min-height: 220px;
  overflow: hidden;
  padding: 23px;
  border: 1px solid rgba(0, 40, 125, 0.10);
  border-radius: 19px;
  background: linear-gradient(145deg, #fff, #f5f8ff);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.iama-coursehub-outcome-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 18px 38px rgba(0, 40, 125, 0.10);
}

.iama-coursehub-outcome-card::after {
  content: "";
  position: absolute;
  right: -35px;
  bottom: -35px;
  width: 110px;
  height: 110px;
  border-radius: 50%;
  background: #fff4cf;
}

.iama-coursehub-outcome-card>span {
  position: absolute;
  top: 17px;
  right: 18px;
  color: rgba(0, 40, 125, 0.24);
  font-size: 11px;
  font-weight: 800;
}

.iama-coursehub-outcome-card>i {
  position: relative;
  z-index: 2;
  display: grid;
  place-items: center;
  width: 47px;
  height: 47px;
  border-radius: 14px;
  background: #ffc63b;
  color: #00287d;
  font-size: 18px;
}

.iama-coursehub-outcome-card h3 {
  position: relative;
  font-family: "Outfit", sans-serif;
  z-index: 2;
  margin-top: 26px;
  color: #000;
  font-size: 28px;
  line-height: 1.15;
}

.iama-coursehub-outcome-card p {
  position: relative;
  z-index: 2;
  margin-top: 9px;
  color: #000;
  font-size: 18px;
}

/* =====================================================
   CTA
===================================================== */
.iama-coursehub-cta {
  position: relative;
  padding: 66px 0;
  background: #00287d;
}

.iama-coursehub-cta-image,
.iama-coursehub-cta-overlay {
  position: absolute;
  inset: 0;
}

.iama-coursehub-cta-image img {
  height: 100%;
  object-fit: cover;
  object-position: center 40%;
}

.iama-coursehub-cta-overlay {
  background: linear-gradient(90deg, rgba(0, 25, 82, 0.97), rgba(0, 40, 125, 0.82));
}

.iama-coursehub-cta .container {
  position: relative;
  z-index: 2;
}

.iama-coursehub-cta-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(280px, 0.8fr);
  align-items: center;
  gap: 42px;
}

.iama-coursehub-cta h2 {
  margin-top: 16px;
  color: #fff;
  font-size: 52px;
}

.iama-coursehub-cta h2 span {
  color: #ffc63b;
}

.iama-coursehub-cta p {
  margin-top: 18px;
  color: #fff;
}

.iama-coursehub-cta-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
}

.iama-coursehub-cta-primary,
.iama-coursehub-cta-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  padding: 13px 19px;
  border-radius: 13px;
  font-size: 18px;
  font-weight: 800;
  transition: transform 0.25s ease, background 0.25s ease, color 0.25s ease;
}

.iama-coursehub-cta-primary {
  gap: 10px;
  background: #ffc63b;
  color: #00287d;
}

.iama-coursehub-cta-primary:hover {
  transform: translateY(-3px);
  background: #fff;
  color: #00287d;
}

.iama-coursehub-cta-secondary {
  flex: 1;
  border: 1px solid rgba(255, 255, 255, 0.34);
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
}

.iama-coursehub-cta-secondary:hover {
  background: #fff;
  color: #00287d;
}

/* =====================================================
   RESPONSIVE
===================================================== */
@media (max-width: 1199px) {

  .iama-coursehub-page h2,
  .iama-coursehub-cta h2 {
    font-size: 50px;
  }

  .iama-coursehub-hero-layout {
    gap: 32px;
  }

  .iama-coursehub-course-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .iama-coursehub-program-heading h2 {
    font-size: 43px;
  }
}

@media (max-width: 991px) {

  .iama-coursehub-hero,
  .iama-coursehub-levels,
  .iama-coursehub-Programmes,
  .iama-coursehub-outcomes,
  .iama-coursehub-cta {
    padding: 54px 0;
  }

  .iama-coursehub-hero-layout,
  .iama-coursehub-doctoral-layout,
  .iama-coursehub-research-layout,
  .iama-coursehub-cta-layout {
    grid-template-columns: 1fr;
  }

  .iama-coursehub-section-head,
  .iama-coursehub-program-heading {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .iama-coursehub-level-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .iama-coursehub-course-grid,
  .iama-coursehub-outcome-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .iama-coursehub-hero-media {
    min-height: 480px;
  }

  .iama-coursehub-cta-actions {
    max-width: 420px;
    justify-content: flex-start;
  }
}

@media (max-width: 767px) {

  .iama-coursehub-page h2,
  .iama-coursehub-cta h2 {
    font-size: 40px;
    line-height: 1.02;
  }

  .iama-coursehub-page p,
  .iama-coursehub-cta p {
    font-size: 16px;
  }

  .iama-coursehub-hero-media {
    min-height: auto;
  }

  .iama-coursehub-hero-photo {
    position: relative;
    inset: auto;
    height: 360px;
  }

  .iama-coursehub-level-stack {
    position: relative;
    top: auto;
    right: auto;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: 100%;
    margin-top: 12px;
  }

  .iama-coursehub-level-stack a {
    grid-template-columns: 1fr;
    gap: 7px;
  }

  .iama-coursehub-hero-note {
    position: relative;
    right: auto;
    bottom: auto;
    left: auto;
    margin-top: 12px;
  }

  .iama-coursehub-level-grid,
  .iama-coursehub-course-grid,
  .iama-coursehub-doctoral-grid,
  .iama-coursehub-outcome-grid {
    grid-template-columns: 1fr;
  }

  .iama-coursehub-program-heading {
    margin-bottom: 24px;
  }

  .iama-coursehub-program-heading h2,
  .iama-coursehub-doctoral-feature-content h2,
  .iama-coursehub-research-copy h2 {
    font-size: 36px;
  }

  .iama-coursehub-doctoral-feature {
    min-height: 430px;
  }

  .iama-coursehub-research-copy {
    padding-left: 0;
    padding-top: 74px;
  }

  .iama-coursehub-research-copy>i {
    top: 0;
  }
}

@media (max-width: 480px) {

  .iama-coursehub-hero,
  .iama-coursehub-levels,
  .iama-coursehub-Programmes,
  .iama-coursehub-outcomes,
  .iama-coursehub-cta {
    padding: 44px 0;
  }

  .iama-coursehub-page h2,
  .iama-coursehub-cta h2 {
    font-size: 34px;
  }

  .iama-coursehub-hero-photo {
    height: 310px;
    border-radius: 22px;
  }

  .iama-coursehub-level-stack {
    grid-template-columns: 1fr;
  }

  .iama-coursehub-level-stack a {
    grid-template-columns: 38px 1fr;
  }

  .iama-coursehub-research-points {
    grid-template-columns: 1fr;
  }

  .iama-coursehub-cta-actions {
    flex-direction: column;
  }

  .iama-coursehub-cta-primary,
  .iama-coursehub-cta-secondary {
    width: 100%;
  }
}


/* =====================================================
   GLOBAL UNDERGRADUATE STYLES
===================================================== */
.iama-ugflow-page,
.iama-ugflow-admission {
  overflow: hidden;
  font-family: "Inter", sans-serif;
  color: #000;
}

.iama-ugflow-page *,
.iama-ugflow-admission * {
  box-sizing: border-box;
}

.iama-ugflow-page section,
.iama-ugflow-admission {
  margin: 0;
}

.iama-ugflow-page img,
.iama-ugflow-admission img {
  display: block;
  width: 100%;
}

.iama-ugflow-page a,
.iama-ugflow-admission a {
  text-decoration: none;
}

.iama-ugflow-page h1,
.iama-ugflow-page h2,
.iama-ugflow-page h3,
.iama-ugflow-page h4,
.iama-ugflow-admission h3 {
  margin: 0;
  font-family: "Outfit", sans-serif;
}

.iama-ugflow-page h2 {
  font-size: 60px;
  font-weight: 700;
  line-height: 0.98;
  letter-spacing: -0.6px;
  color: #101828;
}

.iama-ugflow-page h2 span {
  color: #00287d;
}

.iama-ugflow-page p,
.iama-ugflow-admission p {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4em;
  color: #000;
}

.iama-ugflow-kicker {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  width: max-content;
  max-width: 100%;
  padding: 9px 14px;
  border-radius: 999px;
  background: #ffc63b;
  color: #00287d;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.iama-ugflow-kicker i {
  color: #00287d;
}

.iama-ugflow-heading {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(280px, 0.8fr);
  align-items: end;
  gap: 42px;
  margin-bottom: 30px;
}

.iama-ugflow-heading h2 {
  max-width: 850px;
  margin-top: 16px;
}

.iama-ugflow-heading>p {
  padding-bottom: 5px;
  color: #000;
}


/* =====================================================
   EXTRA UNDERGRADUATE SECTIONS
   Unique CSS Prefix: iama-ugnext-
===================================================== */

.iama-ugnext-benefits,
.iama-ugnext-journey,
.iama-ugnext-support {
  overflow: hidden;
  font-family: "Inter", sans-serif;
}

.iama-ugnext-benefits *,
.iama-ugnext-journey *,
.iama-ugnext-support * {
  box-sizing: border-box;
}

.iama-ugnext-benefits img,
.iama-ugnext-journey img,
.iama-ugnext-support img {
  display: block;
  width: 100%;
}

.iama-ugnext-benefits a,
.iama-ugnext-journey a,
.iama-ugnext-support a {
  text-decoration: none;
}

.iama-ugnext-benefits h2,
.iama-ugnext-benefits h3,
.iama-ugnext-journey h2,
.iama-ugnext-journey h3,
.iama-ugnext-support h2,
.iama-ugnext-support h3 {
  margin: 0;
  font-family: "Outfit", sans-serif;
}

.iama-ugnext-benefits p,
.iama-ugnext-journey p,
.iama-ugnext-support p {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4em;
  color: #000;
}

.iama-ugnext-benefits h2,
.iama-ugnext-journey h2,
.iama-ugnext-support h2 {
  font-size: 60px;
  font-weight: 700;
  line-height: 0.98;
  letter-spacing: -0.6px;
  color: #000;
}

.iama-ugnext-benefits h2 span,
.iama-ugnext-journey h2 span,
.iama-ugnext-support h2 span {
  color: #00287d;
}

/* =====================================================
   COMMON HEADING
===================================================== */

.iama-ugnext-label {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  width: max-content;
  max-width: 100%;
  padding: 9px 14px;
  border-radius: 50px;
  background: #ffc63b;
  color: #00287d;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.iama-ugnext-label-yellow {
  background: #ffc63b;
  color: #00287d;
}

.iama-ugnext-heading {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(280px, 0.8fr);
  align-items: end;
  gap: 44px;
  margin-bottom: 30px;
}

.iama-ugnext-heading h2 {
  max-width: 850px;
  margin-top: 17px;
}

.iama-ugnext-heading>p {
  padding-bottom: 5px;
}

/* =====================================================
   BENEFITS SECTION
===================================================== */

.iama-ugnext-benefits {
  padding: 64px 0;
  background: #fff;
}

.iama-ugnext-benefits-layout {
  display: grid;
  grid-template-columns: minmax(0, 0.86fr) minmax(0, 1.14fr);
  align-items: stretch;
  gap: 22px;
}

.iama-ugnext-benefits-image {
  position: relative;
  min-height: 486px;
  overflow: hidden;
  border-radius: 26px;
  background: #00287d;
}

.iama-ugnext-benefits-image img {
  height: 100%;
  object-fit: cover;
}

.iama-ugnext-benefits-image::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg,
      transparent 45%,
      rgba(0, 40, 125, 0.78) 100%);
}

.iama-ugnext-image-badge {
  position: absolute;
  right: 20px;
  bottom: 20px;
  left: 20px;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 16px;
  border-radius: 16px;
  background: #00287d;
  color: #fff;
}

.iama-ugnext-image-badge i {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 13px;
  background: #ffc63b;
  color: #00287d;
  font-size: 18px;
}

.iama-ugnext-image-badge strong {
  display: block;
  color: #fff;
  font-family: "Outfit", sans-serif;
  font-size: 22px;
}

.iama-ugnext-image-badge span {
  display: block;
  margin-top: 3px;
  color: #fff;
  font-size: 18px;
  line-height: 1.35;
}

.iama-ugnext-benefits-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.iama-ugnext-benefit-card {
  position: relative;
  min-height: 236px;
  padding: 22px;
  border: 1px solid rgba(0, 40, 125, 0.14);
  border-radius: 18px;
  background: #fff;
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    border-color 0.25s ease;
}

.iama-ugnext-benefit-card:hover {
  transform: translateY(-5px);
  border-color: #00287d;
  box-shadow: 0 16px 34px rgba(0, 40, 125, 0.12);
}

.iama-ugnext-benefit-card>span {
  position: absolute;
  top: 18px;
  right: 18px;
  color: #00287d;
  font-size: 12px;
  font-weight: 800;
}

.iama-ugnext-benefit-icon {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: 14px;
  background: #ffc63b;
  color: #00287d;
  font-size: 19px;
}

.iama-ugnext-benefit-card h3 {
  margin-top: 26px;
  color: #000;
  font-size: 25px;
  font-weight: 700;
  line-height: 1.15;
}

.iama-ugnext-benefit-card p {
  margin-top: 9px;
  font-size: 18px;
}

/* =====================================================
   JOURNEY SECTION
===================================================== */

.iama-ugnext-journey {
  padding: 64px 0;
  background: #00287d;
}

.iama-ugnext-journey-layout {
  display: grid;
  grid-template-columns: minmax(0, 0.84fr) minmax(0, 1.16fr);
  align-items: center;
  gap: 48px;
}

.iama-ugnext-journey-copy h2 {
  margin-top: 18px;
  color: #fff;
}

.iama-ugnext-journey-copy h2 span {
  color: #ffc63b;
}

.iama-ugnext-journey-copy p {
  max-width: 600px;
  margin-top: 20px;
  color: #fff;
}

.iama-ugnext-primary-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  min-height: 54px;
  margin-top: 26px;
  padding: 14px 22px;
  border: 2px solid #ffc63b;
  border-radius: 14px;
  background: #ffc63b;
  color: #00287d;
  font-family: "Inter", sans-serif;
  font-size: 19px;
  font-weight: 800;
  transition:
    transform 0.25s ease,
    background 0.25s ease,
    border-color 0.25s ease;
      border-radius:50px;
}

.iama-ugnext-primary-btn:hover {
  transform: translateY(-3px);
  border-color: #fff;
  background: #fff;
  color: #00287d;
}

.iama-ugnext-journey-steps {
  display: grid;
  gap: 11px;
}

.iama-ugnext-journey-step {
  display: flex;
  align-items: center;
  min-height: 116px;
  overflow: hidden;
  border: 1px solid #fff;
  border-radius: 17px;
  background: #fff;
}

.iama-ugnext-step-number {
  display: grid;
  height: 100%;
  min-height: 116px;
  place-items: center;
  background: #ffc63b;
  color: #00287d;
  font-size: 12px;
  font-weight: 800;
}

.iama-ugnext-step-content {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  align-items: center;
  gap: 14px;
  padding: 15px 17px;
}

.iama-ugnext-step-content>i {
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  border-radius: 13px;
  background: #00287d;
  color: #fff;
  font-size: 17px;
}

.iama-ugnext-step-content h3 {
  color: #000;
  font-size: 25px;
  font-weight: 700;
}

.iama-ugnext-step-content p {
  margin-top: 4px;
  font-size: 18px;
}

/* =====================================================
   SUPPORT SECTION
===================================================== */

.iama-ugnext-support {
  padding: 64px 0;
  background: #fff8df;
}

.iama-ugnext-support-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  align-items: stretch;
  gap: 22px;
}

.iama-ugnext-support-items {
  display: grid;
  gap: 13px;
}

.iama-ugnext-support-item {
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr);
  align-items: center;
  gap: 15px;
  min-height: 144px;
  padding: 19px;
  border: 1px solid rgba(0, 40, 125, 0.14);
  border-radius: 17px;
  background: #fff;
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease;
}

.iama-ugnext-support-item:hover {
  transform: translateY(-4px);
  box-shadow: 0 15px 30px rgba(0, 40, 125, 0.1);
}

.iama-ugnext-support-icon {
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  border-radius: 15px;
  background: #ffc63b;
  color: #00287d;
  font-size: 19px;
}

.iama-ugnext-support-item span {
  color: #00287d;
  font-size: 18px;
  font-weight: 800;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.iama-ugnext-support-item h3 {
  margin-top: 5px;
  color: #000;
  font-size: 28px;
  font-weight: 700;
}

.iama-ugnext-support-item p {
  margin-top: 5px;
  font-size: 18px;
}

.iama-ugnext-support-image {
  position: relative;
  min-height: 460px;
  overflow: hidden;
  border-radius: 26px;
  background: #00287d;
}

.iama-ugnext-support-image img {
  height: 100%;
  object-fit: cover;
}

.iama-ugnext-support-image::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg,
      transparent 35%,
      rgba(0, 40, 125, 0.9) 100%);
}

.iama-ugnext-support-overlay-card {
  position: absolute;
  right: 24px;
  bottom: 24px;
  left: 24px;
  z-index: 2;
}

.iama-ugnext-support-overlay-card>span {
  color: #ffc63b;
  font-size: 18px;
  font-weight: 800;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.iama-ugnext-support-overlay-card h3 {
  max-width: 460px;
  margin-top: 8px;
  color: #fff;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.08;
}

.iama-ugnext-support-overlay-card a {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 48px;
  margin-top: 18px;
  padding: 12px 17px;
  border: 2px solid #ffc63b;
  border-radius: 12px;
  background: #ffc63b;
  color: #00287d;
  font-size: 18px;
  font-weight: 800;
  transition:
    background 0.25s ease,
    border-color 0.25s ease,
    transform 0.25s ease;
}

.iama-ugnext-support-overlay-card a:hover {
  transform: translateY(-3px);
  border-color: #fff;
  background: #fff;
  color: #00287d;
}

/* =====================================================
   RESPONSIVE
===================================================== */

@media (max-width: 1199px) {

  .iama-ugnext-benefits h2,
  .iama-ugnext-journey h2,
  .iama-ugnext-support h2 {
    font-size: 50px;
  }

  .iama-ugnext-benefits-layout,
  .iama-ugnext-support-layout {
    gap: 18px;
  }
}

@media (max-width: 991px) {

  .iama-ugnext-benefits,
  .iama-ugnext-journey,
  .iama-ugnext-support {
    padding: 54px 0;
  }

  .iama-ugnext-heading,
  .iama-ugnext-benefits-layout,
  .iama-ugnext-journey-layout,
  .iama-ugnext-support-layout {
    grid-template-columns: 1fr;
  }

  .iama-ugnext-heading,
  .iama-ugnext-journey-layout {
    gap: 24px;
  }

  .iama-ugnext-benefits-image,
  .iama-ugnext-support-image {
    min-height: 420px;
  }
}

@media (max-width: 767px) {

  .iama-ugnext-benefits h2,
  .iama-ugnext-journey h2,
  .iama-ugnext-support h2 {
    font-size: 40px;
    line-height: 1.02;
  }

  .iama-ugnext-benefits p,
  .iama-ugnext-journey p,
  .iama-ugnext-support p {
    font-size: 16px;
  }

  .iama-ugnext-benefits-grid {
    grid-template-columns: 1fr;
  }

  .iama-ugnext-benefit-card {
    min-height: 210px;
  }

  .iama-ugnext-step-content {
    grid-template-columns: 44px minmax(0, 1fr);
  }

  .iama-ugnext-support-image {
    min-height: 390px;
  }
}

@media (max-width: 480px) {

  .iama-ugnext-benefits,
  .iama-ugnext-journey,
  .iama-ugnext-support {
    padding: 44px 0;
  }

  .iama-ugnext-benefits h2,
  .iama-ugnext-journey h2,
  .iama-ugnext-support h2 {
    font-size: 34px;
  }

  .iama-ugnext-benefits-image {
    min-height: 350px;
  }

  .iama-ugnext-image-badge {
    right: 14px;
    bottom: 14px;
    left: 14px;
  }

  .iama-ugnext-journey-step {
    grid-template-columns: 42px minmax(0, 1fr);
  }

  .iama-ugnext-step-number {
    min-height: 126px;
  }

  .iama-ugnext-step-content {
    grid-template-columns: 1fr;
    gap: 9px;
  }

  .iama-ugnext-support-item {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .iama-ugnext-support-image {
    min-height: 350px;
  }

  .iama-ugnext-support-overlay-card {
    right: 18px;
    bottom: 18px;
    left: 18px;
  }

  .iama-ugnext-support-overlay-card h3 {
    font-size: 25px;
  }
}

/* =====================================================
   HERO
===================================================== */
.iama-ugflow-hero {
  position: relative;
  padding: 60px 0 64px;
}

.iama-ugflow-hero::before {
  content: "";
  position: absolute;
  top: 30px;
  right: 4%;
  width: 120px;
  height: 120px;
  border: 1px solid rgba(0, 40, 125, 0.09);
  border-radius: 50%;
}

.iama-ugflow-hero-layout {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
  align-items: center;
  gap: 48px;
}

.iama-ugflow-hero-copy {
  position: relative;
  z-index: 2;
}

.iama-ugflow-hero-copy h2 {
  max-width: 720px;
  margin-top: 20px;
}

.iama-ugflow-hero-copy h2 span {
  position: relative;
  display: inline-block;
}

.iama-ugflow-hero-copy>p {
  max-width: 620px;
  margin-top: 24px;
}

.iama-ugflow-primary-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  min-height: 54px;
  margin-top: 28px;
  padding: 14px 23px;
  border-radius: 14px;
  background: #00287d;
  color: #fff;
  font-size: 19px;
  font-weight: 700;
  box-shadow: 0 15px 30px rgba(0, 40, 125, 0.18);
  transition: transform 0.25s ease, background 0.25s ease, box-shadow 0.25s ease;
}

.iama-ugflow-primary-btn:hover {
  transform: translateY(-3px);
  background: #001f63;
  color: #fff;
  box-shadow: 0 20px 38px rgba(0, 40, 125, 0.24);
}

.iama-ugflow-hero-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 22px;
}

.iama-ugflow-hero-tags span {
  padding: 8px 11px;
  border: 1px solid rgba(0, 40, 125, 0.12);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.9);
  color: #25314a;
  font-size: 20px;
  font-weight: 700;
}

.iama-ugflow-hero-visual {
  position: relative;
  min-height: 510px;
}

.iama-ugflow-hero-image {
  position: absolute;
  inset: 0 0 44px 60px;
  overflow: hidden;
  border-radius: 32px;
  background: #eef4ff;
  box-shadow: 0 24px 60px rgba(0, 40, 125, 0.14);
}

.iama-ugflow-hero-image img {
  height: 100%;
  object-fit: cover;
}

.iama-ugflow-hero-image::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 55%, rgba(0, 40, 125, 0.28));
}

.iama-ugflow-hero-word {
  position: absolute;
  top: 42px;
  left: 0;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  color: rgba(0, 40, 125, 0.22);
  font-family: "Outfit", sans-serif;
  font-size: 18px;
  font-weight: 800;
  letter-spacing: 0.17em;
  text-transform: uppercase;
}

.iama-ugflow-hero-card {
  position: absolute;
  right: 36px;
  bottom: 0;
  left: 94px;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 17px 19px;
  border-radius: 18px;
  background: #00287d;
  color: #fff;
  box-shadow: 0 18px 40px rgba(0, 40, 125, 0.25);
}

.iama-ugflow-hero-card>i {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 46px;
  height: 46px;
  border-radius: 14px;
  background: #ffc63b;
  color: #00287d;
  font-size: 19px;
}

.iama-ugflow-hero-card strong {
  display: block;
  font-family: "Outfit", sans-serif;
  font-size: 22px;
}

.iama-ugflow-hero-card p {
  margin-top: 3px;
  color: #fff;
  font-size: 18px;
}

/* =====================================================
   STUDY PATHWAYS — IMAGE LED, NOT BOX HEAVY
===================================================== */
.iama-ugflow-pathways {
  padding: 64px 0;
  background: #fff;
}

.iama-ugflow-pathway-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  overflow: hidden;
  border-radius: 26px;
  background: #00287d;
  box-shadow: 0 18px 45px rgba(0, 40, 125, 0.13);
}

.iama-ugflow-pathway {
  position: relative;
  min-height: 320px;
  overflow: hidden;
  padding: 26px;
  color: #fff;
}

.iama-ugflow-pathway+.iama-ugflow-pathway {
  border-left: 1px solid rgba(255, 255, 255, 0.14);
}

.iama-ugflow-pathway img {
  position: absolute;
  inset: 0;
  height: 100%;
  object-fit: cover;
  opacity: 0.26;
  transition: transform 0.45s ease, opacity 0.45s ease;
}

.iama-ugflow-pathway:nth-child(2) img {
  object-position: 70% center;
}

.iama-ugflow-pathway:nth-child(3) img {
  object-position: 30% center;
}

.iama-ugflow-pathway:hover img {
  transform: scale(1.06);
  opacity: 0.35;
}

.iama-ugflow-pathway::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 40, 125, 0.18), rgba(0, 40, 125, 0.94));
}

.iama-ugflow-pathway-content {
  position: relative;
  z-index: 2;
  display: flex;
  height: 268px;
  flex-direction: column;
  justify-content: flex-end;
}

.iama-ugflow-pathway-top {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.iama-ugflow-pathway-top span {
  color: #ffc63b;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.08em;
}

.iama-ugflow-pathway-top i {
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  border-radius: 14px;
  background: #ffc63b;
  color: #00287d;
  font-size: 19px;
}

.iama-ugflow-pathway h3 {
  color: #fff;
  font-size: 29px;
  line-height: 1.08;
}

.iama-ugflow-pathway p {
  margin-top: 10px;
  color: rgba(255, 255, 255, 0.82);
  font-size: 15px;
}

/* =====================================================
   LEARNING EXPERIENCE
===================================================== */
.iama-ugflow-learning {
  position: relative;
  padding: 66px 0;
  background: #00287d;
}

.iama-ugflow-learning-bg,
.iama-ugflow-learning-overlay {
  position: absolute;
  inset: 0;
}

.iama-ugflow-learning-bg img {
  height: 100%;
  object-fit: cover;
}

.iama-ugflow-learning-overlay {
  background: linear-gradient(90deg, rgba(0, 27, 90, 0.97), rgba(0, 40, 125, 0.78));
}

.iama-ugflow-learning .container {
  position: relative;
  z-index: 2;
}

.iama-ugflow-learning-layout {
  display: grid;
  grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr);
  align-items: center;
  gap: 46px;
}

.iama-ugflow-learning-copy h2 {
  margin-top: 18px;
  color: #fff;
}

.iama-ugflow-learning-copy h2 span {
  color: #ffc63b;
}

.iama-ugflow-learning-copy p {
  max-width: 620px;
  margin-top: 20px;
  color: #fff;
}

.iama-ugflow-learning-flow {
  display: grid;
  gap: 12px;
}

.iama-ugflow-learning-item {
  display: flex;
  align-items: center;
  gap: 14px;
  min-height: 98px;
  padding: 14px 16px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.09);
  backdrop-filter: blur(8px);
}

.iama-ugflow-learning-item>span {
  color: #ffc63b;
  font-size: 12px;
  font-weight: 800;
}

.iama-ugflow-learning-item>i {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: 14px;
  background: #ffc63b;
  color: #00287d;
  font-size: 18px;
}

.iama-ugflow-learning-item h3 {
  color: #fff;
  font-size: 26px;
}

.iama-ugflow-learning-item p {
  margin-top: 4px;
  color: #fff;
  font-size: 18px;
}

/* =====================================================
   Programmes
===================================================== */
.iama-ugflow-Programmes {
  padding: 64px 0;
  background: #f4f7fc;
}

.iama-ugflow-program-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.03fr) minmax(0, 0.97fr);
  gap: 20px;
  align-items: stretch;
}

.iama-ugflow-program-feature {
  position: relative;
  min-height: 560px;
  overflow: hidden;
  border-radius: 26px;
  background: #00287d;
}

.iama-ugflow-program-feature>img {
  position: absolute;
  inset: 0;
  height: 100%;
  object-fit: cover;
  opacity: 0.5;
}

.iama-ugflow-program-feature::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 40, 125, 0.10), rgba(0, 40, 125, 0.96) 88%);
}

.iama-ugflow-program-feature-content {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  padding: 28px;
}

.iama-ugflow-program-feature-content h3 {
  margin-top: 14px;
  color: #fff;
  font-size: 42px;
  line-height: 1.04;
}

.iama-ugflow-program-feature-content p {
  margin-top: 13px;
  color: #fff;
  font-size: 18px;
}

.iama-ugflow-program-side {
  display: grid;
  grid-template-rows: auto 1fr;
  gap: 16px;
}

.iama-ugflow-program-side-head {
  padding: 24px;
  border-radius: 20px;
  background: #ffc63b;
}

.iama-ugflow-program-side-head h3 {
  color: #101828;
  font-size: 34px;
}

.iama-ugflow-program-side-head p {
  margin-top: 9px;
  color: #000;
  font-size: 18px;
}

.iama-ugflow-program-links {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.iama-ugflow-program-link {
  display: flex;
  min-height: 104px;
  align-items: center;
  gap: 12px;
  padding: 15px;
  border: 1px solid rgba(0, 40, 125, 0.10);
  border-radius: 16px;
  background: #fff;
  color: #101828;
  box-shadow: 0 8px 22px rgba(0, 40, 125, 0.05);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.iama-ugflow-program-link:hover {
  transform: translateY(-4px);
  box-shadow: 0 15px 30px rgba(0, 40, 125, 0.11);
}

.iama-ugflow-program-link>span {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 11px;
  background: #fff3c7;
  color: #00287d;
  font-size: 11px;
  font-weight: 800;
}

.iama-ugflow-program-link h3 {
  flex: 1;
  font-size: 26px;
  line-height: 1.2;
}

.iama-ugflow-program-link i {
  color: #00287d;
  font-size: 18px;
}

.iama-ugflow-certificate {
  margin-top: 22px;
}

.iama-ugflow-certificate-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(250px, 0.62fr);
  align-items: end;
  gap: 30px;
  margin-bottom: 20px;
}

.iama-ugflow-certificate-head h3 {
  color: #101828;
  font-size: 42px;
}

.iama-ugflow-certificate-head p {
  color: #39435a;
  font-size: 16px;
}

.iama-ugflow-certificate-strip {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  overflow: hidden;
  border-radius: 20px;
  background: #00287d;
}

.iama-ugflow-certificate-link {
  min-height: 170px;
  padding: 22px;
  color: #fff;
  transition: background 0.25s ease;
}

.iama-ugflow-certificate-link+.iama-ugflow-certificate-link {
  border-left: 1px solid rgba(255, 255, 255, 0.14);
}

.iama-ugflow-certificate-link:hover {
  background: rgba(255, 255, 255, 0.08);
}

.iama-ugflow-certificate-link span {
  display: block;
  color: #ffc63b;
  font-size: 11px;
  font-weight: 800;
}

.iama-ugflow-certificate-link h3 {
  margin-top: 42px;
  color: #fff;
  font-size: 18px;
  line-height: 1.2;
}

.iama-ugflow-certificate-link i {
  display: block;
  margin-top: 18px;
  color: #ffc63b;
  font-size: 12px;
}

/* =====================================================
   ADMISSION CTA
===================================================== */
.iama-ugflow-admission {
  padding: 54px 0;
  background: #ffc63b;
}

.iama-ugflow-admission-grid {
  display: grid;
  grid-template-columns: minmax(190px, 0.38fr) minmax(0, 1.15fr) auto;
  align-items: center;
  gap: 34px;
}

.iama-ugflow-admission h3 {
  color: #00287d;
  font-size: 42px;
  line-height: 0.98;
}

.iama-ugflow-admission p {
  color: #172033;
  font-size: 16px;
}

.iama-ugflow-admission a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 52px;
  padding: 13px 22px;
  border-radius: 13px;
  background: #00287d;
  color: #fff;
  font-size: 14px;
  font-weight: 800;
  transition: transform 0.25s ease, background 0.25s ease;
}

.iama-ugflow-admission a:hover {
  transform: translateY(-3px);
  background: #001f63;
  color: #fff;
}

/* =====================================================
   RESPONSIVE
===================================================== */
@media (max-width: 1199px) {
  .iama-ugflow-page h2 {
    font-size: 50px;
  }

  .iama-ugflow-program-feature-content h3,
  .iama-ugflow-certificate-head h3 {
    font-size: 38px;
  }

  .iama-ugflow-certificate-strip {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .iama-ugflow-certificate-link:nth-child(4) {
    border-left: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.14);
  }

  .iama-ugflow-certificate-link:nth-child(5) {
    border-top: 1px solid rgba(255, 255, 255, 0.14);
  }
}

@media (max-width: 991px) {

  .iama-ugflow-hero,
  .iama-ugflow-pathways,
  .iama-ugflow-learning,
  .iama-ugflow-Programmes {
    padding: 54px 0;
  }

  .iama-ugflow-hero-layout,
  .iama-ugflow-learning-layout,
  .iama-ugflow-program-layout {
    grid-template-columns: 1fr;
  }

  .iama-ugflow-heading,
  .iama-ugflow-certificate-head {
    grid-template-columns: 1fr;
    gap: 15px;
  }

  .iama-ugflow-pathway-strip {
    grid-template-columns: 1fr;
  }

  .iama-ugflow-pathway+.iama-ugflow-pathway {
    border-top: 1px solid rgba(255, 255, 255, 0.14);
    border-left: 0;
  }

  .iama-ugflow-pathway {
    min-height: 280px;
  }

  .iama-ugflow-program-feature {
    min-height: 470px;
  }

  .iama-ugflow-admission-grid {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .iama-ugflow-admission a {
    width: max-content;
  }
}

@media (max-width: 767px) {
  .iama-ugflow-page h2 {
    font-size: 40px;
    line-height: 1.02;
  }

  .iama-ugflow-page p,
  .iama-ugflow-admission p {
    font-size: 16px;
  }

  .iama-ugflow-hero-visual {
    min-height: auto;
  }

  .iama-ugflow-hero-image {
    position: relative;
    inset: auto;
    height: 360px;
  }

  .iama-ugflow-hero-word {
    display: none;
  }

  .iama-ugflow-hero-card {
    position: relative;
    right: auto;
    bottom: auto;
    left: auto;
    margin-top: 12px;
  }

  .iama-ugflow-learning-item {
    grid-template-columns: 38px 48px minmax(0, 1fr);
  }

  .iama-ugflow-program-links {
    grid-template-columns: 1fr;
  }

  .iama-ugflow-certificate-strip {
    grid-template-columns: 1fr;
  }

  .iama-ugflow-certificate-link+.iama-ugflow-certificate-link {
    border-top: 1px solid rgba(255, 255, 255, 0.14);
    border-left: 0;
  }

  .iama-ugflow-certificate-link {
    min-height: 135px;
  }

  .iama-ugflow-certificate-link h3 {
    margin-top: 26px;
  }

  .iama-ugflow-program-feature-content h3,
  .iama-ugflow-certificate-head h3 {
    font-size: 34px;
  }

  .iama-ugflow-admission h3 {
    font-size: 36px;
  }
}

@media (max-width: 480px) {

  .iama-ugflow-hero,
  .iama-ugflow-pathways,
  .iama-ugflow-learning,
  .iama-ugflow-Programmes {
    padding: 44px 0;
  }

  .iama-ugflow-page h2 {
    font-size: 34px;
  }

  .iama-ugflow-hero-image {
    height: 310px;
    border-radius: 22px;
  }

  .iama-ugflow-learning-item {
    grid-template-columns: 1fr;
    gap: 9px;
  }

  .iama-ugflow-learning-item>span {
    position: absolute;
    right: 15px;
  }

  .iama-ugflow-program-feature {
    min-height: 420px;
  }

  .iama-ugflow-program-feature-content {
    padding: 22px;
  }

  .iama-ugflow-admission a {
    width: 100%;
  }
}



.iama-videolounge-page,
.iama-videolounge-page section {
  position: relative;
  overflow: hidden
}

.iama-videolounge-page *,
.iama-videolounge-page *:before,
.iama-videolounge-page *:after {
  box-sizing: border-box
}

.iama-videolounge-page h2 {
  margin: 0;
  font-family: "Outfit", sans-serif;
  font-size: 60px;
  font-weight: 600;
  line-height: 1.05;
  letter-spacing: -.6px;
  color: #000
}

.iama-videolounge-page h2 strong {
  color: #00287d;
  font-weight: 600
}

.iama-videolounge-page h3 {
  margin: 0;
  font-family: "Outfit", sans-serif;
  font-size: 26px;
  font-weight: 600;
  line-height: 1.15;
  color: #000
}

.iama-videolounge-page p {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #000;
  line-height: 1.4em
}

.iama-videolounge-label {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: #00287d
}

.iama-videolounge-label i {
  color: #ffc63b
}

.iama-videolounge-label-light {
  color: #fff
}

.iama-videolounge-hero {
  padding: 74px 0 84px;
  background: #00287d
}

.iama-videolounge-hero-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 28px;
  padding-bottom: 22px;
  border-bottom: 1px solid #fff
}

.iama-videolounge-hero-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px
}

.iama-videolounge-hero-meta span {
  padding: 8px 12px;
  border-radius: 100px;
  font: 700 12px "Inter", sans-serif;
  color: #00287d;
  background: #ffc63b
}

.iama-videolounge-hero-stage {
  display: grid;
  grid-template-columns: .82fr 1.18fr;
  align-items: center;
  gap: 64px;
  padding-top: 120px
}

.iama-videolounge-hero-copy h2 {
  margin-bottom: 24px;
  color: #fff
}

.iama-videolounge-hero-copy h2 strong {
  color: #ffc63b
}

.iama-videolounge-hero-copy p {
  max-width: 680px;
  color: #fff
}

.iama-videolounge-hero-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 18px;
  margin-top: 30px
}

.iama-videolounge-hero-actions a,
.iama-videolounge-cta-actions>a:first-child {
  display: inline-flex;
  align-items: center;
  gap: 13px;
  min-height: 56px;
  padding: 0 20px;
  font: 700 18px "Inter", sans-serif;
  text-decoration: none;
  color: #00287d;
  background: #ffc63b;
  transition: .35s;
  border-radius: 50px;
}

.iama-videolounge-hero-actions a:hover,
.iama-videolounge-cta-actions>a:first-child:hover {
  transform: translateY(-4px);
  background: #fff
}

.iama-videolounge-hero-actions span {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font: 600 18px "Inter", sans-serif;
  color: #fff
}

.iama-videolounge-hero-actions span i {
  color: #ffc63b
}

.iama-videolounge-hero-visual {
  position: relative;
  overflow: hidden;
  border-radius: 24px
}

.iama-videolounge-hero-visual img {
  display: block;
  width: 100%;
  height: 500px;
  object-fit: cover;
  transition: .7s
}

.iama-videolounge-hero-visual:hover img {
  transform: scale(1.05)
}

.iama-videolounge-hero-play,
.iama-videolounge-main-play {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  display: grid;
  place-items: center;
  width: 86px;
  height: 86px;
  border: 0;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  font-size: 24px;
  color: #00287d;
  background: #ffc63b;
  transition: .35s
}

.iama-videolounge-hero-play:hover,
.iama-videolounge-main-play:hover {
  transform: translate(-50%, -50%) scale(1.1);
  background: #fff
}

.iama-videolounge-hero-caption {
  position: absolute;
  left: 22px;
  right: 22px;
  bottom: 22px;
  max-width: 390px;
  padding: 18px 20px;
  background: #fff
}

.iama-videolounge-hero-caption span,
.iama-videolounge-hero-caption strong {
  display: block;
  font-family: "Inter", sans-serif
}

.iama-videolounge-hero-caption span {
  margin-bottom: 6px;
  font-size: 21px;
  font-weight: 700;
  color: #00287d
}

.iama-videolounge-hero-caption strong {
  font-size: 18px;
  color: #000
}

.iama-videolounge-player {
  padding: 78px 0;
  background: #fff
}

.iama-videolounge-player-head {
  display: grid;
  grid-template-columns: 1fr 430px;
  gap: 60px;
  align-items: end;
  margin-bottom: 38px
}

.iama-videolounge-player-shell {
  display: grid;
  grid-template-columns: 1fr 320px;
  gap: 18px
}

.iama-videolounge-screen {
  position: relative;
  min-height: 560px;
  overflow: hidden;
  border-radius: 22px;
  background: #000
}

.iama-videolounge-poster {
  position: absolute;
  inset: 0
}

.iama-videolounge-poster:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, .04), rgba(0, 40, 125, .88))
}

.iama-videolounge-poster>img {
  width: 100%;
  height: 100%;
  object-fit: cover
}

.iama-videolounge-screen-copy {
  position: absolute;
  z-index: 2;
  left: 34px;
  right: 120px;
  bottom: 32px
}

.iama-videolounge-screen-copy span {
  display: block;
  margin-bottom: 8px;
  font: 700 18px "Inter", sans-serif;
  color: #ffc63b
}

.iama-videolounge-screen-copy h3 {
  margin-bottom: 10px;
  font-size: 34px;
  color: #fff
}

.iama-videolounge-screen-copy p {
  color: #fff
}

.iama-videolounge-frame {
  position: absolute;
  z-index: 4;
  inset: 0;
  display: none;
  background: #000
}

.iama-videolounge-frame.active {
  display: block
}

.iama-videolounge-frame iframe,
.iama-videolounge-frame video {
  width: 100%;
  height: 100%;
  border: 0
}

.iama-videolounge-player-arrow {
  position: absolute;
  z-index: 5;
  top: 50%;
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border: 0;
  border-radius: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  color: #fff;
  background: #00287d;
  transition: .3s
}

.iama-videolounge-player-arrow:hover {
  transform: translateY(-50%) scale(1.08);
  color: #00287d;
  background: #ffc63b
}

.iama-videolounge-player-prev {
  left: 18px
}

.iama-videolounge-player-next {
  right: 18px
}

.iama-videolounge-nowplaying {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 30px;
  border-radius: 22px;
  background: #ffc63b
}

.iama-videolounge-counter {
  margin-bottom: 34px;
  font: 600 46px "Outfit", sans-serif;
  color: #00287d
}

.iama-videolounge-nowplaying-label {
  display: block;
  margin-bottom: 12px;
  font: 700 16px "Inter", sans-serif;
  text-transform: uppercase;
  color: #00287d
}

.iama-videolounge-nowplaying h3 {
  margin-bottom: 12px
}

.iama-videolounge-nowplaying-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 26px
}

.iama-videolounge-nowplaying-tags span {
  padding: 8px 11px;
  border-radius: 100px;
  font: 700 12px "Inter", sans-serif;
  color: #fff;
  background: #00287d
}

.iama-videolounge-playlist {
  padding: 76px 0;
  background: #00287d
}

.iama-videolounge-playlist-head {
  max-width: 900px;
  margin-bottom: 34px
}

.iama-videolounge-playlist-head h2 {
  margin-bottom: 18px;
  color: #fff
}

.iama-videolounge-playlist-head h2 strong {
  color: #ffc63b
}

.iama-videolounge-playlist-head p {
  color: #fff
}

.iama-videolounge-strip-wrap {
  position: relative;
  padding: 0 58px;
  overflow: hidden
}

.iama-videolounge-strip {
  display: flex;
  gap: 16px;
  overflow-x: auto;
  scroll-behavior: smooth;
  scrollbar-width: none
}

.iama-videolounge-strip::-webkit-scrollbar {
  display: none
}

.iama-videolounge-thumb {
  flex: 0 0 calc((100% - 32px)/3);
  min-width: 0;
  padding: 0;
  border: 0;
  border-radius: 18px;
  overflow: hidden;
  text-align: left;
  cursor: pointer;
  background: #fff;
  transition: .35s
}

.iama-videolounge-thumb:hover,
.iama-videolounge-thumb.active {
  transform: translateY(-6px);
  background: #ffc63b
}

.iama-videolounge-thumb-image {
  position: relative;
  display: block;
  aspect-ratio: 16/10;
  overflow: hidden
}

.iama-videolounge-thumb-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: .6s
}

.iama-videolounge-thumb:hover img {
  transform: scale(1.06)
}

.iama-videolounge-thumb-image i {
  position: absolute;
  top: 50%;
  left: 50%;
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  color: #00287d;
  background: #ffc63b
}

.iama-videolounge-thumb-copy {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 12px;
  align-items: center;
  padding: 16px 18px
}

.iama-videolounge-thumb-copy small {
  font: 600 14px "Outfit", sans-serif;
  color: #00287d
}

.iama-videolounge-thumb-copy strong {
  font: 700 18px "Inter", sans-serif;
  color: #000
}

.iama-videolounge-strip-arrow {
  position: absolute;
  z-index: 3;
  top: 50%;
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  border: 0;
  border-radius: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  color: #00287d;
  background: #ffc63b
}

.iama-videolounge-strip-prev {
  left: 4px
}

.iama-videolounge-strip-next {
  right: 4px
}

.iama-videolounge-collections {
  padding: 76px 0;
  background: #fff
}

.iama-videolounge-collections-head {
  max-width: 900px;
  margin-bottom: 38px
}

.iama-videolounge-collections-head h2 {
  margin-bottom: 20px
}

.iama-videolounge-collection-row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px
}

.iama-videolounge-collection-row article {
  display: grid;
  grid-template-columns: 64px 1fr;
  gap: 18px;
  padding: 24px;
  border-radius: 18px;
  background: #ffc63b;
  transition: .35s
}

.iama-videolounge-collection-row article:hover {
  transform: translateY(-6px);
  background: #00287d
}

.iama-videolounge-collection-icon {
  display: grid;
  place-items: center;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  color: #fff;
  background: #00287d
}

.iama-videolounge-collection-row article span {
  display: block;
  margin-bottom: 7px;
  font: 700 15px "Inter", sans-serif;
  text-transform: uppercase;
  color: #00287d
}

.iama-videolounge-collection-row article h3 {
  margin-bottom: 8px
}

.iama-videolounge-collection-row article p {
  font-size: 18px
}

.iama-videolounge-collection-row article:hover .iama-videolounge-collection-icon {
  color: #00287d;
  background: #ffc63b
}

.iama-videolounge-collection-row article:hover span,
.iama-videolounge-collection-row article:hover h3,
.iama-videolounge-collection-row article:hover p {
  color: #fff
}

.iama-videolounge-guidance {
  padding: 76px 0;
}

.iama-videolounge-guidance-card {
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  overflow: hidden;
  border-radius: 22px;
  background: #00287d
}

.iama-videolounge-guidance-image {
  overflow: hidden
}

.iama-videolounge-guidance-image img {
  width: 100%;
  height: 100%;
  height: 450px;
  object-fit: cover;
  transition: .65s
}

.iama-videolounge-guidance-card:hover img {
  transform: scale(1.05)
}

.iama-videolounge-guidance-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 44px
}

.iama-videolounge-guidance-copy h2 {
  margin-bottom: 20px;
  color: #fff
}

.iama-videolounge-guidance-copy h2 strong {
  color: #ffc63b
}

.iama-videolounge-guidance-copy p {
  color: #fff
}

.iama-videolounge-guidance-points {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 26px
}

.iama-videolounge-guidance-points span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 13px;
  border-radius: 100px;
  font: 700 13px "Inter", sans-serif;
  color: #00287d;
  background: #fff
}

.iama-videolounge-cta {
  padding: 68px 0 0;
  background: #fff
}

.iama-videolounge-cta-grid {
  display: grid;
  grid-template-columns: 1fr 380px;
  overflow: hidden;
  background: #00287d
}

.iama-videolounge-cta-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 40px 44px
}

.iama-videolounge-cta-copy h2 {
  margin-bottom: 18px;
  color: #fff
}

.iama-videolounge-cta-copy h2 strong {
  color: #ffc63b
}

.iama-videolounge-cta-copy p {
  color: #fff
}

.iama-videolounge-cta-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px;
  margin-top: 26px
}

.iama-videolounge-cta-link {
  font: 700 14px "Inter", sans-serif;
  text-decoration: none;
  color: #fff
}

.iama-videolounge-cta-image {
  overflow: hidden
}

.iama-videolounge-cta-image img {
  width: 100%;
  height: 100%;
  min-height: 320px;
  object-fit: cover;
  transition: .65s
}

.iama-videolounge-cta-grid:hover img {
  transform: scale(1.05)
}

@media(max-width:1199px) {
  .iama-videolounge-page h2 {
    font-size: 50px
  }

  .iama-videolounge-thumb {
    flex-basis: calc((100% - 16px)/2)
  }
}

@media(max-width:991px) {
  .iama-videolounge-page h2 {
    font-size: 44px
  }

  .iama-videolounge-hero-stage,
  .iama-videolounge-player-head,
  .iama-videolounge-player-shell,
  .iama-videolounge-guidance-card,
  .iama-videolounge-cta-grid {
    grid-template-columns: 1fr
  }

  .iama-videolounge-cta-image img {
    min-height: 270px;
    height: 270px
  }
}

@media(max-width:767px) {

  .iama-videolounge-hero,
  .iama-videolounge-player,
  .iama-videolounge-playlist,
  .iama-videolounge-collections,
  .iama-videolounge-guidance,
  .iama-videolounge-cta {
    padding: 62px 0
  }

  .iama-videolounge-page h2 {
    font-size: 38px;
    letter-spacing: -.4px
  }

  .iama-videolounge-page p {
    font-size: 18px
  }

  .iama-videolounge-hero-top {
    align-items: flex-start;
    flex-direction: column
  }

  .iama-videolounge-hero-visual img {
    height: 380px
  }

  .iama-videolounge-screen {
    min-height: 460px
  }

  .iama-videolounge-screen-copy {
    left: 24px;
    right: 24px;
    bottom: 24px
  }

  .iama-videolounge-screen-copy h3 {
    font-size: 28px
  }

  .iama-videolounge-player-arrow {
    top: auto;
    bottom: 18px;
    transform: none
  }

  .iama-videolounge-player-arrow:hover {
    transform: scale(1.08)
  }

  .iama-videolounge-player-prev {
    left: auto;
    right: 76px
  }

  .iama-videolounge-player-next {
    right: 18px
  }

  .iama-videolounge-strip-wrap {
    padding: 0
  }

  .iama-videolounge-strip-arrow {
    display: none
  }

  .iama-videolounge-thumb {
    flex: 0 0 82%
  }

  .iama-videolounge-collection-row {
    grid-template-columns: 1fr
  }

  .iama-videolounge-guidance-copy,
  .iama-videolounge-cta-copy {
    padding: 32px 26px
  }
}

@media(max-width:575px) {
  .iama-videolounge-page h2 {
    font-size: 34px;
    line-height: 1.08
  }

  .iama-videolounge-label {
    font-size: 12px;
    letter-spacing: 1px
  }

  .iama-videolounge-hero-visual img {
    height: 320px
  }

  .iama-videolounge-hero-play,
  .iama-videolounge-main-play {
    width: 70px;
    height: 70px
  }

  .iama-videolounge-screen {
    min-height: 400px
  }

  .iama-videolounge-thumb {
    flex-basis: 88%
  }

  .iama-videolounge-collection-row article {
    grid-template-columns: 54px 1fr;
    padding: 20px
  }

  .iama-videolounge-collection-icon {
    width: 54px;
    height: 54px
  }

  .iama-videolounge-guidance-image img {
    min-height: 300px;
    height: 300px
  }

  .iama-videolounge-cta-image img {
    min-height: 230px;
    height: 230px
  }
}


/* =========================================================
   IAMA BLOG CANVAS
   Modern, Simple and Clean Blog Articles Page
   Uses existing .container class
========================================================= */

.iama-blogcanvas-page,
.iama-blogcanvas-page section {
  position: relative;
  overflow: hidden;
}

.iama-blogcanvas-page *,
.iama-blogcanvas-page *::before,
.iama-blogcanvas-page *::after {
  box-sizing: border-box;
}

.iama-blogcanvas-page h2 {
  margin: 0;
  font-family: "Outfit", sans-serif;
  font-size: 60px;
  font-weight: 600;
  line-height: 1.05;
  letter-spacing: -0.6px;
  color: #000;
}

.iama-blogcanvas-page h2 strong {
  color: #00287d;
  font-weight: 600;
}

.iama-blogcanvas-page h3 {
  margin: 0;
  font-family: "Outfit", sans-serif;
  font-size: 26px;
  font-weight: 600;
  line-height: 1.15;
  color: #000;
}

.iama-blogcanvas-page p {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #000;
  line-height: 1.4em;
}

.iama-blogcanvas-label {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: #00287d;
}

.iama-blogcanvas-label i {
  color: #ffc63b;
}

.iama-blogcanvas-label-light {
  color: #fff;
}

/* INTRO */

.iama-blogcanvas-intro {
  padding: 84px 0;
  background: #fff;
}

.iama-blogcanvas-intro-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  gap: 66px;
  align-items: center;
}

.iama-blogcanvas-intro-copy h2 {
  margin-bottom: 24px;
}

.iama-blogcanvas-intro-copy p {
  max-width: 690px;
}

.iama-blogcanvas-intro-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 18px;
  margin-top: 30px;
}

.iama-blogcanvas-intro-actions a,
.iama-blogcanvas-feature-copy>a,
.iama-blogcanvas-cta-actions>a:first-child {
  display: inline-flex;
  align-items: center;
  gap: 13px;
  min-height: 56px;
  padding: 0 20px;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
  color: #fff;
  background: #00287d;
  transition: transform 0.35s ease, background 0.35s ease, color 0.35s ease;
  border-radius: 50px;
}

.iama-blogcanvas-intro-actions a:hover,
.iama-blogcanvas-feature-copy>a:hover,
.iama-blogcanvas-cta-actions>a:first-child:hover {
  transform: translateY(-4px);
  color: #00287d;
  background: #ffc63b;
}

.iama-blogcanvas-intro-actions a i,
.iama-blogcanvas-feature-copy>a i,
.iama-blogcanvas-cta-actions>a:first-child i {
  transition: transform 0.35s ease;
}

.iama-blogcanvas-intro-actions a:hover i,
.iama-blogcanvas-feature-copy>a:hover i,
.iama-blogcanvas-cta-actions>a:first-child:hover i {
  transform: translateX(5px);
}

.iama-blogcanvas-intro-actions span {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-family: "Inter", sans-serif;
  font-size: 20px;
  font-weight: 600;
  color: #000;
}

.iama-blogcanvas-intro-actions span i {
  color: #ffc63b;
}

.iama-blogcanvas-intro-visual {
  position: relative;
  overflow: hidden;
  border-radius: 24px;
}

.iama-blogcanvas-intro-visual img {
  display: block;
  width: 100%;
  height: 520px;
  object-fit: cover;
  transition: transform 0.65s ease;
}

.iama-blogcanvas-intro-visual:hover img {
  transform: scale(1.05);
}

.iama-blogcanvas-intro-note {
  position: absolute;
  left: 22px;
  right: 22px;
  bottom: 22px;
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  max-width: 470px;
  padding: 18px 20px;
  background: #ffc63b;
}

.iama-blogcanvas-intro-note>i {
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  color: #fff;
  background: #00287d;
}

.iama-blogcanvas-intro-note span,
.iama-blogcanvas-intro-note strong {
  display: block;
  font-family: "Inter", sans-serif;
}

.iama-blogcanvas-intro-note span {
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  color: #00287d;
}

.iama-blogcanvas-intro-note strong {
  font-size: 18px;
  color: #000;
  line-height: 1.4;
}

/* FEATURE */

.iama-blogcanvas-feature {
  padding: 76px 0;
  background: #00287d;
}

.iama-blogcanvas-feature-card {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
  overflow: hidden;
  border-radius: 24px;
}

.iama-blogcanvas-feature-image {
  overflow: hidden;
}

.iama-blogcanvas-feature-image img {
  display: block;
  width: 100%;
  height: 580px;
  object-fit: cover;
  transition: transform 0.65s ease;
}

.iama-blogcanvas-feature-card:hover .iama-blogcanvas-feature-image img {
  transform: scale(1.05);
}

.iama-blogcanvas-feature-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 44px;
  background: #00287d;
}

.iama-blogcanvas-feature-copy h2 {
  margin-bottom: 22px;
  color: #fff;
}

.iama-blogcanvas-feature-copy h2 strong {
  color: #ffc63b;
}

.iama-blogcanvas-feature-copy>p {
  color: #fff;
}

.iama-blogcanvas-feature-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 24px;
}

.iama-blogcanvas-feature-meta span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 12px 18px;
  border-radius: 100px;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 700;
  color: #00287d;
  background: #fff;
}

.iama-blogcanvas-feature-copy>a {
  width: fit-content;
  margin-top: 28px;
  color: #00287d;
  background: #ffc63b;
}

/* ARTICLES */

.iama-blogcanvas-articles {
  padding: 76px 0;
  background: #fff;
}

.iama-blogcanvas-sectionhead {
  max-width: 920px;
  margin-bottom: 40px;
}

.iama-blogcanvas-sectionhead h2 {
  margin-bottom: 20px;
}

.iama-blogcanvas-article-stage {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.iama-blogcanvas-article-card {
  display: grid;
  grid-template-columns: 210px minmax(0, 1fr);
  overflow: hidden;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 14px 36px rgba(0, 40, 125, 0.1);
  transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.iama-blogcanvas-article-card:hover {
  transform: translateY(-7px);
  box-shadow: 0 22px 46px rgba(0, 40, 125, 0.16);
}

.iama-blogcanvas-article-wide {
  grid-column: 1 / -1;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
}

.iama-blogcanvas-article-image {
  overflow: hidden;
}

.iama-blogcanvas-article-image img {
  display: block;
  width: 100%;
  height: 290px;
  object-fit: cover;
  transition: transform 0.65s ease;
}

.iama-blogcanvas-article-card:hover .iama-blogcanvas-article-image img {
  transform: scale(1.06);
}

.iama-blogcanvas-article-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 26px;
}

.iama-blogcanvas-article-copy>span {
  display: block;
  margin-bottom: 13px;
  font-family: "Inter", sans-serif;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  color: #00287d;
}

.iama-blogcanvas-article-copy h3 {
  margin-bottom: 11px;
  font-size: 30px;
}

.iama-blogcanvas-article-copy p {
  font-size: 18px;
}

.iama-blogcanvas-article-copy a {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  width: fit-content;
  margin-top: 20px;
  font-family: "Inter", sans-serif;
  font-size: 20px;
  font-weight: 700;
  text-decoration: none;
  color: #00287d;
}

.iama-blogcanvas-article-copy a i {
  transition: transform 0.3s ease;
}

.iama-blogcanvas-article-copy a:hover i {
  transform: translateX(5px);
}

/* PATHS */

.iama-blogcanvas-paths {
  padding: 76px 0;
  background: #00287d;
}

.iama-blogcanvas-paths-copy {
  max-width: 900px;
  margin-bottom: 38px;
}

.iama-blogcanvas-paths-copy h2 {
  margin-bottom: 20px;
  color: #fff;
}

.iama-blogcanvas-paths-copy h2 strong {
  color: #ffc63b;
}

.iama-blogcanvas-paths-copy p {
  color: #fff;
}

.iama-blogcanvas-paths-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.iama-blogcanvas-paths-grid article {
  padding: 24px;
  border-radius: 18px;
  background: #fff;
  transition: transform 0.35s ease, background 0.35s ease;
}

.iama-blogcanvas-paths-grid article:hover {
  transform: translateY(-7px);
  background: #ffc63b;
}

.iama-blogcanvas-paths-grid article>span {
  display: block;
  margin-bottom: 24px;
  font-family: "Outfit", sans-serif;
  font-size: 18px;
  color: #00287d;
}

.iama-blogcanvas-paths-grid article>i {
  margin-bottom: 22px;
  font-size: 27px;
  color: #00287d;
}

.iama-blogcanvas-paths-grid h3 {
  margin-bottom: 10px;
  font-size: 26px;
}

.iama-blogcanvas-paths-grid p {
  font-size: 18px;
}

/* EDITORIAL */

.iama-blogcanvas-editorial {
  padding: 76px 0;
  background: #ffc63b;
}

.iama-blogcanvas-editorial-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.04fr) minmax(0, 0.96fr);
  gap: 64px;
  align-items: center;
}

.iama-blogcanvas-editorial-copy h2 {
  margin-bottom: 22px;
}

.iama-blogcanvas-editorial-points {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 28px;
}

.iama-blogcanvas-editorial-points span {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 15px 16px;
  font-family: "Inter", sans-serif;
  font-size: 20px;
  font-weight: 700;
  color: #000;
  background: #fff;
}

.iama-blogcanvas-editorial-points i {
  color: #00287d;
}

.iama-blogcanvas-editorial-image {
  overflow: hidden;
  border-radius: 22px;
}

.iama-blogcanvas-editorial-image img {
  display: block;
  width: 100%;
  height: 430px;
  object-fit: cover;
  transition: transform 0.65s ease;
}

.iama-blogcanvas-editorial-image:hover img {
  transform: scale(1.05);
}

/* CTA */

.iama-blogcanvas-cta {
  padding: 68px 0 0;
  background: #fff;
}

.iama-blogcanvas-cta-grid {
  display: grid;
  grid-template-columns: 360px minmax(0, 1fr);
  overflow: hidden;
  background: #00287d;
}

.iama-blogcanvas-cta-image {
  overflow: hidden;
}

.iama-blogcanvas-cta-image img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 330px;
  object-fit: cover;
  transition: transform 0.65s ease;
}

.iama-blogcanvas-cta-grid:hover .iama-blogcanvas-cta-image img {
  transform: scale(1.05);
}

.iama-blogcanvas-cta-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 40px 44px;
}

.iama-blogcanvas-cta-copy h2 {
  margin-bottom: 18px;
  color: #fff;
}

.iama-blogcanvas-cta-copy h2 strong {
  color: #ffc63b;
}

.iama-blogcanvas-cta-copy p {
  color: #fff;
}

.iama-blogcanvas-cta-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px;
  margin-top: 26px;
}

.iama-blogcanvas-cta-actions>a:first-child {
  color: #00287d;
  background: #ffc63b;
}

.iama-blogcanvas-cta-link {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  color: #fff;
}

/* RESPONSIVE */

@media (max-width: 1199px) {
  .iama-blogcanvas-page h2 {
    font-size: 50px;
  }

  .iama-blogcanvas-paths-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 991px) {
  .iama-blogcanvas-page h2 {
    font-size: 44px;
  }

  .iama-blogcanvas-intro-grid,
  .iama-blogcanvas-feature-card,
  .iama-blogcanvas-editorial-grid,
  .iama-blogcanvas-cta-grid {
    grid-template-columns: 1fr;
  }

  .iama-blogcanvas-feature-image img {
    min-height: 360px;
    height: 360px;
  }

  .iama-blogcanvas-cta-image img {
    min-height: 280px;
    height: 280px;
  }
}

@media (max-width: 767px) {

  .iama-blogcanvas-intro,
  .iama-blogcanvas-feature,
  .iama-blogcanvas-articles,
  .iama-blogcanvas-paths,
  .iama-blogcanvas-editorial,
  .iama-blogcanvas-cta {
    padding: 62px 0;
  }

  .iama-blogcanvas-page h2 {
    font-size: 38px;
    letter-spacing: -0.4px;
  }

  .iama-blogcanvas-page p {
    font-size: 18px;
  }

  .iama-blogcanvas-article-stage,
  .iama-blogcanvas-paths-grid,
  .iama-blogcanvas-editorial-points {
    grid-template-columns: 1fr;
  }

  .iama-blogcanvas-article-card,
  .iama-blogcanvas-article-wide {
    grid-column: auto;
    grid-template-columns: 1fr;
  }

  .iama-blogcanvas-article-image img {
    min-height: 260px;
    height: 260px;
  }

  .iama-blogcanvas-intro-visual img,
  .iama-blogcanvas-editorial-image img {
    height: 360px;
  }

  .iama-blogcanvas-feature-copy,
  .iama-blogcanvas-cta-copy {
    padding: 32px 26px;
  }
}

@media (max-width: 575px) {
  .iama-blogcanvas-page h2 {
    font-size: 34px;
    line-height: 1.08;
  }

  .iama-blogcanvas-label {
    font-size: 12px;
    letter-spacing: 1px;
  }

  .iama-blogcanvas-intro-note {
    left: 14px;
    right: 14px;
    bottom: 14px;
    grid-template-columns: 44px minmax(0, 1fr);
    padding: 14px;
  }

  .iama-blogcanvas-intro-note>i {
    width: 44px;
    height: 44px;
  }

  .iama-blogcanvas-intro-visual img,
  .iama-blogcanvas-editorial-image img {
    height: 320px;
  }

  .iama-blogcanvas-paths-grid article {
    min-height: auto;
    padding: 22px;
  }

  .iama-blogcanvas-cta-image img {
    min-height: 230px;
    height: 230px;
  }
}


/* =========================================================
   IAMA CONTACT STUDIO
   Modern, Clean and Responsive Contact Page
   Uses existing .container class
========================================================= */

.iama-contactstudio-page,
.iama-contactstudio-page section {
  position: relative;
  overflow: hidden;
}

.iama-contactstudio-page *,
.iama-contactstudio-page *::before,
.iama-contactstudio-page *::after {
  box-sizing: border-box;
}

.iama-contactstudio-page h2 {
  margin: 0;
  font-family: "Outfit", sans-serif;
  font-size: 60px;
  font-weight: 600;
  line-height: 1.05;
  letter-spacing: -0.6px;
  color: #000;
}

.iama-contactstudio-page h2 strong {
  color: #00287d;
  font-weight: 600;
}

.iama-contactstudio-page h3 {
  margin: 0;
  font-family: "Outfit", sans-serif;
  font-size: 26px;
  font-weight: 600;
  line-height: 1.15;
  color: #000;
}

.iama-contactstudio-page p {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #000;
  line-height: 1.4em;
}

.iama-contactstudio-label {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: #00287d;
}

.iama-contactstudio-label i {
  color: #ffc63b;
}

.iama-contactstudio-label-light {
  color: #fff;
}

/* HERO */

.iama-contactstudio-hero {
  padding: 84px 0;
  background: #fff;
}

.iama-contactstudio-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  gap: 68px;
  align-items: center;
}

.iama-contactstudio-hero-copy h2 {
  margin-bottom: 24px;
}

.iama-contactstudio-hero-copy p {
  max-width: 690px;
}

.iama-contactstudio-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 30px;
}

.iama-contactstudio-hero-actions a,
.iama-contactstudio-outline-btn {
  display: inline-flex;
  align-items: center;
  gap: 13px;
  min-height: 56px;
  padding: 0 20px;
  font-family: "Inter", sans-serif;
  font-size: 20px;
  font-weight: 700;
  text-decoration: none;
  transition:
    transform 0.35s ease,
    background 0.35s ease,
    color 0.35s ease;
  border-radius: 50px;
}

.iama-contactstudio-hero-actions a:first-child {
  color: #fff;
  background: #00287d;
}

.iama-contactstudio-outline-btn {
  border: 1px solid #00287d;
  color: #00287d;
  background: #fff;
}

.iama-contactstudio-hero-actions a:hover {
  transform: translateY(-4px);
  color: #00287d;
  background: #ffc63b;
}

.iama-contactstudio-hero-note {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-top: 28px;
  padding: 18px 20px;
  background: #ffc63b;
  border-radius: 30px;
}

.iama-contactstudio-hero-note>i {
  margin-top: 4px;
  color: #00287d;
}

.iama-contactstudio-hero-note strong,
.iama-contactstudio-hero-note span {
  display: block;
  font-family: "Inter", sans-serif;
}

.iama-contactstudio-hero-note strong {
  margin-bottom: 5px;
  font-size: 20px;
  color: #00287d;
}

.iama-contactstudio-hero-note span {
  font-size: 18px;
  color: #000;
}

.iama-contactstudio-hero-visual {
  position: relative;
  overflow: hidden;
  border-radius: 24px;
}

.iama-contactstudio-hero-visual img {
  display: block;
  width: 100%;
  height: 520px;
  object-fit: cover;
  transition: transform 0.65s ease;
}

.iama-contactstudio-hero-visual:hover img {
  transform: scale(1.05);
}

.iama-contactstudio-hero-card {
  position: absolute;
  left: 22px;
  right: 22px;
  bottom: 22px;
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  max-width: 470px;
  padding: 18px 20px;
  background: #00287d;
}

.iama-contactstudio-hero-card>i {
  display: grid;
  place-items: center;
  width: 54px;
  height: 54px;
  border-radius: 50%;
  color: #00287d;
  background: #ffc63b;
}

.iama-contactstudio-hero-card strong,
.iama-contactstudio-hero-card span {
  display: block;
  font-family: "Inter", sans-serif;
}

.iama-contactstudio-hero-card strong {
  margin-bottom: 5px;
  font-size: 20px;
  color: #fff;
}

.iama-contactstudio-hero-card span {
  font-size: 18px;
  color: #fff;
}

/* CHANNELS */

.iama-contactstudio-channels {
  padding: 76px 0;
  background: #00287d;
}

.iama-contactstudio-sectionhead {
  max-width: 900px;
  margin-bottom: 38px;
}

.iama-contactstudio-sectionhead .iama-contactstudio-label {
  color: #fff;
}

.iama-contactstudio-sectionhead h2 {
  margin-bottom: 20px;
  color: #fff;
}

.iama-contactstudio-sectionhead h2 strong {
  color: #ffc63b;
}

.iama-contactstudio-sectionhead p {
  color: #fff;
}

.iama-contactstudio-channel-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.iama-contactstudio-channel-card {
  padding: 26px;
  border-radius: 18px;
  background: #fff;
  transition:
    transform 0.35s ease,
    background 0.35s ease,
    box-shadow 0.35s ease;
}

.iama-contactstudio-channel-card:hover {
  transform: translateY(-7px);
  background: #ffc63b;
  box-shadow: 0 20px 42px rgba(0, 0, 0, 0.18);
}

.iama-contactstudio-channel-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 19px;
}

.iama-contactstudio-channel-top span {
  font-family: "Outfit", sans-serif;
  font-size: 18px;
  color: #00287d;
}

.iama-contactstudio-channel-top i {
  display: grid;
  place-items: center;
  width: 58px;
  height: 58px;
  border-radius: 50%;
  font-size: 22px;
  color: #fff;
  background: #00287d;
}

.iama-contactstudio-channel-card h3 {
  margin-bottom: 12px;
}

.iama-contactstudio-channel-card p,
.iama-contactstudio-channel-card a {
  font-family: "Inter", sans-serif;
  font-size: 20px;
  color: #000;
  line-height: 1.4;
}

.iama-contactstudio-channel-card a {
  font-weight: 700;
  text-decoration: none;
}

/* SUPPORT + MAP */

.iama-contactstudio-support {
  padding: 76px 0;
  background: #fff5dd;
}

.iama-contactstudio-support-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
  gap: 60px;
  align-items: stretch;
}

.iama-contactstudio-map-panel {
  width: 100%;
  overflow: hidden;
}

.iama-contactstudio-map-panel img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}

.iama-contactstudio-support-copy {
  padding: 42px;
  border-radius: 22px;
  background: #00287d;
}

.iama-contactstudio-support-copy h2 {
  margin-bottom: 22px;
  color: #fff;
}

.iama-contactstudio-support-copy h2 strong {
  color: #ffc63b;
}

.iama-contactstudio-support-copy>p {
  color: #fff;
}

.iama-contactstudio-support-cards {
  display: grid;
  gap: 12px;
  margin-top: 28px;
}

.iama-contactstudio-support-cards article {
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr);
  gap: 14px;
  align-items: start;
  padding: 18px;
  background: #fff;
  transition: transform 0.35s ease, background 0.35s ease;
  border-radius: 50px;
}

.iama-contactstudio-support-cards article:hover {
  transform: translateX(6px);
  background: #ffc63b;
}

.iama-contactstudio-support-cards>article>i {
  display: grid;
  place-items: center;
  width: 54px;
  height: 54px;
  border-radius: 50%;
  color: #fff;
  background: #00287d;
}

.iama-contactstudio-support-cards h3 {
  margin-bottom: 7px;
  font-size: 22px;
}

.iama-contactstudio-support-cards p {
  font-size: 15px;
}

.iama-contactstudio-map-panel {
  position: relative;
  overflow: hidden;
  border-radius: 22px;
  background: #fff;
}

.iama-contactstudio-map {
  height: 100%;
  min-height: 550px;
}

.iama-contactstudio-map iframe {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 550px;
}

.iama-contactstudio-map-card {
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 20px;
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 13px;
  align-items: center;
  padding: 17px 18px;
  background: #fff;
  box-shadow: 0 16px 34px rgba(0, 40, 125, 0.16);
}

.iama-contactstudio-map-card>i {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  color: #fff;
  background: #00287d;
}

.iama-contactstudio-map-card strong,
.iama-contactstudio-map-card span {
  display: block;
  font-family: "Inter", sans-serif;
}

.iama-contactstudio-map-card strong {
  margin-bottom: 5px;
  font-size: 20px;
  color: #00287d;
}

.iama-contactstudio-map-card span {
  font-size: 18px;
  color: #000;
}

/* HOURS */

.iama-contactstudio-hours {
  padding: 76px 0;
  background: #fff;
}

.iama-contactstudio-hours-head {
  max-width: 900px;
  margin-bottom: 38px;
}

.iama-contactstudio-hours-head h2 {
  margin-bottom: 20px;
}

.iama-contactstudio-hours-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.iama-contactstudio-hours-grid article {
  min-height: 280px;
  padding: 24px;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 14px 34px rgba(0, 40, 125, 0.1);
  transition:
    transform 0.35s ease,
    background 0.35s ease,
    box-shadow 0.35s ease;
}

.iama-contactstudio-hours-grid article:hover {
  transform: translateY(-7px);
  background: #00287d;
  box-shadow: 0 22px 48px rgba(0, 40, 125, 0.18);
}

.iama-contactstudio-hours-grid article>span {
  display: block;
  margin-bottom: 24px;
  font-family: "Outfit", sans-serif;
  font-size: 18px;
  color: #00287d;
}

.iama-contactstudio-hours-grid article>i {
  margin-bottom: 24px;
  font-size: 28px;
  color: #ffc63b;
}

.iama-contactstudio-hours-grid h3 {
  margin-bottom: 10px;
  font-size: 23px;
}

.iama-contactstudio-hours-grid p {
  font-size: 15px;
}

.iama-contactstudio-hours-grid article:hover>span,
.iama-contactstudio-hours-grid article:hover h3,
.iama-contactstudio-hours-grid article:hover p {
  color: #fff;
}

/* QUICK CONTACT */

.iama-contactstudio-quick {
  padding: 70px 0;
  background: #00287d;
}

.iama-contactstudio-quick-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  gap: 60px;
  align-items: center;
}

.iama-contactstudio-quick-copy h2 {
  margin-bottom: 20px;
  color: #fff;
}

.iama-contactstudio-quick-copy h2 strong {
  color: #ffc63b;
}

.iama-contactstudio-quick-copy p {
  color: #fff;
}

.iama-contactstudio-quick-links {
  display: grid;
  gap: 14px;
}

.iama-contactstudio-quick-links>a {
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr) 42px;
  gap: 15px;
  align-items: center;
  padding: 18px 20px;
  text-decoration: none;
  background: #fff;
  transition: transform 0.35s ease, background 0.35s ease;
}

.iama-contactstudio-quick-links>a:hover {
  transform: translateX(7px);
  background: #ffc63b;
}

.iama-contactstudio-quick-links>a>i {
  display: grid;
  place-items: center;
  width: 54px;
  height: 54px;
  border-radius: 50%;
  color: #fff;
  background: #00287d;
}

.iama-contactstudio-quick-links small,
.iama-contactstudio-quick-links strong {
  display: block;
  font-family: "Inter", sans-serif;
}

.iama-contactstudio-quick-links small {
  margin-bottom: 5px;
  font-size: 12px;
  color: #00287d;
}

.iama-contactstudio-quick-links strong {
  font-size: 15px;
  color: #000;
  word-break: break-word;
}

.iama-contactstudio-quick-links>a>span {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  color: #00287d;
  background: #ffc63b;
}

/* RESPONSIVE */

@media (max-width: 1199px) {
  .iama-contactstudio-page h2 {
    font-size: 50px;
  }
}

@media (max-width: 991px) {
  .iama-contactstudio-page h2 {
    font-size: 44px;
  }

  .iama-contactstudio-hero-grid,
  .iama-contactstudio-support-grid,
  .iama-contactstudio-quick-grid {
    grid-template-columns: 1fr;
  }

  .iama-contactstudio-channel-grid,
  .iama-contactstudio-hours-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .iama-contactstudio-map {
    min-height: 500px;
  }

  .iama-contactstudio-map iframe {
    min-height: 500px;
  }
}

@media (max-width: 767px) {

  .iama-contactstudio-hero,
  .iama-contactstudio-channels,
  .iama-contactstudio-support,
  .iama-contactstudio-hours,
  .iama-contactstudio-quick {
    padding: 62px 0;
  }

  .iama-contactstudio-page h2 {
    font-size: 38px;
    letter-spacing: -0.4px;
  }

  .iama-contactstudio-page p {
    font-size: 18px;
  }

  .iama-contactstudio-channel-grid,
  .iama-contactstudio-hours-grid {
    grid-template-columns: 1fr;
  }

  .iama-contactstudio-hero-visual img {
    height: 380px;
  }

  .iama-contactstudio-support-copy {
    padding: 32px 26px;
  }

  .iama-contactstudio-map,
  .iama-contactstudio-map iframe {
    min-height: 420px;
  }
}

@media (max-width: 575px) {
  .iama-contactstudio-page h2 {
    font-size: 34px;
    line-height: 1.08;
  }

  .iama-contactstudio-label {
    font-size: 12px;
    letter-spacing: 1px;
  }

  .iama-contactstudio-hero-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .iama-contactstudio-hero-actions a {
    justify-content: center;
    width: 100%;
  }

  .iama-contactstudio-hero-visual img {
    height: 330px;
  }

  .iama-contactstudio-hero-card {
    left: 14px;
    right: 14px;
    bottom: 14px;
    grid-template-columns: 44px minmax(0, 1fr);
    padding: 14px;
  }

  .iama-contactstudio-hero-card>i {
    width: 44px;
    height: 44px;
  }

  .iama-contactstudio-channel-card,
  .iama-contactstudio-hours-grid article {
    min-height: auto;
    padding: 22px;
  }

  .iama-contactstudio-map-card {
    left: 12px;
    right: 12px;
    bottom: 12px;
  }

  .iama-contactstudio-quick-links>a {
    grid-template-columns: 46px minmax(0, 1fr);
    padding: 16px;
  }

  .iama-contactstudio-quick-links>a>i {
    width: 46px;
    height: 46px;
  }

  .iama-contactstudio-quick-links>a>span {
    display: none;
  }
}


/* =====================================================
IAMA DIPLOMA & CERTIFICATE Programmes
Unique prefix: iama-diplopro-
===================================================== */

.iama-diplopro-page,
.iama-diplopro-cta {
  overflow: hidden;
  font-family: "Inter", sans-serif;
  color: #000;
}

.iama-diplopro-page *,
.iama-diplopro-cta * {
  box-sizing: border-box;
}

.iama-diplopro-page img,
.iama-diplopro-cta img {
  display: block;
  width: 100%;
}

.iama-diplopro-page a,
.iama-diplopro-cta a {
  text-decoration: none;
}

.iama-diplopro-page h2,
.iama-diplopro-page h3,
.iama-diplopro-page strong,
.iama-diplopro-cta h2 {
  margin: 0;
  font-family: "Outfit", sans-serif;
}

.iama-diplopro-page p,
.iama-diplopro-cta p {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4em;
  color: #000;
}

.iama-diplopro-page h2,
.iama-diplopro-cta h2 {
  font-size: 60px;
  font-weight: 700;
  line-height: 0.98;
  letter-spacing: -0.6px;
  color: #101828;
}

.iama-diplopro-page h2 span,
.iama-diplopro-cta h2 span {
  color: #00287d;
}

.iama-diplopro-label {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  width: max-content;
  max-width: 100%;
  padding: 9px 14px;
  border-radius: 999px;
  background: #ffc63b;
  color: #00287d;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

/* HERO */

.iama-diplopro-hero {
  padding: 62px 0;
  background:
    radial-gradient(circle at 8% 12%, rgba(255, 198, 59, 0.22), transparent 25%),
    linear-gradient(135deg, #f7faff 0%, #fff 60%, #fff8df 100%);
}

.iama-diplopro-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.96fr) minmax(0, 1.04fr);
  align-items: center;
  gap: 44px;
}

.iama-diplopro-hero-copy h2 {
  max-width: 760px;
  margin-top: 18px;
}

.iama-diplopro-hero-copy h2 span {
  position: relative;
  display: inline-block;
}

.iama-diplopro-hero-copy h2 span::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -7px;
  left: 0;
  height: 11px;
  border-radius: 20px;
  background: #ffc63b;
  opacity: 0.55;
  z-index: -1;
}

.iama-diplopro-hero-copy>p {
  max-width: 620px;
  margin-top: 20px;
}

.iama-diplopro-check-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 14px;
  margin-top: 20px;
}

.iama-diplopro-check-grid div {
  display: flex;
  align-items: center;
  gap: 9px;
  color: #000;
  font-size: 18px;
  font-weight: 600;
}

.iama-diplopro-check-grid i {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 27px;
  height: 27px;
  border-radius: 8px;
  background: #ffc63b;
  color: #00287d;
  font-size: 11px;
}

.iama-diplopro-primary-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  min-height: 54px;
  margin-top: 22px;
  padding: 14px 23px;
  border-radius: 14px;
  background: #00287d;
  color: #fff;
  font-size: 19px;
  font-weight: 800;
  box-shadow: 0 14px 28px rgba(0, 40, 125, 0.18);
  transition: transform 0.25s ease, background 0.25s ease;
    border-radius:50px;
}

.iama-diplopro-primary-btn:hover {
  transform: translateY(-3px);
  background: #001f63;
  color: #fff;
}

.iama-diplopro-hero-media {
  position: relative;
  min-height: 500px;
}

.iama-diplopro-hero-image {
  position: absolute;
  inset: 0 90px 44px 0;
  overflow: hidden;
  border-radius: 28px;
  box-shadow: 0 22px 54px rgba(0, 40, 125, 0.14);
}

.iama-diplopro-hero-image img,
.iama-diplopro-hero-mini img {
  height: 100%;
  object-fit: cover;
}

.iama-diplopro-hero-mini {
  position: absolute;
  top: 42px;
  right: 0;
  width: 175px;
  height: 215px;
  overflow: hidden;
  border: 7px solid #fff;
  border-radius: 22px;
  box-shadow: 0 16px 35px rgba(0, 40, 125, 0.16);
}

.iama-diplopro-hero-note {
  position: absolute;
  right: 28px;
  bottom: 0;
  left: 38px;
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 16px 18px;
  border-radius: 17px;
  background: #00287d;
  color: #fff;
  box-shadow: 0 17px 36px rgba(0, 40, 125, 0.24);
}

.iama-diplopro-hero-note>i {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 45px;
  height: 45px;
  border-radius: 13px;
  background: #ffc63b;
  color: #00287d;
  font-size: 18px;
}

.iama-diplopro-hero-note strong {
  display: block;
  color: #fff;
  font-size: 21px;
}

.iama-diplopro-hero-note span {
  display: block;
  margin-top: 3px;
  color: #fff;
  font-size: 18px;
}

/* BENEFITS */

.iama-diplopro-benefits {
  padding: 0 0 58px;
  background: #fff;
}

.iama-diplopro-benefit-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.iama-diplopro-benefit-grid article {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  align-items: center;
  gap: 14px;
  min-height: 150px;
  padding: 20px;
  border: 1px solid rgba(0, 40, 125, 0.12);
  border-radius: 17px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(0, 40, 125, 0.05);
}

.iama-diplopro-benefit-grid article>i {
  display: grid;
  place-items: center;
  width: 50px;
  height: 50px;
  border-radius: 14px;
  background: #ffc63b;
  color: #00287d;
  font-size: 18px;
}

.iama-diplopro-benefit-grid h3 {
  color: #000;
  font-size: 22px;
}

.iama-diplopro-benefit-grid p {
  margin-top: 5px;
  font-size: 18px;
}

/* COMMON HEADING */

.iama-diplopro-section-head {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(280px, 0.8fr);
  align-items: end;
  gap: 40px;
  margin-bottom: 28px;
}

.iama-diplopro-section-head h2 {
  max-width: 850px;
  margin-top: 16px;
}

.iama-diplopro-section-head>p {
  padding-bottom: 5px;
}

/* JOURNEY */

.iama-diplopro-journey {
  padding: 62px 0;
  background: #f4f7fc;
}

.iama-diplopro-journey-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr);
  align-items: stretch;
  gap: 22px;
}

.iama-diplopro-journey-image {
  min-height: 500px;
  overflow: hidden;
  border-radius: 24px;
}

.iama-diplopro-journey-image img {
  height: 600px;
  object-fit: cover;
  border-radius: 20px;
}

.iama-diplopro-journey-list {
  display: grid;
  gap: 12px;
}

.iama-diplopro-journey-list article {
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr);
  align-items: center;
  gap: 15px;
  min-height: 116px;
  padding: 17px;
  border: 1px solid rgba(0, 40, 125, 0.12);
  border-radius: 16px;
  background: #fff;
}

.iama-diplopro-journey-list article>i {
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  border-radius: 15px;
  background: #00287d;
  color: #fff;
  font-size: 18px;
}

.iama-diplopro-journey-list h3 {
  color: #000;
  font-size: 25px;
}

.iama-diplopro-journey-list p {
  margin-top: 5px;
  font-size: 18px;
}

/* Programmes */

.iama-diplopro-Programmes {
  padding: 62px 0;
  background: #fff;
}

.iama-diplopro-program-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 16px;
}

/* First row: 3 cards */
.iama-diplopro-program-card:nth-child(-n + 3) {
  grid-column: span 4;
}

/* Second row: 4 cards */
.iama-diplopro-program-card:nth-child(n + 4) {
  grid-column: span 3;
}

.iama-diplopro-program-card {
  display: grid;
  grid-template-rows: 250px 1fr;
  overflow: hidden;
  border: 1px solid rgba(0, 40, 125, 0.12);
  border-radius: 20px;
  background: #fff;
  color: #000;
  box-shadow: 0 9px 25px rgba(0, 40, 125, 0.05);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.iama-diplopro-program-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 18px 38px rgba(0, 40, 125, 0.12);
}

.iama-diplopro-program-image {
  position: relative;
  overflow: hidden;
  background: #00287d;
}

.iama-diplopro-program-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.45s ease, opacity 0.45s ease;
}

.iama-diplopro-program-card:hover .iama-diplopro-program-image img {
  transform: scale(1.06);
  opacity: 0.84;
}


.iama-diplopro-program-image>i {
  position: absolute;
  right: 16px;
  bottom: 16px;
  z-index: 2;
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: 14px;
  background: #ffc63b;
  color: #00287d;
  font-size: 19px;
}

.iama-diplopro-program-content {
  display: flex;
  flex-direction: column;
  padding: 22px 20px 19px;
}

.iama-diplopro-program-content h3 {
  color: #000;
  font-size: 25px;
  line-height: 1.15;
}

.iama-diplopro-program-content p {
  margin-top: 9px;
  font-size: 18px;
}

.iama-diplopro-program-content>span {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 17px;
  color: #00287d;
  font-size: 15px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

/* FLEXIBLE */

.iama-diplopro-flexible {
  padding: 62px 0;
  background: #00287d;
}

.iama-diplopro-flexible-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.78fr) minmax(0, 0.72fr) minmax(0, 0.9fr);
  align-items: stretch;
  gap: 20px;
}

.iama-diplopro-flexible-copy {
  align-self: center;
}

.iama-diplopro-flexible-copy h2 {
  margin-top: 17px;
  color: #fff;
  font-size: 48px;
}

.iama-diplopro-flexible-copy h2 span {
  color: #ffc63b;
}

.iama-diplopro-flexible-copy>p {
  margin-top: 17px;
  color: #fff;
}

.iama-diplopro-flexible-highlight {
  display: flex;
  align-items: center;
  gap: 13px;
  margin-top: 20px;
  padding: 15px;
  border: 1px solid #fff;
  border-radius: 15px;
}

.iama-diplopro-flexible-highlight>i {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 13px;
  background: #ffc63b;
  color: #00287d;
}

.iama-diplopro-flexible-highlight strong,
.iama-diplopro-flexible-highlight span {
  display: block;
  color: #fff;
}

.iama-diplopro-flexible-highlight span {
  margin-top: 3px;
  font-size: 18px;
}

.iama-diplopro-flexible-image {
  min-height: 430px;
  overflow: hidden;
  border-radius: 22px;
}

.iama-diplopro-flexible-image img {
  height: 100%;
  object-fit: cover;
}

.iama-diplopro-flexible-list {
  display: grid;
  gap: 12px;
}

.iama-diplopro-flexible-list article {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  align-items: center;
  gap: 13px;
  min-height: 98px;
  padding: 15px;
  border-radius: 15px;
  background: #fff;
}

.iama-diplopro-flexible-list i {
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  border-radius: 13px;
  background: #ffc63b;
  color: #00287d;
  font-size: 17px;
}

.iama-diplopro-flexible-list strong {
  color: #000;
  font-size: 25px;
}

/* CTA */

.iama-diplopro-cta {
  position: relative;
  padding: 74px 0;
  background: #00287d;
}

.iama-diplopro-cta-bg,
.iama-diplopro-cta-overlay {
  position: absolute;
  inset: 0;
}

.iama-diplopro-cta-bg img {
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.iama-diplopro-cta-overlay {
  background: linear-gradient(90deg, rgba(0, 24, 78, 0.97), rgba(0, 40, 125, 0.78));
}

.iama-diplopro-cta .container {
  position: relative;
  z-index: 2;
}

.iama-diplopro-cta-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(280px, 0.8fr);
  align-items: center;
  gap: 50px;
}

.iama-diplopro-cta-actions {
  display: grid;
  width: 100%;
  max-width: 380px;
  gap: 12px;
  justify-self: end;
}

.iama-diplopro-cta h2 {
  margin-top: 17px;
  color: #fff;
}

.iama-diplopro-cta h2 span {
  color: #ffc63b;
}

.iama-diplopro-cta p {
  max-width: 820px;
  margin-top: 18px;
  color: #fff;
}

.iama-diplopro-cta-actions {
  display: grid;
  gap: 12px;
}

.iama-diplopro-cta-actions a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 57px;
  padding: 15px 19px;
  border: 2px solid #ffc63b;
  border-radius: 14px;
  background: #ffc63b;
  color: #00287d;
  font-size: 15px;
  font-weight: 800;
  transition: transform 0.25s ease, background 0.25s ease, border-color 0.25s ease;
}

.iama-diplopro-cta-actions a:hover {
  transform: translateY(-3px);
  border-color: #fff;
  background: #fff;
  color: #00287d;
}

/* RESPONSIVE */

@media (max-width: 1199px) {

  .iama-diplopro-page h2,
  .iama-diplopro-cta h2 {
    font-size: 50px;
  }

  .iama-diplopro-program-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .iama-diplopro-flexible-grid {
    grid-template-columns: 1fr 1fr;
  }

  .iama-diplopro-flexible-list {
    grid-column: 1 / -1;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 991px) {

  .iama-diplopro-hero,
  .iama-diplopro-journey,
  .iama-diplopro-Programmes,
  .iama-diplopro-flexible {
    padding: 54px 0;
  }

  .iama-diplopro-hero-grid,
  .iama-diplopro-journey-grid,
  .iama-diplopro-flexible-grid,
  .iama-diplopro-cta-grid {
    grid-template-columns: 1fr;
  }

  .iama-diplopro-section-head {
    grid-template-columns: 1fr;
    gap: 15px;
  }

  .iama-diplopro-benefit-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .iama-diplopro-journey-image,
  .iama-diplopro-flexible-image {
    min-height: 390px;
  }

  .iama-diplopro-flexible-list {
    grid-column: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .iama-diplopro-cta-actions {
    max-width: 520px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {

  .iama-diplopro-page h2,
  .iama-diplopro-cta h2 {
    font-size: 40px;
    line-height: 1.02;
  }

  .iama-diplopro-page p,
  .iama-diplopro-cta p {
    font-size: 16px;
  }

  .iama-diplopro-hero-media {
    min-height: auto;
  }

  .iama-diplopro-hero-image {
    position: relative;
    inset: auto;
    height: 350px;
  }

  .iama-diplopro-hero-mini {
    top: 18px;
    right: 14px;
    width: 140px;
    height: 170px;
  }

  .iama-diplopro-hero-note {
    position: relative;
    right: auto;
    bottom: auto;
    left: auto;
    margin-top: 12px;
  }

  .iama-diplopro-check-grid,
  .iama-diplopro-benefit-grid,
  .iama-diplopro-program-grid,
  .iama-diplopro-flexible-list,
  .iama-diplopro-cta-actions {
    grid-template-columns: 1fr;
  }

  .iama-diplopro-program-card {
    min-height: 370px;
  }

  .iama-diplopro-journey-image,
  .iama-diplopro-flexible-image {
    min-height: 330px;
  }
}

@media (max-width: 480px) {

  .iama-diplopro-hero,
  .iama-diplopro-journey,
  .iama-diplopro-Programmes,
  .iama-diplopro-flexible,
  .iama-diplopro-cta {
    padding: 44px 0;
  }

  .iama-diplopro-page h2,
  .iama-diplopro-cta h2 {
    font-size: 34px;
  }

  .iama-diplopro-hero-image {
    height: 300px;
    border-radius: 22px;
  }

  .iama-diplopro-hero-mini {
    width: 112px;
    height: 135px;
    border-width: 5px;
  }

  .iama-diplopro-benefit-grid article,
  .iama-diplopro-journey-list article,
  .iama-diplopro-flexible-list article {
    min-height: auto;
  }

  .iama-diplopro-journey-list article {
    grid-template-columns: 1fr;
  }

  .iama-diplopro-cta-actions a {
    width: 100%;
  }
}


/* =====================================================
IAMA ONLINE Programmes
Unique CSS Prefix: iama-onlinova-
===================================================== */

.iama-onlinova-page,
.iama-onlinova-cta {
  overflow: hidden;
  font-family: "Inter", sans-serif;
  color: #000;
}

.iama-onlinova-page *,
.iama-onlinova-cta * {
  box-sizing: border-box;
}

.iama-onlinova-page img,
.iama-onlinova-cta img {
  display: block;
  width: 100%;
}

.iama-onlinova-page a,
.iama-onlinova-cta a {
  text-decoration: none;
}

.iama-onlinova-page h2,
.iama-onlinova-page h3,
.iama-onlinova-page h4,
.iama-onlinova-page strong,
.iama-onlinova-cta h2 {
  margin: 0;
  font-family: "Outfit", sans-serif;
}

.iama-onlinova-page p,
.iama-onlinova-cta p {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4em;
  color: #000;
}

.iama-onlinova-page h2,
.iama-onlinova-cta h2 {
  font-size: 60px;
  font-weight: 700;
  line-height: 0.98;
  letter-spacing: -0.6px;
  color: #101828;
}

.iama-onlinova-page h2 span,
.iama-onlinova-cta h2 span {
  color: #00287d;
}

.iama-onlinova-label {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  width: max-content;
  max-width: 100%;
  padding: 9px 14px;
  border-radius: 999px;
  background: #ffc63b;
  color: #00287d;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

/* HERO */

.iama-onlinova-hero {
  position: relative;
  padding: 220px 0 80px;
  background: #00287d;
}

.iama-onlinova-hero-media,
.iama-onlinova-hero-overlay {
  position: absolute;
  inset: 0;
}

.iama-onlinova-hero-media img {
  height: 100%;
  object-fit: cover;
}

.iama-onlinova-hero-overlay {
  background: linear-gradient(90deg, rgba(0, 24, 78, 0.97), rgba(0, 40, 125, 0.72));
}

.iama-onlinova-hero .container {
  position: relative;
  z-index: 2;
}

.iama-onlinova-hero-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(340px, 0.95fr);
  align-items: center;
  gap: 48px;
}

.iama-onlinova-hero-copy h2 {
  color: #fff;
}

.iama-onlinova-hero-copy h2 span {
  color: #ffc63b;
}

.iama-onlinova-hero-copy p {
  max-width: 660px;
  margin-top: 20px;
  color: #fff;
}

.iama-onlinova-hero-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  min-height: 54px;
  margin-top: 22px;
  padding: 14px 23px;
  border-radius: 14px;
  background: #ffc63b;
  color: #00287d;
  font-size: 20px;
  font-weight: 800;
  transition: transform 0.25s ease, background 0.25s ease;
}

.iama-onlinova-hero-btn:hover {
  transform: translateY(-3px);
  background: #fff;
  color: #00287d;
}

.iama-onlinova-hero-panel {
  padding: 24px;
  border: 1px solid #fff;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.10);
  backdrop-filter: blur(10px);
}

.iama-onlinova-panel-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #fff;
  font-size: 22px;
  font-weight: 800;
}

.iama-onlinova-panel-title i {
  color: #ffc63b;
}

.iama-onlinova-panel-features {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 20px;
}

.iama-onlinova-panel-features article {
  min-height: 118px;
  padding: 16px;
  border-radius: 15px;
  background: #fff;
}

.iama-onlinova-panel-features i {
  display: grid;
  place-items: center;
  width: 43px;
  height: 43px;
  border-radius: 13px;
  background: #ffc63b;
  color: #00287d;
  font-size: 17px;
}

.iama-onlinova-panel-features strong {
  display: block;
  margin-top: 16px;
  color: #000;
  font-size: 19px;
}

.iama-onlinova-panel-note {
  display: flex;
  align-items: center;
  gap: 13px;
  margin-top: 12px;
  padding: 15px;
  border-radius: 15px;
  background: #00287d;
  color: #fff;
}

.iama-onlinova-panel-note>i {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 45px;
  height: 45px;
  border-radius: 13px;
  background: #ffc63b;
  color: #00287d;
}

.iama-onlinova-panel-note strong,
.iama-onlinova-panel-note span {
  display: block;
  color: #fff;
  font-size: 19px;
}

.iama-onlinova-panel-note span {
  margin-top: 3px;
  font-size: 18px;
}

/* HIGHLIGHTS */

.iama-onlinova-highlights {
  padding: 0 0 58px;
  background: #fff;
}

.iama-onlinova-highlight-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  transform: translateY(-24px);
}

.iama-onlinova-highlight-grid article {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  align-items: center;
  gap: 14px;
  min-height: 148px;
  padding: 20px;
  border: 1px solid rgba(0, 40, 125, 0.12);
  border-radius: 17px;
  background: #fff;
  box-shadow: 0 12px 30px rgba(0, 40, 125, 0.10);
}

.iama-onlinova-highlight-grid article>i {
  display: grid;
  place-items: center;
  width: 50px;
  height: 50px;
  border-radius: 14px;
  background: #ffc63b;
  color: #00287d;
  font-size: 18px;
}

.iama-onlinova-highlight-grid h3 {
  color: #000;
  font-size: 21px;
}

.iama-onlinova-highlight-grid p {
  margin-top: 5px;
  font-size: 18px;
}

/* COMMON HEAD */

.iama-onlinova-section-head {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(280px, 0.8fr);
  align-items: end;
  gap: 40px;
  margin-bottom: 28px;
}

.iama-onlinova-section-head h2 {
  max-width: 860px;
  margin-top: 16px;
}

.iama-onlinova-section-head>p {
  padding-bottom: 5px;
}

/* WORKFLOW */

.iama-onlinova-workflow {
  padding: 62px 0;
  background: #f4f7fc;
}

.iama-onlinova-workflow-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.iama-onlinova-workflow-grid article {
  min-height: 240px;
  padding: 22px;
  border-radius: 18px;
  background: #00287d;
}

.iama-onlinova-workflow-grid article>i {
  display: grid;
  place-items: center;
  width: 50px;
  height: 50px;
  border-radius: 14px;
  background: #ffc63b;
  color: #00287d;
  font-size: 18px;
}

.iama-onlinova-workflow-grid h3 {
  margin-top: 26px;
  color: #fff;
  font-size: 25px;
}

.iama-onlinova-workflow-grid p {
  margin-top: 9px;
  color: #fff;
  font-size: 18px;
}

/* PROGRAM DIRECTORY */

.iama-onlinova-Programmes {
  padding: 62px 0;
  background: #fff;
}

.iama-onlinova-Programmes-head {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(300px, 0.8fr);
  align-items: end;
  gap: 40px;
  margin-bottom: 30px;
}

.iama-onlinova-Programmes-head h2 {
  margin-top: 16px;
}

.iama-onlinova-Programmes-note {
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 17px;
  border-radius: 16px;
  background: #ffc63b;
}

.iama-onlinova-Programmes-note>i {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 46px;
  height: 46px;
  border-radius: 13px;
  background: #00287d;
  color: #fff;
}

.iama-onlinova-Programmes-note strong,
.iama-onlinova-Programmes-note span {
  display: block;
  color: #000;
  font-size: 20px;
}

.iama-onlinova-Programmes-note span {
  margin-top: 3px;
  font-size: 18px;
}

.iama-onlinova-program-group {
  padding: 28px;
  border-radius: 24px;
  background: #f4f7fc;
}

.iama-onlinova-program-group+.iama-onlinova-program-group {
  margin-top: 20px;
}

.iama-onlinova-program-group-head {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 20px;
}

.iama-onlinova-program-group-icon {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 56px;
  height: 56px;
  border-radius: 16px;
  background: #ffc63b;
  color: #00287d;
  font-size: 20px;
}

.iama-onlinova-program-group-head span {
  display: block;
  color: #00287d;
  font-size: 18px;
  font-weight: 800;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.iama-onlinova-program-group-head h3 {
  margin-top: 3px;
  color: #000;
  font-size: 32px;
}

.iama-onlinova-course-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.iama-onlinova-course-card {
  position: relative;
  display: flex;
  min-height: 190px;
  flex-direction: column;
  padding: 21px;
  overflow: hidden;
  border: 1px solid rgba(0, 40, 125, 0.12);
  border-radius: 18px;
  background: #fff;
  color: #000;
  box-shadow: 0 8px 22px rgba(0, 40, 125, 0.05);
  transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
}

.iama-onlinova-course-card::after {
  content: "";
  position: absolute;
  right: -38px;
  bottom: -38px;
  width: 110px;
  height: 110px;
  border-radius: 50%;
  background: #ffc63b;
  transition: transform 0.3s ease;
}

.iama-onlinova-course-card:hover {
  transform: translateY(-5px);
  background: #00287d;
  box-shadow: 0 18px 36px rgba(0, 40, 125, 0.14);
}

.iama-onlinova-course-card:hover::after {
  transform: scale(1.15);
}

.iama-onlinova-course-card>i {
  position: relative;
  z-index: 2;
  display: grid;
  place-items: center;
  width: 47px;
  height: 47px;
  border-radius: 14px;
  background: #ffc63b;
  color: #00287d;
  font-size: 18px;
}

.iama-onlinova-course-card h4 {
  position: relative;
  z-index: 2;
  margin-top: 24px;
  color: #000;
  font-size: 27px;
  line-height: 1.18;
}

.iama-onlinova-course-card>span {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 14px;
  color: #00287d;
  font-size: 18px;
  font-weight: 800;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.iama-onlinova-course-card:hover h4,
.iama-onlinova-course-card:hover>span {
  color: #fff;
}

/* SUPPORT */

.iama-onlinova-support {
  position: relative;
  padding: 66px 0;
  background: #00287d;
}

.iama-onlinova-support-media,
.iama-onlinova-support-overlay {
  position: absolute;
  inset: 0;
}

.iama-onlinova-support-media img {
  height: 100%;
  object-fit: cover;
}

.iama-onlinova-support-overlay {
  background: linear-gradient(90deg, rgba(0, 24, 78, 0.97), rgba(0, 40, 125, 0.78));
}

.iama-onlinova-support .container {
  position: relative;
  z-index: 2;
}

.iama-onlinova-support-layout {
  display: grid;
  grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr);
  align-items: center;
  gap: 44px;
}

.iama-onlinova-support-copy h2 {
  margin-top: 17px;
  color: #fff;
}

.iama-onlinova-support-copy h2 span {
  color: #ffc63b;
}

.iama-onlinova-support-copy p {
  margin-top: 18px;
  color: #fff;
}

.iama-onlinova-support-grid {
  display: grid;
  gap: 12px;
}

.iama-onlinova-support-grid article {
  display: grid;
  grid-template-columns: 50px minmax(0, 1fr);
  align-items: center;
  gap: 14px;
  min-height: 112px;
  padding: 16px;
  border-radius: 16px;
  background: #fff;
}

.iama-onlinova-support-grid article>i {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: 14px;
  background: #ffc63b;
  color: #00287d;
}

.iama-onlinova-support-grid h3 {
  color: #000;
  font-size: 25px;
}

.iama-onlinova-support-grid p {
  margin-top: 4px;
  font-size: 18px;
}

.iama-onlinova-support-note {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  gap: 13px;
  max-width: 560px;
  padding: 15px;
  border: 1px solid #fff;
  border-radius: 15px;
  color: #fff;
}

.iama-onlinova-support-note>i {
  color: #ffc63b;
}

.iama-onlinova-support-note strong,
.iama-onlinova-support-note span {
  display: block;
  color: #fff;
}

.iama-onlinova-support-note span {
  margin-top: 3px;
  font-size: 13px;
}

/* CTA */

.iama-onlinova-cta {
  position: relative;
  padding: 72px 0;
  background: #00287d;
}

.iama-onlinova-cta-bg,
.iama-onlinova-cta-overlay {
  position: absolute;
  inset: 0;
}

.iama-onlinova-cta-bg img {
  height: 100%;
  object-fit: cover;
}

.iama-onlinova-cta-overlay {
  background: linear-gradient(90deg, rgba(0, 24, 78, 0.97), rgba(0, 40, 125, 0.76));
}

.iama-onlinova-cta .container {
  position: relative;
  z-index: 2;
}

.iama-onlinova-cta-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(300px, 0.8fr);
  align-items: center;
  gap: 50px;
}

.iama-onlinova-cta-actions {
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: 100%;
  max-width: 340px;
  justify-self: end;
  /* Moves buttons to right */
  align-self: center;
}

.iama-onlinova-cta h2 {
  margin-top: 17px;
  color: #fff;
}

.iama-onlinova-cta h2 span {
  color: #ffc63b;
}

.iama-onlinova-cta p {
  max-width: 820px;
  margin-top: 18px;
  color: #fff;
}



.iama-onlinova-cta-actions a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 57px;
  padding: 15px 19px;
  border: 2px solid #ffc63b;
  border-radius: 14px;
  background: #ffc63b;
  color: #00287d;
  font-size: 15px;
  font-weight: 800;
  transition: transform 0.25s ease, background 0.25s ease, border-color 0.25s ease;
}

.iama-onlinova-cta-actions a:hover {
  transform: translateY(-3px);
  border-color: #fff;
  background: #fff;
  color: #00287d;
}

/* RESPONSIVE */

@media (max-width: 1199px) {

  .iama-onlinova-page h2,
  .iama-onlinova-cta h2 {
    font-size: 50px;
  }

  .iama-onlinova-course-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 991px) {

  .iama-onlinova-hero,
  .iama-onlinova-workflow,
  .iama-onlinova-Programmes,
  .iama-onlinova-support {
    padding: 54px 0;
  }

  .iama-onlinova-hero-layout,
  .iama-onlinova-support-layout,
  .iama-onlinova-cta-grid {
    grid-template-columns: 1fr;
  }

  .iama-onlinova-section-head,
  .iama-onlinova-Programmes-head {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .iama-onlinova-highlight-grid,
  .iama-onlinova-workflow-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .iama-onlinova-course-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .iama-onlinova-cta-actions {
    max-width: 520px;
    justify-self: start;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {

  .iama-onlinova-page h2,
  .iama-onlinova-cta h2 {
    font-size: 40px;
    line-height: 1.02;
  }

  .iama-onlinova-page p,
  .iama-onlinova-cta p {
    font-size: 16px;
  }

  .iama-onlinova-panel-features,
  .iama-onlinova-highlight-grid,
  .iama-onlinova-workflow-grid,
  .iama-onlinova-course-grid,
  .iama-onlinova-cta-actions {
    grid-template-columns: 1fr;
  }

  .iama-onlinova-program-group {
    padding: 22px;
  }

  .iama-onlinova-course-card {
    min-height: 175px;
  }
}

@media (max-width: 480px) {

  .iama-onlinova-hero,
  .iama-onlinova-workflow,
  .iama-onlinova-Programmes,
  .iama-onlinova-support,
  .iama-onlinova-cta {
    padding: 44px 0;
  }

  .iama-onlinova-page h2,
  .iama-onlinova-cta h2 {
    font-size: 34px;
  }

  .iama-onlinova-hero-panel {
    padding: 18px;
  }

  .iama-onlinova-program-group {
    padding: 18px;
    border-radius: 20px;
  }

  .iama-onlinova-program-group-head h3 {
    font-size: 28px;
  }
}

/* =========================================================
   IAMA ACADEMIC NOVA
   Simple Modern Academic Calendar & Handbooks
   Uses existing .container class
========================================================= */

.iama-acadnova-page,
.iama-acadnova-page section {
  position: relative;
  overflow: hidden;
}

.iama-acadnova-page *,
.iama-acadnova-page *::before,
.iama-acadnova-page *::after {
  box-sizing: border-box;
}

.iama-acadnova-page h2 {
  margin: 0;
  font-family: "Outfit", sans-serif;
  font-size: 45px;
  font-weight: 600;
  line-height: 1.05;
  letter-spacing: -0.6px;
  color: #000;
}

.iama-acadnova-page h2 strong {
  color: #00287d;
  font-weight: 600;
}

.iama-acadnova-page h3 {
  margin: 0;
  font-family: "Outfit", sans-serif;
  font-size: 25px;
  font-weight: 600;
  line-height: 1.18;
  color: #000;
}

.iama-acadnova-page p {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4em;
  color: #000;
}

.iama-acadnova-label {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #00287d;
}

.iama-acadnova-label i {
  color: #ffc63b;
}

.iama-acadnova-label-light {
  color: #fff;
}

/* HERO */

.iama-acadnova-hero {
  padding: 80px 0 70px;
  background: #fff;
}

.iama-acadnova-hero-wrap {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  gap: 64px;
  align-items: center;
}

.iama-acadnova-hero-content h2 {
  margin-bottom: 24px;
}

.iama-acadnova-hero-content p {
  max-width: 700px;
}

.iama-acadnova-btn {
  display: inline-flex;
  align-items: center;
  gap: 13px;
  min-height: 56px;
  margin-top: 30px;
  padding: 0 22px;
  font-family: "Inter", sans-serif;
  font-size: 19px;
  font-weight: 700;
  text-decoration: none;
  color: #fff;
  background: #00287d;
  transition: transform 0.35s ease, background 0.35s ease, color 0.35s ease;
  border-radius: 50px;
}

.iama-acadnova-btn:hover {
  transform: translateY(-4px);
  color: #00287d;
  background: #ffc63b;
}

.iama-acadnova-hero-visual {
  position: relative;
  min-height: 500px;
}

.iama-acadnova-hero-image {
  position: absolute;
  top: 0;
  right: 0;
  width: 88%;
  height: 430px;
  overflow: hidden;
  border-radius: 22px;
}

.iama-acadnova-hero-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.65s ease;
}

.iama-acadnova-hero-visual:hover .iama-acadnova-hero-image img {
  transform: scale(1.05);
}

.iama-acadnova-hero-card {
  position: absolute;
  left: 0;
  bottom: 0;
  max-width: 420px;
  padding: 26px;
  background: #ffc63b;
  box-shadow: 0 18px 38px rgba(0, 40, 125, 0.16);
}

.iama-acadnova-hero-card>span {
  display: block;
  margin-bottom: 10px;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  color: #00287d;
}

.iama-acadnova-hero-card h3 {
  margin-bottom: 10px;
  font-size: 25px;
}

.iama-acadnova-hero-card p {
  font-size: 18px;
}

.iama-acadnova-hero-points {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-top: 58px;
}

.iama-acadnova-hero-points article {
  padding: 24px;
  border-radius: 18px;
  background: #00287d;
  transition: transform 0.35s ease, background 0.35s ease;
}

.iama-acadnova-hero-points article:hover {
  transform: translateY(-7px);
  background: #ffc63b;
}

.iama-acadnova-hero-points i {
  margin-bottom: 22px;
  font-size: 27px;
  color: #ffc63b;
}

.iama-acadnova-hero-points h3 {
  margin-bottom: 9px;
  font-size: 25px;
  color: #fff;
}

.iama-acadnova-hero-points p {
  font-size: 18px;
  color: #fff;
}

.iama-acadnova-hero-points article:hover i,
.iama-acadnova-hero-points article:hover h3,
.iama-acadnova-hero-points article:hover p {
  color: #00287d;
}

/* RESOURCES */

.iama-acadnova-resources {
  padding: 76px 0;
  background: #ffc63b;
}

.iama-acadnova-heading {
  max-width: 920px;
  margin-bottom: 40px;
}

.iama-acadnova-heading h2 {
  margin-bottom: 20px;
}

.iama-acadnova-resource-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.iama-acadnova-resource-card {
  min-height: 350px;
  padding: 26px;
  border-radius: 18px;
  text-decoration: none;
  background: #fff;
  transition: transform 0.35s ease, background 0.35s ease, box-shadow 0.35s ease;
}

.iama-acadnova-resource-card:hover {
  transform: translateY(-7px);
  background: #00287d;
  box-shadow: 0 20px 42px rgba(0, 40, 125, 0.16);
}

.iama-acadnova-resource-icon {
  display: grid;
  place-items: center;
  width: 62px;
  height: 62px;
  margin-bottom: 26px;
  border-radius: 50%;
  font-size: 24px;
  color: #fff;
  background: #00287d;
}

.iama-acadnova-resource-card>span {
  display: block;
  margin-bottom: 10px;
  font-family: "Inter", sans-serif;
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
  color: #00287d;
}

.iama-acadnova-resource-card h3 {
  margin-bottom: 12px;
  font-size: 25px;
}

.iama-acadnova-resource-card p {
  font-size: 18px;
}

.iama-acadnova-resource-card b {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-top: 22px;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  color: #00287d;
}

.iama-acadnova-resource-card:hover .iama-acadnova-resource-icon {
  color: #00287d;
  background: #ffc63b;
}

.iama-acadnova-resource-card:hover>span,
.iama-acadnova-resource-card:hover h3,
.iama-acadnova-resource-card:hover p,
.iama-acadnova-resource-card:hover b {
  color: #fff;
}

/* USE */

.iama-acadnova-use {
  padding: 76px 0;
  background: #fff;
}

.iama-acadnova-use-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  gap: 64px;
  align-items: center;
}

.iama-acadnova-use-image {
  overflow: hidden;
  border-radius: 22px;
}

.iama-acadnova-use-image img {
  width: 100%;
  height: 560px;
  object-fit: cover;
  transition: transform 0.65s ease;
}

.iama-acadnova-use-image:hover img {
  transform: scale(1.05);
}

.iama-acadnova-use-content h2 {
  margin-bottom: 22px;
}

.iama-acadnova-use-steps {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-top: 28px;
}

.iama-acadnova-use-steps article {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 14px;
  padding: 20px;
  border-radius: 16px;
  background: #ffc63b;
  transition: transform 0.35s ease, background 0.35s ease;
}

.iama-acadnova-use-steps article:hover {
  transform: translateY(-6px);
  background: #00287d;
}

.iama-acadnova-use-steps article>span {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  background: #00287d;
}

.iama-acadnova-use-steps h3 {
  margin-bottom: 8px;
  font-size: 25px;
}

.iama-acadnova-use-steps p {
  font-size: 18px;
}

.iama-acadnova-use-steps article:hover>span {
  color: #00287d;
  background: #ffc63b;
}

.iama-acadnova-use-steps article:hover h3,
.iama-acadnova-use-steps article:hover p {
  color: #fff;
}

/* GUIDANCE */

.iama-acadnova-guidance {
  padding: 76px 0;
  background: #00287d;
}

.iama-acadnova-guidance-head {
  max-width: 900px;
  margin-bottom: 38px;
}

.iama-acadnova-guidance-head .iama-acadnova-label,
.iama-acadnova-guidance-head h2 {
  color: #fff;
}

.iama-acadnova-guidance-head h2 strong {
  color: #ffc63b;
}

.iama-acadnova-guidance-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.iama-acadnova-guidance-grid article {
  padding: 26px;
  border-radius: 18px;
  background: #fff;
  transition: transform 0.35s ease, background 0.35s ease;
}

.iama-acadnova-guidance-grid article:hover {
  transform: translateY(-7px);
  background: #ffc63b;
}

.iama-acadnova-guidance-number {
  margin-bottom: 24px;
  font-family: "Outfit", sans-serif;
  font-size: 20px;
  color: #00287d;
}

.iama-acadnova-guidance-grid i {
  margin-bottom: 22px;
  font-size: 27px;
  color: #00287d;
}

.iama-acadnova-guidance-grid h3 {
  margin-bottom: 10px;
  font-size: 25px;
}

.iama-acadnova-guidance-grid p {
  font-size: 18px;
}

/* FAQ */

.iama-acadnova-faq {
  padding: 76px 0;
  background: #ffc63b;
}

.iama-acadnova-faq-layout {
  display: grid;
  grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr);
  gap: 64px;
  align-items: start;
}

.iama-acadnova-faq-copy {
  padding: 38px;
  border-radius: 20px;
  background: #00287d;
}

.iama-acadnova-faq-copy h2 {
  margin-bottom: 20px;
  color: #fff;
}

.iama-acadnova-faq-copy h2 strong {
  color: #ffc63b;
}

.iama-acadnova-faq-copy>p {
  color: #fff;
}

.iama-acadnova-faq-note {
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  margin-top: 28px;
  padding: 18px;
  background: #fff;
}

.iama-acadnova-faq-note>i {
  display: grid;
  place-items: center;
  width: 54px;
  height: 54px;
  border-radius: 50%;
  color: #fff;
  background: #00287d;
}

.iama-acadnova-faq-note h3 {
  margin-bottom: 6px;
  font-size: 25px;
  color: #00287d;
}

.iama-acadnova-faq-note p {
  font-size: 18px;
}

.iama-acadnova-accordion .accordion-item {
  margin-bottom: 14px;
  border: 0;
  border-radius: 16px;
  overflow: hidden;
  background: #fff;
}

.iama-acadnova-accordion .accordion-button {
  gap: 14px;
  padding: 22px 24px;
  border: 0;
  box-shadow: none;
  font-family: "Outfit", sans-serif;
  font-size: 25px;
  font-weight: 600;
  line-height: 1.2;
  color: #000;
  background: #fff;
}

.iama-acadnova-accordion .accordion-button:not(.collapsed) {
  color: #00287d;
  background: #fff;
}

.iama-acadnova-accordion .accordion-button>span {
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  background: #00287d;
}

.iama-acadnova-accordion .accordion-body {
  padding: 0 24px 24px 80px;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  line-height: 1.4em;
  color: #000;
  background: #fff;
}

/* RESPONSIVE */

@media (max-width: 1199px) {
  .iama-acadnova-page h2 {
    font-size: 50px;
  }

  .iama-acadnova-resource-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 991px) {
  .iama-acadnova-page h2 {
    font-size: 44px;
  }

  .iama-acadnova-hero-wrap,
  .iama-acadnova-use-grid,
  .iama-acadnova-faq-layout {
    grid-template-columns: 1fr;
  }

  .iama-acadnova-hero-visual {
    max-width: 760px;
  }

  .iama-acadnova-hero-points,
  .iama-acadnova-guidance-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {

  .iama-acadnova-hero,
  .iama-acadnova-resources,
  .iama-acadnova-use,
  .iama-acadnova-guidance,
  .iama-acadnova-faq {
    padding: 62px 0;
  }

  .iama-acadnova-page h2 {
    font-size: 38px;
  }

  .iama-acadnova-resource-grid,
  .iama-acadnova-hero-points,
  .iama-acadnova-use-steps,
  .iama-acadnova-guidance-grid {
    grid-template-columns: 1fr;
  }

  .iama-acadnova-hero-visual {
    min-height: 470px;
  }

  .iama-acadnova-hero-image {
    width: 92%;
    height: 370px;
  }

  .iama-acadnova-use-image img {
    height: 420px;
  }

  .iama-acadnova-faq-copy {
    padding: 32px 26px;
  }

  .iama-acadnova-accordion .accordion-button {
    padding: 20px 18px;
    font-size: 22px;
  }

  .iama-acadnova-accordion .accordion-body {
    padding: 0 18px 20px;
  }
}

@media (max-width: 575px) {
  .iama-acadnova-page h2 {
    font-size: 34px;
    line-height: 1.08;
  }

  .iama-acadnova-hero-visual {
    min-height: 430px;
  }

  .iama-acadnova-hero-image {
    width: 100%;
    height: 320px;
  }

  .iama-acadnova-hero-card {
    left: 14px;
    right: 14px;
    max-width: none;
    padding: 22px;
  }

  .iama-acadnova-resource-card,
  .iama-acadnova-guidance-grid article {
    min-height: auto;
  }

  .iama-acadnova-use-image img {
    height: 340px;
  }

  .iama-acadnova-use-steps article {
    grid-template-columns: 1fr;
  }
}

/* =========================================================
   IAMA ENQUIRY HUB
   Complete Modern Enquiry Form Redesign
   Uses existing .container class
========================================================= */

.iama-enquiryhub-page,
.iama-enquiryhub-page section {
  position: relative;
  overflow: hidden;
}

.iama-enquiryhub-page *,
.iama-enquiryhub-page *::before,
.iama-enquiryhub-page *::after {
  box-sizing: border-box;
}

.iama-enquiryhub-page h2 {
  margin: 0;
  font-family: "Outfit", sans-serif;
  font-size: 60px;
  font-weight: 600;
  line-height: 1.05;
  letter-spacing: -0.6px;
  color: #000;
}

.iama-enquiryhub-page h2 strong {
  color: #00287d;
  font-weight: 600;
}

.iama-enquiryhub-page h3 {
  margin: 0;
  font-family: "Outfit", sans-serif;
  font-size: 25px;
  font-weight: 600;
  line-height: 1.18;
  color: #000;
}

.iama-enquiryhub-page p {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4em;
  color: #000;
}

.iama-enquiryhub-label {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #00287d;
}

.iama-enquiryhub-label i {
  color: #ffc63b;
}

.iama-enquiryhub-label-light {
  color: #fff;
}

/* =========================================================
   MAIN SECTION
========================================================= */

.iama-enquiryhub-main {
  padding: 80px 0;
  background: #fff;
}

.iama-enquiryhub-main::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 42%;
  height: 100%;
  background: #dfe9ff;
}

.iama-enquiryhub-main-grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 0.78fr) minmax(0, 1.22fr);
  gap: 58px;
  align-items: start;
}

/* =========================================================
   LEFT INTRO
========================================================= */

.iama-enquiryhub-intro {
  padding-top: 20px;
}

.iama-enquiryhub-intro h2 {
  margin-bottom: 24px;
}

.iama-enquiryhub-intro>p {
  max-width: 670px;
}

.iama-enquiryhub-intro-image {
  position: relative;
  margin-top: 32px;
  overflow: hidden;
  border-radius: 22px;
}

.iama-enquiryhub-intro-image img {
  display: block;
  width: 100%;
  height: 620px;
  object-fit: cover;
  transition: transform 0.65s ease;
}

.iama-enquiryhub-intro-image:hover img {
  transform: scale(1.05);
}

.iama-enquiryhub-image-caption {
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 18px;
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  padding: 17px 18px;
  background: #ffc63b;
}

.iama-enquiryhub-image-caption>i {
  display: grid;
  place-items: center;
  width: 54px;
  height: 54px;
  border-radius: 50%;
  font-size: 21px;
  color: #fff;
  background: #00287d;
}

.iama-enquiryhub-image-caption h3 {
  margin-bottom: 5px;
  font-size: 20px;
  color: #00287d;
}

.iama-enquiryhub-image-caption p {
  font-size: 14px;
}

.iama-enquiryhub-intro-points {
  display: grid;
  gap: 12px;
  margin-top: 26px;
}

.iama-enquiryhub-intro-points article {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 14px;
  align-items: start;
  padding: 18px;
  border: 1px solid #c7c7c7;
  background: #fff;
  transition:
    transform 0.35s ease,
    background 0.35s ease,
    color 0.35s ease;
        border-radius:50px;
}

.iama-enquiryhub-intro-points article:hover {
  transform: translateX(7px);
  background: #ffc63b;
}

.iama-enquiryhub-intro-points article>span {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  font-family: "Outfit", sans-serif;
  font-size: 17px;
  color: #fff;
  background: #00287d;
}

.iama-enquiryhub-intro-points h3 {
  margin-bottom: 6px;
  font-size: 20px;
}

.iama-enquiryhub-intro-points p {
  font-size: 14px;
}

/* =========================================================
   FORM PANEL
========================================================= */

.iama-enquiryhub-form-panel {
  position: relative;
  padding: 38px;
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.18);
}

.iama-enquiryhub-form-panel::before {
  content: "";
  position: absolute;
  top: 0;
  left: 38px;
  right: 38px;
  height: 6px;
  background: #ffc63b;
}

.iama-enquiryhub-form-heading {
  display: grid;
  grid-template-columns: 66px minmax(0, 1fr);
  gap: 17px;
  align-items: center;
  margin-bottom: 30px;
  padding-bottom: 25px;
  border-bottom: 1px solid #000;
}

.iama-enquiryhub-form-icon {
  display: grid;
  place-items: center;
  width: 66px;
  height: 66px;
  border-radius: 50%;
  font-size: 24px;
  color: #00287d;
  background: #ffc63b;
}

.iama-enquiryhub-form-heading>div:last-child>span {
  display: block;
  margin-bottom: 5px;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  color: #00287d;
}

.iama-enquiryhub-form-heading h3 {
  margin-bottom: 5px;
  font-size: 25px;
}

.iama-enquiryhub-form-heading p {
  font-size: 17px;
}

/* =========================================================
   FORM GROUPS
========================================================= */

.iama-enquiryhub-form {
  display: grid;
  gap: 22px;
}

.iama-enquiryhub-form-group {
  padding: 24px;
  border: 1px solid #c7c7c7;
  border-radius: 18px;
  background: #fff;
}

/* Only qualification field */
.iama-enquiryhub-input input#enquiryHubQualification {
padding: 0 48px 0 18px;
}

.iama-enquiryhub-form-group-head {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 13px;
  align-items: center;
  margin-bottom: 22px;
}

.iama-enquiryhub-form-group-head>span {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #fff;
  background: #00287d;
}

.iama-enquiryhub-form-group-head h3 {
  margin-bottom: 4px;
  font-size: 20px;
}

.iama-enquiryhub-form-group-head p {
  font-size: 17px;
}

.iama-enquiryhub-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.iama-enquiryhub-field label {
  display: block;
  margin-bottom: 9px;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: #000;
}

.iama-enquiryhub-input {
  position: relative;
}

.iama-enquiryhub-input>i {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 17px;
  transform: translateY(-50%);
  font-size: 15px;
  color: #00287d;
  pointer-events: none;
}

.iama-enquiryhub-input input,
.iama-enquiryhub-input select,
.iama-enquiryhub-input .nice-select,
.iama-enquiryhub-input textarea {
  display: block;
  width: 100%;
  margin: 0;
  border: 1px solid #c7c7c7;
  border-radius: 10px;
  outline: 0;
  font-family: "Inter", sans-serif;
  font-size: 15px;
  font-weight: 400;
  color: #000;
  background: #fff;
  transition:
    border-color 0.3s ease,
    box-shadow 0.3s ease,
    background 0.3s ease;
}

/* Nice Select Wrapper */
.iama-enquiryhub-input {
  position: relative;
  width: 100%;
}

/* Main Nice Select Field */
.iama-enquiryhub-input .nice-select {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 56px;
  padding: 0 48px 0 18px;
  border: 1px solid #d8dee9;
  border-radius: 10px;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  color: #101828;
  background: #fff;
  cursor: pointer;
  outline: none;
  box-shadow: none;
  transition:
    border-color 0.3s ease,
    box-shadow 0.3s ease,
    background 0.3s ease;
}

/* Hover */
.iama-enquiryhub-input .nice-select:hover {
  border-color: #00287d;
}

/* Focus / Open State */
.iama-enquiryhub-input .nice-select:focus,
.iama-enquiryhub-input .nice-select.open {
  border-color: #00287d;
  box-shadow: 0 0 0 4px rgba(0, 40, 125, 0.1);
}

/* Current Selected Text */
.iama-enquiryhub-input .nice-select .current {
  display: block;
  width: 100%;
  overflow: hidden;
  color: #101828;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* Dropdown Arrow */
.iama-enquiryhub-input .nice-select::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  width: 9px;
  height: 9px;
  margin-top: -6px;
  border-right: 2px solid #00287d;
  border-bottom: 2px solid #00287d;
  transform: rotate(45deg);
  pointer-events: none;
  transition: transform 0.3s ease;
}

/* Arrow When Dropdown Is Open */
.iama-enquiryhub-input .nice-select.open::after {
  margin-top: -2px;
  transform: rotate(225deg);
}

/* Dropdown List */
.iama-enquiryhub-input .nice-select .list {
  position: absolute;
  z-index: 9999;
  top: calc(100% + 8px);
  left: 0;
  display: block;
  width: 100%;
  max-height: 260px;
  margin: 0;
  padding: 8px;
  overflow-y: auto;
  border: 1px solid #e1e6ef;
  border-radius: 10px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-8px);
  list-style: none;
  background: #fff;
  box-shadow: 0 18px 40px rgba(16, 24, 40, 0.14);
  transition:
    opacity 0.25s ease,
    visibility 0.25s ease,
    transform 0.25s ease;
}

/* Show Dropdown */
.iama-enquiryhub-input .nice-select.open .list {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* Dropdown Options */
.iama-enquiryhub-input .nice-select .option {
  display: flex;
  align-items: center;
  min-height: 44px;
  padding: 10px 13px;
  border-radius: 7px;
  font-family: "Inter", sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.3;
  color: #101828;
  cursor: pointer;
  transition:
    color 0.25s ease,
    background 0.25s ease;
}

/* Option Hover and Focus */
.iama-enquiryhub-input .nice-select .option:hover,
.iama-enquiryhub-input .nice-select .option.focus {
  color: #00287d;
  background: #f1f5ff;
}

/* Selected Option */
.iama-enquiryhub-input .nice-select .option.selected {
  font-weight: 700;
  color: #00287d;
  background: #fff4cf;
}

/* Selected + Focused Option */
.iama-enquiryhub-input .nice-select .option.selected.focus {
  color: #00287d;
  background: #ffc63b;
}

/* Scrollbar */
.iama-enquiryhub-input .nice-select .list::-webkit-scrollbar {
  width: 7px;
}

.iama-enquiryhub-input .nice-select .list::-webkit-scrollbar-track {
  border-radius: 10px;
  background: #f1f3f6;
}

.iama-enquiryhub-input .nice-select .list::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #00287d;
}

/* Prevent Dropdown From Going Behind Other Sections */
.iama-enquiryhub-input,
.iama-enquiryhub-input .nice-select {
  overflow: visible;
}

/* Responsive */
@media (max-width: 767px) {
  .iama-enquiryhub-input .nice-select {
    min-height: 52px;
    padding-right: 44px;
    padding-left: 15px;
    font-size: 15px;
  }

  .iama-enquiryhub-input .nice-select::after {
    right: 17px;
  }

  .iama-enquiryhub-input .nice-select .option {
    min-height: 42px;
    padding: 9px 11px;
    font-size: 14px;
  }
}

@media (max-width: 575px) {
  .iama-enquiryhub-input .nice-select {
    min-height: 50px;
    border-radius: 8px;
  }

  .iama-enquiryhub-input .nice-select .list {
    max-height: 220px;
    border-radius: 8px;
  }
}

.iama-enquiryhub-input input,
.iama-enquiryhub-input select {
  padding: 0 16px 0 46px;
}

.iama-enquiryhub-input textarea {
  min-height: 145px;
  padding: 16px 16px 16px 46px;
  resize: vertical;
}

.iama-enquiryhub-input input::placeholder,
.iama-enquiryhub-input textarea::placeholder {
  color: #000;
  opacity: 0.65;
}

.iama-enquiryhub-input input:hover,
.iama-enquiryhub-input select:hover,
.iama-enquiryhub-input textarea:hover {
  border-color: #00287d;
}

.iama-enquiryhub-input input:focus,
.iama-enquiryhub-input select:focus,
.iama-enquiryhub-input textarea:focus {
  border-color: #00287d;
  box-shadow: 0 0 0 4px rgba(0, 40, 125, 0.1);
  background: #fff;
}

.iama-enquiryhub-textarea>i {
  top: 20px;
  transform: none;
}

.iama-enquiryhub-field-full {
  width: 100%;
}

/* =========================================================
   CONSENT
========================================================= */

.iama-enquiryhub-consent {
  display: grid;
  grid-template-columns: 20px 28px minmax(0, 1fr);
  gap: 11px;
  align-items: start;
  padding: 17px 18px;
  cursor: pointer;
  background: #ffc63b;
}

.iama-enquiryhub-consent input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.iama-enquiryhub-consent-box {
  grid-column: 1 / span 2;
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border: 2px solid #00287d;
  color: transparent;
  background: #fff;
  transition:
    color 0.25s ease,
    background 0.25s ease;
}

.iama-enquiryhub-consent input:checked+.iama-enquiryhub-consent-box {
  color: #fff;
  background: #00287d;
}

.iama-enquiryhub-consent>span:last-child {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.45;
  color: #000;
}

/* =========================================================
   SUBMIT
========================================================= */

.iama-enquiryhub-submit-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 18px;
}

.iama-enquiryhub-submit {
  position: relative;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 13px;
  min-width: 190px;
  min-height: 58px;
  padding: 0 24px;
  border: 0;
  cursor: pointer;
  font-family: "Inter", sans-serif;
  font-size: 19px;
  font-weight: 700;
  color: #fff;
  background: #00287d;
  transition:
    transform 0.35s ease,
    background 0.35s ease,
    color 0.35s ease,
    box-shadow 0.35s ease;
    
    border-radius:50px;
}

.iama-enquiryhub-submit::before {
  content: "";
  position: absolute;
  top: 0;
  left: -120%;
  width: 70%;
  height: 100%;
  transform: skewX(-22deg);
  background: rgba(255, 255, 255, 0.4);
  transition: left 0.6s ease;
}

.iama-enquiryhub-submit:hover::before {
  left: 150%;
}

.iama-enquiryhub-submit:hover {
  transform: translateY(-4px);
  color: #00287d;
  background: #ffc63b;
  box-shadow: 0 16px 34px rgba(0, 40, 125, 0.2);
}

.iama-enquiryhub-submit i {
  transition: transform 0.35s ease;
}

.iama-enquiryhub-submit:hover i {
  transform: translateX(5px);
}

.iama-enquiryhub-submit-wrap>p {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  max-width: 330px;
  font-size: 16px;
}

.iama-enquiryhub-submit-wrap>p i {
  color: #00287d;
}

/* =========================================================
   SUPPORT SECTION
========================================================= */

.iama-enquiryhub-support {
  padding: 76px 0;
  background: #00287d;
}

.iama-enquiryhub-support-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 430px;
  gap: 55px;
  align-items: end;
  margin-bottom: 38px;
}

.iama-enquiryhub-support-head h2 {
  color: #fff;
}

.iama-enquiryhub-support-head h2 strong {
  color: #ffc63b;
}

.iama-enquiryhub-support-head>p {
  color: #fff;
}

.iama-enquiryhub-support-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.iama-enquiryhub-support-grid article {
  min-height: 290px;
  padding: 24px;
  border-radius: 18px;
  background: #fff;
  transition:
    transform 0.35s ease,
    background 0.35s ease,
    box-shadow 0.35s ease;
}

.iama-enquiryhub-support-grid article:hover {
  transform: translateY(-7px);
  background: #ffc63b;
  box-shadow: 0 20px 42px rgba(0, 0, 0, 0.2);
}

.iama-enquiryhub-support-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 34px;
}

.iama-enquiryhub-support-top i {
  display: grid;
  place-items: center;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  font-size: 23px;
  color: #fff;
  background: #00287d;
  transition:
    transform 0.35s ease,
    color 0.35s ease,
    background 0.35s ease;
}

.iama-enquiryhub-support-top span {
  font-family: "Outfit", sans-serif;
  font-size: 18px;
  color: #00287d;
}

.iama-enquiryhub-support-grid article:hover .iama-enquiryhub-support-top i {
  transform: rotate(-8deg) scale(1.07);
  color: #00287d;
  background: #fff;
}

.iama-enquiryhub-support-grid h3 {
  margin-bottom: 11px;
  font-size: 25px;
}

.iama-enquiryhub-support-grid p {
  font-size: 16px;
}

/* =========================================================
   ACCESSIBILITY
========================================================= */

.iama-enquiryhub-input input:focus-visible,
.iama-enquiryhub-input select:focus-visible,
.iama-enquiryhub-input textarea:focus-visible,
.iama-enquiryhub-submit:focus-visible,
.iama-enquiryhub-consent input:focus-visible+.iama-enquiryhub-consent-box {
  outline-offset: 3px;
}

/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 1199px) {
  .iama-enquiryhub-page h2 {
    font-size: 50px;
  }

  .iama-enquiryhub-main-grid {
    gap: 38px;
  }

  .iama-enquiryhub-form-panel {
    padding: 30px;
  }

  .iama-enquiryhub-support-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 991px) {
  .iama-enquiryhub-page h2 {
    font-size: 44px;
  }

  .iama-enquiryhub-main::before {
    display: none;
  }

  .iama-enquiryhub-main-grid,
  .iama-enquiryhub-support-head {
    grid-template-columns: 1fr;
  }

  .iama-enquiryhub-intro {
    max-width: 760px;
  }
}

@media (max-width: 767px) {

  .iama-enquiryhub-main,
  .iama-enquiryhub-support {
    padding: 62px 0;
  }

  .iama-enquiryhub-page h2 {
    font-size: 38px;
    letter-spacing: -0.4px;
  }

  .iama-enquiryhub-page p {
    font-size: 18px;
  }

  .iama-enquiryhub-fields,
  .iama-enquiryhub-support-grid {
    grid-template-columns: 1fr;
  }

  .iama-enquiryhub-form-panel {
    padding: 26px 22px;
    border-radius: 20px;
  }

  .iama-enquiryhub-form-panel::before {
    left: 22px;
    right: 22px;
  }

  .iama-enquiryhub-intro-image img {
    height: 350px;
  }

  .iama-enquiryhub-support-grid article {
    min-height: auto;
  }
}

@media (max-width: 575px) {
  .iama-enquiryhub-page h2 {
    font-size: 34px;
    line-height: 1.08;
  }

  .iama-enquiryhub-label {
    font-size: 12px;
    letter-spacing: 0.8px;
  }

  .iama-enquiryhub-intro-image img {
    height: 300px;
  }

  .iama-enquiryhub-image-caption {
    left: 12px;
    right: 12px;
    bottom: 12px;
    grid-template-columns: 44px minmax(0, 1fr);
    padding: 14px;
  }

  .iama-enquiryhub-image-caption>i {
    width: 44px;
    height: 44px;
  }

  .iama-enquiryhub-form-heading {
    grid-template-columns: 52px minmax(0, 1fr);
  }

  .iama-enquiryhub-form-icon {
    width: 52px;
    height: 52px;
    font-size: 20px;
  }

  .iama-enquiryhub-form-heading h3 {
    font-size: 22px;
  }

  .iama-enquiryhub-form-group {
    padding: 18px;
  }

  .iama-enquiryhub-form-group-head {
    grid-template-columns: 40px minmax(0, 1fr);
  }

  .iama-enquiryhub-form-group-head>span {
    width: 40px;
    height: 40px;
  }

  .iama-enquiryhub-submit-wrap {
    align-items: stretch;
    flex-direction: column;
  }

  .iama-enquiryhub-submit {
    width: 100%;
  }

  .iama-enquiryhub-consent {
    grid-template-columns: 24px minmax(0, 1fr);
  }

  .iama-enquiryhub-consent-box {
    grid-column: auto;
  }
}

/* =========================================================
   IAMA SUPPORT DESK
   Modern University Help Centre
   Uses existing .container class
========================================================= */

.iama-supportdesk-page,
.iama-supportdesk-page section {
  position: relative;
  overflow: hidden;
}

.iama-supportdesk-page *,
.iama-supportdesk-page *::before,
.iama-supportdesk-page *::after {
  box-sizing: border-box;
}

.iama-supportdesk-page h2 {
  margin: 0;
  font-family: "Outfit", sans-serif;
  font-size: 60px;
  font-weight: 600;
  line-height: 1.05;
  letter-spacing: -0.6px;
  color: #000;
}

.iama-supportdesk-page h2 strong {
  color: #00287d;
  font-weight: 600;
}

.iama-supportdesk-page h3 {
  margin: 0;
  font-family: "Outfit", sans-serif;
  font-size: 25px;
  font-weight: 600;
  line-height: 1.18;
  color: #000;
}

.iama-supportdesk-page p {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4em;
  color: #000;
}

.iama-supportdesk-label {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #00287d;
}

.iama-supportdesk-label i {
  color: #ffc63b;
}

.iama-supportdesk-label-light {
  color: #fff;
}

/* =========================================================
   HERO
========================================================= */

.iama-supportdesk-hero {
  padding: 84px 0;
  background: #fff;
}

.iama-supportdesk-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  gap: 68px;
  align-items: center;
}

.iama-supportdesk-hero-content h2 {
  margin-bottom: 24px;
}

.iama-supportdesk-hero-content>p {
  max-width: 700px;
}

.iama-supportdesk-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 30px;
}

.iama-supportdesk-primary-btn,
.iama-supportdesk-secondary-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 13px;
  min-height: 56px;
  padding: 0 21px;
  font-family: "Inter", sans-serif;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  transition:
    transform 0.35s ease,
    color 0.35s ease,
    background 0.35s ease;
}

.iama-supportdesk-primary-btn {
  color: #fff;
  background: #00287d;
}

.iama-supportdesk-secondary-btn {
  border: 1px solid #00287d;
  color: #00287d;
  background: #fff;
}

.iama-supportdesk-primary-btn:hover,
.iama-supportdesk-secondary-btn:hover {
  transform: translateY(-4px);
  color: #00287d;
  background: #ffc63b;
}

.iama-supportdesk-hero-note {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  max-width: 570px;
  margin-top: 28px;
  padding: 18px;
  background: #ffc63b;
}

.iama-supportdesk-hero-note>i {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  color: #fff;
  background: #00287d;
}

.iama-supportdesk-hero-note h3 {
  margin-bottom: 5px;
  font-size: 20px;
  color: #00287d;
}

.iama-supportdesk-hero-note p {
  font-size: 14px;
}

.iama-supportdesk-hero-visual {
  position: relative;
  min-height: 570px;
}

.iama-supportdesk-hero-image {
  position: absolute;
  top: 0;
  right: 0;
  width: 88%;
  height: 485px;
  overflow: hidden;
  border-radius: 24px;
}

.iama-supportdesk-hero-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.7s ease;
}

.iama-supportdesk-hero-visual:hover .iama-supportdesk-hero-image img {
  transform: scale(1.05);
}

.iama-supportdesk-hero-status {
  position: absolute;
  left: 0;
  bottom: 0;
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  gap: 15px;
  align-items: center;
  max-width: 460px;
  padding: 22px;
  background: #00287d;
  box-shadow: 0 20px 45px rgba(0, 40, 125, 0.2);
}

.iama-supportdesk-status-icon {
  display: grid;
  place-items: center;
  width: 58px;
  height: 58px;
  border-radius: 50%;
  font-size: 22px;
  color: #00287d;
  background: #ffc63b;
}

.iama-supportdesk-hero-status small {
  display: block;
  margin-bottom: 4px;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  color: #ffc63b;
}

.iama-supportdesk-hero-status h3 {
  margin-bottom: 6px;
  font-size: 20px;
  color: #fff;
}

.iama-supportdesk-hero-status p {
  font-size: 14px;
  color: #fff;
}

.iama-supportdesk-hero-count {
  position: absolute;
  top: 34px;
  left: 0;
  display: grid;
  place-items: center;
  width: 125px;
  height: 125px;
  border-radius: 50%;
  text-align: center;
  background: #ffc63b;
}

.iama-supportdesk-hero-count strong,
.iama-supportdesk-hero-count span {
  display: block;
  font-family: "Inter", sans-serif;
  color: #00287d;
}

.iama-supportdesk-hero-count strong {
  font-family: "Outfit", sans-serif;
  font-size: 34px;
}

.iama-supportdesk-hero-count span {
  max-width: 80px;
  font-size: 12px;
  font-weight: 700;
}

/* =========================================================
   CATEGORIES
========================================================= */

.iama-supportdesk-categories {
  padding: 76px 0;
  background: #00287d;
}

.iama-supportdesk-heading {
  max-width: 900px;
  margin-bottom: 40px;
}

.iama-supportdesk-heading h2 {
  margin-bottom: 20px;
  color: #fff;
}

.iama-supportdesk-heading h2 strong {
  color: #ffc63b;
}

.iama-supportdesk-heading p {
  color: #fff;
}

.iama-supportdesk-category-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.iama-supportdesk-category-card {
  min-height: 335px;
  padding: 26px;
  border-radius: 18px;
  background: #fff;
  transition:
    transform 0.35s ease,
    background 0.35s ease,
    box-shadow 0.35s ease;
}

.iama-supportdesk-category-card:hover {
  transform: translateY(-8px);
  background: #ffc63b;
  box-shadow: 0 20px 44px rgba(0, 0, 0, 0.2);
}

.iama-supportdesk-category-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 34px;
}

.iama-supportdesk-category-top>i {
  display: grid;
  place-items: center;
  width: 62px;
  height: 62px;
  border-radius: 50%;
  font-size: 24px;
  color: #fff;
  background: #00287d;
  transition:
    transform 0.35s ease,
    color 0.35s ease,
    background 0.35s ease;
}

.iama-supportdesk-category-top span {
  font-family: "Outfit", sans-serif;
  font-size: 18px;
  color: #00287d;
}

.iama-supportdesk-category-card:hover .iama-supportdesk-category-top>i {
  transform: rotate(-8deg) scale(1.07);
  color: #00287d;
  background: #fff;
}

.iama-supportdesk-category-card h3 {
  margin-bottom: 11px;
  font-size: 25px;
}

.iama-supportdesk-category-card p {
  font-size: 16px;
}

.iama-supportdesk-category-card>a {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-top: 22px;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  color: #00287d;
}

.iama-supportdesk-category-card>a i {
  transition: transform 0.35s ease;
}

.iama-supportdesk-category-card>a:hover i {
  transform: translateX(5px);
}

/* =========================================================
   PROCESS
========================================================= */

.iama-supportdesk-process {
  padding: 76px 0;
  background: #ffc63b;
}

.iama-supportdesk-process-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
  gap: 64px;
  align-items: center;
}

.iama-supportdesk-process-content h2 {
  margin-bottom: 22px;
}

.iama-supportdesk-process-steps {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-top: 28px;
}

.iama-supportdesk-process-steps article {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  gap: 14px;
  padding: 20px;
  border-radius: 16px;
  background: #fff;
  transition:
    transform 0.35s ease,
    background 0.35s ease;
}

.iama-supportdesk-process-steps article:hover {
  transform: translateY(-6px);
  background: #00287d;
}

.iama-supportdesk-process-steps article>span {
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  background: #00287d;
}

.iama-supportdesk-process-steps h3 {
  margin-bottom: 7px;
  font-size: 20px;
}

.iama-supportdesk-process-steps p {
  font-size: 14px;
}

.iama-supportdesk-process-steps article:hover>span {
  color: #00287d;
  background: #ffc63b;
}

.iama-supportdesk-process-steps article:hover h3,
.iama-supportdesk-process-steps article:hover p {
  color: #fff;
}

.iama-supportdesk-process-visual {
  position: relative;
  overflow: hidden;
  border-radius: 22px;
}

.iama-supportdesk-process-visual>img {
  display: block;
  width: 100%;
  height: 540px;
  object-fit: cover;
  transition: transform 0.65s ease;
}

.iama-supportdesk-process-visual:hover>img {
  transform: scale(1.05);
}

.iama-supportdesk-process-card {
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 20px;
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  padding: 18px;
  background: #00287d;
}

.iama-supportdesk-process-card>i {
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  color: #00287d;
  background: #ffc63b;
}

.iama-supportdesk-process-card h3 {
  margin-bottom: 6px;
  font-size: 20px;
  color: #fff;
}

.iama-supportdesk-process-card p {
  font-size: 14px;
  color: #fff;
}

/* =========================================================
   PREPARATION
========================================================= */

.iama-supportdesk-prepare {
  padding: 76px 0;
  background: #fff;
}

.iama-supportdesk-prepare-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr);
  gap: 64px;
  align-items: center;
}

.iama-supportdesk-prepare-image {
  position: relative;
  overflow: hidden;
  border-radius: 22px;
}

.iama-supportdesk-prepare-image img {
  display: block;
  width: 100%;
  height: 620px;
  object-fit: cover;
  transition: transform 0.65s ease;
}

.iama-supportdesk-prepare-image:hover img {
  transform: scale(1.05);
}

.iama-supportdesk-prepare-badge {
  position: absolute;
  left: 20px;
  bottom: 20px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 16px;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #00287d;
  background: #ffc63b;
}

.iama-supportdesk-prepare-content h2 {
  margin-bottom: 22px;
}

.iama-supportdesk-prepare-items {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-top: 28px;
}

.iama-supportdesk-prepare-items article {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 13px;
  padding: 18px;
  border: 1px solid #00287d;
  background: #fff;
  transition:
    transform 0.35s ease,
    background 0.35s ease;
}

.iama-supportdesk-prepare-items article:hover {
  transform: translateY(-5px);
  background: #ffc63b;
}

.iama-supportdesk-prepare-items article>i {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  color: #fff;
  background: #00287d;
}

.iama-supportdesk-prepare-items h3 {
  margin-bottom: 6px;
  font-size: 20px;
}

.iama-supportdesk-prepare-items p {
  font-size: 14px;
}

/* =========================================================
   RESOURCES
========================================================= */

.iama-supportdesk-resources {
  padding: 76px 0;
  background: #00287d;
}

.iama-supportdesk-resource-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 430px;
  gap: 60px;
  align-items: end;
  margin-bottom: 40px;
}

.iama-supportdesk-resource-head h2 {
  color: #fff;
}

.iama-supportdesk-resource-head h2 strong {
  color: #ffc63b;
}

.iama-supportdesk-resource-head>p {
  color: #fff;
}

.iama-supportdesk-resource-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.iama-supportdesk-resource-grid>a {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr) auto;
  gap: 18px;
  align-items: center;
  min-height: 210px;
  padding: 24px;
  border-radius: 18px;
  text-decoration: none;
  background: #fff;
  transition:
    transform 0.35s ease,
    background 0.35s ease,
    box-shadow 0.35s ease;
}

.iama-supportdesk-resource-grid>a:hover {
  transform: translateY(-7px);
  background: #ffc63b;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.18);
}

.iama-supportdesk-resource-grid>a>i {
  display: grid;
  place-items: center;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  font-size: 23px;
  color: #fff;
  background: #00287d;
}

.iama-supportdesk-resource-grid span {
  display: block;
  margin-bottom: 6px;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  color: #00287d;
}

.iama-supportdesk-resource-grid h3 {
  margin-bottom: 8px;
  font-size: 25px;
}

.iama-supportdesk-resource-grid p {
  font-size: 15px;
}

.iama-supportdesk-resource-grid b {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  color: #00287d;
}

/* =========================================================
   COMMITMENT
========================================================= */

.iama-supportdesk-commitment {
  padding: 76px 0;
  background: #ffc63b;
}

.iama-supportdesk-commitment-wrap {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 420px;
  overflow: hidden;
  border-radius: 22px;
  background: #fff;
}

.iama-supportdesk-commitment-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 46px;
}

.iama-supportdesk-commitment-content h2 {
  margin-bottom: 20px;
}

.iama-supportdesk-commitment-points {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 26px;
}

.iama-supportdesk-commitment-points span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 13px;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #fff;
  background: #00287d;
}

.iama-supportdesk-commitment-points i {
  color: #ffc63b;
}

.iama-supportdesk-commitment-image {
  overflow: hidden;
}

.iama-supportdesk-commitment-image img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 410px;
  object-fit: cover;
  transition: transform 0.65s ease;
}

.iama-supportdesk-commitment-wrap:hover img {
  transform: scale(1.05);
}

/* =========================================================
   CTA
========================================================= */

.iama-supportdesk-cta {
  padding: 68px 0;
  background: #fff;
}

.iama-supportdesk-cta-grid {
  display: grid;
  grid-template-columns: 360px minmax(0, 1fr);
  overflow: hidden;
  border-radius: 22px;
  background: #00287d;
}

.iama-supportdesk-cta-image {
  overflow: hidden;
}

.iama-supportdesk-cta-image img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 330px;
  object-fit: cover;
  transition: transform 0.65s ease;
}

.iama-supportdesk-cta-grid:hover .iama-supportdesk-cta-image img {
  transform: scale(1.05);
}

.iama-supportdesk-cta-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 40px 44px;
}

.iama-supportdesk-cta-content h2 {
  margin-bottom: 18px;
  color: #fff;
}

.iama-supportdesk-cta-content h2 strong {
  color: #ffc63b;
}

.iama-supportdesk-cta-content p {
  max-width: 760px;
  color: #fff;
}

.iama-supportdesk-cta-content>a {
  display: inline-flex;
  align-items: center;
  gap: 13px;
  width: fit-content;
  min-height: 56px;
  margin-top: 26px;
  padding: 0 21px;
  font-family: "Inter", sans-serif;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  color: #00287d;
  background: #ffc63b;
  transition:
    transform 0.35s ease,
    background 0.35s ease;
}

.iama-supportdesk-cta-content>a:hover {
  transform: translateY(-4px);
  background: #fff;
}

/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 1199px) {
  .iama-supportdesk-page h2 {
    font-size: 50px;
  }

  .iama-supportdesk-category-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 991px) {
  .iama-supportdesk-page h2 {
    font-size: 44px;
  }

  .iama-supportdesk-hero-grid,
  .iama-supportdesk-process-grid,
  .iama-supportdesk-prepare-grid,
  .iama-supportdesk-resource-head,
  .iama-supportdesk-commitment-wrap,
  .iama-supportdesk-cta-grid {
    grid-template-columns: 1fr;
  }

  .iama-supportdesk-hero-visual {
    max-width: 760px;
  }

  .iama-supportdesk-commitment-image img,
  .iama-supportdesk-cta-image img {
    height: 280px;
    min-height: 280px;
  }
}

@media (max-width: 767px) {

  .iama-supportdesk-hero,
  .iama-supportdesk-categories,
  .iama-supportdesk-process,
  .iama-supportdesk-prepare,
  .iama-supportdesk-resources,
  .iama-supportdesk-commitment,
  .iama-supportdesk-cta {
    padding: 62px 0;
  }

  .iama-supportdesk-page h2 {
    font-size: 38px;
    letter-spacing: -0.4px;
  }

  .iama-supportdesk-page p {
    font-size: 18px;
  }

  .iama-supportdesk-category-grid,
  .iama-supportdesk-process-steps,
  .iama-supportdesk-prepare-items,
  .iama-supportdesk-resource-grid {
    grid-template-columns: 1fr;
  }

  .iama-supportdesk-hero-visual {
    min-height: 510px;
  }

  .iama-supportdesk-hero-image {
    width: 92%;
    height: 400px;
  }

  .iama-supportdesk-hero-count {
    width: 105px;
    height: 105px;
  }

  .iama-supportdesk-process-visual>img,
  .iama-supportdesk-prepare-image img {
    height: 420px;
  }

  .iama-supportdesk-resource-grid>a {
    grid-template-columns: 58px minmax(0, 1fr);
  }

  .iama-supportdesk-resource-grid b {
    grid-column: 2;
  }

  .iama-supportdesk-commitment-content,
  .iama-supportdesk-cta-content {
    padding: 34px 28px;
  }
}

@media (max-width: 575px) {
  .iama-supportdesk-page h2 {
    font-size: 34px;
    line-height: 1.08;
  }

  .iama-supportdesk-label {
    font-size: 12px;
    letter-spacing: 0.8px;
  }

  .iama-supportdesk-hero-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .iama-supportdesk-primary-btn,
  .iama-supportdesk-secondary-btn {
    width: 100%;
  }

  .iama-supportdesk-hero-visual {
    min-height: 470px;
  }

  .iama-supportdesk-hero-image {
    width: 100%;
    height: 340px;
  }

  .iama-supportdesk-hero-count {
    top: 14px;
    left: 14px;
    width: 90px;
    height: 90px;
  }

  .iama-supportdesk-hero-count strong {
    font-size: 28px;
  }

  .iama-supportdesk-hero-status {
    left: 14px;
    right: 14px;
    max-width: none;
    grid-template-columns: 48px minmax(0, 1fr);
    padding: 16px;
  }

  .iama-supportdesk-status-icon {
    width: 48px;
    height: 48px;
  }

  .iama-supportdesk-category-card {
    min-height: auto;
    padding: 22px;
  }

  .iama-supportdesk-process-steps article,
  .iama-supportdesk-prepare-items article {
    grid-template-columns: 1fr;
  }

  .iama-supportdesk-process-visual>img,
  .iama-supportdesk-prepare-image img {
    height: 340px;
  }

  .iama-supportdesk-resource-grid>a {
    grid-template-columns: 1fr;
  }

  .iama-supportdesk-resource-grid b {
    grid-column: auto;
  }

  .iama-supportdesk-commitment-image img,
  .iama-supportdesk-cta-image img {
    height: 230px;
    min-height: 230px;
  }
}


/* =========================================================
   IAMA JOIN FORM
   Simple Modern Image + Form Section
   Uses existing .container class
========================================================= */

.iama-joinform-section {
  position: relative;
  overflow: hidden;
  padding: 82px 0;
  background: #fff;
}

.iama-joinform-section *,
.iama-joinform-section *::before,
.iama-joinform-section *::after {
  box-sizing: border-box;
}

.iama-joinform-wrap {
  display: grid;
  grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr);
  overflow: hidden;
  border-radius: 26px;
  background: #fff;
  box-shadow: 0 24px 60px rgba(0, 40, 125, 0.15);
}

/* IMAGE */

.iama-joinform-image {
  position: relative;
  min-height: 760px;
  overflow: hidden;
}

.iama-joinform-image::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg,
      rgba(0, 40, 125, 0.08) 10%,
      rgba(0, 40, 125, 0.92) 100%);
}

.iama-joinform-image img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 760px;
  object-fit: cover;
  transition: transform 0.7s ease;
}

.iama-joinform-wrap:hover .iama-joinform-image img {
  transform: scale(1.05);
}

.iama-joinform-image-content {
  position: absolute;
  z-index: 2;
  left: 36px;
  right: 36px;
  bottom: 40px;
}

.iama-joinform-image-content>span {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #ffc63b;
}

.iama-joinform-image-content h2 {
  margin: 0 0 20px;
  font-family: "Outfit", sans-serif;
  font-size: 48px;
  font-weight: 600;
  line-height: 1.05;
  letter-spacing: -0.6px;
  color: #fff;
}

.iama-joinform-image-content h2 strong {
  color: #ffc63b;
  font-weight: 600;
}

.iama-joinform-image-content p {
  margin: 0;
  max-width: 560px;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4em;
  color: #fff;
}

/* FORM PANEL */

.iama-joinform-panel {
  padding: 46px;
  background: #fff;
}

.iama-joinform-heading {
  margin-bottom: 30px;
}

.iama-joinform-label {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 18px;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #00287d;
}

.iama-joinform-label i {
  color: #ffc63b;
}

.iama-joinform-heading h2 {
  margin: 0 0 20px;
  font-family: "Outfit", sans-serif;
  font-size: 46px;
  font-weight: 600;
  line-height: 1.05;
  letter-spacing: -0.6px;
  color: #000;
}

.iama-joinform-heading h2 strong {
  color: #00287d;
  font-weight: 600;
}

.iama-joinform-heading p {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4em;
  color: #000;
}

/* FORM */

.iama-joinform-form {
  display: grid;
  gap: 22px;
}

.iama-joinform-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}

.iama-joinform-field-full {
  grid-column: 1 / -1;
}

.iama-joinform-field label {
  display: block;
  margin-bottom: 9px;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: #000;
}

/* Join Form Select Wrapper */
.iama-joinform-input {
  position: relative;
  width: 100%;
  overflow: visible;
}

/* Left Icon */
.iama-joinform-input > i {
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 18px;
  font-size: 17px;
  color: #00287d;
  pointer-events: none;
  transform: translateY(-50%);
}

/* Main Nice Select Field */
.iama-joinform-input .nice-select {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 56px;
  padding: 0 50px 0 50px;
  border: 1px solid #d8dee9;
  border-radius: 10px;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  color: #101828;
  background: #fff;
  cursor: pointer;
  outline: none;
  box-shadow: none;
  transition:
    border-color 0.3s ease,
    box-shadow 0.3s ease,
    background 0.3s ease;
}

/* Hover */
.iama-joinform-input .nice-select:hover {
  border-color: #00287d;
}

/* Focus and Open State */
.iama-joinform-input .nice-select:focus,
.iama-joinform-input .nice-select.open {
  border-color: #00287d;
  box-shadow: 0 0 0 4px rgba(0, 40, 125, 0.1);
}

/* Current Selected Text */
.iama-joinform-input .nice-select .current {
  display: block;
  width: 100%;
  overflow: hidden;
  color: #101828;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* Dropdown Arrow */
.iama-joinform-input .nice-select::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  width: 9px;
  height: 9px;
  margin-top: -6px;
  border-right: 2px solid #00287d;
  border-bottom: 2px solid #00287d;
  transform: rotate(45deg);
  pointer-events: none;
  transition:
    margin 0.3s ease,
    transform 0.3s ease;
}

/* Arrow Open State */
.iama-joinform-input .nice-select.open::after {
  margin-top: -2px;
  transform: rotate(225deg);
}

/* Dropdown List */
.iama-joinform-input .nice-select .list {
  position: absolute;
  z-index: 9999;
  top: calc(100% + 8px);
  left: 0;
  display: block;
  width: 100%;
  max-height: 280px;
  margin: 0;
  padding: 8px;
  overflow-x: hidden;
  overflow-y: auto;
  border: 1px solid #e1e6ef;
  border-radius: 10px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-8px);
  list-style: none;
  background: #fff;
  box-shadow: 0 18px 40px rgba(16, 24, 40, 0.14);
  transition:
    opacity 0.25s ease,
    visibility 0.25s ease,
    transform 0.25s ease;
}

/* Show Dropdown */
.iama-joinform-input .nice-select.open .list {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* Dropdown Options */
.iama-joinform-input .nice-select .option {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 44px;
  padding: 10px 13px;
  border-radius: 7px;
  font-family: "Inter", sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.35;
  color: #101828;
  white-space: normal;
  cursor: pointer;
  transition:
    color 0.25s ease,
    background 0.25s ease;
}

/* Hover and Focus Option */
.iama-joinform-input .nice-select .option:hover,
.iama-joinform-input .nice-select .option.focus {
  color: #00287d;
  background: #f1f5ff;
}

/* Selected Option */
.iama-joinform-input .nice-select .option.selected {
  font-weight: 700;
  color: #00287d;
  background: #fff4cf;
}

/* Selected Focused Option */
.iama-joinform-input .nice-select .option.selected.focus {
  color: #00287d;
  background: #ffc63b;
}

/* Scrollbar */
.iama-joinform-input .nice-select .list::-webkit-scrollbar {
  width: 7px;
}

.iama-joinform-input .nice-select .list::-webkit-scrollbar-track {
  border-radius: 10px;
  background: #f1f3f6;
}

.iama-joinform-input .nice-select .list::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #00287d;
}

/* Keep Icon Highlighted When Open */
.iama-joinform-input:has(.nice-select.open) > i {
  color: #ffc63b;
}

/* Responsive */
@media (max-width: 767px) {
  .iama-joinform-input > i {
    left: 16px;
    font-size: 16px;
  }

  .iama-joinform-input .nice-select {
    min-height: 52px;
    padding-right: 44px;
    padding-left: 45px;
    font-size: 15px;
  }

  .iama-joinform-input .nice-select::after {
    right: 17px;
  }

  .iama-joinform-input .nice-select .option {
    min-height: 42px;
    padding: 9px 11px;
    font-size: 14px;
  }
}

@media (max-width: 575px) {
  .iama-joinform-input .nice-select {
    min-height: 50px;
    border-radius: 8px;
  }

  .iama-joinform-input .nice-select .list {
    max-height: 230px;
    border-radius: 8px;
  }

  .iama-joinform-input .nice-select .current {
    padding-right: 5px;
  }
}

.iama-joinform-input>i {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 17px;
  transform: translateY(-50%);
  font-size: 15px;
  color: #00287d;
  pointer-events: none;
}

.iama-joinform-input input,
.iama-joinform-input select,
.iama-joinform-input textarea {
  display: block;
  width: 100%;
  margin: 0;
border: 1px solid #d8dee9;
  border-radius: 10px;
  outline: 0;
  font-family: "Inter", sans-serif;
  font-size: 15px;
  font-weight: 400;
  color: #000;
  background: #fff;
  transition:
    border-color 0.3s ease,
    box-shadow 0.3s ease,
    transform 0.3s ease;
}

.iama-joinform-input input,
.iama-joinform-input select {
  height: 58px;
  padding: 0 16px 0 47px;
}

.iama-joinform-input textarea {
  min-height: 145px;
  padding: 16px 16px 16px 47px;
  resize: vertical;
}

.iama-joinform-textarea>i {
  top: 20px;
  transform: none;
}

.iama-joinform-input input::placeholder,
.iama-joinform-input textarea::placeholder {
  color: #000;
  opacity: 0.6;
}

.iama-joinform-input input:hover,
.iama-joinform-input select:hover,
.iama-joinform-input textarea:hover {
  border-color: #00287d;
}

.iama-joinform-input input:focus,
.iama-joinform-input select:focus,
.iama-joinform-input textarea:focus {
  border-color: #00287d;
  transform: translateY(-1px);
  box-shadow: 0 0 0 4px rgba(0, 40, 125, 0.1);
}

/* CONSENT */

.iama-joinform-consent {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  padding: 16px 18px;
  cursor: pointer;
  background: #ffc63b;
}

.iama-joinform-consent input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.iama-joinform-check {
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border: 2px solid #00287d;
  color: transparent;
  background: #fff;
  transition:
    color 0.25s ease,
    background 0.25s ease;
}

.iama-joinform-consent input:checked+.iama-joinform-check {
  color: #fff;
  background: #00287d;
}

.iama-joinform-consent>span:last-child {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.45;
  color: #000;
}

/* SUBMIT */

.iama-joinform-submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 13px;
  width: fit-content;
  min-width: 180px;
  min-height: 58px;
  padding: 0 23px;
  border: 0;
  cursor: pointer;
  font-family: "Inter", sans-serif;
  font-size: 19px;
  font-weight: 700;
  color: #fff;
  background: #00287d;
  transition:
    transform 0.35s ease,
    color 0.35s ease,
    background 0.35s ease,
    box-shadow 0.35s ease;
    
    border-radius:50px;
}

.iama-joinform-submit:hover {
  transform: translateY(-4px);
  color: #00287d;
  background: #ffc63b;
  box-shadow: 0 16px 34px rgba(0, 40, 125, 0.2);
}

.iama-joinform-submit i {
  transition: transform 0.35s ease;
}

.iama-joinform-submit:hover i {
  transform: translateX(5px);
}

/* RESPONSIVE */

@media (max-width: 1199px) {

  .iama-joinform-image-content h2,
  .iama-joinform-heading h2 {
    font-size: 42px;
  }

  .iama-joinform-panel {
    padding: 38px;
  }
}

@media (max-width: 991px) {
  .iama-joinform-wrap {
    grid-template-columns: 1fr;
  }

  .iama-joinform-image,
  .iama-joinform-image img {
    min-height: 500px;
    height: 500px;
  }
}

@media (max-width: 767px) {
  .iama-joinform-section {
    padding: 62px 0;
  }

  .iama-joinform-image-content h2,
  .iama-joinform-heading h2 {
    font-size: 38px;
  }

  .iama-joinform-panel {
    padding: 32px 24px;
  }

  .iama-joinform-fields {
    grid-template-columns: 1fr;
  }

  .iama-joinform-field-full {
    grid-column: auto;
  }
}

@media (max-width: 575px) {
  .iama-joinform-wrap {
    border-radius: 18px;
  }

  .iama-joinform-image,
  .iama-joinform-image img {
    min-height: 420px;
    height: 420px;
  }

  .iama-joinform-image-content {
    left: 22px;
    right: 22px;
    bottom: 24px;
  }

  .iama-joinform-image-content h2,
  .iama-joinform-heading h2 {
    font-size: 34px;
    line-height: 1.08;
  }

  .iama-joinform-panel {
    padding: 28px 18px;
  }

  .iama-joinform-submit {
    width: 100%;
  }
}


/* =====================================================
IAMA CURRICULUM & COURSE STRUCTURE
Simple Student-Friendly Design
Unique prefix: iama-curriclean-
===================================================== */

.iama-curriclean-page,
.iama-curriclean-cta {
  overflow: hidden;
  font-family: "Inter", sans-serif;
  color: #000;
}

.iama-curriclean-page *,
.iama-curriclean-cta * {
  box-sizing: border-box;
}

.iama-curriclean-page img,
.iama-curriclean-cta img {
  display: block;
  width: 100%;
}

.iama-curriclean-page a,
.iama-curriclean-cta a {
  text-decoration: none;
}

.iama-curriclean-page h2,
.iama-curriclean-page h3,
.iama-curriclean-page strong,
.iama-curriclean-cta h2 {
  margin: 0;
  font-family: "Outfit", sans-serif;
}

.iama-curriclean-page p,
.iama-curriclean-cta p {
  margin: 0;
  color: #000;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4em;
}

.iama-curriclean-page h2,
.iama-curriclean-cta h2 {
  font-size: 60px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.6px;
  color: #000;
}

.iama-curriclean-page h2 span,
.iama-curriclean-cta h2 span {
  color: #00287d;
}

.iama-curriclean-label {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 9px 14px;
  border-radius: 50px;
  background: #ffc63b;
  color: #00287d;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

/* INTRO */

.iama-curriclean-intro {
  padding: 64px 0;
  background: #f7f9fc;
}

.iama-curriclean-intro-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
  gap: 44px;
}

.iama-curriclean-intro-copy h2 {
  margin-top: 18px;
}

.iama-curriclean-intro-copy>p {
  max-width: 650px;
  margin-top: 20px;
}

.iama-curriclean-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 20px;
}

.iama-curriclean-tags span {
  padding: 9px 13px;
    border-radius: 10px;
    background: #dfe9ff;
    color: #00287d;
    font-size: 16px;
    font-weight: 700;
}

.iama-curriclean-intro-image {
  position: relative;
  height: 460px;
  overflow: hidden;
  border-radius: 24px;
}

.iama-curriclean-intro-image>img {
  height: 100%;
  object-fit: cover;
}

.iama-curriclean-image-note {
  position: absolute;
  right: 18px;
  bottom: 18px;
  left: 18px;
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 16px;
  border-radius: 15px;
  background: #00287d;
  color: #fff;
}

.iama-curriclean-image-note>i {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: #ffc63b;
  color: #00287d;
}

.iama-curriclean-image-note strong,
.iama-curriclean-image-note span {
  display: block;
  color: #fff;
  font-size: 20px;
}

.iama-curriclean-image-note span {
  margin-top: 3px;
  font-size: 18px;
}

/* COMMON HEAD */

.iama-curriclean-section-head {
  margin-bottom: 28px;
}

.iama-curriclean-section-head h2 {
  max-width: 860px;
  margin-top: 16px;
  font-size: 30px;
}

.iama-curriclean-section-head-row {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(280px, 0.8fr);
  align-items: end;
  gap: 40px;
}

.iama-curriclean-section-head-row>p {
  padding-bottom: 5px;
}

/* BALANCE */

.iama-curriclean-balance {
  padding: 64px 0;
  background: #fff;
}

.iama-curriclean-balance-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.iama-curriclean-balance-card {
  min-height: 430px;
  padding: 28px;
  border: 1px solid rgba(0, 40, 125, 0.12);
  border-radius: 20px;
  background: #e6ebff;
}

.iama-curriclean-balance-card-blue {
  background: #00287d;
}

.iama-curriclean-balance-card>i {
  display: grid;
  place-items: center;
  width: 54px;
  height: 54px;
  border-radius: 15px;
  background: #ffc63b;
  color: #00287d;
  font-size: 20px;
}

.iama-curriclean-balance-card h3 {
  margin-top: 24px;
  color: #000;
  font-size: 28px;
}

.iama-curriclean-balance-card p {
  margin-top: 12px;
  font-size: 18px;
}

.iama-curriclean-balance-card ul {
  display: grid;
  gap: 11px;
  margin: 22px 0 0;
  padding: 0;
  list-style: none;
}

.iama-curriclean-balance-card li {
  display: flex;
  gap: 10px;
  color: #000;
  font-size: 20px;
  line-height: 1.4;
}

.iama-curriclean-balance-card li i {
  margin-top: 3px;
  color: #00287d;
}

.iama-curriclean-balance-card-blue h3,
.iama-curriclean-balance-card-blue p,
.iama-curriclean-balance-card-blue li {
  color: #fff;
}

.iama-curriclean-balance-card-blue li i {
  color: #ffc63b;
}

/* FLOW */

.iama-curriclean-flow {
  padding: 64px 0;
  background: #f7f9fc;
}

.iama-curriclean-flow-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 15px;
}

.iama-curriclean-flow-grid>* {
  flex: 0 0 calc(33.333% - 10px);
}

@media (max-width: 991px) {
  .iama-curriclean-flow-grid>* {
    flex: 0 0 calc(50% - 8px);
  }
}

@media (max-width: 576px) {
  .iama-curriclean-flow-grid>* {
    flex: 0 0 100%;
  }
}

.iama-curriclean-flow-grid article {
  padding: 22px;
  border: 1px solid rgba(0, 40, 125, 0.12);
  border-radius: 18px;
background: #e6ebff;
}

.iama-curriclean-flow-grid article>i {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: 14px;
  background: #ffc63b;
  color: #00287d;
  font-size: 18px;
}

.iama-curriclean-flow-grid h3 {
  margin-top: 22px;
  color: #000;
  font-size: 22px;
}

.iama-curriclean-flow-grid p {
  margin-top: 8px;
  font-size: 18px;
}

/* ASSESSMENT */

.iama-curriclean-assessment {
  padding: 64px 0;
  background: #fff;
}

.iama-curriclean-assessment-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  align-items: stretch;
  gap: 30px;
}

.iama-curriclean-assessment-image {
  height: 500px;
  overflow: hidden;
  border-radius: 24px;
}

.iama-curriclean-assessment-image img {
  height: 100%;
  object-fit: cover;
}

.iama-curriclean-assessment-copy {
  align-self: center;
}

.iama-curriclean-assessment-copy h2 {
  margin-top: 17px;
}

.iama-curriclean-assessment-copy>p {
  margin-top: 18px;
}

.iama-curriclean-assessment-cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 13px;
  margin-top: 22px;
}

.iama-curriclean-assessment-cards article {
  display: flex;
  min-height: 105px;
  align-items: center;
  gap: 13px;
  padding: 16px;
  border-radius: 15px;
  background: #f7f9fc;
}

.iama-curriclean-assessment-cards i {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 45px;
  height: 45px;
  border-radius: 13px;
  background: #ffc63b;
  color: #00287d;
}

.iama-curriclean-assessment-cards strong {
  color: #000;
  font-size: 19px;
}

/* QUALITY */

.iama-curriclean-quality {
  padding: 64px 0;
background: #e6ebff;
}

.iama-curriclean-quality-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.iama-curriclean-quality-grid article {
  display: flex;
  min-height: 100px;
  align-items: center;
  gap: 14px;
  padding: 20px;
  border-radius: 17px;
  background: #fff;
}

.iama-curriclean-quality-grid i {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 46px;
  height: 46px;
  border-radius: 13px;
  background: #ffc63b;
  color: #00287d;
}

.iama-curriclean-quality-grid strong {
  color: #000;
  font-size: 22px;
}

/* CTA */

.iama-curriclean-cta {
  position: relative;
  padding: 72px 0;
  background: #00287d;
}

.iama-curriclean-cta-bg,
.iama-curriclean-cta-overlay {
  position: absolute;
  inset: 0;
}

.iama-curriclean-cta-bg img {
  height: 100%;
  object-fit: cover;
}

.iama-curriclean-cta-overlay {
  background: linear-gradient(90deg, rgba(0, 24, 78, 0.97), rgba(0, 40, 125, 0.78));
}

.iama-curriclean-cta .container {
  position: relative;
  z-index: 2;
}

.iama-curriclean-cta-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(300px, 0.8fr);
  align-items: center;
  gap: 50px;
}

.iama-curriclean-cta h2 {
  margin-top: 17px;
  color: #fff;
}

.iama-curriclean-cta h2 span {
  color: #ffc63b;
}

.iama-curriclean-cta p {
  margin-top: 18px;
  color: #fff;
}

.iama-curriclean-cta-actions {
  display: grid;
  width: 100%;
  max-width: 390px;
  gap: 12px;
  justify-self: end;
}

.iama-curriclean-cta-actions a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 56px;
  padding: 15px 18px;
  border: 2px solid #ffc63b;
  border-radius: 13px;
  background: #ffc63b;
  color: #00287d;
  font-size: 15px;
  font-weight: 800;
}

.iama-curriclean-cta-actions a:hover {
  border-color: #fff;
  background: #fff;
  color: #00287d;
}

/* RESPONSIVE */

@media (max-width: 1199px) {

  .iama-curriclean-page h2,
  .iama-curriclean-cta h2 {
    font-size: 50px;
  }

  .iama-curriclean-flow-grid,
  .iama-curriclean-quality-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 991px) {

  .iama-curriclean-intro,
  .iama-curriclean-balance,
  .iama-curriclean-flow,
  .iama-curriclean-assessment,
  .iama-curriclean-quality {
    padding: 54px 0;
  }

  .iama-curriclean-intro-grid,
  .iama-curriclean-assessment-grid,
  .iama-curriclean-cta-grid,
  .iama-curriclean-section-head-row {
    grid-template-columns: 1fr;
  }

  .iama-curriclean-cta-actions {
    max-width: 520px;
    justify-self: start;
  }
}

@media (max-width: 767px) {

  .iama-curriclean-page h2,
  .iama-curriclean-cta h2 {
    font-size: 40px;
  }

  .iama-curriclean-page p,
  .iama-curriclean-cta p {
    font-size: 16px;
  }

  .iama-curriclean-balance-grid,
  .iama-curriclean-flow-grid,
  .iama-curriclean-assessment-cards,
  .iama-curriclean-quality-grid {
    grid-template-columns: 1fr;
  }

  .iama-curriclean-intro-image,
  .iama-curriclean-assessment-image {
    min-height: 360px;
  }

  .iama-curriclean-balance-card,
  .iama-curriclean-flow-grid article {
    min-height: auto;
  }
}

@media (max-width: 480px) {

  .iama-curriclean-intro,
  .iama-curriclean-balance,
  .iama-curriclean-flow,
  .iama-curriclean-assessment,
  .iama-curriclean-quality,
  .iama-curriclean-cta {
    padding: 44px 0;
  }

  .iama-curriclean-page h2,
  .iama-curriclean-cta h2 {
    font-size: 34px;
  }

  .iama-curriclean-intro-image,
  .iama-curriclean-assessment-image {
    min-height: 300px;
  }

  .iama-curriclean-image-note {
    right: 12px;
    bottom: 12px;
    left: 12px;
  }

  .iama-curriclean-cta-actions a {
    width: 100%;
  }
}

/* =====================================================
   IAMA TUITION & FEES — MODERN PROFESSIONAL DESIGN
   Existing isolated prefix: iama-feespectrum-
===================================================== */

.iama-feespectrum-page,
.iama-feespectrum-cta {
  overflow: hidden;
  font-family: "Inter", sans-serif;
  color: #000;
}

.iama-feespectrum-page *,
.iama-feespectrum-cta * {
  box-sizing: border-box;
}

.iama-feespectrum-page img,
.iama-feespectrum-cta img {
  display: block;
  width: 100%;
}

.iama-feespectrum-page a,
.iama-feespectrum-cta a {
  text-decoration: none;
}

.iama-feespectrum-page h2,
.iama-feespectrum-page h3,
.iama-feespectrum-page strong,
.iama-feespectrum-cta h2 {
  margin: 0;
  font-family: "Outfit", sans-serif;
}

.iama-feespectrum-page p,
.iama-feespectrum-cta p {
  margin: 0;
  color: #000;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4em;
}

.iama-feespectrum-page h2,
.iama-feespectrum-cta h2 {
  font-size: 60px;
  font-weight: 700;
  line-height: 0.98;
  letter-spacing: -0.6px;
  color: #000;
}

.iama-feespectrum-page h2 strong,
.iama-feespectrum-cta h2 strong {
  color: #00287d;
}

.iama-feespectrum-kicker {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 9px 14px;
  border-radius: 999px;
  background: #ffc63b;
  color: #00287d;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

/* HERO */

.iama-feespectrum-hero {
  padding: 64px 0;
}

.iama-feespectrum-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
  align-items: center;
  gap: 46px;
}

.iama-feespectrum-hero-copy h2 {
  max-width: 760px;
  margin-top: 18px;
}

.iama-feespectrum-hero-copy>p {
  max-width: 640px;
  margin-top: 20px;
}

.iama-feespectrum-hero-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px;
  margin-top: 22px;
}

.iama-feespectrum-hero-actions>a {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 54px;
  padding: 14px 22px;
  border-radius: 50px;
  background: #00287d;
  color: #fff;
  font-size: 19px;
  font-weight: 800;
  transition: .25s ease;
}

.iama-feespectrum-hero-actions>a:hover {
  transform: translateY(-3px);
  background: #001f63;
  color: #fff;
}

.iama-feespectrum-hero-actions>span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #000;
  font-size: 19px;
  font-weight: 700;
}

.iama-feespectrum-hero-actions>span i {
  color: #00287d;
}

.iama-feespectrum-hero-visual {
  position: relative;
  min-height: 500px;
}

.iama-feespectrum-hero-image {
  position: absolute;
  inset: 0 74px 44px 0;
  overflow: hidden;
  border-radius: 28px;
  box-shadow: 0 22px 54px rgba(0, 40, 125, .14);
}

.iama-feespectrum-hero-image img {
  height: 100%;
  object-fit: cover;
}

.iama-feespectrum-currency-card {
  position: absolute;
  top: 36px;
  right: 0;
  display: grid;
  width: 150px;
  min-height: 118px;
  place-items: center;
  padding: 16px;
  border: 6px solid #fff;
  border-radius: 20px;
  background: #ffc63b;
  color: #00287d;
  text-align: center;
  box-shadow: 0 14px 30px rgba(0, 40, 125, .14);
}

.iama-feespectrum-currency-card strong {
  font-size: 34px;
  line-height: 1;
}

.iama-feespectrum-currency-card span {
  font-size: 13px;
  font-weight: 700;
}

.iama-feespectrum-hero-note {
  position: absolute;
  right: 22px;
  bottom: 0;
  left: 42px;
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 16px 18px;
  border-radius: 17px;
  background: #00287d;
  color: #fff;
  box-shadow: 0 17px 36px rgba(0, 40, 125, .24);
}

.iama-feespectrum-hero-note>i {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 45px;
  height: 45px;
  border-radius: 13px;
  background: #ffc63b;
  color: #00287d;
}

.iama-feespectrum-hero-note strong,
.iama-feespectrum-hero-note span {
  display: block;
  color: #fff;
  font-size: 19px;
}

.iama-feespectrum-hero-note span {
  margin-top: 3px;
  font-size: 18px;
}

/* SECTION HEADINGS */

.iama-feespectrum-section-head,
.iama-feespectrum-payment-head {
  margin-bottom: 30px;
}

.iama-feespectrum-section-head h2,
.iama-feespectrum-payment-head h2 {
  margin-top: 16px;
}

.iama-feespectrum-section-head>p {
  max-width: 780px;
  margin-top: 16px;
}

/* PRICING */

.iama-feespectrum-pricing {
  padding: 64px 0;
  background: #fff;
}

.iama-feespectrum-pricing-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.iama-feespectrum-price-card {
  min-height: 330px;
  padding: 24px;
  border: 1px solid rgba(0, 40, 125, .12);
  border-radius: 20px;
  background: #f7f9fc;
  transition: .25s ease;
}

.iama-feespectrum-price-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 18px 38px rgba(0, 40, 125, .10);
}

.iama-feespectrum-price-card-featured {
  background: #00287d;
}

.iama-feespectrum-price-level {
  color: #00287d;
  font-size: 18px;
  font-weight: 800;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.iama-feespectrum-price-icon {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  margin-top: 18px;
  border-radius: 14px;
  background: #ffc63b;
  color: #00287d;
  font-size: 18px;
}

.iama-feespectrum-price-card h3 {
  margin-top: 24px;
  color: #000;
  font-size: 26px;
}

.iama-feespectrum-price {
  display: flex;
  align-items: flex-start;
  gap: 5px;
  margin-top: 20px;
}

.iama-feespectrum-price span {
  color: #00287d;
  font-size: 24px;
  font-weight: 800;
}

.iama-feespectrum-price strong {
  color: #00287d;
  font-size: 54px;
  line-height: .9;
}

.iama-feespectrum-price-card p {
  margin-top: 24px;
  font-size: 19px;
}

.iama-feespectrum-price-card-featured .iama-feespectrum-price-level {
  color: #ffc63b;
}

.iama-feespectrum-price-card-featured h3,
.iama-feespectrum-price-card-featured .iama-feespectrum-price span,
.iama-feespectrum-price-card-featured .iama-feespectrum-price strong,
.iama-feespectrum-price-card-featured p {
  color: #fff;
}

/* INCLUDES */

.iama-feespectrum-includes {
  padding: 64px 0;
  background: #f4f7fc;
}

.iama-feespectrum-includes-grid {
  display: grid;
  grid-template-columns: minmax(0, .84fr) minmax(0, 1.16fr);
  align-items: center;
  gap: 42px;
}

.iama-feespectrum-includes-copy h2 {
  margin-top: 17px;
}

.iama-feespectrum-includes-copy>p {
  margin-top: 18px;
}

.iama-feespectrum-includes-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.iama-feespectrum-includes-list>div {
  min-height: 190px;
  padding: 20px;
  border-radius: 18px;
  background: #fff;
}

.iama-feespectrum-includes-list>div>span {
  display: none;
}

.iama-feespectrum-includes-list i {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: 14px;
  background: #ffc63b;
  color: #00287d;
  font-size: 18px;
}

.iama-feespectrum-includes-list strong {
  display: block;
  margin-top: 22px;
  color: #000;
  font-size: 28px;
}

.iama-feespectrum-includes-list p {
  margin-top: 8px;
  font-size: 18px;
}

/* PLANNING */

.iama-feespectrum-planning {
  padding: 64px 0;
  background: #fff;
}

.iama-feespectrum-planning-grid {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  align-items: stretch;
  gap: 30px;
}

.iama-feespectrum-planning-visual {
  position: relative;
  height: 630px;
  overflow: hidden;
  border-radius: 24px;
}

.iama-feespectrum-planning-visual img {
  height: 100%;
  object-fit: cover;
}

.iama-feespectrum-planning-label {
  position: absolute;
  right: 18px;
  bottom: 18px;
  left: 18px;
  display: flex;
  justify-content: space-between;
  padding: 16px 18px;
  border-radius: 15px;
  background: #00287d;
}

.iama-feespectrum-planning-label span,
.iama-feespectrum-planning-label strong {
  color: #fff;
  font-size: 15px;
}

.iama-feespectrum-planning-copy {
  align-self: center;
}

.iama-feespectrum-planning-copy h2 {
  margin-top: 17px;
}

.iama-feespectrum-planning-copy>p {
  margin-top: 18px;
}

.iama-feespectrum-planning-steps {
  display: grid;
  gap: 12px;
  margin-top: 22px;
}

.iama-feespectrum-planning-steps>div {
  min-height: 78px;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  align-items: center;
  gap: 13px;
  padding: 14px 16px;
  border-radius: 15px;
  background: #f7f9fc;
}

.iama-feespectrum-planning-steps b {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border-radius: 12px;
  background: #ffc63b;
  color: #00287d;
  font-size: 18px;
}

.iama-feespectrum-planning-steps span {
  color: #000;
  font-size: 21px;
  line-height: 1.4;
}

/* PAYMENT */

.iama-feespectrum-payment {
  padding: 64px 0;
  background: #fff8df;
}

.iama-feespectrum-payment-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 15px;
}

.iama-feespectrum-payment-grid article {
  min-height: 0;
  padding: 22px;
  border-radius: 18px;
  background: #fff;
}

.iama-feespectrum-payment-grid article>span {
  display: inline-flex;
  padding: 8px 10px;
  border-radius: 9px;
  background: #ffc63b;
  color: #00287d;
  font-size: 12px;
  font-weight: 800;
}

.iama-feespectrum-payment-grid h3 {
  margin-top: 24px;
  color: #000;
  font-size: 22px;
}

.iama-feespectrum-payment-grid p {
  margin-top: 8px;
  font-size: 15px;
}

/* SUPPORT */

.iama-feespectrum-support {
  padding: 64px 0;
  background: #fff;
}

.iama-feespectrum-support-layout {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: stretch;
  gap: 30px;
}

.iama-feespectrum-support-copy {
  align-self: center;
}

.iama-feespectrum-support-copy h2 {
  margin-top: 17px;
}

.iama-feespectrum-support-copy>p {
  margin-top: 18px;
}

.iama-feespectrum-support-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 22px;
}

.iama-feespectrum-support-actions a {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 52px;
  padding: 13px 18px;
  border: 2px solid #00287d;
  border-radius: 13px;
  background: #00287d;
  color: #fff;
  font-size: 14px;
  font-weight: 800;
}

.iama-feespectrum-support-actions a:hover {
  border-color: #ffc63b;
  background: #ffc63b;
  color: #00287d;
}

.iama-feespectrum-support-image {
  min-height: 430px;
  overflow: hidden;
  border-radius: 24px;
}

.iama-feespectrum-support-image img {
  height: 100%;
  object-fit: cover;
}

/* CTA */

.iama-feespectrum-cta {
  position: relative;
  padding: 72px 0;
  background:
    linear-gradient(90deg, rgba(0, 24, 78, .97), rgba(0, 40, 125, .78)),
    url("../images/tution-fee-03.webp") center/cover no-repeat;
}

.iama-feespectrum-kicker-light {
  background: #ffc63b;
  color: #00287d;
}

.iama-feespectrum-cta-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) auto;
  align-items: center;
  gap: 50px;
}

.iama-feespectrum-cta h2 {
  margin-top: 17px;
  color: #fff;
}

.iama-feespectrum-cta h2 strong {
  color: #ffc63b;
}

.iama-feespectrum-cta p {
  margin-top: 18px;
  color: #fff;
}

.iama-feespectrum-cta-grid>a {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 56px;
  padding: 15px 22px;
  border: 2px solid #ffc63b;
  border-radius: 14px;
  background: #ffc63b;
  color: #00287d;
  font-size: 15px;
  font-weight: 800;
  justify-self: end;
}

.iama-feespectrum-cta-grid>a:hover {
  border-color: #fff;
  background: #fff;
  color: #00287d;
}

/* RESPONSIVE */

@media (max-width:1199px) {

  .iama-feespectrum-page h2,
  .iama-feespectrum-cta h2 {
    font-size: 50px;
  }

  .iama-feespectrum-pricing-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width:991px) {

  .iama-feespectrum-hero,
  .iama-feespectrum-pricing,
  .iama-feespectrum-includes,
  .iama-feespectrum-planning,
  .iama-feespectrum-payment,
  .iama-feespectrum-support {
    padding: 54px 0;
  }

  .iama-feespectrum-hero-grid,
  .iama-feespectrum-includes-grid,
  .iama-feespectrum-planning-grid,
  .iama-feespectrum-support-layout,
  .iama-feespectrum-cta-grid {
    grid-template-columns: 1fr;
  }

  .iama-feespectrum-cta-grid>a {
    justify-self: start;
  }
}

@media (max-width:767px) {

  .iama-feespectrum-page h2,
  .iama-feespectrum-cta h2 {
    font-size: 40px;
    line-height: 1.02;
  }

  .iama-feespectrum-page p,
  .iama-feespectrum-cta p {
    font-size: 16px;
  }

  .iama-feespectrum-hero-visual {
    min-height: auto;
  }

  .iama-feespectrum-hero-image {
    position: relative;
    inset: auto;
    height: 360px;
  }

  .iama-feespectrum-currency-card {
    top: 18px;
    right: 14px;
    width: 125px;
    min-height: 100px;
  }

  .iama-feespectrum-hero-note {
    position: relative;
    right: auto;
    bottom: auto;
    left: auto;
    margin-top: 12px;
  }

  .iama-feespectrum-pricing-grid,
  .iama-feespectrum-includes-list,
  .iama-feespectrum-payment-grid {
    grid-template-columns: 1fr;
  }

  .iama-feespectrum-price-card,
  .iama-feespectrum-includes-list>div,
  .iama-feespectrum-payment-grid article {
    min-height: auto;
  }

  .iama-feespectrum-planning-visual,
  .iama-feespectrum-support-image {
    min-height: 360px;
  }
}

@media (max-width:480px) {

  .iama-feespectrum-hero,
  .iama-feespectrum-pricing,
  .iama-feespectrum-includes,
  .iama-feespectrum-planning,
  .iama-feespectrum-payment,
  .iama-feespectrum-support,
  .iama-feespectrum-cta {
    padding: 44px 0;
  }

  .iama-feespectrum-page h2,
  .iama-feespectrum-cta h2 {
    font-size: 34px;
  }

  .iama-feespectrum-hero-image,
  .iama-feespectrum-planning-visual,
  .iama-feespectrum-support-image {
    min-height: 300px;
    height: 300px;
  }

  .iama-feespectrum-support-actions {
    flex-direction: column;
  }

  .iama-feespectrum-support-actions a,
  .iama-feespectrum-cta-grid>a {
    width: 100%;
    justify-content: space-between;
  }
}

/* =====================================================
IAMA BANK DETAILS — PREMIUM MODERN DESIGN
Unique prefix: iama-bankelite-
===================================================== */

.iama-bankelite-page,
.iama-bankelite-cta {
  overflow: hidden;
  font-family: "Inter", sans-serif;
  color: #000;
}

.iama-bankelite-page *,
.iama-bankelite-cta * {
  box-sizing: border-box;
}

.iama-bankelite-page img,
.iama-bankelite-cta img {
  display: block;
  width: 100%;
}

.iama-bankelite-page a,
.iama-bankelite-cta a {
  text-decoration: none;
}

.iama-bankelite-page h2,
.iama-bankelite-page h3,
.iama-bankelite-page strong,
.iama-bankelite-cta h2 {
  margin: 0;
  font-family: "Outfit", sans-serif;
}

.iama-bankelite-page p,
.iama-bankelite-cta p {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #000;
  line-height: 1.4em;
}

.iama-bankelite-page h2,
.iama-bankelite-cta h2 {
  font-family: "Outfit", sans-serif;
  font-size: 60px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.6px;
  color: #000;
}

.iama-bankelite-page h2 span,
.iama-bankelite-cta h2 span {
  color: #00287d;
}

.iama-bankelite-label {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 9px 14px;
  border-radius: 50px;
  background: #ffc63b;
  color: #00287d;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

/* HERO */

.iama-bankelite-hero {
  padding: 72px 0;
  background: linear-gradient(135deg, #f5f8ff 0%, #fff 62%, #fff7db 100%);
}

.iama-bankelite-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
  align-items: center;
  gap: 48px;
}

.iama-bankelite-hero-copy h2 {
  margin-top: 18px;
}

.iama-bankelite-hero-copy>p {
  max-width: 660px;
  margin-top: 20px;
}

.iama-bankelite-warning {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  max-width: 680px;
  margin-top: 20px;
  padding: 16px 18px;
  border-left: 4px solid #ffc63b;
  border-radius: 12px;
  background: #fff;
  color: #000;
  font-size: 15px;
  line-height: 1.4;
  box-shadow: 0 10px 28px rgba(0, 40, 125, 0.07);
}

.iama-bankelite-warning i {
  margin-top: 2px;
  color: #00287d;
}

.iama-bankelite-hero-visual {
  position: relative;
  height: 500px;
  overflow: hidden;
  border-radius: 28px;
  box-shadow: 0 22px 50px rgba(0, 40, 125, 0.14);
}

.iama-bankelite-hero-visual>img {
  height: 100%;
  object-fit: cover;
}

.iama-bankelite-hero-card {
  position: absolute;
  right: 18px;
  bottom: 18px;
  left: 18px;
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 16px;
  border-radius: 15px;
  background: #00287d;
  color: #fff;
}

.iama-bankelite-hero-card>i {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 46px;
  height: 46px;
  border-radius: 13px;
  background: #ffc63b;
  color: #00287d;
}

.iama-bankelite-hero-card strong,
.iama-bankelite-hero-card span {
  display: block;
  color: #fff;
}

.iama-bankelite-hero-card span {
  margin-top: 3px;
  font-size: 13px;
}

/* COMMON HEADING */

.iama-bankelite-section-head {
  display: grid;
  grid-template-columns: minmax(0, 1.18fr) minmax(280px, 0.82fr);
  align-items: end;
  gap: 44px;
  margin-bottom: 30px;
}

.iama-bankelite-section-head h2 {
  margin-top: 16px;
}

.iama-bankelite-section-head>p {
  padding-bottom: 5px;
}

/* ACCOUNT */

.iama-bankelite-account {
  padding: 70px 0;
  background: #fff;
}

.iama-bankelite-account-layout {
  display: grid;
  grid-template-columns: minmax(260px, 0.72fr) minmax(0, 1.28fr);
  gap: 18px;
}

.iama-bankelite-account-feature {
  min-height: 430px;
  padding: 28px;
  border-radius: 24px;
  background: #00287d;
  color: #fff;
}

.iama-bankelite-account-feature>i {
  display: grid;
  place-items: center;
  width: 58px;
  height: 58px;
  border-radius: 16px;
  background: #ffc63b;
  color: #00287d;
  font-size: 21px;
}

.iama-bankelite-account-feature h3 {
  margin-top: 28px;
  color: #fff;
  font-size: 31px;
  line-height: 1.08;
}

.iama-bankelite-account-feature p {
  margin-top: 14px;
  color: #fff;
  font-size: 16px;
}

.iama-bankelite-account-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.iama-bankelite-account-grid article {
  min-height: 202px;
  padding: 22px;
  border: 1px solid rgba(0, 40, 125, 0.12);
  border-radius: 18px;
  background: #f7f9fc;
}



.iama-bankelite-account-grid i {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: 14px;
  background: #ffc63b;
  color: #00287d;
  font-size: 18px;
}

.iama-bankelite-account-grid span {
  display: block;
  margin-top: 20px;
  color: #00287d;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.iama-bankelite-account-grid strong {
  display: block;
  margin-top: 8px;
  color: #000;
  font-size: 19px;
  line-height: 1.25;
}

/* SAFETY */

.iama-bankelite-safety {
  padding: 70px 0;
  background: #f4f7fc;
}

.iama-bankelite-safety-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
  align-items: stretch;
  gap: 30px;
}

.iama-bankelite-safety-copy {
  align-self: center;
}

.iama-bankelite-safety-copy h2 {
  margin-top: 17px;
}

.iama-bankelite-safety-copy>p {
  margin-top: 18px;
}

.iama-bankelite-safety-cards {
  display: grid;
  gap: 12px;
  margin-top: 22px;
}

.iama-bankelite-safety-cards article {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  align-items: center;
  gap: 14px;
  min-height: 112px;
  padding: 16px;
  border-radius: 16px;
  background: #fff;
}

.iama-bankelite-safety-cards article>i {
  display: grid;
  place-items: center;
  width: 50px;
  height: 50px;
  border-radius: 14px;
  background: #ffc63b;
  color: #00287d;
  font-size: 18px;
}

.iama-bankelite-safety-cards h3 {
  color: #000;
  font-size: 21px;
}

.iama-bankelite-safety-cards p {
  margin-top: 5px;
  font-size: 18px;
}

.iama-bankelite-safety-image {
  height: 520px;
  overflow: hidden;
  border-radius: 24px;
}

.iama-bankelite-safety-image img {
  height: 100%;
  object-fit: cover;
}

/* FLOW */

.iama-bankelite-flow {
  padding: 70px 0;
  background: #fff;
}

.iama-bankelite-flow-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.iama-bankelite-flow-grid article {
  min-height: 235px;
  padding: 22px;
  border-radius: 18px;
  background: #00287d;
}

.iama-bankelite-flow-grid article>i {
  display: grid;
  place-items: center;
  width: 50px;
  height: 50px;
  border-radius: 14px;
  background: #ffc63b;
  color: #00287d;
  font-size: 18px;
}

.iama-bankelite-flow-grid h3 {
  margin-top: 24px;
  color: #fff;
  font-size: 22px;
}

.iama-bankelite-flow-grid p {
  margin-top: 8px;
  color: #fff;
  font-size: 18px;
}

/* PROOF */

.iama-bankelite-proof {
  padding: 70px 0;
  background: #fff8df;
}

.iama-bankelite-proof-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
  align-items: stretch;
  gap: 30px;
}

.iama-bankelite-proof-visual {
  position: relative;
  height: 500px;
  overflow: hidden;
  border-radius: 24px;
}

.iama-bankelite-proof-visual img {
  height: 100%;
  object-fit: cover;
}

.iama-bankelite-proof-badge {
  position: absolute;
  right: 18px;
  bottom: 18px;
  left: 18px;
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 15px 16px;
  border-radius: 14px;
  background: #00287d;
  color: #fff;
}

.iama-bankelite-proof-badge i {
  color: #ffc63b;
}

.iama-bankelite-proof-copy {
  align-self: center;
}

.iama-bankelite-proof-copy h2 {
  margin-top: 17px;
}

.iama-bankelite-proof-gridcards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 13px;
  margin-top: 24px;
}

.iama-bankelite-proof-gridcards article {
  display: flex;
  min-height: 112px;
  align-items: center;
  gap: 13px;
  padding: 16px;
  border-radius: 16px;
  background: #fff;
}

.iama-bankelite-proof-gridcards i {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 46px;
  height: 46px;
  border-radius: 13px;
  background: #ffc63b;
  color: #00287d;
}

.iama-bankelite-proof-gridcards strong {
  color: #000;
  font-size: 21px;
  line-height: 1.25;
}

/* MISTAKES */

.iama-bankelite-mistakes {
  padding: 70px 0;
  background: #fff;
}

.iama-bankelite-mistakes-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.iama-bankelite-mistakes-grid article {
  min-height: 240px;
  padding: 22px;
  border: 1px solid rgba(0, 40, 125, 0.12);
  border-radius: 18px;
  background: #fff;
}

.iama-bankelite-mistakes-grid article>i {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: 14px;
  background: #ffc63b;
  color: #00287d;
  font-size: 18px;
}

.iama-bankelite-mistakes-grid h3 {
  margin-top: 22px;
  color: #000;
  font-size: 21px;
}

.iama-bankelite-mistakes-grid p {
  margin-top: 8px;
  font-size: 15px;
}

/* AFTER */

.iama-bankelite-after {
  padding: 70px 0;
  background: #00287d;
}

.iama-bankelite-after-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  align-items: center;
  gap: 42px;
}

.iama-bankelite-after-copy h2 {
  margin-top: 17px;
  color: #fff;
}

.iama-bankelite-after-copy h2 span {
  color: #ffc63b;
}

.iama-bankelite-after-copy p {
  margin-top: 18px;
  color: #fff;
}

.iama-bankelite-after-gridcards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.iama-bankelite-after-gridcards article {
  display: flex;
  min-height: 120px;
  align-items: center;
  gap: 13px;
  padding: 17px;
  border-radius: 16px;
  background: #fff;
}

.iama-bankelite-after-gridcards i {
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  border-radius: 13px;
  background: #ffc63b;
  color: #00287d;
}

.iama-bankelite-after-gridcards strong {
  color: #000;
  font-size: 18px;
}

/* CTA */

.iama-bankelite-cta {
  position: relative;
  padding: 76px 0;
  background: #00287d;
}

.iama-bankelite-cta-bg,
.iama-bankelite-cta-overlay {
  position: absolute;
  inset: 0;
}

.iama-bankelite-cta-bg img {
  height: 100%;
  object-fit: cover;
}

.iama-bankelite-cta-overlay {
  background: linear-gradient(90deg, rgba(0, 24, 78, 0.97), rgba(0, 40, 125, 0.78));
}

.iama-bankelite-cta .container {
  position: relative;
  z-index: 2;
}

.iama-bankelite-cta-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) auto;
  align-items: center;
  gap: 50px;
}

.iama-bankelite-cta h2 {
  margin-top: 17px;
  color: #fff;
}

.iama-bankelite-cta h2 span {
  color: #ffc63b;
}

.iama-bankelite-cta p {
  margin-top: 18px;
  color: #fff;
}

.iama-bankelite-cta-grid>a {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 56px;
  padding: 15px 22px;
  border: 2px solid #ffc63b;
  border-radius: 14px;
  background: #ffc63b;
  color: #00287d;
  font-size: 15px;
  font-weight: 800;
  justify-self: end;
}

.iama-bankelite-cta-grid>a:hover {
  border-color: #fff;
  background: #fff;
  color: #00287d;
}

/* RESPONSIVE */

@media (max-width: 1199px) {

  .iama-bankelite-page h2,
  .iama-bankelite-cta h2 {
    font-size: 50px;
  }

  .iama-bankelite-flow-grid,
  .iama-bankelite-mistakes-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 991px) {

  .iama-bankelite-hero,
  .iama-bankelite-account,
  .iama-bankelite-safety,
  .iama-bankelite-flow,
  .iama-bankelite-proof,
  .iama-bankelite-mistakes,
  .iama-bankelite-after {
    padding: 56px 0;
  }

  .iama-bankelite-hero-grid,
  .iama-bankelite-account-layout,
  .iama-bankelite-safety-grid,
  .iama-bankelite-proof-grid,
  .iama-bankelite-after-grid,
  .iama-bankelite-cta-grid,
  .iama-bankelite-section-head {
    grid-template-columns: 1fr;
  }

  .iama-bankelite-account-feature {
    min-height: auto;
  }

  .iama-bankelite-cta-grid>a {
    justify-self: start;
  }
}

@media (max-width: 767px) {

  .iama-bankelite-page h2,
  .iama-bankelite-cta h2 {
    font-size: 40px;
    line-height: 1.02;
  }

  .iama-bankelite-page p,
  .iama-bankelite-cta p {
    font-size: 16px;
  }

  .iama-bankelite-hero-visual,
  .iama-bankelite-safety-image,
  .iama-bankelite-proof-visual {
    height: 360px;
  }

  .iama-bankelite-account-grid,
  .iama-bankelite-flow-grid,
  .iama-bankelite-proof-gridcards,
  .iama-bankelite-mistakes-grid,
  .iama-bankelite-after-gridcards {
    grid-template-columns: 1fr;
  }

  .iama-bankelite-account-grid article:last-child {
    grid-column: auto;
  }

  .iama-bankelite-flow-grid article,
  .iama-bankelite-mistakes-grid article {
    min-height: auto;
  }
}

@media (max-width: 480px) {

  .iama-bankelite-hero,
  .iama-bankelite-account,
  .iama-bankelite-safety,
  .iama-bankelite-flow,
  .iama-bankelite-proof,
  .iama-bankelite-mistakes,
  .iama-bankelite-after,
  .iama-bankelite-cta {
    padding: 46px 0;
  }

  .iama-bankelite-page h2,
  .iama-bankelite-cta h2 {
    font-size: 34px;
  }

  .iama-bankelite-hero-visual,
  .iama-bankelite-safety-image,
  .iama-bankelite-proof-visual {
    height: 300px;
  }

  .iama-bankelite-hero-card,
  .iama-bankelite-proof-badge {
    right: 12px;
    bottom: 12px;
    left: 12px;
  }

  .iama-bankelite-cta-grid>a {
    width: 100%;
    justify-content: space-between;
  }
}


/* =====================================================
IAMA STUDENT LIFE — WOW MODERN DESIGN
Unique prefix: iama-lifevista-
===================================================== */

.iama-lifevista-page {
  overflow: hidden;
  font-family: "Inter", sans-serif;
  color: #000;
}

.iama-lifevista-page * {
  box-sizing: border-box;
}

.iama-lifevista-page img {
  display: block;
  width: 100%;
}

.iama-lifevista-page a {
  text-decoration: none;
}

.iama-lifevista-page h2,
.iama-lifevista-page h3,
.iama-lifevista-page strong {
  margin: 0;
  font-family: "Outfit", sans-serif;
}

.iama-lifevista-page p {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #000;
  line-height: 1.4em;
}

.iama-lifevista-page h2 {
  font-size: 60px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.6px;
  color: #000;
}

.iama-lifevista-page h2 span {
  color: #00287d;
}

.iama-lifevista-label {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 9px 14px;
  border-radius: 50px;
  background: #ffc63b;
  color: #00287d;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

/* HERO */

.iama-lifevista-hero {
  padding: 72px 0;
  background:
    radial-gradient(circle at 7% 10%, rgba(255, 198, 59, 0.24), transparent 24%),
    linear-gradient(135deg, #f5f8ff 0%, #fff 60%, #fff7da 100%);
}

.iama-lifevista-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.93fr) minmax(0, 1.07fr);
  align-items: center;
  gap: 48px;
}

.iama-lifevista-hero-copy h2 {
  margin-top: 18px;
}

.iama-lifevista-hero-copy>p {
  max-width: 650px;
  margin-top: 20px;
}

.iama-lifevista-hero-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 22px;
}

.iama-lifevista-hero-tags span {
  padding: 9px 14px;
  border-radius: 10px;
  background: #fff;
  color: #00287d;
  font-size: 19px;
  font-weight: 700;
  box-shadow: 0 8px 20px rgba(0, 40, 125, 0.07);
}

.iama-lifevista-hero-visual {
  position: relative;
  height: 520px;
  overflow: hidden;
  border-radius: 30px;
  box-shadow: 0 24px 54px rgba(0, 40, 125, 0.15);
}

.iama-lifevista-hero-visual>img {
  height: 100%;
  object-fit: cover;
}

.iama-lifevista-hero-card {
  position: absolute;
  right: 20px;
  bottom: 20px;
  left: 20px;
  padding: 18px;
  border-radius: 16px;
  background: #00287d;
  color: #fff;
}

.iama-lifevista-hero-card span,
.iama-lifevista-hero-card strong {
  display: block;
  color: #fff;
}

.iama-lifevista-hero-card span {
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.iama-lifevista-hero-card strong {
  margin-top: 6px;
  font-size: 24px;
}

.iama-lifevista-hero-badge {
  position: absolute;
  top: 22px;
  right: 22px;
  display: flex;
  align-items: center;
  gap: 10px;
  max-width: 235px;
  padding: 13px 15px;
  border-radius: 14px;
  background: #ffc63b;
  color: #00287d;
  font-size: 13px;
  font-weight: 700;
}

.iama-lifevista-hero-badge i {
  font-size: 18px;
}

/* COMMON */

.iama-lifevista-section-head {
  margin-bottom: 30px;
}

.iama-lifevista-section-head h2 {
  max-width: 860px;
  margin-top: 16px;
}

/* DAY */

.iama-lifevista-day {
  padding: 70px 0;
  background: #fff;
}

.iama-lifevista-day-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 15px;
}

.iama-lifevista-day-grid article {
  position: relative;
  min-height: 245px;
  overflow: hidden;
  padding: 23px;
  border: 1px solid rgba(0, 40, 125, 0.12);
  border-radius: 20px;
  background: #fff;
  transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
}

.iama-lifevista-day-grid article::after {
  content: "";
  position: absolute;
  right: -42px;
  bottom: -42px;
  width: 130px;
  height: 130px;
  border-radius: 50%;
  background: #fff3c7;
  transition: transform 0.35s ease;
}

.iama-lifevista-day-grid article:hover {
  transform: translateY(-8px);
  background: #00287d;
  box-shadow: 0 22px 42px rgba(0, 40, 125, 0.16);
}

.iama-lifevista-day-grid article:hover::after {
  transform: scale(1.15);
}

.iama-lifevista-day-grid time {
  position: relative;
  z-index: 2;
  color: #00287d;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.iama-lifevista-day-grid article>i {
  position: relative;
  z-index: 2;
  display: grid;
  place-items: center;
  width: 50px;
  height: 50px;
  margin-top: 22px;
  border-radius: 14px;
  background: #ffc63b;
  color: #00287d;
  font-size: 18px;
}

.iama-lifevista-day-grid h3 {
  position: relative;
  z-index: 2;
  margin-top: 22px;
  color: #000;
  font-size: 24px;
}

.iama-lifevista-day-grid p {
  position: relative;
  z-index: 2;
  margin-top: 8px;
  font-size: 18px;
}

.iama-lifevista-day-grid article:hover time,
.iama-lifevista-day-grid article:hover h3,
.iama-lifevista-day-grid article:hover p {
  color: #fff;
}

/* BALANCE */

.iama-lifevista-balance {
  padding: 70px 0;
  background: #f4f7fc;
}

.iama-lifevista-balance-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  align-items: stretch;
  gap: 30px;
}

.iama-lifevista-balance-image {
  position: relative;
  height: 600px;
  overflow: hidden;
  border-radius: 26px;
}

.iama-lifevista-balance-image>img {
  height: 100%;
  object-fit: cover;
}

.iama-lifevista-balance-overlay {
  position: absolute;
  right: 18px;
  bottom: 18px;
  left: 18px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 16px;
  border-radius: 15px;
  background: rgba(0, 40, 125, 0.92);
}

.iama-lifevista-balance-overlay span {
  padding: 8px 12px;
  border-radius: 9px;
  background: #fff;
  color: #00287d;
  font-size: 17px;
  font-weight: 700;
}

.iama-lifevista-balance-copy {
  align-self: center;
}

.iama-lifevista-balance-copy h2 {
  margin-top: 17px;
}

.iama-lifevista-balance-copy>p {
  margin-top: 18px;
}

.iama-lifevista-balance-cards {
  display: grid;
  gap: 12px;
  margin-top: 22px;
}

.iama-lifevista-balance-cards article {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  align-items: center;
  gap: 13px;
  min-height: 84px;
  padding: 15px;
  border-radius: 15px;
  background: #fff;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.iama-lifevista-balance-cards article:hover {
  transform: translateX(6px);
  box-shadow: 0 12px 26px rgba(0, 40, 125, 0.1);
}

.iama-lifevista-balance-cards i {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 12px;
  background: #ffc63b;
  color: #00287d;
}

.iama-lifevista-balance-cards span {
  color: #000;
  font-size: 21px;
  line-height: 1.4;
}

/* GROWTH */

.iama-lifevista-growth {
  padding: 70px 0;
  background: #fff;
}

.iama-lifevista-growth-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 15px;
}

.iama-lifevista-growth-grid article {
  padding: 22px;
  border-radius: 20px;
  background: #00287d;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.iama-lifevista-growth-grid article:hover {
  transform: translateY(-8px);
  box-shadow: 0 22px 42px rgba(0, 40, 125, 0.2);
}

.iama-lifevista-growth-grid i {
  display: grid;
  place-items: center;
  width: 50px;
  height: 50px;
  border-radius: 14px;
  background: #ffc63b;
  color: #00287d;
  font-size: 18px;
}

.iama-lifevista-growth-grid h3 {
  margin-top: 24px;
  color: #fff;
  font-size: 22px;
}

.iama-lifevista-growth-grid p {
  margin-top: 8px;
  color: #fff;
  font-size: 18px;
}

/* PILLARS */

.iama-lifevista-pillars {
  padding: 70px 0;
  background: #fff8df;
}

.iama-lifevista-pillars-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.78fr) minmax(0, 1.22fr);
  align-items: stretch;
  gap: 24px;
}

.iama-lifevista-pillars-copy {
  min-height: 420px;
  padding: 30px;
  border-radius: 24px;
  background: #00287d;
}

.iama-lifevista-pillars-copy h2 {
  margin-top: 18px;
  color: #fff;
}

.iama-lifevista-pillars-copy h2 span {
  color: #ffc63b;
}

.iama-lifevista-pillars-cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.iama-lifevista-pillars-cards article {
  min-height: 198px;
  padding: 22px;
  border-radius: 18px;
  background: #fff;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.iama-lifevista-pillars-cards article:hover {
  transform: translateY(-7px) rotate(-0.5deg);
  box-shadow: 0 18px 34px rgba(0, 40, 125, 0.12);
}

.iama-lifevista-pillars-cards i {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: 14px;
  background: #ffc63b;
  color: #00287d;
  font-size: 18px;
}

.iama-lifevista-pillars-cards h3 {
  margin-top: 20px;
  color: #000;
  font-size: 25px;
}

.iama-lifevista-pillars-cards p {
  margin-top: 7px;
  font-size: 18px;
}

/* HABITS */

.iama-lifevista-habits {
  padding: 70px 0;
  background: #fff;
}

.iama-lifevista-habits-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr);
  align-items: center;
  gap: 40px;
}

.iama-lifevista-habits-copy h2 {
  margin-top: 17px;
}

.iama-lifevista-habits-cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 13px;
}

.iama-lifevista-habits-cards article {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  align-items: center;
  gap: 13px;
  min-height: 120px;
  padding: 17px;
  border: 1px solid rgba(0, 40, 125, 0.12);
  border-radius: 17px;
  background: #fff;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.iama-lifevista-habits-cards article:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 30px rgba(0, 40, 125, 0.1);
}

.iama-lifevista-habits-cards i {
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  border-radius: 13px;
  background: #ffc63b;
  color: #00287d;
}

.iama-lifevista-habits-cards p {
  font-size: 21px;
}

/* JOURNEY */

.iama-lifevista-journey {
  padding: 70px 0;
  background: #f4f7fc;
}

.iama-lifevista-journey-wrap {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  min-height: 460px;
  overflow: hidden;
  border-radius: 28px;
  background: #00287d;
}

.iama-lifevista-journey-image {
  height: 460px;
}

.iama-lifevista-journey-image img {
  height: 100%;
  object-fit: cover;
}

.iama-lifevista-journey-copy {
  align-self: center;
  padding: 44px;
}

.iama-lifevista-journey-copy h2 {
  margin-top: 17px;
  color: #fff;
}

.iama-lifevista-journey-copy h2 span {
  color: #ffc63b;
}

.iama-lifevista-journey-copy a {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 54px;
  margin-top: 22px;
  padding: 14px 20px;
  border: 2px solid #ffc63b;
  border-radius: 14px;
  background: #ffc63b;
  color: #00287d;
  font-size: 19px;
  font-weight: 800;
  transition: transform 0.25s ease, background 0.25s ease;
}

.iama-lifevista-journey-copy a:hover {
  transform: translateY(-3px);
  border-color: #fff;
  background: #fff;
  color: #00287d;
}

/* RESPONSIVE */

@media (max-width: 1199px) {
  .iama-lifevista-page h2 {
    font-size: 50px;
  }

  .iama-lifevista-day-grid,
  .iama-lifevista-growth-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 991px) {

  .iama-lifevista-hero,
  .iama-lifevista-day,
  .iama-lifevista-balance,
  .iama-lifevista-growth,
  .iama-lifevista-pillars,
  .iama-lifevista-habits,
  .iama-lifevista-journey {
    padding: 56px 0;
  }

  .iama-lifevista-hero-grid,
  .iama-lifevista-balance-grid,
  .iama-lifevista-pillars-grid,
  .iama-lifevista-habits-grid,
  .iama-lifevista-journey-wrap {
    grid-template-columns: 1fr;
  }

  .iama-lifevista-pillars-copy {
    min-height: auto;
  }

  .iama-lifevista-journey-copy {
    padding: 34px;
  }
}

@media (max-width: 767px) {
  .iama-lifevista-page h2 {
    font-size: 40px;
    line-height: 1.02;
  }

  .iama-lifevista-page p {
    font-size: 16px;
  }

  .iama-lifevista-hero-visual,
  .iama-lifevista-balance-image,
  .iama-lifevista-journey-image {
    height: 360px;
    min-height: 360px;
  }

  .iama-lifevista-day-grid,
  .iama-lifevista-growth-grid,
  .iama-lifevista-pillars-cards,
  .iama-lifevista-habits-cards {
    grid-template-columns: 1fr;
  }

  .iama-lifevista-day-grid article,
  .iama-lifevista-growth-grid article,
  .iama-lifevista-pillars-cards article {
    min-height: auto;
  }
}

@media (max-width: 480px) {

  .iama-lifevista-hero,
  .iama-lifevista-day,
  .iama-lifevista-balance,
  .iama-lifevista-growth,
  .iama-lifevista-pillars,
  .iama-lifevista-habits,
  .iama-lifevista-journey {
    padding: 46px 0;
  }

  .iama-lifevista-page h2 {
    font-size: 34px;
  }

  .iama-lifevista-hero-visual,
  .iama-lifevista-balance-image,
  .iama-lifevista-journey-image {
    height: 300px;
    min-height: 300px;
  }

  .iama-lifevista-hero-card {
    right: 12px;
    bottom: 12px;
    left: 12px;
  }

  .iama-lifevista-hero-badge {
    top: 12px;
    right: 12px;
    left: 12px;
    max-width: none;
  }

  .iama-lifevista-journey-copy {
    padding: 24px;
  }

  .iama-lifevista-journey-copy a {
    width: 100%;
    justify-content: space-between;
  }
}


/* =====================================================
IAMA CAMPUS LIFE — PREMIUM IMMERSIVE DESIGN
Unique prefix: iama-campushorizon-
===================================================== */

.iama-campushorizon-page {
  overflow: hidden;
  font-family: "Inter", sans-serif;
  color: #000;
}

.iama-campushorizon-page * {
  box-sizing: border-box;
}

.iama-campushorizon-page img {
  display: block;
  width: 100%;
}

.iama-campushorizon-page a {
  text-decoration: none;
}

.iama-campushorizon-page h2,
.iama-campushorizon-page h3,
.iama-campushorizon-page strong {
  margin: 0;
  font-family: "Outfit", sans-serif;
}

.iama-campushorizon-page p {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #000;
  line-height: 1.4em;
}

.iama-campushorizon-page h2 {
  font-size: 60px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.6px;
  color: #000;
}

.iama-campushorizon-page h2 span {
  color: #00287d;
}

.iama-campushorizon-label {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 9px 14px;
  border-radius: 50px;
  background: #ffc63b;
  color: #00287d;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

/* HERO */

.iama-campushorizon-hero {
  position: relative;
  min-height: 760px;
  display: flex;
  align-items: center;
  background: #00287d;
}

.iama-campushorizon-hero-bg,
.iama-campushorizon-hero-overlay {
  position: absolute;
  inset: 0;
}

.iama-campushorizon-hero-bg img {
  height: 100%;
  object-fit: cover;
}

.iama-campushorizon-hero-overlay {
  background:
    linear-gradient(90deg, rgba(0, 24, 78, 0.97) 0%, rgba(0, 40, 125, 0.86) 52%, rgba(0, 40, 125, 0.34) 100%);
}

.iama-campushorizon-hero .container {
  position: relative;
  z-index: 2;
}

.iama-campushorizon-hero-content {
  max-width: 880px;
  padding: 220px 0 70px;
}

.iama-campushorizon-hero-content h2 {
  margin-top: 20px;
  color: #fff;
  font-size: 66px;
}

.iama-campushorizon-hero-content h2 span {
  color: #ffc63b;
}

.iama-campushorizon-hero-content>p {
  max-width: 730px;
  margin-top: 22px;
  color: #fff;
}

.iama-campushorizon-hero-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
  margin-top: 24px;
}

.iama-campushorizon-hero-actions>a {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 54px;
  padding: 14px 22px;
  border: 2px solid #ffc63b;
  border-radius: 14px;
  background: #ffc63b;
  color: #00287d;
  font-size: 18px;
  font-weight: 800;
  transition: transform 0.25s ease, background 0.25s ease;
}

.iama-campushorizon-hero-actions>a:hover {
  transform: translateY(-3px);
  border-color: #fff;
  background: #fff;
  color: #00287d;
}

.iama-campushorizon-hero-actions>div {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #fff;
  font-size: 21px;
  font-weight: 700;
}

.iama-campushorizon-hero-actions>div i {
  color: #ffc63b;
}

.iama-campushorizon-hero-insights {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  max-width: 860px;
  margin-top: 32px;
}

.iama-campushorizon-hero-insights article {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 92px;
  padding: 16px;
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(8px);
}

.iama-campushorizon-hero-insights i {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 13px;
  background: #ffc63b;
  color: #00287d;
}

.iama-campushorizon-hero-insights strong {
  color: #fff;
  font-size: 16px;
  line-height: 1.2;
}

/* COMMON */

.iama-campushorizon-section-head {
  margin-bottom: 30px;
}

.iama-campushorizon-section-head h2 {
  max-width: 900px;
  margin-top: 16px;
}

/* ECOSYSTEM */

.iama-campushorizon-ecosystem {
  padding: 72px 0;
  background: #fff;
}

.iama-campushorizon-ecosystem-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  align-items: stretch;
  gap: 28px;
}

.iama-campushorizon-ecosystem-image {
  position: relative;
  height: 560px;
  overflow: hidden;
  border-radius: 28px;
}

.iama-campushorizon-ecosystem-image>img {
  height: 100%;
  object-fit: cover;
}

.iama-campushorizon-hub-card {
  position: absolute;
  right: 18px;
  bottom: 18px;
  left: 18px;
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 17px;
  border-radius: 16px;
  background: #00287d;
  color: #fff;
}

.iama-campushorizon-hub-card>i {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: 14px;
  background: #ffc63b;
  color: #00287d;
}

.iama-campushorizon-hub-card span,
.iama-campushorizon-hub-card strong {
  display: block;
  color: #fff;
}

.iama-campushorizon-hub-card span {
  font-size: 15px;
  font-weight: 700;
}

.iama-campushorizon-hub-card strong {
  margin-top: 4px;
  font-size: 20px;
}

.iama-campushorizon-ecosystem-cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.iama-campushorizon-ecosystem-cards article {
  min-height: 265px;
  padding: 23px;
  border: 1px solid rgba(0, 40, 125, 0.12);
  border-radius: 20px;
  background: #f7f9fc;
  transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
}

.iama-campushorizon-ecosystem-cards article:hover {
  transform: translateY(-7px);
  background: #00287d;
  box-shadow: 0 20px 38px rgba(0, 40, 125, 0.14);
}

.iama-campushorizon-ecosystem-cards i {
  display: grid;
  place-items: center;
  width: 50px;
  height: 50px;
  border-radius: 14px;
  background: #ffc63b;
  color: #00287d;
  font-size: 18px;
}

.iama-campushorizon-ecosystem-cards h3 {
  margin-top: 24px;
  color: #000;
  font-size: 25px;
}

.iama-campushorizon-ecosystem-cards p {
  margin-top: 9px;
  font-size: 18px;
}

.iama-campushorizon-ecosystem-cards article:hover h3,
.iama-campushorizon-ecosystem-cards article:hover p {
  color: #fff;
}

/* JOURNEY */

.iama-campushorizon-journey {
  padding: 72px 0;
  background: #00287d;
}

.iama-campushorizon-journey-wrap {
  display: grid;
  grid-template-columns: minmax(0, 0.78fr) minmax(0, 1.22fr);
  align-items: stretch;
  gap: 28px;
}

.iama-campushorizon-journey-copy {
  padding: 30px;
  border-radius: 24px;
  background: #ffc63b;
}

.iama-campushorizon-journey-copy h2 {
  margin-top: 18px;
  color: #00287d;
}

.iama-campushorizon-journey-copy h2 span {
  color: #000;
}

.iama-campushorizon-journey-cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.iama-campushorizon-journey-cards article {
  min-height: 210px;
  padding: 22px;
  border-radius: 18px;
  background: #fff;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.iama-campushorizon-journey-cards article:hover {
  transform: translateY(-7px);
  box-shadow: 0 18px 32px rgba(0, 0, 0, 0.15);
}

.iama-campushorizon-journey-cards i {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: 14px;
  background: #ffc63b;
  color: #00287d;
}

.iama-campushorizon-journey-cards h3 {
  margin-top: 22px;
  color: #000;
  font-size: 26px;
}

.iama-campushorizon-journey-cards p {
  margin-top: 8px;
  font-size: 18px;
}

/* COMMUNITY */

.iama-campushorizon-community {
  padding: 72px 0;
  background: #f4f7fc;
}

.iama-campushorizon-community-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
  align-items: center;
  gap: 40px;
}

.iama-campushorizon-community-gallery {
  display: grid;
  grid-template-columns: 1.35fr 0.65fr;
  grid-template-rows: repeat(2, 240px);
  gap: 14px;
}

.iama-campushorizon-gallery-main,
.iama-campushorizon-gallery-small {
  overflow: hidden;
  border-radius: 22px;
}

.iama-campushorizon-gallery-main {
  grid-row: 1 / 3;
}

.iama-campushorizon-community-gallery img {
  height: 100%;
  object-fit: cover;
  transition: transform 0.45s ease;
}

.iama-campushorizon-community-gallery div:hover img {
  transform: scale(1.05);
}

.iama-campushorizon-community-copy h2 {
  margin-top: 17px;
}

.iama-campushorizon-community-copy>p {
  margin-top: 18px;
}

.iama-campushorizon-community-points {
  display: grid;
  gap: 12px;
  margin-top: 22px;
}

.iama-campushorizon-community-points article {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  align-items: center;
  gap: 13px;
  min-height: 82px;
  padding: 15px;
  border-radius: 15px;
  background: #fff;
}

.iama-campushorizon-community-points i {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 13px;
  background: #ffc63b;
  color: #00287d;
}

.iama-campushorizon-community-points span {
  color: #000;
  font-size: 22px;
}

/* SERVICES */

.iama-campushorizon-services {
  padding: 72px 0;
  background: #fff;
}

.iama-campushorizon-services-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 15px;
}

.iama-campushorizon-services-grid a {
  display: flex;
  flex-direction: column;
  padding: 23px;
  border: 1px solid rgba(0, 40, 125, 0.12);
  border-radius: 20px;
  background: #fff;
  color: #000;
  transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
}

.iama-campushorizon-services-grid a:hover {
  transform: translateY(-8px);
  background: #00287d;
  box-shadow: 0 20px 38px rgba(0, 40, 125, 0.15);
}

.iama-campushorizon-services-grid>a>i {
  display: grid;
  place-items: center;
  width: 50px;
  height: 50px;
  border-radius: 14px;
  background: #ffc63b;
  color: #00287d;
  font-size: 18px;
}

.iama-campushorizon-services-grid h3 {
  margin-top: 24px;
  color: #000;
  font-size: 22px;
}

.iama-campushorizon-services-grid p {
  margin-top: 8px;
  font-size: 18px;
}

.iama-campushorizon-services-grid a>span {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 20px;
  color: #00287d;
  font-size: 13px;
  font-weight: 800;
  text-transform: uppercase;
}

.iama-campushorizon-services-grid a:hover h3,
.iama-campushorizon-services-grid a:hover p,
.iama-campushorizon-services-grid a:hover>span {
  color: #fff;
}

/* VALUES */

.iama-campushorizon-values {
  padding: 72px 0;
  background: #eaf1ff;
}

.iama-campushorizon-values-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.78fr) minmax(0, 1.22fr);
  align-items: stretch;
  gap: 24px;
}

.iama-campushorizon-values-copy {
  min-height: 420px;
  padding: 30px;
  border-radius: 24px;
  background: #00287d;
}

.iama-campushorizon-values-copy h2 {
  margin-top: 18px;
  color: #fff;
}

.iama-campushorizon-values-copy h2 span {
  color: #ffc63b;
}

.iama-campushorizon-values-cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.iama-campushorizon-values-cards article {
  min-height: 198px;
  padding: 22px;
  border-radius: 18px;
  background: #fff;
}

.iama-campushorizon-values-cards i {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: 14px;
  background: #ffc63b;
  color: #00287d;
}

.iama-campushorizon-values-cards h3 {
  margin-top: 20px;
  color: #000;
  font-size: 22px;
}

.iama-campushorizon-values-cards p {
  margin-top: 7px;
  font-size: 18px;
}

/* QUOTE */

.iama-campushorizon-quote {
  padding: 72px 0;
  background: #fff;
}

.iama-campushorizon-quote-box {
  position: relative;
  overflow: hidden;
  padding: 46px;
  border-radius: 28px;
  background: #00287d;
}

.iama-campushorizon-quote-box>i {
  color: #ffc63b;
  font-size: 34px;
}

.iama-campushorizon-quote-box h2 {
  max-width: 1060px;
  margin-top: 24px;
  color: #fff;
}

.iama-campushorizon-quote-box h2 span {
  color: #ffc63b;
}

.iama-campushorizon-quote-box p {
  max-width: 760px;
  margin-top: 18px;
  color: #fff;
}

/* SUPPORT */

.iama-campushorizon-support {
  padding: 72px 0;
  background: #f4f7fc;
}

.iama-campushorizon-support-wrap {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  min-height: 470px;
  overflow: hidden;
  border-radius: 28px;
  background: #00287d;
}

.iama-campushorizon-support-image {
  height: 470px;
}

.iama-campushorizon-support-image img {
  height: 100%;
  object-fit: cover;
}

.iama-campushorizon-support-copy {
  align-self: center;
  padding: 46px;
}

.iama-campushorizon-support-copy h2 {
  margin-top: 17px;
  color: #fff;
}

.iama-campushorizon-support-copy h2 span {
  color: #ffc63b;
}

.iama-campushorizon-support-copy p {
  margin-top: 18px;
  color: #fff;
}

.iama-campushorizon-support-copy a {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 54px;
  margin-top: 22px;
  padding: 14px 20px;
  border: 2px solid #ffc63b;
  border-radius: 14px;
  background: #ffc63b;
  color: #00287d;
  font-size: 19px;
  font-weight: 800;
  transition: transform 0.25s ease, background 0.25s ease;
}

.iama-campushorizon-support-copy a:hover {
  transform: translateY(-3px);
  border-color: #fff;
  background: #fff;
  color: #00287d;
}

/* RESPONSIVE */

@media (max-width: 1199px) {
  .iama-campushorizon-page h2 {
    font-size: 50px;
  }

  .iama-campushorizon-hero-content h2 {
    font-size: 56px;
  }

  .iama-campushorizon-services-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 991px) {

  .iama-campushorizon-ecosystem,
  .iama-campushorizon-journey,
  .iama-campushorizon-community,
  .iama-campushorizon-services,
  .iama-campushorizon-values,
  .iama-campushorizon-quote,
  .iama-campushorizon-support {
    padding: 56px 0;
  }

  .iama-campushorizon-ecosystem-grid,
  .iama-campushorizon-journey-wrap,
  .iama-campushorizon-community-grid,
  .iama-campushorizon-values-grid,
  .iama-campushorizon-support-wrap {
    grid-template-columns: 1fr;
  }

  .iama-campushorizon-values-copy {
    min-height: auto;
  }

  .iama-campushorizon-support-copy {
    padding: 34px;
  }
}

@media (max-width: 767px) {
  .iama-campushorizon-page h2 {
    font-size: 40px;
    line-height: 1.02;
  }

  .iama-campushorizon-page p {
    font-size: 16px;
  }

  .iama-campushorizon-hero {
    min-height: auto;
  }

  .iama-campushorizon-hero-content {
    padding: 64px 0;
  }

  .iama-campushorizon-hero-content h2 {
    font-size: 44px;
  }

  .iama-campushorizon-hero-insights,
  .iama-campushorizon-ecosystem-cards,
  .iama-campushorizon-journey-cards,
  .iama-campushorizon-services-grid,
  .iama-campushorizon-values-cards {
    grid-template-columns: 1fr;
  }

  .iama-campushorizon-ecosystem-image,
  .iama-campushorizon-support-image {
    height: 360px;
    min-height: 360px;
  }

  .iama-campushorizon-community-gallery {
    grid-template-columns: 1fr;
    grid-template-rows: 320px 200px 200px;
  }

  .iama-campushorizon-gallery-main {
    grid-row: auto;
  }

  .iama-campushorizon-services-grid a {
    min-height: 250px;
  }
}

@media (max-width: 480px) {

  .iama-campushorizon-ecosystem,
  .iama-campushorizon-journey,
  .iama-campushorizon-community,
  .iama-campushorizon-services,
  .iama-campushorizon-values,
  .iama-campushorizon-quote,
  .iama-campushorizon-support {
    padding: 46px 0;
  }

  .iama-campushorizon-page h2 {
    font-size: 34px;
  }

  .iama-campushorizon-hero-content h2 {
    font-size: 38px;
  }

  .iama-campushorizon-hero-actions {
    flex-direction: column;
    align-items: flex-start;
  }

  .iama-campushorizon-hero-actions>a,
  .iama-campushorizon-support-copy a {
    width: 100%;
    justify-content: space-between;
  }

  .iama-campushorizon-ecosystem-image,
  .iama-campushorizon-support-image {
    height: 300px;
    min-height: 300px;
  }

  .iama-campushorizon-quote-box {
    padding: 28px;
  }

  .iama-campushorizon-support-copy {
    padding: 24px;
  }
}

/* =====================================================
IAMA STUDENT SUPPORT SERVICES — MODERN DESIGN
Unique prefix: iama-supportnova-
===================================================== */

.iama-supportnova-page {
  overflow: hidden;
  font-family: "Inter", sans-serif;
  color: #000;
}

.iama-supportnova-page * {
  box-sizing: border-box;
}

.iama-supportnova-page img {
  display: block;
  width: 100%;
}

.iama-supportnova-page a {
  text-decoration: none;
}

.iama-supportnova-page h2,
.iama-supportnova-page h3,
.iama-supportnova-page strong {
  margin: 0;
  font-family: "Outfit", sans-serif;
}

.iama-supportnova-page p {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #000;
  line-height: 1.4em;
}

.iama-supportnova-page h2 {
  font-size: 60px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.6px;
  color: #000;
}

.iama-supportnova-page h2 span {
  color: #00287d;
}

.iama-supportnova-label {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 9px 14px;
  border-radius: 50px;
  background: #ffc63b;
  color: #00287d;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

/* HERO */

.iama-supportnova-hero {
  padding: 72px 0;
  background:
    radial-gradient(circle at 8% 12%, rgba(255, 198, 59, 0.23), transparent 24%),
    linear-gradient(135deg, #f5f8ff 0%, #fff 60%, #fff7da 100%);
}

.iama-supportnova-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
  align-items: center;
  gap: 48px;
}

.iama-supportnova-hero-copy h2 {
  margin-top: 18px;
}

.iama-supportnova-hero-copy>p {
  max-width: 650px;
  margin-top: 20px;
}

.iama-supportnova-hero-points {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 22px;
}

.iama-supportnova-hero-points span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 13px;
  border-radius: 10px;
  background: #fff;
  color: #000;
  font-size: 18px;
  font-weight: 700;
  box-shadow: 0 8px 20px rgba(0, 40, 125, 0.07);
}

.iama-supportnova-hero-points i {
  color: #00287d;
}

.iama-supportnova-primary-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 54px;
  margin-top: 22px;
  padding: 14px 22px;
  border-radius: 14px;
  background: #00287d;
  color: #fff;
  font-size: 15px;
  font-weight: 800;
  transition: transform 0.25s ease, background 0.25s ease;
}

.iama-supportnova-primary-btn:hover {
  transform: translateY(-3px);
  background: #001f63;
  color: #fff;
}

.iama-supportnova-hero-visual {
  position: relative;
  height: 500px;
  overflow: hidden;
  border-radius: 28px;
  box-shadow: 0 22px 52px rgba(0, 40, 125, 0.14);
}

.iama-supportnova-hero-visual>img {
  height: 100%;
  object-fit: cover;
}

.iama-supportnova-hero-card {
  position: absolute;
  right: 18px;
  bottom: 18px;
  left: 18px;
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 16px;
  border-radius: 15px;
  background: #00287d;
  color: #fff;
}

.iama-supportnova-hero-card>i {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 46px;
  height: 46px;
  border-radius: 13px;
  background: #ffc63b;
  color: #00287d;
}

.iama-supportnova-hero-card strong,
.iama-supportnova-hero-card span {
  display: block;
  color: #fff;
}

.iama-supportnova-hero-card span {
  margin-top: 3px;
  font-size: 13px;
}

/* COMMON HEADING */

.iama-supportnova-section-head {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.85fr);
  align-items: end;
  gap: 42px;
  margin-bottom: 30px;
}

.iama-supportnova-section-head h2 {
  margin-top: 16px;
}

.iama-supportnova-section-head>p {
  padding-bottom: 5px;
}

/* AREAS */

.iama-supportnova-areas {
  padding: 70px 0;
  background: #fff;
}

.iama-supportnova-areas-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 15px;
}

.iama-supportnova-areas-grid article {
  padding: 23px;
  border: 1px solid rgba(0, 40, 125, 0.12);
  border-radius: 20px;
  background: #fff;
  transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
}

.iama-supportnova-areas-grid article:hover {
  transform: translateY(-8px);
  background: #00287d;
  box-shadow: 0 20px 38px rgba(0, 40, 125, 0.15);
}

.iama-supportnova-areas-grid i {
  display: grid;
  place-items: center;
  width: 50px;
  height: 50px;
  border-radius: 14px;
  background: #ffc63b;
  color: #00287d;
  font-size: 18px;
}

.iama-supportnova-areas-grid h3 {
  margin-top: 24px;
  color: #000;
  font-size: 23px;
}

.iama-supportnova-areas-grid p {
  margin-top: 9px;
  font-size: 18px;
}

.iama-supportnova-areas-grid article:hover h3,
.iama-supportnova-areas-grid article:hover p {
  color: #fff;
}

/* PROCESS */

.iama-supportnova-process {
  padding: 70px 0;
  background: #00287d;
}

.iama-supportnova-process-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.78fr) minmax(0, 1.22fr);
  align-items: stretch;
  gap: 28px;
}

.iama-supportnova-process-copy {
  padding: 30px;
  border-radius: 24px;
  background: #ffc63b;
}

.iama-supportnova-process-copy h2 {
  margin-top: 18px;
  color: #00287d;
}

.iama-supportnova-process-copy h2 span {
  color: #000;
}

.iama-supportnova-process-copy p {
  margin-top: 18px;
  color: #000;
}

.iama-supportnova-process-cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.iama-supportnova-process-cards article {
  display: inline-block;
  grid-template-columns: 50px minmax(0, 1fr);
  align-items: start;
  gap: 14px;
  min-height: 205px;
  padding: 22px;
  border-radius: 18px;
  background: #fff;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.iama-supportnova-process-cards article:hover {
  transform: translateY(-7px);
  box-shadow: 0 18px 32px rgba(0, 0, 0, 0.16);
}

.iama-supportnova-process-cards article>i {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: 14px;
  background: #ffc63b;
  color: #00287d;
  margin-bottom: 30px;
}

.iama-supportnova-process-cards h3 {
  color: #000;
  font-size: 23px;
}

.iama-supportnova-process-cards p {
  margin-top: 7px;
  font-size: 18px;
}

/* RESOURCES */

.iama-supportnova-resources {
  padding: 70px 0;
  background: #f4f7fc;
}

.iama-supportnova-resources-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  align-items: stretch;
  gap: 30px;
}

.iama-supportnova-resources-image {
  height: 520px;
  overflow: hidden;
  border-radius: 24px;
}

.iama-supportnova-resources-image img {
  height: 100%;
  object-fit: cover;
}

.iama-supportnova-resources-copy {
  align-self: center;
}

.iama-supportnova-resources-copy h2 {
  margin-top: 17px;
}

.iama-supportnova-resource-cards {
  display: grid;
  gap: 12px;
  margin-top: 22px;
}

.iama-supportnova-resource-cards a {
  display: grid;
  grid-template-columns: 50px minmax(0, 1fr) 38px;
  align-items: center;
  gap: 14px;
  min-height: 118px;
  padding: 17px;
  border-radius: 16px;
  background: #fff;
  color: #000;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.iama-supportnova-resource-cards a:hover {
  transform: translateX(6px);
  box-shadow: 0 14px 28px rgba(0, 40, 125, 0.1);
}

.iama-supportnova-resource-cards>a>i {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: 14px;
  background: #ffc63b;
  color: #00287d;
}

.iama-supportnova-resource-cards h3 {
  color: #000;
  font-size: 25px;
}

.iama-supportnova-resource-cards p {
  margin-top: 5px;
  font-size: 18px;
}

.iama-supportnova-resource-cards a>span {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: 11px;
  background: #00287d;
  color: #fff;
}

/* BEFORE CONTACTING */

.iama-supportnova-before {
  padding: 70px 0;
  background: #fff8df;
}

.iama-supportnova-before-layout {
  display: grid;
  grid-template-columns: minmax(0, 0.78fr) minmax(0, 1.22fr);
  align-items: stretch;
  gap: 24px;
}

.iama-supportnova-before-copy {
  min-height: 360px;
  padding: 30px;
  border-radius: 24px;
  background: #00287d;
}

.iama-supportnova-before-copy h2 {
  margin-top: 18px;
  color: #fff;
}

.iama-supportnova-before-copy h2 span {
  color: #ffc63b;
}

.iama-supportnova-before-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.iama-supportnova-before-grid article {
  min-height: 360px;
  padding: 22px;
  border-radius: 18px;
  background: #fff;
}

.iama-supportnova-before-grid i {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: 14px;
  background: #ffc63b;
  color: #00287d;
}

.iama-supportnova-before-grid h3 {
  margin-top: 22px;
  color: #000;
  font-size: 22px;
}

.iama-supportnova-before-grid p {
  margin-top: 8px;
  font-size: 15px;
}

/* CTA */

.iama-supportnova-cta {
  padding: 70px 0;
  background: #fff;
}

.iama-supportnova-cta-wrap {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(300px, 0.85fr);
  align-items: center;
  gap: 48px;
  padding: 40px;
  border-radius: 28px;
  background: #00287d;
}

.iama-supportnova-cta-copy h2 {
  margin-top: 17px;
  color: #fff;
}

.iama-supportnova-cta-copy h2 span {
  color: #ffc63b;
}

.iama-supportnova-cta-copy p {
  margin-top: 18px;
  color: #fff;
}

.iama-supportnova-cta-actions {
  display: grid;
  gap: 12px;
}

.iama-supportnova-cta-actions a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 56px;
  padding: 15px 19px;
  border: 2px solid #ffc63b;
  border-radius: 14px;
  background: #ffc63b;
  color: #00287d;
  font-size: 15px;
  font-weight: 800;
  transition: transform 0.25s ease, background 0.25s ease;
}

.iama-supportnova-cta-actions a:hover {
  transform: translateY(-3px);
  border-color: #fff;
  background: #fff;
  color: #00287d;
}

/* RESPONSIVE */

@media (max-width: 1199px) {
  .iama-supportnova-page h2 {
    font-size: 50px;
  }

  .iama-supportnova-areas-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .iama-supportnova-before-grid {
    grid-template-columns: 1fr;
  }

  .iama-supportnova-before-grid article {
    min-height: auto;
  }
}

@media (max-width: 991px) {

  .iama-supportnova-hero,
  .iama-supportnova-areas,
  .iama-supportnova-process,
  .iama-supportnova-resources,
  .iama-supportnova-before,
  .iama-supportnova-cta {
    padding: 56px 0;
  }

  .iama-supportnova-hero-grid,
  .iama-supportnova-process-grid,
  .iama-supportnova-resources-grid,
  .iama-supportnova-before-layout,
  .iama-supportnova-cta-wrap,
  .iama-supportnova-section-head {
    grid-template-columns: 1fr;
  }

  .iama-supportnova-before-copy {
    min-height: auto;
  }
}

@media (max-width: 767px) {
  .iama-supportnova-page h2 {
    font-size: 40px;
    line-height: 1.02;
  }

  .iama-supportnova-page p {
    font-size: 16px;
  }

  .iama-supportnova-hero-visual,
  .iama-supportnova-resources-image {
    height: 360px;
  }

  .iama-supportnova-areas-grid,
  .iama-supportnova-process-cards,
  .iama-supportnova-before-grid {
    grid-template-columns: 1fr;
  }

  .iama-supportnova-areas-grid article,
  .iama-supportnova-process-cards article {
    min-height: auto;
  }

  .iama-supportnova-cta-wrap {
    padding: 30px;
  }
}

@media (max-width: 480px) {

  .iama-supportnova-hero,
  .iama-supportnova-areas,
  .iama-supportnova-process,
  .iama-supportnova-resources,
  .iama-supportnova-before,
  .iama-supportnova-cta {
    padding: 46px 0;
  }

  .iama-supportnova-page h2 {
    font-size: 34px;
  }

  .iama-supportnova-hero-visual,
  .iama-supportnova-resources-image {
    height: 300px;
  }

  .iama-supportnova-hero-card {
    right: 12px;
    bottom: 12px;
    left: 12px;
  }

  .iama-supportnova-resource-cards a {
    grid-template-columns: 46px minmax(0, 1fr);
  }

  .iama-supportnova-resource-cards a>span {
    display: none;
  }

  .iama-supportnova-cta-wrap {
    padding: 24px;
  }

  .iama-supportnova-cta-actions a,
  .iama-supportnova-primary-btn {
    width: 100%;
    justify-content: space-between;
  }
}


/* =========================================================
   IAMA COURSE FLOW
   Dark Blue Astrology Hero + Modern Course Details
   Unique namespace: iama-courseflow-
   Existing .container remains unchanged
========================================================= */

html {
  scroll-behavior: smooth;
}

.iama-courseflow-page,
.iama-courseflow-page section {
  position: relative;
}

.iama-courseflow-page *,
.iama-courseflow-page *::before,
.iama-courseflow-page *::after {
  box-sizing: border-box;
}

.iama-courseflow-page {
  background: #fff;
}

.iama-courseflow-page h1,
.iama-courseflow-page h2 {
  margin: 0;
  font-family: "Outfit", sans-serif;
  font-size: 60px;
  font-weight: 600;
  line-height: 1.05;
  letter-spacing: -0.6px;
  color: #000;
}

.iama-courseflow-page h1 strong,
.iama-courseflow-page h2 strong {
  color: #00287d;
  font-weight: 600;
}

.iama-courseflow-page h3 {
  margin: 0;
  font-family: "Outfit", sans-serif;
  font-size: 27px;
  font-weight: 600;
  line-height: 1.18;
  color: #000;
}

.iama-courseflow-page p {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4em;
  color: #000;
}

.iama-courseflow-section-label {
  display: inline-flex;
  align-items: center;
  margin-bottom: 18px;
  padding: 8px 12px;
  border-radius: 999px;
  font-family: "Inter", sans-serif;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.9px;
  text-transform: uppercase;
  color: #00287d;
  background: #e4eaff;
}

/* DARK BLUE HERO */

.iama-courseflow-hero {
  overflow: hidden;
  padding: 220px 0 64px;
  background: #00287d;
}

.iama-courseflow-hero::before {
  content: "";
  position: absolute;
  top: -180px;
  right: -110px;
  width: 440px;
  height: 440px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 50%;
}

.iama-courseflow-hero::after {
  content: "";
  position: absolute;
  right: 180px;
  bottom: -220px;
  width: 390px;
  height: 390px;
  border-radius: 50%;
  background: rgba(255, 198, 59, 0.1);
}

.iama-courseflow-hero-grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  gap: 68px;
  align-items: center;
}

.iama-courseflow-label {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
  padding: 9px 13px;
  border-radius: 999px;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .9px;
  text-transform: uppercase;
  color: #00287d;
  background: #ffc63b;
}

.iama-courseflow-hero-copy h1 {
  margin-bottom: 24px;
  color: #fff;
}

.iama-courseflow-hero-copy h1 strong {
  color: #ffc63b;
}

.iama-courseflow-hero-copy>p {
  max-width: 700px;
  color: #fff;
}

.iama-courseflow-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 30px;
}

.iama-courseflow-primary-btn,
.iama-courseflow-secondary-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 56px;
  padding: 0 22px;
  font-family: "Inter", sans-serif;
  font-size: 19px;
  font-weight: 700;
  text-decoration: none;
  transition:
    transform .3s ease,
    background .3s ease,
    color .3s ease;
  border-radius: 50px;
}

.iama-courseflow-primary-btn {
  color: #00287d;
  background: #ffc63b;
}

.iama-courseflow-secondary-btn {
  border: 1px solid rgba(255, 255, 255, .55);
  color: #fff;
  background: transparent;
}

.iama-courseflow-primary-btn:hover {
  transform: translateY(-4px);
  background: #fff;
  color:#00287d;
}

.iama-courseflow-secondary-btn:hover {
  transform: translateY(-4px);
  color: #00287d;
  background: #fff;
}

.iama-courseflow-hero-image {
  position: relative;
  overflow: hidden;
  border: 6px solid rgba(255, 255, 255, .12);
  border-radius: 28px;
  box-shadow: 0 30px 70px rgba(0, 0, 0, .28);
}

.iama-courseflow-hero-image img {
  display: block;
  width: 100%;
  height: 445px;
  object-fit: cover;
  transition: transform .65s ease;
  object-position: top;
}

.iama-courseflow-hero-image:hover img {
  transform: scale(1.04);
}

.iama-courseflow-hero-image-note {
  position: absolute;
  left: 22px;
  right: 22px;
  bottom: 22px;
  padding: 18px 20px;
  border-radius: 14px;
  background: rgba(255, 255, 255, .95);
}

.iama-courseflow-hero-image-note span,
.iama-courseflow-hero-image-note strong {
  display: block;
  font-family: "Inter", sans-serif;
}

.iama-courseflow-hero-image-note span {
  font-size: 22px;
  font-weight: 700;
  color: #00287d;
}

.iama-courseflow-hero-image-note strong {
  font-size: 19px;
  color: #000;
}

.iama-courseflow-facts {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-top: 44px;
}

.iama-courseflow-facts article {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 13px;
  align-items: center;
  padding: 18px;
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 16px;
  background: rgba(255, 255, 255, .08);
  backdrop-filter: blur(8px);
  transition:
    transform .3s ease,
    background .3s ease;
}

.iama-courseflow-facts article:hover {
  transform: translateY(-5px);
  background: rgba(255, 255, 255, .14);
}

.iama-courseflow-facts i {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  color: #00287d;
  background: #ffc63b;
}

.iama-courseflow-facts span,
.iama-courseflow-facts strong {
  display: block;
  font-family: "Inter", sans-serif;
}

.iama-courseflow-facts span {
  margin-bottom: 5px;
  font-size: 18px;
  color: #fff;
}

.iama-courseflow-facts strong {
  font-size: 19px;
  color: #fff;
}

/* DETAILS */

.iama-courseflow-details {
  scroll-margin-top: 100px;
  padding: 78px 0;
  background: #fff;
}

.iama-courseflow-details-grid {
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
  gap: 64px;
  align-items: center;
}

.iama-courseflow-details-image {
  position: relative;
  overflow: hidden;
  border-radius: 24px;
}

.iama-courseflow-details-image img {
  display: block;
  width: 100%;
  height: 560px;
  object-fit: cover;
}

.iama-courseflow-details-caption {
  position: absolute;
  left: 22px;
  right: 22px;
  bottom: 22px;
  padding: 18px;
  border-radius: 14px;
  background: #00287d;
}

.iama-courseflow-details-caption span,
.iama-courseflow-details-caption strong {
  display: block;
  font-family: "Inter", sans-serif;
}

.iama-courseflow-details-caption span {
  margin-bottom: 5px;
  font-size: 12px;
  color: #ffc63b;
}

.iama-courseflow-details-caption strong {
  font-size: 15px;
  color: #fff;
}

.iama-courseflow-details-copy h2 {
  margin-bottom: 20px;
}

.iama-courseflow-details-cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 30px;
}

.iama-courseflow-details-cards article {
  min-height: 220px;
  padding: 22px;
  border-radius: 18px;
  background: #f8fbff;
  box-shadow: 0 12px 28px rgba(0, 40, 125, .06);
}

.iama-courseflow-details-cards span {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  margin-bottom: 24px;
  border-radius: 50%;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 700;
  color: #00287d;
  background: #fff2bd;
}

.iama-courseflow-details-cards h3 {
  margin-bottom: 8px;
}

.iama-courseflow-details-cards p {
  font-size: 15px;
}

/* CURRICULUM */

.iama-courseflow-curriculum {
  scroll-margin-top: 100px;
  padding: 78px 0;
  background: #f8fbff;
}

.iama-courseflow-curriculum-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 330px;
  gap: 46px;
  align-items: start;
}

.iama-courseflow-heading {
  margin-bottom: 30px;
}

.iama-courseflow-heading h2 {
  margin-bottom: 17px;
}

.iama-courseflow-heading p {
  max-width: 820px;
}

.iama-courseflow-module-list {
  display: grid;
  gap: 12px;
}

.iama-courseflow-module {
  overflow: hidden;
  border: 1px solid #dce6f6;
  border-radius: 17px;
  background: #fff;
  box-shadow: 0 10px 24px rgba(0, 40, 125, .05);
}

.iama-courseflow-module summary {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr) 38px;
  gap: 14px;
  align-items: center;
  padding: 18px 20px;
  cursor: pointer;
  list-style: none;
}

.iama-courseflow-module summary::-webkit-details-marker {
  display: none;
}

.iama-courseflow-module[open] summary {
  background: #e4eaff;
}

.iama-courseflow-module-number {
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  background: #00287d;
}

.iama-courseflow-module-title small {
  display: block;
  margin-bottom: 4px;
  font-family: "Inter", sans-serif;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .7px;
  text-transform: uppercase;
  color: #00287d;
}

.iama-courseflow-module-title h3 {
  font-size: 18px;
}

.iama-courseflow-module summary>i {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  color: #00287d;
  background: #eef4ff;
  transition: transform .3s ease;
}

.iama-courseflow-module[open] summary>i {
  transform: rotate(180deg);
  background: #ffc63b;
}

.iama-courseflow-module-body {
  padding: 22px 24px 24px 80px;
}

.iama-courseflow-module-body p {
  font-size: 17px;
  line-height: 1.55;
}

.iama-courseflow-sidebar {
  position: sticky;
  top: 100px;
  display: grid;
  gap: 16px;
}

.iama-courseflow-sidebar-card {
  overflow: hidden;
  border-radius: 22px;
  background: #00287d;
  box-shadow: 0 20px 44px rgba(0, 40, 125, .16);
}

.iama-courseflow-sidebar-image img {
  display: block;
  width: 100%;
  height: 275px;
  object-fit: cover;
}

.iama-courseflow-sidebar-content {
  padding: 26px;
}

.iama-courseflow-sidebar-content>span {
  display: inline-flex;
  margin-bottom: 12px;
  padding: 7px 10px;
  border-radius: 999px;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: #00287d;
  background: #ffc63b;
}

.iama-courseflow-sidebar-content h2 {
  margin-bottom: 14px;
  font-size: 32px;
  color: #fff;
}

.iama-courseflow-sidebar-content p {
  font-size: 15px;
  color: #fff;
}

.iama-courseflow-sidebar-content a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  min-height: 52px;
  margin-top: 20px;
  border-radius: 10px;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  color: #00287d;
  background: #ffc63b;
}

.iama-courseflow-sidebar-nav {
  display: grid;
  overflow: hidden;
  border-radius: 17px;
  background: #fff;
  box-shadow: 0 12px 28px rgba(0, 40, 125, .08);
}

.iama-courseflow-sidebar-nav a {
  padding: 15px 18px;
  border-bottom: 1px solid #e7edf8;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 600;
  text-decoration: none;
  color: #000;
}

.iama-courseflow-sidebar-nav a:last-child {
  border-bottom: 0;
}

.iama-courseflow-sidebar-nav a:hover {
  color: #00287d;
  background: #fff8df;
}

/* =========================================================
   IAMA COURSE FLOW — COMPLETE RESPONSIVE CSS
   Add this entire code at the END of your existing CSS
========================================================= */


/* =========================================================
   LARGE LAPTOP
   1200px – 1399px
========================================================= */

@media (max-width: 1399px) {

  .iama-courseflow-hero {
    padding-top: 190px;
  }

  .iama-courseflow-page h1,
  .iama-courseflow-page h2 {
    font-size: 52px;
  }

  .iama-courseflow-hero-grid {
    gap: 48px;
  }

  .iama-courseflow-hero-image img {
    height: 420px;
  }

  .iama-courseflow-facts article {
    padding: 16px;
  }

  .iama-courseflow-facts span {
    font-size: 15px;
  }

  .iama-courseflow-facts strong {
    font-size: 17px;
  }

  .iama-courseflow-details-grid {
    gap: 46px;
  }

  .iama-courseflow-details-image img {
    height: 520px;
  }

  .iama-courseflow-details-cards article {
    padding: 20px;
  }

  .iama-courseflow-curriculum-grid {
    grid-template-columns: minmax(0, 1fr) 310px;
    gap: 34px;
  }

  .iama-courseflow-sidebar-content {
    padding: 23px;
  }

  .iama-courseflow-sidebar-content h2 {
    font-size: 29px;
  }
}


/* =========================================================
   SMALL LAPTOP / LARGE TABLET
   992px – 1199px
========================================================= */

@media (max-width: 1199px) {

  .iama-courseflow-hero {
    padding: 150px 0 64px;
  }

  .iama-courseflow-page h1,
  .iama-courseflow-page h2 {
    font-size: 46px;
    line-height: 1.08;
  }

  .iama-courseflow-page h3 {
    font-size: 23px;
  }

  .iama-courseflow-page p {
    font-size: 17px;
  }

  .iama-courseflow-hero-grid {
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
    gap: 34px;
  }

  .iama-courseflow-hero-image img {
    height: 390px;
  }

  .iama-courseflow-hero-image-note {
    left: 16px;
    right: 16px;
    bottom: 16px;
    padding: 15px 17px;
  }

  .iama-courseflow-hero-image-note span {
    font-size: 16px;
  }

  .iama-courseflow-hero-image-note strong {
    font-size: 15px;
  }

  .iama-courseflow-facts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .iama-courseflow-details-grid {
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    gap: 36px;
  }

  .iama-courseflow-details-image img {
    height: 480px;
  }

  .iama-courseflow-details-cards {
    grid-template-columns: 1fr;
  }

  .iama-courseflow-details-cards article {
    min-height: auto;
  }

  .iama-courseflow-details-cards span {
    margin-bottom: 16px;
  }

  .iama-courseflow-curriculum-grid {
    grid-template-columns: minmax(0, 1fr) 280px;
    gap: 28px;
  }

  .iama-courseflow-sidebar-image img {
    height: 235px;
  }

  .iama-courseflow-sidebar-content {
    padding: 21px;
  }

  .iama-courseflow-sidebar-content h2 {
    font-size: 26px;
  }

  .iama-courseflow-sidebar-nav a {
    padding: 14px 15px;
    font-size: 15px;
  }
}


/* =========================================================
   TABLET
   768px – 991px
========================================================= */

@media (max-width: 991px) {

  .iama-courseflow-hero {
    padding: 125px 0 60px;
  }

  .iama-courseflow-page h1,
  .iama-courseflow-page h2 {
    font-size: 43px;
  }

  .iama-courseflow-hero-grid,
  .iama-courseflow-details-grid,
  .iama-courseflow-curriculum-grid {
    grid-template-columns: 1fr;
  }

  .iama-courseflow-hero-grid {
    gap: 40px;
  }

  .iama-courseflow-hero-copy {
    max-width: 760px;
  }

  .iama-courseflow-hero-copy>p {
    max-width: 760px;
  }

  .iama-courseflow-hero-image {
    max-width: 760px;
    width: 100%;
    margin: 0 auto;
  }

  .iama-courseflow-hero-image img {
    height: 470px;
  }

  .iama-courseflow-facts {
    margin-top: 34px;
  }

  .iama-courseflow-details,
  .iama-courseflow-curriculum {
    padding: 68px 0;
  }

  .iama-courseflow-details-grid {
    gap: 42px;
  }

  .iama-courseflow-details-image {
    max-width: 760px;
    width: 100%;
    margin: 0 auto;
  }

  .iama-courseflow-details-image img {
    height: 500px;
  }

  .iama-courseflow-details-cards {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .iama-courseflow-details-cards article {
    min-height: 210px;
    padding: 20px;
  }

  .iama-courseflow-curriculum-grid {
    gap: 42px;
  }

  .iama-courseflow-sidebar {
    position: relative;
    top: auto;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: start;
  }

  .iama-courseflow-sidebar-card {
    display: grid;
    grid-template-columns: 180px minmax(0, 1fr);
    min-height: 100%;
  }

  .iama-courseflow-sidebar-image {
    height: 100%;
  }

  .iama-courseflow-sidebar-image img {
    height: 100%;
    min-height: 310px;
  }

  .iama-courseflow-sidebar-nav {
    align-self: stretch;
  }

  .iama-courseflow-sidebar-nav a {
    display: flex;
    align-items: center;
    min-height: 64px;
  }
}


/* =========================================================
   MOBILE
   Up to 767px
========================================================= */

@media (max-width: 767px) {

  .iama-courseflow-page {
    overflow-x: hidden;
  }

  .iama-courseflow-page h1,
  .iama-courseflow-page h2 {
    font-size: 38px;
    line-height: 1.08;
    letter-spacing: -0.3px;
  }

  .iama-courseflow-page h3 {
    font-size: 21px;
  }

  .iama-courseflow-page p {
    font-size: 16px;
    line-height: 1.55;
  }

  .iama-courseflow-section-label {
    margin-bottom: 14px;
    padding: 7px 10px;
    font-size: 11px;
  }

  /* Hero */

  .iama-courseflow-hero {
    padding: 105px 0 52px;
  }

  .iama-courseflow-hero::before {
    top: -120px;
    right: -180px;
    width: 330px;
    height: 330px;
  }

  .iama-courseflow-hero::after {
    right: -140px;
    bottom: -180px;
    width: 300px;
    height: 300px;
  }

  .iama-courseflow-hero-grid {
    gap: 32px;
  }

  .iama-courseflow-label {
    margin-bottom: 16px;
    padding: 8px 11px;
    font-size: 10px;
  }

  .iama-courseflow-hero-copy h1 {
    margin-bottom: 18px;
  }

  .iama-courseflow-hero-actions {
    margin-top: 24px;
  }

  .iama-courseflow-primary-btn,
  .iama-courseflow-secondary-btn {
    min-height: 52px;
    padding: 0 18px;
    font-size: 15px;
  }

  .iama-courseflow-hero-image {
    border-width: 4px;
    border-radius: 21px;
  }

  .iama-courseflow-hero-image img {
    height: 390px;
  }

  .iama-courseflow-hero-image-note {
    left: 13px;
    right: 13px;
    bottom: 13px;
    padding: 13px 15px;
    border-radius: 11px;
  }

  .iama-courseflow-hero-image-note span {
    font-size: 14px;
  }

  .iama-courseflow-hero-image-note strong {
    font-size: 13px;
  }

  /* Course Facts */

  .iama-courseflow-facts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 11px;
    margin-top: 28px;
  }

  .iama-courseflow-facts article {
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 10px;
    padding: 14px;
    border-radius: 13px;
  }

  .iama-courseflow-facts i {
    width: 42px;
    height: 42px;
    font-size: 14px;
  }

  .iama-courseflow-facts span {
    margin-bottom: 3px;
    font-size: 13px;
  }

  .iama-courseflow-facts strong {
    font-size: 14px;
    line-height: 1.25;
  }

  /* Details */

  .iama-courseflow-details,
  .iama-courseflow-curriculum {
    padding: 58px 0;
  }

  .iama-courseflow-details-grid {
    gap: 32px;
  }

  .iama-courseflow-details-image {
    border-radius: 18px;
  }

  .iama-courseflow-details-image img {
    height: 420px;
  }

  .iama-courseflow-details-caption {
    left: 14px;
    right: 14px;
    bottom: 14px;
    padding: 14px;
    border-radius: 11px;
  }

  .iama-courseflow-details-copy h2 {
    margin-bottom: 16px;
  }

  .iama-courseflow-details-cards {
    grid-template-columns: 1fr;
    gap: 12px;
    margin-top: 24px;
  }

  .iama-courseflow-details-cards article {
    min-height: auto;
    padding: 20px;
    border-radius: 15px;
  }

  .iama-courseflow-details-cards span {
    width: 40px;
    height: 40px;
    margin-bottom: 14px;
  }

  /* Curriculum */

  .iama-courseflow-heading {
    margin-bottom: 24px;
  }

  .iama-courseflow-heading h2 {
    margin-bottom: 14px;
  }

  .iama-courseflow-module-list {
    gap: 10px;
  }

  .iama-courseflow-module {
    border-radius: 14px;
  }

  .iama-courseflow-module summary {
    grid-template-columns: 42px minmax(0, 1fr) 34px;
    gap: 11px;
    padding: 15px;
  }

  .iama-courseflow-module-number {
    width: 42px;
    height: 42px;
    font-size: 14px;
  }

  .iama-courseflow-module-title h3 {
    font-size: 16px;
  }

  .iama-courseflow-module summary>i {
    width: 34px;
    height: 34px;
    font-size: 12px;
  }

  .iama-courseflow-module-body {
    padding: 17px 18px 20px;
  }

  .iama-courseflow-module-body p {
    font-size: 15px;
    line-height: 1.6;
  }

  /* Sidebar */

  .iama-courseflow-sidebar {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .iama-courseflow-sidebar-card {
    display: block;
  }

  .iama-courseflow-sidebar-image img {
    height: 300px;
    min-height: 0;
  }

  .iama-courseflow-sidebar-content {
    padding: 23px;
  }

  .iama-courseflow-sidebar-content>span {
    font-size: 12px;
  }

  .iama-courseflow-sidebar-content h2 {
    font-size: 29px;
  }

  .iama-courseflow-sidebar-content p {
    font-size: 15px;
  }

  .iama-courseflow-sidebar-content a {
    min-height: 50px;
  }

  .iama-courseflow-sidebar-nav a {
    min-height: auto;
    padding: 14px 16px;
    font-size: 15px;
  }
}


/* =========================================================
   SMALL MOBILE
   Up to 575px
========================================================= */

@media (max-width: 575px) {

  .iama-courseflow-page h1,
  .iama-courseflow-page h2 {
    font-size: 33px;
    line-height: 1.1;
  }

  .iama-courseflow-page h3 {
    font-size: 20px;
  }

  .iama-courseflow-hero {
    padding: 90px 0 46px;
  }

  .iama-courseflow-hero-actions {
    flex-direction: column;
    align-items: stretch;
    gap: 11px;
  }

  .iama-courseflow-primary-btn,
  .iama-courseflow-secondary-btn {
    width: 100%;
  }

  .iama-courseflow-hero-image img {
    height: 330px;
  }

  .iama-courseflow-facts {
    grid-template-columns: 1fr;
  }

  .iama-courseflow-facts article {
    grid-template-columns: 44px minmax(0, 1fr);
  }

  .iama-courseflow-facts i {
    width: 44px;
    height: 44px;
  }

  .iama-courseflow-facts span {
    font-size: 13px;
  }

  .iama-courseflow-facts strong {
    font-size: 15px;
  }

  .iama-courseflow-details,
  .iama-courseflow-curriculum {
    padding: 48px 0;
  }

  .iama-courseflow-details-image img {
    height: 350px;
  }

  .iama-courseflow-details-caption {
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    border-radius: 0 0 16px 16px;
  }

  .iama-courseflow-module summary {
    grid-template-columns: 38px minmax(0, 1fr) 32px;
    gap: 9px;
    padding: 13px;
  }

  .iama-courseflow-module-number {
    width: 38px;
    height: 38px;
    font-size: 13px;
  }

  .iama-courseflow-module-title h3 {
    font-size: 15px;
  }

  .iama-courseflow-module summary>i {
    width: 32px;
    height: 32px;
  }

  .iama-courseflow-module-body {
    padding: 15px 15px 18px;
  }

  .iama-courseflow-module-body p {
    font-size: 14px;
  }

  .iama-courseflow-sidebar-image img {
    height: 260px;
  }

  .iama-courseflow-sidebar-content {
    padding: 21px;
  }

  .iama-courseflow-sidebar-content h2 {
    font-size: 27px;
  }
}


/* =========================================================
   EXTRA SMALL MOBILE
   Up to 420px
========================================================= */

@media (max-width: 420px) {

  .iama-courseflow-page h1,
  .iama-courseflow-page h2 {
    font-size: 29px;
  }

  .iama-courseflow-page p {
    font-size: 15px;
  }

  .iama-courseflow-hero {
    padding-top: 82px;
  }

  .iama-courseflow-hero-image img {
    height: 285px;
  }

  .iama-courseflow-hero-image-note {
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    border-radius: 0 0 16px 16px;
  }

  .iama-courseflow-details-image img {
    height: 300px;
  }

  .iama-courseflow-module summary {
    grid-template-columns: 36px minmax(0, 1fr) 30px;
    gap: 8px;
    padding: 12px 10px;
  }

  .iama-courseflow-module-number {
    width: 36px;
    height: 36px;
    font-size: 12px;
  }

  .iama-courseflow-module-title h3 {
    font-size: 14px;
  }

  .iama-courseflow-module summary>i {
    width: 30px;
    height: 30px;
  }

  .iama-courseflow-sidebar-image img {
    height: 225px;
  }

  .iama-courseflow-sidebar-content {
    padding: 18px;
  }

  .iama-courseflow-sidebar-content h2 {
    font-size: 24px;
  }
}


/* =========================================================
   LANDSCAPE MOBILE
========================================================= */

@media (max-width: 991px) and (orientation: landscape) {

  .iama-courseflow-hero {
    padding-top: 100px;
  }

  .iama-courseflow-hero-image img {
    height: 390px;
  }

  .iama-courseflow-details-image img {
    height: 420px;
  }
}


/* =========================================================
   TOUCH DEVICES
   Disable unnecessary hover movement
========================================================= */

@media (hover: none) {

  .iama-courseflow-primary-btn:hover,
  .iama-courseflow-secondary-btn:hover,
  .iama-courseflow-facts article:hover,
  .iama-courseflow-hero-image:hover img {
    transform: none;
  }
}


/* =========================================================
   REDUCED MOTION ACCESSIBILITY
========================================================= */

@media (prefers-reduced-motion: reduce) {

  .iama-courseflow-page *,
  .iama-courseflow-page *::before,
  .iama-courseflow-page *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}











/* =====================================================
IAMA CLUBS & ACTIVITIES — MODERN ACTIVITY-LED DESIGN
Unique prefix: iama-clubpulse-
===================================================== */

.iama-clubpulse-page {
  overflow: hidden;
  font-family: "Inter", sans-serif;
  color: #000;
}

.iama-clubpulse-page * {
  box-sizing: border-box;
}

.iama-clubpulse-page img {
  display: block;
  width: 100%;
}

.iama-clubpulse-page a {
  text-decoration: none;
}

.iama-clubpulse-page h2,
.iama-clubpulse-page h3,
.iama-clubpulse-page strong {
  margin: 0;
  font-family: "Outfit", sans-serif;
}

.iama-clubpulse-page p {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #000;
  line-height: 1.4em;
}

.iama-clubpulse-page h2 {
  font-size: 60px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.6px;
  color: #000;
}

.iama-clubpulse-page h2 span {
  color: #00287d;
}

.iama-clubpulse-label {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 9px 14px;
  border-radius: 50px;
  background: #ffc63b;
  color: #00287d;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

/* HERO */

.iama-clubpulse-hero {
  padding: 72px 0;
  background:
    radial-gradient(circle at 8% 12%, rgba(255, 198, 59, 0.23), transparent 24%),
    linear-gradient(135deg, #f6f9ff 0%, #fff 58%, #fff7db 100%);
}

.iama-clubpulse-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.93fr) minmax(0, 1.07fr);
  align-items: center;
  gap: 48px;
}

.iama-clubpulse-hero-copy h2 {
  margin-top: 18px;
}

.iama-clubpulse-hero-copy>p {
  max-width: 650px;
  margin-top: 20px;
}

.iama-clubpulse-primary-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 54px;
  margin-top: 22px;
  padding: 14px 22px;
  border-radius: 14px;
  background: #00287d;
  color: #fff;
  font-size: 15px;
  font-weight: 800;
  transition: transform 0.25s ease, background 0.25s ease;
}

.iama-clubpulse-primary-btn:hover {
  transform: translateY(-3px);
  background: #001f63;
  color: #fff;
}

.iama-clubpulse-hero-visual {
  position: relative;
  height: 520px;
  overflow: hidden;
  border-radius: 28px;
  box-shadow: 0 22px 52px rgba(0, 40, 125, 0.14);
}

.iama-clubpulse-hero-visual>img {
  height: 100%;
  object-fit: cover;
}

.iama-clubpulse-hero-caption {
  position: absolute;
  right: 18px;
  bottom: 18px;
  left: 18px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 16px;
  border-radius: 15px;
  background: rgba(0, 40, 125, 0.94);
}

.iama-clubpulse-hero-caption span {
  padding: 8px 12px;
  border-radius: 9px;
  background: #fff;
  color: #00287d;
  font-size: 13px;
  font-weight: 700;
}

/* STRIP */

.iama-clubpulse-strip {
  padding: 0 0 58px;
  background: #fff;
}

.iama-clubpulse-strip-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  transform: translateY(-22px);
}

.iama-clubpulse-strip-grid article {
  display: flex;
  align-items: center;
  gap: 13px;
  min-height: 98px;
  padding: 17px;
  border-radius: 16px;
  background: #00287d;
  box-shadow: 0 14px 28px rgba(0, 40, 125, 0.14);
}

.iama-clubpulse-strip-grid i {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 13px;
  background: #ffc63b;
  color: #00287d;
}

.iama-clubpulse-strip-grid strong {
  color: #fff;
  font-size: 17px;
}

/* COMMON HEAD */

.iama-clubpulse-section-head {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.85fr);
  align-items: end;
  gap: 42px;
  margin-bottom: 30px;
}

.iama-clubpulse-section-head h2 {
  margin-top: 16px;
}

.iama-clubpulse-section-head>p {
  padding-bottom: 5px;
}

/* EXPERIENCES */

.iama-clubpulse-experiences {
  padding: 70px 0;
  background: #fff;
}

.iama-clubpulse-experiences-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 15px;
}

.iama-clubpulse-experiences-grid article {
  min-height: 255px;
  padding: 23px;
  border: 1px solid rgba(0, 40, 125, 0.12);
  border-radius: 20px;
  background: #fff;
  transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
}

.iama-clubpulse-experiences-grid article:hover {
  transform: translateY(-8px);
  background: #00287d;
  box-shadow: 0 20px 38px rgba(0, 40, 125, 0.15);
}

.iama-clubpulse-experiences-grid i {
  display: grid;
  place-items: center;
  width: 50px;
  height: 50px;
  border-radius: 14px;
  background: #ffc63b;
  color: #00287d;
  font-size: 18px;
}

.iama-clubpulse-experiences-grid h3 {
  margin-top: 24px;
  color: #000;
  font-size: 23px;
}

.iama-clubpulse-experiences-grid p {
  margin-top: 9px;
  font-size: 15px;
}

.iama-clubpulse-experiences-grid article:hover h3,
.iama-clubpulse-experiences-grid article:hover p {
  color: #fff;
}

/* STORY */

.iama-clubpulse-story {
  padding: 70px 0;
  background: #f4f7fc;
}

.iama-clubpulse-story-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  align-items: stretch;
  gap: 30px;
}

.iama-clubpulse-story-image {
  position: relative;
  height: 520px;
  overflow: hidden;
  border-radius: 24px;
}

.iama-clubpulse-story-image>img {
  height: 100%;
  object-fit: cover;
}

.iama-clubpulse-story-badge {
  position: absolute;
  right: 18px;
  bottom: 18px;
  left: 18px;
  padding: 16px;
  border-radius: 15px;
  background: #00287d;
}

.iama-clubpulse-story-badge span,
.iama-clubpulse-story-badge strong {
  display: block;
  color: #fff;
}

.iama-clubpulse-story-badge span {
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.07em;
}

.iama-clubpulse-story-badge strong {
  margin-top: 5px;
  font-size: 21px;
}

.iama-clubpulse-story-copy {
  align-self: center;
}

.iama-clubpulse-story-copy h2 {
  margin-top: 17px;
}

.iama-clubpulse-story-copy>p {
  margin-top: 18px;
}

.iama-clubpulse-story-cards {
  display: grid;
  gap: 12px;
  margin-top: 22px;
}

.iama-clubpulse-story-cards article {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  align-items: center;
  gap: 13px;
  min-height: 82px;
  padding: 15px;
  border-radius: 15px;
  background: #fff;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.iama-clubpulse-story-cards article:hover {
  transform: translateX(6px);
  box-shadow: 0 12px 26px rgba(0, 40, 125, 0.1);
}

.iama-clubpulse-story-cards i {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 13px;
  background: #ffc63b;
  color: #00287d;
}

.iama-clubpulse-story-cards span {
  color: #000;
  font-size: 16px;
}

/* STEPS */

.iama-clubpulse-steps {
  padding: 70px 0;
  background: #00287d;
}

.iama-clubpulse-steps .iama-clubpulse-section-head h2 {
  color: #fff;
}

.iama-clubpulse-steps .iama-clubpulse-section-head h2 span {
  color: #ffc63b;
}

.iama-clubpulse-steps-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.iama-clubpulse-steps-grid article {
  min-height: 235px;
  padding: 22px;
  border-radius: 18px;
  background: #fff;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.iama-clubpulse-steps-grid article:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 34px rgba(0, 0, 0, 0.16);
}

.iama-clubpulse-steps-grid i {
  display: grid;
  place-items: center;
  width: 50px;
  height: 50px;
  border-radius: 14px;
  background: #ffc63b;
  color: #00287d;
}

.iama-clubpulse-steps-grid h3 {
  margin-top: 24px;
  color: #000;
  font-size: 22px;
}

.iama-clubpulse-steps-grid p {
  margin-top: 8px;
  font-size: 15px;
}

/* IMPACT */

.iama-clubpulse-impact {
  padding: 70px 0;
  background: #fff8df;
}

.iama-clubpulse-impact-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
  align-items: stretch;
  gap: 24px;
}

.iama-clubpulse-impact-copy {
  min-height: 400px;
  padding: 30px;
  border-radius: 24px;
  background: #00287d;
}

.iama-clubpulse-impact-copy h2 {
  margin-top: 18px;
  color: #fff;
}

.iama-clubpulse-impact-copy h2 span {
  color: #ffc63b;
}

.iama-clubpulse-impact-copy p {
  margin-top: 18px;
  color: #fff;
}

.iama-clubpulse-impact-cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.iama-clubpulse-impact-cards article {
  display: flex;
  min-height: 192px;
  flex-direction: column;
  justify-content: center;
  padding: 22px;
  border-radius: 18px;
  background: #fff;
}

.iama-clubpulse-impact-cards i {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: 14px;
  background: #ffc63b;
  color: #00287d;
}

.iama-clubpulse-impact-cards strong {
  margin-top: 18px;
  color: #000;
  font-size: 20px;
}

.iama-clubpulse-impact-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 22px;
}

.iama-clubpulse-impact-actions a {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 54px;
  padding: 14px 20px;
  border: 2px solid #00287d;
  border-radius: 14px;
  background: #00287d;
  color: #fff;
  font-size: 15px;
  font-weight: 800;
  transition: transform 0.25s ease, background 0.25s ease;
}

.iama-clubpulse-impact-actions a:hover {
  transform: translateY(-3px);
  border-color: #ffc63b;
  background: #ffc63b;
  color: #00287d;
}

/* RESPONSIVE */

@media (max-width: 1199px) {
  .iama-clubpulse-page h2 {
    font-size: 50px;
  }

  .iama-clubpulse-experiences-grid,
  .iama-clubpulse-steps-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 991px) {

  .iama-clubpulse-hero,
  .iama-clubpulse-experiences,
  .iama-clubpulse-story,
  .iama-clubpulse-steps,
  .iama-clubpulse-impact {
    padding: 56px 0;
  }

  .iama-clubpulse-hero-grid,
  .iama-clubpulse-story-grid,
  .iama-clubpulse-impact-grid,
  .iama-clubpulse-section-head {
    grid-template-columns: 1fr;
  }

  .iama-clubpulse-strip-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .iama-clubpulse-impact-copy {
    min-height: auto;
  }
}

@media (max-width: 767px) {
  .iama-clubpulse-page h2 {
    font-size: 40px;
    line-height: 1.02;
  }

  .iama-clubpulse-page p {
    font-size: 16px;
  }

  .iama-clubpulse-hero-visual,
  .iama-clubpulse-story-image {
    height: 360px;
  }

  .iama-clubpulse-strip-grid,
  .iama-clubpulse-experiences-grid,
  .iama-clubpulse-steps-grid,
  .iama-clubpulse-impact-cards {
    grid-template-columns: 1fr;
  }

  .iama-clubpulse-experiences-grid article,
  .iama-clubpulse-steps-grid article {
    min-height: auto;
  }
}

@media (max-width: 480px) {

  .iama-clubpulse-hero,
  .iama-clubpulse-experiences,
  .iama-clubpulse-story,
  .iama-clubpulse-steps,
  .iama-clubpulse-impact {
    padding: 46px 0;
  }

  .iama-clubpulse-page h2 {
    font-size: 34px;
  }

  .iama-clubpulse-hero-visual,
  .iama-clubpulse-story-image {
    height: 300px;
  }

  .iama-clubpulse-impact-actions {
    flex-direction: column;
  }

  .iama-clubpulse-impact-actions a,
  .iama-clubpulse-primary-btn {
    width: 100%;
    justify-content: space-between;
  }
}

/* =====================================================
IAMA EVENTS & WORKSHOPS — PREMIUM MODERN DESIGN
Unique prefix: iama-eventnova-
===================================================== */

.iama-eventnova-page {
  overflow: hidden;
  font-family: "Inter", sans-serif;
  color: #000
}

.iama-eventnova-page * {
  box-sizing: border-box
}

.iama-eventnova-page img {
  display: block;
  width: 100%
}

.iama-eventnova-page a {
  text-decoration: none
}

.iama-eventnova-page h2,
.iama-eventnova-page h3,
.iama-eventnova-page strong {
  margin: 0;
  font-family: "Outfit", sans-serif
}

.iama-eventnova-page p {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #000;
  line-height: 1.4em
}

.iama-eventnova-page h2 {
  font-size: 60px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -.6px;
  color: #000
}

.iama-eventnova-page h2 span {
  color: #00287d
}

.iama-eventnova-label {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 9px 14px;
  border-radius: 50px;
  background: #ffc63b;
  color: #00287d;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase
}

.iama-eventnova-hero {
  padding: 72px 0;
  background: radial-gradient(circle at 8% 12%, rgba(255, 198, 59, .22), transparent 24%), linear-gradient(135deg, #f6f9ff 0%, #fff 60%, #fff7da 100%)
}

.iama-eventnova-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, .93fr) minmax(0, 1.07fr);
  align-items: center;
  gap: 48px
}

.iama-eventnova-hero-copy h2 {
  margin-top: 18px
}

.iama-eventnova-hero-copy>p {
  max-width: 660px;
  margin-top: 20px
}

.iama-eventnova-hero-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
  margin-top: 22px
}

.iama-eventnova-hero-actions>a {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 54px;
  padding: 14px 22px;
  border-radius: 14px;
  background: #00287d;
  color: #fff;
  font-size: 18px;
  font-weight: 800;
  transition: .25s ease
}

.iama-eventnova-hero-actions>a:hover {
  transform: translateY(-3px);
  background: #001f63;
  color: #fff
}

.iama-eventnova-hero-actions>div {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #000;
  font-size: 18px;
  font-weight: 700
}

.iama-eventnova-hero-actions>div i {
  color: #00287d
}

.iama-eventnova-hero-visual {
  position: relative;
  height: 520px;
  overflow: hidden;
  border-radius: 28px;
  box-shadow: 0 22px 52px rgba(0, 40, 125, .14)
}

.iama-eventnova-hero-visual>img {
  height: 100%;
  object-fit: cover
}

.iama-eventnova-hero-card {
  position: absolute;
  right: 18px;
  bottom: 18px;
  left: 18px;
  padding: 17px;
  border-radius: 15px;
  background: #00287d
}

.iama-eventnova-hero-card span,
.iama-eventnova-hero-card strong {
  display: block;
  color: #fff
}

.iama-eventnova-hero-card span {
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .07em
}

.iama-eventnova-hero-card strong {
  margin-top: 5px;
  font-size: 21px
}

.iama-eventnova-section-head {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(280px, .85fr);
  align-items: end;
  gap: 42px;
  margin-bottom: 30px
}

.iama-eventnova-section-head h2 {
  margin-top: 16px
}

.iama-eventnova-section-head>p {
  padding-bottom: 5px
}

.iama-eventnova-categories {
  padding: 70px 0;
  background: #fff
}

.iama-eventnova-category-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 15px
}

.iama-eventnova-category-grid article {
  min-height: 255px;
  padding: 23px;
  border: 1px solid rgba(0, 40, 125, .12);
  border-radius: 20px;
  background: #fff;
  transition: .3s ease
}

.iama-eventnova-category-grid article:hover {
  transform: translateY(-8px);
  background: #00287d;
  box-shadow: 0 20px 38px rgba(0, 40, 125, .15)
}

.iama-eventnova-category-grid i {
  display: grid;
  place-items: center;
  width: 50px;
  height: 50px;
  border-radius: 14px;
  background: #ffc63b;
  color: #00287d;
  font-size: 18px
}

.iama-eventnova-category-grid h3 {
  margin-top: 24px;
  color: #000;
  font-size: 23px
}

.iama-eventnova-category-grid p {
  margin-top: 9px;
  font-size: 15px
}

.iama-eventnova-category-grid article:hover h3,
.iama-eventnova-category-grid article:hover p {
  color: #fff
}

.iama-eventnova-upcoming {
  padding: 70px 0;
  background: #f4f7fc
}

.iama-eventnova-upcoming-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px
}

.iama-eventnova-event-card {
  height: 260px;
  overflow: hidden;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 10px 26px rgba(0, 40, 125, .06);
  transition: .3s ease
}

.iama-eventnova-event-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 22px 42px rgba(0, 40, 125, .14)
}

.iama-eventnova-event-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 18px;
  background: #00287d
}

.iama-eventnova-event-date {
  color: #ffc63b;
  font-family: "Outfit", sans-serif;
  font-size: 24px;
  font-weight: 700
}

.iama-eventnova-event-type {
  padding: 8px 10px;
  border-radius: 9px;
  background: #ffc63b;
  color: #00287d;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase
}

.iama-eventnova-event-content {
  padding: 22px
}

.iama-eventnova-event-content h3 {
  color: #000;
  font-size: 24px;
  line-height: 1.15
}

.iama-eventnova-event-content p {
  margin-top: 9px;
  font-size: 15px
}

.iama-eventnova-event-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 22px
}

.iama-eventnova-event-meta span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 9px 11px;
  border-radius: 10px;
  background: #f4f7fc;
  color: #00287d;
  font-size: 17px;
  font-weight: 700
}

.iama-eventnova-feature {
  padding: 70px 0;
  background: #fff
}

.iama-eventnova-feature-grid {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  align-items: stretch;
  gap: 30px
}

.iama-eventnova-feature-image {
  height: 520px;
  overflow: hidden;
  border-radius: 24px
}

.iama-eventnova-feature-image img {
  height: 100%;
  object-fit: cover
}

.iama-eventnova-feature-copy {
  align-self: center
}

.iama-eventnova-feature-copy h2 {
  margin-top: 17px
}

.iama-eventnova-feature-copy>p {
  margin-top: 18px
}

.iama-eventnova-feature-cards {
  display: grid;
  gap: 12px;
  margin-top: 22px
}

.iama-eventnova-feature-cards article {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  align-items: center;
  gap: 13px;
  min-height: 82px;
  padding: 15px;
  border-radius: 15px;
  background: #f4f7fc
}

.iama-eventnova-feature-cards i {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 12px;
  background: #ffc63b;
  color: #00287d
}

.iama-eventnova-feature-cards span {
  color: #000;
  font-size: 21px
}

.iama-eventnova-join {
  padding: 70px 0;
  background: #00287d
}

.iama-eventnova-join .iama-eventnova-section-head h2 {
  color: #fff
}

.iama-eventnova-join .iama-eventnova-section-head h2 span {
  color: #ffc63b
}

.iama-eventnova-join-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px
}

.iama-eventnova-join-grid article {
  height: 215px;
  padding: 22px;
  border-radius: 18px;
  background: #fff;
  transition: .3s ease
}

.iama-eventnova-join-grid article:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 34px rgba(0, 0, 0, .16)
}

.iama-eventnova-join-grid i {
  display: grid;
  place-items: center;
  width: 50px;
  height: 50px;
  border-radius: 14px;
  background: #ffc63b;
  color: #00287d
}

.iama-eventnova-join-grid h3 {
  margin-top: 24px;
  color: #000;
  font-size: 22px
}

.iama-eventnova-join-grid p {
  margin-top: 8px;
  font-size: 18px
}

.iama-eventnova-benefits {
  padding: 70px 0;
  background: #fff8df
}

.iama-eventnova-benefits-grid {
  display: grid;
  grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
  align-items: stretch;
  gap: 24px
}

.iama-eventnova-benefits-copy {
  min-height: 400px;
  padding: 30px;
  border-radius: 24px;
  background: #00287d
}

.iama-eventnova-benefits-copy h2 {
  margin-top: 18px;
  color: #fff
}

.iama-eventnova-benefits-copy h2 span {
  color: #ffc63b
}

.iama-eventnova-benefits-copy p {
  margin-top: 18px;
  color: #fff
}

.iama-eventnova-benefits-cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px
}

.iama-eventnova-benefits-cards article {
  display: flex;
  min-height: 192px;
  flex-direction: column;
  justify-content: center;
  padding: 22px;
  border-radius: 18px;
  background: #fff
}

.iama-eventnova-benefits-cards i {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: 14px;
  background: #ffc63b;
  color: #00287d
}

.iama-eventnova-benefits-cards strong {
  margin-top: 18px;
  color: #000;
  font-size: 25px
}

.iama-eventnova-cta {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(300px, .8fr);
  align-items: center;
  gap: 40px;
  margin-top: 24px;
  padding: 28px;
  border-radius: 22px;
  background: #fff
}

.iama-eventnova-cta h3 {
  color: #000;
  font-size: 28px
}

.iama-eventnova-cta p {
  margin-top: 7px;
  font-size: 15px
}

.iama-eventnova-cta-actions {
  display: grid;
  gap: 12px
}

.iama-eventnova-cta-actions a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 54px;
  padding: 14px 18px;
  border: 2px solid #00287d;
  border-radius: 14px;
  background: #00287d;
  color: #fff;
  font-size: 15px;
  font-weight: 800;
  transition: .25s ease
}

.iama-eventnova-cta-actions a:hover {
  transform: translateY(-3px);
  border-color: #ffc63b;
  background: #ffc63b;
  color: #00287d
}

@media (max-width:1199px) {
  .iama-eventnova-page h2 {
    font-size: 50px
  }

  .iama-eventnova-category-grid,
  .iama-eventnova-join-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }
}

@media (max-width:991px) {

  .iama-eventnova-hero,
  .iama-eventnova-categories,
  .iama-eventnova-upcoming,
  .iama-eventnova-feature,
  .iama-eventnova-join,
  .iama-eventnova-benefits {
    padding: 56px 0
  }

  .iama-eventnova-hero-grid,
  .iama-eventnova-feature-grid,
  .iama-eventnova-benefits-grid,
  .iama-eventnova-cta,
  .iama-eventnova-section-head {
    grid-template-columns: 1fr
  }

  .iama-eventnova-upcoming-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }

  .iama-eventnova-benefits-copy {
    min-height: auto
  }
}

@media (max-width:767px) {
  .iama-eventnova-page h2 {
    font-size: 40px;
    line-height: 1.02
  }

  .iama-eventnova-page p {
    font-size: 16px
  }

  .iama-eventnova-hero-visual,
  .iama-eventnova-feature-image {
    height: 360px
  }

  .iama-eventnova-category-grid,
  .iama-eventnova-upcoming-grid,
  .iama-eventnova-join-grid,
  .iama-eventnova-benefits-cards {
    grid-template-columns: 1fr
  }

  .iama-eventnova-category-grid article,
  .iama-eventnova-join-grid article {
    min-height: auto
  }
}

@media (max-width:480px) {

  .iama-eventnova-hero,
  .iama-eventnova-categories,
  .iama-eventnova-upcoming,
  .iama-eventnova-feature,
  .iama-eventnova-join,
  .iama-eventnova-benefits {
    padding: 46px 0
  }

  .iama-eventnova-page h2 {
    font-size: 34px
  }

  .iama-eventnova-hero-visual,
  .iama-eventnova-feature-image {
    height: 300px
  }

  .iama-eventnova-hero-actions {
    flex-direction: column;
    align-items: flex-start
  }

  .iama-eventnova-hero-actions>a,
  .iama-eventnova-cta-actions a {
    width: 100%;
    justify-content: space-between
  }

  .iama-eventnova-cta {
    padding: 22px
  }
}


/* =====================================================
IAMA EXAM RESULTS — SECURE PORTAL DESIGN
Unique prefix: iama-resultvault-
===================================================== */

.iama-resultvault-page {
  overflow: hidden;
  font-family: "Inter", sans-serif;
  color: #000;
}

.iama-resultvault-page * {
  box-sizing: border-box;
}

.iama-resultvault-page img {
  display: block;
  width: 100%;
}

.iama-resultvault-page a {
  text-decoration: none;
}

.iama-resultvault-page h2,
.iama-resultvault-page h3,
.iama-resultvault-page strong {
  margin: 0;
  font-family: "Outfit", sans-serif;
}

.iama-resultvault-page p {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #000;
  line-height: 1.4em;
}

.iama-resultvault-page h2 {
  font-size: 60px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.6px;
  color: #000;
}

.iama-resultvault-page h2 span {
  color: #00287d;
}

.iama-resultvault-label {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 9px 14px;
  border-radius: 50px;
  background: #ffc63b;
  color: #00287d;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

/* HERO */

.iama-resultvault-hero {
  padding: 72px 0;
  background:
    radial-gradient(circle at 8% 12%, rgba(255, 198, 59, 0.2), transparent 24%),
    linear-gradient(135deg, #f6f9ff 0%, #fff 60%, #fff7da 100%);
}

.iama-resultvault-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  align-items: center;
  gap: 50px;
}

.iama-resultvault-hero-copy h2 {
  margin-top: 18px;
}

.iama-resultvault-hero-copy>p {
  max-width: 650px;
  margin-top: 20px;
}

.iama-resultvault-hero-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
  margin-top: 22px;
}

.iama-resultvault-hero-actions>a {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 54px;
  padding: 14px 22px;
  border-radius: 14px;
  background: #00287d;
  color: #fff;
  font-size: 15px;
  font-weight: 800;
  transition: transform 0.25s ease, background 0.25s ease;
}

.iama-resultvault-hero-actions>a:hover {
  transform: translateY(-3px);
  background: #001f63;
  color: #fff;
}

.iama-resultvault-hero-actions>div {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #000;
  font-size: 14px;
  font-weight: 700;
}

.iama-resultvault-hero-actions>div i {
  color: #00287d;
}

.iama-resultvault-portal {
  overflow: hidden;
  border: 1px solid rgba(0, 40, 125, 0.12);
  border-radius: 26px;
  background: #fff;
  box-shadow: 0 24px 52px rgba(0, 40, 125, 0.14);
}

.iama-resultvault-portal-bar {
  display: flex;
  align-items: center;
  gap: 7px;
  min-height: 52px;
  padding: 0 18px;
  background: #00287d;
}

.iama-resultvault-portal-bar>span {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #ffc63b;
}

.iama-resultvault-portal-bar strong {
  margin-left: 10px;
  color: #fff;
  font-size: 14px;
}

.iama-resultvault-portal-body {
  display: grid;
  grid-template-columns: 62px minmax(0, 1fr) auto;
  align-items: center;
  gap: 16px;
  padding: 22px;
}

.iama-resultvault-portal-icon {
  display: grid;
  place-items: center;
  width: 58px;
  height: 58px;
  border-radius: 16px;
  background: #ffc63b;
  color: #00287d;
  font-size: 21px;
}

.iama-resultvault-portal-copy span,
.iama-resultvault-portal-copy strong,
.iama-resultvault-portal-copy p {
  display: block;
}

.iama-resultvault-portal-copy span {
  color: #00287d;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

.iama-resultvault-portal-copy strong {
  margin-top: 4px;
  color: #000;
  font-size: 20px;
}

.iama-resultvault-portal-copy p {
  margin-top: 3px;
  font-size: 14px;
}

.iama-resultvault-portal-status {
  padding: 12px 14px;
  border-radius: 12px;
  background: #f4f7fc;
  text-align: right;
}

.iama-resultvault-portal-status b,
.iama-resultvault-portal-status em {
  display: block;
}

.iama-resultvault-portal-status b {
  color: #00287d;
  font-family: "Outfit", sans-serif;
  font-size: 16px;
}

.iama-resultvault-portal-status em {
  margin-top: 3px;
  color: #000;
  font-size: 11px;
  font-style: normal;
}

.iama-resultvault-portal-image {
  height: 300px;
  overflow: hidden;
}

.iama-resultvault-portal-image img {
  height: 100%;
  object-fit: cover;
}

/* COMMON HEAD */

.iama-resultvault-section-head {
  display: grid;
  grid-template-columns: minmax(0, 1.16fr) minmax(280px, 0.84fr);
  align-items: end;
  gap: 42px;
  margin-bottom: 30px;
}

.iama-resultvault-section-head h2 {
  margin-top: 16px;
}

.iama-resultvault-section-head>p {
  padding-bottom: 5px;
}

/* STATUS */

.iama-resultvault-status {
  padding: 70px 0;
  background: #fff;
}

.iama-resultvault-status-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.iama-resultvault-status-grid article {
  display: grid;
  grid-template-columns: 74px minmax(0, 1fr);
  align-items: center;
  gap: 16px;
  min-height: 180px;
  padding: 22px;
  border: 1px solid rgba(0, 40, 125, 0.12);
  border-radius: 20px;
  background: #fff;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.iama-resultvault-status-grid article:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 34px rgba(0, 40, 125, 0.1);
}

.iama-resultvault-status-mark {
  display: grid;
  place-items: center;
  width: 70px;
  height: 70px;
  border-radius: 18px;
  background: #00287d;
  color: #ffc63b;
  font-family: "Outfit", sans-serif;
  font-size: 23px;
  font-weight: 700;
}

.iama-resultvault-status-grid span {
  display: inline-block;
  padding: 6px 9px;
  border-radius: 8px;
  background: #ffc63b;
  color: #00287d;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.iama-resultvault-status-grid h3 {
  margin-top: 10px;
  color: #000;
  font-size: 24px;
}

.iama-resultvault-status-grid p {
  margin-top: 6px;
  font-size: 18px;
}

/* CHECK */

.iama-resultvault-check {
  padding: 70px 0;
  background: #00287d;
}

.iama-resultvault-check-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.78fr) minmax(0, 1.22fr);
  align-items: stretch;
  gap: 28px;
}

.iama-resultvault-check-copy {
  padding: 30px;
  border-radius: 24px;
  background: #ffc63b;
}

.iama-resultvault-check-copy h2 {
  margin-top: 18px;
  color: #00287d;
}

.iama-resultvault-check-copy h2 span {
  color: #000;
}

.iama-resultvault-check-copy p {
  margin-top: 18px;
  color: #000;
}

.iama-resultvault-check-note {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 22px;
  padding: 15px;
  border-radius: 14px;
  background: #fff;
}

.iama-resultvault-check-note i {
  color: #00287d;
}

.iama-resultvault-check-note span {
  color: #000;
  font-size: 14px;
  line-height: 1.4;
}

.iama-resultvault-check-cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.iama-resultvault-check-cards article {
  min-height: 205px;
  padding: 22px;
  border-radius: 18px;
  background: #fff;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.iama-resultvault-check-cards article:hover {
  transform: translateY(-7px);
  box-shadow: 0 18px 32px rgba(0, 0, 0, 0.16);
}

.iama-resultvault-check-cards i {
  display: grid;
  place-items: center;
  width: 50px;
  height: 50px;
  border-radius: 14px;
  background: #ffc63b;
  color: #00287d;
}

.iama-resultvault-check-cards h3 {
  margin-top: 22px;
  color: #000;
  font-size: 22px;
}

.iama-resultvault-check-cards p {
  margin-top: 8px;
  font-size: 15px;
}

/* DOCUMENT */

.iama-resultvault-document {
  padding: 70px 0;
  background: #f4f7fc;
}

.iama-resultvault-document-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
  align-items: stretch;
  gap: 30px;
}

.iama-resultvault-document-copy {
  align-self: center;
}

.iama-resultvault-document-copy h2 {
  margin-top: 17px;
}

.iama-resultvault-document-copy>p {
  margin-top: 18px;
}

.iama-resultvault-document-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 13px;
  margin-top: 22px;
}

.iama-resultvault-document-fields article {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  align-items: center;
  gap: 13px;
  min-height: 112px;
  padding: 16px;
  border-radius: 16px;
  background: #fff;
}

.iama-resultvault-document-fields i {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 13px;
  background: #ffc63b;
  color: #00287d;
}

.iama-resultvault-document-fields span,
.iama-resultvault-document-fields strong {
  display: block;
}

.iama-resultvault-document-fields span {
  color: #00287d;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.iama-resultvault-document-fields strong {
  margin-top: 4px;
  color: #000;
  font-size: 19px;
  line-height: 1.25;
}

.iama-resultvault-document-visual {
  position: relative;
  height: 500px;
  overflow: hidden;
  border-radius: 24px;
}

.iama-resultvault-document-visual img {
  height: 100%;
  object-fit: cover;
}

.iama-resultvault-document-badge {
  position: absolute;
  right: 18px;
  bottom: 18px;
  left: 18px;
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 15px;
  border-radius: 14px;
  background: #00287d;
  color: #fff;
}

.iama-resultvault-document-badge i {
  color: #ffc63b;
}

/* NEXT */

.iama-resultvault-next {
  padding: 70px 0;
  background: #fff;
}

.iama-resultvault-next-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 15px;
}

.iama-resultvault-next-grid article {
  min-height: 270px;
  padding: 23px;
  border: 1px solid rgba(0, 40, 125, 0.12);
  border-radius: 20px;
  background: #fff;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.iama-resultvault-next-grid article:hover {
  transform: translateY(-7px);
  box-shadow: 0 18px 34px rgba(0, 40, 125, 0.1);
}

.iama-resultvault-next-grid i {
  display: grid;
  place-items: center;
  width: 50px;
  height: 50px;
  border-radius: 14px;
  background: #ffc63b;
  color: #00287d;
}

.iama-resultvault-next-grid span {
  display: block;
  margin-top: 20px;
  color: #00287d;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

.iama-resultvault-next-grid h3 {
  margin-top: 9px;
  color: #000;
  font-size: 23px;
}

.iama-resultvault-next-grid p {
  margin-top: 8px;
  font-size: 19px;
}

/* SUPPORT */

.iama-resultvault-support {
  padding: 70px 0;
  background: #fff8df;
}

.iama-resultvault-support-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.16fr) minmax(300px, 0.84fr);
  align-items: center;
  gap: 44px;
  padding: 36px;
  border-radius: 26px;
  background: #00287d;
}

.iama-resultvault-support h2 {
  margin-top: 17px;
  color: #fff;
}

.iama-resultvault-support h2 span {
  color: #ffc63b;
}

.iama-resultvault-support p {
  margin-top: 18px;
  color: #fff;
}

.iama-resultvault-support-actions {
  display: grid;
  gap: 12px;
}

.iama-resultvault-support-actions a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 56px;
  padding: 15px 19px;
  border: 2px solid #ffc63b;
  border-radius: 14px;
  background: #ffc63b;
  color: #00287d;
  font-size: 15px;
  font-weight: 800;
  transition: transform 0.25s ease, background 0.25s ease;
}

.iama-resultvault-support-actions a:hover {
  transform: translateY(-3px);
  border-color: #fff;
  background: #fff;
  color: #00287d;
}

/* RESPONSIVE */

@media (max-width: 1199px) {
  .iama-resultvault-page h2 {
    font-size: 50px;
  }
}

@media (max-width: 991px) {

  .iama-resultvault-hero,
  .iama-resultvault-status,
  .iama-resultvault-check,
  .iama-resultvault-document,
  .iama-resultvault-next,
  .iama-resultvault-support {
    padding: 56px 0;
  }

  .iama-resultvault-hero-grid,
  .iama-resultvault-check-grid,
  .iama-resultvault-document-grid,
  .iama-resultvault-support-grid,
  .iama-resultvault-section-head {
    grid-template-columns: 1fr;
  }

  .iama-resultvault-next-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .iama-resultvault-page h2 {
    font-size: 40px;
    line-height: 1.02;
  }

  .iama-resultvault-page p {
    font-size: 16px;
  }

  .iama-resultvault-portal-body {
    grid-template-columns: 56px minmax(0, 1fr);
  }

  .iama-resultvault-portal-status {
    grid-column: 1 / -1;
    text-align: left;
  }

  .iama-resultvault-status-grid,
  .iama-resultvault-check-cards,
  .iama-resultvault-document-fields,
  .iama-resultvault-next-grid {
    grid-template-columns: 1fr;
  }

  .iama-resultvault-document-visual {
    height: 360px;
  }

  .iama-resultvault-next-grid article {
    min-height: auto;
  }
}

@media (max-width: 480px) {

  .iama-resultvault-hero,
  .iama-resultvault-status,
  .iama-resultvault-check,
  .iama-resultvault-document,
  .iama-resultvault-next,
  .iama-resultvault-support {
    padding: 46px 0;
  }

  .iama-resultvault-page h2 {
    font-size: 34px;
  }

  .iama-resultvault-hero-actions {
    flex-direction: column;
    align-items: flex-start;
  }

  .iama-resultvault-hero-actions>a,
  .iama-resultvault-support-actions a {
    width: 100%;
    justify-content: space-between;
  }

  .iama-resultvault-portal-image,
  .iama-resultvault-document-visual {
    height: 300px;
  }

  .iama-resultvault-support-grid {
    padding: 24px;
  }
}

/* =====================================================
IAMA CAREER & PLACEMENTS — PREMIUM ELEGANT DESIGN
Unique prefix: iama-careerluxe-
===================================================== */

.iama-careerluxe-page {
  overflow: hidden;
  font-family: "Inter", sans-serif;
  color: #000;
}

.iama-careerluxe-page * {
  box-sizing: border-box;
}

.iama-careerluxe-page img {
  display: block;
  width: 100%;
}

.iama-careerluxe-page a {
  text-decoration: none;
}

.iama-careerluxe-page h2,
.iama-careerluxe-page h3,
.iama-careerluxe-page strong {
  margin: 0;
  font-family: "Outfit", sans-serif;
}

.iama-careerluxe-page p {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #000;
  line-height: 1.4em;
}

.iama-careerluxe-page h2 {
  font-family: "Outfit", sans-serif;
  font-size: 60px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.6px;
  color: #000;
}

.iama-careerluxe-page h2 span {
  color: #00287d;
}

.iama-careerluxe-label {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 9px 14px;
  border-radius: 50px;
  background: #ffc63b;
  color: #00287d;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

/* HERO */

.iama-careerluxe-hero {
  padding: 72px 0;
  background:
    radial-gradient(circle at 8% 12%, rgba(255, 198, 59, 0.23), transparent 24%),
    linear-gradient(135deg, #f6f9ff 0%, #fff 60%, #fff7da 100%);
}

.iama-careerluxe-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  align-items: center;
  gap: 48px;
}

.iama-careerluxe-hero-copy h2 {
  margin-top: 18px;
}

.iama-careerluxe-hero-copy>p {
  max-width: 660px;
  margin-top: 20px;
}

.iama-careerluxe-hero-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
  margin-top: 22px;
}

.iama-careerluxe-hero-actions>a {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 54px;
  padding: 14px 22px;
  border-radius: 14px;
  background: #00287d;
  color: #fff;
  font-size: 15px;
  font-weight: 800;
  transition: transform 0.25s ease, background 0.25s ease;
}

.iama-careerluxe-hero-actions>a:hover {
  transform: translateY(-3px);
  background: #001f63;
  color: #fff;
}

.iama-careerluxe-hero-actions>div {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #000;
  font-size: 14px;
  font-weight: 700;
}

.iama-careerluxe-hero-actions>div i {
  color: #00287d;
}

.iama-careerluxe-hero-visual {
  position: relative;
  height: 520px;
  overflow: hidden;
  border-radius: 30px;
  box-shadow: 0 22px 52px rgba(0, 40, 125, 0.14);
}

.iama-careerluxe-hero-visual>img {
  height: 100%;
  object-fit: cover;
}

.iama-careerluxe-hero-panel {
  position: absolute;
  right: 20px;
  bottom: 20px;
  left: 20px;
  padding: 18px;
  border-radius: 16px;
  background: #00287d;
}

.iama-careerluxe-hero-panel span,
.iama-careerluxe-hero-panel strong {
  display: block;
  color: #fff;
}

.iama-careerluxe-hero-panel span {
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.iama-careerluxe-hero-panel strong {
  margin-top: 5px;
  font-size: 23px;
}

.iama-careerluxe-hero-badge {
  position: absolute;
  top: 20px;
  right: 20px;
  display: flex;
  align-items: center;
  gap: 10px;
  max-width: 250px;
  padding: 13px 15px;
  border-radius: 14px;
  background: #ffc63b;
  color: #00287d;
  font-size: 13px;
  font-weight: 700;
}

/* COMMON HEADING */

.iama-careerluxe-section-head {
  display: grid;
  grid-template-columns: minmax(0, 1.16fr) minmax(280px, 0.84fr);
  align-items: end;
  gap: 42px;
  margin-bottom: 30px;
}

.iama-careerluxe-section-head h2 {
  margin-top: 16px;
}

.iama-careerluxe-section-head>p {
  padding-bottom: 5px;
}

/* PATHWAYS */

.iama-careerluxe-pathways {
  padding: 70px 0;
  background: #fff;
}

.iama-careerluxe-pathway-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.iama-careerluxe-pathway-grid article {
  overflow: hidden;
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 10px 28px rgba(0, 40, 125, 0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.iama-careerluxe-pathway-grid article:hover {
  transform: translateY(-8px);
  box-shadow: 0 22px 42px rgba(0, 40, 125, 0.15);
}

.iama-careerluxe-pathway-image {
  height: 250px;
  overflow: hidden;
}

.iama-careerluxe-pathway-image img {
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}

.iama-careerluxe-pathway-grid article:hover img {
  transform: scale(1.05);
}

.iama-careerluxe-pathway-content {
  min-height: 235px;
  padding: 22px;
}

.iama-careerluxe-pathway-content>i {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: 14px;
  background: #ffc63b;
  color: #00287d;
}

.iama-careerluxe-pathway-content h3 {
  margin-top: 20px;
  color: #000;
  font-size: 24px;
}

.iama-careerluxe-pathway-content p {
  margin-top: 8px;
  font-size: 15px;
}

/* READINESS */

.iama-careerluxe-readiness {
  padding: 70px 0;
  background: #00287d;
}

.iama-careerluxe-readiness-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.78fr) minmax(0, 1.22fr);
  align-items: stretch;
  gap: 28px;
}

.iama-careerluxe-readiness-copy {
  padding: 30px;
  border-radius: 24px;
  background: #ffc63b;
}

.iama-careerluxe-readiness-copy h2 {
  margin-top: 18px;
  color: #00287d;
}

.iama-careerluxe-readiness-copy h2 span {
  color: #000;
}

.iama-careerluxe-readiness-copy p {
  margin-top: 18px;
  color: #000;
}

.iama-careerluxe-readiness-cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.iama-careerluxe-readiness-cards article {
  min-height: 220px;
  padding: 22px;
  border-radius: 18px;
  background: #fff;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.iama-careerluxe-readiness-cards article:hover {
  transform: translateY(-7px);
  box-shadow: 0 18px 32px rgba(0, 0, 0, 0.16);
}

.iama-careerluxe-readiness-cards i {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: 14px;
  background: #ffc63b;
  color: #00287d;
}

.iama-careerluxe-readiness-cards h3 {
  margin-top: 22px;
  color: #000;
  font-size: 22px;
}

.iama-careerluxe-readiness-cards p {
  margin-top: 8px;
  font-size: 15px;
}

/* SKILLS */

.iama-careerluxe-skills {
  padding: 70px 0;
  background: #f4f7fc;
}

.iama-careerluxe-skills-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  align-items: center;
  gap: 42px;
}

.iama-careerluxe-skills-visual {
  position: relative;
  min-height: 520px;
  border-radius: 28px;
  background:
    radial-gradient(circle at center, rgba(255, 198, 59, 0.24), transparent 38%),
    #00287d;
}

.iama-careerluxe-skill-core {
  position: absolute;
  top: 50%;
  left: 50%;
  display: grid;
  width: 170px;
  height: 170px;
  place-items: center;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: #ffc63b;
  color: #00287d;
  text-align: center;
}

.iama-careerluxe-skill-core i {
  font-size: 30px;
}

.iama-careerluxe-skill-core strong {
  font-size: 21px;
}

.iama-careerluxe-skill-card {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 170px;
  padding: 14px 16px;
  border-radius: 14px;
  background: #fff;
  color: #000;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.14);
}

.iama-careerluxe-skill-card i {
  color: #00287d;
}

.iama-careerluxe-skill-card span {
  font-size: 14px;
  font-weight: 700;
}

.iama-careerluxe-skill-card-one {
  top: 58px;
  left: 44px;
}

.iama-careerluxe-skill-card-two {
  top: 58px;
  right: 44px;
}

.iama-careerluxe-skill-card-three {
  bottom: 58px;
  left: 44px;
}

.iama-careerluxe-skill-card-four {
  right: 44px;
  bottom: 58px;
}

.iama-careerluxe-skills-copy h2 {
  margin-top: 17px;
}

.iama-careerluxe-skills-copy>p {
  margin-top: 18px;
}

.iama-careerluxe-skill-points {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 22px;
}

.iama-careerluxe-skill-points article {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  min-height: 78px;
  padding: 14px;
  border-radius: 14px;
  background: #fff;
}

.iama-careerluxe-skill-points i {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border-radius: 12px;
  background: #ffc63b;
  color: #00287d;
}

.iama-careerluxe-skill-points span {
  color: #000;
  font-size: 15px;
}

/* JOURNEY */

.iama-careerluxe-journey {
  padding: 70px 0;
  background: #fff;
}

.iama-careerluxe-journey-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.iama-careerluxe-journey-grid article {
  min-height: 260px;
  padding: 22px;
  border: 1px solid rgba(0, 40, 125, 0.12);
  border-radius: 20px;
  background: #fff;
  transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
}

.iama-careerluxe-journey-grid article:hover {
  transform: translateY(-8px);
  background: #00287d;
  box-shadow: 0 20px 38px rgba(0, 40, 125, 0.15);
}

.iama-careerluxe-journey-grid i {
  display: grid;
  place-items: center;
  width: 50px;
  height: 50px;
  border-radius: 14px;
  background: #ffc63b;
  color: #00287d;
}

.iama-careerluxe-journey-grid span {
  display: block;
  margin-top: 20px;
  color: #00287d;
  font-size: 18px;
  font-weight: 800;
  text-transform: uppercase;
}

.iama-careerluxe-journey-grid h3 {
  margin-top: 8px;
  color: #000;
  font-size: 22px;
}

.iama-careerluxe-journey-grid p {
  margin-top: 8px;
  font-size: 18px;
}

.iama-careerluxe-journey-grid article:hover span,
.iama-careerluxe-journey-grid article:hover h3,
.iama-careerluxe-journey-grid article:hover p {
  color: #fff;
}

/* SUPPORT */

.iama-careerluxe-support {
  padding: 70px 0;
  background: #fff8df;
}

.iama-careerluxe-support-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  align-items: stretch;
  gap: 30px;
}

.iama-careerluxe-support-image {
  position: relative;
  height: 520px;
  overflow: hidden;
  border-radius: 26px;
}

.iama-careerluxe-support-image img {
  height: 100%;
  object-fit: cover;
}

.iama-careerluxe-support-image-note {
  position: absolute;
  right: 18px;
  bottom: 18px;
  left: 18px;
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 15px;
  border-radius: 14px;
  background: #00287d;
  color: #fff;
}

.iama-careerluxe-support-image-note i {
  color: #ffc63b;
}

.iama-careerluxe-support-copy {
  align-self: center;
}

.iama-careerluxe-support-copy h2 {
  margin-top: 17px;
}

.iama-careerluxe-support-copy>p {
  margin-top: 18px;
}

.iama-careerluxe-support-cards {
  display: grid;
  gap: 12px;
  margin-top: 22px;
}

.iama-careerluxe-support-cards article {
  display: grid;
  grid-template-columns: 50px minmax(0, 1fr);
  align-items: center;
  gap: 14px;
  min-height: 112px;
  padding: 16px;
  border-radius: 16px;
  background: #fff;
}

.iama-careerluxe-support-cards article>i {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: 14px;
  background: #ffc63b;
  color: #00287d;
}

.iama-careerluxe-support-cards h3 {
  color: #000;
  font-size: 26px;
}

.iama-careerluxe-support-cards p {
  margin-top: 5px;
  font-size: 18px;
}

/* CTA */

.iama-careerluxe-cta {
  padding: 70px 0;
  background: #fff;
}

.iama-careerluxe-cta-wrap {
  display: grid;
  grid-template-columns: minmax(0, 1.16fr) minmax(300px, 0.84fr);
  align-items: center;
  gap: 44px;
  padding: 40px;
  border-radius: 28px;
  background: #00287d;
}

.iama-careerluxe-cta h2 {
  margin-top: 17px;
  color: #fff;
}

.iama-careerluxe-cta h2 span {
  color: #ffc63b;
}

.iama-careerluxe-cta p {
  margin-top: 18px;
  color: #fff;
}

.iama-careerluxe-cta-actions {
  display: grid;
  gap: 12px;
}

.iama-careerluxe-cta-actions a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 56px;
  padding: 15px 19px;
  border: 2px solid #ffc63b;
  border-radius: 14px;
  background: #ffc63b;
  color: #00287d;
  font-size: 15px;
  font-weight: 800;
  transition: transform 0.25s ease, background 0.25s ease;
}

.iama-careerluxe-cta-actions a:hover {
  transform: translateY(-3px);
  border-color: #fff;
  background: #fff;
  color: #00287d;
}

/* RESPONSIVE */

@media (max-width: 1199px) {
  .iama-careerluxe-page h2 {
    font-size: 50px;
  }

  .iama-careerluxe-journey-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 991px) {

  .iama-careerluxe-hero,
  .iama-careerluxe-pathways,
  .iama-careerluxe-readiness,
  .iama-careerluxe-skills,
  .iama-careerluxe-journey,
  .iama-careerluxe-support,
  .iama-careerluxe-cta {
    padding: 56px 0;
  }

  .iama-careerluxe-hero-grid,
  .iama-careerluxe-readiness-grid,
  .iama-careerluxe-skills-grid,
  .iama-careerluxe-support-grid,
  .iama-careerluxe-cta-wrap,
  .iama-careerluxe-section-head {
    grid-template-columns: 1fr;
  }

  .iama-careerluxe-pathway-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .iama-careerluxe-page h2 {
    font-size: 40px;
    line-height: 1.02;
  }

  .iama-careerluxe-page p {
    font-size: 16px;
  }

  .iama-careerluxe-hero-visual,
  .iama-careerluxe-support-image {
    height: 360px;
  }

  .iama-careerluxe-pathway-grid,
  .iama-careerluxe-readiness-cards,
  .iama-careerluxe-skill-points,
  .iama-careerluxe-journey-grid {
    grid-template-columns: 1fr;
  }

  .iama-careerluxe-skills-visual {
    min-height: 620px;
  }

  .iama-careerluxe-skill-card-one,
  .iama-careerluxe-skill-card-three {
    left: 20px;
  }

  .iama-careerluxe-skill-card-two,
  .iama-careerluxe-skill-card-four {
    right: 20px;
  }

  .iama-careerluxe-journey-grid article {
    min-height: auto;
  }

  .iama-careerluxe-cta-wrap {
    padding: 30px;
  }
}

@media (max-width: 480px) {

  .iama-careerluxe-hero,
  .iama-careerluxe-pathways,
  .iama-careerluxe-readiness,
  .iama-careerluxe-skills,
  .iama-careerluxe-journey,
  .iama-careerluxe-support,
  .iama-careerluxe-cta {
    padding: 46px 0;
  }

  .iama-careerluxe-page h2 {
    font-size: 34px;
  }

  .iama-careerluxe-hero-visual,
  .iama-careerluxe-support-image {
    height: 300px;
  }

  .iama-careerluxe-hero-badge {
    top: 12px;
    right: 12px;
    left: 12px;
    max-width: none;
  }

  .iama-careerluxe-hero-panel {
    right: 12px;
    bottom: 12px;
    left: 12px;
  }

  .iama-careerluxe-skills-visual {
    min-height: 700px;
  }

  .iama-careerluxe-skill-card {
    right: 18px;
    left: 18px;
    min-width: 0;
  }

  .iama-careerluxe-skill-card-one {
    top: 40px;
  }

  .iama-careerluxe-skill-card-two {
    top: 112px;
  }

  .iama-careerluxe-skill-card-three {
    bottom: 112px;
  }

  .iama-careerluxe-skill-card-four {
    bottom: 40px;
  }

  .iama-careerluxe-cta-wrap {
    padding: 24px;
  }

  .iama-careerluxe-hero-actions {
    flex-direction: column;
    align-items: flex-start;
  }

  .iama-careerluxe-hero-actions>a,
  .iama-careerluxe-cta-actions a {
    width: 100%;
    justify-content: space-between;
  }
}


.iama-formvault-page,
.iama-formvault-cta {
  overflow: hidden;
  font-family: "Inter", sans-serif;
  color: #000
}

.iama-formvault-page *,
.iama-formvault-cta * {
  box-sizing: border-box
}

.iama-formvault-page img,
.iama-formvault-cta img {
  display: block;
  width: 100%
}

.iama-formvault-page a,
.iama-formvault-cta a {
  text-decoration: none
}

.iama-formvault-page h2,
.iama-formvault-page h3,
.iama-formvault-page strong,
.iama-formvault-cta h2 {
  margin: 0;
  font-family: "Outfit", sans-serif
}

.iama-formvault-page p,
.iama-formvault-cta p {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #000;
  line-height: 1.4em
}

.iama-formvault-page h2,
.iama-formvault-cta h2 {
  font-size: 60px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -.6px;
  color: #000
}

.iama-formvault-page h2 span,
.iama-formvault-cta h2 span {
  color: #00287d
}

.iama-formvault-label {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 9px 14px;
  border-radius: 50px;
  background: #ffc63b;
  color: #00287d;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase
}

.iama-formvault-hero {
  padding: 72px 0;
  background: radial-gradient(circle at 8% 12%, rgba(255, 198, 59, .22), transparent 24%), linear-gradient(135deg, #f6f9ff 0%, #fff 60%, #fff7da 100%)
}

.iama-formvault-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, .94fr) minmax(0, 1.06fr);
  align-items: center;
  gap: 48px
}

.iama-formvault-hero-copy h2 {
  margin-top: 18px
}

.iama-formvault-hero-copy>p {
  max-width: 670px;
  margin-top: 20px
}

.iama-formvault-hero-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
  margin-top: 22px
}

.iama-formvault-hero-actions>a {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 54px;
  padding: 14px 22px;
  border-radius: 14px;
  background: #00287d;
  color: #fff;
  font-size: 19px;
  font-weight: 800;
  transition: .25s ease
}

.iama-formvault-hero-actions>a:hover {
  transform: translateY(-3px);
  background: #001f63;
  color: #fff
}

.iama-formvault-hero-actions>div {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #000;
  font-size: 20px;
  font-weight: 700
}

.iama-formvault-hero-actions>div i {
  color: #00287d
}

.iama-formvault-hero-visual {
  position: relative;
  height: 500px;
  overflow: hidden;
  border-radius: 28px;
  box-shadow: 0 22px 52px rgba(0, 40, 125, .14)
}

.iama-formvault-hero-visual>img {
  height: 100%;
  object-fit: cover
}

.iama-formvault-hero-file {
  position: absolute;
  right: 18px;
  bottom: 18px;
  left: 18px;
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 16px;
  border-radius: 15px;
  background: #00287d;
  color: #fff
}

.iama-formvault-hero-file>i {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: 14px;
  background: #ffc63b;
  color: #00287d;
  font-size: 19px
}

.iama-formvault-hero-file strong,
.iama-formvault-hero-file span {
  display: block;
  color: #fff
}

.iama-formvault-hero-file span {
  margin-top: 3px;
  font-size: 19px
}

.iama-formvault-section-head {
  display: grid;
  grid-template-columns: minmax(0, 1.16fr) minmax(280px, .84fr);
  align-items: end;
  gap: 42px;
  margin-bottom: 30px
}

.iama-formvault-section-head h2 {
  margin-top: 16px
}

.iama-formvault-section-head>p {
  padding-bottom: 5px
}

.iama-formvault-directory {
  padding: 70px 0;
  background: #fff
}

.iama-formvault-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px
}

.iama-formvault-grid article {
  display: flex;
  min-height: 330px;
  flex-direction: column;
  padding: 22px;
  border: 1px solid rgba(0, 40, 125, .12);
  border-radius: 20px;
  background: #fff;
  transition: .3s ease
}

.iama-formvault-grid article:hover {
  transform: translateY(-7px);
  box-shadow: 0 20px 38px rgba(0, 40, 125, .13)
}

.iama-formvault-card-icon {
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  border-radius: 15px;
  background: #ffc63b;
  color: #00287d;
  font-size: 19px
}

.iama-formvault-card-copy {
  margin-top: 22px
}

.iama-formvault-card-copy>span {
  color: #00287d;
  font-size: 18px;
  font-weight: 800;
  letter-spacing: .07em;
  text-transform: uppercase
}

.iama-formvault-card-copy h3 {
  margin-top: 7px;
  color: #000;
  font-size: 23px;
  line-height: 1.15
}

.iama-formvault-card-copy p {
  margin-top: 8px;
  font-size: 18px
}

.iama-formvault-grid article>a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 50px;
  margin-top: auto;
  padding: 12px 15px;
  border-radius: 12px;
  background: #00287d;
  color: #fff;
  font-size: 18px;
  font-weight: 800;
  transition: .25s ease
}

.iama-formvault-grid article>a:hover {
  background: #ffc63b;
  color: #00287d
}

.iama-formvault-guidance {
  padding: 70px 0;
  background: #fff8df
}

.iama-formvault-guidance-grid {
  display: grid;
  grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);
  align-items: center;
  gap: 40px
}

.iama-formvault-guidance-copy h2 {
  margin-top: 17px
}

.iama-formvault-guidance-copy>p {
  margin-top: 18px
}

.iama-formvault-guidance-cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px
}

.iama-formvault-guidance-cards article {
  display: flex;
  min-height: 140px;
  align-items: center;
  gap: 14px;
  padding: 20px;
  border-radius: 18px;
  background: #fff
}

.iama-formvault-guidance-cards i {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: 14px;
  background: #ffc63b;
  color: #00287d
}

.iama-formvault-guidance-cards strong {
  color: #000;
  font-size: 22px;
  line-height: 1.25
}

.iama-formvault-cta {
  position: relative;
  padding: 78px 0;
  background: #00287d
}

.iama-formvault-cta-bg,
.iama-formvault-cta-overlay {
  position: absolute;
  inset: 0
}

.iama-formvault-cta-bg img {
  height: 100%;
  object-fit: cover
}

.iama-formvault-cta-overlay {
  background: linear-gradient(90deg, rgba(0, 24, 78, .98), rgba(0, 40, 125, .78))
}

.iama-formvault-cta .container {
  position: relative;
  z-index: 2
}

.iama-formvault-cta-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.16fr) minmax(300px, .84fr);
  align-items: center;
  gap: 48px
}

.iama-formvault-cta h2 {
  margin-top: 17px;
  color: #fff
}

.iama-formvault-cta h2 span {
  color: #ffc63b
}

.iama-formvault-cta p {
  margin-top: 18px;
  color: #fff
}

.iama-formvault-cta-actions {
  display: grid;
  gap: 12px
}

.iama-formvault-cta-actions a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 56px;
  padding: 15px 19px;
  border: 2px solid #ffc63b;
  border-radius: 14px;
  background: #ffc63b;
  color: #00287d;
  font-size: 15px;
  font-weight: 800;
  transition: .25s ease
}

.iama-formvault-cta-actions a:hover {
  transform: translateY(-3px);
  border-color: #fff;
  background: #fff;
  color: #00287d
}

@media(max-width:1199px) {

  .iama-formvault-page h2,
  .iama-formvault-cta h2 {
    font-size: 50px
  }

  .iama-formvault-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }
}

@media(max-width:991px) {

  .iama-formvault-hero,
  .iama-formvault-directory,
  .iama-formvault-guidance {
    padding: 56px 0
  }

  .iama-formvault-hero-grid,
  .iama-formvault-guidance-grid,
  .iama-formvault-cta-grid,
  .iama-formvault-section-head {
    grid-template-columns: 1fr
  }

  .iama-formvault-cta-actions {
    max-width: 520px
  }
}

@media(max-width:767px) {

  .iama-formvault-page h2,
  .iama-formvault-cta h2 {
    font-size: 40px;
    line-height: 1.02
  }

  .iama-formvault-page p,
  .iama-formvault-cta p {
    font-size: 16px
  }

  .iama-formvault-hero-visual {
    height: 360px
  }

  .iama-formvault-grid,
  .iama-formvault-guidance-cards {
    grid-template-columns: 1fr
  }

  .iama-formvault-grid article {
    min-height: auto
  }
}

@media(max-width:480px) {

  .iama-formvault-hero,
  .iama-formvault-directory,
  .iama-formvault-guidance,
  .iama-formvault-cta {
    padding: 46px 0
  }

  .iama-formvault-page h2,
  .iama-formvault-cta h2 {
    font-size: 34px
  }

  .iama-formvault-hero-visual {
    height: 300px
  }

  .iama-formvault-hero-file {
    right: 12px;
    bottom: 12px;
    left: 12px
  }

  .iama-formvault-hero-actions {
    flex-direction: column;
    align-items: flex-start
  }

  .iama-formvault-hero-actions>a,
  .iama-formvault-cta-actions a {
    width: 100%;
    justify-content: space-between
  }
}



/* =====================================================
IAMA ONLINE REGISTRATION FORM
Unique CSS Prefix: iama-regalform-
===================================================== */

.iama-regalform-page {
  overflow: hidden;
  background: #f4f7fc;
  color: #000;
  font-family: "Inter", sans-serif;
}

.iama-regalform-page *,
.iama-regalform-page *::before,
.iama-regalform-page *::after {
  box-sizing: border-box;
}

.iama-regalform-page h1,
.iama-regalform-page h2,
.iama-regalform-page h3,
.iama-regalform-page strong {
  font-family: "Outfit", sans-serif;
}

.iama-regalform-page input,
.iama-regalform-page select,
.iama-regalform-page textarea,
.iama-regalform-page button {
  font-family: "Inter", sans-serif;
}

/* DARK BLUE REGISTRATION HEADER */

.iama-regalform-header {
  position: relative;
  padding: 240px 0 70px;
  overflow: hidden;
  background:
    radial-gradient(circle at 84% 20%, rgba(255, 198, 59, 0.19), transparent 24%),
    linear-gradient(135deg, #001b55 0%, #00287d 58%, #00469a 100%);
}

.iama-regalform-header::before,
.iama-regalform-header::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
}

.iama-regalform-header::before {
  top: -140px;
  right: -90px;
  width: 360px;
  height: 360px;
  border: 1px solid rgba(255, 255, 255, 0.13);
}

.iama-regalform-header::after {
  right: 110px;
  bottom: -170px;
  width: 300px;
  height: 300px;
  background: rgba(255, 198, 59, 0.08);
}

.iama-regalform-header .container {
  position: relative;
  z-index: 2;
}

.iama-regalform-header-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.18fr) minmax(300px, 0.82fr);
  align-items: center;
  gap: 54px;
}

.iama-regalform-header-label,
.iama-regalform-kicker {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  width: max-content;
  max-width: 100%;
  padding: 9px 14px;
  border-radius: 999px;
  background: #ffc63b;
  color: #00287d;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.iama-regalform-header h1 {
  margin: 18px 0 0;
  color: #fff;
  font-size: 64px;
  font-weight: 700;
  line-height: 0.98;
  letter-spacing: -0.7px;
}

.iama-regalform-header h1 span {
  color: #ffc63b;
}

.iama-regalform-header p {
  max-width: 760px;
  margin: 18px 0 0;
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4em;
}

.iama-regalform-header-note {
  display: flex;
  align-items: center;
  gap: 15px;
  min-height: 126px;
  padding: 22px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  backdrop-filter: blur(10px);
}

.iama-regalform-header-note>i {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 54px;
  height: 54px;
  border-radius: 16px;
  background: #ffc63b;
  color: #00287d;
  font-size: 20px;
}

.iama-regalform-header-note strong,
.iama-regalform-header-note span {
  display: block;
  color: #fff;
}

.iama-regalform-header-note strong {
  font-size: 21px;
}

.iama-regalform-header-note span {
  margin-top: 5px;
  font-size: 14px;
  line-height: 1.4;
}

/* FORM AREA */

.iama-regalform-body {
  padding: 64px 0 76px;
}

.iama-regalform-intro {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(280px, 0.8fr);
  align-items: end;
  gap: 42px;
  margin-bottom: 28px;
}

.iama-regalform-intro h2 {
  margin: 16px 0 0;
  color: #000;
  font-size: 54px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.6px;
}

.iama-regalform-intro h2 span {
  color: #00287d;
}

.iama-regalform-intro>p {
  margin: 0 0 4px;
  color: #000;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4em;
}

.iama-regalform-shell {
  position: relative;
  padding: 28px;
  border: 1px solid rgba(0, 40, 125, 0.1);
  border-radius: 28px;
  background: #fff;
  box-shadow: 0 24px 60px rgba(0, 40, 125, 0.11);
}

.iama-regalform-error {
  display: none;
  margin-bottom: 18px;
  padding: 14px 16px;
  border-left: 4px solid #ffc63b;
  border-radius: 12px;
  background: #fff8dc;
  color: #000;
  font-size: 14px;
}

.iama-regalform-error:not(:empty) {
  display: block;
}

/* ORIGINAL FORM */

.iama-regalform-page #signup {
  margin: 0;
}

.iama-regalform-page .iama-regalform-table {
  display: block;
  width: 100%;
  margin: 0 0 24px;
  border: 0;
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
  border-radius: 22px;
  background: #f8faff;
}

.iama-regalform-page .iama-regalform-table:last-of-type {
  margin-bottom: 0;
}

.iama-regalform-page .iama-regalform-table thead,
.iama-regalform-page .iama-regalform-table tbody {
  display: block;
  width: 100%;
}

.iama-regalform-page .iama-regalform-table thead tr {
  display: block;
  width: 100%;
}

.iama-regalform-page .iama-regalform-table thead th {
  display: flex;
  align-items: center;
  min-height: 70px;
  width: 100%;
  padding: 20px 24px;
  border: 0;
  background: #00287d;
  color: #fff;
  font-family: "Outfit", sans-serif;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.2px;
  text-align: left;
}

.iama-regalform-page .iama-regalform-table thead th::before {
  content: "\f15c";
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  margin-right: 12px;
  border-radius: 12px;
  background: #ffc63b;
  color: #00287d;
  font-family: "Font Awesome 6 Free";
  font-size: 16px;
  font-weight: 900;
}

.iama-regalform-page .iama-regalform-table tbody>tr,
.iama-regalform-page .iama-regalform-table>tr {
  display: grid;
  grid-template-columns: minmax(210px, 0.72fr) minmax(0, 1.28fr);
  align-items: start;
  gap: 24px;
  width: calc(100% - 40px);
  margin: 0 20px;
  padding: 19px 4px;
  border-bottom: 1px solid rgba(0, 40, 125, 0.1);
}

.iama-regalform-page .iama-regalform-table tbody>tr:last-child,
.iama-regalform-page .iama-regalform-table>tr:last-child {
  border-bottom: 0;
}

.iama-regalform-page .iama-regalform-table td {
  display: block;
  width: 100%;
  padding: 0;
  border: 0;
  color: #000;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.45;
}

.iama-regalform-page .iama-regalform-table td:first-child {
  padding-top: 15px;
}

.iama-regalform-page .iama-regalform-table td:first-child>span {
  color: #d12d2d;
}

/* INPUTS */

.iama-regalform-page #signup input[type="text"],
.iama-regalform-page #signup input[type="password"],
.iama-regalform-page #signup input[type="email"],
.iama-regalform-page #signup input[type="tel"],
.iama-regalform-page #signup select,
.iama-regalform-page #signup textarea {
  display: block;
  width: 100%;
  min-height: 54px;
  padding: 13px 15px;
  border: 1px solid #cdd7e9;
  border-radius: 13px;
  outline: 0;
  background: #fff;
  color: #000;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.35;
  transition:
    border-color 0.22s ease,
    box-shadow 0.22s ease,
    background 0.22s ease;
}

.iama-regalform-page #signup textarea {
  min-height: 120px;
  resize: vertical;
}

.iama-regalform-page #signup select {
  cursor: pointer;
}

.iama-regalform-page #signup input:focus,
.iama-regalform-page #signup select:focus,
.iama-regalform-page #signup textarea:focus {
  border-color: #00287d;
  background: #fff;
  box-shadow: 0 0 0 4px rgba(0, 40, 125, 0.09);
}

.iama-regalform-page #signup input[readonly] {
  cursor: pointer;
  background: #fffdf4;
}

/* COUNTRY / STATE / PHONE NESTED ELEMENTS */

.iama-regalform-page #response1 {
  width: 100%;
}

.iama-regalform-page .iama-regalform-table td>table {
  width: 100% !important;
  margin: 0 !important;
  border: 0 !important;
  border-collapse: collapse;
}

.iama-regalform-page .iama-regalform-table td>table tr {
  display: grid;
  grid-template-columns: minmax(90px, 0.32fr) minmax(0, 1fr);
  gap: 12px;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
}

.iama-regalform-page .iama-regalform-table td>table td {
  padding: 0 !important;
}

/* FILE UPLOADS */

.iama-regalform-page #signup input[type="file"] {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}

.iama-regalform-page #signup input[type="file"]+label {
  display: inline-flex;
  align-items: center;
  min-height: 52px;
  margin: 0 !important;
  padding: 12px 17px;
  border: 1px dashed #00287d;
  border-radius: 13px;
  background: #edf3ff;
  color: #00287d;
  cursor: pointer;
  font-size: 14px;
  font-weight: 800;
  transition: background 0.22s ease, transform 0.22s ease;
}

.iama-regalform-page #signup input[type="file"]+label::before {
  content: "\f093";
  margin-right: 9px;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
}

.iama-regalform-page #signup input[type="file"]+label:hover {
  transform: translateY(-2px);
  background: #ffc63b;
}

.iama-regalform-page #photimg,
.iama-regalform-page #sigimg {
  display: block;
  width: 112px;
  height: 84px;
  margin-top: 12px;
  border: 1px solid #d6deeb;
  border-radius: 12px;
  object-fit: contain;
  background: #fff;
}

/* CAPTCHA */

.iama-regalform-page #user_code {
  max-width: 230px;
}

.iama-regalform-page #siimage {
  max-width: 230px;
  min-height: 50px;
  margin: 0 12px 0 0 !important;
  border: 1px solid #cdd7e9 !important;
  border-radius: 10px;
}

.iama-regalform-page #change-image {
  display: inline-grid;
  place-items: center;
  width: 42px;
  height: 42px;
  margin-top: 5px;
  border-radius: 12px;
  background: #ffc63b;
}

.iama-regalform-page #change-image img {
  width: 18px !important;
  height: 18px !important;
  margin: 0 !important;
}

/* TERMS */

.iama-regalform-page #signup input[type="checkbox"] {
  width: 19px;
  height: 19px;
  margin: 0 8px 0 0;
  accent-color: #00287d;
  vertical-align: middle;
}

.iama-regalform-page #signup label[for="term"] {
  color: #000;
  font-size: 15px;
  font-weight: 700;
  vertical-align: middle;
}

.iama-regalform-page .iama-regalform-table tr td div[style*="height:130px"] {
  height: 170px !important;
  padding: 18px;
  border: 1px solid #d7dfec;
  border-radius: 14px;
  background: #fff;
  color: #000;
  font-family: "Inter", sans-serif;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.65;
  text-align: left !important;
}

/* SUBMIT / RESET */

.iama-regalform-page #divprog {
  margin-bottom: 12px;
}

.iama-regalform-page #signup input[type="submit"],
.iama-regalform-page #signup input[type="reset"] {
  min-width: 150px;
  min-height: 54px;
  padding: 13px 22px;
  border: 2px solid #00287d;
  border-radius: 13px;
  cursor: pointer;
  font-size: 15px;
  font-weight: 800;
  transition:
    transform 0.22s ease,
    background 0.22s ease,
    border-color 0.22s ease,
    color 0.22s ease;
}

.iama-regalform-page #signup input[type="submit"] {
  background: #00287d;
  color: #fff;
}

.iama-regalform-page #signup input[type="reset"] {
  background: #fff;
  color: #00287d;
}

.iama-regalform-page #signup input[type="submit"]:hover,
.iama-regalform-page #signup input[type="reset"]:hover {
  transform: translateY(-3px);
  border-color: #ffc63b;
  background: #ffc63b;
  color: #00287d;
}

.iama-regalform-page .clearfix {
  clear: both;
}

/* RESPONSIVE */

@media (max-width: 1199px) {
  .iama-regalform-header h1 {
    font-size: 56px;
  }

  .iama-regalform-intro h2 {
    font-size: 48px;
  }
}

@media (max-width: 991px) {

  .iama-regalform-header-grid,
  .iama-regalform-intro {
    grid-template-columns: 1fr;
  }

  .iama-regalform-header {
    padding: 54px 0;
  }

  .iama-regalform-body {
    padding: 52px 0 62px;
  }

  .iama-regalform-header-note {
    max-width: 620px;
  }
}

@media (max-width: 767px) {
  .iama-regalform-header h1 {
    font-size: 44px;
  }

  .iama-regalform-header p,
  .iama-regalform-intro>p {
    font-size: 16px;
  }

  .iama-regalform-intro h2 {
    font-size: 40px;
  }

  .iama-regalform-shell {
    padding: 16px;
    border-radius: 22px;
  }

  .iama-regalform-page .iama-regalform-table thead th {
    min-height: 64px;
    padding: 17px 18px;
    font-size: 21px;
  }

  .iama-regalform-page .iama-regalform-table tbody>tr,
  .iama-regalform-page .iama-regalform-table>tr {
    grid-template-columns: 1fr;
    gap: 8px;
    width: calc(100% - 28px);
    margin: 0 14px;
    padding: 16px 0;
  }

  .iama-regalform-page .iama-regalform-table td:first-child {
    padding-top: 0;
  }

  .iama-regalform-page #user_code {
    max-width: 100%;
  }
}

@media (max-width: 480px) {
  .iama-regalform-header {
    padding: 46px 0;
  }

  .iama-regalform-body {
    padding: 44px 0 50px;
  }

  .iama-regalform-header h1 {
    font-size: 38px;
  }

  .iama-regalform-intro h2 {
    font-size: 34px;
  }

  .iama-regalform-header-note {
    padding: 17px;
  }

  .iama-regalform-shell {
    padding: 10px;
  }

  .iama-regalform-page .iama-regalform-table {
    border-radius: 17px;
  }

  .iama-regalform-page .iama-regalform-table td>table tr {
    grid-template-columns: 1fr;
  }

  .iama-regalform-page #signup input[type="submit"],
  .iama-regalform-page #signup input[type="reset"] {
    width: 100%;
    margin-bottom: 10px;
  }

  .iama-regalform-page #signup input[type="file"]+label {
    width: 100%;
    justify-content: center;
  }
}

/* =====================================================
IAMA PREMIUM QUICK LINKS
Unique prefix: iama-quickluxe-

Theme:
Dark Blue: #00287d
Yellow: #ffc63b
White: #fff
===================================================== */

.iama-quickluxe-section {
  position: relative;
  z-index: 20;

  overflow: visible;

  padding: 0 0 66px;

  background-color: #00287d;
  background-image: url(../images/service-bg.webp);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover;

  font-family: "Inter", sans-serif;
}

.iama-quickluxe-section *,
.iama-quickluxe-section *::before,
.iama-quickluxe-section *::after {
  box-sizing: border-box;
}

.iama-quickluxe-overlay {
  position: absolute;
  inset: 0;



  pointer-events: none;
}

.iama-quickluxe-section .container {
  position: relative;
  z-index: 2;
}

/* =====================================================
GRID
===================================================== */

.iama-quickluxe-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  align-items: stretch;
  gap: 17px;

  transform: translateY(-76px);

  margin-bottom: -38px;
}

/* =====================================================
LOAD ANIMATION
===================================================== */

.iama-quickluxe-item {
  min-width: 0;
  height: 100%;

  opacity: 0;
  transform: translateY(70px);

  animation:
    iamaQuickLuxeLoad 0.82s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

.iama-quickluxe-delay-1 {
  animation-delay: 0.08s;
}

.iama-quickluxe-delay-2 {
  animation-delay: 0.16s;
}

.iama-quickluxe-delay-3 {
  animation-delay: 0.24s;
}

.iama-quickluxe-delay-4 {
  animation-delay: 0.32s;
}

.iama-quickluxe-delay-5 {
  animation-delay: 0.4s;
}

@keyframes iamaQuickLuxeLoad {
  0% {
    opacity: 0;
    transform: translateY(70px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/* =====================================================
CARD
===================================================== */

.iama-quickluxe-item>a {
  position: relative;

  display: flex;
  height: 100%;
  flex-direction: column;

  overflow: hidden;

  padding: 20px;

  border: 1px solid rgba(255, 255, 255, 0.72);
  border-radius: 22px;

  background:
    linear-gradient(145deg,
      #ffffff 0%,
      #ffffff 63%,
      #f1f5fc 100%);

  box-shadow:
    0 24px 48px rgba(0, 18, 64, 0.2),
    0 4px 12px rgba(0, 40, 125, 0.07);

  color: #000;
  text-decoration: none;

  isolation: isolate;

  transition:
    transform 0.35s ease,
    box-shadow 0.35s ease,
    border-color 0.35s ease;
}

/* Elegant side accent */

.iama-quickluxe-item>a::before {
  content: "";

  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;

  width: 5px;

  background:
    linear-gradient(180deg,
      #ffc63b 0%,
      #00287d 100%);

  transform: scaleY(0.3);
  transform-origin: top;

  transition: transform 0.35s ease;
}

/* Subtle background circle */

.iama-quickluxe-item>a::after {
  content: "";

  position: absolute;
  top: -75px;
  right: -75px;

  width: 175px;
  height: 175px;

  border-radius: 50%;

  background:
    radial-gradient(circle,
      rgba(255, 198, 59, 0.22) 0%,
      rgba(255, 198, 59, 0.06) 56%,
      transparent 72%);

  z-index: -1;

  transition: transform 0.4s ease;
}

.iama-quickluxe-item:hover>a {
  transform: translateY(-11px);

  border-color: rgba(255, 198, 59, 0.9);

  box-shadow:
    0 34px 62px rgba(0, 18, 64, 0.29),
    0 10px 22px rgba(0, 40, 125, 0.1);
}

.iama-quickluxe-item:hover>a::before {
  transform: scaleY(1);
}

.iama-quickluxe-item:hover>a::after {
  transform: scale(1.2);
}

/* =====================================================
CARD TOP
===================================================== */

.iama-quickluxe-card-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

/* Icon */

.iama-quickluxe-icon {
  display: grid;
  flex: 0 0 auto;

  width: 58px;
  height: 58px;

  place-items: center;

  border-radius: 16px;

  background:
    linear-gradient(145deg,
      #00287d 0%,
      #004ca3 100%);

  color: #fff;

  box-shadow:
    0 12px 26px rgba(0, 40, 125, 0.22);

  transition:
    transform 0.35s ease,
    background 0.35s ease,
    color 0.35s ease;
}

.iama-quickluxe-icon i {
  font-size: 21px;
}

.iama-quickluxe-item:hover .iama-quickluxe-icon {
  transform: translateY(-4px) rotate(-5deg);

  background:
    linear-gradient(145deg,
      #ffc63b 0%,
      #ffdc78 100%);

  color: #00287d;
}

/* Category */

.iama-quickluxe-category {
  display: inline-flex;
  align-items: center;

  max-width: 118px;

  padding: 7px 9px;

  border: 1px solid rgba(0, 40, 125, 0.08);
  border-radius: 9px;

  background: #edf3ff;
  color: #00287d;

  font-size: 9px;
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: 0.07em;
  text-align: right;
  text-transform: uppercase;
}

/* =====================================================
CARD CONTENT
===================================================== */

.iama-quickluxe-card-content {
  margin-top: 28px;
}

.iama-quickluxe-card-content h3 {
  margin: 0;

  color: #000;

  font-family: "Outfit", sans-serif;
  font-size: 25px;
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -0.3px;
}

.iama-quickluxe-card-content p {
  margin: 10px 0 0;

  color: #000;

  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5em;
}

/* =====================================================
CARD ACTION
===================================================== */

.iama-quickluxe-card-action {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;

  min-height: 48px;
  padding-top: 20px;

  border-top: 1px solid rgba(0, 40, 125, 0.1);
}

.iama-quickluxe-card-action span {
  color: #00287d;

  font-size: 15px;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.iama-quickluxe-card-action>i {
  display: grid;

  width: 38px;
  height: 38px;

  place-items: center;

  border-radius: 11px;

  background: #ffc63b;
  color: #00287d;

  transition:
    transform 0.3s ease,
    background 0.3s ease,
    color 0.3s ease;
}

.iama-quickluxe-item:hover .iama-quickluxe-card-action>i {
  transform: translateX(5px);

  background: #00287d;
  color: #fff;
}

/* =====================================================
TRUST LINE
===================================================== */

.iama-quickluxe-trust {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;

  margin-top: 24px;
}

.iama-quickluxe-trust-title {
  display: flex;
  align-items: center;
  gap: 9px;
}

.iama-quickluxe-trust-title i {
  color: #ffc63b;
  font-size: 19px;
}

.iama-quickluxe-trust-title span {
  color: #fff;

  font-size: 20px;
  font-weight: 400;
}

.iama-quickluxe-trust>a {
  display: inline-flex;
  align-items: center;
  gap: 8px;

  padding-bottom: 3px;

  border-bottom: 1px solid rgba(255, 255, 255, 0.7);

  color: #fff;

  font-size: 20px;
  font-weight: 800;

  text-decoration: none;

  transition:
    color 0.25s ease,
    border-color 0.25s ease;
}

.iama-quickluxe-trust>a i {
  transition: transform 0.25s ease;
}

.iama-quickluxe-trust>a:hover {
  border-color: #ffc63b;
  color: #ffc63b;
}

.iama-quickluxe-trust>a:hover i {
  transform: translateX(5px);
}

/* =====================================================
LARGE LAPTOP
===================================================== */

@media (max-width: 1399px) {

  .iama-quickluxe-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    row-gap: 18px;
  }

  .iama-quickluxe-item>a {
    min-height: 285px;
  }
}

/* =====================================================
TABLET
===================================================== */

@media (max-width: 991px) {

  .iama-quickluxe-section {
    padding-bottom: 56px;
  }

  .iama-quickluxe-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));

    transform: translateY(-48px);

    margin-bottom: -15px;
  }

  .iama-quickluxe-item>a {
    min-height: 275px;
  }
}

/* =====================================================
MOBILE
===================================================== */

@media (max-width: 767px) {

  .iama-quickluxe-grid {
    grid-template-columns: 1fr;
    gap: 14px;

    transform: translateY(-28px);

    margin-bottom: 0;
  }

  .iama-quickluxe-item>a {
    min-height: 245px;
  }

  .iama-quickluxe-trust {
    flex-wrap: wrap;
  }
}

@media (max-width: 480px) {

  .iama-quickluxe-section {
    padding-bottom: 46px;
  }

  .iama-quickluxe-item>a {
    min-height: 235px;

    padding: 18px;

    border-radius: 18px;
  }

  .iama-quickluxe-icon {
    width: 54px;
    height: 54px;

    border-radius: 15px;
  }

  .iama-quickluxe-category {
    max-width: 105px;
  }

  .iama-quickluxe-card-content {
    margin-top: 22px;
  }

  .iama-quickluxe-card-content h3 {
    font-size: 21px;
  }

  .iama-quickluxe-card-content p {
    font-size: 14px;
  }

  .iama-quickluxe-trust {
    flex-direction: column;
    gap: 8px;

    text-align: center;
  }
}

/* =====================================================
REDUCED MOTION
===================================================== */

@media (prefers-reduced-motion: reduce) {

  .iama-quickluxe-item {
    opacity: 1;
    transform: none;
    animation: none;
  }

  .iama-quickluxe-item>a,
  .iama-quickluxe-icon,
  .iama-quickluxe-card-action>i {
    transition: none;
  }
}


/* =========================================================
   PREMIUM FEE STRUCTURE
========================================================= */


.iama-courseflow-fees{

position:relative;
overflow:hidden;

padding:70px 0;

background:
radial-gradient(
circle at 90% 10%,
rgba(255,198,59,.22),
transparent 30%
),
linear-gradient(
135deg,
#fffdf7,
#f5f9ff
);

scroll-margin-top:100px;

}



.iama-courseflow-fees:before{

content:"";

position:absolute;

width:420px;
height:420px;

right:-180px;
top:-180px;

border-radius:50%;

border:1px solid rgba(0,40,125,.08);

}



/* HEADING */

.iama-courseflow-fees-heading{

position:relative;
z-index:2;

max-width:850px;

}





/* GRID */

.iama-courseflow-fee-grid{

position:relative;
z-index:2;

display:grid;

grid-template-columns:
repeat(2,minmax(0,1fr));

gap:26px;

margin-top:45px;

}





/* CARD */

.iama-courseflow-fee-card{


position:relative;

display:flex;

flex-direction:column;

padding:34px;


border-radius:28px;


background:
linear-gradient(
145deg,
#ffffff,
#f8fbff
);


border:1px solid rgba(0,40,125,.10);


box-shadow:

0 20px 50px rgba(0,40,125,.10);


overflow:hidden;


transition:.35s ease;

}



.iama-courseflow-fee-card:before{

content:"";

position:absolute;

left:0;
top:0;

height:6px;

width:100%;


background:
linear-gradient(
90deg,
#00287d,
#ffc63b
);

}



.iama-courseflow-fee-card:hover{

transform:translateY(-8px);

box-shadow:

0 30px 70px rgba(0,40,125,.16);

}




.iama-courseflow-fee-featured{

background:

radial-gradient(
circle at top right,
rgba(255,198,59,.18),
transparent 35%
),
#fff;

}







/* TOP */

.iama-courseflow-fee-card-top{


display:flex;

justify-content:space-between;

align-items:flex-start;

gap:20px;

margin-bottom:22px;

}



.iama-courseflow-fee-badge{


display:inline-flex;

padding:8px 14px;

margin-bottom:12px;


border-radius:50px;


font-size:16px;

font-weight:800;

letter-spacing:.6px;


color:#00287d;


background:

linear-gradient(
135deg,
#fff0a8,
#ffc63b
);


}



.iama-courseflow-fee-card h3{

margin:0;

font-size:32px;

}



.iama-courseflow-fee-icon{


width:58px;

height:58px;


display:grid;

place-items:center;


border-radius:18px;


font-size:22px;


color:#fff;


background:

linear-gradient(
135deg,
#00287d,
#004bc4
);


box-shadow:

0 12px 25px rgba(0,40,125,.2);

}





.iama-courseflow-fee-course{


padding-bottom:18px;

margin-bottom:25px!important;


border-bottom:

1px solid rgba(0,40,125,.12);


font-size:18px!important;

font-weight:700!important;

color:#00287d!important;

}







/* MAIN PRICE */


.iama-courseflow-fee-main-price span{


display:block;

font-size:17px;

font-weight:700;

margin-bottom:8px;


}


.iama-courseflow-fee-main-price strong{


display:flex;

align-items:flex-start;

gap:5px;


font-size:72px;

line-height:1;

font-weight:700;


color:#00287d;

font-family:"Outfit",sans-serif;


}



.iama-courseflow-fee-main-price i{


font-size:28px;

margin-top:8px;

}








/* SAVE BOX */


.iama-courseflow-fee-saving{


display:flex;

align-items:center;

gap:14px;


padding:16px;


margin:25px 0;


border-radius:16px;


background:

linear-gradient(
135deg,
#fff2b7,
#fff9e3
);


}



.iama-courseflow-fee-saving i{


width:45px;
height:45px;


display:grid;

place-items:center;


border-radius:14px;


background:#ffc63b;

color:#00287d;

}



.iama-courseflow-fee-saving strong{


display:block;

font-size:18px;

color:#00287d;

}


.iama-courseflow-fee-saving span{

font-size:16px;
color:#000;

}








/* =========================================================
 MODERN INSTALLMENT BOX
========================================================= */


.iama-courseflow-modern-installments{


display:grid;

gap:15px;

margin-bottom:24px;

}





.iama-courseflow-modern-installment-item{


display:flex;

justify-content:space-between;

align-items:center;

gap:20px;


padding:15px;


border-radius:18px;


background:#fff;


border:1px solid rgba(0,40,125,.10);


transition:.3s ease;


}



.iama-courseflow-modern-installment-item:hover{


border-color:#ffc63b;


box-shadow:

0 15px 35px rgba(0,40,125,.10);


transform:translateY(-3px);


}






.iama-courseflow-installment-left{


display:flex;

align-items:center;

gap:14px;

}





.iama-courseflow-installment-number{


width:42px;

height:42px;


display:grid;

place-items:center;


border-radius:14px;


background:#00287d;


color:white;


font-weight:700;

flex-shrink:0;


}




.iama-courseflow-installment-text span{


font-size:15px;

font-weight:800;

letter-spacing:.7px;


color:#00287d;

}



.iama-courseflow-installment-text h4{


font-size:21px;

margin:3px 0;


}



.iama-courseflow-installment-text p{


font-size:16px;

line-height:1.4;

margin:0;

color:#000;


}





/* PRICE */

.iama-courseflow-installment-price{


display:flex;

align-items:center;

justify-content:center;

gap:5px;


min-width:120px;


padding:12px 18px;


border-radius:14px;


font-family:"Outfit",sans-serif;


font-size:26px;

font-weight:700;


color:#00287d;


background:

linear-gradient(
135deg,
#fff0a3,
#ffc63b
);



}




.iama-courseflow-installment-price i{

font-size:15px;

}





/* TOTAL */


.iama-courseflow-total-fee{


display:flex;

justify-content:space-between;

align-items:center;


padding:18px 22px;


border-radius:18px;


background:

linear-gradient(
135deg,
#00287d,
#004bc4
);



color:#fff;

}




.iama-courseflow-total-left{


display:flex;

align-items:center;

gap:14px;

}



.iama-courseflow-total-left span{


padding:6px 14px;

border-radius:50px;


font-size:12px;

font-weight:800;


color:#00287d;


background:#ffc63b;


}


.iama-courseflow-total-left strong{

font-size:20px;

}



.iama-courseflow-total-price{


display:flex;

align-items:center;

gap:5px;


font-size:32px;

font-weight:700;


font-family:"Outfit",sans-serif;


color:#ffc63b;


}





.iama-courseflow-total-price i{

font-size:16px;

}





/* DESCRIPTION */


.iama-courseflow-fee-description{


font-size:18px!important;

line-height:1.4!important;

margin:22px 0!important;

}







/* BUTTON */


.iama-courseflow-fee-btn{


display:inline-flex;

align-items:center;

justify-content:center;

gap:10px;


width:max-content;


padding:0 22px;


height:54px;


border-radius:12px;


background:

linear-gradient(
135deg,
#00287d,
#004bc4
);


color:white;


font-size:25px;

font-weight:700;


text-decoration:none;


transition:.3s ease;


}



.iama-courseflow-fee-btn:hover{


background:#ffc63b;

color:#00287d;


transform:translateY(-3px);

}






/* SUPPORT */


.iama-courseflow-fee-support{


margin-top:25px;


display:grid;


grid-template-columns:
60px 1fr auto;


align-items:center;


gap:18px;


padding:22px;


border-radius:22px;


background:

linear-gradient(
135deg,
#00287d,
#004bc4
);


color:white;


}




.iama-courseflow-support-icon{


width:60px;

height:60px;


display:grid;

place-items:center;


border-radius:18px;


background:#ffc63b;


color:#00287d;


font-size:24px;


}





.iama-courseflow-support-text span{


font-size:24px;

font-weight:700;


}



.iama-courseflow-support-text p{

margin:5px 0 0;

color:white;

}




.iama-courseflow-fee-support a{


padding:14px 20px;


border-radius:12px;


background:#ffc63b;


color:#00287d;


font-weight:700;


text-decoration:none;


}








/* =========================================================
 RESPONSIVE
========================================================= */


@media(max-width:991px){


.iama-courseflow-fee-grid{

grid-template-columns:1fr;

}



.iama-courseflow-fee-support{

grid-template-columns:1fr;

text-align:center;

justify-items:center;

}



}




@media(max-width:767px){


.iama-courseflow-fees{

padding:60px 0;

}


.iama-courseflow-fee-card{

padding:24px;

}



.iama-courseflow-fee-card h3{

font-size:26px;

}



.iama-courseflow-modern-installment-item{


flex-direction:column;

align-items:flex-start;

}



.iama-courseflow-installment-price{


width:100%;


}



.iama-courseflow-total-fee{


flex-direction:column;

align-items:flex-start;

gap:15px;


}



.iama-courseflow-fee-main-price strong{


font-size:55px;

}



}



@media(max-width:480px){


.iama-courseflow-installment-text h4{

font-size:17px;

}


.iama-courseflow-installment-text p{

font-size:13px;

}


.iama-courseflow-support-text span{

font-size:20px;

}


}

















/* =========================================================
   PREMIUM HOW TO APPLY
========================================================= */

.iama-courseflow-apply {
  scroll-margin-top: 100px;
  padding: 60px 0;
  background:
    linear-gradient(135deg,
      #ffffff 0%,
      #f5f9ff 100%);
}

.iama-courseflow-apply-layout {
  display: grid;
  grid-template-columns: minmax(0, 0.74fr) minmax(0, 1.26fr);
  gap: 58px;
  align-items: center;
}

.iama-courseflow-apply-intro h2 {
  margin-bottom: 20px;
}

.iama-courseflow-apply-intro>p {
  max-width: 570px;
}

.iama-courseflow-apply-btn {
  display: inline-flex;
  align-items: center;
  gap: 11px;
  min-height: 54px;
  margin-top: 27px;
  padding: 0 19px;
  border-radius: 11px;
  font-family: "Inter", sans-serif;
  font-size: 19px;
  font-weight: 700;
  text-decoration: none;
  color: #fff;
  background:
    linear-gradient(135deg,
      #00287d,
      #0047b8);
  box-shadow: 0 12px 24px rgba(0, 40, 125, 0.18);
}

.iama-courseflow-apply-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.iama-courseflow-apply-grid article {
  position: relative;
  overflow: hidden;
  min-height: 300px;
  padding: 26px;
  border: 1px solid rgba(0, 40, 125, 0.08);
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 16px 36px rgba(0, 40, 125, 0.08);
  transition:
    transform 0.35s ease,
    box-shadow 0.35s ease;
}

.iama-courseflow-apply-grid article::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 5px;
  background:
    linear-gradient(90deg,
      #00287d,
      #ffc63b);
}

.iama-courseflow-apply-grid article:hover {
  transform: translateY(-8px);
  box-shadow: 0 24px 48px rgba(0, 40, 125, 0.14);
}

.iama-courseflow-apply-number {
  position: absolute;
  top: 22px;
  right: 22px;
  font-family: "Outfit", sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: rgba(0, 40, 125, 0.35);
}

.iama-courseflow-apply-icon {
  display: grid;
  place-items: center;
  width: 60px;
  height: 60px;
  margin-bottom: 38px;
  border-radius: 18px;
  font-size: 23px;
  color: #fff;
  background:
    linear-gradient(135deg,
      #00287d,
      #0047b8);
  box-shadow: 0 12px 24px rgba(0, 40, 125, 0.18);
}

.iama-courseflow-apply-grid h3 {
  margin-bottom: 10px;
}

.iama-courseflow-apply-grid p {
  font-size: 16px;
}


/* =========================================================
   PREMIUM FINAL CTA
========================================================= */

.iama-courseflow-final {
  padding: 80px 0;
  background:
    radial-gradient(circle at 8% 90%,
      rgba(255, 198, 59, 0.22),
      transparent 25%),
    linear-gradient(135deg,
      #fffaf0,
      #f6f9ff);
}

.iama-courseflow-final-grid {
  position: relative;
  display: grid;
  grid-template-columns: minmax(340px, 0.88fr) minmax(0, 1.12fr);
  overflow: hidden;
  border-radius: 30px;
  background:
    radial-gradient(circle at 90% 5%,
      rgba(255, 198, 59, 0.18),
      transparent 25%),
    linear-gradient(135deg,
      #001f62 0%,
      #00287d 45%,
      #0047b8 100%);
  box-shadow: 0 30px 70px rgba(0, 40, 125, 0.24);
}

.iama-courseflow-final-image {
  position: relative;
  overflow: hidden;
}

.iama-courseflow-final-image::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg,
      rgba(0, 40, 125, 0.02),
      rgba(0, 40, 125, 0.36));
}

.iama-courseflow-final-image img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 430px;
  object-fit: cover;
  transition: transform 0.7s ease;
}

.iama-courseflow-final-grid:hover .iama-courseflow-final-image img {
  transform: scale(1.045);
}

.iama-courseflow-final-image-badge {
  position: absolute;
  z-index: 2;
  left: 22px;
  right: 22px;
  bottom: 22px;
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 13px;
  align-items: center;
  padding: 16px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.94);
  backdrop-filter: blur(12px);
}

.iama-courseflow-final-image-badge>i {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: 14px;
  color: #fff;
  background:
    linear-gradient(135deg,
      #00287d,
      #0047b8);
}

.iama-courseflow-final-image-badge strong,
.iama-courseflow-final-image-badge span {
  display: block;
  font-family: "Inter", sans-serif;
}

.iama-courseflow-final-image-badge strong {
  margin-bottom: 4px;
  font-size: 15px;
  color: #00287d;
}

.iama-courseflow-final-image-badge span {
  font-size: 12px;
  color: #000;
}

.iama-courseflow-final-copy {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 52px;
}

.iama-courseflow-final-label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: fit-content;
  margin-bottom: 17px;
  padding: 8px 12px;
  border-radius: 999px;
  font-family: "Inter", sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.7px;
  text-transform: uppercase;
  color: #00287d;
  background:
    linear-gradient(135deg,
      #ffe889,
      #ffc63b);
}

.iama-courseflow-final-copy h2 {
  margin-bottom: 20px;
  font-size: 50px;
  color: #fff;
}

.iama-courseflow-final-copy h2 strong {
  color: #ffc63b;
}

.iama-courseflow-final-copy>p {
  max-width: 680px;
  color: #fff;
}

.iama-courseflow-final-points {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 24px;
}

.iama-courseflow-final-points span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 999px;
  font-family: "Inter", sans-serif;
  font-size: 17px;
  font-weight: 600;
  color: #fff;
  background: rgba(255, 255, 255, 0.08);
}

.iama-courseflow-final-points i {
  color: #ffc63b;
}

.iama-courseflow-final-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 13px;
  margin-top: 30px;
}

.iama-courseflow-final-primary,
.iama-courseflow-final-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 54px;
  padding: 0 19px;
  border-radius: 11px;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
  transition:
    transform 0.3s ease,
    background 0.3s ease,
    color 0.3s ease;
}

.iama-courseflow-final-primary {
  color: #00287d;
  background:
    linear-gradient(135deg,
      #ffe377,
      #ffc63b);
}

.iama-courseflow-final-secondary {
  border: 1px solid rgba(255, 255, 255, 0.48);
  color: #fff;
  background: rgba(255, 255, 255, 0.08);
}

.iama-courseflow-final-primary:hover,
.iama-courseflow-final-secondary:hover {
  transform: translateY(-4px);
}

.iama-courseflow-final-primary:hover {
  color: #00287d;
  background: #fff;
}

.iama-courseflow-final-secondary:hover {
  color: #00287d;
  background: #fff;
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 1199px) {
  .iama-courseflow-apply-layout {
    grid-template-columns: 1fr;
  }

  .iama-courseflow-apply-intro {
    max-width: 800px;
  }

  .iama-courseflow-final-copy {
    padding: 42px;
  }

  .iama-courseflow-final-copy h2 {
    font-size: 44px;
  }
}

@media (max-width: 991px) {

  .iama-courseflow-fee-grid,
  .iama-courseflow-final-grid {
    grid-template-columns: 1fr;
  }

  .iama-courseflow-apply-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .iama-courseflow-final-image img {
    height: 350px;
    min-height: 350px;
  }
}

@media (max-width: 767px) {

  .iama-courseflow-fees,
  .iama-courseflow-apply,
  .iama-courseflow-final {
    padding: 62px 0;
  }

  .iama-courseflow-fee-notes,
  .iama-courseflow-apply-grid {
    grid-template-columns: 1fr;
  }

  .iama-courseflow-fee-support {
    grid-template-columns: 50px minmax(0, 1fr);
  }

  .iama-courseflow-fee-support a {
    grid-column: 1 / -1;
    justify-content: center;
  }

  .iama-courseflow-fee-card {
    padding: 27px 23px;
  }

  .iama-courseflow-final-copy {
    padding: 34px 28px;
  }

  .iama-courseflow-final-copy h2 {
    font-size: 38px;
  }
}

@media (max-width: 575px) {
  .iama-courseflow-fee-card-top {
    align-items: flex-start;
  }

  .iama-courseflow-fee-icon {
    width: 50px;
    height: 50px;
    border-radius: 15px;
  }

  .iama-courseflow-fee-main-price>strong {
    font-size: 56px;
  }

  .iama-courseflow-fee-main-price>strong i {
    margin-top: 6px;
    font-size: 24px;
  }

  .iama-courseflow-installments>div {
    grid-template-columns: 1fr;
  }

  .iama-courseflow-installments strong {
    padding-left: 43px;
  }

  .iama-courseflow-fee-notes article {
    grid-template-columns: 48px minmax(0, 1fr);
  }

  .iama-courseflow-fee-note-number {
    width: 48px;
    height: 48px;
  }

  .iama-courseflow-final-grid {
    border-radius: 22px;
  }

  .iama-courseflow-final-image img {
    height: 280px;
    min-height: 280px;
  }

  .iama-courseflow-final-copy {
    padding: 30px 22px;
  }

  .iama-courseflow-final-copy h2 {
    font-size: 34px;
  }

  .iama-courseflow-final-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .iama-courseflow-final-primary,
  .iama-courseflow-final-secondary {
    width: 100%;
  }
}




/* =========================================================
   IAMA Open University Header — isolated component
   ========================================================= */
.iama-university-header,
.iama-university-header * {
  box-sizing: border-box;
}

.iama-university-header {
  --iama-primary: #00287d;
  --iama-deep: #001c59;
  --iama-accent: #ffc63b;
  --iama-white: #fff;
  --iama-light: #f3f7ff;
  --iama-text: #101828;
  position: absolute;
  inset: 0 0 auto;
  z-index: 9990;
  width: 100%;
  font-family: Inter, Arial, sans-serif;
}



.iama-university-header button {
  font: inherit;
}


.iama-university-header-shell {
  margin-inline: auto;
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .iama-university-header-shell {
    width: 1500px;
    margin: auto;
  }

  .iama-university-header-socials>a,
  .iama-university-header-utility-links>a {
    font-size: 10px !important;
  }
}

@media (min-width: 1400px) and (max-width: 1600px) {
  .iama-university-header-shell {
    width: 1500px;
    margin: auto;
  }
}


@media (min-width: 1900px) {
  .iama-university-header-shell {
    width: 1800px;
    margin: auto;
  }
}



.iama-university-header-placeholder {
  display: none;
  height: 0;
}

/* Utility bar */
.iama-university-header-topbar {
  height: 43px;
  color: #fff;
  background: #06358e;
  border-bottom: 1px solid rgba(255, 255, 255, .13);
}

.iama-university-header-topbar-inner {
  height: 100%;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}

.iama-university-header-socials,
.iama-university-header-utility-links {
  display: flex;
  align-items: stretch;
}

.iama-university-header-socials>a,
.iama-university-header-utility-links>a {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 43px;
  padding: 0 18px;
  font-size: 14px;
  font-weight: 600;
  border-inline-end: 1px solid rgba(255, 255, 255, .14);
  transition: background-color .2s ease, color .2s ease;
}

.iama-university-header-socials>a:first-child {
  border-inline-start: 1px solid rgba(255, 255, 255, .14);
}

.iama-university-header-utility-links>a {
  text-transform: uppercase;
  font-size: 14px;
}

.iama-university-header-socials>a:hover,
.iama-university-header-utility-links>a:hover,
.iama-university-header-socials>a:focus-visible,
.iama-university-header-utility-links>a:focus-visible {
  background: #ffc63b;
  color: #06358e;
  outline: none;
}



/* Main desktop header */
.iama-university-header-main {
  position: relative;
  min-height: 125px;
  color: #fff;
  background: linear-gradient(180deg, rgba(0, 17, 57, .52) 0%, rgba(0, 20, 65, .20) 55%, rgba(0, 20, 65, 0) 100%);
}

.iama-university-header-main-inner {
  min-height: 125px;
  display: grid;
  grid-template-columns: 190px minmax(0, 1fr) 170px;
  align-items: start;
  gap: 18px;
}

.iama-university-header-logo {
  position: relative;
  z-index: 3;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: 10px;
}

.iama-university-header-logo img {
  display: block;
  width: auto;
  height: 115px;
  max-width: 100%;
  object-fit: contain;
  transition: height .3s ease, transform .3s ease;
}

.iama-university-header-nav {
  min-width: 0;
  align-self: start;
  padding-top: 42px;
}

.iama-university-header-nav-list {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: clamp(12px, 1.25vw, 28px);
  margin: 0;
  padding: 0;
  list-style: none;
}

.iama-university-header-nav-item {
  position: relative;
  flex: 0 0 auto;
}

.iama-university-header-nav-trigger-row {
  display: flex;
  align-items: center;
}

.iama-university-header-nav-link {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 40px;
  white-space: nowrap;
  font-size: 18px;
  font-weight: 650;
  letter-spacing: -.01em;
}

.iama-university-header-nav-link::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 1px;
  height: 2px;
  background: var(--iama-accent);
  transform: scaleX(0);
  transform-origin: center;
  transition: transform .22s ease;
}

.iama-university-header-nav-toggle {
  width: 24px;
  height: 40px;
  margin-left: 1px;
  padding: 0;
  border: 0;
  color: inherit;
  background: transparent;
  cursor: pointer;
}

.iama-university-header-nav-toggle i {
  font-size: 10px;
  transition: transform .22s ease;
}

.iama-university-header-nav-item:hover .iama-university-header-nav-link::after,
.iama-university-header-nav-item.is-open .iama-university-header-nav-link::after,
.iama-university-header-nav-link:focus-visible::after {
  transform: scaleX(1);
}

.iama-university-header-nav-item.is-open .iama-university-header-nav-toggle i {
  transform: rotate(180deg);
}

.iama-university-header-nav-link:focus-visible,
.iama-university-header-nav-toggle:focus-visible {
  outline: 2px solid var(--iama-accent);
  outline-offset: 3px;
  border-radius: 4px;
}

.iama-university-header-enquire {
  align-self: start;
  justify-self: end;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 154px;
  min-height: 58px;
  margin-top: 30px;
  padding: 0 24px;
  color: #000;
  background: var(--iama-accent);
  border-radius: 999px;
  font-size: 17px;
  font-weight: 750;
  box-shadow: 0 8px 20px rgba(0, 0, 0, .12);
  transition: transform .2s ease, background-color .2s ease;
}

.iama-university-header-enquire:hover,
.iama-university-header-enquire:focus-visible {
  transform: translateY(-2px);
  background: #fff;
  outline: none;
  color: #000;
}

.iama-university-header-hover-bridge {
  position: absolute;
  z-index: 2;
  top: 100%;
  left: -18px;
  width: calc(100% + 36px);
  height: 24px;
  pointer-events: none;
}

.iama-university-header-nav-item.is-open .iama-university-header-hover-bridge {
  pointer-events: auto;
}

/* Standard dropdowns */
.iama-university-header-dropdown,
.iama-university-header-mega {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transform: translateY(14px) scale(.985);
  transition: opacity .24s ease, transform .24s ease, visibility 0s linear .24s;
}

.iama-university-header-nav-item.is-open>.iama-university-header-dropdown,
.iama-university-header-nav-item.is-open>.iama-university-header-mega {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0) scale(1);
  transition-delay: 0s;
  z-index: 99;
}

.iama-university-header-dropdown {
  position: absolute;
  top: calc(100% + 20px);
  left: 50%;
  width: 300px;
  overflow: auto;
  margin: 0;
  list-style: none;
  color: var(--iama-text);
  background: linear-gradient(145deg, #fff 0%, #f7faff 100%);
  border: 1px solid rgba(0, 40, 125, .12);
  border-radius: 16px;
  box-shadow: 0 22px 58px rgba(0, 23, 75, .19);
  transform-origin: top center;
  translate: -50% 0;
}



.iama-university-header-dropdown li+li {
  margin-top: 2px;
}

.iama-university-header-dropdown a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  min-height: 40px;
padding: 13px 12px;
  border-radius: 9px;
  font-size: 16px;
  line-height: 1;
  transition: background-color .18s ease, color .18s ease, padding .18s ease;
  font-weight: 500;
}

.iama-university-header-dropdown a span {
  opacity: 0;
  transform: translateX(-5px);
  transition: opacity .18s ease, transform .18s ease;
}

.iama-university-header-dropdown a:hover,
.iama-university-header-dropdown a:focus-visible {
  color: #fff;
  background: var(--iama-primary);
  padding-left: 16px;
  outline: none;
}

.iama-university-header-dropdown a:hover span,
.iama-university-header-dropdown a:focus-visible span {
  opacity: 1;
  transform: none;
}

/* Courses mega menu */
.iama-university-header-mega {
  position: fixed;
  top: 140px;
  left: 50%;
  width: 90%;
  overflow: auto;
  color: var(--iama-text);
  background: radial-gradient(circle at 92% 8%, rgba(255, 198, 59, .18), transparent 25%), linear-gradient(145deg, #fff 0%, #f6f9ff 100%);
  border: 1px solid rgba(0, 40, 125, .10);
  border-radius: 22px;
  box-shadow: 0 28px 72px rgba(0, 23, 75, .22);
  transform-origin: top center;
  translate: -50% 0;
}

.iama-university-header-mega::before {
  content: "";
  position: fixed;
  top: 133px;
  left: var(--iama-mega-pointer, 50%);
  width: 16px;
  height: 16px;
  background: #fff;
  border-left: 1px solid rgba(0, 40, 125, .10);
  border-top: 1px solid rgba(0, 40, 125, .10);
  transform: translateX(-50%) rotate(45deg);
}

.iama-university-header-mega-inner {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
  padding: 28px 30px 30px;
}




/* =========================================
   MODERN MEGA MENU COLUMN CARDS
========================================= */

.iama-university-header-mega-column {
  min-width: 0;
  height: 100%;
  padding: 18px;
  border: 1px solid rgba(0, 40, 125, 0.1);
  border-radius: 16px;
  background:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.98),
      rgba(245, 248, 255, 0.98)
    );
  box-shadow:
    0 10px 30px rgba(0, 40, 125, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.8);
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    border-color 0.25s ease;
}

/* Column Hover */
.iama-university-header-mega-column:hover {
  transform: translateY(-4px);
  border-color: rgba(0, 40, 125, 0.2);
  box-shadow:
    0 18px 40px rgba(0, 40, 125, 0.13),
    inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

/* Column Heading */
.iama-university-header-mega-title {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 48px;
  margin: 0 0 14px;
  padding: 12px 14px 12px 18px;
  overflow: hidden;
  border: 1px solid rgba(0, 40, 125, 0.08);
  border-radius: 11px;
  font-family: "Outfit", "Inter", sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.25;
  color: var(--iama-deep);
  background:
    linear-gradient(
      135deg,
      rgba(0, 40, 125, 0.08),
      rgba(255, 198, 59, 0.14)
    );
}

/* Heading Accent Line */
.iama-university-header-mega-title::before {
  content: "";
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 0;
  width: 4px;
  border-radius: 0 99px 99px 0;
  background: var(--iama-accent);
}

/* Remove Old Bottom Line */
.iama-university-header-mega-title::after {
  display: none;
}

/* List */
.iama-university-header-mega-list {
  display: grid;
  gap: 7px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.iama-university-header-mega-list li {
  margin: 0;
}

.iama-university-header-mega-list li + li {
  margin-top: 0;
}

/* Individual Menu Item Box */
.iama-university-header-mega-list a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  padding: 5px 12px 5px 14px;
  overflow: hidden;
  border: 1px solid rgba(0, 40, 125, 0.08);
  border-radius: 10px;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.3;
  color: #000;
  background: #fff;
  box-shadow: 0 4px 12px rgba(0, 40, 125, 0.04);
  transition:
    color 0.22s ease,
    background 0.22s ease,
    border-color 0.22s ease,
    transform 0.22s ease,
    box-shadow 0.22s ease;
}

/* Subtle Accent Background */
.iama-university-header-mega-list a::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0;
  background:
    linear-gradient(
      135deg,
      var(--iama-primary),
      var(--iama-deep)
    );
  transition: opacity 0.22s ease;
}

/* Keep Text Above Background */
.iama-university-header-mega-list a > * {
  position: relative;
  z-index: 1;
}

/* Arrow / Icon */
.iama-university-header-mega-list a span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  border-radius: 8px;
  opacity: 1;
  color: var(--iama-primary);
  background: rgba(0, 40, 125, 0.08);
  transform: translateX(0);
  transition:
    color 0.22s ease,
    background 0.22s ease,
    transform 0.22s ease;
}

/* Hover */
.iama-university-header-mega-list a:hover,
.iama-university-header-mega-list a:focus-visible {
  color: #fff!important;
  border-color: transparent;
  transform: translateX(4px);
  box-shadow: 0 10px 22px rgba(0, 40, 125, 0.18);
  outline: none;
}


.iama-university-header-mega-list a {
  position: relative;
  isolation: isolate;
  color: var(--iama-deep);
}

/* Background layer */
.iama-university-header-mega-list a::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: 0;
  border-radius: inherit;
  background: linear-gradient(
    135deg,
    var(--iama-primary),
    var(--iama-deep)
  );
  transition: opacity 0.22s ease;
}

/* Hover background */
.iama-university-header-mega-list a:hover::before,
.iama-university-header-mega-list a:focus-visible::before {
  opacity: 1;
}

/* Hover text */
.iama-university-header-mega-list a:hover,
.iama-university-header-mega-list a:focus-visible {
  color: #ffffff !important;
  background: transparent !important;
}

/* Icons and spans */
.iama-university-header-mega-list a:hover span,
.iama-university-header-mega-list a:hover i,
.iama-university-header-mega-list a:focus-visible span,
.iama-university-header-mega-list a:focus-visible i {
  color: #ffffff !important;
}
/* Show Gradient on Hover */
.iama-university-header-mega-list a:hover::before,
.iama-university-header-mega-list a:focus-visible::before {
  opacity: 1;
}

/* Arrow Hover */
.iama-university-header-mega-list a:hover span,
.iama-university-header-mega-list a:focus-visible span {
  color: var(--iama-deep);
  background: var(--iama-accent);
  transform: translateX(2px);
}

/* =========================================
   TABLET
========================================= */

@media (max-width: 1199px) {
  .iama-university-header-mega-column {
    padding: 15px;
    border-radius: 14px;
  }

  .iama-university-header-mega-title {
    min-height: 45px;
    padding: 11px 12px 11px 16px;
    font-size: 16px;
  }

  .iama-university-header-mega-list a {
    min-height: 41px;
    padding: 9px 10px 9px 12px;
    font-size: 14px;
  }

  .iama-university-header-mega-list a span {
    flex-basis: 26px;
    width: 26px;
    height: 26px;
  }
}

/* =========================================
   MOBILE
========================================= */

@media (max-width: 991px) {
  .iama-university-header-mega-column {
    height: auto;
    padding: 14px;
    border-radius: 13px;
    box-shadow: 0 8px 20px rgba(0, 40, 125, 0.07);
  }

  .iama-university-header-mega-column:hover {
    transform: none;
  }

  .iama-university-header-mega-title {
    min-height: 42px;
    margin-bottom: 11px;
    padding: 10px 11px 10px 15px;
    border-radius: 9px;
    font-size: 15px;
  }

  .iama-university-header-mega-list {
    gap: 6px;
  }

  .iama-university-header-mega-list a {
    min-height: 40px;
    padding: 9px 10px 9px 12px;
    border-radius: 8px;
    font-size: 14px;
  }

  .iama-university-header-mega-list a:hover,
  .iama-university-header-mega-list a:focus-visible {
    transform: none;
  }
}

/* Sticky desktop state — matches supplied white compact reference */
@media (min-width: 1200px) {
  .iama-university-header.iama-university-header-is-sticky {
    position: fixed;
    inset: 0 0 auto;
    animation: iamaHeaderSlide .3s ease both;
    overflow: visible;
  }

  .iama-university-header.iama-university-header-is-sticky .iama-university-header-topbar {
    display: none;
  }

  .iama-university-header.iama-university-header-is-sticky .iama-university-header-main {
    min-height: 70px;
    height: 70px;
    overflow: visible;
    color: var(--iama-deep);
    background: #fff;
    border-bottom: 1px solid rgba(0, 40, 125, .07);
    box-shadow: 0 3px 12px rgba(0, 24, 80, .06);
  }

  .iama-university-header.iama-university-header-is-sticky .iama-university-header-shell {
    max-width: none;
    padding-inline: clamp(30px, 2.35vw, 46px);
  }


  

@media (min-width: 1200px) and (max-width: 1399px) {
  .iama-university-header.iama-university-header-is-sticky .iama-university-header-shell {
    width: 1500px;
    margin: auto;
  }
}

@media (min-width: 1400px) and (max-width: 1600px) {
 .iama-university-header.iama-university-header-is-sticky .iama-university-header-shelll {
    width: 1500px;
    margin: auto;
  }
}


@media (min-width: 1900px) {
  .iama-university-header.iama-university-header-is-sticky .iama-university-header-shell {
    width: 1800px;
    margin: auto;
  }
}


  .iama-university-header.iama-university-header-is-sticky .iama-university-header-main-inner {
    min-height: 89px;
    height: 89px;
    grid-template-columns: clamp(320px, 21vw, 390px) minmax(0, 1fr) clamp(130px, 9vw, 175px);
    align-items: start;
    gap: 0;
  }

  .iama-university-header.iama-university-header-is-sticky .iama-university-header-logo {
    align-self: start;
    justify-self: start;
    justify-content: flex-start;
    align-items: flex-start;
    width: auto;
    padding-top: 7px;
    z-index: 20;
  }

  .iama-university-header.iama-university-header-is-sticky .iama-university-header-logo img {
    width: auto;
    height: 100px;
    max-width: none;
    object-fit: contain;
    filter: none;
    transform: none;
  }

  .iama-university-header.iama-university-header-is-sticky .iama-university-header-nav {
    align-self: start;
    width: 100%;
    padding-top: 15px;
  }

  .iama-university-header.iama-university-header-is-sticky .iama-university-header-nav-list {
    justify-content: center;
    align-items: flex-start;
    gap: clamp(17px, 1.35vw, 30px);
    width: 100%;
  }

  .iama-university-header.iama-university-header-is-sticky .iama-university-header-nav-link {
    min-height: 38px;
    color: var(--iama-deep);
    font-size: 16px;
    font-weight: 650;
    line-height: 1;
    letter-spacing: -.01em;
  }

  .iama-university-header.iama-university-header-is-sticky .iama-university-header-nav-toggle {
    width: 21px;
    height: 38px;
    color: var(--iama-deep);
  }

  .iama-university-header.iama-university-header-is-sticky .iama-university-header-nav-toggle i {
    font-size: 9px;
  }

  .iama-university-header.iama-university-header-is-sticky .iama-university-header-nav-link::after {
    bottom: 0;
    height: 2px;
  }

  .iama-university-header.iama-university-header-is-sticky .iama-university-header-enquire {
    display: none;
  }

  .iama-university-header.iama-university-header-is-sticky .iama-university-header-hover-bridge {
    height: 20px;
  }

  .iama-university-header.iama-university-header-is-sticky .iama-university-header-dropdown {
    top: calc(100% + 12px);
  }

  .iama-university-header.iama-university-header-is-sticky .iama-university-header-mega {
    top: 89px;
  }

  .iama-university-header-placeholder.is-active {
    display: block;
    height: 89px;
  }
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .iama-university-header.iama-university-header-is-sticky .iama-university-header-shell {
    padding-inline: 24px;
  }

  .iama-university-header.iama-university-header-is-sticky .iama-university-header-main-inner {
    grid-template-columns: 255px minmax(0, 1fr) 72px;
  }

  .iama-university-header.iama-university-header-is-sticky .iama-university-header-logo img {
    height: 143px;
  }

  .iama-university-header.iama-university-header-is-sticky .iama-university-header-nav {
    padding-top: 34px;
  }

  .iama-university-header.iama-university-header-is-sticky .iama-university-header-nav-list {
    gap: 8px;
  }

  .iama-university-header.iama-university-header-is-sticky .iama-university-header-nav-link {
    font-size: 13.5px;
  }

  .iama-university-header.iama-university-header-is-sticky .iama-university-header-nav-toggle {
    width: 18px;
  }
}

@keyframes iamaHeaderSlide {
  from {
    transform: translateY(-100%);
  }

  to {
    transform: translateY(0);
  }
}

/* Mobile header + drawer */
.iama-university-header-mobile-open {
  display: none;
}

.iama-university-header-mobile-overlay,
.iama-university-header-mobile-drawer {
  display: none;
}

@media (max-width:1399px) and (min-width:1200px) {
  .iama-university-header-shell {
    width: min(100% - 34px, 1380px);
  }

  .iama-university-header-main-inner {
    grid-template-columns: 165px minmax(0, 1fr) 150px;
    gap: 8px;
  }

  .iama-university-header-logo img {
    height: 118px;
  }

  .iama-university-header-nav-list {
    gap: 8px;
  }

  .iama-university-header-nav-link {
    font-size: 13.5px;
  }

  .iama-university-header-enquire {
    min-width: 142px;
    padding-inline: 18px;
  }

}

@media (max-width:1199px) {
  .iama-university-header {
    position: relative;
    background: #fff;
  }

  .iama-university-header-topbar,
  .iama-university-header-nav {
    display: none;
  }

  .iama-university-header-main {
    min-height: 82px;
    color: var(--iama-deep);
    background: #fff;
    border-bottom: 1px solid rgba(0, 40, 125, .08);
  }

  .iama-university-header-main-inner {
    min-height: 82px;
    grid-template-columns: 1fr auto auto;
    align-items: center;
    gap: 16px;
  }

  .iama-university-header-logo {
    justify-self: start;
    align-items: center;
    padding: 0;
  }

  .iama-university-header-logo img {
    height: 70px;
  }

  .iama-university-header-enquire {
    align-self: center;
    margin: 0;
    min-height: 46px;
    min-width: 132px;
    font-size: 14px;
  }

  .iama-university-header-mobile-open {
    display: inline-grid;
    place-items: center;
    width: 48px;
    height: 48px;
    padding: 0;
    border: 1px solid rgba(0, 40, 125, .14);
    border-radius: 10px;
    color: #fff;
    background: var(--iama-primary);
    cursor: pointer;
  }

  .iama-university-header.iama-university-header-is-sticky {
    position: fixed;
  }

  .iama-university-header.iama-university-header-is-sticky .iama-university-header-main,
  .iama-university-header.iama-university-header-is-sticky .iama-university-header-main-inner {
    min-height: 72px;
  }

  .iama-university-header.iama-university-header-is-sticky .iama-university-header-logo img {
    height: 62px;
    filter: none;
  }

  .iama-university-header-placeholder.is-active {
    display: block;
    height: 82px;
  }

  .iama-university-header-mobile-overlay {
    display: block;
    position: fixed;
    inset: 0;
    z-index: 9997;
    background: rgba(0, 15, 45, .68);
    opacity: 0;
    visibility: hidden;
    transition: .25s ease;
  }

  .iama-university-header-mobile-drawer {
    display: flex;
    flex-direction: column;
    position: fixed;
    z-index: 9998;
    top: 0;
    right: 0;
    width: min(430px, 92vw);
    height: 100dvh;
    overflow: auto;
    color: var(--iama-text);
    background: #fff;
    box-shadow: -25px 0 60px rgba(0, 20, 70, .22);
    transform: translateX(100%);
    visibility: hidden;
    transition: transform .3s ease, visibility 0s linear .3s;
  }

  .iama-university-header.is-mobile-open .iama-university-header-mobile-overlay {
    opacity: 1;
    visibility: visible;
  }

  .iama-university-header.is-mobile-open .iama-university-header-mobile-drawer {
    transform: none;
    visibility: visible;
    transition-delay: 0s;
  }

  .iama-university-header-mobile-drawer-head {
    position: sticky;
    top: 0;
    z-index: 2;
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 84px;
    padding: 10px 18px;
    background: #fff;
    border-bottom: 1px solid rgba(0, 40, 125, .09);
  }

  .iama-university-header-mobile-drawer-head img {
    height: 64px;
    width: auto;
  }

  .iama-university-header-mobile-close {
    display: grid;
    place-items: center;
    width: 46px;
    height: 46px;
    border: 0;
    border-radius: 10px;
    color: #fff;
    background: var(--iama-primary);
    cursor: pointer;
  }

  .iama-university-header-mobile-list {
    margin: 0;
    padding: 10px 18px 0;
    list-style: none;
  }

  .iama-university-header-mobile-item {
    border-bottom: 1px solid rgba(0, 40, 125, .09);
  }

  .iama-university-header-mobile-row {
    display: flex;
    align-items: center;
    min-height: 54px;
  }

  .iama-university-header-mobile-parent-link {
    flex: 1;
    padding: 14px 4px;
    color: var(--iama-deep);
    font-weight: 700;
  }

  .iama-university-header-mobile-toggle,
  .iama-university-header-mobile-category-toggle {
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    border: 0;
    border-radius: 8px;
    color: var(--iama-primary);
    background: var(--iama-light);
    cursor: pointer;
  }

  .iama-university-header-mobile-toggle i,
  .iama-university-header-mobile-category-toggle i {
    transition: transform .22s ease;
  }

  .iama-university-header-mobile-toggle[aria-expanded="true"] i,
  .iama-university-header-mobile-category-toggle[aria-expanded="true"] i {
    transform: rotate(180deg);
  }

  .iama-university-header-mobile-panel,
  .iama-university-header-mobile-category-panel {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows .28s ease;
  }

  .iama-university-header-mobile-panel.is-open,
  .iama-university-header-mobile-category-panel.is-open {
    grid-template-rows: 1fr;
  }

  .iama-university-header-mobile-panel-inner,
  .iama-university-header-mobile-category-panel-inner {
    min-height: 0;
    overflow: hidden;
  }

  .iama-university-header-mobile-panel-inner>a,
  .iama-university-header-mobile-category-panel-inner>a {
    display: block;
    min-height: 44px;
    padding: 11px 14px;
    color: #26324a;
    background: #f8faff;
    border-top: 1px solid rgba(0, 40, 125, .06);
    font-size: 14px;
  }

  .iama-university-header-mobile-panel-inner>a:hover,
  .iama-university-header-mobile-panel-inner>a:focus-visible,
  .iama-university-header-mobile-category-panel-inner>a:hover,
  .iama-university-header-mobile-category-panel-inner>a:focus-visible {
    color: #fff;
    background: var(--iama-primary);
    outline: none;
  }

  .iama-university-header-mobile-course-group {
    padding: 0 8px 5px;
  }

  .iama-university-header-mobile-category-row {
    min-height: 48px;
    padding-left: 10px;
    color: var(--iama-primary);
    font-family: Outfit, Inter, sans-serif;
    font-weight: 700;
  }

  .iama-university-header-mobile-category-row>span {
    flex: 1;
  }

  .iama-university-header-mobile-category-panel-inner>a {
    padding-left: 22px;
  }

  .iama-university-header-mobile-utility {
    display: grid;
    gap: 2px;
    margin-top: auto;
    padding: 20px 18px 28px;
    background: var(--iama-light);
  }

  .iama-university-header-mobile-utility>a {
    display: flex;
    align-items: center;
    min-height: 44px;
    padding: 9px 12px;
    border-radius: 8px;
    color: var(--iama-deep);
    font-weight: 650;
  }

  .iama-university-header-mobile-utility>a:hover {
    background: #fff;
  }

  .iama-university-header-mobile-utility .iama-university-header-mobile-enquire {
    justify-content: center;
    margin-top: 8px;
    color: var(--iama-deep);
    background: var(--iama-accent);
  }

  .iama-university-header-mobile-open:focus-visible,
  .iama-university-header-mobile-close:focus-visible,
  .iama-university-header-mobile-toggle:focus-visible,
  .iama-university-header-mobile-category-toggle:focus-visible {
    outline: 3px solid var(--iama-accent);
    outline-offset: 2px;
  }
}

@media (max-width:767px) {
  .iama-university-header-shell {
    width: calc(100% - 28px);
  }

  .iama-university-header-main-inner {
    grid-template-columns: 1fr auto;
  }

  .iama-university-header-enquire {
    display: none;
  }

  .iama-university-header-logo img {
    height: 62px;
  }
}

@media (prefers-reduced-motion:reduce) {
  .iama-university-header * {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}

.iama-university-header .iama-university-header-mega::before {
  display: none !important;
  content: none !important;
}


.iama-recordluxe-page,
.iama-recordluxe-cta {
  overflow: hidden;
  font-family: "Inter", sans-serif;
  color: #000
}

.iama-recordluxe-page *,
.iama-recordluxe-cta * {
  box-sizing: border-box
}

.iama-recordluxe-page img,
.iama-recordluxe-cta img {
  display: block;
  width: 100%
}

.iama-recordluxe-page a,
.iama-recordluxe-cta a {
  text-decoration: none
}

.iama-recordluxe-page h2,
.iama-recordluxe-page h3,
.iama-recordluxe-page strong,
.iama-recordluxe-cta h2 {
  margin: 0;
  font-family: "Outfit", sans-serif
}

.iama-recordluxe-page p,
.iama-recordluxe-cta p {
  margin: 0;
  color: #000;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4em
}

.iama-recordluxe-page h2,
.iama-recordluxe-cta h2 {
  font-size: 60px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -.6px
}

.iama-recordluxe-page h2 span,
.iama-recordluxe-cta h2 span {
  color: #00287d
}

.iama-recordluxe-label {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 9px 14px;
  border-radius: 999px;
  background: linear-gradient(135deg, #ffc63b, #ffdb76);
  color: #00287d;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase
}

.iama-recordluxe-hero {
  padding: 74px 0;
  background: radial-gradient(circle at 10% 12%, rgba(255, 198, 59, .22), transparent 26%), linear-gradient(135deg, #f4f8ff 0%, #fff 60%, #fff7db 100%)
}

.iama-recordluxe-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, .94fr) minmax(0, 1.06fr);
  align-items: center;
  gap: 52px
}

.iama-recordluxe-hero-copy h2 {
  margin-top: 18px
}

.iama-recordluxe-hero-copy>p {
  max-width: 670px;
  margin-top: 20px
}

.iama-recordluxe-hero-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
  margin-top: 22px
}

.iama-recordluxe-hero-actions>a {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 54px;
  padding: 14px 22px;
  border-radius: 14px;
  background: linear-gradient(135deg, #00287d, #004a9c);
  color: #fff;
  font-size: 15px;
  font-weight: 800;
  transition: .3s ease
}

.iama-recordluxe-hero-actions>a:hover {
  transform: translateY(-3px);
  background: #ffc63b;
  color: #00287d
}

.iama-recordluxe-hero-actions>div {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 18px;
  font-weight: 700
}

.iama-recordluxe-hero-visual {
  position: relative;
  min-height: 520px
}

.iama-recordluxe-hero-main {
  position: absolute;
  inset: 0 90px 42px 0;
  overflow: hidden;
  border-radius: 30px;
  box-shadow: 0 24px 54px rgba(0, 40, 125, .15)
}

.iama-recordluxe-hero-main img,
.iama-recordluxe-hero-small img {
  height: 100%;
  object-fit: cover
}

.iama-recordluxe-hero-small {
  position: absolute;
  top: 42px;
  right: 0;
  width: 180px;
  height: 220px;
  overflow: hidden;
  border: 7px solid #fff;
  border-radius: 22px;
  box-shadow: 0 18px 34px rgba(0, 40, 125, .14)
}

.iama-recordluxe-hero-badge {
  position: absolute;
  right: 20px;
  bottom: 0;
  left: 56px;
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 17px;
  border-radius: 16px;
  background: linear-gradient(135deg, #00287d, #004b9f);
  color: #fff
}

.iama-recordluxe-hero-badge>i {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: 14px;
  background: #ffc63b;
  color: #00287d
}

.iama-recordluxe-hero-badge strong,
.iama-recordluxe-hero-badge span {
  display: block;
  color: #fff
}

.iama-recordluxe-hero-badge span {
  margin-top: 3px;
  font-size: 13px
}

.iama-recordluxe-section-head {
  display: grid;
  grid-template-columns: minmax(0, 1.16fr) minmax(280px, .84fr);
  align-items: end;
  gap: 42px;
  margin-bottom: 30px
}

.iama-recordluxe-section-head h2 {
  margin-top: 16px
}

.iama-recordluxe-options,
.iama-recordluxe-requirements,
.iama-recordluxe-process,
.iama-recordluxe-delivery,
.iama-recordluxe-checks {
  padding: 72px 0
}

.iama-recordluxe-options-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px
}

.iama-recordluxe-options-grid article {
  display: flex;
  min-height: 320px;
  flex-direction: column;
  padding: 24px;
  border: 1px solid rgba(0, 40, 125, .11);
  border-radius: 22px;
  background: linear-gradient(145deg, #fff, #f2f6ff);
  transition: .3s ease
}

.iama-recordluxe-options-grid article:hover {
  transform: translateY(-8px);
  box-shadow: 0 24px 44px rgba(0, 40, 125, .14)
}

.iama-recordluxe-option-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px
}

.iama-recordluxe-option-top>i {
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  border-radius: 15px;
  background: linear-gradient(135deg, #00287d, #004b9f);
  color: #fff
}

.iama-recordluxe-option-top span {
  padding: 7px 9px;
  border-radius: 9px;
  background: #edf3ff;
  color: #00287d;
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase
}

.iama-recordluxe-options-grid h3 {
  margin-top: 28px;
  font-size: 24px
}

.iama-recordluxe-options-grid p {
  margin-top: 9px;
  font-size: 15px
}

.iama-recordluxe-options-grid a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: auto;
  padding-top: 20px;
  border-top: 1px solid rgba(0, 40, 125, .1);
  color: #00287d;
  font-size: 19px;
  font-weight: 800
}

.iama-recordluxe-options-grid a i {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: 11px;
  background: #ffc63b
}

.iama-recordluxe-requirements {
  background: #f4f7fc
}

.iama-recordluxe-requirements-grid {
  display: grid;
  grid-template-columns: minmax(0, .86fr) minmax(0, 1.14fr);
  align-items: center;
  gap: 46px
}

.iama-recordluxe-requirements-copy h2,
.iama-recordluxe-delivery-copy h2 {
  margin-top: 17px
}

.iama-recordluxe-requirements-copy>p,
.iama-recordluxe-delivery-copy>p {
  margin-top: 18px
}

.iama-recordluxe-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 22px
}

.iama-recordluxe-tags span {
  padding: 10px 13px;
  border-radius: 10px;
  background: #fff;
  color: #00287d;
  font-size: 18px;
  font-weight: 700
}

.iama-recordluxe-requirements-board {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px
}

.iama-recordluxe-requirements-board article,
.iama-recordluxe-checks-grid article {
  min-height: 190px;
  padding: 22px;
  border-radius: 20px;
  background: #fff;
  transition: .3s ease
}

.iama-recordluxe-requirements-board i,
.iama-recordluxe-checks-grid i {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: 14px;
  background: #ffc63b;
  color: #00287d
}

.iama-recordluxe-requirements-board h3,
.iama-recordluxe-checks-grid h3 {
  margin-top: 20px;
  font-size: 24px
}

.iama-recordluxe-requirements-board p,
.iama-recordluxe-checks-grid p {
  margin-top: 7px;
  font-size: 18px
}

.iama-recordluxe-process {
  background: linear-gradient(135deg, #001b55, #00287d 60%, #004b9f)
}

.iama-recordluxe-process .iama-recordluxe-section-head h2 {
  color: #fff
}

.iama-recordluxe-process .iama-recordluxe-section-head h2 span {
  color: #ffc63b
}

.iama-recordluxe-process-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px
}

.iama-recordluxe-process-grid article {
  min-height: 245px;
  padding: 22px;
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 20px;
  background: rgba(255, 255, 255, .1);
  transition: .3s ease
}

.iama-recordluxe-process-grid article:hover {
  transform: translateY(-8px);
  background: #fff
}

.iama-recordluxe-process-grid i {
  display: grid;
  place-items: center;
  width: 50px;
  height: 50px;
  border-radius: 14px;
  background: #ffc63b;
  color: #00287d
}

.iama-recordluxe-process-grid h3 {
  margin-top: 23px;
  color: #fff;
  font-size: 23px
}

.iama-recordluxe-process-grid p {
  margin-top: 8px;
  color: #fff;
  font-size: 18px
}

.iama-recordluxe-process-grid article:hover h3,
.iama-recordluxe-process-grid article:hover p {
  color: #000
}

.iama-recordluxe-delivery-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
  align-items: stretch;
  gap: 30px
}

.iama-recordluxe-delivery-copy {
  align-self: center
}

.iama-recordluxe-delivery-cards {
  display: grid;
  gap: 12px;
  margin-top: 22px
}

.iama-recordluxe-delivery-cards article {
  display: grid;
  grid-template-columns: 50px minmax(0, 1fr);
  align-items: center;
  gap: 14px;
  min-height: 110px;
  padding: 16px;
  border-radius: 16px;
  background: #f4f7fc
}

.iama-recordluxe-delivery-cards i {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: 14px;
  background: #ffc63b;
  color: #00287d
}

.iama-recordluxe-delivery-cards h3 {
  font-size: 21px
}

.iama-recordluxe-delivery-cards p {
  margin-top: 5px;
  font-size: 15px
}

.iama-recordluxe-delivery-visual {
  position: relative;
  height: 520px;
  overflow: hidden;
  border-radius: 26px
}

.iama-recordluxe-delivery-visual img {
  height: 100%;
  object-fit: cover
}

.iama-recordluxe-delivery-badge {
  position: absolute;
  right: 18px;
  bottom: 18px;
  left: 18px;
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 15px;
  border-radius: 14px;
  background: #00287d;
  color: #fff
}

.iama-recordluxe-delivery-badge i {
  color: #ffc63b
}

.iama-recordluxe-checks {
  background: #fff8df
}

.iama-recordluxe-checks-layout {
  display: grid;
  grid-template-columns: minmax(0, .78fr) minmax(0, 1.22fr);
  gap: 24px
}

.iama-recordluxe-checks-copy {
  min-height: 420px;
  padding: 30px;
  border-radius: 24px;
  background: linear-gradient(135deg, #001b55, #00287d)
}

.iama-recordluxe-checks-copy h2 {
  margin-top: 18px;
  color: #fff
}

.iama-recordluxe-checks-copy h2 span {
  color: #ffc63b
}

.iama-recordluxe-checks-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px
}

.iama-recordluxe-cta {
  position: relative;
  padding: 78px 0;
  background: #00287d
}

.iama-recordluxe-cta-bg,
.iama-recordluxe-cta-overlay {
  position: absolute;
  inset: 0
}

.iama-recordluxe-cta-bg img {
  height: 100%;
  object-fit: cover
}

.iama-recordluxe-cta-overlay {
  background: linear-gradient(90deg, rgba(0, 24, 78, .98), rgba(0, 40, 125, .8))
}

.iama-recordluxe-cta .container {
  position: relative;
  z-index: 2
}

.iama-recordluxe-cta-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.16fr) minmax(300px, .84fr);
  align-items: center;
  gap: 48px
}

.iama-recordluxe-cta h2 {
  color: #fff
}

.iama-recordluxe-cta h2 span {
  color: #ffc63b
}

.iama-recordluxe-cta p {
  margin-top: 18px;
  color: #fff
}

.iama-recordluxe-cta-actions {
  display: grid;
  gap: 12px
}

.iama-recordluxe-cta-actions a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 56px;
  padding: 15px 19px;
  border: 2px solid #ffc63b;
  border-radius: 14px;
  background: #ffc63b;
  color: #00287d;
  font-size: 15px;
  font-weight: 800
}

@media(max-width:1199px) {

  .iama-recordluxe-page h2,
  .iama-recordluxe-cta h2 {
    font-size: 50px
  }

  .iama-recordluxe-options-grid,
  .iama-recordluxe-process-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }
}

@media(max-width:991px) {

  .iama-recordluxe-hero-grid,
  .iama-recordluxe-requirements-grid,
  .iama-recordluxe-delivery-grid,
  .iama-recordluxe-checks-layout,
  .iama-recordluxe-cta-grid,
  .iama-recordluxe-section-head {
    grid-template-columns: 1fr
  }

  .iama-recordluxe-hero-visual {
    min-height: 500px
  }

  .iama-recordluxe-checks-copy {
    min-height: auto
  }
}

@media(max-width:767px) {

  .iama-recordluxe-page h2,
  .iama-recordluxe-cta h2 {
    font-size: 40px
  }

  .iama-recordluxe-page p,
  .iama-recordluxe-cta p {
    font-size: 16px
  }

  .iama-recordluxe-options-grid,
  .iama-recordluxe-requirements-board,
  .iama-recordluxe-process-grid,
  .iama-recordluxe-checks-grid {
    grid-template-columns: 1fr
  }

  .iama-recordluxe-delivery-visual {
    height: 360px
  }
}

@media(max-width:480px) {

  .iama-recordluxe-page h2,
  .iama-recordluxe-cta h2 {
    font-size: 34px
  }

  .iama-recordluxe-hero-visual {
    min-height: 360px
  }

  .iama-recordluxe-hero-main {
    inset: 0 25px 36px 0
  }

  .iama-recordluxe-hero-small {
    top: 25px;
    width: 110px;
    height: 135px
  }

  .iama-recordluxe-hero-badge {
    right: 10px;
    left: 10px
  }

  .iama-recordluxe-delivery-visual {
    height: 300px
  }

  .iama-recordluxe-hero-actions {
    flex-direction: column;
    align-items: flex-start
  }

  .iama-recordluxe-hero-actions>a,
  .iama-recordluxe-cta-actions a {
    width: 100%;
    justify-content: space-between
  }
}


/* =====================================================
IAMA STUDENT AMBASSADORS — PREMIUM MODERN DESIGN
Unique prefix: iama-ambassadorprime-

Theme:
Dark Blue: #00287d
Yellow: #ffc63b
White: #fff
===================================================== */

.iama-ambassadorprime-page,
.iama-ambassadorprime-cta {
  overflow: hidden;
  color: #000;
  font-family: "Inter", sans-serif;
}

.iama-ambassadorprime-page *,
.iama-ambassadorprime-page *::before,
.iama-ambassadorprime-page *::after,
.iama-ambassadorprime-cta *,
.iama-ambassadorprime-cta *::before,
.iama-ambassadorprime-cta *::after {
  box-sizing: border-box;
}

.iama-ambassadorprime-page img,
.iama-ambassadorprime-cta img {
  display: block;
  width: 100%;
}

.iama-ambassadorprime-page a,
.iama-ambassadorprime-cta a {
  text-decoration: none;
}

.iama-ambassadorprime-page h2,
.iama-ambassadorprime-page h3,
.iama-ambassadorprime-page strong,
.iama-ambassadorprime-cta h2 {
  margin: 0;
  font-family: "Outfit", sans-serif;
}

.iama-ambassadorprime-page p,
.iama-ambassadorprime-cta p {
  margin: 0;
  color: #000;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4em;
}

.iama-ambassadorprime-page h2,
.iama-ambassadorprime-cta h2 {
  color: #000;
  font-family: "Outfit", sans-serif;
  font-size: 60px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.6px;
}

.iama-ambassadorprime-page h2 span,
.iama-ambassadorprime-cta h2 span {
  color: #00287d;
}

/* =========================================
LABEL
========================================= */

.iama-ambassadorprime-label {
  display: inline-flex;
  align-items: center;
  gap: 9px;

  width: max-content;
  max-width: 100%;

  padding: 9px 14px;

  border-radius: 999px;

  background:
    linear-gradient(
      135deg,
      #ffc63b 0%,
      #ffdc78 100%
    );

  color: #00287d;

  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;

  box-shadow:
    0 9px 22px rgba(255, 198, 59, 0.18);
}

/* =========================================
HERO
========================================= */

.iama-ambassadorprime-hero {
  position: relative;

  padding: 74px 0;

  background:
    radial-gradient(
      circle at 8% 12%,
      rgba(255, 198, 59, 0.22),
      transparent 25%
    ),
    linear-gradient(
      135deg,
      #f4f8ff 0%,
      #ffffff 60%,
      #fff7da 100%
    );
}

.iama-ambassadorprime-hero-grid {
  display: grid;
  grid-template-columns:
    minmax(0, 0.92fr)
    minmax(0, 1.08fr);
  align-items: center;
  gap: 52px;
}

.iama-ambassadorprime-hero-copy h2 {
  margin-top: 18px;
}

.iama-ambassadorprime-hero-copy > p {
  max-width: 670px;

  margin-top: 20px;
}

/* HERO ACTIONS */

.iama-ambassadorprime-hero-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;

  margin-top: 22px;
}

.iama-ambassadorprime-hero-actions > a {
  display: inline-flex;
  align-items: center;
  gap: 10px;

  min-height: 54px;

  padding: 14px 22px;

  border-radius: 14px;

  background:
    linear-gradient(
      135deg,
      #00287d 0%,
      #004b9f 100%
    );

  color: #fff;

  font-size: 18px;
  font-weight: 800;

  box-shadow:
    0 14px 28px rgba(0, 40, 125, 0.18);

  transition:
    transform 0.3s ease,
    background 0.3s ease,
    color 0.3s ease;
}

.iama-ambassadorprime-hero-actions > a:hover {
  transform: translateY(-3px);

  background: #ffc63b;
  color: #00287d;
}

.iama-ambassadorprime-hero-actions > div {
  display: flex;
  align-items: center;
  gap: 8px;

  color: #000;

  font-size: 14px;
  font-weight: 700;
}

.iama-ambassadorprime-hero-actions > div i {
  color: #00287d;
}

/* HERO VALUES */

.iama-ambassadorprime-hero-values {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;

  margin-top: 24px;
}

.iama-ambassadorprime-hero-values article {
  display: flex;
  align-items: center;
  gap: 9px;

  min-height: 48px;

  padding: 10px 13px;

  border: 1px solid rgba(0, 40, 125, 0.09);
  border-radius: 12px;

  background: #fff;

  box-shadow:
    0 9px 20px rgba(0, 40, 125, 0.06);
}

.iama-ambassadorprime-hero-values i {
  color: #00287d;
}

.iama-ambassadorprime-hero-values strong {
  color: #000;

  font-family: "Inter", sans-serif;
  font-size: 14px;
}

/* HERO VISUAL */

.iama-ambassadorprime-hero-visual {
  position: relative;

  min-height: 540px;
}

.iama-ambassadorprime-hero-main {
  position: absolute;
  inset: 0 105px 40px 0;

  overflow: hidden;

  border-radius: 32px;

  box-shadow:
    0 26px 56px rgba(0, 40, 125, 0.16);
}

.iama-ambassadorprime-hero-main img,
.iama-ambassadorprime-hero-side img {
  height: 100%;

  object-fit: cover;
}

.iama-ambassadorprime-hero-side {
  position: absolute;
  top: 50px;
  right: 0;

  width: 205px;
  height: 255px;

  overflow: hidden;

  border: 7px solid #fff;
  border-radius: 24px;

  box-shadow:
    0 20px 40px rgba(0, 40, 125, 0.17);
}

.iama-ambassadorprime-hero-note {
  position: absolute;
  right: 18px;
  bottom: 0;
  left: 58px;

  display: flex;
  align-items: center;
  gap: 14px;

  padding: 18px;

  border-radius: 17px;

  background:
    linear-gradient(
      135deg,
      #001c59 0%,
      #00287d 62%,
      #004b9f 100%
    );

  color: #fff;

  box-shadow:
    0 20px 38px rgba(0, 40, 125, 0.24);
}

.iama-ambassadorprime-hero-note > i {
  display: grid;
  flex: 0 0 auto;

  width: 50px;
  height: 50px;

  place-items: center;

  border-radius: 15px;

  background: #ffc63b;
  color: #00287d;
}

.iama-ambassadorprime-hero-note span,
.iama-ambassadorprime-hero-note strong {
  display: block;

  color: #fff;
}

.iama-ambassadorprime-hero-note span {
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

.iama-ambassadorprime-hero-note strong {
  margin-top: 4px;

  font-size: 20px;
}

/* =========================================
COMMON SECTION HEADING
========================================= */

.iama-ambassadorprime-section-head {
  display: grid;
  grid-template-columns:
    minmax(0, 1.16fr)
    minmax(280px, 0.84fr);
  align-items: end;
  gap: 42px;

  margin-bottom: 30px;
}

.iama-ambassadorprime-section-head h2 {
  margin-top: 16px;
}

.iama-ambassadorprime-section-head > p {
  padding-bottom: 5px;
}

/* =========================================
AMBASSADOR ROLE
========================================= */

.iama-ambassadorprime-role {
  padding: 72px 0;

  background: #fff;
}

.iama-ambassadorprime-role-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.iama-ambassadorprime-role-grid article {
  position: relative;

  display: flex;
  min-height: 300px;
  flex-direction: column;

  overflow: hidden;

  padding: 23px;

  border: 1px solid rgba(0, 40, 125, 0.1);
  border-radius: 22px;

  background:
    linear-gradient(
      145deg,
      #fff 0%,
      #fff 62%,
      #f2f6ff 100%
    );

  box-shadow:
    0 12px 28px rgba(0, 40, 125, 0.06);

  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease,
    background 0.3s ease;
}

.iama-ambassadorprime-role-grid article::after {
  content: "";

  position: absolute;
  right: -65px;
  bottom: -70px;

  width: 170px;
  height: 170px;

  border-radius: 50%;

  background:
    radial-gradient(
      circle,
      rgba(255, 198, 59, 0.28),
      transparent 70%
    );
}

.iama-ambassadorprime-role-grid article:hover {
  transform: translateY(-8px);

  background: #00287d;

  box-shadow:
    0 24px 44px rgba(0, 40, 125, 0.16);
}

.iama-ambassadorprime-role-icon {
  display: grid;

  width: 54px;
  height: 54px;

  place-items: center;

  border-radius: 16px;

  background:
    linear-gradient(
      135deg,
      #00287d,
      #004b9f
    );

  color: #fff;

  transition:
    transform 0.3s ease,
    background 0.3s ease,
    color 0.3s ease;
}

.iama-ambassadorprime-role-grid article:hover
.iama-ambassadorprime-role-icon {
  transform: rotate(-6deg);

  background: #ffc63b;
  color: #00287d;
}

.iama-ambassadorprime-role-grid article > span {
  display: block;

  margin-top: 24px;

  color: #00287d;

  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.iama-ambassadorprime-role-grid h3 {
  margin-top: 8px;

  color: #000;

  font-size: 23px;
  line-height: 1.15;
}

.iama-ambassadorprime-role-grid p {
  margin-top: 9px;

  font-size: 18px;
}

.iama-ambassadorprime-role-grid article:hover > span,
.iama-ambassadorprime-role-grid article:hover h3,
.iama-ambassadorprime-role-grid article:hover p {
  color: #fff;
}

/* =========================================
EXPERIENCE
========================================= */

.iama-ambassadorprime-experience {
  padding: 72px 0;

  background:
    radial-gradient(
      circle at 90% 14%,
      rgba(255, 198, 59, 0.18),
      transparent 24%
    ),
    #f4f7fc;
}

.iama-ambassadorprime-experience-grid {
  display: grid;
  grid-template-columns:
    minmax(0, 0.92fr)
    minmax(0, 1.08fr);
  align-items: stretch;
  gap: 32px;
}

.iama-ambassadorprime-experience-visual {
  position: relative;

  height: 540px;

  overflow: hidden;

  border-radius: 28px;

  box-shadow:
    0 24px 50px rgba(0, 40, 125, 0.13);
}

.iama-ambassadorprime-experience-visual > img {
  height: 100%;

  object-fit: cover;
}

.iama-ambassadorprime-experience-badge {
  position: absolute;
  right: 18px;
  bottom: 18px;
  left: 18px;

  display: flex;
  align-items: center;
  gap: 13px;

  padding: 16px;

  border-radius: 15px;

  background:
    linear-gradient(
      135deg,
      rgba(0, 27, 85, 0.97),
      rgba(0, 40, 125, 0.94)
    );

  color: #fff;
}

.iama-ambassadorprime-experience-badge > i {
  display: grid;
  flex: 0 0 auto;

  width: 48px;
  height: 48px;

  place-items: center;

  border-radius: 14px;

  background: #ffc63b;
  color: #00287d;
}

.iama-ambassadorprime-experience-badge strong,
.iama-ambassadorprime-experience-badge span {
  display: block;

  color: #fff;
}

.iama-ambassadorprime-experience-badge span {
  margin-top: 3px;

  font-size: 13px;
}

.iama-ambassadorprime-experience-copy {
  align-self: center;
}

.iama-ambassadorprime-experience-copy h2 {
  margin-top: 17px;
}

.iama-ambassadorprime-experience-copy > p {
  margin-top: 18px;
}

.iama-ambassadorprime-experience-gridcards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 13px;

  margin-top: 22px;
}

.iama-ambassadorprime-experience-gridcards article {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  align-items: center;
  gap: 13px;

  min-height: 112px;

  padding: 16px;

  border-radius: 17px;

  background: #fff;

  box-shadow:
    0 10px 24px rgba(0, 40, 125, 0.06);

  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease;
}

.iama-ambassadorprime-experience-gridcards article:hover {
  transform: translateY(-5px);

  box-shadow:
    0 18px 32px rgba(0, 40, 125, 0.11);
}

.iama-ambassadorprime-experience-gridcards i {
  display: grid;

  width: 46px;
  height: 46px;

  place-items: center;

  border-radius: 14px;

  background: #ffc63b;
  color: #00287d;
}

.iama-ambassadorprime-experience-gridcards span {
  color: #000;

  font-size: 19px;
  font-weight: 600;
  line-height: 1.35;
}

/* =========================================
WHO CAN APPLY
========================================= */

.iama-ambassadorprime-apply {
  padding: 72px 0;

  background: #fff;
}

.iama-ambassadorprime-apply-layout {
  display: grid;
  grid-template-columns:
    minmax(0, 0.8fr)
    minmax(0, 1.2fr);
  align-items: stretch;
  gap: 25px;
}

.iama-ambassadorprime-apply-copy {
  min-height: 470px;

  padding: 32px;

  border-radius: 26px;

  background:
    radial-gradient(
      circle at 90% 14%,
      rgba(255, 198, 59, 0.16),
      transparent 30%
    ),
    linear-gradient(
      135deg,
      #001b55,
      #00287d 64%,
      #004b9f
    );
}

.iama-ambassadorprime-apply-copy h2 {
  margin-top: 18px;

  color: #fff;
}

.iama-ambassadorprime-apply-copy h2 span {
  color: #ffc63b;
}

.iama-ambassadorprime-apply-copy > p {
  margin-top: 18px;

  color: #fff;
}

.iama-ambassadorprime-apply-highlight {
  display: flex;
  align-items: center;
  gap: 13px;

  margin-top: 24px;
  padding: 16px;

  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 16px;

  background: rgba(255, 255, 255, 0.1);
}

.iama-ambassadorprime-apply-highlight > i {
  display: grid;
  flex: 0 0 auto;

  width: 48px;
  height: 48px;

  place-items: center;

  border-radius: 14px;

  background: #ffc63b;
  color: #00287d;
}

.iama-ambassadorprime-apply-highlight strong,
.iama-ambassadorprime-apply-highlight span {
  display: block;

  color: #fff;
}

.iama-ambassadorprime-apply-highlight span {
  margin-top: 4px;

  font-size: 13px;
  line-height: 1.4;
}

.iama-ambassadorprime-apply-cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.iama-ambassadorprime-apply-cards article {
  min-height: 228px;

  padding: 23px;

  border: 1px solid rgba(0, 40, 125, 0.1);
  border-radius: 20px;

  background:
    linear-gradient(
      145deg,
      #fff,
      #f4f7fc
    );

  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease;
}

.iama-ambassadorprime-apply-cards article:hover {
  transform: translateY(-7px);

  box-shadow:
    0 20px 38px rgba(0, 40, 125, 0.12);
}

.iama-ambassadorprime-apply-cards i {
  display: grid;

  width: 50px;
  height: 50px;

  place-items: center;

  border-radius: 15px;

  background: #ffc63b;
  color: #00287d;
}

.iama-ambassadorprime-apply-cards h3 {
  margin-top: 25px;

  color: #000;

  font-size: 22px;
}

.iama-ambassadorprime-apply-cards p {
  margin-top: 8px;

  font-size: 18px;
}

/* =========================================
SELECTION JOURNEY
========================================= */

.iama-ambassadorprime-journey {
  padding: 72px 0;

  background: #fff8df;
}

.iama-ambassadorprime-journey-head {
  max-width: 900px;

  margin-bottom: 30px;
}

.iama-ambassadorprime-journey-head h2 {
  margin-top: 16px;
}

.iama-ambassadorprime-journey-shell {
  display: grid;
  grid-template-columns:
    minmax(0, 1fr)
    46px
    minmax(0, 1fr)
    46px
    minmax(0, 1fr)
    46px
    minmax(0, 1fr);
  align-items: center;
  gap: 10px;
}

.iama-ambassadorprime-journey-shell article {
  min-height: 270px;

  padding: 23px;

  border-radius: 21px;

  background: #fff;

  box-shadow:
    0 14px 30px rgba(0, 40, 125, 0.08);

  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease;
}

.iama-ambassadorprime-journey-shell article:hover {
  transform: translateY(-7px);

  box-shadow:
    0 22px 40px rgba(0, 40, 125, 0.13);
}

.iama-ambassadorprime-journey-icon {
  display: grid;

  width: 52px;
  height: 52px;

  place-items: center;

  border-radius: 15px;

  background:
    linear-gradient(
      135deg,
      #00287d,
      #004b9f
    );

  color: #fff;
}

.iama-ambassadorprime-journey-shell h3 {
  margin-top: 24px;

  color: #000;

  font-size: 22px;
}

.iama-ambassadorprime-journey-shell p {
  margin-top: 8px;

  font-size: 18px;
}

.iama-ambassadorprime-journey-arrow {
  display: grid;

  width: 42px;
  height: 42px;

  place-items: center;

  border-radius: 50%;

  background: #ffc63b;
  color: #00287d;
}

/* =========================================
FULL-WIDTH CTA
========================================= */

.iama-ambassadorprime-cta {
  position: relative;

  padding: 80px 0;

  background: #00287d;
}

.iama-ambassadorprime-cta-bg,
.iama-ambassadorprime-cta-overlay {
  position: absolute;
  inset: 0;
}

.iama-ambassadorprime-cta-bg img {
  height: 100%;

  object-fit: cover;
}

.iama-ambassadorprime-cta-overlay {
  background:
    linear-gradient(
      90deg,
      rgba(0, 23, 74, 0.98),
      rgba(0, 40, 125, 0.83)
    );
}

.iama-ambassadorprime-cta .container {
  position: relative;
  z-index: 2;
}

.iama-ambassadorprime-cta-grid {
  display: grid;
  grid-template-columns:
    minmax(0, 1.17fr)
    minmax(300px, 0.83fr);
  align-items: center;
  gap: 48px;
}

.iama-ambassadorprime-cta h2 {
  margin-top: 17px;

  color: #fff;
}

.iama-ambassadorprime-cta h2 span {
  color: #ffc63b;
}

.iama-ambassadorprime-cta p {
  margin-top: 18px;

  color: #fff;
}

.iama-ambassadorprime-cta-actions {
  display: grid;
  gap: 12px;
}

.iama-ambassadorprime-cta-actions a {
  display: flex;
  align-items: center;
  justify-content: space-between;

  min-height: 57px;

  padding: 15px 19px;

  border: 2px solid #ffc63b;
  border-radius: 14px;

  background: #ffc63b;
  color: #00287d;

  font-size: 15px;
  font-weight: 800;

  transition:
    transform 0.3s ease,
    background 0.3s ease,
    border-color 0.3s ease;
}

.iama-ambassadorprime-cta-actions a:hover {
  transform: translateY(-3px);

  border-color: #fff;

  background: #fff;
  color: #00287d;
}

/* =========================================
RESPONSIVE
========================================= */

@media (max-width: 1199px) {

  .iama-ambassadorprime-page h2,
  .iama-ambassadorprime-cta h2 {
    font-size: 50px;
  }

  .iama-ambassadorprime-role-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .iama-ambassadorprime-journey-shell {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
    gap: 14px;
  }

  .iama-ambassadorprime-journey-arrow {
    display: none;
  }

}

@media (max-width: 991px) {

  .iama-ambassadorprime-hero,
  .iama-ambassadorprime-role,
  .iama-ambassadorprime-experience,
  .iama-ambassadorprime-apply,
  .iama-ambassadorprime-journey {
    padding: 56px 0;
  }

  .iama-ambassadorprime-hero-grid,
  .iama-ambassadorprime-experience-grid,
  .iama-ambassadorprime-apply-layout,
  .iama-ambassadorprime-cta-grid,
  .iama-ambassadorprime-section-head {
    grid-template-columns: 1fr;
  }

  .iama-ambassadorprime-hero-visual {
    min-height: 510px;
  }

  .iama-ambassadorprime-apply-copy {
    min-height: auto;
  }

}

@media (max-width: 767px) {

  .iama-ambassadorprime-page h2,
  .iama-ambassadorprime-cta h2 {
    font-size: 40px;
    line-height: 1.02;
  }

  .iama-ambassadorprime-page p,
  .iama-ambassadorprime-cta p {
    font-size: 16px;
  }

  .iama-ambassadorprime-hero-visual {
    min-height: 430px;
  }

  .iama-ambassadorprime-hero-main {
    inset: 0 48px 38px 0;
  }

  .iama-ambassadorprime-hero-side {
    width: 140px;
    height: 178px;
  }

  .iama-ambassadorprime-role-grid,
  .iama-ambassadorprime-experience-gridcards,
  .iama-ambassadorprime-apply-cards,
  .iama-ambassadorprime-journey-shell {
    grid-template-columns: 1fr;
  }

  .iama-ambassadorprime-role-grid article,
  .iama-ambassadorprime-journey-shell article {
    min-height: auto;
  }

  .iama-ambassadorprime-experience-visual {
    height: 380px;
  }

}

@media (max-width: 480px) {

  .iama-ambassadorprime-hero,
  .iama-ambassadorprime-role,
  .iama-ambassadorprime-experience,
  .iama-ambassadorprime-apply,
  .iama-ambassadorprime-journey,
  .iama-ambassadorprime-cta {
    padding: 46px 0;
  }

  .iama-ambassadorprime-page h2,
  .iama-ambassadorprime-cta h2 {
    font-size: 34px;
  }

  .iama-ambassadorprime-hero-visual {
    min-height: 360px;
  }

  .iama-ambassadorprime-hero-main {
    inset: 0 25px 34px 0;
  }

  .iama-ambassadorprime-hero-side {
    top: 25px;

    width: 110px;
    height: 140px;
  }

  .iama-ambassadorprime-hero-note {
    right: 10px;
    left: 10px;
  }

  .iama-ambassadorprime-experience-visual {
    height: 310px;
  }

  .iama-ambassadorprime-apply-copy {
    padding: 24px;
  }

  .iama-ambassadorprime-hero-actions {
    flex-direction: column;
    align-items: flex-start;
  }

  .iama-ambassadorprime-hero-actions > a,
  .iama-ambassadorprime-cta-actions a {
    width: 100%;

    justify-content: space-between;
  }

}



/* =========================================================
   IAMA MODERN COURSE CATEGORY DESIGN
   Unique namespace - no conflict
========================================================= */

.iama-category-page{
    background:#ffffff;
    color:#111827;
}

.iama-category-hero{
    position:relative;
    padding:90px 0;
    overflow:hidden;
    background:linear-gradient(135deg,#061a2c,#00287d);
    color:#fff;
}
.iama-category-hero:after{
    content:"";
    position:absolute;
    right:-120px;
    top:-120px;
    width:350px;height:350px;
    border-radius:50%;
    background:rgba(255,198,59,.18);
}
.iama-category-hero h1{
    font-size:58px;
    line-height:1.1;
    font-weight:700;
}
.iama-category-hero p{
    max-width:760px;
    font-size:20px;
    line-height:1.7;
}
.iama-category-btn{
    display:inline-flex;
    margin-top:25px;
    padding:14px 28px;
    border-radius:12px;
    background:#ffc63b;
    color:#00287d;
    font-weight:700;
    text-decoration:none;
}
.iama-category-card{
    border:1px solid #e7edf7;
    border-radius:26px;
    overflow:hidden;
    background:#fff;
    box-shadow:0 18px 45px rgba(0,40,125,.08);
    transition:.35s ease;
}
.iama-category-card:hover{
    transform:translateY(-8px);
    box-shadow:0 28px 60px rgba(0,40,125,.15);
}
.iama-category-card img{
    width:100%;
    height:240px;
    object-fit:cover;
}
.iama-category-card-content{
    padding:28px;
}
.iama-category-card h3{
    color:#00287d;
    font-size:28px;
}
.iama-category-meta{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}
.iama-category-meta span{
    padding:7px 14px;
    border-radius:30px;
    background:#fff5cf;
    color:#00287d;
    font-size:14px;
}
@media(max-width:991px){
    .iama-category-hero h1{font-size:44px}
}
@media(max-width:767px){
    .iama-category-hero{padding:60px 0}
    .iama-category-hero h1{font-size:36px}
    .iama-category-hero p{font-size:17px}
    .iama-category-card img{height:210px}
}
/*=====================================
IAMA BUTTONS
=====================================*/

.iama-btn-submit,
.iama-btn-reset{

    width:170px;
    height:52px;

    border-radius:12px;

    border:none;

    cursor:pointer;

    font-family:'Inter',sans-serif;
    font-size:17px;
    font-weight:700;
    letter-spacing:.3px;

    transition:all .35s ease;

}

/* Submit */

.iama-btn-submit{

    background:linear-gradient(135deg,#ffc63b 0%,#ffd86a 100%);
    color:#00287d;

    box-shadow:0 10px 25px rgba(255,198,59,.35);

}

.iama-btn-submit:hover{

    transform:translateY(-3px);

    background:linear-gradient(135deg,#ffd86a,#ffc63b);

    box-shadow:0 18px 35px rgba(255,198,59,.45);

}

/* Reset */

.iama-btn-reset{

    background:#ffffff;

    color:#00287d;

    border:2px solid #00287d;

}

.iama-btn-reset:hover{

    background:#00287d;

    color:#ffffff;

    transform:translateY(-3px);

    box-shadow:0 15px 30px rgba(0,40,125,.30);

}

.iama-btn-submit:active,
.iama-btn-reset:active{

    transform:scale(.97);

}


/* =====================================================
IAMA STUDENT ONLINE REGISTRATION
Clean, compact, systematic and responsive
Scoped prefix: iama-aurorareg-
===================================================== */

.iama-aurorareg-page {
  --iama-ar-blue: #00287d;
  --iama-ar-blue-dark: #001846;
  --iama-ar-blue-light: #0052aa;
  --iama-ar-yellow: #ffc63b;
  --iama-ar-yellow-light: #ffe58d;
  --iama-ar-black: #000;
  --iama-ar-white: #fff;
  --iama-ar-border: rgba(0, 40, 125, 0.14);

  position: relative;
  min-height: 100vh;
  overflow: hidden;
  padding: 220px 18px 70px;
  background:
    radial-gradient(circle at 10% 10%, rgba(255, 198, 59, 0.17), transparent 24%),
    radial-gradient(circle at 90% 90%, rgba(255, 198, 59, 0.11), transparent 22%),
    linear-gradient(140deg, #001846 0%, #00287d 58%, #004b9c 100%);
  color: #000;
  font-family: "Inter", sans-serif;
}

.iama-aurorareg-page *,
.iama-aurorareg-page *::before,
.iama-aurorareg-page *::after {
  box-sizing: border-box;
}

.iama-aurorareg-wrap {
  width: min(1180px, 100%);
  margin: 0 auto;
}

.iama-aurorareg-card {
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 30px 75px rgba(0, 12, 45, 0.34);
}

/* Header */

.iama-aurorareg-top {
  display: flex;
  min-height: 82px;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 17px 24px;
  border-bottom: 4px solid #ffc63b;
  background:
    radial-gradient(circle at 92% 20%, rgba(255, 198, 59, 0.2), transparent 22%),
    linear-gradient(135deg, #001d5b 0%, #00287d 68%, #0052aa 100%);
}

.iama-aurorareg-top h2 {
  margin: 0;
  color: #fff;
  font-family: "Outfit", sans-serif;
  font-size: 32px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: -0.4px;
}

.iama-aurorareg-top h2 span {
  color: #ffc63b;
}

.iama-aurorareg-top p {
  margin: 6px 0 0;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.35;
}

.iama-aurorareg-secure {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  padding: 9px 14px;
  border-radius: 999px;
  background: linear-gradient(135deg, #ffc63b, #ffe58d);
  color: #00287d;
  font-size: 14px;
  font-weight: 800;
  box-shadow: 0 10px 24px rgba(255, 198, 59, 0.22);
}

.iama-aurorareg-content {
  padding: 18px;
}

/* Form grid */

.iama-aurorareg-grid {
  display: grid;
 grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.iama-aurorareg-field {
  min-width: 0;
  padding: 11px 12px 10px;
  border: 1px solid var(--iama-ar-border);
  border-radius: 13px;
  background:
    linear-gradient(145deg, #fff 0%, #fff 72%, #fff9e7 100%);
  transition:
    border-color 0.22s ease,
    box-shadow 0.22s ease,
    transform 0.22s ease;
}

.iama-aurorareg-field:focus-within {
  transform: translateY(-2px);
  border-color: #00287d;
  box-shadow: 0 10px 24px rgba(0, 40, 125, 0.1);
}

.iama-aurorareg-wide {
  grid-column: span 2;
}

/* Labels */

.iama-aurorareg-label {
  display: block;
  margin: 0 0 6px;
  color: #000 !important;
  font-family: "Inter", sans-serif !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
}

.iama-aurorareg-label > span {
  color: #d10000 !important;
  font-size: 18px !important;
  font-weight: 900 !important;
}

/* Inputs */

.iama-aurorareg-page .iama-aurorareg-form input[type="text"],
.iama-aurorareg-page .iama-aurorareg-form input[type="password"],
.iama-aurorareg-page .iama-aurorareg-form select,
.iama-aurorareg-page .iama-aurorareg-form textarea {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  height: 42px !important;
  margin: 0 !important;
  padding: 8px 9px !important;
  border: 0 !important;
  border-bottom: 2px solid #d9d9d9 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  color: #000 !important;
  font-family: "Inter", sans-serif !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  box-shadow: none !important;
}

.iama-aurorareg-page .iama-aurorareg-form select {
  cursor: pointer !important;
  appearance: auto !important;
  -webkit-appearance: menulist !important;
}

.iama-aurorareg-page .iama-aurorareg-form textarea {
  height: 62px !important;
  min-height: 62px !important;
  resize: vertical !important;
}

.iama-aurorareg-page .iama-aurorareg-form input:focus,
.iama-aurorareg-page .iama-aurorareg-form select:focus,
.iama-aurorareg-page .iama-aurorareg-form textarea:focus {
  border-bottom-color: #00287d !important;
  background: linear-gradient(180deg, transparent, rgba(255, 198, 59, 0.1)) !important;
}

/* Prevent duplicate select renderers */

.iama-aurorareg-page .iama-aurorareg-form .nice-select,
.iama-aurorareg-page .iama-aurorareg-form .select2-container,
.iama-aurorareg-page .iama-aurorareg-form .chosen-container,
.iama-aurorareg-page .iama-aurorareg-form .selectric-wrapper {
  display: none !important;
}

.iama-aurorareg-page .iama-aurorareg-form select {
  position: static !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Telephone */

.iama-aurorareg-phone {
  display: grid;
  grid-template-columns: 88px minmax(0, 1fr);
  gap: 9px;
}

/* Uploads */

.iama-aurorareg-page .iama-aurorareg-form input[type="file"] {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  opacity: 0 !important;
}

.iama-aurorareg-uploadrow {
  display: flex;
  align-items: center;
  gap: 9px;
}

.iama-aurorareg-uploadlabel {
  display: inline-flex !important;
  min-height: 42px;
  align-items: center;
  justify-content: center;
  margin: 0 !important;
  padding: 8px 13px !important;
  border: 1.5px dashed #00287d !important;
  border-radius: 10px !important;
  background: linear-gradient(135deg, #fff7d5, #fff) !important;
  color: #00287d !important;
  cursor: pointer;
  font-size: 15px !important;
  font-weight: 800 !important;
  transition: 0.25s ease;
}

.iama-aurorareg-uploadlabel::before {
  content: "\f093";
  margin-right: 8px;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
}

.iama-aurorareg-uploadlabel:hover {
  border-color: #ffc63b !important;
  background: #ffc63b !important;
}

.iama-aurorareg-preview {
  width: 42px !important;
  height: 42px !important;
  border: 1px solid rgba(0, 40, 125, 0.18) !important;
  border-radius: 9px !important;
  object-fit: cover !important;
}

/* CAPTCHA */

.iama-aurorareg-captcha {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 9px;
}

.iama-aurorareg-page #user_code {
  width: 160px !important;
  flex: 0 0 160px;
}

.iama-aurorareg-page #siimage {
  width: 150px !important;
  height: 42px !important;
  margin: 0 !important;
  border: 1px solid #00287d !important;
  border-radius: 9px !important;
}

.iama-aurorareg-page #change-image {
  display: inline-grid !important;
  width: 40px;
  height: 40px;
  place-items: center;
  border-radius: 9px;
  background: #ffc63b;
  cursor: pointer;
}

.iama-aurorareg-page #change-image img {
  margin: 0 !important;
}

/* Consent and terms */

.iama-aurorareg-consent {
  grid-column: span 1;
  display: flex;
  min-height: 62px;
  align-items: center;
  padding: 11px 13px;
  border: 1px solid var(--iama-ar-border);
  border-radius: 13px;
  background: linear-gradient(135deg, #fff8d8, #fff);
}

.iama-aurorareg-page .iama-aurorareg-form input[type="checkbox"] {
  width: 20px !important;
  height: 20px !important;
  margin: 0 8px 0 0 !important;
  accent-color: #00287d;
}

.iama-aurorareg-consent label {
  color: #000 !important;
  font-size: 18px !important;
  font-weight: 800 !important;
}

.iama-aurorareg-terms {
  grid-column: span 2;
  height: 78px;
  overflow: auto;
  padding: 10px 12px;
  border: 1px solid var(--iama-ar-border);
  border-radius: 13px;
  background: linear-gradient(180deg, #fff, #fff8dc);
  color: #000;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
}

/* Action buttons */

.iama-aurorareg-actions {
  grid-column: span 1;
  display: flex;
  min-height: 78px;
  align-items: center;
justify-content: center;
  gap: 10px;
  padding: 11px;
  border-radius: 13px;
  background:
    radial-gradient(circle at 90% 0%, rgba(255, 198, 59, 0.2), transparent 28%),
    linear-gradient(135deg, #001d5b, #00287d);
}

.iama-aurorareg-button-item {
  float: none !important;
  margin: 0 !important;
}

.iama-aurorareg-submit,
.iama-aurorareg-reset {
  min-width: 118px !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 9px 16px !important;
  border-radius: 10px !important;
  font-family: "Inter", sans-serif !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  cursor: pointer !important;
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    background 0.25s ease !important;
}

.iama-aurorareg-submit {
  border: 0 !important;
  background: linear-gradient(135deg, #ffc63b, #ffe58d) !important;
  color: #00287d !important;
  box-shadow: 0 9px 20px rgba(255, 198, 59, 0.25) !important;
}

.iama-aurorareg-reset {
  border: 1.5px solid rgba(255, 255, 255, 0.88) !important;
  background: transparent !important;
  color: #fff !important;
}

.iama-aurorareg-submit:hover,
.iama-aurorareg-reset:hover {
  transform: translateY(-2px);
}

.iama-aurorareg-submit:hover {
  box-shadow: 0 14px 26px rgba(255, 198, 59, 0.36) !important;
}

.iama-aurorareg-reset:hover {
  background: #fff !important;
  color: #00287d !important;
}

.iama-aurorareg-page .clearfix {
  display: none !important;
}

/* Responsive */

@media (max-width: 1100px) {
  .iama-aurorareg-page {
    padding-top: 120px;
  }

  .iama-aurorareg-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .iama-aurorareg-actions,
  .iama-aurorareg-consent {
    grid-column: span 1;
  }
}

@media (max-width: 820px) {
  .iama-aurorareg-page {
    padding: 90px 12px 45px;
  }

  .iama-aurorareg-top {
    align-items: flex-start;
    flex-direction: column;
    gap: 11px;
  }

  .iama-aurorareg-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .iama-aurorareg-actions,
  .iama-aurorareg-consent,
  .iama-aurorareg-terms {
    grid-column: span 2;
  }
}

@media (max-width: 560px) {
  .iama-aurorareg-page {
padding: 70px 20px 30px;
}
  

  .iama-aurorareg-card {
    border-radius: 17px;
  }

  .iama-aurorareg-top {
    padding: 15px;
  }

  .iama-aurorareg-top h2 {
    font-size: 27px;
  }

  .iama-aurorareg-content {
    padding: 10px;
  }

  .iama-aurorareg-grid {
    grid-template-columns: 1fr;
    gap: 9px;
  }

  .iama-aurorareg-wide,
  .iama-aurorareg-actions,
  .iama-aurorareg-consent,
  .iama-aurorareg-terms {
    grid-column: auto;
  }

  .iama-aurorareg-uploadrow {
    align-items: flex-start;
    flex-direction: column;
  }

  .iama-aurorareg-uploadlabel {
    width: 100%;
  }

  .iama-aurorareg-page #user_code {
    width: 100% !important;
    flex-basis: 100%;
  }

  .iama-aurorareg-actions {
    flex-direction: column;
  }

  .iama-aurorareg-button-item,
  .iama-aurorareg-submit,
  .iama-aurorareg-reset {
    width: 100% !important;
  }
}

/* =========================================================
IAMA DIPLOMA COURSES — COMPLETE PREMIUM REDESIGN
Hero: Background image + right-side astrology image
Unique prefix: iama-diplomanova-
========================================================== */

.iama-diplomanova-page {
  --dn-blue: #00287d;
  --dn-blue-dark: #001847;
  --dn-blue-light: #0052aa;
  --dn-yellow: #ffc63b;
  --dn-white: #ffffff;
  --dn-black: #000000;
  --dn-soft: #f3f7ff;

  overflow: hidden;
  color: var(--dn-black);
  font-family: "Inter", sans-serif;
}

.iama-diplomanova-page *,
.iama-diplomanova-page *::before,
.iama-diplomanova-page *::after {
  box-sizing: border-box;
}

.iama-diplomanova-page a {
  text-decoration: none;
}

.iama-diplomanova-page h1,
.iama-diplomanova-page h2,
.iama-diplomanova-page h3,
.iama-diplomanova-page strong,
.iama-diplomanova-page b {
  margin: 0;
  font-family: "Outfit", sans-serif;
}

.iama-diplomanova-page p {
  margin: 0;
  color: var(--dn-black);
  font-size: 18px;
  line-height: 1.4;
}

.iama-diplomanova-page h2 {
  color: var(--dn-black);
  font-size: 60px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: -0.6px;
}

.iama-diplomanova-page h2 strong {
  color: var(--dn-blue);
}

/* HERO */

.iama-diplomanova-hero {
  position: relative;
  overflow: hidden;
padding: 130px 0 76px;
  background:
    url("../images/diploma-astrology-header.webp")
    center center / cover no-repeat;
}

.iama-diplomanova-hero-overlay {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 86% 20%, rgba(255, 198, 59, 0.18), transparent 26%),
    linear-gradient(
      90deg,
      rgba(0, 24, 71, 0.97) 0%,
      rgba(0, 40, 125, 0.93) 48%,
      rgba(0, 40, 125, 0.76) 100%
    );
}

.iama-diplomanova-hero .container {
  position: relative;
  z-index: 2;
}

.iama-diplomanova-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(380px, 0.92fr);
  align-items: center;
  gap: 40px;
}

.iama-diplomanova-eyebrow,
.iama-diplomanova-section-head > span,
.iama-diplomanova-overview-heading > span,
.iama-diplomanova-apply-head > div > span,
.iama-diplomanova-enquiry-copy > span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--dn-blue);
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.iama-diplomanova-eyebrow {
  padding: 9px 14px;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--dn-yellow), #ffe28a);
  color: var(--dn-blue);
}

.iama-diplomanova-hero h1 {
  margin-top: 18px;
  color: var(--dn-white);
  font-size: 78px;
  font-weight: 800;
  line-height: 0.92;
  letter-spacing: -1.2px;
}

.iama-diplomanova-hero h1 span {
  display: block;
  color: var(--dn-yellow);
}

.iama-diplomanova-hero-intro {
  max-width: 760px;
  margin-top: 24px !important;
  color: var(--dn-white) !important;
  font-size: 19px !important;
}

.iama-diplomanova-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 28px;
}

.iama-diplomanova-primary-btn,
.iama-diplomanova-secondary-btn {
  display: inline-flex;
  min-height: 54px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 14px 20px;
  border-radius: 13px;
  font-size: 16px;
  font-weight: 800;
  transition: 0.3s ease;
}

.iama-diplomanova-primary-btn {
  background: var(--dn-yellow);
  color: var(--dn-blue);
}

.iama-diplomanova-secondary-btn {
  border: 1px solid rgba(255, 255, 255, 0.78);
  background: rgba(255, 255, 255, 0.06);
  color: var(--dn-white);
  backdrop-filter: blur(8px);
}

.iama-diplomanova-primary-btn:hover,
.iama-diplomanova-secondary-btn:hover {
  transform: translateY(-3px);
}

.iama-diplomanova-primary-btn:hover {
  background: var(--dn-white);
}

.iama-diplomanova-secondary-btn:hover {
  background: var(--dn-white);
  color: var(--dn-blue);
}

/* RIGHT ASTROLOGY IMAGE */

.iama-diplomanova-hero-image-wrap {
  position: relative;
  min-height: 500px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

.iama-diplomanova-hero-image-glow {
  position: absolute;
  left: 50%;
  bottom: 42px;
  width: 360px;
  height: 360px;
  border-radius: 50%;
  background:
    radial-gradient(circle, rgba(255, 198, 59, 0.42), transparent 68%);
  transform: translateX(-50%);
  filter: blur(6px);
}

.iama-diplomanova-hero-image {
  position: relative;
  z-index: 2;
  display: block;
  width: min(620px, 100%);
  max-height: 520px;
  object-fit: contain;
  object-position: center bottom;
  filter: drop-shadow(0 32px 38px rgba(0, 0, 0, 0.34));
  border-radius: 30px;
}

.iama-diplomanova-floating-note {
  position: absolute;
  z-index: 4;
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 54px;
  padding: 12px 16px;
  border: 1px solid rgba(255, 255, 255, 0.32);
  border-radius: 14px;
  background: rgba(0, 24, 71, 0.58);
  color: var(--dn-white);
  font-size: 15px;
  font-weight: 800;
  backdrop-filter: blur(14px);
  box-shadow: 0 18px 35px rgba(0, 0, 0, 0.18);
}

.iama-diplomanova-floating-note i {
  color: var(--dn-yellow);
}

.iama-diplomanova-note-one {
  top: 60px;
  left: 6px;
}

.iama-diplomanova-note-two {
  right: 0;
  bottom: 120px;
}

.iama-diplomanova-note-three {
  bottom: 36px;
  left: 44px;
}

/* OVERVIEW */

.iama-diplomanova-overview {
  padding: 64px 0;
  background: var(--dn-white);
}

.iama-diplomanova-overview-grid {
  display: grid;
  grid-template-columns: 0.8fr 1.2fr;
  align-items: center;
  gap: 40px;
}

.iama-diplomanova-overview-heading h2 {
  margin-top: 10px;
}

.iama-diplomanova-overview-points {
  display: grid;
  gap: 13px;
}

.iama-diplomanova-overview-points article {
  display: grid;
  grid-template-columns: 60px minmax(0, 1fr);
  align-items: center;
  gap: 16px;
  min-height: 94px;
  padding: 16px 18px;
  border: 1px solid rgba(0, 40, 125, 0.12);
  border-radius: 17px;
  background: linear-gradient(145deg, #fff, #f3f7ff);
  transition: 0.3s ease;
}

.iama-diplomanova-overview-points article:hover {
  transform: translateX(6px);
  border-color: var(--dn-yellow);
  box-shadow: 0 16px 32px rgba(0, 40, 125, 0.1);
}

.iama-diplomanova-overview-points article > i {
  display: grid;
  width: 56px;
  height: 56px;
  place-items: center;
  border-radius: 15px;
  background: linear-gradient(135deg, var(--dn-blue), var(--dn-blue-light));
  color: var(--dn-white);
  font-size: 20px;
}

.iama-diplomanova-overview-points span,
.iama-diplomanova-overview-points strong {
  display: block;
}

.iama-diplomanova-overview-points span {
  color: var(--dn-blue);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.iama-diplomanova-overview-points strong {
  margin-top: 4px;
  color: var(--dn-black);
  font-size: 23px;
  line-height: 1.15;
}

/* COURSES */

.iama-diplomanova-courses {
  padding: 70px 0 74px;
  background:
    radial-gradient(circle at 94% 8%, rgba(255, 198, 59, 0.18), transparent 22%),
    linear-gradient(140deg, #f2f6ff, #fff 58%, #fff8df);
}

.iama-diplomanova-section-head {
  max-width: 1000px;
  margin-bottom: 30px;
}

.iama-diplomanova-section-head h2 {
  margin-top: 10px;
}

.iama-diplomanova-course-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.iama-diplomanova-course-card {
  display: flex;
  min-height: 100%;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid rgba(0, 40, 125, 0.11);
  border-radius: 22px;
  background: var(--dn-white);
  box-shadow: 0 14px 34px rgba(0, 40, 125, 0.07);
  transition: 0.35s ease;
}

.iama-diplomanova-course-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 26px 52px rgba(0, 40, 125, 0.15);
}

.iama-diplomanova-course-image {
  position: relative;
  height: 230px;
  overflow: hidden;
  background: linear-gradient(135deg, var(--dn-blue), var(--dn-blue-light));
}

.iama-diplomanova-course-image::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 35%, rgba(0, 24, 71, 0.62));
}

.iama-diplomanova-course-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.45s ease;
}

.iama-diplomanova-course-card:hover .iama-diplomanova-course-image img {
  transform: scale(1.07);
}

.iama-diplomanova-course-image > span {
  position: absolute;
  z-index: 2;
  right: 16px;
  bottom: 14px;
  color: var(--dn-white);
  font-family: "Outfit", sans-serif;
  font-size: 42px;
  font-weight: 800;
  line-height: 1;
}

.iama-diplomanova-course-body {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 22px;
}

.iama-diplomanova-course-label {
  color: var(--dn-blue);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.iama-diplomanova-course-body h3 {
  margin-top: 10px;
  color: var(--dn-black);
  font-size: 28px;
  line-height: 1.12;
}

.iama-diplomanova-course-body p {
  margin-top: 10px;
  font-size: 17px;
}

.iama-diplomanova-course-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: auto;
  padding-top: 20px;
  border-top: 1px solid rgba(0, 40, 125, 0.11);
  color: var(--dn-blue);
}

.iama-diplomanova-course-link b {
  font-size: 16px;
}

.iama-diplomanova-course-link i {
  display: grid;
  width: 40px;
  height: 40px;
  place-items: center;
  border-radius: 11px;
  background: var(--dn-yellow);
  transition: 0.3s ease;
}

.iama-diplomanova-course-card:hover .iama-diplomanova-course-link i {
  transform: translateX(5px);
  background: var(--dn-blue);
  color: var(--dn-white);
}

/* APPLICATION */

.iama-diplomanova-apply {
  padding: 72px 0;
  background: var(--dn-white);
}

.iama-diplomanova-apply-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 30px;
  margin-bottom: 30px;
}

.iama-diplomanova-apply-head h2 {
  margin-top: 9px;
}

.iama-diplomanova-apply-head > a {
  display: inline-flex;
  min-height: 52px;
  align-items: center;
  gap: 10px;
  padding: 13px 18px;
  border-radius: 13px;
  background: var(--dn-blue);
  color: var(--dn-white);
  font-size: 15px;
  font-weight: 800;
  transition: 0.3s ease;
}

.iama-diplomanova-apply-head > a:hover {
  transform: translateY(-3px);
  background: var(--dn-yellow);
  color: var(--dn-blue);
}

.iama-diplomanova-journey {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.iama-diplomanova-journey article {
  position: relative;
  min-height: 290px;
  overflow: hidden;
  padding: 24px;
  border-radius: 22px;
  background:
    radial-gradient(circle at 92% 12%, rgba(255, 198, 59, 0.22), transparent 24%),
    linear-gradient(145deg, #f3f7ff, #fff);
  box-shadow: 0 14px 34px rgba(0, 40, 125, 0.08);
  transition: 0.3s ease;
}

.iama-diplomanova-journey article:hover {
  transform: translateY(-7px);
  box-shadow: 0 24px 46px rgba(0, 40, 125, 0.14);
}

.iama-diplomanova-step-number {
  position: absolute;
  top: 14px;
  right: 18px;
  color: rgba(0, 40, 125, 0.12);
  font-family: "Outfit", sans-serif;
  font-size: 72px;
  font-weight: 800;
  line-height: 1;
}

.iama-diplomanova-step-icon {
  display: grid;
  width: 58px;
  height: 58px;
  place-items: center;
  border-radius: 16px;
  background: linear-gradient(135deg, var(--dn-blue), var(--dn-blue-light));
  color: var(--dn-white);
  font-size: 21px;
}

.iama-diplomanova-journey article > span {
  display: block;
  margin-top: 24px;
  color: var(--dn-blue);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.iama-diplomanova-journey h3 {
  margin-top: 8px;
  color: var(--dn-black);
  font-size: 30px;
  line-height: 1.1;
}

.iama-diplomanova-journey p {
  margin-top: 10px;
  font-size: 17px;
}

/* ENQUIRY */

.iama-diplomanova-enquiry {
  padding: 0 0 68px;
  background: var(--dn-white);
}

.iama-diplomanova-enquiry-box {
  display: grid;
  grid-template-columns: 82px minmax(0, 1fr) auto;
  align-items: center;
  gap: 26px;
  overflow: hidden;
  padding: 32px;
  border-radius: 26px;
  background:
    radial-gradient(circle at 90% 18%, rgba(255, 198, 59, 0.24), transparent 24%),
    linear-gradient(135deg, #001847, #00287d 66%, #0052aa);
  box-shadow: 0 28px 56px rgba(0, 40, 125, 0.2);
}

.iama-diplomanova-enquiry-symbol {
  display: grid;
  width: 76px;
  height: 76px;
  place-items: center;
  border-radius: 20px;
  background: var(--dn-yellow);
  color: var(--dn-blue);
  font-size: 28px;
}

.iama-diplomanova-enquiry-copy > span {
  color: var(--dn-yellow);
}

.iama-diplomanova-enquiry-copy h2 {
  margin-top: 8px;
  color: var(--dn-white);
  font-size: 48px;
}

.iama-diplomanova-enquiry-copy h2 strong {
  color: var(--dn-yellow);
}

.iama-diplomanova-enquiry-copy p {
  margin-top: 10px;
  color: var(--dn-white);
}

.iama-diplomanova-enquiry-box > a {
  display: inline-flex;
  min-height: 54px;
  align-items: center;
  gap: 10px;
  padding: 14px 20px;
  border-radius: 13px;
  background: var(--dn-yellow);
  color: var(--dn-blue);
  font-size: 15px;
  font-weight: 800;
  white-space: nowrap;
  transition: 0.3s ease;
}

.iama-diplomanova-enquiry-box > a:hover {
  transform: translateY(-3px);
  background: var(--dn-white);
}

/* RESPONSIVE */

@media (max-width: 1199px) {
  .iama-diplomanova-page h2 {
    font-size: 52px;
  }

  .iama-diplomanova-hero h1 {
    font-size: 68px;
  }

  .iama-diplomanova-course-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 991px) {
  .iama-diplomanova-hero-grid,
  .iama-diplomanova-overview-grid {
    grid-template-columns: 1fr;
  }

  .iama-diplomanova-hero {
    padding-top: 72px;
  }

  .iama-diplomanova-hero-copy {
    max-width: 820px;
  }

  .iama-diplomanova-hero-image-wrap {
    min-height: 430px;
  }

  .iama-diplomanova-hero-image {
    max-height: 450px;
  }

  .iama-diplomanova-enquiry-box {
    grid-template-columns: 76px minmax(0, 1fr);
  }

  .iama-diplomanova-enquiry-box > a {
    grid-column: 2;
    width: max-content;
  }
}

@media (max-width: 767px) {
  .iama-diplomanova-hero,
  .iama-diplomanova-overview,
  .iama-diplomanova-courses,
  .iama-diplomanova-apply {
    padding: 54px 0;
  }

  .iama-diplomanova-hero {
    background-position: center center;
  }

  .iama-diplomanova-hero-overlay {
    background:
      linear-gradient(
        180deg,
        rgba(0, 24, 71, 0.97) 0%,
        rgba(0, 40, 125, 0.92) 100%
      );
  }

  .iama-diplomanova-page h2 {
    font-size: 42px;
    line-height: 1.03;
  }

  .iama-diplomanova-hero h1 {
    font-size: 54px;
  }

  .iama-diplomanova-page p,
  .iama-diplomanova-hero-intro {
    font-size: 16px !important;
  }

  .iama-diplomanova-course-grid,
  .iama-diplomanova-journey {
    grid-template-columns: 1fr;
  }

  .iama-diplomanova-apply-head {
    align-items: flex-start;
    flex-direction: column;
  }

  .iama-diplomanova-enquiry-box {
    grid-template-columns: 1fr;
  }

  .iama-diplomanova-enquiry-box > a {
    grid-column: auto;
  }
}

@media (max-width: 560px) {
  .iama-diplomanova-hero h1 {
    font-size: 46px;
  }

  .iama-diplomanova-page h2 {
    font-size: 36px;
  }

  .iama-diplomanova-hero-image-wrap {
    min-height: 350px;
  }

  .iama-diplomanova-hero-image {
    max-height: 360px;
  }

  .iama-diplomanova-floating-note {
    min-height: 46px;
    padding: 10px 12px;
    font-size: 13px;
  }

  .iama-diplomanova-note-one {
    top: 18px;
    left: 0;
  }

  .iama-diplomanova-note-two {
    right: 0;
    bottom: 76px;
  }

  .iama-diplomanova-note-three {
    bottom: 8px;
    left: 10px;
  }

  .iama-diplomanova-primary-btn,
  .iama-diplomanova-secondary-btn,
  .iama-diplomanova-apply-head > a,
  .iama-diplomanova-enquiry-box > a {
    width: 100%;
    justify-content: space-between;
  }

  .iama-diplomanova-course-image {
    height: 210px;
  }

  .iama-diplomanova-enquiry-box {
    padding: 24px;
  }
}

/* =========================================================
IAMA MASTER COURSES — MODERN 8-COURSE SECTION
Unique prefix: iama-masterorbit-
========================================================== */

.iama-masterorbit-section {
  --imo-blue: #00287d;
  --imo-blue-dark: #001847;
  --imo-yellow: #ffc63b;
  --imo-white: #ffffff;
  --imo-black: #000000;

  position: relative;
  overflow: hidden;
  padding: 72px 0;
  background:
    radial-gradient(circle at 92% 8%, rgba(255, 198, 59, 0.22), transparent 24%),
    linear-gradient(145deg, #f1f6ff 0%, #ffffff 55%, #fff8df 100%);
  font-family: "Inter", sans-serif;
}

.iama-masterorbit-section *,
.iama-masterorbit-section *::before,
.iama-masterorbit-section *::after {
  box-sizing: border-box;
}

.iama-masterorbit-section a {
  text-decoration: none;
}

.iama-masterorbit-heading {
  margin-bottom: 32px;
}

.iama-masterorbit-kicker {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: var(--imo-blue);
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.iama-masterorbit-kicker i {
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border-radius: 10px;
  background: var(--imo-yellow);
  color: var(--imo-blue);
}

.iama-masterorbit-heading-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.85fr);
  align-items: end;
  gap: 42px;
  margin-top: 14px;
}

.iama-masterorbit-heading h2 {
  margin: 0;
  color: var(--imo-black);
  font-family: "Outfit", sans-serif;
  font-size: 60px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: -0.6px;
}

.iama-masterorbit-heading h2 strong {
  display: block;
  color: var(--imo-blue);
}

.iama-masterorbit-heading p {
  margin: 0;
  color: var(--imo-black);
  font-size: 18px;
  line-height: 1.5;
}

.iama-masterorbit-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

.iama-masterorbit-card {
  position: relative;
  display: flex;
  min-width: 0;
  min-height: 100%;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid rgba(0, 40, 125, 0.12);
  border-radius: 22px;
  background: var(--imo-white);
  box-shadow: 0 14px 34px rgba(0, 40, 125, 0.08);
  transition:
    transform 0.35s ease,
    box-shadow 0.35s ease,
    border-color 0.35s ease;
}

.iama-masterorbit-card::before {
  content: "";
  position: absolute;
  z-index: 5;
  top: 0;
  left: 0;
  width: 0;
  height: 4px;
  background: var(--imo-yellow);
  transition: width 0.4s ease;
}

.iama-masterorbit-card:hover {
  transform: translateY(-10px);
  border-color: rgba(255, 198, 59, 0.85);
  box-shadow: 0 28px 54px rgba(0, 40, 125, 0.18);
}

.iama-masterorbit-card:hover::before {
  width: 100%;
}

.iama-masterorbit-image {
  position: relative;
  height: 220px;
  overflow: hidden;
  background: linear-gradient(135deg, var(--imo-blue-dark), var(--imo-blue));
}

.iama-masterorbit-image::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, transparent 28%, rgba(0, 24, 71, 0.72) 100%);
}

.iama-masterorbit-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition:
    transform 0.55s ease,
    filter 0.55s ease;
}

.iama-masterorbit-card:hover .iama-masterorbit-image img {
  transform: scale(1.09) rotate(1deg);
  filter: saturate(1.08);
}

.iama-masterorbit-number {
  position: absolute;
  z-index: 3;
  right: 16px;
  bottom: 13px;
  color: var(--imo-white);
  font-family: "Outfit", sans-serif;
  font-size: 42px;
  font-weight: 800;
  line-height: 1;
  text-shadow: 0 8px 18px rgba(0, 0, 0, 0.3);
}

.iama-masterorbit-content {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr) 42px;
  align-items: center;
  gap: 13px;
  min-height: 132px;
  padding: 19px;
}

.iama-masterorbit-icon {
  display: grid;
  width: 52px;
  height: 52px;
  place-items: center;
  border-radius: 15px;
  background: linear-gradient(135deg, var(--imo-blue), #0052aa);
  color: var(--imo-white);
  font-size: 19px;
  transition:
    transform 0.35s ease,
    background 0.35s ease,
    color 0.35s ease;
}

.iama-masterorbit-card:hover .iama-masterorbit-icon {
  transform: rotate(-8deg) scale(1.06);
  background: var(--imo-yellow);
  color: var(--imo-blue);
}

.iama-masterorbit-text {
  min-width: 0;
}

.iama-masterorbit-text span {
  display: block;
  margin-bottom: 5px;
  color: var(--imo-blue);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.iama-masterorbit-text h3 {
  margin: 0;
  color: var(--imo-black);
  font-family: "Outfit", sans-serif;
  font-size: 22px;
  font-weight: 800;
  line-height: 1.13;
}

.iama-masterorbit-arrow {
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  border-radius: 12px;
  background: rgba(0, 40, 125, 0.08);
  color: var(--imo-blue);
  transition:
    transform 0.35s ease,
    background 0.35s ease,
    color 0.35s ease;
}

.iama-masterorbit-card:hover .iama-masterorbit-arrow {
  transform: translateX(5px);
  background: var(--imo-blue);
  color: var(--imo-white);
}

/* TABLET */

@media (max-width: 1199px) {
  .iama-masterorbit-heading h2 {
    font-size: 52px;
  }

  .iama-masterorbit-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 991px) {
  .iama-masterorbit-heading-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .iama-masterorbit-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* MOBILE */

@media (max-width: 767px) {
  .iama-masterorbit-section {
    padding: 54px 0;
  }

  .iama-masterorbit-heading h2 {
    font-size: 42px;
  }

  .iama-masterorbit-heading p {
    font-size: 16px;
  }

  .iama-masterorbit-image {
    height: 210px;
  }
}

@media (max-width: 575px) {
  .iama-masterorbit-grid {
    grid-template-columns: 1fr;
  }

  .iama-masterorbit-heading h2 {
    font-size: 36px;
  }

  .iama-masterorbit-content {
    grid-template-columns: 50px minmax(0, 1fr) 40px;
    padding: 17px;
  }

  .iama-masterorbit-text h3 {
    font-size: 21px;
  }
}

.classsbtn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;

  min-height: 52px;
  padding: 14px 28px;

  color: #000;
  background: #ffc63b;
  border: 2px solid #ffc63b;
  border-radius: 50px;

  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;

  transition:
    color 0.3s ease,
    background-color 0.3s ease,
    border-color 0.3s ease,
    transform 0.3s ease,
    box-shadow 0.3s ease;
}

.classsbtn:hover {
  color: #ffffff!important;
  background: #00287d;
  border-color: #00287d;
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(0, 40, 125, 0.22);
}

.classsbtn i {
  font-size: 15px;
  transition: transform 0.3s ease;
}

.classsbtn:hover i {
  transform: translateX(4px);
}

@media (max-width: 767px) {
  .classsbtn {
    min-height: 48px;
    padding: 13px 22px;
    font-size: 15px;
  }
}

@media (max-width: 480px) {
  .classsbtn {
    width: 100%;
    min-height: 46px;
    padding: 12px 18px;
    font-size: 14px;
  }
}



/* =========================================================
   IAMA STUDENT REGISTRATION — PREMIUM CENTERED FORM
   Unique namespace: iama-novareg-
   Theme: #00287d / #ffc63b / white
========================================================= */

.iama-novareg-page,
.iama-novareg-page * {
  box-sizing: border-box;
}

.iama-novareg-page {
  position: relative;
  isolation: isolate;
  width: 100%;
  padding: 220px 50px;
  overflow: hidden;
  background:
    radial-gradient(circle at 12% 12%, rgba(255, 198, 59, 0.18), transparent 25%),
    radial-gradient(circle at 88% 85%, rgba(71, 133, 255, 0.24), transparent 28%),
    linear-gradient(135deg, #001b57 0%, #00287d 48%, #0649a5 100%);
  font-family: "Inter", sans-serif;
}

.iama-novareg-page::before,
.iama-novareg-page::after {
  content: "";
  position: absolute;
  z-index: -1;
  border-radius: 50%;
  pointer-events: none;
}

.iama-novareg-page::before {
  top: -130px;
  right: -110px;
  width: 360px;
  height: 360px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow:
    0 0 0 42px rgba(255, 255, 255, 0.035),
    0 0 0 84px rgba(255, 255, 255, 0.025);
}

.iama-novareg-page::after {
  bottom: -160px;
  left: -120px;
  width: 340px;
  height: 340px;
  background: rgba(255, 198, 59, 0.08);
  filter: blur(2px);
}

.iama-novareg-wrap {
  width: min(100%, 1120px);
  margin: 0 auto;
}

.iama-novareg-card {
  overflow: hidden;
  background: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.6);
  border-radius: 24px;
  box-shadow:
    0 26px 70px rgba(0, 14, 58, 0.28),
    0 8px 22px rgba(0, 14, 58, 0.14);
}

.iama-novareg-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 24px 30px;
  color: #ffffff;
  background:
    linear-gradient(115deg, rgba(255, 255, 255, 0.04), transparent 48%),
    linear-gradient(135deg, #001c5d 0%, #00287d 58%, #084fae 100%);
  border-bottom: 4px solid #ffc63b;
}

.iama-novareg-top h2 {
  margin: 0 0 5px;
  font-family: "Outfit", sans-serif;
  font-size: clamp(28px, 3.2vw, 42px);
  font-weight: 700;
  line-height: 1.08;
  letter-spacing: -1px;
    color: #ffffff;
}

.iama-novareg-top h2 span {
  color: #ffc63b;
}

.iama-novareg-top p {
  margin: 0;
  color: rgba(255, 255, 255, 0.8);
  font-size: 15px;
  line-height: 1.55;
}

.iama-novareg-secure {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-height: 42px;
  padding: 10px 16px;
  color: #00287d;
  background: #ffc63b;
  border: 1px solid rgba(255, 255, 255, 0.35);
  border-radius: 50px;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.2px;
  white-space: nowrap;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.14);
}

.iama-novareg-secure i {
  font-size: 14px;
}

.iama-novareg-content {
  padding: 28px 30px 30px;
  background:
    linear-gradient(rgba(0, 40, 125, 0.018), rgba(0, 40, 125, 0.018)),
    #ffffff;
}

.iama-novareg-form {
  width: 100%;
  margin: 0;
}

.iama-novareg-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 17px 20px;
}

.iama-novareg-field {
  min-width: 0;
}

.iama-novareg-wide,
.iama-novareg-consent,
.iama-novareg-terms,
.iama-novareg-actions {
  grid-column: 1 / -1;
}

.iama-novareg-label {
  display: block;
  margin: 0 0 7px;
  color: #12213f;
  font-size: 13px;
  font-weight: 750;
  line-height: 1.35;
}

.iama-novareg-label span {
  color: #d9363e;
}

.iama-novareg-control {
  position: relative;
  width: 100%;
}

.iama-novareg-page input[type="text"],
.iama-novareg-page input[type="password"],
.iama-novareg-page input[type="email"],
.iama-novareg-page input[type="tel"],
.iama-novareg-page select,
.iama-novareg-page textarea {
  width: 100%;
  min-width: 0;
  height: 48px;
  margin: 0;
  padding: 11px 14px;
  color: #13203b;
  background: #f8faff;
  border: 1px solid #d8e0ee;
  border-radius: 11px;
  outline: none;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  box-shadow: none;  transition:
    border-color 0.25s ease,
    background-color 0.25s ease,
    box-shadow 0.25s ease,
    transform 0.25s ease;
}

.iama-novareg-page select {
width: 100%;
  min-width: 0;
  height: 48px;
  margin: 0;
  padding: 11px 14px;
  color: #13203b;
  background: #f8faff;
  border: 1px solid #d8e0ee;
  border-radius: 11px;
  outline: none;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  box-shadow: none;  transition:
    border-color 0.25s ease,
    background-color 0.25s ease,
    box-shadow 0.25s ease,
    transform 0.25s ease;
}

.iama-novareg-page textarea {
  min-height: 82px;
  height: 82px;
  resize: vertical;
}

.iama-novareg-page input:focus,
.iama-novareg-page select:focus,
.iama-novareg-page textarea:focus {
  background: #ffffff;
  border-color: #1c61c7;
  box-shadow:
    0 0 0 4px rgba(0, 40, 125, 0.09),
    0 8px 18px rgba(0, 40, 125, 0.07);
}

.iama-novareg-page input[readonly] {
  color: #5b6780;
  background: #f0f3f8;
  cursor: pointer;
}

.iama-novareg-phone {
  display: grid;
  grid-template-columns: 92px minmax(0, 1fr);
  gap: 9px;
}

.iama-novareg-uploadrow {
  width: 100%;
}

.iama-novareg-uploadrow input[type="file"] {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}

.iama-novareg-uploadlabel {
  display: flex;
  align-items: center;
  min-height: 48px;
  width: 100%;
  overflow: hidden;
  background: #f8faff;
  border: 1px dashed #aebbd0;
  border-radius: 11px;
  cursor: pointer;
  transition:
    border-color 0.25s ease,
    background-color 0.25s ease,
    box-shadow 0.25s ease;
}

.iama-novareg-uploadlabel:hover {
  background: #f2f6ff;
  border-color: #00287d;
  box-shadow: 0 0 0 4px rgba(0, 40, 125, 0.06);
}

.iama-novareg-uploadlabel > span {
  flex: 1;
  min-width: 0;
  padding: 0 12px;
  color: #7b879a;
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.iama-novareg-uploadlabel strong {
  align-self: stretch;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 132px;
  padding: 0 14px;
  color: #00287d;
  background: #ffc63b;
  font-size: 13px;
  font-weight: 800;
}

.iama-novareg-captcha-field {
  padding: 14px;
  background: #f6f9ff;
  border: 1px solid #e1e8f3;
  border-radius: 14px;
}

.iama-novareg-captcha {
  width: min(100%, 340px);
}

.iama-novareg-consent {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 2px;
  padding: 13px 15px;
  color: #13203b;
  background: #fffaf0;
  border: 1px solid #f5df9e;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 700;
}

.iama-novareg-consent input[type="checkbox"] {
  width: 18px;
  height: 18px;
  margin: 0;
  accent-color: #00287d;
  cursor: pointer;
}

.iama-novareg-consent label {
  margin: 0;
  cursor: pointer;
}

.iama-novareg-terms {
  max-height: 160px;
  overflow-y: auto;
  padding: 16px 18px;
  color: #536078;
  background: #f8faff;
  border: 1px solid #e0e7f1;
  border-radius: 13px;
  font-size: 12.5px;
  line-height: 1.75;
  scrollbar-width: thin;
  scrollbar-color: #a8b6cb transparent;
}

.iama-novareg-terms::-webkit-scrollbar {
  width: 7px;
}

.iama-novareg-terms::-webkit-scrollbar-thumb {
  background: #a8b6cb;
  border-radius: 20px;
}

.iama-novareg-actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding-top: 3px;
}

.iama-novareg-button-item {
  display: inline-flex;
}

.iama-novareg-submit,
.iama-novareg-reset {
  min-width: 140px;
  min-height: 48px;
  padding: 12px 25px;
  border-radius: 50px;
  font-family: "Inter", sans-serif;
  font-size: 15px;
  font-weight: 800;
  line-height: 1;
  cursor: pointer;
  transition:
    color 0.3s ease,
    background-color 0.3s ease,
    border-color 0.3s ease,
    transform 0.3s ease,
    box-shadow 0.3s ease;
}

.iama-novareg-submit {
  color: #00287d;
  background: #ffc63b;
  border: 2px solid #ffc63b;
  box-shadow: 0 10px 22px rgba(255, 198, 59, 0.24);
}

.iama-novareg-submit:hover {
  color: #ffffff;
  background: #00287d;
  border-color: #00287d;
  transform: translateY(-2px);
  box-shadow: 0 12px 25px rgba(0, 40, 125, 0.22);
}

.iama-novareg-reset {
  color: #00287d;
  background: #ffffff;
  border: 2px solid #cad5e5;
}

.iama-novareg-reset:hover {
  color: #ffffff;
  background: #00287d;
  border-color: #00287d;
  transform: translateY(-2px);
}

.iama-novareg-actions #divprog {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.iama-novareg-actions #divprog img {
  display: block;
  max-width: 28px;
  height: auto;
}

.iama-novareg-page .clearfix {
  display: none;
}


/* Keep third-party Nice Select styling untouched */

.iama-novareg-page .nice-select *,
.iama-novareg-page .select2-container,
.iama-novareg-page .select2-container * {
  box-sizing: initial;
}


.iama-novareg-page .nice-select {
width: 100%;
  min-width: 0;
  height: 48px;
  margin: 0;
  padding: 11px 14px;
  color: #13203b;
  background: #f8faff;
  border: 1px solid #d8e0ee;
  border-radius: 11px;
  outline: none;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  box-shadow: none;  transition:
    border-color 0.25s ease,
    background-color 0.25s ease,
    box-shadow 0.25s ease,
    transform 0.25s ease;
}



/* Tablet */
@media (max-width: 991px) {
  .iama-novareg-page {
    padding: 32px 15px;
  }

  .iama-novareg-card {
    border-radius: 20px;
  }

  .iama-novareg-top {
    padding: 22px 24px;
  }

  .iama-novareg-content {
    padding: 24px;
  }

  .iama-novareg-grid {
    gap: 15px 16px;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .iama-novareg-page {
    padding: 22px 12px;
  }

  .iama-novareg-card {
    border-radius: 17px;
  }

  .iama-novareg-top {
    align-items: flex-start;
    padding: 21px 18px;
  }

  .iama-novareg-top h2 {
    font-size: 29px;
  }

  .iama-novareg-secure {
    min-height: 36px;
    padding: 8px 11px;
    font-size: 11px;
  }

  .iama-novareg-content {
    padding: 20px 17px 22px;
  }

  .iama-novareg-grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .iama-novareg-wide,
  .iama-novareg-consent,
  .iama-novareg-terms,
  .iama-novareg-actions {
    grid-column: auto;
  }

  .iama-novareg-page input[type="text"],
  .iama-novareg-page input[type="password"],
  .iama-novareg-page input[type="email"],
  .iama-novareg-page input[type="tel"],
  .iama-novareg-page select {
    height: 46px;
    font-size: 16px;
  }

  .iama-novareg-page textarea {
    min-height: 76px;
    height: 76px;
    font-size: 16px;
  }

  .iama-novareg-terms {
    max-height: 145px;
  }
}

/* Small mobile */
@media (max-width: 480px) {
  .iama-novareg-top {
    display: block;
  }

  .iama-novareg-secure {
    width: max-content;
    margin-top: 14px;
  }

  .iama-novareg-phone {
    grid-template-columns: 78px minmax(0, 1fr);
    gap: 7px;
  }

  .iama-novareg-uploadlabel strong {
    min-width: 112px;
    padding: 0 10px;
    font-size: 12px;
  }

  .iama-novareg-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 9px;
  }

  .iama-novareg-button-item,
  .iama-novareg-submit,
  .iama-novareg-reset {
    width: 100%;
    min-width: 0;
  }
}

.iama-facultynova-hero {
  position: relative;
  min-height: 760px;
  display: flex;
  align-items: center;
  overflow: hidden;
  padding: 200px 0 90px;
}

.iama-facultynova-hero-bg,
.iama-facultynova-hero-overlay {
  position: absolute;
  inset: 0;
}

.iama-facultynova-hero-bg img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.iama-facultynova-hero-overlay {
  background:
    linear-gradient(
      90deg,
      rgba(0, 18, 60, 0.96) 0%,
      rgba(0, 40, 125, 0.9) 46%,
      rgba(0, 40, 125, 0.46) 100%
    );
}

.iama-facultynova-hero .container {
  position: relative;
  z-index: 2;
  width: 100%;
}

.iama-facultynova-hero-inner {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(350px, 0.9fr);
  align-items: center;
  gap: 80px;
}

.iama-facultynova-hero-copy {
  min-width: 0;
}

.iama-facultynova-hero-copy h2 {
  color: #fff;
}

.iama-facultynova-hero-copy h2 span {
  color: var(--nova-yellow);
}

.iama-facultynova-hero-copy > p {
  max-width: 700px;
  margin: 27px 0 0;
  color: #fff;
}

.iama-facultynova-hero-line {
  width: 110px;
  height: 4px;
  margin: 30px 0;
  border-radius: 10px;
  background: var(--nova-yellow);
}

.iama-facultynova-hero-support {
  display: flex;
  max-width: 540px;
  align-items: center;
  gap: 15px;
  padding: 18px;
  border: 1px solid rgba(255, 255, 255, 0.28);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.iama-facultynova-hero-support > i {
  display: flex;
  width: 54px;
  height: 54px;
  min-width: 54px;
  align-items: center;
  justify-content: center;
  border-radius: 15px;
  background: var(--nova-yellow);
  color: var(--nova-dark);
  font-size: 20px;
}

.iama-facultynova-hero-support strong {
  display: block;
  margin-bottom: 4px;
  font-family: "Outfit", sans-serif;
  color: #fff;
  font-size: 23px;
}

.iama-facultynova-hero-support span {
  display: block;
  color: #fff;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 1.5;
}

.iama-facultynova-hero-side {
  position: relative;
  min-width: 0;
  min-height: 500px;
}

.iama-facultynova-hero-side-image {
  position: absolute;
  inset: 0 0 75px 60px;
  overflow: hidden;
  border: 8px solid rgba(255, 255, 255, 0.15);
  border-radius: 30px;
}

.iama-facultynova-hero-side-image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.iama-facultynova-hero-side-card {
  position: absolute;
  left: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  gap: 14px;
  width: 320px;
  max-width: 100%;
  padding: 19px;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.28);
  line-height: 1.4em;
}

.iama-facultynova-hero-side-card > i {
  display: flex;
  width: 50px;
  height: 50px;
  min-width: 50px;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: var(--nova-blue);
  color: #fff;
}

.iama-facultynova-hero-side-card strong {
  display: block;
  margin-bottom: 3px;
  font-family: "Outfit", sans-serif;
  color: var(--nova-dark);
  font-size: 22px;
}

.iama-facultynova-hero-side-card span {
  color: #000;
  font-family: "Inter", sans-serif;
  font-size: 18px;
}

/* =========================
   RESPONSIVE CSS
========================= */

/* Desktop and smaller laptops */
@media only screen and (max-width: 1399px) {
  .iama-facultynova-hero {
    min-height: 700px;
    padding: 170px 0 80px;
  }

  .iama-facultynova-hero-inner {
    grid-template-columns: minmax(0, 1.1fr) minmax(330px, 0.9fr);
    gap: 50px;
  }

  .iama-facultynova-hero-side {
    min-height: 460px;
  }

  .iama-facultynova-hero-side-image {
    inset: 0 0 70px 45px;
  }
}

/* Tablets and small laptops */
@media only screen and (max-width: 1199px) {
  .iama-facultynova-hero {
    min-height: 650px;
    padding: 150px 0 70px;
  }

  .iama-facultynova-hero-inner {
    grid-template-columns: minmax(0, 1fr) minmax(300px, 0.85fr);
    gap: 35px;
  }

  .iama-facultynova-hero-copy h2 {
    font-size: 46px;
    line-height: 1.15;
  }

  .iama-facultynova-hero-copy > p {
    margin-top: 22px;
  }

  .iama-facultynova-hero-line {
    margin: 25px 0;
  }

  .iama-facultynova-hero-support {
    padding: 15px;
  }

  .iama-facultynova-hero-support strong {
    font-size: 20px;
  }

  .iama-facultynova-hero-side {
    min-height: 410px;
  }

  .iama-facultynova-hero-side-image {
    inset: 0 0 65px 30px;
    border-width: 6px;
    border-radius: 24px;
  }

  .iama-facultynova-hero-side-card {
    width: 275px;
    padding: 15px;
  }

  .iama-facultynova-hero-side-card strong {
    font-size: 19px;
  }

  .iama-facultynova-hero-side-card span {
    font-size: 15px;
  }
}

/* Tablet portrait */
@media only screen and (max-width: 991px) {
  .iama-facultynova-hero {
    min-height: auto;
    padding: 130px 0 70px;
  }

  .iama-facultynova-hero-overlay {
    background:
      linear-gradient(
        180deg,
        rgba(0, 18, 60, 0.97) 0%,
        rgba(0, 40, 125, 0.92) 55%,
        rgba(0, 40, 125, 0.72) 100%
      );
  }

  .iama-facultynova-hero-inner {
    grid-template-columns: 1fr;
    gap: 45px;
  }

  .iama-facultynova-hero-copy {
    width: 100%;
    max-width: 750px;
  }

  .iama-facultynova-hero-copy h2 {
    font-size: 44px;
  }

  .iama-facultynova-hero-copy > p {
    max-width: 100%;
  }

  .iama-facultynova-hero-support {
    max-width: 600px;
  }

  .iama-facultynova-hero-side {
    width: 100%;
    max-width: 650px;
    min-height: 470px;
    margin: 0 auto;
  }

  .iama-facultynova-hero-side-image {
    inset: 0 0 75px 55px;
  }

  .iama-facultynova-hero-side-card {
    width: 320px;
  }
}

/* Mobile */
@media only screen and (max-width: 767px) {
  .iama-facultynova-hero {
    padding: 110px 0 55px;
  }

  .iama-facultynova-hero-inner {
    gap: 35px;
  }

  .iama-facultynova-hero-copy h2 {
    font-size: 36px;
    line-height: 1.15;
  }

  .iama-facultynova-hero-copy > p {
    margin-top: 18px;
    font-size: 15px;
    line-height: 1.7;
  }

  .iama-facultynova-hero-line {
    width: 85px;
    height: 3px;
    margin: 22px 0;
  }

  .iama-facultynova-hero-support {
    max-width: 100%;
    gap: 12px;
    padding: 14px;
    border-radius: 14px;
  }

  .iama-facultynova-hero-support > i {
    width: 48px;
    height: 48px;
    min-width: 48px;
    border-radius: 12px;
    font-size: 18px;
  }

  .iama-facultynova-hero-support strong {
    font-size: 18px;
  }

  .iama-facultynova-hero-support span {
    font-size: 13px;
  }

  .iama-facultynova-hero-side {
    min-height: 400px;
  }

  .iama-facultynova-hero-side-image {
    inset: 0 0 65px 25px;
    border-width: 5px;
    border-radius: 20px;
  }

  .iama-facultynova-hero-side-card {
    width: 285px;
    padding: 14px;
    border-radius: 15px;
  }

  .iama-facultynova-hero-side-card > i {
    width: 46px;
    height: 46px;
    min-width: 46px;
    border-radius: 12px;
  }

  .iama-facultynova-hero-side-card strong {
    font-size: 18px;
  }

  .iama-facultynova-hero-side-card span {
    font-size: 14px;
  }
}

/* Small mobile */
@media only screen and (max-width: 575px) {
  .iama-facultynova-hero {
    padding: 95px 0 45px;
  }

  .iama-facultynova-hero-copy h2 {
    font-size: 31px;
  }

  .iama-facultynova-hero-copy > p {
    font-size: 14px;
    line-height: 1.65;
  }

  .iama-facultynova-hero-support {
    align-items: flex-start;
  }

  .iama-facultynova-hero-side {
    min-height: 345px;
  }

  .iama-facultynova-hero-side-image {
    inset: 0 0 65px 15px;
    border-width: 4px;
    border-radius: 18px;
  }

  .iama-facultynova-hero-side-card {
    right: 10px;
    width: auto;
    max-width: 290px;
    padding: 13px;
  }

  .iama-facultynova-hero-side-card > i {
    width: 42px;
    height: 42px;
    min-width: 42px;
    font-size: 17px;
  }

  .iama-facultynova-hero-side-card strong {
    font-size: 17px;
  }

  .iama-facultynova-hero-side-card span {
    font-size: 13px;
  }
}

/* Extra-small mobile */
@media only screen and (max-width: 380px) {
  .iama-facultynova-hero {
    padding-top: 85px;
  }

  .iama-facultynova-hero-copy h2 {
    font-size: 28px;
  }

  .iama-facultynova-hero-support {
    flex-direction: column;
  }

  .iama-facultynova-hero-side {
    min-height: 310px;
  }

  .iama-facultynova-hero-side-image {
    inset: 0 0 75px 0;
  }

  .iama-facultynova-hero-side-card {
    right: 5px;
    max-width: calc(100% - 5px);
  }
}

/* =========================================================
   IAMA STUDENT SUPPORT DESK
   Modern premium responsive layout
   Unique CSS namespace: iama-supportdesk-
   Theme: #00287d / #ffc63b / #ffffff
========================================================= */

.iama-supportdesk-page,
.iama-supportdesk-page * {
  box-sizing: border-box;
}

.iama-supportdesk-page {
  --iama-support-blue: #00287d;
  --iama-support-blue-dark: #00194f;
  --iama-support-blue-light: #0d4fb8;
  --iama-support-yellow: #ffc63b;
  --iama-support-white: #ffffff;
  --iama-support-ink: #0e1d3b;
  --iama-support-text: #34425f;
  --iama-support-soft: #f5f8ff;
  --iama-support-border: #dfe7f3;
  --iama-support-shadow: 0 22px 55px rgba(0, 40, 125, 0.14);

  width: 100%;
  overflow: hidden;
  color: var(--iama-support-text);
  background: var(--iama-support-white);
  font-family: "Inter", sans-serif;
}

.iama-supportdesk-page img {
  display: block;
  width: 100%;
  max-width: 100%;
}

.iama-supportdesk-page a {
  text-decoration: none;
}


.iama-supportdesk-page h2,
.iama-supportdesk-page h3,
.iama-supportdesk-page p {
  margin-top: 0;
}

.iama-supportdesk-page h2,
.iama-supportdesk-page h3 {
  font-family: "Outfit", sans-serif;
  color: var(--iama-support-ink);
}

.iama-supportdesk-page h2 {
  margin-bottom: 20px;
  font-size: clamp(40px, 5vw, 55px);
  line-height: 1.02;
  letter-spacing: -1.8px;
  font-weight: 600;
}

.iama-supportdesk-page h2 strong {
  display: block;
  color: var(--iama-support-blue);
  font-weight: 800;
}

.iama-supportdesk-page p {
  margin-bottom: 0;
  font-size: 18px;
  line-height: 1.4;
}

.iama-supportdesk-label {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 18px;
  padding: 10px 15px;
  color: var(--iama-support-blue);
  background: rgba(255, 198, 59, 0.18);
  border: 1px solid rgba(255, 198, 59, 0.55);
  border-radius: 999px;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 0.2px;
}

.iama-supportdesk-label i {
  color: var(--iama-support-yellow);
}

.iama-supportdesk-label-light {
  color: var(--iama-support-white);
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.2);
}

/* HERO */
.iama-supportdesk-hero {
  position: relative;
  isolation: isolate;
  padding: 68px 0 58px;
  background:
    radial-gradient(circle at 85% 15%, rgba(255, 198, 59, 0.18), transparent 24%),
    linear-gradient(135deg, #eef4ff 0%, #ffffff 48%, #f8fbff 100%);
}

.iama-supportdesk-hero::before {
  content: "";
  position: absolute;
  inset: auto -100px -160px auto;
  z-index: -1;
  width: 360px;
  height: 360px;
  border-radius: 50%;
  background: rgba(0, 40, 125, 0.05);
}

.iama-supportdesk-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(430px, 0.98fr);
  align-items: center;
  gap: 58px;
}

.iama-supportdesk-hero-content > p {
  max-width: 700px;
  color: #000;
}

.iama-supportdesk-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 30px;
}

.iama-supportdesk-primary-btn,
.iama-supportdesk-secondary-btn,
.iama-supportdesk-cta-content > a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 54px;
  padding: 15px 24px;
  border-radius: 999px;
  font-size: 16px;
  font-weight: 800;
  transition: 0.3s ease;
}

.iama-supportdesk-primary-btn,
.iama-supportdesk-cta-content > a {
  color: var(--iama-support-blue);
  background: var(--iama-support-yellow);
  border: 2px solid var(--iama-support-yellow);
  box-shadow: 0 12px 28px rgba(255, 198, 59, 0.28);
}

.iama-supportdesk-primary-btn:hover,
.iama-supportdesk-cta-content > a:hover {
  color: var(--iama-support-white);
  background: var(--iama-support-blue);
  border-color: var(--iama-support-blue);
  transform: translateY(-3px);
}

.iama-supportdesk-secondary-btn {
  color: var(--iama-support-blue);
  background: var(--iama-support-white);
  border: 2px solid #cdd9eb;
}

.iama-supportdesk-secondary-btn:hover {
  color: var(--iama-support-white);
  background: var(--iama-support-blue);
  border-color: var(--iama-support-blue);
  transform: translateY(-3px);
}

.iama-supportdesk-hero-note {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  max-width: 630px;
  margin-top: 26px;
  padding: 18px 20px;
  background: var(--iama-support-white);
  border: 1px solid var(--iama-support-border);
  border-radius: 18px;
  box-shadow: 0 16px 36px rgba(0, 40, 125, 0.08);
}

.iama-supportdesk-hero-note > i {
  flex: 0 0 42px;
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  color: var(--iama-support-blue);
  background: var(--iama-support-yellow);
  border-radius: 13px;
}

.iama-supportdesk-hero-note h3 {
  margin-bottom: 4px;
  font-size: 20px;
}

.iama-supportdesk-hero-note p {
  font-size: 18px;
  line-height: 1.4;
}

.iama-supportdesk-hero-visual {
  position: relative;
  min-height: 560px;
}

.iama-supportdesk-hero-image {
  height: 100%;
  min-height: 560px;
  overflow: hidden;
  border: 10px solid var(--iama-support-white);
  border-radius: 34px;
  box-shadow: var(--iama-support-shadow);
}

.iama-supportdesk-hero-image img {
  height: 100%;
  min-height: 560px;
  object-fit: cover;
}

.iama-supportdesk-hero-status {
  position: absolute;
  left: -38px;
  bottom: 32px;
  display: flex;
  align-items: flex-start;
  gap: 14px;
  width: min(360px, calc(100% - 20px));
  padding: 18px;
  color: var(--iama-support-white);
  background: linear-gradient(135deg, var(--iama-support-blue-dark), var(--iama-support-blue-light));
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 20px;
  box-shadow: 0 18px 42px rgba(0, 25, 79, 0.28);
}

.iama-supportdesk-status-icon {
  flex: 0 0 48px;
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  color: var(--iama-support-blue);
  background: var(--iama-support-yellow);
  border-radius: 15px;
  font-size: 19px;
}

.iama-supportdesk-hero-status small {
  color: rgba(255, 255, 255, 0.7);
  font-size: 12px;
  font-weight: 700;
}

.iama-supportdesk-hero-status h3 {
  margin: 3px 0 5px;
  color: var(--iama-support-white);
  font-size: 20px;
}

.iama-supportdesk-hero-status p {
  color:#fff;
  font-size: 17px;
  line-height: 1.4;
}

.iama-supportdesk-hero-count {
  position: absolute;
  top: 28px;
  right: -22px;
  min-width: 128px;
  padding: 18px 16px;
  text-align: center;
  background: var(--iama-support-yellow);
  border: 7px solid var(--iama-support-white);
  border-radius: 22px;
  box-shadow: 0 15px 34px rgba(0, 40, 125, 0.18);
}

.iama-supportdesk-hero-count strong {
  display: block;
  color: var(--iama-support-blue);
  font-family: "Outfit", sans-serif;
  font-size: 40px;
  line-height: 1;
}

.iama-supportdesk-hero-count span {
  display: block;
  margin-top: 4px;
  color: var(--iama-support-blue);
  font-size: 16px;
  font-weight: 800;
  line-height:1;
}

/* CATEGORIES */
.iama-supportdesk-categories {
  padding: 74px 0;
  background: radial-gradient(circle at 8% 18%, rgba(0, 74, 190, 0.22), transparent 31%), radial-gradient(circle at 92% 82%, rgba(244, 200, 75, 0.12), transparent 27%), linear-gradient(135deg, #00287d 0%, #00287d 55%, #000 100%);
}

.iama-supportdesk-heading {
  max-width: 850px;
  margin: 0 auto 38px;
  text-align: center;
}

.iama-supportdesk-heading h2,
.iama-supportdesk-heading h2 strong {
  color: var(--iama-support-white);
}

.iama-supportdesk-heading p {
  color:#fff;
}

.iama-supportdesk-category-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
}

.iama-supportdesk-category-card {
  display: flex;
  flex-direction: column;
min-height: 255px;
  padding: 28px;
  background: var(--iama-support-white);
  border: 1px solid rgba(255, 255, 255, 0.35);
  border-radius: 26px;
  box-shadow: 0 20px 46px rgba(0, 18, 61, 0.18);
  transition: 0.35s ease;
}

.iama-supportdesk-category-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 28px 56px rgba(0, 18, 61, 0.28);
}

.iama-supportdesk-category-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 26px;
}

.iama-supportdesk-category-top > i {
  display: grid;
  place-items: center;
  width: 58px;
  height: 58px;
  color: var(--iama-support-blue);
  background: var(--iama-support-yellow);
  border-radius: 18px;
  font-size: 22px;
}

.iama-supportdesk-category-top span {
  color: #dfe6f0;
  font-family: "Outfit", sans-serif;
  font-size: 38px;
  font-weight: 800;
}

.iama-supportdesk-category-card h3 {
  margin-bottom: 12px;
  font-size: 27px;
}

.iama-supportdesk-category-card p {
  font-size: 18px;
  line-height: 1.4;
}

.iama-supportdesk-category-card > a {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  width: max-content;
  color: var(--iama-support-blue);
  font-size: 19px;
  font-weight: 800;
}

.iama-supportdesk-category-card > a i {
  transition: transform 0.25s ease;
}

.iama-supportdesk-category-card > a:hover i {
  transform: translateX(5px);
}

/* PROCESS */
.iama-supportdesk-process {
  padding: 76px 0;
  background: var(--iama-support-white);
}

.iama-supportdesk-process-grid,
.iama-supportdesk-prepare-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(420px, 0.9fr);
  align-items: stretch;
  gap: 56px;
}

.iama-supportdesk-process-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.iama-supportdesk-process-steps {
  display: grid;
  gap: 13px;
  margin-top: 28px;
}

.iama-supportdesk-process-steps article {
  display: grid;
  grid-template-columns: 60px minmax(0, 1fr);
  align-items: center;
  gap: 16px;
  padding: 17px 18px;
  background: var(--iama-support-soft);
  border: 1px solid var(--iama-support-border);
  border-radius: 18px;
}

.iama-supportdesk-process-steps article > span {
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  color: var(--iama-support-blue);
  background: var(--iama-support-yellow);
  border-radius: 16px;
  font-family: "Outfit", sans-serif;
  font-size: 20px;
  font-weight: 800;
}

.iama-supportdesk-process-steps h3 {
  margin-bottom: 4px;
  font-size: 21px;
}

.iama-supportdesk-process-steps p {
  font-size: 18px;
  line-height: 1.4;
}

.iama-supportdesk-process-visual,
.iama-supportdesk-prepare-image,
.iama-supportdesk-commitment-image,
.iama-supportdesk-cta-image {
  position: relative;
  overflow: hidden;
  border-radius: 30px;
  box-shadow: var(--iama-support-shadow);
}

.iama-supportdesk-process-visual img,
.iama-supportdesk-prepare-image img,
.iama-supportdesk-commitment-image img,
.iama-supportdesk-cta-image img {
  width: 100%;
  height: 100%;
  min-height: 100%;
  object-fit: cover;
}

.iama-supportdesk-process-card {
  position: absolute;
  right: 22px;
  bottom: 22px;
  display: flex;
  align-items: flex-start;
  gap: 13px;
  width: min(360px, calc(100% - 44px));
  padding: 18px;
  color: var(--iama-support-white);
  background: rgba(0, 25, 79, 0.92);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 18px;
}

.iama-supportdesk-process-card > i {
  flex: 0 0 46px;
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  color: var(--iama-support-blue);
  background: var(--iama-support-yellow);
  border-radius: 14px;
}

.iama-supportdesk-process-card h3 {
  margin-bottom: 4px;
  color: var(--iama-support-white);
  font-size: 19px;
}

.iama-supportdesk-process-card p {
  font-size: 18px;
  line-height: 1.4;
}

/* PREPARE */
.iama-supportdesk-prepare {
  padding: 76px 0;
  background: var(--iama-support-soft);
}

.iama-supportdesk-prepare-grid {
  grid-template-columns: minmax(420px, 0.9fr) minmax(0, 1fr);
}

.iama-supportdesk-prepare-badge {
  position: absolute;
  left: 24px;
  bottom: 24px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 13px 16px;
  color: var(--iama-support-blue);
  background: var(--iama-support-yellow);
  border: 6px solid var(--iama-support-white);
  border-radius: 18px;
  font-size: 14px;
  font-weight: 800;
}

.iama-supportdesk-prepare-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.iama-supportdesk-prepare-items {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-top: 28px;
}

.iama-supportdesk-prepare-items article {
  display: flex;
  align-items: flex-start;
  gap: 13px;
  min-height: 132px;
  padding: 18px;
  background: var(--iama-support-white);
  border: 1px solid var(--iama-support-border);
  border-radius: 18px;
  box-shadow: 0 12px 30px rgba(0, 40, 125, 0.06);
}

.iama-supportdesk-prepare-items article > i {
  flex: 0 0 42px;
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  color: var(--iama-support-blue);
  background: var(--iama-support-yellow);
  border-radius: 13px;
}

.iama-supportdesk-prepare-items h3 {
  margin-bottom: 5px;
  font-size: 19px;
}

.iama-supportdesk-prepare-items p {
   font-size: 18px;
  line-height: 1.4;
}

/* RESOURCES */
.iama-supportdesk-resources {
  padding: 76px 0;
  background: linear-gradient(135deg, #00194f, #00287d);
}

.iama-supportdesk-resource-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.55fr);
  align-items: end;
  gap: 40px;
  margin-bottom: 34px;
}

.iama-supportdesk-resource-head h2,
.iama-supportdesk-resource-head h2 strong {
  color: var(--iama-support-white);
}

.iama-supportdesk-resource-head > p {
  color: rgba(255, 255, 255, 0.72);
}

.iama-supportdesk-resource-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.iama-supportdesk-resource-grid > a {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr) auto;
  align-items: center;
  gap: 18px;
  min-height: 190px;
  padding: 24px;
  color: var(--iama-support-text);
  background: var(--iama-support-white);
  border: 1px solid rgba(255, 255, 255, 0.28);
  border-radius: 24px;
  transition: 0.3s ease;
}

.iama-supportdesk-resource-grid > a:hover {
  transform: translateY(-6px);
  box-shadow: 0 22px 46px rgba(0, 0, 0, 0.2);
}

.iama-supportdesk-resource-grid > a > i {
  display: grid;
  place-items: center;
  width: 64px;
  height: 64px;
  color: var(--iama-support-blue);
  background: var(--iama-support-yellow);
  border-radius: 18px;
  font-size: 23px;
}

.iama-supportdesk-resource-grid span {
  display: block;
  margin-bottom: 5px;
  color: var(--iama-support-blue);
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.7px;
}

.iama-supportdesk-resource-grid h3 {
  margin-bottom: 7px;
  font-size: 23px;
}

.iama-supportdesk-resource-grid p {
  font-size: 18px;
  line-height: 1.4;
}

.iama-supportdesk-resource-grid b {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--iama-support-blue);
  font-size: 13px;
  white-space: nowrap;
}

/* COMMITMENT */
.iama-supportdesk-commitment {
  padding: 76px 0;
  background: var(--iama-support-white);
}

.iama-supportdesk-commitment-wrap {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(420px, 0.85fr);
  align-items: stretch;
  gap: 48px;
  padding: 34px;
  background: linear-gradient(135deg, #f4f8ff, #ffffff);
  border: 1px solid var(--iama-support-border);
  border-radius: 32px;
  box-shadow: var(--iama-support-shadow);
}

.iama-supportdesk-commitment-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 14px;
}

.iama-supportdesk-commitment-points {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 28px;
}

.iama-supportdesk-commitment-points span {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 12px 15px;
  color: var(--iama-support-blue);
  background: var(--iama-support-white);
  border: 1px solid var(--iama-support-border);
  border-radius: 999px;
  font-size: 14px;
  font-weight: 800;
}

.iama-supportdesk-commitment-points i {
  display: grid;
  place-items: center;
  width: 23px;
  height: 23px;
  color: var(--iama-support-blue);
  background: var(--iama-support-yellow);
  border-radius: 50%;
  font-size: 11px;
}

/* FINAL CTA */
.iama-supportdesk-cta {
  padding: 0 0 76px;
  background: var(--iama-support-white);
}

.iama-supportdesk-cta-grid {
  display: grid;
  grid-template-columns: minmax(360px, 0.8fr) minmax(0, 1.2fr);
  align-items: stretch;
  overflow: hidden;
  background: linear-gradient(135deg, var(--iama-support-blue-dark), var(--iama-support-blue));
  border-radius: 32px;
  box-shadow: 0 26px 60px rgba(0, 40, 125, 0.22);
}

.iama-supportdesk-cta-image {
  min-height: 430px;
  border-radius: 0;
  box-shadow: none;
}

.iama-supportdesk-cta-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 48px;
}

.iama-supportdesk-cta-content h2,
.iama-supportdesk-cta-content h2 strong {
  color: var(--iama-support-white);
}

.iama-supportdesk-cta-content p {
  color: rgba(255, 255, 255, 0.76);
}

.iama-supportdesk-cta-content > a {
  margin-top: 28px;
}

/* RESPONSIVE */
@media (max-width: 1100px) {
  .iama-supportdesk-hero-grid,
  .iama-supportdesk-process-grid,
  .iama-supportdesk-prepare-grid,
  .iama-supportdesk-commitment-wrap {
    gap: 36px;
  }

  .iama-supportdesk-category-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .iama-supportdesk-hero-status {
    left: 18px;
  }

  .iama-supportdesk-hero-count {
    right: 18px;
  }
}

@media (max-width: 900px) {
  .iama-supportdesk-page h2 {
    font-size: clamp(38px, 7vw, 56px);
  }

  .iama-supportdesk-hero-grid,
  .iama-supportdesk-process-grid,
  .iama-supportdesk-prepare-grid,
  .iama-supportdesk-commitment-wrap,
  .iama-supportdesk-resource-head,
  .iama-supportdesk-cta-grid {
    grid-template-columns: 1fr;
  }

  .iama-supportdesk-hero-visual {
    min-height: 500px;
  }

  .iama-supportdesk-hero-image,
  .iama-supportdesk-hero-image img {
    min-height: 500px;
  }

  .iama-supportdesk-process-visual,
  .iama-supportdesk-prepare-image,
  .iama-supportdesk-commitment-image {
    min-height: 500px;
  }

  .iama-supportdesk-resource-head {
    align-items: start;
    gap: 12px;
  }

  .iama-supportdesk-cta-image {
    min-height: 360px;
  }

  .iama-supportdesk-cta-content {
    padding: 38px;
  }
}

@media (max-width: 700px) {
  .iama-supportdesk-page .container {
    width: min(100% - 24px, 1240px);
  }

  .iama-supportdesk-hero,
  .iama-supportdesk-categories,
  .iama-supportdesk-process,
  .iama-supportdesk-prepare,
  .iama-supportdesk-resources,
  .iama-supportdesk-commitment {
    padding: 56px 0;
  }

  .iama-supportdesk-cta {
    padding-bottom: 56px;
  }

  .iama-supportdesk-page h2 {
    font-size: 39px;
    letter-spacing: -1px;
  }

  .iama-supportdesk-page p {
    font-size: 16px;
  }

  .iama-supportdesk-category-grid,
  .iama-supportdesk-resource-grid,
  .iama-supportdesk-prepare-items {
    grid-template-columns: 1fr;
  }

  .iama-supportdesk-category-card {
    min-height: 0;
  }

  .iama-supportdesk-resource-grid > a {
    grid-template-columns: 56px minmax(0, 1fr);
    min-height: 0;
  }

  .iama-supportdesk-resource-grid > a > i {
    width: 56px;
    height: 56px;
  }

  .iama-supportdesk-resource-grid b {
    grid-column: 2;
  }

  .iama-supportdesk-commitment-wrap {
    padding: 20px;
    border-radius: 24px;
  }
}

@media (max-width: 520px) {
  .iama-supportdesk-page h2 {
    font-size: 34px;
  }

  .iama-supportdesk-hero-actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .iama-supportdesk-primary-btn,
  .iama-supportdesk-secondary-btn {
    width: 100%;
  }

  .iama-supportdesk-hero-visual,
  .iama-supportdesk-hero-image,
  .iama-supportdesk-hero-image img {
    min-height: 430px;
  }

  .iama-supportdesk-hero-image {
    border-width: 6px;
    border-radius: 24px;
  }

  .iama-supportdesk-hero-status {
    left: 12px;
    bottom: 14px;
    width: calc(100% - 24px);
  }

  .iama-supportdesk-hero-count {
    top: 12px;
    right: 12px;
  }

  .iama-supportdesk-process-visual,
  .iama-supportdesk-prepare-image,
  .iama-supportdesk-commitment-image {
    min-height: 420px;
  }

  .iama-supportdesk-process-card {
    right: 14px;
    bottom: 14px;
    width: calc(100% - 28px);
  }

  .iama-supportdesk-prepare-badge {
    left: 14px;
    bottom: 14px;
    max-width: calc(100% - 28px);
  }

  .iama-supportdesk-cta-content {
    padding: 30px 22px;
  }
}


/* =========================================================
   IAMA ONLINE REGISTRATION FORM
   Prefix: iamaonlineform-
   Fully isolated, responsive, compact and modern
========================================================= */

.iamaonlineform-page,
.iamaonlineform-page * {
  box-sizing: border-box;
}

.iamaonlineform-page {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: 220px 16px 50px;
  font-family: "Inter", sans-serif;
  color: #13233f;
  background: radial-gradient(circle at 8% 18%, rgba(0, 74, 190, 0.22), transparent 31%), radial-gradient(circle at 92% 82%, rgba(244, 200, 75, 0.12), transparent 27%), linear-gradient(135deg, #00287d 0%, #00287d 55%, #000 100%);
}

.iamaonlineform-page::before,
.iamaonlineform-page::after {
  content: "";
  position: absolute;
  z-index: -1;
  border-radius: 50%;
  filter: blur(4px);
  pointer-events: none;
}


.iamaonlineform-shell {
  width: min(1180px, 100%);
  margin: 0 auto;
}

.iamaonlineform-card {
  overflow: visible;
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.97);
  box-shadow: 0 28px 70px rgba(0, 18, 54, 0.32);
}

.iamaonlineform-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 28px;
  align-items: center;
  padding: 28px 32px;
  border-radius: 24px 24px 0 0;
background: #06358e;
}

.iamaonlineform-header h2 {
  margin: 0;
  font-family: "Outfit", sans-serif;
  font-size: clamp(30px, 4vw, 48px);
  font-weight: 700;
  line-height: 1.02;
  letter-spacing: -0.6px;
  color: #fff;
}

.iamaonlineform-header h2 span {
  color: #ffc63b;
}

.iamaonlineform-header p {
  max-width: 720px;
  margin: 10px 0 0;
  font-size: 18px;
  line-height: 1.55;
  color: #fff;
}

.iamaonlineform-security {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-height: 42px;
  padding: 0 16px;
  border: 1px solid rgba(255, 255, 255, 0.26);
  border-radius: 999px;
  font-size: 13px;
  font-weight: 700;
  white-space: nowrap;
  color: #fff;
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(8px);
}

.iamaonlineform-security i {
  color: #ffc63b;
}

.iamaonlineform-body {
  padding: 28px 32px 32px;
}

.iamaonlineform-form {
  margin: 0;
}

.iamaonlineform-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px 20px;
}

.iamaonlineform-field {
  min-width: 0;
}

.iamaonlineform-wide {
  grid-column: 1 / -1;
}

.iamaonlineform-label {
  display: block;
  margin-bottom: 7px;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.3;
  color: #22304a;
}

.iamaonlineform-label span {
  color: #d92d20;
}

.iamaonlineform-control {
  position: relative;
  width: 100%;
  overflow: visible;
}

.iamaonlineform-control input:not([type="checkbox"]):not([type="submit"]):not([type="reset"]),
.iamaonlineform-control select,
.iamaonlineform-control textarea {
  width: 100%;
  margin: 0;
border: 1px solid #d5deeb;
  border-radius: 11px;
  outline: none;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #15233b;
  background: #f9fbfe;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
  transition: border-color 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
}

.iamaonlineform-control input:not([type="checkbox"]):not([type="submit"]):not([type="reset"]),
.iamaonlineform-control select {
  height: 48px;
  padding: 0 14px;
}

.iamaonlineform-control textarea {
  min-height: 92px;
  padding: 12px 14px;
  line-height: 1.5;
  resize: vertical;
}

.iamaonlineform-control select {
  cursor: pointer;
}

.iamaonlineform-control input:focus,
.iamaonlineform-control select:focus,
.iamaonlineform-control textarea:focus {
  border-color: #1769aa;
  background: #fff;
  box-shadow: 0 0 0 4px rgba(23, 105, 170, 0.12);
}

.iamaonlineform-control input[readonly] {
  cursor: pointer;
  background: #f2f6fb;
}

.iamaonlineform-phone {
  display: grid;
  grid-template-columns: 110px minmax(0, 1fr);
  gap: 10px;
}

.iamaonlineform-uploadrow {
  position: relative;
}

.iamaonlineform-uploadrow input[type="file"] {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

.iamaonlineform-uploadlabel {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  min-height: 48px;
  padding: 8px 9px 8px 14px;
  border: 1px solid #d5deeb;
  border-radius: 11px;
  cursor: pointer;
  color: #4a5870;
  background: #f7faff;
  transition: border-color 0.25s ease, background 0.25s ease;
}

.iamaonlineform-uploadlabel:hover {
  border-color: #1769aa;
  background: #eef6ff;
}

.iamaonlineform-uploadlabel span {
  min-width: 0;
  overflow: hidden;
  font-size: 13px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.iamaonlineform-uploadlabel strong {
  flex: 0 0 auto;
  padding: 8px 12px;
  border-radius: 8px;
  font-size: 12px;
  color: #fff;
  background: #073a7d;
}

.iamaonlineform-captcha {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
}

.iamaonlineform-captcha::after {
  content: "Enter verification code";
  display: inline-flex;
  align-items: center;
  min-height: 48px;
  padding: 0 16px;
  border-radius: 11px;
  font-size: 12px;
  font-weight: 700;
  color: #fff;
  background:#073a7d;
}

.iamaonlineform-control input::placeholder,
.iamaonlineform-control textarea::placeholder {
  color: #7b8794 !important;
  font-size: 15px;
  font-weight: 400;
  opacity: 1;
  letter-spacing: 0.2px;
}

.iamaonlineform-consent {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 16px;
  border: 1px solid #d7e1ee;
  border-radius: 12px;
  background: #f7faff;
}

.iamaonlineform-consent input {
  width: 18px;
  height: 18px;
  margin: 0;
  accent-color: #073a7d;
}

.iamaonlineform-consent label {
  margin: 0;
  font-size: 13px;
  font-weight: 700;
  color: #22304a;
}

.iamaonlineform-terms {
  grid-column: 1 / -1;
  max-height: 170px;
  overflow-y: auto;
  padding: 16px 18px;
  border: 1px solid #d7e1ee;
  border-radius: 13px;
  font-size: 12px;
  line-height: 1.65;
  color: #536177;
  background: #fbfcfe;
  scrollbar-width: thin;
  scrollbar-color: #0c65a3 #e8eef6;
}

.iamaonlineform-terms::-webkit-scrollbar {
  width: 7px;
}

.iamaonlineform-terms::-webkit-scrollbar-track {
  background: #e8eef6;
}

.iamaonlineform-terms::-webkit-scrollbar-thumb {
  border-radius: 20px;
  background: #0c65a3;
}

.iamaonlineform-actions {
  grid-column: 1 / -1;
display: inline-block;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 12px;
  padding-top: 4px;
}

.iamaonlineform-submit,
.iamaonlineform-reset {
  min-width: 130px;
  height: 48px;
  padding: 0 22px;
  border: 0;
  border-radius: 999px;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 600;
  cursor: pointer;
  transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
}

.iamaonlineform-submit {
  color: #000;
  background:#f8c23a;
  box-shadow: 0 12px 24px rgba(255, 198, 59, 0.26);
}

.iamaonlineform-reset {
  color: #000;
  background: #f8c23a;
}

.iamaonlineform-submit:hover,
.iamaonlineform-reset:hover {
  transform: translateY(-2px);
  background: #073a7d;
    color: #fff;
}

.iamaonlineform-submit:focus,
.iamaonlineform-reset:focus {
  outline: 3px solid rgba(23, 105, 170, 0.2);
  outline-offset: 2px;
}

.iamaonlineform-progress {
  display: none;
  margin-right: auto;
}

.iamaonlineform-progress img {
  display: block;
  max-width: 32px;
}

/* AJAX state select safety */
.iamaonlineform-control #response1,
.iamaonlineform-control #response1 select {
  width: 100%;
}

/* Nice Select compatibility, only inside this form */
.iamaonlineform-page .nice-select {
  width: 100%;
  min-height: 48px;
  padding: 0 42px 0 14px;
  border: 1px solid #d5deeb;
  border-radius: 11px;
  line-height: 46px;
  color: #15233b;
  background: #f9fbfe;
  font-size: 14px;
}

.iamaonlineform-page .nice-select::after {
  right: 16px;
  border-color: #073a7d;
}

.iamaonlineform-page .nice-select .list {
  z-index: 9999;
  width: 100%;
  max-height: 260px;
  overflow-y: auto;
  border-radius: 10px;
}

.iamaonlineform-page .nice-select .option {
  min-height: 40px;
  padding: 8px 13px;
  line-height: 24px;
  white-space: normal;
}

/* Responsive */
@media (max-width: 991px) {
  .iamaonlineform-page {
    padding: 30px 14px;
  }

  .iamaonlineform-header,
  .iamaonlineform-body {
    padding-right: 24px;
    padding-left: 24px;
  }
}

@media (max-width: 767px) {
  .iamaonlineform-card {
    border-radius: 18px;
  }

  .iamaonlineform-header {
    grid-template-columns: 1fr;
    gap: 16px;
    padding: 24px 20px;
    border-radius: 18px 18px 0 0;
  }

  .iamaonlineform-security {
    justify-self: start;
  }

  .iamaonlineform-body {
    padding: 22px 20px 24px;
  }

  .iamaonlineform-grid {
    grid-template-columns: 1fr;
    gap: 15px;
  }

  .iamaonlineform-wide,
  .iamaonlineform-consent,
  .iamaonlineform-terms,
  .iamaonlineform-actions {
    grid-column: auto;
  }

  .iamaonlineform-actions {
    justify-content: stretch;
  }

  .iamaonlineform-submit,
  .iamaonlineform-reset {
    flex: 1 1 150px;
  }
}

@media (max-width: 575px) {
  .iamaonlineform-page {
    padding: 18px 10px;
  }

  .iamaonlineform-header {
    padding: 22px 16px;
  }

  .iamaonlineform-header h2 {
    font-size: 30px;
  }

  .iamaonlineform-body {
    padding: 18px 14px 20px;
  }

  .iamaonlineform-control input:not([type="checkbox"]):not([type="submit"]):not([type="reset"]),
  .iamaonlineform-control select {
    height: 46px;
  }

  .iamaonlineform-phone,
  .iamaonlineform-captcha {
    grid-template-columns: 1fr;
  }

  .iamaonlineform-captcha::after {
    min-height: 42px;
  }

  .iamaonlineform-uploadlabel {
    align-items: stretch;
    flex-direction: column;
  }

  .iamaonlineform-uploadlabel strong {
    text-align: center;
  }

  .iamaonlineform-submit,
  .iamaonlineform-reset {
    width: 100%;
    flex-basis: 100%;
  }
}


/* =========================================================
   IAMA MODERN POSTGRADUATE PAGE
   Unique prefix: iama-pgmodern-
========================================================= */

.iama-pgmodern-page {
  --iama-pgmodern-primary: #06358e;
  --iama-pgmodern-primary-dark: #03295f;
  --iama-pgmodern-primary-light: #eaf2ff;
  --iama-pgmodern-accent: #f2b93b;
  --iama-pgmodern-accent-light: #fff6dc;
  --iama-pgmodern-text: #152238;
  --iama-pgmodern-muted: #617086;
  --iama-pgmodern-white: #ffffff;
  --iama-pgmodern-border: rgba(6, 59, 136, 0.12);
  --iama-pgmodern-shadow: 0 24px 60px rgba(3, 41, 95, 0.12);

  position: relative;
  width: 100%;
  overflow: hidden;
  color: var(--iama-pgmodern-text);
  background: #ffffff;
}

.iama-pgmodern-page *,
.iama-pgmodern-page *::before,
.iama-pgmodern-page *::after {
  box-sizing: border-box;
}

.iama-pgmodern-page img {
  display: block;
  max-width: 100%;
}

.iama-pgmodern-page a {
  color: inherit;
  text-decoration: none;
}


/* =========================================================
   HERO SECTION
========================================================= */

.iama-pgmodern-hero {
  position: relative;
padding: 220px 0 82px;
  overflow: hidden;
 background: radial-gradient(circle at 8% 18%, rgba(0, 74, 190, 0.22), transparent 31%), radial-gradient(circle at 92% 82%, rgba(244, 200, 75, 0.12), transparent 27%), linear-gradient(135deg, #00287d 0%, #00287d 55%, #000 100%);
}

.iama-pgmodern-hero::before {
  content: "";
  position: absolute;
  top: -170px;
  right: -120px;
  width: 440px;
  height: 440px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 50%;
}

.iama-pgmodern-hero::after {
  content: "";
  position: absolute;
  bottom: -230px;
  left: -150px;
  width: 500px;
  height: 500px;
  border: 80px solid rgba(255, 255, 255, 0.035);
  border-radius: 50%;
}

.iama-pgmodern-hero .container {
  position: relative;
  z-index: 2;
}

.iama-pgmodern-hero-shell {
  position: relative;
  padding: 30px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.075);
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.22);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.iama-pgmodern-hero-content {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(440px, 0.92fr);
  gap: 55px;
  align-items: center;
}

.iama-pgmodern-hero-copy {
  min-width: 0;
  padding: 22px 10px 22px 20px;
}

.iama-pgmodern-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 20px;
  padding: 9px 14px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 999px;
  color: #ffffff;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.7px;
  text-transform: uppercase;
  background: rgba(255, 255, 255, 0.1);
}

.iama-pgmodern-eyebrow i {
  color: var(--iama-pgmodern-accent);
}

.iama-pgmodern-hero-title {
  max-width: 720px;
  margin: 0;
  color: #ffffff;
  font-family: "Outfit", "Inter", sans-serif;
  font-size: clamp(42px, 5vw, 67px);
  font-weight: 800;
  line-height: 1;
  letter-spacing: -1.8px;
}

.iama-pgmodern-hero-title span {
  display: block;
  margin-top: 8px;
  color: var(--iama-pgmodern-accent);
}

.iama-pgmodern-hero-description {
  max-width: 650px;
  margin: 24px 0 0;
  color:#fff;
  font-size: 18px;
  line-height: 1.75;
}

.iama-pgmodern-hero-actions {
  margin-top: 30px;
}

.iama-pgmodern-primary-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 13px;
  min-height: 54px;
  padding: 13px 20px 13px 24px;
  border: 1px solid var(--iama-pgmodern-accent);
  border-radius: 12px;
  color: var(--iama-pgmodern-primary-dark);
  font-size: 19px;
  font-weight: 700;
  background: var(--iama-pgmodern-accent);
  box-shadow: 0 14px 30px rgba(242, 185, 59, 0.22);
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    background-color 0.25s ease;
      border-radius:50px;
}

.iama-pgmodern-primary-btn i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 31px;
  height: 31px;
  border-radius: 8px;
  color: #ffffff;
  background: var(--iama-pgmodern-primary-dark);
  transition: transform 0.25s ease;
}

.iama-pgmodern-primary-btn:hover,
.iama-pgmodern-primary-btn:focus-visible {
  color: var(--iama-pgmodern-primary-dark);
  background: #ffffff;
  transform: translateY(-3px);
  box-shadow: 0 18px 35px rgba(0, 0, 0, 0.2);
  outline: none;
}

.iama-pgmodern-primary-btn:hover i,
.iama-pgmodern-primary-btn:focus-visible i {
  transform: translateY(3px);
}

.iama-pgmodern-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 30px;
}

.iama-pgmodern-tags span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 11px;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 8px;
  color: rgba(255, 255, 255, 0.82);
  font-size: 16px;
  font-weight: 600;
  background: rgba(255, 255, 255, 0.075);
}

.iama-pgmodern-tags i {
  color: var(--iama-pgmodern-accent);
  font-size: 12px;
}


/* =========================================================
   HERO VISUAL
========================================================= */

.iama-pgmodern-hero-visual {
  position: relative;
  min-width: 0;
  padding: 0 0 55px 45px;
}

.iama-pgmodern-image-frame {
  position: relative;
  min-height: 475px;
  overflow: hidden;
  border: 7px solid rgba(255, 255, 255, 0.12);
  border-radius: 25px;
  box-shadow: 0 24px 55px rgba(0, 0, 0, 0.3);
}

.iama-pgmodern-image-frame img {
  width: 100%;
  height: 100%;
  min-height: 475px;
  object-fit: cover;
  transition: transform 0.7s ease;
}

.iama-pgmodern-image-shade {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(
      to top,
      rgba(3, 29, 72, 0.78),
      transparent 50%
    );
}

.iama-pgmodern-image-frame:hover img {
  transform: scale(1.04);
}

.iama-pgmodern-image-label {
  position: absolute;
  right: 24px;
  bottom: 24px;
  left: 24px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 15px;
}

.iama-pgmodern-image-label span {
  padding: 7px 10px;
  border-radius: 7px;
  color: var(--iama-pgmodern-primary-dark);
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  background: var(--iama-pgmodern-accent);
}

.iama-pgmodern-image-label strong {
  max-width: 180px;
  color: #ffffff;
  font-family: "Outfit", "Inter", sans-serif;
  font-size: 20px;
  line-height: 1.2;
  text-align: right;
}

.iama-pgmodern-level-panel {
  position: absolute;
  top: 42px;
  left: 0;
  z-index: 3;
  display: grid;
  width: 245px;
  gap: 10px;
}

.iama-pgmodern-level-card {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) 25px;
  gap: 11px;
  align-items: center;
  min-height: 69px;
  padding: 11px 12px;
  border: 1px solid rgba(6, 59, 136, 0.1);
  border-radius: 13px;
  color: var(--iama-pgmodern-text);
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 15px 35px rgba(3, 29, 72, 0.16);
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    background-color 0.25s ease;
}

.iama-pgmodern-level-number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 10px;
  color: #ffffff;
  font-size: 13px;
  font-weight: 800;
  background:
    linear-gradient(
      135deg,
      var(--iama-pgmodern-primary),
      var(--iama-pgmodern-primary-dark)
    );
}

.iama-pgmodern-level-copy {
  display: block;
  min-width: 0;
}

.iama-pgmodern-level-copy small {
  display: block;
  margin-bottom: 2px;
  color: #000;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.iama-pgmodern-level-copy strong {
  display: block;
  overflow: hidden;
  color: var(--iama-pgmodern-primary-dark);
  font-size: 16px;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.iama-pgmodern-level-card > i {
  color: var(--iama-pgmodern-primary);
  font-size: 13px;
  transition: transform 0.25s ease;
}

.iama-pgmodern-level-card:hover,
.iama-pgmodern-level-card:focus-visible {
  color: var(--iama-pgmodern-text);
  background: var(--iama-pgmodern-accent-light);
  transform: translateX(5px);
  box-shadow: 0 18px 38px rgba(3, 29, 72, 0.22);
  outline: none;
}

.iama-pgmodern-level-card:hover > i,
.iama-pgmodern-level-card:focus-visible > i {
  transform: translateX(4px);
}

.iama-pgmodern-academic-note {
  position: absolute;
  right: 28px;
  bottom: 0;
  z-index: 4;
  display: flex;
  align-items: center;
  gap: 13px;
  width: calc(100% - 100px);
  max-width: 390px;
  min-height: 82px;
  padding: 14px 17px;
  border: 1px solid rgba(255, 255, 255, 0.17);
  border-radius: 15px;
  color: #ffffff;
  background:
    linear-gradient(
      135deg,
      rgba(3, 29, 72, 0.95),
      rgba(6, 59, 136, 0.95)
    );
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.25);
}

.iama-pgmodern-note-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
  border-radius: 12px;
  color: var(--iama-pgmodern-primary-dark);
  background: var(--iama-pgmodern-accent);
}

.iama-pgmodern-note-icon i {
  font-size: 21px;
}

.iama-pgmodern-academic-note strong {
  display: block;
  margin-bottom: 3px;
  font-size: 16px;
}

.iama-pgmodern-academic-note small {
  display: block;
  color: rgba(255, 255, 255, 0.7);
  font-size: 16px;
  line-height: 1.4;
}


/* =========================================================
   Programmes SECTION
========================================================= */

.iama-pgmodern-Programmes {
  position: relative;
  padding: 88px 0 95px;
  background:
    linear-gradient(
      180deg,
      #ffffff 0%,
      #f6f9ff 100%
    );
}

.iama-pgmodern-Programmes::before {
  content: "";
  position: absolute;
  top: 80px;
  right: -150px;
  width: 310px;
  height: 310px;
  border-radius: 50%;
  background: rgba(6, 59, 136, 0.035);
}

.iama-pgmodern-Programmes .container {
  position: relative;
  z-index: 2;
}

.iama-pgmodern-section-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 470px);
  gap: 35px;
  align-items: end;
  margin-bottom: 42px;
  padding-bottom: 26px;
  border-bottom: 1px solid var(--iama-pgmodern-border);
}

.iama-pgmodern-heading-intro {
  display: flex;
  align-items: center;
  gap: 19px;
  min-width: 0;
}

.iama-pgmodern-section-number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 68px;
  width: 68px;
  height: 68px;
  border-radius: 18px;
  color: #ffffff;
  font-family: "Outfit", "Inter", sans-serif;
  font-size: 23px;
  font-weight: 800;
  background:
    linear-gradient(
      135deg,
      var(--iama-pgmodern-primary),
      var(--iama-pgmodern-primary-dark)
    );
  box-shadow: 0 15px 30px rgba(6, 59, 136, 0.2);
}

.iama-pgmodern-section-label {
  display: block;
  margin-bottom: 7px;
  color: var(--iama-pgmodern-primary);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.8px;
  text-transform: uppercase;
}

.iama-pgmodern-section-heading h2 {
  margin: 0;
  color: var(--iama-pgmodern-primary-dark);
  font-family: "Outfit", "Inter", sans-serif;
  font-size: clamp(31px, 4vw, 45px);
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: -0.8px;
}

.iama-pgmodern-section-heading h2 span {
  color: #06358e;
}

.iama-pgmodern-section-heading > p {
  margin: 0;
  color: #000;
  font-size: 18px;
  line-height: 1.75;
}


/* =========================================================
   COURSE GRID
========================================================= */

.iama-pgmodern-course-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 22px;
}

.iama-pgmodern-course-card {
  position: relative;
  display: flex;
  min-width: 0;
  min-height: 100%;
  overflow: hidden;
  flex-direction: column;
  border: 1px solid var(--iama-pgmodern-border);
  border-radius: 18px;
  color: var(--iama-pgmodern-text);
  background: #ffffff;
  box-shadow: 0 12px 32px rgba(3, 41, 95, 0.07);
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease,
    border-color 0.3s ease;
}

.iama-pgmodern-card-image {
  position: relative;
  height: 205px;
  overflow: hidden;
  background: #eaf2ff;
}

.iama-pgmodern-card-image::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(
      to top,
      rgba(3, 41, 95, 0.45),
      transparent 60%
    );
}

.iama-pgmodern-card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.55s ease;
}

.iama-pgmodern-card-badge {
  position: absolute;
  top: 14px;
  left: 14px;
  z-index: 2;
  padding: 7px 10px;
  border-radius: 7px;
  color: var(--iama-pgmodern-primary-dark);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  background: var(--iama-pgmodern-accent);
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.14);
}

.iama-pgmodern-card-content {
  position: relative;
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 20px 19px 18px;
}

.iama-pgmodern-card-content::before {
  content: "";
  position: absolute;
  top: 0;
  left: 19px;
  width: 46px;
  height: 3px;
  border-radius: 99px;
  background: var(--iama-pgmodern-accent);
}

.iama-pgmodern-card-content h3 {
  min-height: 48px;
  margin: 0 0 18px;
  color: var(--iama-pgmodern-primary-dark);
  font-family: "Outfit", "Inter", sans-serif;
  font-size: 25px;
  font-weight: 700;
  transition: color 0.25s ease;
}

.iama-pgmodern-card-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: auto;
  border-top: 1px solid rgba(6, 59, 136, 0.09);
  color: var(--iama-pgmodern-primary);
  font-size: 18px;
  font-weight: 800;
}

.iama-pgmodern-card-link i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 31px;
  height: 31px;
  border-radius: 9px;
  color: #ffffff;
  background: var(--iama-pgmodern-primary);
  transition:
    transform 0.25s ease,
    background-color 0.25s ease;
}

.iama-pgmodern-course-card:hover,
.iama-pgmodern-course-card:focus-visible {
  color: var(--iama-pgmodern-text);
  border-color: rgba(6, 59, 136, 0.28);
  transform: translateY(-7px);
  box-shadow: 0 24px 48px rgba(3, 41, 95, 0.15);
  outline: none;
}

.iama-pgmodern-course-card:hover .iama-pgmodern-card-image img,
.iama-pgmodern-course-card:focus-visible .iama-pgmodern-card-image img {
  transform: scale(1.07);
}

.iama-pgmodern-course-card:hover .iama-pgmodern-card-content h3,
.iama-pgmodern-course-card:focus-visible .iama-pgmodern-card-content h3 {
  color: var(--iama-pgmodern-primary);
}

.iama-pgmodern-course-card:hover .iama-pgmodern-card-link i,
.iama-pgmodern-course-card:focus-visible .iama-pgmodern-card-link i {
  background: var(--iama-pgmodern-primary-dark);
  transform: translateX(4px);
}


/* =========================================================
   LARGE TABLET
========================================================= */

@media (max-width: 1199px) {

  .iama-pgmodern-hero {
    padding: 60px 0 70px;
  }

  .iama-pgmodern-hero-content {
    grid-template-columns: minmax(0, 1fr) minmax(380px, 0.9fr);
    gap: 35px;
  }

  .iama-pgmodern-hero-copy {
    padding-left: 5px;
  }

  .iama-pgmodern-hero-title {
    font-size: 47px;
  }

  .iama-pgmodern-hero-visual {
    padding-left: 25px;
  }

  .iama-pgmodern-level-panel {
    width: 220px;
  }

  .iama-pgmodern-course-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

  .iama-pgmodern-hero {
    padding: 48px 0 58px;
  }

  .iama-pgmodern-hero-shell {
    padding: 25px;
    border-radius: 24px;
  }

  .iama-pgmodern-hero-content {
    grid-template-columns: 1fr;
    gap: 38px;
  }

  .iama-pgmodern-hero-copy {
    padding: 10px 5px 0;
    text-align: center;
  }

  .iama-pgmodern-hero-title {
    max-width: 760px;
    margin: 0 auto;
    font-size: 48px;
  }

  .iama-pgmodern-hero-description {
    margin-right: auto;
    margin-left: auto;
  }

  .iama-pgmodern-tags,
  .iama-pgmodern-hero-actions {
    justify-content: center;
  }

  .iama-pgmodern-hero-visual {
    max-width: 700px;
    margin: 0 auto;
    padding: 0 0 55px 45px;
  }

  .iama-pgmodern-image-frame,
  .iama-pgmodern-image-frame img {
    min-height: 470px;
  }

  .iama-pgmodern-Programmes {
    padding: 70px 0 75px;
  }

  .iama-pgmodern-section-heading {
    grid-template-columns: 1fr;
    gap: 18px;
    align-items: start;
  }

  .iama-pgmodern-section-heading > p {
    max-width: 680px;
    padding-left: 87px;
  }

  .iama-pgmodern-course-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

  .iama-pgmodern-hero {
    padding: 34px 0 43px;
  }

  .iama-pgmodern-hero-shell {
    padding: 18px;
    border-radius: 20px;
  }

  .iama-pgmodern-hero-copy {
    padding: 5px 0 0;
  }

  .iama-pgmodern-eyebrow {
    margin-bottom: 16px;
    font-size: 11px;
  }

  .iama-pgmodern-hero-title {
    font-size: 37px;
    line-height: 1.09;
    letter-spacing: -1px;
  }

  .iama-pgmodern-hero-description {
    margin-top: 18px;
    font-size: 15px;
    line-height: 1.65;
  }

  .iama-pgmodern-primary-btn {
    width: 100%;
    max-width: 340px;
  }

  .iama-pgmodern-tags {
    gap: 7px;
    margin-top: 23px;
  }

  .iama-pgmodern-tags span {
    font-size: 11px;
  }

  .iama-pgmodern-hero-visual {
    width: 100%;
    padding: 0 0 0;
  }

  .iama-pgmodern-image-frame {
    min-height: 375px;
    border-width: 5px;
    border-radius: 19px;
  }

  .iama-pgmodern-image-frame img {
    min-height: 375px;
  }

  .iama-pgmodern-image-label {
    right: 16px;
    bottom: 17px;
    left: 16px;
  }

  .iama-pgmodern-image-label strong {
    max-width: 150px;
    font-size: 16px;
  }

  .iama-pgmodern-level-panel {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    margin-top: 13px;
  }

  .iama-pgmodern-level-card {
    min-height: 64px;
    box-shadow: 0 10px 24px rgba(3, 29, 72, 0.15);
  }

  .iama-pgmodern-level-card:hover,
  .iama-pgmodern-level-card:focus-visible {
    transform: translateY(-2px);
  }

  .iama-pgmodern-academic-note {
    position: relative;
    right: auto;
    bottom: auto;
    width: 100%;
    max-width: none;
    margin-top: 13px;
  }

  .iama-pgmodern-Programmes {
    padding: 55px 0 60px;
  }

  .iama-pgmodern-section-heading {
    margin-bottom: 28px;
    padding-bottom: 20px;
  }

  .iama-pgmodern-heading-intro {
    align-items: flex-start;
    gap: 13px;
  }

  .iama-pgmodern-section-number {
    flex-basis: 53px;
    width: 53px;
    height: 53px;
    border-radius: 14px;
    font-size: 18px;
  }

  .iama-pgmodern-section-label {
    margin-bottom: 5px;
    font-size: 10px;
  }

  .iama-pgmodern-section-heading h2 {
    font-size: 31px;
  }

  .iama-pgmodern-section-heading > p {
    padding-left: 0;
    font-size: 14px;
    line-height: 1.65;
  }

  .iama-pgmodern-course-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .iama-pgmodern-course-card {
    display: grid;
    grid-template-columns: 145px minmax(0, 1fr);
    min-height: 150px;
  }

  .iama-pgmodern-card-image {
    height: 100%;
    min-height: 150px;
  }

  .iama-pgmodern-card-content {
    padding: 17px 15px;
  }

  .iama-pgmodern-card-content::before {
    left: 15px;
  }

  .iama-pgmodern-card-content h3 {
    min-height: auto;
    margin-bottom: 14px;
    font-size: 16px;
  }

  .iama-pgmodern-card-link {
    padding-top: 11px;
    font-size: 12px;
  }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 479px) {

  .iama-pgmodern-hero-title {
    font-size: 32px;
  }

  .iama-pgmodern-image-frame,
  .iama-pgmodern-image-frame img {
    min-height: 320px;
  }

  .iama-pgmodern-image-label {
    display: block;
  }

  .iama-pgmodern-image-label strong {
    display: block;
    max-width: none;
    margin-top: 9px;
    text-align: left;
  }

  .iama-pgmodern-course-card {
    grid-template-columns: 118px minmax(0, 1fr);
  }

  .iama-pgmodern-card-badge {
    top: 9px;
    left: 9px;
    padding: 5px 7px;
    font-size: 8px;
  }

  .iama-pgmodern-card-content {
    padding: 14px 12px;
  }

  .iama-pgmodern-card-content::before {
    left: 12px;
    width: 35px;
  }

  .iama-pgmodern-card-content h3 {
    font-size: 14px;
    line-height: 1.35;
  }

  .iama-pgmodern-card-link i {
    width: 28px;
    height: 28px;
  }

}


/* =========================================================
   REDUCED MOTION ACCESSIBILITY
========================================================= */

@media (prefers-reduced-motion: reduce) {

  .iama-pgmodern-page *,
  .iama-pgmodern-page *::before,
  .iama-pgmodern-page *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }

}