footer {
  &>div:first-child {
   /* border-bottom: 1px solid $border-light; */
    
  }
}
.copyright {
  a {
    color: $text-light;

    &:hover {
      color: $color-primary;
    }
  }
}

/* subscription */
.subscription {
  position: absolute;
  width: 100%;

  @include desktop {
    background: $bg-gradient-secondary;
    position: static;
  }

  &.bg-white {
    background: none !important;

    .subscription-wrapper {
      &::before {
        background: #fff;
      }
    }

    @include desktop {
      background: $white;
    }

    .form-control {
      border: 1px solid #ebebeb !important;
    }
  }

  &-wrapper {
    position: relative;
    top: -40px;

    @include desktop {
      top: 0;
      padding: 50px 0;
    }

    &::before {
      position: absolute;
      content: "";
      border-radius: 24px;
      border: 4px solid white;
      width: 100%;
      height: 200px;
      left: 0;
      background: $bg-gradient-secondary;
      top: 50%;
      transform: translateY(-50%);
      @extend .shadow;

      @include desktop {
        display: none;
      }
    }

    .form-control {
      height: 60px;
      background: rgba(255, 255, 255, 0.1);
      border-radius: 45px;

      &:focus {
        background: rgba(255, 255, 255, 0.1);
        outline: 0;
        box-shadow: none;
      }

      &::placeholder {
        color: $gray;
      }

      &.text-white {

        &::placeholder {
          color: $white;
        }
      }
    }
  }
}