.elementor-161 .elementor-element.elementor-element-2383461{--display:flex;--min-height:600px;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-161 .elementor-element.elementor-element-2383461.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-search{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search.e-focus{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search .elementor-pagination{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-161 .elementor-element.elementor-element-4b196f6 .e-search-input{background-color:#FFFFFF00;font-family:"Mikhak", Sans-serif;font-feature-settings:"numr";font-size:16px;box-shadow:0px 0px 10px 0px rgba(255, 255, 255, 0.5);border-radius:20px 20px 20px 20px;}.elementor-161 .elementor-element.elementor-element-4b196f6 > .elementor-widget-container{margin:240px 0px 0px 0px;padding:0px 0px 0px 0px;}#elementor-popup-modal-161 .dialog-widget-content{animation-duration:1.2s;background-color:#000000;border-radius:20px 20px 20px 20px;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-161{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-161 .dialog-message{width:545px;height:auto;}#elementor-popup-modal-161 .dialog-close-button{display:flex;}#elementor-popup-modal-161 .dialog-close-button i{color:#FFFFFF;}#elementor-popup-modal-161 .dialog-close-button svg{fill:#FFFFFF;}#elementor-popup-modal-161 .dialog-close-button:hover i{color:#00FF88;}@media(min-width:768px){.elementor-161 .elementor-element.elementor-element-2383461{--width:500px;}}@media(max-width:1200px) and (min-width:768px){.elementor-161 .elementor-element.elementor-element-2383461{--width:541.986px;}}/* Start custom CSS for container, class: .elementor-element-2383461 */.elementor-161 .elementor-element.elementor-element-2383461 {
  position: relative;
  background: #000000;
  border-radius: 25px;
  padding: 2rem;
  overflow: hidden;
  z-index: 1;
}

/* خط متحرک */
.elementor-161 .elementor-element.elementor-element-2383461::before {
  content: "";
  position: absolute;
  background: #00ff88;
  z-index: 3;
  border-radius: 2px;
  animation: trace-border 6s linear infinite;
}

@keyframes trace-border {
  0% {
    top: 0;
    left: 0;
    width: 0%;
    height: 3px;
  }

  25% {
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
  }

  26% {
    top: 0;
    left: calc(100% - 3px); /* 👈 جبران عرض خط */
    width: 3px;
    height: 0%;
  }

  50% {
    top: 0;
    left: calc(100% - 3px);
    width: 3px;
    height: 100%;
  }

  51% {
    top: calc(100% - 3px);  /* 👈 جبران ارتفاع خط */
    left: calc(100% - 3px);
    width: 0%;
    height: 3px;
  }

  75% {
    top: calc(100% - 3px);
    left: 0;
    width: 100%;
    height: 3px;
  }

  76% {
    top: calc(100% - 3px);
    left: 0;
    width: 3px;
    height: 0%;
  }

  100% {
    top: 0;
    left: 0;
    width: 3px;
    height: 100%;
  }
}

.blinking-bg {
  position: relative;
  background: #000000;
  overflow: hidden;
}

.blinking-bg span {
  position: absolute;
  width: 4px;
  height: 4px;
  background-color: #00ff88;
  border-radius: 50%;
  animation: blink 2s infinite ease-in-out;
  opacity: 0.3;
}
@keyframes blink {
  0%, 100% {
    opacity: 0.1;
  }
  50% {
    opacity: 1;
  }
}/* End custom CSS */