.border-radius-30{
    border-radius: 30px !important;
}

.Qlink2{
    display: flex;
flex-wrap: wrap;
  margin-right: -28px;
  margin-left: -15px;

}

.img-banner {
    max-width: 100%;
    height: 110%;
    border-radius: 10px;
}

/* تنظیمات برای حالت موبایل */
@media (max-width: 768px) {
    .img-banner {
        height: 100%; /* تنظیم ارتفاع به 100% در حالت موبایل */
    }
}


.grad-bg {
    background: linear-gradient(90deg, #00005c, #00C6FF, #0000ff, #005eff, #007BFF); /* رنگ‌های متنوع */
    background-size: 300% 300%; /* افزایش بیشتر اندازه برای حرکت چشمگیرتر */
    animation: gradient-animation 10s infinite; /* مدت‌زمان بیشتر برای تغییر نرم */
    color: white; /* متن سفید برای خوانایی */
}

/* تعریف انیمیشن */
@keyframes gradient-animation {
    0% {
        background-position: 0% 50%; /* شروع از سمت چپ */
    }
    25% {
        background-position: 50% 50%; /* حرکت به مرکز */
    }
    50% {
        background-position: 100% 50%; /* حرکت به راست */
    }
    75% {
        background-position: 50% 50%; /* بازگشت به مرکز */
    }
    100% {
        background-position: 0% 50%; /* بازگشت به نقطه اولیه */
    }
}
/*  */
.flash-logo {
    animation: flash-animation 3s infinite; /* انیمیشن با مدت‌زمان 3 ثانیه و تکرار بی‌نهایت */
}

/* تعریف انیمیشن برق زدن */
@keyframes flash-animation {
    0%, 100% {
        filter: brightness(100%); /* حالت عادی */
    }
    50% {
        filter: brightness(200%); /* حالت روشن‌تر (برق) */
    }
}

.rel-footer {
    background-image: url('../Images/footer.jpg'); /* مسیر تصویر پس‌زمینه */
    background-size: cover; /* تصویر کل فضای فوتر را پوشش دهد */
    background-position: center; /* تصویر در مرکز قرار گیرد */
    background-repeat: no-repeat; /* از تکرار تصویر جلوگیری شود */
    color: white; /* رنگ متن فوتر */
    border-top-left-radius: 20px; /* گوشه بالای چپ گرد */
    border-top-right-radius: 20px; /* گوشه بالای راست گرد */
    overflow: hidden; /* برای مدیریت محتوای داخل فوتر */
}

#footer-content {
    padding: 20px; /* فاصله داخلی برای محتوای فوتر */
    background-color: rgba(0, 0, 0, 0); /* پس‌زمینه نیمه‌شفاف برای خوانایی متن */
    border-radius: 15px; /* گوشه‌های گرد برای محتوای داخلی */
}

#footer-copyright {
    background-color: rgba(0, 0, 0, 0.8); /* پس‌زمینه نیمه‌شفاف برای بخش کپی‌رایت */
    padding: 10px 0;
}

#footer-copyright a {
    color: #ddd; /* رنگ لینک‌های بخش کپی‌رایت */
    text-decoration: none;
}

#footer-copyright a:hover {
    text-decoration: underline; /* افکت زیرخط هنگام هاور */
}

.rel-footer h5 {
    font-size: 18px; /* تنظیم اندازه تیترها */
    margin-bottom: 15px;
}

.rel-footer ul {
    list-style: none; /* حذف نقطه‌های پیش‌فرض لیست */
    padding: 0;
}

.rel-footer ul li {
    margin-bottom: 10px;
}

.rel-footer ul li a {
    color: #ddd; /* رنگ لینک‌ها */
    text-decoration: none;
    transition: color 0.3s ease; /* افکت تغییر رنگ */
}

.rel-footer ul li a:hover {
    color: #ffffff; /* رنگ لینک هنگام هاور */
}

    /* کاهش اندازه لوگو و ارتفاع هدر در حالت موبایل */
    .header-section {
        padding: 1rem 0;
    }
    
    .header-section .flash-logo {
        max-width: 150px; /* اندازه لوگو در حالت موبایل */
    }
    
    /* تغییرات برای حالت موبایل */
    @media (max-width: 768px) {
        .header-section {
            padding: 0.5rem 0; /* کاهش ارتفاع کل بخش */
        }
    
        .header-section .flash-logo {
            max-width: 100px; /* اندازه کوچک‌تر لوگو در حالت موبایل */
        }
    }
    .footer-img-location{
        border-radius: 10px;
    }
    .blue-background{
        background-color: #106FAE !important;
    }