#main-content h2 {

    color: #2a2a2a;

    font-size: 24px;

    font-weight: 700;

    line-height: 30px;

    display: inline-block;

    width: 100%;

    border-bottom: 1px solid #e3e3f0;

    padding-bottom: 10px;

    clear: none;

    margin: 0;

    margin-bottom: 8px;

}



.letter-row .letter {

    margin-right: 16px;

    font-size: 16px;

    font-weight: 500;

    display: inline-block;

    color: #000000;

    text-transform: uppercase;

}



.row.letter-row {

    padding-bottom: 1.42857rem;

    margin-bottom: 1.42857rem;

    border-bottom: 1px solid #e3e3f0;

    display: inline-block;

    width: 100%;

    padding-top: 10px;

}



.letter-content-row {

    display: flex;

    width: 100%;

}



.letter-content-column {

    display: inline-block;

    width: 33%;

    display: flex;

    padding: 0 10px 10px;

    box-sizing: border-box;

    flex-wrap: wrap;

}



.letter-content-row .letter-content-column .letter-title {

    font-size: 1.28571rem;

    font-weight: 500;

    margin-bottom: 7px;

    text-transform: uppercase;

    width: 100%;

    color: #000;

}



.letter-content-row .letter-content-column .letter-content a {

    font-size: 14px;

    font-weight: 500;

    color: #2e364e;

    text-transform: none;

}



.letter-content {

    width: 100%;

}











.steps-component--inner {

    width: 100%;

    padding: 20px 20px 15px;

    margin-top: 20px;

    margin-bottom: 20px;

    background: #f6f6fa;

    text-align: center;

}



.steps-component--steps {

    width: 100%;

    text-align: center;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    flex-wrap: wrap;

    -webkit-flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    margin: 0;

}



.steps-component--step {

    border: none;

    height: auto;

    display: inline-block;

    vertical-align: top;

    width: 33.3%;

    padding: 10px 15px;

}



.steps-component--step-title {

    font-size: 17px;

    text-align: center;

    margin: 0 0 .71429rem;

    color: #020202;

    font-weight: 600;

}



.steps-component--step-icon {

    margin: 12px 0 10px;

}



.steps-component--step-icon, .steps-component--step-image {

    width: 100%;

    text-align: center;

    line-height: normal;

}



.steps-component--step-icon img, .steps-component--step-image img {

    width: 100%;

    max-width: 100%;

}



.steps-component--step-icon img {

    width: 80px;

    height: 80px;

    object-fit: contain;

}



.steps-component--step-text {

    width: 100%;

    text-align: center;

}



.steps-component--step-text p {

    font-size: 15px;

    margin-bottom: 0;

    line-height: 22px;

    text-align: center;

}



.steps-component--step-text p:last-child {

    margin-bottom: 0 !important;

}



.steps-component--cta {

    width: 100%;

    margin-top: 0px;

    text-align: center;

}



.steps-component--cta a {

    width: 100%;

    max-width: 300px;

    display: inline-block;

    height: auto;

    border-radius: 4px;

    background-color: #4cdeb3;

    text-decoration: none;

    padding: 13px 10px;

    text-transform: uppercase;

    font-weight: 700;

    font-size: 13px;

    line-height: normal;

    color: #fff;

    outline: none;

}



.steps-component--cta a:hover {

    background-color: #044acc;

}



p.steps-component--disclaimer {

    font-size: 12px;

    margin: 10px 0 0 !important;

}



.slides li {

    display: inline-block;

    width: 149px;

    list-style: none;

    vertical-align: top;

}





@media only screen and (min-width: 992px) and (max-width: 1200px) {

    

    .steps-component--step {

        padding: 10px 7px;

    }



    .steps-component--step-title {

        font-size: 16px;

    }



    .steps-component--step-text p {

        font-size: 14px;

    }



    .steps-component--inner {

        padding: 20px 10px 15px;

    }



    .steps-component--step-text p {

        font-size: 13px;

        line-height: 19px;

    }



    

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    

    .letter-row .letter {

        margin-right: 13px;

        font-size: 16px;

    }



    .row.letter-row {

        padding-bottom: 10px;

    }



    

    

    .steps-component--inner {

        padding: 20px 10px 15px;

    }



    .steps-component--step {

        padding: 10px 7px;

    }



    .steps-component--step-text p {

        font-size: 13px;

        line-height: 19px;

    }



    

}



@media only screen and (max-width: 767px) {

    

    .steps-component--steps {

        justify-content: center;

        -webkit-justify-content: center;

        -ms-justify-content: center;

    }



    .steps-component--step {

        width: 100%;

        padding: 20px 0;

        max-width: 400px;

    }



    .steps-component--step-title {

        font-size: 17px;

    }



    .steps-component--step-icon img {

        width: 80px;

        height: auto;

        object-fit: inherit;

    }



    .steps-component--step-text p {

        font-size: 15px;

        line-height: 22px;

    }



    .steps-component--cta a {

        max-width: 260px;

    }



    

}



@media only screen and (min-width: 640px) and (max-width: 767px) {

    

    .letter-row .letter {

        margin-right: 11px;

        font-size: 14px;

    }



    .row.letter-row {

        padding-bottom: 10px;

    }



    .letter-content-row .letter-content-column .letter-title {

        font-size: 15px;

    }



    .letter-content-row .letter-content-column .letter-content a {

        font-size: 14px;

        line-height: 18px;

        padding-bottom: 10px;

        display: inline-block;

        width: 100%;

    }



    

}



@media only screen and (min-width: 480px) and (max-width: 639px) {

    

    .letter-row .letter {

        margin-right: 11px;

        font-size: 14px;

    }



    .row.letter-row {

        padding-bottom: 10px;

    }



    .letter-content-row .letter-content-column .letter-title {

        font-size: 15px;

    }



    .letter-content-row .letter-content-column .letter-content a {

        font-size: 14px;

        line-height: 18px;

        padding-bottom: 4px;

        display: inline-block;

        width: 100%;

    }



    .letter-content-column {

        width: 100%;

        display: flex;

        padding: 0 10px 10px;

    }



    .letter-content-row .letter-content-column .letter-title {

        font-size: 15px;

        margin-bottom: 0px;

        width: 100%;

        line-height: 18px;

    }



    

}



@media only screen and (max-width: 479px) {

    

    .letter-row .letter {

        margin-right: 11px;

        font-size: 14px;

    }



    .row.letter-row {

        padding-bottom: 10px;

    }



    .letter-content-row .letter-content-column .letter-title {

        font-size: 15px;

    }



    .letter-content-row .letter-content-column .letter-content a {

        font-size: 14px;

        line-height: 18px;

        padding-bottom: 4px;

        display: inline-block;

        width: 100%;

    }



    .letter-content-column {

        width: 100%;

        display: flex;

        padding: 0 10px 10px;

    }



    .letter-content-row .letter-content-column .letter-title {

        font-size: 15px;

        margin-bottom: 0px;

        width: 100%;

        line-height: 18px;

    }



    

}