.elementor-4207 .elementor-element.elementor-element-bc570c4:not(.elementor-motion-effects-element-type-background), .elementor-4207 .elementor-element.elementor-element-bc570c4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ECF8FA;}.elementor-4207 .elementor-element.elementor-element-bc570c4{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:50px 0px 50px 0px;}.elementor-4207 .elementor-element.elementor-element-bc570c4 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4207 .elementor-element.elementor-element-4ed819b:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-4207 .elementor-element.elementor-element-4ed819b > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.theoriginalsaltcompany.com/wp-content/uploads/2025/11/17-scaled.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-4207 .elementor-element.elementor-element-4ed819b.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-4207 .elementor-element.elementor-element-4ed819b > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:60px;}.elementor-4207 .elementor-element.elementor-element-4ed819b > .elementor-element-populated, .elementor-4207 .elementor-element.elementor-element-4ed819b > .elementor-element-populated > .elementor-background-overlay, .elementor-4207 .elementor-element.elementor-element-4ed819b > .elementor-background-slideshow{border-radius:20px 20px 20px 20px;}.elementor-4207 .elementor-element.elementor-element-4ed819b > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-4207 .elementor-element.elementor-element-4ed819b > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4207 .elementor-element.elementor-element-8ea0cbd{--spacer-size:355px;}.elementor-widget-image-gallery .gallery-item .gallery-caption{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-4207 .elementor-element.elementor-element-b13acae{width:var( --container-widget-width, 50% );max-width:50%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-4207 .elementor-element.elementor-element-b13acae .gallery-item .gallery-caption{display:none;}.elementor-4207 .elementor-element.elementor-element-b13acae .gallery-item{padding:0 5px 5px 0;}.elementor-4207 .elementor-element.elementor-element-b13acae .gallery{margin:0 -5px -5px 0;}.elementor-4207 .elementor-element.elementor-element-b13acae .gallery-item img{border-radius:5px 5px 5px 5px;}.elementor-4207 .elementor-element.elementor-element-bc31f59 > .elementor-element-populated{padding:0px 0px 0px 30px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-4207 .elementor-element.elementor-element-ae80b3a{width:var( --container-widget-width, 80.965% );max-width:80.965%;margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:80.965%;--container-widget-flex-grow:0;}.elementor-4207 .elementor-element.elementor-element-ae80b3a .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:24px;font-weight:700;line-height:29px;color:#000000;}.elementor-4207 .elementor-element.elementor-element-95f0bd0{width:var( --container-widget-width, 82.424% );max-width:82.424%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:82.424%;--container-widget-flex-grow:0;}.elementor-4207 .elementor-element.elementor-element-95f0bd0 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:15px;font-weight:400;line-height:29px;color:#212529;}.elementor-4207 .elementor-element.elementor-element-cc080fe{width:var( --container-widget-width, 80.965% );max-width:80.965%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:80.965%;--container-widget-flex-grow:0;}.elementor-4207 .elementor-element.elementor-element-cc080fe .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:24px;font-weight:600;line-height:29px;color:#B12704;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-4207 .elementor-element.elementor-element-1808fa8 .elementor-button{background-color:#FFA202;font-family:"Lato", Sans-serif;font-size:20px;font-weight:700;border-radius:12px 12px 12px 12px;}.elementor-4207 .elementor-element.elementor-element-1808fa8 .elementor-button:hover, .elementor-4207 .elementor-element.elementor-element-1808fa8 .elementor-button:focus{background-color:#FFFFFF;color:#FFA202;}.elementor-4207 .elementor-element.elementor-element-1808fa8 .elementor-button:hover svg, .elementor-4207 .elementor-element.elementor-element-1808fa8 .elementor-button:focus svg{fill:#FFA202;}.elementor-4207 .elementor-element.elementor-element-9ea2a29{width:var( --container-widget-width, 80.965% );max-width:80.965%;margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:80.965%;--container-widget-flex-grow:0;}.elementor-4207 .elementor-element.elementor-element-9ea2a29 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:24px;font-weight:700;line-height:29px;color:#000000;}.elementor-widget-toggle .elementor-toggle-title, .elementor-widget-toggle .elementor-toggle-icon{color:var( --e-global-color-primary );}.elementor-widget-toggle .elementor-toggle-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-toggle .elementor-tab-title.elementor-active a, .elementor-widget-toggle .elementor-tab-title.elementor-active .elementor-toggle-icon{color:var( --e-global-color-accent );}.elementor-widget-toggle .elementor-toggle-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-toggle .elementor-tab-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-4207 .elementor-element.elementor-element-34a80f6{width:var( --container-widget-width, 101.81% );max-width:101.81%;margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -15px;--container-widget-width:101.81%;--container-widget-flex-grow:0;}.elementor-4207 .elementor-element.elementor-element-34a80f6 .elementor-tab-title{border-width:1px;}.elementor-4207 .elementor-element.elementor-element-34a80f6 .elementor-tab-content{border-width:1px;color:#000000;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;}.elementor-4207 .elementor-element.elementor-element-34a80f6 .elementor-toggle-title, .elementor-4207 .elementor-element.elementor-element-34a80f6 .elementor-toggle-icon{color:#000000;}.elementor-4207 .elementor-element.elementor-element-34a80f6 .elementor-toggle-icon svg{fill:#000000;}.elementor-4207 .elementor-element.elementor-element-34a80f6 .elementor-tab-title.elementor-active a, .elementor-4207 .elementor-element.elementor-element-34a80f6 .elementor-tab-title.elementor-active .elementor-toggle-icon{color:#000000;}.elementor-4207 .elementor-element.elementor-element-34a80f6 .elementor-toggle-title{font-family:"Poppins", Sans-serif;font-size:18px;font-weight:700;}.elementor-4207 .elementor-element.elementor-element-34a80f6 .elementor-tab-title .elementor-toggle-icon i:before{color:#020202;}.elementor-4207 .elementor-element.elementor-element-34a80f6 .elementor-tab-title .elementor-toggle-icon svg{fill:#020202;}.elementor-4207 .elementor-element.elementor-element-34a80f6 .elementor-tab-title.elementor-active .elementor-toggle-icon i:before{color:#000000;}.elementor-4207 .elementor-element.elementor-element-34a80f6 .elementor-tab-title.elementor-active .elementor-toggle-icon svg{fill:#000000;}.elementor-4207 .elementor-element.elementor-element-3f4c3c9:not(.elementor-motion-effects-element-type-background), .elementor-4207 .elementor-element.elementor-element-3f4c3c9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-4207 .elementor-element.elementor-element-3f4c3c9{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:30px 0px 0px 0px;}.elementor-4207 .elementor-element.elementor-element-3f4c3c9 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4207 .elementor-element.elementor-element-e802c1c{width:var( --container-widget-width, 80.965% );max-width:80.965%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 010px;--container-widget-width:80.965%;--container-widget-flex-grow:0;}.elementor-4207 .elementor-element.elementor-element-e802c1c .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:25px;font-weight:700;line-height:29px;color:#000000;}.elementor-4207 .elementor-element.elementor-element-072b6ab:not(.elementor-motion-effects-element-type-background), .elementor-4207 .elementor-element.elementor-element-072b6ab > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-4207 .elementor-element.elementor-element-072b6ab{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-4207 .elementor-element.elementor-element-072b6ab > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4207 .elementor-element.elementor-element-216d6bd:not(.elementor-motion-effects-element-type-background), .elementor-4207 .elementor-element.elementor-element-216d6bd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-4207 .elementor-element.elementor-element-216d6bd{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-4207 .elementor-element.elementor-element-216d6bd > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}@media(max-width:1024px){.elementor-4207 .elementor-element.elementor-element-b13acae{width:var( --container-widget-width, 80.007px );max-width:80.007px;--container-widget-width:80.007px;--container-widget-flex-grow:0;grid-column:span 2;}}@media(min-width:768px){.elementor-4207 .elementor-element.elementor-element-914f94d{width:52.336%;}.elementor-4207 .elementor-element.elementor-element-bc31f59{width:47.619%;}}@media(max-width:767px){.elementor-4207 .elementor-element.elementor-element-8ea0cbd{--spacer-size:229px;}.elementor-4207 .elementor-element.elementor-element-b13acae{width:var( --container-widget-width, 180px );max-width:180px;--container-widget-width:180px;--container-widget-flex-grow:0;}.elementor-4207 .elementor-element.elementor-element-bc31f59 > .elementor-element-populated{padding:0px 0px 0px 21px;}.elementor-4207 .elementor-element.elementor-element-ae80b3a{width:var( --container-widget-width, 668px );max-width:668px;--container-widget-width:668px;--container-widget-flex-grow:0;}.elementor-4207 .elementor-element.elementor-element-95f0bd0{width:var( --container-widget-width, 290.247px );max-width:290.247px;--container-widget-width:290.247px;--container-widget-flex-grow:0;}.elementor-4207 .elementor-element.elementor-element-1808fa8{width:var( --container-widget-width, 164px );max-width:164px;--container-widget-width:164px;--container-widget-flex-grow:0;}.elementor-4207 .elementor-element.elementor-element-1808fa8 .elementor-button{font-size:15px;}.elementor-4207 .elementor-element.elementor-element-9ea2a29{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 5px;}.elementor-4207 .elementor-element.elementor-element-34a80f6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -5px;}.elementor-4207 .elementor-element.elementor-element-216d6bd{margin-top:0px;margin-bottom:20px;}}/* Start custom CSS for image-gallery, class: .elementor-element-b13acae */.elementor-slideshow__title {
   
    display: none;
}
@media (max-width: 767px) {
  div[class*="gallery"], 
  .elementor-gallery__container, 
  .wp-block-gallery {
    all: initial;
    display: flex !important;
    flex-direction: row !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    gap: 6px !important;
  }

  /* Image size = 20px */
  div[class*="gallery"] img,
  .elementor-gallery__container img,
  .wp-block-gallery img {
   ;
    object-fit: cover !important;
    border-radius: 4px; /* Optional */
  }

  /* Hide scrollbar */
  div[class*="gallery"]::-webkit-scrollbar,
  .elementor-gallery__container::-webkit-scrollbar,
  .wp-block-gallery::-webkit-scrollbar {
    display: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-1808fa8 */#btn a {
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bcfacde */.product-carousel-container {
  position: relative;
  width: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px 0;
}

.product-carousel {
  display: flex;
  transition: transform 0.7s ease-in-out;
  scroll-behavior: smooth;
}

.product-item {
  min-width: 33.33%; /* show 3 at a time */
  box-sizing: border-box;
  text-align: center;
  padding: 25px;
}

.product-item img {
  width: 230px; /* slightly bigger */
  height: 230px;
  border-radius: 50%;
  object-fit: cover;
  margin-bottom: 20px;
  transition: transform 0.3s ease;
}

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

.product-item h3 {
  font-size: 17px;
  color: #000;
  margin-bottom: 18px;
}

.see-more {
  background-color: #58d0ff;
  color: #fff;
  text-decoration: none;
  padding: 15px 55px; /* wider button */
  border-radius: 35px;
  font-weight: bold;
  transition: 0.3s;
  display: inline-block;
}

.see-more:hover {
     text-decoration: none;
  background-color: transparent;
  color: #58d0ff;
  border: 2px solid #58d0ff;
}

/* ✅ Arrow Styling */
.arrow {
  background: #58d0ff; /* same as button color */
  border: none;
  border-radius: 50%;
  color: #fff;
  width: 50px;
  height: 50px;
  font-size: 25px;
  cursor: pointer;
  transition: opacity 0.3s, transform 0.3s, background 0.3s;
  position: absolute;
  top: 50%; /* Center vertically */
  transform: translateY(-50%);
  z-index: 10;
  opacity: 0; /* 🔥 Hidden by default */
  pointer-events: none; /* Prevent accidental clicks when hidden */
}

/* 🔥 Show arrows on hover */
.product-carousel-container:hover .arrow {
  opacity: 1;
  pointer-events: auto;
}

.arrow:hover {
  background: #2bb9e8; /* darker hover tone */
  transform: translateY(-50%) scale(1.1);
}

/* ✅ Style for arrow focus/click state */
.arrow:focus,
.arrow:active {
  outline: none !important;
  box-shadow: none !important;
  background: #d3d3d3 !important; /* light gray background when clicked */
  color: #000 !important; /* black arrow icon/text */
}

.arrow.left {
  left: 15px;
}

.arrow.right {
  right: 15px;
}

/* ✅ Responsive adjustments */
@media (max-width: 1024px) {
  .product-item {
    min-width: 50%;
  }
  .arrow {
    width: 40px;
    height: 40px;
    font-size: 22px;
  }
}

@media (max-width: 768px) {
  .product-item {
    min-width: 100%;
  }
  .arrow {
    display: none; /* hide arrows on small screens */
  }
}/* End custom CSS */