@font-face {
    font-family: 'Ge SS Two';
    src: url('fonts/GE SS Two Light/GE SS Two Light.otf') format('opentype'), /* Adjust path if necessary */
    font-weight: unset;
    font-style: normal;
}

/* General RTL Styles */
body {
    direction: rtl;
    /*background-color: #f8f9fa;*/
    /*font-family: 'Arial', sans-serif;*/
      font-family: 'Ge SS Two', sans-serif !important;
      font-style: normal;
    color: #333;
}

.time-step ul li h3{
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 31.2px;
}
.time-step ul li p{
    color: #7C7F87;
    font-size: 14px;
    font-weight: 400;
    line-height: 20.8px;
}
 .item.firstchild a {
    width: 215px !important;
}
.mail ul li {
    list-style: none;
}
header {
    background: url(./images/hero-image.jpg) no-repeat top center !important;
    background-size:  100% 100% !important;
	height:500px;
}
/* .page-id-35 header {
    background:url(/wp-content/uploads/2024/09/registration-bg-ar.jpg) no-repeat top center !important;
    
} */
/* Align form labels and controls for Arabic layout */
.form-group label, .form-group input, .form-group select, .form-group textarea {
    text-align: right;
}

/* Adjust radio button text alignment */
.custom-radio .radio-option {
    text-align: right;
}

/* Other styles remain the same, just ensure RTL support */
.teamtyperadiobtn {
    direction: ltr;
}



.content-area.ar h1,.content-area.ar  h2,.content-area.ar  h3,.content-area.ar  h4,.content-area.ar  h5,.content-area.ar p,.content-area.ar  span,.content-area.ar  li,.content-area.ar  tr {
    direction: rtl !important;
/* 	 text-align: right !important; */
	text-align: justify !important;
}

  .gray-flex h3, .last-gray-box h3 {
    text-align: right !important;
    direction: rtl !important;
}

  .gray-flex ul li, .last-gray-box ul li {
    text-align: right !important;
    direction: rtl !important;
}
.profile-details {
    margin-top: 14px;
    margin-left: 25%;
}
.p-name {
    text-align: right;
}
.des {
    text-align: right;
}
.time-step ul li:nth-child(1) .time-cricle:after {
    left: 0  !important;
	right: unset  !important;
}
.time-step ul li:nth-last-child(1) .time-cricle:before {
    right: 0 !important;
    left: unset !important;
}
.accordion .card-head h2 {
	 text-align: right !important;
    direction: rtl !important;
	    gap: 10px;
}
.accordion .card-body {
	 text-align: right !important;
    direction: rtl !important;
}
.accordion .card-head h2.mb-0.collapsed span {
    margin-right: 21px  !important;
}

.accordion .card-head h2.mb-0 span {
    margin-right: 21px   !important;
}

.btn-aera {
    position: relative;
}
.btn-aera:before {
    content: '';
    width: 1px;
    height: 120px;
    position: absolute;
    background: #8C919E;
    left: 50%;
    top: 40%;
}
.btn-2:before {
    width: 0px  !important;
}

  .register-link {
    padding: 24px 0;
    margin-top: 0px;
    height: 80px;
}

.accordion .card h2
{
  background: url(https://cdn0.iconfinder.com/data/icons/entypo/91/arrow56-512.png) no-repeat calc(120px - 100pX) center;
  background-size: 20px;
}

.a-img {
    padding-left: 15px;
}
 
.mail {
    text-align: right; 
    float: right;
} 

.copys {
    text-align: left;
}
.price-areasd h3 {
    text-align: unset;
}
 
/* Extra small devices (mobile phones in portrait) */
@media (min-width: 100px) and (max-width: 423px) { 
	
	.step-navigation::before { 
    	bottom: 16% !important;
	}   
	.step-item p {
        font-size: 10px;
    }
	 .time-step ul li p {
        font-size: 12px;
    }
	.time-step ul li h3 {
        font-size: 9px !important;
    }
	.gray-flex h3, .last-gray-box h3 {
    font-size: 18px !important;
	}
	.gray-flex ul li, .last-gray-box ul li {
    font-size: 14px !important;
	    }
	    }
@media (min-width: 768px) and (max-width: 991px) {
    .awaard-area ul li:last-child {
        margin-right: 35px !important;
    }
	    .btn-aera {
        width: 70%;
    }
	.time-step ul li h3 {
    font-size: 20px;
	}
	.content-area h1, .price-area h1 {
    	font-size: 34px;
	}
	.content-area h1, .price-area h1 {
    	font-size: 34px;
	}
	.Conditions-content-area h1, .last-faq h1 {
    font-size: 34px;
	}
	.awaard-area h1, .profile-area h1 {
    	font-size: 34px;
	}
	.profile-img img {
		width: 90%;
	}
	.price-areasd h3 {
    font-size: 20px;
	}
	.btn-aera h3 {
    font-size:  26px;
	}
	.btn-1 a, .btn-2 a {
		width: 150px;
		height: 50px; 
		font-size: 18px;
	}
	.price-awaard-num { 
    margin-top: 10px;

	}.timetable-area h1 {
		color: #fff;
		font-size: 34px;
	}
}

@media (min-width: 320px) and (max-width: 767px) {

	    .btn-2:before {
        left: -30px;
    }
.accordion .card h2.collapsed { 
	background-position: 0px 0px;
}
	header {
        background: url(./images/hero-image.jpg) no-repeat top center !important;
        background-size: 150% 100% !important;
		height: 300px;
    }
	.horizontal-scroll-menu {
   	 margin-bottom: 10px;
	}
	.content-area.ar h1, .price-area.ar h1 {
    font-size: 23px !important;
}
	.awaard-area h1, .profile-area h1 {
		font-size: 23px !important;
	}
	.timetable-area h1 {
		font-size: 23px !important;
	}
	.copys {
    font-size: 11px;
		text-align: right;
}
	.copyright ul li {
    font-size: 10px;
}
	.gray-flex h3, .last-gray-box h3 {
    font-size: 18px !important;
	}
	.gray-flex ul li, .last-gray-box ul li {
    font-size: 14px !important;
	    }
	.content-area.ar h3, .price-area.ar h3 {
    font-size: 21px !important;
}
	.content-area.ar h4, .price-area.ar h4 {
    font-size: 20px !important;
}
	.awaard-area ul li h4 {
		font-size: 20px !important;
	}
	.accordion .card-head h2.mb-0.collapsed span {
        margin-right: 0px !important;
    }
	 .header-right-menu {
		width: 50%;
	}
	.header-logo-menu {
		width: 50%;
	}
	.header-right-menu a {
		font-size: 14px;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
    .gray-bg {
        min-height: 370px !important;
    }
	header {
		background: url(./images/hero-image.jpg) no-repeat top center !important;
		background-size: 100% 100% !important;
        height: 460px;
	}
	.content-area h1, .price-area h1 {
    	font-size: 38px;
	}
	.content-area h1, .price-area h1 {
    	font-size: 38px;
	}
	.profile-img img {
		width: 90%;
	}
	.price-areasd h3 {
    font-size: 25px;
	}
	.btn-aera h3 {
    font-size: 30px;
	}
	.btn-1 a, .btn-2 a {
		width: 150px;
		height: 50px; 
		font-size: 22px;
	}
}

/* Small to medium devices (tablets in portrait) */
@media (min-width: 768px) and (max-width: 991px) {

	header {
		background: url(./images/hero-image.jpg) no-repeat top center !important;
		background-size: 100% 85% !important;
	}
	 .header-right-menu {
		width: 50%;
	}
	.header-logo-menu {
		width: 50%;
	}
	.header-right-menu a {
		font-size: 14px;
	}
	    .gray-bg {
        min-height: 429px !important;
    }
}

.footer-logo {
    text-align: end;
}
ul.social-media li {
    padding: 10px;
    list-style: none;
}
ul.social-media {
    float: left;
}
.mail ul li {
    text-align: right;
}