/* 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;
}

.front-card .badge,
.simlilar_trek-card .badge,
.all_trek-card .badge{
    position: relative;
    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;
    position: absolute;
    top:5px;
}


.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: 12%;
    right: 0px;
    background-color: white;
    color: black;
    width: 70px;
    height: 45px;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    box-shadow: gray 0px 0px 5px;
    display: none;
}

    .scroll-to-top i {
        font-size: 25px;
        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;
    max-width: 100%;
    width: 100%;
    height: auto;
    object-fit: cover;
}

.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: -136px;
}

.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 21px;
}

.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); */
    max-width: 100%;
    height: auto;
    object-fit: cover;
}
/*End header css*/


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;
}

.mob_searchIcon {
    display: none;
}


@media screen and (min-width: 576px) and (max-width: 766px) {
    /* .trekBottmbtn {
   
        display: flex !important
    } */

    .trekBottmbtn .col-sm-2 {
        flex: 0 0 auto;
        width: 20%;
        border: 1px solid lightgrey;
        background-color: white;
    }

    .trekBottmbtn .fa-calendar {
        font-size: 20px !important;
        font-size: 21px;
        margin: unset !important;
        background: none !important;
        padding-top: unset !important;
        padding-bottom: unset !important;
        padding-inline: unset !important;
        border-radius: unset !important;
        color: unset !important;
    }

    .trekBottmbtn .fa-th {
        color: #ee3038 !important;
        font-size: 33px;
        margin: 5px;
    }

    .trekBottmbtn .fa-phone {
        color: #ee3038 !important;
        font-size: 33px;
        margin: 5px;
    }

    .trekBottmbtn .fa-whatsapp {
        font-size: 33px !important;
        color: limegreen !important;
        margin: 5px;
    }

    .trekBottmbtn .fa-calendar {
        color: yellowgreen !important;
        font-size: 33px !important;
    }


    .new {
        display: flex;
    }

    .mob-menu {
        display: block;
        margin-left: -99px !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: 1496px) {
    .Greviewpopup-content{
        width: 80% !important;
            }
    .rate-popup-content{
        width: 95% !important;
    }
    .RateTitle {
        text-align: left;
        display: block;
        margin: 0px 1px;
        width: 250px;
    }
    
    .InputStar:not(:checked) > label{
        font-size: 20px !important;
        margin: 0px 4px;
        position: relative;
        left: 20px;
        bottom: 17px;
        float: none !important;
    }
    
    .RatingDiv textarea {
        margin-top: 5px !important;
    }
    .rate-close-btn{
        top: 0px !important;
        font-size: 25px !important;
        font-weight: 600;
    }
    .RatingDiv{
        gap:5px !important;
    } 
}
@media screen and (max-width: 1440px) {
    /*Start Feedback popup*/
    .rate-popup-content{
        width: 95% !important;
    }
    .RateTitle {
        text-align: left;
        display: block;
        margin: 0px 1px;
        width: 250px;
    }
    .InputStar:not(:checked) > label{
        font-size: 20px !important;
        margin: 0px 4px;
        position: relative;
        left: 20px;
        bottom: 17px;
        float: none !important;
    }
    
    .RatingDiv textarea {
        margin-top: 5px !important;
    }
    /*End Feedback popup*/
     /*Start Feedback popup*/
    .RatingDiv{
        gap:5px !important;
    } 
    .navbar-nav{
        margin-left: -134px !important;
    }
    .search-container{
        left: 76% !important;
    }
    .announcements-title{
        width: 50% !important;
    }

 /*start school*/
 /* .Program_main .faq{
    margin: 17px auto !important;
} */
  /*end school*/
    .price_desc {
        line-height: 1.3 !important;
    }

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

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

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

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

    #subheader {
        text-align: left !important;
        padding: 10px 0px !important;
        display: flex;
    }

        #subheader ul li {
            margin: 0px 16px !important;
            white-space: nowrap !important;
            padding: 0px 0px !important;
        }

    #navigation li a.active {
        padding: 30px 0px !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: 0px;
    }
}

@media screen and (max-width: 1024px) {
     /*Start Feedback popup*/
    .rate-popup-content{
        width: 95% !important;
    }
    .RateTitle {
        text-align: left;
        display: block;
        margin: 0px 1px;
        width: 250px;
    }
    .InputStar:not(:checked) > label{
        font-size: 20px !important;
        margin: 0px 4px;
        position: relative;
        left: 20px;
        bottom: 17px;
        float: none !important;
    }
    
    .RatingDiv textarea {
        margin-top: 5px !important;
    }
    .rate-close-btn{
        top: 0px !important;
        font-size: 25px !important;
        font-weight: 600;
    }
    .RatingDiv{
        gap:5px !important;
    } 
     /*End Feedback popup*/
     .announcements-title{
        width: 80% !important;
    }

    /*start school*/
   .Section_1 .col-md-6,
   .Section_2 .col-md-6{
width: 100% ;
   }
   .S_simg,
   .Co_cimg,
   .Cp_cimg{
    width: 49% !important;
   }
    /*End school*/
    .content .page_title {
        font-size: 18px !important;
    }

    .gallery_vid_img {
        width: 42% !important;
    }

    .login_accordian, .registration_accordian {
        width: 72% !important;
    }
    /* Start customize.html css*/
    .article-UpcomingImage,
    .article-LatestImage {
        width: 100% !important;
    }

    .alltrek-banner h3 {
        bottom: 89px !important;
    }

    .suggest-main .customize-help {
        width: 100%;
        margin-left: 0px !important;
    }

    .SuggestCon {
        width: 90% !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: 50%;
    }

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

    .information_vid {
        width: 30% !important;
    }

    .price_desc {
        line-height: 1.3 !important;
    }

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

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

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

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

    #subheader {
        text-align: left !important;
        padding: 10px 0px !important;
        display: flex;
    }

    #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: 0px;
    }
}

@media screen and (max-width: 767px) {
    /*start Wishlist Popup*/
    .popupWishlist {
       width: 95%;
    }
    
    /*End Wishlist Popup*/
    .G_reviewP{
        /* max-height: 400px; 
        overflow-y: auto;
        overflow-x: hidden; */
    }
    /*Webinar Popup*/
    #webinarForm{
        margin-top:0px !important;
    }
    #Web_SubmibBTN{
        margin-top: 0px !important;
    }
      /*End Webinar Popup*/
      /*Start Goggle review popup*/
      .GR_prev {
        left: -18px !important;
    }
    .GR_next {
        right: -18px !important;
    }
      .GR_arrow-button{
        color:black !important;
      }
      .Greviewpopup-content p{
        font-size: 13px;
      }
    .Greviewpopup-content{
width: 95% !important;
top:4%;
    }
    .G_close_popup{
        top: -12px !important;
    }
      /*End Goggle review popup*/

      .detail_notification{
        width: 80% !important;
      }
     /*Start Feedback popup*/
    .Rate_Utitle{
        font-size: 16px !important;
    }
    .rate-popup-content{
        width: 90% !important;
    }
    .RatingDiv .col-md-4{
        padding: 5px !important;
        flex: none !important;
        width: 100% !important;
        padding: 5px 5px !important;
    }
    .RateTitle {
        text-align: left;
        display: block;
        margin: 0px 1px;
        width: 250px;
    }
    .InputStar {
        margin: -12px 65px !important;
    }
    .InputStar:not(:checked) > label{
        font-size: 20px !important;
        margin: 0px 4px;
        position: relative;
        left: 67px;
        bottom: 17px;
        float: none !important;
    }
    
    .RatingDiv textarea {
        margin-top: 5px !important;
    }
    .rate-close-btn{
        top: 0px !important;
        font-size: 25px !important;
        font-weight: 600;
    }
    .RatingDiv{
        gap:5px !important;
    } 
   /*End Feedback popup*/
    .MovetoGallery{
        bottom: 18% !important;
    }
    .Fixed_Contact_HomeMob {
        display: block !important;
    }
    .announcements-title{
        width: 100% !important;
    }
    /*start school*/
    .SchoolProgram .Section_5,
    .SchoolProgram .trek_reviews{
        margin-top: 20px !important;
    }
.Program_main .trek_ess, .Program_main .gallery, .Program_main .trek_reviews, .Program_main .faq {
    width: 96%!important;
}
.SchoolProgram .program_about, .SchoolProgram .Section_1, .SchoolProgram .Section_2, .SchoolProgram .Section_3, .SchoolProgram .Section_4, .SchoolProgram .Section_5 {
    width: 90% !important;
}
.SchoolProgram .program_about {
    width: 96% !important;
}
.Cp_title h6 ,.S_title h6,.Co_title h6{
    font-size: 18px !important;
}
.SchoolProgram .program_about h5, .SchoolProgram .Section_1 h5, .SchoolProgram .Section_2 h5, .SchoolProgram .Section_3 h5, .SchoolProgram .Section_4 h5, .SchoolProgram .Section_5 h5{
    font-size: 22px !important;
}
 .S_query {
     width: 16% !important;
     font-size: 15px !important;
     padding: 0px 0px !important;
 }

 .row_s {
     gap: 0px !important; 
 }

     .row_s > * {
         width: 100% !important;
         box-sizing: border-box;
     }
 .s_mobBTn button{
    width: 45% !important;
        padding: 10px;
 }
 .s_mobBTn {
    display: block !important;
    margin-top: -50px !important;
 }
 #School_Content, #College_Content, #Corporate_Content {
    margin-top: 25px !important;
}
/*end school*/
    .arrow-button,.close-img_popup {
      font-size: 30px !important;
    }
    #popupImageCount{
       bottom: 16%;
    }
    #Booking_PaymentPage .content .page_title,
    .Sec_About .content .page_title,
    .Sec_Custom .content .page_title,
    .Sec_Suggest .content .page_title,
    .Sec_Contact .content .page_title,
    .Detail_art .content .page_title,
    .Art_home .content .page_title,
    .Career .content .page_title,
    .disclaimer .content .page_title,
    .websitePrivacy .content .page_title,
    .termsCondtition .content .page_title,
    .insurance .content .page_title{
        font-size: 20px !important;
    }
    .Art_home .col-md-4 .form-inline{
        width: 100% !important;
        padding: 6px 7px !important;
        margin: 4px 8px !important;
        display: flex !important;
    }
    .Detail_art .contact_color {
        height: 70px !important;
    }
    .form_desc {
        margin: unset !important;
    }
    .customize-user-detail h3 {
        margin: 10px 0px !important;
    }
    #Career_accordion {
        width: 100% !important;
    }
    .Career_From{
        width:100% !important;
        
    }
    .Career_desc {
        width: 100% !important;
    }
    .MainPopup{
        display: none !important;
    }
    .popup_webinar .form-group {
        margin-top: 3px !important;
    }
    .webinar-popup-content{
        width: 90% !important;
        padding: 5px !important;
    }
    .Article_Content {
        width: 95% !important;
    }
    .Fixed_Contact,.Fixed_ContactDept{
        display: none !important;
    }
    .subscribe-button {
        bottom: 28% !important;
    }
    #uploadDocModal .modal-content, #uploadFoodModal .modal-content{
        width: 85% !important;
    }
    .gimage{
        width: 20% !important;
    }
    .Div_whatpp_mob{
       display:block !important;
    }
    .Div_whatpp{
        display: none !important;
    }
        .Div_whatpp_mob .fa-whatsapp {
            position: fixed;
            bottom: 20%;
            right: 0px;
            background-color: limegreen;
            font-size: 32px;
            color: white;
            text-align: center;
            cursor: pointer;
            border-top-left-radius: 5px;
            border-bottom-left-radius: 5px;
            padding: 8px 8px;
        }
    .trek_con {
        height: 111px;
    }

    .trek_video p {
        margin: 0px -35px;
        margin-left: -15px;
    }

    #morecontent p {
        margin: 0px -11px;
        margin-left: -8px;
    }

    .front_faq h2 button, #faqContainer h2 button {
        font-size: 15px;
    }

    .overview h2, .itinerary h2, .bmi h2,.participate h2, .reach h2, .cost_terms h2, .trek_ess h2, .gallery h2, .trek_reviews h2, .faq h2, .similar_treks h2, .trekArticle h2, .contact_Bottom h6 {
        font-size: 22px !important;
    }
    #tab4-content h2 {
        font-size: 20px !important;
    
    }
    #quickItinerary h5 {
        font-size: 17px !important;
    }

    .trekArticle .carousel-indicators {
        display: block;
        margin-bottom: -15px !important;
        text-align: center;
        margin: 0px auto;
    }

        .trekArticle .carousel-indicators [data-bs-target] {
            background-color: #ee3038;
            height: 10px;
            width: 10px;
            border-radius: 50%;
            margin-bottom: -11px;
            display: inline-block;
        }

    .trekArticle button {
        display: none;
    }

    

    .Div_whatpp {
        display: none;
    }

    .announcements p {
        text-align: justify !important;
    }

    .articleDetail .col-md-4 {
        height: unset !important;
        overflow-y: unset !important;
    }

    .article1 {
        width: 100%;
    }

    
    .article-UpcomingImage,
    .article-LatestImage {
        width: 100% !important;
        height: auto !important;
    }

    #Customize_Form .form-Contact div .error {
        font-size: 12px !important;
        left: -21px;
    }

    .close-img_popup {
        top: 60px !important;
        /* background-color: #ebeff2; */
        color: #ebeff2 !important;
        width: 10%;
        border-radius: 5px;
    }

    #profile-dasboard form .phone,
    #contactForm #phone,
    #Customize_Form #phone {
        border-top-left-radius: 5px !important;
        border-bottom-left-radius: 5px !important;
    }

    #profile-dasboard form .countryCodes,
    #contactForm .countryCodes,
    #Customize_Form .countryCodes {
        border-top-right-radius: 5px !important;
        border-bottom-right-radius: 5px !important;
    }

    #Customize_Form .form-Contact label {
        left: -16px !important;
        font-size: 14px !important;
        top: 4px !important
    }

    #contactForm label {
        left: -16px !important;
        top: 0px !important;
    }

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

    .notfound h1 {
        width: 100% !important;
        top: 20% !important;
    }

    .notfoundBtn {
        bottom: 100px !important;
    }

    .PhoneCountryDiv #PhoneCountryCode {
        width: 65% !important;
    }

    .EnterNumberPrompt {
        width: 95% !important;
    }

        .EnterNumberPrompt h2 {
            font-size: 21px !important;
        }

    .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: 100% !important;
        margin-left: 0px !important;
        margin-top: -3px !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: 40% !important;
        padding: 7px !important;
        text-align: center;
        display: block !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% !important;
    }

    .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: -11px;
            }

    .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%;
    }


    .contact_color {
        height: 50px !important;
    }

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

    .price {
        text-align: center !important;
        border-radius: 10px;
        margin-top: 10px;
        font-size: 28px !important;
    }

    #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;
    }

    div.scroll-container img {
        padding: 2px !important;
    }

    div.scroll-container {
        padding: 0px !important;
        margin: -6px 0px !important;
    }

    .DesktopGalleryContainer {
        display: none !important;
    }

    .SuggestCon {
        width: 100% !important;
    }



    .suggest-form h3 {
        text-align: justify;
        font-size: 17px !important;
    }
    .colored_label {
        font-size: 18px !important;
        margin-bottom: 6px !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: 100% !important;
        margin-top: -3px !important;
        margin-left: 0px !important;
    }
    .PinfoDiv label {
        font-size: 14px !important;
        top: -1px !important;
        margin-left: 0px !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: 100% !important;
        translate: unset !important;
        margin-left: 0px !important;
        background-color: white;
    }

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

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

    #profile-dasboard label {
        left: -10px !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;
        margin-left: 0px !important;
    }

    .contact-form form input, .contact-form form optgroup, .contact-form form select, .contact-form form textarea {
        width: 100% !important;
        margin-left: 0px !important;
        margin-top: -3px !important;
    }
    /*End Contact.html*/
    /*start customize.html*/
    .customizeCon, .contactCon, .SuggestCon {
        margin-top: 76px !important;
        width: 93% !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 {
        width: 100% !important;
        margin: 5px 0px !important;
    }
    /* .customize-user-detail form select {
        width: 100% !important;
        margin: 10px 0px !important;
    }*/

    .gender {
        width: 100% !important;
        margin-left: 0px !important;
    }

    .countryCodes {
        width: 100% !important;
        margin-left: 0px !important;
    }

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

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

    .btn-customized, .reset-btn {
        width: 100% !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, .Intbutton {
        width: 100% !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: 85% !important;
        line-height: 1.5;
    }
    
    .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;
        margin-left: 0px !important;
    }

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

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

    .login_accordian, .registration_accordian {
        width: 95% !important;
    }

    #loginContainer form, #RegisterContainer form {
        width: 90% !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;
    }
    .phone{
        width: 105% !important;
    }
    .location {
        width: 91% !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 {
        display: none;
    }

    .three .carousel-indicators {
        display: block;
        top: 100%;
        text-align: center;
    }

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

        .article1 p {
            margin: 0px 3px;
            font-size: 16px;
        }

    .tArticle .article1 p {
        margin: 0px -10px;
        font-size: 14px;
    }

    .card-title {
        font-size: 16px !important;
        margin: 0px -16px;
    }

    .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: block !important;
        margin: 14px 7px;
        margin-bottom: 0px !important;
    }

        .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: -21px 0px;
        padding: 11px 6px;
        display: none;
    }


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

    .trekdetails li {
        margin: 0px -35px !important;
    }
    #morecontent li{
        margin: 0px -13px !important;
        margin-left: -35px !important;
    }
    .trekdetails h3 {
        margin-left: -7px !important;
    }
    .overview-bg p {
        margin-bottom: 5px;
    }

    #navigation2 li a {
        padding: 7px 0px;
        color: white;
        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: black;
    }

    .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_searchIcon {
        display: block;
        font-size: 15px !important;
        font-weight: 100 !important;
        position: absolute;
        right: 150px;
        top: 28%;
        border: 1px solid black;
        padding: 4px 4px;
        border-radius: 5px;
    }
    .mob_search {
        position: absolute;
        left: 0%;
        width: 100%;
        top: 100%;
    }
        .mob_search .search-box::placeholder {
            color: gray; 
            opacity: 1; 
        }
    .mob_accord {
        position: fixed;
        width: 100%;
        top: 58px;
        left: 0px;
    }

        .mob_accord .accordion-item .card-body a {
            color: grey;
        }

        .mob_accord .accordion-item .card-body p {
            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: 40% !important;
    }

    .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: -202px;
        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;
        max-width: 100%;
        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;
        height: 21rem !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;
        position: relative;
        left: 33%;
    }

    .trekArticle .read-more-btn {
        margin: 50px auto !important;
        /* width: 72%; */
        position: relative;
        left: 38px;
        background: unset !important;
        top:12px;
    }

    .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: 26rem !important;
    }

    .custom-underline {
    }

    .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: 40% !important;
        margin: 10px 10px !important;
    }

    .information_vid {
    }

    .five img {
        width: 40% !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;
        margin-right: 10px !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: 1.3 !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, .trekArticle, .contact_Bottom {
        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: 4px;
        right: 0px;
        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: 100% !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: 600px) {
    .Div_whatpp_mob .fa-whatsapp {
        bottom: 20%;
        right: 0px;
    }
        .gallery_vid_img {
        width: 80% !important;
    }

    body {
        width: 100% !important;
    }

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

    .five img {
        width: 80% !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: 1.3 !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, .trekArticle, .contact_Bottom {
        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: 18rem !important;
        /* height: 20rem!important; */
    }

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

    .scroll-to-top {
        bottom: 3px;
        right: 0px;
        display: none;
    }

    .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: -23px !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: 100% !important;
        /* margin-left: -41px !important; */
    }

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

    #subheader {
        display: none;
        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: 574px) {
    .gimage{
        width: 40% !important;
    }
    /* .trekBottmbtn{
        display:flex !important
    } */
    .trekBottmbtn .col-sm-2 {
        flex: 0 0 auto;
        width: 20%;
        border: 1px solid lightgrey;
        background-color: white;
    }

    .trekBottmbtn .fa-calendar {
        font-size: 20px !important;
        font-size: 21px;
        margin: unset !important;
        background: none !important;
        padding-top: unset !important;
        padding-bottom: unset !important;
        padding-inline: unset !important;
        border-radius: unset !important;
        color: unset !important;
    }

    .trekBottmbtn .fa-th {
        color: #ee3038 !important;
        font-size: 33px;
        margin: 5px;
    }

    .trekBottmbtn .fa-phone {
        color: #ee3038 !important;
        font-size: 33px;
        margin: 5px;
    }

    .trekBottmbtn .fa-whatsapp {
        font-size: 33px !important;
        color: limegreen !important;
        margin: 5px;
    }

    .trekBottmbtn .fa-calendar {
        color: yellowgreen !important;
        font-size: 33px !important;
    }

    .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;
        transform: translate(63%, 0%);
    }

        .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: 55% !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%;
            max-width: 100%;
            height: auto;
        }

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






/*.................................*/
@media screen and (min-width: 768px) and (max-width: 1024px) {
    .detail_notification{
        width: 36% !important;
      }
    .Greviewpopup-content{
        width: 80% !important;
            }
   
    .User_det .col-md-2{
    width: 32.666667% !important;
    }
    .Addons_unpaid, .Addons_paid {
        width: 40% !important;
        padding: 7px !important;
        text-align: center;
        display: block !important;
    }
    .gimage{
        width: 20% !important;
    }
    #loginContainer form, #RegisterContainer form {
        width: 70% !important;
    }

    .EnterNumberPrompt {
        width: 60% !important;
    }

    #Customize_Form .countryCodes {
        width: 6rem !important;
    }

    #Customize_Form #phone {
        width: 8rem !important;
        padding: 5px 0px !important;
        margin-left: -17px !important;
    }

    .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, .Intbutton {
        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: 92% !important;
    }

    #contactForm .countryCodes {
        width: 100% !important;
        padding: 5px 0px !important;
    }

    #contactForm #phone {
        width: 100% !important;
        margin-left: -10px !important
    }

    #contactForm textarea {
        width: 81% !important;
    }

    .contactCon .customize-help {
        margin: 0px 0px !important;
    }

    .contactCon .col-md-8,
    .contactCon .col-md-4 {
        width: 100%;
    }

    .contactCon {
        max-width: 90%;
    }
    /*End Contact.html*/
    /*start customize.html*/
    .customize-help {
        margin: 15px -51px !important;
        width: 35%;
    }

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

    .customize-user-detail form input, .customize-user-detail form optgroup{
        width: 13rem !important;
    }
   .customize-user-detail form select {
        width: 13rem !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 -115px !important;
    }

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

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

    .navbar {
        width: 100%;
    }

    .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;
    }
    .address, .location, .phone {
        width: 100% !important;
    }
    .addon_table .AddonPopup {
        width: 50% !important;
        line-height: 1.5;
    }
}

@media screen and (min-width: 1025px) and (max-width: 1200px) {
    .detail_notification{
        width: 34% !important;
      }
    .Greviewpopup-content{
        width: 80% !important;
            }
       /*start school*/
   .Section_1 .col-md-6,
   .Section_2 .col-md-6{
width: 100% ;
   }
   .S_simg,
   .Co_cimg,
   .Cp_cimg{
    width: 49% !important;
   }
    /*End school*/
    .announcements-title{
        width: 60% !important;
    }
    .nav-item{
        margin-left: 0px;
    }
    .User_det .col-md-2{
        width: 23.666667% !important;
        }
        .Addons_unpaid, .Addons_paid {
            width: 40% !important;
            padding: 7px !important;
            text-align: center;
            display: block !important;
        }
    .gimage{
        width: 15% !important;
    }
    .Div_whatpp{
        bottom: 20%;
        right: 72px !important;
    }
        .content .page_title {
        font-size: 20px !important;
    }

    .information_vid {
        width: 26% !important;
    }

    .gallery_vid_img {
        width: 31% !important;
    }

    #loginContainer form, #RegisterContainer form {
        width: 60% !important;
    }

    .login_accordian, .registration_accordian {
        width: 60% !important;
    }

    .EnterNumberPrompt {
        width: 60% !important;
    }

    .PariciPantSection {
        width: 100% !important;
    }

    .SearchExist {
        width: 100% !important;
    }

    #navigation {
        display: unset !important;
    }

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

    #subheader li a.active {
        padding: 6px 0px !important;
    }

    .booking_con {
        width: 100% !important;
    }

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

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

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

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

    .navbar-nav {
        margin: 0px -250px !important;
    }

    .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: 0px;
    }

    .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: 50%;
    }

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

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

    .trekArticle .read-more-btn {
        margin: 0px 0px !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;
    }
    .addon_table .AddonPopup {
        width: 50% !important;
        line-height: 1.5;
    }
    /* .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) {
   
       /*start school*/
   .Section_1 .col-md-6,
   .Section_2 .col-md-6{
width: 100% ;
   }
   .S_simg,
   .Co_cimg,
   .Cp_cimg{
    width: 49% !important;
   }
    /*End school*/
    .Addons_unpaid, .Addons_paid {
        width: 50% !important;
      
    }
    .gimage{
        width: 15% !important;
    }
    
    .information_vid {
        width: 23% !important;
    }

    .gallery_vid_img {
        width: 27% !important;
    }

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

    .PariciPantSection {
        width: 70% !important;
    }

    #navigation {
        display: unset !important;
    }

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

    #subheader li a.active {
        padding: 6px 0px !important;
    }

    .booking_con {
        width: 70% !important;
    }

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

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

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

    .navbar {
        width: 100%;
    }

    .navbar-nav {
        margin: 0px -200px !important;
    }

    .navbar-expand-sm .navbar-nav .nav-link {
        padding: 3px 23px;
    }
    .AllTrek-Con .col-md-3 {
        width: 33%;
    }
}
/* END Header css */


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

.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: 75%;
    /* transform: translate(-50%, -50%); */
    z-index: 1;
    width: 207px;
    height: 31px;
    border: 1px solid grey;
    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 10px;
    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: 25px;
    font-weight: bold;
    text-align: center;
    color: #ef3038;
    width: 100%;
}
.linefaq{
    margin: 0px 370px; 
}
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: 20px;
    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; */
    width: 100%;
    height: auto;
    max-height: 100%;
    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;
    position: relative;
}

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

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

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

.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;
    margin: 10px auto;
    padding: 10px 20px;
    background-color: #007bff;
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

/*
.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;
    border: 2px solid white;
    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 ul li {
        font-size: 16px;
        /* font-weight: 550; */
        color: black;
        margin-bottom: 10px;
    }
.school_desc .btn-school {
    color: #ee3038;
    font-size: 16px;
    margin-left: 20px;
}
.btn-school {
    text-align: right;
    font-size: 20px;
}

    .btn-school:hover {
        color: #ee3038;
    }

.sec3_img {
    border-radius: 10px;
    max-width: 100%;
    height: auto;
    width: 100%;
}


.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;
}

.trekArticle .read-more-btn:hover {
    color: #ee3038;
    border-bottom: 1px solid #ee3038;
}

.trekArticle .read-more-btn {
    border: none;
    background: white;
    color: #ee3038;
    margin-left: 3% !important;
    margin-top: -5% !important;
    display: block;
}

.slider-btn-left-trekarti {
    left: -27px;
}

.slider-btn-right-trekarti {
    right: -27px;
}

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

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

.sec4_img {
    border-radius: 10px;
    border: 2px solid #ebeff2;
    width: 100%;
    max-width: 100%;
    height: auto;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.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: 23rem;
    height: 26rem;
    margin-left: 10px;
    border: 2px solid #e0e0e0;
    box-shadow: 0 8px 4px rgba(0, 0, 0, 0.1)
}

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

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

.card-text p {
    font-size: 16px;
    text-align: justify;
    color: black;
    padding: 3px 6px;
    margin-top: -10px;
    font-weight: 400;
}
.must-card .card-text p {
    padding: 0px 0px;
}
/* .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-top: -35px;
    border-radius: 1px;
    font-size: 15px;
    text-align: center;
}

    .custom-underline:hover {
        text-decoration: underline;
    }

.sec6-btn:hover {
    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: 20px;
}

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

.sec8_img {
    margin-top: 10px;
    max-width: 100%;
    width: 100%;
    height: auto;
}

/* End Section Seven */
.tabcontentFaq .card-body p {
    font-weight: normal;
}

.tabcontentFaq .card-body li,
.review a,
.footer p,
.social1 a {
    font-weight: normal;
}
/* Css Trekkers Review */
.information_vid {
    width: 21%;
    height: auto;
    margin: 10px 10px;
    border-radius: 10px;
    max-height: 100%;
}

.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;
    background-color: #ebeff2;
}

.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;
    text-align: center;
}

.gimage {
    position: relative;
    margin-top: -13px;
    max-width: 100%;
    width: 10%;
    height: auto;
}

.user_gimage {
    text-align: right;
    margin-top: -28px;
}
.user_gimage img{
    max-width: 100%;
    width: 10%;
    height:auto;
}

.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: 15rem;
        width: 23rem;
        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;
    max-width: 100%;
}

.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*/
.Div_whatpp {
    position: fixed;
    bottom: 20%;
    right: 0px;
    background-color: limegreen;
    color: black;
    text-align: center;
    cursor: pointer;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    width: 70px;
    height: 50px;
    display: none;
}

    .Div_whatpp .fa-whatsapp {
        font-size: 30px;
        color: white;
        padding: 10px;
    }

.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: 16px;
}

.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 -55px;
    width: 100%;
}

.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 {
    max-width: 100%;
    height: auto;
    margin: 0px 7px;
    width: 2%;
}

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

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

    .f_link a:hover {
        background-color: #ee3038;
        border-radius: 5px;
        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*/
.MovetoGallery {
    position: relative;
    float: right; 
    margin-top: -175px;
    margin-right: 10px;
    background: #ee3038;
    border-radius: 5px;
    font-size: 16px;
    border: none;
    /* box-shadow: 5px 5px 5px grey; */
    color: white;
    z-index: 10; 
    padding: 5px 10px;
    cursor: pointer;
}
.MovetoGallery:hover{
color:white;
}
    .MovetoGallery .fa-picture-o {
        background: white;
        color: #ee3038;
        padding: 2px 4px;
    }
.MovetoGallery:focus{
    border:none;
    box-shadow:none;
}

#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: 20px 0px;
}

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

.icon_img {
    max-width: 100%;
    /* filter: brightness(13.5); */
    width: 20%;
    height: auto;
    object-fit: cover;
}

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

.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: 1.3;
    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);
}
.dep_open {
    color: blue;
    font-weight: bold;
}
.dep_seatsLeft {
    color: orange;
    font-weight: bold;
}
.badge_seatsLeft {
    background-color: #ee3038;
}
.dep_full {
    color: red;
    font-weight: bold
}
.dep_mFull {
    color: red;
    font-weight: bold;
}
.dep_mOpen {
    color: blue;
    font-weight: bold;
}
.dep_mClsoing {
    color: orange;
    font-weight: bold;
}
.dep_mSeatsleft {
    color: orange;
    font-weight: bold
}
.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 h2 {
        color: #ee3038;
        text-align: left;
        font-size: 30px;
        font-weight: 600;
    }

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

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

.continuebtn {
    border: none;
    background: white;
    color: #ee3038;
    margin-left: 3%;
}

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

.participate {
    margin: 5px 200px;
}

    .participate h2 {
        font-size: 30px;
        font-weight: 600;
        color: #ee3038;
    }
    .imp_links{
        border: 1px solid rgba(0, 0, 0, .125);;
    }
    .imp_links h2{
        font-size: 20px;
        font-weight: 600;
        color: #ee3038;
        margin: 6px 20px !important;
    }

#tab4-content h2 {
    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 h2 {
        font-size: 30px;
        font-weight: 600;
        color: #ee3038;
    }

#quickItinerary h3, .tabcontent h3 {
    font-size: 17px;
    font-weight: 600;
    color: #000;
    margin-bottom: 0px;
}
#quickItinerary h5{
    font-size: 17px;
    font-weight: 600;
    color: #000;
    margin-bottom: 0px;
}
#quickItinerary img {
    width: 100%;
    border-radius: 10px;
}

.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,
    .links li {
        margin: 0px -2px;
        /* text-align: justify; */
        font-size: 16px;
    }

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

/* #inclu-content p {
    margin-bottom: 0px;
} */
 #inclu-content ul {
    margin-top: -10px !important;
    margin-bottom: 10px;
}

#trekGraph {
    display: block;
}

.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;
    text-align: justify;
}

    .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 h2 {
        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;
    display: none;
}

    .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 h2 {
        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 h2 {
        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 20px;
    }

        .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;
    }
  #weight_value_bmi::placeholder,
  #height_value_bmi::placeholder{
    color:gray;
    }
.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 h2 {
        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 h2 {
        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;
}
.User_det .accordion-button:not(.collapsed) {
    color: unset;
    background-color: unset;
}

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

.faq h2 {
    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, .trekArticle, .contact_Bottom {
    margin: 5px 200px;
}

    .contact_Bottom a {
        color: #ee3038;
    }
    .trekArticle h2,
    .similar_treks h2{
        font-size: 30px;
        font-weight: 600;
        color: #ee3038;
    }

   .contact_Bottom h6 {
        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;
    max-width: 100%;
    width: 100%;
    height: auto;
    object-fit: cover;
}

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%;
    max-width: 100%;
    object-fit: cover;
    height: auto;
}

.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;
}

#popupImage {
    transition: transform 0.3s ease-in-out;
}

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

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

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

.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: 20px;
}

#quickheader {
    display: none;
    padding: 5px;
    text-align: center;
    background-color: #e5eecc;
    border: solid 1px #c3c3c3;
}
.announcements-title{
    background: #ee3038;
    padding: 4px 3px;
    border-radius: 5px;
    color: white;
    text-align: center;
    width: 50%;
    margin: 0px auto;
}
.announcements-title a{
    color:white;
    text-decoration:underline"
}
.announcements-update {
    background-color: #282a35;
    border-bottom: 1px solid #ee3038;
    margin: 0px 0px;
}

.announcements {
    padding: 0px 70px;
}

    .announcements p {
        color: white;
        margin-top: 10px;
        margin-bottom: 5px;
        font-weight: 500;;
    }

.announce-btn-prev, .announce-btn-next {
    font-size: 30px;
}
 #popup_webinar{
    display: none !important;
} 
 
.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 */
}
.MainPopup {
    text-align: left;
/*    background-color: #f7efef;*/
margin:0px -30px;
}
.MainPopup li{
    list-style:none;
    line-height:1.7;
}
.PopupWebinar_img{
    max-width:100%;
    width:100%;
    height:auto;

}
.popup_webinar .form-group input,
.popup_webinar .form-group select{
    margin-top:0px;
}
.webinar_Title_Exclu {
    font-size: 23px;
    font-weight: 600;
    color: #ee3038;
}
#webinarForm{
    margin-top:30px;
}
.PopUp_close {
    text-align: end;
    top: -15px;
    position: relative;
}
#Web_SubmibBTN {
    width: 100%;
    margin-top: 8px;
    box-shadow: 1px 5px 3px 0px darkgray;
    border-radius: 10px;
}

.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;
    width: 70%;
}

#close-popup {
    background-color: grey;
    color: white;
    border: none;
    padding: 2px 6px;
    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;
    }
    .registration_FormPop {
        margin: 0px auto;
        width: 60%;
        margin-top: 125px;
        background-color: #ecf0f3 !important;
        padding: 1px 15px !important;
    }
    .registration_FormPop input,
    .registration_FormPop select{
        box-shadow: 1px 3px 5px darkgray;
        border-radius: 10px;
    }
   
    .registration_FormPop  .form-control:focus {
outline: none !important; 
box-shadow: none !important;
border-color: #ee3038 !important;
}

.Main_img img{
width: 100%;
height: auto;
}
.popup_webinar .form-group {
        margin-top: 10px;
    }
    .popup_webinar  .form-control:focus {
outline: none !important; 
box-shadow: none !important;
border-color: #ee3038 !important;
}
.webinar-popup-content{
background-color:#ecf0f3; 
}
.popup_webinar input,
    .popup_webinar select{
        box-shadow: 1px 3px 5px darkgray;
        border-radius: 10px;
    }

.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;
    color: black;
}

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

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

.price-btn a {
    color: black;
}

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

#detailedItinerary {
    display: none;
}

.btn-graph {
    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;
    border-radius: 5px;
}

    .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;
}

.AddonT {
    margin-bottom: 27px;
    text-align: center;
    background: #ee3038;
    color: white;
    font-size: 25px;
    font-weight: bold;
    border-radius: 10px;
}

.DivAdd {
    margin-top: -15px;
}

.card-body-addons p {
    color: black;
    margin-top: -18px;
}

.card-body-addons a {
    margin-left: 45px;
}
.addon_insurancedetails{
    margin-left: 10px !important;
}
.addon_price {
    font-size: 16px;
    color: #ee3038;
    font-weight: 600;
    margin-left: 156px;
    position: relative;
    display: flex;
    margin-top: -18px;
}

.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;
}

.graph_img {
    max-width: 100%;
    width: 100%;
    height: auto;
    object-fit: cover;
    border: 1px solid lightgray;
}

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

.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;
    width: 25%;
    max-width: 100%;
    height: auto;
    object-fit: cover;
}

#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%;
}
.Title_Trekdetail{
    text-align: center !important;
}
.trekdetails h2{
   font-size: 21px;
   font-weight: 600;
   color:black;
}
.trekdetails h3{
    font-size: 18px;
    font-weight: 600;
 }
 .trekdetails ul li,
 .trekdetails  p{
   text-align: justify;
 }
#trek_video img {
    margin: 0px 20px;
    max-width: 100%;
    width: 100%;
    object-fit: cover;
    height: auto;
}
.virtualThubmbnail {
    max-width: 100%;
    width: 100%;
    object-fit: cover;
    height: auto;
    border-radius: 5px;
}
@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 .fa-clock {
    height: 31px;
}

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

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

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

.sun-close {
    color: #ff7d73;
    margin-left: 47px !important;
}

.contact-address {
    margin-left: 12%;
}

.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_Form .form-Contact label {
    font-size: 15px;
    margin-left: 17px;
    font-weight: 700;
    top: 4px;
    position: relative;
    white-space: nowrap;
    left: 0px;
}

.customize-user-detail form input,
.customize-user-detail form select {
    border: 1px solid black;
    padding: 5px 10px;
    margin: 7px 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: 96%;
    border-radius: 5px;
}
.PinfoDiv{
    margin-top: -30px;
}
.PinfoDiv label {
    font-size: 15px;
    margin-left: 17px;
    font-weight: 700;
    top: 10px;
    position: relative;
    white-space: nowrap;
    left: 0px;
}

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

.monthPerferred .single_field {
    justify-content: unset !important
}

.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: 34px;
    left: 269px;
}

    .fa-question-circle .popuptext {
        visibility: hidden;
        width: 400px;
        background-color: white;
        color: black;
        border-radius: 6px;
        padding: 5px 0px;
        position: absolute;
        z-index: 999;
        top: 0%;
        left: 50%;
        margin: -14px -439px;
        border: 1px solid #ee3038;
        line-height: 1.5;
        padding-bottom: 0px;
    }

.popuptext ul li {
   font-family: roboto,sans-serif;
   font-size: 15px;
}

.fa-question-circle .popuptext::after {
    content: "";
    position: absolute;
    top: 10%;
    left: 100%;
    margin-left: 1px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
    transform: rotate(274deg);
}

.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: -13px;
}

#trekForm #MobileCountryCode {
    width: 100%;
    padding: 8px 0px;
    border-radius: 5px;
}

#trekForm .form-group {
    margin: 0px 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: 93%;
        border-radius: 5px;
    }

    .contact-form textarea {
        height: 155px;
        width: 77% !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;
    margin: 8px 0px;
}

.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;
    height: 31px;
}

.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: 16px;
}

.contact-address p {
    font-weight: 100;
    font-size: 16px;
}

/* End contact-us.html css*/
/* start Login.html css*/

.loginBtn {
    text-align: center;
    margin-top: 65px;
}

.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;
}
#RegisterContainer ol li{
text-align: justify;
}
    #loginContainer form,
    #RegisterContainer form {
        background-color: white;
        width: 37%;
        margin: 0px auto;
        border-radius: 10px;
        margin-bottom: 10px;
    }

        #RegisterContainer form
        .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: 38%;
    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;
}

#restartbooking {
    cursor: pointer;
}

.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; */
}

.Intbutton {
    width: 50%;
    margin: 0px auto;
    margin-top: -18px;
    background-color: #F0F8FF !important;
    text-align: center;
}

.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;
    padding: 0px 9px;
    color: white;
    z-index: 1;
    font-size: 14px;
    width: 35%;
    line-height: 1.6;
}

.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*/
.btnDeleteFile{
    background: unset !important;
    border: none
}
.btnDeleteFile .fa-close{
    background: #ee3038;
    color: white;
    padding: 4px;
}

.cancelled-booking {
    /* background-color: grey; */
    opacity: 0.4;
    /* color: white; */
}
.transfered {
    border: none;
    background: blue;
    color: white;
    opacity: 0.8;
}
.cancel-danger{
    border: none;
    background: #ee3038;
    color: white;
    opacity: 0.6;
}
.accordion-userDash {
    display: none;
}

.user-dash {
    text-align: center;
    margin-top: -20px;
}

.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;
}
#trek-password  .fa-eye-slash,
#trek-password  .fa-eye{
    position: relative;
    right: 40px;
   }
#profile-dasboard {
    margin: 11px auto;
    border: none;
    /* background-color: #f0b8bb; */
    width: 67%;
    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: 14px;
    margin-left: 11px;
    position: relative;
    top: 6px;
    display: block;
    margin-bottom: -5px;
    font-weight: bold;
    white-space: nowrap;
    color: black;
}

#preview-photo, #preview-idfront, #preview-IdBack {
    margin-top: 10px;
}

.profileSpanerror {
    color: #dc3545 !important;
    display: flex;
    margin-top: -12px;
    white-space: nowrap;
    margin-left: 14px;
    font-weight: bold;
    font-size: 14px;
}

.btn-saveChanges {
    background: #ee3038;
    color: white;
    border: none;
    width: 100%;
    padding: 5px 0px;
    border-radius: 5px;
}

.profileNote {
    margin-top: 10px;
    font-size: 14px;
    text-align: justify;
    color: black;
    margin-left: 20px;
}
#profile-dasboard .pff-icon{

}
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{
    white-space: normal !important;
}

    .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_cancelled {
    background-color: brown;
    color: #fff;
    padding: 5px 17px;
    font-size: 10px;
    border-radius: 5px;
    position: relative;
    left: 76px;
    display: block;
    top: -26px;
    width: 40%;
}
.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: 1px solid darkgrey;
    padding: 5px 10px;
    margin: 11px 7px;
    width: 93%;
    border-radius: 5px;
}

#trek-password form input,
#trek-password form select {
    border: none;
    padding: 5px 17px;
    margin: 11px 7px;
    width: 60%;
    border-radius: 5px;
    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;
}

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

.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: 24px;
        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: 19px;
}

.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;
    max-width: 100%;
    height: auto;
    width: 100%;
}

.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;
    position: relative;
}
.btn-all-trek:hover {
color: black;
background-color: white;
}
/* 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;
}

.contactCon a {
    color: black;
}
.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; */
    overflow-x: hidden;
}
.MainArticle .col-md-3 {
    margin-bottom: 2rem !important;
}
.MainArticle .row:nth-child(1){
    margin-top: 0px !important;
}
.tth_track {
    color: black;
    font-size: 15px;
    margin: 0px 3px;
}

.loyalty_dis {
    color: black;
    font-size: 17px;
    line-height: normal;
    /* background-color: #ee3038; */
    padding: 7px;
    font-weight: 600;
    border-bottom: 1px solid red;
}
/* .articleCard{
    height: 25rem;
} */
.articleCard a {
    /* text-decoration: underline; */
    /* margin-left: 19px; */
    margin-top: -12px;
    margin-left: 10px;
    color: #ee3038;
}

.artLoadBtn {
    text-align: center;
}

    .artLoadBtn button {
        background-color: #ee3038;
        color: white;
        border: none;
        padding: 5px 10px;
        border-radius: 5px;
    }

.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 */
    }
 .articleDetail .col-md-12 h5:(nth-child(1)) 
 {
        /* font-size: 30px;
        font-weight: 600;
        color: #ee3038; */
    }
 

#latestContent {
    margin-top: 15px;
}
.Title_Upcoming,
.Title_Recent{
    color: #ee3038;
    text-align: left;
    font-size: 30px;
    font-weight: 600;
}
#trendingContent {
    margin-top: 15px;
}
.Article_Content{
    margin: 0px auto;
    width: 85%;
}
.Article_Content img{
width: 100%;
}
.Article_Content .image-container {
    position: relative;
    display: inline-block;
}

.Article_Content .image-container::after {
    content: attr(data-title); /* Uses the copied title text */
    position: absolute;
    bottom: 10px;
    left: 10px;
    background: rgba(0, 0, 0, 0.7);
    color: white;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 14px;
    white-space: break-spaces;
    font-style: italic;
}
.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: 70%;
    height: 176px;
}

.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;
    margin-top: 60px;
}

.articleDetail {
    margin-top: 25px;
}
.articleDetail .trek_name{
    font-size: 22px;
}
    .articleDetail .col-md-7 img {
        width: 100% !important;
    }

    .articleDetail .col-md-7 {
        text-align: justify !important;
    }

    .articleDetail .col-md-4 {
        height: 1800px;
        overflow-y: scroll;
    }

        /* WebKit browsers (Chrome, Safari) */
        .articleDetail .col-md-4::-webkit-scrollbar {
            width: 12px; /* Width of the scrollbar */
        }

        .articleDetail .col-md-4::-webkit-scrollbar-track {
            background: #f1f1f1; /* Background of the scrollbar track */
        }

        .articleDetail .col-md-4::-webkit-scrollbar-thumb {
            background: #888; /* Color of the scrollbar thumb */
            border-radius: 6px; /* Roundness of the scrollbar thumb */
        }

            .articleDetail .col-md-4::-webkit-scrollbar-thumb:hover {
                background: #555; /* Color of the scrollbar thumb when hovered */
            }

.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: 0px 5px;
    text-align: start;
    margin-top: -63px;
}

.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: 93%;
        border-radius: 5px;
    }
   .forgetSection .fa-eye-slash,
   .forgetSection .fa-eye{
    position: relative;
    right: 40px;
   }
    .forgetSection form button {
        background-color: #ee3038;
        border: none;
        color: white;
    }

        .forgetSection form button:hover,
        .forgetSection form button:active {
            background-color: white;
            color: #ee3038;
            border: 1px solid #ee3038;
        }

.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*/
#profile-dasboard form .phone {
    width: 100% !important;
    padding: 6px 10px !important;
    margin-left: -17px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.phone {
    width: 78%;
}


#Customize_Form .countryCodes {
    /*  width: 28%;*/
    padding: 8px 0px !important;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    height: 36px;
}

#Customize_Form .form-Contact div .error {
    color: red;
    font-size: 14px;
    position: relative;
    top: 0px;
    white-space: nowrap;
}

#Customize_Form #phone {
    width: 94%;
    padding: 5px 5px !important;
    margin-left: -31px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

#profile-dasboard form .countryCodes {
    width: 100%;
    padding: 8px 0px !important;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    height: 38px;
}

#suggestForm .countryCodes {
    padding: 8px 0px !important;
}

#contactForm .countryCodes {
    padding: 8px 0px !important;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    height: 36px;
    width: 100%;
}

#contactForm label {
    font-size: 15px;
    margin-left: 17px;
    font-weight: 700;
    top: 4px;
    position: relative;
    white-space: nowrap;
    left: 0px;
}

#contactForm .error {
    color: red;
    font-size: 14px;
    position: relative;
    top: 0px;
    white-space: nowrap;
}

#contactForm #phone {
    width: 100%;
    padding: 5px 0px !important;
    margin-left: -10px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.ui-front {
    z-index: 99999 !important;
}

#user-registration .countryCodes {
    width: 25%;
    margin: 6px 3px;
    padding: 4px 6px;
    border-radius: 5px;
    border: 1px solid black;
}

#RegisterContainer .countryCodes {
    width: 70%;
    border: 1px solid black;
    padding: 7px 7px;
    border-radius: 5px;
}

#RegisterContainer #Phone {
    width: 70%;
}
/*  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);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    padding: 280px 0; 
    opacity: 0.8;
}

.notfound {
    text-align: center;
    color: white;
}

    .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 {
    text-align: center;
    margin-top: 20px;
}

.btn-notfound {
    background: rgba(238, 48, 56, 0.8);;
    color: white;
    padding: 10px 37px;
    border-radius: 5px;
    display: inline-block;
    text-decoration: none;
    font-weight: bold;
}

    .btn-notfound:hover {
        background: white;
        color: #ee3038;
    }
/* End 404 page Not found*/
/* start pay link */
.payLink {
    text-align: center;
    margin-top: 100px;
}
/* end pay link */
/* start enterPhonernumberp pay link page Not found*/
.EnterNumberSec {
    margin-top: 80px;
}

.EnterNumberPrompt {
    width: 30%;
    margin: 0px auto;
}

    .EnterNumberPrompt h2 {
        font-size: 25px;
        font-weight: 600;
        text-align: center;
    }

.btn-EnterNumberSec {
    margin-top: 20px;
    width: 100%;
    background-color: #ee3038;
    color: white;
}

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

.PhoneCountryDiv {
    display: flex;
}

    .PhoneCountryDiv
    #PhoneCountryCode {
        width: 45%;
        height: 37px;
        border-radius: 5px;
        margin-top: 10px;
    }

#PhoneCountryCode {
    width: 45%;
}

.PhoneCountryDiv input {
    border: 1px solid black;
    padding: 5px 10px;
    margin: 11px 4px;
    width: 100%;
    border-radius: 5px;
}

.PhoneCountryDiv select {
    border: 1px solid black;
    padding: 5px 10px;
    margin: 11px 4px;
    width: 100%;
    border-radius: 5px;
}
/* end enterPhonernumberp link page Not found*/

.NoEdit {
    background: lightgrey;
    margin: 10px 0px;
    padding: 5px 10px;
    color: black;
    cursor: not-allowed;
    border-radius: 5px;
    text-align: left;
    width: 100%;
}
.Div_whatpp_mob {
    display:none;
}
.uploadBtn, .foodBtn {
    background: #ebeff2;
    color: black;
    border: 1px solid black;
    width: 100%;
    border-radius: 5px;
}
.Food-div{
    margin-top:10px;
}
#uploadDocModal, #uploadFoodModal {
    width: 100%;
    left: 9%;
}
    #uploadDocModal input, #uploadFoodModal input, #uploadFoodModal select {
        width: 80%;
        margin-left: 10%;
    }
    #uploadDocModal .modal-content,
    #uploadFoodModal .modal-content{
        width: 70%;
    }
    #uploadFoodModal #detailsInput {
        display: none;
    }
    #uploadDocModal .modal-body label, #uploadFoodModal .modal-body label{
       margin-left: 10%;
    }
    .subscribe-button {
    position: absolute;
    bottom: 12%;
    right: 2%;
}
    .subscribe-button a {
        color: #ee3038;
        background: white;
        padding: 5px 4px;
        border-radius: 5px;
    }
        .subscribe-button a:hover {
            color:white;
            background: #ee3038;
            border:1px solid white;
        }
    .subscribe-button .fa-youtube-play{
        font-size: 20px;
    }
   
    /* Trek Page call fixed button in Side*/
    .Fixed_Contact {
        display: none;
        position: fixed;
        bottom: 29%;
        right: 0px;
        background-color: white;
        color: black;
        text-align: center;
        cursor: pointer;
        box-shadow: gray 0px 0px 5px;
        padding: 5px 7px;
        z-index: 1000; 
        width: 70px;
        height: 50px;
    cursor: pointer;
    }
    
        .Fixed_Contact .fa-phone {
            color: blue;
            font-size: 35px;
        }
        .Fixed_Contact_HomeMob {
            display: none;
            position: fixed;
            bottom: 9%;
            right: 0px;
            background-color: white;
            color: black;
            text-align: center;
            cursor: pointer;
            box-shadow: gray 0px 0px 5px;
            padding: 5px 7px;
            z-index: 1000;
            width: 70px;
            height: 50px;
            cursor: pointer;
        }
            .Fixed_Contact_HomeMob .fa-phone {
                color: blue;
                font-size: 35px;
            }
        .Fixed_Contact_Home {
            bottom: 20%;
        }
        .contact-details-home {
            bottom: 20% !important;
        }
        .Fixed_ContactDept {
            display: none;
            position: fixed;
            bottom: 38%;
            right: 0px;
            background-color: white;
            color: black;
            text-align: center;
            cursor: pointer;
            box-shadow: gray 0px 0px 5px;
            padding: 5px 7px;
            z-index: 1000;
            width: 70px;
            height: 50px;
            cursor: pointer;
        }
            .Fixed_ContactDept .fa-calendar {
                color: #ee3038;
                font-size: 35px;
                background-color: unset !important;
                margin: 0px 0px !important;
            }
            
    .contact-details {
        position: fixed;
        bottom: 29%;
        right: -300px; 
        background-color: white;
        box-shadow: gray 0px 0px 5px;
        padding: 10px;
        max-width: 250px;
        transition: right 0.5s ease-in-out; 
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
        height: 50px;
    }
    #contactDetails a{
        color:black;
    }
    .contact-details.open {
        right: 70px; 
    }
  .must-card .red-line{
    max-width: 100%;
    width: 100%;
    height: 2px;
  }
 .equipment-img{
    width: 30%;
    max-width: 100%;
    height: auto;
    border: 1px solid lightgray;
    margin-left: 10px;
 }
 .articleCard_img{
    width: 100%;
    max-width: 100%;
    height: auto;
    margin-top: 16px;
    margin-left: -4px;
 }
 .GenralQ_Btn, .TrekQ_Btn {
    background-color: white;
    color: black;
    padding: 5px 10px;
    border-radius: 5px;
    margin: 7px 5px;
    border: 1px solid #ee3038;
}
    .GenralQ_Btn.active, .TrekQ_Btn.active {
        background-color: #ee3038;
        color: white;
    }
/* #GenralQ_Btn, #TrekQ_Btn{
    display:none;
} */
#TrekQ_Div{
    margin-top: 10px;
    display:none;
}
#ContactNumberElement{
    margin-top:10px;
}

.participate .accordion-item h4{
font-size: 20px;
font-weight: bold;
}

/* Agent Dashboard starts */
.agentTitle{
    margin-top: 50px;
    text-align: center;
    background-color: #ee3038;
    color: white;
    font-weight: 600;
    padding: 10px;
    font-size: 30px;

}
.agentTable {
/* display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch; */
}
@media (max-width: 768px) {
.agentTable thead {
display: none;
}
.agentTable, .agentTable tbody, .agentTable tr, .agentTable td {
display: block;
width: 100% !important;
}
.agentTable tr {
margin-bottom: 15px;
border:1px solid black;
}
.agentTable td {
text-align: right;
padding-left: 50%;
position: relative;
}
.agentTable td::before {
content: attr(data-label);
position: absolute;
left: 0;
width: 50%;
padding-left: 15px;
font-weight: bold;
text-align: left;
}
.acc_stmt, .agentTable{
width: 100% !important;
}

}
.acc_stmt,.agentTable {
    margin: 0px auto;
    width: 75%;
}

.agentDash .form-group input,
.agentDash .form-group select,
.agentDash .form-group button {
    width: 100%;
    height: 40px;
    /* Adjust height as needed */

}

.agentDash .form-group input,
.agentDash .form-group select {
    border-radius: 5px;
    border: 1px solid black;

}

.agentDash label {

    font-size: 15px;
    font-weight: 600;
    margin-top: 7px;
}

.agentDash .form-group button {
    /*  margin-top: 10px;  Optional: Add margin for better spacing */
}
.agentAdd{
  color: green;
}
.agentLess{
 color: red;
}
.agentPending{
    color: darkgoldenrod;
}
.Accountstmt{
    color:black;
    text-align: center;
    font-weight: 600;
}
/* Agent Dashboard ends */
#popupImageCount{
    color: white;
    position: relative;
    background: black;
    padding: 4px 10px;
    bottom: 20px;
}
/* 3peaks Article */
@media screen and (max-width: 1024px){
.peaks_article{
    width: 100% !important;
}
}
.peaks_article{
    text-align: justify;
    text-align: justify;
    width: 80%;
    margin: 0px auto;
    margin-top: 10px;

}
/* End 3peaks Article */

/* Career Start*/
.Career {
    margin-top: 4%;
}
.Career_From{
    width:70%;
    
}
.Career_desc {
    width: 70%;
    margin-top: 20px;
    margin: 0px auto;
    text-align:justify;
}
#CareerForm h5 {
    font-weight: 600;
    margin-top: 10px;
    text-align: center;
    color: #ee3038;
    font-size:25px;
}
#CareerForm label {
    font-weight: 600;
    margin-top: 10px;
}
#CareerForm input:focus,
#CareerForm select:focus,
#CareerForm textarea:focus {
    box-shadow: none;
    border: 1px solid #ee3038;
}
#SubmitCareerForm {
    background: #ee3038;
    color: white;
    border: none;
    width: 100%;
    padding: 5px 10px;
    border-radius: 5px;
    margin-top: 10px;
    box-shadow:5px 5px 5px grey;
}
#SubmitCareerForm:hover{
    color:#ee3038;
    background:white;
    border:1px solid #ee3038;
}
.mandatory{
    color:#ee3038;
}
#Career_accordion {
    margin: 15px auto;
    width: 70%;
    margin-top: 16px !important;
    border: 1px solid rgba(0, 0, 0, .125);
}
#Career_header b{
    font-size: 20px;
    color:#ee3038;
}
/* Career  End*/

.select2-hidden-accessible{
    display: none;
}
/*start School.html*/
.SchoolProgram {
    margin-top: 60px;
}

 .Program_main .gallery,
.Program_main .trek_reviews,
.Program_main .faq, 
.Program_main .trek_ess{
    margin: 25px auto !important;
    width: 77%;
} 
.program_about h6{
    font-weight:600;
}
.SchoolProgram .program_about,
.SchoolProgram .Section_1,
.SchoolProgram .Section_2,
.SchoolProgram .Section_3 {
    margin: 0px auto;
    width: 75%;
    margin-top: -25px;
}
.SchoolProgram .Section_5{
    margin: 0px auto;
    width: 76%;
}
    .SchoolProgram .program_about{
        margin: 25px auto;
        width: 77%;
    }
        .SchoolProgram .program_about h5,
        .SchoolProgram .Section_1 h5,
        .SchoolProgram .Section_2 h5,
        .SchoolProgram .Section_3 h5,
        .SchoolProgram .Section_4 h5,
        .SchoolProgram .Section_5 h5,
        .SchoolProgram .trek_ess h5,
        .SchoolProgram .faq h5{
            font-size: 30px;
            font-weight: 600;
            color: #ee3038;
        }
    .SchoolProgram .Section_1 img,
    .SchoolProgram .Section_2 img,
    .SchoolProgram .Section_3 img,
    .SchoolProgram .Section_4 img,
    .SchoolProgram .Section_5 img {
        width: 100%;
        max-width: 100%;
        height: auto;
        margin-top: 5px;
        border-radius: 10px;
    }
.S_title {
    padding: 3px 10px;
    margin-top:15px;
}
.Co_title {
    padding: 3px 10px;
    margin-top: 15px;
}
.Cp_title {
    padding: 3px 10px;
    margin-top: 15px;
}
.S_Section_2, .S_Section_3, .S_Section_4, .S_Section_5, .Co_Section_3, .Co_Section_4, .Co_Section_5,
.Cp_Section_2, .Cp_Section_3, .Cp_Section_4, .Cp_Section_5 {
    margin-top: 20px;
}
.Cp_title h6 {
    font-size: 20px;
    font-weight: 600;
    color: #ee3038;
}
.Co_title h6 {
    font-size: 20px;
    font-weight: 600;
    color:#ee3038;
}
.S_title h6 {
    font-size: 20px;
    font-weight: 600;
    color: #ee3038;
}
.S_queryDiv {
    margin-top: -10px;
    text-align: center;
}

.S_query {
    border: none;
    background: black;
    color: white;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    padding: 0px 10px;
    position: fixed;
    box-shadow: 5px 5px 5px grey;
    padding: 5px 0px;
    right: 0;
    width: 8%;
    bottom: 30%;
    cursor: pointer;
}

    .S_query:hover {
        border: 1px solid black;
        background: white;
        color: black;
    }
.Section_2 {
    text-align: justify;
}


.Section_1 {
    margin-top: -10px;
}

.S_Btn1.active, .S_Btn2.active, .S_Btn3.active {
    background-color: #ff0000;
    color: #fff;
    box-shadow: 5px 5px 5px grey;
}

.S_Btn1, .S_Btn2, .S_Btn3 {
    border: 1px solid #ee3038;
    background: white;
    border-radius: 10px;
    margin: 0px 5px;
    width: 100%;
    cursor: pointer;
}

.s_mobBTn {
    display: none;
}

#School_Content, #College_Content, #Corporate_Content {
    margin-top: 45px;
}

#College_Content, #Corporate_Content {
    display: none;
}

.form-control:focus,
.form-select:focus {
    outline: none;
    border: 1px solid grey;
    box-shadow: none;
}

.form-check_School {
    display: flex;
    align-items: center;
    gap: 10px;
}

    .form-check_School input[type="checkbox"] {
        margin-right: 5px;
        width: 15px;
    }


.S_BtnSubmit {
    background-color: #ee3038;
    color: white;
    font-size: 17px;
    border: none;
    padding: 7px 30px;
    border-radius: 10px;
    margin: 8px 0px;
    box-shadow: 5px 5px 5px grey;
}

    .S_BtnSubmit:hover {
        background-color: white;
        color: #ee3038;
        border: 1px solid #ee3038;
    }
.SchoolProgram label {
    font-weight: 600;
    font-size: 14px;
    margin-top: 5px;
}

.s_row {
    display: flex;
    flex: 0 0 auto;
    width: 100%;
}

.row_s {
    display: flex;
    flex-wrap: wrap;
    gap: 16px; /* Adds space between the elements */
}

    .row_s > * {
        width: calc(33.33% - 16px); /* Ensures three elements in a row */
        box-sizing: border-box; /* Prevents padding/margin issues */
    }

    .row_s textarea,
    .row_s button {
        width: 100%; /* Span the full row for textarea and button */
    }


/*End school.html*/
 /*Start Feedback popup*/
.RateBtn {
    background: #ee3038;
    color: white;
}
.RateBtn:focus {
    box-shadow: unset;
}
    .RateBtn:hover {
        background-color: white;
        color: #ee3038;
        box-shadow: unset;
        border: 1px solid #ee3038;
    }
.rate-popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000;
    overflow-y: scroll;
}

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

.rate-close-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 30px;
    cursor: pointer;
}

    .rate-close-btn:hover {
        color: red;
    }

.rate-submit-btn {
    background-color: #28a745;
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 14px;
}

    .rate-submit-btn:hover {
        background-color: #218838;
    }
.Rate_Utitle{
    color:#ee3038;
    font-size:25px;
    font-weight:600;
}
.RatingDiv {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
}
.RatingDiv textarea{
    margin-top:10px;
}
    .RatingDiv .col-md-4 {
        flex: 1 1 calc(33.33% - 20px);
        background-color: #ffffff;
        padding: 15px;
        border-radius: 5px;
        border: 1px solid #e0e0e0;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        /* text-align:left;*/
    }
.RateTitle{
    font-weight:600;
}
.InputStar {
    /* float: left; */
    /* height: 46px; */
    /* padding: 0 10px; */
    margin: -7px 15px;
    display: flex;
    direction: rtl;
}

.InputStar:not(:checked) > input {
    position: absolute;
    top: -9999px;
}

.InputStar:not(:checked) > label {
    float: right;
    width: 1em;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    font-size: 30px;
    color: #ccc;
}

.InputStar:not(:checked) > label:before {
    content: '★ ';
}

.InputStar > input:checked ~ label {
    color: #ffc700;
}

.InputStar:not(:checked) > label:hover,
.InputStar:not(:checked) > label:hover ~ label {
    color: #deb217;
}

.InputStar > input:checked + label:hover,
.InputStar > input:checked + label:hover ~ label,
.InputStar > input:checked ~ label:hover,
.InputStar > input:checked ~ label:hover ~ label,
.InputStar > label:hover ~ input:checked ~ label {
    color: #c59b08;
}


 /*End Feedback popup*/

 /* start dashboard notification */
.notification .badge {
    background: black;

}

.notification_desc {
    float: left;
    font-size: 13px;
    /* margin-top: 4px; */
    margin-left:10px;
    padding:0px 20px;

}

.close_notification {
    float: right;
 /*   background-color: black;*/
    color: white;
    padding: 2px 2px;
    position: relative;
    top: -5px;
    transition:0.5s all-ease-in-out;
}
.close_notification:hover {
    transform:scale(1.3);
}
    .detail_notification {
    display: none;
    position: absolute;
    background: black;
    border-radius: 5px;
    font-size: 14px;
    color: white;
    z-index: 10;
    right: 13%;
    width: 25%;
    padding:5px 0px;
}
.notification_desc .RateBtn,
.notification_desc .uploadBtn {
    background: none;
    /*  color: #ee3038;*/
    cursor: pointer;
    border: none;
}
.notification_desc .uploadBtn {
     color:white;
}
    .notification_desc .RateBtn:hover,
    .notification_desc .uploadBtn:hover {
        background: #ee3038;
        color: white;
        padding: 5px 5px;
  
    }

/* end dashboard notification *
/* Start Home Google Review Popup */
#GreviewPopup {
    overflow: hidden;
    z-index: 9999;
    height: 100%;
    overflow-y: scroll;
}

.Greviewpopup {
    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;
}

.Greviewpopup-content {
    
    position: relative;
    margin: 5% auto;
    background: #fff; 
    padding: 20px;
    border-radius: 8px;
    width: 50%; 
    max-width: 100%;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); 
    animation: popup-fade-in 0.3s ease-in-out; 
}
.G_reviewP{
    text-align: justify;
}
.G_close_popup {
    position: absolute;
    top: 0px;
    font-size: 50px;
    cursor: pointer;
    color: #fff;
    right: 10px;
}

  

.GR_arrow-button {
    background: none;
    border: none;
    font-size: 24px;
    font-weight: bold;
    cursor: pointer;
    margin: 20px;
    transition: transform 0.2s ease-in-out, color 0.2s ease-in-out;
    color: #ee3038; /* Arrow color */
}

@keyframes popup-fade-in {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

#GReviewpopup {
    transition: transform 0.3s ease-in-out;
}

.G_closePopup {
    position: absolute;
    top: 0px;
    font-size: 50px;
    cursor: pointer;
    color: #fff;
    right: 10px;
}


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


.GR_prev {
    left: 15px;
    display: none;
}


.GR_next {
    right: 15px;
    display: none;
}
/* End Home Google Review Popup */
/*Snow Fall*/
  /* Styling for snowflakes */
  .snowflake {
    position: absolute;
    top: -10px;
    width: 8px;
    height: 8px;
    overflow-x: hidden !important;
    background-color: white;
    clip-path: polygon(50% 0%, 60% 20%, 80% 20%, 70% 40%, 80% 60%, 60% 60%, 70% 80%, 50% 70%, 30% 80%, 40% 60%, 20% 60%, 30% 40%, 20% 20%);
    animation: fall linear infinite;
    opacity: 0.8;
    
  }

  /* Snowflake falling animation */
  @keyframes fall {
    0% {
      transform: translateY(0) rotate(0deg);
    }

    100% {
      transform: translateY(100vh) rotate(360deg);
    }
  }
/*End Snow Fall*/
/*start Wishlist Popup*/
#WaitlistPopup{
    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;
}
.popupWishlist {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    padding: 20px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    z-index: 1000;
}

.popup-contentWishlist {
    text-align: center;
}
.popup-contentWishlist h6{
    font-size: 19px;
}

.close-btnWishLish {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    font-size: 20px;
}
/*End Wishlist Popup*/