/* =========================
       ABOUT SECTION
    ========================= */

    .about-section {
      width: 100%;
      min-height: 250px;

      align-items: flex-start;

      padding: 60px 6.15% 60px;

      background: linear-gradient(
        110deg,
        #0d4868 0%,
        #0c4f70 45%,
        #125f7d 100%
      );

      color: #ffffff;
    }

    .about-container {
      width: 100%;
      max-width: 1400px;
      margin: 0 auto;
    }

    /* =========================
       SMALL LABEL
    ========================= */

    .about-label {
      display: inline-block;

      margin-bottom: 12px;

      font-size: 17px;
      font-weight: 700;
      letter-spacing: 2px;
      line-height: 1.2;

      color: #f6a900;
      text-transform: uppercase;
    }

    /* =========================
       MAIN HEADING
    ========================= */

    .about-title {
      max-width: 1400px;

      font-family: "DM Serif Display", Georgia, serif;

      font-size: clamp(42px, 4.05vw, 42px);
      font-weight: 400;
      line-height: 1.08;
      letter-spacing: 0px;

      color: #ffffff;
    }

    /* =========================
       DESCRIPTION
    ========================= */

    .about-description {
      max-width: 1140px;

      margin-top: 12px;

      font-size: clamp(16px, 1.3vw, 18px);
      font-weight: 400;
      line-height: 1.55;

      color: #f2f5f7;
    }

    /* =========================
       TABLET
    ========================= */

    @media (max-width: 1024px) {

      .about-section {
        min-height: auto;
        padding: 85px 5% 70px;
      }

      .about-label {
        font-size: 15px;
        letter-spacing: 3px;
        margin-bottom: 18px;
      }

      .about-title {
        font-size: clamp(40px, 5vw, 58px);
        letter-spacing: -0.8px;
      }

      .about-description {
        max-width: 800px;
        margin-top: 25px;
        font-size: 19px;
      }

    }

    /* =========================
       MOBILE
    ========================= */

    @media (max-width: 600px) {

      .about-section {
        min-height: auto;
        padding: 65px 24px 60px;
      }

      .about-container {
        width: 100%;
      }

      .about-label {
        font-size: 12px;
        letter-spacing: 1px;
        margin-bottom: 16px;
      }

      .about-title {
        font-size: clamp(34px, 9.5vw, 48px);
        line-height: 1.12;
        letter-spacing: -0.5px;
      }

      .about-description {
        margin-top: 22px;

        font-size: 16px;
        line-height: 1.65;
      }

    }

    /* =========================
       SMALL MOBILE
    ========================= */

    @media (max-width: 380px) {

      .about-section {
        padding: 50px 20px 45px;
      }

      .about-title {
        font-size: 32px;
      }

      .about-description {
        font-size: 15px;
      }

    }