.home-banner-sec {
    background-color: #143f66;
    background-image:
        linear-gradient(to bottom, rgba(20, 63, 102, 0.8), rgba(30, 100, 169, 0.8)),
        url('../images/connected-map.jpg');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    color: #fff;
}

.home-banner-sec h1 {
    color: #fff;
    font-size: 3rem;
}

.home-banner-sec p {
    color: #fff;
    font-size: 20px;
}

.data-driven-sec h2 {
    font-size: 2rem;
}

.data-driven-sec .choose-div strong {
    text-align: center;
}

.growth-sec {
    background: linear-gradient(to bottom, #143f66, #1e64a9);
}

.content-wrap {
    flex: 1;
    display: flex;
}

.content-wrap .arr-zig-img {
    flex: none;
}

.content p > strong {
    color: #f69c2e;
}

.content p {
    color: #fff;
}

.trending-reports {
    background-image: url('../images/reports-tr-bg.svg');
    background-size: contain;
    background-position: center top;
    background-repeat: no-repeat;
    min-height: 100%;
    overflow: hidden;
    position: relative;
    padding: 4rem 0;
}

.trending-reports .nav-pills {
    flex: 1;
}

.trending-reports .nav-pills .nav-link {
    background-color: transparent;
    border-bottom: 2px solid #4d4d4d;
    border-radius: 0;
    font-size: 21px;
    font-weight: 600;
    color: #4d4d4d;
    position: relative;
    padding: 1rem 1rem 1rem 2rem;
    white-space: nowrap;
    text-align: left;
}

.trending-reports .nav-pills .nav-link::before {
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 7.5px;
    background-color: #414141;
    position: absolute;
    left: -3px;
    bottom: -7px;
}

.trending-reports .nav-pills .nav-link.active::before {
    background-color: #1e64a9;
}

.trending-reports .nav-pills .nav-link.active {
    background-color: transparent;
    color: #1e64a9;
    border-color: #1e64a9;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    color: #fff;
    background-color: #1e64a9;
}

a,
a:hover {
    color: #1e64a9;
    text-decoration: none;
}

.trending-reports .tab-content .tab-pane ul {
    padding: 0;
    margin: 0;
}

.trending-reports .tab-content .tab-pane ul li:first-child {
    padding-top: 0;
}

.trending-reports .tab-content .tab-pane ul li {
    padding: 0;
    border-bottom: 1px solid #ccc;
    list-style: none;
    padding-top: 1rem;
    padding-left: 1rem;
    border-left: 4px solid #000;
}

.trending-reports .tab-content .tab-pane ul li h4 {
    color: #1e64a9;
    font-size: 18px;
    font-weight: 600;
}

.trending-reports .tab-content .tab-pane ul li p {
    margin-bottom: 0;
    font-size: 14px;
    color: #333;
}

.trending-reports .tab-content .tab-pane ul li p.right-foot-p {
    color: #7d7979fa;
    font-size: 13px;
}

.blog-sec {
    background: linear-gradient(to bottom, #143f66, #1e64a9);
    clip-path: polygon(0 0, 100% 0, 100% 90%, 50% 100%, 0 90%);
}

.blog-sec .business-wrap .content {
    flex: 1;
}

.blog-sec .business-wrap h3 {
    font-size: 36px;
    color: #fff;
    font-weight: 700;
    margin: 3rem 0;
}

.blog-sec .business-wrap .content .content-box {
    margin-bottom: 4rem;
}

.blog-sec .business-wrap .content .content-box .date {
    border: 1px solid #ccc;
    border-radius: 10px;
    overflow: hidden;
    width: 12rem;
    margin-right: 1rem;
}

.blog-sec .business-wrap .content .content-box .date .date-no {
    font-size: 2rem;
    font-weight: 700;
    color: #023747;
    background-color: #fff;
    line-height: 2.5rem;
    height: 3rem;
}

.blog-sec .business-wrap .content .content-box .date .date-day {
    color: #fff;
    line-height: 2rem;
    position: relative;
}

.blog-sec .business-wrap .content p {
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 0;
    color: #fff;
}

.blog-sec .business-wrap .content.borderv {
    flex: none;
    position: relative;
    background-color: #1e64a9;
    width: 0;
    margin: 0 3rem;
}

.blog-sec .business-wrap .content.borderv .border-vertical:before {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-radius: 7.5px;
    background-color: #fff;
    position: absolute;
    left: -7px;
    top: -7px;
}

.services {
    background: linear-gradient(to bottom, #1e64a9, #143f66);
    clip-path: polygon(50% 0%, 100% 30%, 100% 100%, 0% 100%, 0% 30%);
}

a.readmore {
    display: block;
    text-align: right;
    float: right;
}

.services h3 {
    font-size: 28px;
    color: #fff;
    font-weight: 700;
    margin: 1rem 0 3rem;
}

.services .card h4 {
    font-size: 18px;
    color: #1e64a9;
    font-weight: 700;
    margin: 0 0 0.5rem;
}

.services .card p {
    margin-bottom: 0;
    font-size: 12px;
    text-align: justify;
    font-weight: 400;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    text-overflow: ellipsis;
}