/*your custom css goes here*/ 


/* body .aiz-main-wrapper {
    background-color: #fefefe !important;
} */

#search-bar-section, #top-navbar {
    background-color: #002f8b !important;
    border-color: #002f8b !important;
}

#search-bar-section .search-input-box {
    /*background-color: #002f8b !important;*/
}

.front-header-search.active, .front-header-search.active .search-input-box {
    background-color: white !important;
}


#footer-section {
    /* background-color: #002f8b !important; */
    background-color: #111827 !important;
}

.footer-category-item {
    /* color: #fff !important; */
    color: #e0e5eb !important;
}

.footer-category-item:hover {
    color: #fff !important;
}

.custom-text-body {
    color: #e0e5eb !important;
}

.custom-text-body a {
    color: #ffffff !important;
    text-decoration: none !important;
}

.footer-link-title {
    color: #ffffff !important;
}

.fill-white {
    /* fill: #fff !important; */
    fill: #3b3f43 !important;
}

#call-to-action .call-to-action-content::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url('../../custom_assets/img/background-svg.svg');
    background-repeat: no-repeat;
    /* background-position: 130% 80%; */
    background-position: center;
    top: 0;
    right: 0;
}


ul li a {
    text-decoration: none !important;
}

.aiz-category-menu .sub-cat-menu {
    width: calc(100% - 300px) !important;
}

.aiz-category-menu .category-nav-element:hover > a .cat-name {
    margin-left: 0 !important;
}

.list-unstyled {
    display: block !important;
}

#category-menu-bar {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

#category-sidebar ul.categories .category-nav-element:last-of-type {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

#category-sidebar ul.categories .category-nav-element a:hover {
    background-color: #f5f7fa !important;
}

#category-sidebar ul {
    box-shadow: rgba(102, 110, 122, 0.1) 0px 8px 32px -4px;
    /* display: flex !important; */
}

#category-sidebar ul.categories .category-nav-element:last-of-type {
    /* border: 0 !important; */
    /* display: flex !important; */
    /* flex-direction: column !important; */
    /* justify-content: space-between !important; */
    /* align-self: stretch !important; */
    /* flex-grow: 1 !important; */
}

#category-container {
    box-shadow: rgba(102, 110, 122, 0.1) 0px 8px 32px -4px;
}

.home-slider .aiz-carousel .carousel-box {
    /* padding-top: 50px; */
}

#section_home_categories .home-category-banner {
    border-radius: 15px !important;
}



.dropdown-item:hover, .dropdown-item:focus {
    color: black !important;
}
.dropdown-item.active, .dropdown-item:hover, .dropdown-item:active {
    color: #fff !important;
    background-color: #002f8b !important;
}

.aiz-category-menu .sub-cat-menu {
    left: calc(300px) !important;
}

/* .alert .btn-close {
    filter: invert(1);
}

.alert .btn-close {
    color: black;
}

.alert .btn-close {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 16 16'%3E%3Cpath d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
} */

.modal-content {
    border-radius: 15px !important;
}

.modal-body .slick-slide {
    width: auto !important;
}

a {
    text-decoration: none !important;
}

#category-sidebar ul.categories .category-nav-element {
    padding-top: 1px;
    padding-bottom: 1px;
}

.home-slider, .aiz-carousel, .carousel-box a, .carousel-box a img {
    border-radius: 15px !important;
    overflow: hidden !important;
}


.banner_section .carousel-box a {
    border-radius: 15px !important;
    overflow: hidden !important;
}


/* .slick-list, .slick-track, .slick-slide {
    height: 100% !important;
} */
  
  
  
  





.animate-underline {
position: relative;
/* display: inline-block; */
/* color: #fff; */
}

.animate-underline .animate-target::after, .animate-underline.animate-target::after {
background-color: #fff;
bottom: 0;
content: "";
height: 1px;
left: 0;
position: absolute;
transform: scaleX(0);
transform-origin: bottom right;
transition: transform .3s ease-out;
width: 100%;
}

.animate-underline:hover .animate-target::after, .animate-underline:hover.animate-target::after {
transform: scaleX(1);
transform-origin: bottom left;
}



.home-slider {
    max-width: calc(100% - 300px) !important;
}

@media (max-width: 1199px) {
    .home-slider {
        max-width: 100% !important;
    }
}