.elementor-9 .elementor-element.elementor-element-5616e66{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-9 .elementor-element.elementor-element-284ae72{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9 .elementor-element.elementor-element-2822a78{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-9 .elementor-element.elementor-element-37492fa{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-9 .elementor-element.elementor-element-40bd3b9{text-align:center;}.elementor-9 .elementor-element.elementor-element-40bd3b9 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:18px;font-weight:700;line-height:16px;color:#161717;}@media(min-width:768px){.elementor-9 .elementor-element.elementor-element-2822a78{--width:33.3333%;}.elementor-9 .elementor-element.elementor-element-37492fa{--width:66.6666%;}}/* Start custom CSS for html, class: .elementor-element-c963ea6 *//* ============================= */
/* TOP HEADER BAR */
/* ============================= */

.top-header-bar {
    background-color: #333;
    color: #ffffff;
    padding: 12px 0;
    width: 100%;
    position: relative;
    z-index: 9999; /* ensures clickable links on top */
}

/* ============================= */
/* CONTAINER */
/* ============================= */

.top-header-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;

    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;

    position: relative;
    z-index: 9999;
}

/* ============================= */
/* LINK WRAPPER */
/* ============================= */

.header-contact-info {
    position: relative;
    z-index: 9999;
}

.header-contact-info a {
    color: #ffffff;
    text-decoration: none;
    font-size: 18px;
    font-weight: 600;

    display: flex;
    align-items: center;
    white-space: nowrap;
    gap: 10px;

    transition: color 0.3s ease;
    pointer-events: auto;
}

/* ============================= */
/* ICON STYLING (IMPORTANT) */
/* ============================= */

.header-icon {
    width: 20px;
    height: 20px;
    stroke: #ffffff;
    flex-shrink: 0;

    transition: stroke 0.3s ease;

    /* 🔥 Ensures clicks go to the link and icon is visible */
    pointer-events: none;
}

/* ============================= */
/* HOVER EFFECTS */
/* ============================= */

.header-contact-info a:hover {
    color: #ff9800; /* text turns orange */
}

.header-contact-info a:hover .header-icon {
    stroke: #ffffff; /* keeps icon white, or change to #ff9800 for orange */
}

/* ============================= */
/* MOBILE RESPONSIVE */
/* ============================= */

@media screen and (max-width: 768px) {
    .header-contact-info a {
        font-size: 14px;
    }

    .header-icon {
        width: 16px;
        height: 16px;
    }

    .top-header-container {
        padding: 0 10px;
    }
}

@media screen and (max-width: 360px) {
    .header-contact-info a {
        font-size: 12px;
    }
}

/* ============================= */
/* SAFETY FIXES FOR WORDPRESS / ELEMENTOR */
/* ============================= */

/* Ensure SVGs don’t block clicks */
.header-contact-info svg {
    pointer-events: none !important;
}

/* Optional: keep header links on top if sticky/fixed header */
.top-header-bar,
.top-header-container,
.header-contact-info,
.header-contact-info a {
    z-index: 9999;
    position: relative;
}/* End custom CSS */