/* ========== MIXINS & VARIABLES ========== */
@mixin section-base {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

@mixin heading-with-span {
  leading-trim: both;
  text-edge: cap;
  font-family: Poppins;
  font-size: 64px;
  font-style: normal;
  font-weight: 700;
  line-height: 90%;
  letter-spacing: -1.28px;

  span {
    leading-trim: both;
    text-edge: cap;
    font-feature-settings: 'ss02' on;
    font-family: Belicia;
    font-size: 80px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }

  @media (max-width: 767.98px) {
    font-size: 50px;
    span { font-size: 50px; }
  }

  @media (max-width: 559.98px) {
    font-size: clamp(2.1875rem, 0.2872rem + 8.1081vw, 3.125rem);
    span { font-size: clamp(2.5rem, 1.2331rem + 5.4054vw, 3.125rem); }
  }
}

@mixin container-card {
  position: relative;
  border-radius: 40px;
  border: 2px solid #F5F5F5;
  box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.40);
  display: flex;
  flex-direction: column;
  align-items: center;
}

@mixin phone-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;

  p {
    color: #F5F5F5;
    text-align: center;
    leading-trim: both;
    text-edge: cap;
    font-family: Poppins;
    font-size: 20px;
    font-style: italic;
    font-weight: 900;
    line-height: 90%;
    letter-spacing: -0.4px;
  }
}

@mixin background-image-cover {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  object-fit: cover;
  overflow: hidden;
  border-radius: 35px;

  img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    overflow: hidden;
  }
}

/* ========== PROMOTION SECTION ========== */
section.promotion-section {
  @include section-base;
  background: #1C9DF5;
  padding: clamp(2.5rem, -3.2143rem + 8.9286vw, 7.5rem) 2% clamp(7.5rem, 5.3571rem + 3.3482vw, 9.375rem) 2%;

  @media (max-width: 1023.98px) {
    padding: 40px 2% clamp(4.375rem, 1.6176rem + 9.1912vw, 7.5rem) 2%;
  }

  .container.promotion {
    display: grid;
    grid-template-columns: repeat(9, 1fr);
    gap: 20px;
    width: 100%;
    max-width: 1675px;
    margin: 0 auto;

    .promotion-content {
      width: 100%;
      height: 100%;
      max-height: 317px;
      border-radius: 40px;
      padding: 0;
      margin: 0;

      picture {
        height: 100%;
        width: 100%;
        object-fit: stretch;

        img {
          height: 100%;
          width: 100%;
          object-fit: stretch;
        }
      }
    }

    @media (max-width: 1023.98px) {
      grid-template-columns: repeat(6, 1fr);
      gap: clamp(0.625rem, 0.0735rem + 1.8382vw, 1.25rem);
    }

    @media (max-width: 479.98px) {
      grid-template-columns: repeat(1, 1fr);
    }

    #promotion-content-1 {
      grid-column: span 2;
      @media (max-width: 1023.98px) { grid-column: span 2; }
      @media (max-width: 479.98px) { grid-column: span 1; }
    }

    #promotion-content-2 {
      grid-column: span 4;
      @media (max-width: 1023.98px) { grid-column: span 4; }
      @media (max-width: 479.98px) { grid-column: span 1; }
    }

    #promotion-content-3 {
      grid-column: span 3;
      @media (max-width: 1023.98px) { grid-column: span 3; }
      @media (max-width: 479.98px) { grid-column: span 1; }
    }

    #promotion-content-4 {
      grid-column: span 3;
      @media (max-width: 1023.98px) { grid-column: span 3; }
      @media (max-width: 479.98px) { grid-column: span 1; }
    }

    #promotion-content-5 {
      grid-column: span 4;
      @media (max-width: 1023.98px) { grid-column: span 4; }
      @media (max-width: 479.98px) { grid-column: span 1; }
    }

    #promotion-content-6 {
      grid-column: span 2;
      @media (max-width: 1023.98px) { grid-column: span 2; }
      @media (max-width: 479.98px) { grid-column: span 1; }
    }
  }
}

/* ========== SERVICES SECTION ========== */
section.services-section {
  @include section-base;
  background: #001F2B;
  padding: clamp(5rem, 4.014rem + 4.2071vw, 9.0625rem) 2% 100px 2%;

  .container.services {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 105px;

    @media (max-width: 559.98px) {
      gap: 80px;
    }

    h2 {
      color: #F5F5F5;
      @include heading-with-span;

      span {
        color: #1D9CF6;
      }
    }

    .services-content {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      place-items: center;
      gap: 20px;
      width: 100%;

      .service-item {
        border-radius: 40px;
        min-width: 200px;
        max-width: 396px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        overflow: hidden;
      }

      @media (max-width: 1279.98px) {
        grid-template-columns: repeat(2, 1fr);
        width: unset;
      }

      @media (max-width: 559.98px) {
        grid-template-columns: 1fr;
      }
    }

    .cta-container {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 30px;
      max-width: 470px;
      width: 100%;

      .phone {
        @include phone-link;
      }

      @media (max-width: 559.98px) {
        flex-direction: column;
        gap: 20px;
        max-width: 100%;
      }
    }
  }
}

/* ========== AIRCON SYSTEM SECTION ========== */
section#ducted-system {
	background: rgba(0, 15, 21, 0.4); //#000F1566
}

section.aircon-system-section {
  @include section-base;
  background: #1C9DF5;
  padding: clamp(5rem, 4.014rem + 4.2071vw, 9.0625rem) 2% 100px 2%;

  .container.aircon-system {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 40px;

    h2 {
      color: #F5F5F5;
      @include heading-with-span;
      text-align: center;
      margin: 0 0 clamp(5rem, 3.1796rem + 7.767vw, 12.5rem) 0;

      span {
        color: #FFF;
      }
    }

    .aircon-system-content {
      width: 100%;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      gap: 20px;

      @media (max-width: 1023.98px) {
        flex-wrap: wrap;
      }

      .aircon-system-item {
        position: relative;
        background: #FFFFFF;
        border-radius: clamp(1.875rem, 1.1607rem + 1.1161vw, 2.5rem);
        padding: 20px;
        width: 100%;
        max-width: 100%;
        height: 700px;
        max-height: clamp(27.5rem, 8.9286rem + 29.0179vw, 43.75rem);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-around;
        gap: 10px;

        @media (max-width: 1023.98px) {
          max-width: clamp(18.75rem, 1.6071rem + 26.7857vw, 33.75rem);
        }

        .aircon-logo-img {
          width: clamp(8.125rem, 1.2679rem + 10.7143vw, 14.125rem);
        }

        .model-id {
          color: rgba(0, 0, 0, 0.40);
          text-align: center;
          leading-trim: both;
          text-edge: cap;
          font-family: Poppins;
          font-size: clamp(0.75rem, 0.3214rem + 0.6696vw, 1.125rem);
          font-style: normal;
          font-weight: 500;
          line-height: 120%;
          letter-spacing: -0.36px;
        }

        .supply-install {
          color: #1C9DF5;
          text-align: center;
          leading-trim: both;
          text-edge: cap;
          font-family: Poppins;
          font-size: clamp(0.9375rem, 0.2946rem + 1.0045vw, 1.5rem);
          font-style: normal;
          font-weight: 700;
          line-height: 120%;
          letter-spacing: -0.48px;
        }

        h3.price {
          position: relative;
          color: #1C9DF5;
          text-align: center;
          leading-trim: both;
          text-edge: cap;
          font-family: Poppins;
          font-size: clamp(3.4375rem, 0.6969rem + 4.2821vw, 5.8355rem);
          font-style: italic;
          font-weight: 900;
          line-height: 100%;
          letter-spacing: -1.867px;
          text-transform: uppercase;

          span.gst {
            position: absolute;
            bottom: 14px;
            right: -42px;
            color: rgba(0, 0, 0, 0.40);
            leading-trim: both;
            text-edge: cap;
            font-family: Poppins;
            font-size: clamp(0.75rem, 0.3214rem + 0.6696vw, 1.125rem);
            font-style: normal;
            font-weight: 500;
            line-height: 90%;
            letter-spacing: -0.36px;

            @media (max-width: 1699.98px) {
              bottom: 10px;
              right: -40px;
            }
            @media (max-width: 1439.98px) {
              bottom: 10px;
              right: -34px;
            }
            @media (max-width: 1279.98px) {
              bottom: 5px;
              right: -30px;
            }
          }
        }

        .kw {
          color: rgba(0, 0, 0, 0.40);
          text-align: center;
          leading-trim: both;
          text-edge: cap;
          font-family: Poppins;
          font-size: clamp(1.125rem, 0.6964rem + 0.6696vw, 1.5rem);
          font-style: normal;
          font-weight: 700;
          line-height: 120%;
          letter-spacing: -0.48px;
        }

        .book-online {
          width: clamp(10.3125rem, 2.8125rem + 11.7188vw, 16.875rem);

          p {
            font-size: clamp(0.8125rem, 0.3125rem + 0.7813vw, 1.25rem);
            color: #FFF;
          }
        }

        @media (max-width: 1023.98px) {
          order: 3;

          &:nth-child(1) {
            order: 2;
          }
        }

        &:nth-child(2) {
          margin-top: -8%;

          &::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
						z-index: -1;
          }

          @media (max-width: 979.98px) {
            order: 1;
            margin: 0;
          }

          .best-deal {
            position: absolute;
            top: -76px;
            background: #F6361D;
            border-radius: clamp(1.25rem, -0.1786rem + 2.2321vw, 2.5rem) clamp(1.25rem, -0.1786rem + 2.2321vw, 2.5rem) 0 0;
            height: 76px;
            padding: clamp(0.75rem, 0.1786rem + 0.8929vw, 1.25rem) clamp(2.8125rem, -0.3661rem + 4.9665vw, 5.59375rem) clamp(0.75rem, 0.1786rem + 0.8929vw, 1.25rem) clamp(2.8125rem, -0.3661rem + 4.9665vw, 5.59375rem);
            justify-content: center;
            align-items: center;

            p {
              color: #FFF;
              text-align: center;
              leading-trim: both;
              text-edge: cap;
              font-family: Belicia;
              font-size: clamp(1.5625rem, 0.4911rem + 1.6741vw, 2.5rem);
              font-style: normal;
              font-weight: 400;
              line-height: 120%;
              letter-spacing: -0.8px;
            }

            @media (max-width: 1599.98px) {
              top: -68px;
              height: 68px;
            }
            @media (max-width: 1439.98px) {
              top: -60px;
              height: 60px;
            }
            @media (max-width: 1279.98px) {
              top: -52px;
              height: 52px;
            }
            @media (max-width: 1023.98px) {
              top: -45px;
              height: 45px;
            }
          }
        }
      }
    }
  }
}

/* ========== CONTACT SECTION ========== */
section.contact-section {
  @include section-base;
  background: #001F2B;
  padding: 80px 2% 100px 2%;

  .container.contact {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 30px;

    @media (max-width: 1023.98px) {
      flex-direction: column;
      width: 100%;
    }

    .emergency-container {
      @include container-card;
      width: 40%;
      max-width: 680px;
      height: 600px;
      max-height: clamp(23.125rem, 6.6964rem + 25.6696vw, 37.5rem);
      background: #F6361D;
      justify-content: flex-start;
      gap: 40px;
      padding: clamp(1.875rem, 0.4464rem + 2.2321vw, 3.125rem);

      @media (max-width: 1023.98px) {
        width: 100%;
        max-width: 390px;
      }

      @media (max-width: 767.98px) {
        max-width: 100%;
        max-height: clamp(22.5rem, 12.9575rem + 40.7145vw, 32.5rem);
      }

      h2 {
        color: #F5F5F5;
        leading-trim: both;
        text-edge: cap;
        font-family: Poppins;
        font-size: clamp(2.5rem, 0.7857rem + 2.6786vw, 4rem);
        font-style: normal;
        font-weight: 700;
        line-height: 90%;
        letter-spacing: -1.28px;
        text-align: center;

        span {
          color: #F5F5F5;
          leading-trim: both;
          text-edge: cap;
          font-feature-settings: 'ss02' on;
          font-family: Belicia;
          font-size: clamp(3.125rem, 0.9821rem + 3.3482vw, 5rem);
          font-style: normal;
          font-weight: 400;
          line-height: normal;
        }

        @media (max-width: 767.98px) {
          font-size: clamp(2.5rem, 1.4583rem + 3.4725vw, 3.125rem);

          span {
            font-size: clamp(3.125rem, 1.5624rem + 5.2087vw, 4.0625rem);
          }
        }
      }

      p {
        color: #F5F5F5;
        text-align: center;
        leading-trim: both;
        text-edge: cap;
        font-family: Poppins;
        font-size: clamp(1.4375rem, 0.5089rem + 1.4509vw, 2.25rem);
        font-style: normal;
        font-weight: 700;
        line-height: 120%;
        letter-spacing: -0.72px;

        @media (max-width: 767.98px) {
          font-size: clamp(1.4375rem, 0.7083rem + 2.4307vw, 1.875rem);
        }

        a {
          width: 254px;
          max-width: 254px;
          height: 55px;
          max-height: 55px;
          border-radius: 10px;
          border: 2px solid #F5F5F5;
          padding: 0 clamp(0.3125rem, -0.4018rem + 1.1161vw, 0.9375rem);
        }
      }

      picture:has(> .emergency-bg-img) {
        @include background-image-cover;
      }
    }

    .contact-container {
      @include container-card;
      width: 60%;
      max-width: 965px;
      height: 600px;
      max-height: clamp(23.125rem, 6.6964rem + 25.6696vw, 37.5rem);
      background: #000F15;
      justify-content: flex-start;
      padding: clamp(1.875rem, 0.4464rem + 2.2321vw, 3.125rem);

      @media (max-width: 1023.98px) {
        width: 100%;
        max-width: 560px;
      }

      @media (max-width: 767.98px) {
        max-width: 100%;
        max-height: clamp(22.8125rem, 17.0833rem + 19.0972vw, 26.25rem);
      }

      @media (max-width: 479.98px) {
        max-height: clamp(20.625rem, 12.8125rem + 33.3333vw, 22.8125rem);
      }

      h2 {
        color: #F5F5F5;
        leading-trim: both;
        text-edge: cap;
        font-family: Poppins;
        font-size: clamp(2.5rem, 0.7857rem + 2.6786vw, 4rem);
        font-style: normal;
        font-weight: 700;
        line-height: 90%;
        letter-spacing: -1.28px;

        span {
          color: #F5F5F5;
          leading-trim: both;
          text-edge: cap;
          font-feature-settings: 'ss02' on;
          font-family: Belicia;
          font-size: clamp(3.125rem, 0.9821rem + 3.3482vw, 5rem);
          font-style: normal;
          font-weight: 400;
          line-height: normal;
        }

        @media (max-width: 479.98px) {
          font-size: clamp(2.0625rem, 0.5rem + 6.6667vw, 2.5rem);

          span {
            font-size: clamp(2.5rem, 0.2679rem + 9.5238vw, 3.125rem);
          }
        }
      }

      p {
        color: #F5F5F5;
        leading-trim: both;
        text-edge: cap;
        font-family: Poppins;
        font-size: clamp(1.4375rem, 0.5089rem + 1.4509vw, 2.25rem);
        font-style: normal;
        font-weight: 700;
        line-height: 120%;
        letter-spacing: -0.72px;
        margin-bottom: clamp(2.8125rem, 1.0268rem + 2.7902vw, 4.375rem);

        @media (max-width: 479.98px) {
          font-size: clamp(1.25rem, 0.5804rem + 2.8571vw, 1.4375rem);
        }
      }

      form {
        width: 100%;

        .form-group {
          display: grid;
          grid-template-columns: repeat(8, 1fr);
          gap: clamp(0.625rem, -0.0893rem + 1.1161vw, 1.25rem) clamp(0.625rem, -0.375rem + 1.5625vw, 1.5rem);
          width: 100%;
          max-width: 100%;
          height: 100%;

          input {
            width: 100%;
            font-size: clamp(0.75rem, 0.4643rem + 0.4464vw, 1rem);
            height: clamp(2.1875rem, 0.7589rem + 2.2321vw, 3.4375rem);
            border-radius: 10px;
            background: #001F2B;
            padding: 0 clamp(0.625rem, -0.0893rem + 1.1161vw, 1.25rem);
          }

          .cta {
            width: 100%;
            max-width: 100%;
            height: 100%;
            max-height: 100%;

            p {
              color: #000F15;
              text-align: center;
              leading-trim: both;
              text-edge: cap;
              font-family: Poppins;
              font-size: clamp(0.6875rem, 0.0446rem + 1.0045vw, 1.25rem);
              font-style: italic;
              font-weight: 900;
              line-height: 90%;
              letter-spacing: -0.4px;
              margin: 0;
            }
          }

          #name-footer { grid-column: span 3; }
          #phone-footer { grid-column: span 3; }
          #send-request-footer { grid-column: span 2; }

          @media (max-width: 479.98px) {
            grid-template-columns: repeat(2, 1fr);

            #name-footer { grid-column: span 1; }
            #phone-footer { grid-column: span 1; }
            #send-request-footer { height: 30px; }
          }
        }
      }

      picture:has(> .flow-safe-van-img) {
        @include background-image-cover;
      }
    }
  }
}

/* ========== FOOTER SECTION ========== */
footer {
  @include section-base;
  background: #000F15;
  padding: 3% 2%;

  @media (max-width: 479.98px) {
    padding: 5% 2%;
  }

  .container.footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: clamp(1.875rem, 1.7233rem + 0.6472vw, 2.5rem);

    .top-container {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%;
      gap: 40px;

      @media (max-width: 767.98px) {
        flex-direction: column;
      }

      .logo-container {
        flex: 0 1 50%;

        @media (max-width: 1469.98px) {
          flex: 0 1 40%;
        }

        img {
          width: clamp(20rem, 14.8571rem + 8.0357vw, 24.5rem);

          @media (max-width: 1023.98px) {
            width: clamp(14.375rem, -2.5013rem + 35.159vw, 20rem);
          }
        }
      }

      .contact-container {
        flex: 1 0 50%;
        display: flex;
        align-items: flex-start;
        gap: 10%;
        padding: 3% 0 0 2%;

        @media (max-width: 767.98px) {
          width: 100%;
        }

        .contact-details-container {
          flex: 1 0 50%;
          display: flex;
          flex-direction: column;
          align-items: flex-start;
          justify-content: center;

          h2 {
            color: #F5F5F5;
            leading-trim: both;
            text-edge: cap;
            font-family: Poppins;
            font-size: clamp(1.75rem, 1.1786rem + 0.8929vw, 2.25rem);
            font-style: italic;
            font-weight: 900;
            line-height: 35.121px;
            margin-bottom: clamp(0.9375rem, -0.1339rem + 1.6741vw, 1.875rem);

            @media (max-width: 1023.98px) {
              font-size: clamp(1.3125rem, -0.0001rem + 2.7346vw, 1.75rem);
            }
            @media (max-width: 479.98px) {
              font-size: clamp(1.125rem, 0.9107rem + 0.3348vw, 1.3125rem);
            }
          }

          a {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: clamp(0.625rem, -0.0893rem + 1.1161vw, 1.25rem);
            margin-bottom: 1%;

            @media (max-width: 1023.98px) {
              gap: clamp(0.3125rem, -0.6251rem + 1.9533vw, 0.625rem);
              margin-bottom: 0;
            }

            img {
              width: clamp(1.1875rem, 0.8304rem + 0.558vw, 1.5rem);

              @media (max-width: 1023.98px) {
                width: clamp(0.75rem, -0.5626rem + 2.7346vw, 1.1875rem);
              }
            }

            p {
              color: #CCC;
              leading-trim: both;
              text-edge: cap;
              font-family: Poppins;
              font-size: clamp(1.125rem, 0.6964rem + 0.6696vw, 1.5rem);
              font-style: normal;
              font-weight: 400;
              line-height: 35.121px;

              @media (max-width: 1023.98px) {
                font-size: clamp(0.75rem, -0.3751rem + 2.3439vw, 1.125rem);
                line-height: clamp(1.5625rem, -0.3426rem + 3.969vw, 2.1950625rem);
              }

              @media (max-width: 767.98px) {
                line-height: 25px;
              }
            }
          }
        }

        .credit-card-container {
          flex: 1 0 25%;
          display: flex;
          flex-direction: column;
          align-items: flex-start;
          justify-content: center;
          gap: 20px;

          @media (max-width: 1023.98px) {
            gap: clamp(0.9375rem, -0.0001rem + 1.9533vw, 1.25rem);
          }

          h2 {
            color: #F5F5F5;
            leading-trim: both;
            text-edge: cap;
            font-family: Poppins;
            font-size: clamp(1.75rem, 1.1786rem + 0.8929vw, 2.25rem);
            font-style: italic;
            font-weight: 900;
            line-height: 35.121px;

            @media (max-width: 1023.98px) {
              font-size: clamp(1.3125rem, -0.0001rem + 2.7346vw, 1.75rem);
            }

            @media (max-width: 479.98px) {
              font-size: clamp(1.125rem, 0.9107rem + 0.3348vw, 1.3125rem);
            }
          }

          picture {
            width: 100%;
            height: 100%;
            max-width: clamp(8.75rem, 6.2069rem + 3.9737vw, 10.97525rem);
            max-height: 35.121px;
            object-fit: cover;
            overflow: hidden;
            margin-bottom: clamp(0.53125rem, -0.0759rem + 0.9487vw, 1.0625rem);

            @media (max-width: 1023.98px) {
              max-width: clamp(6.25rem, -1.2506rem + 15.6262vw, 8.75rem);
            }
          }

          p {
            color: #CCC;
            text-align: right;
            leading-trim: both;
            text-edge: cap;
            font-family: Poppins;
            font-size: clamp(0.9375rem, 0.7232rem + 0.3348vw, 1.125rem);
            font-style: normal;
            font-weight: 400;
            line-height: 30px;
            max-width: 210px;
            width: 100%;

            @media (max-width: 1023.98px) {
              font-size: clamp(0.625rem, -0.3126rem + 1.9533vw, 0.9375rem);
              line-height: clamp(1rem, -1.6252rem + 5.4692vw, 1.875rem);
            }

            @media (max-width: 767.98px) {
              text-align: left;
            }
          }
        }
      }
    }

    .bottom-container {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      width: 100%;

      @media (max-width: 699.98px) {
        flex-wrap: wrap;
        gap: 20px;
      }

      @media (max-width: 479.98px) {
        flex-direction: column;
      }

      .social-container {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: clamp(0.625rem, -0.0893rem + 1.1161vw, 1.25rem);

        img {
          width: clamp(2.8125rem, 2.3125rem + 0.7813vw, 3.25rem);

          @media (max-width: 1023.98px) {
            width: clamp(1.875rem, -0.9377rem + 5.8598vw, 2.8125rem);
          }
        }

        @media (max-width: 699.98px) {
          flex: 0 0 100%;
          order: 1;
          display: flex;
          justify-content: center;
        }
      }

      .copyright-container {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: clamp(0.625rem, -0.0893rem + 1.1161vw, 1.25rem);

        @media (max-width: 1023.98px) {
          gap: clamp(0.3125rem, -0.6251rem + 1.9533vw, 0.625rem);
        }

        p {
          color: #777;
          text-align: center;
          leading-trim: both;
          text-edge: cap;
          font-family: Poppins;
          font-size: 14px;
          font-style: normal;
          font-weight: 400;
          line-height: 22px;

          @media (max-width: 1023.98px) {
            font-size: clamp(0.6875rem, 0.125rem + 1.172vw, 0.875rem);
          }

          @media (max-width: 479.98px) {
            font-size: clamp(0.625rem, 0.3393rem + 0.4464vw, 0.875rem);
          }
        }

        @media (max-width: 699.98px) {
          flex: 0 0 auto;
          order: 2;
        }
      }

      .aiims-container {
        max-width: clamp(6.5625rem, 5.4911rem + 1.6741vw, 7.5rem);
        width: 100%;

        @media (max-width: 1023.98px) {
          max-width: clamp(4.375rem, -2.188rem + 13.6729vw, 6.5625rem);
        }

        img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          overflow: hidden;
        }

        @media (max-width: 699.98px) {
          flex: 0 0 auto;
          order: 2;
        }
      }
    }
  }
}