@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes slideLeftIn {
  from {
    opacity: 0;
    transform: translateX(-100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slideRightIn {
  from {
    opacity: 0;
    transform: translateX(100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
*,
*::before,
*::after {
  box-sizing: border-box;
  font-family: "Montserrat", sans-serif;
}

* {
  margin: 0;
}

a {
  position: relative;
  text-decoration: none;
  color: white;
}

details > summary {
  list-style: none;
}

details > summary::marker,
details > summary::-webkit-details-marker {
  display: none;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
  overflow-wrap: break-word;
}

input,
button,
textarea,
select {
  font: inherit;
}

html {
  font-family: "Montserrat", sans-serif;
  box-sizing: border-box;
  font-size: 62.5%;
  scroll-behavior: smooth;
}

html {
  --white: #ffffff;
  --black: #000000;
  --product-gradient: #ffffff;
  --grey-100: #f9f9f9;
  --grey-200: #eeeeef;
  --grey-300: #e7e8e8;
  --grey-400: #e1e3e4;
  --grey-500: #c5c7c8;
  --grey-600: #a8acad;
  --grey-700: #808486;
  --grey-800: #42474a;
  --grey-900: #1a1c1d;
  --brand-100: #e9f1ff;
  --brand-200: #83b3fb;
  --brand-300: #4e95ff;
  --brand-400: #2f5cff;
  --brand-500: #0b109f;
  --brand-600: #000055;
  --brand-700: #000030;
  --brand-800: #000025;
  --brand-900: #000010;
  --error-100: #fceded;
  --error-200: #ffdadb;
  --error-300: #f7a2a7;
  --error-400: #ff7071;
  --error-500: #ed464e;
  --error-600: #db3943;
  --error-700: #b81d2d;
  --error-800: #91041c;
  --error-900: #670311;
  --warning-100: #fcf3dd;
  --warning-200: #ffecc3;
  --warning-300: #ffde94;
  --warning-400: #ffd170;
  --warning-500: #ffca52;
  --warning-600: #e5b134;
  --warning-700: #ce9314;
  --warning-800: #a36b19;
  --warning-900: #663d15;
  --success-100: #e7fff4;
  --success-200: #cffee8;
  --success-300: #aeffd5;
  --success-400: #62dd9b;
  --success-500: #15c293;
  --success-600: #0aa47c;
  --success-700: #18795c;
  --success-800: #0a5e46;
  --success-900: #014432;
}

body {
  background-color: var(--grey-100);
}

img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
}

.grid {
  display: grid;
}
@media (min-width: 0) {
  .grid {
    grid-template-columns: [grid-start] 16px [content-start] repeat(3, [col-start] 1fr [col-end] 16px) [col-start] 1fr [content-end] 16px [grid-end];
  }
}
@media (min-width: 375px) {
  .grid {
    grid-template-columns: [grid-start] 16px [content-start] repeat(3, [col-start] 1fr [col-end] 16px) [col-start] 1fr [content-end] 16px [grid-end];
  }
}
@media (min-width: 768px) {
  .grid {
    grid-template-columns: [grid-start] 24px [content-start] repeat(5, [col-start] 1fr [col-end] 16px) [col-start] 1fr [content-end] 24px [grid-end];
  }
}
@media (min-width: 1024px) {
  .grid {
    grid-template-columns: [grid-start] 32px [content-start] repeat(11, [col-start] 1fr [col-end] 32px) [col-start] 1fr [content-end] 32px [grid-end];
  }
}
@media (min-width: 1440px) {
  .grid {
    grid-template-columns: [grid-start] 250px [content-start] repeat(11, [col-start] 1fr [col-end] 32px) [col-start] 1fr [content-end] 250px [grid-end];
  }
}
@media (min-width: 1920px) {
  .grid {
    grid-template-columns: [grid-start] 450px [content-start] repeat(11, [col-start] 1fr [col-end] 32px) [col-start] 1fr [content-end] 450px [grid-end];
  }
}
@media (min-width: 2560px) {
  .grid {
    grid-template-columns: [grid-start] 550px [content-start] repeat(11, [col-start] 1fr [col-end] 32px) [col-start] 1fr [content-end] 550px [grid-end];
  }
}
.grid {
  width: 100%;
}

section[id] {
  scroll-margin-top: 7.2rem;
}

.nav {
  height: 7.2rem;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: var(--white);
  z-index: 1000;
  display: grid;
}
@media (min-width: 0) {
  .nav {
    grid-template-columns: [grid-start] 16px [content-start] repeat(3, [col-start] 1fr [col-end] 16px) [col-start] 1fr [content-end] 16px [grid-end];
  }
}
@media (min-width: 375px) {
  .nav {
    grid-template-columns: [grid-start] 16px [content-start] repeat(3, [col-start] 1fr [col-end] 16px) [col-start] 1fr [content-end] 16px [grid-end];
  }
}
@media (min-width: 768px) {
  .nav {
    grid-template-columns: [grid-start] 24px [content-start] repeat(5, [col-start] 1fr [col-end] 16px) [col-start] 1fr [content-end] 24px [grid-end];
  }
}
@media (min-width: 1024px) {
  .nav {
    grid-template-columns: [grid-start] 32px [content-start] repeat(11, [col-start] 1fr [col-end] 32px) [col-start] 1fr [content-end] 32px [grid-end];
  }
}
@media (min-width: 1440px) {
  .nav {
    grid-template-columns: [grid-start] 250px [content-start] repeat(11, [col-start] 1fr [col-end] 32px) [col-start] 1fr [content-end] 250px [grid-end];
  }
}
@media (min-width: 1920px) {
  .nav {
    grid-template-columns: [grid-start] 450px [content-start] repeat(11, [col-start] 1fr [col-end] 32px) [col-start] 1fr [content-end] 450px [grid-end];
  }
}
@media (min-width: 2560px) {
  .nav {
    grid-template-columns: [grid-start] 550px [content-start] repeat(11, [col-start] 1fr [col-end] 32px) [col-start] 1fr [content-end] 550px [grid-end];
  }
}
.nav {
  -webkit-box-shadow: 0px -20px 40px 0px var(--black);
  -moz-box-shadow: 0px -20px 40px 0px var(--black);
  box-shadow: 0px -20px 40px 0px var(--black);
}
.nav__logo {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  max-height: 7.2rem;
  padding: 0.8rem 0;
}
@media (min-width: 0) {
  .nav__logo {
    grid-column: 2/5;
  }
}
@media (min-width: 768px) {
  .nav__logo {
    grid-column: 2/3;
  }
}
@media (min-width: 1024px) {
  .nav__logo {
    grid-column: 2/5;
  }
}
.nav__logo > img {
  height: 100%;
  object-fit: cover;
}
.nav__hamburger {
  position: absolute;
  top: 2rem;
  right: 1.6rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  background-color: transparent;
  border: none;
  width: 32px;
  height: 32px;
  cursor: pointer;
}
@media (min-width: 768px) {
  .nav__hamburger {
    display: none;
  }
}
.nav__hamburger__line {
  display: block;
  background-color: var(--black);
  width: 100%;
  height: 2px;
  border-radius: 50%;
  transition: 0.5s;
}
.nav.is-open .nav__hamburger__line:nth-child(1) {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
}
.nav.is-open .nav__hamburger__line:nth-child(2) {
  opacity: 0;
}
.nav.is-open .nav__hamburger__line:nth-child(3) {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
}
.nav.is-open .nav__list-mobile {
  transform: translateY(calc(0% + 72px));
  opacity: 1;
}
.nav__list-mobile {
  padding: 1rem 1rem 1.4rem 1rem;
  position: fixed;
  width: 100vw;
  top: 0;
  left: 0;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.6rem;
  opacity: 0;
  transform: translateY(-100%);
  transition: 0.5s;
}
@media (min-width: 768px) {
  .nav__list-mobile {
    display: none;
  }
}
.nav__list-mobile__item {
  list-style: none;
}
.nav__list-mobile__item > a {
  font-weight: 600;
  font-size: 1.4rem;
  color: var(--black);
  text-decoration: none;
}
.nav__list-mobile__item:last-child {
  padding: 1rem 1.2rem 1rem 1.2rem;
  border-radius: 0.8rem;
  background-color: var(--black);
}
.nav__list-mobile__item:last-child > a {
  color: var(--white);
}
.nav__list-desktop {
  display: none;
  padding: 0;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  gap: 1.6rem;
}
@media (min-width: 0) {
  .nav__list-desktop {
    grid-column: 2/9;
  }
}
@media (min-width: 768px) {
  .nav__list-desktop {
    grid-column: 4/13;
  }
}
@media (min-width: 1024px) {
  .nav__list-desktop {
    grid-column: 14/25;
  }
}
@media (min-width: 768px) {
  .nav__list-desktop {
    display: flex;
  }
}
.nav__list-desktop__item {
  list-style: none;
}
.nav__list-desktop__item > a {
  font-weight: 600;
  font-size: 1.4rem;
  color: var(--black);
  text-decoration: none;
}
.nav__list-desktop__item:last-child {
  padding: 1rem 1.2rem 1rem 1.2rem;
  border-radius: 0.8rem;
  background-color: var(--black);
}
.nav__list-desktop__item:last-child > a {
  color: var(--white);
}

.main {
  padding-top: 12rem;
}
@media (min-width: 0) {
  .main {
    grid-column: 2/9;
  }
}
@media (min-width: 768px) {
  .main {
    grid-column: 2/13;
  }
}
@media (min-width: 1024px) {
  .main {
    grid-column: 2/25;
  }
}
.main {
  display: grid;
}
@media (min-width: 0) {
  .main {
    grid-template-columns: [grid-start] 0 [content-start] repeat(3, [col-start] 1fr [col-end] 16px) [col-start] 1fr [content-end] 0 [grid-end];
  }
}
@media (min-width: 375px) {
  .main {
    grid-template-columns: [grid-start] 0 [content-start] repeat(3, [col-start] 1fr [col-end] 16px) [col-start] 1fr [content-end] 0 [grid-end];
  }
}
@media (min-width: 768px) {
  .main {
    grid-template-columns: [grid-start] 0 [content-start] repeat(5, [col-start] 1fr [col-end] 16px) [col-start] 1fr [content-end] 0 [grid-end];
  }
}
@media (min-width: 1024px) {
  .main {
    grid-template-columns: [grid-start] 0 [content-start] repeat(11, [col-start] 1fr [col-end] 32px) [col-start] 1fr [content-end] 0 [grid-end];
  }
}
@media (min-width: 1440px) {
  .main {
    grid-template-columns: [grid-start] 0 [content-start] repeat(11, [col-start] 1fr [col-end] 32px) [col-start] 1fr [content-end] 0 [grid-end];
  }
}
@media (min-width: 1920px) {
  .main {
    grid-template-columns: [grid-start] 0 [content-start] repeat(11, [col-start] 1fr [col-end] 32px) [col-start] 1fr [content-end] 0 [grid-end];
  }
}
@media (min-width: 2560px) {
  .main {
    grid-template-columns: [grid-start] 0 [content-start] repeat(11, [col-start] 1fr [col-end] 32px) [col-start] 1fr [content-end] 0 [grid-end];
  }
}
.main__left {
  max-width: 500px;
  display: grid;
}
@media (min-width: 0) {
  .main__left {
    grid-template-columns: [grid-start] 0 [content-start] repeat(3, [col-start] 1fr [col-end] 16px) [col-start] 1fr [content-end] 0 [grid-end];
  }
}
@media (min-width: 375px) {
  .main__left {
    grid-template-columns: [grid-start] 0 [content-start] repeat(3, [col-start] 1fr [col-end] 16px) [col-start] 1fr [content-end] 0 [grid-end];
  }
}
@media (min-width: 768px) {
  .main__left {
    grid-template-columns: [grid-start] 0 [content-start] repeat(5, [col-start] 1fr [col-end] 16px) [col-start] 1fr [content-end] 0 [grid-end];
  }
}
@media (min-width: 1024px) {
  .main__left {
    grid-template-columns: [grid-start] 0 [content-start] repeat(5, [col-start] 1fr [col-end] 32px) [col-start] 1fr [content-end] 0 [grid-end];
  }
}
@media (min-width: 1440px) {
  .main__left {
    grid-template-columns: [grid-start] 0 [content-start] repeat(5, [col-start] 1fr [col-end] 32px) [col-start] 1fr [content-end] 0 [grid-end];
  }
}
@media (min-width: 1920px) {
  .main__left {
    grid-template-columns: [grid-start] 0 [content-start] repeat(5, [col-start] 1fr [col-end] 32px) [col-start] 1fr [content-end] 0 [grid-end];
  }
}
@media (min-width: 2560px) {
  .main__left {
    grid-template-columns: [grid-start] 0 [content-start] repeat(5, [col-start] 1fr [col-end] 32px) [col-start] 1fr [content-end] 0 [grid-end];
  }
}
@media (min-width: 0) {
  .main__left {
    grid-column: 2/9;
  }
}
@media (min-width: 768px) {
  .main__left {
    grid-column: 2/13;
  }
}
@media (min-width: 1024px) {
  .main__left {
    grid-column: 2/13;
  }
}
.main__left {
  animation-name: slideLeftIn;
  animation-duration: 1s;
}
.main__left__snackbar {
  display: flex;
  align-items: center;
}
@media (min-width: 0) {
  .main__left__snackbar {
    grid-column: 2/9;
  }
}
@media (min-width: 768px) {
  .main__left__snackbar {
    grid-column: 2/13;
  }
}
@media (min-width: 1024px) {
  .main__left__snackbar {
    grid-column: 2/13;
  }
}
.main__left__snackbar > p {
  padding: 1rem 1rem 1rem 1rem;
  border-radius: 2.4rem;
  font-weight: 500;
  font-size: 1.4rem;
  background-color: var(--grey-300);
  color: var(--black);
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
.main__left__header {
  margin-top: 3.2rem;
}
@media (min-width: 0) {
  .main__left__header {
    grid-column: 2/9;
  }
}
@media (min-width: 768px) {
  .main__left__header {
    grid-column: 2/13;
  }
}
@media (min-width: 1024px) {
  .main__left__header {
    grid-column: 2/13;
  }
}
.main__left__header > h1 {
  font-weight: 600;
  font-size: 6rem;
  color: var(--black);
}
.main__left__description {
  margin-top: 3.2rem;
}
@media (min-width: 0) {
  .main__left__description {
    grid-column: 2/9;
  }
}
@media (min-width: 768px) {
  .main__left__description {
    grid-column: 2/13;
  }
}
@media (min-width: 1024px) {
  .main__left__description {
    grid-column: 2/13;
  }
}
.main__left__description > h2 {
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.2rem;
  color: var(--black);
}
.main__right {
  display: grid;
}
@media (min-width: 0) {
  .main__right {
    grid-template-columns: [grid-start] 0 [content-start] repeat(3, [col-start] 1fr [col-end] 16px) [col-start] 1fr [content-end] 0 [grid-end];
  }
}
@media (min-width: 375px) {
  .main__right {
    grid-template-columns: [grid-start] 0 [content-start] repeat(3, [col-start] 1fr [col-end] 16px) [col-start] 1fr [content-end] 0 [grid-end];
  }
}
@media (min-width: 768px) {
  .main__right {
    grid-template-columns: [grid-start] 0 [content-start] repeat(5, [col-start] 1fr [col-end] 16px) [col-start] 1fr [content-end] 0 [grid-end];
  }
}
@media (min-width: 1024px) {
  .main__right {
    grid-template-columns: [grid-start] 0 [content-start] repeat(5, [col-start] 1fr [col-end] 32px) [col-start] 1fr [content-end] 0 [grid-end];
  }
}
@media (min-width: 1440px) {
  .main__right {
    grid-template-columns: [grid-start] 0 [content-start] repeat(5, [col-start] 1fr [col-end] 32px) [col-start] 1fr [content-end] 0 [grid-end];
  }
}
@media (min-width: 1920px) {
  .main__right {
    grid-template-columns: [grid-start] 0 [content-start] repeat(5, [col-start] 1fr [col-end] 32px) [col-start] 1fr [content-end] 0 [grid-end];
  }
}
@media (min-width: 2560px) {
  .main__right {
    grid-template-columns: [grid-start] 0 [content-start] repeat(5, [col-start] 1fr [col-end] 32px) [col-start] 1fr [content-end] 0 [grid-end];
  }
}
@media (min-width: 0) {
  .main__right {
    grid-column: 2/9;
  }
}
@media (min-width: 768px) {
  .main__right {
    grid-column: 2/13;
  }
}
@media (min-width: 1024px) {
  .main__right {
    grid-column: 14/25;
  }
}
.main__right {
  animation-name: slideRightIn;
  animation-duration: 1s;
}
.main__right__picture {
  margin-top: 3.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 0) {
  .main__right__picture {
    grid-column: 2/9;
  }
}
@media (min-width: 768px) {
  .main__right__picture {
    grid-column: 2/13;
  }
}
@media (min-width: 1024px) {
  .main__right__picture {
    grid-column: 2/13;
  }
}
.main__right__picture > img {
  max-height: 400px;
  object-fit: cover;
}

.services {
  margin-top: 6.4rem;
  background-color: var(--white);
  padding: 4.8rem 1.6rem 4.8rem 1.6rem;
}
@media (min-width: 0) {
  .services {
    grid-column: 2/9;
  }
}
@media (min-width: 768px) {
  .services {
    grid-column: 2/13;
  }
}
@media (min-width: 1024px) {
  .services {
    grid-column: 2/25;
  }
}
.services {
  grid-column: 1/26;
  display: grid;
}
@media (min-width: 0) {
  .services {
    grid-template-columns: [grid-start] 0 [content-start] repeat(3, [col-start] 1fr [col-end] 16px) [col-start] 1fr [content-end] 0 [grid-end];
  }
}
@media (min-width: 375px) {
  .services {
    grid-template-columns: [grid-start] 0 [content-start] repeat(3, [col-start] 1fr [col-end] 16px) [col-start] 1fr [content-end] 0 [grid-end];
  }
}
@media (min-width: 768px) {
  .services {
    grid-template-columns: [grid-start] 0 [content-start] repeat(5, [col-start] 1fr [col-end] 16px) [col-start] 1fr [content-end] 0 [grid-end];
  }
}
@media (min-width: 1024px) {
  .services {
    grid-template-columns: [grid-start] 0 [content-start] repeat(11, [col-start] 1fr [col-end] 32px) [col-start] 1fr [content-end] 0 [grid-end];
  }
}
@media (min-width: 1440px) {
  .services {
    grid-template-columns: [grid-start] 0 [content-start] repeat(11, [col-start] 1fr [col-end] 32px) [col-start] 1fr [content-end] 0 [grid-end];
  }
}
@media (min-width: 1920px) {
  .services {
    grid-template-columns: [grid-start] 0 [content-start] repeat(11, [col-start] 1fr [col-end] 32px) [col-start] 1fr [content-end] 0 [grid-end];
  }
}
@media (min-width: 2560px) {
  .services {
    grid-template-columns: [grid-start] 0 [content-start] repeat(11, [col-start] 1fr [col-end] 32px) [col-start] 1fr [content-end] 0 [grid-end];
  }
}
.services__title {
  justify-self: center;
}
@media (min-width: 0) {
  .services__title {
    grid-column: 2/9;
  }
}
@media (min-width: 768px) {
  .services__title {
    grid-column: 2/13;
  }
}
@media (min-width: 1024px) {
  .services__title {
    grid-column: 10/17;
  }
}
.services__title > h3 {
  font-weight: 600;
  font-size: 2.4rem;
  line-height: 2.8rem;
  color: var(--black);
}
.services__description {
  justify-self: center;
  margin-top: 0.8rem;
}
@media (min-width: 0) {
  .services__description {
    grid-column: 2/9;
  }
}
@media (min-width: 768px) {
  .services__description {
    grid-column: 2/13;
  }
}
@media (min-width: 1024px) {
  .services__description {
    grid-column: 10/17;
  }
}
.services__description > p {
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.2rem;
  color: var(--black);
  text-align: center;
}
.services__services-box {
  margin-top: 6.4rem;
  gap: 1.6rem;
  display: grid;
}
@media (min-width: 0) {
  .services__services-box {
    grid-template-columns: [grid-start] 0 [content-start] repeat(3, [col-start] 1fr [col-end] 16px) [col-start] 1fr [content-end] 0 [grid-end];
  }
}
@media (min-width: 375px) {
  .services__services-box {
    grid-template-columns: [grid-start] 0 [content-start] repeat(3, [col-start] 1fr [col-end] 16px) [col-start] 1fr [content-end] 0 [grid-end];
  }
}
@media (min-width: 768px) {
  .services__services-box {
    grid-template-columns: [grid-start] 0 [content-start] repeat(5, [col-start] 1fr [col-end] 16px) [col-start] 1fr [content-end] 0 [grid-end];
  }
}
@media (min-width: 1024px) {
  .services__services-box {
    grid-template-columns: [grid-start] 0 [content-start] repeat(11, [col-start] 1fr [col-end] 32px) [col-start] 1fr [content-end] 0 [grid-end];
  }
}
@media (min-width: 1440px) {
  .services__services-box {
    grid-template-columns: [grid-start] 0 [content-start] repeat(11, [col-start] 1fr [col-end] 32px) [col-start] 1fr [content-end] 0 [grid-end];
  }
}
@media (min-width: 1920px) {
  .services__services-box {
    grid-template-columns: [grid-start] 0 [content-start] repeat(11, [col-start] 1fr [col-end] 32px) [col-start] 1fr [content-end] 0 [grid-end];
  }
}
@media (min-width: 2560px) {
  .services__services-box {
    grid-template-columns: [grid-start] 0 [content-start] repeat(11, [col-start] 1fr [col-end] 32px) [col-start] 1fr [content-end] 0 [grid-end];
  }
}
@media (min-width: 0) {
  .services__services-box {
    grid-column: 2/9;
  }
}
@media (min-width: 768px) {
  .services__services-box {
    grid-column: 2/13;
  }
}
@media (min-width: 1024px) {
  .services__services-box {
    grid-column: 2/25;
  }
}
.services__services-box__service-box {
  padding: 2.4rem 3.2rem 2.4rem 3.2rem;
  border-radius: 1.2rem;
  background-color: var(--grey-100);
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  transition: 0.5s;
  animation-name: scaleIn;
  animation-duration: 1s;
}
.services__services-box__service-box:hover {
  transform: scale(1.05);
}
@media (min-width: 0) {
  .services__services-box__service-box:nth-child(1) {
    grid-column: 2/9;
  }
}
@media (min-width: 768px) {
  .services__services-box__service-box:nth-child(1) {
    grid-column: 2/13;
  }
}
@media (min-width: 1024px) {
  .services__services-box__service-box:nth-child(1) {
    grid-column: 6/13;
  }
}
@media (min-width: 0) {
  .services__services-box__service-box:nth-child(2) {
    grid-column: 2/9;
  }
}
@media (min-width: 768px) {
  .services__services-box__service-box:nth-child(2) {
    grid-column: 2/13;
  }
}
@media (min-width: 1024px) {
  .services__services-box__service-box:nth-child(2) {
    grid-column: 14/21;
  }
}
.services__services-box__service-box__icon {
  background-color: var(--black);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.8rem;
  border-radius: 0.8rem;
  max-width: 4rem;
}
.services__services-box__service-box__icon > svg {
  width: 2.4rem;
  height: 2.4rem;
}
.services__services-box__service-box__title {
  font-weight: 600;
  font-size: 2rem;
  line-height: 2.6rem;
  color: var(--black);
}
.services__services-box__service-box__description {
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 2rem;
  color: var(--grey-600);
}
@media (min-width: 1024px) {
  .services__services-box__service-box__description {
    min-height: 8rem;
  }
}
@media (min-width: 1440px) {
  .services__services-box__service-box__description {
    min-height: 5rem;
  }
}
.services__services-box__service-box__list {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  padding-left: 0;
  list-style: none;
}
.services__services-box__service-box__list > li {
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 2rem;
  color: var(--black);
  display: flex;
  align-items: center;
  gap: 1.6rem;
}
.services__services-box__service-box__list > li > div {
  width: 2.4rem;
  height: 2.4rem;
}
.services__services-box__service-box__list > li > div > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.technologies {
  padding: 4.8rem 1.6rem 4.8rem 1.6rem;
}
@media (min-width: 0) {
  .technologies {
    grid-column: 2/9;
  }
}
@media (min-width: 768px) {
  .technologies {
    grid-column: 2/13;
  }
}
@media (min-width: 1024px) {
  .technologies {
    grid-column: 2/25;
  }
}
.technologies {
  grid-column: 1/26;
  display: grid;
}
@media (min-width: 0) {
  .technologies {
    grid-template-columns: [grid-start] 0 [content-start] repeat(3, [col-start] 1fr [col-end] 16px) [col-start] 1fr [content-end] 0 [grid-end];
  }
}
@media (min-width: 375px) {
  .technologies {
    grid-template-columns: [grid-start] 0 [content-start] repeat(3, [col-start] 1fr [col-end] 16px) [col-start] 1fr [content-end] 0 [grid-end];
  }
}
@media (min-width: 768px) {
  .technologies {
    grid-template-columns: [grid-start] 0 [content-start] repeat(5, [col-start] 1fr [col-end] 16px) [col-start] 1fr [content-end] 0 [grid-end];
  }
}
@media (min-width: 1024px) {
  .technologies {
    grid-template-columns: [grid-start] 0 [content-start] repeat(11, [col-start] 1fr [col-end] 32px) [col-start] 1fr [content-end] 0 [grid-end];
  }
}
@media (min-width: 1440px) {
  .technologies {
    grid-template-columns: [grid-start] 0 [content-start] repeat(11, [col-start] 1fr [col-end] 32px) [col-start] 1fr [content-end] 0 [grid-end];
  }
}
@media (min-width: 1920px) {
  .technologies {
    grid-template-columns: [grid-start] 0 [content-start] repeat(11, [col-start] 1fr [col-end] 32px) [col-start] 1fr [content-end] 0 [grid-end];
  }
}
@media (min-width: 2560px) {
  .technologies {
    grid-template-columns: [grid-start] 0 [content-start] repeat(11, [col-start] 1fr [col-end] 32px) [col-start] 1fr [content-end] 0 [grid-end];
  }
}
.technologies__title {
  justify-self: center;
}
@media (min-width: 0) {
  .technologies__title {
    grid-column: 2/9;
  }
}
@media (min-width: 768px) {
  .technologies__title {
    grid-column: 2/13;
  }
}
@media (min-width: 1024px) {
  .technologies__title {
    grid-column: 10/17;
  }
}
.technologies__title > h3 {
  font-weight: 600;
  font-size: 2.4rem;
  line-height: 2.8rem;
  color: var(--black);
  text-align: center;
}
.technologies__description {
  justify-self: center;
  margin-top: 0.8rem;
}
@media (min-width: 0) {
  .technologies__description {
    grid-column: 2/9;
  }
}
@media (min-width: 768px) {
  .technologies__description {
    grid-column: 2/13;
  }
}
@media (min-width: 1024px) {
  .technologies__description {
    grid-column: 8/19;
  }
}
.technologies__description > p {
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.2rem;
  color: var(--black);
  text-align: center;
}
.technologies__grid {
  margin-top: 4.8rem;
  gap: 1.6rem;
  display: grid;
}
@media (min-width: 0) {
  .technologies__grid {
    grid-template-columns: [grid-start] 0 [content-start] repeat(3, [col-start] 1fr [col-end] 16px) [col-start] 1fr [content-end] 0 [grid-end];
  }
}
@media (min-width: 375px) {
  .technologies__grid {
    grid-template-columns: [grid-start] 0 [content-start] repeat(3, [col-start] 1fr [col-end] 16px) [col-start] 1fr [content-end] 0 [grid-end];
  }
}
@media (min-width: 768px) {
  .technologies__grid {
    grid-template-columns: [grid-start] 0 [content-start] repeat(5, [col-start] 1fr [col-end] 16px) [col-start] 1fr [content-end] 0 [grid-end];
  }
}
@media (min-width: 1024px) {
  .technologies__grid {
    grid-template-columns: [grid-start] 0 [content-start] repeat(11, [col-start] 1fr [col-end] 32px) [col-start] 1fr [content-end] 0 [grid-end];
  }
}
@media (min-width: 1440px) {
  .technologies__grid {
    grid-template-columns: [grid-start] 0 [content-start] repeat(11, [col-start] 1fr [col-end] 32px) [col-start] 1fr [content-end] 0 [grid-end];
  }
}
@media (min-width: 1920px) {
  .technologies__grid {
    grid-template-columns: [grid-start] 0 [content-start] repeat(11, [col-start] 1fr [col-end] 32px) [col-start] 1fr [content-end] 0 [grid-end];
  }
}
@media (min-width: 2560px) {
  .technologies__grid {
    grid-template-columns: [grid-start] 0 [content-start] repeat(11, [col-start] 1fr [col-end] 32px) [col-start] 1fr [content-end] 0 [grid-end];
  }
}
@media (min-width: 0) {
  .technologies__grid {
    grid-column: 2/9;
  }
}
@media (min-width: 768px) {
  .technologies__grid {
    grid-column: 2/13;
  }
}
@media (min-width: 1024px) {
  .technologies__grid {
    grid-column: 2/25;
  }
}
.technologies__grid__item {
  padding: 1.2rem 1.6rem 1.2rem 1.6rem;
  border-radius: 1.2rem;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  align-items: center;
  justify-content: center;
  animation-name: scaleIn;
  animation-duration: 1s;
  transition: 0.3s;
}
.technologies__grid__item:hover {
  transform: translateY(-4px);
}
@media (min-width: 0) {
  .technologies__grid__item:nth-child(1) {
    grid-column: 2/5;
  }
}
@media (min-width: 768px) {
  .technologies__grid__item:nth-child(1) {
    grid-column: 2/7;
  }
}
@media (min-width: 1024px) {
  .technologies__grid__item:nth-child(1) {
    grid-column: 2/5;
  }
}
@media (min-width: 0) {
  .technologies__grid__item:nth-child(2) {
    grid-column: 6/9;
  }
}
@media (min-width: 768px) {
  .technologies__grid__item:nth-child(2) {
    grid-column: 8/13;
  }
}
@media (min-width: 1024px) {
  .technologies__grid__item:nth-child(2) {
    grid-column: 6/9;
  }
}
@media (min-width: 0) {
  .technologies__grid__item:nth-child(3) {
    grid-column: 2/5;
  }
}
@media (min-width: 768px) {
  .technologies__grid__item:nth-child(3) {
    grid-column: 2/7;
  }
}
@media (min-width: 1024px) {
  .technologies__grid__item:nth-child(3) {
    grid-column: 10/13;
  }
}
@media (min-width: 0) {
  .technologies__grid__item:nth-child(4) {
    grid-column: 6/9;
  }
}
@media (min-width: 768px) {
  .technologies__grid__item:nth-child(4) {
    grid-column: 8/13;
  }
}
@media (min-width: 1024px) {
  .technologies__grid__item:nth-child(4) {
    grid-column: 14/17;
  }
}
@media (min-width: 0) {
  .technologies__grid__item:nth-child(5) {
    grid-column: 2/5;
  }
}
@media (min-width: 768px) {
  .technologies__grid__item:nth-child(5) {
    grid-column: 2/7;
  }
}
@media (min-width: 1024px) {
  .technologies__grid__item:nth-child(5) {
    grid-column: 18/21;
  }
}
@media (min-width: 0) {
  .technologies__grid__item:nth-child(6) {
    grid-column: 6/9;
  }
}
@media (min-width: 768px) {
  .technologies__grid__item:nth-child(6) {
    grid-column: 8/13;
  }
}
@media (min-width: 1024px) {
  .technologies__grid__item:nth-child(6) {
    grid-column: 22/25;
  }
}
.technologies__grid__item__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding-inline: 1.6rem;
  padding-block: 0.8rem;
  max-width: 10rem;
  max-height: 10rem;
  border-radius: 2.4rem;
}
.technologies__grid__item__icon > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.technologies__grid__item__name {
  font-weight: 600;
  font-size: 2rem;
  line-height: 2.6rem;
  color: var(--black);
}

.pricing {
  margin-top: 6.4rem;
  background-color: var(--white);
  padding: 4.8rem 1.6rem 4.8rem 1.6rem;
}
@media (min-width: 0) {
  .pricing {
    grid-column: 2/9;
  }
}
@media (min-width: 768px) {
  .pricing {
    grid-column: 2/13;
  }
}
@media (min-width: 1024px) {
  .pricing {
    grid-column: 2/25;
  }
}
.pricing {
  grid-column: 1/26;
  display: grid;
}
@media (min-width: 0) {
  .pricing {
    grid-template-columns: [grid-start] 0 [content-start] repeat(3, [col-start] 1fr [col-end] 16px) [col-start] 1fr [content-end] 0 [grid-end];
  }
}
@media (min-width: 375px) {
  .pricing {
    grid-template-columns: [grid-start] 0 [content-start] repeat(3, [col-start] 1fr [col-end] 16px) [col-start] 1fr [content-end] 0 [grid-end];
  }
}
@media (min-width: 768px) {
  .pricing {
    grid-template-columns: [grid-start] 0 [content-start] repeat(5, [col-start] 1fr [col-end] 16px) [col-start] 1fr [content-end] 0 [grid-end];
  }
}
@media (min-width: 1024px) {
  .pricing {
    grid-template-columns: [grid-start] 0 [content-start] repeat(11, [col-start] 1fr [col-end] 32px) [col-start] 1fr [content-end] 0 [grid-end];
  }
}
@media (min-width: 1440px) {
  .pricing {
    grid-template-columns: [grid-start] 0 [content-start] repeat(11, [col-start] 1fr [col-end] 32px) [col-start] 1fr [content-end] 0 [grid-end];
  }
}
@media (min-width: 1920px) {
  .pricing {
    grid-template-columns: [grid-start] 0 [content-start] repeat(11, [col-start] 1fr [col-end] 32px) [col-start] 1fr [content-end] 0 [grid-end];
  }
}
@media (min-width: 2560px) {
  .pricing {
    grid-template-columns: [grid-start] 0 [content-start] repeat(11, [col-start] 1fr [col-end] 32px) [col-start] 1fr [content-end] 0 [grid-end];
  }
}
.pricing__title {
  justify-self: center;
}
@media (min-width: 0) {
  .pricing__title {
    grid-column: 2/9;
  }
}
@media (min-width: 768px) {
  .pricing__title {
    grid-column: 2/13;
  }
}
@media (min-width: 1024px) {
  .pricing__title {
    grid-column: 10/17;
  }
}
.pricing__title > h3 {
  font-weight: 600;
  font-size: 2.4rem;
  line-height: 2.8rem;
  color: var(--black);
  text-align: center;
}
.pricing__description {
  justify-self: center;
  margin-top: 0.8rem;
}
@media (min-width: 0) {
  .pricing__description {
    grid-column: 2/9;
  }
}
@media (min-width: 768px) {
  .pricing__description {
    grid-column: 2/13;
  }
}
@media (min-width: 1024px) {
  .pricing__description {
    grid-column: 8/19;
  }
}
.pricing__description > p {
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.2rem;
  color: var(--black);
  text-align: center;
}
.pricing__packages {
  margin-top: 6.4rem;
  gap: 1.6rem;
  display: grid;
}
@media (min-width: 0) {
  .pricing__packages {
    grid-template-columns: [grid-start] 0 [content-start] repeat(3, [col-start] 1fr [col-end] 16px) [col-start] 1fr [content-end] 0 [grid-end];
  }
}
@media (min-width: 375px) {
  .pricing__packages {
    grid-template-columns: [grid-start] 0 [content-start] repeat(3, [col-start] 1fr [col-end] 16px) [col-start] 1fr [content-end] 0 [grid-end];
  }
}
@media (min-width: 768px) {
  .pricing__packages {
    grid-template-columns: [grid-start] 0 [content-start] repeat(5, [col-start] 1fr [col-end] 16px) [col-start] 1fr [content-end] 0 [grid-end];
  }
}
@media (min-width: 1024px) {
  .pricing__packages {
    grid-template-columns: [grid-start] 0 [content-start] repeat(11, [col-start] 1fr [col-end] 32px) [col-start] 1fr [content-end] 0 [grid-end];
  }
}
@media (min-width: 1440px) {
  .pricing__packages {
    grid-template-columns: [grid-start] 0 [content-start] repeat(11, [col-start] 1fr [col-end] 32px) [col-start] 1fr [content-end] 0 [grid-end];
  }
}
@media (min-width: 1920px) {
  .pricing__packages {
    grid-template-columns: [grid-start] 0 [content-start] repeat(11, [col-start] 1fr [col-end] 32px) [col-start] 1fr [content-end] 0 [grid-end];
  }
}
@media (min-width: 2560px) {
  .pricing__packages {
    grid-template-columns: [grid-start] 0 [content-start] repeat(11, [col-start] 1fr [col-end] 32px) [col-start] 1fr [content-end] 0 [grid-end];
  }
}
@media (min-width: 0) {
  .pricing__packages {
    grid-column: 2/9;
  }
}
@media (min-width: 768px) {
  .pricing__packages {
    grid-column: 2/13;
  }
}
@media (min-width: 1024px) {
  .pricing__packages {
    grid-column: 2/25;
  }
}
.pricing__packages__package {
  position: relative;
  padding: 2.4rem 3.2rem 2.4rem 3.2rem;
  border-radius: 1.2rem;
  background-color: var(--grey-100);
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  animation-name: scaleIn;
  animation-duration: 1s;
  transition: 0.3s;
}
.pricing__packages__package:hover {
  transform: translateY(-4px);
}
@media (min-width: 0) {
  .pricing__packages__package:nth-child(1) {
    grid-column: 2/9;
  }
}
@media (min-width: 768px) {
  .pricing__packages__package:nth-child(1) {
    grid-column: 2/7;
  }
}
@media (min-width: 1024px) {
  .pricing__packages__package:nth-child(1) {
    grid-column: 2/9;
  }
}
@media (min-width: 0) {
  .pricing__packages__package:nth-child(2) {
    grid-column: 2/9;
  }
}
@media (min-width: 768px) {
  .pricing__packages__package:nth-child(2) {
    grid-column: 8/13;
  }
}
@media (min-width: 1024px) {
  .pricing__packages__package:nth-child(2) {
    grid-column: 10/17;
  }
}
@media (min-width: 0) {
  .pricing__packages__package:nth-child(3) {
    grid-column: 2/9;
  }
}
@media (min-width: 768px) {
  .pricing__packages__package:nth-child(3) {
    grid-column: 2/13;
  }
}
@media (min-width: 1024px) {
  .pricing__packages__package:nth-child(3) {
    grid-column: 18/25;
  }
}
.pricing__packages__package--featured {
  background-color: var(--black);
  transform: translateY(-8px);
}
.pricing__packages__package--featured:hover {
  transform: translateY(-12px);
}
.pricing__packages__package__badge {
  position: absolute;
  top: -1.2rem;
  right: 1.6rem;
  padding: 0.8rem 1rem 0.8rem 1rem;
  border-radius: 2.4rem;
  background-color: var(--grey-300);
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 2rem;
  color: var(--black);
}
.pricing__packages__package__title {
  font-weight: 600;
  font-size: 2rem;
  line-height: 2.6rem;
  color: var(--black);
}
.pricing__packages__package__for {
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 2rem;
  color: var(--grey-600);
}
.pricing__packages__package__price {
  font-weight: 600;
  font-size: 4rem;
  line-height: 4.4rem;
  color: var(--black);
  display: flex;
  align-items: baseline;
  gap: 0.8rem;
}
.pricing__packages__package__price > span {
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 2rem;
  color: var(--grey-600);
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.pricing__packages__package__list {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  padding-left: 0;
  list-style: none;
}
.pricing__packages__package__list > li {
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 2rem;
  color: var(--black);
  display: flex;
  align-items: center;
  gap: 1.6rem;
}
.pricing__packages__package__list > li > div {
  width: 2.4rem;
  height: 2.4rem;
}
.pricing__packages__package__list > li > div > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.pricing__packages__package--featured .pricing__packages__package__title, .pricing__packages__package--featured .pricing__packages__package__price, .pricing__packages__package--featured .pricing__packages__package__list > li {
  color: var(--white);
}
.pricing__packages__package--featured .pricing__packages__package__for, .pricing__packages__package--featured .pricing__packages__package__price > span {
  color: var(--grey-500);
}

.process {
  margin-top: 6.4rem;
  background-color: var(--white);
  padding: 4.8rem 1.6rem 4.8rem 1.6rem;
}
@media (min-width: 0) {
  .process {
    grid-column: 2/9;
  }
}
@media (min-width: 768px) {
  .process {
    grid-column: 2/13;
  }
}
@media (min-width: 1024px) {
  .process {
    grid-column: 2/25;
  }
}
.process {
  grid-column: 1/26;
  display: grid;
}
@media (min-width: 0) {
  .process {
    grid-template-columns: [grid-start] 0 [content-start] repeat(3, [col-start] 1fr [col-end] 16px) [col-start] 1fr [content-end] 0 [grid-end];
  }
}
@media (min-width: 375px) {
  .process {
    grid-template-columns: [grid-start] 0 [content-start] repeat(3, [col-start] 1fr [col-end] 16px) [col-start] 1fr [content-end] 0 [grid-end];
  }
}
@media (min-width: 768px) {
  .process {
    grid-template-columns: [grid-start] 0 [content-start] repeat(5, [col-start] 1fr [col-end] 16px) [col-start] 1fr [content-end] 0 [grid-end];
  }
}
@media (min-width: 1024px) {
  .process {
    grid-template-columns: [grid-start] 0 [content-start] repeat(11, [col-start] 1fr [col-end] 32px) [col-start] 1fr [content-end] 0 [grid-end];
  }
}
@media (min-width: 1440px) {
  .process {
    grid-template-columns: [grid-start] 0 [content-start] repeat(11, [col-start] 1fr [col-end] 32px) [col-start] 1fr [content-end] 0 [grid-end];
  }
}
@media (min-width: 1920px) {
  .process {
    grid-template-columns: [grid-start] 0 [content-start] repeat(11, [col-start] 1fr [col-end] 32px) [col-start] 1fr [content-end] 0 [grid-end];
  }
}
@media (min-width: 2560px) {
  .process {
    grid-template-columns: [grid-start] 0 [content-start] repeat(11, [col-start] 1fr [col-end] 32px) [col-start] 1fr [content-end] 0 [grid-end];
  }
}
.process__title {
  justify-self: center;
}
@media (min-width: 0) {
  .process__title {
    grid-column: 2/9;
  }
}
@media (min-width: 768px) {
  .process__title {
    grid-column: 2/13;
  }
}
@media (min-width: 1024px) {
  .process__title {
    grid-column: 10/17;
  }
}
.process__title > h3 {
  font-weight: 600;
  font-size: 2.4rem;
  line-height: 2.8rem;
  color: var(--black);
  text-align: center;
}
.process__description {
  justify-self: center;
  margin-top: 0.8rem;
}
@media (min-width: 0) {
  .process__description {
    grid-column: 2/9;
  }
}
@media (min-width: 768px) {
  .process__description {
    grid-column: 2/13;
  }
}
@media (min-width: 1024px) {
  .process__description {
    grid-column: 8/19;
  }
}
.process__description > p {
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.2rem;
  color: var(--black);
  text-align: center;
}
.process__steps {
  margin-top: 6.4rem;
  gap: 1.6rem;
  display: grid;
}
@media (min-width: 0) {
  .process__steps {
    grid-template-columns: [grid-start] 0 [content-start] repeat(3, [col-start] 1fr [col-end] 16px) [col-start] 1fr [content-end] 0 [grid-end];
  }
}
@media (min-width: 375px) {
  .process__steps {
    grid-template-columns: [grid-start] 0 [content-start] repeat(3, [col-start] 1fr [col-end] 16px) [col-start] 1fr [content-end] 0 [grid-end];
  }
}
@media (min-width: 768px) {
  .process__steps {
    grid-template-columns: [grid-start] 0 [content-start] repeat(5, [col-start] 1fr [col-end] 16px) [col-start] 1fr [content-end] 0 [grid-end];
  }
}
@media (min-width: 1024px) {
  .process__steps {
    grid-template-columns: [grid-start] 0 [content-start] repeat(11, [col-start] 1fr [col-end] 32px) [col-start] 1fr [content-end] 0 [grid-end];
  }
}
@media (min-width: 1440px) {
  .process__steps {
    grid-template-columns: [grid-start] 0 [content-start] repeat(11, [col-start] 1fr [col-end] 32px) [col-start] 1fr [content-end] 0 [grid-end];
  }
}
@media (min-width: 1920px) {
  .process__steps {
    grid-template-columns: [grid-start] 0 [content-start] repeat(11, [col-start] 1fr [col-end] 32px) [col-start] 1fr [content-end] 0 [grid-end];
  }
}
@media (min-width: 2560px) {
  .process__steps {
    grid-template-columns: [grid-start] 0 [content-start] repeat(11, [col-start] 1fr [col-end] 32px) [col-start] 1fr [content-end] 0 [grid-end];
  }
}
@media (min-width: 0) {
  .process__steps {
    grid-column: 2/9;
  }
}
@media (min-width: 768px) {
  .process__steps {
    grid-column: 2/13;
  }
}
@media (min-width: 1024px) {
  .process__steps {
    grid-column: 2/25;
  }
}
.process__steps__step {
  padding: 1.2rem 1.6rem 1.2rem 1.6rem;
  border-radius: 1.2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.6rem;
  animation-name: scaleIn;
  animation-duration: 1s;
  transition: 0.3s;
}
.process__steps__step:hover {
  transform: translateY(-4px);
}
@media (min-width: 0) {
  .process__steps__step:nth-child(1) {
    grid-column: 2/9;
  }
}
@media (min-width: 768px) {
  .process__steps__step:nth-child(1) {
    grid-column: 2/7;
  }
}
@media (min-width: 1024px) {
  .process__steps__step:nth-child(1) {
    grid-column: 2/7;
  }
}
@media (min-width: 0) {
  .process__steps__step:nth-child(2) {
    grid-column: 2/9;
  }
}
@media (min-width: 768px) {
  .process__steps__step:nth-child(2) {
    grid-column: 8/13;
  }
}
@media (min-width: 1024px) {
  .process__steps__step:nth-child(2) {
    grid-column: 8/13;
  }
}
@media (min-width: 0) {
  .process__steps__step:nth-child(3) {
    grid-column: 2/9;
  }
}
@media (min-width: 768px) {
  .process__steps__step:nth-child(3) {
    grid-column: 2/7;
  }
}
@media (min-width: 1024px) {
  .process__steps__step:nth-child(3) {
    grid-column: 14/19;
  }
}
@media (min-width: 0) {
  .process__steps__step:nth-child(4) {
    grid-column: 2/9;
  }
}
@media (min-width: 768px) {
  .process__steps__step:nth-child(4) {
    grid-column: 8/13;
  }
}
@media (min-width: 1024px) {
  .process__steps__step:nth-child(4) {
    grid-column: 20/25;
  }
}
.process__steps__step__number {
  width: 4rem;
  height: 4rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 2.4rem;
  background-color: var(--black);
  color: var(--white);
  font-weight: 600;
  font-size: 2rem;
  line-height: 2.6rem;
}
.process__steps__step__title {
  font-weight: 600;
  font-size: 2rem;
  line-height: 2.6rem;
  color: var(--black);
}
.process__steps__step__text {
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2rem;
  text-align: center;
  color: var(--black);
}

.contact {
  padding: 4.8rem 1.6rem 4.8rem 1.6rem;
}
@media (min-width: 0) {
  .contact {
    grid-column: 2/9;
  }
}
@media (min-width: 768px) {
  .contact {
    grid-column: 2/13;
  }
}
@media (min-width: 1024px) {
  .contact {
    grid-column: 2/25;
  }
}
.contact {
  grid-column: 1/26;
  display: grid;
}
@media (min-width: 0) {
  .contact {
    grid-template-columns: [grid-start] 0 [content-start] repeat(3, [col-start] 1fr [col-end] 16px) [col-start] 1fr [content-end] 0 [grid-end];
  }
}
@media (min-width: 375px) {
  .contact {
    grid-template-columns: [grid-start] 0 [content-start] repeat(3, [col-start] 1fr [col-end] 16px) [col-start] 1fr [content-end] 0 [grid-end];
  }
}
@media (min-width: 768px) {
  .contact {
    grid-template-columns: [grid-start] 0 [content-start] repeat(5, [col-start] 1fr [col-end] 16px) [col-start] 1fr [content-end] 0 [grid-end];
  }
}
@media (min-width: 1024px) {
  .contact {
    grid-template-columns: [grid-start] 0 [content-start] repeat(11, [col-start] 1fr [col-end] 32px) [col-start] 1fr [content-end] 0 [grid-end];
  }
}
@media (min-width: 1440px) {
  .contact {
    grid-template-columns: [grid-start] 0 [content-start] repeat(11, [col-start] 1fr [col-end] 32px) [col-start] 1fr [content-end] 0 [grid-end];
  }
}
@media (min-width: 1920px) {
  .contact {
    grid-template-columns: [grid-start] 0 [content-start] repeat(11, [col-start] 1fr [col-end] 32px) [col-start] 1fr [content-end] 0 [grid-end];
  }
}
@media (min-width: 2560px) {
  .contact {
    grid-template-columns: [grid-start] 0 [content-start] repeat(11, [col-start] 1fr [col-end] 32px) [col-start] 1fr [content-end] 0 [grid-end];
  }
}
.contact__content {
  display: grid;
}
@media (min-width: 0) {
  .contact__content {
    grid-template-columns: [grid-start] 0 [content-start] repeat(3, [col-start] 1fr [col-end] 16px) [col-start] 1fr [content-end] 0 [grid-end];
  }
}
@media (min-width: 375px) {
  .contact__content {
    grid-template-columns: [grid-start] 0 [content-start] repeat(3, [col-start] 1fr [col-end] 16px) [col-start] 1fr [content-end] 0 [grid-end];
  }
}
@media (min-width: 768px) {
  .contact__content {
    grid-template-columns: [grid-start] 0 [content-start] repeat(5, [col-start] 1fr [col-end] 16px) [col-start] 1fr [content-end] 0 [grid-end];
  }
}
@media (min-width: 1024px) {
  .contact__content {
    grid-template-columns: [grid-start] 0 [content-start] repeat(11, [col-start] 1fr [col-end] 32px) [col-start] 1fr [content-end] 0 [grid-end];
  }
}
@media (min-width: 1440px) {
  .contact__content {
    grid-template-columns: [grid-start] 0 [content-start] repeat(11, [col-start] 1fr [col-end] 32px) [col-start] 1fr [content-end] 0 [grid-end];
  }
}
@media (min-width: 1920px) {
  .contact__content {
    grid-template-columns: [grid-start] 0 [content-start] repeat(11, [col-start] 1fr [col-end] 32px) [col-start] 1fr [content-end] 0 [grid-end];
  }
}
@media (min-width: 2560px) {
  .contact__content {
    grid-template-columns: [grid-start] 0 [content-start] repeat(11, [col-start] 1fr [col-end] 32px) [col-start] 1fr [content-end] 0 [grid-end];
  }
}
@media (min-width: 0) {
  .contact__content {
    grid-column: 2/9;
  }
}
@media (min-width: 768px) {
  .contact__content {
    grid-column: 2/13;
  }
}
@media (min-width: 1024px) {
  .contact__content {
    grid-column: 2/25;
  }
}
@media (min-width: 0) {
  .contact__content__info {
    grid-column: 2/9;
  }
}
@media (min-width: 768px) {
  .contact__content__info {
    grid-column: 2/13;
  }
}
@media (min-width: 1024px) {
  .contact__content__info {
    grid-column: 4/13;
  }
}
.contact__content__info {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}
.contact__content__info > h3 {
  font-weight: 600;
  font-size: 2.4rem;
  line-height: 2.8rem;
  color: var(--black);
}
.contact__content__info > p {
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.2rem;
  color: var(--black);
}
.contact__content__info__details {
  margin-top: 1.6rem;
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}
.contact__content__info__details__item {
  display: flex;
  align-items: center;
  gap: 1.2rem;
}
.contact__content__info__details__item__icon {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4rem;
  height: 4rem;
  padding: 0.8rem;
  background-color: var(--black);
  border-radius: 0.8rem;
}
.contact__content__info__details__item__icon > img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.contact__content__info__details__item__text {
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 2rem;
  color: var(--black);
}
@media (min-width: 0) {
  .contact__content__form {
    grid-column: 2/9;
  }
}
@media (min-width: 768px) {
  .contact__content__form {
    grid-column: 2/13;
  }
}
@media (min-width: 1024px) {
  .contact__content__form {
    grid-column: 14/23;
  }
}
.contact__content__form {
  margin-top: 3.2rem;
}
@media (min-width: 1024px) {
  .contact__content__form {
    margin-top: 0;
  }
}

.contact__form {
  background-color: var(--white);
  padding: 2.4rem 3.2rem 2.4rem 3.2rem;
  border-radius: 1.2rem;
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}
.contact__form__field {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}
.contact__form__field > label {
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 2rem;
  color: var(--black);
}
.contact__form__field > input, .contact__form__field > select, .contact__form__field > textarea {
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2rem;
  color: var(--black);
  padding: 0.8rem 1.2rem;
  border-radius: 8px;
  border: 1px solid var(--grey-300);
  background-color: var(--white);
  outline: none;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.contact__form__field > input:focus, .contact__form__field > select:focus, .contact__form__field > textarea:focus {
  border-color: var(--black);
  box-shadow: 0 0 0 1px var(--black);
}
.contact__form__submit {
  margin-top: 0.8rem;
  border: none;
  cursor: pointer;
  padding: 1rem 1.2rem 1rem 1.2rem;
  border-radius: 0.8rem;
  background-color: var(--black);
  color: var(--white);
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 2rem;
  transition: 0.2s;
}
.contact__form__submit:hover {
  transform: translateY(-1px);
  opacity: 0.9;
}

.footer {
  background-color: var(--black);
  color: var(--white);
  padding: 1.6rem 1.6rem 1.6rem 1.6rem;
  grid-column: 1/26;
}
.footer__content {
  margin-top: 3.2rem;
  display: grid;
}
@media (min-width: 0) {
  .footer__content {
    grid-template-columns: [grid-start] 0 [content-start] repeat(3, [col-start] 1fr [col-end] 16px) [col-start] 1fr [content-end] 0 [grid-end];
  }
}
@media (min-width: 375px) {
  .footer__content {
    grid-template-columns: [grid-start] 0 [content-start] repeat(3, [col-start] 1fr [col-end] 16px) [col-start] 1fr [content-end] 0 [grid-end];
  }
}
@media (min-width: 768px) {
  .footer__content {
    grid-template-columns: [grid-start] 0 [content-start] repeat(5, [col-start] 1fr [col-end] 16px) [col-start] 1fr [content-end] 0 [grid-end];
  }
}
@media (min-width: 1024px) {
  .footer__content {
    grid-template-columns: [grid-start] 0 [content-start] repeat(11, [col-start] 1fr [col-end] 32px) [col-start] 1fr [content-end] 0 [grid-end];
  }
}
@media (min-width: 1440px) {
  .footer__content {
    grid-template-columns: [grid-start] 0 [content-start] repeat(11, [col-start] 1fr [col-end] 32px) [col-start] 1fr [content-end] 0 [grid-end];
  }
}
@media (min-width: 1920px) {
  .footer__content {
    grid-template-columns: [grid-start] 0 [content-start] repeat(11, [col-start] 1fr [col-end] 32px) [col-start] 1fr [content-end] 0 [grid-end];
  }
}
@media (min-width: 2560px) {
  .footer__content {
    grid-template-columns: [grid-start] 0 [content-start] repeat(11, [col-start] 1fr [col-end] 32px) [col-start] 1fr [content-end] 0 [grid-end];
  }
}
@media (min-width: 0) {
  .footer__content {
    grid-column: 2/9;
  }
}
@media (min-width: 768px) {
  .footer__content {
    grid-column: 2/13;
  }
}
@media (min-width: 1024px) {
  .footer__content {
    grid-column: 2/25;
  }
}
.footer__content {
  row-gap: 3.2rem;
}
@media (min-width: 0) {
  .footer__brand {
    grid-column: 2/9;
  }
}
@media (min-width: 768px) {
  .footer__brand {
    grid-column: 2/13;
  }
}
@media (min-width: 1024px) {
  .footer__brand {
    grid-column: 2/9;
  }
}
.footer__brand {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}
.footer__brand__logo {
  max-width: 16rem;
}
.footer__brand__logo > img {
  width: 100%;
  height: auto;
  display: block;
}
.footer__brand__tagline {
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2rem;
  color: var(--grey-300);
  max-width: 28rem;
}
@media (min-width: 0) {
  .footer__nav {
    grid-column: 2/9;
  }
}
@media (min-width: 768px) {
  .footer__nav {
    grid-column: 2/7;
  }
}
@media (min-width: 1024px) {
  .footer__nav {
    grid-column: 10/15;
  }
}
.footer__nav {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}
.footer__nav__label {
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 2rem;
  color: var(--grey-200);
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.footer__nav__list {
  list-style: none;
  padding-left: 0;
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}
.footer__nav__list > li > a {
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2rem;
  color: var(--white);
  text-decoration: none;
  opacity: 0.9;
  transition: opacity 0.2s;
}
.footer__nav__list > li > a:hover {
  opacity: 1;
}
@media (min-width: 0) {
  .footer__contact {
    grid-column: 2/9;
  }
}
@media (min-width: 768px) {
  .footer__contact {
    grid-column: 2/13;
  }
}
@media (min-width: 1024px) {
  .footer__contact {
    grid-column: 16/25;
  }
}
.footer__contact {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}
.footer__contact__label {
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 2rem;
  color: var(--grey-200);
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.footer__contact__details {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}
.footer__contact__details__item {
  display: flex;
  align-items: center;
  gap: 1.2rem;
  text-decoration: none;
  color: var(--white);
  transition: opacity 0.2s;
}
.footer__contact__details__item:hover {
  opacity: 0.9;
}
.footer__contact__details__item__icon {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.2rem;
  height: 3.2rem;
  padding: 0.6rem;
  background-color: rgba(255, 255, 255, 0.12);
  border-radius: 0.8rem;
}
.footer__contact__details__item__icon > img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.footer__contact__details__item__text {
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2rem;
  color: var(--white);
}
.footer__contact__social {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}
.footer__contact__social__label {
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 2rem;
  color: var(--grey-200);
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.footer__contact__social__links {
  display: flex;
  align-items: center;
  gap: 1.2rem;
}
.footer__contact__social__links__link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.2rem;
  height: 3.2rem;
  padding: 0.8rem;
  background-color: rgba(255, 255, 255, 0.12);
  border-radius: 0.8rem;
  transition: background-color 0.2s, opacity 0.2s;
}
.footer__contact__social__links__link:hover {
  background-color: rgba(255, 255, 255, 0.2);
  opacity: 1;
}
.footer__contact__social__links__link > img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media (min-width: 0) {
  .footer__meta {
    grid-column: 2/9;
  }
}
@media (min-width: 768px) {
  .footer__meta {
    grid-column: 2/13;
  }
}
@media (min-width: 1024px) {
  .footer__meta {
    grid-column: 2/25;
  }
}
.footer__meta {
  display: flex;
  gap: 0.4rem;
  justify-content: space-between;
}
.footer__meta__copyright, .footer__meta__madeby {
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 1.8rem;
  color: var(--grey-400);
  text-align: left;
}
.footer__divider {
  height: 1px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.35) 50%, rgba(255, 255, 255, 0) 100%);
}
@media (min-width: 0) {
  .footer__divider {
    grid-column: 2/9;
  }
}
@media (min-width: 768px) {
  .footer__divider {
    grid-column: 2/13;
  }
}
@media (min-width: 1024px) {
  .footer__divider {
    grid-column: 2/25;
  }
}
.footer__divider {
  margin-block: 2.4rem;
}

/*# sourceMappingURL=global.css.map */