.hotelImage {
    background-image : url("../imgs/hotelHomePage.jpg");
    background-repeat : no-repeat;
    background-size : cover;
    border-bottom-right-radius : 30px; 
    border-bottom-left-radius : 30px; 
}
.welcomeSection{
    padding : 150px 8% 200px;
    background-color :rgba(80, 80, 80, 0.673);
    color : white;
    text-transform :uppercase;
    letter-spacing : 3px;
}
.hotelImage{
    border-bottom-right-radius : 30px; 
    border-bottom-left-radius : 30px; 
}
.slogan{
    font-size : 35px;
    font-family : font3;
    margin-bottom : 20px;
    line-height : 1.4 ;
    font-weight : 300;
    display : inline-block ;
    width  :550px;
}
.stars {
    margin : 70px 8% 80px;
    text-transform : uppercase;
    letter-spacing : 2px;
    font-size : 30px;
    text-align :center;
    font-family : font3;
    font-weight : 200;
}
.starsTitle {
    display: block;
    margin-bottom : 10px;
}
.visitors{
    margin : 50px 8% 50px 8%;
    text-transform : uppercase;
    color : black;
    letter-spacing: 6px;
    display : flex;
    justify-content :space-around;
    align-items :center;
    gap : 10px;
}
.visitors h3{
    font-weight : 100;
    font-size : 20px;
    background-color : rgb(239, 239, 239);
    padding : 10px 30px ;
    margin-bottom : 10px;
    border-radius : 10px;
    border-left :  #4B6F68 solid 3px;;
}
.visitors span{
    letter-spacing: 0px;
    font-weight : 300;
    font-size : 40px;
    
}
.visitors h2{
    font-size : 40px;
    font-weight : 300;
    color : #4B6F68;
    border-radius : 10px;
    border-bottom :  #4B6F68 solid 3px;;
    
}
.starsIcon {
    font-size : 30px;
    margin-left : 20px;
    background-color : rgb(239, 239, 239);
    padding: 5px 0 5px 10px;
    border-radius : 20px;
}
.btnsLS {
    margin-top : 15px;
    display : flex;
    gap : 10px;
    width : 100%;
}
.logIn,.signUp{
    font-size : 10px;
    border-radius : 5px;
    padding : 10px 20px;
    color : #D9BB80;
    letter-spacing : 3px;
    text-transform : uppercase;
    transition : 0.3s;
    background-color :#4B6F68; 
    font-family :'Times New Roman';
    border : none;
}
.logIn:hover,.signUp:hover{
    font-size : 10px;
    border-radius : 5px;
    padding : 10px 20px;
    color : #fcd27e;
    background-color :#385650; 
    text-transform : uppercase;
    font-family :'Times New Roman';
    border : none;
}

.book-now {
    display : inline-block;
}      
.hotelImage {
    position : relative; 
    width : 100%;
    height: 500px;
}
.backgroundvideos {
    object-fit : cover;
}
.welcomeSection , .backgroundvideos {
    position : absolute; 
    height : 100%;
    width : 100%;
    border-bottom-right-radius : 30px; 
    border-bottom-left-radius : 30px; 

}
.fatherhotelimg {
    display : flex;
    justify-content : space-around;
    gap : 20px;
    margin : 20px 10%;
    vertical-align : middle;
    font-family : font3;
    letter-spacing: 4px;
    font-weight : 500;

}
.descrption {
    width : 40%;
    padding: 55px 10px 0px;
}
.hotelimage,.descrption{
    border-radius : 5px;
}
.hotelimage {
    width : 60%;
    height : 250px;
    background-size : cover;
    background-image : url("../imgs/hotelHomePage.jpg")
}
.descrption {
    background-color : #eeeeee;
    box-shadow : 0.2px 0.2px 10px ;
    color : #928e8e;
}
.audiobuttons {
    position : absolute;
    top :40px;
    left : 8%;
    z-index : 20;
    height : 40px;
}
.audiobuttons button {
    border-radius : 20px;
    padding : 10px;
    background-color : rgba(255, 255, 255, 0.127);
    transition : 0.3s;
    font-size : 20px;
    border : none;
}
.audiobuttons button:hover {
    background-color :#4B6F68; 
}
@media screen and (max-width : 808px) {
    .fatherhotelimg {
        display : block;
    }
    .hotelimage {
        width : 100%;
        margin-bottom : 10px
    }
    .descrption {
        width : 100%;
        padding : 30px
    }
}
@media screen and (min-width : 320px) and (max-width : 651px){
    .welcomeSection {
        padding: 70px 8% 100px;
        background-color: rgba(80, 80, 80, 0.673);
        color: white;
        text-transform: uppercase;
        letter-spacing: 3px;
    }
    .slogan {
        font-size : 15px;
        width  :250px;
        margin-top : 50px;
    }
    .visitors {
        margin-top : 30px; 
        margin-bottom : 30px; 
        display : block;
        text-align : center;
    }
    .visitors h2 {
        font-size: 30px;
        margin-bottom : 20px;
    }
    .visitors h3 {
        padding : 5px;
        font-size: 10px;
        letter-spacing : 1px;
        margin-bottom : 20px;
    }
    .visitors h3 span {
        font-size: 20px;
    }
    .starsIcon {
        margin : 0;
        background-color : rgb(239, 239, 239);
        padding: 10px 10px 10px 13px;
    }
    .stars span{
        margin-bottom : 10px;
        font-size : 20px;
        display : inline-block;
    }
    .theme {
        display : none;
    }
}