/* Home page layout contracts */

.services-bg {
  --ys-services-cols-desktop: 2;
  --ys-services-cols-tablet: 2;
  --ys-services-cols-mobile: 1;
  --ys-services-gap: 20px;
}

.services-bg .srv-grid {
  display: grid !important;
  gap: var(--ys-services-gap, 20px) !important;
}

.about-bg {
  --ys-about-gap: 80px;
}

.about-bg .about-split {
  gap: var(--ys-about-gap, 80px) !important;
}

.about-bg .about-split-no-image {
  grid-template-columns: 1fr !important;
  max-width: 760px;
}

.stats-bg {
  --ys-stats-cols-desktop: 4;
  --ys-stats-cols-tablet: 2;
  --ys-stats-cols-mobile: 2;
  --ys-stats-pad-y: 72px;
  --ys-stats-gap: 0px;
  padding-top: var(--ys-stats-pad-y, 72px) !important;
  padding-bottom: var(--ys-stats-pad-y, 72px) !important;
}

.stats-bg .stats-grid {
  display: grid !important;
  gap: var(--ys-stats-gap, 0px) !important;
}

.testimonials-section {
  --ys-testimonials-cols-desktop: 3;
  --ys-testimonials-cols-tablet: 2;
  --ys-testimonials-cols-mobile: 1;
  --ys-testimonials-gap: 24px;
}

.testimonials-section .tst-grid {
  display: grid !important;
  gap: var(--ys-testimonials-gap, 24px) !important;
  margin-top: 44px;
}

.testimonials-section .tst-card {
  min-width: 0;
}

.insights-section {
  --ys-insights-cols-desktop: 3;
  --ys-insights-cols-tablet: 1;
  --ys-insights-cols-mobile: 1;
  --ys-insights-count-desktop: 3;
  --ys-insights-count-tablet: 3;
  --ys-insights-count-mobile: 3;
  --ys-insights-gap: 24px;
}

.insights-section .insights-grid {
  display: grid !important;
  gap: var(--ys-insights-gap, 24px) !important;
}

@media (min-width: 1025px) {
  .services-bg .srv-grid {
    grid-template-columns: repeat(var(--ys-services-cols-desktop, 2), minmax(0, 1fr)) !important;
  }

  .stats-bg .stats-grid {
    grid-template-columns: repeat(var(--ys-stats-cols-desktop, 4), minmax(0, 1fr)) !important;
  }

  .testimonials-section .tst-grid {
    grid-template-columns: repeat(var(--ys-testimonials-cols-desktop, 3), minmax(0, 1fr)) !important;
  }

  .insights-section .insights-grid {
    grid-template-columns: repeat(var(--ys-insights-cols-desktop, 3), minmax(0, 1fr)) !important;
  }
}

@media (min-width: 681px) and (max-width: 1024px) {
  .services-bg .srv-grid {
    grid-template-columns: repeat(var(--ys-services-cols-tablet, 2), minmax(0, 1fr)) !important;
  }

  .about-bg .about-split {
    gap: min(var(--ys-about-gap, 80px), 56px) !important;
  }

  .stats-bg .stats-grid {
    grid-template-columns: repeat(var(--ys-stats-cols-tablet, 2), minmax(0, 1fr)) !important;
  }

  .testimonials-section .tst-grid {
    grid-template-columns: repeat(var(--ys-testimonials-cols-tablet, 2), minmax(0, 1fr)) !important;
  }

  .insights-section .insights-grid {
    grid-template-columns: repeat(var(--ys-insights-cols-tablet, 1), minmax(0, 1fr)) !important;
  }
}

@media (max-width: 680px) {
  .services-bg .srv-grid {
    grid-template-columns: repeat(var(--ys-services-cols-mobile, 1), minmax(0, 1fr)) !important;
  }

  .about-bg .about-split {
    gap: 36px !important;
  }

  .stats-bg .stats-grid {
    grid-template-columns: repeat(var(--ys-stats-cols-mobile, 2), minmax(0, 1fr)) !important;
  }

  .testimonials-section .tst-grid {
    grid-template-columns: repeat(var(--ys-testimonials-cols-mobile, 1), minmax(0, 1fr)) !important;
  }

  .insights-section .insights-grid {
    grid-template-columns: repeat(var(--ys-insights-cols-mobile, 1), minmax(0, 1fr)) !important;
  }
}