.content{
    width:100%;
    height:auto;
    padding:0;
    margin: 0;
}
.hero-image{
  width:100%;
  height: 300px;
  background:rgb(238, 113, 113);
}
.content .category-card{
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  align-items: center;
}
.category-card-container{
   height:475px;
   width: 300px;
}

.category-card-container img{
  height:400px;
  width:300px;
  object-fit:contain;
}

.category-card-container .nav{
    height: 75px;
    width: 300px;
    display:flex;
    justify-content: space-between;
    
}
.category-card-container .nav a{
    width:150px;
    height: 75px;
    border: 2px solid black;
    display:flex;
    font-size:20px;
    justify-content:center;
    align-items:center;
}
.trending-brand{
    display: flex;
    flex-direction:row;
    justify-content:space-evenly;
}
.trending-brand .title{
   height:50px;
   width: 100%;
   display:flex;
   flex-direction:row;
   justify-content: center;
   align-items: center;
}
.trending-brand .title .trend-title{
    font-family:sans-serif;
    font-size: 40px;
    font-weight: bold;
}
.trending-brand .brand-container{
    height: 475px;
    width:300px;
    display:flex;
    flex-direction: column;
}
.trending-brand .brand-container .image-sec{
  height:400px;
  width:300px;
}
.trending-brand .brand-container .nav{
    height:75px;
    width:300px;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: space-evenly;
}
.trending-brand .brand-container .nav a{
    width:150px;
    height: 75px;
    border: 2px solid black;
    display: flex;
    font-size:20px;
    justify-content: center;
    align-items:center;
}
.trending-product{
  height: 500px;
  width:100%;
  display:flex;
  flex-direction:row;
  justify-content:space-evenly;
}

.trending-product .brand-container{
    height:475px;
    width:300px;
}

.trending-product .brand-container img{
    height:400px;
    width:300px; 
}

.trending-product .brand-container .nav{
    width:300px;
    height: 75px;
    display: flex;
    flex-direction:row ;
    justify-content:space-evenly;
}
.trending-product .brand-container .nav a{
    width:150px;
    height: 75px;
    border:2px solid black;
    display:flex;
    font-size:20px;
    justify-content:center;
    align-items:center;
}

.title{
    width:100%;
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items: center;
}

.title span{
    font-size:50px;
    flex-direction:row;
    justify-content:center;
    align-items: center;
}