/*import external css*/
@import "header.css";
@import "footer.css";
@import "home.css";
@import "landingpage.css";
@import "custom-select.css";
@import "owl.css";
@import "../fonts/fonts.css";
@import "mentor-page.css";
@import "browse-course.css";
@import "course-sales-page.css";
@import "sales-funel.css";
@import "payment.css";
@import "class-payment.css";
@import "pricing.css";
@import "how-it-works.css";
@import "community.css";
@import "about-us.css";
@import "blog-detail.css";
@import "register-login.css";
@import "onboarding-question.css";
@import "browse-member-search-result.css";
@import "browse-member-search.css";
@import "browse-member.css";
@import "content-course-detail.css";
@import "course-content.css";
@import "class-schedule.css";
@import "resources.css";
@import "student-profile.css";
@import "all-testimonial.css";
@import "mentor-event.css";
@import "bootstrap-multiselect.css";
@import "mentor-dashboard.css";

/*body default css*/
body {
    background-color: white;
    color: #000;
    font-size: 14px;
    font-family: arial, sans-serif;
	word-break: break-word;
}
html, body {
  scroll-behavior: smooth;
}
.main-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
}

::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-thumb {
  background: #ed5627;
  border-radius: 80px;
}

::-webkit-scrollbar-track {
  background-color: #fef8eb;
}


/*appearance none 
select, textarea, button {
  outline: none;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  border: none;
}
 
::-ms-clear, select::-ms-expand {
  display: none;
}*/

/*outline none*/
select:focus, textarea:focus, button:focus, input:focus, a:focus, .btn:focus,
select, textarea, button, input, a, .btn {
  outline: none;
}

select {
  cursor: pointer; 
}
/*a link*/
a, a:focus, a:hover {
  text-decoration: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  }

ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
/* .last-column-header{
  width: 50px;
} */
/* a, button transition */
a,.btn, button{
	    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
}


/*body, html*/
body, html {
  height: 100%;
  margin: 0;
  overflow-x: hidden;
}

/*img*/

img {
    max-width: 100%;
    height: auto;
    image-rendering: crisp-edges;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
}
@media(max-width:991px){
  ::-webkit-scrollbar {
    width: 2px;
    height: 10px;
}
}

.header-profile-img {
  border-radius: 50%;
  width: 32px;
  height: 32px;
}
.commentBtn{
   border: 1px solid #ED5627;
   border-radius: 14px;
   color: #ED5626;
   font-size:15px;
   font-weight: 500;
   padding:8px;
   max-width: 140px;
   width: 100%;
}

.commentBtn:hover{
  background:#ED5627;
  border: 1px solid #ED5627;
  color: #FFFFFF;
}

.post-comment-area .comments-text{
  padding:10px 15px; 
  max-height: 312px;
  height:100%;
  overflow: hidden;
  overflow-y: auto;
}

.post-comment-area  .review-header span {
  color: #333333;
  font-weight: 600;
  font-size: 18px;
  padding: 20px 15px;
}

.post-comment-area .comments-text .media-img {
  width: 100%;
  width: 32px;
  height: 32px;
  overflow: hidden;
}

.post-comment-area .comments-text .media-img img {
  border-radius: 50%;
}

.post-comment-area .comments-text .media-body {
  padding-left: 10px;
}

.post-comment-area .comments-text .media-body h4 {
   font-size: 16px;
   color: #4F4F4F;
   font-weight: 500;
   margin-bottom: 2px;
}

.post-comment-area .comments-text .media-body p {
  color: #4F4F4F;
}
.form-control .emojionearea-form-control {
  height: 40px;
  width:400px;
  display:block;
  margin-bottom: 20px;
}
/* .project-block-inner .image img {
  width: 310px;
  height: 160px;
} */
.no-records-data {
  align-items: center;
  justify-content: center;
}
.no-record-text {
  font-weight: 600;
  font-size: 20px;
  padding: 30px 0px;
  font-family: 'Inter';
}
 .uppercase{
    text-transform: uppercase;
}
#FilterSelect1 {
  width: auto;
  max-width: 166px;
}


@media screen and (min-width:768px){
  #FilterSelect1{
    max-width: 205px;
  }
  
}

@media screen and (max-width:767px){
  

}

  @media (max-width: 414px){


  }


  @media screen and (max-width:300px){
    .course-content .inner-box h3{
      margin-left: 10px;
      margin-top: 5px;
    }
    .mixitup-gallery #FilterSelect1{
      max-width:150px;
    }
    
  .custom-select-option {
    max-width: 100%;
}
   
  }
  .mobile-margin{
    margin-top:40px;
  }
    
  /* arrows */
.formBox  select{
  
  appearance: none;
  background-color: #F9F9F9;

background-image: url("../images/dropdown-arrow.png");
background-repeat: no-repeat;
background-position: right 15px center;
background-size: 10px;
padding-right: 45px;
}
@media(min-width:500px){
  .course-content .title-header{
      display: flex;
      align-items: center;
      justify-content: space-between;
  }
}