@import url('https://fonts.googleapis.com/css2?family=Kalnia&family=Merriweather:ital,wght@1,300&family=Rubik&display=swap');
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body{
    background-color: white;
}
.project_container{
    max-width: 100vw;
    padding: 18px;
    
    min-height: 100vh;
}
.landing_page{
width: 100%;
min-height: 100vh;
background-image: linear-gradient(rgba(206,40,44,0.8),rgba(206,40,44,0.8)),url("/assets/bg.jpg");
height: 100vh;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border-radius: 15px;
overflow: hidden;
}
.header{
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    padding: 5vh 5vw;
}

.header img{
    height: 55px;
}
.nav_links{
    display: flex;
    align-items: center;
    
}
.nav_links i{
   font-size: 20px;
   margin: 0 15px;
}
.links_icons{
    height: 40px;
    width: 35;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
}
.links_icons:hover{
    background-color:#9c0c0ecc;
    cursor: pointer;
}

.landing_page_content{
width: 100%;
height: 85%;
object-fit: cover;
display: flex;
object-fit: cover;
align-items: flex-end;
justify-content: center;
}


.shop_now_btn{
    position: absolute;
    left: 27vw;
    top: 80vh;
    padding: 15px 20px;
    border: none;
    border-radius: 100px;
    font-size: 18px;
    font-family: 'Kalnia';
    font-weight: 500;
}
.shop_now_btn i{
    padding: 0 5px;
}
.landing_page_thoughts_container{
    position: absolute;
    bottom: 2vh;
    right: 7vw;
    color:white
}
.content_heading{
 font-family: futura;
}
.landing_page_thoughts_container p{
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
}
.explore{
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 10vh;
    
}
.explore_section{
    min-height: 100vh;
    width: 100%;
 
    justify-content: space-between;
    padding: 13vh 5vw 10vh 5vw;
    display: flex;
    flex-direction: row;
   
}
.explore_left_part{
    padding-top: 10px;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    width: 45%;
   
    padding: 5px;
}
.explore_right_part{
    display: flex;
    justify-content: flex-end;
    
    width: 335px;
   display: flex;
}
.explore_left_part h2{
    margin-top: -10px;
    font-size: 2.5rem;
    margin-bottom: 20PX;
}
.explore_left_part p{
    font-size: 16px;
    font-family: 'Merriweather', serif;
    color: rgb(102, 99, 99);
    font-weight: 600;
    line-height: 1.7;
    margin-bottom: 15px;
}
.explore_btn{
font-size: 17px;
padding: 14px 20px;
font-family:Georgia, 'Times New Roman', Times, serif;
color: white;
background-color: #d61115f3;
border: none;
outline: none;
border-radius: 100px;
margin: 20px 0px;
}
.explore_bg_image{
    box-shadow: 12px 5px  12px rgb(172, 172, 172);
    display: flex;
    justify-content: flex-end;
    border-radius: 35px;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(rgba(175, 14, 17, 0.8),rgba(122, 12, 14, 0.8)),url("/assets/bg.jpg");
}
.right_image{
    position: relative;
    width: 45vw;
    height: 80%;
    top: 100px;
    right: 10px;
    -webkit-filter: drop-shadow(-3px 1px 10px #5a5555);
    filter: drop-shadow(1px 1px 10px #616161);
}
.deers_image {
    width: 100%;
    height: 20vh;
    padding: 0 5vw;
}

.deers_image img{
    height: 100px;
    width: 500px;
    background:linear-gradient(rgba(255, 255, 255, 0.8));
}

.category_section_container{
   min-height: 68vh;
    width: 100%;
    border: none;
    border-radius: 20px;
    background-color: #faf4f4d0;
    text-align: center;
    padding: 70px 20px 20px 20px;
    
}
.category_section_container h2{
    font-size: 40px;
    letter-spacing: 2px;
    word-spacing: 3px;
    font-family: 'Merriweather', serif;
    margin-bottom: 15px;
}
.category_section_container p{
    font-size: 17px;
    font-weight: 600;
    font-family: 'Merriweather', serif;
    color: #616161;
    margin-bottom: 20px;
}
.category_container{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
   
    justify-content: space-around;
    gap: 30px;
    width: 100%;
    margin: 0 auto;
    min-height: 180px;
}
.category{
    height :150px;
    width:125px;
    padding: 15px;
    border-radius: 20px;
    transition: 100ms ease-in;
}
.category:hover{
    box-shadow: inset rgba(197, 195, 195, 0.856) 0px 0px 60px -12px;
}
.category_img{
    height: 70px;
    margin-bottom: 5px;
}























/* *********************media queries */
@media screen and (max-width:823px) {
    .shop_now_btn{
        left: 15vw;
    }
    .explore_section{
        padding: 13vh 2vw 10vh 1vw;
       
    }
    
}

@media screen and (max-width:690px) {
    .shop_now_btn{
        left: auto;
        top: 70vh;
        position: absolute;
        
        padding: 12px 17px;
        
        font-size: 15px;
     
    }
    .landing_page_thoughts_container{
        position: absolute;
        bottom: 5vh;
        left: 10vw;
        color:white
    }
    .explore_section{
        padding: 13vh 2vw 10vh 1vw;
       
    }
    .explore_bg_image{
       
        width: 85%;
        height: 100%;
        background-image: linear-gradient(rgba(175, 14, 17, 0.8),rgba(122, 12, 14, 0.8)),url("/assets/bg.jpg");
    }
}
@media screen and (max-width:650px){
    .explore_section{
        min-height: 80vh;
        width: 100%;
        align-items: center;
        justify-content: center;
        padding-top: 5vh;
        padding-bottom: 1vh;
        flex-direction: column;
       text-align: center;
    }
    .explore_left_part{
        padding-top: 10px;
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
        width: 100%;
       
        padding: 5px;
    }
    .explore_right_part{
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 60vh;
    }
    .explore_bg_image{
        box-shadow: 12px 5px  12px rgb(172, 172, 172);
        display: flex;
        justify-content: center;
        border-radius: 35px;
        width: 90%;
        height: 80%;
        background-image: linear-gradient(rgba(175, 14, 17, 0.8),rgba(122, 12, 14, 0.8)),url("/assets/bg.jpg");
    }
    .right_image{
        width: 80vw;
        height: 100%;
        top: 0;
        right: 0px;
        -webkit-filter: drop-shadow(-3px 1px 10px #5a5555);
        filter: drop-shadow(1px 1px 10px #616161);
    }
}
@media screen and (max-width:570px){
    .deers_image{
        height: 15vh;
    }
    .deers_image img{
      
        width: 65vw;
     
    }
    .landing_page{
         max-height:85vh;
    }
  
}