/** Shopify CDN: Minification failed

Line 99:18 Expected identifier but found whitespace
Line 99:20 Unexpected "{"
Line 99:29 Expected ":"
Line 99:71 Expected ":"
Line 100:21 Expected identifier but found whitespace
Line 100:23 Unexpected "{"
Line 100:32 Expected ":"
Line 100:77 Expected ":"

**/
.feature-grid-wrapper .feature-grid-header {
    display: flex;
    justify-content: space-between;
    gap: 40px;
    margin-bottom: 60px;
    align-items: flex-start;
  }

  .feature-grid-wrapper .feature-grid-heading {
    max-width: 500px;
  }

  .feature-grid-wrapper .feature-grid-subheading {
    max-width: 520px;
  }

  .feature-grid-wrapper .feature-grid-inner {
    display: grid;
    grid-template-columns: repeat(var(--grid-cols), 1fr);
    column-gap: var(--column-spacing);
    row-gap:var(--row-spacing);
  }

  .feature-grid-wrapper .feature-grid-card {
    position: relative;
  }

  .feature-grid-wrapper .feature-grid-image {
    position: relative;
    overflow: hidden;
    margin-bottom: 24px;
    display: block;
  }

  .feature-grid-wrapper .feature-grid-image img,
  .feature-grid-wrapper .feature-grid-image svg {
    width: 100%;
    height: 100%;
    display: flex;
    object-fit: cover;
    transition: 0.3s ease-in-out;
    &:hover{
      transform: scale(1.05);
    }
  }

  .feature-grid-wrapper .feature-grid-image svg{
    background: color-mix(in srgb,var(--color-secondary-background) 50%,transparent);
  }

  .feature-grid-wrapper .feature-grid-title {
    margin: 0 0 16px;
  }

  .feature-grid-wrapper .feature-grid-content {
    opacity: 0.8;
  }

  .feature-grid-wrapper.layout-alternate .feature-grid-card:nth-child(even) {
    margin-top: 48px;
  }

  .fgimg_ratio-square img {
    aspect-ratio: 1;
  }

  .fgimg_ratio-portrait img {
    aspect-ratio: 3/4;
  }

  .fgimg_ratio-adapt img {
    aspect-ratio: auto;
  }

  @media screen and (max-width: 991px) {
    .feature-grid-wrapper .feature-grid-inner {
      grid-template-columns: repeat(2, 1fr);
    }

    .feature-grid-wrapper.layout-alternate .feature-grid-card:nth-child(even) {
      margin-top: 0;
    }
  }  
  
  @media screen and (max-width: 640px) {
    .feature-grid-wrapper {
      padding-top: {{ section.settings.top_spacing | divided_by: 2 }}px;
      padding-bottom: {{ section.settings.bottom_spacing | divided_by: 2 }}px;
    }

    .feature-grid-wrapper .feature-grid-header {
      flex-direction: column;
      gap: 1rem;
      margin-bottom: 40px;
    }

    .feature-grid-wrapper .feature-grid-inner {
      grid-template-columns: 1fr;
      gap: 30px;
    }
  }

  @media screen and (min-width: 641px) and (max-width: 990px){
  .feature-grid-wrapper .feature-grid-subheading {
    max-width: 400px;
  }
}