.elementor-kit-5{--e-global-color-primary:#0171E3;--e-global-color-secondary:#333333;--e-global-color-text:#231F20;--e-global-color-accent:#000000;--e-global-typography-primary-font-family:"Inter";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Inter";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-weight:500;background-color:#FFFFFF00;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.altea-hb-wrapper,
.altea-hb-wrapper * {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.altea-hb-wrapper {
    position: relative;
    width: 100%;
    min-height: 100vh;
    /* Adjusts to viewport height or minimum size */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    /* This pushes the content to the bottom */
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* Overlay gradient to ensure text readability against the image background */
.altea-hb-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background:
        linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 40%),
        linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 40%);
    pointer-events: none;
    /* Allows clicking through it to the buttons */
    z-index: 1;
}

.altea-hb-content {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 100%;
    /* Bottom padding to push buttons up from edge, 40px side padding */
    padding: 0 40px 80px 40px;
}

.altea-hb-heading {
    font-size: 42px;
    font-weight: 700;
    color: #ffffff;
    margin: 0 0 35px 0;
    line-height: 1.25;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

/* CSS Grid — ensuring 8 columns across so they all stretch and fill fluidly */
.altea-hb-buttons {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    gap: 12px;
    width: 100%;
}

.altea-hb-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 8px;
    font-size: 14px;
    font-weight: 500;
    font-family: inherit;
    color: #0171E3;
    /* Default blue text */
    background-color: #ffffff;
    border: none;
    border-radius: 50px;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: background-color 0.3s ease, color 0.3s ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    /* Adds a soft drop shadow since they are over an image */
}

/* Hover state matching the previous design */
.altea-hb-btn:hover,
.altea-hb-btn.active {
    background-color: #0171E3;
    color: #ffffff;
}

/* Responsive layout specific breakpoints */

/* Laptop */
@media (max-width: 1300px) {
    .altea-hb-content {
        padding: 0 40px 60px 40px;
    }

    .altea-hb-heading {
        font-size: 38px;
        margin-bottom: 25px;
    }
}

/* Tablet */
@media (max-width: 900px) {
    .altea-hb-content {
        padding: 0 40px 50px 40px;
    }

    .altea-hb-heading {
        font-size: 32px;
    }

    .altea-hb-buttons {
        grid-template-columns: repeat(4, 1fr);
        /* Collapse down into 4 item rows */
        gap: 10px;
    }

    .altea-hb-btn {
        padding: 10px 4px;
        font-size: 11.5px;
    }
}

/* Mobile */
@media (max-width: 480px) {
    .altea-hb-content {
        padding: 0 40px 40px 40px;
    }

    .altea-hb-heading {
        font-size: 26px;
        margin-bottom: 20px;
    }

    .altea-hb-buttons {
        grid-template-columns: repeat(2, 1fr);
        /* Collapse down to 2 item rows on smallest devices */
        gap: 8px;
    }

    .altea-hb-btn {
        padding: 10px 4px;
        font-size: 10px;
    }
}



/*TOP SHADOW ----------------------*/

#altea-top-shadow,
#altea-top-shadow * {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

#altea-top-shadow {
    position: relative;
    width: 100%;
    height: 200px;
    /* Increased to 200px */
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    /* Removed flex layout as this is just a graphic spacer now */
}

/* Overlay gradient: ONLY Top Shadow, stretching smoothly over 200px */
#altea-top-shadow .altea-top-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 200px;
    /* Fills the 200px container */
    /* Professional smooth fade from slightly lighter dark to fully transparent across exactly 200px */
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.4) 40%, transparent 100%);
    pointer-events: none;
    z-index: 1;
}



/*IMAGE HOVER EFFECT ---*/

.hover-card {
  overflow: hidden;
}

.hover-card .elementor-image img {
  transition: transform 0.4s ease !important;
  will-change: transform;
}

.hover-card:hover .elementor-image img {
  transform: scale(1.08) !important;
}/* End custom CSS */