@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Lora:ital,wght@0,400..700;1,400..700&family=Oswald:wght@200..700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body {
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    font-weight: 400;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

h1, h2, h3, h4, h5, h6, .carousel-caption {
    font-family: 'Lora', serif;
}

footer p, footer li {
    font-family: "inter", sans-serif;
    font-weight: 400;
    font-size: 14px;
}
/* Navbar */

.navbar-light {
    background-color: #4B1010 !important;
    height: auto;
}

.navbar-nav .nav-link.active {
    color: #ffffff !important;
}

.navbar-nav .nav-link {
    color: #ffffff !important;
    font-size: 1.2rem;
    margin: 10px;
}

.btn-light {
    margin-left: 10px;
    color: #ffffff;
}

.btn-wishlist {
    background-color: #9f7b69 !important;
    color: white !important;
    padding: 13px 20px 12px 20px;
    margin-left: 12px;
    border-radius: 6px;
    border: none;
}

/* Wishlist*/
.bi-heart-fill {
    color: #ffffff;
}

/* Login*/
.custom-submit-btn {
    background-color: #4B1010 !important;
    color: white !important;
    border: none; /* Optional: remove border */
}

    .custom-submit-btn:hover {
        background-color: #4B1010; /* Slightly darker on hover */
        color: #ffffff;
    }

.bg-color {
    background-color: #9F7B69;
}
/* carousel*/
.carousel-caption.top-caption {
    top: 0;
    bottom: auto;
    padding-top: 5rem;
    font-size: large;
}

.carousel-caption.mt-4 {
    margin-top: 10rem !important;
}

.carousel-caption h1 {
    font-size: 4rem;
    font-weight: bold;
}

.btn-primary {
    border-color: white !important;
    background-color: transparent !important;
    border-radius: 6px !important;
    padding: 20px !important;
}

/* mater-icon*/

.vr {
    width: 2px;
    height: 100px;
    background-color: #4B1010
}

.separator {
    background-color: #DED8D8;
}

.home-product {
    margin-top: 25px;
}

/* Best Seller heading*/
.hptitle {
    color: #4b1010c9;
    font-weight: 700;
    position: relative;
    display: inline-block;
    cursor: pointer;
    padding: 0;
    margin: 0px 17px;
    padding-bottom: 7px;
}

.underline-animate::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0; /* Align at the bottom of text */
    width: 0;
    height: 2px;
    background-color: #000; /* or your theme color */
    transition: width 0.3s ease;
}

.underline-animate.active::after {
    width: 100%;
}

.underline-animate.active {
    color: #4B1010; /* text color on hover (example: red) */
}

    .underline-animate.active::after {
        width: 100%; /* full underline */
        background-color: #4B1010; /* underline color on hover */
    }

#autoCarousel .carousel-inner img {
    height: 500px; /* Change height as needed */
    object-fit: cover; /* Crop image to fill area nicely */
}


.Services h2 {
    color: #4B1010;
    padding-top: 30px;
}




.underline-paragraph {
    font-weight: 600;
    display: inline-block;
    padding-bottom: 5px;
    border-bottom: 2px solid black;
    transition: color 0.3s ease, border-color 0.3s ease;
    cursor: pointer;
}
.underline-paragraph a{
    color:black;
    text-decoration:none;
}

    .underline-paragraph:hover {
        color: #4B1010; /* text color on hover */
        border-bottom-color: #4B1010; /* underline color on hover */
    }



.Testimonials {
    background-color: #DED8D8;
}

.Testimonials h2 {
    color: #4B1010;
}

.Testimonials h1 {
    font-weight: 900;
    font-size: 50px;
    color: #4B1010;
}

    .Testimonials p {
        padding-top: 10px;
       
    }
.testimonial-slider .testimonial p {
    padding-top: 22px;
    margin-bottom: 15px;
    text-align:justify;
}






#vertical-carousel {
    transition: transform 0.5s ease-in-out;
}

.transition {
    will-change: transform;
}




.clients {
    padding-top: 10px;
}

.caption p {
    font-size: 10px;
}

.caption h5 {
    font-weight: 700;
}


.left-border-custom {
    border-left: 4px solid #494949; /* Pink or any hex color */
}



.custom-footer {
    background-color: #4B1010; /* any custom hex/RGB color */
    padding-top: 50px;
}

    .custom-footer p {
        font-size: 14px;
    }


.input-group-sm-rectangle .form-control,
.input-group-sm-rectangle .input-group-text {
    background-color: rgba(121, 87, 87, 0.5);
    opacity: 1;
    border-color: #ffffff;
    max-width: 290px;
    width: auto;
    color: #ffffff;
}


    .input-group-sm-rectangle .form-control::placeholder {
        color: white;
        opacity: 1;
    }






.testimonial-wrapper {
    height: 100%;
}

.testimonial-carousel {
    scroll-behavior: smooth;
}

.testimonial-set {
    transition: transform 0.3s ease-in-out;
}

.testimonial {
    width: calc(100% / 3);
    box-sizing: border-box;
}



    .testimonial p {
        font-size: 12px;
        text-align: left;
        line-height: 20px;
    }

    .testimonial h6 {
        font-weight: 600;
        text-align:right;
    }

.carousel-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 2rem;
    color: #333;
    background-color: rgba(255, 255, 255, 0.8);
    padding: 0px;
    cursor: pointer;
    z-index: 10;
    display: none;
}

.left-arrow {
    left: 0;
}

.right-arrow {
    right: 0;
}

.testimonial-wrapper:hover .carousel-arrow {
    display: block;
}

.Description {
    color: #4B1010 !important;
}

.custom-cart-btn {
    background-color: #4B1010 !important;
    color: #ffffff !important;
    border: none;
    border-radius: 50px;
    font-weight: 500;
}

.social-icons-vertical a:hover img {
    transform: translateX(-8px) scale(1.1);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}


.social-icons-vertical a {
    transition: color 0.3s;
}


/* payment page style */
.step-circle {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #BCBCBC;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    margin-bottom: 10px;
}

    .step-circle.active {
        background-color: #4B1010; /* dark red */
    }

.step-label {
    font-weight: 500;
    margin-bottom: 15px;
    font-size: 14px;
}

    .step-label.step-label2 {
        font-size: 17px;
    }

.step-line {
    border-top: 2px solid #000000;
    margin-top: -93px;
}

.step {
    cursor: pointer;
}

    .step.active .step-circle {
        background-color: #5a1f1f;
    }

    .step.active .step-label {
        font-weight: bold;
    }

.step-contentsection {
    padding: 130px 20px 80px !important;
}


.btn-dark {
    background-color: #4B1010 !important;
    color: white;
    padding: 10px !important;
    font-size: 20px !important;
}

.btn-book {
    background-color: #ffffff !important;
    color: #4B1010 !important;
    border-color: #4B1010 !important;
    margin-top: 15px;
}

.product-image {
    width: 80%;
    border-radius: 8px;
    height: 400px;
}

.thumbnail {
    height: 80px;
    width: 80px;
    object-fit: cover;
    border: 1px solid #ccc;
    margin: 5px;
}

.product-description {
    font-size: 14px;
    margin-bottom: 25px;
    text-align: justify;
}

    .product-description li {
        margin-bottom: 20px;
    }

.section-box {
    border: 1px solid #ccc;
    padding: 1rem;
    border-radius: 5px;
    background-color: white;
    margin-bottom: 1rem;
}

.btn-primary {
}

    .btn-primary:hover {
        background-color: #5e1717 !important;
    }

.accordion-button:not(.collapsed) {
    background-color: #fff5f5;
    color: #7a1f1f !important;
}





/* payment page Make it special style */
.special-box {
    position: relative;
    border: 1px solid #000;
    padding: 30px 20px 20px 20px;
    background-color: #fff;
    max-width: 400px;
    margin-top: 20px;
}

.section-title {
    width: 185px;
    position: absolute;
    top: -18px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #ffeaea;
    padding: 4px 10px;
    font-size: 20px;
    font-weight: bold;
    color: #6b0000;
    text-align: center;
}

.special-item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px;
}

    .special-item img {
        width: 80px;
        height: 80px;
        object-fit: cover;
        margin-right: 22px;
        border-radius: 5px;
    }

.special-text h6 {
    margin: 0;
    font-weight: 600;
    color: #6b0000;
    font-size: 16px;
}

.special-text p {
    margin: 2px 0;
    font-size: 14px;
}

.special-text a {
    text-decoration: none;
    color: #000;
    font-weight: 500;
}

    .special-text a:hover {
        text-decoration: underline;
    }


.btn-solid {
    background-color: #4B1010 !important;
    color: white !important;
}

.product-name, .prd-des-title {
    color: #4B1010;
    font-size: 30px;
    font-weight: 500;
}

.description {
    color: #4B1010;
}


/* whole cake page css */

.banner {
    position: relative;
    height: 300px;
    background-image: url('images/cake-banner.jpg'); /* replace with actual image */
    background-size: cover;
    background-position: center;
    margin-bottom: 2rem;
}

.banner-text {
    position: absolute;
    bottom: 136px;
    left: 50%;
    transform: translateX(-50%);
    color: white;
    font-size: 1.25rem;
    font-weight: 500;
    text-shadow: 1px 1px 2px #000;
}

.filter-btns {
    margin-bottom: 2rem;
    text-align: center;
}



    .filter-btns .btn {
        margin: 5px 30px;
        border: 1px solid #7a1f1f;
        color: #7a1f1f;
        background-color: white;
        padding: 10px 40px;
    }

.product-card {
    text-align: center;
    margin-bottom: 2rem;
    background-color: white;
    padding: 10px;
}

    .product-card img {
        width: 100%;
        height: auto;
        border-radius: 5px;
        margin-bottom: 10px;
    }

    .product-card h6 {
        font-size: 16px;
        font-weight: 500;
        margin-bottom: 5px;
    }

    .product-card p {
        font-size: 15px;
        font-weight: bold;
        color: #4B1010;
        margin: 0;
    }



/* ----------- Add CSS Lokendra ----------- */
.mid-header {
    background-color: #4B1010 !important;
    padding: 1.5rem 0;
    position: sticky;
    top: 0;
    z-index: 999;
}

.header-bar {
    display: flex;
    justify-content: space-between;
}

.menu-list {
    display: flex;
}

    .menu-list li {
        margin-right: 56px;
    }

.headmenu li a {
    color: #fff;
    font-size: 1.1rem;
    text-decoration: none;
}

.rightmenu {
    display: flex;
    align-items: center;
}

.dropmenu > a:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}

.submenu {
    background: #fff;
    position: absolute;
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: 1;
    width: 190px;
    display: none;
}

    .submenu li {
        margin: 0;
    }

        .submenu li a {
            color: #373636;
            font-size: 15px;
            padding: 8px 15px;
        }

.toggler-btn {
    display: none;
}

.menu-list {
    margin: 10px 0 0 0;
}

.megamenu {
    position: absolute;
    width: 100%;
    left: 0;
    z-index: 99;
    padding: 15px;
    display: none;
}

    .megamenu > ul {
        background: #fff;
        margin: 0;
        display: flex;
        flex-wrap: wrap;
    }

        .megamenu > ul > li {
            margin: 0;
            flex: 0 0 auto;
            width: 25%;
            padding: 12px;
        }

        .megamenu > ul li a {
            color: #252525;
            display: flex;
            font-size: 16px;
            align-items: center;
        }

            .megamenu > ul li a:hover {
                color: #4b1010;
            }

            .megamenu > ul li a img {
                width: 50px;
                margin-right: 15px;
            }

.slick-slider .slick-dots {
    position: initial;
}

    .slick-slider .slick-dots li button {
        background: #918f8f;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        transition: all 0.4s;
    }

    .slick-slider .slick-dots li {
        width: auto;
        margin: 0 5px;
    }

        .slick-slider .slick-dots li.slick-active button {
            background: #9f7b69;
        }

        .slick-slider .slick-dots li button::before {
            display: none;
        }

.testimonial-slider .testimonial {
    min-height: 280px;
    margin: 0px 6px;
}

.slick-slider .slick-prev:before, .slick-slider .slick-next:before {
    opacity: 1;
    color: #000;
}

.copyright {
    color: #cfcfcf;
}

.prdbox img {
    width: 100%;
}

.prd-slider {
    margin-left: -10px;
    margin-right: -10px;
}

.spr-box {
    position: relative;
}

    .spr-box:after {
        content: "";
        position: absolute;
        right: 2px;
        top: 0;
        width: 2px;
        height: 100%;
        background: #4b1010;
    }

    .spr-box:last-child:after {
        display: none;
    }

.hamburger-box {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 24px;
    z-index: 9;
    right: -23px;
}

.hamburger .hamburger-inner {
    transition-timing-function: cubic-bezier(.55,.055,.675,.19);
    transition-duration: .22s;
}

.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
    position: absolute;
    width: 14px;
    height: 3px;
    transition-timing-function: ease;
    transition-duration: .15s;
    transition-property: transform;
    border-radius: 4px;
    background-color: #ffffff;
}

    .hamburger-inner:after, .hamburger-inner:before {
        width: 25px;
        left: -10px;
    }

.hamburger.open .hamburger-inner {
    width: 30px;
}

    .hamburger.open .hamburger-inner:after, .hamburger.open .hamburger-inner:before {
        left: 0px;
        width: 30px;
    }

.hamburger-inner {
    top: 50%;
    display: block;
    margin-top: -2px;
}

.hamburger .hamburger-inner:before {
    transition: top .1s ease-in .25s,opacity .1s ease-in;
}

.hamburger-inner:before {
    top: -8px;
}

.hamburger-inner:after, .hamburger-inner:before {
    display: block;
    content: "";
}

.hamburger .hamburger-inner:after {
    transition: bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19);
}

.hamburger-inner:after {
    bottom: -8px;
}

.hamburger.open .hamburger-inner {
    transition-delay: .12s;
    transition-timing-function: cubic-bezier(.215,.61,.355,1);
    transform: rotate(225deg);
}

    .hamburger.open .hamburger-inner, .hamburger.open .hamburger-inner:after, .hamburger.open .hamburger-inner:before {
        background-color: #4b1010;
    }

        .hamburger.open .hamburger-inner:before {
            top: 0;
            transition: top .1s ease-out,opacity .1s ease-out .12s;
            opacity: 0;
        }

        .hamburger.open .hamburger-inner:after {
            bottom: 0;
            transition: bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;
            transform: rotate(-90deg);
        }

.hamburger.open .hamburger-box {
    right: 0;
}

.pproduct-price {
    font-weight: 500;
    font-size: 20px;
    color: #000;
    margin-bottom: 25px;
}

.prd-des-title {
    margin-bottom: 20px;
}

.prd-left {
    padding-right: 30px;
}

.accordion {
    max-width: 600px;
}

.accordion {
    max-width: 600px;
}

.product__carousel {
    display: block;
    max-width: 700px;
    margin: 1em auto 3em;
}

    .product__carousel a {
        display: block;
        margin-bottom: 15px;
    }

    .product__carousel .gallery-top {
        border: 1px solid #ebebeb;
        border-radius: 3px;
        margin-bottom: 5px;
    }

        .product__carousel .gallery-top .swiper-slide {
            position: relative;
            overflow: hidden;
        }

            .product__carousel .gallery-top .swiper-slide a {
                position: relative;
                display: flex;
                justify-content: center;
                align-items: center;
                width: 100%;
                height: 100%;
            }

                .product__carousel .gallery-top .swiper-slide a img {
                    width: 100%;
                    height: 100%;
                }

            .product__carousel .gallery-top .swiper-slide .easyzoom-flyout img {
                min-width: 100%;
                min-height: 100%;
            }

    .product__carousel .swiper-button-next.swiper-button-white,
    .product__carousel .swiper-button-prev.swiper-button-white {
        color: #4b1010;
    }

    .product__carousel .gallery-thumbs .swiper-slide {
        position: relative;
        transition: border .15s linear;
        border: 1px solid #ebebeb;
        border-radius: 3px;
        cursor: pointer;
        overflow: hidden;
        height: calc(100% - 2px);
    }

        .product__carousel .gallery-thumbs .swiper-slide.swiper-slide-thumb-active {
            border-color: #000;
        }

        .product__carousel .gallery-thumbs .swiper-slide img {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%,-50%);
            max-width: 100%;
        }

.swiper-slide img {
    width: 100%;
    max-width: 100%;
}

.gallery-thumbs {
    margin-top: 20px;
}

.swiper-button-next:after, .swiper-button-prev:after {
    font-size: 25px;
}

.customer-also {
    font-size: 34px;
    font-weight: 500;
    margin-bottom: 40px;
    color: #4B1010;
}

.csr-alsosec img {
    width: 100%;
}

.csr-alsosec {
    padding: 20px 0 70px;
}

.pd-title {
    font-size: 18px;
    font-weight: 500;
    margin: 10px 0;
}

.pr-price {
    font-size: 18px;
    color: #000;
    font-weight: 600;
}

.hproduct-content, .tbr-content {
    display: none;
}

    .hproduct-content.active, .tbr-content.active {
        display: block;
        animation: opacity 0.4s linear;
    }

@keyframes opacity {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.h-productBody {
    margin-top: 1rem;
}

.stepheading {
    font-family: 'Poppins', serif;
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 20px;
}

.step-section {
    margin-top: 3rem;
}

.step-quntity {
    font-family: 'Poppins', serif;
    font-size: 18px;
    font-weight: 500;
    margin: 30px 0 40px;
}

.item-box {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    border-bottom: 1px solid #e4e1e1;
    padding: 12px 0;
    position: relative;
}

.cart-img img {
    width: auto;
    height: 80px;
}

.cart-img {
    flex-basis: 70px;
}

.cart-amount {
    flex-basis: 35%;
    text-align: right;
}

.cart-title {
    padding-left: 22px;
    flex-basis: calc(65% - 70px);
}

    .cart-title a {
        font-size: 15px;
        text-decoration: none;
        color: #000;
        font-weight: 500;
    }

.quntity-group {
    border: 1px solid gray;
    padding: 10px;
    border-radius: 6px;
    max-width: 160px;
    display: flex;
}

    .quntity-group button, .quntity-group input {
        border: 0;
        outline: none;
        box-shadow: none !important;
        background: transparent;
    }

    .quntity-group button {
        width: 30px;
        height: 25px;
        line-height: 25px;
        text-align: center;
        font-weight: 500;
        color: #000;
        font-size: 20px;
    }

    .quntity-group input {
        text-align: center;
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
    }

.removecart {
    font-size: 21px;
    line-height: 19px;
    border: 0;
    background: transparent;
    outline: none !important;
    box-shadow: none !important;
    margin-bottom: 16px;
}

.cartamount {
    font-size: 17px;
    font-weight: 500;
    color: #000;
}

.chrightbox {
    float: right;
    max-width: 400px;
}

.chkcontent {
    font-size: 16px;
    margin-bottom: 7px;
    font-weight: 500;
}

.shiping-pera {
    font-size: 15px;
    color: #afafaf;
}

.promo-code {
    margin: 23px 0;
}

    .promo-code .input-group {
        margin-bottom: 7px;
    }

    .promo-code input.form-control {
        font-size: 15px;
        padding: 10px 14px;
        border: 1px solid #4b1010;
        box-shadow: none !important;
    }

    .promo-code button.btn {
        border: 1px solid #4b1010;
        width: 87px;
        font-size: 15px;
        background: #4B1010;
        color: #fff;
        transition: all 0.4s;
    }

        .promo-code button.btn:hover {
            background: #5e5c5c;
            border-color: #5e5c5c;
        }

.chkamount {
    font-size: 17px;
    font-weight: 500;
    display: block;
    text-align: right;
}

.signcheckbtn {
    width: 100%;
    background: #4b1010;
    color: #fff;
    padding: 15px;
    font-size: 18px;
    font-weight: 400;
    border-radius: 5px;
    border: 1px solid #4b1010;
    box-shadow: none !important;
    transition: all 0.4s;
}

    .signcheckbtn:hover, .signcheckbtn:focus {
        background: #5e5c5c;
        border-color: #5e5c5c;
        color: #fff;
    }

.one-text {
    font-size: 14px;
}

.stp2btns .btn.store-button {
    margin-left: 10px;
}

.stp2btns .btn.active {
    background: #4b1010;
    color: #fff;
}

.stp2btns .btn {
    border: 1px solid #4B1010;
    background: transparent;
    color: #4b1010;
    padding: 13px 30px !important;
    min-width: 230px;
    font-size: 17px;
    transition: all 0.4s;
    font-weight: 500;
}

.datetimes {
    max-width: 353px;
    margin-bottom: 25px;
}

    .datetimes input {
        margin-bottom: 10px;
    }

    .datetimes input, .datetimes select {
        padding: 10px 15px;
        font-weight: 500;
        font-size: 15px;
    }

.btn.deliverydate {
    border: 1px solid #cdcccc;
    font-weight: 500;
    padding: 10px 12px;
    box-shadow: none !important;
    margin-bottom: 30px;
}

.payment-body {
    display: none;
    padding: 15px;
    margin-bottom: 15px;
}

    .payment-body.active {
        display: block;
    }

.payment-accordian {
    border: 1px solid #c5c5c5;
    border-radius: 6px;
    margin-bottom: 15px;
}

.payment-header {
    padding: 12px 15px;
    display: flex;
    justify-content: space-between;
    transition: all 0.4s;
    background: transparent;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

    .payment-header.active {
        background: #e6efe6;
        border: 1px solid #4b1010;
    }

.input-text.form-control {
    font-size: 14px;
    padding: 14px;
    box-shadow: none !important;
    color: #000;
}

    .input-text.form-control::placeholder {
        color: #000;
    }

.paymentdetail {
    font-family: inter, sans-serif;
    max-width: 600px;
}

.tems-pera, .tems-pera a {
    color: #585555;
}

.paycheck {
    display: inline-block;
    width: 85px;
    height: 85px;
    line-height: 87px;
    background: #22cd22;
    color: #fff;
    font-size: 44px;
    text-align: center;
    border-radius: 50%;
    margin-bottom: 35px;
}

.paymentsucces h4 {
    font-size: 33px;
    font-weight: 700;
    margin-bottom: 19px;
    font-family: 'inter', sans-serif;
}

.paymentsucces {
    font-family: 'inter', sans-serif;
}

    .paymentsucces p {
        font-size: 17px;
        color: #6f6c6c;
    }

    .paymentsucces h2 {
        font-family: 'inter', sans-serif;
        font-weight: 800;
        font-size: 35px;
        margin: 30px 0;
    }

        .paymentsucces h2 i {
            vertical-align: middle;
            margin-right: 10px;
            font-size: 32px;
        }

    .paymentsucces h5 {
        font-size: 25px;
        font-weight: 600;
        margin-bottom: 12px;
        font-family: 'inter', sans-serif;
    }

    .paymentsucces .signcheckbtn {
        text-decoration: none;
        margin-top: 30px;
        display: inline-block;
        max-width: 400px;
    }

.inner-banner-section {
    position: relative;
}

    .inner-banner-section img {
        width: 100%;
    }

.banner-content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    text-align: center;
}

    .banner-content h1 {
        margin: 0 0 20px;
        color: #fff;
        font-weight: 800;
        font-size: 50px;
        text-align: center;
    }

    .banner-content ul li, .banner-content ul li a {
        color: #fff;
        text-decoration: none;
        font-size: 18px;
        line-height: 24px;
    }

    .banner-content ul li {
        display: inline-block;
        padding: 0px 10px;
        position: relative;
    }

        .banner-content ul li:after {
            content: "|";
            position: absolute;
            right: -2px;
            top: 0;
        }

        .banner-content ul li:last-child:after {
            display: none;
        }

.section {
    padding: 4rem 0;
}

.menheading {
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 17px;
    font-family: 'inter', serif;
    color: #4b1010;
}

.peratext p {
    line-height: 26px;
}

.ab-sec2, .contactsec2 {
    background: #f0e5e5;
}

.order-form-list {
    margin: 0px -7px;
    display: flex;
    flex-flow: wrap;
    font-family: 'Heebo', sans-serif;
    font-weight: 300;
    font-size: 15px;
}

    .order-form-list li {
        width: 100%;
        margin: 0;
        padding: 0px 7px;
        flex-basis: 50%;
        margin-bottom: 15px;
    }

.pos-r {
    position: relative;
}

.from-new {
    display: block;
    width: 100%;
    border: none;
    padding: 10px 4px;
    background: transparent;
    outline: none;
    color: #222;
    border-bottom: 1px solid #cccccc;
}

    .from-new ~ .focus-border {
        position: absolute;
        bottom: 0;
        left: 50%;
        width: 0;
        height: 1px;
        background-color: #4b1010;
        transition: 0.4s;
    }

.pos-r .form-label {
    position: absolute;
    top: 10px;
    left: 5px;
    transition: all 300ms ease-in-out;
    cursor: text;
    color: #6f6f6f;
}

.from-new:focus + .form-label, .from-new.active + .form-label {
    top: -13px;
    color: #4b1010;
    font-size: 13px;
}

.from-new:focus ~ .focus-border, .from-new.active ~ .focus-border {
    width: 100%;
    transition: 0.4s;
    left: 0;
}

.order-form-list li.coment-list {
    flex-basis: 100%;
}

textarea.from-new {
    min-height: 90px;
}

.order-form-list input.load-more {
    border: none;
    outline: none;
}

.sub-btn {
    font-size: 18px;
    font-weight: 400;
    font-family: 'inter', sans-serif;
    display: inline-block;
    color: #fff;
    padding: 12px 37px;
    transition: all 0.4s linear;
    background: #4b1010;
    border-radius: 5px;
    margin-top: 10px;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

    .sub-btn:hover {
        background: #9F7B69;
    }

.contact-sec1 h2 {
    margin-bottom: 40px;
    font-weight: 600;
    color: #280404;
}

.contactinfo {
    text-align: center;
    border: 1px solid #bdbaba;
    padding: 30px;
    background: #fff;
    min-height: 229px;
}

    .contactinfo i {
        font-size: 17px;
        background: #4b1010;
        color: #fff;
        width: 50px;
        height: 50px;
        line-height: 50px;
        border-radius: 50%;
    }

    .contactinfo h4 {
        font-size: 20px;
        margin: 15px 0;
        font-family: 'inter', sans-serif;
        font-weight: 600;
    }

    .contactinfo p, .contactinfo a {
        color: #181818;
        text-decoration: none;
    }

.prd-list-row {
    text-align: center;
    justify-content: center;
}

    .prd-list-row .prdbox {
        margin-bottom: 15px;
    }

.selectcat {
    padding: 15px 40px 15px 15px;
    font-size: 16px;
    font-weight: 600;
    color: #4b1010;
    border: 1px solid #4b1010;
    border-radius: 4px;
    box-shadow: none;
    outline: none;
    margin-top: 12px;
    -webkit-appearance: none;
    appearance: none;
    background: transparent url(../images/downarrow.png) no-repeat;
    background-position: calc(100% - 15px) 23px;
    background-size: 18px;
    cursor: pointer;
}

.QtyDropdown {
    padding: 12px 44px 13px 24px;
    /* font-size: 18px; */
    font-weight: 600;
    color: #4b1010;
    border: 1px solid #4b1010;
    border-radius: 7px;
    -webkit-appearance: none;
    appearance: none;
    background: transparent url(../images/downarrow.png) no-repeat;
    background-position: calc(100% - 15px) 17px;
    background-size: 14px;
    cursor: pointer;
}

.btn-add-to-cart {
    background-color: #4B1010 !important;
    color: white !important;
    padding: 12px;
    width: 50%;
    border-radius: 6px;
}

.cat-right {
    text-align: right;
}

.pagination-bar {
    list-style: none;
    display: inline-block;
    margin: 2rem 0 0;
    background: #D9D9D9;
    padding: 12px 20px;
    border-radius: 4px;
}

    .pagination-bar li {
        display: inline-block;
        padding: 0px 12px;
        font-size: 20px;
        font-weight: 600;
    }

        .pagination-bar li a {
            text-decoration: none;
            color: #676767;
        }

        .pagination-bar li.active a {
            color: #4b1010;
            text-decoration: underline;
        }

        .pagination-bar li.next a {
            color: #4b1010;
        }

.glutheading {
    font-weight: 600;
    font-size: 26px;
    font-family: 'Poppins', sans-serif;
}

.cartbtn {
    border-color: #9f7b69 !important;
    color: white !important;
    border-radius: 6px;
}

.editpop {
    cursor: pointer;
}

#editpop .modal-dialog {
    max-width: 800px;
}

.modal-title {
    font-family: 'inter', sans-serif;
    font-weight: 600;
    color: #6f6262;
}

.modal-body {
    font-family: 'inter', sans-serif;
}

.form-list {
    margin-bottom: 15px;
}
    .form-list span {
        font-size: .85rem;
        color: #666;
    }


    .form-list .form-control {
        font-size: 15px;
        padding: 10px 12px;
    }

    .form-list .sub-btn {
        font-size: 16px;
    }

.rightbaar #productAccordion {
    display: none;
}

#faqs.accordion {
    max-width: 100%;
    margin: auto;
    margin-top: 0 !important;
}

#faqs .accordion-button {
    box-shadow: none !important;
    font-size: 17px;
    font-weight: 600;
}

.cusmodal .modal-header {
    display: block;
    text-align: center;
    padding: 10px 15px;
}

    .cusmodal .modal-header .btn-close {
        position: absolute;
        top: -15px;
        right: -15px;
        width: 30px;
        height: 30px;
        background-color: #ffcaca;
        opacity: 1;
        border-radius: 50%;
    }

#loginpop .modal-body,
#signpop .modal-body {
    padding: 20px 30px;
}

.sub-btn.sub-btn02 {
    width: 100%;
}

.passwordfield {
    position: relative;
}

.passsymbol {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 1;
    cursor: pointer;
}

.form-list .form-control.password {
    padding-right: 40px;
}

.ancortag {
    cursor: pointer;
    color: #4b1010;
}
.ancortag:hover {
    cursor: pointer;
    color: #764a35 !important;
}

.radiobtn {
    display: inline-block;
    border: 2px solid #979797;
    border-radius: 100%;
    height: 16px;
    width: 16px;
    position: relative;
    vertical-align: top;
    margin-top: 3px;
    cursor: pointer;
}

.radiodelivery {
    position: absolute;
    visibility: hidden;
}

.viewdeliveryadd {
    display: inline-block;
    margin-left: 18px;
    width: calc(100% - 40px);
    cursor: pointer;
}

    .viewdeliveryadd h4 {
        font-size: 16px;
        font-weight: 600;
        color: #000;
        margin-bottom: 5px;
    }

    .viewdeliveryadd p {
        margin-bottom: 2px;
        font-size: 13px;
    }

.radiobtn:before {
    content: "";
    border-radius: 100%;
    height: 8px;
    width: 8px;
    margin: auto;
    position: absolute;
    top: 2px;
    left: 2px;
}

.radiodelivery:checked ~ .radiobtn {
    border-color: #2874f0;
}

    .radiodelivery:checked ~ .radiobtn:before {
        border: 2px hidden;
        background-color: #2874f0;
    }

.radiolist {
    border: 1px solid #e2e2e2;
    padding: 15px;
}

    .radiolist:hover {
        background: #f4f4f4;
    }

    /*My account section*/

    .radiolist:hover {
        background: #f4f4f4;
    }

.account-sec {
    background: #edecec;
}

.acr-box {
    background: #fff;
    margin-bottom: 30px;
    box-shadow: 0px 8px 8px #0000000f;
    font-family: "inter", sans-serif;
}

.profile-row {
    padding: 15px;
    display: flex;
}

.profile-content {
    margin-left: 20px;
}

    .profile-content strong {
        display: block;
        font-weight: 600;
        color: #000000;
    }

    .profile-content p {
        color: #444343;
    }

.acr-menulist li a {
    text-decoration: none;
    padding: 15px;
    display: block;
    border-bottom: 1px solid #dbd6d6;
    font-size: 17px;
    color: #312f2f;
}

.acr-menulist li.active a {
    color: #fff;
    background: #4b1010;
    border-color: #4b1010;
}

.myaccountbox {
    padding: 15px;
}

    .myaccountbox h2 {
        font-weight: 600;
        font-family: "inter", sans-serif;
        font-size: 28px;
        margin-bottom: 30px;
    }

.text-right {
    text-align: right;
}

.myaccountbox h4 {
    font-size: 21px;
    font-family: "inter", sans-serif;
    color: #3e3d3d;
}

.Profile-edit {
    font-weight: 500;
    background: url(../images/ep_edit.png) no-repeat;
    padding-left: 25px;
    border: 0;
    outline: none;
    box-shadow: none;
    background-size: 20px;
    line-height: 19px;
    color: #3a3a3a;
}

.form-list label {
    margin-bottom: 2px;
    display: block;
    color: #434343;
}

.profileradio {
    margin-right: 4px;
}

.profileradio2 {
    margin-left: 10px;
}

.order-box h5 {
    font-family: 'inter', serif;
    font-size: 17px;
    margin-bottom: 0;
}

.order-box strong {
    font-weight: 600;
    color: #000;
}

.order-box p {
    margin-bottom: 0;
}

.inn-box {
    background: #f5f5f5;
    padding: 15px;
    margin-bottom: 10px;
    border: 1px solid #dfdfdf;
}

.order-head {
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 15px;
}

.inn-box .row {
    align-items: center;
}

.inn-box h6 {
    font-family: 'inter', serif;
}

    .inn-box h6 a {
        text-decoration: none;
        color: #000;
    }

.order-price {
    margin-left: 10px;
    color: #4d4d4d;
}

.order-qty {
    margin-right: 10px;
    color: #4d4d4d;
}

.statusapproval {
    margin-top: 2px;
    position: relative;
    color: #000000;
    padding-left: 18px;
}

    .statusapproval:before {
        content: "";
        position: absolute;
        width: 11px;
        height: 11px;
        background: orange;
        border-radius: 50%;
        left: 0;
        top: 5px;
    }

.status-panding:before {
    background: orange;
}

.status-success:before {
    background: #32d432;
}

.status-cancel:before {
    background: red;
}

.status-track {
    text-align: right;
}

    .status-track a {
        text-decoration: none;
        color: #4b1010;
    }

.trackorder {
    background: #9f7b69;
    color: #fff !important;
    text-decoration: none;
    display: inline-block;
    padding: 8px 15px;
    border-radius: 4px;
    transition: all 0.4s;
}

    .trackorder:hover {
        background: #47c3cf;
        color: #fff !important;
    }

.order-head .row {
    align-items: center;
}

.addnewaddress {
    border: 1px solid #e0e0e0;
    background: #fff;
    border-radius: 2px;
    margin-bottom: 30px;
    width: 100%;
    text-align: left;
    color: #2874f0;
    font-weight: 500;
    padding: 10px 15px;
    text-transform: uppercase;
}

    .addnewaddress img {
        width: 15px;
        margin-right: 12px;
    }

.address-box {
    border: 1px solid #e0e0e0;
    background: #fff;
    border-radius: 2px;
    padding: 10px 50px 10px 15px;
    position: relative;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    border-bottom: 0;
}

    .address-box:last-child {
        border-bottom: 1px solid #e0e0e0;
    }

.manage-add {
    position: absolute;
    right: 15px;
    font-size: 18px;
    width: 50px;
    text-align: right;
}

    .manage-add .managepointer {
        cursor: pointer;
    }

.manage-over {
    display: none;
    position: absolute;
    width: 80px;
    left: -40px;
    top: 0;
    font-size: 14px;
    padding: 10px;
    border: 1px solid #e0e0e0;
    background: #fff;
    border-radius: 2px;
    text-align: left;
    z-index: 1;
}

.edit-add {
    margin-bottom: 9px;
}

.edit-add, .delete-add {
    cursor: pointer;
}

    .edit-add:hover, .delete-add:hover {
        color: #2874f0;
    }
#divPageMessage {
    position: sticky;
    top: 0;
    background: green;
    color: #fff;
    padding: 8px 20px;
    font-size: 16px;
    text-transform: capitalize;
    z-index: 9999 !important;
    text-align: center;
}

.success-message {
    background: green !important;
}

.error-message {
    background: #d81919 !important;
}

#divPageMessage i, #divPageMessage .successtext {
    display: none;
}
.menu0002 {
    margin: 0;
    padding: 0;
    list-style: none;
}
.menu0002 li {
    margin-bottom: 8px;
}
.loader.loader-remove {
    display: none;
}
.loader {
    position: fixed;
    left: 0;
    top: 0;
    background: #fff;
    z-index: 99999;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.loader img {
    width: 170px;
}
.continue-btn {
    text-align: center;
}
.menu-list li.dropmenu > i {
    display: none;
}
#carouselExampleCaptions .carousel-item img {
    height: calc(100vh - 132px);
    object-fit: cover;
    width: 100%;
}
.social-list {
    margin-top: 20px !important;
}
.special-text p a {
    background-color: #4B1010 !important;
    color: white !important;
    font-size: 13px;
    padding: 7px 13px;
    display: inline-block;
    border-radius: 4px;
    margin-top: 4px;
}
.csr-alsosec a, .prdbox a{
    color: #000 !important;
    text-decoration: none !important;
}
.csr-alsosec a, .prdbox a hover {
    color: #000;
    text-decoration: none;
}
.sticky-icon {
    z-index: 99;
    position: fixed;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    height: 152px;
}
.sticky-icon .stick-click {
    border-radius: 10px 0 0 10px;
    text-align: left;
    margin: 2px;
    text-decoration: none;
    padding: 10px;
    font-family: Oswald, sans-serif;
    transition: .8s;
    background: linear-gradient(to bottom, #4b1010, rgb(75 16 16));
    color: #fff !important;
    cursor: pointer;
    position: absolute;
  right: -118px;
   width: 160px;
}
.sticky-icon .stick-click:nth-child(1) {
    top: 0;
}
.sticky-icon .stick-click:nth-child(2) {
    top: 55px;
}
.sticky-icon .stick-click:nth-child(3) {
    top: 110px;
}
.sticky-icon .stick-click:nth-child(4) {
    top: 164px;
}
.sticky-icon .stick-click i {
    height: 30px;
    width: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
    margin-right: 20px;
    transition: .5s;
    color: #ffffff;
    font-size: 22px
}
.sticky-icon .stick-click img {
    vertical-align: text-bottom;
    margin-right: 5px;
    margin-left: 5px;
	transition: .5s;
}
.stick-click a{
	color: #fff;
    text-decoration: none;
}
.stick-click a:hover{
	color: #ff9a45;
}
.sticky-icon .stick-click.active {
    color: #fff;
    right: 0;
}
.sticky-icon .stick-click.active img {
    transform: rotate(360deg);
}
.sticky-icon .stick-click.active {
    background: linear-gradient(to bottom, #010507, #5e5e5e);
}
.cstr-left p {
    padding-right: 50px;
    text-align: justify;
}
.mobile-banner {
    display: none;
}
.add-to-cart-btn {
    margin-left: 10px;
    padding-left: 15px !important;
    padding-right: 15px !important;
}
.poplogo {
    width: auto;
    height: 115px;
    margin: 20px 0 10px;
}

/* ------ Responsive Css ------ */

@media screen and (min-width:1100px){
.sticky-icon .stick-click:hover {
    color: #fff;
    right:0;
}
.sticky-icon .stick-click:hover img {
    transform: rotate(360deg);
}
.sticky-icon .stick-click:hover {
    background: linear-gradient(to bottom, #010507, #5e5e5e);
}

}

@media screen and (min-width:1026px) {
    .dropmenu:hover .megamenu, .dropmenu:hover .submenu {
        display: block;
    }
}

@media screen and (max-width:1025px) {
    .carousel-caption h1 {
        font-size: 3rem;
    }

    .carousel-caption.mt-4 {
        margin-top: 3rem !important;
    }

    .menu-section {
        order: 2;
    }

    .toggler-btn {
        display: inline-block;
        margin-top: 10px;
        width: 40px;
        position: relative;
        z-index: 99;
    }

        .toggler-btn.open {
            margin-top: 0px;
        }

    .header-bar {
        display: flex;
        justify-content: end;
    }

    .cartmenu {
        margin-right: 40px;
    }

        .cartmenu button.btn, .sign-menu a, .wishlist-menu a {
            font-size: 15px !important;
        }

    .mid-header {
        padding: 10px 0;
    }

    .headmenu {
        position: fixed;
        top: 0;
        right: 0;
        height: 100%;
        background: #eddfcd;
        bottom: 0;
        z-index: 9;
        width: 300px;
        padding: 95px 25px 40px;
        right: -300px;
        transition: all 0.4s;
        bottom: 0;
    }

        .headmenu.open {
            right: 0px;
        }

    .dropmenu > a:after {
        display: none;
    }

    .menu-list {
        display: block;
    }

    .headmenu li a {
        color: #000;
        font-size: 15px;
    }

    .menu-list > li {
        margin-right: 0;
        color: #000;
        margin-bottom: 25px;
        position: relative;
    }

    .megamenu.active, .submenu.active {
        display: block;
    }

    .dropmenu .fa-solid {
        position: absolute;
        right: 0;
        top: 3px;
    }

    .megamenu, .submenu {
        position: initial;
        width: 100%;
        padding: 0;
        max-height: 320px;
        overflow-y: scroll;
    }

        .megamenu > ul > li {
            width: 100%;
            padding: 8px;
        }

        .megamenu > ul {
            display: block;
        }

            .megamenu > ul li a {
                font-size: 14px;
            }

                .megamenu > ul li a img {
                    width: 30px;
                    margin-right: 13px;
                }

        .submenu li a {
            padding: 8px;
        }

    .toggler-btn.open .hamburger-box {
        position: fixed;
        top: 42px;
        right: 15px;
    }

    .megamenu > ul, .megamenu, .submenu {
        background: transparent;
    }

    .menu-list {
        height: 100%;
        overflow-y: scroll;
    }
    .menu-list li.dropmenu > i {
        display: block;
    }
    #carouselExampleCaptions .carousel-item img {
        height: calc(100vh - 104px);
    }
}


@media screen and (max-width: 768px) {
    .carousel-caption.mt-4 {
        font-size: .5rem;
        padding-bottom: 5rem;
    }

    .spr-box img {
        width: 50px !important;
    }

    .spr-box p {
        font-size: 16px !important;
        margin-top: 15px !important;
    }

    .carousel-caption .btn {
        font-size: 20px !important;
        padding: 10px 25px !important;
        margin-top: 2rem !important;
    }

    .carousel-caption h1 {
        font-size: 2.5rem;
    }

    .container {
        max-width: 100% !important;
        padding-right: 15px !important;
        padding-left: 15px !important;
    }

    .testimonial p {
        font-size: 14px;
        text-align: left;
    }

    .social-list.justify-content-center {
        justify-content: initial !important;
        margin-bottom: 1rem;
    }

    .custom-footer li {
        margin-top: 1rem !important;
    }

    .custom-footer .social-list li {
        margin-top: 0rem !important;
    }

    .colmn2.mb-4 {
        margin-bottom: 0 !important;
    }

    .testimonial-slider.slick-slider .slick-dots {
        margin-top: 1rem;
    }

    .testimonial-slider.slick-slider {
    }

    .sign-menu a.btn {
        margin-left: 0 !important;
    }

    .prd-left {
        padding-right: 0;
    }

    .container.singalproduct {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .product__carousel, .accordion, .special-box {
        max-width: 100%;
    }

    .chrightbox {
        float: none;
        max-width: 100%;
        margin-top: 36px;
    }

    .step-contentsection {
        padding: 100px 20px 50px !important;
    }

    .banner-content ul li, .banner-content ul li a {
        font-size: 15px;
        line-height: 22px;
    }

    .banner-content h1 {
        font-size: 36px;
    }

    .menheading {
        font-size: 32px;
        margin-bottom: 12px;
    }

    .section {
        padding: 2.5rem 0;
    }

    .ab-sec2 .row .col-md-6:first-child {
        order: 2;
    }

    .contactinfo {
        min-height: auto;
        margin-bottom: 15px;
    }

    .rightbaar #productAccordion {
        display: block;
        margin-top: 0 !important;
        margin-bottom: 30px;
    }

    .prd-left #productAccordion {
        display: none;
    }

    .cat-right {
        text-align: center;
    }

    #faqs.accordion {
        margin-bottom: 20px;
    }
    #divPageMessage i, #divPageMessage .successtext {
        display: block;
    }

    #divPageMessage {
        position: fixed;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
        background: rgb(0 0 0 / 64%) !important;
        z-index: 9999 !important;
    }

    .message-inner {
        background: #fff;
        width: 100%;
        color: #262525;
        padding: 33px 15px 10px;
        text-align: center;
        border-radius: 6px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        position: absolute;
        max-width: 300px;
        height: 141px;
        text-transform: capitalize;
        font-weight: 500;
        font-size: 14px;
        line-height: 24px;
    }

        .message-inner i {
            width: 60px;
            height: 60px;
            background: green;
            border-radius: 50%;
            color: #fff;
            font-size: 40px;
            line-height: 60px;
            position: absolute;
            top: -30px;
            left: 50%;
            transform: translateX(-50%);
        }

    .success-message .message-inner i {
        background: green;
    }

    .error-message .message-inner i {
        background: #d81919 !important;
    }

    .successtext {
        display: block;
        font-size: 20px;
        font-weight: 600;
        color: green;
        margin: 12px 0 5px;
    }

    .success-message .successtext {
        color: green;
    }

    .error-message .successtext {
        color: #d81919;
    }

}
@media screen and (max-width:767px) {
    .cstr-left p {
        padding-right: 0;
    }
}
    @media screen and (max-width:600px) {
        #carouselExampleCaptions .carousel-item img {
            height: calc(100vh - 120px);
        }

        .carousel-control-prev, .carousel-control-next {
            display: none !important;
        }

        .carousel-caption h1 {
            font-size: 2rem;
        }

        .spr-box:after {
            display: none;
        }

        .spr-inner {
            padding: 20px;
            border: 1px solid #aaa7a7;
            background: #fff;
            margin-bottom: 15px;
        }

        .home2 .container-fluid {
            padding-top: 9px !important;
            padding-bottom: 0px !important;
        }

        .spr-box:last-child .spr-inner {
            margin-bottom: 8px;
        }

        .Testimonials h1 {
            font-size: 30px;
            line-height: 33px;
        }

        .cartmenu .btn {
            padding: 0 !important;
            border: 0;
            margin-left: 0;
        }

        .cartmenu {
            margin-right: 5px;
        }

        .wishlist-menu {
        }

            .cartmenu button.btn, .sign-menu a, .wishlist-menu a {
                font-size: 14px !important;
            }

        .product-name, .prd-des-title {
            font-size: 24px;
        }

        .pproduct-price {
            font-size: 16px;
        }

        .customer-also {
            font-size: 27px;
            margin-bottom: 20px;
        }

        .Testimonials {
            margin-top: 0 !important;
        }

            .Testimonials .container.py-5 {
                padding-bottom: 0 !important;
            }

        .testimonial-slider .testimonial {
            min-height: 244px;
            margin: 8px;
            box-shadow: 0px 4px 8px #00000082;
        }

        .stepheading {
            font-size: 20px;
            margin-bottom: 10px;
        }

        .step-quntity {
            font-size: 17px;
            margin: 22px 0 15px;
        }

        .cart-img img {
            height: 60px;
        }

        .cart-img {
            flex-basis: 60px;
        }

        .cart-title {
            padding-left: 10px;
            flex-basis: calc(100% - 60px);
        }

        .removecart {
            order: 2;
            margin-bottom: 0;
        }

        .cart-amount {
            flex-basis: 100%;
            text-align: right;
            display: flex;
            justify-content: space-between;
            margin-top: 15px;
        }

        .cartamount {
            font-size: 15px;
        }

        .chkcontent {
            font-size: 15px;
        }

        .quntity-group {
            padding: 6px;
            border-radius: 4px;
        }

        .chkamount {
            font-size: 16px;
        }

        .signcheckbtn {
            padding: 12px;
            font-size: 16px;
        }

        .stp2btns {
            display: flex;
        }

            .stp2btns .btn {
                padding: 10px !important;
                width: 50%;
                font-size: 14px;
                min-width: auto;
            }

        .input-text.form-control {
            font-size: 13px;
            padding: 12px;
        }

        .payment-body {
            padding: 10px;
            margin-bottom: 12px;
        }

        .tems-pera {
            margin-bottom: 0;
        }

        .paycheck {
            width: 62px;
            height: 62px;
            line-height: 66px;
            font-size: 30px;
            margin-bottom: 25px;
        }

        .paymentsucces h4 {
            font-size: 27px;
            margin-bottom: 15px;
        }

        .paymentsucces p {
            font-size: 14px;
        }

        .paymentsucces h2 {
            font-size: 26px;
            margin: 20px 0;
        }

            .paymentsucces h2 i {
                margin-right: 7px;
                font-size: 25px;
            }

        .paymentsucces h5 {
            font-size: 18px;
            margin-bottom: 12px;
        }

        .paymentsucces .signcheckbtn {
            margin-top: 5px;
        }

        .step-contentsection {
            padding: 30px 15px !important;
        }

        .step-section {
            display: none;
        }

        .inner-banner-section img {
            width: 100%;
            height: 170px;
            object-fit: cover;
        }

        .banner-content h1 {
            margin: 0 0 15px;
        }

        .section {
            padding: 2rem 0;
        }

        .order-form-list li {
            flex-basis: 100%;
        }

        .contactinfo {
            padding: 25px 20px;
        }

        .prd-list-row.row {
            margin-left: -7px;
            margin-right: -7px;
        }

        .prd-list-row .prdbox {
            padding-left: 7px;
            padding-right: 7px;
        }

        .prdbox p {
            margin-bottom: 10px;
        }

        .hptitle {
            margin: 0px 8px;
            padding-bottom: 7px;
            font-size: 17px;
        }

        .section-title {
            width: 160px;
            font-size: 17px;
        }

        .removecart {
            order: 2;
            margin-bottom: 0;
            position: absolute;
            top: 15px;
            font-size: 25px;
            right: 0;
        }

        .copyright hr {
            margin-top: 0;
        }

        .mid-header .container-fluid {
            position: relative;
        }

            .mid-header .container-fluid .col-sm-3 {
                width: 100%;
                border-bottom: 1px solid #484444;
                padding-bottom: 10px;
            }

            .mid-header .container-fluid .col-sm-9 {
                width: 100%;
            }

        .header-bar {
            display: block;
        }

        .toggler-btn {
            position: absolute;
            top: -5px;
            z-index: 99;
            right: 15px;
        }

        .rightmenu {
            justify-content: space-between;
        }

        .sign-menu a.btn {
            padding-left: 0;
        }

        .headerlogo img {
            width: 125px;
        }

        .mid-header {
            padding: 10px 0 5px;
        }

        .topheader {
            font-size: 12px;
        }

        .custom-footer {
            padding-top: 10px;
        }

        .sign-menu .dropdown-menu, .sign-menu .dropdown-menu input {
            font-size: 14px;
        }

        .glutheading {
            font-size: 23px;
        }

        .selectcat {
            padding: 12px 25px 12px 12px;
            font-size: 15px;
            margin-top: 0;
            background-position: calc(100% - 15px) 19px;
            background-size: 14px;
            cursor: pointer;
            width: 100%;
        }

        #faqs .accordion-button {
            font-size: 16px;
        }

        .cusmodal .modal-header {
            padding: 6px 15px;
        }

        .cusmodal .modal-title {
            font-size: 17px;
        }

        .cusmodal .modal-header .btn-close {
            position: absolute;
            top: -7px;
            right: -7px;
            width: 22px;
            height: 22px;
            background-color: #ffcaca;
            opacity: 1;
            border-radius: 50%;
            background-size: 14px;
        }

        .cusmodal.modal .modal-dialog {
            max-width: 90% !important;
            margin-left: auto;
            margin-right: auto;
            margin-top: 20px;
        }

        .form-list .form-control {
            font-size: 14px;
            padding: 8px 12px;
        }

        .sign-menu .dropdown-menu {
            min-width: 150px !important;
            padding: 10px !important;
            margin-left: 15px !important;
        }

        .sign-menu text {
            font-size: 16px;
        }

        .continue-btn {
            width: 100%;
        }
        .desk-banner {
            display: none;
        }
        .mobile-banner {
            display: block;
        }
        .QtyDropdown {
            padding: 12px 27px 13px 20px;
            background-position: calc(100% - 6px) 17px;
        }
        .add-to-cart-btn {
            margin-left: 0px;
            padding-left: 8px !important;
            padding-right: 8px !important;
        }
        .newsinput input.form-control {
            max-width: 190px;
        }
        .poplogo {
            width: auto;
            height: 80px;
            margin: 10px 0;
        }
    }

    @media (min-width: 768px) {
        .carousel-caption {
            display: block;
        }
    }