html,
body {
  overflow-x: hidden;
}
main > .t-Body-contentInner{
    padding: 0;
    background: #EBEBF3;
}
a[href^="tel:"] {
    direction: ltr !important;
    display: inline-block;
                                     
}
a[href^="https://linktr"] {
    direction: ltr !important;
    display: inline-block;
                                     
}

input[placeholder^="+966"] {
        direction: ltr !important;

}

#rgn-pdf {
    z-index: 999999999;
}

@font-face {
    font-family: 'saudi_riyal';
    src: url('saudi_riyal.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.sar-icon{
    font-family: 'saudi_riyal' !important;

}

@font-face {
    font-family: 'Expo Arabic Book';
    src: url('ExpoArabic-Book.woff2') format('woff2'),
        url('ExpoArabic-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Expo Arabic';
    src: url('ExpoArabic-Medium.woff2') format('woff2'),
        url('ExpoArabic-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Expo Arabic';
    src: url('ExpoArabic-SemiBold.woff2') format('woff2'),
        url('ExpoArabic-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}




@font-face {
  font-family: Outfit;
  src: url("Outfit-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Outfit Extra";
  src: url("Outfit-ExtraBold.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Outfit Semi";
  src: url("Outfit-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Outfit;
  src: url("Outfit-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Outfit;
  src: url("Outfit-Thin.woff2") format("woff2");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Outfit Extra";
  src: url("Outfit-ExtraLight.woff2") format("woff2");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Outfit;
  src: url("Outfit-Bold.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Outfit;
  src: url("Outfit-Black.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Outfit;
  src: url("Outfit-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
body,
* {
  font-family: Outfit !important;
}


.u-RTL body,
.u-RTL * {
    font-family: 'Expo Arabic' !important;
}

.fa5b {
  font-family: "Font Awesome 5 Brands" !important;
}

.d-none{
    display: none !important;
}


.a-CardView-media--cover .a-CardView-mediaImg {
    -o-object-fit: fill;
    object-fit: fill;
}


.t-Header {
  background: rgb(26, 53, 98);
  z-index: 9999;
}



.t-NavigationBar .hide_icon .t-Button--navBar .t-Icon{
    display: none;
}

.t-NavigationBar .t-Button--icon .fa-bell-o:before {
  background-image: url(menu-notif.png);
  width: 20px;
  height: 20px;
  background-position: center center;
  background-size: cover;
  content: "";
  position: relative;
}
.t-NavigationBar .t-Button--icon .fa-user-circle-o:before{
    background-image: url(user.svg);
    width: 20px;
    height: 20px;
    background-position: center center;
    background-size: cover;
    content: "";
    position: relative;
  }




.t-NavigationBar .t-Button--icon .fa-search:before{

    background-image: url(home-search.png);
  width: 20px;
  height: 20px;
  background-position: center center;
  background-size: cover;
  content: "";
  position: relative;
}

.t-NavigationBar .t-Button--icon .fa-shopping-cart:before {
  background-image: url(menu-cart.png);
  width: 20px;
  height: 20px;
  background-position: center center;
  background-size: cover;
  content: "";
  position: relative;
}


footer.t-Footer {
  padding: 20px 0px;
  background-color: #1A3562;
}


footer.t-Footer .footer_logo img{
    width: 100px;
}
footer.t-Footer .t-Region-header,
footer.t-Footer .t-Region--noBorder{
    background-color: unset;
    border: none;
}


footer.t-Footer .t-Footer-body{

}


footer.t-Footer .t-Footer-content{

    padding-top: 10px;
    padding-bottom: 34px;
    border-bottom: 1px solid #707070;
    position: relative;
}


footer.t-Footer .footer_text span{
    color: #ffffff80 !important;
    font-size: 16px;
    font-weight: 100;
    margin: 14px 0;
    line-height: 1.7;
    width: 65%;

    /* white-space: nowrap; */
    overflow: hidden;
    /* text-overflow: ellipsis; */

    visibility: visible !important;

     /* word-wrap: break-word; */
    /* word-break: break-all; */
    opacity: 1 !important;
}


footer.t-Footer .footer_social .footer_social_list{
    display: flex;
    padding: 0;
    list-style: none;
    gap: 20px;
    margin: 0;
    
}
footer.t-Footer .footer_social .footer_social_list li{
    width: 32px;
    height: 32px;


}


footer.t-Footer .footer_social .footer_social_list li a{
    display: block;
    width: 100%;
    height: 100%;
}

footer.t-Footer .footer_social .footer_social_list li a img{
    width: 100%;
    transition: 1s;
}


footer.t-Footer .footer_social .footer_social_list li a img.basic{
    display: block;
}



footer.t-Footer .footer_social .footer_social_list li a img.hover{
    display: none;
}



footer.t-Footer .footer_social .footer_social_list li:hover a img.basic{
    display: none;

}



footer.t-Footer .footer_social .footer_social_list li:hover a img.hover{
    display: block;
}

footer.t-Footer .t-Region-title{
    color: #FFFFFF;
    font-size: 18px;
    font-weight: bold;
}



footer.t-Footer .t-LinksList-item .t-LinksList-link{
    font-size: 14px;
    font-weight: 300;
    color: #FFFFFF;
}


footer.t-Footer .t-LinksList-item.is-current .t-LinksList-link,
footer.t-Footer .t-LinksList-item:hover .t-LinksList-link{
    font-size: 14px;
    font-weight: 300;
    color: #ECCC23;
}

footer.t-Footer .t-LinksList-item.is-current .t-LinksList-link span{
    font-weight: 300;

}


footer.t-Footer .footer_address{
    margin: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 10px;

}
footer.t-Footer .footer_address li{
    color: #fff;
    display: flex;
    align-items: center;
    gap: 3px;
}
footer.t-Footer .footer_address li img{
    width: 15px;
}
footer.t-Footer .footer_address li p{}
footer.t-Footer .footer_address li a{
    color: #fff;
    font-size: 14px;
}


footer.t-Footer .t-Region-header{
    margin-top: 50px;
}


footer.t-Footer .t-Region-header:has(.footer_logo ){
    margin-top: 0px;

}


footer.t-Footer .t-Region-header .t-Region-headerItems--title{
    padding-left: 0;
    padding-right: 0;
}

footer.t-Footer .t-Footer-top
{
    text-align: end;

}




footer.t-Footer .t-Footer-top a{
    width: auto;
    background: unset;
    border-radius: inherit;
    border: none;
    color: #fff;
    opacity: 1;
    justify-content: end;
    padding: 20px 0;
    display: inline-block;
}

footer.t-Footer .t-Footer-top a .a-Icon
{
    margin-inline-start: 10px;

}


.row-full-bg::before {
  content: "";
  position: absolute;
  top: 0;
  width: 100vw;
  height: 100%;
  left: 50%;
  transform: translateX(-50%);
    background-color: #F5F5F5;
}




.popular_courses .t-Region,
.popular_courses .t-Region-header{
    background-color: unset;
}
.popular_courses .t-Region{
    margin-top: 68px !important;
    margin-bottom: 64px !important;
}
.popular_courses .t-Region-header h1{
    
    color: #20202A;
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 28px ;
}
 .a-CardView-media {
    min-height: 250px;
}

.has-media--first {
  border-radius: 8px;
  overflow: hidden;
      border: none;
    box-shadow: unset;
}
.has-media--first .a-CardView-header {
}
.has-media--first .a-CardView-headerBody {
}
.has-media--first .cont-2 {display: flex;justify-content: space-between;align-items: start;}
.has-media--first .header-con {
  font-size: 18px;
  font-weight: bold;
  color: rgb(32, 32, 42);
}
.has-media--first .header-con div:last-child {
  font-weight: 500;
  font-size: 15px;
}
.has-media--first .header-con div {
  margin-bottom: 9px;
}
.has-media--first .star-con {
  font-size: 14px;
  font-weight: 400;
  color: #20202a;
    color: #1A3562;
    display: flex;

}
.has-media--first .star-con .fa {
  font-weight: 600;
}
.has-media--first .star-con .fa::before {
  background-image: url(golden-star.png);
  width: 15px;
  height: 15px;
  background-position: center center;
  background-size: cover;
  content: "";
  position: relative;
  margin: 0 5px;
}

.page-18 .has-media--first .star-con .fa::before,
.page-3 .has-media--first .star-con .fa::before{
  background-image: url(black-star.png);
}


.has-media--first .cont-last {
  margin-top: 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}


.has-media--first .cont-last .teacher img.teacher-img {
  width: 38px;
  height: 38px;
  border-radius: 50%;
}
.has-media--first .cont-last .teacher span.teacher-name {
  color: rgb(105, 104, 120);
  font-size: 14px;
  font-weight: 400;
  margin-left: 11px;
}
.page-18 .has-media--first .a-CardView-header,
.page-18 .has-media--first .a-CardView-body{
    border: none;
}

.u-RTL .has-media--first .cont-last .teacher span.teacher-name {
  margin-left: unset;
  margin-right: 5px;
  font-size: 13px;
}

.has-media--first .cont-last .teacher {
    display: flex;
    align-items: center;
}
.u-RTL .has-media--first .cont-last .teacher{
    flex: 70%;
}
.has-media--first .cont-last.date-row{}
.has-media--first .cont-last.date-row p{
        margin: 0;
    color: #1A3562;
    font-size: 14px;
    font-weight: 500;
}
.has-media--first .cont-last.date-row div{
    font-size: 14px;
    font-weight: 500;
    color: #9A99AB;
}
.has-media--first .cont-last.date-row div span{}


.has-media--first .days-list{}
.has-media--first .days-list p{
   margin: 10px 0;
    color: #1A3562;
    font-size: 14px;
    font-weight: 500;
}
.has-media--first .days-list ul{
    list-style: none;
    display: flex;
    flex-direction: row;
    margin: 0;
    gap: 8px;

}
.has-media--first .days-list ul li{
    display: flex;
    background-color: #F5F5F5;
    height: 21px;
    align-items: center;
    justify-content: center;
    color: #696878;
    font-size: 12px;
    font-weight: 300;
    border-radius: 2px;
    padding: 0 8px;
}


.has-media--first .price-con {
}
.has-media--first .price-con span.price {
  color: #1A3562;
  font-weight: 600;
  font-size: 14px;
}

.page-18 .has-media--first .price-con span.price,
.page-3 .has-media--first .price-con span.price{
    color: #20202A;
}
.has-media--first .price-con .discount {
  color: #FF5555;
}

.page-18 .has-media--first .price-con .discount,
.page-3 .has-media--first .price-con .discount {
    color: #696878;
}

.has-media--first .a-CardView-body {border-top-style: solid;border-top-width: thin;border-top-color: #c1c1c1;}
.has-media--first .a-CardView-subContent {
}

.has-media--first .a-CardView-subContent .cont {
  justify-content: space-between;
  display: flex;
}
.has-media--first .a-CardView-subContent .cont span {
  color: rgb(105, 104, 120);
  font-size: 14px;
  display: flex;
  gap: 8px;
}


.has-media--first .a-CardView-subContent {
}

.has-media--first .a-CardView-subContent .cont {
  justify-content: space-between;
  display: flex;
}
.has-media--first .a-CardView-subContent .cont span {
  color: rgb(105, 104, 120);
  font-size: 14px;
  display: flex;
  gap: 8px;
}



.has-media--first .title-tag {
  position: absolute;
  background-color: rgb(236, 204, 35);
  top: 10px;
  left: 20px;
  border-radius: 2px;
  height: 20px;
  line-height: 20px;
  color: rgb(26, 53, 98);
  text-transform: capitalize;
  padding: 0px 8px;
}

.has-media--first .card-tags {
    position: absolute;
    top: 0;
    left: 0;
    top: 10px;
    left: 15px;
    display: flex;
    /* width: 48%; */
        gap: 8px;

}

.has-media--first .card-tags .title-tag {
    position: static;
    color: #1A3562;
    font-size: 12px;
    font-weight: 400;
}

.has-media--first .card-tags .level-tag {

right: 0;

left: unset;

background: #fff;
}



.u-RTL .has-media--first .title-tag {
  left: unset;
  right: 20px;
}

.u-RTL .has-media--first .card-tags {

left: unset;

right: 15px;
}
.u-RTL .has-media--first .card-tags .title-tag {

}

.u-RTL .has-media--first .card-tags .level-tag{
    left: 0;
    right: unset;
}

.has-media--first sup {
  text-decoration: line-through;
}
.has-media--first .a-CardView-subContent .cont span::before {
  width: 15px;
  height: 15px;
  background-position: center center;
  background-size: cover;
  content: "";
  position: relative;
  margin-right: 8px;
}


.has-media--first .a-CardView-subContent .cont .fa-clock-o::before 
{
      background-image: url(clock.png);

}


.has-media--first .a-CardView-subContent .cont .fa-notebook:before{
      background-image: url(note.png);

}

.has-media--first .a-CardView-subContent .cont .fa-eye:before{
      background-image: url(eye.png);

}


.page-18 .has-media--first .a-CardView-subContent .cont .fa-clock-o::before, 
.page-3 .has-media--first .a-CardView-subContent .cont .fa-clock-o::before 
{
      background-image: url(clock-black.png);

}



.page-18 .has-media--first .a-CardView-subContent .cont .fa-notebook:before,
.page-3 .has-media--first .a-CardView-subContent .cont .fa-notebook:before{
      background-image: url(note-black.png);

}


.page-18 .has-media--first .a-CardView-subContent .cont .fa-eye:before,
.page-3 .has-media--first .a-CardView-subContent .cont .fa-eye:before{
      background-image: url(eye-black.png);

}




.u-RTL .has-media--first .a-CardView-subContent .cont span::before{
  margin-right: unset;
  margin-left: 8px;
}




  .slider_caption{
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    left: 0;
    right: 0;
    max-width: 1140px;
    margin: auto;
    /* gap: 20px; */
    gap: 40px;
    
  }
  .slider_caption h1{
          font-size: 52px;
    font-weight: bold;
    color: #ECCC23;
    margin: 0;
    width: 45%;
    line-height: 1.2;
  }
  .slider_caption p{
      font-size: 16px;
    font-weight: 400;
    color: #fff;
    margin: 0;
        width: 45%;
    line-height: 1.7;
  }
  .slider_caption a{
      text-decoration: none;
          color: #1A3562;
    font-weight: 500;
    /* font-size: 18px; */
    background: #FFFFFF;
    display: inline-block;
    width: 128px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 4px;
    font-size: 14px;

  }
.u-RTL .slider_caption h1,
.u-RTL .slider_caption p{
    width: 40%;
    text-align: right;

}

.u-RTL .slider_caption{
    left: 50%;
    right: 50%;
}

.u-RTL .slider_caption a{
    text-align: center;
}


  .page-44 .t-Body .t-Button,
  .page-1 .t-Body .t-Button{
      padding: 13px 20px;
      background-color: #1A3562;
      border-radius: 4px;
      font-size: 14px;
      color: #ECCC23;
      font-weight: 300;
  }


  .all_courses_btn {
      text-align: center;
  }
  .all_courses_btn .t-Button{
      margin-top: 25px;
  }


  .white-section {
  box-shadow: rgb(255, 255, 255) 0px 0px 0px 100vmax;
  clip-path: inset(-2px -100vmax);
  background: #fff;
}

  .colored-section {
  box-shadow: #FAFAFA 0px 0px 0px 100vmax;
  clip-path: inset(0px -100vmax);
      background: #FAFAFA

}

  .colored-section2 {
  box-shadow: #F5F5F5 0px 0px 0px 100vmax;
  /* clip-path: inset(0px -100vmax); */
      background: #F5F5F5

}



.how-work .t-Button{
    margin:0;
}

.how-img .t-Form-inputContainer{
    padding-bottom: 0;
}

.how-img .t-Form-inputContainer .apex-item-image{
    position: relative;
    top: 84px;
}
.u-RTL .how-img .t-Form-inputContainer .apex-item-image{
    transform: rotateY(180deg);
}
.how-work .t-Region-body{
    padding-bottom: 80px;
}
.how-work.t-Region{
        margin-bottom: 0;

}



.how-work h2 {
  font-size: 48px;
  font-weight: bold;
  color: #20202a;
  margin: auto;
  margin-bottom: 60px;
  margin-top: 80px;
    line-height: 1;

}

.how-work .how-tafaseel-work-cont{
    margin: 0;
}
.how-work .how-tafaseel-work-elem {
  display: -webkit-flex;
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 40px;
}
.how-work .list-no {
  font-size: 36px;
  font-weight: bold;
  color: #eccc23;
  display: block;
  width: 32px;
  opacity: 15%;
}

.how-work .list-text {
  font-weight: 500;
  color: #707070;
  font-size: 16px;
  line-height: 25px;
}

.categories .owl-carousel .owl-stage{
    align-items: center;
}

.categories .owl-carousel .owl-nav {
  position: absolute;
  top: calc(50% - 49px);
    /* top: calc(50% - 17px); */
  left: 0;
  right: 0;
}

.categories .owl-carousel .owl-nav button.owl-next,
.categories .owl-carousel .owl-nav button.owl-prev {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  outline: 0 !important;
  border: 0.5px solid #c1c1c1;
}


.u-RTL .categories .owl-carousel .owl-nav button.owl-next,
.u-RTL .categories .owl-carousel .owl-nav button.owl-prev{
    transform: rotate(180deg)
}

.categories .owl-carousel .owl-nav button.owl-next:hover,
.categories .owl-carousel .owl-nav button.owl-prev:hover {
  border: 0.5px solid #eccc23;
  background-color: #eccc23;
}
.categories .owl-carousel .owl-nav button.owl-prev {
  left: -60px;
}

.categories .owl-carousel .owl-nav button.owl-next {
  right: -60px;
}
.categories .t-Region-body {
  overflow: unset !important;
}

.categories .owl-carousel .owl-nav button.owl-next img,
.categories .owl-carousel .owl-nav button.owl-prev img {
  width: 8px;
}


.u-RTL .categories .owl-carousel .owl-nav {
  right: 0;
  left: 0;
}

.u-RTL .categories .owl-carousel .owl-nav button.owl-prev {
  right: -60px;
  left: unset;
}

.u-RTL .categories .owl-carousel .owl-nav button.owl-next {
  left: -60px;
  right: unset;
}

.categories {
    padding-top: 58px;
    padding-bottom: 66px;
    background-color: #fff;
}
.categories .owl-carousel .owl-item img{
    height: 180px;
    border-radius: 8px;
}
.categories .owl-carousel .owl-stage-outer{
        padding-bottom: 70px;

}

.categories .carousel_caption{
    position: absolute;
    left: 0;
    right: 0;
    background: #fff;
    max-width: 190px;
    margin: auto;
    text-align: center;
    border-radius: 4px;
    border: 1px solid #C1C1C1;
    height: 64px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 8px;
    bottom: -32px;
}

.u-RTL .categories .carousel_caption{
    direction: rtl;
}

.categories .owl-item:hover .carousel_caption{
    box-shadow: rgb(0 0 0 / 15%) 0 12px 32px;
    border: transparent;
}
.categories .carousel_caption h2{
    margin: 0;
    color: #1A3562;
    font-size: 18px;
    font-weight: 600;
}
.categories .carousel_caption p{
    font-size: 12px;
    font-weight: 300;
    color: #9A99AB;
}
.categories .popular_courses .t-Region{
    margin-top: 80px;
}
.categories .t-Region-title{
    font-size: 32px;
    font-weight: bold;
    color: #20202A;
    text-align: center;
    margin-bottom: 40px;
}


.why_tafaseel .has-media--first{
    flex-direction: row;
    align-items: start;
    padding: 20px;
    gap: 15px;
        border: 1px solid #C1C1C1;

}
.why_tafaseel .has-media--first .a-CardView-body{
    justify-content: center;
    border: none;
    padding: 0;
    padding-top: 20px;
}
.why_tafaseel .has-media--first .a-CardView-subContent{
    color: #707070;
    font-size: 16px;
    font-weight: 400;
    margin-top: 20px;
    line-height: 1.5;
}
.why_tafaseel .a-CardView-media{
    display: block;
    width: 56px;
    height: 56px;
        flex: 36%;

}


.why_tafaseel .a-CardView-media--fit .a-CardView-mediaImg{
    max-width: unset;
    width: 100%;
    height: 100%;

}
.why_tafaseel .a-CardView-items{
    display: flex;
    justify-content: center;
    padding: 0;
}
.why_tafaseel .t-Region-body{
    padding: 0;
}
.why_tafaseel {
    height: 286px;
}
.why_tafaseel .t-Region-title{
    text-align: center;
    color: #20202A;
    font-size: 48px;
    font-weight: bold;
    margin-top: 80px;
}
.why_tafaseel .a-CardView-items li{
    width: 342px;
}


.why_tafaseel .t-Region-bodyWrap{
    position: absolute;
    bottom: 0;
    bottom: -74px;
    max-width: 1140px;
    margin: auto;
    left: 0;
    right: 0;
    z-index: 9;
}

.why_tafaseel,
.why_tafaseel .t-Region,
.why_tafaseel .t-Region-header{
    background: #F5F5F5;

}
.why_tafaseel .a-CardView-title{
        color: #1A3562;
    font-size: 18px;
    font-weight: 600;
}


.levels{
    padding-top: 180px;
    /* padding-top: 280px; */
        background: #fff;
    padding-top: 80px;
}

.levels .t-Region-header {
  position: absolute;
  top: 0%;
  left: 0%;
  background-color: unset;
}
.u-RTL .levels .t-Region-header{
        right: 0%;
    left: unset;
}

.levels .t-Region-body{
    padding: 0;
}
.levels .t-Region-headerItems--title{
    padding: 0;

}
.levels .t-Region-title {

  z-index: 1;
  font-size: 32px;
  font-weight: bold;
  color: #1a3562;
}

.levels .level-bg {
  align-items: flex-end;
  background-image: url(levels-bg.png);
  background-repeat: no-repeat;
  background-position: bottom;
  /* margin: auto; */
  background-size: cover;
  padding: 30px;
  /* margin-top: 100px; */
  padding-top: 145px;
}
.u-RTL .levels .level-bg{
  background-image: url(levels-bg-ar.png);

}
.levels .level-bg .t-Form-itemWrapper:has(.apex-item-image) {
  justify-content: flex-end;
}

.levels .level-bg .apex-item-image {
  max-width: 59%;
}

.levels .level-bg .t-Form-itemWrapper span {
  font-size: 16px;
  color: #707070;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 12px;
}

.levels .level-bg .t-Button  {
  width: 136px;
}

.levels .t-Region--noBorder {
  margin-bottom: 0;
}

.levels > .col {
  /* padding-bottom: 30px; */
  margin-bottom: 50px;
}




.page-1:has(.levels) .contact-section{
  /* padding-top:0; */
}

.contact-section {
  text-align: center;
    padding: 0;
    background: #FAFAFA;
    padding-top: 180px;

}
.contact-section .t-Region,
.contact-section .t-Region-header{
    background-color: unset;
}
.contact-section .t-Region-title {
  color: #20202a;
  font-weight: bold;
  font-size: 48px;
  margin-bottom: 40px;
      line-height: 1;
    margin-top: 48px;

}

.page-44 .contact-section .t-Button,
.page-1 .contact-section .t-Button  {
  width: 136px;
  margin-bottom: 28px;
}


.contact-section .t-Button .fa:before {
  vertical-align: top;
  font-size: 12px;
  position: relative;
  left: 10px;
  color: #fff;
}

.u-RTL .contact-section .t-Button .fa:before{
    left: unset;
    right: 10px;
}

.fixed-apps{
    display: none !important;
}





.login-pages {
}
.login-pages .t-Body-contentInner {
  padding: 0px;
}
.login-pages .col.col-start {
  display: flex;
  justify-content: center;
  align-items: center;
}


.login-pages h3,
.login-pages h2{
    font-size: 32px;
    font-weight: bold;
    color: #20202A;
}
.login-pages p{
    color: #696878;
    font-weight: 16px;
    font-weight: 400;
}

.login-pages p .sign-in-pg{
    color: #20202A;
    font-weight: 600;
    cursor: pointer;

}
.login-pages p .sign-up-pg{
    cursor: pointer;
    color: #ECCC23;
    font-weight: 600;
}

.summary_table .remember label ,
.login-pages .custom-forms .remember label {
  font-size: 14px;
  color: #9A99AB;
  font-weight: 400;
}

.summary_table .remember label .terms,
.summary_table .remember label .privacy,
.login-pages .custom-forms .remember label .terms,
.login-pages .custom-forms .remember label .privacy{
    color: #20202A;
    text-decoration: underline;
}

.login-pages #main {
  margin: auto;
}
.custom-forms .t-Form-itemWrapper {
  position: relative;
}


.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 input, .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 input[type=text]{
    width: 100%;
    padding: 0 90px !important;
}

.intl-tel-input{
    width: 100%;
}
.iti--separate-dial-code .iti__selected-flag,
.intl-tel-input.allow-dropdown.separate-dial-code .selected-flag{
    background-color: unset !important;
}

.u-RTL .iti__selected-flag{
    flex-direction: row-reverse;
}

.iti__country,.iti__standard{
    direction: ltr;
}

.custom-forms .t-Form-itemWrapper .iti input{
        width: 100% !important;
        padding: 0 90px !important;
        direction: ltr;
}
.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 input, .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 input[type=text],
 .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 input[type=tel],
  .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 input[type=number]{
    background-color: unset !important;
}

.custom-forms .t-Form-itemWrapper:has(.intl-tel-input){
    display: block;
}


.custom-forms #valid-msg,
.custom-forms #error-msg{
    display: block !important;
    padding-top: 10px;
}


.custom-forms #valid-msg.hide,
.custom-forms #error-msg.hide{
    display: none !important;
}


.custom-forms .t-Form-itemWrapper input + span{
  display: none;
}
.custom-forms .t-Form-itemWrapper select,
.custom-forms .t-Form-itemWrapper input {
  width: 400px;
  height: 42px;
  line-height: 42px;
  border: 1px solid rgb(193, 193, 193);
  outline: 0px;
  background: rgb(255, 255, 255);
  border-radius: 4px;
  padding: 0px 45px 0px 20px;
  color: rgb(105, 104, 120);
  font-size: 14px;
  font-weight: 400;
}

.page-42 .custom-forms .t-Form-itemWrapper .iti input,
.page-9999 .custom-forms .t-Form-itemWrapper .iti input{
    width: 400px !important;
}


.custom-forms .t-Form-itemWrapper textarea {
outline: 0 !important;
    width: 400px;
    height: 84px;
    line-height: 42px;
    border: 1px solid #c1c1c1;
    outline: 0px;
    background: rgb(255, 255, 255);
    border-radius: 4px;
    padding: 0px 45px 0px 20px;
    color: rgb(105, 104, 120);
    font-size: 14px;
    font-weight: 400;
}
.custom-forms .t-Form-itemWrapper select {
  background-color: transparent;
}
.custom-forms .t-Form-itemWrapper:has(select) {
  align-items: center;
}
.custom-forms .t-Form-itemWrapper:has(select)::before {
  content: "";
  /*background-image: url("https://dawam.sa/ords/r/tafaseel/154/files/static/v498/select-arrow.png");*/
  width: 7px;
  height: 6px;
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
  right: 18px;
}

.u-RTL .custom-forms .t-Form-itemWrapper:has(select)::before {
  right: unset;
  left: 18px;
}

.custom-forms .t-Form-itemWrapper:has(select)::after {
  display: none;
}
.custom-forms .t-Form-itemWrapper input:focus {
  outline: 0px;
}
.custom-forms .t-Form-itemWrapper::after {
  width: 15px;
  height: 15px;
  background-position: center center;
  background-size: contain;
  content: "";
  position: absolute;
  right: 20px;
  top: 13px;
}

.u-RTL .custom-forms .t-Form-itemWrapper::after {
  right: unset;
  left: 20px;
}

.login-pages .custom-forms .remember div {
  display: block;
}

.login-pages .custom-forms .remember label:focus,
.login-pages .custom-forms .remember label:focus-visible {
  outline: 0px;
}
.login-pages .custom-forms .remember label:focus::before {
}

.summary_table .remember label::before,
.login-pages .custom-forms .remember label::before {
  width: 15px;
  height: 15px;
  border: none;
  background: rgb(193, 193, 193);
  outline: 0px !important;
}
.summary_table .remember label::after,
.login-pages .custom-forms .remember label::after {
  background: rgb(236, 204, 35);
  width: 16px;
  height: 16px;
  border: 1px solid rgb(236, 204, 35);
  top: -1px;
  left: -1px;
}
.u-RTL .summary_table .remember label::after,
.u-RTL .login-pages .custom-forms .remember label::after {
  left: unset;
  right: -1px;
}

.custom-forms button {
  color: rgb(236, 204, 35);
  font-weight: 400;
  text-transform: uppercase;
  font-size: 14px;
  background: rgb(26, 53, 98);
  border-radius: 4px;
  margin-top: 20px;
}
.login-pages .custom-forms button {
  font-weight: 300;
}
.custom-forms .t-Region-title {
  color: rgb(32, 32, 42);
  font-size: 32px;
  font-weight: bold;
}

.custom-forms .t-Form-label {
  font-size: 14px !important;
  font-weight: 400 !important;
  color: rgb(32, 32, 42) !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.login-pages .custom-forms .row .col.col-start {
  display: block;
}


 .row-price__counter{
        padding: 15px;
    }


.t-Body-title{
    box-shadow: unset;
}

.t-Body-title .t-BreadcrumbRegion{
    background-color: #F2F1F7;
    height: 83px;

}

.t-Body-title .t-BreadcrumbRegion .t-Breadcrumb-label{
    font-size: 14px;
    color: #696878;
    font-weight: 400;
    text-decoration: none;
}


.t-Body-title .t-BreadcrumbRegion .t-BreadcrumbRegion-top{
    max-width: 1140px;
    margin: auto;
    width: 1140px;
}





.search-area {
    background-color: unset;
    border: none;
    box-shadow: unset;
}
.search-area div {
  border: 0px;
  padding: 0;
}
.search-area div.cat-region {
  border: 0px !important;
}


.search-area div.cat-region.row-price__counter{
    padding: 15px;
}


.cat-region .apex-item-option {
  width: 100% !important;
}
.cat-region .apex-item-option.is-disabled {
}
.cat-region .apex-item-option.is-checked {
}
.cat-region .apex-item-option .apex-item-option-badge {
  position: absolute;
  right: 0px;
  color: rgb(154, 153, 171);
}

.u-RTL .cat-region .apex-item-option .apex-item-option-badge {
  right: unset;
  left: 0px;
}
.cat-region .apex-item-checkbox .apex-item-option input + label {
  font-size: 16px;
  padding-inline-start: 30px;
  margin-top: 18px;
  font-weight: 400;
  color: rgb(32, 32, 42);
  display: block;
  position: relative;
}
.cat-region .apex-item-checkbox .apex-item-option input + label::before {
  width: 17px;
  height: 17px;
  border: none;
  background: rgb(193, 193, 193);
  text-align: center;
  outline: 0px;
}
.cat-region
  .apex-item-checkbox
  .apex-item-option.is-checked
  input
  + label::before {
  background: rgb(236, 204, 35);
}
.search-area input.text_field {
  outline: 0px;
  height: 50px;
  line-height: 50px;
  padding: 0px 15px 0px 50px;
  font-size: 14px;
  font-weight: 300;
  background: rgb(255, 255, 255);
  border: 1px solid rgb(225, 225, 225);
  border-radius: 4px;
}
.u-RTL .search-area input.text_field{
  padding: 0px 60px 0px 15px;


}
.search-area .apex-item-icon.icon-search {
  padding: 0px;
}
.search-area .apex-item-icon.icon-search::before {
  background-image: url("search-icon.png");
  width: 20px;
  height: 20px;
  background-position: center center;
  content: "";
  margin-left: 12px;
  background-size: cover;
}

.page-3 main > .t-Body-contentInner{
        background: #EBEBF3;

}

.u-RTL .search-area .apex-item-icon.icon-search::before {
  margin-left: unset;
  margin-right: 0px;
}

.search-area .a-FS-search {
  padding: 0px;
}
.cat-region {
  background-color: rgb(246, 245, 250);
  border-radius: 8px;
  margin-top: 15px;
  padding: 20px 8px;
}
.cat-region .a-FS-label {
  font-size: 24px;
  font-weight: bold;
  color: rgb(32, 32, 42);
  border-bottom: 1px solid rgb(193, 193, 193);
  padding-bottom: 15px;
}
.cat-region .apex-item-checkbox .apex-item-option input:checked + label::after {
  margin: auto;
  left: 2px;
  top: 2px;
  color: rgb(0, 0, 0);
  font-weight: bold;
}

.u-RTL
  .cat-region
  .apex-item-checkbox
  .apex-item-option
  input:checked
  + label::after {
  left: unset;
  right: 2px;
}
.price-counter .t-Form-label {
  font-size: 24px;
  font-weight: bold;
  color: rgb(32, 32, 42);
  border-bottom: 1px solid rgb(193, 193, 193);
  padding-bottom: 15px;
  display: block;
}
.price-counter.t-Form-fieldContainer--stacked .t-Form-inputContainer,
.price-counter.apex-item-wrapper--display-only.t-Form-fieldContainer--stacked
  .t-Form-itemWrapper {
  display: block;
}
.row-price__counter .price-counter {
  background-color: rgb(246, 245, 250);
  border-radius: 8px;
  padding: 20px 8px;
  margin: 15px 0px;
}

.company-offers 
{
     margin-top: 30px;
  margin-bottom: 50px;
}

.company-offers .t-Region-title {
  color: #1a3562;
  font-size: 24px;
}


.company-offers .t-Region {
  padding: 30px;
  max-width: 700px;
  margin: auto !important;
 
}


.company-offers .t-Region-headerItems--title {
  padding: 0;
  margin-bottom: 14px;
}
.company-offers .t-Region-body {
  padding: 0;
}


.page-5 main,
.page-5 main > .t-Body-contentInner{
        background: #EBEBF3;

}


.private-courses .days_check{

}


.private-courses .days_check .apex-item-grid-row{
    display: flex;
    justify-content: space-between;
}

.private-courses .days_check .apex-item-option input:checked+label:after,
.private-courses .days_check .apex-item-option input+label:before{
    display: none;
}


.private-courses .days_check .apex-item-checkbox .apex-item-option input+label{
    padding: 9px 16px;
    display: inline;
    color: #696878;
    font-size: 12px;
    font-weight: 400;
    border-radius: 4px !important;
    background: #fff;
    box-shadow: unset;
    border: 1px solid #C1C1C1;
    outline: 0 !important;
}


.private-courses .days_check .apex-item-checkbox .apex-item-option input:checked+label{
    background-color: #1a346126;
    color: #1A3562;
    border-color: transparent;
}


.custom-forms .days_check .t-Form-label{
    font-size: 16px;
    margin-bottom: 12px;
}


.private-courses .time_check .apex-item-grid-row{
    margin-bottom: 15px;
    justify-content: start;
    gap: 15px;
}

.private-courses .time_check .apex-item-checkbox .apex-item-option input+label{
    display: block;
    width: 116px;

    padding: 0;
    text-align: center;
    height: 31px;
    line-height: 31px;
}

.a-CardView-actions:has(.watch_now){
    display: block;
}


.a-CardView .watch_now{
    height: 32px;
    line-height: 32px;
    padding: 0;
    width: 100%;
    color: #20202A;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    border: 1px solid #20202A;
    outline: 0 !important;
    box-shadow: unset !important;
    background: unset;
    border-radius: 4px;
    display: block;
    text-align: center;
    margin: 15px 0;
}
.page-18 .has-media--first .a-CardView-body{
    padding-left: 0;
    padding-right: 0;
    padding: 0;
}

.page-18 .btn_container{
        border-bottom: 1px solid #C1C1C1;

}
.page-18 .btn_container .btn_subContainer{
        padding: 0 16px;

}

.details_bar {
    height: 124px;
    background: #fff;
    position: relative;
    top: -62px;
    z-index: 999;
    box-shadow: #00000026 0px 6px 20px;
    border-radius: 4px;
    align-items: center;
    padding: 0 30px;
}

.details_bar .row{
    align-items: center;
}
.t-Body-title .t-BreadcrumbRegion.session_bread{
    height: 125px;
}
.page-3 .session .t-Body-title .t-BreadcrumbRegion{
    height: 125px;

}
.page-18 main > .t-Body-contentInner{
    background: #EBEBF3;

}



.details_bar .profile-name .t-Form-inputContainer{
    padding: 0px;
}


.details_bar .profile-name .t-Form-inputContainer .student-name{
   color: #20202A;
   font-size: 18px;
   font-weight: 600;
}

.details_bar .profile-name .t-Form-inputContainer .student-email{
    font-size: 12px;
    font-weight: 300;
    color: #696878;
}

.details_bar .profile-img .t-Form-inputContainer img{
    width: 84px;
    height: 84px;
    object-fit: cover;
    border-radius: 50%;
}




.details_bar .courses-box {
  display: flex;
  align-items: center;
  /* justify-content: space-between; */
}
.details_bar .courses-box .course-image {
  /* background: rgba(236, 202, 34, 0.25);
  width: 38px;
  height: 38px; */
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 15px;
  border-radius: 4px;
}
.u-RTL .details_bar .courses-box .course-image{
  margin-right: unset;
  margin-left: 15px;

}
.details_bar .courses-box .course-image img {
  /* width: 24px; */
}
.details_bar .courses-box .course-info {
}
.details_bar .courses-box .course-info span {
  font-size: 18px;
  color: rgb(32, 32, 42);
  font-weight: 600;
}
.details_bar .courses-box .course-info p {
  font-size: 12px;
  font-weight: 300;
  color: rgb(105, 104, 120);
}


.course_progress{
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 16px;
}
.course_progress_bar{
    height: 4px;
    background-color: #ecca2326;
    border-radius: 2px;
        width: 100%;
        flex: 65%;
}
.course_progress_bar_per{
    height: 100%;
    background-color: #ECCC23;
    border-radius: 2px;

}

.course_progress span{
    font-size: 12px;
    color: #9A99AB;
    font-weight: 400;
}
/* 
.page-30 .t-Body-title .t-BreadcrumbRegion
.page-16 .t-Body-title .t-BreadcrumbRegion */
.page-15 .t-Body-title .t-BreadcrumbRegion{
    height: 248px;
}

.page-30 .final-region{
    border:none;
    border-radius: 8px;
}
.page-30 .tabs_region{
    background-color: #fff;
    padding: 30px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}



.page-30 .details_section{
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;

    overflow: hidden;

}
.page-30 .tabbable{
    height: 300px;
}

.page-15 .t-Body-contentInner,
.page-30 .t-Body-contentInner,
.page-16 .t-Body-contentInner{
    position: relative;
    z-index: 999;
    background: #EBEBF3;

}
/* .page-16 .t-Body-contentInner .custom-container, */
.page-15 .t-Body-contentInner .custom-container,
.page-30 .t-Body-contentInner .custom-container{
    position: relative;
    top: -185px;
    margin-bottom: -185px;
}

.page-15 .t-Region:has(.trans_bg),
.page-30 .t-Region:has(.trans_bg),
.page-16 .t-Region:has(.trans_bg){
    background: unset;
}


.page-15 .t-Region-body,
.page-30 .t-Region-body,
.page-16 .t-Region-body{
    padding: 0;
}

.page-15 .product-name .t-Form-inputContainer,
.page-15 .product-title .t-Form-inputContainer,
.page-30 .product-name .t-Form-inputContainer,
.page-30 .product-title .t-Form-inputContainer,
.page-16 .product-name .t-Form-inputContainer,
.page-16 .product-title .t-Form-inputContainer{
    padding-top: 0;
    padding-bottom: 0;
}


.page-15 .product-name span,
.page-30 .product-name span,
.page-16 .product-name span{
    color: #20202A;
    font-size: 32px;
    font-weight: bold;
        display: block;
    line-height: initial;
    margin-bottom: 9px;
}

.page-15 .product-title span,
.page-30 .product-title span,
.page-16 .product-title span{
    color: #20202A;
    font-size: 24px;
    font-weight: 600;
        display: block;
    line-height: initial;
    margin-bottom: 9px;
}



.page-15 .t-Region:has(.details_section),
.page-30 .t-Region:has(.details_section),
.page-16 .t-Region:has(.details_section){
    background-color: unset;
}

/* .page-30 .details_section, */
.page-15 .details_section,
.page-16 .details_section{
    margin-bottom: 30px;
}
.page-15 .details_section img,
.page-16 .details_section img{
        border-radius: 8px;
}


.page-15 .tabs_region,
.page-30 .tabs_region,
.page-16 .tabs_region{

}

.page-15 .tabs_region .t-Tabs,
.page-30 .tabs_region .t-Tabs,
.page-16 .tabs_region .t-Tabs{
    gap: 0 31px;
    margin-bottom: 30px;
}


.page-15 .tabs_region .t-Tabs::after,
.page-30 .tabs_region .t-Tabs::after,
.page-16 .tabs_region .t-Tabs::after{
    content: "";
    height: 1px;
    width: 100%;
    display: block;
    background-color: #fff;
    border-radius: 2px;

}
.page-15 .tabs_region .t-Tabs-item,
.page-30 .tabs_region .t-Tabs-item,
.page-16 .tabs_region .t-Tabs-item{
    background-color: unset;
    outline: 0;
    padding: 0;
    padding-bottom: 10px;
    position: relative;

}

.page-15 .tabs_region .t-Tabs-item::after,
.page-30 .tabs_region .t-Tabs-item::after,
.page-16 .tabs_region .t-Tabs-item::after{
    content: "";
    height: 2px;
    width: 100%;
    display: block;
    background-color: transparent;
    border-radius: 2px;
    position: absolute;
    bottom: -1px;
}


.page-15 .tabs_region .t-Tabs-item.is-active::after,
.page-30 .tabs_region .t-Tabs-item.is-active::after,
.page-16 .tabs_region .t-Tabs-item.is-active::after{
   background-color: #1A3562;

}
.page-15 .tabs_region .t-Tabs-item .t-Tabs-link,
.page-30 .tabs_region .t-Tabs-item .t-Tabs-link,
.page-16 .tabs_region .t-Tabs-item .t-Tabs-link{
    background: unset;
    padding: 0;
    box-shadow: unset;
    font-weight: 400;
    font-size: 16px;
    color: #696878;
}
.page-15 .tabs_region .t-Tabs-item.is-active .t-Tabs-link,
.page-30 .tabs_region .t-Tabs-item.is-active .t-Tabs-link,
.page-16 .tabs_region .t-Tabs-item.is-active .t-Tabs-link{
    font-weight: 600;
    color: #1A3562;
}


.page-15 .t-TabsRegion-items,
.page-30 .t-TabsRegion-items,
.page-16 .t-TabsRegion-items{
    min-height: unset !important;
}

.page-15 .overview ,
.page-30 .overview ,
.page-16 .overview  {
    background-color: unset;
}

.page-15 .overview .t-Form-label,
.page-30 .overview .t-Form-label,
.page-16 .overview .t-Form-label{
    font-size: 24px;
    color: #20202A;
    font-weight: 600;
}


.page-15 .overview .t-Form-itemWrapper span,
.page-30 .overview .t-Form-itemWrapper span,
.page-16 .overview .t-Form-itemWrapper span{
    margin-bottom: 14px;
    margin-top: 20px;
    font-size: 16px;
    font-weight: 400;
    color: #707070;
    line-height: 1.4;



}

.content_region {
    background-color: unset;
}
.content_row .t-Region{
    background-color: #FAFAFC;
    border-radius: 8px;
    margin-bottom: 20px;

}
.content_row .t-Region-header{

    padding: 15px 20px;
    background-color: unset;
        border-bottom: 1px solid #F1F1F1;

}

.content_row .t-Region-header .t-Region-headerItems{
padding: 0;

}
.content_row .t-Region-header .t-Button--hideShow{
    background: unset;
    border: none;
    box-shadow: unset;
}


.content_row .t-Region-header .a-Icon{
    width: 19px;
    height: 19px;
}
.content_row .t-Region-header .a-Icon:before
{
    content: "";
    background-image: url(expand_arrow0.png);
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: contain;
    transition: .5s;

}


.content_row .a-Collapsible.is-expanded .a-Collapsible-icon:before{

        transform: rotate(-180deg);

}

.content_row  .a-Collapsible.is-collapsed .a-Collapsible-icon:before{


}

.content_row .is-expanded .t-Region-header .t-Button--hideShow{

}




.content_row .t-Region-title{
    color: #20202A;
    font-size: 18px;
    font-weight: 600;
    outline: 0 !important;
}


.content_row .t-Region-title .t-Region-titleButton{
    outline: 0 !important;

}
.content_row .t-Region-buttons{
        padding: 0 8px;

}

.content_row .content-container div{
    display: flex;
    gap: 10px;
}
.content_row .content-container div:last-child {
    gap: 20px;
    justify-content: space-between;
}
.content_row .content-container p{
    font-size: 16px;
    font-weight: 400;
    color: #696878;
    margin: 0;
}

.content_row .content-container div:last-child p{
    color: #9A99AB;
    min-width: 45px;
    text-align: end;
}

.content_row .content-container div:last-child p:last-child{
    display: none;
}

.content_row .content-container{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 20px;
    border-bottom: 1px solid #F1F1F1;
    padding: 15px 0;
}


.content_row .content-container:last-child{
    border: none;
}
/* .appointment-container{
    display: flex;
    justify-content: space-between;
    margin: 3%;
} */
.content_row .t-Region-buttons-left{
    display: flex;
    align-items: center;
    gap: 10px;
}
.content_row .t-Region-buttons-right{
        display: flex;
    align-items: center;
    gap: 20px;
}


.content_row .fa-book:before{
    content: "";
    background-image: url(content_note.png);
    width: 15px;
    height: 15px;
    background-size: cover;
}

.content_row .fa-clock-o:before{
    content: "";
    background-image: url(content_clock.png);
    width: 15px;
    height: 15px;
    background-size: cover;
}
.content_row .t-Region-headerItems--buttons{
    display: flex;
    align-items: center;
    gap: 15px;
}

.content_row .t-Region-headerItems--buttons div{
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 400;
    color: #696878;
}

.content_row .t-Region-buttons .lesson-name{
    font-size: 16px;
    font-weight: 400;
    color: #696878;
}

.content_row .t-Region-buttons .lesson-time{
    font-size: 16px;
    font-weight: 400;
    color: #9A99AB;
}

.rating-region{
    background: unset;
    border: none;
    box-shadow: unset;
}
.rating-region .container:has(.rating-region_top){
}
.rating-region .rating-region_top{
    margin-bottom: 30px;
}


.rating-region .fa-star:before{
    content: "";
    width: 12px;
    height: 12px;
    background-size: cover;
    background-image: url(rate-star.png);
}

.rating-region .checked.fa-star:before{
    background-image: url(rate-star-gold.png);

}
.rating-region .comm-stars .checked.fa-star:before{
    background-image: url(rate-star-blue.png);

}


.rating-region_body .t-Region-headerItems--title{
    padding: 0;
}
.rating-region_body .t-Region-headerItems--title h2{
    margin-bottom: 30px;
    font-size: 24px;
    font-weight: 600;
    color: #20202A;
}
.rating-region_body .t-Comments .fa-star:before{
    width: 15px;
    height: 15px;
}

.rating-region .rating-region_top .t-Form-inputContainer,
.rating-region .rating-region_top .t-Form-itemWrapper{
    display: block;
}


.rating-region .rating-region_top .rates-con{
    display: flex;
    gap: 30px;
}
.rating-region .rating-region_top .rates-con .rates-sec{
    background: #FAFAFC;
    border-radius: 8px;
    width: 108px;
    height: 108px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}


.rating-region .rating-region_top .rates-con .rates-sec .pro-rate{
    font-weight: 600;
    color: #1A3562;
    font-size: 32px;
}

.rating-region .rating-region_top .rates-con .rates-sec .pro-rates{
    margin-top: 10px;
    margin-bottom: 6px;

}

.rating-region .rating-region_top .rates-con .rates-sec .pro-txt{
    color: #696878;
    font-size: 12px;
    font-weight: 400;

}
.rating-region .rating-region_top .rates-con .comm-con{
       flex: 1;
    height: 108px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.rating-region .rating-region_top .rates-con .comm-con .comm-star{
    display: flex;
    gap: 15px;
    align-items: center;
}
.rating-region .rating-region_top .rates-con .comm-con .comm-stars{}
.rating-region .rating-region_top .rates-con .comm-con .a-Report-percentChart{
    flex: 1;
    height: 3px;
    border: none;
    box-shadow: unset;
    border-radius: 3px;
}

.rating-region .rating-region_top .rates-con .comm-con .a-Report-percentChart .a-Report-percentChart-fill{
    height: 100%;
    border: none;
    box-shadow: unset;
    border-radius: 3px;
}
.rating-region .rating-region_top .rates-con .comm-con .comm-prc{

    display: block;
    min-width: 28px;
    text-align: end;
    color: #696878;
    font-size: 12px;
    font-weight: 400;
}


.rating-region_body .t-Region{
    background-color: #FAFAFC;
    border-radius: 8px;
    padding: 30px 20px;


}

.rating-region_body .t-Region .t-Region-header{
    background-color: unset;
}

.rating-region_body .t-Region .t-Region-body{
    overflow: unset;
}


.rating-region_body .t-Comments-item{
    display: flex;
    flex-direction: column;
    gap: 10px;
    border-bottom: 1px solid #F1F1F1;
    padding-bottom: 20px;
    margin-bottom: 15px;
}

.rating-region_body .t-Comments-item:last-child{
    padding-bottom: 0;
    margin-bottom: 0;
    border: none;
}

.rating-region_body .t-Comments-item .t-Comments-comment{
        font-weight: 300;
    color: #9A99AB;
    font-size: 14px;
}

.rating-region_body .t-Comments-item .t-Comments-main{
    display: flex;
    justify-content: space-between;
}
.rating-region_body .t-Comments-item .t-Comments-info{
    display: flex;
    flex-direction: column;
}

.rating-region_body .t-Comments-item .t-Comments-info .t-Comments-username{
    color: #20202A;
    font-weight:600;
    font-size: 14px;
}
.rating-region_body .t-Comments-item .t-Comments-info .t-Comments-date{
    font-size: 12px;
    font-weight: 300;
    color: #696878;
}
.rating-region_body .t-Comments-item .t-Comments-data{
        display: flex;
        flex: 74%;
        align-items: center;
            gap: 10px;

}

.rating-region_body .t-Comments-item .t-Comments-star{
    flex: 0%;
}


.rating-region_body .t-Comments-item .t-Comments-star .a-StarRating-stars-fg{
    gap: 3px;
    overflow: unset;
}
.rating-region_body .t-Comments-item .t-Comments-icon {
       display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
}
.rating-region_body .t-Comments-item .t-Comments-icon img{
    width: 46px;
    height: 46px;
    border-radius: 50%;
}


.rating-region_body .t-Comments-item .t-Comments-date{
    
}

.rating-region_body .t-Comments-item .t-Comments-date:before{
    display: none;    
}




.course-details_end .relative_region{}


.course-details_end .relative_region span{
    color:#696878;
    font-size: 14px;
    font-weight: 400;
}


.course-details_end .relative_region .fa{
        margin-inline-end: 8px;

}
.course-details_end .relative_region .fa:before{
    content: "";
    width: 15px;
    height: 15px;
    background-size: cover;
}
.course-details_end .relative_region .fa-star-o:before{
  background-image: url(relative-star.png);
}


.course-details_end .relative_region .fa-clock-o:before{
  background-image: url(relative-clock.png);

}

.course-details_end .relative_region .fa-eye:before{
  background-image: url(relative-eye.png);

}
.course-details_end .relative_region .fa-book:before{
  background-image: url(relative-note.png);

}

.course-details_end .features_region{
    border: none;
    border-radius: 8px;
    box-shadow: unset;
    margin: 0 10px;
    padding: 30px 0;
}
.course-details_end .row{
    padding: 0 25px;
}

.course-details_end .price_details{
    /* margin-bottom: 36px; */
}

.course_desc{
    color: #696878;
    font-size: 16px;
    font-weight: 400;
    padding:15px 0;
}

.course-details_end .price_details .product-price{
    color: #1A3562;
    font-size: 24px;
    font-weight: 600;
}

.u-RTL .course-details_end .price_details .product-price{
    font-size: 19px
}

.course-details_end .price_details .total-price{
    font-size: 13px;
    font-weight: 400;
    color: #FF5555;
    position: relative;
    bottom: 15px;
}

.course-details_end .price_details .product-discount{
    font-size: 14px;
    font-weight: 300;
    color: #FF5555;
}

.course-details_end .price_details .t-Form-inputContainer:has(.product-discount){
        justify-content: end;

}

.tafaseel_btn{
    height: 42px !important;
    line-height: 42px !important;
    padding: 0 !important;
    background-color: #1A3562 !important;
    color: #ECCC23 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    border-radius: 4px !important;
}
.tafaseel_btn_outline{
    background: #E1E1E1 !important;
    border: navajowhite !important;
    padding: 0 !important;
    border-radius: 4px !important;
    height: 42px !important;
    line-height: 42px !important;
    color: #1A3562 !important;
    text-transform: uppercase !important;
    font-weight: 500 !important;
    font-size: 14px;
}

.tafaseel_btn_outline2{
    background: #fff !important;
    border: 1px solid #1A3562 !important;
    padding: 0 !important;
    border-radius: 4px !important;
    height: 42px !important;
    line-height: 42px !important;
    color: #1A3562 !important;
    text-transform: uppercase !important;
    font-weight: 500 !important;
}

.page-30 .tafaseel_btn{
    margin-bottom: 15px;
}
.course-details_end .t-Button--stretch{
        /* margin: 0 !important; */
}

.course-details_end .border_row{
    border-bottom: 1px solid #F1F1F1;
    padding-bottom: 20px;
}
.course-details_end .t-MediaList{
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.course-details_end .t-MediaList-item{
    border: none;
}


.course-details_end .t-MediaList-icon{
    width: auto;
    height: auto;
    background: unset;

}

.course-details_end .t-MediaList-icon .fa:before{
    content: "";
    width: 17px;
    height: 17px;
    background-size: cover;

}
.course-details_end .t-MediaList-icon .fa-clock-o:before{
    background-image: url(contain-clock.png);

}

.course-details_end .t-MediaList-icon .fa-badge-dollar:before{
    background-image: url(contain-dollar.png);

}
.course-details_end .t-MediaList-icon .fa-file-o:before{
    background-image: url(contain-note.png);

}
.course-details_end .t-MediaList-icon .fa-laptop:before{
    background-image: url(contain-lap.png);

}
.course-details_end .t-MediaList-icon .fa-bookmark:before{
    background-image: url(contain-bookmark.png);
}



.course-details_end .t-MediaList-title{
    color: #696878;
    font-size: 16px;
    font-weight: 400;
}
.course-details_end .t-MediaList-itemWrap{
    padding: 0;
    align-items: center;
    align-items: flex-start;
}

.border_row .t-Region-headerItems--title{
    padding: 0;
}

.border_row .t-Region{
    margin: 0;
}


.course-details_end .share-course{
    margin: 0;
}

.course-details_end .share-course .share-social {
    display: flex;
    gap: 0 20px;
}
.course-details_end .share-course .share-social a{
    width: 32px;
}
.course-details_end .share-course .share-social a img{
    width: 100%;
}
.course-details_end .share-course .share-social a .main_img{
    display: block;
}
.course-details_end .share-course .share-social a .hover_img{
    display: none;
}

.course-details_end .share-course .share-social a:hover{}
.course-details_end .share-course .share-social a:hover img{}
.course-details_end .share-course .share-social a:hover .main_img{
    display: none;
}
.course-details_end .share-course .share-social a:hover .hover_img{
    display: block;
}


.course-details_end .share-course .t-Region-headerItems--title{
    padding: 0;
}

.course-details_end .t-Region-title{
    margin: 20px 0;
    color: #20202A;
    font-weight: 600;
    font-size: 18px;
}
.related_title {
        padding-top: 50px;
    padding-bottom: 30px;
}

.related_title .t-Form-inputContainer {
    justify-content: center;
}

.related_title .t-Form-inputContainer span{
    color: #20202A;
    font-size: 32px;
    font-weight: bold;
}

.row.body_bg_color{
    background: #F2F1F7;

    position: relative;
}
.row.body_bg_color::before {
  content: "";
  position: absolute;
  top: 0;
  width: 100vw;
  height: 100%;
  left: 50%;
  transform: translateX(-50%);
    background-color: #F2F1F7;
}

 .body_bg_color .a-CardView-items{
    padding-bottom: 50px;
}
.page-10 .t-Body-contentInner{
  background: #EBEBF3;
}

.page-24 .t-Body-title .t-BreadcrumbRegion,
.page-10 .t-Body-title .t-BreadcrumbRegion{
    height: 103px;
}

.page-24 .relative-row{
position: relative;
top: -35px;
margin-bottom: -35px;
z-index: 500;

}



.page-10 .relative-row {
position: relative;
top: -35px;
margin-bottom: -35px;
/* z-index: 500; */

}
.page-10 .relative-row .col.col-end{
    z-index: 100;
}
.page-10 .relative-row {
margin-bottom: -50px;


}
.page-24 .relative-row .t-Region-header,
.page-10 .relative-row .t-Region-header{background: unset;margin-bottom: 44px;border: none;}
.page-24 .relative-row .t-Region-headerItems--title,
.page-10 .relative-row .t-Region-headerItems--title{padding: 0;}


.page-24 .relative-row .t-Region-title,
.page-10 .relative-row .t-Region-title{
    
font-size: 24px;
    
font-weight: bold;
    
color: #20202A;
}

.page-24 .relative-row .t-Region,
.page-10 .relative-row .t-Region{
box-shadow: unset;
background: unset;
margin: 0;
}

.page-10 .relative-row .t-Region-bodyWrap{
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    border-radius: 0;
}

.page-10 .relative-row .without-img{
    padding: 20px;
}

.page-10 .relative-row .t-Region-body{
  padding:0;
    overflow: unset;
    position: relative;
}



.page-10 .relative-row .product-title p{
    font-size: 20px;
    font-weight: bold;
    color: #20202A;
    padding-top: 4px;
}


.page-10 .relative-row .product-title p:last-child{
    font-size: 16px;
    font-weight: 500;
    margin: 15px 0;
}


.page-10 .relative-row .product-info{
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: flex-start;

}


.page-10 .relative-row .product-price p{
    font-size: 24px;
    font-weight: 600;
    color: #20202A;
    margin-top: 25px;
}

.page-10 .relative-row .product-price p sup{
    text-decoration: line-through;
    color: #696878;
    font-weight: 400;
}


.page-10 .relative-row .delete_btn {
    position: absolute;
    bottom: 0px;
    right: 0px;
}

.u-RTL.page-10 .relative-row .delete_btn{
    left: 0;
    right: auto;
}

.page-10 .relative-row .delete_btn .t-Button--icon{
    padding: 0;
    min-width: unset;
    background: unset;
    border: none;
    box-shadow: unset;
    outline: 0;
}


.page-10 .relative-row .delete_btn .t-Button--icon .fa-trash-o:before{
        content: "";
    width: 25px;
    height: 25px;
    background-size: cover;
    background-image: url(info-trash.png);
}
.page-10 .relative-row .product-info div{
    display: flex;
    gap: 8px;
    align-items: center;
}
.page-10 .relative-row .product-info span{
    font-size: 14px;
    color: #696878;
    font-weight: 500;
}
.page-10 .relative-row .product-info .fa::before{
    content: "";
    width: 15px;
    height: 15px;
    background-size: cover;
}

.page-10 .relative-row .product-info .fa-eye:before{
    background-image: url(info-eye.png);
}
.page-10 .relative-row .product-info .fa-notebook:before{
    background-image: url(info-note.png);

}
.page-10 .relative-row .product-info .fa-clock-o:before{
    background-image: url(info-clock.png);

}


.page-10 .relative-row .img_col {
    padding: 0;
}

.page-10 .relative-row .img_col .t-ImageRegion{
    display: block;
    height: 100%;
    width: 100%;
}
.page-10 .relative-row .img_col .t-ImageRegion img{
    height: 100%;
    width: 100%;
    object-fit: fill;
}

.page-10 .append_row{
    position: relative;
    top: -177px;
}


.page-10 .append_row .t-Region{
    border-radius: 8px;
    padding: 30px;
    border-radius: 0;
}


.page-10 .append_row .t-Region-headerItems--title{
    padding: 0;
}

.page-10 .append_row .t-Region-headerItems--title h2{
    font-size: 18px;
    font-weight: 600;
    color: #20202A;
}

.page-10 .addons_row .t-Region-headerItems--title h2{
    margin-bottom: 15px;
}


.page-10 .append_row .t-Region-body{
    padding: 0;
    overflow: unset;
}


.page-10 .append_row .t-Report-cell{
    padding: 10px 0;
    font-size: 16px;
    font-weight: 400;
    color: #20202A;
}
.page-10 .append_row tr:last-child .t-Report-cell{
    padding-bottom: 0;
}
.page-10 .append_row .t-Report-cell:last-child{
    color: #9A99AB;
    font-weight: 300;
}


.page-10 .addons_row .col-start{
    z-index: 800;
}


.page-10 .append_row tr:hover{
    background: unset;
    --ut-report-cell-background-color:unset;
}
.page-10 .append_row .t-Report-cell input::before{
    content: "";
    display: flex;
    width: 17px;
    height: 17px;
    background: #c1c1c1;
    border-radius: 2px;
}

.page-10 .append_row .t-Report-cell input.checked::before{
  background:#ECCC23;
  content: "✓";
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-10 .append_row .t-Report-cell:has(input){
    width: 32px;
}




.page-10 .methods_row .apex-item-grid-row{

display: flex;

justify-content: space-between;

gap: 10px;
    margin-top: 12px;

}
.page-10 .methods_row .apex-item-option{
    width: 100%;
    background: #FAFAFA;
    border-radius: 4px;
    border: 1px solid #FAFAFA;
    height: 42px;
    }
.page-10 .methods_row .apex-item-option.activeOption{
  background: #fff;
  border-color: #1A3562;
}

.page-10 .methods_row .apex-item-option label{
  margin: 0;
  padding: 0;
  height: 100%;
  display: block;
  text-align: center;
  line-height: 42px;
  font-size: 14px;
  font-weight: 400;
  color: #1A3562;
}
.page-10 .methods_row .apex-item-option label img{
  position: absolute;
  right: 15px;
  top: 10px;
  width: 22px;
}

.u-RTL.page-10 .methods_row .apex-item-option label img{
    left: 15px;
    right: auto;
}


.page-10 .methods_row .apex-item-option label::before{
  border: 4px solid #D1D1D1;
  outline: 1px solid #D1D1D1;
  background-color: #D1D1D1;
  position: absolute;
  left: 12px;
  top: 13px;
  width: 16px;
  height: 16px;
}

.u-RTL.page-10 .methods_row .apex-item-option label::before{
    left: auto;
    right: 12px;
}
.page-10 .methods_row .apex-item-option.activeOption label::before{
    background-color: #1A3562;
    border: 4px solid #fff;
    outline: 1px solid #1A3562;
}
.page-10 .methods_row .apex-item-option label::after{
    display: none;
}



/* new email company offers Start 26/5 */

.page-5 .c-phone-offers .apex-item-grid,
.page-4 .c-phone-offers .apex-item-grid{
    display: block;
}

.page-5 .c-phone-offers .apex-item-grid-row,
.page-4 .c-phone-offers .apex-item-grid-row{

display: flex;

justify-content: space-between;

gap: 10px;
    margin-top: 12px;

}
.page-5 .c-phone-offers .apex-item-option,
.page-4 .c-phone-offers .apex-item-option{
    width: 100%;
    background: #FAFAFA;
    border-radius: 4px;
    border: 1px solid #FAFAFA;
    height: 42px;
    }
.page-5 .c-phone-offers .apex-item-option.activeOption,
.page-4 .c-phone-offers .apex-item-option.activeOption{
  background: #fff;
  border-color: #1A3562;
}

.page-5 .c-phone-offers .apex-item-option label,
.page-4 .c-phone-offers .apex-item-option label{
  margin: 0;
  padding: 0;
  height: 100%;
  display: block;
  text-align: center;
  line-height: 42px;
  font-size: 14px;
  font-weight: 400;
  color: #1A3562;
}
.page-5 .c-phone-offers .apex-item-option label img,
.page-4 .c-phone-offers .apex-item-option label img{
  position: absolute;
  right: 15px;
  top: 10px;
  width: 22px;
}

.u-RTL.page-5 .c-phone-offers .apex-item-option label img,
.u-RTL.page-4 .c-phone-offers .apex-item-option label img{
    left: 15px;
    right: auto;
}


.page-5 .c-phone-offers .apex-item-option label::before,
.page-4 .c-phone-offers .apex-item-option label::before{
  border: 4px solid #D1D1D1;
  outline: 1px solid #D1D1D1;
 /* background-color: #D1D1D1;*/
  position: absolute;
  left: 12px;
  top: 13px;
  width: 16px;
  height: 16px;
}

.u-RTL.page-5 .c-phone-offers .apex-item-option label::before,
.u-RTL.page-4 .c-phone-offers .apex-item-option label::before{
    left: auto;
    right: 12px;
}
.page-5 .c-phone-offers .apex-item-option.activeOption label::before,
.page-4 .c-phone-offers .apex-item-option.activeOption label::before{
    background-color: #1A3562;
    border: 4px solid #fff;
    outline: 1px solid #1A3562;
}
.page-5 .c-phone-offers .apex-item-option label::after,
.page-4 .c-phone-offers .apex-item-option label::after{
    display: none;
}

/* ------------------------- */

.methods_row .t-Form-fieldContainer--floatingLabel .t-Form-label{
    font-weight: 600;
    font-size: 14px;
}



.page-10 .relative-row> .col-end .t-Region-body{
    padding: 30px 20px;
}


.page-10 .copuon_input input{
    width: 100%;
    height: 42px;
    line-height: 42px;
    border: 1px solid rgb(193, 193, 193);
    outline: 0px;
    background: rgb(255, 255, 255);
    border-radius: 4px;
    padding: 0px 45px 0px 20px;
    color: rgb(105, 104, 120);
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 25px
}

.page-10 .copuon_input .t-Form-itemWrapper .t-Form-itemText--post{
    position: absolute;
    right: 4px;
    top: 4px;
    border-radius: 4px;
    background: #20202A;
    width: 147px;
    height: 34px;
    color: white;
}
.u-RTL.page-10 .copuon_input .t-Form-itemWrapper .t-Form-itemText--post{
    right: auto;
    left: 4px;
}


.u-RTL.page-10 .copuon_input .t-Form-itemWrapper .t-Form-itemText--post .fa-arrow-right-alt:before{
    transform: rotate(180deg);
}

.page-10 .copuon_input .t-Form-itemWrapper .t-Form-itemText--post .fa-arrow-right-alt:before{
    content: "";
    width: 18px;
    height: 18px;
    background-size: cover;
    background-image: url(copoun.png);
}


.page-10 .copuon_input .t-Form-itemWrapper{
    position: relative;
}

.summary_table .t-AVPList-label,.summary_table .t-AVPList-value{
    padding: 15px 0;
     font-size: 14px;
    color: #696878;
    font-weight: 400;
}



.summary_table .t-AVPList-label:last-of-type,.summary_table .t-AVPList-value:last-of-type{
    color: #20202A;
    font-weight: bold;
}

.page-10 .summary_table .t-AVPList-label:first-of-type,
.page-10 .summary_table .t-AVPList-value:first-of-type{
    padding-top: 0;
}

.page-24 .summary_table .t-AVPList-label:last-of-type,
.page-24 .summary_table .t-AVPList-value:last-of-type{
    color: #1A3562;
    padding-bottom: 0;

}


.page-24 .summary_table >.t-Region-bodyWrap{
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
}

.page-24 .summary_table >.t-Region-bodyWrap >.t-Region-body{
    padding: 30px 20px;
    padding: 30px 0px;
}

.page-24 .summary_table .t-Region-body{
    padding: 0 20px;
}


.page-24 .summary_table .custom_end .t-Region-body{
    padding: 0;
}


.page-24 .summary_table .t-Region-body .product-cont{}
.page-24 .summary_table .t-Region-body .product-cont h5{
    font-size: 14px;
    font-weight: bold;
    color: #20202A;
    margin: 0;
}
.page-24 .summary_table .t-Region-body .product-cont p.title{
    font-size: 13px;
    font-weight: 500;
    color: #20202A;
    margin: 0;
}
.page-24 .summary_table .t-Region-body .product-cont p.price{
    font-weight: 600;
    color: #1A3562;
    font-size: 14px;
    margin-top: 15px;
}
.page-24 .summary_table .t-Region-body .product-cont p.price .product-discount{
  color:#FF5555;
  text-decoration: line-through;
}


.page-24 .summary_header > .t-Region{
    border-bottom: 1px solid #F1F1F1;
    padding-bottom: 20px;
}


.page-24 .summary_header .t-ImageRegion--square{
    display: block;
    height: 100%;
}

.page-24 .summary_header .t-ImageRegion--noFilter img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.page-24 .t-TabsRegion-items{
    background: #fff;
    border-radius: 8px;
    min-height: unset !important;
}



.page-24 .credit-card{}
.page-24 .credit-card h3{
    font-size: 18px;
    font-weight: bold;
    color: #20202A;
    margin: 0;
    margin-bottom: 23px;
}
.page-24 .credit-card p{
    color: #20202A;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 51px;
}


.page-24 .credit-card .t-Button--hot{
    background-color: #1A3562;
    border: none;
    outline: 0;
    color: #ECCC23;
    text-transform: uppercase;
    border-radius: 4px;
    margin-top: 0 !important;
    font-weight: 500;

}

.page-24 .t-Tabs{
    border-bottom: 1px solid #E1E1E1;
    align-items: flex-end;

}
.page-24 .t-Tabs-item{

}

.page-24 .t-Tabs-link{
    height: 100%;
    box-shadow: unset !important;
}
.page-24 .t-Tabs-item.is-active{
    border-bottom: 2px solid #1A3562;

}

.page-24 .t-Tabs-item.is-active img{
    opacity: 100%;
}
.page-24 .t-Tabs-link img{
    margin-bottom: 15px;
    opacity: 50%;
}

.page-24 .t-Tabs-item.is-active .t-Tabs-link p,
.page-24 .t-Tabs-link p{
    color: #9A99AB;
    font-size: 14px;
    font-weight: 400;
}


.payment_methods .t-Region{
    border: none;
}


.payment_methods .credit-card .t-Region .t-Region-body{
    padding: 34px 50px 50px 50px;
}

.bank-transfer .t-Region {}
.bank-transfer .t-Region .t-Region-body{
    padding: 0;
}



.page-24 .bank-transfer .t-Button--hot{
    background-color: #1A3562;
    border: none;
    outline: 0;
    color: #ECCC23;
    text-transform: uppercase;
    border-radius: 4px;
    margin-top: 25 !important;
    font-weight: 500;
}
.page-24 .bank-transfer > .t-Region-bodyWrap >.t-Region-body{
    padding: 30px 50px;
    padding: 0;
}


.page-24 .payment_methods{
    padding-bottom: 50px;
}
.page-24 .bank_new > .col{
    padding: 0 50px !important;
}

.page-24 .custom_row .bank-transfer.t-Region{
    margin-top: 20px;

}
.page-24 .custom_row:first-child .bank-transfer.t-Region{
    margin-top: 40px;
}

.page-24 .bank-transfer .col{
    padding: 0;
}


.page-24 .bank-transfer .custom_end_col{
    padding: 20px;
}

.page-24 .bank-transfer .custom_end_col .t-Region-header{
    margin: 0;
}
.page-24 .bank-transfer .custom_end_col h2{
    margin-bottom: 16px;
    margin: 0;

}

.page-24 .bank-transfer .custom_end_col .apex-item-display-only{

    border: none;
        color: #9A99AB;
    font-size: 16px;
    padding-left: 0;
    padding-right: 0;
}

.page-24 .bank-transfer .custom_end_col .input_row{

    border-bottom: 1px dashed #E1E1E1;
}
.page-24 .bank-transfer .custom_end_col .input_row:last-child{
    border: none;

}


.page-24 .bank-transfer .custom_end_col .input_row .t-Form-label{
    padding: 0;
    font-weight: 400;
    color: #20202A;
    font-size: 14px;
}

.page-24 .bank-transfer .custom_end_col .input_row .t-Form-fieldContainer
{

    padding-block-end: var(--ut-field-padding-y,16px);
    padding-block-start: var(--ut-field-padding-y,16px);
}



.page-24 .bank-transfer .custom_end_col .input_row .fa-copy:before{
    background-image: url(in_copy.png);
    width: 17px;
    height: 17px;
    background-position: center center;
    background-size: cover;
    content: "";
    position: relative;
}

.page-24 .bank-transfer .bank_logo{
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.page-24 .bank-transfer .bank_logo.white{
    background-color: #1B4297;

}
.page-24 .bank-transfer .bank_logo.colored{
    background-color: #E1E1E1;

}


.page-24 .bank-transfer .bank_logo img{
    max-width: 57%;
}
.page-24 .bank-transfer .bank-cont h6{
    color: #20202A;
    font-size: 18px;
    font-weight: 600;
    margin: 0;
    margin-bottom: 16px;
}

.page-24 .bank-acount-details .t-Region{
    margin-top: 20px;
}


.page-24 .bank-acount-details .t-Region .t-Region-header{
    margin-bottom: 16px;
}

.page-24 .bank-acount-details .t-Region .t-Region-header .t-Region-title{
    font-size: 18px;
    font-weight: 600;
    color: #20202A;

}

.page-24 .bank-acount-details .noBorder .t-Form-itemWrapper{
    /* padding-left: 20px;
    padding-right: 20px; */
}
.page-24 .bank-acount-details .noBorder span.display_only{
    /* border: none;
    border-bottom: 1px dashed #E1E1E1; */
        height: 80px;


}

.page-24 .bank-acount-details .noBorder .t-Form-itemText{
    position: absolute;
    right: 20px;
    top: 0;
    bottom: 0;
}

.u-RTL.page-24 .bank-acount-details .noBorder .t-Form-itemText{
    position: absolute;
    right: unset;
    left: 20px;
}

.page-24 .bank-acount-details .noBorder .t-Form-itemText .fa-copy:before{
    content:"";
    width: 17px;
    height: 17px;
    background-size: cover;
    background-image: url(card-copy.png);
}

.page-16 .apex-item-group--file-browse .apex-item-filedrop-icon,
.page-24 .apex-item-group--file-browse .apex-item-filedrop-icon{
    display: none;
}
.page-16 .attach .apex-item-group--file-browse .apex-item-filedrop,
.page-24 .attach .apex-item-group--file-browse .apex-item-filedrop{
    width: 100%;
    height: 56px;
    line-height: 56px;
    border: 1px dashed #E1E1E1;
    outline: 0px;
    background: #F5F5F5;
    border-radius: 4px;
    padding: 0px 60px;
    color: rgb(105, 104, 120);
    font-size: 14px;
    font-weight: 400;
    margin-top: 12px;
}

.page-16 .attach .apex-item-filedrop-heading,
.page-24 .attach .apex-item-filedrop-heading{
        color: #9A99AB;
    font-size: 14px;
    font-weight: 100;

}
.page-24 .attach{
    margin-top: 30px;
    margin-bottom: 5px;
}

.page-24 .tafaseel_btn.confirm_pay{
    margin-bottom: 30px;
}

.page-16 .attach .t-Form-label,
.page-24 .attach .t-Form-label{

    color: #20202A;
    font-size: 14px;
    font-weight: 600;
}


.page-16 .attach .t-Form-itemText--pre,
.page-24 .attach .t-Form-itemText--pre{
    position: absolute;
    bottom: 16px;
    z-index: 9;
    left: 20px;

}


.page-16 .attach .t-Form-itemText--pre{
    bottom: 24px;
}

.u-RTL.page-16 .attach .t-Form-itemText--pre,
.u-RTL.page-24 .attach .t-Form-itemText--pre{

    left: unset;
    right: 20px;

}

.page-24 .attach .col>.t-Form-fieldContainer{
    padding-top: 0;
    padding-bottom: 0;
}

/* .page-16  .apex-item-filedrop-icon .a-Icon{
    display: none;
} */

/* .page-16 .attach .apex-item-group--file-browse .apex-item-filedrop:before{
     width: 24px;
    height: 24px;
    background-position: center center;
    background-size: cover;
    content: "";
    background-image: url(attach_24.png);

} */
.page-16 .attach .t-Form-itemText--pre .fa-paperclip:before,
.page-24 .attach .t-Form-itemText--pre .fa-paperclip:before{
    width: 24px;
    height: 24px;
    background-position: center center;
    background-size: cover;
    content: "";
    background-image: url(attach_24.png);
}


.page-24 .bank-acount-details .attach {}
.page-24 .bank-acount-details .attach .t-Form-label{
    font-size: 14px;
    font-weight: 600;
    color: #20202A;
}
.page-24 .bank-acount-details .attach .apex-item-filedrop{
    margin-top: 12px;

    border: 1px dashed #E1E1E1;
}

.page-24 .bank-acount-details .attach .apex-item-filedrop .apex-item-filedrop-heading{
    font-weight: 100;
    color: #9A99AB;
    font-size: 14px;
}

.page-24 .bank-acount-details .attach .apex-item-filedrop .apex-item-filedrop-body{
    background-color: #F5F5F5;
    height: 56px;
    flex-direction: row;
    align-items: center;
    padding: 0 60px;
}

.page-24 .bank-acount-details .attach .apex-item-filedrop .apex-item-filedrop-icon{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    background: unset;
}
.u-RTL.page-24 .bank-acount-details .attach .apex-item-filedrop .apex-item-filedrop-icon{
    left: unset;
    right: 0;

}


.page-24 .bank-acount-details .attach .apex-item-filedrop .apex-item-filedrop-icon::before{
    content: "";
    width: 24px;
    height: 24px;
    background-size: cover;
    background-image: url(attach-icon.png);
}



.page-24 .bank-acount-details .attach .t-Form-itemText--pre{
    display: none;
}



.assessment-col > .t-Region--noBorder {
  padding: 30px 0;
  border-radius: 8px;
  padding-bottom: 0px;
}

.page-22 .assessment-col > .t-Region--noBorder,
.page-23 .assessment-col > .t-Region--noBorder{


  padding: 30px 0;
}

.assessment-col > .t-Region--noBorder > .row .t-Form-itemWrapper span{
    color: #20202A;
    font-size: 16px;
    font-weight: 400;
    font-weight: 600;
    padding-top: 20px;
    line-height: inherit;

    /* padding: 0 15px; */
}

.assessment-col > .t-Region--noBorder .t-Region-headerItems--title {
  padding: 0 30px;
  padding: 0;
  color: #1a3562;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 20px;
}


.assessment-col .final_exam .apex-item-display-only{
    font-size: 16px;
    color: #20202A;
    font-size: 18px;
    padding-top: 20px;
}

.assessment-col > .t-Region--noBorder .t-Region-bodyWrap > .t-Region-body {
  padding: 0;
}

.assessment-col .radio_group {
  margin-top: 20px !important;
}

.assessment-col .apex-item-option {
  padding: 0;
  margin: 0 15px;
  margin-bottom: 15px;
}

.assessment-col .apex-item-option label {
  color: #696878;
  padding: 0 32px;
  font-weight: 400 !important;
  font-size: 16px;
}
.assessment-col .t-Form-fieldContainer--floatingLabel.t-Form-fieldContainer {
  padding: 0;
}

.assessment-col > .t-Region--noBorder .t-Region-body > .container {
  /* padding: 0 18px; */
  padding: 0 30px;
}

.assessment-col .t-Form-fieldContainer--stacked .t-Form-labelContainer {
  /* display: none; */
}

.assessment-col .t-Form-fieldContainer--stacked .t-Form-labelContainer .t-Form-label{
    color: #1A3562;
    font-size: 18px;
    font-weight: 600;
    /* padding: 0px 20px; */
    margin-bottom: 16px;
    display: flex;
    gap: 10px;
}


.assessment-col .question-pag{
    color: #9A99AB;
}


.assessment-col .apex-item-radio input + label:before,
.assessment-col .u-radio:before {
  width: 17px;
  height: 17px;
  border: 1px solid #e1e1e1;
  background: #e1e1e1;
}

.assessment-col .apex-item-radio input + label:after,
.assessment-col .u-radio:after {
  width: 16px;
  height: 16px;
  background-color: #1a3562;
  border: 3px solid #fff;
  box-shadow: 0 0 0 2px #1a3562;
  margin: 0;
}

.assessment-col .t-Button--hot {
  margin-top: 14px;
  background: #1a3562;
  border-radius: 4px;
  color: #eccc23;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 14px;
}

.assessment-col .question-title {
  margin: 0 7px;
  font-size: 16px;
  color: #20202a;
}




.t-Region:has(.wizard ){
    background-color: #F2F1F7;
    border: none;
    box-shadow: unset;
    margin: 0;

}

.t-Region:has(.wizard ) .t-Region-body{
    padding: 0;
}

.nav-tabs.wizard {
  display: flex;
  gap: 3px;
  background-color: #f2f1f7;
  width: 1140px;
  margin: auto;
  position: relative;
}
.wizard li {
  background-color: #e1e1e1;
  width: 141px;
  height: 62px;
  position: relative;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #9a99ab;
  font-size: 13px;
  font-weight: 500;
  text-transform: uppercase;
}
.wizard li a{
  color: #9a99ab;

}
.order-box__bottom a .fa-long-arrow-right:before{
    content: "" !important;
}
.u-RTL .order-box__bottom a .fa-long-arrow-right:before{
    transform: rotate(180deg);
}
.wizard li::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: -19px;
  right: -18px;
  border-top: 31px solid transparent;
  border-bottom: 31px solid transparent;
  border-left: 19px solid #e1e1e1;
  z-index: 1;
}

.u-RTL .wizard li::before {
  right: unset;
  left: -19px;
  left: -18px;

  border-left: unset;
  border-right: 19px solid #e1e1e1;
}

.wizard li::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -0;
  border-top: 31px solid transparent;
  border-bottom: 31px solid transparent;
  border-left: 19px solid #f2f1f7;
}

.u-RTL .wizard li::after {
  left: unset;
  border-left: unset;
  right: -0;
  border-right: 19px solid #f2f1f7;
}

.wizard li.active {
  background: #eccc23;
  color: #1a3562;
}


.wizard li.active a{
  color: #1a3562;

}
.wizard li.completed {
  background-color: #1a3562;
  color: #eccc23;
}

.wizard li.completed a{
  color: #eccc23;

}
.wizard li.active::before {
  border-left: 19px solid #eccc23;
}

.u-RTL .wizard li.active::before {
  border-left: 0;
  border-right: 19px solid #eccc23;
}

.wizard li.active::after {
}

.wizard li.completed::before {
  border-left: 19px solid #1a3562;
}

.u-RTL .wizard li.completed::before {
  border-left: unset;
  border-right: 19px solid #1a3562;
}

.wizard li.completed::after {
}

.t-WizardSteps-step {
  cursor: pointer;
}

.review-col .t-WizardSteps--vertical .t-WizardSteps-wrap {
  align-items: start;
  height: 62px;
}

.review-col .t-WizardSteps--vertical .t-WizardSteps-label {
  margin: 0 16px;
  /* padding-bottom: 24px; */
  font-size: 16px;
  font-weight: 500;
  color: #20202a;
}

q-details
.review-col .t-WizardSteps--vertical .t-WizardSteps-label p {
  margin: 0;
}

.review-col .t-WizardSteps--vertical .t-WizardSteps-answer {
  margin-top: 6px;
  font-size: 14px;
  color: #1a3562;
    margin: 0 16px;

}

.review-col .t-WizardSteps--vertical .t-WizardSteps-step .t-WizardSteps-marker {
  width: 17px;
  height: 17px;
  border: none;
  background: #9a99ab;
  line-height: 12px;
}

.review-col .t-WizardSteps-step.is-complete .t-WizardSteps-marker:before {
  font-size: 8px;
}

.review-col
  .t-WizardSteps--vertical
  .t-WizardSteps-step.is-active
  .t-WizardSteps-marker {
  background-color: #eccc23;
}

.review-col
  .t-WizardSteps--vertical
  .t-WizardSteps-step.is-complete
  .t-WizardSteps-marker {
  background-color: #00bc3f;
}

.review-col .t-WizardSteps--vertical .t-WizardSteps-wrap:after {
  top: 0;
  left: 8px;
}

.u-RTL .review-col .t-WizardSteps--vertical .t-WizardSteps-wrap:after {
  left: unset;
  right: 8px;
}

.review-col
  .t-WizardSteps--vertical
  .t-WizardSteps-step:first-child
  .t-WizardSteps-wrap:after {
  left: 8px;
  top: 0%;
  height: 100%;
}

.u-RTL
  .review-col
  .t-WizardSteps--vertical
  .t-WizardSteps-step:first-child
  .t-WizardSteps-wrap:after {
  left: unset;
  right: 8px;
}

.review-col
  .t-WizardSteps--vertical
  .t-WizardSteps-step:last-child
  .t-WizardSteps-wrap:after {
  left: 8px;
  bottom: 0%;
  height: 0%;
}

.u-RTL
  .review-col
  .t-WizardSteps--vertical
  .t-WizardSteps-step:last-child
  .t-WizardSteps-wrap:after {
  left: unset;
  right: 8px;
}

.review-col
  .t-WizardSteps--vertical
  .t-WizardSteps-step
  .t-WizardSteps-wrap:after {
  background-color: #e1e1e1;
}
.review-col
  .t-WizardSteps--vertical
  .t-WizardSteps-step.is-complete
  .t-WizardSteps-wrap:after {
  background-color: #00bc3f;
}


.review-col .t-Wizard-header{
        background-color: #f6f5fa;

}

.review-col .t-Region-bodyWrap > .t-Region-body .t-WizardSteps--vertical.t-WizardSteps {
  /* overflow: auto; */
  height: 408px;
  height: 370px;


}




.review-col .t-Region-bodyWrap > .t-Region-body::-webkit-scrollbar {
  width: 4px;
}

/* Track */

.review-col .t-Region-bodyWrap > .t-Region-body::-webkit-scrollbar-track {
  background: #1a35624d; 
}
 
/* Handle */

.review-col .t-Region-bodyWrap > .t-Region-body::-webkit-scrollbar-thumb {
  background: #1a3562; 
}





.review-col .t-Region-headerItems--title,
.review-col .t-Region-body {
  padding: 0;
}

.review-col > .t-Region--noBorder {
  padding: 30px;
  border-radius: 8px;
  background-color: #f6f5fa;

  padding: 30px 20px;
}
.question-title-h{
    font-weight: bold !important;
    padding-top: 20px;
    display: block;
    direction: ltr;

}

.course-details .review-col .a-Collapsible.done .t-Region-titleButton{
    text-align: start;
    font-size: 13px !important;
}


.course-details .review-col .a-Collapsible.done .t-Region-headerItems--buttons span{
    font-size: 13px !important;
}

.review-col .t-Region-title {
  font-size: 24px;
  font-weight: bold;
  color: #1a3562;
  background: transparent;
  margin-bottom: 24px;
}

.review-col .t-Region--noBorder > .t-Region-header {
  background-color: transparent;
}

main > .t-Body-contentInner:has(.asses_class){
    padding-top: 30px;
    background-color: #EBEBF3;
}

.asses_class .col-start >.t-Region,
.asses_class .col-end >.t-Region{
    border-radius: 8px;
    box-shadow: unset;
    border: none;
}


.asses_class .col-start >.t-Region .t-Region-body{
    padding: 30px;
}



main > .t-Body-contentInner:has(.success_pages){
  background-color:#EBEBF3;
}
.success_pages{
    max-width: 450px;
    margin: auto;
}

.success_pages >.col > .t-Region{
    box-shadow: unset;
    border: none;
    border-radius: 8px;
    margin-top: 43px;
}


.success_pages .payment-success{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    justify-content: center;
}

.success_pages .payment-success .payment-icon{

}
.success_pages .payment-success .payment-icon .fa:before{
    content: "";
    width: 134px;
    height: 125px;
    background-size: cover;
    background-image: url(payment_succes.png);
    transform: unset;

}


.fails_pages .payment-success .payment-icon .fa:before{
    
    background-image: url(payment_faild.png);

}
.success_pages .payment-success .payment-icon .fa-credit-card:after{
    display: none;
}

.success_pages .payment-success .payment-success-text{}
.success_pages .payment-success .payment-success-text h1{
    color: #1A3562;
    font-weight: 600;
    font-size: 24px;
    margin: 0;
    margin-top: 45px;
    /* text-align: center; */
}
.success_pages .payment-success .payment-success-text p{
    font-size: 16px;
    font-weight: 400;
    color: #696878;
    margin: 15px 0;
}


.success_pages .success_table{}

.success_pages .success_table .t-Region{
    border: 1px solid #E1E1E1;
    border-radius: 8px;
    box-shadow: unset;
    margin-bottom: 5px;
}
.success_pages .success_table .t-Region-body{
    padding: 0 15px;
}

.success_pages .success_table .t-AVPList-label,
.success_pages .success_table .t-AVPList-value{

padding: 15px 0;

color: #696878;

font-size: 14px;

font-weight: 400;
}
 
.success_pages .success_table .t-AVPList-value{
    
}
.success_pages .success_table .t-AVPList-label{
    
}





.page-8 main > .t-Body-contentInner{
    padding: 30px 0;
    background-color: #EBEBF3;
}
.profile-page >.col >.t-Region{
    max-width: 704px;
    margin: auto;
}
.profile-page .t-Region .t-Region-bodyWrap .t-Region-body{
    padding: 0;
}
.profile-page >.col >.t-Region >.t-Region-bodyWrap >.t-Region-body{
    padding: 30px;
}
.profile-page .t-Region{
    margin-bottom: 0;
}

.profile-page.custom-forms .t-Region-headerItems--title{
    padding: 0;
}

.profile-page.custom-forms .t-Region-title{
    font-size: 24px;
    color: #1A3562;
    margin-top: 30px;
    margin-bottom: 20px;
}

.profile-page .apex-item-filedrop{
    margin: 0;
    background: #F6F5FA;
    border-radius: 4px;
    border: none;
    height: 200px;
    align-items: center;
    justify-content: center;

}

.profile-page .apex-item-filedrop-body{
    display: none;
}

.profile-page .apex-item-filedrop-icon{
    z-index: 1;
}
.profile-page .apex-item-filedrop-icon .a-Icon{
        width: 64px;
    height: 64px;
    /* display: block; */
    background: #19346180;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.profile-page .apex-item-filedrop-icon .a-Icon:before{
    content: "" !important;
    width: 24px;
    height: 24px;
    background-image: url(upload-img.png);
    background-size: cover;
}


.profile-page .js_profile_cont{
    width: 120px;
    height: 120px;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    z-index: 0;
}

.profile-page .js_profile_cont img{
    width: 100%;
    height: 100%;

}



.page-21 main > .t-Body-contentInner,
.page-54 main > .t-Body-contentInner{
    padding-top: 30px;
    padding-bottom: 50px;
    background: #EBEBF3;
}


.page-21 .assessment-col,
.page-54 .assessment-col{
    border-radius: 8px;
    overflow: hidden;
    padding: 30px 20px;
}
.page-21 .assessment-col .t-Region-title,
.page-54 .assessment-col .t-Region-title{
    font-size: 18px;
    font-weight: bold;
    color: #20202A;
}

.page-21 .assessment-col .apex-item-option,
.page-54 .assessment-col .apex-item-option{
    margin: 0;
    margin-bottom: 10px;

}

.page-21 .assessment-col .apex-item-display-only,
.page-54 .assessment-col .apex-item-display-only
{
    color:#20202A;
    font-size: 18px;
    font-weight: 400;
    padding-top: 20px;
    font-weight: 600;
}


.page-21 .assessment-col .radio_group,
.page-54 .assessment-col .radio_group  {
    margin-top: 0px !important;
}


.contact-page{
    align-items: center;
}

.page-9 main > .t-Body-contentInner{
    padding-top: 30px;
    padding-bottom: 50px;
}



.contact-page .custom-forms .t-Region-title{
    font-size: 24px;
    color: #1A3562;
}

.contact-page .custom-forms .t-Region-body{
    padding: 0;
}
.contact-page .custom-forms .t-Region{
    padding: 0;
    margin: 0px;
}
.contact-page .custom-forms >.t-Region{
    padding: 30px;
    margin: 0px;
}




.contact-page .contact-us-media{
    display: flex;
    justify-content: space-around;
    margin-top: 10px;
    margin-bottom: 30px;
    text-align: center;

}


.contact-page .contact-us-media span{
    margin: auto;
    margin-bottom: 10px;
    background-color: #1a34611a;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    border-radius: 50%;
}


.contact-page .contact-us-media .fa:before{
    content: "";
    width: 24px;
    height: 24px;
    background-size: cover;
}


.contact-page .contact-us-media .fa-phone:before{
    background-image: url(contact-phone.png);
}

.contact-page .contact-us-media .fa-envelope-o:before{
    background-image: url(contact-email.png);
}

.contact-page .contact-us-media .fa-map-marker-o:before{
    background-image: url(contact-map.png);
}

.contact-page .contact-us-media h4{
    color: #1A3562;
    font-size: 16px;
    font-weight: bold;
    margin: 0;
}
.contact-page .contact-us-media p{
    color: #1A3562;
    font-size: 14px;
    font-weight: 100;
    margin: 0;

}

.contact-page .t-Region-headerItems--title{
    padding: 0;
    margin-bottom: 20px;
}


.page-6 main > .t-Body-contentInner{
    padding-top: 30px;
    padding-bottom: 50px;
}


.page-6 main .unread-notif {
    padding: 30px;
    margin: 0;
    border-radius: 0;
    max-width: 704px;
    margin: auto;
}
.unread-notif .t-Region-headerItems--title{
    padding: 0;
}
.unread-notif .t-MediaList-itemWrap{
padding: 0;
}
.unread-notif .t-Region-body{
    padding: 0;
}
.unread-notif .t-Region-title{
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 600;
    color: #20202A;
}

.unread-notif .t-MediaList-item
{
    display: flex;
    position: relative;
    background: #FAFAFA;
    padding: 12px;
    border-radius: 8px;
    margin-bottom: 10px;
    box-shadow: unset;
    border: navajowhite;
    min-height: 92px;
}


.unread-notif.read-notif .t-MediaList-item{
    background-color: unset;
}

.unread-notif .t-MediaList-item .fa-bell-o:before{
    content: "";
    width: 18px;
    height: 18px;
    background-size: cover;
    background-image: url(notifications.png);
}


.unread-notif.read-notif .t-MediaList-item .fa-bell-o:before{
    background-image: url(notifications-read.png);

}
.unread-notif .t-MediaList-item:last-child{
    margin: 0;
}
.unread-notif .t-MediaList-icon{
    background: #1a356226;
    width: 42px;
    height: 42px;
    border-radius: 8px;
}

.unread-notif.read-notif .t-MediaList-icon{
    background: #a1a1a140;

}


.unread-notif .t-MediaList-title{
    max-width: 285px;
    color: #0D0D0D;
    font-size: 14px;
    font-weight: 400;
}
.unread-notif.read-notif .t-MediaList-title{
    font-weight: 100;
    color: #A0A0A0;
}
.unread-notif .t-MediaList-badge{
    background: unset;
    font-size: 14px;
    font-weight: 400;
    color: #98ADB8;
}
.unread-notif.read-notif .t-MediaList-badge{
    font-weight: 100;
    color: #98ADB8;
}
.page-22 main > .t-Body-contentInner,
.page-23 main > .t-Body-contentInner,
.page-12 main > .t-Body-contentInner,
.page-50 main > .t-Body-contentInner,
.page-11 main > .t-Body-contentInner{
    padding-top: 30px;
    padding-bottom: 50px;
}
.page-12 .t-Body-title .t-BreadcrumbRegion,
.page-11 .t-Body-title .t-BreadcrumbRegion{
    height: 103px;
}

.privacy_page .t-Region-body{
    padding: 0;
}

.privacy_page .t-Region{
    margin: 0;
}
.privacy_page .t-Region-headerItems--title{
    padding: 0;
}

.privacy_page >.col >.t-Region{
    padding: 50px;
}

.privacy_page .t-Region-title{
    color:#1A3562;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 15px;
}


.privacy_page .last-update{
    font-size: 14px;
    font-weight: 400;
    color: #FF5555;
}


.privacy_page .privacy_content{
    margin-top: 30px;
}

.privacy_page .privacy_content h2{
    font-weight: 600;
    font-size: 18px;
    color: #20202A;
}
.privacy_page .privacy_content p{
    font-size: 16px;
    font-weight: 400;
    color: #707070;
    line-height: 1.7;
}

.timer_row{
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
}

.timer_row p{
    margin: 0;
    color: #9A99AB;
    font-weight: 16px;
    font-weight: 400;
}

.timer_row div{
    font-size: 16px;
    font-weight: 400;
    color: #FF5555;
    display: flex;
    gap: 5px;
}


.timer_row .timer-container .fa-clock-o:before{
    content: "";
    width: 17px;
    height: 17px;
    background-size: cover;
    background-image: url(timer-clock.png);
}

.final_exam .t-Region-headerItems--buttons{
    display: none;
}


.t-Form-itemWrapper:has(> .wave-audio) {
  display: block;
}
.wave-audio {
  display: flex;
  background: #f5f5f5;
  align-items: center;
  border-radius: 38px;
  height: 42px;
  gap: 12px;
  margin-bottom: 15px;
}

#waveform {
  width: 100%;
}

#waveform wave {
  overflow: hidden !important;
  width: 100%;
}
.wave-audio .play-pause-btn {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #1a3562;
  border-radius: 50%;
  border: 0;
  outline: 0;
  /* flex: 4 0 auto; */
  margin-left: 5px;
}

.wave-audio > div{
    flex: 1;
}

.wave-audio > div > wave {
    overflow: hidden !important;
    width: 100% !important;
}



.u-RTL .wave-audio .play-pause-btn {
  margin-left: unset;
  margin-right: 5px;
}
.wave-audio .play-pause-btn span {
  background: #eccc23;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
  padding-left: 1px;
}

.u-RTL .wave-audio .play-pause-btn span {
  padding-left: unset;
  padding-right: 1px;
}
.wave-audio .waveform__duration {
  margin-right: 20px;
  font-size: 12px;
  font-weight: 500;
  color: #1a3562;
}

.u-RTL .wave-audio .waveform__duration {
  margin-right: unset;
  margin-left: 20px;
}
.wave-audio .play-pause-btn .play:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 5px solid #1a3562;
  position: relative;
}

.u-RTL .wave-audio .play-pause-btn .play:before {
  border-left: unset;
  border-right: 5px solid #1a3562;
}

.wave-audio .play-pause-btn .pause:before {
  content: "";
  display: block;
  width: 2px;
  height: 50%;
  background: #1a3562;
}

.wave-audio .play-pause-btn .pause:after {
  content: "";
  display: block;
  width: 2px;
  height: 50%;
  background: #1a3562;
}



.u-RTL .owl-carousel{
    direction: ltr;
}


.video_modal{
    height: 98vh !important;
    z-index: 9999 !important;
}
.video_modal .ui-dialog-content{
    height: auto !important;
}


.remove_header .ui-dialog-titlebar{
    opacity: 0;
    pointer-events: none;
    height: 0;
}

.congrat{
    max-width: 414px !important;
    box-shadow: unset;
    border: none;
    border-radius: 8px;
    /* max-height: 454px; */

}

.page-29 .result-body {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 32px;
}

.page-29 .result-body .fa-certificate:before{
    content: "";
    width: 66px;
    height: 92px;   
    background-size: cover;
    background-image: url(congrats.png);
}

.page-29 .result-body-text{

}

.page-29 .result-body-text h2{
    color: #20202A;
    font-size: 24px;
    font-weight: 500;
    margin: 0;
    margin: 16px 0;
}

.page-29 .result-body-text p{
    
    font-size: 18px;
    font-weight: 400;
    color: #9A99AB;
    margin: 0;
    /*  */
    font-size: 16px;
    margin-bottom: 15px;

}

.page-29 .hint-span{
    color: red;
    font-size: 12px;
    margin-top: 10px;
}

.page-29 .result-body-text h3{
    
    font-size: 32px;
    font-weight: 600;
    color: #20202A;
    margin: 0;
    margin: 16px 0;

}

.ui-widget-overlay{
    background-color: #252525cc !important;
}

.rate_course.ui-front {
    max-width: 500px !important;
    border-radius: 8px;
    border: none;
    box-shadow: unset;
}
/*ayman*/
.page-16 .ui-dialog.ui-front.rate_teacher{
    max-height: 470px !important;
}

.rate_course .t-Region{
    box-shadow: unset;
}
.rate_course .fa-star{
    font-size: 36px;
}
/*ayman 19/09/2024*/
/* .rate_course .a-StarRating-stars-bg, .rate_course .a-StarRating-stars-fg{
    gap: 5px;
} */
/*ayman*/
.rate_course .a-StarRating{
    margin-top: 8px;
}
.ayman-label .apex-item-option label{
    height: 42px;
    line-height: 42px;
    padding: 0;
    /* background-color: #1A3562; */
    /* color: #ECCC23; */
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    /* border-radius: 4px !important; */
}

/*ayman*/

.rate_course .ui-dialog-title{
    color: #1A3562;
    font-size: 24px;
    font-weight: 500;

}

.rate_course .t-Dialog-bodyWrapperIn{
    overflow: hidden;
}
.rate_course .ui-button{
    outline: 0 !important;
    
    border: 2px solid #9A99AB;background: unset;border-radius: 50%;width: 20px;height: 20px;padding: 0;}



.rate_course .ui-dialog-titlebar{
    border: none;
    padding: 24px;
    padding-bottom: 0;
}


.rate_course .ui-button span{
    outline: 0 !important;
}
.rate_course .ui-button span:before{
  font-size: 12px;
  padding: 0;
  line-height: 16px;
  color: #9A99AB;
}

.rate_course .ui-draggable .ui-dialog-titlebar{
    border: none;
        padding: 0;
}

.rate_course .t-Form-fieldContainer--floatingLabel .t-Form-label{
    color: #696878;
    font-size: 12px;
    font-weight: 400;
}

.rate_course .t-Form-label{
    color:#696878;
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 10px;
}

.rate_course .t-Region{
    border: none;
    padding: 24px;
padding-top: 20px;
}

.rate_course textarea{

    border: 1px solid rgb(193, 193, 193);
    outline: 0px;
    background: rgb(255, 255, 255);
    border-radius: 4px;
    padding: 0px 45px 0px 20px;
    color: rgb(105, 104, 120);
    font-size: 14px;
    font-weight: 400;
    outline: 0 !important;
}
.rate_course .t-Dialog-body{
    padding: 0;
}
.rate_course .t-Region-body{
    padding: 0;
}

.page-25 .result-text-head {
    display: flex;
    justify-content: space-between;
    background-color: #FAFAFA;
    border-radius: 4px;
    align-items: center;
    padding: 24px;
}

.page-25 .result-body-icon .fa-certificate:before{
    content: "";
    width: 92px;
    height: 92px;
    background-size: cover;
    background-image: url(congrats.png);
    margin-bottom: 16px;
}


.page-25 .result-text-head h3{
    color: #9A99AB;
    font-size: 24px;
    font-weight: 500;
    margin: 0;
    /* margin-bottom: 16px; */

}


.page-25 .result-text-head h5{
    color: #1A3562;
    font-size: 24px;
    font-weight: bold;
    margin: 0;
    /* margin-bottom: 16px; */

}   

.page-25 .result-body-text h3{
        font-size: 24px;
    color: #20202A;
    font-weight: bold;
    margin-bottom: 16px;

}

.page-25 .result-body{
    text-align: center;
}
.page-25 .result-body-text p{
    font-size: 18px;
    color: #9A99AB;
    font-weight: 400;
    margin-bottom: 16px;

}

.page-25 .result-body-text h2{
        font-size: 32px;
    color: #20202A;
    font-weight: 600;
    margin-bottom: 16px;

}

.page-25 .t-Dialog-body{
    /* padding: 0; */
}

.level-congrats.ui-dialog{
    /* max-height: 550px !important; */
    max-width: 414px !important;
    border-radius: 8px;
    box-shadow: unset;
    border: none;
}



.page-7 .ui-dialog.ui-front{
    border-radius: 8px;
    box-shadow: unset;
    border: none;
    padding: 14px;
    max-width: 414px !important;

}

.page-7 .ui-draggable .ui-dialog-titlebar{
    border: none;

}

.page-7 .ui-dialog-titlebar-close{
    background: unset;
    border-radius: 50%;
    border: 2px solid #9A99AB;
    width: 24px;
    height: 24px;
    outline: 0 !important;

}

.page-7 .ui-dialog-titlebar-close .ui-icon-closethick::before{
    color: #9A99AB;
    font-size: 12px;
    line-height: 16px;
    outline: 0 !important;
}

.page-7 .ui-dialog-title{
    opacity: 0;
}



.page-28 p{
    margin: 0;
}
.page-28 .order-icon{
     color: #9A99AB;
    font-size: 12px;
    font-weight: 400;
}
.page-28 .order-date{

    color: #9A99AB;
    font-size: 12px;
    font-weight: 400;
    display: flex;
    align-items: center;
    gap: 5px;
}

.page-28 .order-date .fa-calendar-o:before{
    content: "";
    width: 13px;
    height: 13px;
    background-image: url(order-calender.png);
    background-size: cover;
}


.page-28 .order-body-type p{
    color: #1A3562;
    font-size: 24px;
    font-weight: 500;
    color: #1A3562;
       
}

.page-28 .order-body{
    margin-top: 16px;
    margin-bottom: 35px;
}

.page-28 .order-body-type p:last-child{
    font-size: 12px;
    font-weight: 400;
    display: flex;
    gap: 5px;
    align-items: center;
    margin-top: 5px;
}

.page-28 .order-status p{
    background-color: #169cda26;
    padding: 8px 16px;
    color: #169CD8;
    font-size: 10px;
    border-radius: 4px;
}


.page-28 .amount_table {
    border: 1px solid #E1E1E1;
    border-radius: 8px;
    margin: 0;
}


.page-28 .amount_table .t-Region-body{
    padding: 15px;
}


.page-28 .amount_table .t-AVPList{
    border-bottom: 1px solid #E1E1E1;
    border: none;
}
.page-28 .amount_table .t-AVPList:last-child{
    border: none;
}


.page-28 .amount_table .t-AVPList-label,
.page-28 .amount_table .t-AVPList-value{
    padding: 15px 0;
    font-size: 14px;
    color: #696878;
}

.page-28 .amount_table .t-AVPList-label:first-of-type,
.page-28 .amount_table .t-AVPList-value:first-of-type{
    padding-top: 0;

}

.page-28 .amount_table .t-AVPList-label:last-of-type,
.page-28 .amount_table .t-AVPList-value:last-of-type{
    padding-bottom: 0;

}


.page-28 .remove_padding > .t-Region-bodyWrap > .t-Region-body{
    padding: 0;
}

.page-28 .apex-item-group--file-browse .apex-item-filedrop{
    border: 1px dashed #e1e1e1;
    height: 42px;
    border-radius: 8px;
    padding: 0 45px;
}

.page-28 .apex-item-group--file-browse .apex-item-filedrop-icon{
    position: absolute;
    left: 15px;
    background: unset;
    padding: 0;
}
.u-RTL .page-28 .apex-item-group--file-browse .apex-item-filedrop-icon{
    left: unset;
    right: 15px;

}

.page-28 .a-Icon.icon-file-browse:before{
    content: "" !important;
    width: 20px;
    height: 20px;
    background-image: url(order-attach.png);
    background-size: cover;
    margin-bottom: 5px;
}

.page-28 .t-Form-fieldContainer--floatingLabel .t-Form-label{
    font-size: 14px;
    font-weight: 300;
    color: #696878;
}



.page-21 .ui-dialog.ui-front{
    border-radius: 8px;
    border: none;
    box-shadow: unset;
    max-width: 414px !important;
    z-index: 99999;
}

.page-27 .result-text-head{
    background-color: #FAFAFA;
    border-radius: 4px;
    padding: 24px;
}

.page-27 .result-text-head h3{
    color: #9A99AB;
    font-size: 24px;
    font-weight: 500;
    margin: 0;
}
.page-27 .result-text-head h5{
    color: #1A3562;
    font-size: 24px;
    font-weight: 500;
    margin: 0;
}
.page-27 .fa-certificate:before{
    content: "";
    width: 92.6px;
    height: 92px;   
    background-size: cover;
    background-image: url(congrats.png);
    margin: 0;
    margin-top: 24px;
}

.page-27 .fail .fa-certificate:before{
    
     background-image: url(exam.png);
    width: 96px;
    height: 97.87px;   
}

.page-27 .result-body-text h2{
    color: #20202A;
    margin: 0;
    margin-top: 16px;

}


.page-27 .fail .result-body-text h2{

    color: #FF5555;
}



.page-27 .result-body-text p{
    font-weight: 400;
    font-size: 18px;
    color: #9A99AB;

    margin: 16px 0;

}

.page-27 .result-cont{
    text-align: center;
}
.page-27 .result-body-text h3{

    font-size: 32px;
    font-weight: 600;
    color: #20202A;
    margin: 0;
}
.page-27 .fail .result-body-text h3{
    color: #FF5555;
}
.page-16 .ui-dialog.ui-front,
.page-30 .ui-dialog.ui-front,
.page-15 .ui-dialog.ui-front{
    z-index: 9999 !important;
}


.page-34 .t-Dialog-body,
.page-34 .t-Dialog-body .container,
.page-34 .t-Dialog-body .container .row,
.page-34 .t-Dialog-body .container .row .t-Region.video-model,
.page-34 .t-Dialog-body .container .row .t-Region.video-model .t-Region-body,
.page-34 .t-Dialog-body .container .row .t-Region.video-model .t-Region-bodyWrap {
    height: 100% !important;
}

/* .focus-outline-visible{
    height: 100%;
} */
.page-16 .ui-dialog.ui-front{
    height: 85vh !important;
}


.about_bg{
    height: 200px;
    box-shadow: #1a3562 0px 0px 0px 100vmax;
    clip-path: inset(0px -100vmax);
}

.about_bg .col{
    background-color: #1a3562;
}

.about_bg .col .t-Region{
    background-color: unset;
    border: none;
    box-shadow: unset;
}
.fot-cont .icon-pay-cont {
    display: flex;
    align-items: center;
    gap: 20px;
    width: auto !important;
    justify-content: unset !important;
}


.about-tafaseel {
        position: relative;
    top: -100px;
    margin-bottom: -100px;
}

.about-tafaseel .t-Region{

    padding: 60px 50px;
    box-shadow: 0px 6px 24px #00000017;
    border-radius: 0;
    border: none;
    margin: 0;

}


.about-tafaseel .t-Region-headerItems--title,
.about-tafaseel .t-Region-body{
    padding: 0;
}


.about-tafaseel .t-Region-title{
    color: #1A3562;
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 20px;
}

.about-tafaseel .t-Region-body p{
    color:#707070;
    font-size: 16px;
}

.vision_mission{
    margin-top: 70px;
    align-items: center;
}
.vision_mission .t-Region,
.vision_mission .t-Region-header,
.vision_mission .t-Region-body,
.vision_mission .t-Region-headerItems--title{
    padding: 0;
    margin: 0;
    background-color: unset;
}

.vision_mission h2{
color: #20202A;
    font-size: 48px;
    font-weight: bold;
    padding: 30px 0;
    display: block;
    margin-bottom: 15px;
    flex: unset;
    width: 60%;
    line-height: 1;
}

.vision_mission h3{
    color: #20202A;
    font-size: 18px;
    font-weight: 600;
    margin: 0;
    margin-bottom: 16px;
}


.vision_mission p{
    margin-bottom: 30px;
    font-size: 16px;
    color: #707070;
    font-weight: 400;
}

.vision_mission ul{
    display: flex;
    gap: 50px;
    margin: 0;
    list-style: none;
}
.vision_mission ul li{

}
.vision_mission ul li h4{
    font-size: 14px;
    font-weight: 500;
    color: #696878;
    margin: 0;
    margin-bottom: 8px;
}
.vision_mission ul li h5{
    font-size: 32px;
    font-weight: 600;
    color: #1A3562;
    margin: 0;

    
}


.t_objs{}
.t_objs ul{
    list-style: none;
    display: flex;
    flex-direction: column;
    gap:26px;
    margin: 0;
}
.t_objs ul li{
    display: flex;
    gap: 20px;
    align-items: center;
}
.t_objs ul li span{
    color: #1a346280;
    font-size: 36px;
    font-weight: bold;
}
.t_objs ul li p{
    color: #707070;
    font-size: 16px;
    font-weight: 400;
}
.t_objs .objs_title{
    font-size: 36px;
    font-weight: bold;
    color: #20202A;
    margin-bottom: 50px;
}


.t_objs .t-Region-header{
    display: none;
}

.t_objs .row{
    align-items: center;
}
.t_objs img{
    margin-top: 30%;
}

.t_objs .t-Region{
    background-color: unset;
}

.why_us .t-Region-header,
.why_us .t-Region{
    background-color: #EBEBF3;
}

.why_blue{
    box-shadow: #1A3562 0px 0px 0px 100vmax;
    /* clip-path: inset(0px -100vmax); */
    background: #1A3562;
}

.why_blue .t-Region-header, .why_blue .t-Region{
    background: #1A3562;
}

.why_blue .col-start{
    background: #1A3562;

}
.why_us.why_blue .t-Region-title{
    color: #fff;
        margin-top: 80px;

}

.why_us.why_blue {
    height: 286px;
}


.why_us.why_blue .t-Region-bodyWrap {

    top: 210px;
}


.page-44 .container {
    /* box-shadow: #EBEBF3 0px 0px 0px 100vmax; */

}


.why_us {
    height: 256px;
        background-color: #EBEBF3;

    /* box-shadow: #EBEBF3 0px 0px 0px 100vmax; */
}

.why_us .t-Region-bodyWrap{
    position: absolute;
    top: 128px;
    /* max-width: 1140px; */
    margin: auto;
    left: 0;
    right: 0;
    z-index: 9;

    top: 170px;
}
.why_us .t-Region-title{
    text-align: center;
    margin-top: 50px;
    margin-bottom: 30px;
    color: #20202A;
    font-size: 48px;
    font-weight: bold;
}

.why_us .a-CardView-header{
    padding: 20px;
    padding: 10px;
}

.why_us .a-CardView-header .why_card{
    display: flex;
    gap: 15px;
    align-items: center;
}

.u-RTL .why_us .a-CardView-header .why_card{
    flex-direction: row-reverse;
    text-align: right;
}


    

.why_us .a-CardView
{
    border: 1px solid #C1C1C1;
    border-radius: 8px
}

.why_us .a-CardView-header .why_icon{
    background-color: #ecca2226;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border-radius: 8px;
}
.why_us .a-CardView-header .why_card h3{
    margin: 0;
    color: #1A3562;
    font-size: 18px;
    font-weight: bold;
}
.why_us .a-CardView-header .why_card p{
    color: #707070;
    font-size: 16px;
    font-weight: 400;
}
.why_us .a-CardView-header .why_body{
    gap: 20px;
    display: flex;
    flex-direction: column;
}


.faq_header .t-Region,
.faq_header .t-Region-header,
.faq_header .t-Region-body,
.faq_header .t-Region-headerItems--title{
    padding: 0;
    background-color: unset;
    margin: 0;
}

.faq_header .t-Region-title{
    margin-top: 50px;
    margin-bottom: 20px;
    color: #20202A;
    font-weight: bold;
    font-size: 32px;
}
.faq_header p{
    color: #707070;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 30px;
}


.faq_search .t-Region-body{
    padding: 0;
}

.faq_search .a-FS-search{
    padding: 0;
}

.faq_search input{
    outline: 0 !important;
    border: none;
    height: 56px !important;
    background: #fff;
    color: #9A99AB;
    font-size: 18px;
    padding: 0 64px !important;
}

.faq_search .a-Icon.icon-search{
    left: 8px;
}
.faq_search .a-Icon.icon-search:before{
    content: "";
    background-image: url(faq_search.png);
    width: 24px;
    height: 24px;
    background-position: center center;
    background-size: cover;
    position: relative;

}



        .accordion-faq {

        }

        .accordion-faq .accordion-faq-item {
            background: #fff;
            margin-bottom: 15px;
            padding: 30px;
        }
        .accordion-faq .accordion-faq-item button[aria-expanded="true"] {
            /* border-bottom: 1px solid #1A428A; */
        }

        .accordion-faq button {
            position: relative;
            display: block;
            width: 100%;
            text-align: start;
            color: #1A428A;
            font-size: 18px;
            /* padding: 30px; */
            background: #fff;
            outline: 0 !important;
            font-weight: bold;
            border: 0;
            box-shadow: unset;
    }

        .accordion-faq button:hover, .accordion-faq button:focus {
            cursor: pointer;
            color: #1A428A;
            border: none;
            box-shadow: unset;
        }

        .accordion-faq button:hover::after, .accordion-faq button:focus::after {
            cursor: pointer;
            color: #1A428A;
            border: 1px solid #1A428A;
        }
        .accordion-faq button .accordion-faq-title {
            /* padding: 1em 0.5em 1em 0.5em; */
        }

        .accordion-faq button .icon {

                display: block;
                position: absolute;
                width: 18px;
                height: 18px;
                border: 0;
                border-radius: 50%;
                background: #1a366180;
                display: flex;
                align-items: center;
                justify-content: center;
                right: 0;
                top: 0;

        }

        .u-RTL .accordion-faq button .icon{
            right:auto;
            left:0;
        }

        .accordion-faq button .icon::before {
            background-image: url(faq_bottom.png);
            width: 7.84px;
            height: 4.61px;
            background-position: center center;
            background-size: cover;
            content: "";
            position: relative;
        }

        

        .accordion-faq button[aria-expanded="true"] {
            color: #1A428A;
        }

        .accordion-faq button[aria-expanded="true"] .icon::after {
            width: 0;
        }

        .accordion-faq button[aria-expanded="true"] + .accordion-faq-content {
            opacity: 1;
            max-height: fit-content;
            transition: all 200ms linear;
            display: block;
        }

        .accordion-faq .accordion-faq-content {
            opacity: 0;
            max-height: 0;
            overflow: hidden;
            transition: opacity 200ms linear, max-height 200ms linear;
            /* padding: 30px;
            padding-top: 0; */
        }

        .accordion-faq .accordion-faq-content p {
            font-size: 14px;
            color: #818194;
            line-height: 30px;
            margin: 0;

        }

        .accordion-faq .accordion-faq-content ul{
            font-size: 1rem;
            font-weight: 300;
            margin: 1em 0;
            text-align: justify; 
            list-style: inside;
        } 

        .accordion-faq .accordion-faq-content ul li{
            padding: 0px 
        } 


.bank_new .bank_body{
    border: 1px solid #E1E1E1;
    border-radius: 4px;
    /* margin-bottom: 20px; */
}


.bread2 .apex-item-display-only{
    font-size: 14px;
    color: #696878;
    font-weight: 400;
    text-decoration: none;
}

.qqq .apex-item-display-only,
#QUESTION_TITLE_A{
    font-weight: bold;
    padding-top: 20px;
    display: block;
}

QUESTION_TITLE_A{
    direction: ltr;
}


.page-1 .owl-dots{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 20px;
    text-align: center;
}


.page-1 .owl-carousel button.owl-dot{
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 50%;
    margin: 0 3px;
    outline: 0;
    opacity: 50%;
}


.page-1 .owl-carousel button.owl-dot.active{
    width: 20px;
    border-radius: 50px;
    opacity: 1;
}

.page-15 .teacher_name{
    align-items: center;
   
}

.page-15 .teacher_name > .col-start 
{
     flex-basis: 6.333333%;
    max-width: 6.333333%;
}
.page-15 .teacher_name .col-start .t-Form-itemWrapper{
    width: 38px;
    height: 38px;
    display: block;
}

.page-15 .teacher_name img{
    width: 38px;
    height: 38px;
    object-fit: cover;
    border-radius: 50%;
}


.page-15 .teacher_name > .col.col-end .t-Form-itemWrapper span{
    font-weight: 600;
    color: #20202A;
    font-size: 16px;
}


.page-15 .course-details_end .features_region{
        margin-top: 35px;

}

.whatsapp_row{
    background: unset;
    position: fixed;
    z-index: 9999999;
    right: 20px;
    left: 15px;
    bottom: 99px;
    transition: .2s;
    display: inline-block;
    width: 72px;
    height: 72px;
}


.whatsapp_row:hover{
    transform: scale(.9);
}

.u-RTL .whatsapp_row{
    right: unset;
    left: 20px;
}

.whatsapp_row .fixed-whatsapp{
    display: inline-flex;
    width: 72px;
    height: 72px;
    align-items: center;
    justify-content: center;
}
.whatsapp_row .fixed-whatsapp img{
    width: 100%;
}


.privacy_page *{
  font-style:normal !important;
}


.order-btn-status label{
        outline: 0 !important;
    border: none !important;
}


.course-details .review-col .a-Collapsible .t-Region-title{
    /* display: none; */
}

.course-details .review-col .t-Region-headerItems--controls{
    flex: 70%;
}
.course-details .review-col .status{
    display: flex;
    justify-content: end;
    align-items: center;
    flex: 30%;
}


@keyframes buyNow {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.1);
  }

  100% {
    transform: scale(1);
  }
}

.upgrade .t-MediaList-iconWrap{
    display: flex;
    align-items: center;
}
.upgrade a.t-MediaList-itemWrap img{
    width: 42px;
}



.pdf-course .pdf-download .fa-download{
    background: #1A3562;
    padding: 5px;
    color: #fff;
    border-radius: 6px;
    position: relative;
    top: 19px;
}


/* .why_us .owl-carousel .owl-stage-outer{
    display: flex;
    align-items: center;
} */



.why_us .a-CardView-header{
    min-height: 160px;
}

.why_us .t-Region-body:has(.owl-carousel1 ) {
    padding: 0;
}


/* .page-49 .t-Header-branding{
    margin-top: 80px;
} */

.courses-timer{
    
height: 60px;
    
background-color: #ECCC23;
    
display: flex;
    
align-items: center;
    
position: fixed;
    
top: 0;
    
left: 0;
    
right: 0;
    
z-index: 1;
}
.courses-timer .container{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.courses-timer .subscribe-div{

display: flex;

justify-content: space-between;

gap: 20px;

align-items: center;
}
.courses-timer .subscribe-div p{
    color: #1A3562;
    font-weight: 500;
    font-size: 18px;
    margin: 0;
}
.courses-timer .subscribe-div .subscribe{
    background-color: #fff;
    height: 32px;
    width: 124px;
    text-align: center;
    display: flex;
    align-items: center;
    color: #1A3562;
    font-weight: 300;
    font-size: 14px;
    border-radius: 4px;
    justify-content: center;
}
.u-RTL .courses-timer .subscribe-div .subscribe {
    right: unset;
    left: 0;
}
.u-RTL .courses-timer .subscribe-div .subscribe img{
    transform: rotate(-180deg);
}

.courses-timer .timer{
    display: flex;
    gap: 40px;
}
.courses-timer .timer div{
    text-align: center;
    position: relative;
}


.courses-timer .timer div:after{
    content: ":";
    position: absolute;
    right: -20px;
    top: 0px;
    font-size: 32px;
}

.u-RTL .courses-timer .timer div:after{
    right: unset;
    left: -20px;
}


.courses-timer .timer div:last-child::after{
    display: none;
}
.courses-timer .timer div span{
    display: block;
    color: #1A3562;
    font-size: 32px;
    font-weight: 500;
}
.courses-timer .timer div span:last-child{
    font-size: 14px;
}
.t_platform {
    padding-top: 80px;
    padding-bottom: 80px;
}

.t_platform .col div:has(video){
    display: flex;
    align-items: center;
}
.t_platform .video-col video{
    width: 90%;
}


.t_platform .video-desc{}
.t_platform .video-desc h2{
    color: #252525;
    font-size: 32px;
    font-weight: bold;
    margin: 0;
    margin-bottom: 30px;
}
.t_platform .video-desc ul{
        margin: 0;
        list-style: none;
}
.t_platform .video-desc ul li{
    display: flex;
    align-items: start;
    gap: 20px;
    margin-bottom: 30px;
}
.t_platform .video-desc ul li .icon{}
.t_platform .video-desc ul li .icon img{}
.t_platform .video-desc ul li h3{
        color: #1A3562;
        font-weight: 600;
        font-size: 24px;
        margin: 0;
        margin-bottom: 15px;
}
.t_platform .video-desc ul li p{
        font-size: 16px;
    line-height: 24px;
    color: #989898;
    font-weight: 400;
}

.t_platform .video-desc .araqek-profile{}
.t_platform .video-desc .araqek-profile h4{
    font-size: 24px;
    color: #1A3562;
    font-weight: bold;
    margin: 0;
    margin-bottom: 15px;
}
.a-download{
    display: inline-flex;
    align-items: center;
        border: 1px solid #707070;
    border-radius: 4px;
    padding: 10px 20px;
    gap: 15px;
    margin-top: 40px;

}

.a-download .pdf-icon img{}
.a-download .pdf-icon span{
    font-size: 14px;
    color: #1A3562;
    font-weight: 400;
}

.video-scroll{
    height: 330px;
    height: 400px;
    overflow-y: scroll;
    padding-inline-end: 20px;
    transition: .3s;
    position: relative;
}

.video-scroll::after{
    /* content: ""; */
    position: absolute;
    left: 0;
    right: 0;
    /* background: #ffffffa3; */
  background-image: linear-gradient(#ffffff9c, #fff 44%, #fff);

    top: 260px;
    bottom: -140px;
    display: inline-block;


}

.video-scroll.removeBlur::after{
    display: none;
}


.video-scroll::-webkit-scrollbar{
    width: 0;
    transition: .3s;
}

/* Track */
.video-scroll::-webkit-scrollbar-track {
  background: #1a34623b; 

}
 
/* Handle */
.video-scroll::-webkit-scrollbar-thumb {
  background: #1A3562; 
}

.video-scroll.hover::-webkit-scrollbar{
    width: 3px;

}


.full-video-bg{
    height: 300px;
    background-color: #F5F5F5;
    box-shadow: #f5f5f5 0px 0px 0px 100vmax;
    clip-path: inset(0px -100vmax);

}


.full-video-bg h2{

    color: #20202A;
    font-size: 40px;
    font-weight: bold;
    text-align: center;
    margin: 0;
    padding-top: 80px;
}

.relative_video{
        background-color: #fff;
    box-shadow: #fff 0px 0px 0px 100vmax;
    clip-path: inset(0px -100vmax);
}
.full-video video{
    width: 100%;
    position: relative;
    top: -120px;
}

.iframe-col{}
.iframe-col >div{
    height: 100%;
    
}
.iframe-col #tVideo{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    /* margin-top: 75px; */
}

.iframe-col #tVideo iframe{
    width: 100%;
    height: 30%;
    height: 60%;
    height: 510px;

}

html:has(.courses-timer) .t-Header{
    margin-top: 60px;
}


.page-16 .apex-rds-slider{
    display: none;
}



.page-16 .not-start-box{
    background-color: #EBEBF3;
    padding-top: 20px;
}


.page-16 .not-start{
    margin: 0 auto;
    padding: 30px;
    max-width: 480px;
    background-color: #fff;
    text-align: center;
    padding-bottom: 80px;
    border-radius: 8px;

}
.page-16 .not-start img{}
.page-16 .not-start p{
    font-size: 22px ;
    font-weight: 600;
    color: #20202A;
    line-height: inherit;
}
.page-16 .not-start p span{
    display: block;
    font-size: 18px;
    font-weight: 400;
    margin-top: 20px;
}



.ui-draggable.cer-info-header .ui-dialog-titlebar{
    margin: 0 15px;
    padding: 24px 15px;
    border: 0;
    border-radius: 4px;
    /* background: #FAFAFA;
    margin-top: 30px; */

}

.ui-draggable.cer-info-header .ui-dialog-titlebar span{
    font-weight: 500;
    font-size: 24px;
    color: #9A99AB;

}


.ui-draggable.cer-info-header .ui-button{
    border: 0;
    background: unset;
    box-shadow: unset;
    outline: 0;
}



.page-51 .t-Dialog-body{
    height: auto;
}   

.page-51 .t-Dialog-bodyWrapperIn{
    /* overflow: hidden;
    height: auto; */
}


.page-note{
    padding: 16px;
    background-color: #169bd81a;
    border-radius: 4px;
}
.page-note p{
    font-size: 14px;
    color: #20202A;
}
.page-note p:first-child{
    font-size: 16px;
    color: #1A3562;
    font-weight: 600;
}

.page-52 .t-Body,
.page-52 .t-Body-main,
.page-52 .t-Body-contentInner,
.page-52 .row,
.page-52 .col,
.page-52 .t-Region,
.page-52 .t-Region-bodyWrap,
.page-52 .t-Region-body{
    padding: 0;
}
.page-52 .t-Region{
    margin: 0;
}

.page-52 .whatsapp_row{
    display: none;
}

.page-52 .snapChat{
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: end;
    padding-bottom: 26px;
    text-align: center;
}
.page-52 .snapChat .snapChat-content{}
.page-52 .snapChat .snapChat-content h2{
    margin: 0;
    font-weight: 600;
    color: #20202A;
    font-size: 24px;
}
.page-52 .snapChat .snapChat-logo{
    background: #1A3562;
    border-radius: 12px;
    width: 100px;
    height: 100px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
}
.page-52 .snapChat .snapChat-logo img{}
.page-52 .snapChat .snapChat-download{
    margin-top: 170px;
    margin-top: 60px;
}
.page-52 .snapChat .snapChat-download h3{
    margin: 0;
    font-size: 18px;
    font-weight: 500;
    color: #20202A;
}
.page-52 .snapChat .snapChat-download ul{
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-top: 40px;
}
.page-52 .snapChat .snapChat-download ul li{}
.page-52 .snapChat .snapChat-download ul li a{
    display: inline-block;
}
.page-52 .snapChat .snapChat-download ul li a img{
    width: 100%;
}
.page-52 .snapChat .snapChat-footer{
    margin-top: 200px;
    margin-top: 70px;
}
.page-52 .snapChat .snapChat-footer p{
    color: #636363;
    font-size: 14px;
    font-weight: 400;
}





.page-1 .cc-courses{

    position: relative;
    padding: 30px 50px;
    padding-top: 80px;
    border-radius: 12px;
    overflow: hidden;

}
.page-1 .cc-courses .cc-bg{

    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: right;

}


.page-1.u-RTL .cc-courses .cc-bg{
    transform: rotateY(180deg);
    object-position: right;
}

.page-1 .cc-caption{
    width: 33%;
    position: relative;
}
.page-1 .cc-caption h3{
    margin: 0;
    color: #ECCC23;
    font-size: 14px;
    font-weight: 400;
}
.page-1 .cc-caption h2{
    font-size: 40px;
    font-weight: bold;
    color: #fff;
    margin-top: 10px;
    margin-bottom: 15px;
}
.page-1 .cc-caption p{
    font-size: 14px;
    font-weight: 300;
    color: #fff;
}

.page-1 .cc-caption .cc-more{
    font-size: 14px;
    color: #1A3562;
    display: flex;
    gap: 10px;
    padding: 0;
    margin-top: 50px;
}

.page-1 .cc-caption .cc-more span{
    background-color: #ECCC23;
    height: 40px;
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
}

.page-1 .cc-caption .cc-more .icon{
    background-color: #ECCC23;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.page-1 .cc-caption .cc-more .icon img {
    width: 20px;
    height: 20px;
}


.u-RTL.page-1 .cc-caption .cc-more .icon img {
    transform: rotate(180deg);
}




.level-new{
    background-image: url(level-new.png);
    background-position: center;
    background-size: cover;
    padding: 100px 0;
}
.level-new .t-Region{
    background: unset !important;
    padding: 0;
    text-align: center;
}



.levels.level-new .t-Region-header{
    position: static;
}

.levels.level-new .t-Region-title{
    color: #fff;
}


.levels.level-new .level-bg .t-Button{
    background-color: #ECCC23;
    color: #1A3562;
    font-weight: 500;
}

.levels.level-new .p-fix{}

.levels.level-new .p-fix .t-Form-labelContainer  {
    display: none;
}
.levels.level-new .p-fix .t-Form-inputContainer  {
    justify-content: center;
    display: block;
    max-width: 100%;
}


.levels.level-new .p-fix .t-Form-inputContainer .t-Form-itemWrapper{
    justify-content: center;
}

.levels.level-new .p-fix .t-Form-inputContainer .t-Form-itemWrapper span{
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    margin: 40px auto;
}
.levels.level-new> .col{
    margin: 0;
}

.padd-0{
    padding: 0 !important;
}

.new-note{
    padding: 16px;
    background-color: #169cda1a;
}

.new-note h3{
    margin: 0;
    margin-bottom: 12px;
    font-weight: 600;
    font-size: 16px;
    color: #1A3562;
}
.new-note p{
    font-size: 14px;
    color: #20202A;
    font-weight: 400;
}


.rate_course .note-region{
    margin: 0;
    padding-bottom: 0;
}

.note-region .maz-btn{
    width: 100%;
}


.rate_course .t-Dialog-bodyWrapperIn:has(.note-region){
    overflow-x: hidden;
    overflow-y: auto;
}

.rate_course.new-mm  .ui-dialog-titlebar{
    padding-bottom: 15px;
}

.qq-img {

}
.qq-img .t-ImageRegion{

    display: block;
    max-height: 300px;
    max-width: 300px;

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

.lesson-sources{
    margin-top: 10px;
}
.lesson-sources h2{
    margin: 0;
    color: #20202A;
    font-size: 18px;
    font-weight: 600;
}
.lesson-sources ul{
    list-style: none;
    margin: 0;
    padding: 0;
    margin-top: 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.lesson-sources ul li{
    padding: 12px;
    background-color: #FAFAFA;
    border-radius: 4px;
    position: relative;
}
.lesson-sources ul li h3{
    margin: 0;
    margin-bottom: 12px;
    color: #1A3562;
    font-size: 14px;
    font-weight: 600;
}


        .lesson-sources ul li .copy-container {
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        .lesson-sources ul li .copy-container a {
            color: #20202A;
            font-size: 14px;
            font-weight: 300;
        }
        .lesson-sources ul li .copy-container .copy-icon {
            transition: .1s;
            cursor: pointer;
        }
        
        .lesson-sources ul li .copy-container .copy-icon::before        {
            content: url(copy-icon.svg);
        }
        .lesson-sources ul li .copy-container .copy-icon:hover {
            transform: scale(1.1);
        }
        
        .lesson-sources ul li .copy-message {
            position: absolute;
            top: 12px;
            right: 12px;
            font-size: 14px;
            color: #1A3562;
            opacity: 0;
            transition: opacity 0.5s ease-in-out;
        }


        .u-RTL .lesson-sources ul li .copy-message{
            left: 12px;
            right:unset;
        }
        .lesson-sources ul li .copy-message.show {
            opacity: 1;
        }


        .custom-upload{}

        .custom-upload .apex-item-single-checkbox{}
        .custom-upload .apex-item-single-checkbox .u-checkbox{
            outline: 0;
            font-size: 14px;
            font-weight: 400;
            color: #20202A;
        }
        .custom-upload .apex-item-single-checkbox .u-checkbox::before{
            width: 15px;
            height: 15px;
            border: none;
            background: rgb(193, 193, 193);
            text-align: center;
            outline: 0px !important;
        }
        .custom-upload .apex-item-single-checkbox input+.u-checkbox:before{
            background: rgb(236, 204, 35);

        }

        .custom-upload-input{

        }

        .custom-upload-input .t-Form-labelContainer.col-2{
            display: none;
        }

        .custom-upload-input .t-Form-inputContainer.col-10{
            flex-basis: 100%;
            max-width: 100%;
        }
    
        .custom-upload-input .t-Form-inputContainer.col-10 .t-Form-itemWrapper{
            display: block;
        }

        .page-16 .attach .custom-upload-input .apex-item-group--file-browse .apex-item-filedrop,
        .page-24 .attach .custom-upload-input .apex-item-group--file-browse .apex-item-filedrop{
                margin: 0;
                height: 42px;
                border: 1px dashed #C1C1C1;
                background: #fff;
        }


        .page-24 .attach .custom-upload-input .t-Form-itemText--pre .fa-paperclip:before,
        .page-16 .attach .custom-upload-input .t-Form-itemText--pre .fa-paperclip:before{
            background-image: url(attach-new.svg);
        }


        .page-16 .attach .custom-upload-input .t-Form-itemText--pre,
        .page-24 .attach .custom-upload-input .t-Form-itemText--pre{
            bottom: 9px;
        }


        .page-16 .attach .custom-upload-input .apex-item-filedrop-heading, 
        .page-24 .attach .custom-upload-input .apex-item-filedrop-heading{
            font-size: 14px;
            font-weight: 400;
            color: #696878;
        }



        .forget-radio{
            margin-top: 20px;
        }
        .forget-radio .t-Form-labelContainer.col-2{
            display: none;
        }


        .forget-radio .apex-item-group--rc .apex-item-grid-row{
    gap: 8px;
    display: flex;
}
        .forget-radio .apex-item-group--rc .apex-item-grid-row .apex-item-option{}
        .forget-radio .apex-item-group--rc .apex-item-grid-row .apex-item-option .u-radio{
            outline: 0;
            background: #F5F5F5;
            border-radius: 4px !important;
            height: 39px;
            display: block;
            line-height: 39px;
            border: 1px solid #f5f5f5;
            font-size: 14px;
            font-weight: 500;
            padding: 0 16px;
            color: #9A99AB;

        }

        .forget-radio .apex-item-group--rc .apex-item-grid-row input:checked + .u-radio{
                background-color: #1e345e26;
                border-color: #1A3562;
                color: #1A3562;
        }


        /* -------- NEW ----------------- */


.courses-timer{
    /* display: none; */
}
html:has(.courses-timer) .t-Header{
    /* margin-top: 0 !important; */
}


.section-head{
    margin-bottom: 50px;
}
.section-head h2{
    margin: 0;
    font-size: 32px;
    font-weight: 700;
    color: #2F327D;
}
.section-head h2::after{
    content: "";
    display: block;
    height: 2px;
    width: 100px;
    background: #D9D9D9;
    margin: auto;
    margin-top: 15px;
}
.section-head h2 span{
    color: #FFC627;
}
.section-head p{
    margin: 0;
    color: #696984;
    font-size: 18px;
    text-align: center;
    max-width: 900px;
    margin: auto;
    margin-top: 12px;
}

.flex{

display: flex;

justify-content: space-between;
}


.align-items-center{
    align-items: center;
}

.flex .flex-50{

width: 50%;
}
.flex .flex-33{
    width: 33.333333333%;
}


.what-tfaseel{
    text-align: center;
    padding-top: 100px;
    padding-bottom: 70px;
}

.what-tfaseel .t-courses{
    gap: 20px;
}
.what-tfaseel .t-courses .course_box{
    height: 340px;
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    align-items: end;
    flex-direction: column;
    justify-content: end;
    align-items: center;
    padding-bottom: 30px;
    gap: 30px;
}
.what-tfaseel .t-courses .course_box::before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 1;
}
.what-tfaseel .t-courses .course_box--offers{

    background-color: #171B4180;
}

.what-tfaseel .t-courses .course_box{
    transition: .4s;
}
.what-tfaseel .t-courses .course_box::before{

    background-color: #171B4180;
    transition: .4s;
}

.what-tfaseel .t-courses .course_box:hover::before{

    background: linear-gradient(#1a3c6bb3, #2e5ea1b3);

}

.what-tfaseel .t-courses .course_box--offers::before{
    /* background-color: #171B4180; */
    z-index: 1;
}
.what-tfaseel .t-courses .course_box--private{}
.what-tfaseel .t-courses .course_box--private::before{
    content: "";
    /* background: linear-gradient(#1a3c6bb3, #2e5ea1b3); */

}


.what-tfaseel .t-courses .course_box img{
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    transition: 3s;
}


.what-tfaseel .t-courses .course_box:hover img{
    transform: scale(1.5);
}
.what-tfaseel .t-courses .course_box h3{
    position: relative;
    font-size: 32px;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0;
    z-index: 2;
}
.what-tfaseel .t-courses .course_box a{
    position: relative;
    font-weight: 500;
    color: #fff;
    font-size: 20px;
    border: 1px solid #fff;
    border-radius: 100px;
    min-width: 39%;
    padding: 0px 30px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    transition: .5s;
}
.what-tfaseel .t-courses .course_box:hover a{
    background-color: #1A3C6B;
    border-color: #1A3C6B;
}

/* .what-tfaseel .t-courses .course_box--private a{
    background-color: #1A3C6B;
    border-color: #1A3C6B;
} */



.a-CardView-items li {
    border: 1px solid #E1E1E1;
    border-radius: 8px;
}

.has-media--first{
    padding: 5px;
}

.a-CardView-media{
    min-height: 200px;
    border-radius: 8px;
    position: relative;
}

.a-CardView-media::after{
    content: "";
    position: absolute;
    height: 4px;
    width: 100%;
    background-color: #FFC627;
    bottom: 0;
    
}

.a-CardView-media--cover .a-CardView-mediaImg{
    border-radius: 8px;
    object-fit: cover;
}


.has-media--first .a-CardView-subContent .cont {
    border: 1px solid #e1e1e1;
    padding: 10px 15px;
    border-radius: 8px;
}


.has-media--first .a-CardView-subContent .cont span {
    color: #989898;
    align-items: center;
}

.has-media--first .a-CardView-header{
    border: 0;
    padding-bottom: 0;
}
.has-media--first .a-CardView-body{
    padding: 0 0;
    border: 0;
    align-items: end;
    flex-direction: row;
    justify-content: center;
}

.has-media--first .star-con {
    position: absolute;
    right: 17px;
    top: 17px;
    background: #fff;
    border-radius: 100px;
    align-items: center;
    justify-content: center;
    padding: 0 8px;
    height: 25px;
    gap: 6px;
}

.u-RTL .has-media--first .star-con {
    right: unset;
    left: 17px;
}

.has-media--first .title-tag{
    display: flex;
    left: 17px;
    top: 17px;
    padding: 0 8px;
    height: 25px;
    border-radius: 100px;
    align-items: center;
    justify-content: center;
    color: #1A3C6B;
    font-size: 14px;
    font-weight: 500;
}
.u-RTL .has-media--first .title-tag{
    left: unset;
    right: 17px;
}

.has-media--first .star-con .fa::before{
    margin: 0;
    background-image: url(new-star.svg);
    width: 17px;
    height: 17px;
}

.has-media--first .cont-last .teacher{
    display: none;
}

.has-media--first .price-con span.price{
    font-weight: 600;
    font-size: 20px;
    color: #2EBB5E;
}

.has-media--first .header-con div {
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 600;
    min-height: 40px;
}


.has-media--first .header-con div:last-child {
    font-weight: 400;
    font-size: 14px;
    color: #989898;
    min-height: 40px;
}

.has-media--first .cont-last{
    margin: 0;
}

.has-media--first .a-CardView-subContent{
    padding-top: 0;
    margin-top: 0;
    width: 100%;
}

.has-media--first .price-con{
    margin-bottom: 10px;
}


.has-media--first .a-CardView-subContent .cont span::before{
    width: 17px;
    height: 17px;
    margin: 0;
}

.u-RTL .has-media--first .a-CardView-subContent .cont span::before{
    margin: 0;

}

.has-media--first .a-CardView-subContent .cont .fa-eye:before{
    background-image:url(eye.svg);
}

.has-media--first .a-CardView-subContent .cont .fa-notebook:before{
    background-image:url(book-saved.svg);

}

.has-media--first .a-CardView-subContent .cont .fa-clock-o::before{
    background-image:url(timer.svg);

}

.popular_courses .buildin-title .t-Region-title{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.popular_courses .buildin-title .title{
    font-size: 32px;
    font-weight: 600;
    color: #1A3C6B;
}

.arrow-link{
    display: flex;
    border: 1px solid #1A3C6B;
    border-radius: 100px;
    height: 48px;
    padding: 0 18px;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    gap: 8px;
    cursor: pointer;
    transition: .4s;
}


.arrow-link:hover{
    background-color: #1A3C6B;
    color: #fff;
}


.arrow-link::after{
    content: url(arrow-right00.svg);
    height: 18px;
    transition: .4s;
    position: relative;
    left: 0;
}

.arrow-link:hover::after{
    content: url(arrow-right-hover.svg);
    left: 7px;
}

.u-RTL .arrow-link::after{
    transform: rotate(180deg);
    left: unset;
    right: 0;
}

.u-RTL .arrow-link::after{
    left: unset;
    right: 7px;
}


.with-tfaseel{
    text-align: start;
    border-bottom: 1px solid #D9D9D9;    
    padding-bottom: 70px;
}
.with-tfaseel .with-content{
    margin-inline-end: 50px;
    position: relative;
    padding-inline-end: 15px;
}
.with-content h2{
    margin: 0;
    font-size: 32px;
    font-weight: 600;
    line-height: 38px;
    margin-bottom: 20px;
    position: relative;
}

.with-tfaseel .with-content::before{
    content: "";
    background-color: #FFC627;
    border-radius: 50%;
    width: 54px;
    height: 54px;
    position: absolute;
    top: -9px;
}

.with-tfaseel .with-content::after{
    content: "";
    background-color: #FFC627;
    border-radius: 50%;
    width: 23px;
    height: 23px;
    position: absolute;
    display: flex;
    align-self: center;
    justify-self: end;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
}

.with-content p{
    margin: 0;
    font-size: 20px;
    font-weight: 400;
    color: #696984;
    line-height: 30px;
    margin-bottom: 30px;
}
.with-tfaseel .with-content a{
    font-size: 18px;
    font-weight: 400;
    color: #1A3C6B;
}




.with-tfaseel .flex-50:has(.video-container){
    position: relative;
}

.with-tfaseel .video-container{
    position: relative;
    padding: 15px;
    z-index: 1;
}
.with-tfaseel .flex-50:has(.video-container)::before{
    content: "";
    width: 100px;
    height: 100px;
    border-radius: 8px;
    background-color: #1A3C6B;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    align-self: start;
    justify-self: start;

}
.with-tfaseel .flex-50:has(.video-container)::after{
    content: "";
    width: 170px;
    height: 170px;
    border-radius: 8px;
    background-color: #1A3C6B;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    align-self: end;
    justify-self: end;
    
}

.with-tfaseel .video-container iframe {

    width: 100%;
    height: 350px;
    border-radius: 8px;
    object-fit: cover;
}

.with-tfaseel .video-container {
      position: relative;
      width: 100%;
      max-width: 640px;
      margin: auto;
    }

    .with-tfaseel .video-container .play-btn{
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        align-self: center;
        justify-self: center;

    }

    /* .with-tfaseel .video-container::before{
        content: url(play-button.svg);
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        align-self: center;
        justify-self: center;
    } */


.with-tfaseel .video-container .thumbnail {
      width: 100%;
      cursor: pointer;
    }

   
.with-tfaseel .video-container iframe {
      display: none;
      width: 100%;
      height: 360px;
    }

    
.with-tfaseel .video-container .thumbnail.hidden{
    display: none;
}
    
.with-tfaseel .video-container iframe.active {
      display: block;
    }

    


.tfaseel-platform{}
.tfaseel-platform .section-head{}
.tfaseel-platform .section-head h2{}
.tfaseel-platform .flex .flex-33{
    padding: 0 10px;
}
.tfaseel-platform .plat-box{
    /* background: linear-gradient(180deg, #1A3C6B 0%, #2E5EA0 100%); */
    height: 147px;
    display: flex;
    flex-direction: column;
    padding: 20px;
    text-align: start;
    justify-content: space-between;
    background-color: #FAFAFA;
    border-radius: 8px;
}

.u-RTL .tfaseel-platform .plat-box{
    direction: rtl;
}
.tfaseel-platform .plat-box .icon{
    width: 64px;
    height: 64px;
    background-color: #1A3C6B;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.tfaseel-platform .plat-box .icon img{
    width: 28px;
}
.tfaseel-platform .plat-box .icon img:first-child{
    display: none;
}
.tfaseel-platform .plat-box .icon img:last-child{
}
.tfaseel-platform .plat-box h3{
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    color: #1A3C6B;
}

.tfaseel-platform .plat-box:hover{
    background: linear-gradient(180deg, #1A3C6B 0%, #2E5EA0 100%);
}
.tfaseel-platform .plat-box:hover .icon{
    background: #fff;
}
.tfaseel-platform .plat-box:hover .icon img{}
.tfaseel-platform .plat-box:hover .icon img:first-child{display: inline;}
.tfaseel-platform .plat-box:hover .icon img:last-child{display: none;}
.tfaseel-platform .plat-box:hover h3{
    color: #fff;
}


.world-map-row{

}
.world-map-row .world-map{

}
.world-map-row .world-map img{
    width: 100%;
}

.world-map-row .t-Region{
    margin: 0;
}

.tfaseel-level {
    text-align: start;
}

.tfaseel-level .flex{
    align-items: center;
}
.tfaseel-level .arrow-link{
    display: inline-flex;
}


.qsn-box{
    max-width: 480px;
    position: relative;
    padding-inline-start: 60px;
    padding-top: 60px;
}

.qsn-box:before{
    content:"";
    background-color: #292c701a;
    background-color: #fff;
    box-shadow: 0px 18.21px 52.8px 0px rgb(40 43 111 / 8%);
    display: block;
    position: absolute;
    top: 35px;
    bottom: 57px;
    left: 35px;
    right: 80px;
    z-index: 0;
    border-radius: 8px;
}

.u-RTL .qsn-box:before{
    right: 35px;
    left: 80px;
}
.qsn-box-container{
    position: relative;
    max-width: 480px;
}
.qsn-box-container .circlez-1::before {
   content: "";
   display: block;
   position: absolute;
   width: 77px;
   height: 77px;
   background: #1A3C6B;
   border-radius: 50%;
   margin-block-start: 20px;
}

.qsn-box-container .circlez-1::after {
    content: "";
    display: block;
    position: absolute;
    width: 15px;
    height: 15px;
    background: #1A3C6B;
    border-radius: 50%;
    bottom: 20px;
    margin-inline-start: 25px;
}

.qsn-box-container .circlez-2::before{
    content: "";
    display: block;
    position: absolute;
    width: 15px;
    height: 15px;
    background: #FFC627;
    border-radius: 50%;
    top: 0;
    margin-inline-start: 96px;
}
.qsn-box-container .circlez-2::after{
    content: "";
    display: block;
    position: absolute;
    width: 12px;
    height: 12px;
    background: #FFC627;
    border-radius: 50%;
    justify-self: end;
    align-self: center;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-inline-end: 30px;
    margin-block-start: 30px;
}


.qsn-box .qsn-title{
    height: 39px;
    background-color: #1A3C6B33;
    display: inline-flex;
    border-radius: 100px;
    align-items: center;
    justify-content: center;
    padding: 0 26px;
    color: #1A3C6B;
    font-size: 18px;
    font-weight: 500;
    position: relative;
}
.qsn-box h3{
    margin-top: 30px;
    margin-bottom: 20px;
    font-size: 28px;
    font-weight: 600;
    line-height: 42px;
    color: #55578D;
    max-width: 300px;
    position: relative;
}



.qsn-box .qsn-true{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    justify-self: end;
    display: inline-block;
    width: 60px;
    height: 60px;
    margin-inline-end: 50px;
    margin-block-start: 70px;
}
.qsn-box .qsn-true::before{
    content: url(true.svg);
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.qsn-box .qsn-false{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    justify-self: end;
    display: inline-block;
    width: 60px;
    height: 60px;
    margin-inline-end: 90px;
    margin-block-start: 26px;
}
.qsn-box .qsn-false::before{
    content: url(false.svg);
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.qsn-box .qsn-img{
    max-width: 355px;
    max-height: 200px;
    overflow: hidden;
    border-radius: 8px;
    position: relative;
    z-index: 1;
    box-shadow: 0px 18.21px 52.8px 0px #c4c4c4;
}
.qsn-box .qsn-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
    margin-inline-end: 23px;
    /* position: relative; */
    /* z-index: 1; */
}
.qsn-box .result{
    background-color: #fff;
    max-width: 285px;
    display: flex;
    justify-self: end;
    align-items: center;
    height: 95px;
    padding: 0 20px;
    border-radius: 8px;
    position: relative;
    top: -20px;
    z-index: 1;
    box-shadow: 0px 18.21px 52.8px 0px rgb(40 43 111 / 8%);
}
.qsn-box .result span{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.qsn-box .result span::before{
    content: url(success-icon.svg);
    position: relative;
    z-index: 1;
}
.qsn-box .result span::after{
    content: "";
    width: 46px;
    height: 46px;
    background: #D8F9ED;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-self: center;
}
.qsn-box .result p{
    font-size: 18px;
    font-weight: 600;
    color: #41BE90;
    line-height: 29px;
}

.qsn-box .result p:after {
    content: "";
    width: 29px;
    height: 29px;
    background: #D8F9ED;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-self: end;
    justify-self: end;
    z-index: -1;
    margin-inline-end: 25px;
    margin-block-end: 6px;
}



.car-section{
    background: linear-gradient(180deg, #2E5EA0 0%, #1A3C6B 100%);
    padding: 30px 0;
    border-radius: 8px;
    margin-bottom: 100px;
    position: relative;
}


.car-section .flex-50{
    padding-inline-start: 50px;
}
.car-section h2{
    font-weight: 700;
    font-size: 36px;
    color: #FFFFFF;
    margin: 0;
    margin-bottom: 10px;

}
.car-section p{
    margin: 0;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
}
.car-section .sub-btn{
    font-weight: 500;
    color: #1A3562;
    font-size: 18px;
    height: 44px;
    padding: 0 20px;
    background-color: #FFC627;
    border-radius: 100px;
    margin-top: 25px;
    display: inline-flex;
    align-items: center;
}


.car-section .car-img{
    display: flex;
    justify-content: end;
}

.car-section .car-img img{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    justify-self: end;
    height: 100%;
}

.u-RTL .car-section .car-img img{
    transform: rotateY(180deg);
}


.car-modal-dialog + .ui-widget-overlay.ui-front {
  background-color: #0009 !important;
}


.car-modal-dialog{
    background-color: unset;
    box-shadow: unset;
}


.car-modal-dialog .ui-dialog-titlebar {
    border: 0;
}


.car-modal-dialog .ui-button{
    border-radius: 50%;
    color: #D80027;
    width: 35px;
    height: 35px;
    outline: 0;
}


.car-modal-dialog .ui-dialog-content {
    border-radius: 8px;
}





.car-modal .apex-item-select,
.car-modal .text_field{
    font-size: 14px;
    font-weight: 400;
    color: #000000;
    background-color: #fff;
    border: 1px solid #E1E1E1;
    border-radius: 8px;
    height: 61px;
    outline: 0 !important;
}
.car-modal .is-active .apex-item-select,
.car-modal .is-active .text_field{
    border-color: #1A3C6B;
}
.car-modal .js-show-label .apex-item-select,
.car-modal .js-show-label .text_field{
    border-color: #1A3C6B;

}

.car-modal .t-Form-label{
    font-size: 14px;
    color: #989898;
    font-weight: 400;
}


.car-modal .is-active .t-Form-label{
    font-size: 12px;
    font-weight: 500;
    color: #1A3C6B;
}


.car-modal .js-show-label .t-Form-label{

    font-size: 12px;
    font-weight: 500;
    color: #1A3C6B;
}


.car-modal .confirm-btn{
    font-weight: 600;
    color: #1A3562;
    font-size: 18px;
    height: 55px;
    padding: 0 40px;
    background-color: #FFC627;
    border-radius: 100px;
    display: inline-flex;
    align-items: center;
    text-transform: uppercase;
    margin-top: 25px;
}

.car-modal .t-Dialog-body{
    padding: 0;
}

.car-form-col,
.car-form-col .t-Region{
    background-color: #FAFAFA;
}

.car-form{
    padding: 30px;
}

.car-form h2{
    margin: 0;
    font-size: 36px;
    font-weight: 700;
    color: #1A3562;
    margin-bottom: 10px;
}
.car-form p{
    font-size: 16px;
    font-weight: 400;
    color: #000;
    margin-bottom: 30px;
}




.new-footer{
    padding: 20px 0;
}
.new-footer .new-footer1 {display: flex;justify-content: space-between;align-items: end;padding-bottom: 20px;margin-bottom: 50px;border-bottom: 2px solid #ebebeb40;}
.new-footer .new-footer1 .footer-logo {}
.new-footer .new-footer1 .footer-logo img {}

.new-footer .new-footer1 .flex{
    gap: 40px;
}
.new-footer .new-footer1 ul{
    list-style: none;
    margin: 0;
    display: flex;
    gap: 20px;
}
.new-footer .new-footer1 .prts{}
.new-footer .new-footer1 .prts li{}
.new-footer .new-footer1 .prts li a{}
.new-footer .new-footer1 .prts li a img{}

.new-footer .new-footer1 .social{}
.new-footer .new-footer1 .social li{}
.new-footer .new-footer1 .social li a{}
.new-footer .new-footer1 .social li a img{
    transition: .4s;
    opacity: .8;
}
.new-footer .new-footer1 .social li a img:hover{
    opacity: 1;

}


.new-footer .new-footer2{
    display: flex;
    justify-content: space-between;
    padding-bottom: 50px;
    margin-bottom: 30px;
    border-bottom: 2px solid #ebebeb40;
}
.new-footer .new-footer2 .tf-col{}
.new-footer .new-footer2 h2{
    margin: 0;
    color: #fff;
    font-weight: 500;
    font-size: 20px;
    margin-bottom: 30px;
}
.new-footer .new-footer2 ul{
    list-style: none;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.new-footer .new-footer2 ul li{}
.new-footer .new-footer2 ul li h3{
    margin: 0;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 5px;
}
.new-footer .new-footer2 ul li p,
.new-footer .new-footer2 ul li a{

color: #fff;

font-size: 16px;

font-weight: 400;
}

.new-footer .new-footer2 ul.info-list li a{
    text-decoration: underline;
}
.new-footer .new-footer2 ul.app-list li a{}
.new-footer .new-footer2 ul.app-list li a img{}


.new-footer .new-footer3 {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.new-footer .new-footer3 p{
    font-weight: 500;
    font-size: 15px;
    color: #fff;
    margin: 0;
}
.new-footer .new-footer3 ul{
    list-style: none;
    margin: 0;
    display: flex;
    gap: 40px;
}
.new-footer .new-footer3 ul li{}
.new-footer .new-footer3 ul li img{}

footer.t-Footer .t-Footer-top{
    display: none;
}


footer.t-Footer .t-Footer-content{
    padding: 0;
    border: 0;
    margin: 0;
}

footer.t-Footer{
    padding:0;
}

footer.t-Footer .t-Region{
    margin:0;
}

/* ----------------------------------- */


.tf-slides {
    height: 100%;
}

.tf-slides .slide-bg {
    position: absolute;
    inset: 0px;
}

/* .u-RTL .tf-slides .slide-bg {
    transform: rotateY(180deg);
} */

.tf-slides .slide-bg.slide-bg-mobile{
    display: none;
}

.tf-slides.slide-1 {
    position: relative;
}

.tf-slides.slide-2 {
}

.tf-slides.slide-3 {
}

.tf-slides.slide-4 {
}
.tf-slides .slider-container{
    height:100%;
}

.u-RTL .tf-slides .slider-container{
    direction: rtl;
}
.tf-slides .slide-content {
    position: relative;
    display: flex;
    height: 100%;
}

.u-RTL .tf-slides .slide-content{
    /* direction: rtl; */
}

.tf-slides .slide-content .slide-info {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 10%;
}

.tf-slides .slide-content .slide-info h2 {
    font-size: 54px;
    font-weight: 700;
    color: #fff;
    margin: 0;
    margin-bottom: 25px;
    line-height: 1;
    font-size: 45px;
    }

.tf-slides .slide-content .slide-info h2 span{
    color: #FFC627;
}
.tf-slides .slide-content .slide-info p {margin: 0;margin-bottom: 50px;font-weight: 400;font-size: 18px;color: #fff;line-height: 160%;}

.tf-slides .slide-content .slide-info .slide-btns {display: flex;gap: 24px;align-items: center;}

.tf-slides .slide-content .slide-info .slide-btns .tf-btn {font-weight: 600;font-size: 18px;padding: 0 24px;color: #1A3C6B;height: 55px;transition: .2s;background: #ffc627e6;display: flex;align-items: center;justify-content: center;border-radius: 100px;}

.tf-slides .slide-content .slide-info .slide-btns .tf-btn:hover{
    background: #FFC627;
}
.tf-slides .slide-content .slide-info .slide-btns .tf-play {transition: .2s;font-size: 18px;font-weight: 600;color: #fff;display: flex;align-items: center;gap: 12px;}
.u-RTL .tf-slides .slide-content .slide-info .slide-btns .tf-play{
    flex-direction: row-reverse;
}
.tf-slides .slide-content .slide-info .slide-btns .tf-play span{
    display: inline-block;
    transition: .4s;
}
.tf-slides .slide-content .slide-info .slide-btns .tf-play:hover span{
    text-decoration: underline;
}
.tf-slides .slide-content .slide-info .slide-btns .tf-play::before{
    content: url(tf-play.svg);
}

.tf-slides .slide-content .slide-info .slide-btns .tf-copy {
    font-weight: 600;
    font-size: 18px;
    padding: 0 24px;
    color: #1A3C6B;
    height: 55px;
    background: #FFC627;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    gap: 30px;
    
    }

.tf-slides .slide-content .slide-info .slide-btns .tf-copy::after {
    content: url(tf-copy.svg);
}

.tf-slides .slide-content .slide-img {
    width: 50%;
    display: flex;
    align-items: end;
    justify-content: center;
    justify-content: end;
    position: relative;
}

.tf-slides .slide-content .slide-img img {
    object-fit: contain;
    width: auto;
    max-height: 80%;
}

.u-RTL .tf-slides .slide-content .slide-img img{
    transform: rotateY(180deg);
}

.owl-carousel2 .owl-stage-outer, .owl-carousel2.owl-drag .owl-item {
    height: 100vh;
}

.owl-carousel2.owl-drag .owl-item > div {
    height: 100%;
}


.page-1 .owl-carousel2 button.owl-dot{

    width: 10px;
    height: 10px;
    background-color: #fff;
    opacity: .25;
}

.page-1 .owl-carousel2 .owl-dots{
    position: relative;
    top: -35px;
    left: unset;
    right: unset;
    bottom: unset;
    text-align: start;
}


.page-1 .owl-carousel2 button.owl-dot.active{
    width: 10px;
    height: 10px;
    background-color: #fff;
    opacity: 1;
}

.page-1 .t-Header {
    /* background-color: unset; */
    position: fixed;
    transition: .5s;
    opacity: 1;
}


.t-Body{
    transition: .5s;
}

.page-1 .t-Header .t-Header-logo{
    /* display: none; */
}

.page-1 .t-Header-navBar--start{
    justify-content: end;
    margin-inline-end: 30px;
}


.page-1 .t-Header .t-Header-branding{
    background-color: unset;
    box-shadow: unset;
    border: 0;
}


.page-1 .t-Header.scrolled{
    /* position: static; */
    /* opacity: 0; */
    background-color: #1A3C6B;
    height: 0;
    overflow: hidden;
}



.t-Header-navBar--center .t-NavigationBar .t-NavigationBar-item .t-Button{
    outline: 0;
    background-color: unset;
    border: 0;
}


.slide1-overlay {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    /* background: red; */
    display: flex;
    align-items: center;
    justify-content: center;
}

.slide1-overlay .slide1-container {
    position: relative;
    width: 100%;
}

.slide1-overlay .slide1-container::before {
    content: url("sh-1.svg");
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
    justify-self: end;
}

.slide1-overlay ul{
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
}
.slide1-overlay ul li{
    display: flex;
}

.slide1-overlay ul li:nth-child(even){
    justify-content: end;
}

.slide1-overlay .slide1-box {
    background: #ffffffcc;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 12px;
    position: relative;
    text-align: start;
}

.slide1-overlay .slide1-box1{
    margin-bottom: 70px;
}
.slide1-overlay .slide1-box2{
    margin-bottom: 27px;
}
.slide1-overlay .slide1-box3{}
.slide1-overlay .slide1-box2::before {
    content: url("sh-2.svg");
    position: absolute;
    right: 12px;
    top: 12px;
    left: 12px;
    bottom: 12px;
    display: flex;
    justify-self: end;
}

.slide1-overlay .slide1-box .box-media {
    width: 38px;
    height: 38px;
    background: #1A3C6B;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
}

.slide1-overlay .slide1-box.slide1-box3 .box-media {
    width: 46px;
    height: 46px;
    border-radius: 100%;
    padding: 0;
    background-color: unset;
    position: relative;
}


.slide1-overlay .slide1-box.slide1-box3 .box-media::before{
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    background: #2EBB5E;
    border: 2px solid #FBECD7;
    border-radius: 50%;
    position: absolute;
    top: 3px;
    left: 3px;
    right: 3px;
    bottom: 3px;
    align-self: end;
    justify-self: end;

}

.slide1-overlay .slide1-box .box-media img {
    
}

.slide1-overlay .slide1-box.slide1-box3 .box-media img {
    width: 100%;
    height: 100%;
}

.slide1-overlay .slide1-box .box-content {
}

.slide1-overlay .slide1-box .box-content h2 {
    margin: 0;
    font-size: 20px;
    font-weight: bold;
    color: #595959;
}

.slide1-overlay .slide1-box .box-content p {
    margin: 0;
    color: #545567;
    font-size: 16px;
    font-weight: 500;
}

.slide1-overlay .slide1-box .box-content span {
    font-weight: 400;
    color: #545567;
    display: block;
    font-size: 16px;
}

.slide1-overlay .slide1-box .box-content a {
    padding: 8px 24px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    background-color: #1A3C6B;
    border-radius: 100px;
    display: inline-block;
    margin-top: 20px;
}

.flex-col{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* 
.car-modal .t-Dialog-bodyWrapperIn{
    overflow: hidden;
} */

.car-form,
.car-form .t-Region-bodyWrap,
.car-form .t-Region-body,
.car-form .flex-col{
    height: 100%;
}


.car-div img{
    height: 100%;
}

.u-RTL .car-div img{
    transform: rotateY(180deg);
}

.t-Region{
    margin: 0;
}


.has-media--first{
    transition: .4s;
}
.has-media--first .a-CardView-media--cover .a-CardView-mediaImg{

    transition: 1s;
}
.has-media--first:hover .a-CardView-media--cover .a-CardView-mediaImg{
    transform: scale(1.2);
}
.has-media--first .header-con div:first-child{
    transition: .4s;
}
.has-media--first:hover .header-con div:first-child{
    color: #1A3C6B;
}


.a-CardView-items li:last-child{
    /* display: none; */
}

.partners-logos{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 50px;
}


.items-box{
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
    gap: 30px;
    display: none;
}
.items-box .item-box{
    flex: calc(50% - 15px);
    /* border: 1px solid #fff; */
}
.items-box .item-box .item-box-cont{border: 1px solid #fff;border-end-end-radius: 20px;border-start-end-radius: 20px;border-left: 0;padding: 20px 0;padding-inline-end: 10px;}

.u-RTL .items-box .item-box .item-box-cont{
    border: 1px solid #fff;
    border-right: 0;
}
.items-box .item-box .item-box-cont .items-price{
    
}
.items-box .item-box .item-box-cont .sar-icon{
    font-size: 22px;
    color: #FFC627;
}
.items-box .item-box .item-box-cont .current-price{
    font-weight: 700;
    font-size: 24px;
    color: #FFC627;
}
.items-box .item-box .item-box-cont .old-price{color: #fff;text-decoration: line-through;font-size: 14px;top: -10px;}

.items-box .item-box .item-box-cont p{
    margin: 0;
}

.d-web{
    display: block !important;
}
.d-mobile{
    display: none !important;
}
.rate_course .s_popup .note-region{
    padding: 24px;
}


 .rate_course .s_popup .note-region .date_field a-date-picker{

 }

 .rate_course .s_popup .note-region .date_field .t-Form-itemWrapper a-date-picker .a-Button{

}
 .rate_course .s_popup .note-region .date_field .t-Form-itemWrapper a-date-picker input{

 }


 
.play_with{}
.play_with--img{
    margin-bottom: 20px;
}
.play_with--img img{
    width: 100%;
}

.banner_web{

margin-top: 116px;
}

.banner_web img{
    width: 100%;
}
.banner_mobile{
    display: none;
}


@media (max-width: 767px) {

    .banner_web{
        display: none;
    }

    .banner_mobile{
        display: block;
        margin-top: 128px;
    }

.banner_mobile img{
    width: 100%;
}



    .scroll_popup{
        height: 100vh;
        overflow-y: scroll;
    }

    .rate_course .s_popup .note-region {
    
}

    .rate_course .s_popup .note-region .date_field{
    /* width: 100%; */
}

 .rate_course .s_popup .note-region .date_field a-date-picker{

 }

 .rate_course .s_popup .note-region .date_field .t-Form-itemWrapper a-date-picker .a-Button{
        margin: 0;
        /* position: absolute; */
        /* width: 32px; */
        /* top: 0; */
        /* bottom: 0; */
        /* right: 0; */
        /* left: 0; */
}
.u-RTL .rate_course .s_popup .note-region .date_field .t-Form-itemWrapper a-date-picker .a-Button{

        /* left: unset; */
        /* right: 0; */
}
 .rate_course .s_popup .note-region .date_field .t-Form-itemWrapper a-date-picker input{
     
 }

.d-web{
    display: none !important;
}


.d-mobile{
    display: block !important;
}
.items-box{

gap: 15px;
display: flex;
}
.items-box .item-box{flex: 100%;}
.items-box .item-box .item-box-cont{

padding: 10px;

text-align: start;

padding-inline-start: 0;
}
.u-RTL .items-box .item-box .item-box-cont{
}
.items-box .item-box .item-box-cont .items-price{
    
}
.items-box .item-box .item-box-cont .sar-icon{
}
.items-box .item-box .item-box-cont .current-price{

}
.items-box .item-box .item-box-cont .old-price{

}

.items-box .item-box .item-box-cont p{
}





.partners-logos{


}

    /* -------- NEW ----------------- */

    .owl-carousel3 .owl-dots{
        display: none;
    }

    
.t-Body-title .t-BreadcrumbRegion.session_bread{
    height: auto;
}

.courses-timer {
}
html:has(.courses-timer) .t-Header {
}

.section-head {margin-bottom: 24px;}
.section-head h2 {font-size: 24px;}
.section-head h2::after {display: none;}
.section-head h2 span {
}
.section-head p {display: none;}

.flex {
}

.align-items-center {
}

.car-section .align-items-center.flex{

}

.flex .flex-50 {width: 100%;}
.flex .flex-33 {
}

.what-tfaseel {
    padding: 42px 24px;
    padding-top: 0;
}

.what-tfaseel .t-courses {gap: 12px;}
.what-tfaseel .t-courses .course_box {
}
.what-tfaseel .t-courses .course_box::before {
}
.what-tfaseel .t-courses .course_box--offers {
}

.what-tfaseel .t-courses .course_box {height: 150px;padding-bottom: 12px;gap: 12px;}
.what-tfaseel .t-courses .course_box::before {
}

.what-tfaseel .t-courses .course_box:hover::before {
}

.what-tfaseel .t-courses .course_box--offers::before {
}
.what-tfaseel .t-courses .course_box--private {
}
.what-tfaseel .t-courses .course_box--private::before {
}

.what-tfaseel .t-courses .course_box img {
}

.what-tfaseel .t-courses .course_box:hover img {
}
.what-tfaseel .t-courses .course_box h3 {font-size: 16px;font-weight: 400;}
.what-tfaseel .t-courses .course_box a {height: 42px;font-size: 14px;font-weight: 500;}
.what-tfaseel .t-courses .course_box:hover a {
}

.a-CardView-items li {
}

.has-media--first {
}

.a-CardView-media {
}

.a-CardView-media::after {
}

.a-CardView-media--cover .a-CardView-mediaImg {
}

.has-media--first .a-CardView-subContent .cont {/* gap: 15px; */}

.has-media--first .a-CardView-subContent .cont span {gap: 5px;}

.has-media--first .a-CardView-header {
}
.has-media--first .a-CardView-body {
}

.has-media--first .star-con {
}

.u-RTL .has-media--first .star-con {
}

.has-media--first .title-tag {
}
.u-RTL .has-media--first .title-tag {
}

.has-media--first .star-con .fa::before {
}

.has-media--first .cont-last .teacher {
}

.has-media--first .price-con span.price {
}

.has-media--first .header-con div {
}

.has-media--first .header-con div:last-child {font-size: 14px;}

.has-media--first .cont-last {
}

.has-media--first .a-CardView-subContent {/* margin-top: 10px; */}

.has-media--first .price-con {
}

.has-media--first .a-CardView-subContent .cont span::before {
}

.u-RTL .has-media--first .a-CardView-subContent .cont span::before {
}

.has-media--first .a-CardView-subContent .cont .fa-eye:before {
}

.has-media--first .a-CardView-subContent .cont .fa-notebook:before {
}

.has-media--first .a-CardView-subContent .cont .fa-clock-o::before {
}

.popular_courses .buildin-title .t-Region-title {justify-content: center;}

.popular_courses .buildin-title .title {font-size: 24px;text-align: center;}

.arrow-link {
}

    .popular_courses .buildin-title .t-Region-title .arrow-link{
        display:none;
    }

.arrow-link:hover {
}

.arrow-link::after {
}

.arrow-link:hover::after {
}

.u-RTL .arrow-link::after {
}

.u-RTL .arrow-link::after {
}

.with-tfaseel {padding: 42px 24px;/* border-bottom: 2px solid #D9D9D9; */}
.with-tfaseel:after{
    content:"";
    display: block;
    width: 100%;
    height: 2px;
    background: #D9D9D9;
    margin-top: 42px;
}
    .with-tfaseel .align-items-center{
        flex-direction: column;
    }
.with-tfaseel .with-content {
}
.with-content h2 {font-size: 24px;line-height: 120%;}

.with-tfaseel .with-content::before {
}

.with-tfaseel .with-content::after {
}

.with-content p {display: none;}
.with-tfaseel .with-content a {
}

.with-tfaseel .flex-50:has(.video-container) {
}

.with-tfaseel .video-container {
}
.with-tfaseel .flex-50:has(.video-container)::before {
}
.with-tfaseel .flex-50:has(.video-container)::after {
}

.with-tfaseel .video-container iframe {
}

.with-tfaseel .video-container {
}

.with-tfaseel .video-container .play-btn {
}

.with-tfaseel .video-container .thumbnail {
}

.with-tfaseel .video-container iframe {
}

.with-tfaseel .video-container .thumbnail.hidden {
}

.with-tfaseel .video-container iframe.active {
}

.tfaseel-platform {
    
}
.tfaseel-platform .section-head {
}
.tfaseel-platform .section-head h2 {
}
.tfaseel-platform .flex .flex-33 {
}
.tfaseel-platform .plat-box {height: 122px;padding: 16px;gap: 24px;}

.u-RTL .tfaseel-platform .plat-box {
}
.tfaseel-platform .plat-box .icon {width: 48px;height: 48px;aspect-ratio: 1;}
.tfaseel-platform .plat-box .icon img {
}
.tfaseel-platform .plat-box .icon img:first-child {
}
.tfaseel-platform .plat-box .icon img:last-child {
}
.tfaseel-platform .plat-box h3 {
}

.tfaseel-platform .plat-box:hover {
}
.tfaseel-platform .plat-box:hover .icon {
}
.tfaseel-platform .plat-box:hover .icon img {
}
.tfaseel-platform .plat-box:hover .icon img:first-child {
}
.tfaseel-platform .plat-box:hover .icon img:last-child {
}
.tfaseel-platform .plat-box:hover h3 {
}

.world-map-row {
}
.world-map-row .world-map {margin-top: 42px;}
.world-map-row .world-map img {
}

.world-map-row .t-Region {
}

.tfaseel-level {padding: 42px 24px;text-align: center;}

.tfaseel-level .flex {flex-direction: column-reverse;}
.tfaseel-level .arrow-link {
}

.qsn-box {
    padding-inline-start: 50px;
    max-width: max-content;
    /* padding-inline-end: 88px; */
    text-align: start;
}

.qsn-box:before {
    left: 25px;
    right: 60px;
}

.u-RTL .qsn-box:before {
    right: 25px;
    left: 60px;
}
.qsn-box-container {
}
.qsn-box-container .circlez-1::before {width: 60px;height: 60px;}

.qsn-box-container .circlez-1::after {
}

.qsn-box-container .circlez-2::before {
}
.qsn-box-container .circlez-2::after {
}

.qsn-box .qsn-title {font-size: 16px;font-weight: 500;}
.qsn-box h3 {
    font-size: 22px;
    font-weight: 600;
    line-height: 150%;
    max-width: 80%;

}

.qsn-box .qsn-true {
    transform: scale(.8);
    margin-inline-end: 32px;
    margin-block-start: 68px;
}
.qsn-box .qsn-true::before {
}
.qsn-box .qsn-false {
    transform: scale(.8);
    margin-inline-end: 70px;
    margin-block-start: 16px;
}
.qsn-box .qsn-false::before {
}
.qsn-box .qsn-img {
    max-width: unset;
    width: 62vw;
    max-height: 180px;
}
.qsn-box .qsn-img img {
    border-radius: 15px;
    margin: 0;
}
.qsn-box .result {padding: 16px;max-width: 226px;height: 75px;}
.qsn-box .result span {
    transform: scale(.8);
}
.qsn-box .result span::before {}
.qsn-box .result span::after {
}
.qsn-box .result p {font-size: 14px;line-height: 160%;}

.qsn-box .result p:after {
}

.car-section {
    padding: 24px 0;
    margin-bottom: 42px;
    padding-bottom: 0;
}

.car-section .flex-50 {padding-inline-start: 15px;}
.car-section h2 {
    font-size: 24px;
}
.car-section p {display: none;}
.car-section .sub-btn {
    height: 34px;
    font-size: 14px;
    margin-top: 6px;
    margin-bottom: 50px;
}

.car-section .car-img {
}

.car-section .car-img img {
    width: 70%;
    bottom: 0;
    top: unset;
    height: auto;
}

.u-RTL .car-section .car-img img {
}

.car-modal-dialog + .ui-widget-overlay.ui-front {
}

.car-modal-dialog {
}

.car-modal-dialog .ui-dialog-titlebar {
}

.car-modal-dialog .ui-button {
}

.car-modal-dialog .ui-dialog-content {
}

.car-modal .apex-item-select,
.car-modal .text_field {
}
.car-modal .is-active .apex-item-select,
.car-modal .is-active .text_field {
}
.car-modal .js-show-label .apex-item-select,
.car-modal .js-show-label .text_field {
}

.car-modal .t-Form-label {
}

.car-modal .is-active .t-Form-label {
}

.car-modal .js-show-label .t-Form-label {
}

.car-modal .confirm-btn {
}

.car-modal .t-Dialog-body {
}

.car-form-col,
.car-form-col .t-Region {
}

.car-form {
}

.car-form h2 {
}
.car-form p {
}

.new-footer {/* background: linear-gradient(180deg, #1A3C6B 0%, #2E5EA0 100%); */padding-bottom: 0;}
.new-footer .new-footer1 {padding-bottom: 24px;margin-bottom: 24px;}
.new-footer .new-footer1 .footer-logo {display: none;}
.new-footer .new-footer1 .footer-logo img {
}

.new-footer .new-footer1 .flex {
    gap: unset;
    justify-content: space-between !important;
    width: 100%;
}
.new-footer .new-footer1 ul {
}
.new-footer .new-footer1 .prts {
    gap: 12px;
}
.new-footer .new-footer1 .prts li {
}
.new-footer .new-footer1 .prts li a {
}
.new-footer .new-footer1 .prts li a img {
    height: 32px;
}

.new-footer .new-footer1 .social {
    gap: 12px;
}
.new-footer .new-footer1 .social li {
}
.new-footer .new-footer1 .social li a {
}
.new-footer .new-footer1 .social li a img {
    width: 32px;
}
.new-footer .new-footer1 .social li a img:hover {
}

.new-footer .new-footer2 {flex-direction: column;padding-bottom: 0;margin-bottom: 0;border-bottom: 0;}
.new-footer .new-footer2 .tf-col {border-bottom: 1px solid #ebebeb40;padding-bottom: 16px;margin-bottom: 20px;}
.new-footer .new-footer2 .tf-col:nth-child(2),
.new-footer .new-footer2 .tf-col:nth-child(3){
    display:none;
}

    .new-footer .new-footer2 .tf-col:last-child{
        border: 0;
        padding: 0;
        margin: 0;
    }
    .new-footer .new-footer2 h2 {margin-bottom: 16px;}
.new-footer .new-footer2 ul {}
.new-footer .new-footer2 ul.app-list {
    flex-direction: row;
}
.new-footer .new-footer2 ul li {}
.new-footer .new-footer2 ul li h3 {
}
.new-footer .new-footer2 ul li p,
.new-footer .new-footer2 ul li a {
}

.new-footer .new-footer2 ul.info-list li a {
}
.new-footer .new-footer2 ul.app-list li a {
}
.new-footer .new-footer2 ul.app-list li a img {max-width: 135px;}

.new-footer .new-footer3 {display: none;}
.new-footer .new-footer3 p {
}
.new-footer .new-footer3 ul {
}
.new-footer .new-footer3 ul li {
}
.new-footer .new-footer3 ul li img {
}

footer.t-Footer .t-Footer-top {
}

footer.t-Footer .t-Footer-content {
}

footer.t-Footer {
}

footer.t-Footer .t-Region {
}

.tf-slides {
}


.tf-slides .slide-bg {
    display: none !important;
}

.tf-slides .slide-bg.slide-bg-mobile{
    display: inline !important;
    height: 100%;
    width: auto;
    width: 100%;
    object-fit: cover;

}

.tf-slides.slide-1 {
}

.tf-slides.slide-2 {
}

.tf-slides.slide-3 {
}

.tf-slides.slide-4 {
}
.tf-slides .slider-container {
}
.tf-slides .slide-content {flex-direction: column;text-align: center;padding: 0 24px;

    padding-top: 100px;
    height: 75vh;
    justify-content: space-between;
}

.tf-slides .slide-content .slide-info {width: 100%;}

.tf-slides .slide-content .slide-info h2 {
    font-size: 32px;
    font-size: 26px;
    padding-top: 20px;
    line-height: 1.1;
    margin-bottom: 15px;
}

.tf-slides .slide-content .slide-info h2 span {
}
.tf-slides .slide-content .slide-info p {
    margin-bottom: 30px;
    margin: 0;
}

.tf-slides .slide-content .slide-info .slide-btns {
    gap: 16px;
}

.tf-slides .slide-content .slide-info .slide-btns .tf-btn {
        padding: 0 16px;
        font-size: 16px;
}

.tf-slides .slide-content .slide-info .slide-btns .tf-btn:hover {
}
.tf-slides .slide-content .slide-info .slide-btns .tf-play {
    text-align: start;
}
.u-RTL .tf-slides .slide-content .slide-info .slide-btns .tf-play {
}
.tf-slides .slide-content .slide-info .slide-btns .tf-play span {
}
.tf-slides .slide-content .slide-info .slide-btns .tf-play:hover span {
}
.tf-slides .slide-content .slide-info .slide-btns .tf-play::before {
}

.tf-slides .slide-content .slide-info .slide-btns .tf-copy {
        width: 100%;
        justify-content: space-between;
}

.tf-slides .slide-content .slide-info .slide-btns .tf-copy::after {
}

.tf-slides .slide-content .slide-img {width: 100%;align-items: end;
        display: block;
    }

.tf-slides .slide-content .slide-img img {
    position: relative;
    width: 100%;
    max-height: unset
}

.owl-carousel2 .owl-stage-outer,
.owl-carousel2.owl-drag .owl-item {
}

.owl-carousel2.owl-drag .owl-item > div {
}

.page-1 .owl-carousel2 button.owl-dot {
}

.page-1 .owl-carousel2 .owl-dots {
}

.page-1 .owl-carousel2 button.owl-dot.active {
}

.page-1 .t-Header {
}

.t-Body {
}

.page-1 .t-Header .t-Header-logo {
}

.page-1 .t-Header-navBar--start {
}

.page-1 .t-Header .t-Header-branding {
}

.page-1 .t-Header.scrolled {
}

.t-Header-navBar--center .t-NavigationBar .t-NavigationBar-item .t-Button {
}

.slide1-overlay {
}

.slide1-overlay .slide1-container {
}

.slide1-overlay .slide1-container::before {
    transform: scale(.8);
    align-self: start;
    margin-top: -80px;
}

.slide1-overlay ul {
}
.slide1-overlay ul li {
}

.slide1-overlay ul li:nth-child(even) {
}

.slide1-overlay .slide1-box {
    padding: 8px;
    gap: 8px;
}

.slide1-overlay .slide1-box1 {
    margin-bottom: 40px;
}
.slide1-overlay .slide1-box2 {
    padding: 8px 22px;
}
.slide1-overlay .slide1-box3 {
    margin-bottom: 70px;
}
.slide1-overlay .slide1-box2::before {
}

.slide1-overlay .slide1-box .box-media {
    width: 28px;
    height: 28px;
}

.slide1-overlay .slide1-box.slide1-box3 .box-media {
}

.slide1-overlay .slide1-box.slide1-box3 .box-media::before {
}

.slide1-overlay .slide1-box .box-media img {
    width: 12px;
    height: 12px;
    display: block;
}

.slide1-overlay .slide1-box.slide1-box3 .box-media img {
}

.slide1-overlay .slide1-box .box-content {
}

.slide1-overlay .slide1-box .box-content h2 {
    font-size: 14px;
}

.slide1-overlay .slide1-box .box-content p {
    font-size: 10px;
}

.slide1-overlay .slide1-box .box-content span {
    font-size: 10px;
}

.slide1-overlay .slide1-box .box-content a {
    font-size: 10px;
    padding: 0 10px;
    height: 19px;
    margin-top: 8px;
}

.flex-col {
}

.car-form,
.car-form .t-Region-bodyWrap,
.car-form .t-Region-body,
.car-form .flex-col {
}

.car-div img {
}

.u-RTL .car-div img {
}

.t-Region {border: 0;}
.white-section {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 100vmax;
    clip-path: inset(-2px -100vmax);
    background: #fff;
}
.has-media--first {flex-direction: column !important;!i;!;}
.has-media--first .a-CardView-media--cover .a-CardView-mediaImg {
}
.has-media--first:hover .a-CardView-media--cover .a-CardView-mediaImg {
}
.has-media--first .header-con div:first-child {font-size: 16px;min-height: auto;}
.has-media--first:hover .header-con div:first-child {
}

.a-CardView-items li:last-child {
}

/* -------------------- old ----------------- */


    .qq-img .t-ImageRegion{

    display: block;
    max-height: 200px;
    max-width: 200px;

}

    .ui-dialog.ui-front{
        max-width: 100% !important;
    }


    
    .page-1 .cc-caption h3{
        font-size: 12px;
    }

    .page-1 .cc-caption h2{
        font-size: 22px;
    }

    .page-1 .cc-caption p{
        width: 60%;
    }

    .page-1 .company-courses-row .t-Region-body{
        padding: 0 16px;
        padding: 0;
    }

    .page-1 .cc-courses{
        padding: 40px 20px;
    }

    .page-1 .cc-courses .cc-bg{
    }

    
    .page-1.u-RTL .cc-courses .cc-bg{
    }


    .page-1 .cc-caption{
        width: auto;
    }

    .page-16 .not-start {
        margin: 0px 15px;

    }
    .page-16 .not-start img{
        width: 100%;
    }


.page-16 .assessment-col .t-Button--hot{
    margin-bottom: 20px;
}


.page-16 .assessment-col .apex-item-option{
    width: auto !important;
    display: block;
    float: unset;

}
    .how-work .how-tafaseel-work-elem{
        margin-bottom: 15px;
    }

    html:has(.courses-timer) .t-Header {
    margin-top: 56px;
}

    .iframe-col #tVideo iframe {
        width: 100%;
        height: auto;
            height: 280px;
            height: 222px;

    }


    .iframe-col{
    order: -1;

    }
    .iframe-col #tVideo {

    justify-content: center;
    margin-bottom: 50px;
}


.t_platform .video-col video {
    margin: auto;
    margin-bottom: 40px;
}
.t_platform {
    padding-top: 40px;
    padding-bottom: 40px;
}

.rate_teacher .t-Form-fieldContainer--floatingLabel .t-Form-label {
    color: #696878 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
}

.t_platform .video-col video {
    margin: auto;
    margin-bottom: 40px;
    width: 100%;
}


    .t_platform .video-desc{}
.t_platform .video-desc h2{
    font-size: 24px;
    padding: 0 15px;
}
.t_platform .video-desc ul{
    padding: 0 15px;
}
.t_platform .video-desc ul li{
    margin-bottom: 20px;
    gap: 10px;
}
.t_platform .video-desc ul li .icon{}
.t_platform .video-desc ul li .icon img{}
.t_platform .video-desc ul li h3{
    font-size: 20px;
    margin-bottom: 4px;
}
.t_platform .video-desc ul li p{
    font-size: 14px;
    line-height: 20px;
}

.t_platform .video-desc .araqek-profile {
    padding: 0 15px;
}

.t_platform .video-desc .araqek-profile h4 {
    font-size: 20px;
}
.full-video-bg{
    height: auto;
}

.full-video video{
    position: static;
}

.full-video-bg h2{
    height: auto;
    padding: 30px 15px;
    font-size: 24px;
}

.why_us.why_blue{
    height: auto;
    padding-top: 0;
}

.why_us.why_blue .t-Region-bodyWrap {
    padding-bottom: 20px;
}

.why_us.why_blue .t-Region-title {
    color: #fff;
    margin-top: 50px;
    text-align: center;
}

.why_us.why_blue .t-Region-headerItems--buttons{
    display: none;
}

.page-3 .search-area .t-Region-header{
    position: relative;
    margin: 20px 0;
    padding: 10px 0;
}

.page-3 .search-area .t-Region-header .t-Region-headerItems{

}
.page-3 .search-area .t-Region-header .t-Region-headerItems .t-Button{
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    border: 0;
    width: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.u-RTL.page-3 .search-area .t-Region-header .t-Region-headerItems .t-Button{
    right: unset;
    left: 0;

}


.page-3 .search-area .t-Region-header .t-Region-titleButton{
    outline: 0;
}

.page-3 .search-area .t-Region-header .t-Region-headerItems .t-Button .a-Collapsible-icon{

}
.page-3 .search-area .t-Region-header .t-Region-headerItems .t-Button .a-Collapsible-icon:before{
   content: " ";
    background-image: url(arrdoww.svg);
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    transition: .2s;
}
.page-3 .search-area.is-expanded  .t-Region-header .t-Region-headerItems .a-Collapsible-icon:before{

    background-image: url(arrowupp.svg);

}



.courses-timer{
    /* top: 80px; */
    /* top: 72px; */
    height: 56px;
}
.courses-timer .container{

padding: 0 50px 0 15px;
}

.u-RTL .courses-timer .container{

    padding: 0 10px 0 45px;
}
.courses-timer .subscribe-div{

}
.courses-timer .subscribe-div p{font-size: 13px;}
.courses-timer .subscribe-div .subscribe{
    position: absolute;
    right: 0;
    width: 40px;
    top: 0;
    height: 56px;
    border-radius: 0;
    z-index: 9;
}

.u-RTL .courses-timer .subscribe-div .subscribe{
    width: 35px;
}
.courses-timer .timer{
    
gap: 10px;
}

.u-RTL .courses-timer .timer{
    gap: 6px;
}
.courses-timer .timer div{
    
}


.courses-timer .timer div:after{
    
font-size: 14px;
    
right: -8px;
}

.u-RTL .courses-timer .timer div:after{
    right: unset;
    left: -8px;
}


.courses-timer .timer div:last-child::after{
}
.courses-timer .timer div span{font-size: 16px;}
.courses-timer .timer div span:last-child{font-size: 12px;}



    .why_us .a-CardView-header .why_card{
        align-items: center;
    }


.tafaseel_btn.buy_now{
    position: fixed;
    bottom: 105px;
    width: 30%;
    z-index: 99999;
    right: 15px;
    border-color: white;
    background-color: #ECCC23 !important;
    color: #1A3562 !important;
}

.tafaseel_btn.buy_now span{
    animation: buyNow 1s infinite;
    display: inline-block;
}


    .page-16 .ui-dialog.ui-front, .page-30 .ui-dialog.ui-front, .page-15 .ui-dialog.ui-front {
        top: 80px !important;
    }



    .course-details_end .row{
        padding: 0 15px;
    }


    .page-15 .product-name span, .page-30 .product-name span, .page-16 .product-name span{
        font-size: 24px;
    }


    .page-15 .t-Region:has(.trans_bg),
    .page-15 .tabs_region .t-Tabs{
        padding: 0 8px;
    }

.rating-region_body .t-Region{
    padding: 15px;
}
    .rating-region_body .t-Region-headerItems--title h2{
        margin: 0;
    }

    .login-pages .container{
    width: 85%;
}

.d-mobile-none{
    display: none;
}
    .whatsapp_row .fixed-whatsapp{
        width: 55px;
        height: 55px;
    }


    .page-15 .teacher_name > .col-start{
        flex-basis: 16%;
    max-width: 16%;
    }

.page-15 .teacher_name > .col.col-end{
    flex-basis: 84%;
    max-width: 84%;
}

.page-15 .teacher_name > .col.col-end .t-Form-fieldContainer.rel-col>.col{
    padding: 0;
}

.t_objs {
    margin-top: 30px;
}
.page-1 .owl-carousel button.owl-dot{
    width: 7px;
    height: 7px;

}


.page-1 .owl-carousel button.owl-dot.active{
    width: 14px;
    border-radius: 50px;
 
}

    
 .a-CardView-media {
    /* min-height: unset; */
}

    .page-24 .bank-transfer .custom_end_col h2{
        margin-top: 20px;
    }
.page-24 .bank-transfer .col {
    padding: 0 15px;
}

.page-24 .bank-transfer .col:has(.bank-cont){

    padding: 0;
}


.page-24 .bank_new > .col {
    padding: 0px 20px !important;
}

    .page-24 .attach .t-Form-label{
        margin: 0 15px;
    }

    .page-39 main > .t-Body-contentInner{
        padding: 0 15px;
    }

    .faq_header .t-Region-title{
        font-size: 22px;
    }


    .accordion-faq button{
        font-size: 16px;
    }

.accordion-faq button .accordion-faq-title{
    width: 80%;
    display: block;
    white-space: break-spaces;
    line-height: 1.2;

}

.accordion-faq .accordion-faq-item{
    padding: 20px 15px;
}


.accordion-faq .accordion-faq-content p {
    font-size: 13px;
    padding: 0 15px;
    padding-top: 5px;
    line-height: 1.4;
}
.about_bg{
        display: none;
    }

    .about-tafaseel{
        margin: 10px;
    top: -150px;
    margin-bottom: -160px;

        margin: auto;
    position: static;
    }

.about-tafaseel >.col.col-end{
    padding: 0;
}
.about-tafaseel .t-Region{
    padding: 50px 10px;
    background: unset;
    box-shadow: unset;
    padding: 0 15px;
    padding-top: 26px;
}

.vision_mission ul{
    gap: unset;
    justify-content: space-between;
}

.vision_mission ul li h5{
    font-size: 25px;
}

.t_objs img{
    margin-top: 20px;
}
.why_us .t-Region-title, .t_objs .objs_title, .vision_mission h2{
    margin: 0;
    margin-bottom: 20px;
}

.about-tafaseel .t-Region-header{
    background-color: unset;
}

.about-tafaseel .t-Region-title{
    font-size: 22px;
}
.vision_mission{
    margin-top: 30px;
}
.vision_mission h2{
    width: auto;
}
.vision_mission .t-Region{
    padding: 0 15px;
}

.vision_mission .t-Region .t-Region{
    padding: 0 ;
}

.t_objs .t-Region{
    padding: 0 15px ;
}


.t_objs .t-Region-body{
    padding: 0;
    overflow: hidden !important;
}
.t_objs .t-Region .t-Region{
    padding: 0 ;
}

    .contact-section{
        padding: 0;
    }
.why_us .t-Region-title,
.t_objs .objs_title,
.vision_mission h2{
    font-size: 22px;
    line-height: inherit;
    text-align: initial;
}


.vision_mission h2{
    padding: 0;
}

.why_us{
    height: auto;
    padding-top: 25px;
}

.why_us .t-Region-bodyWrap{
    position: static;
}





/* mobile web pages */
.page-2 .t-Body,
.page-20 .t-Body,
.page-40 .t-Body,
.page-47 .t-Body{
    padding: 0;
}
.page-2 .t-Header,
.page-20 .t-Header,
.page-40 .t-Header,
.page-47 .t-Header{
    display: none;
}


.page-40 .contact-section{
    background-color: unset;
}


.page-47 .faq_header .t-Region{
    padding: 0 15px;
}

.page-47 .accordion-faq .accordion-faq-item{
    margin: 15px;
}


.page-47 .faq_search{
    margin: 0 15px;
}

.page-47 .faq_search >.col.col-end{
    padding: 0;
}



/* mobile web pages */


.page-30 .tabs_region{
    padding: 15px;
}
.page-30 .tabbable{
    height: auto;
}
    .js_style .has-media--first .title-tag{
        /* left: 4px; */
        /* top: 7px; */
        /* font-size: 10px; */
        /* padding: 1px 3px; */
    }

    .u-RTL .js_style .has-media--first .title-tag{
        left: unset;
        right: 4px;
    }

.how-work .t-Region-body{
    padding-bottom: 20px;
}
    .how-img .t-Form-inputContainer .apex-item-image{
        display: none;
    }

.categories{
    padding-bottom: 0;
    padding-top: 40px;
}
  
    .popular_courses .t-Region {
    margin-top: 25px !important;
    margin-bottom: 30px !important;
}

.contact-page .custom-forms >.t-Region{
    padding: 30px 15px;
}

.js_style .has-media--first .cont-2{
    align-items: baseline;
}
.js_style .has-media--first .star-con .fa::before{
    margin: 0;
}

.js_style .has-media--first .header-con div{
    /* font-size: 14px; */
    /* margin-bottom: 5px; */
    min-height: auto;
}
.js_style .has-media--first .header-con div:last-child{
    /* font-size: 12px; */
    /* margin: 0; */
}


.js_style .has-media--first .cont-last{
    margin-top: 5px;
}

.js_style .has-media--first .a-CardView-subContent{
    /* margin-top: 5px; */
}


.categories .carousel_caption h2{
    font-size: 12px;
}

.t-Body{
    padding-top: 80px;
    padding-top: 72px;
}
.page-12 .t-Body-title .t-BreadcrumbRegion, .page-11 .t-Body-title .t-BreadcrumbRegion{
    height: auto;
}
    .privacy_page >.col >.t-Region {
    padding: 30px 15px;
    margin: 15px;
}


    .nav-tabs.wizard {
        width: 100%;
        width: auto;
        margin: 0 12px;
        /* margin-top: 50px; */
        /* background: #FAFAFA; */
        border-radius: 4px;
        padding: 16px;
        justify-content: space-between;
        padding-top: 66px;
    }

    .wizard li,.wizard li::before,.wizard li::after {
        /* display:none; */
        border: 0 !important;
        /* width: 20%; */
        /* height: auto; */
        /* text-align: center; */
    }

    .wizard li{
        width: 20%;
        height: auto;
        position: relative;
        background: unset !important;
        font-size: 12px;
        font-weight: 300;
    }

    .u-RTL .wizard li{
        font-size: 9px;
    }

    .wizard li a{
        text-transform: capitalize;
        color: #1A3562 !important;
    }
    .wizard li:before{
        width: 42px;
        height: 42px;
        top: -50px;
        background: #E1E1E1;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        border-radius: 50%;
        font-size: 16px;
        font-weight: bold;
        color: #9A99AB;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .wizard li:first-child:before{
        content:"1";
        
    }

        .wizard li:nth-child(2):before{
        content:"2";
        
    }

        .wizard li:nth-child(3):before{
        content:"3";
        
    }

        .wizard li:nth-child(4):before{
        content:"4";
        
    }

            .wizard li:nth-child(5):before{
        content:"5";
        
    }
    

    .wizard li.active:before{
        /* background: #eccc23; */
    }

    .wizard li.completed:before{
        background: #1a3562;
        color: #ECCC23;
    }

    .wizard li.active {
        /* width:50%; */
        /* margin:auto; */
        /* display:block; */
        /* text-align:center; */
        /* height:50px; */
        /* line-height:50px; */
        /* margin-bottom:15px; */
    }

    .u-RTL .wizard li::before{
        left: unset;
    }


.payment_methods .t-TabsRegion{
        background-color: #fff;

}

.page-24 .relative-row .summary_table .t-Region-header,
.page-24 .relative-row .t-TabsRegion >.t-Region-header{
        margin: 0;
    padding: 20px;
}


    .page-24 .relative-row .t-Region{
        background-color: #fff;
    }


    .page-24 .relative-row .t-Region-header{
        background-color: #fff;
    }

.page-24 .t-Body-title .t-BreadcrumbRegion,
.page-10 .t-Body-title .t-BreadcrumbRegion{
    height: auto;
}
    .page-24 .relative-row,
    .page-10 .relative-row{
        position: static;
        margin-bottom: 15px;
    }

    .page-10 .relative-row.custom-container .relative-col {
        /* order: 12; */
        margin-bottom: 15px;
    }

    .page-10 .append_row{
        position: static;
    }

    .page-10 .relative-row .t-Region{
            background: #fff;
    border-radius: 8px;
    padding: 20px;
    }

    .page-10 .append_row .t-Region{
        padding: 20px !important;
    }
    .page-10 .relative-row .col-end .t-Region-body{
        padding: 0;
    }
.page-10 .relative-row .t-Region-header{
    margin: auto;
}

.page-10 .relative-row .t-Region-title {

    font-size: 18px;
    font-weight: 600;
    color: #20202A;
    margin-bottom: 15px;
}

.page-10 .relative-row .without-img{
    padding: 0;
}



.page-10 .methods_row .apex-item-grid-row{
    flex-direction: column;
}
.page-10 .methods_row .apex-item-option{
    display: block !important;
    width: 100% !important;
}




.page-5 .c-phone-offers .apex-item-grid-row,
.page-4 .c-phone-offers .apex-item-grid-row{
    flex-direction: column;
}
.page-5 .c-phone-offers .apex-item-option,
.page-4 .c-phone-offers .apex-item-option{
    display: block !important;
    width: 100% !important;
}



.rating-region .rating-region_top .rates-con{
    gap: 20px;
}
    .rating-region_body .t-Comments-item .t-Comments-data{
        flex: 50%;
    }


.content_row .t-Region{
    overflow: hidden;
}
.content_region .row{
    margin: 0;
}


.page-16 .tabs_region .t-Tabs,
.page-30 .tabs_region .t-Tabs,
.page-15 .tabs_region .t-Tabs{
    gap: unset;
    justify-content: space-between;
}

.course-details_end .features_region{
    margin: auto;
}
.page-16 .t-Body-contentInner,
.page-30 .t-Body-contentInner,
.page-15 .t-Body-contentInner{
    padding: 15px 5px;
}
    .page-16 .t-Body-contentInner .custom-container,
    .page-30 .t-Body-contentInner .custom-container,
    .page-15 .t-Body-contentInner .custom-container{
        position: static;
        margin-bottom: auto;
    }
    .t-Body-title .t-BreadcrumbRegion{
        height: auto;
    /* padding-top: 110px; */
}


/* .page-16 .t-Body-title .t-BreadcrumbRegion, */
.page-30 .t-Body-title .t-BreadcrumbRegion,
.page-15 .t-Body-title .t-BreadcrumbRegion{
        height: auto;
    /* padding-top: 110px; */
}

.page-3 .custom-container,
.page-18 .custom-container{
    padding: 0 15px;
}
.details_bar{
    position: static;
    height: auto;
    padding: 20px 30px;
    margin-bottom: 30px;
    flex-direction: column;
}
.details_bar .row{
    justify-content: center;
}
.details_bar >.col-start,
.details_bar >.col-end{
    /* max-width: 50%;
    flex-basis: 50%; */
}
.details_bar .profile-name .t-Form-inputContainer{
    justify-content: center;
}

.details_bar .t-Form-itemWrapper{
    justify-content: center;
}

.details_bar .justify-end .col-start,
.details_bar .justify-end .col-end{
    padding: 0;
}

    .login-pages .col.col-start{
        order: 12;
    }
.private-courses .days_check .apex-item-grid-row{
    display: block;
    margin-bottom: 0;
}
    
.private-courses .days_check .apex-item-option {
    display: inline-block;
    width: 32% !important;
    float: unset;
    position: static;
    margin-bottom: 15px;
}
.private-courses .days_check .apex-item-checkbox .apex-item-option input+label{
     display: block;
    width: 90%;
}
   

  .company-offers .t-Region {
    padding: 30px 15px;
  }

    .slider_caption{
        max-width: 95%;
        gap: 5px;
        bottom: 2px;
        top: unset;
        left: 5px;
        right: unset;
    }


    .slider_caption h1{
        font-size: 28px;
    font-size: 16px;
    line-height: inherit;

    }
    .slider_caption p {
        font-size: 13px;
        line-height: 1.2;
    }

    .slider_caption a{
        font-size: 12px;
        line-height: 20px;
        width: 72px;
        height: 22px;
    }

    .categories .owl-carousel .owl-item img {

        border-radius: 0;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        height: 90px;
        object-fit: cover;

    }
    .categories .carousel_caption{
        bottom: unset;
        top: 100%;
    border-radius: 0;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
        height: auto;
        justify-content: space-between;
        gap: 5px;
        padding: 5px;
    }

    .categories .t-Region-title{
        font-size: 22px;
    }

    .popular_courses .t-Region-header h1{
        font-size: 22px;
        margin-bottom: 10px;
    }


    .how-work h2{
        font-size: 22px;
        margin: 33px 0;
    }


    .why_tafaseel{
        height: auto;
        padding: 50px 0;
        padding: 30px 0;

    }

    .why_tafaseel .t-Region-bodyWrap{
        position: static;
    }
    .why_tafaseel .t-Region-title{
        font-size: 22px;
            margin-bottom: 20px;
        margin-top: 0;
    }   
    .why_tafaseel .a-CardView-items{
        flex-direction: column;
        align-items: center;
    }

        .why_tafaseel .a-CardView-items li{
            width: 95%;
        }

    .levels .t-Region-header{
        position: static;
    }

    .levels{
        padding: 50px 0;
        text-align: center;
        display: none;
    }
    
   

.levels .t-Form-itemWrapper{
    justify-content: center;
    width: 100%;
    }

.levels .t-Region--noBorder {
    padding: 0 15px;
    background-image: unset;
}
.levels > .col{
    margin-bottom: 0;
}
.levels .t-Region-title{
    margin-bottom: 15px;
    font-size: 22px;
}
.contact-section .t-Region-title{
    font-size: 22px;
    margin: 20px 0;
    line-height: inherit;
}

.page-44 .contact-section .t-Button,
.page-1 .contact-section .t-Button{
    margin-bottom: 0;
}

footer.t-Footer{
    padding: 0 15px;
}


footer.t-Footer .t-Footer-content .col-start{
    order: 12;
}

footer.t-Footer .t-Footer-content .col-start *{
    justify-content: center;
}

footer.t-Footer .mob-50{
    max-width: 50%;
    flex-basis: 50%;
    text-align: start;
}

footer.t-Footer .t-Region-title{
    text-align: start;
}
footer.t-Footer .t-Footer-top{
    text-align: center;
}



.mobile-nav {
  overflow: hidden;
  background-color: #1a3562;
  position: relative;
  position: fixed;
  width: 100%;
  z-index: 99999;
}

.page-1 .mobile-nav{
  /* background-color: transparent; */
  margin-top: 56px;
}

.mobile-nav #myLinks {
  height: 0;
  transition: 0.7s;
  /* padding-top: 50px; */
    background: linear-gradient(180deg, #1A3C6B 0%, #2E5EA0 100%);
}

.mobile-nav #myLinks.show {
  /* height: 180px;
  height: 38vh;
  height: 50vh; */
  height: calc(100vh - 72px);
  padding-top: 20px;
    overflow-y: scroll;

}

.mobile-nav a {
  color: white;
  padding: 5px 16px;
  text-decoration: none;
  font-size: 17px;
  display: block;
}


.mobile-nav .t-Button--navBar .t-Button-label{
    display: block;
    font-weight: 400;
}


.mobile-nav .mob_menu_icons{
    flex: 50%;
}
.mobile-nav .mobile-logo{
    flex: 25%;
    display: flex;
    align-items: center;
}
.mobile-nav .mob_menu_icons li{

}

.mobile-nav #myLinks .t-NavigationBar{
    flex-direction: column;
    align-items: start;
    gap: 15px;
    padding-top: 15px;
}

.mobile-nav #myLinks >.t-NavigationBar {
    display: none;
}


.mobile-nav #myLinks .t-Button--warning{
    background-color: unset;
    padding: 0;
}

.mobile-nav a.icon {
  /* background: black; */
  display: block;
  position: absolute;
  right: 10px;
  top: 24px;
  padding: 0;
  width: 24px;
  height: 24px;
}

.u-RTL .mobile-nav a.icon{
  left: 10px;
  right: unset;
}

.mobile-nav a.icon svg {
  width: 100%;
  height: auto;
}

.mobile-nav a.icon svg:first-child {
  display: block;
}
.mobile-nav a.icon svg:last-child {
  display: none;
}

.mobile-nav a.icon.opened svg:first-child {
  display: none;
}
.mobile-nav a.icon.opened svg:last-child {
  display: block;
}

.mobile-nav a.icon svg path {
  fill: #fff;
}

.mobile-nav .mobile-logo {
    /* background-color: #1a3562;
    color: white;
    opacity: 0;
    z-index: -1;
    position: relative;
    cursor: not-allowed; */
}

.mobile-nav .mobile-logo img {
  width: 65px;
}

.mobile-nav .mob_menu_icons .ch-lang{
    display: none;
}

.mobile-nav .top-menu{
    display: flex;
    align-items: center;
    min-height: 72px;
    height: 72px;
}

.mobile-nav.scrolled .top-menu,
.mobile-nav:has(.opened) .top-menu{
    background: #1A3C6B;
}



.mobile-nav .mob_menu_icons .t-NavigationBar li:last-child,
.mobile-nav .mob_menu_icons .t-NavigationBar li:nth-child(3){
    display: none;
}



 #myLinks .t-NavigationBar-item:has(.fa-shopping-cart),
 #myLinks .t-NavigationBar-item:has(.fa-bell-o){
    display: none;
}


 #myLinks .t-NavigationBar-item{

}


.fixed-apps{
    display: block;
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #1a3562;
    padding: 5px 0;
    left: 0;
    right: 0;
    z-index: 9999;
    }
    .fixed-apps p{
        color: #fff;
        text-align: center;
        margin: 14px 0;
    }

    .fixed-apps .apps-links{
    display: flex;
    text-align: center;
    align-items: center;
    }
    .fixed-apps .apps-links a{}
    .fixed-apps .apps-links a img{
        width: 75%;
    }


footer.t-Footer{
    padding-bottom: 115px;
    background: linear-gradient(180deg, #1A3C6B 0%, #2E5EA0 100%);
    }


  .container:has(.courses-row) {
    margin: auto;
  }

  .order-last-mobile {
    order: 12;
  }
  .logoCenter .t-Form-itemWrapper {
    justify-content: center;
  }
  #P0_GO_TO_TOP_CONTAINER .t-Form-inputContainer {
    justify-content: center;
  }
  .spaceBetween .col-6-mob {
    flex-basis: 50%;
    max-width: 50%;
  }
  .spaceBetween .apex-col-auto .t-Form-fieldContainer.rel-col > .col {
    justify-content: center;
  }


    .page-1 .t-Body{
        padding: 0;
    }





}


@media (max-width: 639px){
.page-44 .t-ImageRegion--stretch img{
    display: none;
}
}

@media (max-width: 599px)

{
      .js_style .has-media--first{
        display: flex;
        flex-direction: row;
            border: 1px solid #6968781f;
    }
    
    .js_style .has-media--first .a-CardView-media{
        flex: 30%;
    }
    .js_style .has-media--first .js-body{
        order: 1;
        flex: 70%;
    }

    .js_style .has-media--first .a-CardView-subContent .cont{
        /* border-top: 1px solid #c1c1c1; */
        /* padding-top: 5px; */
        /* margin-top: 5px; */
    }


    .js_style .has-media--first .cont-last .teacher{
        display: none;
    }
    .js_style .has-media--first .a-CardView-body{
            padding-top: 0;
            padding-top: 10px;
            padding-bottom: 5px;
            padding-left: 10px;
        padding-right: 10px;

            flex: 70%;
        border: none;
    }

    .js_style .has-media--first .a-CardView-header{
        padding-bottom: 0;
        padding-top: 5px;
        padding-left: 10px;
        padding-right: 10px;
        display: none;
    }
.js_style .has-media--first .a-CardView-subContent .cont span{
    /* gap: 0px; */
    /* font-size: 12px; */
    /* font-weight: 500; */
    /* align-items: end; */
}

}



@media (min-width: 1200px) {

     .tf-slides.slide-2 .slider-container{
        width: 100%;
        max-width: 100%;
    }

      .tf-slides.slide-2 .slider-container{
        width: 100%;
    }

        .tf-slides.slide-2 .slide-content .slide-info{
        margin-inline-start: calc(50vw - 570px);
    }


.full-width-row{
    width: 100vw;
    display: block;
    margin-inline-start: calc(570px - 50vw);
}
    

    .page-3 .search-area .t-Region-header{
    display: none;
}
  .t-Header-branding {
    gap: unset;
    padding: 0px;
  }
  #app-breadcrumb .t-BreadcrumbRegion-top,
  .t-Header-branding,
  footer.t-Footer .t-Footer-body,
  .container:has(.timer-container) ,
  .container:has(.custom-container) {
    max-width: 1140px;
    margin: auto;
    width: 1140px;
  }



  .slider-container{
    margin-inline-start: calc(50vw - 570px);

  }


  .page-1 .container:has(.custom-container) {
    width: auto;
    margin: auto;
  }

    
    .page-1 .owl-dots,
    .page-1 .custom-container{
        width: 1140px;
        margin: auto;
        max-width: 1140px;
    }



  .spaceBetween {
    justify-content: space-between;
  }
  .t-NavigationBar .t-NavigationBar-item {
    position: relative;
    display: flex;
    height: 100%;
  }
  .t-Header-navBar,
  .t-Header-navBar div,
  .t-NavigationBar {
    height: 100%;
  }

  .t-Header-navBar--start .t-NavigationBar .t-NavigationBar-item.is-active::after {
    content: " ";
    display: block;
    height: 4px;
    background: rgb(236, 204, 35);
    width: 35%;
    position: absolute;
    bottom: -1px;
    margin: auto;
    left: 0px;
    right: 0px;
  }

  .t-NavigationBar {
    align-items: center;
  }
  .t-NavigationBar .t-NavigationBar-item {
  }
  .t-NavigationBar .t-NavigationBar-item .t-Button {
    color: rgba(255, 255, 255, 0.5);
    font-size: 16px;
  }

  .u-RTL .t-NavigationBar .t-NavigationBar-item .t-Button{
      font-size: 14px;
  }
  .t-NavigationBar .t-NavigationBar-item.is-active {
  }
  .t-NavigationBar .t-NavigationBar-item.is-active .t-Button {
    color: rgb(255, 255, 255);
  }
  .t-NavigationBar .t-NavigationBar-item .t-Button:hover {
    background: unset;
    color: rgb(255, 255, 255);
  }
  .t-NavigationBar .t-NavigationBar-item .t-Button.t-Button--warning {
    width: 75px;
    height: 32px;
    text-align: center;
    font-size: 14px;
    font-weight: 300;
  }

  .u-RTL .t-Header-navBar--center .t-NavigationBar .t-NavigationBar-item.t-Button--warning{
      width: auto;
  }
  .t-Header-navBar--center .t-NavigationBar .t-NavigationBar-item {
    font-size: 14px;
    font-weight: 400;
    color: rgb(255, 255, 255);
  }
  .t-Header-navBar--center .t-NavigationBar .t-NavigationBar-item .t-Button {
    color: rgb(255, 255, 255);
    padding: 0;
  }
  .t-Header-navBar--center
    .t-NavigationBar
    .t-NavigationBar-item.t-Button--warning {
    width: 75px;
    height: 32px;
    text-align: center;
    font-size: 14px;
    font-weight: 300;


  }

    .t-Header-navBar--center
    .t-NavigationBar{
        gap: 15px;
    }
  .t-Header-navBar--center
    .t-NavigationBar
    .t-NavigationBar-item.t-Button--warning
    .t-Button {
    color: rgb(26, 53, 98);
    text-align: center;
    font-size: 14px;
    font-weight: 300;
        box-shadow: unset;
    border: none;
  }
  .t-Header-navBar--center
    .t-NavigationBar
    .t-NavigationBar-item.t-Button--warning {
        box-shadow: unset;
  }

  .page-9999 {
      /* overflow: hidden; */
  }
    .page-14 main > .t-Body-contentInner{
        background-color: #fff;

    }

     .page-9999 main > .t-Body-contentInner{
        background-color: #fff;

    }


    .page-13 {
      /* overflow: hidden; */
  }


    .page-38 main > .t-Body-contentInner,
    .page-43 main > .t-Body-contentInner,
    .page-42 main > .t-Body-contentInner,
    .page-45 main > .t-Body-contentInner,
    .page-13 main > .t-Body-contentInner{
        background-color: #fff;
    }


    .page-13 .col-6>.rel-col .col-6:has(img){
        padding: 0;
    }

    .page-9999 .col-6>.rel-col .col-6:has(img){
        padding: 0;
    }
    /* ---------------- NEW------------- */


    .t-NavigationBar .t-NavigationBar-item .t-Button {
        color: rgba(255, 255, 255, 0.8);
    }

    .t-NavigationBar .t-NavigationBar-item.is-active .t-Button {
        color: rgb(236, 204, 35);
    }

    .t-Header-navBar--center .t-NavigationBar .t-NavigationBar-item.t-Button--warning {
        height: 44px;
        border-radius: 100px;
        width: auto;
        padding: 0px 32px;
        /* font-size: 18px; */
        /* font-weight: 500; */
        /* color: #1A3C6B; */
        background-color: #ffffffe6;
        transition: .4s;

    }

    
    .t-Header-navBar--center .t-NavigationBar .t-NavigationBar-item.t-Button--warning:hover{
        background-color: #fff;

    }

    .t-Header-navBar--center .t-NavigationBar .t-NavigationBar-item.t-Button--warning .t-Button {
        font-size: 18px;
        font-weight: 500;
        color: #1A3C6B;
    }

    .t-Header-navBar--center .t-NavigationBar .t-NavigationBar-item.signup {
        background-color: #ffc627e6;
        height: 44px;
        border-radius: 100px;
        width: auto;
        padding: 0px 32px;
        transition: .4s;
    }

    .t-Header-navBar--center .t-NavigationBar .t-NavigationBar-item.signup:hover{
        background-color: #FFC627;
    }

    .t-Header-navBar--center .t-NavigationBar .t-NavigationBar-item.signup .t-Button {
        font-size: 18px;
        font-weight: 500;
        color: #1A3C6B;
    }

    .t-Header-navBar--center .t-NavigationBar .t-NavigationBar-item.ch-lang {
        height: 44px;
        border-radius: 100px;
        width: auto;
        padding: 0px 12px;
        background-color: #1A3C6B;
        border: 1px solid #fff;
    }

    .t-Header-navBar--center .t-NavigationBar .t-NavigationBar-item.ch-lang .t-Button {
    }

    .u-RTL .t-Header-navBar--center .t-NavigationBar .t-NavigationBar-item.ch-lang .t-Button{
        flex-direction: row-reverse;
    }

    .u-RTL .t-Header-navBar--center .t-NavigationBar .t-NavigationBar-item.ch-lang .t-Button--navBar .t-Icon{
        margin-inline-end: 0;
        margin-inline-start: var(--a-button-icon-spacing, .25rem);
    }
    
    .t-Header-navBar--center .t-NavigationBar .t-NavigationBar-item.ch-lang .fa-language::before {
            content: url(sa-flag.svg);

    }
    .u-RTL .t-Header-navBar--center .t-NavigationBar .t-NavigationBar-item.ch-lang .fa-language::before {
    
        content: url(en.svg);
    }

}

@media (min-width: 992px) {
    .my-order-c{
        display: none !important;
    }

    .free-level{
        display: none !important;

    }
}

@media (min-width: 1400px) {

    .tf-slides.slide-2 .slide-content .slide-info{
        margin-inline-start: calc(50vw - 660px);
    }

    .full-width-row{
    width: 100vw;
    display: block;
    margin-inline-start: calc(660px - 50vw);
}

  #app-breadcrumb .t-BreadcrumbRegion-top,
  .t-Header-branding,
  footer.t-Footer .t-Footer-body,
  .container:has(.custom-container) ,
  .container:has(.timer-container){
    max-width: 1320px;
    margin: auto;
    width: 1320px;
  }

.slider-container{
    margin-inline-start: calc(50vw - 660px);

  }

    .page-1 .container:has(.custom-container) {
    width: auto;
    margin: auto;
  }

.page-1 .owl-dots,
.page-1 .custom-container{
    max-width: 1320px;
    margin: auto;
    width: 1320px;
  }



}

.t-Alert--page .t-Button.t-Button--closeAlert {
    padding: 2px;
}

/* animations */


@keyframes fadeInFromLeft {
  from {
    opacity: 0;
    transform: translateX(-50px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.fade-in-left {
  animation: fadeInFromLeft .5s ease-in-out forwards;
}



@media (max-width: 768px) and (max-height: 750px) {
  .tf-slides .slide-content .slide-img{
      display: none;
  }
}