.education .row{
  display: flex;
  align-items: stretch;
}
.education .img-hero,
.job .img-hero{
  background: url('/img/education/eduHero.png') no-repeat;
  background-position: -25px center;
  background-size: cover;
  width: 555px;
min-height: 400px;
border-radius: 16px;
}

.job .img-hero{
  background: url('/img/education/jobhero.png') no-repeat;
  background-position: -70px center;
}
.education .education-info h2,
.job .job-info h2{
font-weight: var(--fw-bold);
font-size: 28px;
line-height: 1.78;
margin-top: 0;
color: rgba(53, 53, 53, 1);
}
.education .education-info p,
.job .job-info p {
font-weight: var(--fw-medium);
font-size: 15px;
line-height: 2.6667;
text-align: right;
color: rgba(79, 79, 79, 1);
}

.education .education-info .btn,
.job .job-info .btn{
   display: inline-flex;
   align-items: center;
   justify-content: center;
  padding: 19px 75px;
  line-height: 1;
border-radius: 12px;
background: rgba(102, 174, 238, 1);
font-weight: var(--fw-medium);
font-size: 25px;
text-align: center;
color: rgba(248, 248, 248, 1);
margin-top: 2rem;
}
p{
font-weight: var(--fw-medium);
font-size: 18px;
margin-bottom: 2rem;
color: rgba(99, 99, 99, 1);
}
.study .card{
  width: 267px;
height: 160px;
border-radius: 16px;
background: rgba(242, 242, 242, 0.2);
border: 0.25px solid rgba(197, 197, 197, 0.5)
}
.study .card h5{
  margin-top: .7rem;
font-weight: var(--fw-medium);
font-size: 16px;
line-height: 16px;
color: rgba(0, 0, 0, 1);
}

.study .card p{
font-weight: var(--fw-regular);
font-size: 12px;
line-height: 24px;
color: rgba(79, 79, 79, 1);
}

.timeline{
  width: 100%;
height: 610px;
background: rgba(223, 223, 223, 0.1);
}
.timeline .container {
      position: relative;
}
.timeline .map-box {
  position: relative; /* بدل absolute */
  width: 100%;
  height: auto; /* خليه يتبع الصور */
}

.timeline-image{
  position: relative;
}
.timeline .white-image {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: auto;
      z-index: 1;
}

.timeline .colored-image {
      position: absolute;
      top: -5px;
      left: 0;
      width: 100%;
      height: auto;
      z-index: 2; /* أعلى من الصورة البيضاء */
}

.timeline .vector{
      position: absolute;
      z-index: 3;
      width: 30px;
}

.Grouptime{
  position: absolute;
  z-index: 3;
  width: 50px;
}
.timeline .Group-1{
  right: 20px;
  bottom: -85px;
}

.timeline .Group-2 {
  right: 229px;
  top: 95px;
}
.timeline .Group-3{
  right: 437px;
  top: 76px;
}
.timeline .Group-4{
  left: 440px;
  top: 95px;
}

.timeline .Group-5{
  left: 232px;
  top: 77px;
}
.timeline .Group-6 {
  left: 22px;
  top: 113px;
}
.timeline .map-info{
      width: 100%;
height: 200px;
      position: relative;
      z-index: 4;
}
.timeline .map-info .col{
  position: absolute;
}
.timeline .info {
  left: 88.5%;
  top: 90%;
}

.timeline .info1 {
  left: 69.5%;
  top: 70%;
}

.timeline .info2{
  left: 50.5%;
  top: 110%;
}

.timeline .info3{
right: 51.5%;
top: 70%;
}

.timeline .info4 {
  right: 70%;
  top: 110%;
}

.timeline .info5{
right: 89%;
top: 80%;
}

.timeline .Grouptime1{
  right: 10px;
  top: 105px;
}
.timeline .Grouptime2 {
  right: 218px;
  top: 7px;
}

.timeline .Grouptime3 {
  right: 428px;
  top: 142px;
}

.timeline .Grouptime4 {
  left: 430px;
  top: 5px;
}

.timeline .Grouptime5 {
  left: 222px;
top: 142px;
}
.timeline .Grouptime6 {
  left: 12px;
  top: 40px;
}

.map-info .col h3{
font-weight: var(--fw-medium);
font-size: 14px;
color: rgba(0, 0, 0, 1);
margin-bottom: 0;
}

.map-info .col h5 {
  font-weight: var(--fw-medium);
  font-size: 10px;
  color: rgba(79, 79, 79, 1);
  
}

.map-info .col p {
  font-weight: var(--fw-regular);
  font-size: 14px;
  line-height: 20px;
  color: rgba(79, 79, 79, 1);
}
    .service-card {
height: 250px;
border-radius: 16px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
position: relative;
overflow: hidden;
transition: 0.3s;
}
.service-card:before{
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      background: linear-gradient(180deg, rgba(0, 0, 0, 0) 45.95%, rgba(0, 0, 0, 0.4) 76.62%);
width: 100%;
height: 100%;
    }
.service-card .card-body {
width: 100%;
height: 100%;
padding: 0;
display: flex;
justify-content: center;
align-items: flex-end;
border-radius: 0.5rem;
transition: background 0.3s;
}
.service-card .card-title {
width: 100%;
padding: 0.5rem;
font-size: 0.9rem;
z-index: 1;
}
.service-card .card-title a{
  color: #fff;
}
.edu-services .service-card:hover .card-title,
.edu-services .service-card .card-title:hover
{
  text-decoration: underline;
}
.program {
  background: rgba(223, 223, 223, 0.1);

}
.program .col-md-6{
  position: relative;
}

.program .btn-info {
  width: 85%;
}

.program-info{
  width: 555px;
height: 396px;
border-radius: 16px;
background: rgba(240, 247, 253, 0.32);
border: 0.25px solid rgba(62, 62, 62, 0.1);
padding: 1rem;
}

.program-info h4{
font-weight: var(--fw-bold);
font-size: 20px;
color: rgba(63, 63, 63, 1);
}

.program-info p {
  font-weight: var(--fw-regular);
  font-size: 19px;
  line-height: 32px;
  color: rgba(79, 79, 79, 1);
}
.btn-info h3{
  font-size: 16px;
}

.img-job{
  background: url('/img/job/jobcontact.jpg') no-repeat;
  background-position: center;
  background-size: cover;
  overflow: hidden;
  height: 690px;
  margin-left: 1rem;
}

.img-job img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.contact-section .contact-form{
  height: auto;
}

.contact-section .contact-form .btn-send{
  width: 100%;
}

.form-select{
  background-color: #F2F2F280;
  background-position: left 0.75rem center !important;
}
input[type="tel"]::placeholder {
    text-align: right; /* لجعل placeholder على اليمين */
}

input[type="tel"] {
    direction: rtl; /* للتأكد أن الكتابة تبدأ من اليمين */
    text-align: right; /* لمحاذاة النص المُدخل من اليمين */
}
.contact-form {
    overflow: visible; /* مهم حتى تظهر القوائم كاملة */
}

.custom-select-rtl {
    direction: rtl; /* كما هو */
    text-align: right;
    /* أضف هذا */
    z-index: 1000;
    position: relative;
}