@media (max-width: 768px) {
  footer .footer-body .contact-content ul li {
    list-style: none;
  }
  footer .footer-footer .rahkhan-app-img img {
    width: 70px;
  }
  .row-specifications .card-specifications .card-text {
    font-size: 14px;
  }
}

@media (max-width: 992px) {
  header .navbar-header .navbar-menu-mobile {
    text-align: center;
  }
  header .navbar-header .navbar-menu-mobile ul {
    margin-top: 12px;
  }
  header .navbar-header .navbar-menu-mobile ul .nav-link:hover {
    background-color: rgba(255, 255, 255, 0.3);
  }
  .home-banner .row {
    display: block;
    text-align: center;
  }
  .home-banner .row .home-banner-content .home-banner-content .home-banner-title {
    font-size: 20px;
  }
  .home-banner .row .home-banner-content .home-banner-content .home-banner-text {
    font-size: 18px;
  }
  .home-banner .row .home-banner-content .home-banner-content .home-banner-description p {
    font-size: 12px;
  }
  .home-banner .row .home-banner-img img {
    width: 20vh;
    float: none;
  }
  .download-app .row {
    text-align: center;
  }
  .download-app .row .download-app-img {
    margin: 12px 0;
  }
  .download-app .row .download {
    display: none;
  }
  .download-app .row .download a {
    width: 75%;
    margin: 6px 0;
  }
  .download-app .row .download-mobile {
    display: block;
  }
  footer .footer-body .row {
    display: block;
  }
  footer .footer-body .row .footer-messenger-mobile {
    display: block;
  }
  footer .footer-body .row .footer-messenger-mobile .nav {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  footer .footer-body .fast-accessibility {
    border-top: 1px solid #abc3e31f;
  }
  footer .footer-body .fast-accessibility .fast-accessibility-content .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  footer .footer-body .contact {
    border-top: 1px solid #abc3e31f;
  }
  footer .footer-body .contact .rahkhan-app-download {
    margin-right: 0;
  }
  footer .footer-body .contact .rahkhan-app-download .rahkhan-app {
    padding: 8px 16px;
  }
  footer .footer-footer .row {
    display: block;
  }
  footer .footer-footer .row .footer-messenger-desktop {
    display: none;
  }
  footer .footer-footer .row .footer-footer-img {
    float: none;
  }
  footer .footer-footer .row .footer-footer-img .nav {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media (min-width: 992px) {
  header .navbar-menu-mobile {
    text-align: center;
  }
  .home-banner .home-banner-img img {
    float: left;
  }
  .home-banner .home-banner-content .home-banner-title {
    font-size: 28px;
  }
  .home-banner .home-banner-content .home-banner-text {
    font-size: 30px;
  }
  .home-banner .home-banner-content .home-banner-description p {
    font-size: 16px;
  }
}

body {
  font-family: "Dana";
  font-size: 14px;
  line-height: 1.4;
  background-color: #f2f6fa;
}

* {
  padding: 0;
  margin: 0;
}

a {
  text-decoration: none;
}

.direction-ltr-inline-block {
  direction: ltr;
  display: inline-block;
  padding: 0 4px;
}

.row-title {
  font-family: "kalameh";
  font-size: 28px;
  display: inline-block;
  color: #0041fd;
  margin: 20px 0;
  background: linear-gradient(0deg, #00d1ca 8px, transparent 0);
}

.dark-mode body {
  background-color: #494e54;
}

.dark-mode .navbar-header {
  background-color: #272d33;
}

.dark-mode .home-banner {
  background: #272d33;
}

.dark-mode .download-btn {
  color: #272d33;
}

.dark-mode .row-title {
  color: #fff;
  background: linear-gradient(0deg, #393E46 8px, transparent 0);
}

.dark-mode .download-app-text p {
  color: #fff;
}

.dark-mode .download-app .download a {
  background-color: #272d33;
}

.dark-mode .download-app .download a:hover {
  background-color: #fff;
  color: #272d33;
}

.dark-mode .download-app .download p {
  color: #fff;
}

.dark-mode .footer-body {
  background-color: #272d33;
}

.dark-mode .footer-messenger-desktop a {
  color: #f2f6f6;
  border: 1px solid rgba(171, 195, 227, 0.3);
}

.dark-mode .footer-messenger-desktop a:hover {
  color: #f2f6fa;
  background-color: #272d33;
}

.dark-mode .footer-messenger-desktop a:focus {
  color: #f2f6fa;
  background-color: #272d33;
}

.dark-mode .footer-messenger-mobile {
  display: none;
}

.dark-mode .footer-messenger-mobile a {
  color: #f2f6fa;
  font-size: 16px;
  border: 1px solid rgba(171, 195, 227, 0.3);
  border-radius: 50%;
  margin: 12px;
}

.dark-mode .footer-messenger-mobile a:hover {
  color: #434d57;
  background-color: #f2f6fa;
}

.dark-mode .footer-messenger-mobile a:focus {
  color: #f2f6fa;
  background-color: #272d33;
}

body {
  font-family: "Dana";
  font-size: 14px;
  line-height: 1.4;
  background-color: #f2f6fa;
}

* {
  padding: 0;
  margin: 0;
}

a {
  text-decoration: none;
}

.direction-ltr-inline-block {
  direction: ltr;
  display: inline-block;
  padding: 0 4px;
}

.row-title {
  font-family: "kalameh";
  font-size: 28px;
  display: inline-block;
  color: #0041fd;
  margin: 20px 0;
  background: linear-gradient(0deg, #00d1ca 8px, transparent 0);
}

.dark-mode body {
  background-color: #494e54;
}

.dark-mode .navbar-header {
  background-color: #272d33;
}

.dark-mode .home-banner {
  background: #272d33;
}

.dark-mode .download-btn {
  color: #272d33;
}

.dark-mode .row-title {
  color: #fff;
  background: linear-gradient(0deg, #393E46 8px, transparent 0);
}

.dark-mode .download-app-text p {
  color: #fff;
}

.dark-mode .download-app .download a {
  background-color: #272d33;
}

.dark-mode .download-app .download a:hover {
  background-color: #fff;
  color: #272d33;
}

.dark-mode .download-app .download p {
  color: #fff;
}

.dark-mode .footer-body {
  background-color: #272d33;
}

.dark-mode .footer-messenger-desktop a {
  color: #f2f6f6;
  border: 1px solid rgba(171, 195, 227, 0.3);
}

.dark-mode .footer-messenger-desktop a:hover {
  color: #f2f6fa;
  background-color: #272d33;
}

.dark-mode .footer-messenger-desktop a:focus {
  color: #f2f6fa;
  background-color: #272d33;
}

.dark-mode .footer-messenger-mobile {
  display: none;
}

.dark-mode .footer-messenger-mobile a {
  color: #f2f6fa;
  font-size: 16px;
  border: 1px solid rgba(171, 195, 227, 0.3);
  border-radius: 50%;
  margin: 12px;
}

.dark-mode .footer-messenger-mobile a:hover {
  color: #434d57;
  background-color: #f2f6fa;
}

.dark-mode .footer-messenger-mobile a:focus {
  color: #f2f6fa;
  background-color: #272d33;
}

header {
  position: fixed;
  z-index: 3;
  top: 0;
  left: 0;
  right: 0;
}

header .navbar-header {
  background-color: #0041fd;
  border-radius: 0 0 20px 20px;
  -webkit-box-shadow: 2px 8px 6px -8px #141313;
          box-shadow: 2px 8px 6px -8px #141313;
}

header .navbar-header .logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

header .navbar-header .logo h1 {
  font-family: "kalameh";
  font-size: 28px;
  color: #fff;
  margin: 0;
  padding: 4px 8px;
}

header .navbar-header button {
  padding: 9px 12px;
}

header .navbar-header button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 50%;
}

header .navbar-header button i {
  font-size: 24px;
  color: #fff;
  position: relative;
  bottom: -1px;
}

header .navbar-header .navbar-menu {
  float: left;
}

header .navbar-header .navbar-menu ul .nav-link {
  color: #fff;
  padding: 10px;
}

header .navbar-header .navbar-menu ul .clock {
  font-size: 16px;
  width: 80px;
}

header .navbar-header .navbar-menu ul .switch {
  position: relative;
}

header .navbar-header .navbar-menu ul .switch input[type="checkbox"] {
  position: relative;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 42px;
  height: 19px;
  background-color: #dfdfdf;
  border-radius: 20px;
}

header .navbar-header .navbar-menu ul .switch input:checked[type="checkbox"] {
  background-color: #707881;
}

header .navbar-header .navbar-menu ul .switch input[type="checkbox"]::before {
  content: "";
  z-index: 2;
  position: absolute;
  left: 0;
  width: 19px;
  height: 19px;
  border-radius: 50%;
  background-color: #fff;
  -webkit-box-shadow: 0 -1px 4px #ddd inset;
          box-shadow: 0 -1px 4px #ddd inset;
}

header .navbar-header .navbar-menu ul .switch input:checked[type="checkbox"]::before {
  content: "";
  z-index: 2;
  right: 0;
  background-color: #0041fd;
  -webkit-box-shadow: 0 -1px 4px #013be9 inset;
          box-shadow: 0 -1px 4px #013be9 inset;
}

header .navbar-header .navbar-menu ul .switch label {
  position: absolute;
  font-size: 12px;
}

header .navbar-header .navbar-menu ul .switch .sun {
  bottom: 16px;
  left: 16px;
  color: #eee;
}

header .navbar-header .navbar-menu ul .switch .moon {
  bottom: 16px;
  right: 16px;
  color: #494e54;
}

footer .footer-messenger-desktop a {
  color: #53565f;
  font-size: 16px;
  border: 1px solid rgba(83, 86, 95, 0.3);
  border-radius: 50%;
  margin: 12px;
}

footer .footer-messenger-desktop a:hover {
  color: #f2f6fa;
  background-color: #53565f;
}

footer .footer-messenger-desktop a:focus {
  color: #53565f;
  background-color: rgba(171, 195, 227, 0.3);
}

footer .footer-messenger-mobile {
  display: none;
}

footer .footer-messenger-mobile a {
  color: #f2f6fa;
  font-size: 16px;
  border: 1px solid rgba(171, 195, 227, 0.3);
  border-radius: 50%;
  margin: 12px;
}

footer .footer-messenger-mobile a:hover {
  color: #434d57;
  background-color: #f2f6fa;
}

footer .footer-messenger-mobile a:focus {
  color: #434d57;
  background-color: rgba(171, 195, 227, 0.3);
}

footer .footer-messenger a i {
  position: relative;
  bottom: -3px;
}

footer .footer-messenger .whatsapp a,
footer .footer-messenger .instagram a {
  padding: 6px 10px;
}

footer .footer-messenger .facebook a {
  padding: 6px 12px;
}

footer .footer-messenger .telegram a,
footer .footer-messenger .twitter a,
footer .footer-messenger .google a {
  padding: 6px 9px;
}

footer .footer-body {
  padding: 12px 0;
  background-color: #53565f;
}

footer .footer-body .footer-logo {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 16px;
}

footer .footer-body .footer-logo h2 {
  display: inline-block;
  font-family: "kalameh";
  font-size: 28px;
  color: #fff;
  margin: 0;
  padding: 4px 8px;
}

footer .footer-body .footer-intro {
  padding: 12px 16px;
}

footer .footer-body .footer-intro p {
  font-size: 14px;
  color: #f2f6fa;
  text-align: justify;
  line-height: 1.49;
  margin: 0;
}

footer .footer-body .fast-accessibility .fast-accessibility-title h4 {
  font-family: "kalameh";
  font-size: 18px;
  color: #fff;
  margin: 0;
  padding: 4px 16px;
}

footer .footer-body .fast-accessibility .fast-accessibility-content .nav {
  display: block;
}

footer .footer-body .fast-accessibility .fast-accessibility-content .nav .nav-link {
  color: #f2f6fa;
}

footer .footer-body .fast-accessibility .fast-accessibility-content .nav .nav-link:hover {
  color: #f2f6fa;
  background-color: rgba(171, 195, 227, 0.3);
}

footer .footer-body .contact .contact-title h4 {
  font-family: "kalameh";
  font-size: 18px;
  color: #fff;
  margin: 0;
  padding: 4px 16px;
}

footer .footer-body .contact .contact-content .row .nav .nav-link {
  color: #f2f6fa;
}

footer .footer-body .contact .contact-content .row .nav .nav-link i {
  color: #f2f6fa;
  font-size: 14px;
  border: 1px solid rgba(171, 195, 227, 0.3);
  border-radius: 50%;
  margin-left: 4px;
}

footer .footer-body .contact .contact-content .row .nav .phone i {
  padding: 10px;
}

footer .footer-body .contact .contact-content .row .nav .map i {
  padding: 10px 12px;
}

footer .footer-body .rahkhan-app-download {
  border-top: 1px solid #abc3e31f;
}

footer .footer-body .rahkhan-app-download .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 12px;
}

footer .footer-body .rahkhan-app-download .row .rahkhan-app {
  color: #fff;
  padding: 8px;
  display: block;
}

footer .footer-body .rahkhan-app-download .row .rahkhan-app-img img {
  width: 75px;
}

footer .footer-body .rahkhan-app-download .row .rahkhan-app-img ul {
  float: left;
}

footer .footer-body .rahkhan-app-download .row .rahkhan-app-img ul .nav-link {
  padding: 8px 4px;
}

footer .footer-footer .container .row > div {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

footer .footer-footer .footer-footer-img {
  float: left;
}

footer .footer-footer .footer-footer-img .nav {
  padding: 12px;
}

footer .footer-footer .footer-footer-img .nav img {
  width: 60px;
  height: 60px;
}

@font-face {
  font-family: kalameh;
  font-weight: 700;
  src: url("../../components/kalameh/KalamehWeb_Black.9d833aba.ttf") format("truetype");
}

@font-face {
  font-family: kalame-thin;
  font-weight: 400;
  src: url("../../components/kalameh/KalamehWeb_thin.8b7cd45b.ttf") format("truetype");
}

@font-face {
  font-family: dana-blackItalic;
  font-weight: 700;
  src: url("../../components/dana/dana-blackitalic.296bab1c.woff2");
}

@font-face {
  font-family: dana;
  font-weight: 400;
  src: url("../../components/dana/dana-regular.ff38c3e5.woff2");
}

@font-face {
  font-family: sans-bold;
  font-weight: 700;
  src: url("../../components/sans/irsans-bold.ttf");
}

@font-face {
  font-family: sans-regular;
  font-weight: 400;
  src: url("../../components/sans/PalatinoSans-Regular.ttf");
}

@-webkit-keyframes animatedBackground {
  from {
    width: 70%;
  }
  to {
    width: 90%;
  }
}

@keyframes animatedBackground {
  from {
    width: 70%;
  }
  to {
    width: 90%;
  }
}

#animate-wave img {
  -webkit-animation: animatedBackground 10s linear infinite alternate;
          animation: animatedBackground 10s linear infinite alternate;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
  left: 0;
  top: 0;
  position: absolute;
}

.home-banner {
  background: -webkit-gradient(linear, left top, left bottom, from(#0041fd), to(#002fbb));
  background: linear-gradient(to bottom, #0041fd 0%, #002fbb 100%);
  border-radius: 0 0 20px 20px;
  height: 80vh;
  margin-bottom: 40px;
}

.home-banner .container {
  padding-top: 100px;
  position: relative;
}

.home-banner .container .row > div {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.home-banner .container .row > div .home-banner-content .home-banner-title {
  font-family: "sans-bold";
  color: #fff;
  margin: 12px 0;
}

.home-banner .container .row > div .home-banner-content .home-banner-text {
  color: #fff;
  margin: 12px 0;
}

.home-banner .container .row > div .home-banner-content .download-btn {
  font-family: "dana-blackItalic";
  font-size: 18px;
  background-color: #fff;
  color: #0041fd;
  display: inline-block;
  padding: 12px 20px;
  border-radius: 50px;
  margin: 12px 0;
  -webkit-box-shadow: 2px 8px 6px -8px #141313;
          box-shadow: 2px 8px 6px -8px #141313;
}

.home-banner .container .row > div .home-banner-content .download-btn:hover {
  background-color: #f5f5f5;
}

.home-banner .container .row > div .home-banner-content .home-banner-description {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.home-banner .container .row > div .home-banner-content .home-banner-description img {
  position: absolute;
  top: 4px;
  right: -8px;
}

.home-banner .container .row > div .home-banner-content .home-banner-description p {
  color: #fff;
  margin: 12px 0;
}

.row-specifications {
  margin: 60px 0 40px;
}

.row-specifications .card-title {
  font-size: 18px;
}

.row-specifications .relationship {
  border-top: 4px solid #f2994a;
}

.row-specifications .relationship .card-title {
  color: #f2994a;
}

.row-specifications .selection {
  border-top: 4px solid #2d9cdb;
}

.row-specifications .selection .card-title {
  color: #2d9cdb;
}

.row-specifications .free-conversation {
  border-top: 4px solid #29c4c4;
}

.row-specifications .free-conversation .card-title {
  color: #29c4c4;
}

.row-specifications .articles {
  border-top: 4px solid #3cc35a;
}

.row-specifications .articles .card-title {
  color: #3cc35a;
}

.row-specifications .payment {
  border-top: 4px solid #9b51e0;
}

.row-specifications .payment .card-title {
  color: #9b51e0;
}

.row-specifications .support {
  border-top: 4px solid #eb5757;
}

.row-specifications .support .card-title {
  color: #eb5757;
}

.row-specifications .card-specifications {
  border-radius: 8px;
  padding: 8px;
  height: 330px;
  margin: 12px 0;
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
}

.row-specifications .card-specifications:hover {
  -webkit-transform: translateY(-15px);
          transform: translateY(-15px);
  -webkit-box-shadow: 0 30px 60px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 30px 60px 0 rgba(0, 0, 0, 0.1);
}

.row-specifications .card-specifications .card-img img {
  width: 100px;
  height: 90px;
}

.row-specifications .card-specifications .card-text {
  font-size: 14px;
  color: #000000da;
  line-height: 1.49;
  text-align: justify;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 8;
  -webkit-box-orient: vertical;
}

.row-education {
  margin-bottom: 24px;
}

.row-education .main-carousel .carousel-cell {
  width: 25%;
  margin: 12px;
  counter-increment: gallery-cell;
}

.row-education .card {
  border: none;
  border-radius: 8px;
  text-align: center;
  -webkit-box-shadow: 0 0 6px 0 #e4e4e4;
          box-shadow: 0 0 6px 0 #e4e4e4;
}

.row-education .card .card-img-top {
  border-radius: 8px 8px 0 0;
}

.row-education .card .card-body {
  padding: 12px 0 0;
}

.row-education .card .badge {
  font-size: 18px;
  position: absolute;
  left: 0;
  color: #3a3a3a;
  padding: 12px;
}

.row-education .card .badge:hover {
  color: red;
}

.row-education .card .card-title {
  font-size: 18px;
  color: #3a3a3a;
}

.row-education .card .card-text {
  color: #3a3a3a;
}

.row-education .card .btn-cart {
  color: #3a3a3a;
  font-size: 18px;
  background-color: #ddd;
  width: 100%;
  border-radius: 0 0 8px 8px;
}

.row-education .card .btn-cart:hover {
  background-color: #0041fd;
  color: #ddd;
}

.download-app .download-app-content .app-store img {
  width: 200px;
  padding-left: 12px;
}

.download-app .download a {
  font-family: "dana-blackItalic";
  font-size: 16px;
  background-color: #0041fd;
  color: #fff;
  display: inline-block;
  padding: 12px 20px;
  border-radius: 50px;
  margin: 12px 0;
  -webkit-box-shadow: 2px 8px 6px -8px #141313;
          box-shadow: 2px 8px 6px -8px #141313;
}

.download-app .download a:hover {
  background-color: #154fff;
}

.download-app .download p {
  font-size: 16px;
  margin: 12px 0;
}

.download-app .download-mobile {
  display: none;
}

.download-app .download-mobile .app-img-download .nav {
  display: block;
}

.download-app .download-mobile .app-img-download .nav img {
  padding: 4px;
}

.download-app .download-app-img img {
  width: 100%;
}

.users-comments {
  margin: 30px 0;
}

.users-comments .main-carousel .carousel-cell {
  width: 65%;
  margin-right: 10px;
  counter-increment: gallery-cell;
}

.users-comments .card {
  border: none;
  border-radius: 8px;
  padding: 4px;
  margin: 12px 0;
}

.users-comments .card .user-comment-profile {
  padding: 16px 16px 4px;
}

.users-comments .card .user-comment-profile .profile-img {
  float: right;
}

.users-comments .card .user-comment-profile .profile-name {
  display: inline-block;
  padding-right: 12px;
  padding-top: 12px;
}

.users-comments .card .user-comment-profile .profile-name h2 {
  font-size: 16px;
  color: #000000;
}

.users-comments .card .user-comment-profile .profile-name h3 {
  font-size: 14px;
  color: #000000b5;
}

.users-comments .card .card-body h4 {
  font-size: 16px;
  color: #000000;
  text-align: justify;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

.users-comments .card .card-body p {
  font-size: 14px;
  line-height: 1.49;
  text-align: justify;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

.scroll {
  height: 1px;
  background-color: #fff;
  position: fixed;
  z-index: 10;
}

.modal .modal-dialog .modal-header .btn-close {
  position: absolute;
  left: 0;
}
/*# sourceMappingURL=style.css.map */