/* Courses icon (add class name on courses icon index & course page not (my course)*/
.ind-course-i{
    color: #ffffff !important;
    background-color: #017BCA !important;
    padding: 3px 6px !important;
    border-radius: 50% !important;
    border: 2px #033669 solid !important;
}

/* Banner image Slider (add class name on image slider index page)*/
.banner-imgs {
  width: 100% !important;
  height: 352px !important;
}

/* Courses Slider */ 
.card img {
  height: 200px !important;
  object-fit: contain !important;
  border-radius: 20px !important;
  background-color: #033669 !important;
} 

/* my-courses img card */ 
.course-img {
  height: 200px !important;
  object-fit: contain !important;
  border-radius: 20px !important;
  background-color: #033669 !important;
}
/* Please remove my-courses, Courses img & Individual Courses image css from style.css search by class name*/

/* Individual Courses */
.simple-card-img {
    border-radius: 10px !important;
    object-fit: contain !important;
    width: 100% !important;
    height: 200px !important;
    background-color: #033669 !important;
}

/* Trainers add class in index page */
.trainer-img{
    border-radius: 10px !important;
    object-fit: contain !important;
    width: 100% !important;
    height: 250px !important;
    background-color: #033669 !important;
}

/* Please remove testimonial-card img css from style.css search by class name */
.testimonial-card img {
    width: 80px !important;
    height: 80px !important;
    border-radius: 50% !important;
    object-fit: contain !important;
    margin-bottom: 15px !important;
    background-color: #033669 !important;
  }

/*  add class in Beginner Course, Master Course, Advanced Course & Premium Course pages (single-course-imgt for top img & single-course-imgb for bottom img) */
.single-course-imgt{
    border-radius: 10px !important;
    object-fit: contain !important;
    width: 100% !important;
    height: 600px !important;
    background-color: #033669 !important;
}

.single-course-imgb{
    border-radius: 10px !important;
    object-fit: contain !important;
    width: 100% !important;
    height: 300px !important;
    background-color: #033669 !important;
}

/* Profile Dropdown img on header add css */
.profile-head-img{
    width: 50px !important;
    height: 50px !important;
    border-radius: 50% !important;
    background-color: #033669 !important;
}

/* Tablet (portrait & below ~768px) */
@media (max-width: 991px) {
  .banner-imgs {
    height: 250px !important;
  }
}

/* Mobile (below ~576px) */
@media (max-width: 575px) {
  .banner-imgs {
    height: 180px !important;
  }
}