nav{
    margin-top: 2vh;
}
.nav-bar{
    background: linear-gradient(90deg, rgba(0, 65, 162, 1) 0%, rgba(10, 74, 89, 1) 28%, rgba(58, 151, 128, 1) 100%);
    margin: 0 auto;
    max-width: 1400px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1vw 2vw;
    border-radius: 20px;
    opacity: 0.8;
 
}
.nav-bar>a{
    padding: 1%;
    color: rgb(255, 255, 255);
    transition-duration: .25s;
    border: solid 1px rgba(255, 255, 255, 0);
    border-radius: 20px;
}
.nav-bar>a:hover{

    border: solid 1px white;
    
    cursor: pointer;
}
.background-img{
    position: absolute;
    z-index: -1;
    height: 110vh;
    width: 100vw;
}
.background-img::after{
    content: '';
    height: 2px;
    width: 100vw;
    position: absolute;
    top: 2px;
    z-index: 2;
    background-color: black;
}
.cart-ysl>img{
    max-height: 300px;
}



.cart-ysl>p{
    font-size: 40px;
    transition-duration: .25s;
}
.heder-yslugi{
    margin: 0 auto;
    display: flex;
    justify-content: center;
    margin-top: 5%;
    position: relative;
    transition-duration: .25s;
}

.diviz>h1{
    font-size: 50px;
    text-align: center;
    margin-bottom: 2.5%;
    margin-top: 2%;
}
.diviz>h2{
    font-size: 30px;
    text-align: center;
}