/* @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); */

*  {
    margin: 0%;
    padding: 0%;
    font-family: 'inter',sans-serif;
}

html {
    font-size: 62.5%;
}

.hero-bg {
    display: flex;
    height: 40rem;
    margin-top: -1rem;
    background-image: url(bg.png);
    background-size: cover;
}

.dwarka-bhavan-container {
    width: 90%;
    height: 38rem;
    margin: auto;
    border-radius: 2rem;
    border: 1px solid #E4E3E8;
    background: #FDFDFD;
    display: flex;
}

.bhavan-img {
    width: 45%;
}

.bhavan-img img {
    width: 100%;
    height: 100%;
    border-radius: 2rem 0 0 2rem;
}

.facility-details {
    width: 55%;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.facility-details h2 {
    color: #18171D;
    font-size: 2.8rem;
    font-weight: 700;
    padding: 2.5rem 0;
}

.facility {
    display: flex;
    padding: 1rem 1.5rem;
    align-items: center;
    border-radius: 5px;
    background: #F4F4F4;
    gap: 7px;
}

.facility img {
    width: 2.4rem;
    height: 2.4rem;
}

.facility h3 {
    color: #71717B;
    font-size: 1.8rem;
    font-weight: 500; 
}

.rooms-facility {
    width: 85%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem 5rem;
    margin: 0rem auto;
}

/* Room Card section start*/

.Room-bg-box {
    width: 100%;
    height: fit-content;
    background: #F1F5FA;
    margin-top: 5.6rem;
}

.room-outer-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 90%;
    gap: 3rem;
    margin: auto;
    padding: 4rem 0rem;
}

.room-box {
    display: flex;
    flex-direction: column;
    width: 94%;
    height: fit-content;
    border-radius: 1.5rem;
    background: #FFF;
    box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.10);
    padding: 2rem;
    gap: 1.5rem;
}

.room-img {
    width: 100%;
    height: 32rem;
    border-radius: 1.5rem;
}

.room-img img {
    width: 100%;
    height: 100%;
    border-radius: 1.5rem;
}

.room-box h1 {
    color: #007AFF;
    font-size: 2.4rem;
    font-weight: 700;
}

.room-box p {
    color: #71717B;
    font-size: 1.8rem;
    font-weight: 500;
    display: flex;
    width: 45rem;
    padding: 10px 0px 10px 12px;
    align-items: center;
    gap: 7px;
    border-radius: .5rem;
    background: #F1F5FA;
}

.room-box h3 {
    color: #18171D;
    font-size: 2rem;
    font-weight: 600;
}

.inclusion-box {
    display: flex;
    flex-wrap: wrap;
    gap: 1.6rem;
    padding-bottom: 1rem;
}

.inclusion {
    display: inline-flex;
    padding: .7rem 1.4rem;
    align-items: flex-end;
    gap: 1.2rem;
    border-radius: .3rem;
    background: #F4F4F4;
}

.inclusion img {
    width: 2.4rem;
    height: 2.4rem;
}

.inclusion span {
    color: #71717B;
    font-size: 1.8rem;
    font-weight: 500;
}

.h-line {
    width: 100%;
    height: 1.5px;
    background: #EBEBEB;
}

.Book-now {
    display: flex;
    width: 100%;
    height: 5rem;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
    background: #0176F9;
    cursor: pointer;
}

.Book-now a {
    color: #F4F4F6;
    font-size: 2.2rem;
    font-weight: 500;
    text-decoration: none;
    text-align: center;
}

.Book-now:hover {
    background-color: #3491F9;
}

/* Room Card section end*/

/* Accommodation information Start */

    .information-container {
        width: 90%;
        margin: auto;
        display: flex;
        flex-direction: column;
        gap: 1.6rem;
        padding-bottom: 3rem;
    }

    .information-box {
        display: inline-flex;
        align-items: flex-start;
        gap: 1.4rem;
    }

    .information-box img {
        width: 3.3rem;
        height: 3rem;
    }

    .information-box p {
        color: #71717B;
        font-size: 2rem;
        font-weight: 500;
        line-height: 121%;
    }

    .information-box a {
        color: #ff6e00; 
        font-size: 2rem;
        text-decoration: none;
        font-weight: 600;
    }

    .information-box a:hover {
        color: #007AFF;
        transition: all 0.3s ease;
    }


    .information-box span {
        color: #18171D;
        font-size: 2rem;
        font-weight: 600;
        line-height: 121%; 
    }
    
/* Accommodation information End */