@font-face {
  font-family: "r-kalameh";
  src: url("../../font/kalameh/Kalameh-Regular.ttf");
}
@font-face {
  font-family: "b-kalameh";
  src: url("../../font/kalameh/Kalameh-Bold.ttf");
}
@font-face {
  font-family: "eb-kalameh";
  src: url("../../font/kalameh/Kalameh-ExtraBold.ttf");
}
@font-face {
  font-family: "yekan";
  src: url("../../font/yekan/Persian-Yekan.ttf");
}
@font-face {
  font-family: "yekan+";
  src: url("../../font/yekan/YEKAN-PLUS.TTF");
}
@font-face {
  font-family: "r-yekan";
  src: url("../../font/yekan/BYekan+_0.ttf");
}

body,
h1 {
  /* margin: 0!important; */
  overflow-x: hidden !important;
  -webkit-tap-highlight-color: transparent;
  /* font-family: yekan; */
}
@media (max-width: 992px) {
  body {
    overflow-x: hidden;
  }
}
:root {
  --bs-warning: #ff9020; /* تغییر رنگ اصلی */
}

::-webkit-scrollbar {
  width: 12px;
  height: 5px;
}

::-webkit-scrollbar-track {
  background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
  background-color: #0a3250;
  border-radius: 50px;
  border: 10px solid #f1f1f1;
  height: 20px;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #0a3250;
}

/* اسکرول بار برای Firefox */
html {
  scrollbar-width: thin;
  scrollbar-color: #0a3250 #f1f1f1;
  border-radius: 50px;
}
.org {
  color: #ff9020;
}
/* naaaaaaaaaavvvvvvvvvvvbbbbbbbbbaaaaarrrr */

.navbar-nav .nav-link {
  font-size: 1.1rem;
  margin-right: 35px;
  color: #0a3250;
  text-align: end !important;
  right: 0;
  font-family: "yekan";
  font-weight: 600;
}
.navbar-nav .nav-link1 {
  font-size: 1.1rem;
  margin-right: 35px;
  color: #ff9020;
  text-align: end !important;
  right: 0;
  font-family: "yekan";
  font-weight: 600;
}
@media (max-width: 992px) {
  .navbar-nav {
    display: flex;
    flex-direction: column-reverse !important;
    line-height: 35px;
  }
}
.navbar-nav .nav-link:hover {
  color: #ff9020;
  transition: 0.2s;
}
nav a img {
  width: 80px;
}
.navbar {
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.299);
}

.hero-section {
  background-image: url("../../images/courses/banner.png"); /* Path to your image */
  background-size: cover;
  background-position: center;
  height: 65vh;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.hero-text {
  font-size: 6rem;
  color: white;
  font-weight: bold;
  text-align: center;
  position: relative;
  z-index: 2;
  font-family: "eb-kalameh";
}
.hero-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}

.cards-sec {
  background-image: url("../../images/courses/frame.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #e0e0e0;
}

.flip-card {
  background-color: transparent;

  width: 300px;
  height: 400px;
  perspective: 1000px;
  /* gap: 50px; */
}
.flip-card h4,
h5 {
  font-family: "eb-kalameh";
}
.flip-card p {
  font-family: "r-yekan";
}
.flip-card a {
  font-family: "yekan";
  font-size: 1.2rem;
}
.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-card-front,
.flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.flip-card-back p {
  line-height: 30px;
}

.flip-card-back h5 {
  color: #ff9020;
}
.link {
  color: #ff9020;
  text-decoration: none;
  line-height: 20px;
  transition: font-size 0.3s ease-in, font-size 0.5s ease-out; /* تاخیر متفاوت برای هاور و بازگشت */
  margin-top: 50px;
}
.link i {
  vertical-align: sub;
}
.link:hover {
  font-size: 1.3rem;
  transition: 0.2s;
}
.flip-card-front {
  background-color: #bbb;
  color: black;
}

.flip-card-back {
  background-color: #092032;
  color: white;
  transform: rotateY(180deg);
}

.flip-card-front img {
  width: 300px;
  height: 400px;
}
.flip-card-back {
  text-align: right;
  padding-right: 10px;
}

.card1 {
  background-image: url("../../images/courses/1.png");
}
.card2 {
  background-image: url("../../images/courses/2.png");
}
.card3 {
  background-image: url("../../images/courses/3.png");
}
.card4 {
  background-image: url("../../images/courses/4.png");
}
.card5 {
  background-image: url("../../images/courses/5.png");
}
.card6 {
  background-image: url("../../images/courses/6.png");
}
.card7 {
  background-image: url("../../images/courses/7.png");
}
.card8 {
  background-image: url("../../images/courses/8.png");
  justify-content: center; /* افقی وسط‌چین */
  align-items: center; /* عمودی وسط‌چین */
}

.courser-title {
  background-color: #0920328e;
  width: 300px;
  height: 400px;
  justify-content: center; /* افقی وسط‌چین */
  align-items: center; /* عمودی وسط‌چین */
  display: flex;
}
.courser-title h4 {
  color: #ffff;
  font-weight: 700;
}
.h5-s h5 {
  font-size: 1.1rem !important;
  font-weight: 900;
}
.hero-section01 {
  background-image: url("../../images/courses/footerBanner.png"); /* Path to your image */
  background-size: cover;
  background-position: center;
  height: 80vh;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.hero-text01 p {
  font-size: 6.5rem;
  color: white;
  font-weight: bold;
  text-align: center;
  position: relative;
  z-index: 2;
  font-family: "eb-kalameh";
}
@media (max-width: 572px) {
  .hero-text01 p {
    font-size: 5.5rem;
  }
}
.exam-card {
  width: 200px;
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #ff9020;
  border: none;
  border-radius: 50px;
  color: white;
  font-weight: 600;
  font-family: "b-kalameh";
  line-height: 44px;
  font-size: 19px;
  text-decoration: none;
  margin-bottom: 50px;
}
.exam-card:hover {
  background-color: #e4811e;
  transition: 0.5s;
}

.view-results {
  width: 200px;
  padding-left: 50px;
  padding-right: 50px;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #092032;
  border: none;
  border-radius: 50px;
  color: #ff9020;
  font-weight: 600;
  font-family: "yekan";
  line-height: 44px;
  font-size: 19px;
  text-decoration: none;
}
.view-results:hover {
  background-color: #ff9020;
  color: #f1f1f1;
  transition: 0.5s;
}
.btn-contact {
  background-image: url("../../images/courses/link.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100vw 15vh;
}

.footer {
  background-color: #092032;
  color: #fff;
  padding: 40px 0;
  background-image: url("../../images/footer.png");
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.footer h3 {
  margin-bottom: 30px;
  font-weight: 600;
  font-family: "b-kalameh";
}

.footer p {
  font-family: "r-yekan";
  line-height: 30px;
  font-weight: 100;
  font-size: 1.21rem;
}
.footer a {
  text-decoration: none;
  font-size: large;
  font-family: "r-kalameh";
}
.active-footer {
  color: #ff9020;
  font-family: "b-kalameh" !important;
}
.linkfooter {
  color: #fff;
}
.linkfooter:hover {
  color: #ff9020;
  transition: 0.5s;
}

.social-icons a {
  font-size: 1.5rem;
  color: #fff;
  margin-right: 15px;
}
.social-icons a:hover {
  color: #ff9020;
  transition: 0.5s;
}
.contact-info i {
  margin-left: 10px;
}

footer img {
  max-width: 125px;
  padding-top: 20px;
  margin-bottom: 20px;
  height: auto;
}
@media (max-width: 772px) {
  footer img {
    padding-top: 0;
  }
}
footer .contact {
  list-style: none;
  font-size: large;
}
.contact li a {
  color: #fff;
}
.contact li a:hover {
  color: #ff9020;
  transition: 0.5s;
}

.about-text-footer {
  font-size: 6rem !important;
}

/* .accordion-button{
  border:solid 1px var(--bs-warning)!important;
  color: #0a3250;
} */

button:focus,
.btn:focus {
  outline: none !important;
  box-shadow: none !important;
}