@font-face {
  font-family: Alexandria;
  src: url("../fonts/Alexandria-VariableFont_wght.ttf");
}
:root {
  --main-color-text: #355389;
  --main-color-theme: #0089ec;
  --secondary-color-text: #6c6a74;
  --secondary-sub-color-text: #1e1e1eb3;
  --input-background: #e3e9e940;
  --radio: 0.8;
}
body {
  font-family: "Alexandria", Courier, monospace;
  padding: 0px;
  margin: 0px;
  direction: rtl;
  background-color: #e7eaf1;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type="number"] {
  -moz-appearance: textfield;
}

.row {
  margin: 0px;
}
a {
  text-decoration: none;
}
.main-con-logo-auth img {
  height: 60px;
}
.main-con-header-section-auth {
  background-color: var(--main-color-theme);
  padding: 20px;
  border-radius: 25px;
  margin-top: 50px;
  min-height: 400px;
  display: flex;
  flex-direction: column;
}
.main-con-header-of-header {
  width: 100%;
}
.main-con-action-auth-header {
  display: flex;
  align-items: center;
  height: 100%;
  justify-content: flex-end;
}
.main-con-action-auth-header a {
  background-color: #fff;
  padding: 7px 20px;
  border-radius: 13px;
  border: 1px solid #0077ce;
  font-size: 14px;
  color: var(--main-color-theme);
  font-weight: 500;
}
.main-con-content-auth-header {
  flex-grow: 1;
  display: flex;
  align-items: center;
}
.main-con-content-of-auth h2 {
  color: white;
  font-size: 35px;
  font-weight: 500;
  margin-bottom: 15px;
}
.main-con-content-of-auth span {
  font-size: 15px;
  color: white;
  font-weight: 300;
  line-height: 25px;
  margin-bottom: 40px;
  display: block;
}
.main-con-content-of-auth p {
  font-size: 30px;
  font-weight: 300;
  color: white;
  margin-bottom: 15px;
}
.main-con-header-of-header {
  margin-bottom: 40px;
}
.main-con-actions-auth a {
  color: white;
  font-size: 15px;
  display: flex;
  align-items: center;
  color: white !important;
  padding: 10px 30px;
}
.main-con-section-form form h1 {
  position: relative;
  margin-bottom: 30px;
  font-size: 17px;
  color: var(--main-color-theme);
  width: fit-content;
  margin: 0px auto 30px;
}
.main-con-section-form h1::after {
  position: absolute;
  content: "";
  width: 70px;
  height: 4px;
  border-radius: 10px;
  background-color: var(--main-color-theme);
  top: 50%;
  left: -80px;
}
.main-con-two-inputs {
  display: flex;
  align-items: center;
}
.main-con-section-form h1::before {
  position: absolute;
  content: "";
  width: 70px;
  height: 4px;
  border-radius: 10px;
  background-color: var(--main-color-theme);
  top: 50%;
  right: -80px;
}
.main-con-actions-auth i {
  color: white;
  margin-right: 10px;
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: rotate(180deg);
}
.main-con-image-left-auth img {
  height: 500px;
}
.main-con-section-form form {
  background: white;
  transform: translate(0px, -150px);
  padding: 30px;
  border-radius: 25px;
  max-width: 450px;
  margin: 0px auto;
  box-shadow: 0px 0px 10px 0px #00000029;
}
.main-con-input-form-auth {
  margin-bottom: 20px;
  width: 100%;
  position: relative;
}
.main-con-input-form-auth label {
  display: block;
  font-size: 13px;
  color: var(--main-color-text);
  font-weight: 400;
  margin-bottom: 5px;
}
.main-con-input-3 > label {
  display: block;
  font-size: 13px;
  color: var(--main-color-text);
  font-weight: 400;
  margin-bottom: 5px;
}
.main-con-input-3 > div {
  display: flex;
  align-items: center;
}
.main-con-input-3 .main-con-input-form-auth {
  flex-grow: 1;
  margin-left: 10px;
}
.main-con-input-form-auth > div {
  display: none;
  align-items: center;
}
.main-con-input-form-auth > div i {
  color: #ef233c;
  margin-left: 5px;
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.main-con-input-form-auth > div span {
  color: #ef233c;
  font-size: 13px;
  font-weight: 400;
}
.main-con-input-form-auth > input {
  margin-bottom: 5px;
  background-color: #f5f3f4;
  border: none;
  outline: none;
  padding: 15px;
  border-radius: 15px;
  width: 100%;
}
.main-con-input-form-auth > select {
  margin-bottom: 5px;
  background-color: #f5f3f4;
  border: none;
  outline: none;
  padding: 15px;
  border-radius: 15px;
  width: 100%;
  font-size: 13px;
}
.main-con-two-inputs .main-con-input-form-auth:nth-child(1) {
  margin-left: 10px;
}
.main-con-input-form-auth {
  margin-bottom: 10px;
}
.main-con-forget-password-link {
  display: flex;
  justify-content: end;
  font-size: 13px;
  color: var(--main-color-theme);
  font-weight: 400;
  margin-top: 10px;
}
.des-form-auth {
  font-size: 15px;
  color: var(--secondary-color-text);
  font-weight: 300;
  text-align: center;
  margin-bottom: 30px;
}
.main-con-input-form-auth input::placeholder {
  font-size: 13px;
  color: var(--secondary-color-text);
  font-weight: 400;
}
.main-con-input-form-auth select::placeholder {
  font-size: 13px;
  color: var(--secondary-color-text);
  font-weight: 400;
}
.main-con-input-form-auth > i {
  color: var(--main-color-theme);
  font-size: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 35px;
  left: 20px;
}
.main-con-input-form-auth .flaticon-hidden {
  display: none;
}
.main-con-section-form form h2 {
  font-size: 20px;
  font-weight: 300;
  margin-bottom: 20px;
  color: var(--main-color-text);
  text-align: center;
}
.main-con-radio-butn label {
  display: flex;
  align-items: center;
}
.main-con-radio-butn label i {
  width: 17px;
  height: 17px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 9px;
  border: 1px solid #6c6a74;
  color: transparent;
}
.main-con-radio-butn p {
  font-size: 13px;
  color: var(--main-color-text);
  font-weight: 400;
  margin-bottom: 0px;
  margin: 0px 10px;
}
.main-con-radio-butn input:checked + label i {
  color: white;
  background-color: var(--main-color-text);
}
.main-cno-terms-content-auth p {
  font-size: 16px;
  font-weight: 400;
  color: var(--secondary-color-text);
  line-height: 30px;
  margin-bottom: 15px;
}
.main-con-section-form form h2 span {
  color: var(--main-color-theme);
  font-weight: 400;
}
.main-con-section-form form h3 {
  font-size: 25px;
  color: var(--main-color-text);
  font-weight: 500;
  margin-bottom: 50px;
}
.main-con-section-form form > button {
  width: 100%;
  /* max-width: 300px; */
  color: white;
  background-color: var(--main-color-theme);
  border: none;
  outline: none;
  padding: 15px 20px;
  border-radius: 15px;
  margin-top: 50px;
  font-size: 13px;
}
.main-con-redirect {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 20px;
}
.main-con-redirect p {
  font-size: 14px;
  margin-bottom: 5px;
  text-align: center;
  font-weight: 400;
  color: var(--main-color-text);
}
.main-con-redirect a {
  font-size: 14px;
  margin-bottom: 0px;
  text-align: center;
  font-weight: 500;
  color: var(--main-color-theme);
}
.main-con-upload-national-id label {
  width: 100%;
  min-height: 130px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #eee;
  border: 3px dashed #cccccc;
  text-align: center;
  border-radius: 20px;
  font-size: 13px;
  color: var(--main-color-text);
  margin-top: 20px;
}
.main-con-upload-national-id label i {
  font-size: 35px;
  margin-top: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.main-con-logo-header img {
  height: 55px;
}
.main-con-logo-header {
  display: flex;
  align-items: center;
  height: 100%;
  justify-content: flex-end;
}
header {
  width: 100%;
  padding: 10px;
  transition: 0.3s ease-in-out;
  background-color: white;
  z-index: 33333333;
}

.main-con-hero-section {
  width: 100%;
  height: 100vh;
  background: url("../images/UPST00302.png") no-repeat center center scroll;
  background-size: cover;
  padding: 85px 20px;
  position: relative;
  overflow: hidden;
}
.main-con-hero-section > img {
  position: absolute;
  bottom: 0px;
  left: 50%;
  transform: translate(-50%, 0%);
  width: 150%;
  height: 100px;
}
.main-con-first-colum-header {
  display: flex;
  align-items: center;
  height: 100%;
}
.main-con-first-colum-header .notification-icon i {
  font-size: 30px;
  width: 45px;
  height: 45px;
  background-color: #eee;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--main-color-text);
  border-radius: 50%;
  margin-left: 10px;
}
.main-con-first-colum-header .notification-icon {
  position: relative;
}

.main-con-first-colum-header .notification-icon span {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  background-color: var(--main-color-text);
  color: white;
  font-size: 10px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
}
.main-con-search-input {
  background-color: #eee;
  border-radius: 100px;
  padding: 5px;
  display: flex;
  align-items: center;
  padding: 12px 10px;
}
.main-con-search-input i {
  font-size: 22px;
  color: var(--secondary-color-text);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 10px;
}
.main-con-search-input button {
  border: none;
  outline: none;
  padding: 0px;
}
.main-con-search-input input {
  border: none;
  outline: none;
  background-color: transparent;
  color: var(--main-color-text);
  font-size: 15px;
  font-weight: 500;
  width: 150px;
}
.main-con-search-input input::placeholder {
  color: var(--secondary-color-text);
}
.main-con-drop-down-user .dropdown-toggle::after {
  display: none;
}
.main-con-drop-down-user {
  margin-left: 10px;
}
.main-con-drop-down-user .dropdown-toggle img {
  width: 45px;
  height: 45px;
  border: 2px solid #355389;
  border-radius: 50%;
}
.main-con-icons-links-header {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.main-con-icons-links-header a {
  position: relative;
  display: flex;
  height: 100%;
  margin: 0px 10px;
  justify-content: center;
  min-width: 65px;
  align-items: center;
}
.main-con-icons-links-header a i {
  font-size: 30px;
  color: var(--secondary-color-text);
  display: flex;
  align-items: center;
  justify-content: center;
  height: fit-content;
}
.main-con-icons-links-header a.active i {
  color: var(--main-color-text);
}

.main-con-icons-links-header a.active::after {
  content: "";
  position: absolute;
  bottom: 0px;
  width: 100%;
  height: 4px;
  background-color: var(--main-color-text);
  border-radius: 50px 50px 0px 0px;
}
.main-con-images-hero-section {
  position: relative;
  width: 100%;
  height: 100%;
}
.main-con-images-hero-section img {
  width: 300px;
  height: 400px;
  border: 10px solid white;
  position: absolute;
}
.main-con-sections-content-hero {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
}

.main-con-images-hero-section img.image-2-hero {
  top: 50%;
  left: 50%;
  transform: translate(-21%, -35%) rotate(-7deg);
  z-index: 2;
}
.main-con-images-hero-section img.image-1-hero {
  top: 50%;
  left: 50%;
  transform: translate(-100%, -60%) rotate(13deg);
  z-index: 1;
}
.main-con-sections-content-hero p {
  font-size: 20px;
  color: #dd2a73;
  max-width: 450px;
  margin-bottom: 10px;
}
.main-con-sections-content-hero h2 {
  font-size: 50px;
  font-weight: 700;
  max-width: 500px;
  line-height: 80px;
}
.main-con-sections-content-hero > span {
  font-size: 17px;
  color: var(--secondary-color-text);
  font-weight: 500;
  line-height: 40px;
}

.main-con-sections-content-hero > h2 span {
  color: var(--main-color-text);
  position: relative;
}
.main-con-sections-content-hero > h2 span::after {
  content: "";
  background: url(../images/banner-2-title-vector.svg) no-repeat right bottom
    scroll;
  width: 100%;
  height: 20px;
  position: absolute;
  bottom: -22px;
  left: 0px;
  background-size: cover;
}
header.scrolled {
  position: fixed;
  top: 0px;
  left: 0px;
  background-color: white;
  z-index: 22222;
  box-shadow: 0px 0px 10px 0px #eee;
}
.main-con-section-header {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 70px;
}
.main-con-section-header h2 {
  line-height: 0;
  font-size: 40px;
  color: var(--main-color-text);
  font-weight: 500;
  margin-bottom: 0px;
  position: relative;
}
.main-con-section-header > h2::after {
  content: "";
  background: url(../images/banner-2-title-vector.svg) no-repeat right bottom
    scroll;
  width: 100%;
  height: 25px;
  position: absolute;
  bottom: -50px;
  left: 0px;
  background-size: cover;
  background-size: contain;
}

.main-con-section-header i:nth-child(1) {
  font-size: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--main-color-text);
  margin: 0px 15px;
  transition: 0.5s ease-in-out;
  animation: title 5s ease-in-out infinite;
}
.main-con-section-header i:nth-child(3) {
  font-size: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--main-color-text);
  margin: 0px 15px;
  transition: 0.5s ease-in-out;
  animation: titleRevrse 5s ease-in-out infinite;
}
@keyframes title {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(-20deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes titleRevrse {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(20deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.main-con-section-latest-lectures {
  background-color: white;
  padding: 100px 50px 50px;
}
.main-con-teacher-section {
  display: flex;
  align-items: center;
  padding: 10px;
  background-color: #eee;
  border-radius: 20px;
  width: 100%;
  margin-bottom: 15px;
}
.main-con-teacher-section img {
  width: 40px !important;
  height: 40px;
  border-radius: 50%;
}
.main-con-lectures-page {
  padding: 70px 0px;
}
.main-con-teacher-section > div {
  flex-grow: 1;
  margin: 0px 10px;
}

.main-con-teacher-section p {
  font-size: 13px;
  color: var(--main-color-text);
  font-weight: 500;
  margin-bottom: 0px;
  line-height: 20px;
}
.main-con-teacher-section span {
  font-size: 11px;
  color: var(--secondary-color-text);
  font-weight: 400;
}
.lecture-card-details {
  width: 100%;
  background-color: white;
  box-shadow: 0px 0px 10px 1px #eee;
  padding: 15px;
  border-radius: 20px;
}
.lecture-card-details img {
  width: 100%;
  max-height: 250px;
  border-radius: 20px;
}
.lecture-card-details > p {
  font-size: 20px;
  color: var(--main-color-text);
  font-weight: 700;
  margin-bottom: 20px;
  margin-top: 10px;
  text-align: center;
  height: 50px;
}
.main-con-price-action {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.main-con-price-action p {
  font-size: 30px;
  color: var(--main-color-theme);
  font-weight: 700;
  line-height: 1;
  margin-bottom: 0px;
}
.main-con-price-action p span {
  font-size: 15px;
  color: var(--main-color-theme);
  font-weight: 400;
}
.main-con-price-action a {
  font-size: 13px;
  color: white;
  font-weight: 600;
  padding: 10px 20px;
  border-radius: 12px;
  min-width: 150px;
  text-align: center;
  background-color: var(--main-color-text);
}
.main-con-show-all-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 50px;
  margin-bottom: 30px;
}

.main-con-show-all-btn a {
  width: 100%;
  max-width: 200px;
  padding: 10px 20px;
  text-align: center;
  font-size: 20px;
  color: var(--main-color-text);
  background-color: transparent;
  border: 2px solid var(--main-color-text);
  border-radius: 15px;
  font-weight: 600;
}
.main-con-card-language {
  width: 100%;
  background-color: #f92596;
  padding: 10px;
  border-radius: 15px;
  display: flex;
  align-items: flex-end;
  position: relative;
  flex-direction: row-reverse;
  min-height: 150px;
}
.main-con-card-language i:nth-child(1) {
  font-size: 130px;
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0.2;
  color: white;
}
.main-con-section-languages {
  padding: 200px 50px 50px;
  position: relative;
}
.main-con-card-language i:nth-child(2) {
  font-size: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
  color: white;
}
.main-con-card-language p {
  font-size: 15px;
  font-weight: 600;
  color: white;
  margin-bottom: 5px;
}
.main-con-card-language span {
  font-size: 12px;
  font-weight: 400;
  color: white;
}
.main-con-all-lang {
  display: flex;
  align-items: center;
}
.main-con-all-lang > div {
  flex-grow: 1;
  width: 20%;
  margin: 0px 10px;
}
.custom-shape-divider-top-1758063403 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  line-height: 0;
}

.custom-shape-divider-top-1758063403 svg {
  position: relative;
  display: block;
  width: calc(100% + 1.3px);
  height: 150px;
}

.custom-shape-divider-top-1758063403 .shape-fill {
  fill: #ffffff;
}
.main-con-teacher-section-home-page {
  background-color: white;
  position: relative;
  padding: 100px 50px 50px;
}
.custom-shape-divider-bottom-1758065101 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  line-height: 0;
  transform: rotate(180deg);
}

.custom-shape-divider-bottom-1758065101 svg {
  position: relative;
  display: block;
  width: calc(122% + 1.3px);
  height: 158px;
  transform: rotateY(180deg);
}

.custom-shape-divider-bottom-1758065101 .shape-fill {
  fill: #ffffff;
}
.main-con-one-card-teacher {
  display: flex;
  align-items: center;
  flex-direction: column;
  margin-bottom: 20px;
  background: white;
  padding: 15px;
  border-radius: 20px;
}
.main-con-one-card-teacher img {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  margin-bottom: 20px;
}
.main-con-one-card-teacher p {
  text-align: center;
  font-size: 18px;
  color: var(--main-color-text);
  font-weight: 600;
  margin-bottom: 5px;
}
.main-con-one-card-teacher span {
  font-size: 15px;
  color: var(--secondary-color-text);
  font-weight: 400;
  display: block;
  margin-bottom: 30px;
  text-align: center;
}
.main-con-one-card {
  margin-bottom: 20px;
}
.main-con-one-card-teacher button {
  background-color: var(--main-color-text);
  border: 2px solid transparent;
  outline: none;
  padding: 13px 30px;
  border-radius: 15px;
  width: 100%;
  max-width: 200px;
  color: white;
  font-weight: 500;
  font-size: 15px;
  border: 2px solid transparent;
}
.main-con-one-card-teacher button.followed {
  background-color: transparent;
  color: var(--main-color-text);
  border: 2px solid var(--main-color-text);
}
.main-con-all-teachers {
  margin-top: 100px;
}
.main-con-lectuer-lectuer-details-img img {
  width: 100%;
  border-radius: 25px;
  margin-bottom: 30px;
  margin-top: 30px;
  max-height: 500px;
}
.main-con-lecture-details-info-about-teacher img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
}
.title-of-lecture-details-content {
  font-size: 35px;
  font-weight: 600;
  margin-bottom: 15px;
  color: var(--main-color-text);
}
.main-con-lecture-details-info-about-teacher {
  display: flex;
  align-items: center;
  background-color: white;
  padding: 10px;
  border-radius: 15px;
}
.main-con-lecture-details-info-about-teacher > div {
  flex-grow: 1;
  margin: 0px 15px;
}
.main-con-lecture-details-info-about-teacher p {
  font-size: 18px;
  font-weight: 500;
  color: var(--main-color-text);
  margin-bottom: 5px;
}
.main-con-lecture-details-info-about-teacher span {
  font-size: 13px;
  color: var(--secondary-color-text);
  font-weight: 500;
}
.main-con-tabs-lecture-details {
  display: flex;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 30px;
}
.main-con-one-tab-lecture-details {
  padding: 15px 30px;
  font-size: 15px;
  color: var(--main-color-text);
  background-color: white;
  margin: 0px 10px;
  border-radius: 20px;
  font-weight: 500;
}
.main-con-one-tab-lecture-details.active {
  background-color: var(--main-color-text);
  color: #ffff;
}
.main-con-des-content h2 {
  font-size: 30px;
  color: var(--main-color-text);
  font-weight: 700;
  margin-bottom: 15px;
}
.main-con-des-content p {
  font-size: 15px;
  color: var(--secondary-color-text);
  line-height: 30px;
  font-weight: 500;
}
.main-con-content-of-lecture-content h3 {
  font-size: 20px;
  color: var(--main-color-text);
  margin-bottom: 10px;
}
.main-con-curc-all {
  margin-bottom: 30px;
}
.main-con-one-of-curc {
  padding: 10px;
  margin: 10px 20px;
  background-color: white;
  border-radius: 15px;
  display: flex;
  align-items: center;
}
.main-con-one-of-curc > i:nth-child(1) {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #eee;
  color: var(--secondary-color-text);
  font-size: 20px;
  border-radius: 50%;
}
.main-con-one-of-curc > p {
  margin: 0px 15px;
  font-size: 15px;
  color: var(--secondary-color-text);
  font-weight: 500;
  flex-grow: 1;
}
.main-con-one-of-curc > i:nth-child(3) {
  font-size: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0px 10px;
  color: var(--secondary-color-text);
}
.main-con-tabs-content-lecture-de > div:nth-child(1) {
  display: block;
}
.mainc-con-data-content-right-section {
  background-color: white;
  padding: 10px;
  border-radius: 15px;
}
.main-con-prise {
  text-align: center;
  font-size: 50px;
  font-weight: 600;
  margin-bottom: 20px;
  color: var(--main-color-text);
}
.main-con-prise span {
  font-size: 15px;
  font-weight: 600;
  color: var(--main-color-text);
}
.main-con-action-of-lecture button {
  width: 100%;
  background-color: var(--main-color-text);
  color: white;
  border: none;
  outline: none;
  padding: 15px;
  border-radius: 15px;
  margin-bottom: 20px;
}
.main-con-one-info-about-lec {
  display: flex;
  align-items: center;
  padding: 10px;
  border-bottom: 1px solid #eee;
}
.main-con-one-info-about-lec:last-child {
  border-bottom: none;
}
.main-con-one-info-about-lec i {
  font-size: 25px;
  color: var(--main-color-text);
}
.main-con-one-info-about-lec p {
  font-size: 15px;
  color: var(--main-color-text);
  flex-grow: 1;
  margin: 0px 10px;
  font-weight: 500;
}
.main-con-one-info-about-lec span {
  font-size: 15px;
  color: var(--secondary-color-text);
  font-weight: 400;
}
.main-con-about-tacher {
  padding: 16px;
  border-radius: 20px;
  background-color: white;
  text-align: center;
}
.main-con-about-tacher h2 {
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  margin-bottom: 20px;
  color: var(--main-color-text);
  position: relative;
  width: fit-content;
  margin: 0px auto 20px;
}
.main-con-about-tacher h2::after {
  content: "";
  position: absolute;
  top: 50%;
  left: calc(-100% - 0px);
  width: 55px;
  height: 4px;
  background-color: var(--main-color-text);
  border-radius: 50px;
}
.main-con-about-tacher h2::before {
  content: "";
  position: absolute;
  top: 50%;
  right: calc(-100% - 0px);
  width: 55px;
  height: 4px;
  background-color: var(--main-color-text);
  border-radius: 50px;
}

.main-con-about-tacher p {
  line-height: 30px;
  color: var(--secondary-color-text);
  font-weight: 500;
  margin-bottom: 0px;
  font-size: 15px;
}
.main-con-cover-page {
  width: 100%;
  position: relative;
  height: 350px;
  border-radius: 25px;
  background: url("../images/1756381325_PjuOp6.jpg") no-repeat center center
    scroll;
  background-size: cover;
  margin: 30px 0px 170px;
}
.main-con-cover-page::after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.138);

  border-radius: 25px;
}
.mainc-con-ccover-tacher-info {
  position: absolute;
  bottom: -20px;
  right: 50%;
  display: flex;
  align-items: center;
  transform: translate(50%, 50%);
  z-index: 333;
  flex-direction: column;
  justify-content: center;
}
.mainc-con-ccover-tacher-info img {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  border: 10px solid white;
}
.mainc-con-ccover-tacher-info > div {
  flex-grow: 1;
  margin: 0px 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.mainc-con-ccover-tacher-info p {
  font-size: 25px;
  color: var(--main-color-text);
  font-weight: 700;
  margin-bottom: 5px;
}
.mainc-con-ccover-tacher-info span {
  font-size: 15px;
  font-weight: 500;
  color: var(--secondary-color-text);
}
.main-con-sub-info-to-teacher {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  flex-wrap: wrap;
}
.main-con-one-sub-info-to-teacher {
  display: flex;
  align-items: center;
  flex-direction: column;
  background-color: white;
  padding: 15px;
  border-radius: 15px;
  margin: 0px 10px 10px;
  flex-grow: 1;
  width: 40%;
}
.main-con-profile-side-right {
  display: flex;
  align-items: center;
  background-color: white;
  padding: 15px;
  border-radius: 15px;
  flex-direction: column;
  margin-bottom: 20px;
}
.main-con-profile-side-right img {
  width: 100%;
  border-radius: 15px;
  margin-bottom: 20px;
  max-height: 250px;
}
.main-con-profile-side-right p {
  font-size: 20px;
  color: var(--main-color-text);
  font-weight: 600;
  margin-bottom: 5px;
}
.main-con-profile-side-right span {
  display: flex;
  align-items: center;
  font-size: 15px;
  color: var(--secondary-color-text);
}
.main-con-profile-side-right i {
  font-size: 18px;
  margin: 0px 10px;
  display: flex;
  align-items: center;
}
.main-con-one-sub-info-to-teacher i {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
  margin-bottom: 10px;
  color: var(--main-color-text);
}
.main-con-one-sub-info-to-teacher span {
  font-size: 15px;
  color: var(--secondary-color-text);
  font-weight: 500;
}
.main-con-tabs-pofile {
  display: flex;
  align-items: center;
  list-style: none;
  padding: 0px;
  margin: 0px;
  margin-bottom: 15px;
}
.main-con-tabs-pofile li {
  background-color: white;
  padding: 10px 15px;
  border-radius: 15px;
  margin: 0px 5px;
  font-size: 15px;
  font-weight: 500;
  color: var(--secondary-color-text);
}
.main-con-student-page {
  margin-top: 30px;
}
.main-con-tabs-pofile li.active {
  background-color: var(--main-color-text);
  color: white;
}
.h2-for-title-tabs {
  text-align: center;
  margin: 20px auto 50px;
  font-size: 25px;
  color: var(--main-color-text);
  font-weight: 500;
}
.main-con-homework-tab table {
  width: 100%;
  border-collapse: separate; /* مهم عشان يبان الـ border-radius */
  border-spacing: 0 10px; /* مسافة بين الصفوف */
}
.main-con-trades-tab table {
  width: 100%;
  border-collapse: separate; /* مهم عشان يبان الـ border-radius */
  border-spacing: 0 10px; /* مسافة بين الصفوف */
}
table {
  width: 100%;
  border-collapse: separate; /* مهم عشان يبان الـ border-radius */
  border-spacing: 0 10px; /* مسافة بين الصفوف */
}
tr {
  box-shadow: 0px 0px 10px 1px #7e7d7d8c;
  border-radius: 12px;
}
td {
  background: #f4f4f4;
  padding: 15px 16px;
  text-align: center;
  font-size: 15px;
  font-weight: 500;
  color: var(--main-color-text);
}
th {
  background: var(--main-color-text);
  padding: 20px 16px;
  color: white;
  text-align: center;
}

/* أول خلية في كل صف */
tr td:first-child {
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
}

/* آخر خلية في كل صف */
tr td:last-child {
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}
tr th:first-child {
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
}

/* آخر خلية في كل صف */
tr th:last-child {
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}
.main-con-one-file {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 15px;
  background: white;
  border-radius: 15px;
}
.main-con-one-file img {
  width: 150px;
  margin-bottom: 20px;
}
.main-con-one-file p {
  font-size: 20px;
  color: var(--main-color-text);
  font-weight: 500;
  margin-bottom: 5px;
}
.main-con-one-file span {
  font-size: 13px;
  font-weight: 500;
  color: var(--secondary-color-text);
  display: block;
  margin-bottom: 15px;
}
.main-con-one-file button {
  width: 100%;
  background-color: var(--main-color-text);
  color: white;
  font-size: 15px;
  font-weight: 500;
  padding: 15px 20px;
  border: none;
  outline: none;
  border-radius: 15px;
}
.main-con-form-edit-profile {
  background-color: white;
  padding: 20px;
  border-radius: 25px;
  width: 100%;
  max-width: 600px;
  margin: 50px auto;
}
.main-con-form-edit-submit {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 20px 0px;
}
.main-con-form-edit-submit button {
  width: 100%;
  background-color: var(--main-color-text);
  color: white;
  font-size: 15px;
  font-weight: 500;
  padding: 15px 20px;
  border: none;
  outline: none;
  border-radius: 15px;
  max-width: 250px;
}
.main-con-image-lang-header {
  background: url("../images/english-british-england-language-education-concept-58368527.webp")
    no-repeat center center scroll;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 300px;
  border-radius: 25px;
  overflow: hidden;
  position: relative;
  margin: 30px 0px 60px;
}
.main-con-image-lang-header::after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: #00000075;
}
.main-con-image-lang-header h1 {
  font-size: 40px;
  color: white;
  font-weight: 800;
  margin-bottom: 0px;
  z-index: 33;
}
.lecture-card-details.packages-card > p {
  margin-bottom: 10px;
}
.lecture-card-details.packages-card > span {
  font-size: 13px;
  color: var(--secondary-color-text);
  font-weight: 500;
  display: block;
  text-align: center;
  margin-bottom: 20px;
}
.main-con-notifications-page {
  padding: 30px 0px 50px;
}

.main-con-one-notification {
  background-color: white;
  padding: 15px;
  border-radius: 20px;
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.main-con-one-notification img {
  width: 100px;
  height: 100px;
  border-radius: 50%;
}
.main-con-one-notification > div {
  flex-grow: 1;
  margin: 0px 20px;
}
.main-con-one-notification div p {
  font-size: 20px;
  color: var(--main-color-text);
  font-weight: 600;
  margin-bottom: 10px;
}
.main-con-one-notification div span {
  font-size: 13px;
  color: var(--secondary-color-text);
  line-height: 30px;
  max-width: 800px;
}
.main-con-one-notification > span {
  width: 15px;
  height: 15px;
  display: block;
  background-color: var(--main-color-theme);
  border-radius: 50%;
  margin: 0px 20px;
}
.main-con-date-noti {
  font-size: 12px;
  color: var(--main-color-theme);
  font-weight: 500;
}
.log-out-btn {
  background-color: #dd2a73;
  padding: 15px 20px;
  font-size: 15px;
  color: white;
  font-weight: 600;
  border: none;
  outline: none;
  border-radius: 15px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.log-out-btn i {
  margin: 0px 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
}
.main-con-student-rate h2 {
  font-size: 20px;
  text-align: center;
  font-weight: 500;
  margin-top: 40px;
  margin-bottom: 30px;
  color: var(--main-color-text);
}
.main-con-one-info-student-rate {
  display: flex;
  align-items: center;
  background: white;
  margin: 10px 0px;
  padding: 10px 15px;
  border-radius: 15px;
}
.main-con-one-info-student-rate > i {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  border-radius: 10px;
  background-color: #eee;
  color: var(--secondary-color-text);
}
.main-con-one-info-student-rate > div {
  flex-grow: 1;
  margin: 0px 10px;
}
.main-con-one-info-student-rate p {
  font-size: 15px;
  color: var(--main-color-text);
  line-height: 1;
  margin-bottom: 5px;
  font-weight: 500;
}
.main-con-one-info-student-rate span {
  font-size: 13px;
  color: var(--secondary-color-text);
  font-weight: 400;
  line-height: 1;
}
.main-con-one-student-rate {
  padding: 15px;
  border-radius: 20px;
  background-color: white;
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  flex-direction: column;
}
.main-con-one-teacher-image {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 100%;
}
.main-con-one-teacher-image img {
  width: 100%;
  height: 200px;
  margin-bottom: 15px;
  border-radius: 15px;
}
.main-con-one-teacher-image p {
  font-size: 18px;
  color: var(--main-color-text);
  font-weight: 600;
  margin-bottom: 0px;
}
.student-rate-info-one-teacher {
  flex-grow: 1;
  margin: 0px 20px;
  display: flex;
  align-self: stretch;
  justify-content: space-between;
  flex-wrap: wrap;
}
.main-con-one-info-to-rate {
  display: flex;
  align-items: center;
  margin: 10px 10px;
  flex-direction: column;
  background-color: #eee;
  text-align: center;
  width: 30%;
  flex-grow: 1;
  border-radius: 15px;
}
.main-con-one-info-to-rate > i {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  border-radius: 10px;
  background-color: #eee;
  color: var(--secondary-color-text);
}
.main-con-one-info-to-rate > diV {
  flex-grow: 1;
  margin: 0px 10px;
}
.main-con-one-info-to-rate p {
  font-size: 15px;
  color: var(--main-color-text);
  line-height: 1;
  margin-bottom: 5px;
  font-weight: 500;
}
.main-con-one-info-to-rate span {
  font-size: 13px;
  color: var(--secondary-color-text);
  font-weight: 400;
  line-height: 1;
}
.main-con-one-student-rate > a {
  width: 100%;
  background-color: var(--main-color-text);
  color: white !important;
  font-size: 15px;
  font-weight: 500;
  padding: 15px 20px;
  border: none;
  outline: none;
  border-radius: 15px;
  margin-top: 20px;
  text-align: center;
}
.main-con-search-box-one-page {
  display: flex;
  background-color: white;
  padding: 15px;
  width: 100%;
  max-width: 800px;
  margin: 30px auto 90px;
  border-radius: 50px;
}
.main-con-search-box-one-page i {
  font-size: 30px;
  display: flex;
  align-items: center;
  margin-left: 15px;
  color: var(--secondary-color-text);
}
.main-con-search-box-one-page input {
  flex-grow: 1;
  width: 100%;
  border: none;
  outline: none;
  font-size: 15px;
  color: var(--main-color-text);
  font-weight: 500;
}
.main-con-search-box-one-page input::placeholder {
  color: var(--secondary-color-text);
}
.main-con-card-cart-book img {
  width: 100px;
  height: 80px;
  border-radius: 15px;
}
.main-con-card-cart-book {
  display: flex;
  align-items: center;
}
.main-con-cart-card-price {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.main-con-cart-card-price p {
  font-size: 20px;
  color: var(--main-color-theme);
  font-weight: 700;
  margin-bottom: 0px;
}
.main-con-cart-card-price span {
  font-size: 12px;
  color: var(--main-color-theme);
  font-weight: 400;
}
.main-con-card-cart-book > div {
  flex-grow: 1;
  width: 50%;
  margin: 0px 10px;
}
.main-con-card-cart-book p {
  font-size: 15px;
  color: var(--main-color-text);
  font-weight: 500;
  margin-bottom: 0px;
}
.main-con-card-cart-qnt {
  display: flex;
  align-items: center;
  width: fit-content;
  border-radius: 50px;
  border: 1px solid #6c6a74;
  padding: 5px;
  margin: auto;
}
.main-con-cart-tabel-header {
  background-color: var(--main-color-text);
  padding: 20px 10px;
  margin-bottom: 20px;
  border-radius: 20px;
}
.main-con-cart-tabel-header p {
  text-align: center;
  font-size: 17px;
  color: white;
  margin-bottom: 0px;
}
.main-con-cart-summary {
  width: 100%;
  background-color: white;
  border-radius: 20px;
  padding: 20px;
}
.main-con-cart-summary h2 {
  font-size: 20px;
  color: var(--main-color-text);
  font-weight: 700;
  margin-bottom: 25px;
}
.main-con-coupone-cart {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.main-con-coupone-cart input {
  background-color: transparent;
  border: 1px solid #6c6a74;
  padding: 15px;
  font-size: 13px;
  font-weight: 500;
  outline: none;
  border-radius: 50px;
  flex-grow: 1;
  width: 50%;
}
.main-con-coupone-cart button {
  background-color: transparent;
  border: 1px solid #6c6a74;
  padding: 15px 10px;
  font-size: 13px;
  font-weight: 500;
  outline: none;
  margin: 0px 5px;
  border-radius: 50px;
  min-width: 80px;
}
.main-con-cart-card-action {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  color: #dd2a73;
  height: 100%;
  font-size: 20px;
}
.main-con-one-info-cart-summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px 0px;
}

.main-con-one-info-cart-summary p {
  font-size: 14px;
  margin-bottom: 0px;
  color: var(--secondary-sub-color-text);
  font-weight: 500;
}
.main-con-one-info-cart-summary span {
  font-size: 14px;
  margin-bottom: 0px;
  color: var(--main-color-text);
  font-weight: 600;
}
.main-con-one-info-cart-summary-total {
  display: flex;
  align-items: center;
  border-top: 2px dashed #eee;
  padding: 10px 0px;
  margin-top: 25px;
  justify-content: space-between;
}
.main-con-one-info-cart-summary-total p {
  font-size: 18px;
  margin-bottom: 0px;
  color: var(--secondary-sub-color-text);
  font-weight: 600;
}
.main-con-cart-summary > button {
  background-color: var(--main-color-text);
  font-size: 15px;
  font-weight: 600;
  color: white;
  border: none;
  outline: none;
  border-radius: 50px;
  margin-top: 10px;
  width: 100%;
  padding: 15px;
}
.main-con-payment-top-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 50px 0px;
}
.main-con-payment-top-header .main-con-one-step-payment-bar {
  flex-grow: 1;
  display: flex;
  align-items: center;
  flex-direction: column;
  position: relative;
}
.main-con-one-step-payment-bar img {
  height: 40px;
  position: relative;
  z-index: 22;
  background-color: #e7eaf1;
}
.main-con-one-step-payment-bar p {
  font-size: 15px;
  margin-bottom: 0px;
  color: var(--secondary-color-text);
  font-weight: 600;
}
.main-con-one-step-payment-bar span {
  content: "";
  position: absolute;
  top: 50%;
  left: -50%;
  height: 5px;
  width: 100%;
  background-color: #cbcaca;
  z-index: -1;
  transform: translate(0%, -50%);
  border-radius: 50px;
  display: block;
}
.main-con-address-from {
  background: white;
  padding: 20px;
  border-radius: 25px;
}
.main-con-one-product-summery {
  display: flex;
  align-items: center;
  padding: 15px 10px;
  border-bottom: 2px dashed #eee;
}
.main-con-one-product-summery img {
  width: 70px;
  height: 70px;
  border-radius: 10px;
}
.main-con-one-product-summery > div {
  flex-grow: 1;
  margin: 0px 15px;
  width: 30%;
}
.main-con-order-summery-payment-page {
  padding: 20px;
  border-radius: 20px;
  background-color: white;
}
.main-con-order-summery-payment-page h2 {
  font-size: 20px;
  color: var(--main-color-text);
  font-weight: 500;
}
.main-con-order-summery-payment-page > p {
  font-size: 12px;
  color: var(--secondary-color-text);
  font-weight: 500;
  margin-bottom: 10px;
}
.main-con-one-product-summery > div p {
  font-size: 14px;
  color: var(--main-color-text);
  font-weight: 500;
  margin-bottom: 10px;
}
.main-con-one-product-summery:last-child {
  border-bottom: none;
}
.main-con-one-product-summery > div span {
  font-size: 11px;
  color: var(--secondary-color-text);
  margin-bottom: 0px;
  font-weight: 400;
}
.main-con-sumerry-of-summery {
  border-top: 1px solid #eee;
  margin-top: 10px;
  padding: 10px;
}
.main-con-sumerry-of-summery-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0px;
}
.main-con-sumerry-of-summery-info p {
  font-size: 13px;
  color: var(--secondary-sub-color-text);
  font-weight: 500;
  margin-bottom: 0px;
}
.main-con-sumerry-of-summery-info span {
  color: var(--secondary-color-text);
  font-weight: 600;
  font-size: 13px;
}
.main-con-sumerry-of-summery-info-total {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0px;
  border-top: 1px solid #eee;
}
.main-con-sumerry-of-summery-info-total p {
  font-size: 17px;
  color: var(--main-color-text);
  font-weight: 600;
  margin-bottom: 0px;
}
.main-con-sumerry-of-summery-info-total span {
  color: var(--main-color-text);
  font-weight: 700;
  font-size: 17px;
}
.main-con-one-product-summery > span {
  font-size: 13px;
  color: white;
  margin-bottom: 0px;
  font-weight: 400;
  background-color: #0077ce;
  width: 25px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
}
.main-con-input-submit-address button {
  width: 100%;
  max-width: 150px;
  padding: 15px 20px;
  font-size: 15px;
  color: white;
  font-weight: 600;
  background-color: var(--main-color-text);
  border: none;
  outline: none;
  border-radius: 10px;
  margin-top: 50px;
}
.main-con-form-header-address h2 {
  font-size: 25px;
  color: var(--main-color-text);
  font-weight: 500;
  margin-bottom: 5px;
}
.main-con-form-header-address {
  margin-bottom: 30px;
}
.main-con-payment-methods-form {
  background-color: white;
  padding: 20px;
  border-radius: 25px;
  display: none;
}
.main-con-tabs-payment {
  display: flex;
  align-items: center;
  border-bottom: 2px solid #eee;
  margin-bottom: 30px;
}
.main-con-tabs-payment p {
  padding: 17px 30px;
  position: relative;
  font-size: 15px;
  font-weight: 500;
  color: var(--secondary-color-text);
  margin: 0px 0px;
  transition: 0.4s ease-in-out;
  cursor: pointer;
}
.main-con-tabs-payment p.active {
  color: var(--main-color-text);
}
.main-con-tabs-payment p.active::after {
  width: 100%;
}
.main-con-payment-methods-types.fawry > div {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 50px;
}
.main-con-payment-methods-types.cash > div {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 50px;
}

.main-con-payment-methods-types > div > p {
  font-size: 18px;
  color: var(--main-color-text);
  font-weight: 500;
  margin-bottom: 15px;
  text-align: center;
  max-width: 500px;
}
.main-con-payment-methods-types.cash > div > p {
  color: var(--secondary-sub-color-text);
}
.main-con-payment-methods-types.cash > div > span {
  font-size: 20px;
  color: var(--main-color-text);
  font-weight: 600;
  margin-bottom: 15px;
  text-align: center;
  max-width: 500px;
}
.main-con-preview-order {
  background-color: white;
  padding: 20px;
  border-radius: 25px;
}
.main-con-preview-order > h2 {
  font-size: 18px;
  color: var(--secondary-sub-color-text);
  font-weight: 500;
  margin-bottom: 20px;
  border-bottom: 1px solid #eee;
  padding: 10px 0px;
}
.main-con-address-details p {
  font-size: 13px;
  color: var(--secondary-color-text);
  font-weight: 500;
  margin-bottom: 10px;
}
.main-con-address-details {
  margin-bottom: 30px;
}
.main-con-address-details span {
  font-size: 15px;
  color: var(--main-color-text);
  font-weight: 600;
  margin-bottom: 0px;
}
.main-con-confirm-redirect-a a {
  width: 100%;
  max-width: 150px;
  padding: 15px 20px;
  font-size: 15px;
  color: white !important;
  font-weight: 600;
  background-color: var(--main-color-text);
  border: none;
  outline: none;
  border-radius: 10px;
  margin-top: 50px;
  text-align: center;
  margin-top: 30px;
  display: block;
}
.main-con-confirm-redirect-a a:hover {
  color: white !important;
}
.order-num-date-status {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.order-num-date-status > div {
  flex-grow: 1;
}
.order-num-date-status > div p {
  font-size: 13px;
  color: var(--secondary-color-text);
  margin-bottom: 0px;
}
.order-num-date-status div span {
  font-size: 20px;
  color: var(--main-color-text);
  font-weight: 600;
  margin-bottom: 0px;
}
.order-num-date-status > p {
  font-size: 13px;
  padding: 5px 10px;
  background-color: #6c6a7444;
  color: var(--secondary-color-text);
  font-weight: 500;
  margin-bottom: 0px;
  border-radius: 10px;
}
.main-con-orders-sub-all {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px;
  border: 1px solid #6c6a74;
  border-radius: 15px;
  margin-top: 20px;
  flex-wrap: wrap;
}
.con-header-of-order-card-one {
  padding: 15px;
}
.main-con-orders-sub-one img {
  height: 130px;
  width: 150px;
}
.main-con-orders-sub-one {
  display: flex;
  align-items: center;
  width: 50%;
  margin: 15px 0px;
}
.main-con-one-order-vard-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 20px;
  background-color: #eee;
}
.main-con-one-order-vard-footer p {
  font-size: 20px;
  color: var(--main-color-text);
  font-weight: 600;
  margin-bottom: 0px;
}
.main-con-one-order-vard-footer span {
  font-size: 15px;
  color: var(--secondary-color-text);
  font-weight: 500;
  margin: 0px 5px;
}
.main-con-order-one-page {
  background-color: white;
  border-radius: 25px;
  overflow: hidden;
  border: 1px solid #c5c5c5;
  margin-bottom: 15px;
}
.main-con-order-num-order-details {
  font-size: 30px;
  color: var(--main-color-text);
  font-weight: 600;
  margin-bottom: 20px;
}
.main-con-order-address-num-order-details {
  background-color: white;
  padding: 20px;
  border-radius: 20px;
  margin-bottom: 30px;
}
.main-con-order-address-num-order-details h2 {
  font-size: 20px;
  color: var(--main-color-text);
  font-weight: 500;
  margin-bottom: 15px;
}
.main-con-order-address-num-order-details p {
  font-size: 14px;
  color: var(--secondary-sub-color-text);
  font-weight: 500;
  margin-bottom: 10px;
}
.main-con-order-address-num-order-details span {
  font-size: 13px;
  color: var(--secondary-color-text);
  font-weight: 500;
  display: block;
  margin-bottom: 10px;
}
.main-con-order-details-page {
  padding: 50px 0px;
}
.main-con-section-order-status {
  padding: 20px;
  border: 1px solid #cbcbcb;
  border-radius: 15px;
}
.main-con-order-pending {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 25px 10px;
  background-color: white;
  flex-grow: 1;
  margin: 10px;
  border-radius: 15px;
  margin-bottom: 15px;
}
.main-con-order-pending i {
  font-size: 30px;
  color: var(--main-color-text);
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.main-con-order-pending p {
  font-size: 15px;
  color: var(--secondary-color-text);
  font-weight: 500;
  margin-bottom: 0px;
}
.main-con-order-pending > span {
  width: 100%;
  height: 5px;
  background-color: #eee;
  margin-top: 20px;
  display: block;
  position: relative;
  border-radius: 50px;
}
.main-con-order-pending span span {
  position: absolute;
  border-radius: 50px;
  width: 50%;
  height: 5px;
  background-color: #355389;
  display: block;
  right: 0px;
  top: 0px;
}
.main-con-order-progess-status {
  position: relative;
  width: 100%;
  height: 45px;
  background-color: white;
  border-radius: 50px;
  overflow: hidden;
  margin-top: 50px;
}
.main-con-payment-methods h2 {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 10px;
  font-weight: 500;
}
.main-con-order-progess-status span {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 75%;
  background-color: #355389;
  border-radius: 50px;
  height: 45px;
}
.main-con-order-progess-status span i {
  position: absolute;
  left: 10px;
  color: white;
  top: 50%;
  transform: translate(0%, -39%) scaleX(-1);
  font-size: 45px;
}
.main-con-order-progess-status span::after {
  content: "";
  position: absolute;
  border-top: 5px dashed white;
  width: calc(100% - 40px);
  right: 20px;
  top: 50%;
  transform: translate(0%, -50%);
}
.main-con-lecture-purchase-page {
  display: flex;
}
.main-con-side-bar-content-lecture-purchase {
  width: 300px;
  background-color: white;
  height: calc(100vh - 20px);
  display: flex;
  flex-direction: column;
  border-radius: 25px;
  margin: 10px;
  padding: 15px;
  position: sticky;
  top: 10px;
}
.main-con-one-order-vard-footer a {
  background-color: var(--main-color-text);
  padding: 10px 30px;
  color: white;
  font-size: 15px;
  font-weight: 400;
  border-radius: 50px;
  text-align: center;
}
.main-con-lecture-content {
  flex-grow: 1;
  width: calc(100% - 300px);
  padding: 30px;
}
.con-lecture-content-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
}
iframe {
  width: 100%;
  border-radius: 20px;
  min-height: 500px;
}
video {
  width: 100%;
  border-radius: 20px;
  min-height: 500px;
}
.con-lecture-content-header h2 {
  font-size: 30px;
  color: var(--main-color-text);
  font-weight: 600;
  margin-bottom: 0px;
}
.con-lecture-content-header i {
  font-size: 20px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: white;
  border-radius: 10px;
  color: var(--main-color-text);
}
.main-con-side-bar-content-lecture-purchase h2 {
  font-size: 20px;
  color: var(--main-color-text);
  font-weight: 500;
  margin-bottom: 20px;
  flex-grow: 1;
  text-align: center;
}
.main-con-lecture-content .main-con-orders-sub-one p {
  font-size: 15px;
  color: var(--main-color-text);
  font-weight: 500;
  margin-bottom: 10px;
}
.main-con-orders-sub-one span {
  display: block;
  font-size: 13px;
  color: var(--secondary-color-text);
  font-weight: 500;
  margin-bottom: 5px;
}
.main-con-orders-sub-one > div {
  flex-grow: 1;
  margin: 0px 15px;
}
.main-con-address-order-card {
  display: flex;
  align-items: center;
  padding: 5px 10px;
  border: 1px solid #6c6a74;
  width: fit-content;
  border-radius: 10px;
}
.main-con-side-bar-tilte-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.main-con-side-bar-tilte-btn button {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 15px;
  left: -15px;
  background-color: #ffffffa1;
  border: none;
  outline: none;
  border-radius: 10px;
  backdrop-filter: blur(10px);
  font-size: 15px;
  display: none;
  color: var(--main-color-text);
}
.main-con-teacher-lecture-purchase {
  display: flex;
  align-items: center;
}
.main-con-teacher-lecture-purchase img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}
.main-con-teacher-lecture-purchase > div {
  flex-grow: 1;
  margin: 0px 10px;
}
.main-con-teacher-lecture-purchase p {
  font-size: 15px;
  color: var(--main-color-text);
  font-weight: 500;
  margin-bottom: 0px;
}
.main-con-teacher-lecture-purchase span {
  font-size: 12px;
  font-weight: 500;
  color: var(--secondary-color-text);
}
.main-con-one-content-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px 0px;
  pointer-events: none;
}
.main-con-one-content-content-lecture-purchase.active p {
  color: white;
}
.main-con-one-content-content-lecture-purchase.active span {
  color: #eee;
}
.main-con-one-content-content-lecture-purchase.active i {
  color: #eee;
}
.main-con-one-content-content-lecture-purchase.active {
  background-color: #355389;
  border-radius: 15px;
  border-bottom: none;
}
.main-con-one-file-lecture {
  display: flex;
  align-items: center;
  background-color: white;
  padding: 15px;
  border-radius: 15px;
  margin-bottom: 15px;
}
.main-con-lecture-exam-header {
  display: flex;
  align-items: center;
  flex-direction: column;
  margin-bottom: 20px;
  margin-top: 30px;
}
.main-con-lecture-exam-header > div:nth-child(1) {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.main-con-lecture-exam-header > div:nth-child(1) p {
  font-size: 25px;
  text-align: center;
  flex-grow: 1;
  font-weight: 500;
  margin-bottom: 0px;
  color: var(--main-color-text);
}
.main-con-one-exam-card {
  background-color: white;
  padding: 15px;
  border-radius: 15px;
  display: flex;
  align-items: center;
  flex-direction: column;
  max-width: 700px;
  margin: 15px auto;
}
.main-con-question-qustion {
  width: 100%;
}
.main-con-question-qustion span {
  font-size: 15px;
  color: var(--secondary-color-text);
  font-weight: 500;
  margin-bottom: 10px;
  display: block;
}
.main-con-question-qustion i {
  margin-left: 15px;
}
.main-con-one-exam-card > img {
  height: 200px;
}
.main-con-one-answer {
  display: flex;
  align-items: center;
  width: 100%;
  margin-bottom: 10px;
}
.main-con-all-answers {
  width: 100%;
  margin-top: 20px;
}
.main-con-one-answer > i {
  font-size: 20px;
}
.main-con-one-answer > span {
  font-size: 20px;
  margin: 0px 10px;
}
.main-con-one-answer > div.active.correct {
  background-color: rgba(11, 255, 80, 0.364);
  border: 2px solid #355389;
}
.main-con-one-answer > div.active.correct i {
  background-color: rgb(11, 255, 80);
  color: white;
  border: 1px solid rgb(11, 255, 80);
}
.main-con-one-answer > div.correct {
  background-color: rgba(11, 255, 80, 0.364);
}

.main-con-one-answer > div.correct i {
  border: 1px solid rgb(11, 255, 80);
  background-color: rgb(11, 255, 80);
  color: white;
}
.main-con-one-answer > div.correct p {
  color: rgb(11, 255, 80);
}
.main-con-one-answer > div.active {
  background-color: #35538944;
}

.main-con-one-answer > div.active i {
  border: 1px solid #355389;
  background-color: #355389;
  color: var(--main-color-text);
}
.main-con-one-answer > div.active p {
  color: var(--main-color-text);
}
.main-con-one-answer > div.active.correct p {
  color: rgb(22, 188, 69);
}
.main-con-one-answer > div p {
  pointer-events: none;
}
.main-con-one-answer > div i {
  pointer-events: none;
}
.main-con-exam-end-it {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 30px;
  margin-bottom: 20px;
}
.main-con-card-result {
  height: 80%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.sub-con-crad-result {
  background-color: white;
  width: 100%;
  max-width: 500px;
}
.top-con-card-result {
  background-color: #d9042944;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px;
}
.top-con-card-result > p {
  font-size: 20px;
  color: var(--secondary-sub-color-text);
  margin-bottom: 20px;
  font-weight: 500;
}
.main-con-circle-result {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-bottom: 15px;
  background-color: #d90429;
}
.main-con-circle-result p {
  font-size: 30px;
  color: white;
  font-weight: 600;
  margin-bottom: 20px;
}
.main-con-circle-result span {
  font-size: 18px;
  color: white;
  font-weight: 500;
  margin-bottom: 0pc;
  display: block;
}
.top-con-card-result > span {
  font-size: 20px;
  color: var(--main-color-text);
  font-weight: 500;
}
.main-con-card-result.success .top-con-card-result {
  background-color: rgba(39, 246, 108, 0.446);
}
.main-con-card-result.success .main-con-circle-result {
  background-color: rgb(39, 246, 108);
}
.main-con-bottom-result {
  padding: 15px;
}
.main-con-one-info-bottom-result {
  display: flex;
  align-items: center;
  padding: 10px 0px;
}
.main-con-one-info-bottom-result i {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #eee;
  border-radius: 10px;
  font-size: 20px;
  color: var(--secondary-sub-color-text);
}
.main-con-one-info-bottom-result p {
  font-size: 15px;
  color: var(--secondary-color-text);
  margin: 0px 15px;
}
.main-con-exam-result-footer {
  display: flex;
  align-items: center;
  justify-content: space-around;
  margin-top: 30px;
}
.main-con-exam-result-footer button {
  background-color: var(--main-color-text);
  color: white;
  font-size: 15px;
  font-weight: 500;
  padding: 13px 20px;
  border: 2px solid transparent;
  outline: none;
  border-radius: 15px;
  margin: 0px 10px;
  flex-grow: 1;
}
.main-con-exam-result-footer button:nth-child(1) {
  border: 2px solid #355389;
  background-color: transparent;
  color: var(--main-color-text);
}
.main-con-exam-end-it button {
  background-color: transparent;
  border: 2px solid #355389;
  outline: none;
  font-size: 15px;
  font-weight: 500;
  border-radius: 15px;
  padding: 15px 30px;
  color: var(--main-color-text);
}
.main-con-one-answer > div {
  background-color: #eee;
  flex-grow: 1;
  display: flex;
  align-items: center;
  padding: 10px 15px;
  border-radius: 15px;
}
.main-con-one-answer > div p {
  font-size: 15px;
  margin: 0px 10px;
  font-weight: 500;
}
.main-con-one-answer > div i {
  width: 20px;
  height: 20px;
  font-size: 12px;
  display: flex;
  align-items: center;
  background-color: white;
  justify-content: center;
  border: 1px solid #6c6a74;
  border-radius: 50%;
  color: transparent;
}
.main-con-question-qustion p {
  font-size: 18px;
  font-weight: 500;
  margin: 0px 10px;
  display: block;
  text-align: center;
}
.main-con-lecture-exam-header > div:nth-child(1) button {
  background-color: white;
  width: 50px;
  height: 50px;
  border: none;
  outline: none;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: var(--main-color-text);
}

.main-con-one-file-lecture span {
  font-size: 15px;
  color: var(--secondary-color-text);
  font-weight: 500;
}
.main-con-one-file-lecture button {
  border: none;
  outline: none;
  background-color: var(--main-color-text);
  padding: 10px 20px;
  border-radius: 10px;
  color: white;
  font-size: 14px;
  font-weight: 500;
}
.main-con-one-file-lecture img {
  width: 70px;
  height: 70px;
}
.main-con-one-file-lecture div {
  flex-grow: 1;
  margin: 0px 15px;
}
.main-con-one-file-lecture p {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 10px;
  color: var(--main-color-text);
}
.main-con-one-content-header i {
  color: var(--secondary-color-text);
  transition: 0.3s ease-in-out;
}
.main-con-one-content.active {
  border: 1px solid #355389;
}
.main-con-one-content.active .main-con-one-content-header p {
  color: var(--main-color-text);
}

.main-con-one-content.active .main-con-one-content-header i {
  color: var(--main-color-text);
  transform: rotate(180deg);
}
.main-con-one-content-header p {
  font-size: 15px;
  margin-bottom: 0px;
  font-weight: 500;
  color: #212121;
}
.main-con-one-content-header span {
  font-size: 13px;
  color: var(--secondary-color-text);
  font-weight: 400;
}
.main-con-one-content-content-lecture-purchase {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
  border-bottom: 2px dashed #eee;
}
.main-con-one-content-content-lecture-purchase i {
  font-size: 25px;
  color: var(--secondary-color-text);
}
.main-con-one-content-content-lecture-purchase p {
  font-size: 14px;
  margin-bottom: 0px;
  font-weight: 500;
  color: #212121;
}
.main-con-one-content-content-lecture-purchase span {
  font-size: 13px;
  color: var(--secondary-color-text);
  font-weight: 400;
}
.main-con-one-content-content-lecture-purchase:last-child {
  border-bottom: none;
}
.main-con-one-content {
  border: 2px solid #eee;
  padding: 10px;
  border-radius: 20px;
  margin-bottom: 15px;
}
.main-con-content-content-lecture-purchase {
  max-height: 0px;
  overflow: hidden;
  transition: 0.2s ease-in-out;
}
.main-con-address-order-card i {
  font-size: 20px;
  display: flex;
  align-items: center;
  color: var(--main-color-text);
}
.main-con-address-order-card p {
  margin-bottom: 0px;
  font-size: 15px;
  color: var(--main-color-text);
  margin: 0px 10px;
}
.order-num-date-status > span {
  font-size: 15px;
  color: var(--secondary-color-text);
  margin: 0px 10px;
  border: 1px solid #6c6a74;
  padding: 5px 10px;
  border-radius: 10px;
}
.main-con-payment-methods {
  display: flex;
  align-items: center;
}
.main-con-one-content.active .main-con-content-content-lecture-purchase {
  max-height: 100%;
  margin-top: 15px;
}
.main-con-all-lecture-content-tabs {
  flex-grow: 1;
  overflow: auto;
}
.main-con-payment-methods img {
  width: 50px;
  background-color: #eee;
  padding: 10px;
  border-radius: 15px;
}
.main-con-payment-methods p {
  font-size: 18px;
  color: var(--main-color-text);
  font-weight: 500;
  margin: 0px 15px;
}
.main-con-copy-code {
  display: flex;
  align-items: center;
  background-color: #35538944;
  color: var(--main-color-text);
  padding: 12px 30px;
  border-radius: 15px;
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 20px;
}
.main-con-copy-code i {
  margin: 0px 10px;
  font-size: 20px;
}

.main-con-payment-methods-types.fawry > div > span {
  font-size: 13px;
  color: var(--secondary-color-text);
  font-weight: 600;
}
.main-con-tabs-payment p::after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 50%;
  width: 0px;
  height: 2px;
  background-color: var(--main-color-text);
  transform: translate(-50%, 0%);
  transition: 0.4s ease-in-out;
}
.con-lecture-content-header i:nth-child(1) {
  display: none;
}
.main-con-form-header-address span {
  font-size: 15px;
  color: var(--secondary-color-text);
  font-weight: 400;
}
.main-con-one-step-payment-bar.active span {
  background-color: var(--main-color-text);
}
.main-con-one-step-payment-bar.active p {
  color: var(--main-color-text);
}
.main-con-one-step-payment-bar.current p {
  color: var(--main-color-text);
}
.main-con-one-step-payment-bar:last-child span {
  display: none;
}
.main-con-one-info-cart-summary-total span {
  font-size: 18px;
  margin-bottom: 0px;
  color: var(--main-color-text);
  font-weight: 700;
}
.main-con-card-cart-qnt i {
  font-size: 15px;
  display: flex;
  align-items: center;
  color: var(--main-color-text);
}
.main-con-card-cart-qnt input {
  border: none;
  outline: none;
  font-size: 15px;
  font-weight: 600;
  color: var(--main-color-text);
  background-color: transparent;
  text-align: center;
  width: 60px;
}
.main-con-mobile-bottom-bar {
  display: none;
}
.main-con-card-cart-design {
  background-color: white;
  padding: 10px;
  border-radius: 20px;
  margin-bottom: 15px;
}
.main-con-drop-down-user .dropdown-item {
  display: flex;
  align-items: center;
  padding: 10px;
}
.main-con-drop-down-user .dropdown-item i {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #eee;
}
.main-con-drop-down-user .dropdown-menu {
  border: none;
  border-radius: 15px;
  min-width: 200px;
  box-shadow: 0px 0px 10px 0px #d4d4d4;
}
.main-con-drop-down-user .dropdown-item p {
  font-size: 13px;
  color: var(--secondary-color-text);
  font-weight: 500;
  margin: 0px 10px;
}
.main-con-one-payment-lecture-method {
  display: flex;
  align-items: center;
  flex-direction: column;
  background-color: white;
  flex-grow: 1;
  margin: 10px;
  border-radius: 20px;
  padding: 30px;
}
.main-con-one-lecture-methods-online.online button {
  width: 100%;
  max-width: 350px;
  background-color: var(--main-color-text);
  border: none;
  outline: none;
  padding: 15px 20px;
  border-radius: 20px;
  color: white;
}

.main-con-one-lecture-methods-online.online form {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 30px;
}
.main-con-one-lecture-methods-online.coupone form {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 30px;
}
.main-con-one-lecture-methods-online input {
  background-color: white;
  padding: 15px 20px;
  color: var(--secondary-color-text);
  font-size: 15px;
  border: none;
  outline: none;
  border-radius: 15px;
  flex-grow: 1;
  max-width: 350px;
}
.main-con-lecture-methods-pay-all {
  margin-bottom: 30px;
}
.main-con-one-lecture-methods-online button {
  background-color: transparent;
  border: none;
  outline: none;
  padding: 15px 30px;
  border-radius: 20px;
  color: var(--main-color-text);
  margin: 0px 10px;
  border: 2px solid #355389;
  font-size: 15px;
  font-weight: 500;
}
.main-con-one-payment-lecture-method.active {
  background-color: var(--main-color-text);
  color: white;
}
.main-con-one-payment-lecture-method span {
  text-align: center;
}
.main-con-one-payment-lecture-method.active i {
  color: white;
}
.main-con-one-payment-lecture-method.active span {
  color: white;
}
.main-con-one-payment-lecture-method i {
  font-size: 50px;
  color: var(--secondary-color-text);
  margin-bottom: 15px;
}
.main-con-one-payment-lecture-method span {
  font-size: 15px;
  color: var(--secondary-color-text);
  font-weight: 500;
}
.main-con-payment-methods-lecture {
  display: flex;
  align-items: center;
  width: 100%;
}
.main-con-one-book-card {
  background-color: white;
  padding: 15px;
  border-radius: 15px;
  margin-bottom: 15px;
}
.main-con-one-book-card > img {
  width: 100%;
  border-radius: 15px;
  margin-bottom: 15px;
  max-height: 200px;
}
.main-con-one-book-card > p {
  font-size: 18px;
  color: var(--secondary-sub-color-text);
  font-weight: 600;
  margin-bottom: 20px;
}
.main-con-book-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.main-con-book-footer img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.main-con-book-footer > div {
  flex-grow: 1;
  display: flex;
  align-items: center;
}
.main-con-book-footer > p {
  font-size: 25px;
  color: var(--main-color-text);
  font-weight: 600;
  margin-bottom: 0px;
}
.main-con-book-qnt-card-book {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}
.main-con-book-qnt-card-book i {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  border: 2px solid #355389;
  border-radius: 50%;
  font-size: 20px;
}
.main-con-book-qnt-card-book input {
  border: none;
  outline: none;
  text-align: center;
  width: 150px;
}
.main-con-one-book-card > button {
  width: 100%;
  max-width: 350px;
  background-color: var(--main-color-text);
  border: none;
  outline: none;
  padding: 15px 20px;
  border-radius: 15px;
  color: white;
}
.main-con-book-footer > p span {
  font-size: 13px;
  color: var(--main-color-text);
  font-weight: 500;
}
.main-con-book-footer > div > div {
  margin: 0px 10px;
}
.main-con-book-footer > div p {
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 5px;
  color: var(--secondary-sub-color-text);
}
.main-con-book-footer > div span {
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 0px;
  color: var(--secondary-color-text);
}
@media (max-width: 992px) {
  header {
    padding: 10px 0px;
  }
  .main-con-search-input {
    display: none;
  }
  .main-con-all-lang {
    flex-wrap: wrap;
  }
  .main-con-section-languages {
    padding: 200px 0px 50px;
  }
  .main-con-all-lang > div {
    width: 40%;
    flex-grow: 1;
    margin-bottom: 15px;
  }
  .main-con-card-language p {
    font-size: 13px;
  }
  .main-con-card-language span {
    font-size: 10px;
  }
  .main-con-section-latest-lectures {
    padding: 100px 0px 50px;
  }
  .main-con-section-header h2 {
    font-size: 18px;
  }
  .main-con-card-language i:nth-child(1) {
    font-size: 90px;
  }
  .main-con-card-language i:nth-child(2) {
    font-size: 70px;
  }
  .main-con-section-header i:nth-child(1) {
    font-size: 40px;
  }
  .main-con-section-header i:nth-child(3) {
    font-size: 40px;
  }
  .main-con-teacher-section-home-page {
    padding: 100px 0px 50px;
  }
  .main-con-images-hero-section img {
    width: 150px;
    height: 200px;
  }
  .resvers-row-in-mobile-view {
    flex-direction: column-reverse;
  }
  .main-con-sections-content-hero {
    text-align: center;
    align-items: center;
  }
  .main-con-sections-content-hero h2 {
    font-size: 30px;
    line-height: 50px;
  }
  .main-con-sections-content-hero p {
    font-size: 13px;
  }
  .main-con-sections-content-hero > span {
    font-size: 12px;
    line-height: 30px;
  }
  .main-con-images-hero-section img.image-1-hero {
    transform: translate(-80%, -140%) rotate(13deg);
  }
  .main-con-images-hero-section img.image-2-hero {
    transform: translate(-11%, -115%) rotate(-7deg);
  }
  .lecture-card-details > p {
    font-size: 14px;
  }
  .main-con-price-action a {
    font-size: 11px;
  }
  .main-con-price-action p {
    font-size: 20px;
  }
  .main-con-price-action p span {
    font-size: 11px;
  }
  .main-con-show-all-btn a {
    font-size: 13px;
    border-radius: 10px;
  }
  .main-con-one-card-teacher p {
    font-size: 13px;
  }
  .main-con-one-card-teacher span {
    font-size: 11px;
  }
  .main-con-one-card-teacher button {
    font-size: 12px;
    border-radius: 13px;
  }
  .main-con-drop-down-user .dropdown-toggle img {
    width: 35px;
    height: 35px;
  }
  .main-con-first-colum-header .notification-icon i {
    width: 35px;
    height: 35px;
    font-size: 22px;
  }
  .main-con-first-colum-header .notification-icon span {
    width: 13px;
    height: 13px;
    font-size: 8px;
  }
  .main-con-logo-header img {
    height: 35px;
  }
  .main-con-section-form form {
    transform: translate(0px, 30px);
    margin-bottom: 50px;
  }
  .main-con-actions-auth a {
    justify-content: center;
  }
  .main-con-content-of-auth {
    text-align: center;
  }
  .no-pad-in-mobile {
    padding: 0px;
  }
  .no-mar-in-mobile {
    margin: 0px;
  }
  .main-con-header-section-auth {
    margin-top: 0px;
    width: 100%;
    border-radius: 0px;
  }
  .w-100-mobile {
    width: 100%;
    max-width: none;
  }
  .main-con-content-of-auth h2 {
    font-size: 25px;
  }
  .main-con-content-of-auth p {
    font-size: 20px;
  }
  .main-con-content-of-auth span {
    font-size: 12px;
  }
  .main-con-actions-auth a {
    font-size: 13px;
  }
  .main-con-section-form form h2 {
    font-size: 17px;
  }
  .main-con-section-form form h3 {
    font-size: 20px;
    text-align: center;
  }
  .main-con-input-form-auth label {
    font-size: 11px;
  }
  .main-con-input-form-auth > input {
    font-size: 12px;
  }
  .main-con-input-form-auth > input::placeholder {
    font-size: 12px;
  }
  .main-con-input-form-auth > i {
    font-size: 20px;
    top: 33px;
  }
  .main-con-forget-password-link {
    font-size: 11px;
  }
  .main-con-section-form form > button {
    font-size: 13px;
  }
  .main-con-redirect p {
    font-size: 12px;
  }
  .main-con-redirect a {
    font-size: 12px;
  }
  .main-con-input-form-auth > select {
    font-size: 12px;
  }
  .main-con-input-form-auth > select::placeholder {
    font-size: 12px;
  }
  .main-con-upload-national-id label {
    font-size: 12px;
  }
  .des-form-auth {
    font-size: 13px;
  }
  .main-con-cart-tabel-header p {
    font-size: 14px;
  }
  .main-con-card-cart-book {
    margin-bottom: 20px;
  }
  .col-5.col-lg-3 .justify-content-center {
    justify-content: flex-start !important;
  }
  .main-con-card-cart-qnt {
    margin: 0px;
  }
  .main-con-card-cart-book p {
    font-size: 14px;
  }
  .main-con-card-cart-book img {
    width: 80px;
    height: 60px;
  }
  .main-con-cart-summary h2 {
    font-size: 17px;
  }
  .main-con-one-info-cart-summary p {
    font-size: 12px;
  }
  .main-con-one-info-cart-summary span {
    font-size: 12px;
  }
  .main-con-one-info-cart-summary-total p {
    font-size: 15px;
  }
  .main-con-one-info-cart-summary-total span {
    font-size: 15px;
  }
  .main-con-cart-summary > button {
    font-size: 14px;
  }
  .main-con-one-card-teacher img {
    width: 100px;
    height: 100px;
  }
  .main-con-image-lang-header h1 {
    font-size: 25px;
  }
  .main-con-image-lang-header {
    min-height: 200px;
    margin: 30px 0px 10px;
  }
  .main-con-lectures-page {
    padding: 30px 0px;
  }
  .title-of-lecture-details-content {
    font-size: 20px;
  }
  .main-con-lecture-details-info-about-teacher p {
    font-size: 14px;
  }
  .main-con-lecture-details-info-about-teacher span {
    font-size: 11px;
  }
  .main-con-one-tab-lecture-details {
    font-size: 12px;
  }
  .main-con-one-tab-lecture-details {
    padding: 10px 20px;
  }
  .main-con-des-content h2 {
    font-size: 18px;
  }
  .main-con-des-content p {
    font-size: 12px;
  }
  .main-con-prise {
    font-size: 30px;
  }
  .main-con-action-of-lecture button {
    font-size: 13px;
  }
  .main-con-one-info-about-lec span {
    font-size: 12px;
  }
  .main-con-one-info-about-lec p {
    font-size: 12px;
  }
  .main-con-one-info-about-lec i {
    font-size: 20px;
  }
  .main-con-one-notification img {
    width: 50px;
    height: 50px;
  }
  .main-con-one-notification div p {
    font-size: 14px;
  }
  .main-con-one-notification div span {
    font-size: 12px;
  }
  .main-con-one-notification > span {
    margin: 0px 5px;
  }
  .main-con-one-notification > div {
    width: 30%;
  }
  .main-con-section-order-status {
    padding: 20px 5px;
  }
  .main-con-order-pending {
    padding: 25px 5px;
    margin: 5px;
  }
  .main-con-order-pending p {
    font-size: 12px;
    text-align: center;
  }
  .main-con-section-order-status .d-flex {
    flex-wrap: wrap;
  }
  .main-con-order-progess-status {
    height: 35px;
  }
  .main-con-order-progess-status span {
    height: 35px;
  }
  .main-con-order-progess-status span i {
    font-size: 35px;
  }
  .main-con-order-progess-status span::after {
    border-top: 3px dashed white;
  }
  .main-con-order-address-num-order-details h2 {
    font-size: 18px;
  }
  .main-con-order-address-num-order-details p {
    font-size: 12px;
  }
  .main-con-order-address-num-order-details span {
    font-size: 11px;
  }
  .main-con-one-product-summery > div p {
    font-size: 13px;
  }
  .main-con-one-product-summery img {
    width: 50px;
    height: 50px;
  }
  .main-con-one-product-summery > div {
    margin: 0px 10px;
  }
  .main-con-one-product-summery {
    padding: 15px 0px;
  }
  .main-con-payment-methods h2 {
    font-size: 18px;
  }
  .main-con-payment-methods p {
    font-size: 14px;
  }
  .main-con-payment-methods img {
    width: 40px;
    border-radius: 10px;
  }
  .order-num-date-status > span {
    font-size: 11px;
    padding: 5px;
    margin: 0px 5px;
  }
  .order-num-date-status div span {
    font-size: 13px;
  }
  .order-num-date-status > div p {
    font-size: 11px;
  }
  .order-num-date-status > p {
    font-size: 11px;
    padding: 5px;
  }
  .main-con-address-order-card p {
    font-size: 12px;
  }
  .main-con-orders-sub-all {
    flex-direction: column;
  }
  .main-con-orders-sub-one {
    width: 100%;
  }
  .main-con-orders-sub-one p {
    font-size: 12px;
    color: var(--main-color-text);
  }
  .main-con-one-step-payment-bar img {
    height: 25px;
  }
  .main-con-one-step-payment-bar p {
    font-size: 10px;
  }
  .main-con-form-header-address h2 {
    font-size: 15px;
  }
  .main-con-form-header-address span {
    font-size: 11px;
  }
  .main-con-input-submit-address button {
    font-size: 12px;
  }
  .main-con-address-from {
    margin-bottom: 15px;
  }
  .main-con-order-summery-payment-page h2 {
    font-size: 15px;
  }
  .main-con-order-summery-payment-page > p {
    font-size: 11px;
  }
  .main-con-tabs-pofile li {
    font-size: 11px;
    padding: 5px;
    border-radius: 5px;
    margin-bottom: 5px;
  }
  .main-con-tabs-pofile {
    flex-wrap: wrap;
    margin-top: 20px;
  }
  th {
    font-size: 13px;
    font-weight: 600;
  }
  td {
    font-size: 11px;
  }
  .main-con-one-file p {
    font-size: 13px;
  }
  .main-con-one-file button {
    font-size: 12px;
  }
  .main-con-one-file span {
    font-size: 10px;
  }
  .main-con-form-edit-profile {
    margin-top: 20px;
  }
  .h2-for-title-tabs {
    margin-bottom: 20px;
    font-size: 18px;
  }
  .log-out-btn {
    font-size: 11px;
    padding: 10px 20px;
  }
  .main-con-one-sub-info-to-teacher span {
    font-size: 12px;
  }
  .main-con-profile-side-right p {
    font-size: 15px;
  }
  .main-con-profile-side-right span {
    font-size: 13px;
  }
  .main-con-search-box-one-page i {
    font-size: 20px;
  }
  .main-con-search-box-one-page input {
    font-size: 13px;
  }
  .main-con-search-box-one-page {
    margin-bottom: 20px;
  }
  .main-con-one-sub-info-to-teacher i {
    font-size: 20px;
  }
  .main-con-student-rate {
    margin-bottom: 20px;
  }
  .main-con-one-info-student-rate p {
    font-size: 13px;
  }
  .main-con-one-teacher-image p {
    font-size: 15px;
  }
  .main-con-one-info-to-rate p {
    font-size: 12px;
  }
  .main-con-one-student-rate > a {
    font-size: 12px;
  }
  .mainc-con-ccover-tacher-info p {
    text-align: center;
    font-size: 18px;
  }
  .main-con-about-tacher {
    margin-bottom: 20px;
  }
  .main-con-about-tacher p {
    font-size: 12px;
  }
  .main-con-cover-page {
    height: 200px;
  }
  .mainc-con-ccover-tacher-info img {
    width: 100px;
    height: 100px;
    border: 5px solid white;
  }

  .mainc-con-ccover-tacher-info span {
    font-size: 13px;
  }
  .main-con-one-info-to-rate span {
    font-size: 11px;
  }
  .main-con-one-info-student-rate span {
    font-size: 11px;
  }
  .main-con-order-summery-payment-page {
    margin-bottom: 20px;
  }
  .main-con-orders-sub-one span {
    font-size: 11px;
  }
  .main-con-orders-sub-one img {
    width: 120px;
    height: 100px;
  }
  .main-con-one-order-vard-footer p {
    font-size: 15px;
  }
  .main-con-one-order-vard-footer span {
    font-size: 12px;
  }
  .main-con-one-order-vard-footer a {
    font-size: 12px;
  }
  .main-con-side-bar-tilte-btn button {
    display: block;
  }
  .main-con-side-bar-content-lecture-purchase {
    position: absolute;
    right: -130%;
  }
  .main-con-side-bar-tilte-btn button {
    left: 0px;
  }
  .main-con-lecture-content {
    padding: 30px 10px;
  }
  .con-lecture-content-header h2 {
    font-size: 15px;
    margin: 0px 10px;
  }
  .con-lecture-content-header i {
    font-size: 13px;
    width: 35px;
    height: 35px;
    border-radius: 10px;
  }
  .main-con-side-bar-content-lecture-purchase.close {
    position: absolute;
    right: 0px;
    width: 100%;
    margin: 0px;
    border-radius: 0px;
    top: 0px;
    height: 100vh;
    z-index: 2;
  }
  .con-lecture-content-header i:nth-child(1) {
    display: flex;
  }
  .main-con-card-result {
    margin-top: 20px;
  }
  .main-con-question-qustion span {
    font-size: 11px;
  }
  .main-con-question-qustion p {
    font-size: 14px;
  }
  .main-con-one-answer > div p {
    font-size: 13px;
  }
  .main-con-one-answer > span {
    font-size: 15px;
  }
  .countdown small {
    font-size: 11px !important;
  }
  .countdown span {
    font-size: 1rem !important;
  }
  .countdown-box {
    width: 100% !important;
  }
  .main-con-lecture-exam-header > div:nth-child(1) {
    flex-wrap: wrap !important;
  }
  .countdown div {
    padding: 8px 15px !important;
    min-width: 50px !important;
  }
  .main-con-lecture-exam-header > div:nth-child(1) p {
    font-size: 15px;
  }
  .main-con-lecture-exam-header > div:nth-child(1) button {
    width: 35px;
    height: 35px;
    font-size: 13px;
    border-radius: 10px;
  }
  .main-con-exam-end-it button {
    font-size: 13px;
  }
  .main-con-one-file-lecture p {
    font-size: 13px;
  }
  .main-con-one-file-lecture span {
    font-size: 11px;
  }
  .main-con-one-file-lecture button {
    font-size: 11px;
  }
  .main-con-one-file-lecture img {
    width: 50px;
    height: 50px;
  }
  .top-con-card-result > p {
    font-size: 13px;
  }
  .main-con-circle-result p {
    font-size: 20px;
  }
  .main-con-circle-result span {
    font-size: 13px;
  }
  .top-con-card-result > span {
    font-size: 13px;
  }
  .main-con-one-info-bottom-result p {
    font-size: 13px;
  }
  .main-con-exam-result-footer button {
    font-size: 13px;
  }
  .main-con-one-info-bottom-result i {
    width: 35px;
    height: 35px;
    border-radius: 10px;
  }
  .main-con-mobile-bottom-bar {
    display: flex;
    position: fixed;
    width: 100%;
    bottom: 0px;
    left: 0px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    z-index: 222222;
    background-color: white;
    padding: 10px;
    border-radius: 15px 15px 0px 0px;
    box-shadow: 0px 0px 10px 0px #d5d5d5;
  }
  .main-con-mobile-bottom-bar i {
    font-size: 25px;
    color: var(--secondary-color-text);
    margin: 0px 10px;
  }
  .main-con-mobile-bottom-bar a.active i {
    color: var(--main-color-text);
  }
  .main-con-one-payment-lecture-method {
    padding: 10px;
  }
  .main-con-one-payment-lecture-method i {
    font-size: 30px;
    margin-bottom: 10px;
  }
  .main-con-one-payment-lecture-method span {
    font-size: 13px;
  }
  .main-con-one-lecture-methods-online.online button {
    font-size: 13px;
  }
  .main-con-one-lecture-methods-online button {
    font-size: 13px;
    padding: 15px 10px;
    margin: 0px 5px;
  }
  .main-con-one-lecture-methods-online.coupone input {
    font-size: 13px;
  }
  .main-con-one-book-card > p {
    font-size: 15px;
  }
  .main-con-book-footer > div p {
    font-size: 13px;
  }
  .main-con-book-footer > div span {
    font-size: 10px;
  }
  .main-con-book-qnt-card-book i {
    width: 30px;
    height: 30px;
    font-size: 15px;
  }
  .main-con-one-book-card > button {
    font-size: 13px;
  }
}