/* ----------------------------whatsup icon ------------------------------- */

.btn_whatsup {
      border: 1px solid #858585;
      padding: 7px 20px;
      border-radius: 30px;
      font-size: 18px;
      color: #000000;
      font-weight: 600;
  }

  .btn_whatsup {
      border: 1px solid #858585;
      padding: 7px 20px;
      border-radius: 30px;
      font-size: 18px;
      color: #000000;
      font-weight: 600;
      display: flex;
      align-items: center;
  }

  .btn_whatsup img {
      margin-right: 10px;
      transition: all 0.5s ease;
  }

  .btn_whatsup:hover {
      background-color: #44c654;
      color: #ffffff;
      border: 1px solid #44c654;
      transform: translateY(-5px);
  }

  .btn_whatsup_side {
      position: fixed;
      top: 50%;
      right: -140px;
      width: 205px !important;
      z-index: 111111;
      display: flex;
      font-size: 22px;
      display: flex;
      justify-content: space-around;
      align-items: center;
      transition: all 0.5s ease;
      text-decoration: none;
  }

  .btn_whatsup_side:hover {
      right: 0px;
      width: 190px;
      z-index: 111111;
      display: flex;
      font-size: 18px;
      display: flex;
      justify-content: space-around;
      align-items: center;
      background: #42c452;
      padding: 10px 15px;
      border-radius: 50px 0 0 50px;
      color: #ffffff;
  }

  .btn_whatsup_side:hover img {
      max-width: 35px;
      transition: all 0.5s ease;
  }

  .btn_whatsup_side img {
      width: 100%;
      max-width: 55px;
      transition: all 0.5s ease;
  }
p a{
        color: #371493 !important;
        font-weight: bold !important;
}
  @media (max-width: 767.98px) {
      .container {
          max-width: 100%;
      }

      .btn {
          padding: 20px 30px !important;
          font-size: 15px !important;
      }

      .btn_whatsup_side img {
          width: 50px !important;
      }

      .btn_whatsup_side:hover img {
          max-width: 50px !important;
          right: 5px !important;
      }

      .btn_whatsup_side {
          right: -150px !important
      }

      .btn_whatsup_side:hover {
          right: -153px !important;
          width: 200px;
          z-index: 111111;
          display: flex;
          font-size: 22px;
          display: flex;
          justify-content: space-around;
          align-items: center;
          background: transparent !important;
          padding: 0 !important;
          border-radius: 50px 0 0 50px;
          color: #ffffff;

      }
  }