bedding.css

  @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;900&family=Rubik:wght@300&display=swap');

@media  (max-width: 1450px) and (min-width: 1000px) {

  }

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Poppins', sans-serif;
}
h1{
    font-size: 3em;
    color: #002855;
}

nav{
    width: 100%;
    height: 120px;
    background-color: rgb(219, 216, 216);
}
#container{
    width: 80%;
    margin: auto;
    border-bottom: 1px solid rgb(205, 205, 205);
    display: flex;
    flex-direction: column;
}
#container>div{
    margin-bottom: 20px;
}
#container>div:nth-child(1){
    padding: 15px 7px;
    display: flex;
    justify-content: center;
}

#container>div:nth-child(2)>img{
   width: 100%;
  
}
/* Mid section */
#mid_section{
    position: relative;
}
#mid_section>div{
    top: 260px;
    left: 50px;
    position: absolute;
    width: 40%;
    height:35%;
    background-color:#e5e8eb;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px;
}
#mid_section>div>h1{
    font-size: 3em;
    color: red
}
#mid_section>div>h1:hover,#mid_section>div>p:hover{
    text-decoration: underline;
    text-decoration-color:black;
    cursor: pointer;
}

#mid_section>div>button{
    margin-top: 10px;
    width: 40%;
    padding: 8px 18px;
    border: none;
    background-color: #1377c9;
    border-radius: 10px;
    color: white;
    font-size: 1.2em;
}
#mid_section>div>button:hover{
    background-color: #0a4e85;
    cursor: pointer;
}
#container>div:nth-child(4){
    padding: 15px 7px;
    display: flex;
    justify-content: center;
}
#slider{
    display: flex;
    
}
#slider>div:nth-child(2){
    display: flex;
    overflow-y: hidden;
    overflow-x:hidden;
}

#slider>div:nth-child(1),#slider>div:nth-child(3){
  display: flex;
  flex-direction: column;
    justify-content: center;
}
#slider>div:nth-child(1)>button,#slider>div:nth-child(3)>button{
    padding: 10px;
    height: 72px;
    width: 72px;
    font-size: 30px;
    border-radius: 50%;
    border: none;
}
#slider>div>div{
    border: 1px solid #e5e5e5;
    padding: 10px;
    border-radius: 10px;
    margin-right: 20px;
    
}
#container>div:nth-child(6),#container>div:nth-child(8),#container>div:nth-child(11){
    padding: 15px 7px;
    display: flex;
    justify-content: center;
}
/* Shop By Category */
.shop_by_category{
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;  
}
.shop_by_category>div>img{
    width:100%;
}
.shop_by_category>div>h3{
    padding-left: 30px;
}
.more_ways_to_shop{
    display: flex;
    padding: 0px 24px 32px;
}
.more_ways_to_shop>div{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}
.more_ways_to_shop>div>img{
    width: 80%;
}
#container>div:nth-child(10)>img{
    width: 100%;
}
.brands{
    display: flex;
}
.brands>div>img{
    width: 100%;
    padding: 10px;
}
.last_text_para>p,.last_text_para>p>a{
    font-family: 'Rubik', sans-serif;
    font-size: 16px;
}
.last_text_para>p>a{
    color: #3288cf;
}
#kitchen_appliances:hover{
    cursor: pointer;
}
#kitchen_appliances>img{
    border-radius: 50%;
    width: 70%;
}
#right_slider,#left_slider{
    color: #1377c9;
}
#right_slider:hover,#left_slider:hover{
    background-color:#1377c9;
    color: white;
}

#slider>div>div{
    border-bottom: 2px solid #1377c9 ;
}