.elementor-451 .elementor-element.elementor-element-7b6c4252{--display:flex;}.elementor-451 .elementor-element.elementor-element-6e9cc026{width:var( --container-widget-width, 57% );max-width:57%;--container-widget-width:57%;--container-widget-flex-grow:0;}.elementor-451 .elementor-element.elementor-element-6e9cc026.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-451 .elementor-element.elementor-element-6e9cc026 .elementskit-section-title-wraper .elementskit-section-title{color:var( --e-global-color-ef16822 );font-family:"Montserrat", Sans-serif;font-size:51px;font-weight:700;}.elementor-451 .elementor-element.elementor-element-6e9cc026 .elementskit-section-title-wraper .elementskit-section-title > span{color:var( --e-global-color-380eb2a );}.elementor-451 .elementor-element.elementor-element-6e9cc026 .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:var( --e-global-color-380eb2a );}.elementor-451 .elementor-element.elementor-element-6e9cc026 .elementskit-section-title-wraper .elementskit-section-title span:last-child, .elementor-451 .elementor-element.elementor-element-6e9cc026 .elementskit-section-title-wraper .elementskit-section-title > span{font-family:"Montserrat", Sans-serif;font-weight:700;}.elementor-451 .elementor-element.elementor-element-6e9cc026 .elementskit-section-title-wraper .elementskit-section-subtitle{color:var( --e-global-color-ef16822 );font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:500;}.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-451 .elementor-element.elementor-element-7505aa15 .elementor-button{background-color:var( --e-global-color-380eb2a );}.elementor-451 .elementor-element.elementor-element-da62fc1{--display:flex;}.elementor-451 .elementor-element.elementor-element-ff3f500 .elementskit-image-comparison .twentytwenty-handle .twentytwenty-left-arrow{border-right-color:#000;}.elementor-451 .elementor-element.elementor-element-ff3f500 .elementskit-image-comparison .twentytwenty-handle .twentytwenty-right-arrow{border-left-color:#000;}.elementor-451 .elementor-element.elementor-element-8def683{--display:flex;--justify-content:center;}.elementor-451 .elementor-element.elementor-element-1eddf1b2{width:var( --container-widget-width, 100% );max-width:100%;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-451 .elementor-element.elementor-element-1eddf1b2:hover{--e-transform-scale:1.1;}.elementor-451 .elementor-element.elementor-element-1eddf1b2.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-451 .elementor-element.elementor-element-1eddf1b2 .elementskit-section-title-wraper .elementskit-section-title{color:var( --e-global-color-ef16822 );text-shadow:0px 0px 10px rgba(0,0,0,0.3);font-family:"Montserrat", Sans-serif;font-size:24px;font-weight:700;}.elementor-451 .elementor-element.elementor-element-1eddf1b2 .elementskit-section-title-wraper .elementskit-section-title > span{color:var( --e-global-color-ef16822 );}.elementor-451 .elementor-element.elementor-element-1eddf1b2 .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:var( --e-global-color-380eb2a );}.elementor-451 .elementor-element.elementor-element-1eddf1b2 .elementskit-section-title-wraper .elementskit-section-title span:last-child, .elementor-451 .elementor-element.elementor-element-1eddf1b2 .elementskit-section-title-wraper .elementskit-section-title > span{font-family:"Montserrat", Sans-serif;font-weight:900;}.elementor-451 .elementor-element.elementor-element-1eddf1b2 .elementskit-section-title-wraper .ekit_heading_separetor_wraper{margin:0px 0px 10px 0px;}.elementor-451 .elementor-element.elementor-element-e1d7623{width:var( --container-widget-width, 100% );max-width:100%;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-451 .elementor-element.elementor-element-e1d7623:hover{--e-transform-scale:1.1;}.elementor-451 .elementor-element.elementor-element-e1d7623.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-451 .elementor-element.elementor-element-e1d7623 .elementskit-section-title-wraper .elementskit-section-title{color:var( --e-global-color-ef16822 );text-shadow:0px 0px 10px rgba(0,0,0,0.3);font-family:"Montserrat", Sans-serif;font-size:24px;font-weight:700;}.elementor-451 .elementor-element.elementor-element-e1d7623 .elementskit-section-title-wraper .elementskit-section-title > span{color:var( --e-global-color-ef16822 );}.elementor-451 .elementor-element.elementor-element-e1d7623 .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:var( --e-global-color-380eb2a );}.elementor-451 .elementor-element.elementor-element-e1d7623 .elementskit-section-title-wraper .elementskit-section-title span:last-child, .elementor-451 .elementor-element.elementor-element-e1d7623 .elementskit-section-title-wraper .elementskit-section-title > span{font-family:"Montserrat", Sans-serif;font-weight:900;}.elementor-451 .elementor-element.elementor-element-6827be74{width:var( --container-widget-width, 80vw );max-width:80vw;--container-widget-width:80vw;--container-widget-flex-grow:0;}.elementor-451 .elementor-element.elementor-element-6827be74.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-451 .elementor-element.elementor-element-6827be74 .elementskit-section-title-wraper .elementskit-section-title{color:var( --e-global-color-ef16822 );font-family:"Montserrat", Sans-serif;font-weight:700;}.elementor-451 .elementor-element.elementor-element-6827be74 .elementskit-section-title-wraper .elementskit-section-title > span{color:var( --e-global-color-ef16822 );}.elementor-451 .elementor-element.elementor-element-6827be74 .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:var( --e-global-color-380eb2a );}.elementor-451 .elementor-element.elementor-element-6827be74 .elementskit-section-title-wraper .elementskit-section-title span:last-child, .elementor-451 .elementor-element.elementor-element-6827be74 .elementskit-section-title-wraper .elementskit-section-title > span{font-family:"Montserrat", Sans-serif;font-weight:900;}.elementor-451 .elementor-element.elementor-element-6827be74 .elementskit-section-title-wraper .elementskit-section-subtitle{color:var( --e-global-color-ef16822 );font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:500;}.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-451 .elementor-element.elementor-element-a9d07b6{text-align:center;font-family:"Montserrat", Sans-serif;font-weight:700;color:var( --e-global-color-380eb2a );}.elementor-451 .elementor-element.elementor-element-3fb4639{--display:flex;}.elementor-451 .elementor-element.elementor-element-602dad0.ekit-equal-height-enable, .elementor-451 .elementor-element.elementor-element-602dad0.ekit-equal-height-enable > div, .elementor-451 .elementor-element.elementor-element-602dad0.ekit-equal-height-enable .ekit-wid-con, .elementor-451 .elementor-element.elementor-element-602dad0.ekit-equal-height-enable .ekit-wid-con .elementskit-info-image-box{height:100%;}.elementor-451 .elementor-element.elementor-element-602dad0 .elementskit-info-image-box .elementskit-box-header img{opacity:1;}.elementor-451 .elementor-element.elementor-element-602dad0 .elementskit-info-image-box.elementskit-thumb-card > img{opacity:1;}.elementor-451 .elementor-element.elementor-element-602dad0 .elementskit-info-image-box:hover .elementskit-box-header img{opacity:1;transform:scale(1.1);}.elementor-451 .elementor-element.elementor-element-602dad0 .elementskit-info-image-box.elementskit-thumb-card:hover > img{opacity:1;transform:scale(1.1);}.elementor-451 .elementor-element.elementor-element-602dad0 .elementskit-info-image-box .elementskit-info-box-title{margin:0px 0px 20px 0px;}.elementor-451 .elementor-element.elementor-element-602dad0 .elementskit-info-image-box .elementskit-box-content :is(.elementskit-info-box-title, .elementskit-info-box-title a ){font-family:"Montserrat", Sans-serif;font-size:30px;}.elementor-451 .elementor-element.elementor-element-602dad0 .elementskit-info-image-box .elementskit-info-box-title {color:var( --e-global-color-380eb2a );}.elementor-451 .elementor-element.elementor-element-602dad0 .elementskit-info-image-box .elementskit-info-box-title a{color:var( --e-global-color-380eb2a );}.elementor-451 .elementor-element.elementor-element-602dad0 .elementskit-info-image-box .elementskit-info-box-title svg path{stroke:var( --e-global-color-380eb2a );fill:var( --e-global-color-380eb2a );}.elementor-451 .elementor-element.elementor-element-602dad0 .elementskit-info-image-box:hover .elementskit-info-box-title {color:var( --e-global-color-fec3d35 );}.elementor-451 .elementor-element.elementor-element-602dad0 .elementskit-info-image-box:hover .elementskit-info-box-title a{color:var( --e-global-color-fec3d35 );}.elementor-451 .elementor-element.elementor-element-602dad0 .elementskit-info-image-box:hover .elementskit-info-box-title svg path{stroke:var( --e-global-color-fec3d35 );fill:var( --e-global-color-fec3d35 );}.elementor-451 .elementor-element.elementor-element-602dad0 .elementskit-info-image-box .elementskit-box-style-content{margin:0px 0px 14px 0px;font-family:"Montserrat", Sans-serif;color:var( --e-global-color-ef16822 );}.elementor-451 .elementor-element.elementor-element-216b7c4{--display:flex;}.elementor-451 .elementor-element.elementor-element-73e0ec2.ekit-equal-height-enable, .elementor-451 .elementor-element.elementor-element-73e0ec2.ekit-equal-height-enable > div, .elementor-451 .elementor-element.elementor-element-73e0ec2.ekit-equal-height-enable .ekit-wid-con, .elementor-451 .elementor-element.elementor-element-73e0ec2.ekit-equal-height-enable .ekit-wid-con .elementskit-info-image-box{height:100%;}.elementor-451 .elementor-element.elementor-element-73e0ec2 .elementskit-info-image-box .elementskit-box-header img{opacity:1;}.elementor-451 .elementor-element.elementor-element-73e0ec2 .elementskit-info-image-box.elementskit-thumb-card > img{opacity:1;}.elementor-451 .elementor-element.elementor-element-73e0ec2 .elementskit-info-image-box:hover .elementskit-box-header img{opacity:1;transform:scale(1.1);}.elementor-451 .elementor-element.elementor-element-73e0ec2 .elementskit-info-image-box.elementskit-thumb-card:hover > img{opacity:1;transform:scale(1.1);}.elementor-451 .elementor-element.elementor-element-73e0ec2 .elementskit-info-image-box .elementskit-info-box-title{margin:0px 0px 20px 0px;}.elementor-451 .elementor-element.elementor-element-73e0ec2 .elementskit-info-image-box .elementskit-box-content :is(.elementskit-info-box-title, .elementskit-info-box-title a ){font-family:"Montserrat", Sans-serif;font-size:30px;}.elementor-451 .elementor-element.elementor-element-73e0ec2 .elementskit-info-image-box .elementskit-info-box-title {color:var( --e-global-color-380eb2a );}.elementor-451 .elementor-element.elementor-element-73e0ec2 .elementskit-info-image-box .elementskit-info-box-title a{color:var( --e-global-color-380eb2a );}.elementor-451 .elementor-element.elementor-element-73e0ec2 .elementskit-info-image-box .elementskit-info-box-title svg path{stroke:var( --e-global-color-380eb2a );fill:var( --e-global-color-380eb2a );}.elementor-451 .elementor-element.elementor-element-73e0ec2 .elementskit-info-image-box:hover .elementskit-info-box-title {color:var( --e-global-color-fec3d35 );}.elementor-451 .elementor-element.elementor-element-73e0ec2 .elementskit-info-image-box:hover .elementskit-info-box-title a{color:var( --e-global-color-fec3d35 );}.elementor-451 .elementor-element.elementor-element-73e0ec2 .elementskit-info-image-box:hover .elementskit-info-box-title svg path{stroke:var( --e-global-color-fec3d35 );fill:var( --e-global-color-fec3d35 );}.elementor-451 .elementor-element.elementor-element-73e0ec2 .elementskit-info-image-box .elementskit-box-style-content{margin:0px 0px 14px 0px;font-family:"Montserrat", Sans-serif;color:var( --e-global-color-ef16822 );}.elementor-451 .elementor-element.elementor-element-fe5de24{--display:flex;}.elementor-451 .elementor-element.elementor-element-26dade3.ekit-equal-height-enable, .elementor-451 .elementor-element.elementor-element-26dade3.ekit-equal-height-enable > div, .elementor-451 .elementor-element.elementor-element-26dade3.ekit-equal-height-enable .ekit-wid-con, .elementor-451 .elementor-element.elementor-element-26dade3.ekit-equal-height-enable .ekit-wid-con .elementskit-info-image-box{height:100%;}.elementor-451 .elementor-element.elementor-element-26dade3 .elementskit-info-image-box .elementskit-box-header img{opacity:1;}.elementor-451 .elementor-element.elementor-element-26dade3 .elementskit-info-image-box.elementskit-thumb-card > img{opacity:1;}.elementor-451 .elementor-element.elementor-element-26dade3 .elementskit-info-image-box:hover .elementskit-box-header img{opacity:1;transform:scale(1.1);}.elementor-451 .elementor-element.elementor-element-26dade3 .elementskit-info-image-box.elementskit-thumb-card:hover > img{opacity:1;transform:scale(1.1);}.elementor-451 .elementor-element.elementor-element-26dade3 .elementskit-info-image-box .elementskit-info-box-title{margin:0px 0px 20px 0px;}.elementor-451 .elementor-element.elementor-element-26dade3 .elementskit-info-image-box .elementskit-box-content :is(.elementskit-info-box-title, .elementskit-info-box-title a ){font-family:"Montserrat", Sans-serif;font-size:30px;}.elementor-451 .elementor-element.elementor-element-26dade3 .elementskit-info-image-box .elementskit-info-box-title {color:var( --e-global-color-380eb2a );}.elementor-451 .elementor-element.elementor-element-26dade3 .elementskit-info-image-box .elementskit-info-box-title a{color:var( --e-global-color-380eb2a );}.elementor-451 .elementor-element.elementor-element-26dade3 .elementskit-info-image-box .elementskit-info-box-title svg path{stroke:var( --e-global-color-380eb2a );fill:var( --e-global-color-380eb2a );}.elementor-451 .elementor-element.elementor-element-26dade3 .elementskit-info-image-box:hover .elementskit-info-box-title {color:var( --e-global-color-fec3d35 );}.elementor-451 .elementor-element.elementor-element-26dade3 .elementskit-info-image-box:hover .elementskit-info-box-title a{color:var( --e-global-color-fec3d35 );}.elementor-451 .elementor-element.elementor-element-26dade3 .elementskit-info-image-box:hover .elementskit-info-box-title svg path{stroke:var( --e-global-color-fec3d35 );fill:var( --e-global-color-fec3d35 );}.elementor-451 .elementor-element.elementor-element-26dade3 .elementskit-info-image-box .elementskit-box-style-content{margin:0px 0px 14px 0px;font-family:"Montserrat", Sans-serif;color:var( --e-global-color-ef16822 );}.elementor-451 .elementor-element.elementor-element-fa53973{--e-n-carousel-swiper-slides-gap:10px;width:var( --container-widget-width, 80vw );max-width:80vw;--container-widget-width:80vw;--container-widget-flex-grow:0;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;}.elementor-451 .elementor-element.elementor-element-fa53973.elementor-element{--align-self:center;}.elementor-451 .elementor-element.elementor-element-b1cfb01{text-align:center;font-family:"Montserrat", Sans-serif;font-weight:700;color:var( --e-global-color-380eb2a );}.elementor-451 .elementor-element.elementor-element-b08443b{--display:flex;}.elementor-451 .elementor-element.elementor-element-375c522.ekit-equal-height-enable, .elementor-451 .elementor-element.elementor-element-375c522.ekit-equal-height-enable > div, .elementor-451 .elementor-element.elementor-element-375c522.ekit-equal-height-enable .ekit-wid-con, .elementor-451 .elementor-element.elementor-element-375c522.ekit-equal-height-enable .ekit-wid-con .elementskit-info-image-box{height:100%;}.elementor-451 .elementor-element.elementor-element-375c522 .elementskit-info-image-box .elementskit-box-header img{opacity:1;}.elementor-451 .elementor-element.elementor-element-375c522 .elementskit-info-image-box.elementskit-thumb-card > img{opacity:1;}.elementor-451 .elementor-element.elementor-element-375c522 .elementskit-info-image-box:hover .elementskit-box-header img{opacity:1;transform:scale(1.1);}.elementor-451 .elementor-element.elementor-element-375c522 .elementskit-info-image-box.elementskit-thumb-card:hover > img{opacity:1;transform:scale(1.1);}.elementor-451 .elementor-element.elementor-element-375c522 .elementskit-info-image-box .elementskit-info-box-title{margin:-24px 0px -25px 0px;}.elementor-451 .elementor-element.elementor-element-375c522 .elementskit-info-image-box .elementskit-box-content :is(.elementskit-info-box-title, .elementskit-info-box-title a ){font-family:"Montserrat", Sans-serif;font-size:16px;}.elementor-451 .elementor-element.elementor-element-375c522 .elementskit-info-image-box .elementskit-info-box-title {color:var( --e-global-color-380eb2a );}.elementor-451 .elementor-element.elementor-element-375c522 .elementskit-info-image-box .elementskit-info-box-title a{color:var( --e-global-color-380eb2a );}.elementor-451 .elementor-element.elementor-element-375c522 .elementskit-info-image-box .elementskit-info-box-title svg path{stroke:var( --e-global-color-380eb2a );fill:var( --e-global-color-380eb2a );}.elementor-451 .elementor-element.elementor-element-375c522 .elementskit-info-image-box:hover .elementskit-info-box-title {color:var( --e-global-color-fec3d35 );}.elementor-451 .elementor-element.elementor-element-375c522 .elementskit-info-image-box:hover .elementskit-info-box-title a{color:var( --e-global-color-fec3d35 );}.elementor-451 .elementor-element.elementor-element-375c522 .elementskit-info-image-box:hover .elementskit-info-box-title svg path{stroke:var( --e-global-color-fec3d35 );fill:var( --e-global-color-fec3d35 );}.elementor-451 .elementor-element.elementor-element-375c522 .elementskit-info-image-box .elementskit-box-style-content{margin:0px 0px 14px 0px;font-family:"Montserrat", Sans-serif;color:var( --e-global-color-ef16822 );}.elementor-451 .elementor-element.elementor-element-d11757b{--display:flex;}.elementor-451 .elementor-element.elementor-element-9ce9098.ekit-equal-height-enable, .elementor-451 .elementor-element.elementor-element-9ce9098.ekit-equal-height-enable > div, .elementor-451 .elementor-element.elementor-element-9ce9098.ekit-equal-height-enable .ekit-wid-con, .elementor-451 .elementor-element.elementor-element-9ce9098.ekit-equal-height-enable .ekit-wid-con .elementskit-info-image-box{height:100%;}.elementor-451 .elementor-element.elementor-element-9ce9098 .elementskit-info-image-box .elementskit-box-header img{opacity:1;}.elementor-451 .elementor-element.elementor-element-9ce9098 .elementskit-info-image-box.elementskit-thumb-card > img{opacity:1;}.elementor-451 .elementor-element.elementor-element-9ce9098 .elementskit-info-image-box:hover .elementskit-box-header img{opacity:1;transform:scale(1.1);}.elementor-451 .elementor-element.elementor-element-9ce9098 .elementskit-info-image-box.elementskit-thumb-card:hover > img{opacity:1;transform:scale(1.1);}.elementor-451 .elementor-element.elementor-element-9ce9098 .elementskit-info-image-box .elementskit-info-box-title{margin:-25px 0px -25px 0px;}.elementor-451 .elementor-element.elementor-element-9ce9098 .elementskit-info-image-box .elementskit-box-content :is(.elementskit-info-box-title, .elementskit-info-box-title a ){font-family:"Montserrat", Sans-serif;font-size:16px;}.elementor-451 .elementor-element.elementor-element-9ce9098 .elementskit-info-image-box .elementskit-info-box-title {color:var( --e-global-color-380eb2a );}.elementor-451 .elementor-element.elementor-element-9ce9098 .elementskit-info-image-box .elementskit-info-box-title a{color:var( --e-global-color-380eb2a );}.elementor-451 .elementor-element.elementor-element-9ce9098 .elementskit-info-image-box .elementskit-info-box-title svg path{stroke:var( --e-global-color-380eb2a );fill:var( --e-global-color-380eb2a );}.elementor-451 .elementor-element.elementor-element-9ce9098 .elementskit-info-image-box:hover .elementskit-info-box-title {color:var( --e-global-color-fec3d35 );}.elementor-451 .elementor-element.elementor-element-9ce9098 .elementskit-info-image-box:hover .elementskit-info-box-title a{color:var( --e-global-color-fec3d35 );}.elementor-451 .elementor-element.elementor-element-9ce9098 .elementskit-info-image-box:hover .elementskit-info-box-title svg path{stroke:var( --e-global-color-fec3d35 );fill:var( --e-global-color-fec3d35 );}.elementor-451 .elementor-element.elementor-element-9ce9098 .elementskit-info-image-box .elementskit-box-style-content{margin:0px 0px 14px 0px;font-family:"Montserrat", Sans-serif;color:var( --e-global-color-ef16822 );}.elementor-451 .elementor-element.elementor-element-5b8ffe8{--display:flex;}.elementor-451 .elementor-element.elementor-element-92b588b.ekit-equal-height-enable, .elementor-451 .elementor-element.elementor-element-92b588b.ekit-equal-height-enable > div, .elementor-451 .elementor-element.elementor-element-92b588b.ekit-equal-height-enable .ekit-wid-con, .elementor-451 .elementor-element.elementor-element-92b588b.ekit-equal-height-enable .ekit-wid-con .elementskit-info-image-box{height:100%;}.elementor-451 .elementor-element.elementor-element-92b588b .elementskit-info-image-box .elementskit-box-header img{opacity:1;}.elementor-451 .elementor-element.elementor-element-92b588b .elementskit-info-image-box.elementskit-thumb-card > img{opacity:1;}.elementor-451 .elementor-element.elementor-element-92b588b .elementskit-info-image-box:hover .elementskit-box-header img{opacity:1;transform:scale(1.1);}.elementor-451 .elementor-element.elementor-element-92b588b .elementskit-info-image-box.elementskit-thumb-card:hover > img{opacity:1;transform:scale(1.1);}.elementor-451 .elementor-element.elementor-element-92b588b .elementskit-info-image-box .elementskit-info-box-title{margin:-25px 0px -25px 0px;}.elementor-451 .elementor-element.elementor-element-92b588b .elementskit-info-image-box .elementskit-box-content :is(.elementskit-info-box-title, .elementskit-info-box-title a ){font-family:"Montserrat", Sans-serif;font-size:16px;}.elementor-451 .elementor-element.elementor-element-92b588b .elementskit-info-image-box .elementskit-info-box-title {color:var( --e-global-color-380eb2a );}.elementor-451 .elementor-element.elementor-element-92b588b .elementskit-info-image-box .elementskit-info-box-title a{color:var( --e-global-color-380eb2a );}.elementor-451 .elementor-element.elementor-element-92b588b .elementskit-info-image-box .elementskit-info-box-title svg path{stroke:var( --e-global-color-380eb2a );fill:var( --e-global-color-380eb2a );}.elementor-451 .elementor-element.elementor-element-92b588b .elementskit-info-image-box:hover .elementskit-info-box-title {color:var( --e-global-color-fec3d35 );}.elementor-451 .elementor-element.elementor-element-92b588b .elementskit-info-image-box:hover .elementskit-info-box-title a{color:var( --e-global-color-fec3d35 );}.elementor-451 .elementor-element.elementor-element-92b588b .elementskit-info-image-box:hover .elementskit-info-box-title svg path{stroke:var( --e-global-color-fec3d35 );fill:var( --e-global-color-fec3d35 );}.elementor-451 .elementor-element.elementor-element-92b588b .elementskit-info-image-box .elementskit-box-style-content{margin:0px 0px 14px 0px;font-family:"Montserrat", Sans-serif;color:var( --e-global-color-ef16822 );}.elementor-451 .elementor-element.elementor-element-f9ee4d2{--display:flex;}.elementor-451 .elementor-element.elementor-element-a31c26b.ekit-equal-height-enable, .elementor-451 .elementor-element.elementor-element-a31c26b.ekit-equal-height-enable > div, .elementor-451 .elementor-element.elementor-element-a31c26b.ekit-equal-height-enable .ekit-wid-con, .elementor-451 .elementor-element.elementor-element-a31c26b.ekit-equal-height-enable .ekit-wid-con .elementskit-info-image-box{height:100%;}.elementor-451 .elementor-element.elementor-element-a31c26b .elementskit-info-image-box .elementskit-box-header img{opacity:1;}.elementor-451 .elementor-element.elementor-element-a31c26b .elementskit-info-image-box.elementskit-thumb-card > img{opacity:1;}.elementor-451 .elementor-element.elementor-element-a31c26b .elementskit-info-image-box:hover .elementskit-box-header img{opacity:1;transform:scale(1.1);}.elementor-451 .elementor-element.elementor-element-a31c26b .elementskit-info-image-box.elementskit-thumb-card:hover > img{opacity:1;transform:scale(1.1);}.elementor-451 .elementor-element.elementor-element-a31c26b .elementskit-info-image-box .elementskit-info-box-title{margin:-25px 0px -25px 0px;}.elementor-451 .elementor-element.elementor-element-a31c26b .elementskit-info-image-box .elementskit-box-content :is(.elementskit-info-box-title, .elementskit-info-box-title a ){font-family:"Montserrat", Sans-serif;font-size:16px;}.elementor-451 .elementor-element.elementor-element-a31c26b .elementskit-info-image-box .elementskit-info-box-title {color:var( --e-global-color-380eb2a );}.elementor-451 .elementor-element.elementor-element-a31c26b .elementskit-info-image-box .elementskit-info-box-title a{color:var( --e-global-color-380eb2a );}.elementor-451 .elementor-element.elementor-element-a31c26b .elementskit-info-image-box .elementskit-info-box-title svg path{stroke:var( --e-global-color-380eb2a );fill:var( --e-global-color-380eb2a );}.elementor-451 .elementor-element.elementor-element-a31c26b .elementskit-info-image-box:hover .elementskit-info-box-title {color:var( --e-global-color-fec3d35 );}.elementor-451 .elementor-element.elementor-element-a31c26b .elementskit-info-image-box:hover .elementskit-info-box-title a{color:var( --e-global-color-fec3d35 );}.elementor-451 .elementor-element.elementor-element-a31c26b .elementskit-info-image-box:hover .elementskit-info-box-title svg path{stroke:var( --e-global-color-fec3d35 );fill:var( --e-global-color-fec3d35 );}.elementor-451 .elementor-element.elementor-element-a31c26b .elementskit-info-image-box .elementskit-box-style-content{margin:0px 0px 14px 0px;font-family:"Montserrat", Sans-serif;color:var( --e-global-color-ef16822 );}.elementor-451 .elementor-element.elementor-element-39ce683{--display:flex;}.elementor-451 .elementor-element.elementor-element-e590c58.ekit-equal-height-enable, .elementor-451 .elementor-element.elementor-element-e590c58.ekit-equal-height-enable > div, .elementor-451 .elementor-element.elementor-element-e590c58.ekit-equal-height-enable .ekit-wid-con, .elementor-451 .elementor-element.elementor-element-e590c58.ekit-equal-height-enable .ekit-wid-con .elementskit-info-image-box{height:100%;}.elementor-451 .elementor-element.elementor-element-e590c58 .elementskit-info-image-box .elementskit-box-header img{opacity:1;}.elementor-451 .elementor-element.elementor-element-e590c58 .elementskit-info-image-box.elementskit-thumb-card > img{opacity:1;}.elementor-451 .elementor-element.elementor-element-e590c58 .elementskit-info-image-box:hover .elementskit-box-header img{opacity:1;transform:scale(1.1);}.elementor-451 .elementor-element.elementor-element-e590c58 .elementskit-info-image-box.elementskit-thumb-card:hover > img{opacity:1;transform:scale(1.1);}.elementor-451 .elementor-element.elementor-element-e590c58 .elementskit-info-image-box .elementskit-info-box-title{margin:-25px 0px -25px 0px;}.elementor-451 .elementor-element.elementor-element-e590c58 .elementskit-info-image-box .elementskit-box-content :is(.elementskit-info-box-title, .elementskit-info-box-title a ){font-family:"Montserrat", Sans-serif;font-size:16px;}.elementor-451 .elementor-element.elementor-element-e590c58 .elementskit-info-image-box .elementskit-info-box-title {color:var( --e-global-color-380eb2a );}.elementor-451 .elementor-element.elementor-element-e590c58 .elementskit-info-image-box .elementskit-info-box-title a{color:var( --e-global-color-380eb2a );}.elementor-451 .elementor-element.elementor-element-e590c58 .elementskit-info-image-box .elementskit-info-box-title svg path{stroke:var( --e-global-color-380eb2a );fill:var( --e-global-color-380eb2a );}.elementor-451 .elementor-element.elementor-element-e590c58 .elementskit-info-image-box:hover .elementskit-info-box-title {color:var( --e-global-color-fec3d35 );}.elementor-451 .elementor-element.elementor-element-e590c58 .elementskit-info-image-box:hover .elementskit-info-box-title a{color:var( --e-global-color-fec3d35 );}.elementor-451 .elementor-element.elementor-element-e590c58 .elementskit-info-image-box:hover .elementskit-info-box-title svg path{stroke:var( --e-global-color-fec3d35 );fill:var( --e-global-color-fec3d35 );}.elementor-451 .elementor-element.elementor-element-e590c58 .elementskit-info-image-box .elementskit-box-style-content{margin:0px 0px 14px 0px;font-family:"Montserrat", Sans-serif;color:var( --e-global-color-ef16822 );}.elementor-451 .elementor-element.elementor-element-c3e981f{--e-n-carousel-swiper-slides-to-display:5;--e-n-carousel-swiper-slides-gap:10px;width:var( --container-widget-width, 80vw );max-width:80vw;--container-widget-width:80vw;--container-widget-flex-grow:0;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;}.elementor-451 .elementor-element.elementor-element-c3e981f.elementor-element{--align-self:center;}.elementor-451 .elementor-element.elementor-element-2df7612{--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-451 .elementor-element.elementor-element-7225de3{text-align:center;font-family:"Montserrat", Sans-serif;font-size:26px;font-weight:600;color:var( --e-global-color-ef16822 );}.elementor-451 .elementor-element.elementor-element-d7a0926 .elementor-button{background-color:var( --e-global-color-380eb2a );}.elementor-451 .elementor-element.elementor-element-a208bc9{width:var( --container-widget-width, 80vw );max-width:80vw;--container-widget-width:80vw;--container-widget-flex-grow:0;}.elementor-451 .elementor-element.elementor-element-a208bc9.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-451 .elementor-element.elementor-element-a208bc9 .elementskit-section-title-wraper .elementskit-section-title{color:var( --e-global-color-ef16822 );font-family:"Montserrat", Sans-serif;font-weight:700;}.elementor-451 .elementor-element.elementor-element-a208bc9 .elementskit-section-title-wraper .elementskit-section-title > span{color:var( --e-global-color-ef16822 );}.elementor-451 .elementor-element.elementor-element-a208bc9 .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:var( --e-global-color-380eb2a );}.elementor-451 .elementor-element.elementor-element-a208bc9 .elementskit-section-title-wraper .elementskit-section-title span:last-child, .elementor-451 .elementor-element.elementor-element-a208bc9 .elementskit-section-title-wraper .elementskit-section-title > span{font-family:"Montserrat", Sans-serif;font-weight:900;}.elementor-451 .elementor-element.elementor-element-a208bc9 .elementskit-section-title-wraper .elementskit-section-subtitle{color:var( --e-global-color-ef16822 );font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:500;}.elementor-451 .elementor-element.elementor-element-a6c1216{--display:flex;}.elementor-451 .elementor-element.elementor-element-1188816{width:var( --container-widget-width, 100% );max-width:100%;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-451 .elementor-element.elementor-element-1188816:hover{--e-transform-scale:1.1;}.elementor-451 .elementor-element.elementor-element-1188816.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-451 .elementor-element.elementor-element-1188816 .elementskit-section-title-wraper .elementskit-section-title{color:var( --e-global-color-ef16822 );text-shadow:0px 0px 10px rgba(0,0,0,0.3);font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:700;}.elementor-451 .elementor-element.elementor-element-1188816 .elementskit-section-title-wraper .elementskit-section-title > span{color:var( --e-global-color-ef16822 );}.elementor-451 .elementor-element.elementor-element-1188816 .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:var( --e-global-color-380eb2a );}.elementor-451 .elementor-element.elementor-element-1188816 .elementskit-section-title-wraper .elementskit-section-title span:last-child, .elementor-451 .elementor-element.elementor-element-1188816 .elementskit-section-title-wraper .elementskit-section-title > span{font-family:"Montserrat", Sans-serif;font-weight:900;}.elementor-451 .elementor-element.elementor-element-1188816 .elementskit-section-title-wraper .ekit_heading_separetor_wraper{margin:0px 0px 10px 0px;}.elementor-451 .elementor-element.elementor-element-e8c7f23{width:var( --container-widget-width, 100% );max-width:100%;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-451 .elementor-element.elementor-element-e8c7f23:hover{--e-transform-scale:1.1;}.elementor-451 .elementor-element.elementor-element-e8c7f23.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-451 .elementor-element.elementor-element-e8c7f23 .elementskit-section-title-wraper .elementskit-section-title{color:var( --e-global-color-ef16822 );text-shadow:0px 0px 10px rgba(0,0,0,0.3);font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:700;}.elementor-451 .elementor-element.elementor-element-e8c7f23 .elementskit-section-title-wraper .elementskit-section-title > span{color:var( --e-global-color-ef16822 );}.elementor-451 .elementor-element.elementor-element-e8c7f23 .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:var( --e-global-color-380eb2a );}.elementor-451 .elementor-element.elementor-element-e8c7f23 .elementskit-section-title-wraper .elementskit-section-title span:last-child, .elementor-451 .elementor-element.elementor-element-e8c7f23 .elementskit-section-title-wraper .elementskit-section-title > span{font-family:"Montserrat", Sans-serif;font-weight:900;}.elementor-451 .elementor-element.elementor-element-e8c7f23 .elementskit-section-title-wraper .ekit_heading_separetor_wraper{margin:0px 0px 010px 0px;}.elementor-451 .elementor-element.elementor-element-f6c4072{width:var( --container-widget-width, 100% );max-width:100%;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-451 .elementor-element.elementor-element-f6c4072:hover{--e-transform-scale:1.1;}.elementor-451 .elementor-element.elementor-element-f6c4072.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-451 .elementor-element.elementor-element-f6c4072 .elementskit-section-title-wraper .elementskit-section-title{color:var( --e-global-color-ef16822 );text-shadow:0px 0px 10px rgba(0,0,0,0.3);font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:700;}.elementor-451 .elementor-element.elementor-element-f6c4072 .elementskit-section-title-wraper .elementskit-section-title > span{color:var( --e-global-color-ef16822 );}.elementor-451 .elementor-element.elementor-element-f6c4072 .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:var( --e-global-color-380eb2a );}.elementor-451 .elementor-element.elementor-element-f6c4072 .elementskit-section-title-wraper .elementskit-section-title span:last-child, .elementor-451 .elementor-element.elementor-element-f6c4072 .elementskit-section-title-wraper .elementskit-section-title > span{font-family:"Montserrat", Sans-serif;font-weight:900;}.elementor-451 .elementor-element.elementor-element-f6c4072 .elementskit-section-title-wraper .ekit_heading_separetor_wraper{margin:0px 0px 10px 0px;}.elementor-451 .elementor-element.elementor-element-0b49cb7{width:var( --container-widget-width, 100% );max-width:100%;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-451 .elementor-element.elementor-element-0b49cb7:hover{--e-transform-scale:1.1;}.elementor-451 .elementor-element.elementor-element-0b49cb7.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-451 .elementor-element.elementor-element-0b49cb7 .elementskit-section-title-wraper .elementskit-section-title{color:var( --e-global-color-ef16822 );text-shadow:0px 0px 10px rgba(0,0,0,0.3);font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:700;}.elementor-451 .elementor-element.elementor-element-0b49cb7 .elementskit-section-title-wraper .elementskit-section-title > span{color:var( --e-global-color-ef16822 );}.elementor-451 .elementor-element.elementor-element-0b49cb7 .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:var( --e-global-color-380eb2a );}.elementor-451 .elementor-element.elementor-element-0b49cb7 .elementskit-section-title-wraper .elementskit-section-title span:last-child, .elementor-451 .elementor-element.elementor-element-0b49cb7 .elementskit-section-title-wraper .elementskit-section-title > span{font-family:"Montserrat", Sans-serif;font-weight:900;}.elementor-451 .elementor-element.elementor-element-0b49cb7 .elementskit-section-title-wraper .ekit_heading_separetor_wraper{margin:0px 0px 10px 0px;}.elementor-451 .elementor-element.elementor-element-1a63653{width:var( --container-widget-width, 100% );max-width:100%;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-451 .elementor-element.elementor-element-1a63653:hover{--e-transform-scale:1.1;}.elementor-451 .elementor-element.elementor-element-1a63653.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-451 .elementor-element.elementor-element-1a63653 .elementskit-section-title-wraper .elementskit-section-title{color:var( --e-global-color-ef16822 );text-shadow:0px 0px 10px rgba(0,0,0,0.3);font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:700;}.elementor-451 .elementor-element.elementor-element-1a63653 .elementskit-section-title-wraper .elementskit-section-title > span{color:var( --e-global-color-ef16822 );}.elementor-451 .elementor-element.elementor-element-1a63653 .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:var( --e-global-color-380eb2a );}.elementor-451 .elementor-element.elementor-element-1a63653 .elementskit-section-title-wraper .elementskit-section-title span:last-child, .elementor-451 .elementor-element.elementor-element-1a63653 .elementskit-section-title-wraper .elementskit-section-title > span{font-family:"Montserrat", Sans-serif;font-weight:900;}.elementor-451 .elementor-element.elementor-element-1a63653 .elementskit-section-title-wraper .ekit_heading_separetor_wraper{margin:0px 0px 10px 0px;}.elementor-451 .elementor-element.elementor-element-9de0fc1{--display:flex;--justify-content: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-451 .elementor-element.elementor-element-7e21a298{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-451 .elementor-element.elementor-element-7e21a298.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-451 .elementor-element.elementor-element-7e21a298 .elementskit-section-title-wraper .elementskit-section-title{color:var( --e-global-color-ef16822 );font-family:"Montserrat", Sans-serif;font-weight:700;}.elementor-451 .elementor-element.elementor-element-7e21a298 .elementskit-section-title-wraper .elementskit-section-title > span{color:var( --e-global-color-ef16822 );}.elementor-451 .elementor-element.elementor-element-7e21a298 .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:var( --e-global-color-380eb2a );}.elementor-451 .elementor-element.elementor-element-7e21a298 .elementskit-section-title-wraper .elementskit-section-title span:last-child, .elementor-451 .elementor-element.elementor-element-7e21a298 .elementskit-section-title-wraper .elementskit-section-title > span{font-family:"Montserrat", Sans-serif;font-weight:900;}.elementor-451 .elementor-element.elementor-element-7e21a298 .elementskit-section-title-wraper .elementskit-section-subtitle{color:var( --e-global-color-ef16822 );font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:500;}.elementor-451 .elementor-element.elementor-element-5cc3d4d1{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-451 .elementor-element.elementor-element-8b0900d{padding:0px 0px 0px 0px;}.elementor-451 .elementor-element.elementor-element-8b0900d .elementor-icon-wrapper{text-align:center;}.elementor-451 .elementor-element.elementor-element-8b0900d.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-ef16822 );}.elementor-451 .elementor-element.elementor-element-8b0900d.elementor-view-framed .elementor-icon, .elementor-451 .elementor-element.elementor-element-8b0900d.elementor-view-default .elementor-icon{color:var( --e-global-color-ef16822 );border-color:var( --e-global-color-ef16822 );}.elementor-451 .elementor-element.elementor-element-8b0900d.elementor-view-framed .elementor-icon, .elementor-451 .elementor-element.elementor-element-8b0900d.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-ef16822 );}.elementor-451 .elementor-element.elementor-element-8b0900d.elementor-view-stacked .elementor-icon:hover{background-color:#FFFFFF;}.elementor-451 .elementor-element.elementor-element-8b0900d.elementor-view-framed .elementor-icon:hover, .elementor-451 .elementor-element.elementor-element-8b0900d.elementor-view-default .elementor-icon:hover{color:#FFFFFF;border-color:#FFFFFF;}.elementor-451 .elementor-element.elementor-element-8b0900d.elementor-view-framed .elementor-icon:hover, .elementor-451 .elementor-element.elementor-element-8b0900d.elementor-view-default .elementor-icon:hover svg{fill:#FFFFFF;}.elementor-451 .elementor-element.elementor-element-2d867949{text-align:center;font-family:"Montserrat", Sans-serif;font-weight:700;color:var( --e-global-color-ef16822 );}.elementor-451 .elementor-element.elementor-element-7c32bf66{text-align:center;font-family:"Montserrat", Sans-serif;font-weight:400;color:var( --e-global-color-ef16822 );}.elementor-451 .elementor-element.elementor-element-6eb0480{--display:flex;}.elementor-451 .elementor-element.elementor-element-26fcfb04 .elementor-icon-wrapper{text-align:center;}.elementor-451 .elementor-element.elementor-element-26fcfb04.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-ef16822 );}.elementor-451 .elementor-element.elementor-element-26fcfb04.elementor-view-framed .elementor-icon, .elementor-451 .elementor-element.elementor-element-26fcfb04.elementor-view-default .elementor-icon{color:var( --e-global-color-ef16822 );border-color:var( --e-global-color-ef16822 );}.elementor-451 .elementor-element.elementor-element-26fcfb04.elementor-view-framed .elementor-icon, .elementor-451 .elementor-element.elementor-element-26fcfb04.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-ef16822 );}.elementor-451 .elementor-element.elementor-element-5306ac23{text-align:center;font-family:"Montserrat", Sans-serif;font-weight:700;color:var( --e-global-color-ef16822 );}.elementor-451 .elementor-element.elementor-element-641c42a{text-align:center;font-family:"Montserrat", Sans-serif;font-weight:400;color:var( --e-global-color-ef16822 );}.elementor-451 .elementor-element.elementor-element-6005eb54{--display:flex;}.elementor-451 .elementor-element.elementor-element-71ba610a .elementor-icon-wrapper{text-align:center;}.elementor-451 .elementor-element.elementor-element-71ba610a.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-ef16822 );}.elementor-451 .elementor-element.elementor-element-71ba610a.elementor-view-framed .elementor-icon, .elementor-451 .elementor-element.elementor-element-71ba610a.elementor-view-default .elementor-icon{color:var( --e-global-color-ef16822 );border-color:var( --e-global-color-ef16822 );}.elementor-451 .elementor-element.elementor-element-71ba610a.elementor-view-framed .elementor-icon, .elementor-451 .elementor-element.elementor-element-71ba610a.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-ef16822 );}.elementor-451 .elementor-element.elementor-element-52883c39{text-align:center;font-family:"Montserrat", Sans-serif;font-weight:700;color:var( --e-global-color-ef16822 );}.elementor-451 .elementor-element.elementor-element-7404fabf{text-align:center;font-family:"Montserrat", Sans-serif;font-weight:400;color:var( --e-global-color-ef16822 );}.elementor-451 .elementor-element.elementor-element-6c77c87d{--display:flex;}.elementor-451 .elementor-element.elementor-element-2da2be59 .elementor-icon-wrapper{text-align:center;}.elementor-451 .elementor-element.elementor-element-2da2be59.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-ef16822 );}.elementor-451 .elementor-element.elementor-element-2da2be59.elementor-view-framed .elementor-icon, .elementor-451 .elementor-element.elementor-element-2da2be59.elementor-view-default .elementor-icon{color:var( --e-global-color-ef16822 );border-color:var( --e-global-color-ef16822 );}.elementor-451 .elementor-element.elementor-element-2da2be59.elementor-view-framed .elementor-icon, .elementor-451 .elementor-element.elementor-element-2da2be59.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-ef16822 );}.elementor-451 .elementor-element.elementor-element-42f9e764{text-align:center;font-family:"Montserrat", Sans-serif;font-weight:700;color:var( --e-global-color-ef16822 );}.elementor-451 .elementor-element.elementor-element-2cd421c6{text-align:center;font-family:"Montserrat", Sans-serif;font-weight:400;color:var( --e-global-color-ef16822 );}.elementor-451 .elementor-element.elementor-element-2da72774{--display:flex;}.elementor-451 .elementor-element.elementor-element-21d20eaf .elementor-icon-wrapper{text-align:center;}.elementor-451 .elementor-element.elementor-element-21d20eaf.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-ef16822 );}.elementor-451 .elementor-element.elementor-element-21d20eaf.elementor-view-framed .elementor-icon, .elementor-451 .elementor-element.elementor-element-21d20eaf.elementor-view-default .elementor-icon{color:var( --e-global-color-ef16822 );border-color:var( --e-global-color-ef16822 );}.elementor-451 .elementor-element.elementor-element-21d20eaf.elementor-view-framed .elementor-icon, .elementor-451 .elementor-element.elementor-element-21d20eaf.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-ef16822 );}.elementor-451 .elementor-element.elementor-element-562c591{text-align:center;font-family:"Montserrat", Sans-serif;font-weight:700;color:var( --e-global-color-ef16822 );}.elementor-451 .elementor-element.elementor-element-24438604{text-align:center;font-family:"Montserrat", Sans-serif;font-weight:400;color:var( --e-global-color-ef16822 );}.elementor-451 .elementor-element.elementor-element-153b5ab2{--display:flex;}.elementor-451 .elementor-element.elementor-element-5f7064eb .elementor-icon-wrapper{text-align:center;}.elementor-451 .elementor-element.elementor-element-5f7064eb.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-ef16822 );}.elementor-451 .elementor-element.elementor-element-5f7064eb.elementor-view-framed .elementor-icon, .elementor-451 .elementor-element.elementor-element-5f7064eb.elementor-view-default .elementor-icon{color:var( --e-global-color-ef16822 );border-color:var( --e-global-color-ef16822 );}.elementor-451 .elementor-element.elementor-element-5f7064eb.elementor-view-framed .elementor-icon, .elementor-451 .elementor-element.elementor-element-5f7064eb.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-ef16822 );}.elementor-451 .elementor-element.elementor-element-9c461bc{text-align:center;font-family:"Montserrat", Sans-serif;font-weight:700;color:var( --e-global-color-ef16822 );}.elementor-451 .elementor-element.elementor-element-5ecaa3c8{text-align:center;font-family:"Montserrat", Sans-serif;font-weight:400;color:var( --e-global-color-ef16822 );}.elementor-451 .elementor-element.elementor-element-66209579{--e-n-carousel-swiper-slides-to-display:6;--e-n-carousel-swiper-slides-gap:10px;width:var( --container-widget-width, 80vw );max-width:80vw;padding:20px 0px 10px 0px;--container-widget-width:80vw;--container-widget-flex-grow:0;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-451 .elementor-element.elementor-element-da62fc1{--content-width:40vw;}.elementor-451 .elementor-element.elementor-element-8def683{--content-width:40vw;}.elementor-451 .elementor-element.elementor-element-2df7612{--content-width:60vw;}.elementor-451 .elementor-element.elementor-element-a6c1216{--content-width:40vw;}.elementor-451 .elementor-element.elementor-element-9de0fc1{--content-width:40vw;}}@media(max-width:1024px){.elementor-451 .elementor-element.elementor-element-fa53973{--e-n-carousel-swiper-slides-to-display:2;}.elementor-451 .elementor-element.elementor-element-c3e981f{--e-n-carousel-swiper-slides-to-display:2;}.elementor-451 .elementor-element.elementor-element-66209579{--e-n-carousel-swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-451 .elementor-element.elementor-element-fa53973{--e-n-carousel-swiper-slides-to-display:1;}.elementor-451 .elementor-element.elementor-element-c3e981f{--e-n-carousel-swiper-slides-to-display:1;}.elementor-451 .elementor-element.elementor-element-66209579{--e-n-carousel-swiper-slides-to-display:1;}}/* Start custom CSS for elementskit-image-box, class: .elementor-element-602dad0 *//* ========================================================================== 1. ESTADO NORMAL (Com o colchão de ar que você descobriu) ========================================================================== */ .elementor-451 .elementor-element.elementor-element-602dad0 { border: 1px solid transparent !important; border-radius: 12px !important; padding: 9px !important; /* O seu gap de segurança para o carrossel não cortar o topo */ margin-top: 6px !important; margin-bottom: 6px !important; /* Deixa o fundo preparado (caso queira o vidro fumê ou transparente) */ background-clip: padding-box !important; /* Transição suave para o movimento */ transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease, border-image 0.4s ease !important; } /* ========================================================================== 2. O EFEITO HOVER (Com a subida livre e a bordinha arco-íris) ========================================================================== */ @media (min-width: 1025px) { .elementor-451 .elementor-element.elementor-element-602dad0:hover { /* Sobe usando a folga do teto que a gente deixou */ transform: translateY(-6px) !important; /* A BORDA COLORIDINHA: Injeta o gradiente de 7 cores na carcaça da borda */ border: 1px solid transparent !important; background: linear-gradient(rgba(15, 15, 15, 1), rgba(15, 15, 15, 1)) padding-box, /* Mantém o fundo escuro do card */ linear-gradient(135deg, #FF0000, #FF5C00, #FFC32A, #00CD9C, #00B1EB, #6800CC, #88009F) border-box !important; /* O brilho neon laranja por trás acompanhando o movimento */ box-shadow: 0 15px 40px rgba(255, 92, 0, 0.35) !important; } }/* End custom CSS */ /* Start custom CSS for elementskit-image-box, class: .elementor-element-73e0ec2 *//* ========================================================================== 1. ESTADO NORMAL (Com o colchão de ar que você descobriu) ========================================================================== */ .elementor-451 .elementor-element.elementor-element-73e0ec2 { border: 1px solid transparent !important; border-radius: 12px !important; padding: 9px !important; /* O seu gap de segurança para o carrossel não cortar o topo */ margin-top: 6px !important; margin-bottom: 6px !important; /* Deixa o fundo preparado (caso queira o vidro fumê ou transparente) */ background-clip: padding-box !important; /* Transição suave para o movimento */ transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease, border-image 0.4s ease !important; } /* ========================================================================== 2. O EFEITO HOVER (Com a subida livre e a bordinha arco-íris) ========================================================================== */ @media (min-width: 1025px) { .elementor-451 .elementor-element.elementor-element-73e0ec2:hover { /* Sobe usando a folga do teto que a gente deixou */ transform: translateY(-6px) !important; /* A BORDA COLORIDINHA: Injeta o gradiente de 7 cores na carcaça da borda */ border: 1px solid transparent !important; background: linear-gradient(rgba(15, 15, 15, 1), rgba(15, 15, 15, 1)) padding-box, /* Mantém o fundo escuro do card */ linear-gradient(135deg, #FF0000, #FF5C00, #FFC32A, #00CD9C, #00B1EB, #6800CC, #88009F) border-box !important; /* O brilho neon laranja por trás acompanhando o movimento */ box-shadow: 0 15px 40px rgba(255, 92, 0, 0.35) !important; } }/* End custom CSS */ /* Start custom CSS for elementskit-image-box, class: .elementor-element-26dade3 *//* ========================================================================== 1. ESTADO NORMAL (Com o colchão de ar que você descobriu) ========================================================================== */ .elementor-451 .elementor-element.elementor-element-26dade3 { border: 1px solid transparent !important; border-radius: 12px !important; padding: 9px !important; /* O seu gap de segurança para o carrossel não cortar o topo */ margin-top: 6px !important; margin-bottom: 6px !important; /* Deixa o fundo preparado (caso queira o vidro fumê ou transparente) */ background-clip: padding-box !important; /* Transição suave para o movimento */ transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease, border-image 0.4s ease !important; } /* ========================================================================== 2. O EFEITO HOVER (Com a subida livre e a bordinha arco-íris) ========================================================================== */ @media (min-width: 1025px) { .elementor-451 .elementor-element.elementor-element-26dade3:hover { /* Sobe usando a folga do teto que a gente deixou */ transform: translateY(-6px) !important; /* A BORDA COLORIDINHA: Injeta o gradiente de 7 cores na carcaça da borda */ border: 1px solid transparent !important; background: linear-gradient(rgba(15, 15, 15, 1), rgba(15, 15, 15, 1)) padding-box, /* Mantém o fundo escuro do card */ linear-gradient(135deg, #FF0000, #FF5C00, #FFC32A, #00CD9C, #00B1EB, #6800CC, #88009F) border-box !important; /* O brilho neon laranja por trás acompanhando o movimento */ box-shadow: 0 15px 40px rgba(255, 92, 0, 0.35) !important; } }/* End custom CSS */ /* Start custom CSS for elementskit-image-box, class: .elementor-element-602dad0 *//* ========================================================================== 1. ESTADO NORMAL (Com o colchão de ar que você descobriu) ========================================================================== */ .elementor-451 .elementor-element.elementor-element-602dad0 { border: 1px solid transparent !important; border-radius: 12px !important; padding: 9px !important; /* O seu gap de segurança para o carrossel não cortar o topo */ margin-top: 6px !important; margin-bottom: 6px !important; /* Deixa o fundo preparado (caso queira o vidro fumê ou transparente) */ background-clip: padding-box !important; /* Transição suave para o movimento */ transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease, border-image 0.4s ease !important; } /* ========================================================================== 2. O EFEITO HOVER (Com a subida livre e a bordinha arco-íris) ========================================================================== */ @media (min-width: 1025px) { .elementor-451 .elementor-element.elementor-element-602dad0:hover { /* Sobe usando a folga do teto que a gente deixou */ transform: translateY(-6px) !important; /* A BORDA COLORIDINHA: Injeta o gradiente de 7 cores na carcaça da borda */ border: 1px solid transparent !important; background: linear-gradient(rgba(15, 15, 15, 1), rgba(15, 15, 15, 1)) padding-box, /* Mantém o fundo escuro do card */ linear-gradient(135deg, #FF0000, #FF5C00, #FFC32A, #00CD9C, #00B1EB, #6800CC, #88009F) border-box !important; /* O brilho neon laranja por trás acompanhando o movimento */ box-shadow: 0 15px 40px rgba(255, 92, 0, 0.35) !important; } }/* End custom CSS */ /* Start custom CSS for elementskit-image-box, class: .elementor-element-73e0ec2 *//* ========================================================================== 1. ESTADO NORMAL (Com o colchão de ar que você descobriu) ========================================================================== */ .elementor-451 .elementor-element.elementor-element-73e0ec2 { border: 1px solid transparent !important; border-radius: 12px !important; padding: 9px !important; /* O seu gap de segurança para o carrossel não cortar o topo */ margin-top: 6px !important; margin-bottom: 6px !important; /* Deixa o fundo preparado (caso queira o vidro fumê ou transparente) */ background-clip: padding-box !important; /* Transição suave para o movimento */ transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease, border-image 0.4s ease !important; } /* ========================================================================== 2. O EFEITO HOVER (Com a subida livre e a bordinha arco-íris) ========================================================================== */ @media (min-width: 1025px) { .elementor-451 .elementor-element.elementor-element-73e0ec2:hover { /* Sobe usando a folga do teto que a gente deixou */ transform: translateY(-6px) !important; /* A BORDA COLORIDINHA: Injeta o gradiente de 7 cores na carcaça da borda */ border: 1px solid transparent !important; background: linear-gradient(rgba(15, 15, 15, 1), rgba(15, 15, 15, 1)) padding-box, /* Mantém o fundo escuro do card */ linear-gradient(135deg, #FF0000, #FF5C00, #FFC32A, #00CD9C, #00B1EB, #6800CC, #88009F) border-box !important; /* O brilho neon laranja por trás acompanhando o movimento */ box-shadow: 0 15px 40px rgba(255, 92, 0, 0.35) !important; } }/* End custom CSS */ /* Start custom CSS for elementskit-image-box, class: .elementor-element-26dade3 *//* ========================================================================== 1. ESTADO NORMAL (Com o colchão de ar que você descobriu) ========================================================================== */ .elementor-451 .elementor-element.elementor-element-26dade3 { border: 1px solid transparent !important; border-radius: 12px !important; padding: 9px !important; /* O seu gap de segurança para o carrossel não cortar o topo */ margin-top: 6px !important; margin-bottom: 6px !important; /* Deixa o fundo preparado (caso queira o vidro fumê ou transparente) */ background-clip: padding-box !important; /* Transição suave para o movimento */ transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease, border-image 0.4s ease !important; } /* ========================================================================== 2. O EFEITO HOVER (Com a subida livre e a bordinha arco-íris) ========================================================================== */ @media (min-width: 1025px) { .elementor-451 .elementor-element.elementor-element-26dade3:hover { /* Sobe usando a folga do teto que a gente deixou */ transform: translateY(-6px) !important; /* A BORDA COLORIDINHA: Injeta o gradiente de 7 cores na carcaça da borda */ border: 1px solid transparent !important; background: linear-gradient(rgba(15, 15, 15, 1), rgba(15, 15, 15, 1)) padding-box, /* Mantém o fundo escuro do card */ linear-gradient(135deg, #FF0000, #FF5C00, #FFC32A, #00CD9C, #00B1EB, #6800CC, #88009F) border-box !important; /* O brilho neon laranja por trás acompanhando o movimento */ box-shadow: 0 15px 40px rgba(255, 92, 0, 0.35) !important; } }/* End custom CSS */ /* Start custom CSS for elementskit-image-box, class: .elementor-element-602dad0 *//* ========================================================================== 1. ESTADO NORMAL (Com o colchão de ar que você descobriu) ========================================================================== */ .elementor-451 .elementor-element.elementor-element-602dad0 { border: 1px solid transparent !important; border-radius: 12px !important; padding: 9px !important; /* O seu gap de segurança para o carrossel não cortar o topo */ margin-top: 6px !important; margin-bottom: 6px !important; /* Deixa o fundo preparado (caso queira o vidro fumê ou transparente) */ background-clip: padding-box !important; /* Transição suave para o movimento */ transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease, border-image 0.4s ease !important; } /* ========================================================================== 2. O EFEITO HOVER (Com a subida livre e a bordinha arco-íris) ========================================================================== */ @media (min-width: 1025px) { .elementor-451 .elementor-element.elementor-element-602dad0:hover { /* Sobe usando a folga do teto que a gente deixou */ transform: translateY(-6px) !important; /* A BORDA COLORIDINHA: Injeta o gradiente de 7 cores na carcaça da borda */ border: 1px solid transparent !important; background: linear-gradient(rgba(15, 15, 15, 1), rgba(15, 15, 15, 1)) padding-box, /* Mantém o fundo escuro do card */ linear-gradient(135deg, #FF0000, #FF5C00, #FFC32A, #00CD9C, #00B1EB, #6800CC, #88009F) border-box !important; /* O brilho neon laranja por trás acompanhando o movimento */ box-shadow: 0 15px 40px rgba(255, 92, 0, 0.35) !important; } }/* End custom CSS */ /* Start custom CSS for elementskit-image-box, class: .elementor-element-73e0ec2 *//* ========================================================================== 1. ESTADO NORMAL (Com o colchão de ar que você descobriu) ========================================================================== */ .elementor-451 .elementor-element.elementor-element-73e0ec2 { border: 1px solid transparent !important; border-radius: 12px !important; padding: 9px !important; /* O seu gap de segurança para o carrossel não cortar o topo */ margin-top: 6px !important; margin-bottom: 6px !important; /* Deixa o fundo preparado (caso queira o vidro fumê ou transparente) */ background-clip: padding-box !important; /* Transição suave para o movimento */ transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease, border-image 0.4s ease !important; } /* ========================================================================== 2. O EFEITO HOVER (Com a subida livre e a bordinha arco-íris) ========================================================================== */ @media (min-width: 1025px) { .elementor-451 .elementor-element.elementor-element-73e0ec2:hover { /* Sobe usando a folga do teto que a gente deixou */ transform: translateY(-6px) !important; /* A BORDA COLORIDINHA: Injeta o gradiente de 7 cores na carcaça da borda */ border: 1px solid transparent !important; background: linear-gradient(rgba(15, 15, 15, 1), rgba(15, 15, 15, 1)) padding-box, /* Mantém o fundo escuro do card */ linear-gradient(135deg, #FF0000, #FF5C00, #FFC32A, #00CD9C, #00B1EB, #6800CC, #88009F) border-box !important; /* O brilho neon laranja por trás acompanhando o movimento */ box-shadow: 0 15px 40px rgba(255, 92, 0, 0.35) !important; } }/* End custom CSS */ /* Start custom CSS for elementskit-image-box, class: .elementor-element-26dade3 *//* ========================================================================== 1. ESTADO NORMAL (Com o colchão de ar que você descobriu) ========================================================================== */ .elementor-451 .elementor-element.elementor-element-26dade3 { border: 1px solid transparent !important; border-radius: 12px !important; padding: 9px !important; /* O seu gap de segurança para o carrossel não cortar o topo */ margin-top: 6px !important; margin-bottom: 6px !important; /* Deixa o fundo preparado (caso queira o vidro fumê ou transparente) */ background-clip: padding-box !important; /* Transição suave para o movimento */ transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease, border-image 0.4s ease !important; } /* ========================================================================== 2. O EFEITO HOVER (Com a subida livre e a bordinha arco-íris) ========================================================================== */ @media (min-width: 1025px) { .elementor-451 .elementor-element.elementor-element-26dade3:hover { /* Sobe usando a folga do teto que a gente deixou */ transform: translateY(-6px) !important; /* A BORDA COLORIDINHA: Injeta o gradiente de 7 cores na carcaça da borda */ border: 1px solid transparent !important; background: linear-gradient(rgba(15, 15, 15, 1), rgba(15, 15, 15, 1)) padding-box, /* Mantém o fundo escuro do card */ linear-gradient(135deg, #FF0000, #FF5C00, #FFC32A, #00CD9C, #00B1EB, #6800CC, #88009F) border-box !important; /* O brilho neon laranja por trás acompanhando o movimento */ box-shadow: 0 15px 40px rgba(255, 92, 0, 0.35) !important; } }/* End custom CSS */ /* Start custom CSS for elementskit-image-box, class: .elementor-element-602dad0 *//* ========================================================================== 1. ESTADO NORMAL (Com o colchão de ar que você descobriu) ========================================================================== */ .elementor-451 .elementor-element.elementor-element-602dad0 { border: 1px solid transparent !important; border-radius: 12px !important; padding: 9px !important; /* O seu gap de segurança para o carrossel não cortar o topo */ margin-top: 6px !important; margin-bottom: 6px !important; /* Deixa o fundo preparado (caso queira o vidro fumê ou transparente) */ background-clip: padding-box !important; /* Transição suave para o movimento */ transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease, border-image 0.4s ease !important; } /* ========================================================================== 2. O EFEITO HOVER (Com a subida livre e a bordinha arco-íris) ========================================================================== */ @media (min-width: 1025px) { .elementor-451 .elementor-element.elementor-element-602dad0:hover { /* Sobe usando a folga do teto que a gente deixou */ transform: translateY(-6px) !important; /* A BORDA COLORIDINHA: Injeta o gradiente de 7 cores na carcaça da borda */ border: 1px solid transparent !important; background: linear-gradient(rgba(15, 15, 15, 1), rgba(15, 15, 15, 1)) padding-box, /* Mantém o fundo escuro do card */ linear-gradient(135deg, #FF0000, #FF5C00, #FFC32A, #00CD9C, #00B1EB, #6800CC, #88009F) border-box !important; /* O brilho neon laranja por trás acompanhando o movimento */ box-shadow: 0 15px 40px rgba(255, 92, 0, 0.35) !important; } }/* End custom CSS */ /* Start custom CSS for elementskit-image-box, class: .elementor-element-73e0ec2 *//* ========================================================================== 1. ESTADO NORMAL (Com o colchão de ar que você descobriu) ========================================================================== */ .elementor-451 .elementor-element.elementor-element-73e0ec2 { border: 1px solid transparent !important; border-radius: 12px !important; padding: 9px !important; /* O seu gap de segurança para o carrossel não cortar o topo */ margin-top: 6px !important; margin-bottom: 6px !important; /* Deixa o fundo preparado (caso queira o vidro fumê ou transparente) */ background-clip: padding-box !important; /* Transição suave para o movimento */ transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease, border-image 0.4s ease !important; } /* ========================================================================== 2. O EFEITO HOVER (Com a subida livre e a bordinha arco-íris) ========================================================================== */ @media (min-width: 1025px) { .elementor-451 .elementor-element.elementor-element-73e0ec2:hover { /* Sobe usando a folga do teto que a gente deixou */ transform: translateY(-6px) !important; /* A BORDA COLORIDINHA: Injeta o gradiente de 7 cores na carcaça da borda */ border: 1px solid transparent !important; background: linear-gradient(rgba(15, 15, 15, 1), rgba(15, 15, 15, 1)) padding-box, /* Mantém o fundo escuro do card */ linear-gradient(135deg, #FF0000, #FF5C00, #FFC32A, #00CD9C, #00B1EB, #6800CC, #88009F) border-box !important; /* O brilho neon laranja por trás acompanhando o movimento */ box-shadow: 0 15px 40px rgba(255, 92, 0, 0.35) !important; } }/* End custom CSS */ /* Start custom CSS for elementskit-image-box, class: .elementor-element-26dade3 *//* ========================================================================== 1. ESTADO NORMAL (Com o colchão de ar que você descobriu) ========================================================================== */ .elementor-451 .elementor-element.elementor-element-26dade3 { border: 1px solid transparent !important; border-radius: 12px !important; padding: 9px !important; /* O seu gap de segurança para o carrossel não cortar o topo */ margin-top: 6px !important; margin-bottom: 6px !important; /* Deixa o fundo preparado (caso queira o vidro fumê ou transparente) */ background-clip: padding-box !important; /* Transição suave para o movimento */ transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease, border-image 0.4s ease !important; } /* ========================================================================== 2. O EFEITO HOVER (Com a subida livre e a bordinha arco-íris) ========================================================================== */ @media (min-width: 1025px) { .elementor-451 .elementor-element.elementor-element-26dade3:hover { /* Sobe usando a folga do teto que a gente deixou */ transform: translateY(-6px) !important; /* A BORDA COLORIDINHA: Injeta o gradiente de 7 cores na carcaça da borda */ border: 1px solid transparent !important; background: linear-gradient(rgba(15, 15, 15, 1), rgba(15, 15, 15, 1)) padding-box, /* Mantém o fundo escuro do card */ linear-gradient(135deg, #FF0000, #FF5C00, #FFC32A, #00CD9C, #00B1EB, #6800CC, #88009F) border-box !important; /* O brilho neon laranja por trás acompanhando o movimento */ box-shadow: 0 15px 40px rgba(255, 92, 0, 0.35) !important; } }/* End custom CSS */ /* Start custom CSS for elementskit-image-box, class: .elementor-element-375c522 *//* ========================================================================== 1. ESTADO NORMAL (Com o colchão de ar que você descobriu) ========================================================================== */ .elementor-451 .elementor-element.elementor-element-375c522 { border: 1px solid transparent !important; border-radius: 12px !important; padding: 9px !important; /* O seu gap de segurança para o carrossel não cortar o topo */ margin-top: 6px !important; margin-bottom: 6px !important; /* Deixa o fundo preparado (caso queira o vidro fumê ou transparente) */ background-clip: padding-box !important; /* Transição suave para o movimento */ transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease, border-image 0.4s ease !important; } /* ========================================================================== 2. O EFEITO HOVER (Com a subida livre e a bordinha arco-íris) ========================================================================== */ @media (min-width: 1025px) { .elementor-451 .elementor-element.elementor-element-375c522:hover { /* Sobe usando a folga do teto que a gente deixou */ transform: translateY(-6px) !important; /* A BORDA COLORIDINHA: Injeta o gradiente de 7 cores na carcaça da borda */ border: 1px solid transparent !important; background: linear-gradient(rgba(15, 15, 15, 1), rgba(15, 15, 15, 1)) padding-box, /* Mantém o fundo escuro do card */ linear-gradient(135deg, #FF0000, #FF5C00, #FFC32A, #00CD9C, #00B1EB, #6800CC, #88009F) border-box !important; /* O brilho neon laranja por trás acompanhando o movimento */ box-shadow: 0 15px 40px rgba(255, 92, 0, 0.35) !important; } }/* End custom CSS */ /* Start custom CSS for elementskit-image-box, class: .elementor-element-9ce9098 *//* ========================================================================== 1. ESTADO NORMAL (Com o colchão de ar que você descobriu) ========================================================================== */ .elementor-451 .elementor-element.elementor-element-9ce9098 { border: 1px solid transparent !important; border-radius: 12px !important; padding: 9px !important; /* O seu gap de segurança para o carrossel não cortar o topo */ margin-top: 6px !important; margin-bottom: 6px !important; /* Deixa o fundo preparado (caso queira o vidro fumê ou transparente) */ background-clip: padding-box !important; /* Transição suave para o movimento */ transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease, border-image 0.4s ease !important; } /* ========================================================================== 2. O EFEITO HOVER (Com a subida livre e a bordinha arco-íris) ========================================================================== */ @media (min-width: 1025px) { .elementor-451 .elementor-element.elementor-element-9ce9098:hover { /* Sobe usando a folga do teto que a gente deixou */ transform: translateY(-6px) !important; /* A BORDA COLORIDINHA: Injeta o gradiente de 7 cores na carcaça da borda */ border: 1px solid transparent !important; background: linear-gradient(rgba(15, 15, 15, 1), rgba(15, 15, 15, 1)) padding-box, /* Mantém o fundo escuro do card */ linear-gradient(135deg, #FF0000, #FF5C00, #FFC32A, #00CD9C, #00B1EB, #6800CC, #88009F) border-box !important; /* O brilho neon laranja por trás acompanhando o movimento */ box-shadow: 0 15px 40px rgba(255, 92, 0, 0.35) !important; } }/* End custom CSS */ /* Start custom CSS for elementskit-image-box, class: .elementor-element-92b588b *//* ========================================================================== 1. ESTADO NORMAL (Com o colchão de ar que você descobriu) ========================================================================== */ .elementor-451 .elementor-element.elementor-element-92b588b { border: 1px solid transparent !important; border-radius: 12px !important; padding: 9px !important; /* O seu gap de segurança para o carrossel não cortar o topo */ margin-top: 6px !important; margin-bottom: 6px !important; /* Deixa o fundo preparado (caso queira o vidro fumê ou transparente) */ background-clip: padding-box !important; /* Transição suave para o movimento */ transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease, border-image 0.4s ease !important; } /* ========================================================================== 2. O EFEITO HOVER (Com a subida livre e a bordinha arco-íris) ========================================================================== */ @media (min-width: 1025px) { .elementor-451 .elementor-element.elementor-element-92b588b:hover { /* Sobe usando a folga do teto que a gente deixou */ transform: translateY(-6px) !important; /* A BORDA COLORIDINHA: Injeta o gradiente de 7 cores na carcaça da borda */ border: 1px solid transparent !important; background: linear-gradient(rgba(15, 15, 15, 1), rgba(15, 15, 15, 1)) padding-box, /* Mantém o fundo escuro do card */ linear-gradient(135deg, #FF0000, #FF5C00, #FFC32A, #00CD9C, #00B1EB, #6800CC, #88009F) border-box !important; /* O brilho neon laranja por trás acompanhando o movimento */ box-shadow: 0 15px 40px rgba(255, 92, 0, 0.35) !important; } }/* End custom CSS */ /* Start custom CSS for elementskit-image-box, class: .elementor-element-a31c26b *//* ========================================================================== 1. ESTADO NORMAL (Com o colchão de ar que você descobriu) ========================================================================== */ .elementor-451 .elementor-element.elementor-element-a31c26b { border: 1px solid transparent !important; border-radius: 12px !important; padding: 9px !important; /* O seu gap de segurança para o carrossel não cortar o topo */ margin-top: 6px !important; margin-bottom: 6px !important; /* Deixa o fundo preparado (caso queira o vidro fumê ou transparente) */ background-clip: padding-box !important; /* Transição suave para o movimento */ transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease, border-image 0.4s ease !important; } /* ========================================================================== 2. O EFEITO HOVER (Com a subida livre e a bordinha arco-íris) ========================================================================== */ @media (min-width: 1025px) { .elementor-451 .elementor-element.elementor-element-a31c26b:hover { /* Sobe usando a folga do teto que a gente deixou */ transform: translateY(-6px) !important; /* A BORDA COLORIDINHA: Injeta o gradiente de 7 cores na carcaça da borda */ border: 1px solid transparent !important; background: linear-gradient(rgba(15, 15, 15, 1), rgba(15, 15, 15, 1)) padding-box, /* Mantém o fundo escuro do card */ linear-gradient(135deg, #FF0000, #FF5C00, #FFC32A, #00CD9C, #00B1EB, #6800CC, #88009F) border-box !important; /* O brilho neon laranja por trás acompanhando o movimento */ box-shadow: 0 15px 40px rgba(255, 92, 0, 0.35) !important; } }/* End custom CSS */ /* Start custom CSS for elementskit-image-box, class: .elementor-element-e590c58 *//* ========================================================================== 1. ESTADO NORMAL (Com o colchão de ar que você descobriu) ========================================================================== */ .elementor-451 .elementor-element.elementor-element-e590c58 { border: 1px solid transparent !important; border-radius: 12px !important; padding: 9px !important; /* O seu gap de segurança para o carrossel não cortar o topo */ margin-top: 6px !important; margin-bottom: 6px !important; /* Deixa o fundo preparado (caso queira o vidro fumê ou transparente) */ background-clip: padding-box !important; /* Transição suave para o movimento */ transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease, border-image 0.4s ease !important; } /* ========================================================================== 2. O EFEITO HOVER (Com a subida livre e a bordinha arco-íris) ========================================================================== */ @media (min-width: 1025px) { .elementor-451 .elementor-element.elementor-element-e590c58:hover { /* Sobe usando a folga do teto que a gente deixou */ transform: translateY(-6px) !important; /* A BORDA COLORIDINHA: Injeta o gradiente de 7 cores na carcaça da borda */ border: 1px solid transparent !important; background: linear-gradient(rgba(15, 15, 15, 1), rgba(15, 15, 15, 1)) padding-box, /* Mantém o fundo escuro do card */ linear-gradient(135deg, #FF0000, #FF5C00, #FFC32A, #00CD9C, #00B1EB, #6800CC, #88009F) border-box !important; /* O brilho neon laranja por trás acompanhando o movimento */ box-shadow: 0 15px 40px rgba(255, 92, 0, 0.35) !important; } }/* End custom CSS */ /* Start custom CSS for elementskit-image-box, class: .elementor-element-375c522 *//* ========================================================================== 1. ESTADO NORMAL (Com o colchão de ar que você descobriu) ========================================================================== */ .elementor-451 .elementor-element.elementor-element-375c522 { border: 1px solid transparent !important; border-radius: 12px !important; padding: 9px !important; /* O seu gap de segurança para o carrossel não cortar o topo */ margin-top: 6px !important; margin-bottom: 6px !important; /* Deixa o fundo preparado (caso queira o vidro fumê ou transparente) */ background-clip: padding-box !important; /* Transição suave para o movimento */ transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease, border-image 0.4s ease !important; } /* ========================================================================== 2. O EFEITO HOVER (Com a subida livre e a bordinha arco-íris) ========================================================================== */ @media (min-width: 1025px) { .elementor-451 .elementor-element.elementor-element-375c522:hover { /* Sobe usando a folga do teto que a gente deixou */ transform: translateY(-6px) !important; /* A BORDA COLORIDINHA: Injeta o gradiente de 7 cores na carcaça da borda */ border: 1px solid transparent !important; background: linear-gradient(rgba(15, 15, 15, 1), rgba(15, 15, 15, 1)) padding-box, /* Mantém o fundo escuro do card */ linear-gradient(135deg, #FF0000, #FF5C00, #FFC32A, #00CD9C, #00B1EB, #6800CC, #88009F) border-box !important; /* O brilho neon laranja por trás acompanhando o movimento */ box-shadow: 0 15px 40px rgba(255, 92, 0, 0.35) !important; } }/* End custom CSS */ /* Start custom CSS for elementskit-image-box, class: .elementor-element-9ce9098 *//* ========================================================================== 1. ESTADO NORMAL (Com o colchão de ar que você descobriu) ========================================================================== */ .elementor-451 .elementor-element.elementor-element-9ce9098 { border: 1px solid transparent !important; border-radius: 12px !important; padding: 9px !important; /* O seu gap de segurança para o carrossel não cortar o topo */ margin-top: 6px !important; margin-bottom: 6px !important; /* Deixa o fundo preparado (caso queira o vidro fumê ou transparente) */ background-clip: padding-box !important; /* Transição suave para o movimento */ transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease, border-image 0.4s ease !important; } /* ========================================================================== 2. O EFEITO HOVER (Com a subida livre e a bordinha arco-íris) ========================================================================== */ @media (min-width: 1025px) { .elementor-451 .elementor-element.elementor-element-9ce9098:hover { /* Sobe usando a folga do teto que a gente deixou */ transform: translateY(-6px) !important; /* A BORDA COLORIDINHA: Injeta o gradiente de 7 cores na carcaça da borda */ border: 1px solid transparent !important; background: linear-gradient(rgba(15, 15, 15, 1), rgba(15, 15, 15, 1)) padding-box, /* Mantém o fundo escuro do card */ linear-gradient(135deg, #FF0000, #FF5C00, #FFC32A, #00CD9C, #00B1EB, #6800CC, #88009F) border-box !important; /* O brilho neon laranja por trás acompanhando o movimento */ box-shadow: 0 15px 40px rgba(255, 92, 0, 0.35) !important; } }/* End custom CSS */ /* Start custom CSS for elementskit-image-box, class: .elementor-element-92b588b *//* ========================================================================== 1. ESTADO NORMAL (Com o colchão de ar que você descobriu) ========================================================================== */ .elementor-451 .elementor-element.elementor-element-92b588b { border: 1px solid transparent !important; border-radius: 12px !important; padding: 9px !important; /* O seu gap de segurança para o carrossel não cortar o topo */ margin-top: 6px !important; margin-bottom: 6px !important; /* Deixa o fundo preparado (caso queira o vidro fumê ou transparente) */ background-clip: padding-box !important; /* Transição suave para o movimento */ transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease, border-image 0.4s ease !important; } /* ========================================================================== 2. O EFEITO HOVER (Com a subida livre e a bordinha arco-íris) ========================================================================== */ @media (min-width: 1025px) { .elementor-451 .elementor-element.elementor-element-92b588b:hover { /* Sobe usando a folga do teto que a gente deixou */ transform: translateY(-6px) !important; /* A BORDA COLORIDINHA: Injeta o gradiente de 7 cores na carcaça da borda */ border: 1px solid transparent !important; background: linear-gradient(rgba(15, 15, 15, 1), rgba(15, 15, 15, 1)) padding-box, /* Mantém o fundo escuro do card */ linear-gradient(135deg, #FF0000, #FF5C00, #FFC32A, #00CD9C, #00B1EB, #6800CC, #88009F) border-box !important; /* O brilho neon laranja por trás acompanhando o movimento */ box-shadow: 0 15px 40px rgba(255, 92, 0, 0.35) !important; } }/* End custom CSS */ /* Start custom CSS for elementskit-image-box, class: .elementor-element-a31c26b *//* ========================================================================== 1. ESTADO NORMAL (Com o colchão de ar que você descobriu) ========================================================================== */ .elementor-451 .elementor-element.elementor-element-a31c26b { border: 1px solid transparent !important; border-radius: 12px !important; padding: 9px !important; /* O seu gap de segurança para o carrossel não cortar o topo */ margin-top: 6px !important; margin-bottom: 6px !important; /* Deixa o fundo preparado (caso queira o vidro fumê ou transparente) */ background-clip: padding-box !important; /* Transição suave para o movimento */ transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease, border-image 0.4s ease !important; } /* ========================================================================== 2. O EFEITO HOVER (Com a subida livre e a bordinha arco-íris) ========================================================================== */ @media (min-width: 1025px) { .elementor-451 .elementor-element.elementor-element-a31c26b:hover { /* Sobe usando a folga do teto que a gente deixou */ transform: translateY(-6px) !important; /* A BORDA COLORIDINHA: Injeta o gradiente de 7 cores na carcaça da borda */ border: 1px solid transparent !important; background: linear-gradient(rgba(15, 15, 15, 1), rgba(15, 15, 15, 1)) padding-box, /* Mantém o fundo escuro do card */ linear-gradient(135deg, #FF0000, #FF5C00, #FFC32A, #00CD9C, #00B1EB, #6800CC, #88009F) border-box !important; /* O brilho neon laranja por trás acompanhando o movimento */ box-shadow: 0 15px 40px rgba(255, 92, 0, 0.35) !important; } }/* End custom CSS */ /* Start custom CSS for elementskit-image-box, class: .elementor-element-e590c58 *//* ========================================================================== 1. ESTADO NORMAL (Com o colchão de ar que você descobriu) ========================================================================== */ .elementor-451 .elementor-element.elementor-element-e590c58 { border: 1px solid transparent !important; border-radius: 12px !important; padding: 9px !important; /* O seu gap de segurança para o carrossel não cortar o topo */ margin-top: 6px !important; margin-bottom: 6px !important; /* Deixa o fundo preparado (caso queira o vidro fumê ou transparente) */ background-clip: padding-box !important; /* Transição suave para o movimento */ transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease, border-image 0.4s ease !important; } /* ========================================================================== 2. O EFEITO HOVER (Com a subida livre e a bordinha arco-íris) ========================================================================== */ @media (min-width: 1025px) { .elementor-451 .elementor-element.elementor-element-e590c58:hover { /* Sobe usando a folga do teto que a gente deixou */ transform: translateY(-6px) !important; /* A BORDA COLORIDINHA: Injeta o gradiente de 7 cores na carcaça da borda */ border: 1px solid transparent !important; background: linear-gradient(rgba(15, 15, 15, 1), rgba(15, 15, 15, 1)) padding-box, /* Mantém o fundo escuro do card */ linear-gradient(135deg, #FF0000, #FF5C00, #FFC32A, #00CD9C, #00B1EB, #6800CC, #88009F) border-box !important; /* O brilho neon laranja por trás acompanhando o movimento */ box-shadow: 0 15px 40px rgba(255, 92, 0, 0.35) !important; } }/* End custom CSS */ /* Start custom CSS for elementskit-image-box, class: .elementor-element-375c522 *//* ========================================================================== 1. ESTADO NORMAL (Com o colchão de ar que você descobriu) ========================================================================== */ .elementor-451 .elementor-element.elementor-element-375c522 { border: 1px solid transparent !important; border-radius: 12px !important; padding: 9px !important; /* O seu gap de segurança para o carrossel não cortar o topo */ margin-top: 6px !important; margin-bottom: 6px !important; /* Deixa o fundo preparado (caso queira o vidro fumê ou transparente) */ background-clip: padding-box !important; /* Transição suave para o movimento */ transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease, border-image 0.4s ease !important; } /* ========================================================================== 2. O EFEITO HOVER (Com a subida livre e a bordinha arco-íris) ========================================================================== */ @media (min-width: 1025px) { .elementor-451 .elementor-element.elementor-element-375c522:hover { /* Sobe usando a folga do teto que a gente deixou */ transform: translateY(-6px) !important; /* A BORDA COLORIDINHA: Injeta o gradiente de 7 cores na carcaça da borda */ border: 1px solid transparent !important; background: linear-gradient(rgba(15, 15, 15, 1), rgba(15, 15, 15, 1)) padding-box, /* Mantém o fundo escuro do card */ linear-gradient(135deg, #FF0000, #FF5C00, #FFC32A, #00CD9C, #00B1EB, #6800CC, #88009F) border-box !important; /* O brilho neon laranja por trás acompanhando o movimento */ box-shadow: 0 15px 40px rgba(255, 92, 0, 0.35) !important; } }/* End custom CSS */ /* Start custom CSS for elementskit-image-box, class: .elementor-element-9ce9098 *//* ========================================================================== 1. ESTADO NORMAL (Com o colchão de ar que você descobriu) ========================================================================== */ .elementor-451 .elementor-element.elementor-element-9ce9098 { border: 1px solid transparent !important; border-radius: 12px !important; padding: 9px !important; /* O seu gap de segurança para o carrossel não cortar o topo */ margin-top: 6px !important; margin-bottom: 6px !important; /* Deixa o fundo preparado (caso queira o vidro fumê ou transparente) */ background-clip: padding-box !important; /* Transição suave para o movimento */ transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease, border-image 0.4s ease !important; } /* ========================================================================== 2. O EFEITO HOVER (Com a subida livre e a bordinha arco-íris) ========================================================================== */ @media (min-width: 1025px) { .elementor-451 .elementor-element.elementor-element-9ce9098:hover { /* Sobe usando a folga do teto que a gente deixou */ transform: translateY(-6px) !important; /* A BORDA COLORIDINHA: Injeta o gradiente de 7 cores na carcaça da borda */ border: 1px solid transparent !important; background: linear-gradient(rgba(15, 15, 15, 1), rgba(15, 15, 15, 1)) padding-box, /* Mantém o fundo escuro do card */ linear-gradient(135deg, #FF0000, #FF5C00, #FFC32A, #00CD9C, #00B1EB, #6800CC, #88009F) border-box !important; /* O brilho neon laranja por trás acompanhando o movimento */ box-shadow: 0 15px 40px rgba(255, 92, 0, 0.35) !important; } }/* End custom CSS */ /* Start custom CSS for elementskit-image-box, class: .elementor-element-92b588b *//* ========================================================================== 1. ESTADO NORMAL (Com o colchão de ar que você descobriu) ========================================================================== */ .elementor-451 .elementor-element.elementor-element-92b588b { border: 1px solid transparent !important; border-radius: 12px !important; padding: 9px !important; /* O seu gap de segurança para o carrossel não cortar o topo */ margin-top: 6px !important; margin-bottom: 6px !important; /* Deixa o fundo preparado (caso queira o vidro fumê ou transparente) */ background-clip: padding-box !important; /* Transição suave para o movimento */ transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease, border-image 0.4s ease !important; } /* ========================================================================== 2. O EFEITO HOVER (Com a subida livre e a bordinha arco-íris) ========================================================================== */ @media (min-width: 1025px) { .elementor-451 .elementor-element.elementor-element-92b588b:hover { /* Sobe usando a folga do teto que a gente deixou */ transform: translateY(-6px) !important; /* A BORDA COLORIDINHA: Injeta o gradiente de 7 cores na carcaça da borda */ border: 1px solid transparent !important; background: linear-gradient(rgba(15, 15, 15, 1), rgba(15, 15, 15, 1)) padding-box, /* Mantém o fundo escuro do card */ linear-gradient(135deg, #FF0000, #FF5C00, #FFC32A, #00CD9C, #00B1EB, #6800CC, #88009F) border-box !important; /* O brilho neon laranja por trás acompanhando o movimento */ box-shadow: 0 15px 40px rgba(255, 92, 0, 0.35) !important; } }/* End custom CSS */ /* Start custom CSS for elementskit-image-box, class: .elementor-element-a31c26b *//* ========================================================================== 1. ESTADO NORMAL (Com o colchão de ar que você descobriu) ========================================================================== */ .elementor-451 .elementor-element.elementor-element-a31c26b { border: 1px solid transparent !important; border-radius: 12px !important; padding: 9px !important; /* O seu gap de segurança para o carrossel não cortar o topo */ margin-top: 6px !important; margin-bottom: 6px !important; /* Deixa o fundo preparado (caso queira o vidro fumê ou transparente) */ background-clip: padding-box !important; /* Transição suave para o movimento */ transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease, border-image 0.4s ease !important; } /* ========================================================================== 2. O EFEITO HOVER (Com a subida livre e a bordinha arco-íris) ========================================================================== */ @media (min-width: 1025px) { .elementor-451 .elementor-element.elementor-element-a31c26b:hover { /* Sobe usando a folga do teto que a gente deixou */ transform: translateY(-6px) !important; /* A BORDA COLORIDINHA: Injeta o gradiente de 7 cores na carcaça da borda */ border: 1px solid transparent !important; background: linear-gradient(rgba(15, 15, 15, 1), rgba(15, 15, 15, 1)) padding-box, /* Mantém o fundo escuro do card */ linear-gradient(135deg, #FF0000, #FF5C00, #FFC32A, #00CD9C, #00B1EB, #6800CC, #88009F) border-box !important; /* O brilho neon laranja por trás acompanhando o movimento */ box-shadow: 0 15px 40px rgba(255, 92, 0, 0.35) !important; } }/* End custom CSS */ /* Start custom CSS for elementskit-image-box, class: .elementor-element-e590c58 *//* ========================================================================== 1. ESTADO NORMAL (Com o colchão de ar que você descobriu) ========================================================================== */ .elementor-451 .elementor-element.elementor-element-e590c58 { border: 1px solid transparent !important; border-radius: 12px !important; padding: 9px !important; /* O seu gap de segurança para o carrossel não cortar o topo */ margin-top: 6px !important; margin-bottom: 6px !important; /* Deixa o fundo preparado (caso queira o vidro fumê ou transparente) */ background-clip: padding-box !important; /* Transição suave para o movimento */ transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease, border-image 0.4s ease !important; } /* ========================================================================== 2. O EFEITO HOVER (Com a subida livre e a bordinha arco-íris) ========================================================================== */ @media (min-width: 1025px) { .elementor-451 .elementor-element.elementor-element-e590c58:hover { /* Sobe usando a folga do teto que a gente deixou */ transform: translateY(-6px) !important; /* A BORDA COLORIDINHA: Injeta o gradiente de 7 cores na carcaça da borda */ border: 1px solid transparent !important; background: linear-gradient(rgba(15, 15, 15, 1), rgba(15, 15, 15, 1)) padding-box, /* Mantém o fundo escuro do card */ linear-gradient(135deg, #FF0000, #FF5C00, #FFC32A, #00CD9C, #00B1EB, #6800CC, #88009F) border-box !important; /* O brilho neon laranja por trás acompanhando o movimento */ box-shadow: 0 15px 40px rgba(255, 92, 0, 0.35) !important; } }/* End custom CSS */ /* Start custom CSS for elementskit-image-box, class: .elementor-element-375c522 *//* ========================================================================== 1. ESTADO NORMAL (Com o colchão de ar que você descobriu) ========================================================================== */ .elementor-451 .elementor-element.elementor-element-375c522 { border: 1px solid transparent !important; border-radius: 12px !important; padding: 9px !important; /* O seu gap de segurança para o carrossel não cortar o topo */ margin-top: 6px !important; margin-bottom: 6px !important; /* Deixa o fundo preparado (caso queira o vidro fumê ou transparente) */ background-clip: padding-box !important; /* Transição suave para o movimento */ transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease, border-image 0.4s ease !important; } /* ========================================================================== 2. O EFEITO HOVER (Com a subida livre e a bordinha arco-íris) ========================================================================== */ @media (min-width: 1025px) { .elementor-451 .elementor-element.elementor-element-375c522:hover { /* Sobe usando a folga do teto que a gente deixou */ transform: translateY(-6px) !important; /* A BORDA COLORIDINHA: Injeta o gradiente de 7 cores na carcaça da borda */ border: 1px solid transparent !important; background: linear-gradient(rgba(15, 15, 15, 1), rgba(15, 15, 15, 1)) padding-box, /* Mantém o fundo escuro do card */ linear-gradient(135deg, #FF0000, #FF5C00, #FFC32A, #00CD9C, #00B1EB, #6800CC, #88009F) border-box !important; /* O brilho neon laranja por trás acompanhando o movimento */ box-shadow: 0 15px 40px rgba(255, 92, 0, 0.35) !important; } }/* End custom CSS */ /* Start custom CSS for elementskit-image-box, class: .elementor-element-9ce9098 *//* ========================================================================== 1. ESTADO NORMAL (Com o colchão de ar que você descobriu) ========================================================================== */ .elementor-451 .elementor-element.elementor-element-9ce9098 { border: 1px solid transparent !important; border-radius: 12px !important; padding: 9px !important; /* O seu gap de segurança para o carrossel não cortar o topo */ margin-top: 6px !important; margin-bottom: 6px !important; /* Deixa o fundo preparado (caso queira o vidro fumê ou transparente) */ background-clip: padding-box !important; /* Transição suave para o movimento */ transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease, border-image 0.4s ease !important; } /* ========================================================================== 2. O EFEITO HOVER (Com a subida livre e a bordinha arco-íris) ========================================================================== */ @media (min-width: 1025px) { .elementor-451 .elementor-element.elementor-element-9ce9098:hover { /* Sobe usando a folga do teto que a gente deixou */ transform: translateY(-6px) !important; /* A BORDA COLORIDINHA: Injeta o gradiente de 7 cores na carcaça da borda */ border: 1px solid transparent !important; background: linear-gradient(rgba(15, 15, 15, 1), rgba(15, 15, 15, 1)) padding-box, /* Mantém o fundo escuro do card */ linear-gradient(135deg, #FF0000, #FF5C00, #FFC32A, #00CD9C, #00B1EB, #6800CC, #88009F) border-box !important; /* O brilho neon laranja por trás acompanhando o movimento */ box-shadow: 0 15px 40px rgba(255, 92, 0, 0.35) !important; } }/* End custom CSS */ /* Start custom CSS for elementskit-image-box, class: .elementor-element-92b588b *//* ========================================================================== 1. ESTADO NORMAL (Com o colchão de ar que você descobriu) ========================================================================== */ .elementor-451 .elementor-element.elementor-element-92b588b { border: 1px solid transparent !important; border-radius: 12px !important; padding: 9px !important; /* O seu gap de segurança para o carrossel não cortar o topo */ margin-top: 6px !important; margin-bottom: 6px !important; /* Deixa o fundo preparado (caso queira o vidro fumê ou transparente) */ background-clip: padding-box !important; /* Transição suave para o movimento */ transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease, border-image 0.4s ease !important; } /* ========================================================================== 2. O EFEITO HOVER (Com a subida livre e a bordinha arco-íris) ========================================================================== */ @media (min-width: 1025px) { .elementor-451 .elementor-element.elementor-element-92b588b:hover { /* Sobe usando a folga do teto que a gente deixou */ transform: translateY(-6px) !important; /* A BORDA COLORIDINHA: Injeta o gradiente de 7 cores na carcaça da borda */ border: 1px solid transparent !important; background: linear-gradient(rgba(15, 15, 15, 1), rgba(15, 15, 15, 1)) padding-box, /* Mantém o fundo escuro do card */ linear-gradient(135deg, #FF0000, #FF5C00, #FFC32A, #00CD9C, #00B1EB, #6800CC, #88009F) border-box !important; /* O brilho neon laranja por trás acompanhando o movimento */ box-shadow: 0 15px 40px rgba(255, 92, 0, 0.35) !important; } }/* End custom CSS */ /* Start custom CSS for elementskit-image-box, class: .elementor-element-a31c26b *//* ========================================================================== 1. ESTADO NORMAL (Com o colchão de ar que você descobriu) ========================================================================== */ .elementor-451 .elementor-element.elementor-element-a31c26b { border: 1px solid transparent !important; border-radius: 12px !important; padding: 9px !important; /* O seu gap de segurança para o carrossel não cortar o topo */ margin-top: 6px !important; margin-bottom: 6px !important; /* Deixa o fundo preparado (caso queira o vidro fumê ou transparente) */ background-clip: padding-box !important; /* Transição suave para o movimento */ transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease, border-image 0.4s ease !important; } /* ========================================================================== 2. O EFEITO HOVER (Com a subida livre e a bordinha arco-íris) ========================================================================== */ @media (min-width: 1025px) { .elementor-451 .elementor-element.elementor-element-a31c26b:hover { /* Sobe usando a folga do teto que a gente deixou */ transform: translateY(-6px) !important; /* A BORDA COLORIDINHA: Injeta o gradiente de 7 cores na carcaça da borda */ border: 1px solid transparent !important; background: linear-gradient(rgba(15, 15, 15, 1), rgba(15, 15, 15, 1)) padding-box, /* Mantém o fundo escuro do card */ linear-gradient(135deg, #FF0000, #FF5C00, #FFC32A, #00CD9C, #00B1EB, #6800CC, #88009F) border-box !important; /* O brilho neon laranja por trás acompanhando o movimento */ box-shadow: 0 15px 40px rgba(255, 92, 0, 0.35) !important; } }/* End custom CSS */ /* Start custom CSS for elementskit-image-box, class: .elementor-element-e590c58 *//* ========================================================================== 1. ESTADO NORMAL (Com o colchão de ar que você descobriu) ========================================================================== */ .elementor-451 .elementor-element.elementor-element-e590c58 { border: 1px solid transparent !important; border-radius: 12px !important; padding: 9px !important; /* O seu gap de segurança para o carrossel não cortar o topo */ margin-top: 6px !important; margin-bottom: 6px !important; /* Deixa o fundo preparado (caso queira o vidro fumê ou transparente) */ background-clip: padding-box !important; /* Transição suave para o movimento */ transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease, border-image 0.4s ease !important; } /* ========================================================================== 2. O EFEITO HOVER (Com a subida livre e a bordinha arco-íris) ========================================================================== */ @media (min-width: 1025px) { .elementor-451 .elementor-element.elementor-element-e590c58:hover { /* Sobe usando a folga do teto que a gente deixou */ transform: translateY(-6px) !important; /* A BORDA COLORIDINHA: Injeta o gradiente de 7 cores na carcaça da borda */ border: 1px solid transparent !important; background: linear-gradient(rgba(15, 15, 15, 1), rgba(15, 15, 15, 1)) padding-box, /* Mantém o fundo escuro do card */ linear-gradient(135deg, #FF0000, #FF5C00, #FFC32A, #00CD9C, #00B1EB, #6800CC, #88009F) border-box !important; /* O brilho neon laranja por trás acompanhando o movimento */ box-shadow: 0 15px 40px rgba(255, 92, 0, 0.35) !important; } }/* End custom CSS */ /* Start custom CSS for elementskit-image-box, class: .elementor-element-375c522 *//* ========================================================================== 1. ESTADO NORMAL (Com o colchão de ar que você descobriu) ========================================================================== */ .elementor-451 .elementor-element.elementor-element-375c522 { border: 1px solid transparent !important; border-radius: 12px !important; padding: 9px !important; /* O seu gap de segurança para o carrossel não cortar o topo */ margin-top: 6px !important; margin-bottom: 6px !important; /* Deixa o fundo preparado (caso queira o vidro fumê ou transparente) */ background-clip: padding-box !important; /* Transição suave para o movimento */ transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease, border-image 0.4s ease !important; } /* ========================================================================== 2. O EFEITO HOVER (Com a subida livre e a bordinha arco-íris) ========================================================================== */ @media (min-width: 1025px) { .elementor-451 .elementor-element.elementor-element-375c522:hover { /* Sobe usando a folga do teto que a gente deixou */ transform: translateY(-6px) !important; /* A BORDA COLORIDINHA: Injeta o gradiente de 7 cores na carcaça da borda */ border: 1px solid transparent !important; background: linear-gradient(rgba(15, 15, 15, 1), rgba(15, 15, 15, 1)) padding-box, /* Mantém o fundo escuro do card */ linear-gradient(135deg, #FF0000, #FF5C00, #FFC32A, #00CD9C, #00B1EB, #6800CC, #88009F) border-box !important; /* O brilho neon laranja por trás acompanhando o movimento */ box-shadow: 0 15px 40px rgba(255, 92, 0, 0.35) !important; } }/* End custom CSS */ /* Start custom CSS for elementskit-image-box, class: .elementor-element-9ce9098 *//* ========================================================================== 1. ESTADO NORMAL (Com o colchão de ar que você descobriu) ========================================================================== */ .elementor-451 .elementor-element.elementor-element-9ce9098 { border: 1px solid transparent !important; border-radius: 12px !important; padding: 9px !important; /* O seu gap de segurança para o carrossel não cortar o topo */ margin-top: 6px !important; margin-bottom: 6px !important; /* Deixa o fundo preparado (caso queira o vidro fumê ou transparente) */ background-clip: padding-box !important; /* Transição suave para o movimento */ transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease, border-image 0.4s ease !important; } /* ========================================================================== 2. O EFEITO HOVER (Com a subida livre e a bordinha arco-íris) ========================================================================== */ @media (min-width: 1025px) { .elementor-451 .elementor-element.elementor-element-9ce9098:hover { /* Sobe usando a folga do teto que a gente deixou */ transform: translateY(-6px) !important; /* A BORDA COLORIDINHA: Injeta o gradiente de 7 cores na carcaça da borda */ border: 1px solid transparent !important; background: linear-gradient(rgba(15, 15, 15, 1), rgba(15, 15, 15, 1)) padding-box, /* Mantém o fundo escuro do card */ linear-gradient(135deg, #FF0000, #FF5C00, #FFC32A, #00CD9C, #00B1EB, #6800CC, #88009F) border-box !important; /* O brilho neon laranja por trás acompanhando o movimento */ box-shadow: 0 15px 40px rgba(255, 92, 0, 0.35) !important; } }/* End custom CSS */ /* Start custom CSS for elementskit-image-box, class: .elementor-element-92b588b *//* ========================================================================== 1. ESTADO NORMAL (Com o colchão de ar que você descobriu) ========================================================================== */ .elementor-451 .elementor-element.elementor-element-92b588b { border: 1px solid transparent !important; border-radius: 12px !important; padding: 9px !important; /* O seu gap de segurança para o carrossel não cortar o topo */ margin-top: 6px !important; margin-bottom: 6px !important; /* Deixa o fundo preparado (caso queira o vidro fumê ou transparente) */ background-clip: padding-box !important; /* Transição suave para o movimento */ transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease, border-image 0.4s ease !important; } /* ========================================================================== 2. O EFEITO HOVER (Com a subida livre e a bordinha arco-íris) ========================================================================== */ @media (min-width: 1025px) { .elementor-451 .elementor-element.elementor-element-92b588b:hover { /* Sobe usando a folga do teto que a gente deixou */ transform: translateY(-6px) !important; /* A BORDA COLORIDINHA: Injeta o gradiente de 7 cores na carcaça da borda */ border: 1px solid transparent !important; background: linear-gradient(rgba(15, 15, 15, 1), rgba(15, 15, 15, 1)) padding-box, /* Mantém o fundo escuro do card */ linear-gradient(135deg, #FF0000, #FF5C00, #FFC32A, #00CD9C, #00B1EB, #6800CC, #88009F) border-box !important; /* O brilho neon laranja por trás acompanhando o movimento */ box-shadow: 0 15px 40px rgba(255, 92, 0, 0.35) !important; } }/* End custom CSS */ /* Start custom CSS for elementskit-image-box, class: .elementor-element-a31c26b *//* ========================================================================== 1. ESTADO NORMAL (Com o colchão de ar que você descobriu) ========================================================================== */ .elementor-451 .elementor-element.elementor-element-a31c26b { border: 1px solid transparent !important; border-radius: 12px !important; padding: 9px !important; /* O seu gap de segurança para o carrossel não cortar o topo */ margin-top: 6px !important; margin-bottom: 6px !important; /* Deixa o fundo preparado (caso queira o vidro fumê ou transparente) */ background-clip: padding-box !important; /* Transição suave para o movimento */ transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease, border-image 0.4s ease !important; } /* ========================================================================== 2. O EFEITO HOVER (Com a subida livre e a bordinha arco-íris) ========================================================================== */ @media (min-width: 1025px) { .elementor-451 .elementor-element.elementor-element-a31c26b:hover { /* Sobe usando a folga do teto que a gente deixou */ transform: translateY(-6px) !important; /* A BORDA COLORIDINHA: Injeta o gradiente de 7 cores na carcaça da borda */ border: 1px solid transparent !important; background: linear-gradient(rgba(15, 15, 15, 1), rgba(15, 15, 15, 1)) padding-box, /* Mantém o fundo escuro do card */ linear-gradient(135deg, #FF0000, #FF5C00, #FFC32A, #00CD9C, #00B1EB, #6800CC, #88009F) border-box !important; /* O brilho neon laranja por trás acompanhando o movimento */ box-shadow: 0 15px 40px rgba(255, 92, 0, 0.35) !important; } }/* End custom CSS */ /* Start custom CSS for elementskit-image-box, class: .elementor-element-e590c58 *//* ========================================================================== 1. ESTADO NORMAL (Com o colchão de ar que você descobriu) ========================================================================== */ .elementor-451 .elementor-element.elementor-element-e590c58 { border: 1px solid transparent !important; border-radius: 12px !important; padding: 9px !important; /* O seu gap de segurança para o carrossel não cortar o topo */ margin-top: 6px !important; margin-bottom: 6px !important; /* Deixa o fundo preparado (caso queira o vidro fumê ou transparente) */ background-clip: padding-box !important; /* Transição suave para o movimento */ transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease, border-image 0.4s ease !important; } /* ========================================================================== 2. O EFEITO HOVER (Com a subida livre e a bordinha arco-íris) ========================================================================== */ @media (min-width: 1025px) { .elementor-451 .elementor-element.elementor-element-e590c58:hover { /* Sobe usando a folga do teto que a gente deixou */ transform: translateY(-6px) !important; /* A BORDA COLORIDINHA: Injeta o gradiente de 7 cores na carcaça da borda */ border: 1px solid transparent !important; background: linear-gradient(rgba(15, 15, 15, 1), rgba(15, 15, 15, 1)) padding-box, /* Mantém o fundo escuro do card */ linear-gradient(135deg, #FF0000, #FF5C00, #FFC32A, #00CD9C, #00B1EB, #6800CC, #88009F) border-box !important; /* O brilho neon laranja por trás acompanhando o movimento */ box-shadow: 0 15px 40px rgba(255, 92, 0, 0.35) !important; } }/* End custom CSS */ /* Start custom CSS for elementskit-image-box, class: .elementor-element-375c522 *//* ========================================================================== 1. ESTADO NORMAL (Com o colchão de ar que você descobriu) ========================================================================== */ .elementor-451 .elementor-element.elementor-element-375c522 { border: 1px solid transparent !important; border-radius: 12px !important; padding: 9px !important; /* O seu gap de segurança para o carrossel não cortar o topo */ margin-top: 6px !important; margin-bottom: 6px !important; /* Deixa o fundo preparado (caso queira o vidro fumê ou transparente) */ background-clip: padding-box !important; /* Transição suave para o movimento */ transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease, border-image 0.4s ease !important; } /* ========================================================================== 2. O EFEITO HOVER (Com a subida livre e a bordinha arco-íris) ========================================================================== */ @media (min-width: 1025px) { .elementor-451 .elementor-element.elementor-element-375c522:hover { /* Sobe usando a folga do teto que a gente deixou */ transform: translateY(-6px) !important; /* A BORDA COLORIDINHA: Injeta o gradiente de 7 cores na carcaça da borda */ border: 1px solid transparent !important; background: linear-gradient(rgba(15, 15, 15, 1), rgba(15, 15, 15, 1)) padding-box, /* Mantém o fundo escuro do card */ linear-gradient(135deg, #FF0000, #FF5C00, #FFC32A, #00CD9C, #00B1EB, #6800CC, #88009F) border-box !important; /* O brilho neon laranja por trás acompanhando o movimento */ box-shadow: 0 15px 40px rgba(255, 92, 0, 0.35) !important; } }/* End custom CSS */ /* Start custom CSS for elementskit-image-box, class: .elementor-element-9ce9098 *//* ========================================================================== 1. ESTADO NORMAL (Com o colchão de ar que você descobriu) ========================================================================== */ .elementor-451 .elementor-element.elementor-element-9ce9098 { border: 1px solid transparent !important; border-radius: 12px !important; padding: 9px !important; /* O seu gap de segurança para o carrossel não cortar o topo */ margin-top: 6px !important; margin-bottom: 6px !important; /* Deixa o fundo preparado (caso queira o vidro fumê ou transparente) */ background-clip: padding-box !important; /* Transição suave para o movimento */ transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease, border-image 0.4s ease !important; } /* ========================================================================== 2. O EFEITO HOVER (Com a subida livre e a bordinha arco-íris) ========================================================================== */ @media (min-width: 1025px) { .elementor-451 .elementor-element.elementor-element-9ce9098:hover { /* Sobe usando a folga do teto que a gente deixou */ transform: translateY(-6px) !important; /* A BORDA COLORIDINHA: Injeta o gradiente de 7 cores na carcaça da borda */ border: 1px solid transparent !important; background: linear-gradient(rgba(15, 15, 15, 1), rgba(15, 15, 15, 1)) padding-box, /* Mantém o fundo escuro do card */ linear-gradient(135deg, #FF0000, #FF5C00, #FFC32A, #00CD9C, #00B1EB, #6800CC, #88009F) border-box !important; /* O brilho neon laranja por trás acompanhando o movimento */ box-shadow: 0 15px 40px rgba(255, 92, 0, 0.35) !important; } }/* End custom CSS */ /* Start custom CSS for elementskit-image-box, class: .elementor-element-92b588b *//* ========================================================================== 1. ESTADO NORMAL (Com o colchão de ar que você descobriu) ========================================================================== */ .elementor-451 .elementor-element.elementor-element-92b588b { border: 1px solid transparent !important; border-radius: 12px !important; padding: 9px !important; /* O seu gap de segurança para o carrossel não cortar o topo */ margin-top: 6px !important; margin-bottom: 6px !important; /* Deixa o fundo preparado (caso queira o vidro fumê ou transparente) */ background-clip: padding-box !important; /* Transição suave para o movimento */ transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease, border-image 0.4s ease !important; } /* ========================================================================== 2. O EFEITO HOVER (Com a subida livre e a bordinha arco-íris) ========================================================================== */ @media (min-width: 1025px) { .elementor-451 .elementor-element.elementor-element-92b588b:hover { /* Sobe usando a folga do teto que a gente deixou */ transform: translateY(-6px) !important; /* A BORDA COLORIDINHA: Injeta o gradiente de 7 cores na carcaça da borda */ border: 1px solid transparent !important; background: linear-gradient(rgba(15, 15, 15, 1), rgba(15, 15, 15, 1)) padding-box, /* Mantém o fundo escuro do card */ linear-gradient(135deg, #FF0000, #FF5C00, #FFC32A, #00CD9C, #00B1EB, #6800CC, #88009F) border-box !important; /* O brilho neon laranja por trás acompanhando o movimento */ box-shadow: 0 15px 40px rgba(255, 92, 0, 0.35) !important; } }/* End custom CSS */ /* Start custom CSS for elementskit-image-box, class: .elementor-element-a31c26b *//* ========================================================================== 1. ESTADO NORMAL (Com o colchão de ar que você descobriu) ========================================================================== */ .elementor-451 .elementor-element.elementor-element-a31c26b { border: 1px solid transparent !important; border-radius: 12px !important; padding: 9px !important; /* O seu gap de segurança para o carrossel não cortar o topo */ margin-top: 6px !important; margin-bottom: 6px !important; /* Deixa o fundo preparado (caso queira o vidro fumê ou transparente) */ background-clip: padding-box !important; /* Transição suave para o movimento */ transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease, border-image 0.4s ease !important; } /* ========================================================================== 2. O EFEITO HOVER (Com a subida livre e a bordinha arco-íris) ========================================================================== */ @media (min-width: 1025px) { .elementor-451 .elementor-element.elementor-element-a31c26b:hover { /* Sobe usando a folga do teto que a gente deixou */ transform: translateY(-6px) !important; /* A BORDA COLORIDINHA: Injeta o gradiente de 7 cores na carcaça da borda */ border: 1px solid transparent !important; background: linear-gradient(rgba(15, 15, 15, 1), rgba(15, 15, 15, 1)) padding-box, /* Mantém o fundo escuro do card */ linear-gradient(135deg, #FF0000, #FF5C00, #FFC32A, #00CD9C, #00B1EB, #6800CC, #88009F) border-box !important; /* O brilho neon laranja por trás acompanhando o movimento */ box-shadow: 0 15px 40px rgba(255, 92, 0, 0.35) !important; } }/* End custom CSS */ /* Start custom CSS for elementskit-image-box, class: .elementor-element-e590c58 *//* ========================================================================== 1. ESTADO NORMAL (Com o colchão de ar que você descobriu) ========================================================================== */ .elementor-451 .elementor-element.elementor-element-e590c58 { border: 1px solid transparent !important; border-radius: 12px !important; padding: 9px !important; /* O seu gap de segurança para o carrossel não cortar o topo */ margin-top: 6px !important; margin-bottom: 6px !important; /* Deixa o fundo preparado (caso queira o vidro fumê ou transparente) */ background-clip: padding-box !important; /* Transição suave para o movimento */ transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease, border-image 0.4s ease !important; } /* ========================================================================== 2. O EFEITO HOVER (Com a subida livre e a bordinha arco-íris) ========================================================================== */ @media (min-width: 1025px) { .elementor-451 .elementor-element.elementor-element-e590c58:hover { /* Sobe usando a folga do teto que a gente deixou */ transform: translateY(-6px) !important; /* A BORDA COLORIDINHA: Injeta o gradiente de 7 cores na carcaça da borda */ border: 1px solid transparent !important; background: linear-gradient(rgba(15, 15, 15, 1), rgba(15, 15, 15, 1)) padding-box, /* Mantém o fundo escuro do card */ linear-gradient(135deg, #FF0000, #FF5C00, #FFC32A, #00CD9C, #00B1EB, #6800CC, #88009F) border-box !important; /* O brilho neon laranja por trás acompanhando o movimento */ box-shadow: 0 15px 40px rgba(255, 92, 0, 0.35) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5cc3d4d1 *//* ========================================================================== 1. ESTADO NORMAL (Com o colchão de ar que você descobriu) ========================================================================== */ .elementor-451 .elementor-element.elementor-element-5cc3d4d1 { border: 1px solid transparent !important; border-radius: 12px !important; padding: 12px !important; /* O seu gap de segurança para o carrossel não cortar o topo */ margin-top: 6px !important; margin-bottom: 6px !important; /* Deixa o fundo preparado (caso queira o vidro fumê ou transparente) */ background-clip: padding-box !important; /* Transição suave para o movimento */ transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease, border-image 0.4s ease !important; } /* ========================================================================== 2. O EFEITO HOVER (Com a subida livre e a bordinha arco-íris) ========================================================================== */ @media (min-width: 1025px) { .elementor-451 .elementor-element.elementor-element-5cc3d4d1:hover { /* Sobe usando a folga do teto que a gente deixou */ transform: translateY(-6px) !important; /* A BORDA COLORIDINHA: Injeta o gradiente de 7 cores na carcaça da borda */ border: 1px solid transparent !important; background: linear-gradient(rgba(15, 15, 15, 1), rgba(15, 15, 15, 1)) padding-box, /* Mantém o fundo escuro do card */ linear-gradient(135deg, #FF0000, #FF5C00, #FFC32A, #00CD9C, #00B1EB, #6800CC, #88009F) border-box !important; /* O brilho neon laranja por trás acompanhando o movimento */ box-shadow: 0 15px 40px rgba(255, 92, 0, 0.35) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6eb0480 *//* ========================================================================== 1. ESTADO NORMAL (Com o colchão de ar que você descobriu) ========================================================================== */ .elementor-451 .elementor-element.elementor-element-6eb0480 { border: 1px solid transparent !important; border-radius: 12px !important; padding: 12px !important; /* O seu gap de segurança para o carrossel não cortar o topo */ margin-top: 6px !important; margin-bottom: 6px !important; /* Deixa o fundo preparado (caso queira o vidro fumê ou transparente) */ background-clip: padding-box !important; /* Transição suave para o movimento */ transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease, border-image 0.4s ease !important; } /* ========================================================================== 2. O EFEITO HOVER (Com a subida livre e a bordinha arco-íris) ========================================================================== */ @media (min-width: 1025px) { .elementor-451 .elementor-element.elementor-element-6eb0480:hover { /* Sobe usando a folga do teto que a gente deixou */ transform: translateY(-6px) !important; /* A BORDA COLORIDINHA: Injeta o gradiente de 7 cores na carcaça da borda */ border: 1px solid transparent !important; background: linear-gradient(rgba(15, 15, 15, 1), rgba(15, 15, 15, 1)) padding-box, /* Mantém o fundo escuro do card */ linear-gradient(135deg, #FF0000, #FF5C00, #FFC32A, #00CD9C, #00B1EB, #6800CC, #88009F) border-box !important; /* O brilho neon laranja por trás acompanhando o movimento */ box-shadow: 0 15px 40px rgba(255, 92, 0, 0.35) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6005eb54 *//* ========================================================================== 1. ESTADO NORMAL (Com o colchão de ar que você descobriu) ========================================================================== */ .elementor-451 .elementor-element.elementor-element-6005eb54 { border: 1px solid transparent !important; border-radius: 12px !important; padding: 12px !important; /* O seu gap de segurança para o carrossel não cortar o topo */ margin-top: 6px !important; margin-bottom: 6px !important; /* Deixa o fundo preparado (caso queira o vidro fumê ou transparente) */ background-clip: padding-box !important; /* Transição suave para o movimento */ transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease, border-image 0.4s ease !important; } /* ========================================================================== 2. O EFEITO HOVER (Com a subida livre e a bordinha arco-íris) ========================================================================== */ @media (min-width: 1025px) { .elementor-451 .elementor-element.elementor-element-6005eb54:hover { /* Sobe usando a folga do teto que a gente deixou */ transform: translateY(-6px) !important; /* A BORDA COLORIDINHA: Injeta o gradiente de 7 cores na carcaça da borda */ border: 1px solid transparent !important; background: linear-gradient(rgba(15, 15, 15, 1), rgba(15, 15, 15, 1)) padding-box, /* Mantém o fundo escuro do card */ linear-gradient(135deg, #FF0000, #FF5C00, #FFC32A, #00CD9C, #00B1EB, #6800CC, #88009F) border-box !important; /* O brilho neon laranja por trás acompanhando o movimento */ box-shadow: 0 15px 40px rgba(255, 92, 0, 0.35) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6c77c87d *//* ========================================================================== 1. ESTADO NORMAL (Com o colchão de ar que você descobriu) ========================================================================== */ .elementor-451 .elementor-element.elementor-element-6c77c87d { border: 1px solid transparent !important; border-radius: 12px !important; padding: 12px !important; /* O seu gap de segurança para o carrossel não cortar o topo */ margin-top: 6px !important; margin-bottom: 6px !important; /* Deixa o fundo preparado (caso queira o vidro fumê ou transparente) */ background-clip: padding-box !important; /* Transição suave para o movimento */ transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease, border-image 0.4s ease !important; } /* ========================================================================== 2. O EFEITO HOVER (Com a subida livre e a bordinha arco-íris) ========================================================================== */ @media (min-width: 1025px) { .elementor-451 .elementor-element.elementor-element-6c77c87d:hover { /* Sobe usando a folga do teto que a gente deixou */ transform: translateY(-6px) !important; /* A BORDA COLORIDINHA: Injeta o gradiente de 7 cores na carcaça da borda */ border: 1px solid transparent !important; background: linear-gradient(rgba(15, 15, 15, 1), rgba(15, 15, 15, 1)) padding-box, /* Mantém o fundo escuro do card */ linear-gradient(135deg, #FF0000, #FF5C00, #FFC32A, #00CD9C, #00B1EB, #6800CC, #88009F) border-box !important; /* O brilho neon laranja por trás acompanhando o movimento */ box-shadow: 0 15px 40px rgba(255, 92, 0, 0.35) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2da72774 *//* ========================================================================== 1. ESTADO NORMAL (Com o colchão de ar que você descobriu) ========================================================================== */ .elementor-451 .elementor-element.elementor-element-2da72774 { border: 1px solid transparent !important; border-radius: 12px !important; padding: 12px !important; /* O seu gap de segurança para o carrossel não cortar o topo */ margin-top: 6px !important; margin-bottom: 6px !important; /* Deixa o fundo preparado (caso queira o vidro fumê ou transparente) */ background-clip: padding-box !important; /* Transição suave para o movimento */ transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease, border-image 0.4s ease !important; } /* ========================================================================== 2. O EFEITO HOVER (Com a subida livre e a bordinha arco-íris) ========================================================================== */ @media (min-width: 1025px) { .elementor-451 .elementor-element.elementor-element-2da72774:hover { /* Sobe usando a folga do teto que a gente deixou */ transform: translateY(-6px) !important; /* A BORDA COLORIDINHA: Injeta o gradiente de 7 cores na carcaça da borda */ border: 1px solid transparent !important; background: linear-gradient(rgba(15, 15, 15, 1), rgba(15, 15, 15, 1)) padding-box, /* Mantém o fundo escuro do card */ linear-gradient(135deg, #FF0000, #FF5C00, #FFC32A, #00CD9C, #00B1EB, #6800CC, #88009F) border-box !important; /* O brilho neon laranja por trás acompanhando o movimento */ box-shadow: 0 15px 40px rgba(255, 92, 0, 0.35) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-153b5ab2 *//* ========================================================================== 1. ESTADO NORMAL (Com o colchão de ar que você descobriu) ========================================================================== */ .elementor-451 .elementor-element.elementor-element-153b5ab2 { border: 1px solid transparent !important; border-radius: 12px !important; padding: 12px !important; /* O seu gap de segurança para o carrossel não cortar o topo */ margin-top: 6px !important; margin-bottom: 6px !important; /* Deixa o fundo preparado (caso queira o vidro fumê ou transparente) */ background-clip: padding-box !important; /* Transição suave para o movimento */ transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease, border-image 0.4s ease !important; } /* ========================================================================== 2. O EFEITO HOVER (Com a subida livre e a bordinha arco-íris) ========================================================================== */ @media (min-width: 1025px) { .elementor-451 .elementor-element.elementor-element-153b5ab2:hover { /* Sobe usando a folga do teto que a gente deixou */ transform: translateY(-6px) !important; /* A BORDA COLORIDINHA: Injeta o gradiente de 7 cores na carcaça da borda */ border: 1px solid transparent !important; background: linear-gradient(rgba(15, 15, 15, 1), rgba(15, 15, 15, 1)) padding-box, /* Mantém o fundo escuro do card */ linear-gradient(135deg, #FF0000, #FF5C00, #FFC32A, #00CD9C, #00B1EB, #6800CC, #88009F) border-box !important; /* O brilho neon laranja por trás acompanhando o movimento */ box-shadow: 0 15px 40px rgba(255, 92, 0, 0.35) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5cc3d4d1 *//* ========================================================================== 1. ESTADO NORMAL (Com o colchão de ar que você descobriu) ========================================================================== */ .elementor-451 .elementor-element.elementor-element-5cc3d4d1 { border: 1px solid transparent !important; border-radius: 12px !important; padding: 12px !important; /* O seu gap de segurança para o carrossel não cortar o topo */ margin-top: 6px !important; margin-bottom: 6px !important; /* Deixa o fundo preparado (caso queira o vidro fumê ou transparente) */ background-clip: padding-box !important; /* Transição suave para o movimento */ transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease, border-image 0.4s ease !important; } /* ========================================================================== 2. O EFEITO HOVER (Com a subida livre e a bordinha arco-íris) ========================================================================== */ @media (min-width: 1025px) { .elementor-451 .elementor-element.elementor-element-5cc3d4d1:hover { /* Sobe usando a folga do teto que a gente deixou */ transform: translateY(-6px) !important; /* A BORDA COLORIDINHA: Injeta o gradiente de 7 cores na carcaça da borda */ border: 1px solid transparent !important; background: linear-gradient(rgba(15, 15, 15, 1), rgba(15, 15, 15, 1)) padding-box, /* Mantém o fundo escuro do card */ linear-gradient(135deg, #FF0000, #FF5C00, #FFC32A, #00CD9C, #00B1EB, #6800CC, #88009F) border-box !important; /* O brilho neon laranja por trás acompanhando o movimento */ box-shadow: 0 15px 40px rgba(255, 92, 0, 0.35) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6eb0480 *//* ========================================================================== 1. ESTADO NORMAL (Com o colchão de ar que você descobriu) ========================================================================== */ .elementor-451 .elementor-element.elementor-element-6eb0480 { border: 1px solid transparent !important; border-radius: 12px !important; padding: 12px !important; /* O seu gap de segurança para o carrossel não cortar o topo */ margin-top: 6px !important; margin-bottom: 6px !important; /* Deixa o fundo preparado (caso queira o vidro fumê ou transparente) */ background-clip: padding-box !important; /* Transição suave para o movimento */ transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease, border-image 0.4s ease !important; } /* ========================================================================== 2. O EFEITO HOVER (Com a subida livre e a bordinha arco-íris) ========================================================================== */ @media (min-width: 1025px) { .elementor-451 .elementor-element.elementor-element-6eb0480:hover { /* Sobe usando a folga do teto que a gente deixou */ transform: translateY(-6px) !important; /* A BORDA COLORIDINHA: Injeta o gradiente de 7 cores na carcaça da borda */ border: 1px solid transparent !important; background: linear-gradient(rgba(15, 15, 15, 1), rgba(15, 15, 15, 1)) padding-box, /* Mantém o fundo escuro do card */ linear-gradient(135deg, #FF0000, #FF5C00, #FFC32A, #00CD9C, #00B1EB, #6800CC, #88009F) border-box !important; /* O brilho neon laranja por trás acompanhando o movimento */ box-shadow: 0 15px 40px rgba(255, 92, 0, 0.35) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6005eb54 *//* ========================================================================== 1. ESTADO NORMAL (Com o colchão de ar que você descobriu) ========================================================================== */ .elementor-451 .elementor-element.elementor-element-6005eb54 { border: 1px solid transparent !important; border-radius: 12px !important; padding: 12px !important; /* O seu gap de segurança para o carrossel não cortar o topo */ margin-top: 6px !important; margin-bottom: 6px !important; /* Deixa o fundo preparado (caso queira o vidro fumê ou transparente) */ background-clip: padding-box !important; /* Transição suave para o movimento */ transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease, border-image 0.4s ease !important; } /* ========================================================================== 2. O EFEITO HOVER (Com a subida livre e a bordinha arco-íris) ========================================================================== */ @media (min-width: 1025px) { .elementor-451 .elementor-element.elementor-element-6005eb54:hover { /* Sobe usando a folga do teto que a gente deixou */ transform: translateY(-6px) !important; /* A BORDA COLORIDINHA: Injeta o gradiente de 7 cores na carcaça da borda */ border: 1px solid transparent !important; background: linear-gradient(rgba(15, 15, 15, 1), rgba(15, 15, 15, 1)) padding-box, /* Mantém o fundo escuro do card */ linear-gradient(135deg, #FF0000, #FF5C00, #FFC32A, #00CD9C, #00B1EB, #6800CC, #88009F) border-box !important; /* O brilho neon laranja por trás acompanhando o movimento */ box-shadow: 0 15px 40px rgba(255, 92, 0, 0.35) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6c77c87d *//* ========================================================================== 1. ESTADO NORMAL (Com o colchão de ar que você descobriu) ========================================================================== */ .elementor-451 .elementor-element.elementor-element-6c77c87d { border: 1px solid transparent !important; border-radius: 12px !important; padding: 12px !important; /* O seu gap de segurança para o carrossel não cortar o topo */ margin-top: 6px !important; margin-bottom: 6px !important; /* Deixa o fundo preparado (caso queira o vidro fumê ou transparente) */ background-clip: padding-box !important; /* Transição suave para o movimento */ transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease, border-image 0.4s ease !important; } /* ========================================================================== 2. O EFEITO HOVER (Com a subida livre e a bordinha arco-íris) ========================================================================== */ @media (min-width: 1025px) { .elementor-451 .elementor-element.elementor-element-6c77c87d:hover { /* Sobe usando a folga do teto que a gente deixou */ transform: translateY(-6px) !important; /* A BORDA COLORIDINHA: Injeta o gradiente de 7 cores na carcaça da borda */ border: 1px solid transparent !important; background: linear-gradient(rgba(15, 15, 15, 1), rgba(15, 15, 15, 1)) padding-box, /* Mantém o fundo escuro do card */ linear-gradient(135deg, #FF0000, #FF5C00, #FFC32A, #00CD9C, #00B1EB, #6800CC, #88009F) border-box !important; /* O brilho neon laranja por trás acompanhando o movimento */ box-shadow: 0 15px 40px rgba(255, 92, 0, 0.35) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2da72774 *//* ========================================================================== 1. ESTADO NORMAL (Com o colchão de ar que você descobriu) ========================================================================== */ .elementor-451 .elementor-element.elementor-element-2da72774 { border: 1px solid transparent !important; border-radius: 12px !important; padding: 12px !important; /* O seu gap de segurança para o carrossel não cortar o topo */ margin-top: 6px !important; margin-bottom: 6px !important; /* Deixa o fundo preparado (caso queira o vidro fumê ou transparente) */ background-clip: padding-box !important; /* Transição suave para o movimento */ transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease, border-image 0.4s ease !important; } /* ========================================================================== 2. O EFEITO HOVER (Com a subida livre e a bordinha arco-íris) ========================================================================== */ @media (min-width: 1025px) { .elementor-451 .elementor-element.elementor-element-2da72774:hover { /* Sobe usando a folga do teto que a gente deixou */ transform: translateY(-6px) !important; /* A BORDA COLORIDINHA: Injeta o gradiente de 7 cores na carcaça da borda */ border: 1px solid transparent !important; background: linear-gradient(rgba(15, 15, 15, 1), rgba(15, 15, 15, 1)) padding-box, /* Mantém o fundo escuro do card */ linear-gradient(135deg, #FF0000, #FF5C00, #FFC32A, #00CD9C, #00B1EB, #6800CC, #88009F) border-box !important; /* O brilho neon laranja por trás acompanhando o movimento */ box-shadow: 0 15px 40px rgba(255, 92, 0, 0.35) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-153b5ab2 *//* ========================================================================== 1. ESTADO NORMAL (Com o colchão de ar que você descobriu) ========================================================================== */ .elementor-451 .elementor-element.elementor-element-153b5ab2 { border: 1px solid transparent !important; border-radius: 12px !important; padding: 12px !important; /* O seu gap de segurança para o carrossel não cortar o topo */ margin-top: 6px !important; margin-bottom: 6px !important; /* Deixa o fundo preparado (caso queira o vidro fumê ou transparente) */ background-clip: padding-box !important; /* Transição suave para o movimento */ transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease, border-image 0.4s ease !important; } /* ========================================================================== 2. O EFEITO HOVER (Com a subida livre e a bordinha arco-íris) ========================================================================== */ @media (min-width: 1025px) { .elementor-451 .elementor-element.elementor-element-153b5ab2:hover { /* Sobe usando a folga do teto que a gente deixou */ transform: translateY(-6px) !important; /* A BORDA COLORIDINHA: Injeta o gradiente de 7 cores na carcaça da borda */ border: 1px solid transparent !important; background: linear-gradient(rgba(15, 15, 15, 1), rgba(15, 15, 15, 1)) padding-box, /* Mantém o fundo escuro do card */ linear-gradient(135deg, #FF0000, #FF5C00, #FFC32A, #00CD9C, #00B1EB, #6800CC, #88009F) border-box !important; /* O brilho neon laranja por trás acompanhando o movimento */ box-shadow: 0 15px 40px rgba(255, 92, 0, 0.35) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5cc3d4d1 *//* ========================================================================== 1. ESTADO NORMAL (Com o colchão de ar que você descobriu) ========================================================================== */ .elementor-451 .elementor-element.elementor-element-5cc3d4d1 { border: 1px solid transparent !important; border-radius: 12px !important; padding: 12px !important; /* O seu gap de segurança para o carrossel não cortar o topo */ margin-top: 6px !important; margin-bottom: 6px !important; /* Deixa o fundo preparado (caso queira o vidro fumê ou transparente) */ background-clip: padding-box !important; /* Transição suave para o movimento */ transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease, border-image 0.4s ease !important; } /* ========================================================================== 2. O EFEITO HOVER (Com a subida livre e a bordinha arco-íris) ========================================================================== */ @media (min-width: 1025px) { .elementor-451 .elementor-element.elementor-element-5cc3d4d1:hover { /* Sobe usando a folga do teto que a gente deixou */ transform: translateY(-6px) !important; /* A BORDA COLORIDINHA: Injeta o gradiente de 7 cores na carcaça da borda */ border: 1px solid transparent !important; background: linear-gradient(rgba(15, 15, 15, 1), rgba(15, 15, 15, 1)) padding-box, /* Mantém o fundo escuro do card */ linear-gradient(135deg, #FF0000, #FF5C00, #FFC32A, #00CD9C, #00B1EB, #6800CC, #88009F) border-box !important; /* O brilho neon laranja por trás acompanhando o movimento */ box-shadow: 0 15px 40px rgba(255, 92, 0, 0.35) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6eb0480 *//* ========================================================================== 1. ESTADO NORMAL (Com o colchão de ar que você descobriu) ========================================================================== */ .elementor-451 .elementor-element.elementor-element-6eb0480 { border: 1px solid transparent !important; border-radius: 12px !important; padding: 12px !important; /* O seu gap de segurança para o carrossel não cortar o topo */ margin-top: 6px !important; margin-bottom: 6px !important; /* Deixa o fundo preparado (caso queira o vidro fumê ou transparente) */ background-clip: padding-box !important; /* Transição suave para o movimento */ transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease, border-image 0.4s ease !important; } /* ========================================================================== 2. O EFEITO HOVER (Com a subida livre e a bordinha arco-íris) ========================================================================== */ @media (min-width: 1025px) { .elementor-451 .elementor-element.elementor-element-6eb0480:hover { /* Sobe usando a folga do teto que a gente deixou */ transform: translateY(-6px) !important; /* A BORDA COLORIDINHA: Injeta o gradiente de 7 cores na carcaça da borda */ border: 1px solid transparent !important; background: linear-gradient(rgba(15, 15, 15, 1), rgba(15, 15, 15, 1)) padding-box, /* Mantém o fundo escuro do card */ linear-gradient(135deg, #FF0000, #FF5C00, #FFC32A, #00CD9C, #00B1EB, #6800CC, #88009F) border-box !important; /* O brilho neon laranja por trás acompanhando o movimento */ box-shadow: 0 15px 40px rgba(255, 92, 0, 0.35) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6005eb54 *//* ========================================================================== 1. ESTADO NORMAL (Com o colchão de ar que você descobriu) ========================================================================== */ .elementor-451 .elementor-element.elementor-element-6005eb54 { border: 1px solid transparent !important; border-radius: 12px !important; padding: 12px !important; /* O seu gap de segurança para o carrossel não cortar o topo */ margin-top: 6px !important; margin-bottom: 6px !important; /* Deixa o fundo preparado (caso queira o vidro fumê ou transparente) */ background-clip: padding-box !important; /* Transição suave para o movimento */ transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease, border-image 0.4s ease !important; } /* ========================================================================== 2. O EFEITO HOVER (Com a subida livre e a bordinha arco-íris) ========================================================================== */ @media (min-width: 1025px) { .elementor-451 .elementor-element.elementor-element-6005eb54:hover { /* Sobe usando a folga do teto que a gente deixou */ transform: translateY(-6px) !important; /* A BORDA COLORIDINHA: Injeta o gradiente de 7 cores na carcaça da borda */ border: 1px solid transparent !important; background: linear-gradient(rgba(15, 15, 15, 1), rgba(15, 15, 15, 1)) padding-box, /* Mantém o fundo escuro do card */ linear-gradient(135deg, #FF0000, #FF5C00, #FFC32A, #00CD9C, #00B1EB, #6800CC, #88009F) border-box !important; /* O brilho neon laranja por trás acompanhando o movimento */ box-shadow: 0 15px 40px rgba(255, 92, 0, 0.35) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6c77c87d *//* ========================================================================== 1. ESTADO NORMAL (Com o colchão de ar que você descobriu) ========================================================================== */ .elementor-451 .elementor-element.elementor-element-6c77c87d { border: 1px solid transparent !important; border-radius: 12px !important; padding: 12px !important; /* O seu gap de segurança para o carrossel não cortar o topo */ margin-top: 6px !important; margin-bottom: 6px !important; /* Deixa o fundo preparado (caso queira o vidro fumê ou transparente) */ background-clip: padding-box !important; /* Transição suave para o movimento */ transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease, border-image 0.4s ease !important; } /* ========================================================================== 2. O EFEITO HOVER (Com a subida livre e a bordinha arco-íris) ========================================================================== */ @media (min-width: 1025px) { .elementor-451 .elementor-element.elementor-element-6c77c87d:hover { /* Sobe usando a folga do teto que a gente deixou */ transform: translateY(-6px) !important; /* A BORDA COLORIDINHA: Injeta o gradiente de 7 cores na carcaça da borda */ border: 1px solid transparent !important; background: linear-gradient(rgba(15, 15, 15, 1), rgba(15, 15, 15, 1)) padding-box, /* Mantém o fundo escuro do card */ linear-gradient(135deg, #FF0000, #FF5C00, #FFC32A, #00CD9C, #00B1EB, #6800CC, #88009F) border-box !important; /* O brilho neon laranja por trás acompanhando o movimento */ box-shadow: 0 15px 40px rgba(255, 92, 0, 0.35) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2da72774 *//* ========================================================================== 1. ESTADO NORMAL (Com o colchão de ar que você descobriu) ========================================================================== */ .elementor-451 .elementor-element.elementor-element-2da72774 { border: 1px solid transparent !important; border-radius: 12px !important; padding: 12px !important; /* O seu gap de segurança para o carrossel não cortar o topo */ margin-top: 6px !important; margin-bottom: 6px !important; /* Deixa o fundo preparado (caso queira o vidro fumê ou transparente) */ background-clip: padding-box !important; /* Transição suave para o movimento */ transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease, border-image 0.4s ease !important; } /* ========================================================================== 2. O EFEITO HOVER (Com a subida livre e a bordinha arco-íris) ========================================================================== */ @media (min-width: 1025px) { .elementor-451 .elementor-element.elementor-element-2da72774:hover { /* Sobe usando a folga do teto que a gente deixou */ transform: translateY(-6px) !important; /* A BORDA COLORIDINHA: Injeta o gradiente de 7 cores na carcaça da borda */ border: 1px solid transparent !important; background: linear-gradient(rgba(15, 15, 15, 1), rgba(15, 15, 15, 1)) padding-box, /* Mantém o fundo escuro do card */ linear-gradient(135deg, #FF0000, #FF5C00, #FFC32A, #00CD9C, #00B1EB, #6800CC, #88009F) border-box !important; /* O brilho neon laranja por trás acompanhando o movimento */ box-shadow: 0 15px 40px rgba(255, 92, 0, 0.35) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-153b5ab2 *//* ========================================================================== 1. ESTADO NORMAL (Com o colchão de ar que você descobriu) ========================================================================== */ .elementor-451 .elementor-element.elementor-element-153b5ab2 { border: 1px solid transparent !important; border-radius: 12px !important; padding: 12px !important; /* O seu gap de segurança para o carrossel não cortar o topo */ margin-top: 6px !important; margin-bottom: 6px !important; /* Deixa o fundo preparado (caso queira o vidro fumê ou transparente) */ background-clip: padding-box !important; /* Transição suave para o movimento */ transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease, border-image 0.4s ease !important; } /* ========================================================================== 2. O EFEITO HOVER (Com a subida livre e a bordinha arco-íris) ========================================================================== */ @media (min-width: 1025px) { .elementor-451 .elementor-element.elementor-element-153b5ab2:hover { /* Sobe usando a folga do teto que a gente deixou */ transform: translateY(-6px) !important; /* A BORDA COLORIDINHA: Injeta o gradiente de 7 cores na carcaça da borda */ border: 1px solid transparent !important; background: linear-gradient(rgba(15, 15, 15, 1), rgba(15, 15, 15, 1)) padding-box, /* Mantém o fundo escuro do card */ linear-gradient(135deg, #FF0000, #FF5C00, #FFC32A, #00CD9C, #00B1EB, #6800CC, #88009F) border-box !important; /* O brilho neon laranja por trás acompanhando o movimento */ box-shadow: 0 15px 40px rgba(255, 92, 0, 0.35) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5cc3d4d1 *//* ========================================================================== 1. ESTADO NORMAL (Com o colchão de ar que você descobriu) ========================================================================== */ .elementor-451 .elementor-element.elementor-element-5cc3d4d1 { border: 1px solid transparent !important; border-radius: 12px !important; padding: 12px !important; /* O seu gap de segurança para o carrossel não cortar o topo */ margin-top: 6px !important; margin-bottom: 6px !important; /* Deixa o fundo preparado (caso queira o vidro fumê ou transparente) */ background-clip: padding-box !important; /* Transição suave para o movimento */ transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease, border-image 0.4s ease !important; } /* ========================================================================== 2. O EFEITO HOVER (Com a subida livre e a bordinha arco-íris) ========================================================================== */ @media (min-width: 1025px) { .elementor-451 .elementor-element.elementor-element-5cc3d4d1:hover { /* Sobe usando a folga do teto que a gente deixou */ transform: translateY(-6px) !important; /* A BORDA COLORIDINHA: Injeta o gradiente de 7 cores na carcaça da borda */ border: 1px solid transparent !important; background: linear-gradient(rgba(15, 15, 15, 1), rgba(15, 15, 15, 1)) padding-box, /* Mantém o fundo escuro do card */ linear-gradient(135deg, #FF0000, #FF5C00, #FFC32A, #00CD9C, #00B1EB, #6800CC, #88009F) border-box !important; /* O brilho neon laranja por trás acompanhando o movimento */ box-shadow: 0 15px 40px rgba(255, 92, 0, 0.35) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6eb0480 *//* ========================================================================== 1. ESTADO NORMAL (Com o colchão de ar que você descobriu) ========================================================================== */ .elementor-451 .elementor-element.elementor-element-6eb0480 { border: 1px solid transparent !important; border-radius: 12px !important; padding: 12px !important; /* O seu gap de segurança para o carrossel não cortar o topo */ margin-top: 6px !important; margin-bottom: 6px !important; /* Deixa o fundo preparado (caso queira o vidro fumê ou transparente) */ background-clip: padding-box !important; /* Transição suave para o movimento */ transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease, border-image 0.4s ease !important; } /* ========================================================================== 2. O EFEITO HOVER (Com a subida livre e a bordinha arco-íris) ========================================================================== */ @media (min-width: 1025px) { .elementor-451 .elementor-element.elementor-element-6eb0480:hover { /* Sobe usando a folga do teto que a gente deixou */ transform: translateY(-6px) !important; /* A BORDA COLORIDINHA: Injeta o gradiente de 7 cores na carcaça da borda */ border: 1px solid transparent !important; background: linear-gradient(rgba(15, 15, 15, 1), rgba(15, 15, 15, 1)) padding-box, /* Mantém o fundo escuro do card */ linear-gradient(135deg, #FF0000, #FF5C00, #FFC32A, #00CD9C, #00B1EB, #6800CC, #88009F) border-box !important; /* O brilho neon laranja por trás acompanhando o movimento */ box-shadow: 0 15px 40px rgba(255, 92, 0, 0.35) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6005eb54 *//* ========================================================================== 1. ESTADO NORMAL (Com o colchão de ar que você descobriu) ========================================================================== */ .elementor-451 .elementor-element.elementor-element-6005eb54 { border: 1px solid transparent !important; border-radius: 12px !important; padding: 12px !important; /* O seu gap de segurança para o carrossel não cortar o topo */ margin-top: 6px !important; margin-bottom: 6px !important; /* Deixa o fundo preparado (caso queira o vidro fumê ou transparente) */ background-clip: padding-box !important; /* Transição suave para o movimento */ transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease, border-image 0.4s ease !important; } /* ========================================================================== 2. O EFEITO HOVER (Com a subida livre e a bordinha arco-íris) ========================================================================== */ @media (min-width: 1025px) { .elementor-451 .elementor-element.elementor-element-6005eb54:hover { /* Sobe usando a folga do teto que a gente deixou */ transform: translateY(-6px) !important; /* A BORDA COLORIDINHA: Injeta o gradiente de 7 cores na carcaça da borda */ border: 1px solid transparent !important; background: linear-gradient(rgba(15, 15, 15, 1), rgba(15, 15, 15, 1)) padding-box, /* Mantém o fundo escuro do card */ linear-gradient(135deg, #FF0000, #FF5C00, #FFC32A, #00CD9C, #00B1EB, #6800CC, #88009F) border-box !important; /* O brilho neon laranja por trás acompanhando o movimento */ box-shadow: 0 15px 40px rgba(255, 92, 0, 0.35) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6c77c87d *//* ========================================================================== 1. ESTADO NORMAL (Com o colchão de ar que você descobriu) ========================================================================== */ .elementor-451 .elementor-element.elementor-element-6c77c87d { border: 1px solid transparent !important; border-radius: 12px !important; padding: 12px !important; /* O seu gap de segurança para o carrossel não cortar o topo */ margin-top: 6px !important; margin-bottom: 6px !important; /* Deixa o fundo preparado (caso queira o vidro fumê ou transparente) */ background-clip: padding-box !important; /* Transição suave para o movimento */ transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease, border-image 0.4s ease !important; } /* ========================================================================== 2. O EFEITO HOVER (Com a subida livre e a bordinha arco-íris) ========================================================================== */ @media (min-width: 1025px) { .elementor-451 .elementor-element.elementor-element-6c77c87d:hover { /* Sobe usando a folga do teto que a gente deixou */ transform: translateY(-6px) !important; /* A BORDA COLORIDINHA: Injeta o gradiente de 7 cores na carcaça da borda */ border: 1px solid transparent !important; background: linear-gradient(rgba(15, 15, 15, 1), rgba(15, 15, 15, 1)) padding-box, /* Mantém o fundo escuro do card */ linear-gradient(135deg, #FF0000, #FF5C00, #FFC32A, #00CD9C, #00B1EB, #6800CC, #88009F) border-box !important; /* O brilho neon laranja por trás acompanhando o movimento */ box-shadow: 0 15px 40px rgba(255, 92, 0, 0.35) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2da72774 *//* ========================================================================== 1. ESTADO NORMAL (Com o colchão de ar que você descobriu) ========================================================================== */ .elementor-451 .elementor-element.elementor-element-2da72774 { border: 1px solid transparent !important; border-radius: 12px !important; padding: 12px !important; /* O seu gap de segurança para o carrossel não cortar o topo */ margin-top: 6px !important; margin-bottom: 6px !important; /* Deixa o fundo preparado (caso queira o vidro fumê ou transparente) */ background-clip: padding-box !important; /* Transição suave para o movimento */ transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease, border-image 0.4s ease !important; } /* ========================================================================== 2. O EFEITO HOVER (Com a subida livre e a bordinha arco-íris) ========================================================================== */ @media (min-width: 1025px) { .elementor-451 .elementor-element.elementor-element-2da72774:hover { /* Sobe usando a folga do teto que a gente deixou */ transform: translateY(-6px) !important; /* A BORDA COLORIDINHA: Injeta o gradiente de 7 cores na carcaça da borda */ border: 1px solid transparent !important; background: linear-gradient(rgba(15, 15, 15, 1), rgba(15, 15, 15, 1)) padding-box, /* Mantém o fundo escuro do card */ linear-gradient(135deg, #FF0000, #FF5C00, #FFC32A, #00CD9C, #00B1EB, #6800CC, #88009F) border-box !important; /* O brilho neon laranja por trás acompanhando o movimento */ box-shadow: 0 15px 40px rgba(255, 92, 0, 0.35) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-153b5ab2 *//* ========================================================================== 1. ESTADO NORMAL (Com o colchão de ar que você descobriu) ========================================================================== */ .elementor-451 .elementor-element.elementor-element-153b5ab2 { border: 1px solid transparent !important; border-radius: 12px !important; padding: 12px !important; /* O seu gap de segurança para o carrossel não cortar o topo */ margin-top: 6px !important; margin-bottom: 6px !important; /* Deixa o fundo preparado (caso queira o vidro fumê ou transparente) */ background-clip: padding-box !important; /* Transição suave para o movimento */ transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease, border-image 0.4s ease !important; } /* ========================================================================== 2. O EFEITO HOVER (Com a subida livre e a bordinha arco-íris) ========================================================================== */ @media (min-width: 1025px) { .elementor-451 .elementor-element.elementor-element-153b5ab2:hover { /* Sobe usando a folga do teto que a gente deixou */ transform: translateY(-6px) !important; /* A BORDA COLORIDINHA: Injeta o gradiente de 7 cores na carcaça da borda */ border: 1px solid transparent !important; background: linear-gradient(rgba(15, 15, 15, 1), rgba(15, 15, 15, 1)) padding-box, /* Mantém o fundo escuro do card */ linear-gradient(135deg, #FF0000, #FF5C00, #FFC32A, #00CD9C, #00B1EB, #6800CC, #88009F) border-box !important; /* O brilho neon laranja por trás acompanhando o movimento */ box-shadow: 0 15px 40px rgba(255, 92, 0, 0.35) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5cc3d4d1 *//* ========================================================================== 1. ESTADO NORMAL (Com o colchão de ar que você descobriu) ========================================================================== */ .elementor-451 .elementor-element.elementor-element-5cc3d4d1 { border: 1px solid transparent !important; border-radius: 12px !important; padding: 12px !important; /* O seu gap de segurança para o carrossel não cortar o topo */ margin-top: 6px !important; margin-bottom: 6px !important; /* Deixa o fundo preparado (caso queira o vidro fumê ou transparente) */ background-clip: padding-box !important; /* Transição suave para o movimento */ transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease, border-image 0.4s ease !important; } /* ========================================================================== 2. O EFEITO HOVER (Com a subida livre e a bordinha arco-íris) ========================================================================== */ @media (min-width: 1025px) { .elementor-451 .elementor-element.elementor-element-5cc3d4d1:hover { /* Sobe usando a folga do teto que a gente deixou */ transform: translateY(-6px) !important; /* A BORDA COLORIDINHA: Injeta o gradiente de 7 cores na carcaça da borda */ border: 1px solid transparent !important; background: linear-gradient(rgba(15, 15, 15, 1), rgba(15, 15, 15, 1)) padding-box, /* Mantém o fundo escuro do card */ linear-gradient(135deg, #FF0000, #FF5C00, #FFC32A, #00CD9C, #00B1EB, #6800CC, #88009F) border-box !important; /* O brilho neon laranja por trás acompanhando o movimento */ box-shadow: 0 15px 40px rgba(255, 92, 0, 0.35) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6eb0480 *//* ========================================================================== 1. ESTADO NORMAL (Com o colchão de ar que você descobriu) ========================================================================== */ .elementor-451 .elementor-element.elementor-element-6eb0480 { border: 1px solid transparent !important; border-radius: 12px !important; padding: 12px !important; /* O seu gap de segurança para o carrossel não cortar o topo */ margin-top: 6px !important; margin-bottom: 6px !important; /* Deixa o fundo preparado (caso queira o vidro fumê ou transparente) */ background-clip: padding-box !important; /* Transição suave para o movimento */ transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease, border-image 0.4s ease !important; } /* ========================================================================== 2. O EFEITO HOVER (Com a subida livre e a bordinha arco-íris) ========================================================================== */ @media (min-width: 1025px) { .elementor-451 .elementor-element.elementor-element-6eb0480:hover { /* Sobe usando a folga do teto que a gente deixou */ transform: translateY(-6px) !important; /* A BORDA COLORIDINHA: Injeta o gradiente de 7 cores na carcaça da borda */ border: 1px solid transparent !important; background: linear-gradient(rgba(15, 15, 15, 1), rgba(15, 15, 15, 1)) padding-box, /* Mantém o fundo escuro do card */ linear-gradient(135deg, #FF0000, #FF5C00, #FFC32A, #00CD9C, #00B1EB, #6800CC, #88009F) border-box !important; /* O brilho neon laranja por trás acompanhando o movimento */ box-shadow: 0 15px 40px rgba(255, 92, 0, 0.35) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6005eb54 *//* ========================================================================== 1. ESTADO NORMAL (Com o colchão de ar que você descobriu) ========================================================================== */ .elementor-451 .elementor-element.elementor-element-6005eb54 { border: 1px solid transparent !important; border-radius: 12px !important; padding: 12px !important; /* O seu gap de segurança para o carrossel não cortar o topo */ margin-top: 6px !important; margin-bottom: 6px !important; /* Deixa o fundo preparado (caso queira o vidro fumê ou transparente) */ background-clip: padding-box !important; /* Transição suave para o movimento */ transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease, border-image 0.4s ease !important; } /* ========================================================================== 2. O EFEITO HOVER (Com a subida livre e a bordinha arco-íris) ========================================================================== */ @media (min-width: 1025px) { .elementor-451 .elementor-element.elementor-element-6005eb54:hover { /* Sobe usando a folga do teto que a gente deixou */ transform: translateY(-6px) !important; /* A BORDA COLORIDINHA: Injeta o gradiente de 7 cores na carcaça da borda */ border: 1px solid transparent !important; background: linear-gradient(rgba(15, 15, 15, 1), rgba(15, 15, 15, 1)) padding-box, /* Mantém o fundo escuro do card */ linear-gradient(135deg, #FF0000, #FF5C00, #FFC32A, #00CD9C, #00B1EB, #6800CC, #88009F) border-box !important; /* O brilho neon laranja por trás acompanhando o movimento */ box-shadow: 0 15px 40px rgba(255, 92, 0, 0.35) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6c77c87d *//* ========================================================================== 1. ESTADO NORMAL (Com o colchão de ar que você descobriu) ========================================================================== */ .elementor-451 .elementor-element.elementor-element-6c77c87d { border: 1px solid transparent !important; border-radius: 12px !important; padding: 12px !important; /* O seu gap de segurança para o carrossel não cortar o topo */ margin-top: 6px !important; margin-bottom: 6px !important; /* Deixa o fundo preparado (caso queira o vidro fumê ou transparente) */ background-clip: padding-box !important; /* Transição suave para o movimento */ transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease, border-image 0.4s ease !important; } /* ========================================================================== 2. O EFEITO HOVER (Com a subida livre e a bordinha arco-íris) ========================================================================== */ @media (min-width: 1025px) { .elementor-451 .elementor-element.elementor-element-6c77c87d:hover { /* Sobe usando a folga do teto que a gente deixou */ transform: translateY(-6px) !important; /* A BORDA COLORIDINHA: Injeta o gradiente de 7 cores na carcaça da borda */ border: 1px solid transparent !important; background: linear-gradient(rgba(15, 15, 15, 1), rgba(15, 15, 15, 1)) padding-box, /* Mantém o fundo escuro do card */ linear-gradient(135deg, #FF0000, #FF5C00, #FFC32A, #00CD9C, #00B1EB, #6800CC, #88009F) border-box !important; /* O brilho neon laranja por trás acompanhando o movimento */ box-shadow: 0 15px 40px rgba(255, 92, 0, 0.35) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2da72774 *//* ========================================================================== 1. ESTADO NORMAL (Com o colchão de ar que você descobriu) ========================================================================== */ .elementor-451 .elementor-element.elementor-element-2da72774 { border: 1px solid transparent !important; border-radius: 12px !important; padding: 12px !important; /* O seu gap de segurança para o carrossel não cortar o topo */ margin-top: 6px !important; margin-bottom: 6px !important; /* Deixa o fundo preparado (caso queira o vidro fumê ou transparente) */ background-clip: padding-box !important; /* Transição suave para o movimento */ transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease, border-image 0.4s ease !important; } /* ========================================================================== 2. O EFEITO HOVER (Com a subida livre e a bordinha arco-íris) ========================================================================== */ @media (min-width: 1025px) { .elementor-451 .elementor-element.elementor-element-2da72774:hover { /* Sobe usando a folga do teto que a gente deixou */ transform: translateY(-6px) !important; /* A BORDA COLORIDINHA: Injeta o gradiente de 7 cores na carcaça da borda */ border: 1px solid transparent !important; background: linear-gradient(rgba(15, 15, 15, 1), rgba(15, 15, 15, 1)) padding-box, /* Mantém o fundo escuro do card */ linear-gradient(135deg, #FF0000, #FF5C00, #FFC32A, #00CD9C, #00B1EB, #6800CC, #88009F) border-box !important; /* O brilho neon laranja por trás acompanhando o movimento */ box-shadow: 0 15px 40px rgba(255, 92, 0, 0.35) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-153b5ab2 *//* ========================================================================== 1. ESTADO NORMAL (Com o colchão de ar que você descobriu) ========================================================================== */ .elementor-451 .elementor-element.elementor-element-153b5ab2 { border: 1px solid transparent !important; border-radius: 12px !important; padding: 12px !important; /* O seu gap de segurança para o carrossel não cortar o topo */ margin-top: 6px !important; margin-bottom: 6px !important; /* Deixa o fundo preparado (caso queira o vidro fumê ou transparente) */ background-clip: padding-box !important; /* Transição suave para o movimento */ transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease, border-image 0.4s ease !important; } /* ========================================================================== 2. O EFEITO HOVER (Com a subida livre e a bordinha arco-íris) ========================================================================== */ @media (min-width: 1025px) { .elementor-451 .elementor-element.elementor-element-153b5ab2:hover { /* Sobe usando a folga do teto que a gente deixou */ transform: translateY(-6px) !important; /* A BORDA COLORIDINHA: Injeta o gradiente de 7 cores na carcaça da borda */ border: 1px solid transparent !important; background: linear-gradient(rgba(15, 15, 15, 1), rgba(15, 15, 15, 1)) padding-box, /* Mantém o fundo escuro do card */ linear-gradient(135deg, #FF0000, #FF5C00, #FFC32A, #00CD9C, #00B1EB, #6800CC, #88009F) border-box !important; /* O brilho neon laranja por trás acompanhando o movimento */ box-shadow: 0 15px 40px rgba(255, 92, 0, 0.35) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5cc3d4d1 *//* ========================================================================== 1. ESTADO NORMAL (Com o colchão de ar que você descobriu) ========================================================================== */ .elementor-451 .elementor-element.elementor-element-5cc3d4d1 { border: 1px solid transparent !important; border-radius: 12px !important; padding: 12px !important; /* O seu gap de segurança para o carrossel não cortar o topo */ margin-top: 6px !important; margin-bottom: 6px !important; /* Deixa o fundo preparado (caso queira o vidro fumê ou transparente) */ background-clip: padding-box !important; /* Transição suave para o movimento */ transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease, border-image 0.4s ease !important; } /* ========================================================================== 2. O EFEITO HOVER (Com a subida livre e a bordinha arco-íris) ========================================================================== */ @media (min-width: 1025px) { .elementor-451 .elementor-element.elementor-element-5cc3d4d1:hover { /* Sobe usando a folga do teto que a gente deixou */ transform: translateY(-6px) !important; /* A BORDA COLORIDINHA: Injeta o gradiente de 7 cores na carcaça da borda */ border: 1px solid transparent !important; background: linear-gradient(rgba(15, 15, 15, 1), rgba(15, 15, 15, 1)) padding-box, /* Mantém o fundo escuro do card */ linear-gradient(135deg, #FF0000, #FF5C00, #FFC32A, #00CD9C, #00B1EB, #6800CC, #88009F) border-box !important; /* O brilho neon laranja por trás acompanhando o movimento */ box-shadow: 0 15px 40px rgba(255, 92, 0, 0.35) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6eb0480 *//* ========================================================================== 1. ESTADO NORMAL (Com o colchão de ar que você descobriu) ========================================================================== */ .elementor-451 .elementor-element.elementor-element-6eb0480 { border: 1px solid transparent !important; border-radius: 12px !important; padding: 12px !important; /* O seu gap de segurança para o carrossel não cortar o topo */ margin-top: 6px !important; margin-bottom: 6px !important; /* Deixa o fundo preparado (caso queira o vidro fumê ou transparente) */ background-clip: padding-box !important; /* Transição suave para o movimento */ transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease, border-image 0.4s ease !important; } /* ========================================================================== 2. O EFEITO HOVER (Com a subida livre e a bordinha arco-íris) ========================================================================== */ @media (min-width: 1025px) { .elementor-451 .elementor-element.elementor-element-6eb0480:hover { /* Sobe usando a folga do teto que a gente deixou */ transform: translateY(-6px) !important; /* A BORDA COLORIDINHA: Injeta o gradiente de 7 cores na carcaça da borda */ border: 1px solid transparent !important; background: linear-gradient(rgba(15, 15, 15, 1), rgba(15, 15, 15, 1)) padding-box, /* Mantém o fundo escuro do card */ linear-gradient(135deg, #FF0000, #FF5C00, #FFC32A, #00CD9C, #00B1EB, #6800CC, #88009F) border-box !important; /* O brilho neon laranja por trás acompanhando o movimento */ box-shadow: 0 15px 40px rgba(255, 92, 0, 0.35) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6005eb54 *//* ========================================================================== 1. ESTADO NORMAL (Com o colchão de ar que você descobriu) ========================================================================== */ .elementor-451 .elementor-element.elementor-element-6005eb54 { border: 1px solid transparent !important; border-radius: 12px !important; padding: 12px !important; /* O seu gap de segurança para o carrossel não cortar o topo */ margin-top: 6px !important; margin-bottom: 6px !important; /* Deixa o fundo preparado (caso queira o vidro fumê ou transparente) */ background-clip: padding-box !important; /* Transição suave para o movimento */ transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease, border-image 0.4s ease !important; } /* ========================================================================== 2. O EFEITO HOVER (Com a subida livre e a bordinha arco-íris) ========================================================================== */ @media (min-width: 1025px) { .elementor-451 .elementor-element.elementor-element-6005eb54:hover { /* Sobe usando a folga do teto que a gente deixou */ transform: translateY(-6px) !important; /* A BORDA COLORIDINHA: Injeta o gradiente de 7 cores na carcaça da borda */ border: 1px solid transparent !important; background: linear-gradient(rgba(15, 15, 15, 1), rgba(15, 15, 15, 1)) padding-box, /* Mantém o fundo escuro do card */ linear-gradient(135deg, #FF0000, #FF5C00, #FFC32A, #00CD9C, #00B1EB, #6800CC, #88009F) border-box !important; /* O brilho neon laranja por trás acompanhando o movimento */ box-shadow: 0 15px 40px rgba(255, 92, 0, 0.35) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6c77c87d *//* ========================================================================== 1. ESTADO NORMAL (Com o colchão de ar que você descobriu) ========================================================================== */ .elementor-451 .elementor-element.elementor-element-6c77c87d { border: 1px solid transparent !important; border-radius: 12px !important; padding: 12px !important; /* O seu gap de segurança para o carrossel não cortar o topo */ margin-top: 6px !important; margin-bottom: 6px !important; /* Deixa o fundo preparado (caso queira o vidro fumê ou transparente) */ background-clip: padding-box !important; /* Transição suave para o movimento */ transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease, border-image 0.4s ease !important; } /* ========================================================================== 2. O EFEITO HOVER (Com a subida livre e a bordinha arco-íris) ========================================================================== */ @media (min-width: 1025px) { .elementor-451 .elementor-element.elementor-element-6c77c87d:hover { /* Sobe usando a folga do teto que a gente deixou */ transform: translateY(-6px) !important; /* A BORDA COLORIDINHA: Injeta o gradiente de 7 cores na carcaça da borda */ border: 1px solid transparent !important; background: linear-gradient(rgba(15, 15, 15, 1), rgba(15, 15, 15, 1)) padding-box, /* Mantém o fundo escuro do card */ linear-gradient(135deg, #FF0000, #FF5C00, #FFC32A, #00CD9C, #00B1EB, #6800CC, #88009F) border-box !important; /* O brilho neon laranja por trás acompanhando o movimento */ box-shadow: 0 15px 40px rgba(255, 92, 0, 0.35) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2da72774 *//* ========================================================================== 1. ESTADO NORMAL (Com o colchão de ar que você descobriu) ========================================================================== */ .elementor-451 .elementor-element.elementor-element-2da72774 { border: 1px solid transparent !important; border-radius: 12px !important; padding: 12px !important; /* O seu gap de segurança para o carrossel não cortar o topo */ margin-top: 6px !important; margin-bottom: 6px !important; /* Deixa o fundo preparado (caso queira o vidro fumê ou transparente) */ background-clip: padding-box !important; /* Transição suave para o movimento */ transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease, border-image 0.4s ease !important; } /* ========================================================================== 2. O EFEITO HOVER (Com a subida livre e a bordinha arco-íris) ========================================================================== */ @media (min-width: 1025px) { .elementor-451 .elementor-element.elementor-element-2da72774:hover { /* Sobe usando a folga do teto que a gente deixou */ transform: translateY(-6px) !important; /* A BORDA COLORIDINHA: Injeta o gradiente de 7 cores na carcaça da borda */ border: 1px solid transparent !important; background: linear-gradient(rgba(15, 15, 15, 1), rgba(15, 15, 15, 1)) padding-box, /* Mantém o fundo escuro do card */ linear-gradient(135deg, #FF0000, #FF5C00, #FFC32A, #00CD9C, #00B1EB, #6800CC, #88009F) border-box !important; /* O brilho neon laranja por trás acompanhando o movimento */ box-shadow: 0 15px 40px rgba(255, 92, 0, 0.35) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-153b5ab2 *//* ========================================================================== 1. ESTADO NORMAL (Com o colchão de ar que você descobriu) ========================================================================== */ .elementor-451 .elementor-element.elementor-element-153b5ab2 { border: 1px solid transparent !important; border-radius: 12px !important; padding: 12px !important; /* O seu gap de segurança para o carrossel não cortar o topo */ margin-top: 6px !important; margin-bottom: 6px !important; /* Deixa o fundo preparado (caso queira o vidro fumê ou transparente) */ background-clip: padding-box !important; /* Transição suave para o movimento */ transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease, border-image 0.4s ease !important; } /* ========================================================================== 2. O EFEITO HOVER (Com a subida livre e a bordinha arco-íris) ========================================================================== */ @media (min-width: 1025px) { .elementor-451 .elementor-element.elementor-element-153b5ab2:hover { /* Sobe usando a folga do teto que a gente deixou */ transform: translateY(-6px) !important; /* A BORDA COLORIDINHA: Injeta o gradiente de 7 cores na carcaça da borda */ border: 1px solid transparent !important; background: linear-gradient(rgba(15, 15, 15, 1), rgba(15, 15, 15, 1)) padding-box, /* Mantém o fundo escuro do card */ linear-gradient(135deg, #FF0000, #FF5C00, #FFC32A, #00CD9C, #00B1EB, #6800CC, #88009F) border-box !important; /* O brilho neon laranja por trás acompanhando o movimento */ box-shadow: 0 15px 40px rgba(255, 92, 0, 0.35) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5cc3d4d1 *//* ========================================================================== 1. ESTADO NORMAL (Com o colchão de ar que você descobriu) ========================================================================== */ .elementor-451 .elementor-element.elementor-element-5cc3d4d1 { border: 1px solid transparent !important; border-radius: 12px !important; padding: 12px !important; /* O seu gap de segurança para o carrossel não cortar o topo */ margin-top: 6px !important; margin-bottom: 6px !important; /* Deixa o fundo preparado (caso queira o vidro fumê ou transparente) */ background-clip: padding-box !important; /* Transição suave para o movimento */ transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease, border-image 0.4s ease !important; } /* ========================================================================== 2. O EFEITO HOVER (Com a subida livre e a bordinha arco-íris) ========================================================================== */ @media (min-width: 1025px) { .elementor-451 .elementor-element.elementor-element-5cc3d4d1:hover { /* Sobe usando a folga do teto que a gente deixou */ transform: translateY(-6px) !important; /* A BORDA COLORIDINHA: Injeta o gradiente de 7 cores na carcaça da borda */ border: 1px solid transparent !important; background: linear-gradient(rgba(15, 15, 15, 1), rgba(15, 15, 15, 1)) padding-box, /* Mantém o fundo escuro do card */ linear-gradient(135deg, #FF0000, #FF5C00, #FFC32A, #00CD9C, #00B1EB, #6800CC, #88009F) border-box !important; /* O brilho neon laranja por trás acompanhando o movimento */ box-shadow: 0 15px 40px rgba(255, 92, 0, 0.35) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6eb0480 *//* ========================================================================== 1. ESTADO NORMAL (Com o colchão de ar que você descobriu) ========================================================================== */ .elementor-451 .elementor-element.elementor-element-6eb0480 { border: 1px solid transparent !important; border-radius: 12px !important; padding: 12px !important; /* O seu gap de segurança para o carrossel não cortar o topo */ margin-top: 6px !important; margin-bottom: 6px !important; /* Deixa o fundo preparado (caso queira o vidro fumê ou transparente) */ background-clip: padding-box !important; /* Transição suave para o movimento */ transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease, border-image 0.4s ease !important; } /* ========================================================================== 2. O EFEITO HOVER (Com a subida livre e a bordinha arco-íris) ========================================================================== */ @media (min-width: 1025px) { .elementor-451 .elementor-element.elementor-element-6eb0480:hover { /* Sobe usando a folga do teto que a gente deixou */ transform: translateY(-6px) !important; /* A BORDA COLORIDINHA: Injeta o gradiente de 7 cores na carcaça da borda */ border: 1px solid transparent !important; background: linear-gradient(rgba(15, 15, 15, 1), rgba(15, 15, 15, 1)) padding-box, /* Mantém o fundo escuro do card */ linear-gradient(135deg, #FF0000, #FF5C00, #FFC32A, #00CD9C, #00B1EB, #6800CC, #88009F) border-box !important; /* O brilho neon laranja por trás acompanhando o movimento */ box-shadow: 0 15px 40px rgba(255, 92, 0, 0.35) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6005eb54 *//* ========================================================================== 1. ESTADO NORMAL (Com o colchão de ar que você descobriu) ========================================================================== */ .elementor-451 .elementor-element.elementor-element-6005eb54 { border: 1px solid transparent !important; border-radius: 12px !important; padding: 12px !important; /* O seu gap de segurança para o carrossel não cortar o topo */ margin-top: 6px !important; margin-bottom: 6px !important; /* Deixa o fundo preparado (caso queira o vidro fumê ou transparente) */ background-clip: padding-box !important; /* Transição suave para o movimento */ transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease, border-image 0.4s ease !important; } /* ========================================================================== 2. O EFEITO HOVER (Com a subida livre e a bordinha arco-íris) ========================================================================== */ @media (min-width: 1025px) { .elementor-451 .elementor-element.elementor-element-6005eb54:hover { /* Sobe usando a folga do teto que a gente deixou */ transform: translateY(-6px) !important; /* A BORDA COLORIDINHA: Injeta o gradiente de 7 cores na carcaça da borda */ border: 1px solid transparent !important; background: linear-gradient(rgba(15, 15, 15, 1), rgba(15, 15, 15, 1)) padding-box, /* Mantém o fundo escuro do card */ linear-gradient(135deg, #FF0000, #FF5C00, #FFC32A, #00CD9C, #00B1EB, #6800CC, #88009F) border-box !important; /* O brilho neon laranja por trás acompanhando o movimento */ box-shadow: 0 15px 40px rgba(255, 92, 0, 0.35) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6c77c87d *//* ========================================================================== 1. ESTADO NORMAL (Com o colchão de ar que você descobriu) ========================================================================== */ .elementor-451 .elementor-element.elementor-element-6c77c87d { border: 1px solid transparent !important; border-radius: 12px !important; padding: 12px !important; /* O seu gap de segurança para o carrossel não cortar o topo */ margin-top: 6px !important; margin-bottom: 6px !important; /* Deixa o fundo preparado (caso queira o vidro fumê ou transparente) */ background-clip: padding-box !important; /* Transição suave para o movimento */ transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease, border-image 0.4s ease !important; } /* ========================================================================== 2. O EFEITO HOVER (Com a subida livre e a bordinha arco-íris) ========================================================================== */ @media (min-width: 1025px) { .elementor-451 .elementor-element.elementor-element-6c77c87d:hover { /* Sobe usando a folga do teto que a gente deixou */ transform: translateY(-6px) !important; /* A BORDA COLORIDINHA: Injeta o gradiente de 7 cores na carcaça da borda */ border: 1px solid transparent !important; background: linear-gradient(rgba(15, 15, 15, 1), rgba(15, 15, 15, 1)) padding-box, /* Mantém o fundo escuro do card */ linear-gradient(135deg, #FF0000, #FF5C00, #FFC32A, #00CD9C, #00B1EB, #6800CC, #88009F) border-box !important; /* O brilho neon laranja por trás acompanhando o movimento */ box-shadow: 0 15px 40px rgba(255, 92, 0, 0.35) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2da72774 *//* ========================================================================== 1. ESTADO NORMAL (Com o colchão de ar que você descobriu) ========================================================================== */ .elementor-451 .elementor-element.elementor-element-2da72774 { border: 1px solid transparent !important; border-radius: 12px !important; padding: 12px !important; /* O seu gap de segurança para o carrossel não cortar o topo */ margin-top: 6px !important; margin-bottom: 6px !important; /* Deixa o fundo preparado (caso queira o vidro fumê ou transparente) */ background-clip: padding-box !important; /* Transição suave para o movimento */ transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease, border-image 0.4s ease !important; } /* ========================================================================== 2. O EFEITO HOVER (Com a subida livre e a bordinha arco-íris) ========================================================================== */ @media (min-width: 1025px) { .elementor-451 .elementor-element.elementor-element-2da72774:hover { /* Sobe usando a folga do teto que a gente deixou */ transform: translateY(-6px) !important; /* A BORDA COLORIDINHA: Injeta o gradiente de 7 cores na carcaça da borda */ border: 1px solid transparent !important; background: linear-gradient(rgba(15, 15, 15, 1), rgba(15, 15, 15, 1)) padding-box, /* Mantém o fundo escuro do card */ linear-gradient(135deg, #FF0000, #FF5C00, #FFC32A, #00CD9C, #00B1EB, #6800CC, #88009F) border-box !important; /* O brilho neon laranja por trás acompanhando o movimento */ box-shadow: 0 15px 40px rgba(255, 92, 0, 0.35) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-153b5ab2 *//* ========================================================================== 1. ESTADO NORMAL (Com o colchão de ar que você descobriu) ========================================================================== */ .elementor-451 .elementor-element.elementor-element-153b5ab2 { border: 1px solid transparent !important; border-radius: 12px !important; padding: 12px !important; /* O seu gap de segurança para o carrossel não cortar o topo */ margin-top: 6px !important; margin-bottom: 6px !important; /* Deixa o fundo preparado (caso queira o vidro fumê ou transparente) */ background-clip: padding-box !important; /* Transição suave para o movimento */ transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease, border-image 0.4s ease !important; } /* ========================================================================== 2. O EFEITO HOVER (Com a subida livre e a bordinha arco-íris) ========================================================================== */ @media (min-width: 1025px) { .elementor-451 .elementor-element.elementor-element-153b5ab2:hover { /* Sobe usando a folga do teto que a gente deixou */ transform: translateY(-6px) !important; /* A BORDA COLORIDINHA: Injeta o gradiente de 7 cores na carcaça da borda */ border: 1px solid transparent !important; background: linear-gradient(rgba(15, 15, 15, 1), rgba(15, 15, 15, 1)) padding-box, /* Mantém o fundo escuro do card */ linear-gradient(135deg, #FF0000, #FF5C00, #FFC32A, #00CD9C, #00B1EB, #6800CC, #88009F) border-box !important; /* O brilho neon laranja por trás acompanhando o movimento */ box-shadow: 0 15px 40px rgba(255, 92, 0, 0.35) !important; } }/* End custom CSS */