.pricing-banner{
  background-image: url("../img/pricing/banner-bg.webp");
  background-repeat: no-repeat;
  background-position: top center;
  padding: 70px 0 155px;
  @media (max-width: 991px) {
    padding: 0 0 50px;
  }
  .text-cont{
    text-align: center;
    margin-bottom: 100px;
    @media (max-width: 991px) {
      margin: 0 0 50px;
    }
  }
  .card {
    box-shadow: 9.29px 8.36px 56.67px 0 #43434312;
    border: 0.93px solid #EBEBEB;
    border-radius: 33px;
    padding: 65px 20px;
    transition: .5s;
    transform: none;
    margin: 0 20px;
    @media (max-width: 1199px) {
      padding: 25px 20px;
    }
    @media (max-width: 991px) {
      margin: 0 0 15px;
    }

    .card-header {
      padding: 0;
      background-color: transparent;
      border: 0;
      span.tag {
        font-family: $Inter;
        font-size: 30px;
        font-weight: 600;
        line-height: 36px;
        color: #171717;
        text-align: center;
        display: block;
        margin-bottom: 45px;
      }

      h4 {
        margin-bottom: 45px;
        font-family: $Inter;
        font-size: 25px;
        font-weight: 400;
        line-height: 30px;
        color: #171717;
        text-align: center;
        span {
          font-family: $Inter;
          font-size: 45px;
          font-weight: 600;
          line-height: 30px;
          color: #171717;
        }
      }

      a {
        border: 0.5px solid #8E8E8E;
        font-family: $Archivo;
        font-size: 15px;
        font-weight: 400;
        line-height: 17px;
        text-align: center;
        text-decoration: none;
        color: #000;
        border-radius: 14px;
        padding: 17px 0;
        display: block;
        max-width: 265px;
        margin: auto;
        width: 100%;
        @media (max-width: 991px) {
          max-width: 100%;
        }
      }
    }

    .card-body {
      padding: 0;
      margin: 40px 0 0;

      ul {
        list-style: none;
        padding: 0;
        margin: 0;

        li {
          font-family: $Inter;
          font-size: 15px;
          font-weight: 400;
          line-height: 18px;
          text-align: center;
          color: #7C7C7C;
          margin-bottom: 25px;
        }

      }
    }

    &:hover {
      background-color: #6358F4;
      box-shadow: 0 42.04px 61.14px 0 #4876EB4D;
      background-image: url("../img/price-bg.webp");
      background-repeat: no-repeat;
      background-position: top -20px right -58px;
      transition: .5s;
      transform: scale(1.1);
      @media (max-width: 991px) {
        transform: none;
      }

      .card-header {
        span.tag {
          color: #fff;
        }

        h4 {
          color: #fff;

          span {
            color: #fff;
          }
        }

        a {
          background: #4EDBB1;
          border: 0;
          color: #fff;
        }
      }

      .card-body {
        ul {
          li {
            color: #fff;
          }
        }
      }
    }
  }
}