.banner_with_animation{background-image:url(image/grey-dotted-bg.svg)}.banner_with_animation .web-icon{position:absolute;transform:scale(0);width:60px}.banner_with_animation .web-icon.icon-1{height:32px;left:0;top:0;width:32px}.banner_with_animation .web-icon.icon-2{bottom:-60px;height:44px;left:0;margin:auto;right:0;width:44px}.banner_with_animation .web-icon.icon-3{height:32px;right:0;top:0;width:32px}.banner_with_animation .web-icon.icon-4{display:none}.banner_with_animation.visible .icon-1{animation:scaleme 1.5s forwards;animation-delay:2s;transition:all .1s}.banner_with_animation.visible .icon-2{animation:scaleme 1.5s forwards;animation-delay:1.8s;transition:all .1s}.banner_with_animation.visible .icon-3{animation:scaleme 1.5s forwards;animation-delay:1s;transition:all .1s}.banner_with_animation.visible .icon-4{animation:scaleme 1.5s forwards;animation-delay:1.5s;transition:all .1s}@media (min-width:768px){.banner_with_animation{height:435px}.banner_with_animation .kf-card{margin:auto;max-width:600px;padding:34px 20px}.banner_with_animation .web-icon{height:60px!important;position:absolute;width:60px!important}.banner_with_animation .web-icon.icon-1{left:-28px;top:40px}.banner_with_animation .web-icon.icon-2{bottom:0!important;left:unset;margin:unset;right:-12px;top:20px}.banner_with_animation .web-icon.icon-3{bottom:-23px;left:82px;top:unset}.banner_with_animation .web-icon.icon-4{bottom:0;display:block!important;right:33px}}@media (min-width:1360px){.banner_with_animation{min-height:675px}.banner_with_animation .kf-card{border:none;max-width:850px!important;padding:40px 68px 55px!important;position:relative;z-index:2}.banner_with_animation .web-icon{height:60px!important;position:absolute;width:60px!important}.banner_with_animation .web-icon.icon-1{left:0;top:-2px}.banner_with_animation .web-icon.icon-2{left:unset;margin:unset;right:-27px;top:-2px}.banner_with_animation .web-icon.icon-3{bottom:70px;left:4px;top:unset}.banner_with_animation .web-icon.icon-4{bottom:60px;display:block!important;right:2px}.banner_with_animation .bubble{border-radius:50%;height:10px;left:10%;position:absolute;top:10%;width:10px;z-index:1}.banner_with_animation .bubble:after{animation:myripple 2s infinite;border-radius:50%;content:"";height:25px;left:-7px;opacity:.5;position:inherit;top:-7px;transition:all .5s;width:25px}.banner_with_animation .yellow-bubble{background:#ffa530;bottom:10%;left:10%;top:auto}.banner_with_animation .yellow-bubble:after{background:#faf1e1}.banner_with_animation .blue-bubble{background:#1f80ff;bottom:10%;left:auto;right:10%;top:auto}.banner_with_animation .blue-bubble:after{background:#ecf3ff}.banner_with_animation .green-bubble{background:#5dba61;left:auto;right:10%}.banner_with_animation .green-bubble:after{background:#dcf5de}.banner_with_animation .pink-bubble{background:#d341a5;bottom:0;left:50%;top:auto}.banner_with_animation .pink-bubble:after{background:#f7dff5}.banner_with_animation .yellow-bubble2{bottom:auto;left:10%;right:auto;top:10%}.banner_with_animation .blue-bubble2{left:50%;top:50px}.banner_with_animation .green-bubble2{bottom:auto;left:40px;right:auto;top:50%}.banner_with_animation .pink-bubble2{bottom:auto;left:auto;right:50px;top:50%}}@keyframes scaleme{0%,75%{transform:scale(0)}25%,50%{transform:scale(1);transition-delay:5s}to{transform:scale(1)}}@keyframes myripple{0%,to{height:12px;left:-1px;top:-1px;width:12px}25%,75%{height:15px;left:-3px;top:-3px;width:15px}50%{height:25px;left:-7px;top:-7px;width:25px}}