.view4{width:100%;background-color:#f0f0f0;display:flex;justify-content:center;align-items:center;padding:271px 0}.view4>div{width:100%;background:#eff0f4;position:relative;display:flex;flex-direction:column}.view4>div .f1{position:relative;width:100%;height:263px;display:flex;justify-content:center;align-items:center}.view4>div .f1 h2{position:absolute;zoom:40%;font-size:21vw;color:#444;margin-top:-755px;line-height:1em;text-shadow:-.147vw .147vw 0 #fff,-.294vw .294vw 0 #222,-.442vw .442vw 0 #222,-.589vw .589vw 0 #222,-.736vw .736vw 0 #222,-.736vw .736vw 0 #222,-.883vw .883vw 0 #222,-.883vw .883vw 0 #222,-1.077vw .977vw 0 #222,-1.177vw 1.251vw 1.177vw #000000d9}.view4>div .f1 h2:nth-child(2){color:#03a9f4;text-shadow:-.147vw .147vw 0 #0375a9,-.294vw .294vw 0 #0375a9,-.442vw .442vw 0 #0375a9,-.589vw .589vw 0 #0375a9,-.736vw .736vw 0 #0375a9,-.736vw .736vw 0 #0375a9,-.883vw .883vw 0 #0375a9,-.883vw .883vw 0 #0375a9,-1.177vw 1.177vw 0 #0375a9;cursor:pointer;clip-path:circle(20% at 50% 100%);transition:clip-path 2.5s;z-index:100}.view4>div .f1 h2:hover:nth-child(2){clip-path:circle(50% at 50% 100%)}.view4>div .f1 h2:nth-child(3){color:#2cff37;text-shadow:-.147vw .147vw 0 #08a010,-.294vw .294vw 0 #08a010,-.442vw .442vw 0 #08a010,-.589vw .589vw 0 #08a010,-.736vw .736vw 0 #08a010,-.736vw .736vw 0 #08a010,-.883vw .883vw 0 #08a010,-.883vw .883vw 0 #08a010,-1.177vw 1.177vw 0 #08a010;z-index:100;cursor:pointer;clip-path:circle(20% at 0% 1%);transition:clip-path 2.5s}.view4>div .f1 h2:hover:nth-child(3){clip-path:circle(120% at 0% 10%)}.view4>div .f1 h2:nth-child(4){color:#e91e63;text-shadow:-.147vw .147vw 0 #ae0840,-.294vw .294vw 0 #ae0840,-.442vw .442vw 0 #ae0840,-.589vw .589vw 0 #ae0840,-.736vw .736vw 0 #ae0840,-.736vw .736vw 0 #ae0840,-.883vw .883vw 0 #ae0840,-.883vw .883vw 0 #ae0840,-1.177vw 1.177vw 0 #ae0840;cursor:pointer;clip-path:circle(20% at 100% 50%);transition:clip-path 2.5s}.view4>div .f1 h2:hover:nth-child(4){clip-path:circle(120% at 100% 50%);z-index:100}.view4>div .bolhas{position:relative;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:40px 60px}.view4>div .bolhas .drop{position:relative;width:350px;height:350px;display:flex;flex-direction:column;justify-content:center;align-items:center}.view4>div .bolhas .drop:nth-child(1):after{content:"";position:absolute;box-shadow:inset 20px 20px 20px #0000000d,25px 35px 20px #0000000d,25px 30px 30px #0000000d,inset -20px -20px 25px #ffffffe6;width:350px;height:350px;opacity:0;border-radius:57% 43% 43% 57%/43% 43% 57% 57%;transition:1s ease}.view4>div .bolhas .drop:nth-child(1):hover:after{opacity:1;border-radius:50%}.view4>div .bolhas .drop:nth-child(1):before{content:"";position:absolute;box-shadow:inset 20px 20px 20px #0000000d,25px 35px 20px #0000000d,25px 30px 30px #0000000d,inset -20px -20px 25px #ffffffe6;width:350px;height:350px;border-radius:57% 43% 43% 57%/43% 43% 57% 57%;animation:animate1 3s cubic-bezier(.31,.01,.57,.85) infinite;transition:.5s}.view4>div .bolhas .drop:nth-child(1):hover:before{transition:.5s;animation-play-state:paused;opacity:0;border-radius:57% 43% 43% 57%/43% 43% 57% 57%}@keyframes animate1{0%,to{border-radius:57% 43% 43% 57%/43% 43% 57% 57%}40%{border-radius:64% 36% 50% 50%/49% 28% 72% 51%}70%{border-radius:54% 46% 50% 50%/40% 54% 46% 60%}}.view4>div .bolhas .drop:nth-child(2):after{content:"";position:absolute;box-shadow:inset 20px 20px 20px #0000000d,25px 35px 20px #0000000d,25px 30px 30px #0000000d,inset -20px -20px 25px #ffffffe6;width:350px;height:350px;opacity:0;border-radius:73% 27% 59% 41%/57% 59% 41% 43%;transition:1s ease}.view4>div .bolhas .drop:nth-child(2):hover:after{opacity:1;border-radius:50%}.view4>div .bolhas .drop:nth-child(2):before{content:"";position:absolute;box-shadow:inset 20px 20px 20px #0000000d,25px 35px 20px #0000000d,25px 30px 30px #0000000d,inset -20px -20px 25px #ffffffe6;width:350px;height:350px;border-radius:73% 27% 59% 41%/57% 59% 41% 43%;animation:animate2 5s cubic-bezier(.43,.22,.58,.82) infinite;transition:.5s}.view4>div .bolhas .drop:nth-child(2):hover:before{transition:.5s;animation-play-state:paused;opacity:0;border-radius:73% 27% 59% 41%/57% 59% 41% 43%}@keyframes animate2{0%,to{border-radius:73% 27% 59% 41%/57% 59% 41% 43%}40%{border-radius:39% 61% 59% 41%/57% 42% 58% 43%}70%{border-radius:58% 42% 59% 41%/66% 59% 41% 34%}}.view4>div .bolhas .drop:nth-child(3):after{content:"";position:absolute;box-shadow:inset 20px 20px 20px #0000000d,25px 35px 20px #0000000d,25px 30px 30px #0000000d,inset -20px -20px 25px #ffffffe6;width:350px;height:350px;opacity:0;border-radius:35% 65% 31% 69%/57% 59% 41% 43%;transition:1s ease}.view4>div .bolhas .drop:nth-child(3):hover:after{opacity:1;border-radius:50%}.view4>div .bolhas .drop:nth-child(3):before{content:"";position:absolute;box-shadow:inset 20px 20px 20px #0000000d,25px 35px 20px #0000000d,25px 30px 30px #0000000d,inset -20px -20px 25px #ffffffe6;width:350px;height:350px;border-radius:35% 65% 31% 69%/57% 59% 41% 43%;animation:animate3 7s cubic-bezier(.43,.22,.58,.82) infinite;transition:.5s}.view4>div .bolhas .drop:nth-child(3):hover:before{transition:.5s;animation-play-state:paused;opacity:0;border-radius:35% 65% 31% 69%/57% 59% 41% 43%}@keyframes animate3{0%,to{border-radius:35% 65% 31% 69%/57% 59% 41% 43%}40%{border-radius:67% 33% 60% 40%/73% 35% 65% 27%}70%{border-radius:67% 33% 60% 40%/34% 55% 45% 66%}}.view4>div .bolhas .drop .content{position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;padding:40px;gap:15px}.view4>div .bolhas .drop .content h2{position:relative;width:80px;height:80px;background:#eff0f4;border-radius:50%;box-shadow:inset 2px 5px 10px #0000001a,inset -2px -5px 10px #fff,15px 15px 10px #0000000d,15px 10px 15px #00000006;display:flex;justify-content:center;align-items:center;font-size:2em;color:var(--clr)}.view4>div .bolhas .drop .content a{position:relative;padding:10px 25px;background:var(--clr);text-decoration:none;color:#fff;border-radius:25px;font-weight:500;text-shadow:0 2px 2px rgba(0,0,0,.25);opacity:.75;transition:.5s;z-index:100}.view4>div .bolhas .drop .content a:hover{opacity:1}.view4>div .bolhas .drop .content a:before{content:"";position:absolute;left:50%;top:8px;transform:translate(-50%);width:65%;height:5px;border-radius:5px;background:#ffffff80}