.header-layout7 .main-menu a {
    font-size: 16px;
}
.counter-sec {
    padding: 0;
}

.whats {
    position: fixed;
    left: 20px;
    bottom: 20px;
    z-index: 10000;
    animation: bounce 2s infinite;
}
.whats a {
    background-color: #00bf49;
    color: #fff;
    padding: 10px 15px;
    border-radius: 40px;
    display: block;
}
.whats a:hover {
    background-color: #13d45d;
}
.image-box img {
    border-radius: 20px;
}
.service-card-2_img {
    padding: 0;
}
.hero-title, .hero-text {
    color: #fff !important;
}

@media (min-width: 768px) {
    .hero-title, .hero-text {
        color: var(--title-color) !important;
    }
}