/* bootsrp 5 icons */
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css");

/* common css strats here */

ul {
    list-style-type: none;
    padding: 0px !important;
    margin: 0px !important;
}

/* ul li {list-style-type:none; padding:0px;} */

/* a.customize{text-decoration:none;}/* for removing underline for anchor*/


a {
    text-decoration: none !important;
}
/* for removing underline for anchor*/

button:focus {
    outline: 0px !important;
}

a:hover {
    text-decoration: none;
}

textarea {
    resize: none;
}

.w-100 {
    width: 100%;
}

.w-auto {
    width: auto !important;
}

.h-100 {
    height: 100%;
}

.h-50p {
    height: 50px;
}

/* for display */

.d-inline-flex {
    display: inline-flex;
}
/* for display inline */

.d-inline-block {
    display: inline-block;
}

.d-flex {
    display: flex;
}
/* for display inline */


/* for positions */

.pos-relative {
    position: relative;
}

.pos-absolute {
    position: absolute;
}

/* padding styles */

.p-0 {
    padding: 0px;
}

.p-5p {
    padding: 5px;
}

.p-10p {
    padding: 10px;
}

.p-15p {
    padding: 15px;
}

.p-20p {
    padding: 20px;
}

.p-30p {
    padding: 30px;
}

.p-40p {
    padding: 40px;
}

.pt-5p {
    padding-top: 5px;
}

.pt-10p {
    padding-top: 10px;
}

.pt-15p {
    padding-top: 15px;
}

.pt-20p {
    padding-top: 20px;
}

.pt-25p {
    padding-top: 25px;
}

.pt-30p {
    padding-top: 30px;
}

.pt-40p {
    padding-top: 40px;
}

.pt-50p {
    padding-top: 50px;
}

.ptb-5p {
    padding-top: 5px;
    padding-bottom: 5px;
}

.ptb-10p {
    padding-top: 10px;
    padding-bottom: 10px;
}

.ptb-15p {
    padding-top: 15px;
    padding-bottom: 15px;
}

.ptb-20p {
    padding-top: 20px;
    padding-bottom: 20px;
}

.ptb-25p {
    padding-top: 25px;
    padding-bottom: 25px;
}

.ptb-30p {
    padding-top: 30px;
    padding-bottom: 30px;
}

.ptb-40p {
    padding-top: 40px;
    padding-bottom: 40px;
}

.ptb-50p {
    padding-top: 50px;
    padding-bottom: 50px;
}

.ptb-60p {
    padding-top: 60px;
    padding-bottom: 60px;
}

.ptb-70p {
    padding-top: 70px;
    padding-bottom: 70px;
}

.plr-10p {
    padding-left: 10px;
    padding-right: 10px;
}

.plr-20p {
    padding-left: 20px;
    padding-right: 20px;
}

.plr-30p {
    padding-left: 30px;
    padding-right: 30px;
}

.pb-10p {
    padding-bottom: 10px;
}

.pb-15p {
    padding-bottom: 15px;
}

.pb-20p {
    padding-bottom: 20px;
}

.pb-30p {
    padding-bottom: 30px;
}

.pb-40p {
    padding-bottom: 40px;
}

.pb-60p {
    padding-bottom: 60px;
}

.pb-80p {
    padding-bottom: 80px;
}

.ptb-4060p {
    padding-top: 40px;
    padding-bottom: 60px;
}

.pr-0p {
    padding-right: 0px;
}

.pl-0p {
    padding-left: 0px;
}

.pl-10p {
    padding-left: 10px;
}

.pl-15p {
    padding-left: 15px;
}

.pl-20p {
    padding-left: 20px;
}

.pl-25p {
    padding-left: 25px;
}

.pl-40p {
    padding-left: 40px;
}

.pl-50p {
    padding-left: 50px;
}

.pr-20p {
    padding-right: 20px;
}

.pr-25p {
    padding-right: 25px;
}

.pr-30p {
    padding-right: 30px;
}

.pr-40p {
    padding-right: 40px;
}

.pr-50p {
    padding-right: 50px;
}

/* margin styles */

.mlr-auto {
    margin-left: auto;
    margin-right: auto;
}

.ml-auto {
    margin-left: auto;
}

.m-0 {
    margin: 0px;
}

.m-15p {
    margin: 15px;
}

.m-lr-auto {
    margin: 0px auto;
}

.mt-5p {
    margin-top: 5px;
}

.mt-10p {
    margin-top: 10px;
}

.mt-15p {
    margin-top: 15px;
}

.mt-20p {
    margin-top: 20px;
}

.mt-25p {
    margin-top: 25px;
}

.mt-30p {
    margin-top: 30px;
}

.mt-40p {
    margin-top: 40px;
}

.mt-50p {
    margin-top: 50px;
}

.mt-60p {
    margin-top: 60px;
}

.mt-70p {
    margin-top: 70px;
}

.mt-80p {
    margin-top: 80px;
}

.mt-90p {
    margin-top: 90px;
}

.mt-100p {
    margin-top: 100px;
}

.mt-120p {
    margin-top: 120px;
}

.mt-130p {
    margin-top: 130px;
}

.mt-220p {
    margin-top: 220px;
}

.mb-0p {
    margin-bottom: 0px;
}

.mb-5p {
    margin-bottom: 5px;
}

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

.mb-15p {
    margin-bottom: 15px;
}

.mb-20p {
    margin-bottom: 20px;
}

.mb-25p {
    margin-bottom: 25px;
}

.mb-30p {
    margin-bottom: 30px;
}

.mb-40p {
    margin-bottom: 40px;
}

.mb-60p {
    margin-bottom: 60px;
}

.mb-70p {
    margin-bottom: 70px;
}

.mb-80p {
    margin-bottom: 80px;
}

.mb-100p {
    margin-bottom: 100px;
}

.mtb-2040p {
    margin-top: 20px;
    margin-bottom: 40px;
}

.mtb-5p {
    margin-top: 5px;
    margin-bottom: 5px;
}

.mtb-10p {
    margin-top: 10px;
    margin-bottom: 10px;
}

.mtb-15p {
    margin-top: 15px;
    margin-bottom: 15px;
}

.mtb-20p {
    margin-top: 20px;
    margin-bottom: 20px;
}

.mtb-30p {
    margin-top: 30px;
    margin-bottom: 30px;
}

.mtb-40p {
    margin-top: 40px;
    margin-bottom: 40px;
}

.mtb-50p {
    margin-top: 50px;
    margin-bottom: 50px;
}

.mtb-60p {
    margin-top: 60px;
    margin-bottom: 60px;
}

.mlr-10p {
    margin-left: 10px;
    margin-right: 10px;
}

.mlr-20p {
    margin-left: 20px;
    margin-right: 20px;
}

.ml-5p {
    margin-left: 5px;
}

.ml-10p {
    margin-left: 10px;
}

.ml-15p {
    margin-left: 15px;
}

.ml-20p {
    margin-left: 20px;
}

.ml-50p {
    margin-left: 50px;
}

.mr-5p {
    margin-right: 5px;
}

.mr-10p {
    margin-right: 10px;
}

.mr-15p {
    margin-right: 15px;
}

.mr-20p {
    margin-right: 20px;
}

.mr-30p {
    margin-right: 30px;
}

.mr-40p {
    margin-right: 40px;
}

.mr-50p {
    margin-right: 50px;
}

/* for box shadow */


/* for border radius  */

.brad-0 {
    border-radius: 0;
}

.brad-50 {
    border-radius: 50px !important;
}

/* for borders  */

.br-0p {
    border: 0;
}

.border-t {
    border-top: #d2d2d2 1px dashed;
}

/* for letter spacing  */

.ls-1p {
    letter-spacing: 1px;
}

.ls-2p {
    letter-spacing: 2px;
}

.ls-4p {
    letter-spacing: 4px;
}

/* for text-patterns*/

.txt-up {
    text-transform: uppercase;
}

.txt-cap {
    text-transform: capitalize;
}

.txt-undline {
    text-decoration: underline !important;
}

/* for backgorund colors */

.bg-white {
    background-color: white;
}

.bg-black {
    background-color: #000000;
}

.bg-trans {
    background: transparent;
}

.bg-gray {
    background-color: #f7f7f7;
}

.bg-gold {
    background-color: #b77b00;
    color: #fff
}

.bg-pink {
    background-color: #e80c41;
}

.bg-lite {
    background: #fffff3;
}

/* for text-colors*/

.text-black {
    color: #000000;
}

.text-white {
    color: #ffffff;
}

.text-color {
    color: #161616;
}

.text-green {
    color: #0c9e5b;
}

.text-thickgreen {
    color: #024612;
}


/* for text-alignment*/

.align-center {
    align-items: center;
}

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

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

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

.txt-end {
    text-align: end;
}

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

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

/* for text-alignment*/

.align-items {
    align-items: center;
}

.align-flex-end {
    align-items: flex-end;
}

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

.justify-center {
    justify-content: center;
}

.justify-flex-end {
    justify-content: flex-end;
}

.wh-space {
    white-space: pre-line;
}

.obj-fit {
    object-fit: cover;
}

/* float css */

.float-left {
    float: left;
}

.float-right {
    float: right;
}

/* for font-size */

.font10 {
    font-size: 10px;
}

.font11 {
    font-size: 11px;
}

.font12 {
    font-size: 12px;
}

.font13 {
    font-size: 13px;
}

.font14 {
    font-size: 14px;
}

.font15 {
    font-size: 15px;
}

.font16 {
    font-size: 16px;
}

.font17 {
    font-size: 17px;
}

.font18 {
    font-size: 18px;
}

.font19 {
    font-size: 19px;
}

.font20 {
    font-size: 20px;
}

.font21 {
    font-size: 21px;
}

.font22 {
    font-size: 22px;
}

.font23 {
    font-size: 23px;
}

.font24 {
    font-size: 24px;
}

.font26 {
    font-size: 26px;
}

.font28 {
    font-size: 28px;
}

.font30 {
    font-size: 30px;
}

.font34 {
    font-size: 34px;
}

.font36 {
    font-size: 36px;
}

.font44 {
    font-size: 44px;
}

.font40 {
    font-size: 40px;
}

.font50 {
    font-size: 50px;
}

.font52 {
    font-size: 52px;
}

/* for line-hieght */

.lh-15p {
    line-height: 15px;
}

.lh-16p {
    line-height: 16px;
}

.lh-17p {
    line-height: 17px;
}

.lh-18p {
    line-height: 18px;
}

.lh-20p {
    line-height: 20px;
}

.lh-22p {
    line-height: 22px;
}

.lh-23p {
    line-height: 23px;
}

.lh-24p {
    line-height: 24px;
}

.lh-25p {
    line-height: 25px;
}

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

.lh-27p {
    line-height: 27px;
}

.lh-28p {
    line-height: 28px;
}

.lh-29p {
    line-height: 29px;
}

.lh-32p {
    line-height: 32px;
}

.lh-33p {
    line-height: 33px;
}

.lh-42p {
    line-height: 42px;
}

.lh-44p {
    line-height: 44px;
}

/* for font-weight */

.fw-600 {
    font-weight: 600;
}


/* poppins */

.fnt-Poppins-Light {
    font-family: 'Poppins-Light';
}

.fnt-Poppins-Regular {
    font-family: 'Poppins-Regular';
}

.fnt-Poppins-Medium {
    font-family: 'Poppins-Medium';
}

.fnt-Poppins-SemiBold {
    font-family: 'Poppins-SemiBold';
}

.fnt-Poppins-Bold {
    font-family: 'Poppins-Bold';
}

.fnt-poppins-sans-serif {
    font-family: 'poppins', sans-serif;
}

/* Montserrat */

.fnt-Montserrat-Regular {
    font-family: 'Montserrat-Regular';
}

.fnt-Montserrat-SemiBold {
    font-family: 'Montserrat-SemiBold';
}


html {
    overflow-x: hidden;
}

body {
    font-size: 15px;
    line-height: 26px;
    color: #161616;
    /*font-family: 'Poppins-Light';*/
    font-family: 'poppins', sans-serif;
    /* overflow-x: hidden; */
}

.container {
    max-width: 1370px !important;
    padding-left: 0;
    padding-right: 0;
}

.container2 {
    max-width: 1100px !important;
}

/*----- navbar toggler  css -----*/

.navbar-toggler.x {
    border: none;
}

    .navbar-toggler.x:focus {
        outline: none;
    }

    .navbar-toggler.x[aria-expanded="true"] .icon-bar:nth-of-type(1) {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transform-origin: 10% 10%;
        -ms-transform-origin: 10% 10%;
        transform-origin: 10% 10%;
    }

    .navbar-toggler.x[aria-expanded="true"] .icon-bar:nth-of-type(2) {
        opacity: 0;
        filter: alpha(opacity=0);
    }

    .navbar-toggler.x[aria-expanded="true"] .icon-bar:nth-of-type(3) {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: 10% 90%;
        -ms-transform-origin: 10% 90%;
        transform-origin: 10% 90%;
    }

    .navbar-toggler.x .icon-bar {
        width: 22px;
        display: block;
        height: 2px;
        background-color: #000;
        -webkit-transition: all 0.2s;
        transition: all 0.2s;
    }

        .navbar-toggler.x .icon-bar + .icon-bar {
            margin-top: 4px;
        }

        .navbar-toggler.x .icon-bar:nth-of-type(1) {
            -webkit-transform: rotate(0);
            -ms-transform: rotate(0);
            transform: rotate(0);
        }

        .navbar-toggler.x .icon-bar:nth-of-type(2) {
            opacity: 1;
            filter: alpha(opacity=100);
        }

        .navbar-toggler.x .icon-bar:nth-of-type(3) {
            -webkit-transform: rotate(0);
            -ms-transform: rotate(0);
            transform: rotate(0);
        }

.mobile-menu-ham {
    /* display: none; */
    display: none;
    /* transform: translateY(-5px); */
}

    .mobile-menu-ham .mobile-nav-show1 {
        padding: 18px;
        position: relative;
        text-align: center;
        width: 0px;
        height: 0px;
        color: #fff;
        border: 2px solid #1e7e34;
        /* background: #fd9200; */
        border-radius: 50%;
        display: inline-block;
        margin: 0px 3px -6px 0px;
        cursor: pointer;
        transition: 0.5s;
        -moz-transition: 0.5s;
        -webkit-transition: 0.5s;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: #1e7e34;
        font-size: 19px;
    }
/*--------------------------------------------------------------
    # Desktop Navigation
    --------------------------------------------------------------*/
@media (min-width: 1024px) {

    /* .navbar ul li.menu-item-has-children>a{display: inline-block !important;width: auto;}
    .navbar ul li.menu-item-has-children>span{display: inline-block;width: 10px;} */
    .navbar {
        padding: 0;
        width: 100%;
    }

        .navbar ul {
            margin: 0;
            padding: 0;
            display: flex;
            list-style: none;
            align-items: center;
            justify-content: center;
            /* width: 100%; */
        }

        .navbar > ul {
            width: 100%;
        }

        .navbar li {
            position: relative;
        }

        .navbar > ul > li {
            white-space: nowrap;
            /* padding: 8px 0 8px 30px; */
        }

        .navbar a, .navbar a:focus {
            display: flex;
            align-items: center;
            justify-content: space-between;
            text-transform: uppercase;
            white-space: nowrap;
            transition: 0.3s;
            position: relative;
            font-size: 16px;
            letter-spacing: 0.5px;
            text-transform: uppercase;
            color: #892727;
            transition: color 0.3s, background 0.3s;
            font-family: 'Poppins-medium';
            padding: 10px 15px;
        }


            .navbar a i,
            .navbar a:focus i {
                font-size: 12px;
                line-height: 0;
                margin-left: 5px;
                /* width: 20px;
        height: 20px; */
                position: relative;
                z-index: 20;
            }

            .navbar a:hover,
            .navbar li.active > a,
            .navbar li:hover a, .menu-active a {
                color: #ff9d00;
                /* background:#f8cb4d; */
            }



        .navbar .menu-item-has-children ul {
            display: block;
            position: absolute;
            right: 0px;
            top: calc(100% + 30px);
            margin: 0;
            padding: 10px 0;
            z-index: 99;
            opacity: 0;
            visibility: hidden;
            background: #fff;
            box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
            transition: 0.3s;
            min-width: 180px;
        }

            .navbar .menu-item-has-children ul li {
                min-width: 180px;
            }

            .navbar .menu-item-has-children ul a {
                padding: 7px 20px;
                font-size: 14px;
                text-transform: none;
                color: #3a0406;
                background: #fff;
            }

                .navbar .menu-item-has-children ul a i {
                    font-size: 12px;
                }

                .navbar .menu-item-has-children ul a:hover,
                .navbar .menu-item-has-children ul .active:hover,
                .navbar .menu-item-has-children ul li:hover > a {
                    color: #000;
                    background: #ffc700;
                }

        .navbar .menu-item-has-children:hover > ul {
            opacity: 1;
            top: 100%;
            visibility: visible;
        }


        .navbar .menu-item-has-children .menu-item-has-children ul {
            top: 0;
            left: calc(100% - 30px);
            visibility: hidden;
        }

        .navbar .menu-item-has-children .menu-item-has-children:hover > ul {
            opacity: 1;
            top: 0;
            left: 100%;
            visibility: visible;
        }
}
/* 
    @media (min-width: 1024px) and (max-width: 1366px) {
    .navbar .menu-item-has-children .menu-item-has-children ul {
        left: -90%;
    }

    .navbar .menu-item-has-children .menu-item-has-children:hover > ul {
        left: -100%;
    }
    } */

@media (min-width: 1024px) {

    .mobile-nav-show,
    .mobile-nav-hide {
        display: none;
    }
}

/*--------------------------------------------------------------
    # Mobile Navigation
    --------------------------------------------------------------*/
@media (max-width: 1023px) {
    .mobile-menu-ham {
        /* display: none; */
        display: inline-block;
        transform: translateY(-4px);
    }

    .mobile-nav-toggle1.mobile-nav-show1.d-none {
        display: inline-flex !important;
    }
    /* .mobile-nav-hide{
            transform: translateX(-100%);
        }
        .mobile-nav-active .mobile-nav-hide{
            transform: translateX(0%);
        } */
    .navbar {
        z-index: -1 !important;
    }

    .mobile-nav-active .navbar {
        z-index: 991 !important;
    }

    .navbar > ul {
        transform: translateX(-100%);
        visibility: hidden;
        z-index: 0;
    }

    .mobile-nav-active .navbar > ul {
        transform: translateX(0%);
        visibility: visible;
        z-index: 9999;
    }
    /* .hicon-bar{
            padding-right: 45px;
        } */
    /* .navbar ul li.menu-item-has-children>a{display: inline-block !important;width: 90%;}
    .navbar ul li.menu-item-has-children>span{display: inline-block;width: 10%;color: rgba(255, 255, 255, 0.7);} */
    .navbar ul li.menu-item-has-children > a i {
        position: absolute;
        right: 20px;
        width: 10%;
        height: 42px;
        text-align: center;
        top: 0px;
    }

        .navbar ul li.menu-item-has-children > a i::before {
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            position: absolute;
        }

    .navbar ul li.menu-item-has-children > a {
        position: relative;
    }

    .navbar {
        position: fixed;
        top: 0;
        /* right: -100%; */
        width: 100%;
        max-width: 320px;
        bottom: 0;
        transition: 0.3s;
        z-index: 9997;
    }

        .navbar ul {
            position: absolute;
            inset: 0;
            padding: 40px 10px 10px 10px !important;
            margin: 0;
            background: #024612;
            overflow-y: auto;
            transition: 0.3s;
            z-index: 9998;
        }

        .navbar a,
        .navbar a:focus {
            display: flex;
            align-items: center;
            /* justify-content: space-between; */
            padding: 8px 20px;
            color: #fff;
            white-space: nowrap;
            text-transform: capitalize;
            transition: 0.3s;
            font-family: "Poppins-Light";
        }

            .navbar a i,
            .navbar a:focus i {
                font-size: 12px;
                line-height: 0;
                margin-left: 5px;
            }

            .navbar a:hover,
            .navbar .active,
            .navbar .active:focus,
            .navbar li:hover > a {
                color: #fff;
            }

        .navbar .menu-item-has-children ul,
        .navbar .menu-item-has-children .menu-item-has-children ul {
            position: static;
            display: none;
            padding: 10px 0 !important;
            margin: 10px 20px;
            transition: all 0.5s ease-in-out;
            background: #165b26;
            margin-left: 20px !important;
        }

    .dropdown-active a {
        font-size: 12px !important;
        padding: 6px 15px;
    }

    .navbar .menu-item-has-children > .dropdown-active,
    .navbar
    .menu-item-has-children
    .menu-item-has-children > .dropdown-active {
        display: block;
    }

    /* .navbar .dropdown>.dropdown-active, .navbar .dropdown .dropdown>.dropdown-active {
        display: block;
    } */
    /* .mobile-nav-show { */
    /* position: relative; */
    /* color: #000; */
    /* font-size: 28px; */
    /* cursor: pointer; */
    /* line-height: 0; */
    /* transition: 0.5s; */
    /* z-index: 9999; */
    /* padding-right: 10px; */
    /* } */
    .mobile-nav-show {
        color: #1e7e34;
        font-size: 25px;
        cursor: pointer;
        line-height: 0;
        transition: 0.5s;
        z-index: 9999;
        padding-right: 0;
        display: inline-block;
        /* position: fixed; */
        /* top: 19px;
            right: 15px; */
        background: transparent;
        border-radius: 50px 0px 0px 50px;
        /* padding: 5px; */
        border: 2px solid;
        border-radius: 50px;
        height: 39.2px;
        width: 39.2px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .mobile-nav-hide {
        color: #fff;
        font-size: 32px;
        cursor: pointer;
        line-height: 0;
        transition: 0.5s;
        position: fixed;
        left: 275px;
        top: 15px;
        z-index: 9999;
        background: #40a95942;
        border-radius: 50%;
    }

    .mobile-nav-active {
        overflow: hidden;
    }

        .mobile-nav-active .navbar {
            left: 0;
        }

            .mobile-nav-active .navbar:before {
                content: "";
                position: fixed;
                inset: 0;
                background: rgba(0, 0, 0, 0.6);
                z-index: 9996;
            }
}


/* ------------------------------------------------------------------- */
/* HOME PAGE COMMON CSS */
/* ------------------------------------------------------------------- */

.common-section {
    padding-top: 60px;
    padding-bottom: 60px;
}

.pt-gap {
    padding-top: 60px;
}

.pb-gap {
    padding-bottom: 60px;
}

.section-title {
    font-size: 30px;
    line-height: 30px;
    color: #2c0000;
    font-family: 'Poppins-Regular';
}

.section-title-gap {
    margin-bottom: 15px;
}

.section-title-gap2 {
    margin-bottom: 25px;
}

.flip-img {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.bg-properties {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.wh-img {
    filter: brightness(0) invert(1);
}

.add-on .input-group-btn > .btn {
    border-left-width: 0;
    left: -2px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
/* stop the glowing blue shadow */
.add-on .form-control:focus {
    box-shadow: none;
    -webkit-box-shadow: none;
    border-color: #cccccc;
}

.form-control {
    width: 20%
}

.my-navbar-nav > li > a {
    border-right: 1px solid #ddd;
    padding-bottom: 15px;
    padding-top: 15px;
}

.my-navbar-nav:last-child {
    border-right: 0
}

.flip-icon {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

/* BUTTON CSS */

.btn-size {
    font-size: 14px;
    letter-spacing: 0.25px;
    font-family: 'poppins', sans-serif;
    border-radius: 2px;
    padding: 8px 20px;
}

.btn-pd {
    padding: 8px 25px;
}

.btn-pd2 {
    padding: 8px 25px;
}

.btn-border-green {
    color: #024612;
    border: 1px solid #024612;
}

    .btn-border-green:hover {
        color: #fff;
        background: #024612;
    }

.btn-green {
    background-color: #2b1a12;
    color: #fff;
}

    .btn-green:hover {
        background-color: #622509;
        color: #fff;
    }

.btn-yellow {
    background-color: #f39d34;
    color: #000;
}

button.btn-yellow {
    font-family: 'Poppins-Medium';
}

a.btn-yellow {
    font-family: 'Poppins-Medium';
}

button.btn-green {
    font-family: 'Poppins-Regular';
}

a.btn-green {
    font-family: 'Poppins-Regular';
}

.btn-yellow:hover {
    background-color: #84231a;
    color: #000;
}


.head-drop {
    position: relative;
    display: inline-block;
}

    .head-drop .dropdown-content {
        display: none;
        position: absolute;
        right: 0;
        top: 100%;
        background-color: #fff;
        min-width: 220px;
        box-shadow: 0 0 10px rgb(0 0 0 / 25%);
        z-index: 99;
        border-radius: 3px;
        padding: 15px;
    }

    .head-drop:hover .dropdown-content {
        display: block;
    }

.help-card p {
    color: #000;
    font-size: 12px;
}

.help-n {
    font-size: 20px;
    color: #024612;
    font-family: 'Poppins-Medium';
}

.help-n2 a {
    font-family: 'Poppins-Regular';
}

.lgn-card h4 {
    font-size: 18px;
    color: #2c0000;
    font-family: 'Poppins-Regular';
}

.lgn-card a {
    /* font-size:20px; */
    color: #024612;
    text-transform: uppercase;
}



/* ------------------------------------------------- */
/* HEADER SECTION CSS */
/* ------------------------------------------------- */
.htop {
    padding: 7px 0px 0px 0px;
    background: #400201;
    /* background-image: url(../images/htop-bg.png); */
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    position: relative;
}

    .htop:before {
        content: "";
        background-image: url(../images/top-bdr.png);
        background-size: 100%;
        background-repeat: no-repeat;
        height: 6px;
        position: absolute;
        right: 0;
        left: 0;
        top: 0;
        z-index: 1;
    }

.logo {
    height: 95px;
    filter: drop-shadow(rgba(103, 0, 0, 0.15) 0px 5px 2.5px);
    width: 38%;
}
/* desktop search box css */
.dsearch {
    position: relative;
    color: #5e0101;
    font-size: 15px;
    display: inline-block;
}

    .dsearch input {
        color: #5e0101;
        width: 345px;
        height: 40px;
        border-radius: 23px;
        filter: drop-shadow(0px 5px 2.5px rgba(177,0,0,0.15));
        background-color: #ffffff;
        border: 0;
        border-radius: 50px;
        text-indent: 15px;
        outline: none;
    }

    .dsearch img {
        position: absolute;
        top: 11px;
        right: 15px;
        z-index: 9;
        height: 18px;
    }
/* icons css */

.h-icon {
    position: relative;
    text-align: center;
    width: 0px;
    height: 0px;
    padding: 18px;
    color: #fff;
    border: 2px solid #fbcc55;
    /* background: #fd9200; */
    border-radius: 50%;
    display: inline-block;
    margin: 0px 3px -6px 0px;
    cursor: pointer;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
}

    .h-icon img {
        font-size: 16px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        height: 18px;
    }

.basketitems {
    color: #fff;
    font-size: 13px;
    background-color: #024612;
    position: absolute;
    top: -7px;
    right: -7px;
    /* padding: 0 12%; */
    border-radius: 1000px;
    min-width: 17px;
    height: 17px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* RESPONISVE SEARCH BOX CSS */

.hidden-search-box {
    display: none;
    position: relative;
    float: right;
    filter: drop-shadow(0px 5px 2.5px rgba(177, 0, 0, 0.15));
    background-color: #ffffff;
    height: 50px;
    width: 95%;
    z-index: 99;
    /* margin-top: 15px; */
    position: absolute;
    bottom: -50px;
    left: 0;
    right: 0;
    margin: auto;
}

.addon-btn {
    width: 50px;
    height: 50px;
    background-color: #1fa847;
    border: 0 none;
    /* margin-top: -5px; */
    color: #ffffff;
}

.addon-text-box, addon-text-box:active {
    background-color: transparent !important;
    border: 0 none;
    color: #5e0101 !important;
    border-radius: 0;
    height: 50px;
}

.traingle {
    height: 15px;
    width: 15px;
    background-color: transparent;
    border-left: 15px transparent solid;
    border-right: 15px transparent solid;
    border-bottom: 15px #1fa847 solid;
    float: right;
    margin-top: -15px;
    margin-right: 10px;
    position: absolute;
    right: 0;
    top: 0;
}

.hidden-search-box ::placeholder {
    color: #5e0101 !important;
    opacity: 1; /* Firefox */
}

/* HEADER-BOTTOM CSS  */

.header-nav {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    z-index: 997;
    background: #024612;
    border-radius: 50px;
    padding: 3px;
    /* background-image:linear-gradient(0deg, #ffcb40 2%, #ffffff 65%); */
    background: linear-gradient( 90deg, #B06F26 0%, #D19E51 8%, #EED08A 18%, #F3D996 30%, #EED08A 50%, #F3D996 70%, #EED08A 82%, #D19E51 92%, #A86822 100% );
    border: 2px solid #D09B4F;
}

.desk-logo {
    display: none;
}

.cart-icon {
    height: 15px;
}

/* ------------------------------------------------- */
/* HOME PAGE CSS */
/* ------------------------------------------------- */


/* BANNER CSS */

.bannermain-bg {
    background-image: url(../images/bannermain-bg2.png);
    background-size: 100% 100%;
    padding-bottom: 30px;
}


.banner-br {
    margin-top: 20px;
    border-radius: 15px;
    border: 6px solid #ffee7f;
}

.banner-icon {
    height: 476px;
}

.banner-text {
    position: absolute;
    right: 0;
    left: 0;
    top: 15px;
    margin: auto;
    width: 589px;
}

.b-btn1, .b-btn2 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.b-btn1 {
    left: 9%;
}

.b-btn2 {
    right: 9%;
}


.banner-btn {
    border-radius: 50px;
    background-image: linear-gradient(55deg, #f77903 0%, #ffac0c 50%, #fa2356 100%);
    padding: 8px;
}

    .banner-btn a {
        font-size: 24px;
        letter-spacing: 1px;
        text-transform: uppercase;
        color: #bd0000;
        font-family: 'Poppins-Medium';
        border-radius: 50px;
        filter: drop-shadow(0px 3px 1.5px rgba(155, 0, 38, 0.35));
        background-image: linear-gradient(90deg, #dfe2e4 0%, #ffffff 100%);
        border: 2px solid #ffffff;
        padding: 12px 25px;
        display: flex;
        align-items: center;
        gap: 10px;
        position: relative;
        width: 247px;
        justify-content: center;
    }

.carousel-indicators {
    z-index: 5 !important;
    margin-bottom: 0px;
}

    .carousel-indicators [data-bs-target] {
        width: 15px !important;
        height: 15px !important;
        border-radius: 50%;
        background-color: #024612;
    }


/* WELCOME CSS */

.welcome-sec {
    padding-top: 35px;
}

.welcome-title {
    font-size: 40px;
    line-height: 18px;
    color: #fff5b0;
    font-family: 'Poppins-Regular';
    filter: drop-shadow(0px 2px 2px #000101);
    margin-bottom: 15px;
}

    .welcome-title:before {
        content: url(../images/wel-right-icon.png);
        padding-right: 15px;
    }

    .welcome-title:after {
        content: url(../images/wel-left-icon.png);
        padding-left: 15px;
    }

.welcome-subtitle {
    font-size: 18px;
    line-height: 24px;
    color: #ffc20e;
    font-family: 'Poppins-Regular';
}


/* LATEST UPDATE SECTION CSS */

.latest-sec {
    background-color: #770026;
    padding: 8px 0px;
}

.latest-post p {
    display: flex;
    width: 100%;
}

.latest-hd {
    font-size: 15px;
    line-height: 30px;
    text-transform: uppercase;
    color: #ffb80f;
    font-family: 'Montserrat-SemiBold';
    white-space: nowrap;
    margin-right: 15px;
    position: relative;
}

    .latest-hd img {
        margin-left: 8px;
    }

.update-content marquee {
    display: flex;
}

.update-content ul {
    display: inline-flex;
}

    .update-content ul li {
        padding-right: 45px;
    }

.update-content li a {
    font-size: 14px;
    color: #fff;
}

.update-content ul li:before {
    content: '';
    border-radius: 50%;
    height: 8px;
    width: 8px;
    margin-right: 10px;
    background-color: #923351;
    margin-left: -25px;
    display: inline-block;
}

.latest-post {
    margin: 0px 50px;
}

    .latest-post:before, .latest-post:after {
        content: '';
        background-image: url(../images/lat-left.png);
        background-repeat: no-repeat;
        background-size: 35px;
        width: 35px;
        height: 35px;
        position: absolute;
        top: 0;
    }

    .latest-post:before {
        left: -50px;
    }

    .latest-post:after {
        right: -50px;
        transform: scaleX(-1);
    }


/* VIEW BUTTON CSS */

.view-btn {
    border-radius: 50px;
    padding: 2px 15px;
    text-transform: uppercase;
    font-size: 13px;
    position: absolute;
    top: 0;
    right: 13px;
}

    .view-btn:hover {
        color: #fff;
        background: #024612;
    }


/* LOOKING SECTION CSS */

.look-sec {
    background-image: url(../images/bg2.png);
    padding-bottom: 45px;
}

.look-icon {
    /* width: 486px; */
    height: 315px;
    border-radius: 20px;
    background-color: #cad3d2;
    object-fit: cover;
    object-position: top;
}

.look-btn {
    margin-top: -16px;
}

    .look-btn a {
        font-size: 17px;
        letter-spacing: 1px;
        text-transform: uppercase;
        color: #ffffff;
        font-family: 'Poppins-Medium';
        border-radius: 50px;
        padding: 12px 80px;
    }

/* PRODUCT SECTION CSS */


.list-sec {
    padding-bottom: 45px;
}

.main-bg {
    background-image: url(../images/main-bg.png);
    background-repeat: repeat-y;
    background-position: center;
}

.cmn-shadow {
    box-shadow: 0px 5px 12.5px rgba(112,64,0,0.15);
    background-color: #fff;
}

.cmn-radius {
    border-radius: 10px;
}

.hover-icon-bar {
    overflow: hidden;
}

.hover-icon {
    transition: all 0.3s ease-in-out;
}

.hover-card:hover .hover-icon {
    transform: scale(1.07);
}


.product-card {
    margin: 13px;
}

.product-icon {
    height: 325px;
    border-radius: 10px;
    object-fit: cover;
    object-position: top;
}

.product-content {
    padding: 15px;
    font-size: 13px;
    line-height: 25px;
    color: #0b0b0b;
    min-height: auto;
    font-family: 'Poppins-Regular';
}

    .product-content p, .plist-content p {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        -webkit-line-clamp: 1;
        text-overflow: ellipsis;
    }

.choose-btn-bar.mb-10p {
    margin-top: 12px;
}

/* OWL NAV CSS */

.scrl-nav .owl-nav [class*=owl-] {
    font-size: 24px !important;
    color: #000 !important;
    background-color: #fff !important;
    filter: drop-shadow(0px 2px 2.5px rgba(0,0,0,0.15));
    width: 40px;
    height: 40px;
    border-radius: 50% !important;
}

    .scrl-nav .owl-nav [class*=owl-]:hover {
        background-color: #ffd824 !important;
    }

.scrl-nav .owl-nav button.owl-next, .scrl-nav .owl-nav button.owl-prev, .scrl-nav button.owl-dot {
    position: absolute;
    top: 40%;
}

.scrl-nav .owl-nav button.owl-next {
    right: -60px;
}

.scrl-nav .owl-nav button.owl-prev {
    left: -60px;
}

.scrl-nav .owl-nav .disabled {
    opacity: .7 !important;
}

.scrl-nav .owl-nav button.owl-next .fa-angle-right {
    padding-left: 4px;
}


/* POOJA SECTION CSS */

.pooja-sec {
    background: #fffff3;
}

.pooja-icon {
    height: 385px;
    object-fit: cover;
    object-position: top;
}

/* INSPIRED SECTION CSS */

.inspire-section {
    padding-bottom: 100px;
}

.inspire-card {
    border-radius: 10px;
    background-image: linear-gradient(0deg, #4e110d 0%, #400602cc 100%);
    /*background-image: linear-gradient(0deg, #680012 0%, #a91d36 100%);*/
    color: #fff;
    padding: 0px 35px 35px 35px;
    margin-bottom: 30px;
    line-height: 24px;
    font-size: 14px;
}

    .inspire-card:before {
        content: '';
        /* background-color: #690013; */
        background-image: url(../images/inspire-card-bottom2.png);
        background-size: 100% 100%;
        position: absolute;
        bottom: -24px;
        height: 28px;
        width: 282px;
        left: 0;
        right: 0;
        margin: auto;
    }

.inspire-icon-bar {
    width: 135px;
    height: 135px;
    border-radius: 53px;
    background-image: url(../images/inspire-icon-bg.png);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    position: relative;
    /* overflow: hidden; */
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
}

.inspire-icon {
    width: 78px !important;
    height: 78px;
    border-radius: 50%;
    background-color: #fff9fb;
    border: 2px solid;
}

.inspire-icon-br {
    margin-top: 2px;
    height: 33px;
}

.golden-line {
    margin-bottom: 8px !important;
    height: 15px;
}

.inspire-title {
    font-size: 20px;
    color: #ffffff;
    font-family: 'Poppins-Regular';
    margin-top: -20px;
    margin-bottom: 3px;
}

/* WORK SECTION CSS */

.work-card {
    border-radius: 10px;
    background-color: rgba(255,255,255,0.5019607843137255);
    border: 1px solid #ffd801;
    padding: 30px;
    height: 100%;
}

.work-icon-bar {
    width: 95px;
    height: 115px;
    border-radius: 53px;
    background-color: #fff9d9;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    position: relative;
    overflow: hidden;
}

    .work-icon-bar:before {
        content: '';
        width: 56px;
        height: 57px;
        border-radius: 28px;
        background-color: #ffd801;
        position: absolute;
        bottom: -45px;
    }

.work-icon {
    height: 38px;
}

.work-title {
    font-size: 18px;
    line-height: 25px;
    color: #a80000;
    font-family: 'Poppins-Regular';
}

/* FOOTER SECTION CSS */

.footer-sec {
    background-image: url(../images/footer-bg.png);
    background-size: 100% 100%;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    /* margin-top:-45px; */
    z-index: 1;
}

.frow {
    align-items: center;
}

.footer-logo {
    height: 90px;
    width: 180px;
}

.footer-top {
    padding: 25px 0px;
    position: relative;
}

    .footer-top:before {
        content: '';
        /* width: 651px; */
        width: 33%;
        height: 100%;
        background-image: linear-gradient(90deg, #400201 0%, #5f3130 100%);
        position: absolute;
        top: 0;
        z-index: -1;
    }

.footer-title {
    font-size: 22px;
    color: #a80000;
    font-family: 'Poppins-Medium';
    margin-bottom: 5px;
}

.list-group li {
    margin-top: 5px;
}

.list-group a {
    font-size: 14px;
    color: #0d0d0d;
}

.fbox3 {
    margin-right: -20px;
}

.fbox4 {
    display: grid;
    justify-content: flex-end;
}

.subscribe-btn {
    font-size: 16px;
    color: #fff;
    border: 0;
    border-radius: 50px;
    background-image: linear-gradient(0deg, #400803 0%, #b6231bd1 100%);
    padding: 10px 30px;
    margin-top: 30px;
}

    .subscribe-btn:hover {
        background-image: linear-gradient(0deg, #b6231bd1 0%, #400803 100%);
    }

    .subscribe-btn img {
        height: 15px;
    }
/* FOOTER BOTTOM CSS */

.footer-bottom {
    padding: 25px 0px 28px 0px;
    border-top: 1px solid #ece39c;
}

.payment-title {
    font-size: 16px;
    color: #a80000;
    font-family: 'Montserrat-Regular';
}

.lock-icon {
    height: 20px;
}

.payment-list__item {
    width: 50px;
    height: 30px;
}

.follow-block h4 {
    font-size: 13px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #495057;
    font-family: 'Poppins-Regular';
}

.follow-icons img {
    margin-left: 5px;
    height: 35px;
}

/* COPYRIGHT SECTION CSS */

.copy-sec {
    position: relative;
    margin-top: -14px;
    z-index: 2;
}

.copy-right-block {
    background-color: #2B1B12;
    color: #fff;
    padding-bottom: 15px;
}

.aw-txt {
    color: #a6947f;
    font-family: 'Poppins-Medium';
    font-weight: 600;
    font-size: 13px;
}

/* ------------------------------------------------------------ */
/* INNER PAGES COMMON CSS */
/* ------------------------------------------------------------ */

.main-br {
    border: 0 !important;
}

.inngrid-section .grid-left-content {
    padding-bottom: 75px;
}

.inner-block {
    background: #fffcea;
    border-radius: 6px;
}

.inner-hd {
    padding: 15px 20px;
    border-bottom: 1px solid #d8a858;
}

.inner-title {
    font-size: 30px;
    letter-spacing: 1px;
    color: #674901;
    font-family: 'Poppins-SemiBold';
    margin: 0;
}

.inner-cnt {
    padding: 20px 20px 55px 20px;
}
/* .min-ht { */
/* min-height: 1050px; */
/* } */

.innbutton-block {
    padding: 13px 0px 9px 0px;
}


.innmain-bg .baja-icon, .innmain-bg .kalasam-icon {
    top: 750px;
}


/* ------------------------------------------------------------ */
/* PRODUCT LIST PAGE CSS */
/* ------------------------------------------------------------ */

.page-top {
    padding-top: 20px;
}

.page-title {
    font-size: 30px;
    color: #2c0000;
    font-family: 'Poppins-Regular';
    margin-top: 10px;
}

.plist-banner {
    height: 320px;
    object-fit: cover;
    object-position: top;
}

/* BREADCRUM CSS */

.breadcum {
    padding: 10px 0px;
    border-bottom: 1px solid #d7d5d5;
}

.breadcum-li ul li {
    margin-right: 5px;
}

    .breadcum-li ul li:after {
        content: '>';
        padding-left: 5px;
    }

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

    .breadcum-li ul li a {
        color: #212529;
        text-transform: capitalize;
        font-size: 13px;
    }

    .breadcum-li ul li .active {
        color: #d64400;
    }

/* PRODUCT LEFT RIGHT BOX CSS */

.prd-left {
    background-color: #ffffff;
    border: 1px solid #dbdbdb;
    margin-right: 55px;
    position: sticky;
    top: 75px;
}

    .prd-left .row {
        align-items: center;
    }

.prd-rgt {
    margin-left: -55px;
}

.collection-title {
    font-size: 20px;
    text-transform: capitalize;
    color: #fff;
    font-family: 'poppins', sans-serif;
    margin: 0;
    background: #732b15;
    padding: 10px 20px;
}

/* ACCORDIAN CSS */

.prdlist-accr {
    padding: 5px 20px;
}

    .prdlist-accr .accordion-item {
        border: 0;
    }

    .prdlist-accr .accordion-button {
        padding: 13px 0px;
        font-family: 'Poppins-Regular';
        color: #2c0000;
        outline: none;
        font-size: 15px;
        text-transform: capitalize !important;
    }

        .prdlist-accr .accordion-button:focus {
            border-color: transparent;
            outline: 0;
            box-shadow: none;
        }

        .prdlist-accr .accordion-button:not(.collapsed) {
            background: #6c3118;
            box-shadow: none;
            color: #0c9e5b;
        }

    .prdlist-accr .accordion-body {
        padding: 0;
    }



.accordion-item strong, .accordion-item b {
    font-weight: normal;
    font-family: 'Poppins-SemiBold';
}

.accordion-button::after {
    background-size: 15px;
    transform: translateY(3px);
}
/* CHECK BOX CSS */
.chk-group {
    max-height: 80vh;
    overflow-y: auto;
}

    .chk-group .form-check-input {
        width: 18px;
        height: 18px;
        border: 1px solid #b7b7b7;
        margin-right: 10px;
        border-radius: 0 !important;
    }

    .chk-group .chk-group-item > div {
        display: flex;
        margin-bottom: 10px;
    }

    .chk-group .chk-group-item label {
        font-size: 13px;
        text-transform: capitalize;
    }

    .chk-group .form-check-input:checked {
        background-color: green;
        outline: none;
        box-shadow: none;
    }

.form-check-input:active {
    outline: none;
    box-shadow: none;
}

/* CLEAR ALL BUTTON CSS */

.plist-itemshow li {
    /* margin-right: 10px; */
}

.plist-itemshow ul.d-inline-flex {
    flex-wrap: wrap;
    gap: 10px;
}

.plist-itemshow a {
    padding: 5px 5px 5px 15px;
    font-size: 14px;
    color: #0b0b0b;
    font-family: 'Poppins-Regular';
    background-color: rgba(255,255,255,0);
    border: 1px solid #dde0e3;
    border-radius: 50px;
}

    .plist-itemshow a i {
        font-size: 17px;
        transform: translateY(1px);
        display: inline-block;
        margin-left: 15px;
    }

.plist-itemshow .clearall-btn {
    color: #4c170a;
    border: 1px solid #753821;
    padding: 5px 15px;
}

    .plist-itemshow .clearall-btn:hover {
        color: #fff;
        background: #431309;
    }

/* SELECT CSS */

.sort-hd {
    white-space: nowrap;
    font-size: 11px;
    font-family: 'Poppins-Medium';
    letter-spacing: 0.5px;
    /* text-transform: capitalize; */
}

.minimal {
    background-color: transparent;
    border: thin solid blue;
    border-radius: 4px;
    display: inline-block;
    font: inherit;
    line-height: 2.5em;
    font-family: 'Poppins-Regular';
    font-size: 13px;
    padding: 0em 2.5em 0em 0em;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    color: #5e5e5e;
}

/* arrows */

select.minimal {
    background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc);
    background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 16px) calc(1em + 2px), calc(100% - 0em) 0.5em;
    background-size: 5px 5px, 5px 5px, 0px 1.5em;
    background-repeat: no-repeat;
    border-radius: 50px;
    border: 0px solid #dde0e3;
    padding-left: 7px;
}

    select.minimal:focus {
        outline: 0;
    }


select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}


/* PRODUCT LIST CSS */

.plist-card {
    height: 100%;
}

.plist-icon {
    height: 315px;
    border-radius: 10px;
    object-fit: cover;
    object-position: top;
}

.plist-content {
    padding: 15px;
    font-size: 14px;
    line-height: 20px;
    color: #0b0b0b;
    font-family: 'Poppins-Regular';
}
/* PRODUCT LABEL CSS */

.plist-label-bar {
    position: absolute;
    top: 8px;
    right: 0px;
    z-index: 2;
}

.plist-label {
    background: #ff6128;
    color: #fff;
    padding: 1px 12px 1px 15px;
    border-radius: 50px 0px 0px 50px;
    font-size: 14px;
}

/* CHOOSE OPTION BUTTON CSS */

.choose-btn {
    border-radius: 50px;
    padding: 6px 15px;
    text-transform: capitalize;
    font-size: 13px;
    background: #3d2e20;
    color: #fff;
}

/* RESPONSIVE SIDE NAV CSS */
/* ----------------------------------------------------------------------------- */

#closeNav {
    display: none;
}

.filter-title {
    display: none;
}

/* ---------------------------------------------------------------------- */
/* MEDIA QUERIES SIDE NAV */
/* ---------------------------------------------------------------------- */

@media only screen and (max-width:991px) {

    .prd-left {
        border: 1px solid #dbdbdb;
        padding: 10px 0px;
        border-left: 0;
        border-right: 0;
    }

    .collection-title {
        font-size: 17px;
        padding: 7px 15px;
    }

    #accordionExample {
        padding: 0;
    }

    #closeNav {
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .filter-title {
        font-size: 15px;
        cursor: pointer;
        display: block;
        text-transform: capitalize;
        font-family: 'Poppins-Medium';
        letter-spacing: 0.5px;
    }

        .filter-title i {
            font-size: 15px;
        }

    .open-bg.sidenav {
        z-index: 999999;
    }

    .sidenav {
        height: 100%;
        width: 280px;
        position: fixed;
        z-index: 99999;
        top: 0;
        right: 0;
        background-color: #fff;
        overflow-x: hidden;
        transition: 0.5s;
        transform: translateX(100%);
        padding: 15px;
        box-shadow: 0px 5px 12.5px rgba(112, 64, 0, 0.15);
    }

        .sidenav a {
            padding: 8px 8px 8px 32px;
            text-decoration: none;
            font-size: 25px;
            color: #000;
            display: block;
            transition: 0.3s;
        }

            .sidenav a:hover {
                color: #f1f1f1;
            }

        .sidenav .closebtn {
            position: absolute;
            top: 0;
            right: 0px;
            background-color: #ff2626;
            width: 30px;
            color: #fff;
            height: 100%;
            text-align: center;
            z-index: 5;
            padding: 5px !important;
        }

    .open-bg {
        overflow: hidden;
    }

    .open {
        transform: translateX(0px);
    }
}

/* -------------------------------------------*/
/* PRODUCT DETAILS PAGE CSS */
/* -------------------------------------------*/

.breadcum-gap {
    padding: 10px 0px;
}

/* product image zoom css */

#default {
    text-align: center;
}
/* .xzoom{ */
/* height:350px; */
/* width:350px !important; */
/* } */
.xzoom-thumbs {
    display: flex;
    justify-content: center;
}


    .xzoom-thumbs li {
        list-style: none;
        padding: 0;
        margin: 5px;
        border: 1px solid #dbdbdb;
        /* margin-top: 5px; */
        text-align: center;
        border-radius: 2px;
        width: 85px;
        height: 75px;
        display: grid;
        align-items: center;
    }

        .xzoom-thumbs li a img {
            padding: 5px;
            height: 60px;
        }

/* product details left css */

.product-meta {
    padding-bottom: 20px;
}

.quaty-paart {
    padding-top: 20px;
}

.pdetails-left-wrap {
    border: 2px solid #bf864f6e;
    padding: 20px;
}

.pdetails-rgt-wrap {
    padding: 35px;
    height: 100%;
}
/* product right css */

.medium-title {
    font-size: 16px;
    color: #2c0000;
    font-family: 'Poppins-Regular';
}

.medium-title2 {
    font-size: 20px;
    color: #2c0000;
    font-family: 'Poppins-Regular';
}

.border-gap-meta {
    border-bottom: 1px solid #efefef;
}


.pdetails-title {
    font-size: 24px;
    color: #2c0000;
    line-height: 27px;
}

.pdetails-sku::before {
    display: inline-block;
    position: relative;
    content: "";
    margin: 0 14px;
    height: 13px;
    width: 1px;
    top: -1px;
    background: #e7e2de;
    vertical-align: middle;
}

.pprice-nb {
    font-size: 22px;
    font-family: 'Poppins-Medium';
    color: #024612;
}

.choose-size-wrap {
    padding: 20px 0px;
}

.choose-size-list {
    flex-flow: wrap;
}

    .choose-size-list li {
        font-size: 13px;
        border: 1px solid gray;
        /* border-radius: 50px; */
        padding: 0px 11px;
        white-space: nowrap;
        cursor: pointer;
    }

        .choose-size-list li:hover, .choose-size-list .active {
            background: #024612;
            color: #fff;
            border: 1px solid #024612;
        }

.disabled-btn, .disabled-btn:hover {
    background: #e1e1e1 !important;
    color: #999999 !important;
    cursor: unset;
    border: 1px solid #cfcbcb !important;
}

/*--------------------------*/
.qty-container {
    display: inline-flex;
    align-items: center;
    /*border: 1px solid #2b1a12;*/
    border-radius: 50px;
    padding: 2px;
}

    .qty-container .qty-btn-minus, .qty-container .qty-btn-plus {
        border: 1px solid #d4d4d4;
        padding: 2px 7px;
        font-size: 17px;
        height: 30px;
        width: 30px;
        transition: 0.3s;
        background: #2b1a12;
        border-radius: 50px;
        color: white;
        border: 0;
    }

    .qty-container .input-qty {
        text-align: center;
        padding: 0px 10px;
        border: 0;
        max-width: 45px;
        background: transparent;
    }

/*---------------------------*/
.addcart-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
}

    .addcart-btn > * {
        min-width: 180px;
        text-align: center;
    }

    .addcart-btn button, .addcart-btn a {
        vertical-align: middle;
        border: 0;
    }

        .addcart-btn button span, .addcart-btn a span {
            font-size: 16px;
        }

.description-content {
    border: 2px solid #ffee7f;
    padding: 20px;
    border-radius: 5px;
    font-size: 14px;
    background: #fff;
}

    .description-content .medium-title2 {
        font-size: 17px;
        margin-bottom: 16px;
    }


/* ----------------------------------------------------------------------------- */
/* COMMON PAGE CSS */
/* ----------------------------------------------------------------------------- */


.about-banner {
    height: 100%;
    object-fit: cover;
}

.update-title {
    font-size: 38px;
    color: #2c0000;
    font-family: 'Poppins-Regular';
    padding: 160px 0px 100px 0px;
}

.update-titledes {
    font-size: 25px;
    color: #2c0000;
    font-family: 'Poppins-Regular';
    padding: 50px 0px 50px 0px;
}




/* LOGIN PAGE CSS */


/* Login Page  */
/* Login Page  */

.top-bdr {
    opacity: 0.302;
    width: 1600px;
    height: 8px;
    background-color: #03a3e6;
}

.logo-sec {
    padding-top: 35px;
}

.login-sec {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 35px !important;
    margin: 0 auto;
    width: 1000px;
    border-radius: 5px;
    filter: drop-shadow(0px 8px 10px rgba(0, 0, 0, 0.07));
    background-color: #ffffff;
    margin-bottom: 25px !important;
    border: 1px solid #dfdfdf;
}

.login-sec-left {
    width: 490px;
    position: relative;
}

    .login-sec-left img {
        width: 100%;
    }

.login-sec-right {
    width: 510px;
    padding: 55px 60px;
    border-left: 1px solid #dfdfdf;
    height: 100%;
}

.head-title {
    font-size: 28px;
    letter-spacing: 0px;
    line-height: 32px;
    color: #242424;
    font-family: "FoundersGrotesk-Bold";
}

.login-form label {
    font-size: 14px;
    letter-spacing: 0px;
    line-height: 16px;
    margin-bottom: -1px;
    color: #000;
    /* font-family: "FoundersGrotesk-Regular"; */
}

:focus-visible {
    outline: 0px !important;
}

.cus-in button {
    background-color: transparent !important;
    border: 0px;
    width: 100px;
    font-size: 14px;
    letter-spacing: 0px;
    color: #009ee9;
}

/* .login-sec .form-control {
        padding-left: 20px !important;
        height: 47px;
        border-radius: 2px;
        background-color: rgba(25, 25, 25, 0);
        border: 1px solid #4b546b;
    } */

.cus-in input {
    margin: 2px 0px 0px 3px;
}

.cus-in span {
    min-width: 25px;
    position: relative;
    max-width: 35px;
}

    .cus-in span::after {
        content: '';
        position: absolute;
        width: 1px;
        height: 20px;
        background-color: #aaaaaa;
        right: 0;
    }

.frm-p {
    padding: 17px 10px 10px 20px !important;
}

.form-group input {
    margin-top: -1px;
}

.login-sec-right form > .form-group:nth-child() {
    margin-top: 20px;
}

.cus-btn {
    background-color: #191919 !important;
    color: #fff !important;
    font-size: 18px;
    text-align: center;
    border-radius: 2px !important;
}

.login-sec-right .cus-btn {
    margin-top: 40px;
    margin-bottom: 19px;
    letter-spacing: 1px;
}

.login-sec-right p {
    color: #5e5e5e;
    line-height: 19px;
    padding-bottom: 10px;
}

.small-text {
    font-size: 15px;
    color: #6f6f6f;
}

.login-head {
    font-size: 23px;
    color: #2c0000;
    font-family: 'Poppins-Regular';
    line-height: 30px;
}

.login-form label {
    font-size: 13px;
    line-height: 57px;
    color: #000;
}

.login-form input:focus-visible {
    outline: none !important;
}

.login-form input {
    margin-bottom: 15px;
    font-size: 15px;
    line-height: 56px;
    color: #000;
    width: 100%;
    height: 56px;
    border-radius: 31px;
    background-color: #efefe6;
    padding-left: 30px;
    border: 0px;
    padding: 35px 60px 25px 30px;
}

.login-form ::placeholder {
    color: #000;
}

.login-btn {
    width: 100%;
    border-radius: 50px;
    background-color: #440c0a;
    border: 0px;
    color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 16px;
    font-weight: bold;
}


.login-form input[type="checkbox"] + label:before,
.login-content input[type="checkbox"]:checked + label:after {
    align-items: center;
    justify-content: center;
    top: 50% !important;
    transform: translateY(-50%);
}

.login-content .forget {
    margin-top: 20px;
    position: relative;
}

    .login-content .forget a {
        background-color: #fff;
        padding: 10px;
        font-size: 14px;
        color: #171717;
    }

        .login-content .forget a::before {
            content: "";
            position: absolute;
            width: 100%;
            height: 1px;
            top: 10px;
            left: 0;
            background-color: #f1eefb;
            z-index: -1;
        }

.login-form .logo {
    margin-bottom: 40px;
}

.cus-group {
    position: relative;
}

    .cus-group label {
        position: absolute;
        left: 30px;
        top: -15px;
        font-size: 13px;
        letter-spacing: 0px;
        color: #000;
    }

    .cus-group img,
    .cus-group i {
        position: absolute;
        right: 25px;
        top: 23px;
        z-index: 2;
    }

    .cus-group i {
        font-size: 22px;
        color: #49406c;
        top: 18px;
    }

.frm-check input[type="checkbox"] + label:before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    margin-right: 11px;
    position: absolute;
    top: 50% !important;
    transform: translateY(-50%);
    left: 0;
    border: 1px solid transparent;
    background-color: #e8eef2;
    border-radius: 3px;
}

.frm-check input[type="checkbox"]:checked + label:after {
    content: "✔";
    font-size: 17px;
    line-height: 18px;
    color: #fff;
    background: #024612;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0px;
    width: 20px;
    height: 20px;
    border-radius: 3px;
}

.frm-check input[type="checkbox"] + label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 28px;
    margin-right: 15px;
    font-size: 14px;
}

.frm-check input[type="checkbox"] {
    position: absolute;
    visibility: hidden;
    opacity: 0;
}

.desk-btm-p .lp {
    padding-left: 90px;
}

.toggle-password {
    cursor: pointer;
}

.bi-eye-slash-fill.bi-eye-fill.bi-eye-fill::before {
    content: "\f33e" !important;
}

.desk-btm-p a {
    color: #000;
    font-size: 14px;
    padding-inline: 4px;
}

.cus-btn-sec {
    min-width: 100px;
    display: inline-block;
    margin-left: 20px;
}


.floating-form label {
    line-height: inherit;
}

.floating-form ::placeholder {
    opacity: 0;
}

.floating-form .form-control:focus {
    background-color: #e8eef2;
}

.form-floating > .form-control ~ label::after {
    background-color: transparent !important;
    border-radius: none !important;
    color: #504284;
}

.form-floating label {
    font-size: 15px;
    line-height: 18px;
    color: #000;
}

.form-floating > .form-control-plaintext ~ label, .form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-select ~ label {
    color: #000 !important;
}

.form-floating label {
    padding-left: 25px;
}

.form-floating > .form-control, .form-floating > .form-control-plaintext {
    padding-left: 25px;
}

.form-floating input {
    font-size: 14px !important;
}

.form-floating > .form-control, .form-floating > .form-control-plaintext, .form-floating > .form-select {
    height: calc(3rem + calc(var(--bs-border-width) * 2)) !important;
    min-height: calc(3rem + calc(var(--bs-border-width) * 2)) !important;
}

.right-check {
    padding-left: 0px !important;
    padding-right: 40px;
}

    .right-check::before {
        left: auto !important;
        right: 0;
    }

    .right-check::after {
        left: auto !important;
        right: 10px;
    }

.floating-form .error.help-block {
    transform: translateY(-12px);
    font-style: normal;
    display: inline-block;
    padding-left: 15px;
}




/* CART PAGE CSS */

.shadow-bx {
    border-radius: 5px;
    filter: drop-shadow(0px 8px 10px rgba(0, 0, 0, 0.07));
    background-color: #ffffff;
    padding: 40px;
}

.cart-tble th, .cart-tble td {
    background: transparent;
}

.cart-tble tr {
    vertical-align: middle;
}

.cart-tble td {
    border-bottom: 1px dotted #84878d;
}

.cart-tble th {
    font-size: 16px;
    font-family: 'Poppins-Medium';
    font-weight: 300;
    white-space: nowrap;
    color: var(--clr1);
}

    .cart-tble th:nth-child(2), .cart-tble td:nth-child(2), .cart-tble th:nth-child(3), .cart-tble td:nth-child(3) {
        text-align: center;
    }

.cart-tble .qnt-updtae .input-group {
    margin: auto;
}

.cart-tble th:last-child, .cart-tble td:last-child, .cart-table-totals-total td:last-child, .checkout-payment-table td:last-child {
    text-align: end;
}

.item-price, .item-total, .item-Quantity {
    font-size: 16px;
    font-family: 'Poppins-Regular';
}

.cart-product {
    white-space: nowrap;
}

    .cart-product .cart-item-img {
        border-radius: 0;
        filter: none;
        border: 0;
    }

.cart-item-img img {
    width: 72px;
    height: auto;
    object-fit: cover;
    object-position: top;
}

.product-head {
    font-size: 14px;
    line-height: 20px;
    color: #0b0b0b;
    font-family: 'Poppins-Regular', sans-serif;
}

.product-sub-head {
    font-size: 12px;
    color: #333333;
}

.qnt-updtae .input-group {
    margin: 0;
}

.check-big-btn {
    padding: 15px 35px;
}

.upd-txt {
    font-family: 'Poppins-Medium';
    margin-top: 3px;
}

.btn-green.brad-50 {
    border-radius: 0px !important;
}

.cart-table-totals-total td {
    font-family: 'Poppins-Medium';
    font-size: 18px;
    border: 0;
    color: #7a5b00;
    border: 0;
}

/* APPLY COUPEN CSS */

.search-box {
    display: none;
}

.search_here {
    width: auto;
}

.search-box .search_btn {
    border: 0;
    height: 50px;
    border-radius: 5px;
    margin-left: 15px;
}

.search-box .input-box {
    width: auto;
}

/* -------------------------------------------*/
/* SECURE LOGIN PAGE CSS */
/* -------------------------------------------*/

.cart-bg-box {
    border-radius: 5px;
    box-shadow: 0px 6px 12.5px rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
    padding: 30px;
    margin-bottom: 28px;
}

.cart-head {
    font-size: 18px;
    line-height: 32px;
    color: #282c3f;
    font-family: 'Poppins-Medium', sans-serif !important;
}

.cart-s-no {
    display: inline-block;
    width: 32px;
    height: 32px;
    border-radius: 16px;
    background-color: #ffffff;
    border: 1px solid #0056a3;
    text-align: center;
    margin-right: 12px;
}

    .cart-s-no > span {
        text-align: center;
        font-size: 20px;
        letter-spacing: 1px;
        line-height: 20px;
        color: #282c3f;
        font-family: var(--theme-poppins-medium);
    }

.input-box {
    width: 100%;
    background-color: #efefe670;
    border: 1px solid transparent;
    line-height: 28px;
    padding: 10px;
    padding-left: 15px;
    border-radius: 5px;
    color: #000;
}

    .input-box::placeholder {
        color: #000 !important;
    }

.secure-title {
    font-size: 15px;
    color: #1a1a1a;
    font-family: 'Poppins-Medium';
}

/* timer cdoe */

.timer-card {
    border: 1px solid #003769;
    padding: 15px;
    border-radius: 5px;
}

#timer {
    font-size: 32px;
    color: var(--clr5);
    font-family: 'Poppins-SemiBold';
}

    #timer.done {
        font-size: 50px;
        line-height: 2;
    }

/* subtotal table */
.checkout-payment-table {
    border: 1px solid #D4DADD;
}

    .checkout-payment-table td {
        border: 0;
    }

    .checkout-payment-table .cart-table-totals-total {
        border-top: 1px solid #D4DADD;
    }


/* items table */

.checkout-items-table {
    border: 1px solid #D4DADD;
    border-top: none;
    width: 100%;
}

    .checkout-items-table .product-head {
        font-size: 13px;
        line-height: 20px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        -webkit-line-clamp: 2;
        text-overflow: ellipsis;
    }

    .checkout-items-table .product-sub-head {
        font-size: 12px;
        line-height: 18px;
    }

.checkout-items-table-footer a {
    color: #cb4300;
    font-family: 'Poppins-Medium';
}

.disable-card, .disable-card span {
    color: #9CAAB2;
}

    .disable-card .cart-s-no {
        border: 1px solid #9CAAB2;
    }

.payment-data, .shipping-select-addrs, .pay-done, .sm-data, .ship-done, .review-data {
    display: none;
}


/*Seema*/

.selected .address-box {
    /* border: 1px solid #00b461; */
    border: 1px solid transparent;
    background: #f0fff8;
}

.selected .address-head, .selected .address-head i {
    color: #00b461;
}

.selected .shipment-head {
    color: #00b461;
    border-bottom: 1px solid #00b461;
}

.selected .shipment-box {
    border: 1px solid #00b461;
}

.shipment-box {
    display: block;
    background-color: #f8f8f8;
    border: 1px solid #dddddd;
    min-height: 300px;
    cursor: pointer;
}

.shipment-pad {
    padding: 15px;
}

.shipment-box.active {
    border: 1px solid #00b461;
}

.shipment-sec {
    margin: 12px 50px 30px;
}

.shipment-box.active .shipment-head {
    color: #00b461;
    border-bottom: 1px solid #00b461;
}

.shipment-head {
    font-family: var(--theme-poppins-medium);
    font-size: 16px;
    line-height: 22px;
    text-transform: capitalize;
    margin-bottom: 0px;
    color: #333740;
    padding: 15px 15px 15px 15px;
    border-bottom: 1px solid #dddddd;
}

.shipment-box p {
    padding-bottom: 3px;
    color: #121212;
    line-height: 22px;
}

/* review box css */

.ctr td {
    border-bottom: 0;
}


/* -------------------------------------------*/
/* SHIPPING PAGE CSS */
/* -------------------------------------------*/

.cursor-pointer {
    cursor: pointer;
}
/* Shipping page -----------------------------------------------*/

.address-box {
    padding: 20px;
    display: block;
    /* background-color: #f5f5f5; */
    cursor: pointer;
    border: 1px solid transparent;
    font-size: 13px;
    box-shadow: 0px 0px 5.5px rgb(0 0 0 / 6%);
}

/* .address-box.active, .address-box:hover {
            border: 1px solid #024612;
        } */

.address-sec {
    margin: 12px 50px 30px;
}

.address-box.active .address-head {
    color: #00b461
}

.address-head {
    font-family: 'Poppins-Medium';
    font-size: 16px;
    line-height: 22px;
    text-transform: capitalize;
    margin-bottom: 8px;
    color: #024612;
}

.address-box p {
    padding-bottom: 3px;
    font-size: 16px !important;
    line-height: 25px;
    color: #121212;
    line-height: 22px;
}

.add-add p {
    font-size: 14px;
    letter-spacing: 0.5px;
    line-height: 21px;
    text-transform: uppercase;
    color: #333740;
    text-align: center;
    font-family: 'Poppins-Medium';
}

.address-form .form-control {
    padding-left: 20px;
    padding: 12px 10px 5px 20px;
    border-radius: 2px;
    background-color: rgba(255, 255, 255, 0);
    border: 1px solid #4b546b;
}

.address-form ::placeholder {
    font-size: 16px;
    line-height: 25px;
    color: #515151;
}

.address-form .blue-btn {
    margin-right: 0px;
    margin-top: 30px;
}

.address-form {
    margin-top: 40px;
    padding-top: 40px;
    border-top: 1px dotted #84878d
}

#address-form {
    display: none;
}


.edit-btn {
    display: inline-flex;
    color: #000;
    font-size: 14px;
    /* margin-right: 32px; */
    padding: 9px 32px;
    letter-spacing: 1px;
    /* line-height: 25px; */
    text-transform: uppercase;
    color: #0056a3;
    height: 37px;
    border-radius: 19px;
    background-color: #ebf8fc;
    align-items: center;
}



/* -------------------------------------------*/
/* CONFIRMATION PAGE CSS */
/* -------------------------------------------*/

.cart-item-img1 img {
    width: 72px;
    height: auto;
    object-fit: cover;
    object-position: top;
}


/* .cart-item-img1 img { */
/* height: 30px; */
/* object-fit: contain; */
/* width: 100%; */
/* padding: 2px; */
/* margin-right:20px; */
/* } */

.order-head {
    font-size: 22px;
    letter-spacing: 0.5px;
    text-transform: capitalize;
    color: #0c9e5b;
    font-family: 'Poppins-SemiBold';
    text-align: center;
    margin-top: 10px;
    margin-bottom: 8px;
}

.cart-list .cart-head .cart-header {
    background: linear-gradient(135deg, #2b0a05 0%, #5a1b0c 60%, #732b15 100%);
    border-radius: 12px;
    border-bottom: 3px solid #c8922a;
    box-shadow: 0 6px 16px rgba(43, 24, 16, 0.18);
    font-family: 'Poppins-SemiBold', sans-serif;
    font-size: 12px;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    color: #f3d996 !important;
    user-select: none;
}

.order-sub-head {
    font-size: 16px;
    letter-spacing: 1px;
    text-transform: none;
    color: #000;
    text-align: center;
    margin-block: 10px;
    font-family: 'Poppins-Regular';
}

.order-p {
    margin-top: 14px;
    margin-bottom: 27px;
    font-size: 13px;
    letter-spacing: 0px;
    line-height: 19px;
    color: #181818;
    text-align: center;
}

.order-table {
    background-color: rgba(195,185,116,0);
    border: 1px solid #cecece;
}

    .order-table thead {
        background-color: #dedede !important;
        border-color: #dedede !important;
    }

.table > :not(caption) > * > * {
    background-color: transparent;
}

.order-table thead {
    border-top: none;
}

.table > :not(:first-child) {
    border: none !important;
}

.order-table tbody > tr:last-child td {
    border: none
}

.order-table tbody > tr > td {
    border-color: #dedede !important;
}

.order-table thead th {
    line-height: 22px;
    color: #000000 !important;
    text-align: center;
    padding: 14px 10px 7px 10px;
}

.order-table tbody td {
    padding: 23px 5px 14px 5px;
    line-height: 22px;
    color: #000000 !important;
    font-weight: 300 !important;
    text-align: center;
}

.order-tablecon {
    margin-top: 20px;
}

    .order-tablecon thead {
        border-top: none;
    }



    .order-tablecon tbody > tr:last-child td {
        border: none
    }

    .order-tablecon tbody > tr > td {
        border-color: #dedede !important;
    }

    .order-tablecon thead th {
        line-height: 22px;
        color: #000000 !important;
        text-align: center;
        padding: 14px 10px 7px 10px;
        background-color: rgba(0, 0, 0, 0.075);
    }

    .order-tablecon tbody td {
        line-height: 22px;
        color: #000000 !important;
        font-weight: 300 !important;
        text-align: center;
        vertical-align: middle;
    }

.order-btns {
    margin-top: 35px;
    margin-bottom: 57px;
    width: 286px;
    display: inline-block;
    height: 54px;
    border-radius: 3px;
    letter-spacing: 1px;
    line-height: 22px;
    text-transform: uppercase;
    color: #ffffff;
    text-align: center;
    padding: 20px;
    margin-left: 15px;
}

.bg-blue {
    background-color: #0056a3 !important;
}

.bg-d-c {
    background-color: #1d1d1d;
}

.order-btns img {
    filter: brightness(500);
    transform: rotate(180deg);
    margin-right: 7px;
    width: 8px;
    margin-top: -3px;
}

.order-btns:hover {
    color: #fff !important;
}

.input-box::placeholder {
    font-size: 14px !important;
}

/*  */
#address-formm {
    display: none;
}

.address-form.edit_box {
    background: #fffff3;
    border-top: none;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0px 6px 12.5px rgba(0, 0, 0, 0.1);
}

    .address-form.edit_box .modal-header {
        border-bottom: none;
    }

.modal-content.address-form.edit_box .btn-size.btn-pd.btn-green.brad-50.cursor-pointer {
    border: none;
    padding: 7px 20px;
}


/* pandari */
.sec__sub__title {
    color: #000000;
    margin-top: 0px;
    margin-bottom: 5px;
}

.sec__sub__title2 {
    color: #000000;
}

.sec__sub__title3 {
    padding: 0px;
}

.about__inner .about__img {
    float: right;
    padding-left: 40px;
}

    .about__inner .about__img img {
        width: 100%;
        max-width: 450px;
        height: 490px;
        object-fit: cover;
        object-position: top;
        border-radius: 10px;
    }

.about__inner .about__img2 {
    float: left;
    padding-right: 40px;
}

    .about__inner .about__img2 img {
        width: 100%;
        max-width: 350px;
        height: 240px;
        object-fit: cover;
        object-position: top;
        border-radius: 10px;
    }




.inner-cnt {
    padding-block: 20px;
}

.accordion_set #accordionExample .accordion-item {
    /* border: 1px solid #024612; */
    border-radius: 0;
    margin-bottom: 10px;
}

.accordion-button:not(.collapsed) {
    background: #6c3118;
    color: #fff;
}

    .accordion-button:not(.collapsed)::after {
        filter: brightness(100);
    }

.accordion-item:first-of-type .accordion-button {
    border-radius: 0;
}

.accordion-header {
    margin-bottom: 0;
}

.accordion-button {
    background: #fff;
    font-family: 'Poppins-Medium', sans-serif;
    font-size: 15px;
}

    .accordion-button:focus {
        z-index: 3;
        border-color: none;
        outline: 0;
    }

.accordion-button {
    font-family: 'Poppins-Medium',;
    font-size: 15px;
}

    .accordion-button.collapsed:focus {
        box-shadow: unset;
    }

    .accordion-button:focus {
        box-shadow: none;
    }

    .accordion-button::after {
        background-size: 20px;
        transform: translateY(3px);
    }

.accordion_set #accordionExample .accordion-item .accordion-header .accordion-button.collapsed {
    border: 1px solid #ffc700;
}
/* contact  css */
textarea.form__control {
    padding-bottom: 14px;
}

.contact__pd {
    padding-block: 10px;
    align-items: start;
}

.contact__form {
    padding: 20px 30px;
}

.contact__icon__img img {
    width: 100%;
    max-width: 20px;
    margin-right: 12px;
    line-height: 28px;
    object-fit: contain;
}

.contact__icon__img a {
    color: black;
    font-size: 16px;
    align-content: center;
    display: inline-flex;
    align-items: flex-start;
}

.contact__box {
    border: 1px solid #dfdfdf;
    background-color: #fff;
    padding-top: 20px;
    padding-left: 23px;
    padding-bottom: 25px;
    padding-right: 15px;
    min-height: 220px;
    justify-content: space-between;
    display: flex;
}

.add__title {
    background: none;
    padding: 0;
}

.con-t {
    color: #03756e;
}

.get-directions-bg {
    width: 162px;
    height: 34px;
    border-radius: 50px;
    background-color: #ffffff;
    border: 1px solid #c3d0dd;
    align-items: center;
    display: flex;
    padding: 10px;
    margin-top: 15px;
}

.get-directions-ico {
    background: url('../images/dire-icon.png') no-repeat left top;
    display: inline-block;
    vertical-align: middle;
    width: 15px;
    height: 18px;
    margin-right: 10px;
    margin-top: -3px;
}

.ul__contact {
    margin-top: -5px;
}

.contact__box__img img {
    /* width: 100%; */
    height: 190px;
}

.contact__form__side__img {
    padding-top: 10px;
}

    .contact__form__side__img img {
        width: 100%;
        height: 351px;
        object-fit: cover;
    }

.add__title {
    margin-bottom: -10px;
}

/* hover button css */

.hover-btn {
    display: inline-block;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

    .hover-btn::before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        transform: scaleX(0);
        transition: transform 1s cubic-bezier(0.075, 0.82, 0.165, 1);
        transform-origin: center right;
        z-index: -1;
    }

    .hover-btn:hover::before {
        transform: scaleX(1);
        transform-origin: center left;
        z-index: -1;
    }

.btn-1 {
    background-color: #035617;
    font-family: var(--theme-poppins-regular);
    color: var(--white);
    font-size: 13px;
    line-height: var(--lh42);
    display: inline-block;
    letter-spacing: 0.25px;
    padding-inline: 13px;
    border-radius: 50px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    color: #fff;
    padding-top: 6px;
    padding-bottom: 6px;
    border: 0 !important;
}

    .btn-1.text-uppercase {
        font-size: 14px;
    }

.btn-2 {
    display: inline-block;
    line-height: var(--lh42);
    border-radius: 2px;
    background-image: linear-gradient(0deg, #ebe9e9 0%, #fbfbfb 100%);
    border: 1px solid #dad5e0;
    font-size: 12px;
    letter-spacing: 0.25px;
    color: #1f1f1f;
    font-family: var(--theme-poppins-regular);
    padding-inline: 30px;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.btn-3 {
    letter-spacing: 0.25px;
    font-family: var(--theme-poppins-regular);
    padding-inline: 33px;
    font-size: 13px;
    color: #6e581a;
    display: inline-block;
    line-height: var(--lh42);
    border-radius: 21px;
    background-color: rgba(255, 224, 27, 0);
    border: 1px solid #96824a;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

    .btn-3:hover {
        color: #fff;
        border-color: var(--clr7);
    }

.error {
    color: #fb1616;
    text-transform: capitalize;
    font-style: normal !important;
}

.input-box.error {
    border-color: var(--clr3);
}

.desk-btm-p a {
    color: #000;
    font-size: 18px;
    padding-inline: 4px;
}

.cus-btn-sec {
    min-width: 100px;
    height: 45px;
    border-radius: 3px;
    background-color: #e8e8e8;
    display: inline-block;
    line-height: 45px;
    color: #232323;
    margin-left: 20px;
}

.desk-btm-p .lp {
    padding-left: 90px;
}

.ps-2 {
    padding-left: .5rem !important;
}

.desk-btm-p {
    padding-bottom: 20px;
}

form em.error.help-block {
    position: relative;
    top: -11px;
    text-align: left !important;
}



/* POPUP CSS */


/* modal popup css */

.popup-card {
    padding: 15px;
}

.popup-img {
    border-radius: 12px;
}

.popup-cnt {
    padding: 20px 15px 15px 15px;
}

.popup-title {
    font-size: 20px;
    color: #cda44c;
    margin-bottom: 0;
}


/* lakshmi css */

.pull-right {
    float: right !important;
}

#modalOverlay {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 99999;
    height: 100%;
    width: 100%;
}

.modalPopup {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    border-radius: 12px;
    width: 38%;
    -webkit-box-shadow: 0 2px 10px 3px rgba(0,0,0,.2);
    -moz-box-shadow: 0 2px 10px 3px rgba(0,0,0,.2);
    box-shadow: 0 2px 10px 3px rgba(0,0,0,.2);
    /* width: 745px; */
    /* height: 610px; */
}

.buttonStyle {
    border: 0;
    border-radius: 0;
    background: transparent;
    cursor: pointer;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    position: absolute;
    top: -15px;
    right: -15px;
    padding: 0;
}

.popup-cnt .forget {
    margin-top: 15px;
}

    .popup-cnt .forget a {
        background-color: #fff;
        font-size: 14px;
        color: #171717;
        position: relative;
    }

        /* .popup-cnt .forget a::before, .popup-cnt .forget a::after {
                content: "";
                position: absolute;
                width: 100%;
                height: 1px;
                top: 10px;
                background-color: #f1eefb;
                z-index: 0;
            }*/

        .popup-cnt .forget a::before {
            left: 100%;
            margin-left: 15px;
        }

        .popup-cnt .forget a::after {
            right: 100%;
            margin-right: 15px;
        }


/* popup form css */



.product_details_sub_tabs {
    border-bottom: none;
}

.finishig_set {
    display: flex;
    gap: 10px;
    text-align: start;
}

    .finishig_set p {
        font-size: 12px;
        line-height: 18px;
        margin-bottom: 0;
    }

        .finishig_set p.paper_title {
            font-size: 12px;
            line-height: 18px;
            margin-bottom: 1px;
            font-weight: 600;
        }

.finishing_img_set {
    max-width: 70px;
    max-height: 70px;
}

    .finishing_img_set img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 5px;
    }

.product_details_sub_tabs .nav-item {
    margin-bottom: 8px;
}

    .product_details_sub_tabs .nav-item button {
        border: none;
        background-color: transparent !important;
        padding-inline: 10px;
        color: #1d1c1c;
        border: 1px solid #ddd !important;
        border-radius: 5px !important;
    }
/* .product_details_sub_tab_content .paper_tab_content_main {} */
.product_details_sub_tab_content .paper_tab_content {
    border: 1px solid #ddd !important;
    border-radius: 5px !important;
    margin-bottom: 5px;
    padding: 10px;
    display: inline-block;
    color: #1d1c1c;
    cursor: pointer;
}

.product_details_sub_tab_content .paper_tab_content_main {
    display: flex;
    gap: 5px;
    margin-top: 10px;
}

.product_details_sub_tabs .nav-item button.active {
    border: 1px solid #024612 !important;
    background: #0246120f !important;
}

.product_details_sub_tab_content .paper_tab_content .finishing_img_set {
    max-width: 50px;
    max-height: 50px;
}

label {
    font-size: 13px;
}

.red-t {
    color: red;
}

.accordion-button i {
    font-size: 22px;
    padding-right: 5px;
}

td b {
    font-weight: 700;
}

li.ots {
    opacity: 0.5;
    pointer-events: none;
    user-select: none;
}


.cancel-btn {
    color: red !important;
    border: 1px solid red;
    border-radius: 50px;
    padding: 5px 15px;
}




/*Seema*/
.msg-caption {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 9999;
    left: 0;
    margin: auto;
    text-align: center;
}

    .msg-caption .closable {
        position: relative;
        display: inline-block;
    }






.error1, .success, .information, .attention, .alert {
    background: #fff;
    border-top: 3px solid #558400;
    color: #313131;
    display: block;
    margin: 0;
    padding: 3px 50px 4px 15px;
    margin-bottom: 5px;
    position: relative;
    z-index: 50;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    -webkit-box-shadow: 0px 2px 3px 0px rgba(176,176,176,0.41);
    -moz-box-shadow: 0px 2px 3px 0px rgba(176,176,176,0.41);
    box-shadow: 0px 2px 3px 0px rgba(176,176,176,0.41);
    min-height: 27px;
    font-size: 12px;
}

.success {
    /*background: #fff url(images/sucess.jpg) no-repeat 10px 3px;*/
    border-color: #558400;
    color: #313131;
    margin-bottom: 0;
    background-color: #f1f7e4 !important;
    font-weight: bold;
}

.error1 {
    background: #fff url(images/error.jpg) no-repeat 10px -5px;
    border-color: #ec3b3b;
    color: #313131;
    font-weight: bold;
}

.information {
    background: #fff url(images/information.jpg) no-repeat 10px -5px;
    border-color: #1998d8;
    color: #313131;
}

.alert {
    background: #fff url(images/aleart.jpg) no-repeat 10px -5px;
    border-color: #c09853;
    color: #313131;
}

.attention {
    background-color: #fef5be;
    border-color: #d9d3b1;
    background-position: left -163px;
    color: #605611;
}

.divmessage, .message, .divmessage {
    display: block;
    clear: both;
    width: 100%;
    position: relative;
}
/* Close Button*/
.closable {
    position: relative;
}

    .closable .closelink {
        position: absolute;
        top: -4px;
        right: -3px;
        width: 26px;
        height: 26px;
        background: url('images/close.png') no-repeat 0 0;
        margin-top: 10px;
        cursor: pointer;
        opacity: 0.3;
    }

.closelink:hover {
    opacity: 1;
}

.password_change em.error.help-block {
    top: 0;
}







.a2a_kit.a2a_kit_size_32.a2a_default_style {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: auto;
    gap: 5px;
}

    .a2a_kit.a2a_kit_size_32.a2a_default_style a {
        width: 30px;
        height: 30px;
    }

        .a2a_kit.a2a_kit_size_32.a2a_default_style a span {
            width: 30px !important;
            height: 30px !important;
            border-radius: 5px;
            display: flex;
        }

            .a2a_kit.a2a_kit_size_32.a2a_default_style a span svg {
                max-width: 100%;
                height: 100%;
                object-fit: cover;
            }

.a2a_label {
    display: none !important;
}






/*

    //28/11/2024*/


body.loading {
    cursor: wait;
    position: relative;
    pointer-events: none;
}

    body.loading::before {
        content: '';
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0.5;
        z-index: 9998;
        pointer-events: none;
        background: #00000058;
    }

    body.loading::after {
        content: '';
        position: fixed;
        top: 50%;
        left: 50%;
        width: 40px;
        height: 40px;
        margin: -20px 0 0 -20px; /* Centers the spinner */
        border: 4px solid rgba(0, 0, 0, 0.2); /* Light gray border */
        border-top-color: #ffc700; /* Dark border for the spinning effect */
        border-radius: 50%; /* Makes it a circle */
        animation: spin 0.8s linear infinite;
        z-index: 9999; /* Ensure the spinner is on top */
    }

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

.paper_tab_content_main {
    display: none;
}

.product_details_sub_tabs {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

    .product_details_sub_tabs li {
        cursor: pointer;
        padding: 10px;
    }

    .product_details_sub_tabs li {
        border: none;
        background-color: transparent !important;
        padding-inline: 10px;
        color: #1d1c1c;
        border: 1px solid #ddd !important;
        border-radius: 5px !important;
    }

        .product_details_sub_tabs li.active {
            border: 1px solid #024612 !important;
            background: #0246120f !important;
            position: relative;
        }

.paper_tab_content.active {
    position: relative;
}

    .product_details_sub_tabs li.active::before, .paper_tab_content.active::before {
        content: '\F26A';
        font-family: 'bootstrap-icons' !important;
        position: absolute;
        top: -7px;
        right: -7px;
        font-size: 20px;
        color: #0c9e5b;
        width: 20px;
        height: 20px;
        background-color: #fff;
        border-radius: 50%;
        display: inline-block;
        line-height: 20px;
    }

    .paper_tab_content.active::before {
        color: #27d069;
    }

.product_details_sub_tab_content .paper_tab_item {
    display: flex;
    margin-top: 10px;
    gap: 10px;
}

.paper_tab_content.active {
    background-color: rgb(2, 70, 18);
    color: rgb(255, 255, 255);
}

.content-placeholder {
    font-family: 'Arial', sans-serif;
    font-size: 1.6rem; /* Adjust size as needed */
    color: #555; /* Neutral color for text */
    background-color: #f9f9f9; /* Light background for contrast */
    border: 1px dashed #ccc; /* Subtle dashed border */
    padding: 20px; /* Add spacing inside the box */
    text-align: center; /* Center-align text */
    margin: 20px auto; /* Center box horizontally */
    width: 80%; /* Adjust width for responsiveness */
    border-radius: 10px; /* Smooth corners */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
    font-weight: bold;
}
/* Sriman */

.login-content .forget a {
    background-color: #fff;
    padding: 10px;
    font-size: 14px;
    color: #171717;
    position: relative;
    display: block;
    z-index: 1;
}

    .login-content .forget a::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 1px;
        top: 50%;
        left: 0;
        background-color: #f1eefb;
        z-index: -1;
        transform: translateY(-50%);
    }

    .login-content .forget a span {
        background: #fff;
        padding-inline: 10px;
    }

.btn-size.cus-btn-sec {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
}


.navbar .menu-item-has-children ul.sub-menu li {
    display: flex;
    justify-content: center;
    align-items: center;
}

.navbar a, .navbar a:focus {
    padding-block: 5px;
    padding-inline: 20px;
    font-size: 14px;
    letter-spacing: 1px;
}

.owl-carousel.inspire-owl.owl-theme.scrl-nav button.owl-dot {
    position: absolute;
    top: 100%;
}

.navbar .menu-item-has-children > ul.sub-menu li a:last-child {
    padding-left: 0;
}







.floating-form #registerForm .error.help-block {
    transform: translateY(-5px);
}

#productEnquiryForm {
    margin-bottom: 30px;
}

.contact-box {
    display: flex;
    width: 100%;
    padding: 15px;
    border: 1px solid #e1e3e6;
}

    .contact-box .icon-box {
        min-width: 49px;
        height: 49px;
        margin-top: 6px;
    }

        .contact-box .icon-box i {
            font-size: 18px;
            background-color: #7d27245e;
            color: #2b1a12;
            display: flex;
            width: 100%;
            height: 100%;
            align-items: center;
            justify-content: center;
            border-radius: 30px;
        }

    .contact-box p {
        font-size: 17px;
        font-family: "Poppins-Medium", sans-serif;
        line-height: 25px;
        color: #111;
    }

    .contact-box h5 {
        font-size: 15px;
        line-height: 26px;
        letter-spacing: 0.25px;
    }

.why-choose-sec .sec-title {
    font-family: "Poppins-SemiBold", sans-serif;
    font-size: 1.4rem;
    text-transform: capitalize;
}

.why-choose-sec.sec-gap {
    margin-top: 30px;
}

form#ProfileForm em.error.help-block, form#PasswordForm em.error.help-block {
    top: 0;
}

@media (min-width: 1024px) {
    .navbar .menu-item-has-children ul li:hover > a {
        width: 100%;
        /*padding-inline: 20px !important;*/
    }
}

@media screen and (max-width:576px) {
    .product_details_sub_tab_content .paper_tab_item {
        flex-wrap: wrap;
    }

    .sec-title {
        font-size: 1.1rem;
        text-align: left !important;
    }

    #productEnquiryForm {
        margin-bottom: 0;
    }
}
/*
    .cart-header > div:nth-child(1), .cart-item > div:nth-child(1) {
        width: 100%;
        max-width: 400px;
    }

    .cart-header > div, .cart-item > div {
        min-width: 110px !important;
    }

        .cart-header > div:nth-child(2), .cart-item > div:nth-child(2) {
            min-width: 130px !important;
        }
    */
form#productEnquiryForm em.error.help-block {
    top: 0px;
}

.pooja-sec .item, .inspire-card {
    height: 95%;
}

.pooja-sec .owl-carousel .owl-stage {
    display: flex;
}

.clr1 {
    font-family: 'Poppins-Medium';
}

.login-content .login-head {
    font-size: 20px;
    color: #2c0000;
    font-family: 'Poppins-Medium', sans-serif;
    line-height: 26px;
}

    .login-content .login-head .login-sec-right p {
        text-align: center;
    }

.sec-title.soon .clr1 {
    font-size: 22px;
    font-family: 'Poppins-Medium';
    line-height: 40px;
}



.input-box.input-box2 {
    width: 100%;
    background-color: #efefe670;
    border: 1px solid transparent;
    line-height: 28px;
    padding: 10px;
    padding-left: 10px;
    padding-left: 15px;
    border-radius: 50px;
    color: #000;
}

.input-textarea {
    border-radius: 10px;
}

.input-box.input-box2.input-textarea {
    border-radius: 15px;
}

.contact-box .add__sec {
    display: flex;
    border-bottom: 1px solid #e1e3e699;
    padding-bottom: 10px;
}

    .contact-box .add__sec.mb__gap {
        margin-bottom: 45px;
        padding-bottom: 10px;
    }

    .contact-box .add__sec .icon-box {
        display: inline-block;
    }

.contact-box.contact-box2 {
    display: grid;
    padding-block: 42px;
    border-radius: 15px;
}

.btn-1.pn__btn {
    margin-top: -15px;
}





/*/ Suggestions dropdown /*/
.ui-autocomplete {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: white;
    border: 1px solid #ccc;
    border-top: none;
    border-radius: 0 0 5px 5px;
    max-height: 200px;
    overflow-y: auto;
    z-index: 1000;
    display: none;
    max-width: 350px;
}

    /*/ Styling each suggestion /*/
    .ui-autocomplete li {
        list-style: none;
        padding: 10px;
        cursor: pointer;
        background-color: #ffffff;
        border-bottom: 1px solid #eee;
    }

        /*/ Hover effect /*/
        .ui-autocomplete li:hover {
            background-color: #f0f0f0;
        }

input#UserQunatity {
    border-color: #ffc700;
}

    input#UserQunatity::placeholder {
        font-size: 11px !important;
        color: green;
    }


.inner_content {
    border-radius: 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    background-color: #f9f9f9;
    border: 1px dashed #ccc;
    padding: 40px 20px;
}




/* New cart css */

.product-image {
    max-width: 100px;
    margin-right: 20px;
}

.cart-row {
    display: flex;
    flex-wrap: wrap;
    margin: 0px auto 20px;
    gap: 30px;
    position: relative;
}

.cart-list {
    flex: 1 1 68%;
}

.order-summary {
    flex: 1 1 28%;
    position: sticky;
    top: 150px;
    height: max-content; /* Ensure it doesn't shrink */
}

.cart-item b, .cart-item strong {
    font-weight: normal;
}


.cart-header, .cart-item {
    display: block;
    vertical-align: middle;
}

    .cart-header > div, .cart-item > div {
        display: inline-block;
        vertical-align: middle;
    }

.cart-pro-img-content {
    display: flex !important;
    gap: 20px;
}

.cart-item {
    align-items: center;
}

    .cart-header > div:nth-child(1), .cart-item > div:nth-child(1) {
        width: calc(98% - 410px);
    }

    .cart-header > div:nth-child(2), .cart-item > div:nth-child(2), .cart-header > div:nth-child(3), .cart-item > div:nth-child(3) {
        width: 125px
    }

    .cart-header > div:nth-child(4), .cart-item > div:nth-child(4) {
        width: 110px
    }

    .cart-header > div:nth-child(5), .cart-item > div:nth-child(5) {
        width: 45px;
        text-align: end;
    }

.cart-item {
    border: 1px solid #e6e6e6;
    margin-top: 10px;
    padding: 25px 0 25px 20px;
}

.cart-header {
    background-color: #fafafa;
    font-size: 12px;
    font-family: 'Poppins-SemiBold';
    text-transform: uppercase;
    color: #232323 !important;
    letter-spacing: .05em;
    line-height: 22px;
}

.cart-item .product-name {
    font-size: 13px;
    letter-spacing: 0.24px;
    line-height: 22px;
    font-family: 'Poppins-Regular';
    font-weight: normal !important;
    color: #232323 !important;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
}

    .cart-item .product-name:hover {
        text-decoration: underline !important;
        text-underline-offset: .3rem;
    }

.cart-header > div {
    padding: 12px;
}

    .cart-header > div:not(:first-child), .cart-item > div:not(:first-child) {
        text-align: center !important;
    }

.cart-item strong {
    font-family: 'Poppins-SemiBold', sans-serif !important;
}

.cart-item-price, .cart-item-total-price {
    font-size: 14px;
    font-family: 'Poppins-Medium';
}

.order-summary {
    font-size: 12px;
    color: #232323;
    line-height: 22px;
}

.order-summary-head {
    font-family: 'Poppins-Bold', sans-serif;
    border-bottom: 2px solid #232323;
    text-transform: uppercase;
    margin-bottom: 20px;
    letter-spacing: .05em;
}

.checkout-buttons {
    margin-top: 15px;
}

    .checkout-buttons a {
        display: block !important;
        text-align: center;
        margin-bottom: 10px;
        font-family: 'Poppins-SemiBold';
        letter-spacing: .04em;
        border: 1px solid #024612;
        transition: all ease 0.2s;
    }

        .checkout-buttons a:last-child {
            background-color: transparent;
            color: #232323;
        }

        .checkout-buttons a:first-child:hover {
            background-color: transparent;
            color: #232323;
        }

        .checkout-buttons a:last-child:hover {
            background-color: #a66929;
            color: #fff;
            border: 1px solid #a66929;
        }

.cart-coupon {
    margin-block: 15px;
    border-top: 2px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    padding-block: 17px;
}

    .cart-coupon input {
        box-shadow: 0 0 0 .06rem #c7c7c7 !important;
        border: 0px !IMPORTANT;
        width: 100%;
        padding: 10px;
        margin-bottom: 10px;
        ;
    }

.order-summary-total {
    letter-spacing: 0.09em;
    text-transform: uppercase;
    font-family: 'Poppins-SemiBold';
}

    .order-summary-total span {
        font-family: 'Poppins-SemiBold';
        letter-spacing: 0.05em;
        font-size: 16px;
    }

.order-summary-total {
    border-bottom: 2px solid #e6e6e6;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

#bindrb {
    position: sticky;
    top: 0;
}

.checkout-payment-table {
    font-family: 'Poppins-Medium', sans-serif;
    font-size: 14px;
}

    .checkout-payment-table strong {
        font-family: 'Poppins-SemiBold', sans-serif;
        font-size: 14px;
    }


a {
    cursor: pointer;
}

.position-top {
    position: sticky;
    top: 85px;
}

.address-box .clr1:nth-child(1) {
    color: #024612;
}

.address-box .clr1:nth-child(2) {
    color: red;
}

.sidebar-item-qty {
    font-family: 'Poppins-Medium';
    background: #ffefc0;
    font-size: 13px;
    padding: 0px 15px;
    letter-spacing: 0.5px;
}

.qtywidth .group {
    margin-top: 5px;
}

.cart-bg-box .cart-header > div:nth-child(1), .cart-bg-box .cart-item > div:nth-child(1) {
    width: calc(100% - 374px);
}

.cart-bg-box .cart-pro-img-content {
    gap: 12px;
}

.cart-bg-box .product-image {
    width: 72px;
    height: auto;
    object-fit: contain;
}

.cart-bg-box .cart-item {
    padding: 10px;
}

.cart-bg-box .cart-item {
    padding: 10px 0px;
    border-inline-width: 0px;
}

a.btn-green {
    display: inline-block;
}

.total-cnt {
    font-family: 'Poppins-SemiBold';
    letter-spacing: 0.05em;
    font-size: 17px;
}

.total-cnt-head {
    font-family: 'Poppins-Medium';
    letter-spacing: 0.05em;
    font-size: 13px;
}

.total-box {
    text-align: right !important;
    padding-block: 20px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 70px;
    border-bottom: 2px solid #e6e6e6;
}

.cart-bg-box .conformation-sec .cart-item {
    padding: 0px 0px 10px 0px;
    border-inline-width: 0px;
    border-top: 0px;
}

.pprice-item-bar {
    font-family: 'Poppins-Medium';
}

.pdetails-reference {
    font-family: 'Poppins-Medium', sans-serif;
    font-size: 14px;
    background-color: #eefff2;
    padding: 0px 5px;
    display: inline-block;
}

.ppitem-price-qty {
    font-family: 'Poppins-Medium';
    display: inline-flex;
    gap: 20px;
    color: #0c9e5b;
}

    .ppitem-price-qty span {
        font-size: 13px;
        color: #232323;
    }

.pay-details {
    display: grid;
    gap: 10px;
    font-family: 'Poppins-Medium';
    text-align: center;
    font-size: 14px;
}

    .pay-details > div > span:first-child {
        background: #e6ffe6;
        padding: 0px 10px;
        font-size: 12px;
    }

@media(max-width:1200px) {
    .cart-row {
        display: block
    }

        .cart-row.res-rev {
            flex-direction: column-reverse;
            display: flex;
            justify-content: center;
        }

    .order-summary {
        display: flex;
        margin-top: 35px;
        gap: 30px;
    }

        .order-summary > div {
            width: 45%;
        }

    .cart-coupon {
        border-bottom: 0px;
    }

    .cart-row.res-rev .order-summary {
        position: unset;
        justify-content: center;
        margin-top: 0px;
    }

    .order-summary-head {
        padding-bottom: 10px;
        margin-bottom: 15px;
    }
}

@media(max-width:991px) {
    .product_details_sub_tab_content .paper_tab_content_main {
        flex-wrap: wrap;
    }

    .order-summary > div {
        width: 100%;
    }

    .cart-coupon {
        border-bottom: 1px solid #e6e6e6;
    }

    .order-summary {
        max-width: 500px;
        margin: 35px auto 0px auto;
        display: block;
    }

    .cart-header > div:nth-child(3), .cart-header > div:nth-child(4), .cart-header > div:nth-child(5) {
        display: none;
    }

    .cart-pro-img-content {
        gap: 15px;
    }

    .cart-item .qty-container .input-qty {
        padding: 0px 6px;
        max-width: 35px;
    }

    .cart-item .qty-container .qty-btn-minus, .qty-container .qty-btn-plus {
        padding: 1px 3px;
        height: 25px;
        width: 25px;
    }

    .cart-item {
        padding: 10px;
    }

    .cart-item {
        padding: 10px 10px 10px 0;
        display: grid;
        grid-template-columns: 3fr 1fr;
        grid-template-areas:
            "item-info item-price"
            "item-info item-quantity"
            "item-info item-remove";
        column-gap: 10px;
    }

    .cart-header {
        display: grid;
        grid-template-columns: 3fr 1fr;
        grid-template-areas:
            "item-info item-price";
        column-gap: 10px;
    }

        .cart-header > div:nth-child(1) {
            grid-area: item-info;
            padding-left: 10px;
            width: auto;
        }

    .cart-item > div:nth-child(1) {
        grid-area: item-info;
        padding-left: 10px;
        width: auto;
    }

    .cart-item > div:nth-child(4), .cart-item > div:nth-child(3), .cart-item > div:nth-child(5), .cart-item > div:nth-child(2), .cart-header > div:nth-child(2) {
        margin-left: auto;
        margin-right: 0;
        text-align: right !important;
    }

    .cart-item > div:nth-child(5) {
        grid-area: item-remove;
    }

    .cart-item > div:nth-child(4) {
        display: none;
        /* grid-area: item-quantity; */
    }

    .cart-item > div:nth-child(2) {
        grid-area: item-price;
    }

    .cart-header > div:nth-child(2) {
        grid-area: item-price;
    }

    .quaty-paart .d-flex {
        flex-wrap: wrap;
    }

    .cart-bg-box .cart-header > div:nth-child(1), .cart-bg-box .cart-item > div:nth-child(1) {
        width: auto;
    }
}

@media(max-width:576px) {
    .cart-item {
        position: relative;
    }

        .cart-item > div:nth-child(5) {
            position: absolute;
            top: -6px;
            right: -5px;
        }

        .cart-item > div:nth-child(5) {
            width: 26px;
            text-align: end;
        }


        .cart-item > div:nth-child(1) {
            padding-right: 10px
        }

    .breadcum-gap .breadcum-li {
        display: none;
    }

    .pdetails-left-wrap {
        margin-top: 20px;
    }

    .cart-table-totals-total td {
        font-family: 'Poppins-Medium';
        font-size: 15px;
        color: green;
        border: 0;
    }

    .checkout-payment-table {
        font-size: 13px;
    }

    .cart-bg-box .cart-item > div:nth-child(1) {
        padding-left: 0px;
    }

    .choose-size-list li {
        padding: 0px 17px;
        font-size: 12px;
    }

    .cart-header > div:not(:first-child) {
        display: none;
    }

    .cart-item {
        display: block;
        text-align: end;
    }

        .cart-item > div:first-child {
            text-align: left;
            display: block;
        }

    .product-image {
        width: 90px;
        height: 110px;
    }

    .cart-item {
        line-height: 20px;
    }

        .cart-item > div:nth-child(2) {
            display: block;
            text-align: left !important;
            width: auto;
            padding-left: 108px;
        }

    .shadow-bx {
        padding: 15px;
    }

    .cart-list {
        padding: 0px;
    }

    .product-details > div {
        margin-bottom: 3px;
    }

    .cart-item {
        align-items: center;
        font-size: 12px;
        line-height: 20px;
    }

        .cart-item > div:not(:first-child) {
            margin-bottom: 7px;
        }

    .cart-item-price {
        margin-bottom: 15px;
        margin-top: 5px;
    }

    .cart-pro-img-content {
        gap: 8px !important;
    }

    .cart-bg-box .cart-item > div:nth-child(2) {
        padding-left: 85px;
    }

    .accordion-body {
        padding: 10px;
    }

        .accordion-body img {
            max-width: 100%;
        }

    .cart-bg-box .cart-item-price {
        margin-bottom: 7px;
        margin-top: 10px;
        text-align: end;
    }

    .cart-row {
        margin-top: 0px;
    }

    .pb-gap {
        /* padding-top: 20px; */
    }

    .cart-item > div:nth-child(2), .cart-item > div:nth-child(3), .cart-item > div:nth-child(4) {
        display: none;
    }
}

.cart-item-remove:hover {
    transform: scale(1.1);
}

.cart-item-remove {
    transition: ease all 0.5s;
}

.htop {
    position: relative;
    width: 100%;
    transition: all 0.5s ease; /* Smooth transition */
}

    .htop.fixed {
        position: fixed;
        top: 0; /* Fixed at the top when scrolling */
        animation: slideDown 0.5s forwards; /* Slide down animation */
        z-index: 90;
    }

    .htop.slide-up {
        animation: slideUp 0.5s forwards; /* Slide up animation */
    }

@keyframes slideDown {
    from {
        top: -100px;
    }

    to {
        top: 0;
    }
}

@keyframes slideUp {
    from {
        top: 0;
    }

    to {
        top: -100px;
    }
}

.cu-input {
    padding: 5px 0px;
    border-color: #ccc;
    box-sizing: content-box;
    border-width: 1px;
    border: 1px solid #ccc;
    display: block;
    width: 100%;
}

.cutom-tab-click {
    margin-bottom: 20px;
    background: #eefff2;
    padding: 10px 10px 20px;
}

    .cutom-tab-click .input-btns input {
        border: 0px !important;
        width: 45px;
        height: 100%;
        text-align: center;
    }

    .cutom-tab-click span {
        font-size: 25px;
    }

    .cutom-tab-click .input-btns {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border: 1px solid #ccc;
        background: #fff;
    }

    .cutom-tab-click .btn-size {
        border: 0px;
        padding: 7px 15px;
    }

    .cutom-tab-click strong {
        font-family: 'Poppins-Medium';
        font-weight: normal;
        font-size: 14px;
        margin-bottom: 5px;
    }

.radio-list label {
    color: #3b3b3b;
}

.cutom-tab-click > strong {
    font-size: 16px;
    margin-bottom: 5px;
    display: inline-block;
}

.aply-c-code-btn {
    cursor: pointer;
    font-family: 'Poppins-SemiBold';
    font-size: 14px;
    margin-bottom: 20px;
}

.checkout-payment-table.border-0 .cart-table-totals-total {
    border-bottom: 1px solid #D4DADD;
}

.radio-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.cutom-tab-click label {
    font-family: 'Poppins-Medium';
    font-size: 12px;
    line-height: 20px;
}

.radio-grp {
    display: flex;
    gap: 3px;
    font-family: 'Poppins-Regular';
}

.share span i {
    padding: 10px;
    background: red;
    border-radius: 50px;
    width: 35px;
    height: 35px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 20px;
}

.share span {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    margin-right: 14px;
    font-size: 16px;
    font-family: 'Poppins-Regular';
}

.test-share a {
    display: none;
}

.test-share.active a {
    display: block;
}

.heading.h6.text--strong {
    font-family: 'Poppins-Medium';
}

.inner_content > h1 {
    font-family: 'Poppins-SemiBold';
    font-size: 36px;
}

.g-recaptcha {
    margin-block: 12px;
}

b, strong {
    font-family: 'Poppins-SemiBold ' !important;
    font-weight: normal !important;
}

.mobile-price-qty span {
    position: relative;
}

    .mobile-price-qty span::before {
        content: 'Qty :';
        font-weight: bold;
        padding-right: 5px;
    }

.prfle-block .btn-1, .btn-1 {
    font-size: 14px;
    padding: 6px 20px;
    text-align: center !important;
    min-width: 120px;
}



.cart-list1 .cart-item > div:nth-child(1) {
    max-width: 30%
}

.cart-list1 .cart-item > div:nth-child(2), .cart-list1 .cart-item > div:nth-child(4), .cart-list1 .cart-item > div:nth-child(5), .cart-list1 .cart-item > div:nth-child(6) {
    width: 125px;
}

.cart-list1 .cart-item > div:nth-child(3) {
    width: 120px;
}

.cart-list1 .cart-item > div:nth-child(7) {
    width: 220px;
    text-align: end;
}

.cart-list1 .cart-header > div:nth-child(1) {
    max-width: 30%
}

.cart-list1 .cart-header > div:nth-child(2), .cart-list1 .cart-header > div:nth-child(4), .cart-list1 .cart-header > div:nth-child(5), .cart-list1 .cart-header > div:nth-child(6) {
    width: 125px;
}

.cart-list1 .cart-header > div:nth-child(3) {
    width: 120px;
}

.cart-list1 .cart-header > div:nth-child(7) {
    width: 220px;
    text-align: end;
}

.menu-active {
    border: 1px solid #400201db;
    padding: 0px 10px;
    border-radius: 50px;
    color: #ffb200;
    background-color: #400201db;
}
/* \\\\\\\\\\\\\\ */






/* pandari */
.sec__sub__title {
    color: #000000;
    margin-top: 0px;
    margin-bottom: 5px;
}

.sec__sub__title2 {
    color: #000000;
}

.sec__sub__title3 {
    padding: 0px;
}

.about__inner .about__img {
    float: right;
    padding-left: 40px;
}

    .about__inner .about__img img {
        width: 100%;
        max-width: 450px;
        height: 490px;
        object-fit: cover;
        object-position: top;
        border-radius: 10px;
    }

.about__inner .about__img2 {
    float: left;
    padding-right: 40px;
}

    .about__inner .about__img2 img {
        width: 100%;
        max-width: 350px;
        height: 240px;
        object-fit: cover;
        object-position: top;
        border-radius: 10px;
    }




.inner-cnt {
    padding-block: 20px;
}

.accordion_set #accordionExample .accordion-item {
    /* border: 1px solid #024612; */
    border-radius: 0;
    margin-bottom: 10px;
}

.accordion-button:not(.collapsed) {
    background: #6c3118;
    color: #fff;
}

    .accordion-button:not(.collapsed)::after {
        filter: brightness(100);
    }

.accordion-item:first-of-type .accordion-button {
    border-radius: 0;
}

.accordion-header {
    margin-bottom: 0;
}

.accordion-button {
    background: #fff;
    font-family: 'Poppins-Medium', sans-serif;
    font-size: 15px;
}

    .accordion-button:focus {
        z-index: 3;
        border-color: none;
        outline: 0;
    }


    .accordion-button.collapsed:focus {
        box-shadow: unset;
    }

    .accordion-button:focus {
        box-shadow: none;
    }

    .accordion-button::after {
        background-size: 20px;
        transform: translateY(3px);
    }

.accordion_set #accordionExample .accordion-item .accordion-header .accordion-button.collapsed {
    border: 1px solid #ffc700;
}
/* contact  css */
textarea.form__control {
    padding-bottom: 14px;
}

.contact__pd {
    padding-block: 10px;
    align-items: start;
}

.contact__form {
    padding: 20px 30px;
}

.contact__icon__img img {
    width: 100%;
    max-width: 20px;
    margin-right: 12px;
    line-height: 28px;
    object-fit: contain;
}

.contact__icon__img a {
    color: black;
    font-size: 16px;
    align-content: center;
    display: inline-flex;
    align-items: flex-start;
}

.contact__box {
    border: 1px solid #dfdfdf;
    background-color: #fff;
    padding-top: 20px;
    padding-left: 23px;
    padding-bottom: 25px;
    padding-right: 15px;
    min-height: 220px;
    justify-content: space-between;
    display: flex;
}

.add__title {
    background: none;
    padding: 0;
}

.con-t {
    color: #03756e;
}

.get-directions-bg {
    width: 162px;
    height: 34px;
    border-radius: 50px;
    background-color: #ffffff;
    border: 1px solid #c3d0dd;
    align-items: center;
    display: flex;
    padding: 10px;
    margin-top: 15px;
}

.get-directions-ico {
    background: url('../images/dire-icon.png') no-repeat left top;
    display: inline-block;
    vertical-align: middle;
    width: 15px;
    height: 18px;
    margin-right: 10px;
    margin-top: -3px;
}

.ul__contact {
    margin-top: -5px;
}

.contact__box__img img {
    /* width: 100%; */
    height: 190px;
}

.contact__form__side__img {
    padding-top: 10px;
}

    .contact__form__side__img img {
        width: 100%;
        height: 351px;
        object-fit: cover;
    }

.add__title {
    margin-bottom: -10px;
}

/* hover button css */

.hover-btn {
    display: inline-block;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

    .hover-btn::before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        transform: scaleX(0);
        transition: transform 1s cubic-bezier(0.075, 0.82, 0.165, 1);
        transform-origin: center right;
        z-index: -1;
    }

    .hover-btn:hover::before {
        transform: scaleX(1);
        transform-origin: center left;
        z-index: -1;
    }

.btn-1 {
    background-color: #6c3118;
    font-family: var(--theme-poppins-regular);
    color: var(--white);
    font-size: 13px;
    line-height: var(--lh42);
    display: inline-block;
    letter-spacing: 0.25px;
    padding-inline: 30px;
    border-radius: 50px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    color: #fff;
    padding-top: 6px;
    padding-bottom: 6px;
}

    .btn-1.text-uppercase {
        font-size: 14px;
    }

.btn-2 {
    display: inline-block;
    line-height: var(--lh42);
    border-radius: 2px;
    background-image: linear-gradient(0deg, #ebe9e9 0%, #fbfbfb 100%);
    border: 1px solid #dad5e0;
    font-size: 12px;
    letter-spacing: 0.25px;
    color: #1f1f1f;
    font-family: var(--theme-poppins-regular);
    padding-inline: 30px;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.btn-3 {
    letter-spacing: 0.25px;
    font-family: var(--theme-poppins-regular);
    padding-inline: 33px;
    font-size: 13px;
    color: #6e581a;
    display: inline-block;
    line-height: var(--lh42);
    border-radius: 21px;
    background-color: rgba(255, 224, 27, 0);
    border: 1px solid #96824a;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

    .btn-3:hover {
        color: #fff;
        border-color: var(--clr7);
    }

.error {
    color: #fb1616;
    text-transform: capitalize;
    font-style: normal !important;
}

.input-box.error {
    border-color: var(--clr3);
}


.cus-btn-sec {
    min-width: 100px;
    height: 45px;
    border-radius: 3px;
    background-color: #e8e8e8;
    display: inline-block;
    line-height: 45px;
    color: #232323;
    margin-left: 20px;
}

.desk-btm-p .lp {
    padding-left: 90px;
}

.ps-2 {
    padding-left: .5rem !important;
}

.desk-btm-p {
    padding-bottom: 20px;
}

form em.error.help-block {
    position: relative;
    top: 3px;
}



/* POPUP CSS */


/* modal popup css */

.popup-card {
    padding: 15px;
}

.popup-img {
    border-radius: 12px;
}

.popup-cnt {
    padding: 20px 15px 15px 15px;
}

.popup-title {
    font-size: 20px;
    color: #cda44c;
    margin-bottom: 0;
}


/* lakshmi css */

.pull-right {
    float: right !important;
}

#modalOverlay {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 99999;
    height: 100%;
    width: 100%;
}

.modalPopup {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    border-radius: 12px;
    width: 38%;
    -webkit-box-shadow: 0 2px 10px 3px rgba(0,0,0,.2);
    -moz-box-shadow: 0 2px 10px 3px rgba(0,0,0,.2);
    box-shadow: 0 2px 10px 3px rgba(0,0,0,.2);
    /* width: 745px; */
    /* height: 610px; */
}

.buttonStyle {
    border: 0;
    border-radius: 0;
    background: transparent;
    cursor: pointer;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    position: absolute;
    top: -15px;
    right: -15px;
    padding: 0;
}

.popup-cnt .forget {
    margin-top: 15px;
}

    .popup-cnt .forget a {
        background-color: #fff;
        font-size: 14px;
        color: #171717;
        position: relative;
    }

        .popup-cnt .forget a::before, .popup-cnt .forget a::after {
            content: "";
            position: absolute;
            width: 100%;
            height: 1px;
            top: 10px;
            background-color: #f1eefb;
            z-index: 0;
        }

        .popup-cnt .forget a::before {
            left: 100%;
            margin-left: 15px;
        }

        .popup-cnt .forget a::after {
            right: 100%;
            margin-right: 15px;
        }


/* popup form css */



.product_details_sub_tabs {
    border-bottom: none;
}

.finishig_set {
    display: flex;
    gap: 10px;
    text-align: start;
}

    .finishig_set p {
        font-size: 12px;
        line-height: 18px;
        margin-bottom: 0;
    }

        .finishig_set p.paper_title {
            font-size: 12px;
            line-height: 18px;
            margin-bottom: 1px;
            font-weight: 600;
        }

.finishing_img_set {
    max-width: 70px;
    max-height: 70px;
}

    .finishing_img_set img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 5px;
    }

.product_details_sub_tabs .nav-item {
    margin-bottom: 8px;
}

    .product_details_sub_tabs .nav-item button {
        border: none;
        background-color: transparent !important;
        padding-inline: 10px;
        color: #1d1c1c;
        border: 1px solid #ddd !important;
        border-radius: 5px !important;
    }
/* .product_details_sub_tab_content .paper_tab_content_main {} */
.product_details_sub_tab_content .paper_tab_content {
    border: 1px solid #ddd !important;
    border-radius: 5px !important;
    margin-bottom: 5px;
    padding: 10px;
    display: inline-block;
    color: #1d1c1c;
}

.product_details_sub_tab_content .paper_tab_content_main {
    display: flex;
    gap: 5px;
    margin-top: 10px;
}

.product_details_sub_tabs .nav-item button.active {
    border: 1px solid #024612 !important;
    background: #0246120f !important;
}

.product_details_sub_tab_content .paper_tab_content .finishing_img_set {
    max-width: 50px;
    max-height: 50px;
}

label {
    font-size: 14px;
}

.red-t {
    color: red;
}

.accordion-button i {
    font-size: 22px;
    padding-right: 5px;
}

td b {
    font-weight: 700;
}

li.ots {
    opacity: 0.5;
    pointer-events: none;
    user-select: none;
}


.cancel-btn {
    color: red !important;
    border: 1px solid red;
    border-radius: 50px;
    padding: 5px 15px;
}




/*Seema*/
.msg-caption {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 9999;
    left: 0;
    margin: auto;
    text-align: center;
}

    .msg-caption .closable {
        position: relative;
        display: inline-block;
    }






.error1, .success, .information, .attention, .alert {
    background: #fff;
    border-top: 3px solid #558400;
    color: #313131;
    display: block;
    margin: 0;
    padding: 3px 50px 4px 15px;
    margin-bottom: 5px;
    position: relative;
    z-index: 50;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    -webkit-box-shadow: 0px 2px 3px 0px rgba(176,176,176,0.41);
    -moz-box-shadow: 0px 2px 3px 0px rgba(176,176,176,0.41);
    box-shadow: 0px 2px 3px 0px rgba(176,176,176,0.41);
    min-height: 27px;
    font-size: 12px;
}

.success {
    /*background: #fff url(images/sucess.jpg) no-repeat 10px 3px;*/
    border-color: #558400;
    color: #313131;
    margin-bottom: 0;
    background-color: #f1f7e4 !important;
    font-weight: bold;
}

.error1 {
    background: #fff url(images/error.jpg) no-repeat 10px -5px;
    border-color: #ec3b3b;
    color: #313131;
    font-weight: bold;
}

.information {
    background: #fff url(images/information.jpg) no-repeat 10px -5px;
    border-color: #1998d8;
    color: #313131;
}

.alert {
    background: #fff url(images/aleart.jpg) no-repeat 10px -5px;
    border-color: #c09853;
    color: #313131;
}

.attention {
    background-color: #fef5be;
    border-color: #d9d3b1;
    background-position: left -163px;
    color: #605611;
}

.divmessage, .message, .divmessage {
    display: block;
    clear: both;
    width: 100%;
    position: relative;
}
/* Close Button*/
.closable {
    position: relative;
}

    .closable .closelink {
        position: absolute;
        top: -4px;
        right: -3px;
        width: 26px;
        height: 26px;
        background: url('images/close.png') no-repeat 0 0;
        margin-top: 10px;
        cursor: pointer;
        opacity: 0.3;
    }

.closelink:hover {
    opacity: 1;
}

.password_change em.error.help-block {
    top: 0;
}
/*Sri_css new_cart */

.cart-item-title-bar, .cart-item-bar {
    background: #fafafa;
    display: flex;
    gap: 10px;
    padding: 15px 20px;
    align-items: center;
}

    .cart-item-title-bar > div, .cart-item-bar > div {
        font-family: 'Poppins-Medium';
        max-width: 130px;
        width: 100%;
        text-align: center;
    }

        .cart-item-title-bar > div:first-child, .cart-item-bar > div:first-child {
            max-width: 100%;
            flex-grow: 1;
            text-align: start;
        }

        .cart-item-title-bar > div:last-child, .cart-item-bar > div:last-child {
            max-width: 40px;
            flex-shrink: 1;
            text-align: start;
        }

        .cart-item-bar > div:first-child {
            font-family: 'poppins', sans-serif;
            font-size: 12px;
            line-height: 20px;
            color: #161616;
        }

            .cart-item-bar > div:first-child a {
                color: #161616;
            }

            .cart-item-bar > div:first-child a {
                color: #141414;
            }

.cart-item-bar {
    background: transparent;
    border: 1px solid #ddd;
    margin-top: 10px;
    padding: 25px;
    padding-right: 5px;
}

.cart-item-product-details {
    display: flex;
    gap: 20px;
    align-items: center;
}

.cart-qty-close-res {
    display: none;
}

.cart-amount-res {
    display: none;
}







/* pandari */





/* ============ FIXED HEADER WRAPPER ============ */
.site-header-fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
}

.page-spacer {
    height: 126px;
}
/* matches strip + main header height */

/* ---- thin top strip ---- */
.top-strip {
    background: #2b1a12;
    color: #e9dfce;
    font-size: 13px;
    padding: 8px 0;
}

    .top-strip .container {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .top-strip .tagline {
        letter-spacing: 0.5px;
    }

    .top-strip .strip-right {
        display: flex;
        align-items: center;
        gap: 22px;
    }

        .top-strip .strip-right a {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            line-height: 1;
            color: #e9dfce;
            letter-spacing: 1.2px;
            font-size: 14px;
        }

            .top-strip .strip-right a:hover {
                color: #ff933cad;
            }

    .top-strip .socials {
        display: flex;
        gap: 12px;
        margin-left: 6px;
    }

        .top-strip .socials a {
            width: 26px;
            height: 26px;
            border-radius: 50%;
            border: 1px solid rgba(233,223,206,.4);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 12px;
        }


    .top-strip .strip-right a {
        display: inline-flex;
        align-items: center;
        line-height: 1;
    }

        .top-strip .strip-right a i {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            line-height: 1;
        }

    .top-strip .socials a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        line-height: 1;
        padding: 0;
    }

        .top-strip .socials a i {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            height: 100%;
            line-height: 1;
            font-size: 12px;
        }

/* ---- main header ---- */
.main-header {
    background: #faf6ee;
    border-bottom: 1px solid rgba(0,0,0,.06);
    padding: 14px 0;
}

    .main-header .container {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 24px;
    }

.brand {
    display: flex;
    align-items: center;
    gap: 12px;
}

    .brand .mark {
        width: 46px;
        height: 56px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #7a1f1f;
        font-size: 30px;
        border: 1px solid #b8862f;
        border-radius: 6px;
    }

.brand-name {
    font-size: 26px;
    font-weight: 700;
    color: #7a1f1f;
    line-height: 1.1;
    letter-spacing: .3px;
}

.brand-sub {
    font-size: 10px;
    letter-spacing: 2.5px;
    color: #7a6a55;
    text-transform: uppercase;
    margin-top: 2px;
}

.main-nav ul {
    display: flex;
    gap: 30px;
}

.main-nav a {
    font-size: 15px;
    color: #241a12;
    position: relative;
    padding-bottom: 4px;
}

    .main-nav li.active a,
    .main-nav a:hover {
        color: #7a1f1f;
    }

        .main-nav li.active a::after {
            content: "";
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 2px;
            background: #7a1f1f;
        }

.header-actions {
    display: flex;
    align-items: center;
    gap: 18px;
}

    .header-actions .icon-btn {
        font-size: 18px;
        position: relative;
        color: #241a12;
    }

    .header-actions .cart-count {
        position: absolute;
        top: -8px;
        right: -10px;
        background: #7a1f1f;
        color: #fff;
        font-size: 10px;
        width: 16px;
        height: 16px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

.btn-shop {
    background: #7a1f1f;
    color: #fff !important;
    padding: 11px 22px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    margin-left: 35px;
    text-transform: capitalize !important;
}

    .btn-shop:hover {
        background: #5c1616;
    }

.mobile-toggle {
    display: none;
    font-size: 24px;
    color: #7a1f1f;
    cursor: pointer;
}

@media (max-width:991px) {
    .main-nav {
        flex-basis: 100%;
        display: none;
        order: 3;
    }

        .main-nav.nav-open {
            display: block;
        }

        .main-nav ul {
            flex-direction: column;
            gap: 0;
            padding-top: 10px;
        }

            .main-nav ul li a {
                display: block;
                padding: 10px 0;
                border-top: 1px solid rgba(0,0,0,.06);
            }

    .main-header .container {
        flex-wrap: wrap;
    }

    .mobile-toggle {
        display: block;
    }

    .top-strip .tagline {
        display: none;
    }

    .page-spacer {
        height: 96px;
    }
}

@media (max-width:576px) {
    .btn-shop span {
        display: none;
    }

    .top-strip .strip-right a span {
        display: none;
    }
}

/* ============ BANNER SECTION (your original carousel code) ============ */
.banner-br {
    margin-top: 0px;
    border-radius: 0px;
    border: 0;
    position: relative;
}

/* keep your image exactly as-is, just make sure it fills full width nicely */
.banner-icon {
    width: 100%;
    height: 100%;
}

#demo .carousel-item {
    min-height: 100%;
    position: relative;
}



/* ---- overlay content sitting on top of the banner image ---- */
.banner-overlay {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    top: -350px;
    text-align: start;
}

    .banner-overlay .container {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 20px;
        padding: 0 60px;
    }

.banner-copy {
    max-width: 560px;
}

    .banner-copy h1 {
        font-size: 52px;
        font-weight: 600;
        line-height: 1.15;
        margin: 0 0 18px;
        color: #fff;
    }

    .banner-copy p {
        font-size: 16px;
        line-height: 1.7;
        color: #e7ddce;
        max-width: 420px;
        margin: 0 0 28px;
    }

.banner-cta {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
}

.btn-solid {
    background: #7a1f1f;
    color: #fff;
    padding: 14px 24px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.btn-outline {
    border: 1px solid #e7ddce;
    color: #fff;
    padding: 14px 24px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.btn-solid:hover {
    background: #5c1616;
}

.btn-outline:hover {
    background: rgba(255,255,255,.12);
}

.banner-features {
    display: flex;
    flex-direction: column;
    gap: 26px;
}

    .banner-features li {
        display: flex;
        align-items: center;
        gap: 12px;
        font-size: 14px;
        color: #f1e9da;
        font-weight: 500;
        white-space: nowrap;
    }

    .banner-features i {
        font-size: 20px;
        color: #b8862f;
        width: 24px;
        text-align: center;
    }

@media (max-width:1200px) {
    .banner-features {
        display: none;
    }
}

@media (max-width:991px) {
    #demo .carousel-item {
        min-height: 520px;
        height: 600px !important;
    }

    .banner-overlay .container {
        justify-content: center;
        text-align: center;
        padding: 0 24px;
    }

    .banner-copy {
        margin: 0 auto;
    }

        .banner-copy p {
            margin-left: auto;
            margin-right: auto;
        }

    .banner-cta {
        justify-content: center;
    }

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

    .banner-overlay .banner-copy p {
        display: none;
    }
}

/* your carousel indicators, restyled to match the theme */
#demo .carousel-indicators {
    z-index: 3;
    bottom: 22px;
}

    #demo .carousel-indicators button {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: #e9dfce;
        opacity: .5;
        border: none;
        margin: 0 5px;
    }

        #demo .carousel-indicators button.active {
            opacity: 1;
            background-color: #b8862f;
        }

/* ============ FOOTER ============ */
.site-footer {
    background: #2b1a12;
    color: #cdbca8;
}

.footer-top {
    padding: 40px 0 40px;
    display: grid;
    grid-template-columns: 1.3fr 1fr 1fr 1.1fr 1fr;
    gap: 24px;
}

.footer-brand .brand {
    margin-bottom: 14px;
}

.footer-brand .mark {
    width: 56px;
    height: 66px;
    font-size: 34px;
    border-color: #b8862f;
    color: #d79a2c;
}

.footer-brand .brand-name {
    color: #f3ead9;
    font-size: 30px;
}

.footer-brand .brand-sub {
    color: #b8862f;
    letter-spacing: 3px;
}

.footer-col h4 {
    color: #f3ead9;
    font-family: 'Poppins-medium', sans-serif;
    font-size: 15px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.footer-col ul {
    display: flex;
    flex-direction: column;
    gap: 11px;
}

    .footer-col ul li a {
        color: #cdbca8;
        font-size: 14px;
        transition: color .2s ease;
    }

        .footer-col ul li a:hover {
            color: #d79a2c;
        }

.footer-social {
    display: flex;
    gap: 10px;
    margin-bottom: 22px;
}

    .footer-social a {
        width: 34px;
        height: 34px;
        border-radius: 50%;
        border: 1px solid rgba(205,188,168,.4);
        display: flex;
        align-items: center;
        justify-content: center;
        color: #f3ead9;
        font-size: 14px;
    }

        .footer-social a:hover {
            background: #7a1f1f;
            border-color: #7a1f1f;
        }

.footer-subscribe h4 {
    color: #f3ead9;
    font-family: "Jost", sans-serif;
    font-size: 14px;
    font-weight: 500;
    margin: 0 0 12px;
}

.subscribe-form {
    display: flex;
    max-width: 280px;
}

    .subscribe-form input {
        flex: 1;
        border: none;
        padding: 12px 14px;
        font-size: 13px;
        font-family: "Jost", sans-serif;
        outline: none;
        border-radius: 3px 0 0 3px;
    }

    .subscribe-form button {
        background: #b8862f;
        border: none;
        width: 44px;
        color: #2b1a12;
        font-size: 16px;
        border-radius: 0 3px 3px 0;
        cursor: pointer;
    }

        .subscribe-form button:hover {
            background: #d79a2c;
        }

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

    .footer-quote p {
        font-size: 18px;
        line-height: 1.6;
        color: #d79a2c;
        margin: 0 0 14px;
    }

    .footer-quote .ornament {
        color: #b8862f;
        font-size: 18px;
    }

.footer-bottom {
    border-top: 1px solid rgba(205,188,168,.15);
    padding: 12px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 13px;
    color: #a6947f;
}

    .footer-bottom .footer-links {
        display: flex;
        gap: 10px;
    }

        .footer-bottom .footer-links a {
            color: #a6947f;
        }

            .footer-bottom .footer-links a:hover {
                color: #d79a2c;
            }

@media (max-width:991px) {
    .footer-top {
        grid-template-columns: 1fr 1fr;
    }

    .footer-quote {
        text-align: left;
        grid-column: 1 / -1;
    }
}

@media (max-width:576px) {
    .footer-top {
        grid-template-columns: 1fr;
    }

    .footer-bottom {
        flex-direction: column;
        gap: 10px;
        text-align: center;
    }
}

.main-header {
    background: #faf6ee;
    border-bottom: 1px solid rgba(0,0,0,.06);
    padding: 0px;
}

.brand img {
    height: 85px;
    width: 100%;
}



/* menu  */






.main-header {
    background: #faf8f4;
    border-bottom: 1px solid rgba(61, 46, 32, 0.12);
    position: relative;
    z-index: 50;
}

    .main-header .container {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 24px;
        min-height: 76px;
    }


.header-actions {
    display: flex;
    align-items: center;
    gap: 14px;
}

.icon-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    text-decoration: none;
    color: #3d2e20;
    font-size: 16px;
    transition: background 0.25s;
    background-color: #e3e3e3;
}

    .icon-btn:hover {
        background: rgba(61, 46, 32, 0.06);
    }

.cart-count {
    position: absolute;
    top: -2px;
    right: -2px;
    background: #c2704a;
    color: #fff;
    font-size: 10px;
    font-weight: 600;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-shop {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 18px;
    background: #3d2e20;
    color: #faf8f4;
    text-decoration: none;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.02em;
    border-radius: 4px;
    transition: background 0.25s;
}

    .btn-shop span {
        text-transform: uppercase;
    }

    .btn-shop:hover {
        background: #c2704a;
    }

.mobile-toggle {
    display: none;
    font-size: 22px;
    cursor: pointer;
}

/* ════════════════════════════════════════════════════════════════
    MEGA MENU NAV — mm-bio, adapted for a printing studio
    ════════════════════════════════════════════════════════════════ */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,200;0,9..144,300;0,9..144,400;1,9..144,200;1,9..144,300&family=DM+Sans:ital,opsz,wght@0,9..40,200;0,9..40,300;0,9..40,400;1,9..40,300&display=swap');

.mm-bio {
    --mm-bio-clay: #e8ddd0;
    --mm-bio-linen: #f4f0e8;
    --mm-bio-bark: #3d2e20;
    --mm-bio-moss: #4a5e3a;
    --mm-bio-moss-light: #7a9164;
    --mm-bio-terra: #c2704a;
    --mm-bio-stone: #9e9085;
    --mm-bio-warm-white: #faf8f4;
    --mm-bio-border: rgba(61, 46, 32, 0.12);
    --mm-bio-border-mid: rgba(61, 46, 32, 0.2);
    --mm-bio-text: #3d2e20;
    --mm-bio-text-mid: rgba(61, 46, 32, 0.6);
    --mm-bio-text-dim: rgba(61, 46, 32, 0.4);
    position: relative;
    background: var(--mm-bio-warm-white);
    font-family: 'DM Sans', system-ui, sans-serif;
}

    .mm-bio *, .mm-bio *::before, .mm-bio *::after {
        box-sizing: border-box;
    }

    .mm-bio .nav-bar {
        list-style: none;
        margin: 0;
        padding: 0;
        display: flex;
        align-items: center;
        gap: 4px;
    }

    .mm-bio .nav-item {
        position: relative;
        list-style: none;
    }

    .mm-bio .nav-trigger {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        padding: 26px 16px;
        font-family: 'DM Sans', system-ui, sans-serif;
        font-size: 13px;
        font-weight: 400;
        letter-spacing: 0.02em;
        color: var(--mm-bio-text-mid);
        background: transparent;
        border: 0;
        cursor: pointer;
        user-select: none;
        transition: color 0.3s ease;
        position: relative;
        text-decoration: none;
    }

    .mm-bio a.nav-trigger {
        display: inline-flex;
    }

    .mm-bio .nav-trigger .dot {
        width: 4px;
        height: 4px;
        border-radius: 50%;
        background: var(--mm-bio-terra);
        opacity: 0;
        transition: opacity 0.3s;
        flex-shrink: 0;
    }

    .mm-bio .nav-item:hover .nav-trigger,
    .mm-bio .nav-item.mm-open .nav-trigger,
    .mm-bio .nav-item.active .nav-trigger {
        color: var(--mm-bio-bark);
    }

        .mm-bio .nav-item:hover .nav-trigger .dot,
        .mm-bio .nav-item.mm-open .nav-trigger .dot,
        .mm-bio .nav-item.active .nav-trigger .dot {
            opacity: 1;
        }

    .mm-bio .nav-trigger::after {
        content: '';
        position: absolute;
        bottom: 25px;
        left: 16px;
        right: 16px;
        height: 1px;
        background: var(--mm-bio-terra);
        transform: scaleX(0);
        transform-origin: left center;
        transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    }

    .mm-bio .nav-item:hover .nav-trigger::after,
    .mm-bio .nav-item.mm-open .nav-trigger::after,
    .mm-bio .nav-item.active .nav-trigger::after {
        transform: scaleX(1);
    }

    /* ── Mega Panel ── */
    .mm-bio .mega {
        position: absolute;
        top: 105%;
        left: 50%;
        transform: translateX(-50%) translateY(-8px);
        background: var(--mm-bio-linen);
        border: 1px solid var(--mm-bio-border-mid);
        box-shadow: 0 8px 40px rgba(61, 46, 32, 0.1), 0 2px 8px rgba(61, 46, 32, 0.06);
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.4s ease, transform 0.45s cubic-bezier(0.16, 1, 0.3, 1);
        display: grid;
        overflow: hidden;
        z-index: 60;
    }

        .mm-bio .mega.grid-printing {
            grid-template-columns: 1fr 1fr 1fr 240px;
            width: min(1300px, calc(100vw - 80px));
            align-items: stretch;
        }

    .mm-bio .nav-item:hover .mega,
    .mm-bio .nav-item.mm-open .mega {
        opacity: 1;
        pointer-events: all;
        transform: translateX(-45%) translateY(0);
    }

    .mm-bio .mega-feature {
        position: relative;
        overflow: hidden;
        min-height: 300px;
    }

        .mm-bio .mega-feature img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94), filter 0.6s;
            filter: saturate(0.85);
            height: 300px;
        }

    .mm-bio .nav-item:hover .mega-feature img,
    .mm-bio .nav-item.mm-open .mega-feature img {
        transform: scale(1.04);
        filter: saturate(1);
    }

    .mm-bio .mega-feature-caption {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 26px 20px 20px;
        background: linear-gradient(to top, rgba(61, 46, 32, 0.75) 0%, transparent 100%);
    }

        .mm-bio .mega-feature-caption .eyebrow {
            display: block;
            font-size: 9px;
            font-weight: 400;
            letter-spacing: 0.14em;
            text-transform: uppercase;
            color: rgba(244, 240, 232, 0.7);
            margin-bottom: 6px;
        }

        .mm-bio .mega-feature-caption .title {
            display: block;
            font-size: 20px;
            font-weight: 200;
            font-style: italic;
            color: var(--mm-bio-linen);
            line-height: 1.2;
        }

    .mm-bio .mega-col {
        padding: 26px 22px;
        border-left: 1px solid var(--mm-bio-border);
    }

        .mm-bio .mega-col.first {
            grid-column: 1 / 4;
            border-left: 0;
        }

    .mm-bio .mega-col-label {
        font-size: 9px;
        font-weight: 500;
        letter-spacing: 0.16em;
        text-transform: uppercase;
        color: var(--mm-bio-stone);
        margin-bottom: 14px;
        padding-bottom: 12px;
        border-bottom: 1px solid var(--mm-bio-border);
    }

    .mm-bio .mega-links {
        list-style: none;
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: column;
    }

        .mm-bio .mega-links li {
            list-style: none;
        }

            .mm-bio .mega-links li a {
                display: block;
                padding: 8px 0;
                font-size: 16px;
                font-weight: 400;
                color: var(--mm-bio-text);
                text-decoration: none;
                border-bottom: 1px solid rgba(61, 46, 32, 0.06);
                transition: color 0.3s, padding-left 0.3s;
                line-height: 25px;
            }

                .mm-bio .mega-links li a:hover {
                    color: var(--mm-bio-terra);
                    padding-left: 10px;
                }

                .mm-bio .mega-links li a .note {
                    display: block;
                    font-size: 10px;
                    font-weight: 400;
                    color: var(--mm-bio-text-dim);
                    margin-top: 1px;
                    transition: color 0.3s;
                }

                .mm-bio .mega-links li a:hover .note {
                    color: rgba(194, 112, 74, 0.6);
                }

                .mm-bio .mega-links li a .pill {
                    display: inline-block;
                    font-size: 8px;
                    font-weight: 500;
                    letter-spacing: 0.08em;
                    text-transform: uppercase;
                    color: var(--mm-bio-moss-light);
                    background: rgba(74, 94, 58, 0.1);
                    padding: 2px 7px;
                    border-radius: 20px;
                    margin-left: 8px;
                    vertical-align: middle;
                }

    .mm-bio .mega-footer {
        grid-column: 1 / -1;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 12px 22px;
        background: rgba(61, 46, 32, 0.04);
        border-top: 1px solid var(--mm-bio-border);
        flex-wrap: wrap;
        gap: 10px;
    }

        .mm-bio .mega-footer .note {
            font-size: 10px;
            font-weight: 400;
            font-style: italic;
            color: var(--mm-bio-text-dim);
        }

        .mm-bio .mega-footer a {
            font-size: 10px;
            font-weight: 500;
            letter-spacing: 0.1em;
            text-transform: uppercase;
            color: var(--mm-bio-terra);
            text-decoration: none;
            display: inline-flex;
            align-items: center;
            gap: 8px;
            transition: gap 0.3s, color 0.3s;
        }

            .mm-bio .mega-footer a::after {
                content: '\2192';
                font-size: 12px;
            }

            .mm-bio .mega-footer a:hover {
                gap: 12px;
                color: var(--mm-bio-bark);
            }

    /* ── Stagger on open ── */
    .mm-bio .nav-item:hover .mega-links li,
    .mm-bio .nav-item.mm-open .mega-links li {
        animation: mm-bio-rise 0.4s ease both;
    }

        .mm-bio .nav-item:hover .mega-links li:nth-child(1), .mm-bio .nav-item.mm-open .mega-links li:nth-child(1) {
            animation-delay: 0.05s;
        }

        .mm-bio .nav-item:hover .mega-links li:nth-child(2), .mm-bio .nav-item.mm-open .mega-links li:nth-child(2) {
            animation-delay: 0.1s;
        }

        .mm-bio .nav-item:hover .mega-links li:nth-child(3), .mm-bio .nav-item.mm-open .mega-links li:nth-child(3) {
            animation-delay: 0.15s;
        }

        .mm-bio .nav-item:hover .mega-links li:nth-child(4), .mm-bio .nav-item.mm-open .mega-links li:nth-child(4) {
            animation-delay: 0.2s;
        }

        .mm-bio .nav-item:hover .mega-links li:nth-child(5), .mm-bio .nav-item.mm-open .mega-links li:nth-child(5) {
            animation-delay: 0.25s;
        }

@keyframes mm-bio-rise {
    from {
        opacity: 0;
        transform: translateY(6px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (prefers-reduced-motion: reduce) {
    .mm-bio .mega, .mm-bio .mega-feature img, .mm-bio .mega-links li a, .mm-bio .mega-footer a {
        transition: none;
        animation: none;
    }

    .mm-bio .nav-item:hover .mega-feature img, .mm-bio .nav-item.mm-open .mega-feature img {
        transform: none;
    }
}

/* ── Responsive ── */
@media (max-width: 900px) {
    .header-actions .btn-shop span {
        display: none;
    }

    .mobile-toggle {
        display: inline-flex;
    }

    .mm-bio {
        position: static;
        width: 100%;
    }

        .mm-bio .nav-bar {
            position: fixed;
            top: 76px;
            left: 0;
            right: 0;
            bottom: 0;
            flex-direction: column;
            align-items: stretch;
            background: var(--mm-bio-warm-white);
            padding: 8px 0;
            overflow-y: auto;
            transform: translateY(-8px);
            opacity: 0;
            pointer-events: none;
            transition: opacity 0.25s ease, transform 0.25s ease;
            z-index: 55;
        }

    .main-header.nav-open .mm-bio .nav-bar {
        opacity: 1;
        pointer-events: all;
        transform: translateY(0);
    }

    .mm-bio .nav-trigger {
        padding: 16px 20px;
        width: 100%;
        justify-content: space-between;
    }

        .mm-bio .nav-trigger::after {
            display: none;
        }

    .mm-bio .mega {
        position: static;
        transform: none;
        width: 100% !important;
        box-shadow: none;
        border-left: 0;
        border-right: 0;
        opacity: 1;
        pointer-events: none;
        max-height: 0;
        display: block;
        padding: 0;
        transition: max-height 0.35s ease;
    }

    .mm-bio .nav-item.mm-open .mega {
        pointer-events: all;
        max-height: 900px;
    }

    .mm-bio .mega.grid-printing {
        grid-template-columns: 1fr;
    }

    .mm-bio .mega-feature {
        min-height: 140px;
    }

    .mm-bio .mega-col {
        border-left: 0;
        border-top: 1px solid var(--mm-bio-border);
    }
}

.mega-links {
    grid-template-columns: 190px 230px 300px 360px;
    display: grid !important;
}

.nav-trigger .label {
    white-space: nowrap;
    position: relative;
    font-size: 15px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: #892727;
    transition: color 0.3s, background 0.3s;
    font-family: 'Poppins-medium', sans-serif;
}

.brand .footer {
    height: 100px;
    width: 100%;
}

.icon-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

    .icon-btn i {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        line-height: 0;
    }




/* =====================================================================
   MOBILE / TABLET  (991px → 340px)  —  Top Header · Menu · Banner
   ===================================================================== */
@media screen and (max-width: 991px) {


    /* ---------- 2. MAIN HEADER BAR ---------- */
    .site-header-fixed .main-header {
        height: 85px;
        padding: 0;
    }

        .site-header-fixed .main-header .container {
            height: 100%;
            min-height: 0;
            padding: 0 15px;
            flex-wrap: nowrap;
            gap: 12px;
        }

    .site-header-fixed .brand {
        flex: 0 1 auto;
        min-width: 0;
    }

        .site-header-fixed .brand img {
            height: 80px;
            width: auto;
            max-width: 100%;
            object-fit: contain;
        }

    .site-header-fixed .header-actions {
        gap: 10px;
        flex-shrink: 0;
    }

    .site-header-fixed .icon-btn {
        width: 36px;
        height: 36px;
        font-size: 15px;
    }

    .site-header-fixed .header-actions .btn-shop {
        padding: 8px 14px;
        font-size: 13px;
    }

        .site-header-fixed .header-actions .btn-shop span {
            display: inline;
        }

    /* hamburger */
    .site-header-fixed .mobile-toggle {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 38px;
        height: 38px;
        border-radius: 50%;
        background: #7a1f1f;
        color: #fff;
        font-size: 24px;
        line-height: 1;
        cursor: pointer;
    }

    .site-header-fixed .main-header.nav-open .mobile-toggle::before {
        content: "\f62a";
    }

    /* ---------- 3. MENU DRAWER ---------- */
    .site-header-fixed .mm-bio {
        position: static;
        flex: 0 0 0;
        width: 0;
        height: 0;
        background: transparent;
    }

        .site-header-fixed .mm-bio .nav-bar {
            position: fixed;
            top: var(--mm-top);
            left: 0;
            right: 0;
            bottom: 0;
            flex-direction: column;
            align-items: stretch;
            gap: 0;
            padding: 0 0 30px;
            background: #faf8f4;
            border-top: 1px solid rgba(61, 46, 32, .12);
            overflow-y: auto;
            -webkit-overflow-scrolling: touch;
            overscroll-behavior: contain;
            opacity: 0;
            visibility: hidden;
            pointer-events: none;
            transform: translateY(-10px);
            transition: opacity .25s ease, transform .25s ease, visibility .25s;
            z-index: 55;
        }

    .site-header-fixed .main-header.nav-open .mm-bio .nav-bar {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: none;
    }

    .site-header-fixed .mm-bio .nav-item {
        width: 100%;
        border-bottom: 1px solid rgba(61, 46, 32, .10);
    }

    .site-header-fixed .mm-bio .nav-trigger {
        width: 100%;
        padding: 15px 20px;
        justify-content: space-between;
        text-align: left;
    }

        .site-header-fixed .mm-bio .nav-trigger::after {
            display: none;
        }

    .site-header-fixed .mm-bio .nav-item.active > .nav-trigger {
        background: rgba(122, 31, 31, .06);
    }

    .site-header-fixed .mm-bio .nav-trigger[aria-haspopup="true"]:not(:has(.dropdown-indicator))::after {
        display: inline-block;
        content: "\f282";
        font-family: "bootstrap-icons";
        position: static;
        width: auto;
        height: auto;
        background: none;
        transform: none;
        font-size: 12px;
        color: #892727;
        transition: transform .3s;
    }

    .site-header-fixed .mm-bio .nav-item.mm-open .nav-trigger[aria-haspopup="true"]:not(:has(.dropdown-indicator))::after {
        transform: rotate(180deg);
    }

    .site-header-fixed .mm-bio .dropdown-indicator {
        display: inline-block;
        transition: transform .3s;
    }

    .site-header-fixed .mm-bio .nav-item.mm-open .dropdown-indicator {
        transform: rotate(180deg);
    }

    /* sub menu = accordion */
    .site-header-fixed .mm-bio .nav-item .mega {
        position: static;
        top: auto;
        left: auto;
        transform: none !important;
        width: 100% !important;
        display: block;
        background: #f4f0e8;
        border: 0;
        box-shadow: none;
        opacity: 1;
        max-height: 0;
        overflow: hidden;
        pointer-events: none;
        transition: max-height .35s ease;
    }

    .site-header-fixed .mm-bio .nav-item.mm-open .mega {
        max-height: 2000px;
        pointer-events: auto;
    }

    .site-header-fixed .mm-bio .mega-feature {
        display: none;
    }

    .site-header-fixed .mm-bio .mega-col,
    .site-header-fixed .mm-bio .mega-col.first {
        grid-column: auto;
        padding: 6px 20px 10px 32px;
        border: 0;
    }

    .site-header-fixed .mm-bio .mega-links {
        display: flex !important;
        flex-direction: column;
    }

        .site-header-fixed .mm-bio .mega-links li a {
            font-size: 14px;
            padding: 11px 0;
        }

            .site-header-fixed .mm-bio .mega-links li a:hover {
                padding-left: 0;
            }

    .site-header-fixed .mm-bio .mega-footer {
        flex-direction: column;
        align-items: flex-start;
        padding: 12px 20px 14px 32px;
    }

    /* ---------- 4. BANNER ---------- */
    .banner-br .carousel-inner .carousel-item {
        height: 480px !important;
        min-height: 0 !important;
    }

    .banner-br #demo .carousel-item img.banner-icon {
        object-fit: cover;
        object-position: 65% center;
        height: 600px;
    }



    .banner-overlay .container {
        padding: 0 24px;
        justify-content: center;
        text-align: center;
    }

    .banner-copy {
        max-width: 560px;
        margin: 0 auto;
    }

        .banner-copy h1 {
            font-size: 34px;
            line-height: 1.2;
            margin: 0 0 12px;
        }

        .banner-copy p {
            font-size: 15px;
            max-width: 460px;
            margin: 0 auto 20px;
        }

    .banner-cta {
        justify-content: center;
        gap: 10px;
    }

    .btn-solid, .btn-outline {
        padding: 12px 20px;
        font-size: 13px;
    }

    #demo .carousel-indicators {
        bottom: 12px;
    }

        #demo .carousel-indicators [data-bs-target] {
            width: 9px !important;
            height: 9px !important;
        }



    /* your global .container has padding:0, so give the footer side space */
    .site-footer .container {
        padding: 0 20px;
    }

    /* grid: brand full row · Quick Links | Customer Care · Connect full row · quote full row */
    .site-footer .footer-top {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 32px 24px;
        padding: 44px 0 32px;
    }

        .site-footer .footer-top::before {
            display: none;
        }
    /* old 33% gradient bar from style.css */

    /* brand / logo */
    .site-footer .footer-brand {
        grid-column: 1 / -1;
        text-align: center;
    }

        .site-footer .footer-brand .brand {
            display: inline-flex;
            justify-content: center;
            margin-bottom: 0;
        }

    .site-footer .brand img.footer {
        width: auto; /* desktop has width:100% */
        max-width: 100%;
        height: 84px;
        object-fit: contain;
    }

    /* Quick Links + Customer Care */
    .site-footer .footer-col > h4 {
        font-size: 18px;
        margin: 0 0 14px;
    }

    .site-footer .footer-col ul {
        gap: 10px;
    }

        .site-footer .footer-col ul li a {
            display: inline-block;
            padding: 2px 0;
            font-size: 14px;
        }

    /* Connect With Us = 3rd .footer-col (4th child) */
    .site-footer .footer-top > .footer-col:nth-child(4) {
        grid-column: 1 / -1;
    }

    .site-footer .footer-social {
        gap: 12px;
        margin-bottom: 20px;
        justify-content: center;
    }

        .site-footer .footer-social a {
            width: 40px;
            height: 40px;
            font-size: 16px;
        }

    .site-footer .footer-subscribe h4 {
        font-size: 15px;
        margin: 0 0 12px;
    }

    .site-footer .subscribe-form {
        width: 100%;
        max-width: 100%;
    }

        .site-footer .subscribe-form input {
            height: 48px;
            min-width: 0;
            padding: 0 14px;
            font-size: 16px; /* stops iPhone zoom-on-focus */
        }

        .site-footer .subscribe-form button {
            width: 52px;
            height: 48px;
        }

    /* quote */
    .site-footer .footer-quote {
        grid-column: 1 / -1;
        text-align: center;
        padding-top: 24px;
        border-top: 1px solid rgba(205, 188, 168, .15);
    }

        .site-footer .footer-quote p {
            font-size: 18px;
            margin: 0 0 10px;
        }

    /* copyright bar */
    .site-footer .footer-bottom {
        flex-direction: column;
        gap: 8px;
        padding: 18px 0 22px;
        text-align: center;
        font-size: 12.5px;
        line-height: 1.6;
    }

        .site-footer .footer-bottom .footer-links {
            justify-content: center;
            flex-wrap: wrap;
            gap: 5px;
        }

    .top-strip {
        display: none;
    }

    .footer-top .footer-brand, .footer-top .footer-col.footer-acc {
        display: none;
    }
}

/* ---------------- Small tablet ---------------- */
@media screen and (max-width: 767px) {
    .banner-br .carousel-inner .carousel-item {
        height: 420px !important;
    }

    .banner-copy h1 {
        font-size: 30px;
    }
}

/* ---------------- Phones ---------------- */
@media screen and (max-width: 575px) {
    :root {
        --strip-h: 34px;
        --hdr-h: 60px;
        --mm-top: 94px;
    }

    .site-header-fixed .top-strip .strip-right a span {
        display: none;
    }



    .banner-br .carousel-inner .carousel-item {
        height: 380px !important;
    }

    .banner-overlay .container {
        padding: 0 18px;
    }

    .banner-copy h1 {
        font-size: 32px;
        margin-bottom: 10px;
    }

    .banner-copy p {
        font-size: 14px;
        line-height: 1.6;
        margin-bottom: 18px;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .btn-solid, .btn-outline {
        padding: 11px 16px;
        font-size: 13px;
    }

    .about-banner {
        height: 200px;
        object-fit: cover;
    }

    .inner_content > h1 {
        font-family: 'Poppins-SemiBold';
        font-size: 26px;
    }

    .footer-quote .ornament {
        color: #b8862f;
        font-size: 18px;
        display: none;
    }
}

/* ---------------- Small phones ---------------- */
@media screen and (max-width: 480px) {
    .site-header-fixed .top-strip .container {
        justify-content: center;
    }

    .site-header-fixed .top-strip .tagline {
        display: none;
    }

    .site-header-fixed .header-actions .btn-shop {
        display: none;
    }

    .site-header-fixed .header-actions {
        gap: 8px;
    }

    .banner-br .carousel-inner .carousel-item {
        height: 360px !important;
    }

    .banner-cta .btn-solid, .banner-cta .btn-outline {
        flex: 1 1 auto;
        justify-content: center;
    }

    .about-banner {
        height: 160px;
        object-fit: cover;
    }

    .about-banner {
        height: 270px;
        object-fit: cover;
    }

    .banner-overlay {
        position: absolute;
        inset: 0;
        top: 0px;
        top: 0px;
        display: flex;
        align-items: center;
        top: 290px !important;
        text-align: start;
    }
}

/* ---------------- 340px – 380px ---------------- */
@media screen and (max-width: 380px) {
    .site-header-fixed .top-strip .container,
    .site-header-fixed .main-header .container {
        padding: 0 12px;
    }



    .site-header-fixed .icon-btn {
        width: 34px;
        height: 34px;
    }

    .site-header-fixed .mobile-toggle {
        width: 36px;
        height: 36px;
        font-size: 22px;
    }

    .site-header-fixed .mm-bio .nav-trigger {
        padding: 14px 16px;
    }

    .banner-br .carousel-inner .carousel-item {
        height: 340px !important;
    }

    .banner-overlay .container {
        padding: 0 14px;
    }



    .banner-copy p {
        font-size: 13px;
    }

    .banner-cta {
        flex-direction: column;
        align-items: center;
    }

        .banner-cta .btn-solid, .banner-cta .btn-outline {
            width: 100%;
            max-width: 240px;
        }

    .inner_content > h1 {
        font-family: 'Poppins-SemiBold';
        font-size: 22px;
    }
}



/* =====================================================================
   FOOTER — MOBILE / TABLET  (991px → 340px)
   ===================================================================== */


/* ---------------- Phones ---------------- */
@media screen and (max-width: 575px) {
    .site-footer .container {
        padding: 0 16px;
    }

    .site-footer .footer-top {
        grid-template-columns: repeat(1, minmax(0, 1fr)); /* overrides the old 1-column rule */
        gap: 28px 18px;
        padding: 21px 0 21px;
    }

    .site-footer .brand img.footer {
        height: 90px;
    }

    .site-footer .footer-col > h4 {
        font-size: 17px;
    }

    .site-footer .footer-quote p {
        font-size: 17px;
    }
}

/* ---------------- 340px – 380px ---------------- */
@media screen and (max-width: 380px) {
    .site-footer .container {
        padding: 0 14px;
    }


    .site-footer .footer-top {
        gap: 9px !important;
    }

    .site-footer .footer-col > h4 {
        font-size: 16px;
    }

    .site-footer .footer-col ul li a {
        font-size: 13px;
    }

    .site-footer .footer-social a {
        width: 38px;
        height: 38px;
    }

    .site-footer .footer-quote p {
        font-size: 16px;
    }

    .site-footer .footer-bottom {
        font-size: 12px;
    }

    .banner-copy h1 {
        font-size: 28px;
        margin-bottom: 9px;
    }
}


@media screen and (max-width: 786px) {
    .footer-acc h4 {
        cursor: pointer;
    }

        .footer-acc h4::after {
            content: "\f282";
            font-family: "bootstrap-icons";
            font-size: 12px;
            margin-left: 8px;
            display: inline-block;
            transition: transform 0.3s ease;
        }

    .footer-acc ul {
        max-height: 0;
        overflow: hidden;
        opacity: 0;
        margin: 0;
        padding: 0;
        transition: max-height 0.35s ease, opacity 0.25s ease;
    }
    /* Open on hover (desktop browser) and on tap (phone) */
    .footer-acc:hover ul,
    .footer-acc:focus-within ul {
        max-height: 400px;
        opacity: 1;
    }

    .footer-acc:hover h4::after,
    .footer-acc:focus-within h4::after {
        transform: rotate(180deg);
    }
}





.banner-br {
    position: relative;
    width: 100%;
}

    .banner-br .carousel-item {
        height: 600px;
    }

        .banner-br .carousel-item img.banner-icon {
            width: 100%;
            height: 100%;
        }

.banner-overlay {
    position: absolute;
    inset: 0;
    top: 0px;
    display: flex;
    align-items: center;
}

.mobile-bottom-nav,
.mbn-panel,
.mbn-menu {
    display: none;
}

@media screen and (max-width: 991px) {
    .site-footer .footer-bottom {
        flex-direction: column;
        gap: 8px;
        padding: 11px;
        text-align: center;
        font-size: 12.5px;
        line-height: 1.6;
    }
    /* top right hamburger hide */
    .header-actions .mobile-toggle {
        display: none !important;
    }

    body {
        padding-bottom: 60px;
    }
    /* ===== BOTTOM NAV ===== */
    .mobile-bottom-nav {
        display: flex;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1050;
        height: 60px;
        background: #2b1a12;
        border-top: 1px solid rgba(212, 168, 90, 0.35);
    }

    .mbn-item {
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 3px;
        background: none;
        border: 0;
        padding: 0;
        color: #f3e6d8;
        font-size: 11px;
        text-decoration: none;
        cursor: pointer;
    }

        .mbn-item i {
            font-size: 20px;
            line-height: 1;
        }

        .mbn-item:hover,
        .mbn-item.active {
            color: #d4a85a;
        }
    /* ===== QUICK LINKS / CUSTOMER CARE PANEL ===== */
    .mbn-panel {
        display: block;
        position: fixed;
        left: 10px;
        right: 10px;
        bottom: 70px;
        z-index: 1049;
        background: #2b1a12;
        border: 1px solid rgba(212, 168, 90, 0.45);
        border-radius: 16px;
        box-shadow: 0 -8px 30px rgba(0, 0, 0, 0.45);
        max-height: 0;
        opacity: 0;
        transform: translateY(20px);
        overflow: hidden;
        pointer-events: none;
        transition: max-height 0.3s ease, opacity 0.25s ease, transform 0.3s ease;
    }

        .mbn-panel.open {
            max-height: 60vh;
            opacity: 1;
            transform: translateY(0);
            overflow-y: auto;
            pointer-events: auto;
        }

    .mbn-title {
        padding: 14px 20px 10px;
        text-align: center;
        color: #d4a85a;
        font-size: 13px;
        letter-spacing: 1.5px;
        text-transform: uppercase;
        border-bottom: 1px solid rgba(212, 168, 90, 0.3);
    }

    .mbn-panel ul {
        list-style: none;
        margin: 0;
        padding: 6px 0;
    }

    .mbn-panel li + li {
        border-top: 1px solid rgba(243, 230, 216, 0.08);
    }

    .mbn-panel li a {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 14px 22px;
        color: #f3e6d8;
        font-size: 15px;
        text-decoration: none;
        text-align: left;
    }

        .mbn-panel li a::after {
            content: "\f138";
            font-family: "bootstrap-icons";
            font-size: 13px;
            color: #d4a85a;
        }

        .mbn-panel li a:hover,
        .mbn-panel li a:active {
            background: rgba(212, 168, 90, 0.12);
            color: #d4a85a;
        }
    /* ===== MOBILE MENU PANEL (same look as Customer Care panel) ===== */
    .mbn-menu {
        --mn-bg: #2b1a12; /* background color */
        --mn-text: #f3e6d8; /* text color */
        --mn-accent: #d4a85a; /* title / arrow / hover color */
        --mn-line: rgba(243, 230, 216, 0.08); /* row divider lines */
        --mn-border: rgba(212, 168, 90, 0.45); /* card border */

        display: flex;
        flex-direction: column;
        position: fixed;
        left: 10px;
        right: 10px;
        bottom: 70px;
        z-index: 1049;
        background: var(--mn-bg);
        border: 1px solid var(--mn-border);
        border-radius: 16px;
        box-shadow: 0 -8px 30px rgba(0, 0, 0, 0.45);
        max-height: 0;
        opacity: 0;
        visibility: hidden;
        transform: translateY(20px);
        overflow: hidden;
        pointer-events: none;
        transition: max-height 0.35s ease, opacity 0.25s ease, transform 0.35s ease, visibility 0.35s ease;
    }

        .mbn-menu.open {
            max-height: calc(100vh - 170px);
            opacity: 1;
            visibility: visible;
            transform: translateY(0);
            pointer-events: auto;
        }

    .mbn-menu-head {
        flex: 0 0 auto;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 14px 56px 10px;
        border-bottom: 1px solid rgba(212, 168, 90, 0.3);
    }

    .mbn-menu-title {
        color: var(--mn-accent);
        font-size: 13px;
        letter-spacing: 1.5px;
        text-transform: uppercase;
    }

    .mbn-menu-close {
        position: absolute;
        right: 8px;
        top: 50%;
        transform: translateY(-50%);
        background: none;
        border: 0;
        color: var(--mn-text);
        font-size: 18px;
        line-height: 1;
        width: 36px;
        height: 36px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        cursor: pointer;
    }

        .mbn-menu-close:hover,
        .mbn-menu-close:active {
            color: var(--mn-accent);
            background: rgba(212, 168, 90, 0.12);
        }

    .mbn-menu-list {
        list-style: none;
        margin: 0;
        padding: 6px 0;
        flex: 1 1 auto;
        min-height: 0;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }

        .mbn-menu-list > li + li {
            border-top: 1px solid var(--mn-line);
        }

    .mbn-menu-link {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        padding: 14px 22px;
        background: none;
        border: 0;
        color: var(--mn-text);
        font-family: inherit;
        font-size: 15px;
        text-decoration: none;
        text-align: left;
        cursor: pointer;
    }

    /* normal links get the same arrow as Customer Care */
    a.mbn-menu-link::after {
        content: "\f138";
        font-family: "bootstrap-icons";
        font-size: 13px;
        color: var(--mn-accent);
    }

    /* links with sub menu get a down arrow */
    .mbn-menu-link i {
        font-size: 13px;
        color: var(--mn-accent);
        transition: transform 0.25s ease;
    }

    .mbn-menu-link:hover,
    .mbn-menu-link:active {
        background: rgba(212, 168, 90, 0.12);
        color: var(--mn-accent);
    }

    .mbn-menu-list li.has-sub.open > .mbn-menu-link {
        color: var(--mn-accent);
    }

        .mbn-menu-list li.has-sub.open > .mbn-menu-link i {
            transform: rotate(180deg);
        }

    .mbn-sub {
        list-style: none;
        margin: 0;
        padding: 0;
        max-height: 0;
        overflow: hidden;
        background: rgba(0, 0, 0, 0.25);
        transition: max-height 0.3s ease;
    }

    .mbn-menu-list li.has-sub.open > .mbn-sub {
        max-height: 50vh;
        overflow-y: auto;
    }

    .mbn-sub li + li {
        border-top: 1px solid var(--mn-line);
    }

    .mbn-sub a {
        display: block;
        padding: 13px 22px 13px 36px;
        color: var(--mn-text);
        font-size: 14px;
        text-decoration: none;
    }

        .mbn-sub a:hover,
        .mbn-sub a:active {
            color: var(--mn-accent);
            background: rgba(212, 168, 90, 0.12);
        }
}



/* ===== FOOTER SOCIAL ICONS: clear circles, icon exactly centered ===== */
.site-footer .footer-social a {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    box-sizing: border-box;
    padding: 0;
    border-radius: 50%;
    border: 1.5px solid #d4a85a;
    background: rgba(212, 168, 90, 0.12);
    color: #f3ead9;
    line-height: 0;
    text-align: center;
    transition: background 0.25s ease, border-color 0.25s ease, color 0.25s ease;
}

    /* icon box = 1em square, centered */
    .site-footer .footer-social a i {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 1em;
        height: 1em;
        margin: 0;
        padding: 0;
        line-height: 1;
    }

        /* remove bootstrap-icons vertical offset */
        .site-footer .footer-social a i::before {
            display: block;
            margin: 0;
            line-height: 1;
            vertical-align: 0;
        }

    .site-footer .footer-social a:hover,
    .site-footer .footer-social a:active {
        background: #d4a85a;
        border-color: #d4a85a;
        color: #2b1a12;
    }

/* mobile / tablet: whole row centered */
@media screen and (max-width: 991px) {
    .site-footer .footer-social {
        justify-content: center;
    }
}

.pick-design-modal-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 18px 24px;
    background: #210302 !important;
}

.pick-design-modal-eyebrow {
    font-size: 11px;
    letter-spacing: .08em;
    color: #ff982d;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 4px;
}

/* qty +/- icons */
.qty-container .qty-btn-minus,
.qty-container .qty-btn-plus {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

    .qty-container .qty-btn-minus i,
    .qty-container .qty-btn-plus i {
        color: #fff;
        font-size: 14px;
        line-height: 1;
    }

    .qty-container .qty-btn-minus:disabled {
        opacity: 0.5;
        cursor: not-allowed;
    }



/* ==========================================================
          secure login page css
   ========================================================== */

.cart-bg-box {
    background: #ffffff;
    border-radius: 10px;
    border-top: 4px solid #c8922a;
    box-shadow: 0 6px 22px rgba(43, 24, 16, 0.09);
}

.cart-head {
    color: #2b1810;
    font-family: inherit;
    font-weight: 600;
    letter-spacing: 0.3px;
}

    .cart-head .fa-lock {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 34px;
        height: 34px;
        margin-right: 8px;
        border-radius: 50%;
        background: #f9ecc8;
        color: #c8922a;
        font-size: 16px;
        line-height: 1;
        vertical-align: middle;
    }

        .cart-head .fa-lock::before {
            content: "\f023";
            font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", "FontAwesome";
            font-weight: 900;
        }

.cart-bg-box .row > .col-lg-6 > div {
    height: 100%;
    padding: 24px 24px 26px;
    border: 1px solid #ecdfc6;
    border-radius: 10px;
    background: #ffffff;
    transition: box-shadow 0.25s ease, border-color 0.25s ease;
}

.cart-bg-box .row > .col-lg-6:last-child > div {
    background: #fffaf0;
}

.cart-bg-box .row > .col-lg-6 > div:hover {
    border-color: #c8922a;
    box-shadow: 0 6px 18px rgba(200, 146, 42, 0.16);
}

.cart-bg-box .br-right {
    border-right: 0;
}

.cart-bg-box .secure-title {
    position: relative;
    display: block;
    font-family: 'poppins', sans-serif;
    font-weight: 600;
    letter-spacing: 0.8px;
    color: #7a1c1c;
    padding: 0 0 12px 0;
    border-left: 0;
    border-bottom: 1px solid #ecdfc6;
    line-height: 1.2;
}

    .cart-bg-box .secure-title::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: -2px;
        width: 70px;
        height: 3px;
        border-radius: 3px;
        background: linear-gradient(90deg, #7a1c1c, #c8922a);
    }

.cart-bg-box p {
    color: #5a4638;
    font-size: 15px;
    line-height: 1.6;
}

.cart-bg-box .input-box {
    width: 100%;
    min-height: 52px;
    padding-left: 16px;
    font-family: 'poppins', sans-serif;
    color: #2b1810;
    background: #ffffff;
    border: 1px solid #e6d3a8;
    border-radius: 8px;
    outline: none;
    box-shadow: inset 0 1px 2px rgba(43, 24, 16, 0.05);
    transition: border-color 0.25s ease, box-shadow 0.25s ease;
}

    .cart-bg-box .input-box::placeholder {
        color: #9a8576;
    }

    .cart-bg-box .input-box:hover {
        border-color: #c8922a;
    }

    .cart-bg-box .input-box:focus {
        border-color: #c8922a;
        box-shadow: 0 0 0 4px rgba(200, 146, 42, 0.2);
    }

    .cart-bg-box .input-box:-webkit-autofill,
    .cart-bg-box .input-box:-webkit-autofill:hover,
    .cart-bg-box .input-box:-webkit-autofill:focus {
        -webkit-box-shadow: 0 0 0 1000px #fff6dc inset;
        -webkit-text-fill-color: #2b1810;
        caret-color: #2b1810;
        transition: background-color 9999s ease-in-out 0s;
    }

.cart-bg-box a.text-color {
    display: inline-block;
    color: #7a1c1c;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    border-bottom: 1px dashed #c8922a;
    transition: color 0.2s ease;
}

    .cart-bg-box a.text-color:hover {
        color: #c8922a;
    }

.cart-bg-box #LogOnForm .btn-green,
.cart-bg-box #registerForm .btn-green {
    display: block;
    width: 100%;
    min-height: 52px;
    font-family: inherit;
    font-weight: 500;
    letter-spacing: 0.4px;
    border-radius: 8px;
    transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease, transform 0.2s ease, box-shadow 0.25s ease;
    font-family: 'Poppins-Medium', sans-serif !important;
    font-size: 17px;
}

.cart-bg-box #LogOnForm .btn-green {
    color: #ffffff;
    background: #2b1810;
    border: 1px solid #2b1810;
    box-shadow: 0 4px 12px rgba(43, 24, 16, 0.28);
}

    .cart-bg-box #LogOnForm .btn-green:hover {
        background: #7a1c1c;
        border-color: #7a1c1c;
        transform: translateY(-2px);
        box-shadow: 0 8px 16px rgba(122, 28, 28, 0.3);
    }

.cart-bg-box #registerForm .btn-green {
    color: #fff;
    background: #f9ecc8;
    background-color: rgb(249, 236, 200);
    border: 1px solid #c8922a;
    box-shadow: 0 4px 12px rgba(200, 146, 42, 0.22);
    background-color: #c8922a;
}

    .cart-bg-box #registerForm .btn-green:hover {
        color: #ffffff;
        background: #c8922a;
        transform: translateY(-2px);
        box-shadow: 0 8px 16px rgba(200, 146, 42, 0.35);
    }

.cart-bg-box .cart-s-no {
    border-color: #c8922a;
    color: #c8922a;
}

.cart-head.disable-card {
    color: #a99a8c;
}

@media screen and (max-width: 991px) {
    .cart-bg-box .row > .col-lg-6 > div {
        height: auto;
    }
}

@media screen and (max-width: 767px) {
    .cart-bg-box {
        border-radius: 12px;
    }

        .cart-bg-box .secure-title {
            margin-bottom: 14px;
            font-size: 15px;
        }

        .cart-bg-box p {
            font-size: 14px;
            line-height: 1.6;
        }

        .cart-bg-box .row > .col-lg-6 > div {
            padding: 20px 18px 22px;
        }

        .cart-bg-box .input-box,
        .cart-bg-box #LogOnForm .btn-green,
        .cart-bg-box #registerForm .btn-green {
            min-height: 48px;
        }

    .cart-head .fa-lock {
        width: 30px;
        height: 30px;
        font-size: 14px;
    }
}

@media screen and (max-width: 575px) {
    .d-block.d-sm-none.text-center:has(> .mbl-timer) {
        margin-bottom: 10px;
        padding: 14px 18px;
        background: #fff6dc;
        border: 1px solid #e6d3a8;
        border-top: 3px solid #c8922a;
        border-radius: 12px;
        box-shadow: 0 4px 14px rgba(43, 24, 16, 0.08);
    }

        .d-block.d-sm-none.text-center:has(> .mbl-timer) > p {
            display: flex;
            align-items: center;
            justify-content: space-between;
            font-family: inherit;
            font-size: 15px;
            font-weight: 500;
            letter-spacing: 0.3px;
            color: #2b1810;
        }

            .d-block.d-sm-none.text-center:has(> .mbl-timer) > p br {
                display: none;
            }

            .d-block.d-sm-none.text-center:has(> .mbl-timer) > p span {
                font-size: 22px;
                font-weight: 600;
                color: #7a1c1c;
            }

    .sec-mb {
        margin-top: 0px;
    }
}

@media screen and (max-width: 380px) {
    .cart-bg-box .row > .col-lg-6 > div {
        padding: 18px 14px 20px;
    }

    .cart-bg-box #LogOnForm .btn-green,
    .cart-bg-box #registerForm .btn-green {
        white-space: normal;
    }
}

@media screen and (min-width: 992px) {

    .mm-bio {
        position: static;
    }

        .mm-bio .nav-item:has(> .mega.grid-printing) {
            position: static;
        }

        .mm-bio .mega.grid-printing {
            top: calc(100% - 2px);
            left: 50%;
            transform: translateX(-50%) translateY(-8px);
            width: min(1300px, calc(100vw - 80px));
            grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) 340px;
            border-radius: 0 0 12px 12px;
        }

        .mm-bio .nav-item:hover > .mega.grid-printing,
        .mm-bio .nav-item.mm-open > .mega.grid-printing {
            transform: translateX(-50%) translateY(0);
        }

        .mm-bio .mega.grid-printing .mega-col.first {
            min-width: 0;
            padding: 28px 28px 20px;
        }

        .mm-bio .mega.grid-printing .mega-links {
            grid-template-columns: repeat(4, minmax(0, 1fr));
            column-gap: 28px;
        }

        .mm-bio .mega.grid-printing .mega-feature {
            position: relative;
            overflow: hidden;
            min-height: 280px;
            margin: 16px 16px 16px 0;
            border-radius: 12px;
            border: 2px solid #c8922a;
            background: linear-gradient(160deg, #3a2218 0%, #2b1810 60%, #1d0f09 100%);
            box-shadow: 0 6px 18px rgba(43, 24, 16, 0.22);
        }

            .mm-bio .mega.grid-printing .mega-feature img {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                object-fit: contain;
                object-position: center center;
                filter: none;
            }

        .mm-bio .mega.grid-printing .mega-feature-caption {
            padding: 14px 18px 14px;
            background: linear-gradient(to top, rgba(29, 15, 9, 0.95) 0%, rgba(29, 15, 9, 0) 100%);
        }

            .mm-bio .mega.grid-printing .mega-feature-caption .eyebrow {
                color: #f3d996;
                letter-spacing: 0.16em;
            }

            .mm-bio .mega.grid-printing .mega-feature-caption .title {
                font-size: 20px;
                font-weight: 400;
                font-style: normal;
                color: #ffffff;
            }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .mm-bio .mega.grid-printing {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) 240px;
    }

        .mm-bio .mega.grid-printing .mega-links {
            grid-template-columns: repeat(3, minmax(0, 1fr));
            column-gap: 20px;
        }

            .mm-bio .mega.grid-printing .mega-links li a {
                font-size: 15px;
            }
}

/* ---- coll ---- */



/* =====================================================================
   COLLECTIONS SIDEBAR — "Temple Luxury" design
   HTML marpu avasaram ledu. Mee style.css lo pichi
   "Collections sidebar: premium card style" block + last "#mySidenav" block
   remove chesi, e file motham last lo paste cheyandi.
   ===================================================================== */

/* ---------- CARD ---------- */
.prd-left {
    background: #fffdf7;
    border: 1px solid #ecdfc6;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 18px 45px rgba(43, 24, 16, 0.16), 0 2px 0 #c8922a inset;
}

    /* ---------- HEADER ---------- */
    .prd-left .collection-title {
        position: relative;
        margin: 0;
        padding: 20px 26px 22px;
        background: radial-gradient(circle at 85% 20%, rgba(243, 217, 150, 0.22) 0%, transparent 45%), linear-gradient(135deg, #2b0a05 0%, #5a1b0c 55%, #732b15 100%);
        color: #f3d996;
        font-size: 18px;
        letter-spacing: 3px;
        text-transform: uppercase;
        border-bottom: 0;
        text-shadow: 0 2px 6px rgba(0, 0, 0, 0.45);
    }

        /* shimmering gold line */
        .prd-left .collection-title::after {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            height: 3px;
            background: linear-gradient(90deg, #a86822, #f3d996, #c8922a, #f3d996, #a86822);
            background-size: 200% 100%;
            animation: collShine 4s linear infinite;
        }

@keyframes collShine {
    to {
        background-position: -200% 0;
    }
}

/* ---------- LIST WRAPPER ---------- */
.prd-left .prdlist-accr {
    padding: 10px;
    background: repeating-linear-gradient(45deg, rgba(200, 146, 42, 0.035) 0 10px, transparent 10px 20px), #fffdf7;
}

.chk-group {
    counter-reset: coll;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 10px;
    max-height: none;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 6px 8px 6px 4px !important;
    scrollbar-width: thin;
    scrollbar-color: #c8922a transparent;
}

    .chk-group::-webkit-scrollbar {
        width: 5px;
    }

    .chk-group::-webkit-scrollbar-track {
        background: transparent;
    }

    .chk-group::-webkit-scrollbar-thumb {
        background: linear-gradient(#f3d996, #c8922a);
        border-radius: 10px;
    }

    .chk-group .chk-group-item {
        counter-increment: coll;
        width: 100%;
        list-style: none;
        opacity: 0;
        animation: collRise 0.5s ease forwards;
    }

        /* stagger entrance */
        .chk-group .chk-group-item:nth-child(1) {
            animation-delay: 0.05s;
        }

        .chk-group .chk-group-item:nth-child(2) {
            animation-delay: 0.10s;
        }

        .chk-group .chk-group-item:nth-child(3) {
            animation-delay: 0.15s;
        }

        .chk-group .chk-group-item:nth-child(4) {
            animation-delay: 0.20s;
        }

        .chk-group .chk-group-item:nth-child(5) {
            animation-delay: 0.25s;
        }

        .chk-group .chk-group-item:nth-child(6) {
            animation-delay: 0.30s;
        }

        .chk-group .chk-group-item:nth-child(7) {
            animation-delay: 0.35s;
        }

        .chk-group .chk-group-item:nth-child(8) {
            animation-delay: 0.40s;
        }

        .chk-group .chk-group-item:nth-child(9) {
            animation-delay: 0.45s;
        }

        .chk-group .chk-group-item:nth-child(n+10) {
            animation-delay: 0.50s;
        }

@keyframes collRise {
    from {
        opacity: 0;
        transform: translateY(14px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.chk-group .chk-group-item > div {
    position: relative;
    display: block;
    margin-bottom: 0;
}

/* real checkbox hide (JS ki kavali — remove cheyyaku) */
.chk-group .chk-group-item .form-check-input {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    margin: 0;
    pointer-events: none;
}

/* ---------- EACH ITEM (pill) ---------- */
.chk-group .chk-group-item label {
    position: relative;
    display: flex;
    align-items: center;
    gap: 14px;
    width: 100%;
    margin: 0;
    padding: 5px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.3;
    letter-spacing: 0.4px;
    text-transform: capitalize;
    color: #2b1a12;
    background: #ffffff;
    border: 1px solid #efe3cc;
    border-radius: 50px;
    box-shadow: 0 3px 10px rgba(43, 24, 16, 0.06);
    cursor: pointer;
    user-select: none;
    overflow: hidden;
    transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1), background 0.35s ease, color 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease;
}

    /* number badge: 01, 02, 03 ... */
    .chk-group .chk-group-item label::before {
        content: counter(coll, decimal-leading-zero);
        position: static;
        transform: none;
        flex: 0 0 34px;
        width: 34px;
        height: 34px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        background: linear-gradient(135deg, #fbefcf 0%, #e6c06a 100%);
        color: #5a2410;
        font-size: 12px;
        font-weight: 600;
        letter-spacing: 0.5px;
        box-shadow: 0 2px 6px rgba(200, 146, 42, 0.35);
        transition: background 0.35s ease, color 0.35s ease, transform 0.45s ease;
    }

    /* arrow on the right (hover appudu vastundi) */
    .chk-group .chk-group-item label::after {
        content: "\2192";
        margin-left: auto;
        font-size: 16px;
        color: #f3d996;
        opacity: 0;
        transform: translateX(-10px);
        transition: opacity 0.35s ease, transform 0.35s ease;
    }

    /* ---------- HOVER ---------- */
    .chk-group .chk-group-item label:hover {
        transform: translateX(6px);
        color: #ffffff;
        background: linear-gradient(90deg, #400201 0%, #732b15 100%);
        border-color: #732b15;
    }

        .chk-group .chk-group-item label:hover::before {
            background: #ffffff;
            color: #732b15;
            transform: rotate(360deg);
        }

        .chk-group .chk-group-item label:hover::after {
            opacity: 1;
            transform: translateX(0);
        }

/* ---------- SELECTED ---------- */
.chk-group .chk-group-item .form-check-input:checked + label {
    transform: translateX(6px);
    color: #2b1a12;
    font-weight: 600;
    background: linear-gradient(90deg, #f3d996 0%, #e0b04f 55%, #c8922a 100%);
    border-color: #c8922a;
}

    .chk-group .chk-group-item .form-check-input:checked + label::before {
        background: #2b1a12;
        color: #f3d996;
        box-shadow: 0 2px 8px rgba(43, 26, 18, 0.45);
    }

    .chk-group .chk-group-item .form-check-input:checked + label::after {
        content: "\2713";
        color: #2b1a12;
        font-weight: 700;
        opacity: 1;
        transform: translateX(0);
    }

/* keyboard focus */
.chk-group .chk-group-item .form-check-input:focus-visible + label {
    outline: 2px solid #c8922a;
    outline-offset: 2px;
}

.chk-group {
    padding: 6px 15px 6px 4px !important;
    scrollbar-gutter: stable;
}
/* ---------- DESKTOP: header fixed, list matrame scroll ---------- */
@media screen and (min-width: 992px) {
    .prd-left #mySidenav {
        display: flex !important;
        flex-direction: column;
        overflow: hidden !important;
        max-height: calc(100vh - 110px) !important;
    }

        .prd-left #mySidenav .collection-title {
            flex: 0 0 auto;
        }

        .prd-left #mySidenav .prdlist-accr {
            flex: 1 1 auto;
            min-height: 0;
            display: flex;
            flex-direction: column;
            overflow: hidden;
        }

        .prd-left #mySidenav .chk-group {
            flex: 1 1 auto;
            min-height: 0;
            overflow-y: auto;
        }
}

/* ---------- TABLET / MOBILE ---------- */
@media screen and (max-width: 991px) {
    .prd-left {
        border-radius: 0;
        box-shadow: none;
    }

    .chk-group .chk-group-item label:hover,
    .chk-group .chk-group-item .form-check-input:checked + label {
        transform: none;
    }
}

@media screen and (max-width: 380px) {
    .chk-group .chk-group-item label {
        font-size: 13px;
        padding: 8px 14px 8px 8px;
        gap: 10px;
    }

        .chk-group .chk-group-item label::before {
            flex: 0 0 30px;
            width: 30px;
            height: 30px;
            font-size: 11px;
        }
}

@media (prefers-reduced-motion: reduce) {
    .chk-group .chk-group-item {
        animation: none;
        opacity: 1;
    }

    .prd-left .collection-title::after {
        animation: none;
    }
}


/*pules */


/* ---------- "Qty" label ---------- */
.quaty-paart .d-flex > .paper_title {
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: #7a1c1c;
}

/* ---------- stepper tray ---------- */
.quaty-paart .qty-container {
    display: inline-flex !important;
    flex-wrap: nowrap;
    align-items: center;
    gap: 6px;
    width: auto;
    max-width: none !important; /* inline max-width:110px override */
    height: 54px;
    padding: 6px;
    background: #fbf4e4;
    border: 1.5px solid #ecdcb0;
    border-radius: 14px;
    overflow: visible;
}

    /* ---------- common button box ---------- */
    .quaty-paart .qty-container .qty-btn-minus,
    .quaty-paart .qty-container .qty-btn-plus {
        flex: 0 0 42px;
        width: 42px;
        height: 42px;
        margin: 0 !important;
        padding: 0;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 10px !important;
        cursor: pointer;
        transition: transform 0.2s ease, box-shadow 0.25s ease, background 0.25s ease, border-color 0.25s ease;
    }

        .quaty-paart .qty-container .qty-btn-minus i,
        .quaty-paart .qty-container .qty-btn-plus i {
            font-size: 17px;
            line-height: 1;
            transition: color 0.25s ease;
        }

    /* minus = light box */
    .quaty-paart .qty-container .qty-btn-minus {
        background: #ffffff;
        border: 1.5px solid #e3cf9a;
        box-shadow: 0 2px 5px rgba(43, 24, 16, 0.08);
    }

        .quaty-paart .qty-container .qty-btn-minus i {
            color: #7a1c1c;
        }

        .quaty-paart .qty-container .qty-btn-minus:hover:not(:disabled) {
            background: #fff3d1;
            border-color: #c8922a;
            transform: translateY(-2px);
            box-shadow: 0 6px 12px rgba(200, 146, 42, 0.28);
        }

        /* disabled (qty = 1) */
        .quaty-paart .qty-container .qty-btn-minus:disabled {
            opacity: 1;
            cursor: not-allowed;
            background: #f3eee2;
            border-color: #e8dfc8;
            box-shadow: none;
        }

            .quaty-paart .qty-container .qty-btn-minus:disabled i {
                color: #bdb29c;
            }

    /* plus = dark box with gold icon */
    .quaty-paart .qty-container .qty-btn-plus {
        background: linear-gradient(135deg, #2b1a12 0%, #5a2410 100%);
        border: 1.5px solid #2b1a12;
        box-shadow: 0 4px 10px rgba(43, 26, 18, 0.35);
    }

        .quaty-paart .qty-container .qty-btn-plus i {
            color: #f3d996;
        }

        .quaty-paart .qty-container .qty-btn-plus:hover:not(:disabled) {
            background: linear-gradient(135deg, #e0b04f 0%, #c8922a 100%);
            border-color: #c8922a;
            transform: translateY(-2px);
            box-shadow: 0 8px 16px rgba(200, 146, 42, 0.45);
        }

            .quaty-paart .qty-container .qty-btn-plus:hover:not(:disabled) i {
                color: #2b1a12;
            }

        .quaty-paart .qty-container .qty-btn-minus:active:not(:disabled),
        .quaty-paart .qty-container .qty-btn-plus:active:not(:disabled) {
            transform: scale(0.92);
        }

    /* ---------- number box ---------- */
    .quaty-paart .qty-container #SelQuantity {
        flex: 0 0 52px;
        width: 52px !important; /* inline width:36px override */
        height: 42px;
        margin: 0 !important;
        padding: 0;
        border: 1.5px solid #ecdfc6;
        border-radius: 10px;
        background: #ffffff;
        color: #2b1a12;
        font-size: 19px;
        font-weight: 700;
        line-height: 1;
        text-align: center;
        box-shadow: inset 0 1px 3px rgba(43, 24, 16, 0.06);
        outline: none;
    }

/* ---------- Final Price chip ---------- */
.quaty-paart #finalPriceWrap {
    margin-top: 0 !important; /* inline margin-top:12px override */
    display: inline-flex;
    align-items: center;
    gap: 10px;
    height: 54px;
    padding: 0 20px;
    border: 1.5px solid #e6d3a8;
    border-left: 4px solid #c8922a;
    border-radius: 14px;
}

    .quaty-paart #finalPriceWrap .paper_title {
        font-size: 12px;
        font-weight: 600;
        letter-spacing: 1.2px;
        text-transform: uppercase;
        color: #7a1c1c;
    }

    .quaty-paart #finalPriceWrap #finalPriceDisplay {
        font-size: 24px !important; /* inline 18px override */
        font-weight: 700 !important;
        color: #2b1a12 !important; /* inline gold override */
        line-height: 1;
    }

/* ---------- small phones ---------- */
@media screen and (max-width: 380px) {
    .quaty-paart .qty-container {
        height: 50px;
        padding: 5px;
    }

        .quaty-paart .qty-container .qty-btn-minus,
        .quaty-paart .qty-container .qty-btn-plus {
            flex: 0 0 38px;
            width: 38px;
            height: 38px;
        }

        .quaty-paart .qty-container #SelQuantity {
            flex: 0 0 44px;
            width: 44px !important;
            height: 38px;
            font-size: 17px;
        }

    .quaty-paart #finalPriceWrap {
        height: 50px;
        padding: 0 14px;
    }

        .quaty-paart #finalPriceWrap #finalPriceDisplay {
            font-size: 20px !important;
        }
}


/* =====================================================================
   MOBILE / TABLET LAYOUT FIX  -  Qty + Final Price + Buttons
   (printing-details page)   HTML / JS marpu ledu.
   qty-box-style-v2.css block taruvata, style.css LAST lo paste cheyandi.
   ===================================================================== */

@media screen and (max-width: 991px) {

    /* ---------- wrapper: neat stacked rows ---------- */
    .quaty-paart {
        padding-top: 14px;
    }

        .quaty-paart > .d-flex {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: 12px !important;
            width: 100%;
            max-width: 520px;
        }

            /* Row 1:  QTY label (left)  ........  stepper (right) */
            .quaty-paart > .d-flex > .paper_title {
                flex: 1 1 0;
                min-width: 0;
            }

        .quaty-paart .qty-container {
            flex: 0 0 auto;
            margin-left: auto;
        }

        /* Row 2:  Final Price full-width chip (label left, price right) */
        .quaty-paart #finalPriceWrap {
            flex: 1 1 100%;
            width: 100%;
            justify-content: space-between;
            height: 52px;
            padding: 0 18px;
        }

            .quaty-paart #finalPriceWrap #finalPriceDisplay {
                font-size: 24px !important;
            }

        /* Row 3+:  buttons in a tidy 2-column grid */
        .quaty-paart .addcart-btn {
            flex: 1 1 100%;
            width: 100%;
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 10px;
            justify-content: stretch;
        }

            .quaty-paart .addcart-btn > * {
                min-width: 0; /* old min-width:180px override */
                width: 100%;
                height: 48px;
                margin: 0;
                padding: 0 10px;
                display: inline-flex !important;
                align-items: center;
                justify-content: center;
                gap: 6px;
                border-radius: 6px;
                font-size: 14px;
                line-height: 1;
                white-space: nowrap;
            }

            /* Add to Cart / Go To Cart  = full width, taller */
            .quaty-paart .addcart-btn > #bscart-1,
            .quaty-paart .addcart-btn > #ascart-1 {
                grid-column: 1 / -1;
                height: 52px;
                font-size: 15px;
            }

            /* WhatsApp = full width */
            .quaty-paart .addcart-btn > a[href*="whatsapp"] {
                grid-column: 1 / -1;
            }

            /* Go To Cart hidden-ga unnappudu grid lo space teesukoradu */
            .quaty-paart .addcart-btn > #ascart-1[style*="display: none"] {
                display: none !important;
            }
}

/* ---------- phones ---------- */
@media screen and (max-width: 576px) {

    /* white card lo side padding takkuva, content ki ekkuva space */
    .pdetails-rgt-wrap:has(.quaty-paart) {
        padding: 20px 16px;
    }

    .quaty-paart > .d-flex {
        max-width: 100%;
    }

    .quaty-paart .addcart-btn > * {
        font-size: 13px;
        padding: 0 6px;
    }
}

/* ---------- very small phones ---------- */
@media screen and (max-width: 380px) {

    .quaty-paart > .d-flex {
        gap: 10px !important;
    }

    .quaty-paart #finalPriceWrap {
        height: 48px;
        padding: 0 14px;
    }

        .quaty-paart #finalPriceWrap #finalPriceDisplay {
            font-size: 21px !important;
        }

    .quaty-paart .addcart-btn > * {
        height: 44px;
        font-size: 12.5px;
    }

    .quaty-paart .addcart-btn > #bscart-1,
    .quaty-paart .addcart-btn > #ascart-1 {
        height: 48px;
    }
}

.bg-lite .success.closable {
    position: absolute;
    right: 0% !important;
    top: -17px !important;
}


/* =====================================================================
   ALERT / TOAST  -  "Item Added to Your Cart" etc.   (premium v1)
   HTML / JS marpu ledu.  style.css LAST lo paste cheyandi.
   Targets: .msg-caption  +  .success / .error1 / .information / .alert / .attention
   ===================================================================== */

/* ---------- container: header kinda (below fixed header), center ---------- */
.msg-caption {
    position: fixed;
    top: 164px; /* desktop: top strip + main header kinda */
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    padding: 0 12px;
    box-sizing: border-box;
    text-align: center;
    z-index: 100000;
    pointer-events: none; /* header click ki adduga undadu */
}

    /* ---------- common card ---------- */
    .msg-caption .success,
    .msg-caption .error1,
    .msg-caption .information,
    .msg-caption .alert,
    .msg-caption .attention {
        --tc: #1f9d55; /* accent color */
        --tcl: rgba(31, 157, 85, 0.18); /* accent glow */

        position: relative;
        display: flex;
        align-items: center;
        gap: 14px;
        width: fit-content;
        min-width: 340px;
        max-width: min(560px, calc(100vw - 24px));
        min-height: 66px;
        margin: 0 auto !important;
        padding: 16px 54px 18px 16px !important;
        box-sizing: border-box;
        text-align: left;
        font-size: 16px;
        font-weight: 600;
        line-height: 1.4;
        letter-spacing: 0.2px;
        color: #2b1810;
        background-color: #ffffff !important;
        background-image: none !important;
        border: 1px solid #ece4d2;
        border-left: 6px solid var(--tc);
        border-radius: 14px !important;
        box-shadow: 0 16px 42px rgba(43, 24, 16, 0.24), 0 3px 10px rgba(43, 24, 16, 0.10);
        overflow: hidden;
        pointer-events: auto;
        animation: toastIn 0.45s cubic-bezier(0.22, 1, 0.36, 1) both, toastOut 0.4s ease 4.6s forwards; /* 4.6s tarvata fade out */
    }

        /* hover chesthe auto-hide pause avthundi */
        .msg-caption .success:hover,
        .msg-caption .error1:hover,
        .msg-caption .information:hover,
        .msg-caption .alert:hover,
        .msg-caption .attention:hover,
        .msg-caption .success:hover::after,
        .msg-caption .error1:hover::after,
        .msg-caption .information:hover::after,
        .msg-caption .alert:hover::after,
        .msg-caption .attention:hover::after {
            animation-play-state: paused;
        }

    /* ---------- colour per type ---------- */
    .msg-caption .error1 {
        --tc: #d93025;
        --tcl: rgba(217, 48, 37, 0.18);
    }

    .msg-caption .information {
        --tc: #1c7ed6;
        --tcl: rgba(28, 126, 214, 0.18);
    }

    .msg-caption .alert,
    .msg-caption .attention {
        --tc: #e09a00;
        --tcl: rgba(224, 154, 0, 0.20);
    }

        /* ---------- icon circle ---------- */
        .msg-caption .success::before,
        .msg-caption .error1::before,
        .msg-caption .information::before,
        .msg-caption .alert::before,
        .msg-caption .attention::before {
            content: "\2713"; /* ✓ */
            flex: 0 0 38px;
            width: 38px;
            height: 38px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            background: var(--tc);
            color: #ffffff;
            font-size: 20px;
            font-weight: 700;
            line-height: 1;
            box-shadow: 0 0 0 5px var(--tcl);
        }

    .msg-caption .error1::before {
        content: "\2715"; /* ✕ */
    }

    .msg-caption .information::before {
        content: "i";
        font-family: Georgia, "Times New Roman", serif;
        font-style: italic;
    }

    .msg-caption .alert::before,
    .msg-caption .attention::before {
        content: "!";
    }

    /* ---------- time bar (bottom lo) ---------- */
    .msg-caption .success::after,
    .msg-caption .error1::after,
    .msg-caption .information::after,
    .msg-caption .alert::after,
    .msg-caption .attention::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 4px;
        background: var(--tc);
        opacity: 0.85;
        transform-origin: left center;
        animation: toastBar 4.6s linear forwards;
    }

    /* ---------- close (x) button ---------- */
    .msg-caption .closable .closelink {
        position: absolute;
        top: 50%;
        right: 12px;
        width: 30px;
        height: 30px;
        margin: 0;
        transform: translateY(-50%);
        display: flex;
        align-items: center;
        justify-content: center;
        background: none !important; /* old images/close.png teesesanu */
        border-radius: 50%;
        opacity: 0.55;
        cursor: pointer;
        transition: opacity 0.2s ease, background 0.2s ease;
    }

        .msg-caption .closable .closelink::before {
            content: "\00D7"; /* × */
            font-size: 26px;
            font-weight: 400;
            line-height: 1;
            color: #2b1810;
        }

        .msg-caption .closable .closelink:hover {
            opacity: 1;
            background: rgba(43, 24, 16, 0.08) !important;
        }

/* ---------- animations ---------- */
@keyframes toastIn {
    from {
        opacity: 0;
        transform: translateY(-26px) scale(0.96);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes toastOut {
    to {
        opacity: 0;
        transform: translateY(-20px) scale(0.97);
        visibility: hidden;
        pointer-events: none;
    }
}

@keyframes toastBar {
    from {
        transform: scaleX(1);
    }

    to {
        transform: scaleX(0);
    }
}

/* ---------- tablet + mobile (top strip hide, header 85px) ---------- */
@media screen and (max-width: 991px) {
    .msg-caption {
        top: 98px;
    }
}

/* ---------- phones ---------- */
@media screen and (max-width: 576px) {
    .msg-caption {
        padding: 0 10px;
    }

        .msg-caption .success,
        .msg-caption .error1,
        .msg-caption .information,
        .msg-caption .alert,
        .msg-caption .attention {
            width: 100%;
            min-width: 0;
            max-width: none;
            min-height: 60px;
            gap: 12px;
            padding: 14px 46px 16px 12px !important;
            font-size: 14.5px;
            border-radius: 12px !important;
        }

            .msg-caption .success::before,
            .msg-caption .error1::before,
            .msg-caption .information::before,
            .msg-caption .alert::before,
            .msg-caption .attention::before {
                flex: 0 0 34px;
                width: 34px;
                height: 34px;
                font-size: 18px;
            }

        .msg-caption .closable .closelink {
            right: 8px;
        }
}

/* ---------- very small phones ---------- */
@media screen and (max-width: 380px) {
    .msg-caption .success,
    .msg-caption .error1,
    .msg-caption .information,
    .msg-caption .alert,
    .msg-caption .attention {
        font-size: 13.5px;
        padding: 12px 42px 14px 10px !important;
    }
}

/* ---------- reduced motion ---------- */
@media screen and (prefers-reduced-motion: reduce) {
    .msg-caption .success,
    .msg-caption .error1,
    .msg-caption .information,
    .msg-caption .alert,
    .msg-caption .attention {
        animation: toastOut 0.4s ease 4.6s forwards;
    }

        .msg-caption .success::after,
        .msg-caption .error1::after,
        .msg-caption .information::after,
        .msg-caption .alert::after,
        .msg-caption .attention::after {
            animation: none;
            transform: none;
        }
}




/* =====================================================================
   ORDER DETAILS sidebar  -  "Temple Luxury" (same look as Secure Login)
   ===================================================================== */

/* ---------- heading ---------- */
.order-summary-head {
    position: relative;
    padding: 0 0 12px 0;
    margin-bottom: 16px;
    border-bottom: 1px solid #ecdfc6;
    font-family: 'Poppins-SemiBold', sans-serif;
    font-size: 15px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #7a1c1c;
}

    .order-summary-head::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: -2px;
        width: 70px;
        height: 3px;
        border-radius: 3px;
        background: linear-gradient(90deg, #7a1c1c, #c8922a);
    }

/* ---------- totals card ---------- */
.checkout-payment-table {
    width: 100%;
    background: #ffffff;
    border: 1px solid #ecdfc6;
    border-top: 4px solid #c8922a;
    border-bottom: 0;
    border-radius: 12px 12px 0 0;
    box-shadow: 0 6px 22px rgba(43, 24, 16, 0.09);
    font-family: 'Poppins-Medium', sans-serif;
    font-size: 13.5px;
    overflow: hidden;
}

    .checkout-payment-table td,
    .checkout-payment-table th {
        padding: 12px 16px;
        border: 0;
        border-bottom: 1px dashed #ecdfc6;
        color: #5a4638;
        line-height: 1.5;
        background: transparent;
        font-family: 'Poppins-Medium', sans-serif !important; /* "Depends on order dimensions" serif font fix */
        vertical-align: middle;
    }

        .checkout-payment-table td:last-child {
            text-align: right;
            color: #2b1810;
        }

        .checkout-payment-table strong,
        .checkout-payment-table td:first-child {
            font-family: 'Poppins-SemiBold', sans-serif !important;
            color: #2b1810;
            font-size: 13.5px;
        }

        /* "Depends on order dimensions" -> small & soft */
        .checkout-payment-table td:last-child:not(:only-child) {
            font-size: 12.5px;
        }

    .checkout-payment-table tr:last-child td {
        border-bottom: 0;
    }

    /* ---------- Est. Total row ---------- */
    .checkout-payment-table .cart-table-totals-total,
    .checkout-payment-table .cart-table-totals-total td {
        background: #fff6dc;
        border-top: 1px solid #e6d3a8;
        border-bottom: 0;
    }

        .checkout-payment-table .cart-table-totals-total td {
            padding: 14px 16px;
            font-family: 'Poppins-SemiBold', sans-serif !important;
            font-size: 16px;
            letter-spacing: 0.4px;
            color: #7a1c1c;
        }

            .checkout-payment-table .cart-table-totals-total td:last-child {
                font-size: 20px;
                color: #2b1810;
            }

/* ---------- items card ---------- */
.checkout-items-table {
    width: 100%;
    background: #ffffff;
    border: 1px solid #ecdfc6;
    border-top: 0;
    box-shadow: 0 10px 22px rgba(43, 24, 16, 0.08);
    border-radius: 0 0 12px 12px;
    overflow: hidden;
}

    .checkout-items-table td {
        padding: 14px 16px;
        border-bottom: 1px solid #f1e6cf;
        vertical-align: top;
    }

    .checkout-items-table tr:last-child td {
        border-bottom: 0;
    }

    .checkout-items-table .cart-item-img1 img,
    .checkout-items-table img {
        width: 84px !important;
        height: auto;
        object-fit: cover;
        object-position: top;
        border: 2px solid #ecdfc6;
        border-radius: 8px;
        box-shadow: 0 4px 10px rgba(43, 24, 16, 0.14);
    }

    .checkout-items-table .product-head {
        font-family: 'Poppins-Medium', sans-serif;
        font-size: 13px;
        line-height: 20px;
        color: #2b1810;
        -webkit-line-clamp: 2;
    }

/* Qty chip */
.sidebar-item-qty {
    display: inline-block;
    margin-top: 6px;
    padding: 1px 12px;
    font-family: 'Poppins-SemiBold', sans-serif !important;
    font-size: 12px;
    letter-spacing: 0.4px;
    color: #7a1c1c;
    background: #fff6dc;
    border: 1px solid #e6d3a8;
    border-radius: 50px;
}

/* item price */
.checkout-items-table .ppitem-price-qty,
.checkout-items-table .pprice-item-bar {
    font-family: 'Poppins-SemiBold', sans-serif !important;
    font-size: 13.5px;
    color: #2b1810;
}

/* ---------- Edit Items button ---------- */
.checkout-items-table-footer {
    padding: 14px 16px 16px;
    text-align: center;
    border-top: 1px solid #f1e6cf;
    background: #fffaf0;
}

    .checkout-items-table-footer a {
        display: inline-block;
        padding: 8px 26px;
        font-family: 'Poppins-Medium', sans-serif;
        font-size: 13px;
        letter-spacing: 0.5px;
        color: #7a1c1c !important;
        background: #ffffff;
        border: 1px solid #c8922a;
        border-radius: 8px;
        transition: all 0.25s ease;
    }

        .checkout-items-table-footer a:hover {
            color: #ffffff !important;
            background: #7a1c1c;
            border-color: #7a1c1c;
            transform: translateY(-2px);
            box-shadow: 0 8px 16px rgba(122, 28, 28, 0.25);
        }

@media screen and (max-width: 767px) {
    .checkout-items-table .cart-item-img1 img,
    .checkout-items-table img {
        width: 70px !important;
    }
}


/* =====================================================================
   LEFT IMAGE = stays in place   |   RIGHT WHITE BOX = scrolls inside
   Desktop / tablet (768px+) only.
   Previous "1) STICKY LEFT IMAGE" block remove cheyandi, idi paste cheyandi.
   ===================================================================== */

@media screen and (min-width: 768px) {

    /* left image box: page scroll tho kadalakunda akkade undali */
    .pdetails-left-wrap {
        position: -webkit-sticky;
        position: sticky;
        top: 145px;
        align-self: flex-start;
    }

    /* image viewport height lo fit ayyelaga (header + gap minus) */
    .customizer-main-preview {
        max-width: max(280px, calc((100vh - 260px) * 0.8));
    }


    .pdetails-rgt-wraps {
        padding: 30px;
    }

    .pdetails-rgt-wrap::-webkit-scrollbar {
        width: 6px;
    }

    .pdetails-rgt-wrap::-webkit-scrollbar-track {
        background: transparent;
    }

    .pdetails-rgt-wrap::-webkit-scrollbar-thumb {
        background: linear-gradient(#f3d996, #c8922a);
        border-radius: 10px;
    }
}

/* mobile: normal page flow */
@media screen and (max-width: 767px) {
    .pdetails-left-wrap {
        position: static;
    }

    .pdetails-rgt-wrap {
        max-height: none;
        overflow: visible;
    }
}













/* =====================================================================
   PRINTING DETAILS PAGE  -  style.css LAST lo paste cheyandi
   (no :root variables, no min-width)
   - Left preview card sticky
   - Right white box lo own scroll
   - Qty / Price / Buttons bar bottom lo fixed
   - Frame thumbnails better look
   Colours: dark brown #2b1a12 | maroon #7a1f1f | gold #c8922a
            soft gold #f3d996 | line #ecdfc6 | cream #fffdf7
   ===================================================================== */


/* =====================================================
   LEFT : PREVIEW CARD  (sticky)
   ===================================================== */
.pdetails-left-wrap {
    position: -webkit-sticky;
    position: sticky;
    top: 145px;
    align-self: flex-start;
    padding: 18px;
    background: linear-gradient(180deg, #fffdf7 0%, #fff6dc 100%);
    border: 1px solid #ecdfc6;
    border-top: 4px solid #c8922a;
    border-radius: 14px;
    box-shadow: 0 14px 34px rgba(43, 26, 18, 0.14);
}

/*  .pdetails-left-wrap::before {
        content: "LIVE PREVIEW";
        display: block;
        margin: 0 auto 12px;
        width: fit-content;
        padding: 3px 14px;
        font-family: 'Poppins-medium', sans-serif;
        font-size: 10px;
        letter-spacing: 2px;
        color: #7a1f1f;
        background: #fff6dc;
        border: 1px solid #e6d3a8;
        border-radius: 50px;
    }
*/
/* image screen height lo fit ayyelaga */
.customizer-main-preview {
    max-width: calc((100vh - 270px) * 0.8);
}

.frame-preview-box {
    border-radius: 6px;
    box-shadow: 0 10px 26px rgba(43, 26, 18, 0.25);
}


/* =====================================================
   RIGHT : WHITE BOX  (own scroll)
   ===================================================== */
.pdetails-rgt-wrap {
    height: auto !important;
    max-height: calc(100vh - 160px);
    padding-bottom: 0 !important;
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior: contain;
    scroll-behavior: smooth;
    border-radius: 14px;
    border-top: 4px solid #c8922a;
    box-shadow: 0 14px 34px rgba(43, 26, 18, 0.12);
    scrollbar-width: thin;
    scrollbar-color: #c8922a transparent;
}

    .pdetails-rgt-wrap::-webkit-scrollbar {
        width: 6px;
    }

    .pdetails-rgt-wrap::-webkit-scrollbar-track {
        background: transparent;
        margin: 10px 0;
    }

    .pdetails-rgt-wrap::-webkit-scrollbar-thumb {
        background: linear-gradient(#f3d996, #c8922a);
        border-radius: 10px;
    }


    /* =====================================================
   QTY / PRICE / BUTTONS BAR  (bottom lo eppudu kanipistundi)
   ===================================================== */
    .pdetails-rgt-wrap .quaty-paart {
        position: -webkit-sticky;
        position: sticky;
        bottom: 0;
        z-index: 6;
        margin: 14px -35px 0;
        padding: 14px 35px 18px;
        background: #ffffff;
        border-top: 1px solid #ecdfc6;
        box-shadow: 0 -10px 22px rgba(43, 26, 18, 0.08);
    }


    /* =====================================================
   FRAME THUMBNAILS  (bottom image row)
   ===================================================== */
    .pdetails-rgt-wrap #frameList {
        gap: 12px;
        padding: 6px 2px 4px;
    }

        .pdetails-rgt-wrap #frameList .frame-option {
            width: 78px;
            padding: 0;
            border: 2px solid #ecdfc6;
            border-radius: 8px;
            background: #ffffff;
            overflow: hidden;
            box-shadow: 0 3px 8px rgba(43, 26, 18, 0.10);
            transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
        }

            /*   .pdetails-rgt-wrap #frameList .frame-option img {
                width: 100%;
                height: auto;
                max-height: none;
                margin: 0;
                display: block;
                object-fit: cover;
                object-position: center;
                border-radius: 0;
            }*/

            .pdetails-rgt-wrap #frameList .frame-option .frame-option-code {
                width: 100%;
                margin: 0;
                padding: 4px 2px;
                font-family: 'Poppins-medium', sans-serif;
                font-size: 10px;
                letter-spacing: .3px;
                color: #2b1a12;
                background: #fffaf0;
                border-top: 1px solid #ecdfc6;
            }

            .pdetails-rgt-wrap #frameList .frame-option:hover {
                transform: translateY(-3px);
                border-color: #c8922a;
                box-shadow: 0 10px 18px rgba(200, 146, 42, 0.30);
            }

            .pdetails-rgt-wrap #frameList .frame-option.active {
                border-color: #c8922a;
                box-shadow: 0 0 0 3px rgba(200, 146, 42, 0.25), 0 10px 18px rgba(200, 146, 42, 0.30);
            }

                .pdetails-rgt-wrap #frameList .frame-option.active .frame-option-code {
                    color: #ffffff;
                    background: #2b1a12;
                    border-top-color: #2b1a12;
                }

                /* selected tick */
                .pdetails-rgt-wrap #frameList .frame-option.active::after {
                    content: "\2713";
                    position: absolute;
                    top: 4px;
                    right: 4px;
                    width: 20px;
                    height: 20px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    border-radius: 50%;
                    background: #c8922a;
                    color: #ffffff;
                    font-size: 12px;
                    font-weight: 700;
                    line-height: 1;
                    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
                }

            /* studio note (36 X 48) */
            .pdetails-rgt-wrap #frameList .frame-option.framing-studio-note {
                width: 100%;
                padding: 10px 14px;
                border: 1px dashed #c8922a;
                border-radius: 8px;
                background: #fffaf0;
                box-shadow: none;
            }

                .pdetails-rgt-wrap #frameList .frame-option.framing-studio-note::after {
                    display: none;
                }

/* selected frame name + price chip */
#selectedFrameInfo {
    display: inline-block;
    margin-top: 8px;
    padding: 3px 12px;
    font-family: 'Poppins-medium', sans-serif;
    font-size: 13px;
    color: #7a1f1f;
    background: #fff6dc;
    border: 1px solid #e6d3a8;
    border-radius: 50px;
}

    #selectedFrameInfo:empty {
        display: none;
    }


/* =====================================================
   SHORT LAPTOP SCREENS  -> bar sticky avvadu
   ===================================================== */
@media screen and (max-height: 760px) {
    .pdetails-rgt-wrap .quaty-paart {
        position: static;
        margin: 14px 0 0;
        padding: 14px 0 18px;
        box-shadow: none;
    }
}


/* =====================================================
   MOBILE  ->  normal page scroll
   ===================================================== */
@media screen and (max-width: 767px) {
    .cart-list1 .cart-item > div:nth-child(1) {
        max-width: 100%;
    }

    .pdetails-left-wrap {
        position: static;
    }

    .customizer-main-preview {
        max-width: 520px;
    }

    .pdetails-rgt-wrap {
        max-height: none;
        overflow: visible;
    }

        .pdetails-rgt-wrap .quaty-paart {
            position: static;
            margin: 14px 0 0;
            padding: 14px 0 18px;
            box-shadow: none;
        }

        .pdetails-rgt-wrap #frameList .frame-option {
            width: 68px;
        }

            .pdetails-rgt-wrap #frameList .frame-option img {
                height: 62px;
            }
}


/* all 4 header icons = same grey circle */
.header-actions .icon-btn,
.header-actions button.icon-btn {
    padding: 0;
    border: 0 !important;
    outline: 0;
    box-shadow: none;
    background-color: #e3e3e3;
    color: #3d2e20;
    border-radius: 50%;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
    line-height: 1;
}

    .header-actions .icon-btn:hover,
    .header-actions button.icon-btn:hover,
    .hdr-drop:hover > .icon-btn,
    .hdr-drop.open > .icon-btn {
        background-color: #d4d4d4;
    }

.hdr-drop {
    display: inline-flex;
    align-items: center;
}


/*logon page */
/* ===== Silparamam Login Page - Normal CSS ===== */

.l-r-content {
    background: #fffdf2;
    padding: 50px 0 40px;
}

    /* ---------- Card ---------- */
    .l-r-content .login-sec {
        display: flex;
        align-items: stretch;
        background: #ffffff;
        border: 1px solid #f0e6c8;
        border-radius: 22px;
        overflow: hidden;
        max-width: 1050px;
        margin: 0 auto;
    }

    /* ---------- Left image ---------- */
    .l-r-content .login-sec-left {
        flex: 1 1 50%;
        background: linear-gradient(160deg, #5a0f0f 0%, #3e0808 100%);
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 30px;
        position: relative;
    }

        .l-r-content .login-sec-left::after {
            content: "";
            position: absolute;
            top: 14px;
            right: 14px;
            bottom: 14px;
            left: 14px;
            border: 1px solid rgba(201, 162, 74, 0.45);
            border-radius: 16px;
            pointer-events: none;
        }

        .l-r-content .login-sec-left img {
            max-height: 420px;
            width: auto;
            border-radius: 12px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
        }

    /* ---------- Right form ---------- */
    .l-r-content .login-sec-right {
        flex: 1 1 50%;
        display: flex;
        align-items: center;
        padding: 50px 55px;
    }

    .l-r-content .login-form {
        width: 100%;
    }

    .l-r-content .login-head {
        font-size: 30px;
        font-weight: 700;
        color: #5a0f0f;
        line-height: 1.2;
        margin-bottom: 6px;
    }

    .l-r-content .login-form > p {
        color: #7a6a62;
        font-size: 15px;
        margin-bottom: 28px;
    }

        .l-r-content .login-form > p::after {
            content: "";
            display: block;
            width: 55px;
            height: 3px;
            border-radius: 3px;
            background: #c9a24a;
            margin-top: 12px;
        }

    /* ---------- Inputs ---------- */
    .l-r-content .cus-group {
        position: relative;
        margin-bottom: 20px;
    }

        .l-r-content .cus-group label {
            position: static !important;
            display: block;
            font-size: 13px;
            font-weight: 600;
            line-height: 18px;
            color: #5a0f0f;
            margin: 0 0 6px 0;
            padding-left: 4px;
            transform: none !important;
        }

        .l-r-content .cus-group input[type="text"],
        .l-r-content .cus-group input[type="password"],
        .l-r-content .cus-group input[type="email"] {
            width: 100%;
            height: 52px;
            background: #fff8d6;
            border: 1.5px solid transparent;
            border-radius: 30px;
            padding: 0 50px 0 22px;
            font-size: 15px;
            color: #2b1a14;
            outline: none;
            transition: all 0.25s ease;
        }

        .l-r-content .cus-group input::placeholder {
            color: #a99c8f;
        }

        .l-r-content .cus-group input:focus {
            background: #ffffff;
            border-color: #c9a24a;
            box-shadow: 0 0 0 4px rgba(201, 162, 74, 0.2);
        }

        /* icons inside input */
        .l-r-content .cus-group > i,
        .l-r-content .cus-group .toggle-eye {
            position: absolute;
            right: 22px;
            top: 50px; /* label (24px) + half of input height (26px) */
            transform: translateY(-50%);
            font-size: 18px;
            line-height: 1;
            color: #7a1c1c;
            z-index: 2;
        }

        .l-r-content .cus-group .toggle-eye {
            cursor: pointer;
            transition: color 0.2s;
        }

            .l-r-content .cus-group .toggle-eye:hover {
                color: #c9a24a;
            }

    /* error text */
    .l-r-content .red-t,
    .l-r-content .help-block {
        display: block;
        color: #c62828;
        font-size: 12.5px;
        margin: 6px 0 0 14px;
        font-style: normal;
    }

    /* ---------- Login button ---------- */
    .l-r-content .login-btn {
        width: 100%;
        height: 52px;
        border: none;
        border-radius: 30px;
        background: linear-gradient(135deg, #7a1c1c, #3e0808);
        color: #ffffff;
        font-size: 17px;
        font-weight: 700;
        letter-spacing: 0.5px;
        cursor: pointer;
        transition: transform 0.2s ease, box-shadow 0.2s ease;
    }

        .l-r-content .login-btn:hover {
            transform: translateY(-2px);
        }

        .l-r-content .login-btn:active {
            transform: translateY(0);
        }

    /* ---------- Forgot password ---------- */
    .l-r-content .forget {
        margin-top: 22px;
        display: flex;
        align-items: center;
        gap: 12px;
    }

        .l-r-content .forget::before,
        .l-r-content .forget::after {
            content: "";
            flex: 1;
            height: 1px;
            background: #eadfc0;
        }

        .l-r-content .forget a {
            color: #5a0f0f;
            font-size: 14px;
            text-decoration: none;
            transition: color 0.2s;
        }

            .l-r-content .forget a:hover {
                color: #c9a24a;
                text-decoration: underline;
            }

    /* ---------- Bottom help bar ---------- */
    .l-r-content .desk-btm-p {
        margin-top: 28px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        gap: 8px 14px;
        font-size: 15px;
        color: #2b1a14;
    }

        .l-r-content .desk-btm-p a {
            color: #5a0f0f;
            text-decoration: none;
        }

            .l-r-content .desk-btm-p a:hover {
                color: #c9a24a;
            }

        .l-r-content .desk-btm-p .lp {
            margin-left: 30px;
            display: inline-flex;
            align-items: center;
            gap: 10px;
        }

    .l-r-content .cus-btn-sec {
        background: #5a0f0f;
        color: #ffffff !important;
        border-radius: 25px;
        font-weight: 600;
        transition: background 0.2s, transform 0.2s;
    }

        .l-r-content .cus-btn-sec:hover {
            background: #7a1c1c;
            transform: translateY(-1px);
        }

/* ---------- Mobile ---------- */
@media (max-width: 991px) {
    .l-r-content .login-sec-left {
        display: none;
    }

    .l-r-content .login-sec-right {
        padding: 35px 24px;
    }

    .l-r-content .login-sec {
        border-radius: 18px;
        margin: 0 10px;
    }

    .l-r-content .login-head {
        font-size: 24px;
    }

    .l-r-content .desk-btm-p .lp {
        margin-left: 0;
    }
}

button, input, optgroup, select, textarea {
    font-family: 'poppins', sans-serif;
}

.related-products.common-section.mt-4 {
    padding-top: 20px !important;
    padding-bottom: 0px !important;
}

.cart-row.res-rev .order-summary {
    /*border: 1px solid #c8922a;*/
    padding: 13px;
    border-radius: 15px;
    box-shadow: 0 6px 22px rgba(43, 24, 16, 0.09);
}

.cart-item div a .add-cart-btn.mt-1 {
    font-size: 15px !important;
    padding: 5px 16px !important;
    min-width: 90px !important;
    color: #fff !important;
    background-color: #3d2e20 !important;
}
/* =====================================================================
   ORDER HISTORY - MOBILE / TABLET CARD VIEW
   (child order: 1 product | 2 date | 3 price | 4 qty | 5 total | 6 status | 7 details)
   ===================================================================== */
@media screen and (max-width: 991px) {

    .order-tablecon .cart-list1 .cart-head {
        display: none;
    }

    /* ---------- card ---------- */
    .order-tablecon .cart-list1 .cart-item {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-areas:
            "product product"
            "date    total"
            "status  details";
        column-gap: 12px;
        row-gap: 14px;
        align-items: center;
        text-align: left;
        margin-top: 14px;
        padding: 14px;
        background: #ffffff;
        border: 1px solid #ecdfc6;
        border-top: 3px solid #c8922a;
        border-radius: 14px;
        box-shadow: 0 6px 18px rgba(43, 24, 16, 0.08);
        position: relative;
    }

        /* reset old width / position / alignment rules on every cell */
        .order-tablecon .cart-list1 .cart-item > div {
            width: auto !important;
            max-width: none !important;
            min-width: 0;
            margin: 0 !important;
            padding: 0;
            position: static;
            text-align: left !important;
        }

            /* ---------- 1. product ---------- */
            .order-tablecon .cart-list1 .cart-item > div:nth-child(1) {
                grid-area: product;
                display: block;
            }

    .order-tablecon .cart-list1 .cart-pro-img-content {
        gap: 14px !important;
        align-items: flex-start;
    }

    .order-tablecon .cart-list1 .cart-frame-box {
        flex: 0 0 96px;
        width: 96px;
        height: 122px;
    }

    .order-tablecon .cart-list1 .product-details {
        flex: 1 1 auto;
        min-width: 0;
        font-size: 13px;
        line-height: 20px;
    }

        .order-tablecon .cart-list1 .product-details > div:first-child {
            font-family: 'Poppins-SemiBold', sans-serif;
            font-size: 14px;
            line-height: 20px;
            color: #2b1810;
            margin-bottom: 2px;
        }

        .order-tablecon .cart-list1 .product-details > div {
            margin-bottom: 2px;
        }

    /* mobile price block is wrong (shows 0.00) -> hide price, keep qty chip */
    .order-tablecon .cart-list1 .mobile-price-qty .cart-item-price {
        display: none;
    }

    /* ---------- hide old price + qty columns ---------- */
    .order-tablecon .cart-list1 .cart-item > div:nth-child(3),
    .order-tablecon .cart-list1 .cart-item > div:nth-child(4) {
        display: none;
    }

    /* ---------- small labels ---------- */
    .order-tablecon .cart-list1 .cart-item > div:nth-child(2)::before,
    .order-tablecon .cart-list1 .cart-item > div:nth-child(5)::before,
    .order-tablecon .cart-list1 .cart-item > div:nth-child(6)::before {
        display: block;
        margin-bottom: 3px;
        font-family: 'Poppins-Medium', sans-serif;
        font-size: 10.5px;
        letter-spacing: 1px;
        text-transform: uppercase;
        color: #9a8576;
    }

    /* ---------- 2. order date ---------- */
    .order-tablecon .cart-list1 .cart-item > div:nth-child(2) {
        grid-area: date;
        display: block;
        padding-top: 12px;
        border-top: 1px dashed #ecdfc6;
        font-family: 'Poppins-Medium', sans-serif;
        font-size: 14px;
        color: #2b1810;
    }

        .order-tablecon .cart-list1 .cart-item > div:nth-child(2)::before {
            content: "Order Date";
        }

    /* ---------- 5. total ---------- */
    .order-tablecon .cart-list1 .cart-item > div:nth-child(5) {
        grid-area: total;
        display: block;
        top: auto;
        right: auto;
        padding-top: 12px;
        border-top: 1px dashed #ecdfc6;
        text-align: right !important;
    }

        .order-tablecon .cart-list1 .cart-item > div:nth-child(5)::before {
            content: "Total";
        }

    .order-tablecon .cart-list1 .cart-item-total-price {
        font-family: 'Poppins-SemiBold', sans-serif;
        font-size: 18px;
        line-height: 1.2;
        color: #7a1c1c;
    }

    /* ---------- 6. status ---------- */
    .order-tablecon .cart-list1 .cart-item > div:nth-child(6) {
        grid-area: status;
        display: block;
    }

        .order-tablecon .cart-list1 .cart-item > div:nth-child(6)::before {
            content: "Status";
        }

        .order-tablecon .cart-list1 .cart-item > div:nth-child(6) strong {
            display: inline-block;
            padding: 3px 14px;
            font-family: 'Poppins-SemiBold', sans-serif !important;
            font-size: 12px;
            line-height: 18px;
            color: #7a1c1c;
            background: #fff6dc;
            border: 1px solid #e6d3a8;
            border-radius: 50px;
        }

    /* ---------- 7. details button ---------- */
    .order-tablecon .cart-list1 .cart-item > div:nth-child(7) {
        grid-area: details;
        display: block;
    }

        .order-tablecon .cart-list1 .cart-item > div:nth-child(7) a {
            display: block;
            width: 100%;
            text-decoration: none !important;
        }

        .order-tablecon .cart-list1 .cart-item > div:nth-child(7) .add-cart-btn {
            display: block;
            width: 100%;
            height: 42px;
            margin: 0 !important;
            padding: 0 10px !important;
            font-family: 'Poppins-Medium', sans-serif;
            font-size: 14px !important;
            letter-spacing: 0.4px;
            color: #ffffff !important;
            background: #3d2e20 !important;
            border: 1px solid #3d2e20 !important;
            border-radius: 8px;
            transition: background 0.25s ease;
        }

            .order-tablecon .cart-list1 .cart-item > div:nth-child(7) .add-cart-btn:hover {
                background: #7a1c1c !important;
                border-color: #7a1c1c !important;
            }
}

/* ---------- phones ---------- */
@media screen and (max-width: 576px) {
    .order-tablecon .cart-list1 .cart-item {
        padding: 12px;
        border-radius: 12px;
    }

    .order-tablecon .cart-list1 .cart-frame-box {
        flex: 0 0 90px;
        width: 90px;
        height: 115px;
    }
}

/* ---------- very small phones ---------- */
@media screen and (max-width: 380px) {
    .order-tablecon .cart-list1 .cart-frame-box {
        flex: 0 0 80px;
        width: 80px;
        height: 102px;
    }

    .order-tablecon .cart-list1 .product-details {
        font-size: 12px;
    }

    .order-tablecon .cart-list1 .cart-item-total-price {
        font-size: 16px;
    }

    .order-tablecon .cart-list1 .cart-item > div:nth-child(7) .add-cart-btn {
        height: 40px;
        font-size: 13px !important;
    }
}


/* =====================================================================
   PRODUCT DESCRIPTION BOX  -  "Temple Luxury"
   ===================================================================== */
.description-content {
    position: relative;
    padding: 26px 30px 28px;
    background: radial-gradient(circle at 100% 0%, rgba(243, 217, 150, 0.30) 0%, transparent 45%), linear-gradient(180deg, #fffdf7 0%, #fff6dc 100%);
    border: 1px solid #ecdfc6;
    border-top: 4px solid #c8922a;
    border-radius: 14px;
    box-shadow: 0 10px 28px rgba(43, 26, 18, 0.10);
    font-family: 'poppins', sans-serif;
    font-size: 15px;
    line-height: 1.8;
    letter-spacing: 0.2px;
    color: #5a4638;
    text-align: left;
    overflow: hidden;
}


    /* ---------- heading ---------- */
    .description-content .medium-title2 {
        position: relative;
        display: flex;
        align-items: center;
        gap: 12px;
        margin: 0 0 20px;
        padding-bottom: 14px;
        font-family: 'Poppins-SemiBold', sans-serif;
        font-size: 18px;
        letter-spacing: 1.2px;
        text-transform: uppercase;
        color: #7a1c1c;
        border-bottom: 1px solid #ecdfc6;
    }

        /* gold round badge */
        .description-content .medium-title2::before {
            content: "\2726";
            flex: 0 0 34px;
            width: 34px;
            height: 34px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            background: linear-gradient(135deg, #fbefcf 0%, #e6c06a 100%);
            color: #5a2410;
            font-size: 15px;
            line-height: 1;
            box-shadow: 0 2px 6px rgba(200, 146, 42, 0.35);
        }

        /* maroon to gold underline accent */
        .description-content .medium-title2::after {
            content: "";
            position: absolute;
            left: 0;
            bottom: -2px;
            width: 80px;
            height: 3px;
            border-radius: 3px;
            background: linear-gradient(90deg, #7a1c1c, #c8922a);
        }

    /* inner text styling, in case description comes with <p> / <strong> / <ul> */
    .description-content p {
        margin: 0 0 10px;
    }

    .description-content strong,
    .description-content b {
        font-family: 'Poppins-SemiBold', sans-serif !important;
        color: #2b1a12;
    }

    .description-content ul {
        padding-left: 18px !important;
        list-style: disc;
    }

    .description-content li {
        margin-bottom: 6px;
    }

/* ---------- tablet / mobile ---------- */
@media screen and (max-width: 991px) {
    .description-content {
        padding: 22px 22px 24px;
    }
}

/* ---------- phones ---------- */
@media screen and (max-width: 575px) {
    .description-content {
        padding: 18px 16px 20px;
        font-size: 14px;
        line-height: 1.7;
        border-radius: 12px;
    }

        .description-content .medium-title2 {
            font-size: 15px;
            letter-spacing: 1px;
            margin-bottom: 16px;
            padding-bottom: 12px;
        }

            .description-content .medium-title2::before {
                flex: 0 0 30px;
                width: 30px;
                height: 30px;
                font-size: 13px;
            }

        .description-content::after {
            font-size: 54px;
        }
}

/* ---------- very small phones ---------- */
@media screen and (max-width: 380px) {
    .description-content {
        padding: 16px 14px 18px;
        font-size: 13.5px;
    }

        .description-content .medium-title2 {
            font-size: 14px;
        }
}

#bindrb {
    position: sticky;
    top: 150px;
}


/* START: HEADER DROPDOWN (call / user card) - hidden by default */
.hdr-drop {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.hdr-drop-menu {
    position: absolute;
    top: 100%;
    right: 0;
    margin-top: 10px;
    min-width: 240px;
    background: #fff;
    color: #3b1d0f;
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .18);
    padding: 16px 18px;
    text-align: left;
    opacity: 0;
    visibility: hidden;
    transform: translateY(8px);
    transition: opacity .2s ease, transform .2s ease, visibility .2s;
    z-index: 1200;
}

    .hdr-drop-menu::before {
        content: "";
        position: absolute;
        top: -12px;
        left: 0;
        right: 0;
        height: 12px;
    }

.hdr-drop.open .hdr-drop-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

@media screen and (hover: hover) {
    .hdr-drop:hover .hdr-drop-menu {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }
}

.hdr-note {
    margin: 0 0 4px;
    font-size: 14px;
}

.hdr-phone {
    display: block;
    font-size: 18px;
    font-weight: 600;
    color: #7a1f1f;
    text-decoration: none;
    margin-bottom: 8px;
}

.hdr-sub {
    margin: 6px 0 4px;
    font-size: 12px;
    opacity: .8;
}

.hdr-phone-sm {
    display: block;
    font-size: 14px;
    color: #3b1d0f;
    text-decoration: none;
    line-height: 1.7;
}

.hdr-hours {
    margin-top: 10px;
    padding-top: 8px;
    border-top: 1px solid #eee;
    font-size: 13px;
}

.hdr-user-card h4 {
    margin: 0 0 8px;
    font-size: 18px;
    text-transform: uppercase;
}

.hdr-links {
    display: flex;
    gap: 6px;
    align-items: center;
    white-space: nowrap;
}

    .hdr-links a {
        color: #7a1f1f;
        text-decoration: none;
        font-weight: 500;
    }

        .hdr-links a:hover {
            text-decoration: underline;
        }
/* END: HEADER DROPDOWN */

/* START: ICON BUTTONS - fixed size so layout never jumps while icon font loads */
.header-actions .icon-btn {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
}

.icon-btn i.bi {
    display: inline-block;
    width: 1em;
    height: 1em;
    line-height: 1;
}
/* END: ICON BUTTONS */

/* START: SIGNUP TOAST - hidden/positioned from first paint */
.signup-toast {
    position: fixed;
    top: 90px;
    right: 20px;
    z-index: 99999;
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 320px;
    max-width: 420px;
    padding: 18px 20px;
    background: #fff;
    color: #2b1a12;
    font-size: 17px;
    font-weight: 600;
    border-left: 6px solid #1f9d55;
    border-radius: 10px;
    box-shadow: 0 8px 28px rgba(0, 0, 0, .2);
    overflow: hidden;
    animation: signupToastIn .4s ease;
}

.signup-toast-icon {
    flex: 0 0 auto;
    width: 44px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    font-size: 24px;
    color: #fff;
    background: #1f9d55;
    border-radius: 50%;
    box-shadow: 0 0 0 6px rgba(31, 157, 85, .2);
}

.signup-toast-text {
    flex: 1;
}

.signup-toast-close {
    cursor: pointer;
    font-size: 24px;
    line-height: 1;
    color: #777;
}

.signup-toast-bar {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
    width: 100%;
    background: #1f9d55;
    animation: signupToastBar 5s linear forwards;
}

.signup-toast-error {
    border-left-color: #d93025;
}

    .signup-toast-error .signup-toast-icon {
        background: #d93025;
        box-shadow: 0 0 0 6px rgba(217, 48, 37, .2);
    }

    .signup-toast-error .signup-toast-bar {
        background: #d93025;
    }

@keyframes signupToastIn {
    from {
        opacity: 0;
        transform: translateX(40px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes signupToastBar {
    from {
        width: 100%;
    }

    to {
        width: 0;
    }
}
/* END: SIGNUP TOAST */

/* START: RESPONSIVE */
@media screen and (max-width: 991px) {
    .hdr-drop-menu {
        min-width: 220px;
        max-width: 90vw;
    }
}

@media screen and (max-width: 380px) {
    .hdr-drop-menu {
        min-width: 200px;
        right: -40px;
    }
}