/* موبایل (کوچک‌تر از 768px) */
@media (max-width: 767px) {
    /*=========================================menu============================*/
    .navbar-custom .nav-link {
        display: none;
    }
    .offcanvas-body .nav-link{
        font-size: 25px;
        border-bottom: 3px solid #eee;
    }
    /*========================================header phone*/
    .contact-toggle{
        display: none;
    }
    .contact-box-fixed {
        position: fixed;
        bottom: 5px;
        left: 50%;
        font-family: Yekan-Bold;
        font-size: 25px;
        transform: translateX(-50%);
        display: flex;
        flex-direction: row;
        gap: 14px;
        padding: 12px 18px;
        border-radius: 18px;
        border: 1px solid rgba(255,255,255,0.25);
        background: rgba(255,255,255,0.12);
        -webkit-backdrop-filter: blur(12px) saturate(140%);
        backdrop-filter: blur(12px) saturate(140%);
        box-shadow: 0 8px 25px rgba(0,0,0,0.35);
        /*z-index: 9999;*/
        justify-content: center;
        width: 100%;
    }
    .contact-link.whatsapp{
        display: none;
    }
        /*==============================================about dy    */

    .text-item{
        width: 100%;
        transform: translate(-0px, -65px);
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background: rgba(255, 255, 255, 0.2);
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);

    }


    /*===================================conference===========*/
    .conference {
        flex-direction: column-reverse;  /* متن و عکس زیر هم */
        padding: 30px 20px;
    }

    .conference .text {
        padding-right: 0;  /* حذف فاصله اضافی */
    }

    .conference img {
        position: static;   /* دیگه absolute نباشه */
        max-width: 100%;
        margin-top:-80px ;
        margin-bottom: 15px;
    }


    /*============================================contac us=============================*/

    .main{
        flex-direction: column;
        gap: 20px;
        padding: 10px;

    }
    .left-section{
        width: 100%;
        font-size: 14px;
    }
    .left-section ul li{
        font-size: 14px;
    }
    .right-section{
        width: 100%;
        font-size: 12px;
    }

/*    ===============================================cookie===========================*/
    .cookie-banner {
        position: fixed;
        bottom: 20px;
        left: 50%;
        transform: translateX(-50%);
        padding: 10px 20px;
        text-align: center;
        font-size: 13px;
        display: none;
        justify-content: center;
        align-items: center;
        border-radius: 12px;
        z-index: 1000;
        width: 100%;
        max-width: 350px;

    }

}