.two-col-img-main {
    position: relative
}

@media (min-width: 768px) {
    .two-col-img-main .two-col-img-main-outer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .two-col-img-main .two-col-img-main-outer .two-col-img-section {
        max-width: 43.2%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 43.2%;
        flex: 0 0 43.2%
    }
}

@media (min-width: 1200px) {
    .two-col-img-main .two-col-img-main-outer .two-col-img-section {
        margin-left: 3%
    }
}

.two-col-img-main .two-col-img-main-outer .two-col-img-section img {
    height: auto
}

.two-col-img-main .two-col-img-main-outer .two-col-ct-section {
    margin: 40px 0 0
}

@media (min-width: 768px) {
    .two-col-img-main .two-col-img-main-outer .two-col-ct-section {
        max-width: 50.417%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50.417%;
        flex: 0 0 50.417%;
        margin: 0
    }
}

@media (min-width: 1200px) {
    .two-col-img-main .two-col-img-main-outer .two-col-ct-section {
        margin-right: 16.8%;
        max-width: 31.876%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 31.876%;
        flex: 0 0 31.876%
    }
}

.two-col-img-main .two-col-img-main-outer .two-col-ct-section h3 {
    font-weight: 700;
    letter-spacing: -1.08px
}

@media (min-width: 768px) {
    .two-col-img-main .two-col-img-main-outer .two-col-ct-section h3 {
        line-height: 135%;
        margin: 0 0 50px
    }
}

.two-col-img-main .two-col-img-main-outer .two-col-ct-section ul {
    list-style: none;
    margin: 40px 0 0;
    padding: 0
}

@media (min-width: 768px) {
    .two-col-img-main .two-col-img-main-outer .two-col-ct-section ul {
        margin: 61px 0 0
    }
}

.two-col-img-main .two-col-img-main-outer .two-col-ct-section ul li {
    margin: 0 0 15px;
    padding-left: 50px;
    padding-top: 2px;
    position: relative
}

@media (min-width: 768px) {
    .two-col-img-main .two-col-img-main-outer .two-col-ct-section ul li {
        margin: 0 0 30px;
        padding-top: 0
    }
}

.two-col-img-main .two-col-img-main-outer .two-col-ct-section ul li:before {
    border-right: 1px solid;
    border-top: 1px solid;
    content: "";
    display: block;
    height: 6px;
    left: 11px;
    position: absolute;
    top: 12.5px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 6px;
    z-index: 1
}

.two-col-img-main .two-col-img-main-outer .two-col-ct-section ul li:after {
    background: var(--brand-secondary);
    border-radius: 50%;
    content: "";
    height: 30px;
    left: 0;
    position: absolute;
    top: 0;
    width: 30px
}

.two-col-img-main .two-col-img-main-outer .two-col-ct-section ul li span {
    display: block;
    font-size: 20px;
    font-weight: 300;
    line-height: 26px;
    margin: 0 0 10px
}

@media (min-width: 768px) {
    .two-col-img-main .two-col-img-main-outer .two-col-ct-section ul li span {
        font-size: 24px;
        line-height: 30px
    }
}

.two-col-img-main .two-col-img-main-outer .two-col-ct-section ul li span strong {
    font-weight: 700px
}

@media (min-width: 992px) {
    .two-col-img-main .two-col-img-main-outer .two-col-ct-section ul li span strong {
        font-size: 32px;
        line-height: 40px
    }
}

.two-col-img-main .two-col-img-main-outer .two-col-ct-section .btn-link {
    background: -o-linear-gradient(222deg, var(--primary-color), var(--secondary-color));
    background: linear-gradient(228deg, var(--primary-color), var(--secondary-color));
    border-radius: 10px;
    color: var(--primary-blue);
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    margin: 25px 0 0;
    min-width: 208px;
    padding: 18px 30px;
    text-align: center;
    text-decoration: none
}

.two-col-img-main.shift_img_outside .two-col-img-section {
    margin-left: -20px
}

@media (min-width: 768px) {
    .two-col-img-main.shift_img_outside .two-col-img-section {
        max-width: 62.914%;
        -webkit-box-flex: unset;
        -ms-flex: unset;
        flex: unset;
        margin-left: calc(-50vw + 320px)
    }
}

@media (min-width: 992px) {
    .two-col-img-main.shift_img_outside .two-col-img-section {
        margin-left: calc(-50vw + 440px)
    }
}

@media (min-width: 1200px) {
    .two-col-img-main.shift_img_outside .two-col-img-section {
        margin-left: calc(-50vw + 584px)
    }
}

.two-col-img-main .cta-outer {
    margin: 30px 0 0
}

@media (min-width: 768px) {
    .two-col-img-main .cta-outer {
        margin: 43px 0 0
    }
}

.two-col-img-main.decrease_width {
    position: relative
}

.two-col-img-main.decrease_width .two-col-img-main-outer {
    margin: 0 auto;
    max-width: 1000px
}

@media (min-width: 768px) {
    .two-col-img-main.decrease_width .two-col-img-main-outer .add-content {
        max-width: 47.6%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 47.6%;
        flex: 0 0 47.6%
    }
}

@media (min-width: 992px) {
    .two-col-img-main.decrease_width .two-col-img-main-outer .add-content {
        max-width: 37.6%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 37.6%;
        flex: 0 0 37.6%
    }
}

@media (min-width: 768px) {
    .two-col-img-main.decrease_width .two-col-img-main-outer .add-content h2 {
        font-size: 44px;
        line-height: normal
    }
}

.two-col-img-main.decrease_width .two-col-img-main-outer .add-content .cta-outer {
    margin: 30px 0 0
}

@media (min-width: 768px) {
    .two-col-img-main.decrease_width .two-col-img-main-outer .two-col-ct-section {
        max-width: 45.6%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 45.6%;
        flex: 0 0 45.6%
    }
}

@media (min-width: 992px) {
    .two-col-img-main.decrease_width .two-col-img-main-outer .two-col-ct-section {
        max-width: 41.6%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6%;
        flex: 0 0 41.6%
    }
}

.two-col-img-main.decrease_width .two-col-img-main-outer .two-col-ct-section ul li {
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 20px
}

@media (min-width: 768px) {
    .two-col-img-main.decrease_width .two-col-img-main-outer .two-col-ct-section ul li {
        margin: 0 0 42px
    }
}

.two-col-img-main.decrease_width .two-col-img-main-outer .two-col-ct-section ul li:before {
    top: -3px
}

.two-col-img-main.decrease_width .cta-outer {
    margin: 30px 0 0
}

@media (min-width: 768px) {
    .two-col-img-main.decrease_width .cta-outer {
        margin: 62px 0 0
    }
}

.two-col-img-main.make_step_list:before {
    display: none
}

.two-col-img-main.make_step_list .two-col-img-main-outer {
    margin: 0 auto;
    max-width: 1110px
}

@media (min-width: 768px) {
    .two-col-img-main.make_step_list .add-content {
        max-width: 46.071%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 46.071%;
        flex: 0 0 46.071%
    }
}

.two-col-img-main.make_step_list .add-content h2 br {
    display: none
}

@media (min-width: 1200px) {
    .two-col-img-main.make_step_list .add-content h2 br {
        display: block
    }
}

.two-col-img-main.make_step_list .add-content h3 {
    font-size: 24px;
    font-weight: 300;
    margin: 0 0 20px
}

.two-col-img-main.make_step_list .add-content h3,
.two-col-img-main.make_step_list .add-content p {
    max-width: 460px
}

@media (min-width: 768px) {
    .two-col-img-main.make_step_list .two-col-ct-section {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 48.65%;
        flex: 0 0 48.65%;
        max-width: 48.65%
    }
}

.two-col-img-main.make_step_list .two-col-ct-section h4 {
    display: inline-block;
    font-size: 20px;
    line-height: 30px
}

@media (min-width: 768px) {
    .two-col-img-main.make_step_list .two-col-ct-section h4 {
        font-size: 24px;
        line-height: 32px
    }
}

@media (min-width: 992px) {
    .two-col-img-main.make_step_list .two-col-ct-section h4 {
        font-size: 32px;
        line-height: 40px
    }
}

.two-col-img-main.make_step_list .two-col-ct-section ul {
    display: grid;
    gap: 20px;
    margin: 17px 0 0
}

@media (min-width: 768px) {
    .two-col-img-main.make_step_list .two-col-ct-section ul {
        margin: 17px 0 0
    }
}

.two-col-img-main.make_step_list .two-col-ct-section ul li {
    font-weight: 700;
    letter-spacing: -.01em;
    margin: 0;
    padding: 0 0 0 53px
}

.two-col-img-main.make_step_list .two-col-ct-section ul li span {
    font-size: 16px;
    margin: 0
}

@media (min-width: 768px) {
    .two-col-img-main.make_step_list .two-col-ct-section ul li span {
        font-size: 18px
    }
}

.two-col-img-main.make_step_list.large-width .two-col-img-main-outer {
    max-width: 1196px
}

@media (min-width: 1200px) {
    .two-col-img-main.make_step_list.large-width .two-col-img-main-outer .two-col-ct-section {
        max-width: 42.663%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 42.663%;
        flex: 0 0 42.663%;
        margin-right: 0
    }

    .two-col-img-main.large-width .two-col-img-main-outer .two-col-ct-section {
        max-width: 40.487%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 40.487%;
        flex: 0 0 40.487%;
        margin-right: 6.8%
    }
}

@media (min-width: 1400px) {
    .two-col-img-main.large-width .two-col-img-main-outer .two-col-ct-section {
        margin-right: 16.8%
    }
}

@media (min-width: 992px) {
    .two-col-img-main.large-width .two-col-img-main-outer .two-col-ct-section ul li:after {
        top: 5px
    }

    .two-col-img-main.large-width .two-col-img-main-outer .two-col-ct-section ul li:before {
        top: 17.5px
    }
}