html,
body {
  font-family: Rubik, sans-serif;
  font-size: 16px;
  color: #030712;
  scroll-behavior: smooth;
}

img {
  max-width: 100%;
}

a {
  color: inherit;
  text-decoration: inherit;
}

input {
  outline: none;
  -moz-appearance: none;
}

button[type=submit],
button,
input[type=search] {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
}

input::placeholder {
  font-family: Rubik, sans-serif;
}

h2 {
  font-weight: 600;
}
@font-face {
  font-family: "Rubik";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("fonts/Rubik/Rubik-Light.woff2") format("woff2");
}

@font-face {
  font-family: "Rubik";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url("fonts/Rubik/Rubik-Light.woff2") format("woff2");
}

@font-face {
  font-family: "Rubik";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/Rubik/Rubik-Regular.woff2") format("woff2");
}

@font-face {
  font-family: "Rubik";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/Rubik/Rubik-Regular.woff2") format("woff2");
}

@font-face {
  font-family: "Rubik";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/Rubik/Rubik-Medium.woff2") format("woff2");
}

@font-face {
  font-family: "Rubik";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/Rubik/Rubik-Medium.woff2") format("woff2");
}

@font-face {
  font-family: "Rubik";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("fonts/Rubik/Rubik-SemiBold.woff2") format("woff2");
}

@font-face {
  font-family: "Rubik";
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url("fonts/Rubik/Rubik-SemiBold.woff2") format("woff2");
}

@font-face {
  font-family: "Rubik";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/Rubik/Rubik-Bold.woff2") format("woff2");
}

@font-face {
  font-family: "Rubik";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/Rubik/Rubik-Bold.woff2") format("woff2");
}

@font-face {
  font-family: "Rubik";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("fonts/Rubik/Rubik-ExtraBold.woff2") format("woff2");
}

@font-face {
  font-family: "Rubik";
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url("fonts/Rubik/Rubik-ExtraBold.woff2") format("woff2");
}

@font-face {
  font-family: "Rubik";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("fonts/Rubik/Rubik-Black.woff2") format("woff2");
}

@font-face {
  font-family: "Rubik";
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url("fonts/Rubik/Rubik-Black.woff2") format("woff2");
}
:root {
  --border-raduis: 6px;
  --border-raduis-sm: 4px;
  --border-raduis-xs: 2px;
  --border-raduis-none: 0;
  --white: #fff;
  --black: #000;
  --grey-50: #F9FAFB;
  --grey-100: #F3F4F6;
  --grey-200: #E5E7EB;
  --grey-300: #D1D5DB;
  --grey-400: #9CA3AF;
  --grey-500: #6B7280;
  --grey-600: #4B5563;
  --grey-700: #374151;
  --grey-800: #1F2937;
  --grey-850: #1F2937;
  --grey-900: #030712;
  --yellow-50: #FEFCE8;
  --yellow-100: #FEF9C3;
  --yellow-200: #FEF08A;
  --yellow-300: #FDE047;
  --yellow-400: #FACC15;
  --yellow-500: #FACC15;
  --yellow-600: #CA8A04;
  --yellow-700: #A16207;
  --yellow-800: #854D0E;
  --yellow-850: #854D0E;
  --yellow-900: #422006;
  --green-50: #C9EBBC;
  --green-100: #BCE6AC;
  --green-150: #AFE19D;
  --green-200: #A2DC8D;
  --green-300: #89D36E;
  --green-400: #6FC94F;
  --green-500: #5AB738;
  --green-600: #49942D;
  --green-700: #377122;
  --green-750: #2F5F1D;
  --green-800: #264E18;
  --green-850: #264E18;
  --green-900: #152A0D;
  --red-50: #F1C9C9;
  --red-100: #ECB9B9;
  --red-150: #E8A9A9;
  --red-200: #E49999;
  --red-300: #DB7878;
  --red-400: #D35858;
  --red-500: #CA3838;
  --red-600: #A72D2D;
  --red-700: #832323;
  --red-750: #711E1E;
  --red-800: #5F1919;
  --red-850: #5F1919;
  --red-900: #3B1010;
  --orange-50: #fff7ed;
  --orange-100: #ffedd5;
  --orange-200: #fed7aa;
  --orange-300: #fdba74;
  --orange-400: #fb923c;
  --orange-500: #f97316;
  --orange-600: #ea580c;
  --orange-700: #c2410c;
  --orange-800: #9a3412;
  --orange-850: #9a3412;
  --orange-900: #7c2d12;
}
.bg-white {
  background-color: #fff;
}

.bg-black {
  background-color: #000;
}

.bg-grey-50 {
  background-color: #F9FAFB;
}

.bg-grey-100 {
  background-color: #F3F4F6;
}

.bg-grey-200 {
  background-color: #E5E7EB;
}

.bg-grey-300 {
  background-color: #D1D5DB;
}

.bg-grey-400 {
  background-color: #9CA3AF;
}

.bg-grey-500 {
  background-color: #6B7280;
}

.bg-grey-600 {
  background-color: #4B5563;
}

.bg-grey-700 {
  background-color: #374151;
}

.bg-grey-800 {
  background-color: #1F2937;
}

.bg-grey-850 {
  background-color: #1F2937;
}

.bg-grey-900 {
  background-color: #030712;
}

.bg-yellow-50 {
  background-color: #FEFCE8;
}

.bg-yellow-100 {
  background-color: #FEF9C3;
}

.bg-yellow-200 {
  background-color: #FEF08A;
}

.bg-yellow-300 {
  background-color: #FDE047;
}

.bg-yellow-400 {
  background-color: #FACC15;
}

.bg-yellow-500 {
  background-color: #FACC15;
}

.bg-yellow-600 {
  background-color: #CA8A04;
}

.bg-yellow-700 {
  background-color: #A16207;
}

.bg-yellow-800 {
  background-color: #854D0E;
}

.bg-yellow-850 {
  background-color: #854D0E;
}

.bg-yellow-900 {
  background-color: #422006;
}

.bg-green-50 {
  background-color: #C9EBBC;
}

.bg-green-100 {
  background-color: #BCE6AC;
}

.bg-green-150 {
  background-color: #AFE19D;
}

.bg-green-200 {
  background-color: #A2DC8D;
}

.bg-green-300 {
  background-color: #89D36E;
}

.bg-green-400 {
  background-color: #6FC94F;
}

.bg-green-500 {
  background-color: #5AB738;
}

.bg-green-600 {
  background-color: #49942D;
}

.bg-green-700 {
  background-color: #377122;
}

.bg-green-750 {
  background-color: #2F5F1D;
}

.bg-green-800 {
  background-color: #264E18;
}

.bg-green-850 {
  background-color: #264E18;
}

.bg-green-900 {
  background-color: #152A0D;
}

.bg-red-50 {
  background-color: #F1C9C9;
}

.bg-red-100 {
  background-color: #ECB9B9;
}

.bg-red-150 {
  background-color: #E8A9A9;
}

.bg-red-200 {
  background-color: #E49999;
}

.bg-red-300 {
  background-color: #DB7878;
}

.bg-red-400 {
  background-color: #D35858;
}

.bg-red-500 {
  background-color: #CA3838;
}

.bg-red-600 {
  background-color: #A72D2D;
}

.bg-red-700 {
  background-color: #832323;
}

.bg-red-750 {
  background-color: #711E1E;
}

.bg-red-800 {
  background-color: #5F1919;
}

.bg-red-850 {
  background-color: #5F1919;
}

.bg-red-900 {
  background-color: #3B1010;
}

.bg-orange-50 {
  background-color: #fff7ed;
}

.bg-orange-100 {
  background-color: #ffedd5;
}

.bg-orange-200 {
  background-color: #fed7aa;
}

.bg-orange-300 {
  background-color: #fdba74;
}

.bg-orange-400 {
  background-color: #fb923c;
}

.bg-orange-500 {
  background-color: #f97316;
}

.bg-orange-600 {
  background-color: #ea580c;
}

.bg-orange-700 {
  background-color: #c2410c;
}

.bg-orange-800 {
  background-color: #9a3412;
}

.bg-orange-850 {
  background-color: #9a3412;
}

.bg-orange-900 {
  background-color: #7c2d12;
}

@media (min-width: 360px) {
  .xs\:bg-white {
    background-color: #fff;
  }

  .xs\:bg-black {
    background-color: #000;
  }

  .xs\:bg-grey-50 {
    background-color: #F9FAFB;
  }

  .xs\:bg-grey-100 {
    background-color: #F3F4F6;
  }

  .xs\:bg-grey-200 {
    background-color: #E5E7EB;
  }

  .xs\:bg-grey-300 {
    background-color: #D1D5DB;
  }

  .xs\:bg-grey-400 {
    background-color: #9CA3AF;
  }

  .xs\:bg-grey-500 {
    background-color: #6B7280;
  }

  .xs\:bg-grey-600 {
    background-color: #4B5563;
  }

  .xs\:bg-grey-700 {
    background-color: #374151;
  }

  .xs\:bg-grey-800 {
    background-color: #1F2937;
  }

  .xs\:bg-grey-850 {
    background-color: #1F2937;
  }

  .xs\:bg-grey-900 {
    background-color: #030712;
  }

  .xs\:bg-yellow-50 {
    background-color: #FEFCE8;
  }

  .xs\:bg-yellow-100 {
    background-color: #FEF9C3;
  }

  .xs\:bg-yellow-200 {
    background-color: #FEF08A;
  }

  .xs\:bg-yellow-300 {
    background-color: #FDE047;
  }

  .xs\:bg-yellow-400 {
    background-color: #FACC15;
  }

  .xs\:bg-yellow-500 {
    background-color: #FACC15;
  }

  .xs\:bg-yellow-600 {
    background-color: #CA8A04;
  }

  .xs\:bg-yellow-700 {
    background-color: #A16207;
  }

  .xs\:bg-yellow-800 {
    background-color: #854D0E;
  }

  .xs\:bg-yellow-850 {
    background-color: #854D0E;
  }

  .xs\:bg-yellow-900 {
    background-color: #422006;
  }

  .xs\:bg-green-50 {
    background-color: #C9EBBC;
  }

  .xs\:bg-green-100 {
    background-color: #BCE6AC;
  }

  .xs\:bg-green-150 {
    background-color: #AFE19D;
  }

  .xs\:bg-green-200 {
    background-color: #A2DC8D;
  }

  .xs\:bg-green-300 {
    background-color: #89D36E;
  }

  .xs\:bg-green-400 {
    background-color: #6FC94F;
  }

  .xs\:bg-green-500 {
    background-color: #5AB738;
  }

  .xs\:bg-green-600 {
    background-color: #49942D;
  }

  .xs\:bg-green-700 {
    background-color: #377122;
  }

  .xs\:bg-green-750 {
    background-color: #2F5F1D;
  }

  .xs\:bg-green-800 {
    background-color: #264E18;
  }

  .xs\:bg-green-850 {
    background-color: #264E18;
  }

  .xs\:bg-green-900 {
    background-color: #152A0D;
  }

  .xs\:bg-red-50 {
    background-color: #F1C9C9;
  }

  .xs\:bg-red-100 {
    background-color: #ECB9B9;
  }

  .xs\:bg-red-150 {
    background-color: #E8A9A9;
  }

  .xs\:bg-red-200 {
    background-color: #E49999;
  }

  .xs\:bg-red-300 {
    background-color: #DB7878;
  }

  .xs\:bg-red-400 {
    background-color: #D35858;
  }

  .xs\:bg-red-500 {
    background-color: #CA3838;
  }

  .xs\:bg-red-600 {
    background-color: #A72D2D;
  }

  .xs\:bg-red-700 {
    background-color: #832323;
  }

  .xs\:bg-red-750 {
    background-color: #711E1E;
  }

  .xs\:bg-red-800 {
    background-color: #5F1919;
  }

  .xs\:bg-red-850 {
    background-color: #5F1919;
  }

  .xs\:bg-red-900 {
    background-color: #3B1010;
  }

  .xs\:bg-orange-50 {
    background-color: #fff7ed;
  }

  .xs\:bg-orange-100 {
    background-color: #ffedd5;
  }

  .xs\:bg-orange-200 {
    background-color: #fed7aa;
  }

  .xs\:bg-orange-300 {
    background-color: #fdba74;
  }

  .xs\:bg-orange-400 {
    background-color: #fb923c;
  }

  .xs\:bg-orange-500 {
    background-color: #f97316;
  }

  .xs\:bg-orange-600 {
    background-color: #ea580c;
  }

  .xs\:bg-orange-700 {
    background-color: #c2410c;
  }

  .xs\:bg-orange-800 {
    background-color: #9a3412;
  }

  .xs\:bg-orange-850 {
    background-color: #9a3412;
  }

  .xs\:bg-orange-900 {
    background-color: #7c2d12;
  }
}

@media (min-width: 380px) {
  .sm\:bg-white {
    background-color: #fff;
  }

  .sm\:bg-black {
    background-color: #000;
  }

  .sm\:bg-grey-50 {
    background-color: #F9FAFB;
  }

  .sm\:bg-grey-100 {
    background-color: #F3F4F6;
  }

  .sm\:bg-grey-200 {
    background-color: #E5E7EB;
  }

  .sm\:bg-grey-300 {
    background-color: #D1D5DB;
  }

  .sm\:bg-grey-400 {
    background-color: #9CA3AF;
  }

  .sm\:bg-grey-500 {
    background-color: #6B7280;
  }

  .sm\:bg-grey-600 {
    background-color: #4B5563;
  }

  .sm\:bg-grey-700 {
    background-color: #374151;
  }

  .sm\:bg-grey-800 {
    background-color: #1F2937;
  }

  .sm\:bg-grey-850 {
    background-color: #1F2937;
  }

  .sm\:bg-grey-900 {
    background-color: #030712;
  }

  .sm\:bg-yellow-50 {
    background-color: #FEFCE8;
  }

  .sm\:bg-yellow-100 {
    background-color: #FEF9C3;
  }

  .sm\:bg-yellow-200 {
    background-color: #FEF08A;
  }

  .sm\:bg-yellow-300 {
    background-color: #FDE047;
  }

  .sm\:bg-yellow-400 {
    background-color: #FACC15;
  }

  .sm\:bg-yellow-500 {
    background-color: #FACC15;
  }

  .sm\:bg-yellow-600 {
    background-color: #CA8A04;
  }

  .sm\:bg-yellow-700 {
    background-color: #A16207;
  }

  .sm\:bg-yellow-800 {
    background-color: #854D0E;
  }

  .sm\:bg-yellow-850 {
    background-color: #854D0E;
  }

  .sm\:bg-yellow-900 {
    background-color: #422006;
  }

  .sm\:bg-green-50 {
    background-color: #C9EBBC;
  }

  .sm\:bg-green-100 {
    background-color: #BCE6AC;
  }

  .sm\:bg-green-150 {
    background-color: #AFE19D;
  }

  .sm\:bg-green-200 {
    background-color: #A2DC8D;
  }

  .sm\:bg-green-300 {
    background-color: #89D36E;
  }

  .sm\:bg-green-400 {
    background-color: #6FC94F;
  }

  .sm\:bg-green-500 {
    background-color: #5AB738;
  }

  .sm\:bg-green-600 {
    background-color: #49942D;
  }

  .sm\:bg-green-700 {
    background-color: #377122;
  }

  .sm\:bg-green-750 {
    background-color: #2F5F1D;
  }

  .sm\:bg-green-800 {
    background-color: #264E18;
  }

  .sm\:bg-green-850 {
    background-color: #264E18;
  }

  .sm\:bg-green-900 {
    background-color: #152A0D;
  }

  .sm\:bg-red-50 {
    background-color: #F1C9C9;
  }

  .sm\:bg-red-100 {
    background-color: #ECB9B9;
  }

  .sm\:bg-red-150 {
    background-color: #E8A9A9;
  }

  .sm\:bg-red-200 {
    background-color: #E49999;
  }

  .sm\:bg-red-300 {
    background-color: #DB7878;
  }

  .sm\:bg-red-400 {
    background-color: #D35858;
  }

  .sm\:bg-red-500 {
    background-color: #CA3838;
  }

  .sm\:bg-red-600 {
    background-color: #A72D2D;
  }

  .sm\:bg-red-700 {
    background-color: #832323;
  }

  .sm\:bg-red-750 {
    background-color: #711E1E;
  }

  .sm\:bg-red-800 {
    background-color: #5F1919;
  }

  .sm\:bg-red-850 {
    background-color: #5F1919;
  }

  .sm\:bg-red-900 {
    background-color: #3B1010;
  }

  .sm\:bg-orange-50 {
    background-color: #fff7ed;
  }

  .sm\:bg-orange-100 {
    background-color: #ffedd5;
  }

  .sm\:bg-orange-200 {
    background-color: #fed7aa;
  }

  .sm\:bg-orange-300 {
    background-color: #fdba74;
  }

  .sm\:bg-orange-400 {
    background-color: #fb923c;
  }

  .sm\:bg-orange-500 {
    background-color: #f97316;
  }

  .sm\:bg-orange-600 {
    background-color: #ea580c;
  }

  .sm\:bg-orange-700 {
    background-color: #c2410c;
  }

  .sm\:bg-orange-800 {
    background-color: #9a3412;
  }

  .sm\:bg-orange-850 {
    background-color: #9a3412;
  }

  .sm\:bg-orange-900 {
    background-color: #7c2d12;
  }
}

@media (min-width: 768px) {
  .md\:bg-white {
    background-color: #fff;
  }

  .md\:bg-black {
    background-color: #000;
  }

  .md\:bg-grey-50 {
    background-color: #F9FAFB;
  }

  .md\:bg-grey-100 {
    background-color: #F3F4F6;
  }

  .md\:bg-grey-200 {
    background-color: #E5E7EB;
  }

  .md\:bg-grey-300 {
    background-color: #D1D5DB;
  }

  .md\:bg-grey-400 {
    background-color: #9CA3AF;
  }

  .md\:bg-grey-500 {
    background-color: #6B7280;
  }

  .md\:bg-grey-600 {
    background-color: #4B5563;
  }

  .md\:bg-grey-700 {
    background-color: #374151;
  }

  .md\:bg-grey-800 {
    background-color: #1F2937;
  }

  .md\:bg-grey-850 {
    background-color: #1F2937;
  }

  .md\:bg-grey-900 {
    background-color: #030712;
  }

  .md\:bg-yellow-50 {
    background-color: #FEFCE8;
  }

  .md\:bg-yellow-100 {
    background-color: #FEF9C3;
  }

  .md\:bg-yellow-200 {
    background-color: #FEF08A;
  }

  .md\:bg-yellow-300 {
    background-color: #FDE047;
  }

  .md\:bg-yellow-400 {
    background-color: #FACC15;
  }

  .md\:bg-yellow-500 {
    background-color: #FACC15;
  }

  .md\:bg-yellow-600 {
    background-color: #CA8A04;
  }

  .md\:bg-yellow-700 {
    background-color: #A16207;
  }

  .md\:bg-yellow-800 {
    background-color: #854D0E;
  }

  .md\:bg-yellow-850 {
    background-color: #854D0E;
  }

  .md\:bg-yellow-900 {
    background-color: #422006;
  }

  .md\:bg-green-50 {
    background-color: #C9EBBC;
  }

  .md\:bg-green-100 {
    background-color: #BCE6AC;
  }

  .md\:bg-green-150 {
    background-color: #AFE19D;
  }

  .md\:bg-green-200 {
    background-color: #A2DC8D;
  }

  .md\:bg-green-300 {
    background-color: #89D36E;
  }

  .md\:bg-green-400 {
    background-color: #6FC94F;
  }

  .md\:bg-green-500 {
    background-color: #5AB738;
  }

  .md\:bg-green-600 {
    background-color: #49942D;
  }

  .md\:bg-green-700 {
    background-color: #377122;
  }

  .md\:bg-green-750 {
    background-color: #2F5F1D;
  }

  .md\:bg-green-800 {
    background-color: #264E18;
  }

  .md\:bg-green-850 {
    background-color: #264E18;
  }

  .md\:bg-green-900 {
    background-color: #152A0D;
  }

  .md\:bg-red-50 {
    background-color: #F1C9C9;
  }

  .md\:bg-red-100 {
    background-color: #ECB9B9;
  }

  .md\:bg-red-150 {
    background-color: #E8A9A9;
  }

  .md\:bg-red-200 {
    background-color: #E49999;
  }

  .md\:bg-red-300 {
    background-color: #DB7878;
  }

  .md\:bg-red-400 {
    background-color: #D35858;
  }

  .md\:bg-red-500 {
    background-color: #CA3838;
  }

  .md\:bg-red-600 {
    background-color: #A72D2D;
  }

  .md\:bg-red-700 {
    background-color: #832323;
  }

  .md\:bg-red-750 {
    background-color: #711E1E;
  }

  .md\:bg-red-800 {
    background-color: #5F1919;
  }

  .md\:bg-red-850 {
    background-color: #5F1919;
  }

  .md\:bg-red-900 {
    background-color: #3B1010;
  }

  .md\:bg-orange-50 {
    background-color: #fff7ed;
  }

  .md\:bg-orange-100 {
    background-color: #ffedd5;
  }

  .md\:bg-orange-200 {
    background-color: #fed7aa;
  }

  .md\:bg-orange-300 {
    background-color: #fdba74;
  }

  .md\:bg-orange-400 {
    background-color: #fb923c;
  }

  .md\:bg-orange-500 {
    background-color: #f97316;
  }

  .md\:bg-orange-600 {
    background-color: #ea580c;
  }

  .md\:bg-orange-700 {
    background-color: #c2410c;
  }

  .md\:bg-orange-800 {
    background-color: #9a3412;
  }

  .md\:bg-orange-850 {
    background-color: #9a3412;
  }

  .md\:bg-orange-900 {
    background-color: #7c2d12;
  }
}

@media (min-width: 992px) {
  .lg\:bg-white {
    background-color: #fff;
  }

  .lg\:bg-black {
    background-color: #000;
  }

  .lg\:bg-grey-50 {
    background-color: #F9FAFB;
  }

  .lg\:bg-grey-100 {
    background-color: #F3F4F6;
  }

  .lg\:bg-grey-200 {
    background-color: #E5E7EB;
  }

  .lg\:bg-grey-300 {
    background-color: #D1D5DB;
  }

  .lg\:bg-grey-400 {
    background-color: #9CA3AF;
  }

  .lg\:bg-grey-500 {
    background-color: #6B7280;
  }

  .lg\:bg-grey-600 {
    background-color: #4B5563;
  }

  .lg\:bg-grey-700 {
    background-color: #374151;
  }

  .lg\:bg-grey-800 {
    background-color: #1F2937;
  }

  .lg\:bg-grey-850 {
    background-color: #1F2937;
  }

  .lg\:bg-grey-900 {
    background-color: #030712;
  }

  .lg\:bg-yellow-50 {
    background-color: #FEFCE8;
  }

  .lg\:bg-yellow-100 {
    background-color: #FEF9C3;
  }

  .lg\:bg-yellow-200 {
    background-color: #FEF08A;
  }

  .lg\:bg-yellow-300 {
    background-color: #FDE047;
  }

  .lg\:bg-yellow-400 {
    background-color: #FACC15;
  }

  .lg\:bg-yellow-500 {
    background-color: #FACC15;
  }

  .lg\:bg-yellow-600 {
    background-color: #CA8A04;
  }

  .lg\:bg-yellow-700 {
    background-color: #A16207;
  }

  .lg\:bg-yellow-800 {
    background-color: #854D0E;
  }

  .lg\:bg-yellow-850 {
    background-color: #854D0E;
  }

  .lg\:bg-yellow-900 {
    background-color: #422006;
  }

  .lg\:bg-green-50 {
    background-color: #C9EBBC;
  }

  .lg\:bg-green-100 {
    background-color: #BCE6AC;
  }

  .lg\:bg-green-150 {
    background-color: #AFE19D;
  }

  .lg\:bg-green-200 {
    background-color: #A2DC8D;
  }

  .lg\:bg-green-300 {
    background-color: #89D36E;
  }

  .lg\:bg-green-400 {
    background-color: #6FC94F;
  }

  .lg\:bg-green-500 {
    background-color: #5AB738;
  }

  .lg\:bg-green-600 {
    background-color: #49942D;
  }

  .lg\:bg-green-700 {
    background-color: #377122;
  }

  .lg\:bg-green-750 {
    background-color: #2F5F1D;
  }

  .lg\:bg-green-800 {
    background-color: #264E18;
  }

  .lg\:bg-green-850 {
    background-color: #264E18;
  }

  .lg\:bg-green-900 {
    background-color: #152A0D;
  }

  .lg\:bg-red-50 {
    background-color: #F1C9C9;
  }

  .lg\:bg-red-100 {
    background-color: #ECB9B9;
  }

  .lg\:bg-red-150 {
    background-color: #E8A9A9;
  }

  .lg\:bg-red-200 {
    background-color: #E49999;
  }

  .lg\:bg-red-300 {
    background-color: #DB7878;
  }

  .lg\:bg-red-400 {
    background-color: #D35858;
  }

  .lg\:bg-red-500 {
    background-color: #CA3838;
  }

  .lg\:bg-red-600 {
    background-color: #A72D2D;
  }

  .lg\:bg-red-700 {
    background-color: #832323;
  }

  .lg\:bg-red-750 {
    background-color: #711E1E;
  }

  .lg\:bg-red-800 {
    background-color: #5F1919;
  }

  .lg\:bg-red-850 {
    background-color: #5F1919;
  }

  .lg\:bg-red-900 {
    background-color: #3B1010;
  }

  .lg\:bg-orange-50 {
    background-color: #fff7ed;
  }

  .lg\:bg-orange-100 {
    background-color: #ffedd5;
  }

  .lg\:bg-orange-200 {
    background-color: #fed7aa;
  }

  .lg\:bg-orange-300 {
    background-color: #fdba74;
  }

  .lg\:bg-orange-400 {
    background-color: #fb923c;
  }

  .lg\:bg-orange-500 {
    background-color: #f97316;
  }

  .lg\:bg-orange-600 {
    background-color: #ea580c;
  }

  .lg\:bg-orange-700 {
    background-color: #c2410c;
  }

  .lg\:bg-orange-800 {
    background-color: #9a3412;
  }

  .lg\:bg-orange-850 {
    background-color: #9a3412;
  }

  .lg\:bg-orange-900 {
    background-color: #7c2d12;
  }
}

@media (min-width: 1200px) {
  .xl\:bg-white {
    background-color: #fff;
  }

  .xl\:bg-black {
    background-color: #000;
  }

  .xl\:bg-grey-50 {
    background-color: #F9FAFB;
  }

  .xl\:bg-grey-100 {
    background-color: #F3F4F6;
  }

  .xl\:bg-grey-200 {
    background-color: #E5E7EB;
  }

  .xl\:bg-grey-300 {
    background-color: #D1D5DB;
  }

  .xl\:bg-grey-400 {
    background-color: #9CA3AF;
  }

  .xl\:bg-grey-500 {
    background-color: #6B7280;
  }

  .xl\:bg-grey-600 {
    background-color: #4B5563;
  }

  .xl\:bg-grey-700 {
    background-color: #374151;
  }

  .xl\:bg-grey-800 {
    background-color: #1F2937;
  }

  .xl\:bg-grey-850 {
    background-color: #1F2937;
  }

  .xl\:bg-grey-900 {
    background-color: #030712;
  }

  .xl\:bg-yellow-50 {
    background-color: #FEFCE8;
  }

  .xl\:bg-yellow-100 {
    background-color: #FEF9C3;
  }

  .xl\:bg-yellow-200 {
    background-color: #FEF08A;
  }

  .xl\:bg-yellow-300 {
    background-color: #FDE047;
  }

  .xl\:bg-yellow-400 {
    background-color: #FACC15;
  }

  .xl\:bg-yellow-500 {
    background-color: #FACC15;
  }

  .xl\:bg-yellow-600 {
    background-color: #CA8A04;
  }

  .xl\:bg-yellow-700 {
    background-color: #A16207;
  }

  .xl\:bg-yellow-800 {
    background-color: #854D0E;
  }

  .xl\:bg-yellow-850 {
    background-color: #854D0E;
  }

  .xl\:bg-yellow-900 {
    background-color: #422006;
  }

  .xl\:bg-green-50 {
    background-color: #C9EBBC;
  }

  .xl\:bg-green-100 {
    background-color: #BCE6AC;
  }

  .xl\:bg-green-150 {
    background-color: #AFE19D;
  }

  .xl\:bg-green-200 {
    background-color: #A2DC8D;
  }

  .xl\:bg-green-300 {
    background-color: #89D36E;
  }

  .xl\:bg-green-400 {
    background-color: #6FC94F;
  }

  .xl\:bg-green-500 {
    background-color: #5AB738;
  }

  .xl\:bg-green-600 {
    background-color: #49942D;
  }

  .xl\:bg-green-700 {
    background-color: #377122;
  }

  .xl\:bg-green-750 {
    background-color: #2F5F1D;
  }

  .xl\:bg-green-800 {
    background-color: #264E18;
  }

  .xl\:bg-green-850 {
    background-color: #264E18;
  }

  .xl\:bg-green-900 {
    background-color: #152A0D;
  }

  .xl\:bg-red-50 {
    background-color: #F1C9C9;
  }

  .xl\:bg-red-100 {
    background-color: #ECB9B9;
  }

  .xl\:bg-red-150 {
    background-color: #E8A9A9;
  }

  .xl\:bg-red-200 {
    background-color: #E49999;
  }

  .xl\:bg-red-300 {
    background-color: #DB7878;
  }

  .xl\:bg-red-400 {
    background-color: #D35858;
  }

  .xl\:bg-red-500 {
    background-color: #CA3838;
  }

  .xl\:bg-red-600 {
    background-color: #A72D2D;
  }

  .xl\:bg-red-700 {
    background-color: #832323;
  }

  .xl\:bg-red-750 {
    background-color: #711E1E;
  }

  .xl\:bg-red-800 {
    background-color: #5F1919;
  }

  .xl\:bg-red-850 {
    background-color: #5F1919;
  }

  .xl\:bg-red-900 {
    background-color: #3B1010;
  }

  .xl\:bg-orange-50 {
    background-color: #fff7ed;
  }

  .xl\:bg-orange-100 {
    background-color: #ffedd5;
  }

  .xl\:bg-orange-200 {
    background-color: #fed7aa;
  }

  .xl\:bg-orange-300 {
    background-color: #fdba74;
  }

  .xl\:bg-orange-400 {
    background-color: #fb923c;
  }

  .xl\:bg-orange-500 {
    background-color: #f97316;
  }

  .xl\:bg-orange-600 {
    background-color: #ea580c;
  }

  .xl\:bg-orange-700 {
    background-color: #c2410c;
  }

  .xl\:bg-orange-800 {
    background-color: #9a3412;
  }

  .xl\:bg-orange-850 {
    background-color: #9a3412;
  }

  .xl\:bg-orange-900 {
    background-color: #7c2d12;
  }
}
.bg-home-title-screen {
  background: url("/img/pages/home/title-screen/background.webp") center;
  background-size: cover;
}
.border-white {
  border-color: #fff;
}

.border-black {
  border-color: #000;
}

.border-grey-50 {
  border-color: #F9FAFB;
}

.border-grey-100 {
  border-color: #F3F4F6;
}

.border-grey-200 {
  border-color: #E5E7EB;
}

.border-grey-300 {
  border-color: #D1D5DB;
}

.border-grey-400 {
  border-color: #9CA3AF;
}

.border-grey-500 {
  border-color: #6B7280;
}

.border-grey-600 {
  border-color: #4B5563;
}

.border-grey-700 {
  border-color: #374151;
}

.border-grey-800 {
  border-color: #1F2937;
}

.border-grey-850 {
  border-color: #1F2937;
}

.border-grey-900 {
  border-color: #030712;
}

.border-yellow-50 {
  border-color: #FEFCE8;
}

.border-yellow-100 {
  border-color: #FEF9C3;
}

.border-yellow-200 {
  border-color: #FEF08A;
}

.border-yellow-300 {
  border-color: #FDE047;
}

.border-yellow-400 {
  border-color: #FACC15;
}

.border-yellow-500 {
  border-color: #FACC15;
}

.border-yellow-600 {
  border-color: #CA8A04;
}

.border-yellow-700 {
  border-color: #A16207;
}

.border-yellow-800 {
  border-color: #854D0E;
}

.border-yellow-850 {
  border-color: #854D0E;
}

.border-yellow-900 {
  border-color: #422006;
}

.border-green-50 {
  border-color: #C9EBBC;
}

.border-green-100 {
  border-color: #BCE6AC;
}

.border-green-150 {
  border-color: #AFE19D;
}

.border-green-200 {
  border-color: #A2DC8D;
}

.border-green-300 {
  border-color: #89D36E;
}

.border-green-400 {
  border-color: #6FC94F;
}

.border-green-500 {
  border-color: #5AB738;
}

.border-green-600 {
  border-color: #49942D;
}

.border-green-700 {
  border-color: #377122;
}

.border-green-750 {
  border-color: #2F5F1D;
}

.border-green-800 {
  border-color: #264E18;
}

.border-green-850 {
  border-color: #264E18;
}

.border-green-900 {
  border-color: #152A0D;
}

.border-red-50 {
  border-color: #F1C9C9;
}

.border-red-100 {
  border-color: #ECB9B9;
}

.border-red-150 {
  border-color: #E8A9A9;
}

.border-red-200 {
  border-color: #E49999;
}

.border-red-300 {
  border-color: #DB7878;
}

.border-red-400 {
  border-color: #D35858;
}

.border-red-500 {
  border-color: #CA3838;
}

.border-red-600 {
  border-color: #A72D2D;
}

.border-red-700 {
  border-color: #832323;
}

.border-red-750 {
  border-color: #711E1E;
}

.border-red-800 {
  border-color: #5F1919;
}

.border-red-850 {
  border-color: #5F1919;
}

.border-red-900 {
  border-color: #3B1010;
}

.border-orange-50 {
  border-color: #fff7ed;
}

.border-orange-100 {
  border-color: #ffedd5;
}

.border-orange-200 {
  border-color: #fed7aa;
}

.border-orange-300 {
  border-color: #fdba74;
}

.border-orange-400 {
  border-color: #fb923c;
}

.border-orange-500 {
  border-color: #f97316;
}

.border-orange-600 {
  border-color: #ea580c;
}

.border-orange-700 {
  border-color: #c2410c;
}

.border-orange-800 {
  border-color: #9a3412;
}

.border-orange-850 {
  border-color: #9a3412;
}

.border-orange-900 {
  border-color: #7c2d12;
}
.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.25em;
  min-width: 60px;
  min-height: 40px;
  padding: 0 1.33em;
  transition: all 0.15s;
  cursor: pointer;
  border-radius: 6px;
  font-size: 18px;
}

@media (min-width: 768px) {
  .button {
    font-size: 20px;
    min-width: 80px;
    min-height: 40px;
  }
}
.button_color_green {
  background-color: #5AB738;
  color: #fff;
}

.button_color_green:hover {
  background-color: #49942D;
}

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */

.hamburger {
  padding: 0px 0px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
}

.hamburger:hover {
  opacity: 0.7;
}

.hamburger.is-active:hover {
  opacity: 0.7;
}

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
  background-color: #000;
}

.hamburger-box {
  width: 40px;
  height: 24px;
  display: inline-block;
  position: relative;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px;
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
  width: 40px;
  height: 4px;
  background-color: #000;
  border-radius: 4px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}

.hamburger-inner::before,
.hamburger-inner::after {
  content: "";
  display: block;
}

.hamburger-inner::before {
  top: -10px;
}

.hamburger-inner::after {
  bottom: -10px;
}

/*
 * 3DX
 */

.hamburger--3dx .hamburger-box {
  perspective: 80px;
}

.hamburger--3dx .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx .hamburger-inner::before,
.hamburger--3dx .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateY(180deg);
}

.hamburger--3dx.is-active .hamburger-inner::before {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dx.is-active .hamburger-inner::after {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
 * 3DX Reverse
 */

.hamburger--3dx-r .hamburger-box {
  perspective: 80px;
}

.hamburger--3dx-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx-r .hamburger-inner::before,
.hamburger--3dx-r .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx-r.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateY(-180deg);
}

.hamburger--3dx-r.is-active .hamburger-inner::before {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dx-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
 * 3DY
 */

.hamburger--3dy .hamburger-box {
  perspective: 80px;
}

.hamburger--3dy .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dy .hamburger-inner::before,
.hamburger--3dy .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dy.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(-180deg);
}

.hamburger--3dy.is-active .hamburger-inner::before {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dy.is-active .hamburger-inner::after {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
 * 3DY Reverse
 */

.hamburger--3dy-r .hamburger-box {
  perspective: 80px;
}

.hamburger--3dy-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dy-r .hamburger-inner::before,
.hamburger--3dy-r .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dy-r.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(180deg);
}

.hamburger--3dy-r.is-active .hamburger-inner::before {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dy-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
 * 3DXY
 */

.hamburger--3dxy .hamburger-box {
  perspective: 80px;
}

.hamburger--3dxy .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dxy .hamburger-inner::before,
.hamburger--3dxy .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dxy.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(180deg) rotateY(180deg);
}

.hamburger--3dxy.is-active .hamburger-inner::before {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dxy.is-active .hamburger-inner::after {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
 * 3DXY Reverse
 */

.hamburger--3dxy-r .hamburger-box {
  perspective: 80px;
}

.hamburger--3dxy-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dxy-r .hamburger-inner::before,
.hamburger--3dxy-r .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dxy-r.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg);
}

.hamburger--3dxy-r.is-active .hamburger-inner::before {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dxy-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
 * Arrow
 */

.hamburger--arrow.is-active .hamburger-inner::before {
  transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

.hamburger--arrow.is-active .hamburger-inner::after {
  transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
}

/*
 * Arrow Right
 */

.hamburger--arrow-r.is-active .hamburger-inner::before {
  transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
}

.hamburger--arrow-r.is-active .hamburger-inner::after {
  transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

/*
 * Arrow Alt
 */

.hamburger--arrowalt .hamburger-inner::before {
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt .hamburger-inner::after {
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt.is-active .hamburger-inner::before {
  top: 0;
  transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

.hamburger--arrowalt.is-active .hamburger-inner::after {
  bottom: 0;
  transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

/*
 * Arrow Alt Right
 */

.hamburger--arrowalt-r .hamburger-inner::before {
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt-r .hamburger-inner::after {
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt-r.is-active .hamburger-inner::before {
  top: 0;
  transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

.hamburger--arrowalt-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

/*
 * Arrow Turn
 */

.hamburger--arrowturn.is-active .hamburger-inner {
  transform: rotate(-180deg);
}

.hamburger--arrowturn.is-active .hamburger-inner::before {
  transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
}

.hamburger--arrowturn.is-active .hamburger-inner::after {
  transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

/*
 * Arrow Turn Right
 */

.hamburger--arrowturn-r.is-active .hamburger-inner {
  transform: rotate(-180deg);
}

.hamburger--arrowturn-r.is-active .hamburger-inner::before {
  transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

.hamburger--arrowturn-r.is-active .hamburger-inner::after {
  transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
}

/*
 * Boring
 */

.hamburger--boring .hamburger-inner,
.hamburger--boring .hamburger-inner::before,
.hamburger--boring .hamburger-inner::after {
  transition-property: none;
}

.hamburger--boring.is-active .hamburger-inner {
  transform: rotate(45deg);
}

.hamburger--boring.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
}

.hamburger--boring.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
}

/*
 * Collapse
 */

.hamburger--collapse .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse .hamburger-inner::after {
  top: -20px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}

.hamburger--collapse .hamburger-inner::before {
  transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse.is-active .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--collapse.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}

.hamburger--collapse.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(-90deg);
  transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Collapse Reverse
 */

.hamburger--collapse-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse-r .hamburger-inner::after {
  top: -20px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}

.hamburger--collapse-r .hamburger-inner::before {
  transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse-r.is-active .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--collapse-r.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}

.hamburger--collapse-r.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(90deg);
  transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Elastic
 */

.hamburger--elastic .hamburger-inner {
  top: 2px;
  transition-duration: 0.275s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic .hamburger-inner::before {
  top: 10px;
  transition: opacity 0.125s 0.275s ease;
}

.hamburger--elastic .hamburger-inner::after {
  top: 20px;
  transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(135deg);
  transition-delay: 0.075s;
}

.hamburger--elastic.is-active .hamburger-inner::before {
  transition-delay: 0s;
  opacity: 0;
}

.hamburger--elastic.is-active .hamburger-inner::after {
  transform: translate3d(0, -20px, 0) rotate(-270deg);
  transition-delay: 0.075s;
}

/*
 * Elastic Reverse
 */

.hamburger--elastic-r .hamburger-inner {
  top: 2px;
  transition-duration: 0.275s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic-r .hamburger-inner::before {
  top: 10px;
  transition: opacity 0.125s 0.275s ease;
}

.hamburger--elastic-r .hamburger-inner::after {
  top: 20px;
  transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic-r.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(-135deg);
  transition-delay: 0.075s;
}

.hamburger--elastic-r.is-active .hamburger-inner::before {
  transition-delay: 0s;
  opacity: 0;
}

.hamburger--elastic-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -20px, 0) rotate(270deg);
  transition-delay: 0.075s;
}

/*
 * Emphatic
 */

.hamburger--emphatic {
  overflow: hidden;
}

.hamburger--emphatic .hamburger-inner {
  transition: background-color 0.125s 0.175s ease-in;
}

.hamburger--emphatic .hamburger-inner::before {
  left: 0;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
}

.hamburger--emphatic .hamburger-inner::after {
  top: 10px;
  right: 0;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
}

.hamburger--emphatic.is-active .hamburger-inner {
  transition-delay: 0s;
  transition-timing-function: ease-out;
  background-color: transparent !important;
}

.hamburger--emphatic.is-active .hamburger-inner::before {
  left: -80px;
  top: -80px;
  transform: translate3d(80px, 80px, 0) rotate(45deg);
  transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.hamburger--emphatic.is-active .hamburger-inner::after {
  right: -80px;
  top: -80px;
  transform: translate3d(-80px, 80px, 0) rotate(-45deg);
  transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

/*
 * Emphatic Reverse
 */

.hamburger--emphatic-r {
  overflow: hidden;
}

.hamburger--emphatic-r .hamburger-inner {
  transition: background-color 0.125s 0.175s ease-in;
}

.hamburger--emphatic-r .hamburger-inner::before {
  left: 0;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
}

.hamburger--emphatic-r .hamburger-inner::after {
  top: 10px;
  right: 0;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
}

.hamburger--emphatic-r.is-active .hamburger-inner {
  transition-delay: 0s;
  transition-timing-function: ease-out;
  background-color: transparent !important;
}

.hamburger--emphatic-r.is-active .hamburger-inner::before {
  left: -80px;
  top: 80px;
  transform: translate3d(80px, -80px, 0) rotate(-45deg);
  transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.hamburger--emphatic-r.is-active .hamburger-inner::after {
  right: -80px;
  top: 80px;
  transform: translate3d(-80px, -80px, 0) rotate(45deg);
  transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

/*
 * Minus
 */

.hamburger--minus .hamburger-inner::before,
.hamburger--minus .hamburger-inner::after {
  transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear;
}

.hamburger--minus.is-active .hamburger-inner::before,
.hamburger--minus.is-active .hamburger-inner::after {
  opacity: 0;
  transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear;
}

.hamburger--minus.is-active .hamburger-inner::before {
  top: 0;
}

.hamburger--minus.is-active .hamburger-inner::after {
  bottom: 0;
}

/*
 * Slider
 */

.hamburger--slider .hamburger-inner {
  top: 2px;
}

.hamburger--slider .hamburger-inner::before {
  top: 10px;
  transition-property: transform, opacity;
  transition-timing-function: ease;
  transition-duration: 0.15s;
}

.hamburger--slider .hamburger-inner::after {
  top: 20px;
}

.hamburger--slider.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--slider.is-active .hamburger-inner::before {
  transform: rotate(-45deg) translate3d(-5.7142857143px, -6px, 0);
  opacity: 0;
}

.hamburger--slider.is-active .hamburger-inner::after {
  transform: translate3d(0, -20px, 0) rotate(-90deg);
}

/*
 * Slider Reverse
 */

.hamburger--slider-r .hamburger-inner {
  top: 2px;
}

.hamburger--slider-r .hamburger-inner::before {
  top: 10px;
  transition-property: transform, opacity;
  transition-timing-function: ease;
  transition-duration: 0.15s;
}

.hamburger--slider-r .hamburger-inner::after {
  top: 20px;
}

.hamburger--slider-r.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(-45deg);
}

.hamburger--slider-r.is-active .hamburger-inner::before {
  transform: rotate(45deg) translate3d(5.7142857143px, -6px, 0);
  opacity: 0;
}

.hamburger--slider-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -20px, 0) rotate(90deg);
}

/*
 * Spin
 */

.hamburger--spin .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin .hamburger-inner::before {
  transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}

.hamburger--spin .hamburger-inner::after {
  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin.is-active .hamburger-inner {
  transform: rotate(225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--spin.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}

.hamburger--spin.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Spin Reverse
 */

.hamburger--spin-r .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin-r .hamburger-inner::before {
  transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}

.hamburger--spin-r .hamburger-inner::after {
  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin-r.is-active .hamburger-inner {
  transform: rotate(-225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--spin-r.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}

.hamburger--spin-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(90deg);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Spring
 */

.hamburger--spring .hamburger-inner {
  top: 2px;
  transition: background-color 0s 0.13s linear;
}

.hamburger--spring .hamburger-inner::before {
  top: 10px;
  transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring .hamburger-inner::after {
  top: 20px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring.is-active .hamburger-inner {
  transition-delay: 0.22s;
  background-color: transparent !important;
}

.hamburger--spring.is-active .hamburger-inner::before {
  top: 0;
  transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--spring.is-active .hamburger-inner::after {
  top: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: translate3d(0, 10px, 0) rotate(-45deg);
}

/*
 * Spring Reverse
 */

.hamburger--spring-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring-r .hamburger-inner::after {
  top: -20px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear;
}

.hamburger--spring-r .hamburger-inner::before {
  transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring-r.is-active .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--spring-r.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear;
}

.hamburger--spring-r.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(90deg);
  transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Stand
 */

.hamburger--stand .hamburger-inner {
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
}

.hamburger--stand .hamburger-inner::before {
  transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--stand .hamburger-inner::after {
  transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--stand.is-active .hamburger-inner {
  transform: rotate(90deg);
  background-color: transparent !important;
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
}

.hamburger--stand.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(-45deg);
  transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--stand.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(45deg);
  transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Stand Reverse
 */

.hamburger--stand-r .hamburger-inner {
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
}

.hamburger--stand-r .hamburger-inner::before {
  transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--stand-r .hamburger-inner::after {
  transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--stand-r.is-active .hamburger-inner {
  transform: rotate(-90deg);
  background-color: transparent !important;
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
}

.hamburger--stand-r.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(-45deg);
  transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--stand-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(45deg);
  transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Squeeze
 */

.hamburger--squeeze .hamburger-inner {
  transition-duration: 0.075s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--squeeze .hamburger-inner::before {
  transition: top 0.075s 0.12s ease, opacity 0.075s ease;
}

.hamburger--squeeze .hamburger-inner::after {
  transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--squeeze.is-active .hamburger-inner {
  transform: rotate(45deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--squeeze.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}

.hamburger--squeeze.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Vortex
 */

.hamburger--vortex .hamburger-inner {
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.hamburger--vortex .hamburger-inner::before,
.hamburger--vortex .hamburger-inner::after {
  transition-duration: 0s;
  transition-delay: 0.1s;
  transition-timing-function: linear;
}

.hamburger--vortex .hamburger-inner::before {
  transition-property: top, opacity;
}

.hamburger--vortex .hamburger-inner::after {
  transition-property: bottom, transform;
}

.hamburger--vortex.is-active .hamburger-inner {
  transform: rotate(765deg);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.hamburger--vortex.is-active .hamburger-inner::before,
.hamburger--vortex.is-active .hamburger-inner::after {
  transition-delay: 0s;
}

.hamburger--vortex.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
}

.hamburger--vortex.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(90deg);
}

/*
 * Vortex Reverse
 */

.hamburger--vortex-r .hamburger-inner {
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.hamburger--vortex-r .hamburger-inner::before,
.hamburger--vortex-r .hamburger-inner::after {
  transition-duration: 0s;
  transition-delay: 0.1s;
  transition-timing-function: linear;
}

.hamburger--vortex-r .hamburger-inner::before {
  transition-property: top, opacity;
}

.hamburger--vortex-r .hamburger-inner::after {
  transition-property: bottom, transform;
}

.hamburger--vortex-r.is-active .hamburger-inner {
  transform: rotate(-765deg);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.hamburger--vortex-r.is-active .hamburger-inner::before,
.hamburger--vortex-r.is-active .hamburger-inner::after {
  transition-delay: 0s;
}

.hamburger--vortex-r.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
}

.hamburger--vortex-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
}
.faq-item {
  border-bottom: 1px solid #E5E7EB;
}

.faq-item_active .faq-item__head {
  background: #F3F4F6;
}

.faq-item_active .faq-item__text {
  height: auto;
  padding: 12px 12px 20px;
  opacity: 1;
}

.faq-item_active .icon-plus {
  display: none;
}

.faq-item_active .icon-minus {
  display: inline-block;
}
.pricing-table {
  display: flex;
  flex-direction: column;
  border: 1px solid #F3F4F6;
  border-radius: 6px;
  overflow: hidden;
  max-width: 968px;
  margin: 0 auto;
}

.pricing-table .pricing-table__head,
.pricing-table .pricing-table__row {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  padding: 8px;
}

.pricing-table .pricing-table__head div:first-child,
.pricing-table .pricing-table__row div:first-child {
  flex: 1;
}

.pricing-table .pricing-table__head {
  background: #f97316;
  color: #fff;
  font-weight: 500;
  font-size: 1.1em;
}

.pricing-table .pricing-table__row:not(:last-child) {
  border-bottom: 1px solid #C9EBBC;
}

@media (min-width: 768px) {
  .pricing-table .pricing-table__head,
  .pricing-table .pricing-table__row {
    gap: 16px;
    padding: 16px;
  }
}
.steps-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.service-gallery__swiper-slide {
  width: 75vw;
}

@media (min-width: 768px) {
  .service-gallery__swiper-slide {
    width: auto;
  }
}
.swiper {
  display: flex !important;
}
.tab-button {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 8px 16px;
  border: 1px solid var(--orange-500);
  border-radius: 99px;
  background-color: #fff;
}

.tab-button.active {
  background-color: var(--orange-500);
  color: #fff;
}

@media (hover: hover) {
  .tab-button {
    cursor: pointer;
  }

  .tab-button:hover {
    background-color: var(--grey-100);
  }

  .tab-button.active:hover {
    background-color: var(--orange-500);
    color: #fff;
  }
}
.tabs-group {
  display: inline-grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  gap: 32px;
}
.color-white {
  color: #fff;
}

.hover\:white:hover {
  color: #fff;
}

.color-black {
  color: #000;
}

.hover\:black:hover {
  color: #000;
}

.color-grey-50 {
  color: #F9FAFB;
}

.hover\:grey-50:hover {
  color: #F9FAFB;
}

.color-grey-100 {
  color: #F3F4F6;
}

.hover\:grey-100:hover {
  color: #F3F4F6;
}

.color-grey-200 {
  color: #E5E7EB;
}

.hover\:grey-200:hover {
  color: #E5E7EB;
}

.color-grey-300 {
  color: #D1D5DB;
}

.hover\:grey-300:hover {
  color: #D1D5DB;
}

.color-grey-400 {
  color: #9CA3AF;
}

.hover\:grey-400:hover {
  color: #9CA3AF;
}

.color-grey-500 {
  color: #6B7280;
}

.hover\:grey-500:hover {
  color: #6B7280;
}

.color-grey-600 {
  color: #4B5563;
}

.hover\:grey-600:hover {
  color: #4B5563;
}

.color-grey-700 {
  color: #374151;
}

.hover\:grey-700:hover {
  color: #374151;
}

.color-grey-800 {
  color: #1F2937;
}

.hover\:grey-800:hover {
  color: #1F2937;
}

.color-grey-850 {
  color: #1F2937;
}

.hover\:grey-850:hover {
  color: #1F2937;
}

.color-grey-900 {
  color: #030712;
}

.hover\:grey-900:hover {
  color: #030712;
}

.color-yellow-50 {
  color: #FEFCE8;
}

.hover\:yellow-50:hover {
  color: #FEFCE8;
}

.color-yellow-100 {
  color: #FEF9C3;
}

.hover\:yellow-100:hover {
  color: #FEF9C3;
}

.color-yellow-200 {
  color: #FEF08A;
}

.hover\:yellow-200:hover {
  color: #FEF08A;
}

.color-yellow-300 {
  color: #FDE047;
}

.hover\:yellow-300:hover {
  color: #FDE047;
}

.color-yellow-400 {
  color: #FACC15;
}

.hover\:yellow-400:hover {
  color: #FACC15;
}

.color-yellow-500 {
  color: #FACC15;
}

.hover\:yellow-500:hover {
  color: #FACC15;
}

.color-yellow-600 {
  color: #CA8A04;
}

.hover\:yellow-600:hover {
  color: #CA8A04;
}

.color-yellow-700 {
  color: #A16207;
}

.hover\:yellow-700:hover {
  color: #A16207;
}

.color-yellow-800 {
  color: #854D0E;
}

.hover\:yellow-800:hover {
  color: #854D0E;
}

.color-yellow-850 {
  color: #854D0E;
}

.hover\:yellow-850:hover {
  color: #854D0E;
}

.color-yellow-900 {
  color: #422006;
}

.hover\:yellow-900:hover {
  color: #422006;
}

.color-green-50 {
  color: #C9EBBC;
}

.hover\:green-50:hover {
  color: #C9EBBC;
}

.color-green-100 {
  color: #BCE6AC;
}

.hover\:green-100:hover {
  color: #BCE6AC;
}

.color-green-150 {
  color: #AFE19D;
}

.hover\:green-150:hover {
  color: #AFE19D;
}

.color-green-200 {
  color: #A2DC8D;
}

.hover\:green-200:hover {
  color: #A2DC8D;
}

.color-green-300 {
  color: #89D36E;
}

.hover\:green-300:hover {
  color: #89D36E;
}

.color-green-400 {
  color: #6FC94F;
}

.hover\:green-400:hover {
  color: #6FC94F;
}

.color-green-500 {
  color: #5AB738;
}

.hover\:green-500:hover {
  color: #5AB738;
}

.color-green-600 {
  color: #49942D;
}

.hover\:green-600:hover {
  color: #49942D;
}

.color-green-700 {
  color: #377122;
}

.hover\:green-700:hover {
  color: #377122;
}

.color-green-750 {
  color: #2F5F1D;
}

.hover\:green-750:hover {
  color: #2F5F1D;
}

.color-green-800 {
  color: #264E18;
}

.hover\:green-800:hover {
  color: #264E18;
}

.color-green-850 {
  color: #264E18;
}

.hover\:green-850:hover {
  color: #264E18;
}

.color-green-900 {
  color: #152A0D;
}

.hover\:green-900:hover {
  color: #152A0D;
}

.color-red-50 {
  color: #F1C9C9;
}

.hover\:red-50:hover {
  color: #F1C9C9;
}

.color-red-100 {
  color: #ECB9B9;
}

.hover\:red-100:hover {
  color: #ECB9B9;
}

.color-red-150 {
  color: #E8A9A9;
}

.hover\:red-150:hover {
  color: #E8A9A9;
}

.color-red-200 {
  color: #E49999;
}

.hover\:red-200:hover {
  color: #E49999;
}

.color-red-300 {
  color: #DB7878;
}

.hover\:red-300:hover {
  color: #DB7878;
}

.color-red-400 {
  color: #D35858;
}

.hover\:red-400:hover {
  color: #D35858;
}

.color-red-500 {
  color: #CA3838;
}

.hover\:red-500:hover {
  color: #CA3838;
}

.color-red-600 {
  color: #A72D2D;
}

.hover\:red-600:hover {
  color: #A72D2D;
}

.color-red-700 {
  color: #832323;
}

.hover\:red-700:hover {
  color: #832323;
}

.color-red-750 {
  color: #711E1E;
}

.hover\:red-750:hover {
  color: #711E1E;
}

.color-red-800 {
  color: #5F1919;
}

.hover\:red-800:hover {
  color: #5F1919;
}

.color-red-850 {
  color: #5F1919;
}

.hover\:red-850:hover {
  color: #5F1919;
}

.color-red-900 {
  color: #3B1010;
}

.hover\:red-900:hover {
  color: #3B1010;
}

.color-orange-50 {
  color: #fff7ed;
}

.hover\:orange-50:hover {
  color: #fff7ed;
}

.color-orange-100 {
  color: #ffedd5;
}

.hover\:orange-100:hover {
  color: #ffedd5;
}

.color-orange-200 {
  color: #fed7aa;
}

.hover\:orange-200:hover {
  color: #fed7aa;
}

.color-orange-300 {
  color: #fdba74;
}

.hover\:orange-300:hover {
  color: #fdba74;
}

.color-orange-400 {
  color: #fb923c;
}

.hover\:orange-400:hover {
  color: #fb923c;
}

.color-orange-500 {
  color: #f97316;
}

.hover\:orange-500:hover {
  color: #f97316;
}

.color-orange-600 {
  color: #ea580c;
}

.hover\:orange-600:hover {
  color: #ea580c;
}

.color-orange-700 {
  color: #c2410c;
}

.hover\:orange-700:hover {
  color: #c2410c;
}

.color-orange-800 {
  color: #9a3412;
}

.hover\:orange-800:hover {
  color: #9a3412;
}

.color-orange-850 {
  color: #9a3412;
}

.hover\:orange-850:hover {
  color: #9a3412;
}

.color-orange-900 {
  color: #7c2d12;
}

.hover\:orange-900:hover {
  color: #7c2d12;
}
.text {
  line-height: 1.5em;
}

.text h2 {
  font-weight: 700;
  font-size: 1.5em;
}

.text h2 + h3,
.text h2 + p,
.text h2 + ul,
.text h2 + ol {
  margin-top: 0.8em;
}

.text h3 + p,
.text h3 + ul,
.text h3 ol {
  margin-top: 0.5em;
}

.text p + p,
.text p + h3,
.text p + ol,
.text p + ul,
.text p + img,
.text p + picture,
.text ul + p,
.text ul + h3,
.text ul + ol,
.text ul + ul,
.text ul + img,
.text ul + picture,
.text ol + p,
.text ol + h3,
.text ol + ol,
.text ol + ul,
.text ol + img,
.text ol + picture,
.text picture + p,
.text picture + h3,
.text picture + ol,
.text picture + ul,
.text picture + img,
.text picture + picture {
  margin-top: 0.8em;
}

.text li + li {
  margin-top: 0.35em;
}

.text p + h2,
.text ul + h2,
.text ol + h2,
.text img + h2,
.text picture + h2 {
  margin-top: 1.2em;
}

.text h3 {
  font-size: 1.1em;
  font-weight: 600;
}

.text ul,
.text ol {
  list-style-position: inside;
}

.text ul {
  list-style-type: disc;
}

.text p a:not([class*=unstyle]) {
  text-decoration: underline;
  color: #CA3838;
}

.text p a:not([class*=unstyle]):hover {
  color: #A72D2D;
}

.text li > h3 {
  display: inline-block;
}

@media (min-width: 768px) {
  .text {
    max-width: 60em;
    margin: 0 auto;
  }
}
.button_type_primary {
  color: #fff;
  background-color: #ea580c;
}

.button_type_primary:hover {
  background-color: #f97316;
}
.button_type_secondary {
  color: #030712;
  border: 1px solid #E5E7EB;
}

.button_type_secondary:hover {
  border: 1px solid #9CA3AF;
}
.button_type_stroke {
  border: 1px solid #D1D5DB;
  border-radius: 6px;
  color: #030712;
}
.faq-item__head {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 32px;
  padding: 24px 12px;
  font-size: 16px;
}

@media (hover: hover) {
  .faq-item__head {
    cursor: pointer;
  }
}
.faq-item__head-icon {
  color: var(--yellow-600);
}
.faq-item__text {
  height: 0;
  padding: 0 12px;
  font-size: 14px;
  opacity: 0;
  transition: all ease-in-out 0.15s;
}
.steps-item__body {
  margin-top: 8px;
}
.steps-item__icon-wrapper {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.25);
  padding: 0.4em;
  color: var(--yellow-500);
  font-size: 40px;
}

@media (min-width: 768px) {
  .steps-item__icon-wrapper {
    font-size: 48px;
  }
}
.steps-item__text {
  font-size: 14px;
  color: var(--grey-700);
}

@media (min-width: 768px) {
  .steps-item__text {
    font-size: 16px;
  }
}
.steps-item__title {
  font-weight: 600;
  font-size: 16px;
}

@media (min-width: 768px) {
  .steps-item__title {
    font-size: 20px;
  }
}