.service_matte {
    background-color: #e8ecef;
    padding: 1em;
}

.service_row {
    margin: 1em 0;
}

.service_item {
    display: flex;
    margin-top: 2em;
}

#service_icon_1 {
    fill: #5db4bd;
}

#service_icon_2 {
    fill: #eb6852;
}

#service_icon_3 {
    fill: #5db4bd;
}

#service_icon_4 {
    fill: #eb6852;
}

#service_icon_5 {
    fill: #5db4bd;
}

#service_icon_6 {
    fill: #eb6852;
}

.split_list {
    list-style-type: disc;
    list-style-position: outside;
    margin-left: 1em;
}



.approach {
    margin: 2em 0;
}

.quote {
    text-align: center;
    margin: 0 auto;
    display: inline-block;
}

.quote .citation {
    text-align: center;
}

.approach_imagery {
    padding-top: 4em;
    max-width: 493px;
}

.approach_text {
    max-width: 600px;
}


.spark_matte_top_left {
    position: relative;
    z-index: 10;
    background-color: #fff;
    margin-top: calc(342px * 0.48);
}

.spark_matte_top_left .spark {
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(-47%, -48%);
    width: 342px;
    z-index: -1;
}

.spark_matte_bottom_right {
    position: relative;
    z-index: 10;
    background-color: #fff;
    margin-bottom: calc(342px * 0.5);
}

.spark_matte_bottom_right .spark {
    bottom: 0;
    position: absolute;
    right: 0;
    transform: translate(50%, 48%);
    width: 342px;
    z-index: -1;
}

.input {
    border: 1px solid #ccc;
    width: 100%;
}

.desktop_only {
    display: none;
}


.home_flex {
    display: flex;
    flex-direction: column;
}

.home_flex_item {
    text-align: center;
}

.home_image {
    padding-top: 6em;
}