:root {
        --blue: #102d69;
        --red: #e43217;
        --red-deep: #c9331b;
        --black: #0f0f14;
        --white: #fff;
        --secondary: #f0f5ff;
        --secondary2: #6b7a99;
        --gray-deep: #737373;
        --gray: #f5f5f5;
        --gray-blue: #e7effd;
        --blue-light: #00aeef;
        --blue-light-hover: #008abd;
        --gradient2: linear-gradient(119.03deg, #f5f5f5 0%, #e7effd 100%);
        --gradient2-hover: linear-gradient(299.03deg, #f5f5f5 0%, #e7effd 100%);
        --gradient3: linear-gradient(112.33deg, #f5f5f5 0%, #e7effd 100%);
        --angle: 119deg;
      }


      /* Text */
      h1,
      h2,
      h3,
      h4 {
        font-weight: 700;
        line-height: 1.1;
        color: var(--black);
      }
      h1 {
        font-size: 60px;
      }
      h2 {
        font-size: 48px;
      }
      .t-b-60 {
        font-size: 60px;
        font-weight: 700;
        line-height: 1.4;
      }
      .t-r-24 {
        font-size: 24px;
        font-weight: 400;
        line-height: 1.4;
      }
      .t-b-24 {
        font-size: 24px;
        font-weight: 700;
        line-height: 1.4;
      }
      .t-r-20 {
        font-size: 20px;
        font-weight: 400;
        line-height: 1.2;
      }
      .t-b-20 {
        font-size: 20px;
        font-weight: 700;
        line-height: 1.2;
      }
      .t-r-18 {
        font-size: 18px;
        font-weight: 400;
        line-height: 1.2;
      }
      .t-b-18 {
        font-size: 18px;
        font-weight: 700;
        line-height: 1.2;
      }
      .t-r-16 {
        font-size: 16px;
        font-weight: 400;
        line-height: 1.2;
      }
      .t-b-16 {
        font-size: 16px;
        font-weight: 700;
        line-height: 1.2;
      }
      .t-r-14 {
        font-size: 14px;
        font-weight: 400;
        line-height: 1.2;
      }
      .t-b-14 {
        font-size: 14px;
        font-weight: 700;
        line-height: 1.2;
      }
      .white {
        color: var(--white);
      }
      /* Button */
      .button {
        border-radius: 70px;
        padding: 18px 60px;
        color: var(--white) !important;
        text-decoration: none;
        display: block;
        width: fit-content;
        background-color: var(--red);
        transition: all 0.3s ease;
      }
      .button:hover {
        background-color: var(--red-deep);
      }
      .button.blue {
        background-color: var(--blue-light);
      }
      .button.blue:hover {
        background-color: var(--blue-light-hover);
      }

      .button-outline {
        display: block;
        border: 1px solid var(--red);
        text-decoration: none;
        color: var(--black) !important;
        border-radius: 70px;
        padding: 14px 40px;
        width: fit-content;
        font-size: 16px;
        transition: all 0.3s ease;
      }
      .button-outline:hover {
        background-color: var(--red);
        color: var(--white) !important;
      }