/*
Theme Name: Medical Business
Author: Bizberg Themes
Author URI: https://bizbergthemes.com/  
Theme URI: https://bizbergthemes.com/downloads/medical-business/
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Description: Medical Business is a child theme of Bizberg WordPress Theme. 
Version: 0.3
Requires PHP: 5.6
Tested up to: 6.0
*/

.navbar-default .navbar-nav > li > a {
    letter-spacing: 0;
}

.blog-lists.blog-nosidebar-1 .blog-listing.no-sidebars .blog-post.blog-large .entry-header {
    margin-top: 0 !important;
}

.expertise_wrapper{
    background: #f1f1f16b;
    margin-bottom: 30px;
}

.services_wrapper,
.expertise_wrapper {
    padding: 80px 0;
}

.services_wrapper h4,
.expertise_wrapper h4 {
    color: #0088cc;
    font-size: 15px;
    font-family: inherit;
}

.services_wrapper h2,
.expertise_wrapper h2 {
    color: #000;
    font-family: inherit;
}

.services_wrapper .title_wrapper,
.expertise_wrapper .title_wrapper {
    gap: 10px;
    display: flex;
    flex-direction: column;
    font-family: 'MontserratRegular';
    padding-bottom: 50px;
    align-items: center;
    width: 70%;
    margin: 0 auto;
    text-align: center;
}

.services_wrapper .item_wrapper{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    column-gap: 20px;
}

.services_wrapper .item_wrapper .item .icon{
    font-size: 50px;
    color: #0088cc;
}

.services_wrapper .item_wrapper .item {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 30px 30px;
    box-shadow: 0px 0px 18px #dfdfdf;
    transition: background ease-in-out 0.3s;
}

.services_wrapper .item_wrapper .item p{
    font-size: 16px;
}

.services_wrapper .item_wrapper .item a{
    font-family: 'MontserratRegular';
}

.services_wrapper .item_wrapper .item:hover {
    transition: background ease-in-out 0.3s;
    background: #0088cc;
    color: #fff;
}

.services_wrapper .item_wrapper .item:hover .icon,
.services_wrapper .item_wrapper .item:hover a{
    transition: background ease-in-out 0.3s;
    color: #fff;
}

.expertise_wrapper .item_wrapper{
    display: grid;
    grid-template-columns: 1fr 1fr;
    row-gap: 25px;
    column-gap: 25px;
}

.expertise_wrapper .item_wrapper .item{
    display: flex;
    background: #fff;
    padding: 30px;
    transition: background ease-in-out 0.3s;
    align-items: center;
}

.expertise_wrapper .item_wrapper .item .number{
    font-family: 'MontserratRegular';
    padding-right: 20px;
    color: #0088cc;
    font-size: 50px;
}

.expertise_wrapper .item_wrapper .item .content_wrapper h3{
    font-family: 'MontserratRegular';
    color: #000;
    padding-bottom: 5px;
}

.expertise_wrapper .item_wrapper .item .content_wrapper p{
    font-size: 15px;
}

.expertise_wrapper .item_wrapper .item:hover {
    background: #0088cc;
    transition: background ease-in-out 0.3s;
}

.expertise_wrapper .item_wrapper .item:hover .number,
.expertise_wrapper .item_wrapper .item:hover h3,
.expertise_wrapper .item_wrapper .item:hover p {
    color: #fff;
}

#medical_business_appointment p {
    display: block;
}

@media (max-width: 991px){

    .services_wrapper .title_wrapper, 
    .expertise_wrapper .title_wrapper {
        width: 90%;
    }

    .services_wrapper .item_wrapper {
        grid-template-columns: 1fr 1fr;
        row-gap: 20px;
    }

}

@media (max-width: 414px){

    .services_wrapper .item_wrapper {
        grid-template-columns: 1fr;
    }

    .expertise_wrapper .item_wrapper {
        grid-template-columns: 1fr;
        row-gap: 17px;
    }

}