*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
}

body{
    direction:rtl;
    font-family:sans-serif;
    background:#ffffff;
    color:#222;
    overflow-x:hidden;
}

img{
    max-width:100%;
    display:block;
}

a{
    text-decoration:none;
    color:inherit;
}

ul{
    list-style:none;
}

button{
    border:none;
    background:none;
    cursor:pointer;
}

input,
textarea{
    outline:none;
    border:none;
}

main{
    width:100%;
    min-height:100vh;
}
@media(min-width:768px){

}

@media(min-width:1024px){

}

@media(min-width:1440px){

}