.elementor-19706 .elementor-element.elementor-element-25d1f9d > .elementor-container{max-width:400px;}.elementor-19706 .elementor-element.elementor-element-7063177:not(.elementor-motion-effects-element-type-background), .elementor-19706 .elementor-element.elementor-element-7063177 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://kafoagency.com/wp-content/uploads/2025/08/03_Home-scaled.jpg");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-19706 .elementor-element.elementor-element-7063177 > .elementor-background-overlay{background-color:#000000;opacity:0.14;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-19706 .elementor-element.elementor-element-7063177 > .elementor-container{min-height:44vw;}.elementor-19706 .elementor-element.elementor-element-7063177, .elementor-19706 .elementor-element.elementor-element-7063177 > .elementor-background-overlay{border-radius:20px 20px 20px 20px;}.elementor-19706 .elementor-element.elementor-element-7063177{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-19706 .elementor-element.elementor-element-db0d468 > .elementor-container{max-width:300px;}.elementor-19706 .elementor-element.elementor-element-db0d468, .elementor-19706 .elementor-element.elementor-element-db0d468 > .elementor-background-overlay{border-radius:10px 10px 10px 10px;}.elementor-19706 .elementor-element.elementor-element-1910265:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-19706 .elementor-element.elementor-element-1910265 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;background-image:url("https://kafoagency.com/wp-content/uploads/2025/08/Frame-47399-2.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-19706 .elementor-element.elementor-element-1910265 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:0px;}.elementor-19706 .elementor-element.elementor-element-1910265 > .elementor-element-populated, .elementor-19706 .elementor-element.elementor-element-1910265 > .elementor-element-populated > .elementor-background-overlay, .elementor-19706 .elementor-element.elementor-element-1910265 > .elementor-background-slideshow{border-radius:10px 10px 10px 10px;}.elementor-19706 .elementor-element.elementor-element-1910265 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:25px 30px 25px 20px;}.elementor-19706 .elementor-element.elementor-element-1910265 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-19706 .elementor-element.elementor-element-4667170{text-align:right;}.elementor-19706 .elementor-element.elementor-element-4667170 .elementor-heading-title{font-size:32px;font-weight:800;color:#FFFFFF;}.elementor-19706 .elementor-element.elementor-element-870fc1b{--divider-border-style:solid;--divider-color:#FFFFFF;--divider-border-width:1px;}.elementor-19706 .elementor-element.elementor-element-870fc1b > .elementor-widget-container{margin:-5px 0px 0px 0px;}.elementor-19706 .elementor-element.elementor-element-870fc1b .elementor-divider-separator{width:60%;margin:0 auto;margin-right:0;}.elementor-19706 .elementor-element.elementor-element-870fc1b .elementor-divider{text-align:right;padding-block-start:15px;padding-block-end:15px;}.elementor-19706 .elementor-element.elementor-element-b3f90ce > .elementor-widget-container{margin:5px 0px 0px 0px;}.elementor-19706 .elementor-element.elementor-element-b3f90ce{text-align:right;}.elementor-19706 .elementor-element.elementor-element-b3f90ce .elementor-heading-title{font-size:14px;font-weight:400;color:#FFFFFF;}@media(max-width:1024px){.elementor-19706 .elementor-element.elementor-element-db0d468 > .elementor-container{max-width:140px;}.elementor-19706 .elementor-element.elementor-element-4667170 .elementor-heading-title{font-size:15px;}}@media(max-width:767px){.elementor-19706 .elementor-element.elementor-element-db0d468 > .elementor-container{max-width:200px;}.elementor-19706 .elementor-element.elementor-element-4667170 .elementor-heading-title{font-size:20px;}}/* Start custom CSS for section, class: .elementor-element-db0d468 */.elementor-19706 .elementor-element.elementor-element-db0d468{
    position: absolute;
    bottom: -140px;
    transition: opacity 1s ease;
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-ee816fa */.elementor-19706 .elementor-element.elementor-element-ee816fa{
    position: relative;
    overflow: hidden
}
.elementor-19706 .elementor-element.elementor-element-ee816fa:not(:hover){
    animation: show-overflow 2s forwards;
}

.elementor-19706 .elementor-element.elementor-element-ee816fa:not(:hover) .first-inner{
    animation: remove-data 1s forwards;
}
.elementor-19706 .elementor-element.elementor-element-ee816fa:hover{
    animation: remove-overflow 2s forwards;
    
}

.elementor-19706 .elementor-element.elementor-element-ee816fa:hover .first-inner{
    animation: show-data 1s forwards;
    opacity: 1;
    transition: opacity .3s ease;
    
}
@keyframes show-data{
    50%{
        transform : translateY(-150px);
    }
     100%{
        transform : translateY(-100px);
    }
}

@keyframes remove-overflow{
    to{
        overflow : initial;
    }
}

@keyframes remove-data{
    0%{
         transform : translateY(-150px);
    }
     50%{
        transform : translateY(-160px);
    }
     100%{
        transform : translateY(50px);
    }
}

@keyframes show-overflow{
    0%{
        overflow : initial;
        pointer-events : none;
    }
    50%{
        overflow : hidden;
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-7063177 */.elementor-19706 .elementor-element.elementor-element-7063177 {

  position: relative;
  z-index: 1;
   background:  linear-gradient(90deg, rgba(27, 226, 110, 0.58) 0%, rgba(19, 107, 47, 0.36) 100%);
   border-radius: 30px
}
.elementor-19706 .elementor-element.elementor-element-7063177::before {
  content: "";
  position: absolute;
  inset: 0; /* يغطي الزر بالكامل */
  padding: 2px; /* سمك البوردر */
  border-radius: 20px; /* نفس radius الزرار */
  background: linear-gradient(90deg, #136B2F 0%, #13B746 100%);
  -webkit-mask: 
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude; 
  z-index: -1;
}/* End custom CSS */