section#course h1 {
    margin: 0;
    font-size: 2.5rem;
    border: none;
}

section#course h2 {
    margin: 15px 0;
    font-size: 1.2rem;
    color: darkgray;
}
#course p{
    text-align: justify;
}

#course_banner_section{
    margin: 20px 0;
}

#course_banner.swiper-container {
    width: 100%;
}

#course_banner_prev, #course_banner_next {
    z-index: 5;
}

#course_banner .swiper-slide {
    height: 0px;
    padding-top: 25%;
    position: relative
}

#course_banner .swiper-slide img {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    object-fit: fill;
        background-image: url(/general/images/loader1.gif);
        background-position: center;
        background-repeat: no-repeat;
}

#course_banner .swiper-button-next, #course_banner .swiper-button-prev {
    opacity: 0;
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
}

#course_banner:hover .swiper-button-next, #course_banner:hover .swiper-button-prev {
    opacity: 1;
}

#course_banner_pagination {
    margin: 8px auto 0;
    position: relative;
}

#course_banner_pagination span {
    margin: 4px;
}

#course_banner_pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
}

#description_row{
    display: grid;
    grid-template-columns: 60% 38%;
    grid-gap: 2%;
}
#specs{
    margin:0;
    list-style: none;
    display:grid;
    grid-template-columns:min-content auto;
    white-space:nowrap;
    grid-gap:5px 15px;
    /* border-right:1px solid var(--darkGray); */
    /* padding-right:15px; */
    align-content: start;
}
.regButton{
    grid-column: 1 / -1;
    background-color:var(--color1);
    color:white;
    padding:5px 10px;
    text-align:center;

}
.highlight{
    color:var(--color2);
}
#requirements span{
    display:inline-block;
    background:var(--darkGray);
    padding:5px 10px;
    
}

.exp{
    font-size: 80%;
    white-space: normal;
    color: var(--color2);
}


.swiper-wrapper{
    transition: transform 1000ms cubic-bezier(1, 0.01, 0.61, 1.01) 0ms;
    will-change: transform;
    }


.swiper-slide {
  text-align: center;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.sampleSlideImageWrapper {
  padding:1vw;
  min-width: 100%;
}
#sampleThumbs{
  height: 10vh;
  background-color: white;
  padding: 1.5vh 0;
}

  #sampleThumbs img{
    border:1px solid var(--darkGray);
    object-fit: contain;
    width: auto;
    height:auto;
    max-width:100%;
    max-height: 100%;
  }


  #informMe label{
      font-size:80%;
      color: var(--color2);
  }
  #informMe form{
      width:100%;
      display:grid;
      grid-template-columns: 70% auto;
      gap:10px;
      margin-top:15px;
  }
  #informMeForm.sent button{
    display:none;

  }
  #informMeForm.sent:after{
    grid-column: 1 / -1;
    content:'شماره موبایل شما ثبت شد!';
    color:var(--color2);
    font-size:80%;
  }