/* ========================================================================================= */
/* SETTINGS */
/* ========================================================================================= */
@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;600;800&display=swap");
/*
IMPORTANT!
There should always be a color that is called primary and disabled
SEE OBJECTS/O-DIVIDER
*/
:root {
  --color-primary: #fe4b26;
  --color-secondary: #0e1923;
  --color-disabled: #cad4e4;
  --color-success: #86c548;
  --color-error: #ff5252;
  --color-ocean: #637b90;
  --color-white: #ffffff;
  --color-gray: #f6f6f6;
  --color-mauve: #e58492;
  --color-champagne: #ffc090;
}

/* ========================================================================================= */
/* END SETTINGS */
/* ========================================================================================= */
/* ========================================================================================= */
/* TOOLS */
/* ========================================================================================= */
/* ========================================================================================= */
/* TOOLS - FUNCTIONS */
/* ========================================================================================= */
/* ========================================================================================= */
/* END TOOLS - FUNCTIONS */
/* ========================================================================================= */
/* ========================================================================================= */
/* TOOLS - MIXINS */
/* ========================================================================================= */
/* ========================================================================================= */
/* END TOOLS - MIXINS */
/* ========================================================================================= */
/* ========================================================================================= */
/* END TOOLS */
/* ========================================================================================= */
/* ========================================================================================= */
/* GENERIC */
/* ========================================================================================= */
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html, body {
  font-family: "Manrope", "Raleway", sans-serif;
  font-style: normal;
  font-size: 16px;
  margin: 0;
  padding: 0;
  background: var(--color-white);
  height: auto;
}

header, section, article, nav, footer, aside, figure, form {
  display: block;
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, p {
  margin: 0;
}

ol, ul {
  list-style: none;
}

/* ========================================================================================= */
/* END GENERIC */
/* ========================================================================================= */
/* ========================================================================================= */
/* KEYFRAMES */
/* ========================================================================================= */
/* ========================================================================================= */
/* END KEYFRAMES */
/* ========================================================================================= */
/* ========================================================================================= */
/* OBJECTS */
/* ========================================================================================= */
.o-background--primary {
  background: var(--color-primary);
}

.o-background--secondary {
  background: var(--color-secondary);
}

.o-background--disabled {
  background: var(--color-disabled);
}

.o-background--success {
  background: var(--color-success);
}

.o-background--error {
  background: var(--color-error);
}

.o-background--ocean {
  background: var(--color-ocean);
}

.o-background--white {
  background: var(--color-white);
}

.o-background--gray {
  background: var(--color-gray);
}

.o-background--mauve {
  background: var(--color-mauve);
}

.o-background--champagne {
  background: var(--color-champagne);
}

.o-border-radius--6 {
  border-radius: 6px;
}

.o-border-radius--8 {
  border-radius: 8px;
}

.o-border-radius--10 {
  border-radius: 10px;
}

.o-border-radius--12 {
  border-radius: 12px;
}

.o-border-radius--14 {
  border-radius: 14px;
}

.o-border-radius--16 {
  border-radius: 16px;
}

.o-border-radius--18 {
  border-radius: 18px;
}

.o-border-radius--20 {
  border-radius: 20px;
}

.o-border-radius--22 {
  border-radius: 22px;
}

.o-border-radius--24 {
  border-radius: 24px;
}

.o-border-radius--26 {
  border-radius: 26px;
}

.o-border-radius--28 {
  border-radius: 28px;
}

.o-border-radius--30 {
  border-radius: 30px;
}

.o-border-radius--32 {
  border-radius: 32px;
}

.o-border-radius--34 {
  border-radius: 34px;
}

.o-border-radius--36 {
  border-radius: 36px;
}

.o-border-radius--38 {
  border-radius: 38px;
}

.o-border-radius--40 {
  border-radius: 40px;
}

.o-border-radius--42 {
  border-radius: 42px;
}

.o-border-radius--50 {
  border-radius: 50px;
}

.o-border-radius--60 {
  border-radius: 60px;
}

.o-border-radius--70 {
  border-radius: 70px;
}

.o-color--primary {
  color: var(--color-primary);
}

.o-color--secondary {
  color: var(--color-secondary);
}

.o-color--disabled {
  color: var(--color-disabled);
}

.o-color--success {
  color: var(--color-success);
}

.o-color--error {
  color: var(--color-error);
}

.o-color--ocean {
  color: var(--color-ocean);
}

.o-color--white {
  color: var(--color-white);
}

.o-color--gray {
  color: var(--color-gray);
}

.o-color--mauve {
  color: var(--color-mauve);
}

.o-color--champagne {
  color: var(--color-champagne);
}

.o-container {
  width: 85%;
  max-width: 1600px;
  display: block;
  margin: 0 auto;
}

@media (max-width: 576px) {
  .o-container {
    width: 90%;
  }
}

.o-container--strong {
  margin-top: 20px;
  width: 94%;
}

.o-divider--05 {
  height: 0.5px;
  width: 100%;
}

.o-divider--10 {
  height: 1px;
  width: 100%;
}

.o-divider--15 {
  height: 1.5px;
  width: 100%;
}

.o-divider--20 {
  height: 2px;
  width: 100%;
}

.base-font-primary, .o-font-primary-title-l1--light, .o-font-primary-title-l1--regular, .o-font-primary-title-l1--semibold, .o-font-primary-title-l1--extrabold, .o-font-primary-title-l2--light, .o-font-primary-title-l2--regular, .o-font-primary-title-l2--semibold, .o-font-primary-title-l2--extrabold, .o-font-primary-title-l3--light, .o-font-primary-title-l3--regular, .o-font-primary-title-l3--semibold, .o-font-primary-title-l3--extrabold, .o-font-primary-title-l4--light, .o-font-primary-title-l4--regular, .o-font-primary-title-l4--semibold, .o-font-primary-title-l4--extrabold, .o-font-primary-body-m--light, .o-font-primary-body-m--regular, .o-font-primary-body-m--semibold, .o-font-primary-body-m--extrabold, .o-font-primary-body-s--light, .o-font-primary-body-s--regular, .o-font-primary-body-s--semibold, .o-font-primary-body-s--extrabold, .o-font-primary-body-xs--light, .o-font-primary-body-xs--regular, .o-font-primary-body-xs--semibold, .o-font-primary-body-xs--extrabold, .o-font-primary-body-xss--light, .o-font-primary-body-xss--regular, .o-font-primary-body-xss--semibold, .o-font-primary-body-xss--extrabold {
  font-family: "Manrope", "Raleway", sans-serif;
  font-style: normal;
}

/* ========================================================================================= */
/* TITLES */
/* ========================================================================================= */
.o-font-primary-title-l1--light {
  font-size: 3.75rem;
  line-height: 4.75rem;
  font-weight: 300;
}

.o-font-primary-title-l1--regular {
  font-size: 3.75rem;
  line-height: 4.75rem;
  font-weight: 400;
}

.o-font-primary-title-l1--semibold {
  font-size: 3.75rem;
  line-height: 4.75rem;
  font-weight: 600;
}

.o-font-primary-title-l1--extrabold {
  font-size: 3.75rem;
  line-height: 4.75rem;
  font-weight: 800;
}

.o-font-primary-title-l2--light {
  font-size: 3rem;
  line-height: 3.5625rem;
  font-weight: 300;
}

@media (max-width: 768px) {
  .o-font-primary-title-l2--light {
    font-size: 2.125rem;
    line-height: 2.625rem;
  }
}

.o-font-primary-title-l2--regular {
  font-size: 3rem;
  line-height: 3.5625rem;
  font-weight: 400;
}

@media (max-width: 768px) {
  .o-font-primary-title-l2--regular {
    font-size: 2.125rem;
    line-height: 2.625rem;
  }
}

.o-font-primary-title-l2--semibold {
  font-size: 3rem;
  line-height: 3.5625rem;
  font-weight: 600;
}

@media (max-width: 768px) {
  .o-font-primary-title-l2--semibold {
    font-size: 2.125rem;
    line-height: 2.625rem;
  }
}

.o-font-primary-title-l2--extrabold {
  font-size: 3rem;
  line-height: 3.5625rem;
  font-weight: 800;
}

@media (max-width: 768px) {
  .o-font-primary-title-l2--extrabold {
    font-size: 2.125rem;
    line-height: 2.625rem;
  }
}

.o-font-primary-title-l3--light {
  font-size: 2rem;
  line-height: 2.375rem;
  font-weight: 300;
}

.o-font-primary-title-l3--regular {
  font-size: 2rem;
  line-height: 2.375rem;
  font-weight: 400;
}

.o-font-primary-title-l3--semibold {
  font-size: 2rem;
  line-height: 2.375rem;
  font-weight: 600;
}

.o-font-primary-title-l3--extrabold {
  font-size: 2rem;
  line-height: 2.375rem;
  font-weight: 800;
}

.o-font-primary-title-l4--light {
  font-size: 1.375rem;
  line-height: 1.75rem;
  font-weight: 300;
}

@media (max-width: 1200px) {
  .o-font-primary-title-l4--light {
    font-size: 1.125rem;
    line-height: 1.4375rem;
  }
}

@media (max-width: 768px) {
  .o-font-primary-title-l4--light {
    font-size: 1rem;
    line-height: 1.2375rem;
  }
}

.o-font-primary-title-l4--regular {
  font-size: 1.375rem;
  line-height: 1.75rem;
  font-weight: 400;
}

@media (max-width: 1200px) {
  .o-font-primary-title-l4--regular {
    font-size: 1.125rem;
    line-height: 1.4375rem;
  }
}

@media (max-width: 768px) {
  .o-font-primary-title-l4--regular {
    font-size: 1rem;
    line-height: 1.2375rem;
  }
}

.o-font-primary-title-l4--semibold {
  font-size: 1.375rem;
  line-height: 1.75rem;
  font-weight: 600;
}

@media (max-width: 1200px) {
  .o-font-primary-title-l4--semibold {
    font-size: 1.125rem;
    line-height: 1.4375rem;
  }
}

@media (max-width: 768px) {
  .o-font-primary-title-l4--semibold {
    font-size: 1rem;
    line-height: 1.2375rem;
  }
}

.o-font-primary-title-l4--extrabold {
  font-size: 1.375rem;
  line-height: 1.75rem;
  font-weight: 800;
}

@media (max-width: 1200px) {
  .o-font-primary-title-l4--extrabold {
    font-size: 1.125rem;
    line-height: 1.4375rem;
  }
}

@media (max-width: 768px) {
  .o-font-primary-title-l4--extrabold {
    font-size: 1rem;
    line-height: 1.2375rem;
  }
}

/* ========================================================================================= */
/* END TITLES */
/* ========================================================================================= */
/* ========================================================================================= */
/* BODYS */
/* ========================================================================================= */
.o-font-primary-body-m--light {
  font-size: 1.125rem;
  line-height: 1.4375rem;
  font-weight: 300;
}

.o-font-primary-body-m--regular {
  font-size: 1.125rem;
  line-height: 1.4375rem;
  font-weight: 400;
}

.o-font-primary-body-m--semibold {
  font-size: 1.125rem;
  line-height: 1.4375rem;
  font-weight: 600;
}

.o-font-primary-body-m--extrabold {
  font-size: 1.125rem;
  line-height: 1.4375rem;
  font-weight: 800;
}

.o-font-primary-body-s--light {
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: 300;
}

.o-font-primary-body-s--regular {
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: 400;
}

.o-font-primary-body-s--semibold {
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: 600;
}

.o-font-primary-body-s--extrabold {
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: 800;
}

.o-font-primary-body-xs--light {
  font-size: 0.875rem;
  line-height: 1.125rem;
  font-weight: 300;
}

.o-font-primary-body-xs--regular {
  font-size: 0.875rem;
  line-height: 1.125rem;
  font-weight: 400;
}

.o-font-primary-body-xs--semibold {
  font-size: 0.875rem;
  line-height: 1.125rem;
  font-weight: 600;
}

.o-font-primary-body-xs--extrabold {
  font-size: 0.875rem;
  line-height: 1.125rem;
  font-weight: 800;
}

.o-font-primary-body-xss--light {
  font-size: 0.75rem;
  line-height: 0.875rem;
  font-weight: 300;
}

.o-font-primary-body-xss--regular {
  font-size: 0.75rem;
  line-height: 0.875rem;
  font-weight: 400;
}

.o-font-primary-body-xss--semibold {
  font-size: 0.75rem;
  line-height: 0.875rem;
  font-weight: 600;
}

.o-font-primary-body-xss--extrabold {
  font-size: 0.75rem;
  line-height: 0.875rem;
  font-weight: 800;
}

/* ========================================================================================= */
/* END BODYS */
/* ========================================================================================= */
.o-height--6 {
  height: 6px;
}

.o-height--8 {
  height: 8px;
}

.o-height--10 {
  height: 10px;
}

.o-height--12 {
  height: 12px;
}

.o-height--14 {
  height: 14px;
}

.o-height--16 {
  height: 16px;
}

.o-height--18 {
  height: 18px;
}

.o-height--20 {
  height: 20px;
}

.o-height--22 {
  height: 22px;
}

.o-height--24 {
  height: 24px;
}

.o-height--26 {
  height: 26px;
}

.o-height--28 {
  height: 28px;
}

.o-height--30 {
  height: 30px;
}

.o-height--32 {
  height: 32px;
}

.o-height--34 {
  height: 34px;
}

.o-height--36 {
  height: 36px;
}

.o-height--38 {
  height: 38px;
}

.o-height--40 {
  height: 40px;
}

.o-height--42 {
  height: 42px;
}

.o-height--50 {
  height: 50px;
}

.o-height--60 {
  height: 60px;
}

.o-height--70 {
  height: 70px;
}

.o-opacity--1 {
  opacity: 0.1;
}

.o-opacity--2 {
  opacity: 0.2;
}

.o-opacity--3 {
  opacity: 0.3;
}

.o-opacity--4 {
  opacity: 0.4;
}

.o-opacity--5 {
  opacity: 0.5;
}

.o-opacity--6 {
  opacity: 0.6;
}

.o-opacity--7 {
  opacity: 0.7;
}

.o-opacity--8 {
  opacity: 0.8;
}

.o-opacity--9 {
  opacity: 0.9;
}

.o-padding--6 {
  padding: 6px;
}

.o-padding--8 {
  padding: 8px;
}

.o-padding--10 {
  padding: 10px;
}

.o-padding--12 {
  padding: 12px;
}

.o-padding--14 {
  padding: 14px;
}

.o-padding--16 {
  padding: 16px;
}

.o-padding--18 {
  padding: 18px;
}

.o-padding--20 {
  padding: 20px;
}

.o-padding--22 {
  padding: 22px;
}

.o-padding--24 {
  padding: 24px;
}

.o-padding--26 {
  padding: 26px;
}

.o-padding--28 {
  padding: 28px;
}

.o-padding--30 {
  padding: 30px;
}

.o-padding--32 {
  padding: 32px;
}

.o-padding--34 {
  padding: 34px;
}

.o-padding--36 {
  padding: 36px;
}

.o-padding--38 {
  padding: 38px;
}

.o-padding--40 {
  padding: 40px;
}

.o-padding--42 {
  padding: 42px;
}

.o-padding--50 {
  padding: 50px;
}

.o-padding--60 {
  padding: 60px;
}

.o-padding--70 {
  padding: 70px;
}

.o-text-align--start {
  text-align: start;
}

.o-text-align--center {
  text-align: center;
}

.o-text-align--end {
  text-align: end;
}

.o-text-decoration {
  text-decoration: underline;
}

.o-visibility--hidden {
  visibility: hidden;
}

.o-visibility--visible {
  visibility: visible;
}

.o-width-height--6 {
  width: 6px;
  height: 6px;
}

.o-width-height--8 {
  width: 8px;
  height: 8px;
}

.o-width-height--10 {
  width: 10px;
  height: 10px;
}

.o-width-height--12 {
  width: 12px;
  height: 12px;
}

.o-width-height--14 {
  width: 14px;
  height: 14px;
}

.o-width-height--16 {
  width: 16px;
  height: 16px;
}

.o-width-height--18 {
  width: 18px;
  height: 18px;
}

.o-width-height--20 {
  width: 20px;
  height: 20px;
}

.o-width-height--22 {
  width: 22px;
  height: 22px;
}

.o-width-height--24 {
  width: 24px;
  height: 24px;
}

.o-width-height--26 {
  width: 26px;
  height: 26px;
}

.o-width-height--28 {
  width: 28px;
  height: 28px;
}

.o-width-height--30 {
  width: 30px;
  height: 30px;
}

.o-width-height--32 {
  width: 32px;
  height: 32px;
}

.o-width-height--34 {
  width: 34px;
  height: 34px;
}

.o-width-height--36 {
  width: 36px;
  height: 36px;
}

.o-width-height--38 {
  width: 38px;
  height: 38px;
}

.o-width-height--40 {
  width: 40px;
  height: 40px;
}

.o-width-height--42 {
  width: 42px;
  height: 42px;
}

.o-width-height--50 {
  width: 50px;
  height: 50px;
}

.o-width-height--60 {
  width: 60px;
  height: 60px;
}

.o-width-height--70 {
  width: 70px;
  height: 70px;
}

.o-width--6 {
  width: 6px;
}

.o-width--8 {
  width: 8px;
}

.o-width--10 {
  width: 10px;
}

.o-width--12 {
  width: 12px;
}

.o-width--14 {
  width: 14px;
}

.o-width--16 {
  width: 16px;
}

.o-width--18 {
  width: 18px;
}

.o-width--20 {
  width: 20px;
}

.o-width--22 {
  width: 22px;
}

.o-width--24 {
  width: 24px;
}

.o-width--26 {
  width: 26px;
}

.o-width--28 {
  width: 28px;
}

.o-width--30 {
  width: 30px;
}

.o-width--32 {
  width: 32px;
}

.o-width--34 {
  width: 34px;
}

.o-width--36 {
  width: 36px;
}

.o-width--38 {
  width: 38px;
}

.o-width--40 {
  width: 40px;
}

.o-width--42 {
  width: 42px;
}

.o-width--50 {
  width: 50px;
}

.o-width--60 {
  width: 60px;
}

.o-width--70 {
  width: 70px;
}

/* ============================================================ */
/* END OBJECTS */
/* ========================================================================================= */
/* ========================================================================================= */
/* COMPONENTS */
/* ========================================================================================= */
.c-footer {
  padding-top: 60px;
  padding-bottom: 60px;
}

.c-footer__wrapper-columns {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr;
      grid-template-columns: 1fr 1fr 1fr;
}

@media (max-width: 768px) {
  .c-footer__wrapper-columns {
    padding-top: 10px;
    -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    -ms-grid-rows: 1fr 1fr 0.5fr;
        grid-template-rows: 1fr 1fr 0.5fr;
  }
}

.c-footer__wrapper-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.c-footer__title-column {
  margin-bottom: 20px;
}

@media (max-width: 768px) {
  .c-footer__title-column {
    margin-bottom: 10px;
    margin-top: 50px;
  }
}

.c-footer__divider {
  margin-top: 45px;
  margin-bottom: 45px;
}

@media (max-width: 768px) {
  .c-footer__divider {
    margin-top: 15px;
    margin-bottom: 45px;
  }
}

.c-footer__wrapper-item {
  width: 100%;
  margin-top: 5px;
  margin-bottom: 5px;
}

.c-footer__wrapper-column:nth-child(3) {
  text-align: end;
}

@media (max-width: 768px) {
  .c-footer__wrapper-column:nth-child(3) {
    margin-top: 40px;
    text-align: start;
  }
}

.c-footer__icons {
  margin-left: 10px;
}

@media (max-width: 768px) {
  .c-footer__icons {
    margin-left: 0px;
    margin-right: 20px;
  }
}

.c-header {
  position: relative;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.2))), url("/assets/images/hero.png");
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url("/assets/images/hero.png");
  background-size: cover;
}

@media (max-width: 1024px) {
  .c-header {
    position: absolute;
    position: -webkit-sticky;
    position: sticky;
  }
}

.c-header__baner {
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}

.c-header__container {
  width: 100%;
  max-width: 100vw;
  height: 850px;
  margin-left: 0;
  margin-right: 0;
}

.c-header__wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  height: 100%;
}

.c-header__wrapper-navbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  max-height: 180px;
  width: 100%;
}

.c-header__wrapper-navbar-logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: white;
  height: 180px;
  width: 290px;
  border-bottom-right-radius: 50%;
}

@media (max-width: 576px) {
  .c-header__wrapper-navbar-logo {
    height: 130px;
    width: 200px;
  }
}

.c-header__nav {
  padding-right: 50px;
  width: 60%;
}

@media (max-width: 1024px) {
  .c-header__nav {
    display: none;
  }
}

.c-header__ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.c-header__li:nth-child(4) {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  padding: 10px 20px;
  border-radius: 10px;
  border: 2px solid var(--color-white);
}

.c-header__li:nth-child(4):hover {
  background-color: rgba(21, 21, 21, 0.3);
}

.c-header__wrapper-content {
  height: 50%;
  max-width: 92%;
  padding: 80px 80px 50px 80px;
  border-top-left-radius: 150px;
  background-color: var(--color-white);
}

@media (max-width: 480px) {
  .c-header__wrapper-content {
    padding: 80px 30px 50px 50px;
  }
}

.c-header__wrapper-content-title {
  margin: 15px 0px;
}

.c-header__wrapper-content-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 40px 0px;
}

.c-header__wrapper-content-link-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 1rem;
  font-size: 2rem;
  color: white;
  height: 50px;
  width: 50px;
  text-align: center;
  border-radius: 100%;
}

.c-header__open {
  display: none;
  padding: 50px;
  cursor: pointer;
}

@media (max-width: 1024px) {
  .c-header__open {
    display: block;
  }
}

.c-menu-movil {
  position: fixed;
  top: 150%;
  width: 100%;
  height: 100vh;
  background: #ffff;
  z-index: 2;
}

.c-menu-movil__close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 40px;
  cursor: pointer;
}

.c-menu-movil__socials {
  position: absolute;
  bottom: 60;
  left: 0;
  margin-left: 30px;
  margin-bottom: 60px;
}

.c-menu-movil__item {
  position: relative;
  padding: 0 6vw;
  margin-bottom: 40px;
}

.c-menu-movil__wrapper-item {
  padding: 10vh 0 25vh;
}

.c-image-and-content {
  border-radius: 0px 150px 0px 0px;
}

.c-image-and-content__wrapper {
  padding-top: 100px;
  padding-bottom: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 1024px) {
  .c-image-and-content__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

.c-image-and-content__wrapper-image {
  width: 30%;
}

@media (max-width: 1024px) {
  .c-image-and-content__wrapper-image {
    margin-bottom: 40px;
    width: 100%;
  }
}

.c-image-and-content__image {
  width: 80%;
  border-radius: 0px 0px 150px 0px;
}

@media (max-width: 1024px) {
  .c-image-and-content__image {
    width: 40%;
  }
}

@media (max-width: 576px) {
  .c-image-and-content__image {
    width: 60%;
  }
}

.c-image-and-content__text {
  width: 70%;
}

@media (max-width: 576px) {
  .c-image-and-content__text {
    width: 100%;
  }
}

.c-image-and-content__large-text {
  margin-bottom: 50px;
}

.c-image-and-content__min-text {
  margin-bottom: 10px;
}

.c-video-and-content__wrapper {
  padding-top: 100px;
  padding-bottom: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (max-width: 768px) {
  .c-video-and-content__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding-top: 80px;
    padding-bottom: 50px;
  }
}

.c-video-and-content__wrapper-video-container {
  position: relative;
  width: 50%;
  height: 400px;
}

@media (max-width: 768px) {
  .c-video-and-content__wrapper-video-container {
    display: none;
  }
}

.c-video-and-content__wrapper-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.c-video-and-content__wrapper-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 40%;
}

@media (max-width: 768px) {
  .c-video-and-content__wrapper-content {
    margin-bottom: 20px;
    width: 100%;
  }
}

.c-video-and-content__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 3rem;
}

.c-video-and-content__link-btn {
  display: inline-block;
  margin-right: 1rem;
  font-size: 2rem;
  color: white;
  height: 50px;
  width: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 100%;
}

.c-video-and-content__text * {
  margin-bottom: 0.5rem;
}

.c-video-and-content__divider {
  margin-top: 30px;
  margin-bottom: 30px;
}

.c-image-and-steps__wrapper {
  padding-top: 80px;
  padding-bottom: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (max-width: 1024px) {
  .c-image-and-steps__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
}

.c-image-and-steps__wrapper-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 45%;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

@media (max-width: 768px) {
  .c-image-and-steps__wrapper-image {
    width: 80%;
  }
}

@media (max-width: 480px) {
  .c-image-and-steps__wrapper-image {
    width: 100%;
  }
}

.c-image-and-steps__wrapper-steps {
  width: 35%;
}

@media (max-width: 1200px) {
  .c-image-and-steps__wrapper-steps {
    width: 48%;
  }
}

@media (max-width: 1024px) {
  .c-image-and-steps__wrapper-steps {
    width: 50%;
  }
}

@media (max-width: 768px) {
  .c-image-and-steps__wrapper-steps {
    width: 80%;
    margin-bottom: 25px;
  }
}

@media (max-width: 480px) {
  .c-image-and-steps__wrapper-steps {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 80%;
  }
}

.c-image-and-steps__wrapper-steps-step {
  padding-bottom: 50px;
}

.c-image-and-steps__wrapper-steps-step-text-counter {
  color: var(--color-gray);
  text-shadow: 0 0 2px black, 0 0 2px black, 0 0 2px black, 0 0 2px black, 0 0 2px black, 0 0 2px black, 0 0 2px black, 0 0 2px black, 0 0 2px black, 0 0 2px black, 0 0 2px black, 0 0 2px black, 0 0 2px black, 0 0 2px black, 0 0 2px black, 0 0 2px black, 0 0 2px black, 0 0 2px black, 0 0 2px black, 0 0 2px black;
  padding-bottom: 10px;
}

.c-image-and-steps__image {
  height: 100%;
  width: 80%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 100% 0;
     object-position: 100% 0;
}

@media (max-width: 480px) {
  .c-image-and-steps__image {
    width: 80%;
  }
}

.c-image-and-steps__text {
  width: 70%;
}

.c-image-and-steps__large-text {
  margin-bottom: 50px;
}

.c-image-and-steps__min-text {
  margin-bottom: 10px;
}

.c-image-and-steps__number-step {
  margin-bottom: 8px;
}

.c-faq__wrapper {
  padding-top: 100px;
  padding-bottom: 100px;
}

@media (max-width: 1024px) {
  .c-faq__wrapper {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

.c-faq__wrapper-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.c-faq__title {
  margin-bottom: 1.5rem;
}

.c-faq__wrapper-content-item {
  width: 40%;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

@media (max-width: 1024px) {
  .c-faq__wrapper-content-item {
    width: 90%;
  }
}

.c-faq__wrapper-content-item-title {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.c-icons-row__wrapper {
  padding-top: 75px;
  padding-bottom: 75px;
}

@media (max-width: 1024px) {
  .c-icons-row__wrapper {
    padding-top: 60px;
    padding-bottom: 40px;
  }
}

.c-icons-row__wrapper-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.c-icons-row__title {
  text-align: center;
  margin-bottom: 2.5rem;
}

@media (max-width: 576px) {
  .c-icons-row__title {
    text-align: start;
  }
}

.c-cards {
  padding-top: 100px;
  padding-bottom: 100px;
}

.c-cards__top {
  margin-bottom: 10px;
}

.c-cards__wrapper-card {
  width: 285px;
  margin-left: 40px;
}

.c-cards__image-card {
  border-radius: 35px 35px 35px 0px;
  height: 300px;
  width: 285px;
  -o-object-fit: cover;
     object-fit: cover;
}

.c-cards__title-card {
  margin-top: 10px;
  margin-bottom: 5px;
}

.c-cards__subtitle-card {
  margin-bottom: 5px;
}

.c-cards__content-card {
  margin-bottom: 15px;
}

.c-cards__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
}

.c-cards__button {
  width: 100%;
  text-align: center;
  padding-top: 15px;
  padding-bottom: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 10px;
}

.c-cards__wrapper-content {
  margin-top: 30px;
  margin-bottom: 60px;
}

.c-fixed {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  top: 86%;
  right: 2%;
  z-index: 10;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 768px) {
  .c-fixed {
    top: 85%;
    z-index: 10;
  }
}

.c-fixed__whatsapp {
  height: 60px;
  width: 60px;
}

@media (max-width: 768px) {
  .c-fixed__whatsapp {
    height: 60px;
    width: 60px;
  }
}

/* ========================================================================================= */
/* END COMPONENTS */
/* ========================================================================================= */
/* ========================================================================================= */
/* EXTERNAL */
/* ========================================================================================= */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
  ========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
    ========================================================================== */
/**
  * Remove the margin in all browsers.
  */
body {
  margin: 0;
}

/**
  * Render the `main` element consistently in IE.
  */
main {
  display: block;
}

/**
  * Correct the font size and margin on `h1` elements within `section` and
  * `article` contexts in Chrome, Firefox, and Safari.
  */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
    ========================================================================== */
/**
  * 1. Add the correct box sizing in Firefox.
  * 2. Show the overflow in Edge and IE.
  */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
  * 1. Correct the inheritance and scaling of font size in all browsers.
  * 2. Correct the odd `em` font sizing in all browsers.
  */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
    ========================================================================== */
/**
  * Remove the gray background on active links in IE 10.
  */
a {
  background-color: transparent;
  text-decoration: none;
}

/**
  * 1. Remove the bottom border in Chrome 57-
  * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
  */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */
}

/**
  * Add the correct font weight in Chrome, Edge, and Safari.
  */
b,
strong {
  font-weight: bolder;
}

/**
  * 1. Correct the inheritance and scaling of font size in all browsers.
  * 2. Correct the odd `em` font sizing in all browsers.
  */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
  * Add the correct font size in all browsers.
  */
small {
  font-size: 80%;
}

/**
  * Prevent `sub` and `sup` elements from affecting the line height in
  * all browsers.
  */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
    ========================================================================== */
/**
  * Remove the border on images inside links in IE 10.
  */
img {
  border-style: none;
}

/* Forms
    ========================================================================== */
/**
  * 1. Change the font styles in all browsers.
  * 2. Remove the margin in Firefox and Safari.
  */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
  * Show the overflow in IE.
  * 1. Show the overflow in Edge.
  */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
  * Remove the inheritance of text transform in Edge, Firefox, and IE.
  * 1. Remove the inheritance of text transform in Firefox.
  */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
  * Correct the inability to style clickable types in iOS and Safari.
  */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
  * Remove the inner border and padding in Firefox.
  */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
  * Restore the focus styles unset by the previous rule.
  */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
  * Correct the padding in Firefox.
  */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
  * 1. Correct the text wrapping in Edge and IE.
  * 2. Correct the color inheritance from `fieldset` elements in IE.
  * 3. Remove the padding so developers are not caught out when they zero out
  *    `fieldset` elements in all browsers.
  */
legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
  * Add the correct vertical alignment in Chrome, Firefox, and Opera.
  */
progress {
  vertical-align: baseline;
}

/**
  * Remove the default vertical scrollbar in IE 10+.
  */
textarea {
  overflow: auto;
}

/**
  * 1. Add the correct box sizing in IE 10.
  * 2. Remove the padding in IE 10.
  */
[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
  * Correct the cursor style of increment and decrement buttons in Chrome.
  */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
  * 1. Correct the odd appearance in Chrome and Safari.
  * 2. Correct the outline style in Safari.
  */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
  * Remove the inner padding in Chrome and Safari on macOS.
  */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
  * 1. Correct the inability to style clickable types in iOS and Safari.
  * 2. Change font properties to `inherit` in Safari.
  */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
    ========================================================================== */
/*
  * Add the correct display in Edge, IE 10+, and Firefox.
  */
details {
  display: block;
}

/*
  * Add the correct display in all browsers.
  */
summary {
  display: list-item;
}

/* Misc
    ========================================================================== */
/**
  * Add the correct display in IE 10+.
  */
template {
  display: none;
}

/**
  * Add the correct display in IE 10.
  */
[hidden] {
  display: none;
}

select {
  /* styling */
  background-color: white;
  border: thin solid blue;
  border-radius: 0px;
  display: inline-block;
  font: inherit;
  line-height: 1.5em;
  padding: 0.5em 3.5em 0.5em 1em;
  /* reset */
  margin: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
}

button {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  /* inherit font & color from ancestor */
  color: inherit;
  font: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
}

p {
  display: block;
  -webkit-margin-before: 0em;
          margin-block-start: 0em;
  -webkit-margin-after: 0em;
          margin-block-end: 0em;
  -webkit-margin-start: 0px;
          margin-inline-start: 0px;
  -webkit-margin-end: 0px;
          margin-inline-end: 0px;
}

/* ========================================================================================= */
/* END EXTERNAL */
/* ========================================================================================= */
/* ========================================================================================= */
/* UTILITIES */
/* ========================================================================================= */
.u-none {
  display: none !important;
}

@media (min-width: 1101px) {
  .u-none\@md {
    display: none !important;
  }
}

@media (min-width: 501px) and (max-width: 1100px) {
  .u-none\@sm {
    display: none !important;
  }
}

@media (min-width: 0px) and (max-width: 500px) {
  .u-none\@xs {
    display: none !important;
  }
}

@media print {
  .u-none\@print {
    display: none !important;
  }
}

/* ========================================================================================= */
/* END UTILITIES */
/* ========================================================================================= */
/*# sourceMappingURL=main.css.map */