/** Shopify CDN: Minification failed

Line 58:16 Expected identifier but found whitespace
Line 58:18 Unexpected "{"
Line 58:27 Expected ":"
Line 58:53 Expected ":"
Line 59:19 Expected identifier but found whitespace
Line 59:21 Unexpected "{"
Line 59:30 Expected ":"
Line 59:59 Expected ":"
Line 60:21 Expected identifier but found whitespace
Line 60:23 Unexpected "{"
... and 4 more hidden warnings

**/


/* CSS from section stylesheet tags */
/* Existing styles for .retina_size and .lazyload classes (if any) */

  .full-width-image {
    /* Optional: Set default image width for mobile view */
    width: auto;
    /* Ensure consistent width across devices */
    max-width: 100%;
    /* Set fixed height based on your needs */
    height: auto; /* Adjust this value as needed */
  }

  @media (min-width: 768px) and (max-width: 1023px) { /* Targets tablets */
    .full-width-image {
      width: 100%;
    }
    .image-set-gap{
      margin: 10px 0px 10px 0px;
    }
  }

  @media (min-width: 399px) and (max-width: 768px) { /* Targets tablets */
    .full-width-image {
      width: 100%;
    }
    .image-set-gap{
      margin: 10px 0px 10px 0px;
    }
  }

  @media (min-width: 1024px) { /* Targets laptops and desktops */
    .full-width-image {
      width: 100%;
    }
    .image-set-gap{
    /* margin: 10px 8px 0px 8px; */
      margin: 10px auto 0px auto;
  }
  }
.custom-img-text {
    padding-top: {{ section.settings.padding_top }}px;
    padding-bottom: {{ section.settings.padding_bottom }}px;
    background-color: {{ section.settings.bg_color }};
  }

  /* Desktop: Media on the left and content on the right */
  .custom-img-text .media-block,
  .custom-img-text .content-block {
    width: 50%;
    height: 600px; /* Fixed height */
  }

  .custom-img-text .media-block video,
  .custom-img-text .media-block img {
    height: 100%;
    width: 100%;
    /* object-fit: cover; */
  }

  /* Content block styling */
  .custom-img-text .content-block {
    text-align: {{ section.settings.text_alignment }};
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 600px; /* Ensure height matches media */
    padding-left: 16px;
    padding-right: 16px;
  }

  .custom-img-text .content-block > * {
    max-width: 600px;
  }

  /* Mobile view (stack top and bottom) */
  @media (max-width: 749px) {
    .custom-img-text .media-block,
    .custom-img-text .content-block {
      width: 100% !important;
      height: auto;
    }

    .custom-img-text .content-block {
      padding-top: 20px;
      padding-bottom: 20px;
    }
  }

  /* Desktop Flexbox Layout: Media on left, content on right */
  @media (min-width: 750px) {
    .custom-img-text .page-width {
      display: flex;
      flex-direction: row-reverse; /* Side-by-side */
      justify-content: space-between;
    }

    .custom-img-text .media-block {
      order: 1; /* Ensure media is first */
    }

    .custom-img-text .content-block {
      order: 2; /* Content second */
    }
  }

  /* Button width fix */
  .custom-img-text .button {
    width: 185px !important; /* Fix width to 145px */
    text-align: center; /* Center text in the button */
    text-transform: uppercase !important;
  }