.index-page .banner {
    position: relative;
    width: 100%;
    overflow: hidden;
    display: flex;
}

.index-page .banner .content {
    position: relative;
    z-index: 2;
    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);
}

.index-page .banner .content .top {
    display: block;
    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);
}

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

.index-page .banner .content .text p:not(:last-child) {
    margin-bottom: .5em;
}

.index-page .banner .content:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
    background: var(--wp--preset--color--white);
    opacity: .6;
}

.index-page .banner .content .btn {
    margin-top: var(--wp--custom--spacing--plus-2);
}

.index-page .banner .content .btn a {
    display: inline-block;
    width: auto;
    min-width: 10em;
    padding: .5em 0;
    border: 0;
    border-bottom: 2px solid var(--wp--preset--color--light-blue);
    border-radius: 0;
    font-weight: 600;
    font-size: var(--wp--preset--font-size--base);
    font-family: var(--wp--preset--font-family--calibri);
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: .05em;
    transition: background opacity .2s;
    cursor: pointer;
}

.index-page .banner .content .content-logo {
    display: block;
    width: 8rem;
    margin-left: auto;
}

.index-page .banner .image {
    position: relative;
    z-index: 2;
    width: 50%;
    margin-left: auto;
}

.index-page .banner .image svg {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    height: 100%;
    overflow: visible;
}

.index-page .advantage {
    position: relative;
    padding: var(--wp--custom--spacing--plus-6) 0;
}

.index-page .advantage .top {
    display: block;
    width: 1.75rem;
    height: 1.75rem;
    margin: auto auto var(--wp--custom--spacing--plus-1);
}

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

.index-page .advantage .list {
    display: grid;
    grid-template-columns: [circle-one-start] var(--wp--custom--spacing--plus-4) minmax(0, 1fr) [circle-two-start] var(--wp--custom--spacing--plus-4) [circle-one-end] minmax(0, 1fr) [circle-three-start] var(--wp--custom--spacing--plus-4) [circle-two-end] minmax(0, 1fr) var(--wp--custom--spacing--plus-4) [circle-three-end];
    grid-template-rows: [circle-one-start circle-two-start circle-three-start] minmax(0, 1fr) [circle-one-end circle-two-end circle-three-end];
    margin-top: var(--wp--custom--spacing--plus-4);
}

.index-page .advantage .list .item:first-child {
    grid-column: circle-one;
    grid-row: circle-one;
}

.index-page .advantage .list .item:nth-child(2) {
    grid-column: circle-two;
    grid-row: circle-two;
}

.index-page .advantage .list .item:nth-child(3) {
    grid-column: circle-three;
    grid-row: circle-three;
}

.index-page .advantage .list .item {
    position: relative;
    display: block;
    border-radius: 999999em;
    margin: 0;
    padding: 0 0 100%;
    border: 1px solid transparent;
    background-color: transparent;
}

.index-page .advantage .list .item::after {
    border-radius: 999999em;
    bottom: 0;
    content: "";
    left: 0;
    mix-blend-mode: multiply;
    opacity: .45;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
}

.index-page .advantage .list .item .content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: var(--wp--custom--spacing--base) var(--wp--custom--spacing--plus-6);
    text-align: center;
    color: #fff;
}

.index-page .advantage .list .item:first-child::after {
    background: var(--wp--preset--color--dark-blue);
}

.index-page .advantage .list .item h4 {
    padding: 0 1em;
    margin-bottom: 1em;
    font-size: var(--wp--preset--font-size--plus-1);
    line-height: 1.4;
}

.index-page .advantage .list .item .text {
    max-width: 20rem;
    margin: 0 auto;
    text-align: left;
}

.index-page .advantage .list .item:nth-child(2)::after {
    background: var(--wp--preset--color--orange);
}

.index-page .advantage .list .item:nth-child(3)::after {
    background: var(--wp--preset--color--dark-green);
}

.index-page .advantage .list .item:focus {
    border-color: transparent;
}

.advantage .list .item:focus::after,
.index-page .advantage .list .item:hover::after {
    opacity: 1;
}

.index-page .advantage .description {
    margin-top: var(--wp--custom--spacing--plus-4);
}

.index-page .advantage .description .text {
    max-width: 50rem;
    margin: 0 auto;
    text-align: center;
}

.index-page .advantage .description .btn {
    margin-top: var(--wp--custom--spacing--plus-2);
    text-align: center;
}

.index-page .advantage .description .btn a {
    display: inline-block;
    width: auto;
    min-width: 6em;
    padding: .5em 0;
    border: 0;
    border-bottom: 2px solid var(--wp--preset--color--light-blue);
    border-radius: 0;
    font-weight: 600;
    font-size: var(--wp--preset--font-size--base);
    font-family: var(--wp--preset--font-family--calibri);
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: .05em;
    transition: background opacity .2s;
    cursor: pointer;
}

.index-page .beyond {
    padding: var(--wp--custom--spacing--plus-6);
    background-color: var(--wp--preset--color--grey-tint-1);
}

.index-page .beyond h2 {
    line-height: 1.4;
    margin: 0 auto;
    font-size: var(--wp--preset--font-size--plus-2);
    text-align: center;
}

.index-page .beyond .description {
    max-width: 50rem;
    margin: 0 auto;
    font-size: var(--wp--preset--font-size--plus-2);
    text-align: center;
}

.index-page .beyond .list {
    display: grid;
    gap: var(--wp--custom--spacing--plus-6);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: var(--wp--custom--spacing--plus-6);
}

.index-page .beyond .list .item {
    display: flex;
    flex-direction: column;
    max-width: 30rem;
}

.index-page .beyond .list .brand-logo img {
    width: 100%;
    max-width: none;
    height: 4.5rem;
    object-fit: contain;
}

.index-page .beyond .list .name {
    height: 2.6em;
    margin-top: .5rem;
    margin-bottom: var(--wp--custom--spacing--plus-1);
    overflow: hidden;
    text-align: center;
}

.index-page .beyond .list .text {
    margin-bottom: var(--wp--custom--spacing--plus-4);
    text-align: center;
}
.index-page .beyond .list .text p ~ p {
    margin-top: .5rem;   
}

.index-page .beyond .list .btn {
    margin-top: auto;
    text-align: center;
}

.index-page .latest {
    position: relative;
    padding: var(--wp--custom--spacing--plus-6) 0;
}

.index-page .latest h2 {
    margin-bottom: var(--wp--custom--spacing--plus-2);
    font-size: var(--wp--preset--font-size--plus-1);
    color: var(--wp--preset--color--dark-blue);
}

.index-page .latest .latest-swiper {
    overflow: hidden;
}

.index-page .latest .swiper-slide {
    height: auto;
    padding: var(--wp--custom--spacing--base) 0;
}

.index-page .latest .swiper-slide article {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}

.index-page .latest .swiper-slide article figure {
    position: relative;
    padding-bottom: 56.25%;
    margin-bottom: var(--wp--custom--spacing--plus-1);
}

.index-page .latest .swiper-slide article figure img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-width: none;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
}

.index-page .latest .swiper-slide article .text {
    margin-bottom: var(--wp--custom--spacing--plus-1);
}

.index-page .latest .swiper-slide article .btn {
    margin-top: auto;
}

.index-page .latest .swiper-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: var(--wp--custom--spacing--plus-2);
    gap: var(--wp--custom--spacing--base);
}

.latest .latest-button-prev,
.index-page .latest .latest-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;
}

.latest .latest-button-prev::after,
.index-page .latest .latest-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) !important;
    transform: translate(-45%, -50%) scaleX(1) !important;
    width: 1em;
}

.index-page .latest .latest-button-prev::after {
    -webkit-transform: translate(-55%, -50%) scaleX(-1) !important;
    transform: translate(-55%, -50%) scaleX(-1) !important;
}

.latest .latest-button-prev:hover,
.index-page .latest .latest-button-next:hover {
    background: var(--wp--preset--color--light-green);
    color: var(--wp--preset--color--white);
}

.index-page .invest {
    display: grid;
    row-gap: var(--wp--custom--spacing--base);
    grid-template-columns: 50% 1fr;
    grid-template-rows: auto;
    background-color: var(--wp--preset--color--grey-tint-1);
}

.index-page .invest figure {
    grid-column: 1;
    grid-row: 1;
    margin: 0;
    align-self: center;
}

.index-page .invest figure img {
    width: 100%;
}

.index-page .invest .content {
    direction: ltr;
    grid-column: 2;
    grid-row: 1;
    padding: 0 var(--wp--custom--spacing--plus-1);
    word-break: break-word;
    align-self: center;
}

.index-page .invest .content h2 {
    margin-bottom: .5em;
    font-size: var(--wp--preset--font-size--plus-1);
    color: var(--wp--preset--color--dark-blue);
}

.index-page .invest .content .text {
    max-width: 50rem;
}

.index-page .invest .content .text p {
    margin-bottom: 1em;
}

.index-page .work {
    display: grid;
    box-sizing: border-box;
    direction: ltr;
    grid-template-columns: 1fr 50%;
    grid-template-rows: auto;
}

.index-page .work .content {
    grid-column: 1;
    grid-row: 1
        /*!rtl:end:ignore*/
    ;
    padding-right: var(--site-padding);
    padding-left: 0;
    align-self: center;
}

.index-page .work .content h2 {
    font-size: var(--wp--preset--font-size--plus-1);
    color: var(--wp--preset--color--dark-blue);
    margin-bottom: .5em;
}

.index-page .work .content .text {
    max-width: 50rem;
    margin-bottom: 1em;
}

.index-page .work figure {
    grid-column: 2;
    grid-row: 1
        /*!rtl:end:ignore*/
    ;
}

.index-page .work figure img {
    width: 100%;
}