html{scroll-behavior:smooth}

a:active, a:focus {
 box-shadow: none;
}
a:active, a:focus {
  outline: 0;
  border: none;
  -moz-outline-style: none;
}

    a {
        
        -webkit-tap-highlight-color: transparent;

    }
	
	body {
        -webkit-tap-highlight-color: transparent;
		margin: 0px;
		padding: 0px;
	}

	p {
        -webkit-tap-highlight-color: transparent;
		font-family: sans-serif;
	}

	.menu-links-light {

		padding-right: 40px;
		color:white;
		text-decoration: none;

	}

	.menu-links-dark {

		padding-right: 40px;
		color:black;
		text-decoration: none;

	}

	.wrapper {
  	
  	
  		width: 100%;
  		position: relative;
	}

	.wrapper i {
  	
  		top: 50%;
  		height: 50px;
  		width: 50px;
  		font-size: 1.25rem;
  		position: absolute;
  		text-align: center;
  		line-height: 50px;
  		transform: translateY(-50%);
	}

	.wrapper i:first-child{
  		left: -22px;
	}

	.wrapper i:last-child{
  		right: -22px;
	}
.wrapper .carousel{
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: calc((100% / 3) - 12px);
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  gap: 16px;
  border-radius: 8px;
  scroll-behavior: smooth;
  scrollbar-width: none;
}
.carousel::-webkit-scrollbar {
  display: none;
}
.carousel.no-transition {
  scroll-behavior: auto;
}

.carousel :where(.card, .img) {
  display: flex;
  justify-content: center;
  align-items: center;
}
.carousel .card {
  scroll-snap-align: start;
  list-style: none;
  background: #fff;
  cursor: pointer;
  padding-bottom: 15px;
  flex-direction: column;
  border-radius: 8px;
}
.carousel .card .img {
  background: #ffffff;
  height: 148px;
  width: 148px;
}
.card .img img {
  width: 140px;
  height: 140px;
  
  object-fit: cover;
  
}

@media screen and (max-width: 900px) {
  .wrapper .carousel {
    grid-auto-columns: calc((100% / 2) - 9px);
  }
}
@media screen and (max-width: 600px) {
  .wrapper .carousel {
    grid-auto-columns: 100%;
  }
}

@media screen and (min-width: 1100px)  {

	.explore-medium,.explore-small { display:none !important}
	.menu-mobile,.drop-down {display: none !important}
	.admin-menu-mobile,.admin-drop-down {display: none !important}
	
}

@media screen and (max-width: 1099px) and (min-width: 870px) {

	.explore-large,.explore-small { display:none !important}

	.menu-mobile,.drop-down {display: none !important}
	.admin-menu-mobile,.admin-drop-down {display: none !important}
	
}

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

	.menu-desktop{display: none !important}
	
	.admin-menu-desktop {display: none !important}

	.explore-medium,.explore-large,.hide { display:none !important}

	.img {margin-left: 35px;}
	

	.about-us,.hotels,.Services,.page-wrapper {padding-left: 25px !important; padding-right:25px !important;}

	.footer {max-width: 100% !important; justify-content: center !important; text-align: center;}

	.foot-1 {text-align: center; justify-content: center !important;}

	.foot-2 {display: none !important}

	.hero-text {padding-left: 25px !important}
}