nav{
    background-color: #483633;
    min-height: 80px;
}
nav ul li a{
    color: white!important;
    text-transform: uppercase;

}
.active{
    color: #90b84b!important;
}

.main{
    width: 100%;
    min-height: 100vh;
    background-image: url(https://qx-garder.myshopify.com/cdn/shop/files/banner-3.jpg?v=1718023451);
    padding-bottom:10px;
}
.main h1{
    color: #483633;
    text-align: center;
    font-family: just;
    font-weight: bold;
    text-align: center;
    font-size: 70px;
    margin-top: 200px;
}
.main p{
    text-align: center;
    font-family: jost;
    color: black;
    font-size:26px;
    opacity: 0.7;
}

.contact-button{
    background-color: #518432;
    color: white;
    font-family: jost;
    width: 190px;
    height: 55px;
    border-radius: 10px;
    font-size: 22px;
    border:none;
}
.navbar-toggler{
    background-color: white;
}
.products h2{
    color: #518432;
    text-align: center;
    padding-top:50px ;
    font-family: jost;
    font-weight: bold;
    padding-bottom: 50px;
}

.products h3{
    color: #518432;
    font-family: josd;
    text-align: center;
}
.products h5{
    font-size: 20px;
    text-align: center;
    font-family: josd;
}
.cantino{
    margin-top: 100px;
}
.hissel{

   background-size: cover;
   min-height: 450px;
   border-radius: 15px;
   background-position: 0% 60%; 
   display: flex;
   justify-content: center;
   flex-direction: column;
   padding-left: 50px;
}

.hissel h1{
    color: #518432;
    font-family: jost;
}

.hissel button{
    width: 150px;
    height: 40px;
    border: none;
    background-color: #518432;
    color: white;
    font-family: jost;
    border-radius: 5px;
    margin-top: 10pxss;
}
.image{
 
    background-image: url(goyerti.jpg);
min-height: 600px;
background-size: cover;
margin-top: 100px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
background-position: center;
}

.oval{
    width: 150px;
    height: 150px;
    color: white;
    font-size: 30px;
    border-radius: 50%;
    border:2px solid white;
    display: flex;
    justify-content: center;
    align-items:center;
}
.image h2{
    color: white;
    text-align: center;
    margin-top: 10px;
    font-family: jost;
    font-size: 40px;

} 
.TEST-Test i{
    text-align: center;
    align-items: center;
}
.test h2{
color: #518432;
text-align: center;
font-weight: bold;
font-family: jost;
margin-bottom: 100px;
}
.star{
    color:#f99e31;
    text-align: center;
}

.foto{
    width: 130px;
    height: 130px;
   border-radius: 50%;
}
.TESST p{
    font-weight: bold;
    font-size: 22px;
    color: #483633;
}
.rey h2{
    color: #518432;
    font-weight: bold;
    font-family:jost;
}
.rey span{
    font-size: 22px;
    font-family: jost;
    opacity: 0.7;
}
.blog{
    min-height: 500px;
    margin-top:50px ;
}
    .blog .title{
    color: #483633;
    text-transform: uppercase;
    font-size: 20px;
    text-align: center;
    padding-top: 40px;
    font-family: jost;
    }
    .blog .title2{
        text-transform: uppercase;
        color: #518432;
        font-family: jost;
        text-align: center;
        font-weight: bold;
    }
    .blog .metn{
        text-transform: uppercase;
        font-family: jost;
        font-size: 20px;
        opacity: 0.7;
    }
    .blog button{
        width: 150px;
        height: 50px;
        background-color: #518432;
        color: white;
        border: none;
        border-radius: 5px;
        font-weight: bold;

    }
    .blog h2{
        color: #518432;
        font-family: jost;
        margin-top: 10px;
    }
  .term{
    background-color:#518432;
    min-height: 500px;
    width:100%;
    font-size: bold;
    }
.footer-oval{
    width: 40px;
    height: 40px;
    background-color: black;
    color:white;
    border-radius:50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right:10px;
}
.footer-link{
    text-decoration:none;
    color:white;
    font-size:16px;
    margin-top:15px;
    display:inline-block;
}
.footer-link:hover{
    color:#b6d835;
}