.elementor-796 .elementor-element.elementor-element-6fd7d17{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:100px;--padding-bottom:100px;--padding-left:50px;--padding-right:50px;}.elementor-796 .elementor-element.elementor-element-6fd7d17:not(.elementor-motion-effects-element-type-background), .elementor-796 .elementor-element.elementor-element-6fd7d17 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#D5D5D5;background-image:url("https://nguyenthucvuhoang.com/wp-content/uploads/2025/09/Courses.jpg");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-796 .elementor-element.elementor-element-ee64a8d .elementor-heading-title{color:#000000;}.elementor-796 .elementor-element.elementor-element-b832504{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:100px;--padding-bottom:100px;--padding-left:50px;--padding-right:50px;}.elementor-796 .elementor-element.elementor-element-46c1d93{--display:flex;--justify-content:center;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:1024px){.elementor-796 .elementor-element.elementor-element-6fd7d17{--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-796 .elementor-element.elementor-element-b832504{--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}}@media(max-width:767px){.elementor-796 .elementor-element.elementor-element-6fd7d17{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:40px 40px;--row-gap:40px;--column-gap:40px;}.elementor-796 .elementor-element.elementor-element-b832504{--gap:40px 40px;--row-gap:40px;--column-gap:40px;}.elementor-796 .elementor-element.elementor-element-46c1d93{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--flex-wrap:wrap;}}/* Start custom CSS for shortcode, class: .elementor-element-1010f19 */.elementor-796 .elementor-element.elementor-element-1010f19 .wpc-load-category-list,
.elementor-796 .elementor-element.elementor-element-1010f19 #wpc-toolbar-top .wpc-btn-next,
.elementor-796 .elementor-element.elementor-element-1010f19 #wpc-toolbar-top .wpc-open-bottom-sidebar,
.wpc-lightbox .wpc-lightbox-content .login-submit input {
  font-size: 15px !important;
  font-weight: 400;
  color: #000 !important;
  border-color: #000 !important;
  background: transparent !important;
  border: 2px solid #000;
  padding: 8px 20px !important;
  transition: 0.3s ease;
}

.elementor-796 .elementor-element.elementor-element-1010f19 #wpc-toolbar-top button.wpc-load-category-list:hover,
.elementor-796 .elementor-element.elementor-element-1010f19 #wpc-toolbar-top #wpc-ajax-course-sort:hover,
.elementor-796 .elementor-element.elementor-element-1010f19 #wpc-toolbar-top .wpc-load-profile-nav:hover,
.elementor-796 .elementor-element.elementor-element-1010f19 #wpc-toolbar-top .wpc-load-login:hover,
.elementor-796 .elementor-element.elementor-element-1010f19 #wpc-toolbar-top .wpc-btn-next:hover,
.elementor-796 .elementor-element.elementor-element-1010f19 #wpc-toolbar-top .wpc-open-bottom-sidebar:hover,
.wpc-lightbox .wpc-lightbox-content .login-submit input:hover {
  background: #000 !important;
  color: #fff !important;
}

.elementor-796 .elementor-element.elementor-element-1010f19 .wpc-ajax-filters-wrapper-right,
.elementor-796 .elementor-element.elementor-element-1010f19 .wpc-toolbar-buttons {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.elementor-796 .elementor-element.elementor-element-1010f19 #wpc-toolbar-top .wpc-load-profile-nav,
.elementor-796 .elementor-element.elementor-element-1010f19 #wpc-toolbar-top .wpc-load-login,
.elementor-796 .elementor-element.elementor-element-1010f19 #wpc-toolbar-top #wpc-ajax-course-sort,
.elementor-796 .elementor-element.elementor-element-1010f19 #wpc-toolbar-top .wpc-load-category-list,
.elementor-796 .elementor-element.elementor-element-1010f19 #wpc-toolbar-top .wpc-btn-next,
.elementor-796 .elementor-element.elementor-element-1010f19 #wpc-toolbar-top .wpc-open-bottom-sidebar {
  margin: 0px !important;
}

.elementor-796 .elementor-element.elementor-element-1010f19 #wpc-toolbar-top #wpc-ajax-course-sort,
.elementor-796 .elementor-element.elementor-element-1010f19 #wpc-toolbar-top .wpc-load-profile-nav,
.elementor-796 .elementor-element.elementor-element-1010f19 #wpc-toolbar-top .wpc-load-login {
  font-size: 15px;
  text-transform: capitalize;
  color: #000 !important;
  border-color: #000 !important;
  border-radius: 0 !important;
  line-height: 1.5 !important;
  padding: 8px 20px !important;
  transition: 0.3s ease;
}

.elementor-796 .elementor-element.elementor-element-1010f19 select.wpc-select {
  background-image: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
}

.elementor-796 .elementor-element.elementor-element-1010f19 #wpc-toolbar-top #wpc-course-ajax-search {
  border-radius: 0;
  border-color: #e8e6e6 !important;
  padding: 10px 20px !important;
  transition: 0.3s ease;
  width: 100%;
  max-width: 100% !important;
}

.elementor-796 .elementor-element.elementor-element-1010f19 #wpc-toolbar-top #wpc-course-ajax-search:focus {
  border-color: #000 !important;
}

.elementor-796 .elementor-element.elementor-element-1010f19 .wpc-material-heading {
  font-size: 18px;
  font-weight: 500;
}

.elementor-796 .elementor-element.elementor-element-1010f19 .wpc-img-wrapper {
  position: relative;
  padding-top: 72%;
}

.elementor-796 .elementor-element.elementor-element-1010f19 .wpc-img-wrapper img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}

.elementor-796 .elementor-element.elementor-element-1010f19 .wpc-material-tools {
  margin-top: 15px;
  margin-bottom: 10px;
}

.elementor-796 .elementor-element.elementor-element-1010f19 .wpc-material-tools button {
  border: 1px solid #002054 !important;
}

.elementor-796 .elementor-element.elementor-element-1010f19 .wpc-material-text {
  font-family: Inter, sans-serif;
  color: #333;
  font-size: 16px;
  line-height: 1.6em;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}

.elementor-796 .elementor-element.elementor-element-1010f19 .wpc-start-course {
  background: #000 !important;
  color: #fff;
  transition: 0.3s ease;
  border: 0px solid #000 !important;
}

.elementor-796 .elementor-element.elementor-element-1010f19 .wpc-start-course:hover {
  background: #5e5e5e !important;
}

.elementor-796 .elementor-element.elementor-element-1010f19 .wpc-flex-cards-wrapper {
  display: flex;
  gap: 30px;
  flex-direction: row;
}

.elementor-796 .elementor-element.elementor-element-1010f19 #wpc-toolbar-top .wpc-ajax-course-toolbar {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 20px;
}

.elementor-796 .elementor-element.elementor-element-1010f19 #wpc-toolbar-top .wpc-ajax-search-wrapper,
.elementor-796 .elementor-element.elementor-element-1010f19 #wpc-toolbar-top .wpc-ajax-filters-wrapper {
  flex-basis: calc(50% - 10px);
  width: 100%;
}

.elementor-796 .elementor-element.elementor-element-1010f19 #wpc-left-sidebar .wpc-load-courses.wpc-active-nav-item {
  background: #f5f5f5 !important;
}

.wpc-lightbox-content .wpc-nav-list-header:hover,
.wpc-lesson-nav .wpc-nav-list-header:hover {
  background-color: #d8d5d5 !important;
}

.wpc-lightbox-content .wpc-material-meta-item i,
.wpc-lightbox-content .wpc-material-meta-item .wpc-meta-key {
  color: #333333;
}

.wpc-lightbox-content a.wpc-btn {
  font-family: "Inter", Sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5em;
  border-radius: 0px;
  padding: 12px 35px;
  background: #000 !important;
  color: #fff !important;
  transition: 0.3s ease;
  border: 0px solid #000 !important;
}

.wpc-lightbox-content a.wpc-btn:hover {
  background: #5e5e5e !important;
  color: #fff !important;
}

.wpc-lightbox-content .wpc-module-list-count {
  font-size: 22px !important;
  color: #333333 !important;
}

.wpc-lightbox-content .wpc-single-course-content,
.wpc-lightbox-content .wpc-module-list-section li {
  color: #333333 !important;
}

.elementor-796 .elementor-element.elementor-element-1010f19 #wpc-material-content .wpc-crumb {
  display: none !important;
}

.elementor-796 .elementor-element.elementor-element-1010f19 .wpc-h1.wpc-content-title {
  font-size: 30px !important;
  line-height: 39px !important;
  margin-top: 0px !important;
}

.elementor-796 .elementor-element.elementor-element-1010f19 .wpc-vid-wrapper {
  margin-bottom: 10px !important;
}

.wpc-lightbox .wpc-lightbox-content .login-username label,
.wpc-lightbox .wpc-lightbox-content .login-password label,
.wpc-lightbox .wpc-lightbox-content .login-remember label {
  font-size: 16px !important;
  color: #333 !important;
}

.wpc-lightbox .wpc-lightbox-content .login-submit input {
  width: 100% !important;
}

@media (min-width: 768px) {
  .elementor-796 .elementor-element.elementor-element-1010f19 .wpc-single-course-archive {
    flex-basis: calc(50% - 15px) !important;
    margin: 0px !important;
    border-radius: 0px !important;
    box-shadow: 3px 3px 9px rgb(0 0 0 / 4%) !important;
  }
}

@media (max-width: 1024px) {
  .elementor-796 .elementor-element.elementor-element-1010f19 #wpc-toolbar-top .wpc-ajax-course-toolbar {
    flex-direction: column;
    flex-wrap: wrap !important;
  }
  .elementor-796 .elementor-element.elementor-element-1010f19 #wpc-toolbar-top .wpc-ajax-search-wrapper,
  .elementor-796 .elementor-element.elementor-element-1010f19 #wpc-toolbar-top .wpc-ajax-filters-wrapper {
    flex-basis: 100% !important;
  }
  .elementor-796 .elementor-element.elementor-element-1010f19 #wpc-toolbar-top .wpc-ajax-course-sort-wrapper {
    float: none;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-end;
  }
}

@media (max-width: 767px) {
  .elementor-796 .elementor-element.elementor-element-1010f19 .wpc-ajax-filters-wrapper-right,
  .elementor-796 .elementor-element.elementor-element-1010f19 .wpc-toolbar-buttons {
    width: 100%;
    margin-top: 5px;
    flex-wrap: wrap;
    gap: 15px;
  }
  .elementor-796 .elementor-element.elementor-element-1010f19 #wpc-toolbar-top .wpc-load-profile-nav,
  .elementor-796 .elementor-element.elementor-element-1010f19 #wpc-toolbar-top .wpc-load-login,
  .elementor-796 .elementor-element.elementor-element-1010f19 #wpc-toolbar-top #wpc-ajax-course-sort,
  .elementor-796 .elementor-element.elementor-element-1010f19 #wpc-toolbar-top .wpc-load-category-list {
    flex: 1 1 33.33%;
    margin: 0px !important;
  }
  .elementor-796 .elementor-element.elementor-element-1010f19 .wpc-flex-cards-wrapper {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
  }
  .elementor-796 .elementor-element.elementor-element-1010f19 .wpc-single-course-archive {
    flex-basis: 100% !important;
    border-radius: 0px !important;
    box-shadow: 3px 3px 9px rgb(0 0 0 / 4%) !important;
  }
}/* End custom CSS */