﻿.header {
    position: absolute;
    top: 42px;
    width: 100%;
    z-index: 2;
}

.header-inner {
    padding: 20px;
    padding-left: 40px;
    background: #FFFFFF99;
    border-radius: 50px;
    display: flex;
    justify-content: space-between;
}

.header-menu {
    display: flex;
    align-items: center;
}

    .header-menu > ul {
        padding: 0;
        margin: 0;
        display: flex;
        list-style: none;
        align-items: center;
        column-gap: 46px;
        height: 100%;
    }

        .header-menu > ul .nav-item {
            height: 100%;
        }

    .header-menu ul > li > .nav-link {
        font-family: Poppins;
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        color: #232021;
        display: flex;
        height: calc(100% + 40px);
        align-items: center;
        margin-top: -20px;
    }

    .header-menu ul li .nav-link.dropdown-toggle::after {
        content: "\f078";
        font-family: 'Font Awesome 6 Free';
        font-weight: 900;
        border: none;
        font-size: 14px;
    }

    .header-inner {
        padding: 20px;
        padding-left: 40px;
        background: #FFFFFF99;
        border-radius: 50px;
        display: flex;
        justify-content: space-between;
        backdrop-filter: blur(4px);
    }

.header-contact {
    display: flex;
    align-items: center;
}

    .header-contact a {
        background: #C49F5F;
        padding: 12px 32px;
        border-radius: 50px;
        text-decoration: none;
        font-family: Poppins;
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        text-align: left;
        color: #fff;
    }

.mobile-header-button {
    display: flex;
    align-items: center;
}

    .mobile-header-button button {
        background: #C49F5F;
        border: 1px solid #C49F5F;
        padding: 0;
        border-radius: 50px;
        text-decoration: none;
        font-family: Poppins;
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        text-align: left;
        color: #fff;
        width: 50px;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
    }


.header-menu > ul .nav-item.dropdown .dropdown-menu.show {
    display: flex;
    flex-direction: column;
    row-gap: 32px;
    padding: 42px 25px;
    padding-right: 42px;
    border-radius: 0;
    background: #FFFFFF99;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    transform: translate(0, 75px) !important;
    border: none;
    backdrop-filter: blur(4px);
}

    .header-menu > ul .nav-item.dropdown .dropdown-menu.show li a {
        padding: 0;
        width: 100%;
        font-family: Poppins;
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        text-align: left;
        color: #011D3E;
    }

        .header-menu > ul .nav-item.dropdown .dropdown-menu.show li a:hover, .header-menu > ul .nav-item.dropdown .dropdown-menu.show li a:focus {
            background-color: unset;
        }

.fixed-whatsapp {
    position: fixed;
    bottom: 1.5rem;
    z-index: 1;
    right: 1.5rem;
}


.mobile-header-button {
    display: none;
}


.mobile-menu {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    transition: .4s;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: #ffffffe0;
    z-index: 2;
    backdrop-filter: blur(6px);
    display: flex;
    flex-direction: column;
    row-gap: 60px;
}

    .mobile-menu.show
    {
        visibility: visible;
        opacity: 1;
        transition: .4s;
    }

.mobile-menu-header {
    display: flex;
    justify-content: space-between;
    width: calc(100% - 40px);
    margin: auto;
    margin-top: 1rem;
    margin-bottom: 0;
    padding: 10px;
    background: #fff;
    align-items: center;
    border-radius: 50px;
}

.mobile-menu-button {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #C49F5F;
    border: 1px solid #C49F5F;
    color: #fff;
    border-radius: 50px;
    font-size: 21px;
}
.mobile-menu-content {
    height: calc(100vh - 138px);
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    overflow-y: auto;
    row-gap: 40px;
}

.mobile-menu-page-list {
    display: flex;
    flex-direction: column;
    row-gap: 46px;
}

    .mobile-menu-page-list a {
        font-family: Poppins;
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        text-align: left;
        color: #232021;
        text-decoration: none;
    }

    .mobile-menu-page-list .accordion {
        --bs-accordion-bg: transparent !important;
    }

    .mobile-menu-page-list .accordion-item {
        background: transparent;
        border: none;
        display: flex;
        flex-direction: column;
        row-gap: 24px;
    }

    .mobile-menu-page-list .accordion .accordion-button {
        padding: 0;
        font-family: Poppins;
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        text-align: left;
        color: #232021;
        box-shadow: unset;
    }

    .mobile-menu-page-list .accordion .accordion-body {
        padding: 0;
    }

        .mobile-menu-page-list .accordion .accordion-body ul {
            padding: 0 1rem;
            list-style: none;
            margin: 0;
            display: flex;
            flex-direction: column;
            row-gap: 24px;
        }

            .mobile-menu-page-list .accordion .accordion-body ul li a {
                font-size: 15px;
                line-height: 23px;
            }

        .mobile-menu-page-list .accordion .accordion-button:not(.collapsed)
        {
            background-color: transparent;
            box-shadow: unset;
        }

.mobile-menu-social-media-list {
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .mobile-menu-social-media-list ul {
        display: flex;
        align-items: center;
        list-style: none;
        padding: 0;
        margin: 0;
        justify-content: center;
        column-gap: 25px;
    }

        .mobile-menu-social-media-list ul li a {
            width: 20px;
            height: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 20px;
            color: #B6BABD;
        }

            .mobile-menu-social-media-list ul li a svg path
            {
                transition: .4s;
            }

            .mobile-menu-social-media-list ul li a:hover svg path {
                fill: #062F87;
                transition: .4s;
            }


.mobile-menu-logo, .mobile-menu-logo a, .mobile-menu-logo a img {
    width: 140px;
    object-fit: contain;
}




            @media only screen and (max-width: 1199px) {
                .header-logo, .header-logo a, .header-logo a img {
        width: 140px;
        object-fit: contain;
        display: flex;
        align-items: center;
    }

    .header-menu > ul {
        column-gap: 24px;
    }
}

@media only screen and (max-width: 991px)
{
    .header-menu
    {
        display: none;
    }
    .header-contact
    {
        display: none;
    }

    .mobile-header-button
    {
        display: block;
    }

    .page-padding {
        padding-top: 50px;
        padding-bottom: 50px;
    }
}

@media only screen and (max-width: 575px)
{
    .page-banner, .page-banner .page-banner-image, .page-banner .page-banner-image img {
        height: 320px;
        object-fit: cover;
    }

    .page-banner-title {
        font-size: 28px;
        line-height: 36px;
    }

}