.hero--affiliate {
    display: flex;
    gap: 1em;
    justify-content: space-between;
    flex-direction: row;
}

@media (max-width: 767.98px) {
    .hero .container {
        flex-direction: column-reverse;
        padding-top: 10em;
        padding-bottom: 7em;
    }
    .affiliate__img img {
        width: 60vw!important;
    
    }
    .container {
        padding: 0 1.5em;
      }
      .hero__content {
        padding: 0!important;
      }
}

.hero__content {
    margin-top: -6em;
}

@media (min-width: 767.98px) {
    .hero .container {
            padding: 3em 0 0 0;
            gap: 2em;
        }
}

.hero__title {
    margin: 0 0 0.3em 0;
}

.affiliate__img {
    display: flex;
    justify-content: center;
}

.affiliate__img img {
    width: 42vw;

}

.hero--left .hero__content .hero__title, .hero--left .hero__content .hero__subtitle {
    max-width: unset;
}

.hero__actions .btn {
    font-size: 1.25em;
}

.highlight::before {
    width: calc(103%);
}

@media (min-width: 600px) {
    .hero__actions {
        margin-top: 1.5em;
    }
    .section__actions {
        margin-top: 1.5em;
    }
}


.hero__subtitle p {
    font-size: 1.4em;
}

.btn--color4 {
    background-color: var(--color4);
    color: var(--color1);
    font-weight: 800!important;
}





@media (min-width: 1200px) {
    .home-section .container .align--right {
        padding: 2em 0;
    }
    .home-section .container .align--right {
        padding: 2em 3em 2em 0;
    }
    .solution .container {
        gap: 0;
    }
}

.maintenance-section .section__title {
    font-size: 3.8em;
    margin: 0 0 0.2em 0;
}

.section__subtitle p {
    font-size: 1.3em;
}

    
    .maintenance-section .container {
        height: 350px;
        padding-left: 4em;
        padding-top: 0;
        padding-bottom: 0;
    }

    .align--right .solution__image {
        width: 420px;
        position: relative;
    }
    
    .align--left .solution__image {
        width: 470px;
        position: relative;
        right: 0;
    }

@media (min-width: 599.98px) and (max-width: 991.98px) {
    
    .vendors__img img {
        width: 600px;
    }
}

@media (max-width: 599.98px) {
    
    .vendors__img img {
        width: 320px;
    }
}

@media (min-width: 1200px) and (max-width: 1550px) {
    .align--right .solution__image {
        width: 430px;
        position: relative;
    }
}
@media (min-width: 991.98px) and (max-width: 1200px) {
    .maintenance-section .container {
        gap: 0;
    }
    .align--right .solution__image {
        left: -65px;
    }
}


@media (max-width: 599.98px) {
    .hero__subtitle p {
        font-size: .85em;
    }
}

@media (min-width: 991px) and (max-width: 1300px) {
    .solution--four .container   {
        height: 450px;
        font-size: 85%;
    }
}

@media (max-width: 991px) {
    .solution .container  {
        height: fit-content!important;

    }
    
    .solution .container .section__subtitle p {
            width: 100%!important;
    }
}

@media (max-width: 991.98px) {
    .partner-reasons {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }

    .partner-reasons .solution__image {
        left: 0!important;
        right: 0!important;
        width: 200px!important;
        order: -1!important;
    }

    .solution__content {
        width: 100%!important;
        margin-top: 0em;
    }

    .solution__title br {
        display: none;
    }

    .solution__title {
        font-size: 3.3em!important;
    }
    

    .maintenance-section {
        margin-top: 0!important;
    }

    .partner-reasons .container {
        display: flex;
        flex-direction: column;
        max-height: unset;
        min-height: unset;
    }
}

@media (max-width: 991.98px) {
    .partner-reasons {
        grid-template-columns: 1fr;
        gap: 2em;
        margin-bottom: 3em;
    }

    .maintenance-section .container {
        max-width: 90%!important;
        border-radius: 1em!important;
        margin: auto;
        padding-right: 0;
        padding-left: 0;
    }

    .partner-reasons .solution__image {
        width: 320px!important; 
    }

    .solution__content {
        padding: 0 1em;
    }

    .solution__title {
        font-size: 2.2em!important;
    }
    p {
        font-size: 1.1em!important;
    }
}

.vendor__icon {
    margin-bottom: 1em;
    width: 120px !important;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2em !important;
    font-weight: 600;
    color: white;
}

.plan__content {
    align-items: center;
    justify-content: center;
    text-align: center;
}

@media (min-width: 600px) {
    .section__title--form {
        font-size: 3.3em;
    }
}

.form__services__title {
    font-size: 1.9em;
    font-weight: 600;
}

.form__services {
    padding: 4em 4em 5em 2em;
    background: #fff;
    box-shadow: 0 5px 8px #0002;
    border-radius: 1em;

}

.form__services__items {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 1em;
    margin-top: 3em;
}

.form__services__item {
    display: flex;
    text-align: start;
    align-items: center;
    justify-content: center;
    gap: 1em;
}

@media (max-width: 768px) {
    .form__services__item {
        flex-wrap: wrap;
    }
}

.form__services__item input[type="checkbox"] {
    appearance: none;
    width: 15px;
    height: 15px;
    border: 1px solid #0002;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.form__services__item input[type="checkbox"]:after {
    font-family: sans-serif;
    font-weight: 800;
    font-size: 10px;
    content: '✓';
    color: white;
    rotate: 13deg;
    position: relative;
    top: -0.6px;
}

.form__services__item input[type="checkbox"]:checked {
    background: var(--color2);
}

.form__services__item label {
    max-width: 200px;
    min-width: 200px;
    font-size: 1.1em;
    font-weight: 600;
    text-wrap: nowrap;
}

.rows__container {
    display: flex;
    flex-direction: column;
    gap: 1em;
}

.form__contact {
    padding: 4em 6.5em;
    background: #fff;
    box-shadow: 0 5px 8px #0002;
    border-radius: 1em;

}

.field__container {
    display: flex;
    flex-direction: column;
    gap: 0.4em;
    width: 95%;
}

.field__container input, .field__container select {
    padding: 0.7em 0.9em;
    box-shadow: none;
    outline: none;
    border: 1.5px solid #0004;
    border-radius: 6px;
    font-size: 1.05em;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

@media (max-width: 768px) {
    .form__services__items {
        grid-template-columns: 1fr!important;
    }
    .form__services__title br {
        display: none;
    }

    .form__contact {
        padding: 4em 1.5em;
    }
    .form__services__title {
        font-size: 1.6em;
    }
    .form__contact .form__services__items {
        margin-top: 1em;
    }
}

.section_footer {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 0.5em;
    text-align: start;
    gap: 1.3em;
}

.section_footer input[type="text"] {
    width: 450px;
    max-width: 100%;
}

.field__container {
    position: relative;
}

.remove-button {
    position: absolute;
    background: transparent;
    outline: none;
    border: none;
    top: 11px;
    right: 5px;
    font-size: 1.2em;
    font-weight: 600;
    cursor: pointer;
}

.form__contact__items {
    display: flex;
    gap: 1em;
    flex-wrap: wrap;
    max-width: 80%;
}

.zip-codes__container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

@media  (max-width: 799px) {
    .zip-codes__container {
        grid-template-columns: repeat(2, 1fr);
    }
    .form__contact__items {
        max-width: 100%;
        align-items: center;
        justify-content: center;
    }
}
@media (max-width: 500px) {
    .zip-codes__container {
        grid-template-columns: repeat(1, 1fr);
    }
    .form__contact__items {
        max-width: 100%;
        align-items: center;
        justify-content: center;
    }
}

@media ( max-width: 599.98px ) {
    .hero__content {
        padding: 0 1.5em;
    }

    .hero__content br, .section__subtitle br {
        display: none;
    }
    .hero__title {
        font-size: 2.6em;
    }
    .vendor__icon {
        width: 90px!important;
        height: 90px!important;
    }
    .vendor__icon img {
        width: 55px;
    }
    .plan__steps {
        gap: 1.5em;
    }
    .form__services {
        margin-top: 0;
    }
}

input[type="checkbox"] {
    scale: 1.5;
    background-color: #fff;
    accent-color: var(--color2);
}

@media (max-width: 991.98px) {
    .maintenance-section .container {
      max-width: 100vw !important;
      margin: 0;
      width: 100%;
      border-radius: 0!important;
      text-align: center;
      flex-direction: column;
          padding-top: 3em;
          padding-bottom: 3em;
    }
}


@media (max-width: 599.98px) {
    .section__global_styles {
      padding-top: 2em;
      padding-bottom: 0;
    }
  }
  @media (min-width: 600px)  and (max-width: 767.98px) {
    .section__global_styles {
      padding-top: 3em;
      padding-bottom: 3em;
    }
  }
  @media (min-width: 768px) {
    .section__global_styles {
      padding-top: 5em;
      padding-bottom: 5em;
    }
  }
  .section__global_styles .container {
    position: relative;
    z-index: 4;
    gap: 4.5em;
    margin-left: auto;
    margin-right: auto;
  }

@media (max-width: 990.98px) {
    .section__global_styles .container {
      gap: 1.5em    ;
    }
  }

  .section__global_styles .container .section__title {
    color: var(--color1);
  }
  .section__global_styles .container .section__title span {
    position: relative;
    font-weight: 600;
    font-family: "Belanosima", sans-serif;
    display: inline-block;
  }
  .section__global_styles .container .section__title span::before {
    content: "";
    display: block;
    position: absolute;
    top: 55%;
    left: -6px;
    width: calc(105%);
    height: calc(40%);
    background: rgba(247, 155, 27, 0.5);
    z-index: -1;
  }
  .section__global_styles__heading {
    text-align: center;
  }
  @media (max-width: 767.98px) {
    .section__global_styles__heading {
      margin-bottom: 2em;
    }
  }
  @media (min-width: 768px) {
    .section__global_styles__heading {
      margin-bottom: 3em;
    }
  }

  .plan__step-item {
    max-height: fit-content;
  }

  .plan__content--process {
    flex-direction: row;
    align-items: center!important;
    justify-content: center!important;
    gap: 2em;
    text-align: start!important;
    max-width: 100%;
    margin: unset;
  }
  
  @media (max-width: 991.98px) {
        .section__actions .section__title {
            text-align: center;
            font-size: 2em;
        }
  }
  @media (max-width: 599.98px) {
    .plan__content--process {
      flex-direction: column;
      text-align: center!important;
      gap: 1em;
      font-size: 80%;
    }
    .plan__steps-process {
        gap: 1.5em!important; 
    }
    .plan__step-content__wrapper {
        max-width: 100%!important;
        min-width: 100%!important;
    }
  }
  
  @media (max-width: 599.98px) {
      .affiliate__img img {
          width: 88vw !important;
      }
      .hero .container {
        padding-bottom: 0em;
      }
  }

@media (max-width: 991.98px) {
    .partner-reasons {
        gap: 0;
        margin-bottom: 0;
    }
}

.terms__container {
    height: 600px;
    overflow: auto;
    margin-top: 2em;
    width: 100%;
    border: 1px solid #0002 !important;
    outline: none !important;
    font-weight: 600;
    padding: 3em;
}

@media (max-width: 767.98px) {
    .terms__container {
        padding: 0;
    }
}