.elementor-885 .elementor-element.elementor-element-4e0d6e1{--display:flex;--min-height:450px;--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;--overflow:hidden;--overlay-opacity:1;--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-885 .elementor-element.elementor-element-4e0d6e1::before, .elementor-885 .elementor-element.elementor-element-4e0d6e1 > .elementor-background-video-container::before, .elementor-885 .elementor-element.elementor-element-4e0d6e1 > .e-con-inner > .elementor-background-video-container::before, .elementor-885 .elementor-element.elementor-element-4e0d6e1 > .elementor-background-slideshow::before, .elementor-885 .elementor-element.elementor-element-4e0d6e1 > .e-con-inner > .elementor-background-slideshow::before, .elementor-885 .elementor-element.elementor-element-4e0d6e1 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-e795ec0 );background-image:url("https://www.yuba.agency/wp-content/uploads/2025/03/yuba-agency-et-event.webp");--background-overlay:'';background-position:top right;background-repeat:no-repeat;}.elementor-885 .elementor-element.elementor-element-08e788c{--display:flex;--gap:30px 30px;--row-gap:30px;--column-gap:30px;}.elementor-885 .elementor-element.elementor-element-112e82a{--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;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-885 .elementor-element.elementor-element-b3bc2d5{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:13em;--padding-bottom:5em;--padding-left:0em;--padding-right:0em;}.elementor-885 .elementor-element.elementor-element-893f305 .elementor-heading-title{font-family:"Teko", Sans-serif;font-size:65px;font-weight:600;text-transform:uppercase;line-height:0.9em;color:var( --e-global-color-fe950dc );}.elementor-885 .elementor-element.elementor-element-8a235b6 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-bottom:calc(10px/2);}.elementor-885 .elementor-element.elementor-element-8a235b6 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-top:calc(10px/2);}.elementor-885 .elementor-element.elementor-element-8a235b6 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-right:calc(10px/2);margin-left:calc(10px/2);}.elementor-885 .elementor-element.elementor-element-8a235b6 .elementor-icon-list-items.elementor-inline-items{margin-right:calc(-10px/2);margin-left:calc(-10px/2);}body.rtl .elementor-885 .elementor-element.elementor-element-8a235b6 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{left:calc(-10px/2);}body:not(.rtl) .elementor-885 .elementor-element.elementor-element-8a235b6 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{right:calc(-10px/2);}.elementor-885 .elementor-element.elementor-element-8a235b6 .elementor-icon-list-icon i{color:var( --e-global-color-fe950dc );transition:color 0.3s;}.elementor-885 .elementor-element.elementor-element-8a235b6 .elementor-icon-list-icon svg{fill:var( --e-global-color-fe950dc );transition:fill 0.3s;}.elementor-885 .elementor-element.elementor-element-8a235b6{--e-icon-list-icon-size:13px;--e-icon-list-icon-align:center;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.125);--icon-vertical-offset:0px;}.elementor-885 .elementor-element.elementor-element-8a235b6 .elementor-icon-list-icon{padding-right:10px;}.elementor-885 .elementor-element.elementor-element-8a235b6 .elementor-icon-list-text{color:var( --e-global-color-fe950dc );transition:color 0.3s;}.elementor-885 .elementor-element.elementor-element-d640d55{--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;--margin-top:0em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;--padding-top:8em;--padding-bottom:8em;--padding-left:0em;--padding-right:0em;}.elementor-885 .elementor-element.elementor-element-d640d55:not(.elementor-motion-effects-element-type-background), .elementor-885 .elementor-element.elementor-element-d640d55 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.yuba.agency/wp-content/uploads/2025/03/agence-de-marketing.webp");background-position:top left;background-repeat:no-repeat;}.elementor-885 .elementor-element.elementor-element-1e7c1a6{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-885 .elementor-element.elementor-element-3c2440f{--display:flex;--min-height:400px;--justify-content:space-around;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.6;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-885 .elementor-element.elementor-element-3c2440f:not(.elementor-motion-effects-element-type-background), .elementor-885 .elementor-element.elementor-element-3c2440f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.yuba.agency/wp-content/uploads/2025/04/cyril-yuba-agency.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-885 .elementor-element.elementor-element-3c2440f::before, .elementor-885 .elementor-element.elementor-element-3c2440f > .elementor-background-video-container::before, .elementor-885 .elementor-element.elementor-element-3c2440f > .e-con-inner > .elementor-background-video-container::before, .elementor-885 .elementor-element.elementor-element-3c2440f > .elementor-background-slideshow::before, .elementor-885 .elementor-element.elementor-element-3c2440f > .e-con-inner > .elementor-background-slideshow::before, .elementor-885 .elementor-element.elementor-element-3c2440f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-text );--background-overlay:'';}.elementor-885 .elementor-element.elementor-element-5464cc6 > .elementor-widget-container{padding:4em 0em 0em 0em;}.elementor-885 .elementor-element.elementor-element-5464cc6 .elementor-heading-title{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );color:var( --e-global-color-fe950dc );}.elementor-885 .elementor-element.elementor-element-5ebe865{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-885 .elementor-element.elementor-element-f32512e{--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;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-885 .elementor-element.elementor-element-9624bc4{text-align:left;}.elementor-885 .elementor-element.elementor-element-c6f2d42{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-885 .elementor-element.elementor-element-92f7d4d{--display:flex;--min-height:400px;--justify-content:space-around;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.6;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-885 .elementor-element.elementor-element-92f7d4d:not(.elementor-motion-effects-element-type-background), .elementor-885 .elementor-element.elementor-element-92f7d4d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.yuba.agency/wp-content/uploads/2025/04/vitrophanie-croix-rouge.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-885 .elementor-element.elementor-element-92f7d4d::before, .elementor-885 .elementor-element.elementor-element-92f7d4d > .elementor-background-video-container::before, .elementor-885 .elementor-element.elementor-element-92f7d4d > .e-con-inner > .elementor-background-video-container::before, .elementor-885 .elementor-element.elementor-element-92f7d4d > .elementor-background-slideshow::before, .elementor-885 .elementor-element.elementor-element-92f7d4d > .e-con-inner > .elementor-background-slideshow::before, .elementor-885 .elementor-element.elementor-element-92f7d4d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-text );--background-overlay:'';}.elementor-885 .elementor-element.elementor-element-7391be4 > .elementor-widget-container{padding:4em 0em 0em 0em;}.elementor-885 .elementor-element.elementor-element-7391be4 .elementor-heading-title{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );color:var( --e-global-color-fe950dc );}.elementor-885 .elementor-element.elementor-element-25c2018{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-885 .elementor-element.elementor-element-6204ba6{--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;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-885 .elementor-element.elementor-element-e2e6c9e{text-align:left;}.elementor-885 .elementor-element.elementor-element-4224872{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-885 .elementor-element.elementor-element-d8c4011{--display:flex;--min-height:400px;--justify-content:space-around;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.6;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-885 .elementor-element.elementor-element-d8c4011:not(.elementor-motion-effects-element-type-background), .elementor-885 .elementor-element.elementor-element-d8c4011 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.yuba.agency/wp-content/uploads/2025/05/don-de-sang.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-885 .elementor-element.elementor-element-d8c4011::before, .elementor-885 .elementor-element.elementor-element-d8c4011 > .elementor-background-video-container::before, .elementor-885 .elementor-element.elementor-element-d8c4011 > .e-con-inner > .elementor-background-video-container::before, .elementor-885 .elementor-element.elementor-element-d8c4011 > .elementor-background-slideshow::before, .elementor-885 .elementor-element.elementor-element-d8c4011 > .e-con-inner > .elementor-background-slideshow::before, .elementor-885 .elementor-element.elementor-element-d8c4011 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-text );--background-overlay:'';}.elementor-885 .elementor-element.elementor-element-8035e63 > .elementor-widget-container{padding:4em 0em 0em 0em;}.elementor-885 .elementor-element.elementor-element-8035e63 .elementor-heading-title{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );color:var( --e-global-color-fe950dc );}.elementor-885 .elementor-element.elementor-element-985e618{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-885 .elementor-element.elementor-element-e1b6b72{--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;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-885 .elementor-element.elementor-element-3331de7{text-align:left;}.elementor-885 .elementor-element.elementor-element-c219fc0{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-885 .elementor-element.elementor-element-2ababf5{--display:flex;--min-height:400px;--justify-content:space-around;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.6;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-885 .elementor-element.elementor-element-2ababf5:not(.elementor-motion-effects-element-type-background), .elementor-885 .elementor-element.elementor-element-2ababf5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.yuba.agency/wp-content/uploads/2025/05/Interview-Matele.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-885 .elementor-element.elementor-element-2ababf5::before, .elementor-885 .elementor-element.elementor-element-2ababf5 > .elementor-background-video-container::before, .elementor-885 .elementor-element.elementor-element-2ababf5 > .e-con-inner > .elementor-background-video-container::before, .elementor-885 .elementor-element.elementor-element-2ababf5 > .elementor-background-slideshow::before, .elementor-885 .elementor-element.elementor-element-2ababf5 > .e-con-inner > .elementor-background-slideshow::before, .elementor-885 .elementor-element.elementor-element-2ababf5 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-text );--background-overlay:'';}.elementor-885 .elementor-element.elementor-element-d70db47 > .elementor-widget-container{padding:4em 0em 0em 0em;}.elementor-885 .elementor-element.elementor-element-d70db47 .elementor-heading-title{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );color:var( --e-global-color-fe950dc );}.elementor-885 .elementor-element.elementor-element-c18dba7{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-885 .elementor-element.elementor-element-665c6a4{--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;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-885 .elementor-element.elementor-element-4e34a55{text-align:left;}.elementor-885 .elementor-element.elementor-element-9f5dba1{--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:-50px;--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:-50px;--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:var( --e-global-color-primary );}@media(min-width:768px){.elementor-885 .elementor-element.elementor-element-5ebe865{--width:fit-content;}.elementor-885 .elementor-element.elementor-element-25c2018{--width:fit-content;}.elementor-885 .elementor-element.elementor-element-985e618{--width:fit-content;}.elementor-885 .elementor-element.elementor-element-c18dba7{--width:fit-content;}}@media(max-width:1024px){.elementor-885 .elementor-element.elementor-element-4e0d6e1{--min-height:300px;--padding-top:40px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-885 .elementor-element.elementor-element-893f305 .elementor-heading-title{font-size:72px;}.elementor-885 .elementor-element.elementor-element-5464cc6 .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );}.elementor-885 .elementor-element.elementor-element-7391be4 .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );}.elementor-885 .elementor-element.elementor-element-8035e63 .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );}.elementor-885 .elementor-element.elementor-element-d70db47 .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );}.elementor-885 .elementor-element.elementor-element-9f5dba1{--e-n-carousel-swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-885 .elementor-element.elementor-element-4e0d6e1{--min-height:250px;--padding-top:40px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-885 .elementor-element.elementor-element-b3bc2d5{--padding-top:7em;--padding-bottom:4em;--padding-left:0em;--padding-right:0em;}.elementor-885 .elementor-element.elementor-element-893f305 .elementor-heading-title{font-size:50px;}.elementor-885 .elementor-element.elementor-element-5464cc6 .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );}.elementor-885 .elementor-element.elementor-element-5ebe865{--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-885 .elementor-element.elementor-element-82b6172.elementor-element{--align-self:center;}.elementor-885 .elementor-element.elementor-element-7391be4 .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );}.elementor-885 .elementor-element.elementor-element-25c2018{--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-885 .elementor-element.elementor-element-7220a24.elementor-element{--align-self:center;}.elementor-885 .elementor-element.elementor-element-8035e63 .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );}.elementor-885 .elementor-element.elementor-element-985e618{--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-885 .elementor-element.elementor-element-edfd69e.elementor-element{--align-self:center;}.elementor-885 .elementor-element.elementor-element-d70db47 .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );}.elementor-885 .elementor-element.elementor-element-c18dba7{--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-885 .elementor-element.elementor-element-8395232.elementor-element{--align-self:center;}.elementor-885 .elementor-element.elementor-element-9f5dba1{--e-n-carousel-swiper-slides-to-display:1;}.elementor-885 .elementor-element.elementor-element-9f5dba1 > .elementor-widget-container{padding:0em 1em 0em 1em;}}@media(max-width:1024px) and (min-width:768px){.elementor-885 .elementor-element.elementor-element-08e788c{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-82b6172 */button {
 display: inline-block;
 height: 45px;
 border : none;
 position: relative;
 overflow: hidden;
 transition: all 0.5s ease-in;
 z-index: 1;
 background-color : #ffde55 !important;
 overflow:hidden;
}

button::before,
button::after {
 content: '';
 position: absolute;
 top: 0;
 width: 0;
 height: 100%;

 transition: all 0.5s;
 overflow: hidden ;
 z-index: -1;
}

button::before {
 clip-path: polygon(0 0, 100% 0, 85% 100%, 0 100%); 
 left : 0;
 background: #34474D;
}

button::after {
clip-path: polygon(15% 0, 100% 0, 100% 100%, 0 100%); 
 right: 0px;
 background: #34474D;
}

button:hover::before,
button:hover::after {
 width: 58%;
}

button:hover span {
 color: #ffde55;
 transition: 0.3s;
}

button span {
font-family: var(--e-global-typography-24902c3-font-family), Sans-serif;
    font-size: var(--e-global-typography-24902c3-font-size);
 color: #34474D;
 transition: all 0.3s ease-in;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7220a24 */button {
 display: inline-block;
 height: 45px;
 border : none;
 position: relative;
 overflow: hidden;
 transition: all 0.5s ease-in;
 z-index: 1;
 background-color : #ffde55 !important;
 overflow:hidden;
}

button::before,
button::after {
 content: '';
 position: absolute;
 top: 0;
 width: 0;
 height: 100%;

 transition: all 0.5s;
 overflow: hidden ;
 z-index: -1;
}

button::before {
 clip-path: polygon(0 0, 100% 0, 85% 100%, 0 100%); 
 left : 0;
 background: #34474D;
}

button::after {
clip-path: polygon(15% 0, 100% 0, 100% 100%, 0 100%); 
 right: 0px;
 background: #34474D;
}

button:hover::before,
button:hover::after {
 width: 58%;
}

button:hover span {
 color: #ffde55;
 transition: 0.3s;
}

button span {
font-family: var(--e-global-typography-24902c3-font-family), Sans-serif;
    font-size: var(--e-global-typography-24902c3-font-size);
 color: #34474D;
 transition: all 0.3s ease-in;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-edfd69e */button {
 display: inline-block;
 height: 45px;
 border : none;
 position: relative;
 overflow: hidden;
 transition: all 0.5s ease-in;
 z-index: 1;
 background-color : #ffde55 !important;
 overflow:hidden;
}

button::before,
button::after {
 content: '';
 position: absolute;
 top: 0;
 width: 0;
 height: 100%;

 transition: all 0.5s;
 overflow: hidden ;
 z-index: -1;
}

button::before {
 clip-path: polygon(0 0, 100% 0, 85% 100%, 0 100%); 
 left : 0;
 background: #34474D;
}

button::after {
clip-path: polygon(15% 0, 100% 0, 100% 100%, 0 100%); 
 right: 0px;
 background: #34474D;
}

button:hover::before,
button:hover::after {
 width: 58%;
}

button:hover span {
 color: #ffde55;
 transition: 0.3s;
}

button span {
font-family: var(--e-global-typography-24902c3-font-family), Sans-serif;
    font-size: var(--e-global-typography-24902c3-font-size);
 color: #34474D;
 transition: all 0.3s ease-in;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8395232 */button {
 display: inline-block;
 height: 45px;
 border : none;
 position: relative;
 overflow: hidden;
 transition: all 0.5s ease-in;
 z-index: 1;
 background-color : #ffde55 !important;
 overflow:hidden;
}

button::before,
button::after {
 content: '';
 position: absolute;
 top: 0;
 width: 0;
 height: 100%;

 transition: all 0.5s;
 overflow: hidden ;
 z-index: -1;
}

button::before {
 clip-path: polygon(0 0, 100% 0, 85% 100%, 0 100%); 
 left : 0;
 background: #34474D;
}

button::after {
clip-path: polygon(15% 0, 100% 0, 100% 100%, 0 100%); 
 right: 0px;
 background: #34474D;
}

button:hover::before,
button:hover::after {
 width: 58%;
}

button:hover span {
 color: #ffde55;
 transition: 0.3s;
}

button span {
font-family: var(--e-global-typography-24902c3-font-family), Sans-serif;
    font-size: var(--e-global-typography-24902c3-font-size);
 color: #34474D;
 transition: all 0.3s ease-in;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-82b6172 */button {
 display: inline-block;
 height: 45px;
 border : none;
 position: relative;
 overflow: hidden;
 transition: all 0.5s ease-in;
 z-index: 1;
 background-color : #ffde55 !important;
 overflow:hidden;
}

button::before,
button::after {
 content: '';
 position: absolute;
 top: 0;
 width: 0;
 height: 100%;

 transition: all 0.5s;
 overflow: hidden ;
 z-index: -1;
}

button::before {
 clip-path: polygon(0 0, 100% 0, 85% 100%, 0 100%); 
 left : 0;
 background: #34474D;
}

button::after {
clip-path: polygon(15% 0, 100% 0, 100% 100%, 0 100%); 
 right: 0px;
 background: #34474D;
}

button:hover::before,
button:hover::after {
 width: 58%;
}

button:hover span {
 color: #ffde55;
 transition: 0.3s;
}

button span {
font-family: var(--e-global-typography-24902c3-font-family), Sans-serif;
    font-size: var(--e-global-typography-24902c3-font-size);
 color: #34474D;
 transition: all 0.3s ease-in;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7220a24 */button {
 display: inline-block;
 height: 45px;
 border : none;
 position: relative;
 overflow: hidden;
 transition: all 0.5s ease-in;
 z-index: 1;
 background-color : #ffde55 !important;
 overflow:hidden;
}

button::before,
button::after {
 content: '';
 position: absolute;
 top: 0;
 width: 0;
 height: 100%;

 transition: all 0.5s;
 overflow: hidden ;
 z-index: -1;
}

button::before {
 clip-path: polygon(0 0, 100% 0, 85% 100%, 0 100%); 
 left : 0;
 background: #34474D;
}

button::after {
clip-path: polygon(15% 0, 100% 0, 100% 100%, 0 100%); 
 right: 0px;
 background: #34474D;
}

button:hover::before,
button:hover::after {
 width: 58%;
}

button:hover span {
 color: #ffde55;
 transition: 0.3s;
}

button span {
font-family: var(--e-global-typography-24902c3-font-family), Sans-serif;
    font-size: var(--e-global-typography-24902c3-font-size);
 color: #34474D;
 transition: all 0.3s ease-in;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-edfd69e */button {
 display: inline-block;
 height: 45px;
 border : none;
 position: relative;
 overflow: hidden;
 transition: all 0.5s ease-in;
 z-index: 1;
 background-color : #ffde55 !important;
 overflow:hidden;
}

button::before,
button::after {
 content: '';
 position: absolute;
 top: 0;
 width: 0;
 height: 100%;

 transition: all 0.5s;
 overflow: hidden ;
 z-index: -1;
}

button::before {
 clip-path: polygon(0 0, 100% 0, 85% 100%, 0 100%); 
 left : 0;
 background: #34474D;
}

button::after {
clip-path: polygon(15% 0, 100% 0, 100% 100%, 0 100%); 
 right: 0px;
 background: #34474D;
}

button:hover::before,
button:hover::after {
 width: 58%;
}

button:hover span {
 color: #ffde55;
 transition: 0.3s;
}

button span {
font-family: var(--e-global-typography-24902c3-font-family), Sans-serif;
    font-size: var(--e-global-typography-24902c3-font-size);
 color: #34474D;
 transition: all 0.3s ease-in;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8395232 */button {
 display: inline-block;
 height: 45px;
 border : none;
 position: relative;
 overflow: hidden;
 transition: all 0.5s ease-in;
 z-index: 1;
 background-color : #ffde55 !important;
 overflow:hidden;
}

button::before,
button::after {
 content: '';
 position: absolute;
 top: 0;
 width: 0;
 height: 100%;

 transition: all 0.5s;
 overflow: hidden ;
 z-index: -1;
}

button::before {
 clip-path: polygon(0 0, 100% 0, 85% 100%, 0 100%); 
 left : 0;
 background: #34474D;
}

button::after {
clip-path: polygon(15% 0, 100% 0, 100% 100%, 0 100%); 
 right: 0px;
 background: #34474D;
}

button:hover::before,
button:hover::after {
 width: 58%;
}

button:hover span {
 color: #ffde55;
 transition: 0.3s;
}

button span {
font-family: var(--e-global-typography-24902c3-font-family), Sans-serif;
    font-size: var(--e-global-typography-24902c3-font-size);
 color: #34474D;
 transition: all 0.3s ease-in;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-82b6172 */button {
 display: inline-block;
 height: 45px;
 border : none;
 position: relative;
 overflow: hidden;
 transition: all 0.5s ease-in;
 z-index: 1;
 background-color : #ffde55 !important;
 overflow:hidden;
}

button::before,
button::after {
 content: '';
 position: absolute;
 top: 0;
 width: 0;
 height: 100%;

 transition: all 0.5s;
 overflow: hidden ;
 z-index: -1;
}

button::before {
 clip-path: polygon(0 0, 100% 0, 85% 100%, 0 100%); 
 left : 0;
 background: #34474D;
}

button::after {
clip-path: polygon(15% 0, 100% 0, 100% 100%, 0 100%); 
 right: 0px;
 background: #34474D;
}

button:hover::before,
button:hover::after {
 width: 58%;
}

button:hover span {
 color: #ffde55;
 transition: 0.3s;
}

button span {
font-family: var(--e-global-typography-24902c3-font-family), Sans-serif;
    font-size: var(--e-global-typography-24902c3-font-size);
 color: #34474D;
 transition: all 0.3s ease-in;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7220a24 */button {
 display: inline-block;
 height: 45px;
 border : none;
 position: relative;
 overflow: hidden;
 transition: all 0.5s ease-in;
 z-index: 1;
 background-color : #ffde55 !important;
 overflow:hidden;
}

button::before,
button::after {
 content: '';
 position: absolute;
 top: 0;
 width: 0;
 height: 100%;

 transition: all 0.5s;
 overflow: hidden ;
 z-index: -1;
}

button::before {
 clip-path: polygon(0 0, 100% 0, 85% 100%, 0 100%); 
 left : 0;
 background: #34474D;
}

button::after {
clip-path: polygon(15% 0, 100% 0, 100% 100%, 0 100%); 
 right: 0px;
 background: #34474D;
}

button:hover::before,
button:hover::after {
 width: 58%;
}

button:hover span {
 color: #ffde55;
 transition: 0.3s;
}

button span {
font-family: var(--e-global-typography-24902c3-font-family), Sans-serif;
    font-size: var(--e-global-typography-24902c3-font-size);
 color: #34474D;
 transition: all 0.3s ease-in;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-edfd69e */button {
 display: inline-block;
 height: 45px;
 border : none;
 position: relative;
 overflow: hidden;
 transition: all 0.5s ease-in;
 z-index: 1;
 background-color : #ffde55 !important;
 overflow:hidden;
}

button::before,
button::after {
 content: '';
 position: absolute;
 top: 0;
 width: 0;
 height: 100%;

 transition: all 0.5s;
 overflow: hidden ;
 z-index: -1;
}

button::before {
 clip-path: polygon(0 0, 100% 0, 85% 100%, 0 100%); 
 left : 0;
 background: #34474D;
}

button::after {
clip-path: polygon(15% 0, 100% 0, 100% 100%, 0 100%); 
 right: 0px;
 background: #34474D;
}

button:hover::before,
button:hover::after {
 width: 58%;
}

button:hover span {
 color: #ffde55;
 transition: 0.3s;
}

button span {
font-family: var(--e-global-typography-24902c3-font-family), Sans-serif;
    font-size: var(--e-global-typography-24902c3-font-size);
 color: #34474D;
 transition: all 0.3s ease-in;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8395232 */button {
 display: inline-block;
 height: 45px;
 border : none;
 position: relative;
 overflow: hidden;
 transition: all 0.5s ease-in;
 z-index: 1;
 background-color : #ffde55 !important;
 overflow:hidden;
}

button::before,
button::after {
 content: '';
 position: absolute;
 top: 0;
 width: 0;
 height: 100%;

 transition: all 0.5s;
 overflow: hidden ;
 z-index: -1;
}

button::before {
 clip-path: polygon(0 0, 100% 0, 85% 100%, 0 100%); 
 left : 0;
 background: #34474D;
}

button::after {
clip-path: polygon(15% 0, 100% 0, 100% 100%, 0 100%); 
 right: 0px;
 background: #34474D;
}

button:hover::before,
button:hover::after {
 width: 58%;
}

button:hover span {
 color: #ffde55;
 transition: 0.3s;
}

button span {
font-family: var(--e-global-typography-24902c3-font-family), Sans-serif;
    font-size: var(--e-global-typography-24902c3-font-size);
 color: #34474D;
 transition: all 0.3s ease-in;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-82b6172 */button {
 display: inline-block;
 height: 45px;
 border : none;
 position: relative;
 overflow: hidden;
 transition: all 0.5s ease-in;
 z-index: 1;
 background-color : #ffde55 !important;
 overflow:hidden;
}

button::before,
button::after {
 content: '';
 position: absolute;
 top: 0;
 width: 0;
 height: 100%;

 transition: all 0.5s;
 overflow: hidden ;
 z-index: -1;
}

button::before {
 clip-path: polygon(0 0, 100% 0, 85% 100%, 0 100%); 
 left : 0;
 background: #34474D;
}

button::after {
clip-path: polygon(15% 0, 100% 0, 100% 100%, 0 100%); 
 right: 0px;
 background: #34474D;
}

button:hover::before,
button:hover::after {
 width: 58%;
}

button:hover span {
 color: #ffde55;
 transition: 0.3s;
}

button span {
font-family: var(--e-global-typography-24902c3-font-family), Sans-serif;
    font-size: var(--e-global-typography-24902c3-font-size);
 color: #34474D;
 transition: all 0.3s ease-in;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7220a24 */button {
 display: inline-block;
 height: 45px;
 border : none;
 position: relative;
 overflow: hidden;
 transition: all 0.5s ease-in;
 z-index: 1;
 background-color : #ffde55 !important;
 overflow:hidden;
}

button::before,
button::after {
 content: '';
 position: absolute;
 top: 0;
 width: 0;
 height: 100%;

 transition: all 0.5s;
 overflow: hidden ;
 z-index: -1;
}

button::before {
 clip-path: polygon(0 0, 100% 0, 85% 100%, 0 100%); 
 left : 0;
 background: #34474D;
}

button::after {
clip-path: polygon(15% 0, 100% 0, 100% 100%, 0 100%); 
 right: 0px;
 background: #34474D;
}

button:hover::before,
button:hover::after {
 width: 58%;
}

button:hover span {
 color: #ffde55;
 transition: 0.3s;
}

button span {
font-family: var(--e-global-typography-24902c3-font-family), Sans-serif;
    font-size: var(--e-global-typography-24902c3-font-size);
 color: #34474D;
 transition: all 0.3s ease-in;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-edfd69e */button {
 display: inline-block;
 height: 45px;
 border : none;
 position: relative;
 overflow: hidden;
 transition: all 0.5s ease-in;
 z-index: 1;
 background-color : #ffde55 !important;
 overflow:hidden;
}

button::before,
button::after {
 content: '';
 position: absolute;
 top: 0;
 width: 0;
 height: 100%;

 transition: all 0.5s;
 overflow: hidden ;
 z-index: -1;
}

button::before {
 clip-path: polygon(0 0, 100% 0, 85% 100%, 0 100%); 
 left : 0;
 background: #34474D;
}

button::after {
clip-path: polygon(15% 0, 100% 0, 100% 100%, 0 100%); 
 right: 0px;
 background: #34474D;
}

button:hover::before,
button:hover::after {
 width: 58%;
}

button:hover span {
 color: #ffde55;
 transition: 0.3s;
}

button span {
font-family: var(--e-global-typography-24902c3-font-family), Sans-serif;
    font-size: var(--e-global-typography-24902c3-font-size);
 color: #34474D;
 transition: all 0.3s ease-in;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8395232 */button {
 display: inline-block;
 height: 45px;
 border : none;
 position: relative;
 overflow: hidden;
 transition: all 0.5s ease-in;
 z-index: 1;
 background-color : #ffde55 !important;
 overflow:hidden;
}

button::before,
button::after {
 content: '';
 position: absolute;
 top: 0;
 width: 0;
 height: 100%;

 transition: all 0.5s;
 overflow: hidden ;
 z-index: -1;
}

button::before {
 clip-path: polygon(0 0, 100% 0, 85% 100%, 0 100%); 
 left : 0;
 background: #34474D;
}

button::after {
clip-path: polygon(15% 0, 100% 0, 100% 100%, 0 100%); 
 right: 0px;
 background: #34474D;
}

button:hover::before,
button:hover::after {
 width: 58%;
}

button:hover span {
 color: #ffde55;
 transition: 0.3s;
}

button span {
font-family: var(--e-global-typography-24902c3-font-family), Sans-serif;
    font-size: var(--e-global-typography-24902c3-font-size);
 color: #34474D;
 transition: all 0.3s ease-in;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-82b6172 */button {
 display: inline-block;
 height: 45px;
 border : none;
 position: relative;
 overflow: hidden;
 transition: all 0.5s ease-in;
 z-index: 1;
 background-color : #ffde55 !important;
 overflow:hidden;
}

button::before,
button::after {
 content: '';
 position: absolute;
 top: 0;
 width: 0;
 height: 100%;

 transition: all 0.5s;
 overflow: hidden ;
 z-index: -1;
}

button::before {
 clip-path: polygon(0 0, 100% 0, 85% 100%, 0 100%); 
 left : 0;
 background: #34474D;
}

button::after {
clip-path: polygon(15% 0, 100% 0, 100% 100%, 0 100%); 
 right: 0px;
 background: #34474D;
}

button:hover::before,
button:hover::after {
 width: 58%;
}

button:hover span {
 color: #ffde55;
 transition: 0.3s;
}

button span {
font-family: var(--e-global-typography-24902c3-font-family), Sans-serif;
    font-size: var(--e-global-typography-24902c3-font-size);
 color: #34474D;
 transition: all 0.3s ease-in;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7220a24 */button {
 display: inline-block;
 height: 45px;
 border : none;
 position: relative;
 overflow: hidden;
 transition: all 0.5s ease-in;
 z-index: 1;
 background-color : #ffde55 !important;
 overflow:hidden;
}

button::before,
button::after {
 content: '';
 position: absolute;
 top: 0;
 width: 0;
 height: 100%;

 transition: all 0.5s;
 overflow: hidden ;
 z-index: -1;
}

button::before {
 clip-path: polygon(0 0, 100% 0, 85% 100%, 0 100%); 
 left : 0;
 background: #34474D;
}

button::after {
clip-path: polygon(15% 0, 100% 0, 100% 100%, 0 100%); 
 right: 0px;
 background: #34474D;
}

button:hover::before,
button:hover::after {
 width: 58%;
}

button:hover span {
 color: #ffde55;
 transition: 0.3s;
}

button span {
font-family: var(--e-global-typography-24902c3-font-family), Sans-serif;
    font-size: var(--e-global-typography-24902c3-font-size);
 color: #34474D;
 transition: all 0.3s ease-in;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-edfd69e */button {
 display: inline-block;
 height: 45px;
 border : none;
 position: relative;
 overflow: hidden;
 transition: all 0.5s ease-in;
 z-index: 1;
 background-color : #ffde55 !important;
 overflow:hidden;
}

button::before,
button::after {
 content: '';
 position: absolute;
 top: 0;
 width: 0;
 height: 100%;

 transition: all 0.5s;
 overflow: hidden ;
 z-index: -1;
}

button::before {
 clip-path: polygon(0 0, 100% 0, 85% 100%, 0 100%); 
 left : 0;
 background: #34474D;
}

button::after {
clip-path: polygon(15% 0, 100% 0, 100% 100%, 0 100%); 
 right: 0px;
 background: #34474D;
}

button:hover::before,
button:hover::after {
 width: 58%;
}

button:hover span {
 color: #ffde55;
 transition: 0.3s;
}

button span {
font-family: var(--e-global-typography-24902c3-font-family), Sans-serif;
    font-size: var(--e-global-typography-24902c3-font-size);
 color: #34474D;
 transition: all 0.3s ease-in;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8395232 */button {
 display: inline-block;
 height: 45px;
 border : none;
 position: relative;
 overflow: hidden;
 transition: all 0.5s ease-in;
 z-index: 1;
 background-color : #ffde55 !important;
 overflow:hidden;
}

button::before,
button::after {
 content: '';
 position: absolute;
 top: 0;
 width: 0;
 height: 100%;

 transition: all 0.5s;
 overflow: hidden ;
 z-index: -1;
}

button::before {
 clip-path: polygon(0 0, 100% 0, 85% 100%, 0 100%); 
 left : 0;
 background: #34474D;
}

button::after {
clip-path: polygon(15% 0, 100% 0, 100% 100%, 0 100%); 
 right: 0px;
 background: #34474D;
}

button:hover::before,
button:hover::after {
 width: 58%;
}

button:hover span {
 color: #ffde55;
 transition: 0.3s;
}

button span {
font-family: var(--e-global-typography-24902c3-font-family), Sans-serif;
    font-size: var(--e-global-typography-24902c3-font-size);
 color: #34474D;
 transition: all 0.3s ease-in;
}/* End custom CSS */