.elementor-kit-3836{--e-global-color-primary:#FF8200;--e-global-color-secondary:#323335;--e-global-color-text:#DEDEDF;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Gudea";--e-global-typography-primary-font-size:42px;--e-global-typography-primary-font-weight:700;--e-global-typography-primary-line-height:55px;--e-global-typography-secondary-font-family:"Gudea";--e-global-typography-secondary-font-size:40px;--e-global-typography-secondary-font-weight:700;--e-global-typography-secondary-line-height:50px;--e-global-typography-text-font-family:"Gudea";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:25px;--e-global-typography-accent-font-family:"Gudea";--e-global-typography-accent-font-size:15px;--e-global-typography-accent-font-weight:600;--e-global-typography-accent-line-height:20px;--e-global-typography-76ffdde-font-size:31px;--e-global-typography-76ffdde-font-weight:700;--e-global-typography-76ffdde-line-height:40px;}.elementor-kit-3836 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1250px;}.e-con{--container-max-width:1250px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.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);}@media(max-width:1024px){.elementor-kit-3836{--e-global-typography-secondary-font-size:30px;--e-global-typography-secondary-line-height:40px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-3836{--e-global-typography-primary-font-size:31px;--e-global-typography-secondary-font-size:25px;--e-global-typography-secondary-line-height:35px;--e-global-typography-text-font-size:15px;--e-global-typography-text-line-height:25px;--e-global-typography-76ffdde-font-size:20px;--e-global-typography-76ffdde-line-height:30px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */a{
    text-decoration: none !important;
}



.mask {
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 20%, #000 80%, transparent);
    mask-image: linear-gradient(90deg, transparent, #000 20%, #000 80%, transparent);
    /* mask-mode: alpha; */
}

a.e-link span{
  text-decoration: none;

  position: relative;
  padding-bottom: 3px;
  display: inline-block;
}

a.e-link span:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 0%;
  height: 2px;
  background-color: #F39100;
  transition: width 0.3s ease;
}

a.e-link span:hover::after {
  width: 100%;
}

.e-current a {
    color: #000000 !important;
    border-bottom: 2px solid #F39100 !important ;
}



/****** hover link ****/


.hlink a span{
  text-decoration: none;

  position: relative;
  padding-bottom: 3px;
  display: inline-block;
}

.hlink a span:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 0%;
  height: 2px;
  background-color: #F39100;
  transition: width 0.3s ease;
}

.hlink a span:hover::after {
  width: 100%;
}



/************************/


/* ===== حركة إضاءة مستمرة على الزر ===== */
.magic-btn {
    position: relative;
    overflow: hidden;
}

/* لمعة متحركة */
.magic-btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: -120%;
    width: 120%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255, 255, 255, 0) 30%,
        rgba(255, 255, 255, 0.5) 50%,
        rgba(255, 255, 255, 0) 70%
    );
    transform: skewX(-20deg);
    animation: shine 2.5s infinite linear;
}

@keyframes shine {
    0% { left: -120%; }
    100% { left: 120%; }
}

/* ===== تأثير إضاءة تحت الماوس عند المرور ===== */
.magic-btn::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    pointer-events: none;
    background: radial-gradient(circle, rgba(255,255,255,0.4) 0%, transparent 60%);
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: 0.25s ease;
}

.magic-btn:hover::after {
    width: 200px;
    height: 200px;
    opacity: 1;
}

/* لجعل الإضاءة تتبع مؤشر الماوس */
.magic-btn {
    --x: 50%;
    --y: 50%;
}

.magic-btn:hover::after {
    left: var(--x);
    top: var(--y);
}





/***********************/



/* زر بإضاءة متحركة على الإطار */
.border-light-btn {
    position: relative;
    overflow: visible;
    z-index: 1;
}

/* خط الإطار */
.border-light-btn::before {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    border-radius: 6px;
    background:
        linear-gradient(90deg, transparent, rgba(255,255,255,0.8), transparent) 0 0,
        linear-gradient(0deg, transparent, rgba(255,255,255,0.8), transparent) 0 0,
        linear-gradient(90deg, transparent, rgba(255,255,255,0.8), transparent) 0 100%,
        linear-gradient(0deg, transparent, rgba(255,255,255,0.8), transparent) 100% 0;
    background-size: 
        200% 2px, 2px 200%, 200% 2px, 2px 200%;
    background-repeat: no-repeat;
    animation: borderMove 3s linear infinite;
    pointer-events: none;
}

/* حركة الضوء على الإطار */
@keyframes borderMove {
    0% {
        background-position: 
            0 0,
            0 0,
            200% 100%,
            100% 200%;
    }
    50% {
        background-position: 
            200% 0,
            0 200%,
            0 100%,
            100% 0;
    }
    100% {
        background-position: 
            0 0,
            0 0,
            200% 100%,
            100% 200%;
    }
}

/* تأثير أقوى عند مرور الماوس */
.border-light-btn:hover::before {
    filter: brightness(1.4);
}




/*************/

/* زر بإضاءة متحركة على الإطار */
.con-kit-component-button {
    position: relative;
    overflow: visible;
    z-index: 1;
}

/* خط الإطار */
.con-kit-component-button::before {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    border-radius: 6px;
    background:
        linear-gradient(90deg, transparent, rgba(255,255,255,0.8), transparent) 0 0,
        linear-gradient(0deg, transparent, rgba(255,255,255,0.8), transparent) 0 0,
        linear-gradient(90deg, transparent, rgba(255,255,255,0.8), transparent) 0 100%,
        linear-gradient(0deg, transparent, rgba(255,255,255,0.8), transparent) 100% 0;
    background-size: 
        200% 2px, 2px 200%, 200% 2px, 2px 200%;
    background-repeat: no-repeat;
    animation: borderMove 3s linear infinite;
    pointer-events: none;
}

/* حركة الضوء على الإطار */
@keyframes borderMove {
    0% {
        background-position: 
            0 0,
            0 0,
            200% 100%,
            100% 200%;
    }
    50% {
        background-position: 
            200% 0,
            0 200%,
            0 100%,
            100% 0;
    }
    100% {
        background-position: 
            0 0,
            0 0,
            200% 100%,
            100% 200%;
    }
}

/* تأثير أقوى عند مرور الماوس */
.con-kit-component-button:hover::before {
    filter: brightness(1.4);
}/* End custom CSS */