@font-face {font-family: 'iransansxv'; src: url('/fonts/iransansxv.woff2') format('woff2-variations'), url('/fonts/iransansxv.woff2') format('woff2'), url('/fonts/iransansxv.woff') format('woff-variations'), url('/fonts/iransansxv.woff') format('woff'), url('/fonts/IRANSansXV.ttf') format('truetype'); font-weight: 100 900; font-display: fallback;}
@font-face {font-family: iransansx; src: url('/fonts/iransansx-regular.woff') format('woff'), url('/fonts/IRANSansXFaNum-Regular.ttf') format('truetype'), url('/fonts/IRANSansWeb.eot#iefix') format("embedded-opentype");}
@font-face {font-family: iransansx; src: url('/fonts/iransansx-bold.woff') format('woff'), url('/fonts/IRANSansXFaNum-Bold.ttf') format('truetype'), url('/fonts/IRANSansWebBold.eot#iefix') format("embedded-opentype"); font-weight: 700;}
body{
    font-family: 'iransansxv', sans-serif !important;
    min-height:100vh;overflow-y:auto; overflow-x:hidden;
    margin:0;
    background:url("/images/pendarsp-bck1.webp") no-repeat center center;
    background-size:cover;
}

/* overlay for cinematic look */
.overlay{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.45);
}

/* right info card */
.info-card{
    background:linear-gradient(#277ca7,#d5f1ff,#fff,#fff) #fff;
    border-radius:20px;
    padding:0;
    box-shadow:0 20px 50px rgba(0,0,0,0.3);
    animation:fadeIn 1.2s ease;
}
.footer-bar{
    font-size:14px;
    letter-spacing:0.5px;
    backdrop-filter: blur(4px); /* شفافیت و هماهنگی با بک‌گراند */
}
.logo{
    max-width:150px;
    margin-bottom:20px;
}
.company-logo {
    background:#fff; min-width:250px;
    border-radius:80px 0 0 50px;
    box-shadow:-1px 8px 10px rgba(0,0,0,0.4);
    text-align:center; margin:30px 0 50px 15px; padding:10px 15px 20px 0;
    color:#1a5573; font-stretch:expanded; font-weight:bold; line-height:2.5em; font-size:.9em;
}
.company-logo .gray {color:#828282}
.company-name{ text-align:center;
    font-weight:700;
    font-size:22px;
    margin-bottom:40px;
}
.company-desc{ text-align:center;
    font-weight:600;
    font-size:12px;
    margin-bottom:15px;
}

.contact{ padding:20px 30px 30px 5px; text-align:right; direction:rtl;
    font-size:15px;
    color:#555;
    line-height:2;
}

/* suppliers bar */
.suppliers-bar{
    background:white;
    border-radius:25px;
    padding:30px 5px 30px 5px;
    box-shadow:0 15px 40px rgba(0,0,0,0.25);
    animation:slideIn 1.4s ease;
}

.suppliers-bar img{
    height:245px;
    object-fit:contain;
    margin:15px 10px;
    transition:.3s;
}

.suppliers-bar img:hover{
    transform:scale(1.07);
}

/* animations */
@keyframes fadeIn{
    from{opacity:0; transform:translateY(30px)}
    to{opacity:1; transform:translateY(0)}
}

@keyframes slideIn{
    from{opacity:0; transform:translateX(-40px)}
    to{opacity:1; transform:translateX(0)}
}

/* responsive */
@media(max-width:992px){
.info-card{
    border-radius:15px;
    padding:10px 0 0 0;
    width:90%;
    animation:fadeIn 1.2s ease;
}
.contact{ padding:10px 35px 20px 0px; text-align:right;
    font-size:15px;
    color:#000;
    line-height:2;
}
.info-card a{
    padding:10px; display:inline-block;
}

    .layout{
        flex-direction:column!important;
        align-items:center!important;
        gap:10px;
    }

    .suppliers-bar{
        width:90%;
    }
.suppliers-bar img{
    height:245px;
    object-fit:contain;
    margin:-5px 0 0 0;
    opacity:1;
    transition:.3s;
}
.suppliers-bar img:hover{
    opacity:1;
    transform:scale(1.02);
}

}