.features__container {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem; }

.features .feature {
  position: relative;
  z-index: 1;
  flex: 1;
  min-width: 240px;
  padding: .94rem;
  background-color: var(--color-white);
  border-radius: var(--border-radius);
  -webkit-filter: drop-shadow(0px 3px 8px var(--shadow-color));
          filter: drop-shadow(0px 3px 8px var(--shadow-color)); }
  .features .feature:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: -1;
    width: 30%;
    background-color: var(--main-color-light);
    transition: .3s; }
  .features .feature__icon {
    margin-bottom: .94rem; }
    .features .feature__icon svg {
      width: 26px;
      height: 26px; }
  .features .feature__title {
    margin-bottom: .4em;
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.3; }
  .features .feature__content {
    font-size: .875rem; }

@media (min-width: 576px) {
  .features .feature {
    flex: 1; } }

@media (min-width: 768px) {
  .features .feature {
    flex: 1; } }

@media (min-width: 1200px) {
  .features .feature {
    flex: 1; } }