@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Qwigley&display=swap");
#contactUsPage {
  .gift-product {
    overflow: hidden;
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.8)),
      var(--bg-image) no-repeat center center / cover;
    .display-1 {
      font-family: "Qwigley", cursive;
      font-weight: 400;
      font-style: normal;
      color: rgb(245, 245, 245);
      filter: drop-shadow(1px 1px 1px #fff);
      /* text-shadow: #e7b728 -2px -2px 1px; */
      text-shadow: 2px 2px 0 #6a4320, -1px -1px 0 #6a4320, 2px -1px 0 #6a4320,
        -1px 2px 0 #6a4320;
    }
  }

  .clr-gray-100 {
    color: #cfcfcf;
  }
  span.gift-lable {
    display: inline-block;
    width: 100%;
    max-width: 100px;
    flex-shrink: 0;
    font-weight: 400;
  }
  span.gift-lable + div {
    font-weight: 500;
  }
  .gift-i {
    min-width: max-content;
    max-width: 300px;
    top: 0;
    left: 0;
    transform: rotate(-45deg) translate(-35%, -50px);
    transform-origin: center;
    /* background-color: rgba(148, 148, 148, 0.493); */
    background-color: #f77b21;
  }

  .ins-tag {
    min-width: max-content;
    max-width: 80px;
    bottom: 0;
    right: 0;
    background-color: rgba(78, 78, 78, 0.493);
  }
  .sample-audio-div {
    background-color: #22222271;
  }
  .amount-btn {
    transition: all 0.5 ease;
    border: 1px solid transparent;

    &:hover {
      scale: 0.98;
      background-color: transparent;
      color: var(--primary-orange) !important;
      border: 1px solid var(--primary-orange);
    }
  }
  .gift-img {
    width: 100%;
    max-width: 300px;
  }
  .description {
    .description_p {
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      overflow: hidden;
      cursor: pointer;
    }

    .description_p.active {
      display: block;
      color: #cfcfcc !important;
      -webkit-line-clamp: unset;
      -webkit-box-orient: unset;
      overflow: auto;
    }
  }
}

@media screen and (max-width: 425px) {
  #contactUsPage {
    span.gift-lable {
      max-width: 100%;
    }
    .title_style {
      font-size: 28px;
    }
    .title_style ~ .fs-18 {
      font-size: 14px !important;
    }
    .d-flex.flex-wrap {
      font-size: 14px;
    }
    .gift-i {
      scale: 0.8;
      transform: rotate(-45deg) translate(-40%, -80px);
    }
    .ins-tag {
      scale: 0.7;
    }
    .sample-audio-div {
      scale: 0.9;
    }
    .amount-btn {
      max-width: 100%;
      font-size: 14px;
    }
  }
}
@media screen and (max-width: 768px) {
  #contactUsPage {
    span.gift-lable {
      max-width: 100%;
    }
    .title_style {
      font-size: 32px;
    }
    .title_style ~ .fs-18 {
      font-size: 16px !important;
    }
    .d-flex.flex-wrap {
      font-size: 16px;
    }
    .gift-product {
      background: linear-gradient(
          transparent,
          rgba(0, 0, 0, 0.8),
          rgba(0, 0, 0, 0.8)
        ),
        var(--bg-image) no-repeat center center / cover;
    }
    .gift-img {
      max-width: 40vw;
    }
  }
}

@media screen and (max-width: 992px) {
  #contactUsPage {
    .ins-tag {
      top: 0;
      bottom: unset;
      outline: #ffffff solid 1px;
      outline-offset: 2px;
    }
  }
}