.p,.p-t{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;width:100%}@font-face{font-family:IRANSans;font-style:normal;font-weight:900;src:url('../fonts/iransans-farsi-numbers/eot/IRANSansWeb(FaNum)_Black.eot');src:url('../fonts/iransans-farsi-numbers/eot/IRANSansWeb(FaNum)_Black.eot?#iefix') format('embedded-opentype'),url('../fonts/iransans-farsi-numbers/woff2/IRANSansWeb(FaNum)_Black.woff2') format('woff2'),url('../fonts/iransans-farsi-numbers/woff/IRANSansWeb(FaNum)_Black.woff') format('woff'),url('../fonts/iransans-farsi-numbers/ttf/IRANSansWeb(FaNum)_Black.ttf') format('truetype')}@font-face{font-family:IRANSans;font-style:normal;font-weight:700;src:url('../fonts/iransans-farsi-numbers/eot/IRANSansWeb(FaNum)_Bold.eot');src:url('../fonts/iransans-farsi-numbers/eot/IRANSansWeb(FaNum)_Bold.eot?#iefix') format('embedded-opentype'),url('../fonts/iransans-farsi-numbers/woff2/IRANSansWeb(FaNum)_Bold.woff2') format('woff2'),url('../fonts/iransans-farsi-numbers/woff/IRANSansWeb(FaNum)_Bold.woff') format('woff'),url('../fonts/iransans-farsi-numbers/ttf/IRANSansWeb(FaNum)_Bold.ttf') format('truetype')}@font-face{font-family:IRANSans;font-style:normal;font-weight:500;src:url('../fonts/iransans-farsi-numbers/eot/IRANSansWeb(FaNum)_Medium.eot');src:url('../fonts/iransans-farsi-numbers/eot/IRANSansWeb(FaNum)_Medium.eot?#iefix') format('embedded-opentype'),url('../fonts/iransans-farsi-numbers/woff2/IRANSansWeb(FaNum)_Medium.woff2') format('woff2'),url('../fonts/iransans-farsi-numbers/woff/IRANSansWeb(FaNum)_Medium.woff') format('woff'),url('../fonts/iransans-farsi-numbers/ttf/IRANSansWeb(FaNum)_Medium.ttf') format('truetype')}@font-face{font-family:IRANSans;font-style:normal;font-weight:300;src:url('../fonts/iransans-farsi-numbers/eot/IRANSansWeb(FaNum)_Light.eot');src:url('../fonts/iransans-farsi-numbers/eot/IRANSansWeb(FaNum)_Light.eot?#iefix') format('embedded-opentype'),url('../fonts/iransans-farsi-numbers/woff2/IRANSansWeb(FaNum)_Light.woff2') format('woff2'),url('../fonts/iransans-farsi-numbers/woff/IRANSansWeb(FaNum)_Light.woff') format('woff'),url('../fonts/iransans-farsi-numbers/ttf/IRANSansWeb(FaNum)_Light.ttf') format('truetype')}@font-face{font-family:IRANSans;font-style:normal;font-weight:200;src:url('../fonts/iransans-farsi-numbers/eot/IRANSansWeb(FaNum)_UltraLight.eot');src:url('../fonts/iransans-farsi-numbers/eot/IRANSansWeb(FaNum)_UltraLight.eot?#iefix') format('embedded-opentype'),url('../fonts/iransans-farsi-numbers/woff2/IRANSansWeb(FaNum)_UltraLight.woff2') format('woff2'),url('../fonts/iransans-farsi-numbers/woff/IRANSansWeb(FaNum)_UltraLight.woff') format('woff'),url('../fonts/iransans-farsi-numbers/ttf/IRANSansWeb(FaNum)_UltraLight.ttf') format('truetype')}@font-face{font-family:IRANSans;font-style:normal;font-weight:400;src:url('../fonts/iransans-farsi-numbers/eot/IRANSansWeb(FaNum).eot');src:url('../fonts/iransans-farsi-numbers/eot/IRANSansWeb(FaNum).eot?#iefix') format('embedded-opentype'),url('../fonts/iransans-farsi-numbers/woff2/IRANSansWeb(FaNum).woff2') format('woff2'),url('../fonts/iransans-farsi-numbers/woff/IRANSansWeb(FaNum).woff') format('woff'),url('../fonts/iransans-farsi-numbers/ttf/IRANSansWeb(FaNum).ttf') format('truetype')}body,html{font-family:IRANSans}.ltr{direction:ltr}.righttoleft{direction:rtl}.p{-webkit-line-clamp:2}.p-t{-webkit-line-clamp:1}.support-ic{transform:rotate(270deg)}.nav-open .nav-menu-side{left:50%;width:50%}.nav-menu-side{transition:.25s;position:absolute;left:100%;width:100%;height:100vh;top:0;z-index:100;background:rgba(39,46,56,.8);padding:20px;box-shadow:0 4px 30px rgba(0,0,0,.1);backdrop-filter:blur(17.3px);-webkit-backdrop-filter:blur(17.3px)}.accordion-item .paragraph{padding:5px;text-align:right;font-weight:400;line-height:2.5rem;color:#fff;display:none;border-top:1px solid #fff}



body {
   
    background-position: center;
    background-size: cover;
    height: 100vh;
    color: white;
}

.social {
    position: fixed;
    bottom: 110px; /* ???? ????? ??? ?? */
    left: 24px;
    z-index: 1000; /* ??? ??? ????? ???? ???? */
}


.social ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.social ul li {
    display: flex;
    align-items: center;
    background:#990b0b;
    margin: 5px 2px;
    padding: 7px 1px;
    border-radius: 30px;
    transition: all 0.5s ease;
    width: 60px; /* ??? ????? ?? ???? ?? ??? ????? ???? ??? */
    overflow: hidden; /* ??? ???? ??? */
}

.social ul li:hover {
    width: 165px; /* ??? ??????? ??? ?? ??? ???? ???? ??? */
}

.social ul li a {
    display: flex;
    align-items: center;
    color: white;
    text-decoration: none;
    font-size: 17px;
}

.social ul li svg {
    width: 40px;
    height: 50px;
    fill: white;
    margin-right: 10px;
    transition: transform 0.5s ease;
    margin-left: 22px;
}

.social ul li:hover svg {
    transform: rotate(360deg); /* ???? ????? hover */
}

.social ul li span {
    opacity: 0; /* ??? ???? ???? */
    white-space: nowrap; /* ??? ?? ?? ???? */
    margin-left: 10px;
    transition: opacity 0.5s ease;
}

.social ul li:hover span {
    opacity: 1; /* ??? ?????? ??? */
}
