:root {
    --primaryColor: #ed5505;
    --secondaryColor: #f78b00;
    --whiteColor: #fff;
    --btn-transition-default: 250ms;
    --fontFamily: 'Nunito Sans',sans-serif;
}

.ti-btn-primary {
    --btn-text-color: #ffffff;
    --btn-bg-color: var(--primaryColor);
    --bd-color: var(--primaryColor);
    --btn-text-color-hover: #ffffff;
    --btn-bg-color-hover: #a23a03;
    --bd-color-hover: #a23a03;
    --btn-text-color-active: #ffffff;
    --btn-bg-color-active: #a23a03;
    --bd-color-active: #a23a03;
    --cursor: pointer;
    --btn-transition: var(--btn-transition-default);
}

.ti-text-booking .dx-form-group-caption {
    --text-color: #707070;
    --text-weight: 700;
    --text-size: .9rem;
    --text-display: inline-block;
    --text-family: var(--fontFamily);
    --text-aling: start;
    --text-overflow: break-word;
}

.ti-text-booking .ti-text {
    --text-size: 12px;
}

.ti-booking-grupo-gap {
    --booking-gap: 15px;
}

.ti-booking-gap-location {
    --booking-item-gap: 6px;
}

.ti-booking-item-gap-last,
.ti-booking-item-gap-first {
    --booking-item-gap: 6px;
}

.ti-booking-check {
    --
}
/*Check*/
.ti-booking-check {
    --check-bg: white;
    --check-bd-color: var(--primaryColor);
    --check-dbr: 4px;
    --check-bd-size: 15px;
    --check-bd-size,:15px;
    --check-text-size: 9px;
    --check-transition: var(--btn-transition-default);
    --check-bg-checked: var(--primaryColor);
    --check-bd-color-checked: var(--primaryColor);
    --check-dbr-checked: 4px;
    --check-bd-size-checked: 15px;
    --check-bd-size: 15px;
    --check-text-size: 9px;
    --check-transition: 250ms;
}

/*Check*/


/*Ajuste y Correcciones*/
#booking .dx-form-group-with-caption > .dx-form-group-content {
    border-top: none !important;
}

#booking .ti-indate #xdb_EndTime,
#booking .ti-indate #xdb_StartTime {
    border-radius: 0 8px 8px 0;
}

#booking .ti-indate #xdb_EndDate,
#booking .ti-indate #xdb_StartDate {
    border-radius: 8px 0 0 8px;
}

#booking .dx-selectbox.dx-textbox {
    border-radius: 8px;
}

#booking .dx-button-content {
    align-items: center;
    display: flex;
}

    #booking .dx-button-content .custom-icon {
        height: 14px;
    }

#booking .dx-form-group-with-caption > .dx-form-group-content {
    padding: 0 !important;
}

#booking .dx-form-group-caption {
    margin-bottom: 0.5rem !important;
}

#booking .dx-state-disabled .dx-widget, .dx-state-disabled.dx-widget {
    opacity: 1 !important;
}

#booking .dx-datebox-time .dx-dropdowneditor-icon,
#booking .dx-datebox-date .dx-dropdowneditor-icon {
    color: var(--primaryColor);
}

#booking .dx-dropdowneditor.dx-state-active .dx-dropdowneditor-icon, .dx-dropdowneditor.dx-state-hover:not(.dx-custom-button-hovered) .dx-dropdowneditor-icon {
    background-color: transparent !important;
}

#booking .dx-checkbox-container .dx-checkbox-icon {
    background-color: var(--bg-check,#fff);
    --bd-check-color: var(--primaryColor);
    border-color: var(--bd-check-color);
    border-radius: 4px;
    width: 15px;
    height: 15px;
    font-size: 9px;
    transition: 250ms;
}

#booking .dx-checkbox-checked .dx-checkbox-icon {
    background-color: var(--bg-check,var(--primaryColor));
    --bd-check-color: var(--primaryColor);
    border-color: var(--bd-check-color);
    color: white;
    border-radius: 4px;
    transition: 250ms;
}

.menu_header_mi_logo {
    height: 65px;
    padding: 10px 0;
}

.menu_header_mi_logo_footer {
    height: 178px;
    padding: 10px 0;
}

.ticket header nav {
    background-color: #ffffff;
}

.navbar-toggler:focus {
    box-shadow: none !important;
}

.navbar-toggler-icon {
    filter: invert(48%) sepia(9%) saturate(0%) hue-rotate(235deg) brightness(91%) contrast(89%);
}

.ajusBtnFind {
    color: #fff !important;
    background-color: #01214a !important;
    border-color: #01214a !important;
}

    .ajusBtnFind:hover {
        color: #fff !important;
        background-color: #00285f !important;
        border-color: #00285f !important;
    }

.footerbg {
    background-color: #01214a;
}

.oneRowLocation {
    --booking-item-gap: 0px;
}

.showMoreProducts2 {
    padding: 4px;
    --bd-color: none;
    text-align: left;
    --btn-text-color: #434343;
    --btn-bg-color: #ffffff;
    --cursor: pointer;
    --btn-transition: var(--btn-transition-default);
    --btn-text-color-hover: #434343;
    --btn-bg-color-hover: #ffffff;
    --bd-color-hover: none;
    width: 126px;
    text-align: center;
    border-radius: 4px;
    border: 1px solid #ed5505;
    border-radius: 4px;
    border-color: #ed5505 !important;
}

.labelRecomendation {
    background: var(--primaryColor);
    padding: 4px 8px;
    font-size: 12px;
    color: white;
    font-family: 'Nunito Sans',sans-serif;
    border-radius: 20px !important;
    margin-bottom: 4px !important;
}

.producto.ProductSeleted label .card .price {
    color: #ed5505 !important;
}

.navbar .nav-link,
#breadcrumbs .nav-item a {
    color: #00285f80 !important;
}

.navbar .nav-link,
#breadcrumbs .nav-item.active a {
    color: #00285f !important;
}

.bg-infoNav {
    background-color: #00285f;
}

.custom-text-color {
    color: white;
}

.linkPhone span a,
.linkPhone {
    color: white;
}

.bg-Nav {
    background-color: white;
}

.navbar .dropdown-item, .navbar .nav-link {
    color: #00285f !important;
}

    .navbar .dropdown-item:hover, .navbar .nav-link:hover {
        background-color: transparent !important;
    }
/*hero booking*/
.custom-text-booking {
    color: #ed5505 !important;
}

.svg-ico {
    fill: #ed5404;
    height: 14px;
}

.svg-ico3 {
    fill: #ed5404 !important;
    height: 14px;
}

.svg-ico.svg-ico-header {
    fill: #ed540480 !important;
    height: 18px !important;
}

    .svg-ico.svg-ico-header.active {
        fill: #ed5404 !important;
        height: 18px !important;
    }

.svg-ico2 {
    fill: #ed5404;
    height: 20px;
}

.titleLabel {
    color: #ed5404 !important;
}
/*hero booking*/
/*slider promo*/
.custom-text-title-slider {
    color: #00285f;
}

.custom-text-slider-subtitle {
    color: red;
}

.svg-sldier-ico {
    filter: invert(31%) sepia(55%) saturate(3587%) hue-rotate(12deg) brightness(104%) contrast(97%);
}
/*slider promo*/
/*review*/
.svg-review-start {
    filter: invert(11%) sepia(57%) saturate(2916%) hue-rotate(201deg) brightness(100%) contrast(104%);
}

.custom-text-review-name {
    color: #ed5505;
    font-weight: 800;
}
/*review*/
/*efective solution*/
.custom-btn-efective-link {
    border-color: #ed5505;
    color: #ed5505;
}

    .custom-btn-efective-link:hover {
        background-color: #ed5505 !important;
        border-color: #ed5505 !important;
        color: #fff !important;
    }
/*efective solution*/
/*persuasive*/
.custom-text-persuasive-title {
    color: #00285f;
}

.custome-text-persuasive {
    color: #ed5505;
}
/*persuasive*/
/*persuasive*/
.custom-text-persuasive-title {
    color: #00285f;
}

.custome-text-persuasive {
    color: #ed5505;
}
/*persuasive*/
/*Buscar mi reservacion*/
.custome-btn-findReservation {
    color: #fff;
    background-color: #ed5505;
    border-color: #ed5505;
}

    .custome-btn-findReservation:hover {
        color: #fff;
        background-color: #ed5505;
        border-color: #ed5505;
    }
/*Buscar mi reservacion*/
/*tarjetas de promocion*/
.custome-btn-promolist {
    color: #ed5505;
    background-color: #ffffff;
    border-color: #ed5505;
}

    .custome-btn-promolist:hover {
        color: #fff;
        background-color: #ed5505;
        border-color: #ed5505;
    }

    .custome-btn-promolist img {
        filter: invert(42%) sepia(67%) saturate(5480%) hue-rotate(9deg) brightness(102%) contrast(96%);
    }

    .custome-btn-promolist:hover img {
        filter: invert(97%) sepia(4%) saturate(998%) hue-rotate(275deg) brightness(120%) contrast(100%);
    }
/*tarjetas de promocion*/
/*oficina info contact*/
.svg-infoContactOffice {
    filter: invert(42%) sepia(67%) saturate(5480%) hue-rotate(9deg) brightness(102%) contrast(96%);
}

.custome-text-oficebycity {
    color: #ed5505;
}

    .custome-text-oficebycity:hover {
        color: #a23a03;
    }
/*oficina info contact*/
/*Tips*/
.custome-cardTips {
    display: flex;
    flex-direction: column;
    /* height: 100%; */
    height: auto;
    color: black;
    background-color: white;
    border: 1px solid #0000002d;
    border-radius: 6px;
}

.custom-text-tips-subtile {
    color: #ed5505;
}

.svg-tips-ico {
    filter: invert(42%) sepia(67%) saturate(5480%) hue-rotate(9deg) brightness(102%) contrast(96%);
}
/*Tips*/
/*tarjetas de promocion*/
.custom-btn-autolist {
    color: #ed5505;
    background-color: #ffffff;
    border-color: #ed5505;
}

    .custom-btn-autolist:hover {
        color: #fff;
        background-color: #ed5505;
        border-color: #ed5505;
    }

    .custom-btn-autolist img {
        filter: invert(42%) sepia(67%) saturate(5480%) hue-rotate(9deg) brightness(102%) contrast(96%);
    }

    .custom-btn-autolist:hover img {
        filter: invert(97%) sepia(4%) saturate(998%) hue-rotate(275deg) brightness(120%) contrast(100%);
    }
/*tarjetas de promocion*/
/*service decoration*/
.custom-btn-decoration {
    color: #fff;
    background-color: #ed5505;
    border-color: #ed5505;
}

    .custom-btn-decoration:hover {
        background-color: #a23a03 !important;
        border-color: #a23a03 !important;
        color: #fff !important;
    }
/*service decoration*/
/*products and services*/
.custom-btn-ProductsList {
    color: #ed5505;
    background-color: #fff;
    border-color: #ed5505;
}

    .custom-btn-ProductsList:hover {
        background-color: #ed5505 !important;
        border-color: #ed5505 !important;
        color: #fff !important;
    }
/*products and services*/
/*Contact list Block*/
.custom-text-ContactList {
    color: #ed5505;
}

.custom-text-ContactList-link {
    color: #707070;
}
/*Contact list Block*/
/*form contact*/
.btn-billingSend .dx-button-mode-contained.dx-button-success {
    background-color: #00285f !important;
    font-family: 'Nunito Sans!important';
    width: 100%;
    border-color: transparent !important;
}
/*form contact*/
/*Destination decoration - no control*/
.cardRatio11 .row > div:nth-child(2) img {
    position: relative;
    left: 0;
    top: 0;
    height: calc(var(--hControl) - var(--gadSpace));
    */ z-index:1;
    tranisition: 300ms;
    /*object-fit: fill;*/
}

.cardRatio21 .row,
.cardRatio11 .row {
    margin: 0 !important;
}

    .cardRatio21 .row > div:nth-child(2),
    .cardRatio11 .row > div:nth-child(2) {
        width: 100%;
        padding: 0;
    }

    .cardRatio21 .row > div:nth-child(1),
    .cardRatio11 .row > div:nth-child(1) {
        position: absolute;
        top: 60px;
        left: 52px;
        z-index: 2;
        width: 306px;
        justify-content: flex-start !important;
    }

    .cardRatio21 .row > div:nth-child(1) {
        top: 40px;
        left: 20px;
    }

.cardRatio21,
.cardRatio11 {
    border: none;
}

    .cardRatio21 .textCardAJust .subtitle,
    .cardRatio11 .textCardAJust .subtitle {
        line-height: 18px;
        color: #00285f;
        font-size: 18px !important;
        font-weight: 900 !important;
        margin-bottom: 16px;
    }

    .cardRatio21 .textCardAJust .subtitle {
        line-height: 18px;
        color: #00285f;
        margin-bottom: 8px;
    }

    .cardRatio21 p,
    .cardRatio11 p {
        line-height: 16px;
        color: #494949;
        font-size: 13px !important;
        font-weight: 700 !important;
        margin-bottom: 11px;
    }

    .cardRatio21 a.btn,
    .cardRatio11 a.btn {
        color: #ed5505;
        padding: 0;
    }
    /*----------------------------------*/
    .cardRatio21.card {
        height: 100%;
    }

        .cardRatio21.card > .row > div:nth-child(2) img {
            width: 100%;
            left: 0;
            top: 0;
            width: 100%;
            object-fit: cover;
        }

        .cardRatio21.card .row {
            margin: 0 !important;
        }

            .cardRatio21.card .row > div:nth-child(2) {
                width: 100%;
                padding: 0 !important;
            }

            .cardRatio21.card .row > div:nth-child(1) {
                position: absolute;
                top: 30px;
                left: 30px;
                z-index: 2;
            }

/*Destination decoration - no control*/
/* Card Call to action*/
.ratings.templete1 .card {
    background-color: #fff;
}

    .ratings.templete1 .card .svgStar {
        fill: #ed5404;
        height: 14px;
    }

.review-text {
    height: 72px;
}

.cardBudgetDrive {
    height: 246px;
    overflow: hidden;
    background: #eeeeee;
    border-radius: 10px !important;
    transition: 300ms;
}

    .cardBudgetDrive > .row {
        display: flex;
        flex-direction: row-reverse;
        height: 100%;
        transition: 300ms;
    }

        .cardBudgetDrive > .row > div {
            height: 100%;
            transition: 300ms;
        }

            .cardBudgetDrive > .row > div:nth-child(2) {
                height: 100%;
                display: flex;
                justify-content: center;
                transition: 300ms;
            }

            .cardBudgetDrive > .row > div img {
                object-fit: cover;
                border-radius: 10px !important;
                transition: 300ms;
            }

            .cardBudgetDrive > .row > div > div {
                height: 100%;
                padding: 35px 35px 35px 35px;
                transition: 300ms;
            }

    .cardBudgetDrive h2 {
        color: #ed5505;
        font-weight: 900 !important;
        font-size: 25px;
        line-height: 22px !important;
        margin-bottom: 1rem;
        transition: 300ms;
    }

    .cardBudgetDrive p {
        color: #00285f;
        font-size: 16px;
        font-weight: 600;
        line-height: normal;
        transition: 300ms;
    }

    .cardBudgetDrive .textCardAJust {
        display: flex;
        flex-direction: column;
        justify-content: center;
        transition: 300ms;
    }

    .cardBudgetDrive a.btn {
        background: #ed5505;
        color: white;
        transition: 300ms;
        width: max-content;
    }

        .cardBudgetDrive a.btn:hover {
            background-color: #a23a03 !important;
            border-color: #a23a03 !important;
            color: #fff !important;
            transition: 300ms;
        }

    .cardBudgetDrive .subtitle {
        color: #ed5505;
        font-weight: 900 !important;
        font-size: 30px;
        line-height: 24px !important;
        margin-bottom: 1rem;
        transition: 300ms;
    }
/* Card Call to action*/
/* RickText*/
.richTextContact h2 {
    margin-bottom: 5px !important;
}

.richTextContact p {
    font-weight: 600;
}

.rich-text p strong {
    font-weight: bold;
}

.richTextContact p {
    margin-bottom: 5px;
    font-size: 18px;
}
/* RickText*/
/*Slider promos*/
.promoTemplate1 .boxInfo {
    background: white;
    padding: 26px;
    border-radius: 22px;
    transform: translate(0px, -50px);
}

.promoTemplate1 .promoTitle {
    color: #00285f;
    font-weight: 900 !important;
    font-size: 18px;
    line-height: 21px;
    display: block;
}

.promoTemplate1 .promoDescription {
    color: #707070;
    font-size: 15px;
    line-height: 18px;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: 600;
}

.promoTemplate1 .color-link {
    color: #ed5505;
    font-size: 15px;
    line-height: 19px;
    display: block;
    font-weight: 600;
}

.promoTemplate1 .carousel-control-next,
.promoTemplate1 .carousel-control-prev {
    opacity: 1 !important;
}

.promoTemplate1 .carousel-control-prev-icon,
.promoTemplate1 .carousel-control-next-icon {
    opacity: 1 !important;
}
/*Slider promos*/
/*GENERAL*/
.recomendado.card {
    border: 3px solid #ed5505 !important;
}

    .recomendado.card.pulse {
        box-shadow: #ed550566 !important;
        animation: pulse2 2s infinite;
        border-radius: 6px;
    }

    .recomendado.card .col-md-5::before {
        background: #ed5505 !important;
    }

.lineGold {
    position: absolute;
    height: 2px;
    width: 100%;
    background: #FFC72C;
    top: 12px;
    border-radius: 18px;
}

.ajustPositionSocial {
    background: #00285F;
    padding-right: 45px;
    padding-left: 45px;
    width: auto;
}

.letterSpasing {
    letter-spacing: 1.4px;
}

.footerbg {
    background: #00285F;
}

.text-summer {
    color: #FFC72C !important;
}

.menu_footer_reservacion {
    color: #fdfdfd !important;
}

@keyframes pulse2 {
    0% {
        -moz-box-shadow: 0 0 0 rgba(237, 85, 5, .4);
        box-shadow: 0 0 0 rgba(237, 85, 5, .4);
    }

    70% {
        -moz-box-shadow: 0 0 0 rgba(237, 85, 5, 1);
        box-shadow: 0 0 0 rgba(237, 85, 5, 1);
    }

    100% {
        -moz-box-shadow: 0 0 0 rgba(237, 85, 5, 1);
        box-shadow: 0 0 0 rgba(237, 85, 5, 1);
    }
}

.text-moinfo {
    color: #ed5505 !important;
}

.btnPrepago {
    color: #fff;
    background-color: #ed5505;
    border-color: #ed5505;
}

.text-saved {
    color: #ed5505;
}

.alert-message {
    border: 1px solid #ed5505;
    color: #ed5505;
}

.text-titlelocation {
    color: #ed5505;
    font-weight: 800;
}

.btn-continuar {
    color: #fff;
    background-color: #ed5505;
    border-color: #ed5505;
}

.btn-payreservation {
    color: #fff;
    background-color: #ed5505;
    border-color: #ed5505;
}

    .btn-payreservation:hover {
        color: #fff;
        background-color: #a23a03;
        border-color: #a23a03;
    }

.btn-continuar:hover {
    background-color: #a23a03 !important;
    border-color: #a23a03 !important;
    color: #fff !important;
}

.contentToltip {
    background: white;
    border: solid 3px #ed56059c;
    border-radius: 16px;
    width: 200px;
    padding: 10px;
    box-shadow: 0 0 7px 3px #ed6e0536;
}

.producto:hover .showMoreProducts2,
.ProductSeleted.producto .showMoreProducts2 {
    padding: 4px;
    --bd-color: none;
    text-align: left;
    --btn-text-color: #fff;
    --btn-bg-color: #ed5505;
    --cursor: pointer;
    --btn-transition: var(--btn-transition-default);
    --btn-text-color-hover: #fff;
    --btn-bg-color-hover: #ed5505;
    --bd-color-hover: none;
    width: 126px;
    text-align: center;
    border-radius: 4px;
    border: 1px solid #ed5505;
    border-radius: 4px;
    border-color: #ed5505 !important;
}

.producto:hover .card {
    -webkit-box-shadow: inset 0 0 0 1px #ed5505 !important;
    box-shadow: inset 0 0 0 1px #ed5505 !important;
}

.producto .card .price {
    color: #ed5505;
}

.list-ciudadesTemplate2 li a {
    font-size: 12px;
}

    .list-ciudadesTemplate2 li a:hover {
        color: #ed5505 !important;
    }

.list-ciudadesTemplate2 li:hover {
    color: #ed5505 !important;
}

.list-ciudadesTemplate2 li a::after {
    content: attr(title);
    position: absolute;
    opacity: 0;
    left: calc(90% + 0px);
    background: #F78B00;
    color: white;
    border-radius: 15px;
    padding: 0px 7px;
    font-size: 10px;
    font-family: 'nunito sans';
    width: max-content;
    line-height: normal;
    bottom: 4px;
    transition: 300ms;
}

.list-ciudadesTemplate2 li a:hover::after {
    opacity: 1;
    left: calc(100% + 9px);
    transition: 300ms;
}

.ajusteText a {
    font-size: 11px;
    line-height: 2;
}

.ajusteText-w {
    width: max-content;
}

.list-ciudades a img {
    opacity: 0;
    transform: translateX(-7px) translateY(5px) !important;
}

.list-ciudades a:hover img {
    opacity: 1;
    transform: translateX(5px) translateY(5px) !important;
}

.bookingDesingV2 .dx-texteditor.dx-editor-outlined {
    --bd-color-input-booking: #ed5505;
}

.bookingDesingV2 .nav.nav-tabs .nav-link {
    background: rgb(237 85 5 / 75%);
}
/*GENERAL*/
/*-----------------MEDIA-------------*/

/*768pxpx --> 992px*/
@media (max-width: 992px) {
    .ti-booking-item-gap-last, .ti-booking-item-gap-first {
        --booking-item-gap: 0px;
    }

    .ti-booking-grupo-gap {
        --booking-gap: 0px;
    }

    .cardBudgetDrive {
        height: max-content;
        overflow: hidden;
        background: #eeeeee;
        border-radius: 20px 20px 10px 10px !important;
        transition: 300ms;
    }

        .cardBudgetDrive > .row {
            display: flex;
            flex-direction: column-reverse;
            height: 100%;
            flex-wrap: nowrap;
            transition: 300ms;
        }

            .cardBudgetDrive > .row > div {
                height: 100%;
                transition: 300ms;
                width: 100%;
            }

                .cardBudgetDrive > .row > div:nth-child(2) {
                    height: max-content;
                    aspect-ratio: 1 / 1;
                    width: 100%;
                    display: flex;
                    justify-content: center;
                    transition: 300ms;
                }

                .cardBudgetDrive > .row > div img {
                    border-radius: 20px !important;
                    transition: 300ms;
                }

                .cardBudgetDrive > .row > div > div {
                    height: 100%;
                    padding: 40px 40px 40px 40px;
                    align-items: center;
                    transition: 300ms;
                }

        .cardBudgetDrive h2 {
            font-size: 25px;
            text-align: center;
            transition: 300ms;
        }

        .cardBudgetDrive p {
            color: #00285f;
            font-size: 15px;
            font-weight: 500;
            line-height: normal;
            text-align: center;
            transition: 300ms;
        }

        .cardBudgetDrive .textCardAJust {
            display: flex;
            flex-direction: column;
            justify-content: center;
            transition: 300ms;
        }

        .cardBudgetDrive a.btn {
            background: #ed5505;
            color: white;
            transition: 300ms;
            width: max-content;
        }

            .cardBudgetDrive a.btn:hover {
                background-color: #a23a03 !important;
                border-color: #a23a03 !important;
                color: #fff !important;
                transition: 300ms;
            }

        .cardBudgetDrive .subtitle {
            color: #ed5505;
            font-weight: 900 !important;
            font-size: 30px;
            line-height: 24px !important;
            margin-bottom: 1rem;
            transition: 300ms;
        }

    .cardRatio21 .contentImage img {
        height: 350px;
    }

    .cardRatio11 .row > div:nth-child(2) img {
        height: 100%;
        transition: 300ms;
    }

    .cardRatio11 .row > div:nth-child(2) {
        height: 350px;
        transition: 300ms;
    }

    .cardRatio21 .row > div:nth-child(2) {
        height: 410px;
        transition: 300ms;
    }

    .cardRatio11 .textCardAJust a,
    .cardRatio21 .textCardAJust a {
        transition: 300ms;
        color: #fff !important;
    }

    .cardRatio21 .textCardAJust .subtitle {
        line-height: 18px;
        color: #00285f;
        margin-bottom: 4px;
        transition: 300ms;
    }

    :root {
        --hcard: 220px;
        --hcardSpace: calc(var(--hcard) + 20px);
        --hcardSpace11: calc(var(--hcard) - 20px);
    }

    .cardRatio21 .contentImage img {
        height: var(--hcard);
    }

    .cardRatio11 .row > div:nth-child(2) img {
        height: var(--hcardSpace);
        transition: 300ms;
    }

    .cardRatio11 .row > div:nth-child(2) {
        height: var(--hcardSpace11);
        transition: 300ms;
    }

    .cardRatio21 .row > div:nth-child(2) {
        height: var(--hcardSpace);
        transition: 300ms;
    }

    .cardRatio21 .row > div:nth-child(1), .cardRatio11 .row > div:nth-child(1) {
        position: absolute;
        top: 28px;
        left: 24px;
        z-index: 2;
        width: 306px;
        justify-content: flex-start !important;
    }
}
/*0px --> 767px*/

@media (max-width:767px) {

    .cardBudgetDrive > .row {
        display: flex;
        flex-direction: column;
        height: 100%;
        flex-wrap: nowrap;
        transition: 300ms;
    }

        .cardBudgetDrive > .row > div > div {
            height: 100%;
            padding: 0px 40px 0px 40px;
            align-items: center;
            transition: 300ms;
        }

    .cardRatio21 .row > div:nth-child(1), .cardRatio11 .row > div:nth-child(1) {
        position: absolute;
        top: 8px;
        left: 16px;
        z-index: 2;
        width: 306px;
        justify-content: flex-start !important;
    }
}




/* Large devices (desktops, 992px and up)*/
/*993px --> 1024px*/
@media (max-width: 1024px) {
}

/*1025px --> 1400px*/
@media (max-width:1400px) {
}

/* X-Large devices (large desktops, 1200px and up)*/
/*1401px --> infinito*/
@media (min-width: 1401px) {
}

/*-----------------MEDIA-------------*/