.elementor-1132 .elementor-element.elementor-element-50305db{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.5;--margin-top:-140px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:180px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}.elementor-1132 .elementor-element.elementor-element-50305db:not(.elementor-motion-effects-element-type-background), .elementor-1132 .elementor-element.elementor-element-50305db > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://newcleanservice.com/wp-content/uploads/2026/02/Sem-nome-1920-x-1280-px.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1132 .elementor-element.elementor-element-50305db::before, .elementor-1132 .elementor-element.elementor-element-50305db > .elementor-background-video-container::before, .elementor-1132 .elementor-element.elementor-element-50305db > .e-con-inner > .elementor-background-video-container::before, .elementor-1132 .elementor-element.elementor-element-50305db > .elementor-background-slideshow::before, .elementor-1132 .elementor-element.elementor-element-50305db > .e-con-inner > .elementor-background-slideshow::before, .elementor-1132 .elementor-element.elementor-element-50305db > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-1132 .elementor-element.elementor-element-36a1fc4{--display:flex;}.elementor-1132 .elementor-element.elementor-element-36a1fc4:not(.elementor-motion-effects-element-type-background), .elementor-1132 .elementor-element.elementor-element-36a1fc4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFFA1;}.elementor-1132 .elementor-element.elementor-element-6709e6f img{width:20%;}.elementor-1132 .elementor-element.elementor-element-3523061{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1132 .elementor-element.elementor-element-3523061:not(.elementor-motion-effects-element-type-background), .elementor-1132 .elementor-element.elementor-element-3523061 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00000042;}.elementor-1132 .elementor-element.elementor-element-b7edea1{--display:flex;--justify-content:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1132 .elementor-element.elementor-element-1b8971a{text-align:start;}.elementor-1132 .elementor-element.elementor-element-1b8971a .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:50px;font-weight:700;line-height:1.2em;color:var( --e-global-color-f8d6f79 );}.elementor-1132 .elementor-element.elementor-element-31c2475{text-align:start;}.elementor-1132 .elementor-element.elementor-element-31c2475 .elementor-heading-title{font-family:var( --e-global-typography-a977372-font-family ), Sans-serif;font-size:var( --e-global-typography-a977372-font-size );font-weight:var( --e-global-typography-a977372-font-weight );text-transform:var( --e-global-typography-a977372-text-transform );line-height:var( --e-global-typography-a977372-line-height );letter-spacing:var( --e-global-typography-a977372-letter-spacing );color:#FFFFFF;}.elementor-1132 .elementor-element.elementor-element-2992701{color:var( --e-global-color-f8d6f79 );}.elementor-1132 .elementor-element.elementor-element-2992701 a{color:var( --e-global-color-f8d6f79 );}.elementor-1132 .elementor-element.elementor-element-2207b41 .elementor-button{background-color:#B2FE0200;font-family:"Syne", Sans-serif;font-size:20px;font-weight:500;line-height:1.4em;fill:#000000;color:#000000;padding:20px 40px 20px 40px;}.elementor-1132 .elementor-element.elementor-element-2207b41.elementor-element{--align-self:flex-start;}.elementor-1132 .elementor-element.elementor-element-5161e05{--display:flex;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1132 .elementor-element.elementor-element-415fe2a .ff-el-progress{background-color:var( --e-global-color-a0019a7 );}.elementor-1132 .elementor-element.elementor-element-415fe2a .ff-el-progress-bar{background-color:var( --e-global-color-secondary );}.elementor-1132 .elementor-element.elementor-element-415fe2a .step-nav button{background-color:var( --e-global-color-secondary );color:var( --e-global-color-f8d6f79 );border-style:none;border-radius:50px 50px 50px 50px;padding:20px 30px 20px 30px;}.elementor-1132 .elementor-element.elementor-element-415fe2a .fluentform-widget-wrapper .ff-el-group a{color:var( --e-global-color-f8d6f79 );}.elementor-1132 .elementor-element.elementor-element-415fe2a .fluentform-widget-wrapper .ff-el-input--label label{color:var( --e-global-color-f8d6f79 );}.elementor-1132 .elementor-element.elementor-element-415fe2a .ff-el-progress-status{color:var( --e-global-color-secondary );}.elementor-1132 .elementor-element.elementor-element-415fe2a .ff-el-progress-bar span{color:var( --e-global-color-a0019a7 );}.elementor-1132 .elementor-element.elementor-element-415fe2a .fluentform-widget-wrapper .ff-el-group .ff-btn-submit{background-color:var( --e-global-color-primary );color:var( --e-global-color-1b79a55 );border-radius:50px 50px 50px 50px;padding:20px 30px 20px 30px;}.elementor-1132 .elementor-element.elementor-element-415fe2a .fluentform-widget-wrapper .ff-el-group .ff-btn-submit:hover{background-color:var( --e-global-color-247e6a3 );color:var( --e-global-color-1b79a55 );}.elementor-1132 .elementor-element.elementor-element-e7a0a0b{--display:flex;--min-height:80px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-1132 .elementor-element.elementor-element-e7a0a0b:not(.elementor-motion-effects-element-type-background), .elementor-1132 .elementor-element.elementor-element-e7a0a0b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-1b79a55 );}.elementor-1132 .elementor-element.elementor-element-3ca719b .elementor-icon-list-icon i{color:var( --e-global-color-secondary );transition:color 0.3s;}.elementor-1132 .elementor-element.elementor-element-3ca719b .elementor-icon-list-icon svg{fill:var( --e-global-color-secondary );transition:fill 0.3s;}.elementor-1132 .elementor-element.elementor-element-3ca719b{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-1132 .elementor-element.elementor-element-3ca719b .elementor-icon-list-text{color:var( --e-global-color-f8d6f79 );transition:color 0.3s;}.elementor-1132 .elementor-element.elementor-element-3ca719b .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-f8d6f79 );}body:not(.rtl) .elementor-1132 .elementor-element.elementor-element-3d2b853{left:0px;}body.rtl .elementor-1132 .elementor-element.elementor-element-3d2b853{right:0px;}.elementor-1132 .elementor-element.elementor-element-3d2b853{top:0px;}.elementor-1132 .elementor-element.elementor-element-701ca0c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:80px;--padding-bottom:80px;--padding-left:30px;--padding-right:30px;}.elementor-1132 .elementor-element.elementor-element-3a50f71{text-align:center;}.elementor-1132 .elementor-element.elementor-element-3a50f71 .elementor-heading-title{font-family:var( --e-global-typography-5efc1d0-font-family ), Sans-serif;font-size:var( --e-global-typography-5efc1d0-font-size );font-weight:var( --e-global-typography-5efc1d0-font-weight );text-transform:var( --e-global-typography-5efc1d0-text-transform );line-height:var( --e-global-typography-5efc1d0-line-height );letter-spacing:var( --e-global-typography-5efc1d0-letter-spacing );color:var( --e-global-color-1b79a55 );}.elementor-1132 .elementor-element.elementor-element-917e518{text-align:center;}.elementor-1132 .elementor-element.elementor-element-917e518 .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-1132 .elementor-element.elementor-element-058ea15{text-align:center;}.elementor-1132 .elementor-element.elementor-element-fa2d68c.elementor-element{--align-self:center;}.elementor-1132 .elementor-element.elementor-element-3ca3438{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:80px;--padding-bottom:80px;--padding-left:30px;--padding-right:30px;}.elementor-1132 .elementor-element.elementor-element-3ca3438:not(.elementor-motion-effects-element-type-background), .elementor-1132 .elementor-element.elementor-element-3ca3438 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-1b79a55 );}.elementor-1132 .elementor-element.elementor-element-a5ff613{text-align:center;}.elementor-1132 .elementor-element.elementor-element-a5ff613 .elementor-heading-title{font-family:var( --e-global-typography-5efc1d0-font-family ), Sans-serif;font-size:var( --e-global-typography-5efc1d0-font-size );font-weight:var( --e-global-typography-5efc1d0-font-weight );text-transform:var( --e-global-typography-5efc1d0-text-transform );line-height:var( --e-global-typography-5efc1d0-line-height );letter-spacing:var( --e-global-typography-5efc1d0-letter-spacing );color:var( --e-global-color-f8d6f79 );}.elementor-1132 .elementor-element.elementor-element-1c52a56{text-align:center;}.elementor-1132 .elementor-element.elementor-element-1c52a56 .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-secondary );}.elementor-1132 .elementor-element.elementor-element-3fe62b6{text-align:center;color:var( --e-global-color-f8d6f79 );}.elementor-1132 .elementor-element.elementor-element-3fe62b6 a{color:var( --e-global-color-f8d6f79 );}.elementor-1132 .elementor-element.elementor-element-035df8f{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1132 .elementor-element.elementor-element-035df8f.elementor-element{--align-self:center;}.elementor-1132 .elementor-element.elementor-element-23c2e45{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:80px;--padding-bottom:80px;--padding-left:30px;--padding-right:30px;}.elementor-1132 .elementor-element.elementor-element-c9f46e4{text-align:center;}.elementor-1132 .elementor-element.elementor-element-c9f46e4 .elementor-heading-title{font-family:var( --e-global-typography-5efc1d0-font-family ), Sans-serif;font-size:var( --e-global-typography-5efc1d0-font-size );font-weight:var( --e-global-typography-5efc1d0-font-weight );text-transform:var( --e-global-typography-5efc1d0-text-transform );line-height:var( --e-global-typography-5efc1d0-line-height );letter-spacing:var( --e-global-typography-5efc1d0-letter-spacing );color:var( --e-global-color-1b79a55 );}.elementor-1132 .elementor-element.elementor-element-4f096ce{text-align:center;}.elementor-1132 .elementor-element.elementor-element-4f096ce .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-1132 .elementor-element.elementor-element-7aebac1{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;text-align:center;}.elementor-1132 .elementor-element.elementor-element-7aebac1.elementor-element{--align-self:center;}.elementor-1132 .elementor-element.elementor-element-e91d567{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-1132 .elementor-element.elementor-element-f2d422f{--display:flex;--padding-top:0px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-1132 .elementor-element.elementor-element-bea0608.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-1132 .elementor-element.elementor-element-bea0608.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-1132 .elementor-element.elementor-element-bea0608.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-1132 .elementor-element.elementor-element-bea0608 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-1132 .elementor-element.elementor-element-bea0608 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-1132 .elementor-element.elementor-element-f50d42a{--display:flex;--padding-top:0px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-1132 .elementor-element.elementor-element-94c77f3.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-1132 .elementor-element.elementor-element-94c77f3.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-1132 .elementor-element.elementor-element-94c77f3.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-1132 .elementor-element.elementor-element-94c77f3 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-1132 .elementor-element.elementor-element-94c77f3 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-1132 .elementor-element.elementor-element-91322ff{--display:flex;--padding-top:0px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-1132 .elementor-element.elementor-element-d9e54fb.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-1132 .elementor-element.elementor-element-d9e54fb.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-1132 .elementor-element.elementor-element-d9e54fb.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-1132 .elementor-element.elementor-element-d9e54fb .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-1132 .elementor-element.elementor-element-d9e54fb .elementor-image-box-img img{transition-duration:0.3s;}.elementor-1132 .elementor-element.elementor-element-97586b5{--display:flex;--padding-top:0px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-1132 .elementor-element.elementor-element-70faf67.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-1132 .elementor-element.elementor-element-70faf67.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-1132 .elementor-element.elementor-element-70faf67.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-1132 .elementor-element.elementor-element-70faf67 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-1132 .elementor-element.elementor-element-70faf67 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-1132 .elementor-element.elementor-element-7b8b233.elementor-element{--align-self:center;}.elementor-1132 .elementor-element.elementor-element-07c6bde{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:80px;--padding-bottom:80px;--padding-left:30px;--padding-right:30px;}.elementor-1132 .elementor-element.elementor-element-07c6bde:not(.elementor-motion-effects-element-type-background), .elementor-1132 .elementor-element.elementor-element-07c6bde > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-1b79a55 );}.elementor-1132 .elementor-element.elementor-element-c692517{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-1132 .elementor-element.elementor-element-7b18e7b{text-align:start;}.elementor-1132 .elementor-element.elementor-element-7b18e7b .elementor-heading-title{font-family:var( --e-global-typography-5efc1d0-font-family ), Sans-serif;font-size:var( --e-global-typography-5efc1d0-font-size );font-weight:var( --e-global-typography-5efc1d0-font-weight );text-transform:var( --e-global-typography-5efc1d0-text-transform );line-height:var( --e-global-typography-5efc1d0-line-height );letter-spacing:var( --e-global-typography-5efc1d0-letter-spacing );color:var( --e-global-color-f8d6f79 );}.elementor-1132 .elementor-element.elementor-element-7b18e7b .elementor-heading-title a:hover, .elementor-1132 .elementor-element.elementor-element-7b18e7b .elementor-heading-title a:focus{color:var( --e-global-color-f8d6f79 );}.elementor-1132 .elementor-element.elementor-element-ae0ac87{text-align:start;}.elementor-1132 .elementor-element.elementor-element-ae0ac87 .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-secondary );}.elementor-1132 .elementor-element.elementor-element-ae0ac87 .elementor-heading-title a:hover, .elementor-1132 .elementor-element.elementor-element-ae0ac87 .elementor-heading-title a:focus{color:var( --e-global-color-secondary );}.elementor-1132 .elementor-element.elementor-element-aac5ef3{text-align:center;color:var( --e-global-color-f8d6f79 );}.elementor-1132 .elementor-element.elementor-element-aac5ef3 a{color:var( --e-global-color-f8d6f79 );}.elementor-1132 .elementor-element.elementor-element-aac5ef3 a:hover, .elementor-1132 .elementor-element.elementor-element-aac5ef3 a:focus{color:var( --e-global-color-f8d6f79 );}.elementor-1132 .elementor-element.elementor-element-56a4d3e.elementor-element{--align-self:center;}:root{--page-title-display:none;}@media(max-width:1440px){.elementor-1132 .elementor-element.elementor-element-31c2475 .elementor-heading-title{font-size:var( --e-global-typography-a977372-font-size );line-height:var( --e-global-typography-a977372-line-height );letter-spacing:var( --e-global-typography-a977372-letter-spacing );}.elementor-1132 .elementor-element.elementor-element-2207b41 .elementor-button{font-size:18px;}.elementor-1132 .elementor-element.elementor-element-3a50f71 .elementor-heading-title{font-size:var( --e-global-typography-5efc1d0-font-size );line-height:var( --e-global-typography-5efc1d0-line-height );letter-spacing:var( --e-global-typography-5efc1d0-letter-spacing );}.elementor-1132 .elementor-element.elementor-element-917e518 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-1132 .elementor-element.elementor-element-a5ff613 .elementor-heading-title{font-size:var( --e-global-typography-5efc1d0-font-size );line-height:var( --e-global-typography-5efc1d0-line-height );letter-spacing:var( --e-global-typography-5efc1d0-letter-spacing );}.elementor-1132 .elementor-element.elementor-element-1c52a56 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-1132 .elementor-element.elementor-element-c9f46e4 .elementor-heading-title{font-size:var( --e-global-typography-5efc1d0-font-size );line-height:var( --e-global-typography-5efc1d0-line-height );letter-spacing:var( --e-global-typography-5efc1d0-letter-spacing );}.elementor-1132 .elementor-element.elementor-element-4f096ce .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-1132 .elementor-element.elementor-element-7b18e7b .elementor-heading-title{font-size:var( --e-global-typography-5efc1d0-font-size );line-height:var( --e-global-typography-5efc1d0-line-height );letter-spacing:var( --e-global-typography-5efc1d0-letter-spacing );}.elementor-1132 .elementor-element.elementor-element-ae0ac87 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}}@media(max-width:1024px){.elementor-1132 .elementor-element.elementor-element-b7edea1{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1132 .elementor-element.elementor-element-1b8971a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-1132 .elementor-element.elementor-element-31c2475 .elementor-heading-title{font-size:var( --e-global-typography-a977372-font-size );line-height:var( --e-global-typography-a977372-line-height );letter-spacing:var( --e-global-typography-a977372-letter-spacing );}.elementor-1132 .elementor-element.elementor-element-5161e05{--justify-content:center;}.elementor-1132 .elementor-element.elementor-element-3a50f71 .elementor-heading-title{font-size:var( --e-global-typography-5efc1d0-font-size );line-height:var( --e-global-typography-5efc1d0-line-height );letter-spacing:var( --e-global-typography-5efc1d0-letter-spacing );}.elementor-1132 .elementor-element.elementor-element-917e518 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-1132 .elementor-element.elementor-element-a5ff613 .elementor-heading-title{font-size:var( --e-global-typography-5efc1d0-font-size );line-height:var( --e-global-typography-5efc1d0-line-height );letter-spacing:var( --e-global-typography-5efc1d0-letter-spacing );}.elementor-1132 .elementor-element.elementor-element-1c52a56 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-1132 .elementor-element.elementor-element-c9f46e4 .elementor-heading-title{font-size:var( --e-global-typography-5efc1d0-font-size );line-height:var( --e-global-typography-5efc1d0-line-height );letter-spacing:var( --e-global-typography-5efc1d0-letter-spacing );}.elementor-1132 .elementor-element.elementor-element-4f096ce .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-1132 .elementor-element.elementor-element-7b18e7b .elementor-heading-title{font-size:var( --e-global-typography-5efc1d0-font-size );line-height:var( --e-global-typography-5efc1d0-line-height );letter-spacing:var( --e-global-typography-5efc1d0-letter-spacing );}.elementor-1132 .elementor-element.elementor-element-ae0ac87 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}}@media(max-width:767px){.elementor-1132 .elementor-element.elementor-element-50305db{--margin-top:-75px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:115px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-1132 .elementor-element.elementor-element-6709e6f img{width:70%;}.elementor-1132 .elementor-element.elementor-element-3523061{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1132 .elementor-element.elementor-element-b7edea1{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1132 .elementor-element.elementor-element-1b8971a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-1132 .elementor-element.elementor-element-1b8971a .elementor-heading-title{font-size:31px;}.elementor-1132 .elementor-element.elementor-element-31c2475{text-align:center;}.elementor-1132 .elementor-element.elementor-element-31c2475 .elementor-heading-title{font-size:var( --e-global-typography-a977372-font-size );line-height:var( --e-global-typography-a977372-line-height );letter-spacing:var( --e-global-typography-a977372-letter-spacing );}.elementor-1132 .elementor-element.elementor-element-2992701{text-align:center;}.elementor-1132 .elementor-element.elementor-element-2207b41.elementor-element{--align-self:center;}.elementor-1132 .elementor-element.elementor-element-2207b41 .elementor-button{font-size:18px;}.elementor-1132 .elementor-element.elementor-element-701ca0c{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-1132 .elementor-element.elementor-element-3a50f71 .elementor-heading-title{font-size:var( --e-global-typography-5efc1d0-font-size );line-height:var( --e-global-typography-5efc1d0-line-height );letter-spacing:var( --e-global-typography-5efc1d0-letter-spacing );}.elementor-1132 .elementor-element.elementor-element-917e518 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-1132 .elementor-element.elementor-element-3ca3438{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-1132 .elementor-element.elementor-element-a5ff613 .elementor-heading-title{font-size:var( --e-global-typography-5efc1d0-font-size );line-height:var( --e-global-typography-5efc1d0-line-height );letter-spacing:var( --e-global-typography-5efc1d0-letter-spacing );}.elementor-1132 .elementor-element.elementor-element-1c52a56 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-1132 .elementor-element.elementor-element-23c2e45{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-1132 .elementor-element.elementor-element-c9f46e4 .elementor-heading-title{font-size:var( --e-global-typography-5efc1d0-font-size );line-height:var( --e-global-typography-5efc1d0-line-height );letter-spacing:var( --e-global-typography-5efc1d0-letter-spacing );}.elementor-1132 .elementor-element.elementor-element-4f096ce .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-1132 .elementor-element.elementor-element-7aebac1{width:100%;max-width:100%;}.elementor-1132 .elementor-element.elementor-element-e91d567{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1132 .elementor-element.elementor-element-bea0608 .elementor-image-box-img{margin-bottom:15px;}.elementor-1132 .elementor-element.elementor-element-94c77f3 .elementor-image-box-img{margin-bottom:15px;}.elementor-1132 .elementor-element.elementor-element-d9e54fb .elementor-image-box-img{margin-bottom:15px;}.elementor-1132 .elementor-element.elementor-element-70faf67 .elementor-image-box-img{margin-bottom:15px;}.elementor-1132 .elementor-element.elementor-element-07c6bde{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-1132 .elementor-element.elementor-element-7b18e7b{text-align:center;}.elementor-1132 .elementor-element.elementor-element-7b18e7b .elementor-heading-title{font-size:var( --e-global-typography-5efc1d0-font-size );line-height:var( --e-global-typography-5efc1d0-line-height );letter-spacing:var( --e-global-typography-5efc1d0-letter-spacing );}.elementor-1132 .elementor-element.elementor-element-ae0ac87{text-align:center;}.elementor-1132 .elementor-element.elementor-element-ae0ac87 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}}/* Start custom CSS for heading, class: .elementor-element-1b8971a */:root { --realce-fundo: #0072bd38; --espaco-horizontal: 10px; --espaco-vertical: 2px; --espessura-bordas: 1px; --cor-bordas: #0072BD; --gradiente-texto: linear-gradient(90deg, #004069 10%, #0072BD 100%); --tamanho-marcadores: 9px; --cor-marcadores: #0072BD; } .caixa-destaque { background: var(--realce-fundo); padding: var(--espaco-vertical) var(--espaco-horizontal); position: relative; border-left: var(--espessura-bordas) solid var(--cor-bordas); border-right: var(--espessura-bordas) solid var(--cor-bordas); display: inline-block; border-radius: 3px; } .texto-gradiente { background: var(--gradiente-texto); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; box-decoration-break: clone; -webkit-box-decoration-break: clone; font-weight: bold; } .caixa-destaque::before, .caixa-destaque::after { content: ''; position: absolute; width: var(--tamanho-marcadores); height: var(--tamanho-marcadores); border-radius: 50%; background-color: var(--cor-marcadores); pointer-events: none; } .caixa-destaque::before { top: -5px; left: -5px; } .caixa-destaque::after { bottom: -5px; right: -5px; } .elementor-1132 .elementor-element.elementor-element-1b8971a{ opacity: 0; filter: blur(7px); transform: translate(0px, 80px); animation: showFromBottom 0.5s ease forwards; /*Para adicionar o delay, basta adicionar ao lado do 0.5s o tempo que vc deseja (Ex. 0.5s 1s ease forwards;)*/ } /* Keyframe que anima de "scroll-bottom" para o estado final */ @keyframes showFromBottom { from { opacity: 0; filter: blur(7px); transform: translate(0px, 80px); } to { opacity: 1; filter: blur(0); transform: translate(0, 0); } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-31c2475 */.elementor-1132 .elementor-element.elementor-element-31c2475{ opacity: 0; filter: blur(7px); transform: translate(0px, 80px); animation: showFromBottom 0.6s ease forwards; /*Para adicionar o delay, basta adicionar ao lado do 0.5s o tempo que vc deseja (Ex. 0.5s 1s ease forwards;)*/ } /* Keyframe que anima de "scroll-bottom" para o estado final */ @keyframes showFromBottom { from { opacity: 0; filter: blur(7px); transform: translate(0px, 80px); } to { opacity: 1; filter: blur(0); transform: translate(0, 0); } }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-2992701 */.elementor-1132 .elementor-element.elementor-element-2992701{ opacity: 0; filter: blur(7px); transform: translate(0px, 80px); animation: showFromBottom 0.7s ease forwards; /*Para adicionar o delay, basta adicionar ao lado do 0.5s o tempo que vc deseja (Ex. 0.5s 1s ease forwards;)*/ } /* Keyframe que anima de "scroll-bottom" para o estado final */ @keyframes showFromBottom { from { opacity: 0; filter: blur(7px); transform: translate(0px, 80px); } to { opacity: 1; filter: blur(0); transform: translate(0, 0); } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-2207b41 */.elementor-1132 .elementor-element.elementor-element-2207b41{ opacity: 0; filter: blur(7px); transform: translate(0px, 80px); animation: showFromBottom 0.7s ease forwards; /*Para adicionar o delay, basta adicionar ao lado do 0.5s o tempo que vc deseja (Ex. 0.5s 1s ease forwards;)*/ } /* Keyframe que anima de "scroll-bottom" para o estado final */ @keyframes showFromBottom { from { opacity: 0; filter: blur(7px); transform: translate(0px, 80px); } to { opacity: 1; filter: blur(0); transform: translate(0, 0); } } .elementor-1132 .elementor-element.elementor-element-2207b41 { border-radius: 72px; border-top: 2px solid #B9CEFD; background: linear-gradient(90deg, #B2FE02 0%, #CFFF5F 50%, #B2FE02 100%); outline: none; cursor: pointer; border: none; transition: 0.5s; position: relative; overflow: hidden; display: inline-flex; align-items: center; color: #000; } .elementor-1132 .elementor-element.elementor-element-2207b41 .elementor-button-icon { font-size: 17px; color: white; margin-right: 8px; transition: transform 0.5s ease; } .elementor-1132 .elementor-element.elementor-element-2207b41:hover .elementor-button-icon { transform: translateX(5px) rotate(5deg); } .elementor-1132 .elementor-element.elementor-element-2207b41:active { opacity: 0.5; } .elementor-1132 .elementor-element.elementor-element-2207b41::before { content: ''; background: linear-gradient(10deg, #fff 12.81%, rgba(209, 210, 234, 0.00) 66.66%); width: 70px; height: 130%; position: absolute; transform: translateX(-50%) skew(-25deg); bottom: 0%; user-select: none; pointer-events: none; animation: shinery 3s infinite ease-in-out; filter: blur(3px); } @keyframes shinery { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } } .elementor-1132 .elementor-element.elementor-element-2207b41:hover { transform: translateY(-8px); box-shadow: none; transition: 0.5s; } .elementor-1132 .elementor-element.elementor-element-2207b41 svg { font-size: 14px; } .elementor-1132 .elementor-element.elementor-element-2207b41:after { content: ""; position: absolute; top: -10px; left: 50%; transform: translateX(-50%); width: 90%; height: 20px; background: radial-gradient(ellipse at center, #A4D9FF 20%, #A4D9FF50 70%, #A4D9FF00 100%); mix-blend-mode: screen; filter: blur(12px); pointer-events: none; z-index: 1; } .elementor-1132 .elementor-element.elementor-element-2207b41 .elementor-button:before { content: ""; position: absolute; top: -5px; left: 50%; transform: translateX(-50%); width: 100%; height: 10px; background: radial-gradient( ellipse at center, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.1) 40%, rgba(255, 255, 255, 0) 70% ); pointer-events: none; z-index: 2; } .elementor-1132 .elementor-element.elementor-element-2207b41 .elementor-button:after { content: ""; position: absolute; bottom: -4.5px; left: 50%; transform: translateX(-50%); width: 100%; height: 10px; background: radial-gradient( ellipse at center, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.1) 40%, rgba(255, 255, 255, 0) 70% ); pointer-events: none; z-index: 2; }/* End custom CSS */ /* Start custom CSS for fluent-form-widget, class: .elementor-element-415fe2a */button.iti__selected-country{ background:transparent !important; border-radius: 0px !important; border-color: transparent !important; padding: 0px !important; } .fluentform .ff-el-group.ff_list_buttons .ff-el-form-check.ff_item_selected label>span { background-color: #1370B0 !important; border-color: #1370B0 !important; box-shadow: -1px 0 0 0 #75C8F4 !important; color: #fff !important; } .fluentform .ff-el-group.ff_list_buttons .ff-el-form-check label>span:hover { color: #fff !important; background-color: #1370B0 !important; } .elementor-1132 .elementor-element.elementor-element-415fe2a{ text-align: center !important; } .ff-el-group h3{ color: #fff !important; } .ff-el-input--label{ text-align: center !important; } .elementor-1132 .elementor-element.elementor-element-415fe2a{ opacity: 0; filter: blur(7px); transform: translate(0px, 80px); animation: showFromBottom 0.5s ease forwards; /*Para adicionar o delay, basta adicionar ao lado do 0.5s o tempo que vc deseja (Ex. 0.5s 1s ease forwards;)*/ } /* Keyframe que anima de "scroll-bottom" para o estado final */ @keyframes showFromBottom { from { opacity: 0; filter: blur(7px); transform: translate(0px, 80px); } to { opacity: 1; filter: blur(0); transform: translate(0, 0); } } .elementor-1132 .elementor-element.elementor-element-415fe2a .ff-el-turnstile{ text-align: center !important; } .elementor-1132 .elementor-element.elementor-element-415fe2a .elementor-button { background: linear-gradient(90deg, #B2FE02 0%, #CFFF5F 50%, #B2FE02 100%); background-size: 100% 100%; background-position: center center; border-radius: 50px; border-bottom: 2px solid #218231; outline: 1px solid #218231; outline-offset: 0px; transition: all .8s ease; } .elementor-1132 .elementor-element.elementor-element-415fe2a .elementor-button:hover { background-size: 100% 100%; transition: all .4s ease; box-shadow: 0px 0px 150px 20px #3BDA5750; filter: brightness(125%); } .elementor-1132 .elementor-element.elementor-element-415fe2a .elementor-button:active { transform: scale(0.8) !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5161e05 */.elementor-1132 .elementor-element.elementor-element-5161e05 { backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e7a0a0b *//*CSS DO CONTAINER*/ .elementor-1132 .elementor-element.elementor-element-e7a0a0b { position: relative; width: 100%; } /*CSS DA LISTA DE ÍCONES*/ .elementor-1132 .elementor-element.elementor-element-e7a0a0b .elementor-widget-container { overflow: visible !important; white-space: nowrap !important; } .elementor-1132 .elementor-element.elementor-element-e7a0a0b .elementor-icon-list-items { display: flex !important; flex-wrap: nowrap !important; gap: 15px; width: max-content; animation: carrossel 40s linear infinite; } .elementor-1132 .elementor-element.elementor-element-e7a0a0b .elementor-inline-item { border-radius: 11.318px; border: 1.509px solid rgba(0, 32, 67, 0.25); background: #97c9ff1f; backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); padding: 10px 15px; display: inline-flex; align-items: center; justify-content: center; white-space: nowrap; transition: 0.7s ease all; } .elementor-1132 .elementor-element.elementor-element-e7a0a0b .elementor-inline-item:hover { background: #97c9ff1f; transition: 0.7s ease all; backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); } @keyframes carrossel { from { transform: translateX(0); } to { transform: translateX(-50%); } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-fa2d68c *//* ============================ Importa e define a fonte personalizada ============================ */ @font-face { font-family: "Degular"; src: url("https://easybuilder.com.br/wp-content/uploads/2025/09/Degular-Regular.woff2") format("woff2"); font-weight: normal; font-style: normal; font-display: swap; } /* ============================ Ajustes gerais ============================ */ .elementor-widget-html:has(.container-botao) { overflow: hidden; border-radius: 100px; } .botao * { transition: 0.5s; font-size: 18px; text-transform: uppercase; font-weight: 600; font-family: "Degular", "Sora", sans-serif; text-align: center; } /* ============================ Estrutura principal do botão ============================ */ .botao { position: relative; display: flex; align-items: center; justify-content: center; padding: 8px; width: 100%; height: 100%; border-radius: 100px; background: linear-gradient(90deg, #B2FE02 0%, #CFFF5F 50%, #B2FE02 100%); box-shadow: 0 10px 20px 0 rgba(178, 254, 2, 0.4), 0 20px 40px 0 rgba(178, 254, 2, 0.3), 0 40px 80px 0 rgba(178, 254, 2, 0.2), 0 60px 120px 0 rgba(178, 254, 2, 0.1); cursor: pointer; border: none; transition: 0.5s; overflow: hidden; } /* ============================ Container interno ============================ */ .container-botao { position: relative; display: flex; align-items: center; justify-content: flex-start; padding: 10px 30px; width: 100%; height: 100%; border-radius: 100px; overflow: hidden; } /* ============================ Ícones ============================ */ .wrapper-icones { display: flex; flex-wrap: nowrap; width: 32px; height: 32px; align-items: center; justify-content: center; position: absolute; top: 50%; left: 10px; transform: translate(0, -50%); border-radius: 50%; z-index: 2; background: linear-gradient(90deg, #D6FF5D 0%, white 100%); box-shadow: 0 2px 4px rgba(178, 254, 2, 0.25), 0 5px 10px rgba(178, 254, 2, 0.2); } .icone-1 { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 6px; height: 6px; background: #B2FE02; border-radius: 50%; z-index: 1; } .icone-2 { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 10px; height: 10px; border-radius: 50%; z-index: 1; opacity: 0; } /* ============================ Fundo expansivo ============================ */ .fundo { position: absolute; left: 0; width: 0%; height: 80%; display: flex; align-items: center; justify-content: flex-start; background: #fff; border-radius: 100px; box-shadow: 0 4px 44px 0 rgba(178, 254, 2, 0.4), 0 0 10px 0 rgba(178, 254, 2, 0.3), 0 0 12px 0 rgba(178, 254, 2, 0.2) inset; } /* ============================ Textos ============================ */ .texto-1 { margin-left: 20px; color: #0A0A0A; } .texto-2 { position: absolute; color: #3C4805; opacity: 0; transform: translateX(100%); } /* ============================ Efeitos de hover ============================ */ .botao:hover .container-botao { justify-content: center; padding-left: 20px; padding-right: 47px; } .botao:hover .fundo { width: calc(100% - 35px); height: 100%; } .botao:hover .wrapper-icones { left: calc(100% - 30px); } .botao:hover .texto-1, .botao:hover .icone-1 { opacity: 0; } .botao:hover .texto-2 { opacity: 1; transform: translateX(0%); } .botao:hover .icone-2 { opacity: 1; } /* ============================ Reflexo animado ============================ */ .botao::before { content: ''; background: linear-gradient(10deg, #fff 12.81%, rgba(209, 210, 234, 0) 66.66%); width: 70px; height: 130%; position: absolute; transform: translateX(-50%) skew(-25deg); bottom: 0%; user-select: none; pointer-events: none; animation: brilho 3s infinite ease-in-out; filter: blur(3px); } @keyframes brilho { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-701ca0c */.elementor-1132 .elementor-element.elementor-element-701ca0c{ text-wrap: balance; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-035df8f *//* ============================ Importa e define a fonte personalizada ============================ */ @font-face { font-family: "Degular"; src: url("https://easybuilder.com.br/wp-content/uploads/2025/09/Degular-Regular.woff2") format("woff2"); font-weight: normal; font-style: normal; font-display: swap; } /* ============================ Ajustes gerais ============================ */ .elementor-widget-html:has(.container-botao) { overflow: hidden; border-radius: 100px; } .botao * { transition: 0.5s; font-size: 18px; text-transform: uppercase; font-weight: 600; font-family: "Degular", "Sora", sans-serif; text-align: center; } /* ============================ Estrutura principal do botão ============================ */ .botao { position: relative; display: flex; align-items: center; justify-content: center; padding: 8px; width: 100%; height: 100%; border-radius: 100px; background: linear-gradient(90deg, #B2FE02 0%, #CFFF5F 50%, #B2FE02 100%); box-shadow: 0 10px 20px 0 rgba(178, 254, 2, 0.4), 0 20px 40px 0 rgba(178, 254, 2, 0.3), 0 40px 80px 0 rgba(178, 254, 2, 0.2), 0 60px 120px 0 rgba(178, 254, 2, 0.1); cursor: pointer; border: none; transition: 0.5s; overflow: hidden; } /* ============================ Container interno ============================ */ .container-botao { position: relative; display: flex; align-items: center; justify-content: flex-start; padding: 10px 30px; width: 100%; height: 100%; border-radius: 100px; overflow: hidden; } /* ============================ Ícones ============================ */ .wrapper-icones { display: flex; flex-wrap: nowrap; width: 32px; height: 32px; align-items: center; justify-content: center; position: absolute; top: 50%; left: 10px; transform: translate(0, -50%); border-radius: 50%; z-index: 2; background: linear-gradient(90deg, #D6FF5D 0%, white 100%); box-shadow: 0 2px 4px rgba(178, 254, 2, 0.25), 0 5px 10px rgba(178, 254, 2, 0.2); } .icone-1 { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 6px; height: 6px; background: #B2FE02; border-radius: 50%; z-index: 1; } .icone-2 { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 10px; height: 10px; border-radius: 50%; z-index: 1; opacity: 0; } /* ============================ Fundo expansivo ============================ */ .fundo { position: absolute; left: 0; width: 0%; height: 80%; display: flex; align-items: center; justify-content: flex-start; background: #fff; border-radius: 100px; box-shadow: 0 4px 44px 0 rgba(178, 254, 2, 0.4), 0 0 10px 0 rgba(178, 254, 2, 0.3), 0 0 12px 0 rgba(178, 254, 2, 0.2) inset; } /* ============================ Textos ============================ */ .texto-1 { margin-left: 20px; color: #0A0A0A; } .texto-2 { position: absolute; color: #3C4805; opacity: 0; transform: translateX(100%); } /* ============================ Efeitos de hover ============================ */ .botao:hover .container-botao { justify-content: center; padding-left: 20px; padding-right: 47px; } .botao:hover .fundo { width: calc(100% - 35px); height: 100%; } .botao:hover .wrapper-icones { left: calc(100% - 30px); } .botao:hover .texto-1, .botao:hover .icone-1 { opacity: 0; } .botao:hover .texto-2 { opacity: 1; transform: translateX(0%); } .botao:hover .icone-2 { opacity: 1; } /* ============================ Reflexo animado ============================ */ .botao::before { content: ''; background: linear-gradient(10deg, #fff 12.81%, rgba(209, 210, 234, 0) 66.66%); width: 70px; height: 130%; position: absolute; transform: translateX(-50%) skew(-25deg); bottom: 0%; user-select: none; pointer-events: none; animation: brilho 3s infinite ease-in-out; filter: blur(3px); } @keyframes brilho { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3ca3438 */.elementor-1132 .elementor-element.elementor-element-3ca3438{ text-wrap: balance; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-7aebac1 */.elementor-1132 .elementor-element.elementor-element-7aebac1{ text-wrap: balance; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e91d567 *//* --- CONFIGURAÇÃO GERAL DO CONTAINER --- */ .elementor-1132 .elementor-element.elementor-element-e91d567 { display: flex; justify-content: center; flex-wrap: wrap; /* Permite que os cards quebrem para a linha de baixo */ gap: 20px; /* Espaçamento padrão entre cards quando não sobrepostos */ padding: 40px 20px; } /* --- ESTILO BASE DO CARD --- */ .elementor-1132 .elementor-element.elementor-element-e91d567 .card { display: flex; min-width: 250px; background: rgba(255, 255, 255, 0.7); border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 16px; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1); transition: 0.4s ease-out; position: relative; } /* --- 1. DESKTOP (Ecrãs grandes) --- */ @media (min-width: 1025px) { .elementor-1132 .elementor-element.elementor-element-e91d567 { flex-wrap: nowrap; /* Garante que fiquem todos na mesma linha */ gap: 0; /* Remove o gap para a sobreposição funcionar */ } .elementor-1132 .elementor-element.elementor-element-e91d567 .card:not(:first-child) { margin-left: -50px; } .elementor-1132 .elementor-element.elementor-element-e91d567 .card:hover { transform: translateY(-20px); z-index: 10; } .elementor-1132 .elementor-element.elementor-element-e91d567 .card:hover ~ .card { left: 50px; } } /* --- 2. TABLET (2 colunas x 2 linhas) --- */ @media (min-width: 601px) and (max-width: 1024px) { .elementor-1132 .elementor-element.elementor-element-e91d567 { display: grid; grid-template-columns: repeat(2, 1fr); /* Cria as 2 colunas */ gap: 30px; /* Espaço entre os cards no grid */ max-width: 600px; /* Limita a largura para os cards não esticarem demais */ margin: 0 auto; } .elementor-1132 .elementor-element.elementor-element-e91d567 .card { margin-left: 0 !important; /* Remove sobreposição */ left: 0 !important; /* Remove deslocamento lateral */ } .elementor-1132 .elementor-element.elementor-element-e91d567 .card:hover { transform: scale(1.05); /* Efeito de destaque mais seguro para grid */ } } /* --- 3. MOBILE (1 coluna) --- */ @media (max-width: 600px) { .elementor-1132 .elementor-element.elementor-element-e91d567 { flex-direction: column; align-items: center; gap: 20px; } .elementor-1132 .elementor-element.elementor-element-e91d567 .card { width: 100%; margin-left: 0; } .elementor-1132 .elementor-element.elementor-element-e91d567 .title { position: relative; top: 20px; left: 20px; } } /* Título */ .elementor-1132 .elementor-element.elementor-element-e91d567 .title { position: absolute; left: 20px; top: 25px; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-7b8b233 *//* ============================ Importa e define a fonte personalizada ============================ */ @font-face { font-family: "Degular"; src: url("https://easybuilder.com.br/wp-content/uploads/2025/09/Degular-Regular.woff2") format("woff2"); font-weight: normal; font-style: normal; font-display: swap; } /* ============================ Ajustes gerais ============================ */ .elementor-widget-html:has(.container-botao) { overflow: hidden; border-radius: 100px; } .botao * { transition: 0.5s; font-size: 18px; text-transform: uppercase; font-weight: 600; font-family: "Degular", "Sora", sans-serif; text-align: center; } /* ============================ Estrutura principal do botão ============================ */ .botao { position: relative; display: flex; align-items: center; justify-content: center; padding: 8px; width: 100%; height: 100%; border-radius: 100px; background: linear-gradient(90deg, #B2FE02 0%, #CFFF5F 50%, #B2FE02 100%); box-shadow: 0 10px 20px 0 rgba(178, 254, 2, 0.4), 0 20px 40px 0 rgba(178, 254, 2, 0.3), 0 40px 80px 0 rgba(178, 254, 2, 0.2), 0 60px 120px 0 rgba(178, 254, 2, 0.1); cursor: pointer; border: none; transition: 0.5s; overflow: hidden; } /* ============================ Container interno ============================ */ .container-botao { position: relative; display: flex; align-items: center; justify-content: flex-start; padding: 10px 30px; width: 100%; height: 100%; border-radius: 100px; overflow: hidden; } /* ============================ Ícones ============================ */ .wrapper-icones { display: flex; flex-wrap: nowrap; width: 32px; height: 32px; align-items: center; justify-content: center; position: absolute; top: 50%; left: 10px; transform: translate(0, -50%); border-radius: 50%; z-index: 2; background: linear-gradient(90deg, #D6FF5D 0%, white 100%); box-shadow: 0 2px 4px rgba(178, 254, 2, 0.25), 0 5px 10px rgba(178, 254, 2, 0.2); } .icone-1 { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 6px; height: 6px; background: #B2FE02; border-radius: 50%; z-index: 1; } .icone-2 { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 10px; height: 10px; border-radius: 50%; z-index: 1; opacity: 0; } /* ============================ Fundo expansivo ============================ */ .fundo { position: absolute; left: 0; width: 0%; height: 80%; display: flex; align-items: center; justify-content: flex-start; background: #fff; border-radius: 100px; box-shadow: 0 4px 44px 0 rgba(178, 254, 2, 0.4), 0 0 10px 0 rgba(178, 254, 2, 0.3), 0 0 12px 0 rgba(178, 254, 2, 0.2) inset; } /* ============================ Textos ============================ */ .texto-1 { margin-left: 20px; color: #0A0A0A; } .texto-2 { position: absolute; color: #3C4805; opacity: 0; transform: translateX(100%); } /* ============================ Efeitos de hover ============================ */ .botao:hover .container-botao { justify-content: center; padding-left: 20px; padding-right: 47px; } .botao:hover .fundo { width: calc(100% - 35px); height: 100%; } .botao:hover .wrapper-icones { left: calc(100% - 30px); } .botao:hover .texto-1, .botao:hover .icone-1 { opacity: 0; } .botao:hover .texto-2 { opacity: 1; transform: translateX(0%); } .botao:hover .icone-2 { opacity: 1; } /* ============================ Reflexo animado ============================ */ .botao::before { content: ''; background: linear-gradient(10deg, #fff 12.81%, rgba(209, 210, 234, 0) 66.66%); width: 70px; height: 130%; position: absolute; transform: translateX(-50%) skew(-25deg); bottom: 0%; user-select: none; pointer-events: none; animation: brilho 3s infinite ease-in-out; filter: blur(3px); } @keyframes brilho { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-23c2e45 */.elementor-1132 .elementor-element.elementor-element-23c2e45{ text-wrap: balance; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-56a4d3e *//* ============================ Importa e define a fonte personalizada ============================ */ @font-face { font-family: "Degular"; src: url("https://easybuilder.com.br/wp-content/uploads/2025/09/Degular-Regular.woff2") format("woff2"); font-weight: normal; font-style: normal; font-display: swap; } /* ============================ Ajustes gerais ============================ */ .elementor-widget-html:has(.container-botao) { overflow: hidden; border-radius: 100px; } .botao * { transition: 0.5s; font-size: 18px; text-transform: uppercase; font-weight: 600; font-family: "Degular", "Sora", sans-serif; text-align: center; } /* ============================ Estrutura principal do botão ============================ */ .botao { position: relative; display: flex; align-items: center; justify-content: center; padding: 8px; width: 100%; height: 100%; border-radius: 100px; background: linear-gradient(90deg, #B2FE02 0%, #CFFF5F 50%, #B2FE02 100%); box-shadow: 0 10px 20px 0 rgba(178, 254, 2, 0.4), 0 20px 40px 0 rgba(178, 254, 2, 0.3), 0 40px 80px 0 rgba(178, 254, 2, 0.2), 0 60px 120px 0 rgba(178, 254, 2, 0.1); cursor: pointer; border: none; transition: 0.5s; overflow: hidden; } /* ============================ Container interno ============================ */ .container-botao { position: relative; display: flex; align-items: center; justify-content: flex-start; padding: 10px 30px; width: 100%; height: 100%; border-radius: 100px; overflow: hidden; } /* ============================ Ícones ============================ */ .wrapper-icones { display: flex; flex-wrap: nowrap; width: 32px; height: 32px; align-items: center; justify-content: center; position: absolute; top: 50%; left: 10px; transform: translate(0, -50%); border-radius: 50%; z-index: 2; background: linear-gradient(90deg, #D6FF5D 0%, white 100%); box-shadow: 0 2px 4px rgba(178, 254, 2, 0.25), 0 5px 10px rgba(178, 254, 2, 0.2); } .icone-1 { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 6px; height: 6px; background: #B2FE02; border-radius: 50%; z-index: 1; } .icone-2 { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 10px; height: 10px; border-radius: 50%; z-index: 1; opacity: 0; } /* ============================ Fundo expansivo ============================ */ .fundo { position: absolute; left: 0; width: 0%; height: 80%; display: flex; align-items: center; justify-content: flex-start; background: #fff; border-radius: 100px; box-shadow: 0 4px 44px 0 rgba(178, 254, 2, 0.4), 0 0 10px 0 rgba(178, 254, 2, 0.3), 0 0 12px 0 rgba(178, 254, 2, 0.2) inset; } /* ============================ Textos ============================ */ .texto-1 { margin-left: 20px; color: #0A0A0A; } .texto-2 { position: absolute; color: #3C4805; opacity: 0; transform: translateX(100%); } /* ============================ Efeitos de hover ============================ */ .botao:hover .container-botao { justify-content: center; padding-left: 20px; padding-right: 47px; } .botao:hover .fundo { width: calc(100% - 35px); height: 100%; } .botao:hover .wrapper-icones { left: calc(100% - 30px); } .botao:hover .texto-1, .botao:hover .icone-1 { opacity: 0; } .botao:hover .texto-2 { opacity: 1; transform: translateX(0%); } .botao:hover .icone-2 { opacity: 1; } /* ============================ Reflexo animado ============================ */ .botao::before { content: ''; background: linear-gradient(10deg, #fff 12.81%, rgba(209, 210, 234, 0) 66.66%); width: 70px; height: 130%; position: absolute; transform: translateX(-50%) skew(-25deg); bottom: 0%; user-select: none; pointer-events: none; animation: brilho 3s infinite ease-in-out; filter: blur(3px); } @keyframes brilho { 0%, 100% { left: -10%; opacity: 0; } 20% { opacity: 1; } 48% { left: 110%; opacity: 1; } 51% { opacity: 0; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-9f3865f */.fairy { position: fixed; left: 50%; top: 50%; width: 0.4vw; height: 0.4vw; margin: -0.2vw 0 0 9.8vw; animation: ease 200s alternate infinite; pointer-events: none; } .fairy::before, .fairy::after { content: ""; position: absolute; width: 100%; height: 100%; border-radius: 50%; transform-origin: -10vw; filter:blur(2px); } .fairy::before { background: transparent; opacity: 0.4; animation: drift ease alternate infinite; } .fairy::after { background: #BCCFFF; opacity: 0; box-shadow: 0 0 0vw 0vw #BCCFFF; animation: drift ease alternate infinite, flash ease infinite; } .fairy:nth-child(1) { animation-name: move1; } .fairy:nth-child(1)::before { animation-duration: 11s; } .fairy:nth-child(1)::after { animation-duration: 11s, 10758ms; animation-delay: 0ms, 7588ms; } @keyframes move1 { 0% { transform: translateX(-4vw) translateY(-9vh) scale(0.45); } 3.5714285714% { transform: translateX(3vw) translateY(-39vh) scale(0.77); } 7.1428571429% { transform: translateX(10vw) translateY(10vh) scale(0.36); } 10.7142857143% { transform: translateX(-19vw) translateY(-34vh) scale(0.7); } 14.2857142857% { transform: translateX(-13vw) translateY(-13vh) scale(0.78); } 17.8571428571% { transform: translateX(-38vw) translateY(-40vh) scale(0.99); } 21.4285714286% { transform: translateX(29vw) translateY(-39vh) scale(0.41); } 25% { transform: translateX(-29vw) translateY(-25vh) scale(0.83); } 28.5714285714% { transform: translateX(-39vw) translateY(-7vh) scale(0.68); } 32.1428571429% { transform: translateX(20vw) translateY(-46vh) scale(0.82); } 35.7142857143% { transform: translateX(6vw) translateY(3vh) scale(0.5); } 39.2857142857% { transform: translateX(22vw) translateY(-35vh) scale(0.91); } 42.8571428571% { transform: translateX(-6vw) translateY(32vh) scale(0.7); } 46.4285714286% { transform: translateX(-46vw) translateY(16vh) scale(0.52); } 50% { transform: translateX(33vw) translateY(46vh) scale(0.62); } 53.5714285714% { transform: translateX(-4vw) translateY(8vh) scale(0.81); } 57.1428571429% { transform: translateX(32vw) translateY(32vh) scale(0.26); } 60.7142857143% { transform: translateX(12vw) translateY(47vh) scale(0.99); } 64.2857142857% { transform: translateX(-41vw) translateY(-5vh) scale(0.37); } 67.8571428571% { transform: translateX(42vw) translateY(-22vh) scale(0.56); } 71.4285714286% { transform: translateX(-41vw) translateY(-12vh) scale(0.39); } 75% { transform: translateX(40vw) translateY(46vh) scale(0.83); } 78.5714285714% { transform: translateX(-26vw) translateY(46vh) scale(0.89); } 82.1428571429% { transform: translateX(20vw) translateY(16vh) scale(0.36); } 85.7142857143% { transform: translateX(14vw) translateY(21vh) scale(0.97); } 89.2857142857% { transform: translateX(-25vw) translateY(-36vh) scale(0.36); } 92.8571428571% { transform: translateX(45vw) translateY(28vh) scale(1); } 96.4285714286% { transform: translateX(-38vw) translateY(38vh) scale(0.94); } 100% { transform: translateX(-48vw) translateY(28vh) scale(0.79); } } .fairy:nth-child(2) { animation-name: move2; } .fairy:nth-child(2)::before { animation-duration: 16s; } .fairy:nth-child(2)::after { animation-duration: 16s, 10258ms; animation-delay: 0ms, 3012ms; } @keyframes move2 { 0% { transform: translateX(6vw) translateY(5vh) scale(0.37); } 3.8461538462% { transform: translateX(-11vw) translateY(43vh) scale(0.67); } 7.6923076923% { transform: translateX(-8vw) translateY(-18vh) scale(0.66); } 11.5384615385% { transform: translateX(-13vw) translateY(7vh) scale(0.38); } 15.3846153846% { transform: translateX(6vw) translateY(-17vh) scale(0.91); } 19.2307692308% { transform: translateX(-8vw) translateY(-42vh) scale(0.3); } 23.0769230769% { transform: translateX(-37vw) translateY(-46vh) scale(0.43); } 26.9230769231% { transform: translateX(20vw) translateY(14vh) scale(0.38); } 30.7692307692% { transform: translateX(45vw) translateY(40vh) scale(0.56); } 34.6153846154% { transform: translateX(-10vw) translateY(15vh) scale(0.68); } 38.4615384615% { transform: translateX(35vw) translateY(-12vh) scale(0.79); } 42.3076923077% { transform: translateX(-15vw) translateY(31vh) scale(0.44); } 46.1538461538% { transform: translateX(-45vw) translateY(42vh) scale(0.34); } 50% { transform: translateX(24vw) translateY(41vh) scale(0.58); } 53.8461538462% { transform: translateX(-46vw) translateY(48vh) scale(0.62); } 57.6923076923% { transform: translateX(-37vw) translateY(-27vh) scale(0.56); } 61.5384615385% { transform: translateX(25vw) translateY(-12vh) scale(0.87); } 65.3846153846% { transform: translateX(-14vw) translateY(-10vh) scale(0.96); } 69.2307692308% { transform: translateX(-24vw) translateY(31vh) scale(0.82); } 73.0769230769% { transform: translateX(38vw) translateY(-25vh) scale(0.96); } 76.9230769231% { transform: translateX(-22vw) translateY(25vh) scale(0.29); } 80.7692307692% { transform: translateX(8vw) translateY(-20vh) scale(0.28); } 84.6153846154% { transform: translateX(17vw) translateY(46vh) scale(0.75); } 88.4615384615% { transform: translateX(1vw) translateY(-31vh) scale(0.59); } 92.3076923077% { transform: translateX(-47vw) translateY(19vh) scale(0.93); } 96.1538461538% { transform: translateX(-35vw) translateY(35vh) scale(0.3); } 100% { transform: translateX(42vw) translateY(28vh) scale(0.41); } } .fairy:nth-child(3) { animation-name: move3; } .fairy:nth-child(3)::before { animation-duration: 18s; } .fairy:nth-child(3)::after { animation-duration: 18s, 9791ms; animation-delay: 0ms, 4740ms; } @keyframes move3 { 0% { transform: translateX(-21vw) translateY(33vh) scale(0.47); } 4.7619047619% { transform: translateX(24vw) translateY(-5vh) scale(0.8); } 9.5238095238% { transform: translateX(-38vw) translateY(-18vh) scale(1); } 14.2857142857% { transform: translateX(42vw) translateY(-49vh) scale(0.94); } 19.0476190476% { transform: translateX(-38vw) translateY(42vh) scale(0.28); } 23.8095238095% { transform: translateX(-37vw) translateY(48vh) scale(0.52); } 28.5714285714% { transform: translateX(32vw) translateY(-32vh) scale(0.69); } 33.3333333333% { transform: translateX(-28vw) translateY(16vh) scale(0.63); } 38.0952380952% { transform: translateX(41vw) translateY(2vh) scale(0.78); } 42.8571428571% { transform: translateX(-3vw) translateY(-31vh) scale(0.49); } 47.619047619% { transform: translateX(5vw) translateY(-47vh) scale(0.57); } 52.380952381% { transform: translateX(21vw) translateY(30vh) scale(0.44); } 57.1428571429% { transform: translateX(-27vw) translateY(-4vh) scale(0.65); } 61.9047619048% { transform: translateX(10vw) translateY(-3vh) scale(0.94); } 66.6666666667% { transform: translateX(18vw) translateY(47vh) scale(0.94); } 71.4285714286% { transform: translateX(-19vw) translateY(-8vh) scale(0.96); } 76.1904761905% { transform: translateX(31vw) translateY(15vh) scale(0.68); } 80.9523809524% { transform: translateX(14vw) translateY(37vh) scale(0.79); } 85.7142857143% { transform: translateX(-47vw) translateY(38vh) scale(0.49); } 90.4761904762% { transform: translateX(36vw) translateY(14vh) scale(0.5); } 95.2380952381% { transform: translateX(-16vw) translateY(27vh) scale(0.75); } 100% { transform: translateX(10vw) translateY(-8vh) scale(0.92); } } .fairy:nth-child(4) { animation-name: move4; } .fairy:nth-child(4)::before { animation-duration: 12s; } .fairy:nth-child(4)::after { animation-duration: 12s, 8034ms; animation-delay: 0ms, 3665ms; } @keyframes move4 { 0% { transform: translateX(-37vw) translateY(4vh) scale(0.5); } 4.1666666667% { transform: translateX(-34vw) translateY(-41vh) scale(0.65); } 8.3333333333% { transform: translateX(-7vw) translateY(-35vh) scale(0.3); } 12.5% { transform: translateX(30vw) translateY(4vh) scale(0.51); } 16.6666666667% { transform: translateX(48vw) translateY(0vh) scale(0.48); } 20.8333333333% { transform: translateX(-4vw) translateY(9vh) scale(0.29); } 25% { transform: translateX(-46vw) translateY(-14vh) scale(0.65); } 29.1666666667% { transform: translateX(9vw) translateY(4vh) scale(0.76); } 33.3333333333% { transform: translateX(49vw) translateY(-46vh) scale(0.93); } 37.5% { transform: translateX(-47vw) translateY(-7vh) scale(0.42); } 41.6666666667% { transform: translateX(-7vw) translateY(-19vh) scale(0.77); } 45.8333333333% { transform: translateX(26vw) translateY(32vh) scale(0.75); } 50% { transform: translateX(-48vw) translateY(27vh) scale(0.81); } 54.1666666667% { transform: translateX(20vw) translateY(35vh) scale(0.95); } 58.3333333333% { transform: translateX(25vw) translateY(26vh) scale(0.46); } 62.5% { transform: translateX(47vw) translateY(-29vh) scale(0.28); } 66.6666666667% { transform: translateX(43vw) translateY(-9vh) scale(0.45); } 70.8333333333% { transform: translateX(5vw) translateY(36vh) scale(0.26); } 75% { transform: translateX(15vw) translateY(-32vh) scale(0.34); } 79.1666666667% { transform: translateX(-46vw) translateY(0vh) scale(0.76); } 83.3333333333% { transform: translateX(-24vw) translateY(-25vh) scale(0.63); } 87.5% { transform: translateX(36vw) translateY(6vh) scale(0.82); } 91.6666666667% { transform: translateX(-4vw) translateY(-5vh) scale(0.86); } 95.8333333333% { transform: translateX(35vw) translateY(38vh) scale(0.26); } 100% { transform: translateX(20vw) translateY(-33vh) scale(0.78); } } .fairy:nth-child(5) { animation-name: move5; } .fairy:nth-child(5)::before { animation-duration: 18s; } .fairy:nth-child(5)::after { animation-duration: 18s, 9982ms; animation-delay: 0ms, 2030ms; } @keyframes move5 { 0% { transform: translateX(0vw) translateY(33vh) scale(0.96); } 5.8823529412% { transform: translateX(1vw) translateY(24vh) scale(0.51); } 11.7647058824% { transform: translateX(8vw) translateY(1vh) scale(0.44); } 17.6470588235% { transform: translateX(-32vw) translateY(9vh) scale(0.81); } 23.5294117647% { transform: translateX(-26vw) translateY(-38vh) scale(0.55); } 29.4117647059% { transform: translateX(-45vw) translateY(-42vh) scale(0.44); } 35.2941176471% { transform: translateX(-24vw) translateY(-47vh) scale(0.41); } 41.1764705882% { transform: translateX(-9vw) translateY(45vh) scale(0.78); } 47.0588235294% { transform: translateX(-44vw) translateY(17vh) scale(0.37); } 52.9411764706% { transform: translateX(18vw) translateY(-27vh) scale(0.6); } 58.8235294118% { transform: translateX(0vw) translateY(-28vh) scale(0.74); } 64.7058823529% { transform: translateX(44vw) translateY(-31vh) scale(0.76); } 70.5882352941% { transform: translateX(-42vw) translateY(31vh) scale(0.43); } 76.4705882353% { transform: translateX(-38vw) translateY(25vh) scale(0.86); } 82.3529411765% { transform: translateX(20vw) translateY(-41vh) scale(0.59); } 88.2352941176% { transform: translateX(-18vw) translateY(41vh) scale(0.91); } 94.1176470588% { transform: translateX(23vw) translateY(-33vh) scale(0.94); } 100% { transform: translateX(7vw) translateY(-26vh) scale(0.94); } } .fairy:nth-child(6) { animation-name: move6; } .fairy:nth-child(6)::before { animation-duration: 17s; } .fairy:nth-child(6)::after { animation-duration: 17s, 10091ms; animation-delay: 0ms, 5480ms; } @keyframes move6 { 0% { transform: translateX(-39vw) translateY(25vh) scale(0.5); } 4.347826087% { transform: translateX(2vw) translateY(-25vh) scale(0.78); } 8.6956521739% { transform: translateX(46vw) translateY(29vh) scale(0.73); } 13.0434782609% { transform: translateX(20vw) translateY(-12vh) scale(0.75); } 17.3913043478% { transform: translateX(-39vw) translateY(-38vh) scale(0.72); } 21.7391304348% { transform: translateX(34vw) translateY(27vh) scale(0.65); } 26.0869565217% { transform: translateX(-45vw) translateY(-19vh) scale(0.42); } 30.4347826087% { transform: translateX(48vw) translateY(48vh) scale(0.92); } 34.7826086957% { transform: translateX(-42vw) translateY(-20vh) scale(0.69); } 39.1304347826% { transform: translateX(32vw) translateY(35vh) scale(0.29); } 43.4782608696% { transform: translateX(44vw) translateY(-30vh) scale(0.56); } 47.8260869565% { transform: translateX(-23vw) translateY(23vh) scale(0.85); } 52.1739130435% { transform: translateX(39vw) translateY(41vh) scale(0.4); } 56.5217391304% { transform: translateX(31vw) translateY(48vh) scale(0.72); } 60.8695652174% { transform: translateX(33vw) translateY(-44vh) scale(0.52); } 65.2173913043% { transform: translateX(-4vw) translateY(31vh) scale(0.65); } 69.5652173913% { transform: translateX(18vw) translateY(37vh) scale(0.85); } 73.9130434783% { transform: translateX(-15vw) translateY(15vh) scale(0.44); } 78.2608695652% { transform: translateX(45vw) translateY(33vh) scale(0.28); } 82.6086956522% { transform: translateX(1vw) translateY(47vh) scale(0.36); } 86.9565217391% { transform: translateX(-47vw) translateY(-47vh) scale(0.5); } 91.3043478261% { transform: translateX(10vw) translateY(16vh) scale(0.61); } 95.652173913% { transform: translateX(-2vw) translateY(42vh) scale(0.43); } 100% { transform: translateX(8vw) translateY(-13vh) scale(0.98); } } .fairy:nth-child(7) { animation-name: move7; } .fairy:nth-child(7)::before { animation-duration: 9s; } .fairy:nth-child(7)::after { animation-duration: 9s, 10580ms; animation-delay: 0ms, 4415ms; } @keyframes move7 { 0% { transform: translateX(4vw) translateY(7vh) scale(0.4); } 4% { transform: translateX(41vw) translateY(38vh) scale(0.42); } 8% { transform: translateX(-15vw) translateY(28vh) scale(0.55); } 12% { transform: translateX(-24vw) translateY(-32vh) scale(0.94); } 16% { transform: translateX(-8vw) translateY(39vh) scale(0.5); } 20% { transform: translateX(-40vw) translateY(3vh) scale(0.65); } 24% { transform: translateX(-49vw) translateY(48vh) scale(0.58); } 28% { transform: translateX(25vw) translateY(20vh) scale(0.51); } 32% { transform: translateX(-13vw) translateY(29vh) scale(1); } 36% { transform: translateX(45vw) translateY(-39vh) scale(0.97); } 40% { transform: translateX(-41vw) translateY(-9vh) scale(0.26); } 44% { transform: translateX(35vw) translateY(12vh) scale(0.55); } 48% { transform: translateX(-17vw) translateY(-26vh) scale(0.35); } 52% { transform: translateX(35vw) translateY(18vh) scale(0.93); } 56% { transform: translateX(-23vw) translateY(29vh) scale(0.47); } 60% { transform: translateX(10vw) translateY(-34vh) scale(0.92); } 64% { transform: translateX(-1vw) translateY(49vh) scale(0.57); } 68% { transform: translateX(-24vw) translateY(-42vh) scale(0.38); } 72% { transform: translateX(24vw) translateY(7vh) scale(0.46); } 76% { transform: translateX(-16vw) translateY(32vh) scale(0.27); } 80% { transform: translateX(-5vw) translateY(23vh) scale(0.9); } 84% { transform: translateX(-6vw) translateY(20vh) scale(0.79); } 88% { transform: translateX(-36vw) translateY(17vh) scale(0.6); } 92% { transform: translateX(39vw) translateY(33vh) scale(0.88); } 96% { transform: translateX(40vw) translateY(-4vh) scale(0.32); } 100% { transform: translateX(0vw) translateY(6vh) scale(0.63); } } .fairy:nth-child(8) { animation-name: move8; } .fairy:nth-child(8)::before { animation-duration: 11s; } .fairy:nth-child(8)::after { animation-duration: 11s, 9302ms; animation-delay: 0ms, 3642ms; } @keyframes move8 { 0% { transform: translateX(5vw) translateY(-24vh) scale(0.72); } 5.5555555556% { transform: translateX(38vw) translateY(-26vh) scale(0.61); } 11.1111111111% { transform: translateX(28vw) translateY(-11vh) scale(0.83); } 16.6666666667% { transform: translateX(-40vw) translateY(20vh) scale(0.94); } 22.2222222222% { transform: translateX(-19vw) translateY(15vh) scale(0.31); } 27.7777777778% { transform: translateX(16vw) translateY(-2vh) scale(0.38); } 33.3333333333% { transform: translateX(-15vw) translateY(-5vh) scale(0.26); } 38.8888888889% { transform: translateX(48vw) translateY(10vh) scale(0.31); } 44.4444444444% { transform: translateX(-7vw) translateY(4vh) scale(0.33); } 50% { transform: translateX(-22vw) translateY(8vh) scale(0.73); } 55.5555555556% { transform: translateX(35vw) translateY(-29vh) scale(0.37); } 61.1111111111% { transform: translateX(-46vw) translateY(-9vh) scale(0.8); } 66.6666666667% { transform: translateX(-6vw) translateY(42vh) scale(0.99); } 72.2222222222% { transform: translateX(11vw) translateY(9vh) scale(0.74); } 77.7777777778% { transform: translateX(46vw) translateY(-3vh) scale(0.27); } 83.3333333333% { transform: translateX(32vw) translateY(-38vh) scale(0.87); } 88.8888888889% { transform: translateX(-32vw) translateY(-18vh) scale(0.73); } 94.4444444444% { transform: translateX(-42vw) translateY(25vh) scale(0.56); } 100% { transform: translateX(-22vw) translateY(4vh) scale(0.27); } } .fairy:nth-child(9) { animation-name: move9; } .fairy:nth-child(9)::before { animation-duration: 14s; } .fairy:nth-child(9)::after { animation-duration: 14s, 5697ms; animation-delay: 0ms, 4357ms; } @keyframes move9 { 0% { transform: translateX(-7vw) translateY(50vh) scale(0.63); } 4% { transform: translateX(-4vw) translateY(-5vh) scale(0.27); } 8% { transform: translateX(24vw) translateY(-38vh) scale(0.48); } 12% { transform: translateX(12vw) translateY(-9vh) scale(0.37); } 16% { transform: translateX(24vw) translateY(-39vh) scale(0.55); } 20% { transform: translateX(28vw) translateY(-33vh) scale(0.69); } 24% { transform: translateX(-47vw) translateY(32vh) scale(0.58); } 28% { transform: translateX(-40vw) translateY(38vh) scale(0.51); } 32% { transform: translateX(-25vw) translateY(-18vh) scale(0.72); } 36% { transform: translateX(27vw) translateY(40vh) scale(0.67); } 40% { transform: translateX(-32vw) translateY(-35vh) scale(0.52); } 44% { transform: translateX(39vw) translateY(-29vh) scale(0.85); } 48% { transform: translateX(-40vw) translateY(-15vh) scale(0.72); } 52% { transform: translateX(25vw) translateY(-29vh) scale(0.98); } 56% { transform: translateX(28vw) translateY(4vh) scale(0.77); } 60% { transform: translateX(14vw) translateY(7vh) scale(0.54); } 64% { transform: translateX(-1vw) translateY(41vh) scale(0.9); } 68% { transform: translateX(7vw) translateY(13vh) scale(0.65); } 72% { transform: translateX(-27vw) translateY(50vh) scale(0.41); } 76% { transform: translateX(26vw) translateY(-19vh) scale(0.54); } 80% { transform: translateX(-47vw) translateY(-29vh) scale(0.64); } 84% { transform: translateX(14vw) translateY(-5vh) scale(0.76); } 88% { transform: translateX(-19vw) translateY(6vh) scale(0.93); } 92% { transform: translateX(-20vw) translateY(44vh) scale(0.49); } 96% { transform: translateX(-49vw) translateY(-29vh) scale(0.84); } 100% { transform: translateX(-23vw) translateY(-44vh) scale(0.42); } } .fairy:nth-child(10) { animation-name: move10; } .fairy:nth-child(10)::before { animation-duration: 14s; } .fairy:nth-child(10)::after { animation-duration: 14s, 6034ms; animation-delay: 0ms, 7729ms; } @keyframes move10 { 0% { transform: translateX(39vw) translateY(-12vh) scale(0.91); } 4.7619047619% { transform: translateX(-10vw) translateY(-46vh) scale(0.78); } 9.5238095238% { transform: translateX(43vw) translateY(37vh) scale(0.53); } 14.2857142857% { transform: translateX(-7vw) translateY(-26vh) scale(0.4); } 19.0476190476% { transform: translateX(21vw) translateY(-31vh) scale(0.43); } 23.8095238095% { transform: translateX(-4vw) translateY(21vh) scale(0.55); } 28.5714285714% { transform: translateX(-2vw) translateY(14vh) scale(0.35); } 33.3333333333% { transform: translateX(-4vw) translateY(45vh) scale(0.31); } 38.0952380952% { transform: translateX(-34vw) translateY(-40vh) scale(0.91); } 42.8571428571% { transform: translateX(39vw) translateY(-29vh) scale(0.42); } 47.619047619% { transform: translateX(24vw) translateY(-24vh) scale(0.97); } 52.380952381% { transform: translateX(-20vw) translateY(-1vh) scale(0.94); } 57.1428571429% { transform: translateX(9vw) translateY(8vh) scale(0.61); } 61.9047619048% { transform: translateX(-23vw) translateY(-25vh) scale(0.91); } 66.6666666667% { transform: translateX(17vw) translateY(15vh) scale(0.62); } 71.4285714286% { transform: translateX(-16vw) translateY(-27vh) scale(0.72); } 76.1904761905% { transform: translateX(-8vw) translateY(16vh) scale(0.58); } 80.9523809524% { transform: translateX(40vw) translateY(11vh) scale(0.99); } 85.7142857143% { transform: translateX(-33vw) translateY(-20vh) scale(0.64); } 90.4761904762% { transform: translateX(-38vw) translateY(48vh) scale(0.86); } 95.2380952381% { transform: translateX(-25vw) translateY(44vh) scale(0.91); } 100% { transform: translateX(-47vw) translateY(40vh) scale(0.36); } } .fairy:nth-child(11) { animation-name: move11; } .fairy:nth-child(11)::before { animation-duration: 9s; } .fairy:nth-child(11)::after { animation-duration: 9s, 6968ms; animation-delay: 0ms, 7365ms; } @keyframes move11 { 0% { transform: translateX(-40vw) translateY(-3vh) scale(0.74); } 4.5454545455% { transform: translateX(26vw) translateY(22vh) scale(0.43); } 9.0909090909% { transform: translateX(-49vw) translateY(-40vh) scale(0.96); } 13.6363636364% { transform: translateX(-40vw) translateY(-23vh) scale(0.32); } 18.1818181818% { transform: translateX(35vw) translateY(-15vh) scale(0.91); } 22.7272727273% { transform: translateX(2vw) translateY(-42vh) scale(0.9); } 27.2727272727% { transform: translateX(-48vw) translateY(-29vh) scale(0.84); } 31.8181818182% { transform: translateX(-31vw) translateY(40vh) scale(0.59); } 36.3636363636% { transform: translateX(45vw) translateY(-44vh) scale(0.45); } 40.9090909091% { transform: translateX(-34vw) translateY(42vh) scale(0.6); } 45.4545454545% { transform: translateX(-11vw) translateY(-32vh) scale(0.72); } 50% { transform: translateX(-4vw) translateY(-18vh) scale(0.94); } 54.5454545455% { transform: translateX(-37vw) translateY(0vh) scale(0.77); } 59.0909090909% { transform: translateX(-30vw) translateY(-28vh) scale(0.29); } 63.6363636364% { transform: translateX(34vw) translateY(17vh) scale(0.46); } 68.1818181818% { transform: translateX(13vw) translateY(-12vh) scale(0.83); } 72.7272727273% { transform: translateX(-35vw) translateY(42vh) scale(0.3); } 77.2727272727% { transform: translateX(-32vw) translateY(-12vh) scale(0.98); } 81.8181818182% { transform: translateX(-46vw) translateY(-39vh) scale(0.77); } 86.3636363636% { transform: translateX(27vw) translateY(14vh) scale(0.88); } 90.9090909091% { transform: translateX(7vw) translateY(43vh) scale(0.46); } 95.4545454545% { transform: translateX(10vw) translateY(8vh) scale(0.72); } 100% { transform: translateX(43vw) translateY(38vh) scale(0.72); } } .fairy:nth-child(12) { animation-name: move12; } .fairy:nth-child(12)::before { animation-duration: 16s; } .fairy:nth-child(12)::after { animation-duration: 16s, 9077ms; animation-delay: 0ms, 2115ms; } @keyframes move12 { 0% { transform: translateX(-39vw) translateY(24vh) scale(0.83); } 5.8823529412% { transform: translateX(34vw) translateY(-15vh) scale(0.78); } 11.7647058824% { transform: translateX(-31vw) translateY(21vh) scale(0.54); } 17.6470588235% { transform: translateX(3vw) translateY(39vh) scale(0.37); } 23.5294117647% { transform: translateX(3vw) translateY(8vh) scale(0.43); } 29.4117647059% { transform: translateX(29vw) translateY(27vh) scale(0.3); } 35.2941176471% { transform: translateX(-47vw) translateY(-10vh) scale(0.51); } 41.1764705882% { transform: translateX(47vw) translateY(20vh) scale(0.36); } 47.0588235294% { transform: translateX(23vw) translateY(39vh) scale(0.72); } 52.9411764706% { transform: translateX(21vw) translateY(-43vh) scale(0.79); } 58.8235294118% { transform: translateX(-21vw) translateY(48vh) scale(0.72); } 64.7058823529% { transform: translateX(-47vw) translateY(19vh) scale(0.5); } 70.5882352941% { transform: translateX(27vw) translateY(-36vh) scale(0.86); } 76.4705882353% { transform: translateX(-28vw) translateY(-33vh) scale(0.99); } 82.3529411765% { transform: translateX(-33vw) translateY(36vh) scale(0.56); } 88.2352941176% { transform: translateX(44vw) translateY(19vh) scale(0.27); } 94.1176470588% { transform: translateX(-45vw) translateY(19vh) scale(0.33); } 100% { transform: translateX(38vw) translateY(-31vh) scale(0.72); } } .fairy:nth-child(13) { animation-name: move13; } .fairy:nth-child(13)::before { animation-duration: 13s; } .fairy:nth-child(13)::after { animation-duration: 13s, 10543ms; animation-delay: 0ms, 7111ms; } @keyframes move13 { 0% { transform: translateX(-22vw) translateY(25vh) scale(0.35); } 4% { transform: translateX(10vw) translateY(-37vh) scale(0.58); } 8% { transform: translateX(14vw) translateY(-34vh) scale(0.38); } 12% { transform: translateX(9vw) translateY(48vh) scale(0.72); } 16% { transform: translateX(-24vw) translateY(46vh) scale(0.66); } 20% { transform: translateX(-14vw) translateY(27vh) scale(0.28); } 24% { transform: translateX(-43vw) translateY(42vh) scale(0.98); } 28% { transform: translateX(11vw) translateY(0vh) scale(0.4); } 32% { transform: translateX(-40vw) translateY(8vh) scale(0.92); } 36% { transform: translateX(33vw) translateY(12vh) scale(0.39); } 40% { transform: translateX(24vw) translateY(-37vh) scale(0.3); } 44% { transform: translateX(-42vw) translateY(-20vh) scale(0.53); } 48% { transform: translateX(-24vw) translateY(-6vh) scale(0.46); } 52% { transform: translateX(-49vw) translateY(-14vh) scale(0.38); } 56% { transform: translateX(9vw) translateY(24vh) scale(0.8); } 60% { transform: translateX(-47vw) translateY(-25vh) scale(0.5); } 64% { transform: translateX(-21vw) translateY(33vh) scale(0.85); } 68% { transform: translateX(-47vw) translateY(39vh) scale(0.52); } 72% { transform: translateX(-20vw) translateY(-38vh) scale(0.95); } 76% { transform: translateX(-7vw) translateY(-45vh) scale(0.69); } 80% { transform: translateX(-34vw) translateY(-27vh) scale(0.99); } 84% { transform: translateX(-14vw) translateY(34vh) scale(0.85); } 88% { transform: translateX(-29vw) translateY(-17vh) scale(0.74); } 92% { transform: translateX(-11vw) translateY(-29vh) scale(0.75); } 96% { transform: translateX(-37vw) translateY(-23vh) scale(0.95); } 100% { transform: translateX(43vw) translateY(4vh) scale(0.93); } } .fairy:nth-child(14) { animation-name: move14; } .fairy:nth-child(14)::before { animation-duration: 15s; } .fairy:nth-child(14)::after { animation-duration: 15s, 6930ms; animation-delay: 0ms, 3394ms; } @keyframes move14 { 0% { transform: translateX(17vw) translateY(15vh) scale(0.57); } 4.347826087% { transform: translateX(-7vw) translateY(48vh) scale(0.86); } 8.6956521739% { transform: translateX(-41vw) translateY(-34vh) scale(0.34); } 13.0434782609% { transform: translateX(10vw) translateY(6vh) scale(0.91); } 17.3913043478% { transform: translateX(36vw) translateY(2vh) scale(0.88); } 21.7391304348% { transform: translateX(-9vw) translateY(-25vh) scale(0.94); } 26.0869565217% { transform: translateX(23vw) translateY(4vh) scale(0.68); } 30.4347826087% { transform: translateX(-3vw) translateY(-24vh) scale(0.51); } 34.7826086957% { transform: translateX(43vw) translateY(21vh) scale(0.39); } 39.1304347826% { transform: translateX(-14vw) translateY(-10vh) scale(0.5); } 43.4782608696% { transform: translateX(-11vw) translateY(22vh) scale(0.28); } 47.8260869565% { transform: translateX(47vw) translateY(-12vh) scale(0.3); } 52.1739130435% { transform: translateX(-39vw) translateY(-46vh) scale(0.54); } 56.5217391304% { transform: translateX(-45vw) translateY(-1vh) scale(0.32); } 60.8695652174% { transform: translateX(-14vw) translateY(24vh) scale(0.79); } 65.2173913043% { transform: translateX(49vw) translateY(-23vh) scale(0.81); } 69.5652173913% { transform: translateX(-37vw) translateY(19vh) scale(0.95); } 73.9130434783% { transform: translateX(-41vw) translateY(-34vh) scale(0.45); } 78.2608695652% { transform: translateX(-26vw) translateY(-20vh) scale(0.31); } 82.6086956522% { transform: translateX(-11vw) translateY(34vh) scale(0.9); } 86.9565217391% { transform: translateX(-23vw) translateY(5vh) scale(0.37); } 91.3043478261% { transform: translateX(40vw) translateY(0vh) scale(0.41); } 95.652173913% { transform: translateX(24vw) translateY(-1vh) scale(0.48); } 100% { transform: translateX(-25vw) translateY(7vh) scale(0.59); } } .fairy:nth-child(15) { animation-name: move15; } .fairy:nth-child(15)::before { animation-duration: 15s; } .fairy:nth-child(15)::after { animation-duration: 15s, 7439ms; animation-delay: 0ms, 5284ms; } @keyframes move15 { 0% { transform: translateX(-19vw) translateY(-30vh) scale(0.47); } 4.1666666667% { transform: translateX(40vw) translateY(5vh) scale(0.8); } 8.3333333333% { transform: translateX(15vw) translateY(-8vh) scale(0.69); } 12.5% { transform: translateX(-43vw) translateY(-25vh) scale(0.96); } 16.6666666667% { transform: translateX(14vw) translateY(30vh) scale(0.89); } 20.8333333333% { transform: translateX(-31vw) translateY(50vh) scale(0.99); } 25% { transform: translateX(17vw) translateY(37vh) scale(0.42); } 29.1666666667% { transform: translateX(-42vw) translateY(-11vh) scale(0.54); } 33.3333333333% { transform: translateX(-23vw) translateY(14vh) scale(0.29); } 37.5% { transform: translateX(-28vw) translateY(16vh) scale(0.48); } 41.6666666667% { transform: translateX(-5vw) translateY(0vh) scale(0.45); } 45.8333333333% { transform: translateX(38vw) translateY(44vh) scale(0.66); } 50% { transform: translateX(-48vw) translateY(-29vh) scale(0.58); } 54.1666666667% { transform: translateX(-17vw) translateY(4vh) scale(0.41); } 58.3333333333% { transform: translateX(-6vw) translateY(47vh) scale(0.39); } 62.5% { transform: translateX(33vw) translateY(37vh) scale(0.28); } 66.6666666667% { transform: translateX(-5vw) translateY(30vh) scale(0.75); } 70.8333333333% { transform: translateX(17vw) translateY(27vh) scale(0.78); } 75% { transform: translateX(26vw) translateY(10vh) scale(0.26); } 79.1666666667% { transform: translateX(-12vw) translateY(-1vh) scale(0.49); } 83.3333333333% { transform: translateX(-20vw) translateY(-23vh) scale(0.69); } 87.5% { transform: translateX(-20vw) translateY(-22vh) scale(0.41); } 91.6666666667% { transform: translateX(2vw) translateY(0vh) scale(0.98); } 95.8333333333% { transform: translateX(-21vw) translateY(49vh) scale(0.76); } 100% { transform: translateX(8vw) translateY(40vh) scale(0.63); } } .fairy:nth-child(16) { animation-name: move16; } .fairy:nth-child(16)::before { animation-duration: 13s; } .fairy:nth-child(16)::after { animation-duration: 13s, 6003ms; animation-delay: 0ms, 6802ms; } @keyframes move16 { 0% { transform: translateX(-43vw) translateY(-18vh) scale(0.59); } 4.347826087% { transform: translateX(26vw) translateY(-37vh) scale(0.4); } 8.6956521739% { transform: translateX(23vw) translateY(-44vh) scale(0.57); } 13.0434782609% { transform: translateX(-46vw) translateY(-36vh) scale(0.64); } 17.3913043478% { transform: translateX(21vw) translateY(-43vh) scale(0.32); } 21.7391304348% { transform: translateX(-5vw) translateY(17vh) scale(0.74); } 26.0869565217% { transform: translateX(15vw) translateY(3vh) scale(0.36); } 30.4347826087% { transform: translateX(-35vw) translateY(-17vh) scale(0.48); } 34.7826086957% { transform: translateX(-16vw) translateY(-40vh) scale(0.62); } 39.1304347826% { transform: translateX(37vw) translateY(38vh) scale(0.95); } 43.4782608696% { transform: translateX(31vw) translateY(-37vh) scale(0.96); } 47.8260869565% { transform: translateX(-8vw) translateY(33vh) scale(0.6); } 52.1739130435% { transform: translateX(-5vw) translateY(31vh) scale(0.59); } 56.5217391304% { transform: translateX(-28vw) translateY(-17vh) scale(0.88); } 60.8695652174% { transform: translateX(-9vw) translateY(-41vh) scale(0.92); } 65.2173913043% { transform: translateX(-9vw) translateY(-14vh) scale(0.61); } 69.5652173913% { transform: translateX(-10vw) translateY(25vh) scale(0.68); } 73.9130434783% { transform: translateX(-24vw) translateY(30vh) scale(0.98); } 78.2608695652% { transform: translateX(-23vw) translateY(46vh) scale(0.81); } 82.6086956522% { transform: translateX(-19vw) translateY(-44vh) scale(0.64); } 86.9565217391% { transform: translateX(6vw) translateY(-46vh) scale(0.52); } 91.3043478261% { transform: translateX(-18vw) translateY(-11vh) scale(0.51); } 95.652173913% { transform: translateX(47vw) translateY(26vh) scale(0.98); } 100% { transform: translateX(48vw) translateY(25vh) scale(0.27); } } .fairy:nth-child(17) { animation-name: move17; } .fairy:nth-child(17)::before { animation-duration: 11s; } .fairy:nth-child(17)::after { animation-duration: 11s, 8119ms; animation-delay: 0ms, 5761ms; } @keyframes move17 { 0% { transform: translateX(6vw) translateY(-17vh) scale(0.46); } 4.347826087% { transform: translateX(-16vw) translateY(15vh) scale(0.38); } 8.6956521739% { transform: translateX(-10vw) translateY(40vh) scale(0.33); } 13.0434782609% { transform: translateX(41vw) translateY(37vh) scale(0.92); } 17.3913043478% { transform: translateX(13vw) translateY(-23vh) scale(0.59); } 21.7391304348% { transform: translateX(37vw) translateY(-29vh) scale(0.67); } 26.0869565217% { transform: translateX(32vw) translateY(23vh) scale(0.87); } 30.4347826087% { transform: translateX(26vw) translateY(-40vh) scale(0.94); } 34.7826086957% { transform: translateX(-6vw) translateY(-41vh) scale(0.9); } 39.1304347826% { transform: translateX(18vw) translateY(41vh) scale(0.85); } 43.4782608696% { transform: translateX(-5vw) translateY(-40vh) scale(0.61); } 47.8260869565% { transform: translateX(-26vw) translateY(5vh) scale(0.73); } 52.1739130435% { transform: translateX(35vw) translateY(-9vh) scale(0.53); } 56.5217391304% { transform: translateX(42vw) translateY(49vh) scale(0.9); } 60.8695652174% { transform: translateX(5vw) translateY(12vh) scale(0.94); } 65.2173913043% { transform: translateX(48vw) translateY(39vh) scale(0.47); } 69.5652173913% { transform: translateX(-22vw) translateY(26vh) scale(0.67); } 73.9130434783% { transform: translateX(19vw) translateY(35vh) scale(0.83); } 78.2608695652% { transform: translateX(-32vw) translateY(-32vh) scale(0.64); } 82.6086956522% { transform: translateX(41vw) translateY(-7vh) scale(0.7); } 86.9565217391% { transform: translateX(40vw) translateY(11vh) scale(0.4); } 91.3043478261% { transform: translateX(-23vw) translateY(36vh) scale(0.61); } 95.652173913% { transform: translateX(14vw) translateY(-28vh) scale(1); } 100% { transform: translateX(-28vw) translateY(-47vh) scale(0.42); } } .fairy:nth-child(18) { animation-name: move18; } .fairy:nth-child(18)::before { animation-duration: 15s; } .fairy:nth-child(18)::after { animation-duration: 15s, 7715ms; animation-delay: 0ms, 1324ms; } @keyframes move18 { 0% { transform: translateX(-6vw) translateY(-4vh) scale(0.29); } 4% { transform: translateX(-23vw) translateY(-31vh) scale(0.26); } 8% { transform: translateX(-22vw) translateY(-38vh) scale(0.68); } 12% { transform: translateX(35vw) translateY(39vh) scale(0.73); } 16% { transform: translateX(-11vw) translateY(26vh) scale(0.56); } 20% { transform: translateX(44vw) translateY(-46vh) scale(0.4); } 24% { transform: translateX(-29vw) translateY(25vh) scale(0.65); } 28% { transform: translateX(38vw) translateY(20vh) scale(0.56); } 32% { transform: translateX(2vw) translateY(-10vh) scale(0.33); } 36% { transform: translateX(25vw) translateY(-9vh) scale(0.71); } 40% { transform: translateX(5vw) translateY(28vh) scale(0.41); } 44% { transform: translateX(31vw) translateY(-12vh) scale(0.97); } 48% { transform: translateX(5vw) translateY(-29vh) scale(0.68); } 52% { transform: translateX(36vw) translateY(11vh) scale(0.51); } 56% { transform: translateX(-2vw) translateY(19vh) scale(0.81); } 60% { transform: translateX(1vw) translateY(41vh) scale(0.62); } 64% { transform: translateX(42vw) translateY(27vh) scale(0.9); } 68% { transform: translateX(-4vw) translateY(49vh) scale(1); } 72% { transform: translateX(8vw) translateY(-45vh) scale(0.62); } 76% { transform: translateX(-24vw) translateY(48vh) scale(0.26); } 80% { transform: translateX(33vw) translateY(-45vh) scale(0.36); } 84% { transform: translateX(50vw) translateY(-26vh) scale(0.33); } 88% { transform: translateX(28vw) translateY(42vh) scale(0.82); } 92% { transform: translateX(46vw) translateY(37vh) scale(0.83); } 96% { transform: translateX(-33vw) translateY(5vh) scale(0.49); } 100% { transform: translateX(8vw) translateY(10vh) scale(0.73); } } .fairy:nth-child(19) { animation-name: move19; } .fairy:nth-child(19)::before { animation-duration: 16s; } .fairy:nth-child(19)::after { animation-duration: 16s, 5296ms; animation-delay: 0ms, 3038ms; } @keyframes move19 { 0% { transform: translateX(48vw) translateY(-41vh) scale(0.48); } 4.347826087% { transform: translateX(-20vw) translateY(-21vh) scale(0.4); } 8.6956521739% { transform: translateX(-25vw) translateY(-35vh) scale(0.66); } 13.0434782609% { transform: translateX(21vw) translateY(-47vh) scale(0.41); } 17.3913043478% { transform: translateX(-26vw) translateY(37vh) scale(0.36); } 21.7391304348% { transform: translateX(6vw) translateY(49vh) scale(0.68); } 26.0869565217% { transform: translateX(-16vw) translateY(-6vh) scale(0.98); } 30.4347826087% { transform: translateX(-20vw) translateY(15vh) scale(1); } 34.7826086957% { transform: translateX(25vw) translateY(50vh) scale(0.43); } 39.1304347826% { transform: translateX(15vw) translateY(17vh) scale(0.5); } 43.4782608696% { transform: translateX(15vw) translateY(26vh) scale(0.94); } 47.8260869565% { transform: translateX(-6vw) translateY(15vh) scale(0.87); } 52.1739130435% { transform: translateX(50vw) translateY(-28vh) scale(0.77); } 56.5217391304% { transform: translateX(29vw) translateY(-46vh) scale(0.89); } 60.8695652174% { transform: translateX(43vw) translateY(-32vh) scale(0.98); } 65.2173913043% { transform: translateX(-31vw) translateY(1vh) scale(0.28); } 69.5652173913% { transform: translateX(30vw) translateY(-37vh) scale(0.75); } 73.9130434783% { transform: translateX(42vw) translateY(-6vh) scale(0.87); } 78.2608695652% { transform: translateX(-9vw) translateY(16vh) scale(0.96); } 82.6086956522% { transform: translateX(-14vw) translateY(-21vh) scale(1); } 86.9565217391% { transform: translateX(2vw) translateY(15vh) scale(0.5); } 91.3043478261% { transform: translateX(10vw) translateY(-30vh) scale(0.27); } 95.652173913% { transform: translateX(-8vw) translateY(-47vh) scale(0.72); } 100% { transform: translateX(6vw) translateY(-14vh) scale(0.58); } } .fairy:nth-child(20) { animation-name: move20; } .fairy:nth-child(20)::before { animation-duration: 13s; } .fairy:nth-child(20)::after { animation-duration: 13s, 10475ms; animation-delay: 0ms, 2154ms; } @keyframes move20 { 0% { transform: translateX(-35vw) translateY(-23vh) scale(0.54); } 3.5714285714% { transform: translateX(38vw) translateY(-24vh) scale(0.61); } 7.1428571429% { transform: translateX(34vw) translateY(45vh) scale(0.41); } 10.7142857143% { transform: translateX(12vw) translateY(36vh) scale(0.42); } 14.2857142857% { transform: translateX(17vw) translateY(35vh) scale(0.27); } 17.8571428571% { transform: translateX(-12vw) translateY(-30vh) scale(0.45); } 21.4285714286% { transform: translateX(-17vw) translateY(35vh) scale(0.7); } 25% { transform: translateX(-8vw) translateY(-45vh) scale(0.53); } 28.5714285714% { transform: translateX(-24vw) translateY(21vh) scale(0.47); } 32.1428571429% { transform: translateX(29vw) translateY(16vh) scale(0.88); } 35.7142857143% { transform: translateX(-18vw) translateY(-25vh) scale(0.31); } 39.2857142857% { transform: translateX(21vw) translateY(-49vh) scale(0.82); } 42.8571428571% { transform: translateX(-32vw) translateY(8vh) scale(0.45); } 46.4285714286% { transform: translateX(39vw) translateY(-1vh) scale(0.94); } 50% { transform: translateX(48vw) translateY(-23vh) scale(0.69); } 53.5714285714% { transform: translateX(35vw) translateY(-2vh) scale(0.57); } 57.1428571429% { transform: translateX(36vw) translateY(-42vh) scale(0.27); } 60.7142857143% { transform: translateX(-12vw) translateY(-3vh) scale(0.51); } 64.2857142857% { transform: translateX(-34vw) translateY(43vh) scale(0.72); } 67.8571428571% { transform: translateX(-12vw) translateY(34vh) scale(0.38); } 71.4285714286% { transform: translateX(-30vw) translateY(-25vh) scale(1); } 75% { transform: translateX(22vw) translateY(-8vh) scale(0.99); } 78.5714285714% { transform: translateX(11vw) translateY(-6vh) scale(0.67); } 82.1428571429% { transform: translateX(-1vw) translateY(13vh) scale(0.83); } 85.7142857143% { transform: translateX(-46vw) translateY(-35vh) scale(0.5); } 89.2857142857% { transform: translateX(-39vw) translateY(48vh) scale(0.68); } 92.8571428571% { transform: translateX(-47vw) translateY(-9vh) scale(0.56); } 96.4285714286% { transform: translateX(-16vw) translateY(26vh) scale(0.81); } 100% { transform: translateX(8vw) translateY(3vh) scale(0.73); } } @keyframes drift { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes flash { 0%, 30%, 100% { opacity: 0; box-shadow: 0 0 0vw 0vw #BCCFFF; } 5% { opacity: 1; box-shadow: 0 0 2vw 0.4vw #BCCFFF; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-07c6bde */.elementor-1132 .elementor-element.elementor-element-07c6bde{ text-wrap: balance; }/* End custom CSS */