.elementor-4337 .elementor-element.elementor-element-0d84dcc:not(.elementor-motion-effects-element-type-background), .elementor-4337 .elementor-element.elementor-element-0d84dcc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ECF8FA;}.elementor-4337 .elementor-element.elementor-element-0d84dcc{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:50px 0px 50px 0px;}.elementor-4337 .elementor-element.elementor-element-0d84dcc > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4337 .elementor-element.elementor-element-8fbce4c:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-4337 .elementor-element.elementor-element-8fbce4c > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.theoriginalsaltcompany.com/wp-content/uploads/2025/11/25-scaled.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-4337 .elementor-element.elementor-element-8fbce4c.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-4337 .elementor-element.elementor-element-8fbce4c > .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-4337 .elementor-element.elementor-element-8fbce4c > .elementor-element-populated, .elementor-4337 .elementor-element.elementor-element-8fbce4c > .elementor-element-populated > .elementor-background-overlay, .elementor-4337 .elementor-element.elementor-element-8fbce4c > .elementor-background-slideshow{border-radius:20px 20px 20px 20px;}.elementor-4337 .elementor-element.elementor-element-8fbce4c > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-4337 .elementor-element.elementor-element-8fbce4c > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4337 .elementor-element.elementor-element-f7fd618{--spacer-size:529px;}.elementor-4337 .elementor-element.elementor-element-361d66d > .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-4337 .elementor-element.elementor-element-38cf094{width:var( --container-widget-width, 80.965% );max-width:80.965%;margin:40px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:80.965%;--container-widget-flex-grow:0;}.elementor-4337 .elementor-element.elementor-element-38cf094 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:24px;font-weight:700;line-height:29px;color:#000000;}.elementor-4337 .elementor-element.elementor-element-c78fbf9{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-4337 .elementor-element.elementor-element-c78fbf9 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:15px;font-weight:400;line-height:29px;color:#212529;}.elementor-4337 .elementor-element.elementor-element-5925354{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-4337 .elementor-element.elementor-element-5925354 .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-4337 .elementor-element.elementor-element-1e05ef0 .elementor-button{background-color:#FFA202;font-family:"Lato", Sans-serif;font-size:20px;font-weight:700;border-radius:12px 12px 12px 12px;}.elementor-4337 .elementor-element.elementor-element-1e05ef0 .elementor-button:hover, .elementor-4337 .elementor-element.elementor-element-1e05ef0 .elementor-button:focus{background-color:#FFFFFF;color:#FFA202;}.elementor-4337 .elementor-element.elementor-element-1e05ef0 .elementor-button:hover svg, .elementor-4337 .elementor-element.elementor-element-1e05ef0 .elementor-button:focus svg{fill:#FFA202;}.elementor-4337 .elementor-element.elementor-element-5d5c643{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-4337 .elementor-element.elementor-element-5d5c643 .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-4337 .elementor-element.elementor-element-3ae8f2f{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-4337 .elementor-element.elementor-element-3ae8f2f .elementor-tab-title{border-width:1px;}.elementor-4337 .elementor-element.elementor-element-3ae8f2f .elementor-tab-content{border-width:1px;color:#000000;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;}.elementor-4337 .elementor-element.elementor-element-3ae8f2f .elementor-toggle-title, .elementor-4337 .elementor-element.elementor-element-3ae8f2f .elementor-toggle-icon{color:#000000;}.elementor-4337 .elementor-element.elementor-element-3ae8f2f .elementor-toggle-icon svg{fill:#000000;}.elementor-4337 .elementor-element.elementor-element-3ae8f2f .elementor-tab-title.elementor-active a, .elementor-4337 .elementor-element.elementor-element-3ae8f2f .elementor-tab-title.elementor-active .elementor-toggle-icon{color:#000000;}.elementor-4337 .elementor-element.elementor-element-3ae8f2f .elementor-toggle-title{font-family:"Poppins", Sans-serif;font-size:18px;font-weight:700;}.elementor-4337 .elementor-element.elementor-element-3ae8f2f .elementor-tab-title .elementor-toggle-icon i:before{color:#020202;}.elementor-4337 .elementor-element.elementor-element-3ae8f2f .elementor-tab-title .elementor-toggle-icon svg{fill:#020202;}.elementor-4337 .elementor-element.elementor-element-3ae8f2f .elementor-tab-title.elementor-active .elementor-toggle-icon i:before{color:#000000;}.elementor-4337 .elementor-element.elementor-element-3ae8f2f .elementor-tab-title.elementor-active .elementor-toggle-icon svg{fill:#000000;}.elementor-4337 .elementor-element.elementor-element-7eab033:not(.elementor-motion-effects-element-type-background), .elementor-4337 .elementor-element.elementor-element-7eab033 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-4337 .elementor-element.elementor-element-7eab033{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-4337 .elementor-element.elementor-element-7eab033 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4337 .elementor-element.elementor-element-7164c08{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-4337 .elementor-element.elementor-element-7164c08 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:25px;font-weight:700;line-height:29px;color:#000000;}.elementor-4337 .elementor-element.elementor-element-d8e1d6d:not(.elementor-motion-effects-element-type-background), .elementor-4337 .elementor-element.elementor-element-d8e1d6d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-4337 .elementor-element.elementor-element-d8e1d6d{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-4337 .elementor-element.elementor-element-d8e1d6d > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4337 .elementor-element.elementor-element-4ef6a23:not(.elementor-motion-effects-element-type-background), .elementor-4337 .elementor-element.elementor-element-4ef6a23 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-4337 .elementor-element.elementor-element-4ef6a23{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-4337 .elementor-element.elementor-element-4ef6a23 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}@media(max-width:767px){.elementor-4337 .elementor-element.elementor-element-f7fd618{--spacer-size:225px;}.elementor-4337 .elementor-element.elementor-element-361d66d > .elementor-element-populated{padding:0px 0px 0px 21px;}.elementor-4337 .elementor-element.elementor-element-38cf094{width:var( --container-widget-width, 668px );max-width:668px;--container-widget-width:668px;--container-widget-flex-grow:0;}.elementor-4337 .elementor-element.elementor-element-c78fbf9{width:var( --container-widget-width, 290.247px );max-width:290.247px;--container-widget-width:290.247px;--container-widget-flex-grow:0;}.elementor-4337 .elementor-element.elementor-element-1e05ef0{width:var( --container-widget-width, 164px );max-width:164px;--container-widget-width:164px;--container-widget-flex-grow:0;}.elementor-4337 .elementor-element.elementor-element-1e05ef0 .elementor-button{font-size:15px;}.elementor-4337 .elementor-element.elementor-element-5d5c643{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 5px;}.elementor-4337 .elementor-element.elementor-element-3ae8f2f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -5px;}.elementor-4337 .elementor-element.elementor-element-4ef6a23{margin-top:0px;margin-bottom:20px;}}@media(min-width:768px){.elementor-4337 .elementor-element.elementor-element-50e0e02{width:52.336%;}.elementor-4337 .elementor-element.elementor-element-361d66d{width:47.619%;}}/* Start custom CSS for button, class: .elementor-element-1e05ef0 */#btn a {
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e59985c */.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 */