*,
*::before,
*::after {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  list-style-type: none;
  text-decoration: none;
  outline: none;
  border: none;
  transition: all 0.4s ease;
}

*::selection {
  background: #5f3713;
  color: #fff;
}

img,
video {
  user-select: none;
}

html {
  font-size: 62.5%;
  scroll-behavior: smooth;
  scroll-padding-top: 5rem;
}

html::-webkit-scrollbar {
  width: .5rem;
}

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

html::-webkit-scrollbar-thumb {
  background: #5e3612;
}

/* global classes */

body {
  font-family: "Poppins", sans-serif;
  background: #f7fff7;
  opacity: 1;
  -webkit-animation: fadein 0.8s !important;
  /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: fadein 0.8s !important;
  /* Firefox < 16 */
  -ms-animation: fadein 0.8s !important;
  /* Internet Explorer */
  -o-animation: fadein 0.8s !important;
  /* Opera < 12.1 */
  animation: fadein 0.8s !important;
}

@keyframes fadein {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

/* Internet Explorer */
@-ms-keyframes fadein {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

section {
  padding: 3rem 9%;
}

.btn {
  display: inline-block;
  padding: 0.9rem 3rem;
  border-radius: 0.2rem;
  color: #7e5545 !important;
  text-transform: uppercase;
  background: #f7fff7;
  font-family: "Lexend Deca";
  font-size: 1.7rem;
  margin: 1rem;
  cursor: pointer;
  border: 1px solid #eeebe4;
  box-shadow: rgba(0, 0, 0, 0.04) 0px 2px 5px;
}

.btn:hover {
  background: #fcf4f1;
  color: #1e1c2a;
}

/* trans--btn */

a.bottom--content-btn {
  display: inline-block;
  position: relative;
  font-family: "Lexend Deca";
  text-align: center;
  font-size: 1.6rem;
}

.bottom--content-btn {
  width: auto;
  color: #fff;
  padding-left: 1.2rem;
  padding-right: 1.25rem;
  cursor: pointer;
  text-shadow: 1px 1px 1px #444;
  white-space: nowrap;
  transition: color 0.2s ease-in-out, opacity 0.2s ease-in-out,
    background 0.2s ease-in-out, border-color 0.2s ease-in-out;
}

.bottom--content-btn {
  display: inline-block;
  position: relative;
  margin: 0.3125rem 0.9375rem 0.3125rem 0;
  background: #0000004b;
  border: 1px solid #cccccccc;
  color: #fff;
  line-height: 2rem;
  border-radius: 0.3rem;
}

.bottom--content-btn .text {
  display: inline-block;
  font-weight: bold;
  font-size: 1.4rem !important;
  text-transform: uppercase;
  padding: 1rem 1.5rem;
  transition: color 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}

.bottom--content-btn span::after {
  content: "›";
  display: block;
  position: absolute;
  top: 0.9575rem;
  right: 1.55rem;
  font-size: 2.35rem;
}

.bottom--content-btn:hover {
  opacity: 1;
  background-color: #fff;
  color: #444;
  text-shadow: none;
}

.routes {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.routes .tems {
  margin: 0 0.1rem;
}

.routes li {
  display: flex;
  align-items: center;
  justify-content: center;
  justify-items: center;
  color: #2e2e2e;
  font-size: 1.9rem;
  font-family: "Lexend Deca";
  padding: 0 0.5rem;
}

.routes li a {
  color: #0a3a39;
}

.package-top h3 {
  color: #684b2f;
  padding-bottom: 1rem;
  font-family: "Lexend Deca";
  font-size: 3rem;
  font-weight: 700;
}

.package-top h4 {
  color: #684b2f;
  line-height: 1.4;
  font-size: 1.8rem;
  font-weight: 700;
}

.routes li::after {
  content: ">>";
  color: #2e2e2e;
  font-weight: 700;
  font-size: 1.4rem;
  margin: 0 0.45rem;
}

.routes li:last-child::after {
  content: "";
}

.top--heading {
  text-align: center;
  margin-bottom: 0.5rem;
}

.top--heading h4 {
  position: relative;
  text-align: center;
  display: inline-block;
  font-size: 2rem;
  color: #444;
  letter-spacing: 0.1rem;
  font-family: "Sofia Pro";
}

.top--heading .heading--title::before {
  position: absolute;
  content: "";
  width: 40px;
  height: 3px;
  top: 50%;
  left: -48px;
  background: #3c4043;
}

.top--heading .heading--title::after {
  position: absolute;
  content: "";
  width: 40px;
  height: 3px;
  top: 50%;
  right: -48px;
  background: #3c4043;
}

.top--heading p {
  font-family: "sulphur point";
  font-weight: 600;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  color: #1f1e24;
  font-size: 1.7rem;
}

.heading,
.heading-seregeti,
.heading-machame-route,
.heading-ngorongoro,
.heading-contact-us,
.heading-kilimanjaro,
.heading-zanzibar,
.heading-tarangire,
.heading-ruaha,
.heading-booking,
.heading--about {
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
    url(../assets/mbr-1440x1080.jpg) no-repeat;
  background-position: center;
  background-size: cover;
  text-align: center;
  display: flex;
  padding: 0 4%;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  flex-flow: column;
  min-height: 25rem;
}

.heading--destination,
.heading--banner {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 1rem;
  flex-flow: column;
  background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.2)),
    url(../assets/tragelaphus-safari-and-tours-3-days-selous-game-reserve.webp) no-repeat;
  background-position: bottom;
  background-size: cover;
  text-align: start;
  padding: 0 8%;
  min-height: 25rem;
}

.heading--destination.subscription {
  background: linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)),
    url(../assets/subscription-tembo.webp) no-repeat;
  background-position: center;
  background-size: cover;
}

.heading--about {
  background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.2)),
    url('../assets/tragelaphus-safari-and-tours-3-days-selous-game-reserve.webp') no-repeat;
  background-position: bottom;
  background-size: cover;
}

.easy-surf li {
  display: inline-block;
}

.easy-surf li a {
  font-family: "Lexend Deca";
  margin: 0 5px;
  font-size: 1.55rem;
  color: #fcf6ed;
  text-decoration: underline !important;
}

@media screen and (max-width: 768px) {
  .easy-surf {
    margin-bottom: 1rem;
  }
}

.heading-contact-us {
  background: url(../assets/3-Days-Safari-Selous-Game-Reserve.jpg) no-repeat center center / cover;
}

.heading-booking {
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
    url(../_assets/tanzania-safaris.jpg) no-repeat center center / cover;
}

.heading h3,
.heading--destination h3 {
  font-family: "Prata";
  font-size: 3rem;
  color: #f0ffff;
  text-transform: capitalize;
}

.heading h5,
.heading--destination h5 {
  font-family: "IBM Selectric Manifold";
  font-size: 2.4rem;
  padding: 0.4rem 0;
  color: #bff1f1;
  text-transform: capitalize;
}

.heading p,
.heading--destination p {
  margin-bottom: 2rem;
}

.heading p a,
.heading--destination p a {
  font-family: "karla";
  text-transform: uppercase;
  text-decoration: underline !important;
  font-size: 1.8rem;
  color: #fcf6ed;
}

.heading p span,
.heading--destination span {
  font-size: 1.2rem;
  color: #f0ffff;
}

.heading p a:hover,
.heading--destination li a:hover {
  color: #b4ffff;
  transform: translateX(1px);
}

/* page--top */

.top-home {
  position: fixed;
  right: -10%;
  bottom: 17%;
  background: #8a9e9485;
  border: 1px solid #010f0d20;
  border-radius: 0.3rem;
  z-index: 6;
  opacity: 0;
  cursor: pointer;
  transition: all 0.4s ease-in-out !important;
}

.top-home span i {
  color: #1e1c2a;
  line-height: 2.4rem;
  border-radius: 0.4rem;
  font-size: 2.4rem;
  padding: 0.9rem 0.8rem;
  font-weight: 600;
  text-shadow: 1px 1px #f4f4f46b;
}

.top-home.tip-top-home {
  right: 7%;
  opacity: 1;
}

/* internet--detection */

.detectInternet {
  position: fixed;
  top: calc(100% - 50%);
  left: 5%;
  z-index: 1000;
  /* transform: translate(-50%, -50%); */
  -moz-animation: show-internet-detector 1s ease forwards;
  -ms-animation: show-internet-detector 1s ease forwards;
  -webkit-animation: show-internet-detector 1s ease forwards;
  -o-animation: show-internet-detector 1s ease forwards;
  animation: show-internet-detector 1s ease forwards;
}

@keyframes show-internet-detector {
  0% {
    transform: translateX(-100%);
  }

  40% {
    transform: translateX(10%);
  }

  80%,
  100% {
    transform: translateX(3%);
  }
}

.detectInternet.hide-internet-detector {
  -moz-animation: show-internet-detector 1s ease forwards;
  -ms-animation: show-internet-detector 1s ease forwards;
  -webkit-animation: show-internet-detector 1s ease forwards;
  -o-animation: show-internet-detector 1s ease forwards;
  animation: hide-internet-detector 1s ease forwards;
}

@keyframes hide-internet-detector {
  0% {
    transform: translateX(3%);
  }

  40% {
    transform: translateX(10%);
  }

  80%,
  100% {
    opacity: 0;
    pointer-events: none;
    transform: translateX(-100%);
  }
}

.detectInternet .popupInternet {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #f7fff7;
  padding: 8px;
  border-radius: 0.3rem;
  width: 280px;
  border-left: 3px solid #2ecc71;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px,
    rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}

.detectInternet .popupInternet.status--offline {
  border-color: #ccc;
}

.detectInternet .popupInternet .wifi--content {
  display: flex;
  align-items: center;
}

.popupInternet .wifi--content .wifi--icon {
  text-align: center;
  font-size: 2rem;
  background: #2ecc71;
  height: 4rem;
  width: 4rem;
  line-height: 4rem;
  border-radius: 50%;
  color: #faebd7;
}

.popupInternet.status--offline .wifi--content .wifi--icon {
  background: #ccc;
}

.popupInternet .wifi--content .wifi--details {
  margin-left: 0.7rem;
}

.popupInternet .wifi--content .wifi--details span {
  font-size: 2rem;
  font-weight: 800;
  color: #034b01;
  font-family: "Abel";
}

.popupInternet .wifi--content .wifi--details p {
  font-size: 1.3rem;
  color: #646464;
}

.popupInternet .wifi--close-icon {
  background: #f7fff7;
  font-size: 2rem;
  height: 30px;
  width: 30px;
  line-height: 30px;
  text-align: center;
  cursor: pointer;
  color: #878787;
  border-radius: 50%;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 2px 0px;
}

@media screen and (max-width: 991px) {
  .popupInternet .wifi--content .wifi--icon {
    font-size: 2.4rem;
    height: 4rem;
    width: 4rem;
    line-height: 4rem;
  }

  .popupInternet .wifi--content .wifi--details span {
    font-size: 2.2rem;
  }

  .popupInternet .wifi--content .wifi--details p {
    font-size: 1.5rem;
  }

  .popupInternet .wifi--close-icon {
    font-size: 2.2rem;
  }
}

/* global classes end*/

/* header */

.header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  padding: 0.25rem 8%;
  /*1.5rem*/
  z-index: 7;
}

.alt--header {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #f4ffff;
  width: 100%;
  padding: 0.25rem 8%;
  z-index: 7;
}

.header:hover,
.alt--header:hover {
  background: #f4ffff;
}

.alt--header.header-is--active {
  position: fixed;
}

.header {
  background-color: rgba(137, 36, 30, 0.1);
}

.alt--header {
  box-shadow: 0px 0px 4px 0px #d8d7d71c;
  border-bottom: 1px solid #2e2e2e09;
}

.header.active,
.alt--header.header-is--active {
  background: #f4ffff;
  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
}

.header:hover .navbar a,
.alt--header:hover .navbar a {
  color: #655d56;
  filter: none;
}

.header:hover .icons a,
.header:hover .icons div,
.header:hover .navbar a,
.alt--header:hover .icons a,
.alt--header:hover .icons div,
.alt--header:hover .navbar a {
  color: #655d56;
  filter: none;
}

.header.active .navbar a,
.alt--header.active .navbar a {
  color: #655d56;
  filter: drop-shadow(-3px -3px 2px rgba(255, 255, 255, 0.01)) drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.01)) drop-shadow(6px 6px 6px rgba(0, 0, 0, 0.01));
}

.alt--header .navbar a {
  margin-left: 1.2rem;
  font-size: 1.4rem;
  font-weight: 600;
  color: #655d56;
  font-family: "Sen";
  text-transform: uppercase;
}

.alt--header .icons a,
.alt--header .icons div {
  font-size: 2rem;
  margin-left: 2rem;
  cursor: pointer;
  caret-color: transparent;
  color: #0a3a39;
  color: #655d56;
}

.header .navbar a {
  margin-left: 1.2rem;
  font-size: 1.5rem;
  font-weight: 600;
  color: #655d56;
  font-family: "Sen";
  text-transform: uppercase;
  color: #f5fffb;
  filter: drop-shadow(rgba(255, 255, 255, 0.25) -3px -3px 2px) drop-shadow(rgba(0, 0, 0, 0.25) 4px 4px 4px) drop-shadow(rgba(0, 0, 0, 0.25) 6px 6px 6px);
}

.navbar a i {
  font-size: 1.25rem;
  margin-right: .2rem;
}

.drop--down-pin {
  position: absolute;
  top: 100%;
  transform: translateY(-15px);
  width: 100%;
  height: 100%;
  left: 45px;
  opacity: 0;
  cursor: pointer;
  visibility: hidden;
  pointer-events: none;
  transition: all 0.4s ease;
}

.drop--down-pin i {
  color: #655d56;
  font-size: 1.65rem;
  font-weight: 700;
}

.active .drop--down-pin i {
  color: #655d56;
}

.nav--links {
  display: flex;
}

.nav--links>li {
  margin-left: 1rem;
}

.drop--down-link {
  position: relative;
}

.drop--down-nav {
  position: absolute;
  /* top: 100%; */
  top: 160%;
  left: 0;
  transform: translateY(30px);
  background: #f4ffff;
  border-radius: 0;
  box-shadow: 0 6px 6px rgba(0, 0, 0, 0.05);
  border-bottom: 2px solid #e5e5e5;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: all 0.4s ease;
  width: 19rem;
  z-index: 2;
}

.drop--down-nav::before {
  position: absolute;
  top: -15px;
  content: "";
  display: block;
  background: transparent;
  /* background: #0000004b; */
  cursor: pointer;
  height: 4rem;
  width: 10rem;
  /* pointer-events: none; */
}

.drop--down-link:hover .drop--down-nav,
.drop--down-pin:hover .drop--down-nav {
  opacity: 1;
  visibility: visible;
  pointer-events: initial;
  transform: translateY(17px);
}

.drop--down-link:hover .drop--down-pin {
  transform: translateY(0px);
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  transition: all 0.4s ease;
}

.drop--down-list,
.sub--drop-down-list {
  width: 100%;
  /* cursor: pointer; */
  padding: 10px 8px;
  border-bottom: 1px dotted #655d5698;
}

.drop--down-list:hover,
.sub--drop-down-list:hover {
  background: #e9f5f7;
}

.active .drop--down-list,
.active .sub--drop-down-list {
  border-bottom: 1px dotted #655d5698;
}

.active .drop--down-list:hover,
.active .sub--drop-down-list:hover {
  background: #e9f5f7;
}

.drop--down-list:last-child,
.sub--drop-down-list:last-child {
  border: none;
}

.list--contents {
  width: 100%;
  height: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
}

.list--contents a {
  height: 100%;
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
}

.list--contents a {
  margin: 0 !important;
  font-weight: 600 !important;
  font-family: "Lexend Deca";
  font-size: 1.25rem !important;
  text-transform: capitalize !important;
}

.list--contents i {
  transform: translateX(-5px);
}

.list--contents i {
  color: #655d56;
  font-weight: 600;
  font-size: 1.45rem !important;
}

.drop--down-list span,
.sub--drop-down-list a {
  color: #655d56;
  font-weight: 600 !important;
  font-family: "Lexend Deca";
  font-size: 1.25rem !important;
}

.active .drop--down-list span,
.active .sub--drop-down-list a,
.active .list--contents i {
  color: #655d56;
}

.sub--drop-down {
  position: absolute;
  top: 1.5%;
  left: 100%;
  margin-left: 0.1rem;
  transform: translateX(10px);
  background: #f4ffff;
  border-radius: 0;
  box-shadow: 0 6px 6px rgba(0, 0, 0, 0.05);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: all 0.4s ease;
  width: 22rem;
}

.sub--drop-down.package-sec {
  top: 23.5% !important;
}

.sub--drop-down.package-third {
  top: 43% !important;
}

.sub--drop-down.package-fourth {
  top: 62.4% !important;
}

.package--firth {
  top: 81.2% !important;
}

.sub--drop-down.destinations--list {
  top: 6% !important;
}

.sub--drop-down.destination-sec {
  top: 30% !important;
}

.sub--drop-down.destination-third {
  top: 53.4% !important;
}

.sub--drop-down.destination-fourth {
  top: 77% !important;
}

.active .sub--drop-down {
  background: #f4ffff;
  border-bottom: 2px solid #e5e5e5;
}

.drop--down-list:hover .sub--drop-down {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  transform: translateX(0px);
}

.header .navbar a:hover,
.alt--header .navbar a:hover {
  opacity: 0.8;
}

.header .navbar #nav-close,
.alt--header .navbar #nav-close {
  font-size: 5rem;
  cursor: pointer;
  color: #655d56;
  display: none;
}

.header .icons {
  margin-top: 0.55rem;
}

.header .icons a,
.header .icons div {
  font-size: 2rem;
  margin-left: 2rem;
  cursor: pointer;
  color: #f5fffb;
}

@media screen and (max-width: 768px) {

  .header .icons a,
  .header .icons div {
    font-size: 2.5rem;
  }

  .alt--header .icons a,
  .alt--header .icons div {
    font-size: 2.5rem;
  }
}

.header.active .icons a,
.header.active .icons div {
  color: #655d56;
}

.header .icons a:hover,
.header .icons div:hover {
  opacity: 0.8;
}

.header #menu-btn,
.alt--header #menu-btn {
  display: none;
  caret-color: transparent;
}

@media only screen and (max-width: 991px) {
  html {
    font-size: 55%;
    scroll-padding-top: 7rem;
  }

  .home .home-container {
    padding: 2rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-position: right !important;
  }

  .home-container.home-bg {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-position: center !important;
  }

  .content .home--title {
    font-size: 3rem;
  }

  .home .home-container .content h3 {
    font-size: 2.5rem;
  }
}

@media only screen and (max-width: 768px) {

  .header #menu-btn,
  .alt--header #menu-btn {
    display: inline-block;
  }

  .header,
  .alt--header {
    justify-content: center;
  }

  .header .logo,
  .alt--header .logo {
    margin-right: auto;
  }

  .logo>img {
    filter: drop-shadow(0 0 2px #fff) !important;
  }

  .header .navbar .nav--links,
  .alt--header .navbar .nav--links {
    display: none;
  }

  .header .navbar.active {
    left: 0;
    -webkit-box-shadow: 0 0 0 100vw rgba(0, 0, 0, 0.8);
    box-shadow: 0 0 0 100vw rgba(0, 0, 0, 0.8);
  }

  .header .navbar a {
    margin: 1rem 0;
    font-size: 3rem;
  }

  .header .navbar #nav-close {
    display: block;
    position: absolute;
    top: 1rem;
    right: 2rem;
  }
}

@media only screen and (max-width: 450px) {

  .packages-container .package-card,
  .safaris-container .safari-card,
  .destinations-container .destinations-card {
    max-width: 400px;
  }

  .heading {
    font-size: 3rem;
  }
}

.safari-card .price {
  text-align: center;
  padding-bottom: 8px;
}

.safari-card .price strong {
  font-family: "Lexend Deca";
  font-size: 1.5rem;
  font-weight: 600;
  color: #5e3b1a;
  filter: drop-shadow(0 0 1px rgba(94, 59, 26, 0.3));
}

.enable-load-effects .Mobile-overlay {
  -webkit-animation: anim-opacity-99 525ms linear;
  animation: anim-opacity-99 525ms linear;
}

.Mobile-overlay {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: -99999px;
  z-index: 1010;
  width: 100%;
  -webkit-transition: left 0s 525ms,
    background-color 350ms cubic-bezier(0.55, 0, 0.1, 1) 175ms;
  -moz-transition: left 0s 525ms,
    background-color 350ms cubic-bezier(0.55, 0, 0.1, 1) 175ms;
  -ms-transition: left 0s 525ms,
    background-color 350ms cubic-bezier(0.55, 0, 0.1, 1) 175ms;
  -o-transition: left 0s 525ms,
    background-color 350ms cubic-bezier(0.55, 0, 0.1, 1) 175ms;
  transition: left 0s 525ms,
    background-color 350ms cubic-bezier(0.55, 0, 0.1, 1) 175ms;
}

.is-mobile-overlay-active .Mobile-overlay {
  left: 0;
  background: #f5fffa;
  -webkit-transition: left 0s,
    background-color 350ms cubic-bezier(0.55, 0, 0.1, 1);
  -moz-transition: left 0s, background-color 350ms cubic-bezier(0.55, 0, 0.1, 1);
  -ms-transition: left 0s, background-color 350ms cubic-bezier(0.55, 0, 0.1, 1);
  -o-transition: left 0s, background-color 350ms cubic-bezier(0.55, 0, 0.1, 1);
  transition: left 0s, background-color 350ms cubic-bezier(0.55, 0, 0.1, 1);
}

.tweak-mobile-overlay-slide-origin-left.is-mobile-overlay-active .Mobile-overlay-menu {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: -webkit-transform 350ms cubic-bezier(0.55, 0, 0.1, 1);
  transition: -webkit-transform 350ms cubic-bezier(0.55, 0, 0.1, 1);
  -webkit-transition: transform 350ms cubic-bezier(0.55, 0, 0.1, 1);
  -moz-transition: transform 350ms cubic-bezier(0.55, 0, 0.1, 1);
  -ms-transition: transform 350ms cubic-bezier(0.55, 0, 0.1, 1);
  -o-transition: transform 350ms cubic-bezier(0.55, 0, 0.1, 1);
  transition: transform 350ms cubic-bezier(0.55, 0, 0.1, 1);
}

.tweak-mobile-overlay-slide-origin-left .Mobile-overlay-menu {
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  -o-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  -webkit-transition: -webkit-transform 350ms cubic-bezier(0.55, 0, 0.1, 1) 175ms;
  transition: -webkit-transform 350ms cubic-bezier(0.55, 0, 0.1, 1) 175ms;
  -webkit-transition: transform 350ms cubic-bezier(0.55, 0, 0.1, 1) 175ms;
  -moz-transition: transform 350ms cubic-bezier(0.55, 0, 0.1, 1) 175ms;
  -ms-transition: transform 350ms cubic-bezier(0.55, 0, 0.1, 1) 175ms;
  -o-transition: transform 350ms cubic-bezier(0.55, 0, 0.1, 1) 175ms;
  transition: transform 350ms cubic-bezier(0.55, 0, 0.1, 1) 175ms;
}

.Mobile-overlay-menu {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  overflow: hidden;
  /* background: #fcf8e6; */
  background-color: #f7fafc;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: auto;
}

.main--menu-bottom {
  position: absolute;
  bottom: 1rem;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  -moz-box-pack: center;
  -moz-box-align: center;
  text-align: center;
  padding: 55px;
  border-top: 1px solid #d7d3cc4f;
  z-index: 99;
}

.menu-bottom--social-icons {
  display: flex;
  margin: 20px 0px 0px;
}

.menu-bottom--social-icons .share--icons {
  margin-left: 5px;
  margin-right: 5px;
  font-size: 16px;
}

.menu-bottom--social-icons a i {
  padding: 1rem;
  text-align: center;
  font-size: 2.5rem;
  color: #0a3a39;
  margin: 0 0.25rem;
  border-radius: 50%;
  border-bottom: 1px solid #50394c42;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 2px 0px;
}

.menu-bottom--social-icons .default--bottom-text {
  padding: 0.2rem 0.4rem;
}

.menu-bottom--social-icons span {
  font-size: 12px;
  font-family: "Lexend Deca";
  line-height: 1.2;
  color: #424242;
}

.main--menu-bottom .default--bottom-text span a {
  color: #0a3a39 !important;
}

.Mobile-overlay-menu-main {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  padding: 36px;
  padding-bottom: 1px;
  overflow: hidden;
  -webkit-transition: -webkit-transform 350ms cubic-bezier(0.55, 0, 0.1, 1);
  transition: -webkit-transform 350ms cubic-bezier(0.55, 0, 0.1, 1);
  -webkit-transition: transform 350ms cubic-bezier(0.55, 0, 0.1, 1);
  -moz-transition: transform 350ms cubic-bezier(0.55, 0, 0.1, 1);
  -ms-transition: transform 350ms cubic-bezier(0.55, 0, 0.1, 1);
  -o-transition: transform 350ms cubic-bezier(0.55, 0, 0.1, 1);
  transition: transform 350ms cubic-bezier(0.55, 0, 0.1, 1);
}

.has-active-folder .Mobile-overlay-menu-main {
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  -o-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

.Mobile-overlay-nav-item,
.Mobile-overlay-folder-item {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  position: relative;
  width: 100%;
  padding-bottom: 0.618em;
  text-align: left;
}

.Mobile-overlay-nav-item,
.Mobile-overlay-folder-item {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  position: relative;
  width: 100%;
  padding-bottom: 0.618em;
  text-align: left;
}

.Mobile-overlay-nav-item--folder,
.Mobile-overlay-folder-item--toggle,
.Mobile-overlay-folder-item--back,
.Mobile-overlay-folder-item--sub-menu {
  outline: 0;
  border: 0;
  padding: 0;
  padding-bottom: 0px;
  background-color: transparent;
  text-transform: inherit;
  letter-spacing: inherit;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
}

.Mobile-overlay-nav-item,
.Mobile-overlay-folder-item {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  position: relative;
  width: 100%;
  padding-bottom: 0.8em;
  text-align: left;
}

.Mobile-overlay-nav .Mobile-overlay-nav-item {
  font-family: "Lexend Deca";
  font-size: 2rem;
  line-height: 2.4em;
  color: #0a3a39;
}

.Mobile-overlay-folder.is-active-folder {
  z-index: 2;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.Mobile-overlay-folder-items.is-active-folder-items {
  z-index: 3;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.Mobile-overlay-folder,
.Mobile-overlay-folder-items {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  padding: 36px;
  overflow: auto;
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  -o-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  -webkit-transition: -webkit-transform 350ms cubic-bezier(0.55, 0, 0.1, 1);
  transition: -webkit-transform 350ms cubic-bezier(0.55, 0, 0.1, 1);
  -webkit-transition: transform 350ms cubic-bezier(0.55, 0, 0.1, 1);
  -moz-transition: transform 350ms cubic-bezier(0.55, 0, 0.1, 1);
  -ms-transition: transform 350ms cubic-bezier(0.55, 0, 0.1, 1);
  -o-transition: transform 350ms cubic-bezier(0.55, 0, 0.1, 1);
  transition: transform 350ms cubic-bezier(0.55, 0, 0.1, 1);
}

.sub-menu.has-active-folder {
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  -o-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

.Mobile-overlay-folder-item {
  color: #0a3a39;
}

.Mobile-overlay-folder-item {
  font-family: "Lexend Deca";
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
  line-height: 2.4em;
  color: #614c41;
}

.Mobile-overlay-folder-item--sub-menu,
.Mobile-overlay-folder-item--toggle,
.Mobile-overlay-folder-item--back {
  font-family: "Lexend Deca";
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
  line-height: 2.4em;
}

.Mobile-overlay-folder-item i,
button .Mobile-overlay-nav-item--folder-label i {
  font-size: 12px;
}

.Mobile-overlay-nav-item--folder-label a {
  color: #614c41;
}

.Mobile-overlay-folder-item--toggle {
  padding-bottom: 1.618em;
}

.Mobile-overlay-nav-item,
.Mobile-overlay-folder-item {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  position: relative;
  width: 100%;
  padding-bottom: 0.618em;
  text-align: left;
}

.Mobile-overlay-nav-item,
.Mobile-overlay-folder-item {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  position: relative;
  width: 100%;
  padding-bottom: 0.618em;
  text-align: left;
}

.Mobile-overlay-close {
  outline: 0;
  border: 0;
  background-color: transparent;
  text-transform: inherit;
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  padding: 20px;
  border-bottom: 1px solid #f5fffa;
  border-left: 1px solid #f5fffa;
  line-height: 0;
}

.tweak-mobile-overlay-slide-origin-left .Mobile-overlay-close {
  right: 0;
}

.tweak-mobile-overlay-close-show .Mobile-overlay-close {
  display: block;
  z-index: 5;
}

.is-mobile-overlay-active .Mobile-overlay-close {
  background-color: #fcf8e63e;
  color: #8c9292;
  box-shadow: rgba(0, 0, 0, 0.09) 0px 1px 4px;
  font-size: 3.5rem !important;
}

.tweak-mobile-overlay-slide-origin-left.is-mobile-overlay-active .Mobile-overlay-menu {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: -webkit-transform 350ms cubic-bezier(0.55, 0, 0.1, 1);
  transition: -webkit-transform 350ms cubic-bezier(0.55, 0, 0.1, 1);
  -webkit-transition: transform 350ms cubic-bezier(0.55, 0, 0.1, 1);
  -moz-transition: transform 350ms cubic-bezier(0.55, 0, 0.1, 1);
  -ms-transition: transform 350ms cubic-bezier(0.55, 0, 0.1, 1);
  -o-transition: transform 350ms cubic-bezier(0.55, 0, 0.1, 1);
  transition: transform 350ms cubic-bezier(0.55, 0, 0.1, 1);
}

.tweak-mobile-overlay-slide-origin-left .Mobile-overlay-menu {
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  -o-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  -webkit-transition: -webkit-transform 350ms cubic-bezier(0.55, 0, 0.1, 1) 175ms;
  transition: -webkit-transform 350ms cubic-bezier(0.55, 0, 0.1, 1) 175ms;
  -webkit-transition: transform 350ms cubic-bezier(0.55, 0, 0.1, 1) 175ms;
  -moz-transition: transform 350ms cubic-bezier(0.55, 0, 0.1, 1) 175ms;
  -ms-transition: transform 350ms cubic-bezier(0.55, 0, 0.1, 1) 175ms;
  -o-transition: transform 350ms cubic-bezier(0.55, 0, 0.1, 1) 175ms;
  transition: transform 350ms cubic-bezier(0.55, 0, 0.1, 1) 175ms;
}

@media screen and (max-width: 768px) {
  .Mobile-overlay {
    display: block;
  }
}

/* home */

.home {
  position: relative;
  padding: 0 !important;
  width: 100%;
  height: auto;
}

.home .home-container {
  position: relative;
  min-height: calc(100vh - 2rem);
  height: 100%;
  backface-visibility: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* flex-wrap: wrap; */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-size: cover !important;
  background-position: center !important;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 2rem 9%;
}

.home-slides .home-slider {
  position: relative;
  width: 100%;
  backface-visibility: hidden;
  transition: all 0.4s ease !important;
}

/* home animations */
.fade-one {
  -webkit-animation: fade-one 0.6s ease;
  animation: fade-one 0.6s ease;
}

@keyframes fade-one {
  0% {
    opacity: 0.1;
  }

  30% {
    opacity: 0.25;
  }

  50% {
    opacity: 0.45;
  }

  70% {
    opacity: 0.85;
  }

  100% {
    opacity: 1;
  }
}

.home-slider {
  display: none;
}

.home-slider.active {
  display: block;
}

.home .home-container.home-bg {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.home-container .slide--credibility {
  padding-left: 20rem;
}

.home-container .slide--credibility img {
  width: 150px;
  height: 150px;
  object-fit: contain;
  filter: drop-shadow(0 0 3px #cac9c9);
}

@media screen and (max-width: 1145px) {
  .home-container .slide--credibility {
    padding-left: 0rem;
  }
}

.home .home-container .content {
  width: 60rem;
  padding-top: 2.4rem;
}

.content .home--title {
  font-size: 3rem;
  color: #fdfff3;
  font-weight: bold;
  margin-block-start: 0.83em;
  margin-block-end: 0.83em;
  font-family: "Nunito", sans-serif;
  text-transform: uppercase;
}

.bottom--content-subheader {
  font-size: 2rem;
  font-family: "Nunito";
  color: #fff;
  margin-bottom: 0.5rem;
  font-weight: bold;
}

.home .home-container .content h1,
.home .home-container .content h4,
.home .home-container .content .home--title {
  /* filter: drop-shadow(-3px -3px 2px rgba(255, 255, 255, 0.25)) drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.25)) drop-shadow(6px 6px 6px rgba(0, 0, 0, 0.25)); */
  filter: drop-shadow(-3px -3px 2px rgba(255, 255, 255, 0.2)) drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.2)) drop-shadow(6px 6px 6px rgba(0, 0, 0, 0.2));
  color: #fff !important;
}

.bottom--content-header {
  font-size: calc(1.525rem + 1.5vw);
  text-align: left;
  color: #fff;
  font-family: "Nunito";
  text-transform: uppercase;
  margin: 0 0 1rem auto;
  font-weight: bolder;
}

@media only screen and (max-width: 768px) {
  .home .home-container {
    min-height: 450px;
  }

  .home-container .slide--credibility img {
    width: 100px;
    height: 100px;
  }
}

@media only screen and(max-width: 450px) {
  .home .home-container {
    position: relative;
    min-height: 300px;
  }

  .home-container .slide--credibility img {
    width: 80px;
    height: 80px;
  }
}

.content a.btn {
  font-family: "Lexend Deca" !important;
  font-weight: 600;
}

.home--slider-dots {
  position: absolute;
  bottom: 12%;
  left: 50%;
  margin: 0 auto;
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  text-align: center;
  justify-content: center;
  transform: translate(-50%, 50%);
  z-index: 6;
}

.the-dot {
  cursor: pointer;
  caret-color: transparent;
  opacity: 1;
  padding: 6.5px 6.5px 6.5px 6.5px;
  box-shadow: none;
  border: 1px solid rgba(0, 0, 0, 0.3);
  background: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  margin: 8px;
  transition: all 0.4s ease;
}

.the-dot.is--active-dot,
.the-dot:hover,
.the-dot:focus {
  background: #ffffff;
  border: 2px solid rgba(0, 0, 0, 0.4);
}

.the-dot.is--active-dot {
  cursor: default;
}

@media screen and (max-width: 768px) {
  .home--slider-dots {
    margin: 5px;
    bottom: 10% !important;
  }

  .the-dot {
    margin: 3.5px;
  }
}

/* About */

.about {
  padding-top: 1rem !important;
}

.about h2 {
  font-family: "IBM Selectric Manifold";
  font-family: "Prata";
  font-size: 2.95rem;
  margin: 0.4rem;
  text-align: center;
  color: #674d3c;
}

.tragelaphus-picture {
  text-align: center;
}

.about .small-title {
  text-align: center;
  padding: 1rem 0;
}

.about .small-title strong {
  color: #473320;
  font-size: 2.4rem;
  font-family: "Lexend Deca";
}

.about .about-content {
  text-align: center;
  padding-right: 8%;
  padding-left: 8%;
  width: 100%;
}

.about-content:not(:last-child) {
  padding-bottom: 2rem;
}

.about .about-content a {
  padding-bottom: 2px;
  font-weight: 600;
  color: #9a7121;
  font-family: "Lexend Deca";
  font-size: 1.65rem;
  font-weight: 400;
  text-align: center !important;
}

.about .about-content a {
  transition: all 0.4s ease;
}

.about .about-content a:hover i {
  transform: translateX(5px);
}

.about .about-content .brief {
  font-family: "Lexend Deca";
  font-size: 1.65rem;
  font-weight: 400;
  color: #283618;
  text-align: justify;
  padding: 0.4rem 0;
}

.about-content .tragelaphus-title {
  text-align: center;
  font-family: "Abel";
  font-size: 2rem;
  font-weight: 600;
  color: #053130;
  padding: 1rem;
}

@media only screen and (max-width: 768px) {
  .about .about-content {
    padding-right: 5%;
    padding-left: 5%;
  }

  .about-content:not(:last-child) {
    padding-bottom: 1rem;
  }
}

/* about--page */

.accordion--container-body {
  margin: 2rem;
}

.accordion--container-body:not(:last-child) {
  border-bottom: 1px solid #c5c5c52d;
}

@media (min-width: 981px) {
  .accordion--container-body {
    margin-bottom: 3%;
  }
}

@media (max-width: 980px) {
  .accordion--container-body {
    margin-bottom: 25px;
    margin: 2rem 0rem;
  }
}

.accordion--container-body {
  position: relative;
  height: 100%;
  padding: 10px;
}

.accordion--container-title {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.accordion--container-title h5 {
  color: #333 !important;
  /* font-weight: 600 !important; */
  font-size: 1.6rem !important;
  font-family: "Prata" !important;
  padding: 0 !important;
}

.icon--title {
  position: relative;
  display: flex;
  align-items: center;
  width: 15px;
  height: 15px;
  margin-right: 2rem;
  padding: 0.4rem;
  background: #fff;
}

.icon--title .accordin--bar-one {
  position: absolute;
  background: #bababa;
  height: 3px;
  width: 15px;
  z-index: 6;
}

.icon--title .accordin--bar-two {
  position: absolute;
  transform: rotate(90deg);
  background: #bababa;
  opacity: 1;
  height: 3px;
  width: 15px;
  z-index: 6;
}

.open--it .icon--title .accordin--bar-two {
  visibility: hidden;
  opacity: 0;
}

.accordion--container-content {
  position: relative;
}

.accordion--container-content {
  overflow: hidden;
  max-height: 0;
  opacity: 0;
}

.accordion--container-content p {
  padding-bottom: 1em;
}

.accordion--container-content .paddleft {
  padding-left: 2rem;
}

.testimonial--container {
  width: 100%;
  padding-right: var(--bs-gutter-x, 0.75rem);
  padding-left: var(--bs-gutter-x, 0.75rem);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 1200px) {
  .testimonial--container {
    max-width: 1140px;
  }
}

@media (min-width: 992px) {
  .testimonial--container {
    max-width: 960px;
  }
}

@media (min-width: 768px) {
  .testimonial--container {
    max-width: 720px;
  }
}

@media (min-width: 576px) {
  .testimonial--container {
    max-width: 540px;
  }
}

.testimonial-item p {
  margin-top: 0;
  margin-bottom: 1rem;
  font-family: "Lexend Deca";
  font-size: 1.5rem;
  line-height: 1.5;
  text-indent: 2rem;
  text-align: justify;
  color: #655d56;
}

.testimonial-item p a {
  color: #f48941;
  text-transform: uppercase;
}

.star--rate {
  text-align: center;
  margin: 1rem 0;
}

.star--rate .starIcon {
  display: inline-block;
  overflow: hidden;
  width: 2rem;
  height: 2rem;
  margin: 0 0.125rem;
  background-position: 50%;
  background-repeat: no-repeat;
}

.star--rate .starIcon::after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
}

.star--rate .starIcon::after {
  background-image: url("data:image/svg+xml,%3C?xml%20version%3D%221.0%22%20?%3E%3Csvg%20width%3D%2220%22%20height%3D%2219%22%20viewBox%3D%220%200%2013%2012%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M6.487%200a.294.294%200%200%200-.269.198L4.826%204.373l-4.53-.008a.295.295%200%200%200-.282.197.281.281%200%200%200%20.108.32l3.671%202.572-1.41%204.171a.281.281%200%200%200%20.108.32.303.303%200%200%200%20.348%200l3.66-2.586%203.662%202.586a.303.303%200%200%200%20.348%200%20.281.281%200%200%200%20.107-.32l-1.41-4.17%203.672-2.573a.281.281%200%200%200%20.108-.32.295.295%200%200%200-.282-.197l-4.53.008L6.78.198A.295.295%200%200%200%206.487%200z%22%20fill%3D%22%23f48941%22%20fill-rule%3D%22evenodd%22/%3E%3C/svg%3E");
  position: relative;
  background-position: 50%;
  background-repeat: no-repeat;
}

.client--info {
  text-align: center !important;
}

.testimonial-item h3 {
  font-size: 2rem;
  font-family: "Prata";
  color: #1e1c2a;
  font-weight: 600;
}

.testimonial-item span {
  font-size: 1.6rem;
  line-height: 1.5;
  font-family: "sulphur point";
  font-weight: 600;
  color: #283618;
}

.testimonial-carousel {
  display: flex !important;
  flex-direction: column-reverse;
  max-width: 700px;
  margin: 0 auto;
}

.testimonial-carousel .owl-dots {
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 30px;
}

.testimonial-carousel .owl-dots .owl-dot {
  position: relative;
  width: 60px;
  height: 60px;
  margin: 0 5px;
  transition: 0.5s;
}

.testimonial-carousel .owl-dots .owl-dot.active {
  width: 100px;
  height: 100px;
}

.testimonial-carousel .owl-dots .owl-dot::after {
  position: absolute;
  width: 40px;
  height: 40px;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  content: "\f10d";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 1.8rem;
  color: #655d56;
  background: #ffffff;
  border-bottom: 1px solid #50394c42;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 2px 0px;
  border-radius: 40px;
  transition: 0.5s;
  opacity: 0;
}

.testimonial-carousel .owl-dots .owl-dot.active::after {
  opacity: 1;
}

.testimonial-carousel .owl-dots .owl-dot img {
  max-width: 100%;
  object-fit: cover;
  height: auto;
  opacity: 0.4;
  transition: 0.5s;
}

.testimonial-carousel .owl-dots .owl-dot.active img {
  opacity: 1;
}

/* services */

.services .title h1,
.contact .title h1 {
  text-align: center;
  font-size: 2.4rem;
  margin-bottom: 2rem;
  font-family: "Prata";
  color: #1e1c2a;
  font-weight: 600;
}

.services .services-container {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (minmax(30rem, 1fr)) [auto-fit];
  grid-template-columns: repeat(auto-fit, minmax(30rem, 1fr));
  gap: 1.5rem;
}

.services-container .services-box {
  position: relative;
  cursor: pointer;
  text-align: start;
  padding: 1rem;
  border-radius: 0.2rem;
  box-shadow: rgba(27, 31, 35, 0.06) 0px 2px 0px,
    rgba(255, 255, 255, 0.65) 0px 1px 0px inset;
  box-shadow: rgba(255, 255, 255, 0.9) 0px 3px 0px, rgba(255, 255, 255, 0.9) 0px 3px 0px inset;
}

.services-container .services-box:hover {
  transform: translateY(4px);
}

.services-container .services-box .services-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  top: 0;
  left: 15%;
  width: 4.8rem;
  height: 4.8rem;
  border-radius: 50%;
  border-bottom: 1px solid #50394c42;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 2px 0px;
}

.services-container .services-box i {
  font-size: 2.4rem;
  color: #444343;
}

.services-container .services-box h3 {
  font-size: 2rem;
  margin-top: 0.5rem;
  padding-left: 0.3rem;
  text-transform: uppercase;
  font-family: "Abel";
  color: #10221b;
}

.services-container .services-box p {
  font-size: 1.6rem;
  padding: 0.2rem 0.2rem;
  text-indent: 2rem;
  line-height: 1.5;
  text-align: start;
  font-family: "sulphur point";
  font-weight: 600;
  color: #283618;
}

/* packages */

.Packages {
  text-align: center;
  justify-content: center;
}

.Packages .more_btn {
  margin-top: 3rem;
  background: transparent !important;
}

.Packages .more_btn .btn {
  margin: 0 !important;
}

.Packages .title h1 {
  font-size: 2.4rem;
  margin-bottom: 2rem;
  font-family: "IBM Selectric Manifold";
  font-family: "Prata";
  color: #1e1c2a;
  font-weight: 600;
}

.packages-container {
  display: grid;
  -ms-grid-columns: (minmax(25rem, 1fr)) [auto-fit];
  grid-template-columns: repeat(auto-fit, minmax(25rem, 1fr));
  column-gap: 1.2rem;
  row-gap: 1.3rem;
}

@media screen and (max-width: 517px) {
  .packages-container {
    column-gap: 0.5rem;
    row-gap: 1rem;
  }
}

.packages-container .package-card {
  display: block;
  position: relative;
  border-radius: 0.2rem;
  overflow: hidden;
  box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px,
    rgba(9, 30, 66, 0.13) 0px 0px 1px 1px;
  transition: 0.3s;
}

.packages-container .package-card:hover {
  transform: translateY(4px);
}

.package-card .package-image {
  position: relative;
  height: 20rem;
  overflow: hidden;
  padding: 0.2rem 0.2rem 0.8rem 0.2rem;
  width: 100%;
}

.package-image::after {
  content: " ";
  display: block;
  height: 5.5px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0 0.2rem;
  background: #d6d0c3;
}

.package-card .package-image img {
  width: 100%;
  height: 100%;
  min-height: 20rem;
  object-fit: cover;
}

.package-card .package-items {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #dee2e6;
  text-align: center;
}

.package-card .package-items span {
  flex: 1 1 5rem;
  font-family: "Lexend Deca";
  font-weight: 600;
  text-align: center;
  padding: 0rem 0.4rem;
  line-height: 2.2;
  color: #0a3a39;
  font-size: 1.65rem;
}

.package-card .package-items span.gold {
  color: #c7a933 !important;
}

.package-card .package-items span.silver {
  color: #7f7f7f !important;
}

.package-items .calendar i {
  padding: 0rem.4rem;
  color: #473320 !important;
}

.package-items .package-status.silver i {
  padding: 0rem 0.4rem;
  color: #7f7f7f !important;
}

.package-items .package-status.gold i {
  color: #c7a933 !important;
  padding: 0rem 0.4rem;
}

.package-card .package-items span:nth-child(2) {
  border-left: 1px solid #dee2e6;
}

.package-card .read-more {
  padding-bottom: 1.5rem;
}

.package-card .read-more a {
  position: relative;
  padding-bottom: 2px;
  color: #10221b !important;
  font-family: "Lexend Deca";
  font-size: 1.8rem;
}

.package-card .read-more a::after {
  content: "";
  position: absolute;
  display: block;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 2px;
  background: #7f7f7f;
  transition: 0.4s;
}

.package-card .read-more a:hover::after {
  left: 0;
  width: 100%;
}

.package-card .content {
  padding: 0 .6rem 0 .6rem;
}

.package-card .content a h4 {
  color: #442202;
  font-size: 1.84rem;
  font-weight: 800;
  text-align: center;
  padding: 0.4rem 0;
  font-family: "Abel";
}

.package-card .suitable-for {
  font-size: 1.7rem;
  color: #5d5c5c;
  font-weight: 700;
  padding: 0rem 0.3rem;
  margin-top: 0.5rem;
  font-family: "Abel";
}

@media screen and (max-width: 517px) {
  .package-card .content a h4 {
    font-size: 2.4rem;
  }
}

.package-card .price {
  font-size: 1.8rem;
  color: #2c3e50;
}

.package-card .stars {
  padding: 0.5rem;
}

.package-card .stars i {
  font-size: 1.75rem;
  padding: 0.6rem 0;
  color: #eb5e28;
}

/* package page details */

.package-top,
.contact-top {
  padding: 0rem 4% 0rem;
}

.package-top h3,
.contact-top {
  color: #684b2f;
  padding: 0.6rem;
  font-size: 2.4rem;
  font-weight: 800;
  text-align: center;
  /* font-weight: bold; */
  /* line-height: 1.1; */
  font-family: "Dosis", sans-serif;
  text-transform: uppercase;
}

/*  */
.why--us-container .justify--div,
.service--title-container .justify--div {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: center;
  width: 100%;
}

@media screen and (max-width: 1024px) {

  .why--us-container .justify--div,
  .service--title-container .justify--div {
    flex-direction: column;
  }
}

.justify--div .part--one {
  flex: 1;
  width: 50%;
  border-right: 1px dotted rgba(102, 102, 102, 0.363);
  border-right: 1px dotted #e2e2e2;
  padding-right: 2rem;
}

@media screen and (max-width: 1024px) {
  .justify--div .part--one {
    flex: 0;
    width: 100%;
    border-right: none;
    padding-right: 0;
  }
}

.part--one h4 {
  color: #5f3713;
  text-align: start !important;
  font-size: 30px;
  font-weight: bold;
  line-height: 1.1;
  font-family: "Cerebri Sans";
  font-family: "Dosis", sans-serif;
  text-transform: uppercase;
}

.part--one h4:first-child {
  margin-bottom: 0.5rem;
}

.justify--div .part--two {
  flex: 1;
  width: 50%;
  padding-bottom: 0rem;
  padding-left: 2rem;
}

@media screen and (max-width: 1024px) {
  .justify--div .part--two {
    flex: 0;
    width: 100%;
    padding-bottom: 0rem;
    padding-top: 2rem;
    padding-left: 0;
  }
}

.part--two .about--description {
  font-family: "Abel";
  font-weight: 800;
  text-transform: capitalize;
  color: rgb(71, 71, 71);
  display: inline-block;
  font-size: 1.65rem;
  text-align: justify;
  line-height: 1.5;
}

.about--description:first-letter {
  font-family: "Dosis", sans-serif;
  text-transform: uppercase;
  float: left;
  color: #01451b;
  color: #5f3713;
  font-size: 6rem;
  line-height: 0.65;
  margin: 0.1em 0.1em 0.2em 0;
}

.why--us-container {
  /* background-color: #f5f7f9; */
  background-attachment: fixed;
  /* background-image: url(../assets/images/chat-bg-pattern.png); */
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 40px;
  /* padding: 0px 0 96px 0; */
  max-width: 1248px;
  margin: 0 auto;
}

.why--contents {
  /* align-items: flex-start; */
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin: 0 auto;
  max-width: 792px;
  max-width: 1080px;
}

.us--contents {
  position: relative;
  align-items: flex-start;
  display: flex;
  gap: 3px;
  flex-direction: column;
}

.us--contents h4 {
  font-family: "Dosis", sans-serif;
  letter-spacing: 3px;
  text-transform: uppercase;
  font-size: 1.55rem;
  margin: 0;
  text-align: start;
  color: #5f3713;
  font-size: 16px;
  line-height: 1.8;
}

.us--contents p {
  font-family: "Abel";
  font-weight: 800;
  text-transform: capitalize;
  color: #474747;
  display: inline-block;
  font-size: 1.65rem;
  text-align: justify;
  line-height: 1.5;
}

.why--us--images {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  width: 100%;
  margin: 2rem 0px;
}

.why--us--images .img--card {
  flex: 1 1 16rem;
  position: relative;
  width: 100%;
  height: 16rem;
  display: block;
  overflow: hidden;
  transition: 0.3s;
  border: 1px solid #f0f0f0;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 5px;
  cursor: pointer;
}

@media screen and (max-width: 677px) {
  .why--us--images {
    flex-direction: column;
  }

  .why--us--images .img--card {
    flex: 1 1 18rem;
    height: 16rem;
  }
}

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

.img--card .img--overlay {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 128, 0, 0.35);
}

.img--overlay i {
  font-size: 2.5rem;
  color: #f7fff7;
}

.us--descriptions {
  padding-bottom: 2rem;
}

/* service--page */

.service--title-container {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 48px;
  margin: 0 auto 4rem;
  max-width: 792px;
}

/*  */

.package-top h4 {
  color: #684b2f;
  line-height: 1.4;
  font-size: 1.6rem;
  font-weight: 700;
}

.package_details ul.tabs {
  display: flex;
}

.package-tabs ul.tabs {
  line-height: 40px;
  background: #f4f4f4;
}

.package-tabs ul.tabs {
  position: relative;
  margin: 0 auto;
  overflow: hidden;
}

.package-tabs ul.tabs li {
  width: 100%;
  border-radius: 0 0 0.4rem 0.4rem;
  border: 1px solid #d3ced2;
  text-align: center;
  cursor: pointer;
}

.package-tabs ul.tabs li:nth-child(1),
.package-tabs ul.tabs li:nth-child(2),
.package-tabs ul.tabs li:nth-child(3),
.package-tabs ul.tabs li:nth-child(4) {
  border-right: none;
}

.package-tabs .tabs li.active-tab,
.package-tabs .tabs li:hover {
  background: #f5fffa;
  border-bottom: #f5fffa;
}

.package-tabs .tabs li a {
  color: #666 !important;
  padding: 20px 22px !important;
  font-size: 1.8rem;
}

.package_details .contents h2 {
  font-size: 2.4rem;
  font-family: "Smith-Corona EC1100 Prestige";
}

.package-tabs .contents .panel:not(:first-child) {
  display: none;
}

.package-tabs .tab-note ul {
  padding: 20px;
}

.container-img-tab .img-container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 15px;
}

/* package-details */

.banner-header {
  position: relative;
  background-color: #fff;
  min-height: 25.75rem;
}

.banner-header::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media (min-width: 1023px) {
  .banner-header::before {
    background: linear-gradient(180deg, transparent 80%, rgba(0, 0, 0, 0.7));
  }
}

.banner-header .banner--dropback {
  position: relative;
  display: flex;
  align-items: stretch;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  min-height: 100%;
  height: 100%;
  width: 100%;
  min-height: 25.75rem;
  background-size: cover;
  background-position: 50%;
  padding: 2rem 2rem 4.25rem;
}

@media (max-width: 1024px) {

  .banner-header--wrap,
  .banner-header .banner--dropback {
    min-height: 25.75rem;
  }
}

@media (max-width: 450px) {

  .banner-header--wrap,
  .banner-header .banner--dropback {
    min-height: 24.75rem;
  }
}

.banner-opacity--overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.45);
}

.banner-header .page-details--wrap {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: center;
  height: auto;
  min-height: auto;
  z-index: 1;
  max-width: 90.5rem;
}

.package-attributes {
  display: flex;
  /* flex-direction: column; */
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: center;
  align-items: center;
  height: auto;
  min-height: auto;
  z-index: 1;
  max-width: 90rem;
  margin: 0 auto;
  width: 100%;
  gap: 10px;
}

.package-attributes .package-price,
.package-attributes .package-type,
.package-attributes .package-status,
.package-attributes .package-length {
  padding: 1rem;
  border-radius: 0.2rem;
  box-shadow: rgba(255, 255, 255, 0.9) 0px 3px 0px, rgba(255, 255, 255, 0.9) 0px 3px 0px inset;
  border-bottom: 1px solid rgb(224, 224, 224, .4);
}

.package-attributes .package-price h4,
.package-attributes .package-type h4,
.package-attributes .package-status h4,
.package-attributes .package-length h4 {
  font-size: 2.4rem;
  color: #684b2f;
  filter: drop-shadow(0 0 1px rgba(10, 58, 57, 0.4));
  font-family: "Abel";
}

.package-attributes .package-price h6,
.package-attributes .package-type h6,
.package-attributes .package-status h6,
.package-attributes .package-length h6 {
  font-family: "IBM Selectric Manifold";
  color: rgb(10, 58, 57);
  font-size: 2.2rem;
  padding-top: 1rem;
  filter: drop-shadow(0 0 1px rgba(10, 58, 57, 0.4));
}

@media (min-width: 300px) {
  .banner-header .page-details--wrap {
    justify-content: flex-start;
    width: 100%;
  }
}

.banner-header--wrap .heading-package {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  min-height: 100%;
  height: 100%;
  height: auto;
  min-height: auto;
  z-index: 1;
  max-width: 64.5rem;
}

.banner-header--wrap .heading-package h3 {
  font-family: "IBM Selectric Manifold";
  font-size: 3.4rem;
  color: #f0ffff;
  text-transform: capitalize;
}

.banner-header--wrap .heading-package h5 {
  font-family: "IBM Selectric Manifold";
  font-size: 2.8rem;
  padding: 0.4rem 0;
  color: #bff1f1;
  text-transform: capitalize;
}

.banner-header--wrap .heading-package p {
  margin-top: 1.2rem;
  margin-bottom: 2rem;
}

@media screen and (max-width: 991px) {
  .banner-header--wrap .heading-package p {
    margin-bottom: 7rem !important;
  }
}

.banner-header--wrap .heading-package p a {
  text-transform: uppercase;
  font-family: "Lexend Deca";
  font-size: 1.65rem;
  color: #fcf6ed;
  filter: drop-shadow(0 0 2px rgba(255, 255, 255, 0.2));
}

.banner-header--wrap .heading-package p span {
  font-size: 1.2rem;
  color: #f0ffff;
  filter: drop-shadow(0 0 2px rgba(255, 255, 255, 0.2));
}

@media (min-width: 350px) {
  .banner-header--wrap .heading-package {
    padding: 1rem 3rem 1rem;
  }
}

@media (min-width: 350px) {
  .banner-header--wrap .heading-package {
    max-width: 50rem;
  }
}

.page-details--wrap .a-little--nav {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  background-color: rgba(255, 255, 255, 0.486);
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
}

@media (min-width: 1024px) {
  .page-details--wrap .a-little--nav {
    bottom: 1.75rem;
  }
}

@media (min-width: 1024px) {
  .page-details--wrap .a-little--nav {
    background-color: transparent;
  }
}

.page-details--wrap .a-little--nav ul {
  padding: 0 2rem;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  min-height: 100%;
  height: 100%;
  flex-wrap: wrap;
}

.page-details--wrap .a-little--nav ul {
  max-width: 90rem;
}

.a-little--nav li {
  /* line-height: 1em; */
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 0.8rem 0;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
}

.a-little--nav li a {
  font-family: "Lexend Deca";
  color: #2b1809;
  font-size: 1.55rem;
  margin: 0 0.325rem;
  text-decoration: underline;
}

.a-little--nav li::after {
  content: ">>";
  color: #0a3a39;
  font-weight: 700;
  font-size: 1.4rem;
  margin: 0 0.625rem;
}

.a-little--nav li:last-child::after {
  content: "";
}

@media (min-width: 1024px) {
  .a-little--nav li a {
    color: #ffffff;
    filter: drop-shadow(0 0 2px rgba(255, 255, 255, 0.4));
  }

  .a-little--nav li::after {
    color: #ffffff;
  }
}

.package-nav-container {
  position: relative;
  margin-top: 1.2rem;
}

.package-nav-content .nav--container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}

.package-nav-content .package-nav-content {
  position: relative;
}

.package-nav-content .nav--wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.package-nav-content .nav--element {
  width: 1366px;
  opacity: 1;
  transform: translate3d(0px, 0px, 0px);
  transition-duration: 0ms;
}

.package-nav-content .nav--element {
  position: relative;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

.tragelaphus--slogan,
.package-nav-content {
  position: relative;
}

.package-nav-content .img-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 15rem;
}

@media (min-width: 768px) {
  .package-nav-content .img-container {
    height: 15rem;
  }
}

.tragelaphus--slogan h4.top-picks-heading {
  position: relative;
  left: 0;
  bottom: 0;
  width: 100%;
  margin-bottom: 2rem;
  text-align: center;
  color: #fff;
  filter: drop-shadow(0 0 2px rgba(231, 240, 240, 0.4));
  font-size: 2.5rem;
  font-family: "Abel";
  line-height: 1.2;
  padding: 0 3.5rem;
}

.top-picks-heading span {
  display: inline-block;
  font-size: 2rem;
}

.mobile-header-subnav {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-content: flex-start;
  align-items: stretch;
  min-height: 100%;
  height: 100%;
  box-shadow: 0 0.125rem 0.5625rem 0 hsla(0, 0%, 80%, 0.5);
}

.mobile-header-subnav,
.mobile-header-subnav ul {
  background: #f7fff7;
  box-shadow: 0 0.125rem 0.5625rem 0 #cccccc80;
}

.mobile-header-subnav .mobile-nav-wrap {
  flex-grow: 1;
  height: 5rem;
}

@media (min-width: 480px) {
  .mobile-header-subnav .current-item-wrap {
    padding: 0rem;
  }
}

.mobile-header-subnav .current-item-wrap {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
  min-height: 100%;
  height: 100%;
  padding: 1rem 2rem;
  cursor: pointer;
  background: #fff;
  z-index: 3;
}

.mobile-header-subnav .current-item-wrap span {
  color: #10221b;
  font-size: 1.7rem;
  font-weight: 600;
  font-family: "Lexend Deca";
}

.mobile-header-subnav .current-item-wrap span:first-child {
  margin-right: 0.5rem;
}

.mobile-header-subnav .current-item-wrap i {
  color: #10221b;
  font-size: 1.7rem;
  font-weight: 600;
}

.active-tab .item-arrow {
  transform: rotate(180deg);
  transition: all 0.4s ease;
}

.mobile-nav-wrap ul {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: flex-start;
  min-height: 100%;
  flex-wrap: wrap;
  min-height: auto;
  height: auto;
  position: relative;
  z-index: 1;
  transition: transform 0.3s ease-in-out;
  transform: translate3d(0, -62.5rem, 0);
  pointer-events: none;
  width: 100%;
}

.mobile-header-subnav ul.mobile--tabs {
  position: relative;
  left: 0;
  margin-top: 1rem;
  height: auto;
  background: #f7fafc;
  box-shadow: 0 8px 32px #1a1a1a1a;
  transition: all 0.4s ease;
  transform: translate3d(0, -2.5rem, 0);
  opacity: 0;
  z-index: 1;
}

.mobile-header-subnav ul.mobile--tabs.active-tabs-mobile {
  transform: translateZ(0);
  transform: none;
  opacity: 1;
  pointer-events: all;
}

.mobile-header-subnav .mobile--tabs li a {
  font-size: 1.5rem;
  font-family: "Lexend Deca";
  font-weight: 600;
  display: block;
  color: #10221b;
  font-family: "Poppins";
  padding: 0.4rem 1rem;
  cursor: pointer;
}

.mobile-header-subnav ul li {
  display: inline-flex;
  align-items: center;
  padding: 1rem;
  cursor: pointer;
  transition: all 0.4s ease;
  width: 100%;
}

.mobile-nav-wrap .mobile_tabs li a {
  color: #5f5f5f !important;
  font-size: 1.5rem;
  font-family: "Lexend Deca";
  font-weight: 600;
  width: 100%;
}

.mobile-header-subnav ul.mobile--tabs.active-tabs-mobile li:not(:first-child) {
  border-top: 1px solid #eee;
}

.mobile-header-subnav ul.mobile--tabs.active-tabs-mobile li:first-child {
  border-top: 2px solid #2e2e2e0e;
}

@media (min-width: 1024px) {
  .tragelaphus--slogan .header-bottom {
    position: relative;
    padding: 0 1.5rem;
    padding-bottom: 0px;
    margin: 0 auto;
    margin-top: 0px;
    max-width: 80.75rem;
  }
}

.mobile--tabs li i {
  font-size: 1.5rem;
  margin-left: 0.4rem;
  color: #ca6c45;
  font-weight: 600;
}

@media (min-width: 250px) {
  .tragelaphus--slogan .header-bottom {
    padding: 2.25rem;
    margin-top: -4.6rem;
  }
}

.desktop-header-subnav {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: stretch;
  align-content: flex-start;
  justify-content: space-between;
  min-height: 100%;
  height: 4.75rem;
  box-shadow: 0 0.125rem 0.5625rem 0 hsla(0, 0%, 80%, 0.5);
}

.desktop-nav-wrap {
  flex-grow: 1;
}

.desktop-nav-wrap ul li,
.desktop-nav-wrap ul {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  min-height: 100%;
}

.desktop-nav-wrap ul {
  justify-content: space-between;
  position: relative;
  flex-wrap: wrap;
  height: 100%;
  border-radius: 0.125rem 0 0 0.125rem;
  background: #f4ffff;
  z-index: 1;
}

.desktop-nav-wrap ul li {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}

.desktop-nav-wrap ul li i {
  font-size: 1.5rem;
  margin-left: 0.4rem;
  color: #ca6c45;
  color: #a80303;
  font-weight: 600;
}

.desktop-nav-wrap ul li .fa-sack-dollar {
  color: #704901 !important;
}

.desktop-nav-wrap ul li:hover,
.desktop-nav-wrap ul li.active--tab {
  border-bottom: 2px solid #bebec0b6;
  background: #ededf0b0;
}

.desktop-nav-wrap ul li a {
  color: #0a3a39;
  filter: drop-shadow(0 0 1px rgba(10, 58, 57, 0.4));
  font-size: 1.9rem;
  font-family: "Lexend Deca";
}

@media screen and (max-width: 700px) {
  .header-bottom .desktop-header-subnav {
    display: none;
  }
}

@media screen and (min-width: 700px) {
  .header-bottom .mobile-header-subnav {
    display: none;
  }
}

.subnav-price {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  align-content: center;
  justify-content: center;
  background: #f1faee;
  padding: 0.25rem 0.75rem;
  height: auto;
  min-width: 13rem;
  border-bottom: 2px solid #585e3b;
  border-left: 1px solid #e2e2e2;
  cursor: pointer;
}

.subnav-price i {
  color: #585e3b;
  font-size: 1.4rem;
  margin-left: 0.3rem;
}

.subnav-price p {
  margin-right: 0.5rem;
  color: #10221b;
  font-size: 1.8rem;
  font-family: "Lexend Deca";
}

.signature {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.signature {
  margin-top: 0.1rem;
}

.top-picks header {
  line-height: 1.3;
}

.top-picks h3 {
  position: relative;
  text-align: center;
}

.top-picks h3,
.top-picks h4 {
  font-weight: 700;
  color: #2e2e2e;
}

.top-picks .line-one {
  height: 2px;
  background: #0a3a39;
  margin-bottom: 0.3rem !important;
  margin-right: auto !important;
  margin-left: auto !important;
  width: 10% !important;
  opacity: 0.1;
}

.top-picks .line-two {
  height: 2px;
  background: #0a3a39;
  margin-top: 0.1rem;
  margin-bottom: 0.4rem;
  margin-right: auto !important;
  margin-left: auto !important;
  width: 5% !important;
  opacity: 0.1;
}

.top-picks h3 {
  color: #0a3a39;
  filter: drop-shadow(0 0 1px rgba(10, 58, 57, 0.4));
  font-size: 2.2rem;
  font-family: "Abel";
}

.header-overview ul {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  padding: 2rem 0;
}

.header-overview ul li {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.header-overview ul li::after {
  content: "|";
  color: #0a3a39;
  font-weight: 800;
  font-size: 1.24rem;
  font-weight: 700;
  margin: 0 0.55rem;
}

.header-overview ul li:last-child::after {
  content: "";
}

@media (min-width: 1024px) {
  .header-overview ul li ::after {
    color: #0a3a39;
  }
}

.sub--tab-links li {
  font-weight: 800;
  line-height: 1.2;
  font-family: "Dosis", sans-serif;
  text-transform: uppercase;
  color: #0d3c00;
  font-size: 2.7rem;
}

.sub-tab {
  -webkit-animation: fadein 0.95s !important;
  /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: fadein 0.95s !important;
  /* Firefox < 16 */
  -ms-animation: fadein 0.8s !important;
  /* Internet Explorer */
  -o-animation: fadein 0.95s !important;
  /* Opera < 12.1 */
  animation: fadein 0.95s !important;
}

.sub--tab-links li a:hover,
.sub--tab-links li.active--sub-tab {
  text-decoration: underline !important;
  color: #9a7121 !important;
  font-weight: 900;
}

.package-contents .sub-tab:not(:first-child) {
  display: none;
}

.package-contents .destination--big-title {
  font-size: 1.75rem;
  margin: 1rem;
}

.package_details .package-contents h4 {
  font-weight: 600;
  color: #583b20;
  font-size: 1.65rem;
  font-family: "sen";
  padding-bottom: 0.8rem;
  text-transform: capitalize;
}

.package_details .contents h5 {
  font-size: 2.4rem;
  font-weight: 600;
  text-align: center;
  font-family: "Abel";
  color: #33421c;
  padding: 0.5rem;
}

.package-contents .sub-tab-descriptions p,
.activite--descriptions,
.sub-tab-descriptions strong {
  padding: 0.5rem 0;
  font-size: 1.45rem;
  text-indent: 1rem;
  text-align: justify;
  color: #232719e3;
  font-family: "Lexend Deca";
  color: #33421c;
}

.sub-tab-descriptions strong {
  font-size: 1.5rem !important;
  text-indent: 0rem !important;
}

.package-contents .sub-tab-descriptions p a {
  font-weight: 600;
  color: #9a7121;
}

.highlight-items ol {
  counter-reset: item;
  font-size: 1.55rem !important;
  line-height: 1.69em !important;
  font-weight: 600;
  font-family: "Sofia Pro";
  list-style-type: none;
  color: #0a3a39;
}

.highlight-items ol li {
  position: relative;
  display: block;
  font-size: 1.5rem;
  margin-bottom: 10px;
  padding-left: 50px !important;
  list-style: none !important;
}

.highlight-items ol li::after {
  content: counter(item) " ";
  counter-increment: item;
  position: absolute;
  display: flex;
  align-items: center;
  align-content: center;
  max-width: 70rem;
  width: 100%;
  justify-content: center;
  width: 25px;
  height: 25px;
  border-radius: 100%;
  color: #0a3a39;
  border-bottom: 1px solid #50394c42;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 2px 0px;
  left: 15px;
  top: 2px;
}

.highlight-items li span {
  color: #815d13 !important;
}

.sub-tab .sub-highlights-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.sub-tab .highlight-items {
  flex: 1 1 30rem;
}

.sub-tab .sub-highlights-best-time {
  flex: 1 1 30rem;
}

.sub-tab .sub-highlights-best-time p {
  padding: 0.5rem 0;
  font-size: 1.4rem;
  text-indent: 1rem;
  text-align: justify;
  color: #232719e3;
  font-family: "Lexend Deca";
}

.sub-tab .sub-highlights-best-time p a {
  font-weight: 600;
  color: #9a7121;
}

.sub-highlights-best-time .safari--objective {
  margin-top: 1rem;
}

.objective--paragraphs {
  margin-top: 1.5rem;
  flex: 1;
  width: 50%;
}

.objective--paragraphs.first--side {
  padding-right: 3rem;
}

.objective--paragraphs h6 {
  font-weight: 600;
  color: #452f1a;
  font-size: 1.3rem;
  font-family: "sen";
  text-transform: uppercase;
  padding-bottom: 0.5rem;
}

.objective--paragraphs p {
  font-family: "Abel";
  font-weight: 800;
  color: #474747;
  display: inline-block;
  font-size: 1.65rem;
  line-height: 1.5;
  padding: 0.5rem 0;
  text-indent: 1rem;
  text-align: justify;
}

.objective--paragraph p {
  font-size: 1.65rem !important;
}

.sub-tab-animals .animals-text p {
  padding: 0.5rem 0;
  font-size: 1.6rem;
  text-indent: 1rem;
  text-align: justify;
  color: #232719e3;
  font-family: "Lexend Deca";
}

.sub-tab-animals .animals-text .a-little--title {
  font-size: 2rem;
  font-family: "Abel" !important;
  font-weight: 800;
}

.sub-tab-animals .animals-images {
  display: flex;
  max-width: 62.5rem;
  width: 100%;
  margin: 4rem auto;
  margin-bottom: 0;
  overflow: hidden;
}

.animals-images .animal-img {
  border-radius: 50%;
  text-align: center;
  flex-shrink: 0;
  object-fit: cover;
  height: 100px;
  width: 100px !important;
}

.dest-container .signature h3 {
  color: #594a42;
}

.light-box-wrapper {
  max-width: 1200px;
}

.light-box-wrapper .light-box-gallery {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.4rem;
}

.light-box-gallery .image-gallery {
  height: 180px;
  width: 250px;
  overflow: hidden;
  cursor: pointer;
  border-radius: 0.1rem;
  border: 1px solid #f0f0f0;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
  transition: all 0.4s ease;
}

.light-box-gallery .image-gallery img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  vertical-align: middle;
  overflow: hidden;
  cursor: pointer;
  transition: all 0.4s ease;
}

@media screen and (max-width: 713px) {
  .light-box-gallery .image-gallery {
    width: 100%;
    height: auto;
  }
}

.accomo-container {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.accodations .title h1,
.activities .title h1 {
  text-align: center;
  font-size: 2.5rem;
  margin-bottom: 2rem;
  font-family: "Prata";
  color: #1e1c2a;
  font-weight: 600;
}

.accomo-box .img-link,
.accomo-box .serengeti-pic-one,
.accomo-box .serengeti-pic-two,
.accomo-box .serengeti-pic-three,
.accomo-box .serengeti-pic-four,
.accomo-box .serengeti-pic-five,
.accomo-box .serengeti-pic-six,
.ngorongoro-pic-one,
.ngorongoro-pic-two,
.ngorongoro-pic-three,
.ngorongoro-pic-four,
.ngorongoro-pic-five,
.ngorongoro-pic-six,
.kilimanjaro-pic-one,
.kilimanjaro-pic-two,
.kilimanjaro-pic-three,
.kilimanjaro-pic-four,
.kilimanjaro-pic-five,
.kilimanjaro-pic-six,
.zanzibar-pic-one,
.zanzibar-pic-two,
.zanzibar-pic-three,
.zanzibar-pic-four,
.zanzibar-pic-five,
.zanzibar-pic-six,
.tarangire-pic-one,
.tarangire-pic-two,
.tarangire-pic-three,
.tarangire-pic-four,
.tarangire-pic-five,
.tarangire-pic-six,
.ruaha-pic-one,
.ruaha-pic-two,
.ruaha-pic-three,
.ruaha-pic-four,
.ruaha-pic-five,
.ruaha-pic-six {
  display: block;
  background-color: #000;
  border-radius: 0.125rem 0 0 0.125rem;
  background-position: 70%;
  background-size: cover;
  min-height: 10rem;
  /* height: 100%; */
  min-width: 8.125rem;
  width: 10rem;
}

.accomo-box .serengeti-pic-one {
  background-image: url("../assets/Serengeti-Melia-Lodge-Hotel.avif");
}

.accomo-box .serengeti-pic-two {
  background-image: url("../assets/Soroi-Serengeti-Lodge .avif");
}

.accomo-box .serengeti-pic-three {
  background-image: url("../assets/roving-bushtops-ultimate-serengeti-safari-experience-small.jpg");
}

.accomo-box .serengeti-pic-four {
  background-image: url("../assets/serengeti-grumeti-singita-faru-faru-lodge-villa-view.webp");
}

.accomo-box .serengeti-pic-five {
  background-image: url("../assets/singita-sasakwa-lodge.jpg");
}

.accomo-box .serengeti-pic-six {
  background-image: url("../assets/Serengeti-lahia-lodge.jpg");
}

.accomo-box .ngorongoro-pic-one {
  background-image: url("../assets/Ngorongoro-Tloma-Lodge.jpg");
}

.accomo-box .ngorongoro-pic-two {
  background-image: url("../assets/Ngorongoro-Member-Melia-Lodge.jpg");
}

.accomo-box .ngorongoro-pic-three {
  background-image: url("../assets/Ngorongoro-Oldeani-Mountain-Lodge .JPG");
}

.accomo-box .ngorongoro-pic-four {
  background-image: url("../assets/Ngorongoro-Acacia-Farm-Lodge.jpg");
}

.accomo-box .ngorongoro-pic-five {
  background-image: url("../assets/Gibbs-Farm-Relaxing-by-the-swimming-pool.jpg");
}

.accomo-box .ngorongoro-pic-six {
  background-image: url("../assets/The-Retreat-At- Ngorongoro-Lodge.jpg");
}

.accomo-box .kilimanjaro-pic-one {
  background-image: url("../assets/Kilimanjaro-Wonders Hotel.jpg");
}

.accomo-box .kilimanjaro-pic-two {
  background-image: url("../assets/The -Secret-Garden Hotel.jpg");
}

.accomo-box .kilimanjaro-pic-three {
  background-image: url("../assets/Kaliwa-Lodge.jpg");
}

.accomo-box .kilimanjaro-pic-four {
  background-image: url("../assets/AMEG-Lodge.jpg");
}

.accomo-box .kilimanjaro-pic-five {
  background-image: url("../assets/Kilimanjaro-Mountain-Resort.jpg");
}

.accomo-box .kilimanjaro-pic-six {
  background-image: url("../assets/Kilimanjaro-Coffee-Lodge.jpeg");
}

.accomo-box .zanzibar-pic-one {
  background-image: url("../assets/emerald-zanzibar-hotel.jpg");
}

.accomo-box .zanzibar-pic-two {
  background-image: url("../assets/Meliá-Zanzibar.jpg");
}

.accomo-box .zanzibar-pic-three {
  background-image: url("../assets/zurizanzibar.jpg");
}

.accomo-box .zanzibar-pic-four {
  background-image: url("../assets/Tembo-House-Hotel.jpg");
}

.accomo-box .zanzibar-pic-five {
  background-image: url("../assets/Zanziba- Serena-Hotel.jpg");
}

.accomo-box .zanzibar-pic-six {
  background-image: url("../_assets/the-z-hotel.jpeg");
}

.accomo-box .tarangire-pic-one {
  background-image: url("../_assets/Tarangire-Simba-Lodge.jpg");
}

.accomo-box .tarangire-pic-two {
  background-image: url("../_assets/Tarangire-Sopa-Lodge.jpg");
}

.accomo-box .tarangire-pic-three {
  background-image: url("../_assets/Ang'ata-Tarangire-Camp.jpg");
}

.accomo-box .tarangire-pic-four {
  background-image: url("../_assets/Balloon-Camp-Tarangire.jpg");
}

.accomo-box .tarangire-pic-five {
  background-image: url("../_assets/Lemal-Mpingo-Ridge.jpg");
}

.accomo-box .tarangire-pic-six {
  background-image: url("../_assets/Sanctuary-Swala.jpg");
}

.accomo-box .ruaha-pic-one {
  background-image: url("../_assets/Ruaha-River-Lodge.jpg");
}

.accomo-box .ruaha-pic-two {
  background-image: url("../_assets/Jabali-Ridge - hammock.jpg");
}

.accomo-box .ruaha-pic-three {
  background-image: url("../_assets/Mwangusi-Safari-Lodge.jpg");
}

.accomo-box .ruaha-pic-four {
  background-image: url("../_assets/Asanja-Ruaha-Ndembo.jpg");
}

.accomo-box .ruaha-pic-five {
  background-image: url("../_assets/Ruaha-Hill-View-Lodge.JPG");
}

.accomo-box .ruaha-pic-six {
  background-image: url("../_assets/Ruaha-Hill-Top.JPG");
}

.accomo-container .accomo-box {
  position: relative;
  display: flex;
  flex: 1 1 30rem;
  max-width: 100%;
  flex-direction: row;
  gap: 0.8rem;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.09);
  border: 1px solid #f0f0f0;
  margin: 0.5rem 0 1.5rem;
  min-height: auto;
  height: 100%;
  width: 100%;
}

.image--accommodation {
  padding: 0.25rem 0rem;
  padding-left: 0.25rem;
}

.accomo-box .accomo-content {
  margin: 1.5rem 0;
  padding-left: 1.3rem;
}

.accomo-content .accomo-pin {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 1.65rem;
  padding: 0.4rem 0 0;
  font-weight: 800;
  font-family: "Abel";
}

.accomo-content .accomo-pin i {
  color: #9a7121;
}

.accomo-content .accomo-pin small {
  color: #062e20;
}

.accomo-content h3 a {
  color: #646432;
  font-family: "Prata";
  font-size: 1.65rem;
}

.accomo-content .num-nights {
  padding: 0.1rem;
  color: #7e5545;
  font-family: "Lexend Deca";
  font-size: 1.55rem;
}

/* safaris */

.safaris {
  background: inherit;
}

.safaris .title h1,
.accommodations .title h1 {
  text-align: center;
  font-size: 2.4rem;
  justify-content: center;
  margin-bottom: 2rem;
  font-family: "IBM Selectric Manifold";
  font-family: "Prata";
  color: #1e1c2a;
  font-weight: 600;
}

.safaris .safaris-container {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (minmax(30rem, 1fr)) [auto-fit];
  grid-template-columns: repeat(auto-fit, minmax(30rem, 1fr));
  /* display: flex; */
  justify-content: center;
  align-content: center;
  /* align-items: center; */
  /* flex-wrap: wrap; */
  row-gap: 1.5rem;
  column-gap: 1rem;
}

.safaris .safari-card {
  position: relative;
  /* flex: 1 1 30rem; */
  border-radius: 0.4rem;
  overflow: hidden;
  /* max-width: 400px; */
  width: 100%;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px,
    rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
  border-radius: 0.4rem;
  border: 1px solid #f0f0f0;
}

.safari-card .safari-image {
  position: relative;
  height: 20rem;
  overflow: hidden;
  padding: 0.2rem 0.4rem 0.6rem 0.4rem;
}

.safari-card .safari-image img {
  width: 100%;
  height: 100%;
  cursor: pointer;
  min-height: 20rem;
  object-fit: cover;
}

.safaris-container .safari-card:hover {
  transform: translateY(-0.8%);
  box-shadow: 0 8px 14px 0 rgba(0, 0, 0, 0.2);
}

.safari-card .safari-content {
  position: relative;
  text-align: center;
  padding: 8px 0;
  width: 100%;
}

.safari-card .safari-content .line-one {
  height: 1px;
  background: #0a3a39;
  margin-bottom: 0.3rem !important;
  margin-right: auto !important;
  margin-left: auto !important;
  width: 25% !important;
  opacity: 0.25;
}

.safari-card .safari-content .line-two {
  height: 1px;
  background: #0a3a39;
  margin-top: 0.1rem;
  margin-bottom: 0.4rem;
  margin-right: auto !important;
  margin-left: auto !important;
  width: 50% !important;
  opacity: 0.25;
}

.safari-card .safari-content h4 a {
  font-family: "Lexend Deca";
  font-size: 1.55rem;
  font-size: 1.8rem;
  font-weight: 600;
  color: #0a3a39;
  filter: drop-shadow(0 0 1px rgba(10, 58, 57, 0.4));
}

.safari-card .safari-content h4 {
  margin: 0.4rem 0;
}

.safari-content .safari-descriptions {
  padding: 4px 20px;
  font-family: "sulphur point";
  text-align: center;
  font-weight: 700;
  color: #412e21;
  font-size: 1.5rem;
}

.safari-card .activities {
  position: relative;
  padding: 0 1.4rem;
  text-align: center;
}

.safari-card .activities strong.most-enjoyed {
  font-family: "Lexend Deca";
  font-size: 1.2rem;
  color: #031f1e;
  padding: 0.5rem;
}

.safari-card .suitable-for {
  text-align: center;
  font-size: 1.3rem;
  color: #081817;
  font-weight: 700;
  padding-bottom: 0.5rem;
  font-family: "Abel";
}

.safari-attributes {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: center;
  width: 100%;
  border-top: 1px dotted #a7a7a7;
  font-family: "Lexend Deca";
  font-weight: 600;
}

.safari-attributes .attrib-items {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  max-width: 33.33%;
  line-height: 35px;
  color: #828282;
  font-size: 1.3rem;
}

.safari-attributes .attrib-items:not(:first-child) {
  border-left: 1px dotted #a7a7a7;
}

.attrib-items a {
  color: #828282;
}

.attrib-items span i {
  color: #d0b757;
  font-size: 1.4rem !important;
}

/* Destinations */

.destinations {
  justify-content: center;
  text-align: center;
}

.destinations .title h1 {
  font-size: 2.4rem;
  margin-bottom: 2rem;
  font-family: "IBM Selectric Manifold";
  font-family: "Prata";
  color: #1e1c2a;
  font-weight: 600;
}

.destinations .destinations-container {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (minmax(30rem, 1fr)) [auto-fit];
  grid-template-columns: repeat(auto-fit, minmax(30rem, 1fr));
  /* display: flex; */
  justify-content: center;
  /* flex-wrap: wrap; */
  /* row-gap: 1.5rem;
  column-gap: 1rem; */
  gap: 1rem;
}

.destinations .destinations-card {
  position: relative;
  /* flex: 1 1 30rem; */
  border-radius: 0.2rem;
  max-width: 400px;
  text-align: center;
  border: 1px solid #f0f0f0;
  box-shadow: rgba(0, 0, 0, 0.04) 0px 2px 5px;
}

@media screen and (max-width: 617px) {
  .destinations .destinations-card {
    max-width: initial !important;
  }
}

.destinations-card .destinations-image {
  height: 20rem;
  overflow: hidden;
  padding: 0.2rem 0.2rem 0.6rem 0.2rem;
}

.destinations-card .destinations-image img {
  width: 100%;
  height: 100%;
  min-height: 20rem;
  cursor: pointer;
  border-radius: 0.2rem 0.2rem 0 0;
  object-fit: cover;
}

.destinations .destinations-card:hover {
  transform: translateY(-0.4%);
}

.destinations-card .content h3 {
  font-size: 1.9rem;
  font-family: "a_FuturaRound";
  font-weight: 800;
  color: #0a3a39;
  padding: 0.8rem 2rem 0rem;
  filter: drop-shadow(0 0 1px rgba(10, 58, 57, 0.4));
}

.destinations-card.content h3 i {
  color: #eb5e28;
  margin-right: 0.8rem;
}

.destinations-card .content p {
  font-size: 1.8rem;
  text-align: justify;
  font-weight: 600;
  line-height: 1.7rem;
  text-indent: 1.5rem;
  font-family: "Sulphur Point";
  color: #3c3c3c;
  padding: 0.5rem 2rem 1rem;
}

.destinations-card .content .stars i {
  font-size: 1.6rem;
  color: #eb5e28;
}

.destinations-card .content .readIt {
  position: relative;
  display: inline-flex;
  gap: 0.55rem;
  align-items: center;
  justify-content: center;
  width: 100%;
  border-top: 1px solid #eeebe4;
  padding: 1rem 2.5rem;
  color: #7e5545 !important;
  font-family: "Lexend Deca";
  text-transform: uppercase;
  font-size: 1.8rem;
}

.destinations-card .content .readIt:hover {
  color: #54595f;
}

.destinations .more_btn {
  margin-top: 3rem;
  background: transparent !important;
}

.destinations .more_btn .btn {
  margin: 0 !important;
}

/* contact--page */

.contact--title h2 {
  font-family: "IBM Selectric Manifold";
  font-weight: 600;
  font-size: 2.25rem;
  text-align: center;
  margin-bottom: 1.5rem;
  color: #3a3225;
}

.contact--details {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (minmax(30rem, 1fr)) [auto-fit];
  grid-template-columns: repeat(auto-fit, minmax(30rem, 1fr));
  column-gap: 1rem;
  row-gap: 2rem;
}

.location--container,
.whatsapp--container,
.email--container {
  position: relative;
  border-radius: 0.15rem;
  border: 1px solid #e5e5e53d;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.03);
  padding: 1.5rem;
  padding-bottom: 1.5rem;
  padding-bottom: 1.2rem;
}

.contact--details h3 {
  font-size: 2rem;
  margin-bottom: 0.4rem;
  line-height: 140%;
  color: #684b2f;
  font-weight: 700;
  font-family: "Prata";
}

.contact--details p {
  display: block;
  font-size: 1.45rem;
  color: #424242;
  font-family: "Lexend Deca";
}

.contact--details p a {
  display: block;
  font-size: 1.45rem;
  padding: 0.3rem 0;
  color: #424242;
  font-family: "Lexend Deca";
}

.contact--form {
  margin-top: 5rem;
}

.contact--form h3 {
  font-size: 2rem;
  margin-bottom: 2rem;
  line-height: 140%;
  color: #684b2f;
  font-weight: 700;
  font-family: "Prata";
}

.contant--content {
  position: relative;
  height: 7rem;
  border-bottom: 1px solid #bfbfbf56;
}

.input--field i {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 1.55rem;
  visibility: hidden;
}

.input--field i,
.container--outer-two i {
  position: absolute;
  top: 34px;
  right: 21px;
  font-size: 1.55rem;
  visibility: hidden;
}

.contant--content i {
  position: absolute;
  top: 7px;
  right: 7px;
  font-size: 1.55rem;
  visibility: hidden;
}

.default--select i {
  position: absolute;
  top: 13px !important;
  right: 7px;
  font-size: 1.55rem;
  visibility: hidden;
}


.input--field.success input,
.container--outer-two input,
.contant--content.success {
  border-color: #2ecc71;
}

.input--field.success i.fa-check-circle,
.container--outer-two i.fa-check-circle,
.contant--content.success i.fa-check-circle {
  visibility: visible;
  color: #2ecc71;
}

.input--field.error input,
.contant--content.error {
  border-color: #e74c3c;
}

.input--field.error i.fa-exclamation-circle,
.container--outer-two i.fa-exclamation-circle,
.contant--content.error i.fa-exclamation-circle {
  visibility: visible;
  color: #e74c3c;
}

.input--field small {
  position: absolute;
  bottom: -17px;
  left: 14px;
  font-size: 11px;
  font-family: "Lexend Deca";
  visibility: hidden;
}

.default--select small {
  left: 0 !important;
}

.container--outer-two small {
  position: absolute;
  bottom: -14px;
  left: 14px;
  font-size: 11px;
  font-family: "Lexend Deca";
  visibility: hidden;
}

.contant--content small {
  position: absolute;
  bottom: -18px;
  left: 0;
  font-size: 11px;
  font-family: "Lexend Deca";
  visibility: hidden;
}

.input--field.error small,
.contant--content.error small {
  visibility: visible;
  color: #e74c3c;
}

.form--fields-input {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (minmax(40rem, 1fr)) [auto-fit];
  grid-template-columns: repeat(auto-fit, minmax(40rem, 1fr));
  column-gap: 3rem;
  row-gap: 2rem;
}

@media screen and (max-width: 360px) {
  .form--fields-input {
    -ms-grid-columns: (minmax(25rem, 1fr)) [auto-fit];
    grid-template-columns: repeat(auto-fit, minmax(25rem, 1fr));
  }
}

/* sending-email */

.send--contents {
  position: relative;
  padding: 0 0 60px 0;
  max-width: 770px;
  margin-left: auto;
  margin-right: auto;
}

.send-form label {
  font-size: 15px;
  line-height: 32px;
  font-weight: 700;
  color: rgb(95, 55, 18);
  display: block;
  font-family: "Lexend Deca";
  margin-bottom: .5em;
}

.send-form label small {
  color: #b4bcc0;
  font-size: 14px;
  font-weight: normal;
}

.send-form input.total-subscribers {
  padding: 12.5px 20px;
  color: #5f3712;
  font-size: 1.45em;
  font-family: "Lexend Deca";
  display: block;
  border: 2px solid rgba(95, 55, 18, 0.6);
  background-color: transparent;
  -webkit-border-radius: 1px;
  border-radius: 1px;
  background-clip: padding-box;
  padding-left: 20px;
  padding-right: 20px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.send-form--part {
  padding-bottom: 15px;
  position: relative;
}

.send-form--part::after {
  content: "";
  display: table;
  clear: both;
}

.send-form input.total-subscribers {
  -webkit-border-radius: 1px;
  border-radius: 2px;
  background-clip: padding-box;
  float: left;
  width: 74%;
  margin-right: 2%;
}

.send-form .add-btn {
  width: 24%;
  float: left;
  background-color: #5f3712;
  margin-right: 0;
  font-family: "Lexend Deca";
  text-align: center;
  border-radius: 2px;
}

.send-form .add-btn {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
  padding: 13.8px 20px;
  color: #fff;
  font-size: 1.55em;
  border: 0;
}

@media screen and (max-width: 625px) {
  .send-form input.total-subscribers {
    width: 100%;
  }

  .send-form .add-btn {
    width: 100%;
    margin-top: 25px;
  }
}

.send-form--part #subject {
  width: 100%;
}

/* new */
.contact--icon {
  font-size: 16px;
  height: 3rem;
  width: 3rem;
  line-height: 3rem !important;
  text-align: center;
  color: #684b2f;
  border-radius: 50%;
  border-bottom: 1px solid #50394c42;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 2px 0px;
}

.contact--inputs {
  display: grid;
  row-gap: 2rem;
  margin-bottom: 2.5rem;
}

.contact--input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 1.55rem;
  font-family: "Lexend Deca";
  padding: 1rem 1rem 1rem 0;
  background: none;
  border: none;
  outline: none;
  z-index: 1;
}

.contact--input {
  color: #684b2f;
}

.contact--label {
  position: absolute;
  top: 0.75rem;
  font-size: 1.45rem;
  font-family: "Lexend Deca";
  width: 100%;
  color: #818181d2;
}

.contact--input:focus+.contact--label {
  top: -1.5rem;
  left: 0;
  font-size: 1.25rem;
  z-index: 5;
  transition: all 0.4s ease;
}

.contact--input:not(:placeholder-shown).contact--input:not(:focus)+.contact--label {
  top: -1.5rem;
  font-size: 1.25rem;
  z-index: 5;
}

.contact--text-area {
  min-height: 7rem;
}

.contact--text-area textarea {
  resize: none;
}

.contact--btn {
  margin-top: 2.5rem;
  margin-left: 0 !important;
  text-transform: capitalize;
  cursor: pointer;
  outline: none;
}

/* package--booking-pop-up */

.booking--container-form {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.8);
  padding: 0 10%;
  margin: 0 auto;
  opacity: 0;
}

.booking--container-form.is--active {
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  opacity: 1;
}

/* Add Zoom Animation */
.animate {
  -webkit-animation: animatezoom 0.6s;
  animation: animatezoom 0.6s
}

@-webkit-keyframes animatezoom {
  from {
    -webkit-transform: scale(0)
  }

  to {
    -webkit-transform: scale(1)
  }
}

@keyframes animatezoom {
  from {
    transform: scale(0)
  }

  to {
    transform: scale(1)
  }
}

.isTriggered .booking--form {
  position: relative;
  overflow: auto;
  padding-bottom: 2.5rem;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  background-color: #f7fafc;
}

.package--booking-container {
  position: relative;
  padding: 1.5rem 3rem !important;
}

.booking--top {
  position: sticky;
  top: 0%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 64px;
  padding: 24px;
  z-index: 2;
  background-color: #f7fff7;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px,
    rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
}

.booking--top p {
  font-family: "Abel";
  font-size: 2rem;
  font-weight: 600;
}

.booking--top i {
  background: #f7fff7;
  color: #878787;
  font-size: 2.4rem;
  padding: .55rem;
  text-align: center;
  cursor: pointer;
  z-index: 2;
  border-radius: 50%;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 2px 0px;
}

.booking--form-contents {
  margin-top: 2rem;
  border-bottom: 1px dotted #a7a7a773;
}

.booking--title {
  color: #684b2f;
  padding: 0.6rem;
  font-size: 2.2rem;
  font-weight: 600;
  text-align: center;
  font-family: "Prata";
}

.booking--form-contents h4 {
  font-family: "IBM Selectric Manifold";
  font-weight: 600;
  font-size: 1.8rem;
  text-align: center;
  margin-bottom: 1.5rem;
  color: #3a3225;
}

/* booking */

.booking .title {
  margin-bottom: 2rem;
}

.booking .title h2 {
  font-family: "IBM Selectric Manifold";
  font-weight: 600;
  font-size: 3rem;
  text-align: center;
  margin-bottom: 1.5rem;
  color: #3a3225;
}

.booking-container {
  position: relative;
  width: 100%;
  max-width: 100%;
  padding: 5px;
  border-radius: 0.2rem;
  margin-right: auto !important;
  margin-left: auto !important;
}

.booking-container h3 {
  position: relative;
  font-size: 20px;
  font-family: "Abel";
  font-weight: 700;
  color: #333;
}

.booking-container {
  height: 100%;
  width: 100%;
}

.booking-container form {
  position: relative;
  margin-top: 0.4rem;
  min-height: 455px;
  height: 100%;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  overflow-y: auto !important;
}

.booking-container form .form {
  width: 100%;
  height: 10%;
  padding: 0 2%;
  position: absolute;
  transition: all 0.6s ease;
}

@media screen and (max-width: 1080px) {
  .booking--container-form {
    padding: 0 8% !important;
  }
}

@media screen and (max-width: 991px) {
  .booking--container-form {
    padding: 0 4% !important;
  }
}

@media screen and (max-width: 768px) {
  .booking--container-form {
    padding: 0 2% !important;
  }
}

@media screen and (max-width: 640px) {

  .booking-container form .form,
  .booking--container-form {
    padding: 0% !important;
  }
}

.booking-container form .form.second {
  opacity: 0;
  pointer-events: none;
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  -o-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.72, 0.03, 0.29, 0.95) 0.3s;
  transition: -webkit-transform 0.6s cubic-bezier(0.72, 0.03, 0.29, 0.95) 0.3s;
  -webkit-transition: transform 0.6s cubic-bezier(0.72, 0.03, 0.29, 0.95) 0.3s;
  -moz-transition: transform 0.6s cubic-bezier(0.72, 0.03, 0.29, 0.95) 0.3s;
  -ms-transition: transform 0.6s cubic-bezier(0.72, 0.03, 0.29, 0.95) 0.3s;
  -o-transition: transform 0.6s cubic-bezier(0.72, 0.03, 0.29, 0.95) 0.3s;
  transition: transform 0.6s cubic-bezier(0.72, 0.03, 0.29, 0.95) 0.3s;
}

.booking-container form.second-is-active .form.second {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.booking-container form.second-is-active .first--form {
  opacity: 0;
  pointer-events: none;
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  -o-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.72, 0.03, 0.29, 0.95) 0.3s;
  transition: -webkit-transform 0.6s cubic-bezier(0.72, 0.03, 0.29, 0.95) 0.3s;
  -webkit-transition: transform 0.6s cubic-bezier(0.72, 0.03, 0.29, 0.95) 0.3s;
  -moz-transition: transform 0.6s cubic-bezier(0.72, 0.03, 0.29, 0.95) 0.3s;
  -ms-transition: transform 0.6s cubic-bezier(0.72, 0.03, 0.29, 0.95) 0.3s;
  -o-transition: transform 0.6s cubic-bezier(0.72, 0.03, 0.29, 0.95) 0.3s;
  transition: transform 0.6s cubic-bezier(0.72, 0.03, 0.29, 0.95) 0.3s;
}

.first--form #step {
  padding: 0 !important;
  height: 0 !important;
  width: 0 !important;
  line-height: 0 !important;
  font-size: 0 !important;
  visibility: hidden;
}

form .personal-details .booking-title,
form .Other-details .booking-title {
  display: inline-block;
  font-family: "Prata";
  margin-bottom: 8px;
  font-size: 1.85rem;
  font-weight: 500;
  margin: 6px 0;
  color: #333;
}

.booking-container form .fields {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

form .fields .input-field {
  position: relative;
  display: flex;
  width: calc(100% / 3 - 15px);
  flex-direction: column;
  margin-bottom: 1rem;
}

.booking-container form .btn {
  margin-left: 0 !important;
  text-transform: capitalize;
}

.input-field label {
  font-size: 15px;
  color: #684b2f;
  margin: 4px 0;
  font-family: "Lexend Deca";
}

.input-field input,
.input-field select {
  background: none;
  border: 1px solid #eeebe4;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.01);
  font-size: 1.4rem;
  color: #684b2f;
  width: 100%;
  height: 38px;
  font-family: "Lexend Deca";
  margin-bottom: 8px;
  padding: 0px 15px;
}

.input-field input::placeholder {
  color: #495057ad !important;
}

.input-field textarea {
  height: 80px;
  padding: 1rem;
  background: none;
  border: 1px solid #eeebe4;
  resize: vertical;
  color: #684b2f;
  font-size: 1.45rem;
  font-family: "Lexend Deca";
}

.input-field input::placeholder {
  color: #495057;
}

.input-field input:is(:focus, :valid) {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05);
}

.input-field input[type="date"] {
  color: #818181e8;
}

.input-field input[type="date"]:valid {
  color: #333;
}

form button i {
  margin: 0 6px;
}

.input-field i {
  position: absolute;
  top: 34px;
  right: 10px;
  font-size: 1.55rem;
  visibility: hidden;
}

.field--input-news i {
  position: absolute;
  top: 51px;
  right: 10px;
  font-size: 1.8rem;
  visibility: hidden !important;
}

.input-field.success input {
  border-color: #2ecc71;
}

.field--input-news.success input {
  border: 2px solid #2ecc71 !important;
}

.input-field.success select {
  border-color: #2ecc71;
}

.input-field.success textarea {
  border-color: #2ecc71;
}

.input-field.success i.fa-check-circle {
  visibility: visible;
  color: #2ecc71;
}

.field--input-news i.fa-check-circle {
  visibility: visible;
  color: #2ecc71;
}

.input-field.error input {
  border-color: #e74c3c;
}

.field--input-news.error input {
  border: 2px solid #e74c3c !important;
}

.input-field.error select {
  border-color: #e74c3c;
}

.input-field.error textarea {
  border-color: #e74c3c;
}

.input-field.error i.fa-exclamation-circle {
  visibility: visible;
  color: #e74c3c;
}

.field--input-news.error i.fa-exclamation-circle {
  visibility: visible !important;
  color: #e74c3c !important;
}

.input-field i.textarea {
  top: 70px !important;
}

.input-field small {
  position: absolute;
  bottom: -10px;
  left: 0;
  font-size: 11px;
  font-family: "Lexend Deca";
  visibility: hidden;
}

.field--input-news small {
  position: absolute;
  bottom: -9px;
  left: 0;
  font-size: 14px;
  font-family: "Lexend Deca";
  visibility: hidden;
}

.input-field small.textArea {
  bottom: -15px;
}

.input-field.error small {
  visibility: visible;
  color: #e74c3c;
}

.field--input-news.error small {
  visibility: visible !important;
  color: #e74c3c;
}

form .btns {
  display: inline-block;
  align-items: center;
  width: auto;
}

form .btns button,
.backBtn {
  margin-right: 14px;
}

.next--notification {
  display: inline-block;
  margin-left: 0.5rem;
}

.next--notification span,
.submit--notification span {
  visibility: hidden;
  color: #2ecc71;
  font-weight: bolder;
  font-family: "Abel";
  font-size: 1.65rem;
}

.form--notification {
  display: inline-block !important;
  margin-left: 0.5rem;
}

.submit--notification {
  display: inline-block;
  margin-left: 0.5rem;
}

@media screen and (max-width: 410px) {
  .form--notification {
    margin-left: 0rem;
  }

  .submit--notification {
    margin-left: 0rem;
  }
}

.form--notification span {
  visibility: visible;
  color: #2ecc71;
  font-weight: bolder;
  font-family: "Abel";
  font-size: 1.65rem;
}

.submit--notificationNews {
  text-align: center !important;
  padding: 2rem 0 0;
}

.submit--notificationNews span {
  font-size: 1.8rem;
  filter: drop-shadow(0 0 1px rgba(46, 204, 113, 0.4));
}

.next--notification.error span {
  color: #e74c3c;
}

@media screen and (max-width: 900px) {
  .booking-container form {
    min-height: 650px;
  }

  .booking-container form::-webkit-scrollbar {
    display: none !important;
  }

  form .fields .input-field {
    width: calc(100% / 2 - 15px);
  }
}

@media screen and (max-width: 650px) {
  .booking-container form {
    min-height: 1060px;
  }

  form .fields .input-field {
    width: 100%;
  }
}

/* Trip plan */

.plan-trip {
  justify-content: center;
}

.plan-trip h1 {
  font-family: "IBM Selectric Manifold";
  font-weight: 600;
  font-size: 3rem;
  text-align: center;
  margin-bottom: 1.5rem;
  color: #3a3225;
}

.plan-trip .form {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(30rem, 1fr));
  gap: 1.5rem;
}

.plan-trip .form {
  padding: 2rem;
  border-radius: 0.4rem;
  border-radius: 0.8rem;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

.form .input-box {
  position: relative;
  margin: auto 1rem;
}

.form-one .input-box input,
.form-two .input-box input,
.form-three .input-box input {
  width: 100%;
  padding: 1.2rem 1.4rem;
  font-size: 1.4rem;
  color: #333;
  margin: 0.8rem 0;
  border: none;
  text-transform: none;
}

.form-one .input-box span,
.form-two .input-box span,
.form-three .input-box span {
  font-size: 1.4rem;
  position: relative;
  left: 1rem;
  color: #666;
}

.form .form-one h2,
.form .travel_details h2,
.form .form-three h2,
.form .prefered_accomo h2,
.other.input-box h2 {
  font-family: "Abel";
  font-weight: 600;
  font-size: 2rem;
  margin-bottom: 1.5rem;
  color: #3a3225;
}

.form .travel_details .content {
  position: relative;
  margin: auto 1rem;
}

.travel_details .content p {
  text-align: justify;
  font-family: "Advent Pro";
  text-indent: 1rem;
  font-size: 1.4rem;
  font-weight: 600;
  color: #666;
}

.travel_details .form-two {
  margin-top: 0.8rem;
}

.form-three h2 {
  font-family: "Abel";
  font-weight: 600;
  font-size: 2rem;
  margin-bottom: 1.5rem;
  color: #3a3225;
}

.prefered_accomo .accomo-checkbox {
  display: flex;
  flex-wrap: wrap;
}

.accomo-checkbox .input-checkbox {
  flex: 1 1 14rem;
}

.input-checkbox span {
  font-size: 1.6rem;
  position: relative;
  left: 0.4rem;
  color: #666;
}

/* new newsletter */

.newsletter {
  background: linear-gradient(180deg,
      rgba(0, 0, 0, 0.753) 0%, rgba(0, 0, 0, 0.521) 100%), url("../assets/467178d903f3168c11c090a246ca4b19-1638449549.jpg");
  background-size: cover;
  background-position: bottom;
  background-attachment: fixed;
}

.newsletter--container {
  position: relative;
  z-index: 1;
  overflow: hidden;
  min-height: 200px;
  height: 100%;
  transition: all 0.4s ease 0s;
}

.newsletter-header {
  display: flex;
  width: 100%;
  -moz-box-pack: center;
  justify-content: center;
  -moz-box-align: center;
  align-items: center;
  height: 100%;
}

.newsletter-header {
  position: absolute;
  top: 0px;
  left: 0px;
  transform: translateY(0px);
  opacity: 1;
  transition: all 0.4s ease 0s;
  cursor: pointer;
  z-index: 1;
  pointer-events: all;
}

.newsletter-header.newsletter-header--is-inactive {
  position: absolute;
  top: 0px;
  left: 0px;
  transform: translateY(-200px);
  opacity: 0;
  transition: all 0.4s ease 0s;
  cursor: pointer;
  z-index: -1;
  pointer-events: none;
}

.title--container {
  display: flex;
  flex-direction: column;
  -moz-box-pack: center;
  justify-content: center;
  -moz-box-align: center;
  align-items: center;
  text-align: center;
  width: 100%;
}

@media screen and (min-width: 576px) {
  .title--container {
    flex-direction: column;
  }
}

.newsletter--descriptions h2 {
  font-family: "Prata";
  font-weight: 600;
  font-size: 26px;
  line-height: 1.2;
  color: #ffffff !important;
}

@media screen and (min-width: 576px) {
  .newsletter--descriptions h2 {
    font-size: 36px;
  }
}

.newsletter--descriptions p {
  text-align: center;
  font-family: "Lexend Deca";
  font-size: 2.4rem;
  color: azure;
  padding: 0.5rem;
}

.newsletter--descriptions span {
  text-align: center;
  color: #ffa500;
}

.newsletter-icon {
  display: inline-block;
  transform: translateY(2px);
  color: #ffffff !important;
  transition: all 0.3s ease 0s;
}

.newsletter-icon i {
  font-size: 30px;
}

.newsletter-header:hover .newsletter-icon {
  transform: translateY(8px);
}

.newsletter-boy {
  padding: 16px;
}

.newsletter-body-icon {
  position: absolute;
  right: 0;
  top: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f0efef;
  height: 3.5rem;
  width: 3.5rem;
  padding: 1.5rem;
  border-radius: 50%;
  cursor: pointer;
  z-index: 5 !important;
}

@media screen and (max-width: 678px) {
  .newsletter-body-icon {
    top: .725rem !important;
  }
}

.newsletter-body .icon-times {
  display: inline-block;
  font-size: 14px;
  text-rendering: auto;
  font-weight: 800;
  color: #8c9292;
  font-size: 20px;
  caret-color: transparent;
}

.newsletter-body.newsletter-body--is-inactive {
  position: absolute;
  width: 100%;
  height: fit-content;
  top: 0px;
  left: 0px;
  transition: transform 0.3s ease 0s, opacity 0.5s ease 0s;
  opacity: 0;
  transform: translateY(100px);
  pointer-events: none;
}

@media screen and (min-width: 576px) {
  .newsletter-boy {
    padding: 32px;
  }
}

.newsletter-body--content {
  display: flex;
  margin: auto;
  padding-top: 16px;
  padding-bottom: 16px;
  flex-direction: column;
  -moz-box-pack: center;
  justify-content: center;
  -moz-box-align: center;
  align-items: center;
}

@media screen and (min-width: 576px) {
  .newsletter-body--content {
    padding-top: 32px;
    padding-bottom: 32px;
    flex-direction: row;
  }
}

.newsletter-inner-body--content {
  width: 100%;
}

.newsletter-body--content .field--inputs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

@media screen and (min-width: 576px) {
  .newsletter-body--content {
    flex-direction: column;
  }
}

.field--inputs .field--input-news {
  position: relative;
  display: flex;
  width: calc(100% / 3 - 15px);
  flex-direction: column;
}

.field--inputs .field--input-news label {
  font-size: 2rem;
  font-weight: 500;
  color: #f0efef;
  margin: 4px 0;
  font-family: "Lexend Deca";
}

.field--inputs .field--input-news input {
  border: 1px solid #aaa;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.13);
  border-radius: 3px;
  font-size: 14px;
  font-weight: 400;
  color: #333;
  height: 42px;
  font-family: "Lexend Deca";
  margin: 8px 0;
  padding: 0px 15px;
}

@media screen and (max-width: 900px) {
  .field--inputs .field--input-news {
    width: calc(100% / 2 - 15px);
  }
}

@media screen and (max-width: 650px) {
  .field--inputs .field--input-news {
    width: 100%;
  }
}

.newsletter-form .submit-btn {
  padding-top: 32px;
  text-align: center;
}

.submit-btn .submit--btn {
  padding: 10px 20px;
  color: #ffffff;
  border: medium none;
}

.submit-btn .submit--btn {
  display: inline-block;
  -moz-box-align: center;
  align-items: center;
  font-size: 1.8rem;
  font-weight: 600;
  cursor: pointer;
  font-family: "Lexend Deca";
  letter-spacing: 0.15em;
  text-transform: uppercase;
  background: transparent;
  transition: all 0.3s ease 0s;
}

/* Footer */

.footer {
  background: #f5fffa;
  background: #f1f6f5;
  padding-bottom: 2.5rem !important;
}

.footer-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  border-top: 1px dotted #a7a7a775;
  padding-top: 0.8rem;
  gap: 2rem;
}

.footer-container .footer-box {
  flex: 1 1 25rem;
}

.footer .our-slogan {
  text-align: center;
  margin-bottom: 2rem;
}

.footer .our-slogan:hover i {
  transform: translateY(5px);
}

.our-slogan h4 {
  position: relative;
  text-align: center;
  display: inline-block;
  padding-bottom: 1.4rem;
  font-size: 2.4rem;
  color: #034b01;
  font-family: "Abel";
}

.our-slogan .slogan-title::before {
  position: absolute;
  content: "";
  width: 40px;
  height: 3px;
  top: 50%;
  left: -48px;
  margin-top: -8px;
  background: #034b01;
}

.our-slogan .slogan-title::after {
  position: absolute;
  content: "";
  width: 40px;
  height: 3px;
  top: 50%;
  right: -48px;
  margin-top: -8px;
  background: #034b01;
}

.our-slogan p {
  font-family: "sulphur point";
  font-weight: 600;
  cursor: pointer;
  padding-bottom: 0.8rem;
  color: #1f1e24;
  font-size: 1.7rem;
}

.our-slogan .imageBox img {
  height: 34px;
  margin-top: 2px;
  filter: drop-shadow(0 0 1px #000);
}

.footer-container .footer-box h3 {
  position: relative;
  font-family: "Simplifica";
  font-weight: 800;
  font-size: 2.2rem;
  margin: 1rem 0;
  color: #0a3a39;
}

.footer-container .footer-box h3::before {
  content: "";
  position: absolute;
  height: 2px;
  width: 50px;
  left: 0;
  bottom: -3px;
  background: #0a3a39;
  ;
}

.footer-container .footer-box a {
  display: block;
  font-family: "Abel";
  font-size: 1.8rem;
  padding: 0.4rem 0;
  color: #0a3a39;
}

.footer-container .footer-box a i {
  color: #0a3a39;
  font-size: 1.4rem;
  padding-right: 0.5rem;
}

.footer-container .footer-box a:hover {
  color: #3e4444;
}

.footer-container .footer-box a:hover i {
  padding-right: 2rem;
}

.footer-container .footer-box .map {
  width: 100%;
  max-width: 300px;
}

.footer .share {
  position: relative;
  margin-top: 2rem;
  text-align: center;
}

.footer .share .share_links {
  padding-bottom: 1.5rem;
}

.footer .share a i {
  height: 4rem;
  width: 4rem;
  line-height: 4rem;
  font-size: 2rem;
  text-align: center;
  color: #0a3a39;
  margin: 0 0.4rem;
  border-radius: 50%;
  border-bottom: 1px solid #50394c42;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 2px 0px;
}

.footer .share a i:hover {
  transform: scale(0.9);
}

.footer .credity {
  position: relative;
  border-top: 1px dotted #a7a7a775;
  padding-top: 1.5rem;
  font-size: 1.55rem;
  color: #b2b2b2;
  line-height: 2.5rem;
  font-family: "a_FuturaRound";
  text-align: center;
}

.footer .credity a {
  font-size: 2rem;
  font-family: "Buysling";
  color: #0a0a29;
  font-weight: bolder;
}

/* toprated */

.promo--toprated {
  z-index: 2;
  top: 2rem;
  left: 0.175rem;
  height: 2.8rem;
  border: 1px solid #c7f8f6af;
  box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.2);
  position: absolute;
}

.promo--toprated div {
  width: 2.5625rem;
  height: 2.5625rem;
  background: #042423;
  border-right: 1px solid #c7f8f6b9;
  display: inline-block;
  position: relative;
}

.promo--toprated div svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-64%);
}

.promo--toprated strong {
  background-color: #042423;
  font-size: 1.5rem;
  font-family: "Sofia Pro";
  padding: 0 0.625rem;
  display: block;
  height: 2.5625rem;
  color: #fff;
  top: 0;
  position: relative;
  float: right;
  line-height: 2.79rem;
  text-shadow: 1px 1px #0b4d4b;
}

.promo--toprated strong.gold {
  color: #ffd700;
}

/* Media Queries */

@media only screen and (max-width: 991px) {
  html {
    font-size: 55%;
  }

  section {
    padding: 2.5rem 6.5%;
  }
}

@media only screen and (max-width: 600px) {
  .package-tabs ul.tabs {
    display: block;
    text-align: center;
    margin-block-start: 1em;
    margin-block-end: 1em;
  }

  .package-tabs .tabs li a {
    color: #666 !important;
    padding: 10px 11px !important;
    font-size: 1.6rem;
  }

  .package-tabs ul.tabs li:nth-child(1),
  .package-tabs ul.tabs li:nth-child(2),
  .package-tabs ul.tabs li:nth-child(3),
  .package-tabs ul.tabs li:nth-child(4) {
    border-bottom: none;
    border-right: 1px solid #d3ced2;
  }

  .package-tabs ul.tabs li:nth-child(5) {
    border-bottom: 1px solid #d3ced2;
  }
}

@media only screen and (max-width: 375px) {
  .routes .tems {
    padding: 0 0.2rem;
  }

  .routes li {
    list-style: disc !important;
    font-size: 1.8rem;
  }
}

/* package--details*/

.package_details {
  margin: 0px;
}

.package-details {
  padding: 0 9% !important;
  padding-bottom: 2rem !important;
}

@media only screen and (max-width: 991px) {
  .package-details {
    padding: 2.5rem 6.5% !important;
  }
}

@media screen and (max-width: 678px) {
  .a-little--nav li a {
    /* margin: 0 !important; */
  }
}

.package_details ul.tabs {
  display: flex;
}

.package-tabs ul.tabs {
  line-height: 40px;
  padding-bottom: 2rem;
}

.package-tabs ul.tabs {
  position: relative;
  margin: 0 auto;
}

.package-tabs .tabs.tabs-active {
  position: fixed;
  top: 0;
  left: 9%;
  right: 9%;
  background: #f1faee;
  padding: 0.4rem;
  z-index: 1000;
}

.package-tabs ul.tabs li {
  position: relative;
  width: 100%;
  margin-left: 0.6rem;
  background: #f1faee;
  text-align: center;
  cursor: pointer;
}

.package-tabs .tabs li a {
  color: #666 !important;
  padding: 20px 22px !important;
  font-size: 1.8rem;
}

.package_details .contents .important--list {
  padding: 1rem 0;
}

.tab-note .note--tab {
  font-size: 1.7rem;
  font-family: "Abel";
  color: #031f1e;
}

.included .note--tab h3,
.disclamer .note--tab h3 {
  color: #0a3a39;
  filter: drop-shadow(0 0 1px rgba(10, 58, 57, 0.4));
}

.excluded .note--tab h3 {
  color: #813611;
  filter: drop-shadow(0 0 1px rgba(129, 54, 17, 0.4));
}

.contents .important--list li {
  position: relative;
  display: block;
  /* font-size: 1.8rem; */
  margin-bottom: 10px;
  padding-left: 50px !important;
  list-style: none !important;
}

.contents .important--list {
  counter-reset: item;
  font-size: 15px !important;
  line-height: 1.69em !important;
  font-family: "Lexend Deca";
  list-style-type: none;
  color: #0a3a39;
}

.contents .important--list li::after {
  content: counter(item) " ";
  counter-increment: item;
  position: absolute;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  width: 25px;
  height: 25px;
  border-radius: 100%;
  color: #0a3a39;
  border-bottom: 1px solid #50394c42;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 2px 0px;
  left: 15px;
  top: 2px;
}

.important--list a {
  font-weight: 600;
  color: #9a7121;
}

.important--list b {
  color: #8d6617;
}

.package_details .contents .tab-booking a {
  font-size: 1.8rem;
  color: #034b01;
}

.contents .tab-booking a span {
  border-bottom: 2px dotted #034b01b9;
}

.contents .tab-booking a:hover>span i {
  transform: translateX(6px);
}

.package-tabs .contents .panel:not(:first-child),
.package-tabs .contents .panel-tab {
  display: none;
}

.tab-note .justify--div,
.accommodation--contents .justify--div,
.more--details .justify--div,
.sub-tab .justify--div {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: center;
  width: 100%;
}

.justify--div .included {
  flex: 1;
  width: 50%;
  border-right: 1px dotted rgba(102, 102, 102, 0.363);
  border-right: 1px dotted #e2e2e2;
  padding-right: 2rem;
}

.justify--div .excluded {
  flex: 1;
  width: 50%;
  padding-bottom: 3rem;
  padding-left: 2rem;
}

@media screen and (max-width: 1024px) {

  .tab-note .justify--div,
  .more--details .justify--div,
  .accommodation--contents .justify--div,
  .sub-tab .justify--div {
    flex-direction: column;
  }

  .objective--paragraphs {
    width: 100%;
  }

  .justify--div .included {
    flex: 0;
    width: 100%;
    border-right: none;
    padding-right: 0;
  }

  .justify--div .excluded {
    flex: 0;
    width: 100%;
    padding-bottom: 3rem;
    padding-left: 0;
  }
}

@media screen and (max-width: 1024px) {

  .tab-note .justify--div,
  .more--details .justify--div,
  .accommodation--contents .justify--div,
  .sub-tab .justify--div {
    flex-direction: column;
  }

  .justify--div .included {
    flex: 0;
    width: 100%;
    border-right: none;
    padding-right: 0;
  }

  .justify--div .excluded {
    flex: 0;
    width: 100%;
    padding-bottom: 3rem;
    padding-left: 0;
  }
}

.accord {
  display: flex;
  align-items: center;
  justify-content: center;
}

.accordion {
  max-width: 1024px;
  width: 100%;
  /* overflow: hidden; */
  border-radius: 0.4px;
}

.accordion .accordion-item {
  border-radius: 0.125rem;
  box-shadow: #00000029 0px 1px 4px;
  margin-bottom: 1.25rem;
  padding: 1.5rem 1.5rem 0;
  border-radius: 0.125rem;
}

.accordion-item .accordion-title {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1.2rem;
  padding: 0rem 0.8rem;
  width: 100%;
  padding-bottom: 0.6rem;
}

.accordion-item .accordion-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  color: #2e2e2e;
  cursor: pointer;
  background: none;
  outline: none;
  border: none;
}

.accordion-header strong {
  font-family: "Lexend Deca";
  font-size: 1.4rem !important;
  font-weight: 600;
  color: #2e2e2e;
}

.accordion-header strong span {
  color: #9a7121 !important;
}

.accordion-header .mshale i {
  font-size: 1.5rem;
  font-weight: 900;
  color: #9a7121;
  transition: all 0.3s ease;
}

.open-it .accordion-header i {
  transform: rotate(180deg);
}

.accordion-title .destination-pin small {
  color: #5c5b5b;
  font-size: 1.5rem;
  font-family: "Lexend Deca";
}

.accordion-title .destination-pin i {
  color: #9a7121;
  font-size: 1.5rem;
}

.accordion-item .accordion-body {
  max-height: 0;
  overflow: hidden;
  transition: all 0.3s ease;
}

.open-it .accordion-body {
  border-top: 1px dotted #708090a1;
  transition: all 0.3s ease;
}

.accordion-body .route-info ul {
  padding: 1rem 2rem 0 2rem;
}

.accordion-body .route-info ul li {
  list-style-type: circle;
  font-size: 1.6rem;
  padding: 0.6rem 0;
  color: #50531e;
  font-family: "sulphur point";
  text-align: justify;
}

.accordion-body h4 {
  font-size: 1.6rem;
  color: #292103 !important;
  font-family: "karla";
}

.accordion-body strong {
  color: #684b2f;
}

.accordion-body p strong {
  color: #615119;
}

.route-info ul li span {
  color: #292103 !important;
}

.accordion-item .accordion-body p {
  font-family: "sulphur point";
  color: #444343;
  font-size: 1.6rem !important;
  text-indent: 1rem;
  text-align: justify;
  transition: all 0.3s ease;
}

/* Activities */

.activities-container {
  display: grid;
  -ms-grid-columns: (minmax(17rem, 1fr)) [auto-fit];
  grid-template-columns: repeat(auto-fit, minmax(17rem, 1fr));
  justify-content: center;
  gap: 1rem;
}

.activities-box {
  position: relative;
  width: 100%;
  padding: 0.85rem;
  border: 1px solid #f0f0f0;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
  text-align: center;
  transition: 0.3s;
}

.activities-box .activities-img {
  height: 10rem;
}

.activities-box .activities-title {
  font-size: 1.35rem;
  margin-top: 0.4rem;
  font-family: "Sulphur point";
  color: #0d1b2a;
  font-weight: 800;
}

.activities-box .activities-title {
  text-transform: uppercase;
}

.activities-box:hover {
  box-shadow: 0 4px 10px #1a1a1a1a;
}

@media only screen and (min-width: 768px) {
  .accordion-item {
    padding: 2.5rem 4.25rem 0;
  }
}

@media only screen and (min-width: 480px) {
  .accordion-item {
    padding: 2rem 2rem 0;
  }
}

@media screen and (min-width: 723px) {
  .package-tabs .mobile-tabs {
    display: none;
  }
}

@media only screen and (max-width: 723px) {
  .package-tabs .mobile-tabs {
    position: relative;
    box-shadow: 0 0.125rem 0.5625rem 0 #cccccc80;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    min-height: 100%;
    height: 100%;
  }

  .mobile-tabs .mobile-nav-wrap {
    caret-color: transparent;
    flex-grow: 1;
    height: 5rem;
    padding: 1rem;
    background: #f7fafc;
  }

  .mobile-tabs .mobile-nav-wrap span {
    color: #5f5f5f !important;
    font-size: 1.5rem;
    font-family: "Lexend Deca";
    font-weight: 600;
  }

  .mobile-tabs .mobile-nav-wrap i {
    color: #666;
    font-size: 1.6rem;
  }

  .active-arrow {
    transform: rotate(-180deg);
  }

  .mobile-nav-wrap ul.mobile_tabs {
    position: absolute;
    left: 0;
    margin-top: 1.5rem;
    height: auto;
    width: 100%;
    background: #f7fafc;
    box-shadow: 0 0.125rem 0.5625rem 0 #cccccc80;
    transition: all 0.4s ease;
    transform: translate3d(0, -2.5rem, 0);
    opacity: 0;
    z-index: 1;
  }

  .mobile-nav-wrap ul.mobile_tabs.active-tabs-mobile {
    transform: none;
    opacity: 1;
  }

  .mobile-nav-wrap .mobile_tabs li {
    width: 100%;
    display: block;
    color: #666;
    padding: 1rem;
    cursor: pointer;
    transition: 0.4s ease;
  }

  .mobile-nav-wrap .mobile_tabs li:not(:last-child) {
    border-bottom: 1px dotted #708090;
  }

  .mobile-nav-wrap ul.mobile_tabs li:hover {
    background: #edfce8;
  }

  .mobile-nav-wrap .mobile_tabs li a {
    color: #5f5f5f !important;
    font-size: 1.5rem;
    font-family: "Lexend Deca";
    font-weight: 600;
  }

  .mobile-nav-wrap .mobile_tabs {
    width: 100%;
    display: block;
    color: #7f7e7e;
    cursor: pointer;
  }

  .mobile-nav-wrap .current-item-wrap {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    min-height: 100%;
    cursor: pointer;
    background: inherit;
    z-index: 3;
  }

  .package-tabs ul.tabs {
    display: none;
    text-align: center;
    margin-block-start: 1em;
    margin-block-end: 1em;
  }

  .package-tabs .tabs li a {
    color: #666 !important;
    padding: 10px 11px !important;
    font-size: 1.6rem;
  }

  .package-tabs ul.tabs {
    line-height: 40px;
    padding-bottom: 2rem;
  }

  .package-tabs ul.tabs {
    position: relative;
    margin: 0 auto;
    overflow: hidden;
  }

  .package-tabs .tabs.tabs-active {
    position: fixed;
    top: 0;
    left: 9%;
    right: 9%;
    background: #f1faee;
    padding: 0.4rem;
    z-index: 1000;
  }

  .package-tabs ul.tabs li {
    position: relative;
    width: 100%;
    margin-left: 0.6rem;
    background: #f1faee;
    text-align: center;
    cursor: pointer;
  }
}

@media only screen and (max-width: 770px) {
  .container-img-tab .pop-upImage img {
    width: 90%;
  }
}

@media only screen and (max-width: 600px) {
  .package-tabs .tabs li a {
    color: #666 !important;
    padding: 10px 11px !important;
    font-size: 1.6rem;
  }
}

@media screen and (max-width: 495) {

  .form-inputs:hover>.box-email,
  .box-email:focus {
    width: 200px;
    padding: 0 10px;
  }
}

@media screen and (max-width: 350) {

  .form-inputs:hover>.box-email,
  .box-email:focus {
    width: 120px;
    padding: 0 10px;
  }
}

@media only screen and (max-width: 660px) {
  .visibility {
    display: none;
  }
}

@media only screen and (max-width: 450px) {
  html {
    font-size: 50%;
  }

  .package-card .package-items span {
    font-size: 1.75rem;
  }

  .package_details .contents .accordion-body p,
  .package_details .contents .tab-descriptions p {
    /* font-size: 1.9rem; */
    font-size: 1.5rem;
  }

  .accordion-item .accordion-body p {
    font-size: 1.9rem !important;
  }

  .header .nav-one {
    padding: 2rem;
  }

  .package-details {
    display: flex;
    flex-direction: column;
  }

  .package-details .one-img {
    width: 100%;
  }
}

@media only screen and (max-width: 421px) {
  .safari-images {
    overflow: hidden;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
  }
}

@media only screen and (max-width: 487px) {
  .header .nav-two {
    padding: 0.2rem 8%;
  }
}

@media only screen and (max-width: 400px) {
  .safari-images {
    overflow: hidden;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
  }

  .nav-one .brand-name h4 {
    font-size: 2.4rem;
  }

  .package_btn {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
  }
}

/* about page */

.descriptions-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 2.5rem;
  caret-color: transparent;
}

@media screen and (max-width: 1121px) {
  .descriptions-container {
    flex-direction: column;
    gap: 0;
  }
}

.descriptions-container .questions-box {
  flex: 1 1 30rem;
}

.question-item .question-header {
  display: flex;
  justify-content: space-between;
  padding: 1.4rem;
  align-items: center;
  cursor: pointer;
}

.question-title strong span {
  color: #9a7121 !important;
}

.questions-box .question-item {
  position: relative;
  border-radius: 0.4rem;
  margin: 2rem 0;
  padding: 0.2rem;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px,
    rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
}

.question-header .mshale {
  text-align: center;
  padding-right: 0.9rem;
}

.question-item .question-header i {
  font-size: 1.7rem;
  font-weight: 700;
  color: #684b2f;
  transition: 0.3s ease;
}

.question-item .question-title {
  font-size: 1.7rem;
  font-weight: 700;
  font-family: "Abel";
  color: #132a13;
}

.question-content {
  overflow: hidden;
  max-height: 0;
  opacity: 0;
}

.open-it .question-header i {
  color: #684b2f;
}

.open-it .question-header i {
  transform: rotate(180deg);
}

.question-item .question-content p {
  padding: 0.8rem 1.6rem;
  font-size: 1.45rem;
  text-indent: 1rem;
  text-align: justify;
  color: #232719e3;
  font-family: "Lexend Deca";
}

.question-item .question-content p a,
.question-item .question-content p span {
  font-weight: 600;
  color: #9a7121;
}

.question-item .question-content p span {
  font-weight: 600;
  color: #684b2f;
}

.question-item,
.questions-box,
.question-header,
.question-icon,
.question-content,
.question-content p {
  transition: 0.3s;
}

.question-item:hover {
  box-shadow: 0 8px 32px #1a1a1a1a;
}

/* home--accomodations */

.accommodations {
  text-align: center;
}

.accommodations .more_btn {
  margin-top: 3rem;
  background: transparent !important;
}

.accommodations--container {
  display: grid;
  -ms-grid-columns: (minmax(25rem, 1fr)) [auto-fit];
  grid-template-columns: repeat(auto-fit, minmax(25rem, 1fr));
  column-gap: 0.5rem;
  row-gap: 1rem;
}

.accommodations--card {
  position: relative;
  border-radius: 0.2rem;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.04);
}

.accommodations--card-content {
  border: 1px solid #e5e5e570;
}

.accommodations--image {
  position: relative;
  height: 20rem;
  overflow: hidden;
  padding: 0.2rem 0.2rem 0.8rem 0.2rem;
  width: 100%;
}

.accommodations--image img {
  max-width: 100%;
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  height: 100%;
  min-height: 20rem;
  object-fit: cover;
  border: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-interpolation-mode: bicubic;
}

.accommodations--image a::before {
  content: "";
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0);
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}

.accommodations--image a::after {
  content: "\f0c1";
  width: 40px;
  height: 40px;
  font-size: 20px;
  line-height: 40px;
  font-family: FontAwesome;
  position: absolute;
  top: 50%;
  left: 50%;
  background: #1e1c2a;
  color: #fff;
  border-radius: 50%;
  margin-left: -20px;
  margin-top: -20px;
  opacity: 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}

.accommodations--image a:hover::before {
  background-color: rgba(0, 0, 0, 0.6);
}

.accommodations--image a:hover::after {
  opacity: 1;
}

.accommodations--card-info {
  padding: 15px 5px 25px 5px !important;
}

.accommodations--card-title {
  margin: 0 !important;
  letter-spacing: normal;
  line-height: 1.2;
  font-weight: 600;
}

.accommodations--card-title a {
  color: #3c3c3c;
  color: #453e38;
  font-size: 1.85rem;
}

.accommodations--card-pin span {
  font-family: "Sofia Pro";
  color: #3c3c3c;
  font-weight: 600;
  font-size: 1.65rem !important;
}

.accommodations--card-pin span i {
  color: #d0b757;
  font-size: 1.5rem !important;
}

.accommodations--card-pin::before {
  content: "";
  height: 2px;
  background: #7e5545;
  position: absolute;
  width: 10%;
  left: 45%;
  top: -8px;
}

.accommodations--card-status {
  margin-top: 0 !important;
  /* color: #a64c0f; */
  color: #9d6a48;
  color: #7e5545;
  font-size: 1.8rem;
  font-family: "Lexend Deca";
}

.accommodations--card-location {
  position: relative;
  margin-top: 15px;
}

/* inquery */
.inquery--container {
  position: fixed;
  display: none;
  opacity: 0;
  top: 0%;
  left: 0%;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.8);
  align-items: center;
  justify-content: center;
  z-index: 100;
}

.inquery--container.inquery--is-active {
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  opacity: 1;
}

.inquery--Content {
  display: flex;
  position: relative;
  flex-direction: column;
  height: fit-content;
  width: fit-content;
  background-color: #f7fafc;
  max-height: 80vh;
}

.inquery--top-content {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 64px;
  padding: 24px;
  z-index: 2;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px,
    rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
}

.inquery--top-content p {
  font-family: "Abel";
  font-size: 2rem;
  font-weight: 600;
}

.inquery--top-content i {
  background: #f7fff7;
  color: #878787;
  font-size: 2.4rem;
  height: 30px;
  width: 30px;
  line-height: 30px;
  text-align: center;
  cursor: pointer;
  z-index: 2;
  border-radius: 50%;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 2px 0px;
}

.inquery--details {
  display: block;
  padding-top: 40px;
  overflow-y: scroll;
  z-index: 1;
}

@media only screen and (max-width: 991px) {
  .inquery--details {
    scroll-behavior: smooth;
  }
}

.inquery--details-parts {
  max-width: 1024px;
}

.inquery--part-one {
  display: flex;
  flex-direction: column;
}

.part--one-content {
  display: flex;
}

@media screen and (min-width: 992px) {
  .part--one-content {
    width: 50%;
  }

  .inquery--part-one {
    padding: 0 5%;
    display: flex;
    flex-direction: column;
  }

}

@media screen and (min-width: 576px) {
  .part--one-content {
    width: 100%;
  }
}

.part--one-inner {
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
}

.part--one-inner h2 {
  margin: -14px 0px 20px;
  color: rgb(66, 66, 66);
  font-family: freight-display-pro, serif;
  font-weight: 100;
  font-size: 20px;
  line-height: 1.2;
}

.default {
  padding-bottom: 2rem;
}

.default p {
  margin-bottom: 16px;
  font-family: "Lexend Deca";
  text-align: justify;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.625;
  color: #424242;
  font-style: normal;
}

.default p a {
  cursor: pointer;
  opacity: 1;
  text-decoration: underline !important;
  -moz-box-align: center;
  align-items: center;
  color: #424242;
  font-size: 14px;
  font-weight: 400;
  font-family: "Lexend Deca";
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
  line-height: 1;
}

.default a {
  cursor: pointer;
  opacity: 1;
  -moz-box-align: center;
  align-items: center;
  color: #fff;
  font-size: 14px;
  font-family: "Lexend Deca";
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
  line-height: 1;
}

.default a.whatsapp {
  display: inline-block;
  padding: 14px 40px;
  color: #38231a !important;
  border: 1px solid #d7d3cc6c;
  background-color: #f6f3ee8f;
}

.part--two-content {
  display: flex;
}

@media screen and (min-width: 576px) {
  .part--two-content {
    width: 100%;
  }
}

.part--two-inner-content {
  display: flex;
  flex-direction: column;
  margin: auto auto 20px;
  padding: 0 20px;
  width: 100%;
}

.form--container {
  margin: 0px;
  min-width: 0px;
  width: 100%;
}

.form--itself {
  width: 100%;
}

.form--contents {
  display: flex;
  flex-flow: column wrap;
  flex-direction: column;
  margin: 0px -15px;
}

@media screen and (min-width: 576px) {
  .form--contents {
    flex-direction: row;
  }
}

.form--title {
  margin: 0px 0px 12px;
  width: 100%;
  padding-left: 15px;
  flex: 0 1 auto;
}

.form--title h2 {
  color: #424242;
  font-family: "Abel";
  font-size: 20px;
}

.form-field {
  margin: 0px 0px 16px;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  flex: 0 1 auto;
}

.input--field {
  position: relative;
  margin: 0px 0px 16px;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  flex: 0 1 auto;
}

@media screen and (min-width: 576px) {
  .input--field {
    width: 50%;
  }
}

.input--field label {
  font-family: "Lexend Deca";
  font-size: 14px;
  line-height: 1.625;
  color: #424242;
}

.input--field input {
  position: relative;
  appearance: none;
  width: 100%;
  font-size: 13px;
  padding: 8px;
  font-family: "Lexend Deca";
  background-color: #f7fafc;
  border: 1px solid rgb(215, 211, 204);
  opacity: 0.7;
}

.default--div-prefer {
  padding-bottom: 0.4rem;
}

.default--div-prefer span {
  font-family: "Lexend Deca";
  font-size: 14px;
  color: #424242;
}

.form-field .prefered--check-box {
  display: inline-block;
  margin: 0px 16px 0px 0px;
}

.prefered--check-box label {
  display: flex;
  position: relative;
  font-family: "Lexend Deca";
  font-size: 14px;
  color: #424242;
  margin-bottom: 1px;
  caret-color: transparent;
  cursor: pointer;
  text-transform: none;
  cursor: pointer;
}

.prefered--check-box input {
  position: absolute;
  border: 0px none;
  clip: rect(0px, 0px, 0px, 0px);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0px;
  white-space: nowrap;
  width: 1px;
}

.prefered--check-box span {
  position: relative;
  border: 2px solid #d6d6d6;
  background: #ffffff;
  height: 20px;
  width: 20px;
  cursor: pointer;
  border-radius: 0px;
  margin-right: 8px;
}

.prefered--check-box .success span {
  border: 2px solid #2ecc71 !important;
}

.prefered--check-box .error span {
  border: 2px solid #e74c3c !important;
}

.input-checkbox:checked+.input--indicator::after {
  content: "";
  position: absolute;
  inset: 0px;
  background: rgb(44, 44, 44);
  border-radius: 50%;
  margin: 4px;
}

.input--field span {
  font-family: "Lexend Deca";
  font-size: 14px;
  line-height: 1.625;
  color: #424242;
}

.input--field .default--select {
  width: 100%;
  color: #011c01
}

.selection-contaner {
  position: relative;
  width: 100%;
}

.destination--field {
  margin: 0px 0px 16px;
  width: 50%;
  padding-left: 15px;
  padding-right: 15px;
  flex: 0 1 auto;
}

@media screen and (max-width: 576px) {
  .destination--field {
    width: 100%;
  }
}

.destination--field span {
  font-family: "Lexend Deca";
  font-size: 14px;
  line-height: 1.625;
  color: #424242;
}

.input--field textarea {
  text-align: left !important;
  border-radius: 0px;
  appearance: none;
  position: relative;
  width: 100%;
  font-family: sofia-pro, sans-serif;
  font-weight: 100;
  font-size: 14px;
  padding: 8px;
  background-color: #f6f3ee;
  color: black;
  border: 1px solid #d7d3cc;
  opacity: 0.6;
}

.input--field.success textarea {
  border: 1px solid #2ecc71 !important;
}

.input--field.error textarea {
  border: 1px solid #e74c3c !important;
}

.selection-container--outer,
.hear--container-outer,
.destinations--container-outer,
.purposes-contaner--outer {
  display: flex;
  position: relative;
  justify-content: space-between;
  -moz-box-pack: justify;
  -moz-box-align: center;
  align-items: center;
  flex-wrap: wrap;
  font-size: 14px;
  border: 1px solid #d7d3cc;
  background: #f7fafc;
  min-height: 38px;
  font-family: sofia-pro, sans-serif;
  cursor: point;
  transition: all 100ms ease 0s;
}

.success .selection-container--outer,
.success .hear--container-outer,
.success .destinations--container-outer,
.success .purposes-contaner--outer {
  border-color: #2ecc71;
}

.error .selection-container--outer,
.error .hear--container-outer,
.error .destinations--container-outer,
.error .purposes-contaner--outer {
  border: 1px solid #e74c3c;
}

.container--outer-one {
  position: relative;
  display: grid;
  flex: 1 1 0%;
  flex-wrap: wrap;
  -moz-box-align: center;
  align-items: center;
  overflow: hidden;
  padding: 2px 8px;
}

.selection--placeholder {
  color: #808080;
  grid-area: 1 / 1 / 2 / 3;
  margin-left: 2px;
  margin-right: 2px;
}

.container--outer-two {
  margin: 2px;
  padding-bottom: 2px;
  padding-top: 2px;
  visibility: visible;
  color: rgb(51, 51, 51);
  flex: 1 1 auto;
  display: inline-grid;
  grid-area: 1 / 1 / 2 / 3;
  grid-template-columns: 0px min-content;
  box-sizing: border-box;
}

.selection-contaner input {
  color: inherit;
  background: 0px center;
  opacity: 0;
  width: 100%;
  grid-area: 1 / 2;
  font: inherit;
  min-width: 2px;
  border: 0px none;
  padding: 0px;
}

.mshale--container {
  -moz-box-align: center;
  align-items: center;
  align-self: stretch;
  display: flex;
  flex-shrink: 0;
}

.mshale--container span {
  align-self: stretch;
  background-color: #cccccc;
  margin-bottom: 8px;
  margin-top: 8px;
  width: 1px;
}

.mshale--icon {
  color: #cccccc;
  display: flex;
  padding: 8px;
  transition: color 150ms ease 0s;
  box-sizing: border-box;
}

.mshale--icon i {
  position: relative !important;
  top: initial !important;
  right: initial !important;
  visibility: visible !important;
  font-size: 14px !important;
}

.is--active-icon .mshale--icon i {
  transform: rotate(180deg);
}

.btn--container {
  min-width: 0px;
  margin-top: 1.2rem;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  flex: 0 1 auto;
}

.btn--container-inner {
  appearance: none;
  display: inline-block;
  text-align: center;
  font-size: 14px;
  border: none;
  font-family: "Lexend Deca";
  cursor: pointer;
  text-transform: uppercase;
  padding: 8px 25px;
  margin-bottom: .8rem;
  margin-right: .5rem;
  color: #38231a !important;
  border: 1px solid #d7d3cc6c;
  background-color: #f6f3ee8f;
}

.btn--container-inner:hover {
  opacity: 0.9;
}

.inquery--part-two {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  -moz-box-pack: center;
  -moz-box-align: center;
  text-align: center;
  margin: 0px;
  padding: 9px;
  background-color: #f6f3ee8f;
  border-top: 1px solid #d7d3cc10;
}

.tragez--social-icons {
  display: flex;
  margin: 7px 0px 0px;
  margin-top: 7px;
}

.tragez--social-icons a i {
  height: 4rem;
  width: 4rem;
  line-height: 4rem;
  text-align: center;
  color: #0a3a39;
  margin: 0 0.25rem;
  border-radius: 50%;
  border-bottom: 1px solid #50394c42;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 2px 0px;
}

.tragez--social-icons a i:hover {
  transform: scale(0.9);
}

.share--icons {
  margin-left: 8px;
  margin-right: 8px;
  font-size: 20px;
}

.default--bottom-text {
  padding: 2rem 0.4rem 0;
}

.default--bottom-text span {
  font-size: 14px;
  font-family: Lexend Deca;
  line-height: 1.45;
  color: #424242;
}

.default--bottom-text span a {
  color: inherit;
}

.options-container,
.hear--about-container {
  position: absolute;
  width: 100%;
  z-index: 1;
}

.purposes--container,
.destinations--inquery-container {
  position: absolute;
  width: 100%;
  z-index: 5;
}

.options-container ul,
.hear--about-container ul,
.destinations--inquery-container ul,
.purposes--container ul {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: flex-start;
  min-height: 100%;
  flex-wrap: wrap;
  min-height: auto;
  height: auto;
  transition: transform 0.3s ease-in-out;
  transform: translate3d(0, -62.5rem, 0);
  pointer-events: none;
  transition: all 0.4s ease;
}

.options-container ul.options-items,
.hear--about-container ul.hear-items,
.destinations--inquery-container ul.destination-items,
.purposes--container ul.purpose-items {
  left: 0;
  margin-top: 0.5rem;
  height: auto;
  background: #f7fafc;
  box-shadow: 0 4px 20px #1a1a1a1a;
  opacity: 0;
  display: none;
}

.options-container ul li,
.hear--about-container ul li,
.destinations--inquery-container ul li,
.purposes--container ul li {
  align-items: center;
  padding: 0.4rem 1.2rem;
  cursor: pointer;
  transition: all 0.4s ease;
  width: 100%;
}

.options-items li a,
.hear-items li a .destination-items li a,
.purpose-items li a {
  color: #5f5f5f !important;
  font-size: 1.5rem;
  font-family: "Lexend Deca";
  font-weight: 600;
}

.options-container ul.options-items.is--active-options-container,
.hear--about-container ul.hear-items.is--active-hear-container,
.destinations--inquery-container ul.destination-items.is--active-destinations-container,
.purposes--container ul.purpose-items.is--active-purpose-container {
  transform: translateZ(0);
  display: block;
  transform: none;
  opacity: 1;
  pointer-events: all;
  transition: all 0.4s ease;
}

.options-container ul.options-items.is--active-options-container li:not(:first-child),
.hear--about-container ul.hear-items.is--active-hear-container li:not(:first-child),
.destinations--inquery-container ul.destination-items.is--active-destinations-container li:not(:first-child),
.purposes--container ul.purpose-items.is--active-purpose-container li:not(:first-child) {
  border-top: 1px solid #eee;
}

.options-container ul.options-items.is--active-options-container li:first-child,
.hear--about-container ul.hear-items.is--active-hear-container li:first-child,
.destinations--inquery-container ul.destination-items.is--active-destinations-container li:first-child,
.purposes--container ul.purpose-items.is--active-purpose-container li:first-child {
  border-top: 2px solid #2e2e2e0e;
}

/* destination--page */

.destinations--page .title h2 {
  font-family: "IBM Selectric Manifold";
  font-weight: 600;
  font-size: 2rem;
  text-align: center;
  margin-bottom: 1.5rem;
  color: #3a3225;
}

.destination--tabs .desktop--tabs {
  position: relative;
  margin: 0 auto;
}

.destination--tabs .desktop--tabs {
  line-height: 40px;
  padding-bottom: 2rem;
}

.destination--tabs .desktop--tabs {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin-bottom: 0.8rem;
}

.destination--tabs .desktop--tabs li {
  position: relative;
  width: 100%;
  text-align: center;
  cursor: pointer;
  caret-color: transparent;
}

.destination--tabs .desktop--tabs li .drop--down {
  position: relative;
  padding: 0px 22px !important;
  font-size: 2rem;
  font-weight: 800;
  font-family: "Abel";
}

.pin--direct {
  position: absolute;
  top: 1.4rem;
  left: 1.35rem;
  font-size: 1.25rem !important;
}

.destination--tabs .desktop--tabs li a {
  display: inline-block;
  text-align: center;
  background: #f5fffa;
  color: #7e5545 !important;
  border-radius: 2px 2px 0px 0px;
  background-image: url(../_assets/earmark-2.png);
  background-repeat: no-repeat;
  background-position: 340px -100px;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  cursor: pointer;
  border: 1px solid #eeebe4;
  border-radius: .8rem;
  box-shadow: rgba(0, 0, 0, 0.04) 0px 2px 5px;
}

.destination--tabs .desktop--tabs li.is--active-tab a,
.destination--tabs .desktop--tabs a:hover {
  background: #9d6a48;
  background: #f7fff7;
  color: #fff !important;
  background-image: url(../_assets/earmark-2.png);
  background-repeat: no-repeat;
  background-position: right top;
  border-radius: 3rem;
  color: #7e5545 !important;
  text-transform: uppercase;
  border: 1px solid #eeebe4;
  box-shadow: rgba(0, 0, 0, 0.04) 0px 2px 5px;
}

.content--pointer i {
  position: absolute;
  top: 2.5rem;
  font-size: 2rem;
  color: #495662;
  opacity: 0;
}

.is--active-tab .content--pointer i {
  opacity: 1;
  top: 5rem;
}

.destination--tabs-mobile {
  display: none;
}

@media only screen and (max-width: 829px) {
  .destination--tabs .desktop--tabs {
    display: none;
  }

  .destination--tabs-mobile {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-items: center;
    min-height: 100%;
    height: 100%;
    /* box-shadow: 0 0.125rem 0.5625rem 0 #cccccc80; */
    margin-bottom: 1.4rem;
  }

  .destination--tabs-mobile .mobile--nav-wrap {
    caret-color: transparent;
    flex-grow: 1;
    padding: 1.75rem;
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-image: none;
    color: #7e5545 !important;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    cursor: pointer;
    border: 1px solid #eeebe4;
    box-shadow: rgba(0, 0, 0, 0.04) 0px 2px 5px;
  }

  .mobile--nav-wrap .current--text {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    min-height: 100%;
    cursor: pointer;
    background: inherit;
    z-index: 3;
  }

  .mobile--nav-wrap .current--text span {
    color: #5f5f5f !important;
    font-size: 2rem;
    font-family: "Lexend Deca";
    font-weight: 600;
  }

  .mobile--nav-wrap .current--text i {
    color: #666;
    font-size: 2rem;
  }

  .mobile--nav-wrap.is--rotate .current--text i {
    transform: rotate(180deg);
    transition: all 0.4s ease;
  }

  .mobile--nav-wrap.is--rotate .current--text i {
    color: #666;
    font-size: 2rem;
  }

  ul.mobile--tabs {
    position: absolute;
    left: 0;
    margin-top: 2.5rem;
    height: auto;
    width: 100%;
    background: #f7fff7;
    box-shadow: 0 0.125rem 0.5625rem 0 #cccccc80;
    transition: all 0.4s ease;
    transform: translate3d(0, -2.5rem, 0);
    opacity: 0;
    z-index: 1;
    visibility: hidden;
    pointer-events: none;
    transition: 0.4s ease;
  }

  ul.mobile--tabs {
    position: absolute;
    left: 0;
    margin-top: 2rem;
    height: auto;
    width: 100%;
    background: #f7fff7;
    box-shadow: 0 0.125rem 0.5625rem 0 #cccccc80;
    transition: all 0.4s ease;
    transform: translate3d(0, -2.5rem, 0);
  }

  ul.mobile--tabs.active-tabs-mobile {
    transform: translate3d(0, 0, 0);
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
  }

  .mobile--tabs li {
    width: 100%;
    display: block;
    color: #666;
    padding: 1rem;
    cursor: pointer;
    transition: 0.4s ease;
  }

  .mobile--tabs li:not(:last-child) {
    border-bottom: 1px dotted #708090;
  }

  .mobile--tabs li a {
    color: #5f5f5f !important;
    font-size: 1.8rem;
    font-family: "Lexend Deca";
    font-weight: 600;
  }
}

.package-contents .sub-tab:not(:first-child) {
  display: none;
}

.animals--images {
  position: relative;
  width: 80%;
  text-align: center !important;
  margin: 0 auto;
  margin-top: 3rem !important;
}

/* owl--carousel */

.owl-theme .owl-nav {
  margin-top: 10px;
}

.owl-theme .owl-nav [class*="owl-"] {
  color: #FFF;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  background: #D6D6D6;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px;
}

.owl-nav button.owl-next,
.owl-nav button.owl-prev {
  font-size: 3rem !important;
}

.owl-stage-outer {
  cursor: grab;
}

.image--article {
  height: 13rem;
  text-align: center;
  padding: 1rem;
  border: 1px solid #f0f0f0;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 4px;
}

.animals--images .animal-img {
  width: 100%;
  height: 100%;
  height: 8rem;
  object-fit: contain;
}

.owl-carousel--animals {
  position: relative;
}

.animal--title {
  font-size: 1.35rem;
  font-family: "Abel";
  font-weight: bolder;
  margin: 5px;
  margin-top: 2.5px;
  color: #5f3713;
}

.image--article {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}

.animal--text {
  display: flex;
  align-items: center;
  justify-content: center;
}

.animal--text span {
  font-size: 1.2rem;
  font-family: "Abel";
  text-transform: uppercase;
  font-weight: bolder;
  margin: 5px;
  color: #062e20;
  margin-right: 0;
  margin-top: 0;
}

.animal--circle {
  cursor: pointer;
  caret-color: transparent;
  padding: 5.5px 5.5px 5.5px 5.5px;
  box-shadow: none;
  border: 1px solid rgba(0, 0, 0, 0.3);
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  margin: 5px;
  margin-left: 0;
  margin-top: 0;
  opacity: 1;
}

.animal--circle.very-common {
  background-color: #00ff00;
}

.animal--circle.common {
  background-color: #034b01;
  background-color: #5ab657;
}

.animal--circle.occassional {
  background-color: #f8a909;
}

.animal--circle.rare {
  background-color: #d83a39;
}

.animal--circle.very-rare {
  background-color: #ff0000;
}

.animal--circle.none {
  background-color: #999999;
}

.animals--images::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 0;
  background: linear-gradient(to right,
      rgba(255, 255, 255, 1) 0%,
      rgba(255, 255, 255, 0) 100%);
  z-index: 100;
}

.animals--images::after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  height: 100%;
  width: 0;
  background: linear-gradient(to left,
      rgba(255, 255, 255, 1) 0%,
      rgba(255, 255, 255, 0) 100%);
  z-index: 100;
}

.destination--details h4 {
  font-weight: 600;
  color: #062e20;
  font-size: 1.8rem;
  font-family: "Lexend Deca";
  padding-bottom: 0.8rem;
}

.main--activities h3 {
  font-weight: 600;
  color: #062e20;
  font-size: 1.8rem;
  font-family: "Lexend Deca";
  padding: 0.35rem 0rem;
}

.main--activities h5 {
  color: #333;
  font-weight: 600;
  font-size: 1.75rem;
  padding-top: 0.5rem;
  font-family: "Prata";
}

.single--activite p {
  padding: 0.5rem 0;
  font-size: 1.55rem;
  text-indent: 1rem;
  text-align: justify;
  color: #232719e3;
  font-family: "Lexend Deca";
  color: #33421c;
}

.single--activite p a {
  font-weight: 600;
  color: #9a7121;
}

.single--activite b,
.single--activite strong {
  font-size: 1.4rem !important;
}

/* accommodation--page */

.accomodation--page .title h2 {
  font-family: "IBM Selectric Manifold";
  font-weight: 600;
  font-size: 2rem;
  text-align: center;
  margin-bottom: 1.5rem;
  color: #3a3225;
}

.accommodation--contents h3 {
  color: #684b2f;
  font-size: 2rem;
  font-family: "Prata";
  padding-bottom: 0.8rem;
}

.accomodation-descriptions {
  text-align: center;
}

.accomodation-descriptions h4 {
  text-align: start !important;
  color: #0a3a39;
  font-size: 1.75rem;
  font-family: "Prata";
}

.accommodation--contents p {
  padding: 0.5rem 0;
  font-size: 1.55rem;
  text-indent: 1rem;
  text-align: justify !important;
  color: #232719e3;
  font-family: "Lexend Deca";
  color: #33421c;
}

.accomodation--link a {
  padding-bottom: 2px;
  font-weight: 500;
  color: #9a7121;
  font-family: "Lexend Deca";
  font-size: 1.65rem;
}

.accomodation--link a:hover i {
  transform: translate3d(5px, 0, 0);
}

.accommodation--contents-brief {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (minmax(30rem, 1fr)) [auto-fit];
  grid-template-columns: repeat(auto-fit, minmax(30rem, 1fr));
  column-gap: 1rem;
  row-gap: 2rem;
}

.accommodation--contents-title {
  text-align: center;
  font-size: 2.5rem;
  margin: 2rem;
  font-family: "Prata";
  color: #684b2f;
}

.brief--change {
  color: #684b2f !important;
}

.contents--brief-container {
  position: relative;
  border-radius: 0.2rem;
  border: 1px solid #e5e5e53d;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.02);
  padding: 1.5rem;
  padding-bottom: 1.2rem;
}

.brief--title {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  column-gap: 1rem;
  font-size: 1.55rem;
  margin: 0.75em 0 !important;
}

.brief--title span {
  font-family: "Prata";
  color: #684b2f;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.brief--title i {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-right: 10px;
  color: #684b2f;
  font-size: 130%;
  width: 4.1rem;
  height: 4.1rem;
  border-radius: 50%;
  border-bottom: 1px solid #50394c42;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 2px 0px;
}

.brief--container-descriptions p {
  font-size: 1.45rem;
  text-indent: 1rem;
  text-align: justify;
  color: #232719e3;
  font-family: "Lexend Deca";
  color: #33421c;
}

.accommodation--contents-pictures {
  display: grid;
  -ms-grid-columns: (minmax(18rem, 1fr)) [auto-fit];
  grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr));
  justify-content: center;
  gap: 0.4rem;
}

.picture-card {
  position: relative;
  width: 100%;
  height: 20rem;
  display: block;
  border-radius: 0.2rem;
  overflow: hidden;
  transition: 0.3s;
}

.package-card .picture-content {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 100%;
  width: 100%;
  text-align: center;
  padding: 2rem;
  padding-top: 5rem;
  background: rgba(0, 0, 0, 0.7);
  z-index: 5;
}

.package-card .picture-content img {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 5;
  transition: 0.4s opacity ease-in-out;
}

.destination--title h4 {
  position: relative;
  text-align: center;
  display: inline-block;
  font-size: 2rem;
  color: #444;
  letter-spacing: 0.1rem;
  margin-top: 2rem;
  padding: 0;
  font-family: "Sofia Pro";
}

.destination--big-title {
  text-align: center;
  font-size: 2.5rem;
  margin-bottom: 2rem;
  font-family: "Prata";
  color: #1e1c2a;
  font-weight: 600;
}

.picture-card img.pic {
  height: 100%;
  width: 100%;
  object-fit: cover;
  min-width: 220px;
  cursor: pointer;
}

/* modal */

.recaptcha-modal {
  display: none;
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: #e3f2fd;
  z-index: 10000000;
  color: #0a3a39;
  font-size: 2.2rem;
  font-family: "Abel";
}


/* recaptcha */

.isTriggered .booking--top,
.isTriggered .booking--form-contents,
.isTriggered .first--form,
.isTriggered .second {
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  filter: blur(4px);
  pointer-events: none;
}

.form-modal {
  position: relative;
  padding-bottom: 2.5rem;
  height: fit-content;
  width: fit-content;
  width: 100%;
  height: 100%;
  background-color: #f7fafc;
  max-height: 80vh;
  overflow-y: scroll;
}

.popup-modal {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: fit-content;
  width: 100%;
  background: #f7fafc;
  transform: translate(-50%, -50%);
  text-align: center;
  color: #333;
  z-index: 100000;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.04);
  border: 1px solid #eeebe4;
  opacity: 0;
  pointer-events: none;
}

.isTriggered .popup-modal {
  opacity: 1;
  pointer-events: auto;
}

.modal-top {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 50px;
  padding: 24px;
  z-index: 2;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
}

.modal-top p {
  font-weight: 800;
  line-height: 1.2;
  font-family: "Dosis", sans-serif;
  text-transform: uppercase;
  color: #0d3c00;
  font-size: 2rem;
}

.modal-top i {
  background: #f7fff7;
  color: #878787;
  font-size: 2rem;
  padding: .9rem;
  text-align: center;
  cursor: pointer;
  z-index: 2;
  border-radius: 50%;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 2px 0px;
}

.modal-container {
  padding: 0px 30px 30px;
}

.recaptcha-container {
  width: 100%;
  text-align: center;
  margin-top: 25px;
}

.recaptcha-btn {
  margin: 30px 0 0;
}

.recaptcha-btn button {
  display: inline-block;
  padding: 0.9rem 3rem;
  border-radius: 0.2rem;
  color: #7e5545 !important;
  text-transform: uppercase;
  background: #f7fff7;
  font-family: "Lexend Deca";
  font-size: 1.7rem;
  cursor: pointer;
  border: 1px solid #eeebe4;
  box-shadow: rgba(0, 0, 0, 0.04) 0px 2px 5px;
  width: 100%;
}