/********** Template CSS **********/
/*#ce9233*/
body{
    overflow-x: hidden;
}
:root {
  --bg-gredient:linear-gradient(135deg, #CE9233 0%, #1a1a1a 100%);
  --color-primary: #20282D;
  --color-secondary: #1F1F25;
  --color-blue: #0b4df5;
  --color-sky: #82b440;
  --color-body: #5D666F;
  --color-heading-1: #1C2539;
  --color-title: #141416;
  --color-heading-dark: #141416;
  --transition: .3s;
  --bg-dark-1: #1E1E20;
  --color-white: #fff;
  --color-border: #DDD8F9;
  --border-width: 1px;
  --radius: 10px;
  --color-success: #3EB75E;
  --color-danger: #FF0003;
  --color-warning: #FF8F3C;
  --color-info: #1BA2DB;
  --color-facebook: #3B5997;
  --color-twitter: #1BA1F2;
  --color-youtube: #ED4141;
  --color-linkedin: #0077B5;
  --color-pinterest: #E60022;
  --color-instagram: #C231A1;
  --color-vimeo: #00ADEF;
  --color-twitch: #6441A3;
  --color-discord: #7289da;
  --p-light: 300;
  --p-regular: 400;
  --p-medium: 500;
  --p-semi-bold: 600;
  --p-bold: 700;
  --p-extra-bold: 800;
  --p-black: 900;
  --s-light: 300;
  --s-regular: 400;
  --s-medium: 500;
  --s-semi-bold: 600;
  --s-bold: 700;
  --s-extra-bold: 800;
  --s-black: 900;
  --transition: 0.3s;
  --font-primary: "Red Hat Display", serif;
  /*--font-secondary: "DM Sans", serif;*/
  --font-3: "fontawesome";
  --font-size-b1: 16px;
  --font-size-b2: 15px;
  --font-size-b3: 22px;
  --line-height-b1: 26px;
  --line-height-b2: 26px;
  --line-height-b3: 1.7;
  --h1: 60px;
  --h2: 48px;
  --h3: 30px;
  --h4: 26px;
  --h5: 24px;
  --h6: 18px;
}
.py-6 {
    padding-top: 6rem;
    padding-bottom: 6rem;
}
.breadcrumb,
nav[aria-label="breadcrumb"] {
    display: none !important;
}

.back-to-top {
    position: fixed;
    display: none;
    right: 30px;
    bottom: 30px;
    z-index: 99;
}

.fw-medium {
    font-weight: 600;
}

.mt-6 {
    margin-top: 5rem;
}

.mb-6 {
    margin-bottom: 5rem;
}

.pt-6 {
    padding-top: 5rem;
}

.pb-6 {
    padding-bottom: 5rem;
}


/*** Spinner ***/
#spinner {
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s ease-out, visibility 0s linear .5s;
    z-index: 99999;
}

#spinner.show {
    transition: opacity .5s ease-out, visibility 0s linear 0s;
    visibility: visible;
    opacity: 1;
}

.top-header{
    background: linear-gradient(135deg, #947741) !important;
}

/*** Button ***/
.btn {
    transition: .5s;
    font-weight: 600;
    text-transform: uppercase;
}

.btn-primary,
.btn-outline-primary:hover {
    color: var(--bs-light);
}

.btn-secondary,
.btn-outline-secondary:hover {
    color: var(--bs-dark);
}

.btn-square {
    width: 38px;
    height: 38px;
}

.btn-sm-square {
    width: 25px;
    height: 25px;
}

.btn-lg-square {
    width: 48px;
    height: 48px;
}

.btn-xl-square {
    width: 60px;
    height: 60px;
}

.btn-xxl-square {
    width: 75px;
    height: 75px;
}

.btn-square,
.btn-sm-square,
.btn-lg-square,
.btn-xl-square,
.btn-xxl-square {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: normal;
}

/*** Navbar ***/
.sticky-top {
    top: -100px;
    transition: .5s;
}

.navbar .navbar-nav .nav-link {
    margin-right: 35px;
    padding: 25px 0;
    color: var(--bs-dark);
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    outline: none;
}

.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link.active {
    color: var(--bs-primary);
}

.navbar .dropdown-toggle::after {
    border: none;
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    vertical-align: middle;
    margin-left: 8px;
}
.navbar-brand .logo{
    max-height: 130px;
}

@media (max-width: 991.98px) {
    .navbar .navbar-nav .nav-link  {
        margin-right: 0;
        padding: 10px 0;
    }

    .navbar .navbar-nav {
        margin-top: 15px;
        border-top: 1px solid #EEEEEE;
    }
    .dropdown-menu1,
     .dropdown-menu2 {
        width: 70%;
        display: block;
        border: none;
        margin-top: 0;
        top: 0%;
        left: 0%;
        opacity: 0 !important;
        visibility: hidden !important;
        transition: .5s;
        z-index: 999;
        pointer-events: none;
    }

    .dropdown1:hover .dropdown-menu1 {
        opacity: 1 !important;
        visibility: visible !important;
        transition: .5s;
        pointer-events: auto;
    }
    .dropdown2:hover .dropdown-menu2 {
        visibility: visible !important;
        opacity: 1 !important;;
        transition: .5s;
        pointer-events: auto;
    }
}

@media (min-width: 992px) {
    .navbar .nav-item .dropdown-menu {
        display: block;
        border: none;
        margin-top: 0;
        top: 150%;
        opacity: 0;
        visibility: hidden;
        transition: .5s;
        /*max-width: 500px;*/
    }

    .navbar .nav-item:hover .dropdown-menu {
        top: 100%;
        visibility: visible;
        transition: .5s;
        opacity: 1;
    }

    .dropdown-menu1,
     .dropdown-menu2 {
        width: 100%;
        display: block;
        border: none;
        margin-top: 0;
        top: 0%;
        left: 90%;
        opacity: 0 !important;
        visibility: hidden !important;
        transition: .5s;
        z-index: 999;
        pointer-events: none;
    }

    .dropdown1:hover .dropdown-menu1 {
        opacity: 1 !important;
        visibility: visible !important;
        left: 100%;
        transition: .5s;
        pointer-events: auto;
    }
    .dropdown2:hover .dropdown-menu2 {
        left: 100%;
        visibility: visible !important;
        opacity: 1 !important;;
        transition: .5s;
        pointer-events: auto;
    }

}
.dropdown-item{
    text-wrap-mode: wrap;
}
.dropdown-item:hover{
  background: linear-gradient(135deg, #947741);
  color: #ffffff !important;
  transition: all 0.25s ease;
  box-shadow: 0 4px 12px rgba(0,0,0,0.25);
}
.dropdown-item.active{
  background: linear-gradient(135deg, #947741);
  color: #ffffff !important;
  transition: all 0.25s ease;
  box-shadow: 0 4px 12px rgba(0,0,0,0.25);
}




/* elements  */
.hero-slider img {
  width: 100%;
  height: 500px;
  object-fit: cover;
  /*filter: brightness(70%);*/
}
.slide1 {
  background-image: url(../img/banner/slide1.png);
  height: 500px;
  position: relative;
  z-index: 1;
  /*background-position: 0%, 45%;*/
  background-repeat: no-repeat;
  background-size: cover;
}
.slide2 {
  background-image: url(../img/banner/slide2.png);
  height: 500px;
  position: relative;
  z-index: 1;
  background-position: 0%, 45%;
  background-repeat: no-repeat;
  /*background-size: cover;*/
}
.slide3 {
  background-image: url(../img/banner/slide3.png);
  height: 500px;
  position: relative;
  z-index: 1;
  /*background-position: 0%, 45%;*/
  background-repeat: no-repeat;
  background-size: cover;
}
.slide4 {
  background-image: url(../img/banner/slide4.png);
  height: 500px;
  position: relative;
  z-index: 1;
  background-position: 0%, 45%;
  background-repeat: no-repeat;
  /*background-size: cover;*/
}

.slide5 {
  background-image: url(../img/banner/slide5.png);
  height: 500px;
  position: relative;
  z-index: 1;
  background-position: 0%, 45%;
  background-repeat: no-repeat;
  /*background-size: cover;*/
}
.slide6 {
  background-image: url(../img/banner/slide6.png);
  height: 500px;
  position: relative;
  z-index: 1;
  background-position: 0%, 45%;
  background-repeat: no-repeat;
  /*background-size: cover;*/
}
.banner-style-one {
  /*background-image: url(../img/banner/0002.png);*/
  height: 500px;
  position: relative;
  z-index: 1;
  /*background-position: 50%, 45%;*/
  /*background-repeat: no-repeat;
  background-size: cover;*/
}
.banner-style-one .container{
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
}
  .banner-style-one::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    /*background: rgba(255, 255, 255, 0.4509803922);*/
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.55) 0%, transparent 60%);
    z-index: 1;
  }
}
@media only screen and (max-width: 768px) {
  .banner-style-one {
    height: auto;
    background-position: 18%, 45%;
  }
  .banner-style-one::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    background: rgba(255, 255, 255, 0.4509803922);
    z-index: -1;
  }
  
}
@media only screen and (max-width: 575px) {
  .banner-style-one{
    height: auto;
    background-position: 18%, 45%;
  }
  .banner-style-one::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    background: rgba(255, 255, 255, 0.4509803922);
    z-index: 1;
  }
  .slide1,.slide2,.slide3,.slide4,.slide5,.slide6{
    height: 683px;
    background-position: 18%, 45%;
  }
}
@media only screen and (max-width: 479px) {
  .banner-style-one {
    height: auto;
    background-position: 18%, 45%;
  }
}
.banner-style-one .banner-one-inner {
    width: 45%;
    right: -13%;
    margin-left: auto;
    padding: 40px 0 190px 0;
    position: absolute;
    display: block;
    margin-top: 43px;
}
.color-h-black{
    border-radius: 12px;
}
.button-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  max-width: 800px;
  margin: auto;
}

.button-container a {
  flex: 1 1 calc(33.33% - 10px); /* first line 3 buttons */
  text-align: center;
  white-space: nowrap;
  padding: 12px;
}

.button-container a:nth-child(n+4) {
  flex: 1 1 calc(50% - 10px); /* 2nd line 2 buttons */
}
@media only screen and (max-width: 1199px) {
  .banner-style-one .banner-one-inner {
    margin-left: 0;
    width: 100%;
  }
}
@media screen and (max-width: 768px){
   .banner-style-one .banner-one-inner {
    width: 90%;
    right: 0%;
    margin-left: auto;
    padding: 40px 0 190px 0;
    position: relative;
    
   }
}
@media only screen and (max-width: 575px) {
  .banner-style-one .banner-one-inner {
    padding: 106px 5px 126px 5px;
  }
  .button-container a {
      flex: 1 1 calc(33.33% - 10px); /* first line 3 buttons */
      text-align: center;
      white-space: nowrap;
      font-size: 13px;
    }

    .button-container a:nth-child(n+4) {
      flex: 1 1 calc(33.33% - 10px) !important; /* 2nd line 2 buttons */
    }
}
.banner-style-one .banner-one-inner .pre-title {
  color: #1C2539;
  text-transform: uppercase;
  font-size: 16px;
  margin-bottom: 10px;
  font-family: var(--font-secondary);
  letter-spacing: 1px;
}
.banner-style-one .banner-one-inner .pre-title span {
  color: var(--color-primary);
  font-weight: 800;
}
.banner-style-one .banner-one-inner .title {
    font-weight: 700;
    line-height: 82px;
    margin-bottom: 23px;
    font-size: 42px;
    color: var(--color-primary);
    line-height: 1.2;
}
.banner-style-one .banner-one-inner .title span {
  font-style: italic;
  color: var(--color-primary);
  font-weight: 400;
  font-size: 42px;
  line-height: 1.3;
}
.banner-style-one .banner-one-inner p.disc.banner-para {
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
  color: #1C2539;
}
@media only screen and (max-width: 768px) {
  .banner-style-one .banner-one-inner .title ,.banner-style-one .banner-one-inner .title span{
    font-size: 36px;
  }
}
@media only screen and (max-width: 575px) {
  .banner-style-one .banner-one-inner .title {
    font-size: 30px;
  }
  .banner-style-one .banner-one-inner .title span {
    font-size: 30px;
  }
  .banner-style-one .banner-one-inner p.disc.banner-para {
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    color: #1C2539;
}
}
@media only screen and (max-width: 768px) {
  .banner-style-one .shape-iamge-area {
    display: none;
  }
}
@media only screen and (max-width: 575px) {
  .banner-style-one .shape-iamge-area {
    display: none;
  }
}
.banner-style-one .shape-iamge-area .one {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: 16%;
}
.banner-style-one .shape-iamge-area .two {
    position: absolute;
    right: 7%;
    bottom: 62%;
    z-index: 1;
    animation: jump-2 10s linear infinite;
    opacity: 0.7;
}
@keyframes jump-2 {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  50% {
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}



/*** Header ***/
.carousel .carousel-caption {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    text-align: left;
    background: rgba(0, 0, 0, .7);
    padding: 3rem;
    padding-left: 11rem;
    z-index: 1;
}

.carousel .carousel-indicators {
    top: 0;
    bottom: 0;
    left: 0;
    right: auto;
    width: 80px;
    flex-direction: column;
    margin: 0;
    margin-left: 3rem;
}

.carousel .carousel-indicators [data-bs-target] {
    width: 70px;
    height: 70px;
    text-indent: 0;
    margin: 5px 0;
    border: 2px solid #FFFFFF;
    overflow: hidden;
}

.carousel .carousel-indicators [data-bs-target] img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (max-width: 992px) {
    .carousel .carousel-item {
        position: relative;
        min-height: 600px;
    }
    
    .carousel .carousel-item img {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .carousel .carousel-indicators [data-bs-target] {
        width: 60px;
        height: 60px;
    }

    .carousel .carousel-caption {
        padding-left: 10rem;
    }
}

@media (max-width: 768px) {
    .carousel .carousel-item {
        min-height: 500px;
    }

    .carousel .carousel-indicators [data-bs-target] {
        width: 50px;
        height: 50px;
    }

    .carousel .carousel-caption {
        padding-left: 9rem;
    }
}

@media (min-width: 1200px) {
    .carousel .carousel-item .display-1 {
        font-size: 7rem;
    }
}

.page-header {
    background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/header-image.png) 0% 75% no-repeat;
    /*background-size: cover;*/
}


/*** About ***/
.about-img {
    position: relative;
    padding-left: 45px;
}

.about-img::before {
    position: absolute;
    content: "";
    width: 200px;
    height: 300px;
    top: 0;
    left: 0;
    border: 5px solid var(--bs-primary);
    animation: animateUpDown 3s ease-in-out infinite;
    z-index: -1;
}

@keyframes animateUpDown { 
    0% { 
        top: -25px;
    }
    50% { 
        top: -45px;
    }
    100% { 
        top: -25px;
    } 
}


/*** Service ***/
.service .service-item {
    position: relative;
    margin-top: 45px;
}

.service .service-inner {
    position: relative;
    height: 100%;
    margin-top: 45px;
    background: var(--bs-white);
    box-shadow: 0 0 45px rgba(0, 0, 0, .05);
}

.service .service-inner::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 0;
    left: 0;
    bottom: 0;
    transition: 1s;
    background: var(--bs-primary);
}

.service .service-inner:hover::before {
    height: 100%;
    top: 0;
}

.service .service-item img {
    margin-top: -45px;
    padding-left: 45px;
    height: 174px;
    object-fit: cover;
}

.service .service-item * {
    position: relative;
    transition: .5s;
    z-index: 1;
}

.service .service-item:hover h5,
.service .service-item:hover p {
    color: var(--bs-white);
}

.service .service-item:hover a {
    padding-left: 45px !important;
}



.slider div  {
    overflow: hidden;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    /*height: 400px;*/
    /*margin: 0 20px ;*/
}
.slider .slick-slide {
  margin: 0 20px;
}

.slider .slick-list {
  margin: 0 -20px;
}

.university-banner {
  height: 50vh;
  min-width: 420px;
  width: 420px;

}
.university-banner img {
    width: 100%;
    height: 100%;
}
@media (max-width: 768px){
    .university-banner {
      height: 30vh;
      min-width: 220px;
      width: 220px;

    }
}

/*.slider-section {
  background-attachment: fixed;
  position: relative;
  color: white;
}*/

/* Slider images */
.slider img {
  border-radius: 8px;
  border: 3px solid rgba(255, 255, 255, 0.2);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
  /*object-fit: cover;*/

}

/*.slider img:hover {
  transform: scale(1.03);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.4);
}*/

/* Slider Section Background */
.card-stack-slider {
  background: linear-gradient(135deg, #CE9233 0%, #1a1a1a 100%);
  color: #fff;
  position: relative;
  overflow: hidden;
}
.wave-top svg,
.wave-bottom svg {
  height: 60px;
  width: 100%;
}


/* Heading */
.card-stack-slider h2 {
  font-size: 1.8rem;
  font-weight: 600;
  letter-spacing: 1px;
  color: #fff;
  text-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
  position: relative;
  z-index: 1;
}

/* Combined Control Buttons */
.slider-controls {
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 40px;
  padding: 8px 16px;
  backdrop-filter: blur(6px);
  width: fit-content;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

/* Navigation Buttons */
.slider-btn {
  background: rgba(255, 255, 255, 0.85);
  border: 2px solid #CE9233;
  color: #111;
  font-size: 18px;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  margin: 0 5px;
  transition: all 0.3s ease;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}

.slider-btn:hover {
  background: #CE9233;
  color: #fff;
  border-color: #fff;
  transform: scale(1.1);
}

.slider-btn:focus {
  outline: none;
}



/*** Team ***/
.team .team-item {
    background: var(--bs-white);
    box-shadow: 0 0 45px rgba(0, 0, 0, .05);
}

.team .team-item .team-social {
    position: absolute;
    width: 0;
    height: 100%;
    top: 0;
    right: 0;
    transition: .5s;
    background: var(--bs-primary);
    display: flex;
    align-items: center;
    justify-content: center;
}

.team .team-item:hover .team-social {
    width: 100%;
    left: 0;
}

.team .team-item .team-social .btn {
    opacity: 0;
    transition: .5s;
}

.team .team-item:hover .team-social .btn {
    opacity: 1;
}


/*** Testimonial ***/
.testimonial-img {
    position: relative;
    min-height: 400px;
    overflow: hidden;
}

.testimonial-img div {
    position: absolute;
    width: 100px;
    height: 100px;
    animation-duration: 5s;
}

.testimonial-img div:nth-child(1) {
    top: 10%;
    left: 10%;
    animation-delay: .1s;
}

.testimonial-img div:nth-child(2) {
    top: 60%;
    left: 20%;
    animation-delay: .4s;
}

.testimonial-img div:nth-child(3) {
    top: 20%;
    left: 60%;
    animation-delay: .7s;
}

.testimonial-img div:nth-child(4) {
    bottom: 10%;
    right: 10%;
    animation-delay: 1s;
}

/*.testimonial-img div::after {
    position: absolute;
    content: "";
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    box-shadow: 0 0 10px 10px var(--bs-white) inset;
    z-index: 1;
}*/
.testimonial-img img {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transform-style: preserve-3d;
  border-radius: 12px;
}



.testimonial-carousel .owl-item img {
    width: 150px;
    height: 150px;
}

.testimonial-carousel .owl-nav {
    margin-top: 15px;
    display: flex;
    justify-content: center;
}

.testimonial-carousel .owl-nav .owl-prev,
.testimonial-carousel .owl-nav .owl-next {
    margin-right: 15px;
    color: var(--bs-primary);
    font-size: 45px;
    transition: .5s;
}

.testimonial-carousel .owl-nav .owl-prev:hover,
.testimonial-carousel .owl-nav .owl-next:hover {
    color: var(--bs-dark);
}

/* Make logos */
.partner-logo {
  background: #ffffff;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  padding: 25px;
  transition: all 0.4s ease;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.03);
  width: 15%;
  height: 175px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-color: #3B301E;
}

.partner-logo img {
  /*filter: grayscale(100%);*/
  opacity: 1;
  transition: all 0.4s ease;
  width: 100%;
  max-height: 130px;
  object-fit: contain;
}

/*.partner-logo:hover {
  border-color: #007bff;
  transform: translateY(-5px);
  box-shadow: 0 6px 18px rgba(0, 123, 255, 0.1);
}

.partner-logo:hover img {
  filter: grayscale(0%);
  opacity: 1;
}*/

.uni{
    width: 15.66%;
}

@media (max-width: 992px){
    .uni{
    width: 50%;
}
}
@media (max-width: 768px){
    .uni{
    width: 50%;
}
}
@media (max-width: 600px){
    .uni{\
    width: 50%;
}
}
 .icon{
  background: var(--bs-primary);
  width: 70px;
  height: 70px;
  top: -20px;
  transition: 0.5s ease;
}
/*.card-slider .slick-slide {
  margin: 0 20px;
}*/

/*.card-slider .slick-list {
  margin: 0 -20px;
}*/
.stat-slider .slick-track {
    /*height: 500px;*/
    padding: 50px 0 30px;
}
.stat-slide{
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.5);

}
.stat{
  border-right: 3px solid #CE9233 !important;
  transition: 0.5s ease;
  background: #000;
  width: 100%;


}
.stat h2,.stat p{
    color: white;
}
.stat4{
  /*border-right: 2px solid #CE9233 !important;*/

}

.stat1:hover .icon1,
.stat2:hover .icon2,
.stat3:hover .icon3,
.stat4:hover .icon4 {
  transform: translateX(50px);
}
.stat-container{
    width: 90%;
}
@media (max-width: 768px){
.stat{
  border-bottom: 2px solid #CE9233 !important;
  /*border-right: 0px solid #CE9233 !important;*/


}
}

/*** Contact ***/
.contact {
    /*background: linear-gradient(rgba(0, 0, 0, .7), rgba(0, 0, 0, .7));*/
    /*background-size: cover;*/
    background: var(--bg-gredient);
}

@media (min-width: 992px) {
    .contact-info::after {
        position: absolute;
        content: "";
        width: 0px;
        height: 100%;
        top: 0;
        left: 50%;
        border-left: 1px dashed rgba(255, 255, 255, .2);
    }
}

@media (max-width: 991.98px) {
    .contact-info::after {
        position: absolute;
        content: "";
        width: 100%;
        height: 0px;
        top: 50%;
        left: 0;
        border-top: 1px dashed rgba(255, 255, 255, .2);
    }
}


/*** Newsletter ***/
.newsletter {
    background: linear-gradient(rgba(0, 0, 0, .7), rgba(0, 0, 0, .7)), url(../img/carousel-3.jpg) left center no-repeat;
    background-size: cover;
}


/*** Footer ***/
.footer .btn.btn-link {
    display: block;
    margin-bottom: 5px;
    padding: 0;
    text-align: left;
    color: var(--bs-secondary);
    font-weight: normal;
    text-transform: capitalize;
    transition: .3s;
}

.footer .btn.btn-link::before {
    position: relative;
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: var(--bs-primary);
    margin-right: 10px;
}

.footer .btn.btn-link:hover {
    color: var(--bs-primary);
    letter-spacing: 1px;
    box-shadow: none;
}

.copyright {
    background: #222222;
}

.copyright a {
    color: var(--bs-white);
}

.copyright a:hover {
    color: var(--bs-primary);
}

/* Slider Section */
.slider-area {
    background: #f8f8f8;
    padding: 70px 0;
    border-bottom: 1px solid var(--color-border);
}


.slider-area .slider-img {
    border-radius: 18px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.25);
    height: 880px;
}
.slider .slick-slide {
    margin: 0 20px;
    border-radius: 18px;
}

.slider-area .slider-btn {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    border: none;
    background: #fff;
    color: #3b2416;
    font-size: 18px;
    margin: 0 10px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.15);
    transition: 0.3s;
}

.slider-area .slider-btn:hover {
    background: #3b2416;
    color: #fff;
}

.about-area {
    background: var(--bg-gredient); 
    padding: 80px 0;
}

.about-box {
    background: rgba(255, 255, 255, 0.06); 
    border-radius: 18px;
    color: var(--color-white);
}

.about-text {
    color: var(--color-white);
    opacity: 0.85;
}

.single-content-list i {
    color: var(--color-primary) !important;
}
.single-content-list span {
    color: #fff;
}
/* Light Section Background */
.light-section {
    background: #f9f9f9;
}

/* Section Title */
.section-title {
    font-size: 32px;
    font-weight: 700;
    color: var(--color-primary);
    margin: 50px 0;
}

/* YouTube Responsive */
.video-wrapper {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 10px 35px rgba(0,0,0,0.15);
}

.video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Dark Background Section */
.dark-section {
    background: var(--bg-gredient);
    color: var(--color-white);
}

/* Section Title */
.qualification-title {
    font-size: 32px;
    font-weight: 700;
    color: var(--color-white);
}

/* Table Styling */
.qualification-table {
    background: rgba(255,255,255,0.06);
    border-radius: 14px;
    overflow: hidden;
}

.qualification-table td {
    padding: 16px 18px;
    color: var(--color-white);
    vertical-align: middle;
    border-color: rgba(255,255,255,0.09);
}

.qualification-table tr:hover {
    background: rgba(255,255,255,0.08);
    transition: 0.3s;
}

/* Light Section */
.light-section {
    background: #ffffff;
}

/* Text Styling */
.qualifi-text {
    font-size: 17px;
    line-height: 1.8;
    color: #444;
    margin-bottom: 20px;
}

/* Modern Icon List */
.qualifi-list {
    list-style: none;
    padding-left: 0;
    margin-top: 15px;
}

.qualifi-list li {
    font-size: 17px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #333;
}

.qualifi-list li i {
    color: var(--color-primary);
    font-size: 18px;
}
/* Grey Background */
.grey-section {
    background: #f3f4f6;
}

/* Titles */
.section-title {
    color: var(--color-primary);
    font-size: 32px;
    font-weight: 700;
}

/* Text */
.pathways-text {
    font-size: 17px;
    line-height: 1.8;
    color: #444;
}

/* Image Styling */
.pathways-img img {
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.15);
}

/*.shape {
  position: absolute;
  left: 0;
  width: 100%;
  overflow: hidden;
  line-height: 0;
}*/

.shape-top {
  top: 0;
  transform: translateY(-99%) rotateX(180deg); 
}

.shape-bottom {
  bottom: 0;
  transform: translateY(99%);
}

.shape svg {
  display: block;
  width: 100%;
  height: 80px;
}


.shape-top svg,
.shape-bottom svg {
    fill: #F3F4F6;
}

/* Light Section */
.section-light {
  /*background-color: #f9f9f9;*/
  color: #333;
  margin: 100px 0 80px 0;
}
.section-light .university-list {
  list-style: none;
  padding: 0;
}
.section-light .university-list li {
    padding: 10px 0;
    border-bottom: 1px solid #ddd;
    position: relative;
    font-size: 17px;
    /*margin-bottom: 12px;*/
    display: flex;
    align-items: center;
    gap: 10px;
    color: #333;
}
/*.section-light .university-list li::before {
  content: "\f101";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  left: 0;
  color: #e0c893;
}*/

/* Dark Section */
.section-dark {
  background: var(--bg-gredient);
  color: #f1f1f1;
}
.section-dark h2 {
  color: var(--color-white);
}
.section-dark p {
  color: var(--color-white);
}


  .welcome-area {
    position: relative;
    min-height: 70vh;
    background: var(--bg-gredient);
  }

  .bg-overlay::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0,0,0,0.4);
    z-index: 0;
  }

  .welcome-intro {
    position: relative;
    z-index: 1;
  }

  .welcome-intro h3 {
    font-size: 2.5rem;
    font-weight: 700;
  }

  .welcome-intro h4 {
    font-size: 2rem;
    font-weight: 600;
  }

  .welcome-intro p {
    line-height: 1.7;
    font-size: 1rem;
  }

  .btn-warning {
    background-color: #FFD700;
    border: none;
    color: #000;
    font-weight: 600;
  }

  .btn-warning:hover {
    background-color: #FFC107;
    color: #000;
  }
  .atl-skyline {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    z-index: 0;
}
@media (max-width: 992px) {
    
    .welcome-area {
    min-height: 70vh;
   }
  }

  @media (max-width: 768px) {
    .welcome-intro h3 {
      font-size: 1.6rem;
    }
    .welcome-intro h4 {
      font-size: 1.5rem;
    }
    .welcome-area {
    min-height: 86vh;
   }
   .fs-6 {
    font-size: 0.9rem !important;
}
  }

  .about-content h2, .about-content h3 {
    font-weight: 700;
    letter-spacing: 0.5px;
  }
  .about-content p {
    line-height: 1.7;
    font-size: 1rem;
  }
  ul.list-unstyled li i {
    min-width: 25px;
  }
  .media-body b {
    font-size: 1rem;
  }
  @media (max-width: 768px) {
    .about-thumb img {
      margin-bottom: 20px;
    }
  }
  .service-area{
    padding-bottom: 30px;
  }
.service-area .shape-top svg,.service-area .shape-bottom svg{
    fill: #fff;
} 
.amu .shape-top svg,.amu .shape-bottom svg{
    fill: #f8f9fa;
}
.service-area .shape-top,.service-area .shape-bottom{
   position: absolute;
   inset: 0;
   width: 100%;
} 
.amu .shape-top,.amu .shape-bottom{
   position: absolute;
   inset: 0;
   width: 100%;
}
  .service-card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  cursor: pointer;
  min-height: 220px;
}
.service-card:hover {
  transform: translateY(-15px);
  box-shadow: 0 20px 40px rgba(0,0,0,0.15);
}

/* Gradient backgrounds */
.bg-gradient-light {
  background: linear-gradient(135deg, #ffffff 0%, #f1f3f6 100%);
}
.bg-gradient-dark {
  background: linear-gradient(135deg, #6a11cb 0%, #2575fc 100%);
  color: #fff;
}

.service-icon i {
  transition: transform 0.3s ease;
}
.service-card:hover .service-icon i {
  transform: scale(1.2) rotate(10deg);
}

.section-title {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}

.section-subtitle {
  color: #6c757d;
  font-size: 1rem;
  margin-bottom: 3rem;
}

.amu-section {
  padding: 60px 0 108px 0;
  background: linear-gradient(180deg, #f8f9fc, #eef0f4);
}

.amu-wrapper {
  background: #fff;
  padding: 30px;
  border-radius: 20px;
  box-shadow: 0 8px 20px rgba(0,0,0,0.08);
  text-align: center;
}

.amu-main-img {
  border-radius: 18px;
  margin-bottom: 25px;
  box-shadow: 0 4px 16px rgba(0,0,0,0.15);
}

.amu-title {
  margin: 20px 0 30px;
  font-weight: 700;
  color: #1c2539;
}

.amu-logos {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 30px;
  align-items: center;
}

.amu-logos img {
  width: 100%;
  border-radius: 12px;
  box-shadow: 0 4px 14px rgba(0,0,0,0.1);
  padding: 10px;
  background: #fff;
}
.amu-logos img:first-child {
  width: auto;
  border-radius: 12px;
  box-shadow: 0 4px 14px rgba(0,0,0,0.1);
  padding: 10px;
  background: #fff;
  margin:0 auto;
}
.amu{
    margin-top: 50px;
}
#service{
    margin-top: 0px;
}
@media  (max-width: 992px){
    .amu-logos img:first-child {
  width: 100%;
  border-radius: 12px;
  box-shadow: 0 4px 14px rgba(0,0,0,0.1);
  padding: 10px;
  background: #fff;
}
}
.award-section {
  background: linear-gradient(135deg, #f6f7fb, #dfe4ea);
}

.award-box {
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
}

.award-item {
  flex: 1;
  padding: 50px 30px;
  text-align: center;
  color: #fff;
}

.award-item h2 {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 12px;
  color: white;
}

.award-item p {
  font-size: 18px;
  font-weight: 600;
  margin: 0;
}

.award-item.left {
  background: linear-gradient(160deg, #3b5998, #192f60);
}

.award-item.right {
  background: linear-gradient(160deg, #5c2b8a, #2d1646);
}

@media (max-width: 767px) {
  .award-item {
    padding: 40px 20px;
  }
}

.hero-img img{
    width: auto;
    max-height: 400px;
    animation: animate 6s ease infinite;
    margin-bottom: 40px;
}


@keyframes animate {
    0%,100%{
        transform: translateY(0px);
    }
    50%{
        transform: translateY(30px);
    }
}
.welcome-area-eiu {
    position: relative;
    min-height: 90vh;
    background: var(--bg-gredient);
}
#gallery {
    margin: 1rem;
}
#gallery img{
    margin: .2rem;
  }
#gallery .slick-slide {
  margin: 0 20px;
}

#gallery .slick-list {
  margin: 0 -20px;
}
.masked-slider {
    margin: 0px 0 0px 0;
    padding: 4em 2em;
    /* overflow: hidden; */
    position: relative;
    }

.masked-slider .slick-list, .masked-slider .slick-track {
    height: 162px;
    padding: 10px 0;
}


.masked-slider .slide {
  flex-shrink: 0;
}
.masked-slider .slick-slide {
  background: #fff;
  height: 130px;
  width: 230px;
  border-radius: 12px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
  display: flex;
  justify-content: center;
  align-items: center;
}
.masked-slider .slide img{
    width: auto;
    height: auto;
}
.masked-slider .slide-track:hover {
  animation-play-state: paused;
}
 .masked-slider {
  mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0,0,0,1) 20%, rgba(0,0,0,1) 80%, rgba(0, 0, 0, 0) 100%);
  mask-repeat: no-repeat;
  mask-size: 100% 100%;
}
.modern-single-image {
    position: relative;
    min-height: 400px;
    overflow: hidden;
    border-radius: 20px;
    /*max-height: 700px;*/
}
.modern-single-image .img-modern {
    width: 100%;
    border-radius: 20px;
    box-shadow: 0 30px 60px rgba(0,0,0,0.2);
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}
.floating-shape {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    opacity: 0.25;
}
.floating-shape.circle {
    width: 140px;
    height: 140px;
    background: #2AAEAE;
    top: -40px;
    right: -40px;
    animation: float-slow 7s infinite ease-in-out;
}

.floating-shape.dot {
    width: 80px;
    height: 80px;
    background: #24407E;
    bottom: -30px;
    left: -30px;
    animation: float-slow 9s infinite alternate ease-in-out;
}

@keyframes float-slow{
0% {
    transform: translate(0px, 0px);
}
50% {
    transform: translate(10px, -20px);
}
100% {
    transform: translate(0px, 0px);
}
}

  #about-section-about {
    background: linear-gradient(135deg, #ffffff 0%, #f3f4f7 40%, #e8ecf1 100%);
    padding: 80px 0;
  }

  #about-section-about .about-wrapper {
    background: #ffffff;
    border-radius: 18px;
    padding: 40px;
    box-shadow: 0 12px 35px rgba(0,0,0,0.08);
  }

  #about-section-about img {
    border-radius: 18px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.10);
  }

  #about-section-about h3.h3-head {
    font-size: 26px;
    margin-top: 25px;
    font-weight: 700;
    color: #1d3557;
    border-left: 4px solid #e63946;
    padding-left: 12px;
  }

  #about-section-about p,
  #about-section-about ul li {
    font-size: 16px;
    color: #333;
    line-height: 1.7;
  }

  #about-section-about ul {
    padding-left: 18px;
    margin-top: 10px;
    list-style: none;
  }

  #about-section-about ul li {
    margin-bottom: 6px;
    position: relative;
  }

  #about-section-about ul li::before {
    content: "●";
    color: #e63946;
    margin-right: 8px;
    font-size: 10px;
  }
  /* Base */
#about { 
    padding: 50px 0; 
    background: #f7f9fb; 
    color:#1b1b1b; 
    font-family: 'Inter', system-ui, sans-serif; 
}
#about .container { 
    max-width:1200px; 
    margin:0 auto; 
    padding:0 20px; 
}

/* Headings */
.section-heading { 
    font-size: 28px; 
    margin-bottom:18px; 
    color:#0f1724; 
    font-weight:700; 
    letter-spacing:0.2px; 
}

/* ---------- VIDEOS GRID ---------- */
.videos-grid { 
    display:grid; grid-template-columns: 
    repeat(auto-fit, minmax(250px,1fr)); 
    gap:22px; 
}
.video-item { 
    background:#fff;
    border-radius:12px; 
    overflow:hidden; box-shadow:0 8px 30px rgba(17,24,39,0.06); 
    transition:transform .25s ease, box-shadow .25s ease; 
    display:flex; 
    flex-direction:column; 
}
.video-item:hover { 
    transform:translateY(-6px); 
    box-shadow:0 18px 50px rgba(17,24,39,0.09); 
}
.thumb { 
    background-size:cover; 
    background-position:center; 
    height:180px; 
    position:relative; 
    display:flex; 
    align-items:center; 
    justify-content:center; 
}
.play-btn { 
    width:64px; 
    height:64px; 
    border-radius:50%; 
    border:0; 
    /*background:linear-gradient(135deg,#d4af37,#b8860b); */
    background: var(--bs-primary); 
    color:#fff; 
    font-size:22px; 
    display:flex; 
    align-items:center; 
    justify-content:center; 
    box-shadow:0 8px 20px rgba(180,140,50,0.25); 
    cursor:pointer; 
    transition:transform .18s ease; 
}
.play-btn:hover { 
    transform:scale(1.06); 
}
.video-title { 
    padding:14px 16px; 
    font-size:15px; 
    font-weight:600; 
    margin:0; 
    color:#0b1220; 
}

/* Modal for video */
.modal { 
    position:fixed; 
    inset:0; 
    display:none; 
    align-items:center; 
    justify-content:center; 
    background:rgba(2,6,23,0.7); 
    z-index:3000; padding:20px; 
}
.modal-inner { 
    width:100%; 
    max-width:980px; 
    background:transparent; 
    position:relative; 
    border-radius:8px; 
}
.modal .modal-close { 
    position:absolute; 
    right:-8px; 
    top:-8px; 
    background:#fff; 
    border-radius:50%; 
    width:36px; 
    height:36px; 
    border:0; 
    font-size:16px; 
    cursor:pointer; 
    box-shadow:0 6px 18px rgba(2,6,23,0.4); 
}
.video-wrap { 
    background:#000; 
    padding-top:56.25%; 
    position:relative; 
    border-radius:10px; 
    overflow:hidden; 
}
.video-wrap iframe { 
    position:absolute; 
    inset:0; 
    width:100%; 
    height:100%; 
    border:0; 
}

/* ---------- CERTIFICATES CAROUSEL ---------- */
.mt-60 { margin-top:60px; }
.cert-carousel { 
    display:flex; 
    align-items:center; 
    gap:12px; margin:18px 0 8px; 
    position:relative; 
}
.cert-track { 
    display:flex; 
    gap:14px; 
    overflow:hidden; 
    scroll-behavior:smooth; 
    padding:6px 0; 
}
.cert-item { 
    min-width:220px; 
    background:#fff;
     border-radius:12px; 
     padding:14px; box-shadow:0 8px 30px rgba(17,24,39,0.06); 
     text-align:center; transition:transform .18s ease; 
 }
.cert-item img { 
    width:100%; 
    height:140px; 
    object-fit:cover; 
    border-radius:8px; 
}
.cert-item h5 { 
    margin-top:10px; 
    font-size:14px; 
    font-weight:600; 
}

/* arrows */
.cert-arrow { 
    background:#fff; 
    border:0; 
    width:44px; 
    height:44px; 
    border-radius:8px; 
    box-shadow:0 6px 18px rgba(2,6,23,0.08); 
    cursor:pointer; font-size:20px; 
}

/* ---------- GALLERY ---------- */
.gallery-grid { 
    display:grid; 
    grid-template-columns: repeat(3,1fr); 
    gap:16px; margin-top:14px; 
}
.g-item { 
    display:block; 
    overflow:hidden; 
    border-radius:12px; 
    box-shadow:0 12px 30px rgba(17,24,39,0.06); 
    position:relative; 
}
.g-item img { 
    width:100%; 
    height:100%; 
    display:block; 
    object-fit:cover; 
    transition:transform .35s ease, filter .35s ease; 
}
.g-item:hover img {
 transform:scale(1.06); 
 filter:brightness(.9); 
}

/* variations */
.g-item.tall { 
    grid-row: span 2; 
}
.g-item.wide { 
    grid-column: span 2; 
}

/* LIGHTBOX */
.img-lightbox { 
    position:fixed; 
    inset:0; 
    display:none; 
    align-items:center; 
    justify-content:center; 
    background:rgba(3,6,12,0.8); 
    z-index:4000; 
    padding:20px; 
}
.img-lightbox .lb-content { 
    max-width:1100px; 
    width:100%; 
    text-align:center; 
}
.img-lightbox img { 
    width:100%; 
    max-height:85vh; 
    object-fit:contain; 
    border-radius:10px; 
    box-shadow:0 18px 60px rgba(2,6,23,0.6); 
}
.lb-close, .lb-prev, .lb-next { 
    position:fixed;
    background:transparent; 
    border:0; color:#fff; 
    font-size:36px; 
    cursor:pointer; 
    z-index:4100; 
}
.lb-close {
 top:18px;
  right:22px;
   }

.lb-prev {
 left:18px;
  top:50%;
   transform:translateY(-50%); 
}
.lb-next {
 right:18px; 
 top:50%; 
 transform:translateY(-50%); 
}

/* Responsive adjustments */
@media (max-width:1000px){
 .gallery-grid { 
    grid-template-columns: repeat(2,1fr);
    } 
    .g-item.tall { 
        grid-row:auto; 
    } .g-item.wide { 
        grid-column:auto; 
    } 
}
@media (max-width:640px){ 
    .videos-grid { 
        grid-template-columns:1fr; 
    } 
    .gallery-grid { 
        grid-template-columns:1fr; 
    } 
    .cert-item img { 
        height:110px; 
    } .cert-item {
     min-width:160px; 
    } .cert-arrow {
      /*display:none; */
    } .modal .modal-close { 
        right:6px; top:6px; 
    } 
}

  /* Heading */
  .section-title {
    text-align: center;
    font-size: 34px;
    font-weight: 700;
    margin: 40px 0 25px;
    color: #1d3557;
    position: relative;
  }

  .section-title:after {
    content: "";
    display: block;
    width: 70px;
    height: 4px;
    background: #e63946;
    margin: 12px auto 0;
    border-radius: 2px;
  }
/*  .text-slider {
  height: 22px;
  overflow: hidden;
  position: relative;
}

.text-slider span {
  position: absolute;
  width: 100%;
  animation: slideText 8s linear infinite;
  opacity: 0;
}

.text-slider span:nth-child(1) { animation-delay: 0s; }
.text-slider span:nth-child(2) { animation-delay: 2s; }
.text-slider span:nth-child(3) { animation-delay: 4s; }
.text-slider span:nth-child(4) { animation-delay: 6s; }

@keyframes slideText {
  0% { opacity: 0; transform: translateY(20px); }
  5% { opacity: 1; transform: translateY(0); }
  20% { opacity: 1; transform: translateY(0); }
  25% { opacity: 0; transform: translateY(-20px); }
  100% { opacity: 0; }
}*/

.draw-curve path {
    stroke-dasharray: 1200;
    stroke-dashoffset: 1200;
    stroke: darkkhaki;
    transition: 1s ease;
    opacity: 0;
    stroke-width: 7px;
}

.program-menu li.active .draw-curve path {
    stroke-dashoffset: 1200 ;
    opacity: 1 !important;
    animation: drawLine 1s ease forwards;
}


@keyframes imgScale {
    0%{
        transform: scale(1.02);
        opacity: 0.8;
    }
    100%{
        transform: scale(1);
        opacity: 1;
    }
}


@keyframes drawLine {
    to {
        stroke-dashoffset: 0;
    }
}
.program-menu li {
    font-size: 32px;
    width: 50%;
    padding: 20px 10px;
    cursor: pointer;
    line-height: 35px;
    font-weight: 700;
    position: relative;
    z-index: 1;
}

.program-menu li svg{
    width: 50%;
    top: 0;
    left: 5%;
    z-index: -1;
}
.program-menu li a {
    color: rgba(255, 255, 255, 0.7);
}
.program-menu li.active a {
    color: white;
}
.team {
    background: white;
}
.program-menu:nth-child(2) li:first-child svg,
.program-menu:nth-child(3) li svg
{
    top: -10%;
}
@media (max-width: 768px){
    .program-menu li {
        font-size: 14px;
         line-height: 20px;
         word-break: break-word; 
    }
    .program-menu li svg {
        width: 96%;
        top: 20%;
    }
    .draw-curve path {
        stroke-width: 13px;
    }
    .program-menu:nth-child(2) li:first-child svg, .program-menu:nth-child(3) li svg {
        top: 15%;
    }
}

 .news {
    border-radius: 20px;
    /*background: var(--bg-gredient);*/
    padding: 15px;
}
.box {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    /* padding: 0 10px; */
}
.item {
    width: 30%;
    height: 400px;
    position: relative;
    overflow: hidden;
    transition: 0.4s ease-in-out;
}

.item.active {
    width: 100%;
}
.item.active .overlay {
    background-color: rgba(0, 0, 0, 0);
}

.item:not(.active) {
    width: 25%;
}

.item .img1{
    width: 100%;
    height: 100%;
    border-radius: 10px;

}
.item h2{
    color: white;
}

.item-text {
    height: 100%;
    top: 50%;
    display: none;
}
.item-text .position-absolute {
    top: -100%;
    left: 0;
    padding: 15px 15px 0 20px;
    color: white;
    z-index: 10;
    opacity: 0;
    transition:
    top 0.7s ease 0.2s,   /* delay ONLY top */
    opacity 0.2s ease 0s;  /* no delay */
}
.item.active .item-text .position-absolute {
    top: 5%;
    opacity: 1;
}

.overlay {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
     border-radius: 10px; 
    z-index: 1;
}
@media (max-width: 768px){
    .news {
    padding: 0px;
}
    .box {
    display: block;
    position: relative;
    height: 430px;
}
.box .items {
    width: 100%;
    height: 400px;
    position: absolute;
    transition: 0.4s ease-in-out;
    overflow: hidden;
}
.items h2 {
    color: white;
}
.items img {
    opacity: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
}

.box .items.active {
    width: 100%;
}
.items.active .item-text .position-absolute {
    top: 5%;
    opacity: 1;
}
.items.active img {
    opacity: 1;
    position: relative;
}
.items .item-text {
    opacity: 0;
    z-index: 3;
}

.item-text.show {
  opacity: 1;
}

}
/* --- Top Icon Feature Boxes --- */
.feature-box{
    background:#fff;
    padding:20px;
    border-radius:15px;
    box-shadow:0px 4px 20px rgba(0,0,0,0.08);
    display:flex;
    align-items:center;
    transition:0.3s;
}
.feature-box:hover{
    transform:translateY(-5px);
    box-shadow:0px 8px 25px rgba(0,0,0,0.15);
}
.feature-box i{
    font-size:30px;
    color: var(--bs-primary);
    padding-right:15px;
}

/* Left Tabs */
.nav-tabs {
  border: none;
  display: block;
}

.nav-tabs .nav-link {
  border: none;
  width: 100%;
  text-align: left;
  padding: 12px 18px;
  margin-bottom: 6px;
  background: #f2f4f7;
  border-radius: 8px;
  font-weight: 600;
  transition: 0.3s ease-in-out;
  color: #333;
}

.nav-tabs .nav-link:hover {
  background: #e9ecef;
}

.nav-tabs .nav-link.active {
  background: var(--bs-primary);
  color: #fff !important;
  border-radius: 8px;
}

/* Content Area */
.tab-content {
  background: #ffffff;
  padding: 25px;
  border-radius: 12px;
  box-shadow: 0 5px 35px rgba(0,0,0,0.08);
}

.tab-pane ul {
  list-style: none;
  padding-left: 0;
}

.tab-pane ul li {
  background: #f5f8ff;
  padding: 12px 16px;
  margin-bottom: 10px;
  border-left: 4px solid var(--bs-primary);
  border-radius: 6px;
  font-size: 15px;
  line-height: 22px;
  color: #333;
  transition: 0.25s ease;
}

/* Hover effect */
.tab-pane ul li:hover {
  background: #e8f0ff;
  transform: translateX(5px);
}


/* Table styling */
.table-bordered th,
.table-bordered td {
  padding: 12px;
  vertical-align: middle;
}

.table-bordered tr:nth-child(even) {
  background: #f8f9fa;
}


/* --- Timer Box --- */
.timer_box{
    background:#fff;
    border-radius:12px;
    padding:20px;
    box-shadow:0px 4px 15px rgba(0,0,0,0.08);
    margin-top:20px;
}

/* --- Award Box --- */
.award_box{
    background:#fff;
    border-radius:12px;
    box-shadow:0px 4px 15px rgba(0,0,0,0.08);
}

/* --- Right Content --- */
.tab-content{
    background:#fff;
    padding:25px;
    border-radius:15px;
    box-shadow:0px 6px 20px rgba(0,0,0,0.06);
}


/* FORCE HOME BANNER HEIGHT */
.hero-slider,
.hero-slider .slick-list,
.hero-slider .slick-track,
.hero-slider .slick-slide,
.banner-style-one,
.slide1,
.slide2,
.slide3,
.slide4,
.slide5,
.slide6 {
    height: 600px !important;
    min-height: 600px !important;
}

.hero-slider img {
    width: 100% !important;
    height: 600px !important;
    object-fit: cover !important;
}

/* =====================================================
   WCA STUDY PATHWAY SECTION
===================================================== */

.wca-pathway-section {
    position: relative;
    padding: 75px 0 70px;
    overflow: hidden;
    background:
        radial-gradient(circle at 50% 5%, rgba(220, 160, 45, 0.06), transparent 32%),
        linear-gradient(135deg, #fffdf9 0%, #ffffff 48%, #fffaf1 100%);
}


/* subtle decorative lines */
.wca-pathway-section::before {
    content: "";
    position: absolute;
    width: 420px;
    height: 420px;
    left: -220px;
    top: 20px;
    border-radius: 50%;
    border: 1px solid rgba(214, 150, 24, 0.12);
    box-shadow:
        25px 0 0 rgba(214, 150, 24, 0.03),
        50px 0 0 rgba(214, 150, 24, 0.025),
        75px 0 0 rgba(214, 150, 24, 0.02);
    pointer-events: none;
}

.wca-pathway-section::after {
    content: "";
    position: absolute;
    width: 420px;
    height: 420px;
    right: -250px;
    top: -80px;
    border-radius: 50%;
    border: 1px solid rgba(214, 150, 24, 0.11);
    box-shadow:
        -25px 0 0 rgba(214, 150, 24, 0.03),
        -50px 0 0 rgba(214, 150, 24, 0.025),
        -75px 0 0 rgba(214, 150, 24, 0.02);
    pointer-events: none;
}


/* Heading */
.wca-pathway-heading {
    max-width: 900px;
    margin: 0 auto 20px;
    position: relative;
    z-index: 2;
}

.wca-heading-decoration {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
}

.wca-heading-decoration span {
    width: 58px;
    height: 1px;
    background: #d99a1b;
}

.wca-heading-decoration i {
    font-size: 13px;
    color: #db9712;
}

.wca-pathway-heading h2 {
    margin: 0 0 14px;
    color: #161616;
    font-family: "Roboto", sans-serif;
    font-size: 38px;
    line-height: 1.15;
    font-weight: 800;
    letter-spacing: 0.5px;
}

.wca-pathway-heading p {
    max-width: 760px;
    margin: auto;
    color: #50545d;
    font-size: 17px;
    line-height: 1.8;
}


/* Card */
.wca-pathway-card {
    position: relative;
    z-index: 2;
    height: 100%;
    min-height: 425px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 28px 20px 24px;
    background: rgba(255, 255, 255, 0.94);
    border: 1px solid #eee7dc;
    border-radius: 17px;
    box-shadow: 0 8px 28px rgba(52, 42, 26, 0.10);
    transition: all 0.35s ease;
}

.wca-pathway-card:hover {
    transform: translateY(-9px);
    border-color: rgba(214, 151, 24, 0.5);
    box-shadow: 0 17px 38px rgba(52, 42, 26, 0.15);
}


/* Card icon */
.wca-pathway-icon {
    width: 92px;
    height: 92px;
    margin-bottom: 15px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(145deg, #fff9eb, #f8ead0);
    border: 1px solid #f3dfb7;
}

.wca-pathway-icon i {
    color: #d49517;
    font-size: 38px;
}


/* Card heading */
.wca-pathway-card h3 {
    min-height: 34px;
    margin: 0;
    text-align: center;
    color: #101217;
    font-family: "Roboto", sans-serif;
    font-size: 23px;
    font-weight: 800;
}

.wca-title-line {
    width: 62px;
    height: 2px;
    margin: 13px auto 16px;
    background: #d79819;
}


/* description */
.wca-pathway-desc {
    min-height: 52px;
    margin: 0;
    display: flex;
    align-items: center;
    text-align: center;
    color: #454545;
    font-size: 14.5px;
    line-height: 1.6;
}


/* divider */
.wca-card-divider {
    width: 100%;
    margin: 15px 0 20px;
    border-top: 1px dashed #e6c98d;
}


/* requirement */
.wca-requirement {
    width: 100%;
    min-height: 67px;
    display: flex;
    align-items: flex-start;
    gap: 13px;
    color: #30343a;
    font-size: 13px;
    line-height: 1.55;
}

.wca-requirement-icon {
    flex: 0 0 auto;
    margin-top: 3px;
}

.wca-requirement-icon i {
    color: #d99a1b;
    font-size: 24px;
}

.wca-requirement strong {
    font-weight: 600;
}

.wca-requirement span {
    color: #50545b;
}


/* Explore Button */
.wca-pathway-btn {
    width: 100%;
    margin-top: auto;
    padding: 12px 10px;
    display: block;
    text-align: center;
    border: 1.5px solid #d79819;
    border-radius: 7px;
    color: #d18700;
    background: #ffffff;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: 0.3s ease;
}

.wca-pathway-btn:hover {
    color: #ffffff;
    background: #d79819;
    border-color: #d79819;
}


/* Eligibility Bottom Box */
.wca-eligibility-box {
    position: relative;
    z-index: 2;
    margin: 28px auto 0;
    padding: 17px 24px;
    border: 1px solid #ead3a5;
    border-radius: 11px;
    background: rgba(255, 253, 248, 0.96);
    box-shadow: 0 5px 20px rgba(80, 58, 17, 0.04);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
}

.wca-eligibility-left {
    display: flex;
    align-items: center;
    gap: 17px;
}

.wca-help-icon {
    width: 62px;
    height: 62px;
    flex: 0 0 62px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e7cd97;
    background: #fffaf0;
}

.wca-help-icon i {
    color: #d69718;
    font-size: 27px;
}

.wca-eligibility-left h4 {
    margin: 0 0 3px;
    color: #30343b;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-weight: 600;
}

.wca-eligibility-left p {
    margin: 0;
    color: #555b64;
    font-size: 14px;
}


/* CTA */
.wca-eligibility-btn {
    min-width: 285px;
    padding: 16px 25px;
    border-radius: 7px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    color: #ffffff;
    text-decoration: none;
    font-size: 15px;
    font-weight: 600;
    background: linear-gradient(135deg, #c98500, #e6a817);
    box-shadow: 0 6px 16px rgba(201, 133, 0, 0.19);
    transition: 0.3s ease;
}

.wca-eligibility-btn:hover {
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 9px 20px rgba(201, 133, 0, 0.28);
}

.wca-eligibility-btn i {
    font-size: 12px;
}


/* =====================================================
   RESPONSIVE
===================================================== */

@media (max-width: 1199px) {

    .wca-pathway-heading h2 {
        font-size: 34px;
    }

    .wca-pathway-card h3 {
        font-size: 20px;
    }

    .wca-eligibility-btn {
        min-width: 245px;
    }
}


@media (max-width: 991px) {

    .wca-pathway-section {
        padding: 60px 0;
    }

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

    .wca-pathway-card {
        min-height: 410px;
    }

    .wca-eligibility-box {
        flex-direction: column;
        align-items: stretch;
    }

    .wca-eligibility-right {
        width: 100%;
    }

    .wca-eligibility-btn {
        width: 100%;
        min-width: 0;
    }
}


@media (max-width: 767px) {

    .wca-pathway-section {
        padding: 48px 0;
    }

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

    .wca-pathway-heading p {
        font-size: 15px;
        line-height: 1.7;
    }

    .wca-pathway-card {
        min-height: auto;
        padding: 26px 20px;
    }

    .wca-pathway-desc {
        min-height: auto;
    }

    .wca-eligibility-box {
        padding: 20px;
    }

    .wca-eligibility-left {
        align-items: flex-start;
    }
}


@media (max-width: 480px) {

    .wca-pathway-heading h2 {
        font-size: 23px;
    }

    .wca-heading-decoration span {
        width: 38px;
    }

    .wca-pathway-icon {
        width: 80px;
        height: 80px;
    }

    .wca-pathway-icon i {
        font-size: 32px;
    }

    .wca-pathway-card h3 {
        font-size: 20px;
    }

    .wca-help-icon {
        width: 52px;
        height: 52px;
        flex-basis: 52px;
    }

    .wca-eligibility-left h4 {
        font-size: 15px;
    }

    .wca-eligibility-btn {
        font-size: 13px;
    }
}

/* =========================================================
   WHY STUDENTS CHOOSE WCA
   Premium Navy / Cream / Gold Section
========================================================= */

.wca-why-section {
    --wca-navy: #071b38;
    --wca-navy2: #0d294d;
    --wca-gold: #c99632;
    --wca-gold-light: #e1bb68;
    --wca-cream: #fbf7ef;
    --wca-text: #252934;

    position: relative;
    overflow: hidden;
    padding: 70px 30px 80px;
    background:
        radial-gradient(circle at 16% 30%,
            rgba(207, 163, 75, 0.08),
            transparent 28%),
        linear-gradient(
            135deg,
            #fbf7ee 0%,
            #fffdf9 48%,
            #faf4e9 100%
        );
}


/* larger than normal bootstrap container */
.wca-why-container {
    position: relative;
    z-index: 3;
    max-width: 1550px;
    margin: auto;
}


/* =========================================================
   DECORATIVE BACKGROUND
========================================================= */

.wca-why-section::before {
    content: "";
    position: absolute;
    top: -230px;
    right: -180px;
    width: 530px;
    height: 530px;
    border-radius: 50%;
    border: 1px solid rgba(201, 150, 50, 0.25);
    box-shadow:
        -23px 23px 0 rgba(201, 150, 50, 0.025),
        -45px 45px 0 rgba(201, 150, 50, 0.020),
        -70px 70px 0 rgba(201, 150, 50, 0.015);
}

.wca-why-section::after {
    content: "";
    position: absolute;
    left: -70px;
    bottom: -170px;
    width: 400px;
    height: 400px;
    border-radius: 50%;
    border: 1px solid rgba(201, 150, 50, 0.12);
}

.wca-why-deco-right {
    position: absolute;
    right: 45px;
    top: 65px;
    width: 100px;
    height: 100px;
    opacity: .45;

    background-image:
        radial-gradient(
            circle,
            #c99632 2px,
            transparent 2.5px
        );

    background-size: 15px 15px;
}

.wca-why-deco-left {
    position: absolute;
    left: 10px;
    bottom: 30px;
    width: 120px;
    height: 110px;
    opacity: .45;

    background-image:
        radial-gradient(
            circle,
            #c99632 2px,
            transparent 2.5px
        );

    background-size: 15px 15px;
}


/* =========================================================
   LEFT NAVY PANEL
========================================================= */

.wca-trust-panel {
    position: relative;
    min-height: 730px;
    height: 100%;
    overflow: hidden;
    padding: 65px 48px 55px;

    color: #fff;
    text-align: center;

    border: 2px solid #c69a44;
    border-radius:
        30px
        135px
        90px
        35px;

    background:
        radial-gradient(
            circle at 50% 40%,
            rgba(255,255,255,.04),
            transparent 40%
        ),
        linear-gradient(
            155deg,
            #1a1a1a 0%,
            #0d0d0d 55%,
            #000000 100%
        );

    box-shadow:
        0 20px 45px rgba(0, 0, 0, .28),
        inset 0 0 0 7px rgba(206, 164, 77, .06);
}

/* subtle inner border */
.wca-trust-panel::before {
    content: "";
    position: absolute;
    inset: 10px;

    pointer-events: none;

    border: 1px solid rgba(214, 174, 90, .35);

    border-radius:
        24px
        125px
        82px
        29px;
}


/* gold ribbon */
.wca-panel-ribbon {
    position: absolute;
    top: -2px;
    left: 50%;
    transform: translateX(-50%);
    width: 52px;
    height: 88px;

    background:
        linear-gradient(
            90deg,
            #ae7a23,
            #f1cf7b,
            #b57d24
        );

    clip-path:
        polygon(
            0 0,
            100% 0,
            100% 77%,
            50% 100%,
            0 77%
        );

    box-shadow:
        0 7px 15px rgba(0,0,0,.15);
}

.wca-panel-ribbon::after {
    content: "♛";
    color: rgba(108,67,9,.35);
    font-size: 17px;

    position: absolute;
    top: 43px;
    left: 50%;
    transform: translateX(-50%);
}


/* logo */
.wca-panel-logo {
    position: relative;
    z-index: 5;
    margin: 60px auto 18px;
}

.wca-panel-logo img {
    display: block;

    max-width: 235px;
    max-height: 185px;

    width: auto;
    height: auto;

    margin: auto;

    object-fit: contain;

    /* useful if your logo jpg has white background */
    mix-blend-mode: screen;

    filter:
        brightness(1.08)
        contrast(1.03);
}


/*
IMPORTANT:
If you already have a transparent PNG logo,
remove:
mix-blend-mode: screen;
*/


.wca-panel-divider {
    display: flex;
    justify-content: center;
    align-items: center;

    gap: 10px;

    margin: 5px 0 25px;

    color: var(--wca-gold-light);
}

.wca-panel-divider span {
    width: 54px;
    height: 1px;
    background: #cda550;
}

.wca-panel-divider i {
    font-size: 8px;
}


.wca-trust-panel h3 {
    position: relative;
    z-index: 3;

    margin: 0;

    color: #fff;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 38px;
    font-weight: 500;
    line-height: 1.32;
}

.wca-trust-panel h3 strong {
    color: #d7a643;
    font-weight: 500;
}


.wca-panel-small-line {
    width: 45px;
    height: 2px;

    margin: 24px auto;

    background:
        linear-gradient(
            90deg,
            transparent,
            #d5ac57,
            transparent
        );
}


.wca-trust-panel p {
    position: relative;
    z-index: 4;

    max-width: 265px;
    margin: 0 auto 32px;

    color: rgba(255,255,255,.88);

    font-family: "Poppins", sans-serif;
    font-size: 14px;
    line-height: 1.9;
}


/* advisor button */
.wca-panel-button {
    position: relative;
    z-index: 4;

    display: flex;
    align-items: center;
    justify-content: space-between;

    max-width: 285px;

    margin: auto;
    padding: 16px 20px;

    border-radius: 7px;

    color: #111b28 !important;

    text-decoration: none;

    font-size: 13px;
    font-weight: 700;

    background:
        linear-gradient(
            110deg,
            #c9912b,
            #f3d584,
            #c28b26
        );

    box-shadow:
        0 8px 20px rgba(0,0,0,.20);

    transition: .3s ease;
}

.wca-panel-button:hover {
    transform: translateY(-3px);

    box-shadow:
        0 12px 25px rgba(0,0,0,.28);
}


/* watermark */
.wca-panel-watermark {
    position: absolute;

    left: -20px;
    bottom: 15px;

    color: #fff;

    opacity: .018;

    font-size: 290px;

    pointer-events: none;
}


/* =========================================================
   HEADER
========================================================= */

.wca-why-content {
    padding: 20px 10px 10px;
}


.wca-why-header {
    max-width: 900px;
    margin: auto;
}


.wca-small-title {
    display: flex;
    align-items: center;
    justify-content: center;

    gap: 14px;

    margin-bottom: 18px;

    color: #a87822;

    font-family: "Poppins", sans-serif;

    font-size: 14px;
    font-weight: 600;

    letter-spacing: 5px;
}

.wca-small-title span {
    width: 48px;
    height: 1px;

    background: #c79637;
}


.wca-why-header h2 {
    margin: 0;

    color: var(--wca-navy);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 48px;
    font-weight: 500;

    line-height: 1.08;
}

.wca-why-header h2 strong {
    color: #b5842c;

    font-weight: 500;
}


.wca-heading-ornament {
    display: flex;
    justify-content: center;
    align-items: center;

    gap: 10px;

    margin: 17px auto 14px;

    color: #b8862c;
}

.wca-heading-ornament span {
    width: 55px;
    height: 1px;

    background: #c9a65b;
}

.wca-heading-ornament i {
    font-size: 9px;
}


.wca-why-header p {
    max-width: 720px;

    margin: auto;

    color: #525861;

    font-size: 16px;
    line-height: 1.75;
}


/* =========================================================
   CARDS
========================================================= */

.wca-benefits-wrapper {
    position: relative;

    margin-top: 35px;
}


/* row staggering */
.wca-benefit-row-one {
    position: relative;
    z-index: 3;
}

.wca-benefit-row-two {
    position: relative;
    z-index: 3;

    margin-top: 7px;

    padding-left: 55px;
    padding-right: 10px;
}


/* card */
.wca-benefit-card {
    position: relative;

    min-height: 235px;

    padding: 45px 28px 24px;

    background:
        linear-gradient(
            135deg,
            #ffffff,
            #fcf8f1
        );

    border: 1px solid rgba(201, 156, 66, .42);

    border-radius:
        11px
        23px
        17px
        18px;

    box-shadow:
        0 9px 20px rgba(60, 49, 29, .12);

    transition:
        transform .35s ease,
        box-shadow .35s ease;

    overflow: hidden;
}


.wca-benefit-card:hover {
    transform: translateY(-8px);

    box-shadow:
        0 17px 30px rgba(56, 44, 24, .17);
}


/* special folded corner */
.wca-benefit-card::after {
    content: "";

    position: absolute;

    right: -20px;
    bottom: -20px;

    width: 70px;
    height: 70px;

    border-radius: 65% 0 0 0;

    border-left:
        1px solid rgba(202, 155, 60, .35);

    border-top:
        1px solid rgba(202, 155, 60, .35);

    background:
        linear-gradient(
            135deg,
            rgba(233,215,173,.05),
            rgba(207,168,90,.18)
        );
}


/* alternating slight shapes */
.wca-card-b {
    border-radius:
        20px
        12px
        45px
        16px;
}

.wca-card-c {
    border-radius:
        15px
        32px
        16px
        17px;
}

.wca-card-d {
    border-radius:
        28px
        16px
        18px
        16px;
}

.wca-card-e {
    border-radius:
        14px
        29px
        14px
        18px;
}

.wca-card-f {
    border-radius:
        18px
        18px
        42px
        13px;
}


/* icon */
.wca-benefit-icon {
    position: absolute;

    top: 24px;
    left: 24px;

    width: 66px;
    height: 66px;

    display: flex;
    justify-content: center;
    align-items: center;

    border-radius: 50%;

    font-size: 27px;

    box-shadow:
        0 7px 15px rgba(24, 35, 49, .17);
}


.wca-benefit-icon.gold {
    color: #fff;

    background:
        linear-gradient(
            140deg,
            #e4ba5d,
            #b77d1c
        );
}

.wca-benefit-icon.navy {
    color: #e9bd62;

    background:
        radial-gradient(
            circle at 35% 30%,
            #000000,
            #061a38
        );
}


/* number */
.wca-card-number {
    position: absolute;

    top: 24px;
    right: 25px;

    color: #c09238;

    font-family: Georgia, serif;

    font-size: 25px;
}


.wca-benefit-card h4 {
    margin:
        78px
        0
        8px;

    color: var(--wca-navy);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 21px;
    font-weight: 600;

    line-height: 1.25;
}


.wca-card-line {
    width: 30px;
    height: 1px;

    margin: 10px 0 14px;

    background: #c79132;
}


.wca-benefit-card p {
    margin: 0;

    color: #50545a;

    font-size: 13.5px;
    line-height: 1.72;
}


/* =========================================================
   DECORATIVE DOTTED CONNECTION
========================================================= */

.wca-dotted-line {
    position: absolute;

    z-index: 1;

    border:
        2px dashed
        rgba(199, 143, 33, .7);

    pointer-events: none;
}


.line-one {
    top: 66px;
    left: 100px;

    width: calc(100% - 145px);
    height: 170px;

    border-left: 0;
    border-right: 0;
    border-bottom: 0;

    border-radius: 50%;
}


.line-two {
    left: 115px;
    bottom: 95px;

    width: calc(100% - 170px);
    height: 110px;

    border-top: 0;

    border-radius: 50%;
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 1399px) {

    .wca-trust-panel {
        padding-left: 35px;
        padding-right: 35px;
    }

    .wca-trust-panel h3 {
        font-size: 33px;
    }

    .wca-why-header h2 {
        font-size: 41px;
    }

    .wca-benefit-card {
        padding-left: 22px;
        padding-right: 22px;
    }

    .wca-benefit-card h4 {
        font-size: 19px;
    }

}


@media (max-width: 1199px) {

    .wca-why-section {
        padding:
            60px
            18px;
    }

    .wca-trust-panel {
        min-height: 690px;
    }

    .wca-panel-logo img {
        max-width: 190px;
    }

    .wca-trust-panel h3 {
        font-size: 29px;
    }

    .wca-why-header h2 {
        font-size: 36px;
    }

    .wca-benefit-card {
        min-height: 250px;
    }

    .wca-benefit-card h4 {
        font-size: 17px;
    }

    .wca-benefit-card p {
        font-size: 12.5px;
    }

}


@media (max-width: 991px) {

    .wca-why-section {
        padding:
            55px
            15px;
    }

    .wca-trust-panel {
        max-width: 650px;

        min-height: auto;

        margin:
            0 auto
            45px;

        padding:
            65px
            40px
            50px;

        border-radius:
            25px
            90px
            65px
            25px;
    }

    .wca-trust-panel h3 {
        font-size: 35px;
    }

    .wca-why-content {
        padding: 0;
    }

    .wca-why-header h2 {
        font-size: 37px;
    }

    .wca-benefit-row-two {
        padding-left: 0;
        padding-right: 0;
    }

    .wca-dotted-line {
        display: none;
    }

}


@media (max-width: 767px) {

    .wca-why-section {
        padding:
            45px
            12px;
    }

    .wca-trust-panel {
        padding:
            60px
            25px
            40px;
    }

    .wca-panel-logo img {
        max-width: 180px;
    }

    .wca-trust-panel h3 {
        font-size: 30px;
    }

    .wca-why-header h2 {
        font-size: 29px;
    }

    .wca-small-title {
        font-size: 11px;
        letter-spacing: 3px;
    }

    .wca-small-title span {
        width: 28px;
    }

    .wca-why-header p {
        font-size: 14px;
    }

    .wca-benefit-card {
        min-height: 215px;
    }

}


@media (max-width: 575px) {

    .wca-why-section {
        padding-left: 10px;
        padding-right: 10px;
    }

    .wca-trust-panel {
        border-radius:
            20px
            65px
            50px
            20px;
    }

    .wca-panel-logo img {
        max-width: 155px;
    }

    .wca-trust-panel h3 {
        font-size: 27px;
    }

    .wca-panel-button {
        max-width: 250px;

        padding:
            14px
            16px;

        font-size: 12px;
    }

    .wca-why-header h2 {
        font-size: 25px;
    }

    .wca-benefit-card {
        min-height: auto;

        padding-bottom: 30px;
    }

}


/* ==========================================================
   WCA GLOBAL UNIVERSITY MULTI LEVEL DROPDOWN
   CLEAN FIXED VERSION
========================================================== */


/* ----------------------------------------------------------
   Allow submenu to extend outside navbar
---------------------------------------------------------- */

.navbar,
.navbar-collapse,
.navbar-nav,
.nav-item,
.dropdown-menu {
    overflow: visible !important;
}


/* ----------------------------------------------------------
   Main Global University Dropdown
---------------------------------------------------------- */

.wca-global-nav {
    position: relative;
}


.wca-level-1 {
    min-width: 235px;

    padding: 7px 0;

    background: #ffffff !important;

    border: 1px solid #eeeeee;

    border-radius: 0 0 5px 5px;

    box-shadow:
        0 10px 28px
        rgba(0, 0, 0, 0.12);

    overflow: visible !important;
}


/* ----------------------------------------------------------
   Every Parent Item
---------------------------------------------------------- */

.wca-submenu-item {
    position: relative;
}


.wca-submenu-link {
    display: flex !important;

    align-items: center;

    justify-content: space-between;

    gap: 20px;

    width: 100%;

    padding:
        12px
        17px !important;

    color: #222222 !important;

    background: #ffffff !important;

    font-size: 13px;

    font-weight: 500;

    line-height: 1.45;

    text-decoration: none;

    white-space: nowrap;

    cursor: pointer;
}


.wca-submenu-link i {
    margin-left: auto;

    color: #c8952f;

    font-size: 10px;

    transition:
        transform
        0.25s ease;
}


/* ----------------------------------------------------------
   SECOND LEVEL
---------------------------------------------------------- */

.wca-level-2 {
    position: absolute !important;

    top: -7px !important;

    left: 100% !important;

    min-width: 310px;

    margin: 0 !important;

    padding: 7px 0;

    display: none !important;

    background: #ffffff !important;

    border: 1px solid #eeeeee;

    border-radius: 4px;

    box-shadow:
        0 10px 28px
        rgba(0, 0, 0, 0.14);

    overflow: visible !important;

    z-index: 99999;
}


/* ----------------------------------------------------------
   THIRD LEVEL
---------------------------------------------------------- */

.wca-level-3 {
    position: absolute !important;

    top: -7px !important;

    left: 100% !important;

    min-width: 175px;

    margin: 0 !important;

    padding: 7px 0;

    display: none !important;

    background: #ffffff !important;

    border: 1px solid #eeeeee;

    border-radius: 4px;

    box-shadow:
        0 10px 28px
        rgba(0, 0, 0, 0.14);

    overflow: visible !important;

    z-index: 100000;
}


/* ----------------------------------------------------------
   SHOW ONLY DIRECT CHILD MENU
---------------------------------------------------------- */

@media (min-width: 992px) {

    .wca-level-1 > .wca-submenu-item:hover > .wca-level-2 {
        display: block !important;
    }


    .wca-level-2 > .wca-submenu-item:hover > .wca-level-3 {
        display: block !important;
    }


    .wca-submenu-item:hover > .wca-submenu-link {
        color: #c38b24 !important;

        background: #faf5ea !important;
    }


    .wca-submenu-item:hover > .wca-submenu-link i {
        transform: translateX(3px);
    }

}


/* ----------------------------------------------------------
   NORMAL LINKS IN THIRD LEVEL
---------------------------------------------------------- */

.wca-level-3 > .dropdown-item {

    padding:
        12px
        18px;

    color: #242424;

    background: #ffffff;

    font-size: 13px;

    font-weight: 500;

    transition:
        background
        0.25s ease,
        color
        0.25s ease,
        padding
        0.25s ease;
}


.wca-level-3 > .dropdown-item:hover {

    color: #c38b24 !important;

    background: #faf5ea !important;

    padding-left: 23px;
}


/* ----------------------------------------------------------
   Fix Bootstrap ::after arrow
   Only main menu keeps Bootstrap arrow
---------------------------------------------------------- */

.wca-submenu-link::after {
    display: none !important;
}


/* ----------------------------------------------------------
   Prevent accidental gaps between menus
---------------------------------------------------------- */

.wca-level-2::before,
.wca-level-3::before {

    content: "";

    position: absolute;

    top: 0;

    left: -8px;

    width: 8px;

    height: 100%;

}


/* ==========================================================
   MOBILE / TABLET
========================================================== */

@media (max-width: 991.98px) {


    .wca-level-1 {
        width: 100%;

        min-width: 100%;
    }


    .wca-submenu-item {
        position: static;
    }


    .wca-level-2,
    .wca-level-3 {

        position: static !important;

        top: auto !important;

        left: auto !important;

        width: 100%;

        min-width: 100%;

        margin: 0 !important;

        padding:
            0
            0
            0
            14px;

        display: none !important;

        border: none;

        border-radius: 0;

        box-shadow: none;

        background: #f7f7f7 !important;
    }


    .wca-submenu-item.mobile-open > .wca-level-2,
    .wca-submenu-item.mobile-open > .wca-level-3 {

        display: block !important;

    }


    .wca-submenu-link {

        white-space: normal;

        padding:
            11px
            15px !important;
    }


    .wca-submenu-link i {

        transform:
            rotate(90deg);
    }


    .wca-submenu-item.mobile-open >
    .wca-submenu-link i {

        transform:
            rotate(270deg);
    }


}

/* ==========================================================
   MATCH UK DIPLOMA MENU FONT WITH GLOBAL UNIVERSITY MENU
========================================================== */

.wca-diploma-menu .dropdown-item {
    padding: 11px 16px !important;

    color: #222222 !important;

    background: #ffffff !important;

    font-size: 13px !important;

    font-weight: 500 !important;

    line-height: 1.4 !important;

    font-family: "Poppins", sans-serif !important;

    white-space: nowrap;

    text-transform: none !important;
}


/* Hover style */
.wca-diploma-menu .dropdown-item:hover {
    background: linear-gradient(135deg, #947741) !important;

    color: #ffffff !important;

    padding-left: 16px !important;

    box-shadow: none !important;
}


/* Dropdown width */
.wca-diploma-menu {
    min-width: 240px;
    padding: 6px 0;
    background: #ffffff !important;
    border: 1px solid #e7e7e7 !important;
    box-shadow: 0 10px 28px rgba(0,0,0,.14);
}




/* ==========================================================
   BNU BACHELOR'S PAGE
========================================================== */
.bnu-page {
    --bnu-black: #090909;
    --bnu-charcoal: #171717;
    --bnu-gold: #c8952f;
    --bnu-gold-light: #e2b85c;
    --bnu-cream: #fbf7ef;
    --bnu-text: #201d19;
    --bnu-muted: #6f675d;
    overflow: hidden;
    font-family: "Poppins", sans-serif;
    color: var(--bnu-text);
    background: var(--bnu-cream);
}

.bnu-page h1,
.bnu-page h2,
.bnu-page h3,
.bnu-modal h5 {
    font-family: Georgia, "Times New Roman", serif;
}

.bnu-hero {
    min-height: 680px;
    display: grid;
    grid-template-columns: minmax(320px, 43%) 1fr;
    color: #fff;
    background:
        radial-gradient(circle at 87% 9%, rgba(200, 149, 47, .18), transparent 26%),
        linear-gradient(125deg, #050505 0%, #111 55%, #1d1a14 100%);
    position: relative;
    isolation: isolate;
}

.bnu-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    opacity: .28;
    pointer-events: none;
    background-image:
        repeating-linear-gradient(120deg, rgba(255,255,255,.03) 0 1px, transparent 1px 5px);
    z-index: -1;
}

.bnu-hero-photo {
    min-height: 680px;
    position: relative;
    overflow: hidden;
    border-right: 2px solid var(--bnu-gold);
    border-radius: 0 0 46% 0;
}

.bnu-hero-photo::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(0,0,0,.15), rgba(0,0,0,.02)),
        linear-gradient(0deg, rgba(0,0,0,.3), transparent 50%);
}

.bnu-hero-photo img {
    width: 100%;
    height: 100%;
    min-height: 680px;
    object-fit: cover;
    object-position: left center;
    transform: scale(1.04);
    transition: transform 1.2s ease;
}

.bnu-hero:hover .bnu-hero-photo img {
    transform: scale(1.1);
}

.bnu-hero-content {
    display: flex;
    align-items: center;
    padding: 88px clamp(32px, 6vw, 105px) 78px clamp(35px, 6vw, 105px);
}

.bnu-hero-inner {
    max-width: 760px;
}

.bnu-eyebrow,
.bnu-heading > p,
.bnu-final-cta-content > p,
.bnu-modal-header > p {
    margin: 0 0 14px;
    color: var(--bnu-gold-light);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.55px;
    line-height: 1.5;
    text-transform: uppercase;
}

.bnu-eyebrow span {
    display: inline-block;
    width: 5px;
    height: 5px;
    margin: 0 8px 2px;
    border-radius: 50%;
    background: var(--bnu-gold);
}

.bnu-hero h1 {
    margin: 0;
    color: #f0c86d;
    font-size: clamp(48px, 5vw, 82px);
    font-weight: 700;
    letter-spacing: -2.2px;
    line-height: .95;
}

.bnu-hero-subtitle {
    margin: 26px 0 0;
    color: #fff8ea;
    font-size: clamp(19px, 2vw, 27px);
    font-weight: 600;
    line-height: 1.35;
}

.bnu-hero-description {
    max-width: 610px;
    margin: 17px 0 28px;
    color: rgba(255,255,255,.76);
    font-size: 16px;
    line-height: 1.8;
}

.bnu-facts {
    display: flex;
    flex-wrap: wrap;
    gap: 11px;
    margin-bottom: 31px;
}

.bnu-fact {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 47px;
    padding: 10px 14px;
    border: 1px solid rgba(226,184,92,.75);
    border-radius: 6px;
    color: #fff3d8;
    background: rgba(0,0,0,.18);
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    transition: transform .25s ease, background .25s ease, box-shadow .25s ease;
}

.bnu-fact:hover {
    transform: translateY(-5px);
    background: rgba(200,149,47,.16);
    box-shadow: 0 12px 24px rgba(0,0,0,.25);
}

.bnu-fact i {
    color: var(--bnu-gold-light);
    font-size: 17px;
}

.bnu-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    min-height: 53px;
    padding: 14px 25px;
    border: 1px solid var(--bnu-gold);
    border-radius: 5px;
    color: #fff !important;
    background: linear-gradient(135deg, #080808, #26211a);
    box-shadow: 0 9px 20px rgba(0,0,0,.24);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .5px;
    text-decoration: none;
    text-transform: uppercase;
    transition: transform .25s ease, box-shadow .25s ease, background .25s ease;
}

.bnu-button:hover {
    transform: translateY(-4px);
    color: #17120b !important;
    background: linear-gradient(135deg, #e5bf68, #b77d21);
    box-shadow: 0 15px 26px rgba(200,149,47,.24);
}

.bnu-button i {
    transition: transform .25s ease;
}

.bnu-button:hover i {
    transform: translateX(4px);
}

.bnu-button-gold {
    border: 0;
    color: #211608 !important;
    background: linear-gradient(135deg, #edca77, #b8791e);
}

.bnu-programme-line {
    margin: 22px 0 0;
    color: rgba(255,247,231,.72);
    font-size: 12px;
    line-height: 1.6;
}

.bnu-programme-line span {
    margin: 0 9px;
    color: var(--bnu-gold);
}

.bnu-section {
    padding: 105px 0;
}

.bnu-programmes-section,
.bnu-journey-section {
    background:
        radial-gradient(circle at 0 0, rgba(200,149,47,.06), transparent 25%),
        var(--bnu-cream);
}

.bnu-heading {
    max-width: 850px;
    margin: 0 auto 52px;
    text-align: center;
}

.bnu-heading > p {
    margin-bottom: 10px;
    color: #a56e18;
}

.bnu-heading h2 {
    margin: 0;
    color: var(--bnu-text);
    font-size: clamp(34px, 4vw, 53px);
    font-weight: 700;
    letter-spacing: -1.5px;
    line-height: 1.12;
}

.bnu-heading h2::after {
    content: "";
    display: block;
    width: 47px;
    height: 2px;
    margin: 20px auto 0;
    background: var(--bnu-gold);
}

.bnu-degree-card {
    height: 100%;
    min-height: 410px;
    padding: 39px;
    border: 1px solid rgba(200,149,47,.6);
    border-radius: 10px;
    background: rgba(255,255,255,.56);
    box-shadow: 0 15px 37px rgba(38,27,7,.05);
    transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}

.bnu-degree-card:hover {
    transform: translateY(-11px);
    border-color: #b77d21;
    box-shadow: 0 24px 45px rgba(66,44,8,.16);
}

.bnu-card-icon,
.bnu-diploma-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 59px;
    height: 59px;
    margin-bottom: 28px;
    border-radius: 50%;
    color: #f3cf78;
    background: radial-gradient(circle at 30% 25%, #3a3020, #080808 72%);
    font-size: 23px;
    box-shadow: inset 0 0 0 1px rgba(226,184,92,.55);
}

.bnu-degree-card h3 {
    margin: 0;
    color: #201b14;
    font-size: clamp(25px, 2.2vw, 34px);
    font-weight: 700;
    line-height: 1.2;
}

.bnu-card-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 11px;
    margin: 19px 0;
    color: #b77d21;
    font-size: 14px;
    font-weight: 700;
}

.bnu-card-meta b {
    color: #765625;
}

.bnu-gold-line {
    width: 38px;
    height: 2px;
    margin: 20px 0;
    background: var(--bnu-gold);
}

.bnu-card-description {
    max-width: 390px;
    min-height: 56px;
    margin: 0 0 20px;
    color: #5e5549;
    font-size: 14px;
    line-height: 1.8;
}

.bnu-modules summary {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    color: #1d1913;
    font-size: 13px;
    font-weight: 700;
    list-style: none;
}

.bnu-modules summary::-webkit-details-marker {
    display: none;
}

.bnu-modules summary i {
    color: #b77d21;
    transition: transform .25s ease;
}

.bnu-modules[open] summary i {
    transform: rotate(90deg);
}

.bnu-modules ul {
    margin: 18px 0 0;
    padding-left: 19px;
    color: #675d50;
    font-size: 13px;
    line-height: 1.9;
}

.bnu-pathway-section {
    position: relative;
    padding: 105px 0;
    overflow: hidden;
    color: #fff;
    background:
        radial-gradient(circle at 92% 16%, rgba(206,146,51,.18), transparent 22%),
        radial-gradient(circle at 8% 90%, rgba(255,255,255,.05), transparent 18%),
        repeating-linear-gradient(130deg, rgba(255,255,255,.025) 0 1px, transparent 1px 6px),
        linear-gradient(125deg, #050505, #151412 55%, #070707);
}

.bnu-heading-light > p {
    color: #e6bd66;
}

.bnu-heading-light h2 {
    color: #f2d386;
}

.bnu-pathway {
    display: grid;
    grid-template-columns: 1fr 80px 1fr 80px 1fr;
    align-items: center;
    max-width: 1040px;
    margin: 0 auto 48px;
}

.bnu-pathway-step {
    position: relative;
    text-align: center;
}

.bnu-step-number {
    position: absolute;
    top: -5px;
    left: calc(50% - 21px);
    z-index: 2;
    display: grid;
    width: 29px;
    height: 29px;
    place-items: center;
    border-radius: 50%;
    color: #fff;
    background: linear-gradient(135deg, #e7c06d, #a96d16);
    font-size: 12px;
    font-weight: 700;
}

.bnu-pathway-icon {
    display: grid;
    width: 86px;
    height: 86px;
    margin: 0 auto 18px;
    place-items: center;
    border: 2px solid var(--bnu-gold);
    border-radius: 50%;
    color: #e9c270;
    font-size: 32px;
    box-shadow: 0 0 25px rgba(200,149,47,.1);
    transition: transform .3s ease, background .3s ease;
}

.bnu-pathway-step:hover .bnu-pathway-icon {
    transform: scale(1.09);
    background: rgba(200,149,47,.13);
}

.bnu-pathway-step h3 {
    margin: 0;
    color: #fff4da;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.45;
}

.bnu-pathway-arrow {
    color: #d9aa4e;
    font-size: 35px;
    text-align: center;
    animation: bnuArrowMove 1.8s ease-in-out infinite;
}

@keyframes bnuArrowMove {
    50% { transform: translateX(8px); }
}

.bnu-diploma-box {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 21px;
    max-width: 1100px;
    margin: 0 auto;
    padding: 18px 24px;
    border: 1px solid rgba(226,184,92,.76);
    border-radius: 10px;
    background: rgba(0,0,0,.27);
}

.bnu-diploma-icon {
    width: 50px;
    height: 50px;
    margin: 0;
    font-size: 19px;
}

.bnu-diploma-box h3 {
    margin: 0 0 4px;
    color: #fff7e5;
    font-family: "Poppins", sans-serif;
    font-size: 17px;
    font-weight: 600;
}

.bnu-diploma-box p {
    margin: 0;
    color: rgba(255,255,255,.7);
    font-size: 13px;
}

.bnu-learning-section {
    background: #fdf9f1;
}

.bnu-learning-grid {
    border-top: 1px solid rgba(200,149,47,.28);
    border-bottom: 1px solid rgba(200,149,47,.28);
}

.bnu-learning-item {
    min-height: 265px;
    padding: 30px 24px;
    text-align: center;
    transition: background .3s ease, transform .3s ease;
}

.bnu-learning-item:hover {
    transform: translateY(-7px);
    background: #fff;
}

.bnu-learning-item:not(:last-child) {
    border-right: 1px solid rgba(200,149,47,.25);
}

.bnu-learning-item > i {
    display: block;
    margin-bottom: 20px;
    color: #b77d21;
    font-size: 48px;
    transition: transform .3s ease;
}

.bnu-learning-item:hover > i {
    transform: scale(1.12);
}

.bnu-learning-item h3 {
    margin: 0 0 12px;
    color: #292116;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.45;
}

.bnu-learning-item p {
    margin: 0;
    color: #675e52;
    font-size: 13px;
    line-height: 1.7;
}

.bnu-journey {
    position: relative;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 12px;
}

.bnu-journey::before {
    content: "";
    position: absolute;
    top: 22px;
    right: 9%;
    left: 9%;
    border-top: 2px dotted #c8952f;
}

.bnu-journey-item {
    position: relative;
    z-index: 1;
    padding: 0 9px;
    text-align: center;
}

.bnu-journey-item span {
    display: grid;
    width: 45px;
    height: 45px;
    margin: 0 auto 17px;
    place-items: center;
    border: 2px solid #d7aa54;
    border-radius: 50%;
    color: #fff;
    background: #111;
    font-size: 16px;
    font-weight: 700;
    box-shadow: 0 0 0 7px var(--bnu-cream);
    transition: transform .3s ease, background .3s ease;
}

.bnu-journey-item:hover span {
    transform: scale(1.13);
    background: #c8952f;
}

.bnu-journey-item h3 {
    margin: 0 0 8px;
    color: #292116;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.35;
}

.bnu-journey-item p {
    margin: 0;
    color: #6d6459;
    font-size: 12px;
    line-height: 1.6;
}

.bnu-final-cta {
    position: relative;
    overflow: hidden;
    padding: 95px 0;
    color: #fff;
    background:
        radial-gradient(circle at 85% 45%, rgba(200,149,47,.3), transparent 12%),
        repeating-linear-gradient(130deg, rgba(255,255,255,.025) 0 1px, transparent 1px 6px),
        #0a0a0a;
}

.bnu-final-cta::after {
    content: "W";
    position: absolute;
    right: 8%;
    bottom: -125px;
    color: rgba(200,149,47,.08);
    font-family: Georgia, serif;
    font-size: 520px;
    font-weight: 700;
    line-height: 1;
    pointer-events: none;
}

.bnu-final-cta-content {
    position: relative;
    z-index: 1;
    max-width: 670px;
}

.bnu-final-cta-content h2 {
    margin: 0;
    color: #f2cf80;
    font-size: clamp(39px, 4vw, 62px);
    font-weight: 700;
    letter-spacing: -1.6px;
    line-height: 1.05;
}

.bnu-final-cta-content .bnu-gold-line {
    width: 50px;
    margin: 25px 0;
}

.bnu-final-text {
    max-width: 480px;
    margin: 0 0 28px;
    color: rgba(255,255,255,.8);
    font-size: 16px;
    line-height: 1.8;
}

/* Modal */
.bnu-modal {
    overflow: hidden;
    border: 1px solid rgba(200,149,47,.65);
    border-radius: 12px;
    background: #12110f;
    color: #fff;
}

.bnu-modal .modal-header {
    align-items: flex-start;
    padding: 27px 30px 20px;
    border-bottom: 1px solid rgba(200,149,47,.3);
}

.bnu-modal .modal-header p {
    margin: 0 0 7px;
    color: #d9aa4e;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}

.bnu-modal h5 {
    color: #f2d386;
    font-size: 29px;
    font-weight: 700;
}

.bnu-modal-close {
    filter: invert(1);
}

.bnu-modal .modal-body {
    padding: 27px 30px 31px;
}

.bnu-modal-intro {
    margin: 0 0 22px;
    color: rgba(255,255,255,.72);
    font-size: 14px;
    line-height: 1.7;
}

.bnu-modal-card {
    display: flex;
    align-items: center;
    gap: 14px;
    min-height: 92px;
    padding: 16px;
    border: 1px solid rgba(226,184,92,.4);
    border-radius: 7px;
    color: #fff4db;
    background: rgba(255,255,255,.03);
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    transition: transform .25s ease, background .25s ease, border-color .25s ease;
}

.bnu-modal-card:hover {
    transform: translateY(-4px);
    border-color: #e2b85c;
    color: #fff4db;
    background: rgba(200,149,47,.14);
}

.bnu-modal-card > i:first-child {
    color: #e2b85c;
    font-size: 21px;
}

.bnu-modal-card > i:last-child {
    margin-left: auto;
    color: #e2b85c;
}

/* Reveal animations */
.bnu-reveal {
    opacity: 0;
    transform: translateY(28px);
    transition: opacity .72s ease, transform .72s ease;
}

.bnu-reveal.bnu-visible {
    opacity: 1;
    transform: translateY(0);
}

/* Mobile */
@media (max-width: 991px) {
    .bnu-hero {
        grid-template-columns: 1fr;
    }

    .bnu-hero-photo {
        min-height: 410px;
        border-right: 0;
        border-bottom: 2px solid var(--bnu-gold);
        border-radius: 0 0 35% 0;
    }

    .bnu-hero-photo img {
        min-height: 410px;
    }

    .bnu-hero-content {
        padding: 58px 30px 65px;
    }

    .bnu-pathway {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .bnu-pathway-arrow {
        transform: rotate(90deg);
    }

    .bnu-pathway-arrow {
        animation: none;
    }

    .bnu-diploma-box {
        grid-template-columns: auto 1fr;
    }

    .bnu-diploma-box .bnu-button {
        grid-column: 1 / -1;
        width: 100%;
        margin-top: 4px;
    }

    .bnu-learning-item:nth-child(2) {
        border-right: 0;
    }

    .bnu-journey {
        grid-template-columns: repeat(2, 1fr);
        gap: 32px 15px;
    }

    .bnu-journey::before {
        display: none;
    }
}

@media (max-width: 575px) {
    .bnu-section,
    .bnu-pathway-section {
        padding: 74px 0;
    }

    .bnu-hero-photo,
    .bnu-hero-photo img {
        min-height: 330px;
    }

    .bnu-hero-content {
        padding: 48px 22px 56px;
    }

    .bnu-hero h1 {
        font-size: 49px;
    }

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

    .bnu-fact {
        justify-content: center;
        padding: 9px 7px;
        font-size: 9px;
        text-align: center;
    }

    .bnu-fact i {
        display: none;
    }

    .bnu-degree-card {
        min-height: 0;
        padding: 29px 25px;
    }

    .bnu-degree-card h3 {
        font-size: 26px;
    }

    .bnu-diploma-box {
        grid-template-columns: 1fr;
        padding: 24px 19px;
        text-align: center;
    }

    .bnu-diploma-icon {
        margin: 0 auto;
    }

    .bnu-learning-item {
        min-height: 0;
        border-right: 0 !important;
        border-bottom: 1px solid rgba(200,149,47,.25);
    }

    .bnu-learning-item:last-child {
        border-bottom: 0;
    }

    .bnu-journey {
        grid-template-columns: 1fr;
    }

    .bnu-modal .modal-header,
    .bnu-modal .modal-body {
        padding: 22px;
    }
}


/* ==========================================================
   BNU FINAL CTA – IMAGE VERSION
========================================================== */

.bnu-final-cta {
    position: relative;
    overflow: hidden;
    padding: 85px 0;
    color: #fff;
    background:
        repeating-linear-gradient(
            130deg,
            rgba(255,255,255,.025) 0 1px,
            transparent 1px 6px
        ),
        linear-gradient(125deg, #050505, #18130b 100%);
}

/* Removes the large decorative W from the old version */
.bnu-final-cta::after {
    display: none;
}

.bnu-final-cta-inner {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(400px, 510px);
    align-items: stretch;
    overflow: hidden;
    border: 1px solid rgba(226,184,92,.52);
    border-radius: 14px;
    background: rgba(0,0,0,.3);
    box-shadow: 0 22px 45px rgba(0,0,0,.3);
}

.bnu-final-cta-content {
    position: relative;
    z-index: 2;
    padding: 62px clamp(30px, 5vw, 75px);
}

.bnu-final-cta-content > p:first-child {
    color: #e4b75a;
}

.bnu-final-image-wrap {
    position: relative;
    min-height: 390px;
    overflow: hidden;
    border-left: 1px solid rgba(226,184,92,.55);
    background: #111;
}

.bnu-final-image-wrap::before {
    content: "";
    position: absolute;
    z-index: 1;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(8,8,8,.78) 0%, rgba(8,8,8,.12) 50%, transparent 100%),
        linear-gradient(0deg, rgba(0,0,0,.25), transparent 45%);
    pointer-events: none;
}

.bnu-final-image-wrap::after {
    content: "";
    position: absolute;
    z-index: 2;
    top: -18%;
    bottom: -18%;
    left: -30%;
    width: 48%;
    border: 2px solid rgba(226,184,92,.72);
    border-radius: 50%;
    pointer-events: none;
}

.bnu-final-image-wrap img {
    width: 100%;
    height: 100%;
    min-height: 390px;
    display: block;
    object-fit: cover;
    object-position: 73% center;
    transition: transform .7s ease;
}

.bnu-final-cta-inner:hover .bnu-final-image-wrap img {
    transform: scale(1.06);
}

@media (max-width: 991px) {
    .bnu-final-cta-inner {
        grid-template-columns: 1fr;
    }

    .bnu-final-image-wrap {
        min-height: 330px;
        border-top: 1px solid rgba(226,184,92,.55);
        border-left: 0;
    }

    .bnu-final-image-wrap img {
        min-height: 330px;
        object-position: 70% center;
    }

    .bnu-final-image-wrap::after {
        top: -30%;
        bottom: auto;
        left: -10%;
        width: 70%;
        height: 120%;
    }
}

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

    .bnu-final-cta-content {
        padding: 45px 25px;
    }

    .bnu-final-image-wrap,
    .bnu-final-image-wrap img {
        min-height: 270px;
    }
}




/* ==========================================================
   BNU MA EDUCATION PAGE
========================================================== */

.bnu-masters-hero {
    min-height: 680px;
    display: grid;
    grid-template-columns: minmax(320px, 43%) 1fr;
    overflow: hidden;
    background:
        radial-gradient(circle at 86% 12%, rgba(200,149,47,.18), transparent 25%),
        repeating-linear-gradient(130deg, rgba(255,255,255,.025) 0 1px, transparent 1px 6px),
        linear-gradient(125deg, #050505 0%, #15120c 100%);
}

.bnu-masters-media {
    position: relative;
    min-height: 680px;
    overflow: hidden;
    border-right: 2px solid #c8952f;
    border-radius: 0 0 46% 0;
}

.bnu-masters-media::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(0,0,0,.08), rgba(0,0,0,.34)),
        linear-gradient(0deg, rgba(0,0,0,.35), transparent 55%);
}

.bnu-masters-media img {
    width: 100%;
    height: 100%;
    min-height: 680px;
    display: block;
    object-fit: cover;
    object-position: left center;
    transform: scale(1.03);
    transition: transform 1s ease;
}

.bnu-masters-hero:hover .bnu-masters-media img {
    transform: scale(1.09);
}

.bnu-masters-hero-content {
    display: flex;
    align-items: center;
    padding: 88px clamp(32px, 6vw, 105px);
    color: #fff;
}

.bnu-masters-hero .bnu-hero-description {
    max-width: 610px;
}

.bnu-ma-overview-section {
    background:
        radial-gradient(circle at 4% 5%, rgba(200,149,47,.07), transparent 25%),
        #fbf7ef;
}

.bnu-section-label {
    margin: 0 0 13px;
    color: #a56e18;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.4px;
    text-transform: uppercase;
}

.bnu-ma-overview-copy h2,
.bnu-ma-entry-copy h2 {
    margin: 0;
    color: #211a12;
    font-size: clamp(37px, 4vw, 56px);
    font-weight: 700;
    line-height: 1.1;
}

.bnu-ma-overview-copy > p:last-child {
    max-width: 520px;
    margin: 0;
    color: #5f574c;
    font-size: 15px;
    line-height: 1.9;
}

.bnu-ma-glance-card {
    padding: 34px;
    border: 1px solid rgba(226,184,92,.75);
    border-radius: 12px;
    color: #fff;
    background:
        repeating-linear-gradient(130deg, rgba(255,255,255,.025) 0 1px, transparent 1px 6px),
        linear-gradient(135deg, #0c0c0b, #252015);
    box-shadow: 0 18px 40px rgba(0,0,0,.2);
    transition: transform .35s ease, box-shadow .35s ease;
}

.bnu-ma-glance-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 26px 48px rgba(0,0,0,.28);
}

.bnu-ma-glance-card h3 {
    margin: 0 0 18px;
    color: #e8bf67;
    font-family: "Poppins", sans-serif;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: .7px;
    text-align: center;
    text-transform: uppercase;
}

.bnu-glance-row {
    display: grid;
    grid-template-columns: 28px 1fr auto;
    align-items: center;
    gap: 12px;
    padding: 16px 0;
    border-top: 1px solid rgba(226,184,92,.24);
}

.bnu-glance-row i {
    color: #e1b75c;
    font-size: 18px;
    text-align: center;
}

.bnu-glance-row span {
    color: #ddb25a;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .4px;
    text-transform: uppercase;
}

.bnu-glance-row strong {
    color: #fff8e9;
    font-size: 13px;
    font-weight: 600;
    text-align: right;
}

.bnu-ma-audience-section {
    padding: 105px 0;
    background:
        radial-gradient(circle at 90% 14%, rgba(200,149,47,.16), transparent 23%),
        repeating-linear-gradient(130deg, rgba(255,255,255,.025) 0 1px, transparent 1px 6px),
        linear-gradient(125deg, #050505, #17130d);
}

.bnu-audience-card {
    min-height: 278px;
    padding: 29px 22px;
    border: 1px solid rgba(226,184,92,.62);
    border-radius: 11px;
    color: #fff;
    background: rgba(0,0,0,.18);
    text-align: center;
    transition: transform .3s ease, background .3s ease, box-shadow .3s ease;
}

.bnu-audience-card:hover {
    transform: translateY(-10px);
    background: rgba(200,149,47,.12);
    box-shadow: 0 20px 36px rgba(0,0,0,.25);
}

.bnu-audience-icon {
    display: grid;
    width: 72px;
    height: 72px;
    margin: 0 auto 20px;
    place-items: center;
    border: 1px solid #dbae53;
    border-radius: 50%;
    color: #e8bf67;
    font-size: 29px;
    transition: transform .3s ease;
}

.bnu-audience-card:hover .bnu-audience-icon {
    transform: rotate(-7deg) scale(1.08);
}

.bnu-audience-card h3 {
    margin: 0 0 13px;
    color: #f2d386;
    font-size: 21px;
    font-weight: 700;
    line-height: 1.25;
}

.bnu-audience-card p {
    margin: 0;
    color: rgba(255,255,255,.76);
    font-size: 13px;
    line-height: 1.72;
}

.bnu-ma-entry-section {
    padding: 58px 0;
    background: #fbf7ef;
    border-bottom: 1px solid rgba(200,149,47,.2);
}

.bnu-ma-entry-inner {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 28px;
}

.bnu-ma-entry-icon {
    display: grid;
    width: 100px;
    height: 100px;
    place-items: center;
    border-radius: 50%;
    color: #e5bd66;
    background: linear-gradient(135deg, #090909, #2c2417);
    font-size: 42px;
}

.bnu-ma-entry-copy h2 {
    font-size: 38px;
}

.bnu-ma-entry-copy .bnu-gold-line {
    margin: 16px 0;
}

.bnu-ma-entry-copy > p:last-child {
    max-width: 530px;
    margin: 0;
    color: #5d5549;
    font-size: 15px;
    line-height: 1.7;
}

@media (max-width: 991px) {
    .bnu-masters-hero {
        grid-template-columns: 1fr;
    }

    .bnu-masters-media {
        min-height: 410px;
        border-right: 0;
        border-bottom: 2px solid #c8952f;
        border-radius: 0 0 35% 0;
    }

    .bnu-masters-media img {
        min-height: 410px;
    }

    .bnu-masters-hero-content {
        padding: 58px 30px 65px;
    }

    .bnu-ma-entry-inner {
        grid-template-columns: auto 1fr;
    }

    .bnu-ma-entry-inner .bnu-button {
        grid-column: 1 / -1;
        width: 100%;
    }
}

@media (max-width: 575px) {
    .bnu-masters-media,
    .bnu-masters-media img {
        min-height: 330px;
    }

    .bnu-masters-hero-content {
        padding: 48px 22px 56px;
    }

    .bnu-ma-glance-card {
        padding: 25px 20px;
    }

    .bnu-glance-row {
        grid-template-columns: 24px 1fr;
    }

    .bnu-glance-row strong {
        grid-column: 2;
        text-align: left;
    }

    .bnu-ma-entry-inner {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .bnu-ma-entry-icon {
        margin: 0 auto;
    }

    .bnu-ma-entry-copy h2 {
        font-size: 35px;
    }

    .bnu-ma-entry-copy .bnu-gold-line {
        margin-right: auto;
        margin-left: auto;
    }
}

/* ============================================================
   WCA - GLOBAL PATHWAYS / PROGRAMS & TRAINING
   COMPACT VERSION
   ============================================================ */


/* =========================
   MAIN SECTION
========================= */

.wca-global-offerings {
    position: relative;
    width: 100%;
    min-height: 500px;
    padding: 32px 35px 42px;
    overflow: hidden;
    background: #050505;
}


/* =========================
   BACKGROUND IMAGE
========================= */

.wca-offerings-bg {
    position: absolute;
    inset: 0;

    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;

    transform: scale(1);

    transition:
        background-image 0.45s ease,
        transform 0.7s ease;
}


/* VERY SMALL IMAGE ZOOM ONLY */

.wca-global-offerings:hover .wca-offerings-bg {
    transform: scale(1.005);
}


/* =========================
   DARK OVERLAY
========================= */

.wca-offerings-overlay {
    position: absolute;
    inset: 0;
    z-index: 1;

    background:
        linear-gradient(
            90deg,
            rgba(0,0,0,0.96) 0%,
            rgba(0,0,0,0.88) 32%,
            rgba(0,0,0,0.60) 58%,
            rgba(0,0,0,0.42) 100%
        ),
        linear-gradient(
            0deg,
            rgba(0,0,0,0.88) 0%,
            rgba(0,0,0,0.10) 60%
        );
}


/* =========================
   INNER CONTAINER
========================= */

.wca-offerings-container {
    position: relative;
    z-index: 2;

    width: 100%;
    max-width: 1720px;

    margin: 0 auto;
}


/* ============================================================
   TOP TITLE AREA
============================================================ */

.wca-offerings-top {
    min-height: 205px;
    display: flex;
    align-items: center;
}


.wca-offerings-title {
    max-width: 500px;
    text-align: center;
}


/* GOLD SMALL DECORATION */

.wca-offerings-small-title {
    display: flex;
    align-items: center;
    justify-content: center;

    gap: 12px;

    margin-bottom: 7px;

    color: #CE9233;
}


.wca-small-line {
    width: 90px;
    height: 1px;

    background: linear-gradient(
        90deg,
        transparent,
        #CE9233
    );
}


.wca-offerings-small-title .wca-small-line:last-child {
    background: linear-gradient(
        90deg,
        #CE9233,
        transparent
    );
}


.wca-offerings-small-title i {
    font-size: 11px;
}


/* SMALL PROGRAMS & TRAINING TEXT */

.wca-program-label {
    margin-bottom: 9px;

    font-family: Georgia, "Times New Roman", serif;

    font-size: 13px;
    font-weight: 500;

    letter-spacing: 4px;

    color: #D4A04A;

    text-transform: uppercase;
}


/* MAIN HEADING */

.wca-offerings-title h2 {
    margin: 0;

    font-family: Georgia, "Times New Roman", serif;

    font-size: clamp(34px, 4vw, 56px);
    font-weight: 400;

    line-height: 1;

    letter-spacing: -1px;

    color: #FFFFFF;
}


.wca-offerings-title h2 strong {
    display: block;

    margin-top: 5px;

    font-weight: 400;

    color: #D29A37;
}


/* GOLD TITLE LINE */

.wca-title-decoration {
    display: flex;
    align-items: center;
    justify-content: center;

    gap: 7px;

    max-width: 240px;

    margin: 20px auto 0;
}


.wca-title-decoration span {
    flex: 1;

    height: 1px;

    background: #CE9233;
}


.wca-title-decoration i {
    font-size: 8px;

    color: #E6AE45;

    filter: drop-shadow(
        0 0 5px rgba(230,174,69,0.8)
    );
}



/* ============================================================
   CARDS
============================================================ */

.wca-offerings-cards {
    align-items: stretch;
}


.wca-offering-card {
    position: relative;

    height: 100%;
    min-height: 315px;

    padding: 18px 21px;

    overflow: hidden;

    border: 1px solid rgba(206,146,51,0.45);

    border-radius: 14px;

    background:
        linear-gradient(
            145deg,
            rgba(28,28,28,0.88),
            rgba(7,8,9,0.94)
        );

    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);

    box-shadow:
        0 12px 30px rgba(0,0,0,0.38);

    transition:
        transform 0.3s ease,
        background 0.3s ease,
        border-color 0.3s ease,
        box-shadow 0.3s ease;
}


/* ============================================================
   ALL CARDS - GOLD BORDER ON HOVER
============================================================ */

.wca-offering-card:hover {
    transform: translateY(-6px);

    border-color: #CE9233 !important;

    box-shadow:
        0 0 0 1px rgba(206,146,51,0.35),
        0 14px 32px rgba(0,0,0,0.42),
        0 0 22px rgba(206,146,51,0.28);
}


/* CARD INNER GLOW */

.wca-card-glow {
    position: absolute;

    inset: 0;

    pointer-events: none;

    opacity: 0;

    transition: opacity 0.3s ease;
}


.wca-offering-card:hover .wca-card-glow {
    opacity: 1;
}



/* ============================================================
   UNIVERSITY CARD - BLUE BACKGROUND, GOLD BORDER
============================================================ */

.wca-university-card:hover {
    background:
        radial-gradient(
            circle at 20% 0%,
            rgba(41,96,160,0.30),
            transparent 45%
        ),
        linear-gradient(
            145deg,
            #0B2548,
            #06162D
        );
}



/* ============================================================
   DIPLOMA CARD - CREAM BACKGROUND, GOLD BORDER
============================================================ */

.wca-diploma-card:hover {
    background:
        radial-gradient(
            circle at 30% 10%,
            rgba(255,245,218,0.95),
            transparent 62%
        ),
        linear-gradient(
            145deg,
            #FFF8E8,
            #EAD9B5
        );
}


/* DARK TEXT WHEN CREAM CARD HOVERS */

.wca-diploma-card:hover h3,
.wca-diploma-card:hover .wca-diploma-row,
.wca-diploma-card:hover .wca-card-icon {
    color: #171717;
}


.wca-diploma-card:hover .wca-card-heading-line span {
    background: #AE7924;
}



/* ============================================================
   TRAINING CARD - DARK GREEN/TEAL BACKGROUND, GOLD BORDER
============================================================ */

.wca-training-card:hover {
    background:
        radial-gradient(
            circle at 40% 0%,
            rgba(26,105,96,0.25),
            transparent 50%
        ),
        linear-gradient(
            145deg,
            #102B28,
            #071916
        );
}



/* ============================================================
   CARD HEADING
============================================================ */

.wca-card-heading {
    display: flex;
    align-items: center;

    gap: 11px;

    margin-bottom: 8px;
}


.wca-card-icon {
    flex: 0 0 48px;

    width: 48px;
    height: 48px;

    display: flex;
    align-items: center;
    justify-content: center;

    border: 1px solid #CE9233;

    border-radius: 50%;

    color: #DDA640;

    font-size: 18px;

    background: rgba(0,0,0,0.18);

    transition:
        transform 0.3s ease,
        color 0.3s ease,
        background 0.3s ease;
}


.wca-offering-card:hover .wca-card-icon {
    transform: scale(1.06);
}


.wca-card-heading h3 {
    margin: 0;

    font-family: Georgia, "Times New Roman", serif;

    font-size: 19px;
    font-weight: 400;

    line-height: 1.2;

    color: #FFFFFF;

    transition: color 0.3s ease;
}


.wca-card-heading h3 span {
    margin-right: 3px;

    color: #D7A03E;
}



/* ============================================================
   HEADING GOLD DIVIDER
============================================================ */

.wca-card-heading-line {
    display: flex;
    align-items: center;

    gap: 5px;

    margin:
        0
        0
        9px
        60px;
}


.wca-card-heading-line span {
    flex: 1;

    height: 1px;

    background: rgba(206,146,51,0.45);
}


.wca-card-heading-line i {
    font-size: 6px;

    color: #CE9233;
}



/* ============================================================
   UNIVERSITY / COUNTRY AREA
============================================================ */

.wca-country-row {
    display: flex;

    gap: 11px;

    padding: 8px 0;

    border-bottom:
        1px solid
        rgba(206,146,51,0.28);
}


.wca-country-last {
    border-bottom: none;
}


.wca-country-icon {
    flex: 0 0 30px;

    padding-top: 3px;

    text-align: center;

    font-size: 19px;

    color: #D5A13D;
}


.wca-country-content {
    flex: 1;
}


.wca-country-content h4 {
    margin:
        0
        0
        4px;

    font-size: 13px;
    font-weight: 600;

    color: #D9A441;
}


.wca-university-entry {
    display: flex;

    gap: 6px;

    margin-bottom: 5px;

    font-size: 11.5px;

    line-height: 1.35;

    color: rgba(255,255,255,0.92);
}


.wca-dot {
    color: #FFFFFF;
}



/* ============================================================
   COURSE BUTTONS
============================================================ */

.wca-course-links {
    display: flex;
    flex-wrap: wrap;

    gap: 4px;

    margin-top: 4px;
}


.wca-course-links a {
    display: inline-flex;
    align-items: center;

    padding: 3px 8px;

    border:
        1px solid
        rgba(206,146,51,0.55);

    border-radius: 20px;

    background:
        linear-gradient(
            135deg,
            #B98028,
            #805712
        );

    font-size: 9.5px;
    font-weight: 600;

    color: #FFFFFF;

    text-decoration: none;

    transition:
        transform 0.25s ease,
        background 0.25s ease;
}


.wca-course-links a:hover {
    transform: translateY(-1px);

    background: #CE9233;

    color: #FFFFFF;
}



/* ============================================================
   DIPLOMA + TRAINING LIST
============================================================ */

.wca-diploma-list,
.wca-training-list {
    display: flex;
    flex-direction: column;
}


.wca-diploma-row,
.wca-training-row {
    display: flex;
    align-items: center;

    gap: 10px;

    min-height: 44px;

    padding: 8px 3px;

    border-bottom:
        1px solid
        rgba(206,146,51,0.27);

    font-size: 12.5px;

    color: rgba(255,255,255,0.94);

    text-decoration: none;

    transition:
        padding-left 0.25s ease,
        color 0.25s ease;
}


.wca-diploma-row > i:first-child,
.wca-training-row > i:first-child {
    flex: 0 0 23px;

    font-size: 18px;

    color: #D4A03E;
}


.wca-diploma-row span,
.wca-training-row span {
    flex: 1;
}


.wca-arrow {
    font-size: 9px;

    color: #CE9233;

    opacity: 0.65;

    transition:
        transform 0.25s ease,
        opacity 0.25s ease;
}


.wca-diploma-row:hover,
.wca-training-row:hover {
    padding-left: 9px;

    color: #FFFFFF;
}


.wca-diploma-row:hover .wca-arrow,
.wca-training-row:hover .wca-arrow {
    opacity: 1;

    transform: translateX(3px);
}



/* ============================================================
   DIPLOMA CREAM CARD TEXT
============================================================ */

.wca-diploma-card:hover .wca-diploma-row {
    border-bottom-color: rgba(120,80,20,0.20);

    color: #1D1D1D;
}


.wca-diploma-card:hover
.wca-diploma-row > i:first-child,

.wca-diploma-card:hover
.wca-arrow {
    color: #A97219;
}



/* ============================================================
   TRAINING NOTE
============================================================ */

.wca-training-note {
    display: flex;
    align-items: flex-start;

    gap: 10px;

    margin-top: 14px;

    padding: 10px 11px;

    border:
        1px solid
        rgba(206,146,51,0.28);

    border-radius: 10px;

    background:
        rgba(206,146,51,0.07);
}


.wca-training-note i {
    font-size: 19px;

    color: #D4A03E;
}


.wca-training-note p {
    margin: 0;

    font-size: 11px;

    line-height: 1.45;

    color: rgba(255,255,255,0.75);
}



/* ============================================================
   TABLET
============================================================ */

@media (max-width: 1199px) {

    .wca-global-offerings {
        min-height: auto;

        padding:
            30px
            25px
            38px;
    }


    .wca-offerings-top {
        min-height: 190px;
    }


    .wca-card-heading h3 {
        font-size: 17px;
    }


    .wca-university-entry {
        font-size: 11px;
    }

}



/* ============================================================
   MOBILE / TABLET
============================================================ */

@media (max-width: 991px) {

    .wca-global-offerings {
        min-height: auto;

        padding:
            35px
            20px
            40px;
    }


    .wca-offerings-top {
        min-height: 185px;
    }


    .wca-offerings-title {
        margin: 0 auto;
    }


    .wca-offerings-overlay {
        background: rgba(0,0,0,0.76);
    }


    .wca-offering-card {
        min-height: auto;
    }

}



/* ============================================================
   MOBILE
============================================================ */

@media (max-width: 575px) {

    .wca-global-offerings {
        padding:
            30px
            13px
            32px;
    }


    .wca-offerings-top {
        min-height: 170px;
    }


    .wca-program-label {
        font-size: 10px;

        letter-spacing: 3px;
    }


    .wca-small-line {
        width: 50px;
    }


    .wca-offerings-title h2 {
        font-size: 34px;
    }


    .wca-title-decoration {
        max-width: 180px;

        margin-top: 15px;
    }


    .wca-offering-card {
        padding: 16px 15px;

        border-radius: 12px;
    }


    .wca-card-icon {
        flex-basis: 43px;

        width: 43px;
        height: 43px;

        font-size: 16px;
    }


    .wca-card-heading {
        gap: 9px;
    }


    .wca-card-heading h3 {
        font-size: 17px;
    }


    .wca-card-heading-line {
        margin-left: 0;
    }


    .wca-country-row {
        gap: 8px;
    }


    .wca-country-icon {
        flex-basis: 25px;

        font-size: 17px;
    }


    .wca-university-entry {
        font-size: 10.5px;
    }


    .wca-diploma-row,
    .wca-training-row {
        font-size: 12px;
    }

}



/* ==========================================================
   UCAM MBA PAGE
========================================================== */

.ucam-page {
  --ucam-black: #121211;
  --ucam-charcoal: #1d1d1b;
  --ucam-cream: #f8f3ea;
  --ucam-gold: #c99b32;
  --ucam-gold-light: #e5c068;
  --ucam-text: #1b1b1a;
  background: var(--ucam-cream);
  color: var(--ucam-text);
  font-family: "Poppins", sans-serif;
  overflow: hidden;
}

.ucam-page * {
  box-sizing: border-box;
}

.ucam-section {
  padding: 80px 0;
}

.ucam-dark {
  color: #fff;
  background:
    radial-gradient(circle at 85% 15%, rgba(201, 155, 50, .12), transparent 26%),
    linear-gradient(135deg, #111 0%, #22211f 100%);
}

.ucam-title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  text-align: center;
  margin-bottom: 38px;
}

.ucam-title:before,
.ucam-title:after {
  content: "";
  width: min(180px, 16vw);
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--ucam-gold));
}

.ucam-title:after {
  background: linear-gradient(90deg, var(--ucam-gold), transparent);
}

.ucam-title h2 {
  margin: 0;
  color: inherit;
  font-size: clamp(24px, 3vw, 34px);
  font-weight: 800;
  text-transform: uppercase;
}

.ucam-gold-line {
  width: 56px;
  height: 3px;
  margin: 18px 0 24px;
  background: var(--ucam-gold);
}

.ucam-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  padding: 16px 27px;
  border-radius: 8px;
  border: 0;
  color: #fff !important;
  background: linear-gradient(135deg, #af7918, #dfb64d);
  text-decoration: none !important;
  font-size: 14px;
  font-weight: 700;
  transition: .3s ease;
  box-shadow: 0 12px 23px rgba(183, 132, 27, .25);
}

.ucam-btn:hover {
  transform: translateY(-4px);
  filter: brightness(1.08);
  box-shadow: 0 18px 30px rgba(183, 132, 27, .38);
}

/* Hero */

.ucam-hero {
  display: grid;
  grid-template-columns: 1fr 1.08fr;
  min-height: 610px;
  background: var(--ucam-black);
}

.ucam-hero-image {
  min-height: 610px;
  overflow: hidden;
}

.ucam-hero-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: transform 1s ease;
}

.ucam-hero:hover .ucam-hero-image img {
  transform: scale(1.07);
}

.ucam-hero-copy {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 65px clamp(30px, 6vw, 90px);
  overflow: hidden;
  color: #fff;
  background: #171716;
}

.ucam-hero-copy:after {
  content: "";
  position: absolute;
  width: 400px;
  height: 400px;
  right: -270px;
  bottom: -220px;
  border: 1px solid var(--ucam-gold);
  border-radius: 50%;
  box-shadow: 0 0 0 36px rgba(201, 155, 50, .45);
  opacity: .65;
}

.ucam-eyebrow,
.ucam-hero-copy h1,
.ucam-hero-copy .ucam-gold-line,
.ucam-hero-sub,
.ucam-hero-badges,
.ucam-hero-copy .ucam-btn {
  position: relative;
  z-index: 1;
}

.ucam-eyebrow {
  color: #eee8dc;
  font-size: 15px;
  line-height: 1.5;
}

.ucam-hero-copy h1 {
  margin: 17px 0 0;
  color: #fff9ed;
  font-size: clamp(37px, 4.6vw, 63px);
  font-weight: 800;
  line-height: 1.08;
}

.ucam-hero-sub {
  margin-bottom: 25px;
  color: #eee8dc;
  font-size: 19px;
}

.ucam-hero-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 28px;
}

.ucam-hero-badge {
  min-width: 112px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 13px 15px;
  border: 1px solid rgba(201, 155, 50, .72);
  border-radius: 9px;
  font-size: 12px;
  font-weight: 700;
}

.ucam-hero-badge i {
  color: var(--ucam-gold-light);
  font-size: 21px;
}

/* Quick facts */

.ucam-glance-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 14px;
}

.ucam-glance-card {
  padding: 29px 16px 24px;
  border: 1px solid rgba(201, 155, 50, .42);
  border-radius: 10px;
  background: rgba(255, 255, 255, .48);
  text-align: center;
  transition: .35s ease;
}

.ucam-glance-card:hover {
  transform: translateY(-8px);
  background: #fff;
  box-shadow: 0 18px 30px rgba(30, 22, 8, .12);
}

.ucam-glance-card i {
  display: block;
  margin-bottom: 18px;
  color: #bd8c20;
  font-size: 39px;
}

.ucam-glance-card strong {
  display: block;
  margin-bottom: 7px;
  font-size: 17px;
}

.ucam-glance-card span {
  color: #66615a;
  font-size: 13px;
  line-height: 1.35;
}

/* Benefits */

.ucam-benefit-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 17px;
}

.ucam-benefit {
  min-height: 295px;
  padding: 34px 23px;
  border: 1px solid rgba(201, 155, 50, .75);
  border-radius: 10px;
  background: rgba(255, 255, 255, .025);
  text-align: center;
  transition: .35s ease;
}

.ucam-benefit:hover {
  transform: translateY(-8px);
  background: rgba(201, 155, 50, .09);
}

.ucam-benefit-icon {
  width: 70px;
  height: 70px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 21px;
  border: 1px solid var(--ucam-gold);
  border-radius: 50%;
  color: var(--ucam-gold-light);
  font-size: 28px;
  transition: .35s ease;
}

.ucam-benefit:hover .ucam-benefit-icon {
  transform: rotate(8deg);
  color: var(--ucam-black);
  background: var(--ucam-gold);
}

.ucam-benefit h3 {
  color: #fff;
  font-size: 19px;
  font-weight: 700;
}

.ucam-benefit p {
  margin: 13px 0 0;
  color: #e5dfd3;
  font-size: 14px;
  line-height: 1.55;
}

/* Overview */

.ucam-overview-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  overflow: hidden;
  border: 1px solid rgba(201, 155, 50, .45);
  border-radius: 10px;
  background: rgba(255, 255, 255, .45);
}

.ucam-overview-item {
  min-height: 200px;
  padding: 29px 17px;
  border-right: 1px solid rgba(201, 155, 50, .35);
  text-align: center;
  transition: .3s ease;
}

.ucam-overview-item:last-child {
  border-right: 0;
}

.ucam-overview-item:hover {
  background: #fff;
}

.ucam-overview-item i {
  display: block;
  margin-bottom: 17px;
  color: #bd8c20;
  font-size: 34px;
}

.ucam-overview-item strong {
  display: block;
  margin-bottom: 11px;
  font-size: 15px;
}

.ucam-overview-item span {
  color: #393530;
  font-size: 14px;
  line-height: 1.45;
}

/* Learning experience */

.ucam-learning {
  display: grid;
  grid-template-columns: .95fr 1.55fr;
  overflow: hidden;
  border-radius: 12px;
  color: #fff;
  background: #181817;
  box-shadow: 0 18px 35px rgba(0, 0, 0, .17);
}

.ucam-learning-image {
  min-height: 410px;
}

.ucam-learning-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ucam-learning-content {
  padding: 44px;
  background: radial-gradient(circle at right top, rgba(201, 155, 50, .12), transparent 38%), #181817;
}

.ucam-learning-content h2 {
  margin: 0;
  color: #fff;
  font-size: clamp(24px, 3vw, 32px);
  font-weight: 800;
  text-transform: uppercase;
}

.ucam-learning-points {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px 17px;
  margin-top: 28px;
}

.ucam-learning-point {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.ucam-learning-point i {
  width: 47px;
  height: 47px;
  flex: 0 0 47px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--ucam-gold);
  border-radius: 50%;
  color: var(--ucam-gold-light);
  font-size: 19px;
}

.ucam-learning-point h4 {
  margin: 0 0 7px;
  color: #fff;
  font-size: 15px;
}

.ucam-learning-point p {
  margin: 0;
  color: #d7d1c5;
  font-size: 12px;
  line-height: 1.5;
}

/* Entry and application */

.ucam-apply-grid {
  display: grid;
  grid-template-columns: .9fr 2fr;
  gap: 17px;
}

.ucam-entry,
.ucam-process {
  padding: 34px 26px;
  border-radius: 10px;
  color: #fff;
  background: radial-gradient(circle at 20% 10%, rgba(201, 155, 50, .12), transparent 35%), #1a1a19;
}

.ucam-entry h3,
.ucam-process h3 {
  margin: 0;
  color: #fff;
  font-size: 20px;
  text-align: center;
  text-transform: uppercase;
}

.ucam-entry .ucam-gold-line,
.ucam-process .ucam-gold-line {
  margin: 14px auto 26px;
}

.ucam-entry-content {
  display: flex;
  align-items: center;
  gap: 17px;
}

.ucam-entry-content i {
  width: 66px;
  height: 66px;
  flex: 0 0 66px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #fff;
  background: linear-gradient(135deg, #af7918, #dfb64d);
  font-size: 28px;
}

.ucam-entry-content p {
  margin: 0;
  color: #f2eee6;
  font-size: 15px;
  line-height: 1.55;
}

.ucam-steps {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 7px;
}

.ucam-step {
  position: relative;
  text-align: center;
}

.ucam-step:not(:last-child):after {
  content: "";
  position: absolute;
  top: 18px;
  left: 65%;
  width: 70%;
  height: 2px;
  background: linear-gradient(90deg, var(--ucam-gold), rgba(201, 155, 50, .2));
}

.ucam-step-number {
  position: relative;
  z-index: 1;
  width: 38px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 13px;
  border-radius: 50%;
  color: #fff;
  background: linear-gradient(135deg, #af7918, #dfb64d);
  font-weight: 700;
  transition: .3s ease;
}

.ucam-step:hover .ucam-step-number {
  transform: scale(1.15);
  box-shadow: 0 0 0 7px rgba(201, 155, 50, .15);
}

.ucam-step > i {
  display: block;
  margin-bottom: 10px;
  color: #fff;
  font-size: 24px;
}

.ucam-step span {
  display: block;
  color: #f1ede4;
  font-size: 12px;
  line-height: 1.3;
}

/* Final CTA */

.ucam-final-cta {
  margin-top: 18px;
  padding: 56px 25px;
  border: 1px solid rgba(201, 155, 50, .35);
  border-radius: 12px;
  color: #fff;
  background:
    linear-gradient(rgba(13, 13, 12, .9), rgba(13, 13, 12, .93)),
    url("https://images.unsplash.com/photo-1557683316-973673baf926?auto=format&fit=crop&w=1600&q=80") center/cover;
  text-align: center;
}

.ucam-final-cta h2 {
  margin: 0;
  color: #fff;
  font-size: clamp(25px, 3vw, 39px);
  font-weight: 800;
  text-transform: uppercase;
}

.ucam-final-cta .ucam-gold-line {
  margin-left: auto;
  margin-right: auto;
}

.ucam-final-cta p {
  margin: 0 0 25px;
  color: #e8e2d5;
  font-size: 17px;
}

@media (max-width: 991px) {
  .ucam-hero,
  .ucam-learning,
  .ucam-apply-grid {
    grid-template-columns: 1fr;
  }

  .ucam-hero-image {
    min-height: 420px;
  }

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

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

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

  .ucam-overview-item {
    border-bottom: 1px solid rgba(201, 155, 50, .35);
  }

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

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

  .ucam-glance-grid,
  .ucam-benefit-grid,
  .ucam-overview-grid,
  .ucam-learning-points {
    grid-template-columns: 1fr;
  }

  .ucam-overview-item {
    border-right: 0;
  }

  .ucam-learning-content {
    padding: 34px 23px;
  }

  .ucam-steps {
    grid-template-columns: repeat(2, 1fr);
    gap: 25px 8px;
  }

  .ucam-step:not(:last-child):after {
    display: none;
  }
}



/* FIX: UCAM online learning section height and alignment */

.ucam-learning {
  grid-template-columns: 40% 60%;
  min-height: 440px;
  height: 440px;
}

.ucam-learning-image {
  min-height: 0;
  height: 440px;
}

.ucam-learning-image img {
  width: 100%;
  height: 440px;
  display: block;
  object-fit: cover;
  object-position: center;
}

.ucam-learning-content {
  min-height: 440px;
  height: 440px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

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

  .ucam-learning-image,
  .ucam-learning-image img {
    height: 360px;
  }

  .ucam-learning-content {
    min-height: auto;
    height: auto;
  }
}


/* ============================================================
   WCA STUDENT SELECTOR
============================================================ */

.wca-student-selector {
    position: relative;
    overflow: hidden;
    padding: 65px 30px 55px;

    background:
        radial-gradient(
            circle at 88% 10%,
            rgba(206,146,51,0.08),
            transparent 25%
        ),
        linear-gradient(
            180deg,
            #ffffff 0%,
            #fffdf8 65%,
            #fbf4e5 100%
        );
}


/* Decorative circles */

.wca-student-selector::before {
    content: "";
    position: absolute;
    top: -140px;
    left: -120px;

    width: 330px;
    height: 330px;

    border:
        1px solid
        rgba(206,146,51,0.20);

    border-radius: 50%;
}


.wca-student-selector::after {
    content: "";
    position: absolute;
    right: -150px;
    bottom: -180px;

    width: 380px;
    height: 380px;

    border:
        1px solid
        rgba(206,146,51,0.18);

    border-radius: 50%;
}


.wca-student-selector-container {
    position: relative;
    z-index: 2;

    max-width: 1750px;

    margin: auto;
}



/* ============================================================
   HEADING
============================================================ */

.wca-selector-heading {
    max-width: 950px;

    margin:
        0
        auto
        38px;

    text-align: center;
}


.wca-selector-eyebrow {
    display: flex;

    justify-content: center;
    align-items: center;

    gap: 18px;

    margin-bottom: 12px;
}


.wca-selector-eyebrow span {
    width: 105px;
    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            #9c752d
        );
}


.wca-selector-eyebrow span:last-child {
    background:
        linear-gradient(
            90deg,
            #9c752d,
            transparent
        );
}


.wca-selector-eyebrow strong {
    color: #b17c1f;

    font-size: 13px;
    font-weight: 600;

    letter-spacing: 4px;

    text-transform: uppercase;
}


.wca-selector-heading h2 {
    margin: 0 0 11px;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    color: #111111;

    font-size:
        clamp(
            38px,
            4.2vw,
            62px
        );

    font-weight: 700;

    line-height: 1;

    text-transform: uppercase;
}


.wca-selector-heading h2 em {
    font-style: normal;

    color: #bd8725;
}


.wca-selector-heading p {
    margin: 0;

    color: #40505d;

    font-size: 16px;

    line-height: 1.5;
}



/* ============================================================
   CARD
============================================================ */

.wca-selector-card {
    position: relative;

    display: flex;
    flex-direction: column;

    height: 100%;
    min-height: 560px;

    overflow: hidden;

    border:
        1px solid
        rgba(0,0,0,0.07);

    border-radius: 18px;

    background: #ffffff;

    box-shadow:
        0
        12px
        32px
        rgba(0,0,0,0.08);

    transition:
        transform .38s ease,
        box-shadow .38s ease,
        border-color .38s ease;
}


.wca-selector-card:hover {
    transform:
        translateY(-10px);

    border-color:
        rgba(206,146,51,0.60);

    box-shadow:
        0
        22px
        45px
        rgba(0,0,0,0.13);
}



/* ============================================================
   TOP ICON + NUMBER
============================================================ */

.wca-selector-top {
    position: relative;

    display: flex;

    justify-content: space-between;
    align-items: flex-start;

    padding:
        22px
        25px
        5px;
}


.wca-selector-icon {
    width: 58px;
    height: 58px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background:
        linear-gradient(
            145deg,
            #ffe1a4,
            #e4aa3c
        );

    color: #252525;

    font-size: 22px;

    box-shadow:
        0
        6px
        18px
        rgba(206,146,51,0.18);

    transition:
        transform .35s ease,
        box-shadow .35s ease;
}


.wca-selector-card:hover
.wca-selector-icon {
    transform:
        rotate(-6deg)
        scale(1.08);

    box-shadow:
        0
        9px
        20px
        rgba(206,146,51,0.30);
}


.wca-selector-number {
    color:
        rgba(206,146,51,0.23);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 42px;
    font-weight: 700;

    line-height: 1;
}



/* ============================================================
   CARD CONTENT
============================================================ */

.wca-selector-content {
    position: relative;

    z-index: 5;

    padding:
        5px
        25px
        18px;
}


.wca-selector-content h3 {
    min-height: 72px;

    margin:
        5px
        0
        9px;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    color: #132536;

    font-size: 25px;
    font-weight: 700;

    line-height: 1.05;
}


.wca-selector-content h3 strong {
    display: inline;

    color: #bd8725;

    font-weight: 700;
}


.wca-selector-content p {
    min-height: 75px;

    margin-bottom: 16px;

    color: #465866;

    font-size: 15px;

    line-height: 1.45;
}



/* ============================================================
   BUTTON
============================================================ */

.wca-selector-btn {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 12px;

    min-height: 46px;

    padding:
        10px
        20px;

    border-radius: 30px;

    background:
        linear-gradient(
            135deg,
            #d39a34,
            #aa7418
        );

    color: #ffffff;

    font-size: 14px;
    font-weight: 600;

    text-decoration: none;

    box-shadow:
        0
        7px
        18px
        rgba(178,124,26,0.22);

    transition:
        transform .30s ease,
        box-shadow .30s ease,
        background .30s ease;
}


.wca-selector-btn:hover {
    transform:
        translateY(-2px);

    color: #ffffff;

    background:
        linear-gradient(
            135deg,
            #e3ad43,
            #946313
        );

    box-shadow:
        0
        10px
        22px
        rgba(178,124,26,0.34);
}


.wca-selector-btn i {
    transition:
        transform .28s ease;
}


.wca-selector-btn:hover i {
    transform:
        translateX(4px);
}



/* ============================================================
   PHOTO
============================================================ */

.wca-selector-photo {
    position: relative;
    height: 230px;
    margin-top: auto;
    overflow: hidden;
    background: #f4f1e9;
}

.wca-selector-photo img {
    width: 100%;
    height: 100%;

    object-fit: contain;
    object-position: center bottom;

    transition: transform .7s ease;
}

.wca-selector-card:hover .wca-selector-photo img {
    transform: scale(1.02);
}


/* Curved white top edge */

.wca-selector-photo::before {
    content: "";

    position: absolute;

    z-index: 3;

    top: -40px;
    left: -10%;

    width: 120%;
    height: 85px;

    border-radius:
        50%
        50%
        0
        0;

    background: #ffffff;

    transform:
        rotate(-6deg);

    transform-origin:
        center;
}


/* Gold line along curve */

.wca-selector-photo::after {
    content: "";

    position: absolute;

    z-index: 4;

    top: 4px;
    left: -12%;

    width: 125%;
    height: 4px;

    background:
        linear-gradient(
            90deg,
            transparent,
            #d9a33e 18%,
            #d9a33e 82%,
            transparent
        );

    transform:
        rotate(-6deg);

    transform-origin:
        center;
}



/* ============================================================
   FEATURED CARD
============================================================ */

.wca-selector-featured {
    border-color:
        rgba(206,146,51,0.78);

    background:
        linear-gradient(
            150deg,
            #272727,
            #101010
        );

    box-shadow:
        0
        16px
        34px
        rgba(0,0,0,0.20),
        0
        0
        16px
        rgba(206,146,51,0.16);
}


.wca-selector-featured:hover {
    border-color:
        #CE9233;

    box-shadow:
        0
        24px
        48px
        rgba(0,0,0,0.30),
        0
        0
        28px
        rgba(206,146,51,0.24);
}


.wca-selector-featured
.wca-selector-number {
    color:
        rgba(206,146,51,0.25);
}


.wca-selector-featured
.wca-selector-content h3 {
    color: #ffffff;
}


.wca-selector-featured
.wca-selector-content p {
    color:
        rgba(255,255,255,0.82);
}


.wca-selector-featured
.wca-selector-photo::before {
    background: #171717;
}


.wca-selector-featured-btn {
    box-shadow:
        0
        0
        18px
        rgba(223,170,66,0.30);
}



/* ============================================================
   BOTTOM CTA
============================================================ */

.wca-selector-bottom {
    position: relative;

    margin-top: 35px;

    text-align: center;
}


.wca-selector-bottom span {
    display: block;

    margin-bottom: 5px;

    color: #bd8725;

    font-size: 12px;
    font-weight: 600;

    letter-spacing: 3px;

    text-transform: uppercase;
}


.wca-selector-bottom h3 {
    margin:
        0
        0
        13px;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    color: #132536;

    font-size: 27px;
    font-weight: 700;
}


.wca-selector-main-btn {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 15px;

    min-width: 340px;
    min-height: 50px;

    padding:
        12px
        26px;

    border:
        1px solid
        #CE9233;

    border-radius: 30px;

    background:
        linear-gradient(
            145deg,
            #1d1d1d,
            #090909
        );

    color: #ffffff;

    font-size: 14px;
    font-weight: 600;

    text-decoration: none;

    box-shadow:
        0
        7px
        18px
        rgba(0,0,0,0.18);

    transition:
        transform .30s ease,
        background .30s ease,
        box-shadow .30s ease;
}


.wca-selector-main-btn:hover {
    transform:
        translateY(-3px);

    color: #ffffff;

    background:
        linear-gradient(
            135deg,
            #b68126,
            #dca948
        );

    box-shadow:
        0
        11px
        25px
        rgba(178,124,26,0.30);
}


.wca-selector-main-btn i {
    transition:
        transform .30s ease;
}


.wca-selector-main-btn:hover i {
    transform:
        translateX(5px);
}



/* ============================================================
   ENTRY ANIMATION
============================================================ */

.wca-selector-card {
    opacity: 0;

    animation:
        wcaCardReveal
        .75s
        ease
        forwards;
}


.wca-selector-grid
> div:nth-child(1)
.wca-selector-card {
    animation-delay: .10s;
}


.wca-selector-grid
> div:nth-child(2)
.wca-selector-card {
    animation-delay: .22s;
}


.wca-selector-grid
> div:nth-child(3)
.wca-selector-card {
    animation-delay: .34s;
}


.wca-selector-grid
> div:nth-child(4)
.wca-selector-card {
    animation-delay: .46s;
}


@keyframes wcaCardReveal {

    from {
        opacity: 0;

        transform:
            translateY(28px);
    }

    to {
        opacity: 1;

        transform:
            translateY(0);
    }

}



/* Small pulse on eligibility button */

.wca-selector-featured-btn {
    animation:
        wcaGoldPulse
        2.8s
        ease-in-out
        infinite;
}


@keyframes wcaGoldPulse {

    0%,
    100% {
        box-shadow:
            0
            0
            10px
            rgba(206,146,51,0.18);
    }

    50% {
        box-shadow:
            0
            0
            24px
            rgba(206,146,51,0.38);
    }

}



/* ============================================================
   RESPONSIVE
============================================================ */

@media
(max-width: 1199px) {

    .wca-selector-card {
        min-height: 540px;
    }


    .wca-selector-content h3 {
        font-size: 23px;
    }

}



@media
(max-width: 991px) {

    .wca-student-selector {
        padding:
            55px
            20px
            50px;
    }


    .wca-selector-heading {
        margin-bottom: 30px;
    }


    .wca-selector-heading h2 {
        font-size: 42px;
    }


    .wca-selector-card {
        min-height: 520px;
    }

}



@media
(max-width: 767px) {

    .wca-student-selector {
        padding:
            45px
            15px
            42px;
    }


    .wca-selector-eyebrow {
        gap: 8px;
    }


    .wca-selector-eyebrow span {
        width: 40px;
    }


    .wca-selector-eyebrow strong {
        font-size: 10px;

        letter-spacing: 2px;
    }


    .wca-selector-heading h2 {
        font-size: 34px;
    }


    .wca-selector-heading p {
        font-size: 14px;
    }


    .wca-selector-content h3 {
        min-height: auto;
    }


    .wca-selector-content p {
        min-height: auto;
    }


    .wca-selector-main-btn {
        min-width: auto;

        width: 100%;

        max-width: 360px;
    }

}



/* Accessibility */

@media
(prefers-reduced-motion: reduce) {

    .wca-selector-card,
    .wca-selector-featured-btn {
        animation: none;
        opacity: 1;
    }


    .wca-selector-card,
    .wca-selector-photo img,
    .wca-selector-icon,
    .wca-selector-btn,
    .wca-selector-main-btn {
        transition: none;
    }

}

/* =========================================================
   COMPACT VERSION - WHICH PATH DESCRIBES YOU?
========================================================= */

.wca-student-selector {
    padding: 38px 22px 34px;
}

.wca-selector-heading {
    max-width: 820px;
    margin: 0 auto 24px;
}

.wca-selector-eyebrow {
    margin-bottom: 8px;
    gap: 12px;
}

.wca-selector-eyebrow span {
    width: 75px;
}

.wca-selector-eyebrow strong {
    font-size: 11px;
    letter-spacing: 3px;
}

.wca-selector-heading h2 {
    font-size: clamp(30px, 3.4vw, 46px);
    margin-bottom: 8px;
}

.wca-selector-heading p {
    font-size: 14px;
    line-height: 1.45;
}

.wca-selector-card {
    min-height: 455px;
    border-radius: 15px;
}

.wca-selector-top {
    padding: 16px 20px 3px;
}

.wca-selector-icon {
    width: 48px;
    height: 48px;
    font-size: 18px;
}

.wca-selector-number {
    font-size: 34px;
}

.wca-selector-content {
    padding: 4px 20px 12px;
}

.wca-selector-content h3 {
    min-height: 56px;
    font-size: 21px;
    margin: 3px 0 7px;
}

.wca-selector-content p {
    min-height: 58px;
    font-size: 13px;
    line-height: 1.4;
    margin-bottom: 12px;
}

.wca-selector-btn {
    min-height: 40px;
    padding: 8px 16px;
    font-size: 12px;
}

.wca-selector-photo {
    height: 250px;
}

.wca-selector-bottom {
    margin-top: 24px;
}

.wca-selector-bottom span {
    font-size: 10px;
    letter-spacing: 2.5px;
}

.wca-selector-bottom h3 {
    font-size: 23px;
    margin-bottom: 10px;
}

.wca-selector-main-btn {
    min-width: 300px;
    min-height: 44px;
    padding: 10px 22px;
    font-size: 12px;
}

/* Reduce hover lift slightly */
.wca-selector-card:hover {
    transform: translateY(-6px);
}

/* Tablet */
@media (max-width: 991px) {
    .wca-student-selector {
        padding: 34px 18px 32px;
    }

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

    .wca-selector-card {
        min-height: 440px;
    }

    .wca-selector-photo {
        height: 175px;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .wca-student-selector {
        padding: 30px 12px 28px;
    }

    .wca-selector-heading {
        margin-bottom: 20px;
    }

    .wca-selector-heading h2 {
        font-size: 29px;
    }

    .wca-selector-card {
        min-height: auto;
    }

    .wca-selector-photo {
        height: 190px;
    }

    .wca-selector-main-btn {
        width: 100%;
        min-width: auto;
        max-width: 320px;
    }
}


/* FIX: UCAM hero wording position */

.ucam-hero-copy {
  justify-content: flex-start;
  padding-top: 160px;
  padding-bottom: 55px;
}

@media (max-width: 991px) {
  .ucam-hero-copy {
    padding-top: 55px;
    padding-bottom: 55px;
  }
}


/* Fix MA Education heading visibility */
.bnu-masters-hero .bnu-hero-inner h1 {
    color: #f2c76a !important;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(52px, 5.4vw, 84px);
    font-weight: 700;
    letter-spacing: -2px;
    line-height: 1;
    text-shadow:
        0 2px 0 rgba(0, 0, 0, 0.45),
        0 8px 22px rgba(0, 0, 0, 0.45);
}


/* =========================
   LRN PAGE DESIGN
========================= */

.lrn-page {
  font-family: Poppins, Arial, sans-serif;
  color: #1a1611;
  background: #fff;
}

.lrn-page h1,
.lrn-page h2,
.lrn-page h3 {
  font-family: Georgia, serif;
  font-weight: 700;
}

.lrn-hero {
  min-height: 570px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  background: #14110e;
}

.lrn-hero-photo {
  background: url('../img/lrn/lrn-hero.jpg') center / cover no-repeat;
}

.lrn-hero-copy {
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 70px 11%;
}

.lrn-page span,
.lrn-label,
.lrn-heading > span {
  display: block;
  color: #c6922d;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 1.8px;
  text-transform: uppercase;
}

.lrn-hero h1 {
  font-size: 58px;
  line-height: 1.08;
  margin: 18px 0;
  color: #fff;
}

.lrn-hero p {
  font-size: 17px;
  line-height: 1.8;
  color: #f5ead8;
  max-width: 550px;
}

.lrn-btn {
  display: inline-block;
  align-self: flex-start;
  background: #d7a33a;
  color: #181109 !important;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.6px;
  padding: 15px 23px;
  margin-top: 17px;
  text-decoration: none;
  transition: 0.3s ease;
}

.lrn-btn:hover {
  transform: translateY(-4px);
  background: #fff;
  box-shadow: 0 12px 24px rgba(214, 163, 58, 0.25);
}

.lrn-program {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 620px;
}

.lrn-content {
  padding: 85px 14%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.lrn-content h2 {
  font-size: 41px;
  line-height: 1.15;
  margin: 13px 0 18px;
}

.lrn-content p {
  font-size: 16px;
  line-height: 1.8;
}

.lrn-content ul {
  list-style: none;
  padding: 0;
  margin: 16px 0;
}

.lrn-content li {
  margin: 12px 0;
  font-size: 15px;
}

.lrn-content li::before {
  content: "✓";
  color: #bd8219;
  font-weight: 800;
  margin-right: 12px;
}

.lrn-image {
  min-height: 480px;
}

.foundation-image {
  background: url('../img/lrn/lrn-foundation.jpg') center / cover no-repeat;
}

.level7-image {
  background: url('../img/lrn/lrn-level7.jpg') center / cover no-repeat;
}

.lrn-entry {
  background: #f4ecdf;
  border-left: 4px solid #c6922d;
  padding: 16px 18px;
  font-size: 13px;
  line-height: 1.7;
  margin: 12px 0 4px;
}

.lrn-entry b {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.lrn-text-link {
  margin-top: 18px;
  color: #9b6508;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 800;
  text-decoration: none;
  letter-spacing: 0.5px;
}

.lrn-text-link i {
  margin-left: 8px;
  transition: 0.3s ease;
}

.lrn-text-link:hover i {
  transform: translateX(8px);
}

.lrn-program.dark {
  background: #171717;
  color: #fff;
}

.lrn-program.dark h2,
.lrn-program.dark p,
.lrn-program.dark li {
  color: #fff;
}

.lrn-program.dark .lrn-entry {
  background: #30291f;
  color: #fff;
}

.lrn-program.dark .lrn-text-link {
  color: #f0bc53;
}

.lrn-fit {
  background: #efe6d7;
  padding: 85px 7%;
}

.lrn-heading {
  text-align: center;
}

.lrn-heading h2 {
  font-size: 40px;
  margin: 8px 0 38px;
}

.lrn-fit-grid {
  max-width: 1060px;
  margin: auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}

.lrn-fit-item {
  min-height: 190px;
  padding: 30px;
  display: grid;
  grid-template-columns: 65px 1fr 25px;
  gap: 18px;
  align-items: center;
  border-top: 5px solid #c6922d;
  transition: 0.35s ease;
}

.light-fit {
  background: #fff;
}

.dark-fit {
  background: #1c1c1b;
  color: #fff;
}

.lrn-fit-icon {
  width: 62px;
  height: 62px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f7ecda;
  color: #9a650b;
  font-size: 24px;
}

.dark-fit .lrn-fit-icon {
  background: #342a1a;
  color: #f0bc53;
}

.lrn-fit-item small {
  font-size: 10px;
  color: #956211;
  font-weight: 800;
  letter-spacing: 1px;
}

.dark-fit small {
  color: #f0bc53;
}

.lrn-fit-item h3 {
  font-size: 20px;
  line-height: 1.3;
  margin: 8px 0;
}

.lrn-arrow {
  color: #b77d11;
}

.lrn-fit-item:hover {
  transform: translateY(-8px);
  box-shadow: 0 18px 35px rgba(25, 18, 10, 0.16);
}

.lrn-journey {
  padding: 90px 7%;
  background: #fff;
}

.lrn-steps {
  max-width: 1180px;
  margin: auto;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  position: relative;
  gap: 16px;
}

.lrn-steps::before {
  content: "";
  height: 3px;
  background: #d7a33a;
  position: absolute;
  left: 12%;
  right: 12%;
  top: 43px;
}

.lrn-steps article {
  background: #fff;
  position: relative;
  text-align: center;
  padding: 0 13px 14px;
}

.lrn-steps b {
  width: 86px;
  height: 86px;
  border-radius: 50%;
  background: #1a1713;
  border: 4px solid #d7a33a;
  color: #f0bc53;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  font-size: 21px;
  position: relative;
  z-index: 1;
}

.lrn-steps i {
  display: block;
  color: #bc8115;
  font-size: 23px;
  margin: 18px 0 8px;
}

.lrn-steps h3 {
  font-size: 18px;
  margin: 5px 0;
}

.lrn-steps p {
  font-size: 13px;
  line-height: 1.6;
  margin: 0;
}

.lrn-cta {
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  background: #0d0d0d;
  min-height: 540px;
  overflow: hidden;
}

.lrn-cta-copy {
  padding: 90px 12%;
  color: #fff;
  align-self: center;
}

.lrn-cta h2 {
  font-size: 51px;
  line-height: 1.1;
  margin: 14px 0 20px;
  color: #fff;
}

.lrn-cta p {
  line-height: 1.8;
  color: #fff6e9;
  font-size: 16px;
  max-width: 630px;
}

.lrn-cta-photo {
  min-height: 540px;
  background-image:
    linear-gradient(90deg, #0d0d0d 0%, rgba(13, 13, 13, 0.78) 18%, transparent 48%),
    url('../img/lrn/lrn-cta-woman.png');
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
}

.lrn-btn .fa-whatsapp {
  font-size: 16px;
  margin-right: 6px;
}

@media (max-width: 991px) {
  .lrn-hero,
  .lrn-program,
  .lrn-cta {
    grid-template-columns: 1fr;
  }

  .lrn-hero-photo {
    min-height: 370px;
  }

  .lrn-program.dark .lrn-image {
    order: 2;
  }

  .lrn-cta-photo {
    min-height: 430px;
    background-position: center;
  }

  .lrn-fit-grid,
  .lrn-steps {
    grid-template-columns: 1fr 1fr;
  }

  .lrn-steps::before {
    display: none;
  }
}

@media (max-width: 575px) {
  .lrn-hero-copy,
  .lrn-content,
  .lrn-cta-copy {
    padding: 60px 8%;
  }

  .lrn-hero h1,
  .lrn-cta h2 {
    font-size: 42px;
  }

  .lrn-content h2,
  .lrn-heading h2 {
    font-size: 32px;
  }

  .lrn-fit-grid,
  .lrn-steps {
    grid-template-columns: 1fr;
  }

  .lrn-fit {
    padding: 65px 6%;
  }

  .lrn-steps article {
    padding-bottom: 35px;
  }

  .lrn-image {
    min-height: 350px;
  }
}

/* LRN pathway heading below hero banner */
.lrn-pathway-intro {
  background: #f7f3eb;
  text-align: center;
  padding: 72px 20px 66px;
  position: relative;
}

.lrn-pathway-intro::after {
  content: "";
  position: absolute;
  width: 220px;
  height: 4px;
  background: #d7a33a;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.lrn-pathway-intro span {
  color: #a96e08;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 1.5px;
}

.lrn-pathway-intro h2 {
  color: #1a1611;
  font-family: Georgia, serif;
  font-size: 39px;
  font-weight: 700;
  margin: 12px 0 10px;
}

.lrn-pathway-intro p {
  color: #554c40;
  font-size: 16px;
  margin: 0 auto;
  max-width: 760px;
  line-height: 1.7;
}

@media (max-width: 575px) {
  .lrn-pathway-intro {
    padding: 55px 18px 52px;
  }

  .lrn-pathway-intro h2 {
    font-size: 30px;
    line-height: 1.25;
  }

  .lrn-pathway-intro p {
    font-size: 14px;
  }
}


/* ============================================================
   WCA PROGRAMME PATHWAY MODAL
============================================================ */

.wca-program-modal {
    position: fixed;
    inset: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 25px;

    opacity: 0;
    visibility: hidden;
    pointer-events: none;

    z-index: 999999;

    transition:
        opacity .3s ease,
        visibility .3s ease;
}


/* OPEN */

.wca-program-modal.active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}


/* OVERLAY */

.wca-program-modal-overlay {
    position: absolute;
    inset: 0;

    background:
        rgba(3, 7, 17, .88);

    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}


/* MAIN POPUP */

.wca-program-modal-box {
    position: relative;
    z-index: 2;

    width: 100%;
    max-width: 1000px;

    max-height: 88vh;

    overflow-y: auto;

    border:
        1px solid
        rgba(206,146,51,.75);

    border-radius: 17px;

    background:
        linear-gradient(
            145deg,
            #151514 0%,
            #0d0d0d 100%
        );

    box-shadow:
        0 30px 80px rgba(0,0,0,.65),
        0 0 35px rgba(206,146,51,.12);

    transform:
        translateY(30px)
        scale(.97);

    transition:
        transform .35s cubic-bezier(.2,.8,.2,1);
}


.wca-program-modal.active
.wca-program-modal-box {
    transform:
        translateY(0)
        scale(1);
}


/* ============================================================
   CLOSE BUTTON
============================================================ */

.wca-program-modal-close {
    position: absolute;

    top: 24px;
    right: 28px;

    width: 40px;
    height: 40px;

    display: flex;
    align-items: center;
    justify-content: center;

    border: 0;

    background: transparent;

    color: rgba(255,255,255,.55);

    font-size: 25px;

    cursor: pointer;

    z-index: 10;

    transition:
        color .25s ease,
        transform .25s ease;
}


.wca-program-modal-close:hover {
    color: #CE9233;

    transform: rotate(90deg);
}



/* ============================================================
   HEADER
============================================================ */

.wca-program-modal-header {
    padding:
        34px
        38px
        27px;

    border-bottom:
        1px solid
        rgba(206,146,51,.25);
}


.wca-program-modal-header span {
    display: block;

    margin-bottom: 11px;

    color: #D7A13E;

    font-family: "Poppins", sans-serif;

    font-size: 12px;
    font-weight: 600;

    letter-spacing: 2px;

    text-transform: uppercase;
}


.wca-program-modal-header h2 {
    margin: 0;

    padding-right: 55px;

    color: #F1C766;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 37px;
    font-weight: 700;

    line-height: 1.15;
}



/* ============================================================
   BODY
============================================================ */

.wca-program-modal-body {
    padding:
        32px
        38px
        38px;
}


.wca-program-modal-body > p {
    margin:
        0
        0
        26px;

    color:
        rgba(255,255,255,.74);

    font-size: 15px;

    line-height: 1.7;
}



/* ============================================================
   PROGRAMME GRID
============================================================ */

.wca-modal-program-grid {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 18px;
}



/* ============================================================
   INDIVIDUAL PROGRAMME
============================================================ */

.wca-modal-program-item {
    position: relative;

    display: flex;

    align-items: center;

    gap: 17px;

    min-height: 112px;

    padding:
        21px
        52px
        21px
        20px;

    overflow: hidden;

    border:
        1px solid
        rgba(206,146,51,.46);

    border-radius: 9px;

    background:
        linear-gradient(
            145deg,
            rgba(34,34,32,.92),
            rgba(22,22,21,.96)
        );

    color: #FFFFFF;

    text-decoration: none;

    transition:
        transform .3s ease,
        border-color .3s ease,
        background .3s ease,
        box-shadow .3s ease;
}


/* GOLD GLOW SWEEP */

.wca-modal-program-item::before {
    content: "";

    position: absolute;

    top: 0;
    left: -120%;

    width: 80%;
    height: 100%;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(206,146,51,.13),
            transparent
        );

    transform: skewX(-18deg);

    transition:
        left .55s ease;
}


.wca-modal-program-item:hover::before {
    left: 150%;
}


.wca-modal-program-item:hover {
    transform:
        translateY(-4px);

    border-color:
        #CE9233;

    background:
        linear-gradient(
            145deg,
            #28241d,
            #171512
        );

    color: #FFFFFF;

    box-shadow:
        0
        13px
        28px
        rgba(0,0,0,.30),
        0
        0
        15px
        rgba(206,146,51,.14);
}



/* ============================================================
   ICON
============================================================ */

.wca-modal-program-icon {
    flex:
        0
        0
        34px;

    width: 34px;

    display: flex;

    align-items: center;
    justify-content: center;

    color: #E2AE49;

    font-size: 24px;

    transition:
        transform .3s ease;
}


.wca-modal-program-item:hover
.wca-modal-program-icon {
    transform:
        scale(1.12);
}



/* ============================================================
   TEXT
============================================================ */

.wca-modal-program-info {
    position: relative;

    z-index: 2;

    flex: 1;
}


.wca-modal-program-info strong {
    display: block;

    color: #FFFFFF;

    font-size: 14px;
    font-weight: 600;

    line-height: 1.4;
}


.wca-modal-program-info small {
    display: block;

    margin-top: 5px;

    color:
        rgba(255,255,255,.50);

    font-size: 11px;
}



/* ============================================================
   ARROW
============================================================ */

.wca-modal-program-arrow {
    position: absolute;

    top: 50%;
    right: 20px;

    transform:
        translateY(-50%);

    color: #E3AB3D;

    font-size: 15px;

    transition:
        transform .3s ease;
}


.wca-modal-program-item:hover
.wca-modal-program-arrow {
    transform:
        translate(5px,-50%);
}



/* ============================================================
   BODY LOCK WHEN POPUP OPEN
============================================================ */

body.wca-modal-open {
    overflow: hidden;
}



/* ============================================================
   MOBILE
============================================================ */

@media (max-width: 767px) {

    .wca-program-modal {
        padding: 14px;
    }


    .wca-program-modal-box {
        max-height: 92vh;
    }


    .wca-program-modal-header {
        padding:
            27px
            22px
            21px;
    }


    .wca-program-modal-header h2 {
        font-size: 27px;
    }


    .wca-program-modal-close {
        top: 17px;
        right: 14px;
    }


    .wca-program-modal-body {
        padding:
            23px
            22px
            28px;
    }


    .wca-modal-program-grid {
        grid-template-columns: 1fr;

        gap: 12px;
    }


    .wca-modal-program-item {
        min-height: 86px;

        padding:
            16px
            45px
            16px
            16px;
    }

}


/* ============================================================
   WCA PROGRAMME PATHWAY MODAL
============================================================ */

.wca-program-modal {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 25px;

    opacity: 0;
    visibility: hidden;
    pointer-events: none;

    z-index: 999999;

    transition: opacity .3s ease, visibility .3s ease;
}

.wca-program-modal.active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.wca-program-modal-overlay {
    position: absolute;
    inset: 0;

    background: rgba(3, 7, 17, .88);

    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

.wca-program-modal-box {
    position: relative;
    z-index: 2;

    width: 100%;
    max-width: 1000px;
    max-height: 88vh;

    overflow-y: auto;

    border: 1px solid #CE9233;
    border-radius: 17px;

    background:
        linear-gradient(
            145deg,
            #171716 0%,
            #0d0d0d 100%
        );

    box-shadow:
        0 30px 80px rgba(0,0,0,.65),
        0 0 30px rgba(206,146,51,.12);

    transform: translateY(30px) scale(.97);

    transition: transform .35s ease;
}

.wca-program-modal.active .wca-program-modal-box {
    transform: translateY(0) scale(1);
}


/* CLOSE */

.wca-program-modal-close {
    position: absolute;
    top: 22px;
    right: 24px;

    width: 40px;
    height: 40px;

    display: flex;
    align-items: center;
    justify-content: center;

    border: none;
    background: transparent;

    color: rgba(255,255,255,.55);

    font-size: 25px;

    cursor: pointer;

    z-index: 10;

    transition: .3s ease;
}

.wca-program-modal-close:hover {
    color: #CE9233;
    transform: rotate(90deg);
}


/* HEADER */

.wca-program-modal-header {
    padding: 34px 38px 27px;

    border-bottom:
        1px solid rgba(206,146,51,.25);
}

.wca-program-modal-header span {
    display: block;

    margin-bottom: 10px;

    color: #D7A13E;

    font-size: 12px;
    font-weight: 600;

    letter-spacing: 2px;

    text-transform: uppercase;
}

.wca-program-modal-header h2 {
    margin: 0;

    padding-right: 50px;

    color: #F0C663;

    font-family: Georgia, "Times New Roman", serif;

    font-size: 36px;
    font-weight: 700;
}


/* BODY */

.wca-program-modal-body {
    padding: 30px 38px 38px;
}

.wca-program-modal-body > p {
    margin: 0 0 25px;

    color: rgba(255,255,255,.72);

    font-size: 15px;

    line-height: 1.6;
}


/* GRID */

.wca-modal-program-grid {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 18px;
}


/* PROGRAM CARDS */

.wca-modal-program-item {
    position: relative;

    display: flex;
    align-items: center;

    gap: 16px;

    min-height: 110px;

    padding: 20px 50px 20px 20px;

    border:
        1px solid rgba(206,146,51,.48);

    border-radius: 9px;

    background:
        linear-gradient(
            145deg,
            rgba(34,34,32,.95),
            rgba(20,20,19,.98)
        );

    color: #fff;

    text-decoration: none;

    overflow: hidden;

    transition:
        transform .3s ease,
        border-color .3s ease,
        box-shadow .3s ease,
        background .3s ease;
}

.wca-modal-program-item:hover {
    transform: translateY(-4px);

    border-color: #CE9233;

    background:
        linear-gradient(
            145deg,
            #29251e,
            #171512
        );

    color: #fff;

    box-shadow:
        0 12px 28px rgba(0,0,0,.32),
        0 0 15px rgba(206,146,51,.16);
}


/* GOLD SWEEP */

.wca-modal-program-item::before {
    content: "";

    position: absolute;

    top: 0;
    left: -120%;

    width: 80%;
    height: 100%;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(206,146,51,.13),
            transparent
        );

    transform: skewX(-18deg);

    transition: left .55s ease;
}

.wca-modal-program-item:hover::before {
    left: 150%;
}


/* ICON */

.wca-modal-program-icon {
    position: relative;
    z-index: 2;

    flex: 0 0 35px;

    width: 35px;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #E2AE49;

    font-size: 23px;

    transition: transform .3s ease;
}

.wca-modal-program-item:hover .wca-modal-program-icon {
    transform: scale(1.12);
}


/* TEXT */

.wca-modal-program-info {
    position: relative;
    z-index: 2;

    flex: 1;
}

.wca-modal-program-info strong {
    display: block;

    color: #fff;

    font-size: 14px;
    font-weight: 600;

    line-height: 1.4;
}

.wca-modal-program-info small {
    display: block;

    margin-top: 5px;

    color: rgba(255,255,255,.50);

    font-size: 11px;
}


/* ARROW */

.wca-modal-program-arrow {
    position: absolute;

    top: 50%;
    right: 19px;

    transform: translateY(-50%);

    color: #E3AB3D;

    font-size: 14px;

    transition: transform .3s ease;
}

.wca-modal-program-item:hover .wca-modal-program-arrow {
    transform: translate(5px, -50%);
}


/* STOP PAGE SCROLL */

body.wca-modal-open {
    overflow: hidden;
}


/* MOBILE */

@media (max-width: 767px) {

    .wca-program-modal {
        padding: 14px;
    }

    .wca-program-modal-box {
        max-height: 92vh;
    }

    .wca-program-modal-header {
        padding: 27px 22px 21px;
    }

    .wca-program-modal-header h2 {
        font-size: 27px;
    }

    .wca-program-modal-close {
        top: 15px;
        right: 12px;
    }

    .wca-program-modal-body {
        padding: 22px;
    }

    .wca-modal-program-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .wca-modal-program-item {
        min-height: 85px;

        padding:
            15px
            42px
            15px
            15px;
    }
}

/* =========================================
   LRN ROUND PATHWAY DESIGN - FINAL VERSION
========================================= */

.lrn-round-fit {
  background: #efe6d7;
  padding: 85px 7%;
}

.lrn-round-heading {
  text-align: center;
}

.lrn-round-heading span {
  display: block;
  color: #a96e08;
  font-family: Poppins, Arial, sans-serif;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.lrn-round-heading h2 {
  color: #1a1611;
  font-family: Georgia, serif;
  font-size: 40px;
  font-weight: 700;
  margin: 10px 0 45px;
}

.lrn-round-pathways {
  max-width: 980px;
  margin: 0 auto;
}

.lrn-round-row {
  display: grid;
  grid-template-columns: 170px 165px 1fr;
  align-items: center;
  gap: 28px;
  margin-bottom: 18px;
}

.lrn-round-circle {
  width: 155px;
  height: 155px;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  text-transform: uppercase;
  transition: 0.35s ease;
}

.lrn-round-circle span {
  font-family: Poppins, Arial, sans-serif;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0;
  color: inherit;
}

.lrn-round-circle strong {
  font-family: Poppins, Arial, sans-serif;
  font-size: 15px;
  margin-top: 3px;
  color: inherit;
}

.lrn-round-light {
  background: #ffffff;
  color: #93600a;
  border: 3px solid #cf961e;
  box-shadow: 0 8px 18px rgba(80, 51, 8, 0.12);
}

.lrn-round-dark {
  background: #1b1b1a;
  color: #ffffff;
  border: 3px solid #cf961e;
  box-shadow: 0 8px 18px rgba(80, 51, 8, 0.18);
}

.lrn-round-dark span {
  color: #f2bd4c;
}

.lrn-path-arrow {
  display: flex;
  align-items: center;
  color: #c1850d;
}

.lrn-path-arrow span {
  display: block;
  width: 105px;
  height: 3px;
  background: #cf961e;
}

.lrn-path-arrow i {
  font-size: 31px;
  margin-left: -3px;
}

.lrn-round-result {
  color: #80540b;
  font-family: Poppins, Arial, sans-serif;
  font-size: 18px;
  font-weight: 800;
  line-height: 1.45;
  text-transform: uppercase;
  transition: 0.3s ease;
}

.lrn-round-row:hover .lrn-round-circle {
  transform: scale(1.08);
}

.lrn-round-row:hover .lrn-round-result {
  transform: translateX(10px);
  color: #1b1b1a;
}

@media (max-width: 575px) {
  .lrn-round-fit {
    padding: 60px 20px;
  }

  .lrn-round-heading h2 {
    font-size: 30px;
    line-height: 1.25;
  }

  .lrn-round-row {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
    gap: 15px;
    margin-bottom: 45px;
  }

  .lrn-path-arrow {
    transform: rotate(90deg);
    margin: 12px 0;
  }

  .lrn-round-result {
    font-size: 16px;
  }
}

/* 5-card layout adjustment */
@media (min-width: 1200px) {

    .wca-selector-grid .col-xl {
        flex: 0 0 20%;
        max-width: 20%;
    }

    .wca-selector-card {
        min-height: 500px;
    }

    .wca-selector-content h3 {
        font-size: 20px;
    }

    .wca-selector-content p {
        font-size: 13px;
    }

    .wca-selector-photo {
        height: 185px;
    }

    .wca-selector-btn {
        font-size: 11px;
        padding: 8px 14px;
    }
}

/* =========================================================
   FINAL FIX - WHICH PATH DESCRIBES YOU PHOTOS
========================================================= */

/* Give photos more space */
.wca-selector-photo {
    position: relative;
    height: 240px !important;
    margin-top: auto;
    overflow: hidden;
    background: #f6f3ec;
}


/* Show full photo */
.wca-selector-photo img {
    width: 100%;
    height: 100%;

    object-fit: contain !important;
    object-position: center bottom !important;

    display: block;

    transform: scale(1);

    transition: transform .5s ease;
}


/* Very small zoom only */
.wca-selector-card:hover .wca-selector-photo img {
    transform: scale(1.015);
}


/* Reduce the white curved cover */
.wca-selector-photo::before {
    content: "";

    position: absolute;

    z-index: 3;

    top: -18px !important;
    left: -7% !important;

    width: 114% !important;
    height: 42px !important;

    border-radius: 50% 50% 0 0;

    background: #ffffff;

    transform: rotate(-4deg);
}


/* Keep gold curved line but make it thinner */
.wca-selector-photo::after {
    content: "";

    position: absolute;

    z-index: 4;

    top: 7px !important;
    left: -7% !important;

    width: 114% !important;
    height: 3px !important;

    background: linear-gradient(
        90deg,
        transparent,
        #d9a33e 15%,
        #d9a33e 85%,
        transparent
    );

    transform: rotate(-4deg);
}


/* Master / dark card support if used later */
.wca-selector-featured .wca-selector-photo::before {
    background: #171717;
}


/* Desktop */
@media (min-width: 1200px) {

    .wca-selector-photo {
        height: 235px !important;
    }

}


/* Tablet */
@media (max-width: 991px) {

    .wca-selector-photo {
        height: 230px !important;
    }

}


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

    .wca-selector-photo {
        height: 220px !important;
    }

}







/* ============================================================
   WCA STUDY PROGRESSION FLOWCHART POPUP
============================================================ */

.wca-flow-modal {
    position: fixed;
    inset: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 25px;

    opacity: 0;
    visibility: hidden;
    pointer-events: none;

    z-index: 9999999;

    transition:
        opacity .3s ease,
        visibility .3s ease;
}


.wca-flow-modal.active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}


/* BACKGROUND */

.wca-flow-overlay {
    position: absolute;
    inset: 0;

    background:
        rgba(3,7,17,.90);

    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}


/* MAIN POPUP */

.wca-flow-box {
    position: relative;
    z-index: 2;

    width: 100%;
    max-width: 1120px;

    max-height: 90vh;
    overflow-y: auto;

    background:
        linear-gradient(
            145deg,
            #171716,
            #090909
        );

    border:
        1px solid #CE9233;

    border-radius: 18px;

    box-shadow:
        0 30px 80px rgba(0,0,0,.65),
        0 0 30px rgba(206,146,51,.15);

    transform:
        translateY(25px)
        scale(.97);

    transition:
        transform .35s ease;
}


.wca-flow-modal.active
.wca-flow-box {
    transform:
        translateY(0)
        scale(1);
}



/* ============================================================
   CLOSE BUTTON
============================================================ */

.wca-flow-close {
    position: absolute;

    top: 20px;
    right: 22px;

    width: 42px;
    height: 42px;

    display: flex;
    align-items: center;
    justify-content: center;

    border: none;
    background: transparent;

    color:
        rgba(255,255,255,.55);

    font-size: 24px;

    cursor: pointer;

    z-index: 10;

    transition:
        color .3s ease,
        transform .3s ease;
}


.wca-flow-close:hover {
    color: #CE9233;

    transform:
        rotate(90deg);
}



/* ============================================================
   HEADER
============================================================ */

.wca-flow-header {
    padding:
        32px
        38px
        25px;

    border-bottom:
        1px solid
        rgba(206,146,51,.25);
}


.wca-flow-header > span {
    display: block;

    margin-bottom: 7px;

    color: #D5A03D;

    font-size: 11px;
    font-weight: 600;

    letter-spacing: 2.5px;

    text-transform: uppercase;
}


.wca-flow-header h2 {
    margin:
        0
        0
        7px;

    color: #F0C467;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 35px;
}


.wca-flow-header p {
    margin: 0;

    color:
        rgba(255,255,255,.65);

    font-size: 14px;
}



/* ============================================================
   BODY
============================================================ */

.wca-flow-body {
    padding:
        30px
        38px
        38px;
}



/* ============================================================
   FLOWCHART
============================================================ */

.wca-flowchart {
    display: flex;
    flex-direction: column;

    align-items: center;

    width: 100%;
}



/* ============================================================
   EACH LEVEL
============================================================ */

.wca-flow-level {
    width: 100%;

    text-align: center;
}


.wca-flow-level-label {
    display: inline-block;

    margin-bottom: 12px;

    padding:
        5px
        15px;

    border:
        1px solid
        rgba(206,146,51,.45);

    border-radius: 20px;

    color: #DCA640;

    font-size: 10px;
    font-weight: 600;

    letter-spacing: 2px;

    text-transform: uppercase;
}



/* ============================================================
   LEVEL OPTIONS
============================================================ */

.wca-flow-options {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;

    gap: 14px;

    width: 100%;
}



/* ============================================================
   FLOW BOX
============================================================ */

.wca-flow-item {
    position: relative;

    min-width: 190px;

    max-width: 285px;

    flex:
        1
        1
        190px;

    padding:
        17px
        18px;

    background:
        linear-gradient(
            145deg,
            #242321,
            #151514
        );

    border:
        1px solid
        rgba(206,146,51,.45);

    border-radius: 11px;

    color: #ffffff;

    text-decoration: none;

    transition:
        transform .3s ease,
        border-color .3s ease,
        background .3s ease,
        box-shadow .3s ease;
}


.wca-flow-item:hover {
    transform:
        translateY(-5px);

    border-color:
        #CE9233;

    color: #ffffff;

    background:
        linear-gradient(
            145deg,
            #302a20,
            #181612
        );

    box-shadow:
        0
        10px
        25px
        rgba(0,0,0,.35),
        0
        0
        15px
        rgba(206,146,51,.15);
}



.wca-flow-item-icon {
    width: 43px;
    height: 43px;

    display: flex;
    justify-content: center;
    align-items: center;

    margin:
        0
        auto
        9px;

    border-radius: 50%;

    background:
        rgba(206,146,51,.12);

    color: #E0AA43;

    font-size: 19px;
}


.wca-flow-item strong {
    display: block;

    color: #ffffff;

    font-size: 13px;
    font-weight: 600;

    line-height: 1.4;
}


.wca-flow-item small {
    display: block;

    margin-top: 4px;

    color:
        rgba(255,255,255,.50);

    font-size: 10px;

    line-height: 1.4;
}



/* ============================================================
   CONNECTOR
============================================================ */

.wca-flow-connector {
    position: relative;

    width: 2px;
    height: 44px;

    margin:
        4px
        auto;

    background:
        linear-gradient(
            #CE9233,
            rgba(206,146,51,.25)
        );
}


.wca-flow-connector::after {
    content: "";

    position: absolute;

    left: 50%;
    bottom: -2px;

    width: 9px;
    height: 9px;

    border-right:
        2px solid
        #CE9233;

    border-bottom:
        2px solid
        #CE9233;

    transform:
        translateX(-50%)
        rotate(45deg);
}



/* ============================================================
   CURRENT QUALIFICATION
============================================================ */

.wca-flow-current {
    border:
        1px solid
        #E1AD45;

    background:
        linear-gradient(
            145deg,
            #59451d,
            #282014
        );

    box-shadow:
        0
        0
        18px
        rgba(206,146,51,.18);
}


.wca-flow-current::before {
    content: "YOU ARE HERE";

    position: absolute;

    top: -10px;
    left: 50%;

    transform:
        translateX(-50%);

    padding:
        3px
        10px;

    border-radius: 15px;

    background:
        #CE9233;

    color: #111;

    font-size: 8px;
    font-weight: 700;

    letter-spacing: 1px;

    white-space: nowrap;
}



/* ============================================================
   MOBILE
============================================================ */

@media (max-width: 767px) {

    .wca-flow-modal {
        padding: 12px;
    }


    .wca-flow-header {
        padding:
            26px
            20px
            20px;
    }


    .wca-flow-header h2 {
        font-size: 26px;
    }


    .wca-flow-body {
        padding:
            23px
            18px
            28px;
    }


    .wca-flow-options {
        flex-direction: column;
    }


    .wca-flow-item {
        width: 100%;
        max-width: 100%;
    }

}

/* ============================================================
   WCA - STUDY GLOBALLY BANNER
============================================================ */

.wca-study-global-banner {
    width: 100%;
    padding: 35px 0;
    background: #fffdf8;
    overflow: hidden;
}

.wca-study-global-banner-inner {
    position: relative;

    width: 100%;
    max-width: 2048px;

    margin: 0 auto;

    overflow: hidden;

    box-shadow:
        0 16px 40px rgba(0,0,0,0.10);

    transition:
        transform .4s ease,
        box-shadow .4s ease;
}

.wca-study-global-banner-inner:hover {
    transform: translateY(-4px);

    box-shadow:
        0 22px 50px rgba(0,0,0,0.15);
}


/* MAIN IMAGE */

.wca-study-global-banner img {
    display: block;

    width: 100%;
    height: auto;

    object-fit: contain;
}


/* CLICKABLE AREA OVER
   "EXPLORE ONLINE PROGRAMMES" BUTTON */

.wca-global-banner-link {
    position: absolute;

    /* adjusted for your NEW banner image */
    left: 2.8%;
    bottom: 1.8%;

    width: 26.5%;
    height: 9.5%;

    z-index: 20;

    display: block;

    border-radius: 10px;

    cursor: pointer;

    background: transparent;
}


/* Optional hover glow so you know it is clickable */

.wca-global-banner-link:hover {
    background: rgba(206, 146, 51, 0.08);

    box-shadow:
        0 0 20px rgba(206, 146, 51, 0.28);
}


/* ============================================================
   SMOOTH SCROLL
============================================================ */

html {
    scroll-behavior: smooth;
}


/* ============================================================
   TABLET
============================================================ */

@media (max-width: 991px) {

    .wca-study-global-banner {
        padding: 25px 0;
    }

}


/* ============================================================
   MOBILE
============================================================ */

@media (max-width: 767px) {

    .wca-study-global-banner {
        padding: 18px 0;
    }

    .wca-study-global-banner-inner {
        box-shadow:
            0 10px 25px
            rgba(0,0,0,0.10);
    }

}

/* ==========================================================
   LMQ LEVEL 4 & LEVEL 5 DIPLOMA PAGE
========================================================== */

.lmq-page {
    --gold: #cfa34a;
    --cream: #f8f1e5;
    --black: #0a0a0a;
    color: #2b251e;
    font-family: Poppins, sans-serif;
    overflow: hidden;
}

.lmq-page * {
    box-sizing: border-box;
}

/* HERO */

.lmq-hero {
    min-height: 650px;
    display: grid;
    grid-template-columns: 43% 57%;
    background: var(--cream);
}

.lmq-hero-image {
    position: relative;
    min-height: 650px;
    overflow: hidden;
    background: #111;
}

.lmq-hero-image::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(0,0,0,.08), rgba(0,0,0,.5));
}

.lmq-hero-image img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 1s ease;
}

.lmq-hero:hover .lmq-hero-image img {
    transform: scale(1.06);
}

.lmq-hero-content {
    padding: 95px 9% 75px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background:
        radial-gradient(circle at 90% 85%, rgba(207,163,74,.17), transparent 26%),
        linear-gradient(135deg, #fffdf9, var(--cream));
}

.lmq-eyebrow {
    margin: 0 0 13px;
    color: var(--gold);
    font-size: 11px;
    letter-spacing: 2px;
    font-weight: 700;
    text-transform: uppercase;
}

.lmq-eyebrow.dark {
    color: #9c701f;
}

.lmq-hero h1 {
    margin: 0;
    color: #1e1914;
    font-size: clamp(36px, 4vw, 62px);
    line-height: 1.12;
    font-weight: 800;
    letter-spacing: -1.5px;
}

.lmq-hero h1 span {
    color: #9c701f;
}

.lmq-hero-subtitle {
    margin: 19px 0 0;
    font-size: 20px;
    font-weight: 600;
}

.lmq-hero-line,
.lmq-heading-line {
    display: block;
    width: 104px;
    height: 2px;
    margin: 20px 0;
    background: linear-gradient(90deg, transparent, var(--gold), transparent);
}

.lmq-badges {
    display: flex;
    gap: 14px;
    margin: 8px 0 28px;
    flex-wrap: wrap;
}

.lmq-badge {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 11px;
    line-height: 1.35;
    font-weight: 600;
}

.lmq-badge i {
    width: 43px;
    height: 43px;
    display: grid;
    place-items: center;
    color: #9c701f;
    border: 1px solid var(--gold);
    border-radius: 50%;
    font-size: 16px;
    transition: .35s ease;
}

.lmq-badge:hover i {
    background: var(--gold);
    color: #fff;
    transform: translateY(-4px) rotate(6deg);
}

.lmq-gold-btn,
.lmq-outline-btn {
    width: fit-content;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    text-decoration: none;
    font-weight: 700;
    transition: .35s ease;
}

.lmq-gold-btn {
    padding: 15px 25px;
    color: #171009;
    background: linear-gradient(135deg, #f3cd78, var(--gold) 55%, #a57420);
    box-shadow: 0 12px 26px rgba(125,85,19,.25);
}

.lmq-gold-btn:hover {
    color: #fff;
    transform: translateY(-4px);
    background: var(--black);
}

/* GENERAL SECTIONS */

.lmq-section {
    padding: 100px 0;
}

.lmq-cream-section,
.lmq-about-section,
.lmq-outcomes-section {
    background:
        radial-gradient(circle at 6% 12%, rgba(207,163,74,.10), transparent 18%),
        linear-gradient(135deg, #fffdf8, var(--cream));
}

.lmq-section-heading h2,
.lmq-left-title {
    margin: 0;
    color: #241e17;
    font-size: clamp(31px, 3vw, 46px);
    font-weight: 800;
}

.lmq-section-heading .lmq-heading-line {
    margin: 17px auto 0;
}

/* WHO IS THIS FOR */

.lmq-audience-card {
    height: 100%;
    padding: 38px 29px;
    text-align: center;
    background: rgba(255,255,255,.62);
    border: 1px solid rgba(207,163,74,.52);
    box-shadow: 0 14px 30px rgba(72,49,13,.07);
    transition: .38s ease;
}

.lmq-audience-card:hover {
    transform: translateY(-11px);
    background: #fff;
    box-shadow: 0 22px 38px rgba(72,49,13,.17);
}

.lmq-card-icon,
.lmq-mini-icon {
    width: 63px;
    height: 63px;
    margin: 0 auto 23px;
    display: grid;
    place-items: center;
    border: 1px solid var(--gold);
    border-radius: 50%;
    color: #9c701f;
    font-size: 23px;
    transition: .38s ease;
}

.lmq-audience-card:hover .lmq-card-icon {
    background: var(--gold);
    color: #fff;
    transform: rotateY(180deg);
}

.lmq-audience-card h3,
.lmq-outcome-content h3 {
    color: #241e17;
    font-size: 20px;
    font-weight: 700;
}

.lmq-audience-card p,
.lmq-about-section p,
.lmq-outcome-content p {
    margin: 14px 0 0;
    color: #635849;
    font-size: 14px;
    line-height: 1.85;
}

/* PATHWAY */

.lmq-pathway-section,
.lmq-skills-section {
    padding: 100px 0;
    background:
        radial-gradient(circle at 50% 50%, rgba(207,163,74,.13), transparent 29%),
        linear-gradient(135deg, #050505, #16110a 52%, #050505);
}

.light-heading h2 {
    color: #f8df9d;
}

.lmq-pathway-wrap {
    margin-top: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 13px;
}

.lmq-path-step {
    width: 180px;
    text-align: center;
}

.lmq-path-icon {
    width: 106px;
    height: 106px;
    margin: auto;
    display: grid;
    place-items: center;
    color: #ffe08a;
    font-size: 36px;
    border: 2px solid var(--gold);
    border-radius: 50%;
    background: radial-gradient(circle, rgba(207,163,74,.24), rgba(0,0,0,.2));
    box-shadow: 0 0 30px rgba(207,163,74,.33);
    animation: lmqGlow 2.8s ease-in-out infinite;
}

.lmq-path-step h3 {
    margin: 18px -15px 0;
    color: #fff3cc;
    font-size: 14px;
    line-height: 1.45;
    font-weight: 600;
}

.lmq-path-arrow {
    margin-top: -35px;
    color: #f6c850;
    font-size: 29px;
    animation: lmqArrow 1.8s ease-in-out infinite;
}

.lmq-path-note {
    margin: 38px auto 0;
    max-width: 780px;
    color: #ebcc82;
    font-size: 13px;
    font-style: italic;
    text-align: center;
}

/* ABOUT */

.lmq-left-title {
    line-height: 1.2;
}

.lmq-outline-btn {
    margin-top: 25px;
    padding: 13px 19px;
    color: #6b4810;
    border: 1px solid #9c701f;
}

.lmq-outline-btn:hover {
    color: #fff;
    background: var(--black);
    transform: translateY(-4px);
}

.lmq-about-image {
    min-height: 410px;
    overflow: hidden;
    border: 2px solid var(--gold);
    border-radius: 38% 9% 38% 9%;
    box-shadow: 16px 16px 0 rgba(207,163,74,.18);
}

.lmq-about-image img {
    width: 100%;
    height: 410px;
    object-fit: cover;
    transition: .8s ease;
}

.lmq-about-image:hover img {
    transform: scale(1.09);
}

/* SKILLS */

.lmq-skill-card {
    min-height: 112px;
    padding: 25px;
    display: flex;
    align-items: center;
    gap: 18px;
    border: 1px solid rgba(231,184,71,.67);
    background: rgba(255,255,255,.025);
    transition: .35s ease;
}

.lmq-skill-card i {
    color: #edc75e;
    font-size: 30px;
}

.lmq-skill-card h3 {
    margin: 0;
    color: #f9dda0;
    font-size: 17px;
    font-weight: 700;
}

.lmq-skill-card:hover {
    transform: translateY(-7px);
    background: linear-gradient(135deg, #d6aa48, #86601b);
}

.lmq-skill-card:hover i,
.lmq-skill-card:hover h3 {
    color: #100d09;
}

/* OUTCOMES */

.lmq-outcome-card {
    height: 100%;
    display: grid;
    grid-template-columns: 39% 61%;
    overflow: hidden;
    background: rgba(255,255,255,.65);
    border: 1px solid rgba(207,163,74,.55);
    box-shadow: 0 14px 30px rgba(72,49,13,.08);
    transition: .35s ease;
}

.lmq-outcome-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 22px 38px rgba(72,49,13,.17);
}

.lmq-outcome-image {
    overflow: hidden;
}

.lmq-outcome-image img {
    width: 100%;
    height: 100%;
    min-height: 252px;
    object-fit: cover;
    transition: .8s ease;
}

.lmq-outcome-card:hover .lmq-outcome-image img {
    transform: scale(1.1);
}

.lmq-outcome-content {
    padding: 28px 24px;
}

.lmq-mini-icon {
    width: 48px;
    height: 48px;
    margin: 0 0 15px;
    font-size: 18px;
}

.lmq-bottom-cta {
    margin-top: 60px;
    padding: 45px 20px;
    color: #fff;
    background: linear-gradient(135deg, #0a0a0a, #251b0c, #0a0a0a);
    border-top: 2px solid var(--gold);
}

.lmq-bottom-cta p {
    margin: 0 0 20px;
    color: #f9df9f;
    font-size: 20px;
    font-weight: 600;
}

/* WHATSAPP */

.lmq-floating-whatsapp {
    position: fixed;
    right: 23px;
    bottom: 23px;
    z-index: 9999;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 13px 18px;
    color: #fff !important;
    background: #25d366;
    border-radius: 50px;
    text-decoration: none !important;
    font-weight: 700;
    box-shadow: 0 10px 24px rgba(0,0,0,.25);
    animation: lmqWhatsapp 2.3s infinite;
    transition: .3s ease;
}

.lmq-floating-whatsapp i {
    font-size: 22px;
}

.lmq-floating-whatsapp:hover {
    background: #128c7e;
    transform: translateY(-5px);
}

/* ANIMATIONS */

@keyframes lmqGlow {
    0%, 100% {
        box-shadow: 0 0 22px rgba(207,163,74,.25);
    }

    50% {
        box-shadow: 0 0 42px rgba(207,163,74,.58);
    }
}

@keyframes lmqArrow {
    0%, 100% {
        transform: translateX(0);
        opacity: .65;
    }

    50% {
        transform: translateX(8px);
        opacity: 1;
    }
}

@keyframes lmqWhatsapp {
    0% {
        box-shadow: 0 0 0 0 rgba(37,211,102,.52);
    }

    70% {
        box-shadow: 0 0 0 14px rgba(37,211,102,0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(37,211,102,0);
    }
}

/* MOBILE */

@media (max-width: 991px) {
    .lmq-hero {
        grid-template-columns: 1fr;
    }

    .lmq-hero-image {
        min-height: 410px;
    }

    .lmq-hero-content {
        padding: 65px 9% 70px;
    }

    .lmq-pathway-wrap {
        flex-direction: column;
        gap: 8px;
    }

    .lmq-path-step {
        width: 100%;
    }

    .lmq-path-arrow {
        margin: 0;
        transform: rotate(90deg);
    }

    .lmq-outcome-card {
        grid-template-columns: 1fr;
    }

    .lmq-outcome-image img {
        min-height: 230px;
        max-height: 270px;
    }
}

@media (max-width: 575px) {
    .lmq-section,
    .lmq-pathway-section,
    .lmq-skills-section {
        padding: 70px 0;
    }

    .lmq-hero-image {
        min-height: 335px;
    }

    .lmq-hero h1 {
        font-size: 38px;
    }

    .lmq-hero-subtitle {
        font-size: 17px;
    }

    .lmq-badges {
        display: grid;
        grid-template-columns: 1fr;
    }

    .lmq-about-image,
    .lmq-about-image img {
        min-height: 300px;
        height: 300px;
    }

    .lmq-floating-whatsapp {
        right: 15px;
        bottom: 15px;
        padding: 13px;
    }

    .lmq-floating-whatsapp span {
        display: none;
    }
}

/* ==========================================================
   LMQ HERO BANNER — FINAL APPROVED DESIGN FIX
   Paste this at the VERY BOTTOM of style.css
========================================================== */

.lmq-hero {
    min-height: 455px !important;
    height: 455px;
    grid-template-columns: 40% 60% !important;
    position: relative;
    overflow: hidden;
    border-top: 3px solid #111;
    border-bottom: 3px solid #cfa34a;
}

/* Left professional image */

.lmq-hero-image {
    min-height: 455px !important;
    height: 455px;
    position: relative;
    z-index: 1;
}

.lmq-hero-image img {
    object-position: center center;
    transform: none !important;
}

/* Darken only the image slightly for a premium look */

.lmq-hero-image::after {
    background: linear-gradient(
        90deg,
        rgba(0, 0, 0, 0.05),
        rgba(0, 0, 0, 0.28)
    ) !important;
}

/* Right cream content area */

.lmq-hero-content {
    min-height: 455px !important;
    height: 455px;
    padding: 36px 7% 30px 12% !important;
    position: relative;
    z-index: 2;
    background:
        radial-gradient(circle at 88% 86%, rgba(207, 163, 74, 0.14), transparent 25%),
        linear-gradient(135deg, #fffdf9 0%, #f8f1e5 100%) !important;
}

/* Black and gold angled divider like the final approved design */

.lmq-hero-content::before {
    content: "";
    position: absolute;
    z-index: 5;
    left: -39px;
    top: 0;
    width: 78px;
    height: 100%;
    background: #111;
    border-right: 3px solid #cfa34a;
    clip-path: polygon(
        42% 0,
        100% 0,
        62% 50%,
        100% 100%,
        42% 100%,
        0 50%
    );
}

/* Small gold line beside the black divider */

.lmq-hero-content::after {
    content: "";
    position: absolute;
    z-index: 4;
    left: -15px;
    top: 0;
    width: 3px;
    height: 100%;
    background: #d4a746;
    transform: skewX(-13deg);
    box-shadow: 0 0 12px rgba(207, 163, 74, 0.45);
}

/* Heading style from approved design */

.lmq-hero .lmq-eyebrow {
    margin-bottom: 8px;
    color: #c79332;
    font-size: 10px;
    letter-spacing: 2.5px;
}

.lmq-hero h1 {
    max-width: 570px;
    margin: 0;
    color: #5d3d0d;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: clamp(39px, 4vw, 59px) !important;
    line-height: 1.02 !important;
    font-weight: 700 !important;
    letter-spacing: -1.8px;
}

.lmq-hero h1 span {
    color: #5d3d0d !important;
}

.lmq-hero-subtitle {
    margin: 12px 0 0 !important;
    color: #1f1a14;
    font-size: 17px !important;
    font-weight: 700 !important;
}

/* Gold divider line below subtitle */

.lmq-hero-line {
    width: 365px !important;
    max-width: 100%;
    height: 1px !important;
    margin: 13px 0 17px !important;
    background: #d8af5d !important;
    position: relative;
}

.lmq-hero-line::before {
    content: "◆";
    position: absolute;
    left: 50%;
    top: 50%;
    color: #c79332;
    font-size: 11px;
    transform: translate(-50%, -52%);
    background: #fbf6ed;
    padding: 0 8px;
}

/* Three icon highlights */

.lmq-badges {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr);
    gap: 11px !important;
    max-width: 475px;
    margin: 0 0 18px !important;
}

.lmq-badge {
    gap: 8px;
    color: #272019;
    font-size: 10px !important;
    line-height: 1.25 !important;
    font-weight: 600;
}

.lmq-badge i {
    flex: 0 0 43px;
    width: 43px;
    height: 43px;
    color: #a9781d;
    border-color: #d8ad57;
    font-size: 16px;
}

/* Approved gold CTA button */

.lmq-hero .lmq-gold-btn {
    min-width: 228px;
    padding: 13px 24px !important;
    color: #fff7df;
    background: linear-gradient(135deg, #d7af58 0%, #a6761d 55%, #815710 100%);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 15px;
    box-shadow: 0 8px 15px rgba(101, 63, 6, 0.25);
}

.lmq-hero .lmq-gold-btn:hover {
    color: #fff;
    background: #17120a;
    transform: translateY(-4px);
}

/* Tablet and mobile hero */

@media (max-width: 991px) {
    .lmq-hero {
        height: auto;
        min-height: 0;
        grid-template-columns: 1fr !important;
    }

    .lmq-hero-image {
        height: 380px;
        min-height: 380px !important;
    }

    .lmq-hero-content {
        height: auto;
        min-height: 0 !important;
        padding: 58px 9% 55px !important;
    }

    .lmq-hero-content::before,
    .lmq-hero-content::after {
        display: none;
    }
}

@media (max-width: 575px) {
    .lmq-hero-image {
        height: 300px;
        min-height: 300px !important;
    }

    .lmq-hero h1 {
        font-size: 38px !important;
    }

    .lmq-badges {
        grid-template-columns: 1fr;
        gap: 12px !important;
    }

    .lmq-hero-line {
        width: 100% !important;
    }
}

/* LMQ hero image position fix */

.lmq-hero-image img {
    object-position: center 26% !important;
}

/* ==========================================================
   LMQ HERO IMAGE — FINAL ALIGNMENT FIX
========================================================== */

.lmq-hero-image {
    overflow: hidden !important;
}

.lmq-hero-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;

    /* Shows the man's head and upper body correctly */
    object-position: center top !important;
}





/* =========================================================
   UCA DUAL MBA PAGE
========================================================= */

.uca-page {
    margin: 0;
    background: #fbfaf7;
    font-family: "Poppins", Arial, sans-serif;
    color: #1a1a1a;
}

.uca-page * {
    box-sizing: border-box;
}

.uca-wrap {
    width: min(1180px, calc(100% - 42px));
    margin-left: auto;
    margin-right: auto;
}

/* HERO */

.uca-hero {
    min-height: 570px;
    overflow: hidden;
    color: #fff;
    background:
        radial-gradient(circle at 65% 10%, #1e2830 0, transparent 38%),
        linear-gradient(113deg, #060708 0%, #10171c 64%, #11181e 100%);
}

.uca-hero-grid {
    min-height: 570px;
    display: grid;
    grid-template-columns: 1.12fr 0.88fr;
    align-items: center;
}

.uca-hero-copy {
    padding: 55px 0 44px;
}

.uca-eyebrow {
    color: #f1cf7d;
    font-size: 12px;
    font-weight: 700;
    margin: 0 0 13px;
}

.uca-eyebrow span {
    padding: 0 5px;
}

.uca-hero h1,
.uca-section-title,
.uca-future h2,
.uca-career h2,
.uca-final h2 {
    font-family: Georgia, "Times New Roman", serif;
}

.uca-hero h1 {
    color: #f1cf7d;
    font-size: clamp(64px, 8vw, 106px);
    line-height: 0.8;
    margin: 0;
    letter-spacing: 1px;
}

.uca-hero-text {
    font-size: 23px;
    line-height: 1.35;
    margin: 28px 0;
}

.uca-btn {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    padding: 15px 20px;
    border-radius: 3px;
    text-decoration: none;
    font-size: 13px;
    font-weight: 800;
    transition: 0.35s ease;
}

.uca-btn-outline {
    color: #f1cf7d;
    border: 1px solid #d6a43b;
}

.uca-btn-outline:hover {
    color: #111;
    background: #d6a43b;
    transform: translateY(-3px);
    box-shadow: 0 12px 23px rgba(214, 164, 59, 0.22);
}

.uca-hero-stats {
    display: flex;
    gap: 14px;
    margin-top: 29px;
}

.uca-hero-stats div {
    min-width: 125px;
    border: 1px solid rgba(214, 164, 59, 0.65);
    padding: 13px 12px;
    border-radius: 8px;
    display: grid;
    grid-template-columns: 32px 1fr;
    align-items: center;
    transition: 0.3s ease;
}

.uca-hero-stats div:hover {
    transform: translateY(-7px);
    background: rgba(214, 164, 59, 0.12);
}

.uca-hero-stats i {
    grid-row: span 2;
    color: #d6a43b;
    font-size: 23px;
}

.uca-hero-stats strong {
    font-size: 20px;
    line-height: 1;
}

.uca-hero-stats span {
    font-size: 11px;
    font-weight: 700;
}

.uca-hero-photo {
    height: 100%;
    display: flex;
    align-items: end;
    justify-content: end;
}

.uca-hero-photo img {
    max-width: 100%;
    height: 510px;
    object-fit: cover;
    filter: saturate(0.88) contrast(1.05);
}

/* HEADINGS */

.uca-section-title {
    font-size: 38px;
    text-align: center;
    margin: 0 0 29px;
}

.uca-section-title.gold {
    color: #f1cf7d;
}

.uca-section-title.dark {
    color: #151515;
}

/* PATHWAY */

.uca-pathway,
.uca-entry {
    background: linear-gradient(135deg, #17191b, #060708);
    color: #fff;
    padding: 49px 0;
}

.uca-pathway-row {
    display: grid;
    grid-template-columns: 1.1fr 1.1fr 0.75fr;
}

.uca-pathway-row article {
    min-height: 116px;
    border: 1px solid rgba(214, 164, 59, 0.65);
    padding: 22px 24px;
    display: flex;
    align-items: center;
}

.uca-pathway-row p {
    margin: 0;
    font-size: 14px;
    line-height: 1.37;
    font-weight: 600;
}

.uca-pathway-row b {
    color: #f1cf7d;
}

.uca-pathway-row i {
    margin-left: auto;
    color: #d6a43b;
    font-size: 28px;
}

.uca-pathway-total {
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

.uca-pathway-total strong {
    font-size: 39px;
    line-height: 1;
}

.uca-pathway-total span {
    font-size: 14px;
    font-weight: 700;
}

/* WHY CHOOSE */

.uca-light-section {
    background: #fbfaf7;
    padding: 56px 0;
}

.uca-benefits {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 13px;
}

.uca-benefits article {
    min-height: 160px;
    background: #fff;
    border: 1px solid #e1c68d;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 19px;
    text-align: center;
    box-shadow: 0 7px 14px rgba(0, 0, 0, 0.06);
    transition: 0.35s ease;
}

.uca-benefits article:hover {
    background: #141414;
    color: #fff;
    transform: translateY(-10px);
}

.uca-benefits i {
    color: #d6a43b;
    font-size: 34px;
}

.uca-benefits span {
    font-size: 12px;
    font-weight: 800;
    line-height: 1.35;
}

/* FUTURE LEADERS */

.uca-future {
    background: #090b0d;
    color: #fff;
}

.uca-future-grid,
.uca-career-grid {
    display: grid;
    grid-template-columns: 1fr 1.35fr;
}

.uca-future-photo,
.uca-career-photo {
    min-height: 370px;
}

.uca-future-photo img,
.uca-career-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.uca-future-content {
    padding: 52px 55px;
}

.uca-future h2,
.uca-career h2 {
    color: #f1cf7d;
    font-size: 39px;
    margin: 0 0 26px;
}

.uca-stage-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
}

.uca-stage-grid article {
    min-height: 235px;
    border: 1px solid rgba(214, 164, 59, 0.65);
    border-radius: 7px;
    padding: 22px 16px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.uca-stage-grid b,
.uca-entry b {
    color: #f1cf7d;
    font-size: 14px;
}

.uca-stage-grid i {
    color: #d6a43b;
    font-size: 38px;
    margin: 25px 0 17px;
}

.uca-stage-grid p {
    margin: 0;
    font-size: 12px;
    line-height: 1.48;
    font-weight: 600;
}

.uca-stage-grid strong {
    color: #f1cf7d;
}

/* OUTCOMES */

.uca-outcomes {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
}

.uca-outcomes article {
    border: 1px solid #e8cd95;
    border-radius: 6px;
    background: #fff;
    padding: 18px 23px;
    display: flex;
    align-items: center;
    gap: 26px;
    transition: 0.3s ease;
}

.uca-outcomes article:hover {
    transform: scale(1.035);
    border-color: #d6a43b;
}

.uca-outcomes b {
    color: #c49332;
    font: 700 55px/1 Georgia, serif;
}

.uca-outcomes span {
    font-size: 14px;
    font-weight: 800;
    line-height: 1.3;
}

/* ENTRY REQUIREMENTS */

.uca-entry-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
}

.uca-entry-grid article {
    min-height: 166px;
    border: 1px solid rgba(214, 164, 59, 0.65);
    border-radius: 7px;
    padding: 25px 18px;
    display: flex;
    gap: 17px;
}

.uca-entry-grid i {
    color: #d6a43b;
    font-size: 30px;
    padding-top: 6px;
}

.uca-entry-grid p {
    margin: 12px 0 0;
    font-size: 12px;
    line-height: 1.55;
}

.uca-entry-note {
    margin: 15px 0 0;
    font-size: 12px;
    font-style: italic;
    text-align: center;
}

/* CAREER */

.uca-career {
    background: #fff;
}

.uca-career-content {
    padding: 43px 55px;
}

.uca-career h2 {
    color: #171717;
    padding-bottom: 12px;
    border-bottom: 1px solid #dfc483;
    margin-bottom: 8px;
}

.uca-career ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.uca-career li {
    padding: 17px 0;
    border-bottom: 1px solid #e6d6ad;
    font-size: 13px;
    font-weight: 700;
}

.uca-career li i {
    color: #c89630;
    width: 43px;
    text-align: center;
    font-size: 20px;
}

/* FINAL SECTION */

.uca-final {
    min-height: 330px;
    color: #fff;
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 84% 75%, #4d3812, transparent 24%),
        #07090b;
}

.uca-final-globe {
    position: absolute;
    right: -100px;
    bottom: -270px;
    width: 660px;
    height: 660px;
    border: 2px solid rgba(220, 166, 50, 0.72);
    border-radius: 50%;
    box-shadow:
        0 0 0 24px rgba(220, 166, 50, 0.05),
        0 0 55px rgba(220, 166, 50, 0.35);
}

.uca-final-inner {
    position: relative;
    z-index: 1;
    padding: 48px 0;
}

.uca-final h2 {
    color: #f1cf7d;
    font-size: 45px;
    line-height: 0.88;
    margin: 0 0 15px;
}

.uca-final p {
    max-width: 460px;
    font-size: 13px;
    line-height: 1.45;
}

.uca-btn-gold {
    color: #111;
    background: linear-gradient(135deg, #f1cf7d, #d6a43b);
    margin-top: 9px;
}

.uca-btn-gold:hover {
    background: #fff;
    transform: translateY(-4px);
}

/* FLOATING WHATSAPP + SCROLL ANIMATION */

.uca-float-whatsapp {
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 9999;
    width: 54px;
    height: 54px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #CE9233;
    color: #fff;
    font-size: 30px;
    text-decoration: none;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.28);
    animation: ucaPulse 2s infinite;
}

.uca-reveal {
    opacity: 0;
    transform: translateY(25px);
    transition: opacity 0.75s ease, transform 0.75s ease;
}

.uca-reveal.is-visible {
    opacity: 1;
    transform: translateY(0);
}

@keyframes ucaPulse {
    50% {
        box-shadow: 0 0 0 10px rgba(37, 211, 102, 0.16);
    }
}

/* MOBILE */

@media (max-width: 991px) {
    .uca-benefits {
        grid-template-columns: repeat(3, 1fr);
    }

    .uca-hero-grid {
        grid-template-columns: 1fr 0.7fr;
    }

    .uca-future-content,
    .uca-career-content {
        padding: 36px 28px;
    }
}

@media (max-width: 680px) {
    .uca-wrap {
        width: calc(100% - 28px);
    }

    .uca-hero-grid,
    .uca-future-grid,
    .uca-career-grid,
    .uca-stage-grid,
    .uca-entry-grid,
    .uca-outcomes,
    .uca-pathway-row {
        grid-template-columns: 1fr;
    }

    .uca-hero {
        min-height: auto;
    }

    .uca-hero-copy {
        padding: 48px 0 25px;
    }

    .uca-hero-photo {
        height: 300px;
        justify-content: center;
    }

    .uca-hero-photo img {
        height: 330px;
    }

    .uca-eyebrow {
        font-size: 9px;
    }

    .uca-hero-text {
        font-size: 18px;
    }

    .uca-hero-stats {
        gap: 7px;
    }

    .uca-hero-stats div {
        min-width: 0;
        flex: 1;
        grid-template-columns: 26px 1fr;
        padding: 10px 6px;
    }

    .uca-hero-stats i {
        font-size: 17px;
    }

    .uca-hero-stats strong {
        font-size: 16px;
    }

    .uca-hero-stats span {
        font-size: 8px;
    }

    .uca-section-title {
        font-size: 30px;
    }

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

    .uca-benefits article {
        min-height: 135px;
    }

    .uca-future-photo,
    .uca-career-photo {
        min-height: 250px;
    }

    .uca-future-content,
    .uca-career-content {
        padding: 36px 20px;
    }

    .uca-future h2,
    .uca-career h2 {
        font-size: 32px;
    }

    .uca-final h2 {
        font-size: 37px;
    }

    .uca-final-globe {
        right: -300px;
    }

    .uca-float-whatsapp {
        right: 16px;
        bottom: 16px;
        width: 48px;
        height: 48px;
        font-size: 27px;
    }
}



/* =========================================================
   UCA PATHWAY + FINAL CTA DESIGN CORRECTION
========================================================= */

/* DUAL MBA PATHWAY */

.uca-pathway-v2 {
    padding: 42px 0 40px;
    background:
        radial-gradient(circle at center, rgba(255,255,255,0.035), transparent 55%),
        linear-gradient(135deg, #16191b, #050607);
}

.uca-path-title {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 28px;
    margin-bottom: 28px;
}

.uca-path-title::before,
.uca-path-title::after {
    content: "";
    height: 2px;
    width: 13%;
    background: linear-gradient(90deg, transparent, #c9972e);
    display: block;
}

.uca-path-title::after {
    background: linear-gradient(90deg, #c9972e, transparent);
}

.uca-pathway-v2-row {
    display: grid;
    grid-template-columns: 1.08fr 1.08fr 0.85fr;
    align-items: center;
    gap: 22px;
}

.uca-path-card {
    min-height: 180px;
    position: relative;
    border: 2px solid #b98727;
    color: #fff;
    background: linear-gradient(135deg, #151718, #070809);
    display: flex;
    align-items: center;
}

.uca-path-step {
    padding: 28px 84px 28px 38px;
    clip-path: polygon(
        0 0,
        calc(100% - 42px) 0,
        100% 50%,
        calc(100% - 42px) 100%,
        0 100%,
        32px 50%
    );
}

.uca-path-step:first-child {
    clip-path: polygon(
        0 0,
        calc(100% - 42px) 0,
        100% 50%,
        calc(100% - 42px) 100%,
        0 100%
    );
}

.uca-path-step p {
    margin: 0;
    color: #fff;
    font-size: 17px;
    line-height: 1.48;
    font-weight: 700;
}

.uca-path-step p b {
    color: #fff;
    white-space: nowrap;
}

.uca-path-icon {
    position: absolute;
    right: 11px;
    top: 50%;
    transform: translateY(-50%);
    width: 78px;
    height: 78px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #f4d67d, #be8622);
    color: #17120a;
    border: 4px solid #1a1a1a;
    box-shadow: 0 5px 18px rgba(0,0,0,0.5);
    z-index: 3;
}

.uca-path-icon i {
    font-size: 32px;
}

.uca-path-final {
    justify-content: center;
    flex-direction: column;
    text-align: center;
    padding: 25px;
    border-radius: 10px;
}

.uca-path-final strong {
    color: #fff;
    font-size: 42px;
    line-height: 1;
}

.uca-path-final span {
    color: #fff;
    margin-top: 9px;
    font-size: 19px;
    font-weight: 700;
}

/* FINAL CTA WITH GOLD GLOBE */

.uca-final-v2 {
    min-height: 320px;
    position: relative;
    overflow: hidden;
    background: #050606;
    border-top: 2px solid #a97821;
}

.uca-final-v2::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 61%;
    height: 100%;
    background-image: url("../img/uca/uca-gold-globe.png");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: cover;
    opacity: 1;
}

.uca-final-v2::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 68% 35%, rgba(214,164,59,0.13), transparent 33%),
        linear-gradient(90deg, rgba(0,0,0,0) 38%, rgba(0,0,0,0.08));
    pointer-events: none;
}

.uca-final-v2 .uca-final-inner {
    position: relative;
    z-index: 2;
    max-width: 1180px;
    padding-top: 38px;
    padding-bottom: 34px;
}

.uca-final-v2 h2 {
    color: #e8bd58;
    font-size: 48px;
    line-height: 0.91;
    letter-spacing: 0.2px;
    margin-bottom: 14px;
}

.uca-final-v2 p {
    max-width: 475px;
    color: #fff;
    font-size: 14px;
    line-height: 1.45;
    margin-bottom: 12px;
}

.uca-final-v2 .uca-btn-gold {
    font-size: 14px;
    padding: 16px 20px;
    border: 1px solid #f4d67d;
    box-shadow: 0 5px 13px rgba(0,0,0,0.35);
}

.uca-final-v2 .uca-btn-gold:hover {
    background: #fff;
    color: #111;
    transform: translateY(-4px);
}

/* MOBILE FIX */

@media (max-width: 991px) {
    .uca-pathway-v2-row {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .uca-path-step,
    .uca-path-step:first-child {
        clip-path: none;
        border-radius: 10px;
        padding: 25px 105px 25px 28px;
    }

    .uca-path-final {
        min-height: 125px;
    }

    .uca-final-v2::before {
        width: 100%;
        opacity: 0.34;
        background-size: auto 100%;
    }
}

@media (max-width: 680px) {
    .uca-path-title {
        gap: 10px;
    }

    .uca-path-title::before,
    .uca-path-title::after {
        width: 8%;
    }

    .uca-path-step p {
        font-size: 14px;
    }

    .uca-path-icon {
        width: 64px;
        height: 64px;
    }

    .uca-path-icon i {
        font-size: 26px;
    }

    .uca-final-v2 h2 {
        font-size: 37px;
    }

    .uca-final-v2 p {
        max-width: 320px;
        font-size: 12px;
    }
}




/* =========================================================
   UWS BACHELOR'S PAGE - BA (HONS) IN GLOBAL BUSINESS
   Paste this entire block at the VERY BOTTOM of css/style.css
   ========================================================= */

:root {
    --uws-black: #070809;
    --uws-metal: #111416;
    --uws-metal-2: #1a1d20;
    --uws-gold: #c99928;
    --uws-gold-light: #f4d35e;
    --uws-gold-soft: #e8bd49;
    --uws-white: #ffffff;
    --uws-offwhite: #fbfaf6;
    --uws-red: #7b0019;
    --uws-text-dark: #101214;
    --uws-muted: #666a70;
}

.uws-bachelors-page {
    overflow: hidden;
    background: #fff;
    color: var(--uws-text-dark);
}

.uws-bachelors-page * {
    box-sizing: border-box;
}

.uws-bachelors-page .uws-serif {
    font-family: Georgia, "Times New Roman", serif;
}

.uws-bachelors-page .uws-gold-text {
    background: linear-gradient(90deg, #8f6612 0%, #f8df75 42%, #b57f16 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.uws-bachelors-page .uws-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 18px;
    color: var(--uws-gold-light);
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.uws-bachelors-page .uws-eyebrow::after {
    content: "";
    width: 170px;
    height: 1px;
    background: linear-gradient(90deg, var(--uws-gold-light), transparent);
}

.uws-bachelors-page .uws-section-kicker {
    color: #b2791f;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

/* ---------------- HERO ---------------- */
.uws-hero {
    position: relative;
    isolation: isolate;
    background:
        radial-gradient(circle at 14% 18%, rgba(255, 218, 92, .08), transparent 26%),
        radial-gradient(circle at 74% 82%, rgba(130, 0, 28, .12), transparent 28%),
        linear-gradient(115deg, #0a0c0e 0%, #060708 70%, #0f1112 100%);
    color: #fff;
    min-height: 690px;
    overflow: hidden;
}

.uws-hero::before {
    content: "";
    position: absolute;
    left: -11%;
    bottom: -145px;
    width: 62%;
    height: 275px;
    border: 1px solid rgba(222, 171, 49, .35);
    border-radius: 50%;
    transform: rotate(8deg);
    box-shadow: 0 -12px 42px rgba(221, 164, 32, .12);
    z-index: -1;
}

.uws-hero::after {
    content: "";
    position: absolute;
    right: 35%;
    top: 0;
    width: 8px;
    height: 100%;
    background: linear-gradient(180deg, transparent 0%, #e7b53d 20%, #ffdf70 52%, #a87513 82%, transparent 100%);
    opacity: .9;
    filter: drop-shadow(0 0 16px rgba(230, 178, 56, .45));
    transform: skewX(-8deg);
    z-index: 3;
}

.uws-hero-inner {
    max-width: 1500px;
    min-height: 690px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 58% 42%;
    align-items: stretch;
}

.uws-hero-copy {
    position: relative;
    z-index: 4;
    padding: 70px 58px 58px 54px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.uws-hero-copy h1 {
    margin: 0;
    max-width: 850px;
    color: #fff;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(52px, 5vw, 86px);
    line-height: .98;
    font-weight: 700;
    letter-spacing: -2px;
}

.uws-hero-copy h1 .gold-line {
    display: block;
    margin-top: 8px;
    background: linear-gradient(90deg, #fff0a0 0%, #ffc934 36%, #9f6908 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.uws-hero-subtitle {
    margin: 32px 0 30px;
    color: #f7f7f7;
    font-size: clamp(16px, 1.4vw, 21px);
    letter-spacing: 5px;
    text-transform: uppercase;
    line-height: 1.45;
}

.uws-hero-facts {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    border: 1px solid var(--uws-gold-light);
    border-radius: 18px;
    overflow: hidden;
    max-width: 920px;
    background: rgba(0, 0, 0, .22);
    backdrop-filter: blur(6px);
}

.uws-hero-fact {
    position: relative;
    min-height: 145px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 10px;
    padding: 20px 14px;
    text-align: center;
    color: #fff;
}

.uws-hero-fact:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 20%;
    right: 0;
    width: 1px;
    height: 60%;
    background: rgba(239, 191, 54, .75);
}

.uws-hero-fact i {
    color: #ffd92f;
    font-size: 32px;
    transition: transform .35s ease;
}

.uws-hero-fact strong {
    color: #fff;
    font-size: 18px;
    line-height: 1.25;
    font-weight: 600;
}

.uws-hero-fact:hover i {
    transform: translateY(-5px) scale(1.08);
}

.uws-hero-actions {
    display: flex;
    gap: 16px;
    margin-top: 28px;
}

.uws-btn {
    min-width: 260px;
    min-height: 64px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
    padding: 15px 28px;
    border-radius: 14px;
    font-size: 17px;
    font-weight: 600;
    text-decoration: none;
    transition: all .35s ease;
}

.uws-btn-gold-outline {
    color: #fff;
    border: 2px solid var(--uws-gold-light);
    background: rgba(0, 0, 0, .35);
}

.uws-btn-gold-outline:hover {
    color: #0a0b0c;
    background: linear-gradient(100deg, #b47e17, #f5d365, #bd861d);
    border-color: #f6dc78;
    transform: translateY(-3px);
    box-shadow: 0 12px 30px rgba(216, 161, 31, .24);
}

.uws-btn-gold {
    color: #111;
    background: linear-gradient(100deg, #b37916, #f4d76b 48%, #b78019);
    border: 1px solid #e4bd54;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.16);
}

.uws-btn-gold:hover {
    color: #111;
    transform: translateY(-3px) scale(1.015);
    box-shadow: 0 12px 34px rgba(210, 157, 35, .32);
}

.uws-hero-benefits {
    max-width: 900px;
    margin-top: 34px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
}

.uws-mini-benefit {
    display: flex;
    align-items: center;
    gap: 14px;
    padding-right: 18px;
    color: #fff;
    font-size: 16px;
    line-height: 1.3;
}

.uws-mini-benefit:not(:last-child) {
    border-right: 1px solid rgba(226, 178, 55, .55);
}

.uws-mini-benefit i {
    flex: 0 0 auto;
    color: #ffd94b;
    font-size: 30px;
}

.uws-hero-visual {
    position: relative;
    z-index: 2;
    min-height: 690px;
    overflow: hidden;
    background: #131517;
}

.uws-hero-visual::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 80px;
    background: linear-gradient(90deg, rgba(6,7,8,.95), transparent);
    z-index: 2;
    pointer-events: none;
}

.uws-hero-visual img {
    width: 100%;
    height: 100%;
    min-height: 690px;
    display: block;
    object-fit: cover;
    object-position: center 38%;
    transition: transform 1s ease;
}

.uws-hero:hover .uws-hero-visual img {
    transform: scale(1.025);
}

/* ---------------- PROGRAMME OVERVIEW / PATHWAY ---------------- */
.uws-pathway-section {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 12% 16%, rgba(238, 186, 65, .06), transparent 28%),
        linear-gradient(115deg, #060708, #0c0e10 70%, #151719);
    color: #fff;
}

.uws-pathway-section::after {
    content: "";
    position: absolute;
    left: -12%;
    bottom: -115px;
    width: 80%;
    height: 250px;
    border: 1px solid rgba(222, 170, 47, .28);
    border-radius: 50%;
    transform: rotate(-7deg);
    box-shadow: 0 -8px 38px rgba(230, 170, 31, .12);
}

.uws-pathway-inner {
    max-width: 1500px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 63% 37%;
    align-items: stretch;
}

.uws-pathway-copy {
    position: relative;
    z-index: 2;
    padding: 64px 54px 66px;
}

.uws-pathway-copy h2 {
    color: #fff;
    margin: 0 0 22px;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(44px, 4.3vw, 70px);
    line-height: 1.03;
    font-weight: 700;
    letter-spacing: -1px;
}

.uws-pathway-copy h2 span {
    display: block;
    background: linear-gradient(90deg, #fff0a2, #f1b71e 48%, #a56d0f);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.uws-pathway-intro {
    max-width: 940px;
    color: #f4f4f4;
    font-size: 17px;
    line-height: 1.55;
    margin-bottom: 28px;
}

.uws-programme-board {
    border: 1px solid var(--uws-gold-light);
    border-radius: 20px;
    overflow: hidden;
    background: rgba(0, 0, 0, .22);
    box-shadow: 0 20px 50px rgba(0,0,0,.18);
}

.uws-programme-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.uws-programme-detail {
    position: relative;
    min-height: 125px;
    display: grid;
    grid-template-columns: 74px 1fr;
    align-items: center;
    gap: 18px;
    padding: 22px 28px;
}

.uws-programme-detail:nth-child(1),
.uws-programme-detail:nth-child(2) {
    border-bottom: 1px solid rgba(236, 187, 56, .65);
}

.uws-programme-detail:nth-child(odd) {
    border-right: 1px solid rgba(236, 187, 56, .65);
}

.uws-programme-icon {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    border: 1px solid #ffd931;
    color: #ffd931;
    font-size: 27px;
    box-shadow: inset 0 0 18px rgba(247, 198, 50, .07);
}

.uws-programme-detail small,
.uws-programme-includes small {
    display: block;
    color: #f7cf38;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 4px;
}

.uws-programme-detail strong {
    display: block;
    color: #fff;
    font-size: 18px;
    line-height: 1.3;
    font-weight: 500;
}

.uws-programme-includes {
    min-height: 98px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    text-align: center;
    padding: 20px 28px;
    border-top: 1px solid rgba(236, 187, 56, .65);
}

.uws-programme-includes .uws-programme-icon {
    width: 58px;
    height: 58px;
    font-size: 24px;
}

.uws-programme-includes strong {
    display: block;
    color: #fff;
    font-size: 17px;
    font-weight: 500;
}

.uws-pathway-visual {
    position: relative;
    min-height: 650px;
    overflow: hidden;
    background: #1a1b1d;
}

.uws-pathway-visual::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 80px;
    height: 100%;
    background: linear-gradient(90deg, #08090a, transparent);
    z-index: 2;
}

.uws-pathway-visual img {
    width: 100%;
    height: 100%;
    min-height: 650px;
    display: block;
    object-fit: cover;
    object-position: center;
    transition: transform .9s ease;
}

.uws-pathway-section:hover .uws-pathway-visual img {
    transform: scale(1.02);
}

/* ---------------- ABOUT UWS ---------------- */
.uws-about-section {
    position: relative;
    background:
        radial-gradient(circle at 8% 20%, rgba(205, 158, 45, .06), transparent 24%),
        linear-gradient(180deg, #fff 0%, #fcfbf7 100%);
}

.uws-about-inner {
    max-width: 1500px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 58% 42%;
    align-items: stretch;
}

.uws-about-copy {
    padding: 64px 54px 52px;
}

.uws-about-copy h2 {
    color: #111;
    margin: 0 0 22px;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(44px, 4.2vw, 72px);
    line-height: 1.02;
    font-weight: 700;
    letter-spacing: -1.5px;
}

.uws-about-copy h2 span {
    display: block;
    background: linear-gradient(90deg, #b17418, #e7bb52, #9f6815);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.uws-about-copy > p {
    max-width: 850px;
    margin-bottom: 30px;
    color: #25282c;
    font-size: 17px;
    line-height: 1.58;
}

.uws-about-cards {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}

.uws-about-card {
    min-height: 205px;
    padding: 22px 15px 18px;
    text-align: center;
    border: 1px solid rgba(200, 145, 36, .55);
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 12px 28px rgba(31, 28, 22, .06);
    transition: all .35s ease;
}

.uws-about-card:hover {
    transform: translateY(-7px);
    border-color: #b57c14;
    box-shadow: 0 18px 38px rgba(156, 109, 25, .15);
}

.uws-about-card i {
    width: 58px;
    height: 58px;
    margin: 0 auto 12px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: #111;
    background: radial-gradient(circle at 35% 28%, #ffe681, #d99f23 62%, #9a6510 100%);
    font-size: 25px;
}

.uws-about-card h3 {
    color: #111;
    font-size: 17px;
    line-height: 1.2;
    font-weight: 700;
    margin-bottom: 9px;
}

.uws-about-card p {
    color: #4d4f53;
    font-size: 14px;
    line-height: 1.35;
    margin: 0;
}

.uws-about-visual {
    min-height: 610px;
    overflow: hidden;
    position: relative;
}

.uws-about-visual img {
    width: 100%;
    height: 100%;
    min-height: 610px;
    object-fit: cover;
    object-position: center;
    display: block;
    transition: transform .9s ease;
}

.uws-about-section:hover .uws-about-visual img {
    transform: scale(1.018);
}

.uws-about-stats-wrap {
    max-width: 1500px;
    margin: 0 auto;
    padding: 0 54px 58px;
}

.uws-about-stats {
    position: relative;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    overflow: hidden;
    border-radius: 28px 28px 0 0;
    background:
        radial-gradient(circle at 50% 0%, rgba(210, 159, 43, .12), transparent 38%),
        linear-gradient(105deg, #070809, #101214);
    border-top: 2px solid #d8a437;
    color: #fff;
}

.uws-stat {
    position: relative;
    min-height: 150px;
    padding: 26px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.uws-stat:not(:last-child)::after {
    content: "";
    position: absolute;
    right: 0;
    top: 24%;
    height: 52%;
    width: 1px;
    background: rgba(228, 177, 53, .7);
}

.uws-stat i {
    color: #ffd934;
    font-size: 30px;
    margin-bottom: 8px;
}

.uws-stat strong {
    color: #f1c451;
    font-size: 31px;
    line-height: 1.05;
    font-weight: 700;
}

.uws-stat span {
    color: #fff;
    font-size: 16px;
    margin-top: 8px;
}

.uws-stat.uws-stat-message strong {
    max-width: 210px;
    font-size: 26px;
}

/* ---------------- LEARNING AREAS ---------------- */
.uws-learning-section {
    position: relative;
    padding: 68px 0 78px;
    overflow: hidden;
    background: #fff;
}

.uws-learning-section::before,
.uws-learning-section::after {
    content: "";
    position: absolute;
    top: 36%;
    width: 240px;
    height: 240px;
    border: 1px solid rgba(203, 150, 35, .18);
    border-radius: 50%;
}

.uws-learning-section::before { left: -150px; }
.uws-learning-section::after { right: -150px; }

.uws-learning-inner {
    position: relative;
    z-index: 1;
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 30px;
}

.uws-learning-inner h2 {
    margin: 0 0 6px;
    color: #161719;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(40px, 4vw, 60px);
    line-height: 1.06;
    font-weight: 700;
}

.uws-learning-lead {
    margin-bottom: 30px;
    color: #4e5155;
    font-size: 17px;
}

.uws-learning-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
}

.uws-learning-card {
    min-height: 170px;
    padding: 26px 18px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    border: 1px solid rgba(201, 147, 38, .5);
    border-radius: 14px;
    background: linear-gradient(180deg, #fff, #fdfcf9);
    transition: all .35s ease;
}

.uws-learning-card i {
    color: #b97815;
    font-size: 36px;
    margin-bottom: 14px;
    transition: all .35s ease;
}

.uws-learning-card strong {
    color: #17191a;
    font-size: 16px;
    line-height: 1.28;
}

.uws-learning-card:hover {
    transform: translateY(-8px);
    background: linear-gradient(145deg, #111315, #08090a);
    border-color: #e4b84e;
    box-shadow: 0 18px 36px rgba(29, 25, 18, .18);
}

.uws-learning-card:hover i,
.uws-learning-card:hover strong {
    color: #f3c850;
}

/* ---------------- FINAL CTA ---------------- */
.uws-final-cta {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    padding: 58px 28px 64px;
    text-align: center;
    background:
        radial-gradient(circle at 50% 40%, rgba(211, 160, 37, .11), transparent 30%),
        linear-gradient(110deg, #070809, #101214 48%, #070809);
    color: #fff;
}

.uws-final-cta::before,
.uws-final-cta::after {
    content: "";
    position: absolute;
    bottom: -120px;
    width: 58%;
    height: 260px;
    border: 2px solid rgba(232, 178, 48, .42);
    border-radius: 50%;
    filter: drop-shadow(0 -3px 12px rgba(221, 156, 24, .2));
    z-index: -1;
}

.uws-final-cta::before {
    left: -14%;
    transform: rotate(10deg);
}

.uws-final-cta::after {
    right: -14%;
    transform: rotate(-10deg);
}

.uws-final-cta img {
    max-width: 235px;
    max-height: 86px;
    object-fit: contain;
    margin-bottom: 18px;
}

.uws-final-cta h2 {
    margin: 0;
    color: #fff;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(38px, 4vw, 60px);
    line-height: 1.03;
    font-weight: 700;
}

.uws-final-cta h2 span {
    display: block;
    background: linear-gradient(90deg, #fff0a0, #f0b92b, #a66c10);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.uws-journey-line {
    margin: 20px auto 28px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
    color: #fff;
    font-size: 15px;
    letter-spacing: .7px;
    text-transform: uppercase;
}

.uws-journey-line i {
    color: #dbac39;
    margin: 0 4px;
}

.uws-final-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
}

/* ---------------- FLOATING WHATSAPP ---------------- */
.uws-whatsapp-float {
    position: fixed;
    right: 24px;
    bottom: 90px;
    z-index: 9998;
    width: 62px;
    height: 62px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: linear-gradient(145deg, #c78c20, #f0ce66);
    color: #111 !important;
    font-size: 31px;
    text-decoration: none;
    box-shadow: 0 12px 30px rgba(0,0,0,.25), 0 0 0 5px rgba(214, 170, 55, .12);
    transition: all .3s ease;
}

.uws-whatsapp-float:hover {
    transform: translateY(-5px) scale(1.05);
    color: #111 !important;
    box-shadow: 0 16px 34px rgba(0,0,0,.32), 0 0 0 8px rgba(214, 170, 55, .10);
}

/* ---------------- RESPONSIVE ---------------- */
@media (max-width: 1199px) {
    .uws-hero-inner,
    .uws-pathway-inner,
    .uws-about-inner {
        grid-template-columns: 55% 45%;
    }

    .uws-hero-copy,
    .uws-pathway-copy,
    .uws-about-copy {
        padding-left: 34px;
        padding-right: 34px;
    }

    .uws-hero-fact strong {
        font-size: 15px;
    }

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

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

@media (max-width: 991px) {
    .uws-hero::after {
        display: none;
    }

    .uws-hero-inner,
    .uws-pathway-inner,
    .uws-about-inner {
        grid-template-columns: 1fr;
    }

    .uws-hero-copy {
        order: 1;
        padding: 56px 28px 42px;
    }

    .uws-hero-visual {
        order: 2;
        min-height: 520px;
    }

    .uws-hero-visual img {
        min-height: 520px;
        max-height: 620px;
    }

    .uws-pathway-copy,
    .uws-about-copy {
        padding: 54px 28px 44px;
    }

    .uws-pathway-visual,
    .uws-pathway-visual img,
    .uws-about-visual,
    .uws-about-visual img {
        min-height: 520px;
    }

    .uws-about-stats-wrap {
        padding: 0 28px 44px;
    }

    .uws-about-stats {
        grid-template-columns: repeat(2, 1fr);
        border-radius: 22px;
    }

    .uws-stat:nth-child(2)::after {
        display: none;
    }

    .uws-stat:nth-child(-n+2) {
        border-bottom: 1px solid rgba(228, 177, 53, .28);
    }
}

@media (max-width: 767px) {
    .uws-bachelors-page .uws-eyebrow {
        font-size: 12px;
        letter-spacing: 2px;
    }

    .uws-bachelors-page .uws-eyebrow::after {
        width: 74px;
    }

    .uws-hero {
        min-height: auto;
    }

    .uws-hero-inner {
        min-height: auto;
    }

    .uws-hero-copy h1 {
        font-size: clamp(42px, 14vw, 62px);
        letter-spacing: -1px;
    }

    .uws-hero-subtitle {
        margin: 24px 0;
        font-size: 14px;
        letter-spacing: 3px;
    }

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

    .uws-hero-fact:nth-child(2)::after {
        display: none;
    }

    .uws-hero-fact:nth-child(-n+2) {
        border-bottom: 1px solid rgba(239, 191, 54, .5);
    }

    .uws-hero-fact {
        min-height: 128px;
    }

    .uws-hero-actions,
    .uws-final-actions {
        flex-direction: column;
    }

    .uws-btn {
        width: 100%;
        min-width: 0;
    }

    .uws-hero-benefits {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .uws-mini-benefit {
        border-right: 0 !important;
        border-bottom: 1px solid rgba(226, 178, 55, .28);
        padding: 0 0 14px;
    }

    .uws-hero-visual,
    .uws-hero-visual img {
        min-height: 440px;
    }

    .uws-pathway-copy h2,
    .uws-about-copy h2 {
        font-size: clamp(39px, 12vw, 55px);
    }

    .uws-programme-grid {
        grid-template-columns: 1fr;
    }

    .uws-programme-detail {
        border-right: 0 !important;
        border-bottom: 1px solid rgba(236, 187, 56, .45) !important;
    }

    .uws-programme-includes {
        align-items: flex-start;
        text-align: left;
    }

    .uws-about-cards,
    .uws-learning-grid,
    .uws-about-stats {
        grid-template-columns: 1fr;
    }

    .uws-about-card {
        min-height: 175px;
    }

    .uws-stat {
        border-bottom: 1px solid rgba(228, 177, 53, .26);
    }

    .uws-stat::after {
        display: none;
    }

    .uws-learning-section {
        padding: 54px 0 62px;
    }

    .uws-learning-inner {
        padding: 0 22px;
    }

    .uws-learning-card {
        min-height: 145px;
    }

    .uws-final-cta {
        padding-left: 22px;
        padding-right: 22px;
    }

    .uws-whatsapp-float {
        width: 56px;
        height: 56px;
        right: 16px;
        bottom: 82px;
        font-size: 28px;
    }
}

@media (max-width: 480px) {
    .uws-hero-copy,
    .uws-pathway-copy,
    .uws-about-copy {
        padding-left: 20px;
        padding-right: 20px;
    }

    .uws-hero-fact strong,
    .uws-programme-detail strong {
        font-size: 15px;
    }

    .uws-programme-detail {
        grid-template-columns: 60px 1fr;
        padding: 18px;
    }

    .uws-programme-icon {
        width: 52px;
        height: 52px;
        font-size: 22px;
    }

    .uws-about-stats-wrap {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .uws-bachelors-page *,
    .uws-bachelors-page *::before,
    .uws-bachelors-page *::after {
        transition: none !important;
        animation: none !important;
        scroll-behavior: auto !important;
    }
}



/* =====================================================
   UWS HERO - REMOVE GOLD DIVIDER OVER IMAGE
===================================================== */

.uws-bachelors-page .uws-hero::after {
    display: none !important;
    content: none !important;
}




/* =========================================================
   UWS MASTERS PAGE
   Paste this at the VERY BOTTOM of css/style.css
========================================================= */

:root {
    --uwsm-black: #070809;
    --uwsm-metal: #101214;
    --uwsm-metal-2: #171a1d;
    --uwsm-gold: #c79a2c;
    --uwsm-gold-2: #f2cd63;
    --uwsm-gold-3: #e6b83f;
    --uwsm-white: #ffffff;
    --uwsm-off: #fbfaf6;
    --uwsm-text: #151618;
    --uwsm-muted: #575c61;
    --uwsm-red: #7a0a17;
}

.uws-masters-page {
    background: #fff;
    color: var(--uwsm-text);
    overflow: hidden;
}

.uws-masters-page * {
    box-sizing: border-box;
}

.uws-m-eyebrow,
.uws-m-section-kicker {
    text-transform: uppercase;
    letter-spacing: 3px;
    font-weight: 700;
}

.uws-m-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: var(--uwsm-gold-2);
    font-size: 14px;
    margin-bottom: 18px;
}

.uws-m-eyebrow::after {
    content: "";
    width: 160px;
    height: 1px;
    background: linear-gradient(90deg, var(--uwsm-gold-2), transparent);
    display: inline-block;
}

.uws-m-section-kicker {
    color: #b9811d;
    font-size: 14px;
    margin-bottom: 12px;
}

/* HERO */
.uws-m-hero {
    background:
        radial-gradient(circle at 15% 15%, rgba(255, 211, 89, .07), transparent 26%),
        radial-gradient(circle at 88% 80%, rgba(126, 0, 24, .12), transparent 28%),
        linear-gradient(115deg, #060708 0%, #0a0c0e 55%, #111316 100%);
    color: #fff;
    position: relative;
    overflow: hidden;
}

.uws-m-hero-inner {
    max-width: 1500px;
    margin: 0 auto;
    min-height: 700px;
    display: grid;
    grid-template-columns: 58% 42%;
    align-items: stretch;
}

.uws-m-hero-copy {
    padding: 70px 54px 58px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 2;
    position: relative;
}

.uws-m-hero-copy h1 {
    margin: 0;
    color: #fff;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(56px, 5vw, 90px);
    line-height: .95;
    font-weight: 700;
    letter-spacing: -2px;
}

.uws-m-hero-copy h1 span {
    display: block;
    margin-top: 8px;
    background: linear-gradient(90deg, #fff0a0 0%, #ffc934 35%, #9d6709 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.uws-m-hero-subtitle {
    margin: 28px 0 28px;
    font-size: clamp(16px, 1.4vw, 20px);
    text-transform: uppercase;
    letter-spacing: 5px;
    color: #f4f4f4;
}

.uws-m-hero-facts {
    max-width: 920px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    border: 1px solid var(--uwsm-gold-2);
    border-radius: 18px;
    overflow: hidden;
    background: rgba(0,0,0,.20);
    backdrop-filter: blur(4px);
}

.uws-m-hero-fact {
    min-height: 145px;
    text-align: center;
    display: flex;
    padding: 18px 14px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    position: relative;
}

.uws-m-hero-fact:not(:last-child)::after {
    content: "";
    position: absolute;
    right: 0;
    top: 20%;
    width: 1px;
    height: 60%;
    background: rgba(239, 191, 54, .7);
}

.uws-m-hero-fact i {
    color: #ffd938;
    font-size: 30px;
}

.uws-m-hero-fact strong {
    font-size: 17px;
    line-height: 1.25;
    font-weight: 600;
    color: #fff;
}

.uws-m-hero-actions {
    margin-top: 28px;
}

.uws-m-btn {
    min-width: 260px;
    min-height: 62px;
    padding: 14px 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    border-radius: 14px;
    font-size: 17px;
    font-weight: 600;
    text-decoration: none;
    transition: all .35s ease;
}

.uws-m-btn-gold {
    color: #111;
    background: linear-gradient(100deg, #b37916, #f4d76b 48%, #b78019);
    border: 1px solid #e4bd54;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.16);
}

.uws-m-btn-gold:hover {
    color: #111;
    transform: translateY(-3px);
    box-shadow: 0 14px 30px rgba(210,157,35,.28);
}

.uws-m-btn-outline {
    color: #fff;
    border: 2px solid var(--uwsm-gold-2);
    background: rgba(0,0,0,.28);
}

.uws-m-btn-outline:hover {
    color: #111;
    background: linear-gradient(100deg, #b47e17, #f5d365, #bd861d);
    border-color: #f6dc78;
    transform: translateY(-3px);
}

.uws-m-mini-benefits {
    margin-top: 34px;
    max-width: 900px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
}

.uws-m-mini-benefit {
    display: flex;
    align-items: center;
    gap: 14px;
    color: #fff;
    font-size: 16px;
    line-height: 1.3;
    padding-right: 18px;
}

.uws-m-mini-benefit:not(:last-child) {
    border-right: 1px solid rgba(226,178,55,.55);
}

.uws-m-mini-benefit i {
    color: #ffd94b;
    font-size: 28px;
}

.uws-m-hero-visual {
    min-height: 700px;
    position: relative;
    overflow: hidden;
    background: #121416;
}

.uws-m-hero-visual::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 70px;
    background: linear-gradient(90deg, rgba(6,7,8,.96), transparent);
    z-index: 2;
    pointer-events: none;
}

.uws-m-hero-visual img {
    width: 100%;
    height: 100%;
    min-height: 700px;
    object-fit: cover;
    object-position: center 38%;
    display: block;
}

.uws-m-hero-tag {
    position: absolute;
    right: 26px;
    bottom: 62px;
    z-index: 3;
    color: #f1c85a;
    font-family: Georgia, "Times New Roman", serif;
    font-style: italic;
    font-size: 22px;
    line-height: 1.15;
    text-align: right;
    max-width: 160px;
    text-shadow: 0 4px 14px rgba(0,0,0,.45);
}

/* OVERVIEW */
.uws-m-overview {
    background:
        radial-gradient(circle at 12% 18%, rgba(235, 181, 55, .07), transparent 26%),
        linear-gradient(115deg, #070809, #0c0e10 70%, #151719);
    color: #fff;
}

.uws-m-overview-inner {
    max-width: 1500px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 62% 38%;
    align-items: stretch;
}

.uws-m-overview-copy {
    padding: 62px 54px 62px;
}

.uws-m-overview-copy h2 {
    margin: 0 0 20px;
    color: #fff;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(44px, 4.2vw, 70px);
    line-height: 1.03;
    font-weight: 700;
}

.uws-m-overview-copy h2 span {
    display: block;
    background: linear-gradient(90deg, #fff0a2, #f1b71e 48%, #a56d0f);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.uws-m-overview-intro {
    max-width: 920px;
    color: #f4f4f4;
    font-size: 17px;
    line-height: 1.55;
    margin-bottom: 26px;
}

.uws-m-board {
    border: 1px solid var(--uwsm-gold-2);
    border-radius: 20px;
    overflow: hidden;
    background: rgba(0,0,0,.22);
}

.uws-m-board-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.uws-m-board-item {
    min-height: 120px;
    display: grid;
    grid-template-columns: 70px 1fr;
    gap: 16px;
    align-items: center;
    padding: 20px 26px;
    position: relative;
}

.uws-m-board-item:nth-child(1),
.uws-m-board-item:nth-child(2) {
    border-bottom: 1px solid rgba(236,187,56,.65);
}

.uws-m-board-item:nth-child(odd) {
    border-right: 1px solid rgba(236,187,56,.65);
}

.uws-m-board-full {
    min-height: 96px;
    border-top: 1px solid rgba(236,187,56,.65);
    padding: 20px 26px;
    display: flex;
    align-items: center;
    gap: 18px;
}

.uws-m-board-icon {
    width: 58px;
    height: 58px;
    border-radius: 50%;
    border: 1px solid #ffd931;
    color: #ffd931;
    display: grid;
    place-items: center;
    font-size: 24px;
    flex: 0 0 auto;
}

.uws-m-board-item small,
.uws-m-board-full small {
    display: block;
    color: #f7cf38;
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 4px;
}

.uws-m-board-item strong,
.uws-m-board-full strong {
    display: block;
    color: #fff;
    font-size: 18px;
    line-height: 1.3;
    font-weight: 500;
}

.uws-m-overview-visual {
    min-height: 620px;
    overflow: hidden;
}

.uws-m-overview-visual img {
    width: 100%;
    height: 100%;
    min-height: 620px;
    object-fit: cover;
    display: block;
}

/* ABOUT */
.uws-m-about {
    background: linear-gradient(180deg, #fff 0%, #fcfbf7 100%);
}

.uws-m-about-inner {
    max-width: 1500px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 58% 42%;
    align-items: stretch;
}

.uws-m-about-copy {
    padding: 62px 54px 50px;
}

.uws-m-about-copy h2 {
    margin: 0 0 20px;
    color: #111;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(44px, 4.2vw, 68px);
    line-height: 1.03;
    font-weight: 700;
}

.uws-m-about-copy h2 span {
    display: block;
    background: linear-gradient(90deg, #b17418, #e7bb52, #9f6815);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.uws-m-about-copy > p {
    max-width: 850px;
    margin-bottom: 28px;
    color: #25282c;
    font-size: 17px;
    line-height: 1.58;
}

.uws-m-about-cards {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}

.uws-m-about-card {
    min-height: 175px;
    padding: 22px 14px 18px;
    text-align: center;
    border: 1px solid rgba(200,145,36,.55);
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 10px 24px rgba(31,28,22,.05);
    transition: all .35s ease;
}

.uws-m-about-card:hover {
    transform: translateY(-6px);
    border-color: #b57c14;
}

.uws-m-about-card i {
    width: 54px;
    height: 54px;
    margin: 0 auto 12px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: #111;
    background: radial-gradient(circle at 35% 28%, #ffe681, #d99f23 62%, #9a6510 100%);
    font-size: 22px;
}

.uws-m-about-card h3 {
    font-size: 17px;
    line-height: 1.25;
    margin-bottom: 8px;
    font-weight: 700;
    color: #111;
}

.uws-m-about-card p {
    font-size: 14px;
    line-height: 1.35;
    margin: 0;
    color: #4d4f53;
}

.uws-m-about-visual {
    position: relative;
    min-height: 600px;
    overflow: hidden;
}

.uws-m-about-visual img {
    width: 100%;
    height: 100%;
    min-height: 600px;
    object-fit: cover;
    display: block;
}

.uws-m-about-overlay {
    position: absolute;
    right: 26px;
    top: 32px;
    width: 250px;
    background: rgba(255,255,255,.96);
    border-radius: 16px;
    padding: 22px 18px;
    box-shadow: 0 16px 34px rgba(0,0,0,.12);
    display: grid;
    gap: 16px;
}

.uws-m-about-overlay div {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #1a1b1d;
    font-size: 15px;
    font-weight: 600;
}

.uws-m-about-overlay i {
    color: #c79422;
    font-size: 18px;
}

/* STUDY */
.uws-m-study {
    background: linear-gradient(110deg, #070809, #101214 48%, #070809);
    color: #fff;
    padding: 68px 0 78px;
}

.uws-m-study-inner {
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 30px;
}

.uws-m-study-inner h2 {
    margin: 0 0 6px;
    color: #fff;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(40px, 4vw, 58px);
    font-weight: 700;
}

.uws-m-study-lead {
    color: #ececec;
    margin-bottom: 30px;
    font-size: 17px;
}

.uws-m-study-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
}

.uws-m-study-card {
    min-height: 118px;
    padding: 24px 18px;
    border: 1px solid rgba(201,147,38,.55);
    border-radius: 14px;
    background: rgba(255,255,255,.02);
    display: flex;
    align-items: center;
    gap: 14px;
    transition: all .35s ease;
}

.uws-m-study-card:hover {
    transform: translateY(-6px);
    background: rgba(243, 200, 80, .06);
    border-color: #e4b84e;
}

.uws-m-study-card i {
    color: #f3c850;
    font-size: 30px;
    flex: 0 0 auto;
}

.uws-m-study-card strong {
    color: #fff;
    font-size: 16px;
    line-height: 1.3;
    font-weight: 600;
}

/* CAREER */
.uws-m-career {
    background: #fff;
    padding: 62px 0 30px;
}

.uws-m-career-inner {
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 30px;
    display: grid;
    grid-template-columns: 46% 54%;
    gap: 28px;
    align-items: start;
}

.uws-m-career-copy h2 {
    margin: 0 0 14px;
    color: #121315;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(34px, 3.6vw, 56px);
    line-height: 1.05;
    font-weight: 700;
}

.uws-m-career-copy p {
    color: #555b60;
    font-size: 17px;
    line-height: 1.6;
    max-width: 520px;
    margin: 0;
}

.uws-m-career-points {
    background: linear-gradient(180deg, #fff, #faf8f2);
    border: 1px solid rgba(200,145,36,.35);
    border-radius: 18px;
    padding: 24px 26px;
}

.uws-m-career-points ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 14px;
}

.uws-m-career-points li {
    position: relative;
    padding-left: 30px;
    color: #1a1b1d;
    font-size: 16px;
    line-height: 1.5;
}

.uws-m-career-points li::before {
    content: "\f058";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #d2a037;
    position: absolute;
    left: 0;
    top: 1px;
}

/* ENTRY */
.uws-m-entry {
    background: #fff;
    padding: 10px 0 24px;
}

.uws-m-entry-inner {
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 30px;
}

.uws-m-entry-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
}

.uws-m-entry-card {
    border: 1px solid rgba(200,145,36,.28);
    border-radius: 14px;
    background: #fff;
    padding: 22px 18px;
    min-height: 195px;
    transition: all .35s ease;
}

.uws-m-entry-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 14px 28px rgba(0,0,0,.07);
}

.uws-m-entry-card i {
    color: #be861f;
    font-size: 28px;
    margin-bottom: 14px;
}

.uws-m-entry-card h3 {
    margin: 0 0 10px;
    color: #111;
    font-size: 18px;
    line-height: 1.35;
    font-weight: 700;
}

.uws-m-entry-card p {
    margin: 0;
    color: #596067;
    font-size: 15px;
    line-height: 1.5;
}

/* APPLY */
.uws-m-apply {
    background: #fff;
    padding: 14px 0 70px;
}

.uws-m-apply-inner {
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 30px;
}

.uws-m-apply-inner h2 {
    margin: 0 0 24px;
    color: #17191b;
    font-size: 22px;
    font-weight: 500;
}

.uws-m-apply-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
}

.uws-m-step {
    background: #fff;
    border: 1px solid rgba(200,145,36,.28);
    border-radius: 14px;
    padding: 24px 18px 22px;
    min-height: 210px;
    position: relative;
    transition: all .35s ease;
}

.uws-m-step:hover {
    transform: translateY(-6px);
    box-shadow: 0 15px 30px rgba(0,0,0,.07);
}

.uws-m-step-no {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: linear-gradient(135deg, #f3d87a, #c2861d);
    color: #111;
    display: grid;
    place-items: center;
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 14px;
}

.uws-m-step h3 {
    margin: 0 0 8px;
    color: #111;
    font-size: 19px;
    font-weight: 700;
}

.uws-m-step p {
    margin: 0;
    color: #5b6167;
    font-size: 15px;
    line-height: 1.5;
}

/* FINAL CTA */
.uws-m-final {
    background:
        radial-gradient(circle at 50% 40%, rgba(211,160,37,.11), transparent 30%),
        linear-gradient(110deg, #070809, #101214 48%, #070809);
    color: #fff;
    padding: 60px 28px 66px;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.uws-m-final::before,
.uws-m-final::after {
    content: "";
    position: absolute;
    bottom: -120px;
    width: 58%;
    height: 260px;
    border: 2px solid rgba(232,178,48,.42);
    border-radius: 50%;
    z-index: 0;
}

.uws-m-final::before {
    left: -14%;
    transform: rotate(10deg);
}

.uws-m-final::after {
    right: -14%;
    transform: rotate(-10deg);
}

.uws-m-final-inner {
    max-width: 1100px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.uws-m-final-kicker {
    color: #f0cb62;
    margin-bottom: 14px;
}

.uws-m-final h2 {
    margin: 0;
    color: #fff;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(38px, 4vw, 60px);
    line-height: 1.05;
    font-weight: 700;
}

.uws-m-final h2 span {
    display: block;
    background: linear-gradient(90deg, #fff0a0, #f0b92b, #a66c10);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.uws-m-final p {
    margin: 18px auto 28px;
    color: #ece8df;
    font-size: 17px;
    max-width: 650px;
}

.uws-m-final-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 18px;
}

/* WHATSAPP */
.uws-m-whatsapp {
    position: fixed;
    right: 24px;
    bottom: 90px;
    z-index: 9998;
    width: 62px;
    height: 62px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: linear-gradient(145deg, #c78c20, #f0ce66);
    color: #111 !important;
    font-size: 31px;
    text-decoration: none;
    box-shadow: 0 12px 30px rgba(0,0,0,.25), 0 0 0 5px rgba(214,170,55,.12);
    transition: all .3s ease;
}

.uws-m-whatsapp:hover {
    transform: translateY(-5px) scale(1.05);
    color: #111 !important;
}

/* RESPONSIVE */
@media (max-width: 1199px) {
    .uws-m-hero-inner,
    .uws-m-overview-inner,
    .uws-m-about-inner {
        grid-template-columns: 55% 45%;
    }

    .uws-m-about-cards,
    .uws-m-entry-grid,
    .uws-m-apply-grid {
        grid-template-columns: repeat(2, 1fr);
    }

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

@media (max-width: 991px) {
    .uws-m-hero-inner,
    .uws-m-overview-inner,
    .uws-m-about-inner,
    .uws-m-career-inner {
        grid-template-columns: 1fr;
    }

    .uws-m-hero-copy,
    .uws-m-overview-copy,
    .uws-m-about-copy {
        padding: 52px 28px 42px;
    }

    .uws-m-hero-visual,
    .uws-m-hero-visual img,
    .uws-m-overview-visual,
    .uws-m-overview-visual img,
    .uws-m-about-visual,
    .uws-m-about-visual img {
        min-height: 480px;
    }

    .uws-m-about-overlay {
        position: static;
        width: 100%;
        border-radius: 0;
        box-shadow: none;
    }

    .uws-m-entry-inner,
    .uws-m-apply-inner,
    .uws-m-study-inner,
    .uws-m-career-inner {
        padding-left: 28px;
        padding-right: 28px;
    }
}

@media (max-width: 767px) {
    .uws-m-eyebrow {
        font-size: 12px;
        letter-spacing: 2px;
    }

    .uws-m-eyebrow::after {
        width: 70px;
    }

    .uws-m-hero-copy h1 {
        font-size: clamp(42px, 14vw, 62px);
        letter-spacing: -1px;
    }

    .uws-m-hero-subtitle {
        font-size: 14px;
        letter-spacing: 3px;
        margin: 22px 0;
    }

    .uws-m-hero-facts {
        grid-template-columns: repeat(2, 1fr);
    }

    .uws-m-hero-fact:nth-child(2)::after {
        display: none;
    }

    .uws-m-hero-fact:nth-child(-n+2) {
        border-bottom: 1px solid rgba(239,191,54,.5);
    }

    .uws-m-mini-benefits {
        grid-template-columns: 1fr;
    }

    .uws-m-mini-benefit {
        border-right: 0 !important;
        border-bottom: 1px solid rgba(226,178,55,.28);
        padding-bottom: 14px;
    }

    .uws-m-board-grid,
    .uws-m-entry-grid,
    .uws-m-apply-grid,
    .uws-m-about-cards,
    .uws-m-study-grid {
        grid-template-columns: 1fr;
    }

    .uws-m-board-item {
        border-right: 0 !important;
        border-bottom: 1px solid rgba(236,187,56,.45) !important;
    }

    .uws-m-final-actions {
        flex-direction: column;
    }

    .uws-m-btn {
        width: 100%;
        min-width: 0;
    }

    .uws-m-whatsapp {
        width: 56px;
        height: 56px;
        right: 16px;
        bottom: 82px;
        font-size: 28px;
    }
}

@media (max-width: 480px) {
    .uws-m-hero-copy,
    .uws-m-overview-copy,
    .uws-m-about-copy,
    .uws-m-entry-inner,
    .uws-m-apply-inner,
    .uws-m-study-inner,
    .uws-m-career-inner {
        padding-left: 20px;
        padding-right: 20px;
    }

    .uws-m-board-item {
        grid-template-columns: 58px 1fr;
        padding: 18px;
    }

    .uws-m-board-icon {
        width: 50px;
        height: 50px;
        font-size: 20px;
    }
}


/* =========================================================
   FIX: UWS BACHELOR'S + MASTER'S THIRD LEVEL MENU
========================================================= */

@media (min-width: 992px) {

    /* Make sure the third-level UWS menu can show all links */
    .wca-global-nav .wca-level-3 {
        display: none !important;
        height: auto !important;
        min-height: auto !important;
        max-height: none !important;
        overflow: visible !important;
        padding: 7px 0 !important;
    }

    /* Show menu when hovering university */
    .wca-global-nav
    .wca-level-2
    > .wca-submenu-item:hover
    > .wca-level-3 {
        display: block !important;
    }

    /* FORCE every Bachelor's / Master's item to appear */
    .wca-global-nav .wca-level-3 > .dropdown-item {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;

        width: 100% !important;
        height: auto !important;
        min-height: 52px !important;

        padding: 14px 18px !important;
        margin: 0 !important;

        color: #222222 !important;
        background: #ffffff !important;

        font-size: 14px !important;
        font-weight: 500 !important;
        line-height: 24px !important;

        white-space: nowrap !important;
        text-decoration: none !important;
    }

    /* Hover effect */
    .wca-global-nav .wca-level-3 > .dropdown-item:hover {
        color: #c38b24 !important;
        background: #faf5ea !important;
        padding-left: 23px !important;
    }
}



/* =========================================================
   FLOATING WHATSAPP BUTTON
========================================================= */

.wca-floating-whatsapp {
    position: fixed;

    right: 22px;
    bottom: 22px;

    width: 58px;
    height: 58px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #CE9233;
    color: #ffffff;

    border-radius: 50%;

    font-size: 30px;

    text-decoration: none;

    box-shadow:
        0 8px 20px rgba(0,0,0,0.22),
        0 0 0 6px rgba(37,211,102,0.10);

    z-index: 999999;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        background 0.3s ease;
}

.wca-floating-whatsapp:hover {
    background: #1ebe5d;
    color: #ffffff;

    transform: translateY(-4px) scale(1.05);

    box-shadow:
        0 12px 26px rgba(0,0,0,0.28),
        0 0 0 8px rgba(37,211,102,0.12);
}

.wca-floating-whatsapp i {
    line-height: 1;
}

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

    .wca-floating-whatsapp {
        right: 16px;
        bottom: 16px;

        width: 54px;
        height: 54px;

        font-size: 27px;
    }

}




/* =========================================================
   WYNN CLIFFORD ACADEMY
   FINAL CLEAN MOBILE HOMEPAGE FIX
   Only affects screens below 992px
========================================================= */

@media (max-width: 991.98px) {

    /* =====================================================
       GLOBAL MOBILE RESET
    ===================================================== */

    html,
    body {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden !important;
    }

    body {
        position: relative;
    }


    /* =====================================================
       NAVBAR
    ===================================================== */

    .sticky-top {
        top: 0 !important;
    }

    .navbar {
        padding: 8px 0 !important;
    }

    .navbar > .container,
    .navbar > .container-fluid {
        width: 100% !important;
        max-width: 100% !important;
    }


    /* LOGO */

    .navbar-brand {
        margin-right: 0 !important;
        padding: 4px 0 !important;
    }

    .navbar-brand .logo {
        width: auto !important;
        height: auto !important;
        max-height: 72px !important;
        max-width: 170px !important;
    }


    /* HAMBURGER */

    .navbar-toggler {
        padding: 7px 10px !important;
        margin-left: auto !important;
        border: 1px solid #d5d5d5 !important;
        box-shadow: none !important;
    }


    /* MOBILE NAV AREA */

    #navbarCollapse {
        width: 100% !important;
        max-height: calc(100vh - 90px);
        overflow-y: auto !important;
        overflow-x: hidden !important;
        background: #ffffff;
        padding-bottom: 15px;
    }

    .navbar .navbar-nav {
        width: 100% !important;
        margin: 8px 0 0 !important;
        padding: 0 !important;

        border-top: 1px solid #eeeeee;
    }

    .navbar .navbar-nav > .nav-item,
    .navbar .navbar-nav > .nav-link {
        width: 100% !important;
    }

    .navbar .navbar-nav .nav-link {
        width: 100% !important;

        margin: 0 !important;

        padding: 12px 14px !important;

        font-size: 14px !important;
        line-height: 1.4 !important;

        border-bottom: 1px solid #eeeeee;
    }


    /* =====================================================
       NORMAL BOOTSTRAP DROPDOWNS
    ===================================================== */

    .navbar .dropdown-menu {
        position: static !important;

        width: 100% !important;
        min-width: 100% !important;

        margin: 0 !important;

        transform: none !important;

        border: none !important;
        border-radius: 0 !important;

        box-shadow: none !important;
    }


    /* =====================================================
       GLOBAL UNIVERSITY PROGRAMS
    ===================================================== */

    .wca-global-nav {
        width: 100% !important;
        position: static !important;
    }


    /* LEVEL 1 */

    .wca-global-nav > .wca-level-1 {
        position: static !important;

        width: 100% !important;
        min-width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        background: #ffffff !important;

        border: none !important;
        box-shadow: none !important;

        overflow: visible !important;
    }


    /* ALL PARENT ITEMS */

    .wca-global-nav .wca-submenu-item {
        position: relative !important;

        width: 100% !important;

        border-bottom: 1px solid #eeeeee;
    }


    /* CLICKABLE ROW */

    .wca-global-nav .wca-submenu-link {
        position: relative !important;

        display: flex !important;

        align-items: center !important;
        justify-content: space-between !important;

        width: 100% !important;

        padding: 12px 15px !important;

        background: #ffffff !important;

        color: #222222 !important;

        font-size: 13px !important;
        line-height: 1.4 !important;

        white-space: normal !important;

        pointer-events: auto !important;

        touch-action: manipulation;

        z-index: 2;
    }


    /* LEVEL 2 + LEVEL 3 CLOSED */

    .wca-global-nav .wca-level-2,
    .wca-global-nav .wca-level-3 {
        position: static !important;

        top: auto !important;
        left: auto !important;

        width: 100% !important;
        min-width: 100% !important;

        margin: 0 !important;

        display: none !important;

        opacity: 1 !important;
        visibility: visible !important;

        transform: none !important;

        pointer-events: auto !important;

        border: none !important;
        box-shadow: none !important;

        overflow: visible !important;
    }


    /* LEVEL 2 DESIGN */

    .wca-global-nav .wca-level-2 {
        padding: 0 0 0 14px !important;

        background: #f8f8f8 !important;
    }


    /* LEVEL 3 DESIGN */

    .wca-global-nav .wca-level-3 {
        padding: 0 0 0 16px !important;

        background: #f0f0f0 !important;
    }


    /* OPEN LEVEL 2 */

    .wca-global-nav
    .wca-level-1
    > .wca-submenu-item.mobile-open
    > .wca-level-2 {
        display: block !important;
    }


    /* OPEN LEVEL 3 */

    .wca-global-nav
    .wca-level-2
    > .wca-submenu-item.mobile-open
    > .wca-level-3 {
        display: block !important;
    }


    /* LEVEL 2 ROW */

    .wca-global-nav
    .wca-level-2
    > .wca-submenu-item
    > .wca-submenu-link {
        background: #f8f8f8 !important;

        padding-left: 17px !important;

        font-size: 12.5px !important;
    }


    /* LEVEL 3 REAL LINKS */

    .wca-global-nav
    .wca-level-3
    > .dropdown-item {
        position: relative !important;

        display: block !important;

        width: 100% !important;

        padding: 11px 15px 11px 22px !important;

        background: #f0f0f0 !important;

        color: #222222 !important;

        font-size: 12.5px !important;

        line-height: 1.4 !important;

        white-space: normal !important;

        pointer-events: auto !important;

        touch-action: manipulation;

        z-index: 5 !important;
    }


    /* ARROWS */

    .wca-global-nav .wca-submenu-link i {
        flex: 0 0 auto;

        margin-left: 10px !important;

        color: #CE9233 !important;

        transform: rotate(90deg);

        transition: transform .25s ease;
    }

    .wca-global-nav
    .wca-submenu-item.mobile-open
    > .wca-submenu-link
    > i {
        transform: rotate(270deg);
    }


    /* UK DIPLOMA MENU */

    .wca-diploma-menu {
        position: static !important;

        width: 100% !important;
        min-width: 100% !important;

        margin: 0 !important;

        padding: 0 !important;

        box-shadow: none !important;

        border: none !important;
    }

    .wca-diploma-menu .dropdown-item {
        width: 100% !important;

        padding: 11px 16px !important;

        white-space: normal !important;

        font-size: 12.5px !important;

        border-bottom: 1px solid #eeeeee;
    }


    /* =====================================================
       HOMEPAGE HERO
    ===================================================== */

    .banner-style-one {
        position: relative !important;

        width: 100% !important;

        height: auto !important;

        min-height: 0 !important;

        overflow: hidden !important;
    }

    .hero-slider {
        width: 100% !important;

        overflow: hidden !important;
    }

    .hero-slider .slick-list,
    .hero-slider .slick-track {
        width: 100% !important;

        height: auto !important;
    }


    /* EACH SLIDE */

    .slide1,
    .slide2,
    .slide3,
    .slide4,
    .slide5,
    .slide6 {
        position: relative !important;

        width: 100% !important;

        height: 520px !important;

        min-height: 520px !important;

        background-size: cover !important;

        background-repeat: no-repeat !important;

        background-position: center center !important;
    }


    /* DARK OVERLAY */

    .banner-style-one::after {
        content: "";

        position: absolute;

        top: 0;
        left: 0;

        width: 100%;
        height: 100%;

        z-index: 1 !important;

        pointer-events: none;

        background:
            linear-gradient(
                90deg,
                rgba(0,0,0,.60) 0%,
                rgba(0,0,0,.38) 55%,
                rgba(0,0,0,.12) 100%
            ) !important;
    }


    /* TEXT CONTAINER */

    .banner-style-one .container {
        position: relative !important;

        top: auto !important;

        width: 100% !important;

        max-width: 100% !important;

        padding-left: 18px !important;
        padding-right: 18px !important;

        z-index: 2 !important;
    }


    .banner-style-one .banner-one-inner {
        position: relative !important;

        width: 100% !important;
        max-width: 100% !important;

        right: auto !important;

        margin: 0 !important;

        padding:
            125px
            5px
            45px !important;
    }


    /* HERO TEXT */

    .banner-style-one .banner-one-inner .pre-title {
        margin-bottom: 10px !important;

        font-size: 13px !important;
    }

    .banner-style-one .banner-one-inner h3 {
        max-width: 95%;

        margin-bottom: 14px !important;

        color: #ffffff !important;

        font-size: 27px !important;
        line-height: 1.2 !important;

        text-shadow:
            0 2px 8px rgba(0,0,0,.55);
    }

    .banner-style-one .banner-one-inner h3 span {
        color: #ffffff !important;
    }

    .banner-style-one
    .banner-one-inner
    p.disc.banner-para {
        max-width: 94%;

        color: #ffffff !important;

        font-size: 14px !important;
        line-height: 1.6 !important;

        text-shadow:
            0 2px 6px rgba(0,0,0,.55);
    }


    /* BLACK SLOGAN STRIP */

    .banner-style-one
    > .position-absolute.w-100.py-3 {
        padding:
            10px
            12px !important;
    }

    .banner-style-one
    > .position-absolute.w-100.py-3 h5 {
        font-size: 12px !important;
        line-height: 1.3 !important;

        text-align: center;
    }


    /* =====================================================
       STUDY GLOBALLY BANNER
    ===================================================== */

    .wca-study-global-banner {
        width: 100% !important;

        padding:
            18px
            10px !important;
    }

    .wca-study-global-banner-inner {
        width: 100% !important;

        margin: 0 auto !important;

        overflow: hidden !important;

        border-radius: 8px;
    }

    .wca-study-global-banner img {
        width: 100% !important;

        height: auto !important;

        display: block !important;

        object-fit: contain !important;
    }


    /* Floating WhatsApp */
    .wca-floating-whatsapp {
        right: 15px !important;
        bottom: 15px !important;

        width: 54px !important;
        height: 54px !important;

        font-size: 27px !important;
    }

}


/* =========================================================
   SMALL PHONES
========================================================= */

@media (max-width: 575.98px) {

    .navbar-brand .logo {
        max-height: 64px !important;
        max-width: 155px !important;
    }

    .slide1,
    .slide2,
    .slide3,
    .slide4,
    .slide5,
    .slide6 {
        height: 500px !important;
        min-height: 500px !important;
    }

    .banner-style-one .banner-one-inner {
        padding:
            115px
            0
            35px !important;
    }

    .banner-style-one .banner-one-inner h3 {
        font-size: 24px !important;
    }

    .banner-style-one
    .banner-one-inner
    p.disc.banner-para {
        font-size: 13px !important;
        line-height: 1.55 !important;
    }

}


/* =========================================================
   HOMEPAGE ONLY
   MOBILE BANNER + YOUTUBE FIX
========================================================= */

@media (max-width: 767.98px) {

    /* =====================================================
       1. HERO SLIDER - SHOW FULL BANNER IMAGE
    ===================================================== */

    .banner-style-one,
    .hero-slider,
    .hero-slider .slick-list,
    .hero-slider .slick-track {
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
    }


    .slide1,
    .slide2,
    .slide3,
    .slide4,
    .slide5,
    .slide6 {
        position: relative !important;

        width: 100% !important;

        /*
         IMPORTANT:
         do not use cover on mobile.
         contain allows the complete banner image to appear.
        */
        background-size: 100% auto !important;
        background-repeat: no-repeat !important;
        background-position: center top !important;

        /*
         Keeps enough space below the image for your text.
        */
        height: 500px !important;
        min-height: 500px !important;

        background-color: #111111 !important;
    }


    /* Keep hero text inside phone width */

    .banner-style-one .container {
        width: 100% !important;
        max-width: 100% !important;

        padding-left: 18px !important;
        padding-right: 18px !important;
    }


    .banner-style-one .banner-one-inner {
        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
        right: auto !important;

        padding:
            155px
            0
            35px !important;
    }


    /* slightly smaller text so nothing goes outside screen */

    .banner-style-one .banner-one-inner h3 {
        width: 100% !important;
        max-width: 100% !important;

        font-size: 23px !important;
        line-height: 1.25 !important;
    }


    .banner-style-one
    .banner-one-inner
    p.disc.banner-para {
        width: 100% !important;
        max-width: 100% !important;

        font-size: 13px !important;
        line-height: 1.55 !important;
    }


    /* =====================================================
       2. YOUTUBE VIDEO - FULL WIDTH RESPONSIVE
    ===================================================== */

    iframe[src*="youtube.com/embed"] {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        height: auto !important;

        aspect-ratio: 16 / 9 !important;

        margin: 0 auto !important;

        border: 0 !important;
    }


    /* Parent containing your YouTube iframe */

    .col-md-12.col-lg-4:has(
        iframe[src*="youtube.com/embed"]
    ) {
        width: 100% !important;
        max-width: 100% !important;

        padding-left: 12px !important;
        padding-right: 12px !important;

        margin-left: auto !important;
        margin-right: auto !important;

        overflow: hidden !important;
    }

}


/* =========================================================
   VERY SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .slide1,
    .slide2,
    .slide3,
    .slide4,
    .slide5,
    .slide6 {
        height: 480px !important;
        min-height: 480px !important;

        background-size: 100% auto !important;
        background-position: center top !important;
    }


    .banner-style-one .banner-one-inner {
        padding:
            145px
            0
            30px !important;
    }


    .banner-style-one .banner-one-inner h3 {
        font-size: 21px !important;
    }


    .banner-style-one
    .banner-one-inner
    p.disc.banner-para {
        font-size: 12.5px !important;
    }

}