.bubble-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;width:100%;margin-bottom:80px;flex-direction:row}.wrap-bubble{display:flex;justify-content:center}.wrap-bubble.trigger-hover .bubble{transform:rotateY(360deg);transition:transform .8s;transform-style:preserve-3d}.wrap-bubble.trigger-hover .bubble .front{opacity:0}.wrap-bubble.trigger-hover .bubble .back{transform:rotateY(0deg)}.bubble{position:relative;width:200px;height:200px;border-radius:50%;background-color:#eee;border:#333;background-size:contain;overflow:hidden;background-repeat:no-repeat;transition:transform .8s}.bubble-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;width:100%;flex-direction:row}.bubble-row .wrap-bubble:nth-child(1){margin-left:0}.bubble-row .wrap-bubble:nth-child(3){margin-right:0}.wrap-bubble{width:330px}.animation-duration{position:relative;top:0}.bubble .front{position:absolute;width:100%;height:100%;backface-visibility:hidden;backface-visibility:hidden;background-color:#fff;background-size:contain;background-repeat:no-repeat;-webkit-backface-visibility:hidden;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700}.bubble .front img{padding:50px;background-color:#fff}.bubble .back{position:absolute;width:100%;height:100%;backface-visibility:hidden;backface-visibility:hidden;background-color:#ed6c05;color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;transform:rotateY(180deg);-webkit-backface-visibility:hidden}.bubble-container{position:relative;top:-100px}.services-box{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.service{margin:8px}.container-animation{overflow:hidden}.wrap-bubble{width:300px}.bubble-row .wrap-bubble:nth-child(1) .bubble{margin-left:0}.bubble-row .wrap-bubble:nth-child(3) .bubble{margin-left:80px;margin-right:0}@media only screen and (max-width:1023px){.wrap-bubble{width:240px}}@media only screen and (max-width:991px){.wrap-bubble{width:230px}}@media only screen and (max-width:768px){.bubble-row{margin-bottom:10px}.wrap-bubble{width:170px}.bubble{width:100px;height:100px;margin:5px}.bubble-row{margin-bottom:10px!important}.bubble .back{font-size:11px;padding:10px;position:relative;text-align:center}.bubble .front img{padding:15px}}.icon-animation img{animation:blinker 1s linear infinite;cursor:pointer}@media only screen and (max-width:540px){.wrap-bubble{width:112px}}