@font-face {
    font-family: 'IRANYekan';
    src: url('/static/accounts/fonts/IRANYekanBold.ttf') format('truetype');
}
    
@font-face {
    font-family: 'IRANYekan';
    src: url('/static/accounts/fonts/ttf/IRANYekanExtraBlack.ttf') format('truetype');
    font-display: swap;
}

    
@font-face {
    font-family: 'IRANYekan';
    src: url('/static/accounts/fonts/ttf/IRANYekanExtraBold.ttf ') format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'IRANYekan';
    src: url('/static/accounts/fonts/ttf/IRANYekanLight.ttf ') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'IRANYekan';
    src: url('/static/accounts/fonts/ttf/IRANYekanMedium.ttf') format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'IRANYekan';
    src: url('/static/accounts/fonts/ttf/IRANYekanRegular.ttf') format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'IRANYekan';
    src: url('/static/accounts/fonts/ttf/IRANYekanThin.ttf') format('truetype');
    font-display: swap;
}
/*/* style.css */
html, body {
    height: 100%; /* برای پر کردن فضای کل صفحه */
    direction: ltr; /* تنظیم جهت متن به راست */
    text-align: center; /* مرکز چین بودن متن */
    overflow: hidden;
}

.full-height {
    height: 100vh; /* 100% of viewport height */
}

.position-relative {
    position: relative;
}

.background-img {
    position: absolute;
    top: 9%;
    left: 50%;
    transform: translateX(-50%);
    max-width: 100%;
    height: auto;
}

.logo-img {
    position: absolute;
    top: 5%; /* Align with the top of the background image */
    left: 50%; /* Center horizontally */
    transform: translate(-50%, -50%); /* Center both horizontally and vertically */
    max-width: 60%; /* Adjust the size as needed */
    height: auto;
    background-size: auto;
}


/* استایل پایه برای متن */
.txt {
    position: absolute;
    bottom: 5%; /* فاصله از پایین */
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    direction: rtl;
    white-space: nowrap;
    font-size: 30px;
    width: 100%;
    font-family: 'B Yekan';
}

/* واکنش‌گرایی برای لوگو و متن */

/* برای صفحه‌های کوچک‌تر (مثلاً موبایل) */
@media screen and (max-width: 480px) {
    .logo-img {
        top: 30%; /* تنظیم فاصله از بالا */
        width: 30%; /* کاهش عرض لوگو */
    }

    .txt {
        font-size: 16px; /* اندازه فونت برای صفحه‌های کوچک */
        bottom: 8%; /* کاهش فاصله از پایین */
    }
}

/* برای صفحه‌های متوسط (مثلاً تبلت) */
@media screen and (min-width: 481px) and (max-width: 768px) {
    .logo-img {
        top: 25%; /* تنظیم فاصله از بالا */
        width: 25%; /* کاهش عرض لوگو */
    }

    .txt {
        font-size: 20px; /* اندازه فونت برای تبلت‌ها */
        bottom: 10%; /* تنظیم فاصله از پایین */
    }
}

/* برای صفحه‌های بزرگ‌تر (مثلاً دسکتاپ) */
@media screen and (min-width: 769px) {
    .logo-img {
        top: 45%; /* تنظیم فاصله از بالا */
        width: 28%; /* اندازه بزرگ‌تر برای صفحه‌های بزرگ */
    }

    .txt {
        font-size: 30px; /* اندازه فونت اصلی برای دسکتاپ */
        bottom: 5%; /* فاصله پیش‌فرض از پایین */
    }
}

.p {
    margin: 0;
}

.span {
    color: #f99f1f;
    display: inline;
}

.span1 {
    color: #fff;
}

/***##############coulmn2##################*/

     
.logo2-img {
    position: absolute;
    top: 11%;
    left: 50%;
    transform: translateX(-50%);
    max-width: 100%; /* Ensure image does not overflow */
    height: auto; /* Maintain aspect ratio */
    }

.form {
    position: absolute;
    bottom: 50%;
    left: 25%;
    transform: translateX(-50%);
    width: 100%; /* Adjust width as needed */
    text-align: center;
    }
    
.form_control {
    width: 95%; /* Make input fields full width */
    margin-bottom: 10px; /* Add some space between fields */
    text-align: right;
    }
    
.label-control {
float: right; /* Float labels to the left */
margin-bottom: 5px; /* Add some space below labels */
}
    

            
.btn-class {
    background-color: #2c337b; 
    color: white; /* White text */
    border: none; /* No border */
    /*  padding: 10px 15px; Padding for button */
    border-radius: 4px; /* Rounded corners */
    cursor: pointer; /* Change cursor on hover */
    width: 60%; /* Full width for button */
    margin: 10px auto; /* Margin for center button */
}
    
.btn-class:hover {
    background-color: #0056b3; /* Darken button on hover */
}
.parent {
    position: absolute;
    width: 40%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-start;
    text-align: right;
    color: #000;
    }
    .div1 {
        align-self: stretch;
        position: relative;
        font-weight: 800;
        }
    .div {
        position: absolute;
        bottom: 30%;
        left: 1%;
        font-size:  2rem;
        line-height:  2.5rem;
        font-weight: 700;
        display: flex;
        width: 100%; /* استفاده از واحدهای نسبی */
        height: auto; /* استفاده از و
        filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
        text-align: right;
        }