/* .single-slider {
  position: relative;
  background-image: url('../img/slider/1.jpg');
  background-size: cover;
  background-position: center;
  color: white; 
  overflow: hidden;
}

.single-slider::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.527); 
  z-index: 1;
}

.single-slider > * {
  position: relative;
  z-index: 2; 
} */
#choose-us{

    background: url(https://content3.jdmagicbox.com/comp/guwahati/t7/9999px361.x361.220311020158.b2t7/catalogue/arunachal-guest-house-paltan-bazaar-guwahati-guest-house-9qhgvyj9ea.jpg);
    background-position: center;
    background-size: cover;
    padding: 20px 0px;
}
#choos-us{
            max-width: 1250px;
            display: flex;
            justify-content: center;
            /* align-items: center; */
            margin: 0 auto;
            gap: 20px;
            padding: 20px 15px;
            background: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  box-shadow: 
    0 8px 32px rgba(0, 0, 0, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.5),
    inset 0 -1px 0 rgba(255, 255, 255, 0.1),
    inset 0 0 20px 10px rgba(255, 255, 255, 0.397);
  position: relative;
  overflow: hidden;
}

#choos-us::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.8),
    transparent
  );
            

        }
        /* .cu-style , .choose-list{
            width: 50%;
        } */

        .cu-style img{
            width: 100%;
            border-radius: 20px;
        }
        .cu-style h1{
            color: #038B59;
            font-size: 2.8rem;
        }
        .choose-list .list{
            /* background-color: white;  */
            color: white;
            padding: 10px;
            border-radius: 10px;
            background: rgba(0, 248, 128, 0.15);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  box-shadow: 
    0 8px 32px rgba(0, 0, 0, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.5),
    inset 0 -1px 0 rgba(255, 255, 255, 0.1),
    inset 0 0 20px 10px rgba(255, 255, 255, 0.397);
        }
        .choose-list{
            display: flex;
            flex-direction: column;
            gap: 20px;
            
        }
        .choose-list i{
            color: var(--green);
        }
        .choose-list p{
            color: rgb(60, 60, 60);
        }

/* services */
#services {
  /* background-image: url("../projectimg/PXL_20250701_085645654~2.jpg"); */
  background-attachment: fixed; /* This creates the parallax effect */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  /* Optional: height and padding to make sure the section is visible */
  /* min-height: 100vh; */
  position: relative;
  overflow: hidden;
  margin-top: 20px;
}


#services::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  /* background: rgba(0, 0, 0, 0.527); */
  z-index: 1;
}

#services > * {
  position: relative;
  z-index: 2; 
}

#services h2{
  /* color: white; */
  font-size: 40px;
  margin-bottom: 0 !important;
  font-family: "Playball", cursive;
  font-weight: 400;
  letter-spacing: 1px;
  color: #464646;
}
#services .section-title p{
  color: rgb(212, 212, 212);
}

.booking-img{
  position: relative;
}
.bookingcall{
  position: absolute;
  bottom: 50px;
  left: 100px;
}

/* From Uiverse.io by Progee45 */ 
.fancy-button {
  display: inline-block;
  padding: 10px 20px;
  border: none;
  background-color: #ff4081;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 2px;
  border-radius: 5px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease-in-out;
  cursor: pointer;
}

.fancy-button:before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.2);
  transform: skewX(-30deg);
  transition: left 0.3s ease-in-out;
}

.fancy-button:hover {
  transform: scale(1.1);
}

.fancy-button:hover:before {
  left: 100%;
}
/* services */

/* booking */
.day-book{
  
}