.tabs {
    width: 100%;
    background-color: var(--wp--preset--color--tab-bg-secondary);
    position: sticky;
    top: 0;
}

.cat-title h5 {
    font-size: 20px;
    margin: 0;
    font-weight: 500;
}



.cat-title {
    position: relative;
    font-size: 20px;
    font-weight: 600;
    padding-left: 32px;
    padding: 30px 30px 30px 70px;
}

.cat-title::before {
    content: "";
    position: absolute;
    left: 30px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M5.62435 18.3748H14.1243V16.9582H5.62435V18.3748ZM5.62435 12.7082H18.3743V11.2915H5.62435V12.7082ZM5.62435 7.0415H18.3743V5.62484H5.62435V7.0415ZM2.95464 23.3332C2.3025 23.3332 1.75803 23.1148 1.32122 22.678C0.884418 22.2412 0.666016 21.6967 0.666016 21.0445V2.95513C0.666016 2.30299 0.884418 1.75852 1.32122 1.32171C1.75803 0.884907 2.3025 0.666504 2.95464 0.666504H21.0441C21.6962 0.666504 22.2407 0.884907 22.6775 1.32171C23.1143 1.75852 23.3327 2.30299 23.3327 2.95513V21.0445C23.3327 21.6967 23.1143 22.2412 22.6775 22.678C22.2407 23.1148 21.6962 23.3332 21.0441 23.3332H2.95464ZM2.95464 21.9165H21.0441C21.2622 21.9165 21.4621 21.8257 21.6437 21.6441C21.8252 21.4626 21.916 21.2627 21.916 21.0445V2.95513C21.916 2.73696 21.8252 2.53709 21.6437 2.35552C21.4621 2.17396 21.2622 2.08317 21.0441 2.08317H2.95464C2.73647 2.08317 2.53661 2.17396 2.35504 2.35552C2.17347 2.53709 2.08268 2.73696 2.08268 2.95513V21.0445C2.08268 21.2627 2.17347 21.4626 2.35504 21.6441C2.53661 21.8257 2.73647 21.9165 2.95464 21.9165Z' fill='%233C1E0D'/></svg>");
    background-repeat: no-repeat;
    background-size: contain;
    pointer-events: none;
}

.package-tabs {
    border-radius: 10px;
    overflow: hidden;
}

.package-tabs ul li {
    list-style: none;
    display: flex;
    padding: 21px 0;
    border-bottom: 1px solid var(--wp--preset--color--border-color-light);
    gap: 1rem;
    justify-content: space-between;
}

.package-tabs ul li:first-child {
    padding-top: 0;
}

.package-tabs ul li:last-child {
    border-bottom: none;
    padding-bottom: 0;
}



.package-tabs ul li .package-price {
    min-width: 50px;
    flex-shrink: 0;
    /* Prevent it from shrinking */
    text-align: right;
    /* Optional, aligns price text to the right */
}

.package-tabs ul li .package-price p {
    margin: 0;
}

.package-tabs ul li .package-detail {
    flex: 1;
}

.package-detail h4 {
    margin-bottom: 12px;
}

.package-title {
    font-size: 22px;
    font-family: var(--wp--preset--font-family--switzer) !important;
    margin-top: 0;
}

.tab {
    padding: 15px 30px;
    border: none;
    cursor: pointer;
    font-weight: bold;
    z-index: 4;
    background-color: transparent;
}

.tabs button {
    width: 100%;
    display: block;
    position: relative;
    font-size: 18px;
    font-weight: 500;
    transition: all 0.4s;
    text-align: left;
    color: var(--wp--preset--color--title) !important;

}


.tab-highlight {
    position: absolute;
    left: 0;
    width: calc(100% + 20px);
    height: 50.8px;
    background-color: var(--wp--preset--color--chocolate-dim);
    transition: top 0.3s ease;
    border-top-right-radius: 32px;
    border-bottom-right-radius: 32px;
    z-index: 1;

}

.tab-highlight::after {
    content: "";
    position: absolute;
    right: 35px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 16px;
    background-image: url("data:image/svg+xml;utf8,<svg width='24' height='16' viewBox='0 0 24 16' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M23.7656 8.5625L17.0156 15.3125C16.7344 15.5938 16.2188 15.5938 15.9375 15.3125C15.6562 15.0312 15.6562 14.5156 15.9375 14.2344L21.4219 8.75H0.75C0.328125 8.75 0 8.42188 0 8C0 7.625 0.328125 7.25 0.75 7.25H21.4219L15.9375 1.8125C15.6562 1.53125 15.6562 1.01562 15.9375 0.734375C16.2188 0.453125 16.7344 0.453125 17.0156 0.734375L23.7656 7.48438C24.0469 7.76562 24.0469 8.28125 23.7656 8.5625Z' fill='white'/></svg>");
    background-size: contain;
    background-repeat: no-repeat;
    pointer-events: none;
    opacity: 0;
}





.tab.active::before,
.tabs button:hover::before {
    right: -30px;
    opacity: 1;
    visibility: visible;
}

button.tab.active {
    color: var(--wp--preset--color--light) !important;
}

.tabs button:hover {
    color: var(--wp--preset--color--chocolate-dim)
}

.tab-content {
    display: none;
}

.tab-content:not(.active) {
    display: none !important;
}

.tab-content-wrapper {
    background-color: var(--wp--preset--color--background);
    padding: clamp(30px, 4.5vw, 56px);
}

.tab-content.active {
    display: block;
}

.tab-content-wrapper ul {
    margin: 0;
    padding: 0;
}

.tab-highlight.no-transition {
    transition: none !important;
}



/* Header Styles */


.main-title {
    font-family: 'Merriweather', serif;
    font-weight: 700;
    font-size: 36px;
    color: #954e26;
    line-height: 45px;
    letter-spacing: -0.72px;
    margin: 0;
}


/* Subtitle Styles */


.subtitle p {
    font-weight: 400;
    font-size: 18px;
    color: #000000;
    line-height: 28px;
    margin: 0;
}

@media (min-width: 768px) {
    .tabs-container.package-tabs {
        display: flex;
    }

    .tabs-container.package-tabs .tabs {
        width: 40%;
        max-width: 335px;
        padding-bottom: 21px;

    }

    .tab-highlight::after {
        opacity: 1;
    }

    .tab {
        padding: 15px 42px;
    }

    .tabs button {
        text-align: left;
    }

    .tabs-container.package-tabs .tab-content-wrapper {
        flex: 1;
    }

    .tabs button.active::after {
        opacity: 1;
        right: 0;
    }

}

@media (min-width: 1200px) {
    .tabs-container.package-tabs {
        display: flex;
    }

    .package-tabs ul li:nth-last-child(2):nth-child(odd),
    .package-tabs ul li:last-child:nth-child(even) {
        border-bottom: none;
        padding-bottom: 0;
    }

    .tabs-container.package-tabs .tabs {
        width: 40%;
        max-width: 335px;

    }

    .package-title {
        font-size: 22px !important;
    }

    .tab {
        padding: 15px 56px;
    }

    .cat-title {
        padding: 56px 30px 28px 70px;
    }

    .cat-title::before {
        top: 58px;
        transform: none;
    }

    .package-tabs ul li {
        list-style: none;
        display: flex;
        padding: 28px 0;
        border-bottom: 1px solid var(--wp--preset--color--border-color-light);
        gap: 1rem;
        justify-content: space-between;
    }

    .package-tabs ul {
        display: flex;
        flex-wrap: wrap;
        /* Allows items to wrap to the next line if needed */
        padding: 0;
        margin: 0;
        gap: 0 3rem;
        list-style: none;
        /* Optional: removes bullet points */
    }

    .package-tabs ul li {
        width: calc(50% - 1.5rem);
        ;
        box-sizing: border-box;
        /* Ensures padding/border don't affect width */
    }

    .package-tabs ul li:nth-child(2) {
        padding-top: 0;
    }

    .tabs button {
        text-align: left;
    }

    .tabs-container.package-tabs .tab-content-wrapper {
        flex: 1;
    }
}

@media (min-width: 1400px) {
    .tab {
        padding-left: 70px;
    }
}



@media (max-width: 1024px) {
    .col-3 {
        width: 50%;
    }

    .site-section {
        padding: 91px 0 61px;
    }

    h2 {
        font-size: 32px;
    }
}