header{
    position: fixed;
    z-index: 20;
    background-color: #fff;
    width: 100%;
    display: flex;
    margin-bottom: 10px;
    padding: 20px 12% ;
    border-bottom: solid 0.5px #9f9f9f;
}
header nav ul {
    display: flex;
    justify-content: center;

}
header nav ul li{
    margin-right: 30px;
    list-style-type: none;
}
header nav ul li a:hover{
    transition: all 0.2s;
    color: #00d170;
}
.meno-1>ul>li{
    display: flex;
    
}
.meno-1>ul{
    display: none;
    background: #404040;
    width: 170px;
    height: 500px;
}
.line-div-1{
    display: flex;
    margin-bottom: 50px;
}
.line-div-1 div{
    width: 50%;
    height: 420px;
}
.line-div-1-div-2{
    background-image: url("https://web-cdn.snapp.ir/snapp-website/images/homepage/intro_desktop.jpg");
    background-size: cover;
    background-position: center center;
    transform: scaleX(-1);
}
.line-div-1-div-1{
    box-sizing: border-box;
    background-color: #21aa58;
    padding: 20px 15% 0px 30px;
}
.line-div-1-div-1 h1{
    font-size: 36px;
    color: #fff;
}
.line-div-1-div-1 p{
    font-size: 20px;
    color: #fff;
}
.line-div-2{
    display: flex ;
    justify-content: center;
    margin: 40px 0;
}
.line-div-2 a img{
    width: 160px;
    height: 47px;
    margin: 0 60px;
}
.line-div-3{
    width: 65%;
    margin: auto
    
}
.line-div-3 div h2{
    box-sizing: border-box;
    margin: 0;
    padding: 60px 0;
    text-align: center;
    font-size: 36px;
    font-weight: 900;
}
.line-div-3-div-2 a{
    box-sizing: border-box;
    background-color: #fff;
    height: 85px;
    display: flex;
}
.button-app div h3{
    font-size: 16px;
    font-weight: 900;
}
.button-app div p{
    font-size: 14px;
    font-weight: 500;
}
.line-div-3-div-2 a>*{
    margin: auto 0;
}
.line-div-3-div-2 div div a div{
    
    text-align: right;
}
.button-app{
    margin: 17px;
    border-radius: 10px;
}
.line-div-4{
    text-align: center;
    max-width: 100%;
    margin: 80px 0;  
    height: 400px;
}
.line-div-4 div img{
    width: 1230px;
    height: 400px;
    border-radius: 10px;
}.line-div-5-div-1{
    display: flex;
}
.line-div-5-div-1 div{
    width: 50%;
    height: 450px;
}
.line-div-5-div-1-1{
    background-image: url(https://web-cdn.snapp.ir/snapp-website/images/homepage/super-app.jpg);
    background-size: cover;
    background-position: center center;
    transform: scaleX(-1);
}
.line-div-5-div-1-2{
    padding: 16px 40px 0 264px;
}
.line-div-5-div-1-2 h2{
    font-size: 22px;
    font-weight: 900;
    margin-bottom: 20px;
}
.line-div-5-div-1-2 p{
    font-size: 14px;
    font-weight: 500;
}
.line-div-5-div-2{
    display: flex;
    width: 1200px;
    margin: 40px auto;
    margin-top: -55px;
    position: relative;
    z-index: 5;
}
.line-div-5-div-2 div{
    margin: auto;
    width: 310px;
    height: 315px;
}
.line-div-5-div-2 div div{
    background: #f2f5f8;
    border-radius: 20px;
    width: 310px;
    height: 190px;
}
.line-div-5-div-2 div div img {
    display: block;
    margin: auto;
    margin-bottom: 10px;
}
.line-div-5-div-2 div span{
    font-size: 17px;
    font-weight:900 ;
}
.line-div-5-div-2 div p {
    font-size: 12px;
    font-weight: 600;
    margin: 10px 0;
}
.line-div-6{
    padding: 40px 15%;
    box-sizing: border-box;
}
.line-div-6-1{
    text-align: center;
    padding: 40px 0;
}
.line-div-6-1 h2{
    font-size: 36px;
    font-weight: 700;
}
.line-div-6-1 p{
    font-size: 20px;
    font-weight: 500;
    margin: 30px 0;
}
.line-div-6-1 button{
    background-color: #00d170;
    padding: 12px 35px;
    font-size: 17px;
    font-weight: 700;
    border: none;
    border-radius: 7px;
    color: #fff;
}
.line-div-6-1 button:hover{
    background-color: #00d170df;
}
.line-div-6 video{
    width: 100%;
    margin: auto;
    border-radius: 10px;
}
.line-div-6-3{
    margin: 20px 0;
}
.line-div-6-3 div div{
    background: #fff;
    width: 48.1%;
    margin: 10px;
    border-radius: 10px;
}