@import url(https://fonts.googleapis.com/css?family=Poppins:100,100italic,200,200italic,300,300italic,regular,italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic&subset=devanagari,latin,latin-ext);
        @import url(https://fonts.googleapis.com/css?family=42dot+Sans:300,regular,500,600,700,800&subset=korean,latin);

        :root {
            --main-font: Poppins;
            --heading-font: 42dot Sans;
            --main-color: #000000;
            --heading-color: #000000;
            --heading-font-weight: 600;
            --link-hover-color: #EF4A23;
            --link-color: #000000;
            --button-color: #FFFFFF;
            --button-hover-color: #FFFFFF;
            --button-bg-color: #000000;
            --button-bg-hover-color: #000000;
        }

        body {
            font-family: Poppins, sans-serif;
            font-size: 14px;
            font-weight: 300;
            color: #000000;
        }

        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
            font-family: 42dot Sans, sans-serif;
            font-weight: 600;
            color: #000000;
        }

        a {
            color: #000000
        }

        a:hover,
        .header-12 #btn-search-category,
        .header-5 #btn-search-category {
            color: #EF4A23
        }

        button,
        .btn,
        .btn-primary,
        .header-10 .header-search-category .btn,
        .header-14 #btn-search-category {
            color: #FFFFFF;
            background-color: #000000;
            border-color: #000000;
            background-image: none;
        }

        .header-14 .search-content {
            border: 1px solid #000000;
        }

        button:hover,
        .btn:hover,
        .btn-primary:hover,
        .btn-primary.disabled,
        .btn-primary.disabled.active,
        .btn-primary.disabled.focus,
        .btn-primary.disabled:active,
        .btn-primary.disabled:focus,
        .btn-primary.disabled:hover,
        .btn-primary[disabled],
        .btn-primary[disabled].active,
        .btn-primary[disabled].focus,
        .btn-primary[disabled]:active,
        .btn-primary[disabled]:focus,
        .btn-primary[disabled]:hover,
        fieldset[disabled] .btn-primary,
        fieldset[disabled] .btn-primary.active,
        fieldset[disabled] .btn-primary.focus,
        fieldset[disabled] .btn-primary:active,
        fieldset[disabled] .btn-primary:focus,
        fieldset[disabled] .btn-primary:hover,
        .btn-primary.active.focus,
        .btn-primary.active:focus,
        .btn-primary.active:hover,
        .btn-primary:active.focus,
        .btn-primary:active:focus,
        .btn-primary:active:hover,
        .open>.dropdown-toggle.btn-primary.focus,
        .open>.dropdown-toggle.btn-primary:focus,
        .open>.dropdown-toggle.btn-primary:hover {
            color: #FFFFFF;
            background-color: #000000;
            border-color: #000000;
        }


         #header:has(:not(.header-bottom)):not(.header-padded-top)>#top,
        #header.header-padded-top:not(.header-top-transparent) #top .box-inner,
        #header .header-top,
        .header .header-top {
            background: #FFFFFF;
        }

        #header #top .box-top>li>p,
        #header #top .box-top>li>a,
        #header #top .box-top>li:after,
        .social-top .social a,
        .social li a:before,
        #top .header-dropdown>a,
        #top .header-dropdown,
        .header-14 .header-top .info-box h4,
        .header-14 .header-top .info-box h4,
        .header-5 .top-message,
        .header-5 .header-dropdown a,
        .header-5 .header .social-icon,
        #top .header-left>span {
            color: #000000;
        }

        #header #top .box-top>li:after {
            background: #000000;
        }

        #header #top .btn-group>.btn-link,
        #header #top #top-links .dropdown-toggle,
        .header-14 header .social-icon,
        .header-10 .header-top .info-box h4,
        .header-10 .header-dropdown,
        .header-10 header .social-icon,
        .header-6 header a,
        .header-6 .dropdown-expanded ul a,
        .header-6 .header-icon,
        .header-6 .header-icon i {
            color: #000000;
        }


        #header header:not(.header-absolute) .header-middle,
        #header.header-padded-top header .box-inner,
        .header-14 .header-middle,
        .header-12 .header-middle,
        .header-9 .header-middle,
        #header .header-middle,
        .header .header-middle,
        .header-15 .header {
            background: #081621;
        }

        #header .main-header-wrapper {
            background: #081621;
            padding-top: 0px;
        }

        .header-middle #top-links .dropdown-menu a,
        .header-middle .header-dropdown .dropdown-menu li>a:after,
        .header-14 .header-user h6 a,
        .header-14 .header-right .header-user a,
        .header-14 .header-user h6 span,
        .header-14 .cart-subtotal .cart-price,
        .header-14 .cart-subtotal,
        .header-12 .q-actions .ac *,
        .header-12 .q-actions .ac p,
        .header-12 .q-actions .ac p a,
        .header-9 header a,
        .header-9 #wishlist-total,
        .header-9 .compare-header,
        .header-9 #cart>.btn:before,
        .header-5 .header-contact h6,
        .header-5 .header-contact a,
        .header-5 .header-icon,
        .header-5 #wishlist-total,
        .header-5 .compare-header,
        .header-5 #cart>.btn:before,
        .header-5 #cart .dropdown-toggle:after,
        .header-10 .header a,
        #header .header-middle #cart>.btn:before,
        #header .header-middle .icon-user-2::before,
        #header .header-middle #cart>.btn:before,
        #header .header-middle .icon-magnifier::before,
        .header-15 #wishlist-total:before,
        .header-15 #cart>.btn:before,
        .header-15 #search-by-category .search-container #text-search,
        .header-15 #accountDropdown,
        .header-15 #btn-search-category {
            color: #FFFFFF !important;
        }

        .header-15 #search-by-category {
            border: 1px solid #FFFFFF;
        }


        #header.header-absolute header:not(.scroll-fixed) .header-middle {
            background: unset !important;
        }

        #header .header-absolute.scroll-fixed .header-middle,
        #header.header-absolute .scroll-fixed .header-middle {
            background: #081621;
        }

        #header .header-middle div:not(.box-setting)>.header-phone span,
        #header .header-middle div:not(.box-setting)>.header-phone p,
        #header #wishlist-total,
        #header #wishlist-total:before,
        #header .header-middle .compare-header,
        #header .header-middle #cart>.btn,
        .mobile-menu .pt-menu-bar i,
        #header .box-setting>button,
        #header .header-middle .links-login .dropdown>a,
        .mobile-menu-toggler,
        .mobile-menu-toggler:hover {
            color: #FFFFFF;
        }

        #header .header-middle #top-links .dropdown-toggle,
        #header .header-middle .btn-group>.btn-link,
        .header-13 .icon-btn a {
            color: #FFFFFF;
        }

        #header .header-middle .box-links>li:after {
            background: #FFFFFF;
        }

        #header .header-middle .search-button:before {
            color: #FFFFFF;
        }

        #header .header-bottom,
        .header-12 .navbar {
            background: #FFFFFF;
            color: #111111;
        }

        #header .header-bottom .container-inner {
            border: none;
        }

        #header .header-bottom div:not(.box-setting)>.header-phone span,
        #header .header-bottom div:not(.box-setting)>.header-phone p,
        #header .header-bottom #top #top-links .dropdown-toggle,
        #header .header-bottom #top .btn-group>.btn-link,
        #header .sticky-wrapper .is-sticky #wishlist-total:before,
        #header .sticky-wrapper .is-sticky #cart>.btn:before,
        #header .sticky-wrapper .is-sticky .icon-user-2::before,
        #header .sticky-wrapper .is-sticky .icon-magnifier::before {
            color: #111111;
        }

        #header .header-bottom #top .box-top>li:after {
            background: #111111;
        }

        #header .header-bottom .header-tags ul a,
        #header .header-bottom .header-tags {
            color: #111111;
        }

        footer,
        footer .footer-links {
            background: #000000;
        }

        .footer-links,
        .footer-links .title,
        .footer-links ul.list-unstyled a,
        .footer-links .footer-content,
        .newsletter-block .newsletter-title p,
        .newsletter-block .newsletter-heading p,
        footer .social a,
        footer .footer-phone p,
        footer .footer-phone label,
        .footer-links div:not(.footer-split-middle) .footer-content>p {
            color: #FFFFFF;
        }

        footer .footer-contact-us:before,
        footer .footer-split-middle .col-before:before {
            background: #000000;
        }

        footer .footer-split-middle .footer-contact-us,
        .footer-split-middle .social a,
        .footer-split-middle .footer-phone p,
        .footer-split-middle .footer-phone label {
            color: #FFFFFF;
        }

        footer .footer-middle {
            background: #000000;
            color: #FFFFFF;
        }

        footer .footer-custom-links li a,
        footer .footer-custom-links li:after {
            color: #FFFFFF;
        }

        footer .footer-custom-links li:after {
            background: #FFFFFF;
        }


        .footer-copyright:not(.footer-split-bottom) {
            background: #000000;
            color: #FFFFFF;
        }

        .footer-copyright .text-powered,
        .footer-copyright .text-powered a,
        .footer-copyright .social a {
            color: #FFFFFF;
        }
 @media only screen and (max-width: 575px) {
            .st-cart-wrapper {
                display: none;
            }
        }
.swiper-lazy:not(.swiper-lazy-loaded) {
            visibility: hidden;
        }

         .breadcrumbs {
            background: url(https://storola-client-space.sgp1.cdn.digitaloceanspaces.com/resources/commons/startechmart/catalog/ptblock/breadcam.png) center no-repeat !important;
        }
/* listing add to cart & order now button config css */
        .product-thumb .product-item .caption .product-button-cart-group {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            /* display: flex !important;
            align-items: center;
            gap: 8px;  */
        }

        .product-thumb .product-item .caption .button-cart {
            order: 1;
            font-size: 1.4rem;
            ;
            font-weight: 400;
            line-height: 38px;
            padding: 0 10px;
            border: 1px solid #FFFFFF;
            border-color: #FFFFFF;
            display: inline-block;
            vertical-align: top;
            background: #000000;
            color: #FFFFFF;
            border-radius: 5px;
            -webkit-border-radius: 5px;
            text-transform: uppercase !important;
            width: ;
            margin-top: 5px;
            margin-bottom: 1px;
            margin-right: 2px;
            transition: all 0.2s ease;
        }

        .product-thumb .product-item .caption .button-cart span {
            text-transform: uppercase;
            font-size: 1.4rem;
            ;
            font-weight: 400;
            color: #FFFFFF;
        }

        .product-thumb .product-item .caption .button-cart:hover {
            background: #016938;
            color: #FFFFFF;
        }

        .product-thumb .product-item .caption .button-cart:hover span {
            color: #FFFFFF;
        }

        .product-thumb .product-item .caption .button-plugin-cart {
            order: 2;
            border: 1px solid #FFFFFF !important;
            background: #016938 !important;
            color: #FFFFFF !important;
        }

        .product-thumb .product-item .caption .button-plugin-cart span {
            color: #FFFFFF !important;
        }

        .product-thumb .product-item .caption .button-plugin-cart:hover {
            background: #000000 !important;
            color: #FFFFFF !important;
        }

        .product-thumb .product-item .caption .button-plugin-cart:hover span {
            color: #FFFFFF !important;
        }

        .product-thumb .product-item .caption .button-cart:before {
            display: none;
        }

        .product-thumb .product-item .caption .button-cart span {
            display: block;
        }

        .product-thumb .product-item .caption {
            text-align: center;
            padding: 15px 5px 20px 5px;
        }

        .products-container:not(.list-module) .swiper-viewport .swiper-slide {
            padding: 0 .75rem;
        }

        .product-thumb .product-item .caption .rating {
            display: flex;
            justify-content: center;
        }

        @media only screen and (max-width: 575px) {
            .product-thumb .product-item .caption .button-cart {
                font-size: 1rem;
                padding: 0 6px;
                !important;
            }

            .product-thumb .product-item .caption .button-cart span {
                font-size: 1rem;
            }

            .row>.product-items {
                padding: 0 2px !important;
            }

            .related-slides .product-items,
            .like-product-slides .product-items {
                padding: 0 1.5rem !important;
            }

            .products-container .swiper-viewport .swiper-slide {
                padding: 0 .5rem;
            }
        }

        .product-thumb .product-default .product-details .button-cart {
            font-size: 1.4rem;
            ;
            font-weight: 400;
            background: #000000;
            color: #FFFFFF;
            border-radius: 0px;
            -webkit-border-radius: 0px;
            text-transform: uppercase !important;
            transition: all 0.2s ease;
        }

        .product-thumb .product-default.slider_type_2 .product-details .button-cart {
            border: 1px solid #FFFFFF;
            border-color: #FFFFFF;
            order: 1;
            line-height: 38px;
            padding: 0 10px;
            display: inline-block;
            vertical-align: top;
            width: ;
            margin-top: 5px;
            margin-bottom: 1px;
            margin-right: 2px;
        }


        .product-thumb .product-default .product-details .button-cart span {
            text-transform: uppercase;
            font-size: 1.4rem;
            ;
            font-weight: 400;
            color: #FFFFFF;
        }

        .product-thumb .product-default .product-details .button-cart:hover {
            background: #016938;
            color: #FFFFFF;
        }

        .product-thumb .product-default .product-details .button-cart:hover span {
            color: #FFFFFF;
        }

        .product-thumb .product-default .product-details .btn-order-now {
            order: 2;
            background: #016938 !important;
            color: #FFFFFF !important;
        }

        .product-thumb .product-default.slider_type_2 .product-details .btn-order-now {
            border: 1px solid #FFFFFF !important;
        }

        .product-thumb .product-default .product-details .btn-order-now span {
            color: #FFFFFF !important;
        }

        .product-thumb .product-default .product-details .btn-order-now:hover {
            background: #000000 !important;
            color: #FFFFFF !important;
        }

        .product-thumb .product-default .product-details .btn-order-now:hover span {
            color: #FFFFFF !important;
        }

        @media only screen and (max-width: 575px) {
            .product-thumb .product-default.slider_type_2 .product-details .button-cart {
                font-size: 1rem;
                padding: 0 6px;
                !important;
            }

            .product-thumb .product-default.slider_type_2 .product-details .button-cart span {
                font-size: 1rem;
            }
        }


        /* out of stock status as a badge in product body start */
        .stock-out-status-button {
            pointer-events: none;
        }

        .product-details-stock-out-status-button {
            pointer-events: none;
            background: #8b8b8b !important;
            border: none !important;
            color: #fff !important;
        }

        .product-thumb .product-item .caption .stock-out-status-button .button-cart {
            background: #8b8b8b !important;
            border: none !important;
            color: #fff !important;
        }

        .product-thumb .product-item .caption .stock-out-status-button .button-cart span {
            color: #fff !important;
        }

        /* out of stock status as a badge in product body end */

        /* Checkout Confirm Order Button */
        #confirm_order {
            background: #5ebd5e !important;
            border: 1px solid #5ebd5e !important;
            color: #F9F9F9 !important;
            border-bottom: 3px solid #5ebd5e !important;
            border-radius: 6px !important;
            height: unset !important;
            padding: 8px !important;
        }

        #confirm_order:hover {
            background: !important;
            border: !important;
            color: !important;
            border-bottom: !important;
        }

        /* Checkout Confirm Order Button */
 .m-home {
  margin-top: 3rem !important;
}
.c-card {
    display: flex;
    padding: 15px 20px;
    align-items: center;
}
.ws-box {
    background: #fff;
    border-radius: 5px;
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
    border: 1px solid #f2f0f0;
   margin-bottom: 5px;
}

.r-lnk-wrap .c-card .ic {
    background: #ef4a23;
}
.c-card .ic .material-icons {
    line-height: 50px;
    color: #fff;
}
.c-card .ic {
    background: #2B398F;
    height: 50px;
    width: 50px;
    border-radius: 50px;
    text-align: center;
    line-height: 50px;
    margin-right: 20px;
}

.c-card .blurb {
    color: #000;
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
}
.r-lnk-wrap .c-card p {
    color: #444;
    margin: 0;
    font-size: 15px;
    font-weight: 400;
    line-height: 32px;
}
 @media screen and (max-width: 767px){
  .m-home {
      margin-top: 1rem !important;
   }

 }


 .m-home {
    margin-top: 50px;
}

    .store-finder {
    background: linear-gradient(125deg, #0bc1e9, #3749bb, #00237e);
    animation: gradient 15s
     ease infinite;
    color: #fff;
}
@keyframes gradient {
    0% {
    background-position: 0 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0 50%;
    }
}
.d-fc {
    display: flex;
    align-items: center;
    gap: 10px;
}
.material-icons.lg {
    height: 48px;
    width: 48px;
    font-size: 48px;
}
.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: 'liga';
}
.store-finder .txt h3 {
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 5px;
}
.store-finder .txt p {
    font-size: 18px;
    line-height: 24px;
    color: #fff;
}
.store-finder .btn.find {
    background: #EF9919;
    padding: 17px 50px;
    border-radius: 50px;
    font-size: 15px;
    line-height: 20px;
    height: auto;
    border: none;
    width: fit-content;
    margin-left: auto;
    color: black;
}
.ws-box {
    /* background: #fff; */
    border-radius: 5px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.p-30 {
    padding: 30px;
}
@media screen and (max-width: 767px){
    .store-finder .txt h3 {
        font-size: 18px;
        line-height: 28px;
    }
    .store-finder .txt p {
        font-size: 16px;
        line-height: 22px;
    }
    .store-finder .btn.find {
        padding: 12px 30px;
        font-size: 13px;
    }
    .store-finder .btn.find {
        margin: 0 auto !important;
    }
}

.main-search {
    margin: 9px 0 8px;
    position: relative;
    padding-left: 11px;
}

.search_result {
    position: relative;
}

.search_product {
    position: absolute;
    width: 100%;
    background: #fff;
    z-index: 99;
    border: 1px solid #ddd;
    top: 0;
    max-height: 600px;
    overflow-y: scroll;
}

.search_product img {
    width: 50px;
    height: 50px;
    margin-top: 6px;
    border-radius: 50px;
}

.search_product li {
    width: 100%;
    display: grid;
    grid-template-columns: 65px auto;
    grid-gap: 15px;
    padding: 5px 15px;
    border-bottom: 1px solid #ddd;
    transition: 0.35s all;
}

.search_product ul li:hover {
    background: #f1f1f1;
}



/*==== CATEGORY SECTION CSS START ====  */
.slider-section .offset-sm-3 {
    padding-left: 0;
}



.home-slider-container {
    padding: 0;
    padding-left: 0px;
}

.homeproduct {
    padding-bottom: 0px;
    padding-top: 0px;
    background: #fff;
    margin-bottom: 10px;
    padding: 10px 0;
}

.category-section.section-padding {
    margin-bottom: 20px;
}

.section-title {
    padding: 20px 0;
}

.section-title h2 {
    font-size: 16px;
    font-weight: 600;
}

.front-category ul li a {
    color: #555;
    padding: 5px 8px;
    display: inline-block;
    border: 1px solid #ee4f84;
    border-radius: 5px;
    font-size: 13px;
    font-weight: 600;
    transition: 0.35s all;
    margin-right: 5px;
}

.front-category ul li a:hover {
    background: #ee4f84;
    color: #fff;
    border-color: #ee4f84;
}

.feature-btn {
    text-align: center;
    margin-top: 25px;
}

.feature-btn a {
    border: 1px solid #ddd;
    padding: 8px 25px;
    transition: 0.35s all;
    border-radius: 5px;
}

.feature-btn a:hover {
    background: #ee4f84;
    color: #fff;
}

.sidebar_item {
    margin-bottom: 20px;
}

.sidebar_item h2.accordion-header button.accordion-button {
    background-color: #d95892;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    border-radius: 0;
    padding: 10px 20px;
}

.sidebar_item .accordion-header .accordion-button::after {
    content: '\f078';
    font-family: 'FontAwesome';
    background: none;
    font-size: 17px;
}

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

.accordion-item:last-of-type .accordion-collapse {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.accordion-item .accordion-collapse {
    border-radius: 0;
}

.accordion-item {
    border-radius: 0;
}

/*==== CATEGORY SECTION CSS END ====  */

.main_product_inner {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-gap: 23px;
    overflow: hidden;
}


.qty-cart .quantity {
    position: relative;
    border: 1px solid #222;
    height: 40px;
    overflow: hidden;
    width: 130px;
    margin-top: 10px;
}

.qty-cart {
    width: auto;
    display: flex;
    align-items: center;
    column-gap: 20px;
    margin-bottom: 15px;
}
.quantity input {
    position: relative;
    text-align: center;
    font-size: 16px;
    height: 100%;
    width: 100%;
    pointer-events: none;
    font-weight: 500;
}

.quantity .minus {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    height: 40px;
    line-height: 40px;
    width: 40px;
    border-right: 1px solid #222;
    text-align: center;
    font-size: 40px;
    cursor: pointer;
}

.quantity .plus {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
    height: 40px;
    line-height: 40px;
    width: 40px;
    border-left: 1px solid #222;
    text-align: center;
    font-size: 26px;
    cursor: pointer;
}


.qty-cart .add-to-cart {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 15px;
    background: #087bce;
    border-radius: 0;
    color: #fff;
    height: 48px;
    width: 160px;
}





























































/* checkout cart */
/*====  CHECKOUT CSS START ====  */
.cartlist img{
    height:30px;
    width:30px;
}
.cartlist span{
    height:20px;
    width:20px;
    border-radius:50px;
}
.chheckout-section {
    padding: 35px 0;
}

.checkout-shipping .card-header {
    background: #f5f7f9;
    padding: 10px 15px;
}

.checkout-shipping h5, .cart_details h5 {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    color: #000;
}
.cartlist .text-left {
    text-align: left;
}
.checkout-shipping label {
    margin-bottom: 5px;
    font-size: 17px;
    font-family: "Hind Siliguri", sans-serif;
    font-weight: 600;
}

.checkout-shipping h6 {
    font-weight: 600;
    color: #000000;
}
.checkout-shipping select {
    font-size: 14px;
}

.checkout-shipping input,
.checkout-shipping input:focus,
.checkout-shipping select,
.checkout-shipping select:focus {
    border: 1px solid #ddd;
    height: 40px;
}

.select2-container--default .select2-selection--single {
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
    height: 40px !important;
}

#select2-district-container {
    line-height: 40px;
}

.select2-results li {
    display: block;
}
.checkout-shipping .form-check-input {
    height: 14px !important;
}
.nagadform p,
.bkashform p,
.rocketform p {
    padding: 5px 0;
}

.bkashform,
.nagadform,
.rocketform {
    display: none;
    background: #f5f7f9;
    padding: 20px;
    margin: 15px 0;
    border-radius: 5px;
}

.order_place {
    background: #000000;
    display: block;
    width: 100%;
    border-radius: 5px;
    padding: 10px 0;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 16px;
    margin-top: 15px;
    transition: 0.35s all;
}

.order_place:hover {
    background: #000000;
}
.order_place:disabled {
    background-color: #db7276;
    cursor: no-drop;
}
/*====  CHECKOUT CSS END ====  */

/*====  CONTACT CSS START ====  */
.contact-section {
    padding: 15px 0;
    background: #fff;
    margin-bottom: 10px;
}

.contact-form input,
.contact-form input:focus,
.contact-form textarea,
.contact-form textarea:focus {
    border: 1px solid #ddd;
    border-radius: 0;
}

.contact-form label {
    margin-bottom: 5px;
    font-weight: 600;
    font-size: 15px;
}

.social-media.footer-about {
    text-align: left;
    margin-top: 20px;
}

.social-media.footer-about li a {
    text-align: center;
}

.social-media.footer-about h6 {
    font-weight: 600;
    margin-bottom: 8px;
    font-size: 15px;
}

/*====  CONTACT CSS END ====  */

/*====  ALL CATEGORY CSS START ====  */
.filter_btn, .filter_close {
    display: none;
}
.category-thumb {
    background: #f1f1f1;
    text-align: center;
    padding: 25px 15px;
    border-radius: 5px;
}

.category-thumb img {
    width: 24px;
}

.all-category {
    display: grid;
    grid-template-columns: repeat(5, 20%);
    grid-gap: 15px;
}

.category-thumb p {
    text-align: center;
    text-transform: uppercase;
    margin-top: 10px;
}

.menu-more {
    color: #000000 !important;
    font-weight: 600;
}

.menu-more i {
    color: #000000 !important;
    font-weight: 600;
}

.payment-methods {
    display: flex;
    gap: 15px;
}

.payment_method {
    border: 2px solid #e0e0e0;
    border-radius: 10px;
    padding: 15px;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease;
}

.payment_method img {
    height: 30px;
}

.payment_method.active {
    border-color: #28a745;
    box-shadow: 0 0 5px #28a745;
}

.payment_method.active::before {
    content: '✔';
    color: #28a745;
    font-weight: bold;
    position: absolute;
    margin-top: -10px;
    margin-left: -10px;
    background: #fff;
    border-radius: 50%;
    border: 2px solid #28a745;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.payment_method label {
    display: block;
    font-weight: 500;
}
.pm-panel {
    display: none;
    background: #efefef45;
    border: 1px solid #e3e3e3;
    border-radius: 6px;
    padding: 18px;
    margin-top: 15px;
}
.payment_method label {
    margin: 0;
}

.pm-panel.show{display:block}
.pm-header{display:flex;align-items:center;gap:10px;background:#e9e9e9;border:1px solid #ddd;padding:10px;border-radius:4px}
.pm-header img{height:28px}
.pm-number{font-weight:700;letter-spacing:.5px}
.pm-copy{margin-left:auto;border:none;background:#b51a1a;color:#fff;border-radius:6px;padding:6px 10px;cursor:pointer}
.pm-title{margin:16px 0 8px 0}
.pm-steps{margin:0 0 10px 18px}
.pm-steps li {
    display: block;
}
.pm-steps--green{color:#1c8b2b}
.pm-note{color:#c21717;margin-bottom:14px}
.pm-field{margin-bottom:12px}
.pm-field label{display:block;margin-bottom:6px;font-weight:600}
.pm-field input{width:100%;padding:12px;border-radius:8px;border:1px solid #ddd;outline:none}
.pm-error{display:block;color:#c21717;margin-top:4px;font-size:.85rem}



div#variable-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 99999;
    overflow: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    visibility: hidden;
}

div#variable-modal.show {
    opacity: 1;
    visibility: visible;
}

#variable-modal .modal-view {
    position: relative;
    width: 700px;
    background: #fff;
    border-radius: 5px;
    top: auto;
    left: auto;
    transform: none;
}


.cart_btn a, .cart_btn button, .variable-modal {
    background: var(--primary-color);
    width: 100%;
    display: block;
    height: 100%;
    text-align: center;
    color: #ffffff;
    font-size: 15px;
    cursor: pointer;
    transition: all .5s ease;
    padding: 6px 0;
    /* border-radius: 5px !important; */
    font-weight: 600;
    text-transform: uppercase;
}



.quick-body {
    padding: 30px;
}
.close-variable-button {
    position: absolute;
    right: -10px;
    top: -13px;
    background: #c70c37;
    height: 35px;
    width: 35px;
    border-radius: 50px;
    color: #fff;
    font-weight: 900;
}

.close-variable-button span {
    position: relative;
    display: block;
    width: 35px;
    height: 35px;
    border-radius: 35px;
    background-color: red;
}

.close-variable-button span:last-child {
    display: none;
}

.close-variable-button span::before, .close-variable-button span::after {
    content: '';
    position: absolute;
    height: 3px;
    width: 20px;
    background-color: white;
}

.close-variable-button span::before {
    transform: rotate(45deg);
    top: 15px;
    left: 8px;
}

.close-variable-button span::after {
    transform: rotate(135deg);
    top: 15px;
    left: 8px;
}

.variable-submit {
    background-color: var(--secondary-color);
    color: #fff;
    padding: 10px 40px;
    border-radius: 5px;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
}

.variable-submit[disabled] {
    opacity: 0.6;
}


.d-flex.details-btns {
    gap: 15px;
    margin-top: 15px;
    flex-wrap: wrap;
}
.details-product .stock_out {
    width: 100%;
    margin-top: 15px;
    padding: 15px 0;
}

.d-flex.details-btns button {
    padding: 0px 40px;
    font-weight: 600;
    background: red;
    color: #fff;
    border-radius: 5px;
    height: 40px;
}


@media screen and (width: 1920px) and (height: 1080px) {
    .pro_img {
    height: 380px;
}
}