.about-us-page .top-content {
    position: relative;
    display: flex;
    justify-content: space-between;
    min-height: 15rem;
    border-bottom: 1px solid var(--wp--preset--color--grey-tint-4);
}

.about-us-page .top-content .content {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    max-width: 40rem;
    min-width: 25rem;
    width: 50%;
    padding: var(--wp--custom--spacing--base) var(--wp--custom--spacing--plus-2) var(--wp--custom--spacing--plus-4);
}

.about-us-page .top-content .content svg {
    order: 0;
    width: var(--wp--custom--spacing--plus-1);
    height: var(--wp--custom--spacing--plus-1);
    margin-bottom: var(--wp--custom--spacing--base);
    margin-top: var(--wp--custom--spacing--plus-6);
}

.about-us-page .top-content .content h1 {
    margin-bottom: var(--wp--custom--spacing--plus-2);
    font-size: var(--wp--preset--font-size--plus-3);
}

.about-us-page .top-content .image {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 55%;
    height: 100%;
}

.about-us-page .top-content .image img {
    max-width: 100%;
    height: 100%;
    object-fit: contain;
}

.about-us-page .top-content .text {
    max-width: 50rem;
}

.about-us-page .top-content h1 {
    font-size: var(--wp--preset--font-size--plus-2);
}

.about-us-page .advantage {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.about-us-page .advantage h2 {
    margin-bottom: .5em;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-size: var(--wp--preset--font-size--plus-2);
}

.about-us-page .advantage .content {
    box-sizing: border-box;
    direction: ltr;
    display: grid;
    grid-template-rows: auto;
    row-gap: var(--wp--custom--spacing--base);
    grid-template-columns: 1fr 50%;
    padding-top: 2rem;
}

.about-us-page .advantage .content .text {
    grid-column: 1;
    grid-row: 1;
    align-self: start;
    padding-right: var(--site-padding);
}

.about-us-page .advantage .content .text p:not(:last-child) {
    margin-bottom: 1em;
}

.about-us-page .advantage .content figure {
    grid-column: 2;
    grid-row: 1;
    align-self: start;
}

.about-us-page .advantage .content figure img {
    height: auto;
    max-width: unset;
    vertical-align: middle;
    width: 100%;
}

.about-us-page .serve-hr {
    border-bottom: none;
    height: 1px;
    background-color: var(--wp--preset--color--grey-tint-4);
    width: 100%;
    height: 1px;
    margin: 2rem 0;
    padding: 0;
    border: 0;
    background: var(--wp--preset--color--grey-tint-4);
}

.about-us-page .serve h2 {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-size: var(--wp--preset--font-size--plus-1);
    color: var(--wp--preset--color--dark-blue);
}

.about-us-page .serve .list {
    display: grid;
    /* gap: var(--wp--custom--spacing--plus-2); */
    list-style: none;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: var(--wp--custom--spacing--plus-2) 0 0;
    padding: 0 0 .5rem;
}

.about-us-page .serve .list .item {
    width: 100%;
    position: relative;
    display: flex;
    /* align-items: center; */
    flex-direction: column;
    margin: 0 auto;
    padding-left: 30px;
    border-right: 1px solid var(--wp--preset--color--grey-tint-4);
    padding-right: 10px;
}

.about-us-page .serve .list .item:last-child {
    border-right: none;
}

.about-us-page .serve .list .item .icon {
    display: flex;
    justify-content: center;
}

.about-us-page .serve .list .item img {
    border: 0;
    border-radius: 9999em;
    height: var(--icon-size);
    margin: 0;
    width: var(--icon-size);
}

.about-us-page .serve .list .item h3 {
    display: block;
    margin: .75em 0 .5em;
    text-align: center;
}

.about-us-page .serve .list .item .text {
    list-style: outside;
}

/* .about-us-page .serve .list .item:not(:last-child)::after {
    content: "";
    background: var(--wp--preset--color--grey-tint-4);
    height: 100%;
    left: calc(100% + var(--wp--custom--spacing--plus-2)*.5 + .1vw);
    position: absolute;
    top: 0;
    width: 1px;
} */

.about-us-page .unique {
    border-width: 1px;
    border-bottom: 1px solid var(--wp--preset--color--grey-tint-4);
    border-top: 1px solid var(--wp--preset--color--grey-tint-4);
    padding-bottom: var(--wp--custom--spacing--plus-2);
    padding-top: var(--wp--custom--spacing--plus-2);
    position: relative;
}

.about-us-page .unique h2 {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: var(--wp--custom--spacing--plus-2);
    font-size: var(--wp--preset--font-size--plus-1);
    color: var(--wp--preset--color--dark-blue);
    text-align: center;
}

.about-us-page .unique .unique-swiper {
    overflow: hidden;
}

.about-us-page .unique .unique-swiper .swiper-slide {
    padding-bottom: var(--wp--custom--spacing--plus-4);
    padding-top: var(--wp--custom--spacing--plus-2);
}

.about-us-page .unique .unique-swiper h3 {
    margin: 0 0 .5em;
    font-weight: 700;
    /* font-size: var(--wp--preset--font-size--plus-3); */
    line-height: 1.1;
    text-align: center;
}

/* .about-us-page .unique .unique-swiper .text {
    text-align: center;
} */

.about-us-page .unique .unique-swiper .swiper-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    gap: var(--wp--custom--spacing--base);
}

.unique .unique-swiper .unique-button-prev,
.about-us-page .unique .unique-swiper .unique-button-next {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.75rem;
    height: 3.75rem;
    border-radius: 9999em;
    cursor: pointer;
    text-decoration: none;
    transition: background .2s;
    background: var(--wp--preset--color--green-tint);
    outline: none;
}

.unique .unique-swiper .unique-button-prev::after,
.about-us-page .unique .unique-swiper .unique-button-next::after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 17 17.828%27%3E%3Cg fill=%27none%27 stroke=%27%23fff%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 data-name=%27Icon feather-arrow-right%27%3E%3Cpath d=%27M1 8.914h15%27 data-name=%27Path 11184%27/%3E%3Cpath d=%27M8.466 1.414 16 8.914l-7.534 7.5%27 data-name=%27Path 11185%27/%3E%3C/g%3E%3C/svg%3E");
    content: "";
    display: block;
    height: 1em;
    left: 50%;
    line-height: 1;
    margin: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-45%, -50%) scaleX(1);
    transform: translate(-45%, -50%) scaleX(1);
    width: 1em;
}

.about-us-page .unique .unique-swiper .unique-button-prev::after {
    -webkit-transform: translate(-55%, -50%) scaleX(-1);
    transform: translate(-55%, -50%) scaleX(-1);
}

.unique .unique-swiper .unique-button-prev:hover,
.about-us-page .unique .unique-swiper .unique-button-next:hover {
    background: var(--wp--preset--color--light-green);
    color: var(--wp--preset--color--white);
}

.about-us-page .business {
    padding: var(--wp--custom--spacing--plus-6) 0;
}

.about-us-page .business h2 {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-size: var(--wp--preset--font-size--plus-2);
}

.about-us-page .business .description {
    margin: 0 auto var(--wp--custom--spacing--plus-6);
    font-size: var(--wp--preset--font-size--plus-2);
    text-align: center;
}

.about-us-page .business .about-map_svg__text {
    font-size: .6666em;
    font-weight: 100;
    fill: #5a4a42;
}

.about-us-page .business .about-map_svg__text:first-child {
    font-weight: 700;
}

.about-us-page .business .btn-list {
    display: flex;
    gap: var(--wp--custom--spacing--base);
    margin-top: var(--wp--custom--spacing--plus-1);
}

.about-us-page .business .btn-list .btn {
    flex: 1;
}

.about-us-page .business .btn-list .btn a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2.5rem;
    font-size: var(--wp--preset--font-size--minus-1);
    padding: 0 4em;
    line-height: 1;
    border: 1px solid currentColor;
    border-radius: .4em;
    text-transform: none;
    letter-spacing: 0;
    text-align: center;
    font-weight: 100;
    text-decoration: none;
    transition: background .2s;
    border: none;
}

.business .btn-list .btn a,
.about-us-page .business .btn-list .btn a:visited {
    border-color: transparent;
    background: var(--wp--preset--color--pink);
    color: var(--wp--preset--color--white);
}

.about-us-page .business .btn-list .btn a::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 1rem;
    width: 2rem;
    height: 2rem;
    border-radius: 999999em;
    background-color: var(--wp--preset--color--white);
    background-repeat: no-repeat;
    background-size: 65%;
    background-position: 50%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32.724 33.59'%3E%3Cpath fill='%23eb008b' d='M0 33.592h9.319V18.37L0 5.578Z'/%3E%3Cpath fill='%23f6921e' d='M23.405 18.366v15.225h9.318V5.58Z'/%3E%3Cpath fill='%23d6de23' d='m16.36 12.205 5.768 7.913 1.277-1.753V2.541Z'/%3E%3Cpath fill='%23ce8a2d' d='m25.259 0-1.853 2.542v15.823L32.724 5.58V0Z'/%3E%3Cpath fill='%2300adee' d='M9.317 2.543v15.828l1.275 1.746 5.769-7.914Z'/%3E%3Cpath fill='%2300a551' d='m10.592 20.119 3.016 4.141h5.5l.062-.085 2.956-4.056-5.767-7.914Z'/%3E%3Cpath fill='%232e3191' d='M0 0v5.578L9.319 18.37V2.542L7.464 0Z'/%3E%3C/svg%3E");
    transform: translateY(-50%);
}

.about-us-page .business .btn-list .btn a:hover {
    border-color: transparent;
    background: #f79dd0;
    color: var(--wp--preset--color--white);
}

.about-us-page .global-cotent h3 {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1em;
    line-height: 1.4;
    font-size: var(--wp--preset--font-size--base);
    text-align: center;
}

.about-us-page .global-cotent .text {
    max-width: 50rem;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.about-us-page .global-hr {
    width: 100%;
    height: 1px;
    margin: 2rem 0;
    margin-top: 80px;
    padding: 0;
    border: 0;
    background: var(--wp--preset--color--grey-tint-4);
    border-bottom: none;
    background-color: var(--wp--preset--color--grey-tint-4) !important;
    color: var(--wp--preset--color--grey-tint-4) !important;
}

.about-us-page .people {
    padding-top: var(--wp--custom--spacing--plus-2);
    padding-bottom: var(--wp--custom--spacing--plus-2);
}

.about-us-page .people h2 {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: .5em;
    font-size: var(--wp--preset--font-size--plus-1);
    color: var(--wp--preset--color--dark-blue);
    text-align: center;
}

.about-us-page .people .list {
    display: grid;
    gap: var(--wp--custom--spacing--plus-1);
    position: relative;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.about-us-page .people .list .switch-btn {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    gap: var(--wp--custom--spacing--plus-1);
    justify-content: center;
    padding: var(--wp--custom--spacing--base);
}

.about-us-page .people .list .switch-btn button {
    padding: .25em 2em;
    border: 1px solid currentColor;
    border-radius: .4em;
    text-transform: none;
    letter-spacing: 0;
    text-align: center;
    font-weight: 100;
    transition: background .2s;
    border-color: var(--wp--preset--color--mid-grey);
    background: 0 0;
    color: var(--wp--preset--color--mid-grey);
    cursor: pointer;
    outline: none;
}

.people .list .switch-btn button:focus,
.about-us-page .people .list .switch-btn button:hover {
    border-color: var(--wp--preset--color--mid-grey);
    background: var(--wp--preset--color--grey-tint-1);
    color: var(--wp--preset--color--mid-grey);
}

.about-us-page .people .list .switch-btn button.active {
    background: var(--wp--preset--color--orange);
    border-color: var(--wp--preset--color--orange);
    color: var(--wp--preset--color--white);
}

.about-us-page .people .list .item {
    border: 0;
    border-radius: 0;
    cursor: pointer;
    overflow: hidden;
    padding-bottom: 75%;
    position: relative;
}

.about-us-page .people .list .item svg {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    height: 100%;
    opacity: .5;
}

.about-us-page .people .list .item .bg-person {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out;
}

.about-us-page .people .list .item .main-content {
    align-items: center;
    background: rgba(46, 49, 145, .3);
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    left: 0;
    padding: var(--wp--custom--spacing--plus-2);
    position: absolute;
    right: 0;
    top: 0;
    transition: background .4s;
    z-index: 2;
    color: var(--wp--preset--color--white);
}

.about-us-page .people .list .item .main-content h3 {
    font-size: var(--wp--preset--font-size--base);
    line-height: 1.4;
    font-weight: 700;
}

.about-us-page .people .list .item .main-content .position {
    text-align: center;
}



.about-us-page .people .list .item .main-content .text {
    margin-top: 1em;
    text-align: left;
}

.about-us-page .people .list .item:hover .bg-person {
    -webkit-transform: scale(1.075);
    transform: scale(1.075);
}

.about-us-page .people .list .item:hover .main-content {
    background: rgba(46, 49, 145, .7);
}

.about-us-page .people .list .item .dialog-content {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 9;
    background: var(--wp--preset--color--white);
    bottom: 0;
    display: none;
    flex-direction: column;
    justify-content: center;
}

.about-us-page .people .list .item .dialog-content.active {
    display: flex;
}

.about-us-page .people .list .item .dialog-content .dialog-main {
    position: relative;
    display: grid;
    gap: var(--wp--custom--spacing--plus-2);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-height: 100vh;
    max-width: var(--site-content-size);
    overflow: auto;
    padding: 6rem var(--site-padding);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.about-us-page .people .list .item .dialog-content h3 {
    font-size: var(--wp--preset--font-size--base);
    line-height: 1.4;
}

.about-us-page .people .list .item .dialog-content h4 {
    font-size: var(--wp--preset--font-size--base);
    color: var(--wp--preset--color--light-blue);
    font-weight: 300;
    margin: 0;
    padding: 0;
    line-height: 1.4;
}

.about-us-page .people .list .item .dialog-content .dialog-text {
    margin-top: var(--wp--custom--spacing--base);
}

.about-us-page .people .list .item .dialog-content .dialog-text p:not(:last-child) {
    margin-bottom: 1em;
}

.about-us-page .people .list .item .dialog-content figure {
    padding-bottom: 75%;
    position: relative;
}

.about-us-page .people .list .item .dialog-content figure img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.about-us-page .people .list .item .dialog-content .close-btn {
    background: var(--wp--preset--color--light-green);
    border: none;
    border-radius: 9999em;
    color: var(--wp--preset--color--white);
    cursor: pointer;
    height: var(--wp--custom--spacing--plus-5);
    position: absolute;
    right: var(--site-padding);
    top: 1rem;
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
    width: var(--wp--custom--spacing--plus-5);
    z-index: 10;
}

.people .list .item .dialog-content .close-btn::after,
.about-us-page .people .list .item .dialog-content .close-btn::before {
    background: currentColor;
    content: "";
    display: block;
    height: 2px;
    left: 50%;
    margin: 0;
    pointer-events: none;
    position: absolute;
    top: 50%;
    touch-action: none;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
    width: 45%;
}

.about-us-page .people .list .item .dialog-content .close-btn:after {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
}

.about-us-page .people .list .item .dialog-content .close-btn:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.about-us-page .speaker-hr {
    width: 100%;
    height: 1px;
    margin: 2rem 0;
    padding: 0;
    border: 0;
    background: var(--wp--preset--color--grey-tint-4);
}

.about-us-page .speaker {
    box-sizing: border-box;
    direction: ltr;
    display: grid;
    grid-template-columns: 50% 1fr;
    grid-template-rows: auto;
    row-gap: var(--wp--custom--spacing--base);
    border-bottom: 1px solid var(--wp--preset--color--grey-tint-4);
}

.about-us-page .speaker figure {
    position: relative;
    align-self: center;
    height: 100%;
    grid-column: 1;
    grid-row: 1;
    padding: 0 var(--wp--custom--spacing--plus-1);
    margin: 0;
}

.about-us-page .speaker figure img {
    position: absolute;
    top: 0;
    right: 5%;
    bottom: 0;
    left: 5%;
    width: 90%;
    height: 100%;
    object-fit: contain;
    vertical-align: middle;
}

.about-us-page .speaker .content {
    direction: ltr;
    grid-column: 2;
    grid-row: 1;
    word-break: break-word;
    align-self: center;
    padding-top: var(--wp--custom--spacing--plus-6);
    padding-bottom: var(--wp--custom--spacing--plus-6);
    margin-top: var(--wp--custom--spacing--plus-6);
    margin-bottom: var(--wp--custom--spacing--plus-6);
    border-left: 1px solid var(--wp--preset--color--grey-tint-4);
    padding-left: var(--site-padding);
}

.about-us-page .speaker .content p {
    margin-bottom: 1em;
    font-size: var(--wp--preset--font-size--plus-2);
}

.about-us-page .phone-message-list {
    display: none;
    text-align: center;
    margin-top: -2.5rem;
}

.about-us-page .phone-message-list .item {
    margin-bottom: 2em;
    font-size: var(--wp--preset--font-size--minus-1);
}

.about-us-page .phone-message-list .item strong {
    font-weight: 700;
}

@media screen and (min-width: 65rem) {
    .about-us-page .serve .list {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}