.hero-banner{background-color:#000;background-image:url(https://f.hubspotusercontent30.net/hubfs/20215080/Kissflow%20Wesbsite%20Lowcode%20Images/Banner%20Animation%20Images/background.png);background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:auto;overflow:hidden;padding-bottom:80px!important;position:relative;z-index:0}.hero-banner a.btn{position:relative;z-index:1}.hero-banner .animated{-webkit-animation:myOrbit 10s linear infinite;-moz-animation:myOrbit 10s linear infinite;-o-animation:myOrbit 10s linear infinite;animation:myOrbit 10s linear infinite;z-index:-1}.hero-banner .animateds{-webkit-animation:myOrbit 15s linear infinite;-moz-animation:myOrbit 15s linear infinite;-o-animation:myOrbit 15s linear infinite;animation:myOrbit 15s linear infinite;z-index:-1}.hero-banner .animated-color{-webkit-animation:myOrbit 20s linear infinite;-moz-animation:myOrbit 20s linear infinite;-o-animation:myOrbit 20s linear infinite;animation:myOrbit 20s linear infinite;z-index:-1}.hero-banner .arch-img{bottom:-1px;left:0;position:absolute;width:100%}.hero-banner .pick-gradient{bottom:-80px;position:absolute;right:-80px}.hero-banner .blue-gradient{left:-80px;position:absolute;top:-80px}.hero-banner .right-ellipse{animation:mythird 20s infinite;animation-timing-function:linear;position:absolute;right:-190px;top:-94px}.hero-banner .bottom-ellipse{bottom:-120px;left:20px;position:absolute}.hero-banner .top-ellipse{left:-60px;top:-60px}.hero-banner .bottom-right-ellipse,.hero-banner .top-ellipse{backdrop-filter:blur(20px);border-radius:50%;position:absolute}.hero-banner .bottom-right-ellipse{bottom:0;right:30%}.hero-banner .middle-ellipse{bottom:-20px;position:absolute;right:420px}.hero-banner .big-pink-ellipse{animation:myfirst 20s infinite;animation-timing-function:linear;left:0;position:absolute;top:85px;z-index:-1}.hero-banner .small-pink-ellipse{position:absolute;right:50%;top:20px}.hero-banner .big-blue-ellipse{animation:mysecond 20s infinite;animation-timing-function:linear;position:absolute;right:20%;top:20px;z-index:-1}.hero-banner .small-blue-ellipse{left:20%;position:absolute;top:50px}.hero-banner .medium-blue-ellipse{animation:myfourth 20s infinite;animation-timing-function:linear;bottom:80px;left:45%;position:absolute;z-index:-1}.hero-banner .rounds{display:none}@keyframes myfirst{0%{left:0;top:0}25%{left:100px;top:0}50%{left:100px;top:100px}75%{left:50px;top:100px}to{left:0;top:0}}@keyframes mysecond{0%{right:20%;top:0}25%{right:25%;top:0}50%{right:20%;top:100px}75%{right:25%;top:100px}to{right:20%;top:0}}@keyframes mythird{0%{right:-190px;top:-94px}25%{right:-100px;top:-50px}50%{right:-120px;top:-30px}75%{right:-150px;top:-70px}to{right:-190px;top:-94px}}@keyframes myfourth{0%{bottom:0;left:45%}25%{bottom:100px;left:55%}50%{bottom:60px;left:65%}75%{bottom:100px;left:55%}to{bottom:0;left:45%}}@-webkit-keyframes myOrbit{0%{-webkit-transform:rotate(0deg) translateX(50px) rotate(0deg)}to{-webkit-transform:rotate(1turn) translateX(50px) rotate(-1turn)}}@-moz-keyframes myOrbit{0%{-moz-transform:rotate(0deg) translateX(50px) rotate(0deg)}to{-moz-transform:rotate(1turn) translateX(50px) rotate(-1turn)}}@-o-keyframes myOrbit{0%{-o-transform:rotate(0deg) translateX(50px) rotate(0deg)}to{-o-transform:rotate(1turn) translateX(50px) rotate(-1turn)}}@keyframes myOrbit{0%{transform:rotate(0deg) translateX(50px) rotate(0deg)}to{transform:rotate(1turn) translateX(50px) rotate(-1turn)}}@media(min-width:768px){.hero-banner{min-height:600px;padding-bottom:0}}@media(min-width:992px){.hero-banner .rounds{display:block}}