* {
    padding: 0;
    margin: 0;
    font-family: "Inter Tight", sans-serif;
    box-sizing: border-box;
    text-decoration: none;
    font-weight: 600;
}
:root {
    --white: #ffffff;
    --black: #000000;
    --gray: #333333;
    --orange: #CD6643;
    --blue: #293561;
}
html {
    scroll-behavior: smooth;
    max-width: 100vw;
}
body {
    max-width: 100vw;
}
main {
    width: 100%;
    max-width: 100vw;
    overflow-x: hidden;
}
h1 {
    font-size: 45px;
    font-weight: 700;
    z-index: 10;
}
h2 {
    font-size: 30px;
}
.container {
    max-width: 1250px;
    margin: 0 auto;
    width: 90%;
}
section {
    margin: 110px 0px;
}
p,li,h3,h4,h5 {
    font-weight: 500;
}
.section_header {
    padding: 0px 0px 0px 15px;
    border-left: 4px solid var(--orange);
}
.section_header p {
    margin: 10px 0px 0px 5px;
    opacity: .8;
}
.tourDetails_p {
    margin: 20px 0px 0px 0px;
    /* max-height: 0px;
    overflow: hidden;
    max-width: 700px;
    transition: 300ms; */
}
.tourDetails_p h3 {
    font-weight: 700;
}
.tourDetails_p strong {
    display: inline-block;
}
.hide_p {
    display: none;
    font-weight: 500;
}
.hide_p_active {
    display: inline-block;
}
.tourDetails_p p{
    padding: 10px 0px;
}
.tourDetails_p p {
    font-size: 17px;
}
.tourDetailsText {
    position: absolute;
    text-transform: uppercase;
    text-align: center;
    top: 50%;left: 50%;
    transform: translate(-50%,-50%);
    color: var(--white);
    letter-spacing: 10px;
    font-size: 50px;
}
.tourDetailsBanner_img {
    background: yellow;
    display: flex;align-items: center;justify-content: center;
    width: 100%;
    max-width: 800px;
    position: relative;
}
.tourDetailsBanner_img img{
    width: 100%;
    border-radius: 10px;
}
.tourDetails_day_content img {
    border-radius: 10px;
}
.tourDetails_section_header {
    margin: 30px 0px 0px 0px;
}
.tourDetails_section_header h3 {
    color: var(--orange);
}
.tourDetails_section_header p {
    margin: 10px 0px 0px 0px;
    opacity: .8;
    max-width: 650px;
}
.tourDetails_days_container {
    margin: 60px 0px 0px 0px;
    padding: 5px 0px 5px 35px;
    border-left: 5px solid var(--orange);
    position: relative;
}
.tourDetails_days_container::after,.tourDetails_days_container::before {
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    background: var(--orange);
    border-radius: 50%;
}
.tourDetails_days_container::after {
    top: -12px;left: -12px;
}
.tourDetails_days_container::before{
    bottom: -12px;left: -12px;
}
.tourDetails_day {
    margin: 40px 0px;
}
.tourDetails_day_content {
    margin: 20px 0px 0px 0px;
    display: flex;
}
.tourDetails_day_text {
    margin: 0px 0px 0px 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.tourDetails_day_text h3 {
    font-size: 25px;
}
.tourDetails_day_text p {
    margin: 10px 0px 0px 0px;
    max-width: 500px;
}
.tour_info {
    margin: 60px 0px 0px 0px;
}
.tour_info p {
    font-size: 18px;
}
.age {
    font-size: 20px;
}
.age span {
    color: var(--black);
    font-weight: 700;
}
.highlights {
    padding: 30px 0px 30px 0px;
    border-top: 1px solid rgba(0,0,0,.3);
}
.highlights h3 {
    font-size: 25px;
    color: var(--orange);
}
.highlights li {
    margin: 7px 0px 0px 15px;
}
.contact_boxes {
    margin: 60px 0px 0px 0px;
    width: 100%;
    display: flex;
}
.contact_form {
    width: 40%;
}
.contact_form form {
    width: 100%;
    display: flex;flex-direction: column;
}
.contact_map {
    width: 60%;
    min-height: 100%;
    background: #dedede;
    margin: 0px 0px 0px 50px;
    border-radius: 10px;
    overflow: hidden;
}
.contact_map iframe{
    width: 100%;
    height: 100%;
}
input,textarea{
    border: none;
    outline: none;
}
form input {
    border-bottom: 2px solid var(--gray);
    padding: 20px 10px;
    margin: 10px 0px;
    transition: 200ms;
    font-size: 18px;
}
form textarea {
    border-bottom: 2px solid var(--gray);
    padding: 20px 10px;
    margin: 10px 0px;
    transition: 200ms;
    font-size: 18px;
}
form input::placeholder,form textarea::placeholder {
    color: var(--gray);
    font-size: 17px;
    transition: 200ms;
}
form input:focus,form textarea:focus {
    border-bottom: 2px solid var(--orange);
}
.contact_btn {
    width: 130px;
    margin: 20px 0px 0px 0px;
    padding: 15px 25px;
    font-size: 17px;
    cursor: pointer;
    color: var(--white);
    border-radius: 5px;
    background: var(--orange);
    transition: 300ms;
    font-weight: 500;
    outline: none;
    border: none;
}
.contact_btn:hover {
    border-radius: 0px;
}
.contact_info_boxes {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 60px 0px 0px 0px;
}
.contact_info_box {
    width: calc(100%/4);
    padding: 10px;
}
.contact_info_box_content {
    width: 100%;
}
.contact_info_box_text h4,.contact_info_box_text a{
    margin: 10px 0px;
    display: block;
    font-size: 18px;
    color: var(--black);
    opacity: .8;
}
.contact_info_box_content h3 {
    font-size: 23px;
    margin: 0px 0px 15px 0px;
}
.contact_info_box_content h3 i{
    color: var(--orange);
}
.mySwiper {
    max-width: 300px;
    margin: 0 !important;
    padding: 0 !important;
}
.swiper-wrapper {
    width: 100%;
}
.swiper-slide {
    width: 100% !important;
    max-height: 200px;
    overflow: hidden;
}
.swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.swiper-button-next::after,.swiper-button-prev::after {
    font-size: 12px !important;
    color: var(--white) !important;
}
.swiper-button-next,.swiper-button-prev {
    background: var(--orange);
    width: 25px !important;
    height: 25px !important;
    border-radius: 50%;
}
.tour-detail_p {
    margin: 30px 0px 0px 0px;
    max-width: 100%;
    max-width: 700px;
}
.tour-details_gallery_boxes {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 30px 0px 0px 0px;
}
.tour-details_gallery_box {
    width: calc(100%/3);
    padding: 10px;
    overflow: hidden;
}
.tour-details_gallery_box_content {
    height: 270px;
}
.tour-details_gallery_box_content img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    object-fit: cover;
}
@media(max-width:600px) {
    .tourDetails_day_content {
        flex-direction: column;
    }
    .tourDetails_day_text {
        margin: 20px 0px 0px 0px;
    }
    .tourDetails_days_container {
        padding: 1px 0px 1px 15px;
    }
    .tourDetailsText {
        font-size: 30px;
    }

}