/* .full-body-bg{
  background: #F2F2F2 !important;
} */

/* navbar css */

.small-nav-section {
  background: #F3DEC3 !important;
  height: 29px !important;
  display: flex;
  align-items: center;
}

.nav-email a {
  color: #8F4904;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-left: 9px;
}

.nav-helpline {
  display: inline-block;
  white-space: nowrap;
  /* Prevents text from wrapping */
  overflow: hidden;
  /* Hides the overflowing text */
  width: 100%;
  /* Adjust the width to fit your design */
}

.scroll-wrapper a {
  color: #8F4904;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: inline-block;
  animation: scroll-left 10s linear infinite;
}

.inline-icon {
  height: 20px;
  width: auto;
  margin: 0 10px;
  vertical-align: middle;
}

@keyframes scroll-left {
  0% {
    transform: translateX(100%);
    /* Start from the right */
  }

  100% {
    transform: translateX(-100%);
    /* End at the left */
  }
}



.middle-nav-search-box {
  display: flex;
  flex-direction: row;
}

.middle-nav-search-box svg {
  margin-left: 10px;
}

.middle-nav-search-input {
  width: 632px;
  color: #8D8D8D !important;
  font-size: 12.329px !important;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  display: flex;
  height: 54px !important;
  padding: 0px 25px !important;
  align-items: center;
  gap: 16px;
  border-radius: 8px !important;
  background: rgba(243, 222, 195, 0.40);
}

@media (max-width: 500px) {
  .middle-nav-search-input {
    width: 300px;
  }
}

.search-input-box>svg {
  position: absolute;
  left: 8px !important;
  top: 19px !important;
}

.middle-nav-login {
  color: #8F4904 !important;
  font-size: 18px !important;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-left: 20px;
}

.middle-nav-singup {
  color: #FFF !important;
  font-size: 18px !important;
  background: #8F4904;
  border-radius: 8px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  padding: 5px;
  margin-left: 20px;
}

.h-65px {
  height: 65px !important;
}

@media (max-width: 768px) {
  .h-65px {
    height: 40px !important;
  }
}

.bottom-nav-text-color {
  color: #8F4904 !important;
  font-size: 16px !important;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.header-shadow-color {
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
  /* Adjust values as needed */
}



/* home page top banner */
.home-slider-size {
  width: 100% !important;
  max-width: 100% !important;
}

/*.home-banner-area {*/
/*  margin-top: 20px !important;*/
/*}*/

.header-banner-text-content {
  z-index: 999;
  position: absolute;
  margin-top: 120px;
}

@media (max-width: 768px) {
  .header-banner-text-content {
      margin-top: 175px;
    }
}

.header-banner-first-bg-white {
  padding: 7px 16.569px 7px 7.093px;
  align-items: center;
  gap: 25.682px;
  border-radius: 33.137px;
  background: #FFF;
  width: 405.689px;
}

.header-banner-shop-now-btn {
  display: flex;
  padding: 9.018px 13.526px;
  justify-content: center;
  align-items: center;
  gap: 11.272px;
  border-radius: 45.088px;
  background: #FFF;
  color: #0CAE4C !important;
  font-size: 18.035px;
  font-style: normal;
  font-weight: 600;
  line-height: 31.562px;
}

.header-banner-shop-now {
  margin-top: 30px;
}

.header-banner-shop-now-btn:hover {
  background: #8F4904;
  color: #FFF !important;
}

.header-banner-first-text {
  color: #000;
  font-size: 17.733px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.header-banner-first-img {
  border-radius: 22.96px;
  background: #E1E1E1;
  display: flex;
  padding: 6.444px 2.776px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5.74px;
  flex-shrink: 0;
}

.header-banner-first-h1 {
  color: #3C0A0C;
  font-size: 53.663px;
  font-style: normal;
  font-weight: 700;
  line-height: 67.079px;
  margin-top: 10px;
}

.header-banner-first-col {
  margin-left: 5%;
}

.header-banner-first-p {
  color: #E6E6E6;
  font-size: 21.465px;
  font-style: normal;
  font-weight: 400;
  line-height: 37.564px;
  margin-top: 17px;
}

.header-banner-second-a {
  color: #FFF;
  font-size: 18.035px;
  font-style: normal;
  font-weight: 600;
  line-height: 31.562px;
  text-decoration-line: underline !important;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

.header-banner-second-a:hover {
  color: #8F4904 !important;
}

.header-banner-two-btn {
  gap: 21px;
}


/* second home section */
.second-home-section {
  background: #FFFFFF;
  margin-top: 30px;
}

.second-home-section-row {
  margin-top: 25px !important;
}

.second-home-section-heading .second-span {
  color: #000;
  text-align: center;
  font-size: 25px;
  font-style: normal;
  font-weight: 600;
  line-height: 34px;
  width: 45%;
}

@media (max-width: 768px) {
  .second-home-section-heading .second-span {
    width: 100%;
  }
}

.second-home-section-col {
  border-left: 7px solid #D9D9D9;
  margin-top: 25px;
}

.second-home-section-col:hover,
.second-home-section-col:hover h3,
.second-home-section-col:hover p {
  background: #8F4904 !important;
  color: #FFF !important;
}

.second-home-section-col:hover img {
  filter: brightness(0) invert(1);
}

.second-home-section-col h3 {
  color: #000;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.second-home-section-col p {
  color: #000;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}



/* feature category section heading */
.feature-category-section-heading h3 {
  color: #8F4904;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: 34px;
}

.feature-category-section-heading p {
  color: #7D4643;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
}

.feature-category-section-col {
  background: white;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  padding: 10px;
  margin: auto;
  max-width: 78%;
}



.carousel-item {
  text-align: center;
}

/*.feature-category-section-col:hover {*/
/*  transform: scale(1.05);*/
/*}*/

.carousel-control-prev-icon, .carousel-control-next-icon {
  background-color: #8B4513;
  /* Brownish color */
  border-radius: 50%;
  padding: 10px;
}


.flip-container {
  perspective: 1000px;
  /* 3D Effect */
}

.flip-inner {
  width: 100%;
  height: auto;
  position: relative;
  transform-style: preserve-3d;
  transition: transform 0.6s;
}

.flip-container:hover .flip-inner {
  transform: rotateY(180deg);
}

.flip-front,
.flip-back {
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
  backface-visibility: hidden;
  /* Hide back image initially */
}

.flip-back {
  transform: rotateY(180deg);
}



/* home page aboutus section */
.home-page-aboutus-section {
  background: white;
}

.home-page-aboutus-container {
  margin-top: 30px;
}

.home-page-aboutus-first-span {
  color: #000;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  text-decoration: underline;
}

@media (max-width: 768px) {
  .home-page-aboutus-col {
    margin-top: 25px !important;
  }
}

.home-page-aboutus-first-h4 {
  color: #8F4904;
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  margin-top: 10px;
  margin-bottom: 12px;
}

@media (max-width: 1400px) {
  .home-page-aboutus-first-h4 {
      font-size: 20px;
    }
    
    .home-page-aboutus-first-p {
      font-size: 18px !important;
    }
}

.home-page-aboutus-first-p {
  color: #000;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
}

.home-page-aboutus-second-h4 {
  color: #270A08;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.home-page-aboutus-third-h4 {
  color: #8F4904;
  font-size: 25px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.home-page-aboutus-second-p {
  color: #8F4904;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  margin-bottom: 25px;
}

.home-page-aboutus-export {
  display: flex;
  padding: 13px 10px;
  justify-content: center;
  align-items: center;
  gap: 69px;
  border-radius: 6px;
  background: #8F4904;
}

.home-page-aboutus-export-h4 {
  color: #FFF;
  text-align: center;
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.home-page-aboutus-export-p {
  color: #FFF;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}



/* footer */
.footer-section-h4 {
  color: #000;
  font-family: "Open Sans";
  font-size: 21px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 18px !important;
}

@media (max-width: 1400px) {
  .footer-section-h4 {
      font-size: 15px;
    }
    
    .footer-section-a {
      font-size: 14px !important;
      margin-bottom: 8px !important;
    }
}

.footer-section-a {
  color: #8F4904;
  font-family: "Open Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 15px !important;
}



/* subscription */
.subscription-section-full {
  display: block;
  width: 100%;
  padding: 130px 20px;
  background-size: cover;
  background-position: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (max-width: 768px) {
  .subscription-section-full {
    padding: 34px 20px;
  }
}

.subscription-section-first-span {
  color: #3C3C3C;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.subscription-section-first-h2 {
  color: #000;
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-top: 15px;
  margin-bottom: 60px;
}

.subscription-section-second-span {
  border-radius: 40px !important;
  padding: 23px 22px !important;
  width: 412px !important;
  height: 64px !important;
}

@media (max-width: 500px) {
  .subscription-section-second-span {
    width: 312px !important;
  }
}

.subscription-section-third-span {
  border-radius: 60px;
    background: #F3DEC3;
    display: flex;
    width: 175px;
    height: 64px;
    padding: 18px 15px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin: auto;
    color: black;
}

.subscription-section-container {
  width: 633px !important;
}

@media (max-width: 500px) {
  .subscription-section-container {
    width: 312px !important;
  }

  .subscription-section-third-span {
    width: 100px;
  }
}



/* testimonial */
.testimonial-review-section {
  margin-top: 88px;
  margin-bottom: 88px;
}

.testimonial-review-full-sec {
  background: #E6E6E6 !important;
  width: 714.659px !important;
  flex-shrink: 0;
  border-radius: 11.254px;
}

@media (max-width: 500px) {
  .testimonial-review-full-sec {
    width: 350.659px !important;
  }
}

.carousel-inner {
  display: flex;
  justify-content: center;
  /* Centers horizontally */
  align-items: center;
  /* Centers vertically */
  min-height: 300px;
  /* Adjust height as needed */
}

.carousel-item {
  margin-right: 0 !important;
}

.testimonial-review-img {
  border-radius: 73.835px;
  width: 73.835px;
  height: 73.835px;
}

.testimonial-review-rating {
  color: #8F4904 !important;
  font-size: 25px;
}

.testimonial-review-text-sec h4 {
  color: #000 !important;
  font-size: 24px !important;
  font-style: normal;
  font-weight: 400 !important;
  line-height: normal;
}

.testimonial-review-text-sec p {
  color: #A3A3A3 !important;
  font-size: 16.882px !important;
  font-style: normal;
  font-weight: 400 !important;
  line-height: normal;
}

.testimonial-bottom-text-p {
  color: #270A08 !important;
  font-size: 22px !important;
  font-style: normal;
  font-weight: 400 !important;
  line-height: normal;
}

.testimonial-review-text-sec {
  margin-left: 18px;
}

.testimonial-review-first-dev {
  margin-bottom: 35px !important;
}

.testimonial-review-first-dev h2 {
  color: #000;
  text-align: center;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.testimonial-review-first-dev p {
  color: #3C3C3C;
  display: flex;
  justify-content: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  width: 45%;
  margin: auto;
}

@media (max-width: 768px) {
  .testimonial-review-first-dev p {
    width: 100%;
  }
}


.home-page-top-banner {
  background: #EBEBEB;
  padding: 25px 0;
}

.top-categories-home-section {
  background: #EBEBEB;
  padding-top: 46px;
  padding-bottom: 78px;
}

/*.feature-category-section-col {*/
/*  perspective: 1000px;*/
  /* Add perspective for 3D effect */
/*}*/

/*.feature-category-section-col img {*/
/*  transition: transform 0.2s ease-in-out;*/
/*  transform-style: preserve-3d;*/
/*}*/

/*.feature-category-section-col:hover img {*/
/*  transform: scaleX(-1);*/
/*   Flip horizontally */
/*}*/

/*.feature-category-section-col:hover img {*/
  /*transform: scale(1.1) scaleX(-1);*/
/*  transition: transform 0.3s ease;*/
/*}*/




/*category we export*/
.category-export-section {
  background: #F6F6F6 !important;
  margin-top: 45px;
}

.category-export-container {
  display: flex;
  max-width: 1200px;
  margin: auto;
  padding-top: 52px;
  padding-bottom: 30px;
}

/* Sidebar Styles */
.category-export-sidebar {
  width: 250px;
  margin-top: 90px;
}

.category-export-item {
  text-align: center;
  cursor: pointer;
  margin-bottom: 10px;
  background: #e8e6df;
  transition: 0.3s ease;

  color: #8F4904;
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
  line-height: 51px;
}

.category-export-item:hover,
.category-export-item.active {
  background: #d6c2a4;
  font-weight: bold;
}

.category-export-item.all {
  background: #6b3c00;
  color: white;
}

/* Content Styles */
.category-export-content {
  flex: 1;
  margin-left: 20px;
}

.category-export-section-title {
  text-align: center;
  color: #7a5a38;
  margin-bottom: 38px;
}

.category-export-section-title h2 {
  color: #8F4904;
  text-align: center;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.category-export-section-title p {
  color: #B95E04;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

/* Grid Layout */
.category-export-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  /* Dynamic grid with auto-adjustment */
  gap: 20px;
  /* Space between items */
  justify-items: center;
  /* Center the items */
}

.category-export-card {
  background: white;
  padding: 8px 0;
  border-radius: 8px;
  text-align: center;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
  transition: 0.3s ease;
}

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

.category-export-card img {
  width: 100%;
  height: 231px;
  border-radius: 14px;
  object-fit: cover;
}

.category-export-card h3 {
  margin: 10px 0 5px;
  color: #0089D0;
  font-size: 26px;
  font-style: normal;
  font-weight: 600;
  line-height: 26px;
  /* 100% */
}

.category-export-card p {
  margin: 0;
  color: #7AADCC;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 26px;
}

.category-export-view-details {
  display: block;
  margin-top: 10px;
  color: #555;
  text-decoration: none;
  font-style: normal;
  font-weight: 600;
  color: #8D8D8D !important;
  font-size: 15.934px;
  line-height: 18.21px;
}

.category-export-view-details-related {
  display: block;
  margin-top: 10px;
  color: #555;
  text-decoration: none;
  font-style: normal;
  font-weight: 600;
  color: #0089D0 !important;
  font-size: 15.934px;
  line-height: 18.21px;
}



/* Scrolling Effect */
.scrolling-container {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  background: #8F4904;
  padding: 10px 0;
  display: flex;
  justify-content: center;
  margin-bottom: 36px;
}

.scrollable-category-text {
  display: flex;
  gap: 30px;
  font-size: 22px;
  color: white;
  font-weight: bold;
  animation: scroll-left 10s linear infinite;
}

@keyframes scroll-left {
  0% {
    transform: translateX(100%);
  }

  100% {
    transform: translateX(-100%);
  }
}



/* about us page */
.our-story-section {
  margin-top: 80px;
}

.our-story {
  padding: 50px 0;
}

.our-story-first-col span {
  color: #8F4904;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  border-bottom: 1px solid #8F4904;
}

.our-story-first-col h4 {
  color: #000;
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-top: 15px;
  margin-bottom: 20px;
}

.video-section {
  position: relative;
  max-width: 100%;
  border-radius: 8px;
  overflow: hidden;
}

.video-section iframe {
  width: 100%;
  height: 391px;
  border-radius: 10px;
}

.story-list {
  list-style: none;
  padding-left: 0;
}

.story-list li {
  display: flex;
  align-items: flex-start;
  margin-bottom: 30px;
}

.story-list li span {
  margin-right: 10px;
  color: #8F4904;
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.story-list-text h5 {
  color: #000;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.story-list-text p {
  color: #5A5A5A;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}

@media (max-width: 768px) {
  .our-story-second-col {
    margin-top: 30px !important;
  }
}


/* our mission */
.mission-vission-section {
  background-size: cover;
  display: block;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 32px 0px;


}

.card .card-body {
  padding: 24px 19px !important;
}

.mission-card {
  border-radius: 10px !important;
  color: white !important;
  background-color: #91591b !important;
}

.vission-card {
  border-radius: 10px !important;
  color: white !important;
  background-color: #7AADCC !important;
}

.mission-vision {
  border-radius: 10px !important;
  color: white !important;
  background-color: #79a7d3 !important;
}

.mission-icon {
  font-size: 40px;
  background-color: #7D4105;
  padding: 20px;
  display: inline-block;
  border-radius: 50%;
}

.vission-icon {
  font-size: 40px;
  background-color: #2e83b7;
  padding: 20px;
  display: inline-block;
  border-radius: 50%;
}

.mission-vision-icon {
  font-size: 40px;
  background-color: #7AADCC;
  padding: 20px;
  display: inline-block;
  border-radius: 50%;
}

.mission-card h2,
.vission-card h2 {
  margin-top: 30px;
  margin-bottom: 9px;
  color: #FFF;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.mission-card p,
.vission-card p {
  color: #FFF;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
}



/* head of company section */
.head-of-company-section {
  margin-top: 16px;
  margin-bottom: 23px;
}

.head-of-company-heading {
  color: #8F4904;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
  align-items: center;
  margin-bottom: 50px;
  border-bottom: 1px solid #8F4904;
  max-width: 24%;
  margin: auto;
  padding: 15px 9px;
}

@media (max-width: 1400px) {
  .head-of-company-heading {
    max-width: 32%;
  }
}

@media (max-width: 768px) {
  .head-of-company-heading {
    max-width: 85%;
  }
}


.head-of-company-second-col h3 {
  color: #000;
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
  line-height: 26px;
  margin-bottom: 9px;
  padding-top: 22px;
}

.head-of-company-second-col p {
  color: #5A5A5A;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 34px;
}

.head-of-company-first-col {
  background: white;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
  /* Centers the image */
  flex-direction: column;
  padding: 30px 0;
}

.head-of-company-first-col img {
  width: 100%;
  height: 100%;
  display: block;
  /* Ensures no extra space */
  margin: 0 auto;
  /* Centers the image */
}

.head-of-company-first-col-div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding: 15px 15px;
}

.head-of-company-first-col-div h3,
.head-of-company-first-col-div span {
  text-align: start;
}

@media (max-width: 768px) {
  .body-circle-animation {
    display: flex;
    justify-content: flex-end;
    margin-top: -82px !important;
    margin-right: 10px !important;
  }
}

.product-details-title {
  color: #0089D0 !important;
  font-size: 40px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.category-bg-section {
  display: flex;
  height: 38px;
  padding: 10px;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  border-radius: 10px;
  background: rgba(157, 226, 255, 0.40) !important;
}

.product-details-qty-size {
  color: #0089D0;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-top: 9px;
}

.home-product-category-title {
  color: #0089D0 !important;
  font-size: 26px;
  font-style: normal;
  font-weight: 600;
  line-height: 26px;
}

.product_box h3 {
  color: #0089D0 !important;
  font-size: 26px;
  font-style: normal;
  font-weight: 600;
  line-height: 26px;
}

.home-product-category-desc {
  color: #7AADCC !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 26px;
}

.product_box p {
  color: #7AADCC !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 26px;
}

.carousel-control-prev-icon-custom {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="29" height="23" viewBox="0 0 29 23" fill="none"><path d="M26.9876 10.3105C27.6446 10.3105 28.1772 10.8432 28.1772 11.5002C28.1772 12.1573 27.6446 12.6899 26.9876 12.6899H12.3147V21.0178C12.3147 21.4989 12.0248 21.9327 11.5803 22.1169C11.1357 22.301 10.624 22.1992 10.2838 21.859L0.766241 12.3415C0.543133 12.1184 0.417791 11.8157 0.417791 11.5002C0.417791 11.1847 0.543133 10.8821 0.766241 10.659L10.2838 1.14146C10.624 0.801207 11.1357 0.699422 11.5803 0.883564C12.0248 1.0677 12.3147 1.50151 12.3147 1.98269V10.3105H26.9876Z" fill="%238F4904"/></svg>') no-repeat center center !important;
  background-size: contain !important;
  width: 29px !important;
  height: 23px !important;
}

.carousel-control-next-icon-custom {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="29" height="23" viewBox="0 0 29 23" fill="none"><path d="M2.01244 10.3105C1.3554 10.3105 0.822754 10.8432 0.822754 11.5002C0.822754 12.1573 1.3554 12.6899 2.01244 12.6899H16.6853V21.0178C16.6853 21.4989 16.9752 21.9327 17.4197 22.1169C17.8643 22.301 18.376 22.1992 18.7162 21.859L28.2338 12.3415C28.4569 12.1184 28.5822 11.8157 28.5822 11.5002C28.5822 11.1847 28.4569 10.8821 28.2338 10.659L18.7162 1.14146C18.376 0.801207 17.8643 0.699422 17.4197 0.883564C16.9752 1.0677 16.6853 1.50151 16.6853 1.98269V10.3105H2.01244Z" fill="%238F4904"/></svg>') no-repeat center center !important;
  background-size: contain !important;
  width: 29px !important;
  height: 23px !important;
}

.carousel-control-prev-icon-custom-bg {
  display: flex !important;
  width: 74.746px !important;
  height: 74.746px;
  padding: 19px !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 10px;
  border-radius: 37.373px;
  border: 1px solid #E7E7E7 !important;
  background: #FFF !important;
  box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.08);
  margin: auto;
}

.carousel-control-next-icon-custom-bg {
  display: flex !important;
  width: 74.746px !important;
  height: 74.746px;
  padding: 19px !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 10px;
  border-radius: 37.373px;
  border: 1px solid #E7E7E7 !important;
  background: #FFF !important;
  box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.08);
  margin: auto;
}

/* Custom background with new SVG */
.carousel-control-prev-icon-categories {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="12" viewBox="0 0 14 12" fill="none"><path d="M12.8922 6.64062C13.2058 6.64062 13.46 6.38643 13.46 6.07288C13.46 5.75932 13.2058 5.50513 12.8922 5.50513L5.89 5.50513L5.89 1.5309C5.89 1.30127 5.75167 1.09425 5.53952 1.00637C5.32737 0.918494 5.08317 0.967068 4.9208 1.12944L0.378817 5.67142C0.272345 5.77789 0.212529 5.9223 0.212529 6.07288C0.212529 6.22345 0.272345 6.36786 0.378817 6.47434L4.92079 11.0163C5.08317 11.1787 5.32737 11.2273 5.53952 11.1394C5.75167 11.0515 5.89 10.8445 5.89 10.6149L5.89 6.64062L12.8922 6.64062Z" fill="%238F4904"/></svg>') no-repeat center center !important;
  background-size: contain !important;
  width: 29px !important;
  height: 23px !important;
}

.carousel-control-next-icon-categories {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="12" viewBox="0 0 14 12" fill="none"><path d="M1.10779 6.64062C0.794228 6.64062 0.540039 6.38643 0.54004 6.07288C0.54004 5.75932 0.794229 5.50513 1.10779 5.50513L8.11 5.50513L8.11 1.5309C8.11 1.30127 8.24833 1.09425 8.46048 1.00637C8.67263 0.918494 8.91683 0.967068 9.0792 1.12944L13.6212 5.67142C13.7277 5.77789 13.7875 5.9223 13.7875 6.07288C13.7875 6.22345 13.7277 6.36786 13.6212 6.47434L9.07921 11.0163C8.91683 11.1787 8.67263 11.2273 8.46048 11.1394C8.24833 11.0515 8.11 10.8445 8.11 10.6149L8.11 6.64062L1.10779 6.64062Z" fill="%238F4904"/></svg>') no-repeat center center !important;
  background-size: contain !important;
  width: 29px !important;
  height: 23px !important;
}

.carousel-control-prev-icon-bg-categories {
  display: flex !important;
  width: 39.133px !important;
  height: 39.133px;
  padding: 9px 8px !important;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  border-radius: 30.567px !important;
  background: #c3c3c3 !important;
  margin: auto;
}

.carousel-control-next-icon-bg-categories {
  display: flex !important;
  width: 39.133px !important;
  height: 39.133px;
  padding: 9px 8px !important;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  border-radius: 30.567px !important;
  background: #c3c3c3 !important;
  margin: auto;
}

.service_description_one {
  color: #5A5A5A;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
}

.service_description_two {
  color: #000;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 39px;
}

.form-control-custom-css {
  padding: 2.375rem .75rem !important;
}

.form-control-textarea-custom-css {
  line-height: 4 !important;
}

.faq-page-name-text {
  color: #000 !important;
  font-size: 22px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: normal !important;
}

.contact-page-info-text {
  color: #000;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.contact-page-info-span {
  color: #5A5A5A;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}

.contact_info_phone_number_span {
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}

.contact_info_phone_number_text {
  color: #5A5A5A;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}

.get-in-touch-wrapper {
  text-align: center;
  border-radius: 30px;
  border-bottom: 1px dashed #000;
  padding: 10px;
  width: 100%;
  max-width: 320px;
  margin: 0 auto;
}

.get-in-touch-text {
  color: #8F4904;
  text-align: center;
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.send-a-message-wrapper {
  text-align: center;
  border-radius: 30px;
  border-bottom: 1px dashed #000;
  padding: 10px;
  width: 100%;
  max-width: 320px;
  margin: 0 auto;
}

.send-a-message-text {
  color: #8F4904;
  text-align: center;
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.all-product-page-search-title {
  color: #8F4904 !important;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.sort-by-text {
  color: #8F4904;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

@media (max-width: 768px) {
  button.subscription-section-third-span.border-0 {
    margin-left: -30px !important;
  }

  .footer-left-desc-text {
    width: 100%;
  }

  .footer-section-ul-list {
    padding-left: 0px !important;
  }
}

.footer-left-desc-text {
  align-self: stretch;
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  width: 85%;
}

.footer-section-ul-list {
  padding-left: 10px !important;
}

.related-products-text-span {
  color: #0089D0 !important;
  text-align: center;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: 34px;
}

.related-products-text-p {
  color: #0089D0 !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
}

.dowla-products-title-text {
  color: #0089D0 !important;
  font-size: 29.591px;
  font-style: normal;
  font-weight: 600;
  line-height: 29.591px;
  /* 100% */
}

.dowla-products-desc-text {
  color: #73D4FE !important;
  font-size: 15.934px;
  font-style: normal;
  font-weight: 600;
  line-height: 29.591px;
}


.navbar-shop-now-btn{
    display: flex;
    padding: 3.018px 9.526px;
    justify-content: center;
    align-items: center;
    gap: 7.272px;
    border-radius: 40.088px;
    font-size: 15.035px;
    font-style: normal;
    background: #8F4904;
    color: #FFF !important;
}

@media (max-width: 768px) {
  .navbar-shop-now-btn{
    padding: 0.018px 6.526px;
    font-size: 14.035px;
    }
}

.dropdown-item-custom{
    color: #000 !important;
    text-align: center;
    font-family: "Open Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 600 !important;
    line-height: normal;
}

.custom-dropdown li:hover {
    background-color: #9A530D;
}

.custom-dropdown li a {
    display: block; /* ensures full clickable area */
    padding: 2px 5px; /* or whatever padding you want */
    color: #333 !important;
    transition: background 0.3s, color 0.3s;
}

.custom-dropdown li:hover a {
    color: #FFF !important;
}

.slick-slide.slick-current.slick-active{
    display: flex;
    flex-direction: row;
    justify-content: center;
}

/*.whatsapp-icon {*/
/*    position: fixed;*/
/*    bottom: 20px;*/
/*    right: 20px;*/
/*    z-index: 1000;*/
/*}*/
/*.whatsapp-icon a i {*/
/*    background: green;*/
/*    padding: 9px;*/
/*    border-radius: 50%;*/
/*    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);*/
/*}*/

.scrolling-container-image{
    background: #FFF;
    padding: 25px 0px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.scrolling-container-image-full{
    background: #EBEBEB;
}

.scrolling-container-img{
    width: auto;
    height: 55.7px;
    padding: 0px 15px;
}

.scrollable-category-image {
    display: flex;
    gap: 30px;
    font-size: 22px;
    font-weight: bold;
    animation: scroll-left 16s linear infinite;
    white-space: nowrap;
    width: max-content;
}

.scrolling-container-image {
    overflow: hidden; /* hides the scrollbar */
    position: relative;
}


/* Responsive adjustments for mobile */
@media (max-width: 768px) {
    .scrollable-category-image {
        gap: 15px;
        animation-duration: 20s;
    }

    .scrolling-container-img {
        height: 40px;
        padding: 0 10px;
    }
}

/* Optional: keyframe animation for left scroll */
@keyframes scroll-left {
    0% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(-100%);
    }
}