﻿*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}
.fx-header_navbar .navbar-brand {
    width: -webkit-fill-available;
}
/*Header Css*/
a.navbar-brand.logo img {
    height: 75px;
    max-width: 100%;
    width: fit-content;
}
.customHeader-row > .col {
    width: 50% !important;
    flex: 0 0 auto;
}
.headerMob-box ul.list-unstyled {
    margin-bottom: 0px;
    display: flex;
    align-items: center;
    gap: 0px 15px;
}
a.headerNav-link {
    display: inline-block;
}
a.headerNav-link svg {
    fill: #240047 !important;
}
a.headerNav-link svg use {
    fill: #240047 !important;
}
button.btnShow-mobHeader {
    background-color: transparent;
    border: 0px;
    padding: 0px;
    outline: none;
    box-shadow: none;
}
button.btnShow-mobHeader svg {
    fill: #240047 !important;
}
button.btnShow-mobHeader svg path{
    fill: #240047 !important;
}
button.btnShow-mobHeader {
    background-color: transparent;
    border: 0px;
    padding: 0px;
    outline: none;
    box-shadow: none;
    width: 24px;
    height: 24px;
}
.headerMob-box {
    display: inline-flex;
    align-items: center;
    gap: 0px 15px;
}
.customHeader-row > .col:has(.headerMob-box) .headerMob-box {
    display: none;
}
.searchBox-mobileBox {
    display: none;
}
/*header.customHeader ul.navbar-nav {
    justify-content: initial !important;
}
header.customHeader ul.navbar-nav li.nav-item {
    flex-grow: initial !important;
}
header.customHeader ul.navbar-nav > li.nav-item > a.nav-link {
    width: fit-content !important;
}
header.customHeader ul.navbar-nav li.nav-item {
    flex-grow: initial !important;
    flex-basis: initial !important;
}*/
/*header.customHeader ul.navbar-nav li.nav-item.dropdown {
    position: relative;
}*/
/*header.customHeader ul.navbar-nav li.nav-item.dropdown .dropdown-menu, .navbar-nav>li>.dropdown-menu {
    width: 100% !important;
    min-width: 100% !important;
}*/
header.customHeader ul.navbar-nav > li.nav-item > a.nav-link.dropdown-toggle {
    padding-right: 25px !important;
}
.margin-top-body {
    margin-top:0px !important;
}   
.paddingTop{
    padding-top:0px !important;
}
@media screen and (max-width:992px) {
    .customHeader-row > .col:has(.headerMob-box) .headerMob-box {
        display: inline-flex !important;
    }
    .navHolder-active {
        transform: none !important;
        visibility: initial !important;
    }
    .navHolder-active .buttons-block.d-xl-none {
        display: none;
    }
    ul.navbar-nav:has(.dropdown) li.nav-item.dropdown:hover .dropdown-menu.show {
        display: block !important;
        border: 0px;
        box-shadow: none !important;
        transform: none !important;
        max-height: fit-content !important;
        overflow: initial !important;
        min-width: fit-content;
        position: static !important;
        background-color: transparent !important;
    }
    ul.navbar-nav:has(.dropdown) li.nav-item.dropdown:hover .dropdown-menu{
        display:none !important;
    }
    li.nav-item.dropdown:has(.show) .dropdown-menu.show {
        position: relative !important;
        display: block !important;
    }
    ul.navbar-nav:has(.dropdown) li.nav-item.dropdown:hover a.nav-link.dropdown-toggle::after {
        transform: translateY(-50%) rotate(0deg);
    }
    a.nav-link.dropdown-toggle.show::after {
        transform: translateY(-50%) rotate(-180deg) !important;
    }
    .customHeader-row > .col{
        padding-inline:15px !important;
    }
    .topHeader.bg-dark {
        background-color: transparent !important;
    }
    span.navbar-navIcon {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        height: 20px;
    }
    span.navbar-navIcon svg, span.navbar-navIcon svg path {
        height: 100%;
    }
    a.headerNav-link span.material-symbols-outlined {
        color: #240047;
        font-size: 24px;
        font-weight: 500;
    }
    span.btnShow-icon i {
        font-weight: 900;
        font-size: 22px;
        color: #240047;
    }
    .searchBox-mobileBox form#form-search span.fx-header_navbar-search-icon {
        width: 18px !important;
        height: 18px !important;
        display: inline-block;
        background-image: url("http://res.cloudinary.com/funex/image/upload/v1738328080/Search_yng3h6.png");
        background-repeat: no-repeat;
        background-position: center center;
        position: absolute;
        top: 50% !important;
        transform: translateY(-50% );
        left: 15px;
    }
    .searchBox-mobileBox form {
        position: relative;
        display: flex;
    }
    .searchBox-mobileBox form input {
        padding-left: 40px;
        border-radius: 20px;
        height: 36px;
        border: 1px solid #BCBEC0;
    }
    .searchBox-mobileBox form input::placeholder{
         font-family: "Poppins", serif !important;
         font-weight:400 !important;
         font-size:12px !important;
         color:#000 !important;
    }
    .searchBox-mobileBox button.fx-header_navbar-search-button {
        width: 0;
        border: 0px;
        height: 0px;
    }

    header.customHeader {
        border-bottom: 1px solid #BCBEC0;
    }
    .searchBox-mobileBox {
        display: block !important;
    }
}
@media screen and (max-width:768px){
    .headerMob-box {
        display: flex;
        align-items: center;
        gap: 0px 0px;
        justify-content: end;
        width: inherit;
    }
    .fx-header_navbar .container-xxl {
        padding-left: 1.375rem !important;
        padding-right: 1.375rem !important;
    }
    .fx-header_navbar .navbar-brand {
        width: -webkit-fill-available;
    }
    .fx-main__site-container .fx-form__container, .fx-main__site-container .fx-checkout__refund-options-container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}
@media screen and (max-width:475px){
    a.navbar-brand.logo img {
        height: 61px;
        max-width: 100%;
        width: fit-content;
    }
}