.main {
  position: relative; }
  .main:before {
    content: "";
    background: #F7F7F7;
    position: absolute;
    width: 100vw;
    height: 420px;
    z-index: -1;
    left: 210px;
    top: -192px; }

.coaching-intro {
  grid-gap: 80px; }
  .coaching-intro img {
    justify-self: flex-end; }
  .coaching-intro p {
    max-width: 380px; }

.ability-container {
  grid-column-gap: 125px; }

.ability-list li {
  position: relative; }
  .ability-list li img {
    width: 250px;
    height: 190px;
    border-radius: 15px; }
  .ability-list li a:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; }
  .ability-list li .card-description {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 20px 20px 20px 0; }

.btn-quiz {
  color: #35D7B0; }

.ability-card {
  padding: 12px 12px 12px 40px;
  border-radius: 20px; }

.card-1 {
  background: #CBC7FA; }

.card-2 {
  background: #DCF4EE; }

.card-3 {
  background: #F8E8E1;
  position: relative; }

.card-4 {
  background: #F7F7F7; }

.coming-soon {
  font-size: 10px;
  color: #fff;
  background: #E6CCC0;
  border-radius: 12px;
  padding: 4px 10px;
  position: absolute;
  bottom: 20px; }

.footer {
  margin-top: 120px; }