.before-after .card{position:relative;height:100%}@media screen and (min-width:970px){.before-after .card{padding:40px}}.before-after .card svg{position:absolute;height:100%;left:0;bottom:0}.before-after .card svg.svg-arrow{left:-38px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:2;width:52px;height:52px}@media screen and (max-width:690px){.before-after .card svg.svg-arrow{left:50%;top:-38px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.before-after .card svg.svg-arrow path{-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform-origin:center;transform-origin:center}}@media screen and (min-width:1040px){.before-after .card-content{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.before-after .card-content .card__text,.before-after .card-content .card__title{width:calc(50% - 12px);margin-bottom:0}.before-after .card-content.left-small .card__title{width:100px}.before-after .card-content.left-small .card__text{width:calc(100% - 116px)}}.before-after .card-content.left-small ul{margin:0}.before-after .card.green-check .card__text ul li:before{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='12' viewBox='0 0 16 12' fill='none'%3E%3Cpath d='M5.3345 11.3038L0 5.96925L1.069 4.9L5.3345 9.1655L14.5 0L15.569 1.06925L5.3345 11.3038Z' fill='%230ED251'/%3E%3C/svg%3E")}.before-after .card__text{width:100%}.before-after .card__text ul li:not(:last-child){margin-bottom:16px}