.elementor-28 .elementor-element.elementor-element-599d6fe{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-28 .elementor-element.elementor-element-599d6fe:not(.elementor-motion-effects-element-type-background), .elementor-28 .elementor-element.elementor-element-599d6fe > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#13A338;}/* Start custom CSS for html, class: .elementor-element-05411a3 */.custom-site-header {
    width: 100%;
    box-sizing: border-box;
    font-family: Arial, sans-serif;
}

.header-container {
    width: 100%;
    margin: 0 auto;
    padding: 12px 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.header-logo {
    width: 12%;
}
.header-logo a {
    display: inline-block;
    text-decoration: none;
    width: 100%;
}

.logo-box {
    background-color: #ffffff;
    padding: 6px 20px 6px 10px;
    border-radius: 0 9px 9px 0;
    display: flex;
    align-items: center;
    height: 70px;
    justify-content: end;
}

.logo-img {
    height: 80px !important;
    width: auto;
    display: block;
}

.header-nav {
    display: flex;
    gap: 6%;
    width: 30%;
}

.header-btn {
    background-color: #ffffff;
    color: #00A859;
    font-weight: bold;
    font-size: 16px;
    padding: 10px 24px;
    border-radius: 8px;
    text-decoration: none;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transition: transform 1.2s cubic-bezier(0.25, 1, 0.5, 1);
    cursor: pointer;
    text-align: center;
}

.header-btn:hover {
    color: #13a338;
    transform: scale(1.08);
}

.header-btn:active {
    transform: scale(0.98);
    color: #13a338;
}

@media(max-width: 1024px){
    .logo-img {
        width: auto;
        height: 60px !important;
    }
    .logo-box {
        height: 55px;
    }
    .header-nav {
        width: 42%;
    }
}

@media(max-width: 768px){
    .header-logo {
        width: 20%;
    }
    .header-nav {
        flex-direction: column;
        margin-right: 7%;
        height: 90%;
        gap: 10%;
    }
    .header-btn {
        padding: 5px 10px;
    }
    .header-container {
        height: 110px;
        justify-content: space-between;
        width: 100vw;
    }
}

@media(max-width: 425px){
    .header-logo {
        width: 30%;
    }
    .header-btn {
        font-size: 0.9rem;
    }
    

}/* End custom CSS */