@import url(./assets/src/css/default.css);
@import url(./assets/src/css/typography.css);
@import url(./assets/src/css/spacer.css);
@import url(./assets/src/css/fonts.css);
@import url(./assets/src/css/button.css);
@import url(./assets/src/css/header.css);
@import url(./assets/src/css/footer.css);
@import url(./assets/src/css/hero-banner.css);
@import url(./assets/src/css/faq.css);
@import url(./assets/src/css/team-block.css);
@import url(./assets/src/css/image-alongside-text-block.css);
@import url(./assets/src/css/grid-box.css);
@import url(./assets/src/css/slider.css);
@import url(./assets/src/css/location-list.css);
@import url(./assets/src/css/service-card.css);
@import url(./assets/src/css/cta.css);
@import url(./assets/src/css/image-card.css);
@import url(./assets/src/css/testimonial.css);
@import url(./assets/src/css/text-contrast.css);
@import url(./assets/src/css/payment-option-block.css);
@import url(./assets/src/css/clients.css);
@import url(./assets/src/css/three-column-block.css);

:root {
  /* Font Family */
  --inter: "Inter", sans-serif;

  /* Base Colors */
  --white: #ffffff;
  --black: #000000;
  --endeavour: #233f8d;
  --dark-blue: #172b63;
  --midnight-blue: #142952;
  --light-goldenrod-yellow: #f6fbd9;
  --jordy-blue: #8bb4df;
  --inch-worm: #c0e009;
  --inch-worm-34: rgba(192, 224, 9, 0.34);
  --sapphire: #0a3366;
  --laser-lemon: #e8ff64;
  --light-blue: #eff4fe;
  --primary-white-50: rgba(255, 255, 255, 0.5);
  --primary-white-60: rgba(255, 255, 255, 0.6);
  --primary-white-80: rgba(255, 255, 255, 0.8);

  --gb_base_unit: 0.125rem;
  --base_unit-half: math.div(var(--gb_base_unit), 2);
  /*-------------------------------------------------
  >> Variables for Spaces
  -------------------------------------------------*/
  --space_base_unit: var(--gb_base_unit);

  /* ------- [ D-2 to M-2 ] - [ gl-s2 ] ------- */
  --gb_space_1_max: var(--space_base_unit) * 1;
  --gb_space_1_min: var(--space_base_unit) * 1;
  --gb_space_1: clamp(
    var(--gb_space_1_min),
    calc(0.125rem + ((1vw - 7.68px) * 0)),
    var(--gb_space_1_max)
  );

  /* ------- [ D-4 to M-4] - [ gl-s4] ------- */
  --gb_space_2_max: var(--space_base_unit) * 2;
  --gb_space_2_min: var(--space_base_unit) * 2;
  --gb_space_2: clamp(
    var(--gb_space_2_min),
    calc(0.25rem + ((1vw - 7.68px) * 0)),
    var(--gb_space_2_max)
  );

  /* ------- [ D-6 to M-6] - [ gl-s6] ------- */
  --gb_space_3_max: var(--space_base_unit) * 3;
  --gb_space_3_min: var(--space_base_unit) * 3;
  --gb_space_3: clamp(
    var(--gb_space_3_min),
    calc(0.375rem + ((1vw - 7.68px) * 0)),
    var(--gb_space_3_max)
  );

  /* ------- [ D-8 to M-8] - [ gl-s8] ------- */
  --gb_space_4_max: var(--space_base_unit) * 4;
  --gb_space_4_min: var(--space_base_unit) * 4;
  --gb_space_4: clamp(
    var(--gb_space_4_min),
    calc(0.5rem + ((1vw - 7.68px) * 0)),
    var(--gb_space_4_max)
  );

  /* ------- [ D-12 to M-10] - [ gl-s12] ------- */
  --gb_space_5_max: var(--space_base_unit) * 6;
  --gb_space_5_min: var(--space_base_unit) * 5;
  --gb_space_5: clamp(
    var(--gb_space_5_min),
    calc(0.625rem + ((1vw - 7.68px) * 0.3436)),
    var(--gb_space_5_max)
  );

  /* ------- [ D-16 to M-12] - [ gl-s16] ------- */
  --gb_space_6_max: var(--space_base_unit) * 8;
  --gb_space_6_min: var(--space_base_unit) * 6;
  --gb_space_6: clamp(
    var(--gb_space_6_min),
    calc(0.75rem + ((1vw - 7.68px) * 0.6873)),
    var(--gb_space_6_max)
  );

  /* ------- [ D-20 to M-16] - [ gl-s20] ------- */
  --gb_space_7_max: var(--space_base_unit) * 10;
  --gb_space_7_min: var(--space_base_unit) * 8;
  --gb_space_7: clamp(
    var(--gb_space_7_min),
    calc(1rem + ((1vw - 7.68px) * 0.6873)),
    var(--gb_space_7_max)
  );

  /* ------- [ D-24 to M-20] - [ gl-s24] ------- */
  --gb_space_8_max: var(--space_base_unit) * 12;
  --gb_space_8_min: var(--space_base_unit) * 10;
  --gb_space_8: clamp(
    var(--gb_space_8_min),
    calc(1.25rem + ((1vw - 7.68px) * 0.6873)),
    var(--gb_space_8_max)
  );

  /* ------- [ D-28 to M-24] - [ gl-s28] ------- */
  --gb_space_19_max: var(--space_base_unit) * 14;
  --gb_space_19_min: var(--space_base_unit) * 12;
  --gb_space_19: clamp(
    var(--gb_space_19_min),
    calc(1.5rem + ((1vw - 7.68px) * 0.6873)),
    var(--gb_space_19_max)
  );

  /* ------- [ D-30 to M-24] - [ gl-s30] ------- */
  --gb_space_9_max: var(--space_base_unit) * 15;
  --gb_space_9_min: var(--space_base_unit) * 12;
  --gb_space_9: clamp(
    var(--gb_space_9_min),
    calc(1.5rem + ((1vw - 7.68px) * 1.0309)),
    var(--gb_space_9_max)
  );

  /* ------- [ D-36 to M-30] - [ gl-s36] ------- */
  --gb_space_10_max: var(--space_base_unit) * 18;
  --gb_space_10_min: var(--space_base_unit) * 15;
  --gb_space_10: clamp(
    var(--gb_space_10_min),
    calc(1.875rem + ((1vw - 7.68px) * 1.0309)),
    var(--gb_space_10_max)
  );

  /* ------- [ D-48 to M-36] - [ gl-s48] ------- */
  --gb_space_11_max: var(--space_base_unit) * 24;
  --gb_space_11_min: var(--space_base_unit) * 18;
  --gb_space_11: clamp(
    var(--gb_space_11_min),
    calc(2.25rem + ((1vw - 7.68px) * 2.0619)),
    var(--gb_space_11_max)
  );

  /* ------- [ D-72 to M-44] - [ gl-s72] ------- */
  --gb_space_12_max: var(--space_base_unit) * 36;
  --gb_space_12_min: var(--space_base_unit) * 22;
  --gb_space_12: clamp(
    var(--gb_space_12_min),
    calc(2.75rem + ((1vw - 7.68px) * 4.811)),
    var(--gb_space_12_max)
  );

  /* ------- [ D-96 to M-52] - [ gl-s96] ------- */
  --gb_space_13_max: var(--space_base_unit) * 48;
  --gb_space_13_min: var(--space_base_unit) * 26;
  --gb_space_13: clamp(
    var(--gb_space_13_min),
    calc(3.25rem + ((1vw - 7.68px) * 7.5601)),
    var(--gb_space_13_max)
  );

  /* ------- [ D-128 to M-64] - [ gl-s128] ------- */
  --gb_space_14_max: var(--space_base_unit) * 64;
  --gb_space_14_min: var(--space_base_unit) * 32;
  --gb_space_14: clamp(
    var(--gb_space_14_min),
    calc(4rem + ((1vw - 7.68px) * 10.9966)),
    var(--gb_space_14_max)
  );

  /* ------- [ D-156 to M-72] - [ gl-s156] ------- */
  --gb_space_15_max: var(--space_base_unit) * 78;
  --gb_space_15_min: var(--space_base_unit) * 36;
  --gb_space_15: clamp(
    var(--gb_space_15_min),
    calc(4.5rem + ((1vw - 7.68px) * 14.433)),
    var(--gb_space_15_max)
  );

  /* ------- [ D-200 to M-84] - [ gl-s200] ------- */
  --gb_space_16_max: var(--space_base_unit) * 100;
  --gb_space_16_min: var(--space_base_unit) * 42;
  --gb_space_16: clamp(
    var(--gb_space_16_min),
    calc(5.25rem + ((1vw - 7.68px) * 19.9313)),
    var(--gb_space_16_max)
  );

  /* ------- [ D-236 to M-98] - [ gl-s236] ------- */
  --gb_space_17_max: var(--space_base_unit) * 118;
  --gb_space_17_min: var(--space_base_unit) * 49;
  --gb_space_17: clamp(
    var(--gb_space_17_min),
    calc(6.125rem + ((1vw - 7.68px) * 23.7113)),
    var(--gb_space_17_max)
  );

  /* ------- [ D-60 to M-40] - [ gl-s60] ------- */
  --gb_space_18_max: var(--space_base_unit) * 30;
  --gb_space_18_min: var(--space_base_unit) * 20;
  --gb_space_18: clamp(
    var(--gb_space_18_min),
    calc(2.5rem + ((1vw - 7.68px) * 3.4364)),
    var(--gb_space_18_max)
  );
}

.bg-endeavour {
  background-color: var(--endeavour);
}
.bg-dark-blue {
  background-color: var(--dark-blue);
}
.bg-l-blue {
  background-color: var(--light-blue);
}
