/* Header css */
.foote {
    display: none;
}

.mob_image {
    display: none;
}

.trek_list {
    overflow-y: scroll;
    height: 380px;
    width: 100%;
    overflow-x: hidden;
}

.dropdown li ul li ul {
    width: 100%;
}

.trek_list li a {
    display: -webkit-box; /* For webkit-based browsers */
    display: -moz-box; /* For other browsers */
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2; /* Limit the text to two lines */
    max-width: 100%;
    text-overflow: ellipsis; /* Display ellipsis (...) for overflow text */
    white-space: normal; /* Allow text to wrap */
}
/* Style the thumb (the scrolling bar) */
.trek_list::-webkit-scrollbar {
    width: 8px;
}

/* Style the thumb (the scrolling bar) color */
.trek_list::-webkit-scrollbar-thumb {
    background-color: black;
    margin: 10px 10px;
    border-right: 20px solid transparent;
}

/* Style the thumb (the scrolling bar) on hover */
.trek_list::-webkit-scrollbar-track {
    background-color: darkgray;
}

/* Style the black line */
.trel_list::-webkit-scrollbar-track {
    background: linear-gradient(transparent, transparent 49%, black 49%, black 51%, transparent 51%, transparent);
}

.mob-menu {
    display: none;
}

.badgefront {
    background-color: #f7efef;
    padding: 25px 0px;
    border-bottom: 1px solid #ee3038;
}

.badge {
    background-color: #ee3038;
    color: white;
    /* border-radius: 6px; */
    font-weight: bold;
    text-align: center;
    /* animation: pulse 1s infinite; */
    padding: 11px 17px;
    font-size: 15px;
    color: white;
    margin-left: 10px;
}


.badge_desc {
    /* background-color: #fcbeb1; */
    margin-top: -28px;
    margin-left: 182px;
    background-color: #f7efef;
    color: black;
    /* text-align: center; */
    padding: 4px 0px;
    cursor: pointer;
}

@keyframes pulse {
    0%, 100% {
        transform: scale(1);
        opacity: 1;
    }

    50% {
        transform: scale(1.1);
        opacity: 0.8;
    }
}

.scroll-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: white;
    color: black;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
    border-radius: 23%;
    border: 1px solid #ee3038;
}

    .scroll-to-top i {
        font-size: 20px;
        font-size: 20px;
        color: #ee3038;
        margin: 8px
    }

.progress-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 7px;
    background-color: #ccc;
    z-index: 9999;
}

.progress-bar {
    height: 100%;
    width: 0;
    background-color: #00f;
    /* Initial color, you can change it */
}

.bannerimg {
    position: relative;
    /* height: auto;
   width: 100%; */
}

.navbar {
    background-color: #ebeff2;
    text-transform: uppercase;
    font-size: 14px;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    align-items: center;
    z-index: 99;
    padding: 0px;
    height: 60px;
    /* border-bottom: 1px solid #ee3038; */
}

.navbar-nav {
    list-style: none;
    /* Remove bullets from the ul */
    padding: 0;
    margin-left: -119px;
}

.nav-item {
    display: inline-block;
    margin-right: 10px;
    /* Adjust the spacing as needed */
    margin: 15px 7px;
}

.navbar-expand-sm .navbar-nav .nav-link {
    padding: 3px 44px;
}

.nav-link {
    color: black;
    border: 1px solid black;
    border-radius: 10px;
    padding: 3px 42px;
    background: white;
}

    .nav-link:hover {
        background-color: #ee3038;
        color: white;
        border: 1px solid white;
    }

.fa-bars {
    font-size: 15px;
    font-weight: 500;
}

.sidenav .fa-times {
    font-size: 17px;
}

.user-icon-container .fa-user {
    margin: 0px 19px;
    font-size: 20px;
}

.sidenav span.split {
    float: top;
    background-color: white;
    color: #ef3038;
    padding: 8px 12px;
    border-radius: 19%;
    cursor: pointer;
    margin-left: 10px;
    border: 1px solid black;
}

.side-nav {
    /* Initial width set to 0 to hide it */
    height: auto;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 60;
    right: 0;
    background-color: white;
    overflow-x: hidden;
    transition: 0.3s ease;
    padding-top: 60px;
    padding-top: 0px;
    margin-top: 19px;
}

    .side-nav a {
        padding: 5px 8px 6px 28px;
        text-decoration: none;
        font-size: 13px;
        color: #818181;
        display: block;
        transition: 0.3s;
    }

        .side-nav a:hover {
            color: black;
        }

/* Style for the close button */
.closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 30px;
    margin-left: 50px;
}

.logo {
    width: 40%;
    height: auto;
    /* filter: brightness(13.5) */
}



body {
    /* overflow-x: hidden; */
    width: 100%;
    font-family: roboto,sans-serif;
}


.dropdown {
    display: none;
    position: absolute;
    width: 226px;
    background-color: white;
    border-radius: 10px;
    padding: 5px;
}

ul.dropdown li {
    list-style: none;
}

    ul.dropdown li a {
        border-bottom: 1px solid #ee3038;
    }

.nav-item:hover .dropdown {
    display: block;
}

.dropdown a {
    display: block;
    text-align: left;
    color: black;
    text-decoration: none;
    padding: 5px 1px;
    font-size: 13px;
}

.dropdown ul {
    list-style: none;
    /* Remove bullets from the nested ul */
    position: absolute;
    top: 0;
    left: 100%;
    display: none;
    background-color: white;
    padding: 0px 15px;
    border-left: 1px solid red;
    width: 100%;
}

ul ul li a {
    white-space: nowrap;
}

.dropdown li:hover ul {
    display: block;
}

.arrow_img {
    transform: rotate(-94deg);
    width: 10px;
    height: 10px;
    float: right;
}

/* Existing CSS */
.dropdown li {
    position: relative;
}

    .dropdown li a:hover {
        background-color: #ee3038;
        color: white;
    }

#navigation {
    display: flex;
}

    #navigation li {
        display: inline;
    }

/* Add this CSS rule to display the sub-menu on hover */
.dropdown li:hover ul {
    display: block;
}

/* Additional CSS to make the sub-menu items appear below the parent item */
.dropdown ul li {
    position: relative;
}

    .dropdown ul li ul {
        top: 0;
        left: 100%;
    }

        /* Additional CSS to make the sub-menu items appear to the right of the parent item */
        .dropdown ul li ul li {
            top: 0;
            left: 100%;
            background-color: white;
            text-align: left;
        }

a {
    text-decoration: none;
}

@media screen and (max-width: 574px) {
    .AllTrek-Con .col-md-3 {
        width: 100% !important;
    }

    .all_trek-card {
        width: 100% !important;
        margin-bottom: -10px !important;
    }

    .slider-greview .card {
        height: 14rem !important;
        width: 20rem !important;
    }

    .card-body-addons {
        margin: 6px 8px !important;
    }

    .new {
        display: flex !important;
    }

    .mob-menu {
        display: block;
        margin-left: -10rem !important;
        margin-top: -10% !important;
        border: 1px solid black;
        border-radius: 10px;
        padding: 3px 4px;
    }

        .mob-menu a {
            color: #000;
            font-weight: 500 !important;
            font-size: 14px !important;
        }

   .user-icon-container .fa-user {
        margin: 0px -69px;
        font-size: 23px;
    }

    .logo {
        width: 60% !important;
        margin-left: -13px;
    }

    .navbar {
        /* right: 73rem; */
        position: fixed;
        width: 100%;
    }

    .sidenav {
        margin-left: -52px !important;
        position: relative;
        left: -5px;
    }

    .side-nav {
        margin: 19px 0px !important;
    }

    .announce-indicator {
        margin-top: 31px;
    }

    .announcements {
        padding: 0px 28px !important;
    }

        .announcements p {
            color: white;
            font-size: 14px;
        }


    .desk_image {
        display: none;
    }

    .mob_image {
        display: flex;
    }

        .mob_image img {
            width: 100%;
        }

    #quickheader {
        padding: 0px 0px;
    }
}

@media screen and (min-width: 576px) and (max-width: 766px) {
    .new {
        display: flex;
    }

    .mob-menu {
        display: block;
        margin-left: -13rem !important;
        margin-top: -10% !important;
    }

        .mob-menu a {
            color: #000;
            font-weight: 500 !important;
            font-size: 19px !important;
        }

    .logo {
        width: 40%;
    }

    .navbar {
        /* right: 73rem; */
        position: fixed;
        width: 100%;
    }

    .sidenav {
        margin: 0px 0px !important;
    }

    .badge_desc {
        font-size: 10px;
        margin: 0px 0px;
    }

    body {
        width: 100%;
    }

    .progress-container {
        width: 100%;
    }

    #desktop-menu {
        display: none;
    }

    .search-container {
        display: none !important;
    }

        .search-container button {
            display: none;
        }

        .search-container input[type="text"] {
            display: none;
        }

    .mobbannerimg {
        height: 80%;
        width: 100%;
        object-fit: cover;
    }

    .four {
        /* height: 71vh !important; */
        margin-top: 16px !important;
    }

    .sec4_img {
        width: 100%;
    }

    .sec-title,
    .sec-title2,
    .sec-title5,
    .sec-title5,
    .sec-title6,
    .sec-title7,
    .sec-title8,
    .sec-title9 {
        font-size: 16px !important;
    }

    .sec-titlep, .sec-titlep2, .sec-titlep3 {
        margin-top: -20px;
        font-size: 12px !important;
    }

    .front-card {
        margin-left: 10px !important;
        width: 19rem !important;
        height: 19rem !important;
    }

    .sec2_img {
        width: 100%;
    }

    .sec3_img {
        width: 100%;
        height: auto;
    }

    .information_vid {
        width: 50% !important;
        margin: 10px 7px !important;
    }

    .modal-content {
        width: 60% !important;
        left: 16%;
    }

    .sec9_img {
        width: 50% !important;
        margin: 10px 7px !important;
    }

    .brochure_img {
        margin: -159px 320px !important;
        width: 40%;
    }

    .btn-brochure {
        margin: 14px 13px !important;
    }

    .social_icon img {
        width: 6% !important;
        height: 7% !important;
    }

    /*.................................*/
    .desc3 {
        font-size: 20px !important;
    }

    .desc3p {
        font-size: 13px !important;
    }

    .read-more-btn {
        padding: 0px 7px !important;
        margin: 4px 23px !important;
    }

    .carousel-indicators [data-bs-target] {
        background-color: #ee3038;
        height: 12px;
        width: 13px;
        border-radius: 50%;
        margin-bottom: -11px;
    }

    .must-card {
        width: 19rem !important;
        margin-left: 4px !important;
        height: 28rem !important
    }

    .sec6-btn {
        /* margin: -14px 119px !important; */
    }

    .sec7_img {
        margin-top: 10px;
    }

    .sec8_img {
        margin-top: -9px !important;
    }



    .contact {
        margin: 0px 0px !important;
    }

    .cont_title {
        margin: 6px 85px !important;
        font-size: 23px !important;
    }

    .form-inline, .stay_form {
        width: 46% !important;
        padding: 6px 7px !important;
        margin: 4px 8px !important;
        display: inline !important;
    }



    .f_link {
        text-align: left !important;
        margin-top: 0px !important;
    }

    .social_title {
        margin: 0px 26px;
    }

    .last {
        margin: 0% 0% !important;
        display: flex;
    }
}

@media screen and (max-width: 600px) {
    body {
        width: 100% !important;
    }

    #TrekPage_prev-icon, #TrekPage_next-icon {
        width: 16px !important;
        height: 16px !important;
        font-size: 18px !important;
        line-height: 16px !important;
    }

    .custom-3d-box {
        margin: 0px 0px !important;
        padding: 0px !important;
        box-shadow: none;
    }

    .priceline {
        width: 182px !important;
        margin: 0px 69px !important;
    }

    .price_desc {
        line-height: 100% !important;
    }

    .card-body-trek {
        margin: 6px 0px !important;
    }

        .card-body-trek a {
            margin-left: 11px !important;
        }

    .overview, .participate, .itinerary, .bmi, .reach, .cost_terms, .trek_ess, .gallery, .trek_reviews, .faq, .similar_treks {
        margin: 14px 8px !important;
    }

    .icon_sec {
        display: none;
    }

    .trekPage_caption h1 {
        font-size: 38px !important;
        margin: 49px -62px !important;
    }

    .mobile-icons {
        margin: -42px -44px;
        background: rgba(0, 0, 0, 0.5);
    }

    .trekPage_caption p {
        margin: 0px 0px !important;
        display: inline-flex;
        font-weight: 700;
    }

    .vl {
        color: white !important;
        height: 10px;
        width: 3px;
    }

    .btn-detailed, .btn-quick {
        padding: 2px 3px !important;
    }

    .tablinks {
        margin-left: 3px !important;
        padding: 2px 7px !important;
        margin-top: 5px;
    }


    .inclu-btn, .exclu-btn, .tour-btn, .cance-btn {
        margin: 4px 0px !important;
    }

    #essential-view, #essential-download {
        background-color: unset !important;
    }

        #essential-view img, #essential-download img {
            width: 100% !important;
            border-radius: 20px !important;
        }

    .popup-content {
        margin: 107px auto !important;
    }

    .trekreview_img {
        width: 80% !important;
    }

    .slider-btn {
        width: 27px !important;
        height: 27px !important;
        line-height: 100% !important;
    }

    .slider-btn-left-trekreview {
        left: -10px !important;
    }

    .faqg-btn, .faqt-btn {
        padding: 5px 11px !important;
    }

    .simlilar_trek-card {
        width: 19rem !important;
        /* height: 20rem!important; */
    }

    .trek_name {
        font-size: 20px !important;
    }

    .scroll-to-top {
        bottom: 56px;
        right: 3px;
    }

    .last {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-content: space-between;
    }

    .foote {
        display: block;
        padding: 10px 0px;
    }

    .last a {
        width: 46%; /* Display two links in a row with a small gap in between */
        margin-bottom: -46px; /* Reduce spacing between rows */
    }

    .right {
        margin: 10% 7% !important;
        margin-bottom: 62px !important;
    }

    .bmi_calculator_wrapper {
        flex-direction: column;
        width: 100%;
    }

        .bmi_calculator_wrapper form, .bmi_range {
            max-width: 100% !important;
        }

    .bmi_container h3 {
        font-size: 4.1vw !important;
    }

    .bmi_calculator_wrapper form div:nth-child(even) {
        width: 78% !important;
        margin-left: -41px !important;
    }

    .view_print {
        margin: 0px 0px !important;
    }

    #subheader {
        display: flex;
        flex-direction: column;
    }

    #navigation {
        margin-right: 18px;
    }

        #navigation li a.active {
            padding: 4px 0px !important;
        }

        #navigation li {
            padding: 5px;
        }

            #navigation li a {
                font-size: 12px !important;
            }

    #subheader ul li {
        margin-right: 4px !important;
        margin: 0px 0px !important;
    }
}

@media screen and (max-width: 767px) {
    .select2-container--open .select2-dropdown{
        left:33px !important;
    }
    .countryCodes{
        width: 100% !important;
    }
    .suggest-form .customize-help {
        margin: 15px 5px !important;
        background-color: unset !important;
        /* width: 35%; */
    }
    .btn-suggest{
        width: 35% !important;
    }
    .suggest-textarea{
        width: 90% !important;
        margin: 8px 16px !important;
    }
    .select2-dropdown--below{
        margin: 0px 34px !important;
    }
  
    #trek_video img{
        margin: 0px 10px !important;
    }
    .booking_con #toggle-buttonBooking{
        margin-top: 0px !important;
    }
    #trekForm .error {
        margin-top: -19px !important;
        margin-left: 8px !important;
    }
    .form-container{
        padding: 0px !important;
        background-color: unset !important;
        margin-top: 50px;
    }
    .Addons_unpaid,.Addons_paid{
        width: 30% !important;
        padding: 5px 15px !important;
    }
    .no-user .fnameB, .no-user .lnameB, .no-user .phoneB, .no-user .emailB{
        width: 98% !important;
    }
    .PariciPantSection{
width: 96% !important;
    }
    .SearchExist{
        width: 100% !important;
        text-align: center;
    }
  
    .Booking_SectionNew{
        margin: unset !important;
    }
    .sentlink ,.forgetSection {
        width: 95% !important;
        margin-top: 20px !important;
    }
    .tabcontent {
        padding: unset !important;
    }

    .equipment-img {
        width: 90%;
    }

    .user-icon-container {
        display: none !important;
    }

    .mobcotactmenu {
        display: block !important;
        border-bottom: 1px solid red;
      
    }
    .mobcotactmenu a{
        border-bottom: unset !important;
    }
    .mobcotactmenu a:nth-child(2),
    .mobcotactmenu a:nth-child(3) {
       margin-top: -16px;
    }
    .addon_table th,
    .addon_table td,
    .vouchers_table th,
    .vouchers_table td {
        display: block !important;
        border-right: unset !important;
    }

    .coupon_hr {
        margin: 6px 15px !important;
        margin-bottom: 13px !important;
        width: 91% !important;
    }

    .dot_col-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .content .page_title {
        font-size: 18px !important
    }

    .dep_detail {
        margin-top: 15px !important;
    }

    .price {
        text-align: center !important;
        border-radius: 10px;
    }

    #toggle-button {
        float: unset !important;
        border: none !important;
        color: #1a73e8 !important;
        background-color: white !important;
    }

    .usdButton {
        flex-direction: column;
        background-color: unset !important;
    }

    .usdButtonDiv {
        background-color: white !important;
        margin-top: -3px !important;
    }

    #toggle-button {
        padding: 5px 5px;
        margin-left: 0px !important;
    }

    .fdtitle {
        background: white !important;
        color: black !important;
        padding: 6px 0px;
        margin-top: -5px;
        font-size: 25px !important;
    }
    /* Start customize.html css*/
    .MobileGalleryContainer .image-group img {
        width: 50%;
    }

    .MobileGalleryContainer {
        display: block !important;
    }

    .DesktopGalleryContainer {
        display: none !important;
    }

    .SuggestCon {
        width: 100% !important;
    }

   

    .suggest-form h3 {
        text-align: justify;
        font-size: 17px !important;
    }

    .inline_fields {
        display: block !important;
        margin: unset !important;
    }

    .suggest_inline {
        display: table !important;
    }

    .suggest-form-part2 {
        margin: unset !important;
    }

        .suggest-form-part2 .option label {
            padding: 0px !important;
        }

    .suggest-form form button, .suggest-form form input, .suggest-form form optgroup, .suggest-form form select{
        width: 90% !important;
    }

    .suggest-main .customize-help {
        left: 0px !important;
        bottom: 0px !important;
    }

    .suggest-main .single_field {
        justify-content: unset;
    }

    .suggest-main hr {
        margin: 0px 0px !important;
        margin-top: 17px !important;
    }
    /* End  customize.html css*/
    /* Start user-dashboard.html css*/
    .accordion-userDash {
        display: block !important;
        padding: 4px 0px;
        border-radius: 5px;
        margin-bottom: -5px;
    }
    .accordion-userDash   .accordion-button:not(.collapsed){
        background-color: unset !important;
        color: unset !important;
    }
    #trek-dasboard .accordion{
      /* border-bottom:2px solid black; */
      margin-top: 10px;
    }
    .btn-btnone, .btn-btntwo, .btn-btnthree {
        width: 85%;
        display: block;
        text-align: center;
    }

    #user-tbody {
        display: none;
        transition: max-height 0.5s ease; /* Adjust the duration and timing function as needed */
        max-height: 0;
        overflow: hidden;
    }

    .alltrek-banner h3 {
        bottom: 108px !important;
        font-size: 37px !important;
    }

    .pay-now-button-addons span {
        font-size: 20px !important;
        margin: 5px !important;
    }

    .Addons ul {
        width: 100% !important;
        margin-left: 0px !important;
        margin-top: 30px;
    }

    table.shop_table thead {
        display: none !important;
    }

    table.shop_table tr td::before {
        content: attr(data-title) ": ";
        font-weight: 700;
        float: left;
    }

    table.shop_table tr td {
        display: block !important;
        text-align: right !important;
    }

    .profile-btn, .profile-trek-btn, .profile-btn-password {
        padding: 6px 10px !important;
    }

    #trek-password form {
        width: 100% !important;
        translate: 0% 0% !important;
    }

        #trek-password form input, #trek-password form select {
            width: 85% !important;
        }

    #profile-dasboard select, #profile-dasboard form input {
        width: 96% !important;
        translate: unset !important;
    }

    #profile-dasboard {
        width: 100% !important;
    }

    .input-row label, .input-row input[type="file"] {
        margin-right: 0px !important;
    }

    #profile-dasboard label {
        left: 0 !important;
        margin-left: 20px !important;
    }
    /* End user-dashboard.html css*/
    /*start contact.html*/
   
    .btn-contact-reset, .btn-contact-us {
        padding: 6px 20px !important;
        width: 100%;
    }

    .contact-form {
        margin-top: -58px !important;
    }

    .form-Contact > div {
        width: 100% !important;
    }

    .form-Contact {
        display: block !important;
    }

    .locationMap h4 {
        font-size: 35px !important;
        padding: 10px;
    }

    .contactBtn {
        text-align: center;
        margin-top: 15px;
        margin-bottom: 10px;
    }
    
    .contact-form form input, .contact-form form optgroup, .contact-form form select, .contact-form form textarea {
        width: 93% !important;
    }
    /*End Contact.html*/
    /*start customize.html*/
    .customizeCon, .contactCon, .SuggestCon {
        margin-top: 76px !important;
    }

    .desktop-all-banner {
        display: none;
    }

    .mob-all-banner {
        display: block !important;
    }

    .customize-help {
        margin: unset !important;
    }

    .customize_desc {
        margin: 0px -10px !important;
        overflow-x: hidden;
    }

    .customize-user-detail form input, .customize-user-detail form optgroup, .customize-user-detail form select {
        width: 93%!important;
        margin: 10px 0px !important;
    }

    .extra-detail {
        width: 100% !important;
        margin: 8px -19px !important;
    }

    .select2-container {
        margin: 0px -16px !important;
    }

    .btn-customized, .reset-btn {
        width: 35% !important;
    }


    .responsive-table {
        display: none;
    }

    .responsive-table-mob th {
        display: block;
        text-align: left;
    }

    .responsive-table-mob td {
        display: block;
        text-align: left;
    }

    .responsive-table-mob {
        font-size: 14px;
        margin-top: 20px;
        display: block !important;
    }

    .transport-options {
        display: flex; /* Display the container as flex for smaller screens */
        flex-wrap: wrap;
    }

        .transport-options > div {
            flex: 1; /* Each div occupies equal width */
        }

    .responsive-table-mob .single_field {
        padding: unset;
        min-width: unset;
        margin-left: unset;
        align-items: unset;
        justify-content: unset;
        display: block !important;
    }

    .know_customize button {
        padding: 0px 10px !important;
        margin-top: -50px;
    }

    .customize-user-detail {
        margin: 19px -16px;
        margin-top: -15px !important;
    }

    .select2-container .select2-selection--multiple {
        margin-left: 16px;
        width: 100%;
    }
    /*End customize.html*/
    /* Booking page starts*/
    .loader-container {
        display: flex;
        justify-content: center;
        align-items: center;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(255, 255, 255, 0.8); /* Optional: Add a semi-transparent background */
    }

        .loader-container .spinner-border {
            width: 3rem; /* Adjust the size as needed */
            height: 3rem; /* Adjust the size as needed */
        }

    .payment_con, .individual_voucher, .addon_container, .booking_con {
        width: 96% !important;
    }

    .booking_main_price {
        margin-top: -40px !important;
    }

    .addon_table .single_field {
        /* display: flex !important; */
        text-align: justify !important;
        justify-content: left !important;
        margin-left: 0px !important;
    }

    .addon_table .AddonPopup {
        width: 80% !important;
        line-height: 14px;
    }

    .payment_con table {
        margin: 0px 0px !important;
    }

        .payment_con table tr td:nth-child(1) {
            width: 72% !important;
        }

    .name_col {
        padding: 0px 25px;
    }

    #search-participant {
        width: 90%;
        margin-top: 20px;
    }

    .search-existence {
        bottom: -15px !important;
    }

    #find-user {
        margin-top: 10px;
    }

    .no-user {
        margin-top: -30px !important;
    }

        .no-user input {
            margin-top: 10px !important;
        }

        .no-user .fname,
        .no-user .lname,
        .no-user .phone,
        .no-user .email {
            width: 89% !important;
        }

    .vouchers_table th {
        padding: 0px 0px !important;
    }
    /* Booking page ends*/
    /* all trek page ends*/
    .all-trek-desktop {
        display: none !important;
    }

    .all-trek-mob {
        display: block !important;
    }

    .AllTrek-Con {
        max-width: 100%;
    }

        .AllTrek-Con .col-md-3 {
            width: 50%;
        }
    /* all trek page ends*/
    /* login page*/
    .formContainer form button, .formContainer form input, .formContainer form optgroup, .formContainer form select, .formContainer form textarea {
        width: 91% !important;
    }

    .loginBtn {
        /* margin-top: -75px!important; */
    }

    .login-with-password, .otp-login {
        width: 34% !important;
        padding: 0px !important;
    }

    .login_accordian, .registration_accordian {
        width: 100% !important;
        margin: 0px 0px !important;
    }

    #loginContainer form, #RegisterContainer form {
        width: 100% !important;
        translate: unset !important;
        margin-left: 5px;
    }

    .password-forgot {
        margin-left: 0px !important;
    }

    .loginBtn {
        /* margin-left: 15px; */
    }
    /*end login page*/
    .footer_contact {
        margin: 0px 0px !important;
    }

    .footer_contactp {
        margin-left: 0px !important;
    }

    .number {
        margin: -40px 44px !important;
    }

    .mail {
        margin: -48px 44px !important;
    }

    .icon1 {
        margin: 0px 0px !important;
    }

    .address {
        margin: -38px 44px !important;
    }

    .fa-question-circle {
        bottom: 33px !important;
        left: 237px !important;
    }

        .fa-question-circle .popuptext {
            margin: -295px -255px !important;
            width: 302px !important;
        }

    .equpiment-img {
        width: 80%;
    }

    .bmi_result > div {
        margin-top: 15px;
    }

    #calculate_bmi {
        margin-top: 10px;
    }

    .card-body-trek a {
        line-height: 128% !important;
    }

    .carousel-control-next, .carousel-control-prev {
        width: 8% !important;
    }

    .three .carousel-control-prev-icon, .three .carousel-control-next-icon {
        /* border-radius: 0%!important; */
    }

    .article1 {
        display: flex;
        flex-direction: column;
    }

        .article1 p {
            margin: 0px 21px;
        }

    .card-title {
        font-size: 15px !important;
    }

    .faq_ftitle {
        font-size: 20px !important;
    }

    .banner-text {
        top: 21% !important;
        left: 50% !important;
    }

        .banner-text h3 {
            font-size: 18px !important;
        }

    hr {
        margin: 0px 100px !important;
        margin-bottom: 24px !important;
    }

    .mob_help {
        display: none !important;
        margin: 0px 7px;
    }

        .mob_help a {
            color: #ee3038;
        }

        .mob_help h6 {
            font-size: 20px;
            font-weight: bold;
        }

    .drop-btn, .pick-btn, .maps-btn {
        margin: 6px 5px !important;
    }

    .navigation2 {
        /* display:block!important;
        position: fixed;
        bottom: 0;
        left: -300px;  
        width: 265px; 
        height: 58%;
        padding: 20px;
        transition: right 0.3s ease-out; 
        z-index: 1000;
        margin-bottom: 90px; */
        margin-left: 88px;
    }

    #navigation2 li {
        list-style: none;
    }

        #navigation2 li::marker {
            display: none;
        }

    .trekBottmbtn {
        background-color: #eaecf0;
        margin: -9px 0px;
        padding: 11px;
    }


    ul li::marker {
        color: red;
        font-size: 1.2em;
    }

    #navigation2 li a {
        padding: 7px 0px;
        color: black;
        display: block;
        font-size: 16px;
        transition: 0.3s;
        /* border: 2px solid black; */
        border-bottom: 1px solid #ee3038;
        text-transform: uppercase;
        text-align: center;
        background-color: #f4f4f4;
    }

    .btn-dates {
        margin-left: -67px !important;
    }

    .trek_essv-btn, .trek_essd-btn, .trek_rent-btn {
        margin: 5px 5px !important;
    }

    .down {
        font-size: 15px;
        color: #ee3038;
    }

    .navbar.navbar-expand-sm {
        transition: top 0.3s;
        position: fixed;
        width: 100%;
        top: 0;
        z-index: 1000; /* Ensure it's above other content */
    }

    .navbar-hidden {
        top: -100px !important; /* Hide the header by moving it off-screen */
    }

    .btn-detailed, .btn-quick, .btn-graph {
        margin: 6px 6px !important;
    }

    .mob_accord {
        position: fixed;
        width: 100%;
        top: 58px;
        left: 0px;
    }
    .mob_accord .accordion-item .card-body p{
        color: grey;
        border-bottom: 1px solid red;
    }
    /* Styling the scrollbar in the .accordion-body element */
    .mob-menu_scroll {
        overflow-y: scroll; /* Enable vertical scrollbar */
        scrollbar-width: auto; /* For Firefox */
        scrollbar-color: red; /* For Firefox */
        height: 300px;
    }

        /* Webkit-specific styles for scrollbar */
        .mob-menu_scroll::-webkit-scrollbar {
            width: 10px; /* Width of the scrollbar */
        }

        .mob-menu_scroll::-webkit-scrollbar-thumb {
            background-color: #ee3038; /* Color of the scrollbar thumb */
        }

    .gallery_vid_img {
        width: 80%;
    }

    .graph_col {
        width: 50%;
    }

    .graph_col {
        margin-top: 10px;
    }

    .map_col {
        width: 50%;
    }

    .map_col {
        margin-top: 10px;
    }

    .trek_video {
        display: flex;
        flex-direction: column-reverse;
    }

    .fitness_column {
        /* border: 2px solid #ee3038; */
        border-radius: 20px;
        line-height: 100%;
        /* margin: 15px 15px;
    padding: 12px 26px; */
        width: 100% !important;
    }

    .webinar-popup-content {
        width: 80%;
    }

    .foote {
        display: block;
    }

    .badge_desc {
        font-size: 10px;
        margin: 0px 0px;
    }

    body {
        width: 100%;
    }

    .progress-container {
        width: 100%;
    }

    #desktop-menu {
        display: none !important;
    }

    .search-container {
        display: none !important;
    }

        .search-container button {
            display: none;
        }

        .search-container input[type="text"] {
            display: none;
        }

    .new {
        display: flex;
    }

    .mob-menu {
        display: block;
        margin-left: -13rem;
        margin-top: -10%;
        border: 1px solid black;
        border-radius: 10px;
        padding: 4px 7px;
    }

        .mob-menu a {
            color: #000;
            font-weight: 500;
            font-size: 19px;
        }

    .logo {
        width: 40%;
    }

    .navbar {
        /* right: 73rem; */
        position: fixed !important;
        width: 100% !important;
    }

    .sidenav {
        margin: 0px 0px;
    }

    .side-nav a {
        padding: 9px 0px 8px 25px;
        font-size: 16px;
        color: black;
    }

    .side-nav {
        margin: 19px 0px;
    }

    .mobbannerimg {
        height: auto;
        width: 100%;
        object-fit: cover;
    }

    .sec-title,
    .sec-title2,
    .sec-title5,
    .sec-title5,
    .sec-title6,
    .sec-title7,
    .sec-title8,
    .sec-title9 {
        font-size: 20px !important;
    }

    .sec-titlep, .sec-titlep2, .sec-titlep3 {
        margin-top: -20px;
        font-size: 12px !important;
    }

    .front-card {
        margin-left: 10px !important;
        width: 19rem !important;
    }

    .sec2_img {
        width: 100%;
    }

    .sec3_img {
        width: 100%;
        height: auto;
    }

    .sec4_img {
        margin-top: 10px;
    }

    .desc3 {
        font-size: 15px !important;
        text-align: center;
        margin-top: 10px;
    }

    .desc3p {
        font-size: 13px !important;
    }

    .read-more-btn {
        padding: 0px 7px !important;
        margin: 4px 23px !important;
    }

    .carousel-indicators [data-bs-target] {
        background-color: #ee3038;
        height: 12px;
        width: 13px;
        border-radius: 50%;
        margin-bottom: -11px;
    }

    .must-card {
        width: 20rem !important;
        margin-left: 5px !important;
        height: 28rem !important;
    }

    .sec6-btn {
        /* margin: -9px 99px !important; */
    }

    .school {
        margin-top: 20px;
    }

    .four {
        height: 100% !important;
        margin-top: 25px !important;
    }

    .sec7_img {
        margin-top: 10px;
    }

    .sec8_img {
        margin-top: -9px !important;
    }

    .slider-vreview img {
        width: 60% !important;
        margin: 10px 10px !important;
    }

    .information_vid {
    }

    .five img {
        width: 60% !important;
    }

    .sec9_img {
        width: 83% !important;
        margin: 10px 10px !important;
    }

    .contact {
        margin: 0px 0px !important;
    }

    .cont_title {
        margin: 6px 85px !important;
        font-size: 23px !important;
    }

    .form-inline, .stay_form {
        width: 44% !important;
        padding: 6px 7px !important;
        margin: 4px 8px !important;
        display: inline !important;
    }

    .btn-brochure {
        margin: 0px 13px !important;
    }

    .brochure_img {
        margin: 18px 65px !important;
    }

    .social_icon img {
        width: 5% !important;
        height: 2% !important;
    }

    .f_link {
        text-align: left !important;
        margin-top: 0px !important;
    }

    .social_title {
        margin: 0px 26px;
    }

    .last {
        margin: 0% 0% !important;
        display: flex;
    }

    body {
        width: 100% !important;
    }

    .detail {
        font-size: 13px !important;
    }

    .bold {
        font-size: 15px !important;
    }

    .col_icon {
        width: 32.666667% !important;
    }

    .imp_links {
        width: 100%;
    }

    #TrekPage_prev-icon, #TrekPage_next-icon {
        width: 16px !important;
        height: 16px !important;
        font-size: 18px !important;
        line-height: 16px !important;
    }

    .custom-3d-box {
        margin: 0px 0px !important;
        padding: 0px !important;
        box-shadow: none;
    }

    .priceline {
        width: 182px !important;
        margin: 0px 69px !important;
    }

    .price_desc {
        line-height: 100% !important;
    }

    .card-body-trek {
        margin: 6px 0px !important;
    }

        .card-body-trek a {
            margin-left: 11px !important;
        }

    .overview, .participate, .itinerary, .bmi, .reach, .cost_terms, .trek_ess, .gallery, .trek_reviews, .faq, .similar_treks {
        margin: 14px 8px !important;
    }
    /* .icon_sec{
    display: none;
} */
    .trekPage_caption h1 {
        font-size: 38px !important;
        margin: 49px -62px !important;
    }

    .mobile-icons {
        margin: -33px -49px;
        background: rgba(0, 0, 0, 0.5);
    }

    .trekPage_caption p {
        margin: 0px 0px !important;
        display: inline-flex;
        font-weight: 700;
    }

    .vl {
        color: white !important;
        height: 10px;
        width: 3px;
    }

    .btn-detailed, .btn-quick {
        padding: 2px 3px !important;
    }

    .tablinks {
        margin-left: 3px !important;
        padding: 2px 7px !important;
        margin-top: 5px;
    }


    .inclu-btn, .exclu-btn, .tour-btn, .cance-btn {
        margin: 4px 0px !important;
    }

    #essential-view, #essential-download {
        background-color: unset !important;
    }

        #essential-view img, #essential-download img {
            width: 100% !important;
            border-radius: 20px !important;
        }

    .popup-content {
        margin: 107px auto !important;
        max-height: 100% !important;
        max-width: 100% !important;
    }

    .trekreview_img {
        width: 80% !important;
    }

    .slider-btn {
        width: 27px !important;
        height: 27px !important;
        line-height: 100% !important;
        display: none;
    }

    .slider-btn-left-trekreview {
        left: -10px !important;
    }

    .faqg-btn, .faqt-btn {
        padding: 5px 11px !important;
    }

    .simlilar_trek-card {
        width: 17rem !important;
        height: 20rem !important;
    }

    .trek_name {
        font-size: 20px !important;
    }

    .scroll-to-top {
        bottom: 10px;
        right: 3px;
        z-index: 999;
    }

    .last {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-content: space-between;
    }

    .foote {
        display: block;
        padding: 10px 0px;
    }

    .last a {
        width: 22%; /* Display two links in a row with a small gap in between */
        margin-bottom: -76px; /* Reduce spacing between rows */
    }

    .right {
        margin: 0% 7% !important;
        /* margin-bottom: 62px!important; */
    }

    .bmi_calculator_wrapper {
        flex-direction: column;
        width: 100%;
    }

        .bmi_calculator_wrapper form, .bmi_range {
            max-width: 100% !important;
        }

    .bmi_container h3 {
        font-size: 4.1vw !important;
    }

    .bmi_calculator_wrapper form div:nth-child(even) {
        width: 78% !important;
        /* margin-left: -41px!important; */
    }

    .view_print {
        margin: 0px 0px !important;
    }

    #subheader {
        display: flex;
        flex-direction: column;
    }

    #navigation {
        margin-right: 18px;
    }

        #navigation li a.active {
            padding: 4px 0px !important;
        }

        #navigation li {
            padding: 5px;
        }

            #navigation li a {
                font-size: 12px !important;
            }

    #subheader ul li {
        margin-right: 4px !important;
        margin: 0px 0px !important;
    }

    .main {
        width: 100%;
        overflow: hidden;
    }

    .footer_all_treks {
        line-height: 123% !important;
    }

    #subheader {
        display: none;
    }

    #quickheader {
        padding: 0px 0px;
    }
}

@media screen and (max-width: 1024px) {
    /* Start customize.html css*/
    .alltrek-banner h3 {
        bottom: 89px !important;
    }
    .suggest-main .customize-help {
        width: 100%;
        margin-left: 0px !important;
    }

    .SuggestCon {
        width: 100% !important;
    }

    .suggest-form h3 {
        text-align: justify;
        font-size: 17px !important;
    }

    .inline_fields {
        /* display: block !important; */
        margin: unset !important;
    }

    .suggest-main .single_field {
        /* justify-content: unset; */
        min-width: 125px !important;
    }

    .suggest-form-part2 {
        margin: unset !important;
    }

        .suggest-form-part2 .option label {
            padding: 0px !important;
        }

    .suggest-form form button, .suggest-form form input, .suggest-form form optgroup, .suggest-form form select{
        width: 90% !important;
    }

    .suggest-main .customize-help {
        left: 0px !important;
        bottom: 0px !important;
    }
    /* End  customize.html css*/
    .article1 {
        width: 100%;
    }

    .mobbannerimg {
        height: auto !important;
        width: 100% !important;
        object-fit: cover !important;
    }

    .information_vid {
        width: 43% !important;
    }

    .price_desc {
        line-height: 115% !important;
    }

    .card-body-trek {
        margin: 6px 3px !important;
    }

    .custom-3d-box {
        margin: 35px 15px !important;
    }

    .main {
        width: 100%;
        overflow: hidden;
    }

    .overview, .participate, .itinerary, .bmi, .reach, .cost_terms, .trek_ess, .gallery, .trek_reviews, .faq, .similar_treks {
        margin: 15px 10px !important;
    }

    #subheader {
        text-align: left !important;
        padding: 10px 44px !important;
    }

    #navigation li a.active {
        padding: 5px 11px !important;
    }

    .imp_links {
        width: 100%;
    }

    .fitness_column {
        width: 100%;
    }

    .bmi_calculator_wrapper form div:nth-child(odd) {
        width: 100% !important;
    }

    .bmi_calculator_wrapper form div:nth-child(even) {
        width: 100% !important;
        margin-left: 0px !important;
    }

    .footer_all_treks {
        line-height: 100% !important;
    }

    .scroll-to-top {
        right: 25px;
    }
}

@media screen and (max-width: 1440px) {
   
    .price_desc {
        line-height: 115% !important;
    }

    .card-body-trek {
        margin: 6px 3px !important;
    }

    .custom-3d-box {
        margin: 35px 15px !important;
    }

    .main {
        width: 100%;
        overflow: hidden;
    }

    .overview, .participate, .itinerary, .bmi, .reach, .cost_terms, .trek_ess, .gallery, .trek_reviews, .faq, .similar_treks {
        margin: 15px 10px !important;
    }

    #subheader {
        text-align: left !important;
        padding: 10px 44px !important;
    }

    #navigation li a.active {
        padding: 5px 11px !important;
    }

    .imp_links {
        width: 100%;
    }

    .fitness_column {
        width: 100%;
    }

    .bmi_calculator_wrapper form div:nth-child(odd) {
        width: 30% !important;
    }

    .bmi_calculator_wrapper form div:nth-child(even) {
        width: 57% !important;
        margin-left: 10px !important;
    }

    .footer_all_treks {
        line-height: 100% !important;
    }

    .scroll-to-top {
        right: 25px;
    }
}


/*.................................*/
@media screen and (min-width: 768px) and (max-width: 1024px) {
    #Customize_Form .countryCodes{
        width: 32% !important;
    }
    #Customize_Form #phone {
        width: 49% !important;
        padding: 5px 0px !important;
        margin-left: -7px;
    }
   
    .suggest-form .customize-help {
        margin: 15px -50px !important;
        background-color: unset !important;
        width: 40%;
    }
    .footer .col-md-3{
        width: 50%;
    }
    .footer .col-md-3:nth-child(4) {
        margin-left: 350px;
        margin-top: -185px;
    }
    .PariciPantSection{
        width: 100% !important;
    }
    .SearchExist{
        width: 100% !important;
    }
    .sentlink ,.forgetSection {
        width: 50% !important;
        margin-top: 20px !important;
    }
    #navigation {
        display: unset !important;
    }

    #subheader ul li {
        margin: 0px 11px !important;
    }

    .booking_con {
        width: 100% !important;
    }

    .addon_container, .individual_voucher, .payment_con {
        width: 90% !important;
    }

    .AllTrek-Con .col-md-3 {
        width: 50%;
    }

    #profile-dasboard {
        width: 90% !important;
    }
    /*start contact.html*/
    .contact-form form input, .contact-form form optgroup, .contact-form form select, .contact-form form textarea {
        width: 100% !important;
    }
    #contactForm .countryCodes {
        width: 13% !important;
        padding: 5px 0px !important;
    }
    #contactForm #phone {
        width: 64% !important;
    }
    #contactForm textarea{
        width: 83% !important; 
    }
    .contactCon .customize-help{
        margin: 0px 0px !important;
    }
    .contactCon .col-md-8,
    .contactCon .col-md-4{
        width: 100%;
    }
    .contactCon {
        max-width: 100%;
    }
    /*End Contact.html*/
    /*start customize.html*/
    .customize-help {
        margin: 15px -51px !important;
        width: 35%;
    }

    .customize-user-detail form input, .customize-user-detail form optgroup, .customize-user-detail form select{
        width: 12rem !important;
    }
    .extra-detail{
        margin-left: 10px !important;
    }
    .btn-customized, .reset-btn {
        width: 20% !important;
    }

    .customizeCon {
        max-width: 100%;
    }

    .customize_desc table td {
        padding: 20px 0px !important;
    }
    /*End customize.html*/
    .carousel-control-next, .carousel-control-prev {
        width: 8% !important;
    }

    .search-container {
        display: none !important;
    }

    .sidenav {
        margin-right: 0px;
    }

    .navbar-nav {
        margin: 0px -162px;
    }

    .navbar-expand-sm .navbar-nav .nav-link {
        padding: 3px 15px;
    }

    .user-icon-container .fa-user {
        margin: 0px 0px;
        font-size: 20px;
    }

    .navbar {
        width: 100%;
    }

    .navbar-nav {
        margin: 0px -66px;
    }

    .logo {
        width: 60%;
    }

    .sidenav {
        margin: 0px 0px;
    }

    .carousel-indicators [data-bs-target] {
        background-color: #ee3038;
        height: 12px;
        width: 13px;
        border-radius: 50%;
        margin-bottom: -11px;
    }

    .read-more-btn {
        margin: -500px 188px !important;
    }
    /* .four{
        height:10vh!important;
    } */
    .form-inline, .stay_form {
        width: 44% !important;
        padding: 6px 7px !important;
        margin: 4px 8px !important;
        display: inline !important;
    }

    .cont_title {
        margin: 10px 27px !important;
    }

    .contact {
        margin: 0px 0px !important;
    }

    .connect {
        margin: 0px -16px;
        /* margin-left: -101px; */
    }

    .btn-brochure {
        margin: 0px 13px !important;
    }

    .social_icon img {
        width: 3% !important;
        height: 4% !important;
        margin: 1px 9px !important;
    }

    .address {
        margin: -30px -51px !important;
    }
    /* .number {
        margin: -47px 60px!important;
    }
    .email {
        margin: 67px -113px!important;
    } */
    .fname, .lname, .phone, .email {
        width: 22% !important;
    }
}

@media screen and (min-width: 1025px) and (max-width: 1200px) {
    
    .PariciPantSection{
        width: 100% !important;
    }
    .SearchExist{
        width: 100% !important;
    }
    #navigation {
        display: unset !important;
    }

    #subheader ul li {
        margin: 0px 11px !important;
    }

    .booking_con {
        width: 100% !important;
    }

    .addon_container, .individual_voucher, .payment_con {
        width: 90% !important;
    }

    .AllTrek-Con .col-md-3 {
        width: 33%;
    }
    /* .btn-all-trek {
        margin: -40px 90px;
    } */
    .SuggestCon {
        width: 100% !important;
    }

    #profile-dasboard {
        width: 90% !important;
    }

    .all_trek_con {
        margin-top: -117px !important;
    }

    .navbar-nav {
        margin: 0px -162px;
    }

    .navbar-expand-sm .navbar-nav .nav-link {
        padding: 3px 15px;
    }

    .user-icon-container .fa-user {
        margin: 0px 0px;
        font-size: 20px;
    }

    .scroll-to-top {
        right: 78px;
    }

    .search-container {
        left: 69% !important;
    }

    .sidenav {
        margin-right: 0px;
    }

    .progress-container {
        width: 93%;
    }

    .progress-bar {
        height: 100%;
        width: 0;
        background-color: #00f;
        /* Initial color, you can change it */
    }

    .carousel-indicators [data-bs-target] {
        background-color: #ee3038;
        height: 12px;
        width: 13px;
        border-radius: 50%;
        margin-bottom: -11px;
    }

    .navbar {
        width: 100%;
    }
    /* .bannerimg{
    width: 100%;
} */

    .article1 {
        width: 90%;
    }

    .four {
        /* height: 10vh!important; */
    }

    .read-more-btn {
        margin: 0px 146px !important;
    }

    .form-inline, .stay_form {
        width: 44% !important;
        padding: 6px 7px !important;
        margin: 4px 8px !important;
        display: inline !important;
    }

    .cont_title {
        margin: 10px 27px !important;
    }

    .connect {
        margin: 0px -16px;
        margin-left: -101px;
    }

    .btn-brochure {
        margin: 0px 13px !important;
    }

    .social_icon img {
        width: 4% !important;
        height: 2% !important;
        margin: 0px 8px !important;
    }
    /* .address {
    margin: 21px 0px!important;
}
.number {
    margin: -47px 60px!important;
}
.email {
    margin: 67px -113px!important;
} */
}

@media screen and (min-width: 1201px) and (max-width: 1400px) {

    .PariciPantSection{
        width: 90% !important;
    }
    #navigation {
        display: unset !important;
    }

    #subheader ul li {
        margin: 0px 11px !important;
    }

    .booking_con {
        width: 90% !important;
    }

    .addon_container, .individual_voucher, .payment_con {
        width: 90% !important;
    }

    .btn-all-trek {
        margin: -40px 90px !important;
    }

    .all_trek_con {
        margin-top: -117px !important;
    }

    .navbar {
        width: 100%;
    }

    .navbar-nav {
        margin: 0px -162px;
    }

    .navbar-expand-sm .navbar-nav .nav-link {
        padding: 3px 23px;
    }
}
/* END Header css */


/*slider css */
.one {
    margin-top: 36px;
}

.carousel-item {
    width: 100%;
    height: auto;
}

/* END slider css */



/* searchbar css */
/* Style the search container */
.search-container {
    /* display: flex; */
    /* align-items: center; */
    position: absolute;
    top: 24%;
    left: 72%;
    /* transform: translate(-50%, -50%); */
    z-index: 1;
    width: 207px;
    height: 31px;
    border: 1px solid black;
    border-radius: 10px;
    background: white;
    width: 20%;
}

.search-wrapper {
    position: relative;
}
/* Style the search input field */
.search-container input[type="text"] {
    border-radius: 10px;
    padding: 0px;
    width: 100%;
    height: 31px;
    border: none;
    background-color: unset;
}
/* Hide placeholder text when input is focused */
#search-box:focus::placeholder {
    color: transparent;
}


input[type="text"]::placeholder {
    color: black;
}

.fa-search {
    font-size: 12px;
    font-weight: 800;
    background-color: none;
}

/* Style the search button */
.search-container button {
    /* background-color: #ee3038;
    position: absolute;
    top: 1px;
    right: 1px;
    color: white;
    border: none;
    border-radius: 10px;
    padding: 4px 15px; */
    display: none;
}

/* END searchbar css */


.sec-title,
.sec-title2,
.sec-title5,
.sec-title5,
.sec-title6,
.sec-title7,
.sec-title8,
.sec-title9 {
    margin-top: 20px;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    color: #ef3038;
    width: 100%;
}

hr {
    border-width: 0;
    color: #ef3038;
    background-color: #ef3038;
    margin: 0px 530px;
    opacity: 1.0;
    margin-top: 10px;
    margin-bottom: 10px;
}

    hr:not([size]) {
        height: 2px;
    }

.sec-titlep,
.sec-titlep2, .sec-titlep3 {
    /* margin-top: 40px; */
    font-size: 22px;
    font-weight: 500;
    text-align: center;
    color: #000000;
    margin-bottom: 16px;
    width: 100%;
}

.slider-container {
    display: flex;
    overflow-x: scroll;
    overflow-y: hidden;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    /* Hide the vertical scrollbar */
    scrollbar-width: none;
    /* Firefox */
    -ms-overflow-style: none;
    /* Internet Explorer/Edge */
}

    /* Hide the vertical scrollbar for Webkit-based browsers (e.g., Chrome, Safari) */
    .slider-container::-webkit-scrollbar {
        display: none;
    }

.slider {
    position: relative;
}

.sec2_img {
    /* width: 20%;
    height: 60%; 
     border-radius: 20px;
    margin-left: 19px;
    /*scroll-snap-align: center; */
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

.front-card {
    width: 21rem;
    height: 23rem;
    margin-left: 15px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

.trek_con {
    color: white;
    background-color: rgba(0, 0, 0, 0.5);
    margin-top: -111px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    overflow: hidden;
}

.btn-trek {
    color: white;
    border: 2px solid #ee3038;
    padding: 0px 7px;
    border-radius: 10px;
    margin: -40px 145px;
    margin-top: -118px;
}

.trek_name {
    font-size: 24px;
    position: relative;
    margin-top: 10px;
}

.trek_state {
    position: relative;
    margin-top: 10px;
}

.btn-trek:hover {
    color: black;
    background-color: white;
}

.slider-btn {
    margin-right: -4px;
    margin-left: -8px;
}

.slider-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 24px;
    color: white;
    background-color: rgba(29, 66, 97, 0.7);
    border: none;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    cursor: pointer;
}

.slider-btn-left {
    left: 10px;
}

.slider-btn-right {
    right: 10px;
}

.read-more {
    display: block;
    /* Makes the button a block-level element */
    margin: 10px auto;
    /* Centers the button horizontally with some top margin */
    padding: 10px 20px;
    /* Adds padding to the button for better visual appearance */
    background-color: #007bff;
    /* Background color */
    color: #fff;
    /* Text color */
    border: none;
    /* Removes the button border */
    border-radius: 5px;
    /* Rounded corners */
    cursor: pointer;
    /* Change cursor to pointer on hover */
    transition: background-color 0.3s ease;
    /* Smooth background color transition on hover */
}

/*
.slider-item {
    position: relative; Allows positioning of the button */
/*   margin-right: 15px;Add margin-right to separate images
} */
/* .view-details-button {
    background-color: #ee3038;
    color: white;
    padding: 4px 4px;
    border: none;
    border-radius: 7px;
    margin: 0px 150px;
    font-size: 14px;
    height: 30px;
    position: relative;
    left: -22.5%;
    margin-top: 18%;
} */

.view-details-button:hover {
    background-color: transparent;
    /* Transparent background on hover */
    border: 2px solid white;
    /* White border on hover */
    color: #fff;
}

.three {
    margin-top: 20px;
}

    .three .carousel-control-prev-icon,
    .three .carousel-control-next-icon {
        background-image: unset;
        background-color: rgba(29, 66, 97, 0.7);
        border-radius: 50%;
        font-size: 20px;
    }

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

.school_desc {
    background-color: #f7efef;
    text-align: justify;
    border-radius: 10px;
}

    .school_desc p {
        font-size: 15px;
        /* font-weight: 550; */
        color: black;
    }

    .btn-school {
        color: #ee3038;
        border-bottom: 2px solid #ee3038;
        font-size: 15px;
        font-weight: 600;
    }
.btn-school:hover{
    color: #ee3038;  
}
.sec3_img {
    /* width: 97%;
    height: auto; */
    border-radius: 10px;
}

.line1 {
    border-width: 0;
    color: #ef3038;
    background-color: #ef3038;
    margin: 0px 185px;
    opacity: 1.0;
    margin-top: 10px;
    margin-bottom: 10px;
}

.desc3 {
    color: #000000;
    font-weight: bold;
    font-size: 20px;
}

.article1 li {
    display: list-item;
}

.article1 p {
    text-align: justify;
}

.desc3p {
    font-size: 17px;
    color: #000000;
}

.read-more-btn {
    background-color: #ef3038;
    color: white;
    border: none;
    padding: 6px 17px;
    margin: 0px 330px;
    border-radius: 10px;
}

.four {
    margin-top: 40px;
    /* background-color: #f7efef; */
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.sec4_img {
    /* width: 100%;
    height: auto; */
    border-radius: 10px;
    border:4px solid #ebeff2
}

.line3 {
    border-width: 0;
    color: #ef3038;
    background-color: #ef3038;
    margin: 0px 630px;
    opacity: 1.0;
    margin-top: 10px;
    margin-bottom: 10px;
}

.trek_month {
    width: 100%;
    height: auto;
}

.image-container {
    position: relative;
    width: 100%;
    /* margin-top: 40px; */
}

.image-text {
    position: absolute;
    top: 50%;
    /* Adjust the vertical position of the text */
    left: 50%;
    /* Adjust the horizontal position of the text */
    transform: translate(-50%, -50%);
    color: white;
    font-size: 24px;
    font-weight: bold;
}

.slideshow-container {
    display: flex;
    justify-content: center;
    overflow: hidden;
}

.slide-card {
    width: 300px;
    height: 200px;
    margin: 0 10px;
    overflow: hidden;
    position: relative;
}

/* .video {
    width: 100%;
    height: 100%;
    object-fit: cover;
} */

.arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

.arrow-left {
    left: 0;
}

.arrow-right {
    right: 0;
}

/* .form-select {
    width: 14%;
    --bs-form-select-bg-img: url('/assets/images/down.png');
    line-height: 1.5;
    border-radius: 10px;
    color: #ee3038;
    background-position: right 18px top 50%;
    margin-left: 470px;
    cursor: pointer;
    margin-top: 30px;
    background-color: white;
} */

/* #selectedMonth {
    color: #ee3038;
    font-size: 89px;
    font-weight: bold;
    text-align: center;
    margin-top: -90px;
} */

.monthImage {
    width: 100%;
    height: auto;
    /* opacity: 0.7; */
}

.monthImage1 {
    width: 100%;
    height: auto;
    /* opacity: 0.7; */
}

#resultContainer {
    position: absolute;
    top: 2%;
    margin-left: 21px;
    color: #fff;
}

    #resultContainer tr td a {
        color: white;
        font-size: 14px;
        font-weight: bold;
        line-height: 0;
    }

.month_col {
    padding: 0px 0px;
}

.month_con {
    padding: 0px 38px;
}

/* section css for Must Read Articles */
.must-card {
    display: inline-flex;
    margin: 0px 10px;
    margin-top: 15px;
    border-radius: 10px;
    width: 25rem;
    height: 26rem;
    margin-left: 10px;
}

.card-img-top {
    width: 100%;
    height: 45%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.card-title {
    text-align: center;
    color: #121212;
    padding: 4px 1px;
    margin-top: 0px 0px;
    font-weight: bold;
    font-size: 16px;
}

.card-text p {
    font-size: 14px;
    text-align: justify;
    color: black;
    padding: 3px 6px;
    margin-top: -10px;
}

/* .red-line {
    width: 100%;
    height: auto;
} */

.sec6-btn {
    /* background-color: #ee3038; */
    color: #ee3038;
    padding: 4px 4px;
    border: none;
    border-radius: 7px;
    /* margin: -14px 142px; */
    font-size: 14px;
    font-weight: bold;
    /* text-decoration: underline; */
}

.custom-underline {
    text-decoration: none;
    border-bottom: 2px solid #ee3038;
    padding-bottom: 2px;
    margin-bottom: 10px;
    border-radius: 1px;
}

.sec6-btn:hover {
    background-color: white;
    color: #ee3038;
}

.slider {
    position: relative;
}

.slider-container2 {
    display: flex;
    overflow-x: scroll;
    overflow-y: hidden;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    /* Hide the vertical scrollbar */
    scrollbar-width: none;
    /* Firefox */
    -ms-overflow-style: none;
    /* Internet Explorer/Edge */
}

    /* Hide the vertical scrollbar for Webkit-based browsers (e.g., Chrome, Safari) */
    .slider-container2::-webkit-scrollbar {
        display: none;
    }


.slider-btn-left2 {
    left: 10px;
}

.slider-btn-right2 {
    right: 10px;
}

/* end css for Must Read Articles */

/* Start Section Seven */
.seven,
.eight {
    margin-top: 40px;
}

.sec7_img {
    width: 100%;
    height: auto;
    border: 4px solid #ebeff2;
    border-radius: 10px;
}

.sec8_img {
    margin-top: 10px;
}

/* End Section Seven */

/* Css Trekkers Review */
.information_vid {
    width: 21%;
    height: 0%;
    margin: 10px 10px;
    border-radius: 10px;
}

.sec9_img {
    width: 21%;
    height: 0%;
    margin: 10px 10px;
    border-radius: 15px;
}

.modal-dialog {
    max-width: 800px;
    margin: 30px auto;
}

.modal-body {
    position: relative;
    padding: 0px;
}

.btn-close {
    position: absolute;
    right: 0px;
    top: 0;
    z-index: 1;
}

.slider-vreview {
    display: flex;
    overflow-x: scroll;
    overflow-y: hidden;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    /* Hide the vertical scrollbar */
    scrollbar-width: none;
    /* Firefox */
    -ms-overflow-style: none;
    /* Internet Explorer/Edge */
}

    /* Hide the vertical scrollbar for Webkit-based browsers (e.g., Chrome, Safari) */
    .slider-vreview::-webkit-scrollbar {
        display: none;
    }


.slider-btn-left-vreview {
    left: 10px;
}

.slider-btn-right-vreview {
    right: 10px;
}

.slider-video {
    display: flex;
    overflow-x: scroll;
    overflow-y: hidden;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    /* Hide the vertical scrollbar */
    scrollbar-width: none;
    /* Firefox */
    -ms-overflow-style: none;
}

    /* Hide the vertical scrollbar for Webkit-based browsers (e.g., Chrome, Safari) */
    .slider-video::-webkit-scrollbar {
        display: none;
    }


.slider-btn-left-video {
    left: 10px;
}

.slider-btn-right-video {
    right: 10px;
}


/* End Css Trekkers Review */

/*  Css For Google Review*/
.checked {
    color: orange;
    font-size: 23px;
}

.rstar {
    text-align: center;
}

.countrevirew {
    text-align: center;
}

.star-title {
    font-size: 25px;
    text-align: center;
    font-weight: 700;
}

.star_review {
    margin-top: 20px;
}

.gimage {
    position: relative;
    left: 45%;
    margin-top: -13px;
}

.user_gimage {
    text-align: right;
    margin-top: -28px;
}

.slidergr {
    position: relative;
}

.slider-greview {
    display: flex;
    overflow-x: scroll;
    overflow-y: hidden;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    /* Hide the vertical scrollbar */
    scrollbar-width: none;
    /* Firefox */
    -ms-overflow-style: none;
    /* Internet Explorer/Edge */
}

    /* Hide the vertical scrollbar for Webkit-based browsers (e.g., Chrome, Safari) */
    .slider-greview::-webkit-scrollbar {
        display: none;
    }


    .slider-greview .card {
        height: 13rem;
        width: 22rem;
        padding: 0px 10px;
        transition: 0.5s all ease-in-out;
        margin: 0px 10px;
    }

        .slider-greview .card:hover {
            transform: scale(1.1);
        }

.slider-btn-left-greview {
    left: 10px;
}

.slider-btn-right-greview {
    right: 10px;
}

.user-image {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin: 10px 211px;
}

.user-name {
    font-size: 18px;
    font-weight: bold;
    margin-top: -73px;
}

.date {
    font-size: 12px;
    color: #888;
}

.star-rating {
    color: #FFD700;
}

.review {
    margin-top: 5px;
}

    .review a {
        color: black;
        font-size: 14px;
    }

.grbtn {
    color: gray;
    margin: -9px 0px;
}

    .grbtn:hover {
        color: black;
    }

/*  End Css For Google Review*/
/* Stay Connected */
.stay_connected {
    background-color: #ff7d73;
    margin-top: 40px;
}

.form-inline,
.stay_form {
    border-radius: 10px;
    padding: 10px 10px;
    border: none;
    margin: 10px 10px;
}

.stay_form {
    width: 71%;
    margin-bottom: 15px;
}

.btn-contact {
    padding: 5px 30px;
    background-color: white;
    border: 1px solid white;
    color: black;
    border-radius: 16px;
    margin-bottom: 20px;
    margin: 16px 107px;
}

    .btn-contact:hover {
        background-color: #ee3038;
        color: white;
    }

.contact {
    margin: 0px 169px;
}

.cont_title {
    color: white;
    margin: 10px 100px;
    font-weight: 600;
    font-size: 30px;
}

.btn-brochure {
    padding: 6px 43px;
    background-color: white;
    border: 1px solid white;
    color: black;
    border-radius: 16px;
    margin-bottom: 20px;
    margin: 0px 23px;
}

    .btn-brochure:hover {
        color: white;
        background-color: #ee3038;
    }

.brochure_img {
    /* width: 50%;
    height: auto; */
    margin: 12px 20px;
}

/* End Stay Connected */
/* Footer Css*/

.footer {
    background-color: #1b1b1b;
    color: white;
    text-align: left;
}

.footer_contact {
    margin: 0px -60px;
}

.footer_contactp {
    margin-left: -59px;
}

.footer h2 {
    color: white;
    font-size: 21px;
}

.footer h3 {
    text-align: center;
    color: white;
}

.footer a:hover {
    text-decoration: none;
}

.sub p {
    color: white;
    font-size: 15px;
}

.sub a:hover {
    text-decoration: none;
}

.icon1 {
    border-radius: 50%;
    border: 2px solid white;
    padding: 7px;
    font-size: 16px;
    margin: 0px -97px;
}

.address {
    margin: -38px -59px;
}

.phone {
    margin-top: 54px;
}

.number {
    margin: -47px -55px;
}

    .number a {
        color: white;
    }

        .number a:hover {
            color: #ee3038;
            text-decoration: underline;
        }

.mail a {
    color: white;
}

    .mail a:hover {
        color: #ee3038;
        text-decoration: underline;
    }

.email {
    margin: 67px 0px;
}

.mail {
    margin: -48px -51px;
}

.social1 {
    background-color: #000000;
    padding: 10px 0px;
}

.social_icon {
    margin: 0% 7%;
}

.social_title {
    color: white;
    display: inline;
}

.social_icon img {
    width: 2%;
    height: 3%;
    margin: 0px 7px;
}

.f_link {
    text-align: right;
    margin-top: -30px;
    margin-right: 28px;
}

    .f_link p {
        display: inline;
        margin: 0px 10px;
        color: white;
    }

    .f_link a:hover {
        background-color: #ee3038;
        border-radius: 10px;
        text-decoration: none;
    }

.footer_all_treks {
    text-align: left;
    line-height: 80%;
    margin: 15px 0px;
}

    .footer_all_treks a {
        color: white;
    }

        .footer_all_treks a:hover {
            color: #ff7d73;
        }

.copyright {
    text-align: center;
}

.right {
    margin: 1% 7%;
    color: white;
    margin-bottom: 2px;
}

.main {
    background-color: #000000;
    padding: 1% 0%;
}

.last {
    margin: 0% 7%;
}

    .last a {
        float: right;
        margin-left: 10px;
        /* Optional - to add some space between the links */
        color: white;
        margin-top: -2%;
    }

        .last a:hover {
            float: right;
            /* Optional - to add some space between the links */
            color: white;
        }

        .last a p {
            border: 1px solid white;
            padding: 0px 5px;
            border-radius: 10px;
            margin-top: 41px;
        }

            .last a p:hover {
                background-color: white;
                color: #000000;
            }

.footer_line {
    border-top: 1px solid white;
}

.all_menu a {
    border-bottom: 1px solid #ee3038;
}

/* End Footer Css */


/*Trek page css*/


#TrekPage_prev-icon, #TrekPage_next-icon {
    border-radius: 50%;
    background-color: grey;
    width: 46px;
    height: 46px;
    font-size: 30px;
    text-align: center;
    line-height: 40px;
    opacity: 1;
    top: 50%;
    transform: translate(-22%,-50%);
    background-image: none;
}

.trekPage_caption p {
    color: white;
    margin: 0px 16px;
    font-weight: 700;
}

.trekPage_caption h1 {
    /* background: rgba(238, 48, 56, 0.7); */
    background-color: rgba(0, 0, 0, 0.5);
    padding: 5px 17px;
    font-weight: bolder;
    font-size: 50px;
    margin: 22px -227px;
    font-variant-caps: petite-caps;
    /* background: linear-gradient(-1deg, #272424d4, #48414133, transparent); */
}

.fa-map-marker, .fa-calendar, .fa-signal {
    display: inline-flex;
    font-size: 21px;
    margin: 0px 11px;
    background: rgba(0, 0, 0, 0.5);
    padding-top: 0px;
    padding-bottom: 0px;
    padding-inline: 10px;
    border-radius: 10px;
    color: white;
}

.icon_sec {
    background-color: #f7efef;
    padding: 9px 0px;
}

    .icon_sec .container {
        max-width: 100%;
    }

.icon_img {
    /* filter:brightness(13.5); */
    width: 20%;
}

.altitude {
    width: 32% !important;
}

.iconimg {
    text-align: center;
}

.trek_details_wrapper {
    background-color: #f7efef;
    padding: 20px 0 !important;
}

.features_style1 img {
    width: 30%;
}

.trek_details_wrapper .row {
    margin-left: -15px;
    margin-right: -15px;
    display: flex;
    display: -ms-flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
}

.trek_details_wrapper .column1, .column2, .column3, .column4 {
    /* flex: 0 0 30%;
    -ms-flex: 0 0 30%;
    max-width: 25%; */
    padding: 0 1% 0 6%;
    /* border-right: 1px solid #beb1b1; */
}

.column4 {
    line-height: 141%;
}

    .column4 .fa-phone,
    .column4 .fa-envelope {
        margin: 0px 7px;
    }

.trek_details_wrapper .support h3 {
    font-size: 20px;
    color: #ef3038;
    margin-bottom: 15px;
}

.detail {
    color: #ee3038;
    font-size: 19px;
    font-weight: 500;
    text-align: center;
}

.bold {
    color: #272323;
    font-size: 17px;
    font-weight: bold;
    margin-top: -16px;
    text-align: center;
}

.person {
    color: white;
    font-size: 20px;
}

.priceline {
    width: 222px;
    color: red;
    height: 5px;
    margin: -1px 150px;
}

    .priceline a {
        color: red;
        border: 1px solid #ee3038;
    }

.price_desc {
    line-height: 116%;
    margin: 14px 0px;
}

.price {
    color: white;
    font-weight: bold;
    font-size: 40px;
    text-align: right;
    background-color: #ee3038;
}

.usdButton {
    background-color: #ee3038;
    display: flex;
}

.usdButtonDiv {
    background-color: #ee3038;
    margin-top: 13px;
}

.column4 h6 {
    font-size: 20px;
    color: #272323;
    font-weight: 700;
}

.column4 a {
    color: #ee3038;
}

.dotted_list {
    margin-top: 20px;
}

.fixed_tiltle {
    font-size: 25px;
    font-weight: bold;
    text-align: center;
}

.fdtitle {
    text-align: center;
    font-weight: 600;
    font-size: 20px;
}

.custom-3d-box {
    margin: 5px 200px;
    margin-top: -20px;
    background-color: white;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.2);
}

.form-select {
    /* width: 14%;
    --bs-form-select-bg-img: url('/assets/images/down.png');
    line-height: 1.5;
    border-radius: 10px;
    color: #ee3038;
    background-position: right 18px top 50%;
    margin-left: 470px;
    cursor: pointer;
    margin-top: 30px;
    background-color: white; */
}

.trekPage_caption {
    /* filter: drop-shadow(0px 0px 8px black); */
}

.overview {
    margin: 5px 200px;
}

    .overview h6 {
        font-size: 20px;
        font-weight: 500;
    }

    .overview h5 {
        color: #ee3038;
        text-align: left;
        font-size: 25px;
        font-weight: 600;
    }

.info {
    font-size: 15px;
    font-weight: 500;
}

.trek_video {
    margin-top: 50px;
    /* margin-bottom: -237px; */
}

.continuebtn {
    color: #ee3038;
    border: none;
    background: white;
    margin: 5px 0px;
    color: #ee3038;
}

    .continuebtn:hover {
        color: #ee3038;
        border-bottom: 1px solid #ee3038;
    }

.participate {
    margin: 5px 200px;
}

    .participate h5 {
        font-size: 30px;
        font-weight: 600;
        color: #ee3038;
    }

    .participate h6 {
        font-size: 20px;
        font-weight: 600;
        color: #ee3038;
    }

.participateUl {
    background-color: #f7efef;
    border-radius: 10px;
    margin-top: 23px;
}

    .participateUl li p {
        padding: 3px 10px;
        margin-top: -20px;
        margin-left: -29px;
        text-align: justify;
    }

.btndiv {
    text-align: center;
}

.paricipant-btn {
    background-color: #ee3038;
    color: white;
    border-radius: 15px;
    border: 1px solid red;
}

    .paricipant-btn:hover {
        background-color: white;
        color: #ee3038;
        border: 1px solid #ee3038;
    }

.addons_collapse {
    /* transition: 0.9s all ease;  */
    /* margin-left: -29px; */
}

.list-group-item {
    background-color: #ff7d73;
    cursor: pointer;
    /* border-radius: 10px; */
    margin-top: 10px;
    color: white;
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
}

    .list-group-item.active {
        background-color: #ee3038;
        color: white;
        border: none;
    }

.collapse.show {
    display: block;
    visibility: visible;
    opacity: 1;
    transition: all 0.3s ease;
}

.card-body-trek {
    background: #f7efef;
    margin: 6px 7px;
    /* border:1px solid red; */
    padding-bottom: 0px;
}

    .card-body-trek a {
        line-height: 100%;
        margin-left: 45px;
        text-align: left;
    }

    .card-body-trek p {
        color: black;
    }

.open {
    font-size: 16px;
    color: #008b5b;
    font-weight: 600;
    margin-left: 83px;
}

.full {
    font-size: 16px;
    color: #ee3038;
    font-weight: 600;
    margin-left: 83px;
}

.close {
    font-size: 16px;
    color: #e7b12e;
    font-weight: 600;
    margin-left: 40px;
}

.dept {
    /* border-left: 3px solid #ee3038; */
}

.itinerary {
    margin: 5px 200px;
}

    .itinerary h5 {
        font-size: 30px;
        font-weight: 600;
        color: #ee3038;
    }

#quickItinerary h5, .tabcontent h5 {
    font-size: 17px;
    font-weight: 600;
    color: #000;
}

.btn-quicklinks {
    background-color: white;
    padding: 6px 15px;
    border-radius: 10px;
    font-size: 17px;
    color: #ee3038;
    margin: 0px 10px;
    border: 1px solid #ff7d73;
}

.btn-dates {
    background: #ee3038;
    color: white;
    padding: 6px 15px;
    border-radius: 10px;
    font-size: 17px;
    margin: 0px 10px;
}

    .btn-dates:focus {
        color: white; /* Sets the text color when the button is focused */
    }

.foote .btn {
    margin-top: -3px; /* Adjust the margin-top value as needed */
}

.btn.active {
    /* Your CSS styles for active buttons here */
    background-color: #FF0000; /* Change this to your desired styles */
    color: #FFFFFF;
}

.tablinks.active {
    /* Your CSS styles for active buttons here */
    background-color: #FF0000; /* Change this to your desired styles */
    color: #FFFFFF;
}

.red_list {
    border-top: 1px solid #ff7d73;
}

.reg_list li::before {
    content: "•";
    color: red;
    margin-right: 5px;
}

.tab {
    overflow: hidden;
    background-color: #ff7d73;
    margin: 12px 0px;
    border-radius: 32px;
    padding: 7px;
}

#quickItinerary {
    margin: 20px 10px;
    font-size: 15px;
    /* font-weight: 600; */
}

    #quickItinerary li, .trekdetails li, .links li {
        margin: 0px -15px;
        text-align: justify;
    }

.whocan li, #inclu-content li, #cance-content li {
    margin: 0px -1px;
    text-align: justify;
}

#trekGraph {
    display: none;
}
.tablinksGallery  {
    margin-left: 10px;
    padding: 2px 15px;
    border-radius: 16px;
    border: unset;
    margin: 2px;
}
.tablinks {
    margin-left: 10px;
    padding: 2px 15px;
    border-radius: 16px;
    border: unset;
    margin: 2px;
}

.tab button.active {
    background-color: #ee3038;
    color: white;
}

.tabcontent {
    display: none;
    padding: 6px 12px;
    border-top: none;
}

    .tabcontent h6 {
        font-size: 17px;
        font-weight: 600;
    }

.red-dot::before {
    content: "\2022"; /* Unicode character for a bullet (•) */
    color: red; /* Set the color to red */
    margin-right: 5px; /* Add spacing between the dot and the text */
    font-size: 25px;
}

.reach {
    margin: 5px 200px;
}

    .reach h5 {
        font-size: 30px;
        font-weight: 600;
        color: #ee3038;
    }

.drop-btn, .pick-btn, .maps-btn {
    border: 1px solid #ee3038;
    background: white;
    border-radius: 10px;
    margin: 0px 5px;
}

    .pick-btn.active,
    .drop-btn.active,
    .maps-btn.active {
        background-color: #ff0000; /* Set the background color to red when active */
        color: #fff; /* Set the text color to white when active */
    }

#pick-content {
    display: block;
}

    #pick-content p {
        text-align: justify;
    }

#drop-content {
    display: none;
}

    #drop-content p {
        text-align: justify;
    }

#maps-content {
    display: none;
}

#contentContainer {
    margin-top: 20px;
}

.cost_terms {
    margin: 5px 200px;
}

    .cost_terms h5 {
        font-size: 30px;
        font-weight: 600;
        color: #ee3038;
    }

.inclu-btn, .exclu-btn, .tour-btn, .cance-btn {
    border: 1px solid #ee3038;
    background: white;
    border-radius: 10px;
    margin: 0px 5px;
}

    .inclu-btn.active,
    .exclu-btn.active,
    .tour-btn.active, .cance-btn.active {
        background-color: #ff0000; /* Set the background color to red when active */
        color: #fff; /* Set the text color to white when active */
    }

#inclue-content {
    display: block;
}

    #inclue-content p {
        text-align: justify;
    }

#exclu-content {
    display: none;
}

#tour-content {
    display: none;
}

#cance-content {
    display: none;
}
#cance-content  hr{
    margin : 0px 0px !important;
    background-color: gray;
}
    #cance-content p {
        text-align: justify;
    }

#c_tcontentContainer {
    margin-top: 20px;
}

.trek_ess {
    margin: 5px 200px;
}

    .trek_ess h5 {
        font-size: 30px;
        font-weight: 600;
        color: #ee3038;
    }

.trek_essv-btn, .trek_essd-btn, .trek_rent-btn {
    border: 1px solid #ee3038;
    background: white;
    border-radius: 10px;
    margin: 0px 5px;
}

    .trek_essv-btn.active,
    .trek_essd-btn.active,
    .trek_rent-btn.active {
        background-color: #ff0000; /* Set the background color to red when active */
        color: #fff; /* Set the text color to white when active */
    }

#essential-download {
    display: none;
}

#EssentialContainer {
    margin-top: 20px;
    text-align: center;
}

#essential-view img,
#essential-download img {
    width: 50%;
    border-radius: 40px;
}

#essential-view,
#essential-download {
    background-color: #f7efef;
}

.bmi {
    margin: 5px 200px;
}

    .bmi h5 {
        font-size: 30px;
        font-weight: 600;
        color: #ee3038;
    }

.links {
    /* border:2px solid #ee3038;
    border-radius: 20px; */
    /* line-height: 100%; */
}

    .links p {
        color: black;
        margin: 10px 25px;
    }

        .links p b {
            color: #ee3038;
        }

.view_print {
    display: flex;
    /* margin: -45px 222px; */
}

    .view_print a {
        margin: 7px 15px;
        color: #ee3038;
    }

.bmi_calculator_wrapper {
    display: flex;
}

.bmi_container h3 {
    background: #ff7d73;
    font-size: 1.1vw;
    color: #fff;
    padding: 10px;
}

.bmi_result > div {
    background: #f7efef;
    text-align: center;
    border-radius: 10px;
    overflow: hidden;
}

.bmi_container h3 {
    background: #ff7d73;
    font-size: 1.1vw;
    color: #fff;
    padding: 10px;
}

.bmi_container .result {
    font-size: 47px;
    color: #35363a;
    font-weight: 600;
    margin: 20px 0 15px;
}

.bmi_calculator_wrapper {
    display: flex;
    display: -ms-flex;
    /* flex-wrap: wrap; */
    -ms-flex-wrap: wrap;
}

.bmi_container p {
    font-size: 18px;
    color: #35363a;
    font-weight: 500;
    padding: 0 15px;
}

.bmi_calculator_wrapper form, .bmi_range {
    flex: 0 0 37.5%;
    -ms-flex: 0 0 37.5%;
    max-width: 37.5%;
    display: flex;
    display: -ms-flex;
    flex-wrap: wrap;
}

    .bmi_range table th {
        font-size: 18px;
        background: #f0e8e9;
    }

    .bmi_range table td, .bmi_range table th {
        border-bottom: 1px solid #dfdfdf;
        border-right: 1px solid #dfdfdf;
        padding: 10px 20px;
        text-align: left;
        background: #fcfcfc;
    }

    .bmi_calculator_wrapper form select {
        margin-bottom: 10px;
        padding: 0 10px;
        font-weight: 600;
        color: #ee3038;
        font-size: 17px;
    }

    .bmi_calculator_wrapper form input {
        font-size: 17px;
        font-weight: 600;
        padding: 0 10px;
        color: #000;
    }

.bmi_calculator_wrapper input, .bmi_calculator_wrapper select {
    height: 54px;
    background: #fcfcfc;
    border: 1px solid #aeaeae !important;
    border-radius: 5px;
}

.bmi_calculator_wrapper form div:nth-child(odd) {
    width: 35%;
}

.bmi_calculator_wrapper form div:nth-child(even) {
    width: 59%;
    margin-left: 6px;
}

#calculate_bmi {
    border: 1px solid red;
    background: white;
    border-radius: 40px;
}

    #calculate_bmi:hover {
        background: #ee3038;
        color: white;
    }

.gallery {
    margin: 5px 200px;
}

    .gallery h5 {
        font-size: 30px;
        font-weight: 600;
        color: #ee3038;
    }

.image-btn, .video-btn {
    border: 1px solid #ee3038;
    background: white;
    border-radius: 10px;
    margin: 0px 5px;
}

    .image-btn.active, .video-btn.active {
        background-color: #ff0000;
        color: #fff;
    }

#video-view {
    display: none;
}

#GalleryContainer {
    margin-top: 20px;
}

.trek_reviews {
    margin: 5px 200px;
}

    .trek_reviews h5 {
        font-size: 30px;
        font-weight: 600;
        color: #ee3038;
        /* text-align: center; */
    }

.slider-trekreview {
    display: flex;
    overflow-x: scroll;
    overflow-y: hidden;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    /* Hide the vertical scrollbar */
    scrollbar-width: none;
    /* Firefox */
    -ms-overflow-style: none;
    /* Internet Explorer/Edge */
}

    /* Hide the vertical scrollbar for Webkit-based browsers (e.g., Chrome, Safari) */
    .slider-trekreview::-webkit-scrollbar {
        display: none;
    }

.slider-btn-left-trekreview {
    left: 10px;
}

.slider-btn-right-trekreview {
    right: 10px;
}

.trekreview_img {
    margin: 10px 10px;
    border-radius: 15px;
}

.faq {
    margin: 5px 200px;
}

.accordion-button:not(.collapsed) {
    color: #ee3038;
    background-color: #f7efef;
}

.accordion-button:focus {
    box-shadow: 0 0 0 0.25rem #f7efef;
}

.faq h5 {
    font-size: 30px;
    font-weight: 600;
    color: #ee3038;
}

.faqg-btn, .faqt-btn {
    border: 1px solid #ee3038;
    background: white;
    border-radius: 10px;
    margin: 0px 5px;
    /* padding: 5px 23px; */
}

    .faqg-btn.active, .faqt-btn.active {
        background-color: #ff0000;
        color: #fff;
    }

#gfaq {
    display: none;
}

#gfaq, #tfaq {
    margin-top: 20px;
}

.similar_treks {
    margin: 5px 200px;
}

    .similar_treks h5 {
        font-size: 30px;
        font-weight: 600;
        color: #ee3038;
    }

.slider-container-trek_reviews {
    display: flex;
    overflow-x: scroll;
    overflow-y: hidden;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    /* Hide the vertical scrollbar */
    scrollbar-width: none;
    /* Firefox */
    -ms-overflow-style: none;
    /* Internet Explorer/Edge */
}

    /* Hide the vertical scrollbar for Webkit-based browsers (e.g., Chrome, Safari) */
    .slider-container-trek_reviews::-webkit-scrollbar {
        display: none;
    }

.slider-btn-left-trek_reviews {
    left: 10px;
}

.slider-btn-right-trek_reviews {
    right: 10px;
}

.simlilar_trek-card {
    width: 20rem;
    height: 23rem;
    margin: 10px 10px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

.simlilar_trek_img {
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
}

div.scroll-container {
    overflow: auto;
    white-space: nowrap;
    padding: 10px;
    margin: -18px 0px;
}

.scroll-container::-webkit-scrollbar {
    height: 10px;
    border-radius: 10px;
}

.mobile-gallery-container {
    display: none;
}
/* .desktop-gallery-container{
    display: block;
} */
.scroll-container::-webkit-scrollbar-thumb {
    background-color: #ee3038;
    width: 10px;
}

.scroll-container::-webkit-scrollbar-track {
    background-color: darkgray;
    border-radius: 10px;
}

div.scroll-container img {
    padding: 10px;
    width: 32%;
}

.popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    text-align: center;
    z-index: 999;
}

.popup-content {
    max-height: 100%;
    max-width: 100%;
    margin: 0 auto;
    display: block;
}

.close-img_popup {
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 30px;
    cursor: pointer;
    color: #fff;
}

.arrow-button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 30px;
    cursor: pointer;
    background: transparent;
    border: none;
    color: #fff;
}

.prev {
    left: 15px;
}

.next {
    right: 15px;
}

.slider-container-announcement {
    display: flex;
    overflow-x: scroll;
    overflow-y: hidden;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    /* Hide the vertical scrollbar */
    scrollbar-width: none;
    /* Firefox */
    -ms-overflow-style: none;
    /* Internet Explorer/Edge */
}

    /* Hide the vertical scrollbar for Webkit-based browsers (e.g., Chrome, Safari) */
    .slider-container-announcement::-webkit-scrollbar {
        display: none;
    }

.slider {
    position: relative;
}

.slider-btn-left-announcement {
    left: 10px;
}

.slider-btn-right-announcement {
    right: 10px;
}

.mobfixed {
    display: flex;
    background-color: #ee3038;
}

.btn-cost {
    margin: 0px 47px;
    background-color: #ee3038;
    color: white;
}
/* */
.foote {
    position: fixed;
    left: 0;
    bottom: 0%;
    width: 100%;
    /* background-color: #eaecf0; */
    color: white;
    text-align: center;
    z-index: 999;
}

.col_icon {
    width: 19.666667%;
}

.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
    animation: 1000ms ease-in-out 0s normal none 1 running fadeInTop;
}

#subheader {
    background-color: #282a35;
    text-align: center;
    padding: 0px 0px;
    border-bottom: 1px solid white;
    overflow-x: hidden;
}

    #subheader ul li a {
        color: white;
        font-size: 15px;
        text-transform: uppercase;
    }

    #subheader ul li {
        margin: 0px -28px;
        flex: 1;
        list-style: none;
        padding: 10px 0px;
        margin-top: 10px;
    }

#navigation li a.active {
    background-color: white;
    color: #ee3038;
    padding: 28px 10px;
    /* Additional styling for active state */
}

#continuemore, #paricipantmore {
    display: none;
}

.carousel-control-next, .carousel-control-prev {
    width: 5%;
}
/* Button styles */
.upslider-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding: 10px 15px;
    background-color: #333;
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    z-index: 1;
}

.update-btn-left {
    left: 10px;
}

.update-btn-right {
    right: 10px;
}

.faq_ftitle {
    text-align: center;
    font-weight: bold;
    color: #ee3038;
    font-size: 30px;
}

.front_faq {
    margin-top: 50px;
}

#quickheader {
    display: none;
    padding: 5px;
    text-align: center;
    background-color: #e5eecc;
    border: solid 1px #c3c3c3;
}

.announcements-update {
    background-color: #282a35;
    border-bottom: 1px solid #ee3038;
    margin: 0px 0px;
}

.announcements {
    /* padding: 15px 75px; */
}

    .announcements p {
        color: white;
        text-align: center;
    }

.announce-btn-prev, .announce-btn-next {
    font-size: 30px;
}

.popup_webinar {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    /* Semi-transparent background */
    z-index: 1000;
    /* Make sure it appears above other content */
}

.webinar-popup-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    text-align: center;
}

#close-popup {
    background-color: #ef3038;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
    margin-top: 10px;
}

#signup {
    background-color: #ef3038;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
    margin-top: 10px;
}

    #signup a {
        color: white;
    }

.dep_detail {
    background-color: #f7efef;
    line-height: 100%;
}

    .dep_detail .priceline {
        display: none;
    }

.price-btn {
    padding: 7px 9px;
    background-color: white;
    border: 1px solid #ee3038;
    border-radius: 10px;
    margin: 5px 7px;
}

.query-form-btn {
    padding: 7px 9px;
    background-color: white;
    border: 1px solid #ee3038;
    border-radius: 10px;
    margin: 5px 7px;
}

.price-btn:hover {
    background-color: #ee3038;
}

.price-btn a {
    color: black;
}

    .price-btn a:hover {
        background-color: #ee3038;
        color: white
    }

#detailedItinerary {
    display: none;
}

.btn-detailed, .btn-quick, .btn-graph {
    border: 1px solid #ee3038;
    background: white;
    border-radius: 10px;
    margin: 0px 5px;
}

    .btn-detailed.active, .btn-quick.active, .btn-graph.active {
        background-color: #ff0000; /* Set the background color to red when active */
        color: #fff; /* Set the text color to white when active */
    }
/* .health p::before,#GovtEmployees p::before,.kids p::before,.links p::before {
    content: "\2022"; 
    color: red; 
    margin-right: 5px;
    font-size: 25px;
   
} */

ul li::marker {
    color: red;
    font-size: 1.2em;
}

.note p {
    margin: 0px;
}

.itinerary_day p {
    margin: 0px;
}

.overview-bg {
    background-color: #f7efef;
    padding-top: 12px;
}

    .overview-bg p {
        text-align: left;
    }

#navigation2 {
    display: none;
}

.overview_img {
    border-radius: 10px;
}

.card-body-addons {
    background: #f7efef;
    margin: 6px 7px;
    padding-bottom: 0px;
    padding-top: 10px;
    padding-left: 10px;
}

    .card-body-addons p {
        color: black;
    }

    .card-body-addons a {
        line-height: 100%;
        margin-left: 45px;
    }

.addon_price {
    font-size: 16px;
    color: #ee3038;
    font-weight: 600;
    margin-left: 156px;
    position: relative;
    display: flex;
    margin-top: -13px;
}

.rotate {
    transform: rotate(180deg);
    transition: transform 0.2s ease-in-out;
    display: flex;
}

.fa-chevron-down {
    display: flex;
    position: relative;
    /* margin: 0px 450px;
    margin-top:-14px; */
    float: right;
}

.trek_video p {
    text-align: justify;
}

.inclu-content h5 {
    font-size: 30px;
    font-weight: 600;
    color: #ee3038;
}

.graph_col {
    margin-top: 10px;
}

.map_col {
    margin-top: 10px;
}

.slider-gallery_vid {
    display: flex;
    overflow-x: scroll;
    overflow-y: hidden;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    /* Hide the vertical scrollbar */
    scrollbar-width: none;
    /* Firefox */
    -ms-overflow-style: none;
    /* Internet Explorer/Edge */
}

    /* Hide the vertical scrollbar for Webkit-based browsers (e.g., Chrome, Safari) */
    .slider-gallery_vid::-webkit-scrollbar {
        display: none;
    }

.slider-btn-left-gallery_vid {
    left: 10px;
}

.slider-btn-right-gallery_vid {
    right: 10px;
}

.gallery_vid_img {
    margin: 10px 10px;
    border-radius: 15px;
}

#imagePopup {
    overflow: hidden; /* Hide both horizontal and vertical scrollbar */
    z-index: 9999;
}

/* Enable horizontal scrolling for images inside #imagePopup 
#imagePopup .popup-content {
    overflow-x: scroll;
    overflow-y: hidden; 
    white-space: nowrap; 
}


#imagePopup .popup-content::-webkit-scrollbar {
    display: none; 
}
*/
#equipment {
    display: none;
}

    #equipment p {
        text-align: justify;
        line-height: 107%;
    }

.whocan p {
    line-height: 100%;
}
/* .whocan p::before {
        content: "\2022"; 
        color: red; 
        margin-right: 5px; 
        font-size: 25px;
       
    }
.trekdetails li p::before,
.trekdetails p::before{
    content: "\2022";
    color: red; 
    margin-right: 5px; 
    font-size: 25px;
} */
.trekdetails img {
    width: 100%;
}

#trek_video img {
    margin: 0px 20px;
}

@keyframes fadeInTop {
    0% {
        opacity: 0;
        transform: translateY(-20px); /* Adjust as needed */
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.mob_help {
    display: none;
}

.all_menu {
    /* border: 2px solid black; */
}

.banner-text {
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
}

    .banner-text h3 {
        color: white;
        font-size: 50px;
        font-weight: bold;
        margin-bottom: 122px;
    }

.customize-help .fa {
    font-size: 15px;
    color: white;
    background: #ee3038;
    padding: 7px 8px;
    border-radius: 50%;
    margin: 2px 8px;
}

.customize-help a {
    color: #ee3038;
    font-weight: 600;
}

.customize-help h6 {
    font-size: 20px;
    font-weight: bold;
    margin-top: 10px;
}

.customize-help p {
    font-weight: 500;
    margin: 0px 0px;
    font-size: 14px;
}

.sun-close {
    color: #ff7d73;
}

.customize-user-detail {
    background-color: white;
    margin-top: 30px;
}


    .customize-user-detail form optgroup{
        border: none;
        padding: 5px 10px;
        margin: 11px 14px;
        width: 100%;
        border-radius: 10px;
    }

    .customize-user-detail form input,
    .customize-user-detail form select {
        border: 1px solid black;
        padding: 5px 10px;
        margin: 11px 14px;
        width: 86%;
        border-radius: 5px;
    }

.select2-container--default .select2-selection--multiple {
    height: 37px;
    margin-left: 13px;
    width: 100%;
}

.responsive-table .single_field {
    justify-content: unset;
}

.customize_desc {
    margin: 20px 27px;
}

    .customize_desc h3 {
        font-size: 23px;
        font-weight: bold;
    }

.btn-bgear, .btn-clothes, .btn-putilites, .btn-hgear, .btn-fgear {
    border: 1px solid #ee3038;
    background: white;
    border-radius: 10px;
    margin: 10px 5px;
}

    .btn-bgear.active,
    .btn-clothes.active,
    .btn-putilites.active,
    .btn-hgear.active,
    .btn-fgear.active {
        background: #ee3038;
        color: white;
    }

#clothes-view,
#putilites-view,
#hgear-view,
#fgear-view {
    display: none;
}

#EssentialContainer td {
    width: 20%;
}

#essential_allbtn {
    background-color: #f7efef;
    margin-top: 10px;
}

.pdf {
    margin-top: 10px;
}

    .pdf a {
        margin-left: 10px;
    }

#toggle-button {
    font-size: 17px;
    border: 1px solid black;
    background: white;
    color: black;
    border-radius: 10px;
    font-weight: 600;
    float: left;
    margin-left: 25px;
    font-style: normal;
    padding: 5px;
    margin-top: -3px;
}

.booking_con #toggle-button {
}

.ui-menu-item:focus {
    background-color: #ee3038; /* Change this to the color you prefer */
}


#inr-price-discounted, #usd-price-discounted {
    font-size: 30px;
    margin-right: 30px;
}

.old_price {
    position: relative;
}
/*-----------------------------------------------------------------------------------------------------------*/
.customizeCon {
    margin-top: 50px;
}


.customize-user-detail h3 {
    font-size: 17px;
    font-weight: 600;
    font-weight: 600;
    color: #ee3038;
    margin: 15px 17px;
}

.customize_desc table td {
    vertical-align: top;
    padding: 25px;
    border-bottom: 1px solid grey;
}

.customize_desc th,
.customize_desc td {
    border: 1px solid black;
}

/* .customize_desc  td {
    border-bottom: 1px solid grey;
} */
.single_field input[type="checkbox"] + label {
    padding-left: 30px;
    position: relative;
    display: inline-block;
}

    .single_field input[type="checkbox"] + label:after {
        position: absolute;
        content: "\f00c";
        font-family: "Font Awesome 5 Free";
        opacity: 0;
        left: 3px;
        top: 0px;
        font-weight: 600;
        color: #ee3038;
        font-size: 13px;
    }

    .single_field input[type="checkbox"] + label:before {
        position: absolute;
        content: "";
        width: 17px;
        height: 17px;
        border: 1px solid #000;
        left: 0;
        border-radius: 3px;
    }

.single_field input[type="checkbox"]:checked + label:after {
    opacity: 1;
}

.single_field input[type="checkbox"] {
    position: absolute;
    z-index: 1;
    width: 20px;
    height: 20px;
    opacity: 0;
    display: none;
}

.contact-form .customize-help {
    background-color: white;
    margin: 15px 0px;
    border-radius: 10px;
    margin-bottom: 136px;
}

.customize-help {
    background-color: white;
    margin: 15px -34px;
    border-radius: 10px;
    margin-bottom: 136px;
}

.extra-detail {
    width: 90%;
    border: 1px solid black;
    margin: 10px 15px;
    border-radius: 5px;
}
.suggest-textarea{
    width: 90%;
    border: 1px solid black;
    margin: 10px 15px;
    border-radius: 5px;
}

.cbutton {
    margin: 0px -25px;
}

.btn-customized {
    background: #ee3038;
    color: white;
    font-size: 20px;
    width: 20%;
    border: none;
    padding: 5px 10px;
    margin: 11px 14px;
    border-radius: 10px;
}

.reset-btn {
    background: lightgray;
    color: #ee3038;
    font-size: 20px;
    border: 1px solid #ee3038;
    width: 20%;
    border: none;
    padding: 5px 10px;
    margin: 11px 14px;
    border-radius: 10px;
}

.know_customize {
    margin-top: -20px;
}

.know_customize b,
.know_suggest b {
    font-size: 20px;
    color: #ee3038;
}

.know_customize button,
.know_suggest button {
    border: 1px solid red;
    padding: 6px 7px;
}

.accordion-button:focus {
    border-color: unset !important;
}

.form_desc {
    font-size: 17px;
    font-weight: 600;
    margin: 0px 19px;
}

.standard, .premium {
    text-align: center;
}

    .standard h4, .premium h4 {
        font-size: 36px;
        font-weight: 600;
    }

.standard-icon {
    width: 20%;
}

.premium-icon {
    width: 15%;
}


.suggest-form form input,
.suggest-form form optgroup,
.suggest-form form select {
    border: 1px solid black;
    padding: 5px 10px;
    margin: 11px 14px;
    width: 100%;
    border-radius: 5px;
}

.suggest-form {
    background-color: white;
    margin-top: -57px;
    border-radius: 10px;
    padding-top: 1px;
}

    .suggest-form h3 {
        font-size: 30px;
        font-weight: 600;
        font-weight: 600;
        color: #ee3038;
        margin: 15px 17px;
    }

.suggest_desc {
    font-size: 17px;
    font-weight: 600;
    margin: 0px 19px;
}
/* ------------------------------------------*/
.fa-question-circle {
    position: relative;
    display: inline-block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    bottom: 26px;
    left: 269px;
}

    .fa-question-circle .popuptext {
        visibility: hidden;
        width: 400px;
        background-color: white;
        color: black;
        text-align: justify;
        border-radius: 6px;
        padding: 5px 9px;
        position: absolute;
        z-index: 999;
        top: 0%;
        left: 50%;
        /* margin-left: -80px; */
        margin: -14px -439px;
        border: 1px solid #ee3038;
    }

.popuptext ul {
    /* margin-left: -30px; */
}

.fa-question-circle .popuptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.fa-question-circle .show {
    visibility: visible;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.suggest-main {
    background-color: #f7efef;
}

.suggest-form-part2 {
    display: flex;
    margin: 0px 160px;
}

.suggst_hover {
    margin-top: 30px;
}

.suggest-form-part2 .option label {
    padding: 70px;
    justify-content: center;
    -webkit-justify-content: center;
    display: flex;
    display: -ms-flex;
    border: 1px solid #d1d1d1;
    border-radius: 10px;
    height: 210px;
    align-items: center;
    -webkit-align-items: center;
    font-size: 28px;
    color: #ee3038;
    font-weight: 500;
    text-align: center;
    background-color: white;
}

.suggest-form-part2 .option input:checked + label {
    background: #ee3038;
    color: #fff;
}

.suggest-form-part2 .option input {
    display: none;
}

.suggest-main hr {
    margin: 30px 30px;
}

.colored_label {
    color: #ee3038;
    font-size: 23px;
    color: #121212;
    font-weight: 600;
    margin-bottom: 20px;
    display: block;
    margin-left: 28px;
}

.inline_fields {
    display: flex;
    display: -ms-flex;
    margin: 0 -15px;
}

.responsive-table .single_field {
    display: block !important;
}

.single_field {
    padding: 0 15px;
    min-width: 188px;
    margin-left: 28px;
    display: flex;
    align-items: center;
    justify-content: center
}

.duration {
    width: 70% !important;
}
/* .suggest-textarea{
    width: 100%!important;
    display: block!important;
    height: 155px!important;
    max-width: 530px!important;
    border: 1px solid #d1d1d1!important;
    border-radius: 10px!important;
    padding: 20px;
} */
.btn-suggest {
    background: #ee3038;
    color: white;
    font-size: 20px;
    width: 20%;
    border: none;
    padding: 5px 10px;
    margin: 11px 14px;
    border-radius: 10px;
}

.btn-suggest-reset {
    background-color: white;
    color: #ee3038;
    border: 1px solid #ee3038 !important;
    width: 16% !important;
    font-size: 20px;
}


.disable-content {
    pointer-events: none;
    opacity: .3;
}

.suggest-main .single_field {
    min-width: 150px;
}

.SuggestCon {
    margin: auto;
    width: 75%;
    margin-top: 66px;
}
/* End suggest-me.html css*/

#trekForm .error{
    margin-left: 6px;
    margin-top: 0px;
}
/* start contact-us.html css*/
.contact-form {
    /* background-color: #f0b8bb; */
  
    border-radius: 10px;
    padding-top: 1px;
    padding-bottom: 1px;
}

    .contact-form form input,
    .contact-form form optgroup,
    .contact-form form select,
    .contact-form form textarea {
        border: 1px solid black;
        padding: 5px 10px;
        margin: 11px 14px;
        width: 100%;
        border-radius: 5px;
    }

    .contact-form textarea {
        height: 155px;
        width: 84% !important;
    }

.error {
    color: red;
    font-size: 14px;
    margin: -10px 26px;
    display: block;
}

.form-Contact {
    display: flex;
}

    .form-Contact > div {
        margin-right: 20px; /* Adjust the margin between child divs as needed */
        width: 40%; /* Adjust the margin between child divs as needed */
    }

.contactBtn {
    /* margin: 26px 13px; */
    /* display: flex; */
    margin-left: 20px;
}

.btn-contact-us {
    background-color: #ee3038;
    color: white;
    font-size: 17px;
    border: none;
    padding: 7px 30px;
    border-radius: 10px;
}

.btn-contact-reset {
    background-color: white;
    color: #ee3038;
    font-size: 17px;
    border: 1px solid #ee3038;
    padding: 7px 30px;
    border-radius: 10px;
    margin-left: 30px;
}

.contactBtn .customize-help {
    position: relative;
    bottom: 200;
}

.fa-briefcase {
    font-size: 15px;
    color: white;
    background: #ee3038;
    padding: 7px 8px;
    border-radius: 50%;
    margin: 2px 8px;
}

.locationMap {
    /* background-color: #f7efef; */
    text-align: center;
    margin-top: -14px;
    padding-bottom: 38px;
}

    .locationMap iframe {
        height: 400px;
    }

    .locationMap h4 {
        font-size: 50px;
        font-weight: 600;
        color: #000;
        margin-top: 10px;
    }

.contact-address h6 {
    margin-top: 10px;
    font-size: 14px;
}

.contact-address p {
    font-weight: 100;
    font-size: 14px;
}
/* End contact-us.html css*/
/* start Login.html css*/

.loginBtn {
    text-align: center;
    margin-top: 50px;
}

.login-form-btn {
    background-color: white;
    color: black;
    padding: 0px 25px;
    font-size: 18px;
    border-radius: 10px;
}

.register-form-btn {
    background-color: white;
    color: black;
    padding: 0px 25px;
    font-size: 18px;
    border-radius: 10px;
}

    .login-form-btn.active,
    .register-form-btn.active {
        background-color: #ee3038;
        color: white;
        border: none;
    }

.formContainer {
    text-align: center;
    margin-top: 20px;
}

#RegisterContainer {
    display: none;
}

#loginContainer {
    margin: 25px 0px;
}

    #loginContainer form,
    #RegisterContainer form {
        background-color: white;
        width: 37%;
        margin: 0px auto;
        border-radius: 10px;
        margin-bottom: 10px;
    }

.formContainer form optgroup,
.formContainer form select,
.formContainer form textarea {
    border: none;
    padding: 11px 17px;
    margin: 11px 14px;
    width: 70%;
    border-radius: 10px;
}

.formContainer form button {
    border: none;
    padding: 5px 0px;
    margin: 11px 14px;
    width: 70%;
    border-radius: 10px;
}

.formContainer form input {
    border: 1px solid black;
    padding: 5px 10px;
    margin: 11px 14px;
    width: 70%;
    border-radius: 5px;
}

#loginContainer .single_field input[type="checkbox"] + label:before {
    border: 1px solid #ee3038;
}

.password-forgot {
    margin-left: 212px;
    color: #ee3038;
    font-weight: 600;
}

.user-login,
.user-registration {
    background-color: #ee3038;
    color: white;
}

.signup,
.login {
    color: #ee3038;
    cursor: pointer;
}

.login_accordian,
.registration_accordian {
    width: 44%;
    margin: 0px auto;
    margin-top: -16px;
}

    .login_accordian button,
    .registration_accordian button {
        border: 1px solid #000;
        padding: 6px 7px;
    }
    .login_accordian .card-body p{
        text-align: justify;
    }
.iti__flag-container {
    left: 113px !important;
}

.intl-tel-input .iti {
    width: 100%;
    position: relative;
}

.login-with-password,
.otp-login {
    width: 33% !important;
    padding: 0px !important;
}

    .login-with-password.active,
    .otp-login.active {
        background-color: #ee3038;
        color: white;
    }

.verify-otp {
    background-color: #ee3038;
    color: white;
}

#otp-div {
    display: none;
}

.otp-login {
}
/* Start  booking.html css*/
/* End  booking.html css*/
#user-registration {
    margin-top: -50px;
}

.no-user {
    margin-top: -48px;
}

.no-user .fnameB,
.no-user .lnameB,
.no-user .phoneB,
.no-user .emailB {
    width: 50%;
    margin: 6px 3px;
        padding: 4px 6px;
        border-radius: 5px;
        border: 1px solid black;
}


.booking_con {
    /* background-color: #f0b8bb; */
    background-color: #F0F8FF !important;
    margin-top: 15px;
      margin-bottom: 50px;
    padding-bottom: 1px !important;
    border-radius: 10px;
    text-align: center;
    width: 50%;
}

    .booking_con :focus {
        box-shadow: unset;
    }

.select_date {
    display: flex;
    margin-left: 10px;
}

.date-dropdown {
    width: 64%;
    height: 35px;
    border-radius: 10px;
    font-size: 15px;
}

.open-option {
    color: green;
}


.findUser {
    background: #ee3038;
    color: white;
    border: none;
    padding: 4px 10px;
    border-radius: 10px;
    margin: 6px 4px;
}
.SearchExist {
    margin: 0px auto;
    width: 50%;
}
.SearchExist .emailS{
    padding: 3px 2px;
    border-radius: 8px;
    border: 1px solid black;
    width: 80%;
}
.searchPartici {
    margin-top: 10px;
}
.PariciPantSection {
    width: 50%;
    margin: 0px auto;
    margin-top: -18px;
    background-color: #F0F8FF !important;
}
.buttonBookingDiv{
    margin: 0px 87px;
}
.booking_con #toggle-buttonBooking {
    font-size: 17px;
    border: none;
    background: #ee3038;
    color: white;
    border-radius: 10px;
    font-weight: 600;
    float: right;
    /* margin-left: 248px; */
    font-style: normal;
    padding: 5px;
    margin-top: -53px;
    /* width: 100%;*/
}
.Booking_SectionNew {
    margin: 0px 40px;
}
.booking_con h1 {
   /* margin: -10px 7px;*/
    /* background: #ee3038;*/
    margin-top: 17px;
    color: black;
    padding: 14px;
    border-radius: 10px;
    font-size: 22px;
    font-weight: 600;
    text-align: center;
}
.BookingDate {
    margin-top: -38px;
}
.booking_main_price {
    margin-top: -38px;
}

    .booking_main_price .person {
        color: black;
        font-size: 20px;
    }

 .booking_main_price .priceB {
        color: black;
        font-weight: 600;
        font-size: 26px;
    }

.price_book {
    color: #dd2330;
    font-weight: bold;
    font-size: 40px;
    text-align: center;
    border: 1px solid #000;
    padding: 5px;
    margin: 0px 9px;
}

.usd-btn {
    text-align: center;
}

.Partcipant_title {
    margin-left: 20px;
    /* color: #555555; */
    font-weight: 600;
}

.addparticipant {
    margin: 0px 0px;
}

.name_col {
    width: 100%;
    margin: 0px 0px;
}

.participant_name {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid black;
    /* text-align: center; */
    background: white;
    /* padding: 3px 0px; */
    /* margin-top: 10px; */
    border-radius: 10px;
    /* height: 33px; */
    position: relative;
}

    .participant_name p {
        margin: 4px 10px;
    }

    .participant_name .fa-times {
        position: absolute;
        right: 5px;
        top: 0;
        color: #ee3038;
        cursor: pointer;
    }

.booking_con form input,
.booking_con form button {
    border: none;
    padding: 5px 17px;
    margin: 11px 7px;
    width: 35%;
    border-radius: 10px;
}

.btn-adduser {
    background-color: #ee3038;
    color: white;
}
.btn-addUser {
   width:100%;
   margin: 0px auto;
}
.btn-addparticipant {
    background: #ee3038;
    color: white;
    border: none;
    width:100%;
    padding: 3px 0px;
    border-radius: 10px;
}
.search-existence {
    position: relative;
    top: 3px;
    left: 20;
}

#check_user_status {
    color: black;
    display: block;
    margin: 45px 20px;
}

.notregister-p {
    text-align: center;
    font-size: 20px;
}

.fname, .lname, .phone, .email {
    width: 22%;
}

.notregister-p a {
    color: #ee3038;
}

.AddonPrice {
    margin-left: 10px;
    /* font-size: 18px;
    font-weight: 300; */
    /* position: relative;
    left: 203px;
    display: flex;
    top: -17px; */
}

.addon_container {
    /* border: 1px solid black; */
    border-radius: 10px;
    text-align: center;
    width: 50%;
    margin-top: -18px;
    background-color: #F0F8FF !important;
}

    .addon_container h3 {
        margin: 10px;
        font-size: 25px;
        font-weight: 600;
        /* color: #9e9e9e; */
    }

.addon_table .single_field {
    display: block;
    text-align: justify;
}

.addon_table .fa-info-circle {
    margin-right: 25px;
}

.AddonPopup {
    display: none;
}

    .AddonPopup.show {
        display: block;
    }

.AddonPopup {
    display: none;
    position: absolute;
    background-color: #000;
    /* border: 1px solid #ccc; */
    color: white;
    padding: 10px;
    z-index: 1;
    font-size: 12px;
    width: 30%;
}

.fa-info-circle {
    cursor: pointer;
    position: relative;
}

    .fa-info-circle:hover + .AddonPopup {
        display: block;
    }

.addon_table th {
    border-right: 1px solid black;
}

#addonPopup li {
    margin-left: 12px;
}

.coupon_title {
    color: #ee3038;
    margin: 10px;
    font-size: 25px;
    font-weight: 600;
}

.coupon_con {
    text-align: center;
    width: 52%;
}

    .coupon_con form input {
        padding: 11px;
    }

.Coupon-btn {
    padding: 4px 26px;
    border: none;
    background-color: #ee3038;
    color: white;
    margin-left: 12px;
    border-radius: 10px;
}

.vouchers {
    border: 1px solid #000;
    border-radius: 10px;
}

    .vouchers h5 {
        margin: 10px;
        font-size: 25px;
        font-weight: 600;
        color: #9e9e9e;
    }

.coupon_hr {
    width: 28%;
    margin: 10px auto;
    height: 11px;
    padding: 3px 0px;
    background-color: #9e9e9e;
}

.vouchers .fa-info-circle {
    margin-right: 25px;
}

.vouchers .single_field {
    display: block;
}

.individual_voucher {
    /* border: 1px solid black; */
    border-radius: 10px;
   margin-top: 20px;
    width: 50%;
    text-align: center;
    background-color: #F0F8FF !important;
}

    .individual_voucher .fa-info-circle {
        margin-right: 25px;
    }

.vouchers_table th {
    text-align: center;
    padding: 0px 45px;
}

.vouchers_table th {
    border-right: 1px solid black;
}

.vouchers_table .single_field {
    display: block;
    text-align: justify;
}

.individual_voucher h5 {
    margin: 10px;
    font-size: 25px;
    font-weight: 600;
    /* color: #9e9e9e; */
}

.payment_con {
    /* border: 1px solid #000; */
    border-radius: 10px;
    text-align: center;
    width: 50%;
    margin-top: -18px;
    padding-bottom: 13px;
    background-color: #F0F8FF !important;
}

    .payment_con .single_field {
        margin-top: 15px;
    }

    .payment_con h5 {
        margin: 10px;
        font-size: 25px;
        font-weight: 600;
        /* color: #9e9e9e; */
    }

    .payment_con table {
        /* border: 1px solid #707070; */
        border-radius: 10px;
        padding: 20px;
        padding-right: 15%;
        margin-top: 35px;
        margin-bottom: 20px;
        border-top: 2px solid #b5b5b5;
        padding-top: 10px;
        margin-top: 10px;
        margin: 0px 40px;
        width: 90%;
    }

        .payment_con table tr td:nth-child(1) {
            font-size: 19px;
            color: #949494;
            padding: 10px;
            width: 80%;
            text-align: justify;
        }

        .payment_con table tr td:nth-child(2) {
            font-size: 19px;
        }

tr.total_amount_row {
    border-top: 2px solid #b5b5b5;
    padding-top: 10px;
    margin-top: 10px;
}

.payment_con h6 {
    text-align: center;
    font-size: 30px;
    font-weight: 600;
    color: #9e9e9e;
}

.terms_accordian {
    /* width: 70%;
    margin: 0px 200px; */
    border: none;
}

    .terms_accordian .card-body {
        /* border: 1px solid #b5b5b5; */
        text-align: justify;
    }

.term-button {
    height: 30px;
    text-align: center; /* Center the text horizontally */
    display: flex;
    justify-content: center;
    border: 1px solid #b5b5b5;
    margin-top: 10px;
}

.trek_pay {
    border: none;
    font-size: 17px;
    background: #ee3038;
    color: white;
    padding: 10px 35px;
    border-radius: 10px;
}

.term-button b {
    width: 100%;
}
/* .table_payment th{
    padding-left: 30px;
}
.table_payment td{
    padding-left: 100px;
} */
/**/
.user-icon-container {
    position: relative;
    display: none;
}
.mobcotactmenu a{
    border-bottom: unset ;
    
}
.hover-content {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    background-color: white;
    padding: 5px;
    border: 1px solid black;
    width: 14rem;
}

.user-icon-container:hover .hover-content {
    display: block;
}

.login-link,
.logout-link {
    display: block;
    text-decoration: none;
    color: #333;
    margin-bottom: 5px;
    border-bottom: 1px solid #ee3038;
    background-color: white;
}

    .login-link:hover,
    .logout-link:hover {
        color: white;
        background-color: #ee3038;
    }
/* End  Login.html css*/
/* Start user-dashboard.html css*/
.cancelled-booking {
    background-color: grey;
    opacity: 0.4;
    color: white;
}
.accordion-userDash {
    display: none;
}

.user-dash {
    text-align: center;
    margin-top: -37px;
}

.profile-btn, .profile-trek-btn, .profile-btn-password {
    border: none;
    color: #ee3038;
    border-radius: 10px;
    border: 1px solid #ee3038;
    background-color: white;
    padding: 6px 35px;
    border-radius: 10px;
}

    .profile-btn.active,
    .profile-trek-btn.active,
    .profile-btn-password.active {
        background-color: #ee3038;
        color: white;
    }

#trek-dasboard, #trek-password {
    display: none;
}

#trek-password {
    text-align: center;
    margin-top: 20px;
}

#profile-dasboard {
    margin: 11px auto;
    border: none;
    /* background-color: #f0b8bb; */
    width: 60%;
    display: flex;
    border-radius: 10px;
    padding: 25px 0px;
}
#profile-dasboard .table-responsive tr td{
    padding: 8px 0px !important;
}
#profile-dasboard .col-md-6 img{
width: 100%;
}
#trek-dasboard {
    margin: 11px;
    /* border: none;
    width: 100%;
    border-radius: 10px;
    border:1px solid rgba(0,0,0,.1); */
}

.idfront1,
.idfront2,
.photo {
    width: 31% !important;
}

#profile-dasboard label {
    font-size: 12px;
    left: 43;
    position: relative;
    top: 0;
    display: block;
    margin-bottom: -5px;
    font-weight: bold;
}

input[type="file"] {
    display: block;
    margin-bottom: 15px;
    /* Add any other styles you want for the input fields */
}

.input-row {
    display: flex;
    flex-wrap: wrap;
}

    .input-row label,
    .input-row input[type="file"] {
        margin-right: -52px;
        margin-bottom: 0px;
    }

.save-changes {
    text-align: center;
}

table.shop_table {
    border: 1px solid rgba(0,0,0,.1);
    margin: 0 -1px 24px 0;
    text-align: left;
    width: 100%;
    border-collapse: separate;
    border-radius: 5px;
}

    table.shop_table thead,
    table.shop_table tbody tr {
        display: table;
        width: 100%;
        table-layout: fixed;
    }

    table.shop_table td {
        border-top: 1px solid rgba(0,0,0,.1);
        padding: 9px 12px;
        vertical-align: middle;
        line-height: 1.5em;
    }

.Payment_Status span {
    /* background-color: green; */
    color: #fff;
    padding: 5px;
    font-size: 12px;
    border-radius: 5px;
}

.Addons {
    margin-bottom: 20px;
}

    .Addons ul {
        list-style: square;
        margin-bottom: 0px;
        width: 250px;
        margin-left: -79px;
        margin-top:20px;
    }

        .Addons ul li {
            text-transform: capitalize;
            font-size: 15px;
            list-style: square;
            margin-top:-10px;
        }

            .Addons ul li a {
                font-size: 12px;
                color: black;
            }

.Addons_unpaid {
    background-color: #ee3038;
    color: #fff;
    padding: 4px 22px;
    font-size: 10px;
    border-radius: 5px;
    position: relative;
    left: 76px;
    display: flex;
    top: -26px;
}
.Addons_paid {
    background-color: green;
    color: #fff;
    padding: 4px 22px;
    font-size: 10px;
    border-radius: 5px;
    position: relative;
    left: 76px;
    display: block;
    top: -26px;
    width:40%;
}
 .trekUnpaid {
    padding: 4px 22px;
    color: #fff;
    border-radius: 5px;
    background-color:#ee3038;
}
.trekPaid {
    padding: 4px 22px;
    color: #fff;
    border-radius: 5px;
    background-color:green;
}

.sales_comments {
    margin-bottom: 20px;
}

.btn-btnone, .btn-btntwo, .btn-btnthree {
    border: none;
    color: white;
    background-color: #f0b8bb;
    /* border: 1px solid #ee3038; */
    padding: 5px;
    border-radius: 5px;
    margin-top: 5px;
}

    .btn-btnone:hover,
    .btn-btntwo:hover,
    .btn-btnthree:hover {
        background-color: #ee3038;
        color: white;
    }

.pay-now-button-addons span {
    background-color: MediumSeaGreen;
    color: #fff;
    padding: 1px 6px;
    font-size: 15px;
    border-radius: 5px;
    margin-bottom: 0px;
    cursor: pointer;
    display: inline-block;
    margin-left: 5px;
}


.trekPaid {
    padding: 4px 22px;
    color: #fff;
    border-radius: 5px;
    background-color: green;
}

#profile-dasboard select,
#profile-dasboard form input {
    border: border 1px solid black;
    padding: 5px 17px;
    margin: 11px 7px;
    width: 31%;
    border-radius: 10px;
}

#trek-password form input,
#trek-password form select {
    border: none;
    padding: 5px 17px;
    margin: 11px 7px;
    width: 60%;
    border-radius: 10px;
    border:1px solid black;
}

#trek-password form {
    background-color: #f0b8bb;
    width: 50%;
    translate: 50% 0%;
    border-radius: 10px;
    padding: 25px 0px;
}

.btn-ChangePassword {
    background-color: #ee3038;
    color: white;
    font-size: 14px;
    padding: 10px 20px;
    border-radius: 10px;
    border: none;
    width: 60%;
    margin-left: -18px;
}

.otp-request {
    border: 1px solid #ee3038;
    color: #ee3038;
    background-color: white;
    padding: 4px;
    border-radius: 10px;
}

.EnterOtp {
    display: none;
}
/* End user-dashboard.html css*/
/* satrt popup form query */
.form-popup-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
}

.form-popup-bg {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(94, 110, 141, 0.9);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
    overflow-y: auto;
    z-index: 10000;
}

    .form-popup-bg.is-visible {
        opacity: 1;
        visibility: visible;
        -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
        -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
        transition: opacity 0.3s 0s, visibility 0s 0s;
    }

.form-container {
    /* background-color: white; */
    border-radius: 10px;
    /* box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); */
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    padding: 40px;
    /* color: #fff; */
}
.form-container p{
    color:white;
}
.close-button {
    border: 1px solid black;
    background: none;
    color: black;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 34px;
    right: 0;
    border: solid 1px black;
}

.form-popup-bg:before {
    content: '';
    background-color: #fff;
    opacity: .25;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.form-container .form-group,
.form-container label {
    margin: 7px;
}

.btn-popup-query {
    margin-top: 10px;
    padding: 12px 16px;
    border-radius: 10px;
    background: #ee3038;
    border: none;
    color: white;
    width: 100%;
}
/* end popup form css*/
/* start all-trek.html css*/
.all-trek-desktop {
    display: block;
}

.all-trek-mob {
    display: none;
}
/* .contact_color {
    height: 200px;
    width: 100%;
    background-color: #fcbeb1;
} */
.content {
    position: relative;
    left: 50%;
    top: 57%;
    transform: translate(-50%,-50%);
    margin-top: 35px;
    width: 100%;
}

    .content .page_title {
        font-size: 30px;
        color: #fff;
        text-shadow: 13px 3px 32px #000000eb;
        text-align: center;
        font-weight: bold;
    }

.all_trek_allcheck input[type="checkbox"] {
    width: 15px;
    height: 15px;
}

.all_trek_allcheck label {
    bottom: 15px;
    top: unset;
    font-size: 13px;
    left: 20px;
}

.AllTrek-Con {
    /* margin: 0px 73px; */
}

.alltrek-banner {
    margin-top: 35px;
}

    .alltrek-banner h3 {
        font-size: 50px;
        color: #fff;
        text-shadow: 13px 3px 32px #000000eb;
        text-align: center;
        position: relative;
        bottom: 134px;
        font-weight: bold;
    }

.all_trek-card .trek_name {
    font-size: 21px;
}

.all-trek {
    background-color: #ee3038;
    color: white;
    font-size: 17px;
    font-weight: 600;
}

.all_trek_allcheck {
    font-size: 14px;
}

    .all_trek_allcheck label {
        margin-bottom: 10px;
    }

    .all_trek_allcheck h6 {
        font-size: 14px;
        font-weight: 600;
        margin-bottom: 10px;
    }

.alltrek_btn {
    text-align: center;
    margin-top: 10px;
}

    .alltrek_btn .resetbtn {
        background-color: #000;
        color: white;
        border: none;
        border-radius: 10px;
        padding: 10px 30px;
        font-size: 15px;
    }

    .alltrek_btn .filterbtn {
        background-color: #ee3038;
        color: white;
        border: none;
        border-radius: 10px;
        padding: 10px 30px;
        font-size: 15px;
    }

.all_trek-card {
    width: 100%;
    /* height: 23rem;
    margin-left: 15px; */
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    margin-top: 30px;
}

.all_trek_img {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

.all_trek_con {
    color: white;
    background-color: rgba(0, 0, 0, 0.5);
    margin-top: -111px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    overflow: hidden;
    height: 7rem;
}

.btn-all-trek {
    color: white;
    border: 2px solid #ee3038;
    padding: 0px 7px;
    border-radius: 10px;
    margin: 0px 145px;
    margin-top: -84px;
}

/* End all-trek.html css*/
.slider-equipment {
    display: flex;
    overflow-x: scroll;
    overflow-y: hidden;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    /* Hide the vertical scrollbar */
    scrollbar-width: none;
    /* Firefox */
    -ms-overflow-style: none;
    /* Internet Explorer/Edge */
}

    /* Hide the vertical scrollbar for Webkit-based browsers (e.g., Chrome, Safari) */
    .slider-equipment::-webkit-scrollbar {
        display: none;
    }

.slider-btn-left-equipment {
    left: 10px;
}

.slider-btn-right-equipment {
    right: 10px;
}

.equpiment-img {
    margin: 10px 10px;
}

.offer-title {
    background-color: aliceblue;
    padding: 0px;
    text-align: center;
    color: #ee3038;
    font-size: 18px;
    font-weight: 600;
    display: flex;
    margin: 0px auto;
    justify-content: center;
    align-items: center;
}
.offer-title p {
     margin-top: unset; 
     margin-bottom: unset; 
}

.mob-all-banner {
    display: none;
}

.form-coupon {
    text-align: center;
    margin-top: -18px !important;
}

.contactCon h3 {
    font-weight: 600;
    text-align: center;
    margin-top: 10px;
}

.contact_desc {
    text-align: center;
}
/* .custom-3d-box dep_detail{
    text-align: center;
} */
/*EndTrek page css*/
#loader-container {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Background with low opacity */
    z-index: 9999;
}

.loader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 6px solid #f3f3f3; /* Light grey */
    border-top: 6px solid #ee3038; /* Blue */
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

#success-message {
    display: none;
    text-align: center;
    background-color: #4CAF50; /* Green */
    color: white;
    padding: 10px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
}

#Loginsuccess-message {
    display: none;
    text-align: center;
    background-color: green;
    color: white;
    padding: 4px 0px;
    position: fixed;
    top: 19%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
    border-radius: 10px;
    width: 50%;
}

#LoginError {
    display: none;
    text-align: center;
    background-color: black;
    color: white;
    padding: 4px 0px;
    position: fixed;
    top: 19%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
    border-radius: 10px;
    width: 50%;
}

#allFieldsError {
    display: none;
    text-align: center;
    background-color: red; /* Green */
    color: white;
    padding: 10px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
}

.itinerary .tabcontent img {
    width: 100%;
    border-radius:10px
}

.MobileGalleryContainer {
    display: none;
}

.DesktopGalleryContainer {
    display: block;
}

.responsive-table-mob {
    display: none;
}
/* start article*/
.MainArticle {
    margin-top: 45px;
}

.tth_track {
    color: black;
    font-size: 14px;
    margin: 0px 17px;
}

.loyalty_dis {
    color: black;
    font-size: 17px;
    line-height: normal;
    /* background-color: #ee3038; */
    padding: 7px;
    font-weight: 600;
    border-bottom: 1px solid red;
}

.articleCard a {
    text-decoration: underline;
    margin-left: 19px;
    /* margin-top: -20px; */
    color: #ee3038;
}

.btn-trending,
.btn-latest {
    border: 1px solid #ee3038;
    background: white;
    border-radius: 10px;
    margin: 0px 5px;
}

    .btn-trending.active,
    .btn-latest.active {
        background-color: #ff0000; /* Set the background color to red when active */
        color: #fff; /* Set the text color to white when active */
    }

#latestContent {
    display: none;
    margin-top: 15px;
}
#trendingContent{
    margin-top: 15px;
}
.article-UpcomingDiv{
    margin: -33px 140px;
}
.sidetrending {
    margin-bottom: 20px; /* Adjust spacing between items if needed */
}

.image-with-text {
    /* display: flex; */
    align-items: center;
    margin-top: 40px;
}
.article-LatestDiv{
    margin-top: -18px;
}

    .article-UpcomingImage,
    .article-LatestImage{
        width: 278px !important;
        height: 166px !important;
    }
    .article-UpcomingName {
        font-size: 20px;
        color: black;
        font-weight: 600;
        margin-top: 10px;
    }
    
    .article-UpcomingLocation{
        color:black;
         margin-top: -10px;
    }
    .article-LatestHeading{
        color:black;
    }
    .article-UpcomingBtn {
        padding: 2px 15px;
        border: none;
        color: white;
        background: #ee3038;
        border-radius: 5px;
    }
    /* .image-with-text p {
        margin-left: 10px;
        font-size: 14px;
        font-weight: 600;
    } */

.discount_banner .content {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    margin-top: 35px;
    width: 100%;
}

.contact_color {
    height: 48px;
    width: 100%;
    background-color: #282a35;
}

.articleDetail {
    margin-top: 25px;
}

    .articleDetail .col-md-7 img {
        width: 100%;
    }

.back-button {
    background-color: #000000;
    color: white;
    padding: 5px 10px;
    border-radius: 5px;
    margin-left: 20px;
}

.suggestedTrek h3 {
    text-align: center;
    color: #ee3038;
    font-weight: 600;
    font-size: 35px;
}
/* end article*/
/* footer page start*/
.disclaimer_desc p, .insurance_desc p, .terms_desc p, .webPrivacy_desc p, .about_desc p {
    font-size: 17px;
    text-align: justify;
}

.carousel-indicators {
    display: none;
}
/* footer page end*/

#terms-error-msg {
    position: absolute;
    background-color: #ee3038;
    color: white;
    padding: 5px 10px;
    text-align: start;
    margin-top: -72px;
}

.mobcotactmenu {
    display: block;
    border-bottom: 1px solid red;
}


.forgetSection {
    margin: 0px auto;
    width: 35%;
    margin-top: 60px;
}

    .forgetSection form input,
    .forgetSection form button {
        border: 1px solid black;
        padding: 5px 10px;
        margin: 11px 0px;
        width: 100%;
        border-radius: 5px;
    }

    .forgetSection form button {
        background-color: #ee3038;
        border: none;
    }

        .forgetSection form button:hover,
        .forgetSection form button:active {
            background-color: #ee3038;
            border: none;
        }

.sentlink {
    width: 35%;
    margin: 0px auto;
    margin-top: 20px;
    font-size: 20px;
    text-align: justify;
}

    .sentlink .fa-check {
        font-size: 50px;
        color: green;
        border: 4px solid green;
        border-radius: 50%;
        padding: 10px 10px;
    }
    .ui-state-active,
    .ui-widget-content .ui-state-active,
    .ui-widget-header .ui-state-active,
    a.ui-button:active,
    .ui-button:active,
    .ui-button.ui-state-active:hover {
       border:none !important;
        background: #ee3038 !important;
        font-weight: normal;
        color: white !important;
    }

/* Starts About Page*/
.about_desc h3,
.How_its_started h3,
.Growth_Developments h3,
.Why_TTH h3,
.founders h3,
.core_values h3,
.team_facilities h3,
.partner_with_us h3 {
    color: #ee3038;
    font-size: 30px;
    padding-bottom: 20px;
    font-weight: 600;
}
.about_desc p,
.How_its_started p,
.Growth_Developments p,
.Why_TTH p{
text-align: justify;
font-size: 17px;
}
section.Why_TTH li {
    border-bottom: 1px solid #ee3038;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: justify;
    color: black;
    font-weight: 600;
}
.founders img{
    width: 65%;
}
.founder2text h4,
.founder1text h4{
    font-size: 20px;
    font-weight: 600;
}
.founder2text span,
.founder1text span{
    color: #ee3038;
    font-weight: 600;
}
.core_values_col p {
    font-size: 19px;
    font-weight: 500;
    padding: 4px 45px;
    color: white;
    background: #ee3038;
    border-radius: 5px;
    box-shadow: 10px 10px 5px rgb(100, 100, 100);
}
.icon_heading h5{
    font-size: 20px;
    font-weight: 600;
}
.Rightpartner p {
    border-bottom: 1px solid black;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: justify;
    color: #ee3038;
    font-weight: 600;
}
.Key_Advantages h5,
.leftpartner h5 {
    font-size: 18px;
    font-weight: 500;
    color: #ee3038;
}
.founders img{
    width: 65%;
}
/* End About Page*/
/* home faq*/
.tablinksFaq.active {
    background-color: #ee3038;
    color: white;
}
.tablinksFaq {
    margin-left: 10px;
    padding: 2px 15px;
    border-radius: 16px;
    border: unset;
    margin: 2px;
}
/* End home faq*/

/* for country code input*/
.phone {
    width: 16% !important;
}
#Customize_Form .countryCodes {
    width: 28%;
    padding: 5px 0px !important;
}
#Customize_Form #phone {
    width: 55%;
    padding: 5px 0px !important;
    margin-left: -7px;
}
#profile-dasboard form .countryCodes {
    width: 13%;
    padding: 5px 0px !important;
}
#suggestForm .countryCodes {
    
    padding: 5px 0px !important;
}
#contactForm .countryCodes {
    width: 13%;
    padding: 5px 0px !important;
}
#contactForm #phone {
    width: 61%;
}
.ui-front {
    z-index: 99999 !important;
}
#user-registration .countryCodes {
    width: 20%;
    margin: 6px 3px;
    padding: 4px 6px;
    border-radius: 5px;
    border: 1px solid black;
}
#RegisterContainer .countryCodes{
    width:25%;
}
#RegisterContainer #Phone {
    width: 40%;
}
/*  End  country code input*/

#weight_value_bmi:focus::placeholder,
#height_value_bmi:focus::placeholder {
    color: transparent;
}
/* Start 404 page Not found*/
.secnotFound{
    background-image: url('../images/404.webp');
    opacity: 0.7;
}
.notfound{
    margin-top: 60px;
    text-align: center;
    height: 91%;
}
.notfound h1 {
    color: white;
    font-size: 50px;
    opacity: 1;
    font-weight: 600;
    box-shadow: 5px 3px 16px rgb(208, 24, 57);
    position: relative;
    top: 40%;
    width: 50%;
    margin: 0px auto;

  }
  .notfoundBtn{
    position: relative;
    text-align: center;
    bottom: 250px;
  }
  .btn-notfound{
  background: #ee3038;
    color: white;
    padding: 10px 37px;
    border-radius: 5px;
}
.btn-notfound:hover{
    background: white;
      color: #ee3038;
  }
/* End 404 page Not found*/
/* start pay link page Not found*/
.payLink{
    text-align: center;
    margin-top: 100px;
}
/* end pay link page Not found*/