@keyframes smoothscroll1 {

       from,
       to {
             scroll-behavior: smooth;
       }
 }

 @keyframes smoothscroll2 {

       from,
       to {
             scroll-behavior: smooth;
       }
 }

 html {
       animation: smoothscroll1 2s;
 }

 html:focus-within {
       animation-name: smoothscroll2;
       scroll-behavior: smooth;
 }

 body {
       direction: rtl;
       width: 100%;
       margin: 0px;
       overflow-x: hidden;
       /* position: absolute; */
       font-family: Iransansweb;
       background-color: var(--wh);
       color: var(--nv);


 }

 a {
       color: var(--bl);
 }

 @media (min-width: 768px) {

       .only-phone {
             display: none;
       }
 }

 @media (max-width: 767px) {


       .only-desktop {
             display: none !important;
       }

 }






 .hidden {
       display: none;
 }

 #content {
       padding: 4rem;
 }