/* FE Thiện */
.box-mess {
    position: fixed;
    right: 5rem;
    bottom: 10rem;
    z-index: 10;
}

.box-mess .ic-mess {
    width: 3.5rem;
    height: 3.5rem;
    text-align: center;
    border-radius: 50%;
    background-color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    animation-name: ring-ring;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    transition: all 0.3s;
}

.box-mess .ic-mess i {
    font-size: 4rem;
    cursor: pointer;
    color: #006AFF;
}

@keyframes ring-ring {
    0% {
        transform: rotate(0deg) scale(1) skew(1deg);
    }

    10% {
        transform: rotate(-25deg) scale(1) skew(1deg);
    }

    20% {
        transform: rotate(25deg) scale(1) skew(1deg);
    }

    30% {
        transform: rotate(-25deg) scale(1) skew(1deg);
    }

    40% {
        transform: rotate(25deg) scale(1) skew(1deg);
    }

    50% {
        transform: rotate(0deg) scale(1) skew(1deg);
    }

    100% {
        transform: rotate(0deg) scale(1) skew(1deg);
    }
}

.logo-text {
    max-width: max-content !important;
    color: #000;
    font-size: 7rem;
    font-style: normal;
    font-weight: 300;
    text-transform: uppercase;
    display: flex;
    gap: 2rem;
}

.logo-text>.title {
    font-weight: 700;
    text-transform: none;
}

@media (max-width:1199px) {
    .box-mess {
        right: 1rem;
    }

    .box-mess .ic-mess {
        width: 2.5rem;
        height: 2.5rem;
    }

    .box-mess .ic-mess i {
        font-size: 3.5rem;
    }
}

@media (max-width:991px) {
    .logo-text {
        font-size: 5rem;
    }
}

@media (max-width:500px) {
    .logo-text {
        font-size: 4rem;
    }
}

/* homepage */
.faq-cl-bd>ul {
    margin-bottom: 0 !important;
}


/* macbook */
@media (min-width:1200px) and (max-width:1280px) {
    .container {
        max-width: 108rem;
        padding: 0;
    }

    .homes-bn-right .decor-it:nth-child(1) {
        width: 95%;
        height: 100%;
    }

    .homes-bn-right .decor-it:nth-child(2) {
        width: 95%;
        height: 100%;
    }

    .homes-bn-right .model .model-inner {
        width: 90%;
    }

    .homes-bn-right .model .model-inner img {
        top: 55%;
        width: 100%;
    }

    .logo-text {
        font-size: 5.8rem;
    }

    .titles-main {
        font-size: 4.6rem;
    }

    .homes-nb-item-wr .num {
        font-size: 2.2rem;
    }

    .homes-nb-item-wr .name {
        font-size: 1.6rem;
    }

    .footer-item .tt {
        font-size: 2.2rem;
    }

    .homes-nb-item-wr .ic {
        width: 85%;
        padding-top: 85%;
    }

    .homes-nb-item-wr .ic img {
        width: 45%;
        height: 45%;
    }

    .why-like::after {
        width: 95%;
    }

    .why-like .top,
    .why-dislike .top {
        padding: 2.5rem;
    }

    .why-like .top .ic,
    .why-dislike .top .ic {
        width: 8rem;
        height: 8rem;
    }

    .why-item .bd {
        padding: 3rem 2rem;
    }

    .homes-doc-it .inner .img-inner {
        padding-top: calc((312 / 284) * 85%);
    }

    .force-thumbs-item .img {
        width: 17rem;
        height: 17rem;
    }

    .force-thumbs-item .img .img-inner {
        padding-top: 0;
        width: 100%;
        height: 100%;
    }

    .force-main {
        --kt: 22rem;
    }

    .advise-box {
        width: 85.666667%;
    }

    .advise-model .inner {
        padding-top: calc((761 / 509) * 90%);
    }

    .advise-form .tt {
        font-size: 3.4rem;
        margin-bottom: 3rem;
    }

    .form-ip {
        margin-top: 1.5rem;
    }

    .advise-form .btn-four {
        margin-top: 2rem;
    }
}

/* end macbook */

/* homepage end */


/* about */
.ab-stry-item {
    border-radius: 1.6rem;
}

/* about end */

/* course */
.success-story {
    color: #272727;
    font-size: 2.6rem;
    font-weight: 500;
    margin-top: 2rem;
}

.course-item .inner {
    border: 0.1rem solid #791e94;
}

.course-item .inner .img>.btn-play {
    display: none;
}

@media (max-width:768px) {
    .success-story {
        font-size: 2rem;
        margin-bottom: 5rem;
    }
}

/* course end */
.mate-item .inner {
    border: 0.1rem solid #791e94;
}

/* border */

/* end border */

/* breadcrumb */
.breadcrumb-list .breadcrumb-item .breadcrumb-link {
    line-height: normal;
}

/* breadcrumb end */

/* bài viết chi tiết */
.doc-ctn-qc-it {
    height: auto;
}

.doc-ctn-qc-it .inner img {
    object-fit: cover;
}

#ez-toc-container {
    border-radius: 1rem !important;
    background: #fff !important;
    border: 0.1rem solid rgba(0, 0, 0, 0.1) !important;
    padding: 1rem !important;
    box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.1) !important;
    height: 100%;
}

.ez-toc-title-container {
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    /* margin-bottom: 2rem; */
}

#ez-toc-container .ez-toc-toggle>label {
    width: 3rem !important;
    height: 3rem;
    border-radius: 50% !important;
    background-color: #791E94;
    left: 0 !important;
}

.ez-toc-icon-toggle-span {
    display: none !important;
}

#ez-toc-container a {
    transition: all 0.3s linear;
}

#ez-toc-container a:hover {
    text-decoration: none !important;
    color: #791E94;
}

.ez-toc-list {
    display: flex;
    flex-direction: column;
    row-gap: 1rem;
}

div#ez-toc-container {
    width: 100%;
}

#ez-toc-container>nav {
    overflow-y: scroll !important;
    max-height: 30rem;
}

#ez-toc-container>nav::-webkit-scrollbar {
    border-radius: 1rem;
    height: auto;
    width: 0.5rem;
}

#ez-toc-container>nav::-webkit-scrollbar-thumb {
    background-color: #791E94;
    border-radius: 1rem;
}

#ez-toc-container>nav::-webkit-scrollbar-track {
    border-radius: 1rem;
    background-color: transparent;
}

#ez-toc-container>nav::-webkit-scrollbar-button {
    width: 1rem;
    height: 0.5rem;
}

.ez-toc-list .ez-toc-list-level-4 {
    margin-left: 0 !important;
}

@media (max-width: 575px) {
    .kh-hr .kh-hr-flex .right .img {
        width: 100%;
        height: 100%;
    }
}

#ez-toc-container a:visited {
    color: #791E94;
    font-weight: 700;
}

/* bài viết chi tiết end */
.full-slot {
    padding: 0.5rem 1.5rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: #791E94;
    border-radius: 0.5rem;
    color: #fff;

}

/* khai giảng */
.title-course {
    display: none;
}

/* .lkg-table .info{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;

}
.lkg-table table tbody tr td:first-child{
    padding: 4rem;
}
.box-title{
    display: none;
} */
/* .box-info td:nth-child(2){
    vertical-align: bottom;
    padding-top: 0;
    padding-bottom: 1.2rem;
    height: 100%;
} */
.lkg-table-title {
    display: none;
    color: #791E94;
    font-weight: 700;
    font-size: 4.3rem;
    text-align: center;
    margin-bottom: 1.6rem;
}

.bg-red {
    background-color: #e74c3c;
}

.bg-yel {
    background-color: #f1c40f;
}

.bg-gr {
    background-color: #2ecc71;
}

.table-heading-list {
    display: flex;
    padding: 1rem;
    background-color: #791E94;
    border-radius: 2rem 2rem 0 0;
}

.table-heading-list .table-heading-left {
    width: 20%;
}

.table-heading-list .table-heading-right {
    width: 80%;
    display: flex;
}

.table-heading-list .table-heading-right .table-heading-item:nth-child(1) {
    margin: 0 auto;
}

.table-heading-list .table-heading-item {
    color: #ffffff;
    font-weight: 700;
    font-size: 1.4rem;
    text-align: center;
}

.table-heading-list .table-heading-item {
    flex: 1;
}

.table-desk {
    display: flex;
}

.table-desk .table-left {
    width: 20%;
}

.table-desk .table-left .row-name {
    height: 100%;
    padding: 1rem 0;
}

.table-desk .table-left .row-name .name-course {
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-start;
    justify-content: center;
    gap: 0.6rem;
    font-weight: 700;
}

.table-desk .table-right {
    width: 80%;
}

.table-desk .table-right .row-table {
    display: flex;
    align-items: center;
}

.table-desk .table-right .row-table .table-item {
    flex: 1;
    text-align: center;
    padding: 1rem 0;
}

.table-desk .table-right .row-table .table-item .btn-second {
    margin: 0 auto;
    width: 80%;
}

.caret-down {
    transition: all 0.4s;
    display: none;
}

.caret-down.rotate {
    transform: rotate(180deg);
}

.table-desk .table-left .row-name .info-course {
    display: none;
}

/* .lkg-table{
    border: 0.1rem solid rgba(121, 30, 148, 0.15);
} */
.table-heading-left .table-heading-item.mb {
    display: none;
}

.tab-row .tab-top {
    cursor: pointer;
}

@media (max-width:991px) {
    .table-heading-left .table-heading-item {
        display: none;
    }

    .table-heading-left .table-heading-item.mb {
        display: flex;
        width: 30%;
    }

    .table-heading-list .table-heading-right .table-heading-item:nth-child(2) {
        display: none;
    }

    .table-heading-list .table-heading-right .table-heading-item:nth-child(3) {
        display: none;
    }

    .table-heading-list .table-heading-right .table-heading-item:nth-child(4) {
        display: none;
    }

    .table-heading-list .table-heading-right .table-heading-item:nth-child(5) {
        display: none;
    }

    .caret-down {
        display: block;
    }

    /* .table-desk .table-right .row-table{
        margin: 0 -0.5rem;
    } */
    .table-desk .table-right .row-table .table-item {
        font-size: 1.4rem;
        /* padding-left: 0.5rem;
        padding-right: 0.5rem; */
    }

    .table-desk .table-right {
        margin-left: auto;
    }

    .table-desk {
        flex-direction: column;
    }

    .table-desk .table-right .row-table .table-item .btn-second {
        margin: 0 auto;
        /* width: 100%; */
        height: 3.8rem;
        padding: 0 1rem;
    }

    .table-desk .table-right .row-table .table-item .btn-second .txt {
        font-size: 1.4rem;
    }

    .sessions {
        display: none;
    }

    .table-desk .table-left {
        width: 100%;

    }

    .table-desk .table-left .row-name .name-course {
        justify-content: flex-end;
        /* width: 30%; */
    }

    .table-desk .table-left .row-name {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        padding: 1rem;
    }

    .table-desk .table-left .row-name .info-course {
        display: block;
        margin-left: 0.6rem;
    }
}

@media (max-width:767px) {
    .table-desk .table-right .row-table .table-item .btn-second {
        width: 100%;
    }

    .table-desk .table-right {
        padding-right: 0.5rem;
    }
}

@media (max-width:480px) {
    .table-desk .table-right .row-table .table-item .btn-second {
        margin: 0 auto;
        padding: 0 0.4rem;
        height: 2.8rem;
    }

    .full-slot {
        font-size: 1.2rem;
        padding: 0.4rem;
    }

    .table-desk .table-right .row-table .table-item:nth-child(3) {
        display: none;
    }
}

@media (max-width:375px) {
    .table-desk .table-right .row-table .table-item .btn-second .txt {
        font-size: 1.2rem;
    }

    /* .table-desk .table-right .row-table{
        margin: 0;
    } */
    .table-desk .table-right .row-table .table-item {
        font-size: 1.2rem;
        padding-left: 0.3rem;
        padding-right: 0.3rem;
    }
}

/* @media (max-width:1060px){
    .lkg-table .btn-second{
        padding: 0rem 3rem !important;
        height: 4rem;
    }
    .lkg-table .info{
        display: flex;
        flex-direction: column;
        gap: 0.8rem;
    }
    .lkg-table table tbody tr td:nth-child(2){
        border-top: 0.1rem solid rgba(121, 30, 148, 0.15) !important;

    }
    .lkg-table table tbody{
        display: flex;
        flex-direction: column;
    }
    .lkg-table table tbody tr{
        margin-bottom: 2rem;
    }
    .lkg-table table tbody tr td:last-child{
        border-bottom-color: rgba(121, 30, 148, 0.15);
    }
    .lkg-table table tbody tr td:first-child{
        display: none;
    }
    .box-title{
        display: flex;
    }
    .title-course{
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 1rem;
        cursor: pointer;
        margin-bottom: 1rem;
        font-weight: 700;
    }
    .title-course .caret-down{
        transform: rotate(0);
        transition: all 0.4s;
    }
    .title-course .caret-down.open-table{
        transform: rotate(180deg);
    }
    .title-course .caret-down i {
        font-size: 2rem;
        color: #791E94;
    }
    .lkg-table-title{
        display: block;
    }
    .box-info td:nth-child(2){
        vertical-align: middle;
        height: auto;
        padding-top: 2rem;
    }
}
@media (max-width:800px){
    .lkg-table-title{
        font-size: 3.3rem;
    }
}
@media (max-width:600px) and (max-width:800px){
    .lkg-table-title{
        font-size: 2.4rem;
    }
} */



/* khai giảng end */

/* kiến thức */

#ez-toc-container .ez-toc-list-level-1>li>a {
    color: #444 !important;
    transition: all 0.3s linear;
}

#ez-toc-container .ez-toc-list-level-1>li>.ez-toc-link.active {
    color: #791E94 !important;
}


/* kiến thức end */

/* home */
.button-flex .btn-second {
    background-color: #ffffff;
    border: 0.1rem solid #791e94;
}

.button-flex .btn-second:hover .txt {
    color: #ffffff;
}

.button-flex .btn-second .txt {
    color: #791e94;
}

@media (min-width:320px) and (max-width: 500px) {
    .why-top .titles-main {
        font-size: 4.8rem;
    }
}

/* end home */

/* banner */
.homes-bn-left p {
    font-size: 1.8rem;
    color: #4D5761;
}

.homes-bn-left p strong {
    font-weight: 700;
}

.kh-hr .titles .titles-desc {
    color: #4D5761 !important;
}

/* end banner */

/* khóa học chi tiết */
.kh-table-three {
    border: 0.1rem solid #791e94;
}

/* .kh-table-item:not(:first-child) .right{
    border-top: 0.1rem solid #791E94;
} */
@media (min-width:1060px) {
    .lkg-table {
        border: 0.1rem solid #791e94;
    }

    .lkg-table table tbody tr td {
        border: 0.1rem solid #791e94;
    }
}

@media (max-width:1060px) {
    .lkg-table table tbody tr td:last-child {
        border-bottom-color: rgba(121, 30, 148, 0.15);
    }

    .lkg-table table tbody tr td:nth-child(n+1) {
        border: 0.1rem solid #791e94;
        border-bottom-color: transparent;
    }

    .lkg-table table tbody tr td:last-child {
        border-bottom-color: #791E94;
    }

    .lkg-table table tbody tr td:first-child {
        border-radius: 1rem 1rem 0 0;
    }

    .lkg-table table tbody tr td:last-child {
        border-radius: 0 0 1rem 1rem;
    }
}

@media (max-width:768px) {
    .lkg-table {
        overflow: unset !important;
    }
}

/* end */


/* title */
.force .titles.white>.titles-desc {
    color: #ffffff !important;
}

.titles-desc {
    color: #4D5761 !important;
}

/* end title */

/* news chi tiết */
@media (max-width:575px) {

    .doc-ctn-flex .mid .share-it:nth-child(2),
    .doc-ctn-flex .mid .item.twitter {
        display: none;
    }
}

/* end news chi tiết */

/* menu toc */
@media (max-width:575px) {
    .doc-ctn-box {
        transition: all 0.4s ease-out;
    }

    .doc-ctn-box.active-menu-toc {
        position: fixed;
        z-index: 10;
        width: 4rem;
        border-radius: 50%;
    }

    .doc-ctn-box.active-menu-toc #ez-toc-container {
        box-shadow: 0 0.4rem 0.4rem rgba(0, 0, 0, 0.2) !important;
        padding: 0.5rem !important;
    }

    .doc-ctn-box.active-menu-toc .ez-toc-title {
        display: none !important;
    }

    .doc-ctn-box.active-menu-toc .ez-toc-title-toggle {
        text-align: center;
    }

    .doc-ctn-box.active-menu-toc .ez-toc-title-toggle .ez-toc-pull-right {
        margin-left: 0;
        transform: rotate(-90deg);
    }

    .doc-ctn-box.active-menu-toc.size-menu-toc .ez-toc-title-toggle .ez-toc-pull-right {
        margin-left: -1rem;
    }

    .doc-ctn-box.size-menu-toc {
        width: calc(100% - 2.4rem);
    }

    .ez-toc-list.active-list {
        display: none;
    }
}

/* end menu toc */

/* video */
iframe {
    position: relative;
    z-index: 11;
}

/* end video */
/* footer */
.footer .footer-item:nth-child(3) iframe {
    border-radius: 1.6rem;
    height: 13rem;
}

.add .add-item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 0.8rem;
}

.mobile-content-bl .add .add-item .ic>img {
    filter: invert(1);
}

.footer-flex .footer-item:nth-child(2) {
    display: flex;
    justify-content: center;
}

@media (min-width:992px) {
    .footer-mid>.footer-flex {
        justify-content: space-between;
    }

    .footer-item:nth-child(2) {
        width: auto;
    }
}

@media (max-width:750px) {
    .footer-flex .footer-item:nth-child(2) {
        display: flex;
        justify-content: flex-start;
    }
}

/* end footer */


/* end thiện */
/*  */
.why {
    padding-top: 20rem;
}

@media screen and (max-width: 970px) {
    .why {
        padding-top: 9rem;
    }
}

.main {
    overflow: hidden;
}

/* news */
.news-main-item .news-item .inner .info {
    gap: 0;
}

.news-main-item .news-item .inner .info-desc {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.news-item .inner .info-tt {
    font-weight: 600;
    margin-bottom: 1.2rem;
}

.news-item .inner .info-desc {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* end news */

/* kiến thức chi tiết */
.doc-main-cl-hd {
    padding: 0;
}

.doc-main-cl-hd .txt {
    display: block;
    padding: 1.2rem 1.2rem 1rem 1.2rem;

}

.doc-main-cl-hd .ic {
    display: block;
    margin: 1.2rem 1.2rem 1rem 1.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
}


/* end kiến thức chi tiết */


/* title main */
@media (max-width:575px) {
    .titles-main {
        font-size: 2.8rem !important;
    }
}

/* end title main */


/* nav header */

@media (min-width:1200px) {
    .header-nav .menu-nav {
        margin: 0 3rem;
    }
}

/* end nav header */

/* reponsive video */
@media (min-width:2000px) {
    .kh-hr-flex .right .img {
        width: 100%;
        height: 40rem;
    }

    .kh-hr-flex .right .img iframe {
        width: 100%;
        height: 100%;
    }
}

@media (max-width:991px) {
    .kh-hr-flex .content {
        width: 100%;
        padding-bottom: 4rem;
    }

    .kh-hr-flex .right .img {
        width: 100%;
        height: 28rem;
    }

    .kh-hr-flex .right .img iframe {
        width: 100%;
        height: 100%;
    }

    .kh-hr-flex .right {
        width: calc((7/12)* 100%);
        margin: 0 auto;
    }
}

@media (max-width:768px) {
    .kh-hr-flex .right {
        width: calc((9/12)* 100%);
        margin: 0 auto;
    }
}

@media (max-width:575px) {
    .kh-hr-flex .right {
        width: 100%;
    }

    .kh-hr-flex .right .img {
        width: 100%;
        height: 23rem;
    }

    .kh-hr-flex .right .img iframe {
        width: 100%;
        height: 100%;
    }
}

@media (max-width:375px) {
    .kh-hr-flex .right .img {
        width: 100%;
        height: 19rem;
    }

    .kh-hr-flex .right .img iframe {
        width: 100%;
        height: 100%;
    }
}

/* end reponsive video */

/* bảng table lkg */

.kh-table .lkg-table {
    overflow: visible;
}

/* end bảng table lkg  */


/* fix border force main item */
.force-main .swiper-slide {
    opacity: 0 !important;
}

.force-main .swiper-slide-active {
    opacity: 1 !important;
}

/* end fix borde foce main item */