* {
    margin: 0px;
    padding: 0px;
    font-family: Arial, Helvetica, sans-serif;
}

.navbar {
    background-color: #EB5B25;

    a {
        color: #FFFFFF !important;
        font-size: 18px;
        transition: all 0.5s;
    }

    a:hover {
        transform: scale(1.1);
    }

    img {
        border-radius: 50%;
    }

    button {
        color: #EB5B25;
        background-color: #FFFFFF;
    }
}

#h3 {
    margin: 03%;
    text-align: start;
    font-weight: 600;
}

.more {
    width: 100%;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    justify-content: space-around;
}

.sub-more {
    height: 80px;
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 10px;
    font-size: 20px !important;

    i {
        color: blue;
    }

    a {
        text-decoration: none;
    }

}

.offer {
    width: 100%;
    height: 250px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    justify-content: space-around;
}

#sub-offer-1 {
    height: 200px;
    width: 22%;
    border-radius: 10px;
    background-image: url("https://www.ixigo.com/vimaan/_next/image?url=https%3A%2F%2Fimages.ixigo.com%2Fimage%2Fupload%2FIMG%2Ff38edca4b541c7071b7d5e1a5654b199-dkwnw.png&w=640&q=75");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

#sub-offer-2 {
    height: 200px;
    width: 22%;
    border-radius: 10px;
    background-image: url("https://www.ixigo.com/vimaan/_next/image?url=https%3A%2F%2Fimages.ixigo.com%2Fimage%2Fupload%2Fa%2F71b0406eefbddee2a2384ab271dd6c3b-vqtvc.png&w=640&q=75");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

#sub-offer-3 {
    height: 200px;
    width: 22%;
    border-radius: 10px;
    background-image: url("https://www.ixigo.com/vimaan/_next/image?url=https%3A%2F%2Fimages.ixigo.com%2Fimage%2Fupload%2FIMG%2Ff7db31ff881912db8fe02b6ff9120179-velxb.png&w=640&q=75");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

#sub-offer-4 {
    height: 200px;
    width: 22%;
    border-radius: 10px;
    background-image: url("https://www.ixigo.com/vimaan/_next/image?url=https%3A%2F%2Fimages.ixigo.com%2Fimage%2Fupload%2Fa%2F6817af12edb8f63b28bb185bdb7eb34c-itxng.png&w=640&q=75");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}


.book {
    width: 100%;
    height: 150px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    justify-content: space-around;
}

#sub-book-1 {
    height: 100px;
    width: 22%;
    border-radius: 10px;
    background-image: url("https://www.ixigo.com/vimaan/_next/image?url=https%3A%2F%2Fimages.ixigo.com%2Fimage%2Fupload%2Fwhybook%2F469668e2505b963e09eb337ac304719f-lgamx.png&w=640&q=75");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

#sub-book-2 {
    height: 100px;
    width: 22%;
    border-radius: 10px;
    background-image: url("https://www.ixigo.com/vimaan/_next/image?url=https%3A%2F%2Fimages.ixigo.com%2Fimage%2Fupload%2Fwhybook%2Fe59d86d72e215897f82d703eaa497d83-azyhc.png&w=640&q=75");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

#sub-book-3 {
    height: 100px;
    width: 22%;
    border-radius: 10px;
    background-image: url("https://www.ixigo.com/vimaan/_next/image?url=https%3A%2F%2Fimages.ixigo.com%2Fimage%2Fupload%2Fwhybook%2Fcb85f0f9d5413f6eec07c95d304a1679-gduui.png&w=640&q=75");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

#sub-book-4 {
    height: 100px;
    width: 22%;
    border-radius: 10px;
    background-image: url("https://www.ixigo.com/vimaan/_next/image?url=https%3A%2F%2Fimages.ixigo.com%2Fimage%2Fupload%2Fwhybook%2F83773706a371de71cf6bebbfab043b30-qveui.png&w=640&q=75");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}


.popular {
    width: 100%;
    height: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    justify-content: space-around;
}

.sub-popular {
    height: 125px;
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 10px;
    font-size: 20px !important;

    a {
        text-decoration: none;
    }

    p {
        margin-top: 05%;
        color: blue;
    }

    img {
        width: 50px;
        height: 50px;
    }
}

#about {

    height: auto;
    width: 100%;
    text-align: center !important;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border-radius: 10px;

    p {
        text-align: start;
        padding: 02%;
        font-size: 22px !important;
    }

    .h3 {
        text-align: center;
        padding-top: 02%;
    }

}

#download {
    width: 100%;
    height: 400px;
    border-radius: 10px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    justify-content: space-around;
}

#left {
    height: 400px !important;
    width: 20%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center !important;
    justify-content: space-around;

    img {
        width: 200px;
        height: 200px;
        border-radius: 50%;
    }
}

#center {
    height: 400px !important;
    width: 40%;
    height: auto;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: start !important;
    padding-left: 03%;
    justify-content: space-around;
    color: black;

    h4 {
        font-weight: 600;
    }

    p {
        font-size: 20px;
    }

    img {
        width: 150px;

    }

    #rating {
        height: auto;
        width: 70%;
        display: flex;
        justify-content: center;
        align-items: center !important;
        justify-content: space-around;

        button{
            height: 50px;
            width: 100px;
            background-color: green;
            border-radius: 10px;
            border: 0px;
            color: white;
            font-weight: 600;
            font-size: 25px;
            cursor: pointer;
            transition: all 0.5s;
        }

        button:hover{
            transform: scale(1.07);
        }
    }
}

#right {
    height: 400px !important;
    width: 30%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center !important;
    justify-content: space-around;
}

#store {
    height: 200px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    justify-content: space-around;
    flex-direction: column;

    img {
        width: 170px;
        height: 65px;
        transition: all 0.5s;
    }

    img:hover{
        
        transform: scale(1.07);
    }
}

#scan {
    height: 200px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;

    img {
        width: 175px;
        height: 175px;
    }
}