.animation-section{max-width:1100px;width:100%;margin:auto;display:block}.animation-section .item--wrapper{position:relative;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;color:#fff;margin:auto}.animation-section .item--wrapper.active{width:100%}.animation-section .item--wrapper .item{padding:10%}.animation-section .item--wrapper.active .item:hover{box-shadow:0 0 15px #333;scale:1.05}.animation-section .item--wrapper.active1 .item:hover{box-shadow:0 0 15px #333;scale:1.05}.animation-section .item--wrapper.active2 .item:hover{box-shadow:0 0 15px #333;scale:1.05}.animation-section .item--wrapper.active3 .item:hover{box-shadow:0 0 15px #333;scale:1.05}.animation-section .item--wrapper.active4 .item:hover{box-shadow:0 0 15px #333;scale:1.05}.animation-section .item--wrapper .left-top-item{background-color:#575da9;border-top-left-radius:10%;transition:all 0.3s ease-in-out;margin:80px 0 0 80px}.animation-section .item--wrapper .left-top-item::before{content:"";shape-outside:polygon(100% 50%,0% 100%,100% 100%);width:100px;height:100%;float:right}.animation-section .item--wrapper.active .left-top-item{margin:0 80px 80px 0;transition:all 0.3s ease-in-out}.animation-section .item--wrapper.active1 .left-top-item{margin:64px 16px 16px 64px;transition:all 0.3s ease-in-out}.animation-section .item--wrapper.active2 .left-top-item{margin:48px 32px 32px 48px;transition:all 0.3s ease-in-out}.animation-section .item--wrapper.active3 .left-top-item{margin:32px 48px 48px 32px;transition:all 0.3s ease-in-out}.animation-section .item--wrapper.active4 .left-top-item{margin:16px 64px 60px 16px;transition:all 0.3s ease-in-out}.animation-section .item--wrapper .right-top-item{background-color:#da993e;border-top-right-radius:10%;transition:all 0.3s ease-in-out;margin:80px 80px 0 0}.animation-section .item--wrapper .right-top-item::before{content:"";shape-outside:polygon(0 50%,0% 100%,100% 100%);width:100px;height:100%;float:left}.animation-section .item--wrapper.active .right-top-item{margin:0 0 80px 80px;transition:all 0.3s ease-in-out}.animation-section .item--wrapper.active1 .right-top-item{margin:64px 64px 16px 16px;transition:all 0.3s ease-in-out}.animation-section .item--wrapper.active2 .right-top-item{margin:48px 48px 32px 32px;transition:all 0.3s ease-in-out}.animation-section .item--wrapper.active3 .right-top-item{margin:32px 32px 48px 48px;transition:all 0.3s ease-in-out}.animation-section .item--wrapper.active4 .right-top-item{margin:16px 16px 64px 64px;transition:all 0.3s ease-in-out}.animation-section .item--wrapper .left-bottom-item{background-color:#d14e52;border-bottom-left-radius:10%;transition:all 0.3s ease-in-out;margin:0 0 80px 80px}.animation-section .item--wrapper .left-bottom-item::before{content:"";shape-outside:polygon(100% 0,0 0,100% 50%);width:100px;height:100%;float:right}.animation-section .item--wrapper.active .left-bottom-item{transition:all 0.3s ease-in-out;margin:80px 80px 0 0}.animation-section .item--wrapper.active1 .left-bottom-item{transition:all 0.3s ease-in-out;margin:16px 16px 64px 64px}.animation-section .item--wrapper.active2 .left-bottom-item{transition:all 0.3s ease-in-out;margin:32px 32px 48px 48px}.animation-section .item--wrapper.active3 .left-bottom-item{transition:all 0.3s ease-in-out;margin:48px 48px 32px 32px}.animation-section .item--wrapper.active4 .left-bottom-item{transition:all 0.3s ease-in-out;margin:64px 64px 16px 16px}.animation-section .item--wrapper .right-bottom-item{background-color:#53b947;border-bottom-right-radius:10%;transition:all 0.3s ease-in-out;margin:0 80px 80px 0}.animation-section .item--wrapper.active .right-bottom-item{margin:80px 0 0 80px;transition:all 0.3s ease-in-out}.animation-section .item--wrapper.active1 .right-bottom-item{margin:16px 64px 64px 16px;transition:all 0.3s ease-in-out}.animation-section .item--wrapper.active2 .right-bottom-item{margin:32px 48px 48px 32px;transition:all 0.3s ease-in-out}.animation-section .item--wrapper.active3 .right-bottom-item{margin:48px 32px 32px 48px;transition:all 0.3s ease-in-out}.animation-section .item--wrapper.active4 .right-bottom-item{margin:64px 16px 16px 64px;transition:all 0.3s ease-in-out}.animation-section .item--wrapper .right-bottom-item::before{content:"";shape-outside:polygon(0 0,100% 0,0 100%,0% 100%);width:120px;height:120px;float:left}.animation-section .item--wrapper .item .title{font-size:40px;line-height:1.1;margin:0;color:#FFF;padding-bottom:8px}.animation-section .item--wrapper .item.right-top-item .title{padding-left:20px}.animation-section .item--wrapper .item .text{font-size:24px;font-weight:400;line-height:1.25;margin:0;color:#FFF}.animation-section .item--wrapper .center-item-wrapper{position:absolute;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);width:340px;height:340px;background-color:#F9FAFE;overflow:hidden;transition:all 0.3s ease-in-out;border:solid 3px #F9FAFE}.animation-section .item--wrapper.active .center-item-wrapper{width:500px;height:500px;transition:all 0.3s ease-in-out;border:unset;background:#F9FAFE}.animation-section .item--wrapper.active1 .center-item-wrapper{width:372px;height:372px;transition:all 0.3s ease-in-out;border:unset}.animation-section .item--wrapper.active2 .center-item-wrapper{width:404px;height:404px;transition:all 0.3s ease-in-out;border:unset}.animation-section .item--wrapper.active3 .center-item-wrapper{width:436px;height:436px;transition:all 0.3s ease-in-out;border:unset}.animation-section .item--wrapper.active4 .center-item-wrapper{width:468px;height:468px;transition:all 0.3s ease-in-out;border:unset;background:#F9FAFE}.animation-section .item--wrapper .center-item-wrapper .title-wrapper{width:340px;height:340px;margin:0 auto;border-radius:50%;background-color:#1EBCA8;position:relative;transition:all 0.3s ease-in-out}.animation-section .item--wrapper.active .center-item-wrapper .title-wrapper{margin-top:80px;transition:all 0.3s ease-in-out}.animation-section .item--wrapper.active1 .center-item-wrapper .title-wrapper{margin-top:16px;transition:all 0.3s ease-in-out}.animation-section .item--wrapper.active2 .center-item-wrapper .title-wrapper{margin-top:32px;transition:all 0.3s ease-in-out}.animation-section .item--wrapper.active3 .center-item-wrapper .title-wrapper{margin-top:48px;transition:all 0.3s ease-in-out}.animation-section .item--wrapper.active4 .center-item-wrapper .title-wrapper{margin-top:64px;transition:all 0.3s ease-in-out}.animation-section .item--wrapper .center-item-wrapper .title-wrapper .title{font-size:60px;list-style:none;line-height:1.1;position:absolute;top:50%;left:0;transform:translate(0,-50%);margin:0 10%;text-align:center;color:#fff}.center-item-wrapper .left-top-bridge,.center-item-wrapper .right-top-bridge,.center-item-wrapper .left-bottom-bridge,.center-item-wrapper .right-bottom-bridge{position:absolute}.center-item-wrapper .bridge-wrapper{position:absolute;width:100%;height:100%}.center-item-wrapper .bridge-wrapper .left-top-bridge{top:0;left:0;width:50%;height:50%}.center-item-wrapper .bridge-wrapper .right-top-bridge{top:0;right:0;width:50%;height:50%;transform:rotate(90deg)}.center-item-wrapper .bridge-wrapper .left-bottom-bridge{bottom:0;left:0;width:50%;height:50%;transform:rotate(270deg)}.center-item-wrapper .bridge-wrapper .right-bottom-bridge{bottom:0;right:0;width:50%;height:50%;transform:rotate(180deg)}.center-item-wrapper .bridge-wrapper .bridge{position:relative;width:50%;height:50%}.center-item-wrapper .bridge::after{content:"";width:60px;height:60px;position:absolute;right:-12%;bottom:-12%;transform:rotate(-45deg);background-color:#2AA7A6}.center-item-wrapper .bridge::before{content:"";width:200px;height:200px;border-radius:50%;position:absolute;right:2%;bottom:2%;background-color:#2AA7A6}@media (min-width:980px) and (max-width:1100px){.animation-section .item--wrapper .item{padding:12%}}@media (min-width:768px) and (max-width:1023px){.animation-section .item--wrapper .item .title{font-size:32px}.animation-section .item--wrapper .item .text{font-size:20px}.animation-section .item--wrapper .center-item-wrapper .title-wrapper .title{font-size:35px}}