.main-logo {
        height: 85px;
        width: 85px;
        transition: all 0.3s ease;
    }

    .scroll-logo {
        height: 85px;
        width: 85px;
        transition: all 0.3s ease;
    }

    .index-page.scrolled .main-logo {
        display: none !important;
    }

    .index-page.scrolled .scroll-logo {
        display: block !important;
    }

    .cmp-name {
        color: var(--heading-color);
        font-family: var(--heading-font);
        font-size: 1.25rem;
    }

    .welcome-label {
        color: var(--heading-color);
        font-family: var(--heading-font);
        font-size: 2.5rem;
        padding-bottom: 20px;
    }

    .welcome-text {
        text-align: justify;
    }

    .service-text {
    }

    @media (max-width: 576px) {

        .service-icon{
            display: none;
        }

        .main-logo {
            height: 65px;
            width: 65px;
            transition: all 0.3s ease;
        }

        .scroll-logo {
            height: 65px;
            width: 65px;
            transition: all 0.3s ease;
        }

        .cmp-name {
            color: var(--heading-color);
            font-family: var(--heading-font);
            font-size: 0.85rem;
        }

         .welcome-label {
            color: var(--heading-color);
            font-family: var(--heading-font);
            font-size: 1.75rem;
            padding-bottom: 20px;
        }

        .welcome-text {
            text-align: justify;
            font-size: 13px !important;
        }

        .section-title h2 {
            font-size: 22px;
            font-weight: 700;
            position: relative;
        }

        .service-caption {
            font-size: 18px !important;
        }
        .service-text {
            font-size: 13px;
        }
    }