/*********************************************************************************

	Template Name: Template Full Name Here
	Description: A perfect template to build beautiful and unique medical websites. It comes with nice and clean design.
	Version: 1.0

	Note: This is custom css.

**********************************************************************************/
main.page-content {
    padding-top: 100px;
    margin-bottom: 30px;
}

body.template-color-39 .service.service--1 .icons img {
    filter: brightness(1) invert(1);
}

ul.nav-pills .nav-link {
    padding: 15px 30px;
    font-weight: 900;
    font-size: 18px;
    border-radius: 12px;
    margin-top: 15px;
}

.tab-content-branch>div:first-child {
    width: 30%;
}

.tab-content-branch>div:last-child {
    width: 70%;
}

.fnb-menu-item {
    margin-bottom: 20px;
    text-align: center;
}

.fnb-menu-item h3 {
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 16px;
}

.fnb-menu-item .item-price {
    font-size: 14px;
    font-weight: 500;
    color: red;
}

#pills-tab.nav.nav-pills {
    flex-direction: row;
    flex-wrap: nowrap;
}

.ggmaps {
    background: #fd2611;
    padding: 8px 15px !important;
    border-radius: 4px;
}

.header-default.black-logo--version .mainmenu-wrapper .page_nav ul.mainmenu li.active a {
    color: #419d24;
}

@media screen and (max-width: 992px) {
    .tab-content-branch {
        flex-wrap: wrap;
    }

    .tab-content-branch .nav.flex-column.nav-pills {
        width: 100% !important;
        margin-right: 0 !important;
        flex-direction: row !important;
        margin-bottom: 20px;
        margin-top: 15px;
        justify-content: center;
    }

    .tab-content-branch .nav.flex-column.nav-pills button.nav-link {}

    .tab-content-branch>.tab-content {
        width: 100% !important;
    }
}