/* ===================================
   17. RESPONSIVE
=================================== */

@media (max-width:992px){

    #mainheader{

        flex-direction:column;

        text-align:center;

        gap:10px;

    }

    #mainnav{

        flex-wrap:wrap;

        height:auto;

        padding:15px;

        gap:18px;

        top:120px;

    }

    .footer-container{

        grid-template-columns:repeat(2,1fr);

    }

    .dashboard-cards{

        grid-template-columns:1fr;

    }

}

@media (max-width:768px){

    body{

        font-size:15px;

    }

    fieldset{

        grid-template-columns:1fr;

    }

    .full{

        grid-column:auto;

    }

    .services{

        grid-template-columns:1fr;

    }

    .service-list{

        grid-template-columns:1fr;

    }

    .features{

        grid-template-columns:1fr;

    }

    .quick-buttons{

        flex-direction:column;

        align-items:center;

    }

    .quick-buttons a{

        width:100%;

        max-width:320px;

    }

    .cta-buttons{

        flex-direction:column;

    }

    .footer-container{

        grid-template-columns:1fr;

        text-align:center;

    }

    .contact-list li{

        flex-direction:column;

        align-items:flex-start;

        gap:5px;

    }

}

@media (max-width:576px){

    h1{

        font-size:28px;

    }

    h2{

        font-size:24px;

    }

    h3{

        font-size:20px;

    }

    form{

        padding:20px;

    }

    .about-card{

        padding:20px;

    }

    .contact-info{

        padding:20px;

    }

    .contact-form{

        padding:20px;

    }

    .register-box{

        padding:25px;

    }

    .register-btn{

        width:100%;

    }

    .call-btn{

        width:100%;

        text-align:center;

    }

    .back-top{

        width:45px;

        height:45px;

        font-size:24px;

        left:15px;

        bottom:15px;

    }

}
/* کنترل نهایی آیکون های پلتفرم */

.platform-links .social-btn{

    width:60px !important;
    height:60px !important;

    padding:8px !important;

    display:flex !important;

    align-items:center !important;

    justify-content:center !important;

    border-radius:50%;

    background:#fff;

    overflow:hidden;

}



.platform-links .social-btn img{

    width:38px !important;

    height:38px !important;

    max-width:38px !important;

    max-height:38px !important;

    object-fit:contain !important;

    display:block !important;

}