.homePage {
  background-color: #ffffff;
}

.homePage .sectionHeading {
  font-size: 40px;
  font-family: "NunitoSans-ExtraBold";
}

@media (max-width: 1499px) {
  .homePage .sectionHeading {
    font-size: 30px;
  }
}

@media (max-width: 991.98px) {
  .homePage .sectionHeading {
    font-size: 24px;
  }
}

@media (max-width: 575.98px) {
  .homePage .sectionHeading {
    font-size: 18px;
  }
  .homePage .sectionHeading br {
    display: none;
  }
}

.homePage .common-tabs .nav-tabs {
  display: inline-flex;
  margin: 30px 0;
  border-color: color;
}

@media (max-width: 1199.98px) {
  .homePage .common-tabs .nav-tabs {
    margin: 25px 0 50px;
  }
}

.homePage .headingPera {
  font-size: 17px;
  color: #707070;
}

@media (max-width: 991.98px) {
  .homePage .headingPera {
    font-size: 15px;
  }
}

.homePage .show-all {
  font-size: 18px;
  color: #000000;
  font-family: "NunitoSans-ExtraBold";
  text-transform: uppercase;
  display: inline-block;
}

.homePage .show-all:hover {
  color: #FFC100;
}

@media (max-width: 1499px) {
  .homePage .show-all {
    font-size: 16px;
  }
}

@media (max-width: 575.98px) {
  .homePage .show-all {
    font-size: 14px;
    margin-top: 10px;
  }
}

.homePage .banner__cnt {
  text-align: center;
  padding-top: 220px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.homePage .banner .turn {
  display: inline-block;
  border: 1px solid #bdf2ca;
  background-color: #d0ffdb;
  color: #3C5D4B;
  padding: 10px 40px;
  border-radius: 30px;
  font-size: 13px;
  text-transform: uppercase;
  line-height: normal;
  margin-bottom: 30px;
}

.homePage .banner h1 {
  font-size: 56px;
  font-family: "NunitoSans-Black";
  margin-bottom: 14px;
}

.homePage .banner h1 span {
  color: #FFC100;
}

.homePage .banner p {
  margin-bottom: 37px;
  font-size: 18px;
  color: #626262;
}

.homePage .banner .btn {
  font-size: 15px;
  padding: 13px 30px;
}

.homePage .banner .btn-tutor {
  margin-right: 20px;
}

@media (max-width: 1699px) {
  .homePage .banner h1 {
    font-size: 50px;
  }
}

@media (max-width: 1599px) {
  .homePage .banner .turn {
    padding: 10px 20px;
  }
  .homePage .banner__cnt {
    padding-top: 150px;
    max-width: 480px;
    margin: 0 auto;
  }
  .homePage .banner h1 {
    font-size: 45px;
  }
  .homePage .banner p {
    font-size: 17px;
  }
}

@media (max-width: 1299px) {
  .homePage .banner h1 {
    font-size: 38px;
  }
}

@media (max-width: 1199.98px) {
  .homePage .banner .turn {
    padding: 7px 20px;
    margin-bottom: 16px;
  }
  .homePage .banner h1 {
    font-size: 28px;
  }
  .homePage .banner__cnt {
    padding-top: 130px;
    max-width: 360px;
  }
  .homePage .banner p {
    margin-bottom: 15px;
  }
  .homePage .banner .btn {
    padding: 8px 15px;
  }
  .homePage .banner .btn-tutor {
    margin-right: 10px;
  }
}

@media (max-width: 991.98px) {
  .homePage .banner__cnt {
    padding-top: 80px;
    max-width: 280px;
  }
  .homePage .banner .turn {
    padding: 7px 15px;
    margin-bottom: 15px;
    font-size: 12px;
  }
  .homePage .banner h1 {
    font-size: 24px;
  }
  .homePage .banner p {
    font-size: 15px;
    line-height: 21px;
  }
  .homePage .banner .btn {
    padding: 7px 11px;
    font-size: 14px;
  }
  .homePage .banner .btn-tutor {
    margin-right: 5px;
  }
}

@media (max-width: 767.98px) {
  .homePage .banner {
    background-image: url("../../images/banner-bg-sm.jpg");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    padding-bottom: 30px;
  }
  .homePage .banner__cnt {
    position: initial;
  }
}

.homePage .learningPrograms {
  position: relative;
  z-index: 1;
  margin-top: -271px;
}

.homePage .learningPrograms__inner {
  text-align: center;
  max-width: 1600px;
  margin: 0 auto;
  background-color: #3C5D4B;
  color: #ffffff;
  border-radius: 10px;
}

.homePage .learningPrograms p {
  color: #ffffff;
  margin: 0;
}

.homePage .learningPrograms__top {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding: 50px 15px;
}

.homePage .learningPrograms__top h2 {
  font-size: 40px;
  font-family: "NunitoSans-Black";
  margin-bottom: 19px;
}

.homePage .learningPrograms__top p {
  font-size: 16px;
}

.homePage .learningPrograms__icon {
  margin-right: 20px;
}

.homePage .learningPrograms__box {
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  text-align: left;
}

.homePage .learningPrograms__box h3 {
  font-size: 20px;
  font-family: "NunitoSans-ExtraBold";
  margin-bottom: 8px;
}

.homePage .learningPrograms__box p {
  font-size: 13px;
  color: #B5B5B5;
}

.homePage .learningPrograms__box:first-child {
  padding-left: 50px;
}

.homePage .learningPrograms__box:last-child {
  padding-right: 50px;
}

.homePage .learningPrograms__boxCnt {
  padding: 40px 10px;
}

.homePage .learningPrograms .scrollDown {
  height: 51px;
  width: 51px;
  display: block;
  border-radius: 50%;
  -o-box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.2) ;
  -ms-box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.2) ;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.2) ;
  text-align: center;
  line-height: 56px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -27px;
  margin: 0 auto;
  background: #ffffff;
  color: #3C5D4B;
}

@media (max-width: 1699px) {
  .homePage .learningPrograms {
    margin-top: -234px;
  }
  .homePage .learningPrograms__inner {
    max-width: 1400px;
  }
  .homePage .learningPrograms__top {
    padding: 35px 15px;
  }
  .homePage .learningPrograms__top h2 {
    font-size: 35px;
  }
  .homePage .learningPrograms__box:first-child {
    padding-left: 15px;
  }
  .homePage .learningPrograms__box:last-child {
    padding-right: 15px;
  }
  .homePage .learningPrograms__box h3 {
    font-size: 18px;
  }
  .homePage .learningPrograms__boxCnt {
    padding: 30px 0px;
  }
}

@media (max-width: 1599px) {
  .homePage .learningPrograms__inner {
    max-width: 1200px;
  }
  .homePage .learningPrograms__top {
    padding: 30px 15px;
  }
  .homePage .learningPrograms__top h2 {
    font-size: 32px;
  }
  .homePage .learningPrograms__icon {
    margin-right: 13px;
  }
  .homePage .learningPrograms__icon img {
    max-width: 35px;
  }
}

@media (max-width: 1399px) {
  .homePage .learningPrograms {
    margin-top: -192px;
  }
}

@media (max-width: 1199.98px) {
  .homePage .learningPrograms {
    margin-top: -148px;
  }
  .homePage .learningPrograms__top {
    padding: 25px 15px;
  }
  .homePage .learningPrograms__top h2 {
    font-size: 28px;
    margin-bottom: 10px;
  }
  .homePage .learningPrograms__top p {
    font-size: 15px;
  }
  .homePage .learningPrograms__boxCnt {
    padding: 25px 0px;
  }
}

@media (max-width: 991.98px) {
  .homePage .learningPrograms {
    margin-top: -110px;
  }
  .homePage .learningPrograms__boxCnt {
    padding: 18px 0px;
  }
  .homePage .learningPrograms__top {
    padding: 20px 15px;
  }
  .homePage .learningPrograms__top h2 {
    font-size: 24px;
  }
}

@media (max-width: 767.98px) {
  .homePage .learningPrograms {
    margin-top: 0;
  }
  .homePage .learningPrograms__top h2 {
    font-size: 20px;
  }
}

@media (max-width: 575.98px) {
  .homePage .learningPrograms__top h2 {
    font-size: 18px;
  }
  .homePage .learningPrograms__top p {
    font-size: 14px;
  }
}

.homePage .inspiringSolutions {
  padding: 100px 0px 70px;
}

.homePage .inspiringSolutions h2 {
  font-size: 75px;
  font-family: "NunitoSans-Black";
  margin-bottom: 30px;
}

.homePage .inspiringSolutions__left p {
  font-size: 17px;
  color: #707070;
}

.homePage .inspiringSolutions__right {
  text-align: center;
}

.homePage .inspiringSolutions__right .reviewsCount {
  color: #a7a7a7;
  font-size: 16px;
  margin-top: 17px;
}

.homePage .inspiringSolutions__right p {
  margin-top: 7px;
  font-size: 32px;
  line-height: 40px;
}

.homePage .inspiringSolutions__right p span {
  font-family: "NunitoSans-Bold";
}

@media (max-width: 1699px) {
  .homePage .inspiringSolutions {
    padding: 80px 0px 50px;
  }
  .homePage .inspiringSolutions h2 {
    font-size: 50px;
  }
  .homePage .inspiringSolutions__right p {
    font-size: 28px;
    line-height: 35px;
  }
  .homePage .inspiringSolutions__right .btn {
    padding: 10px 15px;
  }
}

@media (max-width: 1399px) {
  .homePage .inspiringSolutions {
    padding: 60px 0px 50px;
  }
  .homePage .inspiringSolutions h2 {
    font-size: 45px;
  }
  .homePage .inspiringSolutions h2 img {
    width: 75px;
  }
  .homePage .inspiringSolutions__right p {
    font-size: 24px;
  }
}

@media (max-width: 1199.98px) {
  .homePage .inspiringSolutions {
    padding: 40px 0px 40px;
  }
  .homePage .inspiringSolutions h2 {
    font-size: 35px;
    margin-bottom: 15px;
  }
  .homePage .inspiringSolutions h2 img {
    width: 60px;
  }
  .homePage .inspiringSolutions__left p br {
    display: none;
  }
  .homePage .inspiringSolutions__right img {
    width: 100px;
  }
  .homePage .inspiringSolutions__right p {
    font-size: 18px;
    line-height: 25px;
  }
}

@media (max-width: 991.98px) {
  .homePage .inspiringSolutions {
    padding: 30px 0px 30px;
  }
  .homePage .inspiringSolutions h2 {
    font-size: 24px;
  }
  .homePage .inspiringSolutions h2 img {
    width: 50px;
  }
  .homePage .inspiringSolutions__left p {
    font-size: 15px;
  }
  .homePage .inspiringSolutions__right img {
    width: 80px;
  }
}

@media (max-width: 767.98px) {
  .homePage .inspiringSolutions__left {
    text-align: center;
  }
}

.homePage .successwithUs {
  background-color: #FBFBFF;
}

.homePage .successwithUs .tag {
  background-color: #FFC100;
  color: #000000;
  display: inline-block;
  padding: 5px 15px;
  font-family: "NunitoSans-ExtraBold";
  line-height: normal;
  margin-left: 30px;
}

.homePage .successwithUs .heading {
  margin-bottom: 35px;
}

.homePage .successwithUs .listSlider .slick-list {
  margin: 0 -8px;
}

.homePage .successwithUs .listSlider-item {
  padding: 0 8px;
}

@media (max-width: 1199.98px) {
  .homePage .successwithUs .heading {
    margin-bottom: 50px;
  }
}

.homePage .onlineSchool {
  padding-bottom: 250px;
  overflow: hidden;
}

.homePage .onlineSchool .heading {
  position: relative;
  z-index: 1;
}

.homePage .onlineSchool__boxes {
  position: relative;
}

.homePage .onlineSchool__img {
  margin: -341px auto auto auto;
  position: relative;
  display: block;
  max-width: 851px;
}

.homePage .onlineSchool .onlineSchoolBox {
  width: 238px;
  text-align: center;
}

.homePage .onlineSchool .onlineSchoolBox--happystudent {
  position: absolute;
  bottom: 50px;
  left: 100px;
}

.homePage .onlineSchool .onlineSchoolBox--tutor {
  position: absolute;
  bottom: 170px;
  right: 100px;
  width: 291px;
}

.homePage .onlineSchool .onlineSchoolBox--tutor .onlineSchoolBox__img .icon {
  top: 30px;
}

.homePage .onlineSchool .onlineSchoolBox--livelearning {
  position: absolute;
  bottom: -200px;
  left: 45%;
}

.homePage .onlineSchool .onlineSchoolBox--livelearning .onlineSchoolBox__img .icon {
  bottom: -15px;
  top: auto;
}

.homePage .onlineSchool .onlineSchoolBox__img {
  position: relative;
  margin-bottom: 19px;
}

.homePage .onlineSchool .onlineSchoolBox__img img {
  border-radius: 19px;
  overflow: hidden;
}

.homePage .onlineSchool .onlineSchoolBox__img .icon {
  position: absolute;
  top: -13px;
  right: -24px;
}

.homePage .onlineSchool .onlineSchoolBox h3 {
  font-size: 20px;
  font-family: "comic_sans_msregular";
  margin-bottom: 0;
}

.homePage .onlineSchool .onlineSchoolBox p {
  font-size: 14px;
  color: #a7a7a7;
}

@media (max-width: 1299px) {
  .homePage .onlineSchool__img {
    margin: -222px auto auto auto;
    max-width: 657px;
  }
  .homePage .onlineSchool .onlineSchoolBox {
    width: 160px;
  }
  .homePage .onlineSchool .onlineSchoolBox--tutor {
    width: 190px;
  }
  .homePage .onlineSchool .onlineSchoolBox__img .icon {
    width: 50px;
  }
}

@media (max-width: 991.98px) {
  .homePage .onlineSchool .onlineSchoolBox--happystudent {
    left: 0;
  }
  .homePage .onlineSchool .onlineSchoolBox--tutor {
    bottom: 153px;
    right: 41px;
  }
  .homePage .onlineSchool .onlineSchoolBox h3 {
    font-size: 15px;
  }
}

@media (max-width: 767.98px) {
  .homePage .onlineSchool__img {
    margin: -47px auto auto auto;
    max-width: 428px;
  }
  .homePage .onlineSchool .onlineSchoolBox--tutor {
    width: 150px;
    bottom: 116px;
  }
  .homePage .onlineSchool .onlineSchoolBox__img .icon {
    width: 40px;
  }
}

@media (max-width: 575.98px) {
  .homePage .onlineSchool {
    padding-bottom: 30px;
  }
  .homePage .onlineSchool__img {
    margin: -100px auto auto auto;
    max-width: 428px;
  }
  .homePage .onlineSchool .onlineSchoolBox {
    position: initial;
    width: 200px;
    margin: auto auto 20px;
  }
  .homePage .onlineSchool .onlineSchoolBox--tutor {
    width: 200px;
  }
}

.homePage .famousTeachers {
  background-color: #FFC100;
  background-image: url("../../images/lines.png");
}

.homePage .famousTeachers .heading {
  margin-bottom: 35px;
}

.homePage .famousTeachers .headingPera {
  color: #000000;
}

.homePage .famousTeachers .show-all:hover {
  color: #ffffff;
}

@media (max-width: 1199.98px) {
  .homePage .famousTeachers .heading {
    margin-bottom: 50px;
  }
}

.homePage .famousTeachersSlider .slick-list {
  margin: 0 -8px;
}

.homePage .famousTeachersSlider__item {
  margin: 0 8px;
}

.homePage .famousTeachersSlider .slick-arrow:before {
  color: #000000;
}

.homePage .downloadApp__topTitle {
  font-size: 17px;
  text-transform: uppercase;
  display: inline-block;
  margin-bottom: 9px;
}

.homePage .downloadApp h2 {
  font-size: 50px;
  font-family: "NunitoSans-Black";
  margin-bottom: 10px;
}

.homePage .downloadApp p {
  font-size: 29px;
  text-transform: uppercase;
  margin-bottom: 34px;
}

.homePage .downloadApp .google-play-btn {
  margin-right: 17px;
}

.homePage .downloadApp .videoCall {
  margin-top: 120px;
  text-align: center;
}

@media (max-width: 1699px) {
  .homePage .downloadApp__topTitle {
    font-size: 15px;
  }
  .homePage .downloadApp h2 {
    font-size: 40px;
  }
  .homePage .downloadApp p {
    font-size: 20px;
    margin-bottom: 30px;
  }
  .homePage .downloadApp a {
    display: inline-block;
  }
  .homePage .downloadApp a img {
    height: 50px;
  }
}

@media (max-width: 1299px) {
  .homePage .downloadApp__topTitle {
    font-size: 14px;
  }
  .homePage .downloadApp h2 {
    font-size: 38px;
  }
  .homePage .downloadApp p {
    font-size: 18px;
    margin-bottom: 25px;
  }
  .homePage .downloadApp a {
    display: inline-block;
  }
  .homePage .downloadApp a img {
    height: 40px;
  }
}

@media (max-width: 1199.98px) {
  .homePage .downloadApp h2 {
    font-size: 32px;
  }
  .homePage .downloadApp p {
    font-size: 16px;
    margin-bottom: 20px;
  }
}

@media (max-width: 991.98px) {
  .homePage .downloadApp h2 {
    font-size: 28px;
  }
}

@media (max-width: 767.98px) {
  .homePage .downloadApp h2 {
    font-size: 24px;
  }
  .homePage .downloadApp p {
    font-size: 15px;
    margin-bottom: 15px;
  }
  .homePage .downloadApp .videoCall {
    margin-top: 30px;
  }
  .homePage .downloadApp__left {
    text-align: center;
  }
  .homePage .downloadApp__left {
    margin-bottom: 30px;
  }
}

.homePage .customerSection {
  background-color: #F5F8F7;
}

.homePage .customerSection .heading {
  margin-bottom: 35px;
}

.homePage .customerSection .customerInfo {
  text-align: center;
  padding: 40px;
  border-radius: 5px;
}

.homePage .customerSection .customerInfo__img {
  width: 103px;
  height: 103px;
  border-radius: 50%;
  margin: 0 auto;
  overflow: hidden;
}

.homePage .customerSection .customerInfo__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.homePage .customerSection .customerInfo__name {
  margin-top: 20px;
}

.homePage .customerSection .customerInfo__name .morelink {
  font-size: 14px;
  color: #3C5D4B;
  font-family: "NunitoSans-Bold";
}

.homePage .customerSection .customerInfo__name .txt {
  font-size: 20px;
  font-family: "NunitoSans-Bold";
  line-height: 27px;
  color: #000000;
  word-break: break-all;
}

.homePage .customerSection .customerInfo__name span {
  font-size: 16px;
  line-height: 21px;
  font-family: "NunitoSans-Regular";
  color: #888888;
}

.homePage .customerSection .customerInfo p {
  font-size: 14px;
  line-height: 23px;
  font-family: "NunitoSans-Regular";
  color: #707070;
  padding: 15px 0;
}

.homePage .customerSection .slick-list {
  margin: 0 -8px;
}

.homePage .customerSection .slick-track {
  display: flex;
}

.homePage .customerSection .customerSilder-box {
  height: 100%;
}

.homePage .customerSection .customerSlider-item {
  margin: 0 8px;
  height: auto;
}

.homePage .customerSection .slick-arrow:before {
  font-family: "icomoon" !important;
  color: #3C5D4B;
  opacity: 1;
}

.homePage .customerSection [dir='rtl'], .homePage .customerSection .slick-prev, .homePage .customerSection .slick-prev {
  top: -60px;
  left: auto;
  right: 30px;
}

.homePage .customerSection [dir='rtl']:before, .homePage .customerSection .slick-prev:before, .homePage .customerSection .slick-prev:before {
  content: "\E902";
}

.homePage .customerSection [dir='rtl'], .homePage .customerSection .slick-next, .homePage .customerSection .slick-next {
  top: -60px;
  right: 0;
}

.homePage .customerSection [dir='rtl']:before, .homePage .customerSection .slick-next:before, .homePage .customerSection .slick-next:before {
  content: "\E903";
}

@media (max-width: 767.98px) {
  .homePage .customerSection .customerInfo {
    padding: 20px;
  }
  .homePage .customerSection .slick-prev, .homePage .customerSection .slick-next {
    top: -23px;
  }
}

.homePage .blogSilder {
  padding-top: 10px;
  padding-bottom: 60px;
}

@media (max-width: 1499px) {
  .homePage .blogSilder {
    padding-bottom: 50px;
  }
}

@media (max-width: 991.98px) {
  .homePage .blogSilder {
    padding-bottom: 30px;
  }
}

.searchResult {
  padding: 30px 0 60px;
}

.searchResult-box {
  border-radius: 5px;
  background-color: #ffffff;
  -o-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.06) ;
  -ms-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.06) ;
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.06) ;
  padding: 30px;
  max-width: 912px;
  margin: 0 auto;
}

.searchResult-box .nav {
  margin-bottom: 20px;
}

.searchResult-box .tagList {
  white-space: nowrap;
  overflow: auto;
  padding-bottom: 10px;
  margin-bottom: 20px;
  margin-right: -30px;
  padding-right: 30px;
}

.searchResult-box .tagList-link {
  font: 14px "NunitoSans-Bold";
  padding: 10px 20px;
  color: #707070;
  border: 1px solid #E2E2E2;
  display: block;
}

.searchResult-box .tagList-link:hover {
  color: #3C5D4B;
}

.searchResult-box .tagList-link.active {
  color: #3C5D4B;
  background-color: rgba(60, 93, 75, 0.1);
}

@media (max-width: 1599px) {
  .searchResult {
    padding: 30px 0 40px;
  }
  .searchResult-box {
    padding: 20px;
  }
  .searchResult-box .nav {
    margin-bottom: 15px;
  }
  .searchResult-box .tagList {
    margin-bottom: 15px;
    margin-right: -20px;
    padding-right: 20px;
  }
}

@media (max-width: 767.98px) {
  .searchResult-box {
    padding: 15px;
  }
  .searchResult-box .tagList {
    margin-right: -15px;
    padding-right: 15px;
  }
  .searchResult-box .tagList-link {
    padding: 6px 15px;
  }
}

.detailPageCnt {
  padding-bottom: 30px;
}

.detailPage .morecontent span {
  display: none;
}

.detailPage .morelink {
  display: block;
  margin-top: 15px;
  max-width: 110px;
}

.detailPage .show-more {
  color: #3C5D4B;
}

.detailPage .classImg {
  height: 290px;
  overflow: hidden;
  margin-bottom: 20px;
  position: relative;
  border-radius: 5px;
}

.detailPage .playIcon {
  position: absolute;
  top: 50%;
  height: 100%;
  right: 0;
  text-align: center;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateY(-50%);
  background-color: rgba(0, 0, 0, 0.2);
}

.detailPage .playIcon img {
  max-height: 70px;
}

.detailPage .class-img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
}

.detailPage .teacherInfo {
  background-color: rgba(0, 0, 0, 0.8);
  position: absolute;
  bottom: 0;
  padding: 10px 15px;
  width: 100%;
  color: #ffffff;
}

.detailPage .teacherInfo__right .shareLink {
  background-color: rgba(255, 255, 255, 0.3);
  padding: 10px;
  border-radius: 50%;
  color: #ffffff;
}

.detailPage .btnRow:not(:last-child) {
  margin-bottom: 15px;
}

.detailPage .btnRow .btn {
  width: 49%;
}

.detailPage .btnRow .btn:first-child {
  margin-right: 15px;
}

.detailPage .amountInfo {
  margin-bottom: 20px;
}

.detailPage .amountInfo__left {
  font-family: "NunitoSans-Bold";
  font-size: 24px;
}

.detailPage .amountInfo__right {
  font-size: 24px;
}

.detailPage .amountInfo__right span {
  font-family: "NunitoSans-Bold";
}

.detailPage .dateTime {
  margin-bottom: 20px;
}

.detailPage .dateTime p {
  line-height: 21px;
  font-size: 18px;
  padding-left: 10px;
  font-family: "NunitoSans-Bold";
}

.detailPage .dateTime p span {
  font-size: 15px;
  font-family: "NunitoSans-SemiBold";
  padding-left: 5px;
}

.detailPage .dateTime__tutor .text {
  font-size: 14px;
}

.detailPage .dateTime em {
  font-size: 24px;
}

.detailPage .userInfo__img {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  overflow: hidden;
}

.detailPage .userInfo__img img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
}

.detailPage .userInfo__name {
  font-size: 20px;
  padding-left: 10px;
  font-family: "NunitoSans-SemiBold";
  max-width: 200px;
}

.detailPage__inner .heading {
  margin-bottom: 25px;
}

.detailPage .subject .row {
  margin: 0 -8px;
}

.detailPage .subject .row [class*="col-"] {
  padding: 0 8px;
}

.detailPage .subject__topicList {
  margin-bottom: 20px;
}

.detailPage .subject__topicList .btn-row {
  margin-top: 30px;
}

.detailPage .subject__left {
  padding: 30px;
}

.detailPage .subject__left h3 {
  word-break: break-all;
}

.detailPage .subject__right {
  padding: 20px;
}

.detailPage .subject__info {
  background-color: #F6F8F9;
  padding: 25px 30px;
  border-radius: 15px;
  margin-bottom: 20px;
}

.detailPage .subject__info .view {
  position: relative;
  padding: 0 50px;
}

.detailPage .subject__info .view:first-child {
  padding-left: 0;
}

.detailPage .subject__info .view:not(:last-child):after {
  content: '';
  width: 1px;
  position: absolute;
  height: 64px;
  background-color: #E1E1E1;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.detailPage .subject__info .label {
  color: #707070;
  font-size: 16px;
  line-height: normal;
  font-family: "NunitoSans-SemiBold";
  margin-bottom: 5px;
}

.detailPage .subject__info .cnt {
  font-size: 24px;
  font-family: "NunitoSans-Bold";
  color: #000000;
  line-height: normal;
}

.detailPage .subject__moreDetail {
  margin-top: 15px;
}

.detailPage .subject__moreDetail ul {
  margin-top: 0;
  margin-bottom: 8px;
}

.detailPage .subject__moreDetail ul:last-child {
  margin-bottom: 0;
}

.detailPage .subject__moreDetail ul li {
  display: inline-block;
  background-color: #E1E1E1;
  color: #000000;
  padding: 6px 15px;
  border-radius: 5px;
  font-family: "NunitoSans-SemiBold";
  margin-bottom: 10px;
}

.detailPage .subject__moreDetail ul li:not(:last-child) {
  margin-right: 10px;
}

.detailPage .subject__educationDetail h5 {
  margin-bottom: 0;
}

.detailPage .subject__educationDetail p {
  margin-bottom: 8px;
  font-family: "NunitoSans-SemiBold";
  color: #707070;
}

.detailPage .subject__experience {
  padding: 30px;
}

.detailPage .subject__education {
  background-color: #F6F8F9;
  padding: 25px 30px;
  border-radius: 15px;
  margin-bottom: 20px;
}

.detailPage .subject__education:last-child {
  margin-bottom: 0;
}

.detailPage .subject__education table {
  display: block;
}

.detailPage .subject__education table tr:not(:last-child) {
  border-bottom: 1px solid #E1E1E1;
  display: block;
}

.detailPage .subject__education table tr:last-child td {
  padding-bottom: 0;
}

.detailPage .subject__education table th {
  width: 140px;
  border-right: 1px solid #E1E1E1;
  color: #707070;
  font-family: "NunitoSans-SemiBold";
  padding-bottom: 20px;
}

.detailPage .subject__education table th:not(:first-child) {
  padding-left: 70px;
  border-right: 0;
}

.detailPage .subject__education table td {
  border-right: 1px solid #E1E1E1;
  font-family: "NunitoSans-Bold";
  padding: 20px 0;
}

.detailPage .subject__education table td:not(:first-child) {
  padding-left: 70px;
  border-right: 0;
}

.detailPage .subject__education table td:first-child {
  width: 140px;
}

.detailPage .subject__education tbody {
  display: block;
}

.detailPage .subject__education ul li {
  padding: 20px 0;
  font-family: "NunitoSans-Bold";
  border-bottom: 1px solid #E1E1E1;
}

.detailPage .subject__education ul li:first-child {
  padding-top: 0;
}

.detailPage .subject__education ul li:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

.detailPage .subject__video {
  max-height: 180px;
  overflow: hidden;
  position: relative;
}

.detailPage .subject__video .videoImg {
  width: 100%;
  height: 180px;
  -o-object-fit: cover;
     object-fit: cover;
}

.detailPage .subject__video .playIcon {
  position: absolute;
  top: 50%;
  height: 100%;
  right: 0;
  text-align: center;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateY(-50%);
  background-color: rgba(0, 0, 0, 0.5);
}

.detailPage .subject__video .playIcon img {
  max-height: 70px;
}

.detailPage .subject__classInfo h5 {
  margin-bottom: 0;
}

.detailPage .subject__ratings {
  padding: 12px 30px;
}

.detailPage .subject .info {
  margin-bottom: 10px;
}

.detailPage .subject .info__title {
  min-width: 150px;
  color: #707070;
  font-family: "NunitoSans-SemiBold";
  font-size: 16px;
}

.detailPage .subject .info__view {
  font-family: "NunitoSans-Bold";
}

.detailPage .subject .userView__inner {
  display: flex;
  justify-content: space-between;
}

.detailPage .subject .userView__cnt p {
  font-size: 14px;
  word-break: break-all;
}

.detailPage .subject .userView__cnt h6 {
  margin-bottom: 5px;
  max-width: 200px;
}

.detailPage .subject .userView__ratingSec p {
  color: #707070;
}

.detailPage .subject .userView__ratingIcons .icon-star {
  color: #E1E1E1;
  font-size: 14px;
}

.detailPage .subject .userView__ratingIcons .icon-star-fill {
  color: #FFC100;
}

.detailPage .studentInfo {
  margin-bottom: 20px;
}

.detailPage .studentInfo__img {
  margin-right: 20px;
  width: 80px;
  height: 80px;
  overflow: hidden;
}

.detailPage .studentInfo__img img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}

.detailPage .studentInfo__name {
  font-size: 20px;
  margin-bottom: 5px;
  max-width: 200px;
}

.detailPage .studentInfo .rateStar svg {
  width: 18px;
  height: 18px;
}

.detailPage .tutorInfo {
  text-align: center;
  padding: 10px 0 25px;
}

.detailPage .tutorInfo__img {
  width: 150px;
  height: 150px;
  margin: auto;
  overflow: hidden;
}

.detailPage .tutorInfo__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.detailPage .tutorInfo__name {
  margin: 25px 0 15px;
  font-size: 26px;
  font-family: "NunitoSans-Bold";
}

.detailPage .tutorInfo__email {
  font-size: 20px;
  color: #707070;
  word-break: break-all;
  margin-bottom: 8px;
  font-family: "NunitoSans-SemiBold";
}

.detailPage .tutorInfo__text {
  margin-top: 25px;
  text-align: left;
}

.detailPage .tutorInfo .rateStar svg {
  height: 22px;
  width: 22px;
}

.detailPage .scheduleBtn {
  margin-top: 15px;
  text-align: center;
  margin-bottom: 10px;
}

.detailPage .scheduleBtn .btn:first-child {
  margin-right: 8px;
}

.detailPage--studentPage .subject__left {
  padding-bottom: 140px;
}

.detailPage--studentPage .subject__info .cnt {
  font-size: 16px;
  word-break: break-all;
}

.detailPage--studentPage .ratingCommentBox {
  max-height: 625px;
}

@media (max-width: 1599px) {
  .detailPage .subject .userView__cnt h6 {
    margin-bottom: 0;
  }
  .detailPage .subject__ratings {
    padding: 12px 25px;
  }
  .detailPage .ratingCommentBox {
    max-height: 928px;
  }
  .detailPage .ratingCommentBox__content {
    margin-top: 10px;
  }
  .detailPage .scheduleBtn .btn {
    font-size: 16px;
  }
  .detailPage--studentPage .ratingCommentBox {
    max-height: 675px;
  }
}

@media (max-width: 1499px) {
  .detailPage .classImg {
    height: 250px;
  }
  .detailPage .amountInfo__left {
    font-size: 22px;
  }
  .detailPage .amountInfo__right {
    font-size: 22px;
  }
  .detailPage .dateTime em {
    font-size: 22px;
    margin-top: -5px;
  }
  .detailPage .subject__left {
    padding: 25px;
  }
  .detailPage .subject__info .view {
    padding: 0 40px;
  }
  .detailPage .subject__experience {
    padding: 25px;
  }
  .detailPage .subject__education {
    padding: 20px 25px;
  }
  .detailPage .ratingCommentBox {
    max-height: 914px;
  }
  .detailPage__inner .heading {
    margin-bottom: 20px;
  }
  .detailPage .tutorInfo {
    padding: 10px 0;
  }
  .detailPage .tutorInfo__img {
    width: 130px;
    height: 130px;
  }
  .detailPage .tutorInfo__name {
    font-size: 22px;
    margin: 15px 0 10px;
  }
  .detailPage .tutorInfo__email {
    font-size: 18px;
  }
  .detailPage--studentPage .ratingCommentBox {
    max-height: 530px;
  }
}

@media (max-width: 1399px) {
  .detailPage .userInfo__name {
    font-size: 18px;
  }
  .detailPage .amountInfo__left {
    font-size: 20px;
  }
  .detailPage .amountInfo__right {
    font-size: 20px;
  }
  .detailPage .dateTime em {
    font-size: 20px;
    margin-top: -3px;
  }
  .detailPage .dateTime p {
    font-size: 16px;
  }
  .detailPage .btnRow .btn {
    font-size: 16px;
  }
  .detailPage .subject__info {
    padding: 20px 15px;
    margin-bottom: 10px;
  }
  .detailPage .subject__info .cnt {
    font-size: 20px;
  }
  .detailPage .subject__moreDetail h5 {
    line-height: 40px;
  }
  .detailPage .subject__moreDetail ul li {
    padding: 8px 12px;
  }
  .detailPage .subject__moreDetail ul li:not(:last-child) {
    margin-right: 5px;
  }
  .detailPage .subject__education {
    padding: 20px;
  }
  .detailPage .subject__education table th {
    width: 110px;
    padding-bottom: 15px;
  }
  .detailPage .subject__education table th:not(:first-child) {
    padding-left: 50px;
  }
  .detailPage .subject__education table td {
    padding: 15px 0;
  }
  .detailPage .subject__education table td:first-child {
    width: 110px;
  }
  .detailPage .subject__education table td:not(:first-child) {
    padding-left: 50px;
  }
  .detailPage .subject__education ul li {
    padding: 15px 0;
  }
  .detailPage .subject__experience h5 {
    line-height: 40px;
  }
  .detailPage .ratingCommentBox {
    max-height: 792px;
  }
  .detailPage .scheduleBtn {
    margin-top: 10px;
  }
  .detailPage .scheduleBtn .btn:first-child {
    margin-bottom: 10px;
  }
  .detailPage .tutorInfo__img {
    width: 100px;
    height: 100px;
  }
  .detailPage .tutorInfo__name {
    font-size: 18px;
    margin-bottom: 0;
  }
  .detailPage .tutorInfo__email {
    font-size: 16px;
  }
  .detailPage .tutorInfo__ratting .icon-star {
    font-size: 14px;
  }
  .detailPage .studentInfo__name {
    font-size: 18px;
  }
  .detailPage--studentPage .ratingCommentBox {
    max-height: 533px;
  }
  .detailPage--studentPage .subject__info .cnt {
    font-size: 15px;
  }
}

@media (max-width: 1199.98px) {
  .detailPage .subject__left {
    padding: 20px;
  }
  .detailPage .subject__right {
    padding: 15px;
  }
  .detailPage .subject__experience {
    padding: 20px;
  }
  .detailPage .subject__ratings {
    padding: 12px 20px;
  }
  .detailPage .ratingCommentBox {
    max-height: 808px;
  }
  .detailPage__inner .heading {
    margin-bottom: 15px;
  }
  .detailPage .classImg {
    height: 200px;
  }
  .detailPage .teacherInfo {
    padding: 8px 10px;
  }
  .detailPage .userInfo__img {
    height: 30px;
    width: 30px;
  }
  .detailPage .userInfo__name {
    font-size: 16px;
  }
  .detailPage .btnRow .btn {
    padding: 10px 12px;
  }
  .detailPage .dateTime {
    margin-bottom: 15px;
  }
  .detailPage .amountInfo {
    margin-bottom: 15px;
  }
  .detailPage .studentInfo {
    margin-bottom: 10px;
  }
  .detailPage .studentInfo__img {
    width: 60px;
    height: 60px;
    margin-right: 15px;
  }
  .detailPage .studentInfo__name {
    font-size: 16px;
    margin-bottom: 0;
  }
  .detailPage .studentInfo .rateStar svg {
    width: 16px;
    height: 16px;
  }
  .detailPage--studentPage .ratingCommentBox {
    max-height: 518px;
  }
}

@media (max-width: 991.98px) {
  .detailPage .amountInfo__left {
    font-size: 18px;
  }
  .detailPage .amountInfo__right {
    font-size: 18px;
  }
  .detailPage .dateTime em {
    font-size: 18px;
  }
  .detailPage .subject__left {
    padding: 15px;
  }
  .detailPage .subject__education {
    padding: 20px;
  }
  .detailPage .subject__education table th {
    padding-bottom: 10px;
    width: 100px;
  }
  .detailPage .subject__education table th:not(:first-child) {
    padding-left: 20px;
  }
  .detailPage .subject__education table td {
    padding: 15px 0;
  }
  .detailPage .subject__education table td:first-child {
    width: 100px;
  }
  .detailPage .subject__education table td:not(:first-child) {
    padding-left: 20px;
  }
  .detailPage .subject__education ul li {
    padding: 15px 0;
  }
  .detailPage .subject__experience {
    padding: 15px;
  }
  .detailPage .subject__ratings {
    padding: 10px 15px;
  }
  .detailPage .subject--box {
    max-width: 350px;
    margin: auto;
  }
  .detailPage .ratingCommentBox {
    max-height: 355px;
  }
  .detailPage .tutorInfo {
    padding-top: 0;
    padding-bottom: 5px;
  }
  .detailPage .tutorInfo__img {
    width: 80px;
    height: 80px;
  }
  .detailPage .tutorInfo__name {
    font-size: 16px;
  }
  .detailPage .tutorInfo__email {
    font-size: 14px;
  }
  .detailPage .tutorInfo .rateStar {
    width: 110px !important;
  }
  .detailPage .tutorInfo .rateStar svg {
    height: 18px;
    width: 18px;
  }
  .detailPage .scheduleBtn .btn {
    font-size: 14px;
  }
  .detailPage .scheduleBtn .btn:first-child {
    margin-bottom: 0;
  }
}

@media (max-width: 767.98px) {
  .detailPage .amountInfo__left {
    font-size: 16px;
  }
  .detailPage .amountInfo__right {
    font-size: 16px;
  }
  .detailPage .dateTime em {
    font-size: 16px;
  }
  .detailPage .dateTime p {
    font-size: 14px;
  }
  .detailPage .dateTime p span {
    font-size: 12px;
  }
  .detailPage .subject__topicList .btn-row {
    margin-top: 0;
  }
  .detailPage .subject .userView__cnt h6 {
    font-size: 15px;
  }
  .detailPage .subject__info {
    padding: 15px;
  }
  .detailPage .subject__info .label {
    font-size: 14px;
    margin-bottom: 0;
  }
  .detailPage .subject__info .cnt {
    font-size: 16px;
  }
  .detailPage .subject__info .view:not(:last-child):after {
    height: 40px;
  }
  .detailPage .subject .info__title {
    font-size: 15px;
  }
  .detailPage .subject .info__view {
    font-size: 15px;
  }
  .detailPage .subject__education table td {
    padding: 10px 0;
    font-size: 14px;
  }
  .detailPage .subject__education table th {
    font-size: 15px;
  }
  .detailPage .subject__education ul li {
    padding: 10px 0;
    font-size: 15px;
  }
  .detailPage .subject__moreDetail ul {
    margin-bottom: 0;
    margin-top: 0;
  }
  .detailPage .subject__moreDetail ul li {
    padding: 5px 10px;
    font-size: 15px;
  }
  .detailPage .subject .userView__ratingSec p {
    margin-bottom: 0;
  }
  .detailPage .ratingCommentBox {
    max-height: 300px;
  }
  .detailPage .btnRow .btn {
    font-size: 14px;
  }
  .detailPage .tutorInfo__email {
    margin-bottom: 0;
  }
  .detailPage .studentInfo__img {
    width: 50px;
    height: 50px;
  }
  .detailPage .studentInfo .rateStar svg {
    width: 14px;
    height: 14px;
  }
  .detailPage--studentPage .subject__info .cnt {
    font-size: 14px;
  }
}

@media (max-width: 575.98px) {
  .detailPage .subject__info .view {
    padding: 0;
    margin-bottom: 10px;
  }
  .detailPage .subject__info .view:not(:last-child):after {
    display: none;
  }
  .detailPage .scheduleBtn .btn {
    padding: 8px;
  }
  .detailPage .scheduleBtn .btn:first-child {
    margin-right: 4px;
  }
}

.bookingPage .paymentCard-Box {
  padding: 30px 30px 30px 50px;
  border-radius: 5px;
}

.bookingPage .paymentCard-Box:not(:last-child) {
  margin-bottom: 20px;
}

.bookingPage .paymentCard-Box_cards {
  margin-top: 20px;
  margin-left: 15px;
}

.bookingPage .paymentCard-Box_cards tr, .bookingPage .paymentCard-Box_cards tr td {
  width: calc(100% - 10px);
  display: block;
}

.bookingPage .paymentCard-Box_cards .cardImg {
  background-image: url(../../images/book-card.png);
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 165px;
  max-width: 343px;
  border-radius: 8px;
}

.bookingPage .paymentCard-Box_cards .cardImg:not(:last-child) {
  margin-right: 20px;
  margin-bottom: 20px;
}

.bookingPage .paymentCard-Box_cards .cardImg-bg {
  background-image: url(../../images/visa.png);
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 165px;
  max-width: 343px;
  border-radius: 8px;
}

.bookingPage .paymentCard-Box_cards .cardImg-innerText {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  padding: 12px;
}

.bookingPage .paymentCard-Box_cards .cardImg-innerText .custom-control label:before {
  border: none;
  background-color: rgba(0, 0, 0, 0.39);
}

.bookingPage .paymentCard-Box_cards .cardImg-innerText .custom-control-input:checked ~ .custom-control-label:after {
  background-color: #000000;
}

.bookingPage .paymentCard-Box_cards .cardImg-innerText_num {
  padding: 30px 0;
}

.bookingPage .paymentCard-Box_cards .cardImg-innerText_num span {
  font-size: 20px;
  font-family: "NunitoSans-ExtraBold";
  letter-spacing: 5px;
}

.bookingPage .paymentCard-Box_cards .cardImg-innerText_num span:not(:last-child) {
  padding-right: 25px;
}

.bookingPage .paymentCard-Box_cards .cardImg-innerText_valid h5 {
  font-size: 14px;
}

.bookingPage .paymentCard-Box_cards .cardImg-innerText_valid input {
  border-radius: 5px;
  width: 106px;
  height: 28px;
  padding: 8px;
  font-size: 12px;
  border: 0;
}

.bookingPage .paymentCard-Box_payOption {
  margin-top: 40px;
}

.bookingPage .paymentCard-Box_payOption .wallet {
  margin: 16px 0 0 15px;
}

.bookingPage .paymentCard-Box_payOption .wallet_icon {
  width: 52px;
  height: 52px;
  background-color: #F6F8F9;
  border-radius: 50px;
  text-align: center;
  line-height: 55px;
  font-size: 20px;
  color: #707070;
}

.bookingPage .paymentCard-Box_payOption .wallet_txt {
  padding-left: 20px;
}

.bookingPage .paymentCard-Box_payOption .wallet_txt h5 {
  font-size: 20px;
  font-family: "NunitoSans-Bold";
  line-height: 20px;
}

.bookingPage .paymentCard-Box_payOption .wallet_txt p {
  font-size: 18px;
  color: #707070;
  line-height: 20px;
}

.bookingPage .paymentCard-Box .custom-radio {
  padding-left: 0;
}

.bookingPage .paymentCard-Box .custom-radio h4 {
  margin-left: 15px;
}

.bookingPage .paymentCard-Box .custom-radio-label {
  width: auto;
  vertical-align: middle;
}

.bookingPage .paymentCard-Box .custom-radio-label:before {
  top: 50%;
  transform: translateY(-50%);
}

.bookingPage .paymentCard-Box .custom-radio-input:checked ~ .custom-control-label:after {
  top: 50%;
  transform: translateY(-50%);
}

.bookingPage .paymentCard-orderTxt {
  margin: 40px 0 20px;
}

.bookingPage .paymentCard-orderList .commonList-item {
  padding: 15px;
  border-radius: 5px;
}

.bookingPage .paymentCard-orderList .commonList-item:not(:last-child) {
  margin-bottom: 20px;
}

.bookingPage .paymentCard-orderList .commonList-item_img {
  width: 170px;
  height: 110px;
}

.bookingPage .paymentCard-orderList .commonList-item_img .commonTag {
  padding: 1px 5px;
}

.bookingPage .paymentCard-orderList .commonList-item_info .txtName {
  background-color: #F6F8F9;
  border-radius: 17px;
  padding: 6px 15px;
  font-size: 16px;
  line-height: 22px;
  font-family: "NunitoSans-Bold";
}

.bookingPage .paymentCard-orderList .commonList-item_info .delete a {
  color: #707070;
}

.bookingPage .paymentCard-orderList .commonList-item_info .delete a:hover {
  color: #FFC100;
}

.bookingPage .paymentCard .showLink {
  text-align: center;
  padding-top: 20px;
}

.bookingPage .paymentCard .showLink a {
  color: #3C5D4B;
  font-size: 16px;
  font-family: "NunitoSans-ExtraBold";
  line-height: 22px;
}

.bookingPage .paymentDetail-Box {
  padding: 30px 20px;
  border-radius: 5px;
}

.bookingPage .paymentDetail-Box_amount {
  margin-top: 24px;
}

.bookingPage .paymentDetail-Box_amount .txt {
  font-size: 16px;
  font-family: "NunitoSans-Regular";
  line-height: 22px;
  margin-bottom: 15px;
}

.bookingPage .paymentDetail-Box_dateContent .date {
  margin-bottom: 30px;
  margin-top: 15px;
  font-size: 14px;
}

.bookingPage .paymentDetail-Box_dateContent .date .dateSpace {
  padding-right: 10px;
}

.bookingPage .spaceBorder {
  border-bottom: 2px solid #F6F8F9;
}

@media (max-width: 1599px) {
  .bookingPage .paymentCard-orderList .commonList-item_info .delete span {
    display: none;
  }
}

@media (max-width: 1399px) {
  .bookingPage .paymentCard-Box_cards .cardImg img {
    max-width: 100%;
  }
  .bookingPage .paymentCard-Box_cards .cardImg-innerText_num {
    padding: 25px 0;
  }
  .bookingPage .paymentCard-Box_cards .cardImg-innerText_num span:not(:last-child) {
    padding-right: 15px;
  }
}

@media (max-width: 1199.98px) {
  .bookingPage .paymentCard-Box h4 {
    font-size: 18px;
  }
  .bookingPage .paymentCard-Box a {
    font-size: 14px;
  }
  .bookingPage .paymentCard-Box_cards .cardImg {
    height: 140px;
  }
  .bookingPage .paymentCard-Box_cards .cardImg-bg {
    height: 140px;
  }
  .bookingPage .paymentCard-Box_cards .cardImg-innerText_num {
    padding: 12px 0;
  }
  .bookingPage .paymentCard-Box_cards .cardImg-innerText_num span {
    font-size: 16px;
  }
  .bookingPage .paymentCard-Box_cards .cardImg-innerText_num span:not(:last-child) {
    padding-right: 6px;
  }
  .bookingPage .paymentCard-Box_payOption {
    margin-top: 20px;
  }
  .bookingPage .paymentCard-Box_payOption .custom-control label h5 {
    font-size: 18px !important;
    margin-bottom: 0;
  }
  .bookingPage .paymentCard-Box_payOption .custom-control label p {
    font-size: 16px !important;
  }
  .bookingPage .paymentCard-orderTxt h4 {
    font-size: 20px;
  }
  .bookingPage .paymentCard-orderList .commonList-item_img {
    width: 160px;
    height: 100px;
  }
  .bookingPage .paymentCard-orderList .commonList-item_img .commonTag {
    padding: 2px 5px;
  }
  .bookingPage .paymentCard-orderList .commonList-item_info h5 {
    font-size: 16px;
    line-height: 20px;
  }
  .bookingPage .paymentCard-orderList .commonList-item_info .txt {
    font-size: 14px;
  }
  .bookingPage .paymentDetail-Box {
    padding: 20px;
  }
  .bookingPage .paymentDetail-Box h4 {
    font-size: 20px;
  }
  .bookingPage .paymentDetail-Box_amount .txt h5 {
    font-size: 18px;
  }
}

@media (max-width: 991.98px) {
  .bookingPage .paymentCard-Box {
    padding: 15px 10px 15px 30px;
  }
  .bookingPage .paymentCard-Box .custom-radio .custom-control-label:before {
    top: 0;
  }
  .bookingPage .paymentCard-Box .custom-radio .custom-control-input:checked ~ .custom-control-label:after {
    top: 5px;
  }
  .bookingPage .paymentCard-Box .custom-checkbox .custom-control-label {
    padding-left: 10px;
  }
  .bookingPage .paymentCard-Box_cards .cardImg {
    height: 100px;
  }
  .bookingPage .paymentCard-Box_cards .cardImg-bg {
    height: 100px;
  }
  .bookingPage .paymentCard-Box_cards .cardImg-innerText {
    padding: 8px;
  }
  .bookingPage .paymentCard-Box_cards .cardImg-innerText_num {
    padding: 5px 0;
  }
  .bookingPage .paymentCard-Box_cards .cardImg-innerText_num span {
    font-size: 12px;
  }
  .bookingPage .paymentCard-Box_cards .cardImg-innerText_valid input {
    width: 80px;
    height: 24px;
  }
  .bookingPage .paymentCard-Box .custom-control-label:before {
    left: -19px;
  }
  .bookingPage .paymentCard-Box .custom-control-input:checked ~ .custom-control-label:after {
    left: -14px;
  }
  .bookingPage .paymentDetail-Box {
    padding: 10px;
  }
  .bookingPage .paymentDetail-Box h4 {
    font-size: 16px;
  }
  .bookingPage .paymentDetail-Box_amount .txt h5 {
    font-size: 14px;
  }
  .bookingPage .paymentDetail-Box_amount .txt p {
    font-size: 14px;
  }
}

@media (max-width: 767.98px) {
  .bookingPage .paymentCard-Box h4 {
    font-size: 20px;
  }
  .bookingPage .paymentCard-Box_cards .cardImg {
    height: 140px;
    max-width: 270px;
  }
  .bookingPage .paymentCard-Box_cards .cardImg-bg {
    height: 140px;
    max-width: 265px;
  }
  .bookingPage .paymentCard-Box_cards .cardImg-innerText {
    padding: 10px;
  }
  .bookingPage .paymentCard-Box_cards .cardImg-innerText_num {
    padding: 20px 0;
  }
  .bookingPage .paymentCard-Box_cards .cardImg-innerText_num span {
    font-size: 16px;
  }
  .bookingPage .paymentCard-Box_cards .cardImg-innerText_num span:not(:last-child) {
    padding-right: 12px;
  }
  .bookingPage .paymentCard-orderTxt h4 {
    font-size: 20px;
  }
  .bookingPage .paymentCard-orderList .commonList-item_img {
    width: 100%;
    height: 162px;
  }
  .bookingPage .paymentDetail {
    margin-top: 15px;
  }
  .bookingPage .paymentDetail-Box_amount .txt {
    margin-bottom: 8px;
    margin-top: 8px !important;
  }
}

@media (max-width: 575.98px) {
  .bookingPage .paymentCard-Box h4 {
    font-size: 16px;
  }
  .bookingPage .paymentCard-Box_cards {
    margin-left: 0px;
  }
  .bookingPage .paymentCard-Box_cards .cardImg {
    max-width: calc(100% - 20px);
    height: 110px;
  }
  .bookingPage .paymentCard-Box_cards .cardImg-bg {
    max-width: 100%;
    height: 110px;
  }
  .bookingPage .paymentCard-Box_cards .cardImg-innerText {
    padding: 8px;
  }
  .bookingPage .paymentCard-Box_cards .cardImg-innerText_num {
    padding: 8px 0;
  }
  .bookingPage .paymentCard-Box_cards .cardImg-innerText_num span {
    font-size: 14px;
  }
  .bookingPage .paymentCard-Box_cards .cardImg-innerText_num span:not(:last-child) {
    padding-right: 6px;
  }
  .bookingPage .paymentCard-Box_payOption .wallet {
    margin: 16px 0 0 0;
  }
  .bookingPage .paymentCard-Box .custom-control h4 {
    margin-left: 0px;
  }
  .bookingPage .paymentCard-Box .custom-control-label:before {
    left: -22px;
  }
  .bookingPage .paymentCard-Box .custom-control-input:checked ~ .custom-control-label:after {
    left: -17px;
  }
}

@media (max-width: 480px) {
  .bookingPage .paymentCard-Box_cards .cardImg {
    height: 100px;
  }
  .bookingPage .paymentCard-Box_cards .cardImg-bg {
    height: 100px;
  }
  .bookingPage .paymentCard-Box_cards .cardImg-innerText {
    padding: 7px;
  }
  .bookingPage .paymentCard-Box_cards .cardImg-innerText_num {
    padding: 4px 0 0;
  }
  .bookingPage .paymentCard-Box_cards .cardImg-innerText_num span {
    font-size: 12px;
  }
  .bookingPage .paymentCard-Box_cards .cardImg-innerText_num span:not(:last-child) {
    padding-right: 6px;
  }
  .bookingPage .paymentCard-Box_cards .cardImg-innerText_valid h5 {
    font-size: 12px;
  }
  .bookingPage .paymentCard-Box_cards .cardImg-innerText_valid input {
    width: 75px;
    height: 24px;
    padding: 5px;
  }
}

@media (max-width: 415px) {
  .bookingPage .paymentCard-Box_cards .cardImg {
    height: 90px;
  }
  .bookingPage .paymentCard-Box_cards .cardImg-bg {
    height: 90px;
  }
  .bookingPage .paymentCard-Box_cards .cardImg-innerText {
    padding: 4px;
  }
  .bookingPage .paymentCard-Box_cards .cardImg-innerText_num {
    padding: 0;
  }
  .bookingPage .paymentCard-Box_cards .cardImg-innerText_num span {
    font-size: 7px;
  }
  .bookingPage .paymentCard-Box_cards .cardImg-innerText_valid h5 {
    font-size: 10px;
  }
  .bookingPage .paymentCard-Box_cards .cardImg-innerText_valid input {
    width: 60px;
    height: 20px;
    padding: 5px;
    font-size: 10px;
  }
}

@media (max-width: 375px) {
  .bookingPage .paymentCard-Box_cards {
    display: block !important;
  }
  .bookingPage .paymentCard-Box_cards .cardImg {
    height: 165px;
    margin-bottom: 15px;
  }
  .bookingPage .paymentCard-Box_cards .cardImg-bg {
    height: 165px;
  }
  .bookingPage .paymentCard-Box_cards .cardImg-innerText {
    padding: 12px;
  }
  .bookingPage .paymentCard-Box_cards .cardImg-innerText_num {
    padding: 22px 0;
  }
  .bookingPage .paymentCard-Box_cards .cardImg-innerText_num span {
    font-size: 20px;
  }
  .bookingPage .paymentCard-Box_cards .cardImg-innerText_num span:not(:last-child) {
    padding-right: 10px;
  }
  .bookingPage .paymentCard-Box_cards .cardImg-innerText_valid h5 {
    font-size: 14px;
  }
  .bookingPage .paymentCard-Box_cards .cardImg-innerText_valid input {
    width: 106px;
    height: 28px;
  }
}

@media (max-width: 320px) {
  .bookingPage .paymentCard-Box h4 {
    font-size: 14px;
  }
  .bookingPage .paymentCard-Box_cards .cardImg {
    height: 130px;
  }
  .bookingPage .paymentCard-Box_cards .cardImg-bg {
    height: 130px;
  }
  .bookingPage .paymentCard-Box_cards .cardImg-innerText_num {
    padding: 12px 0;
  }
  .bookingPage .paymentCard-Box_cards .cardImg-innerText_num span {
    font-size: 16px;
  }
  .bookingPage .paymentCard-Box_cards .cardImg-innerText_num span:not(:last-child) {
    padding-right: 10px;
  }
}

.tutorSchedule {
  padding-bottom: 60px;
}

.tutorSchedule .flexRow {
  margin: 0 -8px;
  flex-wrap: wrap;
}

.tutorSchedule .flexRow [class*="column-"] {
  padding: 0 8px;
}

.tutorSchedule .flexRow .column-1 {
  flex: 0 0 564px;
  max-width: 564px;
}

.tutorSchedule .flexRow .column-2 {
  flex: 0 0 calc(100% - 564px);
  max-width: calc(100% - 564px);
}

.tutorSchedule-left, .tutorSchedule-right {
  background: #ffffff;
  border-radius: 5px;
  padding: 30px;
}

.tutorSchedule-left .text span {
  color: #FF9000;
}

.tutorSchedule-left .text .dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #FF9000;
  display: inline-block;
  margin-right: 8px;
}

.tutorSchedule-left .calendars {
  width: 100% !important;
  border: 0;
}

.tutorSchedule-left .calendars-nav, .tutorSchedule-left .calendars-ctrl {
  background-color: #ffffff;
  color: #000000;
}

.tutorSchedule-left .calendars td a.calendars-selected {
  background-color: rgba(60, 93, 75, 0.6);
  color: #000000;
}

.tutorSchedule-left .calendars a {
  color: #000000;
  font-size: 20px;
  background-color: #ffffff;
  display: inline-flex;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  font-family: "NunitoSans-Bold";
}

.tutorSchedule-left .calendars a.calendars-today {
  background-color: #3C5D4B;
  color: #ffffff;
}

.tutorSchedule-left .calendars-month {
  width: 100%;
  margin-bottom: 15px;
  border: 0;
}

.tutorSchedule-left .calendars-month tbody td span {
  font-size: 20px;
  display: inline-flex;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  font-family: "NunitoSans-Bold";
  color: #707070;
}

.tutorSchedule-left .calendars-month td {
  background-color: #ffffff;
  position: relative;
}

.tutorSchedule-left .calendars-month td span {
  color: #000000;
}

.tutorSchedule-left .calendars-month td .calendars-weekend {
  background-color: #ffffff;
}

.tutorSchedule-left .calendars-month td .block-event {
  height: 8px;
  width: 8px;
  display: flex;
  border-radius: 50%;
  background-color: #FF9000;
  border-color: #FF9000;
  margin: auto;
  position: absolute;
  bottom: 4px;
  left: 50%;
  transform: translateX(-50%);
}

.tutorSchedule-left .calendars-month-header {
  background-color: #ffffff;
}

.tutorSchedule-left .calendars-month-year {
  background-color: #ffffff;
}

.tutorSchedule-left .calendars-today {
  background-color: #3C5D4B;
  color: #ffffff;
}

.tutorSchedule-left .calendars-nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.tutorSchedule-left .calendars-cmd-next {
  text-indent: 999px;
  position: relative;
  overflow: hidden;
  display: block;
  border-radius: 0;
}

.tutorSchedule-left .calendars-cmd-next:before {
  position: absolute;
  content: "\E902";
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
  font-size: 16px;
  font-family: 'icomoon';
  text-indent: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  text-align: center;
}

.tutorSchedule-left .calendars-cmd-prev {
  text-indent: -9999px;
  position: relative;
  overflow: hidden;
}

.tutorSchedule-left .calendars-cmd-prev:after {
  position: absolute;
  content: "\E903";
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
  font-size: 16px;
  font-family: 'icomoon';
  text-indent: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  text-align: center;
}

.tutorSchedule-right {
  max-height: 750px;
  overflow: auto;
}

.tutorSchedule-right_scheduleList li {
  padding: 20px 0;
  min-height: 80px;
}

.tutorSchedule-right_scheduleList li + li {
  border-top: 1px dashed #E2E2E2;
}

.tutorSchedule-right_scheduleList li .time {
  flex: 0 0 65px;
  max-width: 65px;
  padding-right: 10px;
}

.tutorSchedule-right_scheduleList li .scheduleBox {
  flex: 1;
  padding: 13px;
  border-radius: 5px;
  background: #F6F8F9;
}

.tutorSchedule-right_scheduleList li .scheduleBox_img {
  position: relative;
  width: 200px;
  height: 140px;
  border-radius: 5px;
  overflow: hidden;
  margin-right: 13px;
}

.tutorSchedule-right_scheduleList li .scheduleBox_img span {
  position: absolute;
  top: 8px;
  left: 8px;
  font-size: 12px;
  border-radius: 3px;
  background-color: #FF9000;
  color: #ffffff;
  padding: 0 5px;
}

.tutorSchedule-right_scheduleList li .scheduleBox_img img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.tutorSchedule-right_scheduleList li .scheduleBox_detail {
  flex: 1;
}

.tutorSchedule-right_scheduleList li .scheduleBox_detail h6 {
  margin-bottom: 15px;
}

.tutorSchedule-right_scheduleList li .scheduleBox_detail .price {
  font-size: 18px;
}

.tutorSchedule-right_scheduleList li .scheduleBox_detail .f-14 {
  font-size: 14px;
}

.tutorSchedule-right_scheduleList li .scheduleBox_detail .dateTime {
  margin: 12px 0;
}

@media (max-width: 1599px) {
  .tutorSchedule-left .text span {
    color: #FF9000;
  }
  .tutorSchedule-left .text .dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #FF9000;
    display: inline-block;
    margin-right: 8px;
  }
  .tutorSchedule-left .calendars {
    width: 100% !important;
    border: 0;
  }
  .tutorSchedule-left .calendars a {
    width: 45px;
    height: 45px;
    font-size: 18px;
  }
  .tutorSchedule-left .calendars-month tbody td span {
    width: 45px;
    height: 45px;
    font-size: 18px;
  }
  .tutorSchedule .flexRow .column-1 {
    flex: 0 0 460px;
    max-width: 460px;
  }
  .tutorSchedule .flexRow .column-2 {
    flex: 0 0 calc(100% - 460px);
    max-width: calc(100% - 460px);
  }
  .tutorSchedule-left, .tutorSchedule-right {
    padding: 20px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .tutorSchedule .flexRow .column-1 {
    flex: 0 0 380px;
    max-width: 380px;
  }
  .tutorSchedule .flexRow .column-2 {
    flex: 0 0 calc(100% - 380px);
    max-width: calc(100% - 380px);
  }
  .tutorSchedule-right_scheduleList li .scheduleBox_img {
    position: relative;
    width: 160px;
    height: 120px;
  }
}

@media (max-width: 1199.98px) {
  .tutorSchedule-right {
    max-height: 600px;
  }
  .tutorSchedule-right_scheduleList li {
    padding: 15px 0;
  }
  .tutorSchedule-right_scheduleList li .scheduleBox_detail h6 {
    margin-bottom: 12px;
  }
  .tutorSchedule-right_scheduleList li .scheduleBox_detail .price {
    font-size: 16px;
  }
}

@media (max-width: 991.98px) {
  .tutorSchedule .flexRow .column-1 {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 20px;
  }
  .tutorSchedule .flexRow .column-2 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .tutorSchedule-right {
    max-height: unset;
  }
}

@media (max-width: 767.98px) {
  .tutorSchedule-left, .tutorSchedule-right {
    padding: 15px;
  }
  .tutorSchedule-right_scheduleList li .scheduleBox_img {
    margin: 0 auto;
  }
  .tutorSchedule-right_scheduleList li .scheduleBox_detail {
    text-align: center;
    margin-top: 15px;
  }
  .tutorSchedule-right_scheduleList li .scheduleBox_detail .price {
    margin-bottom: 10px;
  }
  .tutorSchedule-left .calendars {
    width: 100% !important;
    border: 0;
  }
  .tutorSchedule-left .calendars a {
    width: 35px;
    height: 35px;
    font-size: 16px;
  }
  .tutorSchedule-left .calendars-month td .block-event {
    width: 6px;
    height: 6px;
    bottom: 3px;
  }
  .tutorSchedule-left .calendars-month tbody td span {
    width: 35px;
    height: 35px;
    font-size: 16px;
  }
}

@media (max-width: 359px) {
  .tutorSchedule-right_scheduleList li {
    display: block !important;
  }
  .tutorSchedule-right_scheduleList li .scheduleBox_img {
    margin: 0 auto;
  }
}

.studentListPage .listingBox {
  max-width: 912px;
  margin: 0 auto;
  background: #ffffff;
  padding: 30px;
  border-radius: 5px;
}

.studentListPage .listingBox .common-table {
  max-height: 680px;
  overflow: auto;
  cursor: default;
}

@media (max-width: 991.98px) {
  .studentListPage .listingBox {
    padding: 20px;
  }
  .studentListPage .listingBox .common-table {
    max-height: 550px;
  }
}

@media (max-width: 575.98px) {
  .studentListPage .listingBox {
    padding: 15px;
  }
  .studentListPage .listingBox .common-table {
    max-height: 400px;
  }
}

.bookingRequestPage .accordion-body .accordion-inner {
  margin-top: 0;
  padding-bottom: 15px;
}

.bookingRequestPage .accordion-head .title {
  padding-left: 0;
  margin-bottom: 5px;
}

.bookingRequestPage .accordion-head p {
  font-size: 20px;
  color: #707070;
  margin-top: 5px;
}

.bookingRequestPage .accordion-head p span {
  margin-right: 5px;
}

.bookingRequestPage .table tr td {
  border-color: #DFDFDF;
}

.bookingRequestPage .table .dateTime {
  font-size: 14px;
}

.bookingRequestPage .userInfo_img {
  height: 40px;
  width: 40px;
  margin-right: 10px;
}

.bookingRequestPage .userInfo_name {
  font-size: 16px;
  margin-bottom: 2px;
}

@media (max-width: 1399px) {
  .bookingRequestPage .accordion-body {
    padding: 0 20px;
  }
  .bookingRequestPage .accordion-head p {
    font-size: 16px;
    margin-top: 0;
  }
}

@media (max-width: 1199.98px) {
  .bookingRequestPage .accordion-head p {
    font-size: 15px;
  }
}

@media (max-width: 991.98px) {
  .bookingRequestPage .accordion-body {
    padding: 0 15px;
  }
}

.cmsPage__innerSec {
  padding-bottom: 30px;
}

.cmsPage__innerSec h4 {
  font-size: 24px;
  margin-bottom: 15px;
}

.cmsPage__innerSec p {
  margin-bottom: 0;
}

@media (max-width: 1199.98px) {
  .cmsPage__innerSec h4 {
    font-size: 20px;
    margin-bottom: 10px;
  }
}

@media (max-width: 991.98px) {
  .cmsPage__innerSec {
    padding-bottom: 15px;
  }
}

.contactPage .contactForm {
  background-color: #ffffff;
  border-radius: 5px;
  padding: 60px 40px 45px;
  max-width: 912px;
  margin: 0 auto;
}

.contactPage .contactForm-inner {
  max-width: 620px;
  margin: 0 auto;
}

.contactPage .contactForm .submit {
  margin-top: 250px;
}

@media (max-width: 1599px) {
  .contactPage .contactForm .submit {
    margin-top: 150px;
  }
}

@media (max-width: 991.98px) {
  .contactPage .contactForm {
    padding: 40px;
  }
}

@media (max-width: 991.98px) and (max-width: 1599px) {
  .contactPage .contactForm .submit {
    margin-top: 80px;
  }
}

@media (max-width: 767.98px) {
  .contactPage .contactForm {
    padding: 30px;
  }
}

@media (max-width: 767.98px) and (max-width: 1599px) {
  .contactPage .contactForm .submit {
    margin-top: 40px;
  }
}

@media (max-width: 767.98px) {
  .contactPage .contactForm {
    padding: 20px;
  }
}

@media (max-width: 767.98px) and (max-width: 1599px) {
  .contactPage .contactForm .submit {
    margin-top: 20px;
  }
}

.detailPage--blogDetail .blogDetailPageCnt {
  padding-bottom: 30px;
}

.detailPage--blogDetail .blogDetailPageCnt--left {
  min-height: 692px;
  padding: 30px;
}

.detailPage--blogDetail .blogDetailPageCnt--left .txt {
  margin: 40px 0 12px;
}

.detailPage--blogDetail .blogDetailPageCnt--right {
  padding: 20px;
}

.detailPage--blogDetail .blogDetailPageCnt--right .classImg {
  height: 290px;
  overflow: hidden;
  margin-bottom: 20px;
  position: relative;
  border-radius: 5px;
}

.detailPage--blogDetail .blogDetailPageCnt--right .classImg .playIcon {
  position: absolute;
  top: 50%;
  height: 100%;
  right: 0;
  text-align: center;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateY(-50%);
}

.detailPage--blogDetail .blogDetailPageCnt--right .classImg .playIcon img {
  max-height: 70px;
}

.detailPage--blogDetail .blogDetailPageCnt--right .class-img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
}

.detailPage--blogDetail .blogDetailPageCnt--right .teacherInfo {
  background-color: rgba(0, 0, 0, 0.8);
  position: absolute;
  bottom: 0;
  padding: 10px 15px;
  width: 100%;
  color: #ffffff;
}

.detailPage--blogDetail .blogDetailPageCnt--right .btnRow .btn {
  width: 50%;
}

.detailPage--blogDetail .blogDetailPageCnt--right .btnRow .btn:first-child {
  margin-right: 15px;
}

.detailPage--blogDetail .blogDetailPageCnt--right .amountInfo {
  margin-bottom: 20px;
}

.detailPage--blogDetail .blogDetailPageCnt--right .amountInfo__left {
  font-family: "NunitoSans-Bold";
  font-size: 24px;
}

.detailPage--blogDetail .blogDetailPageCnt--right .amountInfo__right {
  font-size: 24px;
}

.detailPage--blogDetail .blogDetailPageCnt--right .amountInfo__right span {
  font-family: "NunitoSans-Bold";
}

.detailPage--blogDetail .blogDetailPageCnt--right .dateTime {
  margin-bottom: 20px;
}

.detailPage--blogDetail .blogDetailPageCnt--right .dateTime p {
  line-height: 21px;
  font-size: 18px;
  padding-left: 10px;
  font-family: "NunitoSans-Bold";
}

.detailPage--blogDetail .blogDetailPageCnt--right .dateTime p span {
  font-size: 15px;
  font-family: "NunitoSans-SemiBold";
  padding-left: 5px;
}

.detailPage--blogDetail .blogDetailPageCnt--right .dateTime em {
  font-size: 24px;
}

.detailPage--blogDetail .blogDetailPageCnt--right .userInfo__img {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  overflow: hidden;
}

.detailPage--blogDetail .blogDetailPageCnt--right .userInfo__img img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
}

.detailPage--blogDetail .blogDetailPageCnt--right .userInfo__name {
  font-size: 20px;
  padding-left: 10px;
  font-family: "NunitoSans-SemiBold";
  max-width: 200px;
}

@media (max-width: 1399px) {
  .detailPage--blogDetail .blogDetailPageCnt--right .userInfo__name {
    font-size: 18px;
  }
  .detailPage--blogDetail .blogDetailPageCnt--right .amountInfo__left {
    font-size: 20px;
  }
  .detailPage--blogDetail .blogDetailPageCnt--right .amountInfo__right {
    font-size: 20px;
  }
  .detailPage--blogDetail .blogDetailPageCnt--right .dateTime em {
    font-size: 20px;
    margin-top: -3px;
  }
  .detailPage--blogDetail .blogDetailPageCnt--right .dateTime p {
    font-size: 16px;
  }
  .detailPage--blogDetail .blogDetailPageCnt--right .btnRow .btn {
    font-size: 16px;
  }
}

@media (max-width: 1199.98px) {
  .detailPage--blogDetail .blogDetailPageCnt--left .txt {
    margin: 15px 0 12px;
    font-size: 20px;
  }
  .detailPage--blogDetail .blogDetailPageCnt--right .classImg {
    height: 200px;
  }
  .detailPage--blogDetail .blogDetailPageCnt--right .teacherInfo {
    padding: 8px 10px;
  }
  .detailPage--blogDetail .blogDetailPageCnt--right .userInfo__img {
    height: 30px;
    width: 30px;
  }
  .detailPage--blogDetail .blogDetailPageCnt--right .userInfo__name {
    font-size: 16px;
  }
  .detailPage--blogDetail .blogDetailPageCnt--right .btnRow .btn {
    padding: 10px 12px;
  }
  .detailPage--blogDetail .blogDetailPageCnt--right .btnRow .btn:first-child {
    margin-right: 10px;
  }
  .detailPage--blogDetail .blogDetailPageCnt--right .dateTime {
    margin-bottom: 15px;
  }
  .detailPage--blogDetail .blogDetailPageCnt--right .amountInfo {
    margin-bottom: 15px;
  }
}

@media (max-width: 991.98px) {
  .detailPage--blogDetail .blogDetailPageCnt--left {
    min-height: auto;
    padding: 15px;
  }
  .detailPage--blogDetail .blogDetailPageCnt--right .amountInfo__left {
    font-size: 18px;
  }
  .detailPage--blogDetail .blogDetailPageCnt--right .amountInfo__right {
    font-size: 18px;
  }
  .detailPage--blogDetail .blogDetailPageCnt--right .dateTime em {
    font-size: 18px;
  }
  .detailPage--blogDetail .blogDetailPageCnt .box {
    max-width: 350px;
    margin: auto;
  }
}

@media (max-width: 767.98px) {
  .detailPage--blogDetail .blogDetailPageCnt--right {
    padding-bottom: 10px;
  }
  .detailPage--blogDetail .blogDetailPageCnt--right .amountInfo__left {
    font-size: 16px;
  }
  .detailPage--blogDetail .blogDetailPageCnt--right .amountInfo__right {
    font-size: 16px;
  }
  .detailPage--blogDetail .blogDetailPageCnt--right .dateTime em {
    font-size: 16px;
  }
  .detailPage--blogDetail .blogDetailPageCnt--right .dateTime p {
    font-size: 14px;
  }
  .detailPage--blogDetail .blogDetailPageCnt--right .dateTime p span {
    font-size: 12px;
  }
}

.videoCallPage {
  overflow: hidden;
  background: #000000;
}

.videoCallPage .videoBox-left {
  padding: 55px 55px 0;
  flex: 0 0 calc(100% - 495px);
  max-width: calc(100% - 495px);
}

.videoCallPage .videoBox-left-top {
  margin-bottom: 40px;
}

.videoCallPage .videoBox-right {
  flex: 0 0 495px;
  max-width: 495px;
  background-color: #ffffff;
  padding: 50px 30px 30px;
  height: 100vh;
}

.videoCallPage .videoBox-right h4 {
  margin-bottom: 20px;
}

.videoCallPage .videoBox-right .closeAside {
  display: inline-block;
  margin-bottom: 20px;
  font-size: 30px;
  color: #000000;
}

.videoCallPage .videoBox-head {
  flex: 1;
  padding-right: 15px;
}

.videoCallPage .videoBox-head h3 {
  font-size: 32px;
  color: #ffffff;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  -moz-line-clamp: 1;
  -ms-line-clamp: 1;
  -o-line-clamp: 1;
  text-overflow: ellipsis;
}

.videoCallPage .videoBox-head .duration {
  font-size: 20px;
  color: rgba(255, 255, 255, 0.65);
}

.videoCallPage .videoBox-head .duration span:first-child {
  margin-right: 15px;
  padding-right: 23px;
  position: relative;
}

.videoCallPage .videoBox-head .duration span:first-child::after {
  content: '';
  position: absolute;
  top: 10px;
  right: 0;
  height: 8px;
  width: 8px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.65);
}

.videoCallPage .videoBox-timer_time {
  font-size: 20px;
}

.videoCallPage .videoBox-timer li {
  display: inline;
}

.videoCallPage .videoBox-thumb {
  height: calc(100vh - 270px);
  position: relative;
}

.videoCallPage .videoBox-thumb .videoBox-thumb .agora_video_player {
  -o-object-fit: contain !important;
     object-fit: contain !important;
}

.videoCallPage .videoBox-thumb-small {
  position: absolute;
  top: 30px;
  left: 30px;
  height: 200px;
  width: 200px;
  overflow: hidden;
}

.videoCallPage .videoBox-thumb-small.img-bg {
  background-color: rgba(0, 0, 0, 0.3);
}

.videoCallPage .videoBox-thumb-small > div {
  width: 100% !important;
  height: 100% !important;
}

.videoCallPage .videoBox-thumb-user {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-color: #F3F3F3;
  padding: 10px;
}

.videoCallPage .videoBox-thumb-topUser {
  position: absolute;
  right: 0;
  top: 0;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #F3F3F3;
  padding: 10px;
}

.videoCallPage .videoBox-thumb-topUser.mic-off:after {
  content: "\E95F";
  font-family: 'icomoon';
  font-size: 14px;
  background-color: #ffffff;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 25px;
  height: 25px;
  text-align: center;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.videoCallPage .videoBox-thumb img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}

.videoCallPage .videoBox-thumb--whiteboard {
  background: #E8E8ED;
  overflow: auto;
  padding-left: 70px;
}

.videoCallPage .videoBox-thumb--whiteboard aside {
  background-color: #ffffff;
  width: 70px;
  border-radius: 8px;
  padding: 15px;
  -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1) ;
  -ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1) ;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1) ;
  position: absolute;
  left: 0;
  top: 0;
}

.videoCallPage .videoBox-thumb--whiteboard aside ul li a {
  padding: 5px 6px !important;
  color: #707070;
  display: block;
  border: 1px solid #707070;
  border-radius: 6px;
}

.videoCallPage .videoBox-thumb--whiteboard aside ul li a:hover, .videoCallPage .videoBox-thumb--whiteboard aside ul li a.active, .videoCallPage .videoBox-thumb--whiteboard aside ul li a[aria-expanded="true"] {
  color: #ffffff;
  background-color: #3C5D4B;
}

.videoCallPage .videoBox-thumb--whiteboard aside ul li a em {
  font-size: 26px;
  display: inline-block;
  vertical-align: middle;
}

.videoCallPage .videoBox-thumb--whiteboard aside ul li a em.icon-crop_free_active {
  font-size: 18px;
}

.videoCallPage .videoBox-thumb--whiteboard aside ul li:not(:last-child) {
  margin-right: 0px;
  margin-bottom: 15px;
}

.videoCallPage .videoBox-thumb--whiteboard aside ul li .dropdown-toggle:after {
  display: none;
}

.videoCallPage .videoBox-thumb--whiteboard aside ul li .dropdown-menu {
  min-width: 163px;
  padding: 4px 6px;
  border-color: #B5B5B5;
  left: 60px !important;
  top: -38px !important;
}

.videoCallPage .videoBox-thumb--whiteboard aside ul li .dropdown-menu .dropdown-item {
  display: inline-block;
  padding: 0 !important;
  width: auto;
  margin-bottom: 4px;
  background-color: transparent;
  color: #707070;
  border: 0;
}

.videoCallPage .videoBox-thumb--whiteboard aside ul li .dropdown-menu .dropdown-item:nth-child(8) {
  margin-right: 0px;
}

.videoCallPage .videoBox-thumb--whiteboard aside ul li .dropdown-menu .dropdown-item:not(:last-child) {
  margin-right: 5px;
}

.videoCallPage .videoBox-thumb--whiteboard aside ul li .dropdown-menu .dropdown-item:hover, .videoCallPage .videoBox-thumb--whiteboard aside ul li .dropdown-menu .dropdown-item.active {
  color: #3C5D4B;
}

.videoCallPage .videoBox-thumb--whiteboard aside ul li .dropdown-menu .colorList {
  margin: 12px 0 0;
  padding-top: 11px;
}

.videoCallPage .videoBox-thumb--whiteboard aside ul li .dropdown-menu .colorList li {
  vertical-align: middle;
  height: 28px;
}

.videoCallPage .videoBox-thumb--whiteboard aside ul li .dropdown-menu .colorList li:not(:last-child) {
  margin-right: 4px;
  margin-bottom: 0;
}

.videoCallPage .videoBox-thumb--whiteboard aside ul li .dropdown-menu .colorList li a {
  padding: 0 !important;
  height: 20px;
  width: 22px;
  display: inline-block;
  border: 0;
  border-radius: 0;
  position: relative;
}

.videoCallPage .videoBox-thumb--whiteboard aside ul li .dropdown-menu .colorList li a:after {
  content: "";
  height: 26px;
  width: 28px;
  position: absolute;
  top: -3px;
  left: -3px;
  border: 2px solid transparent;
}

.videoCallPage .videoBox-thumb--whiteboard aside ul li .dropdown-menu .colorList li a.active:after {
  border-color: #3C5D4B;
}

.videoCallPage .videoBox-thumb--whiteboard aside ul li .dropdown-menu .colorList li a:hover {
  background-color: transparent;
}

.videoCallPage .videoBox-thumb--whiteboard aside ul li .dropdown-menu .colorList li label {
  cursor: pointer;
  margin-bottom: 0;
  color: #707070;
  height: 29px;
}

.videoCallPage .videoBox-thumb--whiteboard aside ul li .dropdown-menu .colorList li label:hover, .videoCallPage .videoBox-thumb--whiteboard aside ul li .dropdown-menu .colorList li label.active {
  color: #3C5D4B;
}

.videoCallPage .videoBox-thumb--whiteboard aside ul li .dropdown-menu .colorList li label.addColor {
  position: relative;
  margin-left: 0;
}

.videoCallPage .videoBox-thumb--whiteboard aside ul li .dropdown-menu .colorList li label.addColor input[type="color"] {
  position: absolute;
  height: 100%;
  width: 100%;
  opacity: 0;
  cursor: pointer;
}

.videoCallPage .videoBox-thumb--whiteboard aside ul li .dropdown-menu .colorList li label.addColor em {
  font-size: 23px;
  margin-top: -1px;
  display: inline-block;
}

.videoCallPage .videoBox-thumb--whiteboard aside ul li .dropdown-menu .colorList li:nth-child(2) label {
  margin: 0 4px 0 0;
}

.videoCallPage .videoBox-thumb--whiteboard aside ul li .dropdown-menu .range {
  border-top: 1px solid #707070;
  margin-top: 7px;
  padding-top: 8px;
}

.videoCallPage .videoBox-thumb--whiteboard aside ul li .dropdown-menu .range span {
  font-size: 13px;
  color: #707070;
}

.videoCallPage .videoBox-thumb--whiteboard aside ul li .dropdown-menu .range .slidecontainer {
  width: 100%;
}

.videoCallPage .videoBox-thumb--whiteboard aside ul li .dropdown-menu .range .slidecontainer .slider {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  width: 100%;
  height: 4px;
  background: #707070;
  outline: none;
  opacity: 1;
  transition: all 0.3s;
  border-radius: 35px;
}

.videoCallPage .videoBox-thumb--whiteboard aside ul li .dropdown-menu .range .slidecontainer .slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  background: #000000;
  cursor: pointer;
}

.videoCallPage .videoBox-thumb--whiteboard aside ul li .dropdown-menu .range .slidecontainer .slider::-moz-range-thumb {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  background: #000000;
  cursor: pointer;
}

.videoCallPage .videoBox-thumb--whiteboard aside ul li .dropdown-menu.shapeDropdown {
  padding: 4px 2px 4px 6px;
}

.videoCallPage .videoBox-thumb--whiteboard aside ul li .dropdown-menu.redoDropdown {
  min-width: 40px;
  text-align: center;
}

.videoCallPage .videoBox-thumb--whiteboard aside ul li .dropdown-menu.redoDropdown .dropdown-item {
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.videoCallPage .videoBox-thumb--whiteboard aside ul li .dropdown-menu.redoDropdown .dropdown-item em {
  margin-top: 1px;
}

.videoCallPage .videoBox-thumb--whiteboard aside ul li .dropdown-menu.downloadDrop {
  padding: 0;
  min-width: 145px;
}

.videoCallPage .videoBox-thumb--whiteboard aside ul li .dropdown-menu.downloadDrop .dropdown-item {
  padding: 10px 15px 7px !important;
  font-size: 14px;
  font-family: "NunitoSans-SemiBold";
  color: #000000;
  display: block;
  margin: 0;
  border-radius: 0;
}

.videoCallPage .videoBox-thumb--whiteboard aside ul li .dropdown-menu.downloadDrop .dropdown-item:hover, .videoCallPage .videoBox-thumb--whiteboard aside ul li .dropdown-menu.downloadDrop .dropdown-item.active {
  color: #3C5D4B;
}

.videoCallPage .videoBox-thumb--whiteboard aside ul li .dropdown-menu.downloadDrop .dropdown-item:not(:last-child) {
  border-bottom: 1px solid #B5B5B5;
}

.videoCallPage .videoBox-thumb--whiteboard aside ul li .dropdown-menu.arrowDropdown {
  min-width: 170px;
  padding: 10px 10px 7px;
}

.videoCallPage .videoBox-thumb--whiteboard aside ul li .dropdown-menu.arrowDropdown .dropdown-item {
  margin-bottom: 0px;
}

.videoCallPage .videoBox-thumb--whiteboard aside ul li .dropdown-menu.noteDropdown {
  min-width: 222px;
  max-width: 222px;
  padding: 6px 6px;
}

.videoCallPage .videoBox-thumb--whiteboard aside ul li .dropdown-menu.noteDropdown ul {
  display: flex;
  flex-wrap: wrap;
}

.videoCallPage .videoBox-thumb--whiteboard aside ul li .dropdown-menu.noteDropdown ul li {
  margin-bottom: 0;
}

.videoCallPage .videoBox-thumb--whiteboard aside ul li .dropdown-menu.noteDropdown ul li a {
  border: 0;
  padding: 6px 6px !important;
}

.videoCallPage .videoBox-thumb--whiteboard aside ul li .dropdown-menu.noteDropdown ul li a img {
  width: 40px;
  transition: all 0.3s;
}

.videoCallPage .videoBox-thumb--whiteboard aside ul li .dropdown-menu.noteDropdown ul li a img:hover {
  transform: scale(1.2);
}

.videoCallPage .videoBox-thumb--whiteboard aside ul li .dropdown-menu.noteDropdown ul li a:hover {
  background-color: transparent;
}

.videoCallPage .videoBox-thumb--whiteboard aside ul li .dropdown-menu.colorDropdown {
  min-width: 119px;
  padding: 6px 6px 3px;
}

.videoCallPage .videoBox-thumb--whiteboard aside ul li .dropdown-menu.colorDropdown ul li {
  vertical-align: middle;
  height: 32px;
}

.videoCallPage .videoBox-thumb--whiteboard aside ul li .dropdown-menu.colorDropdown ul li:not(:last-child) {
  margin-right: 0;
  margin-bottom: 0;
}

.videoCallPage .videoBox-thumb--whiteboard aside ul li .dropdown-menu.colorDropdown ul li a {
  padding: 0 !important;
  margin: 3px;
  height: 22px;
  width: 26px;
  display: inline-block;
  border: 0;
  border-radius: 0;
}

.videoCallPage .videoBox-thumb--whiteboard aside ul li .dropdown-menu.colorDropdown ul li a:hover {
  background-color: transparent;
}

.videoCallPage .videoBox-thumb--whiteboard aside ul li .dropdown-menu.colorDropdown ul li label {
  cursor: pointer;
  margin-bottom: 0;
  color: #707070;
  height: 32px;
}

.videoCallPage .videoBox-thumb--whiteboard aside ul li .dropdown-menu.colorDropdown ul li label input[type="file"] {
  display: none;
}

.videoCallPage .videoBox-thumb--whiteboard aside ul li .dropdown-menu.colorDropdown ul li label em {
  font-size: 34px;
}

.videoCallPage .videoBox-thumb--whiteboard aside ul li .dropdown-menu.colorDropdown ul li label em.icon-docicon2 {
  font-size: 25px;
}

.videoCallPage .videoBox-thumb--whiteboard aside ul li .dropdown-menu.colorDropdown ul li label:hover, .videoCallPage .videoBox-thumb--whiteboard aside ul li .dropdown-menu.colorDropdown ul li label.active {
  color: #3C5D4B;
}

.videoCallPage .videoBox-thumb--whiteboard aside ul li .dropdown-menu.colorDropdown ul li:nth-child(2) label {
  margin: 0 4px 0 0;
}

.videoCallPage .videoBox-thumb--whiteboard aside ul li .dropdown-menu.colorDropdown.fileUpload {
  min-width: 121px;
  padding-bottom: 0;
}

.videoCallPage .videoBox-thumb--whiteboard aside ul li .dropdown-menu.colorDropdown.fileUpload ul li {
  height: auto;
}

@media (max-width: 1399px) {
  .videoCallPage .videoBox-thumb--whiteboard {
    padding-left: 60px;
  }
  .videoCallPage .videoBox-thumb--whiteboard aside {
    width: 60px;
    padding: 10px;
  }
  .videoCallPage .videoBox-thumb--whiteboard aside ul li a {
    padding: 5px 7px 4px;
  }
  .videoCallPage .videoBox-thumb--whiteboard aside ul li a em {
    font-size: 24px;
  }
  .videoCallPage .videoBox-thumb--whiteboard aside ul li:not(:last-child) {
    margin-bottom: 11px;
  }
  .videoCallPage .videoBox-thumb--whiteboard aside ul li .dropdown-menu.shapeDropdown {
    min-width: 250px;
  }
  .videoCallPage .videoBox-thumb--whiteboard aside ul li .dropdown-menu.redoDropdown {
    padding: 3px 6px;
  }
}

.videoCallPage .videoBox-callPanel {
  padding: 15px 40px;
  background-color: #000000;
}

.videoCallPage .videoBox-callPanel_link {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #ffffff;
}

.videoCallPage .videoBox-callPanel_link.active {
  color: #FF9000;
}

.videoCallPage .videoBox-callPanel_link.active .icon-hand::before {
  color: #FF9000;
}

.videoCallPage .videoBox-callPanel_link:hover {
  color: #FF9000;
}

.videoCallPage .videoBox-callPanel_link:not(:first-child) {
  margin-left: 40px;
}

.videoCallPage .videoBox-callPanel_link .icon-call {
  font-size: 9px;
}

.videoCallPage .videoBox-callPanel_link span {
  display: inline-flex;
  height: 42px;
  width: 42px;
  background-color: #262626;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 20px;
  margin-bottom: 5px;
}

.videoCallPage .videoBox-callPanel_link span.icon-video-camera {
  font-size: 16px;
}

.videoCallPage .videoBox-callPanel_link span.red {
  background-color: #FF0000;
  color: #ffffff;
}

.videoCallPage .videoBox-callPanel_link--extraHour .icon-extra-our {
  position: relative;
}

.videoCallPage .videoBox-callPanel_link--extraHour .icon-extra-our:after {
  content: '';
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background-color: #FF0000;
  border: 2px solid #000000;
  position: absolute;
  right: -2px;
  top: 5px;
}

.videoCallPage .videoBox .handRaiseList {
  margin-bottom: 50px;
}

.videoCallPage .videoBox .handRaiseList .participantList {
  max-height: 220px;
  overflow: auto;
}

.videoCallPage .videoBox .participantList {
  max-height: calc(100vh - 440px);
  overflow: auto;
  padding-right: 10px;
}

.videoCallPage .videoBox .participantList.studentParticipantList {
  max-height: calc(100vh - 140px);
}

.videoCallPage .videoBox .participantList li + li {
  margin-top: 20px;
}

.videoCallPage .videoBox .participantList-item {
  color: #000000;
}

.videoCallPage .videoBox .participantList-item span {
  flex: 1;
}

.videoCallPage .videoBox .participantList-item:hover {
  color: #FF9000;
}

.videoCallPage .videoBox .participantList-item_img {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  position: relative;
  margin-right: 15px;
}

.videoCallPage .videoBox .participantList-item_img img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}

.videoCallPage .videoBox .participantList-item_img.mic-off:after {
  content: "\E95F";
  font-family: 'icomoon';
  font-size: 12px;
  background-color: #ffffff;
  position: absolute;
  bottom: -1px;
  right: 0;
  width: 16px;
  height: 16px;
  text-align: center;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.videoCallPage .videoBox .participantList-item_name {
  max-width: 150px;
}

.videoCallPage .videoBox .participantList__right .btn + .btn {
  margin-left: 5px;
}

@media (max-width: 1599px) {
  .videoCallPage .videoBox-left {
    padding: 40px 40px 0;
    flex: 0 0 calc(100% - 435px);
    max-width: calc(100% - 435px);
  }
  .videoCallPage .videoBox-left-top {
    margin-bottom: 30px;
  }
  .videoCallPage .videoBox-right {
    flex: 0 0 435px;
    max-width: 435px;
    padding: 30px;
  }
  .videoCallPage .videoBox-head h3 {
    font-size: 28px;
  }
  .videoCallPage .videoBox-head .duration {
    font-size: 18px;
  }
  .videoCallPage .videoBox-head .duration span:first-child::after {
    top: 8px;
  }
  .videoCallPage .videoBox-timer_time {
    font-size: 18px;
  }
  .videoCallPage .videoBox-thumb {
    height: calc(100vh - 240px);
  }
  .videoCallPage .videoBox-thumb-small {
    top: 25px;
    left: 25px;
    height: 160px;
    width: 160px;
  }
  .videoCallPage .videoBox-callPanel {
    padding: 15px 20px;
  }
  .videoCallPage .videoBox-callPanel_link:not(:first-child) {
    margin-left: 30px;
  }
  .videoCallPage .videoBox .participantList {
    max-height: calc(100vh - 416px);
  }
  .videoCallPage .videoBox .participantList li + li {
    margin-top: 15px;
  }
  .videoCallPage .videoBox .participantList.studentParticipantList {
    max-height: calc(100vh - 100px);
  }
}

@media (max-width: 1199.98px) {
  .videoCallPage .videoBox-left {
    padding: 25px 25px 0;
    flex: 0 0 calc(100% - 360px);
    max-width: calc(100% - 360px);
  }
  .videoCallPage .videoBox-left-top {
    margin-bottom: 20px;
  }
  .videoCallPage .videoBox-right {
    flex: 0 0 360px;
    max-width: 360px;
    padding: 20px;
  }
  .videoCallPage .videoBox-right h4 {
    font-size: 20px;
  }
  .videoCallPage .videoBox-head h3 {
    font-size: 23px;
  }
  .videoCallPage .videoBox-head .duration {
    font-size: 17px;
  }
  .videoCallPage .videoBox-timer_time {
    font-size: 17px;
  }
  .videoCallPage .videoBox-thumb {
    height: calc(100vh - 212px);
  }
  .videoCallPage .videoBox-callPanel_link:not(:first-child) {
    margin-left: 25px;
  }
  .videoCallPage .videoBox .participantList {
    max-height: 600px;
    overflow: auto !important;
  }
  .videoCallPage .videoBox .participantList-item_img {
    margin-right: 10px;
  }
  .videoCallPage .videoBox .participantList-item_name {
    font-size: 14px;
    max-width: 116px;
  }
  .videoCallPage .videoBox .participantList .btn-sm {
    padding: 5px 10px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .videoCallPage .videoBox .participantList {
    max-height: 370px;
  }
}

@media (max-width: 991.98px) {
  .videoCallPage .videoBox-left {
    padding: 20px 20px 0;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .videoCallPage .videoBox-left-top {
    margin-bottom: 15px;
  }
  .videoCallPage .videoBox-right {
    position: fixed;
    width: 300px;
    left: -100%;
    transition: .5s linear;
  }
  .videoCallPage .videoBox-right.open {
    left: 0;
  }
  .videoCallPage .videoBox-head h3 {
    font-size: 21px;
  }
  .videoCallPage .videoBox-head .duration {
    font-size: 16px;
  }
  .videoCallPage .videoBox-timer img {
    max-width: 45px;
  }
  .videoCallPage .videoBox-timer_time {
    font-size: 16px;
  }
  .videoCallPage .videoBox-thumb {
    height: calc(100vh - 202px);
  }
  .videoCallPage .videoBox-thumb-small {
    top: 20px;
    left: 20px;
    height: 135px;
    width: 135px;
  }
  .videoCallPage .videoBox .participantList {
    max-height: calc(100vh - 85px);
  }
  .videoCallPage .videoBox .participantList__left {
    margin-bottom: 15px;
  }
}

@media (max-width: 767.98px) {
  .videoCallPage .videoBox-thumb-user {
    width: 80px;
    height: 80px;
    padding: 8px;
  }
  .videoCallPage .videoBox-thumb-topUser {
    width: 50px;
    height: 50px;
  }
  .videoCallPage .videoBox-thumb-topUser.mic-off:after {
    font-size: 12px;
    width: 20px;
    height: 20px;
  }
}

@media (max-width: 575.98px) {
  .videoCallPage .videoBox-left {
    padding: 15px 15px 0;
  }
  .videoCallPage .videoBox-left-top {
    margin-bottom: 10px;
    display: block !important;
  }
  .videoCallPage .videoBox-timer {
    margin-top: 15px;
    justify-content: center;
  }
  .videoCallPage .videoBox-head h3 {
    font-size: 18px;
  }
  .videoCallPage .videoBox-head .duration {
    font-size: 14px;
  }
  .videoCallPage .videoBox-head .duration span:first-child {
    margin-right: 10px;
    padding-right: 18px;
    position: relative;
  }
  .videoCallPage .videoBox-head .duration span:first-child::after {
    top: 6px;
  }
  .videoCallPage .videoBox-callPanel {
    padding: 10px 10px;
  }
  .videoCallPage .videoBox-callPanel_link {
    font-size: 0;
    display: unset;
  }
  .videoCallPage .videoBox-callPanel_link:not(:first-child) {
    margin-left: 15px;
  }
  .videoCallPage .videoBox-callPanel_link span {
    height: 36px;
    width: 36px;
    font-size: 18px;
    margin-bottom: 0;
  }
  .videoCallPage .videoBox-callPanel_link span.icon-video-camera {
    font-size: 14px;
  }
  .videoCallPage .videoBox-thumb {
    height: calc(100vh - 203px);
  }
  .videoCallPage .videoBox-thumb-small {
    top: 15px;
    left: 15px;
    height: 100px;
    width: 100px;
  }
}

.popover {
  width: 170px;
}

.popover-body {
  background-color: #FFC100;
  font: 12px "NunitoSans-Bold";
  color: #000000;
  padding: 5px 8px;
}

.bs-popover-top .arrow::after {
  border-top-color: #FFC100;
}

.profileInnerSec {
  padding-bottom: 60px;
  background-color: #F5F8F7;
}

.profileInnerSec .flexRow {
  margin: 0 -8px;
}

.profileInnerSec .flexRow [class*="column-"] {
  padding: 0 8px;
}

.profileInnerSec .flexRow .column-1 {
  flex: 0 0 332px;
  max-width: 332px;
}

.profileInnerSec .flexRow .column-2 {
  flex: 0 0 calc(100% - 332px);
  max-width: calc(100% - 332px);
}

@media (max-width: 1599px) {
  .profileInnerSec {
    padding-bottom: 50px;
  }
}

@media (max-width: 1199.98px) {
  .profileInnerSec {
    padding-bottom: 30px;
  }
  .profileInnerSec .flexRow .column-2 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.editProfilePage__Form .editFormSec {
  max-width: 645px;
  margin: 25px auto;
}

.editProfilePage__Form .imgUpload {
  height: 120px;
  width: 120px;
  border-radius: 50%;
  margin-bottom: 35px;
}

.editProfilePage__Form .imgUpload img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.editProfilePage__Form .imgUpload-icon label {
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 24px;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
  color: #3C5D4B;
  cursor: pointer;
  margin: 0;
}

.editProfilePage__Form .submitBtn .btn {
  max-width: 450px;
  margin: 45px auto auto;
}

.editProfilePage__Form .btn-row {
  margin-top: 45px;
}

.editProfilePage .blockContent__inner {
  max-width: 800px;
  margin: auto;
}

.editProfilePage .blockContent__list {
  margin-bottom: 30px;
  padding: 30px;
}

@media (max-width: 1599px) {
  .editProfilePage__Form .imgUpload {
    margin-bottom: 25px;
  }
  .editProfilePage__Form .submitBtn .btn {
    margin: 30px auto auto;
  }
}

@media (max-width: 1399px) {
  .editProfilePage .blockContent__list {
    margin-bottom: 25px;
  }
}

@media (max-width: 1199.98px) {
  .editProfilePage__Form .editFormSec {
    margin: auto;
  }
  .editProfilePage__Form .submitBtn .btn {
    max-width: 300px;
    margin: 30px auto auto;
  }
}

@media (max-width: 767.98px) {
  .editProfilePage .blockContent__list {
    padding: 15px;
  }
}

@media (max-width: 575.98px) {
  .editProfilePage__Form .submitBtn .btn {
    margin: 20px auto auto;
  }
  .editProfilePage .blockContent .linkPrimary {
    font-size: 14px;
  }
}

.cartPage h4 {
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 20px;
}

.cartPage .cartList-orderList .commonList-item_img {
  width: 170px;
  height: 110px;
}

.cartPage .cartList-orderList .commonList-item_img .commonTag {
  padding: 1px 5px;
}

.cartPage .cartList-orderList .commonList-item_info .txtName {
  background-color: #F6F8F9;
  border-radius: 17px;
  padding: 6px 15px;
  font-size: 16px;
  line-height: 22px;
  font-family: "NunitoSans-Bold";
}

.cartPage .cartList-orderList .commonList-item_info .delete a {
  color: #707070;
}

.cartPage .cartList-orderList .commonList-item_info .delete a:hover {
  color: #FFC100;
}

.cartPage .spaceBorder {
  border-bottom: 2px solid #F6F8F9;
}

.cartPage .paymentDetail-Box {
  padding: 30px 20px 20px;
  border-radius: 5px;
}

.cartPage .paymentDetail-Box_amount {
  margin-top: 24px;
}

.cartPage .paymentDetail-Box_amount .txt {
  font-size: 16px;
  font-family: "NunitoSans-Regular";
  line-height: 22px;
  margin-bottom: 15px;
}

.cartPage .paymentDetail-Box_amount:not(:last-child) {
  margin-bottom: 40px;
}

.cartPage .paymentDetail-Box_dateContent .date {
  margin-bottom: 30px;
  margin-top: 15px;
  font-size: 14px;
}

@media (max-width: 1199.98px) {
  .cartPage .paymentDetail-Box {
    padding: 20px;
  }
  .cartPage .paymentDetail-Box h4 {
    font-size: 20px;
  }
  .cartPage .paymentDetail-Box_amount .txt h5 {
    font-size: 18px;
  }
  .cartPage .paymentDetail-Box_amount:not(:last-child) {
    margin-bottom: 20px;
  }
}

@media (max-width: 991.98px) {
  .cartPage h4 {
    font-size: 18px;
    margin-bottom: 0;
  }
  .cartPage .paymentDetail-Box {
    padding: 10px;
  }
  .cartPage .paymentDetail-Box h4 {
    font-size: 16px;
  }
  .cartPage .paymentDetail-Box_amount {
    margin-top: 10px;
  }
  .cartPage .paymentDetail-Box_amount .txt h5 {
    font-size: 13px;
  }
  .cartPage .paymentDetail-Box_amount .txt p {
    font-size: 13px;
  }
}

@media (max-width: 767.98px) {
  .cartPage {
    margin-top: 15px;
  }
  .cartPage .cartList-orderList .commonList-item_img {
    width: 100%;
    height: auto;
  }
  .cartPage .cartList-orderList .commonList-item_img .commonTag {
    padding: 1px 5px;
  }
  .cartPage .paymentDetail-Box_amount .txt {
    margin-bottom: 8px;
    margin-top: 8px !important;
  }
}

.commonSideBar {
  border-radius: 5px;
  position: sticky;
  top: 95px;
}

.commonSideBar .closeMenu {
  float: right;
  padding: 10px;
  line-height: 1;
  font-size: 24px;
}

.commonSideBar__inner ul li a {
  padding: 20px;
  display: block;
  font-size: 16px;
  position: relative;
  font-family: "NunitoSans-Bold";
  vertical-align: middle;
  color: #707070;
}

.commonSideBar__inner ul li a.active {
  color: #3C5D4B;
}

.commonSideBar__inner ul li a.active em {
  color: #3C5D4B;
}

.commonSideBar__inner ul li a.active:before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  background-color: #3C5D4B;
  width: 5px;
  height: 40px;
  transform: translateY(-50%);
}

.commonSideBar__inner ul li a:not(last-child):after {
  position: absolute;
  height: 1px;
  width: calc(100% - 38px);
  left: 50%;
  bottom: 0;
  background-color: #F6F8F9;
  content: "";
  right: auto;
  text-align: center;
  transform: translateX(-50%);
}

.commonSideBar__inner ul li em {
  height: 36px;
  width: 36px;
  border-radius: 50%;
  line-height: 36px;
  background-color: #F5F8F7;
  display: inline-block;
  text-align: center;
  margin-right: 15px;
  font-size: 18px;
  color: #707070;
  vertical-align: middle;
}

@media (max-width: 1199.98px) {
  .commonSideBar {
    position: fixed;
    top: 60px;
    right: -100%;
    width: 332px;
    height: calc(100vh - 60px);
    overflow: auto;
    transition: .5s right linear;
    z-index: 12;
  }
  .commonSideBar.show {
    right: 0;
    border-radius: 0;
  }
  .commonSideBar__inner {
    margin-top: 35px;
  }
  .commonSideBar__inner ul li a {
    padding: 15px;
  }
  .commonSideBar__inner ul li a.active:before {
    height: 30px;
  }
}

@media (max-width: 767.98px) {
  .commonSideBar__inner ul li a {
    padding: 10px  15px;
  }
}

@media (max-width: 575.98px) {
  .commonSideBar {
    width: 280px;
  }
  .commonSideBar__inner ul li a {
    font-size: 15px;
  }
  .commonSideBar__inner ul li a em {
    font-size: 16px;
  }
}

.myTransactionsPage__table {
  padding: 30px;
}

.myTransactionsPage .transactionIcon em {
  height: 45px;
  width: 45px;
  border-radius: 50%;
  line-height: 45px;
  background-color: #F5F8F7;
  display: inline-block;
  text-align: center;
  font-size: 20px;
  color: #707070;
}

.myTransactionsPage .amount {
  font-size: 18px;
}

@media (max-width: 1599px) {
  .myTransactionsPage__table {
    padding: 20px;
  }
}

@media (max-width: 1199.98px) {
  .myTransactionsPage .amount {
    font-size: 16px;
  }
}

@media (max-width: 767.98px) {
  .myTransactionsPage .transactionIcon em {
    height: 35px;
    width: 35px;
    line-height: 35px;
    font-size: 16px;
  }
}

.supportPage__table {
  border-radius: 5px;
}

.supportPage__table h3 {
  font-size: 20px;
  margin-bottom: 20px;
}

.supportPage__table .submitBtn {
  padding-top: 320px;
}

@media (max-width: 1599px) {
  .supportPage .submitBtn {
    padding-top: 250px;
  }
}

@media (max-width: 1199.98px) {
  .supportPage__table h3 {
    font-size: 18px;
    margin-bottom: 15px;
  }
  .supportPage__table .submitBtn {
    padding-top: 100px;
  }
}

@media (max-width: 767.98px) {
  .supportPage__table h3 {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .supportPage__table .submitBtn {
    padding-top: 0;
  }
}

.changePasswordPage__form {
  border-radius: 5px;
}

.changePasswordPage__form .changePasswordSec {
  max-width: 450px;
  position: relative;
  padding-bottom: 60px;
  height: 100%;
}

.changePasswordPage__form .changePasswordSec .submitBtn {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.faqPage__innerSec {
  padding-bottom: 30px;
}

.faqPage__innerSec .customAccordion {
  max-width: 912px;
  margin: auto;
}

.faqPage__innerSec .customAccordion .accordion-inner p {
  font-size: 20px;
  color: #707070;
  font-size: "NunitoSans-SemiBold";
}

.faqPage__innerSec .accordionVideo {
  max-width: 400px;
  overflow: hidden;
  border-radius: 5px;
  max-height: 200px;
  position: relative;
  margin-bottom: 10px;
}

.faqPage__innerSec .accordionVideo .videoImg {
  width: 100%;
  height: 180px;
  -o-object-fit: cover;
     object-fit: cover;
}

.faqPage__innerSec .accordionVideo .playIcon {
  position: absolute;
  top: 50%;
  height: 100%;
  right: 0;
  text-align: center;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateY(-50%);
  background-color: rgba(0, 0, 0, 0.5);
}

.faqPage__innerSec .accordionVideo .playIcon img {
  max-height: 70px;
}

@media (max-width: 1399px) {
  .faqPage__innerSec .customAccordion .accordion-inner p {
    font-size: 16px;
  }
}

@media (max-width: 991.98px) {
  .faqPage__innerSec {
    padding-bottom: 15px;
  }
  .faqPage__innerSec .accordionVideo {
    max-width: 320px;
    max-height: 150px;
  }
  .faqPage__innerSec .accordionVideo .videoImg {
    height: 150px;
  }
}

@media (max-width: 767.98px) {
  .faqPage__innerSec .accordionVideo {
    max-width: 300px;
  }
  .faqPage__innerSec .accordionVideo .playIcon img {
    max-height: 60px;
  }
}

.notificationPage .infoItem {
  padding: 20px 20px;
  -o-box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.05) ;
  -ms-box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.05) ;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.05) ;
  background-color: #ffffff;
  margin-bottom: 15px;
  border-radius: 4px;
}

.notificationPage .infoItem__img {
  margin-right: 12px;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  overflow: hidden;
  background-color: #F5F8F7;
  color: #3C5D4B;
  text-align: center;
}

.notificationPage .infoItem__img--icon {
  line-height: 55px;
}

.notificationPage .infoItem__img--icon em {
  font-size: 20px;
}

.notificationPage .infoItem__img img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.notificationPage .infoItem__cnt {
  font-family: "NunitoSans-SemiBold";
  flex: 1;
  font-size: 18px;
  line-height: normal;
}

.notificationPage .infoItem .time {
  color: #707070;
  font-size: 14px;
  display: inline-block;
  margin-top: 5px;
}

@media (max-width: 767.98px) {
  .notificationPage .infoItem__cnt {
    font-size: 16px;
  }
}

.purchasedBlogVideosPage .commonList-item_info .price {
  font-size: 20px;
}

.purchasedBlogVideosPage .commonList-item .dateTime {
  margin: 10px 0;
}

@media (max-width: 1399px) {
  .purchasedBlogVideosPage .commonList-item_info .price {
    font-size: 18px;
  }
}

@media (min-width: 768px) {
  .purchasedBlogVideosPage .commonList-item_img {
    width: 170px;
    height: 110px;
  }
}

@media (max-width: 991.98px) {
  .purchasedBlogVideosPage .commonList-item_info .price {
    font-size: 16px;
  }
}

.paymentMethodPage .paymentCard-Box {
  padding: 30px;
  padding-right: 82px;
  border-radius: 5px;
  min-height: 769px;
}

.paymentMethodPage .paymentCard-Box:not(:last-child) {
  margin-bottom: 20px;
}

.paymentMethodPage .paymentCard-Box_cards {
  margin-top: 20px;
}

.paymentMethodPage .paymentCard-Box_cards .cardImg {
  background-image: url(../../images/book-card.png);
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 165px;
  max-width: 343px;
  min-width: 343px;
  border-radius: 8px;
  margin-right: 20px;
  margin-bottom: 20px;
}

.paymentMethodPage .paymentCard-Box_cards .cardImg-bg {
  background-image: url(../../images/visa.png);
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 165px;
  max-width: 343px;
  min-width: 343px;
  border-radius: 8px;
  margin-right: 20px;
  margin-bottom: 20px;
}

.paymentMethodPage .paymentCard-Box_cards .cardImg-innerText {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  padding: 20px;
}

.paymentMethodPage .paymentCard-Box_cards .cardImg-innerText .delete .linkDark:hover {
  color: #3C5D4B;
}

.paymentMethodPage .paymentCard-Box_cards .cardImg-innerText .custom-control label:before {
  border: none;
  background-color: rgba(0, 0, 0, 0.39);
}

.paymentMethodPage .paymentCard-Box_cards .cardImg-innerText .custom-control label:after {
  background-color: #000000 !important;
}

.paymentMethodPage .paymentCard-Box_cards .cardImg-innerText_num {
  padding: 30px 0;
}

.paymentMethodPage .paymentCard-Box_cards .cardImg-innerText_num span {
  font-size: 20px;
  font-family: "NunitoSans-ExtraBold";
  letter-spacing: 5px;
}

.paymentMethodPage .paymentCard-Box_cards .cardImg-innerText_num span:not(:last-child) {
  padding-right: 25px;
}

.paymentMethodPage .paymentCard-Box_cards .cardImg-innerText_valid h5 {
  font-size: 14px;
}

.paymentMethodPage .paymentCard-Box_cards .cardImg-innerText_valid input {
  border-radius: 5px;
  width: 106px;
  height: 28px;
  padding: 8px;
  font-size: 12px;
  border: 0;
}

.paymentMethodPage .paymentCard-Box_addNewCard {
  margin-top: 50px;
}

.paymentMethodPage .paymentCard-Box_addNewCard h4 {
  margin-bottom: 15px;
}

@media (max-width: 1399px) {
  .paymentMethodPage .paymentCard-Box {
    padding-right: 40px;
  }
  .paymentMethodPage .paymentCard-Box_cards .cardImg {
    height: 140px;
    max-width: 320px;
    min-width: 320px;
  }
  .paymentMethodPage .paymentCard-Box_cards .cardImg-bg {
    height: 140px;
    max-width: 320px;
    min-width: 320px;
  }
  .paymentMethodPage .paymentCard-Box_cards .cardImg-innerText {
    padding: 10px;
  }
  .paymentMethodPage .paymentCard-Box_cards .cardImg-innerText_num {
    padding: 25px 0;
  }
  .paymentMethodPage .paymentCard-Box_cards .cardImg-innerText_num span {
    font-size: 16px;
  }
  .paymentMethodPage .paymentCard-Box_cards .cardImg-innerText_num span:not(:last-child) {
    padding-right: 20px;
  }
}

@media (max-width: 1199.98px) {
  .paymentMethodPage .paymentCard-Box {
    min-height: auto;
  }
  .paymentMethodPage .paymentCard-Box_addNewCard form .addBtn {
    position: initial;
  }
}

@media (max-width: 991.98px) {
  .paymentMethodPage .paymentCard-Box_cards .cardImg {
    max-width: 300px;
    min-width: 300px;
  }
  .paymentMethodPage .paymentCard-Box_cards .cardImg-bg {
    max-width: 300px;
    min-width: 300px;
  }
  .paymentMethodPage .paymentCard-Box_cards .cardImg-innerText_num span:not(:last-child) {
    padding-right: 20px;
  }
}

@media (max-width: 767.98px) {
  .paymentMethodPage .paymentCard-Box {
    padding: 15px;
  }
  .paymentMethodPage .paymentCard-Box h4 {
    font-size: 20px;
  }
  .paymentMethodPage .paymentCard-Box_cards .cardImg {
    height: 140px;
    max-width: 270px;
    min-width: 270px;
  }
  .paymentMethodPage .paymentCard-Box_cards .cardImg-bg {
    height: 140px;
    max-width: 270px;
    min-width: 270px;
  }
  .paymentMethodPage .paymentCard-Box_cards .cardImg-innerText {
    padding: 10px;
  }
  .paymentMethodPage .paymentCard-Box_cards .cardImg-innerText_num {
    padding: 25px 0;
  }
  .paymentMethodPage .paymentCard-Box_cards .cardImg-innerText_num span:not(:last-child) {
    padding-right: 12px;
  }
}

@media (max-width: 575.98px) {
  .paymentMethodPage .paymentCard-Box_cards .cardImg {
    max-width: 230px;
    min-width: 230px;
  }
  .paymentMethodPage .paymentCard-Box_cards .cardImg-bg {
    max-width: 230px;
    min-width: 230px;
  }
  .paymentMethodPage .paymentCard-Box_cards .cardImg-innerText_num span {
    font-size: 15px;
  }
  .paymentMethodPage .paymentCard-Box_cards .cardImg-innerText_num span:not(:last-child) {
    padding-right: 6px;
  }
}

@media (max-width: 480px) {
  .paymentMethodPage .paymentCard-Box_cards .cardImg {
    height: 100px;
  }
  .paymentMethodPage .paymentCard-Box_cards .cardImg-bg {
    height: 100px;
  }
  .paymentMethodPage .paymentCard-Box_cards .cardImg-innerText {
    padding: 7px;
  }
  .paymentMethodPage .paymentCard-Box_cards .cardImg-innerText_num {
    padding: 4px 0 0;
  }
  .paymentMethodPage .paymentCard-Box_cards .cardImg-innerText_num span {
    font-size: 12px;
  }
  .paymentMethodPage .paymentCard-Box_cards .cardImg-innerText_num span:not(:last-child) {
    padding-right: 4px;
  }
}

@media (max-width: 415px) {
  .paymentMethodPage .paymentCard-Box_cards .cardImg {
    height: 90px;
  }
  .paymentMethodPage .paymentCard-Box_cards .cardImg-bg {
    height: 90px;
  }
  .paymentMethodPage .paymentCard-Box_cards .cardImg-innerText {
    padding: 12px;
  }
  .paymentMethodPage .paymentCard-Box_cards .cardImg-innerText .delete {
    font-size: 14px;
  }
  .paymentMethodPage .paymentCard-Box_cards .cardImg-innerText_num span {
    font-size: 7px;
  }
  .paymentMethodPage .paymentCard-Box_cards .cardImg-innerText_valid h5 {
    font-size: 12px;
  }
  .paymentMethodPage .paymentCard-Box_addNewCard {
    margin-top: 20px;
  }
}

@media (max-width: 375px) {
  .paymentMethodPage .paymentCard-Box_cards {
    display: block !important;
  }
  .paymentMethodPage .paymentCard-Box_cards .cardImg {
    height: 140px;
    max-width: 100%;
    min-width: 100%;
    margin-bottom: 15px;
  }
  .paymentMethodPage .paymentCard-Box_cards .cardImg:not(:last-child) {
    margin-right: 0px;
  }
  .paymentMethodPage .paymentCard-Box_cards .cardImg-bg {
    height: 140px;
    max-width: 100%;
    min-width: 100%;
  }
  .paymentMethodPage .paymentCard-Box_cards .cardImg-innerText {
    padding: 12px;
  }
  .paymentMethodPage .paymentCard-Box_cards .cardImg-innerText_num {
    padding: 25px 0;
  }
  .paymentMethodPage .paymentCard-Box_cards .cardImg-innerText_num span {
    font-size: 20px;
  }
  .paymentMethodPage .paymentCard-Box_cards .cardImg-innerText_num span:not(:last-child) {
    padding-right: 14px;
  }
}

@media (max-width: 320px) {
  .paymentMethodPage .paymentCard-Box h4 {
    font-size: 14px;
  }
  .paymentMethodPage .paymentCard-Box_cards .cardImg {
    height: 130px;
  }
  .paymentMethodPage .paymentCard-Box_cards .cardImg-bg {
    height: 130px;
  }
  .paymentMethodPage .paymentCard-Box_cards .cardImg-innerText_num {
    padding: 22px 0;
  }
  .paymentMethodPage .paymentCard-Box_cards .cardImg-innerText_num span {
    font-size: 16px;
  }
  .paymentMethodPage .paymentCard-Box_cards .cardImg-innerText_num span:not(:last-child) {
    padding-right: 10px;
  }
}

.chatPage--tutor .userList-searchBox p {
  max-width: 250px;
}

.chatPage .pageTitle__title {
  display: flex;
  align-items: center;
}

.chatPage .pageTitle__title span {
  font-size: 16px;
  font-family: "NunitoSans-SemiBold";
  margin-left: 15px;
}

.chatPage .userList {
  height: 875px;
  padding: 0;
}

.chatPage .userList form {
  padding: 30px 30px 0;
}

.chatPage .userList form .form-group.search {
  position: relative;
}

.chatPage .userList form .form-group .search-clear {
  background-color: transparent;
  border: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 12px;
}

.chatPage .userList form .form-group .search-clear i {
  font-size: 12px;
}

.chatPage .userList form .form-group .search-clear:hover {
  color: #3C5D4B;
}

.chatPage .userList form .form-group .searchIcon {
  position: absolute;
  top: 15px;
  left: 12px;
  font-size: 22px;
  color: #707070;
}

.chatPage .userList form .form-group .form-control {
  padding: 10px 40px 10px 40px;
  font-family: "NunitoSans-SemiBold";
}

.chatPage .userList-Box {
  height: calc(100% - 50px);
  overflow: auto;
  padding: 0px 30px 50px;
}

.chatPage .userList-searchBox {
  padding: 20px 0;
  border-bottom: 1px solid #F6F8F9;
  cursor: pointer;
}

.chatPage .userList-searchBox.active, .chatPage .userList-searchBox:hover {
  background-color: #3C5D4B;
  color: #fff;
}

.chatPage .userList-searchBox.active .userInfo-userDetail p, .chatPage .userList-searchBox:hover .userInfo-userDetail p {
  color: #FFC100;
}

.chatPage .userList-searchBox.active .userInfo-userDetail .bagde, .chatPage .userList-searchBox:hover .userInfo-userDetail .bagde {
  color: #000000;
}

.chatPage .userList-searchBox:hover {
  background-color: #5a8c71;
  transition: ease-in-out 0.3s;
}

.chatPage .userList-searchBox h5 {
  font-size: 18px;
  max-width: 250px;
  margin-bottom: 0;
}

.chatPage .userList-searchBox .userInfo-userImg {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  overflow: hidden;
}

.chatPage .userList-searchBox .userInfo-userImg img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
}

.chatPage .userList .userInfo-userDetail {
  flex: 0 0 calc(100% - 60px);
  max-width: calc(100% - 60px);
  padding-left: 15px;
}

.chatPage .userList .userInfo-userDetail .bagde {
  background-color: #B8ECCF;
  min-width: 25px;
  height: 25px;
  display: block;
  text-align: center;
  padding: 5px;
  border-radius: 50%;
  line-height: 16px;
  font-size: 14px;
}

.chatPage .userList .userInfo-userDetail p {
  color: #707070;
}

.chatPage .chatBox {
  border-radius: 5px;
  background: #ffffff;
}

.chatPage .chatBox-head {
  padding: 30px 30px 15px;
  border-bottom: 1px solid #F6F8F9;
}

.chatPage .chatBox-head .userInfo {
  flex: 0 0 60px;
  max-width: 60px;
}

.chatPage .chatBox-head .userInfo_img {
  height: 50px;
  width: 50px;
}

.chatPage .chatBox-head .userView {
  flex: 0 0 calc(100% - 60px);
  max-width: calc(100% - 60px);
  padding-left: 5px;
}

.chatPage .chatBox-head .userView p {
  color: #707070;
  margin-bottom: 0;
}

.chatPage .chatBox-head .userView h5 {
  margin-bottom: 0;
}

.chatPage .chatBox-head .userView__time p {
  color: #FF9000;
}

.chatPage .chatBox-body {
  padding: 30px;
  height: 640px;
  overflow: auto;
  display: flex;
  flex-direction: column;
}

.chatPage .chatBox-body .msgBox:not(:last-child) {
  margin-bottom: 15px;
}

.chatPage .chatBox-body .msgBox:first-child {
  margin-top: auto;
}

.chatPage .chatBox-body .msgBox_body {
  font-family: "NunitoSans-SemiBold";
}

.chatPage .chatBox-body .msgBox_body_textBox {
  display: inline-block;
  max-width: 300px;
  border-radius: 5px;
  padding: 10px;
  word-break: break-all;
}

.chatPage .chatBox-body .msgBox_body_time {
  font-size: 12px;
  color: #707070;
}

.chatPage .chatBox-body .msgBox_body .checkmark {
  margin-left: 10px;
  font-size: 10px;
}

.chatPage .chatBox-body .msgBox_body .checkmark:after {
  content: "\E931";
  font-family: 'icomoon';
  color: #B5B5B5;
}

.chatPage .chatBox-body .msgBox_body .checkmark.seen:after {
  color: #3C5D4B;
}

.chatPage .chatBox-body .msgBox-send {
  text-align: right;
}

.chatPage .chatBox-body .msgBox-send .msgBox_body_textBox {
  background: #B8ECCF;
}

.chatPage .chatBox-body .msgBox-receive .msgBox_body_textBox {
  background: #F5F8F7;
}

.chatPage .chatBox-footer {
  margin-top: 30px;
  padding: 30px;
}

.chatPage .chatBox-footer .form-control {
  flex: 1;
}

.chatPage .chatBox-footer .btn {
  margin-left: 30px;
  padding: 0;
  height: 50px;
  width: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 1599px) {
  .chatPage--tutor .userList-searchBox p {
    max-width: 200px;
  }
  .chatPage .userList {
    height: 735px;
  }
  .chatPage .userList-searchBox {
    padding: 20px 15px;
  }
  .chatPage .userList-searchBox h5 {
    max-width: 200px;
  }
  .chatPage .chatBox-body {
    height: 500px;
  }
}

@media (max-width: 1399px) {
  .chatPage .userList {
    height: 760px;
  }
  .chatPage--tutor .userList {
    height: 735px;
  }
  .chatPage--tutor .userList-searchBox p {
    max-width: 180px;
  }
}

@media (max-width: 1199.98px) {
  .chatPage--student .userList form .form-group .searchIcon {
    top: 30px;
  }
  .chatPage--tutor .userList-searchBox p {
    max-width: 150px;
  }
  .chatPage .column-1 {
    flex: 0 0 0;
    max-width: 0;
  }
  .chatPage .column-2 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .chatPage .userList {
    height: 100%;
  }
  .chatPage .userList-searchBox h5 {
    max-width: 150px;
    font-size: 16px;
  }
  .chatPage .userList .userInfo-userImg {
    width: 50px;
    height: 50px;
  }
  .chatPage .userList .userInfo-userDetail {
    flex: 0 0 calc(100% - 50px);
    max-width: calc(100% - 50px);
  }
  .chatPage .userList .userInfo-userDetail p {
    font-size: 14px;
  }
}

@media (max-width: 991.98px) {
  .chatPage--student .userList form .form-group .searchIcon {
    top: 25px;
  }
  .chatPage--tutor .userList form .form-group .searchIcon {
    top: 12px;
  }
  .chatPage .chatBox-footer .btn {
    margin-left: 15px;
    height: 44px;
    width: 44px;
  }
}

@media (max-width: 767.98px) {
  .chatPage .userList form {
    padding: 30px 15px 0;
  }
  .chatPage .userList-Box {
    padding: 0px 15px 50px;
  }
  .chatPage .userList-searchBox {
    padding: 15px 0;
  }
  .chatPage .chatBox-head {
    padding: 15px;
  }
  .chatPage .chatBox-head .userView p {
    font-size: 14px;
  }
  .chatPage .chatBox-head .userView h5 {
    font-size: 16px;
  }
  .chatPage .chatBox-body {
    padding: 15px;
    height: 440px;
  }
  .chatPage .chatBox-body .msgBox:not(:last-child) {
    margin-bottom: 10px;
  }
  .chatPage .chatBox-body .msgBox_body_textBox {
    max-width: 220px;
  }
  .chatPage .chatBox-footer {
    padding: 15px;
  }
}

.referPage .referralWraper {
  background-color: #ffffff;
  min-height: 100%;
  border-radius: 15px;
  overflow: hidden;
}

.referPage .referralBanner {
  background-image: url("../../images/yellow-bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 400px;
}

.referPage .referralCode {
  padding-top: 15px;
}

.referPage .referralCode__title {
  font-size: 14px;
  font-family: "NunitoSans-SemiBold";
  display: block;
  margin-top: 10px;
}

.referPage .referralCode__points {
  font-size: 22px;
  font-family: "NunitoSans-ExtraBold";
}

.referPage .referralCode__wrapper {
  background-image: url("../../images/reeferral-code-bg.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  max-width: 161px;
  max-height: 58px;
  margin: 20px auto 50px;
}

.referPage .referralCode__label {
  margin-bottom: 0px;
  line-height: normal;
}

.referPage .referralCode__number {
  display: block;
  font-size: 20px;
  line-height: normal;
  font-family: "NunitoSans-ExtraBold";
}

.referPage .howitWork {
  padding: 100px 0px 0px;
}

.referPage .howitWork h4 {
  font-size: 18px;
  font-family: "NunitoSans-ExtraBold";
  margin-bottom: 35px;
}

.referPage .howitWork .btn {
  max-width: 388px;
  margin-top: 50px;
}

.referPage .howitWorkBox {
  background-color: #F6F8F9;
  padding: 15px;
  border-radius: 5px;
  min-height: 100%;
}

.referPage .howitWorkBox__icon {
  margin-right: 15px;
}

.referPage .howitWorkBox__txt {
  font-size: 16px;
  font-family: "NunitoSans-SemiBold";
}

@media (max-width: 1199.98px) {
  .referPage .howitWork {
    padding: 60px 0px 0px;
  }
  .referPage .howitWork .btn {
    margin-bottom: 20px;
  }
}

@media (max-width: 767.98px) {
  .referPage .referralCode {
    padding-top: 15px;
  }
  .referPage .referralCode__title {
    font-size: 14px;
  }
  .referPage .referralCode__points {
    font-size: 16px;
  }
  .referPage .referralCode__wrapper {
    max-width: 140px;
  }
  .referPage .referralCode__label {
    font-size: 14px;
  }
  .referPage .referralCode__number {
    font-size: 16px;
  }
  .referPage .howitWork {
    padding: 40px 0px 0px;
  }
  .referPage .howitWork h4 {
    margin-bottom: 20px;
  }
  .referPage .howitWork .col-md-4:not(:last-child) {
    margin-bottom: 15px;
  }
}

.purchasedBlogVideosPage .commonList-item_info .price {
  font-size: 20px;
}

.purchasedBlogVideosPage .commonList-item .dateTime {
  margin: 10px 0;
}

@media (max-width: 1399px) {
  .purchasedBlogVideosPage .commonList-item_info .price {
    font-size: 18px;
  }
}

@media (min-width: 768px) {
  .purchasedBlogVideosPage .commonList-item_img {
    width: 170px;
    height: 110px;
  }
}

@media (max-width: 991.98px) {
  .purchasedBlogVideosPage .commonList-item_info .price {
    font-size: 16px;
  }
}

.myRatingsPage .ratingCommentBox .userView__cnt p {
  color: #707070;
}

.myRatingsPage .ratingCommentBox .userView__ratingSec p {
  color: #707070;
  margin-bottom: 10px;
  text-align: right;
}

.myRatingsPage .ratingCommentBox a {
  color: #000000;
}

@media (min-width: 768px) {
  .myRatingsPage .ratingCommentBox .userInfo {
    flex: 0 0 70px;
    max-width: 70px;
  }
  .myRatingsPage .ratingCommentBox .userInfo__img {
    height: 60px;
    width: 60px;
    margin-right: 15px;
  }
  .myRatingsPage .ratingCommentBox .userView {
    flex: 0 0 calc(100% - 70px);
    max-width: calc(100% - 70px);
  }
  .myRatingsPage .ratingCommentBox .userView__cnt h6 {
    font-size: 20px;
  }
  .myRatingsPage .ratingCommentBox .userView__cnt p {
    font-size: 16px;
  }
  .myRatingsPage .ratingCommentBox .userView__ratingSec .rateStar svg {
    height: 16px;
    width: 16px;
  }
}

@media (max-width: 767.98px) {
  .myRatingsPage .ratingCommentBox .userView__ratingSec p {
    font-size: 14px;
    margin-bottom: 0;
  }
}

@media (max-width: 575.98px) {
  .myRatingsPage .ratingCommentBox .userView__ratingSec p {
    text-align: left;
  }
}

.walletPage .transactionIcon em {
  height: 45px;
  width: 45px;
  border-radius: 50%;
  line-height: 45px;
  background-color: #F5F8F7;
  display: inline-block;
  text-align: center;
  font-size: 20px;
  color: #707070;
}

.walletPage__table {
  margin-top: 30px;
}

.walletPage .availableBox {
  padding: 20px;
  border-radius: 5px;
  border-width: 1px;
  border-style: solid;
}

.walletPage .availableBox__icon {
  margin-right: 15px;
  height: 68px;
  width: 68px;
  overflow: hidden;
  border-radius: 50%;
}

.walletPage .availableBox__icon img {
  height: 100%;
  width: 100%;
}

.walletPage .availableBox--one {
  border-color: #E1E1E1;
}

.walletPage .availableBox--two {
  background-color: #F6F8F9;
  border-color: #F6F8F9;
}

.walletPage .availableBox__btnSec .btn {
  min-width: 142px;
}

.walletPage .availableBox .price {
  font-size: 26px;
  padding-right: 10px;
  margin-bottom: 5px;
}

.walletPage .availableBox .totalPrice {
  font-size: 18px;
}

.walletPage .availableBox__cnt h6 {
  margin-bottom: 15px;
}

.walletPage .amount {
  font-size: 18px;
}

@media (max-width: 1599px) {
  .walletPage .availableBox__icon {
    height: 40px;
    width: 40px;
    margin-right: 8px;
  }
  .walletPage .availableBox__btnSec .btn {
    min-width: auto;
    padding: 5px;
  }
  .walletPage .availableBox .price {
    font-size: 18px;
  }
  .walletPage .availableBox__cnt h6 {
    margin-bottom: 10px;
    font-size: 14px;
  }
}

@media (max-width: 1399px) {
  .walletPage .availableBox {
    padding: 15px;
  }
  .walletPage .availableBox__cnt h6 {
    margin-bottom: 0;
  }
  .walletPage .availableBox .price {
    font-size: 20px;
  }
  .walletPage .availableBox__btnSec .btn {
    font-size: 14px;
  }
}

@media (max-width: 1199.98px) {
  .walletPage .availableBox {
    padding: 15px;
    min-height: 95px;
  }
  .walletPage .availableBox__cnt h6 {
    font-size: 15px;
  }
  .walletPage .availableBox .price {
    font-size: 18px;
  }
  .walletPage .availableBox__btnSec .btn {
    font-size: 14px;
  }
  .walletPage .amount {
    font-size: 16px;
  }
}

@media (max-width: 991.98px) {
  .walletPage .walletPage__Box .row {
    margin: 0 -8px;
  }
  .walletPage .walletPage__Box .row [class*="col-"] {
    padding: 0 8px;
  }
}

@media (max-width: 767.98px) {
  .walletPage .availableBox {
    margin-bottom: 15px;
    text-align: center;
  }
  .walletPage .availableBox__icon {
    margin: auto;
  }
  .walletPage .availableBox__cnt {
    margin: 8px 0;
  }
  .walletPage .availableBox .price {
    margin-bottom: 0;
  }
  .walletPage .availableBox .totalPrice {
    font-size: 16px;
  }
  .walletPage .transactionIcon em {
    height: 35px;
    width: 35px;
    line-height: 35px;
    font-size: 16px;
  }
}

.feedbackPage .feedbackGraph {
  text-align: center;
  margin-bottom: 67px;
}

.feedbackPage .feedbackGraph svg {
  max-width: 396px;
  margin: 0 auto;
}

.feedbackPage .feedbackGraph__note {
  font-size: 14px;
  color: #707070;
}

.feedbackPage .feedbackBox {
  background-color: #F5F8F7;
  border-radius: 5px;
  padding: 20px;
  margin-bottom: 30px;
}

.feedbackPage .feedbackBox h4 {
  font-size: 16px;
  font-family: "NunitoSans-Bold";
}

.feedbackPage .rateStar svg {
  height: 25px;
  width: 25px;
}

.feedbackPage .w-408 {
  max-width: 408px;
}

.feedbackPage .btn {
  margin-top: 60px;
}

.feedbackPage .btn-raise {
  font-family: "NunitoSans-Bold";
  color: #FF0000;
}

.feedbackPage .progress {
  width: 80px;
  height: 80px;
  background: none;
  position: relative;
}

.feedbackPage .progress:after {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 4px solid #F5F8F7;
  position: absolute;
  top: 0;
  left: 0;
}

.feedbackPage .progress > span {
  width: 50%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  z-index: 1;
}

.feedbackPage .progress-bar {
  width: 100%;
  height: 100%;
  background: none;
  border-width: 4px;
  border-style: solid;
  position: absolute;
  top: 0;
  border-color: #FFC100;
}

.feedbackPage .progress-value {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: 0 auto;
  height: 60px;
  width: 60px;
  background-color: #ffffff;
  -o-box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.05) ;
  -ms-box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.05) ;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.05) ;
}

.feedbackPage .progress-count {
  font-size: 26px;
  font-family: "NunitoSans-Bold";
}

.feedbackPage .progress-total {
  font-size: 14px;
}

.feedbackPage .progress-left {
  left: 0;
}

.feedbackPage .progress-left .progress-bar {
  left: 100%;
  border-top-right-radius: 80px;
  border-bottom-right-radius: 80px;
  border-left: 0;
  transform-origin: center left;
}

.feedbackPage .progress-right {
  right: 0;
}

.feedbackPage .progress-right .progress-bar {
  left: -100%;
  border-top-left-radius: 80px;
  border-bottom-left-radius: 80px;
  border-right: 0;
  transform-origin: center right;
}

.feedbackPage__box {
  padding: 30px;
}

.feedbackPage__box .title {
  font-size: 24px;
  line-height: 32px;
  font-family: "NunitoSans-ExtraBold";
}

.feedbackPage__inner {
  padding: 60px 0;
}

.feedbackPage__cnt .feedbackGraph {
  text-align: center;
  margin-bottom: 67px;
}

.feedbackPage__cnt .feedbackGraph svg {
  max-width: 396px;
  margin: 0 auto;
}

.feedbackPage__cnt .feedbackGraph__note {
  font-size: 14px;
  margin-bottom: 0;
  color: #707070;
}

.feedbackPage__cnt .row {
  margin: 0 -8px;
  justify-content: center;
}

.feedbackPage__cnt .row [class*="col-"] {
  padding: 0 8px;
}

@media (min-width: 1200px) {
  .feedbackPage__cnt .row [class*="col-"] {
    max-width: 20%;
    flex: 20%;
  }
}

.feedbackPage__cnt h3 {
  line-height: normal;
  margin-bottom: 20px;
}

.feedbackPage__cnt .feedbackBox {
  background-color: #ffffff;
  border-radius: 5px;
  -o-box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.06) ;
  -ms-box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.06) ;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.06) ;
  padding: 30px 15px;
  text-align: center;
}

.feedbackPage__cnt .feedbackBox h4 {
  font-size: 20px;
  font-family: "NunitoSans-Bold";
  margin-bottom: 0;
}

.feedbackPage__cnt .commonBox {
  padding: 25px;
}

.feedbackPage__cnt .progress {
  width: 130px;
  height: 130px;
  background: none;
  position: relative;
  margin-bottom: 30px;
}

.feedbackPage__cnt .progress:after {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 12px solid #F5F8F7;
  position: absolute;
  top: 0;
  left: 0;
}

.feedbackPage__cnt .progress > span {
  width: 50%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  z-index: 1;
}

.feedbackPage__cnt .progress-bar {
  width: 100%;
  height: 100%;
  background: none;
  border-width: 6px;
  border-style: solid;
  position: absolute;
  top: 0;
  border-color: #FFC100;
}

.feedbackPage__cnt .progress-value {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: 0 auto;
  height: 105px;
  width: 105px;
  background-color: #ffffff;
  -o-box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.05) ;
  -ms-box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.05) ;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.05) ;
}

.feedbackPage__cnt .progress-count {
  font-size: 37px;
  font-family: "NunitoSans-Bold";
}

.feedbackPage__cnt .progress-total {
  font-size: 20px;
}

.feedbackPage__cnt .progress-left {
  left: 0;
}

.feedbackPage__cnt .progress-left .progress-bar {
  left: 100%;
  border-top-right-radius: 80px;
  border-bottom-right-radius: 80px;
  border-left: 0;
  transform-origin: center left;
}

.feedbackPage__cnt .progress-right {
  right: 0;
}

.feedbackPage__cnt .progress-right .progress-bar {
  left: -100%;
  border-top-left-radius: 80px;
  border-bottom-left-radius: 80px;
  border-right: 0;
  transform-origin: center right;
}

@media (max-width: 1599px) {
  .feedbackPage__inner {
    padding: 50px 0;
  }
  .feedbackPage__cnt .feedbackGraph {
    margin-bottom: 50px;
  }
  .feedbackPage__cnt .feedbackBox {
    padding: 25px 5px;
  }
  .feedbackPage__cnt .feedbackBox h4 {
    font-size: 18px;
  }
  .feedbackPage__cnt .progress {
    width: 110px;
    height: 110px;
    margin-bottom: 20px;
  }
  .feedbackPage__cnt .progress-value {
    height: 90px;
    width: 90px;
  }
  .feedbackPage__cnt .progress-count {
    font-size: 30px;
  }
  .feedbackPage__cnt .progress-total {
    font-size: 17px;
  }
}

@media (max-width: 1199.98px) {
  .feedbackPage {
    padding-bottom: 25px;
  }
  .feedbackPage__inner {
    padding: 40px 0;
  }
  .feedbackPage__cnt .feedbackGraph {
    margin-bottom: 35px;
  }
  .feedbackPage__cnt .feedbackBox {
    padding: 20px 5px;
    margin-bottom: 20px;
  }
  .feedbackPage__cnt .feedbackBox h4 {
    font-size: 16px;
  }
  .feedbackPage__cnt .feedbackBox .commonBox {
    padding: 20px;
  }
}

@media (max-width: 991.98px) {
  .feedbackPage .feedbackGraph {
    margin-bottom: 20px;
  }
  .feedbackPage .feedbackBox {
    padding: 15px;
    margin-bottom: 15px;
  }
  .feedbackPage .rateStar svg {
    height: 18px;
    width: 18px;
  }
  .feedbackPage .btn {
    margin-top: 30px;
  }
}

@media (max-width: 767.98px) {
  .feedbackPage {
    padding-bottom: 15px;
  }
  .feedbackPage__box {
    padding: 20px;
  }
  .feedbackPage__inner {
    padding: 30px 0;
  }
  .feedbackPage__cnt .feedbackGraph {
    margin-bottom: 25px;
  }
  .feedbackPage__cnt .feedbackBox {
    padding: 15px 5px;
    margin-bottom: 15px;
  }
  .feedbackPage__cnt h3 {
    margin-bottom: 15px;
  }
  .feedbackPage__cnt .progress {
    width: 100px;
    height: 100px;
  }
  .feedbackPage__cnt .progress:after {
    border: 8px solid #F5F8F7;
  }
  .feedbackPage__cnt .progress-bar {
    border-width: 4px;
  }
}

@media (max-width: 575.98px) {
  .feedbackPage {
    padding-bottom: 10px;
  }
  .feedbackPage__box {
    padding: 15px;
  }
  .feedbackPage__box .title {
    font-size: 18px;
  }
  .feedbackPage__cnt .feedbackGraph {
    margin-bottom: 15px;
  }
  .feedbackPage__cnt .feedbackGraph svg {
    max-width: 300px;
  }
  .feedbackPage__cnt .commonBox {
    padding: 15px;
  }
}

.addBlogPage {
  padding-bottom: 60px;
}

.addBlogPage__inner {
  max-width: 942px;
  margin: auto;
}

.addBlogPage__addNewBlog {
  padding: 40px 15px;
}

.addBlogPage__addNewBlog .new-blog {
  max-width: 752px;
  margin: auto;
  display: block;
  text-align: center;
  border-radius: 5px;
  border: 2px dashed #707070;
  padding: 10px;
}

.addBlogPage__addNewBlog .new-blog:hover {
  border-color: #3C5D4B;
}

.addBlogPage__addNewBlog .new-blog a {
  padding: 25px 15px;
  display: block;
  background-color: #F5F8F7;
  font-size: 20px;
}

.addBlogPage__list {
  margin-top: 30px;
  margin-left: -10px;
  margin-right: -10px;
}

.addBlogPage__list [class*="col-"] {
  padding: 0 10px;
}

.addBlogPage .btn-row {
  margin-top: 40px;
}

.addBlogPage .gridList {
  margin-bottom: 20px;
}

.addBlogPage .gridList .commonTag {
  position: absolute;
  top: 8px;
  left: 8px;
  background-color: #FF9000;
  border-radius: 3px;
  font: 12px "NunitoSans-Bold";
  color: #ffffff;
  padding: 4px 10px;
}

.addBlogPage .gridList__footer {
  font-size: 18px;
}

.addBlogPage__form {
  padding: 35px 15px;
}

.addBlogPage__cnt {
  max-width: 752px;
  margin: auto;
}

.addBlogPage__cnt h4 {
  margin-top: 20px;
  font-size: 24px;
}

.addBlogPage__cnt form {
  margin-top: 25px;
}

.addBlogPage__cnt .linkBlack {
  font-size: 24px;
}

@media (max-width: 1399px) {
  .addBlogPage {
    padding-bottom: 40px;
  }
  .addBlogPage__addNewBlog {
    padding: 30px 15px;
  }
  .addBlogPage__list .btn-row {
    margin-top: 30px;
  }
}

@media (max-width: 1199.98px) {
  .addBlogPage__addNewBlog .blog-link {
    font-size: 18px;
    padding: 15px 10px;
  }
  .addBlogPage__list .btn-row {
    margin-top: 20px;
  }
  .addBlogPage .gridList__footer {
    font-size: 16px;
  }
  .addBlogPage__form {
    padding: 25px 15px;
  }
  .addBlogPage__cnt .linkBlack {
    font-size: 20px;
  }
  .addBlogPage__cnt h4 {
    margin-top: 10px;
    font-size: 20px;
  }
  .addBlogPage__cnt form {
    margin-top: 20px;
  }
}

@media (max-width: 991.98px) {
  .addBlogPage {
    padding-bottom: 30px;
  }
  .addBlogPage__addNewBlog {
    padding: 20px 15px;
  }
  .addBlogPage__addNewBlog .blog-link {
    font-size: 16px;
    padding: 10px;
  }
  .addBlogPage__list .btn-row {
    margin-top: 15px;
  }
}

@media (max-width: 767.98px) {
  .addBlogPage__cnt h4 {
    font-size: 18px;
  }
  .addBlogPage__cnt form {
    margin-top: 15px;
  }
  .addBlogPage .gridList__footer {
    padding-bottom: 0;
  }
}

.feedBackPage__inner {
  padding-bottom: 64px;
}

.feedBackPage__inner .leftSide {
  height: 692px;
  padding: 0;
}

.feedBackPage__inner .leftSide form {
  padding: 30px 30px 0;
}

.feedBackPage__inner .leftSide form .form-group .searchIcon {
  position: absolute;
  top: 44px;
  left: 55px;
  font-size: 22px;
  color: #707070;
}

.feedBackPage__inner .leftSide form .form-group .form-control {
  padding: 10px 15px 10px 40px;
}

.feedBackPage__inner .leftSide-Box {
  height: calc(100% - 50px);
  overflow: auto;
  padding: 0px 30px 50px;
}

.feedBackPage__inner .leftSide-searchBox {
  padding: 20px 0;
  border-bottom: 1px solid #F6F8F9;
}

.feedBackPage__inner .leftSide-searchBox h5 {
  font-size: 16px;
  max-width: 160px;
  padding-left: 15px;
}

.feedBackPage__inner .leftSide-searchBox .userInfo-userImg {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  overflow: hidden;
}

.feedBackPage__inner .leftSide-searchBox .userInfo-userImg img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
}

.feedBackPage__inner .rightSide {
  padding: 60px 30px 20px;
  height: 692px;
}

.feedBackPage__inner .rightSide .userInfo {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto;
}

.feedBackPage__inner .rightSide .userInfo img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
}

.feedBackPage__inner .rightSide h5 {
  margin-top: 20px;
}

.feedBackPage__inner .rightSide .ratingStar {
  margin: 48px auto 0;
}

.feedBackPage__inner .rightSide .ratingStar svg {
  width: 45px;
  height: 44px;
}

.feedBackPage__inner .rightSide-txt {
  margin: 48px 0 76px 0;
}

.feedBackPage__inner .rightSide-txt textarea {
  height: 92px;
  font-size: 15px;
  font-family: "NunitoSans-SemiBold";
}

.feedBackPage__inner .rightSide p {
  margin-top: 30px;
}

@media (max-width: 1799px) {
  .feedBackPage__inner .rightSide .ratingStar {
    margin: 38px auto 0;
  }
}

@media (max-width: 1599px) {
  .feedBackPage__inner .leftSide-searchBox h5 {
    max-width: 130px;
  }
}

@media (max-width: 1399px) {
  .feedBackPage__inner .leftSide-searchBox h5 {
    font-size: 14px;
  }
  .feedBackPage__inner .leftSide a {
    font-size: 14px;
  }
  .feedBackPage__inner .rightSide-txt textarea {
    font-size: 13px;
  }
}

@media (max-width: 1199.98px) {
  .feedBackPage__inner {
    padding-bottom: 20px;
  }
  .feedBackPage__inner .leftSide {
    height: 550px;
  }
  .feedBackPage__inner .leftSide form {
    padding: 15px 15px 0;
  }
  .feedBackPage__inner .leftSide form .form-group .searchIcon {
    top: 32px;
    left: 40px;
    font-size: 18px;
  }
  .feedBackPage__inner .leftSide form .form-group .form-control {
    font-size: 14px;
  }
  .feedBackPage__inner .leftSide-Box {
    padding: 0px 15px 10px;
    height: calc(100% - 80px);
  }
  .feedBackPage__inner .leftSide-searchBox h5 {
    padding-left: 10px;
  }
  .feedBackPage__inner .leftSide-searchBox .userInfo-userImg {
    width: 40px;
    height: 40px;
  }
  .feedBackPage__inner .rightSide {
    padding: 15px 15px 20px;
    height: 550px;
  }
  .feedBackPage__inner .rightSide .userInfo {
    width: 80px;
    height: 80px;
  }
  .feedBackPage__inner .rightSide h5 {
    font-size: 16px;
  }
  .feedBackPage__inner .rightSide .ratingStar {
    margin: 20px auto 0;
  }
  .feedBackPage__inner .rightSide .ratingStar svg {
    width: 36px;
    height: 36px;
  }
  .feedBackPage__inner .rightSide-txt {
    margin: 30px 0 40px 0;
  }
}

@media (max-width: 991.98px) {
  .feedBackPage__inner .leftSide form {
    padding: 15px 15px 0;
  }
  .feedBackPage__inner .leftSide form .form-group .searchIcon {
    top: 30px;
    left: 38px;
  }
  .feedBackPage__inner .leftSide form .form-group .form-control {
    padding: 10px 15px 10px 30px;
  }
  .feedBackPage__inner .leftSide-searchBox {
    text-align: center;
  }
  .feedBackPage__inner .leftSide-searchBox h5 {
    max-width: 55px;
  }
}

@media (max-width: 767.98px) {
  .feedBackPage__inner {
    padding: 0;
  }
  .feedBackPage__inner .leftSide {
    height: auto;
  }
  .feedBackPage__inner .leftSide form .form-group .searchIcon {
    top: 27px;
    left: 40px;
  }
  .feedBackPage__inner .leftSide form .form-group .form-control {
    padding: 10px 15px 10px 40px;
  }
  .feedBackPage__inner .leftSide-Box {
    height: auto;
    padding: 0px 15px;
  }
  .feedBackPage__inner .leftSide-searchBox {
    display: flex;
    padding: 15px 0;
  }
  .feedBackPage__inner .leftSide-searchBox h5 {
    font-size: 14px;
    padding-left: 10px;
    max-width: 130px;
  }
  .feedBackPage__inner .leftSide-searchBox .userInfo {
    padding-left: 0;
  }
  .feedBackPage__inner .leftSide-searchBox .userInfo-userImg {
    width: 45px;
    height: 45px;
  }
  .feedBackPage__inner .leftSide-searchBox a {
    font-size: 14px;
  }
  .feedBackPage__inner .rightSide {
    padding: 15px;
    height: auto;
  }
  .feedBackPage__inner .rightSide .userInfo {
    width: 60px;
    height: 60px;
  }
  .feedBackPage__inner .rightSide h5 {
    margin-top: 15px;
    font-size: 14px;
  }
  .feedBackPage__inner .rightSide .ratingStar {
    margin: 10px auto 0;
  }
  .feedBackPage__inner .rightSide .ratingStar svg {
    width: 30px;
    height: 30px;
  }
  .feedBackPage__inner .rightSide-txt {
    margin: 15px 0 20px 0;
  }
  .feedBackPage__inner .rightSide p {
    margin-top: 15px;
    font-size: 14px;
  }
  .feedBackPage__inner .rightSide a {
    font-size: 14px;
  }
}

@media (max-width: 320px) {
  .feedBackPage__inner .leftSide-searchBox h5 {
    font-size: 12px;
  }
  .feedBackPage__inner .leftSide-searchBox .userInfo-userImg {
    width: 35px;
    height: 35px;
  }
  .feedBackPage__inner .leftSide-searchBox a {
    font-size: 12px;
  }
}

.addClassPage {
  padding-bottom: 60px;
}

.addClassPage__form {
  max-width: 912px;
  margin: auto;
}

.addClassPage .addNewTopic {
  padding: 40px 15px;
}

.addClassPage .addNewTopic__cnt {
  max-width: 752px;
  margin: auto;
  display: block;
  text-align: center;
  border: 2px dashed #707070;
  padding: 10px;
  border-radius: 5px;
}

.addClassPage .addNewTopic__cnt:hover {
  border-color: #3C5D4B;
}

.addClassPage .addNewTopic__cnt a {
  padding: 25px 15px;
  display: block;
  background-color: #F5F8F7;
  font-size: 20px;
}

.addClassPage .customAccordion .accordion-item {
  border: 1px solid #E1E1E1;
  margin-bottom: 30px;
  border-radius: 5px;
}

.addClassPage .customAccordion .accordion-icon {
  padding-right: 55px;
}

.addClassPage .action {
  position: relative;
}

.addClassPage .edit-link {
  position: absolute;
  top: 50%;
  right: 30px;
  font-size: 16px;
  color: #707070;
  transform: translateY(-50%);
}

.addClassPage .innerContent {
  padding: 40px 15px;
  max-width: 752px;
  margin: auto;
}

.addClassPage .innerContent form {
  margin-top: 20px;
}

.addClassPage .innerContent form .icon {
  top: 0;
  font-size: 14px;
}

.addClassPage .innerContent form .btn-row {
  margin-top: 45px;
}

.addClassPage .innerContent .linkBlack {
  font-size: 24px;
}

.addClassPage .innerContent h4 {
  margin-top: 20px;
  font-size: 24px;
}

@media (max-width: 575.98px) {
  .addClassPage .boxContent-inner-stepForm .steps-step {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

.subscriptionPage__rightSideBox {
  padding: 30px;
  min-height: 769px;
}

.subscriptionPage__PlansBox {
  border: 1px solid #DFDFDF;
  max-width: 469px;
  min-height: 366px;
  padding: 20px 20px 80px;
  height: 100%;
}

.subscriptionPage__PlansBox .activeTxt {
  position: relative;
}

.subscriptionPage__PlansBox .activeTxt span {
  position: absolute;
  top: 0;
  right: 0;
  padding: 4px 10px;
  background-color: #14c14826;
  border-radius: 14px;
  line-height: 19px;
  font-size: 14px;
  font-family: "NunitoSans-Bold";
}

.subscriptionPage__PlansBox .activeTxt span.textYellow {
  background-color: #FFF3CC;
}

.subscriptionPage__PlansBox h4 {
  font-size: 20px;
  font-family: "NunitoSans-ExtraBold";
  padding-bottom: 10px;
  max-width: 250px;
  margin: auto;
}

.subscriptionPage__PlansBox h5 {
  font-size: 24px;
  font-family: "NunitoSans-Regular";
  margin-bottom: 10px;
}

.subscriptionPage__PlansBox .hoursTxt {
  text-align: center;
}

.subscriptionPage__PlansBox .hoursTxt span {
  font-size: 14px;
  font-family: "NunitoSans-Bold";
}

.subscriptionPage__PlansBox .warningBorder {
  border-top: 1px solid #F6F8F9;
  max-width: 429px;
  height: 1px;
  position: relative;
  top: 15px;
}

.subscriptionPage__PlansBox .warningBox {
  text-align: center;
  padding: 20px 0;
  position: relative;
}

.subscriptionPage__PlansBox .warningBox h6 {
  max-width: 210px;
  background-color: #F6F8F9;
  height: 27px;
  padding: 4px 15px;
  margin: 0 auto;
  font-size: 14px;
  font-family: "NunitoSans-Bold";
  border-radius: 14px;
  line-height: 19px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}

.subscriptionPage__PlansBox .planList {
  margin-top: 15px;
}

.subscriptionPage__PlansBox .planList ul li {
  padding-left: 30px;
  position: relative;
}

.subscriptionPage__PlansBox .planList ul li:before {
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  left: 0;
  border: 1px solid #3C5D4B;
  background-color: #3C5D4B;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  margin-top: 7px;
}

.subscriptionPage__PlansBox .planList ul li:not(:last-child) {
  margin-bottom: 5px;
}

@media (min-width: 768px) {
  .subscriptionPage__PlansBox .buyBtn {
    margin-top: 20px;
    margin-top: 20px;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 20px;
  }
}

@media (max-width: 1599px) {
  .subscriptionPage__PlansBox h4 {
    max-width: 200px;
  }
}

@media (max-width: 1399px) {
  .subscriptionPage__PlansBox h4 {
    max-width: 150px;
  }
}

@media (max-width: 767.98px) {
  .subscriptionPage__PlansBox {
    padding: 15px;
    min-height: auto;
  }
  .subscriptionPage__PlansBox h4 {
    max-width: 95px;
  }
  .subscriptionPage__PlansBox .activeTxt span {
    width: 55px;
    font-size: 12px;
  }
  .subscriptionPage__PlansBox h4 {
    font-size: 14px;
  }
  .subscriptionPage__PlansBox h5 {
    font-size: 16px;
  }
  .subscriptionPage__PlansBox .hoursTxt span {
    font-size: 12px;
  }
  .subscriptionPage__PlansBox .warningBox h6 {
    max-width: 180px;
    font-size: 12px;
  }
  .subscriptionPage__PlansBox .planList ul li {
    font-size: 13px;
  }
  .subscriptionPage__PlansBox .planList ul li:before {
    width: 8px;
    height: 8px;
  }
}

@media (max-width: 575.98px) {
  .subscriptionPage .boxSpace {
    margin-top: 25px;
  }
  .subscriptionPage__PlansBox {
    padding: 10px;
  }
  .subscriptionPage__PlansBox .planList ul li {
    padding-left: 20px;
  }
}

@media (max-width: 320px) {
  .subscriptionPage__PlansBox {
    padding: 10px;
  }
  .subscriptionPage__PlansBox .activeTxt span {
    width: 50px;
    font-size: 10px;
    height: 23px;
    line-height: 14px;
  }
  .subscriptionPage__PlansBox h4 {
    font-size: 12px;
  }
  .subscriptionPage__PlansBox h5 {
    font-size: 14px;
  }
  .subscriptionPage__PlansBox .buyBtn .btn-lg {
    font-size: 14px;
  }
}

.errorPage__inner {
  padding: 50px 0;
}

.errorPage__inner h1 {
  font-size: 160px;
  font-family: "NunitoSans-ExtraBold";
  background: -webkit-linear-gradient(#05C6AA, #057d6c);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  opacity: .9;
}

.errorPage__inner h3 {
  color: #364a63;
  padding-bottom: 15px;
  font-size: 32px;
  font-family: "NunitoSans-ExtraBold";
}

.errorPage__inner p {
  color: #526484;
  font-size: 18px;
  font-family: "NunitoSans-SemiBold";
}

@media (max-width: 1199.98px) {
  .errorPage__inner {
    padding: 20px 0;
  }
  .errorPage__inner h1 {
    font-size: 100px;
  }
  .errorPage__inner h3 {
    padding-bottom: 0px;
    font-size: 22px;
  }
  .errorPage__inner p {
    font-size: 16px;
  }
}

@media (max-width: 767.98px) {
  .errorPage__inner h1 {
    font-size: 84px;
  }
}

.dashboard .totalList-content {
  background: #ffffff;
  border-radius: 10px;
  padding: 30px;
  margin-top: -70px;
}

.dashboard .totalList-content .row {
  margin: 0 -30px;
}

.dashboard .totalList-content .row [class*="col-"] {
  padding: 0 30px;
}

.dashboard .totalList-content .row [class*="col-"]:not(:last-child) {
  border-right: 1px solid #E2E2E2;
}

.dashboard .totalList-content .detail {
  flex: 1;
  padding-left: 20px;
}

.dashboard .totalList-content .sub-title {
  font-size: 20px;
}

.dashboard .totalList-content h5 {
  font: 32px "NunitoSans-ExtraBold";
  margin: 0;
}

.dashboard .common-tabs .nav-tabs {
  display: inline-flex;
  margin: 30px 0;
  border-color: #707070;
}

.dashboard .common-tabs .nav-link.active {
  color: #000000;
  border-color: #000000;
}

.dashboard .famousTeachers {
  background-color: #FFC100;
  background-image: url("../../images/lines.png");
}

.dashboard .famousTeachers .heading {
  margin-bottom: 35px;
}

.dashboard .famousTeachers .headingPera {
  color: #000000;
}

.dashboard .famousTeachers .show-all:hover {
  color: #ffffff;
}

.dashboard .famousTeachersSlider .slick-list {
  margin: 0 -8px;
}

.dashboard .famousTeachersSlider__item {
  margin: 0 8px;
}

.dashboard .famousTeachersSlider .slick-arrow:before {
  color: #000000;
}

@media (max-width: 1199.98px) {
  .dashboard .famousTeachers .heading {
    margin-bottom: 50px;
  }
}

.dashboard .classLevel {
  padding: 70px 0 10px;
}

.dashboard .classLevel .row {
  margin: 0 -8px;
}

.dashboard .classLevel .row [class*="col-"] {
  padding: 0 8px;
}

.dashboard .classLevel .row [class*="col-"]:not(:last-child) {
  margin-bottom: 15px;
}

.dashboard .classLevel-item a {
  background-color: #ffffff;
  padding: 16px;
  text-align: center;
  font-size: 20px;
  border-radius: 5px;
  display: block;
  color: #000000;
}

.dashboard .sectionHeading {
  font-size: 40px;
  font-family: "NunitoSans-ExtraBold";
}

@media (max-width: 1499px) {
  .dashboard .sectionHeading {
    font-size: 30px;
  }
}

@media (max-width: 991.98px) {
  .dashboard .sectionHeading {
    font-size: 24px;
  }
}

@media (max-width: 575.98px) {
  .dashboard .sectionHeading {
    font-size: 18px;
  }
  .dashboard .sectionHeading br {
    display: none;
  }
}

.dashboard .headingPera {
  font-size: 17px;
  color: #707070;
}

@media (max-width: 991.98px) {
  .dashboard .headingPera {
    font-size: 15px;
  }
}

.dashboard .show-all {
  font-size: 18px;
  color: #000000;
  font-family: "NunitoSans-ExtraBold";
  text-transform: uppercase;
  display: inline-block;
}

.dashboard .show-all:hover {
  color: #FFC100;
}

@media (max-width: 1499px) {
  .dashboard .show-all {
    font-size: 16px;
  }
}

@media (max-width: 575.98px) {
  .dashboard .show-all {
    font-size: 14px;
    margin-top: 10px;
  }
}

@media (max-width: 1599px) {
  .dashboard .totalList img {
    max-width: 65px;
  }
  .dashboard .totalList-content {
    padding: 20px;
    margin-top: -60px;
  }
  .dashboard .totalList-content .row {
    margin: 0 -20px;
  }
  .dashboard .totalList-content .row [class*="col-"] {
    padding: 0 20px;
  }
  .dashboard .totalList-content .detail {
    padding-left: 15px;
  }
  .dashboard .totalList-content .sub-title {
    font-size: 18px;
  }
  .dashboard .totalList-content h5 {
    font: 26px "NunitoSans-ExtraBold";
  }
}

@media (max-width: 1499px) {
  .dashboard .classLevel {
    padding: 40px 0 10px;
  }
  .dashboard .classLevel-item a {
    font-size: 18px;
    padding: 12px;
  }
}

@media (max-width: 1199.98px) {
  .dashboard .totalList img {
    max-width: 65px;
  }
  .dashboard .totalList-content {
    padding: 10px 20px;
  }
  .dashboard .totalList-content .row [class*="col-"] {
    margin: 10px 0;
  }
  .dashboard .totalList-content .row [class*="col-"]:nth-child(2) {
    border: 0;
  }
  .dashboard .totalList-content .sub-title {
    font-size: 17px;
  }
  .dashboard .totalList-content h5 {
    font: 24px "NunitoSans-ExtraBold";
  }
  .dashboard .common-tabs .nav-tabs {
    margin: 25px 0 50px;
  }
  .dashboard .classLevel .commonHead {
    margin-bottom: 20px;
  }
}

@media (max-width: 991.98px) {
  .dashboard .totalList-content h5 {
    font: 22px "NunitoSans-ExtraBold";
  }
  .dashboard .classLevel {
    padding: 30px 0 10px;
  }
  .dashboard .classLevel-item a {
    font-size: 17px;
  }
}

@media (max-width: 767.98px) {
  .dashboard .totalList-content {
    margin-top: -30px;
  }
  .dashboard .totalList-content h5 {
    font: 20px "NunitoSans-ExtraBold";
  }
}

@media (max-width: 575.98px) {
  .dashboard .totalList-content .row [class*="col-"]:not(:last-child) {
    border: 0;
  }
  .dashboard .classLevel-item a {
    font-size: 16px;
  }
}

.dashboard--Tutor .totalList-content .detail {
  padding-left: 0;
  margin-top: 10px;
}

.dashboard--Tutor .totalList-content img {
  max-height: 64px;
}

.dashboard--Tutor .totalList-content .sub-title {
  font-size: 16px;
}

.dashboard--Tutor .totalList-content h5 {
  font-size: 22px;
}

.dashboard--Tutor .totalList-content h5 span {
  margin-right: 5px;
}

.dashboard--Tutor .totalList-content .row [class*="col-"]:not(:last-child) {
  border-right: 0;
  position: relative;
}

.dashboard--Tutor .totalList-content .row [class*="col-"]:not(:last-child):after {
  position: absolute;
  right: 0;
  top: 50%;
  content: "";
  background-color: #e1e1e1;
  height: 78px;
  width: 1px;
  transform: translateY(-50%);
}

.dashboard--Tutor .totalList .btn-row {
  margin-top: 22px;
}

.dashboard--Tutor .totalList .btn-row .btn {
  min-width: 130px;
}

.dashboard--Tutor .totalList .btn-row .btn:not(:last-child) {
  margin-right: 20px;
}

@media (max-width: 1399px) {
  .dashboard--Tutor .totalList-content h5 {
    font-size: 20px;
  }
}

@media (max-width: 1199.98px) {
  .dashboard--Tutor .totalList-content h5 {
    font-size: 18px;
  }
  .dashboard--Tutor .totalList-content .sub-title {
    font-size: 15px;
  }
  .dashboard--Tutor .totalList-content img {
    max-height: 50px;
  }
  .dashboard--Tutor .totalList .btn-row {
    margin-top: 15px;
  }
  .dashboard--Tutor .totalList .btn-row .btn:not(:last-child) {
    margin-right: 15px;
  }
}

@media (max-width: 767.98px) {
  .dashboard--Tutor .totalList-content img {
    max-height: 40px;
  }
  .dashboard--Tutor .totalList-content .detail {
    margin-top: 5px;
  }
  .dashboard--Tutor .totalList-content .sub-title {
    font-size: 14px;
  }
  .dashboard--Tutor .totalList-content h5 {
    font-size: 16px;
    word-break: break-word;
  }
  .dashboard--Tutor .totalList .btn-row {
    margin-top: 8px;
  }
  .dashboard--Tutor .totalList .btn-row .btn {
    font-size: 14px;
    min-width: auto;
  }
  .dashboard--Tutor .totalList .btn-row .btn:not(:last-child) {
    margin-right: 5px;
  }
}

@media (max-width: 575.98px) {
  .dashboard--Tutor .totalList .btn-row .btn {
    padding: 5px 8px;
  }
}

@media (max-width: 359px) {
  .dashboard--Tutor .totalList .btn-row .btn:not(:last-child) {
    margin-right: 7px;
    margin-bottom: 10px;
  }
}

.selectedCategoryPage .famousTeachers {
  background-color: #FFC100;
  background-image: url("../../images/lines.png");
}

.selectedCategoryPage .famousTeachers .heading {
  margin-bottom: 35px;
}

.selectedCategoryPage .famousTeachers .headingPera {
  color: #000000;
}

.selectedCategoryPage .famousTeachers .show-all:hover {
  color: #ffffff;
}

.selectedCategoryPage .famousTeachersSlider .slick-list {
  margin: 0 -8px;
}

.selectedCategoryPage .famousTeachersSlider__item {
  margin: 0 8px;
}

.selectedCategoryPage .famousTeachersSlider .slick-arrow:before {
  color: #000000;
}

@media (max-width: 1199.98px) {
  .selectedCategoryPage .famousTeachers .heading {
    margin-bottom: 50px;
  }
}

.selectedCategoryPage .sectionHeading {
  font-size: 40px;
  font-family: "NunitoSans-ExtraBold";
}

@media (max-width: 1499px) {
  .selectedCategoryPage .sectionHeading {
    font-size: 30px;
  }
}

@media (max-width: 991.98px) {
  .selectedCategoryPage .sectionHeading {
    font-size: 24px;
  }
}

@media (max-width: 575.98px) {
  .selectedCategoryPage .sectionHeading {
    font-size: 18px;
  }
  .selectedCategoryPage .sectionHeading br {
    display: none;
  }
}

.selectedCategoryPage .headingPera {
  font-size: 17px;
  color: #707070;
}

@media (max-width: 991.98px) {
  .selectedCategoryPage .headingPera {
    font-size: 15px;
  }
}

.selectedCategoryPage .show-all {
  font-size: 18px;
  color: #000000;
  font-family: "NunitoSans-ExtraBold";
  text-transform: uppercase;
  display: inline-block;
}

.selectedCategoryPage .show-all:hover {
  color: #FFC100;
}

@media (max-width: 1499px) {
  .selectedCategoryPage .show-all {
    font-size: 16px;
  }
}

@media (max-width: 575.98px) {
  .selectedCategoryPage .show-all {
    font-size: 14px;
    margin-top: 10px;
  }
}

.cardPaymentPage .card-header {
  background-color: #ffffff;
}

.cardPaymentPage .cardPayment {
  padding: 50px 15px;
  min-height: 540px;
}

.cardPaymentPage .cardPayment .wpwl-form {
  padding: 15px;
  border-radius: 10px;
  position: relative;
}

.cardPaymentPage .cardPayment .wpwl-form .wpwl-group-card-logos-vertical {
  visibility: hidden;
}

.cardPaymentPage .cardPayment .wpwl-form .wpwl-brand:before {
  border: 0;
  top: 0;
  bottom: 0;
  height: auto;
  right: 0;
  left: auto;
}

.cardPaymentPage .cardPayment .wpwl-form .wpwl-group-card-logos-horizontal,
.cardPaymentPage .cardPayment .wpwl-form .wpwl-group-card-logos-horizontal-with-more-button {
  min-height: auto;
  padding-left: 0;
}

.cardPaymentPage .cardPayment .wpwl-form .wpwl-brand-card-logo {
  margin: 0;
  margin: 0;
  top: 12px;
  right: 0;
  z-index: 1;
  position: absolute;
  visibility: visible;
}

.cardPaymentPage .cardPayment .wpwl-form .wpwl-brand-card-logo.wpwl-brand-svg-VISA {
  background-size: 80%;
}

.cardPaymentPage .cardPayment .wpwl-form .wpwl-brand-card-logo.wpwl-brand-svg-MADA {
  top: 20px;
  right: 5px;
  width: 56px;
}

.cardPaymentPage .cardPayment .wpwl-form .wpwl-button-more {
  min-height: 35px;
  width: 50px;
}

.cardPaymentPage .cardPayment form.wpwl-form {
  background-image: url(../../images/card-payment-img.png);
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-color: transparent;
  border: none;
  box-shadow: none;
  position: relative;
}

.cardPaymentPage .cardPayment .wpwl-button-pay {
  background-color: #3C5D4B;
  border-color: #3C5D4B;
}

.cardPaymentPage .cardPayment .customInput input[type="checkbox"] {
  width: 18px;
  height: 18px;
}

.cardPaymentPage .cardPayment .wpwl-wrapper > .wpwl-icon {
  top: 1px;
  right: 1px;
  height: 32px;
  display: flex;
  align-items: center;
  width: 25px;
  justify-content: center;
  background-color: #ffffff;
  box-shadow: none;
  border-color: #ccc;
  border-radius: 0;
  border-right: 0;
}

.cardPaymentPage .cardPayment .wpwl-control-cvv {
  padding-right: 24px;
}

.cardPaymentPage .cardPayment .wpwl-popover .wpwl-popover-content {
  font-size: 14px;
  line-height: 18px;
  margin-top: 10px;
}

.cardPaymentPage .footer {
  margin-top: 0;
}

@media (max-width: 767.98px) {
  .cardPaymentPage .cardPayment form.wpwl-form .wpwl-label-brand {
    padding-right: 10px;
  }
}

@media (max-width: 480px) {
  .cardPaymentPage .cardPayment .wpwl-form .wpwl-brand-card-logo {
    top: 40px;
  }
}

body.language-arabic {
  text-align: initial;
}

body.language-arabic ul {
  padding-right: 0;
}

body.language-arabic .swal2-confirm {
  margin-left: 10px;
  margin-right: 0 !important;
}

body.language-arabic .header .authLinks {
  margin-left: 0;
  margin-right: 20px;
}

body.language-arabic .header .authLinks .btn-login {
  margin-right: 0;
  margin-left: 24px;
}

body.language-arabic .header .navbar-nav {
  margin-left: 0px !important;
  margin-right: auto !important;
}

body.language-arabic .header .navbar-brand {
  margin-right: 0;
  margin-left: 1rem;
}

body.language-arabic .header .navbar-toggler {
  margin-left: 0;
  margin-right: 15px !important;
  direction: ltr;
}

body.language-arabic .header .navbar .categoryDropdown .nav-link {
  padding-left: 35px;
  padding-right: 0;
}

body.language-arabic .header .navbar .categoryDropdown .nav-link:after {
  left: 15px;
  right: auto;
}

body.language-arabic .header .navbar .categoryDropdown__item a:after {
  left: -12px;
  right: auto;
  transform: rotate(180deg);
}

body.language-arabic .header .nav-item--border:after {
  left: 0;
  right: auto;
}

body.language-arabic .header .nav-item--lang {
  margin-right: 15px;
  margin-left: 15px;
}

body.language-arabic .header .nav-item--lang .select2.select2-container .select2-selection__rendered {
  padding-right: 8px;
}

body.language-arabic .header .nav-item--lang .select2:after {
  right: 0;
  left: auto;
}

body.language-arabic .header .nav-item .select2-selection__arrow {
  left: -8px !important;
  right: 0 !important;
}

body.language-arabic .header .nav-item--bell .dropdown-menu, body.language-arabic .header .nav-item--user .dropdown-menu {
  left: 0;
  right: auto;
}

body.language-arabic .header .nav-item--bell .infoItem__img {
  margin-right: 0;
  margin-left: 12px;
}

body.language-arabic .header .nav-item--bell .infoItem__cnt {
  text-align: right;
}

body.language-arabic .header .nav-item--user .userInfo__img {
  margin-right: 0;
  margin-left: 12px;
}

body.language-arabic .header .nav-item--user .userInfo__name {
  text-align: right;
}

body.language-arabic .header .nav-item--user .dropdown-toggle:after {
  right: auto;
  left: 0;
}

body.language-arabic .header .nav-item--user .dropdown-icon {
  margin-right: 0;
  margin-left: 15px;
}

body.language-arabic .header.header-inner .nav-item--lang {
  margin-left: 15px;
  margin-right: 15px;
}

body.language-arabic .header .search {
  margin-right: 50px;
  margin-left: 0;
}

body.language-arabic .header .search .form-control {
  padding-left: 40px;
  padding-right: 15px;
}

body.language-arabic .header .search .search-clear, body.language-arabic .header .search .search-result {
  right: auto;
  left: 12px;
}

@media (max-width: 1199.98px) {
  body.language-arabic .header .nav-item--lang {
    margin-left: 0;
    margin-right: 0;
  }
  body.language-arabic .header .nav-item--lang .select2-selection__arrow {
    left: 0 !important;
    right: auto !important;
  }
  body.language-arabic .header .nav-item--lang .select2:after {
    right: 0;
    left: auto;
  }
  body.language-arabic .header .nav-item--user .nav-link {
    padding-right: 10px;
    padding-left: 20px;
  }
  body.language-arabic .header .navbar-brand {
    margin-left: 0;
  }
  body.language-arabic .header .navbar-collapse {
    right: -300px;
    left: 0;
    transition: right 0.3s linear;
  }
  body.language-arabic .header .navbar-collapse.show {
    right: 0;
  }
  body.language-arabic .header .navbar-collapse .dropdown-toggle:after {
    left: 10px;
    right: auto;
    transform: rotate(180deg);
  }
  body.language-arabic .header .navbar-collapse .dropdown-item {
    text-align: right;
  }
  body.language-arabic .header .authLinks .btn-login {
    margin-right: 0;
    margin-left: 10px;
  }
}

@media (max-width: 575.98px) {
  body.language-arabic .header .authLinks .btn-login {
    margin-right: 0;
    margin-left: 5px;
  }
}

body.language-arabic .header .searchList__rightText {
  margin-left: 0;
  margin-right: 10px;
}

body.language-arabic .footer__contact em {
  padding-left: 15px;
  padding-right: 0;
}

body.language-arabic .footer__lower .footer__img a:not(:last-child) {
  margin-left: 15px;
  margin-right: 0;
}

body.language-arabic .footer .brandLogo img {
  max-width: 160px;
}

body.language-arabic .customAccordion .accordion-head h5 {
  text-align: right;
}

body.language-arabic .customAccordion .action {
  text-align: right;
}

body.language-arabic .customAccordion .accordion-icon {
  padding-right: 0px;
  padding-left: 20px;
}

body.language-arabic .customAccordion .accordion-icon:after {
  left: 0;
  right: auto;
}

body.language-arabic .customAccordion .accordion-inner ul li {
  padding-left: 0px;
  padding-right: 25px;
}

body.language-arabic .customAccordion .accordion-inner ul li:after {
  right: 0;
}

body.language-arabic .commonBreadcrumb .breadcrumb-item + .breadcrumb-item {
  padding-left: 0px;
}

body.language-arabic .commonBreadcrumb .breadcrumb-item + .breadcrumb-item:before {
  float: right;
  padding-left: 14px;
}

body.language-arabic .teacherGridBox .userInfo .btn-circle {
  left: 0;
  right: auto;
}

body.language-arabic .teacherGridBox .userInfo__img {
  margin-left: 15px;
  margin-right: 0;
}

body.language-arabic .sideMenu-box_head ul li {
  margin-right: 0;
  margin-left: .5rem;
}

body.language-arabic .sideMenu-box_head ul li:last-child {
  margin-left: 0;
}

body.language-arabic .sideMenu-box_head ul li a {
  color: #707070;
  padding-right: 12px;
  padding-left: 0;
}

body.language-arabic .sideMenu-box_list .listItem > a:after {
  right: auto;
  left: 0;
}

body.language-arabic .sideMenu .custom-radio {
  padding-left: 0;
}

body.language-arabic .sideMenu .custom-radio .custom-control-label {
  padding-right: 25px;
}

body.language-arabic .sideMenu .custom-radio .custom-control-label:before {
  right: 0;
}

body.language-arabic .sideMenu .custom-radio .custom-control-label:after {
  right: 5px;
}

body.language-arabic .custom-checkbox .custom-control-input:checked ~ .custom-control-label:after {
  right: 4px;
}

body.language-arabic .custom-checkbox .custom-control-label {
  padding-right: 25px;
}

body.language-arabic .custom-checkbox .custom-control-label:before {
  right: 0;
}

body.language-arabic .custom-checkbox .custom-control-label:after {
  right: 0;
}

body.language-arabic .pagination .page-item + .page-item {
  margin-right: 20px;
  margin-left: 0;
}

body.language-arabic .pagination .page-item:first-child .page-link:before {
  content: "\E903";
}

body.language-arabic .pagination .page-item:last-child .page-link:before {
  content: "\E902";
}

body.language-arabic .pagination .page-item .page-link.next {
  transform: rotate(180deg);
}

body.language-arabic .pagination .page-item .page-link.prev {
  transform: rotate(180deg);
}

@media (max-width: 767.98px) {
  body.language-arabic .pagination .page-item + .page-item {
    margin-right: 10px;
  }
}

body.language-arabic .form-group-icon,
body.language-arabic .input-group-icon {
  position: relative;
}

body.language-arabic .form-group-icon .form-control,
body.language-arabic .input-group-icon .form-control {
  padding-left: 45px;
  padding-right: 15px;
}

body.language-arabic .form-group-icon .icon,
body.language-arabic .input-group-icon .icon {
  left: 0;
  right: auto;
}

body.language-arabic .form-group .form-control:not(:first-child),
body.language-arabic .input-group .form-control:not(:first-child) {
  border-top-left-radius: .25rem;
  border-bottom-left-radius: .25rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

body.language-arabic .form-group .input-group-prepend .input-group-text,
body.language-arabic .input-group .input-group-prepend .input-group-text {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: .25rem;
  border-bottom-right-radius: .25rem;
}

body.language-arabic .form-group .input-group-addon,
body.language-arabic .input-group .input-group-addon {
  right: auto;
  left: 0;
}

body.language-arabic .boxContent_subhead {
  text-align: right;
}

body.language-arabic .boxContent .cOption {
  flex-direction: row-reverse;
}

body.language-arabic .boxContent .socialLogin li:not(:last-child) {
  margin-right: 0;
}

body.language-arabic .boxContent .socialLogin li:not(:first-child) {
  margin-right: 25px;
}

body.language-arabic .boxContent-inner-varifyOtp .otp-group .otp-control:not(:last-child) {
  margin-right: 0;
  margin-left: 0;
}

body.language-arabic .boxContent-inner-varifyOtp .otp-group .otp-control:not(:first-child) {
  margin-left: 20px;
}

body.language-arabic .boxContent-inner-stepForm .steps-step:not(:first-child):before {
  left: calc(50% + 40px);
  right: auto;
}

body.language-arabic .boxContent .commonDegree-left {
  padding-left: 15px;
  padding-right: 0;
}

body.language-arabic .boxContent .commonDegree-left_img {
  margin-left: 20px;
  margin-right: 0;
}

@media (max-width: 1599px) {
  body.language-arabic .boxContent .socialLogin li:not(:last-child) {
    margin-right: 0;
  }
  body.language-arabic .boxContent .socialLogin li:not(:first-child) {
    margin-right: 20px;
  }
}

@media (max-width: 575.98px) {
  body.language-arabic .boxContent .commonDegree-left_img {
    margin-left: 15px;
  }
}

body.language-arabic .custom-radio .custom-control-label:before {
  right: -24px;
  left: auto;
}

body.language-arabic .custom-radio .custom-control-label:after {
  left: auto;
  right: -19px;
}

body.language-arabic .commonBanner-img {
  left: 0;
  right: auto;
}

body.language-arabic .select2.select2-container .select2-selection--multiple {
  padding-right: 15px;
}

body.language-arabic .select2.select2-container .select2-selection--multiple:after {
  right: auto;
  left: 15px;
}

body.language-arabic .select2.select2-container .select2-selection--multiple .select2-selection__choice__remove {
  border: 0 !important;
}

body.language-arabic .select2.select2-container .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 2px;
  padding-right: 5px;
}

body.language-arabic .select2.select2-container .select2-selection__arrow {
  left: 10px;
  right: auto !important;
}

body.language-arabic .select2.select2-container .select2-selection__rendered {
  padding-right: 0;
}

body.language-arabic .gridList__info:not(:last-child) {
  padding-right: 0;
  padding-left: 15px;
}

body.language-arabic .gridList__info:not(:last-child):after {
  right: auto;
  left: 0;
}

body.language-arabic .commonList-item {
  padding: 15px;
  border-radius: 5px;
}

body.language-arabic .commonList-item:not(:last-child) {
  margin-bottom: 20px;
}

body.language-arabic .commonList-item_img {
  margin-right: 0px;
  margin-left: 20px;
}

body.language-arabic .commonList-item_img .commonTag {
  left: auto;
  right: 8px;
}

body.language-arabic .commonList-item_info h5 {
  padding-right: 0;
  padding-left: 15px;
}

body.language-arabic .ratingCommentBox .userInfo__img {
  margin-right: 0;
  margin-left: 10px;
}

body.language-arabic .ratingCommentBox .userInfo__img {
  margin-right: 0;
  margin-left: 10px;
}

body.language-arabic .commonModal .close {
  right: auto;
  left: 30px;
}

body.language-arabic .commonModal .modal-footer .btn + .btn {
  margin-left: 0;
  margin-right: 15px;
}

@media (max-width: 575.98px) {
  body.language-arabic .commonModal .close {
    left: 15px;
  }
}

body.language-arabic .commonModal--referEarnModal ul li:not(:last-child) {
  margin-right: 0;
  margin-left: 15px;
}

@media (max-width: 767.98px) {
  body.language-arabic .commonModal--referEarnModal ul li:not(:last-child) {
    margin-right: 0;
    margin-left: 10px;
  }
}

body.language-arabic .userInfo_img {
  margin-right: 0px;
  margin-left: 15px;
}

body.language-arabic .pageTitle__rideSide a:last-child {
  margin-left: 0;
  margin-right: 15px;
}

body.language-arabic .pageTitle__rideSide .btn-yellow em {
  margin-right: 0;
  margin-left: 5px;
}

@media (min-width: 576px) {
  body.language-arabic .pageTitle__rideSide em {
    margin-right: 0;
    margin-left: 12px;
  }
}

@media (max-width: 575.98px) {
  body.language-arabic .pageTitle__rideSide .btn-yellow em {
    margin-left: 0;
  }
}

body.language-arabic .feedbackCol {
  margin-left: 0;
  margin-right: 16%;
}

@media (max-width: 991.98px) {
  body.language-arabic .feedbackCol {
    margin-right: 0;
  }
}

body.language-arabic .cls-3 {
  transform: translate(1006px, 397px);
}

body.language-arabic .cls-4:not(:first-child) {
  letter-spacing: 7px;
}

body.language-arabic #Overall_Rating {
  transform: translate(1030px, 425px);
}

body.language-arabic .sortBy .nameSpace {
  padding-left: 10px;
  padding-right: 0;
}

body.language-arabic .sortBy .select2.select2-container .select2-selection__arrow {
  left: 5px !important;
  right: auto !important;
}

body.language-arabic .sortBy .select2.select2-container .select2-selection__rendered {
  padding-right: 0;
  padding-left: 15px !important;
}

body.language-arabic .btnRow .btn:not(:first-child) {
  margin-right: 0;
  margin-left: 0 !important;
}

body.language-arabic .authPage-content_right .backLink span {
  margin-left: .5rem;
  margin-right: 0 !important;
}

body.language-arabic .authPage-content_right .icon-left-arrow::before {
  content: "\E903";
}

body.language-arabic .authPage-content_left .authSlider .slick-dots li + li {
  margin-left: 0;
  margin-right: 8px;
}

body.language-arabic .authPage .boxContent-form .form-group:not(:first-child) .custom-control {
  margin-right: 0;
  margin-left: 3rem !important;
}

body.language-arabic .authPage .boxContent-form .custom-control {
  padding-left: 0;
  padding-right: 24px;
}

body.language-arabic .authPage .boxContent-form .submitBtn .custom-control {
  padding-right: 0;
}

body.language-arabic .homePage .banner .btn-tutor {
  margin-right: 0;
  margin-left: 20px;
}

body.language-arabic .homePage .learningPrograms__icon {
  margin-right: 0;
  margin-left: 20px;
}

body.language-arabic .homePage .onlineSchool__img {
  direction: ltr;
}

body.language-arabic .homePage .downloadApp .google-play-btn {
  margin-right: 0;
  margin-left: 17px;
}

body.language-arabic .bookingPage .paymentCard-Box {
  padding: 30px 50px 30px 30px;
}

body.language-arabic .bookingPage .paymentCard-Box_cards {
  margin-left: 0px;
  margin-right: 15px;
}

body.language-arabic .bookingPage .paymentCard-Box_cards .cardImg:not(:last-child) {
  margin-left: 20px;
  margin-right: 0;
}

body.language-arabic .bookingPage .paymentCard-Box_cards .cardImg-innerText_num span:not(:last-child) {
  padding-right: 0;
  padding-left: 25px;
}

body.language-arabic .bookingPage .paymentCard-Box_payOption .wallet {
  margin: 16px 15px 0 0;
}

body.language-arabic .bookingPage .paymentCard-Box_payOption .wallet_txt {
  padding-right: 0;
  padding-right: 20px;
}

body.language-arabic .bookingPage .paymentCard-Box .custom-control h4 {
  margin-right: 15px;
  margin-left: 0;
}

@media (max-width: 1599px) {
  body.language-arabic .bookingPage .paymentCard-Box_cards .cardImg-innerText_num span:not(:last-child) {
    padding-left: 20px;
  }
}

@media (max-width: 1399px) {
  body.language-arabic .bookingPage .paymentCard-Box_cards .cardImg-innerText_num span:not(:last-child) {
    padding-left: 15px;
  }
}

@media (max-width: 1199.98px) {
  body.language-arabic .bookingPage .paymentCard-Box a {
    padding-bottom: 5px;
  }
  body.language-arabic .bookingPage .paymentCard-Box_cards .cardImg-innerText_num span:not(:last-child) {
    padding-left: 6px;
  }
  body.language-arabic .bookingPage .paymentCard-Box .custom-control-label:before {
    top: 2px;
  }
  body.language-arabic .bookingPage .paymentCard-Box .custom-control-input:checked ~ .custom-control-label:after {
    top: 7px;
  }
}

@media (max-width: 991.98px) {
  body.language-arabic .bookingPage .paymentCard-Box {
    padding: 15px 30px 15px 10px;
  }
}

@media (max-width: 767.98px) {
  body.language-arabic .bookingPage .paymentCard-Box_cards .cardImg-innerText_num span:not(:last-child) {
    padding-left: 12px;
  }
}

@media (max-width: 575.98px) {
  body.language-arabic .bookingPage .paymentCard-Box_cards .cardImg-innerText_num span:not(:last-child) {
    padding-left: 6px;
  }
  body.language-arabic .bookingPage .paymentCard-Box .custom-control h4 {
    margin-right: 0;
  }
}

@media (max-width: 480px) {
  body.language-arabic .bookingPage .paymentCard-Box_cards .cardImg-innerText_num span:not(:last-child) {
    padding-left: 3px;
  }
}

@media (max-width: 320px) {
  body.language-arabic .bookingPage .paymentCard-Box a {
    font-size: 11px;
  }
  body.language-arabic .bookingPage .paymentCard-Box_cards .cardImg-innerText_num span:not(:last-child) {
    padding-left: 0px;
  }
  body.language-arabic .bookingPage .paymentCard-Box .custom-control h4 {
    font-size: 11px;
  }
}

body.language-arabic .bookingPage .paymentDetail-Box_dateContent .date .dateSpace {
  padding-right: 0;
  padding-left: 10px;
}

body.language-arabic .detailPage--blogDetail .blogDetailPageCnt--right .btnRow .btn:first-child {
  margin-right: 0px;
  margin-left: 15px;
}

body.language-arabic .detailPage--blogDetail .blogDetailPageCnt--right .userInfo__name {
  padding-left: 0px;
  padding-right: 10px;
}

@media (max-width: 1599px) {
  body.language-arabic .detailPage--blogDetail .blogDetailPageCnt--right .btnRow .btn:first-child {
    font-size: 19px;
  }
}

@media (max-width: 1399px) {
  body.language-arabic .detailPage--blogDetail .blogDetailPageCnt--right .btnRow .btn:first-child {
    font-size: 15px;
  }
}

body.language-arabic .detailPage .btnRow .btn:first-child {
  margin-right: 0;
  margin-left: 15px;
}

body.language-arabic .detailPage .dateTime p {
  padding-right: 10px;
  padding-left: 0;
}

body.language-arabic .detailPage .userInfo__name {
  padding-right: 10px;
  padding-left: 0;
}

body.language-arabic .detailPage .subject__topicList {
  margin-bottom: 20px;
}

body.language-arabic .detailPage .subject__topicList .btn-row {
  margin-top: 30px;
}

body.language-arabic .detailPage .subject__moreDetail ul li:not(:last-child) {
  margin-right: 0px;
  margin-left: 10px;
}

body.language-arabic .detailPage .subject__info .view:first-child {
  padding-right: 0;
  padding-left: 50px;
}

body.language-arabic .detailPage .subject__info .view:not(:last-child):after {
  right: auto;
  left: 0px;
}

body.language-arabic .detailPage .subject__education table th {
  border-left: 1px solid #E1E1E1;
  border-right: 0;
}

body.language-arabic .detailPage .subject__education table th:not(:first-child) {
  padding-right: 70px;
  padding-left: 0;
  border-left: 0;
}

body.language-arabic .detailPage .subject__education table td {
  border-left: 1px solid #E1E1E1;
  border-right: 0;
}

body.language-arabic .detailPage .subject__education table td:not(:first-child) {
  padding-right: 70px;
  padding-left: 0;
  border-left: 0;
}

body.language-arabic .detailPage .subject .scheduleBtn .btn:first-child {
  margin-left: 8px;
  margin-right: 0;
}

body.language-arabic .detailPage .subject .ratingCommentBox .userInfo__img {
  margin-right: 0px;
  margin-left: 10px;
}

body.language-arabic .detailPage .subject .studentInfo__img {
  margin-right: 0;
  margin-left: 20px;
}

@media (max-width: 1199.98px) {
  body.language-arabic .detailPageCnt--right .btnRow .btn:first-child {
    margin-left: 10px;
  }
  body.language-arabic .detailPage .subject .studentInfo__img {
    margin-right: 0;
    margin-left: 15px;
  }
}

body.language-arabic .tutorSchedule-left .text span {
  margin-left: 8px;
  margin-right: 0;
}

@media (min-width: 768px) {
  body.language-arabic .tutorSchedule-right_scheduleList li .scheduleBox_img {
    margin-right: 0;
    margin-left: 13px;
  }
}

body.language-arabic .commonSideBar__inner ul li em {
  margin-right: 0;
  margin-left: 15px;
}

body.language-arabic .commonSideBar__inner ul li a.active:before {
  left: auto;
  right: 0;
}

body.language-arabic .notificationPage .infoItem__img {
  margin-right: 0px;
  margin-left: 12px;
}

body.language-arabic .paymentMethodPage .paymentCard-Box {
  padding-right: 30px;
  padding-left: 82px;
}

body.language-arabic .paymentMethodPage .paymentCard-Box_cards .cardImg {
  margin-right: 0;
  margin-left: 20px;
}

body.language-arabic .paymentMethodPage .paymentCard-Box_cards .cardImg-bg {
  margin-right: 0;
  margin-left: 20px;
}

body.language-arabic .paymentMethodPage .paymentCard-Box_cards .cardImg-innerText_num span:not(:last-child) {
  padding-right: 0px;
  padding-left: 25px;
}

@media (max-width: 1399px) {
  body.language-arabic .paymentMethodPage .paymentCard-Box {
    padding-left: 30px;
    padding-right: 10px;
  }
}

@media (max-width: 991.98px) {
  body.language-arabic .paymentMethodPage .paymentCard-Box_cards .cardImg-innerText_num span:not(:last-child) {
    padding-right: 0;
    padding-left: 20px;
  }
}

@media (max-width: 767.98px) {
  body.language-arabic .paymentMethodPage .paymentCard-Box {
    padding: 15px;
  }
  body.language-arabic .paymentMethodPage .paymentCard-Box_cards .cardImg-innerText_num span:not(:last-child) {
    padding-right: 0;
    padding-left: 12px;
  }
}

@media (max-width: 575.98px) {
  body.language-arabic .paymentMethodPage .paymentCard-Box_cards .cardImg-innerText_num span:not(:last-child) {
    padding-right: 0;
    padding-left: 6px;
  }
}

@media (max-width: 480px) {
  body.language-arabic .paymentMethodPage .paymentCard-Box_cards .cardImg-innerText_num span {
    font-size: 12px;
  }
  body.language-arabic .paymentMethodPage .paymentCard-Box_cards .cardImg-innerText_num span:not(:last-child) {
    padding-right: 0;
    padding-left: 4px;
  }
}

@media (max-width: 375px) {
  body.language-arabic .paymentMethodPage .paymentCard-Box_cards .cardImg-innerText_num span {
    font-size: 20px;
  }
  body.language-arabic .paymentMethodPage .paymentCard-Box_cards .cardImg-innerText_num span:not(:last-child) {
    padding-right: 0;
    padding-left: 14px;
  }
}

@media (max-width: 320px) {
  body.language-arabic .paymentMethodPage .paymentCard-Box_cards .cardImg-innerText_num span {
    font-size: 16px;
  }
  body.language-arabic .paymentMethodPage .paymentCard-Box_cards .cardImg-innerText_num span:not(:last-child) {
    padding-right: 0;
    padding-left: 10px;
  }
}

body.language-arabic .chatPage .userList .userInfo-userDetail {
  padding-left: 0;
  padding-right: 15px;
}

body.language-arabic .chatPage .pageTitle__title span {
  margin-left: 0;
  margin-right: 15px;
}

body.language-arabic .chatPage .chatBox-body .msgBox-send {
  text-align: left;
}

body.language-arabic .chatPage .chatBox-body .msgBox_body .checkmark {
  margin-left: 0;
  margin-right: 10px;
}

body.language-arabic .chatPage .chatBox-footer .btn {
  margin-left: 0;
  margin-right: 30px;
}

@media (max-width: 991.98px) {
  body.language-arabic .chatPage .chatBox-footer .btn {
    margin-left: 0;
    margin-right: 15px;
  }
}

body.language-arabic .referPage .howitWorkBox__icon {
  margin-left: 15px;
  margin-right: 0;
}

@media (min-width: 768px) {
  body.language-arabic .walletPage .availableBox__icon {
    margin-left: 10px;
    margin-right: 0;
  }
}

@media (min-width: 1600px) {
  body.language-arabic .walletPage .availableBox__icon {
    margin-right: 0;
    margin-left: 15px;
  }
}

body.language-arabic .editProfilePage .blockContent .commonList-left {
  padding-right: 0;
  padding-left: 15px;
}

body.language-arabic .editProfilePage .blockContent .commonList-left_img {
  margin-right: 0;
  margin-left: 20px;
}

body.language-arabic .addClassPage .edit-link {
  right: auto;
  left: 30px;
}

body.language-arabic .addClassPage .fees {
  margin-left: 0 !important;
  margin-right: 16px;
}

body.language-arabic .addClassPage .custom-radio .custom-control-label:before {
  right: 0;
  left: auto;
}

body.language-arabic .addClassPage .custom-radio .custom-control-label:after {
  left: auto;
  right: 5px;
}

body.language-arabic .addClassPage .customAccordion .accordion-icon {
  padding-left: 55px;
}

body.language-arabic .feedBackPage__inner .leftSide-searchBox h5 {
  padding-left: 0px;
  padding-right: 15px;
}

body.language-arabic .videoCallPage .videoBox .participantList-item_img {
  margin-right: 0;
  margin-left: 15px;
}

body.language-arabic .videoCallPage .videoBox .participantList__right .btn + .btn {
  margin-left: 0;
  margin-right: 5px;
}

body.language-arabic .videoCallPage .videoBox-timer .text-white {
  margin-right: 1rem;
  margin-left: 0 !important;
}

body.language-arabic .videoCallPage .videoBox-callPanel_link:not(:first-child) {
  margin-left: 0;
}

body.language-arabic .videoCallPage .videoBox-callPanel_link:not(:last-child) {
  margin-left: 40px;
}

body.language-arabic .videoCallPage .videoBox-head .duration span:first-child {
  margin-right: 0;
  padding-right: 0;
  padding-left: 23px;
  margin-left: 15px;
}

body.language-arabic .videoCallPage .videoBox-head .duration span:first-child::after {
  right: auto;
  left: 0;
}

@media (max-width: 1599px) {
  body.language-arabic .videoCallPage .videoBox-callPanel_link:not(:last-child) {
    margin-left: 30px;
  }
}

@media (max-width: 1199.98px) {
  body.language-arabic .videoCallPage .videoBox-callPanel_link:not(:last-child) {
    margin-left: 25px;
  }
}

@media (max-width: 575.98px) {
  body.language-arabic .videoCallPage .videoBox-callPanel_link:not(:last-child) {
    margin-left: 15px;
  }
  body.language-arabic .videoCallPage .videoBox-head .duration span:first-child {
    margin-right: 0;
    padding-right: 0;
    padding-left: 18px;
    margin-left: 10px;
  }
  body.language-arabic .videoCallPage .videoBox-head .duration span:first-child::after {
    right: auto;
    left: 0;
  }
}

body.language-arabic .bookingRequestPage .accordion-body .btnRow .btn:last-child {
  margin-right: .5rem;
  margin-left: 0 !important;
}

body.language-arabic .dashboard .totalList-content .detail {
  padding-left: 0;
  padding-right: 20px;
}

body.language-arabic .dashboard--Tutor .totalList-content .detail {
  padding-right: 0;
}

body.language-arabic .dashboard--Tutor .totalList .btn-row .btn:not(:last-child) {
  margin-right: 0;
  margin-left: 20px;
}

@media (max-width: 1599px) {
  body.language-arabic .dashboard .totalList-content .detail {
    padding-right: 15px;
  }
}

@media (max-width: 1199.98px) {
  body.language-arabic .dashboard--Tutor .totalList .btn-row .btn:not(:last-child) {
    margin-left: 15px;
  }
}

@media (max-width: 767.98px) {
  body.language-arabic .dashboard--Tutor .totalList .btn-row .btn:not(:last-child) {
    margin-left: 5px;
  }
}

body.language-arabic .subscriptionPage__PlansBox .planList ul li {
  padding-left: 0;
  padding-right: 30px;
}

body.language-arabic .subscriptionPage__PlansBox .planList ul li:before {
  left: auto;
  right: 0;
}

@media (max-width: 575.98px) {
  body.language-arabic .subscriptionPage__PlansBox {
    padding: 10px;
  }
  body.language-arabic .subscriptionPage__PlansBox .planList ul li {
    padding-right: 20px;
  }
}

body.language-arabic .cardPaymentPage .cardPayment .wpwl-form .wpwl-brand-card-logo {
  right: auto;
  left: 0;
}

body.language-arabic .cardPaymentPage .cardPayment .wpwl-form .wpwl-brand-card-logo.wpwl-brand-svg-MADA {
  left: 12px;
}

body.language-arabic .cardPaymentPage .cardPayment .wpwl-wrapper-registration-cvv {
  width: 25%;
}

body.language-arabic .cardPaymentPage .cardPayment .wpwl-wrapper-registration-details {
  width: 49.03%;
}

@media (max-width: 575.98px) {
  body.language-arabic .cardPaymentPage .cardPayment .wpwl-wrapper-registration-cvv {
    width: 100%;
    margin-top: 10px;
  }
  body.language-arabic .cardPaymentPage .cardPayment .wpwl-wrapper-registration-details {
    width: 50%;
  }
  body.language-arabic .cardPaymentPage .cardPayment .wpwl-wrapper-registration-brand {
    width: 26%;
    padding-left: 0;
  }
  body.language-arabic .cardPaymentPage .cardPayment .wpwl-label-brand,
  body.language-arabic .cardPaymentPage .cardPayment .wpwl-wrapper-brand, body.language-arabic .cardPaymentPage .cardPayment .wpwl-wrapper-registration-registrationId,
  body.language-arabic .cardPaymentPage .cardPayment .wpwl-wrapper-registration-brand,
  body.language-arabic .cardPaymentPage .cardPayment .wpwl-wrapper-registration-number,
  body.language-arabic .cardPaymentPage .cardPayment .wpwl-wrapper-registration-expiry {
    padding-left: 15px;
  }
  body.language-arabic .cardPaymentPage .cardPayment .cardPayment .wpwl-button-pay {
    font-size: 14px;
    padding: 5px 8px;
  }
}

@media (max-width: 480px) {
  body.language-arabic .cardPaymentPage .cardPayment .wpwl-form .wpwl-brand-card-logo {
    top: 38px;
  }
  body.language-arabic .cardPaymentPage .cardPayment .wpwl-form .wpwl-brand-card-logo.wpwl-brand-svg-MADA {
    top: 45px;
  }
}