.about_hero_ar p {
  font-family: var(--font-family);
  font-size: 36px;
  font-weight: 700;
  line-height: 50px;
  text-align: center;
  color: var(--color-white);
}
.about_hero_ar p span {
  font-size: 36px;
  /* font-style: italic; */
  color: var(--primary-color);
}
.about_hero_wraper_ar {
  background-size: cover;
  background-position: center;
  min-height: 454px;
  border-radius: 24px;
}
.about_hero_wraper_ar > div {
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 27.86%,
    rgba(0, 0, 0, 0.9) 100%
  );
  border-radius: 24px;
  min-height: 454px;
}
.accordion_header_ar {
  padding: 18px 16px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.accordion_wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: 100%;
  justify-content: end;
}
.counter_heading_ar {
  display: flex;
  gap: 30px;
  align-items: center;
}
.accordion_main_ar {
  background: #4c782b0d;
  border: 1px solid #0d0d0d1a;
  border-radius: 16px;
}
.accordion_main_ar.active_ar .accodion_body_ar {
  display: block !important;
}
.accordion_main_ar.active_ar .opened_icon_ar {
  display: block !important;
}
.opened_icon_ar,
.accordion_main_ar.active_ar .closed_icon_ar {
  display: none;
}

.accodion_body_ar {
  padding: 0px 16px 16px 16px;
  display: none;
}
.process_steps_ar {
  background: #4c782b0d;
  border: 1px solid #4c782b33;
  padding: 20px;
  margin-bottom: 20px;
  border-radius: 16px;
  gap: 10px;
}
.gap_ar_2 {
  gap: 10px;
}
.process_steps_ar p {
  margin-bottom: 0px;
}
.img_wrapper_ar {
  padding: 13px 15px;
  background: #4c782b1a;
  border-radius: 8px;
}
.qualities_ar {
  border: 1px solid #0d0d0d1a;
  border-radius: 12px;
  margin-top: 80px;
}
.accordian_uni_ar {
  padding: 32px 24px;
  cursor: pointer;
}
.accordian_title_ar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.image_title_ar {
  display: flex;
  align-items: center;
  gap: 8px;
}
.accordian_unicontent_ar {
  display: none;
}
.accordian_unicontent_ar.activequality_ar {
  display: block;
}
.accordian_uni_ar.activequality_ar {
  border-left: 4px solid var(--primary-color);
}
.accor_img_ar {
  width: 100%;
  height: 392px;
}
.accor_img_ar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 16px;
}

@media (max-width: 768px) {
  .about_hero_ar {
    flex-direction: column !important;
  }
  .about_hero_ar img {
    width: 50px;
    margin: auto;
  }
  .journy_wrap_ar {
    text-align: center;
    align-items: center;
  }
  .section_padd_100 {
    padding: 40px 0px !important;
  }
  .course_container_wrapper{
    max-width: 100%;
  }
  .course_meta_wrapper{
    padding: 20px 10px !important;
  }
  .course_img_ar img{
    height: 250px !important;
  }
}

.privacies_headings_wrapper {
  border: 1px solid #0d0d0d1a;
  border-radius: 16px;
  text-align: right;
  height: 100%;
}
.privacies_headings_wrapper .accordian_uni_ar {
  padding: 16px;
}
.privacies_headings_wrapper .type_18_600 {
  text-align: right;
}
.privacies_headings_wrapper .accordian_uni_ar.activequality_ar {
  border-left: none !important;
  background: #4c782b1a;
}
.privacies_headings_wrapper .accordian_uni_ar.activequality_ar h4 {
  font-weight: 600;
}

/** login page **/
.customloginerr{
  flex-direction: column;
}
.customloginerr input#username {
  max-width: 100%;
}
.customloginerr .login-container div[role="main"]{
  height: auto !important;
}
.customloginerr .login-container {
  background: #4c782b0d;
  border: 1px solid #4c782b33;
  border-radius: 16px;
  box-shadow: none;
  padding: 48px 32px;
  flex-direction: column;
}
.customloginerr .login-container h1.login-heading {
  display: none;
}
.customloginerr .login-container input {
  background: white;
  padding: 16px;
  height: 52px;
  border: 1px solid #0d0d0d1a !important;
  box-shadow: none;
}
.customloginerr .login-container h1.login-heading {
  display: none;
}
.customloginerr .login-container input::placeholder {
  font-family: var(--font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
}
.customloginerr form#login {
  display: flex;
  flex-direction: column;
}
.customloginerr form#login .login-form-username {
  order: 1;
}
.customloginerr form#login .login-form-password {
  order: 2;
  margin-bottom: 0px !important;
}
.customloginerr form#login .login-form-forgotpassword {
  order: 3;
  text-align: right;
}
.customloginerr form#login .login-form-submit {
  order: 4;
}
.customloginerr form#login .login-form-submit button {
  padding: 12px;
  width: 100%;
  font-family: var(--font-family);
  background: #4c782b;
  border-radius: 8px;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-align: center;
}
.customloginerr form#login .login-form-forgotpassword a {
  color: #0d0d0d99;
  font-family: var(--font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.customloginerr .login-instructions,.customloginerr .login-signup,.customloginerr .loginform > .d-flex,.customloginerr .login-container .login-divider{
  display: none !important;
}
.customloginerr form#login .login-form-password button{
  background: white;
  color: #0D0D0DCC;
  height: 50px;
  margin-top: 1px;
  border: none;
}
.customloginerr .signupform #fitem_id_passwordpolicyinfo,.customloginerr .signupform #fitem_id_city,.customloginerr .signupform #fitem_id_country{
  display: none;
}
.logininnerwrapper .signupform form{
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.logininnerwrapper .mform.full-width-labels .fitem.row{
  width: calc(50% - 10px);
}

.logininnerwrapper input#id_submitbutton {
  padding: 12px 24px;
  height: auto;
  background: var(--primary-color);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}   
.logininnerwrapper input#id_cancel,.logininnerwrapper .signupform .fdescription.required{
  display: none;
}


/** course detail page **/
.course_img_ar{
  max-width: 846px;
}
.course_img_ar img{
  width: 100%;
  height: 532px;
  border-radius: 18px;
  object-fit: cover;
}
.course_container_wrapper{
  max-width: 850px;
  margin: 80px auto;
}  

.course_meta_wrapper{
  padding: 40px 60px;
  background-color: #0D0D0D0D;
  border: 1px solid #0D0D0D33;
  border-radius: 16px;
} 
.divider_vertical_ar{
  height: 58px;
  background-color: #0D0D0D33;
  width: 2px;
}
#courseContent .counter_heading_ar{
  flex-direction: column;
  gap: 15px;
  align-items: flex-start;
}
div#page{
  background-color: white !important;
  background-image: none !important;
}

.activequality_ar .greent-dot {
  position: relative;
  padding-right: 20px; /* Adjust spacing between the dot and the text */
}

.activequality_ar .greent-dot::before {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 10px; /* Dot size */
  height: 10px; /* Dot size */
  background-color: #4C782B;
  border-radius: 50%;
}

html[dir="rtl"]  #user-action-menu{
  right: 0;
}
html[dir="ltr"]  #user-action-menu{
  left: 0;
}

button,div{
  font-family: var(--font-family) !important;
}