html {
      scroll-behavior: smooth;
    }
	#myVideo {  
	  right: 0;
	  bottom: 0;
	  min-width: 100%; 
	  min-height: 100%;
	}
	.m-more-less-content span {
	  display: inline;
	}
	.m-more-less-content .m-show-more, .m-more-less-content .m-show-less {
	  color: blue;
	  cursor: pointer;
	  font-style: italic;
	}
	.m-more-less-content .m-show-more:before {
	  content: " ... more";
	}
	.m-more-less-content .m-more-text {
	  overflow: hidden;
	  display: none;
	}
	.m-more-less-content .m-show-less {
	  display: none;
	}
	.m-more-less-content .m-show-less:before {
	  content: " less";
	}
	.m-more-less-content.m-display-more .m-show-more {
	  display: none;
	}
	.m-more-less-content.m-display-more .m-more-text {
	  display: inline;
	}
	.m-more-less-content.m-display-more .m-show-less {
	  display: inline;
	}

	.bg-light-gray1{
		background: url(../images/pastel-yellow.jpg) no-repeat center center;
	}
	.copyright-wrap{
		color: #410012;
		background:#faca822b;
	}
	.copyright-links a{
		color: #94592e;
	}
	.heading-main{
		color:#410012;
	}
	body {
		  background-image: url('../../images/pastel-bg3.webp'); 
		  background-size: cover;         /* Ensures it covers entire screen */
		  background-repeat: no-repeat;   /* Prevents tiling */
		  background-position: center;    /* Centers the image */
		 /* background-attachment: fixed;    Optional: background stays fixed while scrolling */
		  font-family: 'Josefin Sans', sans-serif;
	}
		
	body::before {
	  content: "";
	  position: fixed;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  background: url('../../images/pastel-bg3.webp') center/cover no-repeat;
	  z-index: -1;
	}
	html, body {
	  height: 100% !important;
	  min-height: 100% !important;
	}
		
	.nav-light .navbar-nav .nav-link{
		color:#410012;
	}
	.navbar-nav .nav-link{
		font-family: 'Josefin Sans', sans-serif;
		text-transform:none;
		font-weight:500 !important;
		font-size:16px;
	}
	.nav-light .navbar-nav .active .nav-link, .nav-light .navbar-nav .active .nav-link:hover, .nav-light .navbar-nav .nav-item:hover > a, .nav-light .navbar-nav .nav-link:hover{
		background:none;
	}
	
	.bg-orange{
		background:none;
		border:1px solid;
	}
	.header-one .navbar{
	}
	.navbar-expand-md .navbar-nav .nav-link, .navbar-expand-lg .navbar-nav .nav-link{
		padding:0.6rem 0.8rem;
	}




	.custom-cursor {
	  position: fixed;
	  top: 0;
	  left: 0;
	  width: 40px;  /* Adjust based on your image */
	  height: 40px;
	  pointer-events: none;
	  z-index: 9999;
	  transform-origin: center;
	}


	.title1{
		font-size:2.2rem !important;
		font-family: 'Cinzel Decorative', cursive;
		background:linear-gradient(180deg, rgba(65, 0, 18, 0.92) 14%, rgba(65, 0, 18, 0.76) 34%, rgba(163, 121, 43, 1) 62%);
		background-clip: text;color:transparent;
		font-weight:700;
	}

	.title2{
		font-size:2.1rem !important;
		font-family: 'Cinzel Decorative', cursive;
		background:linear-gradient(180deg, rgba(65, 0, 18, 0.92) 14%, rgba(65, 0, 18, 0.76) 34%, rgba(163, 121, 43, 1) 62%);
		background-clip: text;color:transparent;
		font-weight:700;
	}

	.title3{
		font-size:2.6rem;
		font-family: 'Cinzel Decorative', cursive;
		background:linear-gradient(180deg, rgba(65, 0, 18, 0.92) 14%, rgba(65, 0, 18, 0.76) 34%, rgba(163, 121, 43, 1) 62%);
		background-clip: text;color:transparent;
		font-weight:700;
	}

	.title-FAQ{
		font-size:2.1rem;
		font-family: 'Cinzel Decorative', cursive;	
		font-weight:700;
		color:#aa7d54;
	}

	.title-FAQ1{
		font-family: 'Charm', cursive;
		background:linear-gradient(335deg, rgb(139 65 55) 70%), rgb(93 26 35) 5% text;
		background-clip: text;
		color:transparent;
		font-size:1.25rem;
		font-weight:500;
		text-align:justify; 
	}

	.sub-1{
		font-family: 'Charm', cursive;
		background:linear-gradient(335deg, rgb(153 92 0) 5%, rgb(86, 12, 12) 70%) text;
		background-clip: text;
		color:transparent;
		font-size:1.25rem;
	}
	.sub-2{
		font-family: 'Charm', cursive;
		background:linear-gradient(335deg, rgb(54 0 0 / 0%) 5%, rgb(86 12 12 / 60%) 70%) text;
		background-clip: text;
		color:transparent;
		font-size:1.25rem;
		font-weight:500;
		stroke: #EEE1C7;
		stroke-width: 137;
		stroke-linejoin: bevel;
		paint-order: stroke;
	}
	.sub-3{
		font-family: 'Charm', cursive;
		background:linear-gradient(335deg, rgb(54 0 0 / 0%) 5%, rgb(86 12 12 / 60%) 70%) text;
		background-clip: text;
		color:transparent;
		font-size:1.25rem;
		font-weight:500;
	}

	.sub-4{
		font-family: 'Charm', cursive;
		background:linear-gradient(335deg, rgb(178 132 73) 5%, rgb(111 60 15) 70%) text;
		background-clip: text;
		color:transparent;
		font-size:1.25rem;
		font-weight:500;
		text-align:justify; linear-gradient(335deg, rgb(93 26 35) 5%, rgb(153 110 104) 70%) text
	}

	.sub-5{
		font-family: 'Charm', cursive;
		background:	linear-gradient(335deg, rgb(183 128 77) 5%, rgb(159 102 61) 70%) text;
		background-clip: text;
		color:transparent;
		font-size:1.25rem;
		font-weight:600;
		text-align:justify; 
	}

	/* Default transparent header */
	.header-one {
		background: transparent;
		transition: background-color 0.3s ease, box-shadow 0.3s ease;
		z-index: 1030;
	}

	/* Background on scroll */
	.header-one.scrolled {
		background: linear-gradient(180deg, rgb(239 217 185), rgb(231 215 192 / 92%) 62%);
	}



	.hills-wrapper {
	   width: 100%;
		  height: 200px;
		  overflow: hidden;
		  position: relative;
		  background-repeat:repeat;
	}

	.hills{	
		  position: absolute;
		  top: 0;
		  white-space: nowrap;
		  animation: moveHills 15s linear infinite;
		  background-repeat:repeat;
	}

	.scroller {
      width: 100%;
      overflow: hidden;
      position: relative;
	  top:2rem;
    }

    .scroll-content {
      display: flex;
      width: max-content;
      animation: scroll-left 15s linear infinite;
    }
	 .scroll-content img {
      height: 140px; /* Match container height */
      flex-shrink: 0;
    }
	
	
	 .scroll-content1 {
      display: flex;
      width: max-content;
      animation: scroll-left 50s linear infinite;
    }
	.scroll-content1 img {
      height: 140px; /* Match container height */
      flex-shrink: 0;
	  opacity: 0.5;
    }
	

    @keyframes scroll-left {
      0% {
        transform: translateX(0);
      }
      100% {
        transform: translateX(-50%);
      }
    }


	@keyframes moveHills {
		0% {
			transform: translateX(100%);
		  }
		  80% {
			transform: translateX(-100%);
		  }
		  100% {
			transform: translateX(-100%);
		  }
	}


   .scroller2 {
      width: 135%;
	  right:10%;
      overflow: hidden;
      position: relative;
	  bottom:5rem;
	  z-index:-1;
    }
   .scroll-content2 img {
      height: 140px; /* Match container height */
      flex-shrink: 0;
	  opacity: 0.5;
    }
	
    .scroll-content2 {
	  display: flex;
	  width: max-content;
	  animation: scroll-right 180s linear infinite;
	}

	@keyframes scroll-right {
	  0% {
		transform: translateX(-50%);
	  }
	  100% {
		transform: translateX(0);
	  }
	}


	/* Fade effect left and right */
	.scroller2::before,
	.scroller2::after {
	  content: "";
	  position: absolute;
	  top: 0;
	  width: 80px;
	  height: 100%;
	  z-index: 2;
	  pointer-events: none;
	}

	.scroller2::before {
	  left: 0;
	  background: linear-gradient(to right, #eadbc4 0%, #00000000 100%);
	}

	.scroller2::after {
	  right: 0;
	  background: linear-gradient(to left, #eadbc4 0%, transparent 100%);
	}



	/* Fade effect left and right */
	.scroller3::before,
	.scroller3::after {
	  content: "";
	  position: absolute;
	  top: 0;
	  width: 80px;
	  height: 100%;
	  z-index: 2;
	  pointer-events: none;
	}
	.scroller3::before {
	  left: 0;
	  background: linear-gradient(to right, #eadbc49e 0%, #00000000 100%);
	}

	.scroller3::after {
	  right: 0;
	  background: linear-gradient(to left, #eadbc4a3 0%, transparent 100%);
	}


	ul li{
		list-style:none;
	}



	.boat {
	  transform: translateX(-50%);
	  animation: sail 10s ease-in-out infinite, rock 10s ease-in-out infinite;
	  width:88%;  
	  margin-left:3rem;
	  opacity:0.8;
	}
	.waves {
		width: 100%;
		display: flex;
		overflow: hidden;
		z-index: -1;
		opacity:0.2;
		position:absolute;
		bottom:-28%;
	}
	@keyframes sail {
	  0%, 100% {
		transform: translateX(-50%) translateX(-50px);
	  }
	  50% {
		transform: translateX(-50%) translateX(50px);
	  }
	}

	@keyframes rock {
	  0%, 100% {
		transform: rotate(-0.8deg);
	  }
	  50% {
		transform: rotate(0.8deg);
	  }
	}

	.lighthouse{
		opacity:0.8;
		width:80%;
		margin: 0 auto;
	}

	.clock{
		opacity:0.9;
		width:100%;
		color:#772f0d;
	}

	.map{
		opacity: 0.13;
		width: 70%;
		position: relative;
		left: 30%;
		z-index: -1;
		bottom: 46%;
	}

	.smoke {
	  position: absolute;
		left: 343px;
		top: 215px;
		width: 20px;
		height: 20px;
		background: radial-gradient(circle, rgb(255 255 255) 0%, rgb(228 228 228 / 20%) 100%);
		border-radius: 50%;
		animation: smokeRise 3s infinite ease-in-out;
	}

	@keyframes smokeRise {
	  0% {
		opacity: 0.8;
		transform: translateY(0px) scale(1);
	  }
	  50% {
		opacity: 0.4;
		transform: translateY(-40px) scale(1.5);
	  }
	  100% {
		opacity: 0;
		transform: translateY(-80px) scale(2);
	  }
	}


	.plane-container {
	  position: relative;
	  width: 600px; /* Adjust as needed */
	}

	.plane {
	  width: 100%;
	  display: block;
	}


	.vintage-testimonials {
	  display: flex;
	  flex-wrap: wrap;
	  justify-content: center;
	  gap: 30px;
	}

	.testimonial-paper {
	  background: #fffaf2;
	  padding: 30px;
	  width: 300px;
	  position: relative;
	  border: 1px solid #cbb69f;
	  box-shadow: 0 0 15px rgba(0,0,0,0.1);
	  font-size: 1rem;
	  line-height: 1.6;
	  background-image: url('torn-edge-paper.png');
	  background-size: cover;
	  background-repeat: no-repeat;
	  background-position: center;
	  transform: rotate(-1deg);
	  filter: drop-shadow(0 4px 4px rgba(0,0,0,0.1));
	}

	.testimonial-paper:nth-child(2) {
	  transform: rotate(1.5deg);
	}

	.quote {
	  font-style: italic;
	  quotes: "“" "”";
	  position: relative;
	}

	.quote::before,
	.quote::after {
	  content: open-quote;
	  font-size: 2rem;
	  color: #a1886f;
	  vertical-align: top;
	}

	.author {
	  text-align: right;
	  margin-top: 20px;
	  font-size: 1rem;
	  color: #ad7727;
	}



	.testimonial-card {
	  position: relative;
	  margin: 2rem auto;
	}
	.torn-paper-bg {
	  width: 100%;
	  height: auto;
	  display: block;
	}
	.testimonial-content {
	  position: absolute;
	  top: 15%;
	  left: 10%;
	  right: 10%;
	  font-size: 1rem;
	}

    .map-container {
      position: relative;
      width: 500px; /* adjust as needed */     
      overflow: hidden;
      cursor: pointer;
      border-radius: 10px;
    }

    .map-image {
      max-width: 100%;
	  height:100%;
      object-fit: cover;
      display: block;
      transition: transform 0.5s ease;
	  border-radius:10px;
    }

    .map-container:hover .map-image {
      transform: scale(1.1); /* Zoom effect */
    }

    .map-overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0);
      display: flex;
      align-items: center;
      justify-content: center;
      color: white;
      font-size: 20px;
      font-weight: bold;
      opacity: 0;
      transition: background 0.3s ease, opacity 0.3s ease;
    }

    .map-container:hover .map-overlay {
      background: rgba(0, 0, 0, 0.4);
      opacity: 1;
    }

    .map-link {
      padding: 5px 10px;
      background-color: rgb(164 77 39);
      border-radius: 6px;
      text-decoration: none;
      color: #fff;
      transition: background-color 0.3s;
	  font-size:18px;
    }

    .map-link:hover {
      background-color: rgb(146 62 25);
	  color:#fff;
    }
	.map-container:hover .map-image {
	  transform: scale(1.1); /* zooms in slightly */
	}

	.media-body{
		text-align:justify;
		padding: 1rem 2rem;
		align-items:center;
	}

	.media{
		align-items:center;
	}



	.logo-marquee {
	  overflow: hidden;
	  position: relative;
	  width: 80%;
	  height: 75px;
	  margin:0 auto;
	}

	.logo-track {
	  display: flex;
	  width: calc(250px * 10); /* Adjust to number of images */
	  animation: scroll 32s linear infinite;
	  overflow: hidden;
	}

	.logo-track img {
	  height: 60px; 
	  width: auto;
	  margin: 0 25px;
	  object-fit: contain;
	}

	@keyframes scroll {
	  0% {
		transform: translateX(0);
	  }
	  100% {
		transform: translateX(-60%);
	  }
	}





	.accordion .accordion-item {
	  border-bottom: 1px solid #d9c2a8;
	}
	.accordion .accordion-item button[aria-expanded=true] {
	  border-bottom: 1px solid #be9c7c;
	}
	.accordion button {
	   display: flex; /* ⬅️ Add this */
	  justify-content: space-between; /* ⬅️ Push title left, icon right */
	  align-items: center; /* ⬅️ Vertically align items */
	  width: 100%;
	  padding: 1em 0em; /* ⬅️ Add horizontal padding */
	  text-align: left;
	  position: relative;
	  color: #a16b65;
	  font-size: 1.15rem;
	  font-weight: 400;
	  border: none;
	  background: none;
	  outline: none;
	}
	.accordion button:hover, .accordion button:focus {
	  cursor: pointer;
	  color: #925d2f;
	}
	.accordion button:hover::after, .accordion button:focus::after {
	  cursor: pointer;
	  color: #03b5d2;
	  border: 1px solid #03b5d2;
	}
	.accordion button .accordion-title {
	  flex: 1;
	  padding-right: 1em; /* ⬅️ Add spacing between text and icon */
	}
	.accordion button .icon {
	  position: relative; 
	  width: 22px;
	  height: 22px;
	  border: 1px solid;
	  border-radius: 22px;
	  flex-shrink: 0; /* ⬅️ Prevent it from shrinking */
	  display: inline-block;
	  margin-left: 10px; /* Optional spacing from text */
	}
	.accordion button .icon::before,
	.accordion button .icon::after {
	  content: "";
	  position: absolute;
	  background: currentColor;
	}

	.accordion button .icon::before {
	  top: 9px;
	  left: 5px;
	  width: 10px;
	  height: 2px;
	}

	.accordion button .icon::after {
	  top: 5px;
	  left: 9px;
	  width: 2px;
	  height: 10px;
	}
	.accordion button[aria-expanded=true] {
	  color: #925d2f;
	}
	.accordion button[aria-expanded=true] .icon::after {
	  width: 0;
	}
	.accordion button[aria-expanded=true] + .accordion-content {
	  opacity: 1;
	  max-height: 9em;
	  transition: all 200ms linear;
	  will-change: opacity, max-height;
	}
	.accordion .accordion-content {
	  opacity: 0;
	  max-height: 0;
	  overflow: hidden;
	  transition: opacity 200ms linear, max-height 200ms linear;
	  will-change: opacity, max-height;
	}
	.accordion .accordion-content p {
	  font-size: 1.1rem;
	  font-weight: 300;
	  margin: 2em 0;
	}

	.icon-box-4{
		box-shadow:inset 0 0 20px 0px #d6bea6;
		Background:#ebdbc3;
	}


		

	#modalImage{
		width:15% !important;
	}

	#myModals, .close{
		color:#393939;
	}

	.owl-carousel .item {
	  cursor: pointer;
	  transition: transform 0.3s ease;
	}
	.owl-carousel .item:hover {
	  transform: none !important; /* Disable hover move */
	}

	.client-testimonial {
	  overflow: hidden;
	  display: flex;
	  flex-direction: column;
	  justify-content: center;
	}
	/* Optional: prevent overflow in the paragraph */
	.client-testimonial .testi {
	  display: -webkit-box;
	  -webkit-line-clamp: 7;      /* Show only 3 lines */
	  -webkit-box-orient: vertical;
	  overflow: hidden;
	  text-overflow: ellipsis;
	}


	/* Optional: add scrollbar only if needed */
	.client-testimonial .testi::-webkit-scrollbar {
	  width: 6px;
	}
	.client-testimonial .testi::-webkit-scrollbar-thumb {
	  background-color: rgba(150, 120, 90, 0.3);
	  border-radius: 3px;
	}


	.cbp-slider-edge .cbp-nav-prev{
		left:-50px;
	}
	.cbp-slider-edge .cbp-nav-next {
		right: -50px;
	}





	/* Base: keep your absolute positioning for desktop */
	.branch-marker {
		position: absolute;
	}

	/* For tablet & mobile - turn into a grid layout */
	@media (max-width: 1024px) {
		.branch-container {
			position: static; /* remove absolute map positioning */
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			gap: 12px;
		}

		.branch-marker {
			position: static; /* remove absolute position for mobile */
			flex: 1 1 calc(50% - 12px); /* 2 per row */
			max-width: calc(50% - 12px);
			text-align: center;
		}

		/* Popups stay visible below marker */
		.popup {
			position: relative !important;
			top: auto !important;
			left: auto !important;
			transform: none !important;
			display: block !important;
			opacity: 1 !important;
			visibility: visible !important;
		}
	}

	/* For very small phones */
	@media (max-width: 480px) {
		.branch-marker {
			flex: 1 1 100%; /* one per row if screen is too small */
			max-width: 100%;
		}
	}

	.popup {
		display: none !important;
		opacity: 0;
		visibility: hidden !important;
	}
	.popup.active {
		display: block !important;
		opacity: 1;
		visibility: visible !important;
	}


	@media (max-width: 768px) {
		.popup { display: block; }
	}
	@media (min-width: 1024px) {
		.popup {
			display: block !important;
			opacity: 1 !important;
			visibility: visible !important;
		}
	}
	
	.branch-popup{
		width:115%;
	}
	@media (max-width: 575px) {
    .branch-popup {
        width: 80vw;
    }
	}

	@media (max-width: 1025px) {
		.branch-popup {
			width: 118%;
		}
	}
	
	.cbp{
		height:65vh !important;
	}