.elementor-3708 .elementor-element.elementor-element-fdca8ad{--display:flex;--flex-direction:row-reverse;--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-reverse;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-3708 .elementor-element.elementor-element-fdca8ad:not(.elementor-motion-effects-element-type-background), .elementor-3708 .elementor-element.elementor-element-fdca8ad > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-e0e9a64 );}.elementor-3708 .elementor-element.elementor-element-495efd33{--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;--justify-content:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--overlay-opacity:0.7;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3708 .elementor-element.elementor-element-495efd33:not(.elementor-motion-effects-element-type-background), .elementor-3708 .elementor-element.elementor-element-495efd33 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );background-image:url("https://foni.africa/wp-content/uploads/2025/05/foni25-h1.jpg");background-position:-638px 0px;background-repeat:no-repeat;background-size:cover;}.elementor-3708 .elementor-element.elementor-element-495efd33::before, .elementor-3708 .elementor-element.elementor-element-495efd33 > .elementor-background-video-container::before, .elementor-3708 .elementor-element.elementor-element-495efd33 > .e-con-inner > .elementor-background-video-container::before, .elementor-3708 .elementor-element.elementor-element-495efd33 > .elementor-background-slideshow::before, .elementor-3708 .elementor-element.elementor-element-495efd33 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3708 .elementor-element.elementor-element-495efd33 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-3708 .elementor-element.elementor-element-495efd33.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3708 .elementor-element.elementor-element-700eb949{--display:flex;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10%;--padding-bottom:10%;--padding-left:5%;--padding-right:5%;}.elementor-3708 .elementor-element.elementor-element-7d0b03e8{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-3708 .elementor-element.elementor-element-16a262f8{text-align:start;}.elementor-3708 .elementor-element.elementor-element-16a262f8 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:35px;font-weight:600;text-transform:uppercase;line-height:1.2em;}.elementor-widget-text-editor{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 );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-3708 .elementor-element.elementor-element-6464969b{text-align:justify;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );}.elementor-3708 .elementor-element.elementor-element-1976f4d3 .elementor-button{background-color:var( --e-global-color-primary );font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;text-transform:none;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:0px;fill:var( --e-global-color-e0e9a64 );color:var( --e-global-color-e0e9a64 );border-style:solid;border-color:var( --e-global-color-accent );border-radius:30px 30px 30px 30px;}.elementor-3708 .elementor-element.elementor-element-1976f4d3.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-3708 .elementor-element.elementor-element-1976f4d3 .elementor-button:hover, .elementor-3708 .elementor-element.elementor-element-1976f4d3 .elementor-button:focus{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-3708 .elementor-element.elementor-element-1976f4d3 .elementor-button:hover svg, .elementor-3708 .elementor-element.elementor-element-1976f4d3 .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-3708 .elementor-element.elementor-element-4e13282c > .elementor-widget-container{margin:30px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3708 .elementor-element.elementor-element-4e13282c .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:400;text-transform:uppercase;line-height:1.2em;color:var( --e-global-color-text );}.elementor-3708 .elementor-element.elementor-element-715f6e88 .elementor-repeater-item-0282a70 > a :is(i, svg){color:#222222;fill:#222222;}.elementor-3708 .elementor-element.elementor-element-715f6e88 .elementor-repeater-item-0282a70 > a:hover{color:var( --e-global-color-secondary );}.elementor-3708 .elementor-element.elementor-element-715f6e88 .elementor-repeater-item-0282a70 > a:hover svg path{stroke:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-3708 .elementor-element.elementor-element-715f6e88 .elementor-repeater-item-46e5fe7 > a :is(i, svg){color:#222222;fill:#222222;}.elementor-3708 .elementor-element.elementor-element-715f6e88 .elementor-repeater-item-46e5fe7 > a:hover{color:var( --e-global-color-secondary );}.elementor-3708 .elementor-element.elementor-element-715f6e88 .elementor-repeater-item-46e5fe7 > a:hover svg path{stroke:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-3708 .elementor-element.elementor-element-715f6e88 .elementor-repeater-item-c401a19 > a :is(i, svg){color:#222222;fill:#222222;}.elementor-3708 .elementor-element.elementor-element-715f6e88 .elementor-repeater-item-c401a19 > a:hover{color:var( --e-global-color-secondary );}.elementor-3708 .elementor-element.elementor-element-715f6e88 .elementor-repeater-item-c401a19 > a:hover svg path{stroke:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-3708 .elementor-element.elementor-element-715f6e88 a > i{padding-right:5px;}.elementor-3708 .elementor-element.elementor-element-715f6e88 .ekit_social_media{text-align:center;}.elementor-3708 .elementor-element.elementor-element-715f6e88 .ekit_social_media > li > a{text-align:center;text-decoration:none;font-size:17px;line-height:30px;}.elementor-3708 .elementor-element.elementor-element-715f6e88 .ekit_social_media > li{display:inline-block;margin:5px 30px 5px 15px;}.elementor-3708 .elementor-element.elementor-element-715f6e88 .ekit_social_media > li > a i{font-size:25px;}.elementor-3708 .elementor-element.elementor-element-715f6e88 .ekit_social_media > li > a svg{max-width:25px;}@media(max-width:1024px){.elementor-3708 .elementor-element.elementor-element-fdca8ad{--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-3708 .elementor-element.elementor-element-495efd33:not(.elementor-motion-effects-element-type-background), .elementor-3708 .elementor-element.elementor-element-495efd33 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-3708 .elementor-element.elementor-element-495efd33{--padding-top:15%;--padding-bottom:15%;--padding-left:5%;--padding-right:5%;}.elementor-3708 .elementor-element.elementor-element-700eb949{--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-3708 .elementor-element.elementor-element-16a262f8 .elementor-heading-title{font-size:40px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-3708 .elementor-element.elementor-element-1976f4d3 .elementor-button{font-size:14px;}.elementor-3708 .elementor-element.elementor-element-4e13282c .elementor-heading-title{font-size:40px;}}@media(max-width:767px){.elementor-3708 .elementor-element.elementor-element-495efd33:not(.elementor-motion-effects-element-type-background), .elementor-3708 .elementor-element.elementor-element-495efd33 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-3708 .elementor-element.elementor-element-495efd33{--padding-top:15%;--padding-bottom:15%;--padding-left:15%;--padding-right:15%;}.elementor-3708 .elementor-element.elementor-element-700eb949{--padding-top:1%;--padding-bottom:1%;--padding-left:1%;--padding-right:1%;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-3708 .elementor-element.elementor-element-16a262f8 .elementor-heading-title{font-size:25px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-3708 .elementor-element.elementor-element-4e13282c .elementor-heading-title{font-size:25px;}}@media(min-width:768px){.elementor-3708 .elementor-element.elementor-element-495efd33{--width:46.451%;}}@media(max-width:1024px) and (min-width:768px){.elementor-3708 .elementor-element.elementor-element-495efd33{--width:100%;}.elementor-3708 .elementor-element.elementor-element-700eb949{--width:100%;}}@media(min-width:1025px){.elementor-3708 .elementor-element.elementor-element-495efd33:not(.elementor-motion-effects-element-type-background), .elementor-3708 .elementor-element.elementor-element-495efd33 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}/* Start custom CSS for button, class: .elementor-element-1976f4d3 */.anim-one{
    --btn-color:#333;
    --arrow-color:#fff;
    --btn-size: 50px;
}
.anim-one .elementor-button{
    position: relative;
    outline: none;
    border: 0;
    vertical-align: middle;
    text-decoration: none;
    background: transparent;
    box-shadow: none;
    padding: 0 calc(var(--btn-size) / 2.5);
}
.anim-one .elementor-button-content-wrapper{
    height: var(--btn-size);
    align-items: center;
}
.anim-one .elementor-button-content-wrapper:before{
    content: "";
    display: block;
    position: absolute;
    width: var(--btn-size);
    height: var(--btn-size);
    background: var(--btn-color);
    margin: 0;
    left: 0;
    top: 0;
    border-radius: 15em;
    transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
}
.anim-one .elementor-button-text:before{
    content: "";
    display: block;
    position: absolute;
    width: 18px;
    height: 2px;
    background: none;
    top: 50%;
    left: -12px;
    margin-top: -1px;
    transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
}
.anim-one .elementor-button-text:after{
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    top: 50%;
    left: calc(var(--btn-size) - (var(--btn-size) + 2px));
    margin-top: -5px;
    border-top: 2px solid var(--arrow-color);
    border-right: 2px solid var(--arrow-color);
    transform: rotate(45deg);
    transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
}
.anim-one .elementor-button-text{
    font-size: calc(var(--btn-size) / 3);
    padding-left: calc(var(--btn-size) - 10px);;
    position: relative;
    z-index: 1;
    transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
}

/* Hover Animation */

.anim-one .elementor-button:hover .elementor-button-content-wrapper:before{
    width: 100%;
}
.anim-one .elementor-button:hover .elementor-button-text{
    color: var(--arrow-color);
}
.anim-one .elementor-button:hover .elementor-button-text:before{
    background: var(--arrow-color);
    transform: translate(17px, 0);
}
.anim-one .elementor-button:hover .elementor-button-text:after{
    transform: translate(15px, 0) rotate(45deg);
}/* End custom CSS */