.top-services-section.all-services-heroes-banners {
    background-color: #045A67;
    background-size: cover;
    padding-top: 30px;
    margin-top: 120px;
}

/* ====== All Services =============== */

.all-service-card {
    position: relative;
    max-width: 165px;
    min-height: 200px;
    text-align: center;
    margin: auto;
    transition: all 0.3s ease-in-out;
}

    .all-service-card .service-card-info {
        position: relative;
    }

        .all-service-card .service-card-info .service-card-img {
            width: 120px;
            height: 120px;
            text-align: center;
            padding: 18px;
            border-radius: 12px;
            background-color: #f9f9f9;
            border: 1px solid #dcdcdc;
            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
            transition: all 0.3s ease-in-out;
            margin: auto;
        }

        .all-service-card .service-card-info p {
            font-size: 14px;
            color: #333;
            margin-top: 8px;
            margin-bottom: 0px;
            transition: all 0.3s ease-in-out;
        }

        .all-service-card .service-card-info:hover p {
            font-size: 14px;
            color: #333;
            font-weight: 600;
            transition: all 0.3s ease-in-out;
        }

        .all-service-card .service-card-info:hover .service-card-img {
            border-color: #56cbda;
            box-shadow: 0 4px 10px rgba(86, 203, 218, 0.37);
            transition: all 0.3s ease-in-out;
        }

        .all-service-card .service-card-info .service-card-img img {
            transition: all 0.3s ease-in-out;
        }

        .all-service-card .service-card-info:hover .service-card-img img {
            filter: brightness(0) saturate(100%) invert(77%) sepia(40%) saturate(500%) hue-rotate(160deg) brightness(90%) contrast(85%);
            -webkit-filter: brightness(0) saturate(100%) invert(77%) sepia(40%) saturate(500%) hue-rotate(160deg) brightness(90%) contrast(85%);
            transition: all 0.3s ease-in-out;
        }

.all-services-heroes-banners {
    background-color: #045A67;
    background-size: cover;
    padding-top: 30px;
    margin-top: 120px;
}

@media (max-width: 1199px) {
    .all-services-heroes-banners {
        padding-top: 30px;
        margin-top: 44px;
    }
}


/* ========== */

.most-popular-articles {
    background-color: #F7F7F7;
}

    .most-popular-articles .swiper-slide {
        height: auto;
    }

    .most-popular-articles .card h2 {
        color: #1D1F1E;
    }

    .most-popular-articles .card p {
        color: #646A69;
    }

.all-services-recent-articles {
    background-color: #ffffff;
}

    .all-services-recent-articles .flex-shrink-0 {
        width: 80px;
        height: 80px;
        overflow: hidden;
        justify-content: center;
        align-items: center;
    }

        .all-services-recent-articles .flex-shrink-0 img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

    .all-services-recent-articles p {
        color: #111928;
    }

section.section-billy-basics, .section.section-billy-basics {
    background-color: #e5e7eb;
}

.billy-basic-card {
    border-color: #cdd5d5;
    background-color: #ffffff;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}

    .billy-basic-card .card-title {
        color: #1D1F1E;
    }

a .card-text {
    color: var(--bs-card-color);
}