/**
Theme Name: Vertx University
Author: Khamis Ghannam
Author URI: https://www.facebook.com/khamis.ghannam/
Description: Vertex University Theme هو قالب خفيف وسريع مصمم خصيصًا للمواقع الأكاديمية والجامعية. يتميز بتصميم متجاوب وقابل للتخصيص بالكامل، مما يجعله مثاليًا للجامعات، المعاهد، والدورات التعليمية عبر الإنترنت. مُحسّن لمحركات البحث ويدعم التكامل مع الإضافات التعليمية والصفحات التفاعلية، مما يمنحك تجربة سلسة واحترافية
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: vertx-university
Template: astra
*/


html[lang="en-US"] .elementor-widget-n-tabs .e-n-tab-title-text {

    text-align: left;
}


/* ⭐️ الاتجاه LTR لعناوين الأقسام */
html[lang="en-US"] .title-wide {
  direction: ltr; /* انعكاس الاتجاه */
text-align:left!important;

}

html[lang="en-US"] .title-wide::before {
  left: auto;
  right: 0; /* انعكاس النقطة */
}

html[lang="en-US"] .title-wide::after {
  flex-grow: 1;
  height: .5px;
  background-color: #08326E;
  opacity: 0.5;
  position: relative;
}

/* ✅ النقطة تُعرض فقط على الشاشات الكبيرة */
@media only screen and (max-width: 768px) {
  html[lang="en-US"] .title-wide::before,
  html[lang="en-US"] .title-wide::after {
    display: none !important;
  }
}


html[lang="en-US"] .item:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 10%;
  right: -10px; /* بدلاً من left */
  width: 1px;
  height: 80%;
  background-color: #ddd;
}

html[lang="en-US"] .item:not(:last-child)::before {
  content: none;
 
}


.elementor-6111 .elementor-element.elementor-element-336e0f3 p {
    text-align: left !important;
}


.elementor-6111 .elementor-element.elementor-element-d0d62bc p {
    text-align: left !important;
}




.phone-ltr {
font-size: 15px;
padding: 0;
margin: 0;
color:#878787;
direction: ltr;
font-family: "Tajawal", Sans-serif;
font-weight: 400;
    
}


html[lang="en-us"] .subtitle-dot {
    width: 4px;
    height: 4px;
    background-color: #08326E;
    border-radius: 50%;
    margin-left: 0;
    margin-right: 10px;
}


.staff-banner {
  position: relative;
  background: linear-gradient(116.84deg, rgba(8, 50, 110, 0.5) 20%, rgba(8, 50, 110, 0.3) 50%, rgba(8, 50, 110, 0.5) 100%),
              linear-gradient(240.83deg, #08326e 10%, rgba(8, 50, 110, 0.8) 50%, #08326e 90%);
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
  overflow: hidden;
  z-index: 1;
}

/* ✅ الشبكة المتحركة */
.staff-banner::before {
  content: "";
  position: absolute;
  width: 200%;
  height: 200%;
  top: -50%;
  left: -50%;
  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.03) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.03) 50%,
    rgba(255, 255, 255, 0.03) 75%,
    transparent 75%,
    transparent
  );
  background-size: 2px 1500px;
  transform: rotate(10deg);
  animation: slidePattern 30s linear infinite;
  z-index: 1;
  pointer-events: none;
}

/* ✅ الشكل المائل من اليمين */
.staff-banner::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 60%;
  height: 100%;
  background: rgba(0, 0, 0, 0.1);
  clip-path: polygon(100% 0, 100% 100%, 50% 100%, 80% 0);
  z-index: 2;
  pointer-events: none;
}

/* ✅ نسخ إنجليزية (انعكاس) */
html[lang="en-US"] .staff-banner::before {
  right: -50%;
  left: auto;
  transform: rotate(-10deg);
}
html[lang="en-US"] .staff-banner::after {
  left: 0;
  right: auto;
  clip-path: polygon(0 0, 30% 0, 50% 100%, 0 100%);
}



@media (max-width: 768px) {
  .staff-grid-responsive {
    grid-template-columns: 1fr !important;
  }
}


@media (max-width: 768px) {
  .staff-banner .staff-banner-inner {
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    height: auto !important;
  }

  .staff-banner .staff-banner-inner > div {
    text-align: center !important;
  }

  .staff-banner .staff-banner-inner img {
    border-radius: 50%;
   
  }

  .staff-banner h1 {
    font-size: 22px !important;
  }

  .staff-banner p {
    font-size: 16px !important;
    margin-bottom: 5px;
  }
}

.ast-woocommerce-container{
    margin-top:150px;
}


header.entry-header.ast-no-thumbnail {
    margin-top: 150px;
}


body.rtl #billing_college,
body.rtl #billing_specialty,
body.rtl #billing_degree,
body.rtl .select2-container--default .select2-selection--single {
    padding-left:2em !important;
    padding-right: 1em !important;
    padding-bottom:0px!important;
    text-align: right !important;
}