*{
    margin: 0;
}
.prs{
    display: flex;
    gap: 10px;
}
.bt1{
    display: flex;
    gap: 5px;

}
.yakml{
    display: flex;
    justify-content: space-evenly;
    background-color: #673A44;
    color: white;
    padding: 10px;
}
.dx{
    background-color: #F2F2F2;
}
.conteiner{
    display: flex;
    justify-content: center;
    align-items: center;
gap: 200px;
margin-left: 200px;
}
.txt1{
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}
.bx1{
    display: flex;
    flex-direction: column;
    row-gap: 20px;
    border: 3px solid grey;
    width: 370px;
    border-radius: 10px;
}
.smb{
    display: flex;
    gap: 100px;
    align-items: center;
}
.box{
    display: flex;
    justify-content: center;
    gap: 20px;
}
.qt1{
    display: flex;
    flex-direction: column;
    row-gap: 10px;
    width: 200px;
    height: 250px;
    border: 3px solid grey;
    padding: 15px;
}
.boxise{
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 20px

}
.box2{
    display: flex;
    flex-direction: column;
   align-items: center;
   row-gap: 20px;
}
.rew{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}
.txt3{
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}
.tksto{
    display: flex;
    flex-direction: column;
    row-gap: 10px;
}
.par1{
    display: flex;
    gap: 20px;
}
.poy{
   display: flex;
   flex-direction: column;
   row-gap: 30px;
   
}
.drdud{
    display: flex;
    justify-content: center;
    gap: 50px;
    margin-right: 100px;
}
.psht{
    background-color: #F2F2F2;
}
.txt4{
display: flex;
flex-direction: column;
row-gap: 20px;
margin-bottom: 100px;
}
.qa{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 50px;
    margin-top: 50px;
}
.du{
    border: 2px solid grey;
    width: 170px;
    padding: 5px;
}
.yag{
    display: flex;
    gap: 10px;
}
.sepo{
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 10px;
}
.tekstpo{
    display: flex;
    flex-direction: column;
    row-gap: 20px;

}
.plolo{
    display: flex;
    justify-content: center;
    gap: 50px;
    margin-top: 50px;
}
.yakjo{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 50px;
    margin-right: 50px;
}
.gf{
    background-color: #F2F2F2;
}
.kij{
    display: flex;
    flex-direction: column;
    row-gap: 10px;
    box-shadow: 0px 0px 10px ;
    width: 230px;
  height: 300px;
}
.des{
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 50px;
    
}
.ms{
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}
.gta{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 50px;
    background-color:#F2F2F2 ;
}
.hana{
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: center;
    margin-top: 50px;
}
.tct{
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}
.nb{
    display: block;
}
.tel{
    display: none;
}

@media (max-width :510px) {
   .tf{
    position: relative;
    right: 250px;
   } 
   .conteiner{
    display: flex;
    flex-direction: column;
    margin-right: 200px;
    margin-top: 100px;
   }
   .box{
    display: flex;
    flex-direction: column;
    align-items: center;
   }
   .boxise{
    display: flex;
    flex-direction: column;
   }
   .tl2{
    position: relative;
    right: 300px;
    
   }
   .tl1{
   width: -100px;
    height: 200px;
   }
.rew{
    display: flex;
    flex-direction: column;
}
.drdud{
    display: flex;
    flex-direction: column;
   margin-left: 50px;
}
.qa{
    display: flex;
    flex-direction: column-reverse;
}
.txt4{
    margin-left: 100px;
}
.sepo{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.plolo{
    display: flex;
    flex-direction: column;
}
.kp1{
    position: relative;
    right: 300px;
    width: 40px;
  
}
.tekstpo{
    margin-left: 50px;
}
.yakjo{
    display: flex;
    flex-direction: column;
}
.des{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.gta{
    display: flex;
    flex-direction: column;
}
.hana{
    display: flex;
    flex-direction: column-reverse;
}
.bacd{
    position: relative;
    right:400px;
}
.nb{
    display: none;
}
.tel{
    display: block;
}


}