.popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .response-popup{
    position: relative;
      /* width: 19.3125rem;
      height: 17.5625rem; */
    width: 330px;
    height: 300px;
    border-radius: 0.875rem;
    border: 1px solid #FFF;
    background: #F0F8FF;
    box-shadow: 0px 4px 20px 0px rgba(0, 128, 215, 0.50);
    padding: 0rem 1rem;
    box-sizing: border-box;
  }

  .download-popup{
    position: relative;
    /* width: 20.1875rem;
    height: 14.3125rem; */
    width: 323px;
    height: 199px;
    display: flex;
    align-items: center;
    border-radius: 0.8125rem;
    background: #FFF;
    box-shadow: 0px 3px 30px 0px rgba(0, 128, 215, 0.57);
  }
  .download-both-popup{
    position: absolute;
    right: 19rem;
    top: 6rem;
    width: 323px;
    height: 229px;
  }
  .download-fts-17{
    font-size: 17px;
  }
  .download-fts-12{
    font-size: 12px;
  }
  .form-popup{
    position: relative;
    width: 34.9375rem;
    padding: 3rem 4.35rem;
    border-radius: 0.75rem;
    background: #FFF;
    box-shadow: 0px 4px 19px 0px rgba(0, 0, 0, 0.25);
    box-sizing: border-box;

  }

@keyframes slideRightToCenter {
  from {
    transform: translateX(100%);
    opacity: 0;
  }
  to {
    transform: translateX(0%);
    opacity: 1;
  }
}

.slide-in-right {
  animation: slideRightToCenter 0.4s ease-out forwards;
}

@keyframes slideUpFromBottom {
  from {
    transform: translateY(100%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

.slide-up-popup {
  animation: slideDownFromBottom 0.4s ease-out forwards;
}

@keyframes slideDownFromTop {
  from {
    transform: translateY(-100%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

.slide-down-top {
  animation: slideDownFromTop 0.4s ease-out forwards;
}


.close-svg{
    position: absolute;
    right:1.38rem;
    top: 1.31rem;
  }
  .form-heading{
    line-height: 2.5625rem; 
    text-transform: uppercase;
  }
  .otp-container input{
    width: 3.4375rem;
    height: 3.125rem;
    flex-shrink: 0;
    border-radius: 0.3125rem;
    background: rgba(255, 255, 255, 0.05);
    box-shadow: 0px 4px 4px 0px rgba(0, 128, 215, 0.20);
    border: 1px solid #8EB3CC;
  }
  .otp-container{
    margin-top: 1.87rem;
    margin-bottom: 2rem;
  }
  .popup-form{
    margin-top: 1.94rem;
    position: relative;
  }
  /* .warning-error{
    position: absolute;
    top: -1.5rem;
    left: 0;
  } */
  .form-button{
    border-radius: 0.625rem;
    background: #0080D7;
    box-shadow: 0px 4px 36px 0px rgba(0, 0, 0, 0.25);   
    height: 3.125rem;
    width: 100%;
    text-transform: uppercase;
    margin-top: 1.75rem;
  }
  .icon-input-container{
    height: 2.625rem;
    width: 29.25rem;
    /* width: 100%; */
    background-color: white;
    /* margin-bottom: 1rem; */
    padding-left: 1rem;
    border-radius: 0.3125rem;
    box-shadow: 0px 4px 4px 0px rgba(0, 128, 215, 0.20);
    border: 1px solid #8EB3CC;
  }
  .popup-input-3h{
    height: 3.125rem;
  }
  .mb-22{
    margin-bottom: 1.38rem;
  }
  .red-border{
    border: 1px solid red !important;
  }
.icon-input-container input{
    height:90%;
    margin-left: 0.56rem;
  }
  .phone input{
    margin-left: 0.5rem;
  }
  .icon-input-container svg{
    width: 1.5rem;
    height: 1.5rem;
  }
  .play-store-button{
    width: 17.75rem;
    height: 2.8125rem;
    margin-top: 1.19rem;
  }
  .download-qrcodes{
    margin-top: 0.5rem;
    gap: 0.25rem;
  }
  .mt-22{
    margin-top: 1.44rem;
  }
  .download-qrcodes img{
    width: 8.875rem;
    height: 7.8125rem;
    border-radius: 0.5rem;
  }
  .footer-qrcodes {
    gap: 0.25rem;
  }
  .footer-qrcodes img{
    width: 9.875rem;
    height: 8.69281rem;
    border-radius: 0.5rem;
  }
  .check-box{
    width: 1.25rem;
    height: 1.1875rem;
    border-radius: 0.125rem;
    border: 2px solid #044E80;
    background: #FFF;
  }
  .tick-gif{
    width: 9.1875rem;
    height: 9.1875rem;
    flex-shrink: 0;
    aspect-ratio: 1/1;
  }
  .text-left{
    text-align: left !important;
  }
@media (max-width: 768px) {
  .download-popup{
    position: relative;
    width: 80% !important;
    height: auto;

  }
  .dwn-mbl-pop{
    width: 80%;
    height: 199px;
    padding: 0rem 1rem;
  }
    .icon-input-container{
    height: 50px;

  }
  .form-button{
    height: 50px;
  }
  .form-popup{
    width: 90%;
  }

  .icon-input-container{
    height: 42px;
  }
  .form-button{
    height: 50px;
  }
  .dwn-mobile-img{
    width: 100%;
height: 45px;
    
  }
}