/*!
Theme Name: bigsoft
Theme URI: https://bigsoft.com.vn/
Author: Bigsoft
Author URI: https://bigsoft.com.vn/
Description: Đơn vị thiết kế website chuyên nghiệp
*/

body {
  margin: 0;
  font-family: "Montserrat", "Arial";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #000;
  text-align: left;
  background-color: #fff;
  overflow-x: hidden;
}

#page {
  overflow: hidden;
}

a {
  text-decoration: none !important;
  color: #000;
}
a:hover {
  text-decoration: none !important;
  color: #101011;
}
p,
li {
  font-family: "Montserrat";
  font-weight: 500;
  color: #1a1a1a;
}
ul li {
  list-style: none;
}

img {
  width: 100%;
  height: auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Montserrat";
}

h1 {
  font-size: 25px;
  font-weight: 500;
  color: #000;
}

h2 {
  font-size: 22px;
  font-weight: 500;
}

h3 {
  font-size: 20px;
  font-weight: 500;
}

h4 {
  font-size: 18px;
  font-weight: 500;
}

h5 {
  font-size: 15px;
  font-weight: 500;
}
tr {
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
td {
  border-left: 1px solid #ddd;
  padding: 10px;
}
tbody {
  border-bottom: 1px solid #ddd;
}
table {
  overflow: auto;
}
/**/

#searchInput {
  display: none;
  padding: 5px 8px;
  border: 1px solid #ccc;
  position: absolute;
  width: 97%;
  right: 0;
  top: 11px;
  border-radius: 20px;
  z-index: 10;
}

.close-icon {
  position: absolute;
  top: 42%;
  transform: translateY(-50%);
  cursor: pointer;
  color: #000;
}

.search-icon {
  left: 10px;
}

.close-icon {
  display: none;
  right: 10px;
  z-index: 15;
}
.topbar-menu .search-container {
  float: right;
}

/*header*/
nav {
  background: #ffffff00 !important;
}
.sticky-header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
  background: #fff !important;
}
.sticky-header a {
  color: #000 !important;
}
.header-main ul#menu-desktop > li .sub-menu li a {
  font-size: 14px;
  padding: 15px 15px 15px 5px;
}
.header-main ul#menu-desktop > li .sub-menu li {
  line-height: 20px;
  padding: 15px;
}
.header-main ul#menu-desktop > li .sub-menu li:not(:last-child) {
  border-bottom: 1px solid #ddd;
}
.header-main ul#menu-desktop > li .sub-menu {
  display: none;
  position: absolute;
  width: 350px;
  background: #fff;
  padding: 0;
  border: 1px solid #dddddd87;
  top: 100%;
}
.header-main ul#menu-desktop > li .sub-menu li:hover {
  background: #f0557f;
}
.header-main ul#menu-desktop > li .sub-menu li:hover a {
  color: #ffffff;
}
ul#menu-desktop > ul > li {
  position: relative;
}
ul#menu-desktop > li:hover .sub-menu {
  display: block !important;
}
ul#menu-desktop > ul > li {
  position: relative;
}
.menu-header-bottom .container {
  display: block !important;
  padding: 0;
}
.header-desktop ul#item-menu-desktop {
  margin-bottom: 0;
  padding: 0;
}
.header-desktop #item-menu-desktop > li {
  padding-bottom: 0px;
  padding-top: 0px;
  float: none;
  padding-bottom: 0;
  padding-top: 0;
  position: none;
}
#item-menu-desktop > li > .sub-menu {
  padding: 0px;
  text-transform: uppercase;
  display: none;
  margin-left: 0;
}
.header-desktop #item-menu-desktop > li .sub-menu li .sub-menu {
  display: none;
}
.header-desktop #item-menu-desktop > li > .sub-menu > li > .sub-menu.openMenu {
  margin-top: 0;
  border-radius: 0;
}

.header-desktop #item-menu-desktop > li > a {
  padding: 18px 10px;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 14px;
  font-family: "Montserrat";
  color: #000;
  display: block;
  line-height: 5px;
  padding-left: 42px;
}
.header-desktop .navbar {
  justify-content: end;
  align-items: center;
  line-height: 40px;
  position: relative;
}
ul#menu-desktop {
  display: flex;
  align-items: center;
  margin-bottom: 0;
}
ul#menu-desktop > li > a {
  padding: 28px 10px;
}
.header-desktop .header-main {
  line-height: 75px;
  background: #00000000;
  box-shadow: 1px 1px 5px #5e5e5e1a;
  transition: 0.3s;
  position: absolute;
  width: 100%;
  z-index: 1;
}
.logo-header {
  text-align: center;
  width: 100%;
}
.logo-header .custom-logo {
  width: 75%;
}
.title-header-bottom .title-menu-bottom {
  font-size: 14px;
  font-weight: 400;
}
.menu-bottom-header {
  padding-left: 42px;
  padding-top: 25px;
  padding-bottom: 25px;
}
.menu-bottom-header .col-2 {
  width: 12.666667%;
}
.icon-header .item-icon-header {
  font-size: 20px;
  color: #e21313;
}
.header-top #menu-header-top ul {
  display: flex;
  padding-top: 20px;
}
.header-top {
  position: absolute;
  right: 30px;
  z-index: 1;
}
#menu-header-top > ul > li {
  padding-left: 25px;
}
#menu-header-top > ul > li a {
  color: #fff;
}
#menu-header-top > ul > li a:hover {
  color: #d8d9d9;
}
ul#menu-desktop > li a {
  color: #fff;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 600;
}
ul#menu-desktop > li a:hover {
  color: #f0557f;
}
/*Home*/
.banner-top-home {
  background: #000;
  height: 550px;
}
.banner-top-home .content-banner {
  color: #fff;
  letter-spacing: 0;
  margin-bottom: 0.4em;
  font-size: 53px;
  line-height: 65px;
  font-weight: 700;
  max-width: 800px;
  position: relative;
  padding-bottom: 15px;
}
.banner-top-home .content-banner:before {
  content: "";
  position: absolute;
  height: 4px;
  width: 65%;
  background: #f7e05f;
  top: 100%;
}
.main-banner {
  transform: translateY(50%);
}
.slide-in-left {
  transform: translateX(-100px);
  animation: slideInLefts 2s ease-out forwards;
}
.main-banner .button-banner {
  margin-top: 50px;
  animation: slideInLefts 2.3s ease-out forwards;
}
.main-banner .button-one {
  color: #000000;
  background: #f7e05f;
  padding: 10px 30px;
  margin-right: 15px;
  font-weight: 600;
  text-transform: uppercase;
}
.main-banner .button-two {
  color: #fff;
  border: 1px solid #f7e05f;
  padding: 10px 30px;
  font-weight: 600;
  text-transform: uppercase;
}
.video-our .video-wrapper {
  position: relative;
  width: 100%;
  max-width: 100%;
  margin: auto;
}

.video-our .custom-video,
.video-our .iframe-container iframe {
  width: 100%;
  aspect-ratio: 16 / 9;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
  display: block;
}
.outstanding-our {
  background-image: linear-gradient(#efefef, #fff);
  padding: 200px 0 60px 0;
}
.info-outstanding {
  background-image: linear-gradient(#fff, #fff0);
  padding: 3.68em 3.2em;
  transition: all 0.2s;
  margin: 5px;
}
.info-outstanding:hover {
  background-image: linear-gradient(#ffffff80, #ffffff80),
    linear-gradient(#fff, #fff0);
  box-shadow: 0 10px 30px #0000001a;
}
.outstanding-our .item-icon-outstanding {
  background-color: #fff;
  border-radius: 10em;
  justify-content: center;
  align-items: center;
  width: 7.5em;
  height: 7.5em;
  margin-top: -8.6em;
  margin-bottom: 2em;
  padding: 1.2em;
  display: flex;
  position: relative;
  box-shadow: 7px 7px 30px #0000001a;
}
.info-outstanding img {
  width: 70%;
}
.info-outstanding .title-outstanding-detail {
  margin-bottom: 0.5em;
  font-size: 35px;
  font-weight: 500;
  line-height: 1;
}
.content-post-courses {
  display: flex;
  margin-top: 80px;
}
.content-post-courses .button-now {
  text-transform: uppercase;
  background-color: #e54b42;
  padding: 0.9em 1.88em;
  position: absolute;
  inset: 8% auto auto -2%;
  box-shadow: 1px 1px 7px #0000004d;
  color: #fff;
}
.content-post-courses .item-thumbnail-courses-home {
  width: 155%;
  margin-left: 5%;
  margin-right: 1vw;
  position: relative;
}
.main-courses-home .detail-text-courses,
.main-object-courses .detail-text-courses {
  color: #000;
  letter-spacing: 2px;
  text-transform: uppercase;
  white-space: nowrap;
  margin-right: 0.7em;
  font-size: 1em;
  font-weight: 400;
  line-height: 1;
}
.main-courses-home .text-,
.main-object-courses .text-object {
  justify-content: space-between;
  align-items: center;
  max-width: 20em;
  display: flex;
}
.b-meta-line {
  border: 1px solid #000;
  background-color: #000;
  width: 76%;
  height: 2px;
}
.b-small-divider {
  background-color: #000;
  width: 100%;
  max-width: 80px;
  height: 2px;
  margin-bottom: 25px;
}
.main-courses-home .content-post-courses .title-courses {
  margin-bottom: 0.8em;
  font-size: 40px;
  font-weight: 500;
  line-height: 0.9;
  color: #000;
}
.main-courses-home .content-post-courses .text-content-courses {
  color: #000;
  font-weight: 300;
  font-size: 17px;
}
.main-courses-home .content-post-courses .price-courses {
  font-size: 30px;
  color: #000;
  font-weight: 300;
  margin: 15px 0;
}
.main-courses-home .content-post-courses .button-courses {
  background-color: #0d6efd;
  color: #fff;
  text-align: center;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  cursor: pointer;
  flex-direction: column;
  width: auto;
  margin-top: 1.39em;
  padding: 1.11em 2.78em;
  font-size: 1.11em;
  font-weight: 400;
  line-height: 1.13;
  text-decoration: none;
  transition: background-color 0.2s, opacity 0.2s;
  box-shadow: 4px 4px 14px #0003;
}
.main-courses-home .content-post-courses .link-thumbnail-courses img {
  height: 100%;
  object-fit: cover;
}
.courses-our {
  background-color: #f3f3f3;
  padding: 7.29em 2em 5.21em;
  position: relative;
}
.main-courses-home .list-post-couurses {
  padding-top: 11rem;
}
.item-list-post-courses:hover .wiz-b-product-card-info-container {
  transform: translateY(-200px);
  background: #fff;
  position: relative;
  overflow: visible;
  height: 100%;
}
.item-list-post-courses .wiz-b-product-card-info-container {
  transform: translateY(0);
  transition: 0.8s;
  background: #fff;
}
.item-list-post-courses {
  overflow: hidden;
  background: #fff;
  margin-bottom: 30px;
}
.item-list-post-courses .content-list-post {
  background: #fff;
}
.item-list-post-courses .text-position {
  padding: 10px;
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
  display: block;
  color: #000;
  padding-top: 20px;
  font-family: "Montserrat";
}
.item-list-post-courses .product-card-meta {
  padding: 10px;
  justify-content: space-between;
  width: 100%;
  display: flex;
}
.item-list-post-courses .product-card-bottom {
  position: absolute;
  background: #fff;
  padding: 10px;
}
.item-list-post-courses .product-author-container {
  align-items: center;
  display: flex;
}
.item-list-post-courses .author-thumbnail-post {
  background-color: #fff;
  border-radius: 100px;
  width: 2.36em;
  margin-right: 6px;
}
.item-list-post-courses .b-product-card-price-container {
  font-size: 25px;
  font-weight: 300;
  font-family: "Montserrat";
  color: #000;
}
.item-list-post-courses .author-name-post {
  color: #000;
  text-transform: uppercase;
  margin-right: 7px;
  font-family: "Montserrat";
  font-size: 1em;
  line-height: 1;
}
.item-list-post-courses .b-product-card-buy-link {
  background: #0d6efd;
  padding: 5px 20px;
  margin-right: 25px;
  flex: 0 auto;
  color: #fff;
  font-family: "Montserrat";
}
.item-list-post-courses .wiz-b-text-link-small {
  color: #000;
  font-family: "Montserrat";
}
.item-list-post-courses .b-product-card-action-options {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  padding-bottom: 10px;
  display: flex;
}
.item-list-post-courses .w-inline-block {
  max-width: 100%;
  display: inline-block;
}
.main-review .item-review-info {
  align-items: flex-start;
  margin-bottom: 1.5em;
  display: flex;
}
.main-review .item-icon img {
  margin-right: 3.39em;
  padding-right: 10px;
}
.main-review .wiz-testimonial-quotation__profile {
  text-align: left;
  border-radius: 20px;
  flex-direction: row;
  align-items: center;
  margin-bottom: 1em;
  display: flex;
}
.main-review .quotation-photo {
  border-radius: 50px;
  width: 3.71em;
  height: 3.71em;
  margin-right: 0.88em;
}
.review-our {
  padding-top: 12em;
  padding-bottom: 10em;
}
.review-our .text-top-title {
  margin-bottom: 50px;
}
.review-our .b-divider {
  background: #000;
  height: 2px;
}
.review-our .text-top-title p {
  margin-bottom: 0.5em;
  font-size: 35px;
  font-weight: 600;
  line-height: 40px;
  width: 60%;
}
.main-review .text-quotation__name {
  margin-bottom: 0;
  font-size: 1.81em;
  line-height: 1.23;
  font-weight: 600;
}
.main-review .testimonial-company {
  font-weight: 300;
  color: #000;
  font-size: 17px;
  font-family: "Montserrat";
}
.main-review .testimonial-quotation-copy {
  font-weight: 300;
}
.slider-video .item-slider {
  padding: 15px;
}
.item-detail-post-video:hover .wiz-b-videocard-titlewrapper {
  transform: translateY(-100px);
  z-index: 2;
}
.main-podcasts .item-detail-post-video:hover .wiz-b-videocard-titlewrapper {
  transform: translateY(-60px);
}
.item-detail-post-video {
  overflow: hidden;
  position: relative;
}
.item-detail-post-video:hover::before {
  border: 2px solid #fff;
  height: 100%;
  width: 100%;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 50%;
  /* background: #fff; */
  z-index: 2;
  transition: 0.8s;
  pointer-events: none;
  position: absolute;
  content: "";
}
.item-detail-post-video:hover::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to top, #000000bf 21%, #0d0e0e00);
  top: 0;
  transition: 0.8s;
  pointer-events: none;
}
.item-detail-post-video .b-play-button {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}
.item-detail-post-video .b-videocard-titlecontainer {
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}
.item-detail-post-video .wiz-b-video-title {
  font-size: 15px;
}
.item-detail-post-video svg {
  width: 1.2em;
  height: 1.2em;
}
.item-detail-post-video .b-video-title-hwrapper {
  width: 65%;
  min-width: 65%;
}
.item-detail-post-video .wiz-b-watch-now-text {
  white-space: nowrap;
  margin-left: 4px;
  font-size: 13px;
}
.item-detail-post-video .wiz-b-videocard-titlewrapper {
  position: absolute;
  transform: translateY(0);
  padding: 10px 25px;
  color: #ffff;
  transition: 0.3s;
  width: 100%;
}
.blog-video-our {
  background-color: #0d0e0e;
  padding-top: 10rem;
  padding-bottom: 10rem;
}
.slider-video:before {
  position: absolute;
  content: "";
  background-image: linear-gradient(to right, #0d0e0e 40%, #0d0e0e00);
  justify-content: center;
  align-items: center;
  width: 8vw;
  display: flex;
  inset: 0% auto 0% 0%;
  left: -46px;
  z-index: 1;
}
.slider-video {
  position: relative;
}
.slider-video:after {
  position: absolute;
  content: "";
  justify-content: center;
  align-items: center;
  width: 8vw;
  display: flex;
  z-index: 1;
  inset: 0% 0% 0% auto;
  background-image: linear-gradient(270deg, #0d0e0e 40%, #0d0e0e00);
  right: -46px;
}
.slider-video .slick-arrow {
  z-index: 2;
}
.item-detail-post-video:hover .thumbnail-video-post img {
  transform: scale(1.05);
}
.item-detail-post-video .thumbnail-video-post img {
  transition: 0.7s;
}
.item-detail-post-video .thumbnail-video-post {
  overflow: hidden;
}
.slider-video .slick-prev:before,
.slider-video .slick-next:before {
  font-size: 40px;
}
.main-video-our .title-video {
  font-size: 25px;
  color: #fff;
  padding-left: 65px;
  font-family: "Montserrat";
  font-weight: 600;
  text-transform: capitalize;
}
.main-podcasts {
  padding-top: 10rem;
  padding-bottom: 10rem;
}
/*End*/
/*Bootcamp*/
.banner-page-bootcamp {
  height: 600px;
}
.banner-page-bootcamp p {
  color: #fff;
}
.main-banner-bootcamp {
  width: 55%;
}
.banner-page-bootcamp .bootcamp-title-banner {
  font-size: 80px;
  line-height: 70px;
  margin-bottom: 20px;
  color: #fff;
}
.banner-page-bootcamp > .container {
  top: 50%;
  position: relative;
  transform: translateY(-50%);
}
.banner-page-bootcamp .button-banner-bootcamp .detail-button {
  background: #eee;
  padding: 7px 30px;
  text-transform: uppercase;
  color: #000;
}
.banner-page-bootcamp .button-banner-bootcamp {
  margin-top: 50px;
}
.site-menu-scoll-bootcamp .menu-scoll-bootcamp > li a {
  padding: 20px 10px;
  color: #000;
}
.site-menu-scoll-bootcamp .menu-scoll-bootcamp > li a {
  padding: 20px 10px;
  color: #000;
}
.site-menu-scoll-bootcamp .item-menu-top a {
  color: #000;
}
.site-menu-scoll-bootcamp .menu-scoll-bootcamp {
  display: flex;
  align-items: center;
  margin-bottom: 0;
}
.site-menu-scoll-bootcamp {
  background: #fff;
  box-shadow: 1px 1px 5px #0000000f;
  transition: 0.3s;
  opacity: 0;
}
.site-video-bootcamp {
  background: #fff !important;
}
.sticky-menu-courses {
  opacity: 1;
}
.site-video-bootcamp .video-thumbnail-wrapper {
  width: 100%;
  max-width: 100% !important;
}
.main-content-top-bootcamp .title-content-top-bootcamp {
  font-size: 40px;
  color: #fff;
  width: 60%;
  line-height: 45px;
  margin-bottom: 7rem;
}
.main-content-top-bootcamp .item-content {
  margin-bottom: 20px;
  margin-top: 20px;
  padding: 30px;
}
.main-content-top-bootcamp .icon-content-top {
  text-align: center;
  margin-bottom: 25px;
  position: relative;
}
.main-content-top-bootcamp .icon-content-top:before {
  content: "";
  position: absolute;
  border: 1px solid #cfd4d4;
  width: 70px;
  height: 70px;
  border-radius: 100%;
}
.main-content-top-bootcamp .icon-content-top img {
  width: 70px;
  height: 70px;
  padding: 15px;
}
.content-top-bootcamp {
  background: #0d0e0e;
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.main-content-top-bootcamp .item-content-detail {
  color: #fff;
  text-align: center;
  font-size: 17px;
}
.site-symptom .text-smail-symptom {
  font-size: 16px;
  text-transform: uppercase;
  color: #f00;
  margin-bottom: 15px;
}
.site-symptom .row-overview .content-overview h3 {
  font-size: 35px;
}
.site-symptom {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.site-instructor-bootcamp {
  background: #4e95ff !important;
  padding-top: 8rem;
  position: relative;
}
.site-instructor-bootcamp .text-instructor-bootcamp-smal {
  position: relative;
  text-transform: uppercase;
  color: #fff;
}
.site-instructor-bootcamp .text-instructor-bootcamp-smal:after {
  position: absolute;
  content: "";
  width: 20%;
  height: 2px;
  background: #fff;
  top: 50%;
  transform: translateY(-50%);
  left: 18%;
}
.site-instructor-bootcamp .image-instructor-bootcamp-writting img {
  position: absolute;
  width: 20%;
  top: 80%;
  left: 30%;
  transform: translateX(-50%);
}
.site-instructor-bootcamp .text-instructor-bootcamp-smal span {
  background: #ffc107;
  padding: 5px;
}
.site-instructor-bootcamp .detail-content-instructor-bootcamp {
  padding-top: 30px;
}
.site-instructor-bootcamp .detail-content-instructor-bootcamp h3 {
  font-size: 45px;
  font-weight: 600;
  color: #fff;
  text-shadow: 1px 1px 5px #00000038;
  line-height: 40px;
}
.site-instructor-bootcamp .detail-content-instructor-bootcamp p {
  padding-top: 25px;
  color: #fff;
}
.site-instructor-bootcamp .detail-content-instructor-bootcamp ul li {
  color: #fff;
  list-style: disc;
  padding-left: 10px;
}
.site-instructor-bootcamp .detail-content-instructor-bootcamp li::marker {
  content: "\f058";
  font-family: "FontAwesome";
  color: #ffc107;
}
.site-instructor-bootcamp .button-instructor-bootcamp .detail-button {
  background: #ffc107;
  padding: 10px 30px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
  box-shadow: 4px 4px 14px #0003;
}
.site-instructor-bootcamp .button-instructor-bootcamp {
  margin-top: 40px;
}
.site-instructor-bottom {
  padding-top: 8rem;
  padding-bottom: 8rem;
}
.site-instructor-bottom .image-instructor-bottom img {
  box-shadow: 0 10px 30px -5px #0003;
}
.site-instructor-bottom .text-smal-instructor-bottom span {
  font-size: 50px;
  color: #ddd;
}
.site-instructor-bottom .content-instructor-bottom h3 {
  font-size: 35px;
  font-weight: 600;
  margin-bottom: 20px;
  margin-top: 10px;
}
.site-instructor-bottom .row-instructor-bottom {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.site-instructor-bottom .detail-title-instructor-bottom,
.customer-our .detail-title-instructor-bottom {
  width: 55%;
  font-size: 65px;
  font-weight: 600;
  line-height: 65px;
  font-family: "Montserrat";
}
.site-instructor-bottom .text-instructor-bottom,
.customer-our .text-customer-bootcamp {
  width: 55%;
  margin-top: 35px;
  font-size: 20px;
  font-family: "Montserrat";
}
.site-instructor-bottom .title-instructor-bottom,
.customer-our .title-customer-bootcamp {
  margin-bottom: 50px;
}
.detail-logo-customer {
  padding-top: 40px;
}
.main-customer-bootcamp .item-gallery-logo {
  text-align: center;
}
.main-customer-bootcamp .detail-logo-customer .img-fluid {
  object-fit: contain;
  width: 80%;
}
.main-testimonials .tag-testimonial {
  position: absolute;
  z-index: 5;
  background-color: #ffc107;
  padding: 10px 20px;
  text-transform: uppercase;
  inset: 8% auto auto -4%;
  box-shadow: 1px 1px 7px #0000004d;
  font-family: "Montserrat";
  letter-spacing: 5px;
  font-size: 15px;
}
.site-testimonials {
  padding-top: 8rem;
  padding-bottom: 8rem;
}
.review-testimonials-our {
  padding-top: 0 !important;
}
.review-testimonials-our .title-testimonials-two {
  font-size: 20px;
  font-family: "Montserrat";
}
.review-testimonials-our .title-testimonials-one {
  font-size: 60px;
  font-weight: 600;
  font-family: "Montserrat";
  line-height: 1;
}
.review-testimonials-our .title-testimonials-review {
  width: 50%;
}
.review-testimonials-our .text-top-title {
  display: flex;
  flex-wrap: wrap;
}
.review-testimonials-our .main-review .item-review-info {
  margin-bottom: 4rem;
}
.main-curriculum-bootcamp .content-instructor-bottom h4,
.main-curriculum-bootcamp .content-instructor-bottom p {
  color: #fff;
}
.main-curriculum-bootcamp .content-instructor-bottom h4 {
  margin-bottom: 20px;
}
.site-curriculum-bootcamp {
  background: #0d0e0e;
  padding-top: 8rem;
  padding-bottom: 8rem;
}
.main-curriculum-bootcamp .text-smal-instructor-bottom {
  color: #fff;
  font-size: 6rem;
  font-weight: 700;
}
.main-curriculum-bootcamp .content-instructor-bottom {
  margin-right: 36px;
  border-top: 1px solid #ffff;
  padding: 2rem 0;
}
.main-curriculum-bootcamp .gallery-image {
  opacity: 0;
  transform: scale(0.5);
  transition: all 0.6s ease;
  will-change: opacity, transform;
}
.main-curriculum-bootcamp .gallery-image.in-view {
  opacity: 1;
  transform: scale(1);
}
.main-curriculum-bootcamp .gallery-image:hover {
  opacity: 0.7;
  transform: scale(0.5);
}
.main-curriculum-bootcamp .text-curriculum-bootcamp {
  width: 55%;
  font-size: 20px;
  font-family: "Montserrat";
}
.main-curriculum-bootcamp .detail-title-curriculum-bootcamp {
  font-size: 65px;
  width: 55%;
  line-height: 1;
  margin-bottom: 30px;
  font-weight: 600;
  font-family: "Montserrat";
}
.main-curriculum-bootcamp .title-curriculum-bootcamp {
  color: #fff;
  margin-bottom: 5rem;
}
.main-fqa .accordion {
  background-color: #ffc107;
  color: #000;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 17px;
  transition: 0.4s;
  font-weight: 600;
  border-radius: 5px;
  display: flex;
  align-items: center;
  height: 100px;
}
.main-fqa .content-fqa-item {
  width: 95%;
  padding-right: 10px;
}
.fqa-our {
  padding-top: 8rem;
  padding-bottom: 8rem;
}
.main-fqa .title-fqa {
  font-size: 55px;
  font-weight: 600;
  margin-bottom: 2rem;
  font-family: "Montserrat";
}
.main-fqa .detail-sub-content {
  margin-bottom: 25px;
}
.main-fqa .active,
.main-fqa .accordion:hover {
  background-color: #ffc107;
}
.main-fqa .accordion:after {
  content: "\002B";
  color: #000;
  font-weight: bold;
  float: right;
  margin-left: 5px;
  font-size: 20px;
  width: 5%;
}
.main-fqa .active:after {
  content: "\2212";
}
.main-fqa .panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
.main-fqa .panel-item {
  padding-top: 15px;
}
.main-fqa .detail-content-fqa {
  padding-top: 20px;
}
/*Pro Group*/
.banner-page-progroup .bootcamp-title-banner {
  font-size: 65px !important;
  font-weight: 600;
  padding-top: 25px;
}
.banner-page-progroup .button-banner-bootcamp .detail-button {
  background: #ffc107 !important;
}
.banner-page-progroup img.image-banner-top {
  width: 15%;
  margin-top: 2rem;
}
.banner-page-progroup {
  margin-top: -15px;
}
.menu-scoll-progroup ul.menu-progroup {
  display: flex;
  align-items: center;
  padding-left: 0;
  margin-bottom: 0;
}
.menu-scoll-progroup .menu-progroup .item-menu-scoll-progroup a {
  padding: 28px 20px;
  color: #000;
}
.menu-scoll-progroup .item-menu-top a {
  color: #000;
}
#page-progroup .sticky-menu-courses {
  box-shadow: 1px 1px 5px #ddd;
}
#page-progroup .menu-scoll-progroup {
  transition: 0.3s;
  background: #fff;
}
.content-about-progroup {
  padding-top: 8rem;
  padding-bottom: 5rem;
  background: #0d0e0e;
}
.content-about-progroup .item-content p {
  color: #fff;
}
.content-about-progroup .item-content h3 {
  color: #fff;
  font-size: 45px;
  font-weight: 600;
  margin-bottom: 25px;
}
.content-about-progroup .image-about-top img {
  border-radius: 10px;
}
.content-about-progroup .image-about-top {
  padding-top: 30px;
}
.site-overview-progroup {
  padding-top: 8rem;
  padding-bottom: 5rem;
  background: #f3f3f3;
}
.main-overview-progroup .image-overview-progroup img {
  border-radius: 10px;
}
.main-overview-progroup .image-overview-progroup {
  padding-bottom: 5rem;
}
.main-overview-progroup .detail-content-overview h3 {
  font-size: 55px;
  font-weight: 600;
  margin-bottom: 25px;
}
.main-overview-progroup .detail-content-overview ul > li::marker {
  content: "\f058";
  font-family: "FontAwesome";
  color: #f00;
  font-size: 20px;
}
.main-overview-progroup .detail-content-overview ul > li {
  list-style: disc;
  padding-left: 15px;
}
.main-testimonialspro .text-video-bottom {
  font-size: 20px;
  font-weight: 700;
  margin-top: 20px;
  font-family: "Montserrat";
}
.review-testimonials-progroup .main-review .text-quotation__name {
  font-size: 22px;
}
.review-testimonials-progroup .main-review .testimonial-quotation-copy {
  font-size: 15px;
}
.review-testimonials-progroup {
  padding-top: 0rem;
  padding-bottom: 5rem;
}
.fqapro-our {
  background: #ffc107;
}
.fqapro-our .item-fqa {
  border-bottom: 1px solid #000;
}
.fqapro-our .main-fqa .content-fqa-item {
  font-size: 20px;
}
.fqapro-our .main-fqa .panel {
  background-color: #ffffff00;
}
.fqapro-our .main-fqa .title-fqa {
  font-size: 55px;
  width: 55%;
  color: #000;
  line-height: 1.3;
}
/*Archive*/
.listCategoryPosst {
  padding-top: 30px;
}
.site-main-archive .post-archive {
  background: #eee;
  padding: 5px 0;
}
.site-main-archive .post-archive .breadcrumb a {
  color: #000;
}
.sidebarCategoryPost .bg-color-sidebar,
.listPostCategoryRight .bg-color-sidebar {
  border: 1px solid #4c83d6;
  border-radius: 10px;
}
.listPostCategoryRight .bg-color-sidebar a {
  color: #000;
}
.listPostCategoryRight .bg-color-sidebar a:hover {
  color: #4c83d6;
}
.sidebarCategoryPost .widget .widget-title-blog,
.listPostCategoryRight .widget .widget-title-blog {
  background: #4c83d6;
  color: #fff;
  padding: 10px;
  border-radius: 10px 10px 0px 0px;
}
.sidebarCategoryPost .bg-color-sidebar a {
  color: #000;
}
.sidebarCategoryPost .bg-color-sidebar a:hover {
  color: #4c83d6;
}
.sidebarCategoryPost .widget ul,
.listPostCategoryRight .widget ul {
  padding: 10px;
}
.sidebarCategoryPost .widget ul li:not(:last-child),
.listPostCategoryRight .widget ul li:not(:last-child) {
  border-bottom: 1px solid #f0557f3d;
}
.sidebarCategoryPost .widget ul li,
.listPostCategoryRight .widget ul li {
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 15px;
  font-weight: 500;
}
.category-post-page {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  padding-bottom: 15px;
}
.category-post-page:not(:last-child) {
  border-bottom: 1px solid #ddd;
}
.category-post-page .archivePost {
  padding-left: 15px;
}
.category-post-page .titlePost h3 {
  font-size: 18px;
  color: #4c83d6;
}
.category-post-page .archivePost .datePost {
  display: flex;
  padding: 15px 0;
}
.category-post-page .archivePost .datePost span {
  padding: 0 5px;
}
.category-post-page .metaPost .detal-meta-post {
  font-size: 15px;
}
.listCategoryPosst .page-category-header {
  padding-bottom: 15px;
}
.listCategoryPosst .title-category-header {
  border-bottom: 3px double #000;
  padding-bottom: 5px;
}
.detailCategoryPost .postThumBnail img {
  border-radius: 10px;
  height: 200px;
  object-fit: cover;
}
.breadcrumb-main {
  background: #eee;
  padding: 5px 0;
}
.breadcrumb-main a {
  color: #000;
}
.site-main-single .detail-title-post .img-post {
  padding: 10px 0;
}
.site-main-single .detail-title-post .img-post img {
  border-radius: 10px;
}
.showPostContent ul > li {
  list-style: disc;
}
.showPostContent ol > li {
  list-style: auto;
}
.showPostContent ul,
.showPostContent ol {
  padding-left: 25px;
}
blockquote p {
  margin-bottom: 0;
}
blockquote {
  border-left: 5px solid #368b89;
  background: #368b890f;
  padding: 10px;
  border-radius: 3px;
}
.relatedPost .title-relatedPost {
  font-size: 25px;
  font-weight: 600;
  border-bottom: 3px double #449391;
  margin-bottom: 20px;
}
.relatedPost .siteListPostRelated .titlePost h4 {
  font-size: 15px;
  color: #000;
}
.relatedPost .siteListPostRelated .titlePost {
  padding-top: 15px;
}
.relatedPost .siteListPostRelated .postThumBnail img {
  border-radius: 10px;
  height: 170px;
  object-fit: cover;
}
.siteListPostRelated {
  box-shadow: 0px 2px 10px 0px rgba(12, 0, 46, 0.06);
  padding: 10px;
  margin-top: 20px;
  border-radius: 10px;
  border: 1px solid #ebe9e9;
}
.site-main-single .relatedPost {
  padding-bottom: 20px;
}
.showPostContent a,
.content-single-service a {
  color: #1e7d7b;
}
/*Archive Service*/
span.g {
  padding: 0 5px;
}
.breadcrumb {
  margin-bottom: 0 !important;
}
.breadcrumb-about {
  background: #ddd;
  padding: 5px 0;
}
.breadcrumb-about a {
  color: #000;
}
.form-archiver-service .form-study-abroad .wft-one {
  width: 50%;
}
.form-archiver-service .wf-note {
  width: 100%;
}
#category-service .category-title {
  padding: 25px 0 10px 0;
  color: #000;
  border-bottom: 3px double #ff409c;
  margin-bottom: 50px;
  text-transform: uppercase;
  font-weight: 700;
}
.taxonomy-service-detail .bg-archive-custom {
  box-shadow: 0px 2px 10px 0px rgba(12, 0, 46, 0.06);
  padding: 20px;
  border: 1px solid #dddddd80;
  border-radius: 10px;
  height: 100%;
}
.taxonomy-service-detail .item-archive {
  margin-bottom: 24px;
}
.taxonomy-service-detail .bg-archive-custom .titlePost a {
  font-size: 20px;
  color: #000;
}
.taxonomy-service-detail .bg-archive-custom .titlePost {
  margin: 10px 0;
}
.taxonomy-service-detail .bg-archive-custom .buttom-readmore {
  margin-top: 15px;
}
.taxonomy-service-detail .bg-archive-custom .buttom-readmore a {
  background: #f0557f;
  color: #fff;
  padding: 5px 20px;
  border-radius: 5px;
}
.taxonomy-service-detail .postThumBnail img {
  height: 250px;
  object-fit: cover;
}
/*Team*/
.our-team .team-row {
  margin-left: -40px;
  margin-right: -40px;
}

.our-team .team-wrap {
  padding: 0 40px;
}

.our-team .container-fluid {
  padding: 0 50px;
}

.main-team-single .team-img img {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  overflow: hidden;
  width: 100%;
  height: 500px;
  object-fit: cover;
}

.team-member,
.team-img {
  position: relative;
  overflow: hidden;
}
.team-title {
  margin: 30px 0 7px;
}
.main-team-single .overlay-team {
  background-color: rgba(20, 20, 20, 0.7);
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.main-team-single .team-details {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 0;
  padding: 5%;
  overflow: hidden;
  width: 100%;
  z-index: 2;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.team-details .meta-team {
  color: #fff;
}
.team-img:hover .team-details {
  opacity: 1;
  margin-top: -80px;
}
.team-img:hover .overlay-team {
  opacity: 1;
}
.main-team-single .socials a {
  display: inline-block;
  width: 37px;
  height: 37px;
  background-color: transparent;
  color: #fff;
  margin-top: 15px;
}
.main-team-single .socials i {
  line-height: 37px;
  color: #616161;
  font-size: 14px;
  width: 37px;
  height: 37px;
  border-radius: 50%;
  text-align: center;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.team-details .socials i {
  color: #fff;
}
.main-team-single .socials a:hover i {
  color: #fff;
  background-color: #355c7d;
}
div#single-team-main {
  padding: 40px 0;
}
/*About*/
.content-about-main .content-single-about ul li {
  list-style: disc;
}
.content-about-main .title-main-single-about h1 {
  margin: 35px 0 15px 0;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 30px;
  color: #f0557f;
}
.sidebar-about .item-about-sidebar {
  border: 1px solid #f0557f;
  border-radius: 10px;
}
.sidebar-about .title-about-sidebar-related {
  background: #f0557f;
  text-align: center;
  font-weight: 600;
  font-size: 25px;
  color: #fff;
  border-radius: 10px 10px 0 0;
  padding: 5px 0;
}
.sidebar-about .item-archive {
  margin: 0px 0;
  padding: 10px 20px;
}
.sidebar-about .postThumBnail img {
  height: 80px;
  object-fit: cover;
  border-radius: 10px;
}
.sidebar-about .titlePost a {
  color: #000;
  font-weight: 600;
  font-size: 18px;
  line-height: 20px;
}
.sidebar-about {
  margin-top: 40px;
}
.content-about-main .content-single-about {
  padding: 10px 0;
}
.main-about-page .title-category-about h1 {
  color: #f0557f;
  font-size: 30px;
  padding: 30px 0 15px 1px;
  font-weight: 600;
  text-transform: uppercase;
  border-bottom: 3px double #f0557f;
  margin-bottom: 25px;
}
.main-about-page .img-post-about {
  margin-bottom: 15px;
}
.main-about-page .img-post-about img {
  height: 250px;
  object-fit: cover;
  border-radius: 10px;
}
.main-about-page .content-post-about .titlePost {
  font-size: 20px;
  color: #f0557f;
}
.main-about-page {
  padding: 0 0 30px 0;
}
.main-about-page .detail-post {
  padding: 15px;
  border-radius: 10px;
  height: 100%;
  border: 1px solid #f0557f;
  box-shadow: 5px 5px 5px #ddd;
}
.main-about-page .detail-post span.icon-next svg {
  transition: 0.3s;
}
.main-about-page .detail-post:hover span.icon-next svg {
  transform: translateX(10px);
}
/*Progress*/
.main-progress .sec-title .text-progress {
  font-size: 25px;
  font-weight: 600;
  line-height: 1.1em;
  margin-bottom: 20px;
}
.main-progress .sec-title.light .text-progress {
  color: #fff;
}
.main-progress .sec-title.light .content-progress {
  color: #fff;
}
.main-progress .sec-title.centered {
  text-align: center;
}
.main-progress .sec-title .content-progress {
  margin-top: 15px;
  color: #888;
  max-width: 960px;
}
.main-progress .sec-title.centered .content-progress {
  margin: 0 auto;
}
.main-progress .sec-title.style-two {
  margin-bottom: 40px;
}
.main-progress .working-process-step {
  position: relative;
}
.main-progress .working-process-step:before {
  content: "";
  position: absolute;
  left: -0;
  right: -0;
  height: 100%;
  display: block;
  background: url(/wp-content/themes/bigsoft/assets/images/normal/step-arrow.png)
    center center no-repeat;
}
.main-progress .working-process .row {
  margin: 0 -65px;
}
.main-progress .process-block {
  position: relative;
  margin-bottom: 40px;
  padding: 0 25px;
}
.main-progress .process-block .inner-box {
  position: relative;
  padding: 50px 35px 33px;
  box-shadow: 0px 15px 39px 0px rgba(8, 18, 109, 0.1);
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  background-color: #ffffff;
  text-align: center;
  transition: 0.5s ease;
  margin: 35px;
  border-radius: 10px;
}
.main-progress .process-block .inner-box:hover {
  box-shadow: 0px -10px 39px 0px rgba(8, 18, 109, 0.1);
  transform: translateY(-10px);
}
.main-progress .process-block:nth-child(2) .inner-box {
  margin-top: 70px;
}
.main-progress .process-block .inner-box .count-box {
  position: relative;
  width: 80px;
  height: 80px;
  background: #017370;
  margin: 0 auto;
  color: #ffffff;
  text-align: center;
  line-height: 80px;
  font-size: 30px;
  font-weight: 800;
  font-family: "Muli", sans-serif;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  border-radius: 10px;
  margin-bottom: 25px;
}
.main-progress .process-block .inner-box .text-progress {
  position: relative;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 10px;
}
.main-progress .process-block .inner-box .content-progress {
  position: relative;
  color: #777777;
  font-size: 14px;
  line-height: 1.8em;
  margin-bottom: 18px;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
.main-progress {
  padding: 30px 0;
}
.main-progress .float-bob-y {
  animation-name: float-bob-y;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;

  -webkit-animation-name: float-bob-y;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;

  -moz-animation-name: float-bob-y;
  -moz-animation-duration: 2s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;

  -ms-animation-name: float-bob-y;
  -ms-animation-duration: 2s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;

  -o-animation-name: float-bob-y;
  -o-animation-duration: 2s;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear;
}
.main-progress .title-progress-top:after {
  position: absolute;
  left: 48%;
  bottom: 0px;
  width: 60px;
  height: 2px;
  content: "";
  background: #017370;
  transform: translateX(-50%);
}
.main-progress .title-progress-top:before {
  position: absolute;
  left: 50%;
  bottom: 5px;
  width: 60px;
  height: 2px;
  content: "";
  background: #017370;
  transform: translateX(-50%);
}
.main-progress .title-progress-top {
  font-size: 40px;
  font-weight: 800;
  line-height: 50px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  color: #000;
  position: relative;
}
.main-progress .commitment-our {
  padding-top: 0;
}
.main-progress .main-commitment .detail-content-commitment {
  padding-top: 0;
}
/*Single*/
.main-single-content {
  padding-top: 50px;
}
.main-single-content .title-detail-post {
  font-size: 30px;
  color: #000000;
  font-weight: 600;
  text-align: center;
}
/*Single courses*/
.banner-single-courses {
  padding: 7rem 0;
}
.info-banner-courses .detail-content-courses {
  background: #fff;
  padding: 30px;
  margin-left: 30px;
  margin-right: 30px;
}
.info-banner-courses .item-title-courses {
  padding-bottom: 20px;
  border-bottom: 2px solid #000;
  font-weight: 600;
  font-size: 46px;
}
.info-banner-courses .item-price-courses {
  font-size: 45px;
  font-weight: 400;
  padding: 10px 0;
}
.list-content-single-courses ul {
  padding-left: 0;
}
.item-content-courses ul li:before {
  position: absolute;
  content: "\f058";
  font-family: "Font Awesome 6 Free";
  color: #198754;
  left: 0;
}
.item-content-courses ul li {
  position: relative;
  padding-left: 25px;
  padding-top: 15px;
}
.info-banner-courses .button-banner-couurses .detail-button {
  background: #dc3545;
  padding: 15px 100px;
  color: #fff;
  font-size: 17px;
  text-transform: uppercase;
  font-weight: 600;
  box-shadow: 4px 4px 14px #0003;
}
.info-banner-courses .button-banner-couurses {
  text-align: center;
  margin-top: 50px;
}
.info-banner-courses .item-price-courses {
  font-size: 45px;
}
.info-banner-courses .item-price-courses .money {
  font-family: "Roboto";
}
ul#menu-menu-courses {
  display: flex;
  align-items: center;
  padding-left: 0;
  margin-bottom: 0;
}
ul#menu-menu-courses li a {
  padding: 28px 10px;
  color: #000;
}
.main-menu-scoll .item-menu-top {
  border-right: 1px solid #000;
  padding: 10px 0;
  font-family: "Montserrat";
  font-weight: 500;
}
.main-menu-scoll {
  padding: 15px 0;
}
.menu-scoll-courses {
  background: #fff;
  transition: 0.3s;
  box-shadow: 0 10px 30px -15px #0003;
}
.sticky-menu-courses {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 99;
}

.main-overview {
  padding-top: 50px;
}
.row-overview {
  padding-top: 4rem;
  padding-bottom: 4rem;
  align-items: center;
}
.row-overview .content-overview h3 {
  font-size: 25px;
  font-weight: 700;
  margin-bottom: 20px;
}
.button-menu-scoll .detail-button {
  background: #dc3545;
  padding: 10px 30px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
  box-shadow: 4px 4px 14px #0003;
}
.main-why-couurses {
  padding-top: 8rem;
  padding-bottom: 8rem;
  border-top: 1px solid #000;
}
.why-courses {
  padding-top: 3rem;
  position: relative;
}
.why-courses:before {
  position: absolute;
  content: "";
  background: url(/wp-content/uploads/2025/04/Circle-1.svg) no-repeat;
  height: 100%;
  width: 100%;
  z-index: -1;
  object-fit: contain;
  left: -40%;
}
.image-why-top .title-image-why {
  font-size: 20px;
  color: #dc3545;
  font-family: "Montserrat";
}
.list-content-why {
  padding-top: 8rem;
  padding-bottom: 8rem;
}
.list-content-why .title-detail-content {
  font-size: 20px;
  font-family: "Montserrat";
  margin-bottom: 20px;
}

/* Phải */
.image-item {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  max-width: 100%;
  opacity: 0;
  transform: scale(0.95);
  transition: all 0.6s ease;
}
.image-item.show {
  opacity: 1;
  transform: scale(1);
}

@media (max-width: 768px) {
  .sticky-container {
    grid-template-columns: 1fr;
  }

  .left-contents,
  .right-content {
    display: none;
  }
}
/* div#whatinside {
  background: #0d0e0e;
} */
.main-watchvideo-courses .video-thumbnail-wrapper {
  position: relative;
  display: inline-block;
  cursor: pointer;
  width: 100%;
  max-width: 640px;
  left: 50%;
  transform: translateX(-50%);
}

.main-watchvideo-courses .video-thumbnail {
  width: 100%;
  height: auto;
  display: block;
}

.main-watchvideo-courses .play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 60px;
  color: white;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  width: 80px;
  height: 80px;
  line-height: 80px;
  text-align: center;
}

.main-watchvideo-courses .video-popup-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 9999;
  justify-content: center;
  align-items: center;
}

.main-watchvideo-courses .video-popup-content {
  position: relative;
  width: 80%;
  max-width: 960px;
  aspect-ratio: 16 / 9;
}

.main-watchvideo-courses .video-popup-content iframe {
  width: 100%;
  height: 100%;
}

.main-watchvideo-courses .close-button {
  position: absolute;
  top: -30px;
  right: 0;
  font-size: 30px;
  color: white;
  cursor: pointer;
}
.main-watchvideo-courses svg.fa-play {
  font-size: 45px;
  top: 20%;
  left: 25%;
  transform: translate(-50%, -50%);
  position: relative;
}
div#watchvideo {
  padding-top: 8rem;
  padding-bottom: 8rem;
  background: #0d0e0e;
}
.site-video .title-video-single {
  font-size: 57px;
  color: #fff;
  font-weight: 600;
  width: 70%;
  transform: translateX(-50%);
  left: 50%;
  position: relative;
  line-height: 60px;
  margin-bottom: 90px;
}
.site-about-courses {
  padding-top: 8rem;
  padding-bottom: 8rem;
}
.site-about-courses .text-about-courses {
  font-size: 17px;
  margin-bottom: 50px;
  color: #dc3545;
  font-family: "Montserrat";
  font-weight: 500;
}
.detail-content-about-courses h3 {
  font-size: 45px;
  font-weight: 600;
  margin-bottom: 50px;
}
.detail-content-about-courses ul li {
  list-style: disc;
}
.item-content-about {
  overflow: hidden;
  max-height: 400px;
  transition: max-height 0.3s ease;
  position: relative;
}
.detail-content-about-courses {
  position: relative;
  max-width: 700px;
  margin-bottom: 1rem;
}
.item-content-about.expanded {
  max-height: none;
}
.detail-content-about-courses .toggle-button {
  background: none;
  border: none;
  color: #0d6efd;
  cursor: pointer;
  padding: 0;
  margin-top: 0.5rem;
  position: relative;
  font-weight: 400;
  font-size: 20px;
}
.detail-content-about-courses .db-transcript-end {
  background-image: linear-gradient(#f4f4f4a8, #f3f3f3);
  min-height: 11em;
  position: absolute;
  inset: auto 0% 0%;
}
.courses-team .item-avata-courses img {
  border-radius: 1000px;
  max-width: 16.68em;
  max-height: 16.68em;
}
.courses-team .item-avata-courses {
  text-align: center;
}
.courses-team .name-courses-single {
  font-size: 25px;
  font-weight: 600;
  margin-bottom: 15px;
}
.courses-team .button-avata-courses .detail-button {
  font-size: 17px;
}
.courses-team .button-avata-courses .detail-button svg {
  margin-left: 10px;
  transition: 0.3s;
}
.courses-team .button-avata-courses {
  margin-top: 20px;
}
.courses-team .button-avata-courses .detail-button:hover svg {
  transform: translateX(10px);
}
.courses-team {
  padding-left: 150px;
}
.main-object-courses .content-object-courses {
  padding-left: 150px;
}

.main-object-courses .item-content h3 {
  font-size: 40px;
  font-weight: 600;
  margin-bottom: 20px;
}
.main-object-courses .item-content ul {
  display: flex;
  flex-wrap: wrap;
}
.main-object-courses .item-content ul li {
  list-style: disc;
  width: 50%;
}
.site-object-courses {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
div#instructor {
  background: #f3f3f3;
}
.content-courses-our {
  padding-top: 9rem;
  padding-bottom: 9rem;
}
.content-courses-our .gallery-popup > li {
  width: 33.33%;
  padding: 5px;
}
.content-courses-our .gallery-popup > li img {
  height: 100px;
  width: 100%;
  object-fit: cover;
  border-radius: 5px;
}
.content-courses-our .gallery-popup {
  display: flex;
  flex-wrap: wrap;
}
.content-courses-our .gallery-popup li {
  display: inline-block;
  transition: transform 0.3s ease;
}
.content-courses-our .gallery-popup li img {
  border: 1px solid transparent;
  transition: border 0.5s, transform 0.3s;
  border-radius: 10px;
}
.content-courses-our .gallery-popup li.active img {
  border: 1px solid #0371a3;
  transform: scale(1.05);
  box-shadow: 0 0 10px #0371a3;
}
.content-courses-our .detail-content-bottom ul li {
  list-style: disc;
}
.menu-scoll-courses .item-menu-top a {
  color: #000;
}
.main-courses-page .course-category-title {
  font-size: 45px;
  font-weight: 600;
  margin-top: 5rem;
  margin-bottom: 4rem;
}
.review-courses-our .main-review .item-icon img {
  filter: sepia(1);
}
.review-courses-our .main-review .quotation-photo {
  border: 1px solid #000;
}
.review-courses-our {
  background: #ffed00;
  padding-top: 7rem;
  padding-bottom: 7rem;
}
/*Page Courses*/
.banner-top-courses .content-banner h1 {
  font-size: 50px;
  width: 70%;
  color: #fff;
}
.banner-top-courses .content-banner p {
  font-size: 20px;
  color: #fff;
  font-weight: 300;
  width: 60%;
}
.banner-top-courses {
  background: #000;
  height: 550px;
}
.banner-top-courses .content-banner {
  transform: translateY(100%);
}
div#page-courses {
  background: #f3f3f3;
}
span.money {
  font-family: "Roboto";
  font-weight: 400;
}
/*Contact*/
.banner-contact-page {
  height: 500px;
}
.banner-contact-page .item-content-contact p {
  color: #fff;
  font-size: 19px;
}
.banner-contact-page .item-content-contact h1 {
  color: #fff;
  font-size: 65px;
  font-weight: 600;
  margin-bottom: 20px;
}
.banner-contact-page .main-banner-contact {
  width: 55%;
}
.banner-contact-page .container {
  top: 50%;
  transform: translateY(-50%);
  position: relative;
}
.item-form-info input {
  height: 40px;
  outline: none;
  width: 100%;
  padding-left: 10px;
}
.detail-main-form-contact textarea {
  height: 160px;
  width: 100%;
  padding-left: 10px;
}
.form-contact-main .main-contact-form {
  padding-left: 10rem;
}
.form-contact-main .title-form-contact p {
  font-size: 40px;
  line-height: 1;
  font-weight: 600;
  margin-bottom: 25px;
}
.form-contact-main {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.form-contact-main .content-info-contact h3 {
  font-size: 40px;
  font-weight: 500;
}
.form-contact-main .content-info-contact ul li::marker {
  content: "\f058";
  font-family: "FontAwesome";
  color: #198754;
  font-size: 20px;
}
.form-contact-main .content-info-contact ul li {
  list-style: disc;
  padding-left: 15px;
  padding-bottom: 15px;
}
.form-contact-main .wf-button-contact {
  background: #0d6efd;
  border: 0;
  color: #fff;
  font-weight: 600;
  border-radius: 5px;
  text-transform: uppercase;
}
.map-contact p {
  margin-bottom: 0;
}
/*Footer*/
div#custom_html-2 .button-footer {
  background: #0d6efd;
  padding: 16px 30px;
  text-transform: uppercase;
  font-weight: 500;
}
div#custom_html-2 {
  margin-top: 3rem;
}
footer#footer a,
footer#footer p {
  color: #fff;
}
.foote-info ul li a {
  font-size: 13px;
  padding-left: 0;
  color: #9da6a6 !important;
}
footer#footer {
  position: relative;
  color: #fff;
  padding-top: 11.25rem;
  padding-bottom: 10px;
  background-color: #0d0e0e;
}
.footer-bottom {
  color: #9da6a6;
  padding-top: 7rem;
}
.foote-info ul {
  padding-left: 0;
}
.footer-one-widget ul li,
.footer-two-widget ul li,
.footer-three-widget ul li {
  position: relative;
  margin-bottom: 10px;
}
.footer-one-widget ul li a,
.footer-two-widget ul li a,
.footer-three-widget ul li a {
  color: #fff;
  padding-left: 15px;
}
.foote-info .widget-title {
  margin-bottom: 15px;
  font-size: 15px;
  font-weight: 600;
}
.footer-one-widget p {
  font-size: 15px;
  color: #9da6a6 !important;
}
.footer-four-widget li {
  color: #fff;
}
.footer-four-widget li a {
  color: #fff;
}
.icon-footer .icon-custom {
  width: 10%;
  margin-right: 10px;
}
.icon-footer {
  display: flex;
  align-items: center;
}
ul#menu-footer-bottom-2 {
  display: flex;
  align-items: center;
  justify-content: end;
}
ul#menu-footer-bottom-2 > li a {
  font-size: 15px;
  padding: 10px;
  color: #9da6a6;
}
/*Animation*/
@keyframes slideInLefts {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
/*phan trang*/
.paginate_links .current {
  margin: 0px 5px;
  font-size: 17px;
  border: 2px solid #c30;
  border-radius: 5px;
  background: #c30;
  color: #fff;
  padding: 0px 5px;
}
.paginate_links {
  text-align: center;
  margin-top: 25px;
  margin-bottom: 25px;
}
.paginate_links .prev {
  font-size: 17px;
  margin-right: 5px;
}
.paginate_links .next {
  margin-left: 5px;
}
.paginate_links a.page-numbers {
  font-size: 17px;
  margin: 0 3px;
}
#back-to-top {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  background-color: #0d6efd;
  border: 1px solid #0d6efd !important;
  color: #ffffff;
  padding: 9px 15px;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  font-size: 16px;
}
.mobile-menu {
  display: none;
}
.mobile-custom {
  display: none;
}
/*Style Mobile*/
/*Style Contact*/
.bottom-contact-mobile {
  display: none;
}
#button-contact-vr {
  position: fixed;
  bottom: 0;
  z-index: 99999;
  right: 0;
  transform: scale(0.8);
  bottom: 15%;
}

#button-contact-vr .button-contact {
  position: relative;
  margin-top: -5px;
}

#gom-all-in-one #contact-vr,
#viber-vr,
#zalo-vr,
#zalo-vr,
#zalo-vr,
#whatsapp-vr {
  transition: 1.6s all;
  -moz-transition: 1.6s all;
  -webkit-transition: 1.6s all;
}

#gom-all-in-one #phone-vr {
  transition: 0.7s all;
  -moz-transition: 0.7s all;
  -webkit-transition: 0.7s all;
}

.phone-bar a,
#phone-vr .phone-vr-circle-fill,
#phone-vr .phone-vr-img-circle,
#phone-vr .phone-bar a {
  background-color: #dd3333;
}

#button-contact-vr .button-contact .phone-vr {
  position: relative;
  visibility: visible;
  background-color: transparent;
  width: 90px;
  height: 90px;
  cursor: pointer;
  z-index: 11;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transition: visibility 0.5s;
  left: 0;
  bottom: 0;
  display: block;
}

.phone-vr-circle-fill {
  width: 80px;
  height: 80px;
  top: -20px;
  left: 5px;
  position: absolute;
  box-shadow: 0 0 0 0 #c31d1d;
  background-color: rgba(230, 8, 8, 0.7);
  border-radius: 50%;
  border: 2px solid transparent;
  -webkit-animation: phone-vr-circle-fill 2.3s infinite ease-in-out;
  animation: phone-vr-circle-fill 2.3s infinite ease-in-out;
  transition: all 0.5s;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-animuiion: zoom 1.3s infinite;
  animation: zoom 1.3s infinite;
}

.phone-vr-img-circle {
  background-color: #e60808;
  width: 60px;
  height: 60px;
  line-height: 40px;
  top: -10px;
  left: 15px;
  position: absolute;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  justify-content: center;
  -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
  animation: phone-vr-circle-fill 1s infinite ease-in-out;
}

#contact-vr .phone-vr-circle-fill {
  box-shadow: 0 0 0 0 #2196f3;
  background-color: rgba(33, 150, 243, 0.7);
  opacity: 0.7;
}

#contact-vr .phone-vr-img-circle {
  background-color: #2196f3;
}

.phone-vr-img-circle a {
  display: block;
  line-height: 37px;
}

.phone-vr-img-circle img {
  max-height: 35px;
  max-width: 35px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}

div#whatsapp-vr .phone-vr .phone-vr-circle-fill {
  box-shadow: 0 0 0 0 #1fd744;
  background-color: rgb(35 217 72 / 70%);
}

div#whatsapp-vr .phone-vr .phone-vr-img-circle {
  background: #1cd741;
}

#zalo-vr .phone-vr-circle-fill {
  box-shadow: 0 0 0 0 #cdcdcd;
  background-color: rgb(211 211 211 / 26%);
}
#zalo-vr .zalo-vr-circle-fill {
  box-shadow: 0 0 0 0 #0091ff;
  background-color: #0091ff4a;
}
#zalo-vr .zalo-vr-img-circle {
  background-color: #0091ff !important;
}
#zalo-vr .phone-vr-img-circle {
  background-color: #000;
}
#zalo-vr .yb-vr-img-circle {
  background-color: #e21313 !important;
}
#zalo-vr .yb-vr-circle-fill {
  box-shadow: 0 0 0 0 #f59191;
  background-color: rgb(226 19 19 / 38%);
}
@-webkit-keyframes phone-vr-circle-fill {
  0% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
  }
  10% {
    -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
  }
  20% {
    -webkit-transform: rotate(25deg) scale(1) skew(1deg);
  }
  30% {
    -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
  }
  40% {
    -webkit-transform: rotate(25deg) scale(1) skew(1deg);
  }
  50% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
  }
  100% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
  }
}

@-webkit-keyframes zoom {
  0% {
    transform: scale(0.9);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 15px transparent;
  }
  100% {
    transform: scale(0.9);
    box-shadow: 0 0 0 0 transparent;
  }
}

@keyframes zoom {
  0% {
    transform: scale(0.9);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 15px transparent;
  }
  100% {
    transform: scale(0.9);
    box-shadow: 0 0 0 0 transparent;
  }
}
/*Style Mobile*/

nav {
  width: 100%;
  background-color: #ffffff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: sticky;
  top: 0;
  z-index: 3;
}

#hamburger,
#hamburger-main {
  margin: 2%;
}

#hamburger,
#hamburger-main {
  opacity: 0.5;
  cursor: pointer;
  transition: opacity 0.25s linear;
  width: clamp(1.5rem, 2vw + 1.1rem, 6rem);
  height: clamp(2rem, 1.4vw + 1.7rem, 5rem);
  display: flex;
  align-items: center;
}

#hamburger:hover,
#hamburger-main:hover {
  opacity: 1;
}

#hamburger div,
#hamburger div:after,
#hamburger div:before,
#hamburger-main div,
#hamburger-main div:before,
#hamburger-main div:after {
  background-color: #000;
  border-radius: 10px;
  width: clamp(1.5rem, 2vw + 1.1rem, 6rem);
  height: clamp(0.2rem, 0.3vw + 0.1rem, 0.8rem);
  transition: all 0.15s linear;
}

#hamburger div:before,
#hamburger div:after,
#hamburger-main div:before,
#hamburger-main div:after {
  content: "";
  position: absolute;
}

#hamburger div:before,
#hamburger-main div:before {
  transform: translateY(-200%);
}

#hamburger div:after,
#hamburger-main div:after {
  transform: translateY(200%);
}

#hamburger.open div,
#hamburger-main.open div {
  background: transparent;
}

#hamburger.open div:before,
#hamburger-main.open div:before {
  transform: rotate(45deg);
}

#hamburger.open div:after,
#hamburger-main.open div:after {
  transform: rotate(-45deg);
}
#hamburger.open div:after,
#hamburger.open div:before,
#hamburger-main.open div:after,
#hamburger-main.open div:before {
  background-color: #fff;
  border-radius: 10px;
  width: clamp(1.5rem, 2vw + 1.1rem, 6rem);
  height: clamp(0.2rem, 0.3vw + 0.1rem, 0.8rem);
  transition: all 0.15s linear;
}
#hamburger.open,
#hamburger-main.open {
  z-index: 3;
  position: fixed;
  right: 3px;
  top: 0;
}
#overlay,
#overlay-main {
  position: fixed;
  width: 100%;
  height: 100vh;
  background-color: #000000 !important;
  z-index: 1;
  transform: translateX(-300%);
  transition: all 0.5s ease-in-out;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#overlay.menu,
#overlay-main.menu {
  transform: translateX(0%);
  top: 0;
  min-height: auto;
}
#overlay a,
#overlay-main a {
  text-decoration: none;
  color: #fff !important;
  font-size: 18px;
  margin: 0%;
  transition: opacity 0.2s linear;
  font-weight: 600;
  text-transform: uppercase;
}
#overlay a:hover,
#overlay-main a:hover {
  opacity: 1;
}
#overlay .menu-menu-main-container,
#overlay-main .menu-menu-main-container {
  width: 100%;
}
#menu-mobile .icon-dropdown:before {
  content: "\f054";
  font-family: "FontAwesome";
  padding-right: 15px;
  float: right;
}
nav.navigation.post-navigation {
  background: #fff;
  margin-left: -13px;
}
.sidebar-mobile {
  display: none;
}
figure {
  width: 100% !important;
}
figcaption {
  text-align: center;
  font-style: italic;
  font-weight: 400;
  background: #f5f5f5;
  padding: 5px;
}
/*end footer*/
@media (min-width: 1920px) {
  .container {
    max-width: 1140px !important;
  }
  .item-benefit .item-title-benefit {
    position: relative;
    left: 72%;
    z-index: 1;
    top: -12%;
    width: 65%;
  }
}

@media (min-width: 1400px) {
  .container {
    max-width: 1224.51px !important;
  }
  .item-info-footer {
    font-size: 16px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1224.51px !important;
  }
}
@media (min-width: 1080px) {
}
@media (max-width: 768px) {
  /*header-mobile*/
  .header-desktop {
    display: none;
  }
  ul#menu-mobile > li > ul.sub-menu {
    display: none;
  }
  .mobile-menu {
    display: block;
  }
  .header-mobile img.custom-logo {
    margin: 0px !important;
    width: 140px !important;
  }
  .list-icon-menu ul > li {
    float: left;
    line-height: 25px;
    padding: 0px 10px;
  }
  .mobile-menu #overlay ul.sub-menu > li > a {
    font-size: 16px !important;
    font-weight: 500;
  }
  .mobile-menu #overlay #menu-mobile > li ul > li ul.sub-menu {
    padding-left: 20px;
    padding-top: 0px;
  }
  ul#menu-mobile {
    font-family: "Montserrat" !important;
  }
  .mobile-menu .list-icon-menu li.button-mobile {
    margin-top: 0px !important;
  }
  #overlay #menu-mobile li {
    padding-bottom: 10px;
    font-weight: 400;
  }
  .mobile-menu #overlay #menu-mobile > li ul > li ul > li {
    padding-bottom: 0px;
    line-height: 20px;
  }
  #overlay {
    align-items: flex-start !important;
    color: #000;
    font-weight: 600;
    padding: 15px;
  }
  .header-mobile {
    display: block;
    background: #d1c1ad !important;
    border-bottom: 1px solid #f0eff4 !important;
    box-shadow: 0 0 20px -10px rgb(0 0 0 / 80%) !important;
  }
  .header-mobile img.custom-logo {
    margin: 0px !important;
    width: 140px !important;
  }
  .navbar-dark .navbar-toggler {
    color: rgb(98 22 22 / 55%) !important;
    border-color: rgb(48 0 0 / 10%) !important;
  }
  div#collapsibleNavbar {
    padding: 15px 5px;
    border-top: 1px solid #c0ad9c;
  }
  .list-icon-menu ul > li {
    float: left;
    line-height: 25px;
    padding: 0px 10px;
  }
  .mobile-menu .list-icon-menu ul > li {
    margin-top: 5px;
  }
  #menu-mobile > li.open > .sub-menu {
    display: block;
    padding-left: 5px;
    padding-top: 0px;
  }
  #menu-mobile > li > .sub-menu > li a {
    padding: 5px;
    display: block;
  }
  ul#menu-mobile > li > ul.sub-menu:hover {
    display: block !important;
  }
  .site-branding .custom-logo {
    width: 100%;
    height: auto;
  }
  .mobile-menu .custom-logo {
    width: 140px !important;
  }
  /*style contact mobile*/
  /*style mobile*/
  .background-header .image-background {
    height: 50vh;
    object-fit: cover;
  }
  .background-header .detail-background-header .item-logo-header {
    width: 65%;
    height: 25%;
  }
  .header-menu .header-mobile-main {
    border-bottom: 0 !important;
    box-shadow: 1px 1px 5px #00000042;
  }
  .header-menu .header-mobile-main .site-branding {
    width: 30%;
  }
  .header-mobile-main ul#menu-mobile {
    padding: 25px;
  }
  .header-mobile-main ul#menu-mobile > li {
    margin-bottom: 25px;
  }
  .header-mobile-main ul#menu-mobile > li > a {
    font-weight: 700;
    font-family: "Montserrat";
    text-transform: uppercase;
  }

  .background-header .content-header p {
    font-size: 16px !important;
  }

  .title-logo-home .item-title-logo,
  .title-blogs-home .item-title-blogs {
    font-size: 30px;
  }
  .title-logo-home .item-meta-logo,
  .title-blogs-home .item-meta-blogs {
    font-size: 16px;
  }
  .title-blogs-home {
    padding-bottom: 10px;
  }
  .our-blogs {
    margin-bottom: 40vh;
  }
  footer#footer:before {
    top: -38%;
    background-position: -20%, 0%;
    background-size: 220% 100%;
  }

  .background-header .item-cloud-info.item-cloud-five {
    top: 32vh;
  }
  .footer-one-widget div#media_image-2 {
    text-align: center;
  }

  .header-menu .header-mobile-main .site-branding {
    position: relative;
    height: 100px;
    overflow: hidden;
  }

  .header-menu .header-mobile-main .site-logo {
    position: absolute;
    top: -10%;
    left: 0;
    transform: translateY(0);
    opacity: 0;
  }
  .header-menu .header-mobile-main .site-logo.animate {
    animation: slideIn 1s ease forwards;
  }
  .banner-top-home .item-image img {
    height: 30vh;
    object-fit: cover;
  }
  .banner-top-home .content-banner {
    font-size: 25px;
    line-height: 35px;
    text-align: center;
  }
  .main-banner .button-one {
    padding: 10px;
    margin-right: 0;
    font-size: 15px;
    text-align: center;
    width: 80%;
    margin-bottom: 15px;
  }
  .main-banner .button-two {
    padding: 10px;
    width: 80%;
  }
  .info-outstanding {
    padding: 4.68em 20px;
    margin: 5px;
    margin-bottom: 5rem;
    border: 1px solid #dddddd94;
  }
  .outstanding-our {
    padding: 145px 0 0px 0;
  }
  .courses-our {
    padding: 50px 0;
  }
  .content-post-courses {
    margin-top: 35px;
  }
  .content-post-courses {
    display: flex;
    margin-top: 35px;
    flex-wrap: wrap;
  }
  .b-small-divider {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
  }
  .main-courses-home .image-content-courses-home {
    padding-top: 25px;
    text-align: center;
  }
  .review-our .text-top-title p {
    margin-bottom: 0.5em;
    font-size: 20px;
    line-height: 25px;
    width: 100%;
  }
  .review-our {
    padding-top: 5em;
    padding-bottom: 10em;
  }
  .banner-top-home .button-banner {
    flex-wrap: wrap;
    display: flex;
    justify-content: center;
  }
  .main-podcasts {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .blog-video-our {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  footer#footer {
    padding-top: 5.25rem;
  }
  .footer-bottom {
    padding-top: 1rem;
  }
  ul#menu-footer-bottom-2 {
    justify-content: center;
  }
  .footer_body-copyright {
    text-align: center;
  }
  div#custom_html-2 {
    margin-bottom: 3rem;
  }
  .mobile-menu nav.navbar {
    background: #fff !important;
  }
  .banner-top-courses .content-banner h1 {
    font-size: 35px;
    width: 100%;
    text-align: center;
  }
  .banner-top-courses .content-banner p {
    font-size: 20px;
    width: 100%;
    text-align: center;
  }
  .main-banner {
    transform: translateY(-37%);
  }
  .main-courses-page .course-category-title {
    font-size: 35px;
    margin-top: 5rem;
    margin-bottom: 4rem;
  }
  .info-banner-courses .item-title-courses {
    font-size: 35px;
  }
  .info-banner-courses .button-banner-couurses .detail-button {
    padding: 15px 20px;
  }
  .main-overview {
    padding-top: 0;
  }
  .site-video .title-video-single {
    font-size: 35px;
    width: 100%;
    line-height: 48px;
    margin-bottom: 50px;
  }
  div#watchvideo {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .row-overview {
    padding-top: 2rem;
    padding-bottom: 0rem;
  }
  .content-courses-our,
  .site-about-courses,
  .list-content-why {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .content-courses-our .gallery-popup {
    justify-content: center;
    padding-left: 0;
    padding-top: 2rem;
  }
  .main-object-courses .content-object-courses {
    padding-left: 0;
  }
  .main-object-courses .item-content h3 {
    font-size: 25px;
    margin-bottom: 20px;
    margin-top: 2rem;
    line-height: 30px;
  }
  .courses-team {
    padding-left: 0;
    padding-top: 2rem;
    border-top: 5px double #ddd;
    margin-top: 1rem;
  }
  .main-about-courses .item-avata-content,
  .courses-team .button-avata-courses {
    text-align: center;
  }
  .courses-team .name-courses-single {
    margin-top: 1rem;
  }
  .detail-content-about-courses h3 {
    font-size: 35px;
    font-weight: 600;
    margin-bottom: 30px;
  }
  .list-content-why .item-title-why {
    text-align: center;
    padding: 20px 0;
  }
  .list-content-why .col-md-4:not(:last-child) .item-list-why {
    border-bottom: 3px double #ddd;
  }
  .image-why-top .title-image-why {
    text-align: center;
  }
  .main-banner-bootcamp {
    width: 100%;
  }
  .banner-page-bootcamp .bootcamp-title-banner {
    font-size: 35px !important;
    line-height: 55px;
    text-align: center;
  }
  .main-content-top-bootcamp .title-content-top-bootcamp {
    font-size: 30px;
    color: #fff;
    width: 100%;
    line-height: 1;
    margin-bottom: 1rem;
    text-align: center;
  }
  .main-content-top-bootcamp .item-content {
    padding: 5px;
  }
  .site-instructor-bootcamp .text-instructor-bootcamp-smal:after {
    width: 40%;
    left: 33%;
  }
  .site-instructor-bootcamp .detail-content-instructor-bootcamp h3 {
    font-size: 35px;
  }
  .site-instructor-bootcamp .button-instructor-bootcamp {
    text-align: center;
  }
  .site-instructor-bootcamp .image-instructor-bootcamp-main {
    margin-top: 3rem;
  }
  .site-instructor-bootcamp .image-instructor-bootcamp-writting img {
    width: 41%;
    top: 100%;
    padding-top: 25px;
  }
  .site-instructor-bottom .detail-title-instructor-bottom,
  .customer-our .detail-title-instructor-bottom {
    width: 100%;
    font-size: 35px;
    line-height: 1;
    text-align: center;
  }
  .site-instructor-bottom .text-instructor-bottom,
  .customer-our .text-customer-bootcamp {
    width: 100%;
    margin-top: 15px;
    text-align: center;
    font-size: 15px;
  }
  .site-instructor-bottom .row-instructor-bottom {
    padding-top: 0;
    padding-bottom: 1rem;
    text-align: center;
  }
  .site-instructor-bottom {
    padding-bottom: 3rem;
  }
  .main-testimonials .tag-testimonial {
    padding: 8px 10px;
    letter-spacing: 5px;
    font-size: 10px;
  }
  .review-testimonials-our .title-testimonials-one {
    font-size: 35px;
    margin-bottom: 25px;
  }
  .review-testimonials-our .title-testimonials-review {
    width: 100%;
    text-align: center;
  }
  .review-testimonials-our .title-testimonials-two {
    font-size: 15px;
  }
  .review-testimonials-our {
    padding-bottom: 0em !important;
  }
  .main-curriculum-bootcamp .detail-title-curriculum-bootcamp {
    font-size: 35px;
    width: 100%;
    text-align: center;
  }
  .main-curriculum-bootcamp .text-curriculum-bootcamp {
    width: 100%;
    font-size: 15px;
    text-align: center;
  }
  .main-curriculum-bootcamp .content-instructor-bottom {
    margin-right: 0;
    padding: 0px 0 30px 0;
    text-align: center;
  }
  .fqa-our {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .main-fqa .title-fqa {
    font-size: 35px;
    text-align: center;
    line-height: 1;
  }
  .main-fqa .accordion {
    font-size: 15px;
    height: auto;
  }
  .content-about-progroup {
    padding-top: 5rem;
  }
  .content-about-progroup .item-content h3,
  .main-overview-progroup .detail-content-overview h3 {
    font-size: 35px;
    text-align: center;
  }
  .site-overview-progroup {
    padding-top: 5rem;
  }
  .main-testimonialspro .video-our {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  #page-progroup .site-testimonials {
    padding-top: 3rem;
    padding-bottom: 5rem;
  }
  .review-testimonials-progroup {
    padding-top: 0 !important;
    padding-bottom: 5rem !important;
  }
  .fqapro-our .main-fqa .title-fqa {
    font-size: 35px;
    width: 100%;
    margin-bottom: 5px;
  }
  .banner-page-progroup img.image-banner-top {
    width: 30%;
    margin-top: 0;
  }
  .banner-page-bootcamp .button-banner-bootcamp,
  .button-banner-bootcamp {
    margin-top: 30px;
    text-align: center;
  }
  .main-banner-bootcamp .item-content-bootcamp {
    text-align: center;
  }
  .banner-contact-page .main-banner-contact {
    width: 100%;
    text-align: center;
  }
  .banner-contact-page .item-content-contact h1 {
    font-size: 35px;
  }
  .banner-contact-page .item-content-contact p {
    font-size: 15px;
  }
  .form-contact-main .content-info-contact h3,
  .form-contact-main .title-form-contact p {
    font-size: 35px;
  }
  .form-contact-main .main-contact-form {
    padding-left: 0;
    padding-top: 25px;
  }
}
@media only screen and (max-width: 576px) {
}