.card,body{flex-direction:column;display:flex}.card,.card-body,body{display:flex}.right,.scroll-btn{top:50%;transform:translateY(-50%)}.card,.s1,.s2{opacity:0}@font-face{font-family:lale;src:url("font/Lalezar-Regular.ttf")}@font-face{font-family:vazir;src:url("font/Vazir-Bold-FD-WOL.ttf")}body{font-family:vazir;margin:0}.card{height:auto;transition:opacity .8s;justify-content:space-between}.card-body{flex-direction:column;flex-grow:1}.card-text{margin-top:auto}.card.show{opacity:1}h1,h2,h3,h4,h5,h6{font-family:lale}b{color:red!important}a{color:#fff}h1{margin-right:3%;border-right:3px solid #3838f0;border-radius:5px;padding-right:5px}.h1{font-size:xx-large;filter:drop-shadow(5px 1px 7px black)}strong{color:red}.a{color:#75a7e0!important}.navbar{box-shadow:#fff 1px 0 20px 2px}.scroll-container{flex:1;width:100%;max-width:1440px;min-width:320px;overflow:hidden;padding:0 20px;height:auto;margin-bottom:50px;position:relative;display:flex;align-items:center}.content,.content2,.ruhat-menu{overflow-x:scroll;display:flex}.content,.content2{scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;padding:5px;background-color:#bd335a;width:auto;height:auto;min-width:300px;min-height:200px;border-radius:10px;animation:5s infinite alternate ani1;flex:1}.content::-webkit-scrollbar{display:none}.item{flex:0 0 auto;width:150px;height:100px;background-color:#3498db;color:#fff;display:flex;justify-content:center;align-items:center;margin-right:20px;border-radius:8px;flex-shrink:0}.scroll-btn{position:absolute;background-color:rgba(0,0,0,.5);color:#fff;border:none;padding:10px;cursor:pointer;z-index:9999;font-size:9px}.left{left:0;border-top-right-radius:8px;border-bottom-right-radius:8px}.image,.s{border-radius:50%}.right{right:0}.card:hover{transform:scale(1.03);box-shadow:#fff 1px 1px 10px 1px}iframe{margin-top:30px}.ruhat-menu{width:auto;height:auto;padding:5px;margin-top:18px}.content-menu{display:flex}.image{margin-left:15px;margin-right:15px;width:75px;height:75px}input{border-radius:15px;width:50%;height:25px}.snap{position:fixed;bottom:10px;right:10px;z-index:10000}.s{width:60px;height:60px}.p{margin:5px!important;border:3px solid #000;border-radius:15px;padding:5px;background-color:#000}.s1{margin-left:40px;color:#eae617;animation:2s infinite alternate s1}.s2{color:#f16cd9;animation:2s infinite alternate s2}.popo{animation:2s infinite alternate popo}@keyframes ani1{0%,100%{background-color:#39bd28}50%{background-color:#47c8d3}}@keyframes s1{0%,100%{opacity:0;filter:drop-shadow(0px 0px 10px rgba(202, 253, 1, 0))}50%{opacity:1;filter:drop-shadow(0px 0px 10px rgba(202, 253, 1, .5))}}@keyframes s2{0%,100%{opacity:0;filter:drop-shadow(0px 0px 10px rgba(202, 253, 1, 0))}50%{opacity:1;filter:drop-shadow(0px 0px 10px rgba(186, 1, 253, .5))}}@keyframes popo{0%,100%{opacity:0}50%{opacity:1}}@media (min-width:768px){.scroll-container{padding:0 40px}.item{margin-right:50px}.left{left:10px}.right{right:10px}}@media (max-width:800px){.item{width:200px;height:120px;margin-right:15px}.scroll-btn{padding:8px;font-size:16px}.card{width:13rem!important}}@media (max-width:480px){.item{width:180px;height:110px}.scroll-container{padding:0 10px}}.flex{display:flex;gap:20px}