@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Kalam:wght@300;400;700&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

*,html,body{font-family: "Roboto", sans-serif !important;}

.navbar .navbar-nav > li >a{position: relative;}
.navbar .navbar-nav > li >a::before{content: ''; position: absolute; width:0; height: 2px; background-color: #0d6efd; left: 50%; bottom: 0; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}
.navbar .navbar-nav > li >a:hover::before{width: 90%; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s;}



.left-border {
  border-left: 1px solid #eee; 
}
.text-color{color: #073d74 !important;}

.fs-7 {
    font-size: 0.90rem;
}

.fs-8 {
    font-size: 0.75rem;
}

.bg-color{background-color: #073d74 !important; align-items: center; justify-content: center;}

.toast-success{background-color:#51A351}
.toast-error{background-color:#BD362F}
b, strong {
    font-weight: 500;
}
.form-group label.required:after {
    content: '*';
    color: red;
}

.select2-container--default .select2-selection--single{
	background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    height: 37px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered{
	color: #444;
    line-height: 37px !important;
}

span.count 
{
	position: absolute;display: inline-flex;justify-content: center;align-items: center;width: 18px;height: 18px;background-color: #014e37;top: 2px;right: 0px;color: #fff;
	padding: 5px 5px;border-radius: 12px;font-size: 13px;
}

.vh-50 {height: 50vh!important;}



/*slick slider css */
.slick-prev:before{content: "\276E" !important;}
.slick-next:before{content: "\276F" !important;}
.slick-slide {
  margin: 0px 5px;
}

.slick-slide img {
  width: 100%;
}
    
.slick-dots {
    position: absolute;
    bottom: 5px !important;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

/* Product side bar Css*/
.box {
  padding: 10px;
}
.box-label {
  color: #11698e;
  font-size: 0.9rem;
  font-weight: 700;
}
 
 
/*Search section Css*/ 
 #search-results {
  overflow-y: auto;
  padding: 0;
}
#search-results li {
  cursor: pointer;
}
#search-results li:hover {
  background-color: #f0f0f0;
}
 
 
/*hover dropdown Css*/
/*.dropdown-menu a {text-decoration: none;color: #000000;}
.dropdown:hover>.dropdown-menu {
  display: block;
}
.dropdown>.dropdown-toggle:active {
    pointer-events: none;
}
.cursor-pointer{
  cursor: pointer !important;
}*/



/*.dropdown-menu{width: 18.7vw !important;} */
.dropdown-menu{width: 60vw !important;} 
.dropdown-menu a {text-decoration: none;color: #000000;}
.dropdown:hover>.dropdown-menu {
  /*display: block;*/
  display:block !important;
}

.dropdown>.dropdown-toggle:active {
    pointer-events: none;
}

.cursor-pointer{
  cursor: pointer !important;
}

.cursor-none{
  cursor: none !important;
}



.offer-badge {
    position: absolute;
    top: 2px !important;
    right: 2px !important;
    background-color: #007BFF !important;
    /*background-color: #2347ad !important;*/
    color: #ffffff;
    font-size: 11px;
    font-weight: bold;
    padding: 4px 6px;
    border-radius: 0px;
    z-index: 10;
    text-transform: uppercase;
}

.cart-offer-badge {
    position: absolute;
    top: 0px !important;
    right: 0px !important;
    color: #ffffff;
    font-size: 11px;
    font-weight: bold;
    border-radius: 3px;
    z-index: 10;
    text-transform: uppercase;
}

.truncate-ellipsis-categories {
    height: 2.6em;
    line-height: 1.3em;
    word-break: break-word;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.truncate-ellipsis {
    height: 2.6em; /* Adjust this according to line-height */
    line-height: 1.3em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}


.add-to-cart-btn:hover,.add-to-cart-variant-btn:hover {
    background-color: transparent !important;
    color: #0d6efd; 
    border-color: #0d6efd; 
}

.quantity-container button,.quantity-variant-container button,
    .quantity-container .quantity,.quantity-variant-container .variant-quantity {
        /*width: 36px;*/
        width: 61px;
        height: 37px;
         border: 1px solid #fff;
        /*border: none;*/
        font-weight: bold;
        outline: none;
        /*border-radius: 5px;
        margin: 0 1px;  Smaller gap */
    }

    .quantity-container .quantity,.quantity-variant-container .variant-quantity {
        text-align: center;
        padding: 0;
    }

    .bg-green {
        background-color: #28a745;
    }

    .bg-info {
        background-color: #17a2b8;
    }
    
    
    .list-group-item:hover {
    	background-color: #f0f8ff; 
	    color: #000; 
    }
    
    .list-group-item.active {
    	background-color: #f0fff0;
    	color: #000;
    	padding-top: .4rem !important;
        padding-bottom: .4rem !important;	
    }

    .scroll-hover {
      overflow-x: auto;
      transition: overflow 0.3s ease-in-out;
      border-radius: 0 !important;
      border: 2px solid #eeeeee !important;
    }
    
    .scroll-hover >a{background: #f8f9fa; border: none; border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; border-right: 2px solid #dee2e6;}
    .scroll-hover >a.active{border-bottom: 2px solid #0d6efd; color: #073d74; background: #007bff29; border-right: 0px solid #dee2e6;}
    .scroll-hover .image-container >img{width: 31px; height: 31px;border-radius: 100%; padding: 2px; box-sizing: border-box; border: 1px solid #073d74;}

    
    .scroll-hover::-webkit-scrollbar {
      height: 1px;
    }
    
    .scroll-hover::-webkit-scrollbar-thumb {
      background-color: rgba(0, 0, 0, 0.3);
      border-radius: 1px;
    }
    
    .scroll-hover::-webkit-scrollbar-track {
      background-color: transparent;
    }

    .class-hover:hover {
        background-color: transparent !important;
        color: #0d6efd; 
        border-color: #0d6efd; 
    }


    .cart-none {
        display: none !important;
    }
    
    .carousel-img {
      /*height: 50vh;*/
      
      height: 35vh;
      object-fit: cover;
    }
    
    .dashboard-card {
      transition: all 0.3s ease;
      cursor: pointer;
    }

    .dashboard-card:hover {
      background-color: #f8f9fa;
      transform: scale(1.02);
    }

    .icon-box svg {
      width: 32px;
      height: 32px;
      /*fill: #0d6efd;*/
    }

/*.scroll-hover {
  overflow-x: hidden;
  transition: overflow 0.3s ease-in-out;
}

.scroll-hover:hover {
  overflow-x: auto;
}

.scroll-hover::-webkit-scrollbar {
  height: 3px;
}

.scroll-hover::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 1px;
}

.scroll-hover::-webkit-scrollbar-track {
  background-color: transparent;
}*/


/* Common styles for both prev and next arrows */
.slick-prev, .slick-next {
  background-color: #ffffff !important; /* White background */
  height: 100px !important;
  width: 45px !important;
  line-height: 100px !important;
  text-align: center;
  z-index: 1;
  position: absolute;
  top: 25% !important;
  transform: translateY(-50%);
  color: #333; /* Dark arrow color for visibility */
  font-size: 20px;
  transition: background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;
  cursor: pointer;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  padding: 8px 0px !important;
}


/* Hover effect */
/*.slick-prev:hover, .slick-next:hover {
  background-color: #f0f0f0 !important;
  color: #000;
}*/
.slick-prev:hover,
.slick-next:hover {
  background-color: #f9f9f9 !important; /* Light gray background */
  color: #000 !important; /* Ensure text/icon stays visible */
  border-radius: 4px; /* Optional: subtle rounding */
  transition: background-color 0.3s ease; /* Smooth hover effect */
}


/* Left arrow */
.slick-prev {
  left:0 !important;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

/* Right arrow */
.slick-next {
  right:0 !important;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.product-thumb-wrapper{height: 184px;object-fit: cover;}




/***Product Cart Details***/
.product-details .quantity-container{background-color:#1a76fd;border-radius:4px;}
.product-details .quantity-container >*{background-color: #073d74 !important;color: #fff !important;}
.product-details .quantity-container .decrement{border-top-left-radius:4px; border-bottom-left-radius:4px;}
.product-details .quantity-container .increment{border-top-right-radius:4px; border-bottom-right-radius:4px;}
.product-details hr, .sticky-mobile-bottom hr, .change-delivery-address-lists hr {border-top: 2px dashed #919191;}

/*.product-details h6{font-weight: 400 !important;}
.sticky-mobile-bottom .fw-bold{font-weight: 500 !important;}*/

/*.sticky-mobile-bottom .signin_pay{min-height: 40px; position: relative;}
.sticky-mobile-bottom .signin_pay::before{content: ''; background: url(https://blinkit.com/b1b00b45f32220f863b4.svg); background-color: #000; width: 100%; height: 35px;}*/

input[type="radio"] { width: 20px; height: 20px; appearance: none; border: 2px solid #212529; border-radius: 50%; outline: none; cursor: pointer; transition: background-color 0.3s ease; }
input[type="radio"]:checked { background: url(https://indiacinehub.gov.in/themes/custom/unee/img/check_white.svg) no-repeat; background-size: 60%; background-position: center center; background-color: #0d6efd; border: none; }
input:focus{box-shadow: none; outline: none;}


/***Product Add Cart Details***/
.add-to-cart-container > button{background-color: #073d74; color: #fff; border-radius: 1px !important;}
.quantity-container > *, .add-to-cart-container > button:hover{background-color: #073d74 !important; color: #fff !important;}
.quantity-container > button.decrement{border-top-left-radius: 1px; border-bottom-left-radius: 1px;}
.quantity-container > button.increment{border-top-right-radius: 1px; border-bottom-right-radius: 1px;}

/*** Product Variant Add Cart Details ***/
.add-to-cart-variant-container > button{background-color: #073d74; color: #fff; border-radius: 1px !important;}
.quantity-variant-container > *, .add-to-cart-variant-container > button:hover{background-color: #073d74 !important; color: #fff !important;}
.quantity-variant-containerr > button.decrement-btn{border-top-left-radius: 1px; border-bottom-left-radius: 1px;}
.quantity-variant-container > button.increment-btn{border-top-right-radius: 1px; border-bottom-right-radius: 1px;}

/***Product Wishlist  Details***/
.wishlists{background-color:#343a40 !important;color: #0dcaf0;display: inline-flex; align-items: center; justify-content: center; width: 41px; height: 37.7px; border: 1px solid #0d6efd; border-radius: 0px; overflow: hidden;position:absolute}
.wishlisted{background-color:#343a40 !important;border: none !important;color: #0dcaf0;background-color:#f0f0f0; color: #aaa;cursor: not-allowed;display: inline-flex; align-items: center; justify-content: center; width: 41px; height: 37px; border: 1px solid #0d6efd; border-radius: 0px; overflow: hidden;position:absolute}


.sticky-sidebar{position: sticky; top: 122px; z-index: 1020;}

.custom-input {
  border: 1px solid #ccc; /* Thin border */
  box-shadow: none;       /* Remove Bootstrap shadow */
}

.custom-input:focus {
  border: 1px solid #007bff; /* Thin blue border on focus */
  box-shadow: none;          /* Keep it thin, no glow */
}

#dropdownMenuButton + ul{max-width: 241px; padding: 0;}
#dropdownMenuButton + ul > li >a{padding-inline: 10px; padding-bottom: 10px !important; padding-block: 10px;}
#dropdownMenuButton + ul > li:first-child a{border-top-left-radius: 5px; border-top-right-radius: 5px;}
#dropdownMenuButton + ul > li:last-child a{border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
#dropdownMenuButton + ul > li >a:hover{background-color: #1e8afe40 !important;color: #484848 !important;}v
#dropdownMenuButton + ul > li hr{margin: 0 !important;}



  .address-card {
    transition: background-color 0.3s, box-shadow 0.3s;
    padding: 1rem;
    border-radius: 0.5rem;
    border: 1px solid #dee2e6;
    background-color: #fff;
    cursor: pointer;
  }

  .address-card:hover {
    background-color: #f8f9fa;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  }

  .address-card input[type="radio"] {
    cursor: pointer;
  }

  .address-card.selected {
    border-color: #0d6efd;
    background-color: #e7f1ff;
  }


/* Ensure the slider container has relative positioning */
.your-slider {
    position: relative;
    /*margin-left: 22px;
    margin-right: 5px;
    max-width: calc(100% - 42px);*/ /* 100% width minus the left and right margins */
    box-sizing: border-box; /* Ensures padding/margin doesn't affect total width */
}

.your-slider .slick-prev,
.your-slider .slick-next {
    color: black !important; /* Change arrow color */
    z-index: 10; /* Ensure it's visible */
}

.your-slider .slick-prev::before,
.your-slider .slick-next::before {
    color: black !important; /* Ensures arrows are visible */
    font-size: 20px; /* Adjust arrow size */
}

.thumbnail {
    width: 150px; /* Default size for desktop */
    height: 50px;
    object-fit: cover;
    cursor: pointer;
    transition: transform 0.3s ease, border 0.3s ease;
}

 .options {
    background: rgb(255, 255, 255);
    position: absolute;
    right: 0px;
    bottom: 0px;
    /*border-radius: 0.5rem 0px 0px;*/
    border-radius: 0rem 0px 0px;
    padding: 0.125rem 0.25rem;
}

.detail-options {
    background: rgb(255, 255, 255);
    position: absolute;
    right: 0px;
    top: 0px;
    border-radius: 0rem 0px 0px;
    padding: 0.125rem 0.25rem;
 }
 
.delivery-time-options {
    position: absolute;
    left: -17px;
    top: -17px;
    border-radius: 0.5rem 0px 0px;
    border-radius: 0rem 0px 0px;
}
 

/***Mobile View ***/
/*@media (max-width: 768px) { */
 @media only screen and (max-width: 768px) {
.sticky-top .navbar.navbar-expand-lg{position: absolute; width: auto; top: 0;}
.sticky-top .navbar.navbar-expand-lg button{padding: 0; border: none;}
.sticky-top .navbar.navbar-expand-lg button:focus{box-shadow: none; outline: none;}
.sticky-top .container-fluid > .row >.col-md-4{justify-content: end; column-gap: 0px !important; }
.sticky-top .navbar-collapse{background: #fff; margin-top: 10px;}

   .truncate-ellipsis-categories {
        height: 2.6em; /* Adjust this according to line-height */
        line-height: 1.3em;
        word-break: break-word;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    
    .truncate-ellipsis {
        height: 2.6em; /* Adjust this according to line-height */
        line-height: 1.3em;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    
    .sticky-mobile-bottom {
        position: sticky;
        bottom: -250px; /* ya -20px, jitna neeche chahiye */
        z-index: 1020;
        background-color: #f8f9fa;
       }
  
   .dropdown-menu {width: 60vw;}
   .dropdown:hover .dropdown-menu {display: flex;}
   .dropdown-menu.show {display: flex;}
    

   .carousel-img {
 	height: 30vh;
   }
  

   .product-thumb-wrapper {
        height: 141px;
        object-fit: cover;
    }
    
    .mobilepy{  
        padding-top: 0rem !important;
        padding-bottom: 0rem !important;
    }
    
    .sticky-sidebar{
        position: sticky; 
        top: 108px; 
        z-index: 15;
    }
    .right-mobile-section{margin:5px 0px 0px 0px !important;}
    
    .list-inline-item:not(:last-child){margin-right: 0rem !important; }
    
    
    .your-slider .slick-slide {
        margin: 0 !important; /* Remove extra spacing */
        padding: 2px !important;
    }
    .your-slider {
        margin-left: 0px !important;
        margin-right: -25px !important; /* Remove right gap */
        max-width: 100% !important;
    }
    
    .your-slider .slick-prev,
    .your-slider .slick-next {
        display: none !important; /* Hide arrows on mobile */
    }
    
    
    .thumbnail {
        width: 150px;
        height: 50px;
    }
      
    /*.add-to-cart-btn {
        white-space: nowrap !important;  
        overflow: hidden;  
        font-size: 13px; 
        text-align: center !important; 
        display: flex; 
        align-items: center; 
        justify-content: center; 
		
    }
	
	.price-container {
        display: flex;
        flex-wrap: nowrap; 
        gap: 0px; 
		font-size: 13px; 

    }*/
}

/*@media (max-width: 767.98px) { 
  .sticky-mobile-bottom {
    position: sticky;
    bottom: -250px; 
    z-index: 1020;
  }
}*/
    .mb-6 {
      margin-bottom: 5.0rem !important;
    }
    
    .mb-7 {
      margin-bottom: 7.5rem !important;
    }


    .mt-6 {
      margin-top: 3.5rem !important;
    }
    
   
    
    .product-image {
        opacity: 0;
        animation: fadeInImage 1s ease-in forwards;
    }
    
    @keyframes fadeInImage {
        to {
            opacity: 1;
        }
    }

   .product-image-wrapper {
        position: relative;
        min-height: 184px;
        max-height: 184px;
        /* Adjust based on your image height */
    }
    
    .product-image-wrapper img {
        opacity: 0;
        transition: opacity 0.3s ease;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
  
    .product-image-wrapper {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #f5f5f5;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
     @media only screen and (max-width: 768px) {
        .product-image-wrapper {
            position: relative;
            min-height: 141px; /* Adjust based on your image height */
        }
        
        .product-image-wrapper img {
            opacity: 0;
            transition: opacity 0.3s ease;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
      
        .product-image-wrapper {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: #f5f5f5;
            display: flex;
            align-items: center;
            justify-content: center;
        }
}