.elementor-kit-6{--e-global-color-primary:#522D8A;--e-global-color-secondary:#9633D5;--e-global-color-text:#FFFFFF;--e-global-color-accent:#FFC100;--e-global-color-5d1d0e4:#230058;--e-global-typography-primary-font-family:"Avenir";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Avenir";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Avenir";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Avenir";--e-global-typography-accent-font-weight:500;background-color:var( --e-global-color-primary );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.line-seo::before {
  content: "";
  position: absolute;
    left: -38%;
    top: 20%;
    z-index: -3;
    width: 350px;
  height: 5px;
  background: linear-gradient(
    90deg,
    rgba(255,255,0,0) 0%,      /* أصفر شفاف */
    rgba(255,255,0,1) 50%,     /* أصفر كامل */
    rgba(255,255,0,0) 100%     /* أصفر شفاف */
  );
  background-size: 500% auto;   /* أكبر = تمويجة أوسع */
  
  animation: waveMove 18s linear infinite; /* أبطأ بكتير */
  
  transform: translate(-50%, -50%) rotate(20deg);
}


.line-web::before {
    content: "";
    position: absolute;
    left: 113%;
    top: 23%;
    z-index: -3;
    width: 300px;
    height: 5px;
  background: linear-gradient(
    90deg,
    rgba(255,255,0,0) 0%,     
    rgba(255,255,0,1) 50%,     
    rgba(255,255,0,0) 100%    
  );
  background-size: 500% auto; 
  
  
  animation: waveMove 18s linear infinite; 
  
    transform: translate(-50%, -50%) rotate(160deg);
}




.social-line::before {
        content: "";
    position: absolute;
    left: 108%;
    top: 82%;
    z-index: -3;
    width: 240px;
    height: 5px;
    background: linear-gradient(
    90deg,
    rgba(255,255,0,0) 0%,     
    rgba(255,255,0,1) 50%,     
    rgba(255,255,0,0) 100%    
    );
     background-size: 500% auto; 
     
     animation: waveMove 18s linear infinite;
    
    transform: translate(-50%, -50%) rotate(210deg);
    
    
}

.markting-line::before {
        content: "";
    position: absolute;
    left: -22%;
    top: 68%;
    z-index: -3;
    width: 275px;
    height: 5px;
    
      background: linear-gradient(
    90deg,
    rgba(255,255,0,0) 0%,     
    rgba(255,255,0,1) 50%,     
    rgba(255,255,0,0) 100%    
    );
     background-size: 500% auto; 
     
       animation: waveMove 18s linear infinite; 
    
    transform: translate(-50%, -50%) rotate(152deg);
    
}

.visoul-line::before {
content: "";
    position: absolute;
    top: 44%;
    left: -122px;
    z-index: -3;
    width: 362px;

    height: 5px;
    background: linear-gradient(90deg, rgba(255, 255, 0, 0) 0%, rgba(255, 255, 0, 1) 50%, rgba(255, 255, 0, 0) 100%);
    background-size: 500% auto;
    animation: waveMove 18s linear infinite;
    transform: translate(-50%, -50%) rotate(180deg);
}


.shop-line::before {
content: "";
    position: absolute;
    left: 236px;
    top: 42%;
    z-index: -3;
    width: 417px;
    height: 5px;
    background: linear-gradient(90deg, rgba(255, 255, 0, 0) 0%, rgba(255, 255, 0, 1) 50%, rgba(255, 255, 0, 0) 100%);
    background-size: 500% auto;
    animation: waveMove 18s linear infinite;
    transform: translate(-50%, -50%) rotate(180deg);
    
}




.line-seo,
.line-web,
.social-line,
.markting-line,
.visoul-line,
.shop-line {
  opacity: 0;
  animation: showBlock 0s forwards;

}

/* الترتيب حسب الظهور */
.line-seo {
  animation-delay: 0.5s;
}

.hero-animation img {
        animation: dance 3s 3;
}



.line-web {
  animation-delay: 1s;
}

.social-line {
  animation-delay: 1.5s;
}

.markting-line {
  animation-delay: 2s;
}

.visoul-line {
  animation-delay: 2.5s;
}

.shop-line {
  animation-delay: 3s;
}

@keyframes showBlock {
  to { opacity: 1; }
}



.fist img {
      animation: updown 2s ease-in-out infinite;

}


@keyframes updown {
  0%, 100% {
    transform: translateY(0);   /* الوضع الطبيعي */
  }
  50% {
    transform: translateY(-20px); /* تتحرك لفوق */
  }
}





@keyframes waveMove {
  0%   { background-position: -200% center; }
  50%  { background-position: 200% center; }
  100% { background-position: -200% center; }
}




@keyframes dance {
  0%   { transform: rotate(0deg) translateY(0); }
  20%  { transform: rotate(-10deg) translateY(-5px); }
  40%  { transform: rotate(10deg) translateY(5px); }
  60%  { transform: rotate(-10deg) translateY(-5px); }
  80%  { transform: rotate(10deg) translateY(5px); }
  100% { transform: rotate(0deg) translateY(0); }
}






/*main title*/



.main-title {
    position: relative;
    text-align: center;
    margin: 0 auto 80px;
    padding: 10px 20px;
    z-index: 1;
    border: 1px solid white;
    width: fit-content;
    transition: 0.3s;
}

.main-title::after,
.main-title::before {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
    background-color: white;
}

.main-title::after {
    right: -30px;
}

.main-title::before {
    left: -30px;
}

.main-title:hover {
    background-color:white;
   
    border-color: white;
    transition-delay: 0.5s;
}

.main-title:hover .elementor-heading-title {
     color: #522D8A !important;
     transition: 0.3s
}

.main-title:hover::before {
    z-index: -1;
    animation: left-move 0.5s linear forwards;
}

.main-title:hover::after {
    z-index: -1;
    animation: right-move 0.5s linear forwards;
}

@keyframes left-move {
    50% {
        left: 0;
        width: 12px;
        height: 12px;
    }
    100% {
        left: 0;
        border-radius: 0;
        width: 50%;
        height: 100%;
    }
}

@keyframes right-move {
    50% {
        right: 0;
        width: 12px;
        height: 12px;
    }
    100% {
        right: 0;
        border-radius: 0;
        width: 50%;
        height: 100%;
    }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Avenir';
	font-display: auto;
	src: url('https://qawabid.com/wp-content/uploads/2025/08/Avenir-Regular.ttf') format('truetype');
}
/* End Custom Fonts CSS */