.front-page-how-it-works {
    padding: 120px 0;
    background-color: var(--LightGray);
}

.front-page-how-it-works h2 {
    margin: 0;
}

.front-page-how-it-works .content {
    padding-top: 24px;
}

.front-page-how-it-works .content > :last-child {
    margin-bottom: 0;
}

.front-page-how-it-works .tiles .row {
    margin-left: -64px;
    margin-right: -64px;
}

.front-page-how-it-works .tiles .row .custom-col {
    padding-left: 64px;
    padding-right: 64px;
}

.front-page-how-it-works .tile {
    padding: 48px 0 0;
    height: 100%;
}

.front-page-how-it-works .tile .inner {
    display: flex;
    flex-direction: column;
    background: #FFFFFF;
    box-shadow: 0px 8px 16px rgba(28, 51, 85, 0.05);
    border-radius: 8px;
    height: 100%;
    padding: 24px;
    text-align: left;
    position: relative;
}

.front-page-how-it-works .tile .inner:after {
    content: "";
    position: absolute;
    top: 50%;
    left: calc(100% + 34px);
    transform: translateY(-50%);
    width: 64px;
    height: 64px;
    background-image: url("data:image/svg+xml,%3Csvg width='64' height='65' viewBox='0 0 64 65' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 0.5H37.5251L64 32.3612L38.6455 64.5H24.5652L50.4749 32.9371L24 0.5Z' fill='%231C3355'/%3E%3Cpath d='M0 0.5H13.5251L40 32.3612L14.6455 64.5H0.565228L26.4749 32.9371L0 0.5Z' fill='%231C3355'/%3E%3C/svg%3E%0A");
}

.front-page-how-it-works .tiles .row .custom-col:last-of-type .tile .inner:after {
    display: none;
}

.front-page-how-it-works .tile .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    background: rgba(241, 187, 28, 0.1);
    border-radius: 8px;
}

.front-page-how-it-works .tile .icon img {
    max-width: 40px;
    max-height: 40px;
}

.front-page-how-it-works .tile h4 {
    margin: 16px 0 0;
    max-width: 260px;
}

.front-page-how-it-works .tile p {
    margin: 16px 0 0;
}

@media only screen and (max-width: 991px) {
    .front-page-how-it-works .tile {
        padding: 96px 0 0;
    }

    .front-page-how-it-works .tile .inner:after {
        top: calc(100% + 32px);
        left: 50%;
        transform: translateX(-50%);
        width: 33px;
        height: 32px;
        background-image: url("data:image/svg+xml,%0A%3Csvg width='33' height='32' viewBox='0 0 33 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32.5 12V18.7626L16.5694 32L0.5 19.3227V12.2826L16.2815 25.2374L32.5 12Z' fill='%231C3355'/%3E%3Cpath d='M32.5 0V6.76255L16.5694 20L0.5 7.32274V0.282614L16.2815 13.2374L32.5 0Z' fill='%231C3355'/%3E%3C/svg%3E%0A");
    }
}