*{
    box-sizing: border-box;
    margin: 0%;
}
body{
    margin: 0%;
    font-family: FFDINforPuma,-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;
   
}

.promo-bar{
    background-color: #ae946d;
    color: white;
    width: 100%;
    height: 2.625rem;
}

.promo-text-box{
    margin-left: 100;
    padding-left:452px;
    align-items: center;
    padding-top: 10px;
    font-family: FFDINforPuma,-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;
}
p{
    margin: 0px;
    
}
.promo-text.p{
    margin: 0px;
    align-items: center;
    text-align: center;
}
.navbar{
    background-color: #181818;
    height: 4.2rem;
    padding-left: 10px;
    display: flex;
    
     position: sticky;
    top: 0px;

}

.navbar-left{
    width: 60%;
    justify-content: space-between;
    display: flex;
   
    
}
a{
    text-decoration: none;
}
a:hover{
    cursor: pointer; 
}
.navbar-right{
    width: 50%;
}
.puma-logo{
    height: 59px;
    padding-top: 10px;
    padding-left: 11px;
    cursor: pointer;
}
.nav-icons li{
    display: inline-block;
    list-style: none;
    padding: 0px 20px;
   
    
}
.nav-icon-hover:hover{
    text-decoration: underline;
}
.nav-icons li,a{
    color: white;
   padding-top: 20px

}
.image-one{
   background-image: url('IMAGES/Image-1.jpg');
    width: 100%;
    height: 525px;
    background-repeat:no-repeat ;
    background-size: 100%;
    

}

.image-two{
    background-image: url('https://images.puma.com/image/upload/q_auto,f_auto,w_1440/regional/~regional~IND~others~KOP~July2022~EOSS+Refresh~Refresh+Eoss+Banners+v3+desktop+2OUTLET.jpg/fmt/jpg/fmt/png');
    width: 100%;
    height: 525px;
    background-repeat:no-repeat ;
    background-size: 100%;
}

.image-three{
    background-image: url("https://images.puma.com/image/upload/q_auto,f_auto,w_1440/regional/~regional~IND~others~KOP~July2022~EOSS+Refresh~Refresh+Eoss+Banners+v3+desktop+2Blink+and+Miss.jpg/fmt/jpg/fmt/png");
    width: 100%;
    height: 375px;
    background-repeat: no-repeat;
    background-size: 100%;
}
.image-four{
    background-image: url('https://images.puma.com/image/upload/q_auto,f_auto,w_1440/regional/~regional~IND~others~KOP~July2022~Dua+Lipa~Dua-Lipa-Desktop-Banner.jpg/fmt/jpg/fmt/png');
    width: 100%;
    height: 528px;
    background-repeat: no-repeat;
    background-size: 100%;
}
.image-five{
    background-image: url('https://images.puma.com/image/upload/q_auto,f_auto,w_1440/regional/~regional~IND~others~KOP~July2022~Court-Rider-2.0+Desktop.jpg/fmt/jpg/fmt/png');
   margin-top: 20px;
   margin-bottom: 20px;
    width: 100%;
    height: 528px;
    background-repeat: no-repeat;
    background-size: 100%;
}
.image-six{
    background-image: url('https://images.puma.com/image/upload/q_auto,f_auto,w_1440/regional/~regional~IND~others~KOP~July2022~EOSS+Refresh~Garfield-Suede-Shoes-Desktop-Banner.jpg/fmt/jpg/fmt/png');
    width: 100%;
    height: 528px;
    background-repeat: no-repeat;
    background-size: 100%;
}
.image-eight{
    background-image: url("https://images.puma.com/image/upload/q_auto,f_auto,w_1440/regional/~regional~IND~others~KOP~June2022~Womens+Fashion+line+BannerDesktop.jpg/fmt/jpg/fmt/png");
    width: 100%;
    height: 528px;
    background-repeat: no-repeat;
    background-size: 100%;
}

.explore{
    padding-bottom:20px ;
    width: 100%;
    margin-bottom: 30px;
    margin-top: 30px;
    
    
  

}
.explore-inner{
    padding-bottom:20px ;
    align-items: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
   

}
.explore-buttons{
    padding-bottom:20px ;
    display: flex;
    justify-content: center;
   
   
}
.image-two-background{
    width: 100%;
}
.image-three-background{
    width: 100%;
}
.image-four-background{
    width: 100%;
}
.image-five-background{
    width: 100%;
}
.image-six-background{
    width: 100%;
}
.image-eight-background{
    width: 100%;
}
.image-nine-background
{
    width: 100%;
}

.shoe-img{
    
    width: 370px;
}

.shoe{
    float: left;
    padding: 5px;
}

.display-shoe-containe{
    display: flex;
   
}
h3{
    display: block;
    margin-block-start: 0.83em;
    margin-block-end: 0.83em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    
}
.shoe-box{
display: flex;
flex-direction: column;
}
.shoe-label-box{
    display: flex;
    width: 385px;
}
.shoe-price{
    height: 74px;
    width: 100px;
    padding-top: 15px;
}
.image-one-text-box{
    
    display: flex;
    flex-direction: column;
    width: 616px;
    height: 202px;
    margin-top: 154px;
    margin-left: 914px;
   


}
.image-one-text{
   text-align: end;
   margin-right: 50px;
    font-size: 50px;
    color: white;
  
    
}.image-one-buttons{
   
    
    padding-left: 60px;
     display: inline-block; 
    
   
    
}
.btn{
    height: 50px;
    width: 125px;
    margin-left:15px ;
    background-color: white;
    font-weight: bold;
    border-color: white;
}
.btn:hover{
    cursor: pointer;
    background-color:#f5f5f5 ;
}
.btn-explore{
    height: 50px;
    width: 180px;
    margin-left:15px ;
    background-color: white;
    font-weight: bold;
}
.btn-explore:hover{
    
    transition: 0.3s;
    color:white;
    background-color: black;
    cursor: pointer;
    font-weight: bold;
}
.image-two-text-box{
    width: 600px;
    padding-left: 67px;
    padding-top: 175px;
    
    text-align: center;
    
}
.image-two-text-box-text{
    font-size:  3rem;
}
.btn-image-two{
    height: 50px;
    width: 125px;
    margin-left:15px ;
    color: white;
    background-color:black;
    font-weight: bold;
}
.btn-image-two:hover{
    background-color: #222219;
    cursor: pointer;
}


.image-three-box{
    padding-top: 123px;
    margin-left: 472px;
    
    width: 600px;
    text-align: center;
}

.image-three-box-text{
   color: white; 
   font-size: 58px;
}
.btn-image-three{
    height: 50px;
    width: 125px;
    margin-left:15px ;
    color: black;
    background-color:white;
    font-weight: bold;
    border-color: white;
}
.btn-image-three:hover{
    cursor: pointer;
    background-color: #f5f5f5;
}
.image-four-box{
    font-weight: bold;
    font-size: 30px;
    padding-top: 175px;
    margin-left: 111px;
   
    width: 600px;
    text-align: center;
}
.btn-image-four{
    height: 50px;
    width: 125px;
    
    color: white;
    background-color:black;
    font-weight: bold;
}
.btn-image-four:hover{
    background-color: #222219;
    cursor: pointer;
}

.image-five-box{
    padding-top: 206px;
    margin-left: 0px;
    
    width: 600px;
    text-align: center;
}
.image-five-box-text{
    color: white; 
    font-size: 58px;
 }
 .btn-image-five{
    height: 50px;
    width: 125px;
    
    color: black;
    background-color:white;
    font-weight: bold;
}
.btn-image-five:hover{
    background-color: #f5f5f5;
    cursor: pointer;
    font-weight: bold;
    
}
.image-six-box{
    padding-top: 178px;
    margin-left: -15px;
    width: 600px;
    text-align: center;
}
.image-six-box-text{
    color: white; 
    font-size: 63px;
 }
 .btn-image-six{
    height: 50px;
    width: 125px;
    border-color: white;
    color: black;
    background-color:white;
    font-weight: bold;
}
.btn-image-six:hover{
    background-color: #f5f5f5;
    cursor: pointer;
    font-weight: bold;
    
}
.trending-text{
    font-size: 40px;
    font-weight: bold;
    padding-top: 9px;
    padding-bottom: 9px;
}
.image-eight-box{
    font-weight: bold;
    font-size: 28px;
    padding-top: 175px;
    margin-left: 820px;
   
    width: 600px;
    text-align: center;
}
.btn-image-eight{
    height: 50px;
    width: 125px;
    border-color: white;
    color: black;
    background-color:white;
    font-weight: bold;
}
.btn-image-eight:hover{
    background-color: #f5f5f5;
    cursor: pointer;
    font-weight: bold;
    
}
.last-text-box{
   
   width: 972px;
   height: 90px;
   margin-top: 30px;
   margin-left: 260px;
   margin-bottom: 30px;
}

.footer-container{
    display: flex;
   
    color: white;
    height: 400px;
    width: 100%;
    background-color: #181818;
}

.footer-menu-columns{
    color: grey;
    display: flex;
    
}
ul{
   list-style-type: none;
}
.column-text:hover{
    color: white;
}
.heading-1{
    padding-left: 40px;
    padding-top: 50px;
}
.more-inspiration{
    margin-left: 10px;
    
    width: 468px;
}
.support{
    width: 500px;
}
.about-puma{
    width: 500px;
}
.font-icons{
    height: 50px;
    font-size: 2rem;
    
   
}
.fa-brands-fa-icons{
    height: 20px;
}
.fa-brands{
    padding-top: 20px;
    padding-left: 2rem;
}
.meta-footer{
    display: flex;
    background-color: #181818;
    color: white;
    height: 135px;
}
.p-tag-footer{
    margin-top: 55px;
    margin-left: 271px;
}
.trag-icon-puma{
    margin-top: 80px;
    padding-left: 20px;
    
}
.button-search{
    height: 44px;
    width: 189px;
    border-color: #3a3e3a;
    color: white;
    background-color: #181818;
    margin-top: 12px;
    margin-left: 175px;
}
.button-search:hover{
    cursor: pointer;
    border-color: grey;
}
.nav-bar-image-icon{
    margin-top: -3px;
    margin-left: 101px;
    height: 40px;
    width: 135px;
}
.navbar-right{
    justify-content: center;
    display: flex;
}