/* webkit */
::-webkit-scrollbar{
    width:0.7rem;
    height:2px;
    background-color: rgb(239, 173, 218)
}
::-webkit-scrollbar-thumb{
    background-color: rgb(6, 5, 5);
}
.navbar{
    background-color: rgb(239, 173, 218);
}

/* carousel main section*/
.carousel.slide{
    margin-top:2rem;
}


.carousel-item img{
    object-fit:cover;
    width:100%;
    height:28rem;
        border-radius: 1.5rem;
}


/* booking form section */
.home{
    display: grid;
    grid-template-columns:1fr auto 2fr
}
.home-form-section{
  
    width:90%;
    padding:1rem;
}

/* divider line styling */
.line{
    margin-left:1rem;
    background-color:  rgb(106, 102, 102);
    width:0.2rem;
    height:100%;
}

/* form button style */
.button{
    margin-left:7rem;
    background-color:rgb(246, 159, 219);
    border: none;
        transition: 0.3s ease-in-out;
}
.button:hover{
  background-color:rgb(252, 85, 199);
}

/*footer about section */
.about-img img{
    cursor: pointer;
    object-fit: cover;
    border-radius:0.8rem;
    width:75%;
    margin-left:6rem;
    box-shadow: 1px 1px 5px 3px rgb(233, 178, 221);
}
 
/* about section button style */
.button2{
    margin-left:7rem;
 background-color:rgb(241, 163, 216);
 border: none;
    margin-left: 16rem;
    transition:0.3s ease-in-out ;
 }
 .button2:hover {
     background-color: rgb(252, 85, 199);
 }

 /*travel  packages styling */
#packages-container{
width:100%;
display:grid;
grid-template-columns: repeat(3, 1fr);
gap:2rem;
margin-top:1rem;
}
.package{
display: flex;
flex-direction: column;
justify-content:flex-start;
align-items: center;
border:1px solid #ddd;
border-radius:0.8rem ;
padding:1.5rem;
background-color: #fff;
}
.package {
    width: 100%;
}
.package:hover {
    transform: translateY(-8px);
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
    border-color: rgb(241, 163, 216);
}

.package .image-container{
    width:180px;
    height:110px;
}
.image-container img{
    width:100%;
    height:100%;
        border-radius:0.7rem;
}
.package h3{
    font-size:1rem ;
    margin-top: 0.8rem;
    font-weight: bold;
    text-align: center;
}
.package .package-description{
    text-align: center;
    font-size: 0.9rem;
        margin-top: 0.8rem;
}
.package .travel-button{
    background-color: rgb(241, 163, 216);
    border: none;
transition: 0.3s ease-in-out;
    margin-top: 0.8rem;

}
.package .travel-button:hover {
    background-color: rgb(252, 85, 199);
}

.travel-button a{
    text-decoration: none;
    color:white;
}

/* about section */
.about-row {
    display: flex;
    align-items: center;
    gap: 2rem;
}

.about-img,
.about-text {
    flex: 1;
}


 /* media queries 768px*/
 @media (max-width:768px) {

     /* Navbar */
     .navbar h3 {
         text-align: center;
         margin: 0;
         font-size: 1.5rem;
     }

     /* home Grid */
     .home {
         grid-template-columns: 1fr;
         text-align: center;
     }

     /* button */
     .button {
         margin: 1rem auto;
         display: block;
     }

     .button2 {
         margin: 1rem auto;
         display: block;
     }

     /* about */
.about-row {
    display: flex;
    flex-direction: column;
}

    .about-text {
        text-align: center;
    }
/* form  */
     input,
     select {
         width: 100%;
     }

 /* package grid */
     #packages-container {
         grid-template-columns: 1fr;
     }

     .package {
         width: 100%;
     }
    }
 /* media query  */
 @media (min-width: 768px) {
     .nav-item.dropdown:hover .dropdown-menu {
         display: block;
         margin-top: 0;
     }
     
 }