body {
    font-family: pingfang SC, helvetica neue, arial, hiragino sans gb, microsoft yahei ui, microsoft yahei, simsun, sans-serif;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.navbar-brand .img-fluid {
    max-width: 170px;
    height: auto;
}

.slider {
    padding: 290px 0;
}

.bg-gradient {
    background: #189560;
    background: linear-gradient(315deg, #3EBD82, #49BCBE; );
    background: linear-gradient(90deg, #3EBD82, #49BCBE) !important;
}

.social-media-btn.active .bgc-text-1 {
    background: linear-gradient(287.85deg, #3EBD82 0%, #49BCBE 95.32%);
}

.border-red-clr {
    --bs-border-color: #28bf7b;
}

.ca-digital-service-card {
    border: 1px solid rgba(40, 191, 123, .15);
}

.main-menu li a.nav-link {
    font-size: 16px;
    font-weight: 700;
}

.ca-digital-service-card:hover .ca-digital-service-card__icon {
    fi11: #28bf7b;
}




.social-media-content-b2b::after {

    background-image: url(../img/home/B2B-Solution.png);

}



.social-media-content-b2c::after {

    background-image: url(../img/home/B2c-Solution.png);

}



.social-media-content-email::after {

    background-image: url(../img/home/email-Solution.png);

}


.social-media-content-ai::after {

    background-image: url(../img/home/content-Solution.png);

}


.ca-digital-service-card__icon {
    fill: #000000;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.ca-digital-service-card:hover .ca-digital-service-card__icon {
    fill: #28bf7b;
}


.footer-single-col h3,
.footer-single-col .h3 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 36px;
}

.footer-nav-list li a {
    font-size: 14px;
    font-family: pingfang SC, helvetica neue, arial, hiragino sans gb, microsoft yahei ui, microsoft yahei, simsun, sans-serif;
}


.crm-service-box .icon-wrapper {
    width: 56px;
    height: 56px;
    background: none;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.story-grid {
    width: 100%;
    height: 520px;}

.nav-pills .nav-link {
    color: #333333;
}

.nav-pills .nav-link.active {
    color: #ffffff
}
.bg-success-soft {
    background-color: rgb(27 181 50 / 20%);
}

.bg-success-light {
   background-color: rgb(40 191 123)
}

.blog-content img {
    max-width: 100%;
}
.article-img img{ height: 17rem;}