/*Background Image*/
.availability .full-width-image {
width: 100%;
height: auto;
display: block;
}
.image-container {
position: relative;
width: 100%;
}

.image-container {
position: relative;
width: 100%;
}

.image-text {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
color: #fff;
white-space: nowrap;
}

.image-text h1 {
font-size: 34px;
font-weight: bold;
}

main {
font-size: 18px;
margin-left: 50px;
margin-right: 50px;
margin-bottom: 30px;
}
/*End*/

/*Images*/
.image3{
width: 90%;
margin-left: 70px;
margin-top:40px;
margin-bottom: 40px;
border-radius: 5px;
}

.image4 {
width: 80px;
height: 70px;
}

.image5 {
padding-left:100px ;
display: block;
}

/*End*/

/*News Letter*/
.newsletter {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
text-align: center;
border: 1px solid #ddd;
padding: 20px;
margin-left: 70px;
margin-right: 70px;
margin-top: 40px;
margin-bottom: 40px;
border-radius: 5px;
}

.a {
flex-basis: 40%;
margin-top: -15px;
}

.c{
flex-basis: 10%;
}

.b {
flex-basis: 50%;
margin-top: 10px;
}

.a h3 {
font-size: 20px;
margin-bottom: 10px;
}

.a p {
color: #7F7FA8;
font-size: 16px;
margin-top: 0;
}

.newsletter h1,
.newsletter p,
.newsletter form {
margin: 0;
}

.newsletter input[type="email"],
.newsletter input[type="submit"] {
display: inline-block;
margin: 10px;
vertical-align: middle;
}

.newsletter input[type="email"] {
padding: 15px 50px;
border: 1px solid #ddd;
border-radius: 4px;
font-size: 16px;
}

input[type="email"]::placeholder {
text-align: left;
}

.newsletter input[type="submit"] {
padding: 15px 30px;
background-color: #5291fa;
color: white;
border: none;
border-radius: 5px;
cursor: pointer;
font-size: 14px;
font-weight: 600;
}

.newsletter input[type="submit"]:hover {
background-color: #034fa1;
}
/*End*/

/*Availability*/
.availability {
position: relative;
overflow: hidden;
}

.availability .full-width-image {
width: 100%;
height: auto;
}

.availability .image-text {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
color: #fff;
}

.availability .image-text h1 {
font-size: 30px;
margin-bottom: 20px;
}

.availability-bar {
display: flex;
justify-content: center;
align-items: center;
background-color: #ffffff;
padding-left: 20px;
border-radius:5px;
}

.availability-bar input[type="date"] {
padding: 10px;
margin: 0 5px;
font-size: 14px;
border: 1px solid #ccc;
border-radius:5px;
color:#757575;
}

.availability-bar input[type="text"]{
padding: 11px;
margin: 0 5px;
font-size: 14px;
border: 1px solid #ccc;
border-radius:5px;
}

.availability-bar .rooms-guests {
display: flex;
align-items: center;
margin-right: 10px;
color:#757575;
}

.availability-bar .rooms-guests input[type="number"] {
width: 40px;
text-align: center;
margin: 0 5px;
padding:10px;
color:#757575;
border: 1px solid #ccc;
border-radius:5px;
}

.availability-bar .search-button {
padding: 30px 30px;
background-color: #5291fa;
color: #fff;
border: none;
cursor: pointer;
font-size: 16px;
border-radius:5px;
}

.availability-bar .search-button:hover {
background-color: #034fa1;
}

/*End*/

.availability-1{
display: none;
}

.explore-destination{
display:none;
}

.bar{
display: none;
}
/*Swiper*/

.swiper-container{
display:none;
overflow-x: hidden;
}

.swipe-image{
width:90%;
height:190px;
border-radius: 5px;
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
}

/*End*/

.mobile-container{
display:none;
}

.availability-bar1{
display: none;
margin:20px;
text-align:center;
}
  
.location-1{
width:89%;
padding:18px 10px;
margin-left:5px;
border: 1px solid #ccc;
border-radius:5px;
}

.date-range-picker{
margin:10px 0;
margin-left:8px;
}

#date-range{
border: none;
width:89%;
}

.date-range-picker input[type="text"] {
margin: 10px 0;
border: none;
outline: none;
width: 100%;
}

.date-range-picker input[type="text"]:focus {
border: none;
box-shadow: none;
}

.location-1::placeholder{
color: gray;
}

.date-range-picker input[name="daterange"] {
text-align: center;
color: gray;
}

.rooms-1, .guests-1{
padding:18px 0;
width:50%;
border: 1px solid #ccc;
border-radius:5px;
}

.rooms-1::placeholder, .guests-1::placeholder{
padding:0 10px;
color: gray;
}

.search-1{
margin-top:10px;
padding:10px 0;
width:96.7%;
margin-left:4px;
background-color:#5291fa;
border-radius: 5px;
border:none;
color:white;
}

.our-collections {
margin:30px 70px;
}

.our-collections p {
font-size: 35px;
font-weight: bold;
margin-bottom: 40px;
}

.collection {
overflow-x: auto;
display: flex;
flex-wrap: wrap;
scrollbar-width: none;
-ms-overflow-style: none;
}

.collection::-webkit-scrollbar {
display: none; 
}

.image-container1 {
flex-basis:50%;
display: flex;
align-items: flex-start;
gap:20px;
}

.image-container1 img {
width: 250px;
height: 250px;
cursor: pointer;
border-radius: 5px;
}

.image-container1 a {
text-decoration: none;
color: #212121;
}

.image-container1 p {
margin: 0;
font-size: 14px;
}

.icons{
margin: 0 70px;
margin-top:50px;
}

.iconone {
display: flex;
flex-wrap: nowrap;

}

.icon-content {
display: flex;
align-items: center;
margin-right: 20px; 
gap:30px;
}

.icon-text {
display: flex;
flex-direction: column;
}

.icon-text h2 {
margin: 0; 
font-size:18px;
}

.icon-text p{
font-size:16px;
}

.testimonials{
margin:30px 70px;
margin-bottom:50px;
}

.testimonials h2{
text-align:center;
font-size:35px;
}

.shadow-effect {
background: #fff;
padding: 20px;
border-radius: 4px;
text-align: center;
border:1px solid #ECECEC;
box-shadow: 0 19px 38px rgba(0,0,0,0.10), 0 15px 12px rgba(0,0,0,0.02);
}

#customers-testimonials .shadow-effect p {
font-family: inherit;
font-size: 17px;
line-height: 1.5;
margin: 0 0 17px 0;
font-weight: 300;
}

.testimonial-name {
margin: -17px auto 0;
display: table;
width: auto;
background: #3190E7;
padding: 9px 35px;
border-radius: 12px;
text-align: center;
color: #fff;
box-shadow: 0 9px 18px rgba(0,0,0,0.12), 0 5px 7px rgba(0,0,0,0.05);
}

#customers-testimonials .item {
text-align: center;
padding: 50px;
padding-bottom:0px;
margin-bottom:20px;
opacity: .2;
-webkit-transform: scale3d(0.8, 0.8, 1);
transform: scale3d(0.8, 0.8, 1);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

#customers-testimonials .owl-item.active.center .item {
opacity: 1;
-webkit-transform: scale3d(1.0, 1.0, 1);
transform: scale3d(1.0, 1.0, 1);
}

.owl-carousel .owl-item img {
transform-style: preserve-3d;
max-width: 90px;
margin: 0 auto 17px;
border-radius:50px;
}

#customers-testimonials.owl-carousel .owl-dots .owl-dot.active span,
#customers-testimonials.owl-carousel .owl-dots .owl-dot:hover span {
background: #3190E7;
transform: translate3d(0px, -50%, 0px) scale(0.7);
}

#customers-testimonials.owl-carousel .owl-dots{
display: inline-block;
width: 100%;
text-align: center;
}

#customers-testimonials.owl-carousel .owl-dots .owl-dot {
  display: inline-block;
}

#customers-testimonials.owl-carousel .owl-dots .owl-dot span {
background: #3190E7;
display: inline-block;
height: 20px;
margin:0;
transform: translate3d(0px, -50%, 0px) scale(0.3);
transform-origin: 50% 50% 0;
transition: all 250ms ease-out 0s;
width: 20px;
}

/*Mobile responsive*/

@media (max-width: 787px) {

body{
overflow-x:hidden;
color:#212121;
}

.testimonials{
display:none;
}

.icons{
display:none;
}

.availability-bar1 {
display:block;
}

.availability-bar1 input[type="number"] {
text-align: center;
}

.mobile-container {
max-width: 480px;
margin: auto;
color: white;
border-radius: 10px;
display:block;
}

.topnav {
overflow: hidden;
position: relative;
}

.topnav #myLinks {
display: none;
}

.topnav a {
color: black;
padding: 14px 16px;
text-decoration: none;
font-size: 17px;
display: block;
}

.topnav .icon {
display: block;
position: absolute;
right: 0;
top: 0;
}

.myLinks a:hover {
background-color: #ddd;
}

.active {
background-color: #04AA6D;
color: white;
}

.mobile-logo{
width:30%;
height:20%;
}

.mobile-callus{
width:7%;
height:auto;
}

.swiper-container{
display:block;
margin: 0 20px;
margin-top:30px;
}

.swiper-container h2{
font-size:15px;
}

.header{
display:none;
}

header {
display: none;
}

.logo {
display: block;
margin-left: auto;
margin-right: auto;
width: 50%;
}

footer {
display: none;
}

.newsletter {
display: none;
}

.xyz{
display:none;
}

.availability{
display:none;
}

.explore-destination{
display:block;
margin-left:20px;
margin-top:40px;
}

.explore-destination p{
font-weight: 600;
font-size: 15px;
color: black;
}

.destination{
overflow: auto;
scrollbar-width: none;
-ms-overflow-style: none;
}

.destination::-webkit-scrollbar {
display: none; 
}

.image-container {
display: flex;
gap: 10px;
vertical-align: top;
}

.image-container img {
width: 80px;
height: 80px; 
cursor: pointer;
border-radius: 50px;
}

.image-container a {
text-decoration: none;
}

.our-collections {
padding: 20px;
margin:0;
}

.our-collections p {
font-size: 15px;
font-weight: bold;
}

.image-container1 {
flex-basis: 100%; 
}

.image-container1 img {
width: 140px;
height: 140px;
}

.image-container1 p {
margin:0;
margin-right: 10px;
font-size:13px;
}

.bar {
display: block;
border-top:1px solid #ccc;
z-index: 2;
background-color: white;
position: sticky;
bottom: 0;
width: 100%;
height: auto;
overflow-x:hidden;
justify-content: space-between;
}

.menu1 {
list-style: none;
padding: 0;
margin: 0;
display: flex;
font-size: 12px;
margin-top:10px;
margin-left:10px;
justify-content: space-between;
}

.menu1 li {
display: flex;
flex-direction: column;
align-items: center;
margin-right: 13px;
}

.menu1 li:last-child {
margin-right: 0;
}

.menu1 a {
color: #474747;
text-decoration: none;
padding: 5px 10px;
}

.menu1 a:hover {
color:#007bff;
border-radius: 4px;
}

.menu1 img {
width: 30px; 
height: 30px; 
}

}