/* -----------------------index page css start-------------------------- */



     /* -----------hero banner------------ */


        .carousel-indicators {
            bottom: -31px !important;
        }
       .carousel-indicators [data-bs-target] {



            height: 10px;            



            width: 20px;            


            background-color: var(--default-color);



            border-radius: 15px;



            border: 0;



        }     



        



   



        /* ------heading--------- */



        .heading_description h2{



        color: var(--default-color);



        }



        .heading_description p{



        color: var(--default-color);



    }



    .title{



            color: var(--default-color);



        }



       



    #clothes_slider{

    

        position: relative;

    

    }

    .ribbon-wrapper{

        background-color:var(--active-color);

        margin-top:20px;

    }

    .ribbon{

        padding:20px 0;

    }

    .ribbon p{

        color:#fff;

        margin:0;

        font-weight:400;

        font-size:9px;

        text-align:center;

    }

   @media (min-width: 992px) {

        .ribbon p{

            font-weight:700;

            font-size:20px;

            text-align:center;

        }

    }



    .why-choose{

        box-shadow: 0 2px 8px rgba(0,0,0,0.08);

         transition: box-shadow 0.5s ease;

    }

    .why-choose:hover{

        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

    }



#next-btn{



    position: absolute;



    top: 40%;



    left: 5px;



    z-index: 1;



    /* background-color: yellow; */



    font-weight: 600;



    font-size: 20px;



     box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);



     border: none;



    color: var(--default-color);



    border-radius: 50%;



    padding: 4px 10px;



}







#prev-btn{



    position: absolute;



        top: 40%;



        right: 5px;



        z-index: 1;



        /* background-color: yellow; */



        font-weight: 600;



        font-size: 20px;



         box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);



         border: none;



        color: var(--default-color);



        border-radius: 50%;



        padding: 3px 10px;



    }



    @media (max-width: 991px) {



        #next-btn{



            font-weight: 600;



            font-size: 13px;



            padding: 3px 7px;



        }



        #prev-btn{



            font-weight: 600;



            font-size: 13px;



            padding: 3px 7px;



        }



    }  



    .tokensOfLove-wrapper{

        box-shadow: 0 2px 8px rgba(0,0,0,0.08);

        transition: box-shadow 0.5s ease;



    }



    .tokensOfLove-wrapper:hover{



        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);



    }



    .product_shadow{



        overflow: hidden;



        transition: box-shadow 0.5s ease;

        position: relative;

    }



    .product_shadow:hover{



        overflow: hidden;



        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);



    }

    

    .badge{

        position: absolute;

        top: 5px;

        left: 5px;

    }

     .shape {

        position: relative;

        display: inline-block;

        background: var(--default-color);

        padding: 1px;        

        clip-path: polygon(0% 0%, 100% 0, 89% 50%, 100% 100%, 0% 100%);

    }



    /* inner */

    .shape::before {

        content: "";

        position: absolute;

        

        /* 👇 yahi main fix hai */

        inset: 1px;

        right: 2px; /* overlap to remove dim edge */

        

        background: #fff;



        clip-path: polygon(0% 0%, 100% 0, 89% 50%, 100% 100%, 0% 100%);

    }



    .shape span {

        position: relative;

        display: block;

        padding: 4px 18px 4px 7px;

        font-size: 14px;

        font-weight: 500;

        color: var(--default-color);

    }



     .glass-rating,

        .stock-badge {

            position: absolute;

            bottom: 5px;

            border-radius: 50px;

            padding: 5px 10px; /* same */

            font-size: 10px;   /* same */

            font-weight: 600;

            line-height: 1;    /* important for same height */

            display: flex;

            align-items: center;

            height: 22px;      /* fixed height for perfect match */

        }

        .glass-rating {

            left: 5px;

            background: #fff;

            color: #000;

            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);

        }

        .stock-badge {

            right: 5px;

            background: linear-gradient(45deg, var(--default-color), var(--active-color));

            color: #fff;

            box-shadow: 0 3px 8px rgba(0,0,0,0.25);

        }

        .stars {

            font-size: 10px; /* match parent */

            letter-spacing: 1px;

        }



         /* -----------------------index page css end--------------------------- */







         /* -------------------------single page css start---------------------- */







          /* ------------review css------- */



          .image-color-btn{



            padding: 5px;



            height: 40px;



            width: 40px;



            border-radius: 50%;



            text-align: center;



            margin-right: 10px;



            cursor: pointer; 



            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);



          }



        .product-size {



            padding: 2px 12px;



            margin-right: 6px;

            margin-bottom: 6px;

            border: 1px solid gainsboro;



            border-radius: 6px;



            color: var(--default-color);



            font-size: 14px;



        }



        



        .product-size:hover {



            color: var(--active-color);



            border: 1px solid var(--active-color);



            cursor: pointer;



        }



        



        /* ACTIVE SIZE */



        .activesize {



            color: var(--active-color);



            border: 1px solid var(--active-color);



        }



        .outofstock {



            position: relative;



            opacity: 0.5;



            cursor: not-allowed !important;



            color: #888 !important;



            border: 1px dashed #bfbfbf !important;



        }



        



        /* Full strike line */



        .outofstock::after {



            content: "";



            position: absolute;



            top: 50%;



            left: 5%;



            width: 90%;



            height: 1px;



            background: #888;



        }



        



        /* Prevent hover override */



        .outofstock:hover {



            cursor: not-allowed !important;



            color: #888 !important;



            border: 1px dashed #bfbfbf !important;



        }



        



        



        @media (max-width: 991px) {



            .product-size {



                padding: 2px 8px;



                font-size: 10px;



            }



        }



                  



        .rating {



            padding-bottom: 30px;



        }







        .rating label {



            float: right;



            position: relative;



            width: 40px;



            height: 40px;



            cursor: pointer;



        }







        .rating label:not(:first-of-type) {



            padding-right: 2px;



        }







        .rating label:before {



            content: "\2605";



            font-size: 42px;



            color: #ccc;



            line-height: 1;



        }







        .rating input {



            display: none;



        }







        .rating input:checked~label:before,



        .rating:not(:checked)>label:hover:before,



        .rating:not(:checked)>label:hover~label:before {



            color: var(--default-color);



        }







        .fa-share{



           color: var(--default-color); 



        }



        .single-wishlist{



            cursor:pointer;



            right:-5px;



            top:50px;



            font-size:28px;



            z-index:9;



            color:var(--default-color);



        }



         #exzoom {



            width: auto;



        }







        .product_list_ul {



            position: relative;



        }







        .product_list_ul .bvideo-wrap {



            position: absolute;



            top: 0;



            left: 0;



            z-index: 1;



            transform: translate3d(0px, 0px, 0px);



            width: 100%;



            height: 100%;



        }







        .product_list_ul:hover .bvideo-wrap {



            display: block;



        }



/* ----------------accrdian css------------- */



        .accordion-title:before {



            float: right !important;



            font-family: FontAwesome;



            content: "\f068";



            padding-right: 5px;



        }







        .accordion-title.collapsed:before {



            float: right !important;



            content: "\f067";



        }







        .card-header {



            background-color: #fff;



            border-bottom: 1px solid #d6c3c3;



        }







        .card {



            border: none;



        }







        .collapseborder {



            border-bottom: 1px solid #d6c3c3;



        }







        .form-check-input:checked {



            background-color: var(--default-color);



            border-color: var(--default-color);



        }







        .form-check label,



        .form-check-input {



            cursor: pointer;



        }







       .modal .modal-sort-filter {



            position: fixed;



            bottom: 0;



            left: 0%;



            right: 0%;



            transform: translate(-50%, -50%);



        }



    



         /* -----------------------------single page css css end------------------------------ */



         /* ----------------------------Footer page css start------------------------------ */



         .container-1 {



        width: 95%;



        margin: auto;



    }



    .footer_head h5{



    border-bottom: 1px solid;



    color:var(--default-color);



    padding:8px 0;



    }



    .social_media{



            color:var(--default-color);



    }



    .social_media a{



            color:var(--default-color);



    }



    .social_media a:hover{



            color:var(--active-color);



    }







    .line-footer li {



        list-style: none;



    }







    .line-footer li a {



        position: relative;



        text-decoration: none;



       color:var(--default-color);







    }



     .line-footer li a:hover{



         color:var(--active-color);



     }







    .line-footer li a::after {



        content: '';



        position: absolute;



        width: 100%;



        height: 1px;



        left: 0;



        bottom: -5px;



        background-color:var(--active-color);







        transform: scale(0, 1);



        transition: transform 0.7s ease;



    }







    .line-footer li a:hover::after {



        transform: scale(1, 1);



    }











    .line-footer {



        padding-left: 0;



    }



       /* ----------------------------Footer page css end---------------------------- */







       /* -----------------------------Product page css Start---------------------------- */
           .image-container {
            position: relative;
            background: #f5f5f5;
            min-height: 340px;
        }

        .spinnerloader {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            display: none;
            /* ЁЯФе Changed from 'block' to 'none' - hidden by default */
        }

        .product_image {
            width: 100%;
            display: block;
        }


         .remove-btn {



            font-size: 12px;



            color: var(--default-color);



            text-transform: capitalize;



        }



        .remove-btn:hover{



            background-color: red;



            color: #fff;



        }



        .remove-btn:hover span{



            color: #fff;



        }



        .remove-btn span {



            font-size: 12px;



            padding-left: 4px;



            color: red;



        }



        .product_wrapper{

            border-radius: 10px;

            transition: box-shadow 0.5s ease;



        }



        .product_wrapper:hover{



            box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);



        }







       .product_wrapper .product_image{



         border-radius: 10px 10px 0 0;



        }



        .product_price{



          color: var(--default-color);



          font-size: 15px;



        }



        .product_title{



          color: var(--default-color);



            font-size: 15px; 



        }



         .product_title:hover {



            color: var(--active-color);



        }  



        @media (max-width: 991px) {



          .product_title{



            font-size: 13px; 



        }  



        .product_price{



          font-size: 13px;



        }



        .product_price span,del,span{



          font-size: 13px;



        }



        }







        del {



            text-decoration: line-through;



            color: rgb(155, 150, 150);



            font-style: italic; 



        }



        .wishlist {



            font-size: 22px;



            transition: 0.3s;



            cursor: pointer;



            color: var(--default-color);



        }







        .wishlist:hover {



            color: var(--active-color);



        }  



         .scrollmenus::-webkit-scrollbar-thumb {



            background: #E7E5E5;



            border-radius: 5px;



        }







        .scrollmenus::-webkit-scrollbar {



            width: 5px;



        }







        .ft-toolbar {



            position: fixed;



            width: 100%;



            right: 0;



            bottom: 0;



            left: 0;



            z-index: 9;



            overflow-y: hidden;



            -webkit-overflow-scrolling: touch;



            padding: 5px;



            background-color: #fff;



            box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.2), 0 10px 20px 0 rgba(0, 0, 0, 0.19);



        }



        .filter-view{



            background-color: #fff;



           position: sticky;



           top:77px;



           z-index:1;



           border-bottom: 1px solid rgb(241, 238, 238);



        }







           @media (max-width: 991px) {



        .filter-view{



           top:46px;



        }



         }







        .filter-checkbox h4{



               color: var(--default-color);



        }



        .filter-checkbox h6{



               color: var(--default-color);



               font-size: 17px;



        }



    .filter-checkbox .form-group {



            display: block;



            margin-bottom: 15px;



        }







        .filter-checkbox .form-group input {



            padding: 0;



            height: initial;



            width: initial;



            margin-bottom: 0;



            display: none;



            cursor: pointer;



        }







        .filter-checkbox .form-group label {



            position: relative;



            cursor: pointer;



            color: var(--default-color);



            font-size: 15px;



        }







        .filter-checkbox .form-group label:before {



            content: '';



            -webkit-appearance: none;



            background-color: transparent;



            border: 2px solid var(--default-color);



            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);



            padding: 8px;



            display: inline-block;



            position: relative;



            vertical-align: middle;



            cursor: pointer;



            margin-right: 5px;



        }







        .filter-checkbox .form-group input:checked+label:after {



            content: '';



            display: block;



            position: absolute;



            top: 5px;



            left: 8px;



            width: 5px;



            height: 11px;



            border: solid var(--default-color);



            border-width: 0 2px 2px 0;



            transform: rotate(45deg);



        }



          .filter-checkbox .radio-buttons .form-group input[type="radio"] {



                            display: none;



                        }



                        .filter-checkbox .radio-buttons .form-group label {



                            cursor: pointer;



                            position: relative;



                            font-size: 16px;



                            padding-left: 30px;



                        }







                        .filter-checkbox .radio-buttons .form-group label::before {



                            content: "";



                            position: absolute;



                            width: 25px;



                            height: 25px;



                            background-color: transparent;



                            border: 2px solid var(--default-color);



                            border-radius: 50%;



                            top: 50%;



                            left: 0;



                            transform: translateY(-50%);



                            transition: border-color 400ms ease;



                        }







                        .filter-checkbox .radio-buttons .form-group label::after {



                            content: "";



                            position: absolute;



                            width: 20px;



                            height: 20px;



                            background-color: var(--default-color);



                            border-radius: 50%;



                            top: 50%;



                            left: 2px;



                            transform: translateY(-50%) scale(0);



                            transition: transform 400ms ease;



                        }







                        .filter-checkbox .radio-buttons input[type="radio"]:checked+label::before {



                            border-color: var(--default-color);



                        }







                        .filter-checkbox .radio-buttons input[type="radio"]:checked+label::after {



                            transform: translateY(-50%) scale(1);



                            width: 17px;



                            height: 17px;



                            top: 50%;



                            left: 4px;



                            border: none;



                        }



        /* ----------------accrdian css------------- */



        .accordion-title:before {



            float: right !important;



            font-family: FontAwesome;



            content: "\f068";



            padding-right: 5px;



        }







        .accordion-title.collapsed:before {



            float: right !important;



            content: "\f067";



        }







        .card-header {



            background-color: #fff;



            border-bottom: 1px solid #d6c3c3;



        }







        .card {



            border: none;



        }







        .collapseborder {



            border-bottom: 1px solid #d6c3c3;



        }







        .bottom-model .modal-sort-filter {



            position: fixed;



            bottom: 0;



            left: 0%;



            right: 0%;



            transform: translate(-50%, -50%);



        }



        



        



       /* -----------------Product page css end------------------ */



       /* -----------------wishlist and cart page css start------------------ */



         .cart-items{



            font-size: 14px;



            color: var(--default-color);



        }



          @media (max-width: 991px) {



               .cart-items{



            font-size: 12px;



          }



            }



          .cart_wish_table tr {



            text-align: center;



        }







        .cart_wish_table th {



            padding: 15px 0;



            border-bottom: 1px solid rgb(212, 212, 212);



            color: var(--default-color);



        }







        .cart_wish_table td {



            vertical-align: center;



            border-bottom: 1px solid rgb(253, 236, 236);



            color: var(--default-color);



        }







        .empty_wishlist h2 {



            color: var(--default-color);



        }







        .empty_wishlist p {



            color: var(--default-color);



        }



       /* -----------------wishlist and cart page css end------------------ */







       /* -----------------order page css end------------------ */



       .order-item{



           font-size: 15x;                    



        }



        @media (max-width: 991px) {



            .order-item{



                font-size: 12px;                    



            }



        }



        /* -----------------checkout page css ------------------ */



        .addressInput {



            padding: 10px;



            margin: 15px 0;



            box-sizing: border-box;



            width: 100%;



            border: 1px solid #bcc4d4;



            color: var(--default-color);



        }







        .demo input[type=text] {



            display: inline-block;



            padding: 10px;



            margin: 5px 0;



            width: 49.6%;



            box-sizing: border-box;



            border: 1px solid var(--default-color);



        }







        .demo input[type=password] {



            display: inline-block;



            padding: 10px;



            margin: 5px 0;



            width: 49.6%;



            box-sizing: border-box;



            border: 1px solid var(--default-color);



        }











        .button1 {



            background-color: var(--default-color);



            border: none;



            color: white;



            margin-top: 5px;



            padding: 10px 30px;



            text-align: center;



            text-decoration: none;



            display: inline-block;



            font-size: 16px;



        }







        .paycent {



            width: 100%;



            height: auto;



            overflow: hidden;



            text-align: center;



            border: 1px solid #dce0e9;



            padding: 20px;



        }







        .paypalimg {



            width: 80px;



        }







        .paydiv {



            background-color: var(--default-color);

            

            color: #fff;



            padding: 5px;



            text-align: center;



            width: 100%;



        }







        .table td {



            padding: 3px 5px;



            font-size: 14px;



        }







         /* Style the tab */



        .payment_tab {



            /* float: left; */



            border: 1px solid #ccc;



            background-color: #f1f1f1;



            /* width: 30%; */



            /* height: 180px; */



        }







        /* Style the buttons inside the payment_tab */



        .payment_tab button {



            display: block;



            background-color: inherit;



            color: black;



            padding: 15px 10px;



            /* width: 100%; */



            border: none;



            outline: none;



            text-align: left;



            cursor: pointer;



            transition: 0.3s;



            font-size: 17px;



        }







        /* Change background color of buttons on hover */



        .payment_tab button:hover {



            background-color: #b8d7df;



        }







        /* Create an active/current "payment_tab button" class */



        .payment_tab button.pay_active {



            background-color: #b0bdda;



            border-right: 5px solid var(--default-color);



        }







        /* Style the tab content */



        .tabcontent {



            padding: 10px 12px;



            border: 1px solid #ccc;



            width: 70%;



            border-left: none;

/* 

            height: 180px; */



        }



        .tabcontent p{



            font-size: 13px;



        }







        @media (max-width: 991px) {



            .tabcontent {



                border: 1px solid #ccc;



            }



            .payment_tab {



            height: 120px;



        }



        }