#closeModal {
    top: 0px !important;
    right: 8px !important;
    font-size: 35px !important;
}
.head-icon {
 line-height: 1.7 !important;
}
.custom-alert {
  position: fixed;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  background: #ff4444;
  color: white;
  padding: 10px 20px;
  border-radius: 6px;
  z-index: 9999;
  font-weight: bold;
}

.toolbar-select span {
    font-size: 18px;
    font-weight: 500;
}

.product-content>h2 {
    font-size: 20px;
}

.product_icons{
  width: 30px;
  height: 30px;
}
.acc-font{
  font-size: 15px;
}
.inpg{
    background:#fff;
}

.inpg-tab-menu {
    border: none !important;
}

.breadcrumbs {
   border-bottom: none !important;
}

.product-content>h2 {
    text-transform: uppercase !important;
    
}

.product-action>li>a {
    padding-top: 9px;
}

a.button.add-btn, a.button.add-btn.big {
    top: 30px !important;
}

.single-product3:hover .product-action, .single-product:hover .product-action {
    visibility: hidden !important;
}

.product-price span.new-price {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #de3036 !important;
}

.product-title {
    font-size: 22px !important;
    line-height: 30px !important;
}

.single-product-price .new-price {
    color: #de3036 !important;
    font-size: 22px !important;
}

.wp-color{
    background-color:#24cc63;
}

.single-product-quantity {
    border-bottom: none !important;
    
}

.section-title1 h3 {
    background: none !important;
    color: #2f251c !important;
    font-size: 20px !important;    
    padding-top:18px !important;
}

.section-title1-border {
    border: none !important;
    margin: 0 0 0 0px !important;
}

#scrollUp {
    padding-top: 10px !important;
}

.fa {    
    margin-top: 4px; !important
}

.single-product-tab-content {
    height: 750px;
}

.single-product-tab-content a img {
    height: 750px;
}

#baguetteBox-overlay .full-image img {
    width: 450px !important;
    height: 686px !important;
}

.product-img a {
    height: 380px;
}

.product-img a img {
    height: 400px;
}

.product-img a img.hover-img {
    height: 430px;
}

.carousel-inner {
    height: 467px;
}

.para-wedding {
    width: 60% !important;
}

.splide__list {
    height: 30% !important;
}

.owl-nav>div {
    top: -35px !important;
}

.nav-items .nav-links {
    color: #b31e23 !important;
    font-weight: 500 !important;
}

.nav-items ul li a {
    color: #b31e23 !important;
}

.inpg {
    background: #ffc20e;
}

.inpg-tab-menu {
    background-color: #fff;
}

.widget.widget-shop-categories {
    background-color: #fff;
}

.shop-product-area .item-col2 {
    background-color: #fff;
}

.ion, .ionicons, [class^=ion-] {
    line-height: 1.2 !important;
}

.pagination {
    background-color: #fff;
}

.pl-bg{
    background-color:#fff !important;
}

.terms{
    background-image: url("https://santhassilks.com/assets/images/banner01.jpg");
    width:auto;
    height:600px;
    background-repeat: no-repeat;
    background-position: center;
   
}

.cs-bg{
    background-color:#fff;
}

.contact-address>ul>li {
    line-height: 35px !important;
    font-weight: 500;
}

  /* ******************************************** */
.search-box {
    width: 100% !important; 
    float: right !important;
    bottom: 5px;
}

.search-box-area {
    margin:0px !important;
}

.search-box button { 
    background: none !important;
    color: #8f8f8f  !important;
    right: -3px  !important;
    top:11px  !important;
}

.mini-cart-area>ul>li>a {
    background-color: #b11f22;
}

.kumbam-50 {
    left: 45% !important;
}

.login-signup-logo {
    height: auto !important;
}

.hero-wrap .hero-mask {
    background:#b11f22 !important ;
}

*{
  margin: 0;
  padding: 0;
  outline: none;
  box-sizing: border-box;
  font-family: "IBM Plex Sans", sans-serif;
}
.swiper-wrapper{
    height:auto !important;
}
@font-face {
  font-family: "Bright Grotesk Light" ;
  src: url("./bright-grotesk.ttf");
}
.bg-header-silks{
    background-color: #b31e22;
}
.bg-header-silkss{
  background-color: #F2CD4B;
}
.bg-image {
    background-image: url(./banner_new.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 700px; /* Full height */
}
.background-body{
  background-color: #FCF3EE;
}
.background-navbar{
  background-color: white;
  -webkit-box-shadow: 0 8px 6px -4px black;
  -moz-box-shadow: 0 8px 6px -4px black;
       box-shadow: 0 8px 6px -4px #888;
  
}
.nav-links li a {
    list-style: none;
    text-decoration: none;
  }
  
  /* css to reset all the designs */
  
  /* add styles on elements */
  
/*    */
ul li{
  list-style: none;

}
 
p a{
  text-decoration: none;
  color: #4F4F4F;
}

.navbars{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
/* product */
.product-items ul li a{
  text-decoration: none;
  color: #BA3337;
}
.nav-items ul li a{
  text-decoration: none;
  color: white;
}


.product-first{
  display: flex;
  align-items: center;
  padding: 20px 0px 0px 0px;
}
.nav-first{
  display: flex;
  align-items: center;
  padding: 20px 0px 0px 0px;
}

.product-items .product-links{
  display: flex;
  font-size: 14px;
  font-weight: 500;
  gap: 15px;
  padding-left:20px ;
  color:#BA3337;
}
.nav-items .nav-links {
  display: flex;
  font-size: 14px;
  gap: 15px;
  padding-left:20px ;
  color: white;
}

.product-second{
  display: flex;
  align-items: center;
  gap: 10px ;
}
.nav-second{
  display: flex;
  align-items: center;
  gap: 10px ;
}

#search{
  border-radius: 25px;
  border: 2px solid #F6DEBA !important;
  padding: 20px; 
  height: 20px;   
}
#product-search{
  border-radius: 25px;
  border: 2px solid #F6DEBA;
  padding: 20px; 
  height: 20px;   
}

.search-icon{
  width: 35px;
  height: 35px;
  display: none;
}
.logo-head{
  display: none;
}

 
 /* END OF GENERAL STYLING */
 
 /* START OF USEFUL CODE */
 .hamburger {
  display: block;
  width: 50px;
  height: 50px;
  background-color: white;
  position: relative;
  cursor: pointer;
  border-radius: 10px;
  & span,
  &:before,
  &:after {
   content: " ";
   display: block;
   width: 30px;
   height: 2px;
   background-color: black  ;
   transform: rotate(0);
   position: absolute;
   left: 10px;
 
   transition: all 300ms ease-in-out;
  }
 
  &:before {
   top: 16px;
  }
  & span {
   top: 25px;
   opacity: 1;
  }
  &:after {
   bottom: 15px;
  }
 
  &.active span {
   opacity: 0;
   top: 25px;
   transform: rotate(90deg);
  }
  &.active:before {
   width: 34px;
   top: 25px;
   left: 8px;
   transform: rotate(45deg);
  }
  &.active:after {
   width: 34px;
   bottom: 24px;
   left: 8px;
   transform: rotate(-45deg);
  }
 }
.hamburger{
display: none;
}



/* shop by Category */

.font-shop-category{
  font-family: "IBM Plex Sans", sans-serif;
}
.font-shop-context{
  font-size: 20px;
  color: #7d7067;
}
.font-shop-subtitle{
  font-family: "Bright Grotesk Light";
  font-size: 40px;
  Color: #2f251c;
}
.icon-left ,.icon-right{
  border: 1px solid #c1c1c0;
  border-radius: 100px;
  width: 50px;
  padding: 10px;
}
.icon-left:hover ,.icon-right:hover{
    background-color: #7d7067;
    transition: 0.3s;
}
.swiper-container {
  width: 100%;
  height: 100%;
}
.swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
}
.swiper-slide img {
  width: 100%;
  height: auto;
}
.swiper-button-next,
.swiper-button-prev {
  color: #000; /* Customize arrow color */
}

/* Certificate */
.bg-certificate{
  background-color:#FDF4EF ;
}
.certificate-title{
  color: #4f4e4e;
  font-size: 20px;
  /* font-family: "Bright Grotesk Light"; */
  font-weight: 600;
}
.Trusted-Title{
  font-family: "Bright Grotesk Light";
  color: #B68052;
  font-size: 20px;
  font-weight: 600;
}
.trusted-para{
  font-family: "Bright Grotesk Light";
  color: #4f4e4e;
  font-size: 16px;

}

.parent{
  position: relative;
}
.child{
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.certificate-content{
  width: 50%;
}

/* pure silk  */

.kumbam-img{
  width: 60px;
  height: auto;
}
/* .img-captions{
  color: #4f4e4e;
}
.img-para{
  font-size: 16px;
  color: #4F4F4F;
  font-style: italic;
  font-weight: 600;
} */

/* wedding */

.bg-wedding{
  background-color: #fbf0ea;
}
.para-wedding{
  width: 25%;
  color: #B68052;
  font-weight: 500;
  font-style: italic;
}
.btn-wedding{
  border: 1px solid #EEB743;
  background-color: #B92227;
  color: white;
  font-style: italic;
  font-weight: 500;
}

/* footer */
.footer-logo{
  width: 75%;
}
.footer-link li a{
   text-decoration: none;
   color: #7d7067;
   font-weight: 600;
}
.footer-border{
  border-top: 1px solid #CA972A;
}
.social-icon{
  width: 44px;
}
.call-text,.contact-text,.locations-text{
  color: #7d7067;
  font-weight: 600;
}
.copyrights{
  background-color: #CA972A;
}



.splide__slide {
  text-align: center;
}

.img-captions {
  font-weight: bold;
  color: #4f4e4e;
}

.img-para {
  font-size: 16px;
  color: #4F4F4F;
  font-style: italic;
  font-weight: 600;
}

.splide__arrow {
  background: none;
  border: none;
  font-size: 30px;
  cursor: pointer;
}
/* 
.splide__arrow--prev {
  left: -1rem;
}

.splide__arrow--next {
  right: -1rem;
} */


.custom-arrow {
  border: none;
  background-color:transparent;
  cursor: pointer;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
}

.custom-arrow-prev {
  left: -1rem;
}

.custom-arrow-next {
  right: -1rem;
}
.icon-lefts {
  border: 1px solid #c1c1c0;
  border-radius: 100px;
  width: 50px;
  padding: 10px;
}
.icon-lefts:hover{
    background-color: #F7E2D1;
    transition: 0.3s;
}
/* product */
.product-filter{
  background-color: #F6F6F6;
}
.font-filter{
  border-bottom: 1px dotted black  ;
}
        /* Customize the track (background) */
        input[type="range"] {
          -webkit-appearance: none;
          appearance: none;
          width: 100%;
          height: 8px;
          background: #ddd;
          border-radius: 5px;
          outline: none;
          opacity: 0.7;
          transition: opacity .2s;
      }

      /* Hover effect for the range input */
      input[type="range"]:hover {
          opacity: 1;
      }

      /* Customize the thumb (handle) */
      input[type="range"]::-webkit-slider-thumb {
          -webkit-appearance: none;
          appearance: none;
          width: 20px;
          height: 20px;
          border-radius: 50%;
          background: #ff5722; /* Custom thumb color */
          cursor: pointer;
          box-shadow: 0 0 5px rgba(0,0,0,0.2);
      }

      input[type="range"]::-moz-range-thumb {
          width: 20px;
          height: 20px;
          border-radius: 50%;
          background: #ff5722; /* Custom thumb color */
          cursor: pointer;
          box-shadow: 0 0 5px rgba(0,0,0,0.2);
      }

      /* Customize the filled track before the thumb */
      input[type="range"]::-webkit-slider-runnable-track {
          background: linear-gradient(to right, #f44336, #f44336); /* Custom track gradient */
          height: 8px;
          border-radius: 5px;
      }

      input[type="range"]::-moz-range-progress {
          background: linear-gradient(to right, #f44336, #f44336); /* Custom track gradient */
          height: 8px;
      }

      input[type="range"]::-ms-fill-lower {
          background: #f44336;
      }

      input[type="range"]::-ms-fill-upper {
          background: #f44336;
      }
    .product-parent{
      position: relative;
    }
    .product-child{
      position: absolute;
      top:11px;
      right: 12px;
    }

/* Dropdown Base Styles */
.nav-links li.dropdowns {
  position: relative;
}

.nav-links li.dropdowns .dropdown-menus {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background-color: white;
  min-width: 200px;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
  border: 0;
  z-index: 9999;
  padding: 10px 0;
  margin-top: 10px;
}

.nav-links li.dropdowns .dropdown-menus li a {
  display: block;
  padding: 10px 20px;
  color: #ba3337;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
}

.nav-links li.dropdowns:hover .dropdown-menus {
  display: block;
  z-index: 2;
}
/* Hover effect for submenu links */
.nav-links li.dropdowns .dropdown-menus li a:hover {
  background-color: #f8f8f8; /* Light gray background on hover */
  color: #ba3337; /* Text color remains */
}

/* Active submenu (when clicked on mobile) */
.nav-links li.dropdowns.active > .dropdown-toggles {
  background-color: #f0e6e6; /* Light red shade background for active parent */
  color: #ba3337;
}

/* Active submenu item */
.nav-links li.dropdowns .dropdown-menus li a.active {
  background-color: #e0d4d4; /* Slightly darker shade */
  font-weight: 600;
}
.nav-links li.dropdowns .dropdown-menus li a {
  transition: background-color 0.3s ease, color 0.3s ease;
}

 /* --------------------------------------------- */
    
@media screen and (min-width:200px) and (max-width: 1024px) {


  .bigImg{
    width: 100%;
  }
  .para-wedding{
    width: 100%;

  }
  .footer-logo{
    width: 50%;
  }
  .certificate-content{
    width: 100%;
  }
  .font-shop-subtitle{
    font-size: 30px;
  }
  .logo{
    display:none;
  }

  .logo-head{
    display: flex;
    flex-direction: column;
    text-align: center;
  }

  .hamburger{
    display: block;
    justify-content: start;
    }

  .search-icon{
    width: 35px;
    height: 35px;
    display: block;
  }
  #search{
   display: block; 
   position: absolute;
  left: 5%;
   width:90%;
   margin-top: 50px;
   transition: all 0.4s ease;
   opacity: 0;
  }

  #search.show {
    display: block;
    opacity: 1;
  }
  .nav-items .nav-links{
    display: flex;
    flex-direction: column;
    position: fixed;
    justify-content: center;
    /* align-items: center; */
    top: 0;
    left: -100%; /* Hide the menu initially */
    width: 70%;
    height: 100%;
    background-color:white; /* Full-screen background */
    z-index: 9999;
    padding-top: 50px;
    transition: left 0.3s ease-in-out; /* Slide-in effect */
  }
  
  /* When active (hamburger clicked), slide in the menu */
  .nav-items .nav-links.active {
    left: 0;
  }
  .nav-items ul li a{
    text-decoration: none;
    color: black;
    font-size: 18px;
    font-weight: 600;
  }
  
  .product-img a img {
    height: 180px;
}

.product-img a img.hover-img {
    height: 200px;
}
.product-img a {
   height: auto !important ;
}

.single-product-tab-content a img {
    height: 470px;
}

.owl-nav>div {
    top: 40px !important;
}

.carousel-inner {
    height: 120px;
}

.action-btn {
    padding: 7px 7px !important
}


}



/*------------------------------------------- */

/* Desktop hover */
@media (min-width: 1025px) {
  .nav-links li.dropdowns:hover > .dropdown-menus {
    display: block;
  }

  .nav-links li.dropdowns .dropdown-menus {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: white;
    min-width: 200px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
    z-index: 9999;
    padding: 10px 0;
    margin-top: 0px; /* Remove margin to avoid gap flicker */
  }

  /* Make sure dropdown doesn't disappear on hover */
  .nav-links li.dropdowns:hover {
    background-color: transparent;
  }

  .nav-links li.dropdowns .dropdown-menus li a {
    display: block;
    padding: 10px 20px;
    color: #ba3337;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    white-space: nowrap;
  }
  .action-btn {
    padding: 7px 7px !important
}

}

/* Show dropdown on hover (desktop only) */
@media (min-width: 1025px) {
  .nav-links li.dropdowns:hover .dropdown-menus {
    display: block;
  }
}

/* Mobile Styles */
@media (max-width: 1024px) {
  .nav-links li.dropdowns {
    width: 100%;
  }

  .nav-links li.dropdowns .dropdown-menus {
    position: static;
    display: none;
    background-color: transparent;
    border: none;
    box-shadow: none;
    padding-left: 10px;
    margin-top: 0;
  }

  .nav-links li.dropdowns.active .dropdown-menus {
    display: block;
  }

  .dropdown-toggles::after {
    content: "▼";
    font-size: 12px;
    margin-left: 5px;
  }

  .nav-links li.dropdowns .dropdown-menus li a {
    font-size: 16px;
    color: #ba3337;
  }
  .action-btn {
    padding: 7px 7px !important
}

}