@font-face {
    font-family: IRANSansfanum;
    font-style: normal;
    font-weight: 900;
    src: url('fonts/IRANSansWeb.eot');
    src: url('fonts/IRANSansWeb.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
    url('fonts/IRANSansWeb.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
    url('fonts/IRANSansWeb.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('fonts/IRANSansWeb.ttf') format('truetype');
}

html {
    font-size: 14px !important;
}

body {
    font-family: IRANSansfanum !important;
    background-color: #051C2C !important;
}

    body span, p, a, div {
        font-family: IRANSansfanum !important;
    }

.error-text {
    color: red; /* تغییر رنگ پیام‌های خطا به قرمز */
    font-size: 14px; /* می‌توانید سایز فونت یا دیگر استایل‌ها را هم تغییر دهید */
}

.blg_grid_box {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
    background: none !important;
    margin-bottom: 30px;
    border-radius: 0.5rem;
    box-shadow: 0 0 20px 0 rgb(62 28 131 / 10%);
    -webkit-box-shadow: 0 0 20px 0 rgb(62 28 131 / 10%);
    color: white !important;
}


.blg_grid_thumb img {
    width: 100%; /* عرض تصویر همیشه 100% محوطه والد */
    height: auto; /* ارتفاع خودکار برای حفظ تناسب */
    min-width: 300px; /* حداقل عرض تصویر */
    min-height: 200px; /* حداقل ارتفاع تصویر */
    max-width: 300px; /* حداقل عرض تصویر */
    max-height: 200px;
    object-fit: cover; /* برش تصویر برای پر کردن کامل محوطه */
    display: block; /* حذف فاصله‌های احتمالی (اگر وجود داشت) */
}



.blg_grid_caption,
.blg_grid_caption .blg_title h4,
.blg_title a,
.blg_grid_caption .blg_desc p,
.footer_widget,
.footer_widget .widget_title,
.footer_widget .footer-menu li a,
.footer_widget .footer-menu li a .update {
    color: white; /* تنظیم رنگ متن به سفید */
}

    .footer_widget .footer-menu li a {
        text-decoration: none; /* حذف خط زیر لینک‌ها */
    }

        .footer_widget .footer-menu li a:hover {
            text-decoration: underline; /* اضافه کردن خط زیر لینک‌ها هنگام هاور */
        }


.hero_banner {
    position: relative;
    background-size: cover; /* پس‌زمینه تصویر کاملاً نمایش داده می‌شود */
    background-position: center; /* تصویر پس‌زمینه در مرکز قرار گیرد */
    background-repeat: no-repeat; /* از تکرار تصویر جلوگیری شود */
}


.welcome {
    color: white;
}

#home img {
    max-width: 100%;
    height: auto; /* برای جلوگیری از دفورمه شدن تصویر */
}






.blg_grid_box {
    position: relative; /* برای تنظیمات overlay */
    overflow: hidden; /* برای جلوگیری از خروج لایه از محوطه */
}

/*.blg_grid_box::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(255, 255, 255, 0.5);*/ /* لایه سفید با شفافیت 50% */
/*opacity: 0;*/ /* در حالت عادی پنهان */
/*transition: opacity 0.3s ease;*/ /* ایجاد انیمیشن */
/*}

    .blg_grid_box:hover::before {
        opacity: 1;*/ /* وقتی موس روی محوطه می‌رود لایه نمایش داده می‌شود */
/*}*/


.hero_banner {
    position: relative; /* برای استفاده از absolute در عناصر فرزند */
    background-size: cover; /* برای پوشش کامل تصویر پس زمینه */
    height: 800px !important;
}


.banner-text-title {
    position: absolute;
    top: 30%; /* تنظیم از بالا */
    left: 60%; /* تنظیم از چپ */
    transform: translate(-50%, -50%); /* برای وسط‌چین کردن کامل متن */
    color: white; /* رنگ متن سفید */
    /*background-color: rgba(0, 0, 0, 0.5);*/ /* زمینه نیمه شفاف برای خوانا کردن متن */
    padding: 20px; /* فاصله داخلی (padding) برای متن */
    border-radius: 10px; /* گوشه‌های گرد برای زمینه */
    width: 40%; /* عرض تنظیم‌شده برای متن */
    text-align: justify !important;
    font-size: 40px;
}

.banner-text-subtitle {
    position: absolute;
    top: 40%; /* تنظیم از بالا */
    left: 60%; /* تنظیم از چپ */
    transform: translate(-50%, -50%); /* برای وسط‌چین کردن کامل متن */
    color: white; /* رنگ متن سفید */
    /*background-color: rgba(0, 0, 0, 0.5);*/ /* زمینه نیمه شفاف برای خوانا کردن متن */
    padding: 20px 20px 0px 20px; /* فاصله داخلی (padding) برای متن */
    border-radius: 10px; /* گوشه‌های گرد برای زمینه */
    width: 40%; /* عرض تنظیم‌شده برای متن */
    text-align: justify !important;
    font-size: 20px;
}

.banner-text {
    position: absolute;
    top: 60%; /* تنظیم از بالا */
    left: 60%; /* تنظیم از چپ */
    transform: translate(-50%, -50%); /* برای وسط‌چین کردن کامل متن */
    color: white; /* رنگ متن سفید */
    /*background-color: rgba(0, 0, 0, 0.5);*/ /* زمینه نیمه شفاف برای خوانا کردن متن */
    padding: 0px 20px 0px 20px; /* فاصله داخلی (padding) برای متن */
    border-radius: 10px; /* گوشه‌های گرد برای زمینه */
    min-width: 40%; /* عرض تنظیم‌شده برای متن */
    text-align: justify !important;
}

.banner-text-icon {
    position: absolute;
    top: 70%; /* تنظیم از بالا */
    left: 60%; /* تنظیم از چپ */
    transform: translate(-50%, -50%); /* برای وسط‌چین کردن کامل متن */
    color: white; /* رنگ متن سفید */
    /*background-color: rgba(0, 0, 0, 0.5);*/ /* زمینه نیمه شفاف برای خوانا کردن متن */
    padding: 20px; /* فاصله داخلی (padding) برای متن */
    border-radius: 10px; /* گوشه‌های گرد برای زمینه */
    width: 40%; /* عرض تنظیم‌شده برای متن */
    text-align: justify !important;
}

    .banner-text-icon a {
        color: #ffffff !important;
    }



    .banner-text-icon p:last-of-type {
        text-align: left;
    }

.banner-text p:last-of-type {
    text-align: left;
}

.blg_grid_box {
    color: white !important; /* سفید کردن تمامی نوشته‌های داخل .blg_grid_box */
}

    .blg_grid_box a {
        color: white !important; /* لینک‌های داخل .blg_grid_box هم سفید شوند */
        text-decoration: none; /* حذف خط زیر لینک‌ها */
    }

        .blg_grid_box a:hover {
            color: #f0f0f0 !important; /* رنگ لینک هنگام هاور (اختیاری) */
            text-decoration: underline; /* اضافه کردن خط زیر لینک هنگام هاور (اختیاری) */
        }






.ed_detail_wrap {
    margin-top: 150px;
}

.lmp_caption {
    color: white;
}

    .lmp_caption p,
    .lmp_caption h6,
    .lmp_caption a {
        color: white;
    }

.bg-cover {
    background-position: center !important;
    background-size: cover !important;
    min-height: 500px !important;
}

.row.align-items-start {
    color: white;
}

    .row.align-items-start h4,
    .row.align-items-start p,
    .row.align-items-start label,
    .row.align-items-start span {
        color: white;
    }

.scroll-trending {
    overflow-x: scroll; /* فعال کردن اسکرول افقی */
    white-space: nowrap; /* جلوگیری از شکستگی خطوط */
    background-color: #fff; /* پس‌زمینه سفید */
    width: 100% !important;
}

.trending-container {
    display: inline-flex; /* استفاده از flexbox برای اسکرول افقی */
    justify-content: flex-start; /* تراز افقی شروع */
    background-color: #fff; /* پس‌زمینه سفید */
}

.trending-item span {
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
    text-align: justify;
}

.trending-item-header {
    flex: 0 0 auto; /* جلوگیری از کشیده شدن آیتم‌ها */
    display: flex;
    text-align: start;
    color: black; /* رنگ سیاه برای متن */
    min-width: 100px;
    max-width: 200px;
    text-align: justify;
    margin: 15px 20px 0px 0px;
}



.trending-item {
    flex: 0 0 auto; /* جلوگیری از کشیده شدن آیتم‌ها */
    display: flex;
    text-align: start;
    color: black; /* رنگ سیاه برای متن */
    min-width: 100px;
    max-width: 250px;
    text-align: justify;
    margin: 5px;
}

.trending-itemdivider {
    flex: 0 0 auto; /* جلوگیری از کشیده شدن آیتم‌ها */
    display: flex;
    align-items: center;
    color: black; /* رنگ سیاه برای متن */
    padding: 2px;
    min-width: 10px; /* حداقل عرض برای هر آیتم */
    background-color: #fff; /* پس‌زمینه سفید برای هر آیتم */
    margin-left: 5px;
    margin-right: 5px;
}

.trending-number {
    color: blue;
    font-weight: bold;
    font-size: 1.5rem;
    margin-right: 5px;
}

.divider {
    width: 2px;
    background-color: blue; /* رنگ آبی برای جداکننده */
    height: 30px; /* ارتفاع خط */
    margin-left: 5px;
    margin-right: 5px;
}

/* مدیا کوئری برای دستگاه‌های کوچکتر از 768 پیکسل */


.banner-text {
    text-align: right; /* راست‌چین کردن متن */
    direction: rtl; /* تنظیم جهت متن برای زبان فارسی */
}



.crs_grid_list_Custom {
    position: relative;
    width: 100%;
    align-items: center;
    background: #051C2C;
    box-shadow: 0 0 20px 0 rgb(62 28 131 / 10%);
    -webkit-box-shadow: 0 0 20px 0 rgb(62 28 131 / 10%);
    border-radius: 0.4rem;
    overflow: hidden;
    margin-bottom: 30px;
    padding: 20px;
    color: #ffffff;
}

.min-custom {
    padding: 0px 0px 0px 0px;
    position: relative;
}

.container-custom {
    white-space: nowrap;
    width: 100%;
    color: #ffffff;
}

    .container-custom p {
        word-wrap: break-word; /* برای شکستن کلمات طولانی */
        overflow-wrap: break-word; /* برای کنترل بیشتر شکستن متن */
        max-width: 100%; /* اطمینان از این که عرض پاراگراف بیشتر از اندازه مجاز نمی‌شود */
        white-space: normal; /* اطمینان از انتقال متن به خط بعدی */
        text-align: justify; /* متن را به صورت توزیع شده نمایش می‌دهد */
    }


.crs_grid_list_Custom img {
    max-width: 100%;
    height: auto;
    display: block;
}



.crs_grid_list_Custom table {
    width: 100%;
    max-width: 100%;
    border-collapse: collapse;
}

.crs_grid_list_Custom td, .crs_grid_list_Custom th {
    padding: 8px;
    text-align: left;
    word-wrap: break-word; /* اگر متن طولانی باشد، آن را بشکن */
}

.crs_grid_list_Custom img {
    max-width: 100%;
    height: auto;
}

/* Media query برای دستگاه‌های کوچک */


.custom-row {
    display: flex;
    justify-content: flex-end; /* تراز کردن به سمت چپ */
}

.custom-col {
    margin-right: 2px; /* فاصله بین تصاویر */
}

input::placeholder {
    color: #888; /* رنگ مناسب برای متن placeholder */
    opacity: 1; /* شفافیت کامل */
}


.footer_widget_custom {
    display: flex;
    justify-content: flex-end; /* برای قرار دادن عکس‌ها به صورت افقی */
    align-items: center;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 10px;
    margin-bottom: 50px;
}

    .footer_widget_custom img {
        margin-right: 10px; /* فاصله بین تصاویر */
    }

    .footer_widget_custom col-1 {
        flex: 0 0 auto; /* هر عکس به اندازه خودش باشد و کنار هم قرار بگیرند */
    }


.homepage {
    background: #03b97c url(/assets/public/img/banner-3.jpg);
}

.servicepage {
    background: #f4f4f4 url(/assets/public/img/banner-3.jpg);
}

.coursepage {
    background: #f4f4f4 url(/assets/public/img/banner-2.jpg);
}

.Seminarpage {
    background: #f4f4f4 url(/assets/public/img/banner-2.jpg);
}

.Documentpage {
    background: #f4f4f4 url(/assets/public/img/banner-2.jpg);
}

.AboutUspage {
    background: #f4f4f4 url(/assets/public/img/banner-3.jpg);
}

.ContactUspage {
    background: #f4f4f4 url(/assets/public/img/banner-4.jpg);
}


.error-text {
    color: red; /* تغییر رنگ پیام‌های خطا به قرمز */
    font-size: 14px; /* می‌توانید سایز فونت یا دیگر استایل‌ها را هم تغییر دهید */
}

.success-text {
    color: green; /* تغییر رنگ پیام‌های خطا به قرمز */
    font-size: 14px; /* می‌توانید سایز فونت یا دیگر استایل‌ها را هم تغییر دهید */
}


.withouttop {
    padding-top: 100px;
}


.top-rightbox {
    flex: 1;
    /*    background-color: white;
*/ padding: 40px;
    min-height: 245px;
    border-radius: 15px 15px 15px 15px;
    color: white;
    margin-bottom: 10px;
    border-color: white;
    border-width: 1px;
    border: solid;
}
    .top-rightbox a {
        border-color: white;
    }
.buttom-rightbox {
    flex: 1;
    /*    background-color: white;
*/ padding: 40px;
    min-height: 245px;
    border-radius: 15px 15px 15px 15px;
    color: white;
    border-color: white;
    border-width: 1px;
    border: solid;
}

.buttom-box {
    /*    background-color: white;
*/ padding: 40px;
    min-height: 100px;
    border-radius: 15px 15px 15px 15px;
    margin-top: 10px;
    color: white;
    border-color: white;
    border-width: 1px;
    border:solid;
}