/* CSS Document */
.team-grid-section {
    padding: 50px;
}
.team-grid-section .container-fluid {
    opacity: 0;
}
.team-grid-section.ready .container-fluid {
    opacity: 1;
    animation: fadeInUp 1.2s both;
    --bs-gutter-x: 0;
}
.team-grid-section .container-fluid .row {
    --bs-gutter-y: 44px;
}
.team-grid-section .container-fluid .row .col-lg-3 {}
.team-grid-section .card-item {
    display: block;
    overflow: hidden;
    border-radius: 0 0 5px 5px;
    background: #fff;
}
.team-grid-section .card-item .bnn {
    overflow: hidden;
    position: relative;
    display: block;
    padding-bottom: 121%;
}
.team-grid-section .card-item .bnn img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1);
    transition: all 1.3s ease;
}
.team-grid-section .card-item:hover .bnn img {
    transform: scale(1.1);
}
.team-grid-section .card-item .info {
    display: block;
    padding: 10px;
}
.team-grid-section .card-item .info h2 {
    margin: 0;
    color: var(--color-3, #1E4382);
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding-bottom: 6px;
    margin-bottom: 7px;
    border-bottom: solid 1px var(--color-1, #82C7E7);
}
.team-grid-section .card-item .info p {
    margin: 0;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    color: #6F6F6F;
    font-family: "Playfair Display";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    transition: all .3s ease;
}
.team-grid-section .card-item:hover .info p {
    color: var(--color-3, #1E4382);
}
.team-grid-section .card-item .info p:after {
    content: '\f178';
    color: var(--color-2, #1278B5);
    font-family: "Font Awesome 6 Pro";
    font-size: 16px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    transition: all .3s ease;
}
.team-grid-section .card-item:hover .info p:after{
    color: var(--color-3, #1E4382);
}

@media (max-width: 1200px) {}
@media (max-width: 991px) {}
@media (max-width: 768px) {}