
body {
  margin: 0;
  font-family: Arial, sans-serif;
  background-color: #ffffff;
  padding: 20px;
}
.learn-head-more .custom-dropdown{
    margin-left: 20px !important;
}
.login-after-page nav.navbar {
    z-index: 1111;
}
.info-box ul li{
color: #313131;
  margin-bottom: 10px;
  font-size: 21px;
  font-family: 'Instrument Sans', sans-serif;
  line-height: 25px;
}
.panel-content .dashboard-banner-container {
    margin-top: 15px;
}
.info-box a i{
margin-left:7px;
}
.price-duration-inner{
display:flex;
}
.header-inner-part .custom-dropdown{
margin-left: 20px !important;
}
section.sect-contact-us{
  background: #bdd8e2;
height:225px;
}
.contact-us-heads{
  padding: 120px 0px 70px 0;
}
.shopping-cart-inner .feather-shopping-cart{
    width: 45px;
    height: 45px;
    margin-bottom: 10px;

}
.notification-inner .feather-bell{
    width: 45px;
    height: 45px;
    margin-bottom: 10px;
}
.navbar-notification-card .bell-icon{
    font-family: 'Poppins';
    font-size: 25px;
    font-weight: 500;
}
.webinnar-inner{
display:flex;
}
.go-to-learn{
    position: relative;
    top: 12px;
}
.arabic-home-page .navbar-auth-user-dropdown .navbar-auth-user-dropdown-item .icons {
    margin-left: 6px;
}
.shoping-span{
    font-size: 25px;
    font-weight: 500;
font-family: 'Poppins';
}
.arabic-contact-page{
  direction: rtl;
    text-align: right;
}
.arabic-course-page{
  direction: rtl;
    text-align: right;
}
.webinnar-inner .learing-page-btn{
background-color: #003788;
    border-color: #003788;
}
.go-to-learn{
background-color: #003788;
    border-color: #003788;
}
.webinar-card .webinar-card-body .webinar-price-box .real {
color:#003788;
}
.login-before-page .webinar-card .webinar-card-body .webinar-price-box .real {
    font-size: 20px;
    font-weight: 800;
    line-height: 1.22;
    color:#003788;
}
div.top-navbar .dropdown .dropdown-menu {
   right: -8px !important;
    left: auto !important;
    top: 38px;
}
.learning-pages div.top-navbar .dropdown .dropdown-menu {
    top: -15px;
}

.arabic-about div.top-navbar .dropdown .dropdown-menu {
    top: -30%;
       right: -65px !important;
}
.arabic-home-page div.top-navbar .dropdown .dropdown-menu {
    top: -30%;
        right: -65px !important;
}
.arabic-contact-page div.top-navbar .dropdown .dropdown-menu {
    top: -30%;
  right: -65px !important;
}
.arabic-course-page div.top-navbar .dropdown .dropdown-menu {
    top: -30%;
      right: -65px !important;
}
.about-us-page div.top-navbar .dropdown .dropdown-menu {
    top: -30%;
    right: -8px !important;
}
.course-page div.top-navbar .dropdown .dropdown-menu {
    top: -30%;
    right: -8px !important;
}
.contact-page div.top-navbar .dropdown .dropdown-menu {
    top: -30%;
    right: -8px !important;
}
.home-main-content div.top-navbar .dropdown .dropdown-menu {
    top: -30%;
    right: -8px !important;
}
.arabic-about .cart-inner .dropdown-menu {
    top: -30%;
       right: -65px !important;
}
.arabic-home-page .cart-inner .dropdown-menu {
    top: -30%;
       right: -65px !important;
}
.arabic-contact-page .cart-inner .dropdown-menu {
    top: -30%;
       right: -65px !important;
}
.arabic-course-page .cart-inner .dropdown-menu {
    top: -30%;
       right: -65px !important;
}
.panel-arabic-student div.top-navbar .dropdown .dropdown-menu {
       right: -65px !important;
}
.panel-arabic-instructor .cart-inner .dropdown-menu {
       right: -65px !important;
}
.arabic-contact-page .top-navbar .dropdown .dropdown-menu:after {
    right: 76px;
}
.panel-arabic-student .panel-sidebar .sidebar-menu .sidenav-item .sidenav-item-icon {
    margin-left: 5px !important;
}
.arabic-course-page .top-navbar .dropdown .dropdown-menu:after {
    right: 76px;
}
.arabic-about .top-navbar .dropdown .dropdown-menu:after {
    right: 76px;
}
.panel-arabic-student .top-navbar .dropdown .dropdown-menu:after {
    right: 76px;
}
.arabic-home-page .top-navbar .dropdown .dropdown-menu:after {
    right: 76px;
}
.panel-arabic-instructor .top-navbar .dropdown .dropdown-menu:after {
    right: 76px;
}
.arabic-contact-page .navbar-auth-user-dropdown .custom-dropdown-body {
       right: -91px;
}
.arabic-course-page .navbar-auth-user-dropdown .custom-dropdown-body {
       right: -91px;
}
.arabic-about .navbar-auth-user-dropdown .custom-dropdown-body {
       right: -91px;
}
.panel-arabic-student .navbar-auth-user-dropdown .custom-dropdown-body {
       right: -91px;
}
.panel-arabic-instructor .navbar-auth-user-dropdown .custom-dropdown-body {
       right: -91px;
}
.panel-arabic-student .learn-head-more .text-dark-blue {
    text-align: right;
    margin-right: 5px;
}
.panel-arabic-student{
    direction: rtl;
    text-align: right;

}
.panel-arabic-instructor{
   direction: rtl;
    text-align: right;
}
.panel-arabic-student .justify-content-end{
    justify-content: flex-end !important;
}
.panel-arabic-student .panel-sidebar {
    right: 0;
}
.panel-arabic-instructor .panel-sidebar {
    right: 0;
}
.panel-arabic-instructor .panel-sidebar .sidebar-menu .sidenav-item .sidenav-item-icon {
    margin-left: 5px !important;
}
.site-top-banner {
  height: 250px;
}	
.arabic-home-page .navbar-auth-user-dropdown .custom-dropdown-body {
    right: -47px;
}
.brand-logo {
  display: flex;
  align-items: center;
}

.brand-logo img {
  width: 150px;
  max-height: 85px;
  margin-right: 10px;
}

.navbar-nav .nav-link {
  color: #000;
  font-weight: bold;
  margin-right: 30px;
}

.navbar-nav .nav-link:hover {
  color: #007bff;
}
.hero-content h1{
color: #007bff;
}

.btn-learn-more {
  background-color: white;
  color: #000;
  border-radius: 25px;
  padding: 10px 20px;
  font-family: 'Poppins';
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
height:42px;
}

.item-nav-head{
text-align: center;
}
.btn-learn-more:hover {
  background-color: #007bff;
  color: white;
}
.content-nav-head li img{
  width: 24px;
  height: 23px;
}
.content-nav-head .navbar-nav .nav-link{
  font-family: 'Poppins';
 font-weight:500;
 font-size: 12px;
 line-height: 18px;
}
.content-nav-head{
display: flex;
justify-content: center;
border-radius: 50px;
background-color: #fff;
padding: 5px 10px;
}

.hero {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.hero-content {
  flex: 1 1 50%;

}

.hero-content h1 {
  font-size: 2.8rem;
  font-weight: 600;
  color: #222;
}

.hero-content p {
  font-size: 16px;
  line-height: 1.6;
  width: 90%;
  margin-top: 33px; 
font-family: 'Instrument Sans', sans-serif;
text-transform: capitalize;
  font-weight: 400;
  color: #5E5E5E;

}

.hero-content .cta {
  display: flex;
  margin-top: 30px;
}

.hero-content .cta .join-btn {
  background-color: #003788;
  color: #fff;
 width: 118px;
 height: 44px;
  border: none;
  border-radius: 16px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  font-family: 'Poppins';
}
.header-bg {
  position: absolute;
  width: 98%;
}
.hero img{
  width: 100%;
 height: 820px;
}
.hero .hero-content{
position: absolute;
bottom: 0px;
top: 535px;
width: 35%;
}

.hero-content h1 span.student-inner,
.hero .hero-content h1{
  font-family: 'Poppins';
  font-weight: 600;
  line-height: 70px;
}
.hero .hero-content h1{
font-size: 32px;
}
.hero-content h1 span.scholarship-inner{
color: #003788;
}
.hero-content h1 span.student-inner{
font-size: 60px;
}
.cta .join-btn{
position: absolute;
top: 100px;
right: 100px;
}
.content-nav-head-content{
display: flex;
justify-content: space-between;
}
.login-before-page .learn-head-more{
width: 15%;
text-align: end;
}
.login-after-page .learn-head-more {
    width: 15%;
    text-align: end;
display: flex;
}
.content-nav-head-content{
display: flex;
justify-content: center;
}
.scholarship-section {
  background-color: #E6F1F5;
  border-radius: 20px;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 40px;
}

.scholarship-text {
  flex: 1;
  margin-right: 20px;
}

.scholarship-title {
  font-size: 45px;
  font-weight: 500;
  margin-bottom: 15px;
  line-height: 67px;
  font-family: 'Poppins';
  color: #000000;
  width:60% ;
}

.scholarship-description {
  font-size: 16px;
  margin-bottom: 20px;
  color: #818181;
  font-weight: 400;
  line-height: 24px;
  font-family: 'Instrument Sans', sans-serif;
  width: 80%;
}



.btn-explore:hover {
  background-color: #0056b3;
}

.scholarship-image img {
  width: 100%;
  border-radius: 15px;
  max-width: 748px;
  height: 438px;
}
.btn-explore{
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  font-family: 'Poppins';
  width: 161px;
  height: 44px;
  background-color: #003788;
  border-radius: 16px;
  color: white;
  text-decoration: none;
border: 1px solid #003788;
}
.btn-explore i{
  margin-left: 5px;
}
.custom-card{
  background-color: #ADD0EA;
}
.custom-card1{
border: 1px solid #000;
}
.custom-card1,
.custom-card {

  border-radius: 26px;
  padding: 30px;
  text-align: center;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  text-align: left;
  width: 95%;
}
.custom-card1:hover{
background: rgba(173, 208, 234, 1);
  border: 1px solid rgba(173, 208, 234, 1);
}
.info-box ul li{
list-style: disc;
}
.scholer-tottly{
padding-left:25px;
padding-top:20px;
}
div.sidebar-create-class{
display: none !important;
}
.content-inner{
  margin: 30px 0;
  padding: 0;
}
.custom-card1 h5,
.custom-card h5 {
  font-size: 19px;
  font-weight: 500;
  line-height: 23px;
    font-family: 'Instrument Sans';
    color: #3D3D3D;
    margin-top: 25px;
  
}
.custom-card1 p,
.custom-card p {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
    font-family: 'Instrument Sans';
    color: #666666;
    margin-top: 20px;
}   

.custom-card1 img,
.custom-card img {
  width: 50px;
  height: 50px;
}


.info-box ul {
  list-style: disc;
  padding-left: 20px;
}

.info-box li {
  margin-bottom: 10px;
  font-size: 1rem;
  color: #333;
}
.bg-inner-question img{
  width: 166px;
  height: 275px;
  margin-top: 75px;
}
.bg-inner-question{
background: #E6F1F5;
width: 376px;
height: 438px;
border-radius: 35px;
text-align: center;
}
.image-boxx{
display: flex;
  justify-content: end;
}
.learn-more-btn {
  width: 132px;
  height: 44px;
  border: 1px solid #000000;
  border-radius: 16px;
  font-size: 13px;
  font-family: 'Poppins';
  font-weight: 500;
  color: #000000;
  line-height: 30px;
  margin-left: 20px;
padding: 0;
}
.info-box ul li{
  color: #313131!important;
  font-family: 'Instrument Sans';
  font-size: 21px;
line-height: 25px;
font-weight: 400;
  margin-bottom: 20px !important;	

}
.scholer-inner h2{
  font-family: 'Poppins';
  color: #000;
  font-size: 45px;
  font-weight: 500;
  line-height: 67px;
}

.image-box {
  background-color: #e7f1fc;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  height: 100%;
}

.image-box img {
  width: 50%;
  opacity: 0.8;
}

.section-heading {
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 1rem;
}

.section-subtitle {
  font-size: 1rem;
  color: #555;
  margin-bottom: 2rem;
}

.info-card {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 45px 30px 50px 30px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
min-height: 320px;
}

.info-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.info-card img {
  width: 75px;
  height: 75px;
  margin-bottom: 15px;
}

.info-card-title {
  font-size: 1.2rem;
  font-weight: bold;
  margin-bottom: 10px;
}
.section-headingg{
  font-size: 45px;
  font-weight: 500;
  line-height: 67px;
  font-family: 'Poppins';
  color: #000000;
}
img.img-line{
  height: 75px;
  width: 2px;
margin-left: 17px;
}
.btn-custom-learn{
  background-color: #003788;
  border: 1px solid #000000;
  width: 132px;
  height: 44px;
  color: #ffffff;
  font-size: 13px;
  font-weight: 500;
  line-height: 30px;
  font-family: 'Poppins';
  border-radius: 15px;
  padding: 0;

}

.section-subtitlee{
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  font-family: 'Poppins';
  color: #6B6B6B;

}
.info-card-text {
  font-size: 0.9rem;
  color: #555;
  margin-bottom: 10px;
}
.info-card-inner{
  text-align: left;
}
.main-container{
  padding: 50px 20px 30px 20px;
  background-color: #E6F1F5;
  margin-top: 50px;
  border-radius: 35px;
}





.info-card-inner .info-card-title{
  font-family: 'Plus Jakarta Sans';
  font-size: 15px;
  font-weight:700;
  line-height: 18px;
  min-height: 25px;
}
.info-card-inner .info-card-text{
  font-family: 'Instrument Sans';
  font-size: 12px;
  font-weight: 400;
  line-height: 17px;
  color:#7E7E7E ;
margin-top: 5px;
min-height: 55px;

}
.info-card-inner .text-primary{
  color: #212121!important;
  text-decoration: none;
  font-weight: 500;
  font-size: 13px;
  line-height: 19px;
  font-family: 'Poppins';
}
.enrol-now{
  text-align: end;
margin-top: 20px;

}
.enrol-now .btn-primary-custom{
  width: 152px;
  height: 44px;
  background-color: #003788;
  color: #ffffff;
  border-radius: 16px;
  font-weight: 500;
  font-size: 14px;
  line-height: 30px;
  font-family: 'Poppins';
padding: 0;
}


.benefits-section {
  padding: 50px 30px 0px 30px;
  background-color: #ffffff;
}


.benefits-title span {
  color: #003788;
}

.benefit-item {
  display: flex;
  align-items: center;
  padding: 10px 0;
  border-bottom: 1px solid #000000;
}

.benefit-number {
  font-size: 2rem;
  font-weight: bold;
  color: #ccc;
  margin-right: 20px;
}

.benefit-heading {
  font-size: 1.2rem;
  font-weight: bold;
  margin-bottom: 5px;
}

.benefit-description {
  font-size: 0.9rem;
  color: #555;
}
.benefit-number{
width: 15%;
}
.benefit-heading-inner{
width: 43%;
}
.benefit-heading-inner .benefit-heading{
  color: #343434;
  font-size: 35px;
  font-family: 'Poppins';
  font-weight: 500;
  line-height: 50px;
    }    
.benefit-description-inner {
width: 42%;
}
.benefit-description-inner .benefit-description{
  color: #6B6B6B;
  font-size: 16px;
  font-family: 'Instrument Sans';
  font-weight: 400;
  line-height: 24px;
  margin: 0;
    }
    .benefits-section .benefits-title{
      font-size: 45px;
      font-family: 'Poppins';
      font-weight: 500;
      line-height: 50px;
      margin-bottom: 30px;
    }
    .cta-section {
      background-color: #003d99; /* Navy blue background */
      color: #ffffff; /* White text */
      padding: 20px;
      border-radius: 10px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      height: 141px;
      border-radius: 26px;
      width: 80%;
    }

    .cta-text {
      font-family: 'Poppins';
      font-size: 30px;
      font-weight: 500;
      line-height: 45px;
      color: #ffffff;
      margin: 0;
    }
    .container-cotent{
      display: flex;
      justify-content: center;
      position: relative;
      top: 70px;
    }

    .cta-button {
      font-family: 'Poppins';
      background-color: #ffffff; 
      color: #000000;
      border: none;
      font-size: 14px;
    width: 140px;
    height: 44px;
      border-radius: 20px;
      font-weight: 500;
      transition: background-color 0.3s ease, color 0.3s ease;
      line-height: 21px;
    }


    .footer-section {
      background-color: #e8f4f8; /* Light blue background */
      padding: 40px 20px;
      text-align: center;
  border-radius: 30px;
    }

  .footer-text-dflex{
      display: flex;
      justify-content: center;
  }
  .footer-text{
      width: 27%
  }
.social-icons{
  display: flex;
  justify-content: center;
}
    .footer-text {
      font-size: 16px;
      color: #5E5E5E;
      margin-bottom: 20px;
      margin-top: 25px;
font-family: 'Instrument Sans', sans-serif;
font-weight:400;
    }

    .social-icons a {
      margin: 0 10px;
      color: #333;
      font-size: 1.5rem;
      transition: color 0.3s ease;
    }

    .footer-menu {
      margin-top: 20px;
      display: flex;
  justify-content: center;
    }

    .footer-menu .nav-link {
      color: #003d99;
      font-weight: 500;
      padding: 0.5rem 1rem;
      transition: background-color 0.3s ease, color 0.3s ease;
      font-family: 'Poppins';
      font-size: 12px;
      color: #000000;

    }


    .footer-logo img{
      width: 228px;
      height: 85px;
    }
.footer-logo{
  margin-top: 60px;
}


.social-icon-inner{
background: #fff;
width: 34px;
height: 34px;
border-radius: 50px;
margin-left: 15px;
padding: 3px;
}


.social-icon-inner img{
  width: 20px;
  height: 18px;
  }
.footer-menu ul.nav{
  width: 100%;
max-width:410px;
  background: #ffffff;
  border-radius: 50px;
  padding: 6px 10px;
justify-content: unset !important;
}


.logo-res-mob{
width: 20%;
}

@media (max-width: 768px) {
  .scholarship-section {
      flex-direction: column;
      text-align: center;

  }
  .scholarship-text {
      margin-right: 0;
      margin-bottom: 20px;
  }
}
@media (max-width: 1200px){
.btn-learn-more {
    padding: 10px 8px;
}
.panel-page-student .webinar-card .stars-card {
    margin-top: 10px !important;
}
.go-to-learn {
    position: relative;
    top: 3px;
    width: 95px;
    height: 29px;
    font-size: 7px !important;
    padding-right: 5px;
    padding-left: 5px;
}
.webinar-alllin .badge {
    font-size: 8px;
}
    .webinar-card-body div.align-items-center a.webinar-alllin {
        width: 35%!important;
    }

.webinar-card .webinar-card-body .webinar-title {
    font-size: 8px;
}
.webinar-title .badge {
    font-size: 7px;
}
.webinar-card.webinar-list .stat-title {
    font-size: 10px;
}
.webinar-card.webinar-list .stat-value {
    font-size: 11px;
}
.panel-page-student .webinar-card .webinar-card-body .webinar-price-box span.real {
    font-size: 14px;
}
.panel-page-student .learing-page-btn {
    font-size: 8px;
    height: 32px;
}
.learn-head-more span.text-dark-blue {
  word-break: unset;
}
.content-nav-head .navbar-nav .nav-link {
  padding: 7px;
}
.footer-text {
  width: 42%;
}
  .header-inner-part .link-nav-homes {
      margin-right: 0px;
  }
   .header-inner-part .learn-head-more .navbar-auth-user-dropdown {
      margin-left: 0px !important;
  }

.learn-head-more .navbar-auth-user-dropdown{
  margin-left: 20px !important;
}
div.content-nav-head-content {
  position: unset;
}
.learn-head-more {
  width: 10%;
      text-align: start;
}
.head-home-background .brand-logo img {
  position: absolute;
  left: -16px;
}

.head-home-background nav.navbar {
  padding: 28px 20px 0 0;
}

  .hero .hero-content {
            position: absolute;
      bottom: auto;
      top: 537px;
  }
  .hero .hero-content h1 {
      font-size: 24px;
  }
  .hero-content h1 span.student-inner {
      font-size: 42px;
  }
  .hero-content p{
      font-size: 12px;
  }
  .cta .join-btn {
      right: 33px;
  }
  .header-bg {
      width: 97%;
  }
  .home-main-content .link-nav-homes{
  margin-right: 0px;
}
.item-nav-head a.link-nav-home{
margin-right: 10px;

}
}
.search-top-banner .top-search-categories-form div.search-input {
      margin-top: 10px;
  }
.search-top-banner .top-search-categories-form {
  position: relative;
  z-index: 3;
  top: 25px;
}
@media (max-width: 991px){
.login-after-page .learn-head-more {
    width: 25%;
    text-align: end;
    display: flex;
}
.go-to-learn {
    position: relative;
    top: 3px;
    width: 95px;
    height: 29px;
    font-size: 7px !important;
    padding-right: 5px;
    padding-left: 5px;
}
.webinar-alllin .badge {
    font-size: 8px;
}
    .webinar-card-body div.align-items-center a.webinar-alllin {
        width: 35%!important;
    }

.panel-page-student .panel-content div.webinar-card.webinar-list {
    height: 230px;
}

.webinnar-inner {
    display: block;
}

  .search-top-banner .top-search-categories-form div.search-input {
      margin-top: 10px;
  }
.search-top-banner .top-search-categories-form {
  position: relative;
  z-index: 3;
  top: 44px;
}
.header-inner-part .cart-inner {
   position: absolute;
      right: 69px;
      top: 6px;
  }
  .header-inner-part .language-select {
   position: absolute;
      right: 149px;
      top: 6px;
  }

  .header-inner-part .learn-head-more {
      margin-top: 17px;
      width: auto;
  }

.cart-inner .border-left{
margin-right: 5px !important;
  margin-left: 5px !important;
}

.navbar.header-inner-part{
  height: 100px;
  padding: 0px !important;
      display: block;
padding-top: 7px !important;
}


div.stars-card {
  margin-top: 60px !important;
}

.home-main-content a.brand-logo img {
width: 150px;
}
.hero{
padding-top:90px;
}
.head-home-background a.brand-logo img {
  margin-top:0px;
 
}
.head-home-background nav.navbar {
  padding: 0px 0px;
}

.content-nav-head-content{
position: absolute;
  width: 100%;
  top: 38px;
  left: 0px;
  z-index: 111;
}
.language-select{
  position: absolute;
  top: 0;
 left: 210px;
}
.cart-inner{
position: absolute;
  right: 150px;
  top: 0px;
}
.learn-head-more{
position: absolute;
  right: 16px;
  top: 37px;
}
.logo-res-mob{
width: 98%;
display: flex;
justify-content: space-between;

}
  nav.navbar .navbar-nav > li .nav-link {
      text-align: center;
  }
nav.navbar .navbar-nav > li .icon-iner-upper{
      text-align: left;
  }

.hero img {
  width: 100%;
  height: 450px;
}
.hero .hero-content {
       position: absolute;
      bottom: auto;
      top: 390px;
}
.content-nav-head {
  display: block;
  border-radius: 0px;
  width: 98%;
}
.learn-head-more {
  margin-top: 5px;
  width: auto;
}
.logo-res-mob button.navbar-toggler {
width: 63px;
padding: 10px 11px;
}
.hero .hero-content h1 {
font-size: 18px;
}
.hero-content p {
font-size: 8px;
margin-top: 15px;
}
.hero-content .cta .join-btn {
width: 80px;
height: 31px;
font-size: 10px;
top: 54px;
border-radius: 10px;
}
.hero-content h1 span.student-inner {
font-size: 33px;
}
.custom-card1 p, .custom-card p {
min-height: 97px;
}
.custom-card1 h5, .custom-card h5 {
min-height: 50px;
}
.hero-content h1 span.student-inner, .hero .hero-content h1 {
line-height: 45px;
}
}



@media (max-width: 480px){


    .arabic-course-page .header-inner-part .language-select {
        position: absolute;
        right: 200px;
        top: 6px;
    } 
.login-before-page .learn-head-more {
    width: 50%;
    text-align: right;
}
.arabic-course-page div.top-navbar div.dropdown .dropdown-menu {
            right: 0 !important;
}
     .arabic-course-page nav.navbar .navbar-nav > li .icon-iner-upper {
        text-align: right;
    }
.arabic-course-page .header-inner-part .cart-inner {
        position: absolute;
        right: 105px;
        top: 6px;
    }
.arabic-about nav.footer-menu .item-nav-head {
    margin-right: 12px;
}
.arabic-contact-page nav.footer-menu .item-nav-head {
    margin-right: 12px;
}
.arabic-course-page nav.footer-menu .item-nav-head {
    margin-right: 12px;
}
  .arabic-home-page .footer-menu .item-nav-head {
    margin-right: 10px;
}
.arabic-home-page .language-select {
        position: absolute;
        top: 0;
        left: 50px;
    }
.arabic-contact-page .navbar-auth-user-dropdown .custom-dropdown-body {
    right: -15px;
}
.header-inner-part .cart-inner .btn-transparent {
    margin-left: 0px !important;
}
.arabic-home-page div.cta .join-btn {
    position: absolute;
    top: 33px;
    left: 9px;
}
.arabic-home-page .navbar-auth-user-dropdown .custom-dropdown-body {
    right: -22px;
}
.arabic-home-page .cart-inner .btn-transparent {
    margin-left: 0px !important;
}
.arabic-home-page .cart-inner {
        position: absolute;
        right: 112px;
        top: 0px;
    }
.arabic-home-page .brand-logo img {
    margin-right: 0;
}

    .btn-learn-more {
        padding: 0px 6px;
        font-size: 10px!important;
        width: 100%;
    }
    .login-after-page div.learn-head-more {
    width: 35%;
    text-align: end;
}
    .content-nav-head .navbar-nav .nav-link {
        padding: 7px 14px;
    }
    nav.navbar .navbar-nav > li .icon-iner-upper {
        text-align: left;
    }
    .item-nav-head {
    display: flex;
    justify-content: start;
}
    .footer-menu .link-nav-homes.nav-link.active {
    width: 72px;
    height: 29px;
    padding: 10px 5px;
}

 .panel-page-instructor div.webinar-card.webinar-list {
    height: auto!important;
}

.webinnar-inner {
    display: block;
}

.go-to-learn {
    position: relative;
    top: 3px;
    width: 95px;
    height: 29px;
    font-size: 7px !important;
    padding-right: 5px;
    padding-left: 5px;
}
.webinar-alllin .badge {
    font-size: 8px;
}
    .webinar-card-body div.align-items-center a.webinar-alllin {
        width: 35%!important;
    }

.panel-page-student div.webinar-card.webinar-list {
    height: auto;
    display: flex;
}
.price-duration-inner{
display:flex;
}
.panel-page-student .learing-page-btn {
        font-size: 12px !important;
}
.panel-page-student div.duration {
    width: 20%;
}
.panel-page-student div.webinar-price-box {
    width: 20%;
}
.webinar-card .webinar-titles  .badge {
 font-size: 9px;
        margin-left: 7px !important;
    }

.webinar-card-body .content-are-flex {
display:block!important;
}
.panel-page-student .panel-content div.webinar-card.webinar-list {
    height: auto;
}

.webinar-card-body div.align-items-center a.webinar-alllin {
  position: unset;
  width: 100%;
  height: auto;
}
.webinar-card-body h3.webinar-titles {
      position: unset;
      left: 235px;
      top: 10px;
      width: 100%;
  }
div.stars-card {
      margin-top: 15px !important;
  }

div.language-select button.btn-default{
  border:none!important;
}
.search-top-banner .top-search-categories-form {
  position: relative;
  z-index: 3;
  top: 44px;
}
.webinar-card-body .action-table {
  position: unset;
  right: 25px;
  top: 10px;
}


  
div.post-show img.postimg {
  height: auto;
}
.scholer-tottly {
  padding-left: 0px;
}

.footer-menu a.nav-link {
  padding: 7px 6px;
}

.language-select .dropdown-menu {
  top: -40%;
}
  .arabic-contact-page .header-inner-part .cart-inner {
      position: absolute;
      right: 95px;
      top: 5px;
  }
  .arabic-contact-page .header-inner-part .language-select {
      position: absolute;
      top: 5px;
      left: 0px;
      right: 200px;
  }


.cart-inner .border-left{
margin-right: 5px !important;
  margin-left: 5px !important;
}

.navbar.header-inner-part{
  height: 100px;
  padding: 0px !important;
      display: block;
padding-top: 7px !important;
}
.hero{
padding-top:90px;
}
.head-home-background a.brand-logo img {
  margin-top:0px;
}
.head-home-background nav.navbar {
  padding: 0px 0px;
}
.panel-page-student .learing-page-btn {
    margin-bottom: 10px;
}
.content-nav-head-content{
position: absolute;
  width: 100%;
  top: 38px;
  left: 0px;
  z-index: 111;
}
.language-select{
  position: absolute;
  top: 0;
  left: 85px;
}
.cart-inner{
position: absolute;
  right: 60px;
  top: 0px;
}
.learn-head-more{
position: absolute;
  right: 16px;
  top: 37px;
}	


nav.navbar .navbar-nav > li .icon-iner-upper{
      text-align: left;
  }


img.img-line{
display:none;
}

.home-main-content a.brand-logo img {
  width: 105px;
}
.custom-card1, .custom-card {
  width: 100%;
  margin-bottom: 15px;
}
  .scholarship-image img {
      height: auto;
  }
  .benefit-heading-inner .benefit-heading {
    font-size: 14px;
    line-height: 20px;
}
.benefit-description-inner .benefit-description {
  font-size: 8px;
  line-height: 12px;  
}
.benefits-section .benefits-title {
font-size: 30px;
margin-bottom: 10px;
}
.logo-res-mob{
width: 98%;
display: flex;
justify-content: space-between;

}
.logos-main-header{
width: 0;
}
.brand-logo {
display: unset;
}
.content-nav-head-content{
display:unset;
z-index: 11;
}
.logo-res-mob button.navbar-toggler{
width: 35px;
padding: 4px 6px;
margin-top: 7px;
}
.logo-res-mob button.navbar-toggler span{
width: 20px;
height: 20px;
}
.brand-logo img {
width: 100px;
}
.content-nav-head{
width: 98%;
}
.learn-head-more{
margin-top: 5px;
width: auto;
}
.content-nav-head {
display: block;
border-radius: 0px;

}
body{
padding: 10px;
}
.hero img {
width: 100%;
height: 250px;
}
.hero .hero-content h1 {
font-size: 8px;
}
.hero .hero-content {
position: absolute;
bottom: auto;
top: 252px;
}
.hero-content h1 span.student-inner {
font-size: 15px;
}
.hero-content h1 span.student-inner, .hero .hero-content h1 {
line-height: 30px;
}
.btn-learn-more {
  padding: 0px 6px;
  font-size: 6px;
}
.hero-content p{
  font-size: 4px;
      margin-top: 4px;
}
.cta .join-btn {
  position: absolute;
  right: 0px;
  bottom: 68px;
  top: auto;
}
.hero-content .cta .join-btn {
  width: 50px;
  height: 19px;
  font-size: 7px;
  top: 33px;
  border-radius: 6px;
}
.footer-text {
width: 100%;
}
.footer-menu ul.nav .nav-item1, .footer-menu ul.nav .nav-item {
width: 60px;
height: 26px;
}
.footer-menu .nav-link {
font-size: 10px;
line-height: 10px;
}
}




.btn-learn-more .btn:not(:disabled):not(.disabled){
border: 1px solid #d9d9d9;
}


nav.navbar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}
.pace-done .panel-content{
padding:95px 0 0 0;
}

.home-main-content nav.navbar {
  position: unset;
  top: 0;
  left: 0;
  width: 100%;
}
.home-main-content .brand-logo img {
  width: 225px;
}
.main-content h1{
margin-top: 45px;
}









.contact-items p{
min-height:40px;
}
.contact-us-headd{
padding-top:100px;
}


.about-us p{
font-size: 16px;
  font-family: 'Instrument Sans', sans-serif;
  line-height: 25px;
}
.post-show h1, .post-show h2, .post-show h3 {
  margin-top: 10px;
margin-bottom: 10px;
font-family: 'Instrument Sans', sans-serif;
}
.post-show p, .post-show span {
  margin-top: 10px;
font-family: 'Instrument Sans', sans-serif;
}
.about-us li{
font-size:16px;
font-family: 'Instrument Sans', sans-serif;
color:#818894;
}
.about-us{
  margin-bottom: 25px;
}
div.post-show img{
  height: 450px;
}
.learn-head-more .dropdown-menu:after {
  content: "";
  position: absolute;
  top: -9px;
  right: 63px;
left: auto;
}
.dropdown-menu li img.img-cover {
  width: 40px;
  margin-right: 10px;

}

.learn-head-more ul.dropdown-menu{
  position: absolute;
  top: 43%;
  left: -22px;
}
.learn-head-more .custom-dropdown .navbar-user img{
width:40px;
}

.navbar-notification-card {
  overflow-y: auto;
  scrollbar-width: thin;
}



.head-home-background .navbar {
  background-color: unset;
box-shadow: unset;
  transition: unset;
  padding: 28px 20px;
}
.head-home-background .brand-logo img {
  margin-top: 27px;
}

.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active,.language-select :not(.btn-check)+.btn:active {
  border-color:none!important;
}
.language-select .dropdown-menu {
  top: -40%;
}

.language-select{
  font-family: 'Poppins';
}
.cart-inner .dropdown-menu {
  top: -20%;
}


.cart-inner .navbar-notification-card{
  font-family: 'Poppins';
}
.learn-head-more{
  font-family: 'Poppins';
}
.main-highlight-course{
margin-bottom:50px;
}


.learn-head-more .text-dark-blue{
  text-align: left;
  word-break: break-word;
}

div.panel-sidebar .sidebar-menu {
  height: calc(100% - 280px);
}

.cart-inner .btn-transparent{
  margin-left: 15px!important;
}

div.search-top-banner .top-search-form {
  position: relative;
  z-index: 3;
  top: 30px;
}

.language-select button.btn-default{
  border: 1px solid #000!important;
}

div.login-card {
  padding: 75px 10px 75px 10px;
}

.about-us-page .xs-panel-nav .sidebar-toggler{
  display: none !important;
}
.contact-page .xs-panel-nav .sidebar-toggler{
display: none !important;
}
.course-page .xs-panel-nav .sidebar-toggler{
display: none !important;
}

.arabic-about .xs-panel-nav .sidebar-toggler{
  display: none !important;
}



.arabic-home-page .xs-panel-nav .sidebar-toggler{
display: none !important;
}
.arabic-home-page .learn-head-more .text-dark-blue {
  text-align: right !important;
margin-right: 10px;
  margin-left: 0 !important;
}



.webinar-card .image-box div.badges-lists {
   z-index: 111;
  }


.course-teacher-card{
display: none !important;		
}
.sidebar-ads{
display: none !important;
}
.favorites-share-box:first-child {
display: none !important;
}


.stars-card{
  margin-top: 30px !important;
}
.language-select .flagstrap-icon {
  background: url("https://upload.wikimedia.org/wikipedia/commons/0/0d/Flag_of_Saudi_Arabia.svg	")!important no-repeat;
}

.arabic-home-page .navbar-nav {
  margin-right: auto !important;
  margin-left: 0 !important;
}

.arabic-home-page .hero-content, .arabic-home-page .scholarship-section, .arabic-home-page .scholer-tottly, .arabic-home-page .main-container, .arabic-home-page .benefits-section {
  text-align: right;
}
.arabic-home-page{
  direction: rtl;
  text-align: right;
}
.arabic-home-page .cta .join-btn {
     position: absolute;
  top: 100px;
  left: 85px;
  right: auto;
}

.arabic-home-page .navbar {
  background-color: unset;
  box-shadow: unset;
  transition: unset;
  position: unset;
}
.arabic-home-page .custom-card1{
text-align: right;
}
.language-select .flagstrap-icon{
margin-left:5px;
}
.arabic-about{
 direction: rtl;
  text-align: right;
}
.arabic-about .about-us{
  margin-right: 20px;
}
.arabic-about .social-icon-inner {
  padding: 8px 5px;
}

.arabic-home-page .scholer-tottly{
  padding-left: 0;
  padding-top: 20px;
  padding-right: 25px;
}
.panel-page-student .webinar-card .stars-card{
  margin-top: 0 !important;

}
.panel-page-student div.webinar-card.webinar-list {
  height: 115px;
}
.panel-page-student div.webinar-card.webinar-list .image-box {
  width: 300px;
  min-height: 100px;
}
.panel-page-student .webinar-price-box{
margin-bottom: 27px;
width:10%
}
.panel-page-student .duration{
margin-bottom: 15px;
width:10%
}
.panel-page-student .webinar-card .webinar-card-body .webinar-price-box .real {
  font-size: 16px;
  color: #003788;
}
.panel-page-student .learing-page-btn{
  padding-right: 15px;
  padding-left: 15px;
  height: 40px;
  background-color:  #003788;
  border-color:  #003788;
}
.panel-page-student .webinar-alllin{
width:55%
}



.panel-page-instructor .webinar-card .stars-card{
  margin-top: 0 !important;

}
.panel-page-instructor div.webinar-card.webinar-list {
     height: 160px;
}
.panel-page-instructor div.webinar-card.webinar-list .image-box {
  width: 300px;
  min-height: 100px;
}
.panel-page-instructor .webinar-price-box{
width:10%
}
.panel-page-instructor .duration{
margin-bottom: 15px;
width:10%
}

.panel-page-instructor .webinar-card .webinar-card-body .webinar-price-box .real {
  font-size: 16px;
  color: #003788;
}
.panel-page-student .learing-page-btn{
  padding-right: 15px;
  padding-left: 15px;
  height: 40px;
  background-color:  #003788;
  border-color:  #003788;
}
.panel-page-instructor .webinar-alllin{
width:55%
}
.arabic-contact-page .social-icon-inner {
    padding: 8px 5px;
}
div.social-icon-inner{
    padding: 8px 5px;
}
.learn-head-more .custom-dropdown .navbar-user img {
    margin-left: 5px;
}
.arabic-contact-page .footer-menu .item-nav-head {
    margin-right: 27px;
}
.arabic-home-page .footer-menu .item-nav-head {
    margin-right: 10px;
}
.arabic-course-page .social-icon-inner {
    padding: 8px 5px;
}
.arabic-course-page .footer-menu .item-nav-head {
    margin-right: 28px;
}
.arabic-about .footer-menu .item-nav-head {
    margin-right: 30px;
}
.arabic-contact-page .navbar-auth-user-dropdown .navbar-auth-user-dropdown-item .icons {
    margin-left: 5px;
}
.arabic-course-page .navbar-auth-user-dropdown .navbar-auth-user-dropdown-item .icons {
    margin-left: 5px;
}
.arabic-about .navbar-auth-user-dropdown .navbar-auth-user-dropdown-item .icons {
    margin-left: 5px;
}

.login-card .wizard-custom-radio{
display:none!important;
}
.panel-arabic-instructor .table-actions.dropdown .dropdown-menu {
    right: -126px !important;
}

.link-nav-homes.nav-link.active{
width: 82px;
background-color: #003788;
border-radius: 50px;
height: 36px;
  color: #fff !important;
padding: 9px 5px;
}
.footer-menu .icon-iner-upper img{
width:25px;
height:25px;
}
.footer-menu .item-nav-head {
  margin-right: 13px;
}
.arabic-home-page .btn-explore i {
  margin-right: 5px;
}
.header-inner-part .learn-head-more a.btn-learn-more{
border:1px solid #d9d9d9;
}


.course-forum-answer-card div.user-avatar {
    width: 40px;
    min-width: 40px;
    height: 40px;
    border: none!important;
}
.learning-pages .feather.feather-thumbs-up,
#webinarReportBtn,
.course-content-sidebar .shadow-sm .mt-20.d-flex.align-items-center.justify-content-center,
.favorites-share-box{
display:none!important;
}	

.course-content-body  span.ml-15{
line-height:0;
}
.login-icons-inner i{
    font-size: 20px;
    margin-top: 10px;
    cursor: pointer;
}
