@import url('./PDQ_color.css');

 
body {
    font-family: "Poppins", sans-serif;
}

h2 {
    color: var(--primaryColor);
    font-size: 30px;
    font-weight: bold;
    padding-bottom: 20px;
}
a{
  text-decoration: none;
  color: white;
}
a:hover{
  color: yellow;
}

.primary-para {
    font-size: 16px;
    font-family: "Nunito Sans", sans-serif;
}

header {
    background: var(--primaryColor);
    padding: 25px 0;
}

header .header-info p {
    margin: 0;
    color: var(--primaryTxtcolor);
    font-size: 18px;
}

header .header-info p span {
    padding-right: 10px;
}

.hero-wrapper {
    background-image: url('./output_images_PDQ/hero-bg.webp');
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
}

.hero-wrapper .hero-section {
    padding: 50px 0;
}

.hero-wrapper .hero-text-wrapper h1 {
    color: var(--primaryColor);
    font-family: "League Spartan", sans-serif;
    font-weight: bold;
    font-size: 60px;
}

.hero-wrapper .hero-text-wrapper p {
    font-size: 24px;
    font-weight: 400;
    margin: 0;
}

.hero-wrapper .hero-text-wrapper h3 {
    color: var(--secondaryColor);
    font-weight: 600;
    font-size: 30px;
}

/* Form css */
.form-card {
    background: #faf6ec;
    border-radius: 20px;
    overflow: hidden;
    width: 100%;
    padding: 15px 15px 50px;
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    background: rgb(255 255 255 / 49%);
}

@media (min-width: 768px) {
    .hero-wrapper .col-md-5 {
        flex: 0 0 auto;
        width: 35.667%;
    }
}

.form-header {
    background: #f0e2a0;
    padding: 20px;
    text-align: center;
    border-radius: 5px;
    box-shadow: 1px 2px 4px #cfcfcf;
}

.form-header h1 {
    color: var(--primaryColor);
    font-size: 24px;
    font-weight: 800;
    line-height: 1.3;
}

.form-body {
    padding: 24px 14px 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.form-control {
    width: 100%;
    padding: 6px 10px;
    border: 1px solid #e9e9e9;
    border-radius: 5px;
    font-size: 14px;
    color: #333;
    background: white;
    outline: none;
    transition: border-color 0.2s;
}

.form-control::placeholder {
    color: #aaa;
}

.form-control:focus {
    border-color: var(--primaryColor);
}

select.form-control {
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23555' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 16px center;
    cursor: pointer;
    color: #aaa;
}

select.form-control.selected {
    color: #333;
}

.checkbox-wrapper {
    background: #fff;
    border-radius: 5px;
    padding: 10px;
    display: flex;
    align-items: flex-start;
    gap: 12px;
    border: 1px solid #e9e9e9;
}

.checkbox-wrapper input[type="checkbox"] {
    width: 15px;
    height: 15px;
    min-width: 20px;
    accent-color: var(--primaryColor);
    margin-top: 2px;
    cursor: pointer;
}

.checkbox-wrapper label {
    font-size: 14px;
    color: var(--primaryColor);
    cursor: pointer;
}

.submit-btn {
    display: block;
    margin: 24px auto 0 auto;
    padding: 10px 20px;
    background: var(--primaryColor);
    color: #fff;
    border: none;
    border-radius: 6px;
    font-size: 18px;
    font-weight: bold;
}

.submit-btn:hover {
    background: var(--primaryColor);
}

/* Validation styles */
.form-control.invalid {
    border-color: #dc3545;
}

.invalid-feedback {
    color: #dc3545;
    font-size: 0.82rem;
    margin-top: -6px;
    padding-left: 4px;
    display: none;
}

.invalid-feedback.show {
    display: block;
}

/* Blue strip section css */
.blue-strip {
    background: #025B8C;
    padding: 30px 0;
}

.blue-strip p {
    font-size: 24px;
    font-weight: 600;
    color: white;
    margin: 0;
}

/* Enquiry button */
.enquire-btn.primary-para {
    background: #025B8C;
    padding: 15px 20px;
    border-radius: 16px;
    border: none;
    font-weight: 600;
    margin-top: 10px;
}
.enquire-btn.primary-para a{
  text-decoration: none;
  color: white;
}

/* Journey css */
.journey-person {
    width: 100%;
    height: auto;
}


.why-section {
    background-color: #f0e2a0;
    padding: 50px 40px;
}

.why-section h2 {
    font-size: 1.6rem;
    font-weight: 800;
    color: #111;
    margin-bottom: 30px;
}

.feature-card {
    background: #ffffff;
    border-radius: 14px;
    padding: 28px 24px;
    height: 100%;
    border: none;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    transition: 0.5s ease-in-out;
}
.feature-card:hover{
    box-shadow: 5px 5px 0 #1a5f8a;
}


.feature-card h5 {
    color: #1a6e8a;
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 14px;
}

.feature-card p {
    color: #222;
    margin-bottom: 0;
    font-weight: 400;
}


.cictl-section {
    padding: 50px 0 0 0;
    background: #fff;
  }

  .feature-card {
    border-radius: 16px;
    padding: 26px 22px 26px 22px;
    height: 100%;
    display: flex;
    flex-direction: column;
  }

  .card-inner {
    display: flex;
    align-items: flex-start;
    gap: 16px;
  }

  .icon-wrap {
    width: 52px;
    height: 52px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .icon-wrap svg {
    width: 28px;
    height: 28px;
  }

  .card-text h5 {
    font-size: 0.97rem;
    font-weight: 700;
    color: #111;
    margin-bottom: 10px;
    line-height: 1.4;
  }

  .card-text p {
    color: #333;
    margin: 0;
    font-weight: 400;
  }

  /* Purple card */
  .card-purple {
    background: #f0eeff;
    box-shadow: 5px 5px 0 #6A8AFF;
  }
  /* Orange card */
  .card-orange {
    background: #fffbec;
    box-shadow: 5px 5px 0 #FDBC4C;
  }
  /* Pink card */
  .card-pink {
    background: #fff0f5;
    box-shadow: 5px 5px 0 #FFCAF4;
  }
  /* Blue card */
  .card-blue {
    background: #eef7ff;
    box-shadow: 5px 5px 0 #5BB7EB;
  }
  /* Green card */
  .card-green {
    background: #edfff5;
    box-shadow: 5px 5px 0 #2AD498;
  }

  /* Classroom Application card */
  .classroom-application {
    background: #F0D990;
    padding: 50px;
    border-radius: 40px;
    margin-bottom: 50px;
  }
  .classroom-application h3{
    font-weight: bold;
  color: #025B8C;
}
.classroom-application-card{
    padding-top: 50px;
}
.classroom-application-card .person-two{
    height: auto;
}
.komal-info-card{
  padding-left: 50px;
}
.komal-info-card p{
  padding: 15px 0 15px 0;
}
.komal-info-modal h3{
margin-top: 10px;
color: #025B8C;
font-weight: bold;
font-size: 22px;
}
.komal-info-modal h4{
  font-weight: bold;
  font-size: 16px;
}
.komal-info-modal img{
  height: auto;
}


/* PDQ */
.pdq-section {
    background-color: #0b4a6e;
    padding: 48px 0;
    border-radius: 0;
  }

  .pdq-section h2 {
    color: #ffffff;
  }

  .pdq-section .intro-text {
    color: #cde4f0;
    margin-bottom: 32px;
  }

  .feature-card {
    border-radius: 14px;
    padding: 28px 24px;
    height: 100%;
    border: none;
    transition: 0.5s ease-in-out;
  }

  .feature-card h5 {
    font-weight: 700;
    margin-bottom: 12px;
    line-height: 1.4;
  }

  .feature-card p {
    color: #333;
    line-height: 1.65;
    margin: 0;
    font-weight: 400;
  }
  .pdq-section .feature-card{
    box-shadow: 5px 5px 0 #E2BD45;
  }

  /* why UWS */
  .uws-section {
    padding: 62px 0 62px 84px;
    background: #fff;
    overflow: hidden;
  }

  .uws-section .intro p {
    color: #222;
    line-height: 1.75;
    margin-bottom: 10px;
    font-family: 'Nunito Sans', sans-serif;
  }

  .uws-section .intro p strong {
    font-weight: 700;
  }

  .uws-section h4 {
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 700;
    color: #111;
    margin: 20px 0 20px;
  }

  .benefit-item {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin-bottom: 24px;
  }

  .check-icon {
    min-width: 26px;
    margin-top: 3px;
  }

  .check-icon svg {
    width: 22px;
    height: 22px;
  }

  .benefit-item .benefit-text h6 {
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 700;
    color: #111;
    margin-bottom: 5px;
    line-height: 1.4;
    font-size: 22px;
  }

  .benefit-item .benefit-text p {
    font-family: 'Nunito Sans', sans-serif;
    color: #444;
    line-height: 1.65;
    margin: 0;
  }

  /* Right image side */
  .image-col {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .building-img {
   max-width: 100%;
   height: auto;
  }

  /* Who can apply */
  .apply-card {
    background: #f0e2a0;
    border-radius: 20px;
    padding: 36px 40px;
  }

  .apply-card h2 {
    color: #111;
  }

  .content-row {
    display: flex;
    align-items: center;
    gap: 40px;
  }

  /* SVG Icon */
 

  .icon-wrap svg {
    width: 155px;
    height: 155px;
  }

  /* Text side */
  .text-side h5 {
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 700;
    color: #111;
    margin-bottom: 14px;
    line-height: 1.5;
    font-size: 22px;
  }

  .text-side ul {
    padding-left: 20px;
    margin-bottom: 18px;
  }

  .text-side ul li {
    font-family: 'Nunito Sans', sans-serif;
    color: #222;
    line-height: 1.8;
  }

  .text-side .boards-note {
    font-family: 'Nunito Sans', sans-serif;
    color: #222;
    line-height: 1.7;
  }

  .text-side .boards-note strong {
    font-weight: 700;
  }

  /* Programme structure */
  .programme-section {
    padding: 50px 0;
    background: #fff;
  }

  .programme-section .intro-text {
    font-family: 'Nunito Sans', sans-serif;
    color: #222;
    line-height: 1.75;
  }

  .programme-section .intro-text strong {
    font-weight: 700;
  }

  .learning-label {
    font-family: 'Nunito Sans', sans-serif;
    color: #222;
    margin-bottom: 18px;
  }

  /* Cards */
  .learn-card {
    background: #deeef8;
    border-radius: 14px;
    padding: 26px 22px;
    height: 100%;
    border: none;
    transition: box-shadow 0.5s ease-in-out;
  }

  .learn-card:hover{
    box-shadow: 5px 5px 0 #034F79;
  }

  .learn-card.active-card {
    box-shadow: 5px 5px 0 #034F79;
  }

  .learn-card h5 {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    color: #111;
    margin-bottom: 12px;
    line-height: 1.4;
  }

  .learn-card p {
    font-family: 'Nunito Sans', sans-serif;
    color: #333;
    line-height: 1.65;
    margin: 0;
  }

  .assessment-note {
    font-family: 'Nunito Sans', sans-serif;
    color: #222;
    /* margin-top: 32px; */
  }

  .assessment-note strong {
    font-weight: 700;
  }

  .programme-section .learner-card {
    padding-bottom: 50px;
}
.programme-leader img{
  width: 100%;
  height: auto;
}

  @media (max-width: 767px) {
    .programme-section {
      padding: 30px 20px;
    }
  }
  .support-section {
    padding: 50px 48px;
    background: #fff;
  }


  /* Dark blue card */
  .support-card {
    background: #0d4f7c;
    border-radius: 16px;
    padding: 30px 28px;
    height: 100%;
    color: #fff;
  }

  .support-card .intro-para {
    font-family: 'Nunito Sans', sans-serif;
    color: #cde3f2;
    line-height: 1.75;
    margin-bottom: 18px;
  }

  .support-card .sub-heading {
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 700;
    color: #fff;
    margin-bottom: 16px;
  }

  /* Checklist items */
  .check-list {
    list-style: none;
    padding: 0;
    margin: 0 0 20px 0;
  }

  .check-list li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    font-family: 'Nunito Sans', sans-serif;
    line-height: 1.6;
    margin-bottom: 10px;
  }

  .check-list li svg {
    min-width: 20px;
    margin-top: 2px;
  }

  .support-card .footer-note {
    font-family: 'Nunito Sans', sans-serif;
    color: #cde3f2;
    line-height: 1.7;
    margin-top: 6px;
  }

  .support-card .footer-note strong {
    color: #fff;
    font-weight: 700;
  }

  @media (max-width: 767px) {
    .support-section {
      padding: 30px 20px;
    }
  }

  /* partnerships */
  .partnerships .image-col{
    background-image: url('./output_images_PDQ/blue-pattern.webp');
    background-size: cover;
  }
  .partnerships .benefit-item{
    margin-bottom: 0;
  }

  /* mentorship */
  .faculty-card {
    background: #f0e2a0;
    border-radius: 20px;
    padding: 38px 42px;
    margin: 0 63px 0 0;;
  }

  .faculty-card h2 {
    font-family: 'Poppins', sans-serif;
    font-weight: 800;
    color: #111;
  }

  .faculty-card .intro-text {
    font-family: 'Nunito Sans', sans-serif;
    color: #222;
    line-height: 1.75;
    margin-bottom: 20px;
  }

  .faculty-card .sub-heading {
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 700;
    color: #111;
    margin-bottom: 18px;
  }

  .check-list {
    list-style: none;
    padding: 0;
    margin: 0 0 22px 0;
  }

  .check-list li {
    display: flex;
    align-items: center;
    gap: 14px;
    font-family: 'Nunito Sans', sans-serif;
    line-height: 1.6;
    margin-bottom: 12px;
  }

  .check-list li svg {
    min-width: 22px;
  }

  .footer-note {
    font-family: 'Nunito Sans', sans-serif;
    color: #222;
    line-height: 1.7;
  }

  .footer-note strong {
    font-weight: 700;
  }

  @media (max-width: 576px) {
    .faculty-card {
      padding: 30px 20px;
      margin: 0;
    }
  }

  /* Faq */

  .faq-list {
    border-radius: 5px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 5px;
  }

  .faq-item {
    padding: 22px 28px;
    position: relative;
    background-color: #F8FDFF;
  }

  .faq-item:last-child {
    border-bottom: none;
  }

  .faq-header {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    cursor: pointer;
    user-select: none;
  }

  .faq-number {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 20px;
    font-weight: 800;
    color: #aaa;
    min-width: 28px;
    padding-top: 1px;
  }

  .faq-question {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 0.97rem;
    font-weight: 700;
    color: #111;
    flex: 1;
    line-height: 1.5;
  }

  .faq-toggle {
    width: 34px;
    height: 34px;
    min-width: 34px;
    background: #0d4f7c;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    transition: background 0.25s, transform 0.25s;
    flex-shrink: 0;
  }

  .faq-toggle svg {
    transition: transform 0.35s ease;
  }

  /* Rotate X by 45deg when collapsed to look like + */
  .faq-item:not(.open) .faq-toggle svg {
    transform: rotate(45deg);
  }

  .faq-item.open .faq-toggle {
    background: #0d6e8a;
  }

  .faq-answer-wrapper {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease, opacity 0.35s ease;
    opacity: 0;
  }

  .faq-item.open .faq-answer-wrapper {
    max-height: 300px;
    opacity: 1;
  }

  .faq-answer {
    font-family: 'Nunito Sans', sans-serif;
    color: #57595F;
    line-height: 1.75;
    padding: 12px 0 4px 48px;
  }

  @media (max-width: 576px) {
    .faq-item { padding: 18px 16px; }
    .faq-answer { padding-left: 36px; }
  }

  /* Bottom enquiry */
  .cta-card::after{
    content: '';
    background-image: url("./output_images_PDQ/yellow-bg-note.webp");
    max-width: 100%;
    height: 100%;
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover;
    top: 29%;
    left: 56%;
    width: 28%;
  }

  .cta-card h2{
    color: black;
  }

  .cta-card {
    background: #f0e2a0;
    border-radius: 20px;
    padding: 36px 44px;
    position: relative;
    overflow: hidden;
  }

  /* Watermark icon */

  .school-name {
    font-family: 'League Spartan', sans-serif;
    font-weight: 600;
    color: #111;
    margin-bottom: 4px;
    line-height: 1.3;
    font-size: 26px;
  }

  .school-subtitle {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    color: #333;
  }

  .enquire-btn {
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 700;
    background: #0d4f7c;
    color: #fff;
    border: none;
    border-radius: 8px;
    padding: 14px 28px;
    white-space: nowrap;
    cursor: pointer;
    transition: background 0.2s;
    text-decoration: none;
    display: inline-block;
    text-align: center;
  }

  .enquire-btn:hover {
    background: #0a3f63;
    color: #fff;
  }

  .btn-col {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }


  /* Footer */
  .footer {
    background-color: #0d4f7c;
    color: #fff;
    padding: 63px 63px 0;
  }

  /* ── Left: Logo + School Name ── */
  .logo-row {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 22px;
  }
  .logo-row img{
    height: 100%;
  }

  .logo-circle {
    width: 78px;
    height: 78px;
    border-radius: 50%;
    background: #c8a200;
    border: 4px solid #e8c840;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    flex-shrink: 0;
  }

  .logo-circle svg {
    width: 56px;
    height: 56px;
  }

  .school-name-text {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 1.45rem;
    font-weight: 800;
    color: #fff;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 0.03em;
  }

  /* Contact rows */
  .contact-row {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 0.92rem;
    color: #d0e8f5;
    margin-bottom: 10px;
  }

  .contact-row .contact-icon {
    color: #d0e8f5;
    font-size: 1rem;
    width: 20px;
    flex-shrink: 0;
  }

  .contact-row .label {
    font-weight: 700;
    color: #fff;
    margin-right: 4px;
  }

  .contact-row a {
    color: #d0e8f5;
    text-decoration: none;
  }

  .contact-row a:hover {
    color: #fff;
    text-decoration: underline;
  }

  /* ── Middle: Address ── */
  .address-col h5 {
    font-size: 1rem;
    font-weight: 800;
    color: #fff;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 8px;
  }

  .address-col h5 img{
    height: auto;
  }


  .address-col p {
    font-size: 0.88rem;
    color: #c8e0f0;
    line-height: 1.85;
    margin: 0;
  }

  /* ── Right: Map ── */
  .map-col iframe {
    width: 100%;
    height: 170px;
    border-radius: 10px;
    border: none;
    display: block;
  }

  /* ── Divider ── */
  .footer-divider-top {
    border-top: 1px solid rgba(255,255,255,0.2);
    margin-top: 36px;
  }

  /* ── Disclaimer ── */
  .disclaimer {
    padding: 28px 0 16px;
    text-align: center;
    font-size: 0.82rem;
    color: #b0cfe0;
    line-height: 1.75;
    font-style: italic;
  }

  .disclaimer a {
    color: #7ec8e8;
    text-decoration: underline;
  }

  .disclaimer a:hover {
    color: #fff;
  }

  /* ── Copyright ── */
  .footer-divider-bottom {
    border-top: 1px solid rgba(255,255,255,0.15);
  }

  .copyright {
    text-align: center;
    font-size: 0.82rem;
    color: #9dc8e0;
    padding: 14px 0;
  }

  @media (max-width: 767px) {
    .footer { padding: 32px 20px 0; }
    .map-col { margin-top: 24px; }
    .address-col { margin-top: 24px; }
  }

  /* bottom to top btn */
  /* Button style */
  #topBtn {
    position: fixed;
    bottom: 30px;
    right: 30px;
    display: none;
    background-color: #f0e2a0;
    color: white;
    border: none;
    padding: 12px 16px;
    border-radius: 50%;
    font-size: 18px;
    cursor: pointer;
    transition: 0.3s;
    width: 50px;
  height: 50px;
  }

  #topBtn:hover {
    background-color: #FF6600;
  }


  /* Mobile css */
  @media (max-width: 767px) {
    .cta-card { padding: 28px 22px; }
    .cta-card h2 { font-size: 1.15rem; }
    .cta-card::after { display: none; }
    .btn-col { justify-content: flex-start; margin-top: 20px; }
    .hero-wrapper .hero-text-wrapper h1{
        font-size: 30px;
    }
    .hero-wrapper .hero-text-wrapper p,
    .blue-strip p{
        font-size: 16px;
    }
    .hero-wrapper .hero-text-wrapper h3,
    .form-header h1{
        font-size: 18px;
    }
    h2,
    .why-section h2{
        font-size: 26px;
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .header-inner{
        justify-content: center !important;
        gap: 16px;
    }
    .header-inner .header-logo-img{
        width: 80%;
        height: auto;
    }
    .row{
        padding: 0;
        margin: 0;
    }
    .hero-wrapper .hero-section {
        padding: 30px 10px;
    }
    .blue-strip,
    .why-section,
    .cictl-section,
    .pdq-section,
    .uws-section,
    .apply-card,
    .faq,
    .enquiry{
        padding: 30px 20px !important; 
    }
    section.journey-wrapper {
        padding: 30px 20px 0;
    }
    .enquire-btn.primary-para{
        width: 100%;
    }
    .blue-strip-container{
        gap: 20px;
        text-align: center;
        justify-content: center !important;
    }
    .why-section h2,
    .classroom-application-card .card-two,
    .pdq-section .intro-text{
        margin: 0;
        padding-bottom: 0;
    }
    .icon-wrap{
        min-width: auto;
    }
    .mb-p-0{
        padding: 0 !important;
    }
    .pdq-section h2,
    .uws-section h2,
    .apply-card h2,
    .programme-section h2,
    .col-heading,
    h2.faq-title,
    .journey-wrapper h2 {
        padding-bottom: 20px;
    }
    .apply-card .row{
        flex-direction: column-reverse;
    }
    .hero-wrapper form{
        padding-top: 15px;
    }
    .uws-section .uws-txt-section{
      padding: 20px 20px 0 20px !important;
    }
    .uws-section .center-card{
      padding: 0 20px !important;
    }
    .uws-section{
      padding: 30px 0 0 0 !important;
    }
    .uws-section h2{
      margin: 0;
      padding: 0 0 0 20px !important;
    }
    .hero-wrapper{
      background-color: #efd990;
      background-image: none !important;
    }
    .hero-text-wrapper{
      text-align: center;
    }
    body .partnerships{
      padding: 30px 20px !important; 
  }
  body .partnerships h2 {
    padding: 0 0 20px !important;
}
body section.partnerships {
  padding: 0 !important;
}
.footer-note{
  margin-bottom: 0;
}
.classroom-application{
  padding: 30px 20px;
  gap: 20px;
}
  }


  /* Programme Leader modal */
  @media (min-width: 576px) {
    .modal-dialog {
        max-width: 75%;
    }
}
.modal-content{
  border-radius: 35px !important;
  border: none !important;
}
.btn-close{
  position: relative;
  right: 13px;
  top: 10px;
  padding: 10px;
  border: 1px solid #F0D990;
  border-radius: 50px;
}