@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');

body{
    font-family: "Noto Sans", sans-serif!important;
}

h1{
    font-size:2.5rem!important;
    text-align:center;
    font-weight: 600;
    color:#40562d;
}

h3{
    text-align:center;
}

h5{
    font-weight:600;
}

/* Larger paragraph text for tour detail description */
.text-darker{
	font-size:17px;
}

#itinerary-target{
    row-gap:unset!important;
}

.tour-highlights-container .text-icon-lg{
    color:white!important;
}

.text-icon-lg{
    font-weight: 600!important;
}

.mc-row-second{
    display:none;
}

.tour-highlights-container{
    background:#677971fa!important;
    color:white!important;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    padding: 25px;
    max-width: 100%;
    width: 100%;
}

.tour-included-main-container{
    justify-content: center;
    align-items: center;
    min-height: 500px;
    row-gap: 25px;
    /*background: radial-gradient(#b99144, #40562d);*/
    color: black;
    padding:25px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.tour-included-container{
    align-items: center;
    justify-content: center;
    max-width: 850px;
    flex-wrap: wrap;
    gap: 15px;
    flex-direction:row;
}

.tour-included-container img{
    width:100%;
}

.text-icon-element{
    font-weight: 500;
    min-width: 400px;
    max-width:400px;
    justify-content: center;
    align-items: center;
    border: 3px dashed white;
    padding: 20px;
    font-size: 16px;
    min-height: 100px;
    transition:0.4s cubic-bezier(1, -0.38, 1, 1);

}

.text-icon-first{
    width: 25%;
    min-width: 25%;
    align-items: center;
    display: flex;
    justify-content: center;
    font-size: 30px;
}

.text-icon-second{
    min-width:75%;
}

.text-icon-second p{
    padding:0;
    margin:0;
    font-size:18px;
}

.price-section-container{
    margin-top: 75px;
    /* box-shadow: 0 0 3px -1px gray; */
}

.price-section{
    border-radius: 20px;
    top:50%!important;
    width: 350px;
    color: black;
    display: flex;
    justify-content: center;
    align-items: center;
    position: sticky;
    background: #40562d0d;
}

.border-dash-left{
    border-left: 2px dashed #40562d;
    margin-left: 5px;
    position: relative;
    left: 20px;
    top: 0;
}

.filter-sections-row{
    width:100%;
    justify-content:start;
}

.filter-sections-action-container{
    width:35%;
    justify-content:center;
    background:#8080800a;
}

.filter-sections-action-container button{
    font-size: 14px;
    display: flex;
    flex-direction: column;
    outline: 0;
    border: 0;
    align-items: center;
    justify-content: center;
    color: white;
    background: #ecba5a;
    width: 75px;
    transition: 1s ease;
    height:25%;
}

.filter-sections-action-container button:hover{
    width:100%;
    font-size:1.2em;
    transition: 0.8s ease;
}

/*.filter-sections-action-container button:hover span {*/
/*    font-size: 1.75em;*/
/*    transition: font-size 0.2s ease;*/
/*}*/

.filter-sections-action-container button:first-child{
    border-top-left-radius: 10px;
}

.filter-sections-action-container button:last-child{
    border-bottom-left-radius: 10px;
}

.price-section-main{
    width: 65%;
    justify-content: end;
    align-items: center;
    padding:25px;
}

/* .hide-on-small-dvc{
    cursor: zoom-in;
}

.hide-on-small-dvc:hover{
    transform: scale(5);
} */

.day-parag{
    border: 1px solid #40562d;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 25px;
    width: 50px;
    height: 50px;
}

.itinerary-img{
    max-width:100%;
    width: 100%;
}

.mc-row{
    gap: 25px;
    font-size: 12px;
    font-weight: 600;
    margin-left:10px;
}

.removeOnExpand{
    padding:0!important;
    font-weight: 600;
    font-size: 12px;
    text-shadow: 0 0 black;
    margin: 25px;
}

.itinerary-information-container {
    max-width: 900px!important;
    width: 97%!important;
}

.swiper-slide img{
    width: 100%;
    max-height: 650px;
    height: 100%;
    object-fit:unset;
}

.mySwiper .swiper-pagination-bullet{
    color: white !important;
    width: 28px !important;
    height: 28px !important;
    padding: 4px!important;
    padding-right: 5px!important;
}

.mySwiper .swiper-pagination-bullet-active {
    opacity: 1;
    background: #ffa800;
}
.request-itinerary-section{
    padding:10px 100px;
    display:flex;
    justify-content: center;
}

.request-itinerary-section p{
    text-align: start;
    min-width: 100%;
    color: #40562d;
    font-weight: 500;
    padding-top: 15px;
}

.ris-header{
    color: #40562d;
    font-size: 28px;
    font-weight: 700;
}

.contact-pref-header{
    font-size: 24px;
    font-weight: 700;
    color: #40562d;
}

.email-itinerary-btn{
    width: 250px;
    height: 60px;
    outline: 0;
    border: 0;
    font-size: 18px;
    font-weight: 600;
    background: #40562d;
    color: white;
    text-shadow: 0 0 black;
    border-radius: 7px;
}

.mobile-price-section-container{
    display:none;
}

.mobile-price-section{
    width: 100%;
    justify-content: space-evenly;
    padding: 25px;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}

.itinerary-tour-img{
    width:100%;
}

.itinerary-tour-parag{
    font-size: 14px;
    letter-spacing: 0.5px;
    line-height: 2em;
    width: 80%;
    text-align: end;
    font-weight: 400;
}

.no-bg-active{
    z-index: 0;
    opacity: 0.1;
    position: relative;
}

.booking-section-main-container{
    padding:25px;
    background:#40562d;
}

.booking-highlights-main-wrapper{
    align-items: center;
    display: flex;
    justify-content: center;
}

.booking-highlights-wrapper{
    display:grid;
    grid-template-columns: 1fr;
    margin: 25px 0;
}

.booking-section-wrapper{
    width: 50%;
    background: white;
    color: #40562d;
    padding: 25px;
}

.booking-section-input-wrapper{
    gap:25px;
}

.booking-contact-btn{
    width: 250px;
    height: 60px;
    outline: 0;
    border: 0;
    font-size: 18px;
    font-weight: 600;
    background: #40562d;
    color: white;
    text-shadow: 0 0 black;
    border-radius: 7px;
}

.highlight-text{
    font-weight:500;
}

.additional-text-target{
    font-size:12px!important;
    margin:10px!important;
    min-height: 90px;
    display:flex;
    justify-content:center;
    align-items:center;
}

.tour-details-main-container{
    justify-content: center;
    width: 100%;
    margin-top: 25px;
}

.tour-details-container{
    max-width: 1200px;
    width: 100%;
}

.mySwiper{
    max-width: 100%;
}

.itinerary-control-container, .itinerary-detail-container{
    justify-content: space-between;
}

.j-expand-btn{
    width: 50px;
    height: 30px;
    border: unset;
    background: unset;
}

.j-expand-btn .expanded-btn{
    background: #ecba5a;
    border-radius: 20px;
    padding: 10px;
    color:white;
}

#price-days-target{
    font-weight: 700;
    font-size:14px;
}

.td-c-btn{
    font-size: 16px;
    line-height: 2.5em;
    border: unset;
    border-radius: 15px;
    font-weight: 600;
    max-width: 175px;
    width: 100%;
    color: black;
}

.orange{
    background: #ecba5a;
}

.green{
    background: #40562d;
    color: white;
}


@media (max-width: 768px){

    h1{
        font-size:1.5rem!important;
    }

    .tour-highlights-container{
        max-width: 100%!important;
    }

    .tour-highlights-container .text-icon-lg{
        font-size:14px!important;
    }

    .tour-included-main-container{
        /* background:#6a7c74!important; */
    }

    #tourDescriptionHeader{
        font-size:22px!important;
    }

    .tour-included-container{
        /* background: #6a7c74!important; */
        color:white!important;

    }

    .tour-included-container .fl-column{
        align-items:center;
        width:100%;
    }

    .tour-included-container .text-icon-lg{
        width: 75%;
        text-align: center;
        justify-content: center;
    }

    .border-dash-left{
        width:93%!important;
    }

    .request-itinerary-section{
        padding:50px!important;
    }
}

.mc-row-second{
    align-items: center;
    justify-content: end;
    height: 100px;
}

@media (max-width:500px){
    .request-itinerary-section{
        padding:25px!important;
    }

    .hide-on-small-dvc{
        display:none;
    }

    .ttc{
        width: 100%!important;
    }
}

@media (max-width: 1200px){
    .mobile-price-section-container{
        display:flex;
        flex-direction:column;
    }
    .td-c-btn.green{
        max-width:75%;
        width:100%;
    }

    .hide-on-xl{
        display:none;
    }

    .price-section{
        display:none;
    }

    .f-w-xl{
        max-width: 100%!important;
    }

    .itinerary-img{
        max-width: 100%!important;
    }
}

@media (min-width: 1200px){

    .booking-highlights-wrapper {
        grid-template-columns: 1fr 1fr !important;
    }


}