{# Mobile First #}
.why-to__background {
  background-color: var(--why-to-background-color);
  padding: calc(var(--dynaway-top-bottom-paddings)/2) 0;
}

.why-to__header {
  margin-bottom: 3.75rem;
}

.why-to__h2-heading {
  font-size: clamp(3rem,1.85rem + 5vw,6.8125rem);
  margin: 3.125rem 0;
}

.why-to__h2-heading,
.why-to__h3-heading {
  color: var(--why-to-secondary-color);
}

.why-to__btn--primary,
.why-to__btn--secondary {
  display: inline-block;
  text-align: center;
}

.why-to__btn--primary:not(:last-child),
.why-to__btn--secondary:not(:last-child) {
  margin-bottom: 0.75rem;
}

.why-to__btn--primary {
  color: var(--general-white);
  background-color: var(--why-to-ternary-color);
  border-color: var(--why-to-ternary-color)!important;
  transition: all .4s cubic-bezier(0,0,.2,1);
}

.why-to__btn--secondary {
  font-weight: 600;
  color: var(--why-to-ternary-color);
  transition: all .4s cubic-bezier(0,0,.2,1);
}

.why-to__btn--primary:hover {
  background-color: var(--why-to-ternary-color-light);
  border-color: var(--why-to-ternary-color-light)!important;
}

.why-to__btn--secondary:hover {
  background-color: var(--why-to-ternary-color-light);
}

.why-to__content-card {
  opacity: 0;
  transform: translateY(35%);
}

.why-to__icon {
  min-width: 64px;
  max-width: 64px;
}

.why-to__narrow-image {
  width: 100%;
  border-radius: 12px;
}

.why-to__text-content {
  padding: 2rem 1rem 2rem 2rem;
}

@media screen and (min-width: 480px) {

}

@media screen and (min-width: 600px) {

}

@media screen and (min-width: 768px) {
  .why-to__content-card {
    width: calc(50% - 2.1rem);
  }
}

@media screen and (min-width: 992px) {
  .why-to__background {
    padding: var(--dynaway-top-bottom-paddings) 0;
  }
  .why-to__header {
    flex: 1.5;
  }
  
  .why-to__content-cards {
    flex: 3;
  }
  
  .why-to__content-card:not(:last-child) {
    margin-bottom: 0;
  }
  
  .why-to__content-card {
    width: calc(50% - 1rem);
  }
}

@media screen and (min-width: 1366px) {

}