.banner {
    width: 100vw; /* دقیقا به اندازه عرض ویوپورت */
    height: 700px;
    background-image: url('../../Images/General/vlcsnap-2025-08-07-14h21m16s889.png'); /* آدرس تصویر بنر خود را اینجا قرار دهید */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 0; /* اگر گوشه گرد نمی‌خواهی */
    display: flex;
    justify-content: center; /* تراز افقی */
    align-items: center; /* تراز عمودی */
    position: relative;
}

@media (max-width: 768px) { /* ریسپانسیو برای موبایل و تبلت */
    .banner {
        height: 250px;
        border-radius: 8px;
    }
}

/*/Servicces.../*/
.banner-Servicces {
    width: 100vw; /* دقیقا به اندازه عرض ویوپورت */
    height: 700px;
    background-image: url('../../Images/General/BannerServices.png'); /* آدرس تصویر بنر خود را اینجا قرار دهید */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 0; /* اگر گوشه گرد نمی‌خواهی */
    display: flex;
    justify-content: center; /* تراز افقی */
    align-items: center; /* تراز عمودی */
    position: relative;
}

@media (max-width: 768px) { /* ریسپانسیو برای موبایل و تبلت */
    .banner-Servicces {
        height: 250px;
        border-radius: 8px;
    }
}


/*/Contact.../*/
.banner-Contact {
    width: 100vw; /* دقیقا به اندازه عرض ویوپورت */
    height: 700px;
    background-image: url('../../Images/General/BannerContact.png'); /* آدرس تصویر بنر خود را اینجا قرار دهید */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 0; /* اگر گوشه گرد نمی‌خواهی */
    display: flex;
    justify-content: center; /* تراز افقی */
    align-items: center; /* تراز عمودی */
    position: relative;
}

@media (max-width: 768px) { /* ریسپانسیو برای موبایل و تبلت */
    .banner-Contact {
        height: 250px;
        border-radius: 8px;
    }
}
/*/Award.../*/
.banner-Award {
    width: 100vw; /* دقیقا به اندازه عرض ویوپورت */
    height: 700px;
    background-image: url('../../Images/General/BannerAwards.png'); /* آدرس تصویر بنر خود را اینجا قرار دهید */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 0; /* اگر گوشه گرد نمی‌خواهی */
    display: flex;
    justify-content: center; /* تراز افقی */
    align-items: center; /* تراز عمودی */
    position: relative;
}

@media (max-width: 768px) { /* ریسپانسیو برای موبایل و تبلت */
    .banner-Award {
        height: 250px;
        border-radius: 8px;
    }
}



/*/Vision.../*/
.banner-Vision {
    width: 100vw; /* دقیقا به اندازه عرض ویوپورت */
    height: 700px;
    background-image: url('../../Images/General/BannerVision.png'); /* آدرس تصویر بنر خود را اینجا قرار دهید */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 0; /* اگر گوشه گرد نمی‌خواهی */
    display: flex;
    justify-content: center; /* تراز افقی */
    align-items: center; /* تراز عمودی */
    position: relative;
}

@media (max-width: 768px) { /* ریسپانسیو برای موبایل و تبلت */
    .banner-Vision {
        height: 250px;
        border-radius: 8px;
    }
}


/*/Certifications.../*/
.banner-Certifications {
    width: 100vw; /* دقیقا به اندازه عرض ویوپورت */
    height: 700px;
    background-image: url('../../Images/General/vlcsnap-2025-08-07-14h21m16s889.png'); /* آدرس تصویر بنر خود را اینجا قرار دهید */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 0; /* اگر گوشه گرد نمی‌خواهی */
    display: flex;
    justify-content: center; /* تراز افقی */
    align-items: center; /* تراز عمودی */
    position: relative;
}

@media (max-width: 768px) { /* ریسپانسیو برای موبایل و تبلت */
    .banner-Certifications {
        height: 250px;
        border-radius: 8px;
    }
}


/*/Exhibitions.../*/
.banner-Exhibitions {
    width: 100vw; /* دقیقا به اندازه عرض ویوپورت */
    height: 700px;
    background-image: url('../../Images/General/vlcsnap-2025-08-07-14h21m16s889.png'); /* آدرس تصویر بنر خود را اینجا قرار دهید */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 0; /* اگر گوشه گرد نمی‌خواهی */
    display: flex;
    justify-content: center; /* تراز افقی */
    align-items: center; /* تراز عمودی */
    position: relative;
}

@media (max-width: 768px) { /* ریسپانسیو برای موبایل و تبلت */
    .banner-Exhibitions {
        height: 250px;
        border-radius: 8px;
    }
}



/*/Products.../*/
.banner-Products {
    width: 100vw; /* دقیقا به اندازه عرض ویوپورت */
    height: 700px;
    background-image: url('../../Images/General/BannerProduct.png'); /* آدرس تصویر بنر خود را اینجا قرار دهید */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 0; /* اگر گوشه گرد نمی‌خواهی */
    display: flex;
    justify-content: center; /* تراز افقی */
    align-items: center; /* تراز عمودی */
    position: relative;
}


@media (max-width: 768px) { /* ریسپانسیو برای موبایل و تبلت */
    .banner-Products {
        height: 250px;
        border-radius: 8px;
    }
}




/*/Blog.../*/
.banner-Blog {
    width: 100vw; /* دقیقا به اندازه عرض ویوپورت */
    height: 700px;
    background-image: url('../../Images/General/Banner-Blog.jpg'); /* آدرس تصویر بنر خود را اینجا قرار دهید */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 0; /* اگر گوشه گرد نمی‌خواهی */
    display: flex;
    justify-content: center; /* تراز افقی */
    align-items: center; /* تراز عمودی */
    position: relative;
}
.banner-title {
    color: #fff;
    font-size: 26px;
    font-weight: bold;
    text-align: center;
    background-color:#808080;
   opacity:80%;
   padding:0.75rem;
   border-radius:10%
}

@media (max-width: 768px) { /* ریسپانسیو برای موبایل و تبلت */
    .banner-Blog {
        height: 250px;
        border-radius: 8px;
        display: flex;
        justify-content: center; /* تراز افقی */
        align-items: center; /* تراز عمودی */
        position: relative;
    }
}



/*/Blog.../*/
.banner-industrial {
    width: 100vw; /* دقیقا به اندازه عرض ویوپورت */
    height: 700px;
    background-image: url('../../Images/General/banner-industrial.jpg'); /* آدرس تصویر بنر خود را اینجا قرار دهید */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 0; /* اگر گوشه گرد نمی‌خواهی */
    display: flex;
    justify-content: center; /* تراز افقی */
    align-items: center; /* تراز عمودی */
    position: relative;
}

@media (max-width: 768px) { /* ریسپانسیو برای موبایل و تبلت */
    .banner-industrial {
        height: 250px;
        border-radius: 8px;
    }
}