/* Google Fonts - Poppins */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap');

/*---------------------------------------------------- fontfamily------------------------- ------------*/

@font-face {
  font-family: 'MADE-SAONARA';
  src: url(fonts/MADE-SAONARA.otf) format('opentype');
}
@font-face {
  font-family: 'HelveticaNeueLTStd-Lt';
  src: url(fonts/HelveticaNeueLTStd-Lt.otf) format('opentype');
}
@font-face {
  font-family: 'Montserrat-Regular';
  src: url(fonts/Montserrat-Regular.ttf) format('truetype');
}
 @font-face {
  font-family: 'Montserrat-Bold';
  src: url(fonts/Montserrat-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat-Light';
  src: url(fonts/Montserrat-Light.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat-SemiBold';
  src: url(fonts/Montserrat-SemiBold.ttf) format('truetype');
}

@font-face {
  font-family: 'Montserrat-Medium';
  src: url(fonts/Montserrat-Medium.ttf) format('truetype');
}



/*---------------------------------------------------- Color------------------------- ------------*/
:root{
 
  --primary-1st: #FFB21C;
  --primary-2nd: #F9CA2F;
  --primary-4th: #1B1573;
  --secondary-4th: #1C1839;
  --secondary-btn: #817FAC;
  --dark-1st: #4B4B4B;
  --dark-2nd: #767676;
  --dark-3rd: #B1B1B1;
  
  


}
.slide-container{
  max-width: 1120px;
  width: 100%;
  padding: 40px 0;
  
}
.slide-content{
  margin: 0 8px;
}
.card{
  
  background-color: #FFF;
}

.image-content{
  position: relative;
  row-gap: 0px;
 
  border-radius: 4px;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  padding: 48px 16px;
  transition: all 0.5s ease-in-out;
}
.image-content:hover{
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
  
  
}
.image-content h4{
  font-family: 'Montserrat-SemiBold';
  font-size: 16px;
  text-align: left;
  line-height: 28px;
  color:  var(--dark-1st);
}
.image-content .cource-box-flex{
  display: flex;
  align-items: center;
  column-gap: 32px;
  padding: 8px 0 16px;
}
.image-content .cource-box-flex .cource-box-flex-right p{
  margin-top: 6px;
  font-family: 'Montserrat-Medium';
  font-size: 16px;
  text-transform: uppercase;
  color:  var(--dark-2nd) !important;
  height: auto !important;
}
.image-content p{
  font-family: 'Montserrat-SemiBold';
  font-size: 14px;
  color:  var(--dark-3rd);
  height: 60px;
}
.image-content ul{
  font-family: 'Montserrat-SemiBold';
  font-size: 14px;
  list-style: none;
  padding: 16px 0;
  color:  var(--dark-2nd);;
}
.image-content ul li{
  padding: 4px 0;
}
.image-content button{
  font-family: 'Montserrat-Regular';
  font-size: 14px;
  background-color: var(--secondary-btn);
  color: #fff;
  border: none;
  border-radius: 6px;
  padding: 8px 16px;

}


.swiper-pagination-bullet{
  background-color: var(--secondary-btn);
  opacity: 1;
}
.swiper-pagination-bullet-active{
  background-color: var(--secondary-btn);
}

@media screen and (max-width: 768px) {
  
  .swiper-navBtn{
    display: none;
  }
}