.formContainer {
  max-width: 300px;
  padding: 20px;
  background-color: #fff;
}
.fill-this-form,
.want-to-enjoy {
  position: absolute;
  top: 72px;
  left: 44px;
}
.fill-this-form {
  top: 121px;
  font-size: var(--font-size-base);
}
.pngegg-1-1 {
  position: absolute;
  top: 0;
  left: 448px;
  width: 229px;
  height: 215px;
  object-fit: cover;
}
.frame-child,
.frame-inner,
.frame-item,
.rectangle-input {
  border: 1px solid var(--color-black);
  position: absolute;
  border-radius: var(--br-xl);
  box-sizing: border-box;
  width: 583px;
  height: 75px;
}
.frame-child {
  background-color: var(--color-white);
  top: 195px;
  left: 51px;
}
.frame-inner,
.frame-item,
.rectangle-input {
  background-color: transparent;
  top: 286px;
  left: 50px;
}
.frame-inner,
.rectangle-input {
  top: 376px;
  left: 51px;
}
.rectangle-input {
  top: 467px;
  height: 129px;
}
.rectangle-div {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 9px;
  background-color: #30a8ec;
  width: 300px;
  height: 69px;
}
.submit {
  position: absolute;
  top: 15px;
  left: 101px;
}
.rectangle-parent {
  position: absolute;
  top: 625px;
  left: 188px;
  width: 300px;
  height: 69px;
  color: var(--color-white);
}
.popup{
  top: 50%;
  left: 50%;
  visibility: hidden;
  align-items: center;
}
.open-popup{
  visibility: visible;
}
.want-to-enjoy-this-activity-parent {
  position: fixed;
  border-radius: var(--br-11xl);
  background-color: var(--color-white);
  width: 50%;
  left: 250px;
  height: 100vh;
  overflow: hidden;
  text-align: left;
  font-size: var(--font-size-13xl);
  color: var(--color-black);
  font-family: var(--font-itc-avant-garde-gothic-lt);
}

.formContainer input[type=text],
.formContainer input[type=password] {
  width: 100%;
  padding: 15px;
  margin: 5px 0 20px 0;
  border: none;
  background: #eee;
}
.formContainer input[type=text]:focus,
.formContainer input[type=password]:focus {
  background-color: #ddd;
  outline: none;
}
.formContainer .btn {
  padding: 12px 20px;
  border: none;
  background-color: #8ebf42;
  color: #fff;
  cursor: pointer;
  width: 100%;
  margin-bottom: 15px;
  opacity: 0.8;
}
.formContainer .cancel {
  background-color: #cc0000;
}
.formContainer .btn:hover,
.openButton:hover {
  opacity: 1;
}

nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: fixed;
  width: 1124px;
  top: 30px;
  z-index: 100;
  transition: all 500ms ease;
}

.n-1-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 1280px;
  height: 100%;
  object-fit: cover;
}

nav ul{
  display: flex;
  align-items: center;
  gap: 35px;
  list-style: none;
  margin: 0;
}

nav ul li a{
  text-decoration: none;
  color: white;
font-size: 24px;
font-family: Inter;
font-weight: 600;
word-wrap: break-word
}

nav.scrolled{
  background: rgba(39, 51, 70, 0.8);
  box-shadow: 0 16px 14px -8px rgba(0, 0, 0, 0.3);
  border-radius: 0 0 15px 15px;
  top: 0;
  padding: 18px;
  font-family: var(--font-itc-avant-garde-gothic-lt);
}

nav .logo{
  color: white;
   font-size: 55px;
   font-weight: 700;
   word-wrap: break-word
  }

.wrapper{
  max-width: 1155px;
  margin: 0 auto;
}

.r50f-naga-adventure-exterior-2-icon2 {
  position: absolute;
  top: 190px;
  left: 52px;
  border-radius: var(--br-11xl);
  width: 154px;
  height: 205px;
  object-fit: cover;
}
.r50f-naga-adventure-exterior-2-icon3,
.r50f-naga-adventure-exterior-2-icon4,
.r50f-naga-adventure-exterior-2-icon5 {
  position: absolute;
  top: 666px;
  left: 52px;
  border-radius: var(--br-11xl);
  width: 154px;
  height: 205px;
  object-fit: cover;
}
.r50f-naga-adventure-exterior-2-icon4,
.r50f-naga-adventure-exterior-2-icon5 {
  left: 648px;
}
.r50f-naga-adventure-exterior-2-icon5 {
  top: 935px;
  left: 52px;
}
.r50f-naga-adventure-exterior-2-icon6,
.r50f-naga-adventure-exterior-2-icon7,
.r50f-naga-adventure-exterior-2-icon8 {
  position: absolute;
  top: 935px;
  left: 648px;
  border-radius: var(--br-11xl);
  width: 154px;
  height: 205px;
  object-fit: cover;
}
.r50f-naga-adventure-exterior-2-icon7,
.r50f-naga-adventure-exterior-2-icon8 {
  top: 1194px;
  left: 52px;
}
.r50f-naga-adventure-exterior-2-icon8 {
  top: 402px;
}
.camping,
.complete-pack,
.height-pack,
.high-rope-activities1,
.mega-package,
.sky-cycle,
.summer-pack,
.swimming-pool1,
.zip-line {
  position: absolute;
  top: 200px;
  left: 234px;
  color: white;
  font-size: var(--font-size-17xl);
  font-family: var(--font-itc-avant-garde-gothic-lt);
}
.camping,
.complete-pack,
.height-pack,
.mega-package,
.sky-cycle,
.summer-pack,
.swimming-pool1,
.zip-line {
  top: 673px;
}
.camping,
.height-pack,
.mega-package,
.sky-cycle,
.summer-pack,
.swimming-pool1,
.zip-line {
  left: 830px;
}
.camping,
.height-pack,
.mega-package,
.sky-cycle,
.swimming-pool1,
.zip-line {
  top: 942px;
  left: 234px;
}
.camping,
.mega-package,
.sky-cycle,
.swimming-pool1,
.zip-line {
  left: 830px;
}
.mega-package,
.sky-cycle,
.swimming-pool1,
.zip-line {
  top: 1201px;
  left: 234px;
}
.sky-cycle,
.swimming-pool1,
.zip-line {
  top: 408px;
}
.sky-cycle,
.zip-line {
  top: 200px;
  left: 837px;
}
.zip-line {
  top: 408px;
  left: 827px;
}
.these-activities-include {
  margin: 0;
}
.these-activities-include-container,
.this-package-includes-container,
.this-package-includes-container1 {
  position: absolute;
  top: 250px;
  left: 234px;
  color: white;
  font-size: var(--font-size-xl);
  font-weight: 600;
}
.this-package-includes-container,
.this-package-includes-container1 {
  top: 727px;
}
.this-package-includes-container1 {
  left: 830px;
}
.this-package-includes-container2,
.this-package-includes-container3,
.this-package-includes-container4 {
  position: absolute;
  top: 996px;
  color: white;
  left: 234px;
  font-size: var(--font-size-xl);
  font-weight: 600;
}
.this-package-includes-container3,
.this-package-includes-container4 {
  left: 830px;
}
.this-package-includes-container4 {
  top: 1255px;
  left: 234px;
  color: white;
}
.rs-100-per,
.rs-1000-per,
.rs-300-per {
  position: absolute;
  top: 300px;
  left: 234px;
  color: white;
}
.rs-1000-per,
.rs-300-per {
  top: 787px;
  color: white;
}
.rs-300-per {
  left: 830px;
  color: white;
}
.rs-1250-per,
.rs-2000-per,
.rs-500-per {
  position: absolute;
  top: 1056px;
  left: 234px;
  color: white;
}
.rs-1250-per,
.rs-2000-per {
  left: 830px;
  color: white;
}
.rs-2000-per {
  top: 1315px;
  left: 234px;
  color: white;
}
.rs-100-per1,
.rs-200-per,
.rs-300-per1 {
  position: absolute;
  top: 519px;
  color: white;
  left: 234px;
}
.rs-200-per,
.rs-300-per1 {
  left: 827px;
  color: white;
}
.rs-300-per1 {
  top: 300px;
  left: 837px;
  color: white;
}
.book-now,
.book-now1,
.book-now2,
.book-now3,
.book-now4 {
  position: absolute;
  top: 342px;
  left: 234px;
  color: var(--color-red);
}
.book-now1,
.book-now2,
.book-now3,
.book-now4 {
  top: 829px;
}
.book-now2,
.book-now3,
.book-now4 {
  left: 830px;
}
.book-now3,
.book-now4 {
  top: 1098px;
  left: 234px;
}
.book-now4 {
  left: 830px;
}
.book-now5,
.book-now6,
.book-now7,
.book-now8 {
  position: absolute;
  top: 1357px;
  left: 234px;
  color: var(--color-red);
}
.book-now6,
.book-now7,
.book-now8 {
  top: 561px;
}
.book-now7,
.book-now8 {
  left: 827px;
}
.book-now8 {
  top: 342px;
  left: 837px;
}
.sky-cycling-offers-container,
.swimming-immerses-you-container,
.zip-lining-the2 {
  position: absolute;
  top: 463px;
  color: white;
  left: 234px;
  font-size: var(--font-size-xl);
  font-weight: 600;
}
.sky-cycling-offers-container,
.zip-lining-the2 {
  top: 250px;
  left: 837px;
  color: white;
}
.zip-lining-the2 {
  top: 465px;
  left: 827px;
  color: white;
}
.whatsapp-image-2019-08-21-at-1-icon2,
.whatsapp-image-2019-08-21-at-1-icon3 {
  position: absolute;
  top: 190px;
  left: 648px;
  border-radius: var(--br-11xl);
  width: 154px;
  height: 205.33px;
  object-fit: cover;
}
.whatsapp-image-2019-08-21-at-1-icon3 {
  top: 402px;
  left: 647px;
}
.adventure-packages-at {
  position: absolute;
  top: 120px;
  left: 52px;
  color: white;
  font-size: 40px;
  font-family: var(--font-itc-avant-garde-gothic-lt);
}
.naga-adventure-all1 {
  position: absolute;
  top: 1432px;
  left: 390px;
  font-weight: 600;
  color: white;
  display: inline-block;
  width: 500px;
  height: 29px;
}
.macbook-air-6 {
  position: relative;
  background-color: var(--color-white);
  width: 100%;
  height: 1516px;
  overflow: hidden;
  text-align: left;
  font-size: var(--font-size-5xl);
  color: var(--color-black);
  font-family: var(--font-inter);
}
nav.mobile-nav,
.mobile-menu-container{
  display: none;
}

@media screen and (max-width: 768px) {
  nav {
    display: none;
  }
  nav.mobile-nav .logo{
    font-size: 28px;
    right: 10px;
  }

  nav.mobile-nav{
    display: flex;
    position: fixed;
    width: 95%;
    left: 15px;
    top: 10px;
  }
  .menu-icon{
    left: 0;
    right: 40px;
  }

  nav.mobile-nav.scrolled{
    background: rgba(39, 51, 70, 0.8);
    box-shadow: 0 16px 14px -8px rgba(0, 0, 0, 0.3);
    border-radius: 0 0 15px 15px;
    padding: 8px;
    top: 0;
    left: 1px;
    align-self: center;
  }
  .mobile-menu-container{
    position: fixed;
    height: 100vh;
    width: 100%;
    top: 0;
    left: 100%;
    background-color: #25576e;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 200;
    transition: all 400ms ease;
  }
  .mobile-menu-container.active{
    left: 0;
  }
  .mobile-menu-container .close-icon{
    position: fixed;
    left: 300px;
    top: 32px;
    opacity: 0;
    pointer-events: none;
    transition: all 400ms ease;
  }
  .mobile-menu-container.active .close-icon{
    opacity: 1;
    pointer-events: auto;
  }
  .mobile-menu-container ul{
    left: 100px;
    display: block;
    top: 40px;
    list-style: none;
    padding: 0;
  }
  .mobile-menu-container ul li{
    display: block;
    left: 100px;
    top: 40px;
    color: #fff;
    margin: 30px 0;
    text-align: center;
  }
  .mobile-menu-container ul li a{
    text-decoration: none;
  color: white;
  font-size: 24px;
  visibility: visible;
  font-family: Inter;
  font-weight: 600;
  }

  #snackbar{
    left: 0;
  }

  nav ul li a {
    visibility: hidden;
  }
  .adventure-packages-at {
    top: 70px;
    left: 17px;
    font-size: 18px;
  }
  .r50f-naga-adventure-exterior-2-icon2 {
    top: 120px;
    left: 17px;
    width: 100px;
    height: 130px;
    border-radius: 10px;
  }
  .high-rope-activities1{
    top: 115px;
    left: 125px;
    font-size: 18px;
  }
  .these-activities-include-container{
    top: 145px;
    left: 125px;
    font-size: 14px;
  }
  .r50f-naga-adventure-exterior-2-icon8 {
    top: 275px;
    left: 17px;
    width: 100px;
    height: 130px;
    border-radius: 10px;
  }
  .rs-100-per, .rs-1000-per, .rs-300-per {
    left: 125px;
    font-size: 17px;
  }
  .book-now, .book-now1, .book-now2, .book-now3, .book-now4{
    left: 125px;
    font-size: 17px;
  }
  .rs-100-per{
    top: 200px;
  }
  .book-now{
    top: 225px;
  }
  .swimming-pool1{
    top: 280px;
    left: 125px;
    font-size: 18px;
  }
  .swimming-immerses-you-container{
    top: 308px;
    left: 125px;
    font-size: 14px;
  }
  .rs-100-per1{
    top: 365px;
    left: 125px;
    font-size: 17px;
  }
  .book-now6{
    top: 389px;
    left: 125px;
    font-size: 17px;
  }
  .r50f-naga-adventure-exterior-2-icon3{
    top: 430px;
    left: 17px;
    width: 100px;
    height: 130px;
    border-radius: 10px;
  }
  .complete-pack{
    top: 430px;
    left: 125px;
    font-size: 18px;
  }
  .this-package-includes-container{
    top: 455px;
    left: 125px;
    font-size: 14px;
  }
  .rs-1000-per{
    top: 510px;
  }
  .r50f-naga-adventure-exterior-2-icon5 {
    top: 585px;
    left: 17px;
    width: 100px;
    height: 130px;
    border-radius: 10px;
  }
  .height-pack{
    top: 595px;
    left: 125px;
    font-size: 18px;
  }
  .this-package-includes-container2{
    top: 620px;
    left: 125px;
    font-size: 14px;
  }
  .rs-500-per{
    top: 660px;
    left: 125px;
    font-size: 17px;
  }
  .book-now4{
    top: 687px;
  }
  .r50f-naga-adventure-exterior-2-icon7{
    top: 738px;
    left: 17px;
    width: 100px;
    height: 130px;
    border-radius: 10px;
  }
  .mega-package{
    top: 740px;
    left: 125px;
    font-size: 18px;
  }
  .this-package-includes-container4{
    top: 767px;
    left: 125px;
    font-size: 14px;
  }
  .rs-2000-per{
    top: 835px;
    left: 125px;
    font-size: 17px;
  }
  .book-now5{
    top: 855px;
    left: 125px;
    font-size: 17px;
  }
  .whatsapp-image-2019-08-21-at-1-icon2, .whatsapp-image-2019-08-21-at-1-icon3 {
    left: 17px;
  }
  .whatsapp-image-2019-08-21-at-1-icon2{
    top: 888px;
    width: 100px;
    height: 130px;
    border-radius: 10px;
  }
  .sky-cycle{
    top: 890px;
    left: 125px;
    font-size: 18px;
  }
  .sky-cycling-offers-container{
    top: 915px;
    left: 125px;
    font-size: 14px;
  }
  .rs-300-per{
    top: 970px;
    left: 125px;
  }
  .book-now1{
    top: 990px;
  }
  .whatsapp-image-2019-08-21-at-1-icon3{
    top: 1037px;
    width: 100px;
    height: 130px;
    border-radius: 10px;
  }
  .zip-line{
    top: 1047px;
    left: 125px;
    font-size: 18px;
  }
  .zip-lining-the2{
    top: 1070px;
    left: 125px;
    font-size: 14px;
  }
  .rs-200-per{
    top: 1110px;
    left: 125px;
    font-size: 17px;
  }
  .book-now3{
    top: 1130px;
  }
  .r50f-naga-adventure-exterior-2-icon4{
    top: 1185px;
    left: 17px;
    width: 100px;
    height: 130px;
    border-radius: 10px;
  }
  .summer-pack{
    left: 125px;
    top: 1195px;
    font-size: 18px;
  }
  .this-package-includes-container1{
    top: 1220px;
    left: 125px;
    font-size: 14px;
  }
  .rs-300-per1{
    top: 1255px;
    left: 125px;
    font-size: 17px;
  }
  .book-now2{
    left: 125px;
    top: 1280px;
    font-size: 17px;
  }
  .r50f-naga-adventure-exterior-2-icon6{
    top: 1335px;
    left: 17px;
    width: 100px;
    height: 130px;
    border-radius: 10px;
  }
  .camping{
    top: 1345px;
    left: 125px;
    font-size: 18px;
  }
  .this-package-includes-container3{
    top: 1370px;
    left: 125px;
    font-size: 14px;
  }
  .rs-1250-per{
    top: 1425px;
    left: 125px;
    font-size: 17px;
  }
  .book-now7{
    left: 125px;
    top: 1445px;
    font-size: 17px;
  }
  .book-now8{
    left: 125px;
    top: 535px;
    font-size: 17px;
  }
  .naga-adventure-all1{
    left: 18px;
    top: 1490px;
    width: 95%;
    font-size: 18px;
  }
  .macbook-air-6{
    height: 1555px;
  }

}