.width{
    width: 80px;
}

.navbar-nav{
    position: relative;
    right: 30px;
}
.home{
    background-image:linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.741) ),url(images/Gemini_Generated_Image_g0l95g0l95g0l95g.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
}
.btns{
    gap: 20px;
    position: relative;
    top: 40vh;
}
.headline{
    color: white;
    position: relative;
    top: 33vh;
   
}
.ho1-link::after{
    content: "";
    position: absolute;
    background-color: #198754;
    transform: scale(0);
    transform-origin:left ;
    width: 69px;
    left: 0;
    height: 2.5px;
    bottom: 2px;
}
.ho1-link:hover::after{
    transform: scale(1);
    transition: 0.6s;
}
.ho2-link::after{
    content: "";
    position: absolute;
    background-color: #000000;
    transform: scale(0);
    transform-origin:left ;
    width: 83px;
    left: 75px;
    height: 2.5px;
    bottom: 2.5px;
}
.ho2-link:hover::after{
    transform: scale(1);
    transition: 0.6s;
}
.ho3-link::after{
    content: "";
    position: absolute;
    background-color: #000000;
    transform: scale(0);
    transform-origin:left ;
    width: 85px;
    left: 170px;
    height: 2.5px;
    bottom: 2.5px;
}
.ho3-link:hover::after{
    transform: scale(1);
    transition: 0.6s;
}
.ho4-link::after{
    content: "";
    position: absolute;
    background-color: #000000;
    transform: scale(0);
    transform-origin:left ;
    width: 78px;
    left: 265px;
    height: 2px;
    bottom: 2.5px;
}
.ho4-link:hover::after{
    transform: scale(1);
    transition: 0.6s;
}
.card-img-top {
  height: 250px;        
  object-fit: cover;        
}

.headline h1{
     font-size: 70px;
}
.btncolor{
    color: white;
    border-color: white;
    width: 200px;
    height: 75px;
    font-size: 32px;
    
}
.card-img-top{
    height: 240px;
}
.card-img-top {
  height: 250px;        
  object-fit: cover;        
}
.card1,.card2,.card3{
    object-fit: contain;
}
.products{
    height: 90vh;
}

.about{
    padding-top: 40px;
    height: 120vh;
    ;
}
.about h2{
    padding-bottom: 40px;
    color: #ffffff;
}
.cardp {
  overflow: hidden;
  border: 1px solid #ddd;
  border-radius: 10px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.cardp:hover {
  transform: scale(1.03);
  box-shadow: 0 4px 15px rgba(0,0,0,0.2);
}

.cardp img {
  height: 250px;
  object-fit: contain;
  width: 100%;
}

.about-card{
    width: 200px;
    height: 235px;
    
}
.h1-boots{
    padding-bottom: 40px;
}
.boots{
    height: 140vh;
}
.t-shirts{
    height: 120vh;
}
.cardp{
    padding-top: 0;
    height: fit-content;
    border-color: #198754;
    border-width: 2px;
}
.cardp img{
    width: 100%;
}
.sports{
    height: 100vh;
}


.footerlogo{
    width: 150px;
    padding-bottom: 40px;
}