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

.mob_image {
  display: none;
}

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

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

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

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

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

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

.mob-menu {
  display: none;
}

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

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

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

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

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

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

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

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

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

.bannerimg {
  position: relative;
  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: 78px;
  /* border-bottom: 1px solid #ee3038; */
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#navigation {
  display: flex;
}

#navigation li {
  display: inline;
}

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

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

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

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

a {
  text-decoration: none;
}

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

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

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

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

  .new {
    display: flex !important;
  }

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

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

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

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

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

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

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

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

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

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

  .desk_image {
    display: none;
  }

  .mob_image {
    display: flex;
  }

  .mob_image img {
    width: 100%;
  }

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

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

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

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

  .logo {
    width: 40%;
  }

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

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

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

  body {
    width: 100%;
  }

  .progress-container {
    width: 100%;
  }

  #desktop-menu {
    display: none;
  }

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

  .search-container button {
    display: none;
  }

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

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

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

  .sec4_img {
    width: 100%;
  }

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

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

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

  .sec2_img {
    width: 100%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

  .sec7_img {
    margin-top: 10px;
  }

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

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

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

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

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

  .social_title {
    margin: 0px 26px;
  }

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

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

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

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

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

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

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

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

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

  .icon_sec {
    display: none;
  }

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

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

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

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

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

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

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

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

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

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

  .trekreview_img {
    width: 80% !important;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  #navigation {
    margin-right: 18px;
  }

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

  #navigation li {
    padding: 5px;
  }

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

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

@media screen and (max-width: 767px) {
  .close-img_popup {
    top: 50px !important;
    background-color: #ebeff2;
    color: #ee3038 !important;
    width: 10%;
    border-radius: 5px;
  }
  .Intbutton {
    width: 96% !important;
  }
  #suggestForm .countryCodes {
    margin-left: 14px !important;
  }
  #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: -11px !important;
  }
  #contactForm label {
    left: -11px !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: 90% !important;
    margin: 8px 16px !important;
  }
  .select2-dropdown--below {
    margin: 0px 34px !important;
  }

  #trek_video img {
    margin: 0px 10px !important;
  }
  .booking_con #toggle-buttonBooking {
    margin-top: 0px !important;
  }
  #trekForm .error {
    margin-top: -19px !important;
    margin-left: 8px !important;
  }
  .form-container {
    padding: 0px !important;
    background-color: unset !important;
    margin-top: 50px;
  }
  .Addons_unpaid,
  .Addons_paid {
    width: 30% !important;
    padding: 5px 15px !important;
  }
  .no-user .fnameB,
  .no-user .lnameB,
  .no-user .phoneB,
  .no-user .emailB {
    width: 98% !important;
  }
  .PariciPantSection {
    width: 96% !important;
  }
  .SearchExist {
    width: 100% !important;
    text-align: center;
  }

  .Booking_SectionNew {
    margin: unset !important;
  }
  .sentlink,
  .forgetSection {
    width: 95% !important;
    margin-top: 20px !important;
  }
  .tabcontent {
    padding: unset !important;
  }

  .equipment-img {
    width: 90%;
  }

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

  .mobcotactmenu {
    display: block !important;
    border-bottom: 1px solid red;
  }
  .mobcotactmenu a {
    border-bottom: unset !important;
  }
  .mobcotactmenu a:nth-child(2),
  .mobcotactmenu a:nth-child(3) {
    margin-top: -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%;
  }

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

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

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

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

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

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

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

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

  .MobileGalleryContainer {
    display: block !important;
  }

  .DesktopGalleryContainer {
    display: none !important;
  }

  .SuggestCon {
    width: 100% !important;
  }

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

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

  .suggest_inline {
    display: table !important;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  #profile-dasboard select,
  #profile-dasboard form input {
    width: 100% !important;
    translate: unset !important;
    margin-left: 0px !important;
  }

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

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

  #profile-dasboard label {
    left: 0 !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;
  }
  /*End Contact.html*/
  /*start customize.html*/
  .customizeCon,
  .contactCon,
  .SuggestCon {
    margin-top: 76px !important;
  }

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

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

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

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

  .customize-user-detail form input,
  .customize-user-detail form optgroup {
    width: 100% !important;
    margin: 10px 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: 35% !important;
  }

  .responsive-table {
    display: none;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .name_col {
    padding: 0px 25px;
  }

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

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

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

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

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

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

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

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

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

  .AllTrek-Con .col-md-3 {
    width: 50%;
  }
  /* all trek page ends*/
  /* login page*/
  .formContainer form button,
  .formContainer form input,
  .formContainer form optgroup,
  .formContainer form select,
  .formContainer form textarea {
    width: 91% !important;
    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: 100% !important;
    margin: 0px 0px !important;
  }

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

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

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

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

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

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

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

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

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

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

  .equpiment-img {
    width: 80%;
  }

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

  #calculate_bmi {
    margin-top: 10px;
  }

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

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

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

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

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

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

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

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

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

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

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

  .mob_help a {
    color: #ee3038;
  }

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

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

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

  #navigation2 li {
    list-style: none;
  }

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

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

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

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

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

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

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

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

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

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

  .mob_accord {
    position: fixed;
    width: 100%;
    top: 58px;
    left: 0px;
  }

  .mob_accord .accordion-item .card-body 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: 80% !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: -13rem;
    margin-top: -10%;
    border: 1px solid black;
    border-radius: 10px;
    padding: 4px 7px;
  }

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

  .logo {
    width: 40%;
  }

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

  .sidenav {
    margin: 0px 0px;
  }

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

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

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

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

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

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

  .sec2_img {
    width: 100%;
  }

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

  .sec4_img {
    margin-top: 10px;
  }

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

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

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

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

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

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

  .school {
    margin-top: 20px;
  }

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

  .sec7_img {
    margin-top: 10px;
  }

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

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

  .information_vid {
  }

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

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

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

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

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

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

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

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

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

  .social_title {
    margin: 0px 26px;
  }

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

  body {
    width: 100% !important;
  }

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

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

  .col_icon {
    width: 32.666667% !important;
  }

  .imp_links {
    width: 100%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .trekreview_img {
    width: 80% !important;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  #navigation {
    margin-right: 18px;
  }

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

  #navigation li {
    padding: 5px;
  }

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

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

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

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

  #subheader {
    display: none;
  }

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

@media screen and (max-width: 1024px) {
  /* Start customize.html css*/

  .alltrek-banner h3 {
    bottom: 89px !important;
  }
  .suggest-main .customize-help {
    width: 100%;
    margin-left: 0px !important;
  }

  .SuggestCon {
    width: 100% !important;
  }

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

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

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

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

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

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

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

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

  .information_vid {
    width: 43% !important;
  }

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

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

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

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

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

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

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

  .imp_links {
    width: 100%;
  }

  .fitness_column {
    width: 100%;
  }

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

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

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

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

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

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

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

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

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

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

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

  .imp_links {
    width: 100%;
  }

  .fitness_column {
    width: 100%;
  }

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

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

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

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

/*.................................*/
@media screen and (min-width: 768px) and (max-width: 1024px) {
  #loginContainer form,
  #RegisterContainer form {
    width: 70% !important;
  }
  .EnterNumberPrompt {
    width: 60% !important;
  }

  #Customize_Form .countryCodes {
    width: 32% !important;
  }
  #Customize_Form #phone {
    width: 49% !important;
    padding: 5px 0px !important;
    margin-left: -7px;
  }

  .suggest-form .customize-help {
    margin: 15px -50px !important;
    background-color: unset !important;
    width: 40%;
  }
  .footer .col-md-3 {
    width: 50%;
  }
  .footer .col-md-3:nth-child(4) {
    margin-left: 350px;
    margin-top: -185px;
  }
  .PariciPantSection {
    width: 100% !important;
  }
  .SearchExist {
    width: 100% !important;
  }
  .sentlink,
  .forgetSection {
    width: 50% !important;
    margin-top: 20px !important;
  }
  #navigation {
    display: unset !important;
  }

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

  .booking_con {
    width: 100% !important;
  }

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

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

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

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

  .customizeCon {
    max-width: 100%;
  }

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

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

  .sidenav {
    margin-right: 0px;
  }

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

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

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

  .navbar {
    width: 100%;
  }

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

  .logo {
    width: 60%;
  }

  .sidenav {
    margin: 0px 0px;
  }

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

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

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

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

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

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

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

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

@media screen and (min-width: 1025px) and (max-width: 1200px) {
  #loginContainer form,
  #RegisterContainer form {
    width: 70% !important;
  }
  .EnterNumberPrompt {
    width: 60% !important;
  }

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

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

  .booking_con {
    width: 100% !important;
  }

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

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

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

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

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

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

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

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

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

  .sidenav {
    margin-right: 0px;
  }

  .progress-container {
    width: 93%;
  }

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

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

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

  .article1 {
    width: 90%;
  }

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

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

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

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

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

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

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

@media screen and (min-width: 1201px) and (max-width: 1400px) {
  .PariciPantSection {
    width: 90% !important;
  }
  #navigation {
    display: unset !important;
  }

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

  .booking_con {
    width: 90% !important;
  }

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

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

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

  .navbar {
    width: 100%;
  }

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

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

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

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

/* END slider css */

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

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

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

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

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

/* END searchbar css */

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

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

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

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

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

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

.slider {
  position: relative;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.three {
  margin-top: 20px;
}

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

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

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

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

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

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

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

.article1 li {
  display: list-item;
}

.article1 p {
  text-align: justify;
}

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

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

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

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

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

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

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

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

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

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

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

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

.arrow-left {
  left: 0;
}

.arrow-right {
  right: 0;
}

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

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

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

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

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

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

.month_col {
  padding: 0px 0px;
}

.month_con {
  padding: 0px 38px;
}

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

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

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

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

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

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

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

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

.slider {
  position: relative;
}

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

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

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

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

/* end css for Must Read Articles */

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

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

.sec8_img {
  margin-top: 10px;
}

/* End Section Seven */

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

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

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

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

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

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

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

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

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

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

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

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

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

/* End Css Trekkers Review */

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

.rstar {
  text-align: center;
}

.countrevirew {
  text-align: center;
}

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

.star_review {
  margin-top: 20px;
}

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

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

.slidergr {
  position: relative;
}

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

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

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

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

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

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

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

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

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

.star-rating {
  color: #ffd700;
}

.review {
  margin-top: 5px;
}

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

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

.grbtn:hover {
  color: black;
}

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

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

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

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

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

.contact {
  margin: 0px 169px;
}

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

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

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

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

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

.footer {
  color: white;
  text-align: left;
}

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

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

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

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

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

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

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

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

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

.phone {
  margin-top: 54px;
}

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

.number a {
  color: white;
}

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

.mail a {
  color: white;
}

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

.email {
  margin: 67px 0px;
}

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

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

.social_icon {
  margin: 0% 7%;
}

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

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

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

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

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

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

.footer_all_treks a {
  color: white;
}

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

.copyright {
  text-align: center;
}

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

.main {
  background-image: url("../assets/images/A_DIVINE_YAT.png");
  padding: 1% 0%;
}

.last {
  margin: 0% 7%;
}

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

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

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

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

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

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

/* End Footer Css */

/*Trek page css*/

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

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

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

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

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

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

.icon_img {
  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: 116%;
  margin: 14px 0px;
}

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

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

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

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

.column4 a {
  color: #ee3038;
}

.dotted_list {
  margin-top: 20px;
}

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

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

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

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

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

.overview {
  margin: 5px 200px;
}

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

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

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

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

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

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

.participate {
  margin: 5px 200px;
}

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

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

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

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

.btndiv {
  text-align: center;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.itinerary {
  margin: 5px 200px;
}

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

#quickItinerary h5,
.tabcontent h5 {
  font-size: 17px;
  font-weight: 600;
  color: #000;
}
#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: 60px 0px;
  border-radius: 32px;
  padding: 7px;
}

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

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

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

#trekGraph {
  display: 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;
}

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

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

.reach {
  margin: 5px 200px;
}

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

.drop-btn,
.pick-btn,
.maps-btn {
  border: 1px solid #ee3038;
  background: white;
  border-radius: 10px;
  margin: 0px 5px;
  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 h5 {
  font-size: 30px;
  font-weight: 600;
  color: #ee3038;
}

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

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

#inclue-content {
  display: block;
}

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

#exclu-content {
  display: none;
}

#tour-content {
  display: none;
}

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

#c_tcontentContainer {
  margin-top: 20px;
}

.trek_ess {
  margin: 5px 200px;
}

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

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

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

#essential-download {
  display: none;
}

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

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

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

.bmi {
  margin: 5px 200px;
}

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

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

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

.links p b {
  color: #ee3038;
}

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

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

.bmi_calculator_wrapper {
  display: flex;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.gallery {
  margin: 5px 200px;
}

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

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

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

#video-view {
  display: none;
}

#GalleryContainer {
  margin-top: 20px;
}

.trek_reviews {
  margin: 5px 200px;
}

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

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

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

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

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

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

.faq {
  margin: 5px 200px;
}

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

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

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

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

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

#gfaq {
  display: none;
}

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

.similar_treks {
  margin: 5px 200px;
}

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

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

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

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

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

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

.simlilar_trek_img {
  border-top-right-radius: 15px;
  border-top-left-radius: 15px;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  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: 30px;
  right: 15px;
  font-size: 24px;
  cursor: pointer;
  color: #fff;
}

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

.prev {
  left: 15px;
}

.next {
  right: 15px;
}

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

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

.slider {
  position: relative;
}

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

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

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

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

.col_icon {
  width: 19.666667%;
}

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

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

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

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

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

#continuemore,
#paricipantmore {
  display: none;
}

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

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

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

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

.front_faq {
  margin-top: 50px;
}

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

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

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

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

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

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

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

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

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

#signup a {
  color: white;
}

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

.dep_detail .priceline {
  display: none;
}

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

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

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

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

.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: -33px;
}
.card-body-addons p {
  color: black;
  margin-top: -18px;
}

.card-body-addons a {
  margin-left: 45px;
}

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

#trek_video img {
  margin: 0px 20px;
  max-width: 100%;
  width: 100%;
  object-fit: cover;
  height: auto;
}

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

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

.customize-help p {
  font-weight: 500;
  margin: 0px 0px;
  font-size: 14px;
  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: 100%;
  border-radius: 5px;
}
.PinfoDiv label {
  font-size: 15px;
  margin-left: 17px;
  font-weight: 700;
  top: 4px;
  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;
  text-align: justify;
  border-radius: 6px;
  padding: 28px 9px;
  position: absolute;
  z-index: 999;
  top: 0%;
  left: 50%;
  /* margin-left: -80px; */
  margin: -14px -439px;
  border: 1px solid #ee3038;
  line-height: 30px;
  padding-bottom: 0px;
}

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

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

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

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

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

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

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

.suggst_hover {
  margin-top: 30px;
}

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

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

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

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

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

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

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

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

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

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

.disable-content {
  pointer-events: none;
  opacity: 0.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: 84% !important;
}

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

.form-Contact {
  display: flex;
}

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

.contactBtn {
  /* margin: 26px 13px; */
  /* display: flex; */
  margin-left: 20px;
}

.btn-contact-us {
  background-color: #ee3038;
  color: white;
  font-size: 17px;
  border: none;
  padding: 7px 30px;
  border-radius: 10px;
  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: 14px;
}

.contact-address p {
  font-weight: 100;
  font-size: 14px;
}
/* End contact-us.html css*/
/* start Login.html css*/

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

.login-form-btn {
  background-color: white;
  color: black;
  padding: 0px 25px;
  font-size: 18px;
  border-radius: 10px;
}

.register-form-btn {
  background-color: white;
  color: black;
  padding: 0px 25px;
  font-size: 18px;
  border-radius: 10px;
}

.login-form-btn.active,
.register-form-btn.active {
  background-color: #ee3038;
  color: white;
  border: none;
}

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

#RegisterContainer {
  display: none;
}

#loginContainer {
  margin: 25px 0px;
}

#loginContainer form,
#RegisterContainer form {
  background-color: white;
  width: 37%;
  margin: 0px auto;
  border-radius: 10px;
  margin-bottom: 10px;
}

#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: 44%;
  margin: 0px auto;
  margin-top: -16px;
}

.login_accordian button,
.registration_accordian button {
  border: 1px solid #000;
  padding: 6px 7px;
}
.login_accordian .card-body p {
  text-align: justify;
}
.iti__flag-container {
  left: 113px !important;
}

.intl-tel-input .iti {
  width: 100%;
  position: relative;
}

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

.login-with-password.active,
.otp-login.active {
  background-color: #ee3038;
  color: white;
}

.verify-otp {
  background-color: #ee3038;
  color: white;
}

#otp-div {
  display: none;
}

.otp-login {
}
/* Start  booking.html css*/
/* End  booking.html css*/
#user-registration {
  margin-top: -50px;
}

.no-user {
  margin-top: -48px;
}

.no-user .fnameB,
.no-user .lnameB,
.no-user .phoneB,
.no-user .emailB {
  width: 50%;
  margin: 6px 3px;
  padding: 4px 6px;
  border-radius: 5px;
  border: 1px solid black;
}

.booking_con {
  /* background-color: #f0b8bb; */
  background-color: #f0f8ff !important;
  margin-top: 15px;
  margin-bottom: 50px;
  padding-bottom: 1px !important;
  border-radius: 10px;
  text-align: center;
  width: 50%;
}

.booking_con :focus {
  box-shadow: unset;
}

.select_date {
  display: flex;
  margin-left: 10px;
}

.date-dropdown {
  width: 64%;
  height: 35px;
  border-radius: 10px;
  font-size: 15px;
}

.open-option {
  color: green;
}

.findUser {
  background: #ee3038;
  color: white;
  border: none;
  padding: 4px 10px;
  border-radius: 10px;
  margin: 6px 4px;
}
.SearchExist {
  margin: 0px auto;
  width: 50%;
}
.SearchExist .emailS {
  padding: 3px 2px;
  border-radius: 8px;
  border: 1px solid black;
  width: 80%;
}
.searchPartici {
  margin-top: 10px;
}
.PariciPantSection {
  width: 50%;
  margin: 0px auto;
  margin-top: -18px;
  background-color: #f0f8ff !important;
}
#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;
  /* border: 1px solid #ccc; */
  color: white;
  padding: 10px;
  z-index: 1;
  font-size: 12px;
  width: 30%;
}

.fa-info-circle {
  cursor: pointer;
  position: relative;
}

.fa-info-circle:hover + .AddonPopup {
  display: block;
}

.addon_table th {
  border-right: 1px solid black;
}

#addonPopup li {
  margin-left: 12px;
}

.coupon_title {
  color: #ee3038;
  margin: 10px;
  font-size: 25px;
  font-weight: 600;
}

.coupon_con {
  text-align: center;
  width: 52%;
}

.coupon_con form input {
  padding: 11px;
}

.Coupon-btn {
  padding: 4px 26px;
  border: none;
  background-color: #ee3038;
  color: white;
  margin-left: 12px;
  border-radius: 10px;
}

.vouchers {
  border: 1px solid #000;
  border-radius: 10px;
}

.vouchers h5 {
  margin: 10px;
  font-size: 25px;
  font-weight: 600;
  color: #9e9e9e;
}

.coupon_hr {
  width: 28%;
  margin: 10px auto;
  height: 11px;
  padding: 3px 0px;
  background-color: #9e9e9e;
}

.vouchers .fa-info-circle {
  margin-right: 25px;
}

.vouchers .single_field {
  display: block;
}

.individual_voucher {
  /* border: 1px solid black; */
  border-radius: 10px;
  margin-top: 20px;
  width: 50%;
  text-align: center;
  background-color: #f0f8ff !important;
}

.individual_voucher .fa-info-circle {
  margin-right: 25px;
}

.vouchers_table th {
  text-align: center;
  padding: 0px 45px;
}

.vouchers_table th {
  border-right: 1px solid black;
}

.vouchers_table .single_field {
  display: block;
  text-align: justify;
}

.individual_voucher h5 {
  margin: 10px;
  font-size: 25px;
  font-weight: 600;
  /* color: #9e9e9e; */
}

.payment_con {
  /* border: 1px solid #000; */
  border-radius: 10px;
  text-align: center;
  width: 50%;
  margin-top: -18px;
  padding-bottom: 13px;
  background-color: #f0f8ff !important;
}

.payment_con .single_field {
  margin-top: 15px;
}

.payment_con h5 {
  margin: 10px;
  font-size: 25px;
  font-weight: 600;
  /* color: #9e9e9e; */
}

.payment_con table {
  /* border: 1px solid #707070; */
  border-radius: 10px;
  padding: 20px;
  padding-right: 15%;
  margin-top: 35px;
  margin-bottom: 20px;
  border-top: 2px solid #b5b5b5;
  padding-top: 10px;
  margin-top: 10px;
  margin: 0px 40px;
  width: 90%;
}

.payment_con table tr td:nth-child(1) {
  font-size: 19px;
  color: #949494;
  padding: 10px;
  width: 80%;
  text-align: justify;
}

.payment_con table tr td:nth-child(2) {
  font-size: 19px;
}

tr.total_amount_row {
  border-top: 2px solid #b5b5b5;
  padding-top: 10px;
  margin-top: 10px;
}

.payment_con h6 {
  text-align: center;
  font-size: 30px;
  font-weight: 600;
  color: #9e9e9e;
}

.terms_accordian {
  /* width: 70%;
    margin: 0px 200px; */
  border: none;
}

.terms_accordian .card-body {
  /* border: 1px solid #b5b5b5; */
  text-align: justify;
}

.term-button {
  height: 30px;
  text-align: center; /* Center the text horizontally */
  display: flex;
  justify-content: center;
  border: 1px solid #b5b5b5;
  margin-top: 10px;
}

.trek_pay {
  border: none;
  font-size: 17px;
  background: #ee3038;
  color: white;
  padding: 10px 35px;
  border-radius: 10px;
}

.term-button b {
  width: 100%;
}
/* .table_payment th{
    padding-left: 30px;
}
.table_payment td{
    padding-left: 100px;
} */
/**/
.user-icon-container {
  position: relative;
  display: none;
}
.mobcotactmenu a {
  border-bottom: unset;
}
.hover-content {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  background-color: white;
  padding: 5px;
  border: 1px solid black;
  width: 14rem;
}

.user-icon-container:hover .hover-content {
  display: block;
}

.login-link,
.logout-link {
  display: block;
  text-decoration: none;
  color: #333;
  margin-bottom: 5px;
  border-bottom: 1px solid #ee3038;
  background-color: white;
}

.login-link:hover,
.logout-link:hover {
  color: white;
  background-color: #ee3038;
}
/* End  Login.html css*/
/* Start user-dashboard.html css*/
.cancelled-booking {
  background-color: grey;
  opacity: 0.4;
  color: white;
}
.accordion-userDash {
  display: none;
}

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

.profile-btn,
.profile-trek-btn,
.profile-btn-password {
  border: none;
  color: #ee3038;
  border-radius: 10px;
  border: 1px solid #ee3038;
  background-color: white;
  padding: 6px 35px;
  border-radius: 10px;
}

.profile-btn.active,
.profile-trek-btn.active,
.profile-btn-password.active {
  background-color: #ee3038;
  color: white;
}

#trek-dasboard,
#trek-password {
  display: none;
}

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

#profile-dasboard {
  margin: 11px auto;
  border: none;
  /* background-color: #f0b8bb; */
  width: 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;
  background-color: grey;
  color: white;
}
input[type="file"] {
  display: block;
  margin-bottom: 15px;
  /* Add any other styles you want for the input fields */
}

.input-row {
  display: flex;
  flex-wrap: wrap;
}

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

.save-changes {
  text-align: center;
}

table.shop_table {
  border: 1px solid rgba(0, 0, 0, 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, 0.1);
  padding: 9px 12px;
  vertical-align: middle;
  line-height: 1.5em;
}

.Payment_Status span {
  /* background-color: green; */
  color: #fff;
  padding: 5px;
  font-size: 12px;
  border-radius: 5px;
}

.Addons {
  margin-bottom: 20px;
}

.Addons ul {
  list-style: square;
  margin-bottom: 0px;
  width: 250px;
  margin-left: -79px;
  margin-top: 20px;
}

.Addons ul li {
  text-transform: capitalize;
  font-size: 15px;
  list-style: square;
  margin-top: -10px;
}

.Addons ul li a {
  font-size: 12px;
  color: black;
}

.Addons_unpaid {
  background-color: #ee3038;
  color: #fff;
  padding: 4px 22px;
  font-size: 10px;
  border-radius: 5px;
  position: relative;
  left: 76px;
  display: flex;
  top: -26px;
}
.Addons_paid {
  background-color: green;
  color: #fff;
  padding: 4px 22px;
  font-size: 10px;
  border-radius: 5px;
  position: relative;
  left: 76px;
  display: block;
  top: -26px;
  width: 40%;
}
.trekUnpaid {
  padding: 4px 22px;
  color: #fff;
  border-radius: 5px;
  background-color: #ee3038;
}
.trekPaid {
  padding: 4px 22px;
  color: #fff;
  border-radius: 5px;
  background-color: green;
}

.sales_comments {
  margin-bottom: 20px;
}

.btn-btnone,
.btn-btntwo,
.btn-btnthree {
  border: none;
  color: white;
  background-color: #f0b8bb;
  /* border: 1px solid #ee3038; */
  padding: 5px;
  border-radius: 5px;
  margin-top: 5px;
}

.btn-btnone:hover,
.btn-btntwo:hover,
.btn-btnthree:hover {
  background-color: #ee3038;
  color: white;
}

.pay-now-button-addons span {
  background-color: MediumSeaGreen;
  color: #fff;
  padding: 1px 6px;
  font-size: 15px;
  border-radius: 5px;
  margin-bottom: 0px;
  cursor: pointer;
  display: inline-block;
  margin-left: 5px;
}

.trekPaid {
  padding: 4px 22px;
  color: #fff;
  border-radius: 5px;
  background-color: green;
}

#profile-dasboard select,
#profile-dasboard form input {
  border: border 1px solid black;
  padding: 5px 17px;
  margin: 11px 7px;
  width: 100%;
  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: 0.25;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.form-container .form-group,
.form-container label {
  margin: 7px;
}

.btn-popup-query {
  margin-top: 10px;
  padding: 12px 16px;
  border-radius: 10px;
  background: #ee3038;
  border: none;
  color: white;
  width: 100%;
}
/* end popup form css*/
/* start all-trek.html css*/
.all-trek-desktop {
  display: block;
}

.all-trek-mob {
  display: none;
}
/* .contact_color {
    height: 200px;
    width: 100%;
    background-color: #fcbeb1;
} */
.content {
  position: relative;
  left: 50%;
  top: 57%;
  transform: translate(-50%, -50%);
  margin-top: 35px;
  width: 100%;
}

.content .page_title {
  font-size: 30px;
  color: #fff;
  text-shadow: 13px 3px 32px #000000eb;
  text-align: center;
  font-weight: bold;
}

.all_trek_allcheck input[type="checkbox"] {
  width: 15px;
  height: 15px;
}

.all_trek_allcheck label {
  bottom: 15px;
  top: unset;
  font-size: 13px;
  left: 20px;
}

.AllTrek-Con {
  /* margin: 0px 73px; */
}

.alltrek-banner {
  margin-top: 35px;
}

.alltrek-banner h3 {
  font-size: 50px;
  color: #fff;
  text-shadow: 13px 3px 32px #000000eb;
  text-align: center;
  position: relative;
  bottom: 134px;
  font-weight: bold;
}

.all_trek-card .trek_name {
  font-size: 21px;
}

.all-trek {
  background-color: #ee3038;
  color: white;
  font-size: 17px;
  font-weight: 600;
}

.all_trek_allcheck {
  font-size: 14px;
}

.all_trek_allcheck label {
  margin-bottom: 10px;
}

.all_trek_allcheck h6 {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 10px;
}

.alltrek_btn {
  text-align: center;
  margin-top: 10px;
}

.alltrek_btn .resetbtn {
  background-color: #000;
  color: white;
  border: none;
  border-radius: 10px;
  padding: 10px 30px;
  font-size: 15px;
}

.alltrek_btn .filterbtn {
  background-color: #ee3038;
  color: white;
  border: none;
  border-radius: 10px;
  padding: 10px 30px;
  font-size: 15px;
}

.all_trek-card {
  width: 100%;
  /* height: 23rem;
    margin-left: 15px; */
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  margin-top: 30px;
}

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

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

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

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

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

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

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

.equpiment-img {
  margin: 10px 10px;
}

.offer-title {
  background-color: aliceblue;
  padding: 0px;
  text-align: center;
  color: #ee3038;
  font-size: 18px;
  font-weight: 600;
  display: flex;
  margin: 0px auto;
  justify-content: center;
  align-items: center;
}
.offer-title p {
  margin-top: unset;
  margin-bottom: unset;
}

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

.form-coupon {
  text-align: center;
  margin-top: -18px !important;
}

.contactCon h3 {
  font-weight: 600;
  text-align: center;
  margin-top: 10px;
}

.contact_desc {
  text-align: center;
}
/* .custom-3d-box dep_detail{
    text-align: center;
} */
/*EndTrek page css*/
#loader-container {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* Background with low opacity */
  z-index: 9999;
}

.loader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 6px solid #f3f3f3; /* Light grey */
  border-top: 6px solid #ee3038; /* Blue */
  border-radius: 50%;
  width: 50px;
  height: 50px;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

#success-message {
  display: none;
  text-align: center;
  background-color: #4caf50; /* Green */
  color: white;
  padding: 10px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
}

#Loginsuccess-message {
  display: none;
  text-align: center;
  background-color: green;
  color: white;
  padding: 4px 0px;
  position: fixed;
  top: 19%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
  border-radius: 10px;
  width: 50%;
}

#LoginError {
  display: none;
  text-align: center;
  background-color: black;
  color: white;
  padding: 4px 0px;
  position: fixed;
  top: 19%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
  border-radius: 10px;
  width: 50%;
}

#allFieldsError {
  display: none;
  text-align: center;
  background-color: red; /* Green */
  color: white;
  padding: 10px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
}

.itinerary .tabcontent img {
  width: 100%;
  border-radius: 10px;
}

.MobileGalleryContainer {
  display: none;
}

.DesktopGalleryContainer {
  display: block;
}

.responsive-table-mob {
  display: none;
}
/* start article*/
.MainArticle {
  margin-top: 45px;
}

.tth_track {
  color: black;
  font-size: 14px;
  margin: 0px 17px;
}

.loyalty_dis {
  color: black;
  font-size: 17px;
  line-height: normal;
  /* background-color: #ee3038; */
  padding: 7px;
  font-weight: 600;
  border-bottom: 1px solid red;
}

.articleCard a {
  text-decoration: underline;
  margin-left: 19px;
  /* margin-top: -20px; */
  color: #ee3038;
}

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

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

#latestContent {
  display: none;
  margin-top: 15px;
}
#trendingContent {
  margin-top: 15px;
}
.article-UpcomingDiv {
  margin: -33px 140px;
}
.sidetrending {
  margin-bottom: 20px; /* Adjust spacing between items if needed */
}

.image-with-text {
  /* display: flex; */
  align-items: center;
  margin-top: 40px;
}
.article-LatestDiv {
  margin-top: -18px;
}

.article-UpcomingImage,
.article-LatestImage {
  width: 100% !important;
  height: 300px !important;
}
.article-UpcomingName {
  font-size: 20px;
  color: black;
  font-weight: 600;
  margin-top: 10px;
}

.article-UpcomingLocation {
  color: black;
  margin-top: -10px;
}
.article-LatestHeading {
  color: black;
}
.article-UpcomingBtn {
  padding: 2px 15px;
  border: none;
  color: white;
  background: #ee3038;
  border-radius: 5px;
}
/* .image-with-text p {
        margin-left: 10px;
        font-size: 14px;
        font-weight: 600;
    } */

.discount_banner .content {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  margin-top: 35px;
  width: 100%;
}

.contact_color {
  height: 48px;
  width: 100%;
  background-color: #282a35;
}

.articleDetail {
  margin-top: 25px;
}

.articleDetail .col-md-7 img {
  width: 100% !important;
}

.back-button {
  background-color: #000000;
  color: white;
  padding: 5px 10px;
  border-radius: 5px;
  margin-left: 20px;
}

.suggestedTrek h3 {
  text-align: center;
  color: #ee3038;
  font-weight: 600;
  font-size: 35px;
}
/* end article*/
/* footer page start*/
.disclaimer_desc p,
.insurance_desc p,
.terms_desc p,
.webPrivacy_desc p,
.about_desc p {
  font-size: 17px;
  text-align: justify;
}

.carousel-indicators {
  display: none;
}
/* footer page end*/

#terms-error-msg {
  position: absolute;
  background-color: #ee3038;
  color: white;
  padding: 5px 10px;
  text-align: start;
  margin-top: -72px;
}

.mobcotactmenu {
  display: block;
  border-bottom: 1px solid red;
}

.forgetSection {
  margin: 0px auto;
  width: 35%;
  margin-top: 60px;
}

.forgetSection form input,
.forgetSection form button {
  border: 1px solid black;
  padding: 5px 10px;
  margin: 11px 0px;
  width: 100%;
  border-radius: 5px;
}

.forgetSection form button {
  background-color: #ee3038;
  border: none;
  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: 5px 17px !important;
  margin-left: -17px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

.phone {
  width: 16% !important;
}

#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 0px !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: 37px;
}
#suggestForm .countryCodes {
  padding: 5px 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");
  opacity: 0.7;
  margin-bottom: -16px;
}
.notfound {
  margin-top: 35px;
  text-align: center;
  height: 92vh;
}
.notfound h1 {
  color: white;
  font-size: 50px;
  opacity: 1;
  font-weight: 600;
  box-shadow: 5px 3px 16px rgb(208, 24, 57);
  position: relative;
  top: 40%;
  width: 50%;
  margin: 0px auto;
}
.notfoundBtn {
  position: relative;
  text-align: center;
  bottom: 200px;
}
.btn-notfound {
  background: red;
  color: white;
  padding: 10px 37px;
  border-radius: 5px;
}
.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: #ff7d73;
  margin: 10px 11px;
  padding: 5px 10px;
  color: white;
  cursor: not-allowed;
  border-radius: 5px;
}

/* Start trek page css*/