header.top-header {
    background: #eee;
}

    header.top-header .container {
        height: 50px;
    }

        header.top-header .container ul {
            height: 50px;
            display: flex;
            align-items: center;
            justify-content: flex-end;
            list-style: none;
        }

            header.top-header .container ul li a {
                width: 30px;
                height: 30px;
                display: flex;
                align-items: center;
                justify-content: center;
                text-decoration: none;
                background-color: #194b87;
                color: #fff;
                margin-right: .5rem;
            }

            header.top-header .container ul li:nth-child(1) a {
                background-color: #3d5998;
            }

            header.top-header .container ul li:nth-child(2) a {
                background-color: #54abee;
            }

            header.top-header .container ul li:nth-child(3) a {
                background-color: #da2b26;
            }

            header.top-header .container ul li:nth-child(4) a {
                background-color: #f60273;
            }

header.header {
    background: #ffffff !important;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    box-shadow: 0 2px 12px 2px rgba(0, 0, 0, 0.2);
}

    header.header .navbar .nav-link {
        text-transform: uppercase;
        font-weight: 600 !important;
    }

.modal-header {
    justify-content: right;
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 790px;
        margin: 1.75rem auto;
    }
}

.text-primary {
    color: var(--color-primary) !important;
}

.home-slider {
    padding: 0 !important;
    margin-top: -50px !important;
    background: url(../img/slider-bg.png) !important;
    background-size: cover !important;
    background-position: center;
    background-repeat: no-repeat !important;
}

    .home-slider .container .row {
        margin-top: 2.5rem;
        border-radius: 1rem;
        background: rgba(255, 255, 255, 0.15);
        padding: 1rem 0.75rem !important;
    }

    .home-slider .container {
        padding: 30px 1.5rem
    }


.featured-services.services .service-item {
    display: flex;
    flex-direction: column;
    background: white!important;
    justify-content: space-evenly!important;
    align-items: center!important;
    flex: 1;
    color: #f8f8f8!important;
    background: var(--color-primary)!important;
}

    .featured-services.services .service-item a,
    .featured-services.services .service-item  i{
        color: inherit!important;
    }


.recent-blog-posts{
    padding: 25px 0!important;
    background: #f8f8f8!important;
}

    .recent-blog-posts .section-header{
        padding: 0!important;
        margin-bottom: 0!important;
    }

    .recent-blog-posts h2 {
        color: var(--color-primary) !important;
        font-weight: 700 !important;
        font-size: 1.45rem !important;
    }

.post-box{
    overflow: visible!important;
}
.post-box .post-img{
    box-shadow: 0 0 12px 2px rgba(0, 0, 0, 0.2);
}
    .post-box .meta .post-date{
        font-size: 0.95rem!important;
        font-weight: 600!important;
        color: #323232!important
    }
    .post-box .post-title{
        color: var(--color-primary)!important;
    }
    .post-box .readmore{
        padding: 0.5rem!important;
        width: max-content!important;
        display: inline-block!important;
        background: var(--color-primary)!important;
        color: #f8f8f8!important;
    }

.footer .container {
    min-height: 50px;
}

    .footer .container ul {
        display: flex;
        align-items: center;
        list-style: none;
    }

        .footer .container ul li a {
            width: 30px;
            height: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
            text-decoration: none;
            background-color: #194b87;
            color: #fff;
            margin-right: .5rem;
        }

        .footer .container ul li:nth-child(1) a {
            background-color: #3d5998;
        }

        .footer .container ul li:nth-child(2) a {
            background-color: #54abee;
        }

        .footer .container ul li:nth-child(3) a {
            background-color: #da2b26;
        }

        .footer .container ul li:nth-child(4) a {
            background-color: #f60273;
        }