.elementor-19702 .elementor-element.elementor-element-25d1f9d > .elementor-container{max-width:400px;}.elementor-19702 .elementor-element.elementor-element-27e3260:not(.elementor-motion-effects-element-type-background), .elementor-19702 .elementor-element.elementor-element-27e3260 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://kafoagency.com/wp-content/uploads/2025/11/Frame-1-scaled.png");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-19702 .elementor-element.elementor-element-27e3260 > .elementor-background-overlay{background-color:#000000;opacity:0.14;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-19702 .elementor-element.elementor-element-27e3260 > .elementor-container{min-height:44vw;}.elementor-19702 .elementor-element.elementor-element-27e3260, .elementor-19702 .elementor-element.elementor-element-27e3260 > .elementor-background-overlay{border-radius:20px 20px 20px 20px;}.elementor-19702 .elementor-element.elementor-element-27e3260{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-19702 .elementor-element.elementor-element-7431f2b > .elementor-container{max-width:300px;}.elementor-19702 .elementor-element.elementor-element-7431f2b, .elementor-19702 .elementor-element.elementor-element-7431f2b > .elementor-background-overlay{border-radius:10px 10px 10px 10px;}.elementor-19702 .elementor-element.elementor-element-b33ec39:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-19702 .elementor-element.elementor-element-b33ec39 > .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-19702 .elementor-element.elementor-element-b33ec39 > .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-19702 .elementor-element.elementor-element-b33ec39 > .elementor-element-populated, .elementor-19702 .elementor-element.elementor-element-b33ec39 > .elementor-element-populated > .elementor-background-overlay, .elementor-19702 .elementor-element.elementor-element-b33ec39 > .elementor-background-slideshow{border-radius:10px 10px 10px 10px;}.elementor-19702 .elementor-element.elementor-element-b33ec39 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:25px 30px 25px 20px;}.elementor-19702 .elementor-element.elementor-element-b33ec39 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-19702 .elementor-element.elementor-element-d6ade62{text-align:right;}.elementor-19702 .elementor-element.elementor-element-d6ade62 .elementor-heading-title{font-size:32px;font-weight:800;color:#FFFFFF;}.elementor-19702 .elementor-element.elementor-element-c3901f4{--divider-border-style:solid;--divider-color:#FFFFFF;--divider-border-width:1px;}.elementor-19702 .elementor-element.elementor-element-c3901f4 > .elementor-widget-container{margin:-5px 0px 0px 0px;}.elementor-19702 .elementor-element.elementor-element-c3901f4 .elementor-divider-separator{width:60%;margin:0 auto;margin-right:0;}.elementor-19702 .elementor-element.elementor-element-c3901f4 .elementor-divider{text-align:right;padding-block-start:15px;padding-block-end:15px;}.elementor-19702 .elementor-element.elementor-element-7824bcd > .elementor-widget-container{margin:5px 0px 0px 0px;}.elementor-19702 .elementor-element.elementor-element-7824bcd{text-align:right;}.elementor-19702 .elementor-element.elementor-element-7824bcd .elementor-heading-title{font-size:14px;font-weight:400;color:#FFFFFF;}@media(max-width:1024px){.elementor-19702 .elementor-element.elementor-element-7431f2b > .elementor-container{max-width:140px;}.elementor-19702 .elementor-element.elementor-element-7431f2b{padding:0px 0px 0px 0px;}.elementor-19702 .elementor-element.elementor-element-d6ade62 .elementor-heading-title{font-size:15px;}}@media(max-width:767px){.elementor-19702 .elementor-element.elementor-element-7431f2b > .elementor-container{max-width:200px;}.elementor-19702 .elementor-element.elementor-element-d6ade62 .elementor-heading-title{font-size:20px;}}/* Start custom CSS for section, class: .elementor-element-7431f2b */.elementor-19702 .elementor-element.elementor-element-7431f2b{
    position: absolute;
    bottom: -140px;
    transition: opacity 1s ease;
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-0cd75f1 */.elementor-19702 .elementor-element.elementor-element-0cd75f1{
    position: relative;
    overflow: hidden
}
.elementor-19702 .elementor-element.elementor-element-0cd75f1:not(:hover){
    animation: show-overflow 2s forwards;
}

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

.elementor-19702 .elementor-element.elementor-element-0cd75f1: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-27e3260 */.elementor-19702 .elementor-element.elementor-element-27e3260 {

  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-19702 .elementor-element.elementor-element-27e3260::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 */