.gridder {
    margin: 0px;
    padding: 0px;
    list-style-type: none
}

.gridder-list {
    display: inline-block;
    vertical-align: top
}

.gridder-show {
    display: block;
    float: left;
    width: 100%;
    position: relative;
    background: #EEE url("../images/loading-spin.svg") no-repeat center
}

    .gridder-show.loading {
        background: #EEE url("../images/loading-spin.svg") no-repeat center
    }

.gridder-content {
    display: none
}

.gridder-list, .gridder-show {
    font-size: 0.9rem;
}

.gridder-list {
    width: 99%
}

    .gridder-list:nth-child(n) {
        margin-bottom: 1%;
        margin-right: 1%
    }

    .gridder-list:nth-of-type(2n) {
        margin-right: 0;
        margin-bottom: 5px;
    }

.gridder-show {
    padding: 20px;
    background: #EEE;
    margin-bottom: 1%
}

.gridder-navigation .gridder-nav.disabled {
    opacity: .5
}

.gridder-list {
    cursor: pointer
}

    .gridder-list:hover {
        opacity: 0.9
    }

.hasSelectedItem .gridder-list {
    opacity: .5
}

    .hasSelectedItem .gridder-list.selectedItem {
        opacity: 1
    }

@media screen and (min-width: 700px) {
    .gridder-list {
        width: 18.99999999996%
    }

        .gridder-list:nth-child(n) {
            margin-bottom: 1%;
            margin-right: 1%
        }

        .gridder-list:nth-of-type(5n) {
            margin-right: 0;
            margin-bottom: 0
        }
}

.gridder .selectedItem:after {
    content: ' ';
    display: block;
    border-bottom: 10px solid #f7f5ec;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    height: 0%;
    position: relative;
    /* top: 101%; */
    width: 0;
    left: 47%;
    margin-bottom: -10px;
}

.gridder.hasSelectedItem .gridder-list:not(.selectedItem) {
    opacity: .2;
}

.gridder-show {
    padding: 4%;
    background: #ecf3f7;
    position: relative;
    display: block;
    float: left;
    width: 100%;
    margin-bottom: 0.5%;
    text-align: left;
    color: #616161;
    box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
}

    .gridder-show img {
        width: 100%;
        box-shadow: rgb(0 0 0 / 2%) 0px 1px 3px 0px, rgb(27 31 35 / 15%) 0px 0px 0px 1px;
    }

.gridder-content {
    display: none;
}

.gridder-navigation .gridder-nav {
    height: 77px;
    padding: 0;
    position: absolute;
    width: 32px;
    z-index: 1;
    background-color: #454545;
    background-image: linear-gradient(top, #3e3e3e, #333);
    border: 1px solid #141414;
    border-radius: 2px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06), 1px 1px 0 rgba(255, 255, 255, 0.03), -1px -1px 0 rgba(0, 0, 0, 0.02), inset 1px 1px 0 rgba(255, 255, 255, 0.05);
    color: #aaa !important;
    cursor: pointer !important;
    display: inline-block;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#303030',EndColorStr='#262626');
    font-size: 11px;
    font-weight: bold;
    margin: 0 5px;
    outline: 0;
    text-align: center;
    text-decoration: none !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
    -webkit-user-select: none;
    user-select: none;
    vertical-align: middle;
    white-space: normal;
    word-wrap: normal;
    top: 50%;
    margin-top: -40px;
    overflow: hidden;
}

    .gridder-navigation .gridder-nav span {
        display: block;
        bottom: 0;
        height: 23px;
        left: 0;
        margin: auto;
        position: absolute;
        right: 0;
        top: 0;
        width: 14px;
    }

    .gridder-navigation .gridder-nav.prev {
        left: -6px;
        display: none;
    }

    .gridder-navigation .gridder-nav.next {
        right: -6px;
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        display: none;
    }

    .gridder-navigation .gridder-nav:hover {
        background: #3d3d3d;
    }

.gridder-navigation .gridder-close {
    background: url(data:image/gif;base64,R0lGODlhFAAUAJEAAE1NTf///////wAAACH5BAEHAAIALAAAAAAUABQAAAIzBISpK+YMm5Enpodw1HlCfnkKOIqU1VXk55goVb2hi7Y0q95lfG70uurNaqLgTviyyUoFADs=) no-repeat center center;
    cursor: pointer;
    height: 30px;
    padding: 7px;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 30px;
    z-index: 2;
}

    .gridder-navigation .gridder-close:hover {
        color: #3d3d3d;
    }

/*# sourceMappingURL=demo.css.map */


.bob_nav
{
    padding:10px;
    /*background-color:lavender;*/
    border-radius: 3px;
    margin-bottom: 20px;
}
.bob_nav li{
    margin-right:15px;
}

    .bob_nav .nav-link, .nav-pills .show > .nav-link {
        color: #3d3d3d;
        background-color: #ffffff;
        border-radius: 25px;
        border: 1px solid #2f3589;
    }

    .bob_nav .nav-link.active, .bob_nav .nav-link:hover, .nav-pills .show > .nav-link {
        color: #ffffff;
        background-color: #2f3589;
        border-radius: 25px;
    }
.our-team {
    padding: 20px 0 15px;
    margin-bottom: 0px;
    background-color: #ecf3f7;
    text-align: center;
    height: 265px;
    overflow: hidden;
    position: relative;
}

    .our-team .picture {
        display: inline-block;
        height: 130px;
        width: 130px;
        margin-bottom: 30px;
        z-index: 1;
        position: relative;
    }

        .our-team .picture::before {
            content: "";
            width: 100%;
            height: 0;
            border-radius: 50%;
            background-color: #0c5281;
            position: absolute;
            bottom: 135%;
            right: 0;
            left: 0;
            opacity: 0.9;
            transform: scale(3);
            transition: all 0.3s linear 0s;
        }

    .our-team:hover .picture::before {
        height: 100%;
    }

    .our-team .picture::after {
        content: "";
        width: 98%;
        height: 98%;
        border-radius: 50%;
        background-color: #0c5281;
        position: absolute;
        top: 1px;
        left: 1px;
        z-index: -1;
    }

    .our-team .picture img {
        width: 100%;
        height: auto;
        border-radius: 50%;
        transform: scale(1);
        transition: all 0.9s ease 0s;
    }

    .our-team:hover .picture img {
        box-shadow: 0 0 0 14px #ecf3f7;
        transform: scale(0.7);
    }

    .our-team .title {
        display: block;
        font-size: 14px;
        color: #333;
        text-transform: capitalize;
        text-align: center;
        margin-top: 0;
        margin-bottom: 1rem;
        padding: 0;
    }

    .our-team .social {
        width: 100%;
        padding: 0;
        margin: 0;
        background-color: #0c5281;
        position: absolute;
        bottom: -100px;
        left: 0;
        transition: all 0.5s ease 0s;
    }

    .our-team:hover .social {
        bottom: 0;
    }

    .our-team .social li {
        display: inline-block;
    }

        .our-team .social li a {
            display: block;
            padding: 10px;
            font-size: 17px;
            color: white;
            transition: all 0.3s ease 0s;
            text-decoration: none;
        }

            .our-team .social li a:hover {
                color: #1369ce;
                background-color: #f7f5ec;
            }

.custom_text {
    color: #dc7633;
}

.gridder-expanded-content p {
    text-align: justify;
}
.team-content h6 {
    font-size: 1.1rem;
    margin-bottom: .5rem;
    font-weight: 600;
    line-height: 1.2;
    margin-top: 0;
    text-align: center;
    color: #212529;
    letter-spacing: 0;
}
.pb-1, .py-1 {
    padding-bottom: .25rem !important;
}

.pt-1, .py-1 {
    padding-top: .25rem !important;
}
.gridder-expanded-content .row {
    display: flex;
}
.gridder-expanded-content h5, .gridder-expanded-content small {
    color: #444;
    letter-spacing: 0;
}