/* General */
.values-container p span,
.team-member .position {
    color: #8b9792 !important;
}
#ajax-content-wrap .nectar-responsive-text *, body .nectar-responsive-text * {
    color: var(--text-light) !important;
}

/* P-shaped border radius */
.vision-container > .col > .col > .vc_column-inner,
.vision-container > .col > .col > .vc_column-inner .column-bg-layer,
.our-team-container img,
.team-member .img-wrapper {
    border-radius: 1rem 1rem 1rem 0 !important;
}

/* Hero */
.hero {
    margin: 4rem 0 8rem !important;
}
.vision-container > .col > .col > .vc_column-inner {
    box-shadow: 0 4px 30px #1f29261a !important;
    padding: 3rem 4rem !important;
}
.vision-container h3 {
    margin-bottom: 2rem !important;
}
@media (max-width: 640px) {
    .hero {
        margin-bottom: 4rem !important;
    }
}

/* Vision container hover effect */
.vision-container .vc_col-sm-6 {
    transition: transform 0.3s ease-in-out;
}
.vision-container:hover .vc_col-sm-6:first-child {
    transform: translateX(-0.3rem) !important;
}
.vision-container:hover .vc_col-sm-6:last-child {
    transform: translateX(0.3rem) !important;
}
@media (max-width: 640px) {
    .vision-container {
        margin-bottom: 4rem !important;
    }
    .vision-container > .col > .col > .vc_column-inner {
        padding: 2.2rem 2.8rem !important;
    }
}

/* Values */
.values-container {
    margin-bottom: 5rem !important;
}
.value-container h5 {
    margin-top: 1.5rem;
}
@media (max-width: 640px) {
    .value-container .wpb_wrapper {
        display: flex;
        align-items: center;
        gap: 2rem;
    }
    .values-container {
        margin-bottom: 0 !important;
    }
}

/* Our team */
.team-member .img-wrapper {
    margin-bottom: 2rem;
    overflow: hidden;
    display: block;
    line-height: 0;
    position: relative;
}
.team-member .img-wrapper img {
    transition: transform 0.4s ease-in-out;
    display: block;
    transform-origin: center center;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.team-member:hover .img-wrapper img {
    transform: scale(1.05);
}
.our-team-container img {
    border-radius: 1rem 1rem 1rem 0 !important;
}
@media (max-width: 640px) {
    .our-team-container {
        margin-top: 4rem !important;
    }
    .our-team-container .inner_row {
        margin-bottom: 1.8rem !important;
    }
    .team-member {
        display: flex;
        align-items: center;
        gap: 2rem;
    }
    .team-member .img-wrapper {
        width: 20vw !important;
        height: 20vw !important;
        margin: 0;
    }
}