.about-us-image img {
    width: 100%;
    height: clamp(1px,39.063vw,1500px);
    object-fit: cover;
}

.about-us-border-left {
    border-top: clamp(1px, 0.105vw, 4px) solid #01658C;
    border-left: clamp(1px, 0.105vw, 4px) solid #01658C;
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 50%;
}

.gomez-container {
    width: 100%;
    position: relative;
}

.gomez-logo {
    position: absolute;
    top: 0;
}

.about-us-border-right {
    border-bottom: clamp(1px, 0.105vw, 4px) solid #01658C;
    border-right: clamp(1px, 0.105vw, 4px) solid #01658C;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 50%;
    height: 50%;
}

.why-icon {
    width: clamp(1px, 2.344vw, 80px);
    height: auto;
}

.bg-our-vm {
    background-color: rgb(179, 215, 229, .1);
}

.member-container {
    width: clamp(1px, 15.625vw, 600px);
    height: clamp(1px, 23.438vw, 900px);
}

.member-img {
    width: 100%;
    height: 100%;
    transition: background-image 0.4s ease-in-out;
}


.member-border-one {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 50%;
    border-top: clamp(1px, 0.105vw, 4px) solid #01658C;
    pointer-events: none;
}

.member-border-two {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 50%;
    height: 50%;
    border-bottom: clamp(1px, 0.105vw, 4px) solid #01658C;
    pointer-events: none;
}

.member-border-one::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: clamp(1px, 0.105vw, 4px);
    height: 100%;
    background-color: #01658C;
    transform: scaleY(0);
    transform-origin: top;
    transition: transform 0.4s ease;
}

.member-border-two::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: clamp(1px, 0.105vw, 4px);
    height: 100%;
    background-color: #01658C;
    transform: scaleY(0);
    transform-origin: bottom;
    transition: transform 0.4s ease;
}

.member-container:hover .member-border-one::after {
    transform: scaleY(1);
}

.member-container:hover .member-border-two::after {
    transform: scaleY(1);
}

@media (max-width:767px) {
    .why-icon {
        width: clamp(1px, 9.303vw, 80px);
        height: auto;
    }

    .member-container {
        width: 100%;
        height: clamp(1px, 116.28vw, 900px);
        margin-bottom: clamp(.5rem, 6.1111vw, 1.5rem);
    }

    .phone-icon img {
        width: clamp(1px, 9.303vw, 120px);
        height: clamp(1px, 9.303vw, 120px);
    }
}