.elementor-4297 .elementor-element.elementor-element-e80716e{--display:flex;}.elementor-4297 .elementor-element.elementor-element-29ebb70 .main-menu ul.sub-menu li a{color:#31A8FF;}.elementor-4297 .elementor-element.elementor-element-29ebb70 .main-menu ul.sub-menu li a:hover{color:#31A8FF;}.elementor-4297 .elementor-element.elementor-element-29ebb70 .main-menu ul.sub-menu li a:before, .elementor-4297 .elementor-element.elementor-element-29ebb70 .main-menu ul li.menu-item-has-children > a:after{color:#FFFFFF;}/* Start custom CSS for realarheader, class: .elementor-element-29ebb70 *//* زرار المينيو */
.th-menu-toggle.sidebar-btn {
  background: transparent !important; /* شفافية */
  box-shadow: none !important;        /* بدون ظل */
  border: none !important;            /* بدون إطار */
}

/* الخطوط جوه الزر */
.th-menu-toggle.sidebar-btn .line {
  background-color: #fff !important;  /* أبيض */
}

.header-logo img{
  height: 74px;      /* للديسكتوب */
  width: auto;
  image-rendering: auto;
}

@media (max-width: 767px){
  .header-logo img{ height: 44px; } /* للموبايل */
}

/* تغيير لون عناصر المينيو عند الـ Hover */
nav.main-menu ul.realar-menu > li > a:hover {
  color: #31A8FF !important;
}


/* الأساس */
.header-button .th-btn.style5.th-btn-icon {
  position: relative !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  padding: 15px 28px !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  border-radius: 8px !important;
  background: transparent !important; /* خلفية شفافة */
  border: 2px solid #fff !important;   /* بوردر أبيض */
  color: #fff !important;              /* النص أبيض */
  text-decoration: none !important;
  overflow: hidden !important;
  transition: transform .4s ease, box-shadow .4s ease, background .4s ease, color .4s ease !important;
  box-shadow: none !important;
  z-index: 0;
}

/* الهوفر */
.header-button .th-btn.style5.th-btn-icon:hover {
  transform: translateY(-4px) scale(1.05) !important;
  background: linear-gradient(90deg, #001845, #134074) !important; /* الجريدينت */
  box-shadow: 0 10px 25px rgba(19,64,116,.6) !important;
  color: #fff !important; /* النص يفضل أبيض */
  border-color: transparent !important; /* نخفي البوردر */
}

.header-button .th-btn.style5.th-btn-icon:hover::after {
  left: 125%;
  transition: left .75s ease;
}

.th-btn.style5.th-btn-icon::after {
  display: none !important;
  content: none !important;
}/* End custom CSS */