﻿/* #region colors */
/* #endregion colors */
/* #region breakpoints */
/* #endregion breakpoints */
/* #region media queries for new mockups */
/* #endregion media queries for new mockups */
.iwd-container {
  display: grid;
  row-gap: 70px;
  max-width: 1280px; }
  @media only screen and (min-width: 1366px) {
    .iwd-container {
      grid-template-columns: repeat(3, 1fr);
      column-gap: 60px; } }
  @media only screen and (min-width: 1280px) and (max-width: 1365px) {
    .iwd-container {
      grid-template-columns: repeat(3, 1fr);
      column-gap: 10px; } }
  @media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .iwd-container {
      grid-template-columns: repeat(2, 1fr);
      column-gap: 50px; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .iwd-container {
      grid-template-columns: repeat(2, 1fr);
      column-gap: 30px; } }
  @media only screen and (max-width: 767px) {
    .iwd-container {
      grid-template-columns: repeat(1, 1fr);
      column-gap: 25px;
      row-gap: 35px; } }
  .iwd-container .iwd-grid-item {
    max-width: 380px; }
    .iwd-container .iwd-grid-item .big-number {
      width: fit-content;
      background: linear-gradient(0.25turn, #FF3D00 3.35%, #FF7A00 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent; }
    .iwd-container .iwd-grid-item h4.header {
      margin: 10px 0; }
