@font-face {
  font-family: "GM";
  src: url("../font/GE_Smooth_Light.otf");
}
@font-face {
  font-family: "BAH-NOR";
  src: url("../font/Bahij_TheSansArabic-Plain 2.ttf");
}
@font-face {
  font-family: "BAH-LIGHT";
  src: url("../font/Bahij_TheSansArabic-Light.ttf");
}
body {
  font-family: bah-light;
  color: black;
}

.site-image {
  display: none;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  opacity: 30%;
  z-index: 2;
}

.site-image-mobile {
  display: none;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  opacity: 30%;
  z-index: 3;
  width: 100%;
}

.black {
  background-color: black;
  height: 58px;
  width: 100%;
}

.navbar {
  background-color: #ffffff;
}
.navbar .logo-small {
  width: 50%;
}
.navbar .nav-link.active {
  color: #98002c;
}
.navbar .btn-outline-primary {
  border-color: #98002c;
}
.navbar .btn-outline-primary:hover {
  background-color: #98002c;
}
.navbar .btn-outline-primary:hover a {
  color: #eddde0;
}
.navbar .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(152,0,44, 01)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.main-img {
  background-color: #98002c;
  background-image: radial-gradient(circle, #91012a, #720121);
  color: #eddde0;
}
.main-img .my-text {
  padding: 20px;
}
.main-img .my-text .top-border {
  border: solid 2px rgba(242, 242, 242, 0.3137254902);
  border-bottom: none;
  width: 100%;
}
.main-img .my-text .bottom-border {
  border: solid 2px rgba(242, 242, 242, 0.3137254902);
  border-top: none;
  width: 100%;
}
.main-img .my-text p {
  text-align: justify;
  position: relative;
}
.main-img .my-text .btn-primary {
  background-color: black;
  border-color: black;
  color: #eddde0;
  font-family: bah-light;
}
.main-img .my-text .btn-primary:hover {
  background-color: black;
  color: #98002c;
}

.nature {
  background-color: #f2f3f4;
}
.nature .section-main .title {
  font-family: GM;
}
.nature .section .sub {
  background-color: #ffffff;
  border-right: #98002c 21px solid;
  font-family: GM;
  line-height: 95%;
}
.nature .section p {
  line-height: 120%;
}
.nature .section:last-child {
  border-bottom: none;
}

.special {
  background-color: #ffffff;
}
.special .title {
  font-family: GM;
  text-align: center;
}
.special .content {
  background-color: #f1f2f2;
}
.special .content .section .sub {
  font-family: BAH-NOR;
}

.courses {
  color: #eddde0;
}
.courses .title {
  font-family: GM;
  text-align: center;
  color: black;
}
.courses .section .data {
  background-color: black;
  color: #eddde0;
  position: relative;
}
.courses .section .data .note {
  font-family: GM;
  position: absolute;
  background-color: #98002c;
  right: 0;
  top: 6rem;
  z-index: 2;
}
.courses .section .data .note .text {
  display: flex;
  align-items: center;
  justify-content: end;
  width: 17rem;
  text-align: left;
  height: 7.5rem;
}
.courses .section .data .note .triangle {
  position: absolute;
  top: 0;
  left: -8.7rem;
  width: 0;
  border: 4.3rem solid transparent;
  border-right: 4.5rem solid #98002c;
}
.courses .section .data .info {
  border: solid 2px #cfd0d2;
  margin: 5rem 10rem 6rem 7rem;
  position: relative;
  border-radius: 0.5rem;
}
.courses .section .data .info .sub {
  font-family: GM;
  font-size: 3.9rem;
  line-height: 110%;
}
.courses .section .data .info .det .bullet {
  color: #98002c;
}
.courses .section .img img {
  height: 100%;
  width: 100%;
}
.courses .section:nth-of-type(even) .data {
  background-color: #98002c;
}
.courses .section:nth-of-type(even) .data .note {
  background-color: black;
}
.courses .section:nth-of-type(even) .data .triangle {
  border-right-color: black;
}
.courses .section:nth-of-type(even) .data .det .bullet {
  color: #eddde0;
}

.buy {
  padding-top: 72px;
  background-image: url("../image/seeds.png");
  background-position: left bottom;
  background-repeat: no-repeat;
  background-color: #f2f3f4;
}
.buy .title {
  font-family: GM;
}
.buy .info {
  margin-top: 101px;
}
.buy .info .sub {
  display: flex;
  align-items: start;
  align-content: center;
}
.buy .info .sub .num {
  background-color: #ffffff;
  flex: 0 0 85px;
  height: 85px;
  border-right: 8px solid #98002c;
  font-size: 65px;
  text-align: center;
  margin-left: 38px;
}
.benifits {
  background-color: #98002c;
  color: #eddde0;
}
.benifits .item .top-border {
  border: solid 2px rgba(242, 242, 242, 0.3137254902);
  border-bottom: none;
  width: 100%;
}
.benifits .item .bottom-border {
  border: solid 2px rgba(242, 242, 242, 0.3137254902);
  border-top: none;
  width: 100%;
}
.benifits .item .number {
  font-weight: bold;
}

.coatch .title {
  font-family: GM;
}
.coatch .row img {
  border-right: solid 1.4rem #98002c;
}
.coatch .row .job {
  color: #98002c;
  font-family: GM;
}
.coatch .row .name {
  font-weight: bold;
  font-family: GM;
}
.coatch .row .dat {
  line-height: 110%;
}

.hear {
  background-color: black;
  color: #eddde0;
}
.hear .title {
  font-family: GM;
}
.hear .item .top-border {
  border: solid 2px rgba(242, 242, 242, 0.3137254902);
  border-bottom: none;
  width: 100%;
}
.hear .item .bottom-border {
  border: solid 2px rgba(242, 242, 242, 0.3137254902);
  border-top: none;
  width: 100%;
}

.news {
  background-color: #f2f3f4;
}
.news .title {
  font-family: GM;
  font-weight: bold;
}
.news .item {
  background-color: #ffffff;
  border-right: solid #98002c 12px;
  width: 13rem;
}
.news .item .date {
  color: #98002c;
}
.news .btn-outline-primary {
  border-color: #98002c;
  color: black;
}
.news .btn-outline-primary:hover {
  background-color: #98002c;
}
.news .btn-outline-primary:hover a {
  color: #eddde0;
}
.news .logos {
  background-color: #ffffff;
  position: relative;
  top: 50%;
  text-align: center;
  transform: translateY(50%);
}

.footer {
  background-color: #98002c;
}
.footer .title {
  font-family: GM;
}
.footer .text {
  color: #eddde0;
  line-height: 120%;
}
.footer .news-footer a {
  color: #ffffff;
  text-decoration: none;
}
.footer .link-item a {
  color: #eddde0;
  text-decoration: none;
}
.footer .btn-primary {
  font-weight: bold;
  border-color: black;
  background-color: black;
  color: #eddde0;
}
.footer .btn-primary:hover {
  color: #98002c;
}
.footer .copyright {
  color: #eddde0;
}
.footer .social-media a {
  border-radius: 50%;
  width: 45px;
  height: 45px;
  background-color: white;
  color: #98002c;
  text-align: center;
}

@media (max-width: 1800px) and (min-width: 1000px) {
  .main-img .my-text p {
    font-size: 2.5rem;
  }
  .main-img .my-text .btn-primary {
    font-size: 2rem !important;
  }
  .courses .section .data .note {
    margin-top: 0 !important;
  }
  .courses .section .data .note .text {
    width: 12rem;
    height: 6rem;
  }
  .courses .section .data .note .triangle {
    left: -8rem;
    border-width: 3.5rem;
    border-right-width: 4.5rem;
  }
}
@media (max-width: 990px) and (min-width: 719px) {
  .nature {
    background-image: none !important;
  }
  .courses-detail .det {
    border-bottom: solid 2px #f2f3f4;
  }
  .contact-form .det {
    border-bottom: solid 2px #f2f3f4;
  }
}
@media (max-width: 1000px) {
  .courses .section .data .note {
    top: 1.5rem;
  }
  .courses .section .data .note .fs-1 {
    font-size: 1rem !important;
  }
  .courses .section .data .note .text {
    width: 7rem;
    height: 3rem;
  }
  .courses .section .data .note .triangle {
    left: -4.5rem;
    border-width: 2rem;
    border-right-width: 2.5rem;
  }
  .courses .section .data .info {
    margin: 1rem 1rem 1rem 1rem;
  }
  .courses .section .data .info .sub {
    font-size: 2rem;
  }
  .courses .section .data .info .text {
    font-size: 1.2rem !important;
  }
  .courses .section .img {
    max-width: 14rem;
  }
}
@media (max-width: 500px) {
  html {
    font-size: 10px;
  }
  .black {
    background-color: black;
    height: 38px;
    width: 100%;
  }
  .footer .social-media a {
    width: 25px;
    height: 25px;
  }
}
.courses-img {
  background-color: #f2f3f4;
  color: black;
}
.courses-img .my-text .top-border {
  border: solid 2px rgba(0, 0, 0, 0.3137254902);
  border-bottom: none;
  width: 100%;
}
.courses-img .my-text .bottom-border {
  border: solid 2px rgba(0, 0, 0, 0.3137254902);
  border-top: none;
  width: 100%;
}
.courses-img .my-text p {
  vertical-align: middle;
  position: relative;
}
.courses-img .my-text .btn-primary {
  background-color: black;
  border-color: black;
  color: #eddde0;
  font-family: bah-light;
}
.courses-img .my-text .btn-primary:hover {
  background-color: black;
  color: #98002c;
}

.courses-menu .top-border {
  border: solid 2px #cfd0d2;
  border-bottom: none;
  width: 100%;
}
.courses-menu .bottom-border {
  border: solid 2px #cfd0d2;
  border-top: none;
  width: 100%;
}
.courses-menu .active {
  color: #98002c;
}
.courses-menu .active .bottom-border, .courses-menu .active .top-border {
  border-color: rgba(152, 1, 44, 0.5019607843);
}

.courses-img {
  background-color: #d5d8d7;
}

.courses-detail .btn-outline-primary {
  border-color: #98002c;
  color: black;
}
.courses-detail .btn-outline-primary:hover {
  background-color: #98002c;
  color: #eddde0;
}
.courses-detail .top-border {
  border: solid 2px #cfd0d2;
  border-bottom: none;
  width: 100%;
}
.courses-detail .bottom-border {
  border: solid 2px #cfd0d2;
  border-top: none;
  width: 100%;
}
.courses-detail .active {
  color: #98002c;
}
.courses-detail .active .bottom-border, .courses-detail .active .top-border {
  border-color: rgba(152, 1, 44, 0.5019607843);
}
.courses-detail .det .title {
  color: #98002c;
}
.courses-detail .det .info {
  background-color: #f2f3f4;
}

.course-content {
  background-color: #f2f3f4;
}
.course-content .my-card {
  background-color: #ffffff;
  border-right: 10px solid #98002c;
}
.course-content .my-card .title {
  font-family: GM;
  color: #98002c;
}

.register-now .text {
  font-weight: bold;
}
.register-now .btn-primary {
  background-color: #98002c;
  border-color: #98002c;
}
.register-now .btn-primary:hover {
  background-color: #7a0023;
}
.register-now .logos {
  box-shadow: 1px -1px 2px gray;
  background-color: #ffffff;
  position: relative;
  top: 50%;
  text-align: center;
  transform: translateY(50%);
}

.contact-us-img {
  background-image: url("../image/Contact-us3.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom right;
  height: 700px;
}
.contact-us-img .my-text .top-border {
  border: solid 2px rgba(0, 0, 0, 0.3137254902);
  border-bottom: none;
  width: 100%;
}
.contact-us-img .my-text .bottom-border {
  border: solid 2px rgba(0, 0, 0, 0.3137254902);
  border-top: none;
  width: 100%;
}
.contact-us-img .my-text p {
  vertical-align: middle;
  position: relative;
}

.contact-form .btn-outline-primary {
  border-color: #98002c;
  color: black;
}
.contact-form .btn-outline-primary:hover {
  background-color: #98002c;
  color: #eddde0;
}
.contact-form .det .title {
  color: #98002c;
}
.contact-form .det .info {
  background-color: #f2f3f4;
}
.contact-form .det .info .social img {
  width: 2.5rem;
}
.contact-form .myform .title {
  font-family: GM;
}
.contact-form .myform .form-label {
  color: #98002c;
}
.contact-form .myform input.form-control, .contact-form .myform textarea.form-control {
  background-color: #f2f3f4;
}/*# sourceMappingURL=style.css.map */