.elementor-132 .elementor-element.elementor-element-48d7e8b{--display:flex;--min-height:920px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.42;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-132 .elementor-element.elementor-element-48d7e8b:not(.elementor-motion-effects-element-type-background), .elementor-132 .elementor-element.elementor-element-48d7e8b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E4E4E4;background-image:url("https://yellowgraf.com.br/wp-content/uploads/2025/11/foto-capa-black.webp");background-position:center right;background-repeat:no-repeat;background-size:cover;}.elementor-132 .elementor-element.elementor-element-48d7e8b::before, .elementor-132 .elementor-element.elementor-element-48d7e8b > .elementor-background-video-container::before, .elementor-132 .elementor-element.elementor-element-48d7e8b > .e-con-inner > .elementor-background-video-container::before, .elementor-132 .elementor-element.elementor-element-48d7e8b > .elementor-background-slideshow::before, .elementor-132 .elementor-element.elementor-element-48d7e8b > .e-con-inner > .elementor-background-slideshow::before, .elementor-132 .elementor-element.elementor-element-48d7e8b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-132 .elementor-element.elementor-element-a78400a{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-132 .elementor-element.elementor-element-a78400a.e-con{--align-self:center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-132 .elementor-element.elementor-element-abf1548{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -25px) 0px;padding:0px 0px 0px 0px;}.elementor-132 .elementor-element.elementor-element-abf1548 .elementor-heading-title{font-family:"Fjalla One", Sans-serif;font-size:78px;font-weight:300;text-transform:uppercase;color:#FFFFFF;}.elementor-132 .elementor-element.elementor-element-702022f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-132 .elementor-element.elementor-element-702022f .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:55px;font-weight:100;text-transform:uppercase;color:#FFFFFF;}.elementor-132 .elementor-element.elementor-element-71ff855 .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:24px;font-weight:400;line-height:28px;color:#FFFFFF;}.elementor-132 .elementor-element.elementor-element-1fff2e3 .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:18px;font-weight:300;line-height:28px;color:#FFFFFF;}.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-132 .elementor-element.elementor-element-96beb5f .elementor-button{background-color:#F1D002;height:80px;width:415px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:inline-flex;font-family:"Sora", Sans-serif;font-size:20px;font-weight:700;fill:#252525;color:#252525;border-radius:50px 50px 50px 50px;padding:40px 40px 40px 40px;}.elementor-132 .elementor-element.elementor-element-96beb5f .elementor-button:hover, .elementor-132 .elementor-element.elementor-element-96beb5f .elementor-button:focus{background-color:transparent;color:#F1D002;background-image:linear-gradient(180deg, #5A5A5A 0%, #222222 100%);}.elementor-132 .elementor-element.elementor-element-96beb5f .elementor-button:hover svg, .elementor-132 .elementor-element.elementor-element-96beb5f .elementor-button:focus svg{fill:#F1D002;}.elementor-132 .elementor-element.elementor-element-03243b1{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-132 .elementor-element.elementor-element-6bac837{--display:flex;--min-height:190px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:-100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-132 .elementor-element.elementor-element-0e4b9d6{--display:flex;--min-height:170px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--border-radius:25px 25px 25px 25px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-132 .elementor-element.elementor-element-0e4b9d6:not(.elementor-motion-effects-element-type-background), .elementor-132 .elementor-element.elementor-element-0e4b9d6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F1D002;}.elementor-132 .elementor-element.elementor-element-0e4b9d6.e-con{--align-self:center;}.elementor-132 .elementor-element.elementor-element-95ef77e{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;}.elementor-132 .elementor-element.elementor-element-eec64ae .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:34px;font-weight:900;color:#1F1F1F;}.elementor-132 .elementor-element.elementor-element-f01b21d{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-132 .elementor-element.elementor-element-f01b21d .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:400;color:#474747;}.elementor-132 .elementor-element.elementor-element-e9464ea{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-132 .elementor-element.elementor-element-f25d6fd .elementor-button{background-color:transparent;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:inline-flex;font-family:"Sora", Sans-serif;font-size:15px;font-weight:700;background-image:linear-gradient(360deg, #575757 0%, #353535 72%);border-radius:50px 50px 50px 50px;padding:40px 40px 40px 40px;}.elementor-132 .elementor-element.elementor-element-f25d6fd .elementor-button:hover, .elementor-132 .elementor-element.elementor-element-f25d6fd .elementor-button:focus{background-color:transparent;background-image:linear-gradient(180deg, #000000 0%, #272727 100%);}.elementor-132 .elementor-element.elementor-element-02dcd67{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--margin-top:-90px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:70px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-132 .elementor-element.elementor-element-02dcd67:not(.elementor-motion-effects-element-type-background), .elementor-132 .elementor-element.elementor-element-02dcd67 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1A1A1A;}.elementor-132 .elementor-element.elementor-element-7cf9656{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-132 .elementor-element.elementor-element-56f9565{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:70px 0px 0px 0px;text-align:center;}.elementor-132 .elementor-element.elementor-element-56f9565 .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:34px;font-weight:900;color:#FFFFFF;}.elementor-132 .elementor-element.elementor-element-9a932b6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 40px 0px;}.elementor-132 .elementor-element.elementor-element-9a932b6 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:400;color:#ACACAC;}.elementor-132 .elementor-element.elementor-element-0d5d218{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-132 .elementor-element.elementor-element-1bcb931{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--background-transition:0.3s;--border-radius:25px 25px 25px 25px;--margin-top:5px;--margin-bottom:5px;--margin-left:5px;--margin-right:5px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-132 .elementor-element.elementor-element-1bcb931:not(.elementor-motion-effects-element-type-background), .elementor-132 .elementor-element.elementor-element-1bcb931 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2E2E2E;}.elementor-132 .elementor-element.elementor-element-1bcb931:hover{background-color:#F1D002;}.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-132 .elementor-element.elementor-element-6abe56f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-132 .elementor-element.elementor-element-6abe56f img{border-radius:15px 15px 15px 15px;}.elementor-132 .elementor-element.elementor-element-27cb9aa{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:10px 0px 10px 0px;text-align:start;}.elementor-132 .elementor-element.elementor-element-27cb9aa .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:20px;font-weight:900;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-132 .elementor-element.elementor-element-309128f{text-align:start;font-family:"Sora", Sans-serif;font-size:14px;font-weight:300;line-height:18px;letter-spacing:-0.1px;}.elementor-132 .elementor-element.elementor-element-62f5c4e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--background-transition:0.3s;--border-radius:25px 25px 25px 25px;--margin-top:5px;--margin-bottom:5px;--margin-left:5px;--margin-right:5px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-132 .elementor-element.elementor-element-62f5c4e:not(.elementor-motion-effects-element-type-background), .elementor-132 .elementor-element.elementor-element-62f5c4e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2E2E2E;}.elementor-132 .elementor-element.elementor-element-62f5c4e:hover{background-color:#F1D002;}.elementor-132 .elementor-element.elementor-element-485f0c3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-132 .elementor-element.elementor-element-485f0c3 img{border-radius:15px 15px 15px 15px;}.elementor-132 .elementor-element.elementor-element-269f6e1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:10px 0px 10px 0px;text-align:start;}.elementor-132 .elementor-element.elementor-element-269f6e1 .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:20px;font-weight:900;color:#FFFFFF;}.elementor-132 .elementor-element.elementor-element-d8bd936{text-align:start;font-family:"Sora", Sans-serif;font-size:14px;font-weight:300;line-height:18px;letter-spacing:-0.1px;}.elementor-132 .elementor-element.elementor-element-4a6e116{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--background-transition:0.3s;--border-radius:25px 25px 25px 25px;--margin-top:5px;--margin-bottom:5px;--margin-left:5px;--margin-right:5px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-132 .elementor-element.elementor-element-4a6e116:not(.elementor-motion-effects-element-type-background), .elementor-132 .elementor-element.elementor-element-4a6e116 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2E2E2E;}.elementor-132 .elementor-element.elementor-element-4a6e116:hover{background-color:#F1D002;}.elementor-132 .elementor-element.elementor-element-5140c38{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-132 .elementor-element.elementor-element-5140c38 img{border-radius:15px 15px 15px 15px;}.elementor-132 .elementor-element.elementor-element-e4a447f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:10px 0px 10px 0px;text-align:start;}.elementor-132 .elementor-element.elementor-element-e4a447f .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:20px;font-weight:900;color:#FFFFFF;}.elementor-132 .elementor-element.elementor-element-c8d5aaf{text-align:start;font-family:"Sora", Sans-serif;font-size:14px;font-weight:300;line-height:18px;letter-spacing:-0.1px;}.elementor-132 .elementor-element.elementor-element-9eafe16{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--background-transition:0.3s;--border-radius:25px 25px 25px 25px;--margin-top:5px;--margin-bottom:5px;--margin-left:5px;--margin-right:5px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-132 .elementor-element.elementor-element-9eafe16:not(.elementor-motion-effects-element-type-background), .elementor-132 .elementor-element.elementor-element-9eafe16 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2E2E2E;}.elementor-132 .elementor-element.elementor-element-9eafe16:hover{background-color:#F1D002;}.elementor-132 .elementor-element.elementor-element-bba593d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-132 .elementor-element.elementor-element-bba593d img{border-radius:15px 15px 15px 15px;}.elementor-132 .elementor-element.elementor-element-3377be2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:10px 0px 10px 0px;text-align:start;}.elementor-132 .elementor-element.elementor-element-3377be2 .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:20px;font-weight:900;color:#FFFFFF;}.elementor-132 .elementor-element.elementor-element-4509179{text-align:start;font-family:"Sora", Sans-serif;font-size:14px;font-weight:300;line-height:18px;letter-spacing:-0.1px;}.elementor-132 .elementor-element.elementor-element-73b2b60{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--background-transition:0.3s;--border-radius:25px 25px 25px 25px;--margin-top:5px;--margin-bottom:5px;--margin-left:5px;--margin-right:5px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-132 .elementor-element.elementor-element-73b2b60:not(.elementor-motion-effects-element-type-background), .elementor-132 .elementor-element.elementor-element-73b2b60 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2E2E2E;}.elementor-132 .elementor-element.elementor-element-73b2b60:hover{background-color:#F1D002;}.elementor-132 .elementor-element.elementor-element-508142c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-132 .elementor-element.elementor-element-508142c img{border-radius:15px 15px 15px 15px;}.elementor-132 .elementor-element.elementor-element-aad8c31{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:10px 0px 10px 0px;text-align:start;}.elementor-132 .elementor-element.elementor-element-aad8c31 .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:20px;font-weight:900;color:#FFFFFF;}.elementor-132 .elementor-element.elementor-element-b8ac8c8{text-align:start;font-family:"Sora", Sans-serif;font-size:14px;font-weight:300;line-height:18px;letter-spacing:-0.1px;}.elementor-widget-ha-creative-button .ha-creative-btn{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-132 .elementor-element.elementor-element-df5d619{padding:40px 0px 0px 0px;}.elementor-132 .elementor-element.elementor-element-df5d619 .ha-creative-btn{font-family:"Sora", Sans-serif;font-size:18px;font-weight:500;}.elementor-132 .elementor-element.elementor-element-df5d619 .ha-creative-btn, .elementor-132 .elementor-element.elementor-element-df5d619 .ha-creative-btn.ha-eft--bloom div{border-style:none;}.elementor-132 .elementor-element.elementor-element-df5d619 .ha-creative-btn-wrap .ha-creative-btn{--ha-ctv-btn-txt-clr:#222222;--ha-ctv-btn-bg-clr:#F1D002;--ha-ctv-btn-bg-hvr-clr:#5A5A5A;}.elementor-132 .elementor-element.elementor-element-82d817f{--display:flex;--min-height:680px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-132 .elementor-element.elementor-element-82d817f:not(.elementor-motion-effects-element-type-background), .elementor-132 .elementor-element.elementor-element-82d817f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9F9F9;}.elementor-132 .elementor-element.elementor-element-82d817f > .elementor-shape-bottom .elementor-shape-fill, .elementor-132 .elementor-element.elementor-element-82d817f > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:#F1D002;}.elementor-132 .elementor-element.elementor-element-82d817f > .elementor-shape-bottom svg, .elementor-132 .elementor-element.elementor-element-82d817f > .e-con-inner > .elementor-shape-bottom svg{width:calc(123% + 1.3px);height:101px;}.elementor-132 .elementor-element.elementor-element-184aca7{--display:flex;}.elementor-132 .elementor-element.elementor-element-e5437cf{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -15px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-132 .elementor-element.elementor-element-e5437cf .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:18px;font-weight:400;text-transform:uppercase;color:#6B6B6B;}.elementor-132 .elementor-element.elementor-element-76ed5b1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 20px 0px;text-align:center;}.elementor-132 .elementor-element.elementor-element-76ed5b1 .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:34px;font-weight:900;color:#000000;}.elementor-132 .elementor-element.elementor-element-e454f2e{--display:flex;--min-height:194px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-132 .elementor-element.elementor-element-bb47165{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-evenly;--align-items:center;--background-transition:0.3s;--border-radius:25px 25px 25px 25px;--margin-top:15px;--margin-bottom:15px;--margin-left:15px;--margin-right:15px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-132 .elementor-element.elementor-element-bb47165:hover{background-color:#FFDD21;}.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-132 .elementor-element.elementor-element-d1ba451 .elementor-icon-wrapper{text-align:center;}.elementor-132 .elementor-element.elementor-element-d1ba451.elementor-view-stacked .elementor-icon{background-color:#272727;}.elementor-132 .elementor-element.elementor-element-d1ba451.elementor-view-framed .elementor-icon, .elementor-132 .elementor-element.elementor-element-d1ba451.elementor-view-default .elementor-icon{color:#272727;border-color:#272727;}.elementor-132 .elementor-element.elementor-element-d1ba451.elementor-view-framed .elementor-icon, .elementor-132 .elementor-element.elementor-element-d1ba451.elementor-view-default .elementor-icon svg{fill:#272727;}.elementor-132 .elementor-element.elementor-element-d1ba451 .elementor-icon{font-size:75px;}.elementor-132 .elementor-element.elementor-element-d1ba451 .elementor-icon svg{height:75px;}.elementor-132 .elementor-element.elementor-element-d358177{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + -20px) 0px;padding:0px 0px 0px 0px;}.elementor-132 .elementor-element.elementor-element-d358177 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-weight:900;color:#2E2E2E;}.elementor-132 .elementor-element.elementor-element-2443244{text-align:center;}.elementor-132 .elementor-element.elementor-element-2443244 .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:20px;font-weight:700;color:#303030;}.elementor-132 .elementor-element.elementor-element-b1cc848{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-evenly;--align-items:center;--background-transition:0.3s;--border-radius:25px 25px 25px 25px;--margin-top:15px;--margin-bottom:15px;--margin-left:15px;--margin-right:15px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-132 .elementor-element.elementor-element-b1cc848:hover{background-color:#FFA525;}.elementor-132 .elementor-element.elementor-element-0d530b3 .elementor-icon-wrapper{text-align:center;}.elementor-132 .elementor-element.elementor-element-0d530b3.elementor-view-stacked .elementor-icon{background-color:#272727;}.elementor-132 .elementor-element.elementor-element-0d530b3.elementor-view-framed .elementor-icon, .elementor-132 .elementor-element.elementor-element-0d530b3.elementor-view-default .elementor-icon{color:#272727;border-color:#272727;}.elementor-132 .elementor-element.elementor-element-0d530b3.elementor-view-framed .elementor-icon, .elementor-132 .elementor-element.elementor-element-0d530b3.elementor-view-default .elementor-icon svg{fill:#272727;}.elementor-132 .elementor-element.elementor-element-0d530b3 .elementor-icon{font-size:75px;}.elementor-132 .elementor-element.elementor-element-0d530b3 .elementor-icon svg{height:75px;}.elementor-132 .elementor-element.elementor-element-747da19{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + -20px) 0px;padding:0px 0px 0px 0px;}.elementor-132 .elementor-element.elementor-element-747da19 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-weight:900;color:#2E2E2E;}.elementor-132 .elementor-element.elementor-element-8dd3b9e{text-align:center;}.elementor-132 .elementor-element.elementor-element-8dd3b9e .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:20px;font-weight:700;color:#303030;}.elementor-132 .elementor-element.elementor-element-7f51ef0{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-evenly;--align-items:center;--background-transition:0.3s;--border-radius:25px 25px 25px 25px;--margin-top:15px;--margin-bottom:15px;--margin-left:15px;--margin-right:15px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-132 .elementor-element.elementor-element-7f51ef0:hover{background-color:#AFF13E;}.elementor-132 .elementor-element.elementor-element-a6c958a .elementor-icon-wrapper{text-align:center;}.elementor-132 .elementor-element.elementor-element-a6c958a.elementor-view-stacked .elementor-icon{background-color:#272727;}.elementor-132 .elementor-element.elementor-element-a6c958a.elementor-view-framed .elementor-icon, .elementor-132 .elementor-element.elementor-element-a6c958a.elementor-view-default .elementor-icon{color:#272727;border-color:#272727;}.elementor-132 .elementor-element.elementor-element-a6c958a.elementor-view-framed .elementor-icon, .elementor-132 .elementor-element.elementor-element-a6c958a.elementor-view-default .elementor-icon svg{fill:#272727;}.elementor-132 .elementor-element.elementor-element-a6c958a .elementor-icon{font-size:75px;}.elementor-132 .elementor-element.elementor-element-a6c958a .elementor-icon svg{height:75px;}.elementor-132 .elementor-element.elementor-element-ac60dce{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + -20px) 0px;padding:0px 0px 0px 0px;}.elementor-132 .elementor-element.elementor-element-ac60dce .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-weight:900;color:#2E2E2E;}.elementor-132 .elementor-element.elementor-element-910ba53{text-align:center;}.elementor-132 .elementor-element.elementor-element-910ba53 .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:20px;font-weight:700;color:#303030;}.elementor-132 .elementor-element.elementor-element-b042a31{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-evenly;--align-items:center;--background-transition:0.3s;--border-radius:25px 25px 25px 25px;--margin-top:15px;--margin-bottom:15px;--margin-left:15px;--margin-right:15px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-132 .elementor-element.elementor-element-b042a31:hover{background-color:#3EEBB6;}.elementor-132 .elementor-element.elementor-element-dddb0bf .elementor-icon-wrapper{text-align:center;}.elementor-132 .elementor-element.elementor-element-dddb0bf.elementor-view-stacked .elementor-icon{background-color:#272727;}.elementor-132 .elementor-element.elementor-element-dddb0bf.elementor-view-framed .elementor-icon, .elementor-132 .elementor-element.elementor-element-dddb0bf.elementor-view-default .elementor-icon{color:#272727;border-color:#272727;}.elementor-132 .elementor-element.elementor-element-dddb0bf.elementor-view-framed .elementor-icon, .elementor-132 .elementor-element.elementor-element-dddb0bf.elementor-view-default .elementor-icon svg{fill:#272727;}.elementor-132 .elementor-element.elementor-element-dddb0bf .elementor-icon{font-size:75px;}.elementor-132 .elementor-element.elementor-element-dddb0bf .elementor-icon svg{height:75px;}.elementor-132 .elementor-element.elementor-element-427c205{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + -20px) 0px;padding:0px 0px 0px 0px;}.elementor-132 .elementor-element.elementor-element-427c205 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-weight:900;color:#2E2E2E;}.elementor-132 .elementor-element.elementor-element-9d23da0{text-align:center;}.elementor-132 .elementor-element.elementor-element-9d23da0 .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:20px;font-weight:700;color:#303030;}.elementor-132 .elementor-element.elementor-element-cdcbda2{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-evenly;--align-items:center;--background-transition:0.3s;--border-radius:25px 25px 25px 25px;--margin-top:15px;--margin-bottom:15px;--margin-left:15px;--margin-right:15px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-132 .elementor-element.elementor-element-cdcbda2:hover{background-color:#C88AFF;}.elementor-132 .elementor-element.elementor-element-e22c3b6 .elementor-icon-wrapper{text-align:center;}.elementor-132 .elementor-element.elementor-element-e22c3b6.elementor-view-stacked .elementor-icon{background-color:#272727;}.elementor-132 .elementor-element.elementor-element-e22c3b6.elementor-view-framed .elementor-icon, .elementor-132 .elementor-element.elementor-element-e22c3b6.elementor-view-default .elementor-icon{color:#272727;border-color:#272727;}.elementor-132 .elementor-element.elementor-element-e22c3b6.elementor-view-framed .elementor-icon, .elementor-132 .elementor-element.elementor-element-e22c3b6.elementor-view-default .elementor-icon svg{fill:#272727;}.elementor-132 .elementor-element.elementor-element-e22c3b6 .elementor-icon{font-size:75px;}.elementor-132 .elementor-element.elementor-element-e22c3b6 .elementor-icon svg{height:75px;}.elementor-132 .elementor-element.elementor-element-dc9a8fe{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + -20px) 0px;padding:0px 0px 0px 0px;}.elementor-132 .elementor-element.elementor-element-dc9a8fe .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-weight:900;color:#2E2E2E;}.elementor-132 .elementor-element.elementor-element-e09b6bb{text-align:center;}.elementor-132 .elementor-element.elementor-element-e09b6bb .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:20px;font-weight:700;color:#303030;}.elementor-132 .elementor-element.elementor-element-669236b{padding:0px 0px 0px 0px;}.elementor-132 .elementor-element.elementor-element-669236b .ha-creative-btn{font-family:"Sora", Sans-serif;font-size:18px;font-weight:500;}.elementor-132 .elementor-element.elementor-element-669236b .ha-creative-btn, .elementor-132 .elementor-element.elementor-element-669236b .ha-creative-btn.ha-eft--bloom div{border-style:none;}.elementor-132 .elementor-element.elementor-element-669236b .ha-creative-btn-wrap .ha-creative-btn{--ha-ctv-btn-txt-clr:#222222;--ha-ctv-btn-bg-clr:#F1D002;--ha-ctv-btn-bg-hvr-clr:#5A5A5A;}.elementor-132 .elementor-element.elementor-element-b0c583f{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-132 .elementor-element.elementor-element-b0c583f:not(.elementor-motion-effects-element-type-background), .elementor-132 .elementor-element.elementor-element-b0c583f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#161616;}.elementor-132 .elementor-element.elementor-element-b0c583f > .elementor-shape-top .elementor-shape-fill, .elementor-132 .elementor-element.elementor-element-b0c583f > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:#F1D002;}.elementor-132 .elementor-element.elementor-element-b0c583f > .elementor-shape-top svg, .elementor-132 .elementor-element.elementor-element-b0c583f > .e-con-inner > .elementor-shape-top svg{width:calc(100% + 1.3px);height:93px;}.elementor-132 .elementor-element.elementor-element-1f0c290{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-132 .elementor-element.elementor-element-eb28c88{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-132 .elementor-element.elementor-element-eb28c88 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:18px;font-weight:400;text-transform:uppercase;color:#FFFFFF;}.elementor-132 .elementor-element.elementor-element-26589ea{--display:flex;}.elementor-132 .elementor-element.elementor-element-4d06ab7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-132 .elementor-element.elementor-element-4d06ab7 .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:34px;font-weight:900;color:#F1D002;}.elementor-132 .elementor-element.elementor-element-30361f2{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-132 .elementor-element.elementor-element-2d4864a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:5px 5px;--row-gap:5px;--column-gap:5px;border-style:none;--border-style:none;--border-radius:25px 25px 25px 25px;--margin-top:5px;--margin-bottom:5px;--margin-left:5px;--margin-right:5px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-132 .elementor-element.elementor-element-39beebd{border-radius:15px 15px 15px 15px;}.elementor-132 .elementor-element.elementor-element-39beebd .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-132 .elementor-element.elementor-element-84f1aeb{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-132 .elementor-element.elementor-element-0254617{padding:20px 0px 0px 0px;text-align:center;}.elementor-132 .elementor-element.elementor-element-0254617 .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:34px;font-weight:900;color:#F1D002;}.elementor-132 .elementor-element.elementor-element-7e9b8bf{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-132 .elementor-element.elementor-element-7e9b8bf .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:18px;font-weight:400;color:#FFFFFF;}.elementor-132 .elementor-element.elementor-element-8798a5f{padding:20px 0px 0px 0px;}.elementor-132 .elementor-element.elementor-element-8798a5f .ha-creative-btn{font-family:"Sora", Sans-serif;font-size:18px;font-weight:500;}.elementor-132 .elementor-element.elementor-element-8798a5f .ha-creative-btn, .elementor-132 .elementor-element.elementor-element-8798a5f .ha-creative-btn.ha-eft--bloom div{border-style:none;}.elementor-132 .elementor-element.elementor-element-8798a5f .ha-creative-btn-wrap .ha-creative-btn{--ha-ctv-btn-txt-clr:#222222;--ha-ctv-btn-bg-clr:#F1D002;--ha-ctv-btn-bg-hvr-clr:#5A5A5A;}.elementor-132 .elementor-element.elementor-element-5f0e620{--display:flex;--min-height:190px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:-60px;--margin-bottom:-50px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-132 .elementor-element.elementor-element-489bcab{--display:flex;--min-height:170px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--border-radius:25px 25px 25px 25px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-132 .elementor-element.elementor-element-489bcab:not(.elementor-motion-effects-element-type-background), .elementor-132 .elementor-element.elementor-element-489bcab > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F1D002;}.elementor-132 .elementor-element.elementor-element-489bcab.e-con{--align-self:center;}.elementor-132 .elementor-element.elementor-element-92ff330{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-132 .elementor-element.elementor-element-3a0fbdc{text-align:center;}.elementor-132 .elementor-element.elementor-element-3a0fbdc .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:34px;font-weight:900;color:#000000;}.elementor-132 .elementor-element.elementor-element-3501bb3{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-132 .elementor-element.elementor-element-3501bb3 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:400;color:#242424;}.elementor-132 .elementor-element.elementor-element-c092524{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-132 .elementor-element.elementor-element-c092524 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:400;font-style:italic;color:#242424;}.elementor-132 .elementor-element.elementor-element-8593679{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:100px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-132 .elementor-element.elementor-element-de91cce{--display:flex;}.elementor-132 .elementor-element.elementor-element-1dd1d74{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--background-transition:0.3s;--border-radius:25px 25px 25px 25px;--margin-top:5px;--margin-bottom:5px;--margin-left:5px;--margin-right:5px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-132 .elementor-element.elementor-element-1dd1d74:not(.elementor-motion-effects-element-type-background), .elementor-132 .elementor-element.elementor-element-1dd1d74 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2E2E2E;}.elementor-132 .elementor-element.elementor-element-1dd1d74:hover{background-color:#000000;}.elementor-132 .elementor-element.elementor-element-cdd52f6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-132 .elementor-element.elementor-element-cdd52f6 img{border-radius:15px 15px 15px 15px;}.elementor-132 .elementor-element.elementor-element-6566595{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:10px 0px 10px 0px;text-align:start;}.elementor-132 .elementor-element.elementor-element-6566595 .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:20px;font-weight:900;color:#FFFFFF;}.elementor-132 .elementor-element.elementor-element-eaa8b5b{text-align:start;font-family:"Sora", Sans-serif;font-size:2em;font-weight:300;}.elementor-132 .elementor-element.elementor-element-eaa8b5b p{margin-block-end:0px;}.elementor-132 .elementor-element.elementor-element-a7e99b8{text-align:start;font-family:"Sora", Sans-serif;font-size:13px;font-weight:300;line-height:18px;letter-spacing:-0.1px;}.elementor-132 .elementor-element.elementor-element-a7e99b8 p{margin-block-end:0px;}.elementor-132 .elementor-element.elementor-element-74cd276{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-132 .elementor-element.elementor-element-74cd276.elementor-element{--align-self:flex-start;}.elementor-132 .elementor-element.elementor-element-74cd276 .ha-creative-btn{font-family:"Sora", Sans-serif;font-size:16px;font-weight:500;padding:16px 16px 16px 16px;}.elementor-132 .elementor-element.elementor-element-74cd276 .ha-creative-btn, .elementor-132 .elementor-element.elementor-element-74cd276 .ha-creative-btn.ha-eft--bloom div{border-style:none;}.elementor-132 .elementor-element.elementor-element-74cd276 .ha-creative-btn-wrap .ha-creative-btn{--ha-ctv-btn-txt-clr:#000000;--ha-ctv-btn-bg-clr:#FFFFFF;--ha-ctv-btn-txt-hvr-clr:#000000;--ha-ctv-btn-bg-hvr-clr:var( --e-global-color-45b1ad2 );}.elementor-132 .elementor-element.elementor-element-74cd276 .ha-creative-btn.ha-stl--iconica > span{padding:16px 16px 16px 16px;}.elementor-132 .elementor-element.elementor-element-74cd276 .ha-creative-btn.ha-stl--montino.ha-eft--winona > span{padding:16px 16px 16px 16px;}.elementor-132 .elementor-element.elementor-element-74cd276 .ha-creative-btn.ha-stl--montino.ha-eft--winona::after{padding:16px 16px 16px 16px;}.elementor-132 .elementor-element.elementor-element-74cd276 .ha-creative-btn.ha-stl--montino.ha-eft--rayen > span{padding:16px 16px 16px 16px;}.elementor-132 .elementor-element.elementor-element-74cd276 .ha-creative-btn.ha-stl--montino.ha-eft--rayen::before{padding:16px 16px 16px 16px;}.elementor-132 .elementor-element.elementor-element-74cd276 .ha-creative-btn.ha-stl--montino.ha-eft--nina{padding:16px 16px 16px 16px;}.elementor-132 .elementor-element.elementor-element-74cd276 .ha-creative-btn.ha-stl--montino.ha-eft--nina::before{padding:16px 16px 16px 16px;}.elementor-132 .elementor-element.elementor-element-74cd276 .ha-creative-btn.ha-stl--hermosa.ha-eft--bloom span{padding:16px 16px 16px 16px;}.elementor-132 .elementor-element.elementor-element-e1d507b{--display:flex;}.elementor-132 .elementor-element.elementor-element-0488874{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--background-transition:0.3s;--border-radius:25px 25px 25px 25px;--margin-top:5px;--margin-bottom:5px;--margin-left:5px;--margin-right:5px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-132 .elementor-element.elementor-element-0488874:not(.elementor-motion-effects-element-type-background), .elementor-132 .elementor-element.elementor-element-0488874 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2E2E2E;}.elementor-132 .elementor-element.elementor-element-0488874:hover{background-color:#000000;}.elementor-132 .elementor-element.elementor-element-3a1b52a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-132 .elementor-element.elementor-element-3a1b52a img{border-radius:15px 15px 15px 15px;}.elementor-132 .elementor-element.elementor-element-f840796{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:10px 0px 10px 0px;text-align:start;}.elementor-132 .elementor-element.elementor-element-f840796 .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:20px;font-weight:900;color:#FFFFFF;}.elementor-132 .elementor-element.elementor-element-58aeb5f{text-align:start;font-family:"Sora", Sans-serif;font-size:2em;font-weight:300;}.elementor-132 .elementor-element.elementor-element-58aeb5f p{margin-block-end:0px;}.elementor-132 .elementor-element.elementor-element-9ba3d67{text-align:start;font-family:"Sora", Sans-serif;font-size:13px;font-weight:300;line-height:18px;letter-spacing:-0.1px;}.elementor-132 .elementor-element.elementor-element-9ba3d67 p{margin-block-end:0px;}.elementor-132 .elementor-element.elementor-element-39fb36c{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-132 .elementor-element.elementor-element-39fb36c.elementor-element{--align-self:flex-start;}.elementor-132 .elementor-element.elementor-element-39fb36c .ha-creative-btn{font-family:"Sora", Sans-serif;font-size:16px;font-weight:500;padding:16px 16px 16px 16px;}.elementor-132 .elementor-element.elementor-element-39fb36c .ha-creative-btn, .elementor-132 .elementor-element.elementor-element-39fb36c .ha-creative-btn.ha-eft--bloom div{border-style:none;}.elementor-132 .elementor-element.elementor-element-39fb36c .ha-creative-btn-wrap .ha-creative-btn{--ha-ctv-btn-txt-clr:#000000;--ha-ctv-btn-bg-clr:#FFFFFF;--ha-ctv-btn-txt-hvr-clr:#000000;--ha-ctv-btn-bg-hvr-clr:var( --e-global-color-45b1ad2 );}.elementor-132 .elementor-element.elementor-element-39fb36c .ha-creative-btn.ha-stl--iconica > span{padding:16px 16px 16px 16px;}.elementor-132 .elementor-element.elementor-element-39fb36c .ha-creative-btn.ha-stl--montino.ha-eft--winona > span{padding:16px 16px 16px 16px;}.elementor-132 .elementor-element.elementor-element-39fb36c .ha-creative-btn.ha-stl--montino.ha-eft--winona::after{padding:16px 16px 16px 16px;}.elementor-132 .elementor-element.elementor-element-39fb36c .ha-creative-btn.ha-stl--montino.ha-eft--rayen > span{padding:16px 16px 16px 16px;}.elementor-132 .elementor-element.elementor-element-39fb36c .ha-creative-btn.ha-stl--montino.ha-eft--rayen::before{padding:16px 16px 16px 16px;}.elementor-132 .elementor-element.elementor-element-39fb36c .ha-creative-btn.ha-stl--montino.ha-eft--nina{padding:16px 16px 16px 16px;}.elementor-132 .elementor-element.elementor-element-39fb36c .ha-creative-btn.ha-stl--montino.ha-eft--nina::before{padding:16px 16px 16px 16px;}.elementor-132 .elementor-element.elementor-element-39fb36c .ha-creative-btn.ha-stl--hermosa.ha-eft--bloom span{padding:16px 16px 16px 16px;}.elementor-132 .elementor-element.elementor-element-8006c57{--display:flex;}.elementor-132 .elementor-element.elementor-element-64f3657{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--background-transition:0.3s;--border-radius:25px 25px 25px 25px;--margin-top:5px;--margin-bottom:5px;--margin-left:5px;--margin-right:5px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-132 .elementor-element.elementor-element-64f3657:not(.elementor-motion-effects-element-type-background), .elementor-132 .elementor-element.elementor-element-64f3657 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2E2E2E;}.elementor-132 .elementor-element.elementor-element-64f3657:hover{background-color:#000000;}.elementor-132 .elementor-element.elementor-element-251ca00{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-132 .elementor-element.elementor-element-251ca00 img{border-radius:15px 15px 15px 15px;}.elementor-132 .elementor-element.elementor-element-82c8f6a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:10px 0px 10px 0px;text-align:start;}.elementor-132 .elementor-element.elementor-element-82c8f6a .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:20px;font-weight:900;color:#FFFFFF;}.elementor-132 .elementor-element.elementor-element-5841857{text-align:start;font-family:"Sora", Sans-serif;font-size:2em;font-weight:300;}.elementor-132 .elementor-element.elementor-element-5841857 p{margin-block-end:0px;}.elementor-132 .elementor-element.elementor-element-4d7c87a{text-align:start;font-family:"Sora", Sans-serif;font-size:13px;font-weight:300;line-height:18px;letter-spacing:-0.1px;}.elementor-132 .elementor-element.elementor-element-4d7c87a p{margin-block-end:0px;}.elementor-132 .elementor-element.elementor-element-9ccc371{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-132 .elementor-element.elementor-element-9ccc371.elementor-element{--align-self:flex-start;}.elementor-132 .elementor-element.elementor-element-9ccc371 .ha-creative-btn{font-family:"Sora", Sans-serif;font-size:16px;font-weight:500;padding:16px 16px 16px 16px;}.elementor-132 .elementor-element.elementor-element-9ccc371 .ha-creative-btn, .elementor-132 .elementor-element.elementor-element-9ccc371 .ha-creative-btn.ha-eft--bloom div{border-style:none;}.elementor-132 .elementor-element.elementor-element-9ccc371 .ha-creative-btn-wrap .ha-creative-btn{--ha-ctv-btn-txt-clr:#000000;--ha-ctv-btn-bg-clr:#FFFFFF;--ha-ctv-btn-txt-hvr-clr:#000000;--ha-ctv-btn-bg-hvr-clr:var( --e-global-color-45b1ad2 );}.elementor-132 .elementor-element.elementor-element-9ccc371 .ha-creative-btn.ha-stl--iconica > span{padding:16px 16px 16px 16px;}.elementor-132 .elementor-element.elementor-element-9ccc371 .ha-creative-btn.ha-stl--montino.ha-eft--winona > span{padding:16px 16px 16px 16px;}.elementor-132 .elementor-element.elementor-element-9ccc371 .ha-creative-btn.ha-stl--montino.ha-eft--winona::after{padding:16px 16px 16px 16px;}.elementor-132 .elementor-element.elementor-element-9ccc371 .ha-creative-btn.ha-stl--montino.ha-eft--rayen > span{padding:16px 16px 16px 16px;}.elementor-132 .elementor-element.elementor-element-9ccc371 .ha-creative-btn.ha-stl--montino.ha-eft--rayen::before{padding:16px 16px 16px 16px;}.elementor-132 .elementor-element.elementor-element-9ccc371 .ha-creative-btn.ha-stl--montino.ha-eft--nina{padding:16px 16px 16px 16px;}.elementor-132 .elementor-element.elementor-element-9ccc371 .ha-creative-btn.ha-stl--montino.ha-eft--nina::before{padding:16px 16px 16px 16px;}.elementor-132 .elementor-element.elementor-element-9ccc371 .ha-creative-btn.ha-stl--hermosa.ha-eft--bloom span{padding:16px 16px 16px 16px;}.elementor-132 .elementor-element.elementor-element-5304879{--display:flex;}.elementor-132 .elementor-element.elementor-element-2e0d3a5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--background-transition:0.3s;--border-radius:25px 25px 25px 25px;--margin-top:5px;--margin-bottom:5px;--margin-left:5px;--margin-right:5px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-132 .elementor-element.elementor-element-2e0d3a5:not(.elementor-motion-effects-element-type-background), .elementor-132 .elementor-element.elementor-element-2e0d3a5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2E2E2E;}.elementor-132 .elementor-element.elementor-element-2e0d3a5:hover{background-color:#000000;}.elementor-132 .elementor-element.elementor-element-93602bd{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-132 .elementor-element.elementor-element-93602bd img{border-radius:15px 15px 15px 15px;}.elementor-132 .elementor-element.elementor-element-fbde5cf{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:10px 0px 10px 0px;text-align:start;}.elementor-132 .elementor-element.elementor-element-fbde5cf .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:20px;font-weight:900;color:#FFFFFF;}.elementor-132 .elementor-element.elementor-element-9217ad1{text-align:start;font-family:"Sora", Sans-serif;font-size:2em;font-weight:300;}.elementor-132 .elementor-element.elementor-element-9217ad1 p{margin-block-end:0px;}.elementor-132 .elementor-element.elementor-element-fee5323{text-align:start;font-family:"Sora", Sans-serif;font-size:13px;font-weight:300;line-height:18px;letter-spacing:-0.1px;}.elementor-132 .elementor-element.elementor-element-fee5323 p{margin-block-end:0px;}.elementor-132 .elementor-element.elementor-element-e4f078e{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-132 .elementor-element.elementor-element-e4f078e.elementor-element{--align-self:flex-start;}.elementor-132 .elementor-element.elementor-element-e4f078e .ha-creative-btn{font-family:"Sora", Sans-serif;font-size:16px;font-weight:500;padding:16px 16px 16px 16px;}.elementor-132 .elementor-element.elementor-element-e4f078e .ha-creative-btn, .elementor-132 .elementor-element.elementor-element-e4f078e .ha-creative-btn.ha-eft--bloom div{border-style:none;}.elementor-132 .elementor-element.elementor-element-e4f078e .ha-creative-btn-wrap .ha-creative-btn{--ha-ctv-btn-txt-clr:#000000;--ha-ctv-btn-bg-clr:#FFFFFF;--ha-ctv-btn-txt-hvr-clr:#000000;--ha-ctv-btn-bg-hvr-clr:var( --e-global-color-45b1ad2 );}.elementor-132 .elementor-element.elementor-element-e4f078e .ha-creative-btn.ha-stl--iconica > span{padding:16px 16px 16px 16px;}.elementor-132 .elementor-element.elementor-element-e4f078e .ha-creative-btn.ha-stl--montino.ha-eft--winona > span{padding:16px 16px 16px 16px;}.elementor-132 .elementor-element.elementor-element-e4f078e .ha-creative-btn.ha-stl--montino.ha-eft--winona::after{padding:16px 16px 16px 16px;}.elementor-132 .elementor-element.elementor-element-e4f078e .ha-creative-btn.ha-stl--montino.ha-eft--rayen > span{padding:16px 16px 16px 16px;}.elementor-132 .elementor-element.elementor-element-e4f078e .ha-creative-btn.ha-stl--montino.ha-eft--rayen::before{padding:16px 16px 16px 16px;}.elementor-132 .elementor-element.elementor-element-e4f078e .ha-creative-btn.ha-stl--montino.ha-eft--nina{padding:16px 16px 16px 16px;}.elementor-132 .elementor-element.elementor-element-e4f078e .ha-creative-btn.ha-stl--montino.ha-eft--nina::before{padding:16px 16px 16px 16px;}.elementor-132 .elementor-element.elementor-element-e4f078e .ha-creative-btn.ha-stl--hermosa.ha-eft--bloom span{padding:16px 16px 16px 16px;}.elementor-132 .elementor-element.elementor-element-d3800d9{--display:flex;}.elementor-132 .elementor-element.elementor-element-0f6deea{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--background-transition:0.3s;--border-radius:25px 25px 25px 25px;--margin-top:5px;--margin-bottom:5px;--margin-left:5px;--margin-right:5px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-132 .elementor-element.elementor-element-0f6deea:not(.elementor-motion-effects-element-type-background), .elementor-132 .elementor-element.elementor-element-0f6deea > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2E2E2E;}.elementor-132 .elementor-element.elementor-element-0f6deea:hover{background-color:#000000;}.elementor-132 .elementor-element.elementor-element-8ef6c98{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-132 .elementor-element.elementor-element-8ef6c98 img{border-radius:15px 15px 15px 15px;}.elementor-132 .elementor-element.elementor-element-25edc95{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:10px 0px 10px 0px;text-align:start;}.elementor-132 .elementor-element.elementor-element-25edc95 .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:20px;font-weight:900;color:#FFFFFF;}.elementor-132 .elementor-element.elementor-element-7f5b694{text-align:start;font-family:"Sora", Sans-serif;font-size:2em;font-weight:300;}.elementor-132 .elementor-element.elementor-element-7f5b694 p{margin-block-end:0px;}.elementor-132 .elementor-element.elementor-element-aeac17a{text-align:start;font-family:"Sora", Sans-serif;font-size:13px;font-weight:300;line-height:18px;letter-spacing:-0.1px;}.elementor-132 .elementor-element.elementor-element-aeac17a p{margin-block-end:0px;}.elementor-132 .elementor-element.elementor-element-4ef5d59{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-132 .elementor-element.elementor-element-4ef5d59.elementor-element{--align-self:flex-start;}.elementor-132 .elementor-element.elementor-element-4ef5d59 .ha-creative-btn{font-family:"Sora", Sans-serif;font-size:16px;font-weight:500;padding:16px 16px 16px 16px;}.elementor-132 .elementor-element.elementor-element-4ef5d59 .ha-creative-btn, .elementor-132 .elementor-element.elementor-element-4ef5d59 .ha-creative-btn.ha-eft--bloom div{border-style:none;}.elementor-132 .elementor-element.elementor-element-4ef5d59 .ha-creative-btn-wrap .ha-creative-btn{--ha-ctv-btn-txt-clr:#000000;--ha-ctv-btn-bg-clr:#FFFFFF;--ha-ctv-btn-txt-hvr-clr:#000000;--ha-ctv-btn-bg-hvr-clr:var( --e-global-color-45b1ad2 );}.elementor-132 .elementor-element.elementor-element-4ef5d59 .ha-creative-btn.ha-stl--iconica > span{padding:16px 16px 16px 16px;}.elementor-132 .elementor-element.elementor-element-4ef5d59 .ha-creative-btn.ha-stl--montino.ha-eft--winona > span{padding:16px 16px 16px 16px;}.elementor-132 .elementor-element.elementor-element-4ef5d59 .ha-creative-btn.ha-stl--montino.ha-eft--winona::after{padding:16px 16px 16px 16px;}.elementor-132 .elementor-element.elementor-element-4ef5d59 .ha-creative-btn.ha-stl--montino.ha-eft--rayen > span{padding:16px 16px 16px 16px;}.elementor-132 .elementor-element.elementor-element-4ef5d59 .ha-creative-btn.ha-stl--montino.ha-eft--rayen::before{padding:16px 16px 16px 16px;}.elementor-132 .elementor-element.elementor-element-4ef5d59 .ha-creative-btn.ha-stl--montino.ha-eft--nina{padding:16px 16px 16px 16px;}.elementor-132 .elementor-element.elementor-element-4ef5d59 .ha-creative-btn.ha-stl--montino.ha-eft--nina::before{padding:16px 16px 16px 16px;}.elementor-132 .elementor-element.elementor-element-4ef5d59 .ha-creative-btn.ha-stl--hermosa.ha-eft--bloom span{padding:16px 16px 16px 16px;}.elementor-132 .elementor-element.elementor-element-b20bf1b{--display:flex;}.elementor-132 .elementor-element.elementor-element-2372364{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--background-transition:0.3s;--border-radius:25px 25px 25px 25px;--margin-top:5px;--margin-bottom:5px;--margin-left:5px;--margin-right:5px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-132 .elementor-element.elementor-element-2372364:not(.elementor-motion-effects-element-type-background), .elementor-132 .elementor-element.elementor-element-2372364 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2E2E2E;}.elementor-132 .elementor-element.elementor-element-2372364:hover{background-color:#000000;}.elementor-132 .elementor-element.elementor-element-50eb7a3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-132 .elementor-element.elementor-element-50eb7a3 img{border-radius:15px 15px 15px 15px;}.elementor-132 .elementor-element.elementor-element-cc36c14{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:10px 0px 10px 0px;text-align:start;}.elementor-132 .elementor-element.elementor-element-cc36c14 .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:20px;font-weight:900;color:#FFFFFF;}.elementor-132 .elementor-element.elementor-element-1cf8cbc{text-align:start;font-family:"Sora", Sans-serif;font-size:2em;font-weight:300;}.elementor-132 .elementor-element.elementor-element-1cf8cbc p{margin-block-end:0px;}.elementor-132 .elementor-element.elementor-element-f61658d{text-align:start;font-family:"Sora", Sans-serif;font-size:13px;font-weight:300;line-height:18px;letter-spacing:-0.1px;}.elementor-132 .elementor-element.elementor-element-f61658d p{margin-block-end:0px;}.elementor-132 .elementor-element.elementor-element-b002da7{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-132 .elementor-element.elementor-element-b002da7.elementor-element{--align-self:flex-start;}.elementor-132 .elementor-element.elementor-element-b002da7 .ha-creative-btn{font-family:"Sora", Sans-serif;font-size:16px;font-weight:500;padding:16px 16px 16px 16px;}.elementor-132 .elementor-element.elementor-element-b002da7 .ha-creative-btn, .elementor-132 .elementor-element.elementor-element-b002da7 .ha-creative-btn.ha-eft--bloom div{border-style:none;}.elementor-132 .elementor-element.elementor-element-b002da7 .ha-creative-btn-wrap .ha-creative-btn{--ha-ctv-btn-txt-clr:#000000;--ha-ctv-btn-bg-clr:#FFFFFF;--ha-ctv-btn-txt-hvr-clr:#000000;--ha-ctv-btn-bg-hvr-clr:var( --e-global-color-45b1ad2 );}.elementor-132 .elementor-element.elementor-element-b002da7 .ha-creative-btn.ha-stl--iconica > span{padding:16px 16px 16px 16px;}.elementor-132 .elementor-element.elementor-element-b002da7 .ha-creative-btn.ha-stl--montino.ha-eft--winona > span{padding:16px 16px 16px 16px;}.elementor-132 .elementor-element.elementor-element-b002da7 .ha-creative-btn.ha-stl--montino.ha-eft--winona::after{padding:16px 16px 16px 16px;}.elementor-132 .elementor-element.elementor-element-b002da7 .ha-creative-btn.ha-stl--montino.ha-eft--rayen > span{padding:16px 16px 16px 16px;}.elementor-132 .elementor-element.elementor-element-b002da7 .ha-creative-btn.ha-stl--montino.ha-eft--rayen::before{padding:16px 16px 16px 16px;}.elementor-132 .elementor-element.elementor-element-b002da7 .ha-creative-btn.ha-stl--montino.ha-eft--nina{padding:16px 16px 16px 16px;}.elementor-132 .elementor-element.elementor-element-b002da7 .ha-creative-btn.ha-stl--montino.ha-eft--nina::before{padding:16px 16px 16px 16px;}.elementor-132 .elementor-element.elementor-element-b002da7 .ha-creative-btn.ha-stl--hermosa.ha-eft--bloom span{padding:16px 16px 16px 16px;}.elementor-132 .elementor-element.elementor-element-7cf0840{--display:flex;}.elementor-132 .elementor-element.elementor-element-ad2781a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--background-transition:0.3s;--border-radius:25px 25px 25px 25px;--margin-top:5px;--margin-bottom:5px;--margin-left:5px;--margin-right:5px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-132 .elementor-element.elementor-element-ad2781a:not(.elementor-motion-effects-element-type-background), .elementor-132 .elementor-element.elementor-element-ad2781a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2E2E2E;}.elementor-132 .elementor-element.elementor-element-ad2781a:hover{background-color:#000000;}.elementor-132 .elementor-element.elementor-element-2971b1d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-132 .elementor-element.elementor-element-2971b1d img{border-radius:15px 15px 15px 15px;}.elementor-132 .elementor-element.elementor-element-ce93f2b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:10px 0px 10px 0px;text-align:start;}.elementor-132 .elementor-element.elementor-element-ce93f2b .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:20px;font-weight:900;color:#FFFFFF;}.elementor-132 .elementor-element.elementor-element-d370c4b{text-align:start;font-family:"Sora", Sans-serif;font-size:2em;font-weight:300;}.elementor-132 .elementor-element.elementor-element-d370c4b p{margin-block-end:0px;}.elementor-132 .elementor-element.elementor-element-9e7969c{text-align:start;font-family:"Sora", Sans-serif;font-size:13px;font-weight:300;line-height:18px;letter-spacing:-0.1px;}.elementor-132 .elementor-element.elementor-element-9e7969c p{margin-block-end:0px;}.elementor-132 .elementor-element.elementor-element-29eb256{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-132 .elementor-element.elementor-element-29eb256.elementor-element{--align-self:flex-start;}.elementor-132 .elementor-element.elementor-element-29eb256 .ha-creative-btn{font-family:"Sora", Sans-serif;font-size:16px;font-weight:500;padding:16px 16px 16px 16px;}.elementor-132 .elementor-element.elementor-element-29eb256 .ha-creative-btn, .elementor-132 .elementor-element.elementor-element-29eb256 .ha-creative-btn.ha-eft--bloom div{border-style:none;}.elementor-132 .elementor-element.elementor-element-29eb256 .ha-creative-btn-wrap .ha-creative-btn{--ha-ctv-btn-txt-clr:#000000;--ha-ctv-btn-bg-clr:#FFFFFF;--ha-ctv-btn-txt-hvr-clr:#000000;--ha-ctv-btn-bg-hvr-clr:var( --e-global-color-45b1ad2 );}.elementor-132 .elementor-element.elementor-element-29eb256 .ha-creative-btn.ha-stl--iconica > span{padding:16px 16px 16px 16px;}.elementor-132 .elementor-element.elementor-element-29eb256 .ha-creative-btn.ha-stl--montino.ha-eft--winona > span{padding:16px 16px 16px 16px;}.elementor-132 .elementor-element.elementor-element-29eb256 .ha-creative-btn.ha-stl--montino.ha-eft--winona::after{padding:16px 16px 16px 16px;}.elementor-132 .elementor-element.elementor-element-29eb256 .ha-creative-btn.ha-stl--montino.ha-eft--rayen > span{padding:16px 16px 16px 16px;}.elementor-132 .elementor-element.elementor-element-29eb256 .ha-creative-btn.ha-stl--montino.ha-eft--rayen::before{padding:16px 16px 16px 16px;}.elementor-132 .elementor-element.elementor-element-29eb256 .ha-creative-btn.ha-stl--montino.ha-eft--nina{padding:16px 16px 16px 16px;}.elementor-132 .elementor-element.elementor-element-29eb256 .ha-creative-btn.ha-stl--montino.ha-eft--nina::before{padding:16px 16px 16px 16px;}.elementor-132 .elementor-element.elementor-element-29eb256 .ha-creative-btn.ha-stl--hermosa.ha-eft--bloom span{padding:16px 16px 16px 16px;}.elementor-132 .elementor-element.elementor-element-d5be77b{--display:flex;}.elementor-132 .elementor-element.elementor-element-5faaa37{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--background-transition:0.3s;--border-radius:25px 25px 25px 25px;--margin-top:5px;--margin-bottom:5px;--margin-left:5px;--margin-right:5px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-132 .elementor-element.elementor-element-5faaa37:not(.elementor-motion-effects-element-type-background), .elementor-132 .elementor-element.elementor-element-5faaa37 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2E2E2E;}.elementor-132 .elementor-element.elementor-element-5faaa37:hover{background-color:#000000;}.elementor-132 .elementor-element.elementor-element-6f1242a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-132 .elementor-element.elementor-element-6f1242a img{border-radius:15px 15px 15px 15px;}.elementor-132 .elementor-element.elementor-element-339dd8a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:10px 0px 10px 0px;text-align:start;}.elementor-132 .elementor-element.elementor-element-339dd8a .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:20px;font-weight:900;color:#FFFFFF;}.elementor-132 .elementor-element.elementor-element-f365b3a{text-align:start;font-family:"Sora", Sans-serif;font-size:2em;font-weight:300;}.elementor-132 .elementor-element.elementor-element-f365b3a p{margin-block-end:0px;}.elementor-132 .elementor-element.elementor-element-5193dd5{text-align:start;font-family:"Sora", Sans-serif;font-size:13px;font-weight:300;line-height:18px;letter-spacing:-0.1px;}.elementor-132 .elementor-element.elementor-element-5193dd5 p{margin-block-end:0px;}.elementor-132 .elementor-element.elementor-element-b28ec43{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-132 .elementor-element.elementor-element-b28ec43.elementor-element{--align-self:flex-start;}.elementor-132 .elementor-element.elementor-element-b28ec43 .ha-creative-btn{font-family:"Sora", Sans-serif;font-size:16px;font-weight:500;padding:16px 16px 16px 16px;}.elementor-132 .elementor-element.elementor-element-b28ec43 .ha-creative-btn, .elementor-132 .elementor-element.elementor-element-b28ec43 .ha-creative-btn.ha-eft--bloom div{border-style:none;}.elementor-132 .elementor-element.elementor-element-b28ec43 .ha-creative-btn-wrap .ha-creative-btn{--ha-ctv-btn-txt-clr:#000000;--ha-ctv-btn-bg-clr:#FFFFFF;--ha-ctv-btn-txt-hvr-clr:#000000;--ha-ctv-btn-bg-hvr-clr:var( --e-global-color-45b1ad2 );}.elementor-132 .elementor-element.elementor-element-b28ec43 .ha-creative-btn.ha-stl--iconica > span{padding:16px 16px 16px 16px;}.elementor-132 .elementor-element.elementor-element-b28ec43 .ha-creative-btn.ha-stl--montino.ha-eft--winona > span{padding:16px 16px 16px 16px;}.elementor-132 .elementor-element.elementor-element-b28ec43 .ha-creative-btn.ha-stl--montino.ha-eft--winona::after{padding:16px 16px 16px 16px;}.elementor-132 .elementor-element.elementor-element-b28ec43 .ha-creative-btn.ha-stl--montino.ha-eft--rayen > span{padding:16px 16px 16px 16px;}.elementor-132 .elementor-element.elementor-element-b28ec43 .ha-creative-btn.ha-stl--montino.ha-eft--rayen::before{padding:16px 16px 16px 16px;}.elementor-132 .elementor-element.elementor-element-b28ec43 .ha-creative-btn.ha-stl--montino.ha-eft--nina{padding:16px 16px 16px 16px;}.elementor-132 .elementor-element.elementor-element-b28ec43 .ha-creative-btn.ha-stl--montino.ha-eft--nina::before{padding:16px 16px 16px 16px;}.elementor-132 .elementor-element.elementor-element-b28ec43 .ha-creative-btn.ha-stl--hermosa.ha-eft--bloom span{padding:16px 16px 16px 16px;}.elementor-132 .elementor-element.elementor-element-3d95665{--display:flex;}.elementor-132 .elementor-element.elementor-element-5b0e305{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--background-transition:0.3s;--border-radius:25px 25px 25px 25px;--margin-top:5px;--margin-bottom:5px;--margin-left:5px;--margin-right:5px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-132 .elementor-element.elementor-element-5b0e305:not(.elementor-motion-effects-element-type-background), .elementor-132 .elementor-element.elementor-element-5b0e305 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2E2E2E;}.elementor-132 .elementor-element.elementor-element-5b0e305:hover{background-color:#000000;}.elementor-132 .elementor-element.elementor-element-374fd0e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-132 .elementor-element.elementor-element-374fd0e img{border-radius:15px 15px 15px 15px;}.elementor-132 .elementor-element.elementor-element-2b94743{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:10px 0px 10px 0px;text-align:start;}.elementor-132 .elementor-element.elementor-element-2b94743 .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:20px;font-weight:900;color:#FFFFFF;}.elementor-132 .elementor-element.elementor-element-a474ae0{text-align:start;font-family:"Sora", Sans-serif;font-size:2em;font-weight:300;}.elementor-132 .elementor-element.elementor-element-a474ae0 p{margin-block-end:0px;}.elementor-132 .elementor-element.elementor-element-642e37c{text-align:start;font-family:"Sora", Sans-serif;font-size:13px;font-weight:300;line-height:18px;letter-spacing:-0.1px;}.elementor-132 .elementor-element.elementor-element-642e37c p{margin-block-end:0px;}.elementor-132 .elementor-element.elementor-element-b98dd55{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-132 .elementor-element.elementor-element-b98dd55.elementor-element{--align-self:flex-start;}.elementor-132 .elementor-element.elementor-element-b98dd55 .ha-creative-btn{font-family:"Sora", Sans-serif;font-size:16px;font-weight:500;padding:16px 16px 16px 16px;}.elementor-132 .elementor-element.elementor-element-b98dd55 .ha-creative-btn, .elementor-132 .elementor-element.elementor-element-b98dd55 .ha-creative-btn.ha-eft--bloom div{border-style:none;}.elementor-132 .elementor-element.elementor-element-b98dd55 .ha-creative-btn-wrap .ha-creative-btn{--ha-ctv-btn-txt-clr:#000000;--ha-ctv-btn-bg-clr:#FFFFFF;--ha-ctv-btn-txt-hvr-clr:#000000;--ha-ctv-btn-bg-hvr-clr:var( --e-global-color-45b1ad2 );}.elementor-132 .elementor-element.elementor-element-b98dd55 .ha-creative-btn.ha-stl--iconica > span{padding:16px 16px 16px 16px;}.elementor-132 .elementor-element.elementor-element-b98dd55 .ha-creative-btn.ha-stl--montino.ha-eft--winona > span{padding:16px 16px 16px 16px;}.elementor-132 .elementor-element.elementor-element-b98dd55 .ha-creative-btn.ha-stl--montino.ha-eft--winona::after{padding:16px 16px 16px 16px;}.elementor-132 .elementor-element.elementor-element-b98dd55 .ha-creative-btn.ha-stl--montino.ha-eft--rayen > span{padding:16px 16px 16px 16px;}.elementor-132 .elementor-element.elementor-element-b98dd55 .ha-creative-btn.ha-stl--montino.ha-eft--rayen::before{padding:16px 16px 16px 16px;}.elementor-132 .elementor-element.elementor-element-b98dd55 .ha-creative-btn.ha-stl--montino.ha-eft--nina{padding:16px 16px 16px 16px;}.elementor-132 .elementor-element.elementor-element-b98dd55 .ha-creative-btn.ha-stl--montino.ha-eft--nina::before{padding:16px 16px 16px 16px;}.elementor-132 .elementor-element.elementor-element-b98dd55 .ha-creative-btn.ha-stl--hermosa.ha-eft--bloom span{padding:16px 16px 16px 16px;}.elementor-132 .elementor-element.elementor-element-0339ec9{--display:flex;}.elementor-132 .elementor-element.elementor-element-cdf8e95{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--background-transition:0.3s;--border-radius:25px 25px 25px 25px;--margin-top:5px;--margin-bottom:5px;--margin-left:5px;--margin-right:5px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-132 .elementor-element.elementor-element-cdf8e95:not(.elementor-motion-effects-element-type-background), .elementor-132 .elementor-element.elementor-element-cdf8e95 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2E2E2E;}.elementor-132 .elementor-element.elementor-element-cdf8e95:hover{background-color:#000000;}.elementor-132 .elementor-element.elementor-element-1ba8d87{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-132 .elementor-element.elementor-element-1ba8d87 img{border-radius:15px 15px 15px 15px;}.elementor-132 .elementor-element.elementor-element-f469880{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:10px 0px 10px 0px;text-align:start;}.elementor-132 .elementor-element.elementor-element-f469880 .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:20px;font-weight:900;color:#FFFFFF;}.elementor-132 .elementor-element.elementor-element-047752d{text-align:start;font-family:"Sora", Sans-serif;font-size:2em;font-weight:300;}.elementor-132 .elementor-element.elementor-element-047752d p{margin-block-end:0px;}.elementor-132 .elementor-element.elementor-element-15c7da9{text-align:start;font-family:"Sora", Sans-serif;font-size:13px;font-weight:300;line-height:18px;letter-spacing:-0.1px;}.elementor-132 .elementor-element.elementor-element-15c7da9 p{margin-block-end:0px;}.elementor-132 .elementor-element.elementor-element-8d06a8f{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-132 .elementor-element.elementor-element-8d06a8f.elementor-element{--align-self:flex-start;}.elementor-132 .elementor-element.elementor-element-8d06a8f .ha-creative-btn{font-family:"Sora", Sans-serif;font-size:16px;font-weight:500;padding:16px 16px 16px 16px;}.elementor-132 .elementor-element.elementor-element-8d06a8f .ha-creative-btn, .elementor-132 .elementor-element.elementor-element-8d06a8f .ha-creative-btn.ha-eft--bloom div{border-style:none;}.elementor-132 .elementor-element.elementor-element-8d06a8f .ha-creative-btn-wrap .ha-creative-btn{--ha-ctv-btn-txt-clr:#000000;--ha-ctv-btn-bg-clr:#FFFFFF;--ha-ctv-btn-txt-hvr-clr:#000000;--ha-ctv-btn-bg-hvr-clr:var( --e-global-color-45b1ad2 );}.elementor-132 .elementor-element.elementor-element-8d06a8f .ha-creative-btn.ha-stl--iconica > span{padding:16px 16px 16px 16px;}.elementor-132 .elementor-element.elementor-element-8d06a8f .ha-creative-btn.ha-stl--montino.ha-eft--winona > span{padding:16px 16px 16px 16px;}.elementor-132 .elementor-element.elementor-element-8d06a8f .ha-creative-btn.ha-stl--montino.ha-eft--winona::after{padding:16px 16px 16px 16px;}.elementor-132 .elementor-element.elementor-element-8d06a8f .ha-creative-btn.ha-stl--montino.ha-eft--rayen > span{padding:16px 16px 16px 16px;}.elementor-132 .elementor-element.elementor-element-8d06a8f .ha-creative-btn.ha-stl--montino.ha-eft--rayen::before{padding:16px 16px 16px 16px;}.elementor-132 .elementor-element.elementor-element-8d06a8f .ha-creative-btn.ha-stl--montino.ha-eft--nina{padding:16px 16px 16px 16px;}.elementor-132 .elementor-element.elementor-element-8d06a8f .ha-creative-btn.ha-stl--montino.ha-eft--nina::before{padding:16px 16px 16px 16px;}.elementor-132 .elementor-element.elementor-element-8d06a8f .ha-creative-btn.ha-stl--hermosa.ha-eft--bloom span{padding:16px 16px 16px 16px;}.elementor-132 .elementor-element.elementor-element-ad493aa{--display:flex;}.elementor-132 .elementor-element.elementor-element-cc5807d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--background-transition:0.3s;--border-radius:25px 25px 25px 25px;--margin-top:5px;--margin-bottom:5px;--margin-left:5px;--margin-right:5px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-132 .elementor-element.elementor-element-cc5807d:not(.elementor-motion-effects-element-type-background), .elementor-132 .elementor-element.elementor-element-cc5807d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2E2E2E;}.elementor-132 .elementor-element.elementor-element-cc5807d:hover{background-color:#000000;}.elementor-132 .elementor-element.elementor-element-6af2627{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-132 .elementor-element.elementor-element-6af2627 img{border-radius:15px 15px 15px 15px;}.elementor-132 .elementor-element.elementor-element-784e1f6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:10px 0px 10px 0px;text-align:start;}.elementor-132 .elementor-element.elementor-element-784e1f6 .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:20px;font-weight:900;color:#FFFFFF;}.elementor-132 .elementor-element.elementor-element-e0ed81f{text-align:start;font-family:"Sora", Sans-serif;font-size:2em;font-weight:300;}.elementor-132 .elementor-element.elementor-element-e0ed81f p{margin-block-end:0px;}.elementor-132 .elementor-element.elementor-element-b4bee93{text-align:start;font-family:"Sora", Sans-serif;font-size:13px;font-weight:300;line-height:18px;letter-spacing:-0.1px;}.elementor-132 .elementor-element.elementor-element-b4bee93 p{margin-block-end:0px;}.elementor-132 .elementor-element.elementor-element-d0bd5bb{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-132 .elementor-element.elementor-element-d0bd5bb.elementor-element{--align-self:flex-start;}.elementor-132 .elementor-element.elementor-element-d0bd5bb .ha-creative-btn{font-family:"Sora", Sans-serif;font-size:16px;font-weight:500;padding:16px 16px 16px 16px;}.elementor-132 .elementor-element.elementor-element-d0bd5bb .ha-creative-btn, .elementor-132 .elementor-element.elementor-element-d0bd5bb .ha-creative-btn.ha-eft--bloom div{border-style:none;}.elementor-132 .elementor-element.elementor-element-d0bd5bb .ha-creative-btn-wrap .ha-creative-btn{--ha-ctv-btn-txt-clr:#000000;--ha-ctv-btn-bg-clr:#FFFFFF;--ha-ctv-btn-txt-hvr-clr:#000000;--ha-ctv-btn-bg-hvr-clr:var( --e-global-color-45b1ad2 );}.elementor-132 .elementor-element.elementor-element-d0bd5bb .ha-creative-btn.ha-stl--iconica > span{padding:16px 16px 16px 16px;}.elementor-132 .elementor-element.elementor-element-d0bd5bb .ha-creative-btn.ha-stl--montino.ha-eft--winona > span{padding:16px 16px 16px 16px;}.elementor-132 .elementor-element.elementor-element-d0bd5bb .ha-creative-btn.ha-stl--montino.ha-eft--winona::after{padding:16px 16px 16px 16px;}.elementor-132 .elementor-element.elementor-element-d0bd5bb .ha-creative-btn.ha-stl--montino.ha-eft--rayen > span{padding:16px 16px 16px 16px;}.elementor-132 .elementor-element.elementor-element-d0bd5bb .ha-creative-btn.ha-stl--montino.ha-eft--rayen::before{padding:16px 16px 16px 16px;}.elementor-132 .elementor-element.elementor-element-d0bd5bb .ha-creative-btn.ha-stl--montino.ha-eft--nina{padding:16px 16px 16px 16px;}.elementor-132 .elementor-element.elementor-element-d0bd5bb .ha-creative-btn.ha-stl--montino.ha-eft--nina::before{padding:16px 16px 16px 16px;}.elementor-132 .elementor-element.elementor-element-d0bd5bb .ha-creative-btn.ha-stl--hermosa.ha-eft--bloom span{padding:16px 16px 16px 16px;}.elementor-132 .elementor-element.elementor-element-9aaf836{--display:flex;}.elementor-132 .elementor-element.elementor-element-de3b8a9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--background-transition:0.3s;--border-radius:25px 25px 25px 25px;--margin-top:5px;--margin-bottom:5px;--margin-left:5px;--margin-right:5px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-132 .elementor-element.elementor-element-de3b8a9:not(.elementor-motion-effects-element-type-background), .elementor-132 .elementor-element.elementor-element-de3b8a9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2E2E2E;}.elementor-132 .elementor-element.elementor-element-de3b8a9:hover{background-color:#000000;}.elementor-132 .elementor-element.elementor-element-1311374{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-132 .elementor-element.elementor-element-1311374 img{border-radius:15px 15px 15px 15px;}.elementor-132 .elementor-element.elementor-element-edf0cc4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:10px 0px 10px 0px;text-align:start;}.elementor-132 .elementor-element.elementor-element-edf0cc4 .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:20px;font-weight:900;color:#FFFFFF;}.elementor-132 .elementor-element.elementor-element-8024506{text-align:start;font-family:"Sora", Sans-serif;font-size:2em;font-weight:300;}.elementor-132 .elementor-element.elementor-element-8024506 p{margin-block-end:0px;}.elementor-132 .elementor-element.elementor-element-6b131df{text-align:start;font-family:"Sora", Sans-serif;font-size:13px;font-weight:300;line-height:18px;letter-spacing:-0.1px;}.elementor-132 .elementor-element.elementor-element-6b131df p{margin-block-end:0px;}.elementor-132 .elementor-element.elementor-element-de5c9cf{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-132 .elementor-element.elementor-element-de5c9cf.elementor-element{--align-self:flex-start;}.elementor-132 .elementor-element.elementor-element-de5c9cf .ha-creative-btn{font-family:"Sora", Sans-serif;font-size:16px;font-weight:500;padding:16px 16px 16px 16px;}.elementor-132 .elementor-element.elementor-element-de5c9cf .ha-creative-btn, .elementor-132 .elementor-element.elementor-element-de5c9cf .ha-creative-btn.ha-eft--bloom div{border-style:none;}.elementor-132 .elementor-element.elementor-element-de5c9cf .ha-creative-btn-wrap .ha-creative-btn{--ha-ctv-btn-txt-clr:#000000;--ha-ctv-btn-bg-clr:#FFFFFF;--ha-ctv-btn-txt-hvr-clr:#000000;--ha-ctv-btn-bg-hvr-clr:var( --e-global-color-45b1ad2 );}.elementor-132 .elementor-element.elementor-element-de5c9cf .ha-creative-btn.ha-stl--iconica > span{padding:16px 16px 16px 16px;}.elementor-132 .elementor-element.elementor-element-de5c9cf .ha-creative-btn.ha-stl--montino.ha-eft--winona > span{padding:16px 16px 16px 16px;}.elementor-132 .elementor-element.elementor-element-de5c9cf .ha-creative-btn.ha-stl--montino.ha-eft--winona::after{padding:16px 16px 16px 16px;}.elementor-132 .elementor-element.elementor-element-de5c9cf .ha-creative-btn.ha-stl--montino.ha-eft--rayen > span{padding:16px 16px 16px 16px;}.elementor-132 .elementor-element.elementor-element-de5c9cf .ha-creative-btn.ha-stl--montino.ha-eft--rayen::before{padding:16px 16px 16px 16px;}.elementor-132 .elementor-element.elementor-element-de5c9cf .ha-creative-btn.ha-stl--montino.ha-eft--nina{padding:16px 16px 16px 16px;}.elementor-132 .elementor-element.elementor-element-de5c9cf .ha-creative-btn.ha-stl--montino.ha-eft--nina::before{padding:16px 16px 16px 16px;}.elementor-132 .elementor-element.elementor-element-de5c9cf .ha-creative-btn.ha-stl--hermosa.ha-eft--bloom span{padding:16px 16px 16px 16px;}.elementor-132 .elementor-element.elementor-element-a19ecdd{--e-n-carousel-swiper-slides-gap:10px;--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;--e-n-carousel-arrow-normal-color:#F1D00269;--e-n-carousel-arrow-hover-color:var( --e-global-color-45b1ad2 );}.elementor-132 .elementor-element.elementor-element-74439dc{--display:flex;--min-height:730px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--padding-top:100px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-132 .elementor-element.elementor-element-74439dc:not(.elementor-motion-effects-element-type-background), .elementor-132 .elementor-element.elementor-element-74439dc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9F9F9;}.elementor-132 .elementor-element.elementor-element-343af6a{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-132 .elementor-element.elementor-element-0b5e2a9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-132 .elementor-element.elementor-element-0b5e2a9 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:18px;font-weight:500;text-transform:uppercase;letter-spacing:0.5px;color:#4E4E4E;}.elementor-132 .elementor-element.elementor-element-30d0c61{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-132 .elementor-element.elementor-element-30d0c61 .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:42px;font-weight:900;color:#000000;}.elementor-132 .elementor-element.elementor-element-9c261d4{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-132 .elementor-element.elementor-element-bc0fe42{--display:flex;border-style:none;--border-style:none;--border-radius:15px 15px 15px 15px;--margin-top:10px;--margin-bottom:10px;--margin-left:10px;--margin-right:10px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-132 .elementor-element.elementor-element-ff2ae56{text-align:center;}.elementor-132 .elementor-element.elementor-element-ff2ae56 .elementor-heading-title{font-family:"Roboto Flex", Sans-serif;font-size:16px;font-weight:600;color:#6B6B6B;}.elementor-132 .elementor-element.elementor-element-ef99e7c{--display:flex;border-style:none;--border-style:none;--border-radius:15px 15px 15px 15px;--margin-top:10px;--margin-bottom:10px;--margin-left:10px;--margin-right:10px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-132 .elementor-element.elementor-element-17c334c{text-align:center;}.elementor-132 .elementor-element.elementor-element-17c334c .elementor-heading-title{font-family:"Roboto Flex", Sans-serif;font-size:16px;font-weight:600;color:#6B6B6B;}.elementor-132 .elementor-element.elementor-element-1d5cf72{--display:flex;border-style:none;--border-style:none;--border-radius:15px 15px 15px 15px;--margin-top:10px;--margin-bottom:10px;--margin-left:10px;--margin-right:10px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-132 .elementor-element.elementor-element-4a824b5{text-align:center;}.elementor-132 .elementor-element.elementor-element-4a824b5 .elementor-heading-title{font-family:"Roboto Flex", Sans-serif;font-size:16px;font-weight:600;color:#6B6B6B;}.elementor-132 .elementor-element.elementor-element-b1c4480{--display:flex;border-style:none;--border-style:none;--border-radius:15px 15px 15px 15px;--margin-top:10px;--margin-bottom:10px;--margin-left:10px;--margin-right:10px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-132 .elementor-element.elementor-element-d37ce39{text-align:center;}.elementor-132 .elementor-element.elementor-element-d37ce39 .elementor-heading-title{font-family:"Roboto Flex", Sans-serif;font-size:16px;font-weight:600;color:#6B6B6B;}.elementor-132 .elementor-element.elementor-element-a7788fb{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-132 .elementor-element.elementor-element-21c170a{--display:flex;border-style:none;--border-style:none;--border-radius:15px 15px 15px 15px;--margin-top:10px;--margin-bottom:10px;--margin-left:10px;--margin-right:10px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-132 .elementor-element.elementor-element-ba0b720{text-align:center;}.elementor-132 .elementor-element.elementor-element-ba0b720 .elementor-heading-title{font-family:"Roboto Flex", Sans-serif;font-size:16px;font-weight:600;color:#6B6B6B;}.elementor-132 .elementor-element.elementor-element-edbc8d9{--display:flex;border-style:none;--border-style:none;--border-radius:15px 15px 15px 15px;--margin-top:10px;--margin-bottom:10px;--margin-left:10px;--margin-right:10px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-132 .elementor-element.elementor-element-7b87968{text-align:center;}.elementor-132 .elementor-element.elementor-element-7b87968 .elementor-heading-title{font-family:"Roboto Flex", Sans-serif;font-size:16px;font-weight:600;color:#6B6B6B;}.elementor-132 .elementor-element.elementor-element-b95bfa2{--display:flex;border-style:none;--border-style:none;--border-radius:15px 15px 15px 15px;--margin-top:10px;--margin-bottom:10px;--margin-left:10px;--margin-right:10px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-132 .elementor-element.elementor-element-b48df1d{text-align:center;}.elementor-132 .elementor-element.elementor-element-b48df1d .elementor-heading-title{font-family:"Roboto Flex", Sans-serif;font-size:16px;font-weight:600;color:#6B6B6B;}.elementor-132 .elementor-element.elementor-element-b32f479{--display:flex;--min-height:680px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-132 .elementor-element.elementor-element-b32f479:not(.elementor-motion-effects-element-type-background), .elementor-132 .elementor-element.elementor-element-b32f479 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#161616;}.elementor-132 .elementor-element.elementor-element-bf64478{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-132 .elementor-element.elementor-element-06e2fc1{padding:0px 0px 0px 0px;text-align:center;}.elementor-132 .elementor-element.elementor-element-06e2fc1 .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:28px;font-weight:900;color:#F1D002;}.elementor-132 .elementor-element.elementor-element-786d258{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-132 .elementor-element.elementor-element-786d258 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:22px;font-weight:400;color:#FFFFFF;}.elementor-132 .elementor-element.elementor-element-c549c97{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-132 .elementor-element.elementor-element-c549c97 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:18px;font-weight:400;color:#FFFFFF;}.elementor-132 .elementor-element.elementor-element-5a3fb3c{--display:flex;--min-height:283px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-132 .elementor-element.elementor-element-bca6e84{--display:flex;--border-radius:0px 0px 0px 0px;}.elementor-widget-flip-box .elementor-flip-box__front .elementor-flip-box__layer__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-flip-box .elementor-flip-box__front .elementor-flip-box__layer__description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-flip-box .elementor-flip-box__back .elementor-flip-box__layer__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-flip-box .elementor-flip-box__back .elementor-flip-box__layer__description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-flip-box .elementor-flip-box__button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-132 .elementor-element.elementor-element-37ccd3a .elementor-flip-box__front{background-image:url("https://yellowgraf.com.br/wp-content/uploads/2025/11/bares-1.webp");background-position:bottom center;background-repeat:no-repeat;background-size:cover;border-style:none;}.elementor-132 .elementor-element.elementor-element-37ccd3a .elementor-flip-box__back{background-color:#2E2E2E;border-style:none;}.elementor-132 .elementor-element.elementor-element-37ccd3a{border-radius:0px 0px 0px 0px;}.elementor-132 .elementor-element.elementor-element-37ccd3a .elementor-flip-box__layer, .elementor-132 .elementor-element.elementor-element-37ccd3a .elementor-flip-box__layer__overlay{border-radius:15px;}.elementor-132 .elementor-element.elementor-element-37ccd3a .elementor-flip-box__front .elementor-flip-box__layer__overlay{background-color:#15151578;padding:25px 25px 25px 25px;text-align:center;justify-content:flex-end;}.elementor-132 .elementor-element.elementor-element-37ccd3a .elementor-flip-box__image{opacity:1;}.elementor-132 .elementor-element.elementor-element-37ccd3a .elementor-flip-box__front .elementor-flip-box__layer__title{font-family:"Sora", Sans-serif;font-size:20px;font-weight:600;}.elementor-132 .elementor-element.elementor-element-37ccd3a .elementor-flip-box__back .elementor-flip-box__layer__overlay{padding:25px 25px 25px 25px;text-align:center;justify-content:center;}.elementor-132 .elementor-element.elementor-element-37ccd3a .elementor-flip-box__button{margin-inline-center:0;border-color:#FFFFFF;border-width:1px;border-radius:15px;}.elementor-132 .elementor-element.elementor-element-37ccd3a .elementor-flip-box__back .elementor-flip-box__layer__title{margin-bottom:12px;color:#FFFFFF;font-family:"Sora", Sans-serif;font-size:22px;font-weight:600;}.elementor-132 .elementor-element.elementor-element-37ccd3a .elementor-flip-box__back .elementor-flip-box__layer__description{margin-bottom:16px;color:#FFFFFF;}.elementor-132 .elementor-element.elementor-element-2aee954{--display:flex;--border-radius:0px 0px 0px 0px;}.elementor-132 .elementor-element.elementor-element-189c140 .elementor-flip-box__front{background-image:url("https://yellowgraf.com.br/wp-content/uploads/2025/11/cervejarias1-1.webp");background-position:center center;background-size:cover;border-style:none;}.elementor-132 .elementor-element.elementor-element-189c140 .elementor-flip-box__back{background-color:#2E2E2E;border-style:none;}.elementor-132 .elementor-element.elementor-element-189c140{border-radius:0px 0px 0px 0px;}.elementor-132 .elementor-element.elementor-element-189c140 .elementor-flip-box__layer, .elementor-132 .elementor-element.elementor-element-189c140 .elementor-flip-box__layer__overlay{border-radius:15px;}.elementor-132 .elementor-element.elementor-element-189c140 .elementor-flip-box__front .elementor-flip-box__layer__overlay{background-color:#15151578;padding:25px 25px 25px 25px;text-align:center;justify-content:flex-end;}.elementor-132 .elementor-element.elementor-element-189c140 .elementor-flip-box__front .elementor-flip-box__layer__title{font-family:"Sora", Sans-serif;font-size:20px;font-weight:600;}.elementor-132 .elementor-element.elementor-element-189c140 .elementor-flip-box__back .elementor-flip-box__layer__overlay{padding:25px 25px 25px 25px;text-align:center;justify-content:center;}.elementor-132 .elementor-element.elementor-element-189c140 .elementor-flip-box__button{margin-inline-center:0;border-color:#FFFFFF;border-width:1px;border-radius:15px;}.elementor-132 .elementor-element.elementor-element-189c140 .elementor-flip-box__back .elementor-flip-box__layer__title{margin-bottom:12px;color:#FFFFFF;font-family:"Sora", Sans-serif;font-size:22px;font-weight:600;}.elementor-132 .elementor-element.elementor-element-189c140 .elementor-flip-box__back .elementor-flip-box__layer__description{margin-bottom:16px;color:#FFFFFF;}.elementor-132 .elementor-element.elementor-element-1d47305{--display:flex;--border-radius:0px 0px 0px 0px;}.elementor-132 .elementor-element.elementor-element-89625b1 .elementor-flip-box__front{background-image:url("https://yellowgraf.com.br/wp-content/uploads/2025/11/empresas-1.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;border-style:none;}.elementor-132 .elementor-element.elementor-element-89625b1 .elementor-flip-box__back{background-color:#2E2E2E;border-style:none;}.elementor-132 .elementor-element.elementor-element-89625b1{border-radius:0px 0px 0px 0px;}.elementor-132 .elementor-element.elementor-element-89625b1 .elementor-flip-box__layer, .elementor-132 .elementor-element.elementor-element-89625b1 .elementor-flip-box__layer__overlay{border-radius:15px;}.elementor-132 .elementor-element.elementor-element-89625b1 .elementor-flip-box__front .elementor-flip-box__layer__overlay{background-color:#15151578;padding:25px 25px 25px 25px;text-align:center;justify-content:flex-end;}.elementor-132 .elementor-element.elementor-element-89625b1 .elementor-flip-box__front .elementor-flip-box__layer__title{font-family:"Sora", Sans-serif;font-size:20px;font-weight:600;}.elementor-132 .elementor-element.elementor-element-89625b1 .elementor-flip-box__back .elementor-flip-box__layer__overlay{padding:25px 25px 25px 25px;text-align:center;justify-content:center;}.elementor-132 .elementor-element.elementor-element-89625b1 .elementor-flip-box__button{margin-inline-center:0;border-color:#FFFFFF;border-width:1px;border-radius:15px;}.elementor-132 .elementor-element.elementor-element-89625b1 .elementor-flip-box__back .elementor-flip-box__layer__title{margin-bottom:12px;color:#FFFFFF;font-family:"Sora", Sans-serif;font-size:22px;font-weight:600;}.elementor-132 .elementor-element.elementor-element-89625b1 .elementor-flip-box__back .elementor-flip-box__layer__description{margin-bottom:16px;color:#FFFFFF;}.elementor-132 .elementor-element.elementor-element-a383626{--display:flex;--border-radius:0px 0px 0px 0px;}.elementor-132 .elementor-element.elementor-element-8d3ab54 .elementor-flip-box__front{background-image:url("https://yellowgraf.com.br/wp-content/uploads/2025/11/distribuidora.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;border-style:none;}.elementor-132 .elementor-element.elementor-element-8d3ab54 .elementor-flip-box__back{background-color:#2E2E2E;border-style:none;}.elementor-132 .elementor-element.elementor-element-8d3ab54{border-radius:0px 0px 0px 0px;}.elementor-132 .elementor-element.elementor-element-8d3ab54 .elementor-flip-box__layer, .elementor-132 .elementor-element.elementor-element-8d3ab54 .elementor-flip-box__layer__overlay{border-radius:15px;}.elementor-132 .elementor-element.elementor-element-8d3ab54 .elementor-flip-box__front .elementor-flip-box__layer__overlay{background-color:#15151578;padding:25px 25px 25px 25px;text-align:center;justify-content:flex-end;}.elementor-132 .elementor-element.elementor-element-8d3ab54 .elementor-flip-box__front .elementor-flip-box__layer__title{font-family:"Sora", Sans-serif;font-size:20px;font-weight:600;}.elementor-132 .elementor-element.elementor-element-8d3ab54 .elementor-flip-box__back .elementor-flip-box__layer__overlay{padding:25px 25px 25px 25px;text-align:center;justify-content:center;}.elementor-132 .elementor-element.elementor-element-8d3ab54 .elementor-flip-box__button{margin-inline-center:0;border-color:#FFFFFF;border-width:1px;border-radius:15px;}.elementor-132 .elementor-element.elementor-element-8d3ab54 .elementor-flip-box__back .elementor-flip-box__layer__title{margin-bottom:12px;color:#FFFFFF;font-family:"Sora", Sans-serif;font-size:22px;font-weight:600;}.elementor-132 .elementor-element.elementor-element-8d3ab54 .elementor-flip-box__back .elementor-flip-box__layer__description{margin-bottom:16px;color:#FFFFFF;}.elementor-132 .elementor-element.elementor-element-63ae3ca{--display:flex;--min-height:550px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--padding-top:100px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-132 .elementor-element.elementor-element-63ae3ca:not(.elementor-motion-effects-element-type-background), .elementor-132 .elementor-element.elementor-element-63ae3ca > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9F9F9;}.elementor-132 .elementor-element.elementor-element-8aae40e{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-132 .elementor-element.elementor-element-dd91366{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-132 .elementor-element.elementor-element-dd91366 .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:42px;font-weight:900;color:#000000;}.elementor-132 .elementor-element.elementor-element-38ec4ad{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-132 .elementor-element.elementor-element-4c9d288{padding:40px 0px 0px 0px;}.elementor-132 .elementor-element.elementor-element-4c9d288 .ha-creative-btn{font-family:"Sora", Sans-serif;font-size:18px;font-weight:500;}.elementor-132 .elementor-element.elementor-element-4c9d288 .ha-creative-btn, .elementor-132 .elementor-element.elementor-element-4c9d288 .ha-creative-btn.ha-eft--bloom div{border-style:none;}.elementor-132 .elementor-element.elementor-element-4c9d288 .ha-creative-btn-wrap .ha-creative-btn{--ha-ctv-btn-txt-clr:#222222;--ha-ctv-btn-bg-clr:#F1D002;--ha-ctv-btn-bg-hvr-clr:#5A5A5A;}.elementor-132 .elementor-element.elementor-element-713ab8d{--display:flex;--min-height:678px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-132 .elementor-element.elementor-element-713ab8d:not(.elementor-motion-effects-element-type-background), .elementor-132 .elementor-element.elementor-element-713ab8d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2E2E2E;}.elementor-132 .elementor-element.elementor-element-5dbb3af{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-132 .elementor-element.elementor-element-5381a2f{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-132 .elementor-element.elementor-element-4b95ee8{padding:0px 0px 10px 0px;}.elementor-132 .elementor-element.elementor-element-4b95ee8 .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:20px;font-weight:300;text-transform:uppercase;letter-spacing:1px;color:#F1D002;}.elementor-132 .elementor-element.elementor-element-f339d61 .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:38px;font-weight:400;color:#FFFFFF;}.elementor-132 .elementor-element.elementor-element-b238383{--spacer-size:20px;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-132 .elementor-element.elementor-element-9ce7ffb{padding:0px 0px 0px 0px;--e-icon-list-icon-size:29px;--e-icon-list-icon-align:center;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.125);--icon-vertical-align:center;--icon-vertical-offset:0px;}.elementor-132 .elementor-element.elementor-element-9ce7ffb .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(0px/2);}.elementor-132 .elementor-element.elementor-element-9ce7ffb .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(0px/2);}.elementor-132 .elementor-element.elementor-element-9ce7ffb .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(0px/2);}.elementor-132 .elementor-element.elementor-element-9ce7ffb .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-0px/2);}.elementor-132 .elementor-element.elementor-element-9ce7ffb .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-0px/2);}.elementor-132 .elementor-element.elementor-element-9ce7ffb .elementor-icon-list-icon i{color:#F1D002;transition:color 0.3s;}.elementor-132 .elementor-element.elementor-element-9ce7ffb .elementor-icon-list-icon svg{fill:#F1D002;transition:fill 0.3s;}.elementor-132 .elementor-element.elementor-element-9ce7ffb .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:#ADABA5;}.elementor-132 .elementor-element.elementor-element-9ce7ffb .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:#ADABA5;}.elementor-132 .elementor-element.elementor-element-9ce7ffb .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-132 .elementor-element.elementor-element-9ce7ffb .elementor-icon-list-item > .elementor-icon-list-text, .elementor-132 .elementor-element.elementor-element-9ce7ffb .elementor-icon-list-item > a{font-family:"Sora", Sans-serif;font-size:20px;font-weight:600;}.elementor-132 .elementor-element.elementor-element-9ce7ffb .elementor-icon-list-text{color:#B6B5B5;transition:color 0.3s;}.elementor-132 .elementor-element.elementor-element-9ce7ffb .elementor-icon-list-item:hover .elementor-icon-list-text{color:#FFFFFF;}.elementor-132 .elementor-element.elementor-element-d99151e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 30px 0px;}.elementor-132 .elementor-element.elementor-element-d99151e .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:400;color:#FFFFFF;}.elementor-132 .elementor-element.elementor-element-3205a0e{padding:0px 0px 0px 0px;--e-icon-list-icon-size:29px;--e-icon-list-icon-align:center;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.125);--icon-vertical-align:center;--icon-vertical-offset:0px;}.elementor-132 .elementor-element.elementor-element-3205a0e .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(0px/2);}.elementor-132 .elementor-element.elementor-element-3205a0e .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(0px/2);}.elementor-132 .elementor-element.elementor-element-3205a0e .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(0px/2);}.elementor-132 .elementor-element.elementor-element-3205a0e .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-0px/2);}.elementor-132 .elementor-element.elementor-element-3205a0e .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-0px/2);}.elementor-132 .elementor-element.elementor-element-3205a0e .elementor-icon-list-icon i{color:#F1D002;transition:color 0.3s;}.elementor-132 .elementor-element.elementor-element-3205a0e .elementor-icon-list-icon svg{fill:#F1D002;transition:fill 0.3s;}.elementor-132 .elementor-element.elementor-element-3205a0e .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:#ADABA5;}.elementor-132 .elementor-element.elementor-element-3205a0e .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:#ADABA5;}.elementor-132 .elementor-element.elementor-element-3205a0e .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-132 .elementor-element.elementor-element-3205a0e .elementor-icon-list-item > .elementor-icon-list-text, .elementor-132 .elementor-element.elementor-element-3205a0e .elementor-icon-list-item > a{font-family:"Sora", Sans-serif;font-size:20px;font-weight:600;}.elementor-132 .elementor-element.elementor-element-3205a0e .elementor-icon-list-text{color:#B6B5B5;transition:color 0.3s;}.elementor-132 .elementor-element.elementor-element-3205a0e .elementor-icon-list-item:hover .elementor-icon-list-text{color:#FFFFFF;}.elementor-132 .elementor-element.elementor-element-dbffac6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 30px 0px;}.elementor-132 .elementor-element.elementor-element-dbffac6 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:400;color:#FFFFFF;}.elementor-132 .elementor-element.elementor-element-fb0b582{padding:0px 0px 0px 0px;--e-icon-list-icon-size:29px;--e-icon-list-icon-align:center;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.125);--icon-vertical-align:center;--icon-vertical-offset:0px;}.elementor-132 .elementor-element.elementor-element-fb0b582 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(0px/2);}.elementor-132 .elementor-element.elementor-element-fb0b582 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(0px/2);}.elementor-132 .elementor-element.elementor-element-fb0b582 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(0px/2);}.elementor-132 .elementor-element.elementor-element-fb0b582 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-0px/2);}.elementor-132 .elementor-element.elementor-element-fb0b582 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-0px/2);}.elementor-132 .elementor-element.elementor-element-fb0b582 .elementor-icon-list-icon i{color:#F1D002;transition:color 0.3s;}.elementor-132 .elementor-element.elementor-element-fb0b582 .elementor-icon-list-icon svg{fill:#F1D002;transition:fill 0.3s;}.elementor-132 .elementor-element.elementor-element-fb0b582 .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:#ADABA5;}.elementor-132 .elementor-element.elementor-element-fb0b582 .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:#ADABA5;}.elementor-132 .elementor-element.elementor-element-fb0b582 .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-132 .elementor-element.elementor-element-fb0b582 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-132 .elementor-element.elementor-element-fb0b582 .elementor-icon-list-item > a{font-family:"Sora", Sans-serif;font-size:20px;font-weight:600;}.elementor-132 .elementor-element.elementor-element-fb0b582 .elementor-icon-list-text{color:#B6B5B5;transition:color 0.3s;}.elementor-132 .elementor-element.elementor-element-fb0b582 .elementor-icon-list-item:hover .elementor-icon-list-text{color:#FFFFFF;}.elementor-132 .elementor-element.elementor-element-f1cf87a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 30px 0px;}.elementor-132 .elementor-element.elementor-element-f1cf87a .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:24px;font-weight:700;color:#FFFFFF;}.elementor-132 .elementor-element.elementor-element-072bf21{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-evenly;--align-items:center;--border-radius:15px 15px 15px 15px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-132 .elementor-element.elementor-element-13ef09a{border-radius:15px 15px 15px 15px;}.elementor-132 .elementor-element.elementor-element-13ef09a iframe{height:535px;}body.elementor-page-132:not(.elementor-motion-effects-element-type-background), body.elementor-page-132 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9F9F9;}@media(max-width:1024px){.elementor-132 .elementor-element.elementor-element-0d5d218{--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-132 .elementor-element.elementor-element-a19ecdd{--e-n-carousel-swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-132 .elementor-element.elementor-element-48d7e8b:not(.elementor-motion-effects-element-type-background), .elementor-132 .elementor-element.elementor-element-48d7e8b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://yellowgraf.com.br/wp-content/uploads/2025/11/bg-mobile-black.webp");background-position:bottom center;}.elementor-132 .elementor-element.elementor-element-48d7e8b{--overlay-opacity:0.09;--margin-top:-30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-132 .elementor-element.elementor-element-a78400a{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-132 .elementor-element.elementor-element-abf1548 .elementor-heading-title{font-size:60px;}.elementor-132 .elementor-element.elementor-element-702022f .elementor-heading-title{font-size:60px;}.elementor-132 .elementor-element.elementor-element-96beb5f .elementor-button{width:366px;}.elementor-132 .elementor-element.elementor-element-6bac837{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-132 .elementor-element.elementor-element-0e4b9d6{--padding-top:25px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-132 .elementor-element.elementor-element-95ef77e{--margin-top:0px;--margin-bottom:-12px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-132 .elementor-element.elementor-element-eec64ae{text-align:center;}.elementor-132 .elementor-element.elementor-element-eec64ae .elementor-heading-title{font-size:27px;}.elementor-132 .elementor-element.elementor-element-f01b21d{text-align:center;}.elementor-132 .elementor-element.elementor-element-f01b21d .elementor-heading-title{font-size:16px;}.elementor-132 .elementor-element.elementor-element-f25d6fd .elementor-button{height:55px;width:351px;}.elementor-132 .elementor-element.elementor-element-02dcd67{--padding-top:70px;--padding-bottom:60px;--padding-left:15px;--padding-right:15px;}.elementor-132 .elementor-element.elementor-element-56f9565 .elementor-heading-title{font-size:26px;}.elementor-132 .elementor-element.elementor-element-9a932b6{text-align:center;}.elementor-132 .elementor-element.elementor-element-9a932b6 .elementor-heading-title{font-size:16px;}.elementor-132 .elementor-element.elementor-element-82d817f{--padding-top:60px;--padding-bottom:60px;--padding-left:15px;--padding-right:15px;}.elementor-132 .elementor-element.elementor-element-76ed5b1{padding:20px 0px 0px 0px;}.elementor-132 .elementor-element.elementor-element-76ed5b1 .elementor-heading-title{font-size:32px;line-height:30px;}.elementor-132 .elementor-element.elementor-element-669236b{padding:0px 0px 30px 0px;}.elementor-132 .elementor-element.elementor-element-b0c583f{--padding-top:80px;--padding-bottom:80px;--padding-left:15px;--padding-right:15px;}.elementor-132 .elementor-element.elementor-element-eb28c88{text-align:center;}.elementor-132 .elementor-element.elementor-element-eb28c88 .elementor-heading-title{font-size:16px;}.elementor-132 .elementor-element.elementor-element-4d06ab7 .elementor-heading-title{font-size:28px;}.elementor-132 .elementor-element.elementor-element-5f0e620{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-132 .elementor-element.elementor-element-489bcab{--padding-top:25px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-132 .elementor-element.elementor-element-92ff330{--margin-top:0px;--margin-bottom:-12px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-132 .elementor-element.elementor-element-3a0fbdc{text-align:center;}.elementor-132 .elementor-element.elementor-element-3a0fbdc .elementor-heading-title{font-size:27px;}.elementor-132 .elementor-element.elementor-element-3501bb3{text-align:center;}.elementor-132 .elementor-element.elementor-element-3501bb3 .elementor-heading-title{font-size:16px;}.elementor-132 .elementor-element.elementor-element-c092524{text-align:center;}.elementor-132 .elementor-element.elementor-element-c092524 .elementor-heading-title{font-size:16px;}.elementor-132 .elementor-element.elementor-element-a19ecdd{--e-n-carousel-swiper-slides-to-display:1;}.elementor-132 .elementor-element.elementor-element-74439dc{--padding-top:60px;--padding-bottom:60px;--padding-left:15px;--padding-right:15px;}.elementor-132 .elementor-element.elementor-element-b32f479{--padding-top:60px;--padding-bottom:60px;--padding-left:15px;--padding-right:15px;}.elementor-132 .elementor-element.elementor-element-06e2fc1 .elementor-heading-title{font-size:24px;}.elementor-132 .elementor-element.elementor-element-786d258 .elementor-heading-title{font-size:20px;}.elementor-132 .elementor-element.elementor-element-37ccd3a .elementor-flip-box{height:350px;}.elementor-132 .elementor-element.elementor-element-189c140 .elementor-flip-box{height:350px;}.elementor-132 .elementor-element.elementor-element-89625b1 .elementor-flip-box{height:350px;}.elementor-132 .elementor-element.elementor-element-8d3ab54 .elementor-flip-box{height:350px;}.elementor-132 .elementor-element.elementor-element-63ae3ca{--padding-top:60px;--padding-bottom:60px;--padding-left:15px;--padding-right:15px;}.elementor-132 .elementor-element.elementor-element-713ab8d{--padding-top:60px;--padding-bottom:60px;--padding-left:15px;--padding-right:15px;}}@media(min-width:768px){.elementor-132 .elementor-element.elementor-element-48d7e8b{--content-width:1280px;}.elementor-132 .elementor-element.elementor-element-a78400a{--width:95%;}.elementor-132 .elementor-element.elementor-element-6bac837{--content-width:1280px;}.elementor-132 .elementor-element.elementor-element-0e4b9d6{--width:90%;}.elementor-132 .elementor-element.elementor-element-95ef77e{--width:60%;}.elementor-132 .elementor-element.elementor-element-e9464ea{--width:30%;}.elementor-132 .elementor-element.elementor-element-02dcd67{--content-width:1280px;}.elementor-132 .elementor-element.elementor-element-82d817f{--content-width:1280px;}.elementor-132 .elementor-element.elementor-element-e454f2e{--width:1280px;}.elementor-132 .elementor-element.elementor-element-b0c583f{--content-width:1280px;}.elementor-132 .elementor-element.elementor-element-26589ea{--width:75%;}.elementor-132 .elementor-element.elementor-element-2d4864a{--width:75%;}.elementor-132 .elementor-element.elementor-element-5f0e620{--content-width:1280px;}.elementor-132 .elementor-element.elementor-element-489bcab{--width:90%;}.elementor-132 .elementor-element.elementor-element-92ff330{--width:70%;}.elementor-132 .elementor-element.elementor-element-74439dc{--content-width:1280px;}.elementor-132 .elementor-element.elementor-element-9c261d4{--width:100%;}.elementor-132 .elementor-element.elementor-element-a7788fb{--width:80%;}.elementor-132 .elementor-element.elementor-element-b32f479{--content-width:1280px;}.elementor-132 .elementor-element.elementor-element-63ae3ca{--content-width:1280px;}.elementor-132 .elementor-element.elementor-element-38ec4ad{--width:100%;}.elementor-132 .elementor-element.elementor-element-713ab8d{--content-width:1280px;}}/* Start custom CSS for container, class: .elementor-element-1bcb931 */.bip {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.bip:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.bip:hover .heading h2 {
    color: #FFFFFF !important;
}


.bip:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.bip:hover .text {
    color: #000 !important;
}


.bip:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/1-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.bip:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .bip:hover .heading h2 {
        transform: none !important;
    }
    
     .bip:hover .icon svg {
        transform: none !important;
    }
    
     .bip:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-62f5c4e */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4a6e116 */.nida {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.nida:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.nida:hover .heading h2 {
    color: #FFFFFF !important;
}


.nida:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.nida:hover .text {
    color: #000 !important;
}


.nida:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/3-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.nida:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .nida:hover .heading h2 {
        transform: none !important;
    }
    
     .nida:hover .icon svg {
        transform: none !important;
    }
    
     .nida:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9eafe16 */.bengo {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.bengo:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.bengo:hover .heading h2 {
    color: #FFFFFF !important;
}


.bengo:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.bengo:hover .text {
    color: #000 !important;
}


.bengo:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/4-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.bengo:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .bengo:hover .heading h2 {
        transform: none !important;
    }
    
     .bengo:hover .icon svg {
        transform: none !important;
    }
    
     .bengo:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-73b2b60 */.bengo1 {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.bengo1:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.bengo1:hover .heading h2 {
    color: #FFFFFF !important;
}


.bengo1:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.bengo1:hover .text {
    color: #000 !important;
}


.bengo1:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/5-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.bengo1:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .bengo1:hover .heading h2 {
        transform: none !important;
    }
    
     .bengo1:hover .icon svg {
        transform: none !important;
    }
    
     .bengo1:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bb47165 */.diferencial1 {
    background-color: #02010100;
    transition: all 0.3s ease-in-out;
}


.diferencial1:hover {
    background-color: #f2c110;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.diferencial1:hover .heading h2 {
    color: #FFFFFF !important;
}


.diferencial1:hover .icone svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.diferencial1:hover .text {
    color: #000 !important;
}


.diferencial1:hover .img {
  content: url('https://vemsermega.com/wp-content/uploads/2024/12/bip2.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.diferencial1:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .diferencial1:hover .heading h2 {
        transform: none !important;
    }
    
     .diferencial1:hover .icone svg {
        transform: none !important;
    }
    
     .diferencial1:hover .text {
        transform: none !important;
    }
}


/* This part neutralizes the color change on hover for mobile devices - devices under 767px. Make sure the colors match your normal state, pre-hover colors. Delete this if you want the color changes to happen on mobile as well. */

@media only screen and (max-width: 767px) {
    
    .diferencial1:hover {
    background-color: #EEEEEE !important;
    }
    
    .diferencial1:hover .heading h2 {
        color: #635BFF !important;
    }
    
    .diferencial1:hover .icone svg {
        fill: #635BFF !important;
    }
    
    .diferencial1:hover .text {
        color: #111111 !important;
    }
}


/* Delete any part of the CSS you don't need and make sure you change the values (colors, transition durations...) to match your needs. Don't forget to subscribe to the channel ;) *//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b1cc848 */.diferencial1 {
    background-color: #02010100;
    transition: all 0.3s ease-in-out;
}


.diferencial1:hover {
    background-color: #f2c110;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.diferencial1:hover .heading h2 {
    color: #FFFFFF !important;
}


.diferencial1:hover .icone svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.diferencial1:hover .text {
    color: #000 !important;
}


.diferencial1:hover .img {
  content: url('https://vemsermega.com/wp-content/uploads/2024/12/bip2.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.diferencial1:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .diferencial1:hover .heading h2 {
        transform: none !important;
    }
    
     .diferencial1:hover .icone svg {
        transform: none !important;
    }
    
     .diferencial1:hover .text {
        transform: none !important;
    }
}


/* This part neutralizes the color change on hover for mobile devices - devices under 767px. Make sure the colors match your normal state, pre-hover colors. Delete this if you want the color changes to happen on mobile as well. */

@media only screen and (max-width: 767px) {
    
    .diferencial1:hover {
    background-color: #EEEEEE !important;
    }
    
    .diferencial1:hover .heading h2 {
        color: #635BFF !important;
    }
    
    .diferencial1:hover .icone svg {
        fill: #635BFF !important;
    }
    
    .diferencial1:hover .text {
        color: #111111 !important;
    }
}


/* Delete any part of the CSS you don't need and make sure you change the values (colors, transition durations...) to match your needs. Don't forget to subscribe to the channel ;) *//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7f51ef0 */.diferencial1 {
    background-color: #02010100;
    transition: all 0.3s ease-in-out;
}


.diferencial1:hover {
    background-color: #f2c110;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.diferencial1:hover .heading h2 {
    color: #FFFFFF !important;
}


.diferencial1:hover .icone svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.diferencial1:hover .text {
    color: #000 !important;
}


.diferencial1:hover .img {
  content: url('https://vemsermega.com/wp-content/uploads/2024/12/bip2.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.diferencial1:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .diferencial1:hover .heading h2 {
        transform: none !important;
    }
    
     .diferencial1:hover .icone svg {
        transform: none !important;
    }
    
     .diferencial1:hover .text {
        transform: none !important;
    }
}


/* This part neutralizes the color change on hover for mobile devices - devices under 767px. Make sure the colors match your normal state, pre-hover colors. Delete this if you want the color changes to happen on mobile as well. */

@media only screen and (max-width: 767px) {
    
    .diferencial1:hover {
    background-color: #EEEEEE !important;
    }
    
    .diferencial1:hover .heading h2 {
        color: #635BFF !important;
    }
    
    .diferencial1:hover .icone svg {
        fill: #635BFF !important;
    }
    
    .diferencial1:hover .text {
        color: #111111 !important;
    }
}


/* Delete any part of the CSS you don't need and make sure you change the values (colors, transition durations...) to match your needs. Don't forget to subscribe to the channel ;) *//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b042a31 */.diferencial1 {
    background-color: #02010100;
    transition: all 0.3s ease-in-out;
}


.diferencial1:hover {
    background-color: #f2c110;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.diferencial1:hover .heading h2 {
    color: #FFFFFF !important;
}


.diferencial1:hover .icone svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.diferencial1:hover .text {
    color: #000 !important;
}


.diferencial1:hover .img {
  content: url('https://vemsermega.com/wp-content/uploads/2024/12/bip2.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.diferencial1:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .diferencial1:hover .heading h2 {
        transform: none !important;
    }
    
     .diferencial1:hover .icone svg {
        transform: none !important;
    }
    
     .diferencial1:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cdcbda2 */.diferencial1 {
    background-color: #02010100;
    transition: all 0.3s ease-in-out;
}


.diferencial1:hover {
    background-color: #f2c110;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.diferencial1:hover .heading h2 {
    color: #FFFFFF !important;
}


.diferencial1:hover .icone svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.diferencial1:hover .text {
    color: #000 !important;
}


.diferencial1:hover .img {
  content: url('https://vemsermega.com/wp-content/uploads/2024/12/bip2.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.diferencial1:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .diferencial1:hover .heading h2 {
        transform: none !important;
    }
    
     .diferencial1:hover .icone svg {
        transform: none !important;
    }
    
     .diferencial1:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1dd1d74 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0488874 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64f3657 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2e0d3a5 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0f6deea */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2372364 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ad2781a */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5faaa37 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5b0e305 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cdf8e95 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cc5807d */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-de3b8a9 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1dd1d74 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0488874 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64f3657 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2e0d3a5 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0f6deea */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2372364 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ad2781a */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5faaa37 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5b0e305 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cdf8e95 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cc5807d */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-de3b8a9 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1dd1d74 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0488874 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64f3657 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2e0d3a5 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0f6deea */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2372364 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ad2781a */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5faaa37 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5b0e305 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cdf8e95 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cc5807d */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-de3b8a9 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1dd1d74 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0488874 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64f3657 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2e0d3a5 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0f6deea */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2372364 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ad2781a */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5faaa37 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5b0e305 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cdf8e95 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cc5807d */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-de3b8a9 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1dd1d74 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0488874 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64f3657 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2e0d3a5 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0f6deea */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2372364 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ad2781a */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5faaa37 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5b0e305 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cdf8e95 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cc5807d */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-de3b8a9 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1dd1d74 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0488874 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64f3657 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2e0d3a5 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0f6deea */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2372364 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ad2781a */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5faaa37 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5b0e305 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cdf8e95 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cc5807d */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-de3b8a9 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1dd1d74 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0488874 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64f3657 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2e0d3a5 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0f6deea */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2372364 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ad2781a */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5faaa37 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5b0e305 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cdf8e95 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cc5807d */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-de3b8a9 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1dd1d74 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0488874 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64f3657 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2e0d3a5 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0f6deea */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2372364 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ad2781a */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5faaa37 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5b0e305 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cdf8e95 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cc5807d */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-de3b8a9 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1dd1d74 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0488874 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64f3657 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2e0d3a5 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0f6deea */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2372364 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ad2781a */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5faaa37 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5b0e305 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cdf8e95 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cc5807d */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-de3b8a9 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1dd1d74 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0488874 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64f3657 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2e0d3a5 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0f6deea */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2372364 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ad2781a */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5faaa37 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5b0e305 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cdf8e95 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cc5807d */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-de3b8a9 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1dd1d74 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0488874 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64f3657 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2e0d3a5 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0f6deea */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2372364 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ad2781a */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5faaa37 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5b0e305 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cdf8e95 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cc5807d */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-de3b8a9 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1dd1d74 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0488874 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64f3657 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2e0d3a5 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0f6deea */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2372364 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ad2781a */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5faaa37 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5b0e305 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cdf8e95 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cc5807d */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-de3b8a9 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1dd1d74 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0488874 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64f3657 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2e0d3a5 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0f6deea */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2372364 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ad2781a */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5faaa37 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5b0e305 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cdf8e95 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cc5807d */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-de3b8a9 */.silvia {
    background-color: #;
    transition: all 0.3s ease-in-out;
}


.silvia:hover {
    background-color: #;
    transform: scale(1.05);
}


.heading h2 {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .heading h2 {
    color: #FFFFFF !important;
}


.silvia:hover .icon svg {
    fill: #000 !important;
}


.text {
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}


.silvia:hover .text {
    color: #000 !important;
}


.silvia:hover .img {
  content: url('http://yellowgraf.com.br/wp-content/uploads/2025/11/2-1.webp');
  border-radius: 15px;
  transition: 0s ease-in-out; /* Suaviza a troca */
}

/* Here's an example of how to use the transform properties for the heading - make sure you delete this if you won't be using it */

.silvia:hover .heading h2 {
    color: #000 !important;
}


/* This part disables the transform effects on hover for mobile devices - devices under 767px. Delete this if you want the transform to happen on mobile or if you have no transform properties. */

@media only screen and (max-width: 767px) {

    .silvia:hover .heading h2 {
        transform: none !important;
    }
    
     .silvia:hover .icon svg {
        transform: none !important;
    }
    
     .silvia:hover .text {
        transform: none !important;
    }
}/* End custom CSS */