*{
margin: 0px;
padding: 0px;
box-sizing: border-box;

}
html, body {
  margin: 0;
  padding: 0;
background-color: white;

}
main{
    /* background-image: url(0d09ca69-7791-4ae0-8126-685a5ab93c09.jpg);
    background-image: url(07c173b2-5048-49f3-8694-da823f4a1fb1.jpg);
    background-size: cover; */
    /* height: 1000px;
    width: 100%; */
    /* align-items: center; */
    /* padding-top: 50px; */
    /* display: flex; */
    /* justify-content: start; */

}
body, html{
    /* background-image: url(f942a165-2ed5-4052-836d-b1a04df94dda.jpg);
    background-size: cover; */
    /* background-color: rgb(244, 223, 227); */
}

.hero-section{
    /* background-color: antiquewhite; */
    background-image: url(pexels-davis-vidal-24041114-8465933.jpg);
    background-size: cover;
    margin-top: 0px;
    height: 300px;
    width: 100%;
    border-style: solid;
    border-bottom-left-radius: 40px;
    border-bottom-right-radius: 40px;
    /* position: relative; */

    

}
.shop-now button{
     background-color: rgb(96, 44, 8);
    color: white;
    height: 45px;
    width: 8%;
    border-style: none;
    border-top-left-radius: 6px;
    border-bottom-left-radius:6px;
    border-top-right-radius:6px;
    border-bottom-right-radius:6px;
    text-align: center;
    margin-left: 0px;
    font-size: medium;
    /* font-size: large; */
    
}
.heading{
    text-align: center;
    font-size: x-large;
}
.hero-sec{
    text-align: center;
}
h1{
    line-height: 1.2;
}
.feature-section{
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    font-size: 40px;
    margin-top: 25px;
}
.feature-section p{
   font-size: 20px;
   font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
   font-weight: lighter;
   font-style: normal;
   margin-right: 10%;
}

/* .mid-sec{
    height: 500px;
    width: 1000px;
    display: flexbox;
    justify-content: center;
    
} */
.hair-oil{
    height: 100%;
    width: 40%;
    background-image: url(/frontend-html-oil-web/6179254081542013440.jpg);
    background-size: contain;
    /* border-top-left-radius: 6%;
    border-bottom-left-radius: 6%;
    border-top-right-radius: 6%;
    border-bottom-right-radius: 6%; */
    margin-left: 30px;
    
}
.mid-sec{
    height: 500px;
    width: 100%;
    display: flex;
    justify-content: space-around;
    /* align-items: center; */
}
.add-to-cart button{
    background-color: rgb(75, 56, 42);
    color: white;
    height: 50px;
    width: 45%;
    border-style: none;
    border-top-left-radius: 6px;
    border-bottom-left-radius:6px;
    border-top-right-radius:6px;
    border-bottom-right-radius:6px;
    margin-top: 20px;
    font-size: x-large;

}
.hair-serum span{
    /* font-size: 10rem; */
    font-size: larger;
    font-weight: bolder;
    
}
.side-cont{
    margin-left: 150px;
    /* height: 100%;
    width: 50%; */
    display: flexbox;
    font-size: x-large;
    justify-content: center;
    margin-top: 100px;
    align-items: center;
}
.testimonial{
    height: 300px;
    width: 100%;
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    margin-top: 50px;
}
.feedback{
    height: 200px;
    width: 300px;
    background-color: antiquewhite;
    border-top-left-radius: 6px;
    border-bottom-left-radius:6px;
    border-top-right-radius:6px;
    border-bottom-right-radius:6px;
    display: flex;
    justify-content:start;
    align-items: start;
    padding-left: 20px;
    
}
/* .second-feedback{
    height: 200px;
    width: 600px;
    background-color: antiquewhite;
    border-top-left-radius: 6px;
    border-bottom-left-radius:6px;
    border-top-right-radius:6px;
    border-bottom-right-radius:6px;
    display: flex;
    justify-content:start;
    padding-left: 20px;
} */
.pic-first{
    height: 80px;
    width: 80px;
    border-radius: 50%;
    margin-top: 20px;
    margin-right: 450px;
}
.pic{
    height: 80px;
width: 80px;
border-radius: 50%;
position: static;
background-image: url(test1.jpg);
background-size: cover;
}
.pic-second{
    height: 80px;
    width: 80px;
    border-radius: 50%;
    margin-top: 20px;
    margin-right: 450px;
}
.pic-two{
    height: 80px;
width: 80px;
border-radius: 50%;
background-image: url(test2.jpg);
background-size: cover;
}
.pic-third{
    height: 80px;
    width: 80px;
    border-radius: 50%;
    margin-top: 20px;
    margin-right: 450px;
}
.pic-three{
    height: 80px;
width: 80px;
border-radius: 50%;
background-image: url(test3.png);
background-size: cover;
}
.pic-fourth{
    height: 80px;
    width: 80px;
    border-radius: 50%;
    margin-top: 20px;
    margin-right: 450px;
}
.pic-four{
    height: 80px;
width: 80px;
border-radius: 50%;
background-image: url(test4.png);
background-size: cover;
margin-top: 20px;
margin-right: 15px;
}
/* form{
    margin-left: 200px;
    height: 200px;
    width: 200px;
} */
 form input{
    height: 50px;
    width: 500px;
    border: none;
    border-style: solid;
    border-color: silver;
    border-top-left-radius: 6px;
    border-bottom-left-radius:6px;
    border-top-right-radius:6px;
    border-bottom-right-radius:6px;
    background-color: rgb(248, 231, 234);
 }
 form textarea{
height: 50px;
    width: 200px;
    border: none;
    border-style: solid;
    border-color: silver;
    border-top-left-radius: 6px;
    border-bottom-left-radius:6px;
    border-top-right-radius:6px;
    border-bottom-right-radius:6px;
    background-color: rgb(248, 231, 234);
 }
 .submit-button{
     height: 50px;
    width: 100px;
    border: none;
    border-style: solid;
    border-color: silver;
    background-color: rgb(220, 249, 220);
    border-top-left-radius: 6px;
    border-bottom-left-radius:6px;
    border-top-right-radius:6px;
    border-bottom-right-radius:6px;
    
 }
 form h2{
   margin-left: 200px;
   font-weight: bolder;
   font-size: xx-large;
   font-family: Georgia, 'Times New Roman', Times, serif;
 }
 /* .mapouter {
    margin-left: 800px;

 } */
.form-map{
    display: flex;
    justify-content: space-between;
    margin-left: 100px;
    margin-right: 200px;
}
footer{
    height: 50px;
    width: 100%;
    margin: none;
    border: none;
    background-color: lightgray;
    text-align: center;
    box-sizing: border-box;
    margin-top: 20px;
}
footer p{
    background-color: lightgray;
}
footer h3{
    background-color: lightgray;

}
.cont{
    height: 50px;
    width: 100px;
}
.feedback span{
    text-align: start;
    /* width: 180px; */
    margin-top: 25px;
    font-size: large;
    line-height: 1.8rem;
}
.web-logo{
    background-size: cover;
    border-radius: 50%;
    color: red;
}