*{
    margin: 0;
    padding: 0;
}
/* Common Css start */
.container{
    width: 1230px;
    margin: 0 auto;
   
}
.box{
    display: flex;   
    
}
.common-button{
    background: #000;
    font-size: 24px;
    font-weight: 600;
    font-family: "Poppins", sans-serif;
    color: white;
    padding: 25px 91px;
    border-radius: 10px;
    text-decoration: none;
     border: 1px solid transparent;
     transition: .4s;
}
.common-button:hover{
    background: transparent;
    border-color: black;
    color: black;
}
/* Common Css end */

/* =============================
        Navber part start
=============================== */

nav{
    background: #FAE3B6;
    padding: 47px 0px;
}
.menupart{
    width:60% ;
    height: 250px ;

}
.button-part{
    width:25% ;
    height:300px ;
 
}
 .menupart ul{
 list-style: none;
 display: flex;
 column-gap: 59px;
 color: #000;
 font-size: 24px;
 font-weight: 600;
 font-family: 'Poppins' sans-serif;

}

.nav.box{
    align-items: center;
}


nav .button-part a{
    background:#FDBB57;
    padding: 10px 20px;
    font-size: 24px;
    font-weight: 600;
    color: #050505;
     font-family: "Poppins", sans-serif;
     text-decoration: none;
     border-radius: 10px;
     border: 1px solid transparent;
     transition: .4s;
}
nav .button-part a:hover{
    background: #FAE3B6;
    border-color: #FDBB57;
    
}
a{
    margin: 0;
    padding: 0;
}
.logopart{
    width:25% ;
    height: 250px ;
    
}
/* =============================
        Navber part end
=============================== */

/* =============================
        Banner part start
=============================== */

.Banner .right-part{
 width: 50%;
 
}
.Banner  .leftpart{
 width: 50%;
 
}
.Banner{
    background-color: #fae3b6;
}
.heading{
font-size: 71px;
font-weight: 600;
color: black;
width: 533px;
padding-bottom: 38px;

}
   .Banner .leftpart p{
    font-size: 22px;
    font-weight: 400;
     font-family: "Poppins", sans-serif;
     color: black;
     width: 531px;
     padding-bottom: 78px;
     

}
/* =============================
        Banner part start
=============================== */

/* =============================
        Collection part start
=============================== */
.collection{
    margin-top: 217px;
    margin-bottom: 188px;

}

.collection h2{
    font-size: 64px;
    font-weight: 700;
    color: black;
    text-align: center;
    margin-bottom: 106px;
}
.collection .box{
    justify-content: space-around;
 

}
.collection .card{
    width: 349px;
    height: 402px;
    border-radius: 20px;
    position: relative;
    overflow: hidden;
}
.collection .card .overly{
    width: 100%;
    height: 100%;
    border-radius: 20px;
    position: absolute;
    top: 100%;
    left: 0;
    transition: .4s;

}

.collection .card:hover .overly{
    top: 0%;

}

.collection .card .overly .card-button{
    background: white;
    padding: 9px 108px;
    margin-top: 300px;
    margin-left: 18px;
    display: inline-block;
    border-radius: 20px;
    font-size: 24px;
    font-weight: 400;
    font-family: "Poppins", sans-serif;
    color: black;
    text-decoration: none;

}
/* =============================
        Collection part end
=============================== */
/* =============================
        Fashion part start
=============================== */
.fashion {
    padding-bottom: 300px;
}

.fashion .box{
    align-items: center;
    position: relative;
}
.fashion .left-part{
   
    width: 50%;
   
   
}
.fashion .left-part img{
    width: 100%;
    height: 730px;
}
.fashion .right-part{
    width: 50%;
    margin-left: 40px;
   
}
.fashion .right-part h2{
    font-size: 64px;
    font-weight: 700;
    color: #000;
    font-family: "Frank Ruhl Libre", serif;
    width: 436px;
    padding-bottom: 64px;
}
.fashion .right-part p{
    font-size: 24px;
    font-weight: 600;
    color: #000;
     font-family: "Poppins", sans-serif;
    width: 443px;
  
}
.fashion .reviwo-box{
    width: 793px;
    padding: 71px 0px;
    background: #FEECC8;
    position: absolute;
    bottom: -190px;
    right: 0px;
    z-index: -1;
    border-radius: 20px;
    display: flex;
    justify-content: space-around;
   
   
   
}
.fashion .reviwo-box .child-box{
    border-right: 3px solid rgb(96, 92, 92);
    padding-right: 50px;
}
.fashion .reviwo-box h3{
    font-size: 64px;
    font-weight: 700;
    color: #000;
     font-family: "Podkova", serif;
}
.fashion .reviwo-box p{
    font-size: 28px;
    font-weight: 500;
    color: #000;
    font-family: "Poppins", sans-serif;
}
/* =============================
        Fashion part end
=============================== */

/* =============================
        Product part start
=============================== */
   .product {
    background: #CFA485;
    padding-top: 36px;
    padding-bottom: 191px;
   }
  .product .left-part{
    width: 38%;
   
  }
  .product .right-part{
     width: 62%;
     display: flex;
     justify-content: space-between;
    

  }
  .product h2{
    font-size: 64px;
    font-weight: 700;
     font-family: "Frank Ruhl Libre", serif;
     color: #fff;
     padding-bottom: 43px;
  }
  .product p{
    font-size: 24px;
    font-weight: 600;
     font-family: "Frank Ruhl Libre", serif;
     color: #fff;
     width: 437px;
     padding-bottom: 40px;
  }

   .product .right-part .card{
    width: 366px;
    height: 550px;
    
    border-top-left-radius: 60px;
    border-top-right-radius: 60px;

  }
  .product .right-part .card .image-part{
    width: 100%; 
    height: 424px;
    
    
  }
  .product .right-part .card .image-part img{
     border-top-left-radius: 60px;
    border-top-right-radius: 60px;
    width: 100%; 
    height: 100%;
  } 
  .product .right-part .card .content-part{
    background: white;
    width: 100%; 
    height: 126px;
    padding-top: 14px;
    padding-left: 22px;
    box-sizing: border-box;

  }
   .product .content-part i{
    color: #FDBB57;
   }


   .product .right-part .card .content-part h3{
    font-size: 22px;
    font-weight: 600;
    color: black;
    font-family: "Poppins", sans-serif;
    padding-top: 11px;
   }
   .product .right-part .card .content-part p{
    font-size: 24px;
    font-weight: 400;
    color: #C4C4C4;
    font-family: "Poppins", sans-serif;
    
   }
   .product .right-part .card .content-part p span{
    color: black;
    padding-left: 30px;
   }
/* =============================
        Product part end
=============================== */