@font-face {
  font-family: Nazli;
  src: url(../font/Nazli.ttf);
  font-style: italic;
}
@font-face {
  font-family: iranyekan_bold;
  src: url(../font/iranyekanwebboldfanum.woff);
  font-style: italic;
}

@font-face {
  font-family: brands;
  src: url(../font/fa-brands-400.woff2);
  font-style: italic;
}

@font-face {
  font-family: brands;
  src: url(../font/Titr.ttf);
  font-style: italic;
}
@font-face {
  font-family: IRANSansWeb;
  src: url(../font/IRANSansWeb-FaNum.ttf);
  font-style: italic;
}




html,
body {
  font-family: Nazli;
  /* background: #FBFBFB; */
  background: #ffffff;
  padding: 0;
  margin: 0;
  scroll-behavior: smooth;
  overflow-x: hidden;
}

.FiranyekanB {
  font-family: iranyekan_bold;
}

.Fbrands{
  font-family: brands;
}


.FTitr{
  font-family: Titr;
}

.IRANSans{
  font-family: IRANSansWeb;
}

.FNazli{
  font-family: Nazli;
}

.parsi {
  direction: rtl;
  text-align: right;
}

.font_size_btn231 .nav-item button {
  font-size: 1rem;
}

.box_product {
  /* height: 22rem; */
  cursor: pointer;
  margin: 2rem;

  background: #2193b0; /* fallback for old browsers */
  background: -webkit-linear-gradient(
    to right,
    #6dd5ed,
    #2193b0
  ); /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(
    to right,
    #6dd5ed,
    #2193b0
  ); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.gradient-custom1 {
  background: #8e2de2; /* fallback for old browsers */
  background: -webkit-linear-gradient(
    to right,
    #4a00e0,
    #8e2de2
  ); /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(
    to right,
    #4a00e0,
    #8e2de2
  ); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.gradient-custom2 {
  background: #c9d6ff; /* fallback for old browsers */
  background: -webkit-linear-gradient(
    to left,
    #e2e2e2,
    #c9d6ff
  ); /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(
    to left,
    #e2e2e2,
    #c9d6ff
  ); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.gradient-custom3 {
  background: #8e2de2; /* fallback for old browsers */
  background: -webkit-linear-gradient(
    to left,
    #4a00e0,
    #8e2de2
  ); /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(
    to left,
    #4a00e0,
    #8e2de2
  ); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bg-dark-rgb {
  background: rgb(46, 46, 46, 0.77);
}

.gradient-custom4 {
  background: #000428; /* fallback for old browsers */
  background: -webkit-linear-gradient(
    to right,
    #004e92,
    #000428
  ); /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(
    to right,
    #004e92,
    #000428
  ); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.gradient-custom5 {
  background: #b993d6; /* fallback for old browsers */
  background: -webkit-linear-gradient(
    to right,
    #8ca6db,
    #b993d6
  ); /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(
    to right,
    #8ca6db,
    #b993d6
  ); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.ss {
  background: #2193b0; /* fallback for old browsers */
  background: -webkit-linear-gradient(
    to right,
    #6dd5ed,
    #2193b0
  ); /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(
    to right,
    #6dd5ed,
    #2193b0
  ); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.f5 {
  font-size: 0.5rem;
}
.f6 {
  font-size: 0.6rem;
}
.f7 {
  font-size: 0.7rem;
}
.f8 {
  font-size: 0.8rem;
}
.f9 {
  font-size: 0.9rem;
}
.f10 {
  font-size: 1rem;
}
.f11 {
  font-size: 1.1rem;
}
.f12 {
  font-size: 1.2rem;
}
.f13 {
  font-size: 1.3rem;
}
.f14 {
  font-size: 1.4rem;
}

.text-shadow3 {
  text-shadow: 4px 4px 5px #1c2331;
}
.text-shadow2 {
  text-shadow: 2px 2px 2px #1c2331;
}
.text-shadow1 {
  text-shadow: 1px 1px 1px #1c2331;
}
.text-wshadow1 {
  text-shadow: 1px -1px 0 #bcbcbc;
}

@font-face {
  font-family: Titr;
  src: url(../font/Titr.ttf);
  font-style: italic;
}

.title_about {
  font-family: Titr;
  font-size: 2rem;
  line-height: 1.6em;
}

.text-about {
  padding-top: 1rem;
  font-size: 1.3rem;
  line-height: 2em;
  /* font-weight: bold; */
  font-family: Nazli;
}

.map-container {
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  height: 0;
}
.map-container iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
}


#list_course .context{
  text-align: justify;
  /* font-size: 1rem; */
  /* font-weight: bold; */
}








.bounce {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font: normal bold 6rem "Product Sans", sans-serif;
  white-space: nowrap;
}

.letter {
  -webkit-animation: bounce 0.75s cubic-bezier(0.05, 0, 0.2, 1) infinite alternate;
          animation: bounce 0.75s cubic-bezier(0.05, 0, 0.2, 1) infinite alternate;
  display: inline-block;
  transform: translate3d(0, 0, 0);
  margin-top: 0.5em;
  text-shadow: rgba(0, 0, 0, 0.4) 0 0 0.05em;
  font: normal bold 6rem "Product Sans", sans-serif;
}
.letter:nth-child(1) {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  color: #4285f4;
}
.letter:nth-child(2) {
  -webkit-animation-delay: 0.0833333333s;
          animation-delay: 0.0833333333s;
  color: #ea4335;
}
.letter:nth-child(3) {
  -webkit-animation-delay: 0.1666666667s;
          animation-delay: 0.1666666667s;
  color: #fbbc05;
}
.letter:nth-child(4) {
  -webkit-animation-delay: 0.25s;
          animation-delay: 0.25s;
  color: #4285f4;
}
.letter:nth-child(5) {
  -webkit-animation-delay: 0.3333333333s;
          animation-delay: 0.3333333333s;
  color: #34a853;
}
.letter:nth-child(6) {
  -webkit-animation-delay: 0.4166666667s;
          animation-delay: 0.4166666667s;
  color: #ea4335;
}

@-webkit-keyframes bounce {
  0% {
    transform: translate3d(0, 0, 0);
    text-shadow: rgba(0, 0, 0, 0.4) 0 0 0.05em;
  }
  100% {
    transform: translate3d(0, -1em, 0);
    text-shadow: rgba(0, 0, 0, 0.4) 0 1em 0.35em;
  }
}

@keyframes bounce {
  0% {
    transform: translate3d(0, 0, 0);
    text-shadow: rgba(0, 0, 0, 0.4) 0 0 0.05em;
  }
  100% {
    transform: translate3d(0, -1em, 0);
    text-shadow: rgba(0, 0, 0, 0.4) 0 1em 0.35em;
  }
}