#compramos-tu-auto {
  .iconos-home a {
    outline: none;
    border: 2px solid transparent;
    transition: all 0.2s ease-in-out;
  }
  .iconos-home a:hover,
  .iconos-home .active {
    box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1),
      0 0 0 1px rgba(10, 10, 10, 0.02);
    border: 2px solid #ff171a;
  }
  .button {
    background: #ff171a;
    border: none;
  }
  strong {
    font-family: "NeoSansBold";
  }
  .beneficios {
/*    background: #f7f7f7;*/
    padding: 2em 2em 5em 2em;
    .box {
      min-height: max(250px, 10vw);
      height: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: flex-start;
      .imagen {
        width: 90px;
        height: 80px;
        aspect-ratio: 1;
        img {
          height: 100%;
          width: 100%;
          object-fit: contain;
          object-position: center;
        }
      }
      h6 {
        strong {
          color: #a7a7a7;
        }
      }
    }
  }
  .cotizador {
    .card {
      max-width: 1200px;
      margin: 0 auto -6% auto;
      border-radius: 25px;
      overflow: hidden;
      .card-header {
        background: #ff171a;
        color: #fff;
        padding: 1em 2em;
        justify-content: center;
        h2 {
          font-size: 1.5em;
          text-align: center;
          color: #fff;
        }
      }
      .card-content {
        padding: 3em 8vw;
      }
      label {
        font-family: "NeoSansBold";
        text-transform: uppercase;
      }
      .select {
        width: 100%;
        &:after {
          margin-top: -0.2em;
          border-color: #ff171a;
        }
        &:before {
          content: "";
          z-index: 3;
          position: absolute;
          pointer-events: none;
          right: 3px;
          top: 1px;
          width: 46px;
          height: 46px;
          border-radius: 50%;
          background-color: #f7f7f7;
        }
        select {
          border: 1px solid #a7a7a7;
          border-radius: 50px;
          line-height: 1.2em;
          font-size: 1.1em;
          height: 48px;
        }
      }
      .input {
        border: 1px solid #a7a7a7;
        padding: 1.2em;
        border-radius: 50px;
        font-size: 1.1em;
      }

      button[type="submit"] {
        text-transform: uppercase;
        background: #000;
        max-width: 500px;
        width: 100%;
        margin: 0 auto;
        border-radius: 50px;
        display: block;
        padding: 0.6em;
        font-size: 1.1em;
        height: auto;
        &:hover {
          background: #452525;
          color: #fff;
        }
        &:focus {
          color: #dcd9d9;
        }
      }
    }
  }
  .slick-dots li button {
    border: 1px solid #f44336;
  }
  .slick-dots li.slick-active button {
    background: #f44336;
  }
  .txt-pago{
    padding-top: 8vw;
  }
}
@media (max-width: 768px) {
  .input {
    padding: 1em !important;
    font-size: 1em !important;
    margin-bottom: 0 !important;
  }
  .label {
    font-size: 0.8rem !important;
  }
  #compramos-tu-auto {
      .cotizador {
        .card {
              .select {
                  &:before {
                      right: 1px;
                      top: 1px;
                      width: 32px;
                      height: 32px;
                  }
              }
          }
      }
  }
  #compramos-tu-auto {
      .cotizador {
          .card {
              .select {
                  &:after {
                      margin-top: -0.6em;
                      margin-right: -0.4em;
                  }
              }
          }
      }
  }
  #compramos-tu-auto {
      .cotizador {
          .card {
              .select {
                  select {
                      font-size: 1em;
                      height: 33.6px;
                  }
              }
          }
      }
  }
}
@media (max-width: 600px) {
  #seccion-flotas {
    .beneficios {
      padding: 4em 2em;
    }
  }
}