/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
#hero {
  width: 100%;
  background-color: #ebd5be;
  /* background: url("../images/banner-white.png") no-repeat center center;
  background-size: cover; */
  position: relative;
  /* margin-top: 70px; */
  /* padding: 30px 0 50px 0; */
  text-align: center;
  background-image: url("/images/bg-hero.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding-bottom: 60px;
}

/* #hero:before {
  content: "";
  background: rgba(56, 64, 70, 0.7);
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
} */

#hero .container {
  z-index: 2;
}

/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section {
  padding: 30px 0;
}

.section-bg {
  background-color: #ebd5be;
}

.section-title {
  text-align: center;
  padding-bottom: 0px;
}

.section-title p {
  margin-bottom: 0;
}
.section-content {
  padding-bottom: 30px;
}
/*--------------------------------------------------------------
# What We Do
--------------------------------------------------------------*/
#what-we-do {
  background-image: url("/images/bg-sp.png");
  background-size: cover;
  background-position: bottom;
  background-repeat: no-repeat;
}
.what-we-do .course-item {
  display: flex;
  width: 100%;
  /* padding: 30px 20px; */
  /* transition: all ease-in-out 0.3s; */
  /* background: #fff; */
}

.what-we-do .course-item .course-text{
  flex: 1;
  background: inherit;
  color: #4d2b08;
  padding: 15px;
  line-height: 1.6em;
}
.what-we-do .course-item .course-text.image-left{
  padding-left: 20px;
}

.what-we-do .course-item .course-text h4 {
  font-weight: 700;
  margin-bottom: 15px;
  font-size: 24px;
}
.what-we-do .course-item .course-text h4::before{
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  background-image: url('/images/psych-manifest/bullet-point-2.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 5px;
  margin-bottom: 2px;
}
.what-we-do .course-item .course-text h4 a {
  color: #4d2b08;
  text-transform: uppercase;
  line-height: 1.4em;
}

.what-we-do .course-item .course-text p {
  line-height: 1.4;
  /* line-height: 30px; */
  /* font-size: 17px; */
  /* margin-bottom: 0; */
}
body.page .what-we-do .card {
  margin-bottom: 2rem;
  background-color: #ebd5be;
  background-clip: border-box;
  border: 1px solid #803e26;
  border-radius: 10px;
  box-shadow: 6px 6px 2px #ad6c4e, 12px 12px 2px rgb(173, 108, 78, 0.4);
  padding: 0;
}
.what-we-do .course-lists {
  padding-top: 15px;
}
.what-we-do .icon-box:hover {
  border-color: #fff;
  box-shadow: 0px 0 25px 0 rgba(0, 0, 0, 0.1);
}

.what-we-do .course-item:hover a{
  color: #4d2b08;
  text-decoration: none;
}

.what-we-do .course-item .course-image{
  flex: 0 150px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.what-we-do .course-item .course-image img{
  border-radius: 10px;
  box-shadow: 6px 6px 3px #ad6c4e, 12px 12px 2px rgb(173, 108, 78, 0.4)
}

.contact-us-card {
  background-color: #ebd5be;
  background-clip: border-box;
  border: 1px solid #803e26;
  border-radius: 0.25rem;
  padding: 15px
}
@media (min-width: 920px) {
.testimonials .fullscreen .testimonial-item img{
  max-width: 80%;
}
}

@media (min-width: 1200px) {
.testimonials .fullscreen .testimonial-item img{
  max-width: 60%;
}
}

@media (max-width: 1100px) {
.testimonials .fullscreen .testimonial-item {
  margin: 150px 15px;
}
}

/*--------------------------------------------------------------
# Team
--------------------------------------------------------------*/
.team .member {
  text-align: center;
  margin-bottom: 20px;
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
  padding: 30px 20px;
  background: #fff;
}

.team .member img {
  max-width: 60%;
  border-radius: 50%;
  margin: 0 0 30px 0;
}

.team .member h4 {
  font-weight: 700;
  margin-bottom: 2px;
  font-size: 18px;
}

.team .member span {
  font-style: italic;
  display: block;
  font-size: 13px;
}

.team .member p {
  padding-top: 10px;
  font-size: 14px;
  font-style: italic;
  color: #aaaaaa;
}

.team .member .social {
  margin-top: 15px;
}

.team .member .social a {
  color: #919191;
  transition: 0.3s;
}

.team .member .social a:hover {
  color: #bf9e9d;
}

.team .member .social i {
  font-size: 18px;
  margin: 0 2px;
}

/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/

@keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/*--------------------------------------------------------------
# Breadcrumbs
--------------------------------------------------------------*/
.breadcrumbs {
  padding: 40px 0;
  margin-top: 70px;
}

.breadcrumbs h2 {
  font-size: 26px;
  font-weight: 300;
}

.breadcrumbs ol {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 15px;
}

.breadcrumbs ol li+li {
  padding-left: 10px;
}

.breadcrumbs ol li+li::before {
  display: inline-block;
  padding-right: 10px;
  color: #4f5a62;
  content: "/";
}

@media (max-width: 768px) {
  /* #hero {
    height: 100vh;
  } */
  .breadcrumbs .d-flex {
    display: block !important;
  }
  .hide-sm {
    display: none;
  }
  .breadcrumbs ol {
    display: block;
  }

  .breadcrumbs ol li {
    display: inline-block;
  }

  .contact .contact-email {
    font-size: 15px;
  }
  .what-we-do .course-item {
    text-align: center;
  }

  .what-we-do .course-item .course-image{
    flex: 0 200px;
  }
  .what-we-do .course-item .course-text h4 {
    font-size: 1.4rem;
  }
 
  #what-we-do {
    background-position: top;
  }
  .what-we-do .course-lists {
    padding-top: 0;
  }
  .what-we-do .course-item.mobile-flex-column-reverse {
    flex-direction: column-reverse;
  }
  .what-we-do .course-item.mobile-flex-column {
    flex-direction: column;
  }
  .what-we-do .course-item .course-image {
    flex: 0 200px;
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    border-radius: 10px 10px 0 0;
  }
  .what-we-do .course-item .course-image.course-image-video-free {
    background-image: url('/images/khoa-hoc/video-free.png');
  }
  .what-we-do .course-item .course-image.course-image-song-chat-luong {
    background-image: url('/images/khoa-hoc/song-chat-luong.png');
  }
  .what-we-do .course-item .course-image.course-image-inner-child {
    background-image: url('/images/khoa-hoc/inner-child.png');
    background-position: center;
  }
  .what-we-do .course-item .course-image.course-image-psych-manifest {
    background-image: url('/images/khoa-hoc/psych-manifest.png');
  }
  .what-we-do .course-item .course-image.course-image-mind-peeling {
    background-image: url('/images/khoa-hoc/mind-peeling.png');
  }
  .what-we-do .course-item .course-image.course-image-talkshows-webinars {
    background-image: url('/images/khoa-hoc/talkshow.png');
  }
  #about .section-content {
    padding-bottom: 0;
  }
}

@media (min-width: 992px) {
  .what-we-do .course-lists .align-items-stretch {
    min-height: 250px;
  }

  .what-we-do .course-lists .inner-child-col {
    padding-top: 30px !important;
  }
}

.mx-table-date .cell.not-current-month {
  color: #73879c !important;
}
.mx-table-date .cell.not-current-month.disabled {
  color: #ccc !important;
  background-color: #f3f3f3 !important;
}
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/