.how-it-works.how-it-works__header h1 {
    color: #151B33;
    font-family: ClashDisplay-Medium, serif;
    font-size: 4rem;
    font-style: normal;
    font-weight: 600;
    text-transform: uppercase;
}
.how-it-works.how-it-works__header h1.h1-orange {
    color: #FF6701;
    font-family: ClashDisplay-Medium, serif;
    font-style: normal;
    font-weight: 600;
    line-height: 94%;
    text-transform: uppercase;
}
.how-it-works.how-it-works__header h4 {
    color: #FF6701;
    font-family: ClashDisplay-Medium, serif;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 600;
    line-height: 94%; /* 1.175rem */
    text-transform: capitalize;
}
.how-it-works.how-it-works__header p {
    color: #000;
    font-family: Epilogue, serif;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.8125rem; /* 181.25% */
}
.how-it-works.how-it-works__content h2 {
    color: #151B33;
    text-align: center;
    font-family: ClashDisplay-Medium, serif;
    font-size: 3rem;
    font-style: normal;
    font-weight: 600;
    text-transform: uppercase;
}
.how-it-works.how-it-works__content .container-fluid {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
}
.how-it-works.how-it-works__content h5 {
    color: #151B33;
    text-align: center;
    font-family: Epilogue, serif;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.02rem;
}
.how-it-works.how-it-works__content .content-box {
    border-radius: 0.5rem;
    border: 1px solid #C9CFCB;
    background: #FFF;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    -webkit-box-shadow: 16px 14px 22px -20px rgba(66, 68, 90, 1);
    -moz-box-shadow: 16px 14px 22px -20px rgba(66, 68, 90, 1);
    box-shadow: 16px 14px 22px -20px rgba(66, 68, 90, 1);
}
.how-it-works.how-it-works__content .content-box h3 {
    color: #151B33;
    text-align: center;
    font-family: ClashDisplay-Medium, serif;
    font-size: 2.25rem;
    font-style: normal;
    font-weight: 600;
    text-transform: uppercase;
}
.how-it-works.how-it-works__content .content-box p {
    color: #151B33;
    text-align: center;
    font-family: Epilogue, serif;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
}
.how-it-works.how-it-works__content .works__content__bottom {
    color: #000;
    text-align: center;
    font-family: Epilogue, serif;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
}
.how-it-works.how-it-works__form .container-fluid {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.how-it-works.how-it-works__form img {
    max-width: 100%;
    aspect-ratio: 26.25 / 19.625;
}
.how-it-works.how-it-works__form h6 {
    color: #FFF;
    font-family: Epilogue, serif;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 600;
}
.how-it-works.how-it-works__form h5 {
    color: #FFF;
    font-family: Epilogue, serif;
    font-size: 2.5rem;
    font-style: normal;
    font-weight: 600;
    text-transform: capitalize;
}
.how-it-works.how-it-works__form hr {
    width: 10%;
    border-top: 3px solid #FF6701;
}
.how-it-works.how-it-works__form .form-wrap-div {
    border-radius: 0.5rem;
    background: #9799a2;
    box-shadow: 104px 166px 55px 0px rgba(0, 0, 0, 0.00), 67px 106px 50px 0px rgba(0, 0, 0, 0.01), 38px 60px 42px 0px rgba(0, 0, 0, 0.05), 17px 27px 31px 0px rgba(0, 0, 0, 0.09), 4px 7px 17px 0px rgba(0, 0, 0, 0.10);
    backdrop-filter: blur(15px);
}
.how-it-works.how-it-works__form input {
    border-radius: 0.5rem;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.38);
    color: #FFF;
    font-family: Epilogue, serif;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    padding: 2em 1.5em;
}
.how-it-works.how-it-works__form input::placeholder {
    color: #FFF;
    font-family: Epilogue, serif;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
}
.how-it-works.how-it-works__form select {
    border-radius: 0.5rem;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.38);
    color: #FFF;
    font-family: Epilogue, serif;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    padding: 2em 1.5em;
}
.how-it-works.how-it-works__form option {
    color: #151B33;
}
.how-it-works.how-it-works__form textarea {
    border-radius: 0.5rem;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.38);
    color: #FFF;
    font-family: Epilogue, serif;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    padding: 2em 1.5em;
}
.how-it-works.how-it-works__form textarea::placeholder {
    color: #FFF;
    font-family: Epilogue, serif;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
}
.how-it-works.how-it-works__content .content-box div {
    display: flex;
    flex-direction: column;
    align-items: center;

}
@media (max-width: 1200px) {
    .how-it-works.how-it-works__header h1 {
        font-size: 3rem;
    }
}
@media (max-width: 768px) {
    .how-it-works.how-it-works__header h1 {
        margin-bottom: 0;
        font-size: 1.5rem;
        text-align: center;
    }
    .how-it-works.how-it-works__header h4 {
        text-align: center;
        color: #151B33;
    }
    .how-it-works.how-it-works__header h4 span {
        color: #FF6701;
    }
    .how-it-works.how-it-works__header p {
        font-size: 1rem;
        text-align: center;
        line-height: 1rem;
    }
    .how-it-works.how-it-works__header .mobile-header-boxes {
        background: #151B33;
        padding: 0.75em;
        justify-content: space-evenly;
    }
    .how-it-works.how-it-works__content h2 {
        font-size: 1.5rem;
    }
    .how-it-works.how-it-works__content h5 {
        font-size: 1rem;
        line-height: 1rem; /* 100% */
        letter-spacing: -0.02rem;
    }
    .how-it-works.how-it-works__content .content-box div {
        display: flex;
        flex-direction: row;
        align-items: center;
    }
    .how-it-works.how-it-works__content .content-box h3 {
        font-size: 1.25rem;
        text-align: left;
        padding-left: 0.75em;
        color: white;
    }
    .how-it-works.how-it-works__content .content-box p {
        margin-top: 1em;
        font-size: 1rem;
        line-height: 100%;
        text-align: left;
        color: white;
    }
    .how-it-works.how-it-works__content .content-box {
        border-radius: 0.5rem;
        border: 1px solid #C9CFCB;

        background: #FF6701;
        box-shadow: unset;
    }
    .how-it-works.how-it-works__content .works__content__bottom {
        text-align: center;
        font-size: 1rem;
        line-height: 1.25rem;
    }
    .how-it-works.how-it-works__form .form-phone {
        position: relative;
        top: -2.5em;
    }
    .how-it-works.how-it-works__form hr {
        width: 20%;
    }
    .how-it-works.how-it-works__form h5 {
        font-size: 1.25rem;
    }
    .how-it-works.how-it-works__form button {
        width: 100%;
        justify-content: center;
    }
    .how-it-works.how-it-works__header h1.h1-orange.h1-mobile-dark {
        color: #151B33;
    }
}