:root {
    --green: #377458;
    --gray1: #918D9D;
    --white1: #FAFAFA;
    --gradient1: linear-gradient(90deg, #00F283 0%, #FDEE51 100%);
    --gradient2: linear-gradient(90deg, #00F283 0%, #FDEE51 63.46%);
    --gradient3: linear-gradient(156.6deg, #00F283 22%, #FDEE51 52%);
    --primary-font: "Bricolage Grotesque", sans-serif;
    --gap: 6rem;
}

html {
    font-family: var(--primary-font);
    font-weight: 400;
    font-size: 62.5%;
    overflow-x: hidden;
}

body {
    font-size: 1.7rem;
    font-weight: 400;
    font-family: var(--primary-font);
    /* overflow-x: hidden; */
}

/* Gap */
.sec-padd-t {
    padding-top: var(--gap);
}

.sec-padd-b {
    padding-bottom: var(--gap);
}

.sec-padd {
    padding: var(--gap) 0 var(--gap) 0;
}

/* Gap end */
h1 {
    font-size: 4.5rem;
}

h2 {
    font-size: 4rem;
}

h3 {
    font-size: 3.5rem;
}

h4 {
    font-size: 3rem;
}

h5 {
    font-size: 2rem;
}

h6 {
    font-size: 1.4rem;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700;
}

a {
    cursor: pointer !important;
    text-decoration: none;
    transition: background-color 0.5s ease, transform 0.5s ease;
}

.webs_header {
    background-color: var(--white1);
    position: sticky;
    top: 0;
    z-index: 999;
}

.webs_header .navbar-brand img {
    height: 8rem;
    object-fit: contain;

}

.webs_header .navbar-nav {
    gap: 2rem;
}

.webs_header .navbar-nav li {
    font-size: 1.7rem;
    font-weight: 600;
}

.webs_header .navbar-nav:nth-child(1) li a {
    position: relative;
    border-right: 3px solid var(--gray1);
    color: var(--gray1);
    padding: 0;
    line-height: 14px;
    padding-right: 1.5rem;
}

.webs_header .navbar-nav:nth-child(1) li:last-child a {
    border-right: 0;
}

.webs_header .navbar-nav:nth-child(1) li a:hover,
.webs_header .navbar-nav:nth-child(1) li a.active {
    color: var(--green);
    border-color: var(--green);
}

.webs_header .navbar-brand {
    position: relative;
}

.webs_header .navbar-brand::after {
    position: absolute;
    content: "";
    bottom: -2rem;
    left: 0;
    width: 100%;
    height: 18px;
    border-radius: 0 0 0.5rem 0.5rem;
    background: var(--white1);
}

img {
    max-width: 100%;
    width: 100%;
}

/* Home Banner Slider Controls */
.home_banner {
    position: relative;
}

.home-banner-pagination {
    position: absolute;
    bottom: 20px !important;
    left: 50% !important;
    transform: translateX(-50%);
    z-index: 10;
    width: auto !important;
}

.home-banner-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: rgba(255, 255, 255, 0.5);
    opacity: 1;
    margin: 0 6px !important;
    transition: all 0.3s ease;
    border: 2px solid #fff;
}

.home-banner-pagination .swiper-pagination-bullet-active {
    background: #00F283;
    width: 30px;
    border-radius: 6px;
    border-color: #00F283;
}

.home_banner.swiper {
    position: relative;
}

.home_banner .swiper-button-next.home-banner-next,
.home_banner .swiper-button-prev.home-banner-prev {
    position: absolute !important;
    top: 30% !important;
    transform: translateY(-30%) !important;
    color: #fff !important;
    background: rgba(0, 0, 0, 0.5);
    width: 50px !important;
    height: 50px !important;
    border-radius: 50%;
    transition: all 0.3s ease;
    margin-top: 0 !important;
    z-index: 20;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.home_banner .swiper-button-next.home-banner-next {
    right: 15px !important;
    left: auto !important;
}

.home_banner .swiper-button-prev.home-banner-prev {
    left: 15px !important;
    right: auto !important;
}

.home_banner .swiper-button-next.home-banner-next:hover,
.home_banner .swiper-button-prev.home-banner-prev:hover {
    background: var(--green);
}

.home_banner .swiper-button-next.home-banner-next::after,
.home_banner .swiper-button-prev.home-banner-prev::after {
    font-size: 20px !important;
    color: #fff !important;
    font-weight: bold;
}

.webs_header .last_nav li a img,
.btn_gradient a img {
    height: 2rem;
    width: auto;
    margin-right: 1rem;
}

.webs_header .last_nav .nav-link,
.btn_gradient a {
    border: 3px solid var(--green);
    border-radius: 1rem;
    color: var(--green);
    padding: 1rem;
    min-width: 180px;
    padding-left: 1rem !important;
    display: inline-block;
}

.webs_header .last_nav li:last-child span,
.btn_gradient span {
    padding: 3px;
    background: var(--gradient1);
    display: inline-block;
    border-radius: 1rem;
}

.webs_header .last_nav li:last-child span a,
.btn_gradient span a {
    background: var(--bs-white);
    color: var(--green);
    border: none;
    border-radius: 0.8rem;
    font-weight: 600;
}

.webs_header .last_nav .nav-link {
    font-size: 1.6rem;
}

.webs_header .last_nav li:last-child span a:hover,
.btn_gradient span a:hover {
    background: var(--bs-black);
}

.btn_gradient span a:hover {
    color: var(--bs-white);
}

.webs_header .last_nav li:last-child span a {
    background: var(--green);
    color: var(--bs-white);
}

.navbar-expand-lg .navbar-nav .dropdown-menu {
    width: 100%;
    padding: 0;
}

.navbar-expand-lg .navbar-nav .dropdown-menu a {
    padding: 1rem;
    border-radius: 0 !important;
    border-bottom: 1px solid #cccdce;
}

.navbar-expand-lg .navbar-nav .dropdown-menu a:hover,
.navbar-expand-lg .navbar-nav .dropdown-menu a:focus {
    background: var(--green);
    color: var(--bs-white);
}

.home_main {
    background: #21412C;
    background: linear-gradient(180deg, rgba(33, 65, 44, 1) 0%, rgba(117, 74, 28, 1) 100%);
    color: var(--bs-white);
    margin-top: -241px;
    padding-top:250px;
}

.home_main p,
.home_about,
.content_1 p {
    font-weight: 300;
    text-align: center;
    color: var(--bs-white);
}

.c_heading {
    text-align: center;
    font-weight: 600;
    margin-bottom: 3rem;
}

.c_heading span {
    background: linear-gradient(90deg, #00F283 0%, #FDEE51 70.2%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

.home_about {
    margin-top: -70.5rem;
    position: relative;
    z-index: 1;
}
.content_1{
    position: relative;
    z-index: 1;
}
.btn_gradient {
    margin-top: 3rem;
}

/* slider */
.mySwiper3d {
    padding: 6rem 0;
    padding-bottom: 9rem;
}

.mySwiper3d .swiper-slide {
    transform: scale(0.9);
}

.mySwiper3d .swiper-slide img {
    border-radius: 0.4rem;
}

.mySwiper3d .swiper-slide-next {
    border-radius: 25px;
    z-index: 1030;
    margin-top: -6px;
    transform: scale(1.35);
    z-index: 99;
    cursor: pointer;
    opacity: 1;
}

.mySwiper3d .swiper-slide {
    -webkit-transition: all ease-out .5s;
    -moz-transition: all ease-out .5s;
    -o-transition: all ease-out .5s;
    transition: all ease-out .5s;
}

.stat-box {
    display: flex;
    align-items: center;
    gap: 16px;
}

.stat-circle {
    min-width: 100px;
    height: 100px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid transparent;
    background:
        linear-gradient(#fff, #fff) padding-box,
        linear-gradient(135deg, #00f283, #fdee51) border-box;
}

.stat-circle span {
    font-size: 3.5rem;
    font-weight: 700;
    color: var(--green);
    /* -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; */
}

.plus {
    font-size: 22px;
    margin-left: 2px;
}

.stat-box p {
    margin: 0;
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.3;
    text-align: left;
    width: 60%;
}

.stats-section .c_heading {
    margin-bottom: 5rem;
}

.stats-section .row.g-4 {
    --bs-gutter-y: 3.5rem;
}

.home_past .c_heading {
    margin-bottom: 4rem;
}

.home_past .mySwiper3d {
    padding-left: 4rem;
    padding-right: 4rem;
    padding-top: 8rem;
}

.swiper-button-next:after,
.swiper-button-prev:after {
    color: #828282;
    font-weight: 600;
    font-size: 3rem;
}

.home_past .mySwiper3d p a {
    display: block;
    width: 100%;
    padding: 0.4rem 2rem;
    text-align: center;
    color: var(--green);
    margin: 1rem;
    border-width: 2px;
    border-image-slice: 1;
    border-image-source: linear-gradient(90deg, #00F283 0%, #FDEE51 100%);
    border-style: solid;
    background: var(--bs-white);
    font-weight: 500;
}

.home_past .mySwiper3d p a:hover {
    background: var(--bs-black);
    color: var(--bs-white);
}

.list_home {
    list-style: none;
}

.list_home li {
    font-size: 2.6rem;
    margin-top: 2.4rem;
    font-weight: 600;
    /* border-left: 1px solid #FDEE51; */
    padding-left: 2rem;
    position: relative;
}

.list_home li::after {
    content: "";
    position: absolute;
    width: 0.5px;
    height: 80%;
    top: 50%;
    transform: translateY(-50%);
    background: #FDEE51;
    left: 0;
}

.last_footer {
    background: #001E10;
    text-align: center;
    color: var(--bs-white);
    font-size: 1.5rem;
    font-weight: 400;
    padding: 1rem 0;
    margin-top: 2rem;
}

.last_footer p {
    margin: 0;
}



footer .footer_logo {
    height: 14rem;
    width: auto;
}

footer h3 {
    color: var(--green);
    font-size: 3rem;
    margin-top: 3rem;
    margin-bottom: 1.5rem;
}

.location_ul,
.social_icon {
    list-style: none;
    padding-left: 0;
}

.social_icon {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    justify-content: end;
    margin-top: 3rem;
}

.location_ul li {
    display: flex;
    align-items: start;
    gap: 1.5rem;
    margin-top: 1.5rem;
    color: var(--green);
}

.location_ul li,
.location_ul li a {
    color: var(--green);

}

.location_ul li a {
    font-weight: 500;
}

.location_ul li img,
.social_icon li img {
    height: 3rem;
    width: auto;
}

.social_icon li a:hover img {
    filter: invert(0) brightness(0);
}

.navbar-expand-lg .navbar-toggler {
    box-shadow: none !important;
}

footer {
    background: var(--bs-white);
}

.inner_page {
    position: relative;
}

.banner_text {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 30%;
}

.sponser_page {
    margin-top: -15rem;
    position: relative;
}

.sponser_page::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #FFFFFF 32%, #90BC67 100%);
}

.spomsors-section h2 {
    text-align: center;
    color: var(--bs-black);
    font-weight: 500;
    font-size: 3rem;

}

.spomsors-section .row+.row h2 {
    margin-top: 6rem;
}

.spomsors-section .logo_box {
    background: linear-gradient(90deg, #FFC961 0%, #00F283 100%);
    display: block;
    padding: 1rem;
    border-radius: 6rem;
    text-align: center;
    position: relative;
    z-index: 5;
    overflow: hidden;
}

.spomsors-section .logo_box::after {
    content: "";
    position: absolute;
    background: var(--bs-white);
    width: 99%;
    height: 98%;
    border-radius: 6rem;
    left: 1px;
    top: 1px;
    z-index: -1;


}

.spomsors-section .logo_box img {
    height: 7rem;
    width: auto;
    mix-blend-mode: multiply;
    object-fit: contain;
}

@media (max-width:1200px) and (min-width:992px) {
    .home_about {
        margin-top: -60rem;
    }

    .home_page {
        background: linear-gradient(180deg, rgba(33, 65, 44, 1) 0%, rgba(117, 74, 28, 1) 100%);
    }

    .home_main {
        background: transparent;
    }

    .stats-section .col-6 {
        width: 33%;
    }

    .webs_header .navbar-brand img {
        height: 6rem;
    }

    .webs_header .navbar-nav li a {
        font-size: 1.6rem;
    }

    .webs_header .navbar-nav {
        gap: 1rem;
    }
}

@media (max-width: 991px) {
    .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
        background-image: url(../images/cross.svg) !important;
        transition: all 0s !important;
    }

    .navbar-expand-lg .navbar-toggler-icon {
        width: 2em;
        height: 2em;
    }

    .navbar-expand-lg #ivca-header {
        background: #fff;
        box-shadow: rgb(0 0 0 / 23%) 0px 0px 5px 1px;
        -moz-box-shadow: rgb(0 0 0 / 23%) 0px 0px 5px 1px;
        -webkit-box-shadow: rgb(0 0 0 / 23%) 0px 0px 5px 1px;
        padding: 2rem;
        z-index: 999;
        position: fixed;
        width: 70%;
        left: 0;
        top: 0%;
        height: 100% !important;
        transition: 0s ease-in-out !important;
        transition: 0s ease !important;
        transform: translateX(-35ch);
        transition-property: transform !important;
        transition-duration: 0.5s !important;
        transition-delay: 0.05s !important;
    }

    .webs_header .navbar-brand::after {
        height: 11px;
        bottom: -1rem;
    }

    .navbar-expand-lg .navbar-collapse.show {
        transform: translateX(0ch) !important;
    }

    .navbar-expand-lg .nav-item {
        border-bottom: 1px solid #d7d7d7;
    }

    .webs_header .navbar-nav:nth-child(1) li a {
        border: 0;
        padding-right: 0;
        padding-bottom: 1.5rem;
    }

    .webs_header .navbar-nav {
        margin-bottom: 2rem !important;
    }

    .last_nav li {
        border: none !important;
    }

    .webs_header .last_nav .nav-link,
    .btn_gradient a {
        min-width: 200px
    }

    .webs_header .navbar-brand img {
        height: 5rem;
    }

    .home_about {
        margin-top: -20rem;
    }

    .home_page {
        background: linear-gradient(180deg, rgba(33, 65, 44, 1) 0%, rgba(117, 74, 28, 1) 100%);
    }

    .home_main {
        background: transparent;
    }

    h1 {
        font-size: 4rem;
    }

    h2 {
        font-size: 3.5rem;
    }

    h3 {
        font-size: 3rem;
    }

    h4 {
        font-size: 2.5rem;
    }

    h5 {
        font-size: 2.2rem;
    }

    h6 {
        font-size: 1.8rem;
    }

    body {
        font-size: 1.6rem;
    }

    :root {
        --gap: 4rem;
    }


}

@media (max-width:767px) {
    .mySwiper3d .swiper-slide {
        transform: scale(1);
    }

    .mySwiper3d .swiper-slide-next {
        transform: scale3d(1);
    }

    .mySwiper3d {
        padding: 1rem 0;
        padding-bottom: 3rem;
    }

    .stat-box p {
        width: 100%;
        text-align: center;
        font-size: 1.7rem;
    }

    .stat-circle {
        min-width: 120px;
        height: 120px;
    }

    .stat-box {
        flex-direction: column;
        text-align: center;
    }

    .home_past .mySwiper3d {
        padding-top: 0;
    }

    .list_home li {
        font-size: 1.8rem;
        margin-top: 1.5rem;
    }

    footer h3 {
        margin-top: 0;
        font-size: 2.4rem;
    }

    .social_icon {
        justify-content: start;
        margin-top: 1rem;
    }

    .last_sec {
        padding-top: 1rem;
    }

    footer .footer_logo {
        height: 10rem;
    }

    .banner_text {
        top: 45%;
        width: 100%;
    }

    .sponser_page {
        margin-top: 0rem;
    }

    .spomsors-section .logo_box img {
        height: 6rem;
    }
}

/* conact us */
.contact_us::after,
.speakers_page::after {
    background: linear-gradient(180deg, #FFFFFF 45%, #90BC67 100%);
}

.contact_us {
    margin-top: -25rem;
}

.contact_info h3 {
    font-size: 2.2rem;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    font-weight: 500;
}

.contact_card {
    background: var(--bs-white);
    border: 2px solid var(--green);
    border-radius: 3rem;
    padding: 3rem 2.4rem;
    text-align: center;
    width: 95%;
    margin: 0 auto;
}

.contact_card img {
    height: 150px;
    width: 150px;
    border-radius: 50%;
}

.member_card {
    padding: 3px;
    background: linear-gradient(180deg, #00F283 0%, #FDEE51 100%);
    display: inline-block;
    border-radius: 50%;

}

.contact_info h5 {
    font-weight: 600;
    font-size: 1.8rem;
}

.contact_info p {
    font-size: 1.6rem;
}

@media (max-width:767px) {
    .contact_us {
        margin-top: -5rem;
    }
}

/* speakers page */
.category_heading {
    text-align: center;
    margin-bottom: 4rem;
}

.category_heading span {
    color: var(--bs-black);
    background: var(--bs-white);
    padding: 1.4rem 5rem;
    border: 2px solid var(--green);
    display: inline-block;
    border-radius: 6rem;
    font-size: 2.4rem;
}

.speaker_card.contact_card {
    background: transparent;
    border: none;
    padding: 1rem;
}

.speakers_page {
    margin-top: -35rem;
}

.speaker_card .contact_info h3 {
    margin-bottom: 0.5rem;
}

.speaker_card .contact_info h3 a {
    color: var(--bs-black);
    font-size: 1.8rem;
}

.bio_content {
    padding-top: 1rem;
}

.vanue_map iframe {
    border: 2px solid var(--green) !important;
    border-radius: 2rem;
    overflow: hidden;
}

.vanue_main {
    background: var(--bs-white);
    border-radius: 10rem;
    padding: 4rem 6rem;
    border: 2px solid var(--green);
    margin-bottom: 8rem;
}

.vanue_main h2 {
    text-align: left;
}

.vanue_flex {
    display: flex;
    gap: 2rem;
    align-items: start;
}

.vanue_flex img {
    height: 4rem;
    width: auto;
    margin-top: 0.8rem;
}

.vanue_flex .info h3 {
    font-weight: 500;
    font-size: 2rem;
}

.vanue_flex .info p {
    font-size: 1.6rem;
}

@media (max-width:767px) {
    .speakers_page {
        margin-top: -5rem;
    }

    .category_heading span {
        padding: 1rem 3rem;
        font-size: 2rem;
    }

    .speaker_card.contact_card {
        padding: 0.5rem;
        width: 98%;
    }

    .speaker_card img {
        height: 130px;
        width: 130px;
    }

    .speaker_card .contact_info h3 a {
        font-size: 1.7rem;
    }

    .speaker_card p {
        font-size: 1.5rem;
    }

    .category_heading {
        margin-bottom: 3rem;
    }

    .vanue_map iframe {
        height: 350px;
    }

    .vanue_main {
        border-radius: 6rem;
        padding: 3rem;
        margin-bottom: 6rem;

    }

    .vanue_flex img {
        object-fit: contain;
        width: 5rem;
    }

}


/* ========== AGENDA PAGE STYLES ========== */
.agenda_page {
    padding-bottom: 6rem;
    margin-top: -35rem;
    position: relative;

}
.content-tabs{
    display: flex;
    justify-content: center
}
.list-container {
    max-width: 1280px;
    /* 7xl = 1280px */
    margin: 0 auto;
    padding: 0 1.5rem;
}

.agenda-section-content {
    background: linear-gradient(180deg, #ffffff 0%, #e8f5d6 10%, #c5e8a0 40%, #90BC67 100%);
    padding: 3rem 2rem 4rem;
    border-radius: 0 0 2rem 2rem;
}


/* Day Tabs */
.day-tabs-wrapper {
    display: inline-flex;
    gap: 0;
    margin-bottom: 2rem;
    border-radius: 5rem;
    overflow: hidden;
}

.day-header {
    display: inline-flex;
    align-items: center;
    gap: 1rem;
    background: #ffffff;
    color: #1a1a1a;
    padding: 1.2rem 3rem;
    font-size: 1.6rem;
    font-weight: 600;
    font-family: var(--primary-font);
    cursor: pointer;
    border: 2px solid #c5e8a0;
    transition: all 0.3s ease;
    margin: 0;
}

.day-header:first-of-type {
    border-radius: 5rem 0 0 5rem;
    border-right: 1px solid #c5e8a0;
}

.day-header:last-of-type {
    border-radius: 0 5rem 5rem 0;
    border-left: 1px solid #c5e8a0;
}

.day-header:hover {
    background: linear-gradient(90deg, rgba(0, 242, 131, 0.15) 0%, rgba(253, 238, 81, 0.15) 100%);
}

.day-header.active {
    background: linear-gradient(90deg, #00F283 0%, #FDEE51 100%);
    border-color: transparent;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.day-header svg {
    flex-shrink: 0;
}

.day-header span {
    font-weight: 700;
}

/* Agenda Section */
.agenda-section {
    padding: 3rem 0 2rem;
}

.agenda-section:first-of-type {
    padding-top: 12rem;
}

.agenda-section .container {
    max-width: 850px;
}

:root {
    --green1: #00f283;
    --green2: #fdee51;
}

/* Agenda List */
.agenda-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* Day 2 List */
.agenda-list-day2 {
    display: none;
    flex-direction: column;
    gap: 12px;
}

.agenda-list-day2.active {
    display: flex;
}

.agenda-list.hidden {
    display: none;
}

/* Day 2 Header inside content */
.day2-header-inline {
    display: inline-flex;
    align-items: center;
    gap: 1rem;
    background: linear-gradient(90deg, #00F283 0%, #FDEE51 100%);
    color: #1a1a1a;
    padding: 1.2rem 3rem;
    border-radius: 5rem;
    font-size: 1.6rem;
    font-weight: 600;
    font-family: var(--primary-font);
    margin-bottom: 2rem;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.day2-header-inline span {
    font-weight: 700;
}

/* ===== REGULAR AGENDA ITEM ===== */
.agenda-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 28px;
    border-radius: 999px;
    background: #ffffff;
    border: 2px solid #c5e8a0;
    position: relative;
}

/* Alternating background colors */
.agenda-item:nth-child(odd) {
    background: linear-gradient(90deg,
            #e9ffd8 0%,
            #f9ffe6 100%);
    border: 2px solid #c5e8a0;
}

.agenda-item:nth-child(even) {
    background: #ffffff;
    border: 2px solid #c5e8a0;
}

/* Last item - Gala Dinner & Networking Cocktails */
.agenda-list .agenda-item-center:last-child .center-box,
.agenda-list-day2 .agenda-item-center:last-child .center-box {
    background: linear-gradient(135deg, #fce4ec 0%, #f8bbd0 100%);
    border-color: #f48fb1;
}

/* Title */
.agenda-title {
    font-size: 17px;
    font-weight: 500;
    color: #1f1f1f;
    max-width: 75%;
    line-height: 1.4;
}

/* Time */
.agenda-time {
    font-size: 17px;
    font-weight: 500;
    color: #1f1f1f;
    white-space: nowrap;
}

/* ===== CENTER ITEMS ===== */
.agenda-item-center {
    display: flex;
    justify-content: center;
    margin: 4px 0;
}

.center-box {
    width: 70%;
    text-align: center;
    padding: 14px 20px;
    border-radius: 999px;
    background: #ffffff;
    border: 2px solid #c5e8a0;
}

.center-title {
    font-size: 15px;
    font-weight: 600;
    color: #1f1f1f;
}

.center-time {
    font-size: 14px;
    color: #333;
    margin-top: 2px;
}

/* Lunch */
.center-box.lunch {
    background: #e8f7e9;
    border-color: #a5d6a7;
}

/* Cocktail */
.center-box.cocktail {
    background: #fde8ef;
    border-color: #f3a7c2;
}

/* CTA */
.agenda-cta {
    text-align: center;
    margin-top: 50px;
}

.btn_gradient_green {
    display: inline-block;
    padding: 3px;
    background: var(--gradient1);
    border-radius: 1rem;
}

.btn_gradient_green a {
    display: inline-block;
    background: var(--green);
    color: #fff;
    padding: 1.2rem 3rem;
    border-radius: 0.8rem;
    font-size: 1.6rem;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
}

.btn_gradient_green a:hover {
    background: #2a5a45;
    color: #fff;
}


/* =============================== */
/* RESPONSIVE AGENDA STYLES        */
/* =============================== */

/* Tablet & below */
@media (max-width: 991px) {
    .agenda_page {
        margin-top: -4rem;
    }

    .agenda-section:first-of-type {
        padding-top: 7rem;
    }

    .agenda-title {
        max-width: 100%;
    }

    .center-box {
        width: 85%;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .agenda_page {
        margin-top: -2.5rem;
    }

    .agenda-section:first-of-type {
        padding-top: 5rem;
    }

    .agenda-section-content {
        padding: 2rem 1.5rem 3rem;
        border-radius: 0 0 1.5rem 1.5rem;
    }

    .day-header {
        padding: 1rem 1.8rem;
        font-size: 1.35rem;
        width: 100%;
        justify-content: center;
        text-align: center;
    }

    .agenda-item {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.6rem;
        padding: 1.2rem 1.4rem;
        border-radius: 1.6rem;
    }

    .agenda-title {
        font-size: 14px;
        line-height: 1.4;
        max-width: 100%;
    }

    .agenda-time {
        font-size: 14px;
        text-align: left;
        min-width: auto;
        color: #1f1f1f;
        font-weight: 500;
    }

    .agenda-item::before {
        border-radius: 1.6rem;
    }

    .center-box {
        padding: 1rem 1.8rem;
        width: 100%;
        max-width: 100%;
        border-radius: 1.6rem;
    }

    .center-title {
        font-size: 1.3rem;
    }

    .center-time {
        font-size: 1.15rem;
    }

    .agenda-cta {
        margin-top: 3rem;
    }

    .btn_gradient_green a {
        padding: 1rem 2rem;
        font-size: 1.35rem;
    }
}

/* Small Mobile */
@media (max-width: 480px) {
    .day-header {
        font-size: 1rem;
        padding: 0.9rem 1.4rem;
        flex-wrap: wrap;
        gap: 0.4rem;
    }

    .day-header svg {
        width: 16px;
        height: 16px;
    }

    .agenda-item {
        padding: 1rem 1.2rem;
    }

    .agenda-title {
        font-size: 14px;
    }

    .agenda-time {
        font-size: 14px;
    }

    .center-box {
        padding: 0.8rem 1.4rem;
        border-radius: 1.4rem;
    }

    .center-title {
        font-size: 1.2rem;
    }

    .center-time {
        font-size: 1.05rem;
    }
}