.image_zoom_main
{
    height:550px!important;
}
.badge_count
{
    border-radius:50%!important;
    color:#fff;
    background-color:#14643c!important
}
.input-group-prepend
{
    z-index:0!important;
}
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color:white;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
 }
 #preloader-img img {
    width: 150px; /* Adjust as needed */
    animation: bounce 2s infinite;
}
@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0) scale(1);
    }
    40% {
        transform: translateY(-20px) scale(1.2);
    }
    60% {
        transform: translateY(-10px) scale(0.8);
    }
}
 
/*.notification-bar {*/
  /*background-color: #344456;*/
  /*box-shadow: 0px 1px 11px #8b4e4e;*/
  /*border-radius: 3px;*/

/*}*/

.field-label{
        color:#241e20;

}

label {
    color:#14643c;
}

.notification-bar p {
    color: white;
/*    font-weight: bold;
*/    font-size: 13px;
    
    

  
}

/*img {*/
/*      border-radius: 8px;*/
/*}*/


.service-banner .row > div:nth-child(2n+1) .service-box {
    /*background-color: #000000;*/
    background-color:#000000;
    
/*    box-shadow: -3px 1px 5px #c5c1c1;
*/}

.service-banner .service-box p {
    color: black;
    font-weight: bold;
    font-size: 12px;

}

.product-box .product-info h5 {
    color: #000;
}

.category .category-block .category-content h5 {
    color: #000;
}

/*footer .sub-footer .payment-card-bottom {*/
/*        color: #444ca1;*/

/*}*/

footer .subscribe-section {
    background-color:#000000;
}

footer.footer-2 .sub-footer {
    background-color: #000;;
}


.category .category-block:hover {
    background-color: #cdcee1;
 
}

footer .call-text .call-no {
    color: #000;

}

.service-banner .row > div:nth-child(2n) .service-box {
    /*background-color: #000000;*/
    background-color: #000000;
    font-weight: bold;
    /*box-shadow: -3px 1px 5px #c5c1c1;
*/}



.img-fluid bg-img {
height: 300px;  

}

.product-box .img-block .cart-details i, .product-box .img-block .cart-wrap i {
    color: #ffffff;
    
}


header .search-bar .search-icon {

background-color: #14643c;

}

footer .footer-social ul li a i {
    font-size: 22px;
    color: #000000;
    
}

.tap-top {
color: #14643c;
background: #ffffff;

    }



footer.footer-2 .sub-footer {
    background-color: #000000;
    font-weight: bold;
    color : white;
/*    box-shadow: 0px 1px 11px gray;
*/
}
/*.btn*/
/*{*/
/*    border-radius:50px!important;*/
/*}*/
footer .sub-footer p {
    color: black;
  
}

footer .subscribe-section {
    /*background-color: #000000;*/
    background-color: #000000;
    color:#000000;
}

.btn-solid {

color: #fff;
background-color: #14643c;
}

footer.footer-2 .subscribe-section .subscribe-content .subscribe-form .btn-solid {
    background-color: #000000;
    color:#ffffff;
}

.add_to_cart .cart-inner .cart_media li .buttons a {
    font-size: 16px;
    color: #fff;
}

header .toggle-nav {
/*    display: none;
*/}

/*slider.home-fix .slider-contain {
    height: 70px;

height: 0px;
}*/

header.header-4 .brand-logo img {
    width:142px;
}

.home-slider.home-fix .home, .home-slider.home-fix .slider-contain {
    height: 0vh;
}

.bg-gradient {
    background: #000000;

}




.product-buttons {
            color: #000000;

}


.img-fluid {
  /*max-width: 100%;*/
  height: auto;
  }
  
  .img-fluid1 {
      
  }
  
  
  .service-banner .row > div:nth-child(2n+1) .service-box {
      background-color: #000000;
  }
  
  
  .service-banner .row > div:nth-child(2n) .service-box {
    background-color: #000000;
     
    
  }
  
  footer .call-text h3 {
  text-transform: capitalize;
  font-size: 22px;
  margin-bottom: 0;
  margin-top: -68px;
}

footer .call-us, footer .callus {
    border:none;   
}
  
  
.title-basic {
    top: 16px;
}
  
  
  
.slick-slide slick-current slick-active {
    width: 100px!important;
}
  
.mobile_logo
{
    display:none;
}
.announce_bar
{
    display:block;
}
.brand-logo
{
    display:block;
}
.lang_nav_mobile
{
    display:none;
}

.product-right .product-description .qty-box .input-group {
  justify-content:normal;

 }
 
 
 .product-right h4 span {
     color:#000;
 }
 
 
 @media (max-width: 767px) {
    .service-banner .row {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;  
        -ms-overflow-style: none;   
    }
    .service-banner .row::-webkit-scrollbar {  
        width: 0;
        height: 0;
    }
    .service-banner .col-12 {
        flex: 0 0 auto;
        width: 80%;   
        padding-right: 15px;
    }
    .service-box {
        padding: 15px;
    }
    .service-box i {
        font-size: 2em;
    }
    .service-box p {
        font-size: 14px;
        margin-top: 5px;
        margin-bottom: 0;
    }
}

@media (min-width: 768px) {
    .service-banner .row {
        display: flex;
        flex-wrap: wrap;
    }
    .service-banner .col-4 {
        flex: 0 0 33.33%;
        max-width: 33.33%;
        padding: 15px;
    }
    .service-banner .col-3 {
        flex: 0 0 33.33%;
        max-width: 33.33%;
        padding: 15px;
    }
    .service-box {
        padding: 20px;
        margin: 10px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        border-radius: 8px;
        transition: transform 0.3s;
    }
    .service-box:hover {
        transform: translateY(-5px);
    }
    .service-box i {
        font-size: 3em;
    }
    .service-box p {
        font-size: 16px;
        margin-top: 10px;
        margin-bottom: 0;
    }
}



/*new css*/
.swiper-slide a.category-card {
      display: block;
      border-radius: 15px;
      overflow: hidden;
      background-color: #fff;
      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
      text-align: center;
      text-decoration: none;
      color: #333;
      transition: transform 0.3s;
    }

    .swiper-slide a.category-card:hover {
      transform: translateY(-5px);
    }

    .category-img {
      width: 100%;
      height: 250px;
      object-fit: cover;
    }

    .category-title {
      padding: 12px;
      font-size: 18px;
      font-weight: 600;
      background-color: #f8f8f8;
      color:#14643c;
    }

    /* Responsive adjustments */
    @media (max-width: 768px) {
      .category-img {
        height: 160px;
      }
    }

    @media (max-width: 576px) {
      .category-img {
        height: 230px;
      }
    }
    
    
    
    .product-card {
      display: block;
      background: #fff;
      border-radius: 12px;
      box-shadow: 0 4px 10px rgba(0,0,0,0.05);
      overflow: hidden;
      text-align: center;
      padding: 10px;
      transition: transform 0.3s;
      text-decoration: none;
      color: inherit;
    }

    .product-card:hover {
      transform: translateY(-5px);
    }

    .product-img {
      width: 100%;
      height: 200px;
      object-fit: cover;
      border-radius: 8px;
    }

    .product-title {
      font-size: 16px;
      font-weight: 600;
      margin-top: 10px;
      color: #14643c;
    }

    .product-price {
      margin-top: 5px;
      font-size: 12px;
    }

    .product-price .new-price {
      color: #14643c;
      font-weight: bold;
      margin-right: 8px;
    }

    .product-price .old-price {
      color: #999;
      text-decoration: line-through;
    }

    @media (max-width: 768px) {
      .product-img {
        height: 160px;
      }
      #product-size
      {
          margin-right: 24px;
      }
      #coffee_type
      {
          /*margin-right: 74px;*/
      }
      .product-right .product-description .qty-box .input-group
      {
              /*justify-content: center!important;*/
      }
    }

    @media (max-width: 576px) {
      .product-img {
        height: 140px;
      }
    }
    
    
    
    
    /*new footer*/
     .eloura_footer {
      background-color: #14643c;
      color: white;
      text-align: center;
      padding: 40px 20px 20px;
    }

    .eloura_footer_title {
      font-size: 28px;
      color:#fff;
      margin-bottom: 15px;
    }

    .eloura_footer_desc {
      max-width: 600px;
      margin: 0 auto 30px;
      font-size: 14px;
      line-height: 1.6;
    }

    .eloura_social_icons {
      margin-bottom: 30px;
    }

    .eloura_social_icons a {
      color: #14643c;
      background-color: #ffffff;
      border-radius: 50%;
      display: inline-block;
      width: 40px;
      height: 40px;
      line-height: 40px;
      text-align: center;
      margin: 0 8px;
      transition: 0.3s;
      font-size: 16px;
    }

    /*.eloura_social_icons a:hover {*/
    /*  background-color: #555;*/
    /*  color: #14643c;*/
    /*  background-color: #ffffff;*/
    /*}*/

    .eloura_footer_hr {
      border: 0;
      height: 1px;
      background-color: #84ac9c;
      margin: 20px 0;
    }

    .eloura_footer_copy {
      font-size: 13px;
      color: #fff;
    }

    .eloura_footer_copy a {
      color: #fff;
      text-decoration: none;
    }

    .eloura_footer_copy a:hover {
      text-decoration: underline;
    }

    /* Mobile Responsive */
    @media (max-width: 600px) {
      .eloura_social_icons a {
        width: 36px;
        height: 36px;
        line-height: 36px;
        margin: 0 5px;
        font-size: 14px;
      }

      .eloura_footer_title {
        font-size: 22px;
      }

      .eloura_footer_desc {
        font-size: 13px;
        padding: 0 10px;
      }

      .eloura_footer {
        padding: 30px 10px 20px;
      }
    }
 
 
 .swiper-button-prev:after
 {
     color:#14643c;
 }
 .swiper-button-next:after
 {
     color:#14643c;
 }
 
 .swiper
 {
     z-index:0!important;
 }
 
 
 
 
 
    .subcat-img {
        width: 150px;
        height: 150px;
        object-fit: cover;
        border: 2px solid #ddd;
        padding: 5px;
        transition: transform 0.3s;
    }

    .subcat-img:hover {
        transform: scale(1.05);
    }

    .subcategory-name {
        font-size: 16px;
        color: #333;
        font-weight: 500;
    }

    @media (max-width: 767.98px) {
        .subcat-img {
            width: 130px;
            height: 130px;
        }

        .subcategory-name {
            font-size: 14px;
        }
    }
    
    
    
    
    
    
    .size_picker_btns label {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  position: relative; /* Add relative positioning to the label */
}

.size_picker_btns label input:checked + span {
  border: 2px solid lightgrey !important;
  color: #b82d2d;
}

.size_picker_btns label span {
  display: block;
  font-weight: bold;
  width: 75px;
  font-size: clamp(0.6rem, 2vw, 1rem);
  border-color: rgb(134, 134, 134) !important;
  cursor: pointer;
  text-align: center; /* Center text horizontally within the span */
  /*line-height: 34px;  */
  height: 34px; /* Set a fixed height for the span */
}

.size_picker_btns label i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); /* Center the icon both horizontally and vertically */
  color: #fff;
}

 
input[type=checkbox] + label {
  display: block;
  margin: 0.2em;
  cursor: pointer;
  padding: 0.2em;
}

/*input[type=checkbox] {*/
/*  display: none;*/
/*}*/

input[type=checkbox] + label:before {
  content: "\2714";
  border: 0.1em solid #000;
  border-radius: 0.2em;
  display: inline-block;
  width: 2em;
  height: 2em;
  padding-left: 0.5em;
  padding-bottom: 0.4em;
  margin-right: 0.2em;
  vertical-align: bottom;
  color: transparent;
  transition: .2s;
}

input[type=checkbox] + label:active:before {
  transform: scale(0);
}

input[type=checkbox]:checked + label:before {
  background-color: #55575a;
  border-color: #55575a;
  color: #fff;
}

input[type=checkbox]:disabled + label:before {
  transform: scale(1);
  border-color: #aaa;
}

input[type=checkbox]:checked:disabled + label:before {
  transform: scale(1);
  background-color: #bfb;
  border-color: #bfb;
}


.tag {
    display: inline-block;
    background: #14643c;
    color:#fff;
    padding: 5px 10px;
    border-radius: 5px;
    margin: 2px;
    font-size: 14px;
}



/*home page design*/
 .coffee-box-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* ✅ Exactly 2 per row */
  gap: 25px;
  padding: 30px;
}

.coffee-box {
  position: relative;
  display: block;
  height: 250px;
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0 8px 25px rgba(0,0,0,0.2);
  text-decoration: none;
  transform: scale(1);
  transition: transform 0.5s ease, box-shadow 0.5s ease;
}

.coffee-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.1);
  transition: transform 0.7s ease;
  will-change: transform;
}

.coffee-box .overlay-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #14643c82;
  color: #fff;
  padding: 12px 28px;
  font-size: 23px;
  font-weight: bold;
  border-radius: 5px;
  text-transform: uppercase;
  /*letter-spacing: 1px;*/
  z-index: 2;
  pointer-events: none;
}

.coffee-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.25);
  z-index: 1;
}

.coffee-box:hover {
  transform: scale(0.96);
  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.5);
}

.coffee-box:hover img {
  transform: scale(1.25) translateY(-10px);
}

@media (max-width: 767px) {
  .coffee-box-container {
    grid-template-columns: 1fr; /* ✅ 1 per row on mobile */
  }
  .coffee-box {
      height:185px!important;
  }
  .coffee-box .overlay-text
  {
      font-size:15px!important;
  }
}





/*filter desing*/
  /* FLAVOR SLIDER */
    .flavor-slider {
      display: flex;
      overflow-x: auto;
      gap: 10px;
      padding: 10px 0;
      scrollbar-width: none;
    }

    .flavor-radio {
      display: none;
    }

    .flavor-label {
      white-space: nowrap;
      padding: 8px 18px;
      border-radius: 30px;
      border: 1px solid #ccc;
      background: #fff;
      cursor: pointer;
      font-size: 14px;
      transition: all 0.3s ease;
      user-select: none;
    }

    .flavor-radio:checked + .flavor-label {
      background-color: #14643c;
      color: #fff;
      border-color: #14643c;
    }

    .flavor-slider::-webkit-scrollbar {
      display: none;
    }

    /* RESPONSIVE LABEL SIZE FOR FLAVOR */
    @media (max-width: 576px) {
      .flavor-label {
        font-size: 12px;
        padding: 6px 14px;
      }
    }

    /* CUSTOM SORT DROPDOWN */
    .sort-select {
      position: relative;
      width: 180px;
      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    }

    .sort-select select {
      appearance: none;
      -webkit-appearance: none;
      -moz-appearance: none;
      width: 100%;
      padding: 8px 40px 8px 12px;
      border: 1.5px solid #ced4da;
      border-radius: 30px;
      background: #fff url('https://img.icons8.com/material-outlined/24/sorting.png') no-repeat right 12px center;
      background-size: 20px;
      font-size: 15px;
      cursor: pointer;
      transition: border-color 0.3s, box-shadow 0.3s;
      outline: none;
    }
    .sort-select select:hover, 
    .sort-select select:focus {
      border-color: #495057;
      box-shadow: 0 0 8px rgba(52,58,64,0.25);
    }

    /* PRODUCT BOX */
    .product-box {
      position: relative;
      background: #fff;
      border-radius: 10px;
      overflow: hidden;
      transition: transform 0.3s, box-shadow 0.3s;
      box-shadow: 0 4px 12px rgba(0,0,0,0.05);
    }

    .product-box:hover {
      transform: translateY(-5px);
      box-shadow: 0 8px 16px rgba(0,0,0,0.1);
    }

    .product-box img {
      width: 100%;
      height: 220px;
      object-fit: cover;
      transition: transform 0.3s ease;
    }

    .product-box:hover img {
      transform: scale(1.05);
    }

    .product-info {
      padding: 10px;
      text-align: center;
    }

    .product-title {
      font-size: 16px;
      font-weight: 600;
      color: #333;
    }

    .product-price {
      font-size: 14px;
      /*font-weight: 500;*/
      color: #28a745!important;
    }

    /* LABELS */
    .label-discount, .label-out {
      position: absolute;
      top: 10px;
      padding: 4px 10px;
      font-size: 12px;
      font-weight: bold;
      color: #fff;
      border-radius: 4px;
      user-select: none;
    }

    .label-discount {
      left: 10px;
      background: #dc3545;
    }

    .label-out {
      right: 10px;
      background: #6c757d;
    }

    /* SMALLER LABELS ON MOBILE */
    @media (max-width: 576px) {
      .label-discount, .label-out {
        font-size: 10px;
        padding: 3px 7px;
      }
      .product-box img
      {
          height:170px!important;
      }
    }

    /* HOVER OVERLAY */
    .overlay {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      background: rgba(0,0,0,0.5);
      display: flex;
      justify-content: center;
      align-items: center;
      opacity: 0;
      transition: 0.3s ease;
    }

    .product-box:hover .overlay {
      opacity: 1;
    }

    .overlay i {
      color: #fff;
      font-size: 28px;
    }

    /* PAGINATION */
    .pagination {
      gap: 12px;
      justify-content: center;
      padding-left: 0;
      list-style: none;
      display: flex;
      flex-wrap: wrap;
    }

    .pagination li {
      display: inline;
    }

    .pagination .page-link {
      border-radius: 50px;
      border: 1.5px solid #343a40;
      color: #343a40;
      padding: 8px 16px;
      font-weight: 600;
      transition: all 0.3s ease;
      cursor: pointer;
      user-select: none;
      min-width: 44px;
      text-align: center;
      line-height: 1.2;
    }

    .pagination .page-link:hover {
      background-color: #343a40;
      color: #fff;
      box-shadow: 0 4px 8px rgba(52,58,64,0.3);
      border-color: #343a40;
    }

    .pagination .active .page-link {
      background-color: #343a40;
      color: #fff;
      border-color: #343a40;
      box-shadow: 0 4px 8px rgba(52,58,64,0.4);
    }
    
    .page-item:first-child .page-link
    {
        border-top-right-radius: 0.25rem;
        border-bottom-right-radius: 0.25rem;
        border-top-left-radius: 1.25rem!important;
        border-bottom-left-radius: 1.25rem!important;
    }
    .page-item:last-child .page-link {
        border-top-left-radius: 0.25rem;
        border-bottom-left-radius: 0.25rem;
        border-top-right-radius: 1.25rem!important;
        border-bottom-right-radius: 1.25rem!important;
    }
   

    /* MOBILE PAGINATION */
    @media (max-width: 576px) {
      .pagination .page-link {
        padding: 6px 12px;
        min-width: 36px;
        font-size: 14px;
      }
    }
    
    
    
    

     .darwish_slider {
      position: relative;
      overflow: hidden;
      max-width: 100%;
      direction:ltr;
    }

    .darwish_slides {
      display: flex;
      transition: transform 0.5s ease-in-out;
    }

    .darwish_slide {
      min-width: 100%;
      box-sizing: border-box;
    }

    .darwish_slide a img {
      width: 100%;
      height: auto;
      display: block;
    }

    .darwish_prev, .darwish_next {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      background: rgba(0,0,0,0.5);
      color: white;
      border: none;
      padding: 10px;
      cursor: pointer;
      z-index: 10;
    }

    .darwish_prev { left: 10px; }
    .darwish_next { right: 10px; }

    @media (max-width: 768px) {
      .darwish_prev, .darwish_next {
        padding: 6px;
      }
    }