.counterSection{background-color:red;background:url(/wp-content/themes/unipro-pu/assets/img/counter/counterBg5.jpg);position:relative;z-index:1;background-position:center center;background-size:cover;background-repeat:no-repeat;background-attachment:fixed}.counterContainer{background:rgb(255 255 255 / .47);box-shadow:0 4px 30px rgb(0 0 0 / .1);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgb(255 255 255 / .85);padding:30px 20px 30px 20px;overflow:visible;margin:0 30px}.counterSection .counterSingleBox{height:300px;border:1px solid #fff;margin-top:20px;margin-bottom:0;position:relative;text-align:center}@media screen and (max-width:576px){.counterContainer{padding:30px 20px 30px 20px;overflow:visible;margin:0 5px}.counterSection .counterSingleBox{height:250px}}.counterSingleBox::before,.counterSingleBox::after{content:"";width:0;height:3px;position:absolute;transition:all 0.2s linear;background:var(--accent-color);background-image:linear-gradient(270deg,#b20d5d,#4a0ab4)}.counterSingleBox:hover::before,.counterSingleBox:hover::after{width:100%}.counterSingleBox:hover .counterBoxInner::before,.counterSingleBox:hover .counterBoxInner::after{height:100%}.counterSingleBox::before{left:50%;top:0;transition-duration:0.4s}.counterSingleBox::after{left:0;width:100px;right:0;margin:auto;bottom:0;transition-duration:0.4s}.counterSingleBox:hover::before,.counterSingleBox:hover::after{left:0}.counterSingleBox:hover .counterBoxInner::before,.counterSingleBox:hover .counterBoxInner::after{top:0}.counterBoxInner::before,.counterBoxInner::after{content:"";width:3px;height:0;position:absolute;transition:all 0.2s linear;background:var(--accent-color);background-image:linear-gradient(270deg,#b20d5d,#4a0ab4)}.counterBoxInner{padding:30px 25px 45px}.counterSection .counterSingleBox .counterNumber{font-size:65px;line-height:normal;display:block;margin-bottom:.5rem;color:var(--accent-color);font-weight:700;background-image:linear-gradient(270deg,#b20d5d,#4a0ab4);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:#fff0;color:#fff0;background-size:200% 200%;animation:gradientMove 5s ease-in-out infinite}.counterSection .counterSingleBox .counterText{font-size:22px;font-weight:700;color:#212121;line-height:30px;transition:0.5s ease-in-out;text-shadow:2px 5px 6px #dad2ff}.counterSection .counterSingleBox .counterIcon{font-size:60px;line-height:normal;display:block;color:var(--accent-color);background-image:linear-gradient(270deg,#b20d5d,#4a0ab4);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:#fff0;color:#fff0;background-size:200% 200%;animation:gradientMove 8s ease-in-out infinite;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#ffffffc7}.counterRow{display:flex;gap:9px;flex-wrap:wrap}.counterRow>div{padding:0}.counterSingleBox .counterBoxInner{padding:30px 25px 45px}.counterSingleBox .counterBoxInner::before{left:0;top:50%;transition-duration:0.4s}.counterSingleBox .counterBoxInner::after{right:0;top:50%;transition-duration:0.4s}.circles{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:-1}.circles li{position:absolute;display:block;list-style:none;width:20px;height:20px;background:#fff3;animation:animate 25s linear infinite;bottom:-150px}.circles li:nth-child(1){left:25%;width:80px;height:80px;animation-delay:0s}.circles li:nth-child(2){left:10%;width:20px;height:20px;animation-delay:2s;animation-duration:12s}.circles li:nth-child(3){left:70%;width:20px;height:20px;animation-delay:4s}.circles li:nth-child(4){left:40%;width:60px;height:60px;animation-delay:0s;animation-duration:18s}.circles li:nth-child(5){left:65%;width:20px;height:20px;animation-delay:0s}.circles li:nth-child(6){left:75%;width:110px;height:110px;animation-delay:3s}.circles li:nth-child(7){left:35%;width:150px;height:150px;animation-delay:7s}.circles li:nth-child(8){left:50%;width:25px;height:25px;animation-delay:15s;animation-duration:45s}.circles li:nth-child(9){left:20%;width:15px;height:15px;animation-delay:2s;animation-duration:35s}.circles li:nth-child(10){left:85%;width:150px;height:150px;animation-delay:0s;animation-duration:11s}@keyframes animate{0%{transform:translateY(0) rotate(0deg);opacity:1;border-radius:0;background:rgb(88 101 242 / .75)}50%{background:rgb(255 99 132 / .75)}100%{transform:translateY(-1000px) rotate(720deg);opacity:0;border-radius:50%;background:rgb(0 255 200 / .75)}}