.card-services-page {
    color: #070B60;
    background: #fff;
}

.card-services-page .card-banner .overlay {
    background: radial-gradient(circle at 85% 40%, #d9e8ff, transparent 45%), #f5f7fc;
}

.card-services-page .card-banner .overlay .banner-content {
    padding: 220px 0 100px;
}

.card-services-page .banner-mar {
    margin: 0;
}

.card-services-art {
    padding: 32px;
}

.card-services-art img,
.card-services-page .card-services-product {
    width: 100%;
    max-width: 560px;
    height: auto;
    filter: drop-shadow(0 24px 24px rgb(38 38 38 / 18%));
}

.card-services-page .account-feature .single-box,
.card-services-page .choose-card .single-card {
    height: 100%;
    padding: 32px 24px;
    border: 1px solid #dfe5f2;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 12px 32px rgb(38 38 38 / 6%);
}

.card-services-page .account-feature .icon-box img {
    filter: grayscale(1);
}

.card-services-page .call-action.card-page,
.card-services-page .call-action.second {
    background: linear-gradient(135deg, #070B60, #073B8C 65%, #0067D5);
}

.card-services-page .call-action.card-page .overlay {
    padding-bottom: 100px;
}

.card-services-page .call-action.card-page .main-content {
    background: #fff;
    border: 1px solid #dfe5f2;
    border-radius: 18px;
    box-shadow: 0 18px 40px rgb(0 0 0 / 15%);
}

.card-services-page .call-action.card-page .single h3 {
    color: #0067D5;
}

.card-services-page .card-feature .overlay {
    background: none;
}

.card-services-page .card-feature .img-area {
    direction: ltr;
    padding: 24px 48px 40px 0;
}

.card-services-page .choose-card,
.card-services-page .faqs-section {
    background: #f5f7fc;
}

.card-services-page .choose-card .tab-content .row {
    row-gap: 24px;
}

.card-services-page .choose-card .single-card img {
    width: 100%;
    height: auto;
    margin-bottom: 24px;
}

.card-services-page .choose-card .nav-tabs {
    background: #fff;
}

.card-services-page .nav-link:focus-visible,
.card-services-page .cmn-btn:focus-visible {
    outline: 3px solid #0067D5;
    outline-offset: 4px;
}

@media (max-width: 991px) {
    .card-services-page .card-banner .overlay .banner-content {
        padding: 170px 0 60px;
    }

    .card-services-art {
        max-width: 520px;
        margin: 32px auto 0;
        padding: 16px;
    }
}

@media (max-width: 767px) {
    .card-services-page .card-feature .img-area {
        padding: 0 20px 40px;
        text-align: center;
    }

    .card-services-page .account-feature .row.cus-mar {
        row-gap: 24px;
    }

    .card-services-page .choose-card .nav-tabs .nav-link {
        padding: 12px 20px;
    }
}