.btn-icon-size{
padding: 0.3rem 0.3rem !important;
}
.dual-ring {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 150px;
      height: 150px;
      position: relative;
      -webkit-ransform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      top: 50%;
      left: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .dual-ring:after {
      content: " ";
      display: block;
      width: 140px;
      height: 140px;
      margin: 1px;
      border-radius: 100%;
      border: 5px solid #10597c;
      border-color: rgba(16, 89, 124, 0.7) transparent rgba(16, 89, 124, 0.7) transparent;
      animation: dual-ring 1.2s linear infinite;
    }

    .dual-ring img {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 80px;
      height: 80px;
      -webkit-ransform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      margin-left: 0;
    }

    @keyframes dual-ring {
      0% {
        transform: rotate(0deg);
      }

      100% {
        transform: rotate(360deg);
      }
    }

    .title-text {
      left: 50%;
      top: 63%;
      text-align: center;
      position: fixed;
      padding: 0px;
      z-index: 999999999;
      -webkit-ransform: translate(-50%, -63%);
      transform: translate(-50%, -63%);
      font-size: 16px;
      font-weight: 600;
      line-height: 1;
      color: #10597c;
    }

    @media screen and (min-device-width: 790px) and (max-device-width: 900px) {
      .title-text {
        left: 50%;
        top: 70%;
        -webkit-ransform: translate(-50%, -70%);
        transform: translate(-50%, -70%);
      }
    }

    @media screen and (min-device-width: 567px) and (max-device-width: 767px) {
      .title-text {
        left: 50%;
        top: 70%;
        -webkit-ransform: translate(-50%, -70%);
        transform: translate(-50%, -70%);
      }
    }