.elementor-29 .elementor-element.elementor-element-144a25c0:not(.elementor-motion-effects-element-type-background), .elementor-29 .elementor-element.elementor-element-144a25c0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E9F4E7;}.elementor-29 .elementor-element.elementor-element-144a25c0 > .elementor-background-overlay{opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-29 .elementor-element.elementor-element-144a25c0{border-style:solid;border-width:0px 0px 0px 0px;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:5px;margin-bottom:0px;}.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-29 .elementor-element.elementor-element-6a89f221{text-align:start;}.elementor-29 .elementor-element.elementor-element-6a89f221 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:26px;font-weight:400;text-transform:capitalize;line-height:42px;letter-spacing:0.5px;color:#57814E;}.elementor-29 .elementor-element.elementor-element-72f71633 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-29 .elementor-element.elementor-element-72f71633{text-align:start;}.elementor-29 .elementor-element.elementor-element-72f71633 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:55px;font-weight:700;text-transform:none;font-style:normal;line-height:70px;letter-spacing:0.5px;color:#57814E;}.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-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-29 .elementor-element.elementor-element-d6db0a5 > .elementor-widget-container{padding:0px 0px 20px 66px;}.elementor-29 .elementor-element.elementor-element-d6db0a5 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(8px/2);}.elementor-29 .elementor-element.elementor-element-d6db0a5 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(8px/2);}.elementor-29 .elementor-element.elementor-element-d6db0a5 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(8px/2);}.elementor-29 .elementor-element.elementor-element-d6db0a5 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-8px/2);}.elementor-29 .elementor-element.elementor-element-d6db0a5 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-8px/2);}.elementor-29 .elementor-element.elementor-element-d6db0a5 .elementor-icon-list-icon i{color:#57814E;transition:color 0.3s;}.elementor-29 .elementor-element.elementor-element-d6db0a5 .elementor-icon-list-icon svg{fill:#57814E;transition:fill 0.3s;}.elementor-29 .elementor-element.elementor-element-d6db0a5{--e-icon-list-icon-size:41px;--icon-vertical-offset:0px;}.elementor-29 .elementor-element.elementor-element-d6db0a5 .elementor-icon-list-text{transition:color 0.3s;}.elementor-29 .elementor-element.elementor-element-127d7184{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;}.elementor-29 .elementor-element.elementor-element-127d7184 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-29 .elementor-element.elementor-element-127d7184 > .elementor-shape-top .elementor-shape-fill{fill:#E9F4E7;}.elementor-29 .elementor-element.elementor-element-127d7184 > .elementor-shape-top svg{height:15px;transform:translateX(-50%) rotateY(180deg);}.elementor-29 .elementor-element.elementor-element-127d7184 > .elementor-shape-top{z-index:2;pointer-events:none;}.elementor-29 .elementor-element.elementor-element-52fbe0d7{margin-top:20px;margin-bottom:0px;}.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-29 .elementor-element.elementor-element-1ae8859e > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-29 .elementor-element.elementor-element-1ae8859e{font-family:"PT Sans", Sans-serif;font-size:14px;font-weight:400;font-style:normal;line-height:22px;color:#E9F4E7;}.elementor-29 .elementor-element.elementor-element-10c32382{--grid-template-columns:repeat(0, auto);--icon-size:23px;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-29 .elementor-element.elementor-element-10c32382 .elementor-widget-container{text-align:left;}.elementor-29 .elementor-element.elementor-element-10c32382 > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-29 .elementor-element.elementor-element-10c32382 .elementor-social-icon{background-color:#E9F4E7;--icon-padding:0.2em;}.elementor-29 .elementor-element.elementor-element-10c32382 .elementor-social-icon i{color:#57814E;}.elementor-29 .elementor-element.elementor-element-10c32382 .elementor-social-icon svg{fill:#57814E;}.elementor-29 .elementor-element.elementor-element-75da211 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:13px;}.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-29 .elementor-element.elementor-element-850fa1f .elementor-button{background-color:#61CE7000;font-family:"PT Sans Caption", Sans-serif;font-size:16px;font-weight:400;text-decoration:none;line-height:22px;letter-spacing:0.6px;border-style:solid;border-width:2px 2px 2px 2px;border-radius:0px 0px 0px 0px;padding:15px 41px 15px 42px;}.elementor-29 .elementor-element.elementor-element-850fa1f .elementor-button:hover, .elementor-29 .elementor-element.elementor-element-850fa1f .elementor-button:focus{background-color:#E9F4E7;color:#57814E;border-color:#E9F4E7;}.elementor-29 .elementor-element.elementor-element-850fa1f .elementor-button:hover svg, .elementor-29 .elementor-element.elementor-element-850fa1f .elementor-button:focus svg{fill:#57814E;}.elementor-29 .elementor-element.elementor-element-3f7fd67 .elementor-button{background-color:#61CE7000;font-family:"PT Sans Caption", Sans-serif;font-size:16px;font-weight:400;text-decoration:none;line-height:22px;letter-spacing:0.6px;border-style:solid;border-width:2px 2px 2px 2px;border-radius:0px 0px 0px 0px;padding:15px 41px 15px 42px;}.elementor-29 .elementor-element.elementor-element-3f7fd67 .elementor-button:hover, .elementor-29 .elementor-element.elementor-element-3f7fd67 .elementor-button:focus{background-color:#E9F4E7;color:#57814E;border-color:#E9F4E7;}.elementor-29 .elementor-element.elementor-element-3f7fd67 .elementor-button:hover svg, .elementor-29 .elementor-element.elementor-element-3f7fd67 .elementor-button:focus svg{fill:#57814E;}.elementor-29 .elementor-element.elementor-element-3dc0948 .elementor-button{background-color:#61CE7000;font-family:"PT Sans Caption", Sans-serif;font-size:16px;font-weight:400;text-decoration:none;line-height:22px;letter-spacing:0.6px;border-style:solid;border-width:2px 2px 2px 2px;border-radius:0px 0px 0px 0px;padding:15px 39px 15px 39px;}.elementor-29 .elementor-element.elementor-element-3dc0948 .elementor-button:hover, .elementor-29 .elementor-element.elementor-element-3dc0948 .elementor-button:focus{background-color:#E9F4E7;color:#57814E;border-color:#E9F4E7;}.elementor-29 .elementor-element.elementor-element-3dc0948 .elementor-button:hover svg, .elementor-29 .elementor-element.elementor-element-3dc0948 .elementor-button:focus svg{fill:#57814E;}.elementor-widget-gallery .elementor-gallery-item__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-gallery .elementor-gallery-item__description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-gallery{--galleries-title-color-normal:var( --e-global-color-primary );--galleries-title-color-hover:var( --e-global-color-secondary );--galleries-pointer-bg-color-hover:var( --e-global-color-accent );--gallery-title-color-active:var( --e-global-color-secondary );--galleries-pointer-bg-color-active:var( --e-global-color-accent );}.elementor-widget-gallery .elementor-gallery-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-29 .elementor-element.elementor-element-747f2a10 .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-29 .elementor-element.elementor-element-747f2a10 .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:rgba(0,0,0,0.5);}.elementor-29 .elementor-element.elementor-element-747f2a10 > .elementor-widget-container{border-style:none;}.elementor-29 .elementor-element.elementor-element-747f2a10{--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;}.elementor-29 .elementor-element.elementor-element-9c3a2e0 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-29 .elementor-element.elementor-element-9c3a2e0:not(.elementor-motion-effects-element-type-background), .elementor-29 .elementor-element.elementor-element-9c3a2e0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1D1D1D;}.elementor-29 .elementor-element.elementor-element-9c3a2e0 > .elementor-background-overlay{background-image:url("https://webdev.greenmountain.test.co.za.greenmountain.co.za/wp-content/uploads/2024/02/footer-background.png");background-position:-290px 120px;background-repeat:no-repeat;background-size:auto;opacity:0.06;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-29 .elementor-element.elementor-element-9c3a2e0 > .elementor-container{min-height:400px;}.elementor-29 .elementor-element.elementor-element-9c3a2e0{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:20px 0px 20px 0px;}.elementor-bc-flex-widget .elementor-29 .elementor-element.elementor-element-b21c321.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-29 .elementor-element.elementor-element-b21c321.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-29 .elementor-element.elementor-element-b21c321.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-29 .elementor-element.elementor-element-533d5a47{text-align:start;}.elementor-29 .elementor-element.elementor-element-533d5a47 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:55px;font-weight:700;text-transform:none;font-style:normal;line-height:70px;letter-spacing:0.5px;color:#E9F4E7;}.elementor-29 .elementor-element.elementor-element-7e3117ae{text-align:start;}.elementor-29 .elementor-element.elementor-element-7e3117ae .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-size:26px;font-weight:100;text-transform:none;font-style:normal;line-height:42px;letter-spacing:0.5px;color:#E9F4E7;}.elementor-29 .elementor-element.elementor-element-67996294 > .elementor-widget-container{margin:35px 0px 0px 0px;padding:0px 20px 20px 20px;}.elementor-29 .elementor-element.elementor-element-67996294{font-family:"Open Sans", Sans-serif;font-size:15px;font-weight:400;line-height:22px;color:#E9F4E7;}.elementor-29 .elementor-element.elementor-element-25f1d3c7 .elementor-button{background-color:#57814E;font-family:"PT Sans Caption", Sans-serif;font-size:16px;font-weight:400;text-decoration:none;line-height:22px;letter-spacing:0.6px;border-style:solid;border-width:2px 2px 2px 2px;border-color:#57814E;border-radius:0px 0px 0px 0px;padding:15px 180px 15px 180px;}.elementor-29 .elementor-element.elementor-element-25f1d3c7 .elementor-button:hover, .elementor-29 .elementor-element.elementor-element-25f1d3c7 .elementor-button:focus{background-color:#E9F4E7;color:#57814E;border-color:#E9F4E7;}.elementor-29 .elementor-element.elementor-element-25f1d3c7 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-29 .elementor-element.elementor-element-25f1d3c7 .elementor-button:hover svg, .elementor-29 .elementor-element.elementor-element-25f1d3c7 .elementor-button:focus svg{fill:#57814E;}.elementor-29 .elementor-element.elementor-element-254f615b > .elementor-widget-container{padding:40px 0px 10px 0px;}@media(max-width:1024px){.elementor-29 .elementor-element.elementor-element-72f71633 > .elementor-widget-container{padding:15px 0px 0px 0px;}.elementor-29 .elementor-element.elementor-element-72f71633 .elementor-heading-title{line-height:1.1em;}.elementor-29 .elementor-element.elementor-element-34da78 > .elementor-widget-container{padding:15px 0px 0px 0px;}.elementor-29 .elementor-element.elementor-element-d6db0a5 > .elementor-widget-container{padding:20px 18px 19px 0px;}.elementor-29 .elementor-element.elementor-element-d6db0a5 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(7px/2);}.elementor-29 .elementor-element.elementor-element-d6db0a5 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(7px/2);}.elementor-29 .elementor-element.elementor-element-d6db0a5 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(7px/2);}.elementor-29 .elementor-element.elementor-element-d6db0a5 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-7px/2);}.elementor-29 .elementor-element.elementor-element-d6db0a5 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-7px/2);}.elementor-29 .elementor-element.elementor-element-d6db0a5{--e-icon-list-icon-size:36px;}.elementor-29 .elementor-element.elementor-element-850fa1f .elementor-button{padding:15px 15px 15px 15px;}.elementor-29 .elementor-element.elementor-element-3f7fd67 .elementor-button{padding:15px 15px 15px 15px;}.elementor-29 .elementor-element.elementor-element-3dc0948 .elementor-button{padding:15px 15px 15px 15px;}.elementor-29 .elementor-element.elementor-element-9c3a2e0 > .elementor-background-overlay{background-position:0px 0px;}.elementor-29 .elementor-element.elementor-element-533d5a47 .elementor-heading-title{font-size:46px;}.elementor-29 .elementor-element.elementor-element-7e3117ae .elementor-heading-title{font-size:20px;}.elementor-29 .elementor-element.elementor-element-25f1d3c7 .elementor-button{padding:25px 85px 25px 85px;}}@media(min-width:768px){.elementor-29 .elementor-element.elementor-element-6e8be2d2{width:52.672%;}.elementor-29 .elementor-element.elementor-element-3e0786be{width:47.194%;}.elementor-29 .elementor-element.elementor-element-63284f8f{width:65.662%;}.elementor-29 .elementor-element.elementor-element-75da211{width:34.338%;}}@media(max-width:767px){.elementor-29 .elementor-element.elementor-element-6a89f221 .elementor-heading-title{font-size:24px;}.elementor-29 .elementor-element.elementor-element-72f71633 .elementor-heading-title{font-size:33px;line-height:1.2em;}.elementor-29 .elementor-element.elementor-element-34da78 > .elementor-widget-container{padding:0px 0px 10px 0px;}.elementor-29 .elementor-element.elementor-element-d6db0a5 > .elementor-widget-container{padding:0px 0px 12px 0px;}.elementor-29 .elementor-element.elementor-element-d6db0a5 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(3px/2);}.elementor-29 .elementor-element.elementor-element-d6db0a5 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(3px/2);}.elementor-29 .elementor-element.elementor-element-d6db0a5 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(3px/2);}.elementor-29 .elementor-element.elementor-element-d6db0a5 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-3px/2);}.elementor-29 .elementor-element.elementor-element-d6db0a5 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-3px/2);}.elementor-29 .elementor-element.elementor-element-d6db0a5{--e-icon-list-icon-size:24px;--e-icon-list-icon-align:center;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.125);}.elementor-29 .elementor-element.elementor-element-10c32382 .elementor-widget-container{text-align:center;}.elementor-29 .elementor-element.elementor-element-850fa1f .elementor-button{padding:15px 15px 15px 15px;}.elementor-29 .elementor-element.elementor-element-3f7fd67 .elementor-button{padding:15px 15px 15px 15px;}.elementor-29 .elementor-element.elementor-element-3dc0948 .elementor-button{padding:15px 15px 15px 15px;}.elementor-29 .elementor-element.elementor-element-9c3a2e0 > .elementor-background-overlay{background-position:0px 0px;}.elementor-29 .elementor-element.elementor-element-533d5a47 .elementor-heading-title{font-size:42px;}.elementor-29 .elementor-element.elementor-element-7e3117ae .elementor-heading-title{line-height:1.3em;}.elementor-29 .elementor-element.elementor-element-25f1d3c7 .elementor-button{padding:26px 65px 26px 65px;}}/* Start custom CSS *//*FLEXPANELS 1.0 (ALSO ON MOBILE) */

/*Created by Frank Tielemans Jan-2020*/

/*Feel free to modify, share, make a widget from it (maybe with unlimited elements), whatever you like, but if you do be so kind and drop some credits for this work too.*/


/*********************CSS VARIABLES*********************/

 :root {
     
     
/**************  PANEL GROW/SHRINK CONTROLS   ******************/     

     /*Controls the growth factor of the panels for desktop/tablet/mobile
     eg: When value is 5 an open panel will be 5 times wider then a closed panel.
     */
     
     --grow_factor_desktop : 8;
     --grow_factor_tablet : 10;
     --grow_factor_mobile : 10;
     
 
 
 /**************  PANEL ANIMATION CONTROLS   ******************/    
    
    /*How long does it take to open a panel and what is the delay before it starts to open?
     first value is the duration, second the delay*/
     --grow_duration-delay: 0.8s 0.2s;

    /*How long does it take to close a panel? And what is the delay before it starts to close?*/
     --shrink_duration-delay: 0.8s 0s;


/**************  FLEXPANEL TITLE CONTROLS   ******************/

/*Controls the vertical and horizontal position of the flexpanel__title in the flexpanel.

IMPORTANT NOTE!
Unfortunately --title_ver_pos_desktop seems a bit buggy.
50% means vertically centered (unhovered state), but when you add more and more panels you will notice the title is not centered anymore, it will lower it's positition a bit. If this happens decrease/increase that percentage so the title looks centered. I think with 1 panel the panel__title is vertically centered, with two or more it start to sink.
*/ 
     --title_hor_pos : 48%;
    --title_hor_pos : 50%;


/*Controls the start-end rotation degree of the panel title (only on desktop)*/
    --title_rotation_start : 0deg;
    --title_rotation_end : 0deg;

/*Controls the start /end scale factor of the panel title (only on desktop)*/
   --title_scale_start : 1;
    --title_scale_end : 4;


/*Controls the duration and delay of the rotation animation*/

    --title_transform_duration_start : 0.5s 0.5s;
    --title_transform_duration_end : 0.5s 0.5s;

 /*Controls the start/end apacity value of the flexpanel_title. Default the title is fully opaque,
	when the rotation animation is complete, the opacity value is 0.05.
 	1 is fully opaque: 0 is transparent */
  
    --title_opacity_start: 1;
    --title_opacity_end: 10;

 /*Controls the duration time and delay time between start and and opacity value.(and the other way around) */ 
    --title_opacity_duration_start: 2s 0s;
    --title_opacity_duration_end: 0.5s 0s;

/**************  FLEXPANEL BORDER CONTROLS   ******************/

 /*This Controls the border-width  borderstyle and bordercolor of the panels.
On desktop these will be one the right side, on tablet and desktop at the bottom. 
*/ 
--flexpanel_border_width_desktop: 0px;
--flexpanel_border_style_desktop: solid;
--flexpanel_border_color_desktop: rgba(0,0,0,0);

--flexpanel_border_width_tablet: 0px;
--flexpanel_border_style_tablet: solid;
--flexpanel_border_color_tablet: rgba(0,0,0,0);

--flexpanel_border_width_mobile: 0px;
--flexpanel_border_style_mobile: solid;
--flexpanel_border_color_mobile: rgba(0,0,0,0);



/**************  CONTENT CONTROLS   ******************/

/*Controls the vertical position of the flexpanel__content (the innersection) on desktop/tablet/mobile.
50% means verticalle centered, regardless the length of the content. */ 

--content_pos_desktop : 70%;
--content_pos_tablet : 70%;
--content_pos_mobile : 80%;

/*Controls the width of the flexpanel__content (the innersection) on desktop/tablet/mobile*/
    --content_width_desktop : 65%;
    --content_width_tablet : 80%;
    --content_width_mobile : 90%;

/*This controls how long it takes before the flexpanel__content is into view when opening(forward) the panel and disappears (reversed) when closing the panel .*/

--content_anim_forward_duration: 0.5s;
--content_anim_forward_delay : 0.5s;

--content_anim_reversed_duration: 0.5s;
--content_anim_reversed_delay: 0s;

/*This controls the timing function of the animation of the flexpanel__content

THIS ARE VALID VALUES:
ease - specifies a transition effect with a slow start, then fast, then end slowly
linear - specifies a transition effect with the same speed from start to end
ease-in - specifies a transition effect with a slow start
ease-out - specifies a transition effect with a slow end
ease-in-out - specifies a transition effect with a slow start and end

Or create your own speed bezier curve with tools like
https://cubic-bezier.com/*/


--content_anim_reversed_timing_function: ease-in;
--content_anim_forward_timing_function : ease-out;



/*This controls the duration and delay before the flexpanel__content starts to animate when panel is opening (forward) and closing (reversed).*/

--content_opacity_forward_duration : 0.6s;
--content_opacity_forward_delay : 0s;

--content_opacity_reversed_duration : 0.6s;
--content_opacity_reversed_delay : 0s;

}



/********************CSS RULES START HERE DON'T TOUCH THIS UNLESS YOU KNOW WHAT YOU ARE DOING!!!!! *********/

/*PANELSTYLES*/
 
 
.flexpanels .flexpanel {
     overflow:hidden;
    flex:1;
    transition: flex var(--shrink_duration-delay) ;
    cursor: pointer;
}

.flexpanels .flexpanel:hover,
.flexpanels .flexpanel:focus
{
    flex: var(--grow_factor_desktop);
    transition: flex var(--grow_duration-delay);
}

.flexpanels .flexpanel:not(:last-child) {
    border-right-width: var(--flexpanel_border_width_desktop);
    border-right-style: var(--flexpanel_border_style_desktop);
    border-color: var(--flexpanel_border_color_desktop);
}

/*TITLESTYLES*/

.flexpanels .flexpanel__title {
    position: absolute;
    opacity: var(--title_opacity_start);
    top: var(--title_ver_pos);
    left: var(--title_hor_pos);
    transform:
    translate(-50%,-50%)
    rotate(var(--title_rotation_start))
    scale(var(--title_scale_start));
    transition:
    transform var(--title_transform_duration_start),
    opacity var(--title_opacity_duration_start);
}


.flexpanels .flexpanel:hover .flexpanel__title,
.flexpanels .flexpanel:focus .flexpanel__title{

opacity: var(--title_opacity_end);
   transform:
    translate(-50%,-50%)
    rotate(var(--title_rotation_end))
    scale(var(--title_scale_end));
   transition:
    transform var(--title_transform_duration_end),
    opacity var(--title_opacity_duration_end)
}


/*CONTENT STYLES*/

.flexpanels .flexpanel__content {
    position: absolute;
    top: 200%;
    left: 50%;
    transform: translate(-50%,-50%);
    opacity: 0;
    width: var(--content_width_desktop);

    transition:
    top
    var(--content_anim_reversed_duration) 
    var(--content_anim_reversed_delay) var(--content_anim_reversed_timing_function),
    opacity
    var(--content_opacity_reversed_duration)
    var(--content_opacity_reversed_delay);
}


.flexpanels .flexpanel:hover .flexpanel__content,
.flexpanels .flexpanel:focus .flexpanel__content{
    top: var(--content_pos_desktop);
    opacity: 1;
    
    transition: 
    top
    var(--content_anim_forward_duration)
    var(--content_anim_forward_delay) var(--content_anim_reversed_timing_function),
    opacity
    var(--content_opacity_forward_duration)
    var(--content_opacity_forward_delay);
}
    

/**********CSS RULES FOR TABLET START HERE ********/


@media screen and (max-width: 1025px) {
    
    
   .flexpanels .elementor-container {
    flex-direction: column !important;
}


.flexpanels .flexpanel:not(:last-child) {
    border: none;
    border-bottom-width: var(--flexpanel_border_width_desktop_tablet);
    border-bottom-style: var(--flexpanel_border_style_tablet);
    border-color: var(--flexpanel_border_color_tablet);
}


.flexpanels .flexpanel__content {
      width: var(--content_width_tablet);
}

.flexpanels .flexpanel:hover,
.flexpanels .flexpanel:focus
{
    flex: var(--grow_factor_tablet);
}

.flexpanels .elementor-column {
    width: 100%;
}

 .flexpanels .flexpanel__title {
    position: absolute;
    top: 50%;
    left:50%;
    transform: translate(-50%,-50%) rotate(0deg) scale(1);
    transition:  transform 0.5s 0.5s, opacity 0.5s 0.5s;
}


.flexpanels .flexpanel__title {
    position: absolute;
    transform:
    translate(-50%,-50%)
    rotate(0deg);
}

.flexpanels .flexpanel:hover .flexpanel__content,
.flexpanels .flexpanel:focus .flexpanel__content{
      top: var(--content_pos_tablet)
}
}

/**********CSS RULES FOR MOBILE START HERE ********/

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



.flexpanels .flexpanel:not(:last-child) {
    border-bottom-width: var(--flexpanel_border_width_mobile);
    border-bottom-style: var(--flexpanel_border_style_mobile);
    border-color: var(--flexpanel_border_color_mobile);
}


.flexpanels .flexpanel__content {
    top: 300%;
    width: var(--content_width_mobile);
}
    
.flexpanels .flexpanel:hover,
.flexpanels .flexpanel:focus
{
    flex: var(--grow_factor_mobile);
}

 .flexpanels .flexpanel:hover .flexpanel__content {
      top: var(--content_pos_mobile);
}
}/* End custom CSS */