.elementor-1642 .elementor-element.elementor-element-8ef27e8{--display:flex;--min-height:1074px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--overlay-opacity:0.8;--padding-top:0px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-1642 .elementor-element.elementor-element-8ef27e8:not(.elementor-motion-effects-element-type-background), .elementor-1642 .elementor-element.elementor-element-8ef27e8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-1642 .elementor-element.elementor-element-8ef27e8::before, .elementor-1642 .elementor-element.elementor-element-8ef27e8 > .elementor-background-video-container::before, .elementor-1642 .elementor-element.elementor-element-8ef27e8 > .e-con-inner > .elementor-background-video-container::before, .elementor-1642 .elementor-element.elementor-element-8ef27e8 > .elementor-background-slideshow::before, .elementor-1642 .elementor-element.elementor-element-8ef27e8 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1642 .elementor-element.elementor-element-8ef27e8 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#0C0911;--background-overlay:'';}.elementor-1642 .elementor-element.elementor-element-9cccad6{width:var( --container-widget-width, 11% );max-width:11%;padding:0px 0px 0px 0px;--container-widget-width:11%;--container-widget-flex-grow:0;}.elementor-1642 .elementor-element.elementor-element-9cccad6.elementor-element{--align-self:center;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1642 .elementor-element.elementor-element-6b6560f{width:var( --container-widget-width, 339px );max-width:339px;--container-widget-width:339px;--container-widget-flex-grow:0;z-index:2;}.elementor-1642 .elementor-element.elementor-element-6b6560f.elementor-element{--align-self:center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1642 .elementor-element.elementor-element-d6f0424{width:var( --container-widget-width, 674px );max-width:674px;--container-widget-width:674px;--container-widget-flex-grow:0;z-index:2;text-align:center;}.elementor-1642 .elementor-element.elementor-element-d6f0424.elementor-element{--align-self:center;}.elementor-1642 .elementor-element.elementor-element-d6f0424 .elementor-heading-title{font-family:"Plus Jakarta", Sans-serif;font-size:54px;font-weight:700;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1642 .elementor-element.elementor-element-472b69f{width:var( --container-widget-width, 516px );max-width:516px;--container-widget-width:516px;--container-widget-flex-grow:0;z-index:2;text-align:center;font-family:"Roboto", Sans-serif;font-size:21px;font-weight:400;color:#FFFFFF;}.elementor-1642 .elementor-element.elementor-element-472b69f.elementor-element{--align-self:center;}.elementor-1642 .elementor-element.elementor-element-09cf7d3{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 60px;--row-gap:0px;--column-gap:60px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:2;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1642 .elementor-element.elementor-element-0048fa9 .elementor-button{font-family:"Plus Jakarta", Sans-serif;font-size:15px;font-weight:700;border-radius:900px 900px 900px 900px;padding:20px 60px 20px 60px;}.elementor-1642 .elementor-element.elementor-element-6aba50c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;color:#FFFFFF;}.elementor-1642 .elementor-element.elementor-element-6aba50c.elementor-element{--align-self:center;}.elementor-1642 .elementor-element.elementor-element-a2cc019{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1642 .elementor-element.elementor-element-a2cc019.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1642 .elementor-element.elementor-element-4672a91 img{border-radius:15px 15px 15px 15px;}.elementor-1642 .elementor-element.elementor-element-3c097db img{border-radius:15px 15px 15px 15px;}.elementor-1642 .elementor-element.elementor-element-099fdae img{border-radius:15px 15px 15px 15px;}.elementor-1642 .elementor-element.elementor-element-a23e352 img{border-radius:15px 15px 15px 15px;}.elementor-1642 .elementor-element.elementor-element-1c06cb6 img{border-radius:15px 15px 15px 15px;}.elementor-1642 .elementor-element.elementor-element-5fc2515{--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;--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:5;}.elementor-1642 .elementor-element.elementor-element-45f89ec img{border-radius:20px 20px 20px 20px;}.elementor-1642 .elementor-element.elementor-element-502cca9 img{border-radius:20px 20px 20px 20px;}.elementor-1642 .elementor-element.elementor-element-0d11403{--display:flex;--justify-content:flex-end;--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-1642 .elementor-element.elementor-element-0cc4d4a img{border-radius:20px 20px 20px 20px;}.elementor-1642 .elementor-element.elementor-element-071d3e0 img{border-radius:20px 20px 20px 20px;}.elementor-1642 .elementor-element.elementor-element-562a02b img{border-radius:20px 20px 20px 20px;}.elementor-1642 .elementor-element.elementor-element-4f24b46{--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;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-1642 .elementor-element.elementor-element-4f24b46:not(.elementor-motion-effects-element-type-background), .elementor-1642 .elementor-element.elementor-element-4f24b46 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1642 .elementor-element.elementor-element-5ea5732{--display:flex;--min-height:643px;--justify-content:flex-end;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.4;--border-radius:40px 40px 40px 40px;--padding-top:0px;--padding-bottom:200px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-1642 .elementor-element.elementor-element-5ea5732:not(.elementor-motion-effects-element-type-background), .elementor-1642 .elementor-element.elementor-element-5ea5732 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;background-image:url("https://jpa.portalmappnet.com.br/wp-content/uploads/2026/01/15870-1.jpg");background-size:cover;}.elementor-1642 .elementor-element.elementor-element-5ea5732::before, .elementor-1642 .elementor-element.elementor-element-5ea5732 > .elementor-background-video-container::before, .elementor-1642 .elementor-element.elementor-element-5ea5732 > .e-con-inner > .elementor-background-video-container::before, .elementor-1642 .elementor-element.elementor-element-5ea5732 > .elementor-background-slideshow::before, .elementor-1642 .elementor-element.elementor-element-5ea5732 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1642 .elementor-element.elementor-element-5ea5732 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-1642 .elementor-element.elementor-element-5ea5732.e-con{--align-self:center;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-1642 .elementor-element.elementor-element-7a497cd .elementor-icon-wrapper{text-align:center;}.elementor-1642 .elementor-element.elementor-element-b7b88b2{text-align:center;}.elementor-1642 .elementor-element.elementor-element-b7b88b2 .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:62px;font-weight:600;}.elementor-1642 .elementor-element.elementor-element-91bf2cb{--display:flex;--min-height:643px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.4;--border-radius:40px 40px 40px 40px;--z-index:1;}.elementor-1642 .elementor-element.elementor-element-91bf2cb:not(.elementor-motion-effects-element-type-background), .elementor-1642 .elementor-element.elementor-element-91bf2cb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;background-image:url("https://jpa.portalmappnet.com.br/wp-content/uploads/2026/01/2150231655-1.jpg");background-size:cover;}.elementor-1642 .elementor-element.elementor-element-91bf2cb::before, .elementor-1642 .elementor-element.elementor-element-91bf2cb > .elementor-background-video-container::before, .elementor-1642 .elementor-element.elementor-element-91bf2cb > .e-con-inner > .elementor-background-video-container::before, .elementor-1642 .elementor-element.elementor-element-91bf2cb > .elementor-background-slideshow::before, .elementor-1642 .elementor-element.elementor-element-91bf2cb > .e-con-inner > .elementor-background-slideshow::before, .elementor-1642 .elementor-element.elementor-element-91bf2cb > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-1642 .elementor-element.elementor-element-1759d46 .elementor-icon-wrapper{text-align:center;}.elementor-1642 .elementor-element.elementor-element-2004374{text-align:center;}.elementor-1642 .elementor-element.elementor-element-2004374 .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:62px;font-weight:600;}.elementor-1642 .elementor-element.elementor-element-2af8f03{--display:flex;--min-height:643px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.4;--border-radius:40px 40px 40px 40px;--z-index:3;}.elementor-1642 .elementor-element.elementor-element-2af8f03:not(.elementor-motion-effects-element-type-background), .elementor-1642 .elementor-element.elementor-element-2af8f03 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;background-image:url("https://jpa.portalmappnet.com.br/wp-content/uploads/2026/01/2151974372.jpg");background-size:cover;}.elementor-1642 .elementor-element.elementor-element-2af8f03::before, .elementor-1642 .elementor-element.elementor-element-2af8f03 > .elementor-background-video-container::before, .elementor-1642 .elementor-element.elementor-element-2af8f03 > .e-con-inner > .elementor-background-video-container::before, .elementor-1642 .elementor-element.elementor-element-2af8f03 > .elementor-background-slideshow::before, .elementor-1642 .elementor-element.elementor-element-2af8f03 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1642 .elementor-element.elementor-element-2af8f03 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-1642 .elementor-element.elementor-element-6bb618c .elementor-icon-wrapper{text-align:center;}.elementor-1642 .elementor-element.elementor-element-5c89083{text-align:center;}.elementor-1642 .elementor-element.elementor-element-5c89083 .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:62px;font-weight:600;}.elementor-1642 .elementor-element.elementor-element-646eeca{--display:flex;--min-height:643px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.4;--border-radius:40px 40px 40px 40px;--z-index:4;}.elementor-1642 .elementor-element.elementor-element-646eeca:not(.elementor-motion-effects-element-type-background), .elementor-1642 .elementor-element.elementor-element-646eeca > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;background-image:url("https://jpa.portalmappnet.com.br/wp-content/uploads/2026/01/5029.jpg");background-size:cover;}.elementor-1642 .elementor-element.elementor-element-646eeca::before, .elementor-1642 .elementor-element.elementor-element-646eeca > .elementor-background-video-container::before, .elementor-1642 .elementor-element.elementor-element-646eeca > .e-con-inner > .elementor-background-video-container::before, .elementor-1642 .elementor-element.elementor-element-646eeca > .elementor-background-slideshow::before, .elementor-1642 .elementor-element.elementor-element-646eeca > .e-con-inner > .elementor-background-slideshow::before, .elementor-1642 .elementor-element.elementor-element-646eeca > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-1642 .elementor-element.elementor-element-a47a3f3 .elementor-icon-wrapper{text-align:center;}.elementor-1642 .elementor-element.elementor-element-7afdbb7{text-align:center;}.elementor-1642 .elementor-element.elementor-element-7afdbb7 .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:62px;font-weight:600;}.elementor-1642 .elementor-element.elementor-element-f70bbec{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:05em;--padding-bottom:07em;--padding-left:0em;--padding-right:0em;}.elementor-1642 .elementor-element.elementor-element-f70bbec:not(.elementor-motion-effects-element-type-background), .elementor-1642 .elementor-element.elementor-element-f70bbec > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0A0A0A;background-image:url("https://jpa.portalmappnet.com.br/wp-content/uploads/2026/01/bg-preco-webp.webp");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-1642 .elementor-element.elementor-element-e1d11b8 .elementor-icon-wrapper{text-align:center;}.elementor-1642 .elementor-element.elementor-element-e1d11b8.elementor-view-stacked .elementor-icon{background-color:#000000FC;}.elementor-1642 .elementor-element.elementor-element-e1d11b8.elementor-view-framed .elementor-icon, .elementor-1642 .elementor-element.elementor-element-e1d11b8.elementor-view-default .elementor-icon{color:#000000FC;border-color:#000000FC;}.elementor-1642 .elementor-element.elementor-element-e1d11b8.elementor-view-framed .elementor-icon, .elementor-1642 .elementor-element.elementor-element-e1d11b8.elementor-view-default .elementor-icon svg{fill:#000000FC;}.elementor-1642 .elementor-element.elementor-element-e1d11b8 .elementor-icon{font-size:1000px;}.elementor-1642 .elementor-element.elementor-element-e1d11b8 .elementor-icon svg{height:1000px;}.elementor-1642 .elementor-element.elementor-element-e1d11b8 .elementor-icon i, .elementor-1642 .elementor-element.elementor-element-e1d11b8 .elementor-icon svg{transform:rotate(0deg);}.elementor-1642 .elementor-element.elementor-element-3142fa4{--display:flex;--border-radius:10px 10px 10px 10px;--padding-top:3em;--padding-bottom:5em;--padding-left:5em;--padding-right:5em;--z-index:5;}.elementor-widget-image-box .elementor-image-box-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-image-box:has(:hover) .elementor-image-box-title, .elementor-widget-image-box:has(:focus) .elementor-image-box-title{color:var( --e-global-color-primary );}.elementor-widget-image-box .elementor-image-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-1642 .elementor-element.elementor-element-ed0bdc7.elementor-position-right .elementor-image-box-img{margin-left:64px;}.elementor-1642 .elementor-element.elementor-element-ed0bdc7.elementor-position-left .elementor-image-box-img{margin-right:64px;}.elementor-1642 .elementor-element.elementor-element-ed0bdc7.elementor-position-top .elementor-image-box-img{margin-bottom:64px;}.elementor-1642 .elementor-element.elementor-element-ed0bdc7 .elementor-image-box-title{margin-bottom:0px;font-family:"Poppins", Sans-serif;font-size:1.5em;font-weight:400;color:var( --e-global-color-secondary );}.elementor-1642 .elementor-element.elementor-element-ed0bdc7 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-1642 .elementor-element.elementor-element-ed0bdc7 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-1642 .elementor-element.elementor-element-ed0bdc7 .elementor-image-box-description{font-family:"Poppins", Sans-serif;font-size:4em;font-weight:600;letter-spacing:-1.6px;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-1642 .elementor-element.elementor-element-a7f278f{padding:0em 0em 2em 0em;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-1642 .elementor-element.elementor-element-a7f278f.elementor-element{--align-self:center;}.elementor-1642 .elementor-element.elementor-element-a7f278f .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(9px/2);}.elementor-1642 .elementor-element.elementor-element-a7f278f .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(9px/2);}.elementor-1642 .elementor-element.elementor-element-a7f278f .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(9px/2);}.elementor-1642 .elementor-element.elementor-element-a7f278f .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-9px/2);}.elementor-1642 .elementor-element.elementor-element-a7f278f .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-9px/2);}.elementor-1642 .elementor-element.elementor-element-a7f278f .elementor-icon-list-icon i{color:#3F60FF;transition:color 0.3s;}.elementor-1642 .elementor-element.elementor-element-a7f278f .elementor-icon-list-icon svg{fill:#3F60FF;transition:fill 0.3s;}.elementor-1642 .elementor-element.elementor-element-a7f278f .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1642 .elementor-element.elementor-element-a7f278f .elementor-icon-list-item > a{font-family:"Poppins", Sans-serif;font-size:1.1em;font-weight:400;}.elementor-1642 .elementor-element.elementor-element-a7f278f .elementor-icon-list-text{transition:color 0.3s;}.elementor-1642 .elementor-element.elementor-element-971eddb .elementor-button{font-family:"Poppins", Sans-serif;font-size:1.25em;font-weight:600;padding:20px 40px 20px 40px;}.elementor-1642 .elementor-element.elementor-element-6f928f2{--display:flex;--min-height:1006px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-1642 .elementor-element.elementor-element-6f928f2:not(.elementor-motion-effects-element-type-background), .elementor-1642 .elementor-element.elementor-element-6f928f2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;background-image:url("https://jpa.portalmappnet.com.br/wp-content/uploads/2026/01/BG-1-1.jpg");}.elementor-1642 .elementor-element.elementor-element-dedcc39{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 100px) 0px;text-align:center;}.elementor-1642 .elementor-element.elementor-element-dedcc39 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:40px;font-weight:500;line-height:46px;}.elementor-1642 .elementor-element.elementor-element-7fb15b9{--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;--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1642 .elementor-element.elementor-element-ebebd89 img{border-radius:20px 20px 20px 20px;}.elementor-1642 .elementor-element.elementor-element-bbebaa5 img{border-radius:20px 20px 20px 20px;}.elementor-1642 .elementor-element.elementor-element-ffbe301{--display:flex;--justify-content:flex-end;--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-1642 .elementor-element.elementor-element-a88525f img{border-radius:20px 20px 20px 20px;}.elementor-1642 .elementor-element.elementor-element-1e68f21 img{border-radius:20px 20px 20px 20px;}.elementor-1642 .elementor-element.elementor-element-0f763f7 img{border-radius:20px 20px 20px 20px;}.elementor-1642 .elementor-element.elementor-element-4d6ed86{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 60px;--row-gap:0px;--column-gap:60px;--margin-top:100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:2;}.elementor-1642 .elementor-element.elementor-element-211dddb .elementor-button{font-family:"Plus Jakarta", Sans-serif;font-size:15px;font-weight:700;border-radius:900px 900px 900px 900px;padding:20px 60px 20px 60px;}.elementor-1642 .elementor-element.elementor-element-2069189{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;color:#FFFFFF;}.elementor-1642 .elementor-element.elementor-element-2069189.elementor-element{--align-self:center;}.elementor-1642 .elementor-element.elementor-element-0b285a4{--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;--padding-top:50px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}.elementor-1642 .elementor-element.elementor-element-0b285a4:not(.elementor-motion-effects-element-type-background), .elementor-1642 .elementor-element.elementor-element-0b285a4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-1642 .elementor-element.elementor-element-f005701{--display:flex;--border-radius:20px 20px 20px 20px;--padding-top:50px;--padding-bottom:50px;--padding-left:30px;--padding-right:30px;}.elementor-1642 .elementor-element.elementor-element-f005701:not(.elementor-motion-effects-element-type-background), .elementor-1642 .elementor-element.elementor-element-f005701 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EDD101;}.elementor-1642 .elementor-element.elementor-element-7f15a37{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 25px) 0px;text-align:end;}.elementor-1642 .elementor-element.elementor-element-7f15a37 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:100px;font-weight:700;text-transform:uppercase;color:#000000;}.elementor-1642 .elementor-element.elementor-element-2e627c8{--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-1642 .elementor-element.elementor-element-37ad0aa{margin:-70px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1642 .elementor-element.elementor-element-37ad0aa img{border-radius:20px 20px 20px 20px;}.elementor-1642 .elementor-element.elementor-element-2b28291{margin:-30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -43px;}.elementor-1642 .elementor-element.elementor-element-2b28291 img{border-radius:20px 20px 20px 20px;}.elementor-1642 .elementor-element.elementor-element-cea9192{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -43px;}.elementor-1642 .elementor-element.elementor-element-cea9192 img{border-radius:20px 20px 20px 20px;}@media(max-width:1024px){.elementor-1642 .elementor-element.elementor-element-8ef27e8{--min-height:866px;}.elementor-1642 .elementor-element.elementor-element-a2cc019{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(max-width:767px){.elementor-1642 .elementor-element.elementor-element-8ef27e8{--width:100%;--min-height:639px;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}.elementor-1642 .elementor-element.elementor-element-6b6560f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:166px;--container-widget-flex-grow:0;width:var( --container-widget-width, 166px );max-width:166px;}.elementor-1642 .elementor-element.elementor-element-d6f0424{--container-widget-width:360px;--container-widget-flex-grow:0;width:var( --container-widget-width, 360px );max-width:360px;}.elementor-1642 .elementor-element.elementor-element-d6f0424 .elementor-heading-title{font-size:28px;}.elementor-1642 .elementor-element.elementor-element-472b69f{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:355px;--container-widget-flex-grow:0;width:var( --container-widget-width, 355px );max-width:355px;font-size:15px;line-height:1.3em;letter-spacing:-0.02em;}.elementor-1642 .elementor-element.elementor-element-09cf7d3{--gap:20px 0px;--row-gap:20px;--column-gap:0px;--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-1642 .elementor-element.elementor-element-6aba50c{font-size:14px;}.elementor-1642 .elementor-element.elementor-element-a2cc019{--width:100%;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1642 .elementor-element.elementor-element-4f24b46{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-1642 .elementor-element.elementor-element-5ea5732{--min-height:380px;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1642 .elementor-element.elementor-element-5ea5732:not(.elementor-motion-effects-element-type-background), .elementor-1642 .elementor-element.elementor-element-5ea5732 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-1642 .elementor-element.elementor-element-b7b88b2 .elementor-heading-title{font-size:32px;}.elementor-1642 .elementor-element.elementor-element-91bf2cb{--min-height:380px;}.elementor-1642 .elementor-element.elementor-element-91bf2cb:not(.elementor-motion-effects-element-type-background), .elementor-1642 .elementor-element.elementor-element-91bf2cb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-1642 .elementor-element.elementor-element-2004374 .elementor-heading-title{font-size:32px;}.elementor-1642 .elementor-element.elementor-element-2af8f03{--min-height:380px;}.elementor-1642 .elementor-element.elementor-element-2af8f03:not(.elementor-motion-effects-element-type-background), .elementor-1642 .elementor-element.elementor-element-2af8f03 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-1642 .elementor-element.elementor-element-5c89083 .elementor-heading-title{font-size:32px;}.elementor-1642 .elementor-element.elementor-element-646eeca{--min-height:380px;}.elementor-1642 .elementor-element.elementor-element-646eeca:not(.elementor-motion-effects-element-type-background), .elementor-1642 .elementor-element.elementor-element-646eeca > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-1642 .elementor-element.elementor-element-7afdbb7 .elementor-heading-title{font-size:32px;}.elementor-1642 .elementor-element.elementor-element-f70bbec{--padding-top:4em;--padding-bottom:3em;--padding-left:1em;--padding-right:1em;}.elementor-1642 .elementor-element.elementor-element-e1d11b8 .elementor-icon{font-size:700px;}.elementor-1642 .elementor-element.elementor-element-e1d11b8 .elementor-icon svg{height:700px;}.elementor-1642 .elementor-element.elementor-element-3142fa4{--padding-top:3em;--padding-bottom:3em;--padding-left:1em;--padding-right:1em;}.elementor-1642 .elementor-element.elementor-element-ed0bdc7 .elementor-image-box-img{margin-bottom:64px;}.elementor-1642 .elementor-element.elementor-element-971eddb .elementor-button{font-size:1.1em;padding:20px 30px 20px 30px;}.elementor-1642 .elementor-element.elementor-element-4d6ed86{--gap:20px 0px;--row-gap:20px;--column-gap:0px;--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-1642 .elementor-element.elementor-element-2069189{font-size:14px;}}@media(min-width:768px){.elementor-1642 .elementor-element.elementor-element-5fc2515{--width:90%;}.elementor-1642 .elementor-element.elementor-element-3142fa4{--width:44%;}.elementor-1642 .elementor-element.elementor-element-7fb15b9{--width:90%;}.elementor-1642 .elementor-element.elementor-element-2e627c8{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1642 .elementor-element.elementor-element-3142fa4{--width:90%;}}/* Start custom CSS for html, class: .elementor-element-9cccad6 */.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 image, class: .elementor-element-6b6560f */.elementor-1642 .elementor-element.elementor-element-6b6560f{ opacity: 0; filter: blur(7px); transform: translate(0px, 80px); animation: showFromBottom 0.5s 1.3s 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-d6f0424 */.title .elementor-heading-title{ background: linear-gradient(-45deg, #FFFFFF, #939DB8,#FFFFFF, #FFFFFF, #939DB8, #FFFFFF); /*mude as cores do degradê do botão aqui*/ background-size: 800% 400%; transition: all .5s; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: gradient 8s infinite cubic-bezier(.62, .28, .23, .99) both; padding-bottom: 5px; } @keyframes gradient { 0%, 100% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } } .elementor-1642 .elementor-element.elementor-element-d6f0424{ opacity: 0; filter: blur(7px); transform: translate(0px, 80px); animation: showFromBottom 0.5s 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-472b69f */.elementor-1642 .elementor-element.elementor-element-472b69f{ opacity: 0; filter: blur(7px); transform: translate(0px, 80px); animation: showFromBottom 0.5s 0.5s 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-0048fa9 */.elementor-button { position: relative; background: linear-gradient(90deg, #9C4EFF, #492781) !important; border-radius: 2000px; --left: 0%; /* Definir a variável inicialmente */ } .elementor-button:hover { box-shadow: 0px 0px 40px 0px #492781 !important; } .elementor-button:hover .elementor-button-icon{ animation: seta 0.4s ease infinite } .elementor-button-icon{ font-size: 20px; animation: seta 1.2s ease infinite } @keyframes seta{ 0%, 100%{ transform: translatex(10px); } 50%{ transform: translatex(5px); } } .elementor-button-text { text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2); /* Aplica a sombra no texto */ } .elementor-button::before { content: ""; position: absolute; top: 50%; transform: translate(-50%, -50%); left: 50%; z-index: 99; width: calc(100% + 12px); height: calc(100% + 12px); border-radius: inherit; border: solid 1px #FFBEF9; opacity: 50%; transition: 0.5s ease; } .elementor-button:hover::before { transition: 0.5s ease; opacity: 0%; background: #ffffff40 } .elementor-button::after { content: ""; z-index: 9999; position: absolute; top: 50%; transform: translate(0%, -50%); left: var(--left, 0%); background: #9C4EFF80; width: 15%; height: 80%; filter: blur(15px); opacity: 70%; mix-blend-mode: screen; /* Remova a transição */ transition: none; } .elementor-1642 .elementor-element.elementor-element-0048fa9{ opacity: 0; filter: blur(7px); transform: translate(0px, 80px); animation: showFromBottom 0.5s 0.7s 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-6aba50c */@media only screen and (min-width: 600px) { .elementor-1642 .elementor-element.elementor-element-6aba50c{ margin-left: 40px; } .elementor-1642 .elementor-element.elementor-element-6aba50c::before{ content: ""; background: #BD95FF; width: 17px; height: 17px; position: absolute; top: 50%; left: -30px; transform: translatey(-50%); border-radius: 200px; box-shadow: 0px 0px 20px 02px #BD95FF; animation: circle 2s ease infinite } .elementor-1642 .elementor-element.elementor-element-6aba50c::after{ content: ""; background: transparent; border: solid 1.5px #BD95FF; width: 25px; height: 25px; position: absolute; top: 50%; left: -34px; transform: translatey(-50%); border-radius: 200px; }} @media only screen and (max-width: 600px) { .elementor-1642 .elementor-element.elementor-element-6aba50c{ margin-left: 30px; } .elementor-1642 .elementor-element.elementor-element-6aba50c::before{ content: ""; background: #BD95FF; width: 10px; height: 10px; position: absolute; top: 50%; left: -25px; transform: translatey(-50%); border-radius: 200px; box-shadow: 0px 0px 20px 02px #BD95FF; animation: circle 2s ease infinite } .elementor-1642 .elementor-element.elementor-element-6aba50c::after{ content: ""; background: transparent; border: solid 1.5px #BD95FF; width: 18px; height: 18px; position: absolute; top: 50%; left: -29px; transform: translatey(-50%); border-radius: 200px; }} @keyframes circle{ 0%, 100%{ box-shadow: 0px 0px 20px 02px #BD95FF; } 50%{ box-shadow: 0px 0px 0px 0px #BD95FF; } } .elementor-1642 .elementor-element.elementor-element-6aba50c{ opacity: 0; filter: blur(7px); transform: translate(0px, 80px); animation: showFromBottom 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 container, class: .elementor-element-a2cc019 *//* VARIÁVEIS - AJUSTE AQUI PARA MUDAR TUDO */ :root { --spacing-x: -50px; --spacing-y: 30px; --rotation: 15deg; --hover-lift: -30px; --hover-scale: 1.08; --blur-amount: 5px; --transition-speed: 0.8s; --desktop-image-width: 270px; } /* Container - DESKTOP */ .gallery-container { position: relative; display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: flex-start !important; flex-wrap: nowrap !important; } .gallery-container .elementor-widget-image { transition: all var(--transition-speed) cubic-bezier(0.34, 1.56, 0.64, 1) !important; position: relative; z-index: 1; cursor: pointer; flex-shrink: 0 !important; width: var(--desktop-image-width) !important; max-width: var(--desktop-image-width) !important; } /* ========== DESKTOP E TABLET - HOVER ========== */ @media (hover: hover) and (pointer: fine) { .gallery-container:hover .elementor-widget-image { filter: blur(var(--blur-amount)) brightness(0.6) !important; opacity: 0.5 !important; } .gallery-container:hover .elementor-widget-image:hover { filter: brightness(1.1) blur(0px) !important; opacity: 1 !important; z-index: 10 !important; transform: translateY(var(--hover-lift)) scale(var(--hover-scale)) rotate(0deg) !important; box-shadow: 0 25px 60px rgba(0, 0, 0, 0.5) !important; } } /* ========== POSIÇÕES DAS IMAGENS - DESKTOP E TABLET ========== */ /* snap-hover1 */ .snap-hover1 { transform: translate(calc(var(--spacing-x) * -1), var(--spacing-y)) rotate(calc(var(--rotation) * -1)) !important; } .gallery-container:hover .snap-hover1:hover { transform: translate(calc(var(--spacing-x) * -1), 0px) rotate(0deg) scale(var(--hover-scale)) !important; } /* snap-hover2 */ .snap-hover2 { transform: translate(calc(var(--spacing-x) * -0.5), calc(var(--spacing-y) * 0.5)) rotate(calc(var(--rotation) * -0.5)) !important; } .gallery-container:hover .snap-hover2:hover { transform: translate(calc(var(--spacing-x) * -0.5), calc(var(--hover-lift) * 0.5)) rotate(0deg) scale(var(--hover-scale)) !important; } /* snap-hover3 */ .snap-hover3 { transform: translate(0px, 0px) rotate(0deg) !important; z-index: 2; } .gallery-container:hover .snap-hover3:hover { transform: translate(0px, var(--hover-lift)) rotate(0deg) scale(var(--hover-scale)) !important; } /* snap-hover4 */ .snap-hover4 { transform: translate(calc(var(--spacing-x) * 0.5), calc(var(--spacing-y) * 0.5)) rotate(calc(var(--rotation) * 0.5)) !important; } .gallery-container:hover .snap-hover4:hover { transform: translate(calc(var(--spacing-x) * 0.5), calc(var(--hover-lift) * 0.5)) rotate(0deg) scale(var(--hover-scale)) !important; } /* snap-hover5 */ .snap-hover5 { transform: translate(var(--spacing-x), var(--spacing-y)) rotate(var(--rotation)) !important; } .gallery-container:hover .snap-hover5:hover { transform: translate(var(--spacing-x), 0px) rotate(0deg) scale(var(--hover-scale)) !important; } /* ========== TABLET/IPAD - MANTÉM EFEITO, SÓ AJUSTA TAMANHO ========== */ @media (max-width: 1024px) and (min-width: 641px) { :root { --spacing-x: -30px; --spacing-y: 20px; --rotation: 12deg; } .gallery-container .elementor-widget-image { width: 160px !important; max-width: 160px !important; } } /* ========== MOBILE - CARROSSEL HORIZONTAL (APENAS CELULARES) ========== */ @media (max-width: 640px) { /* Container vira carrossel */ .gallery-container { display: flex !important; flex-direction: row !important; overflow-x: auto !important; overflow-y: hidden !important; scroll-snap-type: x mandatory !important; gap: 20px !important; padding: 20px !important; -webkit-overflow-scrolling: touch !important; scroll-behavior: smooth !important; } /* Esconde scrollbar mas mantém funcionalidade */ .gallery-container::-webkit-scrollbar { display: none; } .gallery-container { -ms-overflow-style: none; scrollbar-width: none; } /* Cada imagem no carrossel */ .gallery-container .elementor-widget-image { flex: 0 0 auto !important; width: 250px !important; max-width: 250px !important; scroll-snap-align: center !important; transition: transform 0.3s ease !important; } /* Remove todas as transformações no mobile */ .snap-hover1, .snap-hover2, .snap-hover3, .snap-hover4, .snap-hover5 { transform: none !important; position: relative !important; } /* Efeito de toque - leve escala */ .gallery-container .elementor-widget-image:active { transform: scale(0.95) !important; transition: transform 0.1s ease !important; } } /* Mobile Pequeno - Imagens menores no carrossel */ @media (max-width: 480px) { .gallery-container { gap: 15px !important; padding: 15px !important; } .gallery-container .elementor-widget-image { width: 200px !important; max-width: 200px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5fc2515 *//* ========== CONFIGURAÇÕES DO CARROSSEL ========== */ :root { --total-cards: 5; /* Número total de imagens */ --card-width: 300px; --card-height: 400px; --rotation-speed: 40s; /* Velocidade da rotação (quanto maior, mais lento) */ --circle-size: 350px; /* Tamanho do círculo */ } /* ========== CONTAINER PRINCIPAL ========== */ .carousel-container { width: 100%; height: 600px; perspective: 2000px; display: flex; justify-content: center; align-items: center; overflow: hidden; position: relative; } /* ========== CÍRCULO ROTATIVO ========== */ .carousel-circle { position: relative; width: var(--circle-size); height: var(--circle-size); transform-style: preserve-3d; animation: rotateCarousel var(--rotation-speed) linear infinite; } /* ========== ANIMAÇÃO DE ROTAÇÃO INFINITA ========== */ @keyframes rotateCarousel { from { transform: rotateY(0deg); } to { transform: rotateY(360deg); } } /* ========== ESTILO BASE DAS IMAGENS ========== */ .carousel-circle .elementor-widget-image { position: absolute; width: var(--card-width) !important; height: var(--card-height) !important; left: 50%; top: 50%; margin-left: calc(var(--card-width) / -2); margin-top: calc(var(--card-height) / -2); border-radius: 20px; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4); transition: transform 0.3s ease; backface-visibility: visible; } .carousel-circle .elementor-widget-image img { border-radius: 20px; width: 100%; height: 100%; object-fit: cover; } /* ========== POSICIONAMENTO DOS 8 CARDS ========== */ /* Cada card é rotacionado em 45 graus (360/8) e empurrado para fora */ .snapcard1 { transform: rotateY(0deg) translateZ(calc(var(--circle-size) / 1.5)); } .snapcard2 { transform: rotateY(73deg) translateZ(calc(var(--circle-size) / 1.5)); } .snapcard3 { transform: rotateY(146deg) translateZ(calc(var(--circle-size) / 1.5)); } .snapcard4 { transform: rotateY(219deg) translateZ(calc(var(--circle-size) / 1.5)); } .snapcard5 { transform: rotateY(292deg) translateZ(calc(var(--circle-size) / 1.5)); } /* ========== RESPONSIVO - TABLET ========== */ @media (max-width: 1024px) { :root { --card-width: 250px; --card-height: 350px; --circle-size: 500px; } .carousel-container { height: 500px; } } /* ========== RESPONSIVO - MOBILE ========== */ @media (max-width: 768px) { :root { --card-width: 200px; --card-height: 300px; --circle-size: 250px; --rotation-speed: 30s; } .carousel-container { height: 400px; } } /* ========== AJUSTE PARA MAIS OU MENOS CARDS ========== */ /* Se você tiver 6 cards, use 60deg (360/6) */ /* Se você tiver 10 cards, use 36deg (360/10) */ /* Ajuste o --total-cards no :root *//* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8ef27e8 */.elementor-1642 .elementor-element.elementor-element-8ef27e8::after{ content: ""; background: linear-gradient(0deg, #0C0911, transparent); width: 100%; height: 100%; position: absolute; z-index: 0; } html, body{ width: 100%; overflow-x: hidden; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-e1d11b8 */.elementor-1642 .elementor-element.elementor-element-e1d11b8{ position: absolute; mix-blend-mode: screen } #fora{ animation: rodar1 5s infinite linear; transform-origin: center } @keyframes rodar1{ 0%{ transform: rotate(0deg); } 100%{ transform: rotate(180deg); } } #dentro{ animation: rodar1 5s infinite linear; transform-origin: center } @keyframes rodar1{ 0%{ transform: rotate(0deg); } 100%{ transform: rotate(-360deg); } } @media (max-width:767px){ .elementor-1642 .elementor-element.elementor-element-e1d11b8{ top: 45%; left: 00%; transform: translate( -50%, -50%); } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-ed0bdc7 */vermelho{ color: #FF1F1F; font-weight: 600; } s{ text-decoration-color: #FF1F1F; } pequeno{ font-size: 32px; font-weight: 400; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-971eddb */.elementor-1642 .elementor-element.elementor-element-971eddb .elementor-button{ border-radius: 0.625rem; background: linear-gradient(91deg, #3F60FF 0%, #5A71E0 100%); filter: drop-shadow(0px 4px 37px rgba(63, 96, 255, 0.50)); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3142fa4 */.elementor-1642 .elementor-element.elementor-element-3142fa4{ background: linear-gradient(154deg, rgba(105, 105, 105, 0.20) -7.31%, rgba(0, 0, 0, 0.20) 83.43%), rgba(0, 0, 0, 0.20); border: 1px solid #3f60ff; backdrop-filter: blur(12px); webkit-backdrop-filter: blur(12px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-94b2cbb */.elementor-1642 .elementor-element.elementor-element-94b2cbb a{ width: 100%; height: 100%; position: absolute; z-index: 3; } .elementor-1642 .elementor-element.elementor-element-94b2cbb{ width: 100%; height: 100%; position: absolute; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-18448ea */html, body{ width: 100%; overflow-x: hidden; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-dedcc39 */b { color: #0085D5; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7fb15b9 *//* ========== CONFIGURAÇÕES DO CARROSSEL ========== */ :root { --total-cards: 5; /* Número total de imagens */ --card-width: 300px; --card-height: 400px; --rotation-speed: 40s; /* Velocidade da rotação (quanto maior, mais lento) */ --circle-size: 350px; /* Tamanho do círculo */ } /* ========== CONTAINER PRINCIPAL ========== */ .carousel-container { width: 100%; height: 600px; perspective: 2000px; display: flex; justify-content: center; align-items: center; overflow: hidden; position: relative; } /* ========== CÍRCULO ROTATIVO ========== */ .carousel-circle { position: relative; width: var(--circle-size); height: var(--circle-size); transform-style: preserve-3d; animation: rotateCarousel var(--rotation-speed) linear infinite; } /* ========== ANIMAÇÃO DE ROTAÇÃO INFINITA ========== */ @keyframes rotateCarousel { from { transform: rotateY(0deg); } to { transform: rotateY(360deg); } } /* ========== ESTILO BASE DAS IMAGENS ========== */ .carousel-circle .elementor-widget-image { position: absolute; width: var(--card-width) !important; height: var(--card-height) !important; left: 50%; top: 50%; margin-left: calc(var(--card-width) / -2); margin-top: calc(var(--card-height) / -2); border-radius: 20px; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4); transition: transform 0.3s ease; backface-visibility: visible; } .carousel-circle .elementor-widget-image img { border-radius: 20px; width: 100%; height: 100%; object-fit: cover; } /* ========== POSICIONAMENTO DOS 8 CARDS ========== */ /* Cada card é rotacionado em 45 graus (360/8) e empurrado para fora */ .snapcard1 { transform: rotateY(0deg) translateZ(calc(var(--circle-size) / 1.5)); } .snapcard2 { transform: rotateY(73deg) translateZ(calc(var(--circle-size) / 1.5)); } .snapcard3 { transform: rotateY(146deg) translateZ(calc(var(--circle-size) / 1.5)); } .snapcard4 { transform: rotateY(219deg) translateZ(calc(var(--circle-size) / 1.5)); } .snapcard5 { transform: rotateY(292deg) translateZ(calc(var(--circle-size) / 1.5)); } /* ========== RESPONSIVO - TABLET ========== */ @media (max-width: 1024px) { :root { --card-width: 250px; --card-height: 350px; --circle-size: 500px; } .carousel-container { height: 500px; } } /* ========== RESPONSIVO - MOBILE ========== */ @media (max-width: 768px) { :root { --card-width: 200px; --card-height: 300px; --circle-size: 250px; --rotation-speed: 30s; } .carousel-container { height: 400px; } } /* ========== AJUSTE PARA MAIS OU MENOS CARDS ========== */ /* Se você tiver 6 cards, use 60deg (360/6) */ /* Se você tiver 10 cards, use 36deg (360/10) */ /* Ajuste o --total-cards no :root *//* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-211dddb */.elementor-button { position: relative; background: linear-gradient(90deg, #0085D5, #004D8C) !important; border-radius: 2000px; --left: 0%; /* Definir a variável inicialmente */ } .elementor-button:hover { box-shadow: 0px 0px 40px 0px #0085D5 !important; } .elementor-button:hover .elementor-button-icon{ animation: seta 0.4s ease infinite } .elementor-button-icon{ font-size: 20px; animation: seta 1.2s ease infinite } @keyframes seta{ 0%, 100%{ transform: translatex(10px); } 50%{ transform: translatex(5px); } } .elementor-button-text { text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2); /* Aplica a sombra no texto */ } .elementor-button::before { content: ""; position: absolute; top: 50%; transform: translate(-50%, -50%); left: 50%; z-index: 99; width: calc(100% + 12px); height: calc(100% + 12px); border-radius: inherit; border: solid 1px #80C2FF; opacity: 50%; transition: 0.5s ease; } .elementor-button:hover::before { transition: 0.5s ease; opacity: 0%; background: #ffffff40 } .elementor-button::after { content: ""; z-index: 9999; position: absolute; top: 50%; transform: translate(0%, -50%); left: var(--left, 0%); background: #0085D580; width: 15%; height: 80%; filter: blur(15px); opacity: 70%; mix-blend-mode: screen; /* Remova a transição */ transition: none; } .elementor-1642 .elementor-element.elementor-element-211dddb{ opacity: 0; filter: blur(7px); transform: translate(0px, 80px); animation: showFromBottom 0.5s 0.7s 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-2069189 */@media only screen and (min-width: 600px) { .elementor-1642 .elementor-element.elementor-element-2069189{ margin-left: 40px; } .elementor-1642 .elementor-element.elementor-element-2069189::before{ content: ""; background: #0085D5; width: 17px; height: 17px; position: absolute; top: 50%; left: -30px; transform: translatey(-50%); border-radius: 200px; box-shadow: 0px 0px 20px 02px #0085D5; animation: circle 2s ease infinite } .elementor-1642 .elementor-element.elementor-element-2069189::after{ content: ""; background: transparent; border: solid 1.5px #0085D5; width: 25px; height: 25px; position: absolute; top: 50%; left: -34px; transform: translatey(-50%); border-radius: 200px; }} @media only screen and (max-width: 600px) { .elementor-1642 .elementor-element.elementor-element-2069189{ margin-left: 30px; } .elementor-1642 .elementor-element.elementor-element-2069189::before{ content: ""; background: #0085D5; width: 10px; height: 10px; position: absolute; top: 50%; left: -25px; transform: translatey(-50%); border-radius: 200px; box-shadow: 0px 0px 20px 02px #0085D5; animation: circle 2s ease infinite } .elementor-1642 .elementor-element.elementor-element-2069189::after{ content: ""; background: transparent; border: solid 1.5px #0085D5; width: 18px; height: 18px; position: absolute; top: 50%; left: -29px; transform: translatey(-50%); border-radius: 200px; }} @keyframes circle{ 0%, 100%{ box-shadow: 0px 0px 20px 02px #0085D5; } 50%{ box-shadow: 0px 0px 0px 0px #0085D5; } } .elementor-1642 .elementor-element.elementor-element-2069189{ opacity: 0; filter: blur(7px); transform: translate(0px, 80px); animation: showFromBottom 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 */