@import url("https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,500;0,600;0,700;1,500&family=Open+Sans&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');


html {
  scroll-behavior: smooth;
}
:root {
  --base-color: #ff7828;
  --navy-blue: #11224d;
  --lightbase-color: #03AC13; 
  --base-text-color: #fff;
}

.icons-line{
  border-radius: 20px;
  padding: 6px 7px;
  display: flex;
  justify-content: center;
  margin: 0 !important;
  border: 1px solid #03AC13;
  color: #03AC13;
  gap: 2px;

  align-items: center;
 
}

.bg-color{
  background: #ff7828 !important;
}
.base-color{
  color:#ff7828 ;
}

.icons-line span svg{
  /* vertical-align: sub; */
  height: 15px;
}
.w-80{
  width: 80%;
}
.margin{
  margin-left: 7px;
}
.subheading {
  font-size: 1.5rem;
  color: var(--base-color);
  font-weight: 700;
  line-height: 4rem;
}
.subheading-line{
  font-size: 1.05rem;
  color: white;
  font-weight: 700;
}
.logo-content
{
  margin-left: -110px;
  padding-top: 20px !important;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.logo-content .row {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.logo-col{
  width: 48%;
  text-align: center;
  padding: 10px;
}




body {
  /* font-family: "Montserrat Regular",'Avenir' !important; */
  font-family: "Montserrat", sans-serif !important;
  color: #464646;
  font-size: 1rem;
  padding: 0;
  margin: 0;
  font-weight: 400;
  position: relative;
  line-height: 1.7;
  background-color: #f5f0fc;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  overflow-x: hidden;
}
span{
  font-family: "Montserrat", sans-serif !important;

}

body.page-trns-active {
  position: relative;
}

body.page-trns-active::after {
  position: absolute;
  content: "\f110";
  font-family: "Montserrat Regular";
  font-weight: 900;
  color: #fff;
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  left: 0;
  font-size: 4.5rem;
  z-index: 999;
  animation: spinRoll 1s infinite linear;
}

body.page-trns-active::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #14233c;
  z-index: 99;
  opacity: 0.65;
}

body::-webkit-scrollbar {
  width: 8px;
}

body::-webkit-scrollbar-track {
  background: #f2f2f2;
}

body::-webkit-scrollbar-thumb {
  border-radius: 20px;
  border: 2px solid #f2f2f2;
}
.mt-100{
  padding-top: 100px;
}
@-webkit-keyframes spinRoll {
  from {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-moz-keyframes spinRoll {
  from {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-ms-keyframes spinRoll {
  from {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spinRoll {
  from {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

section {
  /* background-color: #f0f5fc; */
  background-color: white;
}

img {
  max-width: 100%;
  height: auto;
  user-select: none;
}

select {
  cursor: pointer;
}

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

button {
  cursor: pointer;
}

*:focus {
  outline: none;
}
.gap-5{
  gap:5px !important;
}
.container{
  /* padding-inline:  0px; */
}
@media  (max-width:575px) {
  .container{
  /* padding-inline: 0px !important; */
  }
  .container-inside{
    padding-inline: 0px !important;
  }
  
}
button {
  border: none;
}

button:focus {
  outline: none;
}

span {
  display: inline-block;
}

a:hover {
  color: #f77c5a;
}

.text--primary {
  color: #7367f0 !important;
}
.color-primary{
  color: #03ac13c1 !important;
}

.text--secondary {
  color: #868e96 !important;
}

.text--success {
  color: #28c76f !important;
}

.text--danger {
  color: #ea5455 !important;
}

.text--warning {
  color: #ff9f43 !important;
}

.text--info {
  color: #1e9ff2 !important;
}

.text--dark {
  color: #10163a !important;
}

.text--muted {
  color: #ccc !important;
}

.text--base {
  color: #f77c5a !important;
}

.text--dark {
  color: #182c61 !important;
}

.bg--primary {
  background-color: #7367f0 !important;
}

.bg--secondary {
  background-color: #868e96 !important;
}

.bg--success {
  background-color: #28c76f !important;
}

.bg--danger {
  background-color: #ea5455 !important;
}
.border-base-color{
  border-color: var(--base-color);
}
.underline-border{
  border-bottom: 2px solid var(--base-color);
}
.bg--warning {
  background-color: #ff9f43 !important;
}

.bg--info {
  background-color: #1e9ff2 !important;
}

.bg--dark {
  background-color: #10163a !important;
}

.bg--light {
  background-color: #bcc7da !important;
}

.bg--base {
  background-color: #f77c5a !important;
}

.pt-50 {
  padding-top: 50px;
}

.pb-50 {
  padding-bottom: 45px;
}
.mb-50{
  margin-bottom: 50px;
}
.mt-50{
  margin-top: 50px;
}

.pt-100 {
  padding-top: 100px;
}

.container-height{
  height:400px ;
}

@media (max-width: 767px) {
  .pt-100 {
    padding-top: 50px;
  }
  .margin-mobile
  {
    margin-left: 0px;
  }
  .margin-content{
    text-align: justify;
    max-width: 100%;
    margin-left: 0px;
  }
}

.pb-100 {
  padding-bottom: 100px;
}

@media (max-width: 767px) {
  .pb-100 {
    padding-bottom: 80px;
  }
}
.mobile_banner{
  display: none;
}
@media(max-width:575px){
  .mobile_banner{
    display: block;
  }
  .desktop_banner{
    display: none;
  }
  .margin-mobile
  {
    margin-left: 0px !important;
  }
  .margin-content{
    text-align: justify;
    max-width: 100% !important;
    margin-left: 0px !important;
  }
  .max-h{
    max-height: 1500px !important;
  }
  .subheading {
    font-size: 0.75rem;
    color: var(--base-color);
    font-weight: 700;
    line-height: 3rem;
    text-align: center;
  }
  .subheading-line{
    font-size: 1rem;
    color: white;
    text-align: center;
    line-height: 1.5rem;
  }
  .logo-content
{
  margin-left: -30px;
  padding-top: 20px !important;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.mobile-navbar{
  width:80%;
  height: 765px !important;
}  
  
  
}


.bg_img {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.section--bg {
  background-color: #f5f7fa;
}

.section--bg2 {
  background-color: #14233c;
}
 /* navbar underline effect */
.underline-animate{

}
a.underline-animate_link{
  display: block;
	position: relative;
	/* padding: 0.2em 0; */
}
/* Fade in */
a.underline-animate_link::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 0.1em;
	background-color: var(--base-color);
	opacity: 0;
	transition: opacity 300ms, transform 300ms;
}
a.underline-animate_link:hover::after,
a.underline-animate_link:focus::after {
	opacity: 1;
	transform: translate3d(0, 0.2em, 0);
}


/* Slide in */
li.underline-animate:nth-child(2) a {
	overflow: hidden;
}

li.underline-animate:nth-child(2) a::after {
	opacity: 1;
	transform: translate3d(-100%, 0, 0);
}

li.underline-animate:nth-child(2) a:hover::after,
li.underline-animate:nth-child(2) a:focus::after{
	transform: translate3d(0, 0, 0);
}

li.underline-animate.active .underline-animate_link{
  color: var(--base-color) !important;
}
/* //end navbar underline effect */
 .navbar-nav.main-menu{
  gap: 20px;
  align-items: center;
  flex: 2;
  display: flex;
  justify-content: center;

} 

.section-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.white--overlay {
  position: relative;
  z-index: 1;
}



.white--overlay::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  opacity: 0.7;
  z-index: -1;
}

.dark--overlay {
  position: relative;
  z-index: 1;
}

.dark--overlay::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #14233c;
  opacity: 0.4;
  z-index: -1;
}

.dark--overlay-two {
  position: relative;
  z-index: 1;
}

.dark--overlay-two::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #14233c;
  opacity: 0.8;
  z-index: -1;
}

.bg--one {
  background-color: #071e3e;
}

.slick-arrow {
  cursor: pointer;
}

.z-index-2 {
  z-index: 2;
}

.main-wrapper {
  background: white !important;
  position: relative;
}

.section-header {
  margin-bottom: 0rem;
}

.section-title {
  font-size: 2rem;
  font-weight: 600;
}

.subscribe-wrapper .section-title {
  font-size: 2.25rem;
}

@media (max-width: 767px) {
  .section-title {
    font-size: 2rem;
  }

  .subscribe-wrapper .section-title {
    font-size: 1.85rem;
  }
}

.section-subtitle {
  font-family: "Avenir Next", sans-serif;
  font-size: 1rem;
  font-weight: 500;
}

.section-subtitle.border-left {
  padding-left: 2.1875rem;
  position: relative;
  z-index: 1;
}

.section-subtitle.border-left::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  width: 25px;
  height: 2px;
  background-color: #f77c5a;
  margin-top: -1px;
}

a.text-white:hover {
  /* color: #f77c5a !important; */
  color: black;
}


.text--link {
  text-decoration: underline;
}

.text--link:hover {
  text-decoration: underline;
}

.has--link {
  position: relative;
}

.has--link .item--link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.custom--dropdown .dropdown-toggle.no-arrow::after {
  display: none;
}

.custom--dropdown .dropdown-toggle::after {
  content: "\f107";
  border: none;
  font-family: "Montserrat Regular";
  font-weight: 900;
  -webkit-transform: translateY(3px);
  -ms-transform: translateY(3px);
  transform: translateY(3px);
}

.custom--dropdown .dropdown-menu {
  border-color: #e5e5e5;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
}

.custom--dropdown .dropdown-menu li {
  border-bottom: 1px dashed #e5e5e5;
}

.custom--dropdown .dropdown-menu li:last-child {
  border-bottom: none;
}

.custom--dropdown .dropdown-menu li .dropdown-item {
  color: #464646;
  font-size: 0.875rem;
}

.custom--dropdown .dropdown-menu li .dropdown-item:hover {
  color: #f77c5a;
  background-color: rgba(247, 124, 90, 0.05);
}

.custom--nav-tabs {
  border-bottom: none;
}
.banner-form{
  /* position: relative; */
  padding: 40px 32px !important;
  border: 1px solid;
  background: rgba(17, 16, 16, 0.41);
  border-radius: 16px;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(8.5px);
  -webkit-backdrop-filter: blur(8.5px);
  border: 1px solid rgba(35, 25, 25, 0.47);
}

.banner-form h4{
  color: var(--base-color);

  font-size: 28px;
  font-weight: 700;
}
.custom_correctFont{
  font-size: 18;
  font-weight: 400;
}
@media  (max-width:575px) {
  .banner-form{
    position: relative;
    padding: 40px 5px !important;
    margin-inline:auto ;
    width:95% ;
  }

  
}
.custom--nav-tabs .nav-item .nav-link {
  /* background-color: #f0f5fc; */
  border: none;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  padding-inline: 0px;
  /* padding: 0.75rem 1.5625rem; */
}
.custom--nav-tabs .nav-item .nav-link:hover{
  background-color: transparent !important;
  border-bottom: 2px solid var(--base-color);
  /* padding: 0.75rem 1.5625rem; */
}
.custom--nav-tabs .nav-item .nav-link a:hover{
  /* content: ""; */
  /* border-bottom: 2px solid */

 
/* border-bottom: 1px solid green; */
}
.custom--nav-tabs .nav-item .nav-link.active {
  background-color: transparent !important;
  /* color:black !important ; */
  border-radius: 0 !important;
  font-size: 16px !important;
  font-weight: 600 ;
  padding-inline: 2px; 
  color: #fff;
  position: relative;
  border-radius: 15px;
  border-bottom: 4px solid var(--base-color);
  color: var(--base-color);
}
.custom--nav-tabs .nav-item .nav-link.monthactive.active {
  background-color: transparent !important;
  color:black !important ;
  border-radius: 0 !important;
  font-size: 14px !important;
  font-weight: 600 ;
  padding-inline: 2px; 
  position: relative;
  border-bottom: 3px solid var(--base-color);
  border-radius: 15px;
  /* padding: 0.75rem 1.5625rem; */
}
.custom--nav-tabs .nav-item .nav-link.active a {
  color:black !important ;
  font-size: 16px;
  font-weight: 700;
}
.custom--nav-tabs .nav-item .nav-link.active a::after{
  content: "";
  position: absolute;
  width: 100%;
  right: 0;
  bottom: 0;
border: 2px solid var(--base-color);
}
.custom--nav-tabs .nav-item .nav-link a {
  /* color:black !important ; */
  color: #4E4C4D;
  font-size: 16px;

}


.custom--accordion .accordion-item + .accordion-item {
  margin-top: 1.25rem;
}

.custom--accordion .accordion-item {
  border: 1px solid rgba(247, 124, 90, 0.5);
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}

.custom--accordion .accordion-item:first-child .accordion-button {
  border-top: none;
}

.custom--accordion .accordion-item:last-child .accordion-button {
  border-bottom: none;
}

.custom--accordion .accordion-button {
  padding: 1.25rem 1.5625rem;
  background-color: rgba(247, 124, 90, 0.05);
  font-size: 1.125rem;
  position: relative;
  text-align: left;
}

.custom--accordion .accordion-button::after {
  position: absolute;
  top: 1.25rem;
  right: 0.8125rem;
  font-size: 1.0625rem;
  content: "\f107";
  font-family: "Montserrat Regular";
  font-weight: 900;
  background-image: none;
  color: #000;
}

.custom--accordion .accordion-button:not(.collapsed) {
  background-color: #f77c5a;
  color: #fff;
}

.custom--accordion .accordion-button:not(.collapsed)::after {
  color: #fff;
}

.custom--accordion .accordion-button:focus {
  box-shadow: none;
  outline: none;
  border-color: transparent;
}

.custom--accordion .accordion-body {
  padding: 1.25rem 1.5625rem;
}

.custom--accordion-two .accordion-button {
  background-color: #f3f6f9;
}

.custom--accordion-two .accordion-button:focus {
  box-shadow: none;
  border-color: rgba(0, 0, 0, 0.125);
}

.custom--accordion-two .accordion-button:not(.collapsed) {
  background-color: #f3f6f9;
}

.page-breadcrumb {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 0.9375rem;
}

.page-breadcrumb li {
  color: rgba(255, 255, 255, 0.8);
  text-transform: capitalize;
}

.page-breadcrumb li::after {
  content: "-";
  color: #ffffff;
  margin: 0 0.3125rem;
}

.page-breadcrumb li:first-child::before {
  content: "\f015";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #f77c5a;
  margin-right: 0.375rem;
}

.page-breadcrumb li:last-child::after {
  display: none;
}

.page-breadcrumb li a {
  color: #ffffff;
  text-transform: capitalize;
}

.page-breadcrumb li a:hover {
  color: #f77c5a;
}
.cmn-list{
  /* list-style: disc !important; */
}

.cmn-list li + li {
  margin-top: 0.9375rem;
}

.cmn-list li {
  /* position: relative; */
  padding-left: 2.1875rem;
  /* font-family: "Avenir Next", sans-serif; */
  margin: 0;
  line-height: 1.3;
  word-break: break-word;
}
tr th::before{
  /* position: absolute;
  top: 0;
  left: 0;
  font-family: "Montserrat Regular";
  font-weight: 900;
  content: "\f058";
  font-size: 1.75rem;
  color: #f77c5a;
  margin-right: 0.5rem;
  line-height: 1; */
}
/* .cmn-list li::before {
  position: absolute;
  top: 0;
  left: 0;
  font-family: "Montserrat Regular";
  font-weight: 900;
  font-size: 1.75rem;
  color: #f77c5a;
  margin-right: 0.5rem;
  line-height: 1;
  font-family: "Montserrat Regular";
  font-weight: 900;
  font-size: 30px;
  font-weight: 700;
  content: "";
  top: 18px !important;
  color: #ec0a19 !important;
  left: 10px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: black aliceblue;
  background: black !important;
} */

.number-list {
  list-style: decimal;
  padding-left: 1.125rem;
}

.number-list li + li {
  margin-top: 0.625rem;
}

.disc-list li + li {
  margin-top: 0.625rem;
}

.disc-list li {
  position: relative;
  padding-left: 0.9375rem;
}

.disc-list li::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  width: 0.375rem;
  height: 0.375rem;
  margin-top: -0.1875rem;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background-color: #bdbdbd;
}

.square-list li + li {
  margin-top: 10px;
}

.square-list li {
  padding-left: 25px;
  position: relative;
}

.square-list li::before {
  position: absolute;
  content: "";
  top: 5px;
  left: 0;
  width: 14px;
  height: 14px;
  background-color: #e6e6e6;
}

.square-list li::after {
  position: absolute;
  content: "";
  top: 9px;
  left: 4px;
  width: 14px;
  height: 14px;
  background-color: rgba(247, 124, 90, 0.45);
}
.accordion-container {
  transition: opacity 0.5s ease; /* Adjust the duration and easing as needed */
}
#totalPrice, #gst, #finalPayment {
  transition: all 0.3s ease;
}
.caption-list li {
  display: flex;
  flex-wrap: wrap;
  padding: 0.625rem 0;
  font-size: 0.9375rem;
  border: 1px solid var(--base-color);
  background-color: #fff !important;
}

@media (max-width:575px) {
  .caption-list li {

    flex-basis: 100% !important;
   
  }

  
}
 /* This is the key style for the last item */
 .caption-list li:last-child:nth-child(odd) {
  flex-grow: 0;
}
.caption-list li:first-child {
  padding-top: 0;
}

.caption-list li:last-child {
  /* padding-bottom: 0; */
  /* border-bottom: none; */
}



.caption-list li .caption {
  width: 30%;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 0.875rem;
  position: relative;
  width:max-content;
}



@media (max-width: 480px) {
  .caption-list li .caption {
    width: max-content;
  }
}


.caption-list li .caption::after {
  position: absolute;
  /* content: ":"; */
  top: 0;
  right: 0;
}

.caption-list li .value {
  width: 70%;
  padding-left: 0.9375rem;
}

@media (max-width: 480px) {
  .caption-list li .value {
    width: 65%;
  }
}

.caption-list-two {
  padding: 0.625rem 0.9375rem;
  background-color: rgba(247, 124, 90, 0.1);
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}

.caption-list-two li {
  font-family: "Avenir Next", sans-serif;
  font-weight: 500;
  color: #182c61;
  font-size: 0.875rem;
  padding: 0.5rem 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  border-bottom: 1px dashed #a1b0c1;
}

.caption-list-two li:first-child {
  padding-top: 0;
}

.caption-list-two li:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

.caption-list-two li .caption {
  width: 20%;
  position: relative;
  font-weight: 700;
  padding-right: 10px;
}

.caption-list-two li .caption::after {
  position: absolute;
  content: ":";
  top: 0;
  right: 0;
}

.caption-list-two li .value {
  width: 80%;
  padding-left: 20px;
}

body,
.btn--base.btn--custom,
.custom--checkbox label::before,
.header .main-menu li.menu_has_children > a::before,
.header .main-menu li .sub-menu,
.header .main-menu li .sub-menu li a,
.location-slider .location-card,
.location-slider .slick-arrow,
.trip-card,
.trip-slider .slick-dots li button,
.step-card__content,
.post-card,
.post-card__thumb img,
.sidebar .tags a,
.action-sidebar,
.gallery-card::before {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

body::-webkit-scrollbar-thumb,
.preloader .rounded-circle::after,
.find-tabs .nav-item .nav-link.active,
.location-slider .slick-arrow:hover,
.trip-card__price,
.trip-slider .slick-dots li.slick-active button,
.subscribe-form button,
.tour-plan-block .title span,
.package-sidebar-widget .thumb .price,
.single-review .progress .progress-bar {
  background-color: #f77c5a;
}

.hero::before {
  background-color: #14233c;
}

.custom--accordion-two .accordion-button:not(.collapsed),
.preloader .icon,
.about-item__icon i,
.overview-item__number,
.inlne-menu li a:hover,
.package-sidebar-list li i,
.contact-item i,
.contact-item p a:hover {
  color: #f77c5a;
}

.trip-card__thumb img,
.post-card__thumb img,
.comments-list .single-comment .thumb img,
.gallery-card img,
.single-rating__thumb img,
.contact-thumb img {
  object-fit: cover;
  -o-object-fit: cover;
  object-position: center;
  -o-object-position: center;
}

.table-tour-single,
.find-form,
.find-form__destination,
.find-form__duration,
.about-item,
.trip-card__meta li,
.trip-slider .slick-dots,
.subscribe-form,
.d-widget__icon,
.single-package-header,
.package-tab-content .cmn-list,
.package-sidebar-list,
.single-rating {
  display: -ms-flexbox;
  display: flex;
  /* -ms-flex-wrap: wrap; */
  overflow:hidden;
  /* flex-wrap: wrap; */
}
.cmn-list{
  flex-direction: column !important;
}
.location-slider .slick-arrow,
.about-thumb img {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}

.table-tour-single .thumb,
.table-tour-single .thumb img,
.find-tabs .nav-item .nav-link,
.find-form,
.location-card,
.about-thumb,
.trip-card,
.step-card__content,
.testimonial-card,
.subscribe-form,
.subscribe-form button,
.d-widget,
.sidebar .widget,
.action-sidebar,
.gallery-card,
.tour-map-wrapper,
.tour-plan-block .title span,
.course-details-review,
.single-rating__thumb {
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}

.object-fit--cover {
  object-fit: cover;
  -o-object-fit: cover;
  object-position: center;
  -o-object-position: center;
}

.pagination {
  margin: -0.3125rem -0.4375rem;
  flex-wrap: wrap;
}

.pagination .page-item {
  margin: 0.3125rem 0.4375rem;
}

.pagination .page-item.active .page-link {
  background-color: #f77c5a;
  color: #fff;
}

.pagination .page-item .page-link {
  width: 2.8125rem;
  height: 2.8125rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border: 1px solid rgba(247, 124, 90, 0.25);
  color: #464646;
}

.pagination .page-item .page-link:hover {
  background-color: #f77c5a;
  border-color: #f77c5a;
  color: #fff;
}

.pagination-md .page-item .page-link {
  width: 2.5rem;
  height: 2.5rem;
}

.pagination-sm .page-item .page-link {
  width: 2.1875rem;
  height: 2.1875rem;
  font-size: 0.875rem;
}

.shake {
  animation: shake 0.5s 1 linear;
}

@-webkit-keyframes shake {
  0%,
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
}

@-moz-keyframes shake {
  0%,
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
}

@-ms-keyframes shake {
  0%,
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
}

@keyframes shake {
  0%,
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

@-ms-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

@-moz-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

@-ms-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

@-moz-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

@-ms-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@-moz-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@-ms-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-moz-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-ms-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.preloader {
  position: fixed;
  inset: 0;
  z-index: 999;
  height: 100vh;
  overscroll-behavior: contain;
  display: flex;
  justify-content: center;
  align-items: center;
  transition-delay: 0.7s;
}

.preloader::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  background-color: #071e3e;
  z-index: -1;
  transition: all 0.5s;
  transition-delay: 0.5s;
}

.preloader::after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  background-color: #071e3e;
  z-index: -1;
  transition: all 0.5s;
  transition-delay: 0.5s;
}

.preloader.active {
  visibility: hidden;
  opacity: 0;
}

.preloader.active::before,
.preloader.active::after {
  width: 0;
}

.preloader.active .preloader__inner {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}

.preloader__inner {
  transition: all 0.5s;
}

.preloader .rounded-circle {
  width: 100px;
  height: 100px;
  position: relative;
  animation: rounded 5s infinite linear;
}

.preloader .rounded-circle::before {
  position: absolute;
  content: "";
  inset: 0;
  width: 100%;
  height: 100%;
  border: 1px dashed rgba(255, 255, 255, 0.25);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.preloader .rounded-circle::after {
  position: absolute;
  content: "";
  top: -7px;
  left: 50%;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.preloader .icon {
  line-height: 1;
  font-size: 3.875rem;
  margin-top: -5rem;
  text-shadow: 0 0 10px rgba(247, 124, 90, 0.9);
}

@-webkit-keyframes rounded {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-moz-keyframes rounded {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-ms-keyframes rounded {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes rounded {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

h1 {
  font-size: 3.875rem;
}

h2 {
  font-size: 2rem;
}

@media (max-width: 991px) {
  h2 {
    font-size: 2rem;
  }
}
/* // max-widh : 575px */
@media (max-width: 575px) {
  h2 {
    font-size: 1.85rem ;
  }

  /* .page-title{
    font-size: 36px;
  }
  .trip-card{
    padding:12px !important
    ;
  }
  .itinerary_plan{
    max-width:100%;
     min-height:auto;
      padding-inline:18px
  } */



}

h3 {
  font-size: 2rem;
}

h4 {
  font-size: 1.375rem;
  line-height: 1.5;
}






@media (max-width: 767px) {
  h4 {
    font-size: 1.25rem;
  }

  h3 {
    font-size: 1.5rem;
  }
}

h5 {
  font-size: 1.25rem;
  line-height: 1.5;
}

@media (max-width: 767px) {
  h5 {
    font-size: 1.125rem;
  }
}

h6 {
  font-size: 1.125rem;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Montserrat", sans-serif;
  color: #000;
  font-weight: 600;
  margin: 0;
  line-height: 1.3;
  word-break: break-word;
}

h1 > a,
h2 > a,
h3 > a,
h4 > a,
h5 > a,
h6 > a {
  font-family: "Montserrat", sans-serif;
  color: #000000;
  font-weight: 600;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  line-height: 1.4;
  word-break: break-word;
}

p,
li,
span {
  margin: 0;
}

a {
  text-decoration: none;
  display: inline-block;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
}

a:hover {
  text-decoration: none;
}
.fs-9{
  font-size: 9px !important;
}
.fs-10{
  font-size: 10px !important;
}
.fs--18px {
  font-size: 1.125rem !important;
}
.fs--24px{
  font-size: 24px !important;
}
.fs--20px{
  font-size: 20px !important;
}


.fs--16px {
  font-size: 1rem !important;
}

.fs--14px {
  font-size: 0.875rem !important;
}
.fs--15px {
  font-size: 15px !important;
}

.fs--12px {
  font-size: clamp(10px,2vw,14px) !important;
}

.h--font {
  font-family: "Avenir Next", sans-serif !important;
}

.p--font {
  font-family: "Montserrat Regular", sans-serif !important;
}

.fw-medium {
  font-weight: 500 !important;
}

button:focus {
  outline: none;
}

[class*="btn--"]:not(.btn--link):not(.btn--light) {
  color: #fff;
}

.btn {
  padding: 0.75rem 1.875rem;
}

.btn--primary {
  background-color: #7367f0;
}

.btn--primary:hover {
  background-color: #5e50ee;
}

.btn--secondary {
  background-color: #868e96;
}

.btn--secondary:hover {
  background-color: #78818a;
}

.btn--success {
  background-color: #28c76f;
}

.btn--success:hover {
  background-color: #24b263;
}

.btn--danger {
  background-color: #ea5455;
}

.btn--danger:hover {
  background-color: #e73d3e;
}

.btn--warning {
  background-color: #ff9f43;
}

.btn--warning:hover {
  background-color: #ff922a;
}

.btn--info {
  background-color: #1e9ff2;
}

.btn--info:hover {
  background-color: #0d93e9;
}

.btn--light {
  background-color: #bcc7da;
}

.btn--light:hover {
  background-color: #acb9d1;
}

.btn--dark {
  background-color: #10163a;
  color: #fff;
}

.btn--dark:hover {
  background-color: #0a0e26;
  color: #fff;
}

.btn--link {
  color: #7367f0;
}

.btn--base {
  background-color: #f77c5a;
  color: #fff;
}

.btn--base:hover,
.btn--base:active {
  background-color: #d08d7a;
  color: #fff !important;
}

.btn--base.btn--custom {
  outline: 2px solid rgba(255, 255, 255, 0.7);
  outline-offset: -6px;
}

.btn--base.btn--custom:hover {
  outline-offset: 0;
  outline: 2px solid rgba(255, 255, 255, 0);
}

.text--btn {
  color: #f77c5a;
}

.btn-outline--primary {
  color: #7367f0;
  border-color: #7367f0;
}

.btn-outline--primary:hover {
  background-color: #7367f0;
  color: #ffffff;
}

.btn-outline--secondary {
  color: #868e96;
  border-color: #868e96;
}

.btn-outline--secondary:hover {
  background-color: #868e96;
  color: #ffffff;
}

.btn-outline--success {
  color: #28c76f;
  border-color: #28c76f;
}

.btn-outline--success:hover {
  background-color: #28c76f;
  color: #ffffff;
}

.btn-outline--danger {
  color: #ea5455;
  border-color: #ea5455;
}

.btn-outline--danger:hover {
  background-color: #ea5455;
  color: #ffffff;
}

.btn-outline--warning {
  color: #ff9f43;
  border-color: #ff9f43;
}

.btn-outline--warning:hover {
  background-color: #ff9f43;
  color: #ffffff;
}

.btn-outline--info {
  color: #1e9ff2;
  border-color: #1e9ff2;
}

.btn-outline--info:hover {
  background-color: #1e9ff2;
  color: #ffffff;
}

.btn-outline--light {
  color: #bcc7da;
  border-color: #bcc7da;
}

.btn-outline--light:hover {
  background-color: #bcc7da;
  color: #ffffff;
}

.btn-outline--dark {
  color: #10163a;
  border-color: #10163a;
}

.btn-outline--dark:hover {
  background-color: #10163a;
  color: #ffffff;
}

.btn-outline--base {
  color: #f77c5a;
  border: 1px solid #f77c5a;
}

.btn-outline--base:hover {
  background-color: #f77c5a;
  color: #fff;
}

.btn-shadow--primary {
  box-shadow: 0 0 6px 1px rgba(115, 103, 240, 0.35);
}

.btn-shadow--secondary {
  box-shadow: 0 0 6px 1px rgba(134, 142, 150, 0.35);
}

.btn-shadow--success {
  box-shadow: 0 0 6px 1px rgba(40, 199, 111, 0.35);
}

.btn-shadow--danger {
  box-shadow: 0 0 6px 1px rgba(234, 84, 85, 0.35);
}

.btn-shadow--warning {
  box-shadow: 0 0 6px 1px rgba(255, 159, 67, 0.35);
}

.btn-shadow--info {
  box-shadow: 0 0 6px 1px rgba(30, 159, 242, 0.35);
}

.btn-shadow--light {
  box-shadow: 0 0 6px 1px rgba(188, 199, 218, 0.35);
}

.btn-shadow--dark {
  box-shadow: 0 0 6px 1px rgba(16, 22, 58, 0.35);
}

.btn-shadow--base {
  box-shadow: 0 0 6px 1px rgba(247, 124, 90, 0.35);
}

.btn--capsule {
  border-radius: 999px;
  -webkit-border-radius: 999px;
  -moz-border-radius: 999px;
  -ms-border-radius: 999px;
  -o-border-radius: 999px;
}
.flex--center{
  display: flex;
  justify-content: center;
  align-items: center;
}

.icon-btn {
  width: 1.5625rem;
  height: 1.5625rem;
  background-color: #f77c5a;
  color: #fff;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.icon-btn:hover {
  color: #fff;
}

.btn--group {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
  margin-left: -0.625rem;
  margin-right: -0.625rem;
}

.btn--group *[class*="btn"] {
  margin: 0.3125rem 0.625rem;
  align-items: center;
}

.btn--group *[class*="btn"].d-flex {
  padding: 0.5rem 2.1875rem;
}

.btn--group.style--two {
  margin-left: -0.3125rem;
  margin-right: -0.3125rem;
}

.btn--group.style--two *[class*="btn"] {
  margin: 0.1875rem 0.3125rem;
}

[class*="btn"].btn-md {
  padding: 0.625rem 1.25rem;
}

[class*="btn"].btn-sm {
  padding: 0.375rem 0.625rem;
}

.badge--primary {
  background-color: rgba(115, 103, 240, 0.15);
  border: 1px solid #7367f0;
  color: #7367f0;
}

.badge--secondary {
  background-color: rgba(134, 142, 150, 0.15);
  border: 1px solid #868e96;
  color: #868e96;
}

.badge--success {
  background-color: rgba(40, 199, 111, 0.15);
  border: 1px solid #28c76f;
  color: #28c76f;
}

.badge--danger {
  background-color: rgba(234, 84, 85, 0.15);
  border: 1px solid #ea5455;
  color: #ea5455;
}

.badge--warning {
  background-color: rgba(255, 159, 67, 0.15);
  border: 1px solid #ff9f43;
  color: #ff9f43;
}

.badge--info {
  background-color: rgba(30, 159, 242, 0.15);
  border: 1px solid #1e9ff2;
  color: #1e9ff2;
}

.badge--light {
  background-color: rgba(188, 199, 218, 0.15);
  border: 1px solid #bcc7da;
  color: #bcc7da;
}

.badge--dark {
  background-color: rgba(16, 22, 58, 0.15);
  border: 1px solid #10163a;
  color: #10163a;
}

.badge--base {
  background-color: rgba(247, 124, 90, 0.15);
  border: 1px solid #f77c5a;
  color: #f77c5a;
}

.custom--table {
  background-color: #fff;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}

.custom--table.white-space-nowrap th {
  white-space: nowrap;
}

.custom--table thead {
  background-color: #071e3e;
}

.custom--table thead th {
  border-top: none;
  padding: 0.625rem 1.25rem;
  color: #fff;
  background-color: transparent;
  border: none;
  font-size: 0.8125rem;
  font-weight: 500;
  text-align: center;
}

.custom--table thead th:first-child {
  border-radius: 5px 0 0 5px;
  -webkit-border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  -ms-border-radius: 5px 0 0 5px;
  -o-border-radius: 5px 0 0 5px;
  text-align: left;
}

.custom--table thead th:last-child {
  border-radius: 0 5px 5px 0;
  -webkit-border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  -ms-border-radius: 0 5px 5px 0;
  -o-border-radius: 0 5px 5px 0;
  text-align: right;
}

.custom--table tbody td {
  border-top: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
  padding: 0.9375rem 1.25rem;
  color: #464646;
  vertical-align: middle;
  font-size: 0.9375rem;
  text-align: center;
}

.custom--table tbody td:first-child {
  text-align: left;
}

.custom--table tbody td:last-child {
  text-align: right;
}

.custom--table tbody tr:nth-child(even) {
  background-color: #afb1b50d;
}

.custom--table tbody tr:last-child td {
  border-bottom: none;
}

.table-tour-single {
  align-items: center;
}

.table-tour-single .thumb {
  width: 65px;
  height: 45px;
  overflow: hidden;
  padding: 3px;
  border: 1px solid #c0cad5;
  box-shadow: 0 3px 15px rgba(0, 0, 0, 0.15);
}

.table-tour-single .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -o-object-fit: cover;
  object-position: center;
  -o-object-position: center;
}

.table-tour-single .content {
  padding-left: 0.9375rem;
}

[data-label] {
  position: relative;
}

[data-label]::before {
  position: absolute;
  content: attr(data-label);
  font-weight: 700;
  color: #000000;
  top: 0;
  left: 0;
  padding: 0.8125rem 0.9375rem;
  display: none;
  font-size: 0.75rem;
}

@media (max-width: 991px) {
  .table-responsive--md thead {
    display: none;
  }

  .table-responsive--md tbody tr:nth-child(odd) {
    background-color: #fff;
  }

  .table-responsive--md tr th,
  .table-responsive--md tr td {
    display: block;
    padding-left: 45%;
    text-align: right !important;
    border-top: 1px solid rgba(0, 0, 0, 0.08) !important;
  }

  .table-responsive--md tr th:first-child,
  .table-responsive--md tr td:first-child {
    border-top: none !important;
  }

  .table-responsive--md [data-label]::before {
    display: block;
  }
}

@media (max-width: 767px) {
  .table-responsive--sm thead {
    display: none;
  }

  .table-responsive--sm tbody tr:nth-child(odd) {
    background-color: aliceblue;
  }

  .table-responsive--sm tr th,
  .table-responsive--sm tr td {
    display: block;
    padding-left: 45% !important;
    text-align: right !important;
    border-top: 1px solid rgba(0, 0, 0, 0.08) !important;
  }

  .table-responsive--sm tr th:first-child,
  .table-responsive--sm tr td:first-child {
    border-top: none !important;
  }

  .table-responsive--sm [data-label]::before {
    display: block;
  }
}

@media (max-width: 1199px) {
  *[class*="table-responsive--"].data-label--none tr th,
  *[class*="table-responsive--"].data-label--none tr td {
    padding-left: 0.75rem;
  }
}

.form-group {
  margin-bottom: 0.9375rem;
}
.form-group label{
  font-family: "Avenir Next", sans-serif;
  margin: 0;
  line-height: 1.3;
  word-break: break-word;
}

.form-group-home {
  margin-bottom: 0;
  /* border: 2px solid; */
}

.form-group-home .input-container input , .form-group-home .input-container select {
  padding: 15px !important;
  position: relative;
  width: 100% !important;
  height: 100% !important;
  border: none !important;
  border-radius: 8px;
  color: white ;
  background: rgba(0, 0, 0, 0.34);
  border-radius: 16px;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  /* backdrop-filter: blur(15.6px); */
  /* -webkit-backdrop-filter: blur(10.4px); */
}
/*  */
.form-group-home .input-container input::placeholder{
  color: white !important;
  font-size: 16px;
}
.banner-form-btn{
  margin-top: 40px;
  padding: 15px;
  border-radius: 8px;

}
.contact-banner .banner-img {
  background-image: url('/assets/images/banner/web.webp'); /* Change this to your image path */
  background-size: cover;
  background-position: center;
  height: 100%;
  min-height: 100vh;
}
@media screen and (max-width: 991px) {
  .contact-banner .banner-img {
   min-height: 300px;/* Change this to your image path */
  }
}
.form-group-home .input-container input::placeholder{
  font-size: 16px !important;
  font-weight: 400 !important;
}
.form--control {
  padding: 0.625rem 1.25rem;
  border: 1px solid #f77c5a;
  width: 100%;
  background-color: #fff;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  color: #000;
  height: 3.125rem;
}

.form--control:focus {
  background-color: #fff;
  border-color: #f77c5a !important;
  box-shadow: 0 0 5px rgba(247, 124, 90, 0.35);
  color: #000;
}

.form--control:placeholder-shown {
  border-color: #b1bdcb;
  color: #464646;
}

.form--control[readonly] {
  background-color: #fff;
}

.form--control.style--two {
  border-width: 0 0 1px 0;
  padding: 0.625rem 0;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  font-family: "Avenir Next", sans-serif;
  border-bottom-color: #999;
}

.form--control.style--two:focus {
  box-shadow: none;
}

.form--control.form-control-sm {
  height: 35px;
}
.form-control::placeholder{
  text-transform: Capitalize !important;  
}
.select {
  padding: 0.625rem 1.25rem;
  width: 100%;
  border: 1px solid #b1bdcb;
  cursor: pointer;
  color: #464646;
  background-color: #fff;
  height: 3.125rem;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}

.select option {
  padding: 0.625rem 0;
  display: block;
  border-top: 1px solid #e5e5e5;
}

.select.style--trans {
  background-color: transparent;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.5);
}

.select.style--trans option {
  color: #363636;
}

.select.select-sm {
  height: 2.1875rem;
  font-size: 0.875rem;
  padding: 0.3125rem;
}

textarea {
  min-height: 9.375rem !important;
  resize: none;
  width: 100%;
}

label {
  color: #ffffff;
  margin-bottom: 0.625rem;
  font-size: 16px;
  font-weight: 400;
}

.input-group > .form--control,
.input-group > .select {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}

.input-group select {
  background-color: transparent;
  border: none;
}

.custom-radio {
  position: relative;
  padding-left: 0;
}

.custom-radio input[type="radio"] {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  cursor: pointer;
}

.custom-radio input[type="radio"]:checked ~ label::before {
  border-width: 2px;
  border-color: #f77c5a;
}

.custom-radio input[type="radio"]:checked ~ label::after {
  opacity: 1;
}

.custom-radio label {
  margin-bottom: 0;
  position: relative;
  padding-left: 20px;
  font-size: 0.9375rem;
}

.custom-radio label::before {
  position: absolute;
  content: "";
  top: 1px;
  left: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #888888;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.custom-radio label::after {
  position: absolute;
  content: "";
  top: 5px;
  left: 4px;
  width: 7px;
  height: 7px;
  background-color: #f77c5a;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.custom-radio.style--two label::before {
  top: 5px;
}

.custom-radio.style--two label::after {
  top: 9px;
}

.custom--checkbox {
  padding-left: 1.5625rem;
}

.custom--checkbox input {
  display: none;
}

.custom--checkbox input:checked ~ label::before {
  content: "\f14a";
  color: #f77c5a;
}

.custom--checkbox label {
  position: relative;
  font-size: 0.9375rem;
  font-weight: 400;
  cursor: pointer;
  margin-bottom: 0;
}

.custom--checkbox label::before {
  position: absolute;
  content: "\f04d";
  font-family: "Montserrat Regular";
  font-weight: 900;
  top: 3px;
  left: -1.5625rem;
  font-size: 1.25rem;
  line-height: 1;
}

.wrong-info .form--control {
  border-color: #ea5455 !important;
  box-shadow: 0 0 6px 1px rgba(234, 84, 85, 0.3) !important;
}

.select2-basic ~ .select2-container {
  display: block;
  width: 100% !important;
  max-width: 100% !important;
  height: 50px;
}

.select2-container .select2-dropdown {
  border: none;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.select2-container .selection,
.select2-container .select2-selection--single,
.select2-container .select2-selection__rendered {
  display: block;
}

.select2-container .select2-selection--single {
  height: 50px;
  border-color: #b1bdcb;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  line-height: 38px;
  padding-left: 1.25rem;
}

.select2-container .select2-selection--single .select2-selection__arrow {
  height: 50px;
}

.select2-container--default
  .select2-results__option--highlighted[aria-selected] {
  background-color: #f77c5a;
}

.select2-dropdown ::-webkit-scrollbar {
  width: 0.5rem;
}

.select2-dropdown ::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.select2-dropdown ::-webkit-scrollbar-thumb {
  background-color: #14233c;
}

.custom--card {
  background-color: #fff;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  box-shadow: 0 5px 25px rgba(0, 0, 0, 0.08);
}

.custom--card .card-header {
  background-color: #fff;
  padding: 0.625rem 0.9375rem;
}

.custom--card .card-body {
  padding: 0.9375rem;
}

.modal {
  z-index: 999999;
}

.header {
  /* position: fixed; */
  top: 0;
  left: 0;
  width: 100vw;
  z-index: 9;
  /* background-color: white !important; */
}
.header-sticky{
  position: sticky !important;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9;
}
.menu2-fixed{
  background-color: white !important;
}
.header.menu-fixed .header__top {
  display: none;
}

.header.menu-fixed {
  top: 0;
}

.header.menu-fixed .header-top {
  display: none;
}

.header.menu-fixed .header__bottom {
  background-color: #14233c;
  overflow:hidden;
}

.header__bottom {
  /* padding: 0.9375rem 0; */

  background: #fff;
}
.header__bottom .header-navbar {
  /* border: 2px solid #00000080; */
 
}
.header.menu-fixed .header__bottom .header-navbar, .header.menu2-fixed .header__bottom .header-navbar{
  border: none;
  /* background-color: #fff; */
  border-radius: none;
  background:transparent;
}
.swiper-slide{
  width:392px !important;
  height: 430px;
}

.bg-green{
  background-color:  var(--base-color)69  !important;
  color: #03AC13 !important;
  


}
.swiper-wrapper.detail-listing-page{
  height: 570px !important;
  margin-bottom: 10px ;
}
.swiper-container-wrapper {
  position: relative;
  width: 100%;
  margin-inline: auto;
  overflow: hidden;
  min-height: 620px !important;
  
}
.swiper {
  width: calc(min(1300px, 90%));
  margin: 0 auto;
  padding-top: 50px;
  min-height: 680px;
  overflow: visible;
}
.swiper-button-prev.package-list,
.swiper-button-next.package-list {
  transform: translateY(25px);
  position: static !important;
}
.package-translate{
  transform: translateY(-4px);
  gap: 10px !important;
}

@media (max-width:574px){

  .swiper-button-next, .swiper-button-prev{
    top:73% !important;
  }
  .package-translate{
    transform: translateY(-7px);
  gap: 5px !important;
  
  }
  .swiper-slide{
    width: 100% !important;
    min-height: 430px; 
    margin: 0;
  }
  .swiper-container-wrapper {
    position: relative;
    width: 100%;
    margin-inline: auto;
    overflow: hidden;
    height: 720px !important;
    
  }
  .swiper {
    width: calc(min(550px, 90%));
    margin: 0 auto;
    padding-top: 0px;
    min-height: 720px;
    overflow: visible;
  }

}
@media(max-width:393px){
  .swiper{
    padding-top: 24px !important;
    /* display: grid; */
  }
  .pb-sm-50{
   padding-bottom: 0px !important;
  }
}
/* Swiper will expand to full viewport width when sliding */

a.seeall_bttn{
  border: 1px solid #03AC13;
  color: #03AC13;
  padding:10px 23px;
  border-radius: 8px;
  font-size: 18px;
  font-weight: 500;
}


.header.menu-fixed .header__bottom .nav-right a, .header.menu2-fixed .header__bottom .nav-right a{
  border-color: white !important;
  /* border-radius: 12px; */
  /* color: black !important; */
  background-color: var(--base-color);
  color: white;
}
.header .header__bottom .nav-right a, .header.menu2-fixed .header__bottom .nav-right a.mobile-logo-bttn{
  /* border-radius: 12px; */
  /* color: black !important; */
  background-color: var(--base-color);
  color: white;

}
.accordion-item.expanded {
  box-shadow: #03AC13 0px 5px 15px;
  /* box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);  */
}
  .header a.site-logo  {
    width:200px;
    /* max-width: max-content; */
  }
  @media (max-width:575px){
    .header__bottom .header-navbar {
      border: none;
      border-radius: 0px;
      background-color:transparent;
    }
  }

@media (max-width: 1199px) {
  .header__bottom {
    /* padding: 0.625rem 0; */
    padding: 0px;
  }
}

.header .site-logo img {
  max-width: 10.9375rem;
  max-height: 3.75rem;
}

@media (max-width: 1199px) {
  .header .site-logo img {
    max-width: 5.375rem;
  }
}

@media (max-width: 575px) {
  .header .site-logo  {
    width:auto;
    max-width: max-content;
  }
}

.header .main-menu {
  margin-left: 1.375rem;
}

@media (max-width: 1199px) {
  .header .main-menu {
    margin-left: 0;
    padding: 0.9375rem 0;
  }
}

.header .main-menu li {
  position: relative;
}

@media (max-width: 1199px) {
  .header .main-menu li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  }
}

.header .main-menu li:last-child a {
  padding-right: 0;
}

.header .main-menu li.menu_has_children {
  position: relative;
}

.header .main-menu li.menu_has_children.open > .sub-menu {
  display: block;
}

.header .main-menu li.menu_has_children > a {
  padding-right: 1.5625rem;
}

@media (max-width: 1199px) {
  .header .main-menu li.menu_has_children > a {
    display: block;
  }
}

.header .main-menu li.menu_has_children > a::before {
  position: absolute;
  content: "\f067";
  font-family: "Montserrat Regular";
  font-weight: 900;
  top: 15px;
  right: 0;
  color: #fff;
}

@media (max-width: 1199px) {
  .header .main-menu li.menu_has_children > a::before {
    display: block;
    top: 0.5625rem;
    color: #fff;
  }
}

.header .main-menu li.menu_has_children:hover > a::before {
  content: "\f068";
  color: #f77c5a;
}

.header .main-menu li a {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;

  /* padding: 0.9375rem 0.9375rem 0.9375rem 0; */
  font-size: 18px;
  color: #000;
  /* padding: 13px 13px; */
}
.header .main-menu li a:hover{
  color: var(--base-color) !important;
}

.header.menu-fixed .main-menu li a ,.header.menu2-fixed .main-menu li a {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
 /* font-size: 14px; */
 font-size: 15px;
  /* padding: 0.9375rem 0.9375rem 0.9375rem 0; */
  /* padding: 13px 13px; */
  /* font-size: 1rem; */
  color: #000;
}

@media (max-width: 1199px) {
  .header .main-menu li a {
    color: #fff;
    padding: 0.5rem 0;
    display: block;
  }
}

.header .main-menu li a:hover,
.header .main-menu li a:focus {
  color: #f77c5a;
}

.header .main-menu li .sub-menu {
  position: absolute;
  width: 220px;
  top: 105%;
  left: 0;
  z-index: 9999;
  background-color: #fff;
  padding: 0.625rem 0;
  -webkit-box-shadow: 0px 18px 54px -8px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 5px 25px 2px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  opacity: 0;
  visibility: hidden;
}

@media (max-width: 1199px) {
  .header .main-menu li .sub-menu {
    opacity: 1;
    visibility: visible;
    display: none;
    position: static;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    width: 100%;
    background-color: #14233c;
    border: none;
  }
}

.header .main-menu li .sub-menu li {
  border-bottom: 1px dashed #e5e5e5;
}

@media (max-width: 1199px) {
  .header .main-menu li .sub-menu li {
    border-color: rgba(255, 255, 255, 0.15);
  }
}

.header .main-menu li .sub-menu li:last-child {
  border-bottom: none;
}

.header .main-menu li .sub-menu li a {
  padding: 0.5rem 1.5625rem;
  display: block;
  /* color: #464646; */
  position: relative;
  font-size: 0.9375rem;
  text-transform: capitalize;
}

@media (max-width: 1199px) {
  .header .main-menu li .sub-menu li a {
    color: #fff;
  }
}

.header .main-menu li .sub-menu li a:hover {
  background-color: rgba(247, 124, 90, 0.05);
  color: #f77c5a;
}

.header .main-menu li .sub-menu li + li {
  margin-left: 0;
}

.header .main-menu li:hover > .sub-menu {
  top: 100%;
  opacity: 1;
  visibility: visible;
}

.header .main-menu li + li {
  /* margin-left: 1.25rem; */
}

@media (max-width: 1199px) {
  .header .main-menu li + li {
    margin-left: 0;
  }
}

.header .main-menu .sub-menu li.menu_has_children > a::before {
  top: 9px;
  right: 8px;
}

.header .main-menu .sub-menu li.menu_has_children > .sub-menu {
  left: 100%;
  top: 0;
}

@media (max-width: 1199px) {
  .header .main-menu .sub-menu li.menu_has_children > .sub-menu {
    padding-left: 15px;
  }
}



@media (max-width: 1199px) {
  .header .nav-right {
    padding-left: 0;
  }
  .header .mobile-navbar .nav-right {
    /* padding-left: 3.125rem; */
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
    flex-direction: column;
    flex-grow: 2;
    justify-content: end;
    padding-bottom: 20px;
  }
  .header .mobile-navbar .nav-item {
    margin-bottom: 15px;
  }

  .header .header__bottom .nav-right a, .header.menu2-fixed .header__bottom .nav-right a.mobile-logo-bttn{
    width: 90%;
  background-color: var(--base-color);
  border-color: var(--base-color) !important;
  color: #fff !important;
  }
  .header .header__bottom .nav-right a:hover{
    
  background-color: #0beb16 !important;
  color: #fff !important;
  }


}


.language-select {
  background-color: transparent;
  color: #fff;
  height: 46px;
  padding: 10px;
  border: none;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  padding: 5px 10px;
}

@media (max-width: 1199px) {
  .language-select {
    color: #fff;
  }
}

.language-select option {
  background-color: #14233c;
  color: #fff;
}
.navbar{
  box-shadow:none;
}
@media (max-width: 1199px) {
  .navbar-collapse {
    display: none;
      /* margin-top: 20px !important; */
      /* padding: 0 1.875rem 1.25rem 1.875rem; */
      padding-top: 0px;
      position: relative;
      /* left: 0%; */
      /* right: -46px; */
     /* right: -26%;
      top: -10%; */
      width: 50vw;
      /* background: white !important; */
      padding-top: 50px;
      height: 1000px;
      overflow: hidden;
      /* background-color: red; */
    
  }
}

@media (max-width: 767px) {
  .navbar-collapse {

    height: 100vh;
    overflow: hidden;
    right: -123px;
    top: -36px;
  }
}

.navbar-toggler {
  padding: 0;
  z-index: 10;
  border: none;
}

.navbar-toggler:focus {
  outline: none;
  box-shadow: none;
}
.menu-closed{
 margin:10px 0;
 width:2.1875rem;
 height: 1.25rem;
 cursor: pointer;
  background: transparent;
  -webkit-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.menu-toggle {
  margin: 10px 0;
  position: relative;
  display: block;
  width: 2.1875rem;
  height: 1.25rem;
  cursor: pointer;
  background: transparent;
  /* border-top: 2px solid; */
  /* border-bottom: 2px solid; */
  color: black;
  font-size: 0;
  -webkit-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  cursor: pointer;
}

.menu-toggle:before,
.menu-toggle:after {
  /* content: ""; */
  /* display: block; */
  /* width: 100%; */
  /* height: 2px; */
  /* position: absolute; */
  top: 50%;
  left: 50%;
  background: currentColor;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  transition: -webkit-transform 0.25s ease-in-out;
  -webkit-transition: -webkit-transform 0.25s ease-in-out;
  -o-transition: -webkit-transform 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out;
  -moz-transition: -webkit-transform 0.25s ease-in-out;
  -ms-transition: -webkit-transform 0.25s ease-in-out;
}

@media (max-width: 1200px) {
  .menu-toggle:before,
  .menu-toggle:after {
    background-color: black;
    /* background-color: #fff; */
  }
  .menu-toggle svg{
    width: 30px;
    height: 30px;
  }
  .menu-closed svg{
    width: 25px;
    height: 25px;
  }
  .mobile-navbar{
    width: 50%;
  height: 100vh auto;
  height: 100vh;
  background: #ffffffa3;
  position: absolute;
  right: 0;
  top: 0;
  padding-top: 85px;
  padding-inline: 20px;
  backdrop-filter: blur(8px);

    }

.button {
	padding: 10px;
	font-size: 16px;
	line-height: 16px;
}
.border-animation {
   margin-block: 10px;
		text-align: start;
		/* noise image */

	}

}
@media (max-width:575px){
  .menu-toggle {
    color: white;
  }
  
  .menu-toggle.navbar-black {
    color: black;
  }
  
  .menu-toggle:before,
.menu-toggle:after {
  background: white;
}
.menu-toggle.navbar-black:before,
.menu-toggle.navbar-black:after {
  background: black;
}
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@-ms-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.hero {
  padding-top: calc(8.5rem + 66px);
  padding-bottom: 5.625rem;
  position: relative;
  z-index: 1;
}

@media (max-width: 1199px) {
  .hero {
    padding-top: 10rem;
  }
}

.hero::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: -1;
}

.hero__title {
  font-size: 4.5rem;
  font-weight: 700;
}
.paraBanner__title{
  font-size: 1.25rem;
}
@media (max-width:1400px){
  .trip-card_container{
    gap:30px;
  }
}

@media (max-width: 1199px) {
  .hero__title {
    font-size: 3.5rem;
  }
  .paraBanner__title{
    font-size: 1.25rem;
  }

}

@media (max-width: 992px) {
  .hero__title {
    font-size: 3rem;
  }
  .paraBanner__title{
    font-size: 1.1rem;
  }
  .trip-card__text {
    font-size: 13px;
  }
}

@media (max-width: 575px) {
  .hero__title {
    font-size: 2.25rem;
    text-align: center;

  }
  .paraBanner__title{
    font-size: 14px !important;
    text-align: center;
    width: calc(80% - 20px);
    margin-inline: auto;
  }
}
@media (max-width:394px){
  .hero__title {
    font-size: 1.8em;
    text-align: center;
  }
  .paraBanner__title {
    font-size: 13px !important;
    text-align: center;
    width: calc(90% - 20px);
    margin-inline: auto;
  }

}

.inner-hero {
  padding-top: calc(5.375rem + 66px);
  padding-bottom: 4.375rem;
  position: relative;
  z-index: 1;
  height: 100dvh;
  background-size: cover !important;
   background-position:center !important;
    background-repeat:no-repeat !important;
}
@media  (max-width:575px) {
  .inner-hero{
    height: 500px;
  }
  
}

.inner-hero::before {
  position: absolute;
  /* content: ""; */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #14233c;
  opacity: 0.65;
  z-index: -1;
}

.search-area {
  margin-top: -220px;
  position: relative;
  z-index: 1;
}

.find-tabs {
  border-bottom: none;
  justify-content: center;
  margin-bottom: 30px;
}

.find-tabs .nav-item {
  margin: 0 10px;
}

.find-tabs .nav-item .nav-link {
  padding: 0.625rem 1.25rem;
  border: none;
  background-color: rgba(255, 255, 255, 0.25);
  -webkit-backdrop-filter: blur(10px);
  color: #fff;
}

.find-tabs .nav-item .nav-link p {
  font-size: 0.875rem;
}

.find-tabs .nav-item .nav-link i {
  font-size: 24px;
  height: 30px;
}

.find-form {
  box-shadow: 0 5px 25px rgba(7, 30, 62, 0.15);
  background-color: #fff;
  padding: 1.25rem 1.875rem;
  align-items: flex-end;
}

.find-form label {
  color: #797979;
}

.find-form .form--control {
  background-color: transparent;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border: none;
  border-bottom: 1px solid #c0cad5;
  padding: 0.625rem 0;
}

.find-form .form--control:focus {
  box-shadow: none;
}

.find-form .select2-container .select2-selection--single {
  border: none;
  border-bottom: 1px solid #c0cad5;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}

.find-form
  .select2-container
  .select2-selection--single
  .select2-selection__rendered {
  padding-left: 0;
  padding-right: 0;
}

.find-form__destination {
  align-items: center;
  width: calc((100% / 2) - (155px / 2));
}

@media (max-width: 1199px) {
  .find-form__destination {
    width: 100%;
  }
}

.find-form__destination .left {
  width: calc((100% / 1.1) - (522px / 2));
}

@media (max-width: 1399px) {
  .find-form__destination .left {
    width: calc((100% / 1.1) - (450px / 2));
  }
}
.find-form__destination .right {
  width: calc((100% / 2) - (84px / 2));
}

@media (max-width: 1199px) {
  .find-form__destination .left {
    width: calc((100% / 2) - (350px / 2));
  }

  .find-form__destination .right {
    width: calc((100% / 2) - (55px / 2));
  }
}

@media (max-width: 991px) {
  .find-form__destination .left {
    width: calc((100% / 2) - (450px / 2));
  }
}

@media (max-width: 460px) {
  .find-form__destination .left {
    width: 100%;
  }
}

.find-form__destination .icon {
  width: 50px;
  text-align: center;
  padding-top: 30px;
}

@media (max-width: 460px) {
  .find-form__destination .icon {
    display: none;
  }
}

.find-form__destination .icon img {
  width: 20px;
}

@media (max-width: 460px) {
  .find-form__destination .right {
    width: 100%;
    margin-top: 20px;
  }
}

.find-form__duration {
  width: calc((100% / 2) - (155px / 2));
  align-items: center;
  padding: 0 1.25rem;
}

@media (max-width: 1199px) {
  .find-form__duration {
    width: 100%;
    margin-top: 20px;
    padding: 0;
  }
}

.find-form__duration .left {
  width: calc((100% / 2) - (50px / 2));
}

@media (max-width: 460px) {
  .find-form__duration .left {
    width: 100%;
  }
}

.find-form__duration .icon {
  width: 50px;
  text-align: center;
  padding-top: 30px;
}

@media (max-width: 460px) {
  .find-form__duration .icon {
    display: none;
  }
}

.find-form__duration .icon img {
  width: 20px;
}

.find-form__duration .right {
  width: calc((100% / 2) - (50px / 2));
}

@media (max-width: 460px) {
  .find-form__duration .right {
    width: 100%;
    margin-top: 20px;
  }
}

.find-form__btn {
  width: 155px;
}

@media (max-width: 1199px) {
  .find-form__btn {
    width: 100%;
    margin-top: 20px;
  }
}

.location-section {
  position: relative;
  z-index: 1;
  background-position-y: top;
  background-position-x: -300px;
}

.location-card {
  position: relative;
  overflow: hidden;
}

.location-card::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ff7e5f;
  background: -webkit-linear-gradient(
    to top,
    rgba(20, 35, 60, 0.65),
    rgba(20, 35, 60, 0.1)
  );
  background: linear-gradient(
    to top,
    rgba(20, 35, 60, 0.65),
    rgba(20, 35, 60, 0.1)
  );
}

.location-card .overlay-content {
  position: absolute;
  padding: 1.25rem;
  left: 0;
  bottom: 0;
  width: 100%;
}

.location-card .overlay-content .top,
.location-card .overlay-content .bottom {
  width: 100%;
}

.location-card .ratings i {
  color: #fac42d;
}

.location-card__price {
  font-size: 1rem;
  line-height: 1.1;
}

.location-name {
  display: block;
  margin-bottom: 5px;
}

.location-slider .slick-list {
  margin: 0 -0.625rem;
}

.location-slider .single-slide {
  margin: 0 0.625rem;
}

.location-slider .location-card {
  height: 375px;
}

.location-slider .location-card:hover {
  -webkit-transform: scale(1.03, 1.03);
  -ms-transform: scale(1.03, 1.03);
  transform: scale(1.03, 1.03);
}

.location-slider .location-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -o-object-fit: cover;
  object-position: center;
  -o-object-position: center;
}

.location-slider .slick-arrow {
  position: absolute;
  width: 40px;
  height: 40px;
  background-color: #fff;
  color: #464646;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.125rem;
  top: 45%;
  z-index: 1;
}

.location-slider .slick-arrow:hover {
  color: #ffff;
}

.location-slider .slick-arrow.prev {
  left: 15px;
}

.location-slider .slick-arrow.next {
  right: 15px;
}

.about-thumb {
  padding: 0.9375rem;
  background-color: #fff;
  box-shadow: 0 5px 25px rgba(0, 0, 0, 0.15);
}

.about-item__icon {
  width: 40px;
}

.about-item__icon i {
  font-size: 2.25rem;
}

.about-item__content {
  padding-left: 0.9375rem;
  width: calc(100% - 40px);
}

.line-area {
  position: relative;
  margin-top: 100px;
}

@media (max-width: 575px) {
  .line-area {
    margin-top: 50px;
  }
}


.overview-single + .overview-single {
  margin-top: 30px;
}

.overview-single {
  position: relative;
}

.overview-single::after {
  position: absolute;
  content: "";
  top: 0;
  left: 50%;
  width: 15px;
  height: 15px;
  background-color: #fff;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border: 4px solid #c0cad5;
  box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1);
}

@media (max-width: 575px) {
  .overview-single::after {
    display: none;
  }
}

.overview-single:nth-child(1)::after {
  top: -35px;
}

.overview-single:nth-child(2) {
  margin-top: -40px;
}

@media (max-width: 1650px) {
  .overview-single:nth-child(2) {
    margin-top: -20px;
  }
}

@media (max-width: 575px) {
  .overview-single:nth-child(2) {
    margin-top: 0;
  }
}

.overview-single:nth-child(2)::after {
  top: -32px;
}

@media (max-width: 1650px) {
  .overview-single:nth-child(2)::after {
    top: -20px;
  }
}

.overview-single:nth-child(3) {
  margin-top: 20px;
}

@media (max-width: 575px) {
  .overview-single:nth-child(3) {
    margin-top: 0;
  }
}

.overview-single:nth-child(3)::after {
  top: -40px;
}

.overview-single:nth-child(4) {
  margin-top: -15px;
}

@media (max-width: 1650px) {
  .overview-single:nth-child(4) {
    margin-top: 0;
  }
}

.overview-single:nth-child(4)::after {
  top: -28px;
}

@media (max-width: 1650px) {
  .overview-single:nth-child(4)::after {
    top: -15px;
  }
}

.overview-item {
  text-align: center;
}

.overview-item__number {
  font-size: 4.5rem;
  line-height: 1;
}

@media (max-width: 991px) {
  .overview-item__number {
    font-size: 3.5rem;
  }
}

@media (max-width: 767px) {
  .overview-item__number {
    font-size: 2.25rem;
  }
}

.overview-item__caption {
  font-weight: 500;
}

@media (max-width: 767px) {
 

  .overview-item__caption {
    font-size: 0.875rem;
  }
}
.bg-banner{
  width: 100%;
  height:730px  ;
}
.bg-banner-plan{
  max-height: 350px;
}

.img-100{
  width: 100%;
  height: 100%;
}
.trip-card_container{
  gap: 58px;
}
.itinerary_plan{
  max-width:392px;
   min-height:558.13px;
    padding-inline:18px
}

.trip-card {
  /* background-color: #eef9eb; */
background-color: white !important;
box-shadow: 0px 4.43px 17.71px 0px #9E9E9E40;


  padding: 18px;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  /* height:100%; */
}

.trip-card-icon {
  width: max-content !important;
  padding-inline: 20px !important;
  padding-block: 5px;
  height: 60px;
  border-radius: 200px;
  justify-content: space-between;
  height:100%;
  width:max-content;
  background-color: var(--base-color)0D;
  display: flex ;
  gap: 10px;
  align-items: center !important;
}




.trip-card:hover {
  box-shadow: 0 10px 20px rgba(7, 30, 62, 0.25);
}

.trip-card__thumb_icon {
  position: relative;
  /* border: 2px solid !important; */
  /* height: 50px; */
  display: flex;
  
  align-items: center;
}
.trip-card__thumb_icon a {
  /* border:2px solid;  */
  display: flex;
  align-items: center;
}


.trip-card__thumb_icon img {
  width: 100%;
 
  /* height: 100%; */
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
}

.trip-card__title{
  font-size: 22px !important;
  font-weight: 600;
  color: black;
  height: 80px;
  
}
.trip-card__title_location{
  font-size:18px !important;
  color: black;
  margin-top: 10px;
}
.trip-card__text{
  /* background: var(--base-color); */
  color: var(--base-color);
  font-size: 16px;
  font-weight: 600; 
}
.trip-card__thumb {
  position: relative;
  max-height: 219px;
}
.trip-card__thumb:after {
  /* content: " "; */
  height: 100%;
  width: 100%;
  left: 0px;
  bottom:  0px;
  background-color: gray;
  opacity: .3;
  border-radius: 15px;
  position: absolute;
}
.trip-card__thumb a img{
  height: 229px;
  width: 461px;
  position: relative;

}

.trip-card__thumb img {
  width: 100%;
  height: 100%;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
}

.trip-card__price {
  position: absolute;
  bottom: -20px;
  right: 20px;
  display: inline-block;
  padding: 0.3125rem 1.5625rem;
  color: #fff;
  border-radius: 999px;
  -webkit-border-radius: 999px;
  -moz-border-radius: 999px;
  -ms-border-radius: 999px;
  -o-border-radius: 999px;
  box-shadow: 0 5px 15px 2px rgba(247, 124, 90, 0.4);
  font-size: 1rem;
  font-weight: 600;
  font-family: "Avenir Next", sans-serif;
  margin: 0;
  line-height: 1.3;
  word-break: break-word;
}
.btn_book_now{
border-radius: 8px;
width: 100%;
font-weight: 700 !important;
color: white;
font-size: 15px !important;
background-color: white;
color:  var(--base-color);
border:2px solid var(--base-color) ;
font-weight: bold;
padding: 14px 30px;
}
.btn_book_now a{
font-weight: 700 !important;
color: white;
font-size: 15px !important;
color:  var(--base-color);
font-weight: bold;
}
.trip-card__price span {
  font-size: 0.875rem;
  font-weight: 400;
}

.trip-card__content {
  padding-top: 26.57px;
  font-size: 24px;
  /* padding: 2.1875rem 0.625rem 0.625rem 0.625rem; */
}
.trip-card__thumb .star_review {
  /* font-size: 1em;
  font-weight: 600; */
  /* padding: 2.1875rem 0.625rem 0.625rem 0.625rem; */
  position: absolute;
  top: 7%;
  left: auto;
  background-color: #03AC13;
  border-radius: 20px;
  color: #fff;
  width: 60px;
  right: 3%;
  gap: 4px;
}
.discount-tag{
  position: absolute;
  top: 7%;
  /* right: auto; */
  background-color: #ffd200;
  border-radius: 0 20px 20px 0;
  color: #000;
  width: 62%;
  padding: 2px 10px;
  font-size: 13px;
  font-weight: 600;

}
.discount-tag svg{
  transform: rotate(420deg);
}
.trip-card__content .star_review span{
  padding-top: 0 ; 
  margin-right:5px;

}
@media (max-width:590px){
  .discount-tag{
    position: absolute;
    top: 7%;
    /* right: auto; */
    background-color: #ffd200;
    border-radius: 0 20px 20px 0;
    color: #000;
    width: 62%;
    padding: 2px 10px;
    font-size: 10px;
    font-weight: 600;
  
  }

}



.trip-card__content-icon {
  /* padding: 1.1875rem 0.625rem 0.625rem 0.625rem; */
}

.trip-card__meta li + li {
  /* margin-top: 7px; */
}

.trip-card__meta li {
  align-items: center;
  font-size: 0.875rem;
}

.trip-card__meta li i {
  font-size: 1.125rem;
  width: 30px;
  line-height: 1;
}

.trip-card__meta li:first-child  p{
 
  margin: 0;
  font-size: 20px ;
  font-weight: bold;
  line-height: 1.3;
  word-break: break-word;
}
.trip-card__meta li:nth-child(2) p.trip-card-price_second{
  width:100%;
  text-align: end;
  margin: 0;
  font-size: 24px;
  font-weight: bolder;
  line-height: 1.3;
  word-break: break-word;
}

.trip-card__meta li:nth-child(2) p{
  width: calc(100% - 30px);
  /* font-family: "Avenir Next", sans-serif; */
  margin: 0;
  /* text-align: end; */
  font-size: 32px ;
  font-weight: bolder;
  line-height: 1.3;
  word-break: break-word;
}

.trip-card__meta li p span{
  font-size: 14px;
}
.trip-slider .slick-list {
  margin: -1.25rem -0.9375rem;
}

.trip-slider .single-slide {
  padding: 1.25rem 0.9375rem;
}

.trip-slider .slick-dots {
  justify-content: center;
  margin-top: 20px;
}

.trip-slider .slick-dots li {
  margin: 0 5px;
}
/* .trip-card_meta li p{
  font-size: 14px !important;
} */
.trip-slider .slick-dots li button {
  width: 20px;
  height: 6px;
  font-size: 0;
  background-color: rgba(0, 0, 0, 0.15);
  border-radius: 999px;
  -webkit-border-radius: 999px;
  -moz-border-radius: 999px;
  -ms-border-radius: 999px;
  -o-border-radius: 999px;
}
.card-shadow {
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  transition: 0.3s;
}
.card-shadow:hover {
  box-shadow: 0 8px 16px rgba(0,0,0,0.2);
}
.star-rating {
  color: #ffc107;
}
.step-card:hover .step-card__content {
  -webkit-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  transform: translateY(-5px);
  box-shadow: 0 5 20px rgba(0, 0, 0, 0.12);
}

.step-card__number {
  font-size: 3.875rem;
  font-weight: 700;
  text-align: right;
  line-height: 1;
  color: #4d5767;
}

.step-card__content {
  padding: 1.875rem;
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  margin-top: -15px;
  position: relative;
}

.step-card__content .line-shape {
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 0.1;
}

.step-card__content .line-shape img {
  max-height: 200px;
}

.step-card__content .icon-image {
  max-height: 50px;
}

.testimonial-card {
  padding: 1.875rem;
}
/* .swiper-slider{
  width: 392px !important;
  height: 420px !important;
} */
@media (max-width:1200px) {
  .trip-card_container{
    gap: 10px;
    justify-content: space-between !important;
  }
  
}
@media (max-width:992px) {
  .trip-card_container{
    gap: 20px;
    justify-content: space-between !important;
  }
  .trip-card_container .trip-card-icon:nth-child(4){
    /* flex-grow: 3; */
  }
  .trip-card_container .trip-card-icon:nth-child(5){
    /* flex-grow: 2; */
  }
  .trip-card-icon{
    /* flex-grow: 2; */
    padding-inline: 10px !important;
    justify-content: start;
  }
  .trip-card__text {
   
    font-size: 12px;
    font-weight: 600;
  }
}
@media (max-width:770px){
  .trip-card-icon{
    /* flex-grow: 2; */
    justify-content: start;
  }
}
@media (max-width:768px){
  .trip-card-icon{
    width: calc(50% - 20px) !important;
    /* border: 1px solid !important; */
    /* width: 50% !important; */
    justify-content: start;
    padding-block: 6px ;
    padding-inline: 10px !important;
  }

}
/* maxwidth:575px */
@media (max-width: 575px) {
  /* // home page banner  */
  .bg-banner{
    width: 100%;
    height:180px  ;
  }
  .bg-banner-plan{
    max-height: 100%;
  }
  h2 {
    font-size: 1.85rem  !important;
  }
  h2.heading-text{
    padding-inline: 10px !important;
    font-size: 26px !important;
  }

   /* end home page banner  */

  .trip-card_container{
    gap: 20px;
    justify-content: start !important;
    flex-grow: 2;
  }
  .trip-card-icon{
    width: calc(50% - 20px) !important;
    /* border: 1px solid !important; */
    /* width: 50% !important; */
    justify-content: start;
    padding-block: 6px ;
    padding-inline: 10px !important;
  }
  .trip-card_content .trip-card_text h5{
    font-size: 10px !important;
  }
  .trip-card_container .trip-card-icon:nth-child(1){
    flex-grow: 2;
  }
  .trip-card_container .trip-card-icon:nth-child(2){
    flex-grow: 3;
  }
  .trip-card_container .trip-card-icon:nth-child(3){
    flex-grow: 3;
  }
  .trip-card_container .trip-card-icon:nth-child(4){
    flex-grow: 3;
  }
  .trip-card_container .trip-card-icon:nth-child(5){
    flex-grow: 2;
  }
  /* .trip-card_meta li p{
    font-size: 12px !important;
  }
   */
}
@media(max-width:460px){
 
  .trip-card__text{
    /* background: var(--base-color); */
    color: var(--base-color);
    font-size: 13px;
    font-weight: 600; 
  }
  .trip-card__thumb_icon svg{
    width: 27px;
    height: 27px;
  }
  .trip-card_container{
    gap: 10px;
    
  }
}
@media (max-width:398px)
{
  .package-translate{
    transform: translateY(0px);
    gap: 3px;;
  }
  .swiper-button-prev.package-list,
.swiper-button-next.package-list {
  transform: translateY(11px);
  position: static !important;
}
  h2.heading-text{
    font-size: 18px !important;
  }


  .trip-card__meta li:nth-child(2) p.trip-card-price_second{
    text-align: end;
    letter-spacing: 0.5px;
    margin: 0;
    font-size: 1.5em;
    font-weight: bolder;
    line-height: 1.3;
    word-break: break-word;
  }
  .trip-card__meta li:first-child  p{
 
    /* margin: 0; */
    font-size: 20px ;
    
  }
  .trip-card__meta li:nth-child(2) p{
    /* text-align: end; */
    font-size: 1.5em ;
    font-weight: bolder;
    line-height: 1.3;
    word-break: break-word;
  }
}
@media(max-width:378px){
  h2{
    font-size: 20px !important;
  }
  .swiper {
  
    padding-top: 0px !important;
    min-height: 100%;
    overflow: visible;
  }
  .trip-card__text{
    /* background: var(--base-color); */
    font-size: 10px;
    font-weight: 600; 
  }
  .trip-card__thumb_icon svg{
    width: 25px;
    height: 25px;
  }
  .trip-card_container{
    gap: 8px;
    
  }
  .trip-card-icon{
    gap: 5px ;
  }
  .trip-card_container .trip-card-icon:nth-child(5){
    flex-grow: 2;
  }
}

.ratings {
  color: #fac42d;
}

.testimonial-slider .slick-list {
  margin: 0 -0.625rem;
}

.testimonial-slider .single-slide {
  margin: 0 0.625rem;
}

.post-card {
  /* padding: 0.8125rem; */
  /* background-color: #fff; */
  /* box-shadow: 0 5px 25px rgba(7, 30, 62, 0.075); */
  /* border-radius: 15px; */
  /* -webkit-border-radius: 15px; */
  /* -moz-border-radius: 15px; */
  /* -ms-border-radius: 15px; */
  /* -o-border-radius: 15px; */
  height: 100%;
}

.post-card:hover {
  /* box-shadow: 0 10px 35px rgba(7, 30, 62, 0.1); */
}

.post-card:hover .post-card__thumb img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.post-card__thumb {
  overflow: hidden;
  height: 300px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.post-card__thumb img {
  width: 100%;
  height: 100%;
}
.post-card__title a{
  font-size: 17px;
  font-weight: 600;
  color: black;
}

.post-card__content {
  padding-top: 30px;
  /* padding: 1.25rem 0.625rem 0.625rem 0.625rem; */
}

.post-card__meta li a {
  font-size: 14px;
  color: #002D04;

  font-weight: 500;
}

.post-card__meta li a:hover {
  color: #f77c5a;
}

.blog-details-area .blog-details-thumb {
  margin-bottom: 30px;
}

.blog-details-content .blog-details-title {
  font-size: 2rem;
}

.blog-details-content p {
  margin-top: 20px;
}

.blog-details-content blockquote {
  margin-top: 20px;
  margin-bottom: 25px;
  padding: 30px;
  background-color: #f5f7fa;
}

.blog-details-content blockquote p {
  margin-top: 0;
  font-size: 18px;
  font-style: italic;
}

.blog-details-content .inner-title {
  margin-top: 20px;
}

.blog-details-content .row .inner-title {
  margin-top: 0;
}

.blog-details-content .cmn-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
}

.blog-details-content .cmn-list li {
  width: 50%;
  padding-right: 15px;
}
@media (max-width: 767px) {
    .hero-slide {
        background-image: var(--mobile-bg) !important;
    }
}

@media (max-width: 575px) {
  .blog-details-content .cmn-list li {
    width: 100%;
  }
  .itinerary_plan {
    max-width: 492px;
    /* min-height: 558.13px; */
    min-height: 450px;
    /* border: 2px solid black; */
    padding-inline: 18px;
  }
  .swiper-container-wrapper .trip-card__thumb{
    max-height: 230px;
    height: 155px !important;
  }
  .trip-card__thumb {
    position: relative;
    max-height: 230px;
    /* height: 155px !important; */
  }
  .trip-card__thumb a img{
  height: 100%;
  width: 100%;
}
.swiper-container-wrapper {
 
  height: 500px !important;
  min-height: 537px !important;
  padding-top: 10px;
  
}
.swiper {
  max-width: 300px !important;
  /* margin-inline-start: ; */
  margin-left: 10px;
  min-height: 100%;
}
.trip-card__content {
  padding-top: 10px;
  /* font-size: 24px; */
  /* padding: 2.1875rem 0.625rem 0.625rem 0.625rem; */
}
.trip-card__title{
  height:60px;
}
.btn_book_now{
  
  padding: 4px 30px;
  }
  
    .page-title{
      font-size: 36px;
    }
    .trip-card{
      padding:12px 
      ;
    }
    /* .itinerary_plan{
      padding-inline: 24px !important;
      max-width:100%;
       min-height:auto;
        padding-inline:18px
    } */
    .swiper-slide .itineary_plan{
      padding-inline: 0px !important;
    }
/*   
    .trip-card__thumb a img{
      height: 229px;
      width: 100% !important;
    
    } */
    .trip-card__title{
      font-size:18px !important;
      font-weight: 600;
      color: black;
      
    }
    .trip-card__content .star_review {
      font-size: 1em;
      /* font-weight: 600; */
      
    }
    .trip-card__content .star_review span{
      width: 30px ;
      height: 25px ;

    }
    .trip-card__content .star_review span{
      padding-top: 0px ; 
      margin-right:5px;
    
    }
    .trip-card__meta li p {
      /* width: 100%; */
      font-size: 18px ;
      
      
    }
    .trip-card__meta li p span {
      
      font-size: 12px ;
      
    }
    

    /* //faq */
    .box-asked-question{
      text-align: start;

     }

  }
  
  @media (max-width:392px){
    .trip-card{
      padding:10px;
    }
    .trip-card__title{
      font-size:17px !important;
      font-weight: 600;
      color: black;
      
    }
    .icons-line{
      border-radius: 20px;
      padding: 6px 4px;
      display: flex;
      justify-content: center;
      margin: 0 !important;
      border: 1px solid #03AC13;
      color: #03AC13;
    }
  }




.blog-details-content .cmn-list li + li {
  margin-top: 10px;
}

@media (max-width: 991px) {
  .blog-details-content .inner-thumb {
    margin-bottom: 20px;
  }
}

.post-meta {
  display: flex;
  margin: -5px -15px;
}

.post-meta li {
  padding: 5px 15px;
}

.post-meta li a {
  font-size: 0.9375rem;
  color: #464646;
}

.post-meta li a:hover {
  color: #f77c5a;
}

.blog-details-footer {
  margin-top: 40px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
}

.blog-details-footer .share-caption {
  font-weight: 700;

  margin-top: 5px;
}

.blog-details-footer .share-post-links {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
  margin: -5px -7px;
}

.blog-details-footer .share-post-links li {
  margin: 5px 7px;
}

.blog-details-footer .share-post-links li a {
  padding: 6px 15px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}

.blog-details-footer .share-post-links li a.twitter {
  background-color: #55acee;
}

.blog-details-footer .share-post-links li a.facebook {
  background-color: #3b5998;
}

.blog-details-footer .share-post-links li a i {
  margin-right: 7px;
}

.reply-btn {
  padding: 5px 20px;
  background-color: #f77c5a;
  color: #000;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  font-size: 14px;
  float: right;
  margin-top: -30px;
}

.reply-btn:hover {
  color: #ffffff;
}

.comments-area {
  margin-top: 50px;
}

.comments-area .title {
  text-transform: capitalize;
  margin-bottom: 30px;
}

.comments-list .single-comment {
  display: flex;
  flex-wrap: wrap;
  padding: 20px 0;
}

.comments-list .single-comment:first-child {
  padding-top: 0;
}

.comments-list .single-comment:last-child {
  padding-bottom: 0;
}

.comments-list .single-comment .thumb {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  overflow: hidden;
}

.comments-list .single-comment .thumb img {
  width: 100%;
  height: 100%;
}

.comments-list .single-comment .content {
  flex: 0 0 calc(100% - 80px);
  -ms-flex: 0 0 calc(100% - 80px);
  max-width: calc(100% - 80px);
  padding-left: 20px;
}

@media (max-width: 480px) {
  .comments-list .single-comment .content {
    flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    max-width: 100%;
    padding-left: 0;
    margin-top: 15px;
  }

  .icons-line{
    border-radius: 20px;
    padding: 6px 4px;
    display: flex;
    justify-content: center;
    margin: 0 !important;
    border: 1px solid #03AC13;
    color: #03AC13;
    margin-top: 10px;
    margin-bottom: 10px;
  }

}

.comments-list .single-comment .content .name {
  text-transform: capitalize;
}

.comments-list .single-comment .content .date {
  font-size: 14px;
}

.comments-list .single-comment .content p {
  margin-top: 5px;
}

.comment-form-area {
  margin-top: 50px;
}

.comment-form-area .title {
  margin-bottom: 30px;
}

.comment-form-area .comment-form .form-group {
  margin-bottom: 30px;
}

.comment-form-area .comment-form .submit-btn {
  text-transform: none;
}

.subscribe-wrapper {
  padding: 5rem 3.125rem;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

@media (max-width: 991px) {
  .subscribe-wrapper {
    padding: 3.125rem 1.875rem;
  }
}

@media (max-width: 575px) {
  .subscribe-wrapper {
    padding: 1.875rem 0.625rem;
  }
  .icons-line{
    border-radius: 20px;
    padding: 6px 4px;
    display: flex;
    justify-content: center;
    margin: 0 !important;
    border: 1px solid #03AC13;
    color: #03AC13;
    margin-bottom: 10px;
    margin-top: 10px;
  }
}

.subscribe-wrapper::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(7, 30, 62, 0.65);
  z-index: -1;
}

.subscribe-wrapper .paper-plane {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: -1;
  opacity: 0.5;
}

.subscribe-wrapper .paper-plane img {
  max-height: 200px;
}

.subscribe-form {
  /* padding: 0.9375rem; */
  background-color: rgba(255, 255, 255, 0.15);
  border: 1px solid rgba(255, 255, 255, 0.15);
  justify-content: space-between;
}

.subscribe-form .form--control {
  width: calc(100% - 80px);
  background-color: transparent;
  color: #fff;
  border: none;
  padding-left: 15px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}

.subscribe-form .form--control::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.subscribe-form .form--control::-moz-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.subscribe-form .form--control:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.subscribe-form .form--control:-moz-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.subscribe-form .form--control:focus {
  box-shadow: none;
}

.subscribe-form button {
  width: 60px;
  color: #fff;
  font-size: 1.25rem;
}

.d-widget {
  padding: 1.25rem;
  background-color: #fff;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
  min-height: 200px;
  height: 100%;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.d-widget__content {
  text-align: center;
}

.d-widget.bg-1 {
  background: linear-gradient(115deg, #000 0%, #00c508 55%, #000 100%),
    linear-gradient(115deg, #0057ff 0%, #020077 100%),
    conic-gradient(from 110deg at -5% 35%, #000 0deg, #faff00 360deg),
    conic-gradient(
      from 220deg at 30% 30%,
      red 0deg,
      blue 220deg,
      #240060 360deg
    ),
    conic-gradient(
      from 235deg at 60% 35%,
      #0089d7 0deg,
      blue 180deg,
      #240060 360deg
    );
  background-blend-mode: soft-light, soft-light, overlay, screen, normal;
}

.d-widget.bg-2 {
  background: linear-gradient(45deg, #000850 0%, #000320 100%),
    radial-gradient(100% 225% at 100% 0%, #ff6928 0%, #000 100%),
    linear-gradient(225deg, #ff7a00 0%, #000 100%),
    linear-gradient(
      135deg,
      #cdffeb 10%,
      #cdffeb 35%,
      #009f9d 35%,
      #009f9d 60%,
      #07456f 60%,
      #07456f 67%,
      #0f0a3c 67%,
      #0f0a3c 100%
    );
  background-blend-mode: screen, overlay, hard-light, normal;
}

.d-widget.bg-3 {
  background: radial-gradient(100% 225% at 0% 0%, #de3e3e 0%, #17115c 100%),
    radial-gradient(100% 225% at 100% 0%, #ff9040 0%, red 100%),
    linear-gradient(180deg, #ce63b7 0%, #ed6283 100%),
    radial-gradient(100% 120% at 75% 0%, #a74600 0%, #000 100%),
    linear-gradient(310deg, #0063d8 0%, #16009a 50%);
  background-blend-mode: overlay, color-dodge, color-burn, color-dodge, normal;
}

.d-widget.bg-4 {
  background: linear-gradient(123deg, #fff 0%, #00b2ff 100%),
    linear-gradient(236deg, #baff99 0%, #005e64 100%),
    linear-gradient(180deg, #fff 0%, #002a5a 100%),
    linear-gradient(
      225deg,
      #0094ff 20%,
      #bff4ed 45%,
      #280f34 45%,
      #280f34 70%,
      #ff004e 70%,
      #e41655 85%,
      #b30753 85%,
      #b30753 100%
    ),
    linear-gradient(
      135deg,
      #0e0220 15%,
      #0e0220 35%,
      #e40475 35%,
      #e40475 60%,
      #48e0e4 60%,
      #48e0e4 68%,
      #d7fbf6 68%,
      #d7fbf6 100%
    );
  background-blend-mode: overlay, overlay, overlay, darken, normal;
}

.d-widget__icon {
  justify-content: space-between;
  align-items: flex-start;
}

.d-widget__icon i {
  font-size: 2.625rem;
  line-height: 1;
}

.d-widget .view-all {
  font-size: 0.75rem;
  padding: 0.125rem 0.625rem;
  background-color: #fff;
  border-radius: 999px;
  -webkit-border-radius: 999px;
  -moz-border-radius: 999px;
  -ms-border-radius: 999px;
  -o-border-radius: 999px;
  color: #464646;
}

.d-widget__number {
  justify-content: center;
  font-size: 2rem;
}

.d-widget .caption {
  padding-top: 0.3125rem;
  margin-top: 0.625rem;
  border-top: 1px solid rgba(192, 202, 213, 0.5);
}

.sidebar {
  padding-left: 30px;
}

@media (max-width: 991px) {
  .sidebar {
    padding-left: 0;
    margin-top: 50px;
  }
}

.sidebar .widget + .widget {
  margin-top: 30px;
}

@media (max-width: 767px) {
  .sidebar .widget + .widget {
    margin-top: 30px;
  }
  .trip-card__meta li:nth-child(2) p.trip-card-price_second {
    width: 100%;
    text-align: end;
    margin: 0;
    font-size: 22px;
    font-weight: bolder;
    line-height: 1.3;
    word-break: break-word;
  }
  .icons-line{
    border-radius: 20px;
    padding: 6px 4px;
    display: flex;
    justify-content: center;
    margin: 0 !important;
    border: 1px solid #03AC13;
    color: #03AC13;
    margin-bottom: 10px;
    font-size: 8px !important;
  }
}

.sidebar .widget {
  padding: 20px;
  border: 1px solid #c0cad5;
  background-color: #fff;
}

.sidebar .widget .search-form {
  position: relative;
}

.sidebar .widget .search-form input {
  width: 100%;
}

.sidebar .widget .search-form .search-btn {
  position: absolute;
  color: #f77c5a;
  background-color: transparent;
  top: 0;
  right: 0;
  font-size: 18px;
  color: #464646;
  width: 50px;
  height: 100%;
}

.sidebar .widget .widget__title {
  position: relative;
  padding-bottom: 8px;
  margin-bottom: 25px;
}

.sidebar .widget .widget__title::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 20px;
  height: 2px;
  background-color: #f77c5a;
}

.sidebar .widget .map iframe {
  width: 100%;
}

.sidebar .search--widget {
  padding: 0;
  border: none;
}

.sidebar .list li {
  padding: 10px 0;
  border-bottom: 1px solid #e5e5e5;
}

.sidebar .list li:first-child {
  padding-top: 0;
}

.sidebar .list li:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

.sidebar .list li .caption {
  font-weight: 600;
}

.sidebar .list li .caption::after {
  content: " :";
}

.sidebar .list li .info {
  float: right;
}

.sidebar .categories__list li:first-child a {
  padding-top: 0;
}

.sidebar .categories__list li:last-child a {
  padding-bottom: 0;
  border-bottom: none;
}

.sidebar .categories__list li a {
  display: block;
  color: #464646;
  padding: 10px 0;
  border-bottom: 1px solid #e5e5e5;
}

.sidebar .categories__list li a span {
  float: right;
}

.sidebar .categories__list li a span::before {
  content: "(";
}

.sidebar .categories__list li a span::after {
  content: ")";
}

.sidebar .archive__list li:first-child a {
  padding-top: 0;
}

.sidebar .archive__list li:last-child a {
  padding-bottom: 0;
  border-bottom: none;
}

.sidebar .archive__list li a {
  display: block;
  color: #464646;
  padding: 10px 0;
  border-bottom: 1px solid #e5e5e5;
}

.sidebar .archive__list li a:hover {
  color: #f77c5a;
}

.sidebar .archive__list li a span {
  float: right;
}

.sidebar .archive__list li a span::before {
  content: "(";
}

.sidebar .archive__list li a span::after {
  content: ")";
}

.sidebar .small-post-list .small-post {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 20px 0;
  border-bottom: 1px solid #e5e5e5;
}

.sidebar .small-post-list .small-post:first-child {
  padding-top: 0;
}

.sidebar .small-post-list .small-post:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

.sidebar .small-post-list .small-post__thumb {
  width: 58px;
}

.sidebar .small-post-list .small-post__content {
  width: calc(100% - 58px);
  padding-left: 20px;
}

.sidebar .small-post-list .small-post__content .post__title a {
  font-size: 16px;
  font-weight: 600;
}

.sidebar .tags {
  margin: -5px -2px;
}

.sidebar .tags a {
  font-size: 16px;
  font-weight: 400;
  color: #464646;
  padding: 8px 20px;
  border: 1px solid #e5e5e5;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  margin: 5px 2px;
  text-transform: capitalize;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
}

.sidebar .tags a:hover {
  background-color: #f77c5a;
  color: #ffffff;
  border-color: #f77c5a;
}

.action-sidebar {
  background-color: #fff;
}

@media (max-width: 991px) {
  .action-sidebar {
    padding: 30px;
    width: 350px;
    position: fixed;
    top: 100px;
    left: -105%;
    z-index: 99999;
    max-width: 100%;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.15);
    max-height: calc(100vh - 75px);
    overflow: auto;
    scrollbar-width: thin;
    scrollbar-color: darkgrey #e7e7e7;
  }

  .action-sidebar::-webkit-scrollbar {
    width: 5px;
  }

  .action-sidebar::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  }

  .action-sidebar::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    border-radius: 999px;
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    -ms-border-radius: 999px;
    -o-border-radius: 999px;
  }

  .action-sidebar.active {
    left: 0;
  }
}

.action-widget {
  padding: 20px 0;
  border-bottom: 1px solid #dfe4e9;
}

.action-widget:first-child {
  padding-top: 0;
}

.action-widget:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

.action-widget__title {
  font-size: 1rem;
  color: black;
  position: relative;
  padding-right: 20px;
  cursor: pointer;
}

/* .action-widget__title::after {
  position: absolute;
  content: "\f107";
  font-family: "Montserrat Regular";
  font-weight: 900;
  top: 0;
  right: 0;
  font-size: 0.875rem;
} */

.action-widget__body {
  margin-top: 0.9375rem;
}

.action-widget__body.scroll--active {
  max-height: 200px;
  overflow: auto;
  scrollbar-width: thin;
  scrollbar-color: darkgrey #e7e7e7;
}

.action-widget__body.scroll--active::-webkit-scrollbar {
  width: 5px;
}

.action-widget__body.scroll--active::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.action-widget__body.scroll--active::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  border-radius: 999px;
  -webkit-border-radius: 999px;
  -moz-border-radius: 999px;
  -ms-border-radius: 999px;
  -o-border-radius: 999px;
}

.search-form-inline {
  position: relative;
}

.search-form-inline input {
  padding-left: 10px;
  padding-right: 30px;
}

.search-form-inline__btn {
  position: absolute;
  top: 50%;
  right: 5px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: transparent;
}

.action-sidebar-close {
  width: 30px;
  height: 30px;
  background-color: #f77c5a;
  color: #fff;
  position: absolute;
  top: 0;
  right: 0;
  display: none;
}

@media (max-width: 991px) {
  .action-sidebar-close {
    display: inline-block;
  }
}

.action-sidebar-open {
  padding: 0.5rem 1.5625rem;
  background-color: #f77c5a;
  color: #fff;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  display: none;
}

@media (max-width: 991px) {
  .action-sidebar-open {
    display: inline-flex;
  }
}

.action-sidebar-open i {
  font-size: 1.375rem;
  margin-right: 5px;
}

.property-sidebar {
  position: sticky;
  top: 100px;
}

.property-widget {
  padding: 0.9375rem;
  background-color: #fff;
  border: 2px solid #c0cad5;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}

.agent {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.agent__thumb {
  width: 70px;
}

.agent__content {
  width: calc(100% - 70px);
  padding-left: 1.25rem;
}

.agent-form .form--control {
  height: 45px;
}

.footer__overview {
  padding: 2.5rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.footer__top {
  background-color: #1e1e1e;
  padding-top: 5rem;
  padding-bottom: 5rem;
}

@media (max-width: 575px) {
  .footer__top {
    padding-top: 1.75rem;
    padding-bottom: 2.75rem;
  }
}

.footer__bottom {
  padding: 0.9375rem 0;
  position: relative;
  z-index: 1;
}

.footer__bottom::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #071e3e;
  opacity: 0.45;
  z-index: -1;
}

.footer-logo img {
  max-width: 150px;
  max-height: 70px;
}

.inlne-menu {
  margin: -0.3125rem -0.625rem;
}

.inlne-menu li {
  padding: 0.3125rem 0.625rem;
}

.inlne-menu li a {
  color: #fff;
}

.footer-card {
  max-height: 30px;
}

.single-package-header {
  min-height: 550px;
  position: relative;
  display: flex;
  align-items: flex-end;
  z-index: 1;
  top: 100px;
  padding-bottom: 2.5rem;
}

@media (max-width: 991px) {
  .single-package-header {
    min-height: 400px;
  }
}

.single-package-header::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #bdc3c7;
  background: -webkit-linear-gradient(
    to top,
    rgba(7, 30, 62, 0.85),
    rgba(7, 30, 62, 0.45)
  );
  background: linear-gradient(
    to top,
    rgba(7, 30, 62, 0.85),
    rgba(7, 30, 62, 0.45)
  );
  z-index: -1;
}

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

@media (max-width: 575px) {
  .single-package-content .title {
    font-size: 2.25rem;
  }
}

.gallery-card {
  overflow: hidden;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  position: relative;
  height: 250px;
}

.gallery-card:hover::before {
  opacity: 0.65;
}

.gallery-card:hover .view-thumb {
  opacity: 1;
  visibility: visible;
}

.gallery-card::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #071e3e;
  opacity: 0;
}

.gallery-card img {
  width: 100%;
  height: 100%;
}

.gallery-card .view-thumb {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 32px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.package-tab-content .cmn-list {
  /* margin: -10px -15px -10px 0; */
}

.package-tab-content .cmn-list li + li {
  margin-top: 0;
}

.package-tab-content .cmn-list li {
  /* width: 50%; */
  padding: 10px ;
}

@media (max-width: 575px) {
  .package-tab-content .cmn-list li {
    width: 100%;
  }
}

.package-tab-content .cmn-list li::before {
  top: 12px;
  font-size: 1.5rem;
}

.tour-map-wrapper {
  padding: 0.9375rem;
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}

.tour-map-wrapper #tour-map {
  width: 100%;
  height: 450px;
}

.tour-plan-block + .tour-plan-block {
  margin-top: 40px;
  padding-top: 40px;
  border-top: 1px solid #14233c33;
}

.tour-plan-block .title span {
  font-family: "Montserrat Regular", sans-serif;
  font-size: 1.125rem;
  color: #fff;
  font-weight: 500;
  padding: 0.375rem 1.25rem;
  margin-right: 10px;
}

.tour-plan-block__content {
  padding-left: 115px;
}

@media (max-width: 460px) {
  .tour-plan-block__content {
    padding-left: 0;
  }
}


/* .side-scroll::-webkit-scrollbar {
  display: none !important;
} */

@media (max-width: 991px) {
  .package-sidebar-widget {
    margin-top: 20px;
  }
}

.package-sidebar-widget .thumb {
  position: relative;
}

.package-sidebar-widget .thumb .price {
  position: absolute;
  bottom: -20px;
  right: 20px;
  display: inline-block;
  padding: 0.3125rem 1.5625rem;
  color: #fff;
  border-radius: 999px;
  -webkit-border-radius: 999px;
  -moz-border-radius: 999px;
  -ms-border-radius: 999px;
  -o-border-radius: 999px;
  box-shadow: 0 5px 15px 2px rgba(247, 124, 90, 0.4);
  font-size: 1.25rem;
  font-weight: 600;
}

.package-sidebar-widget .thumb .price span {
  font-size: 0.875rem;
  font-weight: 400;
}

.package-sidebar-widget .thumb img {
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  width: 100%;
}

.package-sidebar-widget .caption-list {
  padding: 0 10px;
}

.package-sidebar-widget .caption-list li {
  border-color: rgba(255, 255, 255, 0.15);
}

.package-sidebar-list {
  padding: 10px 5px;
  background-color: #1a2e4f;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}

@media (max-width: 1199px) {
  .package-sidebar-list li + li {
    margin-top: 20px;
  }
}

@media (max-width: 991px) {
  .package-sidebar-list li + li {
    margin-top: 0;
  }
}

@media (max-width: 440px) {
  .package-sidebar-list li + li {
    margin-top: 20px;
  }
}

.package-sidebar-list li {
  width: calc(100% / 3);
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}

@media (max-width: 1199px) {
  .package-sidebar-list li {
    width: 100%;
  }
}

@media (max-width: 991px) {
  .package-sidebar-list li {
    width: calc(100% / 3);
  }
}

@media (max-width: 440px) {
  .package-sidebar-list li {
    width: 100%;
  }
}

.package-sidebar-list li i {
  font-size: 2rem;
  line-height: 1;
}

.package-sidebar-list li span {
  font-size: 0.875rem;
  color: #fff;
  margin-top: 5px;
}

.course-details-review {
  padding: 1.875rem;
  background-color: #fff;
  border: 1px solid #c0cad5;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}

.course-details-review .rating-area .rating {
  font-family: "Avenir Next", sans-serif;
  font-size: 3.875rem;
  font-weight: 700;
  line-height: 1;
}

.course-details-review .rating-area .content {
  text-align: right;
}

.single-review {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.single-review .star {
  width: 30px;
}

.single-review .progress {
  width: calc(100% - 80px);
  height: 10px;
}

.single-review .percentage {
  width: 30px;
  text-align: right;
}

.single-rating {
  padding: 1.5625rem 0;
  border-bottom: 1px solid #dfe4e9;
}

.single-rating:first-child {
  padding-top: 0;
}

.single-rating:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

.single-rating__thumb {
  width: 75px;
  height: 75px;
  overflow: hidden;
  box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.15);
}

.single-rating__thumb img {
  width: inherit;
  height: inherit;
}

.single-rating__content {
  width: calc(100% - 75px);
  padding-left: 1.5625rem;
}

@media (max-width: 460px) {
  .single-rating__content {
    width: 100%;
    padding-left: 0;
    margin-top: 20px;
  }
}

.account-section {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: flex-end;
  min-height: 100vh;
}

.account-section .left {
  background-color: #14233cc9;
  -webkit-backdrop-filter: blur(10px);
  padding: 100px 50px;
  width: 45%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 1;
  order: 1;
}

@media (max-width: 991px) {
  .account-section .left {
    width: 100%;
    order: 2;
  }
}

@media (max-width: 575px) {
  .account-section .left {
    padding: 90px 30px;
  }
}

.account-section .left .account-form-area {
  width: 60%;
}

.account-section .left .account-form-area.register {
  width: 90%;
}

@media (max-width: 1650px) {
  .account-section .left .account-form-area {
    width: 70%;
  }

  .account-section .left .account-form-area.register {
    width: 80%;
  }
}

@media (max-width: 1399px) {
  .account-section .left .account-form-area {
    width: 100%;
  }

  .account-section .left .account-form-area.register {
    width: 100%;
  }
}

@media (max-width: 991px) {
  .account-section .left .account-form-area {
    width: 60%;
  }

  .account-section .left .account-form-area.register {
    width: 90%;
  }
}

@media (max-width: 767px) {
  .account-section .left .account-form-area {
    width: 80%;
  }
}

@media (max-width: 575px) {
  .account-section .left .account-form-area {
    width: 100%;
  }
}

.account-section .account-logo img {
  max-height: 110px;
}

.account-form label {
  color: #fff;
}

.account-form .form--control {
  background-color: #071e3e;
  color: #fff;
}

.account-form .form--control::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.65);
}

.account-form .form--control::-moz-placeholder {
  color: rgba(255, 255, 255, 0.65);
}

.account-form .form--control:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.65);
}

.account-form .form--control:-moz-placeholder {
  color: rgba(255, 255, 255, 0.65);
}

.account-form .form--control:placeholder-shown {
  backdrop-filter: blur(5px);
  background-color: rgb(255 255 255 / 10%);
}

.contact-thumb {
  float: right;
  width: 100%;
  height: 100%;
}

@media (max-width: 1399px) {
  .contact-thumb {
    width: 100%;
    float: none;
  }
}

.contact-thumb img {
  height: 100%;
  width: 100%;
}

.contact-item i {
  font-size: 2rem;
  margin-bottom: 20px;
}
.contact-item p{
  font-family: "Avenir Next", sans-serif;
  margin: 0;
  line-height: 1.3;
  word-break: break-word;
}
.contact-item p a {
  color: #464646;
}

.map-area {
  filter: none;
}

.map-area iframe {
  width: 100%;
  height: 500px;
}

@media (max-width: 767px) {
  .map-area iframe {
    height: 400px;
  }
}

.cookie__wrapper {
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  background: #071e3e;
  padding: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 10vh;
  font-size: 18px;
  z-index: 99999;
}

@media only screen and (max-width: 991px) {
  .cookie__wrapper {
    padding: 20px;
  }
}

.cookie__wrapper .txt {
  max-width: 720px;
  margin-right: 20px;
  font-size: 14px;
}

.cookie__wrapper .txt a {
  margin-top: 10px;
}

/* Custom file upload*/
.custom--file-upload ~ label {
  position: absolute;
  top: 4px;
  left: -1px;
  width: 121px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f77c5a;
  color: #fff;
  border-radius: 5px 0 0 5px;
}

.profile-thumb {
  position: relative;
  width: 11.25rem;
  height: 11.25rem;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  display: inline-flex;
  margin-top: -100px;
}

.profile-thumb .profilePicPreview {
  width: 11.25rem;
  height: 11.25rem;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  display: block;
  border: 3px solid #ffffff;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
  background-size: cover;
  background-position: center;
}

.profile-thumb .profilePicUpload {
  font-size: 0;
  opacity: 0;
}

.profile-thumb .avatar-edit {
  position: absolute;
  right: 35%;
  bottom: -30px;
}

.profile-thumb .avatar-edit input {
  width: 0;
}

.profile-thumb .avatar-edit label {
  width: 45px;
  height: 45px;
  background-color: #f77c5a;
  border-radius: 50%;
  text-align: center;
  line-height: 45px;
  border: 2px solid #ffffff;
  font-size: 18px;
  cursor: pointer;
  color: #fff;
}

@media screen and (min-width: 1620px) {
  .col--xxl-2 {
    flex: 0 0 calc((100% / 12) * 2);
  }
}

/* profile section css end */
.mw--120 {
  min-width: 120px;
}

.nav-tabs .nav-item .mw--120 {
  margin: 5px 0;
  display: flex;
  align-items: center;
}

.nav-tabs .nav-item .mw--120 i {
  margin: 5px 5px 0 0;
}

.nav-tabs .nav-item .mw--120 p {
  margin: 6px 0;
}

.form-check,
.form-check * {
  cursor: pointer !important;
}

.form-check-input:checked {
  background-color: #f77c5a;
  border-color: #f77c5a;
}

.form-check .left {
  flex-grow: 1;
}

.form-check-label {
  display: block;
}

.form-check-input:checked[type="checkbox"] {
  box-shadow: none !important;
}

.widget--shadow:not(:last-child) {
  margin-bottom: 30px;
}

.widget--shadow {
  box-shadow: 0 5px 15px rgb(7 30 62 / 15%);
  padding: 15px !important;
  border-radius: 5px;
}

/* .action-widget__title.no-icon::after {
  content: "";
  height: 2px;
  width: 100%;
  max-width: 30px;
  position: relative;
  background: #f77c5a;
  display: block;
  margin-left: 15px;
} */

.action-widget__title.no-icon {
  display: flex;
  align-items: center;
}

.tour-plan-img {
  max-height: 450px;
  object-fit: cover;
  border-radius: 5px;
}

.account-form .form--control:placeholder-shown {
  border-color: rgb(255 255 255 / 10%);
}

.account-section {
  background-attachment: fixed;
}

.d-widget__icon i {
  width: 60px;
  height: 60px;
  text-align: center;
  line-height: 60px;
  background: #f5f0fc;
  color: #ff7e5f;
  border-radius: 3px;
}

.d-widget__icon {
  align-items: center;
}

.d-widget .d-widget__icon .view-all {
  background: #f5f0fc;
}

@media screen and (min-width: 992px) {
  .page-title {
    font-size: 50px;
  }
}

.border-radius-0 .trip-card__thumb .card-img-top {
  border-radius: 0 !important;
}

.contact-item {
  background: #fff;
  padding: 30px;
  border-radius: 5px;
  box-shadow: 0 5px 15px rgb(7 30 62 / 15%);
  height: 100%;
  display: flex;
  align-items: center;
}

.contact-item .icon {
  background: #50AD2A;
  width: 80px;
  height: 80px;
  line-height: 80px;
  text-align: center;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.contact-item .icon i {
  margin: 0;
  color: #fff !important;
}

.contact-item span,
.contact-item a {
  display: block;
}

.contact-item .cont {
  width: calc(100% - 70px);
  padding-left: 20px;
}

.phone-number {
  display: flex;
  flex-wrap: wrap;
  font-size: 0.9rem;
}

.header-top-bar-area {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin: -3px;
}

.social-icons {
  display: flex;
  flex-wrap: wrap;
}

.phone-number li,
.social-icons li {
  padding: 3px;
}

.social-icons li a {
  width: 30px;
  height: 30px;
  line-height: 35px;
  border-radius: 50%;
  text-align: center;
  background: #ff7e5f;
  color: #fff;
}

.social-icons li a:hover {
  color: #fff;
  background: #ff7e5f;
}

.phone-number li a {
  color: #fff;
  padding: 0 10px;
}

.phone-number li a i {
  margin-right: 5px;
  color: #ff7e5f;
}

.header-top {
  padding: 2px 0;
}

@media screen and (max-width: 767px) {
  .phone-number,
  .social-icons {
    width: 100%;
    justify-content: center;
  }
}

@media screen and (max-width: 1199px) {
  .hero {
    padding-top: calc(9.375rem + 20px);
  }
}

@media screen and (max-width: 575px) {
  .inner-hero {
    padding-top: calc(5.375rem + 20px);
  }

  .hero {
    padding-top: calc(6rem + 20px);
  }
}

@media only screen and (max-width: 991px) {
  .cookie__wrapper {
    padding: 10px;
    font-size: 12px !important;
  }
}

@media only screen and (max-width: 1199px) {
  .location-section .ps-5 {
    padding-left: 10px !important;
  }
}

/* Custom Dropdown Css Start */
@media (max-width: 991px) {
  .header-section .custom--dropdown {
    display: inline-block;
  }
}
@media (max-width:567px){
  .hero__title{
   text-align:start;
   /*  */
   width: 90%;
   /* margin-inline: auto auto;  */
  font-size: 16px !important;
  }
  .hero-slide .hero__content button {
  
  padding: 10px 20px !important;
  
}
.hero-slide .hero__content button a {
  
  font-size: 14px !important;
  
}


}

.custom--dropdown {
  position: relative;
  width: auto;
  min-width: max-content;
  border-radius: 5px;
  padding-right: 20px;
}

.custom--dropdown:after {
  content: "\f107";
  position: absolute;
  font-weight: 900;
  font-family: "Montserrat Regular";
  top: 50%;
  right: 0;
  transition: auto;
  transform: translateY(-50%);
  transition: 0.3s ease-in-out;
  font-size: 0.875rem;
  color: #fff;
}

.custom--dropdown.open:after {
  -webkit-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}

.custom--dropdown > .custom--dropdown__selected {
  cursor: pointer;
  font-size: 0.875rem;
  color: #fff !important;
}

.custom--dropdown > .dropdown-list {
  position: absolute;
  background-color: #fff;
  width: 100%;
  border-radius: 10px;
  -webkit-box-shadow: 0px 12px 24px rgba(21, 18, 51, 0.13);
  box-shadow: 0px 12px 24px rgba(21, 18, 51, 0.13);
  opacity: 0;
  overflow: hidden;
  transition: 0.25s ease-in-out;
  transform: scaleY(0);
  -webkit-transform-origin: top center;
  transform-origin: top center;
  top: 100%;
  margin-top: 10px;
  z-index: -1;
  visibility: hidden;
  max-height: 230px;
  overflow-y: auto !important;
}

.custom--dropdown > .dropdown-list::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

.custom--dropdown.open > .dropdown-list {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  visibility: visible;
  z-index: 999 !important;
  background: #fff !important;
}

.dropdown-list > .dropdown-list__item {
  padding: 6px;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-size: 0.875rem;
  margin-right: 0 !important;
}

.dropdown-list > .dropdown-list__item:hover {
  background-color: #ff6a00;
  color: #fff !important;
}

.dropdown-list > .dropdown-list__item,
.custom--dropdown > .custom--dropdown__selected {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.dropdown-list > .dropdown-list__item .thumb,
.custom--dropdown > .custom--dropdown__selected .thumb {
  max-width: 30px;
}

.dropdown-list__item .thumb img {
  border-radius: 50%;
  height: 20px;
  width: 20px;
}

.dropdown-list > .dropdown-list__item .text,
.custom--dropdown > .custom--dropdown__selected .text {
  width: calc(100% - 30px);
}

.custom--dropdown__selected.dropdown-list__item .thumb .flag {
  border-radius: 50%;
  height: 20px;
  width: 20px;
}

.forgot-pass {
  font-size: 13px;
}

.rating-stars i {
  display: inline-block;
  font-size: 1em;
  color: gold;
}

.main-menu li a.active {
  color: #f77c5a !important;
}

.cmn-list-excluded li::before,
.d-widget__icon i {
  color: #f7bf5a;
}
.cmn-list-excluded li::before

.cmn-list-excluded li::before {
  font-family: "Montserrat Regular";
  font-weight: 900;
  font-size: 30px;
  font-weight: 700;
  content: "";
  top: 18px !important;
  color: #ec0a19 !important;
  left: 10px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: black aliceblue;
  background: black !important;
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
  color: #f77c5a;
}

.blog-details-footer .share-post-links li a.instagram {
  background-color: #ce30b2;
}

.blog-details-footer .share-post-links li a.linkedin {
  background-color: #0077b5;
}

/* plan-seminer-detials-photo-card-rating -start */
.rating-stars ul {
  list-style-type: none;
  padding: 0;
  -moz-user-select: none;
  -webkit-user-select: none;
}

.rating-stars ul > li.star {
  display: inline-block;
}

.rating-stars ul > li.star > i.fa {
  font-size: 2.5em;
  color: #ccc;
}

.rating-stars ul > li.star.hover > i.fa {
  color: #ffcc36;
}

.rating-stars ul > li.star.selected > i.fa {
  color: #ff912c;
}

.gallery-card {
  text-align: center;
}

.gallery-card img {
  width: 400px;
  height: 300px;
  /* border-radius: 10%; */
  object-fit: cover;
}

.iframe {
  width: 100%;
  height: 580px;
}

@media (max-width: 991px) {
  .iframe {
    width: 100%;
    height: inherit;
  }
}

.list-group-item {
  border: 0;
}

.border-b {
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.gallery-card {
  max-width: 450px;
  margin-bottom: 10px;
  border-radius: 5px;
}

.gallery-card__thumb img {
  object-fit: cover;
  object-position: center;
}

iframe.iframe {
  min-height: 300px;
}

.list-group-item {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 10px 16px;
  border: 1px solid #f1f1f1;
}

.accordion-button:not(.collapsed) {
  box-shadow: none !important;
}

.gallery-card {
  position: relative;
}

.gallery-card:hover .view-btn {
  opacity: 1;
  visibility: visible;
}

.gallery-card .view-btn {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.364);
  color: #f0e9e9;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  font-size: 42px;
  opacity: 0;
  visibility: none;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.thumb i {
  font-size: 22px;
}

.lightcase-icon-prev:before {
  content: "\f104" !important;
  font-family: "Montserrat Regular" !important;
  font-weight: 900 !important;
}

.lightcase-icon-next:before {
  content: "\f105" !important;
  font-family: "Montserrat Regular" !important;
  font-weight: 900 !important;
}

.lightcase-icon-close:before {
  content: "\f00d" !important;
  font-family: "Montserrat Regular" !important;
  font-weight: 900 !important;
}

.lightcase-icon-prev,
.lightcase-icon-next,
.lightcase-icon-close {
  border: 1px solid #ddd;
  font-size: 22px !important;
  width: 50px !important;
  height: 50px !important;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: #ffffff0f;
}

.nav-link {
  color: #2e3945;
}
.mobile-navbar .nav-item .nav-link{
  font-size: 16px ;
  font-weight: 500;
  color: black;

}

/* plan-seminer-detials-photo-card-rating -end */

.form--control[readonly] {
  background-color: #f9f9f9;
  color: #6c757d;
  border: 1px solid #ced4da;
  cursor: not-allowed;
}

.btn--base:disabled {
  background-color: #d3d3d3;
  color: #6c757d;
  cursor: not-allowed;
  border: 1px solid #ced4da;
  opacity: 0.65;
}

.profile-area {
  padding: 30px;
  border: 1px dashed rgba(255, 255, 255, 0.15);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

@media (max-width: 575px) {
  .profile-area {
    padding: 0;
    background: transparent !important;
    border: none;
  }
}

.user-profile {
  max-width: 350px;
}

@media (max-width: 991px) {
  .user-profile {
    margin: 0 auto 30px;
  }
}

.user-profile img {
  width: 100%;
}

.user-profile .thumb {
  position: relative;
  margin: 0 auto -50px;
  max-width: calc(100% - 30px);
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
  overflow: hidden;
  height: 220px;
}

.user-profile .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.user-profile .content {
  background: rgba(30, 144, 255, 0.1);
  text-align: center;
  padding: 80px 15px 30px;
  -webkit-border-radius: 30px 30px 0 0;
  -moz-border-radius: 30px 30px 0 0;
  border-radius: 30px 30px 0 0;
}

.user-profile .content .title {
  font-weight: 700;
}

.user-profile .remove-image {
  display: none;
}

.profile-area {
  padding: 30px;
  border: 1px dashed rgba(255, 255, 255, 0.15);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

@media (max-width: 575px) {
  .profile-area {
    padding: 0;
    background: transparent !important;
    border: none;
  }
}

.scroll-top {
  position: fixed;
  right: 30px;
  bottom: 25px;
  color: #fff;
  width: 48px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  z-index: 5;
  transition: 0.5s;
  cursor: pointer;
  transform: scale(0);
  background-color: var(--base-color);
}

.scroll-top.show {
  transform: scale(1);
  color: #fff;
}

.search-area .find-form .select2-container .select2-selection--single {
  border-radius: 0 !important;
  border-color: #c0cad5 !important;
}

.search-area
  .nav.nav-tabs
  :is(.nav-link:hover, .nav-link.active, .nav-link:active) {
  color: #fff !important;
}

.contact-item .cont a {
  color: #464646;
}

.contact-item .cont a:hover {
  color: #f77c5a;
}

.blog-details__share-title {
  margin-bottom: 0;
}

.blog-details__share {
  margin-top: 40px;
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
  border-top: 1px solid #fff;
  padding-top: 20px;
}

@media (max-width: 991px) {
  .not-found {
    padding: 15px 20px !important;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.input-container {
  /* border: solid 0.5px #000; */
  display: flex;
  align-items: center;
  /* padding: 10px; */
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
  gap: 4px;
  border-radius: 10px !important;
}

.input-container i {
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  color:#03AC13;
  font-size:28px;
}

.input-container input, .input-container select{
  font-size:16px;
}

.carousel-item img {
  max-height: 500px;
  object-fit: cover;
  width: 100%;
}
.carousel-thumbnails {
  margin-top: 10px;
  display: flex;
  justify-content: center;
  /* gap: 10px; */
}
.carousel-thumbnails img {
  /* width: 80px; */
  height: 80px;
  object-fit: cover;
  cursor: pointer;
  border: 2px solid transparent;
}
.carousel-thumbnails img.active {
  border-color: #007bff;
}

.caption-list{
  display: flex;
  /* flex-direction: r; */
  flex-wrap: wrap;
  gap:20px; 
  width:100%;


}
.batch-date-list{
  /* border: 2px solid; */
  display: flex;
    justify-content: space-between;
    align-items: center;
  color: #495560;;
  /* flex-grow: 2; */
  padding:  13px 10px;

  /* width: 50%; */
  /* border:2px solid;/ */
}
.batch-date-list span{
  display: grid;
  padding-inline: 0px;
  color: #495560;
  font-weight: 500;
}
.batch-date-list span.caption{
  font-size: 12px !important;
}
.batch-date-list span.badge{
 padding: 5px 18px !important;
 color: var(--base-color) !important;

}
@media (max-width: 394px) {
  .caption-list li span.caption {
    font-size: 11px !important  ;
  }
  .batch-date-list span.badge{
    padding: 5px 10px !important;
    color: white !important;
    font-size: 11px;
   }
}
@media (max-width:348px) {
  .caption-list li span.caption {
    font-size: 10px !important  ;
  }
  .batch-date-list span.badge{
    padding: 5px 10px !important;
    color: white !important;
    font-size: 10px;
   }
}
@media (max-width:339px) {
  .caption-list li span.caption {
    font-size: 9px !important  ;
  }
  .batch-date-list span.badge{
    padding: 5px 10px !important;
    color: white !important;
    font-size: 9px;
   }
}
/* .caption-list .batch-date-list span.caption{
  border-bottom: 1px ;
} */
section .scroll-section {
  /* padding-inline: 24px !important; */
  text-align: justify;

  padding-block: 24px !important;
}
.available_seat{
 
  border-color: var(--base-color) ;
  font-weight: normal !important;
  color: #03AC13;
  left: 0;
  border-radius: 100px !important;
  padding:  10px ;
  background-color: lightgreen;

}
.batch_content{
  margin: 20px 0 0 0;
  scroll-behavior: smooth;
  overflow: auto;
  height: auto;
  /* min-height: 180px; */
}
section .scroll-section h3{
  font-size: 20px;
}
.contactPara{
  margin: 0;
  line-height: 1.3;
  word-break: break-word;
  letter-spacing: .4px;
  font-size: 16px;
}
.scroll-section p{
  margin: 0;
  line-height: 1.3;
  word-break: break-word;
  letter-spacing: .4px;
  font-size: 16px;
}
.scroll-section p span{
  font-size: 16px !important;
  font-family: "Montserrat", sans-serif !important;
  color: black;
}

#batches-section .thumb-price .package-tab-content{
  height: 180px;
  overflow-y: scroll;
}


@media(max-width:585px){
  .batch_content{
    margin: 0  !important;
    scroll-behavior: smooth;
    overflow: auto;
    /* height: auto !important; */
    min-height: 180px;
  }
  .scroll-section p span{
    font-size: 13px !important;
    font-family: "Montserrat", sans-serif !important;
    color: black;
  }
  section .scroll-section {
    padding-inline: 12px !important;
    padding-block: 16px !important;
  }
  section .scroll-section h3{
    font-size: 16px ;
  }
  .contactPara{
    font-size: 12px;
  }


}

/* -----readmmore */
/* .expandable-content {
  max-height: 450px;
  overflow: hidden;
  transition: max-height 0.5s ease;
}

.expanded {
  max-height: 1000px; 
}

#toggleButton {
  color: #007bff; 
  cursor: pointer;
  text-align: right;
} */


@media (max-width: 768px) {
  .carousel-inner .carousel-item > div {
      display: none;
  }
  .carousel-inner .carousel-item > div:first-child {
      display: block;
  }
  .carousel-control-prev{
    left:-10px;
  }
  .carousel-control-next{
    right:-10px;
  }
}

.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
  display: flex;
}

/* display 3 */
@media (min-width: 768px) {
  
  .carousel-inner .carousel-item-right.active,
  .carousel-inner .carousel-item-next {
    transform: translateX(33.333%);
  }
  
  .carousel-inner .carousel-item-left.active, 
  .carousel-inner .carousel-item-prev {
    transform: translateX(-33.333%);
  }
  .carousel-control-prev{
    left:-30px;
  }
  .carousel-control-next{
    right:-30px;
  }
}

.carousel-inner .carousel-item-right,
.carousel-inner .carousel-item-left{ 
transform: translateX(0);
}

.carousel-control-prev-icon{
  height:3rem !important;
  width:3rem !important;
}

.carousel-control-next-icon{
  height:3rem !important;
  width:3rem !important;
}
.radius-15{
  border-radius:15px !important;
}

.divider_tripbeetles {
  display: flex;
  align-items: center;
  min-height: 1px;
  min-width: 1080px;
  background: linear-gradient(270deg,hsla(0,0%,100%,.05) -.13%,hsla(0,0%,88%,.05) 0,#68bf4d 49.17%,hsla(0,0%,88%,.05))
}
h2 span{
  color:var(--base-color) !important;
}

/* h5 span{
  color: var(--base-color);
} */









.accordion-item_itinerary{
  border-radius: 0px ;
  border-top-left-radius: 8px !important;
  border-top-right-radius: 8px !important;
}


/* Custom Css By Ashmeet Singh*/

.ThingsTopack_para{
  /* font-family: "Avenir Next", sans-serif; */
  margin: 0;
  line-height: 1.3;
  word-break: break-word;
}
.headingStyle{
  font-size: 16px;
  font-weight: 400;
  /* font-size: 20px; */
  
  /* font-family: "Avenir Next", sans-serif; */
  margin: 0 0 10px 0;
  font-weight: 500;
  line-height: 1.3;
  color: black !important;
  word-break: break-word;
}
.CustomtableStyle th,td{
  font-family: "Avenir Next", sans-serif;
  margin: 0;
  line-height: 1.3;
  word-break: break-word;
}

.socialMediaIcons_List{
  width: 100%;
  display: flex;
  justify-content: space-around;
}
.socialMediaIcons_List a{
  width: 40px;
  height: 40px;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.socialMediaIcons_List a i{
  color: white;
}
.socialMediaIcons_List .twitter{  
  background-color: #55acee;
}
.socialMediaIcons_List .linkedin{
  background-color: #0077b5;
}

.socialMediaIcons_List .facebook{  
  background-color: #3b5998;
}
.socialMediaIcons_List .instagram{
  background-color: #ce30b2;
}


.QueryButtons{
  width: 100%;
  display: flex;
  justify-content: space-around;
}
.QueryButtons button{
  width: max-content;
  border: 0;
  color: white;
  padding: 5px 20px;
  border-radius: 5px;
  font-family: "Avenir Next", sans-serif;
  margin: 0;
  line-height: 1.3;
  word-break: break-word;
  background-color:#179826;
}

.PricingStyle{
  font-size: 32px !important;
  font-weight: 700;
  /* color: ; */
  width: 100%;
  margin: 0 0 10px 0;
 
}

.BookNow_Button{
  width: 100%;
  border-radius: 15px;
  text-align: center;
  padding: 14px 80px;
  font-size: 15px;
  font-weight: 700;
  background-color: var(--base-color);
  color: white;
  border:2px solid;
  cursor: pointer;
  transition:.15s all ease-in-out;
}
.BookNow_Button:hover{
  color: white;
  cursor: pointer;
  /* transform:scale(1.02); */
  transition:.15s all ease-in-out;
}
@media (max-width:575px){
  .BookNow_Button{
    
    padding: 14px 50px;
    font-size: 14px;
   
  }

}


.Styling_Batch_monthsList{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.Styling_Batch_monthsList button{
  width: max-content;
  text-align: center;
  padding: 5px 10px;
  border-radius: 6px;
  background-color: #179826;
  font-size: 20px;
  color: white;
  cursor: pointer;
  transition:.15s all ease-in-out;
  font-family: "Avenir Next", sans-serif;
  margin: 0;
  line-height: 1.3;
  word-break: break-word;
}


.checkoutPage_Wraper{
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.checkoutForm{
  /* width: 50%; */
  padding: 0 40px 0 0;
}

.checkoutForm form{
  margin: 20px 0;
}

.orderSummary{
  width: 50%;
  padding: 0 0 0 40px;
  border-left: 1px solid rgba(0, 0, 0, 0.8);
}

.formHeading{
  font-family: "Avenir Next", sans-serif;
  margin: 0;
  line-height: 1.3;
  word-break: break-word;

}
.fontStylig{
  font-family: "Avenir Next", sans-serif;
  margin: 0;
  line-height: 1.3;
  word-break: break-word;
  display: flex;
  justify-content: left;
  align-items: center;
}

.summary_heading{
  width: 200px !important;
  font-weight: 600;
}


.continue_buttonStyle{
  font-family: "Avenir Next", sans-serif;
  margin: 0;
  line-height: 1.3;
  word-break: break-word;
}


.BatchlistDate{
  width: 100%;
  display: block;
}
.BatchlistDate span{
  display: inline-block;
}
/* .cardBody_Styling{
  font-family: "Avenir Next", sans-serif;
  margin: 0;
  line-height: 1.3;
  word-break: break-word;
} */
/* Custom Css By Ashmeet Singh*/

.position-relative {
  position: relative;
}

.placeholder-span {
  position: absolute;
  top: 50%;  /* Center vertically */
  left: 10px;  /* Small margin from left */
  transform: translateY(-50%);
  pointer-events: none;  /* Prevent user interaction */
  color: #999;  /* Light color for placeholder effect */
  font-size: 14px;
  opacity: 1;  /* Placeholder text visible */
}

.input-with-placeholder {
  padding-left: 40px;  /* Space for the placeholder span */
  opacity: 0.2;  /* Input value is less visible */
  height: 35px;
  width: 100%;
  box-sizing: border-box;
  position: relative;
}

/* Hide the placeholder span if there's a value in the input field */
.input-with-placeholder:not([value=""]) + .placeholder-span {
  display: none;
}
.accordion-flush > .accordion-item{
border-top:2px solid !important;
border-bottom:0px !important;
}
.accordion-flush > .accordion-item:last-child{
  border-top:2px solid !important;
  border-bottom:2px solid !important;
  }
  .accordion-button{
    background-color: transparent !important;
  }
  .accordion-collapse{
    background-color: transparent !important;
  }
  .product-list_position{
/* border: 5px solid red; */
/* background-color: green ; */
transform: translatey(-50%);

  }
  .product-list_position_other{  
    transform: translatey(-50%);
 }
  @media (max-width: 575px) {
  .product-list_position{  
     transform: translatey(-5%);
  }
  .product-list_position_other{  
     transform: translatey(-2%);
  }
  .container-height{
    height:500px ;
       }
  .mb-50{
    margin-bottom: 0px;
  }
    
  }
  /* /* ----------------why_chose_section */
  .why_choose_section{
    /* box-sizing: border-box; */
    font-size: 16px;
  }
  .why_choose_section .container{
    padding-block: 45px;
    max-width: 1560px;
    max-height: 700px;
  }
  .why_choose_section .title_choose_us h3{

    font-size: 2em;
    /* text-align: center; */
    font-weight: 600;
  }
  .why_choose_section .choose_us_section{
    margin-top: 50px;
    /* gap: 1.5em; */
    /* flex-wrap: nowrap; */

  }
  .why_choose_section .choose_us_section div{
    /* min-width: 280px; */
    margin-bottom: 24px;
    /* min-height: 156px; */

  }
  .choose_us_content{ 
    /* padding-left: 10px; */


  }
  .content_choose_us{

    margin-top: 1em;
  }
  .content_choose_us h4{
    font-size: 1.25em;
    font-weight: 600;
  }
  .content_choose_us p{
    /* border: 2px solid; */
    /* width: 85%; */
    font-size: .93em;
    font-weight: 500;
  }
  
  /* ----------section_review */
  .section-review{
    font-size: 16px;
  }
  @media (max-width:575px){
    .section-review{
    max-height: 450px !important;
  }
}
  @media (max-width:415px){
    .section-review{
    /* max-height: 500px !important; */
  }
  }
  .section-review h2{
    font-size: 2em;
  }
  .section-review_content{
    margin-top: 2em;
  }
  .section-review_content .star-rating i{
     /* font-size: 1.40em; */
     width: 22px;

     height: 22px;
  }
  .card-shadow{
    border: none;
     box-shadow: 0px 0px 12px 0px #9E9E9E14;
    ;
  }
  .card-shadow:hover{
    box-shadow: 0px 0px 12px 0px #9E9E9E14;
;
  }
     /* section-faq */
     
/* } */
.box-asked-question{
       font-size: 16px;
     }
     .box-asked-question h3{
      font-size: 2.5em ;
     }
     .box-asked-question p{
      font-size: 1.25em;
     }
     .section-review-mobile-slider{
      display: none;
    }
    .section-review_content{
      display: flex;
    }
     /* -----------accordioncss ---------- */
     .box-asked-question{
      text-align: center;
     }

     .accordion {
      .accord-radius.accordion-item:first-of-type {

        border-top-left-radius: 8px !important;
        border-top-right-radius: 8px !important;
      } 
      .accord-radius.accordion-item:last-of-type {
        border-top-left-radius: 8px !important;
        border-top-right-radius: 8px !important;
       border-radius: 8px !important;  
      }
      .accord-radius.accordion-item{
        border-bottom-left-radius: 0px !important;
        border-bottom-right-radius: 0px !important;
        border-radius: none;
  
       }
     }
    
     /* //border animation effed  */
 
    /* 

Christmas Button 

IE9+, Chrome, Firefox, Opera

известные баги:
# нет снежной шапки на input[type="button"]
# Opera: на input не работает text-shadow
# Opera: на input при клике border окрашивается в черный цвет
# Opera: из-за конического градиента в фоне, в Опере сильно тормозят transitions (Opera 12.12)
# IE + Opera: В Опере при нажатии на input, в ИЕ при нажатии на input и button текст кнопки смещается вправо вниз
# IE9: не поддерживается transition и text-shadow

P.S. через border-image не прокатило: не поддерживается ИЕ, в Опере частичная поддержка.

*/
.header.menu2-fixed .main-menu li.border-animation a.button {
  
  color: white;
}
.header .main-menu li.border-animation a.button:hover{
  color:white !important
}
.header.menu-fixed .main-menu li.border-animation a.button{
  color: white !important;
}
.button {
	display: inline-block;
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
	        box-sizing:border-box;
	min-width:100px;
	padding: 13px 18px;
	font-size: 26px;
	line-height: 26px;
	text-decoration: none;
	color: #FFF;
	text-shadow: 0 1px 2px rgba(0,0,0,0.75);
	background: #f02b29;
	outline: none;
	border-radius: 15px;
	border: 1px solid #c41811;

	position: relative;
	overflow: visible; /* IE9 & 10 */
	-webkit-transition: 500ms linear;
	   -moz-transition: 500ms linear;
	     -o-transition: 500ms linear;
					transition: 500ms linear;
}

.button::before {
	content: '';
	display: block;
	position: absolute;
	top: -7px;
	left: -3px;
	right: 0;
	height: 23px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAAXCAYAAACS5bYWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABFpJREFUeNrUV0tIo1cUvpkYjQ4xxSA6DxuNqG0dtaUKOgs3s6i0dFd3pSsXdjeIixakiGA34sZuXCkoONLFwJTK4GMYLYXg29gatTpiXurkbd7vv9/5ub+IxuhA7eiFQ5Kbc8/57ne/e87/ywRBYLdl3GG3aNwqsLJ0k0tLS+fmcnNzWUVFBVMoFGx2djarvLxcm5OTw+bm5iytra2xc4ExNjY27iqVyvvwK6CpeDzuCYVC1urq6qDA9UcfPp+PHR4esmAwKK6tr68/l5/8rgQ2Ozub1dbWyiYmJooaGxt/VqvV38jlchX9l0qlwoFA4DWS/RKLxRxFRUVf5+XlPcaaT2AP0sVPJBL2SCRiAPBpu93+vKamZo/Ae71eZjabWV1dXVqw7CKwp43ksrCw8Bhg7MJ/PLDZ5PHx8cz29vYT5JGD/bSYLgTrcDgYdk6siSc6NjZWDaAe4ZoHQL+cmZnRpZPnhWDpD8kw7uKo9ML/NMCsd2tr61vkzboMrEyv138M7TyLRqMWMBsX3sMgaZhMpp+AR5EJrCocDpuEGzKg4x8khs+CVWxubvZfR9JkMik4nU7BarUKLpeLmLsKuwIqTLynp4fqmIzASrqQT09Pf1VVVfX0KsWZ6uHBwQHTaDSsoKAgo6/H4xHLEcrVyRwuEisrKzs5XrrIVAVwiUVDKRRrL+YI32ewdVhMApuHWvcj6vids6J2u90MF4yBHUZNgKoEBaRBQalJqFSqtJfUYrGIlQX+ydXVVTN+u0tKSjQNDQ1axJVl2iTypebn55d7e3v/kqoDgZU1NTU9LCws/Py0M+2ekuGincxJ3yF+18jIyHJLS0slQJUWFxczrBeBE0vE5tHRkbixlZWVfSR8gTX/0P5gH7S1tX3Z3t7+BW8qAvwSfr8/jA0EIRM/qoFtampqbW9vTw+XA+ojUruVd3Z2tvb19T2TQFEim81GgVJoCvvj4+NLOJZgaWmpemdn5y3a6BbcnJDAw8HBwac6ne6eqCW5XDwB3qVSqM9/DAwMUNy/eVLabT7sI25qwgujThCBhWE+mAt2yNc4SQKSZrOQQE1HS22VJkmPAGTr7+//fX19fRk+Zgq0trbGeFAKEAQT98BSqKOj47vm5uaa/Px8JeIk4GcaHh6eWlxcfAU/A8xG67BxAX3fwdcbYUpSDJ06Z49Ak8ZC3OL8f3YiA4PBYKdLQ2AJ9OTk5GpXV9cQiCVh79M94QtlPLDUE/1gPNrd3f0W33W4cBoco48zQuy/IZYAMnGqlSc4c66L9JruQUaSARXeT8HGKzxAqFBekni6+h46+pMzGiJGMgTOJh1yU/KNEGDvZWvfBawkA9ppwGg0mrRa7SOI2g+gxOgbJIpdFpj72PnxSnPX8vqRxTURgBQWKisrH+GThOm+CtAzoK/9/Uiqq/6hoaHfdnd3jaOjo7/yY7yxbwqkWy3sQzpS2C6YirwvUJk0y7hurfyGRrnduPGvAAMASmo8wzeVwfsAAAAASUVORK5CYII=) no-repeat 0 0,
	url(data:image/png;base64,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) no-repeat 50% 0,
	url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAXCAYAAACFxybfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAodJREFUeNrsVb1rWlEUv2pN/GqspKRSKFYXWzEloIWif0Fn6dJChQ7OQil0qd3EzcEpg0OgdHDr4CQODk7VRlLMEIVqApX4We0zflR9/Z1Ui4T34ksaaAYP/Hzc673n/M6550PG8zz73yKjn0wm83fDYDAwo9HINBrNnwOQg4MDs0ql2lQqlfdAWont7ng8Pjw+Ps44nc4G1pI9EXWaSOzt7TGO42aH5Pv7+08ajUZ0MBiUeXEZd7vdL5VK5fX29rZ+5tQiEmdxKrlcjsEYczgcynK5/BKKv/IXFNz/XiqVXkHdjUuRIA9SqdRD8or/R8Ez9fr9fqHVakUR4c2z0REjIQuHw2ZcrPBXLCA0RHTezEdHjIQqkUhEr9I4HOILhQLf6/VoOUFEvDMiQiToDx1Cdz+bzZ6bUFarlel0OkkVUK/XWbvdPoVer5fh3ntsfwJ+CJ2XA4p0Op1bpBgJyxDehQQ6nQ5DZXHBYDBZq9V+EhFUndnr9drEqoc2bwJbwGPgtohuVSwWe2Gz2TZMJpNgRKi6qtUqg2EWj8dTgUDgo0KhWPN4PC70EvXOzs67fD6/S6kiRIKeZA1YJ2MiJNbdbvfTUCjkV6vVK2hcDF8GI2w0GrGTkxM2HA5PDxaLxSOfz/cWEfk81X0XIMMFgJJ/srBjCgk8IdcfuVyuZ36//7nFYtkQyAMumUzuRiKRD0jMFLa+AZOpYwqgB/ziBVqmVBKUO7eAB/R0WG/Z7XaTVqtdbTabHJL6EK2djBaBPHA0NSqpbUsiMUeEBgpF4Q5AbZrmSJ/yEWgBTaBNHl9kdkgmMUeG7qwAq9PqovceTA3zlxlgsuswyuXsGsiSxJLEkoSY/BZgAEjRodi+uBruAAAAAElFTkSuQmCC) no-repeat 100% 0;
	
}
.button:hover {
	background: #a61715;
	text-shadow: 0 1px 2px rgba(0,0,0,0.75), 0 0 40px #FFF;
	box-shadow:
		inset 1px 1px 0px rgba(255,255,255,0.25), /* highlight */
		inset 0 0 6px #da3b2c, /* inner glow */
		inset 0 80px 80px -40px #dd4330, /* gradient */
		1px 1px 3px rgba(0,0,0,0.75); /* shadow */
		
}
.button:focus {
	outline: none; /*FF*/
}
.button:active {
	box-shadow:
		inset 1px 1px 0px rgba(255,255,255,0.25), /* highlight */
		inset 0 0 6px #da3b2c, /* inner glow */
		inset 0 80px 80px -40px #dd4330, /* gradient */
		0px 1px 0px rgba(255,255,255,0.25); /* shadow */
		
	-webkit-transition: 50ms linear;
	   -moz-transition: 50ms linear;
	     -o-transition: 50ms linear;
	        transition: 50ms linear;
}




	.border-animation {
		display: table-cell;
		vertical-align: middle;
		text-align: center;
		/* noise image */
		/* background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAgAElEQVR4Xm3d7bFbxRKFYen/+YuDAHIwBAFBYOdgyMEQhAkCyMEmCBOEr94pHtVi11WVkbT3TE93T3+s7tk63H/44YeXX3/99dbr999/v3333Xe3N2/e3D58+HD7888/b4/7tx9//PG89/rnn39uP/300xnTtd9+++32888/n7GfPn26vXr16nyO5ldffXXGN/+PP/4447r+7bffnnt9/vrrrw/d5kUvustP8837/Pnzode/1mrt6LRe/H7zzTfne/Sj9e7du9svv/xy3v/+++8zDt9n0ccreaPz8ePHJ71oRKt1fG5e86NlXjzTSeNcT4+tH+34jFavPkcnfUSn+62RXI1p3v0hyEsLxXA3379/f/v+++/PoBilpN5T3tu3bw+xiFqgexRjw1rARraB0epeyl4lE6oxMRQvvTBpbGv3uRc+WrONIGzKNx9vvXctftrY5lBYPFk3maLftXi0+TaOkSVTuopOCo0X9KzNoBpH3u41vu9tCqPqczxyhPuDyRcWFNNNiMmsrOst1j9eEUNZU4R6tSihE9iut0ldb250zecZbXpMNQ6zvXctJccHK2utNm7XQbv1Gh9frRHd+CAkI4jX+GhstBrD6xvLi//666+j7P4xul2jeQyH98Rr19dbGA9a0S1K4Cv99vnLly/Hi6PRv+MhLUC5rD1CLKF7WU7W0KQYFc4wxV0bc7/fn5uRpcUsN01hzaGQGOfa1uC+0WIklMzThMvoN1/o4TUssHWj8fr166f1R5fhRC/58blGkUzCXPeTq3Ub38amyJTcBkePh5CnMckrZDWWgQvpfbeZZ402pIVtinjN3SIeE/KEMMbFIuwzixZGYobL5m19F4NTmHwhLwg9vKbvfU6g/lEib2O5Qu565BpU/HRPHlkv7R6Z4lXusBnRFnJTaBssOrSx5sohvJ1Xb45rA4suQmNrdF8ejfb9schLAyR0BDEkscVU+aNdFE8TkPK6H0FKZe0WTXmSLUuSs2IUiGhenxOIcVASj4lWVlm+Y6U2mIfLBRlBvOG5eYWJvnePZfcu0TbG+oBCmyGM8xJhLT6F33TQdclcDhZBbBBjA5qa3xr3UJaQIoHFWBPbgISOqZhvEcgJUwkXE1mXJCleAwbRF+cXHaXgYmvvy1jMZUmStETYXPNTKFTXOvJA7yy9MQBAIUsIXhniXRwXisiSHCkJj83rM6NrfPchzeRMVwBI94GI1gBQRBt5j1FE+4SsBq5yWBN0svBSfMyCoIXmpvDoSL5yiSSYwlOcfGRzWazN5D1tBuU2t+82LTqLXoRIoU94W6vcnHXNUcACRXc/vjIK+UEkkJxbS35L8ZBn420Sw0CXgUji6TLvxWdGf39cOB7SYOFCQnQNjFtMbfdZTYQXunJ1+L0NyiKEpuZbD5rh+tGh/HhgGFlZTPdd3eE+NJdHCx+MBoSOV3WI8GqjGEaJu3EMS/5obfWTcCMUGkvW1ssbodWFxjYxnTIyMLvv98dCL33grk3GtPibgBYAgblbzGxs534pimAJDSXJC4SIXvPlLnRbL0uLlzaO1S2MTuDGUURjhEvvAEk0bF48CCs8Xg7qu1efeaK8lkKFa6ipaxmrXAhcyJ8Hzj42Wm3Td9A5eTMicPv+mPRCkE1wih0JTtJusQRK2THQe+5avokO/C1spISsK4a4pxDYGGunWPCVUtQQfW8saBoPCbChonsgJQ8Xiha1kTF6i6DaVAqWC7rGWOQVGxm/5aX4aO301Hvfu84IXWeAwhOkpjay5jOHcHPKjoDkp5ihiHaUBTY+4mqLrkNmFsGwmNl9OULiJyjEB0zgI6VCdW1oQuMZlhcaFkZv7oL0kiPlg9FCpXpAWGkcOYED0Lc1oDIhVwHM64owGSOjFjKBEPA373PvbAhrbqIE2SIKqN5Vt1lVBCUmSIfbqltYXEz1EosXhehl5T1itLGSe/OyOp65fZ9tfagDvCvG5EfKXQQo3ApR0QMk4jvlq8cao80RbzadXDoA+NVH09WQL+Vc9VXvdJ4e7o8Bp5dlMbsslrP+xrQJW9Fu8ZVyxc6YVSyCo4ROSL2y9UK9pOZm/b3UGEIRoYUBNFsDTV4Y/8IYZTYv2puHFJ3qq81BIkPXbNCiQMgqpdoYeaM15B/wWOSIDwhMiwgIOoUhS4O3hQL5YKtQISnLUylTEAuzqeKmfKMbILREwwaLqaxvIW/rqIMIIMdx+5Si4pVAWzdklLL6HF96Vq3X9QUX0bZOhsMgbKj8o2gUrpvHqCX/5kBbugTxkI4gQbkxevLPCVkU1kRwUrEjEacA2FwYYs25NctQw1Bi9JqLKbHfhoKdEr13GwIqMwTIRxjjlRqL0RcWG7O1QGMYG+NJdhAUwhQek7eN7n6fhSH9M56rnxWP8atv1nrJ11ryaGO6pm7bznW8nDqEQpXvKdwusgaJKoUr1CK+0E8yjI6NVChx4RjezYiuOA8d2VwCCmd6UbqrOs3R4HXxC8IzhPhKScIaPvOArZ9EhNYV46OdovoudPmcUuOBUfEoEUVN0wYL45AfwCQXMYKzIQmhUNq2CQzfwn1WlG3roXsW5qIUluAQzMLl5gtN6o+trruWMuWSLJ2lMh6dBR7H+hWzLL958Ud5krs6Z1Ei4xMO8S4vaYNEU93CMzUpbabaTJe7sqD5Nleope/mndbJ4/1lc4HYx4qEClg+ZhNG7KcIeLqFJUMMAAwL8xRzkiiPskGtIwk2puvR1X5Rt7gnP6l7tHV0FFiojVK4Fk6iBWarHygcnHfYpoMAnDSvNdKhbi4AEG/Wd04j3DkWWMjbmieHtIhKNsVEXCWp0Ik4JUAqapYSZxYhSdqIaCzaUVlv804oZFkpUqtGHdN7mxGfbbiXWN09BVz8SuKFS56XIng5uN3aClYeE22di+iKBopWHslTGTDeFoy0frzIUSIHL0nn0Khy4bkhG3acZjUxQbQvKEqPJisBCFiDrqpYCT1I6s1RdduwapCY2xbJIqA2RMd3G4y8QFtF7rKp7sdb9Fgw6MpqtW/ks3h2GKWuAF2VA/jYkNf6qn/3KZqHZji62E5qo2HzTshiBSzXAwkWiCi3lmsi0Iurp8xe0UAnYYQgXhejrefksOsUqSZw9pBitgiF1Sm49/hZEBEfNlxrBqJqXCGCR6+Vdx24kMgXfdmI7UHxxOQhHx61ZnpX/LVu+oIchcHdtPvDcl+2weVsAuLQphDrGwtpxZzK2Q6LzYWOFhfmYloI0T7fpA9hGcdIwMWEystY7AIOUDnLk0xTbp4Hianc8R595zjqlTaFcrTZGZ7CsfuQY+EzPrbqVmuIEGojevM9770CmWS7Py6+ODwq3MDbuWwWwo0104SDFCiHqDy7ZkNZH5RhHleOmVw2q6m9oH0iOUM8wAQQoI0v+W4XWlsHbO+epMpy1QSqeDBccRfd5slJrZteoKRkzNCAFx4vhzRWhGhT5DToTthXy/UdL+nx/lD4CVksh9WyeJYENlKQDYkYb1qkEz01iqZgXtYGc9VFTAq2xsDxraVxGD8eUYIK3QOp8aGNoxvdOGgQIBCe9JjagO1bbS2ji2CToqHtw6MVoEJa8reGKJKsugDrUYw5GeLleabOurmx+JwgYKvYiiFVOUGEF20EeF1bXviTbyicNwEE2vkpQHxemKgzLA/Fj7okb8vremlj8PS+m9PaDAXk9lBd71rrkJbmKlTF4+UnDUJwPZp9Fkah13TDq7V4AKLu3R9KPN1ePSJMtaCCDPzEpC6wjRIv21Sur70udrdoSmCpii8bL1HHlNCzRR6LlC8Uac2LP55FuXpY8RTfDo825LbJbWCbJEelLLVHYxkhDwZIWg/EFY7UTTzAWsCKrrnoIcqIRvHzn5ClpUFYcbrFTe5aAkpSMQySQhTqGu6qisVw10u4vWKueduYhNeFE0WhNkMe17W+b8HWuiB73qq2Sp540CoBwUHr+NBsZFRi/eahxqlHeB2Zt9cl/OXpUGZ8QXLRgQTpWK45Ty5KxA2MARDPRizSkTNgeTkB+tFMZJViqeo9wdUdzcWcvGCju05oXgABic28jiWD58mjVc9jFWDyDHQkFPYdYOAV20JJgQ6bJGHRBCLsO0+/rtcYnYY2x/E0dNm91jg5RLKJSBe7CdW0y+2enfQuwalVXBenHThBJBTA2lMUECDXHGker5TESISa1tHf2k1bgOAYAZLjqRAWQJLRaVjGDz6Su382aYtchR3D2rAkZCkSV1bhntzqLvVcIdP68XVgrxDQjYWJ4iRFxRThEkii65oELEywYm0KIYm1c2UIhkXJMcKTp9KFl6wzC9MT4gG8xQYBHHuyaS2tGHUAK5WzWDJ9LCiBSBXKPK71JfB4UqvIT7wOaGqtDeXC6KnUxVsWkfAUixA4rIWg1dy4LGIh3aKZBIBmwFmJM9rgdgI56Io59EMieIBOFF/OIVh5fGwYBDai3WZkRBAeS2WdjdnaA7ho87Q7nLXgm7dsbpJ7bH70RZstZhn35umT1HsMKEEVRLC+BlhKijmWK9FK5PJN11XmQkOb2P0YZ2VbE7BQCRVz2iHRI3zzNkes4tEBNrRMhB7epYhTdKLJyrWM9qi3jbJpjct4VfbxxyDRirbaRGdBzdP8xkOpDFSP7Zyp1+1lLQ3c51c1FVkixVG4bmVMR1z+oawE86hp12JM7rChmI356IK3fU/Ibcnw0gzIySZle4g7XvJW4EIM97gRmRqHBmvuWnxG8/8hRk3MxshXmpaULJ/wmsY6eYwXAAlf8p165+QQ8ZebQgpQhr4Ua22nWZlNalEoxXk0oVkPJKE2kcy1IyRrTNu8aJdL9gyke1ocC8nlQGurp/zWRcFmc21KskNLi5ogtu4LqbVN0CHrKtam6nLIwbxHSmB0azznYesmNjiF9DkmtnDTolB0xVxjN3E1T5c2BjyNp/3OgqEmRRKlq3RTrnbCWi6rZZHxEI1Fa41PMfKRcFMoY0yNAZPBapB9H3zjLdCdBAws8CB0eaoaJJ1p4eRNgITrvAZy7HufzxEuC1OQNXmV0nfP1UqMjQVPISRNyuh5pklChLtZNmsR3lTbejoJyKPcIxS8jxfWDutDQjZffowXylEnNba1kmVDtxZIMoG8woxKPv48buteNDRp+wyQREODlsx9l58Bk5PUdR6zCrFdTnBOLk/0DiWxeiFI+PIzBmFMIvMkX8KrnCE7MTkh95SSQClIjmIsQoh6I551WgkqzzkMgnTkK30xSk8+Gy9/8bTk4xkAiB8iKR32pwvkjI66Y5/jja6wpdB+nqnvZkhQ4CoYyvKU/ZqDKWHjuALJJioeFZwE9EhqygZpje27brCqe4tRbRiQsvfG8bB400sSw9G0afHZhiePw7Tm6cOlJKeH4j6U5URRqwV851mM9fojn8ZZT4rA5+n2Ppg9P0dQGTufAPWgo4ShBCCg79yTGzfeGYOQE21zetflhMLEdPB1k7pClMI3x4DaOrhC5rW3ZkOSSQ6ITxA8OimwNRjWHitAVR4lchSh5lDht456LJ0yCsauKBQ6bTJjjLfTXOwGxNPFGAM/YwZ6Est5RvMUfkCAoi1moYeUKkb2eRO+xC23qGAZhPi+/bR44+qFCkYgrEXfGEgHAGGVzRHq9KbaDLXKdrr9BC4a8sJ6klCZbPHAEBsjKvD27gtleGucds5pLm5+oNiUz1q27tgOpmd9m89qsjYQVRzXMdX/YX3QW0qVd7QfKHkfxAMeoD2CCXkKOxsjxMafSn2LQjLKgVomThXbgF6rzN3Y7oHsmx9ttqJYrtP22RNSsDyjT65zHhIDV/dNmC3MIJUsWSWq0NF3Us0rjtoAv59QDQsVEF0bqTdloxR2jdGWjnbMxxMFASMaoBt2optBbK9pN7S50A5PzyjAb4VqSs2g2uyuSf59pmgRoLGMy+FYipYz8Nt6jJTna80/TwwhIQvqTxFSiNjw1WeWkbVEwwHSdoljUl7hNc6koTmKiA4BNRC1q8Vn1T+DcF1RuOcoPqd8Cbo1hVOIjtIgqd5bR4iBiOQneQHaUv/ItZqFjSv3uM8o6Dn6OgDp8/wcgQJY+CbtCIjvkENCKsgSDlJJyI29Ck4IZL0EgpFwWSy6HoDwHJfxjnv1leJFqx946B4rBCe9y5Xuk0kuk0e2KyuP8qiUqPnZeE3GPEbdAm0VniArzxY3XldCjknuYzBV6sIH1xQbeYWYSsGQT+Mxw531mcR317cQNJ9SszJWzhi277XWK2QmsJZ+a6my1QN7WET5QEn0NrwlVxuVwh3QRU+IBFQaA2mRoTnrDRI8z2kcb4S65OYN8aDvs9ur5FdzxDAkob8veWtCQiRgHOtgNY23MRCNRKrZl0A6yjyxa1mVzdaCYAAE4pmsmgHxGKGSF8dPdIVJYVl9k/K0dORQoZRF61pvHaRrse0Rp4uihkeJ4kGdx+MYXPycB+VAuWs/ScJRIUum8gTFySXiLOicgvTF5Cg9nGj6MT3htpUP22vPLNQVj1mpjbNB5JGY+94a+8QJo9GjwoPw2ruH5ZILqNGuAYIYa+/xQ1dkiYfu+SsWy2t08ZZMjTs5RGxXwXYz5UdcWJDgWFVjFUZXi93upWoY4vGgth/cCIPCSXPF+Y3r0Fnj5YgNb43dKh00thEUoUsbPRYdHT0pym+eTrCYr4YSDtE0Bw8Lk9VpvJPRR8MmxIcQfApDfR6dVIVNg7LwhcC+CzN6OTZBeNF+EIaiJW6Ll9ZJ0BSgfmE5YLBKuk1NkR4ukOucAhqvbmJg2iKaeeoOxSeUAxGBp6CzPpsaTajhTX6iDbpuE3KhtTOS1kmn+yiqgvKErBTD8iQeKEHMFA4kVb9LV3Ok0BbUn+r7FmwSZPQgKli+tT10oBkoFCjuWKMwpV8GNCSkqt0jNymMcjKkPttcHqFdIs/0zuIl8+RI2c1Rjyj69NIyhj5rvPIMgAF9Xo8XXQKF9fPnCA7jWZcNkg8W9XQNmmoBcxKk654epGT39yk+x7RttOahNdeqAAugw29CNmyZp0AV3/vu9xx9Bn3XwqGifTRHU7XxIOtu2IKBvC96ckZrMz5hnQzpcJ8DaK7mIwB0coh4mtCIQS4YbiEWr2WuV3MNAdBYc1WzCdm45uhPJazqVh5zfkKR0chYmssKNTTB9WPS/ybezT/d5/HJ1VoeS4outNMYEUHDUjgDYPLEPabQ6sjI0p+wDmI3XhiXWxapae/Ie8l2ur2FLPErBenfYDhmVdkb2/X9haktqJrjMKZxjk8lZtVwzGc1Me6ejec5EqpcFA+Yh6ZsRmO2exBP29ruvo6wRCqkyEMUa5OEzMbLYcILT9t6ygGYfGlDGWn64rnpRt7h3efEMEYb2OJbRHE1YYICLUKYiGm6EWzb5uAxQVjuHv5HKwY9OKYbALFAJcKfJ2VaZz02Oqpom+mgjKF0XQ6Se4TbNlBbnAFCZnLetmw0CuOz++XW+EHPsbYSQo6S3xSaisRTGPobiWoGMVifXj/HgT6L3xZKDGhD+H04bK4huHFcMmMIbZr6gsdGU0s73tAzdlEOo1FktZYKXj/LJvIOP9hU44gQNsRGUNZ6TTwwQk92dg3qZIQQlQ3QdGQkclTj29DjId30IEBxkvDaCOoSiAVSUPXC7GqJbV97qNrPyOQkuQUiUsSJ3cIDb1zgICwkrDwAPcWzUMKihTL3og3Sb6iKnpqqMZCVpycp1WEZwNN6C7HTw/4CS2glQ2s3VzWfLnRG7g9Cz0p9i6WFfJSY9RmjBdI98RXk085m3d33T5JF3yaKsQsn18ooR7HWPCEW2FBFQ4QQoOq5NRwHMKY2pM9qFc1RhWw0hRln+a1HiSr8eLWeyBEfUoBQKJSnB/Sc0TT+2X4vdIh9ziAawC1jQnxOKZLfooSu6V3B5M4DJG+5gADCgrjsTEIXQPiytroDWkvJvG1bMDrYEJhwuElfO0fLXHhpDUqKT1V/6/TPb0qMw9PCd8hze2PRUf/ImXTugO75kAPrSighS22yqMhnDTlQlPeAtuJ7QrsW46pdgOF6eqaajuFrY89cfbAU6EhWNd09Zxldax0JnPcBI42jsHjTOeDNKV+3to3RfORpYC2jUSQnu1ALfTJIOYNHypN4fP4BM0wq7yU6StTRFHIglt51MiXDvjce5OT+TslASaGgcX0WixWd4rtKmaCqfQrY323oM8kR4Lc6Z/OAZM2zxHjoL762rSIqtDE8WoSQ+/S7eK58weOb5/wcSGgdIe35K1zCSi5a3eqCmAdLJfUIeqzSZkAL3UuhMPrGzNPV/PdXvpvosjihUzGYEtCQR/JKiZlhyAk8k5LxCj5r+ezxLz73OTPIkMeC6incQRSQwyDjFcy1kYwPAIgOb+uaMJkcjT0POcRsxHPpRTOIOPwhbG7ujyoj3nxxWthT9W/9ojbo2lqIlgIEIzHvo/6LuPaPuaQ8wAIkj45NkNfiVWhL0WA0Kxequq6bkCzABd2Ylz7orHs8x8ml7oJEDlGC5m1G/PD4Y6jBXoyAZw3ScMwrFE+gZUw0VgPRRkSn61sw8hyxPFpCEGuDsKChaHjQIVo2Uf1BEMlWa6L3lOTsXGPUsW/zhNLGbcNR/oimPATINE40UB7El2ajaLJGLdzqjsujQimkFq/4S77TOsFcN7j4WlzELL6JMgFjVF6x2yrl6MUQbC8PQT4EyKolZzWNmMylY1bBqv0QIBCrvQu5601+9COcLpwWKvC6rSPW32bFexbuPId3owWN2sw2dmEwVKjTnSw6DLz6/HkmrROWa+d5SArSxEvICGmx7zO8FkgIoUrXF7RtDQjOo5hbxzRXn0qjc/tECdV3Zy08V7WvswCOdl+YFVIpJFrgajQ9DK5Iljt5fXT6xxsWMQpJooOOBDjOs4EYyMsTnJBca57CcIsbFk0RLJWFgId6My3WZ53M5rUBLA0SEo52c3RgN1yI/c33t0rEbE05R7Epaz02XpyjX9sv+BCWoa3GRbf7fh0MmrYuw3QoFn9bXCY36J7CeYougdCuuOaJ9Np1aLS5p5cF5i3WFtcsyDK4qnAVYQVWnxVUMdTm+gF/48FMCdtfXNgagBJ0QnnVbsLmguY6Z4Faos8aJVZISki0Qap8HWfGBUGlE+fu8aYcaJwiLxq8g2yATVFEaPXctPyiFlHvNeegLJiaEJ5JMpG7xxB3lJy6x8rkAl4iL7RJYq9ijFdqXahVICOVbu/RlTd4cLzIfW1QCmF9cqFWuzyksaeKV+8I034jyXqjv2f8bWLrQH7mAQo8TYhXSOqmSws2wkYuaDqtE6gp5UI0QoyKGbSk/G15RJACJW4uasMURguJt54wzsmgHpBCCizOQ6NFGZBWGyt8xgtEKIfIT723EXJI8giNYn3zu75PXILjEnVjGBzAAUkKwY4bPIEJVPj/eMWjNpS66vmjT+hAISOZ9Q66KtJgeQvHyD6Vt/CzDXCPMuUXhaAqPXr6aG2MWM2reBNLFEqEUWHWwxLxrr/UZwBF61uNIR+C/+oNXpsBbE2zOmnjur+diS2KbVLz98EPiPH6v4c6G2L37RiXpVjCOCPnDZDGPp2xYUCdIRQ0HrOKTqHPd5B4k568wjoXbRUKW0dNlPE412keuJ41U0LzIbOtmbqWLKppdUjr8h6VO9nTjefLoKXWlMeMi79eXZcDFZMMPh2cpA5f85ImiJ2suXsxpQptjJh99a5tumk5tFgWrx9kDVYpQbZGyoPN5S0J1QFQgpoLFLBW8nRfi1sIBHUb64HweGPhOgjx1wbJI9GhOLoBNOK5e40HBrROGFb3ra1ItEH4PhuiMOyLKrXPrMXJHnTRGP0rkHOfzRLyjIkWaLe0uk4QoaQNTpDr/9pCYRYPC0D0lBSiDtc2hyywAAIAgubJbTY+XiAxiKt3P5mIhlYM2smvR4Yn6M0jswxbm2TbKvpfeftBWawYUpEbCKCVkuu2uMrdkyHCDGESYNspEiyvAlVtHqzffZ7CxcHla1tEfwx8xUOCy3XJ00uBFk9dixakJf9o0cidbRbQwWN1JBSgCkKwn3zpyGNFwFFjGJMcLJw2T2fh5JAW93CB/ODsAFMgMa9osxKUS/rfwYm3hNZPEv8bL2lyb+GnNdQ7CrjW24Mz8Flip3SFbEL6PUZrUYjQpc/FGOQJIMJ1p5/CYfyrsKElMslVGUn3FIdAg4iT4qOfTqJvo9FN1hOybAIUJEkKKSDjKhV0XMGa12ISl0TI6lmSuWIoJMQjhcfuxywPk6u0X6AgQEGyb33VfZ95q8316Kf+kjCTnGTQ03NIhnd5A1IDENpocxWqDK+xilbhV42noperTlI3WByULLvOUlK8UNA7TxFaeAaL5frqAOhLYac63ed9o+H3HQmHD4psLYhww0WC20SerfJmMBQJ2bBK/JivMmcIOsJQYBsthAvtNkfYJDtw40CKl253OBp9Z/zPv+SAQQIotOyckOWnaC2uPdJCvIzrg56s0GansF7RTfmKsBStF0SQ7Yktzof0dBR6Bz3jSTw2R2jd38WLArqy8dQ1h1RgcvTkr8ZGMwXmEZ7gB6dbN5n8TI6n6M85FPOTPLoFAJL/bIgkI9SwXiFl+0tNAv+6v5hfLmKN0BOBYkQrXHtlrYqSVOvoi9EABWOQXG0k75SLWB25PG0pzPTurMMztvucGKgaX1DR5sD0Fg82esOZYtNTMvKGTgVjav0+iwbP/9NnuwUnx+jG5bNzjyPXXjand81EbnyFrMbENDdWiCWgBwyyYAc/mzzBcJvG+vEKnaANfovlDEKYAlm1XuKlDVBfWRvIaP31AjnKhi+apJs2Sb4R2vXQenfgt7JZL77Pw9Y2wO7D8WoIjcAYV2xte4ElYjRFq2NiLsZtmo5va1lPiHEGom/GusBibRWxuHHcHg3hBMSND39vnRwKQUUojyMvWmAsBLkQWt5l8XmHP3LHcjUAAAbmSURBVNCTrOlJ7hDunRUxMC0XIesgwEIWl24C1yKsyhVm9lyV9nNCxZRGnFwUzRiRD2wIyJjCQD/JUUIXzxWU0VCYLT1n1B5Jglwa4yGK7ahuqwdsbo6nK6HB5Y3nQpqqbPkiXpNpD5uS3X0AgI6BHzzHnzx1IlF1iKQUcW3uLfqyBtVqYaHv6g9e01yJbvMKhlTHIC8ripbErj2yIUNYxDTavjcnZclJelrxAiiIz9onao+uqzP0n5KDbHsenpz42z4blNl66g6dcN4LVGgHxa8SQ7XPG08d0sLtcAxCPzEoX4jV3FO46l2iJIi2Q9+hColzQ0S0HWD1rhCk8L43X9iC/hRewth2FRqj7pCckweU9cNLYKHxlHvtKFNQio5mSjbfRm0oZwhkobOFtUKjTZSnmwOlnj+toUd0/ZEMJYB6rDolRTSFtWAurxHHExKwe1tU+qENN9fbEtP3b6HHoIo3PvbvuattKDPBjIFuVPT4WRBBwUKj2iWZAAJ1h9CWPCyfl7cGtISnNt+zZc0lm6KTcca7dvx/HgN6MHX+xB+XFOuEEQdACe3BBD2dNsbzUSk/GjHraQpVabTkmv2zGIo8sFVbIyWCsF1TnCacxJ6wNjTFslY8geasj+e3JoVuuBHzU1KvwssWfPtghc5CcuFVWAeRebBGpKPsdLf9um0Fte6zdZICnMoRjiVDYS3qAbmUkRBdE+psau96SIv5AQEGQCGEYakAgX5YfCyk3q5w1/WswMyUxFMkcohHlSw5RxsKWo/uuvpAh4J8rrdOmyP/aNd4Z3yOKdIFGUWQrsU/TzxJHTpReLkJdbUgBe9fKGieUz+EWYw8k3Kb73mpY36Pl9aL/pTrqvPobGG54UG7PUEUVvEhPEZrnxKMBxBTEQwN9t48sR8Q4NEeQpeLhDLdAnIzMl0LYV1eEyXklHiMVv/o9EShx3/O/2EnQnZtrYaihI0YtaNgrUKIkhvjyDJF9Fpk01r740sWuAkYdKTMeNP1TYl7BqKjLEkndC/PInva4xo+hFSdCUrWDFzrVdDKJTZSbopPaNU6CzCUD81XZ6np1DnNO89lQSpcvsl93tojBli55Cfmc2VWDTH0XeNPZSrUtea2MqKp4oa4WK66IiU7LhYmu9YaPGKtfVGh+wo2/ydT84Vj9DcHNSaD1O1WADPc5JVrU7ZiWAhMnngEv3l276C0ZujzgGpPxSATDxlYUNXrXFnV3WKY5hlCgnYGmJv1wetaNRL4HpFmDPv/VGeBrbO1EE/quj9NznoVuYyL58iJwhIj6TsPAB6gpFVmCvdwnHrIo0qtRcnN8WS8ukMD02mlbgXkdx4DctatKylfKAAbvA1CrQud23Y3RvxPHx3UJKAwpADTlvAgHDenLJudUO4JKfiBysBFtQrDUP2qr+SX7QgAJ6ryrQnAVflR2PbcmTmtDzTQkWITmtLBSC4eLunLkaJI9M8vqBqwLeIGUFCTFHvqEr2XGBYnNzmvtRCKpywqu4YFMBOokKuiraNqnXjssxzDghM63h0fUJBk6zRROI5GhsVwhBfwVRSwTvR5kdDa9+67d91cetomKiMzT3h7tt8xrjnXAOjIeYO+UMzb8awQSkuRnraIKRVyjFIkBlgxkNB6LLn3Xh4MkJPWMuOBp6jem6MfxsAcPCky4zUDNLc5woVNaSzj2F4YxNR84XxrEj0xAEmV3xryBrrqHfqDcE8dEkMSOuShRyRZsTCHShSCsZTlSRPuGk0dXK1t7t86No1VtwY+zGVta3XOQSTZLWLjK6XLe+I9IKKY611dFO3kZLV0gK9k3HDFE3gIwLOGymMbk0FrUlq/NTdPJVM6PygrpYGSXDrlut7kPqtHoK0WUjcIcVt1S5ILDrbxCLtrgSRQL3Cz99Zg5RJo75SpCGT5AAOvcuYCORI82jtWZQ2NxYccRKbGODX0fG/rUvYeI3s0KBoQIW+7PlsGcbbOKQwlZ4JG2K467xVq/Pk8AmyyTgnr1gT2AICiS6V9DYEqZjlEntA+aXyb1pq6Ab4r2MR6yClaaqDoxyMFav+HmNQeeOh7NBRyjIai1WCtJzmDu6KACr25WjrJ5DkCnt13sPo85KBVAuGkODXEYm4oRftYs20PnRSHFBIjrPF6D1hYQYzFCwWpfIUekJXlN24PgHjfhkzhguf7fk3I8QCWymNCtcKOLtQPkB6E1jgPcTv7aD0dcFGAJybP8cjHhxOyQN8IpkwvCEzyY70R2GJo291++CJhs0jxHbZX0fZ9URNYDR6mMMVhinFmwxAWMkfHeGEs+vjWsealurAq8d5TZnMBneYAOfQidOlgADYMYGsbeVGkiJd0osmoDuv6/wCiiw+ViXMk9gAAAABJRU5ErkJggg==); */

	}



/* //end border animation effect */
     .accordion {
      .accordion-item {
        background-color: transparent;
        border-right: 0;
        border-left: 0;
        /* border-top: 2px solid #DEDEDE; */
        border-bottom: 2px solid #DEDEDE;
        padding: 12px 8px;
        transition: border 0.3s ease;

    &.active {
        border-bottom: 0;
    }
        button[aria-expanded='true'] {
          border-bottom: none;
        }
      }
      .accordion-item:first-of-type {
        border-top-left-radius: 0 !important;
        border-top-right-radius: 0 !important;
      }
      .accordion-item:last-of-type {
        border-top-left-radius: 0 !important;
        border-top-right-radius: 0 !important;
      }
      button {
        position: relative;
        display: flex;
        align-items: center;
        text-align: left;
        width: 100%;
        /* padding: 1em 0;
        padding-inline:.7em; */
        color: #7288a2;
        font-size: 24px;
        font-weight: 500;
        color: #08060C;
        border: none;
        background: none;
        outline: none;
        
        .accordion-title {
          padding: 1em 1.5em 1em 0;
        }
        .icon.product_itineary {
          display: inline-block;
          position: absolute;
          top: 13px;
          right: 0;
          width: 22px;
          height: 22px;
          border: 1px solid;
          border-radius: 22px;
          &::before {
            display: block;
            position: absolute;
            content: '';
            top: 9px;
            left: 5px;
            width: 10px;
            height: 2px;
            background: currentColor;
          }
          &::after {
            display: block;
            position: absolute;
            content: '';
            top: 5px;
            left: 9px;
            width: 2px;
            height: 10px;
            background: currentColor;
          }
                 }
                 .icon {
                  display: inline-block;
                  position: absolute;
                  top: 34px;
                  right: 0;
                  width: 22px;
                  height: 22px;
                  border: 1px solid;
                  border-radius: 22px;
                  &::before {
                    display: block;
                    position: absolute;
                    content: '';
                    top: 9px;
                    left: 5px;
                    width: 10px;
                    height: 2px;
                    background: currentColor;
                  }
                  &::after {
                    display: block;
                    position: absolute;
                    content: '';
                    top: 5px;
                    left: 9px;
                    width: 2px;
                    height: 10px;
                    background: currentColor;
                  }
                }
              }
              
              button[aria-expanded='true'] {
                color: black;
                .icon {
                  &::after {
                    width: 0;
                  }
                }
                + .accordion-content {
                  opacity: 1;
                  max-height: 25em;
                  transition: all 200ms linear;
                  will-change: opacity, max-height;
                }
                
              }
.accordion-content-cards p{
  
  font-size: 16px;
}
.accordion-content-cards .card-box{
  padding:12px ;
} 

      /* button[aria-expanded='true'] {
        color: #7288a2;
        .icon.product_itineary {
          &::after {
            width: 0;
            background: white !important;
          }
        }
        + .accordion-content {
          opacity: 1;
          max-height: 9em;
          transition: all 200ms linear;
          will-change: opacity, max-height;
        }
      }
      button[aria-expanded='true'] {
        color: #7288a2;
        .icon {
          background-color: green;
          &::before {

            content: "X";
           
        top: 0px;
        left: 17px;
        width: 0;
        height: 57px;
        font-size: 30px;
        font-weight: normal;
        color: white;
        background: #03AC13;
          }
        }
        + .accordion-content {
          opacity: 1;
          max-height: 9em;
          transition: all 200ms linear;
          will-change: opacity, max-height;
        }
      } */
      .accordion-content {
        opacity: 0;
        max-height: 0;
        overflow: hidden;
        transition: opacity 200ms linear, max-height 200ms linear;
        will-change: opacity, max-height;
        p {
          font-size: 20px;
          font-weight: 400;
          padding-bottom: 20px;
        }
      }
    }
    .swiper-button-prev::after,.swiper-button-next::after{
      font-size: 28px !important;
      font-weight: bold;
      color:  #03AC13;
      ;
    }

    @media (max-width: 575px) {
      .accordion {
        & .accordion-content-cards .card-box {
          padding: 0px;
          padding-block: 10px;
        }}
      .section-review h2{
        font-size: 1.2em !important;
      }
      .section-review-mobile-slider{
        display: block;
      }
      .section-review_content{
        display: none;
      }
      .mobile-feedback{
        display: block;
      }
      .swiper-button-prev::after,.swiper-button-next::after{
        font-size: 22px !important;
        font-weight: bold;
        color:  #03AC13;
        ;
      }

      .feedback-para{
        font-size: 14px !important;
        font-weight: 500;
      }
/* // section chooseus  */
.why_choose_section .title_choose_us h3{
  /* font-size: 1.1em; */
  font-size: clamp(15px,6vw,2.1rem);
}
.why_choose_section .container{
  padding-block: 40px;
  padding-inline: 16px;
}
.section_review .container{
  padding-block: 40px;
  padding-inline: 16px;
}
.content_choose_us h4{
  font-size: 1.1em;
  margin-bottom: 8px;
  font-weight: 600;
}
.content_choose_us p{

  font-size: .83em;
  font-weight: 500;
}


     /* end section chooseus */
/* // section faq */
.section-faq .accordion.faq-accordion{
  width:min(100%, 800px) !important;
  margin-inline:auto;
}

      .box-asked-question{
        text-align: start;
       }
       .box-asked-question h3{
        font-size: 1.2em ;
        font-weight: 600;
       }
       .box-asked-question p{
        font-size: .9em;
        font-weight: 400;
       }

       .accordion .accordion-item button{
        font-size: 13px;
        font-weight: 500;
       }
       .accordion .accordion-item{
        border: 1px solid #00000014 ;
        padding: 5px 3px;
       }

       .accordion .accordion-item .accordion-content p{
        font-size: 11px;
        font-weight: 500;
        color: black;
        padding-inline:10px;
        font-weight: 500;
       }
       .accordion button .icon {
        top:9px !important;
       }
      

      }
      @media(max-width:398px){
        .feedback-para{
          font-size: 13px !important;
        }
        .swiper-button-prev::after,.swiper-button-next::after{
          font-size: 18px !important;
          font-weight: bold;
          color:  #03AC13;
          ;
        }
        .accordion button .icon {
          right:3px !important;
         }
        
      }

    /* // section .subscribe */
    .section_subscribe {
      font-size: 18px;
    }
    .section_subscribe .subscribe_heading h4{
      font-size: 2.2em;
      font-weight: 700;

    }
    .section_subscribe .subscribe_heading p{
      font-size: .8em;
      font-weight: 400;

    }
    .sm-center{
      margin-inline: 0;
    }

    /* ////////fotter heading ////////////// */
    .footer_heading{
      color: var(--base-color) !important;
      font-size: 20px !important;
      font-weight: 700 !important; 
    }
    .footer_list{
      margin-top: 20px;
    }
    .footer_list li {
      margin-top: 5px;
      color: #fff;
    }

    .footer_list li a{
      color:  #fff;
      
      font-size: 15px !important;
      font-weight: 400 !important;      
    }
    p.footer_list{
      font-size: 18px;
      font-weight: 600;
      color: #fff;
    }

    .footer__bottom::before {
      background-color: white !important;
    }
    .footer__bottom p{
      color: #6F6C90;
    }
    .subscribe-form {
      border-image-source: linear-gradient(90deg, rgba(255, 255, 255, 0.8) 0%, #999999 100%);  
      background: linear-gradient(90deg, rgba(255, 255, 255, 0.8) 0%, #999999 100%);
      background-color: transparent;  
      max-width: 450px;
      /* min-height: 80px; */
      border-radius: 8px;
      border: 1px solid;
      margin: 10px auto;
  }
  .footer-subscribe-form{
    border-image-source: linear-gradient(90deg, rgba(255, 255, 255, 0.8) 0%, #999999 100%);  
      background: linear-gradient(90deg, rgba(255, 255, 255, 0.8) 0%, #999999 100%);
      background-color: transparent;  
      max-width: 450px;
      border-radius: 8px;
      border: 1px solid;
      margin: 10px ;
      padding:0px

  }
  .footer-subscribe-form .form--control {
    width: calc(100% - 80px);
    background-color: transparent;
    color: #fff;
    border:
  none;
      
    padding-left: 15px;
    border-bottom:
  1px solid rgba(255, 255, 255, 0.15);
   
  }
  .footer-subscribe-form button {
    width: 60px;
    color: #fff;
    font-size: 1.25rem;
    background-color: var(--base-color);
    justify-content: space-between;
  }
  
  .subscribe-form .input-group .form--control input:focus {
    outline: none !important;
      }
  .input-group input{
    opacity: 70%;

     background-color: transparent;
     border: none !important;
     padding-inline: 10px;
  }
  .inner-hero.listing-page {
    background-size: cover;
    background-position: center;
    background-image: var(--desktop-bg); /* Default to desktop image */
}
.inner-hero.listing-page{
  padding-top: 150px;
  padding-bottom: 150px;
}

/* For screens smaller than 768px (mobile), switch to the mobile image */
@media (max-width: 768px) {
    .inner-hero.listing-page {
        background-image: var(--mobile-bg);
    }
}
  .section_subscribe{
    height:493px;
    /* background-image: url('{{asset('./assets/images/banner/web.webp')}}'); */
    /* background: linear-gradient(90deg, #03AC13 0%, #014608 100%); */
    /* margin-top: 20px; */
  }
  .section_subscribe::after{
    content: "";
    position: absolute;
    width: 100% auto;
    width: 100% !important;
    height: 493px !important;
    /* border: 2px solid black; */
    top: 0;
    right: 0;
    background-color: #6d5d5d;
    opacity: .6;
    background: linear-gradient(-90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.90) 100%);
    z-index: 1;
  

  }
  .section_subscribe .container .row {
    align-content: center;
    align-items: center;
  }
  .section_subscribe .subscribe_img {
    height: 616px;
     width:50%;
      transform: translateY(-87px); z-index:10;
  }
  .subscribe-form .input-group button.subscribe-bttn{
    margin:2px;
    position: absolute;
    width: 150px;
    right: 0;
    top: 2px;
    height: 60px;
    border-radius: 8px !important;
    background-color:white;
    color: #03AC13;
    opacity: 1;

  }
  .scroll-section {
    scroll-margin-top: 100px; /* Same as the offset used in JS */
  }
  @media (max-width:1200px) {
.mobile-hidden{
  display: none !important;
}
  }
/* // cta section */
@media (max-width: 575px) {
  .p-15{
    padding-inline: 15px !important;
  }

.mobile-hidden{
  display: none !important;
}
  .p-24{
    padding-inline:18px !important;  }
  .section_subscribe{
    min-height:493px;
    background: linear-gradient(90deg, #03AC13 0%, #014608 100%);
    /* margin-top: 20px; */
  }
  .section_subscribe .subscribe_img {
    height: auto ;
     width:50%;
      transform: translateY(0px); 
      z-index:10;
  }
  .section_subscribe .subscribe_heading{
    text-align: center;
  }
  .section_subscribe .subscribe_heading h4{
    font-size: 1.34em;

  }
  .section_subscribe .subscribe_heading p{
    font-size: .7em;
    color: white;

  }
.sm-center{
  margin-inline: auto !important;
}

.subscribe-form {
  min-height: 50px ;

}
.subscribe-form .input-group button.subscribe-bttn{
  margin:0;
  /* position: absolute; */
  /* width: 150px; */
  padding: 0;
  right: 0;
  top: 0;
  height: 48px;
  border: 1px solid;
}
/* background: linear-gradient(90deg, rgba(255, 255, 255, 0.8) 0%, #999999 100%); */
.subscribe-form button{
  font-weight: 500;
  font-size: 12px;

}
.section_subscribe .subscribe_img {
  /* position: absolute; */

  bottom:0px;
  height: 268px;
   width:100%;
   transform: translateY(7px); z-index:10;

   /* border : 1px solid;  */
    /* transform: translateY(30px); z-index:10; */
}
.section_subscribe .subscribe_img img {
    /* max-width:360px ;
    margin-inline: auto;
   border : 1px solid;  */
    
}


}

  .subscribe-form .input-group input{
    font-size: 14px !important;
  }
  .p-15{
    padding-inline: 8px !important;
  }
  .p-24{
    padding-inline: 17px !important;
  }
  .itinerary_plan {
    padding-inline: 4px;
    position: relative;
    margin-bottom: 20px;
    
  }
@media (max-width:418px){
  .section_subscribe .subscribe_img{
    transform: translateY(6px);
  }
}
@media (max-width:394px)

{
  .section_subscribe .subscribe_img{
    transform: translateY(3px);
  }
  .section_subscribe .subscribe_heading h4 {
    font-size: 1em;
  }
}
@media (max-width:360px){
  .subscribe-form .input-group button.subscribe-bttn{
    width:100px;
  }
}
  /* // detail page plan  */
  .detail_trip_info{
    min-height: 252px;
    font-size: 18px;
padding: 24px;
padding-inline: 0px;

    

  }
  .plan_heading h5{
    font-weight: 600;
    color: black;
    font-size: 1.5em;
    margin-bottom: 1.4em;

  }
  .bg-lightbase{
    background-color: var(--base-color)0D !important;
  }
  .trip-duration .icon {
    width: 30%;
    /* border-radius: 8px; */
  }
  .trip-duration-content{
    width: 70%;
    padding:12px
  }
  .trip-duration_service {
    gap: 50px;
  }
  .trip-duration_service_box {

    gap: 50px;
  }
  .trip-duration_service_box p{
    font-size: 16px;
  }
  .nav.nav-tabs.custom--nav-tabs{
    flex-wrap: nowrap;
    overflow-x: visible;
    overflow-x: scroll;
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
    scrollbar-width: none;
    justify-content: space-between;
    gap: 20px;
  }
  .nav.nav-tabs.custom--nav-tabs .nav-item.top-link{
    flex-grow: 1;
    
  }

  .itineary_btn{
    text-align: center;
    font-size: 13px;
    font-weight: 600;
    border-radius: 100px;
    padding: 10px;
    width: 95px;
    background-color: #03AC13;
    
  }
  .ThingsTopack_para li{
    font-size: 14px;
  }
  .reviews-section {
    padding:20px;
    font-size: 16px;
  }
  .reviews-section h3 {
    font-size: 2em;
    margin-bottom: 16px;
  }
  .review-item{
    padding: 28px 32px;
  }
  .review_bttn{
    padding: 3.75px, 5.63px;
    border-radius:  5.63px;
    background-color: var(--base-color);
    font-size: 22.5px;
    color: white;
    font-weight: 700;
  }
  .itineary_btn{
    justify-content: start;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    border-radius: 100px;
    padding: 10px;
    width: 95px;
    background-color: #03AC13;
  }

  
  @media (max-width: 768px) {
    #cancellation-section table tbody tr th,td {
      /* font-size: 12px !important;/ */
  
      font-size: clamp(8px,2vw,13px) !important;
  
    }
  }


/* ///product detail page css */
  @media (max-width:575px ){
/* ///detail trip info */
.detail_trip_info{
  padding: 0 12px !important;
}

    .fs--16px{
      font-size: 14px !important;
    }
    .fs--15px{
      font-size: 13px !important;
    }
    .reviews-section h3 {
      font-size: 1.25em;
    }
    .review-item{
      padding: 8px;
    }
  .fs--14px{
    font-size: 13px !important;
  }
  .mt-12{
    margin-top: 12px;
  }
  .fs--20px{
    /* font-size: 16px !important; */
  }

    .nav.nav-tabs.custom--nav-tabs{
      flex-wrap: nowrap;
      overflow-x: visible;
      overflow-x: scroll;
      -ms-overflow-style: none;  /* Internet Explorer 10+ */
      scrollbar-width: none;
    }
    .custom--nav-tabs .nav-item .nav-link:hover {
      background-color: transparent !important;
      border-bottom:0px ;
      /* padding: 0.75rem 1.5625rem; */
    }
    .custom--nav-tabs .nav-item .nav-link a{
      font-size: 12px;
      font-weight: 500 !important;
    }
    .custom--nav-tabs .nav-item .nav-link  {
     font-size: 14px;
     padding: 0.75rem 0.363rem;  
    }
    .custom--nav-tabs .nav-item .nav-link.active  {
     font-size: 14px !important;
     padding: 0.75rem 0.263rem;  
    }
    .custom--nav-tabs .nav-item .nav-link.active a {
     font-size: 12px;  
    }
  .nav.nav-tabs.custom--nav-tabs::-webkit-scrollbar { 
      display: none;  /* Safari and Chrome */
  }
    
    .trip-duration p{
      /* border-radius: 0px; */
    }
    .trip-duration .icon {
      width: 20%;

      flex-shrink: 3;
    }
    .trip-duration .icon svg {
      width: 20px;
      height: 20px;
    }
    .trip-duration-content{
      padding:4px 8px ;
      width: 80%;
      flex-shrink: 1;
    }

    .trip-duration_service {
      gap: 20px;
    }
    .trip-duration_service_box {
      gap: 21px;
      flex-grow: 2;
    }
    .trip-duration_service_box p {
         font-size: 14px ;
    }
    .ThingsTopack_para li{
      font-size: 14px;
    }

    .itineary_btn{
      width: 78px;
      font-size: 12px;
      padding:6px 
    }
    .itineary_title{
      width: 70% ;
    }
    #cancellation-section table tbody tr th{
      /* font-size: 12px !important; */
      font-size: clamp(8px,2vw,12px) !important;
  
    }
    #cancellation-section table tbody tr td{
      /* font-size: 12px !important; */
      font-size: clamp(8px,2vw,12px) !important;
  
    }
    .nav.nav-tabs.custom--nav-tabs{
      gap: 5px;
    }
  }
  @media screen and (max-width: 430px) {
     
    .custom--nav-tabs .nav-item .nav-link {
      font-size: 12px ;
    }
    .custom--nav-tabs .nav-item .nav-link:active {
      font-size: 12px !important;
    }
    .calendar-container {
      padding: 8px;
    }
  }
  @media(max-width:494px){
    .fs--16px{
      font-size: 13px !important;
    }
    .package-tab-content .cmn-list li {
      padding-inline: 0px !important;
      /* margin: -10px -15px -10px 0; */
    }
  }
  @media(max-width:388px){
    .trip-duration_service_box p {
      font-size: 12px;
    }
    .trip-duration_service_box p span svg{
      width:20px;
      height:20px; 
    }
  }
  @media (max-width:338px){
    .custom--nav-tabs .nav-item .nav-link.active a {
      font-size: 12px;  
     }
  }

  /* ////prou */
  
  
  .batches_list {
    display: flex !important;

  }
  .batches_list li{
    width: 50%;
    /* flex: 50%; */
    /* display: flex !important; */

  }
  .thumb-price form input.formcontroll::placeholder{
    font-size: 16px;
    font-weight: 400;
  }

  .review-item:nth-child(n+4) {
    display: none;
}


.checkout_payment_detail.stick{
  position: sticky;
  top:120;
}
.checkout_payment_detail{
  border-radius: 20px;
  background-color: #03AC130D;
  padding: 12.5px 16px;
  border:none;
  /* position: fixed;
  top: 150px; */
  /* border: 1px solid #CCCCCC1A; */
}
.checkout_payment_detail .cardBody_Styling {

}
.payment_detail_body{
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 16px;
  margin-bottom: 16px;

}
.cardBody_Styling .heading{
  font-size: 17px ;
  font-weight: 400;
  color: #040604;

}
.cardBody_Styling .details{
  font-size: 20px ;
  font-weight: 700;
  color: #040604;

}
.cardBody_Styling .total_price{
  font-size: 24px;
  font-weight: 700;
  color: #040604;
}
.promo_code_input {
  margin-top: 32px;
  margin-bottom: 32px;
  /* border: 2px solid; */
  gap: 10px;
  display: flex;
  justify-content: space-between;

}
.promo_code_input input{
  width: 65%;
  padding:12px 16px;
  border-radius: 8px;
  background: #FFFFFF;
  border: none;

}
.proceedToPaymentBtn{
  background-color: var(--base-color);
  color: white;
  font-size: 15px;
  font-weight: 700;
  
}
.proceedToPaymentBtn:hover{
  background-color: var(--base-color)aa !important;
  color:white;
}

.promo_code_input button{
  width: 35%;
  padding:12px 16px;
  border-radius: 8px;
  background-color: #03AC130D;
  color: #019875;
  font-size: 16px;
  font-weight: 500;
  border: 1px solid #019875
}
.total_amount{
 
  margin-bottom: 32px;
}
.total_amount p span:first-child{
  font-size: 20px;
  font-weight: 500;

}
.total_amount p span:nth-child(2){
  font-size: 32px;
  font-weight: 600;
  color: #03AC13;

}

/* ///.carousel css */
.carousel-container{
  /* border: 1px solid black; */
}
.carousel {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.carousel-item {
  display: none;
  width: 100%;
  height: 500px; 
  opacity: 0;
  transition: opacity 1s ease-in-out; /* Smooth fade effect */
}

.carousel-item.active {
  display: block;
  opacity: 1;
}

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

.thumbnails {
  display: flex;
  justify-content: center;
  margin-top: 15px;
}





.thumbnails img:hover {
  transform: scale(1.1);
}
.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.thumbnails img {
  width: 150px;
  height: 100px;
  object-fit: cover;
  cursor: pointer;
  margin: 0 5px;
  transition: transform 0.3s ease;
}
.swiper-thumbnail .thumbnails .swiper-slide{

  width: 150px !important;
  height: 100px !important;
}
img.feedback-img{
 width: 70px  !important;
 height: 70px  !important;
}
@media (max-width:575px) {
  
.swiper-thumbnail .thumbnails .swiper-slide img{

  height: 100px !important;
}
.swiper-thumbnail .thumbnails .swiper-slide{

  width: 100px !important;
}
}


.table {
  width: 100%;
  border-collapse: collapse;
}

.table th, .table td {
  padding: 10px;
  text-align: center;
  border: 1px solid #ddd;
}

.available {
  cursor: pointer;
  /* background-color: #d4edda; Light green */
}

.unavailable {
  /* background-color: #f8d7da; Light red */
}

.available:hover {
  /* background-color: #c3e6cb; Darker green */
}
/* //// */
.thumbnails-carousel {
  position: relative;
  overflow: hidden;
}

.thumbnails-container {
  overflow: hidden;
}

.thumbnails {
  display: flex;
  transition: transform 0.3s ease;
}

.thumbnail-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(0, 0, 0, 0.5);
  color: white;
  border: none;
  padding: 10px;
  cursor: pointer;
}

.thumbnail-nav.prev {
  left: 0;
}

.thumbnail-nav.next {
  right: 0;
}

/* ///gallery caurose */
.image-thumbnail-carousel {
  /* max-width: 800px; */
  width: 100%;
  padding: 0 1rem;
}

.image-display {
  margin-bottom: 1rem;
}

.screen {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%; /* 16:9 aspect ratio */
  position: relative;
  overflow: hidden;
  border-radius: var(--border-xl);
}

.screen img {
  border-radius: 8px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.thumbnail-carousel {
  position: relative;
}

.carousel__slider {
  display: flex;
  gap: 10px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  -ms-overflow-style: none;
  padding: 0.5rem 0;
  list-style: none;
}

.carousel__slider::-webkit-scrollbar {
  display: none;
}

.carousel__slide {
  /* flex: 1 0 15%; */
  flex: 0 0 calc((100% - (6 - 1) * 0.75rem) / 6);

  aspect-ratio: 16 / 9;
  scroll-snap-align: start;
  border-radius: 8px;
  overflow: hidden;
  cursor: pointer;
  transition: opacity 0.3s ease;
}

.carousel__slide:hover,
.carousel__slide.active {
  opacity: 0.7;
}

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

.carousel__btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: hsl(204, 3%, 47%);
  border: none;
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: background-color 0.3s ease;
  z-index: 10;
  display: none !important;
}

.carousel__btn:hover {
  background: hsl(204, 23%, 20%);
}

.carousel__btn:disabled {
  background: hsl(204, 9%, 85%);
  cursor: not-allowed;
}

.carousel__btn.prev {
  left: -0.5rem;
}

.carousel__btn.next {
  right: -0.5rem;
}

.arrow-icon {
  fill: white;
}
.carousel__btn{
  display: none;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .carousel__slide {
    /* flex: 1 0 15%; */
    flex: 0 0 calc((100% - (4 - 1) * 0.75rem) / 4);

  }
  .carousel__btn{
    /* display: block; */
  }
  :root {
      --items: 3.5; /* Show 3.5 items on smaller screens */
  }

  .carousel__btn {
      width: 2rem;
      height: 2rem;
  }

  .carousel__btn.prev {
      left: 0;
  }

  .carousel__btn.next {
      right: 0;
  }
}

@media (max-width: 480px) {
  .carousel__slide {
    /* flex: 1 0 15%; */
    flex: 0 0 calc((100% - (3 - 1) * 0.75rem) / 3);
  
    /* aspect-ratio: 16 / 9;
    scroll-snap-align: start;
    border-radius: 8px;
    overflow: hidden;
    cursor: pointer;
    transition: opacity 0.3s ease; */
  }
  :root {
      --items: 2.5; /* Show 2.5 items on very small screens */
  }
}

/* ///banner? */
.hero {
  position: relative;
  overflow: hidden;
}

.hero__background-video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  transform: translateX(-50%) translateY(-50%);
  z-index: -1;
}

.hero__content {
  position: relative;
  z-index: 1;
 
}
.desktop.hero__background-video{
  
}
.mobile.hero__background-video{
  display: none;
}
.mobile-form-banner{
  display: none;
}

@media (max-width: 575px) {
  .mobile.hero__background-video{
    display: none;
  }
  .hero.bg_img{
    height: 100vh !important;
  }
  .hero__background-video {
    position: absolute;
    top: 50%;
    left: 61%;
    /* min-width: 100%; */
    min-height: 100%;
    width: auto;
    height: 100%;
    transform: translateX(-50%) translateY(-50%);
    z-index: -1;
  }
  .mobile-form-banner{
    display: block;
  }
  .mobile-form-banner .contact-form {
    border-radius: 15px;
    /* border: 1px solid ; */
    
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
  }
  .mobile-form-banner .contact-form .form-group-home label{
    color: black;
    font-size: 14px ;
    font-weight: 500;
  }
  .mobile-form-banner .contact-form .form-group-home {
    color: black;
    margin-bottom: 5px ;
  }
  .mobile-form-banner .contact-form .form-group-home input {
    color: black;
    /* margin-bottom: 5px ; */
    padding: 8px !important;
  }
  .mobile-form-banner .contact-form .banner-form-btn {
    padding: 8px;
    margin-top: 19px;
  }
  .mobile-form-banner .contact-form .form-group-home .input-container input ,.mobile-form-banner .contact-form .form-group-home .input-container select {
    padding: 7px !important;
    position: relative;
    width: 100% !important;
    height: 100% !important;
    border: none !important;
    border-radius: 8px;
    color: black ;
    background: white;
    border-radius: 10px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  }
  .mobile-form-banner .contact-form .form-group-home .input-container select {
    padding: 10px !important;
    font-size: 11px !important;
     
  }
  .mobile-form-banner .contact-form .form-group-home .input-container input  {
    color: black ;
    font-size: 11px !important;
  }
  .mobile-form-banner .contact-form .form-group-home .input-container input::placeholder {
        
    /* font-size: 11px !important; */
    font-size: 11px !important;
    color:black !important;
  }
  /* .desktop.hero__background-video{
    display: ;
  
  } */


  .banner-form{
    display: none !important;
  }
}


/* banner slider  */
/* Hero slider styles */
/* Hero slider styles */
.hero-slider {
  width: 100%;
  height: 100vh;
  min-height: 600px;
  position: relative;
}

.hero-slide {
  height: 100vh;
  min-height: 600px;
  background-size: cover;
  background-position: center;
  position: relative;
  display: flex !important;
  align-items: center;
}

/* Optional dark overlay for better text readability */
.hero-slide:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4); /* Adjust opacity as needed */
}

.hero__content {
  position: relative;
  z-index: 10;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items:end;
}

/* Style the slick dots */
.hero-slider .slick-dots {
  bottom: 25px;
  z-index: 100;
}

.hero-slider .slick-dots li button:before {
  font-size: 12px;
  color: white;
  opacity: 0.5;
}

.hero-slider .slick-dots li.slick-active button:before {
  opacity: 1;
  color: white;
}

/* Style the slick arrows */
.hero-slider .slick-prev,
.hero-slider .slick-next {
  z-index: 100;
  width: 50px;
  height: 50px;
}

.hero-slider .slick-prev {
  left: 20px;
}

.hero-slider .slick-next {
  right: 20px;
}

.hero-slider .slick-prev:before,
.hero-slider .slick-next:before {
  font-size: 40px;
}
 /* end banner slider */


/* // form pop style */
.popup {
  position: fixed;
  bottom: -100%;
  left: 120px;
  /* background-color: white; */
  border-radius: 5px;
  /* box-shadow: 0 4px 6px rgba(0, 0, 0, 0.5); */
  transition: bottom 0.5s ease-in-out;
  z-index: 1000;
  color: #333;
  background-color: #03AC13 !important;
}

.popup-content {
  padding: 20px;
}

.popup.show {
  bottom: 20px !important;
}

.close-btn {
  float: right;
  font-size: 20px;
  font-weight: bold;
  cursor: pointer;
}

.close-btn:hover {
  color: white;
}
.note-heading{
  font-size: 14px !important;
}
@media (max-width:575px){
  .note-heading{
    font-size: 12px !important;
  }

  .popup {
    
    left: 2%;
    /* background-color: white; */
    
  }
  .popup.show {
    bottom: 2px !important;
  }
  
  
  .popup{
    width:70% !important;
  }
  .popup .popup-content p{
    font-size:14px !important;
  }
}
@media (max-width:392px){
  .popup .popup-content p{
    font-size: 11px !important;
  }
  .popup .popup-content h3{
    font-size: 14px !important;
  }
  .popup-content {
    padding: 10px;
  }
}
/* .nav-link.main-link.active {
  border-bottom: 2px solid #007bff;
  color: #007bff;
} */
/* .mobile-navbar {
  opacity: 0;
  transform: translateY(-20px);
  transition: opacity 0.3s ease, transform 0.3s ease;
} */

/* Visible state for the mobile navbar */
/* .mobile-navbar.show {
  opacity: 1;
  transform: translateY(0);
} */
.thumb-price.mobile-fixed-price {
  display: none;
}
@media (max-width:993px) {
  
.thumb-price.mobile-fixed-price {
  display: block;
  position: fixed;
  border: 10%;
  bottom: 0px;
  /* border: 2px solid black; */
  /* width: calc(100% - 20px); */
  margin: 0 auto;
  background: wheat;
    background-color: wheat;
  z-index: 12;
  background-color: white !important;
  left: 2;
  right: 1;
  padding: 10px 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 82, 0.35) 0px -2px 6px 0px inset;
}
.thumb-price.mobile-fixed-price .price-content .PricingStyle {
   font-size: 23px !important;
}
.thumb-price.mobile-fixed-price .price-content .headingStyle {
   font-size: 15px !important;
   font-weight: 600;
}
.booknow-section-bttn{
  border-radius: 15px !important;
  padding: 8px 10;
  background-color: var(--base-color);
  
}
.booknow-section-bttn a{
  border-radius: 15px !important;
  color: white;
  font-weight: 500;
}
.booknow-section-bttn a:hover{
  /* border-radius: 15px !important; */
  color: white;
  /* font-weight: 500; */
}

}
.input-group input {
  border: 2px solid transparent;
  transition: all 0.3s ease;
  outline: none;
}

.input-group input.error {
  /* border-color: #ff4444; */
  animation: shake 0.5s ease-in-out;
}
form.error{

  /* border-color: #ff4444; */
  animation: shake 0.5s ease-in-out;
}

@keyframes shake {
  0%, 100% { transform: translateX(0); }
  25% { transform: translateX(-5px); }
  75% { transform: translateX(5px); }
}

.success-popup {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: white;
  padding: 20px;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0,0,0,0.2);
  z-index: 1000;
  display: none;
}

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5);
  z-index: 999;
  display: none;
}
/* .mission-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5);
  z-index: 999;
  display: none;
} */

.subscribe-form input {
  transition: border-color 0.3s ease;
}

.subscribe-form input.error {
  /* border: 1px solid #ff0000 !important; Red border for error */
}

.tox.tox-tinymce .tox-statusbar{
  display: none !important;
}

/* //snow effect */
.snow {
  width: 100%;
  height: 100%;
  border: 1px solid rgba(255, 255, 255, 0.1);
  /* background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 50 50' style='enable-background:new 0 0 50 50%3B' xml:space='preserve'%3E%3Cstyle type='text/css'%3E.st1%7Bopacity:0.3%3Bfill:%23FFFFFF%3B%7D.st3%7Bopacity:0.1%3Bfill:%23FFFFFF%3B%7D%3C/style%3E%3Ccircle class='st1' cx='5' cy='8' r='1'/%3E%3Ccircle class='st1' cx='38' cy='3' r='1'/%3E%3Ccircle class='st1' cx='12' cy='4' r='1'/%3E%3Ccircle class='st1' cx='16' cy='16' r='1'/%3E%3Ccircle class='st1' cx='47' cy='46' r='1'/%3E%3Ccircle class='st1' cx='32' cy='10' r='1'/%3E%3Ccircle class='st1' cx='3' cy='46' r='1'/%3E%3Ccircle class='st1' cx='45' cy='13' r='1'/%3E%3Ccircle class='st1' cx='10' cy='28' r='1'/%3E%3Ccircle class='st1' cx='22' cy='35' r='1'/%3E%3Ccircle class='st1' cx='3' cy='21' r='1'/%3E%3Ccircle class='st1' cx='26' cy='20' r='1'/%3E%3Ccircle class='st1' cx='30' cy='45' r='1'/%3E%3Ccircle class='st1' cx='15' cy='45' r='1'/%3E%3Ccircle class='st1' cx='34' cy='36' r='1'/%3E%3Ccircle class='st1' cx='41' cy='32' r='1'/%3E%3C/svg%3E"); */
  background-position: 0px 0px;
  animation: animatedBackground 10s linear infinite;
  position: absolute;
}

.snow div {
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 50 50' style='enable-background:new 0 0 50 50%3B' xml:space='preserve'%3E%3Cstyle type='text/css'%3E.st1%7Bopacity:0.7%3Bfill:%23FFFFFF%3B%7D.st3%7Bopacity:0.1%3Bfill:%23FFFFFF%3B%7D%3C/style%3E%3Ccircle class='st3' cx='4' cy='14' r='1'/%3E%3Ccircle class='st3' cx='43' cy='3' r='1'/%3E%3Ccircle class='st3' cx='31' cy='30' r='2'/%3E%3Ccircle class='st3' cx='19' cy='23' r='1'/%3E%3Ccircle class='st3' cx='37' cy='22' r='1'/%3E%3Ccircle class='st3' cx='43' cy='16' r='1'/%3E%3Ccircle class='st3' cx='8' cy='45' r='1'/%3E%3Ccircle class='st3' cx='29' cy='39' r='1'/%3E%3Ccircle class='st3' cx='13' cy='37' r='1'/%3E%3Ccircle class='st3' cx='47' cy='32' r='1'/%3E%3Ccircle class='st3' cx='15' cy='4' r='2'/%3E%3Ccircle class='st3' cx='9' cy='27' r='1'/%3E%3Ccircle class='st3' cx='30' cy='9' r='1'/%3E%3Ccircle class='st3' cx='25' cy='15' r='1'/%3E%3Ccircle class='st3' cx='21' cy='45' r='2'/%3E%3Ccircle class='st3' cx='42' cy='45' r='1'/%3E%3C/svg%3E");
  background-position: 0px 0px;
  animation: animatedBackground 15s linear infinite;
}

@keyframes animatedBackground {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0px 300px;
  }
}
.christmas-hat {
  position: absolute;
  top: -5px;
  right: -2px;
  /* transform: rotate(18deg); */
  z-index: 10;
}
/* .christmas-hat{

  position: absolute;
  top: -35px;
  left: -21px;
  transform: rotate(-20deg);
  z-index: 10;
} */

/* //////inclustio ad exclusion  */
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  padding-right: 25px;
  position: relative;
  display: flex;
  align-items: center;
  gap: 5px;
}

.btn-edit-item {
  background: none;
  border: none;
  font-size: 12px;
  color: #666;
  cursor: pointer;
  padding: 0 5px;
  display: inline-flex;
  align-items: center;
  transition: all 0.2s ease;
}

.btn-edit-item:hover {
  color: #333;
  transform: scale(1.1);
}

.select2-container--default .select2-selection--multiple {
  min-height: 38px;
}

/* Modal Customization */
.modal-content {
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.modal-header {
  background-color: #f8f9fa;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.modal-footer {
  background-color: #f8f9fa;
  border-top: 1px solid #dee2e6;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

#editItemInput {
  transition: all 0.2s ease;
}

#editItemInput:focus {
  box-shadow: 0 0 0 0.2rem rgba(0,123,255,0.25);
}




/* .superpower-section {
  text-align: center;
  padding: 50px 0;
}
.superpower-title {
  font-size: 2.5rem;
  font-weight: bold;
}
.superpower-subtitle {
  font-size: 1.5rem;
  font-weight: normal;
  margin-bottom: 30px;
}
.card {
  border: none;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s;
}
.card:hover {
  transform: translateY(-5px);
}
.card-icon {
  font-size: 40px;
  margin-bottom: 15px;
}
.card-title {
  font-weight: bold;
  margin-bottom: 10px;
}
.card-text {
  font-size: 0.9rem;
  color: #666;
} */
/* corporate page  */

.form-box{
  padding:10px;
  border-radius: 15px;
}
.title-section {
  text-align: left;
  padding-top: 20px;
}
.main-title {
  font-size: 2.5rem;
  font-weight: bold;
  color: #3a3a3a;
}
.accent-underline {
  width: 100px;
  height: 8px;
  background: linear-gradient(to right, #ff7a59, #f4e285, #00bfa6);
  margin-top: 10px;
}
.corporate-form .form-box label{
  font-size: 13px;
  font-weight: 500;
}
.corporate-form .form-box {
 
  border-radius: 10px;
  padding:20px;
  /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); */
  box-shadow: 0px 0px 1px #03AC13;
  background-color: var(--base-color)0D ;
  /* background-color: #CDDCDC;
 background-image: radial-gradient(at 50% 100%, rgba(255,255,255,0.50) 0%, rgba(0,0,0,0.50) 100%), linear-gradient(to bottom, rgba(255,255,255,0.25) 0%, rgba(0,0,0,0.25) 100%); */
 background-blend-mode: screen, overlay;
}
.corporate-form .form-control {
  border-radius: 5px;
  font-size: 12px !important;
  font-weight: 500;
  padding: 12px 15px;
  color: black  ;
}
.btn-submit {
  background-color: #ffd700;
  color: #fff;
  font-weight: bold;
  border-radius: 20px;
  padding: 10px 20px;
  border: none;
  transition: background-color 0.3s ease;
}
.btn-submit:hover {
  background-color: #ffc107;
  color: #fff;
}
@media (max-width:454px) {

  .corporate-form .form-box label{
    font-size: 11px;
  }
  
  .corporate-form .form-control {
    border-radius: 5px;
    font-size: 11px !important;
  }


  .corporate-form .form-box {
  
  padding:10px;
}
}


/* //corporat form/ */
.error-message {
  display: none;
  font-size: 0.875rem;
  margin-top: 0.25rem;
}

.form-control.is-invalid {
  border-color: #dc3545;
}

.form-message {
  text-align: center;
  padding: 10px;
  border-radius: 4px;
}

/* Transition effects */
.form-control {
  transition: border-color 0.3s ease-in-out;
}

.btn-submit {
  transition: background-color 0.3s ease-in-out;
}
.superpower-title_card{
  height: 100%  !important;
  background-color: var(--base-color)0D !important;
  border: 1px solid var(--base-color)0D !important;
  border-radius: 15px;
}
/* /// checkout page css  */
#details_container p{
  color: black;
  font-weight: 500;
}
.count-input{
  width: 40px;
  max-width: 100px;
}
.btn.decrement, .btn.increment{
  /* max-width: 0px; */
}
.btn.decrement:hover, .btn.increment:hover{
  background-color: transparent;
  color: black;
}
#trip_details .tab-content{
  background-color: #F8F8F8;

}
.rotate {
  transform: rotate(180deg);
  transition: transform 0.3s ease-in-out;
}
.toggle-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease-in-out, padding 0.3s ease-in-out;
  padding: 0; /* To animate padding smoothly */
}

.toggle-content.show {
  max-height: 200px; /* Adjust based on content height */
  padding: 10px 0; /* Add padding when expanded */
}


.early-bird-discount {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 15px;
  border: 1px solid ;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s ease;
  margin-bottom: 10px;
  width: fit-content;
  border-radius: 50px;
}

.early-bird-discount .discount-label {
  font-weight: 600;
  color: #28a745;
  font-size: 11px;
}

.early-bird-discount .discount-icon {
  width: 24px;
  height: 24px;
  opacity: 0;
  transform: scale(0.5);
  transition: all 0.3s ease;
}

.early-bird-discount:hover {
  background-color: rgba(40, 167, 69, 0.1);
}

.early-bird-discount.discount-applied {
  background-color: #28a745;
  color: white;
  width: fit-content;
  border-radius: 50px;
}

.early-bird-discount.discount-applied .discount-label {
  color: white;
}

.early-bird-discount.discount-applied .discount-icon {
  opacity: 1;
  transform: scale(1);
  color: white;
}
.promo_code_discount .discount-price, .promo_code_discount .deduct-discount{
  font-size: 13px;
  font-weight: 600;
}
    
    .calendar td.disabled {
        color: #ccc;
        cursor: not-allowed;
    }

    .price-summary {
        background: #f8fff8;
        padding: 20px;
        border-radius: 10px;
        margin-top: 20px;
    }

    .price-row {
        display: flex;
        justify-content: space-between;
        margin-bottom: 10px;
    }

    .total-amount {
        font-size: 1.2em;
        font-weight: 600;
    }

    .promo-code {
        display: flex;
        gap: 10px;
        margin: 15px 0;
    }

    .proceed-btn {
        width: 100%;
        background: #00cc44;
        border: none;
        padding: 12px;
        color: white;
        border-radius: 5px;
        font-weight: 500;
    }
    .box-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      cursor: pointer;
    }
    .box-header h5 {
      margin: 0;
    }
    .box-header span {
      font-size: 14px;
      color: green;
      font-weight: bold;
      text-decoration: underline;
    }
    .box-body {
      display: none;
      margin-top: 15px;
    }
    .counter-controls {
      display: flex;
      align-items: center;
      gap: 10px;
    }
    .counter-controls span {
      width: 30px;
      text-align: center;
      font-weight: bold;
    }
    .btn-counter {
      border: none;
      background: #f0f0f0;
      padding: 5px 10px;
      border-radius: 5px;
      cursor: pointer;
    }
    .btn-counter:hover {
      background: #e0e0e0;
    }

    .month-btn {
      padding: 8px 20px;
      border: none;
      background: none;
      color: #666;
      font-weight: 500;
      position: relative;
  }
  .month-selector {
    display: flex;
    gap: 15px;
    margin-bottom: 20px;
    overflow-x:scroll;
    scrollbar-width: none;
}
.calendar th {
  color: #000;
  font-weight: 500;
  padding: 10px;
  text-align: center;
}
.calendar td.available span {
  background-color: gray;
  color: white;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  padding-top: 5px
}
.month-btn.active::after {
  content: '';
  position: absolute;
  bottom: 4px;
  left: 0;
  width: 100%;
  height: 2px;
  background: #00cc44;
}
.calendar-container .custom--nav-tabs .nav-item .nav-link.active{
  
}
 
    @media screen and (max-width: 590px) {
      .calendar-container{
        padding: 14px ;
      }
      .month-btn{
        font-size: 11px;
        padding:8px;
      }
      .month-selector{
        gap: 18px;
      }
      .calendar th {
        padding: 5px;
        font-size: 12px;
      }
      .calendar td.disabled {
       
        font-size: 14px !important;
      }
      .calendar td.available span {
       font-size: 14px ;
    }
    .calendar-container h5{
      font-size: 13px;
    }
    .calendar-container .custom--nav-tabs .nav-item .nav-link.active{
      font-size: 12px;
    }
    .triplist_details .toggle-content p{
      font-size: 12px;
    }

    .checkoutPage_Wraper{
      /* gap:20px !important; */

    }
    .fs-sm-13{
      font-size: 13px !important;
    }
      
    }




    /* /// sale page  */

    .promo-section {
      padding: 60px 0;
      background-color: #ffffff;
  }
  
  .promo-title {
      font-weight: 700;
      font-size: 32px;
      margin-bottom: 20px;
      text-align: center;
  }
  
  .promo-subtitle {
      font-size: 18px;
      text-align: center;
      margin-bottom: 40px;
  }
  
  .price-tag {
      background-color: #e63946;
      color: white;
      padding: 8px 20px;
      border-radius: 25px;
      font-weight: 600;
      display: inline-block;
      margin-left: 10px;
      position: relative;
      top: -2px;
  }
  
  .benefit-card {
      background-color: var(--base-color)0D;
      border-radius: 12px;
      padding: 30px 20px;
      text-align: center;
      height: 100%;
      border: 4px solid var(--base-color);
      transition: transform 0.3s;
      /* box-shadow: 5px 5px 0px var(--base-color); */
  }
  
  .benefit-card:hover {
      transform: translateY(-5px);
  }
  
  .benefit-icon {
      width: 80px;
      height: 80px;
      fill: #3366cc;
      margin-bottom: 20px;
  }
  
  .benefit-title {
      color: var(--base-color);
      font-weight: 600;
      font-size: 18px;
      margin-bottom: 5px;
      margin-top: 10px;
  }
  
  .benefit-subtitle {
      color: var(--base-color);
      font-size: 16px;
  }
  
  @media (max-width: 768px) {
      .benefit-card {
          margin-bottom: 30px;
      }
  }

/* // .testimonial-card */
/* Testimonials Section */
.testimonials-section {
  padding: 60px 0;
  background-color: #fff;
}

.section-title {
  text-align: center;
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 40px;
  color: #000;
  position: relative;
  padding-bottom: 35px;
  padding-top: 35px;
}

.section-title:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width:80%;
  max-width: 730px;
  height: 4px;
  background-color: var(--base-color);
}

/* Testimonial Cards */
.testimonial-card {
  /* background-color: #fff; */
  border-radius: 8px;
  /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); */
  margin: 15px;
  padding: 5px;
  /* min-height: 480px; */
  display: flex;
  flex-direction: column;
}

.testimonial-header {
  border-bottom: 3px solid var(--base-color);
 
  min-height: 80px;
  margin-bottom: 20px;
}

.testimonial-author {
  display: flex;
  align-items: center;
}

.testimonial-author .author-image {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
}

.author-info {
  margin-left: 15px;
}

.author-name {
  margin: 0;
  font-size: 17px;
  font-weight: 700;
}

.author-title, .author-location {
  margin: 5px 0 0;
  font-size: 14px;
  font-weight: 600;
  color: #666;
}
.author-location{
 margin-top:0px !important;
}

.testimonial-content {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

.testimonial-title {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 15px;
  color: #333;
  /* text-align: justify; */
}

.testimonial-text {
  font-size: 15px;
  line-height: 1.6;
  color: #555;
  margin-bottom: 20px;
  /* text-align: justify; */
}

@media screen and (max-width: 768px) {
  .testimonial-card {
    margin: 15px 0;
  }
  .testimonials-section{
 padding:20px 0;
  }
  
}

/* .full-text {
  display: none;
} */


.short-text {
  display: block;
}

.full-text {
  display: none;
}

/* Add this to ensure full-text becomes visible when needed */
.full-text.active {
  display: block;
}
.read-more-btn {
  align-self: flex-start;
  background-color: transparent;
  color: #0066cc;
  border: none;
  padding: 0;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  margin-top: auto;
}

.read-more-btn:hover {
  text-decoration: underline;
}

/* Modal Styles */
.testimonial-modal {
  display: none;
  position: fixed;
  z-index: 1032;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.7);
}

.testimonial-modal .modal-content {
  background-color: #fff;
  margin: 5% auto;
  padding: 30px;
  border-radius: 8px;
  max-width: 700px;
  width: 80%;
  position: relative;
  max-height: 90vh;
  overflow-y: auto;
}

.close-modal {
  position: absolute;
  top: 15px;
  right: 20px;
  font-size: 30px;
  font-weight: bold;
  color: #555;
  cursor: pointer;
}

.modal-body {
  margin-top: 20px;
}

/* Responsive Styles */
@media (max-width: 768px) {
  .testimonial-card {
    margin: 15px 15px;
  }
  
  .testimonial-slider {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
  }
  
  .short-text {
    display: block;
  }
  .testimonial-title{
    font-size: 13px;
  }
  .testimonial-text{
    font-size: 12px;
  }
}

@media (min-width: 769px) {
  .slick-prev, .slick-next {
    width: 40px;
    height: 40px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    z-index: 10;
  }
  
  .slick-prev {
    left: -20px;
  }
  
  .slick-next {
    right: -20px;
  }
  
  .slick-prev:before, .slick-next:before {
    font-size: 20px;
    color: #fff;
  }
}
/* --- activities section css */
.activities-section {
  padding: 60px 0;
  background-color: #f9f9f9;
  text-align: center;
}

.section-title {
  font-size: 48px;
  font-weight: 600;
  color: #333;
  margin-bottom: 60px;
  text-align: center;
}

.activities-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 1200px;
  margin: 0 auto;
}

.activity-item {
  width: 20%;
  min-width: 160px;
  padding: 20px 15px;
  text-align: center;
  transition: transform 0.3s ease;
}

.activity-item:hover {
  transform: translateY(-10px);
}

.activity-icon {
  margin-bottom: 15px;
}

.activity-icon img {
  width: 60px;
  height: 60px;
  object-fit: contain;
}

.activity-title {
  font-size: 18px;
  font-weight: 500;
  color: #333;
  margin: 0;
}

/* Responsive styles */
@media (max-width: 992px) {
  .activity-item {
    width: 33.33%;
  }
}

@media (max-width: 576px) {

  .activities-section {
  padding:  20px 0;
 
}
.activity-title{
  font-size: 15px;
  font-weight: 600;
}
  .activity-item {
    width: 33.33%;
  }
  
  .section-title {
    font-size: 36px;
  }
}
/* ---blog section code ---- */
.blog-section {
  background-color: #f8f9fa;
  padding: 60px 0;
}

.blog-card {
  background-color: var(--base-color); /* Dark green background */
  color: white;
  border-radius: 8px;
  overflow: hidden;
  height: 100%;
  margin: 15px;
}

.blog-image {
  height: 240px;
  overflow: hidden;
  padding: 20px;
}

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

.blog-content {
  padding: 20px;
}

.expert-tag {
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 1px;
  margin-bottom: 10px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.8);
}

.blog-title {
  font-size: 24px;
  margin-bottom: 20px;
  font-weight: 500;
}

.cta-button {
  background-color: white;
  color: #333;
  padding: 8px 20px;
  border-radius: 4px;
  display: inline-block;
  text-decoration: none;
  font-weight: 500;
  border: none;
  transition: all 0.3s ease;
}

.cta-button:hover {
  background-color: #f0f0f0;
}

/* Slick slider customization */
.slick-prev, .slick-next {
  z-index: 10;
}

.slick-prev {
  left: 10px;
  top: 38%;
}

.slick-next {
  right: 10px;
  top: 38%;
}

.slick-dots {
  bottom: -40px;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .blog-section {
      padding: 40px 0;
  }
  
  .blog-card {
      margin: 10px;
  }
  
  .blog-title {
      font-size: 20px;
  }
}

/* Footer style */
.dark-footer {
  background-color: #14293d;
  height: 20px;
  margin-top: 50px;
}
/* ----------itineary card-- */

  .backcountry-card {
    border: none;
    border-radius: 5px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    max-width: 420px;
    transition: transform 0.3s ease;
  }

  .backcountry-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  }

  .image-hover-container {
    position: relative;
    height: 350px;
    overflow: hidden;
  }
  

  .card-img-top {
    height: 100%;
    width: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    transition: opacity 0.5s ease-in-out;
  }

  .primary-image {
    opacity: 1;
  }

  .secondary-image {
    opacity: 0;
  }

  .image-hover-container:hover .primary-image {
    opacity: 0;
  }

  .image-hover-container:hover .secondary-image {
    opacity: 1;
  }

  /* Info bar hover effect */
  .info-bar {
    background: rgba(0, 0, 0, 0.8);
    color: white;
    display: flex;
    justify-content: space-between;
    padding: 10px;
    z-index: 2;
    transform: translateY(100%);
    transition: transform 0.3s ease-in-out;
    opacity: 0;
  }

  .image-hover-container:hover .info-bar {
    transform: translateY(0);
    opacity: 1;
  }
  .leaflet-control-attribution.leaflet-control{
    display: none !important;
  }

  .info-item {
    flex: 1;
    padding: 0 10px;
  }
  .map-card-box{
    display: flex;
  width: 100%;
  justify-content: start;
  margin-top: 10px;
  gap:
20px;
  font-weight: 700;
  }
  .map-card-box .map-card-item{
    flex-grow: 2;
  }
  .map-detail-panel .map-card-box small{
    font-size: 14px;
    font-weight: 700;
  }

  .info-item i {
    font-size: 20px;
  }

  .info-item small {
    font-size: 10px;
    font-weight: bold;
    display: block;
  }

  .info-item p {
    font-size: 12px;
    font-weight: bold;
  }

  .card-title {
    margin-bottom: 5px;
    font-size: 20px;
  }

  .card-text {
    font-size: 18px;
    font-weight: 500;
    color: #333;
  }
.card-text span{
  font-size: 24px;
}
  /* Responsive adjustments */
  @media (max-width: 768px) {
    .info-bar {
      /* flex-direction: column; */
    }

    .info-item {
      /* margin-bottom: 10px; */
    }
  }

  @media screen and (max-width: 576px) {
    .image-hover-container{
        height: 150px;
    }
    .card-title{
        font-size: 14px !important;
        font-weight: 600;
    }
    .card-text span{
        font-size: 14px !important;
    }
    .info-item{
        padding: 0;
    }
    
element {
}
.info-item p {
  font-size: 9px;
  font-weight: bold;
}
.info-item small {
  font-size: 7px;
  
}
  }
  /* ---- filter itineary  */
  .filter-section {
   
    padding: 10px 0;
}

.filter-bar {
    display: flex;
    align-items: center;
}

.filter-label {
    background-color: #f8f9fa;
    padding: 10px 15px;
    text-align: center;
    font-weight: bold;
    border-right: 1px solid #e5e5e5;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}


.filter-dropdown {
    padding: 0 15px;
    border-right: 1px solid #e5e5e5;
}

.filter-dropdown .btn {
    font-weight: bold;
    color: #333;
    background: none;
    border: none;
    padding: 10px 5px;
}

.active-filter {
    background-color: #ff4a4a;
    color: white;
    padding: 5px 10px;
    margin: 0 5px;
    border-radius: 3px;
    display: inline-flex;
    align-items: center;
    font-size: 14px;
}

.active-filter .remove-filter {
    margin-left: 5px;
    cursor: pointer;
}

.clear-filters-wrapper {
    padding: 0 15px;
}

#clear-filters {
    color: #333;
    font-weight: bold;
}
.filter-group {
  position: relative;
  display: inline-block;
}

.filter-options {
  display: none;
  position: absolute;
  background-color: white;
  min-width: 160px;
  box-shadow: 0px 8px 16px rgba(0,0,0,0.2);
  z-index: 1;
  border-radius: 5px;
  padding: 0.5rem 0;
}

.filter-group:hover .filter-options {
  display: block;
}

.filter-options a {
  color: black;
  padding: 8px 16px;
  display: block;
  text-decoration: none;
}

.filter-options a:hover {
  background-color: #f1f1f1;
}
.filter-section label{
    font-size: 12px;
    font-weight: 500
  };
  .form-select{
    font-size: 14px;
  }

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

  #applyFilters{
    font-size:10px !important;
  }

  .filter-section label{
    font-size: 12px;
    font-weight: 500
  };
  .filter-section select.form-select{

    font-size: 0.7rem !important;
    font-weight: 500;
  }
  .filter-section .filter-tag{
    font-size: 13px;

  }
  .filter-section button{
    font-size: 12px;
    padding:10px; 

  }

}

/* /// about s banner  */
.about-hero-section {
  /* background-image: url('your-image.jpg'); Replace with your image path */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 100vh;
  position: relative;
  color: white;
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* background: linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0)); */
  display: flex;
  align-items: end;
  padding: 2rem;

}
.mission-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* background: linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0)); */
  display: flex;
  align-items: end;
  justify-content: end;
  /* padding: 2rem; */
  padding-bottom: 6rem;
  padding-inline: 3rem;

}

.about-hero-content h1 {
  font-size: 2.5rem;
  font-weight: 700;
  color: var(--base-color);
}

.about-hero-content p {
  font-size: 1.2rem;
  max-width: 600px;
}

@media (max-width: 768px) {
  .about-hero-content h1 {
    font-size: 1.8rem;
  }

  .about-hero-content p {
    font-size: 1rem;
  }
}
/* ---team section ------- */
.athletes-section {
  padding: 4rem 1rem;
  background-color: #fff;
  text-align: center;
}

.athlete-card {
  text-align: left;
  margin-bottom: 2rem;
}

.athlete-img {
  width: 100%;
  height: auto;
  object-fit: cover;
  filter: grayscale(100%);

}


.athlete-meta {
  font-size: 13px;
 
  text-align: justify !important;
  font-weight: 400;
  color: black;
}

.athlete-role {
  font-weight: 700;
  margin-top: 0.5rem;
  color: var(--base-color);
  font-size: 18px ;
}

.athlete-name {
  font-weight: 700;
  color: var(--navy-blue);
  font-size: 14px ;


}

.read-more {
  color: #000;
  font-weight: bold;
  display: inline-block;
  margin-top: 0.5rem;
  text-decoration: underline;
  cursor: pointer;
}
/* // team member page  */
.athlete-bio {
  padding: 3rem 1rem;
  /* max-width: 900px; */
  margin: auto;
}

.athlete-img {
  max-width: 100%;
  filter: grayscale(100%);
}

.athlete-name-heading {
  font-size: 2rem;
  font-weight: bold;
  color: var(--base-color);
}

.athlete-data {
  color: #666;
  font-size: 0.95rem;
  margin-bottom: 1rem;
  font-weight: 600;
  color: var(--navy-blue);
}

.athlete-location {
  text-transform: uppercase;
  font-weight: 600;
  margin-top: 1.5rem;
}
.athelete-discription{
  text-align: justify;
  font-weight: 500;
}

.accomplishments {
  margin-top: 2rem;
}

.accomplishments ul {
  padding-left: 1.2rem;
}

.accomplishments h5 {
  font-weight: bold;
  margin-bottom: 0.75rem;
}
.readmore-link{
  text-decoration: underline !important;
  color: black !important;
  font-weight: normal !important;
  font-size: 12px;
}

/* ///careers section in about page  */
.careers-section {
  padding: 80px 20px;
  text-align: center;
  background-color: black !important;
}

.careers-section h2 {
  font-weight: 700;
  font-size: 2.5rem;
  margin-bottom: 20px;
  color: white;
}

.careers-section p {
  font-size: 1.1rem;
  max-width: 800px;
  margin: 0 auto 30px;
  color: white;

}

.careers-btn {
  display: inline-block;
  padding: 12px 24px;
  font-weight: 600;
  border: 2px solid #fff;
  border-radius: 30px;
  color: #fff;
  background: transparent;
  text-decoration: none;
  transition: all 0.3s ease;
}

.careers-btn:hover {
  background-color: #fff;
  color: #000;
}

.careers-subtext {
  margin-top: 30px;
  font-style: italic;
  color: #ccc;
  font-size: 0.95rem;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}
.slick-slide{
  min-height: auto !important;
  height: auto !important;
}
.hero-slide.slick-slide{
  height:100vh !important;
  min-height: 600px;
}
/* /// gallery image  */
.slider-container {
  /* max-width: 1000px; */
  /* margin: 50px auto; */
  /* padding: 0 50px; */
  margin-top: 30px;
}
.slider .slide {
  padding: 0 5px;
  box-sizing: border-box;
}

.slider img {
  width: 100%;
  height: 90vh;
  object-fit: cover;
  border-radius: 10px;
}

.slick-prev:before,
.slick-next:before {
  color: var(--base-color);
  font-size: 40px;
  
}
.slick-next,.slick-prev{
  background-color: transparent !important;

}

@media (max-width: 768px) {
  .slider img {
    height: 250px;
  }
}
/* detila page itinearyccard */
.itinerary-card {   
  /* padding: 0.9375rem; */
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  background-color: #FBFBFB !important;
  /* margin-top: -130px; */
  /* position: sticky; */
  z-index: 1;
  margin-top: 3rem;
  top: 20px;
  -webkit-overflow-scrolling: touch; /* For smooth scrolling on iOS */
  overflow-y: auto;
  /* max-height: 150vh;  */
  box-shadow: 0 0 10px rgba(0,0,0,0.05);
  max-width: 600px;
  border: 1px solid #eee;
  
}

.itinerary-card {
  /* margin: auto; */
  /* font-family: 'Segoe UI', sans-serif; */
}
.itinerary-header {
  background-color: var(--base-color);
  color: #fff;
  padding: 10px;
  text-align: center;
  font-weight: bold;
}
.itinerary-price {
  font-size: 24px;
}
.itinerary-supplement {
  background-color: #a65552;
  color: #fff;
  text-align: center;
  font-size: 14px;
  padding: 4px;
}
.itinerary-section {
  padding: 15px;
  border-bottom: 1px solid #eee;
}
.itinerary-label {
  font-weight: 700;
  color: #333;
}
.itinerary-info {
  color: var(--base-color);
  font-weight: 500;
}
.itinerary-level-bar {

  /* height: 10px;
  width: 60px;
  background: linear-gradient(to right, #9cb16d 0%, #9cb16d 60%, #ccc 60%, #ccc 100%);
  border-radius: 3px; */
}
.itinerary-contact-box {
  background-color: #f2f5f7;
  padding: 15px;
  font-size: 14px;
}
.itinerary-contact-btn{
  padding: 5px 15px;

}
.itinerary-btn-blue {
  background-color: var(--navy-blue);
  color: white;
  width: 100%;
  font-weight: bold;
  padding: 12px;
 
  opacity: 80%;
  border: none;
}
.itinerary-btn-blue:hover{
  opacity: 100%;
}
.itinerary-btn-orange {
  background-color: var(--base-color);
  color: white;
  width: 100%;
  font-weight: bold;
  padding: 12px;
  /* margin-bottom: 10px; */
  border: none;
  opacity: 80%;
}
.itinerary-btn-orange:hover {
 
opacity: 100%;
}
.itinerary-footer {
  text-align: center;
  font-size: 13px;
  padding-bottom: 15px;
}
.itinerary-private {
  text-align: center;
  padding: 20px;
  border-top: 1px solid #eee;
}
.btn-private {
  background-color: #7a8e56;
  color: white;
  border: none;
  font-weight: bold;
  padding: 10px 20px;
}




.trip-section {
  max-width: 800px;
  /* margin: 0 auto; */
}

.trip-title {
  font-size: 32px;
  font-weight: 800;
  text-transform: uppercase;
}

.location {
  display: flex;
  align-items: center;
  color: var(--base-color);
  margin: 10px 0 20px;
  font-weight: 600;
}

.location::before {
  content: "📍";
  margin-right: 8px;
  font-size: 18px;
}

.trip-highlights {
  margin-top: 10px;
}

.highlight-title {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 16px;
  margin-bottom: 12px;
}

.highlight-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px 30px;
}

.highlight-item {
  position: relative;
  padding-left: 24px;
  font-size: 15px;
  color: #333;
}

.highlight-item::before {
  content: '✔';
  position: absolute;
  left: 0;
  color: #6a7c53;
  font-size: 16px;
}


/* -------accordion-------- */
.accordion-details .box details {
  transition: border 0.3s ease;
  padding: 10px 0;
  overflow: hidden;
  position: relative;
}

/* Simulated bottom border using ::after */
.accordion-details .box details::after, #planDetails-section .box details::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  background-color: black;
  opacity: 1;
  transform: scaleX(1);
  transform-origin: left;
  transition: opacity 0.4s ease, transform 0.4s ease;
}

/* When open: hide the "border" with transition */
.accordion-details .box details[open]::after, #planDetails-section .box details[open]::after {
  opacity: 0;
  transform: scaleX(0);
}

.accordion-details .box summary, #planDetails-section .box summary {
  cursor: pointer;
  padding: 15px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 600;
  transition: color 0.3s ease;
}

.accordion-details .box summary::marker, #planDetails-section .box summary::marker {
  content: "";
}

/* Plus-minus icon */
.plusminus {
  position: relative;
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
}

.plusminus::before {
  content: "";
  position: absolute;
  width: 3px;
  height: 1rem;
  background-color: #000;
  left: 73%;
  transform: translateX(-50%);
  transition: 0.3s;
}

.plusminus::after {
  content: "";
  position: absolute;
  width: 1rem;
  height: 3px;
  background-color: #000;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.3s;
}

/* Hide vertical bar on open */
details[open] .plusminus::before {
  height: 0;
  width: 0;
}

/* Content container for height animation */
.accordion-details .box details .content-container, #planDetails-section .box details .content-container {
  max-height: 0;
  overflow: hidden;
  transition: max-height 1s ease-in-out;
  opacity: 0;
}

.accordion-details .box details[open] .content-container, #planDetails-section .box details[open] .content-container {
  max-height: 1000px; /* Large enough to fit your content */
  opacity: 1;
  transition: max-height 0.5s ease-in-out, opacity 0.3s ease 0.2s;
  background-color: whitesmoke;
  border: 1px solid gainsboro;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}

/* LI styling - content box with border */
.accordion-details .box details .content-itinerary, #planDetails-section .box details .content-itinerary {
  border: 1px solid #ddd;
  padding: 10px;
  list-style: none;
  opacity: 0;
  /* transform: translateY(-10px); */
  transition: opacity 0.4s ease, transform 0.4s ease;
}

/* Animate paragraph content on open */
.accordion-details .box details[open] .content-itinerary, #planDetails-section .box details[open] .content-itinerary {
  opacity: 1;
  /* transform: translateY(0); */
  border: none;
  padding: 10px;
  transition: opacity 0.4s ease 0.2s, transform 0.4s ease 0.2s;

}
.plandetails_list{
  padding-inline:20px;
}
ul.plandetails_list li{
  position: relative;
  padding-inline:20px;
}
.plandetails_list li::before{
    content: "";
    width: 8px;
    height: 8px;
    background-color: var(--base-color);
    display: inline-block;
    top: 9px;
    left: 4px;
    position: absolute;

  
}
.batches-content{
  
  max-height: 600px;
  overflow: scroll;
  margin-top: 20px;
}


.selected-batch {
  background-color: #e8f4ff !important;
  border: 2px solid var(--base-color) !important;
}

.batch-date-list:hover {
  background-color: #f1f1f1 !important;
  transition: background-color 0.2s;
}

#book-now-btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.month-title {
  margin-top: 10px;
}

.month-section:not(:first-child) {
  margin-top: 20px;
}

.popup-enquiryform label{
  color: #000;
  font-weight: bold;
}
/* . */
.popup-summit-btn{
  width:100%;
  /* color:#000 !important; */
  font-weight: bold;
  background-color: var(--base-color);
  opacity: 80%;
}
.popup-summit-btn:hover{
  opacity: 100%;
  color: #000;
  background-color: var(--base-color);

}
/* ///contact page  */
.contactPage-form {
  padding: 40px 20px;
  margin-top: 20px;
  font-family: 'Arial', sans-serif;
  text-align: center;
}
.contactPage-form button{
  background-color: var(--base-color);
}
.contactPage-form button:hover{
  background-color: var(--base-color);
  opacity: 90%;
}

.contactPage-form form input,
.contactPage-form form select,
.contactPage-form form textarea {
  background-color: #f1f4f7;
  border: 1px solid #ced4da;
  border-radius: 8px;
  padding: 12px 16px;
  width: 100%;
  font-size: 1rem;
  color: #333;
}

.contactPage-form form select {
  appearance: none; /* Remove native dropdown arrow */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg viewBox='0 0 10 6' fill='%23666' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0l5 6 5-6z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 1rem;
}





.contactPage-form h2 {
  font-size: 32px;
  margin-bottom: 10px;
  font-weight: 800;
  text-transform: uppercase;
}

.contactPage-form p {
  font-size: 16px;
  max-width: 600px;
  margin: 0 auto 30px;
  color: #444;
}

.contactPage-form form {
  max-width: 800px;
  margin: 0 auto;
}

.form-row {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 20px;
}

.form-row input {
  flex: 1 1 48%;
}

input, textarea {
  width: 100%;
  padding: 15px;
  border: none;
  background-color: #f3f5f6;
  font-size: 16px;
  border-radius: 4px;
}

textarea {
  resize: vertical;
  margin-top: 15px;
}

button {
  margin-top: 25px;
  background-color: var(--base-color);
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  padding: 8px 8px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: background 0.3s ease;
}

button:hover {
  /* background-color: #d93920; */
}


  /* map itineary  */
.map-plan-section{
padding: 20px 0px;
  background: #f9f9f9 !important;
}

  #map {
    height: 100vh;
    width: 100%;
    position: relative;
}
.trek-card {
    margin-bottom: 15px;
    cursor: pointer;
    transition: transform 0.2s;
    border-radius: 8px;
    overflow: hidden;
}
.trek-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}
.trek-card.active {
    border: 2px solid #FF8C00;
    box-shadow: 0 10px 20px rgba(255,140,0,0.2);
}
.trek-image {
    width: 250px;
    height: 150px;
    object-fit: cover;
    border-radius: 4px;
}
.trek-list {
    height: 100vh;
    overflow-y: auto;
    padding: 15px;
}
.location-tag {
    font-size: 0.8rem;
    color: #6c757d;
    display: flex;
    align-items: center;
}
.location-tag svg {
    margin-right: 5px;
}
.experience-badge {
    font-size: 0.75rem;
    background-color: #f8f9fa;
    color: #666;
    padding: 2px 8px;
    border-radius: 12px;
}


/* Map Detail Panel */
.map-detail-panel {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 380px;
    max-height: calc(100vh - 40px);
    background-color: white;
    border-radius: 12px;
    box-shadow: 0 5px 25px rgba(0,0,0,0.2);
    z-index: 1000;
    overflow-y: auto;
    display: none;
}
.trek-description{
  font-size: 15px;
}
.map-detail-panel.active {
    display: block;
}
.detail-close {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 28px;
    height: 28px;
    background: white;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    z-index: 1010;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    font-size: 18px;
    line-height: 1;
}
.trek-detail-image {
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}
.detail-content {
    padding: 20px;
}
.author-section {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}
.modal-body .testimonial-author .author-image {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: cover;
    margin-right: 10px;
}
.activity-badge {
    display: inline-block;
    background-color: #f8f9fa;
    padding: 5px 10px;
    border-radius: 20px;
    font-size: 0.8rem;
    margin-right: 5px;
    margin-bottom: 5px;
}
.season-info {
    background-color: #f8f9fa;
    padding: 10px;
    border-radius: 8px;
    margin-bottom: 15px;
    font-size: 0.9rem;
}
.book-btn {
    background-color: #FF8C00;
    border: none;
    color: white !important;
    padding: 8px 15px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    width: 100%;
    margin-bottom: 20px;
    opacity: 80%;
}
.book-btn:hover{
  color: #fff !important;
  opacity: 100%;
}
@media screen and (max-width:575px) {
  .leaflet-touch .leaflet-bar {
    display: none !important;
  }
  .trek-details-map{
    flex-grow: 2;
  }
  .map-detail-panel {
  
  left: 19px;
  width: 90%;
  
}
  .map-itinerary-section{
    position: relative;
  }
  .trek-list{
    position: absolute;
    top:0;
    z-index: 1000;
  }
  .trek-image{
    width: 50%;
    height: 100px;
  }
  .trek-card h6{
    font-size: 14px;
  }
  .map-card-box{
    margin-top:0px;
  }
  .trek-card small{
font-size: 11px;
  }
  .map-card-point{

    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .map-card-point p{
    font-size: 12px;
    margin: 0;
  }
}

.partners-section img{
  width: 90px;
  height: 90px;
}
@media screen and (max-width: 595px) {
  .partners-section img{
    width: 70px;
    height: 70px;
  }
  
}
.pagination-btn {
    border: none;
    background: none;
    margin: 0 4px;
    padding: 8px 12px;
    font-weight: bold;
    border-radius: 20px;
    transition: background 0.3s;
    cursor: pointer;
    color: #000 !important;
}

.pagination-btn:hover {
    background: var(--base-color);
}

.pagination-btn.active-page {
    background-color: var(--base-color);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    color: black;
}


 /* ------------ tablist detials -------- */
 .nav-tabs {
  border-bottom: 1px solid #dee2e6;
}

.nav-tabs .nav-link {
  margin-bottom: -1px;
  color: #495057;
  font-weight: 600;
  border: none;
  padding: 15px 20px;
}

.nav-tabs .nav-link.active {
  color: var(--base-color);
  border-bottom: 3px solid #c62828;
  background-color: transparent;
}

.nav-tabs .nav-link:hover:not(.active) {
  border-bottom: 3px solid #f5c6c6;
}

.tab-content {
  padding: 25px 0;
}

.ski-list {
  padding-left: 20px;
}

.ski-list li {
  margin-bottom: 10px;
}

.section-title {
  font-weight: bold;
  margin-top: 20px;
  margin-bottom: 15px;
}

.inclusions-section {
  background-color: #f8fffa;
  margin-bottom: 30px;
            padding: 15px;
            border-radius: 5px;
}
.inclusions-section h2, .exclusions-section h2{
  font-size:18px ;
  margin-bottom: 15px;
}
.inclusions-section .list-item, .exclusions-section .list-item{
  display: flex;
  gap: 5px;
  margin-bottom: 5px;
  
}

.exclusions-section {
  background-color: #fff8f8;
  margin-bottom: 30px;
            padding: 15px;
            border-radius: 5px;
}
.inclusions-section .section-title::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background-color: #00c853;
}

.exclusions-section .section-title::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background-color: #f44336;
}
.inclusions-section .icon {
  color: #00c853;
}

.exclusions-section .icon {
  color: #f44336;
}
#validation-message {
  font-weight: 500;
  font-size: 0.95rem;
  border-left: 4px solid #dc3545;
  padding-left: 12px;
  background-color: #f8d7da;
  color: #721c24;
  animation: fadeIn 0.5s ease-in-out;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(-5px); }
  to { opacity: 1; transform: translateY(0); }
}




/* --- detail pagecard ---- */
.section-container {
  padding: 100px 0;
  /* background-color: #f8f9fa; */
}

.section-heading {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 40px;
  text-align: center;
  position: relative;
}
.blog-title{
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 40px;
  text-align: center;
  position: relative;

}

.section-heading:after {
  content: "";
  position: absolute;
  bottom: -12px;
  left: 50%;
  transform: translateX(-50%);
  width: 60px;
  height: 3px;
  background-color: #f95738;
}

/* Card styles */
.tour-card {
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  margin-bottom: 20px;
  background-color: #fff;
  height: 100%;
}

.tour-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}

.tour-card .card-img-wrapper {
  height: 220px;
  overflow: hidden;
}

.tour-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}

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

.tour-card .card-body {
  padding: 20px;
}

.tour-card .card-title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 10px;
  color: #333;
}

.tour-card .price {
  color: #666;
  font-size: 16px;
  margin-top: 8px;
  display: block;
}

/* Show more button */
.show-more-btn {
  display: block;
  width: 200px;
  margin: 30px auto 0;
  padding: 12px 0;
  background-color: transparent;
  color: #f95738;
  border: 2px solid #f95738;
  border-radius: 30px;
  font-weight: 600;
  text-align: center;
  transition: all 0.3s ease;
}

.show-more-btn:hover {
  background-color: #f95738;
  color: white;
}

/* Hidden cards */
.hidden-cards {
  display: none;
}

/* Additional helper classes */
.mt-60 {
  margin-top: 60px;
}
/* //login form page? */
.login-form-container{
  /* padding: 40px 0; */
  min-height: 100vh;

}
.trek-title {
  text-align: center;
  /* margin: 40px 0; */
  font-weight: bold;
  color: #212529;
  font-size: 28px;
}
.title-underline {
  height: 3px;
  width: 450px;
  background-color: var(--base-color);
  margin: 0 auto 40px;
}
.login-container, .signup-container {
  border-radius: 8px;
  padding: 15px;
  margin-bottom: 50px;
}
.login-container {
  border: 2px solid var(--base-color);
  background-color: #fff;
}
.signup-container {
  border: 1px solid #dee2e6;
  background-color: #f8f9fa;
}
.form-control {
  margin-bottom: 15px;
  /* padding: 12px;
  border: 1px solid #ced4da; */
}
.password-container {
  position: relative;
}
.password-toggle {
  position: absolute;
  right: 10px;
  top: 12px;
  cursor: pointer;
  color: #6c757d;
}
.btn-signin {
  background-color: #28a745;
  color: white;
  width: 100%;
  padding: 12px;
  font-weight: bold;
  border: none;
}
.btn-create {
  background-color: var(--base-color);
  color: #fff !important;
  width: 100%;
  padding: 12px;
  font-weight: bold;
  border: none;
}
.btn-create:hover{
  background-color: var(--base-color);
  color: #fff !important;

  
}
.forgot-link {
  font-size: 14px;
  color: #6c757d;
  text-decoration: none;
}
.forgot-link:hover {
  text-decoration: underline;
}
.login-title{
  font-size: 18px !important;
  margin-bottom: 20px;
}

@media (max-width: 768px) {
  .title-underline {
      width: 90%;
  }
}
/* // profile-page form  */
#userProfileForm label{
  color: #000;
}

section.blog-inner{
  font-size: 18px !important;
}
.blog-inner h1{
  font-size: 1.8em;
  font-weight: 800;
  letter-spacing: 1px;
}
p.blog-heading-content{
  font-size: 1em;
  font-weight: 600;

 
  
}
.blog-inner p{
  font-size: .8em;
  font-weight: 500;
  margin-block: 10px;
}
.blog-inner .author-id {
  font-weight: 600;
  color: #000;
}


/* -------header css---------- */
:root {
  --primary-color: #ffcc00;
  --secondary-color: #2c3e50;
  --accent-color: #e67e22;
  --light-color: #f8f9fa;
  --dark-color: #1a1a1a;
  --menu-bg: #212121;
  --text-light: #ffffff;
  --header-height: 80px;
}

/* body {
  padding-top: var(--header-height);
} */

.navbar {
  padding: 15px 0;
  background-color: transparent;
  /* box-shadow: 0 2px 10px rgba(0,0,0,0.1); */
  transition: transform 0.4s ease, box-shadow 0.3s ease;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1030;
}
.navbar .navbar-nav{
  gap: 40px;
}

.navbar.navbar-scrolled {
  box-shadow: 0 4px 15px rgba(0,0,0,0.15);
  background-color: white;
}

.navbar.navbar-hidden {
  transform: translateY(-100%);
}
.navbar.navbar-scrolled .nav-link {
  /* font-weight: 500; */
  color: black;
 
}

.navbar-brand img {
  height: 75px;
}

.navbar .nav-link {
  font-weight: 500;
 
  color: #fff;
  position: relative;
  transition: color 0.3s;
}
.navbar.menu-fixed .nav-link {
 
  color: #000;
}

.navbar.menu-fixed.navbar-scrolled{
position: fixed;
}

.nav-link:hover {
  color: var(--base-color);
}

.navbar .nav-link::after {
  content: '';
  position: absolute;
  width: 0;
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: var(--base-color);
  transition: width 0.3s;
}

.nav-link:hover::after {
  width: 100%;
}

.dropdown-menu {
  border: none;
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
  padding: 15px;
  border-radius: 8px;
}

.mega-menu {
  width: 700px;
  padding: 20px;
}

.mega-menu h6 {
  color: var(--primary-color);
  font-weight: 600;
  margin-bottom: 15px;
  padding-bottom: 8px;
  border-bottom: 1px solid #eee;
}

.mega-menu-item {
  padding: 8px 0;
  display: block;
  color: var(--dark-color);
  text-decoration: none;
  transition: all 0.3s;
}

.mega-menu-item:hover {
  color: var(--primary-color);
  transform: translateX(5px);
}

.category-icon {
  width: 40px;
  height: 40px;
  margin-right: 10px;
  padding: 8px;
  background-color: #f0f8ff;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--base-color);
}

.login-btn {
  background-color: var(--base-color);
  color: var(--dark-color);
  border-radius: 20px;
  padding: 8px 20px;
  font-weight: 600;
  transition: all 0.3s;
  border: none;
  width: 100%;
}

.login-btn:hover {
  background-color: var(--base-color);
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

.sign-in-btn {
  border: 2px solid white;
  background-color: transparent;
  color: white;
  border-radius: 20px;
  padding: 8px 20px;
  font-weight: 600;
  transition: all 0.3s;
  width: 100%;
  margin-top: 10px;
}

.sign-in-btn:hover {
  background-color: rgba(255,255,255,0.1);
}
.navbar-nav .nav-item a{
  /* font-size: ; */
}

.navbar {
    transition: all 0.3s ease;
    background-color: transparent !important;
}

/* Scrolled state styles */
.navbar.navbar-scrolled {
    background-color: white !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

/* Logo switching */
.logo-white {
    display: block;
}
.logo-dark {
    display: none;
}
.navbar-scrolled .logo-white {
    display: none;
}
.navbar-scrolled .logo-dark {
    display: block;
}

/* Hamburger icon colors */
.navbar-toggler .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-scrolled .navbar-toggler .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 0.55)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-toggler .navbar-toggler-icon.plansdetails-hamburger {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 0.55)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}




/* Close icon colors */
.navbar-toggler .close-icon {
    /* color: white; */
}
.navbar-scrolled .navbar-toggler .close-icon {
    color: #000 !important;
}
.navbar.menu-fixed{
  position:static;

}

/* Nav link colors in mobile menu */
@media (max-width: 991.98px) {
    .navbar-collapse {
        background-color: white;
    }
    .navbar-nav .nav-link {
        color: #333 !important;
    }
}

/* Mobile Responsive Styling */
@media (max-width: 992px) {
  .navbar {
      padding: 10px 0;
  }
  
  .mega-menu {
      width: 100%;
      padding: 10px;
  }
  
  .navbar-collapse {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      width: 100%;
      height: 100vh;
      background-color:#fff ;
      z-index: 1000;
      padding: 20px;
      overflow-y: auto;
      transition: all 0.3s ease;
      display: flex;
      flex-direction: column;
  }
  
  .navbar-collapse.collapsing {
      height: 100vh !important;
  }
  
  .navbar-nav {
      margin-top: 20px;
  }
  
  .nav-item {
      border-bottom: 1px solid rgba(255,255,255,0.1);
      margin: 0;
      padding: 0;
      position: relative;
  }
  
  .nav-link {
      color: #000 !important;
      font-size: 1.1rem;
      padding: 15px 0;
      display: flex;
      justify-content: center;
      align-items: center;
  }
  
  .navbar .navbar-nav{
    gap:10px

  }
  .dropdown-toggle::after {
      display: none;
  }
  
  .mobile-chevron {
      font-size: 1.2rem;
      color: #000;
      margin-left: 10px;
  }
  
  .navbar-toggler {
      z-index: 1002;
      border: none;
      padding-inline: 12px;
      margin-top: 0px;
  }
  
  .close-menu {
      position: absolute;
      top: 20px;
      left: 20px;
      font-size: 1.5rem;
      background: none;
      border: none;
      color: var(--text-light);
      cursor: pointer;
      z-index: 1001;
  }
  
  .mobile-logo {
      /* position: absolute; */
      top: 20px;
      left: 0;
      right: 0;
      text-align: center;
      z-index: 999;
  }
  
  .mobile-logo img {
      height: 100px;
  }
  
  .mobile-menu-bottom {
      /* margin-top: auto; */
      padding: 20px 0;
  }
  
  .mobile-icon {
      width: 24px;
      margin-right: 15px;
      text-align: center;
  }
  
  .dropdown-menu {
      background-color: #333;
      border: none;
      box-shadow: none;
      padding: 0 0 0 20px;
  }
  
  .mega-menu {
      background-color: transparent;
      box-shadow: none;
      width: 69%;
  margin-left: auto;
  padding-left: 0;
  margin-top: 15px;
  }
  
  .mega-menu h6 {
      color: var(--primary-color);
      border-bottom: 1px solid rgba(255,255,255,0.1);
  }
  
  .mega-menu-item {
      color: var(--text-light);
      padding: 10px 0;
  }
  
  .category-icon {
      background-color: rgba(255,255,255,0.1);
  }
}

@media (min-width: 992px) {
  .navbar .dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
    visibility: visible;
    opacity: 1;
    transition: all 0.3s ease;
  }

  .dropdown-menu {
    display: none;
    opacity: 0;
    visibility: hidden;
    width: 250px;
  }
}


@media (max-width: 600px) {
  .highlight-list {
    grid-template-columns: 1fr 1fr;
  }
  .highlight-item {
  font-size: 10px;
  font-weight: 600;
}

.nav-link.tab-button{
  font-size: .8rem;
  padding: 0 5px;

}

}
/* ---------trips card section ---- */
.card-container {
  padding: 40px 0;
}

.adventure-card {
  height: 600px;
  border-radius: 8px;
  /* overflow: hidden; */
  position: relative;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  transition: transform 0.3s, box-shadow 0.3s;
  cursor: pointer;
  margin-bottom: 20px;
}

.adventure-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0,0,0,0.2);
}

.card-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.7));
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: end;
  align-items: start;
  color: #fff;
}

.adventure-card h2 {
  font-weight: 700;
  margin-bottom: 10px;
  color: var(--base-color);
}

.adventure-card p {
  font-size: 0.95rem;
  line-height: 1.5;
  margin-bottom: 15px;
  font-weight: 500;
}

.read-more {
  background-color: rgba(255, 255, 255, 0.2);
  color: white;
  border: 1px solid white;
  padding: 5px 15px;
  border-radius: 4px;
  font-size: 0.9rem;
  transition: all 0.3s;
  display: inline-block;
}

.read-more:hover {
  background-color: var(--base-color);
  color: #fff;
}
 
/*  */
.card-container {
  padding: 40px 0;
}

.adventure-card {
  height: 600px;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  transition: transform 0.3s, box-shadow 0.3s;
  cursor: pointer;
  margin-bottom: 20px;
}

.adventure-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0,0,0,0.2);
}

.card-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.7));
  padding: 40px;
  display: flex;
  flex-direction: column;
  justify-content: end;
  color: #fff;
  z-index: 1;
}

.adventure-card h2 {
  font-weight: 700;
  margin-bottom: 10px;
}

.adventure-card p {
  font-size: 0.95rem;
  line-height: 1.5;
  margin-bottom: 15px;
}

.read-more {
  background-color: rgba(255, 255, 255, 0.2);
  color: white;
  border: 1px solid white;
  padding: 5px 15px;
  border-radius: 4px;
  font-size: 0.9rem;
  transition: all 0.3s;
  display: inline-block;
}

.read-more:hover {
  background-color: var(--base-color);
  color: #fff;
}

@media  screen and (max-width: 768px) {
  .adventure-card {
    height:300px !;
  }

  .card-overlay {
    padding: 20px;
  }

  .adventure-card h2 {
    font-size: 1.5rem;
  }

  .adventure-card p {
    font-size: 0.9rem;
  }
 
}

@media  screen and (max-width: 575px) {
  .adventure-card{
    height:250px;
  }
  .adventure-card .card-overlay{
    padding: 25px;
  }
  .adventure-card h2{
    font-size: 13px !important;
  }
  .adventure-card p{
    font-size: 13px !important;
    margin-bottom: 4px;
    font-weight: 500;
  }
  .adventure-card .read-more{
    font-size: .6rem !important;
    padding: 3px 10px;
  }
}




/* -----------video section  */
.video-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

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

.play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60px;
  height: 60px;
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease;
  z-index: 2;
}

.play-button:hover {
  background-color: rgba(255, 255, 255, 0.5);
  transform: translate(-50%, -50%) scale(1.1);
}

.play-button:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-left: 20px solid white;
  margin-left: 5px;
}

.modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  z-index: 1000;
  justify-content: center;
  align-items: center;
}

.modal-content {
  position: relative;
  width: 80%;
  max-width: 800px;
}

.close-modal {
  position: absolute;
  top: -40px;
  right: 0;
  color: white;
  font-size: 30px;
  cursor: pointer;
}

.youtube-embed {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  position: relative;
}

.youtube-embed iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


.video-box {
  position: relative;
  cursor: pointer;
  border: 1px solid #eee;
  border-radius: 8px;
  overflow: hidden;
  transition: transform 0.2s ease;
}
.video-box:hover {
  transform: scale(1.02);
}

.play-button {
  background: none;
  border: none;
  padding: 0;
  z-index: 2;
  cursor: pointer;
}

.modal {
  display: none;
  position: fixed;
  z-index: 9999;
  left: 0; top: 0;
  width: 100%; height: 100%;
  background-color: rgba(0,0,0,0.8);
  justify-content: center;
  align-items: center;
}

.modal-content {
  background: transparent;
  padding: 0;
  border: none;
  max-width: 90%;
  width: 640px;
}

#tripItineraryModal .modal-content{
  background-color: white ;
}
#tripItineraryModal .modal-dialog{
  /* background-color: white ; */
  margin-top: 100px;
}
.youtube-embed iframe {
  width: 100%;
  height: 360px;
}

.close-modal {
  position: absolute;
  top: 10px; right: 20px;
  font-size: 24px;
  color: black;
  cursor: pointer;
}
.hover-animate:hover {
  animation: bounce 1s; /* Example animation */
}

/* founder */
.founders-section {
  padding: 60px 0;
  text-align: center;
  background-color: #fff;
  
}

.founders-box{
    position: relative; /* Crucial for overlay positioning */
  overflow: hidden; /* Hide overflowing overlay */

}
.founders-title {
  font-size: 5rem;
  font-weight: 300;
  letter-spacing: 5px;
  margin-bottom: 50px;
  font-family: 'Helvetica', sans-serif;
}

.founder-card {
  width: 100%;
  height: 100%;
  background: #ffffff;
  border: 2px solid #000;
  border-radius: 10px;
  text-align: center;
  padding: 20px;
  cursor: pointer;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  transition: transform 0.3s ease;
}

.founder-card:hover {
  transform: translateY(-10px);
}

.founder-image {
  width: 100%;
  height: auto;
  display: block;
}

.founder-name {
  margin-top: 10px;
  font-size: 1.2rem;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-family: 'Helvetica', sans-serif;
}

.founder-overlay {
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%; /* Will match .founders-section width */
  height: 100%;
  background: #fff;
  color: #000;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: left 0.4s ease-in-out;
  z-index: 10;
  pointer-events: none;
  padding: 40px;
}

.founder-overlay-content {
  /* max-width: 800px; */
}

.founder-img {
width: 100%;
max-width: 400px;
object-fit: cover;
filter: grayscale(100%);
border-radius: 8px;
}

.vertical-text {
position: absolute;
left: -40px;
top: 50%;
transform: rotate(-90deg) translateY(-50%);
transform-origin: left center;
font-style: italic;
font-family: 'Cursive', sans-serif;
font-size: 18px;
color: #333;
}

h2.founder-name {
font-size: 30px;
font-weight: 600;
font-weight: 300;
}
h4.founder-name{
  font-size: 24px;
  font-weight: bold;
  color: var(--base-color);
}

.title-line {
border: none;
border-top: 2px solid black;
width: 100%;
margin: 10px 0 20px;
}

.founder-description {
font-size: 16px;
line-height: 1.8;
color: #000;
font-weight: 600;
}


/*  blog page design */


.skill-header {
  margin-top: 50px;
  padding: 3rem 0;
  text-align: center;
}

.skill-header h1 {
  font-weight: 700;
  color: #333;
  margin-bottom: 1.5rem;
  font-size: 36px;
}

.skill-header p {
  font-size: 1.2rem;
  color: #555;
  margin: 0 auto;
  line-height: 1.6;
  width: 70%;
  font-size: 18px;
  font-weight: 400 ;
}
.skill-header p a {
  font-size: 1.2rem;
  font-weight: 500;
   color: var(--base-color);
}

.category-tabs {
 
  padding: 0.5rem 0;
  margin-bottom: 3rem;
  overflow-x: auto;
  white-space: nowrap;
}
.category_list{
  /* width: 90%; */
}

.category-tabs .nav-link {
  color: #000;
  font-weight: 600;
  padding: 0.5rem 1rem;
  border: none;
  font-size: 16px;
}

.section-title {
  font-size: 2.5rem;
  font-weight: 700;
  text-align: center;
  margin: 2rem 0 3rem;
  color: #333;
}

.article-card {
  height: 100%;
  border: none;
  border-radius: 0;
  transition: transform 0.3s;
}
.article-card img{
  border-radius: 20px;
}
.swift-content{
  background: white;
  width: 70%;
  margin-inline: auto ;
  transform: translateY(-100px);
  border-radius: 5px;
}

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

.article-img {
  height: 200px;
  object-fit: cover;
  border-radius: 0;
}

.article-category {
  font-size: 0.9rem;
  color: #333;
  margin-bottom: 0.25rem;
  font-weight: 600;
}
.flex-direction-col{
  flex-direction: column;
}
.article-title {
  font-weight: 500;
  font-size: .9rem;
  line-height: 1.3;
  /* margin-bottom: 0.5rem; */
}
.article-title a {
  color: var(--base-color);
  
}


.article-author {
  font-size: 0.85rem;
  color: #333;
  margin-top: 0.5rem;
  font-weight: 600;
  text-transform: capitalize;
}

.tab-content {
  min-height: 400px;
}

.separator {
  height: 2px;
  background-color: #1b0e0e45;
  width: 30%;
  margin: 3rem auto 2rem;
}

/* Responsive adjustments */
@media (max-width: 992px) {
  .skill-header {
      padding: 2rem 1rem;
  }

  .category-tabs {
      padding: 0.25rem 0;
  }

  .category-tabs .nav {
      flex-wrap: nowrap;
  }
}

@media (max-width: 576px) {
  .skill-header h1 {
      font-size: 2rem;
  }

 .hiking-content{
  width: 100%;
 }
  .section-title {
      font-size: 1.25rem !important;
      margin: 1.5rem 0 2rem;
      padding-top: 0px;
  }
  .article-category{
    font-size:0.7rem;
  }

  .article-title {
      font-size: .8rem;
  }

  .category-tabs .nav-link {
      padding: 0.5rem 0.75rem;
      font-size: 0.9rem;
  }


  
.skill-header p {
  /* font-size: .9rem; */
  
 
  /* line-height: 1.6; */
  width: 100%;
  font-size: 13px;
  /* font-weight: 400 ; */
}
.skill-header p a {
  font-size: 14px;
  font-weight: 500;
   color: var(--base-color);
}

}
.stories-section{
   margin-block: 50px;

}


.hiking-section {
  
  background-size: cover;
  min-height: 550px;
  position: relative;
  color: white;
}

.hiking-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.2); /* dark overlay for text contrast */
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 2rem;
}

.hiking-content {
  /* max-width: 80%; */
}

.hiking-content p {
  font-size: 1.8rem;
  line-height: 1.7;
  font-weight: 500;
  width:90%
}

@media (max-width: 768px) {
  .hiking-content p {
    font-size: 1rem;
  }
}


/* --------video section youtube */
.video-card {
    transition: transform 0.3s ease;
    margin: 0 10px; /* Add margin for slider spacing */
}

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

.video-thumbnail-container {
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    transition: box-shadow 0.3s ease;
}

.video-thumbnail-container:hover {
    box-shadow: 0 8px 25px rgba(0,0,0,0.2);
}

.play-button {
    transition: transform 0.3s ease;
}

/* .video-thumbnail-container:hover .play-button {
    transform: scale(1.1);
} */

.gradient-overlay {
    background: linear-gradient(transparent, rgba(0,0,0,0.7));
    pointer-events: none;
}

.video-title-overlay {
    z-index: 2;
    margin-bottom: 20px;
}
.video-title-overlay h4{
/* width:80% */
}

.video-thumbnail {
    transition: transform 0.3s ease;
}

.video-thumbnail-container:hover .video-thumbnail {
    transform: scale(1.05);
}

/* Slick Slider Custom Styles */
.video-slider {
    margin: 0 -10px;
}

.video-slider.slick-initialized .slick-slide{
  margin-inline:15px
}

.video-slide {
    padding: 0 5px;
}



.slick-prev {
    left: -50px;
}

.slick-next {
    right: -50px;
}

.slick-prev:before,
.slick-next:before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 16px;
    line-height: 1;
    opacity: 1;
    color: white;
}

.slick-prev:before {
    content: '\f104'; /* fa-angle-left */
}

.slick-next:before {
    content: '\f105'; /* fa-angle-right */
}



/* Responsive adjustments */
@media (max-width: 768px) {
    .video-thumbnail {
        height: 120px !important;
    }
    
    .play-button {
        width: 40px !important;
        height: 40px !important;
    }
    
    .video-title-overlay h6 {
        font-size: 0.8rem !important;
    }
    
    .slick-prev {
        left: -30px;
    }
    
    .slick-next {
        right: -30px;
    }
}

@media (max-width: 576px) {
    .slick-prev,
    .slick-next {
        display: none !important; /* Hide arrows on mobile */
    }
    .video-title-overlay h4{
      font-size:16px !important;

    }
}

 /* data select  */
.date-selection-section {
    background: #f8f9fa;
    padding: 20px;
    border-radius: 8px;
    margin-top: 20px;
}

.date-selection-title {
    font-weight: 600;
    color: #333;
    font-size: 16px;
    margin-bottom: 15px;
}

.date-accordion-item {
    background: white;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.date-month-header {
    background: #6e5a5a73;
    padding: 8px 10px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    border-bottom: 1px solid #dee2e6;
}

.date-month-header:hover {
  color: #6e5a5a73;
}

.month-name {
    font-weight: 600;
    color: #333;
    font-size: 14px;
}

.toggle-icon {
    transition: transform 0.3s ease;
}

.collapse {
    transition: height 0.3s ease;
    /* overflow: hidden; */
    height: 0;
}

.collapse.show {
    height: auto;
}

.date-options-container {
    padding: 0;
}

.date-option {
    padding: 15px 20px;
    border-bottom: 1px solid #f1f3f4;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.hoverOnScale {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor: pointer;
}

.date-option.not-sold:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
    z-index: 2; /* optional for overlap */
}
.date-date-option:hover {
    background: #f8f9fa;
}

.date-option:last-child {
    border-bottom: none;
}

.date-option.selected {
    background: #e3f2fd;
    border-left: 4px solid #2196f3;
}

.batch-date {
    font-weight: 500;
    color: #33333382;
    font-size: 14px;
}

.batch-info {
    margin-top: 4px;
}

.batch-availability {
    text-align: right;
}

.availability-status {
    font-weight: 600;
    font-size: 14px;
    padding: 4px 8px;
    border-radius: 4px;
    text-transform: uppercase;
    font-size: 12px;
}

.availability-status.available {
    color: #28a745;
    background: #d4edda;
}

.availability-status.limited {
    color: #ffc107;
    background: #fff3cd;
}

.availability-status.sold-out {
    color: #dc3545;
    background: #f8d7da;
}

.date-option.sold-out {
    opacity: 0.6;
    cursor: not-allowed;
}

.date-option.sold-out:hover {
    background: transparent;
}

@media (max-width: 768px) {
    .date-selection-section {
        padding: 15px;
    }
    
    .date-month-header {
        padding: 12px 15px;
    }
    
    .date-option {
        padding: 12px 15px;
    }
    
    .month-name {
        font-size: 14px;
    }
}

/* ---rating card -- */
.rating-container {
    display: flex;
    align-items: center;
    gap: 8px;
}

.rating-bars {
    display: flex;
    gap: 2px;
    align-items: center;
}

.rating-bar {
    width: 12px;
    height: 12px;
    border-radius: 2px;
    background-color: #e9ecef;
    transition: all 0.3s ease;
}

/* Easy Rating (1-2) - Green */
.rating-bar.active.easy {
    background-color: #28a745;
    box-shadow: 0 0 4px rgba(40, 167, 69, 0.3);
}

/* Moderate Rating (3-4) - Orange */
.rating-bar.active.moderate {
    background-color: #fd7e14;
    box-shadow: 0 0 4px rgba(253, 126, 20, 0.3);
}

/* Hard Rating (5) - Red */
.rating-bar.active.hard {
    background-color: #dc3545;
    box-shadow: 0 0 4px rgba(220, 53, 69, 0.3);
}

.rating-text {
    font-size: 12px;
    font-weight: 500;
    color: #6c757d;
}

/* Color coding for rating text */
.rating-container:has(.rating-bar.active.easy) .rating-text {
    color: #28a745;
}

.rating-container:has(.rating-bar.active.moderate) .rating-text {
    color: #fd7e14;
}

.rating-container:has(.rating-bar.active.hard) .rating-text {
    color: #dc3545;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .rating-container {
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
    }
    
    .rating-bars {
        gap: 3px;
    }
    
    .rating-bar {
        width: 14px;
        height: 14px;
    }
}
@media (max-width: 576px) {
    .rating-bar {
        width: 8px;
        height: 8px;
    }
}

/* Hover effects */
.rating-bars:hover .rating-bar.active {
    transform: scale(1.1);
}

/* Animation for loading */
.rating-bar.active {
    animation: ratingFadeIn 0.3s ease-in-out;
}

@keyframes ratingFadeIn {
    from {
        opacity: 0;
        transform: scale(0.8);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

/* Alternative bar style (rectangular) */
.rating-bars.rectangular .rating-bar {
    width: 16px;
    height: 8px;
    border-radius: 1px;
}

/* Alternative bar style (circular) */
.rating-bars.circular .rating-bar {
    border-radius: 50%;
    width: 10px;
    height: 10px;
}

/* itineary accordion  */
.itinerary-accordion{
  display: flex;
  flex-direction: column;
  gap: 10px;
  /* border: 2px solid black; */
}
details.itinerary-item summary p{
  display: flex;
  align-items: center;
  gap: 20px;
}
details.itinerary-item summary p .title-btn{
 padding: 5px 10px;
  border-radius: 10px;
  background: var(--base-color);
  color: white;
}
details.itinerary-item summary p .subtitle-text{
  color: black;
}
.itinerary-accordion details[open] summary p .title-btn{
  border: 2px solid white;
}
.itinerary-accordion details[open] summary p .subtitle-text{
  color: white;
}

.itinerary-accordion details {
    /* border: 1px solid #e2e8f0; */
}

.itinerary-accordion details[open] {
    /* border-color: #cbd5e0; */
}
.itinerary-accordion details[open] summary {
  border: 1px solid gainsboro;
  background-color: var(--base-color);
  border-top-left-radius: 20px;
  border-top-right-radius:20px ;
    /* border-color: #cbd5e0; */
}

.itinerary-accordion details[open] .plusminus span:last-child {
    height: 0;
}

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

.itinerary-accordion details[open] .content-container {
    max-height: 1000px; /* Adjust based on your content */
    /* border-top: 1px solid #e2e8f0; */
}

/* Smooth transitions */
.itinerary-accordion details,
.itinerary-accordion summary,
.itinerary-accordion .content-container {
    transition: all 0.3s ease-in-out;
}
/* --- media screen size 594 */
@media screen and (max-width: 594px) {

  .inclusions-section h2, .exclusions-section h2{
    font-size: 1.2rem !important;
  }
.inclusions-section .list-item, .exclusions-section .list-item svg{
margin-top: 5px;
}
.inclusions-section .list-item, .exclusions-section .list-item .list-text{
font-size: 13px;
font-weight: 500;
}

details.itinerary-item summary p .title-btn {
  font-size: 11px;
 }
details.itinerary-item summary p .subtitle-text{
  font-size: 13px;
 }
details.itinerary-item .content-container {
  font-size: 14px;
  font-weight: 500;
 }
 .overview-content-tab{
  font-size: 14px;
 }

 }
/* --------- details page  */

  .gallery-section {
            padding: 80px 0;
            /* background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%); */
        }

        .gallery-title {
            text-align: center;
            margin-bottom: 60px;
        }

        .gallery-title h2 {
            font-size: 3rem;
            font-weight: 700;
            color: var(--base-color);
            margin-bottom: 15px;
            position: relative;
        }

        .gallery-title h2::after {
            content: '';
            position: absolute;
            bottom: -10px;
            left: 50%;
            transform: translateX(-50%);
            width: 80px;
            height: 4px;
            background: var(--base-color);
            border-radius: 2px;
        }
        .gallery-title p{
          color: var(--secondary-color);
          font-size: 18px;

        }

       

        .gallery-item {
            position: relative;
            margin-bottom: 30px;
            border-radius: 15px;
            overflow: hidden;
            cursor: pointer;
            transition: all 0.4s ease;
            box-shadow: 0 8px 25px rgba(0,0,0,0.1);
        }

        .gallery-item:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 40px rgba(0,0,0,0.2);
        }

        .gallery-item img {
            width: 100%;
            height: 250px;
            object-fit: cover;
            transition: transform 0.4s ease;
        }

        .gallery-item:hover img {
            transform: scale(1.1);
        }

        .gallery-overlay {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: var(--base-color);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 2rem;
            opacity: 0;
            transition: opacity 0.3s ease;

        }

        .gallery-item:hover .gallery-overlay {
            opacity: .7;
        }

        .view-more-btn {
            background: var(--base-color);
            border: none;
            color: white;
            padding: 15px 40px;
            font-size: 1.1rem;
            font-weight: 600;
            border-radius: 50px;
            transition: all 0.3s ease;
            box-shadow: 0 5px 15px rgba(52, 152, 219, 0.3);
            margin: 40px auto;
            display: block;
        }

        .view-more-btn:hover {
            transform: translateY(-3px);
            box-shadow: 0 8px 25px rgba(52, 152, 219, 0.4);
        }

        .view-more-btn:hover:not([style*="background: linear-gradient(135deg, #e74c3c"]) {
            background: var(--navy-blue);
        }

        /* View Less button hover effect */
        button[style*="background: linear-gradient(135deg, #e74c3c"]:hover {
            background: linear-gradient(135deg, #c0392b, #a93226) !important;
            box-shadow: 0 8px 25px rgba(231, 76, 60, 0.4);
        }

        .hidden-images {
            display: none;
        }

        .hidden-images.show {
            display: block;
            animation: fadeInUp 0.6s ease;
        }

        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(30px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        /* Modal Styles */
        .modal {
            display: none;
            position: fixed;
            z-index: 9999;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.9);
            animation: fadeIn 0.3s ease;
        }

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

        .modal-content {
            position: relative;
            max-width: 90%;
            max-height: 90%;
            margin: auto;
        }
#imageModal .modal-content{
  width:100% !important;;
  height:100% !important;
}
        .modal-content img {
            width: 100%;
            height: auto;
            border-radius: 10px;
            box-shadow: 0 20px 60px rgba(0,0,0,0.5);
        }

       #imageModal .close-btn {
            position: absolute;
            top: -2px;
            right: 0;
            color: white;
            font-size: 40px;
            font-weight: bold;
            cursor: pointer;
            transition: color 0.3s ease;
            background: var(--base-color);
            width: 36px;
            height: 36px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            backdrop-filter: blur(10px);
            color: black;
        }

       /* #imageModal .close-btn:hover {
            color: #3498db;
            background: rgba(255,255,255,0.2);
        } */

        @keyframes fadeIn {
            from { opacity: 0; }
            to { opacity: 1; }
        }

        @media (max-width: 768px) {
            .gallery-title h2 {
                font-size: 2rem;
            }
            
            .gallery-item {
                margin-bottom: 20px;
            }
            
            .gallery-item img {
                height: 200px;
            }
        }
          /* Content Section Styles */
        .content-section {
            position: relative;
            /* background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); */
            overflow: hidden;
        }

        .content-image-container {
            position: relative;
            min-height: 100vh;
        }

        .content-image-wrapper {
            position: relative;
            width: 100%;
            height: 100%;
            overflow: hidden;
        }

        .content-main-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.3s ease;
        }

        .content-main-image:hover {
            transform: scale(1.05);
        }

        .image-overlay {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: linear-gradient(
                45deg,
                rgba(102, 126, 234, 0.1) 0%,
                rgba(118, 75, 162, 0.3) 100%
            );
        }

        .overlay-pattern {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            opacity: 0.1;
            background-image: 
                radial-gradient(circle at 20% 80%, rgba(120, 119, 198, 0.3) 0%, transparent 50%),
                radial-gradient(circle at 80% 20%, rgba(255, 255, 255, 0.15) 0%, transparent 50%),
                radial-gradient(circle at 40% 40%, rgba(120, 119, 198, 0.2) 0%, transparent 50%);
        }

        .content-text-container {
            /* background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); */
            display: flex;
            align-items: center;
            min-height: 100vh;
            position: relative;
        }

        .content-text-container::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="%23000" opacity="0.02"/><circle cx="75" cy="75" r="1" fill="%23000" opacity="0.02"/><circle cx="50" cy="10" r="1" fill="%23000" opacity="0.02"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');
            opacity: 0.5;
        }

        .content-wrapper {
            padding: 60px;
            position: relative;
            z-index: 2;
            /* max-width: 600px; */
        }

        .content-badge {
            display: inline-block;
            margin-bottom: 20px;
        }

        .content-badge span {
            background: var(--base-color);
            color: white;
            padding: 8px 20px;
            border-radius: 25px;
            font-size: 0.9rem;
            font-weight: 600;
            letter-spacing: 0.5px;
            text-transform: uppercase;
        }

        .content-title {
            font-size: 3.5rem;
            font-weight: 800;
            line-height: 1.1;
            margin-bottom: 30px;
            color: var(--base-color);
        }

        .highlight-text {
            background: linear-gradient(135deg, #11224d, var(--base-color));
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .content-text {
            margin-bottom: 40px;
        }

        .lead-paragraph {
            font-size: 1.3rem;
            font-weight: 500;
            color: #495057;
            margin-bottom: 25px;
            line-height: 1.6;
        }

        .content-text p {
            font-size: 1.1rem;
            line-height: 1.7;
            color: #666;
            margin-bottom: 20px;
        }

        .content-stats {
            display: flex;
            gap: 40px;
            margin-bottom: 40px;
            padding: 30px 0;
            border-top: 2px solid #e9ecef;
            border-bottom: 2px solid #e9ecef;
        }

        .stat-item {
            text-align: center;
        }

        .stat-number {
            font-size: 2.5rem;
            font-weight: 800;
            background: linear-gradient(135deg, #667eea, #764ba2);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            margin-bottom: 5px;
        }

        .stat-label {
            font-size: 0.9rem;
            color: #666;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 1px;
        }

        .content-actions {
            display: flex;
            gap: 20px;
            align-items: center;
        }

        .cta-button {
            padding: 15px 30px;
            border: none;
            border-radius: 50px;
            font-weight: 600;
            font-size: 1rem;
            cursor: pointer;
            transition: all 0.3s ease;
            position: relative;
            overflow: hidden;
        }

        .cta-button.primary {
            background: linear-gradient(135deg, #667eea, #764ba2);
            color: white;
            box-shadow: 0 8px 25px rgba(102, 126, 234, 0.3);
        }

        .cta-button.primary:hover {
            transform: translateY(-3px);
            box-shadow: 0 12px 35px rgba(102, 126, 234, 0.4);
        }

        .cta-button.secondary {
            background: transparent;
            color: #667eea;
            border: 2px solid #667eea;
        }

        .cta-button.secondary:hover {
            background: #667eea;
            color: white;
            transform: translateY(-2px);
        }

        .button-arrow {
            margin-left: 10px;
            transition: transform 0.3s ease;
        }

        .cta-button.primary:hover .button-arrow {
            transform: translateX(5px);
        }

        /* Responsive Design */
        @media (max-width: 991px) {
            .content-image-container {
                min-height: 50vh;
            }
            
            .content-main-image {
                height: 50vh;
            }
            
            .content-text-container {
                min-height: auto;
            }
            
            .content-wrapper {
                padding: 60px 40px;
            }
            
            .content-title {
                font-size: 2.8rem;
            }
            
            .content-stats {
                gap: 30px;
            }
        }

        @media (max-width: 768px) {
            .content-wrapper {
                padding: 40px 30px;
            }
            
            .content-title {
                font-size: 2.2rem;
            }
            
            .lead-paragraph {
                font-size: 1.2rem;
            }
            
            .content-text p {
                font-size: 1rem;
            }
            
            .content-stats {
                gap: 20px;
                flex-wrap: wrap;
                justify-content: center;
            }
            
            .stat-number {
                font-size: 2rem;
            }
            
            .content-actions {
                flex-direction: column;
                align-items: stretch;
            }
            
            .cta-button {
                text-align: center;
            }
        }

        @media (max-width: 576px) {
            .content-wrapper {
                padding: 30px 20px;
            }
            
            .content-title {
                font-size: 2rem;
            }
            
            .content-image-container {
                min-height: 40vh;
            }
            
            .content-main-image {
                height: 40vh;
            }
        }
        /* <!-- itinerary page details --> */
        .filter-tags {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            margin-top: 32px;
        }
        .filter-tag {
            background-color: var(--base-color);
            color: white;
            padding: 5px 10px;
            border-radius: 20px;
            display: flex;
            align-items: center;
            cursor: pointer;
        }
        .filter-tag span {
            margin-left: 10px;
            font-weight: bold;
            cursor: pointer;
        }
        /* end filter */

        /* checkoutpage design */
  

/* Checkout Page Styles */
.checkout-container h2{
  font-size: 3rem;
  font-weight: 700;

}
.checkout-box p{
font-size: 14px;
font-weight: 500;

}
.checkout-box{
  border-bottom: 3px solid var(--base-color) !important;
  border-top: 3px solid var(--base-color) !important;
  gap:20px;
  padding: 20px;

}
 .cart-item img {
            width: 150px;
            height: auto;
            object-fit: cover;
        }
        .remove-btn {
            color: gray;
            text-decoration: underline;
            cursor: pointer;
        }
        
        .qty-box {
            display: flex;
            align-items: center;
        }
        .qty-box button {
            border: 1px solid #ccc;
            background: #f9f9f9;
            padding: 0 10px;
        }
        .qty-box input {
            width: 50px;
            text-align: center;
            border: 1px solid #ccc;
            margin: 0 5px;
            padding: 1px 2px;
        }
        .subtotal-box{
          border-bottom: 3px solid black;
          padding: 10px 0;
        }
        .gst-box{
          padding:10px 0
        }

        .totalamount-box{
        padding: 20px 0;
        }

        /* Enhanced Checkout Page Styles */


.cart-item-content {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}

.cart-image img {
    width: 120px;
    height: 120px;
    object-fit: cover;
    border-radius: 8px;
}

.cart-details {
    flex: 1;
    min-width: 200px;
}

.cart-details h6 {
    font-size: 1.1rem;
    color: #333;
}

.cart-actions {
   display: flex;
  flex-grow:1;
  gap: 15px;
  justify-content: space-between;
  align-items: center;
}

.price-section {
    font-size: 1.2rem;
    color: var(--base-color, #007bff);
}

/* .qty-box {
    display: flex;
    align-items: center;
    border: 1px solid #ddd;
    border-radius: 6px;
    overflow: hidden;
} */

.qty-box button {
    border: none;
    background: #f8f9fa;
    padding: 8px 12px;
    cursor: pointer;
    transition: background-color 0.2s;
}

.qty-box button:hover {
    background: #e9ecef;
}

.qty-box input {
    width: 50px;
    text-align: center;
    border: none;
    padding: 8px 5px;
    font-weight: 500;
}

/* Participant Section */
.participant-section {
    background: #fff;
    /* border: 2px solid var(--base-color, #007bff); */
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    overflow: hidden;
}

.participant-header {
    background: var(--base-color);
    color: white;
    padding: 20px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: all 0.3s ease;
}

.participant-header:hover {
    /* background: linear-gradient(135deg, #0056b3, var(--base-color, #007bff)); */
}

.participant-count-badge {
    font-size: 0.9rem;
    font-weight: normal;
}

.toggle-icon {
    transition: transform 0.3s ease;
}

.participant-header[aria-expanded="false"] .toggle-icon {
    transform: rotate(-90deg);
}

.participant-content {
    padding: 25px;
}

.participant-item {
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 20px;
    position: relative;
}

.participant-item h6 {
    color: var(--base-color, #007bff);
    /* border-bottom: 2px solid #e9ecef; */
    padding-bottom: 10px;
    margin-bottom: 15px;
}

.form-group {
    margin-bottom: 15px;
}

.form-group label {
    font-weight: 500;
    color: #333;
    margin-bottom: 5px;
}

.form-control {
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 10px 12px;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.form-control:focus {
    border-color: var(--base-color, #007bff);
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.form-control.is-invalid {
    border-color: #dc3545;
}

.invalid-feedback {
    font-size: 0.875rem;
}

/* Summary Section */
.summary-section {
    top: 20px;
}

/* .summary-content {
    background: #fff;
    border: 2px solid var(--base-color, #007bff);
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
} */

.summary-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 21px 0;
}

.subtotal-box {
    border-bottom: 4px solid #000;
}

.gst-box {
    border-bottom: 3px solid var(--base-color);
}

.totalamount-box {
    /* border-top: 2px solid var(--base-color, #007bff); */
    font-size: 1.1rem;
}

.summary-content label{

  font-size: 14px;
}
.btn-checkout:hover:not(:disabled) {
    background: linear-gradient(135deg, #0056b3, var(--base-color, #007bff));
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(0,0,0,0.2);
}

.btn-checkout:disabled {
    background: #6c757d;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

.form-check-input:checked {
    background-color: var(--base-color, #007bff);
    border-color: var(--base-color, #007bff);
}

/* Responsive Design */
@media (max-width: 768px) {
    .checkout-title {
        font-size: 2rem;
        text-align: center;
    }

    .cart-item-content {
        flex-direction: column;
        text-align: center;
    }

    .cart-image img {
        width: 100px;
        height: 100px;
    }

    .cart-actions {
        flex-direction: row;
        justify-content: space-between;
        width: 100%;
    }

    .participant-header {
        padding: 15px;
    }

    .participant-content {
        padding: 15px;
    }

    .summary-section {
        margin-top: 30px;
        position: static !important;
    }
}

@media (max-width: 576px) {
    .checkout-container {
        padding: 15px;
    }

    .participant-item {
        padding: 15px;
    }

    .form-group {
        margin-bottom: 12px;
    }
}

.whatsapp-float {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 999;
    width: 60px;
    height: 60px;
    background-color: #25d366;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    transition: transform 0.3s ease, opacity 0.3s ease;
    opacity: 0;
    transform: translateY(50px);
    animation: slideInWhatsApp 1s forwards 1.5s;
}
@media (max-width: 576px) {
  .whatsapp-float {
    position: fixed;
    bottom:64px;
    right: 20px;
   
}
.whatsapp-float img {
    width: 32px;
    height: 32px;
}

.whatsapp-float:hover {
    transform: scale(1.1);
    /* background-color: #1ebe5d; */
}

@keyframes slideInWhatsApp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}



/* ---checkout card------- */
.checkoutpage-container{
  margin-top: 30px;
  max-width: 800px;

}
.checkoutpage-container .header {
  width: 100%;
  /* max-width: 800px; */

}
.checkoutpage-container .header h1 {
  /* max-width: 800px; */
 font-size: 32px;
  font-weight: 900;
  line-height: 1.3;
  color: #333;


}
.checkoutpage-container .content{
  margin-top: 20px;
}
 .billing-card {
            /* background: linear-gradient(135deg, #f8f9ff 0%, #e8f2ff 100%); */
            border-radius: 15px;
            padding: 20px;
            margin-bottom: 30px;
            border: 2px solid var(--base-color);
            box-shadow: 0 10px 30px rgba(90, 112, 212, 0.25);
        }

        .billing-header {
            display: flex;
            align-items: center;
            margin-bottom: 25px;
            color: #4a5568;
        }

        .billing-header h2 {
            font-size: 25px;
  margin-left: 10px;
  color: #333;
  font-weight: 800;
        }

        .billing-icon {
            width: 40px;
            height: 40px;
            background: var(--base-color);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-size: 1.2rem;
        }

        .billing-details {
            display: grid;
            gap: 15px;
        }

        .billing-row {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 12px 0;
            border-bottom: 1px solid #e2e8f0;
        }

        .billing-row:last-child {
            border-bottom: none;
            font-weight: 700;
            font-size: 1.2rem;
            color: #2d3748;
            margin-top: 10px;
            padding-top: 20px;
            border-top: 2px solid var(--base-color);
        }

        .billing-label {
            color: #4a5568;
            font-weight: 700;
        }

        .billing-value {
            color: #4a5568;
            font-weight: 700;
        }

       .checkoutpage-container .participant-section {
            margin-bottom: 30px;
        }

        .checkoutpage-container .participant-header {
            background: #f7fafc;
            border: 2px solid #e2e8f0;
            border-radius: 12px;
            padding: 20px;
            cursor: pointer;
            transition: all 0.3s ease;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .checkoutpage-container .participant-header:hover {
            background: #edf2f7;
            border-color: #cbd5e0;
        }

       .checkoutpage-container .participant-header.active {
            /* background: #e6fffa; */
            border-color: var(--base-color);
        }

       .checkoutpage-container .participant-title {
            display: flex;
            align-items: center;
            color: #333;
            font-weight: 700;
            font-size: 1.1rem;
            
        }

       .checkoutpage-container .participant-icon {
            width: 35px;
            height: 35px;
            background: var(--base-color);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            margin-right: 12px;
        }

        .checkoutpage-container .toggle-icon {
            width: 30px;
            height: 30px;
            background: var(--base-color);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            transition: transform 0.3s ease;
        }

      .checkoutpage-container .toggle-icon.rotated {
            transform: rotate(180deg);
        }

       .checkoutpage-container .participant-content {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s ease;
            background: #f8f9fa;
            border-radius: 0 0 12px 12px;
        }

        .participant-content.expanded {
            max-height: 500px;
        }

        .participant-details {
            padding: 25px;
            border-left: 4px solid var(--base-color);
            margin-top: 2px;
        }

        .participant-card {
            background: white;
            border-radius: 10px;
            padding: 20px;
            margin-bottom: 15px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.05);
            border-left: 4px solid #667eea;
        }

        .participant-card:last-child {
            margin-bottom: 0;
        }

        .participant-name {
            font-weight: 700;
            color: #2d3748;
            margin-bottom: 10px;
            font-size: 1.1rem;
        }

        .participant-info {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 10px;
            color: #4a5568;
        }

        .pay-button {
            width: 100%;
            background:var(--base-color);
            color: white;
            border: none;
            padding: 18px;
            border-radius: 12px;
            font-size: 1.2rem;
            font-weight: 700;
            cursor: pointer;
            transition: all 0.3s ease;
            text-transform: uppercase;
            letter-spacing: 1px;
            box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);
        }

        .pay-button:hover {
            transform: translateY(-2px);
            box-shadow: 0 15px 40px rgba(102, 126, 234, 0.4);
        }

        .pay-button:active {
            transform: translateY(0);
        }

        .security-note {
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 20px;
            color: #718096;
            font-size: 0.9rem;
        }

        .security-icon {
            margin-right: 8px;
            color: #38a169;
        }

        @media (max-width: 768px) {
            

            .content {
                padding: 20px;
            }

            .billing-card {
                padding: 20px;
            }

            .participant-info {
                grid-template-columns: 1fr;
            }

            .header h1 {
                font-size: 2rem;
            }
        }

        /* user cancelation model */
        #cancellationModal .modal-content .modal-body, #successModal .modal-content .modal-body {
          background-color:white !important;
        }


        /* ---lazy loaidn  */

        .slider-container {
    position: relative;
}
        .carousel-image[data-lazy] {
    opacity: 0.7;
}

.carousel-image.loaded {
    opacity: 1;
}

/* Custom Navigation Buttons */
    button.carousel-btn {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    background: var(--base-color) !important;
    color: white !important;
    border: none !important;
    width: 50px !important;
    height: 50px !important;
    border-radius: 50% !important;
    cursor: pointer !important;
    font-size: 18px !important;
    z-index: 10 !important;
    transition: all 0.3s ease !important;
}

.button.carousel-btn:hover {
    background: rgba(0, 0, 0, 0.9);
    transform: translateY(-50%) scale(1.1);
}

.carousel-prev {
    left: 20px;
}

.carousel-next {
    right: 20px;
}

/* Hide default slick arrows if you want to use custom ones */
.slick-prev,
.slick-next {
    display: none !important;
}

/* Loading placeholder styles */
.image-placeholder {
    background: #f0f0f0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #999;
    font-size: 16px;
}

@media (max-width: 768px) {
    button.carousel-btn {
      display: none;
        width: 40px;
        height: 40px;
        font-size: 14px;
    }

    .carousel-prev {
        left: 10px;
    }

    .carousel-next {
        right: 10px;
    }
}
#itinerary-section .itinerary-accordion .content-container ul,#prerequisites .itinerary-accordion .content-container ul {
    list-style: disc !important;
    padding:0px 2rem;
}
.hidden-images {
    display: none;
    flex-wrap: wrap; /* Optional: ensures rows form correctly */
}