.btn-primary,.btn-primary:hover,.form-control,button[type=submit] {
    font-weight: 600!important
}

#graciasModalContent,#modalLegalContent {
    background: #fff;
    margin: 0 auto;
    right: 0;
    max-height: 80vh
}

body {
    background-color: #f2f2f2
}

.content-width {
    width: 1140px;
    margin: 0 auto
}

.btn,.main-bkg {
    width: 100%
}

.lazy-effect {
    visibility: hidden;
    height: 0
}

h2 {
    font-size: 3rem!important
}

hr {
    width: 80px;
    margin-left: 0
}

.btn-primary:hover {
    color: #fff!important;
    background-color: #ed1c24!important;
    border: 1px solid #ed1c24!important
}

.slick-dots {
    bottom: -1rem!important
}

.slick-dots li {
    margin: 0 1.8rem!important
}

.slick-dots li button {
    color: transparent!important
}

.testimonial-container {
    box-shadow: 0 4px 4px 0 rgba(180,180,180,.25);
    margin-top: 5rem
}

.slick-dots li button:before {
    background: #b7b7b7;
    color: #b7b7b7!important;
    opacity: 1;
    width: 4rem;
    height: .3rem;
    border-radius: 1rem;
    content: ''!important
}

#main-eventos p,#main-eventos span,.small-font,.wp-block-button__link {
    font-size: 1rem!important
}

.avatar-testimoniales {
    right: 1.2rem;
    top: -4rem
}

.slick-dots li.slick-active button:before {
    opacity: 1;
    color: #e30614;
    background-color: #e30614
}

.img-3d img {
    position: relative;
    z-index: 1;
    width: 95%
}

.img-3d:after {
    content: "";
    width: 31rem;
    height: 31rem;
    position: absolute;
    right: -20px;
    top: -20px;
    border: 1px solid #fff
}

.l-medium-font {
    font-size: 1.5rem!important
}

.medium-small-font {
    font-size: .9rem!important
}

.xs-small-font {
    font-size: .75rem!important
}

.main-bkg {
    position: absolute;
    top: 5rem
}

#banner-description {
    position: absolute;
    top: 15rem;
    z-index: 2;
    left: calc(50% - 540px);
    width: 35%
}

.bkg-desktop {
    min-height: 35rem
}

#modalGraciasContainer,#modalLegalContainer,.bkg-mobile {
    display: none
}

.main-banner-corporativa {
    min-height: 80rem
}

#main-eventos,.reverse-container {
    position: relative
}

.tag {
    background-color: #e30614;
    font-size: .75rem;
    top: -.8rem;
    left: 2rem
}

.tag::before {
    content: "";
    position: absolute;
    top: 0;
    border-style: solid;
    border-width: 13px 9px 0 0;
    border-color: #454545 transparent transparent;
    left: -.55rem;
    rotate: 180deg
}

.card-fade {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity .7s,transform .7s
}

.card-fade.visible {
    opacity: 1;
    transform: translateY(0)
}

.card-title {
    font-size: 1.1rem!important
}

.content-marcas {
    min-height: 2.5rem
}

.club-jmc-form,.corporativa-form {
    color: #fff
}

#form-main-container {
    position: absolute;
    top: -8rem;
    right: 0;
    left: 55%;
    width: 32rem
}

#graciasModalContent,#modalLegalContent,.modalOverlay {
    position: fixed;
    left: 0;
    z-index: 99
}

input {
    outline: 0
}

form {
    gap: .5rem;
    display: flex;
    flex-direction: column
}

.form-control {
    color: #000!important
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #000;
    outline: 0;
    box-shadow: none
}

.corporativa-form .input-container {
    padding: 0 .7rem
}

input[type=checkbox] {
    accent-color: #ED1C25;
    scale: 1.5
}

label {
    margin-bottom: 0
}

label[for=terms] {
    margin-top: -3px
}

.content-submit {
    margin-left: -10px
}

button[type=submit] {
    border-radius: 0!important;
    padding: .8rem 0
}

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

input[type=number] {
    -moz-appearance: textfield
}

#anio-error,#apellidos-error,#email-error,#modelo-error,#nombres-error,#placa-error,#ruc-error,#telefono-error {
    margin: -.9rem 0 1rem;
    font-size: .8rem;
    color: #ed1c25
}

#terms-error {
    margin: 0;
    font-size: .8rem;
    color: #ed1c25
}

.content-submit button {
    width: 35%
}

#modalLegalContent {
    top: 10%;
    width: 55%;
    overflow-y: scroll
}

#graciasModalContent {
    top: 40%;
    width: 30%
}

.modalOverlay {
    background-color: #1d1d1c69;
    width: 100%;
    height: 100%;
    top: 0
}

#closeGraciasModal,#closeModalLegal {
    position: absolute;
    right: 2rem;
    font-size: 3rem;
    cursor: pointer;
    top: 0
}

.success-container {
    text-align: center;
    color: #fff;
    width: 100%;
    gap: 1rem;
    display: flex;
    flex-direction: column
}

.soluciones figure {
    margin: 0
}

.main-beneficios {
    max-width: 1100px;
    margin: -11rem auto 0
}

.fila-beneficios {
    background: #fff
}

.soluciones img {
    height: 20rem;
    object-fit: cover;
    object-position: center;
    width: 100%
}

.limit-column {
    min-height: 20rem
}

.limit-column .is-vertical {
    height: 100%
}

@media (min-width: 801px) {
    .sticky-form.sticky-active {
        position:fixed!important;
        top: -30rem!important;
        left: 53.8%!important
    }
}

@media (max-width: 800px) {
    .content-width {
        width:100%;
        margin: 0 auto
    }

    #form-main-container {
        left: 0;
        width: 95%;
        position: relative
    }

    #graciasModalContent,#modalLegalContent {
        top: 5%;
        width: 90%;
        max-height: 85vh
    }

    .section-interno {
        flex-basis: 100%!important;
        margin-top: -5.5rem!important
    }

    h2 {
        font-size: 2.5rem!important
    }

    .medium-font {
        font-size: 1.3rem!important
    }

    .s-medium-font {
        font-size: 1.1rem!important
    }

    .reverse-container {
        flex-direction: column-reverse
    }

    .limit-column {
        min-height: 20rem
    }

    .main-bkg {
        top: 3.5rem
    }

    #banner-description {
        top: 5rem;
        left: 2rem;
        width: 80%
    }

    .bkg-desktop {
        display: none
    }

    .bkg-mobile,.card-fade.slider-visible {
        display: block
    }

    #main-eventos p,#main-eventos span,.small-font {
        font-size: .9rem!important
    }

    #header-separator {
        height: 38rem!important
    }

    #header-separator-corporativa {
        height: 8rem!important
    }

    #eventos-container {
        display: flex;
        flex-direction: column;
        align-items: center;
        position: relative;
        overflow: hidden;
        min-height: 600px
    }

    .slider-controls {
        display: flex;
        justify-content: flex-end;
        width: 100%;
        position: absolute;
        right: 1rem;
        z-index: 10;
        top: 10rem;
        gap: 1rem
    }

    .slider-arrow {
        background: 0 0;
        border: 1px solid;
        cursor: pointer;
        border-radius: 50%!important;
        color: #e30614!important;
        font-size: 1.1rem!important;
        padding-bottom: 3px
    }

    .card-fade {
        width: 100%;
        margin-bottom: 1rem;
        display: none
    }

    #main-eventos hr {
        border-top: 5px solid!important
    }

    .main-banner-corporativa {
        min-height: 90rem
    }

    .slider-arrow:focus {
        outline: dotted 1px;
        outline: -webkit-focus-ring-color auto 5px;
        background: #e30614;
        outline: 0;
        color: #fff!important
    }

    .img-3d:after {
        width: 24rem;
        height: 24rem;
        right: -10px;
        top: -10px
    }

    .content-submit button,.img-3d img {
        width: 100%
    }

    .fila-beneficios {
        flex-wrap: wrap!important;
        position: absolute;
        top: 14rem
    }

    .main-beneficios {
        margin: -32rem auto 52rem;
        position: relative
    }

    .main-form-container-corporativa {
        flex-wrap: wrap!important
    }

    .corporativa-form {
        margin: 1rem 1.2rem!important
    }

    .content-submit {
        margin-left: 0
    }

    .slick-dots {
        left: -2rem
    }

    .corporativa-form .input-container {
        max-width: 100%!important;
        flex: 100%!important
    }

    .soluciones img {
        height: 19rem
    }
}

.column-information-footer .w-50 {
    width: 100% !important;
}