﻿@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;400&display=swap');
h1, h2, h3, h4, h5, h6 {
    font-family: 'Poppins', sans-serif;
}

.pricing-table .price-feature li {
    line-height: 35px;
    color: #777;
    font-weight: 500;
    font-size:14px;
}

.pricing-table .unavailable {
    text-decoration: line-through;
}

.price-header h2 span {
    display: inline-block;
    vertical-align: top;
    font-size: 18px;
    padding-top: 8px;
    padding-right: 10px;
}

.video-wrapper .video-play a {
    background: rgba(25,53,50,.8);
}

.section-f9fafc {
    background: #f9fafc;
}

#page-header .page-header-title span {
    color: #fff !important
}
#page-header{
    background-image:url('/img/page-header-3.jpg');
}

.section-green-bg {
    background-image: linear-gradient(to right, #193532, #05211E);
}

.timeline-row:before {
    background: #f5c1bc;
    position: absolute;
    width: 2px;
    content: "";
    margin-left: 15px;
    height: 97%;
}
.timeline-entry{
    margin-top:60px;
    margin-left:60px;
}

.timeline-entry h4{
    position:relative;
}
.timeline-entry h4:before {
    background: #162335;
    position: absolute;
    width: 10px;
    height: 10px;
    left: 0;
    top: 10px;
    border-radius: 10px;
    content: "";
    margin-left: -80px;
}

.link-button {
    border: 1px solid #ddd;
    border-radius: 3px;
    color: #222;
    padding: 10px 27px;
    font-size: 15px;
    width:90%;
    margin:0 auto;
}

@media (max-width: 576px){
    .banner-title br {
        display: unset !important;
    }
}
#faqs {
    padding: 40px 0 40px;
}
.section-padding a {
    color: #193532;
}

.footer-contact-info a {
    color: #193532;
}

/* Subtle premium touches without fighting Bootstrap */
.hero-gradient {
    background: radial-gradient(1200px circle at 15% 10%, rgba(13,110,253,.12), transparent 55%), radial-gradient(900px circle at 90% 20%, rgba(25,135,84,.12), transparent 50%), linear-gradient(180deg, #f8f9fa, #ffffff);
}

.icon-bubble {
    width: 44px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
}

.badge-soft {
    background: rgba(13,110,253,.10);
    color: rgba(13,110,253,1);
    border: 1px solid rgba(13,110,253,.18);
}

.card-hover {
    transition: transform .15s ease, box-shadow .15s ease;
}

    .card-hover:hover {
        transform: translateY(-2px);
        box-shadow: 0 .75rem 1.5rem rgba(0,0,0,.08) !important;
    }

.mini-kpi {
    border: 1px solid rgba(0,0,0,.08);
    background: #fff;
}