@media(max-width:991px){

    .footer{

        text-align:center;

    }

    .footer-bottom{

        flex-direction:column;

        gap:20px;

    }

    .social-links a{

        margin:0 5px;

    }

}

@media (max-width:991px){

    .hero-title{

        font-size:42px;

    }

    .hero-description{

        font-size:16px;

    }

    .hero-buttons .btn{

        display:block;

        width:100%;

        margin-bottom:15px;

    }

    .hero-buttons .btn:last-child{

        margin-left:0 !important;

    }

    .hero-stats{

        margin-top:40px;

    }

}

@media (max-width:991px){

    .hero-floating-card{

        position:relative;

        right:auto;

        bottom:auto;

        width:100%;

        margin-top:40px;

    }

}