html {
        scroll-behavior: smooth;
    }

    body {
        font-family: proxima-nova, 'Libre Franklin', sans-serif;
        font-size: 1.5rem;
        font-weight: 300;
        color: #3e4140;
        padding-top: 106px;
    }

    section {
        overflow-x: hidden;
    }

    a,
    .btn-link {
        color: #f16263;
        font-weight: 500;
    }

    a:hover,
    .btn-link:hover {
        color: #f16263;
        text-decoration: underline;
    }

    b {
        font-weight: 700;
    }

   .accordion .btn-link {
        color: black !important;
    }

    h1 {
        font-size: 2.5rem;
        font-weight: 900;
    }

    h2 {
        font-size: 2.5rem;
        font-weight: 900;
    }

    h4 {
        font-size: 1.75rem;
        font-weight: 700;
    }

    h5 {
        font-weight: bold;
    }

    .navbar {
        background-color: #fff;
    }

    .navbar-brand {
        font-weight: 700;
        color: #313131 !important;
    }

    .hero {
        padding: 80px 0;
        background: #f8f9fa;
    }

    .eicom-text-medium {
        font-size: 1.1rem;
    }

    .btn-primary {
        background-color: #313131;
        border-color: #313131;
    }

    .btn-primary:hover {
        background-color: #ffffff;
        border-color: #313131;
        color: #313131;
    }

    .features .card {
        border: none;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
        background-color: #e7e7e7;
    }

    .features .row>div:first-child .card {
        background-color: #e7e7e7;
    }

    .features .row>div:last-child .card {
        background-color: #e7e7e7;
    }

    .services .card {
        border: none;
    }

    footer {
        background: #f8f9fa;
        padding: 30px 0;
        margin-top: 50px;
        font-size: 0.9rem;
        color: #6c757d;
    }

    .logo {
        max-width: 100%;
        height: 75px;
    }

    .banner img {
        width: 100%;
    }

    .popupbox-close {
        cursor: pointer;
        border-radius: 0;
        background-color: #313131;
        color: white;
    }

    .popupbox-info {
        display: none;
        position: fixed;
        bottom: 0;
        left: 0;
        color: #ffffff;
        z-index: 3322;
    }

    .popupbox-info>div {
        max-width: 375px;
        margin: 1rem;
        background-color: #000;
        padding: 1rem;
        border: 1px solid #fff;
    }

    .popupbox-info p {
        margin-bottom: .5rem;
    }

    .popupbox-info a {
        text-decoration: none;
        color: #ffffff;
    }

    .popupbox-info .btn:hover {
        box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
        color: #000000;
        background-color: #ffffff;
    }

    .navbar-light .navbar-nav .nav-link {
        text-transform: uppercase;
        color: #313131;
        font-size: 1rem;
        letter-spacing: 1px;
        height: 38px;
        line-height: normal;
        white-space: nowrap;
        font-weight: 500;
    }

    @media (max-width: 576px) {
        body {
            padding-top: 86px;
        }

        .logo {
            height: 55px;
        }

        .navbar-light .navbar-toggler {
            border: none;
            padding-right: 0;
        }

        .banner img {
            width: 200%;
            margin-left: -50%;
        }

        .hero {
            padding: 40px 0;
        }
    }