.elementor-1387 .elementor-element.elementor-element-857923f{--display:flex;--min-height:300px;--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:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-1387 .elementor-element.elementor-element-857923f:not(.elementor-motion-effects-element-type-background), .elementor-1387 .elementor-element.elementor-element-857923f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #161921 0%, #0C2120 100%);}.elementor-1387 .elementor-element.elementor-element-56a2323{padding:30px 50px 30px 50px;text-align:center;}.elementor-1387 .elementor-element.elementor-element-56a2323 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:40px;font-weight:800;text-transform:uppercase;line-height:1.2em;color:#00F2FF;}.elementor-1387 .elementor-element.elementor-element-2fba5b3{margin:0px 70px calc(var(--kit-widget-spacing, 0px) + 0px) 70px;padding:0px 50px 0px 50px;text-align:start;font-family:"Roboto", Sans-serif;font-size:18px;font-weight:400;line-height:1.5em;word-spacing:0.2em;color:#FFFFFF;}.elementor-1387 .elementor-element.elementor-element-2fba5b3.elementor-element{--align-self:center;}.elementor-1387 .elementor-element.elementor-element-9736d94{--display:flex;--min-height:500px;--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:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:80px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-1387 .elementor-element.elementor-element-9736d94:not(.elementor-motion-effects-element-type-background), .elementor-1387 .elementor-element.elementor-element-9736d94 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #161921 0%, #0C2120 100%);}.elementor-1387 .elementor-element.elementor-element-a040ed5{--display:flex;--min-height:450px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px #00F2FF;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-1387 .elementor-element.elementor-element-0c1c6d2{--display:flex;--min-height:450px;}.elementor-1387 .elementor-element.elementor-element-427ec74{border-style:none;}.elementor-1387 .elementor-element.elementor-element-427ec74 img{width:100%;}.elementor-1387 .elementor-element.elementor-element-f0ad3e4{padding:20px 0px 0px 0px;}.elementor-1387 .elementor-element.elementor-element-f0ad3e4 .elementor-button{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;line-height:1.4em;fill:#000000;color:#000000;transition-duration:0.2s;border-radius:6px 6px 6px 6px;}.elementor-1387 .elementor-element.elementor-element-f0ad3e4 .elementor-button:hover, .elementor-1387 .elementor-element.elementor-element-f0ad3e4 .elementor-button:focus{color:#F8F8F8;}.elementor-1387 .elementor-element.elementor-element-f0ad3e4 .elementor-button:hover svg, .elementor-1387 .elementor-element.elementor-element-f0ad3e4 .elementor-button:focus svg{fill:#F8F8F8;}.elementor-1387 .elementor-element.elementor-element-49258cd{--display:flex;--min-height:450px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px #00F2FF;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-1387 .elementor-element.elementor-element-149ccb0{--display:flex;--min-height:450px;}.elementor-1387 .elementor-element.elementor-element-0f44157{border-style:none;}.elementor-1387 .elementor-element.elementor-element-0f44157 img{width:100%;}.elementor-1387 .elementor-element.elementor-element-db44d8f{padding:20px 0px 0px 0px;}.elementor-1387 .elementor-element.elementor-element-db44d8f .elementor-button{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;line-height:1.4em;fill:#000000;color:#000000;transition-duration:0.2s;border-radius:6px 6px 6px 6px;}.elementor-1387 .elementor-element.elementor-element-db44d8f .elementor-button:hover, .elementor-1387 .elementor-element.elementor-element-db44d8f .elementor-button:focus{color:#F8F8F8;}.elementor-1387 .elementor-element.elementor-element-db44d8f .elementor-button:hover svg, .elementor-1387 .elementor-element.elementor-element-db44d8f .elementor-button:focus svg{fill:#F8F8F8;}.elementor-1387 .elementor-element.elementor-element-6d731ad{--display:flex;--min-height:450px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px #00F2FF;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-1387 .elementor-element.elementor-element-f116d96{--display:flex;--min-height:450px;}.elementor-1387 .elementor-element.elementor-element-cad044a{border-style:none;}.elementor-1387 .elementor-element.elementor-element-cad044a img{width:100%;}.elementor-1387 .elementor-element.elementor-element-67b33eb{padding:20px 0px 0px 0px;}.elementor-1387 .elementor-element.elementor-element-67b33eb .elementor-button{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;line-height:1.4em;fill:#000000;color:#000000;transition-duration:0.2s;border-radius:6px 6px 6px 6px;}.elementor-1387 .elementor-element.elementor-element-67b33eb .elementor-button:hover, .elementor-1387 .elementor-element.elementor-element-67b33eb .elementor-button:focus{color:#F8F8F8;}.elementor-1387 .elementor-element.elementor-element-67b33eb .elementor-button:hover svg, .elementor-1387 .elementor-element.elementor-element-67b33eb .elementor-button:focus svg{fill:#F8F8F8;}.elementor-1387 .elementor-element.elementor-element-3999dcf{--display:flex;--min-height:500px;--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:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:20px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-1387 .elementor-element.elementor-element-3999dcf:not(.elementor-motion-effects-element-type-background), .elementor-1387 .elementor-element.elementor-element-3999dcf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #0C2120 0%, #0C2120 100%);}.elementor-1387 .elementor-element.elementor-element-f0541d7{--display:flex;--min-height:450px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px #00F2FF;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-1387 .elementor-element.elementor-element-98fbe4a{--display:flex;--min-height:450px;}.elementor-1387 .elementor-element.elementor-element-17888af{border-style:none;}.elementor-1387 .elementor-element.elementor-element-17888af img{width:100%;}.elementor-1387 .elementor-element.elementor-element-8aa9c60{padding:20px 0px 0px 0px;}.elementor-1387 .elementor-element.elementor-element-8aa9c60 .elementor-button{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;line-height:1.4em;fill:#000000;color:#000000;transition-duration:0.2s;border-radius:6px 6px 6px 6px;}.elementor-1387 .elementor-element.elementor-element-8aa9c60 .elementor-button:hover, .elementor-1387 .elementor-element.elementor-element-8aa9c60 .elementor-button:focus{color:#F8F8F8;}.elementor-1387 .elementor-element.elementor-element-8aa9c60 .elementor-button:hover svg, .elementor-1387 .elementor-element.elementor-element-8aa9c60 .elementor-button:focus svg{fill:#F8F8F8;}.elementor-1387 .elementor-element.elementor-element-12f85ca{--display:flex;--min-height:450px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px #00F2FF;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-1387 .elementor-element.elementor-element-f9fd862{--display:flex;--min-height:450px;}.elementor-1387 .elementor-element.elementor-element-880272c{border-style:none;}.elementor-1387 .elementor-element.elementor-element-880272c img{width:100%;}.elementor-1387 .elementor-element.elementor-element-54429c4{padding:20px 0px 0px 0px;}.elementor-1387 .elementor-element.elementor-element-54429c4 .elementor-button{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;line-height:1.4em;fill:#000000;color:#000000;transition-duration:0.2s;border-radius:6px 6px 6px 6px;}.elementor-1387 .elementor-element.elementor-element-54429c4 .elementor-button:hover, .elementor-1387 .elementor-element.elementor-element-54429c4 .elementor-button:focus{color:#F8F8F8;}.elementor-1387 .elementor-element.elementor-element-54429c4 .elementor-button:hover svg, .elementor-1387 .elementor-element.elementor-element-54429c4 .elementor-button:focus svg{fill:#F8F8F8;}.elementor-1387 .elementor-element.elementor-element-85f570b{--display:flex;--min-height:450px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px #00F2FF;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-1387 .elementor-element.elementor-element-b5314ac{--display:flex;--min-height:450px;}.elementor-1387 .elementor-element.elementor-element-41d938e{border-style:none;}.elementor-1387 .elementor-element.elementor-element-41d938e img{width:100%;}.elementor-1387 .elementor-element.elementor-element-bb80289{padding:20px 0px 0px 0px;}.elementor-1387 .elementor-element.elementor-element-bb80289 .elementor-button{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;line-height:1.4em;fill:#000000;color:#000000;transition-duration:0.2s;border-radius:6px 6px 6px 6px;}.elementor-1387 .elementor-element.elementor-element-bb80289 .elementor-button:hover, .elementor-1387 .elementor-element.elementor-element-bb80289 .elementor-button:focus{color:#F8F8F8;}.elementor-1387 .elementor-element.elementor-element-bb80289 .elementor-button:hover svg, .elementor-1387 .elementor-element.elementor-element-bb80289 .elementor-button:focus svg{fill:#F8F8F8;}.elementor-1387 .elementor-element.elementor-element-41c2b46{--display:flex;--min-height:500px;--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:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:30px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-1387 .elementor-element.elementor-element-41c2b46:not(.elementor-motion-effects-element-type-background), .elementor-1387 .elementor-element.elementor-element-41c2b46 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #0C2120 0%, #0C2120 100%);}.elementor-1387 .elementor-element.elementor-element-e3d4dcf{--display:flex;--min-height:450px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px #00F2FF;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-1387 .elementor-element.elementor-element-62070d8{--display:flex;--min-height:450px;}.elementor-1387 .elementor-element.elementor-element-00c53d0{border-style:none;}.elementor-1387 .elementor-element.elementor-element-00c53d0 img{width:100%;}.elementor-1387 .elementor-element.elementor-element-76d9062{padding:20px 0px 0px 0px;}.elementor-1387 .elementor-element.elementor-element-76d9062 .elementor-button{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;line-height:1.4em;fill:#000000;color:#000000;transition-duration:0.2s;border-radius:6px 6px 6px 6px;}.elementor-1387 .elementor-element.elementor-element-76d9062 .elementor-button:hover, .elementor-1387 .elementor-element.elementor-element-76d9062 .elementor-button:focus{color:#F8F8F8;}.elementor-1387 .elementor-element.elementor-element-76d9062 .elementor-button:hover svg, .elementor-1387 .elementor-element.elementor-element-76d9062 .elementor-button:focus svg{fill:#F8F8F8;}.elementor-1387 .elementor-element.elementor-element-9ffa85d{--display:flex;--min-height:450px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px #00F2FF;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-1387 .elementor-element.elementor-element-bd9436a{--display:flex;--min-height:450px;}.elementor-1387 .elementor-element.elementor-element-2c1d781{border-style:none;}.elementor-1387 .elementor-element.elementor-element-2c1d781 img{width:100%;}.elementor-1387 .elementor-element.elementor-element-a1bbac6{padding:20px 0px 0px 0px;}.elementor-1387 .elementor-element.elementor-element-a1bbac6 .elementor-button{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;line-height:1.4em;fill:#000000;color:#000000;transition-duration:0.2s;border-radius:6px 6px 6px 6px;}.elementor-1387 .elementor-element.elementor-element-a1bbac6 .elementor-button:hover, .elementor-1387 .elementor-element.elementor-element-a1bbac6 .elementor-button:focus{color:#F8F8F8;}.elementor-1387 .elementor-element.elementor-element-a1bbac6 .elementor-button:hover svg, .elementor-1387 .elementor-element.elementor-element-a1bbac6 .elementor-button:focus svg{fill:#F8F8F8;}.elementor-1387 .elementor-element.elementor-element-ced7768{--display:flex;--min-height:450px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px #00F2FF;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-1387 .elementor-element.elementor-element-d389d57{--display:flex;--min-height:450px;}.elementor-1387 .elementor-element.elementor-element-66c7d2f{border-style:none;}.elementor-1387 .elementor-element.elementor-element-66c7d2f img{width:100%;}.elementor-1387 .elementor-element.elementor-element-ca62ecf{padding:20px 0px 0px 0px;}.elementor-1387 .elementor-element.elementor-element-ca62ecf .elementor-button{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;line-height:1.4em;fill:#000000;color:#000000;transition-duration:0.2s;border-radius:6px 6px 6px 6px;}.elementor-1387 .elementor-element.elementor-element-ca62ecf .elementor-button:hover, .elementor-1387 .elementor-element.elementor-element-ca62ecf .elementor-button:focus{color:#F8F8F8;}.elementor-1387 .elementor-element.elementor-element-ca62ecf .elementor-button:hover svg, .elementor-1387 .elementor-element.elementor-element-ca62ecf .elementor-button:focus svg{fill:#F8F8F8;}.elementor-1387 .elementor-element.elementor-element-65521f3{--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;}.elementor-1387 .elementor-element.elementor-element-65521f3:not(.elementor-motion-effects-element-type-background), .elementor-1387 .elementor-element.elementor-element-65521f3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #0C2120 0%, #0C2120 100%);}.elementor-1387 .elementor-element.elementor-element-7b61af2{--display:flex;--padding-top:10px;--padding-bottom:35px;--padding-left:0px;--padding-right:0px;}.elementor-1387 .elementor-element.elementor-element-021f38b{padding:30px 50px 30px 50px;text-align:center;}.elementor-1387 .elementor-element.elementor-element-021f38b .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:40px;font-weight:800;text-transform:uppercase;line-height:1.2em;color:#00F2FF;}.elementor-1387 .elementor-element.elementor-element-c9533b6{margin:0px 70px calc(var(--kit-widget-spacing, 0px) + 0px) 70px;padding:0px 50px 0px 50px;text-align:start;font-family:"Roboto", Sans-serif;font-size:18px;font-weight:400;line-height:1.5em;word-spacing:0.2em;color:#FFFFFF;}.elementor-1387 .elementor-element.elementor-element-c9533b6.elementor-element{--align-self:center;}.elementor-1387 .elementor-element.elementor-element-bb914f2{--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:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-1387 .elementor-element.elementor-element-bb914f2:not(.elementor-motion-effects-element-type-background), .elementor-1387 .elementor-element.elementor-element-bb914f2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#141414;}.elementor-1387 .elementor-element.elementor-element-9b97b2f{--e-image-carousel-slides-to-show:5;}.elementor-1387 .elementor-element.elementor-element-9b97b2f .elementor-swiper-button.elementor-swiper-button-prev, .elementor-1387 .elementor-element.elementor-element-9b97b2f .elementor-swiper-button.elementor-swiper-button-next{font-size:0px;color:#00000000;}.elementor-1387 .elementor-element.elementor-element-9b97b2f .elementor-swiper-button.elementor-swiper-button-prev svg, .elementor-1387 .elementor-element.elementor-element-9b97b2f .elementor-swiper-button.elementor-swiper-button-next svg{fill:#00000000;}.elementor-1387 .elementor-element.elementor-element-9b97b2f .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:10px;--swiper-pagination-bullet-vertical-gap:10px;width:10px;height:10px;background:#00F2FF;}.elementor-1387 .elementor-element.elementor-element-9b97b2f .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){background:#FFFFFF;opacity:1;}.elementor-1387 .elementor-element.elementor-element-9b97b2f .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-radius:10px 10px 10px 10px;}@media(max-width:1024px){.elementor-1387 .elementor-element.elementor-element-9736d94{--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:60px;--padding-bottom:60px;--padding-left:50px;--padding-right:50px;}.elementor-1387 .elementor-element.elementor-element-f0ad3e4{padding:15px 15px 15px 15px;}.elementor-1387 .elementor-element.elementor-element-db44d8f{padding:15px 15px 15px 15px;}.elementor-1387 .elementor-element.elementor-element-67b33eb{padding:15px 15px 15px 15px;}.elementor-1387 .elementor-element.elementor-element-3999dcf{--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:60px;--padding-bottom:60px;--padding-left:50px;--padding-right:50px;}.elementor-1387 .elementor-element.elementor-element-f0541d7{--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-1387 .elementor-element.elementor-element-8aa9c60{padding:15px 15px 15px 15px;}.elementor-1387 .elementor-element.elementor-element-54429c4{padding:15px 15px 15px 15px;}.elementor-1387 .elementor-element.elementor-element-bb80289{padding:15px 15px 15px 15px;}.elementor-1387 .elementor-element.elementor-element-41c2b46{--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:60px;--padding-bottom:60px;--padding-left:50px;--padding-right:50px;}.elementor-1387 .elementor-element.elementor-element-e3d4dcf{--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-1387 .elementor-element.elementor-element-76d9062{padding:15px 15px 15px 15px;}.elementor-1387 .elementor-element.elementor-element-a1bbac6{padding:15px 15px 15px 15px;}.elementor-1387 .elementor-element.elementor-element-ca62ecf{padding:15px 15px 15px 15px;}.elementor-1387 .elementor-element.elementor-element-bb914f2{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:80px;--padding-bottom:80px;--padding-left:40px;--padding-right:40px;}.elementor-1387 .elementor-element.elementor-element-9b97b2f{--e-image-carousel-slides-to-show:3;}}@media(max-width:767px){.elementor-1387 .elementor-element.elementor-element-857923f{--min-height:100px;}.elementor-1387 .elementor-element.elementor-element-56a2323{padding:20px 20px 20px 20px;}.elementor-1387 .elementor-element.elementor-element-56a2323 .elementor-heading-title{font-size:25px;}.elementor-1387 .elementor-element.elementor-element-9736d94{--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:40px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1387 .elementor-element.elementor-element-0c1c6d2{--min-height:450px;}.elementor-1387 .elementor-element.elementor-element-f0ad3e4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:15px 0px 0px 0px;}.elementor-1387 .elementor-element.elementor-element-f0ad3e4.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-1387 .elementor-element.elementor-element-f0ad3e4 .elementor-button{font-size:14px;line-height:15px;letter-spacing:0px;word-spacing:0em;}.elementor-1387 .elementor-element.elementor-element-db44d8f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:15px 0px 0px 0px;}.elementor-1387 .elementor-element.elementor-element-db44d8f.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-1387 .elementor-element.elementor-element-db44d8f .elementor-button{font-size:14px;line-height:15px;letter-spacing:0px;word-spacing:0em;}.elementor-1387 .elementor-element.elementor-element-67b33eb{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:15px 0px 0px 0px;}.elementor-1387 .elementor-element.elementor-element-67b33eb.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-1387 .elementor-element.elementor-element-67b33eb .elementor-button{font-size:14px;line-height:15px;letter-spacing:0px;word-spacing:0em;}.elementor-1387 .elementor-element.elementor-element-3999dcf{--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:40px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1387 .elementor-element.elementor-element-f0541d7{--min-height:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1387 .elementor-element.elementor-element-98fbe4a{--min-height:0px;}.elementor-1387 .elementor-element.elementor-element-8aa9c60{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 15px 0px;}.elementor-1387 .elementor-element.elementor-element-8aa9c60.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-1387 .elementor-element.elementor-element-8aa9c60 .elementor-button{font-size:14px;line-height:15px;letter-spacing:0px;word-spacing:0em;}.elementor-1387 .elementor-element.elementor-element-54429c4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:15px 0px 0px 0px;}.elementor-1387 .elementor-element.elementor-element-54429c4.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-1387 .elementor-element.elementor-element-54429c4 .elementor-button{font-size:14px;line-height:15px;letter-spacing:0px;word-spacing:0em;}.elementor-1387 .elementor-element.elementor-element-bb80289{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:15px 0px 0px 0px;}.elementor-1387 .elementor-element.elementor-element-bb80289.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-1387 .elementor-element.elementor-element-bb80289 .elementor-button{font-size:14px;line-height:15px;letter-spacing:0px;word-spacing:0em;}.elementor-1387 .elementor-element.elementor-element-41c2b46{--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:40px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1387 .elementor-element.elementor-element-e3d4dcf{--min-height:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1387 .elementor-element.elementor-element-62070d8{--min-height:0px;}.elementor-1387 .elementor-element.elementor-element-76d9062{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 15px 0px;}.elementor-1387 .elementor-element.elementor-element-76d9062.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-1387 .elementor-element.elementor-element-76d9062 .elementor-button{font-size:14px;line-height:15px;letter-spacing:0px;word-spacing:0em;}.elementor-1387 .elementor-element.elementor-element-a1bbac6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:15px 0px 0px 0px;}.elementor-1387 .elementor-element.elementor-element-a1bbac6.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-1387 .elementor-element.elementor-element-a1bbac6 .elementor-button{font-size:14px;line-height:15px;letter-spacing:0px;word-spacing:0em;}.elementor-1387 .elementor-element.elementor-element-ca62ecf{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:15px 0px 0px 0px;}.elementor-1387 .elementor-element.elementor-element-ca62ecf.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-1387 .elementor-element.elementor-element-ca62ecf .elementor-button{font-size:14px;line-height:15px;letter-spacing:0px;word-spacing:0em;}.elementor-1387 .elementor-element.elementor-element-021f38b{padding:20px 20px 20px 20px;}.elementor-1387 .elementor-element.elementor-element-021f38b .elementor-heading-title{font-size:25px;}.elementor-1387 .elementor-element.elementor-element-bb914f2{--min-height:0vh;--padding-top:60px;--padding-bottom:60px;--padding-left:24px;--padding-right:24px;}.elementor-1387 .elementor-element.elementor-element-9b97b2f{--e-image-carousel-slides-to-show:2;}}@media(min-width:768px){.elementor-1387 .elementor-element.elementor-element-9736d94{--content-width:1200px;}.elementor-1387 .elementor-element.elementor-element-3999dcf{--content-width:1200px;}.elementor-1387 .elementor-element.elementor-element-41c2b46{--content-width:1200px;}}/* Start custom CSS for image, class: .elementor-element-427ec74 */.elementor-1387 .elementor-element.elementor-element-427ec74 { /* Manter margem/padding zero no contêiner */ margin: 0 !important; padding: 0 !important; /* Essencial para que a animação de "scroll" funcione no eixo Y */ overflow: hidden; } .elementor-1387 .elementor-element.elementor-element-427ec74 img { width: 100% !important; /* Remove o height fixo e permite que a imagem se estique para o conteúdo */ height: auto !important; object-fit: cover !important; /* Configura a transição e o estado inicial (no topo) */ transition: transform 4s linear !important; transform: translateY(0); /* Regras de Bloqueio (mantidas do seu código original) */ user-select: none; -webkit-user-drag: none; pointer-events: none; -moz-user-select: none; -ms-user-select: none; } /* Estado de rolagem Padrão (Desktop/Telas Grandes) */ .elementor-1387 .elementor-element.elementor-element-427ec74:hover img { /* Rola 100% da altura da própria imagem. Ajuste este valor se precisar rolar mais. */ transform: translateY(-60%) !important; } /* ---------------------------------------------------- */ /* --- BREAKPOINTS OTIMIZADOS --- */ /* Mobile Grande / Tablet (Max-width: 768px) */ @media (max-width: 768px) { .elementor-1387 .elementor-element.elementor-element-427ec74:hover img { /* Para telas menores, você pode querer reduzir a rolagem ou mantê-la em % */ transform: translateY(-80%) !important; } } /* Mobile (Max-width: 480px) */ @media (max-width: 480px) { .elementor-1387 .elementor-element.elementor-element-427ec74:hover img { /* Se a imagem for muito alta no mobile, 100% pode ser demais. Ajuste o valor para o que funciona melhor com o SEU conteúdo. */ transform: translateY(-60%) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0c1c6d2 */.elementor-1387 .elementor-element.elementor-element-0c1c6d2 { height: 470px !important; overflow: hidden !important; transition: all 0.3s ease-in-out; padding: 0 !important; margin: 0 !important; } /* --- AJUSTE PARA CELULAR (MAX-WIDTH: 767PX) --- */ @media (max-width: 767px) { .elementor-1387 .elementor-element.elementor-element-0c1c6d2 { /* Reduz a altura do Card para celular (ajuste este valor, ex: 300px ou 350px) */ height: 300px !important; /* Garante que o Card ocupe a largura total no celular para empilhar */ width: 100% !important; padding: 0 !important; margin: 0 !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-f0ad3e4 *//* Seu código original para a ONDA DE COR (estado normal) */ #meu-botao1 { position: relative; overflow: hidden; /* AJUSTE: Cor do texto agora é PRETA */ color: #000; border: none; /* Garante uma transição suave de todos os efeitos, incluindo a cor do texto */ transition: all 0.3s ease; background-size: 200% auto; /* Seu gradiente com #42b7b0 */ background-image: linear-gradient(45deg, #357683, #42b7b0, #357683); /* Ativa a animação de ONDA DE COR (gradiente) no estado normal */ animation: animacaoGradiente 1s ease infinite; cursor: pointer; /* Adicione aqui as dimensões padrão (desktop) do seu botão, se necessário! Exemplo: padding: 15px 30px; */ } /* Efeito de HOVER: Ativa o PULSE de TAMANHO */ #meu-botao1:hover { /* AJUSTE: Cor do texto agora é BRANCA no hover */ color: #fff !important; /* Ativa a animação de PULSE/ZOOM */ animation: animacaoPulse 0.8s ease infinite; } /* Animação original: ONDA DE COR (movimento do gradiente) */ @keyframes animacaoGradiente { 0% { background-position: 0 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0 50%; } } /* Nova Animação: PULSE (movimento do botão) */ @keyframes animacaoPulse { 0% { transform: scale(1); } 50% { transform: scale(1.1); /* Aumenta 10% */ } 100% { transform: scale(1); } } /* ======================================= */ /* --- AJUSTES PARA TELAS DE CELULAR (Responsivo) --- */ @media (max-width: 767px) { #meu-botao1 { /* Reduz o padding (altura e largura) para celular */ padding: 10px 40px !important; /* Define a largura para 80% da tela */ width: 80% !important; /* Centraliza o botão */ display: block; margin-left: auto; margin-right: auto; /* Opcional: Reduz um pouco o tamanho do texto no celular */ font-size: 14px; } /* Opcional: Reduz a intensidade do PULSE no celular */ @keyframes animacaoPulse { 0% { transform: scale(1); } 50% { transform: scale(1.05); /* Pulsa só 5% */ } 100% { transform: scale(1); } } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-0f44157 */.elementor-1387 .elementor-element.elementor-element-0f44157 { /* Manter margem/padding zero no contêiner */ margin: 0 !important; padding: 0 !important; /* Essencial para que a animação de "scroll" funcione no eixo Y */ overflow: hidden; } .elementor-1387 .elementor-element.elementor-element-0f44157 img { width: 100% !important; /* Remove o height fixo e permite que a imagem se estique para o conteúdo */ height: auto !important; object-fit: cover !important; /* Configura a transição e o estado inicial (no topo) */ transition: transform 4s linear !important; transform: translateY(0); /* Regras de Bloqueio (mantidas do seu código original) */ user-select: none; -webkit-user-drag: none; pointer-events: none; -moz-user-select: none; -ms-user-select: none; } /* Estado de rolagem Padrão (Desktop/Telas Grandes) */ .elementor-1387 .elementor-element.elementor-element-0f44157:hover img { /* Rola 100% da altura da própria imagem. Ajuste este valor se precisar rolar mais. */ transform: translateY(-60%) !important; } /* ---------------------------------------------------- */ /* --- BREAKPOINTS OTIMIZADOS --- */ /* Mobile Grande / Tablet (Max-width: 768px) */ @media (max-width: 768px) { .elementor-1387 .elementor-element.elementor-element-0f44157:hover img { /* Para telas menores, você pode querer reduzir a rolagem ou mantê-la em % */ transform: translateY(-80%) !important; } } /* Mobile (Max-width: 480px) */ @media (max-width: 480px) { .elementor-1387 .elementor-element.elementor-element-0f44157:hover img { /* Se a imagem for muito alta no mobile, 100% pode ser demais. Ajuste o valor para o que funciona melhor com o SEU conteúdo. */ transform: translateY(-60%) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-149ccb0 */.elementor-1387 .elementor-element.elementor-element-149ccb0 { height: 470px !important; overflow: hidden !important; transition: all 0.3s ease-in-out; padding: 0 !important; margin: 0 !important; } /* --- AJUSTE PARA CELULAR (MAX-WIDTH: 767PX) --- */ @media (max-width: 767px) { .elementor-1387 .elementor-element.elementor-element-149ccb0 { /* Reduz a altura do Card para celular (ajuste este valor, ex: 300px ou 350px) */ height: 300px !important; /* Garante que o Card ocupe a largura total no celular para empilhar */ width: 100% !important; padding: 0 !important; margin: 0 !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-db44d8f *//* Seu código original para a ONDA DE COR (estado normal) */ #meu-botao1 { position: relative; overflow: hidden; /* AJUSTE: Cor do texto agora é PRETA */ color: #000; border: none; /* Garante uma transição suave de todos os efeitos, incluindo a cor do texto */ transition: all 0.3s ease; background-size: 200% auto; /* Seu gradiente com #42b7b0 */ background-image: linear-gradient(45deg, #357683, #42b7b0, #357683); /* Ativa a animação de ONDA DE COR (gradiente) no estado normal */ animation: animacaoGradiente 1s ease infinite; cursor: pointer; /* Adicione aqui as dimensões padrão (desktop) do seu botão, se necessário! Exemplo: padding: 15px 30px; */ } /* Efeito de HOVER: Ativa o PULSE de TAMANHO */ #meu-botao1:hover { /* AJUSTE: Cor do texto agora é BRANCA no hover */ color: #fff !important; /* Ativa a animação de PULSE/ZOOM */ animation: animacaoPulse 0.8s ease infinite; } /* Animação original: ONDA DE COR (movimento do gradiente) */ @keyframes animacaoGradiente { 0% { background-position: 0 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0 50%; } } /* Nova Animação: PULSE (movimento do botão) */ @keyframes animacaoPulse { 0% { transform: scale(1); } 50% { transform: scale(1.1); /* Aumenta 10% */ } 100% { transform: scale(1); } } /* ======================================= */ /* --- AJUSTES PARA TELAS DE CELULAR (Responsivo) --- */ @media (max-width: 767px) { #meu-botao1 { /* Reduz o padding (altura e largura) para celular */ padding: 10px 40px !important; /* Define a largura para 80% da tela */ width: 80% !important; /* Centraliza o botão */ display: block; margin-left: auto; margin-right: auto; /* Opcional: Reduz um pouco o tamanho do texto no celular */ font-size: 14px; } /* Opcional: Reduz a intensidade do PULSE no celular */ @keyframes animacaoPulse { 0% { transform: scale(1); } 50% { transform: scale(1.05); /* Pulsa só 5% */ } 100% { transform: scale(1); } } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-cad044a */.elementor-1387 .elementor-element.elementor-element-cad044a { /* Manter margem/padding zero no contêiner */ margin: 0 !important; padding: 0 !important; /* Essencial para que a animação de "scroll" funcione no eixo Y */ overflow: hidden; } .elementor-1387 .elementor-element.elementor-element-cad044a img { width: 100% !important; /* Remove o height fixo e permite que a imagem se estique para o conteúdo */ height: auto !important; object-fit: cover !important; /* Configura a transição e o estado inicial (no topo) */ transition: transform 4s linear !important; transform: translateY(0); /* Regras de Bloqueio (mantidas do seu código original) */ user-select: none; -webkit-user-drag: none; pointer-events: none; -moz-user-select: none; -ms-user-select: none; } /* Estado de rolagem Padrão (Desktop/Telas Grandes) */ .elementor-1387 .elementor-element.elementor-element-cad044a:hover img { /* Rola 100% da altura da própria imagem. Ajuste este valor se precisar rolar mais. */ transform: translateY(-70%) !important; } /* ---------------------------------------------------- */ /* --- BREAKPOINTS OTIMIZADOS --- */ /* Mobile Grande / Tablet (Max-width: 768px) */ @media (max-width: 768px) { .elementor-1387 .elementor-element.elementor-element-cad044a:hover img { /* Para telas menores, você pode querer reduzir a rolagem ou mantê-la em % */ transform: translateY(-80%) !important; } } /* Mobile (Max-width: 480px) */ @media (max-width: 480px) { .elementor-1387 .elementor-element.elementor-element-cad044a:hover img { /* Se a imagem for muito alta no mobile, 100% pode ser demais. Ajuste o valor para o que funciona melhor com o SEU conteúdo. */ transform: translateY(-60%) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f116d96 */.elementor-1387 .elementor-element.elementor-element-f116d96 { height: 470px !important; overflow: hidden !important; transition: all 0.3s ease-in-out; padding: 0 !important; margin: 0 !important; } /* --- AJUSTE PARA CELULAR (MAX-WIDTH: 767PX) --- */ @media (max-width: 767px) { .elementor-1387 .elementor-element.elementor-element-f116d96 { /* Reduz a altura do Card para celular (ajuste este valor, ex: 300px ou 350px) */ height: 300px !important; /* Garante que o Card ocupe a largura total no celular para empilhar */ width: 100% !important; padding: 0 !important; margin: 0 !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-67b33eb *//* Seu código original para a ONDA DE COR (estado normal) */ #meu-botao1 { position: relative; overflow: hidden; /* AJUSTE: Cor do texto agora é PRETA */ color: #000; border: none; /* Garante uma transição suave de todos os efeitos, incluindo a cor do texto */ transition: all 0.3s ease; background-size: 200% auto; /* Seu gradiente com #42b7b0 */ background-image: linear-gradient(45deg, #357683, #42b7b0, #357683); /* Ativa a animação de ONDA DE COR (gradiente) no estado normal */ animation: animacaoGradiente 1s ease infinite; cursor: pointer; /* Adicione aqui as dimensões padrão (desktop) do seu botão, se necessário! Exemplo: padding: 15px 30px; */ } /* Efeito de HOVER: Ativa o PULSE de TAMANHO */ #meu-botao1:hover { /* AJUSTE: Cor do texto agora é BRANCA no hover */ color: #fff !important; /* Ativa a animação de PULSE/ZOOM */ animation: animacaoPulse 0.8s ease infinite; } /* Animação original: ONDA DE COR (movimento do gradiente) */ @keyframes animacaoGradiente { 0% { background-position: 0 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0 50%; } } /* Nova Animação: PULSE (movimento do botão) */ @keyframes animacaoPulse { 0% { transform: scale(1); } 50% { transform: scale(1.1); /* Aumenta 10% */ } 100% { transform: scale(1); } } /* ======================================= */ /* --- AJUSTES PARA TELAS DE CELULAR (Responsivo) --- */ @media (max-width: 767px) { #meu-botao1 { /* Reduz o padding (altura e largura) para celular */ padding: 10px 40px !important; /* Define a largura para 80% da tela */ width: 80% !important; /* Centraliza o botão */ display: block; margin-left: auto; margin-right: auto; /* Opcional: Reduz um pouco o tamanho do texto no celular */ font-size: 14px; } /* Opcional: Reduz a intensidade do PULSE no celular */ @keyframes animacaoPulse { 0% { transform: scale(1); } 50% { transform: scale(1.05); /* Pulsa só 5% */ } 100% { transform: scale(1); } } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-17888af */.elementor-1387 .elementor-element.elementor-element-17888af { /* Manter margem/padding zero no contêiner */ margin: 0 !important; padding: 0 !important; /* Essencial para que a animação de "scroll" funcione no eixo Y */ overflow: hidden; } .elementor-1387 .elementor-element.elementor-element-17888af img { width: 100% !important; /* Remove o height fixo e permite que a imagem se estique para o conteúdo */ height: auto !important; object-fit: cover !important; /* Configura a transição e o estado inicial (no topo) */ transition: transform 4s linear !important; transform: translateY(0); /* Regras de Bloqueio (mantidas do seu código original) */ user-select: none; -webkit-user-drag: none; pointer-events: none; -moz-user-select: none; -ms-user-select: none; } /* Estado de rolagem Padrão (Desktop/Telas Grandes) */ .elementor-1387 .elementor-element.elementor-element-17888af:hover img { /* Rola 100% da altura da própria imagem. Ajuste este valor se precisar rolar mais. */ transform: translateY(-60%) !important; } /* ---------------------------------------------------- */ /* --- BREAKPOINTS OTIMIZADOS --- */ /* Mobile Grande / Tablet (Max-width: 768px) */ @media (max-width: 768px) { .elementor-1387 .elementor-element.elementor-element-17888af:hover img { /* Para telas menores, você pode querer reduzir a rolagem ou mantê-la em % */ transform: translateY(-80%) !important; } } /* Mobile (Max-width: 480px) */ @media (max-width: 480px) { .elementor-1387 .elementor-element.elementor-element-17888af:hover img { /* Se a imagem for muito alta no mobile, 100% pode ser demais. Ajuste o valor para o que funciona melhor com o SEU conteúdo. */ transform: translateY(-60%) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-98fbe4a */.elementor-1387 .elementor-element.elementor-element-98fbe4a { height: 470px !important; overflow: hidden !important; transition: all 0.3s ease-in-out; padding: 0 !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-8aa9c60 *//* Seu código original para a ONDA DE COR (estado normal) */ #meu-botao1 { position: relative; overflow: hidden; /* AJUSTE: Cor do texto agora é PRETA */ color: #000; border: none; /* Garante uma transição suave de todos os efeitos, incluindo a cor do texto */ transition: all 0.3s ease; background-size: 200% auto; /* Seu gradiente com #42b7b0 */ background-image: linear-gradient(45deg, #357683, #42b7b0, #357683); /* Ativa a animação de ONDA DE COR (gradiente) no estado normal */ animation: animacaoGradiente 1s ease infinite; cursor: pointer; /* Adicione aqui as dimensões padrão (desktop) do seu botão, se necessário! Exemplo: padding: 15px 30px; */ } /* Efeito de HOVER: Ativa o PULSE de TAMANHO */ #meu-botao1:hover { /* AJUSTE: Cor do texto agora é BRANCA no hover */ color: #fff !important; /* Ativa a animação de PULSE/ZOOM */ animation: animacaoPulse 0.8s ease infinite; } /* Animação original: ONDA DE COR (movimento do gradiente) */ @keyframes animacaoGradiente { 0% { background-position: 0 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0 50%; } } /* Nova Animação: PULSE (movimento do botão) */ @keyframes animacaoPulse { 0% { transform: scale(1); } 50% { transform: scale(1.1); /* Aumenta 10% */ } 100% { transform: scale(1); } } /* ======================================= */ /* --- AJUSTES PARA TELAS DE CELULAR (Responsivo) --- */ @media (max-width: 767px) { #meu-botao1 { /* Reduz o padding (altura e largura) para celular */ padding: 10px 40px !important; /* Define a largura para 80% da tela */ width: 80% !important; /* Centraliza o botão */ display: block; margin-left: auto; margin-right: auto; /* Opcional: Reduz um pouco o tamanho do texto no celular */ font-size: 14px; } /* Opcional: Reduz a intensidade do PULSE no celular */ @keyframes animacaoPulse { 0% { transform: scale(1); } 50% { transform: scale(1.05); /* Pulsa só 5% */ } 100% { transform: scale(1); } } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-880272c */.elementor-1387 .elementor-element.elementor-element-880272c { /* Manter margem/padding zero no contêiner */ margin: 0 !important; padding: 0 !important; /* Essencial para que a animação de "scroll" funcione no eixo Y */ overflow: hidden; } .elementor-1387 .elementor-element.elementor-element-880272c img { width: 100% !important; /* Remove o height fixo e permite que a imagem se estique para o conteúdo */ height: auto !important; object-fit: cover !important; /* Configura a transição e o estado inicial (no topo) */ transition: transform 4s linear !important; transform: translateY(0); /* Regras de Bloqueio (mantidas do seu código original) */ user-select: none; -webkit-user-drag: none; pointer-events: none; -moz-user-select: none; -ms-user-select: none; } /* Estado de rolagem Padrão (Desktop/Telas Grandes) */ .elementor-1387 .elementor-element.elementor-element-880272c:hover img { /* Rola 100% da altura da própria imagem. Ajuste este valor se precisar rolar mais. */ transform: translateY(-60%) !important; } /* ---------------------------------------------------- */ /* --- BREAKPOINTS OTIMIZADOS --- */ /* Mobile Grande / Tablet (Max-width: 768px) */ @media (max-width: 768px) { .elementor-1387 .elementor-element.elementor-element-880272c:hover img { /* Para telas menores, você pode querer reduzir a rolagem ou mantê-la em % */ transform: translateY(-80%) !important; } } /* Mobile (Max-width: 480px) */ @media (max-width: 480px) { .elementor-1387 .elementor-element.elementor-element-880272c:hover img { /* Se a imagem for muito alta no mobile, 100% pode ser demais. Ajuste o valor para o que funciona melhor com o SEU conteúdo. */ transform: translateY(-60%) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f9fd862 */.elementor-1387 .elementor-element.elementor-element-f9fd862 { height: 470px !important; overflow: hidden !important; transition: all 0.3s ease-in-out; padding: 0 !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-54429c4 *//* Seu código original para a ONDA DE COR (estado normal) */ #meu-botao1 { position: relative; overflow: hidden; /* AJUSTE: Cor do texto agora é PRETA */ color: #000; border: none; /* Garante uma transição suave de todos os efeitos, incluindo a cor do texto */ transition: all 0.3s ease; background-size: 200% auto; /* Seu gradiente com #42b7b0 */ background-image: linear-gradient(45deg, #357683, #42b7b0, #357683); /* Ativa a animação de ONDA DE COR (gradiente) no estado normal */ animation: animacaoGradiente 1s ease infinite; cursor: pointer; /* Adicione aqui as dimensões padrão (desktop) do seu botão, se necessário! Exemplo: padding: 15px 30px; */ } /* Efeito de HOVER: Ativa o PULSE de TAMANHO */ #meu-botao1:hover { /* AJUSTE: Cor do texto agora é BRANCA no hover */ color: #fff !important; /* Ativa a animação de PULSE/ZOOM */ animation: animacaoPulse 0.8s ease infinite; } /* Animação original: ONDA DE COR (movimento do gradiente) */ @keyframes animacaoGradiente { 0% { background-position: 0 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0 50%; } } /* Nova Animação: PULSE (movimento do botão) */ @keyframes animacaoPulse { 0% { transform: scale(1); } 50% { transform: scale(1.1); /* Aumenta 10% */ } 100% { transform: scale(1); } } /* ======================================= */ /* --- AJUSTES PARA TELAS DE CELULAR (Responsivo) --- */ @media (max-width: 767px) { #meu-botao1 { /* Reduz o padding (altura e largura) para celular */ padding: 10px 40px !important; /* Define a largura para 80% da tela */ width: 80% !important; /* Centraliza o botão */ display: block; margin-left: auto; margin-right: auto; /* Opcional: Reduz um pouco o tamanho do texto no celular */ font-size: 14px; } /* Opcional: Reduz a intensidade do PULSE no celular */ @keyframes animacaoPulse { 0% { transform: scale(1); } 50% { transform: scale(1.05); /* Pulsa só 5% */ } 100% { transform: scale(1); } } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-41d938e */.elementor-1387 .elementor-element.elementor-element-41d938e { /* Manter margem/padding zero no contêiner */ margin: 0 !important; padding: 0 !important; /* Essencial para que a animação de "scroll" funcione no eixo Y */ overflow: hidden; } .elementor-1387 .elementor-element.elementor-element-41d938e img { width: 100% !important; /* Remove o height fixo e permite que a imagem se estique para o conteúdo */ height: auto !important; object-fit: cover !important; /* Configura a transição e o estado inicial (no topo) */ transition: transform 4s linear !important; transform: translateY(0); /* Regras de Bloqueio (mantidas do seu código original) */ user-select: none; -webkit-user-drag: none; pointer-events: none; -moz-user-select: none; -ms-user-select: none; } /* Estado de rolagem Padrão (Desktop/Telas Grandes) */ .elementor-1387 .elementor-element.elementor-element-41d938e:hover img { /* Rola 100% da altura da própria imagem. Ajuste este valor se precisar rolar mais. */ transform: translateY(-75%) !important; } /* ---------------------------------------------------- */ /* --- BREAKPOINTS OTIMIZADOS --- */ /* Mobile Grande / Tablet (Max-width: 768px) */ @media (max-width: 768px) { .elementor-1387 .elementor-element.elementor-element-41d938e:hover img { /* Para telas menores, você pode querer reduzir a rolagem ou mantê-la em % */ transform: translateY(-85%) !important; } } /* Mobile (Max-width: 480px) */ @media (max-width: 480px) { .elementor-1387 .elementor-element.elementor-element-41d938e:hover img { /* Se a imagem for muito alta no mobile, 100% pode ser demais. Ajuste o valor para o que funciona melhor com o SEU conteúdo. */ transform: translateY(-60%) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b5314ac */.elementor-1387 .elementor-element.elementor-element-b5314ac { height: 470px !important; overflow: hidden !important; transition: all 0.3s ease-in-out; padding: 0 !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-bb80289 *//* Seu código original para a ONDA DE COR (estado normal) */ #meu-botao1 { position: relative; overflow: hidden; /* AJUSTE: Cor do texto agora é PRETA */ color: #000; border: none; /* Garante uma transição suave de todos os efeitos, incluindo a cor do texto */ transition: all 0.3s ease; background-size: 200% auto; /* Seu gradiente com #42b7b0 */ background-image: linear-gradient(45deg, #357683, #42b7b0, #357683); /* Ativa a animação de ONDA DE COR (gradiente) no estado normal */ animation: animacaoGradiente 1s ease infinite; cursor: pointer; /* Adicione aqui as dimensões padrão (desktop) do seu botão, se necessário! Exemplo: padding: 15px 30px; */ } /* Efeito de HOVER: Ativa o PULSE de TAMANHO */ #meu-botao1:hover { /* AJUSTE: Cor do texto agora é BRANCA no hover */ color: #fff !important; /* Ativa a animação de PULSE/ZOOM */ animation: animacaoPulse 0.8s ease infinite; } /* Animação original: ONDA DE COR (movimento do gradiente) */ @keyframes animacaoGradiente { 0% { background-position: 0 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0 50%; } } /* Nova Animação: PULSE (movimento do botão) */ @keyframes animacaoPulse { 0% { transform: scale(1); } 50% { transform: scale(1.1); /* Aumenta 10% */ } 100% { transform: scale(1); } } /* ======================================= */ /* --- AJUSTES PARA TELAS DE CELULAR (Responsivo) --- */ @media (max-width: 767px) { #meu-botao1 { /* Reduz o padding (altura e largura) para celular */ padding: 10px 40px !important; /* Define a largura para 80% da tela */ width: 80% !important; /* Centraliza o botão */ display: block; margin-left: auto; margin-right: auto; /* Opcional: Reduz um pouco o tamanho do texto no celular */ font-size: 14px; } /* Opcional: Reduz a intensidade do PULSE no celular */ @keyframes animacaoPulse { 0% { transform: scale(1); } 50% { transform: scale(1.05); /* Pulsa só 5% */ } 100% { transform: scale(1); } } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-00c53d0 */.elementor-1387 .elementor-element.elementor-element-00c53d0 { /* Manter margem/padding zero no contêiner */ margin: 0 !important; padding: 0 !important; /* Essencial para que a animação de "scroll" funcione no eixo Y */ overflow: hidden; } .elementor-1387 .elementor-element.elementor-element-00c53d0 img { width: 100% !important; /* Remove o height fixo e permite que a imagem se estique para o conteúdo */ height: auto !important; object-fit: cover !important; /* Configura a transição e o estado inicial (no topo) */ transition: transform 4s linear !important; transform: translateY(0); /* Regras de Bloqueio (mantidas do seu código original) */ user-select: none; -webkit-user-drag: none; pointer-events: none; -moz-user-select: none; -ms-user-select: none; } /* Estado de rolagem Padrão (Desktop/Telas Grandes) */ .elementor-1387 .elementor-element.elementor-element-00c53d0:hover img { /* Rola 100% da altura da própria imagem. Ajuste este valor se precisar rolar mais. */ transform: translateY(-75%) !important; } /* ---------------------------------------------------- */ /* --- BREAKPOINTS OTIMIZADOS --- */ /* Mobile Grande / Tablet (Max-width: 768px) */ @media (max-width: 768px) { .elementor-1387 .elementor-element.elementor-element-00c53d0:hover img { /* Para telas menores, você pode querer reduzir a rolagem ou mantê-la em % */ transform: translateY(-85%) !important; } } /* Mobile (Max-width: 480px) */ @media (max-width: 480px) { .elementor-1387 .elementor-element.elementor-element-00c53d0:hover img { /* Se a imagem for muito alta no mobile, 100% pode ser demais. Ajuste o valor para o que funciona melhor com o SEU conteúdo. */ transform: translateY(-60%) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-62070d8 */.elementor-1387 .elementor-element.elementor-element-62070d8 { height: 470px !important; overflow: hidden !important; transition: all 0.3s ease-in-out; padding: 0 !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-76d9062 *//* Seu código original para a ONDA DE COR (estado normal) */ #meu-botao1 { position: relative; overflow: hidden; /* AJUSTE: Cor do texto agora é PRETA */ color: #000; border: none; /* Garante uma transição suave de todos os efeitos, incluindo a cor do texto */ transition: all 0.3s ease; background-size: 200% auto; /* Seu gradiente com #42b7b0 */ background-image: linear-gradient(45deg, #357683, #42b7b0, #357683); /* Ativa a animação de ONDA DE COR (gradiente) no estado normal */ animation: animacaoGradiente 1s ease infinite; cursor: pointer; /* Adicione aqui as dimensões padrão (desktop) do seu botão, se necessário! Exemplo: padding: 15px 30px; */ } /* Efeito de HOVER: Ativa o PULSE de TAMANHO */ #meu-botao1:hover { /* AJUSTE: Cor do texto agora é BRANCA no hover */ color: #fff !important; /* Ativa a animação de PULSE/ZOOM */ animation: animacaoPulse 0.8s ease infinite; } /* Animação original: ONDA DE COR (movimento do gradiente) */ @keyframes animacaoGradiente { 0% { background-position: 0 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0 50%; } } /* Nova Animação: PULSE (movimento do botão) */ @keyframes animacaoPulse { 0% { transform: scale(1); } 50% { transform: scale(1.1); /* Aumenta 10% */ } 100% { transform: scale(1); } } /* ======================================= */ /* --- AJUSTES PARA TELAS DE CELULAR (Responsivo) --- */ @media (max-width: 767px) { #meu-botao1 { /* Reduz o padding (altura e largura) para celular */ padding: 10px 40px !important; /* Define a largura para 80% da tela */ width: 80% !important; /* Centraliza o botão */ display: block; margin-left: auto; margin-right: auto; /* Opcional: Reduz um pouco o tamanho do texto no celular */ font-size: 14px; } /* Opcional: Reduz a intensidade do PULSE no celular */ @keyframes animacaoPulse { 0% { transform: scale(1); } 50% { transform: scale(1.05); /* Pulsa só 5% */ } 100% { transform: scale(1); } } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-2c1d781 */.elementor-1387 .elementor-element.elementor-element-2c1d781 { /* Manter margem/padding zero no contêiner */ margin: 0 !important; padding: 0 !important; /* Essencial para que a animação de "scroll" funcione no eixo Y */ overflow: hidden; } .elementor-1387 .elementor-element.elementor-element-2c1d781 img { width: 100% !important; /* Remove o height fixo e permite que a imagem se estique para o conteúdo */ height: auto !important; object-fit: cover !important; /* Configura a transição e o estado inicial (no topo) */ transition: transform 4s linear !important; transform: translateY(0); /* Regras de Bloqueio (mantidas do seu código original) */ user-select: none; -webkit-user-drag: none; pointer-events: none; -moz-user-select: none; -ms-user-select: none; } /* Estado de rolagem Padrão (Desktop/Telas Grandes) */ .elementor-1387 .elementor-element.elementor-element-2c1d781:hover img { /* Rola 100% da altura da própria imagem. Ajuste este valor se precisar rolar mais. */ transform: translateY(-55%) !important; } /* ---------------------------------------------------- */ /* --- BREAKPOINTS OTIMIZADOS --- */ /* Mobile Grande / Tablet (Max-width: 768px) */ @media (max-width: 768px) { .elementor-1387 .elementor-element.elementor-element-2c1d781:hover img { /* Para telas menores, você pode querer reduzir a rolagem ou mantê-la em % */ transform: translateY(-80%) !important; } } /* Mobile (Max-width: 480px) */ @media (max-width: 480px) { .elementor-1387 .elementor-element.elementor-element-2c1d781:hover img { /* Se a imagem for muito alta no mobile, 100% pode ser demais. Ajuste o valor para o que funciona melhor com o SEU conteúdo. */ transform: translateY(-60%) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-bd9436a */.elementor-1387 .elementor-element.elementor-element-bd9436a { height: 470px !important; overflow: hidden !important; transition: all 0.3s ease-in-out; padding: 0 !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-a1bbac6 *//* Seu código original para a ONDA DE COR (estado normal) */ #meu-botao1 { position: relative; overflow: hidden; /* AJUSTE: Cor do texto agora é PRETA */ color: #000; border: none; /* Garante uma transição suave de todos os efeitos, incluindo a cor do texto */ transition: all 0.3s ease; background-size: 200% auto; /* Seu gradiente com #42b7b0 */ background-image: linear-gradient(45deg, #357683, #42b7b0, #357683); /* Ativa a animação de ONDA DE COR (gradiente) no estado normal */ animation: animacaoGradiente 1s ease infinite; cursor: pointer; /* Adicione aqui as dimensões padrão (desktop) do seu botão, se necessário! Exemplo: padding: 15px 30px; */ } /* Efeito de HOVER: Ativa o PULSE de TAMANHO */ #meu-botao1:hover { /* AJUSTE: Cor do texto agora é BRANCA no hover */ color: #fff !important; /* Ativa a animação de PULSE/ZOOM */ animation: animacaoPulse 0.8s ease infinite; } /* Animação original: ONDA DE COR (movimento do gradiente) */ @keyframes animacaoGradiente { 0% { background-position: 0 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0 50%; } } /* Nova Animação: PULSE (movimento do botão) */ @keyframes animacaoPulse { 0% { transform: scale(1); } 50% { transform: scale(1.1); /* Aumenta 10% */ } 100% { transform: scale(1); } } /* ======================================= */ /* --- AJUSTES PARA TELAS DE CELULAR (Responsivo) --- */ @media (max-width: 767px) { #meu-botao1 { /* Reduz o padding (altura e largura) para celular */ padding: 10px 40px !important; /* Define a largura para 80% da tela */ width: 80% !important; /* Centraliza o botão */ display: block; margin-left: auto; margin-right: auto; /* Opcional: Reduz um pouco o tamanho do texto no celular */ font-size: 14px; } /* Opcional: Reduz a intensidade do PULSE no celular */ @keyframes animacaoPulse { 0% { transform: scale(1); } 50% { transform: scale(1.05); /* Pulsa só 5% */ } 100% { transform: scale(1); } } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-66c7d2f */.elementor-1387 .elementor-element.elementor-element-66c7d2f { /* Manter margem/padding zero no contêiner */ margin: 0 !important; padding: 0 !important; /* Essencial para que a animação de "scroll" funcione no eixo Y */ overflow: hidden; } .elementor-1387 .elementor-element.elementor-element-66c7d2f img { width: 100% !important; /* Remove o height fixo e permite que a imagem se estique para o conteúdo */ height: auto !important; object-fit: cover !important; /* Configura a transição e o estado inicial (no topo) */ transition: transform 4s linear !important; transform: translateY(0); /* Regras de Bloqueio (mantidas do seu código original) */ user-select: none; -webkit-user-drag: none; pointer-events: none; -moz-user-select: none; -ms-user-select: none; } /* Estado de rolagem Padrão (Desktop/Telas Grandes) */ .elementor-1387 .elementor-element.elementor-element-66c7d2f:hover img { /* Rola 100% da altura da própria imagem. Ajuste este valor se precisar rolar mais. */ transform: translateY(-40%) !important; } /* ---------------------------------------------------- */ /* --- BREAKPOINTS OTIMIZADOS --- */ /* Mobile Grande / Tablet (Max-width: 768px) */ @media (max-width: 768px) { .elementor-1387 .elementor-element.elementor-element-66c7d2f:hover img { /* Para telas menores, você pode querer reduzir a rolagem ou mantê-la em % */ transform: translateY(-70%) !important; } } /* Mobile (Max-width: 480px) */ @media (max-width: 480px) { .elementor-1387 .elementor-element.elementor-element-66c7d2f:hover img { /* Se a imagem for muito alta no mobile, 100% pode ser demais. Ajuste o valor para o que funciona melhor com o SEU conteúdo. */ transform: translateY(-60%) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d389d57 */.elementor-1387 .elementor-element.elementor-element-d389d57 { height: 470px !important; overflow: hidden !important; transition: all 0.3s ease-in-out; padding: 0 !important; margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-ca62ecf *//* Seu código original para a ONDA DE COR (estado normal) */ #meu-botao1 { position: relative; overflow: hidden; /* AJUSTE: Cor do texto agora é PRETA */ color: #000; border: none; /* Garante uma transição suave de todos os efeitos, incluindo a cor do texto */ transition: all 0.3s ease; background-size: 200% auto; /* Seu gradiente com #42b7b0 */ background-image: linear-gradient(45deg, #357683, #42b7b0, #357683); /* Ativa a animação de ONDA DE COR (gradiente) no estado normal */ animation: animacaoGradiente 1s ease infinite; cursor: pointer; /* Adicione aqui as dimensões padrão (desktop) do seu botão, se necessário! Exemplo: padding: 15px 30px; */ } /* Efeito de HOVER: Ativa o PULSE de TAMANHO */ #meu-botao1:hover { /* AJUSTE: Cor do texto agora é BRANCA no hover */ color: #fff !important; /* Ativa a animação de PULSE/ZOOM */ animation: animacaoPulse 0.8s ease infinite; } /* Animação original: ONDA DE COR (movimento do gradiente) */ @keyframes animacaoGradiente { 0% { background-position: 0 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0 50%; } } /* Nova Animação: PULSE (movimento do botão) */ @keyframes animacaoPulse { 0% { transform: scale(1); } 50% { transform: scale(1.1); /* Aumenta 10% */ } 100% { transform: scale(1); } } /* ======================================= */ /* --- AJUSTES PARA TELAS DE CELULAR (Responsivo) --- */ @media (max-width: 767px) { #meu-botao1 { /* Reduz o padding (altura e largura) para celular */ padding: 10px 40px !important; /* Define a largura para 80% da tela */ width: 80% !important; /* Centraliza o botão */ display: block; margin-left: auto; margin-right: auto; /* Opcional: Reduz um pouco o tamanho do texto no celular */ font-size: 14px; } /* Opcional: Reduz a intensidade do PULSE no celular */ @keyframes animacaoPulse { 0% { transform: scale(1); } 50% { transform: scale(1.05); /* Pulsa só 5% */ } 100% { transform: scale(1); } } }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-9b97b2f *//*Veja mais scripts e elementos em ultrawp.com.br*/ .elementor-1387 .elementor-element.elementor-element-9b97b2f .swiper-wrapper{ transition-timing-function: linear !important; } .elementor-1387 .elementor-element.elementor-element-9b97b2f .swiper-slide{ opacity: 0.2; filter: blur(5px); animation: opacidade 5s infinite; transition: 0.5s; } .elementor-1387 .elementor-element.elementor-element-9b97b2f .swiper-slide[data-swiper-slide-index="0"]{ animation-delay: 0.5s; } .elementor-1387 .elementor-element.elementor-element-9b97b2f .swiper-slide[data-swiper-slide-index="1"]{ animation-delay: 1s; } .elementor-1387 .elementor-element.elementor-element-9b97b2f .swiper-slide[data-swiper-slide-index="2"]{ animation-delay: 1.5s; } .elementor-1387 .elementor-element.elementor-element-9b97b2f .swiper-slide[data-swiper-slide-index="3"]{ animation-delay: 2s; } .elementor-1387 .elementor-element.elementor-element-9b97b2f .swiper-slide[data-swiper-slide-index="4"]{ animation-delay: 2.5s; } .elementor-1387 .elementor-element.elementor-element-9b97b2f .swiper-slide[data-swiper-slide-index="5"]{ animation-delay: 3s; } .elementor-1387 .elementor-element.elementor-element-9b97b2f .swiper-slide[data-swiper-slide-index="6"]{ animation-delay: 3.5s; } .elementor-1387 .elementor-element.elementor-element-9b97b2f .swiper-slide[data-swiper-slide-index="7"]{ animation-delay: 4s; } .elementor-1387 .elementor-element.elementor-element-9b97b2f .swiper-slide[data-swiper-slide-index="8"]{ animation-delay: 4.5s; } .elementor-1387 .elementor-element.elementor-element-9b97b2f .swiper-slide[data-swiper-slide-index="9"]{ animation-delay: 5s; } .elementor-1387 .elementor-element.elementor-element-9b97b2f .swiper-slide[data-swiper-slide-index="10"]{ animation-delay: 5.5s; } @keyframes opacidade{ 0%, 100%{ opacity: 0.2; filter: blur(5px); } 50%{ opacity: 1; filter: blur(0px); } }/* End custom CSS */