@font-face { font-family: IRANSansX-Regular; src: url(../../assets/font/IRANSansX/Webfonts/fonts/woff/IRANSansX-Regular.woff); } $RegularFont:"IRANSansX-Regular"; .header{ font-family: IRANSansX-Regular; &-search-input{ direction: rtl; &:focus{ outline: none !important; } } } .subMenu{ animation: fadeInAnimation ease-in-out 0.5s; animation-iteration-count: 1; animation-fill-mode:both; } @keyframes fadeInAnimation { 0% { // height: 0px; opacity: 0; } 100% { height: fit-content; opacity: 1; } }