.tag, .top-tittle {
    text-align: center
}

body {
    line-height: var(--bs-body-line-height) !important
}

p {
    margin-bottom: 0
}

.navbar-nav:first-child {
    padding-left: 6px
}

.row-custom-2 .row > * {
    padding-right: 2px;
    padding-left: 0
}

.tool-tip {
    background: var(--color-3);
    color: var(--color-1);
    border-radius: 100%;
    width: 1.5em;
    display: inline-flex;
    padding-left: .48em
}

.tool-tip-2 {
    background-color: var(--primary-color);
    color: var(--color-1);
    border-radius: 50%;
    padding-left: .1em;
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23FFF' viewBox='0 0 14 18'><path d='M6.75 5l-1.5 1.5L7.75 9l-2.5 2.5L6.75 13l4-4-4-4z'/></svg>");
    height: 22px;
    width: 22px;
    margin-top: -5px
}

.label-custom-1 {
    font-size: 15px
}

.pt-custom-section-2 {
    padding-top: 90px
}

.p-4-custom {
    padding-top: 4px
}

.pt-23 {
    padding-top: 23px
}

.pt-106 {
    padding-top: 106px
}

.pt-113 {
    padding-top: 113px
}

.pt-138 {
    padding-top: 138.3px
}

.pt-130 {
    padding-top: 130px
}

.pb-10 {
    padding-bottom: 10px
}

.pb-section3 {
    padding-bottom: 135px
}

.pb-113 {
    padding-bottom: 113px
}

.pt-140 {
    padding-top: 135px
}

.pb-136 {
    padding-bottom: 136px
}

.pt-57 {
    padding-top: 57px
}

.mt-40 {
    margin-top: 40px
}

.padding-offset {
    font-size: 30px;
    line-height: 15px;
    letter-spacing: 0;
    color: var(--color-0)
}

.link-question, .link-question:hover {
    font-size: 14px;
    line-height: 25px;
    text-decoration: none
}

#carousel-section-1 .carousel slide, #carousel-section-1 .carousel-inner {
    width: 100%;
    height: 600px
}

    #carousel-section-1 .carousel-inner .carousel-item img {
        min-height: 613px;
        max-width: 100%;
        object-fit: cover
    }

.link-question {
    color: var(--color-2);
    font-family: var(--primary-font-italic)
}

.tag, .tittle-medium-section-1-2, .tittle-medium-section-2 {
    font-family: var(--tertiary-font)
}

.link-question:hover {
    color: #82a0bc
}

.content-top-tittle {
    transform: translatey(-50%);
    top: 50%
}

.top-tittle {
    margin-top: -150px;
    font-size: 45px;
    line-height: 1.1em
}

    .top-tittle span {
        font-family: var(--font-2)
    }

.tag {
    font-size: 20px;
    padding: 9.5px;
    border-radius: 10px;
    min-width: 201px;
    margin-left: -.5rem;
    position: absolute;
    --bs-bg-opacity: 1;
    background-color: var(--color-1);
    margin-top: 1.5rem !important;
    z-index: 2;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
    color: var(--color-0);
    line-height: 25px
}

.container-section-2-1 .bg-white.shadow{
    position: relative;
}

/*.container-section-2-1 .bg-white.shadow:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
}*/

.container-section-2-1 .tag {
    display: block;
    width: 100%;
    color: var(--primary-color);
    text-align: left;
    margin-top: -2.8rem !important;
    margin-left: 0;
    background: transparent;
    box-shadow: none !important;
}

.container-section-2-1 .tittle-custom-2.seccion-six-text{
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%, -100%);
    color: #fff;
    width: calc(100% - 50px);
    font-size: 40px;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.6);
}

.container-section-2-1 .tittle-custom-2.seccion-six-text.seccion-six-text-left{
    text-align: left;
}

.container-section-2-1 .tittle-custom-2.seccion-six-text img{
    max-width: 100px;
}

.container-section-3 .img-custom-3,
.container-section-3 .img-flexible-icon, 
.container-section-3 .img-happy-icon{
    height: 150px;
    margin-bottom: 20px;
}

.container-section-3 .tittle-custom-2{
    font-size: 28px;
}

.container-section-3 .p-custom-1{
    font-size: 22px;
}

.amount-container-section1 {
    margin-left: auto;
    margin-right: auto
}

.vs-image1,
.hvs-image1 {
    width: 259px;
    height: 185px;
    margin: 8.5px
}

.vs-image2,
.hvs-image2 {
    width: 668.2px;
    height: 184.74px;
    margin: 8.5px;
    object-fit: cover
}

.container-section-2-1 .hvs-image1,
.container-section-2-1 .hvs-image2{
    width: calc(100% - 20px)!important;
}

.vs-logo {
    height: 20px
}

.col-custom-1 {
    padding-top: 30px;
    border-width: 2px !important;
    border-color: var(--color-3) !important;
    padding-bottom: 0;
    position: relative;
    margin-bottom: 75px
}

.tittle-custom-1 {
    padding-top: 30px;
    font-size: 17px;
    line-height: 1em
}

.tittle-big-section-2 {
    font-size: 45px
}

.tittle-medium-section-2 {
    font-size: 30px;
    line-height: 23px
}

.tittle-medium-section-1-2 {
    font-size: 30px;
    line-height: 25px
}

.tittle-custom-11 {
    font-size: 22px;
    line-height: 14px;
    letter-spacing: 0;
    margin: 0;
    padding-top: 0 !important
}

.img-custom-3, .img-flexible-icon, .img-happy-icon {
    height: 46px;
    margin-bottom: 26.9px
}

.tittle-normal-section-2 {
    font-size: 15px;
    font-family: var(--secundary-font);
    line-height: 22px;
    color: var(--tertiary-color);
    padding-top: 6px;
    padding-bottom: 6px
}

.tittle-small-section-2 {
    font-size: 10px
}

.border-cut-2 {
    width: 2px;
    top: 10px;
    bottom: 5px;
    position: absolute;
    background-color: var(--color-3);
    overflow: hidden;
    margin-left: -17px
}

.tittle-medium-section-2-1 {
    padding-top: 27px !important;
    font-size: 25px !important;
    line-height: 23px
}

.container-section-2-1 {
    padding-top: 100px;
    padding-bottom: 80px;
}

.container-section-3 {
    padding-top: 135px;
    padding-bottom: 135px;
}

#return-link{
    display: none;
}

.giftcard-50-banner {
    background-image: url(https://vsistore.blob.core.windows.net/vsi-dev-resources/images/banner-gift-card-4.jpg);
    margin-top: 1px;
}

.giftcard-50-banner .row{
    position: relative;
    z-index: 1;
}

.giftcard-50-banner .col-12 .giftcard-50-text-content * {
    color: var(--color-1);
    text-align: left;
    line-height: normal;
    margin: 0;
}

.giftcard-50-banner .col-12 .giftcard-50-icon-content img {
    max-width: 140px;
    width: 100%;
}

.giftcard-50-banner .giftcard-50-text-content h3 {
    font-family: var(--font-2);
    text-transform: uppercase;
}

.giftcard-50-banner .giftcard-50-text-content h4 {
    font-family: var(--secundary-font);
}

.giftcard-50-banner .col-12 .giftcard-50-button-content a {
    display: inline-block;
    color: var(--color-1);
    font-family: var(--monserrat-bold);
    font-size: 18px;
    text-transform: uppercase;
    padding: 10px 20px;
    background-color: #003b62;
    border-radius: 10px;
}

.col-custom-6 {
    padding-top: 186px
}

.text-question {
    font-size: 14px;
    line-height: 18px !important;
    margin-top: 57px;
    font-family: var(--font-1) !important
}

.img-custom-3, .img-happy-icon {
    width: auto
}

.tittle-custom-2 {
    font-size: 18px;
    color: var(--primary-color);
    padding-bottom: 12px !important
}

.p-custom-1 {
    font-size: 16px;
    font-family: var(--secundary-font);
    color: var(--color-1);
    line-height: 25px
}

h2.subtitle, h2.tittle-custom-3 {
    font-size: 24px !important;
    line-height: 1.2em;
    padding-bottom: 12px
}

.p-custom-2 {
    font-size: 12px;
    color: #a9a9a9;
    line-height: 22px
}

#carousel-section-5 .carousel-inner .carousel-item-next, #carousel-section-5 .carousel-inner .carousel-item-prev, #carousel-section-5 .carousel-inner .carousel-item.active {
    display: flex
}

.carousel-item {
    transition: transform 1s ease-in-out
}

.carousel-fade .active.carousel-item-end, .carousel-fade .active.carousel-item-start {
    transition: opacity 0s 1s
}

.carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right, .carousel-fade .carousel-item.active {
    opacity: 1
}

.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right {
    opacity: 0
}

.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-prev, .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active {
    transform: translateX(0);
    transform: translate3d(0,0,0)
}

.col-custom-5 {
    margin-left: 8px;
    margin-right: 8px;
    min-width: 308px;
    max-width: 308px
}

.section-5 .card-img, .section-5 .card-img-top {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

.section-5 .card {
    border-radius: 10px !important;
    border: 0;
    color: var(--primary-color);
    box-shadow: 0 3px 6px #00000029
}

#carousel-section-5 .carousel-control-next-icon, #carousel-section-5 .carousel-control-prev-icon {
    background-color: var(--color-1);
    border-radius: 50%;
    width: 50px;
    height: 50px;
    background-size: 60% 60%;
    background-position: 40%;
    color: #000;
    box-shadow: 0 3px 6px #00000029
}

#carousel-section-5 .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23364D6A' viewBox='0 0 18 18'><path d='M10.25 5l-4 4 4 4 1.5-1.5L9.25 9l2.5-2.5L10.25 5z'/></svg>")
}

#carousel-section-5 .carousel-control-next-icon {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23364D6A' viewBox='0 0 14 18'><path d='M6.75 5l-1.5 1.5L7.75 9l-2.5 2.5L6.75 13l4-4-4-4z'/></svg>")
}

.container-custom-1 {
    margin: auto;
    width: calc(100% - 40px)
}

.margin-value {
    margin-left: 12px;
    margin-right: 12px
}

.img-vs {
    width: 55px;
    height: 55px
}

.row > * {
    padding: 0
}

.card-body > div {
    min-height: 110px
}

.img-custom-1 {
    height: 36px;
    width: auto;
    position: absolute;
    left: calc(50% - 18px);
    bottom: calc(0% - 35px)
}

.img-custom-2 {
    height: 225px;
    width: 225px;
    position: absolute;
    right: calc(0% - 25px);
    bottom: calc(50% - 110px);
    background-size: contain;
    background-repeat: no-repeat
}

.bg-img-Bowl {
    background-image: url("https://vushorusv2storage.blob.core.windows.net/assets-corporate/vsi-images/Bowl_Center.png")
}

.bg-img-Burger {
    background-image: url("https://vushorusv2storage.blob.core.windows.net/assets-corporate/vsi-images/Burger_Center.png")
}

.bg-img-Crepes {
    background-image: url("https://vushorusv2storage.blob.core.windows.net/assets-corporate/vsi-images/Crepes_Center.png")
}

.bg-img-Fish {
    background-image: url("https://vushorusv2storage.blob.core.windows.net/assets-corporate/vsi-images/Fish_Center.png")
}

.bg-img-FriedChicken {
    background-image: url("https://vushorusv2storage.blob.core.windows.net/assets-corporate/vsi-images/FriedChicken_Center.png")
}

.bg-img-NoodlesEgg {
    background-image: url("https://vushorusv2storage.blob.core.windows.net/assets-corporate/vsi-images/NoodlesEgg_Center.png")
}

.bg-img-Pasta {
    background-image: url("https://vushorusv2storage.blob.core.windows.net/assets-corporate/vsi-images/Pasta_Center.png")
}

.bg-img-SteakPotatoes {
    background-image: url("https://vushorusv2storage.blob.core.windows.net/assets-corporate/vsi-images/SteakPotatoes_Center.png")
}

.banner-overlay{
    position: relative;
}
.banner-overlay:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.1);
}
.banner-overlay-text h1{
    text-shadow: 4px 4px 2px rgba(0,0,0,0.6);
}

@media (max-width:479.98px) {
    #bookingWidget {
        margin-top: 115px !important;
    }

    #bookingWidget #sectionDateGuest {
        flex: 100%;
    }

    #bookingWidget #sectionPromoCode {
        flex: 100%;
        margin-top: 20px;
    }

    .content-widget, .img-custom-2 {
        position: absolute
    }

    .pt-140, .py-4 {
        padding-top: 0 !important
    }

    .mt-51 {
        margin-top: 51px
    }

    .pb-section3 {
        padding-bottom: 50px;
        padding-top: 50px
    }

    .custom-bb {
        border-bottom: 1px solid var(--color-3);
        padding-bottom: 12px
    }

    .label-custom-1 {
        font-size: 11px
    }

    .top-tittle {
        font-size: 25px;
        padding-inline: 20px;
        margin-top: -130px
    }

    .tittle-custom-1 {
        font-size: 16px;
        line-height: 1em;
        padding-top: 44px
    }

    #carousel-section-1 .carousel slide, #carousel-section-1 .carousel-inner {
        height: 700px
    }

        #carousel-section-1 .carousel-inner .carousel-item img {
            min-height: auto;
            max-width: 100%
        }

    .tittle-medium-section-1-2 {
        font-size: 25px;
        font-family: var(--tertiary-font);
        line-height: 25px;
        padding-top: 16px
    }

    .section1-img-container, .section1-img-container2 {
        padding: 0 !important;
        height: 177.5px !important;
        background-color: initial !important;
        box-shadow: initial !important
    }

    .tag {
        min-width: initial !important;
        font-size: 14px;
        margin-left: -7px !important
    }

    .section1-img-container {
        max-width: 55%
    }

    .col-6.order-4, .col-custom-1, .feature-events .col-6.order-1 {
        padding-left: 0
    }

    .vs-image1, .vs-image2,
    .hvs-image1, .hvs-image2 {
        height: 162.9px;
        box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
        border: solid 7px var(--color-1);
        margin-left: 0
    }

    .vs-image1, .hvs-image1 {
        width: 225px;
        object-fit: cover;
        object-position: unset
    }

    .vs-image2, .hvs-image2 {
        max-width: 94%
    }

    .amount-container-section1 .row .col-9 {
        width: 100%
    }

    .tittle-big-section-2 {
        font-size: 45px !important
    }

    .card-section-2 .row .col-12 .tittle-normal-section-2 {
        font-size: 20px;
        padding-top: 7px;
        text-align: left
    }

    .amount-container-section1 .row .col-9 .row .padding-offset .tittle-small-section-2 {
        display: block
    }

    .img-custom-2 {
        height: 216px;
        width: 108px;
        right: -20px;
        background-size: contain;
        background-repeat: no-repeat
    }

    .bg-img-Bowl {
        background-image: url("https://vushorusv2storage.blob.core.windows.net/assets-corporate/vsi-images/Bowl_Left.png")
    }

    .bg-img-Burger {
        background-image: url("https://vushorusv2storage.blob.core.windows.net/assets-corporate/vsi-images/Burger_Left.png")
    }

    .bg-img-Crepes {
        background-image: url("https://vushorusv2storage.blob.core.windows.net/assets-corporate/vsi-images/Crepes_Left.png")
    }

    .bg-img-Fish {
        background-image: url("https://vushorusv2storage.blob.core.windows.net/assets-corporate/vsi-images/Fish_Left.png")
    }

    .bg-img-FriedChicken {
        background-image: url("https://vushorusv2storage.blob.core.windows.net/assets-corporate/vsi-images/FriedChicken_Left.png")
    }

    .bg-img-NoodlesEgg {
        background-image: url("https://vushorusv2storage.blob.core.windows.net/assets-corporate/vsi-images/NoodlesEgg_Left.png")
    }

    .bg-img-Pasta {
        background-image: url("https://vushorusv2storage.blob.core.windows.net/assets-corporate/vsi-images/Pasta_Left.png")
    }

    .bg-img-SteakPotatoes {
        background-image: url("https://vushorusv2storage.blob.core.windows.net/assets-corporate/vsi-images/SteakPotatoes_Left.png")
    }

    .border-cut {
        display: none
    }

    .tittle-normal-section-2 {
        font-size: 19px
    }

    .col-custom-1 {
        padding-top: 30px;
        padding-bottom: 10px;
        position: relative;
        margin-bottom: 48px;
        display: inline-block;
        border: none !important
    }

        .col-custom-1:after {
            position: absolute;
            content: '';
            border-bottom: 2px solid var(--color-3);
            width: 100%;
            bottom: -27px
        }

    .img-custom-1 {
        height: 36px;
        width: auto;
        position: absolute;
        left: calc(50% - 14px);
        bottom: calc(0% - 42px);
        z-index: 1
    }

    .card-section-2 {
        width: 275px;
        margin: auto
    }

    .py-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important;
        padding-left: 1rem;
        padding-right: 1rem
    }

    .tittle-medium-section-2 {
        padding-top: 25.7px !important
    }

    .div-fifty, .div-hundred, .div-ten {
        float: right;
        text-align: end;
        line-height: 44px;
        padding: 0 5px 0 0
    }

    .div-ten {
        width: 40% !important
    }

    .div-ten-compl {
        width: 60% !important
    }

    .div-fifty {
        width: 44% !important
    }

    .div-fifty-compl {
        width: 56% !important
    }

    .div-hundred {
        width: 48% !important
    }

    .div-hundred-compl {
        width: 52% !important
    }

    .tittle-margin-section-2 {
        max-width: 143px
    }

    .tittle-small-section-2 {
        font-size: 15px
    }

    .link-question, .link-question:hover, .text-question {
        font-size: 12px
    }

    .tittle-custom-11 {
        padding: 0 !important;
        line-height: 27px
    }

    .tittle-normal-section-2 {
        padding: 0 !important;
        line-height: 22px
    }

    .tittle-medium-section-2 {
        line-height: 25px
    }

    .card-section-2 {
        padding-bottom: 34.4px
    }

    .div-fifty-pre {
        padding-bottom: 0
    }

    .row-price {
        padding-top: 7.5px
    }

    .container-section-3 {
        padding-top: 50px;
        padding-bottom: 50px;
        margin-top: 50px
    }

    .pt-138 {
        padding-top: 72.1px
    }

    #secionFeatured, .section-5 {
        padding-top: 50px !important
    }

    .pb-113 {
        padding-bottom: 86.3px
    }

    .text-question1, .text-question2, .text-question3 {
        display: block !important;
        font-size: 12px;
        font-family: var(--font-1) !important;
        line-height: 18px !important
    }

    .text-question1 {
        margin-top: 30px
    }

    h2.subtitle {
        padding-bottom: 5px
    }

    h2.tittle-custom-3 {
        padding: 0;
        margin: 0
    }

    h2.subtitle::after {
        margin-top: 10px
    }

    .p-custom-2 {
        padding-bottom: 48px;
        margin: 0
    }

    .col-custom-6 {
        padding-bottom: 0 !important
    }

    .col-custom-5 {
        min-width: 288px
    }

    #grid-videos {
        min-width: auto;
        min-height: 205px;
        margin: auto;
        width: auto
    }

    .section-5 {
        padding-bottom: 50px !important
    }

    .text-question {
        display: none;
        line-height: 19px;
        margin-top: 30px
    }

    .deals {
        line-height: 30px !important
    }

    .feature-events .tittle {
        font-size: 20px;
        top: calc(50% - 20px)
    }

    .feature-events .subtittle {
        font-size: 16px
    }

    .feature-events img {
        height: 213px
    }

    .feature-events .col-12 {
        padding-left: 0;
        padding-right: 0
    }

    .col-6.order-5, .feature-events .col-6.order-2 {
        padding-right: 0
    }

    #secionFeatured {
        padding-bottom: 50px
    }

    @media (max-width:319.98px) {
        .d-xs-none {
            display: none !important
        }

        #grid-videos {
            max-width: none;
            min-width: 100px;
            min-height: 205px;
            margin: auto
        }
    }

    @media (max-width:385.98px) {
        .label-custom-1 {
            font-size: 11px
        }

        .top-tittle {
            font-size: 22px;
            margin-top: -120px
        }

        .col-custom-1 {
            padding-bottom: 0 !important;
            margin-bottom: 48px
        }

        h2.subtitle::after {
            width: 75%
        }

        .section-5 {
            padding-bottom: 50px !important;
            padding-top: 50px !important
        }

        #secionFeatured {
            padding-top: 56px !important;
            padding-bottom: 40px
        }

        #grid-videos {
            max-width: none;
            min-width: 100px;
            min-height: auto;
            margin: auto
        }
    }
}

@media (min-width:480px) and (max-width:575.98px) {
    #bookingWidget {
        margin-top: 220px !important;
    }

    #bookingWidget #sectionDateGuest {
        flex: 100%;
    }

    #bookingWidget #sectionPromoCode {
        flex: 100%;
        margin-top: 20px;
    }

    .content-widget, .img-custom-2 {
        position: absolute
    }

    .mt-51 {
        margin-top: 51px
    }

    .pt-140 {
        padding-top: 45px
    }

    .pb-section3 {
        padding-bottom: 50px
    }

    #carousel-section-1 .carousel slide, #carousel-section-1 .carousel-inner {
        height: 710px
    }

        #carousel-section-1 .carousel-inner .carousel-item img {
            min-height: 250px
        }

    .top-tittle {
        font-size: 30px;
        padding-left: 40px;
        padding-right: 40px;
        margin-top: -170px
    }

    .img-custom-2 {
        height: 226px;
        width: 113px;
        right: -20px;
        bottom: calc(50% - 115px);
        background-size: contain;
        background-repeat: no-repeat
    }

    .bg-img-Bowl {
        background-image: url("https://vushorusv2storage.blob.core.windows.net/assets-corporate/vsi-images/Bowl_Left.png")
    }

    .bg-img-Burger {
        background-image: url("https://vushorusv2storage.blob.core.windows.net/assets-corporate/vsi-images/Burger_Left.png")
    }

    .bg-img-Crepes {
        background-image: url("https://vushorusv2storage.blob.core.windows.net/assets-corporate/vsi-images/Crepes_Left.png")
    }

    .bg-img-Fish {
        background-image: url("https://vushorusv2storage.blob.core.windows.net/assets-corporate/vsi-images/Fish_Left.png")
    }

    .bg-img-FriedChicken {
        background-image: url("https://vushorusv2storage.blob.core.windows.net/assets-corporate/vsi-images/FriedChicken_Left.png")
    }

    .bg-img-NoodlesEgg {
        background-image: url("https://vushorusv2storage.blob.core.windows.net/assets-corporate/vsi-images/NoodlesEgg_Left.png")
    }

    .bg-img-Pasta {
        background-image: url("https://vushorusv2storage.blob.core.windows.net/assets-corporate/vsi-images/Pasta_Left.png")
    }

    .bg-img-SteakPotatoes {
        background-image: url("https://vushorusv2storage.blob.core.windows.net/assets-corporate/vsi-images/SteakPotatoes_Left.png")
    }

    .col-custom-3 {
        margin-top: 48.5px
    }

    .card-section-2 {
        padding-top: 0 !important;
        margin-top: 0 !important
    }

    .tittle-medium-section-2 {
        font-size: 25px;
        line-height: 25px
    }

    .pt-16 {
        padding-top: 16px;
        padding-bottom: 4.7px
    }

    .tittle-big-section-2 {
        font-size: 35px;
        line-height: 22px
    }

    .tittle-small-section-2 {
        font-size: 10px;
        line-height: 20px;
        display: block
    }

    .tittle-normal-section-2 {
        font-size: 15px;
        line-height: 15px
    }

    .tittle-custom-1 {
        padding-top: 52px;
        font-size: 16px;
        line-height: 16px
    }

    .tittle-medium-section-1-2 {
        font-size: 25px;
        padding-top: 20px;
        font-family: var(--tertiary-font)
    }

    .section1-img-container, .section1-img-container2 {
        padding: 0 !important;
        height: 177.5px !important;
        background-color: initial !important;
        box-shadow: initial !important
    }

    .tittle-custom-11 {
        font-size: 18px;
        line-height: 18px
    }

    .section1-img-container {
        max-width: 55%
    }

    .col-6.order-4, .col-custom-1, .feature-events .col-6.order-1 {
        padding-left: 0
    }

    .vs-image1, .vs-image2,
    .hvs-image1, .hvs-image2 {
        height: 162.9px;
        box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
        border: solid 7px var(--color-1)
    }

    .vs-image1, .hvs-image1 {
        width: 280px;
        object-fit: cover;
        object-position: unset
    }

    .col-custom-1 {
        padding-top: 30px;
        padding-bottom: 10px;
        position: relative;
        margin-bottom: 70px;
        display: inline-block;
        border: none !important
    }

        .col-custom-1:after {
            position: absolute;
            content: '';
            border-bottom: 2px solid var(--color-3);
            width: 100%;
            bottom: -20px
        }

    .container-custom-1 {
        width: calc(100% - 20px)
    }

    .amount-container-section1 .row .col-9 .row .padding-offset {
        width: 100%
    }

    .card-section-2 {
        max-width: 275px;
        position: relative
    }

    .border-cut {
        width: 2px;
        top: 10px;
        bottom: 5px;
        position: absolute;
        background-color: var(--color-3);
        overflow: hidden
    }

    .img-custom-1 {
        z-index: 2
    }

    .py-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important;
        padding-left: 1rem;
        padding-right: 1rem
    }

    .tag, .tittle-custom-2 {
        font-size: 18px
    }

    .link-question, .link-question:hover, .text-question {
        font-size: 12px
    }

    .container-section-3 {
        padding-top: 50px;
        padding-bottom: 50px;
        margin-top: 50px
    }

    .pt-138 {
        padding-top: 72.1px
    }

    .pb-113 {
        padding-bottom: 91.4px
    }

    .text-question {
        margin-top: 30px
    }

    h2.subtitle, h2.tittle-custom-3 {
        font-size: 24px !important
    }

    .p-custom-2 {
        font-size: 14px;
        color: #a9a9a9;
        line-height: 22px
    }

    h2.subtitle {
        padding-bottom: 0
    }

    h2.tittle-custom-3 {
        padding: 0;
        margin: 0
    }

    h2.subtitle::after {
        margin-top: 10px
    }

    .col-custom-6 {
        padding-top: 50px !important;
        padding-bottom: 50px !important
    }

    .feature-events .tittle {
        font-size: 25px;
        top: calc(50% - 25px)
    }

    .feature-events img {
        height: 251px
    }

    .feature-events .col-12 {
        padding-left: 0;
        padding-right: 0
    }

    .col-6.order-5, .feature-events .col-6.order-2 {
        padding-right: 0
    }

    #secionFeatured {
        padding-top: 50px !important;
        padding-bottom: 50px
    }
}

@media (min-width:576px) and (max-width:767.98px) {
    #bookingWidget {
        margin-top: 190px !important;
    }

    #bookingWidget #sectionDateGuest {
        flex: 100%;
    }

    #bookingWidget #sectionPromoCode {
        flex: 100%;
        margin-top: 20px;
    }

    .content-widget, .img-custom-2 {
        position: absolute
    }

    .mt-51 {
        margin-top: 70.5px
    }

    #carousel-section-1 .carousel slide, #carousel-section-1 .carousel-inner {
        height: 615px
    }

        #carousel-section-1 .carousel-inner .carousel-item img {
            min-height: 530px
        }

    .top-tittle {
        font-size: 30px !important;
        padding-left: 40px;
        padding-right: 40px;
        margin-top: -200px;
    }

    .pt-140 {
        padding-top: 60px
    }

    .p-4-custom {
        padding-top: 0
    }

    .tittle-normal-section-2 {
        font-size: 15px
    }

    .tittle-big-section-2 {
        font-size: 35px
    }

    .img-custom-1 {
        z-index: 1
    }

    .col-custom-1 {
        padding-left: 0 !important;
        padding-bottom: 32px;
        margin-bottom: 62px
    }

    .section1-img-container, .section1-img-container2 {
        padding: 0 !important;
        height: 177.5px !important;
        background-color: initial !important;
        box-shadow: initial !important
    }

    .col-custom-1:after {
        position: absolute;
        content: '';
        border-bottom: 2px solid var(--color-3);
        width: 100%;
        bottom: -20px
    }

    .section1-img-container {
        max-width: 55%
    }

    .vs-image1, .vs-image2,
    .hvs-image1, .hvs-image2 {
        height: 162.9px;
        box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
        border: solid 7px var(--color-1)
    }

    .vs-image1, .hvs-image1 {
        width: 360px;
        object-fit: cover;
        object-position: unset
    }

    .vs-image2, .hvs-image2 {
        max-width: 90%
    }

    .row-custom-1 {
        padding-left: 25px;
        padding-right: 25px
    }

    .padding-offset {
        padding-top: 18px
    }

    .tittle-custom-1 {
        padding-top: 34px;
        font-size: 16px
    }

    .tittle-medium-section-1-2, .tittle-medium-section-2 {
        font-size: 25px
    }

    .tag, .tittle-custom-11, .tittle-custom-2 {
        font-size: 18px
    }

    .img-custom-2 {
        height: 210px;
        width: 210px;
        right: calc(2% - 15px);
        bottom: calc(50% - 108px);
        background-size: contain;
        background-repeat: no-repeat
    }

    .card-section-2 {
        max-width: 275px;
        position: relative
    }

    .border-cut {
        width: 2px;
        top: 10px;
        bottom: 5px;
        position: absolute;
        background-color: var(--color-3);
        overflow: hidden
    }

    .container-section-3 {
        padding-top: 0;
        padding-bottom: 60px;
        margin-top: 60px
    }

    #secionFeatured, .col-custom-6 {
        padding-top: 60px !important
    }

    .text-question {
        margin-top: 35px
    }

    .img-custom-3 {
        margin-top: 70.1px;
        height: 43.6px
    }

    .pt-138 {
        padding-top: 72.1px
    }

    .pb-113 {
        padding-bottom: 91.4px
    }

    .pb-10 {
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-bottom: 10px
    }

    .col-6.order-4, .feature-events .col-6.order-1, .pl-none {
        padding-left: 0
    }

    .col-custom-4 {
        padding-bottom: 60px !important
    }

    .container-custom-1 {
        width: calc(100% - 30px) !important
    }

    h2.subtitle, h2.tittle-custom-3 {
        font-size: 29px !important;
        padding-bottom: 0
    }

    .p-custom-2 {
        font-size: 14px;
        color: #a9a9a9;
        line-height: 22px
    }

    h2.subtitle::after {
        margin: 24px auto 45px
    }

    .pb-section3 {
        padding-bottom: 60px
    }

    .feature-events .tittle {
        font-size: 25px;
        top: calc(50% - 25px)
    }

    .feature-events img {
        height: 251px
    }

    .feature-events .col-12 {
        padding-left: 0;
        padding-right: 0
    }

    .col-6.order-5, .feature-events .col-6.order-2 {
        padding-right: 0
    }

    #secionFeatured {
        margin-bottom: 60px
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    #bookingWidget{
        margin-top: 260px!important;
    }

    #bookingWidget #sectionDateGuest {
        flex: 70%;
        padding-right: 8px !important;
    }

    #bookingWidget #sectionPromoCode {
        flex: 30%;
    }

    .pb-section3 {
        padding-bottom: 0
    }

    .pt-140 {
        padding-top: 75px;
        padding-bottom: 75px
    }

    .mt-51 {
        margin-top: 70.5px
    }

    .row-custom-2 {
        padding: 2rem;
        margin-top: 65px
    }

        .row-custom-2 > div {
            border-radius: 5px
        }

        .row-custom-2 .container {
            max-width: 95% !important
        }

    .top-tittle {
        margin-top: -400px;
        font-size: 32px
    }

    .volado {
        margin-top: -43px
    }

    .pl-45 {
        padding-left: 0 !important
    }

    .col-6.order-4, .col-custom-1, .feature-events .col-6.order-1 {
        padding-left: 0
    }

    .mt-4 {
        margin-top: 0 !important
    }

    .py-2 {
        padding-top: 0 !important
    }

    .img-custom-2 {
        height: 225px;
        width: 225px;
        position: absolute;
        right: calc(0% - 93px);
        bottom: calc(50% - 110px)
    }

    .border-cut, .border-cut-2 {
        bottom: 5px;
        top: 47px;
        background-color: var(--color-3);
        overflow: hidden
    }

    .container-section-3 {
        padding-top: 0;
        padding-bottom: 75px;
        margin-top: 75px
    }

    .col-custom-6 {
        padding-top: 75px !important;
        padding-bottom: 75px !important
    }

    .col-custom-2 {
        padding-top: 0
    }

    .tittle-custom-1 {
        padding-top: 5px;
        font-size: 16px
    }

    .tag, .tittle-custom-11 {
        font-size: 18px
    }

    .text-question {
        font-size: 14px;
        line-height: 22px;
        margin-top: 26px
    }

    .img-custom-3 {
        margin-top: 70.1px
    }

    .pt-138 {
        padding-top: 72.1px
    }

    .pb-113 {
        padding-bottom: 91.4px
    }

    .border-cut-2 {
        width: 2px;
        position: absolute;
        margin-left: 2px;
        height: 77%
    }

    #carousel-section-1 .carousel slide, #carousel-section-1 .carousel-inner {
        width: 100%;
        height: 600px !important
    }

    .card-section-2 {
        max-width: 275px;
        position: relative;
        padding-top: 42.5px !important
    }

    .card-section-1-2 {
        margin-left: -30px
    }

    .tittle-medium-section-2 {
        font-size: 25px;
        font-family: var(--tertiary-font);
        line-height: 20px
    }

    .tittle-medium-section-2-1 {
        padding-top: 18px !important;
        font-size: 25px !important
    }

    .tittle-medium-section-2 {
        padding-top: 10px !important
    }

    .tittle-small-section-2 {
        font-size: 10px;
        display: block;
        line-height: 22px
    }

    .mt-10 {
        margin-top: 17px;
        padding-top: 0 !important
    }

    .col-custom-1 {
        padding-top: 0;
        border: 0;
        margin-bottom: 0;
        padding-bottom: 0;
        min-width: 250px
    }

    .pt-custom-section-2 {
        padding-top: 75.5px
    }

    .tittle-big-section-2 {
        font-size: 35px;
        line-height: 22px
    }

    .tittle-normal-section-2 {
        font-size: 15px;
        font-family: var(--secundary-font);
        line-height: 15px;
        color: var(--tertiary-color);
        padding-top: 4px;
        padding-bottom: 0
    }

    .img-custom-1 {
        display: none
    }

    .section1-img-container {
        padding: 0 !important;
        width: 240px !important;
        height: 177.5px !important
    }

    .section1-img-container2 {
        /*width: calc(100% - 80px) !important;*/
        height: 177.5px !important;
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .vs-image1, .hvs-image1 {
        width: 223px;
        height: 162.9px;
        margin-left: 7px;
        margin-right: 7px;
        margin-top: 7.4px
    }

    .vs-image2, .hvs-image2 {
        width: auto;
        height: 162.9px;
        margin-left: 8px;
        margin-right: 8px;
        margin-top: 8px
    }

    .panel-title-section-1 {
        padding-left: 32px !important;
        padding-right: 32px !important
    }

    .container-custom-1 {
        width: calc(100% - 60px) !important
    }

    .border-cut {
        width: 2px;
        position: absolute
    }

    .custom-border-cut {
        height: 100%;
        position: absolute
    }

        .custom-border-cut::after {
            content: '';
            position: absolute;
            width: 36px;
            height: 36px;
            background-image: url('../images/vs-icon.png');
            background-size: cover;
            background-repeat: no-repeat;
            transform: translate(-50%,-50%);
            border-top: inherit;
            border-top-color: transparent;
            left: 3px;
            top: 81px
        }

    .padding-offset {
        padding-left: 16%;
        padding-right: 40%;
        font-size: 30px;
        line-height: 15px;
        letter-spacing: 0;
        color: var(--color-0);
        margin-bottom: 18px
    }

    h2.subtitle, h2.tittle-custom-3 {
        font-size: 32px !important;
        padding-bottom: 0
    }

    .col-custom-4 {
        padding-left: 20px;
        padding-right: 20px
    }

    h2.subtitle::after {
        margin: 23px auto 45px
    }

    .col-6.order-5, .feature-events .col-6.order-2 {
        padding-right: 0
    }

    .feature-events .col-12 {
        padding-left: 0;
        padding-right: 0
    }

    #secionFeatured {
        padding-top: 75px !important;
        padding-bottom: 75px
    }
}

@media (min-width:992px) and (max-width:1199.98px) {
    #bookingWidget #sectionDateGuest {
        flex: 70%;
        padding-right: 8px !important;
    }

    #bookingWidget #sectionPromoCode {
        flex: 30%;
    }

    element {
        padding-left: 100px;
        padding-right: 100px
    }

    .pt-140 {
        padding-top: 106.9px
    }

    .pb-section3 {
        padding-bottom: 101px
    }

    .px-lg-4 {
        padding-left: 5rem !important
    }

    .row-custom-2 {
        padding: 300px 35px 0;
        width: 100%;
    }

        .row-custom-2 > div {
            border-radius: 5px
        }

    #carousel-section-1 .carousel slide, #carousel-section-1 .carousel-inner {
        height: 600px
    }

    .top-tittle {
        font-size: 43px
    }

    .tittle-normal-section-2 {
        padding-top: 15px
    }

    .tag, .tittle-custom-11 {
        font-size: 18px
    }

    .tittle-big-section-2 {
        font-size: 35px;
        line-height: 22px
    }

    .padding-offset {
        padding-left: 26%;
        padding-right: 26%
    }

    .tittle-medium-section-2 {
        font-size: 25px
    }

    .container-section-3 {
        padding-top: 77.2px;
        padding-bottom: 66.28px;
        margin-top: 47.8px
    }

    .section1-img-container {
        padding: 0 !important;
        height: 177.5px !important;
        width: calc(100% - 85px) !important;
        min-width: 240px !important
    }

    .col-custom-1, .col-custom-2 {
        padding-top: 0
    }

    .section1-img-container2 {
        /*width: calc(100% - 70px) !important;*/
        height: 177.5px !important
    }

    .vs-image1, .hvs-image1 {
        width: calc(100% - 16px) !important;
        height: 162.9px;
        margin-left: 7.5px;
        margin-right: 7px;
        margin-top: 7.5px
    }

    .vs-image2, .hvs-image2 {
        width: auto;
        height: 162.9px;
        margin-left: 8.57px;
        margin-right: 7.9px;
        margin-top: 8.5px
    }

    .container-custom-1 {
        width: calc(100% - 70px)
    }

    .volado {
        margin-top: -43px
    }

    .col-custom-1 {
        border: 0;
        margin-bottom: 0;
        padding-bottom: 20px;
        margin-left: auto
    }

    .img-custom-1 {
        height: 36px;
        width: auto;
        position: absolute;
        left: calc(100% - 32px);
        bottom: calc(50% - 36px);
        z-index: 1
    }

    .img-custom-2 {
        height: 225px;
        width: 225px;
        position: absolute;
        right: calc(-10% - 16px);
        bottom: calc(50% - 110px)
    }

    .tittle-custom-1 {
        padding-top: 5px
    }

    .card-section-2 {
        max-width: 275px;
        position: relative;
        padding-top: 0 !important;
        margin-top: 35.4px !important
    }

    .border-cut {
        width: 2px;
        top: 10px;
        bottom: 5px;
        position: absolute;
        background-color: var(--color-3);
        overflow: hidden
    }

    .col-custom-3 {
        margin-top: -30px
    }

    #grid-videos {
        width: 902px;
        margin: auto;
        min-height: 510px
    }

    .pt-138 {
        padding-top: 77.2px
    }

    .pb-113 {
        padding-bottom: 66.3px
    }

    .pt-48 {
        padding-top: 48px
    }

    h2.subtitle, h2.tittle-custom-3 {
        line-height: 34px;
        padding-bottom: 0;
        font-size: 35px !important
    }

    .p-custom-2 {
        padding-bottom: 60px
    }

    .col-custom-4 {
        padding-left: 20px;
        padding-right: 20px
    }

    .col-custom-6 {
        padding-top: 89px !important;
        padding-bottom: 126px !important
    }

    h2.subtitle::after {
        margin: 22px auto 45px
    }

    .text-question {
        line-height: 25px !important;
        margin-top: 36px
    }

    .col-custom-5:last-child {
        display: flex
    }

    #secionFeatured {
        padding-top: 93px !important;
        padding-bottom: 82px
    }
}

@media (min-width:1200px) and (max-width:1439.98px) {
    #bookingWidget #sectionDateGuest {
        flex: 50%;
        padding-right: 8px !important;
    }

    #bookingWidget #sectionPromoCode {
        flex: 50%;
    }

    .border-before, .col-custom-1 {
        position: relative
    }

    .ps-xl-5 {
        padding-left: 2rem !important
    }

    .row-custom-2 {
        padding: 280px 75px 0;
        margin: 0 auto;
        width: 100%
    }

        .row-custom-2 > div {
            border-radius: 5px
        }

        .row-custom-2 .container {
            max-width: 95% !important
        }

    .top-tittle {
        font-size: 45px;
        margin-top: -400px;
    }

    .tag-left {
        margin-left: -12px
    }

    .section2-amount-cointaner {
        margin-left: -7px;
        max-width: 50%
    }

    .section2-amount-cointaner-2 {
        max-width: 48%
    }

    .section2-amount-cointaner-3 {
        max-width: 42%
    }

    .text-init {
        text-align: center
    }

    .tag {
        padding: 10px;
        font-size: 20px
    }

    .section1-img-container {
        width: 244px !important;
        height: 180.5px !important
    }

    .section1-img-container2 {
        /*width: 632px !important;*/
        height: 180px !important
    }

    .ms-md-4-custom {
        padding-left: 58px !important
    }

    .vs-image1, .hvs-image1 {
        width: 226px;
        height: 165.7px;
        margin-left: 7px;
        margin-right: 7.1px;
        margin-top: 7.6px
    }

    .vs-image2, .hvs-image2 {
        width: 617.3px;
        height: 165.7px;
        margin-left: 8.57px;
        margin-right: 7.9px;
        margin-top: 8.5px
    }

    .col-custom-1 {
        border: 0;
        padding-top: 0;
        margin-bottom: 0;
        padding-bottom: 20px;
        width: 262px
    }

    .border-before::before {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        right: -22px;
        border-right: 2px solid #dae5ef
    }

    .col-custom-3 {
        margin-top: -207px;
        padding: 0;
        width: 67.667%
    }

    .img-custom-1 {
        height: 55px;
        width: 55px;
        position: absolute;
        left: calc(100% - 8px);
        top: calc(50% + 28px)
    }

    .img-custom-2 {
        height: 225px;
        width: 225px;
        position: absolute;
        right: calc(0% - 123px);
        bottom: calc(50% - 110px)
    }

    .tittle-custom-1 {
        padding-top: 70px;
        padding-bottom: 45px;
        font-size: 30px
    }

    .card-section-2 {
        max-width: 264px;
        position: relative
    }

    .border-cut {
        width: 2px;
        top: 10px;
        bottom: 5px;
        position: absolute;
        background-color: var(--color-3);
        overflow: hidden
    }

    .volado {
        margin-top: -43px
    }

    .offset-xl-3 {
        margin-left: 390px
    }

    .tittle-big-section-2 {
        font-size: 45px
    }

    .tittle-normal-section-2 {
        font-size: 20px;
        font-family: var(--secundary-font);
        line-height: 22px;
        color: var(--tertiary-color);
        padding-top: 6px;
        padding-bottom: 6px
    }

    #secionFeatured, .container-section-3, .pb-113, .pb-section3, .section-5 {
        padding-bottom: 110px
    }

    .tittle-small-section-2 {
        font-size: 15px;
        display: block
    }

    .tittle-medium-section-1-2, .tittle-medium-section-2 {
        font-size: 30px;
        font-family: var(--tertiary-font)
    }

    .tittle-medium-section-2 {
        line-height: 20px;
        padding-top: 25px !important
    }

    .amount-container-section1 .row {
        justify-content: center
    }

    .container-custom-1 {
        width: 1200px
    }

    .container-section-3 {
        padding-top: 110px;
        margin-top: 110px
    }

    .text-question {
        font-size: 14px;
        line-height: 25px;
        margin-top: 37px
    }

    .pt-138 {
        padding-top: 123.2px
    }

    #grid-videos {
        width: 1030px;
        height: 633px;
        margin: auto
    }

    .height-100 {
        height: 100%
    }

    h2.subtitle::after {
        margin: 21px auto 45px
    }

    h2.subtitle, h2.tittle-custom-3 {
        padding-bottom: 0;
        font-size: 40px !important;
        line-height: 34px
    }

    .p-custom-2 {
        padding-bottom: 60px
    }

    .col-custom-4 {
        padding-left: 60px;
        padding-right: 60px
    }

    .pt-57 {
        padding-top: 37px
    }

    .pt-140, .section-5 {
        padding-top: 110px
    }

    .pb-136 {
        padding-bottom: 111px
    }

    .col-custom-5:last-child {
        display: flex
    }

    .col-xxl-3.order-lg-2, .col-xxl-6.order-lg-3, .col-xxl-6.order-xxl-1, .feature-events .col-xxl-3.order-xxl-0 {
        padding-left: 0
    }

    .col-xxl-3.order-lg-1, .col-xxl-3.order-lg-4, .col-xxl-6.order-lg-2, .feature-events .col-xxl-6.order-xxl-0 {
        padding-right: 0
    }

    #secionFeatured {
        padding-top: 110px !important
    }
}

@media (min-width:1400px) and (max-width:1439.98px) {
    .col-vsi-xxl-2 {
        width: 16.66666667% !important
    }

    .col-vsi-xxl-3 {
        width: 25% !important
    }

    .col-vsi-xxl-4 {
        width: 33.33333333% !important
    }

    .col-vsi-xxl-5 {
        width: 41.66666667% !important
    }

    .col-vsi-xxl-6 {
        width: 50% !important
    }

    .col-vsi-xxl-8 {
        width: 66.66666667% !important
    }

    .col-vsi-xxl-9 {
        width: 75% !important
    }

    #btnHotelDealsSpecialPackages .row .col-vsi-xxl-6, .col-vsi-xxl-12 {
        width: 100% !important
    }

    .d-xxl-vsi-none {
        display: none !important
    }

    .offset-vsi-xxl-0 {
        margin-left: 0
    }

    .text-vsi-xxl-left {
        text-align: left !important
    }

    .d-xxl-vsi-d-block {
        display: block !important
    }

    .pe-xxl-0 {
        padding-right: .25rem !important
    }

    .pe-vsi-xxl-0 {
        padding: 0 !important
    }
}

@media (min-width:1440px) {
    #carousel-section-1 .content-top-tittle {
        transform: translatey(-100%);
        top: 40%;
    }
    .text-init, .top-tittle {
        text-align: left
    }
    .top-tittle span{
        font-size: 40px;
        line-height: 45px;
    }
    .d-xxl-vsi-display {
        display: block !important
    }

    .d-xxl-vsi-d-none {
        display: none !important
    }

    .pe-xxl-0 {
        padding: 0
    }

    .pr-10 {
        margin-right: 10px
    }

    .pl-10 {
        padding-left: 10px
    }

    .offset-xl-3 {
        margin-left: 455px
    }

    .row-custom-2 {
        right: 0;
        left: 0;
        margin: 0 auto 0 !important;
        z-index: 9;
    }

    body:not(.widget-scrolled) .row-custom-2 {
        top: 395px;
        max-width: 1300px;
    }

    body.widget-scrolled .row-custom-2 {
        position: fixed !important;
    }
    body.widget-scrolled .row-custom-2 > .bg-white {
        background-color: #F0F6FC !important;
    }
    body.widget-scrolled .row-custom-2 > .bg-white .row.mb-3.pt-4.container-widget > div,
    body.widget-scrolled .row-custom-2 > .bg-white #partialHotelsDeals .container-widget > div:not(#sectionDestination):not(#sectionDateGuest):not(#return-link) {
        display: none !important;
    }
    body.widget-scrolled #return-link{
        display: block!important;
        text-align: right;
        padding: 0 12px;
        box-sizing: border-box;
    }
    body.widget-scrolled #return-link a{
        color: #304d6d;
        font-size: 12px;
    }
    body.widget-scrolled #return-link a:hover{
        color: #82A0BC;
    }

    .row-custom-2 form {
        max-width: 1260px;
        margin: 0 auto;
    }

        .row-custom-2 form #sectionDestination {
            width: 30%;
            padding-right: 8px;
        }

        .row-custom-2 form #ctrBrDate {
            width: calc(60% - 63px);
            padding-right: 8px !important;
        }

        .row-custom-2 form #ctrBrGuest {
            width: calc(40% - 63px);
            padding-right: 8px;
        }

        .row-custom-2 form #btnHotelDealsSpecialPackages {
            width: 126px;
        }

        .row-custom-2 > div {
            border-radius: 5px
        }

        .row-custom-2 .container {
            max-width: 95% !important
        }

    .section2-amount-cointaner {
        margin-left: -14px;
        max-width: 52%
    }

    .section2-amount-cointaner-2, .section2-amount-cointaner-3 {
        max-width: 52%
    }

    .content-top-tittle {
        position: absolute
    }

    .border-before, .col-custom-1 {
        position: relative
    }

    .top-tittle {
        margin-top: 0;
        font-size: 58px;
        word-spacing: -2px;
        letter-spacing: 0;
        line-height: 65px !important
    }

    .ps-xl-5 {
        padding-left: 4rem !important
    }

    .section1-img-container {
        width: 277px !important;
        height: 201px !important
    }

    .container-custom-1 {
        max-width: 1260px !important;
        margin: auto
    }

    .tag-left {
        margin-left: -10px
    }

    .section1-img-container2 {
        height: 201px;
        /*width: 685px*/
    }

    .amount-container-section1 .row {
        justify-content: center
    }

    .volado {
        margin-top: -46px
    }

    .col-custom-1 {
        padding-top: 0;
        margin-bottom: 0;
        width: 300px
    }

    .border-before::before {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        right: -28px;
        border-right: 2px solid #dae5ef
    }

    .ms-md-4-custom {
        padding-left: 70px !important
    }

    .col-custom-3 {
        margin-top: -158px;
        padding: 0
    }

    .img-custom-1 {
        height: 55px;
        width: 55px;
        position: absolute;
        left: calc(100% - 0px);
        top: calc(58% + 23px)
    }

    .img-custom-2 {
        height: 250px;
        width: 250px;
        position: absolute;
        right: calc(-6% - 90.5px);
        bottom: calc(50% - 127.5px)
    }

    .tittle-custom-1 {
        padding-top: 70px;
        padding-bottom: 45px;
        font-size: 30px
    }

    .tittle-big-section-2 {
        font-size: 45px
    }

    .tittle-medium-section-2 {
        padding-top: 16px !important
    }

    .card-section-2 {
        max-width: 275px;
        position: relative
    }

    .border-cut {
        width: 2px;
        top: 10px;
        bottom: 5px;
        position: absolute;
        background-color: var(--color-3);
        overflow: hidden
    }

    .col-limit {
        max-width: 1035px
    }

    .tittle-normal-section-2 {
        font-size: 20px
    }

    .tittle-small-section-2 {
        display: block;
        font-size: 15px
    }

    .link-question, .link-question:hover, .p-custom-2, .text-question {
        font-size: 16px
    }

    h2.subtitle::after {
        margin: 24px auto 53px
    }

    h2.subtitle, h2.tittle-custom-3 {
        padding-bottom: 0;
        font-size: 47px !important;
        line-height: 34px
    }

    .p-custom-2 {
        padding-top: 20px;
        padding-bottom: 80px
    }

    .col-custom-4 {
        padding-left: 50px;
        padding-right: 50px
    }

    .text-question {
        line-height: 25px;
        margin-top: 57px;
        font-family: var(--font-1) !important
    }

    .col-custom-6 {
        height: 900px;
        padding-top: 135px !important
    }

    .col-custom-5:last-child {
        display: flex
    }

    .carousel-control-prev {
        margin-left: calc((100% - 1322px)/ 2)
    }

    .carousel-control-next {
        margin-right: calc((100% - 1322px)/ 2)
    }

    .col-xxl-6.order-lg-2, .col-xxl-6.order-xxl-1, .feature-events .col-xxl-3.order-xxl-0 {
        padding-left: 0
    }

    .col-xxl-3.order-xxl-4, .col-xxl-6.order-lg-3, .feature-events .col-xxl-3.order-xxl-1 {
        padding-right: 0
    }

    #secionFeatured {
        padding-top: 135px !important;
        padding-bottom: 135px !important
    }
}

@media (min-width:768px) {
    .giftcard-50-banner {
        min-height: 80px;
        background-color: #003b62;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .giftcard-50-banner .row {
        height: 100%;
    }

    .giftcard-50-banner .giftcard-50-icon-content,
    .giftcard-50-banner .giftcard-50-text-content,
    .giftcard-50-banner .giftcard-50-button-content {
        align-self: center;
    }

    .giftcard-50-banner .giftcard-50-button-content {
        text-align: right;
    }

    .giftcard-50-banner .giftcard-50-text-content h3 {
        font-size: 50px;
    }

    .giftcard-50-banner .giftcard-50-text-content h4 {
        font-size: 23px;
    }

    .container-section-2-1 .img-custom-1 {
        top: calc(50% - 27.5px);
    }
}

@media (max-width:767px) {
    .giftcard-50-banner {
        min-height: 80px;
        background-size: cover;
        padding: 20px;
        background-image: url(/images/focas-mobile.jpg);
    }

    .giftcard-50-banner .row .row{
        width: 70%;
    }

    .giftcard-50-banner .text-center {
        text-align: left !important;
    }

    .giftcard-50-banner .col-12 .giftcard-50-icon-content {
        margin: 0 0 20px -10px;
    }

    .giftcard-50-banner .col-12 .giftcard-50-icon-content img {
        max-width: 100px;
    }

    .giftcard-50-banner .col-12 .giftcard-50-text-content h4 {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 10px;
    }

    .giftcard-50-banner .col-12 .giftcard-50-text-content h3 {
        font-size: 43px;
        line-height: 43px;
        margin-bottom: 15px;
    }

    .giftcard-50-banner .col-12 .giftcard-50-button-content a {
        color: #1c3f5f;
        font-size: 16px;
        text-transform: uppercase;
        padding: 10px 20px;
        background-color: #afc8e2;
    }

    .container-section-2-1 .tittle-custom-2.seccion-six-text{
        font-size: 30px;
    }
}

    .carousel-section-5 {
        margin: 0 auto;
        width: 1290px
    }

    .seccion-six-text {
        font-family: var(--monserrat-bold);
        margin-top: 0;
        margin-bottom: .5rem
    }

    .footer-title {
        height: 19.4px;
        margin-bottom: 17px;
        font-size: 16px;
        line-height: 19px;
        font-weight: 700
    }