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

body {
    background-color: rgb(241, 242, 244);
}

/* Main Bar */

nav {
    display: flex;
    height: 67px;
    width: 100%;
    background-color: white;
    align-items: center;
    justify-items: center;
    justify-content: space-evenly;
}


/* Main Bar Logo */

.log {
    height: 2.5rem;
    width: 10rem;
}

.logo {
    background-image: url(https://static-assets-web.flixcart.com/batman-returns/batman-returns/p/images/fkheaderlogo_exploreplus-44005d.svg);
    width: 10rem;
    height: 40px;
    background-repeat: no-repeat;
    background-size: contain;
}



/* Main Bar Search  */

.search_box {
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    height: 49px;
    width: 50rem;
    background-color: rgb(241, 242, 244);
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;

}


.search {
    background-color: rgb(241, 242, 244);
    color: gray;
    border: none;
}


.search_bar {
    height: 2.5rem;
    width: 48rem;
    font-size: 17px;

}

.search_icon {
    width: 44px;
    font-size: 20px;

}


/* Main Bar Login */


.login {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 49px;
    width: 80px;
}

.login_ {
    font-size: 17px;
    text-align: center;
    height: 42x;
    border: none;
    background-color: white;


}

.login_icon {
    font-size: 25px;
    width: 30px;

}

/* Main Bar Content */


.icon {
    font-size: 20px;
    display: flex;
    width: 20px;
    font-weight: 5;
}

.icon_ {
    font-size: 1rem;
    width: 30px;
}

.panel2 {
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: center;
}

.panel2_contents {
    background-color: white;
    width: 93%;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    margin-top: 8px;
    height: 140px;
}


.hero_sec {
    display: flex;
    height: 250px;
    justify-content: center;
    align-items: center;
    margin-top: 23px;
    width: 100%;
}

.hero_sec_img {
    background-image: url(https://rukminim2.flixcart.com/fk-p-flap/1600/270/image/c85e16df7aedd64e.jpg?q=20);
    width: 93%;
    height: 265px;
    background-repeat: no-repeat;
    background-size: contain;
}

.one {
    background-image: url(https://rukminim2.flixcart.com/fk-p-flap/128/128/image/698ba0cebe456aaf.jpg?q=100);
}

.box {
    height: 4rem;
    width: 4rem;
    background-size: contain;
    background-repeat: no-repeat;
}

.two {
    background-image: url(https://rukminim2.flixcart.com/fk-p-flap/128/128/image/44e10b16e649b691.jpg?q=100);
}

.three {
    background-image: url(https://rukminim2.flixcart.com/fk-p-flap/128/128/image/717b5077a5e25324.jpg?q=100);
}

.four {
    background-image: url(https://rukminim2.flixcart.com/fk-p-flap/128/128/image/4da1d0d19350cc84.jpg?q=100);

}

.five {
    background-image: url(https://rukminim2.flixcart.com/fk-p-flap/128/128/image/9d4e9c605fc1d2d3.jpg?q=100);
}

.six {
    background-image: url(https://rukminim2.flixcart.com/fk-p-flap/128/128/image/a5e656672d0548dd.jpg?q=100);
}

.seven {
    background-image: url(https://rukminim2.flixcart.com/fk-p-flap/128/128/image/5b813b64a3179898.jpg?q=100);
}

.eight {
    background-image: url(https://rukminim2.flixcart.com/fk-p-flap/128/128/image/7a5e96c10ada8a56.jpg?q=100);
}

.nine {
    background-image: url(https://rukminim2.flixcart.com/fk-p-flap/128/128/image/57fe1ffe54569c41.jpg?q=100);
}

.ten {
    background-image: url(https://rukminim2.flixcart.com/fk-p-flap/128/128/image/25f400c36bc3487d.jpg?q=100);
}



.panel2 a {
    text-decoration: none;
    color: black;
    font-weight: 700;
    text-align: center;
}

.panel3 {
    display: flex;
    justify-content: center;
    margin-top: 25px;
}

.panel3_cont {
    background-color: white;
    width: 93%;
    height: 283px;
    display: flex;
    justify-content: space-between;
}


.box2 {
    height: 282px;
    width: 525px;
    border: none;
    background-size: contain;
    background-repeat: no-repeat;
}

.p1 {
    background-image: url(https://rukminim2.flixcart.com/fk-p-flap/520/280/image/1a6ccb003d9a7b3d.jpg?q=20);
}

.p2 {
    background-image: url(https://rukminim2.flixcart.com/fk-p-flap/520/280/image/e5cac70efd92ae9a.png?q=20);
}

.p3 {
    background-image: url(https://rukminim2.flixcart.com/fk-p-flap/520/280/image/686d144ac077fa8b.jpg?q=20)
}


.panel4 {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.panel4_cont {
    background-color: white;
    width: 93%;
    height: 164px;
    display: flex;
    justify-content: space-around;
}

.box3 {
    height: 164px;
    width: 400px;
    border: none;
    background-size: cover;
    background-repeat: no-repeat;
}

footer {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 20px;
}

.foot {
    font-size: 0.80rem;
    color: gray;
    width: 93%
}

.foot h1 {
    font-size: 0.9rem;
}

.end {
    background-color: black;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    border-top: 0.5px solid white;
    height: 70px;
}

.about {
    background-color: black;
    height: 270px;
    width: 100%;
    color: white;
    display: flex;
    justify-content: space-around;
    margin-top: 20px;
    font-size: o.6rem;
}

.about ul {
    margin-top: 20px;
}