/* Responsive tweaks for mobile devices */
@media (max-width: 991px) {
    .main-container {
        padding: 0 10px;
    }

    .home-details {
        padding: 30px 0;
        text-align: center !important;
    }

    .main-img-mobile {
        margin-bottom: 20px;
        max-width: 180px;
        border-radius: 50%;
    }

    .fixed-block {
        position: static;
        margin-bottom: 20px;
        text-align: center;
        padding: 20px 0;
    }

    .social-icons {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        justify-content: center;
        gap: 10px;
        flex-wrap: wrap;
    }

    .social-icons li {
        display: inline-block;
    }

    .social-icons a {
        font-size: 1.5rem;
        margin: 0 8px;
        color: #FFC107;
        transition: color 0.3s ease, transform 0.3s ease;
    }

    .social-icons a:hover {
        color: #007bff;
        transform: scale(1.1);
    }

    h1 {
        font-size: 2rem;
    }

    p.open-sans-font {
        font-size: 1rem;
    }

    .button {
        margin-top: 15px;
        font-size: 1rem;
        padding: 10px 24px;
    }

    .color-block,
    .bg.position-fixed {
        display: none !important;
    }
}