@font-face {
    font-family: poppinsbold;
    src: url(/fonts/Poppins-Bold.ttf);
}

@font-face {
    font-family: poppinsextralight;
    src: url(/fonts/Poppins-ExtraLight.ttf);
}

@font-face {
    font-family: poppinsextrabold;
    src: url(/fonts/Poppins-ExtraBold.ttf);
}

@font-face {
    font-family: poppinslight;
    src: url(/fonts/Poppins-Light.ttf);
}


@font-face {
    font-family: poppinsmedium;
    src: url(/fonts/Poppins-Medium.ttf);
}

@font-face {
    font-family: poppinsregular;
    src: url(/fonts/Poppins-Regular.ttf);
}

@font-face {
    font-family: poppinssemibold;
    src: url(/fonts/Poppins-SemiBold.ttf);
}


@media (max-width:767px) {
    .desktop-hidden {
        display: none!important;
    }
}

@media (min-width:768px) {
    .mobile-hidden {
        display: none!important;
    }
}

a{
    color: #333;
    cursor: pointer;
}

button{
    cursor: pointer;
}

/*------------------------------
Animation
------------------------------*/

.fade-slide-up,
.fade-slide-down,
.fade-slide-left,
.fade-slide-right {
  opacity: 0;
  animation-duration: 1.6s;
  animation-timing-function: cubic-bezier(0.25, 1, 0.5, 1); 
  animation-fill-mode: forwards;
  will-change: transform, opacity;
  transition: opacity 0.6s ease, transform 0.6s ease;
  animation-play-state: paused;
}

.fade-slide-up {
  transform: translateY(40px);
  animation-name: fadeSlideUpSmooth;
}

.fade-slide-down {
  transform: translateY(-40px);
  animation-name: fadeSlideDownSmooth;
}

.fade-slide-left {
  transform: translateX(-40px);
  animation-name: fadeSlideLeftSmooth;
}

.fade-slide-right {
  transform: translateX(40px);
  animation-name: fadeSlideRightSmooth;
}

@keyframes fadeSlideUpSmooth {
  0% {
    opacity: 0;
    transform: translateY(40px);
  }
  40% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeSlideDownSmooth {
  0% {
    opacity: 0;
    transform: translateY(-40px);
  }
  40% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeSlideLeftSmooth {
  0% {
    opacity: 0;
    transform: translateX(-40px);
  }
  40% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes fadeSlideRightSmooth {
  0% {
    opacity: 0;
    transform: translateX(40px);
  }
  40% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}





/*----------------------------------
Header
------------------------------------*/
body {
    margin: 0;
    font-family: Arial, sans-serif;
}

a{
    text-decoration: none;
}

.header-top {
    background: #e27739;
    padding: 1.5vh 10vw;
    display: flex;
    justify-content: flex-end;
    font-size: 1.1vw;
    color: #fff;
    font-family: 'poppinsregular';
}

.header-top a{
    color: #fff;
}


.header-main {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5vh 10vw;
    background-color: #fff2de;
}

.header-logo {
   width: 12vw;
   height: auto;
}

.header-logo img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.header-menu {
    display: flex;
    gap: 4vw;
    font-size: 1.1vw;
}

.header-menu a {
    text-decoration: none;
    color: #333;
    font-family: poppinsregular;
}


.hamburger {
    display: none;
    width: 4vh;
    cursor: pointer;
}


.mobile-menu {
    position: fixed;
    top: 0;
    left: -100vw;
    width: 60vw;
    height: 100vh;
    background: #e27739;
    box-shadow: 2vw 0 4vw rgba(0, 0, 0, 0.2);
    padding: 4vh 4vw;
    display: flex;
    flex-direction: column;
    gap: 4vh;
    transition: 0.4s ease;
    font-size: 4vw;
    z-index: 9999999;
}

.close-btn {
    width: 4vh;
    margin-left: auto;
    cursor: pointer;
}

.mobile-menu a {
    text-decoration: none;
    color: #fff;
    font-family: poppinsregular;
}

.trek-link {
    display: flex;
    align-items: center;
    gap: 0.7vw;
}

.trek-icon {
    width: 1vw;
    height: auto;
}


.dropdown {
    position: relative;
 
}

/* ---- Dropdown Content ---- */
.dropdown-content {
    position: absolute;
    top: 1.6vw;
    left: 0;
    min-width: 100%;
    flex-direction: column;

    max-height: 0;
    overflow: hidden;
    opacity: 0;
display: flex;
    background: rgba(255,255,255,0.4);
    backdrop-filter: blur(1vw);

    padding: 0 2vw; 
    box-shadow: 0 1vh 3vh rgba(0,0,0,0.15);
    border-radius: 1vw;
    z-index: 9999;
    font-family: 'poppinsmedium';

    transition: 
        max-height 0.35s ease,
        opacity 0.35s ease,
        padding 0.35s ease;
}

.dropdown-content a {
    padding: 1vh 1vw;
    white-space: nowrap;
    font-size: 1vw;
}

/* ---- Hover State ---- */
.dropdown:hover .dropdown-content {
    max-height: 50vh;
    opacity: 1;
    padding: 3vh 2vw; 
}

.mobile-dropdown-content a{
font-size: 3.5vw;
margin-top: 1.5vh;
}

.mobile-dropdown-content {
    max-height: 0;
    overflow: hidden;
    flex-direction: column;
    padding-left: 3vw;
    padding: 0;
    transition: max-height 0.4s ease;
    
}

.mobile-dropdown.open .mobile-dropdown-content {
    max-height: 60vh; 
    padding: 1vh 0;
    display: flex;
}

.mobile-dropdown img{
    width: 3vw;
    height: auto;
    filter: brightness(0) invert(1);
}

.trek-link-mobile{
    display: flex;
    align-items: center;
    color: #fff;
    justify-content: space-between;
}



@media(max-width:600px) {
    .header-menu {
        display: none;
    }

    .header-top {
        font-size: 1.3vh;
        padding: 1.5vh 1vh;
    }

    .hamburger {
        display: block;
    }

    .header-main {
        padding: 1.5vh 3vh;
    }

    .header-logo {
   width: 30vw;
   height: auto;
}
}

/*---------------------------------
        Home section 2
        -----------------------------*/
.home-section-one {
    background: #fff2de;
    padding: 6vh 10vw;
}

.home-section-one__top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0vh;
}

.home-section-one__tag {
    color: #E2601B;
    font-size: 1.3vw;
    font-weight: 600;
    font-family: 'poppinsregular';
}

.home-section-one__title {
    font-size: 2.5vw;
    margin-top: -2vh;
    font-family: 'poppinsbold';
}

.home-section-one__btn {
    background: #e27739;
    padding: 1vh 2vw;
    color: #fff;
    font-size: 1vw;
    border-radius: 0.6vw;
    font-family: 'poppinsregular';
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    border: none;
    gap: 1vh;
}

.home-section-one__btn img {
    width: 2vw;
}


.home-section-one__cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 3vw;
    margin-left: 5vh;
}

.home-section-one__card {
    background: #ffffff;
    border-radius: 1vw;
    overflow: hidden;
}

.card-img-wrap {
    position: relative;
}

.card-img {
    width: 100%;
    height: 28vh;
    object-fit: cover;
}

.card-badge {
    position: absolute;
    top: 1vw;
    left: 1vw;
    background: #6C31FF;
    color: #fff;
    font-family: 'poppinsregular';
    padding: 0.4vw 1vw;
    font-size: 0.8vw;
    border-radius: 0.4vw;
}

.card-content {
    padding: 1vw;
}

.card-info {
    display: flex;
    align-items: center;
    gap: 1vw;
    font-size: 0.8vw;
    font-family: 'poppinsregular';
}

.card-icon {
    width: 1vw;
}

.card-rating {
    margin-left: auto;
    font-size: 0.8vw;
    font-family: 'poppinsregular';
}

.card-title {
    font-size: 1.6vw;
    font-weight: 700;
    margin-top: 2vh;
    font-family: 'poppinssemibold';
    line-height: 1.2;
    border-bottom: 1px solid #b6b6b6;
    width: fit-content;
    padding-bottom: 2vh;
}

.card-price {
    margin-top: 1vh;
    font-size: 1.2vw;
    font-family: 'poppinsregular';
    color: #a6a6a6;
}

.card-price span {
    font-size: 1.8vw;
    color: #e27739;
    font-family: 'poppinssemibold';
}


@media(max-width: 600px) {
    .home-section-one__top {
        flex-direction: column;
        align-items: flex-start;
        gap: 2vh;
    }

    .home-section-one {
        background: #fff2de;
        padding: 6vh 3vh;
    }

    .card-badge {
        font-size: 3.5vw;
        top: 1vh;
    left: 1vh;
     padding: 0.4vh 1vh;
    }

    .home-section-one__title {
        font-size: 2.8vh;
    }

    .home-section-one__tag {
        font-size: 2vh;
    }

    .home-section-one__btn {
        font-size: 3vw;
        padding: 1.5vh 6vw;
    }

    .home-section-one__btn img {
        width:5vw;
    }

    .center-button {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 3vh;
    }

    .home-section-one__cards {
        grid-template-columns: 1fr;
        margin-left: 0;
        gap: 3vh;
    }

    .card-img {
        height: 30vh;
    }

    .card-title {
        font-size: 2.5vh;
    }

    .card-price span {
        font-size: 6vw;
    }

    .card-content {
        padding: 2vh;
    }

    .card-info {
        font-size: 1.3vh;
    }

    .card-icon {
        width: 1.3vh;
    }

    .card-rating {
        font-size: 1.3vh;
    }

    .card-title {
        font-size: 3vh;
    }

    .card-price {
        font-size: 1.5vh;
    }
}


/*------------------------------
Home section 1
-------------------------------*/
.home-section-1 {
    width: 100%;
    height: 90vh;
    overflow: hidden;
}

.home-section-1__slider,
.home-section-1 .swiper-slide {
    width: 100%;
    height: 100%;
}

.home-section-1 .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


.home-section-1__pagination {
    bottom: 3vh !important;
}

.swiper-pagination-bullet {
    background: white !important;
    opacity: 0.7;
}
.swiper-pagination-bullet-active {
    background: #ffb300 !important;
    opacity: 1;
}

@media (max-width:600px) {
   .home-section-1 {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
}


/*-------------------------------
Home-section-3
------------------------------*/
.home-section-3 {
    padding: 5vh 10vw;
    background: #f8f8f8;
    box-sizing: border-box;
}

.home-section-3-heading .sub-title {
    color: #E2601B;
    font-size: 1.3vw;
    font-weight: 600;
    font-family: 'poppinsregular';
}

.home-section-3-heading .main-title {
    font-size: 2.5vw;
    margin-top: 0vh;
    font-family: 'poppinsbold';
}

.home-section-3-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: auto auto;
    gap: 2vh;
    margin-top: 0vh;
     margin-left: 5vh;
}

.home-section-3-card {
    height: 30vh;
    background: #ecf4ff;
    position: relative;
    overflow: hidden;
}

.home-section-3-card:first-child {
    grid-row: span 2;
    height: 69vh;
}

.box-1{
    background-image: url('/assets/Images/harki doon/1.webp');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.box-2 {
    height: 29vh;
     background-image: url('/assets/Images/hampta pass/1.webp');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.box-3 {
    height: 38vh;
     background-image: url('/assets/Images/Kedartal/1.webp');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.box-5 {
    height: 29vh;
        background-image: url('/assets/Images/Kuwari pass/1.webp');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}


.box-4 {
    height: 38vh;
    margin-top: -9vh;
        background-image: url('/assets/Images/kedarkantha/1.webp');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.card-overlay {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 3vh 2vw;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.1));
    color: #fff;
}

.card-overlay h3 {
    font-size: 1.3vw;
    margin: 0 0 1vh 0;
    font-family: 'poppinsmedium';
}

.badge {
    display: inline-block;
    background: #fff;
    color: #333;
    padding: 0.5vh 1vw;
    border-radius: 0.4vw;
    font-size: 0.9vw;
    font-family: 'poppinsregular';
}

@media (min-width:768px) and (max-width:900px){
    .home-section-3-card:first-child {
    height: 50vh;
}

.box-2 {
    height: 18vh;
}

.box-3 {
    height: 30vh;
}

.box-5 {
    height: 18vh;
}


.box-4 {
    height: 30vh;
    margin-top: -12vh;
}
}

@media (max-width: 600px) {
    .home-section-3-grid {
        grid-template-columns: 1fr 1fr;
        margin-left: 0vh;
    }

    .home-section-3 {
        background: #fff2de;
        padding: 6vh 3vh;
    }

    .home-section-3-card:first-child {
        grid-row: span 1;
        height: 40vh;
    }
    .card-overlay{
        padding: 3vh 2vh;
    }

    .card-overlay h3 {
        font-size:2vh;
    }

    .badge {
        font-size: 1.5vh;
        padding: 1vh 2vh;
    }

    .home-section-3-grid {
        grid-template-columns: 1fr;
    }

    .home-section-3-card {
        height: 35vh;
    }

    .home-section-3-card:first-child {
        height: 35vh;
    }

    .home-section-3-heading .main-title {
        font-size: 2.8vh;
    }

    .home-section-3-heading .sub-title {
        font-size: 2vh;
    }
     .home-section-3-card:first-child {
    height: 50vh;
}

.box-2 {
    height: 22vh;
}

.box-3 {
    height: 30vh;
}

.box-5 {
    height: 22vh;
}


.box-4 {
    height: 30vh;
    margin-top: 0vh;
}
}

/*-------------------------------
Home-section-4
------------------------------*/

.home-section-4 {
  padding: 8vh 10vw;
  background: #fff2de;
  display: grid;
  grid-template-columns: 55% 45%;
  align-items: center;
  gap: 4vw;
  box-sizing: border-box;
}


.home-section-4-left {
  width: 100%;
}

.home-section-4-img {
  width: 100%;
  height: auto;
  border-radius: 1vw;
  object-fit: cover;
}


.home-section-4-right {
  color: #3a3a3a;
}

.home-section-4-heading {
  font-size: 2vw;
  line-height: 1;
  margin-bottom: 0vh;
  font-family: 'poppinsbold';
}

.home-section-4-para {
  font-size: 1vw;
  line-height: 1.3;
  margin-bottom: 4vh;
  font-family: 'poppinsregular';
  width: 30vw;
}


.home-section-4-btn {
  display: inline-block;
  background: #f37b32;
  padding: 1.2vh 1.8vw;
  border-radius: 0.4vw;
  color: white;
  font-size: 1vw;
  text-decoration: none;
  font-weight: 600;
}

/* Tablet */
@media (max-width: 600px) {
  .home-section-4 {
    grid-template-columns: 1fr;
    padding: 8vh 3vh;

  }

  .home-section-4-heading {
    font-size: 6vw;
  }

  .home-section-4-para {
    font-size: 3.2vw;
    width: 100%;
  }


}



/*------------------------------
Home-section-5
------------------------------*/
.home-section-5 {
  background: #fff2de;
  padding: 8vh 10vw;
  box-sizing: border-box;
}

.home-section-5-top{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 2vh;
    margin-bottom: 5vh;
}

.home-section-5-title {
  font-size: 2.5vw;
font-family: 'poppinsbold';
  color: #333;
  position: relative;
}

.line{
    background: #cfa470;
    width:49vw;
  height: 0.2vh;
}


.home-section-5-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 3vw;
  margin-bottom: 5vh;
}

.home-section-5-box {
  text-align: left;
  color: #333;
}


.home-section-5-icon {
  width: 8vw;
  height: 8vw;
  background: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 2vh;
}

.home-section-5-icon img {
  width: 45%;
  height: auto;
}

.home-section-5-box-title {
  font-size: 1vw;
  margin-bottom: 1vh;
  font-family: 'poppinsbold';
}


.home-section-5-box-para {
  font-size: 0.8vw;
  line-height: 1.3;
  color: #444;
  font-family: 'poppinsregular';
}


.home-section-5-btn {
  display: inline-block;
  background: #f37b32;
  padding: 1.4vh 2vw;
  color: #fff;
  border-radius: 0.4vw;
  font-size: 1vw;
  text-decoration: none;
  margin-top: 5vh;
  font-weight: 600;
}


@media (max-width: 600px) {
  .home-section-5-grid {
    grid-template-columns: repeat(1, 1fr);
    gap: 4vh;
  }

  .home-section-5 {
  padding: 8vh 3vh;
}

  .line{
    display: none;
  }


  .home-section-5-top{
    margin-bottom: 5vh;
  }

  .home-section-5-title {
    font-size: 6vw;
  }

  .home-section-5-box-title {
    font-size: 5vw;
  }

  .home-section-5-box-para {
    font-size: 3.2vw;
  }

  .home-section-5-icon {
    width: 24vw;
    height: 24vw;
  }
}


/*-------------------------------
Home-section-6
--------------------------------*/
.home-section-6 {
  padding: 5vh 10vw;
  background: #0f3f34;
  position: relative;
  overflow-x: hidden;
  overflow-y: visible;
}

.home-section-6-one__top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0vh;
}

.home-section-6-one__tag {
    color: #fff;
    font-size: 1.3vw;
    font-weight: 600;
    font-family: 'poppinsregular';
}

.home-section-6-one__title {
    font-size: 2.5vw;
    margin-top: -2vh;
    font-family: 'poppinsbold';
    color: #fff;
}

.home-section-6-one__btn {
    background: #e27739;
    padding: 1vh 2vw;
    color: #fff;
    font-size: 1vw;
    border-radius: 0.6vw;
    font-family: 'poppinsregular';
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 1vh;
}

.home-section-6-one__btn img {
    width: 2vw;
}



.home-section-6__swiper {
  width: 100%;
  padding-bottom: 10vh;
}


.home-section-6__card {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}


.home-section-6__playbox {
  position: absolute;
  bottom: -2vh;
  left: 50%;
  transform: translateX(-50%);
  background: white;
  display: flex;
  align-items: center;
  padding: 0vh 0vw;
  font-size: 0.8vw;
  gap: 0.4vw;
  font-family: 'poppinsregular';
  width: 13vw;
  justify-content: flex-end;
  border-radius: 1vh;
}



.home-section-6__playbtn {
  background: #e27739;
  padding: 1.4vh 1.3vw;
  cursor: pointer;
   border-radius: 0vh 1vh 1vh 0vh;
}

.home-section-6__playbtn img {
  width: 0.7vw;
  height: auto;
}


.home-section-6__arrows {
  position: absolute;
  bottom: 2vh;
  right: 10vw;
  display: flex;
  gap: 1vw;
 pointer-events: auto;  
  z-index: 20;   

}

.home-section-6__arrow:hover img {
  opacity: 1; 
}

.home-section-6__arrow img {
  width: 2vw;
  height:auto;
  cursor: pointer;
  background: rgba(100, 100, 100, 0.3); 
  backdrop-filter: blur(8px);         
  padding: 2vh 2.1vh;
  border-radius: 10vw;
  opacity: 1;                     
  transition: opacity 0.3s ease;
}

.home-section-arrow-left img {
    transform: scaleX(-1);
    background: rgba(100, 100, 100, 0.3); 
  backdrop-filter: blur(8px);         
  padding: 2vh 2.1vh;
  border-radius: 10vw;
  opacity: 0.5;                     
  transition: opacity 0.3s ease;
  pointer-events: auto;  
  z-index: 20;   
}

.review-box {
  background: white;
  width: 90%;
  height: 22vw;
  padding: 1vh 2vw;
  border-radius: 1.5vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-family: 'poppinsregular';
}

.review-title {
  font-size: 1.5vw;
  font-family: 'poppinsbold';
  color: #2c2c2c;
  line-height: 1.3;
}

.review-text {
  font-size: 1vw;
  line-height: 2.3vh;
  color: #333;
  margin-top: 1vh;
  overflow: hidden;
}

.review-readmore {
  color: #e27739;
  font-size: 1.1vw;
  text-decoration: none;
  margin: 1vh 0;
}

.review-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 2vh;
}

.review-user {
  display: flex;
  align-items: center;
  gap: 1vw;
}


.review-user-name {
  font-size: 1vw;
  color: #333;
  font-family: 'poppinsbold';
}

.review-date {
  font-size: 1vw;
  color: #777;
}

.review-stars {
  font-size: 1.5vw;
  color: #e27739;
}





@media (max-width: 600px) {


    .home-section-6 {
  padding: 5vh 3vh;
}


     .home-section-6-one__top {
        flex-direction: column;
        align-items: flex-start;
        gap: 2vh;
    }

    .home-section-6-one {
        background: #fff2de;
        padding: 6vh 3vh;
    }

    .home-section-6-one__title {
        font-size: 2.7vh;
    }

    .home-section-6-one__tag {
        font-size: 2vh;
    }

    .home-section-6-one__btn {
        font-size: 3vw;
        padding: 1.5vh 6vw;
    }

    .home-section-6-one__btn img {
        width:5vw;
    }

  .home-section-6__card {
    height: 45vh;
    margin-bottom: 3vh;
  }
  .home-section-6__title {
    font-size: 6vw;
  }
  .home-section-6__playbox {

  font-size: 1.3vh;
  gap: 1vh;
  font-family: 'poppinsregular';
  width: 20vh;
  justify-content: flex-end;
}

.center-button-1 {
 display: flex;
 align-items: center;
justify-content: flex-start;
margin-top: 3vh;
    }

.home-section-6__playbtn {
  background: #e27739;
  padding: 1.4vh 2vh;
  cursor: pointer;
}

.home-section-6__playbtn img {
  width: 0.7vh;
  height: auto;
}

.home-section-6__arrows {
  position: absolute;
  bottom: 14vh;
  right: 3vh;
  display: flex;
  gap: 1vw;
  z-index: 10;

}

.home-section-6__arrow:hover img {
  opacity: 1; 
}

.home-section-6__arrow img {
  width: 2vh;
}

.review-box {
  width: 100%;
  height: 70vw;
  padding: 1vh 8vw;
}

.review-title {
  font-size: 4vw;
  font-family: 'poppinsbold';
  color: #2c2c2c;
  line-height: 1.3;
}

.review-text {
  font-size: 3vw;
  line-height: 2.3vh;
  color: #333;
  margin-top: 1vh;
  overflow: hidden;
}



.review-user-name {
  font-size: 3.5vw;
  color: #333;
  font-family: 'poppinsbold';
}

/* .review-date {
  font-size: 1vw;
  color: #777;
} */

.review-stars {
  font-size: 3.5vw;
  color: #e27739;
}



}

/*---------------------------------------
Home-section-7
--------------------------------------*/
.home-section-7 {
  background: #fff2de;
  padding: 8vh 10vw 8vh 10vw;
}

.home-section-7__container {
  display: flex;
  justify-content: space-between;
  gap: 4vw;
  align-items: center;
}

.home-section-7__left {
  width: 40%;
  min-height: 100%;
}

.home-section-7__subtitle {
  color: #e27739;
    font-size: 1.3vw;
    font-weight: 600;
    font-family: 'poppinsregular';
}

.home-section-7__title {
   font-size: 2.5vw;
    margin-top: 0vh;
    font-family: 'poppinsbold';
    color: #333;
    line-height: 1.1;
}

.home-section-7__text {
  width: 80%;
  margin-bottom: 3vh;
  color: #333;
  font-size: 1vw;
  line-height: 1.6;
  font-family: 'poppinsregular';
}


.home-section-7__btn img {
  width: 1vw;
}

.home-section-7__right {
  width: 55%;
  min-height:100%;
}

.home-section-7__accordion {
  display: flex;
  flex-direction: column;
  gap: 1vh;
}

.home-section-7__item {
  padding: 1vh 2vw;
  border-radius: 10px;
  cursor: pointer;
  transition: 0.3s ease;
}

.home-section-7__question {
    background-color: #e27739;
  font-size: 1.1vw; 
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: 'poppinsregular';
  color: #fff;
  padding: 1vh 1vw;
  border-radius: 10vw;
}

.faq-icon {
  width: 1vw;
  transition: 0.3s ease;
}

.home-section-7__answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.45s ease, padding 0.45s ease;
  font-size: 0.9vw;
    padding: 0vh 1vw;
    
}

.home-section-7__item.active .home-section-7__answer {
  max-height: 5vw;
  padding-top: 1vh;
  font-family: 'poppinsregular';
}

.home-section-7__item.active .faq-icon {
  transform: rotate(90deg);
}

@media (min-width:600px) and (max-width:900px){
     .home-section-7__title {
    margin-top: 0vh;
  }
  .home-section-7__item {
    padding: 0.3vh 2vw;
}
   .home-section-7__right {
    width: 55%;
    min-height: 100%;
    margin-top: 5vw;
}
.home-section-7__left {
    width: 40%;
    min-height: 100%;
}
.home-section-7__answer {
    font-size: 1.1vw;
}
}


@media (max-width:600px) {
  .home-section-7__container {
    flex-direction: column;
  }

  .home-section-7 {
  padding: 8vh 3vh;
}


  .home-section-7__left,
  .home-section-7__right {
    width: 100%!important;
    min-height: 100%!important;
  }

  .home-section-7__subtitle {
  color: #e27739;
    font-size:2vh;
    font-weight: 600;
    font-family: 'poppinsregular';
}
  .home-section-7__title {
    font-size: 6vw;
    margin-top: -1.5vh;
  }

  .home-section-7__text {
    width: 100%;
    font-size: 3.2vw;
  }

  .home-section-7__btn {
    font-size: 3.3vw;
  }

  .home-section-7__question {
    font-size: 3.5vw;
    padding: 1vh 2vh;
  }
.home-section-7__answer{
    font-size: 3vw!important;
     padding: 0vh 2vh;
}

.home-section-7__item.active .home-section-7__answer {
    max-height: 12vw;
}
  
  .faq-icon {
    width: 3vw;
    margin-left: 1.3vh;
  }
}


/*---------------------------------
Home-section-8
-------------------------------*/
.home-section-8 {
    background: #fff2de;
    padding: 0vh 10vw 8vh 10vw;
    font-family: 'poppinsregular';
}

.home-section-8__top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0vh;
}

.home-section-8__subtitle {
     color: #e27739;
    font-size: 1.3vw;
    font-weight: 600;
    font-family: 'poppinsregular';
}

.home-section-8__title {
     font-size: 2.5vw;
    margin-top: -2vh;
    font-family: 'poppinsbold';
    color: #333;
    line-height: 1.1;
}



.home-section-8__cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 3vw;
}

.home-section-8__card {
    background: transparent;
}

.home-section-8__imgbox img {
    width: 100%;
    height: 25vh;
    background: #e8f0fa;
    border-radius: 0.8vw;
}

.home-section-8__card-title {
    font-size: 1.1vw;
    margin-top: 2vh;
    font-weight: 600;
    color: #333;
    font-family: 'poppinssemibold';
}

.home-section-8__meta {
    display: flex;
    gap: 2vw;
    margin-top: 1vh;
    font-size: 0.9vw;
    font-family: 'poppinsregular';
}

.home-section-8__meta-item {
    display: flex;
    align-items: center;
    gap: 0.4vw;
}

.home-section-8__icon {
    width: 1vw;
    height: 1vw;
}

@media (max-width: 768px) and (max-width: 900px){
.home-section-8__title {
        margin-top: -1vh;
    }
  
}


@media (max-width: 600px) {
    .home-section-8__cards {
        grid-template-columns: 1fr;
        gap: 4vh;
        margin-bottom: 7vh;
    }
    
    .home-section-8__title {
        font-size: 2.8vh;
    }

    .home-section-8__subtitle {
        font-size: 2vh;
    }

    .home-section-8__icon {
        width: 4vw;
        height: 4vw;
    }

    .home-section-8__card-title {
        font-size: 3.5vw;
    }
    .home-section-8__meta {
    display: flex;
    gap: 2vh;
    margin-top: 1vh;
    font-size: 3vw;
    font-family: 'poppinsregular';
}

.home-section-8__meta-item {
    display: flex;
    align-items: center;
    gap: 0.4vh;
}
.center-button-1{
    display: flex;
    align-items: center;
}
}

/*---------------------------------
Footer
--------------------------------*/

.home-footer {
    background: #424242;
    color: white;
    padding: 3vh 10vw;
    z-index: 1;
}

.home-footer__mountain {
    width: 100%;
    height: 100%;
    background-image: url('/mnt/data/Screenshot 2025-11-25 at 16.11.36.png');
    background-size: cover;
    background-position: center;
    position: relative;
}


.home-footer__social-top {
    position: absolute;
    right: 4vw;
    top: 4vh;
    text-align: right;
}

.home-footer__social-top h3 {
    font-size: 1.2vw;
    margin-bottom: 1.5vh;
    font-family: 'poppinsmedium';
}

.home-footer__social-icons {
    display: flex;
    gap: 3vw;
    justify-content: flex-end;
    align-items: center;
}

.home-footer__social-icons img {
    width:2vw;
    height: auto;
}

.home-footer__bottom {
    display: flex;
    justify-content: space-between;
    padding: 6vh 2vw;
    gap: 18vw;
    
}

.youtube-icon{
    margin-top: 1vh!important;
}

.home-footer__left h3 {
    font-size: 1.3vw;
    margin-bottom: 2vh;
    font-family: 'poppinssemibold';
     margin-top: 15vh;
}

.home-footer__info-item {
    display: flex;
    align-items: center;
    gap: 0.5vw;
    margin-bottom: 0vh;
    font-family: 'poppinsregular';
    font-size: 0.9vw;
}

.home-footer__info a{
    color: #fff;
}

.home-footer__info-item img {
    width: 1.5vw;
}

.home-footer__right {
    width: 100%;
    margin-top: 13vh;
}

.home-footer__right-title {
    font-size: 1.3vw;
    margin-bottom: 2vh;
    font-family: 'poppinssemibold';
}

.home-footer__columns {
    display: flex;
    justify-content: space-between;
    gap: 4vw;
}

.home-footer__col a{
    color: #fff;
}

.home-footer__col div {
    margin-bottom: 1vh;
    font-size: 0.9vw;
    opacity: 0.9;
    cursor: pointer;
    font-family: 'poppinsregular';
}

.col-main{
    display:flex;
    flex-direction: column;
    gap: 0vw;
}

.footer-top-image {
    width: 100%;
    position: relative;
    z-index: -1; 
    margin-bottom: -14vw;
    background-color: #fff2de;
}


.footer-top-image img {
    width: 100%;
    height: auto;
    display: block;
}


.footer-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.2vh 3vw;
}

.footer-bar p {
  margin: 0;
  font-size: 0.8vw;
  font-family: 'poppinsregular';
}

.footer-bar a {
 color: #fff;
 text-decoration: underline;
  font-family: 'poppinsregular';
}




@media (max-width: 600px) {

     .footer-bar {
    flex-direction: column;
    text-align: center;
    gap: 1vh;
    margin-top: 5vh;
  }

  .footer-bar p {
  margin: 0;
  font-size: 3vw;
  font-family: 'poppinsregular';
}

    .footer-top-image {
    width: 100%;
    position: relative;
    z-index: 0; 
    margin-bottom: 0vh;
    background-color: #fff2de;
}

    .home-footer__social-top {
    position: relative;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.home-footer__left h3 {
    font-size: 5vw;
    margin-top: 10vh;
}

.home-footer__social-icons {
    display: flex;
    gap: 11vw;
}

.home-footer__social-top h3 {
    font-size: 5vw;
}

.home-footer__info-item {
    display: flex;
    align-items: center;
    font-size: 3vw;
}

.col-main{
   margin-top: 0vh;
}

.home-footer__columns {
    display: flex;
   flex-direction: row;
    gap: 4vw;
}

.home-footer__right {
    width: 100%;
    margin-top: 0vh;
}

.home-footer__right-title {
    font-size: 5vw;
}

.home-footer__col div {
    font-size: 3vw;
}

    .home-footer__social-top h3 {
        font-size: 5vw;
    }

    .home-footer__social-icons img {
        width: 8vw;
    }

    .home-footer__bottom {
        flex-direction: column;
        padding: 0;
    }

    .home-footer__grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .home-footer__grid-item {
        font-size: 3.5vw;
    }

    .home-footer__info-item img {
        width: 5vw;
    }
}

/*-----------------------------
Trek section 1
------------------------------*/
.trek-section-1 {
    padding: 4vh 3vw;
    background: #fff2de;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.trek-container {
    width: 80vw;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2vw;
}


.trek-card {
    height: 50vh;
    overflow: hidden;
    border-radius: 1.2vw;
    background: #fff;
    transition: width 0.5s ease; 
}


.big-image {
    width: 45vw; 
}

.small-image {
    width: 25vw; 
}


.trek-card:hover {
    width: 45vw; 
}


.trek-container:hover .trek-card:not(:hover) {
    width: 25vw; 
}


.trek-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


@media(max-width: 1024px) {
    .trek-card {
        height: 40vh;
    }
}

@media(max-width: 600px) {
    .trek-container {
        flex-direction: column;
        gap: 3vh;
    }
    .trek-card {
        width: 90vw;
        height: 45vh;
    }
    .big-image, .small-image {
        width: 100%!important;
    }
}


/*-------------------------------
Trek section 2
--------------------------------*/
.trek-section-2 {
    padding: 0vh 4vw;
    background: #fff2de;
}

.trek2-container {
    width: 80vw;
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.trek2-left h1 {
    font-size: 2.5vw;
    color: #333;
    margin: 0;
    font-family: 'poppinsbold';
}

.trek2-left h2 {
    font-size: 2.5vw;
    color: #444;
    margin-top: -1vh;
    font-family: 'poppinsregular';
}


.trek2-right-card {
    width: 25vw;
    padding: 4vh 2vw;
    background: #fff7eb;
    border-radius: 1vw;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3vh 2vw;
}


.trek2-info-box {
    display: flex;
    align-items: center;
    gap: 1vw;
}

.trek2-info-box img {
    width: 3vw;
    height: 3vw;
    object-fit: contain;
}

.trek2-label {
    font-size: 0.7vw;
    color: #777;
    display: block;
    font-family: 'poppinslight';
}

.trek2-value {
    font-size: 0.7vw;
    font-weight: 700;
    color: #333;
    font-family: 'poppinsmedium';
}


@media(max-width: 600px) {
    .trek2-container {
        flex-direction: column;
        align-items: flex-start;
        gap: 0vh;
        width: 100%;
    }

    .trek-section-2 {
    padding: 0vh 3vh;
    }
    .trek2-right-card {
        width: 100%;
        grid-template-columns: 1fr 1fr;
    }

    .trek2-info-box img {
        width: 6vw;
        height: 6vw;
    }

    .trek2-label {
        font-size: 2.8vw;
    }
    .trek2-info-box {
    gap: 1vh;
}

    .trek2-value {
        font-size: 3vw;
    }

    .trek2-left h1 {
        font-size: 2.8vh;
    }

    .trek2-left h2 {
        font-size: 2.8vh;
        margin-top: 0;
    }
}



/*---------------------------------
Trek section 3
----------------------------------*/
.trek-section-3 {
    padding: 5vh 4vw;
    background: #fff2de;

}

.trek3-container {
    width: 80vw;
    display: flex;
    gap: 4vw;
    margin: auto;

}


.trek3-left {
    width: 80vw;
}

.trek3-section-heading {
    font-size: 1.5vw;
    font-weight: 700;
    color: #e2773a;
    margin-bottom: 1vh;
    font-family: 'poppinsmedium';
}

.trek3-para {
    font-size: 0.9vw;
    color: #444;
    margin-bottom: 3vh;
    line-height: 1.6;
    font-family: 'poppinsregular';
}


.trek3-day-row {
    display: flex;
    gap: 1.5vw;
    margin-bottom: 0vh;
    padding-bottom: 0vh;
    position: relative;
}

.trek3-icon {
    width: 2.4vw;
    height: 2.4vw;
    object-fit: contain;
}

.trek3-day-title {
    font-size: 1.2vw;
    font-weight: 600;
    margin-bottom: 1vh;
    font-family: 'poppinsmedium';
    position: relative;
}

.trek3-day-row:after {
    content: "";
    border-left: 1px solid #1f4a41;
    height: 80%;
    position: absolute;
    left: -1.2vw;
    top:2vw;
    z-index: 1;
}

.trek3-day-title:before {
    content: "";
    width: 1vw;
    height: 1vw;
    border-radius: 50%;
    background: #1f4a41;
    position: absolute;
    left: -1.65vw;
    top: 0.4vw;
    z-index: 99;
}


.line-black{
    background: #333;
    width:100%;
  height: 0.2vh;
}


.trek3-right {
    width: 30vw;
    display: flex;
    flex-direction: column;
    gap: 3vh;
}


.trek3-price-box {
    background: #fff2de;
    border-radius: 1vw;
    padding: 0vh 0vw;
    position: relative;
    border: 1px solid #d9e1d9;
}

.trek3-price-label {
    font-size: 1vw;
    color: #fff;
    font-family: 'poppinsregular';
}

.trek3-price-top{
    background-color: #1f4a41;
    padding: 4vh 1vw;
}

.trek3-price-rate {
    font-size: 1.5vw;
    font-weight: 800;
    margin-top: -1.5vh;
    font-family: 'poppinsmedium';
    color: #fff;
    margin-bottom: -1vh;
}

.trek3-price-note {
    font-size: 0.8vw;
    color: #fff;
    font-family:'poppinsregular';
}


.trek3-days-box {
    position: absolute;
    top: 0;
    right: 2vh;
    background: #fff;
    width: 5vw;
    height: 8vh;
    padding-bottom: 1vh;
    border-radius: 0vh 0vw 1vh 1vh;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    text-align: center;
    font-family: 'poppinsbold';
    font-size: 1vw;

}


.trek3-accordion {
    border: 0.15vw solid #d2e6f7;
    border-radius: 0.6vw;
    padding: 1vh 1vw;
    background: #fff;
    margin: 1vw 1vw;
}

.trek3-accordion-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

.trek3-accordion-header label {
    font-size: 1.1vw;
    font-weight: 600;
    font-family: 'poppinsbold';
}

.trek3-accordion-icon {
    font-size: 1.5vw;
    font-weight: 600;
    transition: 0.3s ease;
    font-family: 'poppinsregular';
}

.trek3-accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.35s ease;
    margin-top: 1vh;
    border-top: 0.1vw solid #d2e6f7;
    padding-top: 0;
}

.trek3-accordion-content p {
    font-size: 1vw;
    text-align: center;
    margin: 1vh 0;
    font-family: 'poppinsmedium'
}


.extra-margin{
    margin-bottom: 5vh;
}

.line-blue{
    background: #d2e6f7;
    width:100%;
  height: 0.2vh;
}

.trek-button{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 1vw;
}


.trek3-btn-primary {
    width: 90%;
    background: #e2773a;
    color: white;
    border: none;
    padding: 1.8vh 0;
    font-size: 1vw;
    border-radius: 0.6vw;
    font-family: 'poppinsregular';
}

.trek3-btn-primary a{
    color: #fff;
}

.trek3-btn-secondary {
    width: 90%;
    background: white;
    color: #444;
    border: 0.2vh solid #d9e1d9;
    padding: 1.8vh 0;
    font-size: 1vw;
    border-radius: 0.6vw;
}

.trek3-small-text {
    font-size: 0.8vw;
    color: #777;
    margin-top: 1vh;
    font-family: 'poppinsregular';
    margin: 2vh 2vh;
}

.trek3-expert-box {
    margin: 5vh auto;
    border: 1px solid #d9e1d9;
    border-radius: 1vw;
    background: #fff2de;
    padding-bottom: 2vh;
}


.trek3-expert-top {
    background: #1f4a41;
    padding: 0vh 1vw;
    border-radius: 1vw 1vw 0 0;
    display: flex;
    align-items: center;
    gap: 2vw;
}


.trek3-img {
    width: 6vw;
    height: 6vw;
    object-fit: cover;
    border-radius: 0.6vw;
    margin-bottom: -6vw;
}


.trek3-title {
    font-size: 1vw;
    color: #ffffff;
    font-family: 'poppinsmedium';
}


.trek3-middle {
    display: flex;
    flex-direction: column;
    padding: 0vh 1vw 2vh 8vw;
    padding-bottom: 1vh;
}

.trek3-call-text {
    font-size: 1vw;
    color: #333;
    margin-bottom: 0vh;
    font-weight: 500;
    font-family: 'poppinsregular';
    margin: 0.5vh;
}

.trek3-whatsapp-row {
    display: flex;
    align-items: center;
    gap: 0vw;
}

.trek3-whatsapp-icon {
    width: 1.5vw;
}

.trek3-number {
    font-size: 1vw;
    font-weight: 700;
    color: #1a1a1a;
        font-family: 'poppinsmedium';
}


.trek3-desc {
    font-size: 0.9vw;
    padding: 0 2vw 2vh;
    line-height: 1.5;
    color: #444;
    font-family: 'poppinsregular';
}




.exclusion-title {
  margin-top: 5vw;
  color: #c74b43;
}

.trek-list {
  list-style: none;
  padding: 0;
  margin: 0 0 4vw 0;
}

.trek-list li {
  display: flex;
  align-items: center;
  gap: 1vw;
  margin-bottom: 0;
}

.trek-list img {
  width: 1vw;
  height: 1vw;

}

.trek-list p {
  font-size: 0.9vw;
  color: #333;
  line-height: 1.1;
  font-family: 'poppinsmedium';
}



@media (min-width:760px) and (max-width:900px){
    .trek3-days-box {
    height: 5vh;
    }
    .trek3-input-box {
    height: 10vh;
    }
}





@media(max-width: 600px) {
    .trek3-container {
        flex-direction: column;
    }

    .trek3-left,
    .trek3-right {
        width: 100%;
    }

    .trek3-whatsapp-row {
    display: flex;
    align-items: center;
    gap: 1vw;
}

    .trek3-days-box {
    position: absolute;
    top: 0;
    right: 2vh;
    background: #fff;
    width: 7vh;
    height: 7vh;
    font-size: 3vw;
    }

    .trek3-section-heading {
        font-size: 5vw;
    }

    .trek3-para {
        font-size: 3vw;
    }

    .trek3-day-title {
        font-size: 3.6vw;
    }

    .trek3-icon {
        width: 6vw;
        height: 6vw;
        display: none;
    }

    .trek3-price-label {
    font-size: 1.5vh;
    }

    .trek3-input-box {
    padding: 3vh 1.5vh;
    }

    .trek3-input-box label {
    font-size: 1.5vh;
}

    .trek3-price-top {
    background-color: #1f4a41;
    padding: 4vh 2vh;
}

.trek3-btn-primary , .trek3-btn-secondary{
    font-size: 1.2vh;
}

.trek3-small-text {
    font-size: 3vw;
}

.trek3-price-note {
    font-size: 2vw;
}


    .trek3-price-rate {
        font-size: 5vw;
    }
     .trek3-expert-box {
        width: 100%;
        border-radius: 3vw;
    }

    .trek3-expert-top {
        border-radius: 3vw 3vw 0 0;
        padding: 0vh 4vw;
        gap: 4vw;
    }

    .trek3-img {
        width: 25vw;
        height: 25vw;
        border-radius: 2vw;
        margin-bottom: -10vh;
    }
    .trek3-middle {
    padding: 0vh 0vh 2vh 35vw;
    }

    .trek3-title {
        font-size: 5vw;
    }

    .trek3-call-text {
        font-size: 3.8vw;
        margin: 0;
        margin-top: 1vw;
    }

    .trek-list img {
    width: 3vw;
    height: 3vw;
}


.trek-list li {
  gap: 1vh;
}

.trek-list p {
    font-size: 2.5vw;
    line-height: 1.5;
}

    .trek3-whatsapp-icon {
        width: 5vw;
    }

    .trek3-number {
        font-size: 4.2vw;
    }

    .trek3-desc {
        font-size: 3.6vw;
        line-height: 5vw;
        padding: 0 2vh;
    }
 .trek3-day-row:after {
    content: "";
    border-left: 1px solid #1f4a41;
    height: 85%;
    position: absolute;
    left: -3vw;
    top:5vw;
    z-index: 1;
}

.trek3-day-title:before {
    content: "";
    width: 3vw;
    height: 3vw;
    border-radius: 50%;
    background: #1f4a41;
    position: absolute;
    left: -4.3vw;
    top: 1.1vw;
    z-index: 99;
}

.trek3-accordion-header label {
    font-size: 4vw;
    font-weight: 600;
    font-family: 'poppinsbold';
}

.trek3-accordion-icon {
    font-size: 4vw;
}

.trek3-accordion-content p {
    font-size: 3vw;
}
.trek3-accordion {

    padding: 1vh 3vw;
    background: #fff;
    margin: 1vw 4vw;
}
}


/*--------------------------------
Trek Accordian
---------------------------------*/
.trek-faq {
    width: 80vw;
    margin: 5vw auto;
}

.trek-faq-title {
    font-size: 2.5vw;
    font-family: 'poppinsbold';
    color: #e2773a;
    position: relative;
}

.trek-faq-item {
    border-radius: 0.5vw;
    margin-bottom: 1.5vw;
    overflow: hidden;
}

.trek-faq-question {
    width: 60%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1vw;
    background: #f2f7f9;
    border: none;
    font-size: 1.1vw;
    cursor: pointer;
    transition: 0.3s ease;
    font-family: 'poppinsmedium';
    color: #000;
}

.trek-faq-question span {
    width: 90%;
    text-align: left;
}



.trek-faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height .3s ease;
    padding: 0 2vw;
}

.trek-faq-answer p {
    font-size: 1vw;
    padding: 1.5vw 0;
    margin: 0;
    line-height: 1.6;
    font-family: 'poppinsregular';
}

.icon {
    width: 1.5vw;
    transition: 0.3s ease;
}


@media (max-width: 600px) {
    .trek-faq-title {
        font-size: 6vw;
    }

    .trek-faq-question {
        font-size: 3vw;
        padding: 4vw;
        width: 100%;
    }

    .trek-faq-answer p {
        font-size: 3vw;
        padding: 4vw;
    }

    .icon {
        width: 3vw;
    }
}


/*-----------------------------------
Contact Section 1
----------------------------------*/
.contact-section-1 {
  padding: 1vw 10vw 20vw 10vw;
  background: #f2f7f9;
}

.contact-section-1-title {
  font-size: 3vw;
  font-weight: 700;
  margin-bottom: 4vh;
  font-family: 'poppinsbold';
}

.contact-section-1-flex {
  display: flex;
  gap: 5vw;
  align-items: flex-start;
  justify-content: space-between;
}

.contact-section-1-left {
  width: 45%;
}

.contact-info-box {
  display: flex;
  gap: 1vw;
  border-bottom: .1vw solid #c6d9e5;
  padding: 1.5vw 0;
  align-items: center;
}

.contact-info-box svg{
  width: 1.5vw;
  height: 1.5vw;
  padding: 0.8vw;        
  background-color: #e27739;
  border-radius: 50%;  
  fill: #fff;
}
.icon-big{
    width:2.2vw!important;
    padding: 0.8vw 0.5vw!important;  
}



.contact-info-heading {
  font-size: 1.4vw;
  font-weight: 600;
  font-family: 'poppinsmedium';
  margin: 0;
  color: #555;
}

.contact-info-heading-1 {
  font-size: 1.4vw;
  font-weight: 600;
  font-family: 'poppinsmedium';
  margin: 0;
  color: #000;
  margin-bottom: 1vw
}

.contact-info-text {    
  font-size: 1vw;
  color: #555;
  font-family: 'poppinsregular';
  margin: 0;
}

.contact-info-text a{
    color: #555;
}


.contact-section-1-right {
  width: 50%;
}

.contact-section-1-form {
  display: flex;
  flex-direction: column;
  gap: 2vh;
}

.contact-input {
  width: 100%;
  padding: 1.4vw;
  font-size: 1vw;
  border: .15vw solid #bcc8d1;
  border-radius: .4vw;
  outline: none;
  font-family: 'poppinsregular';
  color: #333;
  background-color: #fff!important;
}

.contact-two-inputs {
  display: flex;
  gap: 1vw;
  width: 43vw;
}

.contact-textarea {
  height: 15vh;
  resize: none;
}

.contact-submit-btn {
  width: 12vw;
  padding: 1.2vw;
  font-size: 1.2vw;
  border: none;
  background: #ff9b3c;
  border-radius: .4vw;
  cursor: pointer;
  font-weight: 600;
}

.contact-input::placeholder {
  color: #333;
  opacity: 1;        
}




.contact-input:-webkit-autofill,
.contact-input:-webkit-autofill:hover,
.contact-input:-webkit-autofill:focus,
.contact-input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 100vw #ffffff inset !important;
  box-shadow: 0 0 0 100vw #ffffff inset !important;
  -webkit-text-fill-color: #000 !important;
  caret-color: #000 !important;
}

.contact-input:-webkit-autofill {
  border: .15vw solid #bcc8d1;
}



@media(max-width: 600px) {

    .contact-section-1 {
    padding: 1vw 10vw 80vw 10vw;
    background: #f2f7f9;
}

  .contact-section-1-flex {
    flex-direction: column;
  }

  .contact-section-1-left,
  .contact-section-1-right {
    width: 100%;
  }

  .contact-info-box {
    gap: 2vw;
    padding: 4vw 0;
  }

  .contact-info-heading-1 {
    font-size: 4vw;
  }

  .contact-section-1-title {
    font-size: 6vw;
  }

  .contact-section-1-form {
    margin-top: 3vh;
}

.contact-two-inputs {
    width: 100%;
}
 .contact-info-box svg {
    width: 3vw;
    height: 3vw;
    padding: 1.5vw;
 }
 .icon-big {
    width: 4.5vw !important;
    padding: 1.5vw 1.7vw!important;
}

  .contact-info-heading {
    font-size: 3.5vw;
  }

  .contact-info-text {
    font-size: 3vw;
  }

  .contact-input {
    font-size: 3vw;
    padding: 2.4vw;
    width: 94%;
  }

  .contact-submit-btn {
    width: 40vw;
    font-size: 3vw;
  }
  .contact-form-button{
    margin-top: 0vh;
  }
}


/*------------------------------
Contact Section 2
-----------------------------*/
.contact-section-2{
  padding: 5vh 10vw;
  display: flex;
  flex-direction: column;
  gap: 3vh;
  margin-top: -20vw;
}

.contact-section-2-heading{
  font-size: 1.4vw;
  font-weight: 600;
  font-family: 'poppinsmedium';
  margin: 0;
  color: #000;
  margin-bottom: 1vw
}

.contact-section-2-map{
  width: 100%;
  height: 50vh;
  overflow: hidden;
}

@media (min-width:768px) and (max-width:900px){
   .contact-section-2-map{
  width: 100%;
  height: 40vh;
  overflow: hidden;
} 
}

@media(max-width:600px){
    .contact-section-2-heading{
        font-size: 4vw;
    }

    .contact-section-2{
  margin-top: -70vw;
}
}


/*------------------------------
About-section-1
------------------------------*/
.about-section-1 {
    width: 100vw;
    height: 70vh; 
    background-image: url('/assets/about/ABoutbanner.webp'); 
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

@media (max-width: 900px) {
    .about-section-1 {
       background-image: url('/assets/about/aboutmob.webp'); 
    }
}

/*-----------------------------
About Section 2
-----------------------------*/
.about-section-2 {
    width: 80vw;
    margin: 6vh auto;
   color: #0d4b36;
    
}

.about-title {
    font-size: 2.5vw;
    font-weight: 700;
    margin-bottom: 3vh;
    font-family: 'poppinsbold';
     
}

.about-subtext {
    font-size: 1.5vw;
    color: #555;
    margin-bottom: 2vh;
    font-family: 'poppinsmedium';
}

.about-desc {
    font-size: 1vw;
    color: #555;
    margin-bottom: 3vh;
    line-height: 1.6;
    font-family: 'poppinsregular';
    max-width: 60vw;
}

.about-heading {
    font-size: 2vw;
    font-weight: 700;
    margin: 4vh 0 2vh 0;
}

.about-list {
    font-size: 1vw;
    margin-left: 0vw;
    margin-bottom: 3vh;
    font-family: 'poppinsregular';
    color: #555;
}

.about-ordered {
    margin-left: 0vw;
    font-size: 1vw;
    color: #3a3a3a;
    font-family: 'poppinsregular';
}

.about-ordered li {
    margin-bottom: 2vh;
}

.about-ordered li strong{
    font-family: 'poppinsmedium';
    color: #333;
}

@media (max-width: 600px) {

    .about-section-2 {
        width: 90%;
    }

   
    .about-title {
        font-size: 6vw;
        margin: 0;
    }

    .about-subtext {
        font-size: 3.5vw;
    }

    .about-desc,
    .about-list,
    .about-ordered {
        font-size: 3vw;
        max-width: 100%;
        
    }
    .about-ordered , .about-list {
        padding: 0 3vw;
    }

    .about-heading {
        font-size: 5vw;
    }
}


/*-----------------------------
about section 2
------------------------------*/
.about-section-3 {
    padding: 4vh 3vw;
    background: #fff2de;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.about-title-1 {
    font-size: 2.5vw;
    font-weight: 700;
    margin-bottom: 3vh;
    font-family: 'poppinsbold';
    width: 80vw;
    color: #0d4b36;
     
}

.about-row-wrap {
  display: flex;
  gap: 2vw;
   width: 80vw;
}

.about-team-card {
  position: relative;
  width: 32%;
  height: 30vw;
  overflow: hidden;
  border-radius: 1.2vw;
}

.about-team-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}


.about-team-overlay {
  position: absolute;
  inset: 0;
  background:#0d4b36;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 3vw;
  transform: translateY(100%);
  transition: transform 0.5s ease;
  text-align: center;
}

.about-team-card:hover .about-team-overlay {
  transform: translateY(0);
}

.about-team-overlay h4 {
  font-size: 1.5vw;
  margin-bottom: 1vh;
  font-family:'poppinsbold';
}

.about-team-overlay span {
  font-size: 1.1vw;
  margin-bottom: 2vh;
  opacity: 0.85;
  font-family: 'poppinsmedium';
}

.about-team-overlay p {
  font-size: 0.9vw;
  line-height: 1.6;
  font-family: 'poppinsregular';
}


@media (max-width: 600px) {

  .about-row-wrap {
    flex-direction: column;
    gap: 4vh;
    width: 100%;
  }

  .about-team-card {
    width: 90vw;
    height: auto;
    margin: 0 auto;
    overflow: visible;
    border-radius: 1.5vw;
  }

  .about-team-card img {
    height: 45vh;
    border-radius: 1.5vw;
  }

  .about-team-overlay {
    position: relative;
    inset: auto;
    transform: none;
    background: transparent;
    color: #0d4b36;
    padding: 3vh 2vw;
    text-align: center;
  }

  .about-team-card:hover .about-team-overlay {
    transform: none;
  }

  .about-team-overlay h4 {
    font-size: 5vw;
    margin: 0;
  }

  .about-team-overlay span {
    font-size: 3.8vw;
    display: block;
    margin-bottom: 0vh;
  }

  .about-team-overlay p {
    font-size: 3.4vw;
    line-height: 1.6;
  }
}


/*----------------------------------
Blog-section-1
--------------------------------*/
.blog-section-1 {
  margin: 5vw 10vw;
}

.blog-sec-head {
  font-size: 2.5vw;
  text-align: start;
  font-weight: 700;
  margin-bottom: 2vw;
  font-family: 'poppinsbold';
}

.blog-wrapper {
  display: flex;
  justify-content: space-between;
  gap: 2vw;
  flex-wrap: wrap;
}

.blog-card {
  width: 25vw;
  background: #ffffff;
}

.blog-img {
  width: 100%;
  height: 18vw;
  object-fit: cover;
}

.blog-title {
  font-size: 1vw;
  margin-top: 1vw;
  margin-bottom: 1vw;
  font-weight: 600;
  font-family: 'poppinsbold';
  padding: 0vw 2vw;
}

.blog-meta {
  display: flex;
  gap: 2vw;
  font-size: 1vw;
  padding-bottom: 4vw;
  color: #555;
  padding: 0vw 2vw;
  font-family: 'poppinsmedium';
}

.meta-item {
  display: flex;
  align-items: center;
  gap: 0.5vw;
  margin-bottom: 1vw;
  font-family: 'poppinsregular';
}

@media(max-width:600px) {
  .blog-wrapper {
    flex-direction: column;
    gap: 6vw;
  } 

  .blog-section-1 {
    margin: 5vw 5vw;
}

  .blog-card {
    width: 100%;
  }

  .blog-img {
    height: 45vw;
  }

  .blog-title {
    font-size: 4vw;
    padding: 1vw 4vw 1vw 4vw;
  }

  .blog-meta {
    font-size: 3vw;
    padding: 2vw 4vw 4vw 4vw;
  }

  .blog-sec-head {
    font-size: 6vw;
    margin-bottom: 5vh;
    margin-top: 5vh;
  }
}

/*------------------------
Pop Up
-------------------------*/

.trek3-inquiry-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.7);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}


.trek3-inquiry-modal {
  background: #ffffff;
  width: 30vw;
  padding: 2vw 4vw 2vw 2vw;
  border-radius: 1vh;
  position: relative;
}


.trek3-inquiry-title {
  font-size: 1.8vw;
  margin-bottom: 2vh;
  font-family: 'poppinsbold';
}


.trek3-inquiry-close {
  position: absolute;
  top: 1.5vh;
  right: 1.5vw;
  font-size: 3vw;
  cursor: pointer;
}

.trek3-inquiry-form input:-webkit-autofill,
.trek3-inquiry-form textarea:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000vh #ffffff inset !important;
  box-shadow: 0 0 0 1000vh #ffffff inset !important;
  -webkit-text-fill-color: #000000 !important;
}

.trek3-inquiry-form input:focus,
.trek3-inquiry-form textarea:focus,
.trek3-inquiry-submit:focus {
  outline: none;
  box-shadow: none;
  border-color: #ddd;
}



.trek3-inquiry-form input,
.trek3-inquiry-form textarea {
    
  width: 100%;
  padding: 1.6vh 1vw;
  margin-bottom: 1.6vh;
  font-size: 1.6vh;
  border: 0.1vh solid #ddd;
  border-radius: 0.6vh;
  font-family: 'poppinsregular';
  background-color: #ffffff;
}

.trek3-inquiry-form textarea {
  height: 15vh;
  resize: none;
}


.trek3-inquiry-submit {
  background: #3b6db3;
  color: #fff;
  border: none;
  padding: 1.6vh 2.5vw;
  font-size: 1.7vh;
  border-radius: 0.6vh;
  cursor: pointer;
}



@media (max-width: 600px) {
  .trek3-inquiry-modal {
    width: 80vw;
    padding: 4vw 7vw 4vw 4vw;
  }


.trek3-inquiry-close {
  position: absolute;
  top: 1.5vh;
  right: 3.5vw;
  font-size: 8vw;
}


  .trek3-inquiry-title {
    font-size:5vw;
  }

.trek3-inquiry-form input,
.trek3-inquiry-form textarea {
    padding: 1.6vh 1vw 1.6vh 2.5vw;
}
}