:root {
      --gt-blue: #0068d6;
      --gt-dark: #1a1a1a;
      --gt-body: #5f6368;
  }

  .about-page {
      font-family: var(--font-body, 'Inter', sans-serif);
      background: #ffffff;
  }

  .about-hero {
      position: relative;
      height: 420px;
      overflow: hidden;
  }

  .about-hero-bg {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
  }

  .about-hero-overlay {
      position: absolute;
      inset: 0;
      background: rgba(0, 0, 0, 0.25);
  }

  .about-hero-content {
      position: absolute;
      inset: 0;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 26px;
  }

  .about-hero-title {
      font-family: var(--font-display, 'Space Grotesk', sans-serif);
      font-size: 40px;
      font-weight: 400;
      color: #ffffff;
      text-align: center;
      opacity: 0;
      animation: aboutFadeIn .7s ease forwards;
  }

  @keyframes aboutFadeIn {
      from {
          opacity: 0;
          transform: translateY(10px);
      }

      to {
          opacity: 1;
          transform: translateY(0);
      }
  }

  .about-hero-play {
      width: 48px;
      height: 48px;
      border-radius: 50%;
      border: 2px solid #ffffff;
      background: transparent;
      color: #ffffff;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      transition: background .25s ease, color .25s ease;
  }

  .about-hero-play:hover {
      background: #ffffff;
      color: #1a1a1a;
  }

  .about-subnav {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 40px;
      padding: 20px 0;
      background: #ffffff;
  }

  .about-subnav a {
      font-size: 14.5px;
      font-weight: 500;
      color: #1a1a1a;
      transition: color .2s ease;
  }

  .about-subnav a:hover {
      color: #0068d6;
  }

  .about-intro {
      background: #f5f5f5;
      padding: 50px 40px 60px;
  }

  .about-intro-container {
      max-width: 900px;
      margin: 0 auto;
      text-align: center;
  }

  .about-intro-heading {
      font-family: var(--font-display, 'Space Grotesk', sans-serif);
      font-weight: 300;
      font-size: 32px;
      color: #1a1a1a;
      margin-bottom: 26px;
  }

  .about-intro-text {
      font-size: 14.5px;
      line-height: 1.75;
      color: #3a3a3a;
      margin-bottom: 20px;
  }

  .about-full-image {
      width: 100%;
      height: 380px;
      overflow: hidden;
  }

  .about-full-image img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
  }

  .about-content-block {
      padding: 70px 60px;
  }

  .about-content-container {
      max-width: 1400px;
      margin: 0 auto;
      display: flex;
      align-items: center;
      gap: 60px;
  }

  .about-content-reverse .about-content-container {
      flex-direction: row-reverse;
  }

  .about-content-image {
      flex: 0 0 46%;
      max-width: 46%;
      border-radius: 14px;
      overflow: hidden;
  }

  .about-content-image img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      transition: transform .5s ease;
  }

  .about-content-image:hover img {
      transform: scale(1.03);
  }

  .about-content-text {
      flex: 1;
  }

  .about-content-heading {
      font-family: var(--font-display, 'Space Grotesk', sans-serif);
      font-size: 27px;
      font-weight: 700;
      color: #1a1a1a;
      line-height: 1.3;
      margin-bottom: 18px;
  }

  .about-content-desc {
      font-size: 14.5px;
      line-height: 1.7;
      color: #444444;
      margin-bottom: 18px;
  }

  .about-checklist {
      list-style: none;
      margin: 18px 0 0;
      padding: 0;
      display: flex;
      flex-direction: column;
      gap: 12px;
  }

  .about-checklist li {
      display: flex;
      align-items: center;
      gap: 10px;
      font-size: 14.5px;
      font-weight: 600;
      color: #1a1a1a;
  }

  .about-checklist svg {
      flex-shrink: 0;
      color: #0068d6;
  }

  .about-feature-section {
      padding: 40px 60px 80px;
  }

  .about-feature-card {
      max-width: 1400px;
      margin: 0 auto;
      background: #ffffff;
      border: 1px solid #e5e5e5;
      border-radius: 20px;
      padding: 40px 30px;
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 30px;
  }

  .about-feature-item {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 12px;
  }

  .about-feature-icon {
      width: 52px;
      height: 52px;
      border-radius: 50%;
      background: #0d5bce;
      color: #ffffff;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
  }

  .about-feature-title {
      font-family: var(--font-display, 'Space Grotesk', sans-serif);
      font-size: 16.5px;
      font-weight: 700;
      color: #1a1a1a;
  }

  .about-feature-desc {
      font-size: 13.5px;
      color: #6b6b6b;
      margin-top: -6px;
  }

  @media (max-width: 1200px) {

      .about-content-block,
      .about-feature-section {
          padding-left: 30px;
          padding-right: 30px;
      }
  }

  @media (max-width: 991px) {
      .about-hero {
          height: 320px;
      }

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

      .about-content-container {
          flex-direction: column;
      }

      .about-content-reverse .about-content-container {
          flex-direction: column;
      }

      .about-content-image {
          flex: 0 0 100%;
          max-width: 100%;
          height: 300px;
      }

      .about-feature-card {
          grid-template-columns: repeat(2, 1fr);
      }
  }

  @media (max-width: 767px) {
      .about-hero {
          height: 260px;
      }

      .about-hero-title {
          font-size: 24px;
      }

      .about-subnav {
          gap: 22px;
          flex-wrap: wrap;
          padding: 16px 20px;
      }

      .about-intro {
          padding: 40px 20px 44px;
      }

      .about-intro-heading {
          font-size: 24px;
      }

      .about-full-image {
          height: 220px;
      }

      .about-content-block {
          padding: 44px 20px;
      }

      .about-content-heading {
          font-size: 21px;
      }

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

      .about-feature-card {
          grid-template-columns: 1fr;
          padding: 30px 20px;
          gap: 26px;
      }
  }



  .gt-about-section {
      background: #ffffff;
      font-family: 'Inter', sans-serif;
      padding: 70px 20px;
  }

  .gt-about-container {
      max-width: 1140px;
      margin: 0 auto;
  }

  .gt-about-row {
      display: flex;
      align-items: center;
      gap: 70px;
      opacity: 0;
      transform: translateY(18px);
      animation: gtFadeIn .7s ease forwards;
  }

  .gt-about-row+.gt-about-row {
      margin-top: 100px;
  }

  .gt-about-row.gt-row-reverse {
      flex-direction: row-reverse;
  }

  @keyframes gtFadeIn {
      to {
          opacity: 1;
          transform: translateY(0);
      }
  }

  .gt-about-image {
      flex: 0 0 46%;
      max-width: 46%;
      border-radius: 12px;
      overflow: hidden;
      height: 360px;
  }

  .gt-about-image img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      transition: transform .5s ease;
  }

  .gt-about-image:hover img {
      transform: scale(1.04);
  }

  .gt-about-content {
      flex: 1;
      min-width: 0;
  }

  .gt-about-heading {
      font-size: 28px;
      font-weight: 700;
      line-height: 1.28;
      letter-spacing: -0.02em;
      color: var(--gt-dark);
      margin-bottom: 16px;
  }

  .gt-about-desc {
      font-size: 15px;
      font-weight: 400;
      line-height: 1.7;
      color: var(--gt-body);
      margin-bottom: 16px;
  }

  .gt-about-desc:last-of-type {
      margin-bottom: 22px;
  }

  .gt-check-list {
      list-style: none;
      margin: 0;
      padding: 0;
      display: flex;
      flex-direction: column;
      gap: 12px;
  }

  .gt-check-item {
      display: flex;
      align-items: center;
      gap: 10px;
      font-size: 15px;
      font-weight: 600;
      color: var(--gt-dark);
  }

  .gt-check-item svg {
      flex-shrink: 0;
      color: var(--gt-blue);
  }

  @media (max-width:991px) {

      .gt-about-row,
      .gt-about-row.gt-row-reverse {
          flex-direction: column;
      }

      .gt-about-image {
          flex: 0 0 100%;
          max-width: 100%;
          width: 100%;
          height: 340px;
      }

      .gt-about-row+.gt-about-row {
          margin-top: 70px;
      }
  }

  @media (max-width:767px) {
      .gt-about-section {
          padding: 44px 20px;
      }

      .gt-about-row {
          gap: 26px;
      }

      .gt-about-row+.gt-about-row {
          margin-top: 50px;
      }

      .gt-about-image {
          height: 240px;
      }

      .gt-about-content {
          text-align: center;
      }

      .gt-about-heading {
          font-size: 22px;
      }

      .gt-check-list {
          align-items: flex-start;
          margin: 0 auto;
          width: fit-content;
      }
  }

  .gt-feature-section {
      font-family: 'Inter', sans-serif;
      background: #ffffff;
      padding: 80px 20px;
  }

  .gt-feature-container {
      max-width: 1180px;
      margin: 0 auto;
  }

  .gt-feature-card {
      background: #ffffff;
      border: 1px solid #ececec;
      border-radius: 18px;
      padding: 32px 40px;
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 40px;
  }

  .gt-feature-item {
      display: flex;
      align-items: center;
      gap: 14px;
      flex: 1;
  }

  .gt-feature-icon {
      width: 42px;
      height: 42px;
      border-radius: 50%;
      background: #1668dc;
      color: #ffffff;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      transition: transform .3s ease;
  }

  .gt-feature-item:hover .gt-feature-icon {
      transform: scale(1.08);
  }

  .gt-feature-text {
      min-width: 0;
  }

  .gt-feature-title {
      font-size: 15px;
      font-weight: 700;
      color: #111111;
      line-height: 1.3;
      margin: 0 0 2px;
      white-space: nowrap;
  }

  .gt-feature-desc {
      font-size: 12.5px;
      font-weight: 400;
      color: #7a7a7a;
      line-height: 1.4;
      margin: 0;
      white-space: nowrap;
  }

  @media (max-width:991px) {
      .gt-feature-card {
          flex-wrap: wrap;
          row-gap: 28px;
          padding: 30px;
      }

      .gt-feature-item {
          flex: 0 0 calc(50% - 20px);
      }

      .gt-feature-title,
      .gt-feature-desc {
          white-space: normal;
      }
  }

  @media (max-width:767px) {
      .gt-feature-section {
          padding: 44px 16px;
      }

      .gt-feature-card {
          flex-direction: column;
          align-items: center;
          text-align: center;
          padding: 28px 24px;
      }

      .gt-feature-item {
          flex: 0 0 100%;
          flex-direction: column;
          gap: 10px;
      }

      .gt-feature-title,
      .gt-feature-desc {
          white-space: normal;
      }
  }