/* =========================== Board Highlights Section =========================== */
.board-highlights { padding: 102px 0 70px; background-color: var(--white); }
.highlight-block { border-left: 2px solid var(--maroon-color); padding-left: 24px; height: 100%; }

.highlight-title { color: var(--green-color-100); margin-bottom: 8px; }
.highlight-block p { color: var(--black); line-height: 1.2; }

.board-highlights .outline-red-btn { margin-top: 92px; display: block; width: fit-content; margin-inline: auto; }

/* =========================== Flexible Sponsorship Section =========================== */
.flexible-sponsorship { background-color: var(--white-color-300); padding: 138px 0 116px; }
.sponsorship-main-title .title { color: var(--blue-color); }
/* Group Headers */
.sponsorship-group { margin-bottom: 74px; }
.sponsorship-group:first-child .group-title { color: var(--green-color-600); }
.sponsorship-group:nth-child(2) .group-title { color: var(--green-color-400); }
.sponsorship-group:last-child .group-title { color: var(--beige-color); }

.sponsorship-group:last-child { margin-bottom: 0; }
.sponsorship-group .group-title { margin-bottom: 47px; }
/* Base Card Styling */
.sponsorship-card { background-color: var(--white); border-radius: 16px; padding: 36px; height: 100%; display: flex; flex-direction: column; box-shadow: 4px 4px 10px 0px #0000001A; transition: transform 0.4s ease, box-shadow 0.4s ease; }
.sponsorship-card:hover { transform: translateY(-5px); }
/* Icon Styling */
.sponsorship-icon { margin-bottom: 28px; text-align: center; }
.sponsorship-icon img { height: 78px; width: auto;  }
/* Card Content */
.sponsorship-card-title { color: var(--black); margin-bottom: 6px; }


/* =========================== Bespoke Sponsorship CTA Section =========================== */
.bespoke-card { background-color: var(--blue-color); border-radius: 20px; padding: 45px ; margin-top: 121px; }
.bespoke-card-inner { max-width: 720px; margin: 0 auto; }
.bespoke-icon { flex-shrink: 0; }
.bespoke-icon img { height: 130px; width: auto; }
.bespoke-title { color: var(--beige-color); margin-bottom: 12px; }
.bespoke-content .text-white { color: var(--white); }
/* Button Wrapper Spacing */
.bespoke-btn-wrapper { margin-top: 120px; }




/* ================================================== Media Queries ================================================ */
@media screen and (max-width: 1199px) {
    .board-highlights { padding: 60px 0; }

    .flexible-sponsorship { padding: 60px 0px; }
    .sponsorship-group { margin-bottom: 50px; }
    .sponsorship-group .group-title { margin-bottom: 24px; }
    .sponsorship-card { padding: 24px; }
    .sponsorship-icon img { height: 50px; }

    .bespoke-card { margin-top: 80px; border-radius: 16px; padding: 30px; }
    .bespoke-icon img { height: 100px; }
    .bespoke-btn-wrapper { margin-top: 40px; }


}

@media screen and (max-width: 991px) {
    .board-highlights { padding: 40px 0; }
    .highlight-block { padding-left: 20px; }

    .sponsorship-card { border-radius: 12px; padding: 14px;  }
    .sponsorship-icon { margin-bottom: 14px; }
    .sponsorship-icon img { height: 40px; }


    .bespoke-card { margin-top: 60px; border-radius: 12px; }
    .bespoke-icon img { height: 80px; }
    .bespoke-btn-wrapper { margin-top: 30px; }


}

@media screen and (max-width: 767px) {
    .highlight-block-wrapper .col-md-4 { margin-bottom: 30px;}
    .highlight-block-wrapper .col-md-4:last-child { margin-bottom: 0; }
    .board-row .col-lg-3 { padding-bottom: 20px; }
    .bespoke-card, .board-highlights .outline-red-btn { margin-top: 40px; }
    .sponsorship-card { text-align: center; }

}