﻿.banner2-card .banner2-content-wrap {
    background-image: unset;
}

.banner2-card.two .banner2-content-wrap {
    background-image: unset;
}

.banner2-card.three .banner2-content-wrap {
    background-image: unset;
}

.banner2-card.four .banner2-content-wrap {
    background-image: unset;
}

.banner3-section .banner3-content .vector1 {
    height: 270px;
}

.footer-section {
    background-color: #00a9e0;
}

header.style-1 .main-menu ul > li ul.sub-menu > li a:hover {
    color: #00a9e0;
}

header.style-1 .main-menu ul > li:hover > a {
    color: #00a9e0;
}

.home1-banner-bottom .filter-wrapper .filter-group form button {
    background-color: #00a9e0;
}

.home1-banner-bottom .filter-wrapper .filter-group form .filter-area .single-search-box .icon svg {
    fill: #00a9e0;
}

.verde {
    color:#00a9e0;
}

.primary-btn2 {
    background-color: #00a9e0;
}

.package-card .batch .date {
    background-color: #00a9e0;
    border-radius:4px;
}






/* telemovel */
@media only screen and (max-width: 576px) {

    .package-inner-title-section .selector-and-grid .selector .nice-select {
        width: 90px;
        height: 40px;
        border-radius: 30px;
        border: 1px solid #999999;
        color: #999999;
        font-family: var(--font-jost);
        font-size: 15px;
        font-weight: 400;
        text-transform: capitalize;
        padding-left: 25px;
        display: flex;
        align-items: center;
    }


    .package-details-area h6 {
        margin-top: 1px;
        font-weight: 500;
        /* background-image: url(../img/barra_fundo.jpg); */
    }

    .nice-select {
        width: 100%;
        background: transparent;
        border-radius: 5px;
        height: 40px;
        display: flex;
        align-items: center;
        line-height: 1;
        padding: 0px 2px;
        outline: none !important;
        box-shadow: none !important;
        border: 1px solid #F3F3F3;
    }

        .nice-select .current {
            font-family: Jost, sans-serif;
            font-size: 13px;
            font-weight: normal;
            color: black;
        }

    .table > :not(caption) > * > * {
        padding: .2rem .1rem;
        color: var(--bs-table-color-state,var(--bs-table-color-type,var(--bs-table-color)));
        background-color: var(--bs-table-bg);
        border-bottom-width: var(--bs-border-width);
        box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state,var(--bs-table-bg-type,var(--bs-table-accent-bg)));
    }


    .nice-select {
        min-width: 90px;
    }

    .package-details-area h3 {
        font-size: 16px;
        color: #00a9e0;
        margin-bottom: 30px;
        text-shadow: 0 0 black;
        /* text-decoration: underline; */
        text-align: center;
    }

    .room-suits-card .room-content .content-top h5 a:hover {
        color: #fb5d00
    }

    .modal-content {
        width: 100%;
    }

    .package-details-area h6 {
        margin-top: 1px;
        font-size: 15px;
        font-weight: 500;
        /* background-image: url(../img/barra_fundo.jpg); */
    }


    .form-control {
        display: block;
        width: 100%;
        padding: .375rem .75rem;
        font-size: 12px;
        font-weight: 400;
        line-height: 1.5;
        color: var(--bs-body-color);
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-color: var(--bs-body-bg);
        background-clip: padding-box;
        border: var(--bs-border-width) solid var(--bs-border-color);
        border-radius: var(--bs-border-radius);
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }


    .package-details-area h3 {
        font-size: 17px;
        color: #fb5d00;
        margin-bottom: 30px;
        text-shadow: 0 0 black;
        /* text-decoration: underline; */
        text-align: center;
    }


    .table > tbody {
        vertical-align: inherit;
        font-size: 10px;
    }

    .text-primary {
        color: #fb5d00 !important;
    }

    .checkout-page .inquiry-form .title h4 {
        font-size: 15px;
        font-weight: 500;
    }

    .package-details-area p {
        color: var(--text-color);
        font-family: var(--font-jost);
        font-size: 16px;
        font-weight: 400;
        line-height: 20px;
        letter-spacing: 0.54px;
        margin-bottom: 16px;
    }


    .info-container {
        background-color: #f8f9fa;
        border: 1px solid #dee2e6;
        border-radius: 5px;
        padding: 8px;
        margin-top: 0px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    }

    .contact-form-area {
        padding: 20px 20px;
    }


    .texto-azul {
        color: #00a9e0;
        font-weight: 500;
        font-size: 16px;
    }

    .package-details-area h3 {
        font-size: 17px;
        color: #000;
        margin-bottom: 30px;
        text-shadow: 0 0 black;
        /* text-decoration: underline; */
        text-align: center;
        font-weight: 400;
    }


    .faq-content .accordion .accordion-item .accordion-header .accordion-button {
        border: none;
        border-radius: unset;
        box-shadow: none;
        color: var(--title-color);
        font-family: var(--font-rubik);
        background-color: transparent;
        font-size: 15px;
        font-weight: 400;
        line-height: 1.4;
        text-transform: none;
        padding: 0;
        padding-bottom: 0px;
        padding-top: 15px;
        border-bottom: 1px solid var(--title-color);
    }

    .col-1 form-group h7 {
        font-size: 8px;
    }

    /* 2 parte */

    .package-details-area h2 {
        font-size: 17px;
        margin-top: 0px;
        margin-bottom: 0px !important;
    }

    .gallery-img-wrap img {
        min-height: 100px
    }

    .banner3-section .banner3-content p {
        color: #fff;
    }

    .banner3-section .banner3-content {
        background-image: url(../img/fundo_news.png), linear-gradient(180deg, #f9f4f0 0%, #f9f4f0 100%);
        color: #fff;
    }



    .package-details-area h6 {
        margin-top: 14px;
        font-size: 15px;
        font-weight: 400;
        color: #fff;
        background-color: #e6f7ff;
        line-height: 30px;
        padding: 8px;
        border-radius: 6px;
        /* background-image: url(../img/barra_fundo.jpg); */
        background-color: #b3b3b3;
    }

    .form-group h6 {
        font-size: 12px;
        font-weight: 600;
        color: #fff;
        background-color: unset;
        line-height: 25px;
        padding: 6px;
        background-color: #b3b3b3;
        border-radius: 6px;
    }

    .booking-form-item-type h6 {
        margin-top: 20px;
        font-size: 12px;
        font-weight: 500;
        color: #fff;
        line-height: 25px;
        padding: 8px;
        background-color: #b3b3b3;
        width: fit-content;
    }

    .addithonal-information h6 {
        font-weight: 600;
        color: #000;
        background-color: unset;
        line-height: 12px;
        padding: 0px;
        font-size: 12px;
    }

    .package-details-area .tour-info-metalist {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        margin-bottom: 10px;
    }

    .product-reference {
        position: absolute;
        margin-top: -80px;
        margin-bottom: 30px;
        /*margin-left: 270px;*/
        right:15px;
    }

    .swiperl .swiper-slide h5 {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: white;
        font-size: 18px;
        font-weight: bold;
        text-align: center;
        text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.8);
        z-index: 4;
        padding: 10px;
        border-radius: 9px;
        max-width: 850px;
    }

    .faq-content .accordion .accordion-item .accordion-body {
        font-size: 14px;
        padding: 0px 10px;
    }

    .faq-content-title h6 {
        background-color: #000;
        font-size: 13px;
    }


    .quantity-counter.rooms {
        position: absolute;
        margin-top: -45px;
        margin-left: 170px;
    }

    .swiperl .swiper-slide img {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
        position: relative;
        z-index: 3;
        opacity: 1 !important;
        border-radius: 7px;
    }

    .flight-option img {
        width: 50%;
    }

    .room-suits-card .room-content {
        padding: 20px 15px;
        font-size: 12px;
    }

        .room-suits-card .room-content .content-bottom .room-type h6 {
            font-size: 13px;
            font-weight: 400;
            color: var(--title-color);
            font-family: var(--font-rubik);
            margin-bottom: 0;
            background-color: #e6e6e6;
            line-height: 18px;
            margin-bottom: 4px;
        }

        .room-suits-card .room-content .content-bottom {
            transition: transform 0.2s ease, box-shadow 0.2s ease;
            padding: 10px;
            background-color: #e6e6e6;
            margin-bottom: 15px;
            border-radius: 5px;
        }

    .table > :not(caption) > * > * {
        padding: .2rem .1rem;
        color: var(--bs-table-color-state,var(--bs-table-color-type,var(--bs-table-color)));
        background-color: var(--bs-table-bg);
        border-bottom-width: var(--bs-border-width);
        box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state,var(--bs-table-bg-type,var(--bs-table-accent-bg)));
        font-size: 13px;
    }

    .package-details-area .tour-price {
        align-items: anchor-center;
        padding-top: 5px;
    }


    .nice-select .list .option {
        color: var(--text-color);
        font-family: var(--font-jost);
        font-size: 11px;
        font-weight: 500;
        padding-left: 5px;
        padding-right: 25px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }
    h5 {
        font-size:13px;
    }
    h5 small.fs-6 {
        font-size:12px!important;
    }
    .room-suits-card .room-content .content-top .reviews {
        min-width: 85px;
    }
    /*Solférias*/
    .ages {
        height: 40px;
    }
}
