/** Shopify CDN: Minification failed

Line 13:4 Unexpected "{"
Line 13:5 Expected identifier but found "%"
Line 13:38 Unexpected "{"
Line 13:39 Expected identifier but found "%"
Line 27:15 Expected identifier but found whitespace
Line 27:17 Unexpected "{"
Line 27:26 Expected ":"

**/
  .media-grid-section {
    {% comment %} padding: 40px 20px; {% endcomment %}
    display: grid;
    gap: 20px;
  }

  .media-grid-section.page-width {
    max-width: 1240px;
  }

  .media-grid-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    padding: 5rem 0;
    text-align: {{ section.settings.alignment }};
    min-height: 800px;
  }

  .media-item img {
    width: 100%;
    height: auto;
    border-radius: 8px;
    display: block;
  }

  .media-item-heading {
    font-weight: 600;
  }

  .slider-wrapper {
    overflow: hidden;
    border-radius: 8px;
  }

  .custom-arrow {
    color: #000;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    cursor: pointer;
    transition: all 0.3s ease;
  }
  .slick-prev:before, .slick-next:before {
      content: '';
      color: #000;
  }
  .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
      color: #000;
  }
  .slick-prev {
    left: 0px;
  }

  .slick-next {
    right: 0px;
  }

  .custom-arrow svg {
    width: 20px;
    height: 20px;
    stroke: currentColor;
  }

  .slick-slide img {
    width: 100%;
    display: block;
    border-radius: 8px;
  }

  .video-wrapper iframe {
    width: 100%;
    height: 100%;
    border-radius: 8px;
  }

  @media screen and (max-width: 749px) {
    .media-grid-wrapper {
      grid-template-columns: 1fr;
    }
    .media-item.video-wrapper {
      min-height: 400px;
    }
  }