/*
Theme Name: Medical Business
Template: bizberg
Text Domain: 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 clean, modern, and fully responsive WordPress health theme built as a child theme of the popular Bizberg WordPress Theme, thoughtfully designed for medical institutions, clinics, hospitals, doctors, surgeons, gynecologists, general therapists, and all health-oriented organizations that want a professional and trustworthy online presence. This flexible free medical WordPress theme makes it easy for healthcare professionals and practices of any size to present their services clearly and confidently, leaving no questions in patients’ minds. Built on the reliable Bootstrap framework, Medical Business is cross-browser compatible, translation-ready, and SEO optimized to help your website reach more patients and rank higher in search results. The theme comes packed with excellent features including one-click demo data import, customizer-based theme options, various page and post layout choices, and a fully Elementor-compatible design so you can customize every section effortlessly with drag-and-drop editing — no coding skills required. Whether you’re a solo practitioner, medical clinic, or large hospital network, Medical Business is accessible and easy to use for all levels of users, with comprehensive documentation and a dedicated support team ready to assist you if needed. With Medical Business, you gain a reliable and user-friendly WordPress theme that empowers you to build an effective online presence for your healthcare practice.
Tags: custom-logo,custom-menu,featured-images,threaded-comments,translation-ready,left-sidebar,right-sidebar,grid-layout,theme-options,blog,news,portfolio
Version: 0.4
Requires PHP: 5.6
Tested up to: 6.8.1
*/

.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;
    }

}