@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair:ital,opsz,wght@0,5..1200,300..900;1,5..1200,300..900&display=swap');
:root{
   --color-one:#fed1a7;
   --color-two:#fff3eb;
   --color-three:#9a5c23;
   --color-four:#f3f3f3;
   --color-border:#cac3bc;
   --color-five:#2c2520;
   --light-black:#7e7272;
   --bg-body-light:#fffdfb;
   --sec-bg:#FFFAF5;
}
html,body{
    height: 100%;
}
body{
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-variation-settings:normal;
    background-color: var(--background);
}
.body-bg-gray{
    background-color: #efefef;
}
ul{
    list-style-type: none;
}
p{
    font-size: 13px;
    font-weight: 400;
    margin:0px;
}
a{
    text-decoration: none;
}
.sec-pd-70{
    padding: 70px 0px;
}
.sec-pd-35{
    padding: 35px 0px;
}
.newsticker{
    padding: 8px 0px;
    margin: 0px;
}
.newsticker li{
    font-size:13px;
    font-weight: 500;
}
.header-one{
    background-color: var(--color-five);
    font-size: 14px;
    color: var(--color-four);
    transition: all 0.3s ease-in-out;
    padding: 8px 0px;

}
.header-two{
    background-color: #ffffff;
    transition: all 0.3s ease-in-out;
    position: relative;
}
.header-two-fixed{
    position: fixed;
    left: 0px;
    right: 0px;
    z-index: 5;
}
.hb-list{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    display: table;
}
.hb-item{
    float: left;
}
.hb-link{
    font-size: 25px;
    color: var(--color-five);
    margin-left: 25px;
    position: relative;
    transition: all 0.3s ease-in-out;
}
.hb-link:hover{
    color: var(--color-three);
}
.cart-count{
    font-size: 10px;
    font-weight: 500;
    background-color: var(--color-one);
    color: var(--color-five);
    height: 20px;
    width: 20px;
    border-radius: 100px;
    position: absolute;
    text-align: center;
    line-height: 20px;
    top: 0px;
    right: -10px;
}
.brand-name a{
    display: inline-block;
}
.brand-name img{
    height: 30px;
}
.mega-menu-list{
    margin: 0px auto;
    padding: 0px;
    list-style-type: none;
    display: table;
}
.mega-menu-item{
    float: left;
    position: relative;
}
.mega-menu-link{
    display: inline-block;
    color: var(--color-five);
    font-weight: 600;
    text-transform: uppercase;
    padding: 30px 10px;
    transition: all 0.3s ease-in-out;
    font-size:15px;
}
.mega-menu-link:hover{
    color: var(--color-three);
}
.mega-item-container{
    position: absolute;
    background-color: var(--color-two);
    top:100%;
    left: 0%;
    right: 0%;
    width: 100%;
    z-index: 5;
    display: none;
    border-top: 1px solid var(--color-border);
    padding: 25px;
}
.mega-single-list{
    position: absolute;
    background-color: var(--color-two);
    display: none;
    z-index: 5;
    width: 300px;
    border-top: 1px solid var(--color-three);
    padding: 25px;
}
.mega-single-list-right{
right: 0px;
}
.mega-menu-item:hover .mega-single-list{
    display: block;
}
.msl-list{
    margin: 0px;
    padding: 0px;
}
.msl-link{
    font-size: 14px;
    display: block;
    color: var(--color-five);
    padding: 5px 0px;
    transition: all 0.3s ease-in-out;
}
.msl-link:hover{
    color: var(--color-three);
}
.msl-link img{
    height: 25px;
}
/* footer */
footer{
    background-color: var(--color-four);
}
/* time popup img */
.time-popup-img{
    background-image: url('../img/elderly-man-holding-diya-traditional-indian-lamp-serene-spiritual-moment.jpg');
    background-size: cover;

}
.otp-mobile{
    font-size:14px;
    font-weight: 500;
    color:var(--light-black);
    letter-spacing: 1px;
    text-transform: uppercase;
}
.otp-mobile i{
    cursor: pointer;
    color: var(--color-five);
}
.time-popup-txt{
    padding: 130px 60px;
    background-color: var(--color-four);
    position: relative;
}
.otp-box{
    background-color: var(--color-four);
    margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
    padding: 48px;
    display: none;
}
.otp-container {
          display: flex;
          justify-content: center;
          align-items: center;
          text-align: center;
        }
        .otp-digit {
          width: 40px;
          height: 40px;
          text-align: center;
          border: 1px solid var(--color-border);
          border-radius: 8px;
          font-size: 14px;
          font-weight: 500;
          outline: none;
          margin: 0px 5px;
        }
.otp-digit:focus {
          outline: none;
          border-bottom: 2px solid var(--color-three);
        }
.resend-otp{
    border: none;
    background-color: transparent;
    font-size:14px;
    font-weight: 600;
    color: var(--color-three);
    margin: 0px auto 40px auto;
}
/* button */
.btn-normal{
    border: none;
    background-color: var(--color-one);
    color: var(--color-five);
    border-radius: 30px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    padding: 15px 25px;
    transition: all 0.3s ease-in-out;
    letter-spacing: 1px;
}
.btn-normal:hover{
    background-color:var(--color-five);
    color: var(--color-four);
}
.btn-round{
    border: none;
    background-color: var(--color-one);
    color: var(--color-five);
    border-radius: 100px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    transition: all 0.3s ease-in-out;
    letter-spacing: 1px;
    height: 40px;
    width: 40px;
    line-height: 40px;
}
.btn-round:hover{
    background-color:var(--color-five);
    color: var(--color-four);
}

.btn-round-big{
    border: none;
    background-color: var(--color-one);
    color: var(--color-five);
    border-radius: 100px;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 700;
    transition: all 0.3s ease-in-out;
    letter-spacing: 1px;
    height: 60px;
    width: 60px;
    line-height: 60px;
}
.btn-round-big:hover{
    background-color:var(--color-five);
    color: var(--color-four);
}

.btn-cart{
    border: none;
    background-color: var(--color-one);
    color: var(--color-five);
    border-radius: 30px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    padding: 15px 25px;
    transition: all 0.3s ease-in-out;
    width: 100%;
    text-decoration: none;
    display: inline-block;
    text-align: center;
}
.btn-cart:hover{
    background-color:var(--color-five);
    color: var(--color-four);
    text-decoration: none;
}
.btn-cart-sm{
    border: none;
    background-color: var(--color-one);
    color: var(--color-five);
    border-radius: 30px;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
    padding: 10px 25px;
    transition: all 0.3s ease-in-out;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    margin: 0px auto;
}
.btn-cart-sm:hover{
    background-color:var(--color-five);
    color: var(--color-four);
    text-decoration: none;
}
.color-body{
    background-color: var(--color-four);
}
.sign-in{
    background-color: #ffffff;
    padding: 60px;
    margin: 10px;
}
.subscript{
    font-size: 45px;
    font-weight: 500;
    font-family: "Playfair", serif;
}
.subscript span{
    color:var(--color-three);
}
.checkbox-label-sty{
    font-size: 12px;
}
/* boostrap toast */
.custome-toast{
    position:fixed;
    left:1%;
    bottom:4%;
    background-color: var(--color-four);
    border-radius: 8px;
    border: none;
}
.modal-body-new{
    padding: 30px;
}
.modal-header-new{
    border-bottom: 1px solid var(--color-border);
    padding: 0px 0px 15px 0px;
    margin: 0px 0px 30px 0px;
}
.head-one{
    font-size: 30px;
    font-weight: 500;
    margin: 0px;
    font-family: "Playfair", serif;
}
.sub-menu-list{
    margin: 0px;
    padding: 0px;
    display: table;
}
.sub-menu-link{
    font-size: 13px;
    display: block;
    color: var(--color-button-text);
    padding: 3px 0px;
}
.sub-menu-link:hover{
    color: var(--color-three);
}
.sub-menu-link img{
    height: 25px;
}
.menu-heading{
    margin-bottom: 15px;
    font-size: 14px;
    font-weight: 600;
    color: var(--color-three);
    text-transform: uppercase;
}
.modal-body-cm{
    background-color: var(--color-four);
}
.my-wish-msg{
    padding: 0px 25%;
}
.search-box-box{
    position: absolute;
    left: 25%;
    right: 25%;
    background-color:var(--color-four);
    top: 101%;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    display: none;
    z-index: 12;
    padding: 20px;
}
.input-search{
    border: 1px solid var(--color-border);
    padding: 10px 25px 10px 50px;
    border-radius: 30px;
    width: 100%;
    outline: none;
    font-size: 14px;
    font-weight: 600;
    background-image: url(../img/search.png);
    background-repeat: no-repeat;
    background-position: 3% 50%;

}
.input-search::placeholder{
    font-weight: 400;
    font-size: 13px;
}
.search-close{
    height: 30px;
    width: 30px;
    border: none;
    background-color: var(--color-one);
    border-radius: 100px;
    position: absolute;
    top: 26px;
    right: 28px;
    transition: all 0.3s ease-in-out;
}
.search-close:hover{
    background-color: var(--color-five);
    color:#ffffff
}
.cart-product-button{
    box-shadow: 0 0 10px #0000001a;
    padding: 30px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
}
.sub-total-txt{
    font-size: 18px;
    font-weight: 600;
}
.sub-total-amt{
    font-size: 18px;
    font-weight: 600;
}
.cart-product-list{
    height:60vh;
    overflow-y: scroll;
    padding: 30px;
}
.cart-product-list .cart-box:last-child{
    border: none;
}
.empty-cart{
    text-align: center;
    padding: 30px;
}
.cart-item-details{
    padding: 0px 0px 0px 15px;
    position: relative;
}
cart-item-detail p{
    color: var(--color-five);
}
.cart-item-name a{
    font-size: 16px;
    font-weight: 600;
    margin: 0px 0px 5px 0px;
    display: block;
    color: var(--color-five);
    transition: all 0.3s ease-in-out;
}
.cart-item-name a:hover{
    color: var(--color-three);
}
.cart-item-delete{
    height: 25px;
    width: 25px;
    border-radius: 100px;
    background-color: var(--color-one);
    border: none;
    position: absolute;
    right: 0px;
    top: 0px;
    text-align: center;
    line-height: 25px;
    transition: all 0.3s ease-in-out;
    font-size: 13px;
}
.cart-item-delete:hover{
    background-color: var(--color-five);
    color: #ffffff;
}
.cart-box{
    border-bottom: 1px solid var(--color-border);
    padding: 20px 0px;
}
.cart-plus, .cart-minus{
    background-color: var(--color-one);
    color:var(--color-five);
    border: none;
    font-size:13px;
    padding: 0px 11px;
    font-weight: 600;
}
.cart-plus{
    border-bottom-left-radius: 15px;
    border-top-left-radius: 15px;
    border: none;
}
.cart-minus{
    border-bottom-right-radius: 15px;
    border-top-right-radius: 15px;
    border: none;
}
.cart-qty{
    margin-top: 8px;
}
.cart-qty input{
    font-size:11px;
    text-align: center;
    font-weight: 600;
    width: 15%;
    font-size:13px;
    border: 1px solid var(--color-one);
}
.main-footer{
    background-color: var(--color-five);
}
.footer-txt{
    padding: 15px 0px;
    font-size: 13px;
    color: var(--color-border);
    border-top: 1px solid var(--color-border);
}
.compnay-name{
    text-align: end;
}
.footer-one{
    padding: 50px 0px;
}
.footer-list ul{
    margin: 0px;
    padding: 0px;
    display: table;
}
.footer-list li a{
    text-decoration: none;
    color: var(--color-border);
    display: inline-block;
    padding: 3px 0px;
    font-size: 14px;
    transition: all 0.3s ease-in-out;
}
.footer-list li a:hover{
    color: var(--color-one);
}
.foot-h4{
    color:var(--color-one);
    margin-bottom: 20px;
    text-transform: uppercase;
    font-size: 18px;
}
.address-list{
    margin: 0px;
    padding: 0px;
    display: table;
}
.address-list li{
    border-bottom: 1px solid var(--color-border);
    position: relative;
    padding: 10px 10px;
}
.address-list li:last-child{
    border-bottom: none;
    margin-bottom: 20px;
}
.address-list li i{
    position: absolute;
    color: var(--color-one);
}
.address-list li a{
    font-size: 14px;
    color: var(--color-border);
    padding: 0px 0px 0px 25px;
    display: block;
    transition: all 0.3s ease-in-out;
}
.address-list li a:hover{
    color: var(--color-four);
}
.social-media{
    margin: 0px;
    padding: 0px;
    display: table;
}
.social-media li{
    float: left;
    margin: 0px 10px 0px 0px;
}
.social-media a{
    height: 30px;
    width: 30px;
    border: 1px solid var(--color-one);
    text-align: center;
    line-height: 30px;
    border-radius: 100px;
    display: block;
    color: var(--color-border);
    transition: all 0.3s ease-in-out;
}
.social-media a:hover{
    background-color: #ffffff;
    color: var(--color-five);
}
.footer-toggle h5{
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 15px;
}
.footer-toggle{
    background-color: var(--color-two);
    padding: 30px 0px;
}
.footer-toggle ul{
    margin: 0px auto;
    padding: 0px;
    display: table;
}
.footer-toggle li{
    float: left;
}
.footer-toggle ul li a{
    font-size: 13px;
    color: var(--light-black);
    display: inline-block;
    padding: 0px 0px;
}
.footer-toggle li::after{
    content: "/";
    font-size: 13px;
    padding: 0px 6px;
}
.footer-toggle li::last-child::after{
    content: none;
    font-size: 13px;
    padding: 0px 0px;
}
.footer-toggle ul li a:hover{
    color: var(--caption-color);
}
.btn-outler{
    position: relative;
}
.btn-show-more{
    border-radius: 100px;
    font-size: 20px;
    background-color: var(--color-one);
    color: var(--color-five);
    border: none;
    width: 45px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    position: absolute;
    bottom: -22.5px;
    transition: all 0.3s ease-in-out;
    border: 2px solid var(--color-four);
    left: 0px;
    right: 0px;
    margin: 0px auto;
}
.btn-show-more:hover{
    background-color: var(--color-five);
    color: var(--color-four);
}
.mobile-menu-btn{
    display: none;
}
.breadcrumb-cs{
    margin: 0px;
    padding: 0px;
}
.breadcrumb-cs li{
    font-size:14px;
    font-weight: 400;
    float: left;
}
.breadcrumb-cs li::after{
    content: "/";
    padding: 0px 10px 0px 10px;
}
.breadcrumb-cs li a{
    color: var(--color-five);
}
.in-page-img{
    background-color: #ffffff;
    border-radius: 10px;
    padding: 15px;
}
.in-page-img img{
    width: 100%;
}
.in-page-left{
    width: 10%;
}
.in-page-right{
    width: 90%;
    padding: 0px 0px 0px 30px;
}
.inpage-cat-h1{
    font-size: 50px;
    margin: 15px 0px;
    font-weight: 700;
    font-family: "Playfair", serif;
}
#more {display: none;}
.bg-light-body{
    background-color: var(--bg-body-light);
}
.product-card{
    background-color: #ffffff;
    box-shadow: 0 3.933px 11.799px #00000014;
    position: relative;
    cursor: pointer;
}
.product-body{
    padding: 10%;
    text-align: center;
}
.product-info{
    font-size: 14px;
    color: var(--color-five);
    padding: 10px 0px;
    font-weight: 600;
}
.product-info span{
    color: var(--light-black);
    text-decoration: line-through;
    font-weight: 400;
    font-size: 12px;
}
.product-info s{
    padding: 0px 5px;
    font-family: 400 !important;
    color: var(--light-black);
}
.product-name{
    min-height: 46px;
}
.product-name a{
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    color: var(--color-five);
    transition: all 0.3s ease-in-out;
    display: inline-block;
}
.product-name a:hover{
    color: var(--color-three);
    text-decoration: none;
}
.product-img{
height: 306px;
overflow: hidden;
position: relative;
cursor: pointer;
}
.product-img img{
    width: 100%;
}
.product-img .rear-img{
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    -webkit-transition: opacity 0.4s ease-out;
    -o-transition: opacity 0.4s ease-out;
    transition: opacity 0.4s ease-out;
}
.product-card:hover .rear-img{
    opacity: 1;
    z-index: 0;
}
.btn-wishlist{
    border: none;
    background-color: var(--color-one);
    color: var(--color-five);
    border-radius: 100px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    transition: all 0.3s ease-in-out;
    letter-spacing: 1px;
    height: 40px;
    width: 40px;
    line-height: 40px;
    position: absolute;
    top: 10px;
    right: 10px;
}
.btn-wishlist:hover{
    background-color:var(--color-five);
    color: var(--color-four);
}
.btn-sold-out{
    border: none;
    background-color: var(--color-one);
    color: var(--color-five);
    border-radius: 100px;
    text-transform: uppercase;
    font-size: 9px;
    font-weight: 700;
    transition: all 0.3s ease-in-out;
    height: 40px;
    width: 40px;
    line-height: 11px;
    position: absolute;
    top: 10px;
    left: 10px;
}
.btn-sold-out:hover{
    background-color:var(--color-five);
    color: var(--color-four);
}
.section-cart{
    padding: 80px 0px;
}
.cart-heading{
    border-bottom: 1px solid var(--color-border);
    padding-bottom: 15px;
    margin-bottom: 20px;
    text-align: center;
}
.cart-heading-left{
    text-align: start;
}
.heading-h1{
    font-size: 35px;
    font-weight: 500;
    text-transform: uppercase;
    font-family: "Playfair", serif;
}
.cart-row{
    border-bottom: 1px solid var(--color-border);
    padding: 15px 0px;
}
.cart-row-amt{
    font-size:17px;
    font-weight: 600;
}
.discount-coupon{
    position: relative;
    width: 50%;
}
.discount-coupon input[type=text]{
    border: 2px solid var(--color-border);
    font-size:14px;
    font-weight: 500;
    padding: 13px 25px;
    border-radius: 30px;
    width: 50%;
    outline: none;
}
.position-discoup{
    position: absolute;
    left: 35%;
    top: 0px;
}
.brand-checkout{
    text-align: center;
}
.brand-checkout img{
    height: 50px;
}
 .quick-purchase-section {
    background: #fff;
  }

  .quick-purchase-section .nav-link {
    background-color: #f8f9fa;
    color: #000;
    font-weight: 500;
  }

  .quick-purchase-section .nav-link.active {
    background-color: #000;
    color: #fff;
  }

  .quick-purchase-section .card img {
    aspect-ratio: 1/1;
    object-fit: cover;
  }

  .quick-purchase-section .carousel-control-prev,
  .quick-purchase-section .carousel-control-next {
    width: 40px;
  }

  .quick-purchase-section .carousel-control-prev-icon,
  .quick-purchase-section .carousel-control-next-icon {
    background-size: 60% 60%;
  }
  /* checkout */
  .bg-gray{
    background-color: #efefef;
  }
  .checkout-left{
    border-right: 1px solid var(--color-border);
    background-color: var(--bg-body-light);
    padding: 50px;
    height:100%;
  }
  .checkout-right{
    padding: 50px;
  }
  .checkout-back{
    color: var(--color-five);
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out;
  }
  .checkout-back:hover{
    color: var(--color-three);
  }
  .address-box{
    border: 1px solid var(--color-border);
    border-radius: 15px;
  }
.address-box-header{
    border-bottom: 1px solid var(--color-border);
    padding: 15px;
    background-color: var(--bg-body-light);
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}
.title-header{
    font-size: 16px;
    text-transform: uppercase;
    color: var(--color-five);
    font-weight: 600;
}
.address-box-body{
    padding: 15px;
}
.address-in-box{
    background-color: var(--color-two);
    border-radius: 10px;
    padding: 15px;
    position: relative;
    cursor: pointer;
    border: 2px solid var(--color-two);
    transition: all 0.3s ease-in-out;
}
.address-in-box:hover{
    border: 2px solid var(--color-border);
}
.address-in-box h6{
    font-weight: 500;
}
.address-in-box p{
    color: var(--light-black);
}
.btn-close-sm{
    position: absolute;
    border-radius: 100px;
    height: 25px;
    width: 25px;
    color: var(--color-five);
    background-color: var(--color-one);
    line-height: 25px;
    text-align: center;
    right: 10px;
    top: 10px;
    border: none;
    font-size:13px;
}
.selected-address{
    border: 2px solid var(--color-border);
}
.address-book-img img{
    height: 70px;
}
.product-img-check{
    height: 100px;
    width: 100px;
    border: 10px;
    background-color: var(--bg-body-light);
}
.product-img-final{
    background-color: var(--bg-body-light);
    border-radius: 8px;
    position:relative;
    text-align: center;
}
.product-img-final img{
    width: 90%;
}
.item-qty{
    height: 20px;
    width: 20px;
    border-radius: 50px;
    background-color: var(--color-three);
    color: var(--bg-body-light);
    font-size: 12px;
    text-align: center;
    line-height: 20px;
    position: absolute;
    right: -5px;
    top: -5px;
}
.item-cart-text{
    font-size: 12px;
    color: var(--light-black);
}
.item-amt{
    font-size: 13px;
    font-weight: 500;
    text-align: end;
}
.terma-con-item{
    font-size:12px;
    color: var(--light-black);
    margin: 10px 0px;
}
.order-value{
    font-size:13px;
    color: var(--color-five);
    padding: 10px 0px;
    border-bottom: 1px solid var(--color-border);
    text-transform: uppercase;
    font-weight: 600;
}
.total-amount{
    padding: 10px 0px;
    font-weight: 700;
    font-size: 18px;
    border-bottom: 1px solid var(--color-border);
}
.product-item{
    padding: 10px 0px;
    border-bottom: 1px solid var(--color-border);
}
.modal-header-in{
    border-bottom: 1px solid var(--color-border);
    padding: 0px 0px 30px 0px;
    margin: 0px 0px 30px 0px;
}
.modal-header-in .text1{
    font-size: 25px;
    font-weight: 600;
}
.modal-header-in .text2{
    font-size: 13px;
    font-weight: 400;
    color: var(--light-black);
}
.cart-filter-list{
    padding: 20px;
    height: 76vh;
    overflow-y: scroll;
}
.filter-list-with-scroll ul{
    margin: 0px;
    padding: 0px;
}
.btn-list-nav{
    border: none;
    outline: none;
    text-align: start;
    background-color: transparent;
    font-size: 17px;
    font-weight: 500;
    text-transform: uppercase;
    border-bottom: 1px solid var(--color-border);
    padding: 15px 0px;
    transition: all 0.3s ease-in-out;
}
.btn-list-nav:hover{
    color: var(--color-three);
}
.btn-list-nav span{
    float: right;
}
.filter-box{
    padding: 15px 0px;
    border-bottom: 1px solid var(--color-border);
}
.filter-or-other{
    border-bottom: 1px solid var(--color-border);
    margin: 0px 0px 20px 0px;
    padding:  20px 0px 20px 0px;
}
.new-arrival{
    position: absolute;
    background-color: var(--color-three);
    font-size: 10px;
    font-weight: 500;
    left: 30%;
    right: 30%;
    bottom: 10%;
    text-transform: uppercase;
    text-align: center;
    color: var(--bg-body-light);
    padding: 5px;
    letter-spacing: 1px;
    /* border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px; */
    border-radius: 50px;
}
.toast-img img{
    width: 100%;
}
.toast-txt{
    padding:0px 25px 0px 15px
}
.toast-txt span{
    font-size:13px;
    font-weight: 400;
    display: bock;
    color: var(--light-black);
}
.toast-txt h4{
    font-size:15px;
    font-weight: 500;
    margin: 5px 0px;
}
.toast-body{
    padding: 20px;
}
.in-page-header{
    background-size: cover;
    padding: 80px 0px;
}
.collapse filter-box ul{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}
.form-check-label{
    width: 100%;
    font-size:14px
}
.form-check-label-edit{
    font-size: 14px;
    font-weight: 400;
    width: 100%;
    padding: 3px 0px;
}
.form-check-label-edit span{
    float: right;
    color: var(--light-black);
}
.breadcrumb-item{
    font-size: 14px;
    text-decoration: none;
    color: var(--color-five);
}
.breadcrumb-item a{
    font-size: 14px;
    text-decoration: none;
    color: var(--color-five);
}
.breadcrumb-item.active{
    color: var(--color-five);
}
.tab-content-modal h3{
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 15px;
}
.tab-content-modal p{
    margin-bottom: 10px;
}
.bred-section{
    background-color:var(--color-two);
    border-bottom: 1px solid var(--color-border);
    padding: 15px 0px 15px 0px;
}
.sec-product-display{
    padding: 50px 0px;
}
.breadcrumb{
    margin: 0px;
}
/* product gallery */
/* .gallery {
} */
/* .gallery .previews, .gallery .full, .gallery .desc {
float: left;
margin-right: 10px;
} */
.gallery .desc, .gallery .full {
width: 100%;
font-size: 12px;
}
.gallery .desc h2 {
margin-top: 0;
}
.gallery .previews{
    margin-top: 15px;
}
.gallery .previews a {
display: block;
margin-bottom: 10px;
}
.gallery .full, .gallery .full img {
width:100%;
}
.gallery .previews a, .gallery .full {
border: 2px solid var(--color-border);
}
.gallery .previews a:hover, .gallery .previews a.selected {
border: 2px solid #8f8d8d;
}
.gallery .full img:hover {
cursor: pointer;
}
.clearfix:after {
content: ".";
visibility: hidden;
display: block;
height: 0;
clear: both;
}
.sec-pd-60{
    padding: 60px 0px;
}
.section-header{
    text-align: center;
    margin-bottom: 20px;
}
.section-h1{
    font-size: 45px;
    font-weight: 500;
    font-family: "Playfair", serif;
}
.product-owl-item{
    padding: 10px;
}
.bg-light-new{
    background-color: var(--color-two);
}
/* slider btn style*/
.pre-next-middle .owl-prev{
	width: 40px;
    height: 40px;
    margin: 2px;
    box-shadow: 0 2px 4px rgba(12, 12, 12, 0.12);
    background-color: var(--color-one) !important;
    color: var(--color-five) !important;
    border-radius: 50%;
	  font-size: 20px;
    line-height: 20px;
    position: absolute;
    left: -20px;
    top:45%;
    transition: all 0.2s ease-in-out;
}
.pre-next-middle .owl-next{
	  width: 40px;
    height: 40px;
    margin: 2px;
    box-shadow: 0 2px 4px rgba(12, 12, 12, 0.12);
    background: var(--color-one) !important;
    color: var(--color-five) !important;
    border-radius: 50%;
	  font-size: 20px;
    line-height: 20px;
    position: absolute;
    right: -20px;
    top:45%;
    transition: all 0.2s ease-in-out;
}
.pre-next-middle .owl-prev:hover, .pre-next-middle .owl-next:hover{
  background-color: #000000 !important;
  color: #ffffff !important;
}
.pre-next-middle .owl-dots{
  display: none !important;
}
.bg-support{
    background-image: url(../img/vector-cute-blue-pattern-design.png);
}
.need-help{
    padding: 60px 0px;
    text-align: center;
}
.need-help h3{
    font-size: 50px;
    font-weight: 700;
    font-family: "Playfair", serif;
}
.need-help p{
    margin: 20px 0px;
}
.need-help h6{
    margin-bottom: 20px;
}
.highlight{
    text-align: center;
    padding: 0px 12px;
}
.highlight h6{
    margin: 10px 0px;
}
.highlight img{
    height: 60px;
}
.highlight p{
    color: var(--light-black);
}
.product-display{
    padding: 0px 0px 0px 60px;
}
.in-stock{
    background-color: var(--color-three);
    font-size:12px;
    text-transform: uppercase;
    font-weight: 600;
    color: var(--bg-body-light);
    border-radius: 5px;
    padding: 2px 15px;
    display: inline-block;
}
.view-price{
    font-size: 30px;
    font-weight: 600;
    padding: 15px 0px;
}
.view-price s{
    color: var(--light-black);
    font-size: 18px;
}
.view-price span{
    color: var(--color-three);
    font-size: 18px;
}
.skunumber{
    font-weight: 500;
}
.skunumber span{
    font-weight: 700;
}
.view-heading{
    font-family: "Playfair", serif;
    font-size: 50px;
}
.offer-box{
    background-color: var(--color-two);
    border: 1px solid var(--color-one);
    padding: 15px;
    border-radius: 10px;
}
.offer-box-head{
    font-size: 20px;
    font-family: "Playfair", serif;
    border-bottom: 1px solid var(--color-one);
    padding: 0px 0px 15px 0px;
    margin: 0px 0px 15px 0px;
}
.offer-box-body{
    font-size: 14px;
    font-weight: 500;
}
.offer-box-body span{
    font-weight: 700;
}
.filter-product-box{
    margin: 20px 0px;
}
.filter-product-box h4{
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 600;
    margin: 15px 0px;
}
.filter-product-box ul{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}
.filter-product-box ul li{ 
    border:1px solid var(--color-one);
    font-size: 14px;
    border-radius: 50px;
    display: inline-block;
    cursor: pointer;
    padding: 8px 20px;
    font-weight: 500;
    color: var(--color-three);
    margin: 0px 10px 0px 0px;
    transition: all 0.3s ease-in-out;
}
.filter-product-box ul li:hover{
    background-color: var(--color-one);
    color: var(--color-five);
}
.filter-product-box ul li.active{
    background-color: var(--color-one);
    color: var(--color-five);
}
.offer-modal-muted{
    font-size:10px;
    color:#666666;
}
.cus-input{
    border:1px solid var(--color-border);
    border-radius:40px;
    width:100%;
    outline:none;
    background-color:var(--color-four);
    padding: 10px 25px 10px 50px;
    font-size:14px;
    font-weight:600;
    margin:10px 0px;
}
.inputplusnine{
    position: relative;
}
.inputplusnineover{
    position: absolute;
    top: 21px;
    left: 20px;
    font-size: 14px;
    font-weight: 600;
}
.form-error{
    font-size: 10px;
}

.section-1{
    background-color: var(--sec-bg);
}
.sec-1-box{
    background-color: #FFFFFF;
    padding: 8px;
    cursor: pointer;
}
.sec-1-img{
    height: 280px;
    overflow: hidden;
}
.sec-1-img img{
    width: 100%;
    transition: all 0.3s ease-in-out;
}
.sec-1-box:hover img{
    transform: scale(1.2);
}
.sec-1-body{
    padding: 10px 0px 10px 0px;
}
.sec-1-body h3{
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
}
.section-header{
    margin: 0px 0px 35px 0px;
}
.sub-head{
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 700;
    color: var(--color-three);
}
.main-head{
    font-size: 50px;
    font-family: "Playfair", serif;
    line-height: 55px;
    margin: 10px 0px;
}
.sub-script{
    font-size: 14px;
    color: var(--light-black);
}
.nex-pre-btn .owl-prev{
	width: 40px;
    height: 40px;
    margin: 2px;
    box-shadow: 0 2px 4px rgba(12, 12, 12, 0.12);
    background: var(--color-one) !important;
    border-radius: 50%;
	font-size: 20px;
    line-height: 20px;
    position: absolute;
    left: 0px;
    top:45%;
    transition: all 0.2s ease-in-out;
}
.nex-pre-btn .owl-next{
	  width: 40px;
    height: 40px;
    margin: 2px;
    box-shadow: 0 2px 4px rgba(12, 12, 12, 0.12);
    background: var(--color-one) !important;
    border-radius: 50%;
	  font-size: 20px;
    line-height: 20px;
    position: absolute;
    right: 0px;
    top:45%;
    transition: all 0.2s ease-in-out;
}
.nex-pre-btn .owl-prev:hover, .nex-pre-btn .owl-next:hover{
  background-color:var(--color-five) !important;
  color: #ffffff !important;
}
.nex-pre-btn .owl-dots{
  display: none !important;
}
.item-product-slider{
    padding: 10px;
}
.footer-sec-btn{
    margin: 20px 0px 0px 0px;
}
.section-3{
    background-color: var(--sec-bg);
    background-image: url(../img/stone.webp);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 40%;
}
.pro-list-pro ul{
    margin: 0px auto;
    padding: 0px;
    list-style-type: none;
    display: table;
    width: 100%;
}
.pro-list-pro li{
    float: left;
    margin: 0px 10px;
    width: 22%;
}
.list-pro{
    text-align: center;
}
.list-pro img{
    width: 50%;
}
.list-pro h6{
    font-size: 16px;
    color: var(--color-three);
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 15px;
}
.list-pro h5{
    font-size: 14px;
    font-weight: 600;
    border-top: 1px solid var(--color-border);
    display: inline-block;
    padding: 10px 0px 0px 0px;
    margin: 10px 0px 0px 0px;
}
.section-5{
    background-color: var(--sec-bg);
}
.gem-hover-box{
    position: relative;
    overflow: hidden;
    cursor: pointer;
}
.gem-hover-box img{
    width: 100%;
    transition: all 0.3s ease-in-out;
}
.gem-hover-box:hover img{
   transform: scale(1.2);
}

.gem-hover-txt{
    font-size: 25px;
    font-weight: 500;
    font-family: "Playfair", serif;
    color: #ffffff;
    position: absolute;
    z-index: 2;
    bottom: 20px;
    left: 15px;
    right: 15px;
    text-align: center;
}
.gem-overlayer{
    position: absolute;
    z-index: 1;
    bottom: 0px;
    left: 0px;
    right: 0px;
    top: 0px;
    background-color: rgba(0, 0, 0, 0.2);
}
.perl-box{
    text-align: center;
    cursor: pointer;
}
.perl-box img{
    width: 50%;
    transition: all 0.3s ease-in-out;
}
.perl-box:hover img{
    transform: scale(1.2);
}
.perl-box p{
    color: var(--light-black);
}
.newsticker{
    margin:0px auto;
    padding:0px;
    list-style-type:none;
}
.form-text-cus{
    font-size: 11px;
    color:#353535
}
#lightSlider {
    list-style: none outside none;
    padding-left: 0;
    margin-bottom:0;
}
#lightSlider li {
    display: block;
    float: left;
    cursor:pointer;
}
#lightSlider img {
    display: block;
    height: auto;
    width: 100%;
    height: auto;
}

.lSSlideOuter .lSPager.lSGallery li {
    opacity: 0.5;
}

.lSSlideOuter .lSPager.lSGallery li.active {
    opacity: 1;
}

.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li{
  border-radius: 0;
}

.lSSlideOuter .lSPager.lSGallery li.active:hover, .lSSlideOuter .lSPager.lSGallery li:hover {
  border-radius: 0;
}

.lSSlideOuter .lSPager.lSGallery img {
    display: block;
    height: auto;
    max-width: 100%;
}
#messageboxtwo{
    display: none;
}
#resendBtn {
      cursor: not-allowed;
    }
    #resendBtn.active {
      cursor: pointer;
    }
.otp-container {
      display: flex;
      gap: 10px;
      justify-content: center;
      margin-top: 10px;
    }
    .otp-input {
      width: 40px;
      height: 40px;
      text-align: center;
      font-size: 20px;
      border: 2px solid #ccc;
      border-radius: 5px;
    }
    .otp-input:focus {
      border-color: #007bff;
      outline: none;
    }
#formerrorotp{
    font-size: 11px;
    color: red;
    margin: 5px 0px 10px 0px;
    display: none;
    text-align: center;
}
.inbox-header{
    border-bottom: 1px solid var(--color-border);
}
.inbox-h3{
    font-size: 20px;
    font-weight: 600;
    padding: 0px 0px 20px 0px;
}
.user-profile{
    border-bottom: 1px solid var(--color-border);
    padding: 15px 0px;
}
.user-nav-body{
    padding: 15px 0px;
}
.left-nav{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}
.left-nav-link{
    font-size: 14px;
    color: #666666;
    font-weight: 500;
    text-decoration: none;
    display: block;
    padding: 4px 10px;
    margin:2px 0px;
    transition: all 0.2s ease-in-out;
}
.left-nav-link:hover{
    color: #353535;
    text-decoration: none;
    font-weight: 600;
}
.white-box-round{
    background-color: #ffffff;
    border-radius: 10px;
    margin-bottom:25px;
}
.user-profile {
    border-bottom: 1px solid #dddddd;
    padding: 20px;
}
.profile-img {
    width: 30%;
}
.profile-img {
    display: inline-block;
    text-align: center;
    margin: 0px auto;
}
.profile-txt {
    width: 70%;
    padding: 0px 0px 0px 10px;
    position: relative;
}
.main-left-nav ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}
.main-left-nav li {
    border-bottom: 1px solid #dddddd;
    transition: all 0.3s ease-in-out;
}
.main-left-nav li:last-child{
border-bottom: none;
transition: all 0.3s ease-in-out;
}
.main-left-nav li a {
    font-size: 16px;
    text-decoration: none;
    font-weight: 500;
    color: #353535;
    display: block;
    transition: all 0.3s ease-in-out;
    padding: 10px 20px;
}
.main-left-nav li a:hover{
    background-color: var(--color-one);;
    color: #000000;
    text-decoration: none;
}
.main-left-nav li:last-child a:hover{
    background-color: var(--color-one);;
    color: #000000 !important;
    text-decoration: none;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.main-left-nav li a span{
    float: right;
}
.white-box-header{
    border-bottom: 1px solid #dddddd;
    padding: 20px;
}
.white-box-header h3{
    margin: 0px;
    font-weight: 700;
    font-size: 25px;
}
.white-box-header p{
    margin: 0px;
    padding: 0px;
    font-weight: 400;
    font-size: 13px;
    color: #949494;
}
.profile-txt span {
    text-transform: uppercase;
    display: block;
    color: #969696;
    font-size: 13px;
}
.profile-txt h6 {
    margin: 4px 0px;
    font-weight: 600;
}
.profile-txt span {
    text-transform: uppercase;
    display: block;
    color: #969696;
    font-size: 13px;
}
.profile-txt a {
    position: absolute;
    height: 30px;
    width: 30px;
    background-color: #ffffff;
    text-align: center;
    display: block;
    transition: all 0.3s ease-in-out;
    top: 0px;
    right: 0px;
    line-height: 30px;
    border-radius: 100px;
}
.profile-txt a:hover{
    background-color: #dddddd;
}
.white-box-body{
    padding: 20px;
}
.white-box-round-height{
    min-height: 540px;
}