*{
    margin:0;
    padding:0;
    box-sizing: border-box;
    font-family: "Jost", sans-serif;
}

.home  .logo .nav {

    display:flex;
    justify-content: space-evenly;
    align-items: center;

margin-bottom: 5%;


}
.home .nihas .nav ul li a{
    text-align: center;

}


.fa-cart-shopping a{
text-decoration: none;
  
}

.nav .fa-cart-shopping{
    color:#e5aa70;
    margin-left:20%;
    font-size:20px ;
    margin-right:2%;
}
 .nav img{
    margin-right:15%;
    margin-bottom: 30px;
}
.container-contact h4{
    margin-bottom: 2%;
}
.container-contact .contact{
margin-bottom: 0%;

}
.copy{
    text-align: center;
    text-transform: capitalize;
    color:#e5aa70;
}
.container-contact h4 {
    padding-bottom: 20px;
}
.end .container-contact .contact{
    margin-left:2%;

}
.container-contact .follow{
    margin-right: 40px;
}
.container-contact{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom:5%;

    
}
/* .container-contact .follow a { */

   
     /* text-decoration: none;  */
   
/*  color:#e5aa70; */

 .follow a {
    display:inline-flex;
   justify-content: space-evenly;
    text-decoration: none;
    color:#e5aa70;
 font-size: 30px;
margin-right:10px;
padding-top: 20px;
 
   
}
.contact h4{
    color:#e5aa70;
    text-transform: capitalize;
    font-size: 20px;
    padding-bottom: 20px;
}
h3{
    color:#e5aa70;
    text-transform: capitalize;
    padding-bottom: 20px;
  
}
.follow{
    color:#e5aa70;
}

.support .pp a{

    color:#fff;
    text-transform: capitalize;
    text-decoration: none;
    
}
h4{
    color: #e5aa70;
    text-transform: capitalize;
}
.contact .aa{
    text-transform: lowercase;
}
.contact p{
    color:#fff;
    text-transform: capitalize;
}
.fa-phone{
color:#e5aa70;
}
.fa-envelope{
    color:#e5aa70;
}

.fa-location-dot
{
    color:#e5aa70;
    text-transform: capitalize;

margin-bottom: 0;

    

}
.fa-star{
    color:#e5aa70;
}
.fa-star-half-stroke{
    color:#e5aa70;
}


/* .container-contact{ */
    /* box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px; */


.p1{
    color:#fff;
    text-transform: capitalize ;
    font-size: 20px;
   
}

.customers h5{
  text-transform: capitalize;
    word-spacing: 0px;
    text-align: center;
    margin-bottom:4%;
}
.end h5{
    text-transform: capitalize;
    word-spacing: 0px;
    text-align: center;
    margin-bottom:4%;
}

.customer-container .men-1 img{
     width:100px;
     height:100px;
     border-radius:50%;
     box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
 
}
.customer-container .men-2 img{
    width:100px;
    height:100px;
    border-radius:50%;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;

}
.customer-container .men-3 img{
    width:100px;
    height:100px;
    border-radius:50%;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;

}
.products-container h3 ,span{
    color:#e5aa70;
    text-transform: capitalize ;


}
.products-container{
 display: grid; 
 grid-template-columns: repeat(auto-fit, minmax(200px,1fr)); 
gap: 8%;


}
.customer-container{
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(200px,1fr));
    gap:5%;
    margin-bottom: 10%;
}
.customer-container .men-1{
    margin-left: 100px;
   text-align:center;
   align-items: center; 
   box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
   padding:30px;
   width:300px;
   height:500px;
   line-height: 1.46;
   border-radius:15px ;

}
.customer-container .men-2{
    margin-left: 100px;
   text-align:center;
   align-items: center; 
   box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
   padding:30px;
   width:300px;
   height:500px;
   line-height: 1.46;
   border-radius:15px ;

}
.customer-container .men-3{
    margin-left: 100px;
   text-align:center;
   align-items: center; 
   box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
   padding:30px;
   width:300px;
   height:500px;
   line-height: 1.46;
   border-radius:15px ;

}


.products-container .box-1 {
   margin-left: 100px;
   text-align:center;
   align-items: center; 
   box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
   padding:30px;
   width:300px;
   height:450px;


   line-height: 1.46;
   border-radius:15px ;
}
.box-1 p a{
    line-height: 1.56;
    text-decoration: none ;
    margin-top:10px;
    color:#fff;
    font-size:15px;
    font-weight:bold;
    padding:20px;
    text-transform: capitalize;
    background-color: #e5aa70;
    display:inline-block;
    border-radius:10px;
  
}
.box-1 p a:hover{
    color:#271300;
}
.products-container .box-2{
    margin-left: 100px;
  text-align:center;
  align-items: center;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
  padding:30px;
  width:300px;
  height:450px;
 
  line-height: 1.46;
  border-radius:15px ;  

}
 .box-2 p a{
    line-height: 1.56;
    margin-top:10px;
    color:#fff;
    text-decoration: none;
    font-size:15px;
    font-weight:bold;
    padding:20px;
    text-transform: capitalize;
    background-color: #e5aa70;
    display:inline-block;
    border-radius:10px;
  
}
.box-2 p a:hover{
    color:#271300;
}
.products-container .box-3{
    margin-left: 100px;
    text-align:center;
    align-items: center; 
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
    padding:30px;
    width:300px;
    height:450px;
    line-height: 1.46;
    border-radius:15px ;
 }
 .box-3 p a{
    line-height: 1.56;
    text-decoration: none;
    margin-top:10px;
    color:#fff;
    font-size:15px;
    font-weight:bold;
    padding:20px;
    text-transform: capitalize;
    background-color: #e5aa70;
    display:inline-block;
    border-radius:10px;
  
}
.box-3 p a:hover{
    color:#271300;
}


.products-container .box-4{
    margin-left: 100px;
    text-align:center;
    align-items: center; 
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
    padding:30px;
    width:300px;

    height:450px;
    line-height: 1.46;
    border-radius:15px ;
 }
 .box-4 p a{
    line-height: 1.56;
    margin-top:10px;
    color:#fff;
    font-size:15px;
    font-weight:bold;
    text-decoration: none;
    padding:20px;
    text-transform: capitalize;
    background-color: #e5aa70;
    display:inline-block;
    border-radius:10px;
  
}
.box-4 p a:hover{
    color:#271300;
}
.products-container .box-5 {
    margin-left: 100px;
    text-align:center;
    align-items: center; 
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
    padding:30px;
    width:300px;
    height:450px;
 
    line-height: 1.46;
    border-radius:15px ;
 }
 .box-5 p a{
     line-height: 1.56;
     margin-top:10px;
     color:#fff;
     font-size:15px;
     font-weight:bold;
     text-decoration: none;
     padding:20px;
     text-transform: capitalize;
     background-color: #e5aa70;
     display:inline-block;
     border-radius:10px;
   
 }
 .box-5 p a:hover{
     color:#271300;
 }
 .products-container .box-6 {
    margin-left: 100px;
    text-align:center;
    align-items: center; 
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
    padding:30px;
    width:300px;
    height:450px;
 
    line-height: 1.46;
    border-radius:15px ;
 }
 .box-6 p a{
     line-height: 1.56;
     margin-top:10px;
     color:#fff;
     font-size:15px;
     font-weight:bold;
     text-decoration: none;
     padding:20px;
     text-transform: capitalize;
     background-color: #e5aa70;
     display:inline-block;
     border-radius:10px;
   
 }
 .box-6 p a:hover{
     color:#271300;
 }
 .products-container .box-7 {
    margin-left: 100px;
    text-align:center;
    align-items: center; 
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
    padding:30px;
    width:300px;
    height:450px;
 
    line-height: 1.46;
    border-radius:15px ;
 }
 .box-7 p a{
     line-height: 1.56;
     margin-top:10px;
     color:#fff;
     font-size:15px;
     font-weight:bold;
     padding:20px;
     text-decoration:none ;
     text-transform: capitalize;
     background-color: #e5aa70;
     display:inline-block;
     border-radius:10px;
   
}
 .box-7 p a:hover{
     color:#271300;
 }
 .products-container .box-8 {
    margin-left: 100px;
    text-align:center;
    align-items: center; 
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
    padding:30px;
    width:300px;
    height:450px;
 
    line-height: 1.46;
    border-radius:15px ;
 }
 .box-8 p a{
     line-height: 1.56;
     margin-top:10px;
     color:#fff;
     font-size:15px;
     text-decoration: none;
     font-weight:bold;
     padding:20px;
     text-transform: capitalize;
     background-color: #e5aa70;
     display:inline-block;
     border-radius:10px;
  
 }
 .box-8 p a:hover{
     color:#271300;
 }
 .products .para2{
    margin-bottom: 7%;
 }
 .products-container{
    margin-bottom: 15%;
 }


.pp{
    margin-top:2%;
}
.products-container img{
    width:200px;
    height:200px;
  
    margin-top: 4%;
    margin-left: 3%;
    
    
}
.nav img{
    margin-top: 20px;
   
}
.about{
    color:#e5aa70;
    font-size:50px;
    font-weight: bold;
    text-align: center;

    flex-basis: 50%;
  margin-right:18%;
  margin-top: 5%;
  margin-bottom: 20%;


}
 .para2{
    color:#e5aa70;
    font-size:50px;
    font-weight: bold;
    text-align: center;
    flex-basis: 50%;
  margin-right:18%;
  margin-top: 2%;
  text-transform: capitalize;
  margin-left: 20%;
  margin-bottom: 0%;
   
   
}
.about .aa .para{
    background-color: #271300;
    margin-top: -10%;
}
.para{
    color:#fff;
    font-size: 25px;
    font-weight: 300;
 margin-left: 13%;
 margin-top: 13%;
 text-transform: lowercase;
 word-spacing: 5px;
}
.container-about-grid{
    display:flex;
    justify-content: space-between;
 background-color: #271300;

    


}
body{
    background-color: #271300;
}




.container-about-grid .image-about img{
  border-radius:20px;
  margin-top: 5%;
width:400px;
height:600px;
margin-top: 20%;
margin-left:20%;
 margin-bottom: 10%; 

box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
  -webkit-border-radius:20px;
  -moz-border-radius:20px;
  -ms-border-radius:20px;
  -o-border-radius:20px;
}
h5{
    color:#e5aa70;
    font-size:50px;
    text-transform: lowercase;
    margin-left:5%;
    word-spacing: 5px;
    line-height: 1.56;
    margin-left: 10px;
}
.nn{
    margin-left:2%;;
}
.nihas{
    height: 900px;
    background-image: url('imagescafe/image-qCx1tiwRP-transformed.jpeg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-bottom: 0%;
    border-radius:10px ;
    -webkit-border-radius:10px ;
    -moz-border-radius:10px ;
    -ms-border-radius:10px ;
    -o-border-radius:10px ;
}
.he{
    color:#e5aa70;
    text-transform: uppercase;
    font-size: 50px;
    word-spacing: 10px;
    line-height:1.56;
    margin-bottom: 10px;;
margin-left:5%;
margin-top: 5%;
position: relative;
}
/* .img{ 
    top:0;
    right:0;
    position: absolute;
    width:200;
    height:120;
    margin-top:15%;
    margin-right:9%;
    border-radius:20px ;
} */

.nav ul li{
    text-transform: capitalize;
    display: inline-block;
    list-style: none;
    font-size: 20px;
font-weight: 400;
    color:#fff;
    margin:5px 10px;
}

.nav ul li a{
    margin:10px 20px;
text-decoration: none;
 color:#fff;
 font-size: 20px;
position: relative;
}
 .link{
    text-decoration: none;
    text-transform: capitalize;
    text-align: center;
    margin-right:70%;
    line-height: 10;
    color:#fff;
    font-size:30px;
    font-weight: 500;
    padding:5px;
    background-color: #e5aa70;
    padding:10px 20px;
    margin-left: 12%;
    border-radius: 5px;
  
}

 .link:hover{
    color:#271300
 }
.nav ul li a::after{
    content: '';
    width:0;
    height:3px;
    bottom:-6px;
    left:0;
    background: #e5aa70;
    position: absolute;
    transition:0.5s ;
  
}
.nav ul li a:hover::after{
    width:100%;
}