/** Shopify CDN: Minification failed

Line 246:1 Expected "}" to go with "{"

**/
/*-----------------------------------------------------------------------------/
/ Custom Theme CSS
/-----------------------------------------------------------------------------*/
/*---------------- Global Custom CSS -------------------*/
/* Apply Poppins font to the form */
form.frcp-cf-form {
  font-family: "Poppins", sans-serif;
}

/* Styling for input fields */
form.frcp-cf-form .frcp-cf__control {
  font-weight: 400; /* Lighter font for input fields */
  color: #878787; /* Adjust text color */
  border: 1px solid #ddd; /* Border color to match the form */
  padding: 10px; /* Add padding for better spacing */
  border-radius: 2px; /* Keep input borders consistent */
}

/* Styling for label text */
form.frcp-cf-form .frcp-cf__label-text {
  font-weight: 500; /* Medium font for label text */
  color: #323841; /* Match your site color */
}

/* Button Styling */
form.frcp-cf-form .frcp-cf-btn {
  font-weight: 600; /* Bold text for buttons */
  background-color: #509ae6; /* Primary color for buttons */
  color: #fff; /* White text color */
  border-radius: 5px; /* Rounded corners */
  padding: 10px 20px; /* Padding for button size */
  transition: background-color 0.3s; /* Smooth transition for hover */
}

/* Button hover effect */
form.frcp-cf-form .frcp-cf-btn:hover {
  background-color: #3c83c9; /* Darker blue on hover */
}
/* Mobile Responsive Layout */
@media (max-width: 767px) {
    /* Existing Mobile Styles */
    .custom-background {
        padding: 50px 10px;
        min-height: 900px;
    }

    .background-header {
        padding-left: 10px;
        margin-bottom: 30px;
    }

    .box-container {
        flex-direction: column;
    }

    .box {
        width: 90%;
    }

    .benefits-list {
        flex-direction: column;
        align-items: flex-start;
    }

    .benefit-item {
        flex: 1 1 100%;
        padding: 20px 0;
        border-bottom: 1px solid #e0e0e0;
        text-align: left;
    }

    .benefit-heading {
        justify-content: flex-start;
        font-size: 36px;
    }

    .benefit-item:last-child {
        border-bottom: none;
    }

    .benefit-item:after {
        display: none;
    }

    .contact-container {
        flex-direction: column;
    }

    .call-us, .email-us, .live-chat {
        margin-bottom: 20px;
    }

    /* **Added Padding to Inner Content for Mobile** */
    .inner-content {
        padding: 0 15px; /* Adds 15px padding on left and right */
    }

    /* **Make Quantity Selector Full Width on Mobile** */
    .t4s-quantity-wrapper.t4s-product-form__qty {
        width: 100%; /* Make the quantity wrapper full width */
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 15px; /* Optional: Adds horizontal padding */
        box-sizing: border-box; /* Ensures padding is included in width */
    }

    /* Adjust the buttons and input to fit full width */
    .t4s-quantity-selector {
        flex: 0 0 auto;
        width: 40px; /* Set a fixed width for the plus and minus buttons */
        height: 40px; /* Adjust height as needed */
    }

    .t4s-quantity-input {
        flex: 1; /* Make the input take the remaining space */
        max-width: 100%; /* Ensure it doesn't exceed the container */
        text-align: center;
        height: 40px; /* Match the height of the buttons */
        margin: 0 10px; /* Add some spacing between buttons and input */
        border: 1px solid #ccc; /* Optional: Add border for better visibility */
        border-radius: 5px; /* Optional: Rounded corners */
    }
}

/* Additional padding for buttons */
form.frcp-cf-form .frcp-cf-buttons-container {
  margin-top: 15px; /* Add some space between form and buttons */
} /* General button styling */
.t4s-btn__checkout {
  width: 100%; /* Full width for mobile */
  padding: 12px 20px; /* Ensure sufficient padding */
  border-radius: 5px; /* Set corner radius to 5px */
  font-size: 16px; /* Adjust font size */
  height: 50px; /* Ensure consistent height with other buttons */
  display: flex; /* Flexbox for centering */
  justify-content: center; /* Center text horizontally */
  align-items: center; /* Center text vertically */
}

/* Desktop-specific adjustments */
@media (min-width: 768px) {
  .t4s-btn__checkout {
    width: 50%; /* Make the button wider on desktop */
    max-width: 400px; /* Set a max width if needed */
    margin: 0 auto; /* Center the button */
  }
}

/* Mobile-specific adjustments */
@media (max-width: 767px) {
  .t4s-btn__checkout {
    border-radius: 5px; /* Keep the corners rounded */
    font-size: 14px; /* Slightly smaller font on mobile */
    height: 50px; /* Keep the height consistent */
  } .coming-soon-btn {
  padding: 12px 20px; /* Adjust based on the padding of the other buttons */
  border-radius: 5px; /* 5px corners */
  height: 50px; /* Ensure this matches the height of other buttons */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 16px; /* Same font size as other buttons */
  cursor: not-allowed; /* Show disabled cursor */
  background-color: #007BFF; /* Button color can be customized */
  color: white;
  opacity: 0.6; /* Optional: opacity to indicate disabled state */
.t4s-inventory_message {
  color: #509AE6 !important;
}

.t4s-inventory_message .t4s-count {
  display: none !important;
}
#shop-hcaptcha-badge-container {
  display: none !important;
}
@media screen and (min-width: 1025px) {
  a[href="/"] .header__sticky-logo {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
  }

  a[href="/"] .header__normal-logo {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  a[href="/"] .header__mobile-logo {
    display: none !important;
    visibility: hidden !important;
  }
}
@media screen and (min-width: 1025px) {
  .t4s-site-nav__logo a + a,
  .t4s-header__logo a + a,
  .t4s-logo a + a {
    display: none !important;
  }
}

/*---------------- Custom CSS for only desktop -------------------*/
@media (min-width: 1025px) {
  
}

/*---------------- Custom CSS for tablet, mobile -------------------*/
@media (max-width: 1024px) {
  @media (max-width: 600px) {
  .t4s-quantity-wrapper {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px;
  }

  .t4s-quantity-selector {
    flex: 0 0 auto;
  }

  .t4s-quantity-input {
    max-width: 60px;
    text-align: center;
  }
}
}

/*---------------- Custom CSS for only tablet -------------------*/
@media (min-width: 768px) and (max-width: 1024px) {
  
}

/*---------------- Custom CSS for only mobile -------------------*/
@media (max-width: 767px){
  
}