/*crif gen css start*/
.crifGenPointTopSec small{font-weight: 500}
.crifGenPointTopSec h6{font-size: 0.9rem;}
/*.crifGenPointGifSec{padding: 18rem 0rem 5rem 0rem;}*/
.crifGenPointGifSec{padding: 17rem 0rem 13rem 0rem;} 
.crifGenPointGifSec img{width: 32%;}
.crifGenPointBotPara{background: #a7a7a7;color: #000;font-weight: 400;}
/*crif gen css end*/
.paymentPending {padding: 6.5rem 0rem;}


.paymentPendingPageLoader {position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);   width: 50px;aspect-ratio: 1;display: grid;border-radius: 50%;background: linear-gradient(0deg ,rgb(0 0 0/50%) 30%,#0000 0 70%,rgb(0 0 0/100%) 0) 50%/8% 100%,
    linear-gradient(90deg,rgb(0 0 0/25%) 30%,#0000 0 70%,rgb(0 0 0/75% ) 0) 50%/100% 8%;
  background-repeat: no-repeat;animation: l23 3s linear infinite;z-index: 9999;}
.paymentPendingPageLoader::before,
.paymentPendingPageLoader::after {content: "";grid-area: 1/1;border-radius: 50%;background: inherit;opacity: 0.915;transform: rotate(30deg);}
.paymentPendingPageLoader::after {opacity: 0.83;transform: rotate(60deg);}
@keyframes l23 {
  0%   { transform: translate(-50%, -50%) rotate(0deg); }
  100% { transform: translate(-50%, -50%) rotate(360deg); }
}


#counter, #counterPF, #counterPS {position: relative;font-size: 1.2rem;font-weight: bold;border-radius: 50%;background: #f9f9f9;width: 60px;height: 60px;margin: 3rem auto;display: grid;      place-items: center;z-index: 1;overflow: hidden;line-height: 3;}
#counter::before, #counterPF::before, #counterPS::before {content: "";position: absolute;inset: 0;border-radius: 50%;border: 6px solid #a652f8;animation:l20-1 1s infinite linear alternate,l20-2 2s infinite linear;z-index: 0;}
/* Quarter arc stretch effect */
@keyframes l20-1 {
  0%    {clip-path: polygon(50% 50%,0       0,  50%   0%,  50%    0%, 50%    0%, 50%    0%, 50%    0% )}
  12.5% {clip-path: polygon(50% 50%,0       0,  50%   0%, 100%    0%, 100%   0%, 100%   0%, 100%   0% )}
  25%   {clip-path: polygon(50% 50%,0       0,  50%   0%, 100%    0%, 100% 100%, 100% 100%, 100% 100% )}
  50%   {clip-path: polygon(50% 50%,0       0,  50%   0%, 100%    0%, 100% 100%, 50% 100%, 0%   100% )}
  62.5% {clip-path: polygon(50% 50%,100%    0, 100%   0%, 100%    0%, 100% 100%, 50% 100%, 0%   100% )}
  75%   {clip-path: polygon(50% 50%,100% 100%, 100% 100%, 100% 100%, 100% 100%, 50% 100%, 0%   100% )}
  100%  {clip-path: polygon(50% 50%,50%  100%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 0%   100% )}
}

/* Rotation + elastic flip */
@keyframes l20-2 { 
  0%    {transform: scaleY(1) rotate(0deg)}
  49.99%{transform: scaleY(1) rotate(135deg)}
  50%   {transform: scaleY(-1) rotate(0deg)}
  100%  {transform: scaleY(-1) rotate(-135deg)}
}