/* @font-face {
  font-family: 'Inter';
  src: url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  ascent-override: 90%;
  descent-override: 22%;
  line-gap-override: 0%;
}

@font-face {
  font-family: 'josefin sans';
  src: url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@100;200;300;400;500;600;700&display=swap');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  ascent-override: 90%;
  descent-override: 22%;
  line-gap-override: 0%;
} */

:root {
  /* HERO / LARGE HEADINGS */
  --font-1: clamp(2.5rem, calc(2.5rem + (4.4375 - 2.5) * (100vw - 36rem) / (90 - 36)), 4.8125rem);
  /* 40px @575 → 71px @1440 → 77px @1920 */

  --font-2: clamp(2.25rem, calc(2.25rem + (3.8125 - 2.25) * (100vw - 36rem) / (90 - 36)), 4.25rem);
  /* 36px @575 → 61px @1440 → 68px @1920 */

  --font-3: clamp(1.75rem, calc(1.75rem + (3.125 - 1.75) * (100vw - 36rem) / (90 - 36)), 3.5rem);
  /* 28px @575 → 50px @1440 → 56px @1920 */

  --font-4: clamp(1.625rem, calc(1.625rem + (2.8125 - 1.625) * (100vw - 36rem) / (90 - 36)), 3.125rem);
  /* 26px @575 → 45px @1440 → 50px @1920 */

  --font-5: clamp(22px, calc(32px + 0.010417 * (100vw - 1440px)), 36px);
  /* 22px @575 → 32px @1440 → 36px @1920 */

  /* LARGE BODY / LEAD */
  --font-12: clamp(18px, calc(22px + 0.010417 * (100vw - 1440px)), 27px);
  /* 18px @575 → 22px @1440 → 27px @1920 */

  --font-15: clamp(18px, calc(23px + 0.010417 * (100vw - 1440px)), 25px);
  /* 18px @575 → 23px @1440 → 25px @1920 */

  --font-13: clamp(17px, calc(21px + 0.010417 * (100vw - 1440px)), 23.4px);
  /* 17px @575 → 21px @1440 → 23.4px @1920 */

  /* BODY TEXT */
  --font-6: clamp(18px, calc(20px + 0.010417 * (100vw - 1440px)), 22px);
  /* 18px @575 → 20px @1440 → 22px @1920 */

  --font-7: clamp(17px, calc(18px + 0.010417 * (100vw - 1440px)), 20px);
  /* 17px @575 → 18px @1440 → 20px @1920 */

  --font-8: clamp(16px, calc(16px + 0.010417 * (100vw - 1440px)), 18px);
  /* 16px @575 → 16px @1440 → 18px @1920 */

  --font-9: clamp(16px, calc(15px + 0.010417 * (100vw - 1440px)), 15px);
  /* 15px @575-1440 → 16px @1920 */

  /* SMALL / META — WCAG SAFE */
  --font-10: clamp(13px, calc(13px + 0.010417 * (100vw - 1440px)), 14.4px);
  /* 14px @575 → 14px @1440 → 14.4px @1920 */

  --font-11: 0.875rem;
  /* 14px fixed */
  --font-14: 0.75rem;
  /* 12px fixed */

  /* text color */
  --text-color-1: 255, 255, 255;
  --text-color-2: 0, 0, 0;
  --text-color-3: 0, 171, 99;
  --text-color-4: 0, 69, 50;
  --text-color-5: 62, 187, 141;
  --text-color-6: 255, 81, 0;
  --text-color-7: 217, 217, 217;
  --text-color-8: 247, 245, 241;
  --text-color-9: 242, 239, 231;
  --text-color-10: 11, 35, 64;
  --text-color-11: 60, 34, 64;
  --text-color-12: 138, 97, 151;
  --text-color-13: 26, 26, 26;
  --text-color-14: 232, 229, 222;
  --text-color-15: 53, 23, 60;
  --text-color-16: 248, 246, 240;
  --text-color-17: 230, 227, 219;
  --text-color-18: 0, 171, 82;
  --text-color-19: 249, 247, 243;
  --text-color-20: 136, 136, 136;

  /* background color */
  --bg-color-1: 255, 255, 255;
  --bg-color-2: 0, 0, 0;
  --bg-color-3: 0, 171, 99;
  --bg-color-4: 0, 69, 50;
  --bg-color-5: 62, 187, 141;
  --bg-color-6: 255, 81, 0;
  --bg-color-7: 217, 217, 217;
  --bg-color-8: 247, 245, 241;
  --bg-color-9: 242, 239, 231;
  --bg-color-10: 11, 35, 64;
  --bg-color-11: 60, 34, 64;
  --bg-color-12: 138, 97, 151;
  --bg-color-13: 26, 26, 26;
  --bg-color-14: 232, 229, 222;
  --bg-color-15: 53, 23, 60;
  --bg-color-16: 248, 246, 240;
  --bg-color-17: 230, 227, 219;
  --bg-color-18: 0, 171, 82;
  --bg-color-19: 249, 247, 243;
  --bg-color-20: 136, 136, 136;

  /* border color */
  --border-color-1: 255, 255, 255;
  --border-color-2: 0, 0, 0;
  --border-color-3: 0, 171, 99;
  --border-color-4: 0, 69, 50;
  --border-color-5: 62, 187, 141;
  --border-color-6: 255, 81, 0;
  --border-color-7: 217, 217, 217;
  --border-color-8: 247, 245, 241;
  --border-color-9: 242, 239, 231;
  --border-color-10: 11, 35, 64;
  --border-color-11: 60, 34, 64;
  --border-color-12: 138, 97, 151;
  --border-color-13: 26, 26, 26;
  --border-color-14: 232, 229, 222;
  --border-color-15: 53, 23, 60;
  --border-color-16: 248, 246, 240;
  --border-color-17: 230, 227, 219;
  --border-color-18: 0, 171, 82;
  --border-color-19: 249, 247, 243;
  --border-color-20: 136, 136, 136;

  /* border radius */
  --border-radius-1: 5px;
  --border-radius-2: 10px;
  --border-radius-3: 12px;
  --border-radius-4: 15px;
  --border-radius-5: 20px;
  --border-radius-6: 30px;
  --border-radius-7: 36px;
  --border-radius-8: 136px;

  /* latter spacing */
  --letter-spacing-1: -0.8px;
  --letter-spacing-2: -0.48px;

  /* font family */
  --font-inter: "Inter", sans-serif;
  --font-josefin: "Josefin Sans", sans-serif;
}

/* font size class */

.font-1 {
  font-size: var(--font-1);
  line-height: 1;
}

.font-2 {
  font-size: var(--font-2);
  line-height: 1;
  letter-spacing: var(--letter-spacing-1);
}

.font-3 {
  font-size: var(--font-3);
  line-height: 1;
}

.font-4 {
  font-size: var(--font-4);
  line-height: 1;
}

.font-5 {
  font-size: var(--font-5);
  line-height: 1;
  letter-spacing: var(--letter-spacing-2);
}

.font-6 {
  font-size: var(--font-6);
  line-height: 1;
}

.font-7 {
  font-size: var(--font-7);
  line-height: 1.2;
}

.font-8 {
  font-size: var(--font-8);
  line-height: 1.2;
}

.font-9 {
  font-size: var(--font-9);
  line-height: 1.4;
}

.font-10 {
  font-size: var(--font-10);
  line-height: 1.2;
}

.font-11 {
  font-size: var(--font-11);
  line-height: 1.2;
}

.font-12 {
  font-size: var(--font-12);
  line-height: 1.1;
  letter-spacing: var(--letter-spacing-1);
}

.font-13 {
  font-size: var(--font-13);
  line-height: 1.2;
  letter-spacing: var(--letter-spacing-1);
}

.font-14 {
  font-size: var(--font-14);
  line-height: 1.2;
}

.font-15 {
  font-size: var(--font-15);
  line-height: 1.1;
}

/* text color class */
.text__color-1 {
  color: rgba(var(--text-color-1));
}

.text__color-2 {
  color: rgba(var(--text-color-2));
}

.text__color-3 {
  /* color: rgba(var(--text-color-3)); */
  color: #009E5C;
}

.text__color-4 {
  color: rgba(var(--text-color-4));
}

.text__color-5 {
  color: rgba(var(--text-color-5));
}

.text__color-6 {
  color: rgba(var(--text-color-6));
}

.text__color-7 {
  color: rgba(var(--text-color-7));
}

.text__color-8 {
  color: rgba(var(--text-color-8));
}

.text__color-9 {
  color: rgba(var(--text-color-9));
}

.text__color-10 {
  color: rgba(var(--text-color-10));
}

.text__color-11 {
  color: rgba(var(--text-color-11));
}

.text__color-12 {
  color: rgba(var(--text-color-12));
}

.text__color-13 {
  color: rgba(var(--text-color-13));
}

.text__color-14 {
  color: rgba(var(--text-color-14));
}

.text__color-15 {
  color: rgba(var(--text-color-15));
}

.text__color-16 {
  color: rgba(var(--text-color-16));
}

.text__color-17 {
  color: rgba(var(--text-color-17));
}

.text__color-18 {
  color: rgba(var(--text-color-18));
}

.text__color-19 {
  color: rgba(var(--text-color-19));
}

.text__color-20 {
  color: rgba(var(--text-color-20));
}

/* background color class */
.bg__color-1 {
  background-color: rgba(var(--bg-color-1));
}

.bg__color-2 {
  background-color: rgba(var(--bg-color-2));
}

.bg__color-3 {
  background-color: rgba(var(--bg-color-3));
}

.bg__color-4 {
  background-color: rgba(var(--bg-color-4));
}

.bg__color-5 {
  background-color: rgba(var(--bg-color-5));
}

.bg__color-6 {
  background-color: rgba(var(--bg-color-6));
}

.bg__color-7 {
  background-color: rgba(var(--bg-color-7));
}

.bg__color-8 {
  background-color: rgba(var(--bg-color-8));
}

.bg__color-9 {
  background-color: rgba(var(--bg-color-9));
}

.bg__color-10 {
  background-color: rgba(var(--bg-color-10));
}

.bg__color-11 {
  background-color: rgba(var(--bg-color-11));
}

.bg__color-12 {
  background-color: rgba(var(--bg-color-12));
}

.bg__color-13 {
  background-color: rgba(var(--bg-color-13));
}

.bg__color-14 {
  background-color: rgba(var(--bg-color-14));
}

.bg__color-15 {
  background-color: rgba(var(--bg-color-15));
}

.bg__color-16 {
  background-color: rgba(var(--bg-color-16));
}

.bg__color-17 {
  background-color: rgba(var(--bg-color-17));
}

.bg__color-18 {
  background-color: rgba(var(--bg-color-18));
}

.bg__color-19 {
  background-color: rgba(var(--bg-color-19));
}

.bg__color-20 {
  background-color: rgba(var(--bg-color-20));
}

/* border color class */
.border__color-1 {
  border-color: rgba(var(--border-color-1));
}

.border__color-2 {
  border-color: rgba(var(--border-color-2));
}

.border__color-3 {
  border-color: rgba(var(--border-color-3));
}

.border__color-4 {
  border-color: rgba(var(--border-color-4));
}

.border__color-5 {
  border-color: rgba(var(--border-color-5));
}

.border__color-6 {
  border-color: rgba(var(--border-color-6));
}

.border__color-7 {
  border-color: rgba(var(--border-color-7));
}

.border__color-8 {
  border-color: rgba(var(--border-color-8));
}

.border__color-9 {
  border-color: rgba(var(--border-color-9));
}

.border__color-10 {
  border-color: rgba(var(--border-color-10));
}

.border__color-11 {
  border-color: rgba(var(--border-color-11));
}

.border__color-12 {
  border-color: rgba(var(--border-color-12));
}

.border__color-13 {
  border-color: rgba(var(--border-color-13));
}

.border__color-14 {
  border-color: rgba(var(--border-color-14));
}

.border__color-15 {
  border-color: rgba(var(--border-color-15));
}

.border__color-16 {
  border-color: rgba(var(--border-color-16));
}

.border__color-17 {
  border-color: rgba(var(--border-color-17));
}

.border__color-18 {
  border-color: rgba(var(--border-color-18));
}

.border__color-19 {
  border-color: rgba(var(--border-color-19));
}

.border__color-20 {
  border-color: rgba(var(--border-color-20));
}

/* border radius class */
.border-radius-1 {
  border-radius: var(--border-radius-1);
}

.border-radius-2 {
  border-radius: var(--border-radius-2);
}

.border-radius-3 {
  border-radius: var(--border-radius-3);
}

.border-radius-4 {
  border-radius: var(--border-radius-4);
}

.border-radius-5 {
  border-radius: var(--border-radius-5);
}

.border-radius-6 {
  border-radius: var(--border-radius-6);
}

.border-radius-7 {
  border-radius: var(--border-radius-7);
}

.border-radius-8 {
  border-radius: var(--border-radius-8);
}

/* letter spacing class */
.letter-spacing-1 {
  letter-spacing: var(--letter-spacing-1);
}

.letter-spacing-2 {
  letter-spacing: var(--letter-spacing-2);
}

/* font family */
.font-josefin {
  font-family: "josefin sans", sans-serif;
}

.font-inter {
  font-family: "Inter", sans-serif;
}

a {
  color: rgba(var(--text-color-2));
  font-size: inherit;
}

a:hover {
  color: rgba(var(--text-color-6));
  /* font-size: inherit; */
}

/* site buttons */
.site__btn-1 {
  font-weight: 600;
  font-size: var(--font-10);
  color: rgba(var(--text-color-1));
  background-color: rgba(var(--bg-color-3));
  padding: 12px 20px;
  border: none;
  border-radius: var(--border-radius-3);
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  white-space: nowrap;
  transition: background-color 0.3s ease;
  width: fit-content;

  &:hover {
    background-color: rgba(var(--bg-color-6));
    color: rgba(var(--text-color-1));
  }
}

.site__btn-2 {
  font-weight: 600;
  font-size: var(--font-8);
  color: rgba(var(--text-color-1));
  background-color: rgba(var(--bg-color-6));
  padding: 13px 20px;
  border: none;
  border-radius: var(--border-radius-3);
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  width: fit-content;
  white-space: nowrap;
  transition: background-color 0.3s ease;

  &:hover {
    background-color: rgba(var(--bg-color-3));
    color: rgba(var(--text-color-1));
  }
}

.site__btn-3 {
  font-weight: 600;
  font-size: var(--font-8);
  color: rgba(var(--text-color-2));
  background-color: rgba(var(--bg-color-1));
  padding: 13px 20px;
  border: none;
  border-radius: var(--border-radius-3);
  text-decoration: none;
  display: flex;
  width: fit-content;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  white-space: nowrap;
  transition: all 0.3s ease;

  &:hover {
    background-color: rgba(var(--bg-color-2));
    color: rgba(var(--text-color-1));
  }
}

.site__btn-4 {
  font-weight: 600;
  font-size: var(--font-8);
  color: rgba(var(--text-color-1));
  background-color: rgba(var(--bg-color-2));
  padding: 13px 20px;
  border: none;
  border-radius: var(--border-radius-3);
  text-decoration: none;
  display: flex;
  width: fit-content;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  white-space: nowrap;
  transition: all 0.3s ease;

  &:hover {
    background-color: rgba(var(--bg-color-3));
    color: rgba(var(--text-color-1));
  }
}

.site__btn-5 {
  font-weight: 600;
  font-size: var(--font-8);
  color: rgba(var(--text-color-2));
  border-bottom: 2px solid rgba(var(--border-color-2));
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  width: fit-content;
  white-space: nowrap;
  transition: all 0.3s ease;

  &:hover {
    border-color: rgba(var(--bg-color-6));
    color: rgba(var(--text-color-6));
  }
}

.site__btn-6 {
  font-weight: 600;
  font-size: var(--font-8);
  color: rgba(var(--text-color-1));
  border-bottom: 2px solid rgba(var(--border-color-1));
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  width: fit-content;
  white-space: nowrap;
  transition: all 0.3s ease;

  &:hover {
    border-color: rgba(var(--bg-color-6));
    color: rgba(var(--text-color-6));
  }
}

.site__btn-7 {
  font-weight: 600;
  font-size: var(--font-10);
  color: rgba(var(--text-color-1));
  padding: 12px 20px;
  border: 1px solid rgba(var(--border-color-1));
  border-radius: var(--border-radius-3);
  text-decoration: none;
  display: flex;
  width: fit-content;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  white-space: nowrap;
  transition: background-color 0.3s ease;

  &:hover {
    background-color: rgba(var(--bg-color-3));
    border: 1px solid rgba(var(--border-color-3));
    color: rgba(var(--text-color-1));
  }
}

.site__btn-8 {
  font-weight: 600;
  font-size: var(--font-8);
  color: rgba(var(--text-color-2));
  padding: 12px 20px;
  border: 1px solid rgba(var(--border-color-2));
  border-radius: var(--border-radius-3);
  text-decoration: none;
  display: flex;
  width: fit-content;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  white-space: nowrap;
  transition: background-color 0.3s ease;

  &:hover {
    background-color: rgba(var(--bg-color-3));
    border: 1px solid rgba(var(--border-color-3));
    color: rgba(var(--text-color-1));
  }
}

.site__btn-9 {
  font-weight: 600;
  font-size: var(--font-8);
  color: rgba(var(--text-color-1));
  background-color: rgba(var(--bg-color-4));
  padding: 13px 20px;
  border: none;
  border-radius: var(--border-radius-3);
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  width: fit-content;
  white-space: nowrap;
  transition: background-color 0.3s ease;

  &:hover {
    background-color: rgba(var(--bg-color-3));
    color: rgba(var(--text-color-1));
  }
}

@media (max-width: 500px) {

  .site__btn-1,
  .site__btn-2,
  .site__btn-3,
  .site__btn-4,
  .site__btn-5,
  .site__btn-6,
  .site__btn-7,
  .site__btn-8,
  .site__btn-9 {
    width: 100%;
  }
}

@media (max-width: 420px) {

  .site__btn-1,
  .site__btn-2,
  .site__btn-3,
  .site__btn-4,
  .site__btn-5,
  .site__btn-6,
  .site__btn-7,
  .site__btn-8,
  .site__btn-9 {
    white-space: wrap;
  }
}

/* general css */

body {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: var(--font-9);
  color: rgba(var(--text-color-2));
  background-color: rgba(var(--bg-color-9));
  margin: 0 !important;
  padding: 0;
  box-sizing: border-box;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}

h1 {
  font-size: var(--font-2);
  line-height: 1;
  font-family: "josefin sans", sans-serif;
}

h2 {
  font-size: var(--font-4);
  line-height: 1;
  font-family: "josefin sans", sans-serif;
}

h3 {
  font-size: var(--font-12);
  line-height: 1.2;
  font-family: "josefin sans", sans-serif;
}

p {
  margin: 0;
}

/* site container */
.site-container {
  max-width: 1300px;
  width: 81%;
  margin-inline: auto;
}

/* Padding classes */

/* Mobile */
.pt-0 {
  padding-top: 0;
}

.pb-0 {
  padding-bottom: 0;
}

.pt-xxl {
  padding-top: 70px;
}

.pt-xl {
  padding-top: 37px;
}

.pt-l {
  padding-top: 30px;
}

.pt-m {
  padding-top: 18px;
}

/* .pb-xxl {
  padding-bottom: 70px;
} */
.pb-xxl {
  padding-bottom: 200px !important;
}

.pb-xl {
  padding-bottom: 37px;
}

.pb-l {
  padding-bottom: 30px;
}

.pb-m {
  padding-bottom: 18px;
}

/* Tablet (768px-1023px) */
@media (min-width: 768px) {
  .pt-xxl {
    padding-top: 100px;
  }

  .pt-xl {
    padding-top: 49px;
  }

  .pt-l {
    padding-top: 40px;
  }

  .pt-m {
    padding-top: 24px;
  }

  /* .pb-xxl {
    padding-bottom: 100px;
  } */

  .pb-xl {
    padding-bottom: 49px;
  }

  .pb-l {
    padding-bottom: 40px;
  }

  .pb-m {
    padding-bottom: 24px;
  }
}

/* Small Desktop/Nest Hub (1024px-1279px) */
@media (min-width: 1024px) {
  .pt-xxl {
    padding-top: 150px;
  }

  .pt-xl {
    padding-top: 55px;
  }

  .pt-l {
    padding-top: 45px;
  }

  .pt-m {
    padding-top: 27px;
  }

  /* .pb-xxl {
    padding-bottom: 150px;
  } */

  .pb-xl {
    padding-bottom: 55px;
  }

  .pb-l {
    padding-bottom: 45px;
  }

  .pb-m {
    padding-bottom: 27px;
  }
}

/* Desktop (1280px+) */
@media (min-width: 1280px) {
  .pt-xxl {
    padding-top: 200px;
  }

  .pt-xl {
    padding-top: 77px;
  }

  .pt-l {
    padding-top: 62px;
  }

  .pt-m {
    padding-top: 38px;
  }

  /* .pb-xxl {
    padding-bottom: 200px;
  } */

  .pb-xl {
    padding-bottom: 77px;
  }

  .pb-l {
    padding-bottom: 62px;
  }

  .pb-m {
    padding-bottom: 38px;
  }
}

/* Line height */

.leading_1-25 {
  line-height: 1.25;
}

/* section shadow */
.section-green-shadow-left {
  position: relative;
  overflow-x: clip !important;
}

/* Blurred left side block */
.section-green-shadow-left::after {
  content: "";
  position: absolute;
  top: 50%;
  left: -290px;
  width: 413px;
  height: 70%;
  /* background: rgba(var(--bg-color-3)); */
  background: #00ab6366;
  z-index: 0;
  pointer-events: none;
  filter: blur(90px);
  transform: translateY(-50%);
  opacity: 90%;
}

/* purple shadow */
.section-green-shadow-left.bg__color-15.section-green-shadow-left::after,
.section-green-shadow-right.bg__color-15.section-green-shadow-right::after {
  background: #704879 !important;
}

/* purple shadow */
.section-green-shadow-left.bg__color-9.section-green-shadow-left::after,
.section-green-shadow-right.bg__color-9.section-green-shadow-right::after {
  content: none !important;
}

/* Blurred right side block */
.section-green-shadow-right {
  position: relative;
  overflow-x: clip !important;
}

.section-green-shadow-right::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -260px;
  width: 537px;
  height: 70%;
  /* background: rgba(var(--bg-color-3)); */
  background: #00ab6366;
  z-index: 0;
  pointer-events: none;
  filter: blur(90px);
  transform: translateY(-50%);
  opacity: 90%;
}

/* section top line css */
.section-top-left-line,
.section-top-right-line {
  position: relative;
  overflow-x: clip;
  overflow-y: visible;
  margin-top: 40px;
}

.section-top-left-line::before,
.section-top-right-line::before {
  content: "";
  width: 94%;
  height: 59.53px;
  background-color: rgba(var(--bg-color-5));
  position: absolute;
  top: -16.53px;
  z-index: -1;
}

.section-top-left-line::before {
  right: 0px;
  border-top-left-radius: 120px;
  rotate: 1.2deg;
}

.section-top-right-line::before {
  left: 0px;
  border-top-right-radius: 120px;
  rotate: -1.2deg;
}

@media (max-width: 1500px) {
  .section-top-left-line::before {
    rotate: 1.5deg;
  }

  .section-top-right-line::before {
    rotate: -1.5deg;
  }

  .site-container {
    width: 88%;
  }
}

@media (max-width: 1280px) {
  .section-top-left-line::before {
    rotate: 2deg;
    top: -14px;
  }

  .section-top-right-line::before {
    rotate: -2deg;
    top: -14px;
  }
}

@media (max-width: 767px) {
  .section-top-left-line::before {
    rotate: 4deg;
    top: -16px;
  }

  .section-top-right-line::before {
    rotate: -4deg;
    top: -16px;
  }

  .site-container {
    width: 85%;
  }

  .section-top-left-line,
  .section-top-right-line {
    margin-top: 50px;
  }
}

@media (max-width: 450px) {
  .section-top-left-line::before {
    rotate: 4deg;
    top: -12px;
    width: 98%;
  }

  .section-top-right-line::before {
    rotate: -4deg;
    top: -12px;
    width: 98%;
  }
}

/* Disable css */
:disabled {
  pointer-events: none;
  opacity: 0.5;
}

.site__header--full .site__header--left .site__logo .site-description {
  display: none;
}