
.font-heading {
    font-family: var(--font-heading),ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji !important;
}


.hidden-image {
  display: none;
}

section.about_us.banner p {
    color: #282728 !important;
}

p.about_us.banner.sub-heading.max-w-2xl.mb-6.text-sm.md\:text-md.text-center.mx-auto {
    margin-top: 20px;
}

h2.max-w-xl.text-2xl.font-heading.font-bold.mb-3.leading-7.md\:leading-none.md\:text-4xl.text-center.mx-auto.text-primary {
    max-width: 400px;
}

section.about_us.banner {
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    max-width: 1200px;
    margin: auto;
    padding: 60px 40px;
    color: #3a5354;
}

.meet_the_team.about_us.innerdiv p {
    font-size: 14px !important;
    line-height: 21px !important;
    color: #212529;
}

.card-img {
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    height: 300px;
    position: relative;
    transition: .2s ease  !important;
}
img.card-image.front-image {
    z-index: 3;
}
img.card-image.back-image {
    position: absolute;
    z-index: 2;
}



section.about_us.content-section.our_value p {
    font-size: 16px !important;
    line-height: 24px !important;
    color: #3a5354 !important;
    
}

@media only screen and (max-width: 900px)  {
.team-members {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center !important;
    align-content: space-between;
    align-items: flex-start;
    gap: 10px;
    max-width: 1320px;
}

}




.social-links {
    display: flex;
    height: 40px;
    gap: 10px;
}

.social-links img {
    max-height: 30px;
}

.meet_the_team.about_us.innerdiv p {
    font-size: 14px !important;
    line-height: 21px;
    color: #212529;
}

p.card-role{
font-size: 0.875rem !important;
    color: #949394 !important;
}

h3.card-name {
    color: #212529!important;
    font-size: 1rem;
margin:0;}



img.card-image {
    height: 300px;
    width: 100%;
    object-fit: cover;
}

.team-members {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-content: flex-start;
    align-items: flex-start;
    gap: 10px;
    max-width: 1320px;
}


.card-main {
    max-width: 320px;
    border: 2px #80808040;
    overflow: hidden;
    border-radius: 10px;
    border-style: solid;
    height: 570px;
}

.banner.about_us {
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    justify-content: space-around;
    gap: 40px;
    font-size: 16px;
    line-height: 24px;
}

mg.card-image {
    height: 300px;
    width: 300px;
    object-fit: cover;
}

.card-content {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-content: flex-start;
    justify-content: flex-start;
    padding: 40px 20px;
}

section.about_us.content-section {
    display: flex;
    justify-content: center;
    padding: 40px 40px 40px 40px;
    color: #3a5354;
}

.meet_the_team.about_us.innerdiv {
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    gap: 20px;
}

.meet_the_team.about_us.innerdiv p {
    font-size: 24px;
}

.meet_the_team.about_us.innerdiv.our_value {
    background: #FBF7F0;
    padding: 40px;
    width: 100%;
    max-width: 1300px;
}