/** Shopify CDN: Minification failed

Line 60:21 Expected identifier but found whitespace
Line 60:26 Unexpected ";"

**/
/* Keep your existing desktop styles... */
/* .gt_container--uge9nd .gt_switcher_wrapper {
  position: absolute !important;
  right: clamp(20px, calc(60px + 120 * (100vw - 1024px) / 550), 200px) !important;
  top: 8px !important;
} */

/* .gt_container--uge9nd .gt_switcher_wrapper .gt_selector {
  background-color: transparent;
  color: rgb(var(--color-foreground));
  border: none;
} */

/* .gt_container--uge9nd .gt_switcher_wrapper .gt_selector:focus-visible {
  outline: none;
  outline-offset: 0;
} */

/* .gt_container--uge9nd .gt_switcher_wrapper .gt_selector option {
  background-color: #072835;
} */



/* 2. Create the overlay on the motion-element */
#image-cards-template--18880079069244__image_cards_VJhPWn .card-media__media-wrapper motion-element::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.55); /* Dark semi-transparent overlay */
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    z-index: 5; /* Ensure it sits above the picture/img */
    pointer-events: none;
}

/* 3. Show overlay when the card is hovered */
#image-cards-template--18880079069244__image_cards_VJhPWn .card-media:hover .card-media__media-wrapper motion-element::before {
    opacity: 1;
}


/* .gt_container--uge9nd .gt_switcher_wrapper{
  left: 48px;
  bottom: 32px;
  top: unset !important;
} */

/* .gt_container--uge9nd .gt_switcher_wrapper .gt_selector {
  /* 1. Hide the default system arrow */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;

  /* 2. Add custom UP arrow (SVG) as a background */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='18 15 12 9 6 15'%3e%3c/polyline%3e%3c/svg%3e");
  
  /* 3. Position the custom arrow */
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 16px;

  color: #ffffff;
  background-color: #072835;
  padding: 10px 16px;
  border-radius: 7px;
  border: 1px solid #ededed;
  font-size: 18px;
} */


/* --- FIXED RESPONSIVE SECTION --- */
@media (max-width: 1023px) {
  body{
    position: relative;
  }

  /* .gt_container--uge9nd .gt_switcher_wrapper {
    
    position: fixed !important;
    bottom: 15px !important;
    right: 15px !important;
    
    top: auto !important;
    left: auto !important;
    
    z-index: 20 !important;
  
  } */
  /* .gt_container--uge9nd .gt_switcher_wrapper .gt_selector {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='18 15 12 9 6 15'%3e%3c/polyline%3e%3c/svg%3e");
    
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 16px;

    color: #ffffff;
    background-color: #072835;
    padding: 6px 10px;
    border-radius: 7px;
    border: 1px solid #ededed;
  } */

  /* .gt_container--uge9nd .gt_switcher_wrapper .gt_selector option[selected]{
    color: #ffffff !important;
  } */
}


/* Responsive for Mobile  */

@media(max-width: 768px){
  .hero-sec{
    padding-top: 0 ;
  }

  /* .gt_container--uge9nd .gt_switcher_wrapper {
    bottom: 137px !important;    
    left: 20px !important;
  } */

  .promotion-banner .rich-text__heading motion-element{
    padding-inline: 30px;
  }

  .faq-tabs .faq-tabs-inner {
    flex-direction: column-reverse;
  }
  /* .gt_container--uge9nd .gt_switcher_wrapper{
    left: 15px !important;
    right: auto;
  } */
  /* .gt_container--uge9nd .gt_switcher_wrapper .gt_selector{
    padding: 10px 16px;
    font-size: 16px;
  } */
}