.logo-box h3 {
    color: var(--bg-dark-0);
    position: absolute;
    font-size: 1.2rem;
    bottom: -10px;
    left: 90px;
}

.logo-box .logo-main {
    width: 100px;
}

.logo-box .logo-mobile {
    width: 80px;
}

.service-box {
    height: 450px;
}

.footer-icon .logo-footer {
    width: 100px;
}

.footer-icon h3 {
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 2rem;
}

@media screen and (max-width:1024px) {
    .logo-box h3 {
        font-size: 1rem;
        left: 75px;
    }

    .service-box {
        width: 350px;
        height: 400px;
    }

    .logo-box .logo-main {
        width: 80px !important;
    }

    .main-title h1 {
        font-size: 100px !important;
    }

    .footer-icon .logo-footer {
        width: 80px;
    }

    .footer-icon h3 {
        font-size: 1.5rem;
    }
}

@media screen and (max-width:768px) {
    .logo-box .logo-main {
        width: 60px;
    }

    .logo-box h3 {
        font-size: 2rem !important;
        position: relative !important;
        top: 0;
        right: 0;
    }

    .service-box {
        width: 350px;
        height: 430px;
    }

    .main-title h1 {
        font-size: 100px !important;
    }

    .footer-icon .logo-footer {
        width: 120px;
    }

    .footer-icon h3 {
        font-size: 2rem;
        padding: 10px;
    }
}

@media screen and (max-width:430px) {
    .logo-box .logo-mobile {
        width: 60px;
    }

    .main-title h1 {
        font-size: 50px !important;
    }

    .logo-box h3 {
        font-size: 1.2rem !important;
        position: relative !important;
        top: 0;
        left: 50%;
        transform: translate(-50%);
    }

    .service-box {
        width: 100%;
        height: 430px;
    }
    .footer-icon .logo-footer {
        width: 100px;
    }

    .footer-icon h3 {
        font-size: 1.8rem;
        padding: 10px;
    }

}

@media screen and (max-width:378px) {
    .logo-box .logo-mobile {
        width: 60px;
    }

    .logo-box h3 {
        font-size: 1rem !important;
        position: relative !important;
        top: 0;
        left: 40%;
        transform: translate(-50%);
    }

    .service-box {
        width: 100%;
        height: 500px;
    }

    .footer-icon .logo-footer {
        width: 100px;
    }

    .footer-icon h3 {
        position: relative;
        font-size: 1.5rem;
        padding: 10px;
    }
}