*:focus {
      outline: none;
    }

    .bot_welc_text {
      background: #fff;
      border-radius: 20px;
      padding: 0px 38px 0px 15px;
      position: absolute;
      height: 45px;
      line-height: 45px;
      box-shadow: 1px 0 4px rgba(0, 0, 0, 0.25);
      /* left: 0; */
      bottom: 16px;
      left: 45px;
      width: auto;
      white-space: nowrap;
      text-transform: uppercase;
      font-weight: 700;
      color: #cc0000;
      text-align: left;
      font-size: 15px;
      transition: all .5s ease-in-out;
      cursor: pointer;
    }

    .active .bot_welc_text {
      display: none;
    }

    .scrolled .bot_welc_text {
      width: 0px;
      padding: 0px;
      overflow: hidden;
      font-size: 0;
    }

    #embedded_messenger {
      position: fixed;
      left: 0;
      bottom: 0;
      z-index: 1000;
      animation: boom .365s ease-in forwards;
      /* animation-delay: 5s; */
    }

    #rgp_bot {
      position: relative;
      bottom: 30px;
      left: 30px;
      z-index: 998;
      transform: scale(0);
      animation: boom .365s forwards;
      /* animation-delay: 5s; */
    }

    @keyframes boom {
      0% {
        transform: scale(0);
      }

      100% {
        transform: scale(1);
      }
    }

    #RGP_bot .icon {
      width: 60px;
      height: 60px;
      display: inline-block;
      background: #ffffff;
      cursor: pointer;
      padding: 12px;
      box-sizing: border-box;
      border: solid 2px rgba(125, 31, 31, 0.65);
      box-shadow: 0px 0px 10px rgba(0, 0, 0, .22);
      border-radius: 100px;
      animation: botan 15s infinite;
      transform: scale(1) rotate(0deg);
    }

    .active #RGP_bot .icon {
      /* animation: botan 7s infinite; */
      /* animation-play-state: paused; */
      animation: none;
      /* transform: scale(0) */

    }


    #RGP_bot .icon img {
      width: 60px;
     
    }

    @keyframes botan {
      0% {
        transform: scale(1) rotate(0deg);
      }

      3% {
        transform: scale(1.2) rotate(15deg);
      }

      6% {
        transform: scale(.8) rotate(0deg);
      }

      9% {
        transform: scale(1.2) rotate(-15deg);
      }

      12% {
        transform: scale(1) rotate(0deg);
      }
    }

    #rgpbot {
      transition: all .365s cubic-bezier(0.68, -0.55, 0.265, 1.55);
      transform: scale(0);
      opacity: 0;
      transform-origin: left bottom;
      padding: 18px;
      width: 300px;
      height: 400px;
      max-height: calc(100vh - 160px);
      float: left;
      border: solid 1px #d0d0d0;
      box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.15);
      border-radius: 10px;
      overflow: hidden;
      background: url('bg1.jpg');
      position: fixed;
      left: 5px;
      bottom: 50px;
      z-index: 99;
    }

    .active #rgpbot {
      transform: scale(1);
      left: 5px;
      bottom: 60px;
      opacity: 1;
      /* display: block; */
    }

    .rgpbot_title {
      width: 100%;
      float: left;
      font-size: 17px;
      color: #eb1c24;
      height: 26px;
      font-weight: 400;
      line-height: 26px;
      margin: 0 0 6px;
      letter-spacing: .5px;
    }

    .rgpbot_title span i {
      font-size: 11px;
      color: #001e63;
      letter-spacing: 0px;
      display: inline-block;
      vertical-align: bottom;
      font-style: normal;
      margin: 0 0 -1px
    }

    .rgpbot_title .close {
      float: right;
      width: 24px;
      height: 24px;
      background: #4b566d;
      border-radius: 12px;
      margin: -1px 0;
      position: relative;
    }

    .close:before,
    .close:after {
      position: absolute;
      left: 11px;
      content: ' ';
      height: 14px;
      width: 2px;
      background-color: #fff;
      top: 5px;
    }

    .close:before {
      transform: rotate(45deg);
    }

    .close:after {
      transform: rotate(-45deg);
    }

    #rgpbot iframe {
      float: left;
      border: 0;
      height: calc(100% - 32px);
      width: 100%;
    }


    .bot_lay {
      display: none;
      left: 0;
      bottom: 0;
      right: 0;
      position: fixed;
      top: 0;
      background: rgba(0, 0, 0, 0.85);
      /* width: 100vw;
  height: 100vh; */
      
      z-index: 999;
    }

    .bot_welc_text:before {
        padding-left: 20px;
      content: "Click Here to Donate";
    }

    @media only screen and (max-width: 767px) {
      #embedded_messenger.active {
        width: 100%;
        height: 100%;
      }

      .bot_welc_text {
        display: inline-block;
      }

      .bot_welc_text:before {
          padding-left:20px;
        content: "Click Here to Donate";
      }

      .scrolled .bot_welc_text {
        width: 0px;
        padding: 0px;
        overflow: hidden;
        font-size: 0;
      }

      #RGP_bot {
        bottom: 40px;
        right: 10px !important;
      }

      .bot_active {
        overflow: hidden;
        height: 100%;
      }

      .active .bot_lay {
        display: inline-block;
      }

      .active .bot_welc_text {
        display: none;
      }

      #embedded_messenger.active+.bot_lay {
        display: block;
      }

      .menuopened #embedded_messenger {
        z-index: -1 !important;
      }

      #RGP_bot .icon {
        width: 70px;
        height: 70px;
      }

      #RGP_bot .icon img {
        width: 70px;
        
      }

      #rgpbot {
        padding: 8px;
        width: 100%;
        height: 100%;
        max-height: 100%;
        border-radius: 0;
        animation: none;
      }

      .active #rgpbot {
        bottom: 0px;
        /* display: block; */
        /* left: 0; */
        right: 0px;
        z-index: 99999;
        max-height: 100%;
        /* display: block; */
      }

      .active #RGP_bot .icon {
        /* animation: botan 7s infinite; */
        /* animation-play-state: paused; */
        transform: scale(0)
      }

    }

    @media only screen and (max-height: 400px) {
      .active #rgpbot {
        bottom: 0px;
        max-height: 100%;
        height: 100%;
        /* display: block; */
      }

    }