@charset "UTF-8";
/* ==============
Template name : TourX - Tour and Travel Agency HTML Template
Author : Egens Lab
Version : 1.0.1
Created : 
Last update : 
================= */
/* CSS Index 
-----------------------------------
1. Global CSS
2. Topbar area
3. Navbar area
4. Banner area
5. Find Form Area
6. Package area
7. Destinations area
8. Achievement area
9. Review area
10. Feature area
11. Blog area
12. newsletter-area
13. Footer area
14.  About wrapper
15. Guide wrapper
16. Package Page
17. Blog Page
18. Error page
19. Faq page
20. Gallary Page
21. Contact Page

*/
@import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&family=Work+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
/*====================
    1. Global CSS
======================*/
/*--- Color ---*/
/*--- Font Family ---*/
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  outline: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
body {
  padding: 0;
  margin: 0;
  font-size: 16px;
  font-family: "Quicksand", sans-serif;
  background: ; /* Light background from palette */
}

.mt-120 { margin-top: 120px; }
.mt-100 { margin-top: 100px; }
.mt-105 { margin-top: 105px; }
.mt-90 { margin-top: 90px; }
.mt-30 { margin-top: 30px; }
.mt-24 { margin-top: 24px; }
.mt-20 { margin-top: 20px; }
.mt-50 { margin-top: 50px; }
.mt-40 { margin-top: 40px; }
.mb-40 { margin-bottom: 40px; }
.mb-30 { margin-bottom: 30px; }
.mb-20 { margin-bottom: 20px; }
.p-60 { padding: 60px 0; }
.p-70 { padding: 70px 0; }
.p-80 { padding: 80px 0; }
.pt-120 { padding-top: 120px; }
.pt-105 { padding-top: 105px; }
.pt-100 { padding-top: 100px; }
.pt-40 { padding-top: 40px; }
.pt-90 { padding-top: 90px; }
.pt-80 { padding-top: 80px; }
.pb-60 { padding-bottom: 60px; }
.pb-30 { padding-bottom: 30px; }
.pb-50 { padding-bottom: 50px; }
.pb-45 { padding-bottom: 45px; }
.pb-40 { padding-bottom: 40px; }
.pb-100 { padding-bottom: 100px; }

p {
  font-size: 16px;
  line-height: 27px;
  color: #8b7c6c; /* Muted brown for text */
  font-family: "Quicksand", sans-serif;
  margin-bottom: 0;
}

h2 {
  font-family: "Quicksand", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 40px;
  line-height: 46px;
  text-transform: capitalize;
  color: #4a362c; /* Dark brown for headings */
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
}

input[type=text], input[type=email], input[type=date], input[type=number], input[type=tel] {
  padding: 8px 15px;
  display: block;
  width: 100%;
  background: #ecdeca; /* Light background */
  border: 1px solid #a5948c; /* Muted border */
  border-radius: 5px;
  height: 50px;
}

input:focus {
  outline: none !important;
  box-shadow: none;
}

[type="radio"]:checked,
[type="radio"]:not(:checked) {
  position: absolute;
  left: -9999px;
}

[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label {
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  color: #6b4623; /* Medium brown for radio labels */
}

[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 2px;
  width: 16px;
  height: 16px;
  border: 1px solid #6b4623; /* Medium brown border */
  border-radius: 5px;
  background: #ecdeca; /* Light background */
}

[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
  content: '';
  width: 10px;
  height: 10px;
  background: #6b4623; /* Medium brown fill */
  position: absolute;
  top: 5px;
  left: 3px;
  border-radius: 5px;
  transition: all 0.2s ease;
}

[type="radio"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}

[type="radio"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}

input[type=submit] {
  font-weight: 600;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: 0.75px;
  color: #000000; /* Black for contrast */
  background: #efa843; /* Vibrant orange for buttons */
  padding: 14px 22px;
  text-transform: capitalize;
  transition: all .3s;
  margin-bottom: 0;
}

input[type=submit]:hover {
  background: #906237; /* Darker brown on hover */
}

input[type=submit]:focus {
  outline: none;
}

textarea {
  padding: 8px 10px;
  background: #ecdeca; /* Light background */
  border-radius: 5px;
  display: block;
  width: 100%;
  border: 1px solid #a5948c; /* Muted border */
  transition: all 0.4s ease;
}

select {
  padding: 8px 10px;
  background: #ecdeca; /* Light background */
  border: 1px solid #a5948c; /* Muted border */
  border-radius: 5px;
  display: block;
  width: 100%;
  transition: all 0.4s ease;
  margin-bottom: 10px;
  height: 50px;
}

select:focus {
  outline: none;
  border: none;
  box-shadow: none;
}

.form-select.package-options {
  border: 2px solid #6b4623; /* Medium brown border */
  border-radius: 5px;
  width: 222px;
  height: 40px;
  font-weight: 700;
  font-size: 15px;
  line-height: 19px;
  color: #4a362c; /* Dark brown text */
  float: right;
}

.form-select.package-options option {
  font-weight: 700;
  font-size: 15px;
  line-height: 19px;
  color: #4a362c; /* Dark brown text */
  text-transform: capitalize;
}

.form-select.package-options:focus {
  box-shadow: none;
  border: 2px solid #6b4623; /* Medium brown border */
}

.input-group.search-box input {
  height: 47px;
  border: none;
  background: #a5948c; /* Muted background */
  border-radius: 10px 0 0 10px;
}

.input-group.search-box input:focus {
  box-shadow: none;
}

.input-group.search-box button {
  height: 47px;
  border: none;
  background: #6b4623; /* Medium brown */
  width: 55px;
  border-radius: 0 10px 10px 0;
}

.input-group.search-box button i {
  color: #ecdeca; /* Light color for icon */
  font-size: 25px;
}

.input-group.search-box button:focus {
  box-shadow: none;
}

ol, ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

li{
  color: #8b7c6c;
  font-weight: 600;
}

table tbody tr td,
table tbody tr th,
table thead tr td,
table thead tr th,
table tfoot tr td,
table tfoot tr th {
  border: 1px solid #a5948c; /* Muted border */
  padding: 10px;
}

a.btn-common-sm {
  display: inline-block;
  padding: 11px 20px 11px 30px;
  background: #6b4623; /* Medium brown */
  border-radius: 5px;
  font-weight: 600;
  font-size: 14px;
  color: #ecdeca; /* Light text */
  position: relative;
  z-index: 9;
}

a.btn-common-sm:hover::before {
  clip-path: circle(150% at 0% 0%);
}

a.btn-common-sm::before {
  height: 100%;
  width: 100%;
  position: absolute;
  content: "";
  background: #efa843; /* Vibrant orange on hover */
  top: 0;
  left: 0;
  border-radius: 5px;
  clip-path: circle(27% at -3% 50%);
  transition: all .4s;
  z-index: -1;
}

a.btn-common {
  display: inline-block;
  padding: 16.5px 32.5px;
  background: #6b4623; /* Medium brown */
  border-radius: 5px;
  font-weight: 600;
  font-size: 16px;
  color: #ecdeca; /* Light text */
  position: relative;
  z-index: 9;
}

a.btn-common:hover::before {
  clip-path: circle(150% at 0% 0%);
}

a.btn-common::before {
  height: 100%;
  width: 100%;
  position: absolute;
  content: "";
  background: #efa843; /* Vibrant orange on hover */
  top: 0;
  left: 0;
  border-radius: 5px;
  clip-path: circle(27% at -3% 50%);
  transition: all .4s;
  z-index: -1;
}

a.btn-second {
  display: inline-block;
  padding: 16.5px 32.5px;
  background: #efa843; /* Vibrant orange */
  border-radius: 5px;
  font-weight: 600;
  font-size: 16px;
  color: #000000; /* Black for contrast */
  position: relative;
  z-index: 20;
}

a.btn-second:focus {
  box-shadow: none;
}

.sticky {
  position: fixed;
  top: 0;
  left: 0;
  background: #ecdeca; /* Light beige from palette */
  z-index: 9;
  animation: 500ms ease-in-out 0s 1 running;
  animation: 500ms ease-in-out;
  width: 100%;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}

a {
  text-decoration: none !important;
  color: #6b4623; /* Medium brown for links */
}

.section-head.head-left {
  text-align: left;
  margin: 0;
}

.section-head {
  text-align: center;
  max-width: 516px;
  margin: 0 auto;
}

.section-head h5 {
  margin-bottom: 15px;
  font-family: "Quicksand", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  color: #efa843; /* Vibrant orange for emphasis */
}

.section-head h2 {
  font-family: "Quicksand", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 40px;
  line-height: 46px;
  text-transform: capitalize;
  color: #4a362c; /* Dark brown for headings */
}

.owl-carousel .owl-nav {
  text-align: center;
}

.owl-carousel .owl-nav button i {
  height: 30px;
  width: 30px;
  color: #ecdeca; /* Light beige for icon */
  border: 2px solid #ecdeca; /* Light beige border */
  border-radius: 50%;
  text-align: center;
  line-height: 28px;
  font-size: 25px;
  margin: 0 12.5px;
  margin-top: 30px;
}

.owl-carousel.dark-nav .owl-nav {
  text-align: center;
}

.owl-carousel.dark-nav .owl-nav button i {
  height: 30px;
  width: 30px;
  color: #6b4623; /* Medium brown for dark nav */
  border: 2px solid #6b4623; /* Medium brown border */
  border-radius: 50%;
  text-align: center;
  line-height: 28px;
  font-size: 25px;
  margin: 0 12.5px;
  margin-top: 30px;
}

.owl-dots {
  text-align: center;
}

.owl-dots button.owl-dot {
  height: 10px;
  width: 25px;
  background: #8b7c6c; /* Muted brown for inactive dots */
  transition: all .3s;
  margin: 0 12.5px;
  border-radius: 5px;
}

.owl-dots button.active.owl-dot {
  height: 15px;
  background: #efa843; /* Vibrant orange for active dot */
}

.owl-carousel.owl-loaded.owl-drag.destinations-1, .owl-carousel.owl-loaded.owl-drag.destinations-2 {
  margin-left: 0;
}

.owl-carousel.owl-loaded.owl-drag.destinations-1 .owl-stage-outer, .owl-carousel.owl-loaded.owl-drag.destinations-2 .owl-stage-outer {
  padding: 0;
}

.owl-carousel.owl-loaded.owl-drag.destinations-1 .package-card, .owl-carousel.owl-loaded.owl-drag.destinations-2 .package-card {
  margin: 20px 0 0 0;
  box-shadow: none;
  border: 1px solid #a5948c; /* Muted border */
}

.form-select.languge-selector {
  padding: 0;
  border: none;
  margin: 0;
  height: 100%;
  background: transparent;
  font-family: "Quicksand", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 8px;
  color: #ecdeca; /* Light beige for text */
  float: right;
  width: auto;
}

.form-select.languge-selector option {
  color: #4a362c; /* Dark brown for options */
  font-family: "Quicksand", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  width: 20px;
  display: block;
  padding: 10px 20px;
}

.form-select.languge-selector:focus {
  box-shadow: none;
}

.breadcrumb-area {
  background: linear-gradient(rgba(0, 0, 0, 0.65) 100%, rgba(0, 0, 0, 0.65) 100%), url(../images/breadcrumb-bg.png);
  background-size: cover;
  min-height: 320px;
  display: flex;
  align-items: center;
}

.breadcrumb-area .breadcrumb-wrap {
  text-align: center;
}

.breadcrumb-area .breadcrumb-wrap h2 {
  font-weight: 700;
  font-size: 40px;
  line-height: 50px;
  margin-bottom: 25px;
  color: #ecdeca; /* Light beige for contrast */
}

.breadcrumb-area .breadcrumb-wrap ul.breadcrumb-links {
  display: flex;
  align-items: center;
  justify-content: center;
}

.breadcrumb-area .breadcrumb-wrap ul.breadcrumb-links li {
  font-family: "Quicksand", sans-serif;
  font-size: 16px;
  color: #efa843; /* Vibrant orange for links */
  font-weight: 500;
}

.breadcrumb-area .breadcrumb-wrap ul.breadcrumb-links li a {
  color: #ecdeca; /* Light beige for link text */
}

.breadcrumb-area .breadcrumb-wrap ul.breadcrumb-links li i {
  vertical-align: middle;
  font-size: 22px;
}

.pagination {
  display: flex;
  justify-content: center;
}

.pagination a {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  border: 1px solid #4a362c; /* Dark brown border */
  margin: 0 6px;
  text-align: center;
  line-height: 36px;
  font-family: "Quicksand", sans-serif;
  font-weight: 500;
  font-size: 20px;
  color: #4a362c; /* Dark brown text */
  transition: all .2s;
}

.pagination a.active {
  color: #ecdeca; /* Light beige text */
  background: #efa843; /* Vibrant orange background */
  border: 1px solid #efa843; /* Vibrant orange border */
}

.pagination a:hover {
  color: #ecdeca; /* Light beige text */
  background: #efa843; /* Vibrant orange background */
  border: 1px solid #efa843; /* Vibrant orange border */
}

.pagination a i {
  font-size: 28px;
  line-height: 38px;
}

.custom-select.package-option {
  position: relative;
  width: 255px;
  float: right;
  border: 2px solid #6b4623; /* Medium brown border */
  border-radius: 5px;
}

.custom-select.package-option .select-selected {
  font-size: 15px;
}

.custom-select.package-option .select-items {
  top: 104%;
}

.custom-select.languege-select {
  width: auto;
  float: right;
  margin-right: 12px;
}

.custom-select.languege-select .select-selected {
  width: 32px;
  margin-top: 3px;
  margin-right: 15px;
  padding: 0;
  background: transparent;
  color: #ecdeca; /* Light beige text */
}

.custom-select.languege-select .select-selected::before {
  right: -14px;
}

.custom-select.languege-select .select-items {
  left: -20px;
  margin-top: 14px;
  width: 70px;
}

.custom-select.languege-select .select-items div {
  padding: 8px 18px;
}

.custom-select {
  position: relative;
  width: 100%;
}

.custom-select select {
  display: none;
}

.select-selected {
  background-color: #ecdeca; /* Light beige background */
  color: #4a362c; /* Dark brown text */
  padding: 17px 16px;
  cursor: pointer;
  user-select: none;
  border-radius: 5px;
  font-weight: 700;
  font-size: 13px;
  line-height: 16px;
  position: relative;
}

.select-selected::before {
  position: absolute;
  content: "\203A";
  right: 12px;
  transform: rotate(90deg) translateX(-111%);
  font-size: 24px;
  top: 50%;
  color: #6b4623; /* Medium brown for arrow */
}

.select-selected.select-arrow-active:after {
  border-color: transparent transparent #ecdeca transparent; /* Light beige */
  top: 7px;
}

.select-items div {
  padding: 12px 16px;
  border: 1px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
  user-select: none;
  font-weight: 700;
  font-size: 13px;
  line-height: 16px;
  color: #efa843; /* Vibrant orange for items */
}

.select-items div:last-child {
  border: none;
}

.select-items {
  position: absolute;
  background-color: #ecdeca; /* Light beige background */
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
  border-radius: 5px 5px 0 0;
  box-shadow: 7px 10px 40px 0px rgba(0, 0, 0, 0.1);
}

.select-hide {
  display: none;
}

.select-items div:hover, .same-as-selected {
  background-color: #a5948c; /* Muted brown for hover */
}

.calendar-input {
  position: relative;
}

.calendar-input i {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  vertical-align: middle;
  color: #6b4623; /* Medium brown for icon */
}

.calendar-input i::before {
  vertical-align: middle;
}

.preloader {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 99999;
  background: #ecdeca; /* Light beige background */
  top: 0;
  left: 0;
  font-size: 30px;
  vertical-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.loader {
  margin-left: 0;
  padding: 30px 0;
  width: 150px;
  height: 150px;
  border: 1px solid #a5948c; /* Muted border */
  border-radius: 100%;
}

.hide {
  display: none;
}

.loader1 {
  position: relative;
  width: 120px;
  height: 120px;
}

.loader1 span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: rotate(calc(18deg * var(--i)));
}

.loader1 span:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 15px;
  background: #efa843; /* Vibrant orange for loader */
  border-radius: 50%;
  transform: scale(0);
  animation: animate 2s linear infinite;
  animation-delay: calc(0.1s * var(--i));
}

.loader1 .rocket {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  animation: rotating 2s linear infinite;
  animation-delay: -1s;
}

.loader1 .rocket:before {
  content: "\edc7";
  font-family: 'boxicons' !important;
  position: absolute;
  top: 80px;
  left: 85px;
  color: #efa843; /* Vibrant orange for rocket */
  font-size: 60px;
  transform: rotate(180deg);
}

@keyframes animate {
  0% { transform: scale(0); }
  50% { transform: scale(1.2); }
  80%, 100% { transform: scale(0); }
}

@keyframes rotating {
  0% { transform: rotate(10deg); }
  100% { transform: rotate(370deg); }
}

.topbar-area {
  padding: 8px 0;
  background: #6b4623; /* Medium brown for topbar */
}
.topbar-area .topbar-contact {
  height: 100%;
}

.topbar-area .topbar-contact ul {
  display: flex;
  height: 100%;
  align-items: center;
}

.topbar-area .topbar-contact ul li {
  font-family: "Quicksand", sans-serif;
  font-weight: 600;
  font-size: 13px;
  color: #ecdeca; /* Light beige for text */
  margin-right: 40px;
  display: flex;
  align-items: center;
}

.topbar-area .topbar-contact ul li a {
  color: #ecdeca; /* Light beige for links */
}

.topbar-area .topbar-contact ul li i {
  font-size: 16px;
  margin-right: 10px;
  color: #efa843; /* Vibrant orange for icons */
}

.topbar-area .topbar-social {
  text-align: center;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.topbar-area .topbar-social ul {
  display: flex;
  justify-content: center;
}

.topbar-area .topbar-social ul li a {
  color: #efa843; /* Vibrant orange for social links */
  margin: 0 12px;
  font-size: 23px;
}

.main-nav .sidebar-contact {
  margin-top: 40px;
  display: none;
}

.main-nav .sidebar-contact ul li.sidebar-single-contact {
  color: #ecdeca; /* Light beige for text */
  margin: 18px 0;
  display: flex;
}

.main-nav .sidebar-contact ul li.sidebar-single-contact a {
  color: #ecdeca !important; /* Light beige for links */
}

.main-nav .sidebar-contact ul li.sidebar-single-contact i {
  margin-right: 8px;
  color: #efa843; /* Vibrant orange for icons */
}

.main-nav .sidebar-contact ul li.sidebar-single-contact i::before {
  vertical-align: middle;
}

.header-area .account-dropdown {
  min-width: 220px;
  position: absolute;
  background: #ecdeca; /* Light beige background */
  padding: 20px 15px;
  z-index: 20;
  right: 0;
  top: 61px;
  transform: scale(0);
  transition: all .3s;
  box-shadow: 7px 10px 40px 0px rgba(0, 0, 0, 0.1);
}

.header-area .account-dropdown ul {
  list-style: none;
  display: flex;
  flex-direction: column;
}

.header-area .account-dropdown ul li.account-el {
  display: flex;
  align-items: center;
  padding: 6px 0;
  border-bottom: 1px solid #a5948c; /* Muted brown border */
}

.header-area .account-dropdown ul li.account-el:last-child {
  border-bottom: none;
}

.header-area .account-dropdown ul li.account-el i {
  font-size: 20px;
  color: #efa843; /* Vibrant orange for icons */
  margin-right: 8px;
}

.header-area .account-dropdown ul li.account-el a {
  color: #4a362c !important; /* Dark brown for text */
  font-size: 16px;
  font-weight: 600;
  padding: 0;
}

.main-searchbar {
  height: 100vh;
  width: 100%;
  top: 0;
  left: 0;
  position: fixed;
  background: rgba(0, 0, 0, 0.4);
  padding: 15px 0;
  z-index: 19;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: scale(0);
  transition: all .3s;
}

.main-searchbar input {
  max-width: 700px;
  padding: 5px 30px;
  font-size: 18px;
  font-weight: 600;
  box-shadow: none;
  height: 55px;
  border-radius: 30px 0 0 30px;
  background: #ecdeca; /* Light beige background */
  color: #4a362c; /* Dark brown text */
}

.main-searchbar .searchbar-close {
  position: absolute;
  top: 30px;
  right: 30px;
}

.main-searchbar .searchbar-close i {
  font-size: 30px;
  color: #ecdeca; /* Light beige for icon */
  padding: 5px;
  border: 2px solid #ecdeca; /* Light beige border */
  border-radius: 50%;
  cursor: pointer;
}

.main-searchbar .searchbar-icon {
  height: 55px;
  background: #efa843; /* Vibrant orange background */
  padding: 0px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: -20px;
  border-radius: 0 30px 30px 0;
}

.main-searchbar .searchbar-icon i {
  font-size: 32px;
  cursor: pointer;
  color: #000000; /* Black for contrast */
}

.header-area-2.header-area {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  margin: 0 auto;
  z-index: 99;
}

.header-area-2.header-area .mobile-menu .hamburger span {
  color: #ecdeca; /* Light beige for hamburger */
}

.navber-logo-sm {
  display: none;
  margin: 40px 0 0 20px;
}

.navbar-wrap {
  display: flex;
  justify-content: space-between;
  height: 100%;
  align-items: center;
}

.navbar-wrap .navbar-icons {
  display: none;
}

header .header-area .main-nav {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

header .header-area .main-nav .navbar-icons {
  display: none;
}

header .header-area .main-nav .navbar-icons, header .header-area .main-nav .navbar-icons-2 {
  margin-left: 55px;
  display: flex;
  align-items: center;
}

header .header-area .main-nav .navbar-icons .searchbar-open, header .header-area .main-nav .navbar-icons-2 .searchbar-open {
  margin-right: 30px;
}

header .header-area .main-nav .navbar-icons .searchbar-open, header .header-area .main-nav .navbar-icons .user-dropdown-icon, header .header-area .main-nav .navbar-icons-2 .searchbar-open, header .header-area .main-nav .navbar-icons-2 .user-dropdown-icon {
  position: relative;
}

header .header-area .main-nav .navbar-icons .searchbar-open i, header .header-area .main-nav .navbar-icons .user-dropdown-icon i, header .header-area .main-nav .navbar-icons-2 .searchbar-open i, header .header-area .main-nav .navbar-icons-2 .user-dropdown-icon i {
  color: #efa843; /* Vibrant orange for icons */
  font-size: 20px;
  cursor: pointer;
}

header .header-area .main-nav .navbar-icons .searchbar-open i::before, header .header-area .main-nav .navbar-icons .user-dropdown-icon i::before, header .header-area .main-nav .navbar-icons-2 .searchbar-open i::before, header .header-area .main-nav .navbar-icons-2 .user-dropdown-icon i::before {
  vertical-align: middle;
}

header .header-area .main-nav ul {
  margin: 0;
  list-style: none;
}

header .header-area .main-nav ul li {
  display: inline-block;
  position: relative;
  padding: 0 15px;
}

header .header-area-2.header-area.sticky .main-nav ul li.has-child-menu:after {
  color: #4a362c; /* Dark brown for sticky menu arrow */
}

header .header-area-2.header-area .main-nav ul li.has-child-menu:after {
  color: #ecdeca; /* Light beige for arrow */
}

header .header-area-2.header-area .main-nav ul li a {
  color: #ecdeca; /* Light beige for links */
}

header .header-area-2.header-area.sticky .main-nav ul li a {
  color: #4a362c; /* Dark brown for sticky menu links */
}

header .header-area .main-nav ul li a {
  display: block;
  color: #4a362c; /* Dark brown for links */
  font-size: 16px;
  font-weight: 500;
  text-transform: capitalize;
  text-decoration: none;
  font-family: "Quicksand", sans-serif;
  transition: all 0.3s ease-in-out;
  padding: 35px 0;
  position: relative;
}

header .header-area .main-nav ul li a:hover {
  color: #efa843; /* Vibrant orange on hover */
}

header .header-area .main-nav ul li ul.sub-menu > li a.sub-item {
  display: block;
  color: #6b4623; /* Medium brown for submenu items */
  line-height: 1.2;
  text-transform: capitalize;
  font-size: 14px;
  font-weight: 500;
  padding: 12px 15px;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
}

header .header-area .main-nav ul li ul.sub-menu > li a:hover {
  transform: translateX(7px);
  color: #efa843; /* Vibrant orange on hover */
}

header .header-area .main-nav ul li ul.sub-menu > li a:hover::before {
  opacity: 0;
}

header .header-area .main-nav ul li.has-child-menu:after {
  position: absolute;
  right: -5px;
  color: #4a362c; /* Dark brown for arrow */
  top: 33px;
  font-family: "boxicons";
  content: "";
  font-size: 18px;
  font-weight: 600;
  transition: all 0.5s ease-in-out;
}

header .header-area .main-nav ul li:hover.has-child-menu:after {
  transform: rotate(-180deg);
}

header > .header-area .nav-right {
  padding: 3.5rem 0;
}

.searchbox-submit {
  margin-top: 10px;
  padding: 0 30px;
  height: 60%;
  overflow: hidden;
  background: #efa843; /* Vibrant orange background */
  border: none;
}

.searchbox-submit i:before {
  font-size: 20px;
  color: #000000; /* Black for contrast */
}

.searchbox {
  opacity: 0;
  position: absolute;
  width: 0%;
  right: 5px;
  left: auto;
  overflow: hidden;
  transition: width 0.3s;
}

.input-group-prepend {
  margin-right: 0 !important;
  background: #efa843; /* Vibrant orange background */
}

.bottombar {
  background-color: #6b4623; /* Medium brown for bottombar */
}

.main-nav ul li .sub-menu {
  position: absolute;
  left: 0;
  top: auto;
  right: 0;
  min-width: 200px;
  list-style: none;
  margin:  Tong
  padding: 0;
  background: #ecdeca; /* Light beige for submenu */
  opacity: 0;
  visibility: hidden;
  z-index: 9999;
  transform: translateY(20px);
  transition: all 0.3s;
  border-top: 3px solid #efa843; /* Vibrant orange border */
}

.main-nav ul li .sub-menu li .sub-menu {
  right: -200px;
  left: inherit;
  top: 0;
}

.main-nav ul li .sub-menu > li {
  display: block;
  margin: 0;
  padding: 0;
  position: relative;
  border-bottom: 1px solid #a5948c; /* Muted brown border */
}

.main-nav ul li .sub-menu > li:last-child {
  border: none;
}

.main-nav ul li .sub-menu > li a:hover {
  background: transparent;
}

.main-nav .fl {
  width: 30px;
  font-size: 20px;
  line-height: 35px;
  text-align: center;
  color: #ecdeca; /* Light beige for icon */
  font-style: normal;
  position: absolute;
  right: -5px;
  top: 0;
  z-index: 999;
  display: none;
  cursor: pointer;
}

.main-nav .fl:before {
  font-size: 14px;
  text-align: center;
  line-height: 35px;
}

.main-nav > ul > li + li > .sub-menu {
  left: 15px;
}

.main-nav > ul > li:hover > .sub-menu,
.main-nav ul li .sub-menu li:hover > .sub-menu,
.main-nav ul li .sub-menu li .sub-menu li:hover > .sub-menu {
  transform: translateY(0);
  visibility: visible;
  opacity: 1;
}

.slideInUp {
  visibility: hidden;
  opacity: 0;
  transform: translate3d(0, 30px, 0);
  transition: all 1s ease-out;
}

.slideInUp2 {
  transition-delay: 0.3s;
}

.header-area.sticky {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  padding: 0;
  animation: 500ms ease-in-out 0s normal none 1 running;
  box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.1);
  background: #ecdeca; /* Light beige for sticky header */
  background-repeat: no-repeat;
  background-size: cover;
}
.main-banner {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 700px;
    justify-content: center;
}

.banner-static {
    background-size: cover;
    padding: 100px 0;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}

.banner-content {
    max-width: 100%;
    text-align: center;
justify-content: center;
}

.banner-content h1 {
    font-weight: bolder;
    font-size: 58px;
    line-height: 60px;
    color: white;
    margin-top: 15%;
    text-transform: capitalize;
    margin-bottom: 30px;
}
.row.justify-content-center {
    padding: 40px 0;
}

.col-lg-12.text-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.img-fluid {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
    box-shadow: 0px 0px 64px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
    border: 2px solid #a5948c; /* Muted brown border */
}
.banner-content p {
    font-family: "Quicksand", sans-serif;
    font-weight: 500;
    max-width: 80%;
    font-size: 18px;
    line-height: 28px;
    color: #ffff; /* Muted brown for text */
    margin-bottom: 30px;
}

.banner-btn .btn-common .find-btn {
    display: inline-block;
    padding: 14px 35px;
    background: #efa843; /* Vibrant orange background */
    border-radius: 5px;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 0.75px;
    color: #000000; /* Black for contrast */
    text-transform: capitalize;
    transition: all .3s;
}


.banner-btn .btn-common:hover {
    background: #6b4623; /* Medium brown on hover */
}

.banner-slider.owl-carousel.owl-loaded.owl-drag .owl-nav button.owl-next {
  right: 20px;
  top: 50%;
}

.banner-slider.owl-carousel.owl-loaded.owl-drag .owl-nav button.owl-prev {
  left: 20px;
  top: 50%;
}

.banner-slider.owl-carousel.owl-loaded.owl-drag .owl-nav button {
  position: absolute;
  transform: translateY(-50%);
}

.banner-slider.owl-carousel.owl-loaded.owl-drag .owl-nav button i {
  height: 36px;
  width: 36px;
  line-height: 34px;
  text-align: center;
  border: 2px solid #ecdeca; /* Light beige border */
  color: #ecdeca; /* Light beige for icon */
  font-size: 30px;
  border-radius: 50%;
}

.main-banner .slider-item {
  display: flex;
  width: 100%;
  align-items: center;
  min-height: 670px;
}

.main-banner .slider-item .slider-content {
  margin-left: 82px;
  margin-top: -80px;
}

.main-banner .slider-item .slider-content h2 {
  max-width: 617px;
  font-style: normal;
  font-weight: 700;
  font-size: 80px;
  line-height: 90px;
  color: #ecdeca; /* Light beige for text */
}

.main-banner .slider-item .slider-content h5 {
  font-weight: 700;
  font-size: 30px;
  line-height: 37px;
  color: #efa843; /* Vibrant orange for emphasis */
  margin: 30px 0 50px 0;
}

.main-banner .slider-item-1 {
  background: linear-gradient(rgba(75, 54, 44, 0.65) 100%, rgba(75, 54, 44, 0.65) 100%), url(../images/banners/banner-1.png);
  background-size: cover;
  background-position: center;
}

.main-banner .slider-item-2 {
  background: linear-gradient(rgba(75, 54, 44, 0.65) 100%, rgba(75, 54, 44, 0.65) 100%), url(../images/banners/banner-3.png);
  background-size: cover;
  background-position: center;
}

.main-banner .slider-item-3 {
  background: linear-gradient(rgba(75, 54, 44, 0.65) 100%, rgba(75, 54, 44, 0.65) 100%), url(../images/banners/banner-4.png);
  background-size: cover;
  background-position: center;
}

.main-banner-2 {
  background: url(../images/banners/banner-2.png) center no-repeat;
  min-height: 794px;
  background-size: 100% 100%;
}

.main-banner-2 .main-banner-content-2 {
  padding-top: 170px;
  text-align: center;
}

.main-banner-2 .main-banner-content-2 h2 {
  font-style: normal;
  font-weight: 700;
  font-size: 90px;
  line-height: 110px;
  color: #ecdeca; /* Light beige for text */
  margin-bottom: 40px;
}

.main-banner-2 .main-banner-content-2 h3 {
  font-weight: 700;
  font-size: 40px;
  line-height: 50px;
  color: #efa843; /* Vibrant orange for emphasis */
}

.find-form {
  position: relative;
  z-index: 10;
  margin-top: -70px;
}

.find-form .findfrom-wrapper {
  background: rgba(75, 54, 44, 0.9); /* Dark brown with opacity */
  padding: 45px 45px;
  max-width: 980px;
  margin: 0 auto;
  box-shadow: 0px 0px 64px rgba(0, 0, 0, 0.1);
  border-radius: 20px;
}

.find-form .findfrom-wrapper .find-btn a {
  text-align: center;
  display: block;
  padding: 13px 0;
  color: #000000; /* Black for contrast */
  background: #efa843; /* Vibrant orange for button */
}

.find-form .findfrom-wrapper .find-btn a i {
  font-size: 20px;
  color: #000000; /* Black for contrast */
}

.find-form .findfrom-wrapper .find-btn a i::before {
  vertical-align: middle;
  margin-right: 10px;
}

.find-form .findfrom-wrapper input, .find-form .findfrom-wrapper select {
  font-weight: 700;
  font-size: 13px;
  line-height: 16px;
  color: #4a362c; /* Dark brown for text */
  height: 50px;
  width: 100%;
  background: #ecdeca; /* Light beige background */
  border: 1px solid #a5948c; /* Muted brown border */
}

.find-form .findfrom-wrapper input:focus, .find-form .findfrom-wrapper select:focus {
  box-shadow: none;
}

.find-form .findfrom-wrapper input option, .find-form .findfrom-wrapper select option {
  font-weight: 700;
  font-size: 13px;
  line-height: 16px;
  color: #4a362c; /* Dark brown for options */
}

.find-form .findfrom-wrapper input,
.find-form .findfrom-wrapper input[type="date"] {
  border: none;
}

.find-form .findfrom-wrapper input::-webkit-input-placeholder,
.find-form .findfrom-wrapper input[type="date"]::-webkit-input-placeholder {
  font-weight: 700;
  font-size: 13px;
  line-height: 16px;
  color: #8b7c6c; /* Muted brown for placeholder */
}

.find-form .findfrom-wrapper input:-ms-input-placeholder,
.find-form .findfrom-wrapper input[type="date"]:-ms-input-placeholder {
  font-weight: 700;
  font-size: 13px;
  line-height: 16px;
  color: #8b7c6c; /* Muted brown for placeholder */
}

.find-form .findfrom-wrapper input::-ms-input-placeholder,
.find-form .findfrom-wrapper input[type="date"]::-ms-input-placeholder {
  font-weight: 700;
  font-size: 13px;
  line-height: 16px;
  color: #8b7c6c; /* Muted brown for placeholder */
}

.find-form .findfrom-wrapper input::placeholder,
.find-form .findfrom-wrapper input[type="date"]::placeholder {
  font-weight: 700;
  font-size: 13px;
  line-height: 16px;
  color: #8b7c6c; /* Muted brown for placeholder */
}

.find-form .findfrom-wrapper input:focus,
.find-form .findfrom-wrapper input[type="date"]:focus {
  border: none;
  box-shadow: none;
}

.find-form-2 {
  position: relative;
  z-index: 10;
  margin-top: 80px;
}

.find-form-2 .findfrom-wrapper {
  background: rgba(236, 222, 202, 0.7); /* Light beige with opacity */
  box-shadow: 0px 32px 64px rgba(0, 0, 0, 0.08);
  border-radius: 20px;
  padding: 45px 45px;
  max-width: 980px;
  margin: 0 auto;
}

.find-form-2 .findfrom-wrapper .find-btn a {
  text-align: center;
  display: block;
  padding: 13px 0;
  color: #000000; /* Black for contrast */
  background: #efa843; /* Vibrant orange for button */
}

.find-form-2 .findfrom-wrapper .find-btn a i {
  font-size: 20px;
  color: #000000; /* Black for contrast */
}

.find-form-2 .findfrom-wrapper .find-btn a i::before {
  vertical-align: middle;
  margin-right: 10px;
}

.find-form-2 .findfrom-wrapper input, .find-form-2 .findfrom-wrapper select {
  font-weight: 700;
  font-size: 13px;
  line-height: 16px;
  color: #4a362c; /* Dark brown for text */
  background: #ecdeca; /* Light beige background */
  border: 1px solid #a5948c; /* Muted brown border */
}

.find-form-2 .findfrom-wrapper input:focus, .find-form-2 .findfrom-wrapper select:focus {
  box-shadow: none;
}

.find-form-2 .findfrom-wrapper input option, .find-form-2 .findfrom-wrapper select option {
  font-weight: 700;
  font-size: 13px;
  line-height: 16px;
  color: #4a362c; /* Dark brown for options */
}

.find-form-2 .findfrom-wrapper input,
.find-form-2 .findfrom-wrapper input[type="date"] {
  border: none;
}

.find-form-2 .findfrom-wrapper input::-webkit-input-placeholder,
.find-form-2 .findfrom-wrapper input[type="date"]::-webkit-input-placeholder {
  font-weight: 700;
  font-size: 13px;
  line-height: 16px;
  color: #8b7c6c; /* Muted brown for placeholder */
}

.find-form-2 .findfrom-wrapper input:-ms-input-placeholder,
.find-form-2 .findfrom-wrapper input[type="date"]:-ms-input-placeholder {
  font-weight: 700;
  font-size: 13px;
  line-height: 16px;
  color: #8b7c6c; /* Muted brown for placeholder */
}

.find-form-2 .findfrom-wrapper input::-ms-input-placeholder,
.find-form-2 .findfrom-wrapper input[type="date"]::-ms-input-placeholder {
  font-weight: 700;
  font-size: 13px;
  line-height: 16px;
  color: #8b7c6c; /* Muted brown for placeholder */
}

.find-form-2 .findfrom-wrapper input::placeholder,
.find-form-2 .findfrom-wrapper input[type="date"]::placeholder {
  font-weight: 700;
  font-size: 13px;
  line-height: 16px;
  color: #8b7c6c; /* Muted brown for placeholder */
}

.find-form-2 .findfrom-wrapper input:focus,
.find-form-2 .findfrom-wrapper input[type="date"]:focus {
  border: none;
  box-shadow: none;
}

.find-form .findfrom-wrapper input, .find-form .findfrom-wrapper input {
  width: 100%;
}

.package-card-xl {
  margin: 15px 0;
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  border-radius: 10px;
  display: flex;
  border: 1px solid #a5948c; /* Muted brown border */
}

.package-card-xl .package-thumb-xl img {
  width: 300px;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}

.package-card-xl .package-details-xl {
  width: 60%;
  padding: 25px 30px;
  background: #ecdeca; /* Light beige background */
}

.package-card-xl .package-details-xl .package-info {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
}

.package-card-xl .package-details-xl .package-info h5 {
  font-style: normal;
  font-weight: 700;
  font-size: 15px;
  line-height: 23px;
  color: #6b4623; /* Medium brown for text */
}

.package-card-xl .package-details-xl .package-info h5 span {
  font-size: 20px;
}

.package-card-xl .package-details-xl .package-info h5 i {
  margin-right: 5px;
  color: #efa843; /* Vibrant orange for icons */
}

.package-card-xl .package-details-xl h3 {
  font-style: normal;
  font-weight: 700;
  font-size: 23px;
  line-height: 27px;
  color: #efa843; /* Vibrant orange for emphasis */
  text-transform: capitalize;
  padding: 15px 0;
}

.package-card-xl .package-details-xl h3 i {
  color: #6b4623; /* Medium brown for icons */
  font-size: 18px;
}

.package-card-xl .package-details-xl h3 a {
  color: #efa843; /* Vibrant orange for links */
}

.package-card-xl .package-details-xl .package-rating {
  margin-top: 10px;
}

.package-card-xl .package-details-xl .package-rating strong {
  font-weight: 700;
  font-size: 13px;
  color: #6b4623; /* Medium brown for text */
}

.package-card-xl .package-details-xl .package-rating strong i {
  font-size: 20px;
  color: #efa843; /* Vibrant orange for rating icons */
  margin-right: 5px;
}

.package-card-xl .package-details-xl .package-rating strong i::before {
  vertical-align: middle;
}

.package-card {
    background: #ecdeca; /* Light beige background */
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 0px 64px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

.package-card:hover {
    transform: translateY(-5px);
}

.package-thumb {
	margin-top: 20%;
    position: relative;
    display: flex;
    align-items: flex-end;
    height: 250px;
}
.package-details-wrapper{
	margin-top: 5%;
}


.package-name-overlay {
    background: linear-gradient(to top, rgba(74, 54, 44, 0.7), rgba(74, 54, 44, 0)); /* Gradient from dark brown to transparent */
    width: 100%;
    padding: 15px;
}

.package-name-overlay h3 {
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    text-transform: capitalize;
    color: #ecdeca; /* Light beige for text */
    margin: 0;
}

.package-details {
    padding: 20px;
}

.package-info h5 {
    font-weight: 700;
    font-size: 18px;
    color: #4a362c; /* Dark brown for text */
    margin-bottom: 10px;
}

.package-info h5 span {
    color: #efa843; /* Vibrant orange for price */
}

.package-info h3 {
    font-weight: 600;
    font-size: 16px;
    color: #8b7c6c; /* Muted brown for text */
    margin-bottom: 15px;
}

.package-info h3 i {
    color: #efa843; /* Vibrant orange for icon */
    margin-right: 8px;
}

.package-meta {
    margin-bottom: 15px;
}

.package-meta p {
    font-family: "Quicksand", sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #8b7c6c; /* Muted brown for text */
    margin-bottom: 8px;
}

.package-meta p i {
    color: #efa843; /* Vibrant orange for icons */
    margin-right: 8px;
}

.package-rating {
    text-align: center;
}

.package-rating strong {
    font-weight: 700;
    font-size: 14px;
    color: #4a362c; /* Dark brown for text */
}

.package-rating strong i {
    color: #efa843; /* Vibrant orange for star icon */
    margin-right: 5px;
}

.package-rating strong span {
    color: #8b7c6c; /* Muted brown for rating count */
}

 .scroll-to-top {
            position: fixed;
            bottom: 20px;
            right: 20px;
            width: 50px;
            height: 50px;
            background-color: #efa843; /* Vibrant orange from palette */
            color: #000000; /* Black for arrow */
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            opacity: 0;
            visibility: hidden;
            transition: all 0.3s ease;
            box-shadow: 0 2px 5px #67584a; /* Muted brown for shadow */
            z-index: 1000;
        }
        .scroll-to-top:hover {
            background-color: #ecdeca; /* Light beige for hover */
            transform: scale(1.1);
        }
        .scroll-to-top.show {
            opacity: 1;
            visibility: visible;
        }
        .scroll-to-top::before {
            content: '\2191';
            font-size: 24px;
            font-weight: bold;
        }
        .package-card:hover {
            transform: translateY(-10px);
            transition: transform 0.3s ease;
        }
        .review-card {
            background: #f8f9fa;
            border-radius: 10px;
            padding: 20px;
            margin: 10px;
        }
        .destinations-area .package-card {
            margin-bottom: 20px;
        }
.package-card .package-details {
  padding: 20px 15px;
  background: #ecdeca; /* Light beige background */
}

.package-card .package-details .package-info {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
}

.package-card .package-details .package-info h5 {
  font-style: normal;
  font-weight: 700;
  font-size: 15px;
  line-height: 23px;
  color: #6b4623; /* Medium brown for text */
}

.package-card .package-details .package-info h5 span {
  font-size: 20px;
}

.package-card .package-details .package-info h5 i {
  margin-right: 5px;
  color: #efa843; /* Vibrant orange for icons */
}

.package-card .package-details h3 {
  font-style: normal;
  font-weight: 700;
  font-size: 23px;
  line-height: 28px;
  color: #efa843; /* Vibrant orange for emphasis */
  text-transform: capitalize;
  padding: 15px 0;
}

.package-card .package-details h3 i {
  color: #6b4623; /* Medium brown for icons */
  font-size: 18px;
}

.package-card .package-details h3 a {
  color: #efa843; /* Vibrant orange for links */
}

.package-card .package-details .package-rating {
  display: flex;
}

.package-card .package-details .package-rating i {
  font-size: 18px;
  color: #efa843; /* Vibrant orange for rating icons */
  margin-right: 5px;
}

.package-card .package-details .package-rating strong {
  font-weight: 700;
  font-size: 13px;
  color: #6b4623; /* Medium brown for text */
  display: flex;
  align-items: center;
}

.offer-area .offer-slider.owl-carousel .owl-nav button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.offer-area .offer-slider.owl-carousel .owl-nav button.owl-prev {
  left: -7%;
}

.offer-area .offer-slider.owl-carousel .owl-nav button.owl-next {
  right: -7%;
}

.offer-card {
  margin: 30px 0;
}

.offer-card:hover .offer-thumb img {
  transform: scale(1.05);
}

.offer-card .offer-thumb {
  overflow: hidden;
}

.offer-card .offer-thumb img {
  width: 100%;
  transition: all .4s;
}

.offer-card .offer-details {
  border: 1px solid #a5948c; /* Muted brown border */
  padding: 20px 15px;
  background: #ecdeca; /* Light beige background */
}

.offer-card .offer-details .offer-info {
  display: flex;
  justify-content: space-between;
}

.offer-card .offer-details .offer-info h5 {
  font-style: normal;
  font-weight: 700;
  font-size: 15px;
  line-height: 23px;
  color: #6b4623; /* Medium brown for text */
}

.offer-card .offer-details .offer-info h5 span {
  font-size: 20px;
}

.offer-card .offer-details .offer-info h5 i {
  margin-right: 5px;
  color: #efa843; /* Vibrant orange for icons */
}

.offer-card .offer-details .offer-info ul.offer-rating {
  display: flex;
}

.offer-card .offer-details .offer-info ul.offer-rating li {
  margin-left: 5px;
  color: #efa843; /* Vibrant orange for rating */
}

.offer-card .offer-details h3 {
  font-style: normal;
  font-weight: 700;
  font-size: 23px;
  line-height: 27px;
  color: #efa843; /* Vibrant orange for emphasis */
  text-transform: capitalize;
  padding: 20px 0 18px 0;
}

.offer-card .offer-details h3 i {
  color: #6b4623; /* Medium brown for icons */
  font-size: 18px;
}

.offer-card .offer-details h3 a {
  color: #efa843; /* Vibrant orange for links */
}

.offer-card .offer-details strong {
  font-weight: 700;
  font-size: 25px;
  line-height: 29px;
  color: #6b4623; /* Medium brown for text */
}

.offer-card .offer-details strong span {
  color: #8b7c6c; /* Muted brown for strikethrough */
  margin-left: 10px;
  font-size: 18px;
  text-decoration: line-through;
}

.destinations-area .row.owl-carousel.destinations-2.owl-loaded.owl-drag .owl-nav button {
  position: absolute;
}

.destinations-area .row.owl-carousel.destinations-2.owl-loaded.owl-drag .owl-nav button i {
  text-align: center;
  color: #ecdeca; /* Light beige for icons */
  height: 33px;
  width: 33px;
  line-height: 33px;
  border: 2px solid #ecdeca; /* Light beige border */
  border-radius: 50%;
  font-size: 28px;
  margin: 0;
}

.destinations-area .row.owl-carousel.destinations-2.owl-loaded.owl-drag .owl-nav button.owl-prev {
  top: 18%;
  right: -15.9%;
}

.destinations-area .row.owl-carousel.destinations-2.owl-loaded.owl-drag .owl-nav button.owl-next {
  top: 18%;
  right: -25%;
}

.destinations-area .row.owl-carousel.destinations-1.owl-loaded.owl-drag .owl-nav button {
  position: absolute;
}

.destinations-area .row.owl-carousel.destinations-1.owl-loaded.owl-drag .owl-nav button i {
  font-size: 28px;
  line-height: 33px;
  text-align: center;
  height: 33px;
  width: 33px;
  border: 2px solid #ecdeca; /* Light beige border */
  border-radius: 50%;
  color: #ecdeca; /* Light beige for icons */
  margin: 0;
}

.destinations-area .row.owl-carousel.destinations-1.owl-loaded.owl-drag .owl-nav button.owl-prev {
  top: 18%;
  left: -25%;
}

.destinations-area .row.owl-carousel.destinations-1.owl-loaded.owl-drag .owl-nav button.owl-next {
  top: 18%;
  left: -15.9%;
}

.package-slider-wrap {
  position: relative;
  height: 90.6%;
  margin-top: 20px;
  display: flex;
}

.package-slider-wrap img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.package-slider-wrap .pakage-overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(75, 54, 44, 0.6); /* Dark brown with opacity */
  display: flex;
  justify-content: center;
  align-items: center;
}

.package-slider-wrap .pakage-overlay strong {
  font-weight: 700;
  font-size: 40px;
  line-height: 46px;
  color: #ecdeca; /* Light beige for text */
}

.achievement-area {
  background: linear-gradient(rgba(236, 222, 202, 0.2) 100%, rgba(236, 222, 202, 0.2) 100%), url(../images/achiv-shape.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.achievement-area-2 {
  background: linear-gradient(rgba(236, 222, 202, 0.2) 100%, rgba(236, 222, 202, 0.2) 100%), url(../images/achiv-shape.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.achievement-card {
  padding: 20px;
  text-align: center;
  background: #6b4623; /* Medium brown background */
  color: #ecdeca; /* Light beige for text */
  box-shadow: 0px 0px 64px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
}

.achievement-card .achievement-icon {
  margin-bottom: 20px;
}

.achievement-card .achievement-icon i {
  color: #ecdeca; /* Light beige for icons */
}

.achievement-card .achievement-icon i::before {
  font-size: 82px;
}

.achievement-card h5 {
  font-weight: 700;
  font-size: 22px;
  line-height: 32px;
  color: #ecdeca; /* Light beige for text */
}

.achievement-card-2 {
  overflow: hidden;
  margin-top: 20px;
  position: relative;
  border-radius: 5px;
  text-align: center;
  box-shadow: 0px 0px 64px rgba(0, 0, 0, 0.1);
}

.achievement-card-2 .achieve-img {
  height: 50%;
  width: 100%;
}

.achievement-card-2 .achieve-img img {
  height: 100%;
  width: 100%;
}

.achievement-card-2 .achieve-info {
  background: #6b4623; /* Medium brown background */
  padding: 80px 12px 30px 12px;
  position: relative;
}

.achievement-card-2 .achieve-info h5 {
  font-weight: 700;
  font-size: 22px;
  line-height: 27px;
  text-transform: capitalize;
  color: #ecdeca; /* Light beige for text */
}

.achievement-card-2 .achieve-icon {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0px auto;
  top: -65px;
  display: block;
  height: 120px;
  width: 120px;
  text-align: center;
  background: #ecdeca; /* Light beige background */
  border-radius: 50%;
  line-height: 130px;
  padding: 20px;
  box-shadow: 0px 0px 64px rgba(0, 0, 0, 0.15);
}

.achievement-card-2 .achieve-icon i {
  color: #6b4623; /* Medium brown for icons */
}

.achievement-card-2 .achieve-icon i::before {
  font-size: 65px;
}

.review-card {
  padding: 30px 25px;
  margin: 20px 10px;
  text-align: center;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 16px;
  border-radius: 50px 50px 0px 0px;
  background: #ecdeca; /* Light beige background */
}

.review-card .reviewer-img img {
  height: 114px;
  width: 114px;
  border-radius: 50%;
  border: 8px solid rgba(75, 54, 44, 0.1); /* Dark brown with opacity */
  margin: 0 auto;
}

.review-card h3 {
  margin-top: 20px;
  font-weight: 700;
  font-size: 25px;
  line-height: 29px;
  text-transform: capitalize;
  color: #4a362c; /* Dark brown for text */
}

.review-card h5 {
  font-family: "Quicksand", sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 23px;
  text-transform: capitalize;
  color: #8b7c6c; /* Muted brown for secondary text */
  margin: 10px 0 22px 0;
}

.review-card p {
  position: relative;
  color: #8b7c6c; /* Muted brown for text */
}

.review-card p::before {
  position: absolute;
  content: "";
  background: url(../images/reviewer/quote-rwview.svg);
  left: 0;
  bottom: 100%;
  height: 37px;
  width: 37px;
}

.feature-area {
  background: linear-gradient(rgba(75, 54, 44, 0.3) 100%, rgba(75, 54, 44, 0.4) 100%), url(../images/home1.jpg) center no-repeat;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.feature-area .section-head h2 {
  color: #ecdeca; /* Light beige for text */
}

.feature-area-2 {
  background: linear-gradient(rgba(75, 54, 44, 0.3) 100%, rgba(75, 54, 44, 0.3) 100%), url(../images/feature/feature-bg.png) center no-repeat;
  background-size: cover;
}

.feature-area-2 .feature-head-2 {
  text-align: left;
  margin: inherit;
}

.feature-area-2 .feature-head-2 h2 {
  color: #ecdeca; /* Light beige for text */
}

.feature-card {
  max-width: 570px;
  min-height: 200px;
  display: flex;
  box-shadow: 0px 0px 64px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  overflow: hidden;
}

.feature-card .feature-img {
  max-width: 235px;
}

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

.feature-card .feature-content {
  padding: 25px 30px;
  background: #ecdeca; /* Light beige background */
}

.feature-card .feature-content a.title {
  font-weight: 700;
  font-size: 23px;
  line-height: 32px;
  color: #4a362c; /* Dark brown for text */
}

.feature-card .feature-content h5 {
  margin: 12px 0 22px;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  color: #6b4623; /* Medium brown for text */
}

.feature-card .feature-content h5 i {
  color: #efa843; /* Vibrant orange for icons */
  font-size: 18px;
}

.feature-card .feature-content strong {
  font-weight: 700;
  font-size: 25px;
  line-height: 29px;
  color: #efa843; /* Vibrant orange for emphasis */
}

.feature-card .feature-content strong span {
  color: #8b7c6c; /* Muted brown for strikethrough */
  margin-left: 10px;
  font-size: 18px;
  text-decoration: line-through;
}

.feature-card-2 {
  margin: 20px 0;
  border-radius: 5px;
  overflow: hidden;
}

.feature-card-2:hover .feature-thumb img {
  transform: scale(1.05);
}

.feature-card-2:hover .feature-card-review .feature-btn {
  opacity: 1;
}

.feature-card-2 .feature-thumb {
  position: relative;
  overflow: hidden;
}

.feature-card-2 .feature-thumb .feature-price {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background: #efa843; /* Vibrant orange background */
  padding: 10px;
  border-radius: 5px 5px 0px 0px;
}

.feature-card-2 .feature-thumb .feature-price h5 {
  font-weight: 700;
  font-size: 25px;
  color: #000000; /* Black for contrast */
}

.feature-card-2 .feature-thumb .feature-price h5 span {
  font-size: 15px;
  color: #4a362c; /* Dark brown for secondary text */
}

.feature-card-2 .feature-thumb img {
  width: 100%;
  transition: .3s ease-in;
}

.feature-card-2 .feature-details {
  padding: 20px;
  background: #ecdeca; /* Light beige background */
}

.feature-card-2 .feature-details h5.tour-duration {
  font-style: normal;
  font-weight: 700;
  font-size: 15px;
  line-height: 23px;
  color: #6b4623; /* Medium brown for text */
}

.feature-card-2 .feature-details h5.tour-duration i {
  margin-right: 5px;
  color: #efa843; /* Vibrant orange for icons */
}

.feature-card-2 .feature-details h3 {
  font-style: normal;
  font-weight: 700;
  font-size: 23px;
  line-height: 27px;
  color: #efa843; /* Vibrant orange for emphasis */
  text-transform: capitalize;
  padding-top: 20px;
}

.feature-card-2 .feature-details h3 i {
  color: #6b4623; /* Medium brown for icons */
  font-size: 18px;
}

.feature-card-2 .feature-details h3 a {
  color: #efa843; /* Vibrant orange for links */
}

.feature-card-2 .feature-card-review {
  border-top: 1px solid #a5948c; /* Muted brown border */
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #ecdeca; /* Light beige background */
  padding: 17px 20px;
  position: relative;
}

.feature-card-2 .feature-card-review ul.feature-rating {
  display: flex;
}

.feature-card-2 .feature-card-review ul.feature-rating p {
  font-family: "Quicksand", sans-serif;
  font-size: 15px;
  text-transform: capitalize;
  color: #4a362c; /* Dark brown for text */
}

.feature-card-2 .feature-card-review ul.feature-rating li {
  color: #efa843; /* Vibrant orange for rating */
  margin-left: 7px;
}

.feature-card-2 .feature-card-review .feature-btn {
  position: absolute;
  top: 0;
  left: 0;
  background: #6b4623; /* Medium brown background */
  height | 100%;
  width: 100%;
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 17px;
  line-height: 25px;
  text-transform: capitalize;
  color: #ecdeca; /* Light beige for text */
  justify-content: center;
  opacity: 0;
  transition: all .3s;
}

.feature-slider-2.owl-carousel .owl-nav {
  position: absolute;
  right: 0;
  top: -35%;
}

.blog-card {
  margin-top: 30px;
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.08);
  border-radius: 0px 0px 3px 3px;
  border: 1px solid #a5948c; /* Muted brown border */
}

.blog-card:hover .blog-img img {
  transform: scale(1.05) translateX(-10px);
}

.blog-card .blog-img {
  position: relative;
  border-radius: 5px 5px 0 0;
  overflow: hidden;
}

.blog-card .blog-img img {
  width: 100%;
  transition: all .4s;
}

.blog-card .blog-img .blog-date {
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 0px 0px 5px 5px;
  padding: 10px 20px;
  background: #6b4623; /* Medium brown background */
  position: absolute;
  font-style: normal;
  font-weight: 700;
  font-size: 15px;
  line-height: 17px;
  display: flex;
  align-items: center;
  color: #ecdeca; /* Light beige for text */
}

.blog-card .blog-img .blog-date i {
  color: #efa843; /* Vibrant orange for icons */
  margin-right: 6px;
}

.blog-card .blog-details {
  padding: 25px 20px;
  background: #ecdeca; /* Light beige background */
}

.blog-card .blog-details .blog-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.blog-card .blog-details .blog-info a.blog-comment i::before {
  vertical-align: middle;
}

.blog-card .blog-details .blog-info a.blog-writer,
.blog-card .blog-details .blog-info a.blog-comment {
  display: flex;
  align-items: center;
  font-family: "Quicksand", sans-serif;
  font-weight: 500;
  font-size: 15px;
  line-height: 17px;
  color: #4a362c; /* Dark brown for text */
}

.blog-card .blog-details .blog-info a.blog-writer i,
.blog-card .blog-details .blog-info a.blog-comment i {
  color: #efa843; /* Vibrant orange for icons */
  margin-right: 5px;
  font-size: 16px;
}

.blog-card .blog-details a.blog-title {
  margin: 20px 0;
  font-weight: 700;
  font-size: 23px;
  line-height: 30px;
  text-transform: capitalize;
  color: #4a362c; /* Dark brown for text */
  display: inline-block;
}

.blog-card-xl {
  margin-top: 30px;
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.08);
  border-radius: 0px 0px 3px 3px;
  border: 1px solid #a5948c; /* Muted brown border */
}

.blog-card-xl:hover .blog-img img {
  transform: scale(1.05) translateX(-10px);
}

.blog-card-xl .blog-img {
  position: relative;
  border-radius: 5px 5px 0 0;
  overflow: hidden;
}

.blog-card-xl .blog-img img {
  width: 100%;
  transition: all .4s;
}

.blog-card-xl .blog-img .blog-date {
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 0px 0px 5px 5px;
  padding: 10px 20px;
  background: #6b4623; /* Medium brown background */
  position: absolute;
  font-style: normal;
  font-weight: 700;
  font-size: 15px;
  line-height: 17px;
  display: flex;
  align-items: center;
  color: #ecdeca; /* Light beige for text */
}

.blog-card-xl .blog-img .blog-date i {
  color: #efa843; /* Vibrant orange for icons */
  margin-right: 6px;
}

.blog-card-xl .blog-details {
  padding: 25px 20px;
  background: #ecdeca; /* Light beige background */
}

.blog-card-xl .blog-details .blog-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.blog-card-xl .blog-details .blog-info a.blog-comment i::before {
  vertical-align: middle;
}

.blog-card-xl .blog-details .blog-info a.blog-writer,
.blog-card-xl .blog-details .blog-info a.blog-comment {
  display: flex;
  align-items: center;
  font-family: "Quicksand", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #4a362c; /* Dark brown for text */
}

.blog-card-xl .blog-details .blog-info a.blog-writer i,
.blog-card-xl .blog-details .blog-info a.blog-comment i {
  color: #efa843; /* Vibrant orange for icons */
  margin-right: 5px;
  font-size: 14px;
  top: 1px;
  position: relative;
}

.blog-card-xl .blog-details a.blog-title {
  margin: 14px 0;
  font-weight: 700;
  font-size: 23px;
  line-height: 33px;
  text-transform: capitalize;
  color: #4a362c; /* Dark brown for text */
  display: inline-block;
}

.blog-card-xl .blog-btn {
  margin-top: 20px;
}

/* =============================
   Blog area end
==============================*/
/* =============================
  12. Newsletter area start
==============================*/
.newsletter-area {
  margin-bottom: -90px;
}

.newsletter-area .newsletter-wrapper {
  max-width: 970px;
  margin: 0 auto;
  padding: 48px;
  background: #6b4623; /* Medium brown background */
  box-shadow: 0px 32px 64px rgba(0, 0, 0, 0.08);
  border-radius: 20px 20px 0px 0px;
}

.newsletter-area .newsletter-wrapper h2 {
  text-align: center;
  font-weight: 700;
  font-size: 42px;
  line-height: 54px;
  text-transform: capitalize;
  color: #ecdeca; /* Light beige for text */
  max-width: 612px;
  margin: 0 auto;
  margin-bottom: 45px;
}

.newsletter-area .newsletter-wrapper .newsletter-input {
  max-width: 570px;
  margin: 0 auto;
  height: 60px;
}

.newsletter-area .newsletter-wrapper .newsletter-input input {
  border-radius: 10px 0px 0 10px;
  height: 100%;
  border: 1px solid #a5948c; /* Muted brown border */
}

.newsletter-area .newsletter-wrapper .newsletter-input input::placeholder {
  font-family: "Quicksand", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  text-transform: capitalize;
  color: #8b7c6c; /* Muted brown for placeholder */
}

.newsletter-area .newsletter-wrapper .newsletter-input input:focus {
  box-shadow: none;
  outline: none;
  border: 1px solid #a5948c; /* Muted brown border */
}

.newsletter-area .newsletter-wrapper .newsletter-input button {
  width: 172px;
  border-radius: 10px;
  background: #efa843; /* Vibrant orange background */
  border: 1px solid #efa843; /* Vibrant orange border */
  box-sizing: border-box;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.18);
  font-size: 20px;
  font-weight: 700;
  color: #000000; /* Black for contrast */
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.newsletter-area .newsletter-wrapper .newsletter-input button:hover {
  background: #4a362c; /* Dark brown on hover */
  border: 1px solid #4a362c; /* Dark brown border */
}

/* =============================
   Newsletter area end
==============================*/
/* =============================
    13. Footer area start
==============================*/
.footer-area {
  color: #efa843; /* Vibrant orange for text */
  padding-top: 170px;
  background: #4a362c; /* Dark brown background */
}

.footer-area .footer-links h5 {
  text-transform: capitalize;
  font-style: normal;
  font-weight: 700;
  font-size: 25px;
  line-height: 43px;
  color: #ecdeca; /* Light beige for text */
  margin-bottom: 25px;
}

.footer-area .footer-links .contact-box {
  display: flex;
  margin-top: 25px;
}

.footer-area .footer-links .contact-box:first-child {
  margin-top: 0;
}

.footer-area .footer-links .contact-box span {
  float: left;
  width: 34px;
  font-size: 18px;
  color: #efa843; /* Vibrant orange for icons */
  display: flex;
  align-items: center;
}

.footer-area .footer-links .contact-box span i {
  color: #efa843; /* Vibrant orange for icons */
  font-size: 20px;
}

.footer-area .footer-links .contact-box a {
  font-size: 15px;
  color: #ecdeca; /* Light beige for links */
  line-height: 22px;
  display: block;
  font-weight: 500;
}

.footer-area .footer-links .category-list ul li a {
  display: inline-block;
  font-family: "Quicksand", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 20px;
  color: #ecdeca; /* Light beige for links */
  margin-bottom: 15px;
  text-transform: capitalize;
}

.footer-area .footer-links .payment-cards {
  display: flex;
  flex-wrap: wrap;
}

.footer-area .footer-links .payment-cards img {
  width: 65px;
  height: auto;
  margin-right: 13px;
  margin-bottom: 15px;
}

.footer-area .footer-info p {
  color: #ecdeca; /* Light beige for text */
  margin: 35px 0 20px 0;
}

.footer-area .footer-social-icons h5 {
  margin-bottom: 15px;
  color: #ecdeca; /* Light beige for text */
  font-size: 22px;
  line-height: 27px;
  font-weight: 700;
}

.footer-area .footer-social-icons ul {
  display: flex;
  color: #efa843; /* Vibrant orange for icons */
  font-size: 25px;
}

.footer-area .footer-social-icons ul li {
  margin-right: 20px;
}

.footer-area .footer-social-icons ul li:last-child {
  margin-right: 0;
}

.footer-area .footer-social-icons ul li a {
  color: #efa843; /* Vibrant orange for links */
}

.footer-area .copyrigth-area {
  border-top: 2px solid #67584a; /* Medium brown border */
  margin-top: 50px;
  padding: 30px 0;
  text-align: center;
}

.footer-area .copyrigth-area p {
  font-family: "Quicksand", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #ecdeca; /* Light beige for text */
}

.footer-area .copyrigth-area p a {
  color: #efa843; /* Vibrant orange for links */
  font-weight: 600;
}

/* =============================
      Footer area end
==============================*/
/* =============================
    14. About wrapper start
==============================*/
.about-wrapper .about-wrapper-left .about-img {
  display: inline-block;
  margin-bottom: 10px;
  float: right;
  border: 10px solid rgba(75, 54, 44, 0.1); /* Dark brown with opacity */
}

.about-wrapper .about-wrapper-left .about-video {
  position: relative;
  display: inline-block;
  border: 10px solid rgba(75, 54, 44, 0.1); /* Dark brown with opacity */
}

.about-wrapper .about-wrapper-left .about-video .video-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 100px;
  width: 100px;
  background: rgba(75, 54, 44, 0.1); /* Dark brown with opacity */
  border: 10px solid rgba(75, 54, 44, 0.5); /* Dark brown with higher opacity */
  border-radius: 50%;
  text-align: center;
  line-height: 110px;
  cursor: pointer;
}

.about-wrapper .about-wrapper-left .about-video .video-icon i {
  color: #6b4623; /* Medium brown for icon */
}

.about-wrapper .about-wrapper-left .about-video .video-icon i::before {
  font-size: 40px;
}

.about-wrapper .about-wrapper-right p {
  margin: 25px 0;
  color: #8b7c6c; /* Muted brown for text */
}

.about-wrapper .about-wrapper-right ul.about-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 30px;
}

.about-wrapper .about-wrapper-right ul.about-list li {
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  text-transform: capitalize;
  color: #4a362c; /* Dark brown for text */
  margin-bottom: 20px;
}

.about-wrapper .about-wrapper-right ul.about-list li i {
  vertical-align: middle;
  margin-right: 5px;
  color: #efa843; /* Vibrant orange for icons */
}

.about-wrapper .about-wrapper-right ul.about-list li i::before {
  font-size: 20px;
}

.guide-slider.owl-carousel .owl-nav {
  position: absolute;
  right: 0;
  top: -20%;
}

.guide-slider.owl-carousel .owl-nav button i {
  color: #efa843; /* Vibrant orange for icons */
  border: 2px solid #efa843; /* Vibrant orange border */
  margin-top: 0;
}

/* =============================
     About wrapper end
==============================*/
/* =============================
    15. Guide wrapper start
==============================*/
.guide-card {
  position: relative;
  margin-top: 20px;
  margin-bottom: 10px;
  background: #ecdeca; /* Light beige background */
  border-radius: 10px;
  overflow: hidden;
  transition: all 0.4s ease;
  border: 1px solid #a5948c; /* Muted brown border */
}

.guide-card:hover .guide-info {
  transform: translateY(0);
}

.guide-card .guide-thumb {
  border-radius: 10px;
}

.guide-card .guide-thumb img {
  width: 100%;
}

.guide-card .guide-info {
  bottom: 0;
  left: 0;
  position: absolute;
  width: 100%;
  padding: 30px;
  text-align: center;
  background: #ecdeca; /* Light beige background */
  transition: all 0.4s ease;
  transform: translateY(40%);
}

.guide-card .guide-info strong {
  font-weight: 700;
  font-size: 25px;
  text-transform: capitalize;
  color: #4a362c; /* Dark brown for text */
}

.guide-card .guide-info p {
  font-size: 20px;
  font-weight: 500;
  color: #8b7c6c; /* Muted brown for text */
}

.guide-card .guide-info ul.guide-links {
  margin-top: 35px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.guide-card .guide-info ul.guide-links li:last-child a {
  margin-right: 0;
}

.guide-card .guide-info ul.guide-links li a {
  margin-right: 20px;
  font-size: 20px;
  padding: 8px 10px;
  background: rgba(165, 148, 140, 0.3); /* Muted brown with opacity */
  border-radius: 10px;
  color: #8b7c6c; /* Muted brown for icons */
  transition: all .3s;
  display: inline;
}

.guide-card .guide-info ul.guide-links li a:hover {
  background: #efa843; /* Vibrant orange on hover */
  color: #000000; /* Black for contrast */
}

/* =============================
     Guide wrapper end
==============================*/
/* =============================
     16. Package Page CSS Start
==============================*/
.package-filter h5 {
  font-weight: 700;
  font-size: 25px;
  line-height: 31px;
  color: #4a362c; /* Dark brown for text */
  margin: 5px 0;
}

.package-sidebar h5.categorie-head {
  text-transform: capitalize;
  font-weight: 700;
  font-size: 25px;
  color: #4a362c; /* Dark brown for text */
  margin-bottom: 30px;
}

.package-sidebar .single-option {
  margin-bottom: 30px;
  display: flex;
  align-items: center;
}

.package-sidebar .single-option:last-child {
  margin-bottom: 0;
}

.package-sidebar .single-option label {
  font-family: "Quicksand", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  color: #8b7c6c; /* Muted brown for text */
}

.package-sidebar .sidebar-searchbox,
.package-sidebar .sidebar-range,
.package-sidebar .sidebar-duration,
.package-sidebar .sidebar-categorie {
  padding: 30px 25px;
  background: #ecdeca; /* Light beige background */
  box-shadow: 0px 0px 64px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}

.package-sidebar .sidebar-banner {
  position: relative;
  box-shadow: 0px 0px 64px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  overflow: hidden;
}

.package-sidebar .sidebar-banner img {
  width: 100%;
}

.package-sidebar .sidebar-banner .sidebar-banner-overlay {
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(75, 54, 44, 0.85); /* Dark brown with opacity */
  height: 100%;
  width: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  padding: 25px;
}

.package-sidebar .sidebar-banner .sidebar-banner-overlay h3 {
  font-size: 40px;
  line-height: 55px;
  color: #ecdeca; /* Light beige for text */
  font-weight: 700;
  margin-bottom: 50px;
}

.package-sidebar .sidebar-banner .sidebar-banner-overlay .sidebar-banner-btn a {
  padding: 14px 35px;
  background: #efa843; /* Vibrant orange background */
  border-radius: 5px;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0.75px;
  color: #000000; /* Black for contrast */
  display: inline-block;
  transition: all .4s;
}

.package-sidebar .sidebar-banner .sidebar-banner-overlay .sidebar-banner-btn a:hover {
  background: #6b4623; /* Medium brown on hover */
}

.dual-range {
  margin-bottom: 20px;
  --range-size: 12px;
  --range-width: 100%;
  --handle-size: 1.3;
  height: var(--range-size);
  width: var(--range-width);
  background: #6b4623; /* Medium brown background */
  border-radius: 50px;
  position: relative;
  user-select: none;
}

.dual-range .highlight {
  position: absolute;
  height: var(--range-size);
  left: var(--x-1);
  background: #efa843; /* Vibrant orange for highlight */
  z-index: 1;
  border-radius: 50px;
}

.dual-range .handle {
  height: 20px;
  width: 20px;
  background: #efa843; /* Vibrant orange for handle */
  position: absolute;
  box-shadow: var(--shadow);
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  cursor: grab;
}

.dual-range .handle:active {
  cursor: grabbing;
}

.dual-range .handle.left {
  left: var(--x-1);
}

.dual-range .handle.right {
  left: var(--x-2);
}

.dual-range .handle::after {
  content: "$" attr(data-value);
  position: absolute;
  top: 110%;
  left: 50%;
  transform: translateX(-50%);
  font-weight: 700;
  color: #6b4623; /* Medium brown for text */
}

.package-d-sidebar h5.package-d-head {
  font-weight: 700;
  font-size: 25px;
  color: #4a362c; /* Dark brown for text */
  margin-bottom: 30px;
}

.package-d-sidebar .p-sidebar-form {
  padding: 30px 25px;
  background: #ecdeca; /* Light beige background */
  box-shadow: 0px 0px 64px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}

.package-d-sidebar .p-sidebar-form input,
.package-d-sidebar .p-sidebar-form textarea,
.package-d-sidebar .p-sidebar-form select {
  margin-bottom: 20px;
  border: 1px solid #a5948c; /* Muted brown border */
  box-sizing: border-box;
  border-radius: 6px;
  color: #8b7c6c; /* Muted brown for text */
}

.package-d-sidebar .p-sidebar-form input::placeholder,
.package-d-sidebar .p-sidebar-form textarea::placeholder,
.package-d-sidebar .p-sidebar-form select::placeholder {
  color: #8b7c6c; /* Muted brown for placeholder */
  text-transform: capitalize;
}

.package-d-sidebar .p-sidebar-form input:focus,
.package-d-sidebar .p-sidebar-form textarea:focus,
.package-d-sidebar .p-sidebar-form select:focus {
  box-shadow: none;
  border: 1px solid #a5948c; /* Muted brown border */
}

.package-d-sidebar .p-sidebar-form input[type=submit] {
  margin-top: 10px;
  width: 100%;
  display: block;
  font-weight: 600;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: 0.75px;
  color: #ecdeca; /* Light beige for text */
  background: #6b4623; /* Medium brown background */
  padding: 14px 22px;
  text-transform: capitalize;
  transition: all .3s;
  margin-bottom: 0;
}

.package-d-sidebar .p-sidebar-form input[type=submit]:hover {
  background: #efa843; /* Vibrant orange on hover */
}

.package-d-sidebar .p-sidebar-cards,
.package-d-sidebar .p-sidebar-organizer {
  border-radius: 10px;
  padding: 30px 25px;
  box-shadow: 0px 0px 64px rgba(0, 0, 0, 0.1);
  background: #ecdeca; /* Light beige background */
}

.package-d-sidebar .p-sidebar-organizer .p-ask-btn {
  margin-top: 40px;
  text-align: center;
}

.package-d-sidebar .p-sidebar-organizer .p-ask-btn a {
  font-weight: 700;
  font-size: 18px;
  color: #ecdeca; /* Light beige for text */
  padding: 14px 35px;
  background: #6b4623; /* Medium brown background */
  display: inline-block;
  border-radius: 10px;
  transition: all .4s;
}

.package-d-sidebar .p-sidebar-organizer .p-ask-btn a:hover {
  background: #efa843; /* Vibrant orange on hover */
}

.package-d-sidebar .p-sidebar-banner {
  position: relative;
  box-shadow: 0px 0px 64px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  overflow: hidden;
}

.package-d-sidebar .p-sidebar-banner img {
  width: 100%;
}

.package-d-sidebar .p-sidebar-banner .sidebar-banner-overlay {
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(75, 54, 44, 0.85); /* Dark brown with opacity */
  height: 100%;
  width: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  padding: 25px;
}

.package-d-sidebar .p-sidebar-banner .sidebar-banner-overlay h3 {
  font-size: 40px;
  line-height: 55px;
  color: #ecdeca; /* Light beige for text */
  font-weight: 700;
  margin-bottom: 50px;
}

.package-d-sidebar .p-sidebar-banner .sidebar-banner-overlay .sidebar-banner-btn a {
  padding: 14px 35px;
  background: #efa843; /* Vibrant orange background */
  border-radius: 5px;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0.75px;
  color: #000000; /* Black for contrast */
  display: inline-block;
  transition: all .4s;
}

.package-d-sidebar .p-sidebar-banner .sidebar-banner-overlay .sidebar-banner-btn a:hover {
  background: #6b4623; /* Medium brown on hover */
}

li.package-card-sm {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}

li.package-card-sm:hover .p-sm-img img {
  max-width: 100%;
  transform: scale(1.05);
}

li.package-card-sm:last-child {
  margin-bottom: 0;
}

li.package-card-sm .p-sm-img {
  margin-right: 20px;
  overflow: hidden;
  max-width: 110px;
  border-radius: 10px;
}

li.package-card-sm .p-sm-img img {
  transition: all .3s;
  max-width: 100%;
}

li.package-card-sm .package-info .package-date-sm strong {
  font-weight: 700;
  color: #4a362c; /* Dark brown for text */
  font-size: 10px;
}

li.package-card-sm .package-info .package-date-sm strong i {
  margin-right: 4px;
  color: #efa843; /* Vibrant orange for icons */
}

li.package-card-sm .package-info h3 {
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  color: #efa843; /* Vibrant orange for text */
  margin: 8px 0;
}

li.package-card-sm .package-info h3 i {
  color: #6b4623; /* Medium brown for icons */
}

li.package-card-sm .package-info h3 a {
  color: #efa843; /* Vibrant orange for links */
}

li.package-card-sm .package-info h5 {
  font-weight: 700;
  font-size: 11px;
  color: #4a362c; /* Dark brown for text */
}

li.package-card-sm .package-info h5 span {
  font-size: 18px;
  color: #6b4623; /* Medium brown for text */
}

.organizer-card {
  display: flex;
}

.organizer-card .organizer-img {
  max-width: 135px;
  margin-right: 25px;
}

.organizer-card .organizer-img img {
  border-radius: 5px;
}

.organizer-card .organizer-info h5 {
  font-weight: 700;
  font-size: 20px;
  color: #4a362c; /* Dark brown for text */
}

.organizer-card .organizer-info p {
  margin: 10px 0;
  font-size: 15px;
  color: #8b7c6c; /* Muted brown for text */
}

.organizer-card .organizer-info ul.organizer-rating {
  margin-bottom: 20px;
  display: flex;
}

.organizer-card .organizer-info ul.organizer-rating li {
  font-size: 20px;
  color: #efa843; /* Vibrant orange for rating */
  margin-right: 5px;
}

.organizer-card .organizer-info ul.organizer-rating li:last-child {
  margin-right: 0;
}

.package-details .package-thumb img {
  border-radius: 5px;
  width: 100%;
}

.package-details .package-header {
  padding-top: 50px;
  display: flex;
  justify-content: space-between;
}

.package-details .package-header .package-title h3 {
  font-weight: 700;
  font-size: 30px;
  color: #4a362c; /* Dark brown for text */
  margin-bottom: 15px;
}

.package-details .package-header .package-title strong {
  font-family: "Quicksand", sans-serif;
  font-weight: 500;
  color: #8b7c6c; /* Muted brown for text */
}

.package-details .package-header .package-title strong i {
  color: #6b4623; /* Medium brown for icons */
  font-size: 17px;
}

.package-details .package-header .pd-review {
  text-align: right;
}

.package-details .package-header .pd-review p {
  font-family: "Quicksand", sans-serif;
  font-weight: 500;
  font-size: 13px;
  color: #4a362c; /* Dark brown for text */
}

.package-details .package-header .pd-review ul {
  display: flex;
  float: right;
}

.package-details .package-header .pd-review ul li {
  color: #efa843; /* Vibrant orange for rating */
  font-size: 13px;
}

.package-details .package-tab ul.nav.nav-pills li {
  margin-top: 20px;
}

.package-details .p-short-info {
  margin: 20px 0;
  padding: 20px 0;
  border-top: 1px solid #a5948c; /* Muted brown border */
  border-bottom: 1px solid #a5948c; /* Muted brown border */
  display: flex;
  justify-content: space-between;
}

.package-details .p-short-info .single-info {
  display: flex;
  align-items: center;
}

.package-details .p-short-info .single-info i {
  font-size: 28px;
  color: #efa843; /* Vibrant orange for icons */
  margin-right: 15px;
}

.package-details .p-short-info .single-info .info-texts strong {
  font-size: 16px;
  font-family: "Quicksand", sans-serif;
  font-weight: 600;
  color: #4a362c; /* Dark brown for text */
}

.package-details .p-short-info .single-info .info-texts p {
  font-size: 12px;
  font-weight: 600;
  color: #8b7c6c; /* Muted brown for text */
}

.package-details .package-tab .nav-pills button.nav-link {
  margin-right: 20px;
  border: 2px solid #efa843; /* Vibrant orange border */
  padding: 10px 36px;
  font-weight: 700;
  font-size: 20px;
  color: #4a362c; /* Dark brown for text */
}

.package-details .package-tab .nav-pills button.nav-link i {
  margin-right: 8px;
  font-size: 22px;
  color: #efa843; /* Vibrant orange for icons */
}

.package-details .package-tab .nav-pills button.nav-link i::before {
  vertical-align: middle;
}

.package-details .package-tab .nav-pills button.nav-link.active {
  background: #efa843; /* Vibrant orange background */
  color: #000000; /* Black for contrast */
}

.package-details .package-tab .p-tab-content {
  margin-top: 40px;
}

.package-details .package-tab .p-tab-content .tab-content-1 .p-overview h5 {
  color: #4a362c; /* Dark brown for text */
  font-weight: 700;
  font-size: 25px;
  margin-bottom: 20px;
}

.package-details .package-tab .p-tab-content .tab-content-1 .p-highlight {
  margin: 30px 0;
}

.package-details .package-tab .p-tab-content .tab-content-1 .p-highlight h5 {
  color: #4a362c; /* Dark brown for text */
  font-weight: 700;
  font-size: 25px;
  margin-bottom: 20px;
}

.package-details .package-tab .p-tab-content .tab-content-1 .p-highlight ul li {
  display: flex;
  margin-bottom: 20px;
  align-items: center;
}

.package-details .package-tab .p-tab-content .tab-content-1 .p-highlight ul li:last-child {
  margin-bottom: 0;
}

.package-details .package-tab .p-tab-content .tab-content-1 .p-highlight ul li i {
  color: #efa843; /* Vibrant orange for icons */
  font-size: 20px;
  margin-right: 10px;
}

.package-details .package-tab .p-tab-content .tab-content-1 .p-details-table .table > :not(caption) > * > * {
  padding: 20px 20px 20px 40px;
}

.package-details .package-tab .p-tab-content .tab-content-1 .p-details-table tr td.table-bottom {
  font-weight: 700;
  font-size: 18px;
  color: #4a362c; /* Dark brown for text */
  text-align: center;
}

.package-details .package-tab .p-tab-content .tab-content-1 .p-details-table tr td.table-bottom i {
  font-size: 24px;
  color: #efa843; /* Vibrant orange for icons */
  margin-right: 10px;
}

.package-details .package-tab .p-tab-content .tab-content-1 .p-details-table tr td.table-bottom i::before {
  vertical-align: middle;
}

.package-details .package-tab .p-tab-content .tab-content-1 .p-details-table tr td:first-child {
  font-weight: 700;
  font-size: 18px;
  color: #4a362c; /* Dark brown for text */
}

.package-details .package-tab .p-tab-content .tab-content-1 .p-details-table tr td:last-child {
  font-weight: 600;
  font-size: 16px;
  color: #8b7c6c; /* Muted brown for text */
}

.package-details .package-tab .p-tab-content .tab-content-1 .p-details-table tr td:last-child ul.table-list-allow li {
  margin-bottom: 10px;
}

.package-details .package-tab .p-tab-content .tab-content-1 .p-details-table tr td:last-child ul.table-list-allow li i {
  color: #efa843; /* Vibrant orange for icons */
  font-size: 20px;
  font-weight: 600;
}

.package-details .package-tab .p-tab-content .tab-content-1 .p-details-table tr td:last-child ul.table-list-allow li i::before {
  vertical-align: middle;
}

.package-details .package-tab .p-tab-content .tab-content-1 .p-details-table tr td:last-child ul.table-list-disallow li {
  margin-bottom: 10px;
}

.package-details .package-tab .p-tab-content .tab-content-1 .p-details-table tr td:last-child ul.table-list-disallow li i {
  color: #ff0000; /* Keep red for disallow icons */
  font-size: 20px;
  font-weight: 600;
}

.package-details .package-tab .p-tab-content .tab-content-1 .p-details-table tr td:last-child ul.table-list-disallow li i::before {
  vertical-align: middle;
}

.package-details .package-tab .p-tab-content .tab-content-1 .p-rationg {
  padding: 30px 0 100px 0;
}

.package-details .package-tab .p-tab-content .tab-content-1 .p-rationg h5 {
  color: #4a362c; /* Dark brown for text */
  font-weight: 700;
  font-size: 25px;
  margin-bottom: 20px;
}

.package-details .package-tab .p-tab-content .tab-content-1 .p-rationg .rating-card {
  border: 1px solid #a5948c; /* Muted brown border */
  border-radius: 10px;
  display: flex;
}

.package-details .package-tab .p-tab-content .tab-content-1 .p-rationg .rating-card .r-card-avarag {
  width: 40%;
  background: #ecdeca; /* Light beige background */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.package-details .package-tab .p-tab-content .tab-content-1 .p-rationg .rating-card .r-card-avarag h2 {
  font-weight: 700;
  font-size: 60px;
  color: #efa843; /* Vibrant orange for text */
}

.package-details .package-tab .p-tab-content .tab-content-1 .p-rationg .rating-card .r-card-avarag h5 {
  font-size: 22px;
  margin-top: 10px;
  margin-bottom: 0;
  color: #4a362c; /* Dark brown for text */
}

.package-details .package-tab .p-tab-content .tab-content-1 .p-rationg .rating-card .r-card-info {
  width: 60%;
  padding: 42px 38px;
}

.package-details .package-tab .p-tab-content .tab-content-1 .p-rationg .rating-card .r-card-info ul li {
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
}

.package-details .package-tab .p-tab-content .tab-content-1 .p-rationg .rating-card .r-card-info ul li:last-child {
  margin-bottom: 0;
}

.package-details .package-tab .p-tab-content .tab-content-1 .p-rationg .rating-card .r-card-info ul li strong {
  font-weight: 700;
  font-size: 18px;
  color: #4a362c; /* Dark brown for text */
}

.package-details .package-tab .p-tab-content .tab-content-1 .p-rationg .rating-card .r-card-info ul li ul li {
  color: #efa843; /* Vibrant orange for rating */
  font-size: 20px;
}

.package-details .package-tab .p-tab-content .tab-content-1 .p-review ul li.p-review-card {
  margin-bottom: 50px;
}

.package-details .package-tab .p-tab-content .tab-content-1 .p-review ul li.p-review-card .p-review-info {
  display: flex;
}

.package-details .package-tab .p-tab-content .tab-content-1 .p-review ul li.p-review-card .p-review-info .p-reviewr-img {
  width: 75px;
  margin-right: 25px;
}

.package-details .package-tab .p-tab-content .tab-content-1 .p-review ul li.p-review-card .p-review-info .p-reviewr-img img {
  border-radius: 50%;
  width: 100%;
  border: 2px solid rgba(75, 54, 44, 0.2); /* Dark brown with opacity */
}

.package-details .package-tab .p-tab-content .tab-content-1 .p-review ul li.p-review-card .p-review-info .p-reviewer-info strong {
  color: #4a362c; /* Dark brown for text */
  font-size: 20px;
  font-weight: 700;
}

.package-details .package-tab .p-tab-content .tab-content-1 .p-review ul li.p-review-card .p-review-info .p-reviewer-info ul.review-star {
  display: flex;
}

.package-details .package-tab .p-tab-content .tab-content-1 .p-review ul li.p-review-card .p-review-info .p-reviewer-info ul.review-star li {
  margin-right: 5px;
  color: #efa843; /* Vibrant orange for rating */
}

.package-details .package-tab .p-tab-content .tab-content-1 .p-review ul li.p-review-card .p-review-texts {
  margin-top: 25px;
  margin-bottom: 15px;
  color: #8b7c6c; /* Muted brown for text */
}

.package-details .package-tab .p-tab-content .tab-content-1 .p-review ul li.p-review-card a.r-reply-btn {
  font-weight: 700;
  font-size: 15px;
  text-transform: capitalize;
  color: #efa843; /* Vibrant orange for text */
}

.package-details .package-tab .p-tab-content .tab-content-1 .p-review ul li.p-review-card a.r-reply-btn i {
  font-size: 18px;
  color: #efa843; /* Vibrant orange for icons */
}

.package-details .package-tab .p-tab-content .tab-content-1 .p-review-input {
  padding: 50px;
  background: #ecdeca; /* Light beige background */
  box-shadow: 0px 0px 64px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}

.package-details .package-tab .p-tab-content .tab-content-1 .p-review-input h5 {
  color: #4a362c; /* Dark brown for text */
  font-weight: 700;
  font-size: 25px;
  margin-bottom: 40px;
}

.package-details .package-tab .p-tab-content .tab-content-1 .p-review-input ul.input-rating {
  display: flex;
  margin-bottom: 40px;
}

.package-details .package-tab .p-tab-content .tab-content-1 .p-review-input ul.input-rating li i {
  font-size: 25px;
  color: #efa843; /* Vibrant orange for icons */
  margin-right: 5px;
}

.package-details .package-tab .p-tab-content .tab-content-1 .p-review-input input,
.package-details .package-tab .p-tab-content .tab-content-1 .p-review-input textarea {
  margin-bottom: 40px;
  border: 1px solid #a5948c; /* Muted brown border */
  box-sizing: border-box;
  border-radius: 10px;
  color: #8b7c6c; /* Muted brown for text */
}

.package-details .package-tab .p-tab-content .tab-content-1 .p-review-input input::placeholder,
.package-details .package-tab .p-tab-content .tab-content-1 .p-review-input textarea::placeholder {
  color: #8b7c6c; /* Muted brown for placeholder */
  text-transform: capitalize;
}

.package-details .package-tab .p-tab-content .tab-content-1 .p-review-input input[type=submit] {
  font-weight: 600;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: 0.75px;
  color: #ecdeca; /* Light beige for text */
  background: #efa843; /* Vibrant orange background */
  padding: 14px 22px;
  text-transform: capitalize;
  transition: all .3s;
  margin-bottom: 0;
}

.package-details .package-tab .p-tab-content .tab-content-1 .p-review-input input[type=submit]:hover {
  background: #6b4623; /* Medium brown on hover */
}

.package-details .package-tab .p-tab-content .tab-content-2 h5 {
  font-size: 25px;
  font-weight: 700;
  color: #4a362c; /* Dark brown for text */
}

.package-details .package-tab .p-tab-content .tab-content-2 .p-timeline-overview h5 {
  margin-bottom: 20px;
}

.package-details .package-tab .p-tab-content .tab-content-2 ul.p-timeline {
  margin-top: 50px;
}

.package-details .package-tab .p-tab-content .tab-content-2 ul.p-timeline li {
  display: flex;
}

.package-details .package-tab .p-tab-content .tab-content-2 ul.p-timeline li:last-child .timeline-content {
  padding-bottom: 0;
}

.package-details .package-tab .p-tab-content .tab-content-2 ul.p-timeline li:last-child .timeline-index::before {
  display: none;
}

.package-details .package-tab .p-tab-content .tab-content-2 ul.p-timeline li .timeline-index {
  height: auto;
  margin-right: 30px;
  position: relative;
  z-index: 12;
}

.package-details .package-tab .p-tab-content .tab-content-2 ul.p-timeline li .timeline-index::before {
  position: absolute;
  content: "";
  height: 100%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 6px;
  z-index: -1;
  background: url(../images/package/p-shape.png) no-repeat;
  background-size: cover;
}

.package-details .package-tab .p-tab-content .tab-content-2 ul.p-timeline li .timeline-index .index-circle {
  height: 60px;
  width: 60px;
  border-radius: 50%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #efa843; /* Vibrant orange background */
  border: 5px solid #a5948c; /* Muted brown border */

}
 .tab-content-2 ul.p-timeline li .timeline-index .index-circle {
  height: 60px;
  width: 60px;
  border-radius: 50%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #efa843; /* Vibrant orange background */
  border: 5px solid #a5948c; /* Muted brown border */
}
.package-details .package-tab .p-tab-content .tab-content-2 ul.p-timeline li .timeline-index h5 {
  color: #000000; /* Black for contrast */
}
.tab-content-2 ul.p-timeline li .timeline-index h5 {
  color: #000000; /* Black for contrast */
}

.package-details .package-tab .p-tab-content .tab-content-2 ul.p-timeline li .timeline-content {
  padding-bottom: 40px;
}
.tab-content-2 ul.p-timeline li .timeline-content {
  padding-bottom: 40px;
}

.package-details .package-tab .p-tab-content .tab-content-2 ul.p-timeline li .timeline-content strong {
  color: #efa843; /* Vibrant orange for text */
  font-size: 18px;
  font-weight: 500;
}
.tab-content-2 ul.p-timeline li .timeline-content strong {
  color: #efa843; /* Vibrant orange for text */
  font-size: 18px;
  font-weight: 500;
}

.package-details .package-tab .p-tab-content .tab-content-2 ul.p-timeline li .timeline-content p {
  padding: 20px 0;
  color: #8b7c6c; /* Muted brown for text */
}
.tab-content-2 ul.p-timeline li .timeline-content p {
  padding: 5px 0;
  color: #8b7c6c; /* Muted brown for text */
}

.package-details .package-tab .p-tab-content .tab-content-2 ul.p-timeline li .timeline-content ul li {
  font-weight: 600;
  font-size: 16px;
  line-height: 180%;
  color: #8b7c6c; /* Muted brown for text */
}
.tab-content-2 ul.p-timeline li .timeline-content ul li {
  font-weight: 600;
  font-size: 16px;
  line-height: 180%;
  color: #8b7c6c; /* Muted brown for text */
}
.package-details .package-tab .p-tab-content .tab-content-2 ul.p-timeline li .timeline-content ul li i {
  font-size: 18px;
  color: #4a362c; /* Dark brown for icons */
  margin-right: 10px;
}

.tab-content-2 ul.p-timeline li .timeline-content ul li i {
  font-size: 18px;
  color: #4a362c; /* Dark brown for icons */
  margin-right: 10px;
}
.package-details .package-tab .p-tab-content .tab-content-2 ul.p-timeline li .timeline-content ul li i::before {
  vertical-align: middle;
}
.tab-content-2 ul.p-timeline li .timeline-content ul li i::before {
  vertical-align: middle;
}

.single-grid-2 img {
  width: 100%;
}

.single-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  grid-gap: 24px;
  grid-template-areas: "g-img-sm-1 g-img-sm-2"
                       "g-img-md g-img-md";
}

.single-grid .g-img-sm-1 img, .single-grid .g-img-sm-2 img, .single-grid .g-img-md img {
  width: 100%;
}

.g-img-sm-1 {
  grid-area: g-img-sm-1;
}

.g-img-sm-2 {
  grid-area: g-img-sm-2;
}

.g-img-md {
  grid-area: g-img-md;
}

/* =============================
     Package Page CSS end
==============================*/
/* =============================
    17. Blog Page CSS Start
==============================*/
.blog-sidebar h5.categorie-head {
  text-transform: capitalize;
  font-weight: 700;
  font-size: 25px;
  color: #4a362c; /* Dark brown for text */
  margin-bottom: 30px;
}

.blog-sidebar .sidebar-searchbox,
.blog-sidebar .blog-categorie,
.blog-sidebar .blog-popular,
.blog-sidebar .blog-tag {
  padding: 30px 25px;
  background: #ecdeca; /* Light beige background */
  box-shadow: 0px 0px 64px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}

.blog-sidebar .blog-categorie ul li {
  margin-bottom: 27px;
}

.blog-sidebar .blog-categorie ul li:last-child {
  margin-bottom: 0;
}

.blog-sidebar .blog-categorie ul li a {
  font-family: "Quicksand", sans-serif;
  font-weight: 500;
  font-size: 18px;
  color: #8b7c6c; /* Muted brown for text */
  display: flex;
  align-items: center;
  transition: all .3s;
}

.blog-sidebar .blog-categorie ul li a i {
  color: #6b4623; /* Medium brown for icons */
  font-size: 20px;
  margin-right: 7px;
}

.blog-sidebar .blog-categorie ul li a:hover {
  transform: translateX(6px);
  color: #4a362c; /* Dark brown on hover */
}

.blog-sidebar .blog-popular li.blog-card-sm {
  display: flex;
  align-items: center;
  margin-bottom: 25px;
}

.blog-sidebar .blog-popular li.blog-card-sm:last-child {
  margin-bottom: 0;
}

.blog-sidebar .blog-popular li.blog-card-sm:hover .blog-details-sm a.blog-title-sm {
  color: #4a362c; /* Dark brown on hover */
}

.blog-sidebar .blog-popular li.blog-card-sm .blog-img-sm img {
  max-width: 110px;
  border-radius: 10px;
}

.blog-sidebar .blog-popular li.blog-card-sm .blog-details-sm {
  padding: 5px 0;
  margin-left: 15px;
  width: 100%;
}

.blog-sidebar .blog-popular li.blog-card-sm .blog-details-sm a.blog-title-sm {
  font-weight: 700;
  font-size: 20px;
  color: #6b4623; /* Medium brown for text */
  line-height: 24px;
  display: inline-block;
  margin-bottom: 20px;
  transition: all .3s;
}

.blog-sidebar .blog-popular li.blog-card-sm .blog-details-sm .blog-info {
  display: flex;
  justify-content: space-between;
}

.blog-sidebar .blog-popular li.blog-card-sm .blog-details-sm .blog-info a.blog-date {
  margin-left: 8px;
}

.blog-sidebar .blog-popular li.blog-card-sm .blog-details-sm .blog-info a {
  font-weight: 700;
  font-size: 12px;
  color: #4a362c; /* Dark brown for text */
}

.blog-sidebar .blog-popular li.blog-card-sm .blog-details-sm .blog-info a i::before {
  font-size: 12px;
}

.blog-sidebar .blog-tag ul {
  display: flex;
  flex-wrap: wrap;
}

.blog-sidebar .blog-tag ul li a {
  border: 2px solid #a5948c; /* Muted brown border */
  border-radius: 10px;
  display: inline-block;
  padding: 8px 16px;
  font-weight: 600;
  font-size: 14px;
  color: #8b7c6c; /* Muted brown for text */
  transition: all .3s;
  margin-right: 10px;
  margin-bottom: 10px;
}

.blog-sidebar .blog-tag ul li a:hover {
  background: #6b4623; /* Medium brown background */
  color: #ecdeca; /* Light beige for text */
  border: 2px solid transparent;
}

.blog-sidebar .sidebar-banner {
  position: relative;
  box-shadow: 0px 0px 64px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  overflow: hidden;
}

.blog-sidebar .sidebar-banner img {
  width: 100%;
}

.blog-sidebar .sidebar-banner .sidebar-banner-overlay {
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(75, 54, 44, 0.85); /* Dark brown with opacity */
  height: 100%;
  width: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  padding: 25px;
}

.blog-sidebar .sidebar-banner .sidebar-banner-overlay h3 {
  font-size: 40px;
  line-height: 55px;
  color: #ecdeca; /* Light beige for text */
  font-weight: 700;
  margin-bottom: 50px;
}

.blog-sidebar .sidebar-banner .sidebar-banner-overlay .sidebar-banner-btn a {
  padding: 16px 32px;
  background: #efa843; /* Vibrant orange background */
  border-radius: 5px;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0.75px;
  color: #000000; /* Black for contrast */
  display: inline-block;
}

.blog-details h3.sub-title,
.blog-details .blog-title-xl h3 {
  font-weight: 700;
  font-size: 30px;
  line-height: 44px;
  text-transform: capitalize;
  color: #4a362c; /* Dark brown for text */
}

.blog-details .blog-title-xl .blog-info-xl {
  display: flex;
  justify-content: space-between;
  padding: 30px 0;
}

.blog-details .blog-title-xl .blog-info-xl a {
  font-family: "Quicksand", sans-serif;
  font-weight: 500;
  font-size: 15px;
  color: #4a362c; /* Dark brown for text */
}

.blog-details .blog-title-xl .blog-info-xl a i {
  font-size: 14px;
  color: #efa843; /* Vibrant orange for icons */
  margin-right: 6px;
  position: relative;
  top: -1px;
}

.blog-details .blog-title-xl .blog-info-xl a i::before {
  vertical-align: middle;
}

.blog-details .blog-img-xl {
  position: relative;
}

.blog-details .blog-img-xl img {
  width: 100%;
}

.blog-details .blog-img-xl .blog-date {
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 0px 0px 5px 5px;
  padding: 10px 20px;
  background: #6b4623; /* Medium brown background */
  position: absolute;
  font-style: normal;
  font-weight: 700;
  font-size: 15px;
  line-height: 17px;
  display: flex;
  align-items: center;
  color: #ecdeca; /* Light beige for text */
}

.blog-details .blog-img-xl .blog-date i {
  color: #efa843; /* Vibrant orange for icons */
  margin-right: 6px;
}

.blog-details .blog-texts {
  padding-bottom: 40px;
}

.blog-details .blog-texts .blog-qoute {
  margin: 45px 0 45px 70px;
  display: flex;
  align-items: center;
  border-left: 7px solid #efa843; /* Vibrant orange border */
  padding: 30px 15px;
  box-shadow: 0px 0px 64px rgba(0, 0, 0, 0.1);
  border-radius: 0px 10px 10px 0px;
}

.blog-details .blog-texts .blog-qoute i.qoute-icon {
  color: #6b4623; /* Medium brown for icons */
  font-size: 75px;
  margin-right: 20px;
}

.blog-details .blog-texts .blog-qoute strong {
  font-weight: 700;
  font-size: 20px;
  line-height: 34px;
  display: flex;
  align-items: center;
  letter-spacing: 0.75px;
  text-transform: capitalize;
  color: #8b7c6c; /* Muted brown for text */
}

.blog-details .blog-texts .blog-gallary {
  display: flex;
  flex-wrap: wrap;
  margin: 30px 0;
}

.blog-details .blog-texts .blog-gallary img {
  margin-right: 20px;
}

.blog-details .blog-texts .blog-gallary img:last-child {
  margin-right: 0;
}

.blog-details .blog-bottom {
  padding: 30px 0;
  border-top: 1px solid #a5948c; /* Muted brown border */
  border-bottom: 1px solid #a5948c; /* Muted brown border */
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.blog-details .blog-bottom .blog-tags {
  display: flex;
  align-items: center;
}

.blog-details .blog-bottom .blog-tags ul {
  display: flex;
  flex-wrap: wrap;
}

.blog-details .blog-bottom .blog-tags ul li a {
  border: 0.5px solid #a5948c; /* Muted brown border */
  border-radius: 3px;
  padding: 8px 20px;
  font-weight: 700;
  font-size: 15px;
  color: #4a362c; /* Dark brown for text */
  display: inline-block;
  transition: all .3s;
  margin-right: 10px;
}

.blog-details .blog-bottom .blog-tags ul li a:hover {
  background: #6b4623; /* Medium brown background */
  color: #ecdeca; /* Light beige for text */
}

.blog-details .blog-bottom .blog-tags h5 {
  font-weight: 700;
  font-size: 25px;
  letter-spacing: 0.75px;
  text-transform: uppercase;
  color: #4a362c; /* Dark brown for text */
  margin-right: 20px;
}

.blog-details .blog-bottom .blog-social ul li a {
  font-size: 15px;
  color: #efa843; /* Vibrant orange for icons */
  margin-left: 18px;
}

.blog-details .blog-comments {
  padding: 60px 0;
}

.blog-details .blog-comments h5 {
  font-weight: 700;
  font-size: 30px;
  line-height: 37px;
  text-transform: capitalize;
  color: #4a362c; /* Dark brown for text */
  border-bottom: 2px solid #4a362c; /* Dark brown border */
  display: inline-block;
}

.blog-details .blog-comments ul li {
  margin-top: 50px;
}

.blog-details .blog-comments ul li .commentor {
  display: flex;
  align-items: center;
}

.blog-details .blog-comments ul li .commentor .commentotor-img {
  max-width: 75px;
  margin-right: 25px;
}

.blog-details .blog-comments ul li .commentor .commentotor-img img {
  border-radius: 50%;
}

.blog-details .blog-comments ul li .commentor .commentor-id span {
  margin-right: 10px;
}

.blog-details .blog-comments ul li .commentor .commentor-id strong {
  font-weight: 700;
  font-size: 20px;
  text-transform: capitalize;
  color: #4a362c; /* Dark brown for text */
}

.blog-details .blog-comments ul li p.comment {
  padding: 20px 0 12px 0;
  color: #8b7c6c; /* Muted brown for text */
}

.blog-details .blog-comments ul li span.reply-icon {
  font-weight: 700;
  font-size: 15px;
  text-transform: capitalize;
  color: #efa843; /* Vibrant orange for text */
}

.blog-details .blog-comments ul li span.reply-icon i {
  font-size: 18px;
  color: #efa843; /* Vibrant orange for icons */
}

.blog-details .blog-comments ul li span.reply-icon i::before {
  vertical-align: middle;
}

.blog-details .blog-reply {
  background: #ecdeca; /* Light beige background */
  box-shadow: 0px 0px 64px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  padding: 50px;
}

.blog-details .blog-reply h5 {
  font-weight: 700;
  font-size: 25px;
  color: #4a362c; /* Dark brown for text */
  padding-bottom: 40px;
}

.blog-details .blog-reply input,
.blog-details .blog-reply textarea {
  margin-bottom: 40px;
  border: 1px solid #a5948c; /* Muted brown border */
  box-sizing: border-box;
  border-radius: 6px;
  color: #8b7c6c; /* Muted brown for text */
}

.blog-details .blog-reply input::placeholder,
.blog-details .blog-reply textarea::placeholder {
  color: #8b7c6c; /* Muted brown for placeholder */
  text-transform: capitalize;
}

.blog-details .blog-reply input[type=submit] {
  font-weight: 600;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: 0.75px;
  color: #ecdeca; /* Light beige for text */
  background: #efa843; /* Vibrant orange background */
  padding: 14px 22px;
  text-transform: capitalize;
  transition: all .3s;
  margin-bottom: 0;
}

.blog-details .blog-reply input[type=submit]:hover {
  background: #6b4623; /* Medium brown on hover */
}

/* =============================
    Blog Page CSS end
==============================*/
/* =============================
    18. Error page CSS start
==============================*/
.error-wrapper {
  text-align: center;
  overflow-x: hidden;
}

.error-wrapper h1,
.error-wrapper h2 {
  font-weight: 700;
  font-size: 80px; /* h1 */
  color: #4a362c; /* Dark brown for text */
  margin-bottom: 60px;
}

.error-wrapper h2 {
  font-size: 44px;
  margin-top: 100px;
}

.error-wrapper .error-btn {
  margin-top: 60px;
}

.error-wrapper .error-btn a {
  display: inline-block;
  font-weight: 700;
  font-size: 22px;
  color: #ecdeca; /* Light beige for text */
  background: #efa843; /* Vibrant orange background */
  padding: 18px 50px;
  border-radius: 10px;
  text-transform: capitalize;
  transition: all .4s;
}

.error-wrapper .error-btn a:hover {
  background: #6b4623; /* Medium brown on hover */
}

/* =============================
     Error page CSS end
==============================*/
/* =============================
   19. FAQ page CSS start
==============================*/
.faq-wrap .accordion-box h5 {
  font-weight: 700;
  font-size: 35px;
  color: #4a362c; /* Dark brown for text */
  margin-bottom: 40px;
}

.faq-wrap .accordion-box .accordion-item {
  border: none;
  border-radius: 10px;
  margin-bottom: 20px;
}

.faq-wrap .accordion-box .accordion-item .accordion-body {
  font-family: "Quicksand", sans-serif;
  border: 1px solid #a5948c; /* Muted brown border */
  border-radius: 0 0 10px 10px;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: 0.75px;
  text-transform: capitalize;
  color: #8b7c6c; /* Muted brown for text */
  padding: 30px;
}

.faq-wrap .accordion-box .accordion-item button {
  background: #6b4623; /* Medium brown background */
  color: #ecdeca; /* Light beige for text */
  font-weight: 700;
  font-size: 16px;
  text-transform: capitalize;
  padding: 10px 20px;
  border-radius: 10px 10px 0 0;
  display: flex;
  justify-content: space-between;
  line-height: 24px;
}

.faq-wrap .accordion-box .accordion-item button i {
  font-size: 24px;
  color: #efa843; /* Vibrant orange for icons */
  transition: transform .2s ease-in-out;
}

.faq-wrap .accordion-box .accordion-item button:not(.collapsed) i {
  transform: rotate(180deg);
}

.faq-wrap .accordion-box .accordion-item button::after {
  display: none;
}

.faq-wrap .accordion-box .accordion-item button:focus {
  box-shadow: none;
  border: none;
}

.ask-inputs {
  background: #ecdeca; /* Light beige background */
  box-shadow: 0px 0px 64px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  padding: 30px;
}

.ask-inputs h5 {
  font-weight: 700;
  font-size: 25px;
  color: #4a362c; /* Dark brown for text */
  margin-bottom: 30px;
}

.ask-inputs input,
.ask-inputs textarea {
  margin-bottom: 30px;
  border: 1px solid #a5948c; /* Muted brown border */
  box-sizing: border-box;
  border-radius: 6px;
  color: #8b7c6c; /* Muted brown for text */
}

.ask-inputs input::placeholder,
.ask-inputs textarea::placeholder {
  color: #8b7c6c; /* Muted brown for placeholder */
  text-transform: capitalize;
}

.ask-inputs input[type=submit] {
  margin-top: 15px;
  font-weight: 700;
  font-size: 17px;
  line-height: 170%;
  color: #ecdeca; /* Light beige for text */
  background: #6b4623; /* Medium brown background */
  transition: all .3s;
}

.ask-inputs input[type=submit]:hover {
  background: #efa843; /* Vibrant orange on hover */
}

/* =============================
    FAQ page CSS end
==============================*/
/* =============================
   20. Gallary Page CSS start
==============================*/
.gallary-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  grid-gap: 24px;
  grid-template-areas: "img-sm-1 img-sm-2"
                       "img-xxl img-xxl";
}

.gallary-grid .img-sm-1 img,
.gallary-grid .img-sm-2 img,
.gallary-grid .img-xxl img {
  width: 100%;
  object-fit: cover;
  border-radius: 5px;
}

.img-sm-1 {
  grid-area: img-sm-1;
}

.img-sm-2 {
  grid-area: img-sm-2;
}

.img-xxl {
  grid-area: img-xxl;
}

.gallary-grid-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  grid-gap: 24px;
  grid-template-areas: "img-xl img-sm-3"
                       "img-xl img-sm-4";
}

.gallary-grid-2 .img-xl img,
.gallary-grid-2 .img-sm-3 img,
.gallary-grid-2 .img-sm-4 img {
  width: 100%;
  object-fit: cover;
  border-radius: 5px;
}

.img-xl {
  grid-area: img-xl;
}

.img-sm-3 {
  grid-area: img-sm-3;
}

.img-sm-4 {
  grid-area: img-sm-4;
}

/* =============================
    Gallary Page CSS end
==============================*/
/* =============================
    21. Contact page CSS start
==============================*/
.contact-card {
  margin-top: 30px;
  padding: 25px;
  margin-bottom: 20px;
  background: #ecdeca; /* Light beige background */
  box-shadow: 0px 0px 64px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  min-height: 181px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.contact-card:hover::after {
  background: #efa843; /* Vibrant orange on hover */
}

.contact-card::after {
  position: absolute;
  content: "";
  top: -65px;
  left: -11%;
  display: block;
  width: 126px;
  height: 180px;
  background: #6b4623; /* Medium brown background */
  border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%;
  z-index: 1;
  transform: rotate(-45deg);
  transition: all .3s;
}

.contact-card .contact-icon {
  min-width: 100px;
  position: relative;
  z-index: 10;
}

.contact-card .contact-icon i {
  font-size: 55px;
  color: #ecdeca; /* Light beige for icons */
}

.contact-card .contact-info {
  padding: 12px 0;
}

.contact-card .contact-info h5 {
  font-weight: 700;
  font-size: 28px;
  color: #4a362c; /* Dark brown for text */
  margin-bottom: 10px;
}

.contact-card .contact-info p {
  font-weight: 500;
  font-size: 20px;
  line-height: 32px;
  color: #8b7c6c; /* Muted brown for text */
}

.contact-card .contact-info ul.contact-icons {
  display: flex;
  flex-wrap: wrap;
  margin-top: 30px;
}

.contact-card .contact-info ul.contact-icons li {
  margin-right: 20px;
}

.contact-card .contact-info ul.contact-icons li:last-child {
  margin-right: 0;
}

.contact-card .contact-info ul.contact-icons li a i {
  font-size: 28px;
  color: #8b7c6c; /* Muted brown for icons */
  transition: all .3s;
}

.contact-card .contact-info ul.contact-icons li a i:hover {
  color: #efa843; /* Vibrant orange on hover */
}

.contact-inputs .contact-details h5.contact-d-head,
.contact-inputs .contact-form h5.contact-d-head {
  font-weight: 700;
  font-size: 25px;
  color: #4a362c; /* Dark brown for text */
  margin-bottom: 30px;
}

.contact-inputs .contact-details ul.office-clock {
  margin-top: 40px;
}

.contact-inputs .contact-details ul.office-clock li {
  display: flex;
  margin-bottom: 30px;
}

.contact-inputs .contact-details ul.office-clock li .clock-icon {
  font-size: 45px;
  margin-right: 20px;
  color: #efa843; /* Vibrant orange for icons */
}

.contact-inputs .contact-details ul.office-clock li .clock-info h5 {
  font-weight: 700;
  font-size: 25px;
  color: #efa843; /* Vibrant orange for text */
  line-height: 38px;
}

.contact-inputs .contact-details ul.office-clock li .clock-info p {
  font-size: 20px;
  line-height: 30px;
  color: #8b7c6c; /* Muted brown for text */
}

.contact-inputs .contact-form input,
.contact-inputs .contact-form textarea {
  margin-bottom: 40px;
  border: 1px solid #a5948c; /* Muted brown border */
  box-sizing: border-box;
  border-radius: 6px;
  color: #8b7c6c; /* Muted brown for text */
}

.contact-inputs .contact-form input::placeholder,
.contact-inputs .contact-form textarea::placeholder {
  color: #8b7c6c; /* Muted brown for placeholder */
  text-transform: capitalize;
}

.contact-inputs .contact-form input[type=submit] {
  font-weight: 600;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0.75px;
  color: #ecdeca; /* Light beige for text */
  background: #efa843; /* Vibrant orange background */
  padding: 11px 22px;
  text-transform: capitalize;
  transition: all .3s;
  margin-bottom: 0;
}

.contact-inputs .contact-form input[type=submit]:hover {
  background: #6b4623; /* Medium brown on hover */
}

/* =============================
    Contact page CSS end
==============================*/
.form-group .input-field {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  display: block;
  width: 100%;
  height: auto;
  padding: 1rem 1.5rem;
  margin-top: 1rem;
  cursor: pointer;
  color: #4a362c; /* Dark brown for text */
  outline: none;
  border: none;
  border-radius: 0.2rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.form-group .input-field:focus {
  outline: none;
}

.ui-datepicker {
  display: none;
  background-color: #ecdeca; /* Light beige background */
  box-shadow: 0 0.125rem 0.3rem rgba(0, 0, 0, 0.2);
  margin-top: 0.25rem;
  padding: 0.5rem;
}

.ui-datepicker-calendar table {
  border-collapse: collapse;
  border-spacing: 0;
}

.ui-datepicker-calendar thead th {
  padding: 0.25rem 0;
  text-align: center;
  font-size: 0.8rem;
  font-weight: 400;
  color: #4a362c; /* Dark brown for text */
}

.ui-datepicker-calendar tbody td {
  width: 2.5rem;
  text-align: center;
  padding: 0;
}

.ui-datepicker-calendar tbody td a {
  display: block;
  line-height: 2rem;
  transition: 0.3s all;
  color: #4a362c; /* Dark brown for text */
  font-size: 0.875rem;
  text-decoration: none;
  width: 2rem;
  height: 2rem;
}

.ui-datepicker-calendar tbody td a:hover,
.ui-datepicker-calendar tbody td a.ui-state-active {
  background: #efa843; /* Vibrant orange background */
  color: #000000; /* Black for contrast */
}

.ui-datepicker-calendar tbody td a.ui-state-highlight {
  color: #efa843; /* Vibrant orange for text */
  border: 1px solid #efa843; /* Vibrant orange border */
}

.ui-datepicker-header a span {
  display: none;
}

.ui-datepicker-header a.ui-corner-all {
  cursor: pointer;
  position: absolute;
  top: 0;
  width: 2rem;
  height: 2rem;
  margin: 0.5rem;
  border-radius: 0.5rem;
}

.ui-datepicker-header a.ui-datepicker-prev {
  left: 0;
}

.ui-datepicker-header a.ui-datepicker-prev::after {
  content: "\2039";
  font-size: 1.5rem;
  color: #4a362c; /* Dark brown for icons */
}

.ui-datepicker-header a.ui-datepicker-next {
  right: -20px;
}

.ui-datepicker-header a.ui-datepicker-next::after {
  content: "\203A";
  font-size: 1.5rem;
  color: #4a362c; /* Dark brown for icons */
}

.ui-datepicker-title {
  text-align: center;
  line-height: 2rem;
  margin-bottom: 0.25rem;
  font-size: 0.875rem;
  font-weight: 500;
  padding-bottom: 0.25rem;
  font-family: "Quicksand", sans-serif;
  color: #4a362c; /* Dark brown for text */
}

.ui-datepicker-week-col {
  color: #4a362c; /* Dark brown for text */
  font-weight: 400;
  font-size: 0.75rem;
}