/*==================================================
        EBHDR3 HEADER - THEME 1
====================================================*/
:root {

    /*================ HEADER ================*/

    --ebhdr3-theme1-header-bg: rgba(255, 255, 255, .92);

    --ebhdr3-theme1-header-border: rgb(42, 150, 88);

    --ebhdr3-theme1-header-max-width: 1440px;

    --ebhdr3-theme1-header-margin: 18px auto;


    /*================ LOGO ================*/

    --ebhdr3-theme1-logo-dark: #06266B;

    --ebhdr3-theme1-logo-accent: #06266B;

    --ebhdr3-theme1-logo-size: 2rem;

    --ebhdr3-theme1-logo-gap: .8rem;

    --ebhdr3-theme1-logo-image-size: 70px;

    /* ===== ebhdr3-nav-toggle ===== */

    --ebhdr3-theme1-nav-toggle-bg: #000;

    --ebhdr3-theme1-overlay: rgba(0, 0, 0, .45);

    --ebhdr3-theme1-nav-menu-container: #fff;

    --ebhdr3-theme1-nav-item-mobile-border-bottom: #cccccc;

    /*================ NAVIGATION ================*/

    --ebhdr3-theme1-nav-bg: #F8FAFC;

    --ebhdr3-theme1-nav-border: #E5E7EB;

    --ebhdr3-theme1-nav-padding: .45rem;

    --ebhdr3-theme1-nav-gap: .35rem;

    --ebhdr3-theme1-nav-link-color: #06266B;

    --ebhdr3-theme1-nav-hover-bg: #ffffff;

    --ebhdr3-theme1-nav-hover-color: #2A9658;

    /*================ DROPDOWN ================*/

    --ebhdr3-theme1-dropdown-bg: #ffffff;

    --ebhdr3-theme1-dropdown-border: #ECECEC;

    --ebhdr3-theme1-dropdown-shadow:
        0 20px 40px rgba(15, 23, 42, .12);

    --ebhdr3-dropdown-a-hover-bg: #F8FAFC;

    --ebhdr3-dropdown-a-hover-color: #06266B;

    --ebhdr3-nav-services-btn-after: #06266B;

    --ebhdr3-nav-services-btn-after-bg: rgb(37, 99, 235, .08);

    --ebhdr3-nav-services-btn-hover-after-bg: #06266B;

    --ebhdr3-nav-services-btn-hover-after-color: #fff;

    --ebhdr3-ebhdr3-dropdown-a: #06266B;
    /*================ ICONS ================*/

    --ebhdr3-theme1-toggle-color: #FFFAF3;

    --ebhdr3-theme1-phone-color: #fff;

    --ebhdr3-theme1-whatsapp-icon: #fff;

}


/*==================================================
    HEADER
====================================================*/
.ebhdr3-hdr.en{

direction: ltr;
}
.ebhdr3-hdr {

    position: sticky;

    top: 0;

    z-index: 999;

    transition: all .35s cubic-bezier(.4, 0, .2, 1);

    border: 1px solid var(--ebhdr3-theme1-header-border);

    /* backdrop-filter: blur(14px);

    -webkit-backdrop-filter: blur(14px); */

    box-shadow: 0 10px 35px rgba(15, 23, 42, .08);

    background-color: var(--ebhdr3-theme1-header-bg);


}

.ebhdr3-hdr.ebhdr3-nav--scrolled {


    box-shadow:

        0 16px 45px rgba(0, 0, 0, .10);

}



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

.ebhdr3-container {

    max-width: var(--ebhdr3-theme1-header-max-width);

    margin: 0 auto;

    padding: 0rem 1.3rem;


    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 2rem;

    transition: all .35s cubic-bezier(.4, 0, .2, 1);

}


/*==================================================
                    LOGO
====================================================*/

.ebhdr3-logo {

    display: flex;

    align-items: center;

    gap: var(--ebhdr3-theme1-logo-gap);

    text-decoration: none;

    flex-shrink: 0;

}

.ebhdr3-logo img {

    width: var(--ebhdr3-theme1-logo-image-size);

    aspect-ratio: 1/1;

    /* object-fit: cover; */

    transition: all .35s cubic-bezier(.4, 0, .2, 1);

}

.ebhdr3-site-name {

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    justify-content: center;

    line-height: 1.05;

    direction: rtl;

}

.ebhdr3-logo-dark {

    color: var(--ebhdr3-theme1-logo-dark);

    font-size: var(--ebhdr3-theme1-logo-size);

    font-weight: 900;

    letter-spacing: -.5px;

}


/* ✅  HAMBURGER BUTTON */
.ebhdr3-nav-toggle {
    display: none;
    flex-direction: column;
    gap: 5px;
    background: none;
    border: none;
    cursor: pointer;
}

.ebhdr3-nav-toggle span {
    width: 24px;
    height: 2px;
    background: var(--ebhdr3-theme1-nav-toggle-bg);
    transition: .35s cubic-bezier(.4, 0, .2, 1);
}

/* Morph Animation */
.ebhdr3-nav--open .ebhdr3-nav-toggle span:nth-child(1) {
    transform: rotate(45deg) translateY(10px);
}

.ebhdr3-nav--open .ebhdr3-nav-toggle span:nth-child(2) {
    opacity: 0;
}

.ebhdr3-nav--open .ebhdr3-nav-toggle span:nth-child(3) {
    transform: rotate(-45deg) translateY(-10px);
}

/* ================= MOBILE MENU TOP ================= */


.ebhdr3-nav-menu-upper {

    display: none;

    flex-direction: column;

    align-items: end;

    justify-content: end;

    font-size: 1.25rem;

    line-height: 1.75rem;

    font-weight: bold;

    padding: 1.2rem 0 0 1.2rem;

    color: var(--ebhdr3-logo-dark-color);

}



.ebhdr3-nav--open .ebhdr3-nav-menu-upper {

    display: flex;

}


/*==================================================
               DESKTOP NAVIGATION
====================================================*/

.ebhdr3-nav-menu {

    display: flex;

    align-items: center;

}

.ebhdr3-nav-list {

    display: flex;

    align-items: center;

    gap: var(--ebhdr3-theme1-nav-gap);

    list-style: none;

    background: var(--ebhdr3-theme1-nav-bg);

    border: 1px solid var(--ebhdr3-theme1-nav-border);

    border-radius: 100px;

    /* padding: var(--ebhdr3-theme1-nav-padding); */

}

.ebhdr3-nav-item {

    position: relative;

}

.ebhdr3-nav-link {

    display: flex;

    align-items: center;

    justify-content: center;

    padding: .85rem 1.35rem;

    border-radius: 999px;

    color: var(--ebhdr3-theme1-nav-link-color);

    font-size: .97rem;

    font-weight: 600;

    text-decoration: none;

    transition: all .35s cubic-bezier(.4, 0, .2, 1);

}

.nav-services-btn {

    display: flex;

    align-items: center;

    justify-content: center;

    padding: .85rem 1.35rem;

    border: none;

    outline: none;

    background: transparent;

    color: var(--ebhdr3-theme1-nav-link-color);

    border-radius: 999px;

    cursor: pointer;

    font-size: .97rem;

    font-weight: 600;

    transition: all .35s cubic-bezier(.4, 0, .2, 1);

    position: relative;

}

/*==================================================
                 NAV HOVER
====================================================*/

.ebhdr3-nav-link:hover,

.nav-services-btn:hover {

    background: var(--ebhdr3-theme1-nav-hover-bg);

    color: var(--ebhdr3-theme1-nav-hover-color);

    box-shadow:

        0 8px 20px rgba(0, 0, 0, .08);

    transform: translateY(-2px);

}


/*==================================================
                    DROPDOWN
====================================================*/

.ebhdr3-nav-dropdown {
    position: relative;
}

.ebhdr3-dropdown {

    position: absolute;

    top: 100%;

    right: 0;

    width: 340px;

    padding: 1rem;

    list-style: none;

    background: var(--ebhdr3-theme1-dropdown-bg);

    border: 1px solid var(--ebhdr3-theme1-dropdown-border);

    border-radius: var(--ebhdr3-theme1-dropdown-radius);

    box-shadow: 0 20px 40px rgba(15, 23, 42, .12);

    display: flex;

    flex-direction: column;

    gap: .5rem;

    opacity: 0;

    visibility: hidden;

    transform: translateY(15px);

    pointer-events: none;

    transition:
        opacity .35s ease,
        transform .35s ease,
        visibility .35s ease;

    z-index: 1000;

}

/*==================================================
                DROPDOWN LINKS
====================================================*/

.ebhdr3-dropdown .ebhdr3-nav-item {

    width: 100%;

}

.ebhdr3-dropdown .ebhdr3-nav-item::before {

    display: none;

}

.ebhdr3-dropdown a {

    display: flex;

    align-items: center;

    justify-content: flex-start;

    width: 100%;

    padding: 1rem 1.1rem;

    border-radius: 14px;

    text-decoration: none;

    color: var(--ebhdr3-ebhdr3-dropdown-a);

    font-size: .95rem;

    font-weight: 600;

    transition: all .3s ease;

}

/*==================================================
             DESKTOP OPEN STATE
====================================================*/

@media (min-width:769px) {

    .ebhdr3-nav-dropdown:hover .ebhdr3-dropdown {

        opacity: 1;

        visibility: visible;

        pointer-events: auto;

        transform: translateY(0);

    }

    .ebhdr3-dropdown a:hover {

        background: var(--ebhdr3-dropdown-a-hover-bg);

        color: var(--ebhdr3-dropdown-a-hover-color);

        transform: translateX(-6px);

        box-shadow:

            0 8px 20px rgba(15, 23, 42, .06);

    }

}

/*==================================================
              SERVICES BUTTON ICON
====================================================*/

.nav-services-btn::after {

    content: "+";

    margin-inline-start: .55rem;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    width: 18px;

    height: 18px;

    border-radius: 50%;

    background: var(--ebhdr3-nav-services-btn-after-bg);

    color: var(--ebhdr3-nav-services-btn-after);

    font-size: 1rem;

    font-weight: 700;

    transition: all .35s cubic-bezier(.4, 0, .2, 1);

}

.ebhdr3-nav-dropdown.open .nav-services-btn::after {

    content: "−";

    transform: rotate(180deg);

}

@media (min-width:769px) {

    .ebhdr3-nav-dropdown:hover .nav-services-btn::after {

        content: "−";

        transform: rotate(180deg);

        background: var(--ebhdr3-nav-services-btn-hover-after-bg);

        color: var(--ebhdr3-nav-services-btn-hover-after-color);

    }

}



/* ================= DESKTOP HOVER DROPDOWN ================= */


@media (min-width:769px) {


    .ebhdr3-nav-dropdown:hover .ebhdr3-dropdown {


        opacity: 1;


        max-height: 500px;


        overflow-y: auto;


        pointer-events: auto;

    }



    .ebhdr3-nav-dropdown:hover i {


        transform: rotate(180deg);

    }



    .ebhdr3-nav-dropdown:hover .nav-services-btn::after {


        content: "-";


        transform: rotate(180deg);

    }



    .ebhdr3-nav-item {


        position: relative;

    }


}

@media (max-width:768px) {

    .ebhdr3-nav-toggle {
        display: flex;
    }

    .ebhdr3-container {
        justify-content: space-between;
    }

    .ebhdr3-nav-menu {
        position: fixed;
        top: 0;
        right: 0;
        height: 100vh;
        overflow: auto;
        /* width: 280px; */
        transform: translateY(-100%);
        display: flex;
        flex-direction: column;
        align-items: start;
        justify-content: start;

        background: var(--ebhdr3-theme1-overlay);
        opacity: 0;
        pointer-events: none;
        transition: .35s cubic-bezier(.4, 0, .2, 1);
        width: 100%;
    }

    .ebhdr3-nav-menu-container {
        height: 100%;
        width: min(95%, 290px);
        background: var(--ebhdr3-theme1-nav-bg);
        border: 1px solid var(--ebhdr3-theme1-nav-border);
        margin: 0;
        display: flex;
        flex-direction: column;
        gap: 0;
    }

    .ebhdr3-nav-list {

        display: flex;

        align-items: start;

        list-style: none;

        background: var(--ebhdr3-theme1-nav-bg);

        border: 0;

        border-radius: 0px;

        flex-direction: column;

        gap: 1.2rem;

        width: 100%;

        padding: 0 1rem;
    }

    .ebhdr3-nav-link {

        display: flex;

        align-items: center;

        justify-content: center;

        padding: .85rem;

        border-radius: 999px;

        color: var(--ebhdr3-theme1-nav-link-color);

        font-size: .97rem;

        font-weight: 600;

        text-decoration: none;

        transition: all .35s cubic-bezier(.4, 0, .2, 1);

        background: var(--ebhdr3-theme1-nav-hover-bg);

        color: var(--ebhdr3-theme1-nav-hover-color);

    }

    .nav-services-btn {

        display: flex;

        align-items: center;

        justify-content: center;

        padding: .85rem;

        border: none;

        outline: none;

        background: transparent;

        color: var(--ebhdr3-theme1-nav-link-color);

        border-radius: 999px;

        cursor: pointer;

        font-size: .97rem;

        font-weight: 600;

        transition: all .35s cubic-bezier(.4, 0, .2, 1);

        position: relative;

        background: var(--ebhdr3-theme1-nav-hover-bg);

        color: var(--ebhdr3-theme1-nav-hover-color);

    }

    .ebhdr3-nav--open .ebhdr3-nav-menu {
        transform: translateY(0);
        opacity: 1;
        pointer-events: all;
    }

    .ebhdr3-nav-menu-pages {
        flex: 1;
        overflow-y: auto;
    }


    .ebhdr3-nav-dropdown .ebhdr3-dropdown {
        position: static;

        gap: .8rem;
        width: 100%;
        background: var(--ebhdr3-theme1-dropdown-bg);
        padding: 0 .8rem 0 .8rem;
        list-style: none;
        border-radius: 0;
        overflow: hidden;

        max-height: 0;
        opacity: 0;

        transition:
            max-height 0.4s ease,
            opacity 0.3s ease;
    }

    .ebhdr3-nav-dropdown.open .ebhdr3-dropdown {
        max-height: 500px;
        opacity: 1;
        pointer-events: all;
        overflow-y: scroll;
        visibility: visible;
    }



    .ebhdr3-dropdown a {

        background: var(--ebhdr3-dropdown-a-hover-bg);

        color: var(--ebhdr3-dropdown-a-hover-color);

        transform: translateX(-6px);

        box-shadow:

            0 8px 20px rgba(15, 23, 42, .06);

    }

}