/*==============================================================
    AI SHISHYA
    RESPONSIVE
==============================================================*/


/*==============================================================
    1400px
==============================================================*/

@media (max-width:1400px){

    .container{

        max-width:1200px;

    }

}


/*==============================================================
    1200px
==============================================================*/

@media (max-width:1200px){

    h1{

        font-size:3.8rem;

    }

    h2{

        font-size:2.8rem;

    }

    .knowledge-wrapper{

        width:520px;
        height:520px;

    }

    .floating-card{

        width:180px;

    }

}
/*==============================================================
    992px
==============================================================*/

@media (max-width:992px){

    section{

        padding:90px 0;

    }

    .hero-section{

        text-align:center;

        min-height:auto;

        padding-top:160px;

    }

    .hero-content{

        margin-bottom:80px;

    }

    .hero-buttons{

        justify-content:center;

    }

    .hero-highlights{

        justify-content:center;

        flex-wrap:wrap;

    }

    .hero-visual{

        min-height:600px;

    }

    .vision-content{

        position:relative;

        top:auto;

        margin-bottom:50px;

    }

    .comparison-wrapper{

        grid-template-columns:1fr;

    }

    .comparison-divider{

        margin:auto;

    }

}

/*==============================================================
    768px
==============================================================*/

@media (max-width:768px){

    h1{

        font-size:3rem;

    }

    h2{

        font-size:2.2rem;

    }

    p{

        font-size:1rem;

    }

    .knowledge-wrapper{

        width:340px;

        height:340px;

    }

    .orbit-1{

        width:250px;
        height:250px;

    }

    .orbit-2{

        width:300px;
        height:300px;

    }

    .orbit-3{

        width:350px;
        height:350px;

    }

    .floating-card{

        display:none;

    }

    .journey-card{

        margin-bottom:25px;

    }

    .pillar-card{

        margin-bottom:25px;

    }

    .launch-form{

        flex-direction:column;

    }

}
/*==============================================================
    576px
==============================================================*/

@media (max-width:576px){

    h1{

        font-size:2.4rem;

    }

    h2{

        font-size:1.9rem;

    }

    section{

        padding:70px 0;

    }

    .hero-buttons{

        flex-direction:column;

        gap:15px;

    }

    .btn-primary-custom,
    .btn-secondary-custom{

        width:100%;

    }

    .glass-card{

        padding:25px;

    }

    .footer-bottom{

        flex-direction:column;

        gap:20px;

        text-align:center;

    }

}