@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Poppins:wght@300;400;500;600;700&display=swap');

  body {
      font-family: "Poppins", serif;
      font-weight: 500;
      font-style: normal;    
      color: #fff;      
    }
	.main{	  
      text-align: left;
      height:100%;
	}
    .custom-container {
      background:#00716f url('../images/top-bg.jpg'); 
      background-size: 100%;
      background-repeat: no-repeat;
      background-position: center top;      
	    width:100%;
      margin: auto;
	    height:100vh;      
	    position: relative;
    }

    .logo {
      margin-bottom: 60px;
      padding-top:20px;
    }

    .form-label {
      color: #ffffff;
      margin-bottom:0.75rem;
      font-size:18px;
      font-weight:500;
    }

    .form-control {
      border-radius: 5px;
      padding:14px 20px 14px 0px;
      color:#182C40;
      font-size:16px;
      font-weight:400;
      border:none;
    }
    .form-control:focus{border:none; box-shadow:none; outline:none;}
    .input-group-text{padding-left:20px; padding-right:10px; border:none!important}
    .mb-35{margin-bottom:35px}

    .btn-primary {
		background: #015251;
		box-shadow: 0px 4px 0px 0px #015251;
		border: 1px solid #FFFFFF;
		border-radius: 7px;
		font-weight: 500;
		padding: 14px 10px;
		font-size:18px;
		line-height:20px;
    }

    .btn-primary:hover {
      background-color: #ec6e34;
    }

    .footer-illustration {
		text-align: center;
		background-image:  url(../images/bottom-bg.jpg);
		background-size: 100%;
		background-repeat: no-repeat;
		background-position: center bottom;		
    width:100%;
		height: 100%;	
    }
    .content-scroller{text-align:left; padding:0px 20px 10px; position:relative; overflow:auto;  max-height: calc(100vh - 270px);}
    h3{font-size:25px; font-weight:600; margin:0px 0px 8px;}
    p{font-size:16px; font-weight:400; margin:0px;}
    .form-container{margin-top:45px}

    /*OTP Section CSS*/

     input.otp-input{
        
      padding-left:20px;   
      }
      .gap-10{
        gap:15px;
      }
      .input-radio-box{
        width: 50%;
        border-radius: 5px;
        background: #fff;
        padding: 15px;
      }
      .input-radio-box label{
       font-family: "Poppins", serif;
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
        color: #182C40;
      }
      .form-check-input {
        background-image: url("images/icons/radio.svg")!important;
      }
      .form-check-input:checked {
        background-color: #ffffff;
        border-color: #5a132b;
      }
      .icons-arrow{position:relative; top:-70px; display:none; left:0px; width:calc(100% - 40px); text-align:left;}
      .icons-arrow.activeArrow{display:inline-block;}      


     .hideDefault{display:none;}
     .logo.active .img-fluid {display:none;}
     .logo.active .img-fluid.hideDefault {display:inline-block; }
     .logo.active {animation: move-up 1s ease-out forwards; margin-bottom:30px; position:relative }
     .logo.animated {animation: move-down 1s ease-out forwards; margin-bottom:30px; position:relative }
     .content-step-div {width:100%;} 

    @keyframes move-up {
      0% {
        top:20px; /* Initial position */
      }
      100% {
        top:-125px; /* Moves up by 200px */
      }
    }
    @keyframes move-down {
      0% {
        top:-125px; /* Initial position */
      }
      100% {
        top:-20px; /* Moves up by 200px */
      }
    }
     
  .div-flex{flex-direction:column; display:flex;}

  /*Welcome CSS*/


    .main-header{   
          text-align: left;
          padding: 30px 0px 20px 0px;
    }
    .custom-welcome-container {
      background: #015251 url('../images/bg-pattern.jpg'); /* Replace with your background image URL */
      background-size: auto;
      background-repeat: repeat;
      background-position: center;     
      width:100%;
      margin: auto;
      height:100vh; 
      padding: 0px 20px 0px 20px;
      position: relative;
    }
    .custom-amount-container{
      background: #015251 url('../images/bg-pattern.jpg'); /* Replace with your background image URL */
      background-size: auto;
      background-repeat: repeat;
      background-position: center;
      max-width: 991px;
      width:100%;
      margin: auto;
      height:100vh; 
      padding: 0px 0px 0px 0px;
      position: relative;
    }
    .add-amount-header{
      background: #015251;
      display:flex; align-items:center; justify-content:center;
      border:2px solid #015251;      
      font-size: 22px;
      font-weight: 500;
      padding:30px 20px 20px;
      margin-bottom:1rem;
      line-height: 27.61px;
      border-radius:0px 0px 15px 15px;
      text-align: center;
    }
    .add-amount-header h1{  
      font-size: 22px;
      font-weight: 500;
      line-height: 27.61px;
      margin:0px;
    }
    .black-text{color:#272727;}
    .add-amount-header .back-arrow{position:absolute; left:20px; top:30px;}
    .addAmount-scroller{ padding:0px 20px;}
    .transaction-scroller{padding:0px 0px;}
    .addAmount-scroller input.form-control{border:1px solid #000000; color:#272727; padding-left:20px; padding-right:20px; box-sizing: border-box;}
    .addAmount-scroller .form-container, .transaction-scroller .form-container{margin:0px;}
    .welcomeContent-scroller{height:unset; overflow-y:hidden;}
    .wel-btn-primary {
    background: #015251;
    box-shadow: 0px 4px 0px 0px #015251;
    border: 1px solid #FFFFFF;
    border-radius: 7px;
    font-weight: 500;
    padding: 8px 15px;
    line-height:normal;
    font-family: "Poppins", serif;
    font-size: 17px;
    color: #ffffff;
    }

    .wel-btn-primary:hover {
      background-color: #ec6e34;
    }
    .scan-qr-btn {
    background: #036060;
    box-shadow: 0px 4px 0px 0px #015251;
    border: 1px solid #FFFFFF;
    border-radius: 7px;
    font-weight: 500;
    padding: 12px 15px;
    line-height:normal;
    font-family: "Poppins", serif;
    font-size: 18px;
    color: #ffffff;
    }

    .scan-qr-btn:hover {
      background-color: #058c8a;
    }
    .trans-history-btn {
    background: #272727;
    box-shadow: 0px 4px 0px 0px #272727;
    border: 1px solid #FFFFFF;
    border-radius: 7px;
    font-weight: 500;
    padding: 12px 15px;
    line-height:normal;
    font-family: "Poppins", serif;
    font-size: 18px;
    color: #ffffff;
    }

    .trans-history-btn:hover {
      background-color: #000000;
    }
    button.btn.wel-btn-primary img {
        margin-right: 3px;
    }
  
  .gap-10{
    gap:10px;
  }
  
  .welcome-name h2{
    font-family: "Poppins", serif;
    font-size: 30px;
    font-weight: 700;
    line-height: normal;
    color: #272727;    
    line-height:30px;
    margin: 0;
  }
  .welcome-name h4{
    font-family: "Poppins", serif;
    font-size: 20px;
    font-weight: 600;
    line-height: normal;
    color: #058c8b;
    margin: 0;
  }
  .wallet-box{
      background: #015251 url(../images/wallet-point-bg.jpg);
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      padding: 20px;
      border-radius: 20px;

  }
  .wallet-point-box {
      background: #00716f;
      padding: 20px;
      border-radius: 15px;
      text-align: center;

  }
  .wallet-point-box h4{
   font-family: "Poppins", serif;
    font-size: 20px;
    font-weight: 500;
    line-height: normal;
    color: #ffffff;
  }
  .wallet-point-box h2{
    font-family: "Poppins", serif;
    font-size: 55px;
    font-weight: 400;
    line-height: normal;
    color: #ffffff;
    line-height: 60px;
    margin-bottom: 20px;
  }

  .wallet-point-box h2 span{font-family:"Arial", serif!important; font-weight:400!important; display:inline-block;}  

  .welcomeContent-scroller .mt-5{margin-top:40px!important; margin-bottom:20px!important;}

  /*Add Account CSS*/


      
        .pay-button {            
            background-color: #036060;            
        }
        .pay-button:hover, .pay-button:focus, .pay-button:active {
            background-color: #058c8a!important;
        }

        .mb-25{margin-bottom:25px;}
        .form-control:disabled{background:#dcdcdc; border-color:rgba(0, 0, 0, 0.20)!important}
        .btn.points{width:100%; padding:8px 15px; background: #00716f; border:1px solid #036060; color:#ffffff; font-size:16px; line-height:23px;}

        /*Transation History*/

        .transaction-list { 
            padding: 0px;
        }
        .transaction-item {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 0px 20px 15px;
            margin-bottom:15px;
            border-bottom: 1px solid #015251;
        }
        .transaction-item:last-child {
            border-bottom: none;
        }
        .left-content {
            display: flex;
            align-items: center;
            gap: 10px;
            width:100%;
        }
        .icon {
            color: #4a154b;
            font-weight:400;
            font-size: 20px;
             font-family:"Arial", serif!important;
        }
        .details {
            font-size: 14px;
            color: #271F1B;
            width:100%;
        }
        .details .amount {
            font-size: 20px;
            font-weight: 600;
        }
        .details .description {
            font-size: 15px;
            color: #271F1B;
            display:flex; 
            justify-content: space-between;
            gap:15px;
        }
        .details .description img{margin-right:5.38px;}
        .date {
            font-size: 14px;
            color: #4D4D4D;            
            font-weight:600;
            flex-basis: 130px;
            flex-grow:0;
            text-align:right;
        }
        .description-name{display:flex; align-items: center; }
        .successMessageBg{width:100%; background: rgb(91,19,43); position: relative;
        background: linear-gradient(90deg, #00716f 0%, rgb(7 148 147) 100%);
        box-shadow: 0px 15px 15px 0px #00000026;
        padding:0px 20px 0px;
        justify-content: center;
        border-radius:15px 15px 0px 0px;
        }
        .mt-40{padding-top:40px!important; margin-bottom:0px;}
        .successMessageBg h5{color:#ffffff; font-weight:600; font-size:22px; line-height:27px; text-align:center;}
        .successMessageBg p{color:#ffffff; font-weight:400; font-size:20px; line-height:25px;  text-align:center;}
        .successMessageCheck{position:absolute; left:50%; top:-30px; transform:translateX(-50%);}
        .successList-item{display:flex; width:100%; justify-content: space-between; color:#4D4D4D; gap:10px; margin-bottom:20px;}
        .successList-item .successLabel{font-size:16px; line-height:20px;}
        .successList-item .successStatus{font-size:16px; font-weight:600; line-height:20px;}
        .successMessageBg-bot{width:100%; padding:15px 20px 12px;   border-radius:0px 0px 15px 15px; background: #ffffff; box-shadow: 0px 15px 15px 0px #00000026;
        }
        .successMessageBg-mid{          
          display:flex;
          width:100%;
          background: rgb(91,18,43);
          background: linear-gradient(90deg, rgba(91,18,43,1) 0%, rgba(113,21,52,1) 100%);         
        }
        .mt-60{margin-top:60px!important}
        .successMessageBg-botMid{display:flex;
          width:100%;
          background: #ffffff;}
        .successMessageBg-strip{display:flex; position:relative}
        .alert{margin-top:10px; margin-bottom:0px;}

        a:hover button{color:#ffffff!important;}


        .mt-60 {
          margin-bottom:30px!important;
        }
        .addAmount-scroller{padding-bottom:15px;}
       
/*Client CSS*/

.marginLR{padding-left:20px; padding-right:20px;}
.add-amount-header .back-arrow.logout{left:auto; right:20px; top:28px;}
.main-header.padTopZero{padding-top:10px;}
.wallet-box.client-box {
    background: url(../images/client-background.svg) no-repeat top right;
    background-repeat: no-repeat;
    background-size: cover;
    background: #015251;
}
.client-point-box{background:#00716f url(../images/client-box-background.svg) no-repeat left bottom; background-repeat: no-repeat;background: #087977;
    background-size:unset; padding-top:13px; padding-bottom:10px; display:flex; justify-content: center;}
.wallet-box.client-box h4, .wallet-box.client-box h2{text-align:center;}
.wallet-box.client-box h2{font-size:55px; font-weight:500;}
.client-point-box.wallet-point-box .d-flex.justify-content-center{flex-direction: row;
    gap: 10px;
    width: 100%;}
.client-border{width:1px; height:100%; background:#ffffff; margin-left:20px; margin-right:20px;}
.client-profile-details p{font-size:14px;}
.client-profile-details{
  display: flex;
  flex-direction: column;
  flex: 1;}
.client-profile-details span, .wallet-box.client-box h2 span{font-family: "Arial", serif !important;}
.transactionHead{display:flex;  gap:20px; padding:20px 0px 10px; margin-bottom:10px; border-bottom:1px solid #015251; justify-content: space-between; align-items:center;}
.transactionHead .transaction-title{font-size:22px; line-height:26px; font-weight:600; color:#272727;}
.transactionHead .transaction-all a{text-decoration: none; border:none; display:block; color:#015251; display:flex; line-height:14px; font-size:15px; font-weight:600;}
.client-transaction-scroller{max-height:calc(100vh - 512px); overflow-y:auto;}
.client-transaction-scroller .form-container{margin:0px;}
.marginLR.transactionHead{margin-left:20px; margin-right:20px;}
.client-transaction-scroller .transaction-item{padding-left:0px; padding-right:0px;}
.main{height:100vh;}
.addAmount-scroller input.form-control:read-only{background:#DCDCDC; border-color:rgba(0, 0, 0, 0.20)}
.cl-dropdown{padding-left:20px; padding-right:20px; justify-content:flex-end; border-bottom:1px solid #015251; margin-bottom:5px; padding-bottom:10px;}
.cl-dropdown .btn:focus-visible, .cl-dropdown button.btn:first-child:active, .cl-dropdown button, .cl-dropdown button:hover, .cl-dropdown button:active, .cl-dropdown button:focus{border: 1px solid #015251; color:#015251; border-radius:0px; font-size:15px; font-weight:500;}
 .cl-dropdown button{padding-right:22px;}
.cl-dropdown .dropdown-menu li .dropdown-item:focus-visible, .cl-dropdown .dropdown-menu li .dropdown-item:active{background:#0152511A}
.cl-dropdown .dropdown-menu{padding:0px; border:1px solid #015251; color: #271F1B; border-radius:0px; }
.cl-dropdown .dropdown-menu .dropdown-item{padding:5px 10px; border-bottom:1px solid #015251}
.cl-dropdown .dropdown-menu li:nth-child(odd) .dropdown-item{background: #0152511A;}
.cl-dropdown .dropdown-menu li .dropdown-item:focus-visible, .cl-dropdown .dropdown-menu li .dropdown-item:active, .cl-dropdown .dropdown-menu li .dropdown-item{color: #271F1B;}

.cl-dropdown .dropdown-menu li:last-child .dropdown-item{ border:none!important; }
.cl-transaction-scroller {
  height: calc(100% - 155px);
  overflow-y: auto;
  padding: 0px 0px;
}
.dropdown-toggle::after{border:none; content:""; position:absolute; right:10px; top:50%; transform:translateY(-50%); width:8px; height:8px; display:table; border-radius:50%; background: url(../images/icons/dot.svg) no-repeat center center; z-index:99}
.cl-transaction-scroller .form-container{margin:0px;}



/*New Dashboard Profile*/
.welcomeProfile{padding-top: 25px;    padding-bottom: 12.62px;}
.head-profile-section {
    display: flex;
    width: 100%;
    gap: 15px;
}

.head-profile-section img{
    width:38px;
    height:38px;
    border-radius:50%;
    border:1px solid #ffffff;
    display:block;
    
}
.head-profile-details{font-weight:700; font-size:16px; line-height:20px; display:flex; color:rgba(255, 255, 255, 0.5); flex-direction:column; align-items:flex-start; }
.head-profile-details span{font-weight:500; color:#ffffff;}
.profilePage.head-profile-section img{width:55px; height:55px;}
.profilePage .head-profile-details{font-size:20px; line-height:30px; color:#303030; font-weight:600;}
.profilePage .head-profile-details span{font-size:16px; line-height:24px;  color:#303030;}
.profile-scanner-buttons {display:flex; gap:15px; justify-content:space-between; margin-top:20px}
.profile-scanner-buttons .btn-outline-warning{font-size:15px; justify-content:center; align-items:center; border:1px solid #681530; color:#303030; font-weight:600; flex-grow:1; }
.profile-scanner-buttons .btn-outline-warning:hover{background:#00716f; color:#ffffff; border-color:#00716f;}
.profile-scanner-buttons .btn-outline-warning span{width:20px; height:20px; border-radius:20px; margin-right:6px; background:#681530; display:inline-flex; align-items:center; justify-content:center;}
.scannerImg{max-width:360px; width:100%; margin:0 auto; display:block;}
.profileScroller{max-height:calc(100vh - 145px); overflow-y:auto;}
.profileScroller .client-transaction-scroller{max-height:unset; overflow:hidden;}


/*Splash Screen Page CSS*/
   

.splashScreen {
    position: relative;
    height: 100vh;
    margin: 0px auto;
    display: flex;   

    background:#015251;
    background: linear-gradient(90deg, #077da3 0%, #ee3d37 100%);
        box-shadow: 5px 6px 4px 0px #00000040 inset;
}
.splashScreen:before {
    position: absolute;
    right: 0px;
    top: 0px;
    background: url(../images/desktop-pattern.svg) no-repeat right;
    content: "";
    display: table;
    
    width: 220px;
    height: 220px;
    background-size: 100% 100%;
}

.splashScreen:after{
    position: absolute;
    left: 0px;
    bottom: 0px;
    background: url(../images/desktop-pattern-bottom.svg) no-repeat right;
    content: "";
    display: table;
   
    width: 220px;
    height: 220px;
    background-size: 100% 100%;
}
.splash-user-buttons{ 
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -172px);
    width:100%;
  }
.splash-user-actions{display:flex; width:100%; justify-content: center; gap:15px;}
.logo-center {      
    width: 280px;
    margin:0 auto 60px;  
    animation: scaleUp 3s ease-in-out infinite; 
}
.splash-user-buttons{   
    display: flex;
    justify-content: center;
    flex-direction:column;          
    z-index: 9;
}
.splash-user-buttons .btn.btn-primary-spash{
  display:inline-flex;
  gap:10px;
  padding-top:12px;
  padding-bottom:12px;
  padding-left:20px; padding-right:20px;
  color:#ffffff; border:1px solid #ffffff; background: #00716f; font-size:17px; font-weight:500;
}
 .btn.btn-primary-spash:hover{background: #036060;}
 .clientWelcomeContent  .wallet-box.client-box svg{width:100%; height:auto;} 
  

@keyframes scaleUp{
  0%, 100% {
      transform:  scale(1);
  }
  50% {
      transform: scale(1.2);
  }
}


 :not(.btn-check)+.scan-qr-btn:active, .scan-qr-btn:focus-visible,  .scan-qr-btn:first-child:active{
  background: #036060;
  box-shadow: 0px 4px 0px 0px #015251;
  border: 1px solid #FFFFFF;
  color:#ffffff;
  }
  :not(.btn-check)+.trans-history-btn:active, .trans-history-btn:focus-visible,  .trans-history-btn:first-child:active, .trans-history-btn:hover{
  background: #000000;
  box-shadow: 0px 4px 0px 0px #015251;
  border: 1px solid #FFFFFF;
  color:#ffffff;
  }

  .logo-brand a{display:block;}

.splash-user-buttons .btn#install-btn{padding-left:50px; padding-right:50px;}




@media screen and (orientation: portrait) {
  .content-scroller {
    max-height: calc(100vh - 400px);
  }
   html {
      --vh: 1vh;
    }

    body, .splashScreen {
      height: calc(var(--vh, 1vh) * 100);
      margin: 0;
      overflow: hidden; /* To remove unwanted scrollbars */
    }
 
}


@media screen and (max-width: 439px) {
  
  .wallet-point-box .wel-btn-primary {
    width: 100%;
  }
  .splash-user-buttons .btn.btn-primary-spash {          
    font-size: 14px;   
  }
  .splashScreen .logo-center{width:260px; }
  .wel-btn-primary {padding-left:10px; padding-right:10px; font-size:14px;}

}

@media screen and (max-width: 390px) {
.wallet-point-box .d-flex.justify-content-center {
    flex-direction: column;
  }
}

@media screen and (min-width: 992px) and (max-width:4000px) {

  body{
    background: rgb(91,19,43);
    min-height:calc(100vh - 68px);
    box-sizing: border-box;
    background: linear-gradient(90deg, #00716f 0%, rgb(7 148 147) 100%);
    padding:34px 0px;
    position:relative;
  }
  body:before{position:absolute; right:0px; top:-34px; background:url(../images/desktop-pattern.svg) no-repeat right; content:""; display: table;
        z-index: 99;
        width: 280px;
        height: 280px;
  }
  body:after{position:absolute; left:-20px; bottom:0px; background:url(../images/desktop-pattern-bottom.svg) no-repeat right; content:""; display: table;
        z-index: 99;
        width: 280px;        
        height: 280px;
  }
  .custom-amount-container, .custom-container, .custom-welcome-container, .splashScreen{max-width:440px; border-radius:25px; height:unset; min-height:calc(100vh - 68px); overflow-y:hidden; }  
  .footer-illustration{border-radius:0px 0px 30px 30px; padding-bottom:80px;}
  
  .main {
    height: calc(100vh - 68px);
    /*background: linear-gradient(90deg, #077da3 0%, #ee3d37 100%);*/
    /*box-shadow: 5px 6px 4px 0px #00000040 inset;*/
    /*border-radius: 25px;*/
  }
  /*.transaction-scroller {height: calc(100vh - 200px);}*/
/*  .transactionHead + .client-transaction-scroller {max-height:calc(100vh - 568px); min-height:unset;}*/
  .splashBody{background: #00716f;}
  .profileScroller{max-height:calc(100vh - 168px); overflow-y:auto;}
  .footer-illustration .content-scroller{max-height: calc(100vh - 410px);}


}


@media screen and (max-width:991px) and (orientation: landscape) {
  .content-scroller {
    max-height: calc(100vh - 180px);
    padding-left: 20%;
    padding-right: 20%;
    margin-left: auto;
    margin-right: auto;
  }
  .footer-illustration {
    background: none;
  }
  .logo {
    margin-bottom: 20px;
  }
  .logo img {
    max-width: 120px !important;
  }
  .icons-arrow {
    position: absolute;
    top: 70px;
  }
  .form-container {
    margin-top: 20px;
  }
  .logo.animated {
    margin-bottom: 20px;
  }
  .div-flex {
    flex-direction: column;
    width: 49%;
    display: inline-flex;
    gap: 12px;
  }
  .content-step-div.box2 .mb-35 {
    display: flex;
    gap: 15px;
  }
  .icons-arrow {
    left: 20px;
  }
  .div-flex .form-label {
    margin: 0px !important;
  }


  .splashScreen .logo-center{width:180px; }
  .splash-user-buttons{transform:translate(-50%, -135px);}
   html {
      --vh: 1vh;
    }

    body, .splashScreen {
      height: calc(var(--vh, 1vh) * 100);
      margin: 0;
      overflow: hidden; /* To remove unwanted scrollbars */
    }

  @keyframes move-up {
    0% {
      top: 20px; /* Initial position */
    }
    100% {
      top: -80px; /* Moves up by 200px */
    }
  }
  @keyframes move-down {
    0% {
      top: -80px; /* Initial position */
    }
    100% {
      top: -20px; /* Moves up by 200px */
    }
  }
}

/* For Chrome, Edge, and Safari */
::-webkit-scrollbar {
  width: 6px; /* Width of the scrollbar */
  height: 6px; /* Height of the scrollbar */
}

::-webkit-scrollbar-track {
  background: transparent; /* Background of the scrollbar track */
}

::-webkit-scrollbar-thumb {
  background: #015251; /* Scrollbar thumb color */
  border-radius: 6px; /* Rounded corners for the scrollbar thumb */
  width:6px;

}

::-webkit-scrollbar-thumb:hover {
  background: #555; /* Scrollbar thumb color on hover */
}

/* For Firefox */
* {
  scrollbar-width: thin; /* Set scrollbar width to thin */
  scrollbar-color: #015251 transparent; /* Thumb color and track color */
}


.wallet-box.client-box.scaner-box {background:#ffffff;}

span.resendOTP {
    display: flex;
    justify-content: flex-end;
    margin-top: 10px;
}
span.resendOTP a {    
    font-size: 14px; 
    color: #ffffff;
    text-decoration:none;
}
span.resendOTP a:hover{color: #dec28e;}

span.sellerresendOTP {
    display: flex;
    justify-content: flex-end;
    margin-top: 10px;
}
span.sellerresendOTP a {    
    font-size: 14px; 
    color: #182C40;
    text-decoration:none;
}
span.sellerresendOTP a:hover{color: #015251;}


.full-circle-loader {
  display: inline-block;
  width: 40px;
  height: 40px;
  border: 6px solid #f3f3f3; /* Light gray */
  border-top: 6px solid rgba(91, 19, 43, 1); /* Blue */
  border-radius: 50%; /* Make it a circle */
  animation: spin 1s linear infinite; /* Spin animation */
}

.full-circle-loader-outer{position:fixed; top:0px; left:0px; right:0px; display:flex; align-items:center; justify-content:center; bottom:0px; background:rgba(91, 19, 43, 0.5) }

/* Keyframes for spinning */
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}