.level1 {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }

.level2 {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); }

.level3 {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); }

.level4 {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); }

.level5 {
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22); }

.gray {
  background-color: #ababab; }
  @media (max-width: 600px) {
    .gray {
      width: 100%;
      height: 100%; } }

.appear1 {
  animation-name: appearbox;
  animation-duration: 1s; }

.appear2 {
  animation-name: appearbox;
  animation-duration: 2s; }

.appear3 {
  animation-name: appearbox;
  animation-duration: 3s; }

.appear4 {
  animation-name: appearbox;
  animation-duration: 4s; }

.appear5 {
  animation-name: appearbox;
  animation-duration: 5s; }

.appear6 {
  animation-name: appearbox;
  animation-duration: 6s; }

@keyframes fade {}@keyframes appear {
  0% {
    opacity: 0;
    transform: translateX(-10rem); }
  80% {
    transform: translateX(1rem); }
  100% {
    opacity: 1;
    transform: translate(0); } }

@keyframes appearbox {
  0% {
    opacity: 0;
    transform: translateX(-20rem); }
  80% { }
  100% {
    opacity: 1;
    transform: translate(0); } }

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

html {
  box-sizing: border-box;
  /* Esto lo que va a hacer es convertir 1 rem = 10px*/
  font-size: 62.5%;
  scroll-snap-type: y mandatory;
  background-color: var(--backgroundcolorwhite);
  scroll-behavior: smooth; }
  @media (max-width: 600px) {
    html {
      width: 100%; } }

/**,*:before, *:after {
    box-sizing: inherit;

}*/
body {
  background-color: #dddddd; }

body {
  font-family: 'Archivo', sans-serif;
  text-decoration: none;
  font-size: 2rem; }

.button:link,
.button:visited {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-size: 1.7rem;
  font-weight: 400;
  color: white;
  width: 14rem;
  height: 7rem;
  z-index: 3;
  background-color: black;
  border-radius: 2rem;
  background: transparent;
  border: 1px solid white;
  outline: none;
  margin-top: -13rem; }
  .button:link:hover,
  .button:visited:hover {
    background-color: #f8cb4e;
    color: black;
    transition: 0.2s ease-in-out;
    font-weight: bold;
    border-color: black; }

/* Footer button Autor: http://alticreation.com/en">alticreation.com*/
.button2 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: .75rem 1.25rem;
  border-radius: 10rem;
  color: #020202;
  text-transform: uppercase;
  font-weight: 200;
  font-size: 1.25rem;
  letter-spacing: .15rem;
  transition: all .3s;
  position: relative;
  overflow: hidden;
  z-index: 1;
  text-decoration: none;
  width: 15rem;
  height: 5rem; }
  .button2:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #f8cb4e;
    border-radius: 10rem;
    z-index: -2; }
  .button2:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background-color: #f0b309;
    transition: all .3s;
    border-radius: 10rem;
    z-index: -1; }
  .button2:hover {
    font-weight: bolder; }
    .button2:hover:before {
      width: 100%; }

.chooseussection {
  display: flex;
  align-items: center;
  justify-content: normal;
  flex-direction: column;
  /* background-color: red; */
  margin-left: 3rem;
  margin-right: 3rem;
  margin-top: 8rem;
  margin-bottom: 8rem;
  height: 90rem; }
  @media (max-width: 600px) {
    .chooseussection {
      height: fit-content; } }
  @media (min-width: 600px) and (max-width: 899px) {
    .chooseussection {
      height: fit-content; } }
  .chooseussection__title {
    height: 5rem;
    align-items: center;
    font-weight: 400;
    justify-content: center;
    margin-bottom: 8rem;
    margin-top: 8rem;
    animation-name: appear;
    animation-duration: 1s;
    font-size: 2rem; }
    @media (max-width: 600px) {
      .chooseussection__title {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        padding-right: 1rem; } }
    .chooseussection__title h2 {
      font-family: 'Oswald', sans-serif;
      font-weight: 300;
      font-size: 4rem; }
  .chooseussection__grid {
    display: grid;
    grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
    /* border-style: dotted; */
    height: 80rem;
    margin-top: 2rem;
    color: black; }
    @media (max-width: 600px) {
      .chooseussection__grid {
        width: 100%; } }
    @media (min-width: 600px) and (max-width: 899px) {
      .chooseussection__grid {
        width: 100%; } }
    .chooseussection__grid section {
      display: flex;
      align-items: center;
      justify-content: center; }
      @media (max-width: 600px) {
        .chooseussection__grid section {
          width: 23.6%;
          display: flex;
          align-items: center;
          justify-content: center; } }
      @media (min-width: 600px) and (max-width: 899px) {
        .chooseussection__grid section {
          width: 50.50%;
          display: flex;
          align-items: center;
          justify-content: center; } }
  .chooseussection__grid--number {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20rem;
    height: 100%; }
  .chooseussection__grid--text {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    /* background-color: green; */
    font-weight: 200;
    width: 120rem;
    height: 100%;
    padding-right: 4rem; }
    @media (max-width: 600px) {
      .chooseussection__grid--text {
        font-size: 1.45rem;
        padding: 1rem; } }
    @media (min-width: 600px) and (max-width: 899px) {
      .chooseussection__grid--text {
        padding-right: 2rem; } }

.title__contain {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  width: 60%;
  height: 50rem;
  z-index: 4;
  margin: 1rem; }
  @media (max-width: 600px) {
    .title__contain {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 3rem;
      height: 50rem; } }
  @media (min-width: 600px) and (max-width: 899px) {
    .title__contain {
      height: 60rem; } }
  .title__contain__t {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    font-weight: 800;
    text-transform: uppercase;
    position: relative;
    color: white;
    font-size: 5rem;
    z-index: 3;
    animation-name: appear;
    animation-duration: 3s;
    font-size: 4rem;
    height: fit-content; }
    @media (max-width: 600px) {
      .title__contain__t {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 3rem;
        height: fit-content; } }

.bar__container {
  display: flex;
  align-items: center;
  justify-content: space-around;
  text-transform: uppercase;
  position: absolute;
  width: 100%;
  height: 10rem;
  z-index: 10;
  background-color: rgba(19, 22, 26, 0.8); }
  @media (max-width: 600px) {
    .bar__container {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center; } }
  .bar__container--logo {
    width: 7.25rem;
    height: 7.25rem; }
    @media (max-width: 600px) {
      .bar__container--logo {
        width: 5.5rem;
        height: 5.5rem; } }
    .bar__container--logo img {
      width: 100%;
      height: 100%; }
      @media (max-width: 600px) {
        .bar__container--logo img {
          width: 100%;
          height: 100%; } }
      @media (min-width: 600px) and (max-width: 899px) {
        .bar__container--logo img {
          width: 100%;
          height: 100%; } }
    .bar__container--logo:hover {
      width: 7.5rem;
      height: 7.5rem; }
      @media (max-width: 600px) {
        .bar__container--logo:hover {
          width: 5.750rem;
          height: 5.750rem; } }
  .bar__container--links {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 80rem;
    height: 8rem;
    z-index: 10; }
    @media (max-width: 600px) {
      .bar__container--links {
        width: 30rem;
        margin-left: 2rem;
        justify-content: space-evenly; } }
    @media (min-width: 600px) and (max-width: 899px) {
      .bar__container--links {
        width: 50rem;
        padding: 1rem;
        padding-right: 2rem; } }
  .bar__container--links a {
    display: flex;
    align-items: normal;
    justify-content: center;
    color: #ababab;
    font-weight: 200;
    font-size: 1.50rem;
    text-decoration: none;
    width: 15rem;
    z-index: 10; }
    @media (max-width: 600px) {
      .bar__container--links a {
        width: fit-content;
        font-size: 1.2rem;
        text-align: center; } }
  .bar__container--links a:hover {
    color: #f8cb4e;
    font-weight: bold; }
    @media (max-width: 600px) {
      .bar__container--links a:hover {
        font-weight: normal; } }

.packages {
  margin-top: 4rem;
  margin-left: 3rem;
  margin-right: 3rem;
  margin-top: 8rem;
  margin-bottom: 8rem;
  height: 90rem;
  display: flex;
  align-items: center;
  justify-content: center; }
  @media (max-width: 600px) {
    .packages {
      height: fit-content;
      width: 88%;
      margin-top: 0rem; } }
  @media (min-width: 600px) and (max-width: 899px) {
    .packages {
      height: 50rem;
      text-align: center; } }
  .packages__container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 95%;
    height: 90%; }
    @media (max-width: 600px) {
      .packages__container {
        height: fit-content; } }
  .packages__title {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 5rem;
    align-items: center;
    font-weight: 400;
    justify-content: center;
    margin-bottom: 8rem;
    margin-top: 8rem;
    animation-name: appear;
    animation-duration: 1s;
    width: 100%; }
    .packages__title h2 {
      font-family: 'Oswald', sans-serif;
      font-weight: 300;
      font-size: 4rem; }
    @media (max-width: 600px) {
      .packages__title {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        padding-right: 1rem;
        height: fit-content; } }
  .packages__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    height: 100%;
    width: 100%; }
    @media (max-width: 600px) {
      .packages__grid {
        grid-template-columns: 1fr;
        width: 100%;
        height: 100%; } }
    .packages__grid--img {
      display: flex;
      align-items: center;
      justify-content: center; }
      .packages__grid--img--img {
        width: 66rem;
        height: 57rem;
        border-radius: 2rem; }
        @media (max-width: 600px) {
          .packages__grid--img--img {
            width: 33rem;
            height: 22rem;
            margin-bottom: 4rem; } }
        @media (min-width: 600px) and (max-width: 899px) {
          .packages__grid--img--img {
            width: 33rem;
            height: 33rem; } }
        .packages__grid--img--img img {
          width: 100%;
          height: 100%;
          border-radius: 2rem; }
    .packages__grid--grid {
      display: grid;
      grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
      row-gap: 1rem; }
      @media (max-width: 600px) {
        .packages__grid--grid {
          margin-top: 3rem;
          width: 100%;
          height: 100%; } }
      @media (min-width: 600px) and (max-width: 899px) {
        .packages__grid--grid {
          width: 33rem;
          height: 33rem; } }
      .packages__grid--grid--options {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        flex-direction: column;
        margin-left: 2rem; }
        @media (max-width: 600px) {
          .packages__grid--grid--options {
            display: flex;
            align-items: center;
            justify-content: center;
            margin-left: 0rem;
            height: fit-content; } }
        @media (min-width: 600px) and (max-width: 899px) {
          .packages__grid--grid--options {
            width: fit-content;
            height: fit-content; } }
        .packages__grid--grid--options__titleandvector {
          margin-bottom: -0.15rem;
          display: flex;
          justify-content: flex-start; }
          @media (max-width: 600px) {
            .packages__grid--grid--options__titleandvector {
              display: flex;
              align-items: center;
              justify-content: center;
              width: 100%; } }
          .packages__grid--grid--options__titleandvector--title {
            font-weight: 600;
            text-transform: uppercase; }
            @media (max-width: 600px) {
              .packages__grid--grid--options__titleandvector--title {
                display: flex;
                font-size: 2rem; } }
        .packages__grid--grid--options__text {
          font-weight: 200;
          width: 100%; }
          @media (max-width: 600px) {
            .packages__grid--grid--options__text {
              display: flex;
              align-items: center;
              justify-content: center;
              text-align: center;
              font-size: 1.45rem;
              height: 5rem;
              width: 30rem; } }
          @media (min-width: 600px) and (max-width: 899px) {
            .packages__grid--grid--options__text {
              font-size: 1.75rem;
              text-align: start; } }

.newsection {
  margin-left: 3rem;
  margin-right: 3rem;
  margin-top: 8rem;
  margin-bottom: 8rem;
  height: 90rem;
  display: flex;
  align-items: center;
  justify-content: center; }
  .newsection__container {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 80rem; }
    @media (max-width: 600px) {
      .newsection__container {
        width: 100%;
        height: 100%;
        height: 100rem; } }
  .newsection__grid {
    display: grid;
    width: 90%;
    height: 90%;
    grid-template-columns: 1fr 1fr; }
    @media (max-width: 600px) {
      .newsection__grid {
        grid-template-columns: 1fr;
        flex-direction: column-reverse;
        width: 100%;
        height: 100%; } }
    @media (min-width: 600px) and (max-width: 899px) {
      .newsection__grid {
        grid-template-columns: 1fr; } }
    .newsection__grid--text {
      display: flex;
      align-items: center;
      justify-content: center; }
      .newsection__grid--text--box {
        width: 80%;
        height: 80%; }
        .newsection__grid--text--box--title {
          display: flex;
          align-items: center;
          justify-content: flex-start;
          margin-top: 2rem;
          font-weight: 400;
          margin-bottom: 2rem;
          font-style: italic;
          text-transform: uppercase;
          width: 100%;
          height: 10rem;
          font-style: italic;
          font-weight: 400; }
          .newsection__grid--text--box--title h2 {
            font-weight: normal; }
          @media (max-width: 600px) {
            .newsection__grid--text--box--title {
              text-align: center;
              margin-bottom: 5rem; } }
        .newsection__grid--text--box--text {
          display: grid;
          font-weight: 200;
          grid-template-columns: 1fr 1fr;
          column-gap: 3rem;
          width: 100%;
          height: 30rem;
          padding: 1rem;
          font-size: 2rem; }
          .newsection__grid--text--box--text section {
            width: 100%;
            height: 100%;
            margin-bottom: 2rem; }
          @media (max-width: 600px) {
            .newsection__grid--text--box--text {
              grid-template-columns: 1fr;
              margin-bottom: 5rem;
              text-align: center;
              font-size: 1.75rem;
              margin-top: 2rem; } }
          @media (min-width: 600px) and (max-width: 899px) {
            .newsection__grid--text--box--text {
              margin-bottom: 5rem; } }
    .newsection__grid--photo {
      display: flex;
      align-items: center;
      justify-content: center; }
      .newsection__grid--photo--box {
        width: 95%;
        height: 80%;
        border-radius: 2rem; }
        @media (min-width: 600px) and (max-width: 899px) {
          .newsection__grid--photo--box {
            width: 85%;
            height: 70%; } }
        .newsection__grid--photo--box img {
          width: 100%;
          height: 100%;
          border-radius: 2rem; }

.whybetter {
  height: 70rem;
  width: 100%;
  margin-top: 20rem;
  display: flex;
  align-items: center;
  justify-content: center; }
  @media (max-width: 600px) {
    .whybetter {
      width: 100%;
      height: 100%; } }
  @media (min-width: 600px) and (max-width: 899px) {
    .whybetter {
      width: 100%;
      height: 130rem; } }
  @media (max-width: 600px) {
    .whybetter {
      width: 100%;
      height: 100%; } }
  .whybetter__container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 90%;
    height: 66rem;
    padding: 1rem; }
    @media (max-width: 600px) {
      .whybetter__container {
        width: 100%;
        height: 100%; } }
    @media (min-width: 1201px) and (max-width: 1800px) {
      .whybetter__container {
        margin-left: -4rem; } }
  .whybetter__header_box {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    height: 100%;
    margin-bottom: 2rem; }
    .whybetter__header_box--title {
      height: 5rem;
      align-items: center;
      font-weight: 400;
      justify-content: center;
      margin-bottom: 8rem;
      margin-top: 8rem;
      animation-name: appear;
      animation-duration: 1s; }
      .whybetter__header_box--title h2 {
        font-family: 'Oswald', sans-serif;
        font-weight: 300;
        font-size: 4rem; }
      @media (max-width: 600px) {
        .whybetter__header_box--title {
          margin-bottom: 1.50rem;
          height: fit-content; } }
    .whybetter__header_box--text {
      text-align: center;
      font-weight: 200;
      width: 90rem;
      margin-bottom: 8rem; }
      @media (max-width: 600px) {
        .whybetter__header_box--text {
          width: 100%;
          height: 100%;
          margin-bottom: 4rem;
          font-size: 1.75rem; } }
      @media (min-width: 600px) and (max-width: 899px) {
        .whybetter__header_box--text {
          width: 100%;
          height: 22rem; } }
  .whybetter__grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    height: 40rem;
    column-gap: 2rem;
    width: 90%; }
    @media (max-width: 600px) {
      .whybetter__grid {
        width: 100%;
        height: 100%;
        grid-template-columns: 1fr;
        column-gap: 1rem;
        row-gap: 0rem;
        padding: 1rem; } }
    @media (min-width: 600px) and (max-width: 899px) {
      .whybetter__grid {
        width: 100%;
        height: 100%;
        grid-template-columns: 1fr 1fr;
        column-gap: 1rem;
        row-gap: 2rem; } }
    @media (min-width: 1201px) and (max-width: 1800px) {
      .whybetter__grid {
        margin-left: -8rem; } }
    .whybetter__grid--card {
      display: flex;
      align-items: flex-start;
      justify-content: flex-start;
      flex-direction: column;
      background-color: #dddddd;
      padding: 4rem; }
      @media (max-width: 600px) {
        .whybetter__grid--card {
          margin-bottom: 1rem;
          display: flex;
          align-items: center;
          justify-content: center; } }
      @media (min-width: 600px) and (max-width: 899px) {
        .whybetter__grid--card {
          width: 33rem; } }
      .whybetter__grid--card--vector {
        width: 7rem;
        height: 6rem;
        margin-bottom: 1rem; }
        @media (max-width: 600px) {
          .whybetter__grid--card--vector {
            display: flex;
            justify-content: center;
            width: 3rem;
            height: 3rem;
            width: 100%;
            height: 100%; } }
      .whybetter__grid--card--title {
        width: 22rem;
        font-weight: 600;
        font-style: bold;
        font-size: 2.50rem;
        margin-bottom: 2rem; }
        @media (max-width: 600px) {
          .whybetter__grid--card--title {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            height: 100%;
            font-size: 1.75rem; } }
      .whybetter__grid--card--text {
        font-weight: 200;
        width: 22rem;
        font-size: 1.75rem; }
        @media (max-width: 600px) {
          .whybetter__grid--card--text {
            display: flex;
            justify-content: center;
            text-align: center;
            font-size: 1.75rem; } }
        @media (min-width: 600px) and (max-width: 899px) {
          .whybetter__grid--card--text {
            width: 25rem; } }

.yearly {
  margin-left: 3rem;
  margin-right: 3rem;
  margin-top: 8rem;
  margin-bottom: 8rem;
  height: 70rem;
  display: flex;
  align-items: center;
  justify-content: center; }
  @media (max-width: 600px) {
    .yearly {
      width: 100%;
      height: 100%; } }
  @media (min-width: 600px) and (max-width: 899px) {
    .yearly {
      height: 130rem;
      margin-top: 25rem; } }
  .yearly__container {
    width: 90%;
    height: 60rem;
    margin-bottom: 8rem;
    display: flex;
    align-items: center;
    justify-content: center; }
    @media (max-width: 600px) {
      .yearly__container {
        width: 90%;
        height: 100%;
        margin-right: 6rem; } }
    @media (min-width: 600px) and (max-width: 899px) {
      .yearly__container {
        height: 120rem; } }
  .yearly__grid {
    display: grid;
    align-items: flex-end;
    grid-template-rows: 1fr 1fr;
    width: 90%;
    height: 100%;
    padding: 1rem 1rem 1rem 1rem; }
    @media (max-width: 600px) {
      .yearly__grid {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        height: 50%; } }
    @media (min-width: 600px) and (max-width: 899px) {
      .yearly__grid {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column; } }
    .yearly__grid--text {
      width: 100%;
      height: 50%; }
      @media (max-width: 600px) {
        .yearly__grid--text {
          margin-top: 5rem;
          height: 20rem;
          width: 90%; } }
      @media (min-width: 600px) and (max-width: 899px) {
        .yearly__grid--text {
          width: 58%;
          text-align: center; } }
      .yearly__grid--text--title {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 50%;
        text-transform: uppercase;
        font-style: italic; }
        @media (max-width: 600px) {
          .yearly__grid--text--title {
            text-align: center; } }
      .yearly__grid--text--text {
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 200;
        width: 100%;
        height: 50%; }
        @media (max-width: 600px) {
          .yearly__grid--text--text {
            text-align: center; } }
    .yearly__grid--boxes {
      width: 100%;
      height: 100%; }
      @media (min-width: 600px) and (max-width: 899px) {
        .yearly__grid--boxes {
          width: 100%;
          height: 100%; } }
      .yearly__grid--boxes__grid {
        width: 100%;
        height: 100%;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        column-gap: 2rem; }
        @media (max-width: 600px) {
          .yearly__grid--boxes__grid {
            grid-template-columns: 1fr; } }
        @media (min-width: 600px) and (max-width: 899px) {
          .yearly__grid--boxes__grid {
            grid-template-columns: 1fr 1fr; } }
        .yearly__grid--boxes__grid section {
          height: 100%; }

.cards {
  padding: 4rem; }
  @media (max-width: 600px) {
    .cards {
      height: 120rem;
      width: 90%; } }
  @media (min-width: 600px) and (max-width: 899px) {
    .cards {
      margin-left: -2rem;
      width: 95%; } }
  .cards__title {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 2rem;
    font-weight: 400;
    margin-bottom: 2rem;
    font-style: italic;
    text-transform: uppercase;
    font-weight: bold;
    width: 100%;
    height: 4rem;
    margin-left: 2rem; }
  .cards__number {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 7rem;
    font-weight: 900; }
  .cards__peryear {
    text-align: center;
    font-size: 1.5rem;
    font-weight: 300;
    width: 8rem;
    height: 4rem; }
  .cards__notes {
    font-size: 1.25rem;
    font-weight: lighter;
    width: 100%;
    height: 4rem; }
    @media (max-width: 600px) {
      .cards__notes {
        width: 110%;
        height: 6rem; } }

.cards__notes span {
  font-weight: bolder; }

.footer-bottom {
  height: 18rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: black;
  color: white;
  flex-direction: column;
  padding: 2rem; }
  @media (max-width: 600px) {
    .footer-bottom {
      height: 50%; } }
  .footer-bottom-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    margin-top: -18rem; }
    @media (max-width: 600px) {
      .footer-bottom-btn {
        margin-top: -12rem; } }
  .footer-bottom__container {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 100%; }
  .footer-bottom__logo {
    width: 15rem;
    height: 15rem; }
    @media (max-width: 600px) {
      .footer-bottom__logo {
        width: 3rem;
        height: 3rem; } }
    .footer-bottom__logo img {
      width: 100%;
      height: 100%; }
  .footer-bottom__rights {
    width: 27rem;
    height: 4rem;
    text-align: center; }
    @media (max-width: 600px) {
      .footer-bottom__rights {
        width: 13.5rem;
        height: 2rem;
        font-size: 1rem;
        margin-left: -1.25rem; } }
  .footer-bottom__disclaimer {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 4rem;
    width: 15rem; }
    @media (max-width: 600px) {
      .footer-bottom__disclaimer {
        width: 2rem;
        height: 7.50rem;
        font-size: 1rem; } }
    .footer-bottom__disclaimer a {
      color: #f8cb4e;
      text-decoration: none; }
      .footer-bottom__disclaimer a:hover {
        color: white; }

.formllc {
  width: 100%;
  height: 200rem;
  background-color: #dddddd;
  display: flex;
  align-items: center;
  justify-content: center; }
  @media (max-width: 600px) {
    .formllc {
      height: 250rem; } }
  .formllc__contain {
    padding-top: 10rem;
    padding-bottom: 10rem;
    width: 85%;
    height: 95%;
    background-color: #dddddd; }
    @media (max-width: 600px) {
      .formllc__contain {
        height: fit-content; } }
    .formllc__contain__grid {
      width: 100%;
      height: 100%;
      display: grid;
      grid-template-rows: 1fr 1fr 1fr 1fr; }
      @media (max-width: 600px) {
        .formllc__contain__grid {
          height: fit-content;
          row-gap: 2rem;
          margin-left: -1rem; } }
      .formllc__contain__grid--rectangle {
        display: flex;
        height: 37rem;
        row-gap: 0; }
        @media (max-width: 600px) {
          .formllc__contain__grid--rectangle {
            display: block;
            width: 54.5%;
            height: fit-content;
            background-color: white;
            border-style: solid;
            padding: 2rem; } }
        .formllc__contain__grid--rectangle__img {
          width: 60%;
          clip-path: polygon(0 0, 100% 0, 100% 0, 0 200%); }
          @media (max-width: 600px) {
            .formllc__contain__grid--rectangle__img {
              width: 100%;
              clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); } }
          .formllc__contain__grid--rectangle__img img {
            width: 100%;
            height: 100%;
            image-rendering: auto;
            object-fit: cover; }
        .formllc__contain__grid--rectangle__img2 {
          width: 60%;
          clip-path: polygon(0 100%, 50% 0, 100% 0, 100% 100%); }
          @media (max-width: 600px) {
            .formllc__contain__grid--rectangle__img2 {
              width: 100%;
              clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); } }
          .formllc__contain__grid--rectangle__img2 img {
            width: 100%;
            height: 100%;
            object-fit: cover; }
        .formllc__contain__grid--rectangle__text {
          width: 40%;
          display: flex;
          align-items: center;
          justify-content: center; }
          @media (max-width: 600px) {
            .formllc__contain__grid--rectangle__text {
              width: 100%;
              margin-bottom: 2rem; } }
          @media (min-width: 600px) and (max-width: 899px) {
            .formllc__contain__grid--rectangle__text {
              justify-content: flex-start; } }
          .formllc__contain__grid--rectangle__text__border {
            position: absolute;
            width: 22%;
            height: 20%;
            border-bottom: groove;
            border-width: 0.001rem; }
          .formllc__contain__grid--rectangle__text__box {
            width: 60rem;
            height: 20rem; }
            @media (max-width: 600px) {
              .formllc__contain__grid--rectangle__text__box {
                height: 28rem; } }
            .formllc__contain__grid--rectangle__text__box__title {
              width: 100%;
              font-style: italic;
              height: 5rem;
              margin-bottom: 2rem;
              font-size: 2.50rem;
              display: flex;
              align-items: center;
              justify-content: flex-start;
              text-transform: uppercase; }
              .formllc__contain__grid--rectangle__text__box__title h3 {
                font-weight: 600; }
                @media (min-width: 600px) and (max-width: 899px) {
                  .formllc__contain__grid--rectangle__text__box__title h3 {
                    position: inherit; } }
                @media (max-width: 600px) {
                  .formllc__contain__grid--rectangle__text__box__title h3 {
                    text-align: center; } }
              @media (max-width: 600px) {
                .formllc__contain__grid--rectangle__text__box__title {
                  margin-top: 2rem;
                  padding: 1rem;
                  text-align: center; } }
            .formllc__contain__grid--rectangle__text__box__text {
              width: 100%;
              height: 8rem;
              font-size: 2rem;
              font-weight: 200;
              display: flex;
              align-items: center;
              justify-content: flex-start; }
              @media (min-width: 600px) and (max-width: 899px) {
                .formllc__contain__grid--rectangle__text__box__text {
                  height: fit-content; } }
              @media (max-width: 600px) {
                .formllc__contain__grid--rectangle__text__box__text {
                  width: auto;
                  height: fit-content;
                  margin-top: 2rem;
                  margin-bottom: 2rem;
                  padding: 1rem; } }

.fees {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  background-color: #dddddd;
  width: 100%;
  height: 140rem; }
  @media (max-width: 600px) {
    .fees {
      padding: 4rem;
      padding-bottom: 8rem;
      width: 100%;
      height: 100%; } }

.table {
  width: 80%;
  height: 80%; }
  @media (max-width: 600px) {
    .table {
      width: 100%;
      height: 100%; } }
  .table__grid {
    width: 100%;
    height: 100%;
    display: grid;
    row-gap: 2rem;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 2rem; }
    @media (max-width: 600px) {
      .table__grid {
        width: 100%;
        height: 100%;
        grid-template-columns: 1fr;
        justify-items: center; } }
    .table__grid--row {
      display: grid;
      grid-template-rows: 1fr 2fr;
      width: 100%;
      height: 100%;
      border-radius: 6rem;
      background-color: #e3e3e3;
      border-top-right-radius: 4.75rem;
      border-top-left-radius: 4.75rem;
      border-style: solid;
      border-color: #272727; }
      @media (max-width: 600px) {
        .table__grid--row {
          width: 30rem;
          height: 30rem;
          border-top-right-radius: 5.15rem;
          border-top-left-radius: 5.15rem; } }
      @media (min-width: 600px) and (max-width: 899px) {
        .table__grid--row {
          width: 20rem;
          height: 20rem;
          margin-left: -1rem;
          border-bottom-right-radius: 4.75rem;
          border-bottom-left-radius: 4.75rem; } }
      .table__grid--row--1 {
        background-color: #f8cb4e;
        display: flex;
        align-items: center;
        justify-content: center;
        text-transform: uppercase;
        border-bottom: groove;
        border-radius: 6rem;
        border-color: #272727; }
        @media (max-width: 600px) {
          .table__grid--row--1 {
            width: 100%;
            height: 100%; } }
        .table__grid--row--1__contain {
          width: 70%;
          height: 8rem;
          display: flex;
          align-items: center;
          justify-content: center;
          text-align: center; }
          .table__grid--row--1__contain__title {
            text-transform: uppercase;
            font-weight: 500;
            font-style: italic;
            font-size: 2.2rem;
            color: black; }
            @media (max-width: 600px) {
              .table__grid--row--1__contain__title {
                font-size: 1.50rem; } }
            @media (min-width: 600px) and (max-width: 899px) {
              .table__grid--row--1__contain__title {
                font-size: 1.25rem; } }
            @media (min-width: 1201px) and (max-width: 1800px) {
              .table__grid--row--1__contain__title {
                font-size: 1.69rem; } }
      .table__grid--row--2 {
        display: grid;
        grid-template-columns: 1fr 1fr;
        background-color: #e3e3e3;
        border-radius: 6rem; }
        @media (max-width: 600px) {
          .table__grid--row--2 {
            width: 100%;
            height: 100%; } }
        .table__grid--row--2--only {
          display: flex;
          align-items: center;
          justify-content: center; }
        .table__grid--row--2--price {
          background-color: #e3e3e3;
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 7rem;
          font-weight: 600;
          border-radius: 6rem; }
          @media (max-width: 600px) {
            .table__grid--row--2--price {
              font-size: 5rem; } }
          @media (min-width: 600px) and (max-width: 899px) {
            .table__grid--row--2--price {
              font-size: 4.25rem; } }
          .table__grid--row--2--price__contain {
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column; }
            @media (min-width: 600px) and (max-width: 899px) {
              .table__grid--row--2--price__contain {
                padding: 1rem; } }
            .table__grid--row--2--price__contain--number {
              display: flex;
              align-items: center;
              justify-content: center;
              font-size: 7rem; }
              @media (max-width: 600px) {
                .table__grid--row--2--price__contain--number {
                  font-size: 5rem; } }
              @media (min-width: 600px) and (max-width: 899px) {
                .table__grid--row--2--price__contain--number {
                  font-size: 4.25rem; } }
            .table__grid--row--2--price__contain--notes {
              display: flex;
              align-items: center;
              justify-content: center;
              text-align: center;
              font-size: 1rem;
              font-weight: 200; }
        .table__grid--row--2--details {
          background-color: #e3e3e3;
          display: flex;
          align-items: center;
          justify-content: center;
          font-weight: 200;
          border-radius: 6rem;
          padding: 1rem; }
          @media (max-width: 600px) {
            .table__grid--row--2--details {
              font-size: 1.50rem; } }
          @media (min-width: 600px) and (max-width: 899px) {
            .table__grid--row--2--details {
              font-size: 1.30rem; } }
          .table__grid--row--2--details__contain {
            width: 90%;
            height: 90%;
            border-radius: 6rem;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center; }
            .table__grid--row--2--details__contain__text {
              font-weight: 200;
              border-radius: 6rem; }

.faq {
  width: 100%;
  height: 120rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #dddddd; }
  @media (max-width: 600px) {
    .faq {
      height: 160rem; } }
  @media (min-width: 600px) and (max-width: 899px) {
    .faq {
      height: 160rem; } }
  .faq__container {
    width: 70%;
    height: 90%;
    border-radius: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5rem; }
    @media (max-width: 600px) {
      .faq__container {
        height: fit-content;
        width: 95%;
        padding: 2rem; } }
    @media (min-width: 600px) and (max-width: 899px) {
      .faq__container {
        padding: 0rem;
        width: 80%; } }
  .faq__grid {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly; }
    @media (max-width: 600px) {
      .faq__grid {
        height: fit-content; } }
    @media (min-width: 600px) and (max-width: 899px) {
      .faq__grid {
        height: fit-content; } }
    .faq__grid__row {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      width: 90%;
      height: 30rem;
      padding: 5rem; }
      @media (max-width: 600px) {
        .faq__grid__row {
          width: 100%;
          height: fit-content;
          justify-content: flex-start;
          padding: 1.5rem;
          margin-bottom: 2rem; } }
      @media (min-width: 600px) and (max-width: 899px) {
        .faq__grid__row {
          height: fit-content;
          width: 100%; } }
      .faq__grid__row--title {
        width: 100%;
        height: 6rem;
        display: flex;
        align-items: center;
        justify-content: center; }
        .faq__grid__row--title h4 {
          font-family: 'Oswald', sans-serif;
          font-weight: 600;
          font-size: 2rem;
          text-transform: uppercase; }
        @media (max-width: 600px) {
          .faq__grid__row--title {
            width: 100%;
            height: fit-content;
            margin-bottom: 2rem;
            text-align: center; } }
      .faq__grid__row--text {
        font-weight: 200;
        text-align: center; }

.havequestions {
  width: 100%;
  height: 80rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -5rem; }
  @media (max-width: 600px) {
    .havequestions {
      margin-top: -8rem; } }
  .havequestions__bg {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%; }
    .havequestions__bg img {
      width: 100%;
      height: 100%; }
    .havequestions__bg__overlay {
      background-color: rgba(0, 0, 0, 0.6);
      position: absolute;
      width: 100%;
      height: 100%;
      z-index: 2; }
  .havequestions__container {
    padding: 5rem;
    width: 50%;
    height: 60%;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    flex-direction: column;
    border-color: #f8cb4e;
    border-style: solid;
    position: relative;
    z-index: 3;
    color: white; }
    @media (max-width: 600px) {
      .havequestions__container {
        width: 100%;
        height: 70%; } }
    @media (min-width: 600px) and (max-width: 899px) {
      .havequestions__container {
        width: 90%; } }
  .havequestions__title {
    width: 100%;
    height: 10%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 3rem;
    text-align: center;
    font-weight: 600;
    z-index: 3; }
    @media (max-width: 600px) {
      .havequestions__title {
        height: fit-content;
        padding: 2rem;
        margin-bottom: 2rem; } }
  .havequestions__text {
    width: 60%;
    height: fit-content;
    margin-top: 2rem;
    text-align: center;
    font-weight: 200;
    font-size: 1.5rem;
    z-index: 3; }
  .havequestions__emailandnumber {
    width: fit-content;
    height: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    z-index: 2; }
    @media (max-width: 600px) {
      .havequestions__emailandnumber {
        width: 90%;
        height: fit-content;
        text-align: center; } }
    .havequestions__emailandnumber__title {
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 3rem;
      z-index: 3; }
    .havequestions__emailandnumber__text {
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 2rem;
      margin-top: .5rem;
      z-index: 3;
      margin-bottom: 2rem; }

.form {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 150rem;
  font-weight: 400;
  color: white;
  left: 0;
  right: 0; }
  .form__container {
    height: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-bottom: 5rem; }
    @media (max-width: 600px) {
      .form__container {
        margin-top: 18rem; } }
    .form__container--title {
      font-size: 3rem;
      font-weight: 700;
      background-color: #f8cb4e;
      color: #020202;
      width: 90rem;
      height: 15rem;
      display: flex;
      align-items: center;
      justify-content: center; }
      @media (max-width: 600px) {
        .form__container--title {
          width: 40rem; } }
    .form__container__label {
      display: flex;
      align-items: center;
      justify-content: center; }
      .form__container__label--llc {
        padding: 1rem;
        display: flex;
        align-items: flex-start;
        justify-content: center;
        flex-direction: column;
        flex-direction: column; }
        .form__container__label--llc label {
          padding-left: 1rem;
          padding-bottom: 1rem; }
        .form__container__label--llc input {
          width: 30rem;
          height: 3rem;
          border-radius: .5rem;
          padding: 1rem;
          outline: none;
          border-color: #020202; }
          .form__container__label--llc input:focus {
            outline: none;
            border-width: .3rem; }
        .form__container__label--llc__box {
          display: flex;
          align-items: center;
          justify-content: center;
          flex-direction: column; }
      .form__container__label--location {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        flex-direction: column;
        padding: 1rem; }
        .form__container__label--location label {
          padding-left: 1rem;
          padding-bottom: 1rem; }
        .form__container__label--location input {
          width: 30rem;
          height: 3rem;
          border-radius: .5rem;
          padding: 1rem;
          outline: none;
          border-color: #020202; }
          .form__container__label--location input:focus {
            outline: none;
            border-width: .3rem; }
      .form__container__label--contact {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        flex-direction: column; }
        .form__container__label--contact label {
          padding-left: 1rem;
          padding-bottom: 1rem; }
        .form__container__label--contact input {
          width: 30rem;
          height: 3rem;
          border-radius: .5rem;
          padding: 1rem;
          outline: none;
          border-color: #020202; }
          .form__container__label--contact input:focus {
            outline: none;
            border-width: .3rem; }
      .form__container__label--choose {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        width: 29rem; }
        .form__container__label--choose label {
          margin-bottom: 1rem;
          text-align: center; }
        .form__container__label--choose input {
          width: 1.5rem;
          height: 1.5rem;
          border-color: #020202; }
      .form__container__label--instructions {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column; }
        .form__container__label--instructions label {
          margin-bottom: 1rem; }
        .form__container__label--instructions textarea {
          width: 30rem;
          height: 10rem;
          border-radius: 0.5rem;
          padding: 1rem;
          outline: none;
          border-color: #020202; }
          .form__container__label--instructions textarea:focus {
            border-width: .3rem; }
      .form__container__label--referred {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        flex-direction: column; }
        .form__container__label--referred label {
          padding-left: 1rem;
          padding-bottom: 1rem; }
        .form__container__label--referred input {
          width: 30rem;
          height: 3rem;
          border-radius: .5rem;
          padding: 1rem;
          outline: none;
          border-color: #020202; }
          .form__container__label--referred input:focus {
            outline: none;
            border-width: .3rem; }
    .form__container__grid {
      height: 100rem;
      width: 90rem;
      background-color: #272727;
      border-color: #f8cb4e;
      border-style: solid;
      border-width: 0.5rem;
      display: grid;
      grid-template-rows: 1fr 1fr 1fr 1fr 1fr; }
      @media (max-width: 600px) {
        .form__container__grid {
          width: 40rem;
          border-color: #272727;
          height: fit-content;
          grid-template-rows: 1fr;
          flex-direction: column;
          display: flex; } }
      @media (min-width: 600px) and (max-width: 899px) {
        .form__container__grid {
          border-color: #272727; } }
      .form__container__grid section {
        flex-direction: column; }
      .form__container__grid--llc {
        display: grid;
        grid-template-columns: 1fr 1fr;
        border-color: #f8cb4e; }
        @media (max-width: 600px) {
          .form__container__grid--llc {
            width: 40rem;
            grid-template-rows: 1fr;
            display: flex; } }
        .form__container__grid--llc section {
          display: flex;
          align-items: center;
          justify-content: center; }
      .form__container__grid__locationcontact {
        display: grid;
        grid-template-columns: 1fr 1fr; }
        @media (max-width: 600px) {
          .form__container__grid__locationcontact {
            width: 40rem;
            grid-template-rows: 1fr;
            padding: 2rem;
            display: flex; } }
        @media (max-width: 600px) {
          .form__container__grid__locationcontact {
            grid-template-columns: 1fr; } }
        .form__container__grid__locationcontact--location {
          display: flex;
          align-items: center;
          justify-content: space-evenly;
          flex-direction: column; }
        .form__container__grid__locationcontact--contact {
          display: flex;
          align-items: center;
          justify-content: space-evenly;
          flex-direction: column; }
      .form__container__grid--choose {
        display: flex;
        align-items: center;
        justify-content: space-evenly;
        flex-direction: row !important; }
        @media (max-width: 600px) {
          .form__container__grid--choose {
            flex-direction: column !important;
            padding-top: 2rem;
            padding-bottom: 2rem; } }
      .form__container__grid--extra {
        display: grid;
        grid-template-columns: 1fr 1fr; }
        @media (max-width: 600px) {
          .form__container__grid--extra {
            grid-template-columns: 1fr;
            row-gap: 2rem;
            padding: 2rem; } }
        .form__container__grid--extra section {
          display: flex;
          align-items: center;
          justify-content: center; }
      .form__container__grid--btn {
        display: flex;
        align-items: center;
        justify-content: center; }
        @media (max-width: 600px) {
          .form__container__grid--btn {
            padding: 2rem;
            padding-bottom: 4rem; } }

.einlabel {
  height: 6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column; }
  .einlabel input {
    width: 15rem;
    height: 3rem;
    border-radius: .5rem;
    padding: 1rem;
    outline: none;
    border-color: #020202;
    margin-bottom: 1rem; }
    .einlabel input:focus {
      outline: none;
      border-width: .3rem; }

.button2 {
  border-color: #020202; }

.form__container__label--llc__button {
  margin-left: 1rem;
  width: 20rem;
  height: 3rem;
  background-color: #f8cb4e;
  border-radius: 1rem;
  margin-top: 1rem;
  margin-bottom: 0.7rem;
  border-color: black;
  border-width: 0.1rem;
  text-align: center; }

.errors-forms {
  color: red;
  font-size: 1.5rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  display: flex;
  align-items: center;
  justify-content: center; }

.errors-box {
  background-color: red;
  padding: 2rem;
  color: white; }

.secondmembersinput {
  margin-top: 1rem;
  flex-direction: row; }

.buttonremove {
  width: 2rem;
  height: 2rem;
  background-color: #f8cb4e;
  border-radius: .5rem;
  font-size: 1rem;
  text-align: center;
  margin-left: 1rem;
  border-style: none;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  text-align: center; }

.or {
  width: 100%;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center; }
  @media (max-width: 600px) {
    .or {
      margin-top: 16rem;
      margin-bottom: 8rem; } }
  .or__line {
    width: 80%;
    height: 1rem;
    border-bottom: solid;
    border-width: 0.15rem; }
    @media (max-width: 600px) {
      .or__line {
        width: 100%; } }
  .or__text {
    width: 5rem;
    height: 3rem;
    position: absolute;
    z-index: 2;
    background-color: #dddddd;
    margin-top: 1rem;
    display: flex;
    align-items: center;
    justify-content: center; }

.mailservice {
  display: flex;
  align-items: center;
  justify-content: center; }
  @media (max-width: 600px) {
    .mailservice {
      padding: 2rem; } }
  .mailservice__container {
    width: 85%;
    height: 220rem;
    padding: 4rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    background-color: white;
    border-radius: 5rem;
    padding: 10rem;
    margin-top: 15rem;
    margin-bottom: 15rem; }
    @media (max-width: 600px) {
      .mailservice__container {
        width: 95%;
        height: 360rem;
        padding: 2rem;
        justify-content: flex-start;
        border-radius: 0rem;
        margin-bottom: 8rem;
        margin-top: 8rem; } }
    @media (min-width: 600px) and (max-width: 899px) {
      .mailservice__container {
        height: 290rem; } }
  .mailservice__title {
    width: 80rem;
    height: 20rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 3rem;
    text-align: center;
    font-weight: 600;
    font-size: 2.2rem; }
    @media (min-width: 600px) and (max-width: 899px) {
      .mailservice__title {
        width: fit-content; } }
    @media (max-width: 600px) {
      .mailservice__title {
        width: 28rem;
        height: fit-content;
        margin-bottom: 2rem;
        margin-top: 4rem;
        font-size: 2rem; } }
    .mailservice__title h3 {
      font-family: 'Oswald', sans-serif;
      font-weight: 400;
      font-size: 4rem; }
      @media (max-width: 600px) {
        .mailservice__title h3 {
          font-size: 2.5rem; } }
  .mailservice__overview {
    width: 80%;
    height: 17rem;
    padding: 2rem;
    text-align: center;
    font-size: 2rem; }
    @media (max-width: 600px) {
      .mailservice__overview {
        width: 100%;
        height: fit-content;
        margin-bottom: 2rem;
        font-size: 1.7rem;
        width: 95%; } }
    @media (min-width: 600px) and (max-width: 899px) {
      .mailservice__overview {
        height: fit-content;
        width: 100%; } }
  .mailservice__list {
    width: 80%;
    height: 70rem;
    display: grid;
    grid-template-rows: 1fr 1fr 1fr 1fr 1fr; }
    @media (max-width: 600px) {
      .mailservice__list {
        width: 120%;
        margin-bottom: 2rem; } }
    @media (min-width: 600px) and (max-width: 899px) {
      .mailservice__list {
        width: 100%;
        row-gap: 1rem; } }
    .mailservice__list--box {
      display: flex;
      align-items: center; }
      .mailservice__list--box__number {
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #e3e3e3;
        width: 10rem;
        height: 10rem;
        border-radius: 20rem;
        z-index: 2;
        position: absolute; }
        .mailservice__list--box__number--inner {
          width: 80%;
          height: 80%;
          background-color: #f8cb4e;
          border-radius: 20rem;
          display: flex;
          align-items: center;
          justify-content: center;
          font-weight: 600;
          font-size: 3rem; }
      .mailservice__list--box__text {
        background-color: #e3e3e3;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        height: 10rem;
        border-radius: 4rem;
        width: 100%;
        padding-left: 15rem;
        padding-right: 5rem; }
        @media (max-width: 600px) {
          .mailservice__list--box__text {
            padding-left: 12rem;
            font-size: 1.7rem; } }
  .mailservice__grid {
    width: 100%;
    height: 45rem;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: center;
    justify-items: center; }
    @media (max-width: 600px) {
      .mailservice__grid {
        grid-template-columns: 1fr; } }
    @media (min-width: 600px) and (max-width: 899px) {
      .mailservice__grid {
        grid-template-columns: 1fr 1fr;
        margin-left: -15rem; } }
    .mailservice__grid--box {
      width: 30rem;
      height: 40rem; }
      .mailservice__grid--box__boxtitle {
        width: 100%;
        height: 50%;
        clip-path: polygon(0 0, 100% 0, 50% 400%, 50% 400%);
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center; }
        .mailservice__grid--box__boxtitle img {
          width: 100%;
          height: 100%;
          position: absolute; }
        .mailservice__grid--box__boxtitle__overlay {
          width: 100%;
          height: 100%;
          position: absolute;
          background-color: rgba(0, 0, 0, 0.5); }
        .mailservice__grid--box__boxtitle__title {
          width: 10rem;
          height: 5rem;
          display: flex;
          align-items: center;
          justify-content: center;
          text-align: center;
          color: white;
          z-index: 2; }
      .mailservice__grid--box__text {
        margin-top: 1rem;
        font-size: 1.7rem;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 2rem;
        text-align: center;
        font-style: normal;
        font-weight: 200; }
  .mailservice__warning {
    background-color: #f8cb4e;
    width: 80%;
    height: 20rem;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    flex-direction: column;
    padding: 6rem;
    border-radius: 3rem;
    border-color: #f0b309;
    border-style: solid;
    border-width: 0.2rem; }
    @media (max-width: 600px) {
      .mailservice__warning {
        height: 60rem;
        position: inherit;
        padding: 2rem;
        margin-top: 100rem;
        width: 90%; } }
    @media (min-width: 600px) and (max-width: 899px) {
      .mailservice__warning {
        margin-top: 50rem;
        height: fit-content;
        width: 140%; } }
    .mailservice__warning__title {
      font-weight: bolder;
      text-transform: uppercase;
      text-align: center;
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center; }
      @media (max-width: 600px) {
        .mailservice__warning__title {
          width: fit-content; } }
    .mailservice__warning__text {
      text-align: center; }

.title-tab {
  background-color: #dddddd;
  height: 10rem;
  width: 100%;
  height: 40rem;
  display: flex;
  align-items: center;
  justify-content: center; }
  .title-tab__background {
    width: 100%;
    height: 100%;
    position: relative; }
    .title-tab__background--overlay {
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.9);
      background-color: black;
      z-index: 2;
      position: absolute; }
    .title-tab__background img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      position: absolute; }
  .title-tab__title {
    color: white;
    font-size: 5rem;
    font-weight: 800;
    text-transform: uppercase;
    text-align: center; }
    .title-tab__title--contain {
      margin-top: 10rem;
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 2;
      position: absolute;
      width: 20rem;
      height: 7rem; }

.background img {
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
  top: 0;
  left: 0;
  animation-duration: 18s;
  animation: fade 9s ease-in-out infinite alternate; }
  @media (max-width: 600px) {
    .background img {
      width: 100%;
      height: 100%; } }

.background img:nth-of-type(1) {
  animation-delay: 3s; }

.background img:nth-of-type(2) {
  animation-delay: 6s; }

.background img:nth-of-type(3) {
  animation-delay: 9s; }

.background {
  height: 100vh;
  width: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center; }
  .background__overlay {
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2; }

.fijo {
  width: 100%;
  position: fixed;
  z-index: 11rem; }
  @media (max-width: 600px) {
    .fijo {
      width: 100%; } }