@font-face {
  font-family: "font-awesome";
  src: url("../webfonts/fa-brands-400.ttf");
}
@font-face {
  font-family: "font-awesome";
  src: url("../webfonts/fa-brands-400.woff2");
}
@font-face {
  font-family: "font-awesome";
  src: url("../webfonts/fa-regular-400.ttf");
}
@font-face {
  font-family: "font-awesome";
  src: url("../webfonts/fa-brands-400.ttf");
}
@font-face {
  font-family: "font-awesome";
  src: url("../webfonts/fa-regular-400.woff2");
}
@font-face {
  font-family: "font-awesome";
  src: url("../webfonts/fa-solid-900.ttf");
}
@font-face {
  font-family: "font-awesome";
  src: url("../webfonts/fa-solid-900.woff2");
}
@font-face {
  font-family: "yekan-bold";
  src: url("../fonts-yekan/Yekan-Bakh-FA-06-Bold.woff");
}
@font-face {
  font-family: "yekan-heavy";
  src: url("../fonts-yekan/Yekan-Bakh-FA-07-Heavy.woff");
}
@font-face {
  font-family: "yekan-medium";
  src: url("../fonts-yekan/Yekan-Bakh-FA-05-Medium.woff");
}
@font-face {
  font-family: "yekan-regular";
  src: url("../fonts-yekan/Yekan-Bakh-FA-04-Regular\ \(1\).woff");
}
@font-face {
  font-family: "yekan-light";
  src: url("../fonts-yekan/Yekan-Bakh-FA-03-Light.woff");
}
@font-face {
  font-family: "yekan-thin";
  src: url("../fonts-yekan/Yekan-Bakh-FA-02-Thin.woff");
}
@font-face {
  font-family: "morabba";
  src: url("../fonts-yekan/Morabba-Heavy.ttf");
}
:root {
  --primary: #f0aa1c;
  --primary-light: #fbf7f2;
}
* {
  box-sizing: border-box;
  margin: 0px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "yekan-heavy";
}
p {
  font-family: "yekan-light";
  font-size: 20px;
  text-align: justify;
}

button {
  font-family: "yekan-medium" !important;
}
nav a {
  font-family: "yekan-bold";
  font-size: 23px !important;
}
nav {
  background-color: #f0aa1c;
}
header {
  width: 100%;
  min-height: 400px !important;
  background-color: var(--primary-light);
  background: linear-gradient(90deg, #f0f2ff 0%, #fbf7f2 100%);
}
header iframe {
  width: 100%;
  min-height: 300px;
  border-radius: 10px;
}
h1.title {
  font-family: "morabba";
}
div.course-content {
  background-color: var(--primary-light);
}
div.course-content .item {
  background-color: #fff;
  background-clip: content-box;
}
div.item p {
  font-size: 18px;
  font-family: "yekan-light";
}

div.about-me p,
div.profile,
div.enroll ul {
  border-radius: 16px;
  border: 9px solid var(--primary-light);
  background: #fff;
  box-shadow: 0px 12px 56px 0px rgba(6, 28, 61, 0.12);
}

div.about-me p {
  line-height: 40px;
}
div.enroll {
  background-color: var(--primary-light);
  min-height: 400px;
}
.list-group {
  padding-right: 0px;
  --bs-list-group-bg: transparent;
}
li {
  font-family: "yekan-medium";
  font-size: 19px;
}
.list-group li:nth-child(1)::before {
  content: "\f51c";
  font-family: "font-awesome";
}
.list-group li:nth-child(1)::before {
  content: "\f51c";
  font-family: "font-awesome";
  padding-left: 10px;
  color: var(--primary);
}
.list-group li:nth-child(2)::before {
  content: "\f393";
  font-family: "font-awesome";
  padding-left: 10px;
  color: var(--primary);
}
.list-group li:nth-child(3)::before {
  content: "\f0c0";
  font-family: "font-awesome";
  padding-left: 10px;
  color: var(--primary);
}
ul.enroll a {
  display: inline;
}
ul.enroll li::before {
  font-family: "font-awesome";
  padding-left: 10px;
  color: var(--primary);
}
ul.enroll li:nth-child(1)::before {
  content: "\f071";
}
ul.enroll li:nth-child(2)::before {
  content: "\f59f";
}
ul.enroll li:nth-child(3)::before {
  content: "\f017";
}
ul.enroll li:nth-child(4)::before {
  content: "\f879";
}
ul.enroll li:nth-child(5)::before {
  content: "\f2c6";
}
ul.enroll li:nth-child(6)::before {
  content: "\f232";
}
div.questions a {
  font-family: "yekan-bold";
  font-size: 22px;
  width: 100%;
  text-align: right;
}
.btn:focus {
  border: none;
}
.card-header {
  background-color: var(--primary-light);
}