.how-it-works-section{background:linear-gradient(170deg,#00c264 7.48%,#00d4ca 183.38%);border-radius:8px;margin:100px;padding:100px;position:relative}@media screen and (min-width:1100px){.how-it-works-section{clip-path:inset(150px 150px 150px 150px round 10px);opacity:0;transition:clip-path 1s ease,opacity .5s ease}.how-it-works-section.animated{clip-path:inset(0 0 0 0 round 10px);opacity:1}}.how-it-works-section .grid{display:grid;gap:40px;grid-template-columns:2fr 2fr;height:100%;width:100%}.how-it-works-section .text-col{display:flex;flex-direction:column;justify-content:center}.how-it-works-section h1{color:#f4f4e7;font-family:Roobert;font-size:64px;font-style:normal;font-weight:600;letter-spacing:-2.24px;line-height:100%}.how-it-works-section p{color:#f4f4e7;margin:0;padding:0}.how-it-works-section .icons{margin-top:40px;max-width:312px;width:100%}.how-it-works-section .info{backdrop-filter:blur(10px);background:hsla(60,37%,93%,.3);border-radius:10px;bottom:20px;max-width:300px;padding:12px;position:absolute;right:20px}.how-it-works-section .images-col{align-items:center;display:flex;flex-direction:column;justify-content:center;position:relative}.how-it-works-section .images-col img{height:auto;width:100%}.how-it-works-section .image-one{left:20px;position:absolute;top:10px;width:6.5vw}.how-it-works-section .image-two{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:5vw}.how-it-works-section .image-three{position:absolute;right:20px;top:30px;width:15vw}.how-it-works-section .image-four{bottom:80px;position:absolute;right:20px;width:6.5vw}.how-it-works-section .image-four img:hover~.tooltip,.how-it-works-section .image-one img:hover~.tooltip,.how-it-works-section .image-three img:hover~.tooltip,.how-it-works-section .image-two img:hover~.tooltip{opacity:1}.how-it-works-section .tooltip{backdrop-filter:blur(10px);background:hsla(60,37%,93%,.3);border-radius:10px;color:#fff;left:-300px;opacity:0;padding:12px;pointer-events:none;position:absolute;right:0;transition:opacity .3s ease;width:300px;z-index:100}.how-it-works-section .pulse-animation{height:auto;width:100%}.how-it-works-section .pulse-animation path{animation-delay:calc(var(--animation-order)*.6s);animation-duration:2s;animation-fill-mode:both;animation-iteration-count:infinite;animation-name:pulse;animation-timing-function:ease-in-out;transform-origin:center}@keyframes pulse{0%{stroke-width:1px}50%{stroke-width:3px}to{stroke-width:1px}}@media screen and (max-width:1100px){.how-it-works-section{margin:20px;padding:40px}.how-it-works-section .tooltip{display:none}}@media screen and (max-width:800px){.how-it-works-section .grid{display:grid;grid-template-columns:2fr}.how-it-works-section .text-col{margin-top:-80px;order:1;padding-bottom:40px}.how-it-works-section .image-one{width:12vw}.how-it-works-section .image-two{width:10vw}.how-it-works-section .image-three{width:25vw}.how-it-works-section .image-four{width:12vw}.how-it-works-section h1{font-size:40px;font-style:normal;font-weight:600;letter-spacing:-1.4px;line-height:100%}}