Header Section
.header-style-1 .search-style-2 form input {
    background-image: none;
}

/*All Category Page*/
.category_image {
    height: 50px;
    width: 80px;
    margin-right: 20px;
}

/*What app chat*/
.whatsapp-chat {
    position: fixed;
    bottom: 20px;
    left: 20px;
    z-index: 9999;
}

.whatsapp-chat img {
    height: 90px;
    width: 90px;
    transition: transform 0.3s ease;
}

.whatsapp-chat img:hover {
    transform: scale(1.1);
}

/* Mobile adjustments */
@media only screen and (max-width: 600px) {
    .whatsapp-chat img {
        height: 60px;
        width: 60px;
    }

    .whatsapp-chat {
        bottom: 15px;
        left: 15px;
    }
}







/*Customer dashboard*/
.dashboard .card {
    margin-bottom: 25px;
    color: #333;
    font-size: 15px;
    font-weight: 600;
    transition: all 0.4s;
    border: 2px solid gainsboro;
    padding: 30px 10px;
    box-shadow: 0 1px 1px rgb(0 0 0 / 10%) !important;
}

.dashboard .card i {
    font-size: 35px;
    margin-bottom: 10px;
    color: #EA2229;
}

.common-style{
 border: 1px solid #dee2e6;
 margin-bottom: 5px;

}
@media only screen and (max-width: 1199px) {
    .sliders-active img {
        /* height: 450px; */
        object-fit: cover;
        object-position: center center;
    }
}

@media only screen and (max-width: 991px) {
    .cart_hidden_mobile {
        display: none;
    }

    .sliders-active img {
        /* height: 400px; */
        object-fit: cover;
        object-position: center center;
    }

    ul.single-category-brand li::after {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .header-wrap.header-space-between {
        justify-content: normal !important;
    }

    /* .footer-widget {
        margin-top: 10px;
    } */

    .mobile-social-icon {
        margin-bottom: 20px;
    }

    .brand-area h6 {
        margin-bottom: 20px;
        background: #b3b4b4;
        padding: 10px;
        display: inline-block;
    }

    .single-payment-item {
        margin-top: 20px;
    }

    .header-action-right {
        position: absolute;
        right: 0;
    }

    .subscribe-form {
        margin-bottom: 30px;
    }

    ul.single-category-brand li::after {
        display: none;
    }

    .sliders-active img {
        /* height: 250px; */
        object-fit: cover;
        object-position: center center;
    }
}

.main-menu > nav > ul > li:hover ul.sub-menu {
    opacity: 1;
    visibility: visible;
    margin-top: 0;
}

.header-style-1 .categories-dropdown-active-large {
    margin-top: 13px;
}

.product-tabs .common-product .product-cart-wrap {
    margin: 0px 5px;
}

.product-cart-wrap .product-badges-right.product-badges-position-right {
    position: absolute;
    left: 50%;
    top: 0px;
    z-index: 9;
    transform: translateX(-50%);
    box-shadow: 0 5px 15px 0 rgb(37 44 97 / 15%),
        0 2px 4px 0 rgb(93 100 148 / 20%);
    border-radius: 0 0 10px 10px;
}

.product-cart-wrap .product-badges-right.product-badges-position-right p {
    line-height: 0;
}

.product-cart-wrap .product-badges-right span:last-child {
    margin-right: 0px;
}

.product-cart-wrap .product-badges-right span {
    display: block;
    font-size: 12px;
    line-height: 1;
    border-radius: 0 0 10px 10px;
    padding: 7px;
}
.product-cart-wrap .product-content-wrap h2 {
    margin-bottom: 0px !important;
}

.product-cart-wrap .product-content-wrap .product-category {
    margin-bottom: 0px !important;
    margin-top: 27px;
}

.custom-modal .modal-dialog .modal-content {
    max-height: 90vh;
    overflow: auto !important;
}

.cart-dropdown-wrap {
    overflow-y: auto;
    min-height: 80px;
    max-height: 50vh;
}

.cart-dropdown-wrap .shopping-cart-footer .shopping-cart-button {
    margin-bottom: 30px;
}

.cart-dropdown-wrap ul li {
    flex-wrap: nowrap;
}

.banners .banner-img {
    height: 100%;
    position: relative;
}
.banners .banner-img::after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #00000061;
}
.banners .banner-img img {
    height: 100%;
}

@media only screen and (max-width: 1199px) {
    .mobile_margin_bottom {
        margin-bottom: 63px;
    }

    .et {
        display: none;
    }

    /* .header-info > ul > li.contact_header {
        display: none;
    } */

    #scrollUp {
        right: 12px;
        bottom: 96px;
    }

    /*Main Footer*/
    .main.footer-dark {
        padding-bottom: 70px;
    }
}

@media only screen and(min-width: 1200px) {
    .header-bottom {
        display: none !important;
    }
}

@media screen and (max-width: 991px) {
    .header-bottom {
        background: #EA2229 !important;
    }
    /* .header-action-2 i {
        color: #fff;
    } */
    a.p-2.d-block.text-reset.active.show i {
        color: #fff;
    }
    .burger-icon.burger-icon-white > span::before,
    .burger-icon.burger-icon-white > span::after {
        background-color: #fff;
    }
}

@media only screen and (max-width: 993px) {
    .custom-modal .modal-dialog .modal-content .title-detail {
        font-size: 23px;
    }

    .cloth-item h5 {
        font-size: 15px;
    }

    .detail-info .product-price .current-price {
        font-size: 40px;
    }

    .detail-info .product-extra-link2 .button.button-add-to-cart {
        padding: 0px 15px;
    }

    .header-bottom {
        padding: 20px 0;
    }

    .header-wrap.header-space-between {
        justify-content: normal !important;
    }

    .logo.logo-width-1 {
        margin-right: 0;
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .logo.logo-width-1.footer_logo {
        position: relative;
    }
    .header-action-right {
        position: absolute;
        right: 0;
    }

    /*View Cart*/
    .shopping-summery button.btn {
        width: 39px;
        margin-left: 9px;
    }
}

@media only screen and (max-width: 767px) {
    .custom-modal .modal-dialog .modal-content {
        height: 100vh !important;
    }

    .detail-info .product-price {
        flex-wrap: wrap;
    }

    .section-title h3 {
        font-size: 23px;
        margin-right: 0px;
    }

    .mobile-header-wrapper-style {
        width: 315px !important;
    }
}

@media only screen and (max-width: 575px) {
    .area-item a {
        padding: 20px 0 !important;
    }

    .cloth-item h4 a {
        font-size: 12px !important;
    }

    .brand-title {
        padding: 5px;
        margin-bottom: 10px;
    }

    .modal-title {
        font-size: 18px;
    }

    .review-area .slick-arrow {
        display: none !important;
    }
}

@media only screen and (max-width: 375px) {
    .detail-info .product-price .current-price {
        font-size: 30px;
    }

    .modal-title {
        font-size: 18px;
    }

    .hero-slider-1 .single-hero-slider .display-2 {
        font-size: 23px;
    }

    .brand-title {
        padding: 5px;
        margin-bottom: 10px;
    }

    .modal-title {
        font-size: 18px;
    }

    .hero-slider-1 .single-hero-slider .slider-content form {
        display: none !important;
    }

    .review-area .slick-arrow {
        display: none !important;
    }

    .section-title h3 {
        font-size: 23px;
    }

    .area-item a {
        padding: 20px 0 !important;
    }

    .cloth-item h4 a {
        font-size: 12px !important;
    }

    .product-tabs .section-title .nav {
        display: none;
    }

    .newsletter .newsletter-inner .newsletter-content form {
        display: none !important;
    }

    .archive-header h1 {
        font-size: 28px;
        color: #EA2229;
    }

    .shop-product-fillter .sort-by-product-area .sort-by-product-wrap {
        padding: 5px 5px;
    }

    /* .shopping-summery button.btn {
        width: 0px;
    } */

    .shop-product-fillter
        .sort-by-product-area
        .sort-by-product-wrap
        .sort-by
        span {
        width: 75px;
    }

    .product-cart-wrap .product-content-wrap {
        padding: 0 10px 10px 10px;
    }

    .detail-info h2 {
        font-size: 26px;
    }

    .product-cart-wrap .product-content-wrap h2 {
        font-size: 14px;
    }

    .section-title.style-2 h3 {
        margin-bottom: 25px;
        font-size: 24px;
    }

    .product-cart-wrap .product-card-bottom .add-cart .add {
        padding: 6px;
    }

    /*All category page*/
    .category-title {
        font-size: 17px;
    }

    .category_image {
        height: 41px;
        width: 65px;
        margin-right: 14px;
    }

    .shop-product-fillter-header .card {
        padding: 20px 20px;
    }

    .subcategory-title {
        font-size: 14px;
    }

    /*Custom Slider Campaign*/
    .common-product .slider-btn.slider-prev {
        right: 50px !important;
    }
}

/*Header Search*/
.search-area {
    position: relative;
    padding: 7px;
}

.searchProducts {
    position: absolute;
    margin: auto;
    background: #ffffff;
    z-index: 999;
    /* border-radius: 15px; */
    margin-top: 5px;
    width: 100%;
    left: 0;
    min-height: 0px;
    max-height: 80vh;
    overflow-y: auto;
}

.advance-search {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9;
}

#btnGroupAddon {
    background-color: #eceef1;
    color: #000;
    cursor: pointer;
    border: none;
    z-index: 111;
}

#btnGroupAddon:hover {
    color: #fff;
}

.advance-search .search-box {
    margin: 0 !important;
    background-color: #fff;
    align-items: center;
    position: absolute;
    width: 100%;
    justify-content: center;
}

.search-box input {
    border: 0;
    background: #fff;
    height: 45px;
    border-radius: 6px;
    padding-right: 30px;
    left: 53px;
}

.back_left {
    position: absolute;
    top: 19px;
    left: 19px;
    color: #000;
    font-size: 17px;
}

/* Mobile Bottom Nav */
.fs-10 {
    font-size: 10px;
}

.mobile_fixed_bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030;
}

.gutters-5 {
    margin-right: -5px;
    margin-left: -5px;
}

.gutters-5 > .col,
.gutters-5 > [class*="col-"] {
    padding-right: 5px;
    padding-left: 5px;
}

.mobile_bottom_nav_col {
    flex-basis: 0 !important;
    flex-grow: 1 !important;
    min-width: 0 !important;
    max-width: 100% !important;
}

/* .mobile-card-nav {
    height: 50px;
    width: 50px;
    border-width: 4px !important;
    background-color: #3bb77e;
    border-radius: 50% !important;
} */

.rounded-circle {
    border-radius: 50% !important;
}

.mobile_bottom_nav_account {
    width: 20px;
    height: 20px;
    border-radius: 50% !important;
}

.front-header-search {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    left: 0;
    opacity: 0;
    transform: translateY(-100%);
    transition: all 0.3s;
}

.front-header-search.active {
    transform: translateY(0%);
    opacity: 1;
}

/*Mobile-bottom-menu*/
.header-bottom-1 {
    padding-top: 10px;
}

.mobile-hor-swipe {
    overflow-x: auto;
    white-space: nowrap;
}

.header-bottom-1.header-bottom-bg-color.sticky-bar.stick {
    top: 55px;
}

.container-footer .footer-link-widget {
    margin-right: 0px;
}

/*CheckOut page*/
.cit-megabox {
    position: relative;
    cursor: pointer;
    overflow: hidden;
}

.cit-megabox input {
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.cit-megabox > input:checked ~ .cit-megabox-elem,
.cit-megabox > input:checked ~ .cit-megabox-elem {
    border-color: #EA2229;
}

.cit-megabox .cit-megabox-elem {
    border: 1px solid #e2e5ec;
    transition: all 0.3s ease;
    border-radius: 0.25rem;
}

/* Home Page MiniCart Border Bottom Hide */
.cartBottom {
    border-bottom: 2px solid #eee;
}

.cartBottom::last-child {
    border-bottom: 0;
}

/*Custom Slider Campaign*/
.common-product .carausel-5-columns-cover .carausel-5-columns-arrow {
    margin-top: 0px;
}

.common-product .slider-arrow {
    top: 35%;
}

.common-product .carausel-5-columns-cover .product-cart-wrap {
    margin: 0px 5px 0px 5px;
}

.common-product .deals-countdown .countdown-section {
    /* padding: 15px 5px 29px 5px; */
    background-color: #f2fce4;
    margin-left: 3px;
    margin-right: 3px;
}

.common-product .deals-countdown .countdown-section .countdown-amount {
    margin-bottom: 0;
}

/*Footer Mid*/
.footer-dark .dark-section {
    background-color: #EA2229;
}

.footer-dark .main-footer-custom p,
.footer-dark .main-footer-custom strong,
.footer-dark .main-footer-custom span,
.footer-dark .main-footer-custom h4,
.footer-dark .main-footer-custom a {
    color: #fff;
}

.footer-dark .dark-section p,
.footer-dark .dark-section strong,
.footer-dark .dark-section span,
.footer-dark .dark-section h6,
.footer-dark .dark-section a {
    color: #fff;
}

.footer-dark .main-footer-custom a:hover {
    color: #fff;
}

.footer-dark .mobile-social-icon a {
    background: #db8c00;
}

/*===== Home 2 custom css ======*/
.home2_custom_banner.banner-img img {
    min-height: 240px;
}

.home2_custom_banner .home2_banner_title {
    margin-bottom: 20px;
}

.home2_custom_banner .home2_banner_button {
    margin-bottom: 5px;
}

.header-top-ptb-1 #news-flash {
    line-height: 14px !important;
}

.header-style-1 .header-top-ptb-1 {
    background-color: #F9F9F9;
    /* background-color: #ffc220; */
    color: #212121;
}

.header-action-2 .header-action-icon-2 > a span {
    color: #2d2d2d;
}

.header-info > ul > li a {
    color: #2d2d2d;
}

.footer-dark .dark-section .footer-link-widget .contact-infor img {
    background: aliceblue;
}

/*========================== ALL NEW CUSTOME CSS ==============================*/
.header-area .sticky-bar.stick .header-middle {
    padding: 15px 0;
}

.dot-style-1 ul li button {
    width: 10px;
    height: 10px;
}

.hero-slider-1 .single-hero-slider {
    border-radius: 0px;
}

.header-style-1 .top-main-category > a.categories-button-active {
    padding: 10px 10px !important;
}

.brand-title {
    padding: 15px 10px;
    position: relative;
    z-index: 2;
    text-align: center;
}

.brand-title::after {
    position: absolute;
    content: "";
    background: #b3b4b4;
    width: 100%;
    height: 100%;
    left: 0;
    transform: skewX(160deg);
    top: 0;
    z-index: -1;
}

.category-brand {
    /* padding: 15px 0; */
    margin-bottom: 15px;
}

ul.single-category-brand {
    margin-top: 20px;
}

@media only screen and (max-width: 1400px) {
    .hero-slider-1 .single-hero-slider {
        height: 350px;
    }
}

.banner-img,
.banner-img img,
.product-cart-wrap,
.card-2,
.newsletter .newsletter-inner,
.banner-left-icon,
.product-cart-wrap.style-2 .product-content-wrap .deals-content {
    border-radius: 0px !important;
}

.vandor-section .section-title h3 {
    margin-right: 0px;
}

/* .banner-img .banner-text {
    top: 78%;
    bottom: 10%;
} */

/*========Checkout Customer Design=======================*/
.custom-checkout-design {
    border: 1px solid #ffc107;
    padding: 6px 10px 8px 10px;
    border-radius: 9px;
}
.custom-checkout-design a {
    color: #ffc107;
    text-decoration: underline;
    font-size: 15px;
}

.custom-checkout-design span {

    font-size: 15px;
}
.custom-checkout-form{
    border: 1px solid #ffc107;
    padding: 14px 6px 22px 12px;
    border-radius: 5px;
    margin: 1px;
    margin-top: 25px;
}
.custom-form-group input{
    background: #fff;
    border: 1px solid #ffc107;
    height: 45px;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding-left: 20px;
    font-size: 16px;
    width: 100%;
}
.form-control-checkout{
    border: 1px solid #ffc107;
    border-radius: 10px;
    height: 48px;
    padding-left: 18px;
    font-size: 16px;
    background: #fff;
}
.form-control-address, textarea{
    border: 1px solid #ffc107;
    border-radius: 10px;
    height: 70px;
    padding-left: 18px;
    font-size: 16px;
    background: #fff;
}

.from-control-notes, textarea{

    border: 1px solid #ffc107;
    border-radius: 10px;
    height: 48px;
    padding-left: 18px;
    font-size: 16px;
    background: #fff;
    min-height: 0px !important;

}

/*==================== Color Change =====================*/
::selection {
    background: #EA2229;
    color: #FFFFFF;
}

a {
    color: #b7b3b3;
}

.text-brand {
    color: #000 !important;
}

.bg-brand {
    background-color: #EA2229 !important;
}

.bg-9 {
    background-color: #EA2229 !important;
}

.btn,
.button {
    background-color: #EA2229;
    color: #FFFFFF;
}

.btn:hover,
.button:hover {
    background-color: #121213;
}

button.submit,
button[type="submit"] {
    background: #EA2229;
    color: #FFFFFF;
}

button.submit:hover,
button[type="submit"]:hover {
    background-color: #EA2229 !important;
    color: #FFFFFF !important;
}

.header-style-1 .main-categori-wrap > a,
.header-action-2 .header-action-icon-2 > a span.pro-count.blue {
    background: #EA2229;
}

.header-style-1 .main-categori-wrap > a:hover {
    background: #EA2229;
}

.cart-dropdown-wrap .shopping-cart-footer .shopping-cart-button a {
    background-color: #EA2229;
    border: 2px solid #EA2229;
}

.cart-dropdown-wrap .shopping-cart-footer .shopping-cart-button a.outline {
    border: 2px solid #EA2229;
    color: #FFFFFF;
    background-color: #EA2229;
}

.cart-dropdown-wrap .shopping-cart-footer .shopping-cart-button a:hover {
    background-color: #9e0208;
}

/* .header-style-1 .search-style-2 form,
.select2-dropdown .select2-search--dropdown .select2-search__field {
    border: 2px solid #EA2229;
} */

.select2-container--default
    .select2-results__option--highlighted[aria-selected] {
    background-color: rgb(212, 211, 211);
}

/* .dot-style-1 ul li.slick-active button {
    background: #EA2229;
    border-color: #EA2229;
}

.dot-style-1 ul li button:hover {
    background: #EA2229;
} */

.card-2:hover {
    border: 1px solid #EA2229;
}

.card-2:hover a {
    color: #FFFFFF;
}

.nav-tabs.links .nav-link:hover,
.nav-tabs.links .nav-link.active {
    color: #EA2229;
}

.product-row .product-cart-wrap {
    display: none;
}

.product-cart-wrap:hover {
    border: 1px solid #EA2229;
}

.product-cart-wrap .product-action-1 button:hover i,
.product-cart-wrap .product-action-1 a.action-btn:hover i {
    color: #EA2229;
}

.product-cart-wrap .product-img-action-wrap .product-action-1 {
    border: 1px solid #EA2229;
}

.product-cart-wrap .product-img-action-wrap,
.product-cart-wrap .product-content-wrap {
    padding: 0px;
}

.product-cart-wrap .product-card-bottom {
    margin-top: 0;
    justify-content: center;
}

.hot-deals-section .product-cart-wrap .product-card-bottom {
    justify-content: space-between;
}

.product-cart-wrap .product-content-wrap .product-price {
    padding-top: 0px;
}

.product-cart-wrap .product-img-action-wrap .product-img {
    border-radius: 0px;
}

.product-cart-wrap .product-badges.product-badges-position {
    left: 50%;
    transform: translateX(-50%);
}

.product-cart-wrap .product-badges span {
    border-radius: 0px 0px 10px 10px;
    padding: 5px 13px 8px 13px;
}

.product-cart-wrap .product-badges span.hot {
    background-color: #fff;
    color: #000;
    font-weight: 700;
    box-shadow: 0 5px 15px 0 rgb(37 44 97 / 15%),
        0 2px 4px 0 rgb(93 100 148 / 20%);
}

.product-cart-wrap .product-img-action-wrap .product-img a {
    height: 100%;
}

.product-cart-wrap .product-action-1 button:before,
.product-cart-wrap .product-action-1 a.action-btn:before {
    border-top-color: #EA2229;
}

.product-cart-wrap .product-action-1 button:after,
.product-cart-wrap .product-action-1 a.action-btn:after {
    background-color: #EA2229;
}

.product-cart-wrap .product-content-wrap h2 a:hover {
    color: #EA2229;
}

.product-cart-wrap .product-content-wrap .product-price span {
    color: #EA2229;
}

.product-cart-wrap .product-card-bottom .add-cart .add {
    background-color: #EA2229;
    color: #FFFFFF;
}

.product-cart-wrap .product-card-bottom .add-cart .add:hover,
.product-cart-wrap .product-badges-right span.hot {
    background-color: #ffffff;
    color: #EA2229;
    font-weight: 700;
}

.product-list-small h6 a:hover {
    color: #EA2229;
}

.product-list-small .product-price {
    color: #EA2229;
}

.product-cart-wrap .product-content-wrap .product-category a:hover {
    color: #EA2229;
}

.card-2 figure img {
    max-width: 130px;
}

.no-gutters > .col,
.no-gutters > [class*="col-"] {
    padding-right: 0px;
    padding-left: 0px;
}

.dot-style-1 ul li button {
    width: 10px;
    background-color: #fff;
    height: 10px;
}

.dot-style-1 ul li.slick-active button {
    width: 40px;
    height: 10px;
}

.newsletter .newsletter-inner {
    padding: 0px;
}

.footer-dark .dark-section {
    background-color: #EA2229;
}

/* new css */
.marketplace {
    line-height: 1;
}

li.marketplace a {
    line-height: 1;
    font-size: 20px !important;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
}

li.marketplace a span {
    display: block;
    font-size: 14px;
}

.header-navbar > ul > li {
    text-align: center;
    padding: 5px 15px;
}

.header-navbar > ul > li > span {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    font-family: "Oswald", sans-serif;
    display: block;
    padding: 10px 5px;
}

.search i {
    background: #EA2229;
    color: #fff;
    padding: 10px;
    cursor: pointer;
    border-radius: 0 5px 5px 0px;
}

.mega-menu {
    position: absolute;
    background: #fff;
    max-width: 1100px !important;
    width: 100%;
    left: 0;
    display: grid;
    z-index: 999;
    transition: all 0.5s ease-in-out;
    border: 2px solid #ddd;
    border-top: 0;
    opacity: 0;
    visibility: hidden;
    animation-name: DropDownSlide;
    animation-duration: 0.3s;
    animation-fill-mode: both;
    justify-content: space-around;
    padding: 0px 25px;
    grid-template-columns: repeat(5, auto);
}

.mega-menu li h6 {
    margin-bottom: 10px;
    color: #333;
}

.mega-menu > li {
    padding: 20px 0px !important;
    text-align: left;
}

ul.mega-menu-item.megawidth {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0px 10px;
}

@keyframes DropDownSlide {
    100% {
        margin-top: 20px;
    }

    0% {
        margin-top: 10px;
    }
}

.header-navbar ul li.marketplace:hover ul.mega-menu {
    opacity: 1;
    visibility: visible;
}

ul.mega-menu li h4 {
    text-transform: capitalize;
    margin-bottom: 10px;
}

ul.mega-menu-item li a {
    color: #837575;
    font-size: 14px !important;
}

ul.mega-menu-item li a {
    /* text-transform: capitalize; */
    font-size: 15px;
    font-weight: 500;
    color: #837575;
    padding: 5px 10px;
    display: block;
    border-radius: 2px;
}

ul.mega-menu-item li:hover > a {
    /* background-color: #EA2229; */
    /* color: #fff; */
    text-decoration: underline;
}

ul.mega-menu-item li {
    padding: 0 !important;
    /* transition: all 0.5s ease-in-out; */
}

/* li.mega-item-bg {
    background: #f7f7f7;
} */

/* ul.mega-menu li {
    padding: 5px 25px;
} */

ul.mega-menu-order {
    position: absolute;
    top: 120%;
    width: max-content;
    z-index: 999;
    transition: all 0.5s ease-in-out;
    opacity: 0;
    visibility: hidden;
    border: 2px solid #ddd;
    border-top: 0;
    border-radius: 5px;
}

.header-navbar ul li:hover ul.mega-menu-order {
    opacity: 1;
    top: 100%;
    visibility: visible;
}

ul.mega-menu-order li {
    padding: 10px 20px;
    background-color: #fff;
    color: #000;
    cursor: pointer;
    margin-top: 0;
    transition: all 0.5s ease-in-out;
    font-size: 15px;
    text-transform: uppercase;
    font-family: "Oswald", sans-serif;
    font-weight: 600;
}

ul.mega-menu-order li:hover {
    background: #000;
    color: #FFFFFF;
}

.modal-title {
    width: 100%;
    text-align: center;
    font-size: 25px;
}

.area-item {
    background: #EA2229;
    text-align: center;
    margin-top: 10px;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.17) 0px -23px 25px 0px inset,
        rgba(0, 0, 0, 0.15) 0px -36px 30px 0px inset,
        rgba(0, 0, 0, 0.1) 0px -79px 40px 0px inset,
        rgba(0, 0, 0, 0.06) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px,
        rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px,
        rgba(0, 0, 0, 0.09) 0px 32px 16px;
    margin-bottom: 10px;
}

.area-item a {
    color: #fff;
    text-transform: uppercase;
    font-size: 25px;
    padding: 20px 0;
    display: block;
    font-weight: 600;
}

.modal-body.custom-cloth-order {
    margin: 20px;
    margin-top: 0;
}

.cloth-item h5 {
    text-transform: uppercase;
    color: #fff;
}

.cloth-item {
    text-align: center;
    background: #000;
    padding: 20px;
    border-radius: 10px;
    margin-top: 25px;
    display: block;
}

.cloth-item img {
    width: 100%;
}

.search input {
    height: 20px;
    border: none;
    border-left: 1px solid #000;
    border-radius: 0;
}

.search input:focus {
    background-color: transparent;
    border: none;
    border-left: 1px solid #000;
}

li.header-search form {
    display: flex;
    border-radius: 5px;
    background: #F9F9F9;
    padding: 4px 10px;
    align-items: center;
}

li.header-search form select {
    width: max-content;
    border: none;
}

li.header-search form select option {
    text-transform: capitalize;
}

.form-select:focus {
    border-color: #F9F9F9 !important;
    box-shadow: inherit;
}

/* new customs css */

.single-checkbox {
    display: block;
    cursor: pointer;
}

.single-checkbox:hover .form-check-label {
    color: #EA2229;
}

.product-cart-wrap .product-content-wrap {
    text-align: center;
}

.single-brand img {
    position: relative;
    left: 0;
    right: 0;
    min-width: 100px;
    margin: auto;
    max-width: 100px;
    width: 100%;
    min-height: 80px;
    max-height: 80px;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

.brand-active button {
    position: absolute;
    top: 50%;
    border-radius: 50px;
    transform: translateY(-50%);
}

.brand-active .slick-next {
    right: 0;
}

section.footer-mid {
    padding-top: 30px;
}

.copyright-area {
    padding: 10px 0;
}

.product-img img {
    width: 100%;
    height: 100%;
}

.main.footer-dark {
    overflow: hidden;
}

.custome-checkbox .form-check-label span {
    vertical-align: middle;
    text-transform: capitalize;
}

.table-wishlist .main-heading {
    background: #ececec;
    border: none !important;
}

ul.single-category-brand li {
    position: relative;
    z-index: 2;
}

ul.single-category-brand li::after {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    transition: all 0.5s ease-in-out;
    opacity: 0;
    visibility: hidden;
    background: #cbcedc;
    width: 0%;
    height: 100%;
    z-index: 2;
    transform: skew(-15deg);
    z-index: -1;
}

ul.single-category-brand li:hover:after {
    opacity: 1;
    visibility: visible;
    width: 100%;
}

ul.single-category-brand li a img {
    padding: 10px 0;
    padding-bottom: 5px;
    /* object-fit: cover; */
    /* object-position: center; */
    max-width: 198px;
    min-width: 70px;
    min-height: 50px;
    max-height: 50px;
    width: 100%;
}

/* Normal desktop :1200px. */
@media (min-width: 1200px) and (max-width: 1500px) {
    .sliders-active img {
        /* height: 450px; */
        object-fit: cover;
        object-position: center center;
    }
}

/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1200px) {
    .sliders-active img {
        /* height: 400px; */
        object-fit: cover;
        object-position: center center;
    }

    .cloth-item h5 {
        font-size: 15px;
    }
}

/* small mobile :320px. */
@media (max-width: 767px) {
    #shirtDiv {
        width: 100% !important;
        height: auto !important;
    }

    /* .brand-title {
        padding: 5px;
        margin-bottom: 10px;
    } */

    #drawingArea {
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        margin: auto !important;
    }

    .modal-title {
        font-size: 18px;
    }

    .upload_area_btn {
        padding: 10px auto !important;
    }

    ul.single-category-brand li::after {
        display: none;
    }

    .cloth-item {
        padding: 10px !important;
    }

    .cloth-item h5 {
        font-size: 12px !important;
    }
}

/* Large Mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .container {
        width: 450px;
    }

    /* .brand-title {
        padding: 5px;
        margin-bottom: 10px;
    } */

    .modal-title {
        font-size: 18px;
    }

    .sliders-active img {
        /* height: 300px; */
        object-fit: cover;
        object-position: center center;
    }

    ul.single-category-brand li::after {
        display: none;
    }
}

.single-review img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid;
    object-fit: cover;
    object-position: center;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
}

.review-heading {
    position: relative;
    top: -15px;
}

.review-area {
    padding-bottom: 50px;
}

/*.review-area {*/
/*    padding: 50px 0;*/
/*}*/
/*
.section-space {
    padding-bottom: 30px;
} */

.review-active .slick-dots {
    top: 100%;
}

.single-review {
    position: relative;
    background: #fff;
    padding: 10px;
    border-radius: 5px;
    cursor: default !important;
    margin: 0 10px;
}

.review-content h4 {
    font-size: 20px;
}

.review-content h4 span {
    font-size: 12px;
}

.review-content p {
    text-align: justify;
    font-size: 14px;
    line-height: 1.5;
}

.review-rating i {
    color: #EA2229;
    font-size: 10px;
}

.review-content {
    padding-top: 60px;
}

a.mini-cart-icon {
    display: flex;
    align-items: center;
    position: relative;
}

a.mini-cart-icon span {
    background: #EA2229;
    color: #FFFFFF;
    width: 15px;
    height: 15px;
    line-height: 15px;
    border-radius: 50px;
    display: block !important;
    text-align: center;
    font-size: 12px;
    position: absolute;
    top: -10px;
    right: 0;
}

a.mini-cart-icon img {
    width: 20px;
}

.header-info ul li:hover .cart-dropdown-wrap {
    opacity: 1;
    visibility: visible;
}

.proudly-supplied .slick-arrow,
.cloth-partner .slick-arrow,
.review-area .slick-arrow,
.brand-active .slick-arrow {
    position: absolute;
    top: 50%;
    z-index: 999;
    transform: translateX(-50%);
    font-size: 30px;
    color: #EA2229;
    cursor: pointer;
}

.review-area .fa-left-long {
    left: -20px;
}

.review-area .fa-right-long {
    right: -50px;
}

.brand-active .fa-arrow-right.slick-arrow {
    right: 0;
}

.brand-active .fa-arrow-left.slick-arrow {
    left: 20px;
}

.single-top-brand img {
    position: relative;
    right: 0;
    left: 0;
    margin: auto;
}

/* .single-top-brand {
  position: relative;
  z-index: 2;
}
.single-top-brand::after {
  position: absolute;
  left: 0;
  top: 0;
  content: '';
  width: 0;
  height: 100%;
  opacity: 0;
  z-index: -1;
  background: #CBCEDC;
  visibility: hidden;
  transform: skew(-15deg);
  transition: all .5s ease-in-out;
}
.single-top-brand:hover:after {
  width: 100%;
  opacity: .5;
  visibility: visible;
} */

.brand-active .slick-dots button {
    bottom: 0;
    background: #000;
}

.brand-active .slick-dots {
    bottom: -30px;
}

.brand-active .slick-dots li {
    margin: 0 7px;
}

.brand-active .slick-dots li.slick-active button {
    width: auto;
    background-color: #EA2229;

}

/* new footer css */
.subscribe-form form input {
    border: none;
    border-bottom: 1px solid #FFFFFF;
    border-radius: 0;
    height: auto;
    padding: 10px;
}

.footer-subscribe {
    background-color: #212529;
    color: #FFFFFF;
}

.subscribe-form form {
    display: flex;
}

button.subscribe-btn {
    border-radius: 0;
    padding: 0 10px;
    color: #e5cccc;
}

.form-heading h6 {
    color: #b7b3b3;
    font-weight: normal;
    margin-left: 5px;
}

.form-heading i {
    color: #b7b3b3;
}

.subscribe-form form input:focus {
    background: none;
    color: #fff;
}

.footer-widget ul li a {
    color: #b7b3b3 ;
}



.footer-widget ul {
    margin-top: 20px;
}

.payment-cloth {
    width: auto !important;
}

.single-payment-item img {
    width: 100%;
}

.footer-widget ul li {
    margin-bottom: 8px;
    display: block;
    cursor: pointer;
}

.footer-widget ul li:hover > a {
    cursor: pointer;
    text-decoration: underline;
    color: #FFFFFF;
}

/* .footer-widget ul li a {
    transition: 0.5s ease-in-out;
} */

.form-heading {
    margin-bottom: 10px;
}

.single-payment-item h6 {
    background: #EA2229;
    display: inline-block;
    padding: 10px 15px;
    color: #FFFFFF;
    font-weight: normal;
    margin-top: 10px;
}

.mz-expand a {
    opacity: 0 !important;
}

.filtering-subcategory .single-checkbox .form-check-label {
    margin-left: 10px;
}

.color-options {
    list-style-type: none;
    display: flex;
    padding: 0;
    gap: 10px;
}

/* Individual color option */
.color-option {
    width: 18px;
    height: 18px;
    position: relative;
    border-radius: 50%;
    cursor: pointer;
}

li.color-option.selected::after {
    position: absolute;
    content: "";
    border: 1px solid #EA2229;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
}

.product__description__area td,
.descreption_custom_table td {
    border: 1px solid #253d4e !important;
    opacity: 1;
}

.product__description__area tr:first-child td,
.descreption_custom_table tr:first-child td {
    background: #EA2229;
    color: #FFFFFF;
    border-color: #EA2229 !important;
}

.copyright__name {
    margin-top: 20px;
    font-weight: 900;
}
.copyright__name a {
    color: #335dff !important;
}

.text-brand img {
    width: 25px;
}
.header-info > ul > li a {
    color: #212529;
    display: flex;
    align-items: center;
    /* background: #fff; */
    background: #f8f9fa;
    padding: 0px 10px;
    border-radius: 10px;
}

/* .banner-img .banner-text a {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
} */

.minicart_btn {
    border-radius: 0 !important;
    border: 0 !important;
}

.minicart_btn i {
    width: 20px;
    height: 16px;
    line-height: 15px;
    text-align: center;
    margin-right: 0;
    border: 0;
}

.logo.logo-width-1.footer_logo a {
    justify-content: start;
}
.share_app a:hover {
    background: transparent;
}
.product-extra-link2.special_links {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.share_button i {
    color: #EA2229;
}
.share_wrapper {
    font-size: 24px;
    position: relative;
    left: 0;
}

.coupon_times h6 {
    display: flex;
    justify-content: space-between;
}
.coupon_times h6 span i {
    color: #EA2229;
}

.coupon_apply {
    display: flex;
    /* border: 1px solid #ffc107; */
    margin-bottom: 10px;
}

.coupon_apply input {
    height: 51px;
    /* background-image: url(../imgs/theme/icons/coupon.png); */
    border-radius: 10px 0 0 10px;
    background-position: 20px center;
    background-repeat: no-repeat;
    /* padding-left: 50px; */
}

.coupon_apply button {
    min-width: 130px;
    height: 50px;
    border-radius: 0 10px 10px 0;
    background-color: #EA2229;
    padding: 0 !important;
}
span.coupon_code {
    position: absolute;
    bottom: 0;
    padding: 0px 10px;
    background: #EA2229;
    color: #FFFFFF;
    font-size: 12px;
    border-radius: 0 5px 0 0;
}
