/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */


body {
    color: #fff;
}

main.header-top {
    margin-top: 66px;
}

.accordion-button.accordion-top {
    border-top: 1px solid;
}

.accordion-button.accordion-bottom {
    border-bottom: 1px solid;
}

button.accordion-button.collapsed {
    background-color: #003f67;
    color: #ffffff;
    /* border-top: 3px solid; */
    /* border-bottom: 3px solid; */
    font-weight: 500;
    font-size: 22px;
    line-height: 28px;
    /* padding: 15px 11px; */
}

.accordion-button:not(.collapsed) {
    color: #003f67;
    background-color: #ffffff;
    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
    /* padding: 15px; */
}

/* Header */
.navbar {
    background-color: #003f67 !important;
}

.nav-item.home:hover,
.nav-item.cash:hover,
.nav-item.promotion:hover,
.nav-item.service:hover,
.nav-item.contact:hover,
.nav-item.search:hover,
.nav-item.news:hover,
.nav-item.about:hover
{
    border-bottom: 2px solid #003f67;
}

a.nav-link.active {
    color: #ffd700 !important;
    border-bottom: 2px solid #ffd700;
}

a.nav-link:hover {
    color: #ffd700;
    /* border-bottom: 2px solid #ffd700; */
    transform: scale(1.05);
}

a.nav-link {
    color: #ffffff !important;
    transition: 0.3s;
    line-height: 24px;
}

img.logo {
    width: 115px;
    height: 40px;
    transition: 0.3s;
}

img.logo:hover {
    transform: scale(1.05);
}

img.search-icon {
    width: 24px;
    height: 24px;
    transition: 0.3s;
}

img.search-icon:hover {
    transform: scale(1.05);
}

a.register-btn {
    background-color: #e31c79;
    border-radius: 40px;
    color: #fff;
    font-size: 24px;
    border: none;
    padding: 15px;
    line-height: 20px;
    transition: 0.3s;
}

.c--anim {
    z-index: 1000000000 !important;
}
.zr-ifr-wc-container-base {
    z-index: 99999 !important;
}
.zr-ifr-wc-bubble-base {
    z-index: 99999 !important;
}
.zanroo-svg-bubble {
    width: 25px !important;
    height: 25px !important;
}
.zanroo-path-bubble {
    fill: #ffffff !important;
}
.zr-wc-bubble-container {
    background: #e31c79 !important;
    border: 0px !important;
}
.zr-ifr-wc {
    height: 65vh !important;
    max-height: 65vh !important;
}

a.register-btn:hover {
    transform: scale(1.05);
}

.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;
}

.sticky+.content {
    padding-top: 102px;
}


/* footer */
.footer-info {
    background-color: #003f67;
}

img.footer-bar {
    width: 100%;
    margin-top: -56px;
}

.footer-addresss,
.footer-social,
.footer-contact-us,
.footer-service {
    color: #ffffff;
    font-weight: 400;
    font-size: 22px;
    line-height: 28px;
}

.download-icon,
.social-icon,
.phone-icon {
    height: auto;
    width: 32px;
    transition: 0.3s;
}

img.social-icon:hover {
    transform: scale(1.1);
}

img.download-icon:hover {
    transform: scale(1.03);
}

.footer-contact {
    background-color: #00B4F1;
}

.navbar-header .navbar .nav-link {
    padding: 5px 12px !important;
}

.navbar-header .dropdown-content {
    display: none;
    position: absolute;
    background-color: #fff;
    box-shadow: 4px 14px 30px rgba(9, 30, 66, 0.1);
    border-radius: 14px;
    width: max-content;
    z-index: 1;
    font-weight: 500;
    font-size: 24px;
    line-height: 28px;
    color: #003F67;
    padding: 16px;
    left: 50%;
    transform: translate(-50%, 0%);
    margin-top: 15px;
}

.navbar-header .dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.navbar-header .dropdown-content a:hover {
    background-color: #ddd;
}

img.sub-menu-arrow {
    display: none;
}

.navbar-header .nav-item:hover .dropdown-content,
.navbar-header .nav-item:hover .sub-menu-arrow {
    display: block !important;
}

.navbar-header .nav-item:hover .dropbtn-navbar {
    background-color: transparent;
    color: #FFD700 !important;
    border: none;
    /*    border-bottom: 2px solid #ffd700;*/
}

.navbar-header .dropbtn-navbar {
    border: none;
    background-color: transparent;
    color: #fff;
    line-height: 28px;
    padding: 4px 12px !important;
}

.navbar-header .nav-item {
    position: relative;
    display: inline-block;
    padding: 15px 0;
}

.navbar-header img.sub-menu-icon {
    width: 24px;
    height: auto;
}

.navbar-header .sb1:before {
    content: "";
    width: 0px;
    height: 0px;
    position: absolute;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid transparent;
    border-bottom: 10px solid #fff;
    left: 47%;
    top: -20px;
}

.navbar-header {
    padding: 0px !important;
}

#navbar-mobile-accordion .accordion-item {
    margin-top: 10px;
}

#navbar-mobile-accordion .accordion-body {
    padding: 0;
}

.navbar-custom-mobile {
    width: 100%;
}

@media (min-width: 350px) and (max-width: 992px) {
    .accordion{
        /* --mdb-accordion-bg: #003F67;  */
    }
    a.register-btn {
        background-color: #e31c79;
        border-radius: 40px;
        color: #fff;
        font-size: 18px;
        border: none;
        padding: 12px;
        line-height: 20px;
        transition: 0.3s;
    }

    .navbar-header {
        padding: 11px !important;
    }

    .navbar-header .form-control {
        border: none;
        border-radius: 10px 0px 0px 10px !important;
    }

    .navbar-header .input-group> :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
        background-color: #fff;
    }


    .input-group-text {
        border-color: transparent;
        box-shadow: inset 0 0 0 1px transparent;
    }

    #navbar-mobile-accordion .accordion-button:not(.collapsed)::after {
        background-image: url("/static/images/share/add-icon-black.svg") !important;
    }

    /* <svg viewBox="0 0 1024 1024" class="icon" version="1.1" xmlns="http://www.w3.org/2000/svg" fill="#FFFFFF" stroke="#FFFFFF"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><path d="M473.6 473.6V64h76.8v409.6H960v76.8H550.4V960H473.6V550.4H64V473.6h409.6z" fill="#FFFFFF"></path></g></svg> */
    #navbar-mobile-accordion .accordion-button.collapsed::after {
        background-image: url("/static/images/share/add-icon.svg") !important;
    }

    .question .accordion-button:not(.collapsed)::after {
        /* background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 01.708 0L8 10.293l5.646-5.647a.5.5 0 01.708.708l-6 6a.5.5 0 01-.708 0l-6-6a.5.5 0 010-.708z'/></svg>") !important; */

    }

    /* <svg viewBox="0 0 1024 1024" class="icon" version="1.1" xmlns="http://www.w3.org/2000/svg" fill="#FFFFFF" stroke="#FFFFFF"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><path d="M473.6 473.6V64h76.8v409.6H960v76.8H550.4V960H473.6V550.4H64V473.6h409.6z" fill="#FFFFFF"></path></g></svg> */
    .question .accordion-button.collapsed::after {
        background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 01.708 0L8 10.293l5.646-5.647a.5.5 0 01.708.708l-6 6a.5.5 0 01-.708 0l-6-6a.5.5 0 010-.708z'/></svg>") !important;

    }

    .navbar-header .accordion-item:last-of-type .accordion-button.collapsed {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    #navbar-mobile-accordion .accordion-item {
        margin-top: 0;
        border: 1px solid #003f67;
        border-radius: 0px;
        background-color: #003f67;
    }

    .navbar-header .accordion-item:first-of-type .accordion-button {
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
    }

    .navbar-header button.accordion-button.collapsed {
        background-color: #003f67;
        color: #ffffff;
        /* border-top: 3px solid; */
        /* border-bottom: 3px solid; */
        font-weight: 500;
        /* font-size: 22px; */
        line-height: 26px;
        padding:10px;
    }

    .navbar-header .accordion-button:not(.collapsed) {
        color: #003f67;
        background-color: #ffffff;
        box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
        padding: 10px;
    }

    .fa-search:before {
        content: "\f002";
        color: #003F67;
    }

    #flush-headingOne button.accordion-button.collapsed,
    #flush-headingOne .accordion-button:not(.collapsed),
    #flush-headingTwo button.accordion-button.collapsed,
    #flush-headingTwo .accordion-button:not(.collapsed),
    #flush-headingThree button.accordion-button.collapsed,
    #flush-headingThree .accordion-button:not(.collapsed) {
        background-color: transparent;
        padding: 16px;
        color: #ffffff;
    }

    #flush-headingOne .accordion-button.collapsed::after,
    #flush-headingTwo .accordion-button.collapsed::after,
    #flush-headingThree .accordion-button.collapsed::after {
        background-image: url(/static/images/share/plus-solid.svg) !important;

    }

    #flush-headingOne .accordion-button:not(.collapsed)::after,
    #flush-headingTwo .accordion-button:not(.collapsed)::after,
    #flush-headingThree .accordion-button:not(.collapsed)::after {
        background-image: url(/static/images/share/minus-svgrepo.svg) !important;

    }

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 992px) {
    .navbar-header {
        padding: 11px !important;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1200px) {
    .navbar-header {
        padding: 11px !important;
    }
}