/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

.search-svg {
    width: 1.1rem;
    height: 1.1rem;
}

.shoppingbag-svg {
    width: 1.25rem;
    height: 1.375rem;
}

.profile-svg {
    width: 1.2rem;
    height: 1.35rem;
}

.logo-svg {
    width: 11.5rem;
    height: 2.688rem;
}

.hamburger-svg {
    width: 1.5rem;
    height: 1.5rem;
    cursor: pointer;
}

.close-svg {
    width: 1.7rem;
    height: 1.7rem;
    cursor: pointer;
    display: none;
}

.searchbar {
    font-size: 0.9rem;
}

.btn-search:hover {
    background-color: var(--bs-primary)!important;
    color: var(--bs-white)!important;
}

.radius-start {
    border-top-left-radius: 50rem!important;
    border-bottom-left-radius: 50rem!important;
}

.radius-end {
    border-top-right-radius: 50rem!important;
    border-bottom-right-radius: 50rem!important;
}

@media all and (min-width: 992px) {
    .dropdown-hover>.nav-item>.dropdown-menu {
        display: none;
    }
    .dropdown-hover>.nav-item:hover>.nav-link {}
    .dropdown-hover>.nav-item:hover>.dropdown-menu {
        display: block;
    }
    .dropdown-hover>.nav-item>.dropdown-menu {
        margin-top: 0;
    }
}

.custom-dropdown-menu {
    position: absolute!important;
    right: 0;
    top: 100%;
    background: var(--bs-white);
    width: 390px;
    text-align: left;
    border-left: 1px solid rgb(232, 232, 232);
    border-bottom: 1px solid rgb(232, 232, 232);
    z-index: 100;
}

.icons-hover-profile{
    height: 42px;
    width: 42px;
}

.icons-hover-profile:hover::after {
    content: '';
    background: var(--bs-light);
    position: absolute;
    width: 42px;
    height: 42px;
    border-radius: 50rem;
    top: 0;
    right: 2px;
    z-index: -1;
}


.products-count {
    top: 30%;
    right: -1px;
    color: var(--bs-white);
    width: 23px;
    height: 23px;
}

.icons-hover-cart{
    width: 42px;
    height: 42px;
}

.icons-hover-cart:hover::after {
    content: '';
    background: var(--bs-light);
    position: absolute;
    width: 42px;
    height: 42px;
    border-radius: 50rem;
    top: 0;
    left: 0px;
    z-index: -1;
}

.row-cart {
    margin-bottom: 1px;
}

.circle-carousel-indicators [data-bs-target] {
    width: 20px!important;
    height: 20px!important;
    border-radius: 50%!important;
    margin: 0 10px!important;
}

.circle-carousel-indicators .active {
    background-color: var(--bs-primary)!important;
}

.header-section {
    z-index: 1000;
}

main {
    margin-top: 115px;
}

@media screen and (max-width: 768px) {
    .main {
        margin-top: 129px;
    }
}

.hamburger-container svg {
    width: 0;
    margin-right: 0;
    transition: 0.3s ease-in-out;
    transition-property: width, margin-right;
}

.hamburger-container.slide-left svg {
    width: 1.5rem;
    margin-right: .5rem;
}

@media screen and (max-width: 576px) {
    .section_banner {
        position: static;
    }
}

.searchlist-container{
    max-width: 42%;
}

@media screen and (max-width: 992px) {
    .searchlist-container{
        max-width: 90%;
    }

}

.flex-center{
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  margin-bottom: 0;
  height: 100%;
    text-align: center;
}

#select-widget{
  height: auto!important;
}