@font-face {
  font-family: "Noto Kufi Arabic";
  src: url("../../fonts/NotoKufiArabic-VariableFont_wght.ttf"); }
a, li, ul, div, p, .kufi-font, h1, h2, h3, h4, h5, h6, button, small, .table thead th {
  font-family: 'Noto Kufi Arabic', sans-serif !important; }

.error, .error-name {
  color: red; }

.border-error {
  border-color: red !important; }

.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 37.5px; }

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 37.5px; }

.font-13 {
  font-size: 13px; }

.btn-gold {
  color: #ffffff;
  background-color: #F9C043; }
  .btn-gold:hover, .btn-gold:focus {
    background-color: #F9C043; }

.img-responsive {
  width: 100%;
  max-width: 100%;
  height: auto; }

.footer__link li {
  display: inline-block; }

.w-80-pe {
  width: 80% !important; }

.main-color {
  color: #93649f; }

.btn-primary {
  background-color: #93649f;
  color: #ffffff;
  border-color: transparent; }
  .btn-primary:hover, .btn-primary:focus, .btn-primary:visited, .btn-primary:active {
    background-color: #93649f !important;
    color: #ffffff !important;
    -webkit-box-shadow: 0 0 10px #93649f;
    box-shadow: 0 0 10px #93649f; }

.hide-div {
  display: none !important; }

.curr:hover {
  cursor: pointer; }

.w-p-100 {
  width: 100%; }

.footer-bg {
  background-color: #ffffff; }

.footer__widget-title {
  color: #666666; }

.footer__social ul li a {
  font-size: 32px; }

.footer__top {
  border-top: 1px solid #1c1f3f; }

#header-sticky {
  border-bottom: 1px solid #1c1f3f; }

.w-100-px {
  width: 100px !important; }

@media (min-width: 1101px) {
  .bottom-navbar {
    display: none; } }
@media (max-width: 1100px) {
  .footer-bg {
    padding-bottom: 60px; }

  .whatsapp-button, .progress-wrap {
    bottom: 80px !important; }

  .progress-wrap {
    left: 15px !important; }

  .hide-on-mobile {
    display: none !important; }

  .show-on-mobile-flex {
    display: flex !important; }

  .bottom-navbar {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #ffffff;
    display: flex;
    align-items: stretch;
    flex-direction: row;
    box-shadow: 0px 2px 2px #fff, 0px -5px 3px #e0dede;
    -webkit-box-shadow: 0px 2px 2px #fff, 0px -5px 3px #e0dede;
    border-top: 1px solid #a6a6a6;
    z-index: 9; }
    .bottom-navbar .item {
      padding: 10px;
      font-size: 0.9rem;
      /*border-left: 1px solid #a6a6a6;*/
      flex: 1;
      text-align: center;
      color: #666; }
      .bottom-navbar .item.active {
        color: #333333; }
      .bottom-navbar .item span {
        font-size: 0.7rem;
        display: block; }

  .control-panel-title {
    margin-bottom: 0 !important; }

  .control-panel-content {
    flex-direction: inherit !important;
    display: block !important;
    white-space: nowrap;
    overflow: auto;
    padding-top: 25px; }
    .control-panel-content .nav-link {
      display: inline-block;
      margin-right: 10px; }

  .control-panel-main-section .nav-tabs .nav-link {
    color: #333333;
    font-size: 0.8rem;
    flex: 1; }
  .control-panel-main-section .tab-content {
    background-color: #ffffff !important;
    box-shadow: none !important;
    border: none !important; }
  .control-panel-main-section .tab-pane {
    padding: 0 !important;
    box-shadow: none !important; }
  .control-panel-main-section .control-panel-list {
    padding: 20px 10px; }
    .control-panel-main-section .control-panel-list .list-group .list-group-item {
      background-color: #ffffff;
      box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
      -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
      -o-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
      padding: 0;
      margin-bottom: 15px; }
      .control-panel-main-section .control-panel-list .list-group .list-group-item .name {
        font-size: 0.8rem;
        font-weight: bold; }
      .control-panel-main-section .control-panel-list .list-group .list-group-item .content-row {
        font-size: 0.8rem;
        border-bottom: 1px solid #d2d2d2; }
        .control-panel-main-section .control-panel-list .list-group .list-group-item .content-row.content-buttons {
          text-align: center;
          padding: 10px 0; }
        .control-panel-main-section .control-panel-list .list-group .list-group-item .content-row .icon {
          border-left: 1px solid #d2d2d2;
          display: inline-block;
          padding: 10px;
          width: 30px;
          text-align: center; }

  .teacher-home-image img {
    width: 50px !important;
    height: 50px !important; } }
@media (min-width: 1101px) {
  .show-on-mobile {
    display: none !important; } }
.w-70-px {
  width: 70px !important; }

.whatsapp-button {
  position: fixed;
  bottom: 15px;
  right: 15px;
  z-index: 99;
  background-color: #25d366;
  border-radius: 50px;
  color: #ffffff;
  text-decoration: none;
  width: 50px;
  height: 50px;
  font-size: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  -webkit-box-shadow: 0px 0px 25px -6px black;
  -moz-box-shadow: 0px 0px 25px -6px black;
  box-shadow: 0px 0px 25px -6px black;
  /*animation: effect 5s infinite ease-in;*/ }
  .whatsapp-button:focus, .whatsapp-button:hover, .whatsapp-button:visited {
    color: #ffffff; }

@keyframes effect {
  20%, 100% {
    width: 50px;
    height: 50px;
    font-size: 30px; }
  0%, 10% {
    width: 55px;
    height: 55px;
    font-size: 35px; }
  5% {
    width: 50px;
    height: 50px;
    font-size: 30px; } }
.bg-main {
  background-color: #93649f !important;
  color: #ffffff !important; }

.cartmini__thumb img {
  width: 50px;
  height: 50px; }

.cartmini__checkout-title span {
  float: left; }

.cartmini__checkout-title h4 {
  float: right; }

.footer__link ul li a:hover {
  color: #93649f !important; }

.btn-xs {
  --bs-btn-padding-y: 0.15rem;
  --bs-btn-padding-x: 0.5rem;
  --bs-btn-font-size: 0.6rem;
  --bs-btn-border-radius: 0.25rem; }

.dir-ltr {
  direction: ltr !important; }

.d-inline-block {
  display: inline-block !important; }

/*# sourceMappingURL=custom.css.map */