@font-face {
  font-family: Google Sans;
  font-style: italic;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/googlesans/v27/4UaErENHsxJlGDuGo1OIlL3L8phULjtH.woff2)
  format("woff2");
  unicode-range: U+0400-045f, U+0490-0491, U+04b0-04b1, U+2116;
}

@font-face {
  font-family: Google Sans;
  font-style: italic;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/googlesans/v27/4UaErENHsxJlGDuGo1OIlL3L8p9ULjtH.woff2)
  format("woff2");
  unicode-range: U+0370-03ff;
}

@font-face {
  font-family: Google Sans;
  font-style: italic;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/googlesans/v27/4UaErENHsxJlGDuGo1OIlL3L8pNULjtH.woff2)
  format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01a0-01a1,
  U+01af-01b0, U+1ea0-1ef9, U+20ab;
}

@font-face {
  font-family: Google Sans;
  font-style: italic;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/googlesans/v27/4UaErENHsxJlGDuGo1OIlL3L8pJULjtH.woff2)
  format("woff2");
  unicode-range: U+0100-024f, U+0259, U+1e??, U+2020, U+20a0-20ab, U+20ad-20cf,
  U+2113, U+2c60-2c7f, U+a720-a7ff;
}

@font-face {
  font-family: Google Sans;
  font-style: italic;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/googlesans/v27/4UaErENHsxJlGDuGo1OIlL3L8pxULg.woff2)
  format("woff2");
  unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da,
  U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215,
  U+feff, U+fffd;
}

@font-face {
  font-family: Google Sans;
  font-style: italic;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/googlesans/v27/4UaZrENHsxJlGDuGo1OIlL3L-m93OwBmO24p.woff2)
  format("woff2");
  unicode-range: U+0400-045f, U+0490-0491, U+04b0-04b1, U+2116;
}

@font-face {
  font-family: Google Sans;
  font-style: italic;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/googlesans/v27/4UaZrENHsxJlGDuGo1OIlL3L-m93OwdmO24p.woff2)
  format("woff2");
  unicode-range: U+0370-03ff;
}

@font-face {
  font-family: Google Sans;
  font-style: italic;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/googlesans/v27/4UaZrENHsxJlGDuGo1OIlL3L-m93OwtmO24p.woff2)
  format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01a0-01a1,
  U+01af-01b0, U+1ea0-1ef9, U+20ab;
}

@font-face {
  font-family: Google Sans;
  font-style: italic;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/googlesans/v27/4UaZrENHsxJlGDuGo1OIlL3L-m93OwpmO24p.woff2)
  format("woff2");
  unicode-range: U+0100-024f, U+0259, U+1e??, U+2020, U+20a0-20ab, U+20ad-20cf,
  U+2113, U+2c60-2c7f, U+a720-a7ff;
}

@font-face {
  font-family: Google Sans;
  font-style: italic;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/googlesans/v27/4UaZrENHsxJlGDuGo1OIlL3L-m93OwRmOw.woff2)
  format("woff2");
  unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da,
  U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215,
  U+feff, U+fffd;
}

@font-face {
  font-family: Google Sans;
  font-style: italic;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/googlesans/v27/4UaZrENHsxJlGDuGo1OIlL3L-idxOwBmO24p.woff2)
  format("woff2");
  unicode-range: U+0400-045f, U+0490-0491, U+04b0-04b1, U+2116;
}

@font-face {
  font-family: Google Sans;
  font-style: italic;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/googlesans/v27/4UaZrENHsxJlGDuGo1OIlL3L-idxOwdmO24p.woff2)
  format("woff2");
  unicode-range: U+0370-03ff;
}

@font-face {
  font-family: Google Sans;
  font-style: italic;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/googlesans/v27/4UaZrENHsxJlGDuGo1OIlL3L-idxOwtmO24p.woff2)
  format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01a0-01a1,
  U+01af-01b0, U+1ea0-1ef9, U+20ab;
}

@font-face {
  font-family: Google Sans;
  font-style: italic;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/googlesans/v27/4UaZrENHsxJlGDuGo1OIlL3L-idxOwpmO24p.woff2)
  format("woff2");
  unicode-range: U+0100-024f, U+0259, U+1e??, U+2020, U+20a0-20ab, U+20ad-20cf,
  U+2113, U+2c60-2c7f, U+a720-a7ff;
}

@font-face {
  font-family: Google Sans;
  font-style: italic;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/googlesans/v27/4UaZrENHsxJlGDuGo1OIlL3L-idxOwRmOw.woff2)
  format("woff2");
  unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da,
  U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215,
  U+feff, U+fffd;
}

@font-face {
  font-family: Google Sans;
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/googlesans/v27/4UaGrENHsxJlGDuGo1OIlL3Kwp5MKg.woff2)
  format("woff2");
  unicode-range: U+0400-045f, U+0490-0491, U+04b0-04b1, U+2116;
}

@font-face {
  font-family: Google Sans;
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/googlesans/v27/4UaGrENHsxJlGDuGo1OIlL3Nwp5MKg.woff2)
  format("woff2");
  unicode-range: U+0370-03ff;
}

@font-face {
  font-family: Google Sans;
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/googlesans/v27/4UaGrENHsxJlGDuGo1OIlL3Bwp5MKg.woff2)
  format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01a0-01a1,
  U+01af-01b0, U+1ea0-1ef9, U+20ab;
}

@font-face {
  font-family: Google Sans;
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/googlesans/v27/4UaGrENHsxJlGDuGo1OIlL3Awp5MKg.woff2)
  format("woff2");
  unicode-range: U+0100-024f, U+0259, U+1e??, U+2020, U+20a0-20ab, U+20ad-20cf,
  U+2113, U+2c60-2c7f, U+a720-a7ff;
}

@font-face {
  font-family: Google Sans;
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/googlesans/v27/4UaGrENHsxJlGDuGo1OIlL3Owp4.woff2)
  format("woff2");
  unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da,
  U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215,
  U+feff, U+fffd;
}

@font-face {
  font-family: Google Sans;
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/googlesans/v27/4UabrENHsxJlGDuGo1OIlLU94Yt3CwZ-Pw.woff2)
  format("woff2");
  unicode-range: U+0400-045f, U+0490-0491, U+04b0-04b1, U+2116;
}

@font-face {
  font-family: Google Sans;
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/googlesans/v27/4UabrENHsxJlGDuGo1OIlLU94YtwCwZ-Pw.woff2)
  format("woff2");
  unicode-range: U+0370-03ff;
}

@font-face {
  font-family: Google Sans;
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/googlesans/v27/4UabrENHsxJlGDuGo1OIlLU94Yt8CwZ-Pw.woff2)
  format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01a0-01a1,
  U+01af-01b0, U+1ea0-1ef9, U+20ab;
}

@font-face {
  font-family: Google Sans;
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/googlesans/v27/4UabrENHsxJlGDuGo1OIlLU94Yt9CwZ-Pw.woff2)
  format("woff2");
  unicode-range: U+0100-024f, U+0259, U+1e??, U+2020, U+20a0-20ab, U+20ad-20cf,
  U+2113, U+2c60-2c7f, U+a720-a7ff;
}

@font-face {
  font-family: Google Sans;
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/googlesans/v27/4UabrENHsxJlGDuGo1OIlLU94YtzCwY.woff2)
  format("woff2");
  unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da,
  U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215,
  U+feff, U+fffd;
}

@font-face {
  font-family: Google Sans;
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/googlesans/v27/4UabrENHsxJlGDuGo1OIlLV154t3CwZ-Pw.woff2)
  format("woff2");
  unicode-range: U+0400-045f, U+0490-0491, U+04b0-04b1, U+2116;
}

@font-face {
  font-family: Google Sans;
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/googlesans/v27/4UabrENHsxJlGDuGo1OIlLV154twCwZ-Pw.woff2)
  format("woff2");
  unicode-range: U+0370-03ff;
}

@font-face {
  font-family: Google Sans;
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/googlesans/v27/4UabrENHsxJlGDuGo1OIlLV154t8CwZ-Pw.woff2)
  format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01a0-01a1,
  U+01af-01b0, U+1ea0-1ef9, U+20ab;
}

@font-face {
  font-family: Google Sans;
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/googlesans/v27/4UabrENHsxJlGDuGo1OIlLV154t9CwZ-Pw.woff2)
  format("woff2");
  unicode-range: U+0100-024f, U+0259, U+1e??, U+2020, U+20a0-20ab, U+20ad-20cf,
  U+2113, U+2c60-2c7f, U+a720-a7ff;
}

@font-face {
  font-family: Google Sans;
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/googlesans/v27/4UabrENHsxJlGDuGo1OIlLV154tzCwY.woff2)
  format("woff2");
  unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da,
  U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215,
  U+feff, U+fffd;
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 900;
  src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_epG3gTD_u50.woff2)
  format("woff2");
  unicode-range: U+0460-052f, U+1c80-1c88, U+20b4, U+2de0-2dff, U+a640-a69f,
  U+fe2e-fe2f;
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 900;
  src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_epG3g3D_u50.woff2)
  format("woff2");
  unicode-range: U+0400-045f, U+0490-0491, U+04b0-04b1, U+2116;
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 900;
  src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_epG3gbD_u50.woff2)
  format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01a0-01a1,
  U+01af-01b0, U+1ea0-1ef9, U+20ab;
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 900;
  src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_epG3gfD_u50.woff2)
  format("woff2");
  unicode-range: U+0100-024f, U+0259, U+1e??, U+2020, U+20a0-20ab, U+20ad-20cf,
  U+2113, U+2c60-2c7f, U+a720-a7ff;
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 900;
  src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_epG3gnD_g.woff2)
  format("woff2");
  unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da,
  U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215,
  U+feff, U+fffd;
}

* {
  font-family: "Google Sans", "Roboto", "Inter", system-ui, "Open Sans",
  sans-serif;
}

html {
  scroll-behavior: smooth;
}

:root {
  --primary-color: #239853;
  --secondary-color: #333333;
  --background-color: #f7f9fb;
}
.layout-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px;
}

.show {
  opacity: 1;
  visibility: visible;
}

.hide {
  opacity: 0;
  visibility: hidden;
}

/* style slick arrow */
#slider-container .slick-prev,
#slider-container .slick-next {
  padding: 5px 10px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 2px solid #ffffff;
}
#slider-container .slick-prev,
#slider-container .slick-next,
#student-slide .slick-prev,
#student-slide .slick-next {
  position: absolute;
  top: 50%;
  z-index: 10;

  /* background-color: red !important; */
}
#slider-container .slick-prev:hover,
#slider-container .slick-next:hover {
  color: #ffffff;
  background: var(--primary-color) !important;
}

#slider-container .slick-prev {
  left: 20px;
  /* transform: translate(-50%, -50%); */
}
#slider-container .slick-next {
  right: 20px;
  /* transform: translate(50%, -50%); */
}

#slider-container .slick-arr {
  color: #ffffff;
  font-size: 20px;
  background-color: transparent !important;
  transition: all 0.25s ease;
}

#student-slide .slick-arr {
  font-size: 20px;
  color: #ffffff;
  background-color: var(--primary-color);
}

#student-slide .slick-prev,
#student-slide .slick-next {
  padding: 5px 10px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
#student-slide .slick-prev {
  left: -80px;
}
#student-slide .slick-next {
  right: -80px;
}

#slider-container .slick-dots,
#testimonials-slider .slick-dots,
#student-slide .slick-dots {
  display: flex !important;
  column-gap: 10px;
  position: absolute;
  left: 50%;
  /* bottom: -30px; */
  transform: translate(-50%);
}

#slider-container .slick-dots {
  bottom: 10px;
}
#testimonials-slider .slick-dots,
#student-slide .slick-dots {
  bottom: -30px;
}

#slider-container .slick-dots button,
#testimonials-slider .slick-dots button,
#student-slide .slick-dots button {
  font-size: 0;
  width: 8px;
  height: 8px;
  /* border-radius: 3px; */
  outline: none;
  background-color: #eee;
  transition: all 0.5s linear;
  border-radius: 30px;
}
#testimonials-slider .slick-dots button:hover {
  background-color: #090761;
}

#testimonials-slider .slick-dots .slick-active button,
#student-slide .slick-dots .slick-active button {
  width: 20px;
  background-color: #090761;
}
#student-slide .slick-dots .slick-active button {
  background-color: var(--primary-color);
}

#slider-container .slick-dots .slick-active button {
  width: 20px;
  background-color: var(--primary-color);
}
/* end style slick */

/* style blog detail content  */

.blog-content img,
.course-instructor-desciption img,
.course-update-info img,
.course-desciption img,
.learning-lession-desciption img {
  width: 100%;
  height: auto;
  /* margin: 16px 0; */
  margin-top: 16px;
  border-radius: 8px;
}
.blog-content table,
.course-instructor-desciption table,
.course-update-info table,
.course-desciption table,
.learning-lession-desciption table {
  width: 100%;
  border-collapse: collapse;
  margin: 16px 0;
}

.blog-content table tr td,
.course-instructor-desciption table tr td,
.course-update-info table tr td,
.course-desciption table tr td,
.learning-lession-desciption table tr td {
  border: 1px solid #acacac;
  padding: 10px;
}

.blog-content ul,
.course-instructor-desciption ul,
.course-update-info ul,
.course-desciption ul,
.learning-lession-desciption ul,
.note-editable ul {
  padding-left: 20px;
  list-style: disc;
}

.blog-content ol,
.course-instructor-desciption ol,
.course-update-info ol,
.course-desciption ol,
.learning-lession-desciption ol,
.note-editable ol {
  padding-left: 20px;
  list-style: decimal;
}

.blog-content h1,
.blog-content h2,
.blog-content h3,
.blog-content h4,
.blog-content h5,
.blog-content h6,
.course-instructor-desciption h1,
.course-instructor-desciption h2,
.course-instructor-desciption h3,
.course-instructor-desciption h4,
.course-instructor-desciption h5,
.course-instructor-desciption h6,
.course-update-info h1,
.course-update-info h2,
.course-update-info h3,
.course-update-info h4,
.course-update-info h5,
.course-update-info h6,
.course-desciption h1,
.course-desciption h2,
.course-desciption h3,
.course-desciption h4,
.course-desciption h5,
.course-desciption h6,
.learning-lession-desciption h1,
.learning-lession-desciption h2,
.learning-lession-desciption h3,
.learning-lession-desciption h4,
.learning-lession-desciption h5,
.learning-lession-desciption h6,
.note-editable h1,
.note-editable h2,
.note-editable h3,
.note-editable h4,
.note-editable h5,
.note-editable h6 {
  font-weight: 600;
}

.blog-content h1,
.course-instructor-desciption h1,
.course-update-info h1,
.course-desciption h1,
.learning-lession-desciption h1,
.note-editable h1 {
  font-size: 1.8rem;
}

.blog-content h2,
.course-instructor-desciption h2,
.course-update-info h2,
.course-desciption h2,
.learning-lession-desciption h2,
.note-editable h2 {
  font-size: 1.6rem;
}

.blog-content h3,
.course-instructor-desciption h3,
.course-update-info h3,
.course-desciption h3,
.learning-lession-desciption h3,
.note-editable h3 {
  font-size: 1.4rem;
}

.blog-content h4,
.course-instructor-desciption h4,
.course-update-info h4,
.course-desciption h4,
.learning-lession-desciption h4,
.note-editable h4 {
  font-size: 1.25rem;
}

.blog-content h5,
.course-instructor-desciption h5,
.course-update-info h5,
.course-desciption h5,
.learning-lession-desciption h5,
.note-editable h5 {
  font-size: 1.15rem;
}

.blog-content h6,
.course-instructor-desciption h6,
.course-update-info h6,
.course-desciption h6,
.learning-lession-desciption h6,
.note-editable h6 {
  font-size: 1rem;
}

.blog-content em,
.course-instructor-desciption em,
.course-update-info em,
.course-desciption em,
.learning-lession-desciption em,
.note-editable em {
  font-weight: unset;
  font-style: italic;
}

.blog-content strong,
.course-instructor-desciption strong,
.course-update-info strong,
.course-desciption strong,
.learning-lession-desciption strong,
.note-editable strong {
  font-weight: 700;
}

.blog-content a,
.course-instructor-desciption a,
.course-update-info a,
.course-desciption a,
.learning-lession-desciption a,
.note-editable a {
  color: var(--primary-color);
  text-decoration: none;
  font-weight: 500;
}
.blog-content a:hover,
.course-instructor-desciption a:hover,
.course-update-info a:hover,
.course-desciption a:hover,
.learning-lession-desciption a:hover,
.note-editable a:hover {
  text-decoration: underline;
}
.blog-content p,
.course-instructor-desciption p,
.course-update-info p,
.course-desciption p {
  margin: 16px 0;
}

.blog-content img + em,
.course-instructor-desciption img + em,
.course-update-info img + em,
.course-desciption img + em,
.learning-lession-desciption img + em {
  display: block;
  text-align: center;
  /* font-size: 0.8rem; */
  color: #77838f;
}

.blog-content blockquote,
.course-instructor-desciption blockquote,
.course-update-info blockquote,
.course-desciption blockquote,
.learning-lession-desciption blockquote,
.note-editable blockquote {
  margin-left: 0;
  padding: 0 0 2px 20px;
  border-left: 3px solid var(--primary-color);
  color: #6d6d6d;
  font-weight: 600;
}

.blog-content p,
.blog-content ul,
.blog-content ol,
.blog-content table,
.blog-content blockquote,
.course-instructor-desciption p,
.course-instructor-desciption ul,
.course-instructor-desciption ol,
.course-instructor-desciption table,
.course-instructor-desciption blockquote,
.course-update-info p,
.course-update-info ul,
.course-update-info ol,
.course-update-info table,
.course-update-info blockquote,
.course-desciption p,
.course-desciption ul,
.course-desciption ol,
.course-desciption table,
.course-desciption blockquote,
.learning-lession-desciption p,
.learning-lession-desciption ul,
.learning-lession-desciption ol,
.learning-lession-desciption table,
.learning-lession-desciption blockquote {
  margin-bottom: 16px;
  /* margin: 16px 0; */
}

.blog-content pre,
.course-instructor-desciption pre,
.course-update-info pre,
.course-desciption pre,
.learning-lession-desciption pre,
.note-editable pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #333;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.indicator {
  transition: left 0.3s ease-in-out, top 0.3s ease-in-out;
}

.course-section li:nth-child(even),
.course-section li:hover,
.learning-collapse-content a:nth-child(even),
.learning-collapse-content a:hover {
  background-color: var(--background-color);
  cursor: default;
}

/*Custom scroll bar*/
.scrollbar::-webkit-scrollbar {
  width: 4px;
  height: 6px;
}
.scrollbar::-webkit-scrollbar-track {
  border-radius: 10px;
}
.scrollbar::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 10px;
}

.hide-learning-tabbar {
  width: 0 !important;
  transform: translateX(-100%);
}

.show-learning-tabbar {
  width: 25% !important;
  transform: translateX(0);
}

@media screen and (max-width: 1023px) {
  .show-learning-tabbar {
    width: 40% !important;
    transform: translateX(0);
  }
}
@media screen and (max-width: 640px) {
  .show-learning-tabbar {
    width: 60% !important;
    transform: translateX(0);
  }
}
@media screen and (max-width: 425px) {
  .show-learning-tabbar {
    width: 80% !important;
    transform: translateX(0);
  }
}

/* summernote custom css  */
.note-editable {
  background: white;
}

.note-editable ul,
.note-editable ol {
  margin-top: 0;
  margin-bottom: 10px;
}