.service_card {
    position: relative;
    max-width: 560px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-top: 28px;
    margin-bottom: 28px;
}

.service_card:nth-child(2) .circle,
.service_card:nth-child(2) .circle__img,
.service_card:nth-child(2) .mark {

    background: -webkit-gradient(linear, right top, right bottom, from(#ffeb3b), color-stop(73.2%, #fbc02d), to(#f57f17));

    background: linear-gradient(to bottom, #ffeb3b 0%, #fbc02d 73.2%, #f57f17 100%);
}


.service_card:nth-child(2) .circle__img {
    border-color: #F58017;
}

.service_card:nth-child(2) .rect {
    border: 1px solid rgba(255, 153, 0, 0.32);
    -webkit-filter: drop-shadow(0px 3px 6px rgba(255, 153, 0, 0.53));
    filter: drop-shadow(0px 3px 6px rgba(255, 153, 0, 0.53));

}

.circle {
    position: absolute;
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-pack: center;
    justify-content: center;
    border-radius: 100%;
    background: -webkit-gradient(linear, right top, right bottom, from(#ff3637), color-stop(73.22%, #bb0001), to(#9c0001));
    background: linear-gradient(to bottom, #ff3637 0%, #bb0001 73.22%, #9c0001 100%);
    width: 160px;
    height: 160px;
    left: 0;
    /* filter: drop-shadow(0px 3px 6px rgba(156, 0, 1, 0.16)); */

}

.circle__img {
    display: -webkit-box;
    display: flex;
    margin: auto;
    border-radius: 100%;
    background: -webkit-gradient(linear, right top, right bottom, from(#ff3637), color-stop(73.22%, #bb0001), to(#9c0001));
    background: linear-gradient(to bottom, #ff3637 0%, #bb0001 73.22%, #9c0001 100%);
    width: 115px;
    height: 115px;
    border: 18px solid #9c0001;

}

.circle__img img {
    margin: auto;
    max-width: 60px;
    max-height: 60px;
}

.rect {
    position: relative;
    /*max-width: 500px;*/
    min-height: 200px;
    width: 95%;
    margin-left: 9rem;
    padding-left: 9rem;
    background: #fff;
    border: 1px solid rgba(156, 0, 1, 0.39);
    -webkit-filter: drop-shadow(0px 3px 6px rgba(156, 0, 1, 0.5));
    filter: drop-shadow(0px 3px 6px rgba(156, 0, 1, 0.5));
    border-radius: 10px;

}


.rect__text {
    /* position: absolute; */
    width: 75%;
    top: 0;
    left: 0;
}

.rect .mark {
    position: absolute;
    right: 2.5rem;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.mark {

    width: 40px;
    height: 50px;
    background: -webkit-gradient(linear, right top, right bottom, from(#ff3637), color-stop(73.22%, #bb0001), to(#9c0001));
    background: linear-gradient(#ff3637 0%, #bb0001 73.22%, #9c0001 100%);
    box-shadow: 0px 3px 6px rgba(26, 26, 26, 0.6);

}

@media screen and (max-width: 554px) {
    .service_card {
        display: -webkit-box;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
    }

    .circle {
        -webkit-box-ordinal-group: 2;
        order: 1;
        position: relative;
        -webkit-box-align: center;
        align-items: center;
        margin-bottom: -55px;
    }

    .rect {
        width: 80%;
        -webkit-box-ordinal-group: 3;
        order: 2;
        padding: 15px;
        padding-top: 55px;
        text-align: center;
        margin: 0;
    }

    .rect .mark {
        right: 0;
    }

    .rect__text {
        /* position: absolute; */
        width: 85%;
        margin: auto;
    }


}

@media screen and (max-width: 450px) {
}