/** Shopify CDN: Minification failed

Line 181:0 Expected "}" to go with "{"

**/
.\#slideshow {
    display: block;
    display: flex;
    flex-shrink: 0;
    flex-grow: 1;
  
}

.\#slideshow .swiper-wrapper {
    cursor: grab;
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;

}

.\#slideshow .swiper-slide {
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateY(0);
}

.\#slideshow.\@thumbs\:left, .\#slideshow.\@thumbs\:right {
    display: flex;
    flex-shrink: 0;
    flex-grow: 1;
}

.\#slideshow.\@thumbs\:left {
    flex-direction: row-reverse;
      padding-left:100px;
 

}

.\#slideshow.\@thumbs\:bottom {
    flex-direction: column;
}

.\#slideshow-container {
    flex: 1 1 auto;
    width: 100%;
}

.\#modal-popup-content .\#slideshow {
    height: 100vh;
}

.\#modal-popup-content .\#slideshow .swiper {
    height: 100%;
}

.\#modal-popup-content .\#slideshow .\#media-image {
    max-height: 100%;
    max-width: 100%;
}

.\#hero-block
{
  padding-left: 50px;
}
.\#hero-heading {
  font-size: 4em;
  font-weight: bold;
   margin-top: 0px;
  margin-bottom: 20px;
  margin-left: 0px;
  background: linear-gradient(
    to bottom,
    #00b4d8,
    #6ca2b6,
    #90e0ef,
    #00b4d8
  ); /* Adjust colors as needed */
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.\#button {
  background-color: 00b4d8; /* Green */
  border: none;
  color: white;
  padding: 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 20x;
  border-radius: 20px;
  margin-top: 20px;
}

h2 {
  font-size: 2em;
  font-weight: bold;
   margin-top: 20px;
  margin-bottom: 30px;
  margin-left: 0px;
  background: linear-gradient(
    to right,
    #00b4d8,
    #6ca2b6,
    #6ca2b6,
    #6ca2b6
  ); /* Adjust colors as needed */
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.slider-image {
    width: 100%;            /* Full width of the container */
    height: auto;           /* Maintain aspect ratio */
    border-radius: 10px;    /* Rounded corners */
    display: block;         /* Ensure it’s on a new line and takes full width */
    margin: 10px auto;      /* Centering the image horizontally */
}


 @media (max-width: 844px) {
  html,
  body {
    overflow-x: hidden !important;
  }

   .\#hero-block
{
  padding-left: 5px;
  
   
  h2 {
    font-size: 1.2em;
    margin-top: 0px;
    margin-bottom: 20px;
    margin-left: 0px;
    margin-right: 170px;
    
  }
  .\#hero-heading {
    font-size: 2em;
    margin-top: -120px;
    margin-bottom: 30px;
    margin-left: 0px;
    margin-right: 10px;
  }
}

    @media (max-width: 932px) {
  html,
  body {
    overflow-x: hidden !important;
  }

   .\#hero-block
{
  padding-left: 5px;
  
   
  h2 {
    font-size: 1.4em;
    margin-top: 0px;
    margin-bottom: 20px;
    margin-left: 0px;
    margin-right: 200px;
    
  }
  .\#hero-heading {
    font-size: 3em;
    margin-top: -140px;
    margin-bottom: 30px;
    margin-left: 0px;
    margin-right: 10px;
  }
}
@media screen and (max-width: 749px) {
  slide-show .swiper-pagination {
    display: none !important;
  }
}