* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  /* font-family: "Merriweather", serif; */
  font-family: "Inter-Regular";
  text-decoration: none;
}

ul,
li {
  list-style: none;
  /* padding: 0 !important; */
  margin: 0;
}

a {
  text-decoration: none;
}

:root {
  --background: linear-gradient(
    98deg,
    #c7a055 4.01%,
    #f5d988 53.3%,
    #d6b366 97.16%
  );
}

html ::-webkit-scrollbar-track {
  background: transparent;
}

html ::-webkit-scrollbar-thumb {
  background: #1a9992;
  border-radius: 10px;
}

html ::-webkit-scrollbar {
  width: 10px;
}

html {
  scroll-behavior: smooth;
}

.modal-open {
  padding: 0px !important;
}

@font-face {
  font-family: "dmsans-bold";
  src: url(../assets/font/dmsans-bold-webfont.woff) format("woff");
}

@font-face {
  font-family: "dmsans-medium";
  src: url(../assets/font/dmsans-medium-webfont.woff) format("woff");
}

@font-face {
  font-family: "dmsans-regular";
  src: url(../assets/font/dmsans-regular-webfont.woff) format("woff");
}

@font-face {
  font-family: "fml-indulekha";
  src: url(../assets/font/FML-Indulekha.woff) format("woff");
}

@font-face {
  font-family: "Inter-Light";
  src: url(../assets/font/Inter-Light.woff) format("woff");
}

@font-face {
  font-family: "Inter-Medium";
  src: url(../assets/font/Inter-Medium.woff) format("woff");
}

@font-face {
  font-family: "Inter-Regular";
  src: url(../assets/font/Inter-Regular.woff) format("woff");
}

.wrapper {
  width: 90%;
  max-width: 1320px;
  margin: 0 auto;
}

header {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: transparent;
  padding: 7px 8%;
  transition: 3s;
}
.logo img {
  max-width: 100%;
  width: 130px;
  height: auto;
}
.navlist {
  display: flex;
}
.navlist li {
  position: relative;
}
.navlist a {
  font-size: 15px;
  color: #adadad;
  font-weight: 500;
  padding: 10px 27px;
}
.navlist a.active {
  color: #fff;
}
.navlist a.active::after {
  content: "";
  position: absolute;
  width: 30%;
  height: 2px;
  background-color: #f9fcfc;
  bottom: -3px;
  left: 36px;
}
#menu-icon {
  cursor: pointer;
  z-index: 10001;
  display: none;
  color: #fff;
}
#menu-icon .bar {
  width: 25px;
  height: 3px;
  margin: 7px 0 7px auto;
  transition: all 0.2s ease-in-out;
  background-color: #ffffff;
  transition: transform 0.5s, width 0.5s;
}
#menu-icon .bar:nth-child(2) {
  width: 35px;
}
.openmenu .bar:nth-child(2) {
  transform: translateX(50px);
  opacity: 0;
}
.openmenu {
  position: fixed;
}
.openmenu .bar:nth-child(1) {
  transform: translateY(12px) rotate(45deg);
}
.openmenu .bar:nth-child(3) {
  transform: translateY(-8px) rotate(-45deg);
}
.top-btn {
  display: inline-block;
  color: #ffffff;
  border-radius: 7px;
  background: linear-gradient(133.65deg, #111111 0%, #1a9b92 225.66%);
  border: 1px solid #747474;
  font-weight: 500;
  outline: none;
  font-size: 15px;
  padding: 11px 30px;
  transition: 0.5s;
  letter-spacing: 1px;
}

.top-btn:hover {
  color: #ffffff;
}
.spotlight {
  min-height: 100vh;
  height: 100%;
  width: 100%;
  background: linear-gradient(133.65deg, #111111 0%, #1a9b92 225.66%);
  background-position: center;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  
}
.spottlight {
  min-height: 70vh;
  height: 100%;
  width: 100%;
  background: linear-gradient(133.65deg, #111111 0%, #1a9b92 225.66%);
  background-position: center;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  
}
#main{
  min-height: 70vh;
  height: 100%;
  width: 100%;
  background-image: url("../assets/image/package/whitebg.png");
  background-position: center;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
}
.spottlight2 {
  min-height: 70vh;
  height: 100%;
  width: 100%;
  background-image: url("../assets/image/package/packagebg.png");
  background-position: center;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
}
.spotlight-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 20%;
  margin-bottom: 10%;
}

.spotlight h1 {
  font-style: normal;
  font-weight: 500;
  font-size: 60px;
  line-height: 65px;
  text-align: center;
  color: #eeeeee;
  margin-bottom: 50px;
}
.spotlight p {
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 34px;
  text-align: center;
  color: #adadad;
  margin-bottom: 50px;
}
.spottlight .spottlight-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 20%;
  margin-bottom: 10%;
}
.spottlight .spottlight-text h1 {
  font-style: normal;
  font-weight: 500;
  font-size: 60px;
  line-height: 65px;
  text-align: center;
  color: #eeeeee;
  margin-bottom: 50px;
}
.spottlight .spottlight-text .text {
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 34px;
  text-align: center;
  color: #adadad;
}
.spottlight2 .spottlight-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 20%;
  margin-bottom: 10%;
}
.spottlight2 .spottlight-text h1 {
  font-style: normal;
  font-weight: 500;
  font-size: 32px;
  text-align: center;
  color: #eeeeee;
  margin-bottom: 50px;
}
.spottlight2 .spottlight-text .text {
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 34px;
  text-align: center;
  color: #adadad;
}
.spotlight .spotlight-btn {
  color: #ffffff;
}
.spotlight .spotlight-btn img {
  margin-left: 30px;
}
.slider {
  margin-bottom: 80px;
}
.dropbtn {
  color: #adadad;
  font-size: 16px;
  border: none;
  cursor: pointer;
  background: none;
}
.dropbtn.active {
  color: #fff;
}
.dropbtn.active::after {
  content: "";
  position: absolute;
  width: 50%;
  height: 2px;
  background-color: #f9fcfc;
  bottom: -3px;
  left: 15px;
}
.dropdown {
  position: relative;
  display: inline-block;
}
.dropdown-content {
  display: none;
  position: absolute;
  background: linear-gradient(133.65deg, #111111 0%, #1a9b92 225.66%);
  min-width: 160px;
  overflow: auto;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}

.dropdown-content a {
  color: rgb(216, 212, 212);
  padding: 12px 9px;
  text-decoration: none;
  display: block;
}

.dropdown a:hover {
  background-color: #ddd;
  color: #000;
}

.show {
  display: block;
}

.spottlight .spottlight-text .title {
  font-style: normal;
  font-weight: 500;
  font-size: 60px;
  line-height: 65px;
  text-align: center;
  color: #eeeeee;
  margin-bottom: 20px;
}
.spottlight .spottlight-text .titl {
  font-size: 40px;
  margin-bottom: 20px;
}

.great {
  position: absolute;
  top: 34%;
}

.single-package {
  position: absolute;
  top: 40%;
}

.explore-box input {
  border: none;
  outline: none;
  background: none;
}

#package-section .explore-box p {
  text-align: left;
  margin-bottom: 0;
}

.great-img {
  position: absolute;
  top: 56%;
}

.great-prem {
  position: absolute;
  top: 60%;
}

.great-dest {
  position: absolute;
  top: 60%;
}

.great-pac {
  position: absolute;
  top: 52%;
}

.bg-image {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
  object-position: center;
}

.slids {
  height: 80vh;
}

.slides {
  position: absolute;
  align-items: center;
}

.slides img {
  max-width: 100%;
}

#destination {
  background-color: #ffffff;
}

#destination h5 {
  font-style: normal;
  font-weight: 400;
  font-size: 22px;
  line-height: 58px;
  text-align: center;
  color: #747474;
}

#destination h2 {
  font-style: normal;
  font-weight: 500;
  font-size: 42px;
  line-height: 58px;
  text-align: center;
  color: #0a0a0a;
}

#destination .explore-box {
  background: #f6f5f8;
  border-radius: 8px;
  position: relative;
  box-shadow: 8px 1px 11px -5px #afa8a8;
  border-radius: 8px;
  margin-top: 50px;
}

#destination .explore-box .mt-3 {
  margin-top: 0;
  padding: 0;
}

#destination .explore-box .d-flex {
  justify-content: space-around;
}

#destination .explore-box .box-one::after {
  position: absolute;
  content: "";
  width: 2px;
  height: 60px;
  background-color: #d4d4d4;
  left: 27%;
  top: 55%;
  transform: translateY(-57%);
}

#destination .explore-box .box-two::after {
  position: absolute;
  content: "";
  width: 2px;
  height: 60px;
  background-color: #d4d4d4;
  left: 53%;
  top: 55%;
  transform: translateY(-57%);
}

#destination .explore-box small {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 38px;
  color: #747474;
}

#destination .explore-box p {
  font-style: normal;
  font-weight: 500;
  font-size: 22px;
  color: #0a0a0a;
}

#destination .explore-box .explore-button {
  margin-top: 20px;
}

#destination .explore-box .explore-button .btn {
  width: 139px;
  height: 48px;
  font-family: "dmsans-medium";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 21px;
  text-align: center;
  background: #1a9992;
  color: #ffffff;
  border-radius: 5px;
}

#destination .explore-box .explore-button .btn img {
  width: 24px;
  margin-left: 5px;
}

#destination .destintn-button {
  border-bottom: 1px solid #e8e8e8;
}

#destination .btn {
  width: 120px;
  height: 41px;
  font-style: normal;
  font-weight: 500;
  font-size: 17px;
  line-height: 10px;
  text-align: center;
  background: #f6f5f8;
  color: #000;
  border-radius: 5px;
  border: none;
}

#destination button:hover {
  background-color: #1a9992;
  color: #eeeeee;
}

#destination .active-filter-btn {
  background-color: #1a9992;
  color: #eeeeee;
  width: 130px;
}

#destination .destination-img span {
  top: 12px;
  left: 68%;
  width: 74px;
  height: 37px;
  border-radius: 10px;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 32px;
}

#destination .destination-img span i {
  margin-top: -4px;
  margin-left: 5px;
  color: #eab600;
}

#destination .destination-details .location span {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 58px;
  color: #747474;
}

#destination .destination-details .location p {
  max-width: 100%;
  font-size: 18px;
  font-weight: 500;
  line-height: 30px;
  margin-top: -10px;
}

#destination .destination-details .location {
  border-bottom: 1px solid #e8e8e8;
}

#destination .destination-details .booking {
  justify-content: space-between;
}

#destination .destination-details .booking span {
  margin-top: -20px;
}

#destination .destination-details .booking .booknow a {
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 32px;
  color: #1a9992;
  border-bottom: 1px solid #1a9992;
}

#destination .view-more {
  margin-bottom: 80px;
  margin-top: 50px;
}

#destination .view-more button {
  padding: 2px 8px;
  border: 1px solid #1a9992;
  color: #1a9992;
  background-color: #ffffff;
}

#destination .view-more button:hover {
  border: none;
  color: #ffffff;
  background-color: #1a9992;
}

#experience .experience-content {
  justify-content: space-between;
  margin: 0;
}

#experience .experience-text p {
  font-family: "Gordita";
  font-style: normal;
  font-weight: 400;
  font-size: 22px;
  line-height: 58px;
  color: #747474;
}

#experience .experience-text span {
  font-style: normal;
  font-weight: 500;
  font-size: 42px;
  line-height: 58px;
}

#experience .experience-detail p {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  color: #747474;
  margin-top: 60px;
}



#experience .container.screen {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  position: relative;
}
#experience .container.screen .experience-text{
  margin-bottom: 20%;

}
#slider {
  padding: 20%;
  background: linear-gradient(133.65deg, #111111 0%, #1a9b92 225.66%);
  margin-top: 20%;
}

.slider-logo {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 30px;
  opacity: 0.3;
  position: absolute;
  right: 0px;
  bottom: 0;
}

.green {
  background: url(../assets/image/green.svg);
  object-fit: cover;
  height: 70vh;
  position: relative;
}
.green .image-slide iframe {
  margin-top: -70px;
}
.video-overlay-container {
  z-index: 100;
  position: absolute;
  left: 0px;
  top: -200px;
  width: 80vw;
  height: 80vh;
  border-radius: 0px 10px 10px 0px;
  overflow: hidden;
}
.video-overlay {
  z-index: 100;
  filter: drop-shadow(30px 64px 94px rgba(0, 0, 0, 0.01));
  border-radius: 0px 10px 10px 0px;
  padding: 80px;
  display: flex;
  width: 100%;
  justify-content: flex-end;
  flex-direction: column;
}
.overlay-text{
  margin-top: 20%;
}
#bg-video {
  position: absolute;
  left: 0px;
  max-width: 100%;
  z-index: 0;
  background-size: cover;
}
#popular {
  padding: 60px 0;
}
#popular .popular-content {
  margin-bottom: 6%;
}
#popular .popular-text {
  width: 100%;
  text-align: center;
}
#popular .popular-text p {
  font-family: "dmsans-medium";
  font-style: normal;
  font-weight: 400;
  font-size: 22px;
  line-height: 58px;
  color: #747474;
}
#popular .popular-text .text-dark br {
  display: none;
}
#popular .popular-text span {
  font-style: normal;
  font-weight: 500;
  font-size: 42px;
  line-height: 50px;
  width: 80%;
  display: flex;
  align-self: center;
  margin: 0 auto;
  justify-content: center;
}

#popular .view-more {
  margin-top: 80px;
}

#popular .middle {
  width: 43%;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

#popular .middle-img {
  margin-bottom: 0;
}

#popular .view-more button {
  width: 100%;
  padding: 11px 26px;
  border: 1px solid #1a9992;
  color: #1a9992;
  background-color: #ffffff;
  border-radius: 4px;
}

#popular .view-more button:hover {
  border: none;
  color: #ffffff;
  background-color: #1a9992;
}

#popular .image-gallery {
  justify-content: space-between;
  gap: 8px;
  max-width: 90%;
}

#sayabout {
  padding: 80px;
}

#sayabout .sayabout-content {
  margin-bottom: 6%;
}

#sayabout .sayabout-text p {
  font-family: "Gordita";
  font-style: normal;
  font-weight: 400;
  font-size: 22px;
  line-height: 58px;
  color: #747474;
}

#sayabout .sayabout-text span {
  font-style: normal;
  font-weight: 500;
  font-size: 35px;
  line-height: 50px;
}

#sayabout .sayabout-butn {
  margin-top: 60px;
  gap: 10px;
}

#sayabout .sayabout-butn .arrow-one {
  background-color: #f6f5f8;
  border: 2px solid rgba(116, 116, 116, 0.1);
  /* width: 32%; */
  height: 49px;
  padding: 8px 12px;
  border-radius: 6px;
  cursor: pointer;
}

#sayabout .sayabout-butn .arrow-two {
  background-color: #f6f5f8;
  border: 2px solid rgba(116, 116, 116, 0.1);
  /* width: 32%; */
  height: 49px;
  padding: 8px 12px;
  border-radius: 6px;
  cursor: pointer;
}

#sayabout .sayabout-butn .arrow-one:hover {
  border: 2px solid #1a9992;
}

#sayabout .sayabout-butn .arrow-two:hover {
  border: 2px solid #1a9992;
}

.client-review {
  background-color: #f7f7f7;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  padding: 16px 8px;
  height: 321px;
  border-radius: 12px;
  margin-right: 19px;
}

.client-review :focus-visible {
  outline: none;
}

.client-review .says {
  margin-top: -5px;
  position: absolute;
  left: 20px;
}

.client-review .details {
  margin-left: 20px;
  margin-top: 41px;
}

.client-review .details p {
  margin-bottom: 10px;
  max-width: 350px;
  font-family: "dmsans-regular";
  font-size: 16px;
  line-height: 22px;
  color: #747474;
}

.client-review .details .content {
  border-bottom: 1px solid #d3cfcf;
}

.client-review .client-detail h5 {
  margin-bottom: 10px;
  font-family: "dmsans-medium";
  font-size: 16px;
  color: #1a1717;
}

.client-review .client-detail h6 {
  margin-bottom: 10px;
  font-family: dmsans-medium;
  font-size: 16px;
  font-weight: 300;
  color: rgb(107, 104, 104);
}

.client-name {
  margin-top: 25px;
  gap: 10px;
  margin-left: -16px;
}

.client-name .client-detail {
  margin-top: 10px;
}

#gallery {
  /* padding: 80px; */
  overflow-x: hidden;
}

#gallery .gallery-content {
  margin-bottom: 6%;
}

#gallery .gallery-text p {
  font-family: "Gordita";
  font-style: normal;
  font-weight: 400;
  font-size: 22px;
  line-height: 58px;
  color: #747474;
}

#gallery .gallery-text span {
  font-style: normal;
  font-weight: 500;
  font-size: 35px;
  line-height: 50px;
}

#gallery .gallery-img {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 1.5rem;
  overflow: hidden;
}

#gallery .gallery-item-1 {
  grid-column: 1 / span 2;
}

#gallery .gallery img {
  position: absolute;
  left: -10px;
}

.line {
  margin-left: -20px;
}

#contact {
  margin-top: 80px;
}

#contact .contact-us {
  background: linear-gradient(133.65deg, #111111 0%, #1a9b92 225.66%);
  border-radius: 12px;
  margin-bottom: 30px;
  padding: 30px;
}

#contact .contact-content {
  margin-top: 30px;
  margin-left: 5%;
}

#contact .image {
  margin-top: 80px;
  /* margin-bottom: 40%; */
  opacity: 0.5;
}

#contact .contact-content small {
  font-style: normal;
  font-weight: 400;
  font-size: 22px;
  line-height: 58px;
  text-align: center;
  color: #747474;
}

#contact .contact-content h6 {
  font-style: normal;
  font-weight: 500;
  font-size: 27px;
  line-height: 43px;
  color: #eeeeee;
}

#contact .contact-content p {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 25px;
  color: #adadad;
  max-width: 86%;
}

#contact .contact-form .cover-name {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 10px 24px;
  gap: 7px;
  /* width: 464px; */
  height: 57px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  margin-bottom: 20px;
}

#contact .contact-form {
  margin-right: 50px;
}

#contact .contact-form input {
  font-weight: 400;
  font-family: "dmsans-regular";
  font-size: 20px;
  line-height: 30px;
  color: #adadad;
  background: none;
  border: none;
  outline: none;
  margin-left: 5px;
  width: 100%;
}

#contact .contact-form textarea {
  font-style: normal;
  font-weight: 400;
  font-family: "dmsans-regular";
  font-size: 20px;
  line-height: 30px;
  color: #adadad;
  background: none;
  border: none;
  height: 125px;
  width: 100%;
  outline: none;
}

#contact .contact-form .cover-email {
  display: flex;
  flex-direction: row;
  font-family: "dmsans-regular";
  padding: 10px 24px;
  gap: 7px;
  /* width: 464px; */
  align-items: center;
  height: 57px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  margin-bottom: 20px;
}

#contact .contact-form .cover-msg {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 11px;
  gap: 16px;
  /* width: 464px; */
  height: 147px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  margin-bottom: 20px;
}

#contact .contact-form .cover-button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 10px 64px;
  gap: 16px;
  /* width: 182px; */
  height: 57px;
  background: #1a9992;
  border-radius: 6px;
  margin-bottom: 20px;
  margin-left: 44%;
}

#contact .contact-form .cover-button input {
  font-weight: 500;
  font-size: 18px;
  line-height: 20px;
  text-align: center;
  color: #f5f7fb;
}

.row.wrapping {
  flex-wrap: nowrap;
}

.img-fluid.auto {
  height: 100%;
  object-fit: cover;
  opacity: 0.6;
}

.current-item {
  /* width: 60%; */
  margin-right: 30px;
}

.second-item {
  width: 25%;
  margin-right: 30px;
}

.third-item {
  margin-right: 30px;
  width: 15%;
}

.content-item {
  position: absolute;
  top: 50%;
  left: 10%;
}

.content-item h4 {
  font-family: "dmsans-regular";
  letter-spacing: 8px;
  font-size: 18px;
  color: #fff;
}

.content-item h2 {
  font-family: "dmsans-medium";
  font-size: 40px;
  color: #fff;
}

.trip-button {
  font-family: "dmsans-medium";
  color: #fff;
  font-size: 20px;
}

#contact .line {
  border-bottom: 1px solid #adadad;
  margin-bottom: 20px;
}

footer {
  margin-top: 9%;
  margin-bottom: 20px;
}

footer .social-list {
  list-style: none;
  gap: 15px;
  margin-top: 40px;
  padding: 0;
}

footer .text-social {
  color: #6c7577;
  font-size: 30px;
}

footer .text-social:hover {
  color: #1a9992;
}

footer .copywrite {
  margin-top: 40px;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 58px;
  text-align: right;
  color: #747474;
}

#exporer {
  padding: 50px;
  margin-top: 60px;
}

#exporer .explore-img {
  width: 23%;
  margin-left: 90px;
}
#exporer .explorer-text p {
  max-width: 100%;
  text-align: justify;
}
#package-section .explore-box {
  background: #f6f5f8;
  border-radius: 8px;
  position: relative;
  box-shadow: 8px 1px 11px -5px #afa8a8;
  border-radius: 8px;
  padding: 16px 30px;
  margin-top: 50px;
  align-items: center;
}

#package-section .explore-box .d-flex {
  justify-content: space-around;
}

#package-section .explore-box .box-one,
#package-section .explore-box .box-two {
  border-right: 3px solid #d4d4d4;
}

#package-section .explore-box .box-two {
}

#package-section .explore-box small {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 38px;
  color: #747474;
}

#package-section .explore-box p {
  font-style: normal;
  font-weight: 500;
  font-size: 22px;
  font-family: "dmsans-medium";
  color: #0a0a0a;
}

#package-section .explore-box .explore-button {
  /* margin-top: 20px; */
}

#package-section .explore-box .explore-button .btn {
  width: 139px;
  height: 48px;
  font-family: "dmsans-medium";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 21px;
  text-align: center;
  background: #1a9992;
  color: #ffffff;
  border-radius: 5px;
}

#package-section .explore-box .explore-button .btn img {
  width: 24px;
  margin-left: 5px;
}

#destiny {
  margin-top: 20px;
}

#destiny .destiny-main .destiny-content {
  margin-top: 13%;
  gap: 30px;
}

#destiny .destiny-details .location span {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 58px;
  color: #747474;
  margin-top: 30px;
}

#destiny .destiny-details .location h4 {
  font-style: normal;
  font-weight: 400;
  font-size: 33px;
  line-height: 45px;
  color: #747474;
  margin-top: 10px;
}

#destiny .destiny-details .location p {
  max-width: 100%;
  font-size: 18px;
  font-weight: 500;
  line-height: 30px;
  margin-top: 20px;
  color: #747474;
  margin-bottom: 35px;
}

#destiny .destiny-details .location {
  border-bottom: 1px solid #e8e8e8;
}

#destiny .destiny-details .booking {
  justify-content: space-between;
}

#destiny .destiny-details .booking .prices p {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  color: #747474;
}

#destiny .destiny-details .booking span {
  margin-top: -20px;
}

#destiny .destiny-details .booking .booknow a {
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 32px;
  color: #1a9992;
  border-bottom: 1px solid #1a9992;
}

.destiny-text img {
  width: 100%;
}

#premium {
  padding: 80px 0;
}

#premium img {
  max-width: 100%;
}

#premium .view-more {
  margin-top: 6%;
  align-items: center;
  margin-left: 35%;
}

#premium .view-more button {
  padding: 2px 8px;
  border: 1px solid #1a9992;
  color: #1a9992;
  background-color: #ffffff;
}

#premium .view-more button:hover {
  border: none;
  color: #ffffff;
  background-color: #1a9992;
}

.slick-prev,
.slick-next {
  background: rgba(255, 255, 255, 0.1);
  height: 50px;
  width: 50px;
  cursor: pointer !important;
  top: 106%;
}

.slick-next {
  left: 160px;
}

.slick-prev {
  left: 100px;
}

/* infinit scroll -------------------------------------------------*/

@-webkit-keyframes scroll {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(calc(-250px * 7));
    transform: translateX(calc(-250px * 7));
  }
}

@keyframes scroll {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(calc(-250px * 7));
    transform: translateX(calc(-250px * 7));
  }
}

.slider-gallery-main {
  overflow: hidden;
}

.slider-gallery-main .slide-track {
  -webkit-animation: scroll 40s linear infinite;
  animation: scroll 40s linear infinite;
  display: flex;
  width: calc(250px * 14);
}

.slider-gallery-main .slide-track-second {
  -webkit-animation: scroll 40s linear infinite;
  animation: scroll 40s linear infinite;
  display: flex;
  width: calc(250px * 14);
  margin-left: 50px;
}

.slider-gallery-main .slide-gallery {
  margin: 5px;
}

.img-fluid {
  border-radius: 8px;
  filter: brightness(0.7);
}

.slider .owl-item.active.center .slider-card {
  transform: scale(1.15);
  opacity: 1;
  background: #ff9966;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to bottom, #ff5e62, #ff9966);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to bottom, #ff5e62, #ff9966);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  color: #fff;
}

.slick-center {
  background: linear-gradient(133.65deg, #111111 0%, #1a9b92 225.66%);
}

.slick-center .details .content p {
  color: #eeeeee;
}

.slick-center .details .client-name .client-detail h6 {
  color: #747474;
}

.slick-center .details .client-name .client-detail h5 {
  color: #eeeeee;
}

.slick-profile .slick-next {
  opacity: 1;
  top: -33%;
  left: 92%;
  width: 70px;
  background-color: #f6f5f8;
}

.slick-profile .slick-prev {
  opacity: 1;
  background-color: #f6f5f8;
  top: -33%;
  width: 70px;
  left: 86%;
}
.slick-next:before {
  color: grey;
}
.slick-prev:before {
  color: grey;
}

.contact-text {
  width: unset;
}

.contact-forms {
  width: 84%;
}

.container.form-res {
  max-width: 100% !important;
}

.img-con {
  position: relative;
}

.first {
}

.middle {
  width: 39%;
}

.last {
  width: 34%;
}

.middle-img {
  margin-bottom: 20px;
}

.place-detail {
  position: absolute;
  bottom: 30px;
  left: 20px;
}

.place-detail h3 {
  color: #eeeeee;
  font-family: "dmsans-medium";
  font-size: 20px;
}

.place-detail h4 {
  color: #adadad;
  font-family: "dmsans-regular";
  font-size: 18px;
}

/* --------------package single page---------------- */

#detail-section {
  /*   position: absolute; */
  /* bottom: 15px; */
  width: 100%;
  margin-top: 50px;
}

.package-images {
}

.pack-con {
  margin-right: 20px;
}

.pac-buttons {
  display: flex;
  align-items: end;
  justify-content: flex-end;
  margin-top: 30px;
  display: none;
}

.arrows {
  cursor: pointer;
  padding: 6px 16px;
  /* background: #f6f5f8; */
  border: 2px solid rgba(116, 116, 116, 0.1);
  margin-right: 10px;
}

.arrows:hover {
  border: 2px solid rgba(26, 153, 146, 0.3);
}

.package-images .slick-next {
  right: 17px !important;
  top: 304px;
  opacity: 0;
  left: unset;
}

.package-images .slick-prev {
  right: 94px !important;
  top: 304px;
  opacity: 0;
  left: unset;
}

.pac-detail {
  /* margin-top: 14%; */
  width: 80%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.pac-detail .left-detail {
  margin-top: 50px;
  width: 70%;
  margin-right: 80px;
}

.pac-detail .left-detail .place {
  margin-bottom: 20px;
}

.pac-detail .left-detail .place img {
}

.pac-detail .left-detail .place span {
  color: #747474;
  font-size: 15px;
}

.pac-detail .left-detail .popular-facilities {


  border-bottom: 1px solid #d4d4d4;
  padding: 24px 0;
}
.pac-detail .left-detail .daily-activity{
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}













/*---------new codee- -----------*/
.faq{
  max-width: 700px;
  margin-top: 2rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #6c7577;
  cursor: pointer;
}
.days{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.days h4{
  font-size: 20px;
  font-weight: 500;
}
.details{
  max-height: 0;
  overflow: hidden;
  
}
.details p{
  padding-top: 1rem;
  line-height: 1.6;
  font-size: 17px;
  color: #747474;
  text-align: justify;
}
.faq.active .details{
  max-height: 100%;
}
.faq.active i{
  transform: rotate(180deg);
}

i{
  transition: transform 0.5s ease;
}
/*---------new codee- -----------*/












.pac-detail .left-detail .facilities .faci {
  display: flex;
  align-items: center;
  margin-right: 20px;
  border-left: 2px solid #e8e8e8;
}

.pac-detail .left-detail .facilities .faci .wifi-icon {
  width: 20px;
  margin-right: 5px;
  margin-left: 30px;
}

.pac-detail .left-detail .facilities .faci .wifi-icon img {
  display: block;
  width: 100%;
}

.pac-detail .left-detail .facilities .faci span {
  color: #111111;
}

.pac-detail .left-detail .popular-facilities {
  margin-top: 30px;
}

.pac-detail .left-detail .popular-facilities h2 {
  color: #0a0a0a;
  font-family: "dmsans-medium";
  font-size: 20px;
  margin-bottom: 10px;
}

.pac-detail .left-detail .popular-facilities p {
  color: #747474;
}

.pac-detail .left-detail .contact {
  margin-top: 30px;
}

.pac-detail .left-detail .contact h2 {
  color: #0a0a0a;
  font-family: "dmsans-medium";
  font-size: 20px;
  margin-bottom: 10px;
}

.pac-detail .left-detail .contact .contact-details {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.pac-detail .left-detail .contact .contact-details .title {
  color: #747474;
  font-family: "dmsnas-medium";
  display: flex;
  width: 50%;
  align-items: baseline;
  margin-bottom: 12px;
}

.pac-detail .left-detail .contact .contact-details .title span {
  color: #747474;
  margin-right: 5px;
  font-weight: 600;
}

.pac-detail .left-detail .contact .contact-details .title h5 {
  font-size: 16px;
}

.pac-detail .right-detail {
  width: 30%;
  margin-top: 50px;
}

.pac-detail .right-detail .price {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  border: 1px solid #d8d8d8;
  padding: 28px;
  border-radius: 8px;
  width: 100%;
  box-shadow: 10px 14px 54px 0px #0000000f;
}

.pac-detail .right-detail .price .price-value {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  width: 100%;
  margin-right: 0;
  /* border: 1px solid #D8D8D8; */
  /* padding: 10px; */
}

.pac-detail .right-detail .price .price-value .price-text {
  font-size: 18px;
  color: #747474;
  font-family: "Inter-Regular";
  margin-bottom: 0;
}

.pac-detail .right-detail .price .price-value span {
  color: #0a0a0a;
  font-family: "dmsans-medium";
  font-size: 30px;
  margin-bottom: 24px;
}

.pac-detail .right-detail .price .button {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background: #1a9992;
  color: #ffff;
  height: 50px;
}

.pac-detail .right-detail .price .button span {
}

.pac-detail .right-detail .price .button .arrow {
}

.pac-detail .right-detail .price .button .arrow img {
}

.pac-detail .right-detail .rating {
  display: flex;
  border: 1px solid #d8d8d8;
  margin-top: 30px;
  padding: 28px;
  /* justify-content: center; */
  align-items: center;
  box-shadow: 10px 14px 54px 0px #0000000f;
}

.pac-detail .right-detail .rating .rating-num {
  background: #fffad6;
  /* padding: 30px 20px; */
  width: 90px;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 20px;
}

.pac-detail .right-detail .rating .rating-num span {
  font-size: 20px;
  font-family: "dmsans-medium";
}

.pac-detail .right-detail .rating .rating-num img {
}

.pac-detail .right-detail .rating .rating-text {
  display: flex;
  flex-direction: column;
}

.pac-detail .right-detail .rating .rating-text h4 {
  font-size: 14px;
  color: #747474;
}

.pac-detail .right-detail .rating .rating-text span {
  font-size: 20px;
  font-family: "dmsans-medium";
}

#client-section {
  width: 80%;
  margin: 0 auto;
}

#client-section .top-section {
  display: flex;
  justify-content: space-between;
}

#client-section .top-section .rating {
  display: flex;
  /* border: 1px solid #d8d8d8; */
  margin-top: 30px;
  padding: 28px;
  /* justify-content: center; */
  align-items: center;
  /* box-shadow: 10px 14px 54px 0px #0000000f; */
}

#client-section .top-section .rating .rating-text {
}

#client-section .top-section .rating .rating-text span {
  font-size: 20px;
  font-family: "dmsans-medium";
}

#client-section .top-section .rating .rating-text h4 {
  font-size: 14px;
  color: #747474;
}

#client-section .top-section .rating-num {
  background: #fffad6;
  /* padding: 30px 20px; */
  width: 90px;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 20px;
  gap: 11px;
}

#client-section .top-section .rating-num span {
  font-size: 20px;
  font-family: "dmsans-medium";
}

#client-section .top-section .rating-num img {
  width: 25px;
}

#client-section .top-section h2 {
}

#client-section h2 {
  color: #0a0a0a;
  font-family: "dmsans-medium";
  font-size: 36px;
  margin-top: 80px;
}

#client-section .reviews {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#client-section .reviews .card-sec {
  background: #f7f7f7;
  width: 31.33%;
  padding: 35px;
  border-radius: 8px;
  margin-right: 20px;
  margin-bottom: 20px;
}

#client-section .reviews .card-sec .qoute {
  margin-bottom: 15px;
}

#client-section .reviews .card-sec .qoute img {
}

#client-section .reviews .card-sec p {
  color: #747474;
  margin-bottom: 20px;
  text-align: justify;
  /* border-bottom: 2px solid #D4D4D4; */
}
#client-section .reviews .card-sec .client-det {
  display: flex;
  justify-content: center;
  align-items: center;
  border-top: 2px solid #d4d4d4;
  white-space: nowrap;
}

#client-section .reviews .card-sec .client-det .cl-left {
  display: flex;
  align-items: center;
  margin-right: 20px;
  margin-top: 20px;
}

#client-section .reviews .card-sec .client-det .cl-left .img-con {
  width: 100px;
}

#client-section .reviews .card-sec .client-det .cl-left .client-detail {
  margin-left: 39px;
}

#client-section .reviews .card-sec .client-det .cl-left .client-detail h4 {
  color: #0a0a0a;
  font-size: 18px;
  margin-bottom: 0;
  /* margin-left: 10px; */
}

#client-section .reviews .card-sec .client-det .cl-left .client-detail span {
  color: #747474;
  font-size: 14px;
}

#client-section .reviews .card-sec .client-det .cl-right {
  white-space: nowrap;
}

#client-section .reviews .card-sec .client-det .cl-right img {
  width: 19px;
}
.footer-content div {
  width: 33.33%;
  display: flex;
}
.footer-content div:nth-child(2n) {
  justify-content: center;
}
.footer-content div:nth-child(3n) {
  justify-content: flex-end;
  white-space: nowrap;
}
.slick-dots {
  bottom: -50px;
}
.slick-dots li.slick-active button:before {
  color: #1a9b92;
  font-size: 9px;
}