.cqpay_loadding_v1_wrapper {
	  height: calc(var(--vh, 1vh) * 100);
      background-color: #ffffff;
      color: #1a1a1a;
      display: flex;
      user-select: none;
	  position: relative;
	  overflow: hidden;
    }
	.cqpay_loadding_v1_wrapper:before{
		content: '';
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		transform: translateY(-50%) scale(1.1);
		background-color: #bcddbc;
		border-radius: 50%;
		width: 100vw;
		height: 100vw;
		z-index: 1;
		background: radial-gradient(circle,  rgba(75,160,74,0.6) 0%, transparent 100%);
		filter: blur(26px);
	}
	
/* 	.cqpay_loadding_v1_wrapper:after{
		content: '';
		display: block;
		position: absolute;
		left: 0;
		bottom: 0;
		transform: translateY(100%) scale(1.8);
		background-color: #bcddbc;
		border-radius: 50%;
		width: 100vw;
		height: 100vw;
		z-index: 1;
		background: radial-gradient(circle,  rgba(75,160,74,0.6) 0%, transparent 100%);
		filter: blur(px);
	} */
	

    .cqpay_loadding_v1_wrapper .wrapper {
      flex: 1;
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 7vh 5vw;
    }
	
	.cqpay_loadding_v1_wrapper .fixed_btttom_box{
		position: fixed;
		bottom: 0;
		background-color: rgba(196,223,198,0.2);
		height: 10vh;
		width: 100vw;
		max-width: 750px;
	}
	.cqpay_loadding_v1_wrapper .fixed_btttom_box .fixed_btttom_circle{
		width: 100vw;
		max-width: 750px;
		height: 20vh;
		background-color: #fff;
		border-radius: 50%;
		position: absolute;
		top: -12vh;
	}

    .cqpay_loadding_v1_wrapper .header {
      text-align: center;
    }

    .cqpay_loadding_v1_wrapper .brand {
      font-size: 30px;
      font-weight: bold;
      color: #1a1a1a;
      letter-spacing: 2px;
      margin-bottom: 8px;
    }
	.cqpay_loadding_v1_wrapper .middle_layer{
		display: flex;
		flex-direction: column;
		margin-top: 7vh;
	}
	.cqpay_loadding_v1_wrapper .middle_layer .small_title_bar{
		background-color: #e7efe7;
		border-radius: 15px;
		font-size: 13px;
		color:  #86c286;
		font-weight: bold;
		padding: 7px 28px;
		margin-bottom: 4vh;
		display: flex;
		justify-content: center;
	}
    .cqpay_loadding_v1_wrapper .subtitle {
      font-size: 17px;
      color: #333;
	  margin-top: 5vh;
      letter-spacing: 1px;
    }

    .cqpay_loadding_v1_wrapper .center {
      text-align: center;
	  margin-top: 4vh;
	  
    }

    .cqpay_loadding_v1_wrapper .dots {
      display: flex;
      justify-content: center;
      gap: 12px;
      margin-bottom: 24px;
    }

    .cqpay_loadding_v1_wrapper .dot {
      width: 18px;
      height: 18px;
      background-color: #4a9f49; 
      animation: cqpay_loadding_v1_bounce 1s infinite ease-in-out;
    }

    .cqpay_loadding_v1_wrapper .dot:nth-child(1) { animation-delay: 0s; }
    .cqpay_loadding_v1_wrapper .dot:nth-child(2) { animation-delay: 0.2s; }
    .cqpay_loadding_v1_wrapper .dot:nth-child(3) { animation-delay: 0.4s; }

    @keyframes cqpay_loadding_v1_bounce {
      0%, 80%, 100% {
        transform: scale(1);
        opacity: 0.5;
      }
      40% {
        transform: scale(1.6);
        opacity: 1;
      }
    }

    .cqpay_loadding_v1_wrapper .loading-text {
      font-size: 16px;
      margin-top: 10px;
	  color:#79bc79;
    }

    .cqpay_loadding_v1_wrapper .footer {
      width: 100%;
      max-width: 80vw;
	  margin-top: 8vh;
    }

    .cqpay_loadding_v1_wrapper .progress-bar {
      width: 100%;
      height: 4px;
      background: #d0e9d0; 
      border-radius: 2px;
      overflow: hidden;
    }

    .cqpay_loadding_v1_wrapper .progress-inner {
      width: 40%;
      height: 100%;
      background: linear-gradient(90deg, #5ba95a, #3c8642); 
      animation: cqpay_loadding_v1_loadingBar 1.8s infinite ease-in-out;
    }

    @keyframes cqpay_loadding_v1_loadingBar {
      0% { margin-left: -40%; }
      50% { margin-left: 60%; }
      100% { margin-left: -40%; }
    }

    @media (max-width: 480px) {
      .cqpay_loadding_v1_wrapper .brand { font-size: 40px; }
      .cqpay_loadding_v1_wrapper .dot { width: 14px; height: 14px; }
      .cqpay_loadding_v1_wrapper .loading-text { font-size: 14px; }
    }
	
	@media (min-width: 600px){
		.cqpay_loadding_v1_wrapper:before,
		.cqpay_loadding_v1_wrapper:after,
		.fixed_btttom_box{
			display: none;
		}
	}