.item__bao_chi {
    text-align: center;
}

    .item__bao_chi .img__baochi {
        border: 1px solid #f2f2f2;
    }

        .item__bao_chi .img__baochi img {
            display: block;
            width: auto;
            margin: auto;
            max-height: 190px;
            height: initial;
        }

.item__tel {
    display: flex;
    width: 100%;
    align-items: center;
    margin: 0 0 15px;
}

.img__tel {
    max-width: 25px;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25px;
    margin-right: 10px;
}

.item__tel .content__tel span {
    display: block;
    font-size: 14px;
    color: #333;
}

.item__tel .content__tel a {
    display: block;
    font-size: 18px;
    line-height: 25px;
    font-weight: 700;
    color: #d81616;
}

.list__cate__home {
    /* overflow: hidden; */
    clear: both;
}

    .list__cate__home .item__cate__home {
        float: left;
        width: 25%;
        position: relative;
    }

        .list__cate__home .item__cate__home .item__cate {
            align-items: center;
            display: flex;
            flex-direction: row;
            box-shadow: rgb(0 0 0 / 15%) 0px 1px 2px;
            overflow: hidden;
            background: #fff;
            padding: 10px 10px;
            position: relative;
            transition: all .35s cubic-bezier(.39,.58,.57,1);
            border-top: 1px solid #efefef;
            min-height: 115px;
            position: relative;
        }

        .list__cate__home .item__cate__home:after {
            position: absolute;
            top: 0;
            left: 50%;
            content: "";
            height: 3px;
            width: 0;
            transition: width .5s,left .5s,right .5s;
        }

        .list__cate__home .item__cate__home:hover:after {
            width: 100%;
            left: 0;
            right: 0;
            background: #ff2238;
        }

        .list__cate__home .item__cate__home .item__cate .content__cate {
            width: calc(100% - 86px);
        }

            .list__cate__home .item__cate__home .item__cate .content__cate .cout {
                color: grey;
                font-size: 14px;
                padding: 10px 0;
            }

            .list__cate__home .item__cate__home .item__cate .content__cate .des__ca {
                font-size: 12px;
                color: #111;
                line-height: 20px;
                height: 20px;
                overflow: hidden;
            }

        .list__cate__home .item__cate__home .item__cate .img__cate {
            min-width: 86px;
        }

        .list__cate__home .item__cate__home:hover .content__cate span {
            color: #ff2238;
        }

.cont__cont iframe {
    width: 100% !important;
    height: 515px;
    border: 0 !important;
}

.content_hidden_content {
    max-height: 1500px;
    overflow: hidden;
}

.hianh {
    padding: 20px 0 0 0;
}

    .hianh .title__ha {
        text-transform: uppercase;
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 10px;
        font-weight: 600;
    }

.title__use__comment .star label {
    display: none;
}

.img__cl {
    display: flex;
    gap: 10px;
}

.woocommerce-Tabs-panel {
    position: relative;
}

p.btn_show_more span {
    display: block;
    width: 100%;
    background: linear-gradient(0deg, #FFFFFF 17.26%, rgba(196, 196, 196, 0) 88.69%);
    height: 336px;
    position: absolute;
    margin-bottom: 30px !important;
    bottom: 0;
    margin: 0 !important;
}

    p.btn_show_more span.anbotdi {
        height: initial;
        padding-top: 50px;
        position: relative;
    }

    p.btn_show_more span b {
        cursor: pointer;
        text-align: center;
        display: block;
        width: 100%;
        padding: 9px 0;
        margin: 0;
        font-size: 19px;
        color: #11136a;
        position: relative;
        top: 0;
        background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 40%);
        width: 250px;
        margin: 0 auto !important;
        display: block;
        border: 1px solid #002bc7;
        border-radius: 6px;
        position: absolute;
        bottom: 0;
        height: 42px;
        left: 0;
        right: 0;
        top: initial;
        font-weight: 500;
    }

        p.btn_show_more span b:hover {
            background: #002bc7;
            color: #fff;
        }

        p.btn_show_more span b:after {
            content: "\f324";
            font-family: "Font Awesome 6 Pro";
            color: #002bc7;
            margin-left: 5px;
        }

        p.btn_show_more span b:hover:after {
            color: #fff;
        }

.popup__form__ykien {
    width: 450px;
    margin: auto;
    position: relative;
    padding: 15px;
    background: #fff;
    border-radius: 10px;
}

    .popup__form__ykien input {
        width: 100%;
        height: 40px;
        border-radius: 5px;
        border: 1px solid #ddd;
        padding: 0 10px;
        color: #333;
        font-size: 14px;
        margin: 0 0 15px 0;
        outline-style: none;
    }

    .popup__form__ykien textarea {
        width: 100%;
        height: 100px;
        border-radius: 5px;
        border: 1px solid #ddd;
        padding: 10px;
        color: #333;
        font-size: 14px;
        margin: 0 0 15px 0;
        outline-style: none;
    }

    .popup__form__ykien button[type="submit"] {
        margin: 0;
        margin-top: 12px;
        border-radius: 6px;
        font-weight: 400;
        text-transform: uppercase;
        font-size: 14px;
        padding: 0 20px;
        background-color: #021dce;
        color: #fff;
        line-height: 35px;
        display: inline-block;
        border: 0;
        outline-style: none;
    }

.title__form__yk {
    font-size: 17px;
    color: #002bc9;
    text-transform: uppercase;
    display: block;
    border: 0;
    padding: 0;
    font-weight: 600;
    line-height: 30px;
    margin: 0 0 15px 0;
}

.box__white {
    background: #fff;
    padding-top: 20px;
}

.lisst__vat {
    margin: 0 0 20px 0;
    padding: 0;
}

    .lisst__vat li {
        list-style: none;
        line-height: 30px;
    }

.child-page-listing .grid-container {
    gap: 10px;
    display: flex;
    flex-direction: row;
    align-content: center;
    flex-wrap: wrap;
}

.child-page-listing .location-listing {
    position: relative;
    width: calc(33.333% - 10px);
}

.child-page-listing .location-title {
    font-size: 1.5em;
    font-weight: bold;
    text-decoration: none;
    z-index: 1;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity .5s;
    background: rgba(90,0,10,0.4);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 10px;
}

.follow_title {
    font-size: 25px;
    line-height: 35px;
    margin: 0 0 20px 0;
}

.child-page-listing .location-image {
    line-height: 0;
    overflow: hidden;
}

    .child-page-listing .location-image img {
        filter: blur(0px);
        transition: filter 0.3s ease-in;
        transform: scale(1.1);
    }

    .child-page-listing .location-image img {
        filter: blur(0px);
        transition: filter 0.3s ease-in;
        transform: scale(1.1);
    }

.child-page-listing .location-listing:hover .location-title {
    opacity: 1;
}


.wrap_comment .listcomment {
    background: transparent !important;
}

.filter__mobile .filter-web-mobile {
    padding: 10px;
}

.btn-remove_filter_course {
    display: flex;
    color: red;
    line-height: 30px;
    margin: 0 0 10px 0;
    text-align: right;
    justify-content: space-between;
}

    .btn-remove_filter_course span {
        color: #333;
        font-size: 16px;
        font-weight: 600;
    }

    .btn-remove_filter_course i {
        font-size: 26px;
    }

.filter-web-mobile {
    width: 300px;
    position: fixed;
    top: 0;
    box-shadow: -6px 0px 14px -10px rgb(0 0 0 / 75%);
    -webkit-box-shadow: -6px 0px 14px -10px rgb(0 0 0 / 75%);
    overflow-x: auto;
    -moz-box-shadow: -6px 0px 14px -10px rgba(0,0,0,0.75);
    height: 100vh;
    right: -305px;
    background-color: #fff;
    z-index: 9999;
}

.filter-course-mobile_footer {
    display: flex;
    border-top: 1px solid #F0F0F0;
    justify-content: space-between;
    align-items: center;
    bottom: 0;
    padding: 14px 16px;
    width: 100%;
}

    .filter-course-mobile_footer .remove_filter-course {
        line-height: 32px;
        color: #0042FC;
        font-size: 14px;
    }

    .filter-course-mobile_footer .show_filter-course {
        width: 130px;
        height: 32px;
        background: #0042FC;
        line-height: 32px;
        color: #fff;
        text-align: center;
        font-size: 14px;
        display: block;
    }

#mask_comment_body {
    cursor: pointer;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgb(0 0 0 / 40%);
    z-index: 9990;
}

.content_menu_mobile > ul {
    width: 300px;
    padding: 20px 0;
    box-sizing: border-box;
}

    .content_menu_mobile > ul > li {
        list-style: none;
        position: relative;
        padding: 3px 15px;
        line-height: 33px;
        box-shadow: inset -1px 1px 0px 0px #efebeb;
    }

        .content_menu_mobile > ul > li:nth-child(1) {
            box-shadow: 0 0 0 0;
        }

        .content_menu_mobile > ul > li > a {
            color: #333;
            font-size: 15px;
            font-weight: 500;
            display: inline-block;
            display: flex;
            align-items: center;
            gap: 10px;
        }

        .content_menu_mobile > ul > li > ul {
            padding-left: 15px;
        }

            .content_menu_mobile > ul > li > ul > li {
                list-style: none;
            }

                .content_menu_mobile > ul > li > ul > li a {
                    color: #333;
                    font-size: 15px;
                }

        .content_menu_mobile > ul > li .btn_dropdown_menu_mobile_child {
            position: absolute;
            top: 0;
            width: 40px;
            line-height: 40px;
            right: 0;
            text-align: center;
            background: #f2f2f2;
        }

#video_popup_system {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    z-index: 99999;
    display: flex;
    justify-content: center;
    align-items: center;
}

#menu_mobile {
    position: fixed;
    height: 100vh;
    top: 0;
    left: -305px;
    z-index: 99999;
    background-color: #fff;
    overflow-y: auto;
}

    #menu_mobile .content_menu_mobile .sub-menu {
        height: 0;
        overflow: hidden;
        position: relative;
    }

.mask_menu_mobile {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 99998;
    background-color: #00000066;
}

#video_popup_system .mask_popup {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: #00000059;
}

#video_popup_system .content_box {
    width: 95%;
    max-width: 900px;
}

    #video_popup_system .content_box .video_box {
        width: 100%;
        overflow: hidden;
        padding-top: 56.25%;
        position: relative;
    }

    #video_popup_system .content_box iframe {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 100%;
    }

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

@font-face {
    font-family: "Inter";
    src: url(../fonts/Inter-Regular.ttf);
}

@font-face {
    font-family: "Inter-Medium";
    src: url(../fonts/Inter-Medium.ttf);
}

@font-face {
    font-family: "Inter-Bold";
    src: url(../fonts/Inter-Bold.ttf);
}

@font-face {
    font-family: "Roboto";
    src: url(../fonts/Roboto-Regular.ttf);
}

@font-face {
    font-family: "Roboto-Medium";
    src: url(../fonts/Roboto-Medium.ttf);
}

@font-face {
    font-family: "Roboto-Bold";
    src: url(../fonts/Roboto-Bold.ttf);
}

.tabs .filters {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.tabs .item {
    font-size: 18px;
}

    .tabs .item:not(:last-child) {
        margin-right: 15px;
    }
/*  .tabs .tab {
    font-size: 16px;
    line-height: 24px;
  }*/

.tabs .tab {
    display: none;
}

    .tabs .tab.active {
        display: block;
    }

.tabs .item {
    cursor: pointer;
}

    .tabs .item.active {
        pointer-events: none;
        font-weight: 700;
    }

.box__left__thongso {
    float: left;
    width: 48.5%;
}

    .box__left__thongso ul {
        margin: 0;
        padding: 0;
    }

        .box__left__thongso ul li {
            list-style: none;
            margin: 0;
            padding: 8px 10px;
            background: #f7f6f6;
            line-height: 30px;
        }

            .box__left__thongso ul li:nth-child(2n) {
                background: #e1e1e1;
            }

            .box__left__thongso ul li span.left__inf {
                min-width: 150px;
                display: inline-block;
            }

.box__right__thongso__duan {
    float: right;
    width: 48.5%;
    padding: 15px;
    border-radius: 10px;
    border: 1px solid #ddd;
}

    .box__right__thongso__duan h3 {
        font-size: 20px;
        color: #002bc7;
        line-height: 30px;
        margin: 0 0 10px 0;
    }

.list__da__ts .item__da__ts {
    display: block;
    overflow: hidden;
    clear: both;
    margin-bottom: 15px;
}

    .list__da__ts .item__da__ts .img__da__ts {
        float: left;
        width: 90px;
    }

        .list__da__ts .item__da__ts .img__da__ts img {
            width: 100%;
            height: 80px;
            object-fit: cover;
        }

    .list__da__ts .item__da__ts .content__da__ts {
        float: right;
        width: calc(100% - 90px - 10px);
    }

        .list__da__ts .item__da__ts .content__da__ts a {
            color: #333;
            font-size: 14px;
            font-weight: 600;
            line-height: 20px;
            margin-bottom: 5px;
            display: block;
            height: 40px;
            overflow: hidden;
        }

.des__da__ts {
    font-size: 13px;
    color: #002bc7;
    font-style: italic;
    line-height: 20px;
    height: 40px;
    overflow: hidden;
}

.lists__all__da {
    text-align: center;
}

    .lists__all__da a {
        display: inline-block;
        padding: 15px 60px;
        color: #fff;
        font-size: 18px;
        background: #021dce;
        border-radius: 7px;
        margin: 0 20px;
        line-height: 22px;
    }

.list__thuvien {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: space-between;
}

    .list__thuvien > a {
        width: calc(33.333% - 10px);
    }

    .list__thuvien .sudo-media-item {
        width: calc(33.333% - 10px);
    }

        .list__thuvien .sudo-media-item img {
            width: 100%;
            height: 300px;
            object-fit: cover;
        }

body.hidden-scroll {
    overflow: hidden
}

.sl-overlay {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #000;
    opacity: .7;
    display: none;
    z-index: 1035
}

.sl-wrapper {
    z-index: 1040
}

    .sl-wrapper * {
        box-sizing: border-box
    }

    .sl-wrapper button {
        border: 0 none;
        background: transparent;
        font-size: 28px;
        padding: 0;
        cursor: pointer
    }

        .sl-wrapper button:hover {
            opacity: 0.7
        }

    .sl-wrapper .sl-close {
        display: none;
        position: fixed;
        right: 30px;
        top: 30px;
        z-index: 10060;
        margin-top: -14px;
        margin-right: -14px;
        height: 44px;
        width: 44px;
        line-height: 44px;
        font-family: Arial,Baskerville,monospace;
        color: #fff;
        font-size: 3rem
    }

        .sl-wrapper .sl-close:focus {
            outline: none
        }

    .sl-wrapper .sl-counter {
        display: none;
        position: fixed;
        top: 30px;
        left: 30px;
        z-index: 1060;
        color: #fff;
        font-size: 1rem
    }

    .sl-wrapper .sl-navigation {
        width: 100%;
        display: none
    }

        .sl-wrapper .sl-navigation button {
            position: fixed;
            top: 50%;
            margin-top: -22px;
            height: 44px;
            width: 22px;
            line-height: 44px;
            text-align: center;
            display: block;
            z-index: 10060;
            font-family: Arial,Baskerville,monospace;
            color: #fff
        }

            .sl-wrapper .sl-navigation button.sl-next {
                right: 5px;
                font-size: 2rem
            }

            .sl-wrapper .sl-navigation button.sl-prev {
                left: 5px;
                font-size: 2rem
            }

            .sl-wrapper .sl-navigation button:focus {
                outline: none
            }

@media (min-width: 35.5em) {
    .sl-wrapper .sl-navigation button {
        width: 44px
    }

        .sl-wrapper .sl-navigation button.sl-next {
            right: 10px;
            font-size: 3rem
        }

        .sl-wrapper .sl-navigation button.sl-prev {
            left: 10px;
            font-size: 3rem
        }
}

@media (min-width: 50em) {
    .sl-wrapper .sl-navigation button {
        width: 44px
    }

        .sl-wrapper .sl-navigation button.sl-next {
            right: 20px;
            font-size: 3rem
        }

        .sl-wrapper .sl-navigation button.sl-prev {
            left: 20px;
            font-size: 3rem
        }
}

.sl-wrapper .sl-image {
    position: fixed;
    -ms-touch-action: none;
    touch-action: none;
    z-index: 10000
}

    .sl-wrapper .sl-image img {
        margin: 0;
        padding: 0;
        display: block;
        border: 0 none;
        width: 100%;
        height: auto
    }

@media (min-width: 35.5em) {
    .sl-wrapper .sl-image img {
        border: 0 none
    }
}

@media (min-width: 50em) {
    .sl-wrapper .sl-image img {
        border: 0 none
    }
}

.sl-wrapper .sl-image iframe {
    background: #000;
    border: 0 none
}

@media (min-width: 35.5em) {
    .sl-wrapper .sl-image iframe {
        border: 0 none
    }
}

@media (min-width: 50em) {
    .sl-wrapper .sl-image iframe {
        border: 0 none
    }
}

.sl-wrapper .sl-image .sl-caption {
    display: none;
    padding: 10px;
    color: #fff;
    background: rgba(0,0,0,0.8);
    font-size: 1rem;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

    .sl-wrapper .sl-image .sl-caption.pos-top {
        bottom: auto;
        top: 0
    }

    .sl-wrapper .sl-image .sl-caption.pos-outside {
        bottom: auto
    }

.sl-wrapper .sl-image .sl-download {
    display: none;
    position: absolute;
    bottom: 5px;
    right: 5px;
    color: #000;
    z-index: 1060
}

.sl-spinner {
    display: none;
    border: 5px solid #333;
    border-radius: 40px;
    height: 40px;
    left: 50%;
    margin: -20px 0 0 -20px;
    opacity: 0;
    position: fixed;
    top: 50%;
    width: 40px;
    z-index: 1007;
    -webkit-animation: pulsate 1s ease-out infinite;
    -moz-animation: pulsate 1s ease-out infinite;
    -ms-animation: pulsate 1s ease-out infinite;
    -o-animation: pulsate 1s ease-out infinite;
    animation: pulsate 1s ease-out infinite
}

.sl-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

.sl-transition {
    transition: -moz-transform ease 200ms;
    transition: -ms-transform ease 200ms;
    transition: -o-transform ease 200ms;
    transition: -webkit-transform ease 200ms;
    transition: transform ease 200ms
}

@-webkit-keyframes pulsate {
    0% {
        transform: scale(0.1);
        opacity: 0.0
    }

    50% {
        opacity: 1
    }

    100% {
        transform: scale(1.2);
        opacity: 0
    }
}

@keyframes pulsate {
    0% {
        transform: scale(0.1);
        opacity: 0.0
    }

    50% {
        opacity: 1
    }

    100% {
        transform: scale(1.2);
        opacity: 0
    }
}

@-moz-keyframes pulsate {
    0% {
        transform: scale(0.1);
        opacity: 0.0
    }

    50% {
        opacity: 1
    }

    100% {
        transform: scale(1.2);
        opacity: 0
    }
}

@-o-keyframes pulsate {
    0% {
        transform: scale(0.1);
        opacity: 0.0
    }

    50% {
        opacity: 1
    }

    100% {
        transform: scale(1.2);
        opacity: 0
    }
}

@-ms-keyframes pulsate {
    0% {
        transform: scale(0.1);
        opacity: 0.0
    }

    50% {
        opacity: 1
    }

    100% {
        transform: scale(1.2);
        opacity: 0
    }
}

#review_form {
    max-width: 555px;
    padding: 20px;
    background: #f1eef1;
    border-radius: 10px;
    margin: auto;
    position: relative;
    margin-top: 20px;
}

.comment-reply-title {
    font-size: 16px;
    font-weight: 700;
    display: block;
    margin: 0 0 20px 0;
}

#review_form .comment-form-comment {
    margin-bottom: 15px;
}

    #review_form .comment-form-comment textarea {
        height: 100px;
        border: 1px solid #ddd;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        padding: 10px;
        resize: none;
        outline: none;
        display: block;
        width: 100%;
        margin: 0;
    }

.reply_reviewcomment {
    background-color: #f8f8f8 !important;
}

.wrap-attaddsend {
    background: #f7f7f7;
    padding: 6px !important;
    overflow: hidden;
    margin: 0 0 20px 0;
}

.review-attach {
    position: relative;
    float: left;
}

span.btn-attach {
    color: #03a0e2;
    font-weight: 500;
    padding: 5px 0 5px 0;
    display: block;
}

span#countContent {
    float: right;
    color: #999;
    margin-top: 5px;
}

#review_form .form_row_reviews {
    overflow: hidden;
    clear: both;
    margin: 0 -6px;
    padding: 10px 0;
}

    #review_form .form_row_reviews > p {
        width: 33.333%;
        padding: 0 6px;
        float: left;
        margin: 0 !important;
    }

    #review_form .form_row_reviews input {
        width: 100%;
        height: 40px;
        border-radius: 0;
        border: 1px solid #ddd;
        padding: 0 10px;
        outline-style: none;
        box-shadow: 0 0 0 0;
    }

.list_attach .devvn_insert_attach {
    width: 80px;
    height: 80px;
    text-align: center;
    border: 2px dashed #ccc;
    line-height: 76px;
    font-size: 25px;
    color: #ccc;
    display: block;
    cursor: pointer;
}

.stars {
    display: block;
    overflow: hidden;
    margin: 0 0 15px 0;
}

    .stars > a {
        display: flex;
        flex-direction: column;
        width: 20%;
        float: left;
        align-items: center;
        color: #333;
        font-size: 15px;
        line-height: 30px;
        gap: 3px;
    }

        .stars > a.active {
            color: #f2994a;
            font-weight: bold;
        }

        .stars > a i {
            font-size: 11px;
            color: #f2994a;
            margin: 0 1px;
        }

#review_form .form-submit {
    text-align: center;
}

ul.devvn_attach_view {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

    ul.devvn_attach_view li {
        margin: 0 10px 0 0;
    }

.cd-popup {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    display: block;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
    z-index: 999;
}

    .cd-popup.is-visible {
        opacity: 1;
        visibility: visible;
        transition: opacity 0.3s 0s, visibility 0s 0s;
        background: rgba(0, 0, 0, 0.75);
    }

.cd-popup-container {
    position: absolute;
    max-width: 600px;
    margin: auto;
    text-align: center;
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    transition-duration: 0.3s;
    /*overflow: hidden;*/
    left: 0;
    right: 0;
    bottom: 0;
    height: 455px;
    top: 0;
}

    .cd-popup-container .cd-popup-close {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 9;
        width: 30px;
        height: 30px;
        color: #FFF;
        background: #D31616;
    }

        .cd-popup-container .cd-popup-close::before, .cd-popup-container .cd-popup-close::after {
            content: "";
            position: absolute;
            top: 12px;
            width: 14px;
            height: 3px;
            background-color: #FFF;
        }

        .cd-popup-container .cd-popup-close::before {
            transform: rotate(45deg);
            left: 8px;
        }

        .cd-popup-container .cd-popup-close::after {
            transform: rotate(-45deg);
            right: 8px;
        }

.hidden_input {
    position: absolute;
    width: 0;
    height: 0;
    visibility: hidden;
}


.list__banner__owl {
    height: 185px;
    overflow: hidden;
}

.cd-popup___2 {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    display: block;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
    z-index: 999;
}

    .cd-popup___2.is-visible {
        opacity: 1;
        visibility: visible;
        transition: opacity 0.3s 0s, visibility 0s 0s;
        background: rgba(0, 0, 0, 0.75);
    }

.cd-popup-container__2 {
    position: absolute;
    max-width: 600px;
    margin: auto;
    text-align: center;
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    transition-duration: 0.3s;
    /*overflow: hidden;*/
    left: 0;
    right: 0;
    bottom: 0;
    height: 455px;
    top: 0;
}

    .cd-popup-container__2 .cd-popup-close {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 9;
        width: 30px;
        height: 30px;
        color: #FFF;
        background: #D31616;
    }

        .cd-popup-container__2 .cd-popup-close::before, .cd-popup-container__2 .cd-popup-close::after {
            content: "";
            position: absolute;
            top: 12px;
            width: 14px;
            height: 3px;
            background-color: #FFF;
        }

        .cd-popup-container__2 .cd-popup-close::before {
            transform: rotate(45deg);
            left: 8px;
        }

        .cd-popup-container__2 .cd-popup-close::after {
            transform: rotate(-45deg);
            right: 8px;
        }

.hidden_input {
    position: absolute;
    width: 0;
    height: 0;
    visibility: hidden;
}

body {
    font-family: Helvetica;
    margin: 0;
    padding: 0;
    color: #13151B;
    position: relative;
    /*    background: #f5f5f5;*/
}

a {
    text-decoration: none;
    color: #0042FC;
}

    a:hover {
        color: #F66B2D;
    }

img {
    height: auto;
    max-width: 100%;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0 0 10px 0;
    font-weight: 600;
    display: block;
}

.f-nav {
    position: fixed;
    z-index: 99;
    width: 100%;
    top: 0;
}

.footer-wrapper {
    overflow: hidden;
    clear: both;
    background: url(../img/bg.jpg)no-repeat;
    background-size: cover;
}

#wrapper {
    position: relative;
    overflow: hidden;
    background: #f3f3f3;
}

.home #wrapper,
.single__pro #wrapper {
    background: #fff;
}

.row-flex {
    display: flex;
}

.wrap__taxonomy .row-flex {
    display: block;
}

.related-post {
    padding: 20px 0;
    border-top: 1px solid #ddd;
}

.left__sidebar {
    max-width: 270px;
    -ms-flex-preferred-size: 270px;
    flex-basis: 270px;
    min-width: 270px;
    padding: 10px;
    background: #f2f2f2;
    border-radius: 10px;
    float: left;
}

.right__content__pro {
    max-width: calc(100% - 270px);
    -ms-flex-preferred-size: calc(100% - 270px);
    flex-basis: calc(100% - 270px);
    min-width: calc(100% - 270px);
    padding-left: 20px;
    float: right;
}

.title__widget {
    display: block;
    color: #fff;
    background: url(../img/icon-hsvn-min.png)no-repeat #1762e2;
    line-height: 40px;
    margin: 0 0 10px 0;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
    text-align: left;
    padding: 0 15px;
    padding-left: 47px;
    background-size: 35px;
    background-position: left 5px center;
}

.widget__sidebar {
    margin-bottom: 20px;
    position: relative;
}

    .widget__sidebar ul {
        margin: 0;
        padding: 0;
    }

        .widget__sidebar ul li {
            list-style: none;
            padding: 0;
            margin: 0 0 5px 0;
            line-height: 30px;
        }

            .widget__sidebar ul li a {
                display: block;
                color: #333;
                font-size: 15px;
            }

                .widget__sidebar ul li a i {
                    color: #ff2239;
                    font-size: 13px;
                    margin-right: 5px;
                }

            .widget__sidebar ul li:hover > a {
                color: #ff2239;
            }

            .widget__sidebar ul li .sub-menu {
                padding-left: 25px;
            }

                .widget__sidebar ul li .sub-menu li {
                    list-style: inherit;
                }

.support__item {
    display: block;
    line-height: 25px;
    padding-bottom: 5px;
}

    .support__item span {
        color: #333;
        font-size: 15px;
        font-weight: 600;
        line-height: 30px;
        display: flex;
    }

        .support__item span i {
            margin-right: 3px;
            color: red;
        }

        .support__item span:before {
            color: red;
        }

    .support__item a {
        font-size: 15px;
        color: #777;
        font-weight: 400;
    }

.filter-list .checkbox_custom {
    display: block;
    line-height: 30px;
}

    .filter-list .checkbox_custom span.label-text {
        color: #333;
        font-size: 15px;
        position: relative;
    }

label.checkbox_custom input[type=checkbox] {
    display: none;
}

    label.checkbox_custom input[type=checkbox] + .label-text:before {
        content: "";
        border: 1px solid #ff2239;
        line-height: 1;
        width: 12px;
        display: inline-block;
        margin-right: 5px;
        height: 12px;
        border-radius: 3px;
        top: 2px;
        position: relative;
    }

    label.checkbox_custom input[type=checkbox]:checked + .label-text:before {
        background-color: #ff2239;
        border: 1px solid #ff2239;
        animation: tickCheckAnimate 150ms ease-in;
    }

    label.checkbox_custom input[type=checkbox]:checked + .label-text:after {
        content: "\f00c";
        color: #fff;
        animation: tickCheckAnimate 150ms ease-in;
        position: absolute;
        left: 3px;
        top: -6px;
        font-family: "Font Awesome 6 Pro";
        font-size: 10px;
    }

.inter {
    font-family: "Inter";
}

.inter-500 {
    font-family: "Inter-Medium";
}

.inter-600 {
    font-family: "Inter-Bold";
}

.roboto {
    font-family: "Roboto";
}

.roboto-500 {
    font-family: "Roboto-Medium";
}

.roboto-600 {
    font-family: "Roboto-Bold";
}

.color-chinh {
    color: rgba(19, 21, 27, 1);
}

.main__content {
    /*    background: #f5f5f5;*/
}

.container-xl {
    max-width: 1200px;
    margin: auto;
    position: relative;
}

.container-xm {
    max-width: 1116px;
    margin: auto;
    position: relative;
}

.container-smail {
    max-width: 660px;
    position: relative;
    margin: auto;
}

.container-1116 {
    max-width: 1116px;
    position: relative;
}
/*header menu*/
.menu-primary {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .menu-primary > ul {
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        margin: 0;
    }

        .menu-primary > ul li {
            padding: 0px 8px;
        }

            .menu-primary > ul li .menu_tag {
                position: absolute;
                font-size: 10px;
                font-weight: bold;
                top: 0;
                right: -5px;
                display: inline-block;
                background: #ff0000;
                color: #ffff;
                line-height: 15px;
                padding: 0 6px;
                border-radius: 3px;
            }

    .menu-primary li {
        list-style: none;
    }

    .menu-primary a {
        color: #fff;
        font-size: 15px;
        line-height: 46px;
        display: block;
        position: relative;
    }

    .menu-primary li:hover > a {
        color: #ffc501;
    }

.pix-header {
    background: #fff;
    box-shadow: 0px 1px 0px rgb(0 0 0 / 10%);
}

.header-main {
    padding: 20px 0;
}

.logo {
    overflow-y: hidden;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.navbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    flex-basis: auto;
}

    .navbar .header-nav {
        display: flex;
        list-style: none;
        flex-direction: row;
        align-items: center;
        align-self: stretch;
        margin: 0;
        padding: 0;
        justify-content: flex-end;
    }

        .navbar .header-nav > li {
            position: inherit;
            padding: 0px 20px;
        }

            .navbar .header-nav > li > a {
                color: #13151B;
                font-size: 16px;
                font-family: "Roboto-Medium";
                display: inline-block;
                line-height: 72px;
            }

.header__card {
    display: flex;
    align-items: center;
}

    .header__card.icon__menu {
        opacity: 0;
        visibility: hidden;
    }

.f-nav .header__card.icon__menu {
    opacity: 1;
    visibility: visible;
}

.header__card a {
    display: inline-block;
    color: #333;
}

    .header__card a i {
        color: #13151B;
        font-size: 20px;
    }

    .header__card a.icon__card {
        /*    background: #ffc501;
    border-radius: 6px;
    padding: 9px 10px;*/

        background: no-repeat;
        border-radius: 0;
        padding: 0;
    }

        .header__card a.icon__card i {
            font-size: 18px;
        }

        .header__card a.icon__card label {
            font-size: 14px;
            padding-left: 10px;
            display: none;
        }

.login_button {
    margin-left: 35px;
    font-size: 16px;
}

.searchform {
    display: flex;
    border: 1px solid #1762e2;
    border-radius: 8px;
    overflow: hidden;
    margin: 0 0 8px 0;
}

    .searchform input {
        width: calc(100% - 50px);
        border: 0;
        padding: 0 10px;
        color: #333;
        font-size: 15px;
        line-height: 36px;
        height: 36px;
        outline-style: none;
        border: 0;
    }

    .searchform .submit-button {
        width: 50px;
        line-height: 36px;
        border: 0;
        color: #fff;
        text-align: center;
        line-height: 36px;
        height: 36px;
        outline-style: none;
        border: 0;
        font-size: 15px;
        background: #1762e2;
        cursor: pointer;
    }

.header-block strong,
.header-block a {
    color: #333;
    font-size: 14px;
    padding-right: 6px;
}

.socical__footer a img {
    max-width: 40px;
}

.socical__footer {
    display: flex;
    gap: 10px;
}

.atribuil__pro {
    margin: 0;
    padding: 0;
    overflow: hidden;
    clear: both;
    margin-bottom: 20px;
}

    .atribuil__pro li {
        list-style: none;
        width: 49%;
        font-size: 15px;
        line-height: 24px;
        margin-bottom: 5px;
        float: left;
    }

        .atribuil__pro li i {
            margin-right: 5px;
            color: #0744ab;
        }

        .atribuil__pro li:nth-child(2n) {
            float: right;
        }

        .atribuil__pro li:nth-child(2n+1) {
            clear: both;
        }

.pd_pe {
    padding: 15px 0 0 0;
}

    .pd_pe strong {
        display: block;
        line-height: 30px;
        margin-bottom: 10px;
        text-transform: uppercase;
    }

    .pd_pe .pd_pe__content {
        padding: 15px;
        border: 1px solid #ddd;
        overflow: hidden;
        clear: both;
        border-radius: 5px;
    }

        .pd_pe .pd_pe__content span {
            padding-left: 28px;
            display: block;
            line-height: 24px;
            color: #333;
            font-size: 14px;
            background: url(../img/s.gif)left center no-repeat;
            width: 48%;
            float: left;
        }

            .pd_pe .pd_pe__content span:nth-child(2n) {
                float: right;
            }
/*menu nhe*/
.header-bottom {
    background-color: #1762e2;
}

.nav {
    width: 100%;
    position: relative;
    display: inline-block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.nav-left {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 0;
    padding: 0;
}

.header-nav > li {
    display: inline-block;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    margin: 0;
    -webkit-transition: background-color .3s;
    -o-transition: background-color .3s;
    transition: background-color .3s;
}

.nav-dropdown-has-shadow .nav-dropdown {
    -webkit-box-shadow: 1px 1px 15px rgb(0 0 0 / 15%);
    box-shadow: 1px 1px 15px rgb(0 0 0 / 15%);
}

.header-bottom-nav ul.sub-menu {
    padding: 0;
    margin-left: 15px;
}

.header-bottom .header-bottom-nav > li > a {
    line-height: 40px;
    padding: 0 15px;
    font-size: 15px;
}

.nav > li > a, .nav-dropdown > li > a, .nav-column > li > a, .nav-vertical-fly-out > li > a {
    color: #fff;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

#top-bar {
    height: 30px;
    background: #1762e2;
}

.flex-row {
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
}

#top-bar span {
    color: #fee303;
    font-size: 15px;
    line-height: 30px;
    display: block;
    line-height: 0;
    text-transform: uppercase;
    font-weight: 600;
}

.taikhoan__login {
    display: flex;
    align-items: center;
    gap: 10px;
}

    .taikhoan__login i {
        font-size: 30px;
        color: #555;
        display: none;
    }

    .taikhoan__login .use__login__button:nth-child(2) {
        display: none;
    }

.menu-primary ul.sub-menu {
    display: none;
    position: absolute;
    width: 100%;
    z-index: 99;
    left: 0px;
    top: 46px;
    background-color: #fff;
    border-bottom: solid 1px #e3e3e3;
    box-shadow: 0 0 3px #88bfe5;
    padding: 0;
}

.menu-primary ul.sub-menu {
    width: 1200px;
    padding: 15px;
}

.menu-primary .sub-menu li {
    float: left;
    height: 36px;
    overflow: hidden;
    border-top: #c1b69b 1px dotted;
    width: calc(25% - 10px);
    background: url(../img/ic1.gif) no-repeat left center;
    background-size: auto 6px;
    margin: 0 5px;
    padding: 0;
}

    .menu-primary .sub-menu li:nth-child(1),
    .menu-primary .sub-menu li:nth-child(2),
    .menu-primary .sub-menu li:nth-child(3),
    .menu-primary .sub-menu li:nth-child(4) {
        border-top: 0;
    }

    .menu-primary .sub-menu li a {
        display: block;
        line-height: 36px;
        text-decoration: none;
        padding-left: 10px;
        color: #333;
    }

    .menu-primary .sub-menu li:hover a {
        color: #ffc501;
    }

.menu-primary > ul > li:hover ul.sub-menu {
    display: inline;
    position: absolute;
    z-index: 100;
}


/*
trang chu
*/
.section__cate {
    padding: 0 0 30px 0;
    overflow: hidden;
}

.section__banner {
    padding: 0 0 30px 0;
}

.section__project {
    padding: 0 0 30px 0;
}

.section__slider {
    padding: 0 0 30px 0;
}

.section__product__cate {
    padding: 0 0 30px 0;
}

.list__slider__home .owl-nav button {
    width: 40px;
    height: 40px;
    background: #fff !important;
    text-align: center;
    margin: 0 !important;
    line-height: 20px !important;
    min-height: initial;
    border-radius: 100% !important;
    color: #333 !important;
    font-size: 26px !important;
    opacity: 0;
    visibility: hidden;
}

.list__slider__home .owl-nav .owl-next {
    right: 0;
    position: absolute;
    top: 35%;
}

.list__slider__home .owl-nav .owl-prev {
    left: 0;
    position: absolute;
    top: 35%;
}

.list__slider__home:hover .owl-nav button {
    opacity: 1;
    visibility: visible;
}

.list__slider__home .owl-nav button:hover {
    background: #dc3d5d !important;
    color: #fff !important;
}

.list__cate__home .item__cate img {
    width: 86px !important;
    height: 86px;
    object-fit: cover;
    display: block;
}

.list__cate__home .item__cate span {
    font-size: 13px;
    color: #333;
    line-height: 22px;
    display: block;
    text-align: left;
    font-weight: 600;
}

.list__cate__home .owl-nav button {
    width: 40px;
    height: 40px;
    background: #fff !important;
    text-align: center;
    margin: 0 !important;
    line-height: 20px !important;
    min-height: initial;
    border-radius: 100% !important;
    color: #333 !important;
    font-size: 26px !important;
    opacity: 0;
    visibility: hidden;
}

.list__cate__home .owl-nav .owl-next {
    right: 0;
    position: absolute;
    top: 35%;
}

.list__cate__home .owl-nav .owl-prev {
    left: 0;
    position: absolute;
    top: 35%;
}

.list__cate__home:hover .owl-nav button {
    opacity: 1;
    visibility: visible;
}

.list__cate__home .owl-nav button:hover {
    background: #dc3d5d !important;
    color: #fff !important;
}

.list__banner__owl .owl-nav button {
    width: 40px;
    height: 40px;
    background: #fff !important;
    text-align: center;
    margin: 0 !important;
    line-height: 20px !important;
    min-height: initial;
    border-radius: 100% !important;
    color: #333 !important;
    font-size: 26px !important;
    opacity: 0;
    visibility: hidden;
}

.list__banner__owl .owl-nav .owl-next {
    right: 0;
    position: absolute;
    top: 35%;
}

.list__banner__owl .owl-nav .owl-prev {
    left: 0;
    position: absolute;
    top: 35%;
}

.list__banner__owl:hover .owl-nav button {
    opacity: 1;
    visibility: visible;
}

.list__banner__owl .owl-nav button:hover {
    background: #dc3d5d !important;
    color: #fff !important;
}

.title__project {
    background: rgb(0,123,253);
    background: linear-gradient(90deg, rgba(0,123,253,1) 0%, rgba(28,193,249,1) 100%);
    text-align: center;
    color: #fff;
    font-size: 19px;
    text-transform: uppercase;
    line-height: 30px;
    padding: 10px 0;
    font-weight: 600;
    border-radius: 10px 10px 0 0;
}

.list__project__home {
    padding: 25px 15px;
    background: rgb(28,193,249);
    background: radial-gradient(circle, rgba(28,193,249,1) 0%, rgba(0,123,253,1) 100%);
    border-radius: 0 0 10px 10px;
}

.section__project__single .list__project__home {
    background: rgb(255,126,0);
    background: linear-gradient(180deg, rgba(255,126,0,1) 0%, rgba(254,34,0,1) 100%);
}

.section__project__single .title__project {
    background: rgb(255,126,0);
    background: linear-gradient(270deg, rgba(255,126,0,1) 0%, rgba(254,34,0,1) 100%);
}


.list__project__home .owl-nav button {
    width: 40px;
    height: 40px;
    background: #fff !important;
    text-align: center;
    margin: 0 !important;
    line-height: 20px !important;
    min-height: initial;
    border-radius: 100% !important;
    color: #333 !important;
    font-size: 26px !important;
    opacity: 0;
    visibility: hidden;
}

.list__project__home .owl-nav .owl-next {
    right: 0;
    position: absolute;
    top: 35%;
}

.list__project__home .owl-nav .owl-prev {
    left: 0;
    position: absolute;
    top: 35%;
}

.list__project__home:hover .owl-nav button {
    opacity: 1;
    visibility: visible;
}

.list__project__home .owl-nav button:hover {
    background: #dc3d5d !important;
    color: #fff !important;
}

.project__item .innner__project {
    position: relative;
}

    .project__item .innner__project > a {
        display: block;
        line-height: 0;
    }

        .project__item .innner__project > a img {
            width: 100%;
            height: 222px;
            border-radius: 10px;
            object-fit: cover;
        }

    .project__item .innner__project h3 {
        margin: 0;
        position: absolute;
        bottom: 12px;
        border-radius: 10px;
        text-align: center;
        left: 0;
        width: 90%;
        background: rgb(255 255 255 / 67%);
        padding: 5px 0;
        right: 0;
        margin: auto;
    }

        .project__item .innner__project h3 a {
            display: block;
            font-size: 15px;
            color: #333;
            line-height: 23px;
            max-height: 46px;
            overflow: hidden;
        }

.section {
    padding: 0 0 20px 0;
}

.section__baiviet {
    padding-bottom: 30px;
}

.list__product {
    width: 100%;
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.products__slider .product__item {
    width: 100%;
}

.product__item {
    max-width: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    padding: 0 10px 20px;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.list__5__pro .product__item {
    max-width: 20%;
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
}

.list__product .content-product-imagin {
    display: none !important;
}

.list__product.products__slider .fade-in-block {
    position: relative;
    padding-top: 20px;
    top: initial;
    position: relative;
    visibility: visible;
    opacity: 1;
}

.list__product.products__slider .product__item:hover {
    -webkit-transform: none;
    transform: none;
}

.list__product.products__slider .inner__product {
    padding-bottom: 10px;
}

.row-product-5 .product__item {
    max-width: 20%;
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    padding: 0 10px 20px;
}

.row-product {
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-left: -10px;
    margin-right: -10px;
}

    .row-product > h3 {
        padding: 0 15px;
        margin-bottom: 35px;
    }

.inner__product {
    position: relative;
    background: #fff;
    padding: 10px 10px 30px 10px;
    border-radius: 10px;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.wrap__taxonomy .inner__product {
    box-shadow: 0px 8px 42px rgb(0 0 0 / 10%);
}

.box__hot__pro {
    background: #ff2239;
    border-radius: 10px;
    padding: 20px 15px;
    height: 490px;
    overflow: hidden;
}

    .box__hot__pro .owl-nav button {
        width: 40px;
        height: 40px;
        background: #fff !important;
        text-align: center;
        margin: 0 !important;
        line-height: 20px !important;
        min-height: initial;
        border-radius: 100% !important;
        color: #333 !important;
        font-size: 26px !important;
        opacity: 0;
        visibility: hidden;
    }

    .box__hot__pro .owl-nav .owl-next {
        right: 0;
        position: absolute;
        top: 35%;
    }

    .box__hot__pro .owl-nav .owl-prev {
        left: 0;
        position: absolute;
        top: 35%;
    }

    .box__hot__pro:hover .owl-nav button {
        opacity: 1;
        visibility: visible;
    }

    .box__hot__pro .owl-nav button:hover {
        background: #dc3d5d !important;
        color: #fff !important;
    }

.tt__pro_hot {
    text-align: center;
    color: #fff;
    font-size: 19px;
    text-transform: uppercase;
    line-height: 30px;
    padding: 10px 0;
    font-weight: 600;
}

.inner__product .box-image {
    position: relative;
}

    .inner__product .box-image a {
        display: inline-block;
        line-height: 0;
        float: right;
    }

    .inner__product .box-image > a {
        display: block;
        line-height: 0;
        float: none;
    }

    .inner__product .box-image a img {
        -webkit-transition: opacity .6s, -webkit-filter .6s, -webkit-transform .6s, -webkit-box-shadow .3s;
        transition: opacity .6s, -webkit-filter .6s, -webkit-transform .6s, -webkit-box-shadow .3s;
        -o-transition: filter .6s, opacity .6s, transform .6s, box-shadow .3s;
        transition: filter .6s, opacity .6s, transform .6s, box-shadow .3s;
        transition: filter .6s, opacity .6s, transform .6s, box-shadow .3s, -webkit-filter .6s, -webkit-transform .6s, -webkit-box-shadow .3s;
        width: 100%;
        height: 197.5px;
        object-fit: cover;
    }

.right__content__pro .inner__product .box-image a img {
    height: 192.5px;
}

.box-text-products {
    padding: 12px 0 0 0;
    position: relative;
    z-index: 9;
}

.inner__product .box-image .position__meta {
    position: absolute;
    bottom: 0;
    width: 100%;
    display: block;
    overflow: hidden;
    clear: both;
}

.bozz {
    float: right;
    width: calc(100% - 55px);
    text-align: right;
}

.inner__product .box-image .position__meta span {
    background: #051cca;
    font-size: 11px;
    color: #fff;
    padding: 4px 8px;
    border-radius: 3px;
}

    .inner__product .box-image .position__meta span.sale__best {
        background: #ff2139;
    }

.position__meta img.trademark_logo {
    width: 50px;
    float: left;
    max-height: 18.5px;
}

.box-text-products h3 {
    margin: 0 0 10px 0;
}

    .box-text-products h3 a {
        display: block;
        color: #333;
        font-size: 14px;
        font-weight: 600;
        line-height: 22px;
        height: 44px;
        overflow: hidden;
    }

.star__pro {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}

    .star__pro > span {
        display: flex;
        gap: 1px;
    }

    .star__pro i {
        font-size: 11px;
        color: #ff8702;
    }

    .star__pro span ins {
        color: #777;
        text-decoration: none;
        font-size: 11px;
    }

    .star__pro label {
        font-size: 13px;
        color: #777;
    }

.price__products {
}

    .price__products ins.result-label {
        color: #ff2238;
        font-size: 17px;
        font-weight: 600;
        padding-right: 5px;
        text-decoration: none;
    }

    .price__products del {
        font-size: 14px;
        color: #666;
    }

.sale__price {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
    clear: both;
    z-index: 9;
}

    .sale__price .yeuthich i {
        color: #ef7081;
        font-size: 20px;
    }

    .sale__price .yeuthich:hover i {
    }

    .sale__price span {
        background: #ff2139;
        font-size: 11px;
        color: #fff;
        padding: 4px 8px;
        border-radius: 3px;
        float: left;
    }

.content-product-imagin {
    position: absolute;
    top: -5px;
    right: -5px;
    bottom: 0;
    left: -5px;
    visibility: hidden;
    background-color: #FFF;
    box-shadow: 0px 8px 42px rgb(0 0 0 / 10%);
    opacity: 0;
    margin-bottom: -30px;
    transform: scale(0.98);
    border-radius: 10px;
    overflow: hidden;
}

.product__item:hover .content-product-imagin {
    visibility: visible;
    opacity: 1;
    transition: opacity .3s ease, visibility .0s ease, transform .3s ease;
    transform: scale(1);
}

.product__item:hover .content-product-imagin {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .3s ease,visibility 0s ease,-webkit-transform .3s ease;
    transition: opacity .3s ease,visibility 0s ease,-webkit-transform .3s ease;
    transition: opacity .3s ease,visibility 0s ease,transform .3s ease;
    transition: opacity .3s ease,visibility 0s ease,transform .3s ease,-webkit-transform .3s ease;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.fade-in-block {
    position: absolute;
    top: calc(100% - 5px);
    right: 0;
    left: 0;
    visibility: hidden;
    overflow: hidden;
    opacity: 0;
    padding: 25px 0 0 0;
}

.product__item:hover .fade-in-block {
    visibility: visible;
    opacity: 1;
    transition: opacity .3s ease, visibility .0s ease;
}

.product__item:hover .fade-in-block {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .3s ease,visibility 0s ease,-webkit-transform .3s ease;
    transition: opacity .3s ease,visibility 0s ease,-webkit-transform .3s ease;
    transition: opacity .3s ease,visibility 0s ease,transform .3s ease;
    transition: opacity .3s ease,visibility 0s ease,transform .3s ease,-webkit-transform .3s ease;
    -webkit-transform: translateY(-5px) translateZ(0);
    transform: translateY(-5px) translateZ(0);
}

.product__item:hover {
    z-index: 20;
    -webkit-transform: translateY(-5px) translateZ(0);
    transform: translateY(-5px) translateZ(0);
}

    .product__item:hover .course__img .add-to-cart-button {
        opacity: 1;
        visibility: visible;
    }

.product__item .add-to-cart-button:hover a {
    background: #F66B2D;
}

.product__item .add-to-cart-button {
    display: block;
    text-align: center;
}

    .product__item .add-to-cart-button a {
        display: block;
        color: #fff;
        background: #ff2238;
        text-align: center;
        font-size: 16px;
        line-height: 35px;
        border-radius: 10px;
    }

.cate__product__home {
    background: #efefef;
    margin-bottom: 0;
}

.title__cate__link {
    background: #1762e2;
    display: flex;
    padding: 15px;
    align-items: center;
    justify-content: space-between;
}

    .title__cate__link h2 {
        margin: 0;
        padding: 0;
    }

        .title__cate__link h2 a {
            color: #fff;
            font-size: 18px;
            font-weight: 600;
            display: flex;
            align-items: center;
            gap: 10px;
        }

    .title__cate__link ul {
        margin: 0;
        padding: 0;
        display: flex;
        gap: 10px;
    }

        .title__cate__link ul li {
            list-style: none;
        }

            .title__cate__link ul li a {
                color: #333;
                font-size: 15px;
                padding: 0 10px;
                line-height: 30px;
                background: #ffc600;
                display: inline-block;
                border-radius: 30px;
            }

                .title__cate__link ul li a:hover {
                    background: #fe2337;
                    color: #fff;
                }

.layout__box__product__project {
    padding: 15px;
    overflow: hidden;
    clear: both;
}

.box__left__project {
    float: left;
    width: 220px;
    background: #fff;
    padding: 15px;
    border-radius: 10px;
}

    .box__left__project .view_smail_text {
        font-size: 14px;
        text-decoration: underline;
        color: #0042FC;
    }

.box__right__product {
    float: right;
    width: calc(100% - 220px);
}

.project__post {
    margin-bottom: 10px;
}

    .project__post:last-child {
        margin-bottom: 0;
    }

    .project__post .img__project__home img {
        width: 100%;
        height: 116px;
        object-fit: cover;
    }

.cont__project__home {
    padding: 0px 0 0 0;
}

    .cont__project__home a {
        display: block;
        color: #0042FC;
        font-size: 14px;
        line-height: 20px;
        height: 40px;
        overflow: hidden;
    }

/*video home*/
.title__page_info .section-title .section-title-main {
    border: 0;
    margin: 0 0 20px 0;
    padding: 0;
    text-transform: uppercase;
    color: #1762e2;
    font-size: 25px;
    line-height: 30px;
    display: block;
    font-weight: 600;
}

.list__review__home .inner__rev__home .img__rev__h a {
    display: block;
    line-height: 0;
    position: relative;
    cursor: pointer;
}

.list__review__home .inner__rev__home .img__rev__h img {
    width: 100%;
    height: 240px;
    object-fit: cover;
    border-radius: 10px;
}

.img__posts {
    position: relative;
    overflow: hidden;
}

    .img__posts a img {
        width: 100%;
        height: 240px;
        object-fit: cover;
        border-radius: 10px;
    }

.list__review__home .inner__rev__home .title__rev__home {
    font-size: 14px;
    color: #515151;
    font-weight: 600;
    line-height: 23px;
    padding: 12px 0 0;
}

.list__review__home .inner__rev__home .img__rev__h a:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    margin: auto;
    background: url(../img/Vector.png)center center no-repeat;
    border: 1px solid #fff;
    border-radius: 100%;
}

.list__review__home .owl-nav,
.list__review__home .owl-dots {
    display: block !important;
}

.secion__review__home .owl-dots {
    text-align: center;
    margin-top: 30px;
}

    .secion__review__home .owl-dots button {
        margin: 0 !important;
        line-height: initial;
        height: inherit;
        min-height: inherit;
    }

    .secion__review__home .owl-dots span {
        width: 10px;
        height: 10px;
        margin: 5px 7px;
        background: #d6d6d6;
        display: block;
        -webkit-backface-visibility: visible;
        transition: opacity .2s ease;
        border-radius: 30px;
    }

    .secion__review__home .owl-dots button.active span {
        background: #002bc9;
    }

.secion__review__home .owl-nav {
    position: relative;
    right: inherit;
    bottom: inherit;
    margin: 0;
    top: inherit;
}

    .secion__review__home .owl-nav button.owl-prev {
        position: absolute;
        left: 42%;
        bottom: -48px;
        margin: 0 !important;
        background: 0 0 !important;
        width: initial;
        height: initial;
    }

    .secion__review__home .owl-nav button.owl-next {
        position: absolute;
        right: 42%;
        bottom: -48px;
        margin: 0 !important;
        background: 0 0 !important;
        width: initial;
        height: initial;
    }

        .secion__review__home .owl-nav button.owl-next span {
            text-indent: -99999px;
            background: url(../img/right.png)no-repeat;
            width: 8px;
            height: 15px;
            display: block;
        }

    .secion__review__home .owl-nav button.owl-prev span {
        text-indent: -99999px;
        background: url(../img/left.png)no-repeat;
        width: 8px;
        height: 15px;
        display: block;
    }

.slider__post .owl-nav {
    position: absolute;
    right: 0;
    top: -60px;
    margin: -5px;
}

    .slider__post .owl-nav button {
        width: 40px;
        height: 40px;
        background: #002bc9 !important;
        text-align: center;
        margin: 0 5px !important;
        line-height: 20px !important;
        min-height: initial;
        border-radius: 4px !important;
        color: #fff !important;
        font-size: 26px !important;
    }

.contet__post__f {
    padding: 10px 0 0 0;
}

    .contet__post__f h3 {
        margin: 0;
    }

        .contet__post__f h3 a {
            font-size: 14px;
            color: #515151;
            font-weight: 600;
            line-height: 23px;
            height: 46px;
            display: block;
            overflow: hidden;
        }

.slider__posts {
    overflow: hidden;
    clear: both;
    margin: 0 -10px;
}

    .slider__posts .item__post {
        float: left;
        width: 33.333%;
        padding: 0 10px;
        margin-bottom: 20px;
    }

.section__khachhang .title__page_info .section-title .section-title-main {
    text-align: center;
}

.des__home__cus {
    text-align: center;
    color: #333;
    font-size: 15px;
    line-height: 23px;
    max-width: 60%;
    margin: 0 auto 20px;
}

.section__khachhang .owl-dots {
    text-align: center;
    margin-top: 30px;
}

    .section__khachhang .owl-dots button {
        margin: 0 !important;
        line-height: initial;
        height: inherit;
        min-height: inherit;
    }

    .section__khachhang .owl-dots span {
        width: 10px;
        height: 10px;
        margin: 5px 7px;
        background: #d6d6d6;
        display: block;
        -webkit-backface-visibility: visible;
        transition: opacity .2s ease;
        border-radius: 30px;
    }

    .section__khachhang .owl-dots button.active span {
        background: #002bc9;
    }

.section__khachhang .owl-nav {
    position: relative;
    right: inherit;
    bottom: inherit;
    margin: 0;
    top: inherit;
}

    .section__khachhang .owl-nav button.owl-prev {
        position: absolute;
        left: 42%;
        bottom: -48px;
        margin: 0 !important;
        background: 0 0 !important;
        width: initial;
        height: initial;
    }

    .section__khachhang .owl-nav button.owl-next {
        position: absolute;
        right: 42%;
        bottom: -48px;
        margin: 0 !important;
        background: 0 0 !important;
        width: initial;
        height: initial;
    }

        .section__khachhang .owl-nav button.owl-next span {
            text-indent: -99999px;
            background: url(../img/right.png)no-repeat;
            width: 8px;
            height: 15px;
            display: block;
        }

    .section__khachhang .owl-nav button.owl-prev span {
        text-indent: -99999px;
        background: url(../img/left.png)no-repeat;
        width: 8px;
        height: 15px;
        display: block;
    }



.section__baiviet_baochi .owl-nav {
    position: relative;
    right: inherit;
    bottom: inherit;
    margin: 0;
    top: inherit;
    display: none !important;
}

    .section__baiviet_baochi .owl-nav button.owl-prev {
        position: absolute;
        left: 0;
        bottom: 0;
        margin: 0 !important;
        background: 0 0 !important;
        width: 30px;
        border-radius: 100%;
        border: 1px solid #ccc;
        height: 30px;
        border-radius: 100%;
        border: 1px solid #ccc;
    }

    .section__baiviet_baochi .owl-nav button.owl-next {
        position: absolute;
        right: 0;
        bottom: 0;
        margin: 0 !important;
        background: 0 0 !important;
        width: 30px;
        border-radius: 100%;
        border: 1px solid #ccc;
        height: 30px;
        border-radius: 100%;
        border: 1px solid #ccc;
    }

        .section__baiviet_baochi .owl-nav button.owl-next span {
            text-indent: -99999px;
            background: url(../img/right.png)no-repeat;
            width: 8px;
            height: 15px;
            display: block;
            margin: auto;
        }

    .section__baiviet_baochi .owl-nav button.owl-prev span {
        text-indent: -99999px;
        background: url(../img/left.png)no-repeat;
        width: 8px;
        height: 15px;
        display: block;
        margin: auto;
    }


.section__khachhang .dt__item {
    height: 70px;
    position: relative;
}

    .section__khachhang .dt__item img {
        position: absolute;
        bottom: 0;
        top: 0;
        left: 0;
        right: 0;
        max-height: 80px;
        margin: auto;
        width: auto;
    }

.fixed__button {
    position: fixed;
    left: 13px;
    bottom: 75px;
    z-index: 9;
    display: flex;
    flex-direction: column;
}

    .fixed__button a {
        display: block;
        text-align: center;
        margin-bottom: 9px;
    }

        .fixed__button a.zalo_mb {
            display: none;
        }

    .fixed__button img {
        max-height: 45px;
    }

    .fixed__button a span {
        display: block;
        color: #333;
        padding-top: 5px;
        font-size: 12px;
        font-weight: 600;
    }

.slider__posts .item__post.item__bao_chi {
    margin-bottom: 0;
    width: 100%;
    padding: 0;
}
/*
Trang danh muc san pham
*/
.boxx__sx {
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}

.sapxep {
    display: flex;
    gap: 10px;
    align-items: center;
}

.woocommerce-limit_list {
    display: flex;
    gap: 10px;
    margin: 0;
    padding: 0;
}

    .woocommerce-limit_list li {
        list-style: none;
    }

        .woocommerce-limit_list li a {
            color: #333;
            font-size: 15px;
        }

.sapxep .woocommerce-ordering {
    margin: 0;
}

    .sapxep .woocommerce-ordering select {
        border: 1px solid #fd213a;
        line-height: 30px;
        height: 30px;
        outline-style: none;
        padding: 0 10px;
        border-radius: 5px;
    }

.box__cate__seach {
    padding: 15px;
    background: #fff;
    border-radius: 10px;
    margin-bottom: 30px;
}

.title__seach__cate {
    font-size: 20px;
    color: #333;
    line-height: 30px;
    margin-bottom: 10px;
    font-weight: 600;
}

.tag__seach {
    clear: both;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
}

    .tag__seach a {
        display: inline-block;
        background: #e1e1e1;
        border-radius: 5px;
        color: #333;
        font-size: 14px;
        line-height: 30px;
        padding: 0 10px;
    }

        .tag__seach a:hover {
            background: #1762e2;
            color: #fff;
        }

.project__cate__news {
    padding: 15px;
    border-radius: 10px;
    background: #fff;
}

.title__pro__cate__news {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}

    .title__pro__cate__news .title__main {
        color: #002bc7;
        font-size: 20px;
        text-transform: uppercase;
        font-weight: 600;
    }

    .title__pro__cate__news .view__view {
        font-size: 15px;
        color: #002bc7;
    }

.des__cate__mt p {
    font-size: 15px;
    line-height: 24px;
    margin: 0 0 15px 0;
}

.post__project__news {
    overflow: hidden;
    clear: both;
    margin: 0 -10px;
}

    .post__project__news .item__post {
        float: left;
        width: 25%;
        padding: 0 10px;
        margin-bottom: 20px;
    }

        .post__project__news .item__post .img__posts img {
            height: 180px;
        }

.hr {
    height: 1px;
    background: #ddd;
    width: 100%;
    margin: 20px 0;
}

.widget_price_filter .ui-slider-horizontal {
    height: 2px !important;
}

.widget_price_filter .price_slider, .widget_price_filter .ui-slider .ui-slider-handle {
    background: #002bc9 !important;
}

.widget_price_filter .ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 15px;
    height: 15px;
    cursor: pointer;
    outline: none;
    top: -5px;
    border-radius: 999px;
    background-color: #666;
}

.widget_price_filter .price_slider, .widget_price_filter .ui-slider .ui-slider-handle {
    background: #002bc9 !important;
}

.widget_price_filter .ui-slider .ui-slider-handle {
    width: 10px;
    height: 10px;
}

    .widget_price_filter .ui-slider .ui-slider-handle:last-child {
        margin-left: -10px;
    }

.widget_price_filter .ui-slider-horizontal {
    height: 5px;
    border-radius: 99px;
}

.widget_price_filter .ui-slider {
    position: relative;
    text-align: left;
    margin-bottom: 12px;
}

.widget_price_filter .price_label {
    float: left;
    line-height: 30px;
    padding: 0;
    width: calc(100% - 50px);
    text-align: left;
    font-size: 14px;
}

    .widget_price_filter .price_label span {
        font-size: 13px;
        color: #333;
        margin-left: 3px;
    }

.widget_price_filter .price_slider_wrapper button {
    float: right;
    margin: 0;
    background: #002bc9;
    font-size: 13px;
    text-transform: capitalize;
    font-weight: 400;
    border-radius: 5px;
    line-height: 30px;
    min-height: inherit;
    width: 45px;
    outline-style: none;
    border: 0;
    color: #fff;
}

.widget_price_filter {
    position: relative;
    overflow: hidden;
    padding-top: 10px;
}


/*
Chi tiết sản phẩm
*/
.products__slider {
    width: initial !important;
}

    .products__slider .product__item {
        max-width: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }

.related-products-wrapper {
    padding: 15px;
    background: #e5e3e3;
    border-radius: 10px;
    margin-bottom: 30px;
}

.binhluansanpham {
    margin-bottom: 30px;
}

.related-products-wrapper .owl-nav button {
    width: 40px;
    height: 40px;
    background: #fff !important;
    text-align: center;
    margin: 0 !important;
    line-height: 20px !important;
    min-height: initial;
    border-radius: 100% !important;
    color: #333 !important;
    font-size: 26px !important;
    opacity: 0;
    visibility: hidden;
}

.related-products-wrapper .owl-nav .owl-next {
    right: 0;
    position: absolute;
    top: 35%;
}

.related-products-wrapper .owl-nav .owl-prev {
    left: 0;
    position: absolute;
    top: 35%;
}

.related-products-wrapper:hover .owl-nav button {
    opacity: 1;
    visibility: visible;
}

.related-products-wrapper .owl-nav button:hover {
    background: #dc3d5d !important;
    color: #fff !important;
}

.product-section-title {
    color: #002bc7;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 20px;
    line-height: 30px;
}

.hinh_anh_van_chuyen {
    margin-bottom: 30px;
    padding-top: 20px;
}

    .hinh_anh_van_chuyen img {
        width: 100%;
    }

.section__info__single {
    overflow: hidden;
    clear: both;
    margin-bottom: 0;
    background: rgb(255,126,0);
    background: linear-gradient(264deg, rgba(255,126,0,1) 0%, rgba(254,34,0,1) 100%);
    padding: 20px 15px 15px;
    border-radius: 20px;
    margin-bottom: 30px;
}

.left__info__single {
    float: left;
    width: 49%;
}

.right__info__single {
    width: 49%;
    float: right;
}

.title__slg {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    margin: 0 0 15px;
}

.item__nc {
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    line-height: 22px;
    margin: 0 0 10px;
}

    .item__nc i {
        font-size: 12px;
        color: #002bc7;
        margin-right: 5px;
    }

.product-footer ul.product-tabs {
    margin: 0;
    padding: 0;
    display: flex;
    gap: 30px;
}

    .product-footer ul.product-tabs li {
        list-style: none;
    }

        .product-footer ul.product-tabs li a {
            color: #333;
            font-size: 22px;
            line-height: 40px;
            display: inline-block;
            padding: 0 20px;
            border-bottom: 2px solid transparent;
        }

        .product-footer ul.product-tabs li.active a {
            color: #002bc7;
            border-bottom: 3px solid #002bc7;
        }

#white {
    background: #fff;
}

.product-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-bottom: 30px;
}

.product-gallery {
    max-width: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
}

.product-info {
    max-width: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    padding-left: 30px;
}

.woocommerce-product-gallery__wrapper .owl-nav button {
    width: 40px;
    height: 40px;
    background: #fff !important;
    text-align: center;
    margin: 0 !important;
    line-height: 20px !important;
    min-height: initial;
    border-radius: 100% !important;
    color: #333 !important;
    font-size: 26px !important;
    opacity: 0;
    visibility: hidden;
}

.woocommerce-product-gallery__wrapper .owl-nav .owl-next {
    right: 0;
    position: absolute;
    top: 20%;
}

.woocommerce-product-gallery__wrapper .owl-nav .owl-prev {
    left: 0;
    position: absolute;
    top: 20%;
}

.woocommerce-product-gallery__wrapper:hover .owl-nav button {
    opacity: 1;
    visibility: visible;
}

.woocommerce-product-gallery__wrapper .owl-nav button:hover {
    background: #dc3d5d !important;
    color: #fff !important;
}

.box__gallar__single {
    overflow: hidden;
    clear: both;
    margin-bottom: 30px;
}

    .box__gallar__single .video__single {
        float: left;
        width: 120px;
        padding-right: 30px;
    }

        .box__gallar__single .video__single img {
            width: 100%;
            height: 90px;
            object-fit: cover;
        }

.product-gallery .slider__daidien__gallary {
    padding: 0 0px !important;
    float: right;
    width: calc(100% - 120px) !important;
}

    .product-gallery .slider__daidien__gallary.slide_full_width_single_pro {
        float: none;
        margin: auto;
    }

.slider__daidien__gallary a.item img {
    width: 100%;
    height: 90px;
    display: block;
    margin: auto;
    object-fit: contain;
}

.button__video {
    position: relative;
    display: block;
    line-height: 0;
}

.video__single .button__video:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    width: 30px;
    height: 30px;
    border: 1px solid #fff;
    border-radius: 50%;
    background: url(../img/tabler_player-play.png)center center no-repeat;
}

.file__products {
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 10px;
}

.title__file__pro {
    color: #002bc7;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 6px;
    line-height: 30px;
}

.list__file__url {
    padding: 0;
    margin: 0;
}

    .list__file__url li {
        list-style: none;
        line-height: 30px;
        margin: 0;
        padding: 0;
    }

        .list__file__url li a {
            color: #333;
            font-size: 16px;
            display: block;
            padding-left: 20px;
            background: url(../img/menu.jpg)left center no-repeat;
        }

            .list__file__url li a:hover {
                color: #eb3f57;
            }

.title__single__product {
    font-size: 25px;
    font-weight: 600;
    line-height: 28px;
    margin: 0 0 20px 0;
    width: calc(100% - 30px);
}

.star__single__pro {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 2px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 15px;
    line-height: 30px;
}

    .star__single__pro span {
        font-size: 14px;
        color: #777;
    }

    .star__single__pro label {
        font-size: 14px;
        color: #777;
    }

    .star__single__pro i {
        font-size: 11px;
        color: #ff8702;
        margin-right: 0;
    }

.price__single__pro {
    clear: both;
    display: flex;
    gap: 35px;
    align-items: center;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px dashed #ccc;
}

    .price__single__pro ins {
        font-size: 35px;
        color: #fe2200;
        font-weight: 600;
    }

    .price__single__pro del {
        font-size: 20px;
        color: #777;
    }

    .price__single__pro > span {
        color: #777;
        font-size: 14px;
    }

.single__sale__km {
    padding: 30px 15px 15px;
    border-radius: 10px;
    border: 1px solid #eb3f57;
    position: relative;
    margin-bottom: 30px;
}

    .single__sale__km .gif__qt {
        position: absolute;
        top: -20px;
        left: 55px;
        z-index: 9;
        background: #fff;
        padding: 0 10px;
        line-height: 35px;
        font-size: 16px;
    }

        .single__sale__km .gif__qt i {
            font-size: 30px;
            color: #eb3f57;
            margin-right: 10px;
        }

.content_promotion p {
    font-size: 16px;
    line-height: 24px;
    margin: 0px 0 10px 0;
}

    .content_promotion p a {
        color: #eb3f57;
    }

.box__deal__sale {
    padding-bottom: 5px;
    margin-bottom: 15px;
    border-bottom: 1px solid #ddd;
}

.box__baohanh {
    padding: 0;
    margin: 0;
}

    .box__baohanh li {
        list-style: none;
        padding: 0;
        margin: 0;
        line-height: 30px;
        font-size: 16px;
        color: #333;
    }

.add__to__cart__single__pr {
    margin-bottom: 15px;
    display: block;
    clear: both;
    display: flex;
    gap: 15px;
    flex-direction: row-reverse;
}

    .add__to__cart__single__pr .add__to__cart {
        background: #fc2215;
        width: 100%;
        height: 50px;
        border-radius: 5px;
        border: 0;
        color: #fff;
        font-size: 16px;
        font-weight: 600;
        text-transform: none;
        letter-spacing: 1px;
        display: block;
        outline-style: none;
        text-align: center;
        line-height: 50px;
    }

        .add__to__cart__single__pr .add__to__cart:nth-child(2) {
            background: #021dce;
        }

.input_qty_product {
    margin: 0;
    border-radius: 4px;
    border: 1px solid #ddd;
    font-size: 15px;
    width: 150px;
    height: 40px;
    text-align: center;
    outline-style: none;
    border: 0;
    background: #f2f2f2;
    border-radius: 0;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    font-size: 15px;
    font-weight: 600;
}

.form__info {
    background: #021dce;
    padding: 10px;
    border-radius: 5px;
}

    .form__info form {
        margin: 0;
        display: flex;
        gap: 20px;
        align-items: center;
    }

        .form__info form > span {
            color: #fff;
            font-size: 16px;
            text-transform: uppercase;
            text-align: center;
            display: inline-block;
            min-width: 190px;
        }

    .form__info .input_phone_call {
        width: calc(100% - 190px - 60px);
        position: relative;
    }

    .form__info form input[type=tel] {
        background: #fff;
        color: #333;
        padding: 0 10px;
        line-height: 40px;
        height: 40px;
        font-size: 15px;
        border: 0;
        outline-style: none;
        border-radius: 5px;
        width: 100%;
    }

    .form__info .text_validate_auto {
        font-size: 10px;
        color: #ffbe77;
        padding: 8px 0 0 0;
        display: block;
        position: absolute;
        bottom: 0;
        text-align: center;
        width: 100%;
    }

    .form__info form input[type=button] {
        width: 60px;
        border-radius: 0;
        border: 0;
        outline-style: none;
        background: transparent;
        color: #fff;
        font-size: 15px;
        cursor: pointer;
    }

.woocommerce-Tabs-panel p {
    margin: 0 0 15px 0;
    font-size: 16px;
    line-height: 24px;
}

.woocommerce-Tabs-panel ul,
.woocommerce-Tabs-panel ol {
    margin: 0;
    padding: 0 0 0 20px;
}

    .woocommerce-Tabs-panel ul li,
    .woocommerce-Tabs-panel ol li {
        margin: 0 0 5px 0;
        font-size: 16px;
        line-height: 24px;
    }

.tab-panels {
    padding: 30px 0 0 0;
}

.product-footer {
    border-top: 2px solid #ccc;
    padding-top: 20px;
}

.heart__tt {
    position: relative;
}

.yeuthich__single {
    top: 0;
    right: 0;
    position: absolute;
}

    .yeuthich__single i {
        font-size: 25px;
        color: #eb3f57;
    }
/*
Trang chuyen muc tin tuc
*/
.widget__blog .post-item {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
    display: flex;
    gap: 10px;
}

    .widget__blog .post-item > a {
        width: 90px;
        min-width: 90px;
    }

        .widget__blog .post-item > a img {
            width: 100%;
            height: 70px;
            object-fit: cover;
        }

    .widget__blog .post-item h5 {
        margin: 0;
    }

        .widget__blog .post-item h5 a {
            color: #333;
            font-size: 13px;
            line-height: 22px;
            height: 66px;
            overflow: hidden;
            display: block;
        }

    .widget__blog .post-item:last-child {
        border-bottom: 0;
        margin-bottom: 0;
    }

.news-post-news {
    overflow: hidden;
    clear: both;
    padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom: 1px solid #dfdfdf;
}

    .news-post-news .box__thumb__img {
        float: left;
        width: 220px;
    }

        .news-post-news .box__thumb__img img {
            width: 100%;
            height: 220px;
            border-radius: 10px;
            object-fit: cover;
        }

    .news-post-news .box__content {
        float: right;
        width: calc(100% - 220px - 15px);
    }

        .news-post-news .box__content .title__post__ar {
            display: block;
            color: #000;
            font-size: 17px;
            line-height: 23px;
            height: 46px;
            overflow: hidden;
        }

        .news-post-news .box__content .post__Date {
            padding: 7px 0;
            color: #383838;
            font-size: 12px;
            display: none;
        }

        .news-post-news .box__content .box__des {
            padding-bottom: 16px;
        }

            .news-post-news .box__content .box__des p {
                margin: 0;
                font-size: 14px;
                color: #3c3c3c;
                line-height: 20px;
                height: 40px;
                overflow: hidden;
            }

        .news-post-news .box__content a.view {
            color: #646464;
            font-size: 12px;
            border-radius: 5px;
            border: 1px solid #d0d0d0;
            line-height: 30px;
            display: inline-block;
            min-width: 84px;
            text-align: center;
        }

.mota_cm {
    margin-bottom: 25px;
    line-height: 25px;
    color: #333;
    font-size: 16px;
}


.heading-title-cate h1 {
    font-size: 30px;
    color: #002bc9;
    text-transform: uppercase;
    font-weight: 400;
    margin: 0 0 10px;
    line-height: 32px;
}

.box__slider .news__slider .box__thumb__img {
    height: 293px;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}

    .box__slider .news__slider .box__thumb__img img {
        width: 100%;
        height: 293px;
        border-radius: 10px;
        object-fit: cover;
    }

.box__slider .news__slider .box__content {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 15px 20px 45px;
    background: linear-gradient(180deg,rgba(0,0,0,0) 0%,#000 100%);
    opacity: .85;
    transform: translate3d(0,25px,0);
    transition: transform .35s;
    border-radius: 10px;
}

    .box__slider .news__slider .box__content .post__Date {
        font-size: 12px;
        color: #fff;
        margin: 0 0 8px;
    }

    .box__slider .news__slider .box__content .title__post__ar {
        color: #fff;
        font-size: 16px;
        line-height: 22px;
        height: 44px;
        display: block;
        overflow: hidden;
        font-weight: 600;
    }

    .box__slider .news__slider .box__content .box__des {
        padding: 10px 0 0;
        opacity: 0;
        visibility: hidden;
        display: none;
    }

        .box__slider .news__slider .box__content .box__des p {
            color: #fff;
            font-size: 14px;
            line-height: 23px;
            height: 46px;
            overflow: hidden;
            margin: 0;
        }

.box__slider .news__slider .box__thumb__img:hover .box__content {
    background: linear-gradient(180deg,rgb(18 56 114/99%) 0%,#002bc9 100%);
    bottom: 0;
    transform: translateZ(0);
}

.box__slider .news__slider .box__thumb__img:hover .box__des {
    display: block;
    opacity: 1;
    visibility: visible;
}

.box__slider .owl-nav {
    position: absolute;
    right: 0;
    top: -50px;
    margin: -5px;
}

    .box__slider .owl-nav button {
        width: 32px;
        height: 32px;
        background: #002bc9 !important;
        text-align: center;
        margin: 0 5px !important;
        line-height: 20px !important;
        min-height: initial;
        border-radius: 4px !important;
        color: #fff !important;
        font-size: 26px !important;
    }

        .box__slider .owl-nav button:hover {
            background: #d31616 !important;
        }

.box__slider {
    padding-bottom: 25px;
    border-bottom: 1px solid #dfdfdf;
    margin-bottom: 25px;
}
/*
Chi tiết tin tức
*/
.blog-share {
    display: flex;
    margin-bottom: 16px;
    align-items: center;
    gap: 8px;
}

.chiase__title {
    font-size: 14px;
}

.social-icons {
    display: inline-block;
    vertical-align: middle;
    font-size: .85em;
    color: #999;
}

    .blog-share .social-icons a, .social-icons a {
        width: 25px;
        height: 25px;
        min-width: initial !important;
        min-height: inherit;
        line-height: 25px;
        text-align: center;
        margin-bottom: 0;
        display: inline-block;
        background: #002bc9;
        color: #fff;
        border-radius: 100%;
    }

.date__date span {
    font-size: 12px;
    color: #7d7d7d;
    padding-left: 15px;
}

.heading-title-single {
    margin-bottom: 20px;
}

    .heading-title-single h1 {
        font-size: 26px;
        font-weight: 400;
        line-height: 34px;
    }

.social-icons i {
    color: #fff;
    font-size: 14px;
    line-height: 25px;
}

.tacgia__box {
    overflow: hidden;
    clear: both;
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #dcdcdc;
    padding-top: 20px;
}

    .tacgia__box .tacgia__img {
        float: left;
        width: 100px;
    }

        .tacgia__box .tacgia__img img {
            width: 80px;
            height: 80px;
            object-fit: cover;
            border-radius: 100%;
            border: 2px solid #002bc7;
        }

.name__tacgia {
    font-size: 16px;
    color: #000;
    font-weight: 600;
    line-height: 30px;
    margin: 0 0 5px 0;
}

.des__tacgia {
    font-size: 14px;
    line-height: 20px;
}

.cont__cont p {
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 15px 0;
}

.cont__cont ul,
.cont__cont ol {
    padding-left: 20px;
}

.cont__cont table {
    margin-bottom: 15px;
}

    .cont__cont table td {
        padding: 10px;
    }

.cont__cont ul {
    padding-left: 20px;
}

    .cont__cont ul li {
        margin-bottom: 15px;
        font-size: 16px;
    }

.item__post .box__post__img img {
    width: 100%;
    height: 190px;
    border-radius: 10px;
    object-fit: cover;
}

.box__content__sl {
    padding: 15px 0 0;
}

    .box__content__sl .title__tt {
        margin: 0 0 8px;
        display: block;
        color: #333;
        font-size: 15px;
        line-height: 23px;
        height: 46px;
        overflow: hidden;
        font-weight: 600;
    }

    .box__content__sl .post__Date {
        margin-bottom: 7px;
        display: none;
    }

.post__Date {
    color: #383838;
    font-size: 12px;
}

.box__content__sl .box__des {
    margin-bottom: 10px;
}

    .box__content__sl .box__des p {
        margin: 0;
        font-size: 14px;
        color: #3c3c3c;
        line-height: 22px;
        height: 66px;
        overflow: hidden;
    }

.mt__mt {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 30px;
}

.heading-realate {
    color: #002bc9;
    font-size: 26px;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 35px;
    margin: 0 0 11px;
}

.list__related__post .owl-nav {
    position: absolute;
    right: 0;
    top: -40px;
    margin: -5px;
}

    .list__related__post .owl-nav button {
        width: 32px;
        height: 32px;
        background: #002bc9 !important;
        text-align: center;
        margin: 0 5px !important;
        line-height: 20px !important;
        min-height: initial;
        border-radius: 4px !important;
        color: #fff !important;
        font-size: 26px !important;
    }

.box__content__sl .post__Date i {
    color: #ff2239;
    margin-right: 5px;
}
/*Trang 404*/
.error404, .error500 {
    align-items: center;
    display: flex;
    max-width: 1000px;
    margin: 0 auto;
    padding: 145px 0 130px;
    text-align: center;
    height: 100vh;
}

    .error404 .img img {
        max-width: 481px;
    }

.error-content h3 {
    color: #30425B;
    font-size: 45px;
    font-weight: 500;
    line-height: 61px;
    max-width: 460px;
}

.error404 .error-content h3 {
    margin-bottom: 30px;
}

.list-contact {
    display: flex;
    justify-content: center;
    gap: 20px;
}

    .list-contact a {
        display: inline-block;
        background: red;
        color: #fff;
        padding: 11px 20px;
        font-size: 16px;
        border-radius: 30px;
    }

        .list-contact a.backhome {
            background: #225ca3;
        }

        .list-contact a:hover {
            background: #eb3f57;
        }








































/*
css fix toc
*/


/*
list__course__cate
*/
.shop__banner {
    padding: 195px 0 345px;
    position: relative;
    overflow: hidden;
}

.over__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(19, 21, 27, 0.9);
}

.top__padding {
    padding: 90px 0 40px;
}

.lv__course {
    text-align: center;
    color: #13151B;
    font-size: 60px;
    line-height: 72px;
    margin: 0 0 40px;
}

.list__course__cate {
    overflow: hidden;
    clear: both;
    margin: 0 -12px 40px;
}

    .list__course__cate .item__course {
        width: 20%;
        float: left;
        padding: 0 12px 12px;
        text-align: center;
        box-sizing: border-box;
    }

        .list__course__cate .item__course .inner__course {
            display: block;
            padding: 40px 40px 50px;
            background: #F3F3F6;
            box-shadow: inset 0px 6px 0px #0042fc;
        }

            .list__course__cate .item__course .inner__course:hover {
                background: #0042FC;
            }

                .list__course__cate .item__course .inner__course:hover .title__course {
                    color: #fff;
                }

.icon__course {
    width: 64px;
    height: 64px;
    background: #fff;
    border-radius: 100%;
    display: block;
    position: relative;
    margin: auto;
}

    .icon__course img {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        width: auto;
        height: auto;
        max-height: 32px;
    }

.title__course {
    display: block;
    color: #13151B;
    font-size: 20px;
    font-family: "Inter-Medium";
    margin: 20px 0 0 0;
    line-height: 30px;
}

.course__section {
    clear: both;
    margin: 0 -12px;
    display: flex;
    flex-wrap: wrap;
}

    .course__section .course__item {
        float: left;
        width: 25%;
        padding: 0 12px 40px;
        position: relative;
        position: relative;
        -webkit-transition: -webkit-transform .3s ease;
        transition: -webkit-transform .3s ease;
        transition: transform .3s ease;
        transition: transform .3s ease,-webkit-transform .3s ease;
    }

.in__course {
    position: relative;
}

.course__section .course__item .course__img a > img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    position: relative;
    z-index: 9;
}

.course__item .course__img a {
    display: block;
    line-height: 0;
    position: relative;
}

.partner {
    position: absolute;
    bottom: 16px;
    left: 16px;
    z-index: 9;
    width: 60px;
    height: 60px;
    background: #000;
}

    .partner img {
    }

.course__item .add-to-cart-button {
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 9;
    opacity: 0;
    visibility: hidden;
}

    .course__item .add-to-cart-button a {
        width: 40px;
        height: 40px;
        background: rgba(57, 63, 81, 0.7);
        text-align: center;
        line-height: 40px;
        border-radius: 100%;
        display: flex;
        align-items: center;
        justify-content: space-around;
    }

        .course__item .add-to-cart-button a i {
            font-size: 16px;
            color: #fff;
        }

.course__section .course__item .content__course {
    position: relative;
    padding: 24px 0 0 0;
}

.cate__course {
    color: rgba(145, 153, 178, 1);
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 8px;
}

.course__section .course__item .content__course h3 a {
    display: block;
    color: rgba(19, 21, 27, 1);
    font-size: 20px;
    line-height: 32px;
    height: 64px;
    overflow: hidden;
}

.course__section .course__item .content__course h3 {
    margin-bottom: 4px;
}

.star__price {
    display: flex;
    align-items: baseline;
    line-height: 24px;
    flex-direction: column;
}

    .star__price span > label {
        font-weight: 600;
        font-size: 14px;
    }

    .star__price .price__pirce {
        color: rgba(57, 63, 81, 1);
    }

.star_cours {
    color: rgba(254, 206, 0, 1);
    font-size: 15px;
}

    .star_cours i {
        font-size: 11px;
    }

    .star_cours label {
        color: rgba(145, 153, 178, 1);
        font-size: 14px;
        margin-left: 8px;
    }

.fade-in-block {
    padding-top: 20px;
}

    .fade-in-block .product-short-description {
        color: rgba(57, 63, 81, 1);
        font-size: 16px;
        line-height: 24px;
        height: 48px;
        overflow: hidden;
        margin-bottom: 12px;
    }

.flex__time {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .flex__time span {
        color: rgba(95, 105, 136, 1);
        font-size: 14px;
        line-height: 23px;
    }

        .flex__time span i {
            margin-right: 1px;
            margin-left: 1px;
        }
/*.content-product-imagin {

    position: absolute;
    top: -10px;
    right: -10px;
    bottom: 0;
    left: -10px;
    visibility: hidden;
    background-color: #FFF;
    box-shadow: 0px 8px 42px rgb(0 0 0 / 10%);
    opacity: 0;
    margin-bottom: -110px;
    transform: scale(0.98);


}
.course__item:hover .content-product-imagin {
    visibility: visible;
    opacity: 1;
    transition: opacity .3s ease, visibility .0s ease, transform .3s ease;
    transform: scale(1);
}
.course__item:hover .content-product-imagin {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .3s ease,visibility 0s ease,-webkit-transform .3s ease;
    transition: opacity .3s ease,visibility 0s ease,-webkit-transform .3s ease;
    transition: opacity .3s ease,visibility 0s ease,transform .3s ease;
    transition: opacity .3s ease,visibility 0s ease,transform .3s ease,-webkit-transform .3s ease;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.fade-in-block {
    position: absolute;
    top: calc(100% - 5px);
    right: 0;
    left: 0;
    visibility: hidden;
    overflow: hidden;
    opacity: 0;
    padding: 25px 0 0 0;
}
.course__item:hover .fade-in-block {
    visibility: visible;
    opacity: 1;
    transition: opacity .3s ease, visibility .0s ease;
}
.course__item:hover .fade-in-block {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .3s ease,visibility 0s ease,-webkit-transform .3s ease;
    transition: opacity .3s ease,visibility 0s ease,-webkit-transform .3s ease;
    transition: opacity .3s ease,visibility 0s ease,transform .3s ease;
    transition: opacity .3s ease,visibility 0s ease,transform .3s ease,-webkit-transform .3s ease;
    -webkit-transform: translateY(-5px) translateZ(0);
    transform: translateY(-5px) translateZ(0);
}
.course__item:hover {
    z-index: 20;
    -webkit-transform: translateY(-5px) translateZ(0);
    transform: translateY(-5px) translateZ(0);
}
.course__section .course__item:hover .course__img .add-to-cart-button {
    opacity: 1;
    visibility: visible;
}
.course__item .add-to-cart-button:hover a{
    background: #F66B2D;
}*/
.views__all {
    text-align: center;
    padding-top: 30px;
}

    .views__all a {
        color: #0042FC;
        display: inline-block;
        line-height: 30px;
        font-size: 16px;
    }

        .views__all a i {
            opacity: 0;
            visibility: hidden;
            font-size: 18px;
        }

        .views__all a:hover i {
            opacity: 1;
            visibility: visible;
        }
/*
filter seach
*/
.filter__course {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24px;
}

.scrolling_inner {
    display: flex;
    align-items: center;
    gap: 16px;
}

.filter-item {
    position: relative;
}

.filter-item__title {
    background-color: #fff;
    border: 1px solid #DADCE5;
    cursor: pointer;
    padding: 10.5px 10px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #13151B;
    font-size: 14px;
    min-width: 120px;
    position: relative;
}

    .filter-item__title label {
        float: right;
        color: #9199B2;
        font-size: 16px;
    }

.filter-show {
    background-color: #fff;
    border: 1px solid #DADCE5;
    max-width: 220px;
    min-width: 220px;
    left: 0;
    position: absolute;
    padding: 10px;
    width: max-content;
    white-space: normal;
    z-index: 3;
    opacity: 0;
    visibility: hidden;
    transition: all .20s;
    transform: translateY(18px);
    margin-left: -1px;
}

.sort-select-main {
    max-width: 170px;
    min-width: 170px;
}

.filter-show.sort-select-main .filter-list a:hover,
.filter-show.filter-show-keyseach .filter-list a:hover {
    background: #F2F5FF;
}

.filter-item .filter-item__title:hover .filter-show {
    opacity: 1;
    visibility: visible;
}

.filter-show .filter-list a {
    text-align: left;
    display: flex;
    line-height: 48px;
    align-items: center;
    justify-content: flex-start;
    box-shadow: inset 0px -1px 0px #f0f0f0;
    padding: 0 10px;
    gap: 10px;
}

    .filter-show .filter-list a input {
        margin: 0;
        width: 18px;
        border: 1px solid #ACB2C5;
        height: 18px;
    }

    .filter-show .filter-list a:last-child {
        box-shadow: 0 0 0 0;
    }

    .filter-show .filter-list a span.tick-checkbox {
        border: 1px solid #ACB2C5;
        border-radius: 3px;
        margin-right: 8px;
        height: 18px;
        width: 18px;
    }

    .filter-show .filter-list a label,
    .filter-show .filter-list a {
        color: #13151B;
        font-size: 14px;
    }

.filter-item-add {
    position: relative;
}

    .filter-item-add .title__add {
        background: #F3F3F6;
        color: #13151B;
        font-size: 14px;
        line-height: 24px;
        padding: 8px 10px;
        width: 100px;
        cursor: pointer;
    }

.show__add {
    display: none;
}

.active__show .show__add {
    position: absolute;
    transition: all .20s;
    transform: translateY(8px);
    display: block;
}

.show__add .filter-item {
    margin-bottom: 8px;
}

    .show__add .filter-item:last-child {
        margin-bottom: 0;
    }

.filter-item-add .title__add span {
    font-size: 14px;
    line-height: 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.seach__chude {
    display: flex;
    align-items: center;
    border: 1px solid #DADCE5;
    margin-bottom: 1px;
    padding: 7px 9px;
}

    .seach__chude i {
        font-size: 18px;
        margin-right: 10px;
        color: #9199B2;
    }

    .seach__chude input {
        border: 0;
        color: #ACB2C5;
        font-size: 14px;
        line-height: 24px;
        outline-style: none;
        padding: 0;
        width: 100%;
    }

.filter-show-price, .filter-show-keyseach {
    min-width: 300px;
    max-width: 300px;
}

.range-price {
    display: block;
    overflow: hidden;
    padding: 20px 0 0 0;
    position: relative;
    margin: 0 0 24px 0;
}

div.range-left {
    width: 47%;
    float: left;
}

.range-price span.box__pri {
    padding: 10px;
    border: 1px solid #DADCE5;
    z-index: 1;
    position: relative;
    background: #fff;
    display: flex;
    color: #DADCE5;
    line-height: 18px;
}

.range-price input, .prop-minmax input {
    border: 0;
    max-width: 64px;
    text-align: right;
    font-size: 14px;
    float: left;
    background-color: #fff;
    outline-style: none;
    padding: 0;
}

label.place-holder {
    color: #13151B;
    font-size: 14px;
    float: left;
}

div.range-right {
    float: right;
    width: 47%;
}

.pri__label {
    color: #13151B;
    font-size: 14px;
    line-height: 30px;
    margin: 0 0 0px 0;
}

#slider-range {
    width: 91%;
    display: block;
    position: relative;
    margin: 15px auto 10px;
}

.noUi-target {
    border-radius: 2px;
    cursor: pointer;
}

.noUi-background {
    background: #d6d7d9;
}

.noUi-horizontal {
    height: 4px;
}

.noUi-base, .noUi-handle {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.noUi-base {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
}

.noUi-origin {
    border-radius: 2px;
}

.noUi-connect {
    background: #0042FC;
    -webkit-transition: background 450ms;
    transition: background 450ms;
}

.noUi-origin {
    border-radius: 2px;
}

.noUi-background {
    background: #d6d7d9;
}

.noUi-horizontal .noUi-handle {
    width: 24px;
    height: 24px;
    position: relative;
    border-radius: 50%;
    left: -12px;
    top: -10px;
    cursor: pointer;
    border: 1px solid #ACB2C5;
    background-color: #fff;
    z-index: 9;
}

.noUi-origin {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
}

.filter-button {
    text-align: center;
}

    .filter-button a {
        display: block;
        border: 1px solid #0042FC;
        padding: 9.5px;
        color: #0042FC;
        font-size: 16px;
    }

        .filter-button a b {
            font-weight: 400;
        }

        .filter-button a:hover {
            background: #0042FC;
            color: #fff;
        }

.sort-select {
    display: flex;
    align-items: center;
}

    .sort-select .click-sort {
        background-color: #fff;
        border: 1px solid #DADCE5;
        cursor: pointer;
        padding: 10.5px 10px;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        color: #13151B;
        font-size: 14px;
        min-width: 170px;
        margin: 0 0 0 24px;
    }

        .sort-select .click-sort > label {
            float: right;
        }

.title_sapxep {
    color: #000000;
    font-size: 14px;
}

.seach__text {
    background: #F2F5FF;
    border: 1px solid #DADCE5;
    display: flex;
    padding: 0 8px;
    flex-direction: row-reverse;
    min-width: 300px;
    justify-content: flex-end;
}

    .seach__text input.tim_khoa_hoc {
        border: 0;
        outline-style: none;
        background: #F2F5FF;
        color: #ACB2C5;
        font-size: 14px;
        padding: 0 0 0 10px;
        line-height: 38px;
        width: 100%;
    }

    .seach__text .search-field__button {
        border: 0;
        color: #9199B2;
        font-size: 18px;
        background: #F2F5FF;
    }

.collection-filter {
    display: flex;
    align-items: center;
    margin-bottom: 24px;
}

    .collection-filter .filter_tags {
        display: inline-block;
        margin-right: 8px;
    }

        .collection-filter .filter_tags a {
            color: #393F51;
            padding: 0 12px;
            line-height: 32px;
            border-radius: 16px;
            background: #F8F8FA;
            display: flex;
            align-items: center;
            width: 100%;
            font-size: 14px;
        }

            .collection-filter .filter_tags a i {
                color: #393F51;
                font-size: 12px;
                margin-left: 8px;
            }

            .collection-filter .filter_tags a:hover,
            .collection-filter .filter_tags a:hover i {
                color: #F66B2D;
            }

.remove__all a {
    color: #0042FC;
    font-size: 14px;
    padding: 0 15px;
}

    .remove__all a i {
        margin-right: 3px;
    }

.filter__reseach span,
.filter__reseach span b {
    color: #5F6988;
    font-size: 14px;
    font-weight: 400;
}

.remove__all a:hover {
    color: #F66B2D;
}
/*
shop__banner
*/
.title__title {
    color: #fff;
    font-size: 60px;
    line-height: 72px;
    margin-bottom: 16px;
}

.des__cate__course {
    font-size: 18px;
    color: #fff;
    line-height: 32px;
}

.shop__banner .container-xm {
    position: initial;
}

.banner__wrap {
    display: block;
}

.colum__left__banner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-pack: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    margin: 0 -1.14035%;
}

.ctt__ttc {
    box-sizing: border-box;
    padding-left: 1.14035%;
    padding-right: 1.14035%;
    margin-right: 65.33333%;
    z-index: 1;
}

.hero-fb--content {
    -ms-flex-align: flex-start;
    align-items: flex-start;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}

.colum__right__banner {
    z-index: 1;
    height: 100%;
    right: 0;
    margin-left: 0;
    margin-right: 0;
    max-height: none;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 55%;
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

    .colum__right__banner a img {
        z-index: 2;
        position: relative;
    }

    .colum__right__banner a {
        position: relative;
        display: block;
        line-height: 0;
    }

        .colum__right__banner a:before {
            content: "";
            position: absolute;
            left: -25px;
            top: 15%;
            width: 311px;
            height: 311px;
            background: url(../img/ha_before.png)no-repeat;
            z-index: 1;
        }

.icon__down {
    width: 90px;
    height: 90px;
    border: 1px solid #fff;
    border-radius: 100%;
    line-height: 90px;
    text-align: center;
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 80px;
    animation: MoveUpDown 1.5s linear infinite;
}

@keyframes MoveUpDown {
    0% {
        bottom: 80px;
    }

    50% {
        bottom: 90px;
    }

    100% {
        bottom: 80px;
    }
}

.icon__down a {
    line-height: 90px;
    display: block;
    width: 100%;
    color: #fff;
    font-size: 28px;
}

.icon__down:hover {
    background: #fff;
}

    .icon__down:hover a {
        color: #333;
    }
/*category course*/
.banner__category {
    position: relative;
    display: block;
    min-height: 650px;
    max-height: 650px;
    overflow: hidden;
    padding: 40px 0 0;
}

.banner__cate img {
    width: 100%;
}

.quote--image {
    height: 100%;
    right: 0;
    position: absolute;
    top: 0;
    width: 50%;
}

    .quote--image img {
        width: 100%;
    }

.hero-content-offset {
    box-sizing: border-box;
    margin-right: 58.33333%;
    flex-basis: 41.66667%;
    max-width: 41.66667%;
}

.breadcrumbs {
    margin-bottom: 0;
    line-height: 30px;
    padding: 5px 0;
}

    .breadcrumbs a,
    .breadcrumbs span {
        color: #777;
        font-size: 15px;
        display: flex;
        align-items: center;
        gap: 10px;
        line-height: 32px;
    }

        .breadcrumbs a:hover {
            color: #F66B2D;
        }

.breadcrumbs__white a,
.breadcrumbs__white span {
    color: #fff;
}

.title__category__title {
    font-size: 40px;
    line-height: 56px;
    margin-bottom: 24px;
}

.title__category__title__detail {
    margin-bottom: 8px;
}

.des__category__course p {
    font-size: 18px;
    line-height: 32px;
    color: #393F51;
    margin: 0 0 18px 0;
}

.des__category__course__detail {
    margin-bottom: 40px;
}

.add__to__cart__single {
    display: flex;
    gap: 8px;
    align-items: center;
}

.join__now {
    background: #0042FC;
    min-width: 300px;
    text-align: center;
    font-size: 18px;
    line-height: 32px;
    color: #fff;
    padding: 18px 20px 18px 20px;
    transition: all 0.3s;
    position: relative;
}

    .join__now:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 0%;
        height: 100%;
        background-color: #00103F;
        transition: all 0.3s;
        z-index: -1;
    }

    .join__now:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #00103F;
        z-index: -2;
    }

    .join__now:hover:before {
        width: 100%;
        z-index: 1;
    }

    .join__now span {
        color: #fff;
        z-index: 9;
        position: relative;
    }

.add__cart {
    border: 1px solid #0042FC;
    color: #0042FC;
    padding: 22px;
}

    .add__cart i {
        color: #0042FC;
        font-size: 22px;
        width: 24px;
        height: 24px;
    }

.category__course {
    color: #13151B;
    font-size: 40px;
    line-height: 64px;
    margin-bottom: 32px;
}

.course__nth {
    position: relative;
    margin-bottom: 20px;
}

    .course__nth a {
        color: #fff;
        z-index: 1;
        line-height: 30px;
        font-size: 20px;
        text-align: center;
        position: relative;
        padding: 0 100px;
        display: flex;
        align-items: center;
        height: 100px;
        justify-content: space-evenly;
        border-bottom: 6px solid transparent;
    }

    .course__nth:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.7);
    }

    .course__nth a:hover {
        border-bottom: 6px solid #F66B2D;
    }

.owl__slider__course .owl-nav {
    position: absolute;
    right: 0;
    top: -95px;
    margin: -0.5px;
}

    .owl__slider__course .owl-nav button.owl-prev {
        background: #ACB2C5 !important;
    }

    .owl__slider__course .owl-nav button {
        width: 68px;
        height: 68px;
        background: #393F51 !important;
        text-align: center;
        margin: 0 0.5px !important;
        min-height: initial;
        color: #fff !important;
        font-size: 40px !important;
    }

        .owl__slider__course .owl-nav button:hover {
            background: #5F6988 !important;
        }
/*
detail course
*/
.cung--cap {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #5F6988;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 32px;
}

.detail__star {
    line-height: 24px;
    margin-bottom: 24px;
}

    .detail__star i {
        color: #FECE00;
        font-size: 12px;
        margin-right: 2px;
    }

    .detail__star span {
        color: #9199B2;
        font-size: 16px;
    }

.u-detail-course .u-detail-block-left {
    float: left;
    width: calc(100% - 430px - 140px);
}

.u-detail-block-right {
    width: 430px;
    float: right;
}

.item__teacher {
    display: flex;
    width: 100%;
    margin-bottom: 32px;
}

    .item__teacher:last-child {
        margin-bottom: 0;
    }

.img__teacher {
    flex-basis: 318px;
    max-width: 318px;
}

.mota__teacher {
    flex-basis: calc(100% - 318px);
    max-width: calc(100% - 318px);
    padding-left: 24px;
}

.title__gv {
    color: #13151B;
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 4px;
}

.tt__gv {
    margin: 0;
    color: #393F51;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 16px;
}

.atribuile__course {
    padding: 0;
    margin: 0 0 25px 0;
}

    .atribuile__course li {
        margin: 0;
        padding: 0;
        list-style: none;
        display: flex;
        align-items: center;
        gap: 8px;
        color: #5F6988;
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 8px;
    }

        .atribuile__course li:last-child {
            margin-bottom: 0;
        }

.mt__gv p {
    color: #393F51;
    font-size: 14px;
    line-height: 24px;
    margin: 0 0 24px 0;
}

    .mt__gv p:last-child {
        margin-bottom: 0;
    }

.title__sg__course {
    color: #13151B;
    font-size: 40px;
    line-height: 48px;
    margin: 0 0 32px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.tab__scoll__single {
    margin-bottom: 70px;
}

.list__atri__info {
    padding: 40px 0 0 0;
    margin: 0;
}

    .list__atri__info li {
        list-style: none;
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .list__atri__info li {
        font-size: 16px;
        line-height: 24px;
        color: #393F51;
        margin-bottom: 20px;
    }

        .list__atri__info li:last-child {
            margin-bottom: 0;
        }

.box__cart__single {
    padding: 30px;
    border: 1px solid #E6E8EE;
    position: relative;
    filter: drop-shadow(0px 8px 42px rgba(0, 0, 0, 0.1));
}

.price__star__course {
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 40px;
    margin-bottom: 20px;
}

.pri__cours {
    color: #13151B;
    font-size: 28px;
    line-height: 40px;
}

.star__cours, .star__cours b {
    font-weight: 400;
    color: #9199B2;
    font-size: 16px;
}

    .star__cours b {
        color: #393F51;
        padding: 0 8px 0 0;
    }

    .star__cours i {
        color: #FECE00;
    }

.icon__muiten {
    position: absolute;
    bottom: 30px;
    right: 30px;
}

.tab-detail {
    display: flex;
    gap: 10px;
    margin-bottom: 16px;
}

    .tab-detail a {
        color: #5F6988;
        font-size: 14px;
        line-height: 48px;
        padding-left: 14px;
        position: relative;
    }

        .tab-detail a:hover {
            color: #0042FC;
        }

    .tab-detail .active__tab {
        color: #0042FC;
    }

        .tab-detail .active__tab:before {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            top: 0;
            width: 8px;
            height: 8px;
            background: #0042FC;
            border-radius: 100%;
            margin: auto;
        }

    .tab-detail a:hover:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        top: 0;
        width: 8px;
        height: 8px;
        background: #0042FC;
        border-radius: 100%;
        margin: auto;
    }

.content__tab__course p {
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 24px 0;
}
/*
side-bar-course
*/
.side-bar-course {
}

.item__lear__course__step > .sub-btn-course {
    color: #13151B;
    font-size: 18px;
    line-height: 32px;
    background: #F3F3F6;
    padding: 16px 20px;
    display: flex;
    align-items: flex-start;
    gap: 12px;
    cursor: pointer;
}

    .item__lear__course__step > .sub-btn-course > i {
        width: 16px;
        font-size: 18px;
        margin: 6px 0 0 0;
    }

.time__c {
    width: 100px;
    min-width: 100px;
    color: #5F6988;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 6px;
    justify-content: flex-end;
}

    .time__c b {
        font-weight: 400;
        font-size: 14px;
        line-height: 24px;
        font-family: 'Roboto';
    }

    .time__c i {
        font-size: 4px;
    }

.sub__item__2 {
    padding: 16px 20px;
    display: flex;
    align-items: flex-start;
    gap: 12px;
    justify-content: space-between;
}

    .sub__item__2 span > i {
        width: 24px;
        height: 24px;
        border-radius: 100%;
        font-size: 12px;
        background: #F3F3F6;
        line-height: 24px;
        text-align: center;
    }

    .sub__item__2 span {
        color: #13151B;
        font-size: 18px;
        line-height: 32px;
        display: flex;
        align-items: center;
        gap: 8px;
    }

.sub__nth__3 {
    padding-left: 40px;
    padding-right: 20px;
    padding-bottom: 20px;
}

.lear__lear__sub__3 {
    margin-bottom: 8px;
}

    .lear__lear__sub__3:last-child {
        margin-bottom: 0;
    }

    .lear__lear__sub__3 a {
        color: #393F51;
        line-height: 24px;
        font-size: 16px;
        display: flex;
        justify-content: space-between;
    }

.sluong input.minus,
.sluong input.plus {
    width: 30px;
    height: 40px;
    background: #f2f2f2;
    outline-style: none;
    border: 0;
    font-size: 19px;
    cursor: pointer;
}

.sluong {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}

    .sluong label {
        font-weight: 600;
        margin-right: 10px;
    }



















.accodion__tab .program__course {
    background: #F3F3F6;
    padding: 16px 20px;
    display: flex;
    justify-content: space-between;
}

    .accodion__tab .program__course a {
        color: #13151B;
        font-size: 18px;
        display: block;
        line-height: 32px;
        display: flex;
    }

        .accodion__tab .program__course a > i {
            width: 30px;
            margin-top: 5px;
            font-size: 18px;
        }

.posts__course a > i {
    width: 24px;
    height: 24px;
    background: #F3F3F6;
    border-radius: 100%;
    text-align: center;
    line-height: 24px;
}

    .accodion__tab .program__course a > i.icofont-simple-up,
    .posts__course a > i.icofont-simple-up,
    .accodion__tab .program__course a > i.fa-chevron-up,
    .posts__course a > i.fa-chevron-up {
        display: none;
    }

.accodion__tab .program__course.ui-accordion-header-active a > i,
.posts__course.ui-accordion-header-active a > i {
    display: none;
}

    .accodion__tab .program__course.ui-accordion-header-active a > i.icofont-simple-up,
    .posts__course.ui-accordion-header-active a > i.icofont-simple-up,
    .accodion__tab .program__course.ui-accordion-header-active a > i.fa-chevron-up,
    .posts__course.ui-accordion-header-active a > i.fa-chevron-up {
        display: block;
    }

.time__clock, .time__clock b {
    color: #5F6988;
    font-size: 14px;
    font-weight: 400;
}

.time__clock {
    width: 105px;
    line-height: 24px;
    display: block;
    text-align: right;
    min-width: 105px;
}

    .time__clock i {
        font-size: 5px;
    }

.content__program__accodion__course {
    padding: 20px;
    background: #FBFBFC;
}

.posts__course {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 32px;
}

.content__program__accodion__course .posts__course:first-child {
    padding-top: 0;
}

.posts__course a {
    color: #13151B;
    font-size: 18px;
    line-height: 32px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.content__post__course {
    padding-left: 20px;
    padding-top: 8px;
}

    .content__post__course p {
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 16px;
        margin: 0 0 8px 0;
        line-height: 24px;
        color: #393F51;
    }

        .content__post__course p a {
            color: #393F51;
            font-size: 16px;
        }

.time__clock b.ins {
    position: relative;
    padding-left: 10px;
}

.ins:before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 4px;
    background: #5F6988;
    border-radius: 100%;
    position: absolute;
    top: 6px;
    left: 2px;
}

.question__accodion .title__question a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #393F51;
    font-size: 18px;
    line-height: 24px;
    box-shadow: inset 0px -1px 0px #f0f0f0;
    padding: 18px 20px;
}

    .question__accodion .title__question a > i.icofont-simple-up,
    .question__accodion .title__question a > i.fa-chevron-up {
        display: none;
    }

    .question__accodion .title__question a > i {
        font-size: 21px;
    }

.content__question {
    padding: 20px;
    background: #F8F8FA;
    color: #393F51;
    font-size: 16px;
    line-height: 24px;
}

.question__accodion .title__question.ui-accordion-header-active a > i {
    display: none;
}

    .question__accodion .title__question.ui-accordion-header-active a > i.icofont-simple-up,
    .question__accodion .title__question.ui-accordion-header-active a > i.fa-chevron-up {
        display: inline-block;
    }

.commentlist {
    margin: 0 0 30px 0;
    border: 1px solid #ccc;
    padding: 20px;
    border-radius: 10px;
}

    .commentlist > li {
        list-style: none;
        margin-bottom: 15px;
    }

    .commentlist li:last-child {
        margin-bottom: 0;
        border-bottom: 0;
    }

.head__comment {
    display: flex;
    gap: 40px;
}

    .head__comment .img__use__comment {
        width: 100px;
        min-width: 100px;
        display: none;
    }

        .head__comment .img__use__comment img {
            border-radius: 100%;
            border: 5px solid #ddd;
            width: 100px;
            height: 100px;
            object-fit: cover;
        }

.title__use__comment {
    width: calc(100% - 140px);
}

    .title__use__comment .name__comt {
        font-size: 18px;
        text-transform: uppercase;
        display: block;
        margin: 0 0 8px 0;
        line-height: 25px;
    }

    .title__use__comment .star {
        line-height: 30px;
        margin-bottom: 5px;
    }

.noidung__danhgia {
    font-size: 16px;
    line-height: 23px;
    margin-bottom: 5px;
}

.title__use__comment span ins {
    font-size: 13px;
    color: #ff2238;
    padding-left: 10px;
}

.title__use__comment label {
    color: #9199B2;
    font-size: 17px;
}

.list__video__comment {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.noidung__video__img .list__video__comment video {
    width: 150px;
    height: 150px;
    background: #ccc;
}

.noidung__video__img {
    margin-bottom: 10px;
}

    .noidung__video__img .list__video__comment img {
        width: 150px;
        height: 150px;
        object-fit: cover;
        border-radius: 0;
    }

.star__hv .hv__hv {
    color: #0042FC;
    font-size: 14px;
    line-height: 24px;
    background: #F2F5FF;
    padding: 2px 8px;
    border-radius: 72px;
    display: inline-block;
    margin-right: 10px;
}

.star i {
    color: #ff8702;
    font-size: 15px;
}

.comment__rev {
    color: #393F51;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 8px;
}

.like__comment {
    display: flex;
    gap: 24px;
}

    .like__comment a,
    .like__comment a b {
        font-weight: 400;
        color: #ff2238;
        font-size: 14px;
    }

        .like__comment a i {
            margin-right: 5px;
        }

.sub__children {
    margin: 0;
    padding: 0;
    margin-top: 25px;
}

    .sub__children > li {
        list-style: none;
        margin-bottom: 20px;
    }

    .sub__children .review__comment__traloi {
        background: #e0d9e0;
        padding: 15px;
        margin-bottom: 15px;
        list-style: none;
    }

        .sub__children .review__comment__traloi:last-child {
            margin-bottom: 0;
        }

.title__use__rep {
    font-size: 18px;
    font-weight: 600;
    color: #333;
    line-height: 30px;
    margin-bottom: 10px;
}

.des__use__rep {
    font-size: 16px;
    line-height: 23px;
    margin: 0 0 12px 0;
}

.box__button__reivew__pro {
    text-align: center;
}

    .box__button__reivew__pro a {
        display: inline-block;
        padding: 15px 60px;
        color: #fff;
        font-size: 18px;
        background: #ec4058;
        border-radius: 7px;
        margin: 0 20px;
        line-height: 22px;
    }

        .box__button__reivew__pro a.view__all__review__pro {
            background: #021dce;
        }

        .box__button__reivew__pro a i {
            margin-right: 5px;
        }

        .box__button__reivew__pro a.view__all__review__pro i {
            color: #e94057;
        }

.comment__comment textarea {
    font-family: 'Roboto';
    width: 100%;
    height: 80px;
    padding: 8px 16px;
    background: #F2F5FF;
    color: #ACB2C5;
    font-size: 14px;
    border: 0;
    outline-style: none;
}

.form-submit-child {
    margin: 0;
    padding: 0;
    text-align: right;
}

.title__star__pro {
    color: #333;
    font-size: 24px;
    font-weight: 600;
    line-height: 35px;
    margin: 0 0 25px 0;
}

    .title__star__pro i {
        color: #ff8702;
    }

.star_box_clear .comment-form {
    margin-bottom: 30px;
}

.filter__comment__pro {
    margin-bottom: 30px;
    display: flex;
    gap: 30px;
}

    .filter__comment__pro a {
        color: #333;
        display: inline-block;
        font-size: 18px;
        line-height: 30px;
    }

        .filter__comment__pro a.active {
            font-weight: 600;
        }

.form-submit-child input[type="submit"] {
    color: #fff;
    font-size: 14px;
    line-height: 24px;
    background: #0042FC;
    padding: 4px 12px;
    border: 0;
    outline-style: none;
    margin-top: -41px;
    margin-right: 16px;
}

.list__comment__use {
    padding: 0;
    margin: 0;
}

    .list__comment__use > li {
        list-style: none;
        margin-bottom: 20px;
    }

        .list__comment__use > li:last-child {
            margin-bottom: 0;
        }

.title__use__cm {
    font-size: 18px;
    font-weight: 600;
    color: #333;
    margin-bottom: 15px;
}

    .title__use__cm span {
        display: inline-block;
        width: 40px;
        height: 40px;
        background: #f3f3f3;
        color: #333;
        text-align: center;
        line-height: 40px;
    }

.name__ccmm {
    padding-left: 6px;
}

.nd__cm__use {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 16px;
}

.item__comment__use .title__use__rep {
    display: flex;
    align-items: center;
    gap: 10px;
}

    .item__comment__use .title__use__rep img {
        width: 40px;
        height: 40px;
        border-radius: 100%;
        object-fit: cover;
    }

.item__comment__use ul {
    padding-left: 40px;
}

.cv__cm {
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    padding: 0px 20px;
    background: #ff8500;
    line-height: 24px;
    border-radius: 30px;
}

.comment__comment textarea::-webkit-input-placeholder {
    color: #ACB2C5;
}

.comment__comment textarea:-moz-placeholder { /* Firefox 18- */
    color: #ACB2C5;
}

.comment__comment textarea::-moz-placeholder { /* Firefox 19+ */
    color: #ACB2C5;
}

.comment__comment textarea:-ms-input-placeholder {
    color: #ACB2C5;
}

.comment-form-comment textarea::-webkit-input-placeholder {
    color: #ACB2C5;
}

.comment-form-comment textarea:-moz-placeholder { /* Firefox 18- */
    color: #ACB2C5;
}

.comment-form-comment textarea::-moz-placeholder { /* Firefox 19+ */
    color: #ACB2C5;
}

.comment-form-comment textarea:-ms-input-placeholder {
    color: #ACB2C5;
}

.filter__review__single {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    flex-direction: column;
    align-items: flex-end;
}

    .filter__review__single span {
        background-color: #fff;
        border: 1px solid #DADCE5;
        cursor: pointer;
        padding: 8px 14px;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        color: #13151B;
        font-size: 14px;
        min-width: 140px;
        max-width: 140px;
        line-height: 24px;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        .filter__review__single span i {
            font-size: 20px;
            color: #9199B2;
        }

.show__filter__single {
    background-color: #fff;
    border: 1px solid #DADCE5;
    max-width: 170px;
    min-width: 170px;
    left: 0;
    /*position: absolute;*/
    padding: 10px;
    top: 45px;
    width: max-content;
    white-space: normal;
    z-index: 3;
}

    .show__filter__single a {
        display: block;
        font-size: 14px;
        line-height: 48px;
        padding: 0 10px;
        color: #13151B;
    }

        .show__filter__single a:hover {
            background: #F2F5FF;
        }






/*
danh gia comment
*/
.star_box {
    -js-display: flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 47px;
    margin-bottom: 36px;
    border-bottom: 1px solid #ddd;
    padding: 20px 0;
    border-top: 1px solid #ddd;
}

.style-v2 .star_box_left {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    padding: 10px 20px;
}

.devvn_review_row {
    padding-bottom: 24px;
    position: relative;
    -js-display: flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    gap: 8px;
}

    .devvn_review_row:last-child {
        padding-bottom: 0;
    }

span.devvn_rating_bar {
    -ms-flex: 1;
    flex: 1;
    -ms-flex-negative: 1;
    -ms-flex-preferred-size: auto !important;
}

span.devvn_scala_rating {
    border-radius: 8px;
    display: inline-block;
    height: 8px;
    background: #FBFBFC;
    vertical-align: middle;
    overflow: hidden;
    width: 100%;
}

span.devvn_perc_rating {
    height: 8px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    display: inline-block;
    width: 0;
    top: -6px;
    z-index: 18;
    position: relative;
}

.star-average {
    width: 118px;
    text-align: center;
    min-width: 118px;
}

    .star-average .star_average {
        font-size: 40px;
        color: #393F51;
        line-height: 72px;
        font-family: "Inter";
    }

.number__star {
    clear: both;
    display: block;
    margin: 0px 0 12px 0;
}

    .number__star i {
        color: #ff8702;
        margin: 0 1px;
        font-size: 12px;
    }

.star-average strong {
    color: #5F6988;
    font-size: 16px;
    font-weight: 400;
}

.devvn_stars_value i {
    font-size: 12px;
    margin: 0 1px;
    color: #ff8702;
    line-height: 8px;
}

.comment-form-comment textarea {
    width: 100%;
    height: 150px;
    padding: 15px 16px;
    background: #fff;
    color: #ACB2C5;
    font-size: 16px;
    outline-style: none;
    font-family: 'Arial';
    border: 1px solid #ACB2C5;
    border-radius: 10px;
}

.comment-form-rating i {
    font-size: 14px;
    margin: 0 1px;
    color: #ff8702;
}

.comment-form-rating {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 24px;
    margin-top: -50px;
    padding-right: 16px;
}

.form-submit {
    margin: 0;
}

    .form-submit input {
        background: #0042FC;
        padding: 8px 16px 8px 16px;
        font-size: 16px;
        line-height: 24px;
        color: #fff;
        border: 0;
        outline-style: none;
    }

        .form-submit input:hover {
            background: #00103F;
        }

.ui-accordion-header-icon {
    display: none;
}





.star_box_left {
    width: calc(100% - 118px - 200px);
}

.witer__review {
    min-width: 200px;
    width: 200px;
    text-align: center;
}

    .witer__review a {
        background: #ff8702;
        color: #333;
        font-size: 17px;
        text-transform: uppercase;
        display: block;
        padding: 5px 10px;
        border-radius: 10px;
        line-height: 35px;
    }

.filter__review {
    display: flex;
    align-items: center;
    gap: 40px;
    margin-bottom: 30px;
}

    .filter__review a {
        color: #666;
        font-size: 20px;
    }

        .filter__review a.active {
            color: #333;
        }


/*dang ky dang nhap*/
.section__register {
    /* --bs-gutter-x: 1.5rem; */
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    /* margin-top: calc(var(--bs-gutter-y) * -1); */
    /* margin-right: calc(var(--bs-gutter-x) * -.5); */
    /* margin-left: calc(var(--bs-gutter-x) * -.5); */
    overflow: hidden;
}

    .section__register.section__forgot {
        align-items: initial;
    }

        .section__register.section__forgot .sign-in-form-panel {
            /*margin: 80px auto 0;*/
        }

    .section__register .img__dk__dn {
        min-height: 100vh;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 50px 150px 50px 50px;
        box-sizing: border-box;
        background: url(../img/Looper-1.png)no-repeat #00103F;
        flex: 0 0 auto;
        width: 600px;
        text-align: left;
    }

        .section__register .img__dk__dn img {
            max-height: 150px;
        }

        .section__register .img__dk__dn a {
            position: absolute;
            top: 30px;
            left: 50px;
        }

.des__register {
    color: #fff;
    font-size: 18px;
    line-height: 32px;
}

.title__register {
    font-size: 58px;
    line-height: 72px;
    font-family: "Inter";
    color: #fff;
    margin: 0 0 25px 0;
}

.sign-in-form-panel {
    background: #fff;
    z-index: 999;
    min-height: 100vh;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 0;
    box-sizing: border-box;
    flex: 0 0 auto;
    width: calc(100% - 600px);
}

.box__sign {
    width: 400px;
    margin: auto;
}

.form_control_cus {
    margin-bottom: 20px;
}

    .form_control_cus label {
        display: block;
        color: #13151B;
        font-size: 14px;
        line-height: 23px;
        letter-spacing: 0.06px;
        margin: 0 0 5px 0;
    }

    .form_control_cus input {
        width: 100%;
        border: 0;
        background: #F2F5FF;
        color: #ACB2C5;
        font-size: 14px;
        line-height: 23px;
        letter-spacing: 0.06px;
        padding: 16px 14px 16px 14px;
        outline-style: none;
    }

    .form_control_cus textarea {
        height: 175px;
        background: #F2F5FF;
        padding: 20px 14px;
        color: #ACB2C5;
        font-size: 14px;
        line-height: 24px;
        outline-style: none;
        border: 0;
        width: 100%;
        font-family: 'Roboto';
    }

.button_submit {
    display: block;
}

    .button_submit input {
        width: 100%;
        background: #0042FC;
        border: 0;
        outline-style: none;
        line-height: 32px;
        padding: 18px 0;
        color: #fff;
        font-size: 18px;
    }

.form_control_cus input[type='password'] {
    border: 1px solid #DADCE5;
    padding: 15px 14px;
}

.button_submit_res {
    background: #0042FC;
    padding: 18px 20px 18px 20px;
    text-align: center;
    margin: 30px 0 0 0;
    cursor: pointer;
    transition: all 0.3s;
    position: relative;
    width: 100%;
    border: 0;
}

.button___submit__form {
    position: relative;
}

    .button_submit_res:after,
    .button___submit__form:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #00103F;
        z-index: -2;
    }

    .button_submit_res:before,
    .button___submit__form:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 0%;
        height: 100%;
        background-color: #00103F;
        transition: all 0.3s;
        z-index: -1;
    }

    .button_submit_res:hover,
    .button___submit__form:hover {
        color: #F66B2D;
    }

        .button_submit_res:hover:before,
        .button___submit__form:hover:before {
            width: 100%;
            z-index: 1;
        }

.button_submit_res span,
.button_submit_res a {
    color: #fff;
    font-size: 18px;
    z-index: 3;
    position: relative;
}

.button_submit_res:hover span {
    color: #fff;
}

.login-separater {
    text-align: center;
    margin-bottom: 45px;
}

hr {
    margin: 1rem 0;
    background-color: currentColor;
    border: 0;
    height: 1px;
    color: #E6E8EE;
}

.login-separater span {
    position: relative;
    top: 26px;
    background: #ffffff;
    padding: 5px;
    font-size: 18px;
    color: #5F6988;
    z-index: 1;
}

.apsl-login-networks .social-networks a {
    display: block;
    text-decoration: none;
}

.apsl-icon-block {
    border: 1px solid #5F6988;
    text-align: center;
    color: #13151B;
    font-size: 18px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 18px 15px;
    justify-content: center;
    box-sizing: border-box;
}

    .apsl-icon-block img {
        margin-right: 12px;
    }

.title__sign {
    color: #13151B;
    font-size: 40px;
    line-height: 56px;
    margin: 0 0 30px 0;
}

.des__forgot_password {
    font-size: 14px;
    line-height: 24px;
    color: #5F6988;
    margin: 0 0 35px 0;
}

.sign__back {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #E6E8EE;
    padding: 15px 0 20px;
    margin: 0 0 20px 0;
}

.header__sign label {
    display: none;
}

.sign__back a {
    color: #0042FC;
    font-size: 14px;
}

    .sign__back a:hover {
        color: #F66B2D
    }

.apsl-icon-block:hover {
    color: #F66B2D;
}

.forgot_password {
    display: block;
    padding-top: 8px;
    font-size: 14px;
    line-height: 23px;
}

.form-switch {
    font-size: 14px;
    color: #13151B;
    display: flex;
    align-items: center;
}

    .form-switch input {
        margin-right: 3px;
    }

.no__use {
    padding-top: 30px;
    font-size: 18px;
    text-align: center;
    color: #13151B
}

.dd__sign {
    color: #13151B;
    font-size: 28px;
    line-height: 40px;
    margin-bottom: 10px;
}

    .dd__sign span {
        display: block;
        padding: 20px 0;
    }

/*
use/ quan ly tai khoan
*/
.section__use__manage {
    max-width: 660px;
    position: relative;
    margin: auto;
    padding: 40px 0 0;
}

.title__use__manage {
    font-size: 40px;
    line-height: 56px;
    margin-bottom: 0px;
}

.log__out {
    margin-bottom: 30px;
}

    .log__out a {
        font-size: 14px;
        color: #666;
    }

.header__manage {
    display: flex;
    width: 100%;
    background: #13151B;
}

    .header__manage a {
        width: 50%;
        text-align: center;
        color: #fff;
        font-size: 14px;
        line-height: 24px;
        padding: 20px 0;
    }

        .header__manage a.active {
            background: #fff;
            color: #13151B;
        }

.site__color {
    background: #F8F8FA;
}

.manage__use__setting {
    padding: 32px;
    background: #fff;
    margin: 0;
}

.title__use__mana {
    font-size: 28px;
    line-height: 40px;
    margin-bottom: 24px;
}

.form_control_manage {
    margin-bottom: 24px;
}

    .form_control_manage label {
        font-size: 14px;
        line-height: 24px;
        display: block;
        margin-bottom: 4px;
    }

    .form_control_manage input {
        width: 100%;
        font-size: 14px;
        line-height: 24px;
        outline-style: none;
        border: 1px solid #DADCE5;
        padding: 19px 14px;
    }

.grap__grap {
    display: flex;
    align-items: center;
    background: #F2F5FF;
    border: 1px solid #DADCE5;
    padding: 19px 14px;
}

    .grap__grap a i {
        color: #9199B2;
        font-size: 15px;
    }

    .grap__grap input {
        border: 0 !important;
        padding: 0;
        width: 100%;
        background: none;
        outline-style: none;
    }

.form_control_manage__present {
    margin-bottom: 40px;
}

.form_control_manage input[type='password'] {
    background: #F2F5FF;
}

.form_control_manage__present input[type='password'] {
    background: #fff;
}

.update__pass {
    text-align: right;
    margin-top: 40px;
}

    .update__pass button {
        font-size: 18px;
        color: #fff;
        line-height: 32px;
        padding: 18px 20px;
        border: 0;
        outline-style: none;
        background: #0042FC;
    }

.header__manage .setting__cart {
    background: #13151B;
    color: #fff;
}

.update__pass button span {
    color: #fff;
    font-size: 18px;
    color: #fff;
    line-height: 32px;
    position: relative;
    z-index: 9;
}

.sucsset__update {
    color: #00C851;
    font-size: 16px;
    line-height: 24px;
    margin-right: 24px;
}

    .sucsset__update i {
        width: 16px;
        height: 16px;
        background: #00C851;
        color: #fff;
        text-align: center;
        line-height: 16px;
        font-size: inherit;
        border-radius: 100%;
        margin-right: 8px;
    }

.section__confirm {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100vh;
    background: rgb(19 21 27 / 20%);
    left: 0;
    display: flex;
    align-items: center;
}

.confirm__pass {
    margin: 0;
}

.content__confirm {
    width: 569px;
    padding: 24px;
    margin: auto;
    background: #fff;
    position: relative;
}

.form_control_manage__phone {
    margin-bottom: 40px;
}

.confirm__pass button {
    background: #0042FC;
    padding: 18px 0;
    width: 100%;
    font-size: 18px;
    color: #fff;
    line-height: 32px;
    border: 0;
    outline-style: none;
}

    .confirm__pass button span {
        font-size: 18px;
        color: #fff;
        line-height: 32px;
        position: relative;
        z-index: 1;
    }

.text__title__confirm {
    margin: 0;
    line-height: 32px;
    font-size: 20px;
    margin-bottom: 24px;
}

.close__icon__confirm {
    font-size: 30px;
    color: #121212;
    display: block;
    text-align: right;
    line-height: 24px;
    margin-bottom: 24px;
}
/*
login single course
*/
.header__fix__course {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 12px 48px 12px 16px;
    gap: 32px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

    .header__fix__course .logo__course {
        padding-right: 32px;
        border-right: 1px solid #E6E8EE;
    }

.login__course__content {
    display: flex;
    flex-direction: row;
    margin: 0px auto;
}

.tab__course__login {
    flex-grow: 1;
    text-align: right;
    gap: 40px;
    display: flex;
    justify-content: flex-end;
}

    .tab__course__login a {
        color: #5F6988;
        font-size: 14px;
        line-height: 24px;
        position: relative;
    }

        .tab__course__login a.active__menu {
            color: #0042FC;
            font-family: "Roboto-Bold";
        }

            .tab__course__login a.active__menu:after {
                content: "";
                position: absolute;
                bottom: -21px;
                left: 0;
                width: 100%;
                height: 3px;
                background: #0042FC;
            }

        .tab__course__login a:hover {
            color: #0042FC;
        }

.fix__sidebar__course {
    width: 300px;
    background: #fbfbfb;
    min-height: 100vh;
    float: left;
    min-width: 300px;
}

.main__course {
    width: 1026px;
    margin: 40px auto;
    display: block;
}

.main__course__content {
    display: flex;
    justify-content: space-between;
    margin: 20px auto;
}

.post__t__course a {
    font-size: 14px;
    line-height: 24px;
    color: #13151B;
    display: flex;
    justify-content: space-between;
    margin: 0 0 4px 0;
}

.post__t__course:hover {
    box-shadow: inset 4px 0px 0px #0042FC;
}

.post__t__course a i {
    font-size: 16px;
    width: 20px;
    min-width: 20px;
}

    .post__t__course a i.icofont-simple-up,
    .post__t__course a i.fa-chevron-up {
        display: none;
    }

.post__t__course.ui-accordion-header-active i.fa-chevron-down {
    display: none;
}

.post__t__course.ui-accordion-header-active i.fa-chevron-up {
    display: inline-block;
}

.post__t__course {
    padding: 12px 15px;
    display: flex;
    gap: 8px;
}

.cont__t__course .learning__item {
    padding: 13.5px 36px;
    display: flex;
    gap: 8px;
}

    .cont__t__course .learning__item:hover {
        background: #F3F3F6;
    }

.lear__time {
    font-size: 14px;
    color: #5F6988;
    display: flex;
    align-items: center;
    gap: 8px;
}

    .lear__time ins {
        font-size: 14px;
        color: #5F6988;
        text-decoration: none;
    }

.learning__item a {
    color: #13151B;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 4px;
}


.progress {
    width: 16px;
    height: 16px;
    font-size: 8px;
    color: #fff;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    background: #E6E8EE;
    text-align: center;
    line-height: 16px;
    margin: 4px 0 0 0;
    min-width: 16px;
}


    .progress .title {
        z-index: 100;
        opacity: 1;
        background: #fff;
        border-radius: 100%;
        width: 12px;
        height: 12px;
        display: block;
        overflow: hidden;
        line-height: 12px;
        position: absolute;
        bottom: 0;
        top: 0;
        margin: auto;
        left: 0;
        right: 0;
    }

    .progress .overlay {
        width: 50%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        background-color: #E6E8EE;
    }

    .progress .left, .progress .right {
        width: 50%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        border: 2px solid #0042FC;
        border-radius: 100px 0px 0px 100px;
        border-right: 0;
        transform-origin: right;
    }

    .progress .left {
        animation: load1 1s linear forwards;
    }

    .progress:nth-of-type(2) .right, .progress:nth-of-type(3) .right {
        animation: load2 .5s linear forwards 1s;
    }

    .progress:last-of-type .right, .progress:first-of-type .right {
        animation: load3 .8s linear forwards 1s;
    }

@keyframes load1 {
    0% {
        transform: rotate(0deg);
    }

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

@keyframes load2 {
    0% {
        z-index: 100;
        transform: rotate(180deg);
    }

    100% {
        z-index: 100;
        transform: rotate(270deg);
    }
}

@keyframes load3 {
    0% {
        z-index: 100;
        transform: rotate(180deg);
    }

    100% {
        z-index: 100;
        transform: rotate(315deg);
    }
}

.file__down {
    margin: 0;
    padding: 0;
}

    .file__down li {
        list-style: none;
        margin-bottom: 8px;
    }

        .file__down li a {
            color: #0042FC;
            font-size: 14px;
            line-height: 24px;
            display: flex;
            gap: 8px;
        }

.title__note {
    color: #13151B;
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 8px;
}

.des__note {
    font-size: 14px;
    line-height: 24px;
    color: #393F51;
    margin-bottom: 32px;
}

.video__course {
    margin-bottom: 32px;
}

.file__down li a:hover {
    color: #F66B2D;
}

.menu__fix__toc {
    float: right;
    width: calc(100% - 660px);
    padding-left: 60px;
}

.single__detail__course {
    float: left;
    width: 660px;
}

.title__detail__cou {
    color: #13151B;
    font-size: 40px;
    line-height: 56px;
    letter-spacing: 0.02em;
    margin-bottom: 48px;
}

.main__course__content figure {
    margin: 0 0 48px 0;
    padding: 0;
}

.main__course__content p,
.post-content p {
    color: #393F51;
    font-size: 18px;
    line-height: 32px;
    margin: 0 0 16px 0;
}

.main__course__content ul,
.post-content ul {
    margin: 0;
    padding: 0 0 0 20px
}

    .main__course__content ul li,
    .post-content ul li {
        color: #393F51;
        font-size: 18px;
        line-height: 32px;
        margin: 0 0 16px 0;
    }

.main__course__content figure img,
.post-content figure img {
    margin-bottom: 12px;
}

.main__course__content figure figcaption,
.post-content figure figcaption {
    display: block;
    color: #393F51;
    font-size: 13px;
    line-height: 18px;
    text-align: center;
    font-family: "Inter";
}

.main__course__content h3,
.post-content h3 {
    color: #00103F;
    font-size: 24px;
    line-height: 40px;
    margin: 0 0 16px 0;
    font-family: "Inter-Bold";
}

.main__course__content h2,
.post-content h2 {
    color: #0031BD;
    font-size: 40px;
    line-height: 50px;
    font-family: "Inter-Bold";
    margin-bottom: 24px;
    position: relative;
    padding: 16px 0 0 0;
}

    .main__course__content h2:before,
    .post-content h2:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 60px;
        height: 7px;
        background: #0031BD;
    }

.main__course__content h4,
.post-content h4 {
    color: #00103F;
    font-size: 20px;
    line-height: 32px;
    font-family: "Inter-Bold";
    display: block;
    margin-bottom: 16px;
}

    .main__course__content h4 a,
    .post-content h4 a {
        color: #00103F;
        font-size: 20px;
        line-height: 32px;
        font-family: "Inter-Bold";
        display: block;
    }

.main__course__content blockquote,
.post-content blockquote {
    padding-left: 32px;
    border-left: 5px solid #0042FC;
    font-size: 18px;
    line-height: 32px;
    font-style: italic;
    flex-grow: 1;
    margin: 48px 0 48px 0;
}

    .main__course__content blockquote p,
    .post-content blockquote p {
        font-size: 18px;
        line-height: 32px;
        font-style: italic;
        margin-bottom: 32px;
    }

        .main__course__content blockquote p:last-child,
        .post-content blockquote p:last-child {
            margin-bottom: 0;
        }

.next__back__sussec {
    display: block;
    padding-top: 70px;
    text-align: right;
}

    .next__back__sussec .sucsec {
        padding: 8px 16px;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        color: #0042FC;
        border: 1px solid #0042FC;
        display: inline-block;
    }

.bottom__next {
    clear: both;
    margin-top: 8px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 28px;
}

    .bottom__next a.next__cours {
        padding: 8px 16px;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        color: #0042FC;
        border: 1px solid #0042FC;
        display: inline-block;
    }

    .bottom__next span {
        color: #00C851;
        font-size: 16px;
        line-height: 24px;
    }

        .bottom__next span i {
            width: 16px;
            height: 16px;
            display: inline-block;
            border-radius: 100%;
            background: #00C851;
            color: #fff;
        }
/*
menu__toc
*/
#ftwp-container {
    width: 205px;
}

#ftwp-list {
    margin: 0;
    padding: 0;
    padding-left: 10px;
    border-left: 2px solid #E6E8EE;
}

    #ftwp-list li {
        list-style: none;
    }

    #ftwp-list > li {
        margin-bottom: 16px;
    }

    #ftwp-list button {
        display: none;
    }

    #ftwp-list li a {
        color: #393F51;
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 4px;
        display: block;
        position: relative;
    }

.ftwp-sub {
    padding-left: 23px;
}

#ftwp-list .ftwp-sub li {
    list-style: disc;
    color: #393F51;
}

#ftwp-list > li > a.active_toc {
    color: #0042FC;
}

    #ftwp-list > li > a.active_toc:before {
        content: "";
        position: absolute;
        left: -12px;
        width: 2px;
        height: 100%;
        background: #0042FC
    }

/*
css them header
*/
.header__card {
    display: flex;
    align-items: center;
    gap: 32px;
}

    .header__card a.use__login__button {
        color: #fff;
        font-size: 14px;
        display: block;
        line-height: 30px;
    }

        .header__card a.use__login__button:hover {
            color: #ffc501;
        }

.use__login__button img {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    object-fit: cover;
}

.use__login__button {
    color: #0042FC;
    font-size: 16px;
    line-height: 24px;
}

.navbar .header-nav > li {
    position: inherit;
    padding: 0px 16px;
}

.header__card a {
    position: relative;
}

    .header__card a i {
        font-size: 20px;
        color: #fff;
    }

    .header__card a span {
        position: absolute;
        top: 3px;
        left: 16px;
        width: 16px;
        height: 16px;
        background: red;
        color: #fff;
        font-size: 13px;
        text-align: center;
        line-height: 16px !important;
        border-radius: 100%;
    }

.login_button {
    margin-left: 20px;
    font-size: 16px;
}


/*
KhĂ³a học của tĂ´i
*/
.side-bar .menu .item {
    position: relative;
    cursor: pointer;
}

    .side-bar .menu .item a.sub-btn,
    .side-bar .menu .item > a {
        font-size: 14px;
        line-height: 24px;
        color: #13151B;
        margin: 0;
        padding-left: 40px;
        padding-right: 30px;
        display: block;
        overflow: hidden;
        padding-top: 10px;
        padding-bottom: 10px;
    }

        .side-bar .menu .item > a .progress {
            position: absolute;
            left: 15px;
            top: 16px;
            margin: 0;
        }

        .side-bar .menu .item > a > i {
            position: absolute;
            top: 15px;
            right: 15px;
        }

    .side-bar .menu .item a.sub-item {
        color: #13151B;
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 4px;
    }

    .side-bar .menu .item a:hover {
        transition: 0.3s ease;
    }

    .side-bar .menu .item i {
        /*margin-right: 15px;*/
    }

.breadcrumbs ul {
    list-style: none;
    display: flex;
    justify-content: flex-start;
    margin: 0;
    padding: 0;
}

    .breadcrumbs ul li {
        display: flex;
    }

        .breadcrumbs ul li span.char {
            margin: 0 9px;
        }

.side-bar .menu .item a .dropdown {
    position: absolute;
    right: 0;
    margin: 20px;
    transition: 0.3s ease;
}

.total_cart_icon {
    cursor: pointer;
}

.side-bar .menu .item .sub-menu {
    display: none;
}

.sub-menu-course {
    display: none;
}

.side-bar .learning__item:hover {
    box-shadow: inset 4px 0px 0px #0042fc;
}

.rotate {
    transform: rotate(180deg);
}

.rotate2 {
    transform: rotate(180deg);
}

.course__first__use {
    background: #13151B;
    padding: 116px 0;
    position: relative;
    overflow: hidden;
}

    .course__first__use:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 723px;
        height: 656px;
        background: url(../img/Looper-11.png)no-repeat;
        background-size: 100%;
    }

.box__first__course {
    position: relative;
    z-index: 9;
}

.t__first__cou {
    color: #fff;
    font-size: 40px;
    line-height: 56px;
    margin-bottom: 40px;
}

.item__first__cours {
    display: flex;
    background: #F8F8FA;
    align-items: center;
    justify-content: space-between;
}

    .item__first__cours .img__first__us__course {
        width: 300px;
        min-width: 300px;
    }

    .item__first__cours .ct__first__us__course {
        padding: 30px;
        width: calc(100% - 300px);
    }

.tt__cb__use {
    font-size: 28px;
    line-height: 40px;
    color: #13151B;
    margin-bottom: 8px;
}

.des__cb__use {
    color: #393F51;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 32px;
    max-width: 534px;
}

.button__views__course {
    clear: both;
    display: block;
    margin-bottom: 24px;
    border-bottom: 1px solid #E6E8EE;
    padding-bottom: 24px;
}

    .button__views__course a {
        padding: 8px 16px;
        width: 140px;
        color: #0042FC;
        font-size: 16px;
        line-height: 24px;
        display: inline-block;
        border: 1px solid #0042FC;
        text-align: center;
    }

.line__time {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .line__time span {
        color: #5F6988;
        font-size: 14px;
        line-height: 24px;
    }

.devvn_line {
    -ms-flex: 1;
    flex: 1;
    -ms-flex-negative: 1;
    -ms-flex-preferred-size: auto !important;
}

.devvn_rating_bar_devvn_line {
    border-radius: 8px;
    display: inline-block;
    height: 8px;
    background: #FBFBFC;
    vertical-align: middle;
    overflow: hidden;
    width: 100%;
}

span.devvn_scala_rating {
    border-radius: 8px;
    display: inline-block;
    height: 8px;
    background: #FBFBFC;
    vertical-align: middle;
    overflow: hidden;
    width: 100%;
}

span.devvn_scala_live {
    border-radius: 8px;
    display: inline-block;
    height: 8px;
    background: #FBFBFC;
    vertical-align: middle;
    overflow: hidden;
    width: 100%;
}

.devvn_line {
    -ms-flex: 1;
    flex: 1;
    -ms-flex-negative: 1;
    -ms-flex-preferred-size: auto !important;
    width: 120px;
}

.devvn_perc_rating_devvn_line {
    height: 8px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    display: inline-block;
    width: 0;
}

.devvn_rating_bar {
    display: flex;
    align-items: center;
    gap: 10px;
}

.course__use__all {
    padding: 40px 0;
}

.all__tab__course__use__login {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 40px;
    padding-bottom: 20px;
    text-align: center;
    margin-bottom: 40px;
}

    .all__tab__course__use__login a {
        color: #5F6988;
        font-size: 14px;
        line-height: 24px;
        position: relative;
    }

        .all__tab__course__use__login a:hover {
            color: #0042FC;
        }

        .all__tab__course__use__login a.use_active__course {
            color: #0042FC;
            font-family: "Roboto-Bold";
        }

            .all__tab__course__use__login a.use_active__course:after {
                content: "";
                position: absolute;
                bottom: -20px;
                left: 0;
                width: 100%;
                height: 3px;
                background: #0042FC;
            }

.title__log__course {
    color: #13151B;
    font-size: 17px;
    line-height: 28px;
    margin-bottom: 15px;
    align-items: center;
    display: flex;
    width: 100%;
    justify-content: space-between;
}

    .title__log__course .title__fil {
        font-size: 14px;
        line-height: 40px;
    }

    .title__log__course .filter-item__title {
        line-height: 24px;
        padding: 7px 10px;
    }

        .title__log__course .filter-item__title label {
            margin: 4px 0 0 0;
        }

.list__course__use__login {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

    .list__course__use__login .item__course__log {
        max-width: 49%;
        width: 49%;
        margin-bottom: 40px;
        display: flex;
        background: #F8F8FA;
        justify-content: space-between;
    }

        .list__course__use__login .item__course__log .ct__log__course {
            max-width: 52%;
            width: 52%;
            padding: 24px;
        }

        .list__course__use__login .item__course__log .img__first__us__course {
            max-width: 48%;
            width: 48%;
        }

.img__first__us__course a {
    position: relative;
    line-height: 0;
    display: block;
}

.relative {
    position: relative;
    line-height: 0;
    display: block;
}

.list__course__use__login .item__course__log .img__first__us__course > img {
    width: 100%;
    height: 328px;
    object-fit: cover;
}

.ct__log__course label {
    color: #9199B2;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 8px;
}

.tt__cb__use__tt {
    margin: 0 0 8px 0;
}

    .tt__cb__use__tt a {
        display: block;
        color: #13151B;
        font-size: 20px;
        line-height: 32px;
    }

.des__cb__use__des {
    color: #393F51;
    font-size: 16px;
    line-height: 24px;
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: 1px solid #E6E8EE;
}

.load__more__ajax {
    text-align: center;
    padding-top: 30px;
}

    .load__more__ajax a {
        display: inline-block;
        line-height: 24px;
        font-size: 16px;
        color: #0042FC;
        padding: 8px 16px;
    }

.knowledge {
    padding: 60px 0;
}

/*
giỏ hĂ ng
*/
.like__course__cart {
    padding: 60px 0 0 0;
}

.course__cart__all {
    padding: 40px 0;
    background: #fff;
}

    .course__cart__all .container-xl {
        max-width: 850px;
        background: #f2f2f2;
        padding: 30px;
        border-radius: 8px;
    }

.cart__container {
    overflow: hidden;
    clear: both;
}

    .cart__container .cart__left {
        width: 100%;
        float: none;
        padding-right: 0;
    }

.bottom__card__check {
    display: block;
    clear: both;
    overflow: hidden;
}

    .bottom__card__check .total__cart {
        float: right;
        width: 58%;
        overflow: hidden;
    }

.continue__card {
    float: left;
    width: 38%;
}

.total__cart .text__total {
    float: left;
    width: 62%;
    overflow: hidden;
}

.total__cart .pri__toal {
    float: right;
}

    .total__cart .pri__toal span {
        font-size: 30px;
        color: #D31616;
        font-weight: 600;
    }

.no_vat_tol, .no_vat, .vat_vat {
    font-size: 13px;
    font-style: italic;
}

.tongtiencart {
    text-transform: uppercase;
    font-size: 17px;
}

.cart__container .cart__right {
    /*    width: 318px;
    float: right;*/
}

.item__cart__course {
    display: flex;
    width: 100%;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #E6E8EE;
}

    .item__cart__course:last-child {
        padding-bottom: 0;
        margin-bottom: 0;
        border-bottom: 0;
    }

    .item__cart__course .check__cart {
        max-width: 18px;
        -ms-flex-preferred-size: 20px;
        flex-basis: 18px;
    }

        .item__cart__course .check__cart .check__cart {
            margin: 0;
            width: 18px;
            height: 18px;
        }

    .item__cart__course .cart__item__course {
        max-width: 60%;
        -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
        display: flex;
        margin-right: 10px;
    }

        .item__cart__course .cart__item__course .img__cart__course {
            width: 100px;
        }

        .item__cart__course .cart__item__course .content__cart__course {
            width: calc(100% - 100px);
            padding-left: 15px;
        }

.tt__course {
    display: block;
    color: #9199B2;
    font-size: 14px;
    line-height: 24px;
    margin: 0 0 8px 0;
}

.title__cart__Course {
    margin-bottom: 8px;
}

    .title__cart__Course a {
        display: block;
        color: #13151B;
        font-size: 16px;
        line-height: 26px;
    }

.pirce__item__cart {
    max-width: calc(100% - 62%);
    -ms-flex-preferred-size: calc(100% - 62%);
    flex-basis: calc(100% - 62%);
    display: flex;
    justify-content: space-between;
}

.list__cart .product-quantity .quantity {
    background: #f2f2f2;
    border: 1px solid #ddd;
    display: flex;
    align-items: center;
}

.list__cart .product-quantity input {
    border: 0;
    background: #fff;
    width: 32px;
    height: 30px;
    min-height: initial;
    cursor: pointer;
    outline-style: none;
}

.list__cart .product-quantity .input-text {
    border: 0;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    width: 45px;
    box-shadow: 0 0 0 0;
    font-size: 13px;
    max-width: inherit;
    text-align: center;
}

.coupon_success {
    pointer-events: none;
}

.btn-remove_coupon {
    cursor: pointer;
    color: #ff0000;
}

.pirce__item__cart .price__cart {
    color: #D31616;
    font-size: 15px;
    line-height: 32px;
}

.pirce__item__cart .delete__cart {
    font-size: 14px;
    color: #0042FC;
    line-height: 32px;
    width: 40px;
    text-align: center;
    cursor: pointer;
}


.total__cart span {
    font-size: 14px;
    color: #393F51;
}

.total__cart .giamtien {
    color: #00C851;
    font-size: 14px;
}

.total__price__all__course {
    font-size: 40px;
    line-height: 48px;
    display: block;
    margin: 0 0 24px 0;
    color: #00C851;
}

.dis__coust {
    display: flex;
    margin-bottom: 10px;
}

    .dis__coust #coupon_code {
        width: calc(100% - 100px);
        outline-style: none;
        line-height: 40px;
        padding: 0 10px;
        color: #333;
        background: #f1eeee;
        border: 0;
    }

    .dis__coust button {
        width: 100px;
        background: #D31616;
        color: #fff;
        font-size: 15px;
        line-height: 40px;
        text-align: center;
        cursor: pointer;
        border: 0;
        outline-style: none;
    }

.checkout_coupon.coupon__cart {
    margin: 0;
}

.coupon__cart input {
    width: 100%;
    color: #ACB2C5;
    font-size: 14px;
    line-height: 24px;
    padding: 20px 14px;
    background: #F2F5FF;
    border: 0;
    outline-style: none;
    margin-bottom: 16px;
}

.coupon__cart .button__cart__checkout {
    width: 100%;
    background: #0042FC;
    padding: 18px 0;
    text-align: center;
    border: 0;
    outline-style: none;
    cursor: pointer;
    position: relative;
}

    .coupon__cart .button__cart__checkout span {
        font-size: 18px;
        color: #fff;
        line-height: 32px;
        display: block;
        position: relative;
        z-index: 1;
    }

    .coupon__cart .button__cart__checkout:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 0%;
        height: 100%;
        background-color: #00103F;
        transition: all 0.3s;
        z-index: -1;
    }

    .coupon__cart .button__cart__checkout:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #00103F;
        z-index: -2;
    }

    .coupon__cart .button__cart__checkout:hover:before {
        width: 100%;
        z-index: 1;
    }

.course__section.slider__like__course {
    margin: 0;
}

    .course__section.slider__like__course .course__item {
        width: 100%;
        padding: 0;
    }

.slider__like__course .owl-stage-outer {
    padding: 30px 0 116px 0;
}

.slider__like__course .content-product-imagin {
    top: 0;
    left: 0;
    right: 0;
    box-shadow: 0 0 0 0;
}

.like__course__cart .title__log__course {
    margin-bottom: 10px;
    line-height: 68px;
}

.slider__like__course {
}

    .slider__like__course .owl-nav {
        position: absolute;
        right: 0;
        top: -77px;
        margin: -0.5px;
    }

        .slider__like__course .owl-nav button:hover {
            background: #5F6988 !important;
        }

        .slider__like__course .owl-nav button.owl-prev {
            background: #ACB2C5 !important;
        }

        .slider__like__course .owl-nav button {
            width: 68px;
            height: 68px;
            background: #393F51 !important;
            text-align: center;
            margin: 0 0.5px !important;
            min-height: initial;
            color: #fff !important;
            font-size: 40px !important;
        }

            .slider__like__course .owl-nav button:hover {
                background: #5F6988 !important;
            }

.total__check {
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: 1px solid #E6E8EE;
    line-height: 32px;
}

    .total__check .check__cart__all_button {
        width: 18px;
        height: 18px;
        margin: 0;
    }

.check__cart__all {
    display: flex;
    align-items: center;
    gap: 20px;
}

    .check__cart__all span,
    .check__cart__all span b {
        font-size: 18px;
        font-weight: 400;
        color: #13151B;
    }
/*
Thanh toĂ¡n
*/
.checkout__layout {
    overflow: hidden;
    clear: both;
    display: block;
}

    .checkout__layout .checkout__left {
        width: 100%;
        max-width: 100%;
    }

    .checkout__layout .checkout__right {
        width: 100%;
        max-width: 100%;
    }

.inner__form__checkout {
    padding: 15px;
    background: #fff;
}

.cart__container {
    padding: 15px;
    background: #fff;
    margin-bottom: 20px;
}

.title__checkout {
    color: #13151B;
    font-size: 20px;
    line-height: 40px;
    margin-bottom: 20px;
}

.address__shipping {
    margin-bottom: 15px;
}

.woocommerce-billing-fields__field-wrapper {
    margin: 0 -10px;
    position: relative;
    overflow: hidden;
    clear: both;
}

    .woocommerce-billing-fields__field-wrapper .form-row {
        float: left;
        width: 33.333%;
        padding: 0 10px;
        margin-bottom: 15px;
    }

.text_validate_auto {
    font-size: 11px;
    color: red;
}

.inner__form__checkout label {
    color: #333;
    font-weight: 600;
    font-size: 14px;
    gap: 5px;
    margin-bottom: 3px;
    clear: both;
    line-height: 30px;
    display: flex;
    align-items: center;
}

    .inner__form__checkout label .required {
        color: #d31616;
    }

.sex-customer {
    margin-bottom: 15px;
}

    .sex-customer span {
        display: inline-block;
        vertical-align: middle;
        font-size: 14px;
        color: #333;
        margin-right: 15px;
        cursor: pointer;
    }

        .sex-customer span i {
            background-color: transparent;
            border: 2px solid #777;
            border-radius: 11px;
            content: " ";
            display: inline-block;
            height: 15px;
            margin: 0 5px 0 0;
            position: relative;
            top: 3px;
            width: 15px;
        }

        .sex-customer span.active i {
            border-color: #d70018;
            background: #d70018;
        }

.row__nth__2, .infouser__inputs-container {
    overflow: hidden;
    clear: both;
}

    .row__nth__2 .form-row, .infouser__inputs-container .fillinput,
    .infocompany .fillinput {
        float: left;
        width: 49%;
    }

        .row__nth__2 .form-row:nth-child(2n),
        .infouser__inputs-container .fillinput:nth-child(2n),
        .infocompany .fillinput:nth-child(2n) {
            float: right;
            width: 49%;
        }

.discountcode {
    overflow: hidden;
    clear: both;
    margin-bottom: 15px;
}

.applycode {
    overflow: hidden;
    clear: both;
}

.usecode.coupon-code {
    margin-bottom: 15px;
}

.applycode .applycode__text-input {
    float: left;
    width: calc(100% - 100px);
}

.applycode .applycode__button {
    float: right;
    width: 100px;
    margin: 0;
}

    .applycode .applycode__button button {
        border: 0;
        padding: 0;
        line-height: 40px;
        display: block;
        width: 100%;
        text-align: center;
        background: #1a4790;
        color: #ffff;
        border: 1px solid #1a4790;
    }

.register__use__check {
    overflow: hidden;
    clear: both;
    margin-bottom: 15px;
}

.button__use__check a {
    display: inline-block;
    background: red;
    color: #fff;
    padding: 10px 40px;
    font-size: 15px;
    border-radius: 10px;
}

.infouser, .infocompany {
    padding: 15px 15px 0;
    background: #fff;
    border: 1px solid #288ad6;
    position: relative;
}

.anotheroption li {
    margin-bottom: 15px !important;
}

    .anotheroption li .infouser:before,
    .anotheroption li .infocompany:before {
        content: "";
        width: 8px;
        height: 8px;
        border-top: 1px solid #288ad6;
        border-left: 1px solid #288ad6;
        background: #f6f6f6;
        transform: rotate(45deg);
        position: absolute;
        top: -5px;
        left: 50px;
    }

.anotheroption .cartnew-select {
    width: 15px;
    height: 15px;
    display: inline-block;
    border-radius: 3px;
    margin-right: 4px;
    border: 1px solid #ccc;
    position: relative;
}

.ovsa {
    overflow: hidden;
    clear: both;
}

.anotheroption label.active .cartnew-select:after {
    content: "\f00c";
    font-family: "Font Awesome 6 Pro";
    position: absolute;
    top: 0;
    font-size: 10px;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    line-height: 15px;
    text-align: center;
    color: #fff;
}

.anotheroption label.active .cartnew-select {
    background: #ff2239;
    border: 1px solid #ff2239;
}

.address__shipping h3 {
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    margin: 0 0 15px 0;
}

.address__shipping .row__nth__2 {
    display: none;
}

.anotheroption ul {
    margin: 0;
    padding: 0;
}

    .anotheroption ul li {
        margin: 0;
        padding: 0;
        list-style: none;
    }

.cough {
    margin: 0 0 15px 0;
}

    .cough span {
        display: inline-block;
        vertical-align: middle;
        font-size: 14px;
        color: #333;
        margin-right: 15px;
        cursor: pointer;
    }

        .cough span i {
            background-color: transparent;
            border: 2px solid #777;
            border-radius: 11px;
            content: " ";
            display: inline-block;
            height: 15px;
            margin: 0 5px 0 0;
            position: relative;
            top: 3px;
            width: 15px;
        }

        .cough span.active i {
            border-color: #d70018;
            background: #d70018;
        }

.infouser, .infocompany {
    display: none;
}

    .infouser.active, .infocompany.active {
        display: block;
    }

.inner__form__checkout input {
    box-shadow: 0 0 0 0;
    border: 1px solid #ddd;
    font-size: 14px;
    line-height: 40px;
    padding: 0 10px;
    height: inherit;
    width: 100%;
    margin: 0 0 5px 0;
    outline-style: none;
}

.inner__form__checkout textarea {
    box-shadow: 0 0 0 0;
    padding: 10px;
    border: 1px solid #ddd;
    box-shadow: 0 0 0 0;
    width: 100%;
    outline-style: none;
    min-height: 120px;
}

.woocommerce-checkout-payment .payment_box {
    font-size: 14px;
    line-height: 23px;
    padding-left: 34px;
}

.woocommerce-checkout-payment li {
    border: 0 !important;
}

    .woocommerce-checkout-payment li label {
        font-size: 15px;
        color: #002bc9;
    }

.wc_payment_methods {
    padding: 0;
    margin: 0;
}

    .wc_payment_methods li {
        list-style: none;
        margin-bottom: 10px;
    }

        .wc_payment_methods li input {
            display: inline;
            margin: 0;
            margin-right: 10px;
            font-size: 16px;
            width: initial;
        }

    .wc_payment_methods .payment_method_bacs p {
        margin: 0;
        font-size: 14px;
        line-height: 26px;
    }

    .wc_payment_methods li label {
        display: inline-block;
    }

.info__check__bank {
    padding: 0;
    margin: 0;
}

    .info__check__bank li {
        list-style: none;
        display: flex;
        margin-bottom: 16px;
        line-height: 32px;
        align-items: center;
        gap: 4px;
    }

        .info__check__bank li:last-child {
            margin-bottom: 0;
        }

        .info__check__bank li span,
        .info__check__bank li strong {
            color: #13151B;
            font-size: 18px;
        }

        .info__check__bank li strong {
            color: #000;
        }

.info__check__bank {
    border-bottom: 1px solid #E6E8EE;
    margin-bottom: 32px;
    padding-bottom: 32px;
}

.note__bank {
    font-size: 16px;
    line-height: 24px;
    color: #0042FC;
}

.list__order__cart .item__order__cart {
    margin-bottom: 16px;
    display: flex;
    gap: 20px;
    justify-content: flex-start;
}

    .list__order__cart .item__order__cart img {
        max-width: 80px;
    }

    .list__order__cart .item__order__cart .price__item__cart {
        min-width: 120px;
        font-size: 16px;
        color: #393F51;
        line-height: 24px;
        text-align: right;
    }

.number__card {
    background: #030e36;
    color: #fff;
    font-size: 9px;
    border-radius: 100%;
    display: block;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
}

.list__order__cart .item__order__cart span {
    color: #13151B;
    font-size: 16px;
    line-height: 24px;
}

.list__order__cart .item__order__cart:last-child {
    margin-bottom: 0;
}

.list__order__cart {
    border-bottom: 1px solid #E6E8EE;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

.checkout__button__order {
    padding: 20px 0 0 0;
}

    .checkout__button__order button {
        width: 100%;
        height: 50px;
        background: #d70404;
        color: #fff;
        border-radius: 6px;
        border: 0;
        outline-style: none;
        font-size: 18px;
        font-weight: 600;
        cursor: pointer;
    }

.total__bank__check, .total__bank__check__after__voucher {
    width: 100%;
    display: flex;
    justify-content: space-between;
    line-height: 40px;
}

.total__bank__check__after__voucher {
    display: none;
}

    .total__bank__check__after__voucher.active {
        display: flex;
    }

    .total__bank__check .tal__tal__price,
    .total__bank__check__after__voucher .tal__tal__price {
        font-size: 28px;
        color: #13151B;
    }

.total__bank__check span ins {
    text-decoration: none;
}

.tongtinthanhtoan_camon {
    text-align: center;
}

    .tongtinthanhtoan_camon span {
        font-size: 16px;
    }

    .tongtinthanhtoan_camon .pri__cm {
        font-size: 28px;
        color: #D31616;
        font-weight: 600;
    }

.cart__pro__thank .product-quantity {
    text-align: center;
    width: 50%;
}

.pri__camon {
    text-align: center;
    width: 50%;
    font-size: 20px;
    font-weight: 600;
    color: #D31616;
}

.info_order_success {
    text-align: left;
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
    font-weight: 600;
    font-size: 19px;
    color: #333;
    line-height: 30px;
}

.list_info_order_par {
    display: flex;
    margin: 0 0 20px 0;
    padding: 0;
    flex-direction: column;
    gap: 15px;
}

    .list_info_order_par li {
        list-style: none;
        margin: 0 !important;
        padding-right: 20px;
        font-size: 15px;
    }

        .list_info_order_par li b {
            color: #333;
            font-weight: 600;
            /*font-family: "HelveticaNeue-Medium" !important;*/
        }

            .list_info_order_par li b .woocommerce-Price-amount {
                color: #D31616;
                font-weight: 600;
            }

.note__thanhcong {
    padding: 15px;
    background: #ecf4ec;
    margin-bottom: 20px;
}

    .note__thanhcong p {
        font-size: 14px;
        line-height: 22px;
        margin: 0 0 10px 0;
    }

.btn_back_home {
    display: inline-block;
    font-size: 14px;
    color: #fff;
    background: #002bc9;
    padding: 5px 33px;
    line-height: 40px;
    border-radius: 5px;
    text-transform: uppercase;
}

    .btn_back_home:hover {
        background: #D31616;
        color: #fff;
    }

.vat_vat {
    display: none;
}

.total__bank__check_voucher, .__check_vat_order {
    display: none;
    padding: 10px 0;
}

    .total__bank__check_voucher.active, .__check_vat_order.active {
        display: block;
    }

.voucher {
    width: 100%;
    display: flex;
    justify-content: space-between;
    line-height: 40px;
}

.gia_voucher {
    font-size: 28px;
    color: #d60011;
    font-weight: 600;
}

.cart__pro__thank {
    background: #fff;
    padding: 15px;
    margin-bottom: 20px;
}
/*
quản lĂ½ tĂ i khoản Ä‘Æ¡n hĂ ng
*/
.use__course__item {
    padding: 32px;
    background: #fff;
    margin: 0;
}

.header__order__cart {
    background: #F3F3F6;
    font-size: 14px;
    color: #13151B;
    line-height: 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

    .header__order__cart span {
        padding: 12px 16px;
        display: block;
        font-size: 14px;
        line-height: 24px;
    }

.ten__khoahoc,
.list__item__login__cartorder .name__course__order {
    width: 343px;
    max-width: 343px;
}

.ngay__khoahoc, .time__course__order {
    width: 119px;
    max-width: 119px;
}

.giatien__khoahoc, .pri__course__order {
    width: calc(100% - 119px - 343px);
}

.list__item__login__cartorder {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

    .list__item__login__cartorder > div {
        padding: 12px 16px;
        display: block;
        font-size: 14px;
        line-height: 24px;
    }

        .list__item__login__cartorder > div span {
            display: block;
            font-size: 14px;
            line-height: 24px;
        }

    .list__item__login__cartorder:nth-child(2n) {
        background: #F3F3F6;
    }

    .list__item__login__cartorder > div a {
        font-size: 14px;
        line-height: 24px;
        display: block;
    }
/*
Kiến thức chuyĂªn ngĂ nh
*/
.list__cate__posts {
    clear: both;
    margin: 0 -12px;
    display: flex;
    flex-wrap: wrap;
}

    .list__cate__posts .item__post__cate {
        float: left;
        width: 25%;
        padding: 0 12px 40px;
        position: relative;
        position: relative;
        -webkit-transition: -webkit-transform .3s ease;
        transition: -webkit-transform .3s ease;
        transition: transform .3s ease;
        transition: transform .3s ease,-webkit-transform .3s ease;
    }

    .list__cate__posts .img__post__knowledge a {
        display: block;
        line-height: 0;
        position: relative;
    }

        .list__cate__posts .img__post__knowledge a:after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 6px;
            background: #0042FC;
            z-index: 1;
            opacity: 0;
            visibility: hidden;
        }

    .list__cate__posts .item__post__cate a img {
        width: 100%;
        height: 300px;
        object-fit: cover;
    }

    .list__cate__posts .item__post__cate .content__post__knowledge {
        position: relative;
        padding: 24px 0 0 0;
    }

        .list__cate__posts .item__post__cate .content__post__knowledge h3 {
            margin-bottom: 16px;
        }

            .list__cate__posts .item__post__cate .content__post__knowledge h3 a {
                display: block;
                color: rgba(19, 21, 27, 1);
                font-size: 20px;
                line-height: 32px;
                height: 64px;
                overflow: hidden;
            }

    .list__cate__posts .item__post__cate:hover .content__post__knowledge h3 a {
        color: #0042FC;
    }

    .list__cate__posts .item__post__cate:hover .img__post__knowledge a:after {
        opacity: 1;
        visibility: visible;
    }

.des__knowledge p {
    color: #393F51;
    font-size: 16px;
    line-height: 24px;
    height: 48px;
    overflow: hiddenl;
    margin: 0;
}

.title__knowledge__title {
    text-align: center;
    font-size: 40px;
    color: #13151B;
    line-height: 56px;
    margin-bottom: 40px;
}

.title__knowledge__title__left {
    text-align: left;
}

.list__route__know .item__first__cours {
    margin-bottom: 40px;
}

    .list__route__know .item__first__cours:last-child {
        margin-bottom: 0;
    }

.Route__knowlegde {
    padding: 90px 0 100px;
}

.discover__knowledge {
    background: #FBFBFC;
    padding: 75px 0 0;
}

.colum__discover {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

    .colum__discover .discover__left {
        width: 432px;
    }

    .colum__discover .discover__right {
        width: 660px;
        margin: 0 auto;
        padding-bottom: 75px;
    }

.label__dis {
    color: #9199B2;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 12px;
}

.info__discover {
    color: #13151B;
    font-size: 60px;
    line-height: 72px;
    margin: 0 0 12px 0;
}

.des__discover,
.des__discover p {
    color: #393F51;
    font-size: 16px;
    line-height: 24px;
    margin: 0;
}

.des__discover {
    margin-bottom: 40px;
}

.button__discover {
    clear: both;
    margin-bottom: 96px;
}

    .button__discover a {
        font-size: 18px;
        color: #fff;
        line-height: 28px;
        display: inline-block;
        padding: 16px 36px;
        background: #0042FC;
        position: relative;
    }

        .button__discover a span {
            position: relative;
            z-index: 1;
            font-size: 18px;
            color: #fff;
            line-height: 28px;
        }

        .button__discover a:before {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            width: 0%;
            height: 100%;
            background-color: #00103F;
            transition: all 0.3s;
            z-index: -1;
        }

        .button__discover a:after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #00103F;
            z-index: -2;
        }

        .button__discover a:hover:before {
            width: 100%;
            z-index: 1;
        }

.list__dis__value {
    display: flex;
    gap: 24px;
}

    .list__dis__value .value__item {
        width: 33.333%;
    }

.inner__value {
    padding: 24px;
    background: #F3F3F6;
}

.img__value {
    width: 44px;
    height: 44px;
    margin-bottom: 26px;
}

.cont__value {
    clear: both;
    overflow: hidden;
}

    .cont__value h4 {
        margin: 0 0 25px 0;
    }

        .cont__value h4 a {
            display: block;
            color: #13151B;
            font-size: 28px;
            line-height: 40px;
        }

    .cont__value p {
        margin: 0;
        font-size: 16px;
        line-height: 24px;
        height: 48px;
        overflow: hidden;
    }

.knowledge__section {
    padding-bottom: 100px;
}
/*
chi tiết kiến thức
*/
.tab__coban__nangcao {
    display: flex;
    align-items: center;
    gap: 40px;
    padding: 22px 16px;
    border-bottom: 1px solid rgb(0 0 0 / 10%);
}

    .tab__coban__nangcao a {
        color: #5F6988;
        font-size: 14px;
        line-height: 24px;
        position: relative;
    }

        .tab__coban__nangcao a:hover {
            color: #0042FC;
        }

        .tab__coban__nangcao a.active__menu {
            color: #0042FC;
            font-family: "Roboto-Bold";
        }

            .tab__coban__nangcao a.active__menu:after {
                content: "";
                position: absolute;
                bottom: -22px;
                left: 0;
                width: 100%;
                height: 3px;
                background: #0042FC;
            }
/*
tĂ i liệu tham khảo
*/
.document__layout {
    padding: 60px 0 0 0;
}

.list__document {
    clear: both;
    margin: 0 -12px;
    display: flex;
    flex-wrap: wrap;
}

    .list__document .item__document__cate {
        float: left;
        width: 25%;
        padding: 0 12px 40px;
        position: relative;
        position: relative;
        -webkit-transition: -webkit-transform .3s ease;
        transition: -webkit-transform .3s ease;
        transition: transform .3s ease;
        transition: transform .3s ease,-webkit-transform .3s ease;
    }

        .list__document .item__document__cate .img__post__document a {
            display: block;
            line-height: 0;
            position: relative;
        }

            .list__document .item__document__cate .img__post__document a:after {
                content: "";
                position: absolute;
                bottom: 0;
                left: 0;
                width: 100%;
                height: 6px;
                background: #0042FC;
                z-index: 1;
                opacity: 0;
                visibility: hidden;
            }

            .list__document .item__document__cate .img__post__document a img {
                width: 100%;
                height: 300px;
                object-fit: cover;
                position: relative;
            }

        .list__document .item__document__cate .content__post__document {
            position: relative;
            padding: 24px 0 0 0;
        }

            .list__document .item__document__cate .content__post__document h3 {
                margin-bottom: 8px;
            }

                .list__document .item__document__cate .content__post__document h3 a {
                    display: block;
                    color: rgba(19, 21, 27, 1);
                    font-size: 20px;
                    line-height: 32px;
                    height: 64px;
                    overflow: hidden;
                }

            .list__document .item__document__cate .content__post__document .label__document span {
                color: #0042FC;
                font-size: 14px;
                padding: 2px 8px;
                border-radius: 30px;
                background: #F2F5FF;
            }

        .list__document .item__document__cate:hover h3 a {
            color: #0042FC;
        }

        .list__document .item__document__cate:hover .img__post__document a:after {
            opacity: 1;
            visibility: visible;
        }

.title__document__title {
    line-height: 48px;
}

.banner__document {
    background: #13151B;
    padding: 40px 60px;
    position: relative;
}

.document__header__banner {
    display: flex;
    position: relative;
}

    .document__header__banner .left__document__layout {
        width: 432px;
    }

        .document__header__banner .left__document__layout img {
            position: absolute;
            top: 0;
            left: 0;
        }

    .document__header__banner .right__document__layout {
        width: calc(100% - 432px);
        margin: 0 auto;
        padding-left: 138px;
    }

.title__document {
    color: #fff;
    font-size: 40px;
    line-height: 56px;
    margin-bottom: 40px;
}

.button__down__load {
    clear: both;
    margin-bottom: 40px;
    overflow: hidden;
}

    .button__down__load a {
        display: inline-block;
        padding: 18px 20px;
        background: #0042FC;
        color: #fff;
        font-size: 18px;
        min-height: 32px;
        min-width: 200px;
        text-align: center;
    }

.sale__document {
    display: flex;
    align-items: center;
    gap: 15px;
}

    .sale__document a {
        display: flex;
        color: #fff;
        font-size: 16px;
        width: 40px;
        height: 40px;
        border: 1px solid #fff;
        line-height: 40px;
        text-align: center;
        align-items: center;
        justify-content: space-around;
    }

    .sale__document span {
        color: #fff;
        font-size: 16px;
        line-height: 40px;
    }

.info__document {
    padding: 40px 0;
}

.kidg {
    display: block;
    color: #F8F8FA;
    font-size: 200px;
    line-height: 286px;
    letter-spacing: 0.02em;
    position: absolute;
    bottom: -67px;
}

.info__layout__document {
    display: flex;
    position: relative;
}

    .info__layout__document .left__info__document {
        width: 50%;
    }

.right__info__document {
    padding-left: 10px;
    width: 50%;
}

.title__if__dcmt {
    color: #13151B;
    font-size: 40px;
    line-height: 48px;
    margin-bottom: 32px;
    letter-spacing: 0.02em;
}

.content__info__cm {
    display: flex;
    gap: 24px;
}

    .content__info__cm .left__cm__if {
        max-width: 50%;
        width: 50%;
    }

    .content__info__cm .right__cm__if {
        max-width: 50%;
        width: 50%;
    }

    .content__info__cm p {
        margin: 0;
        color: #393F51;
        font-size: 14px;
        line-height: 24px;
        letter-spacing: 0.063808px;
        z-index: 1;
        position: relative;
    }

.banner__document .breadcrumbs span,
.banner__document .breadcrumbs a {
    color: #fff;
}

.banner__document:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 723px;
    height: 656px;
    background: url(../img/Looper-11.png)no-repeat;
    background-size: 100%;
}
/*
chi tiết tĂ i liệu ná»™i dung
*/
.container-xmx {
    max-width: 888px;
    margin: auto;
}

.title__document__single {
    color: #fff;
    font-size: 60px;
    line-height: 72px;
    margin-bottom: 40px;
}

.use__single__document {
    display: flex;
    align-items: center;
    gap: 16px;
}

.use__single__document {
    display: flex;
    align-items: center;
    gap: 16px;
    width: 100%;
    margin-bottom: 60px;
}

    .use__single__document .img__use__document img {
        width: 60px;
        height: 60px;
        border-radius: 100%;
        object-fit: cover;
    }

.name__use__single {
    color: #fff;
    font-size: 18px;
    line-height: 32px;
}

.name__date {
    font-size: 16px;
    color: #fff;
    line-height: 24px;
}

.share__document__single {
    display: flex;
    align-items: center;
    gap: 16px;
}

    .share__document__single a {
        width: 60px;
        height: 60px;
        background: #fff;
        align-items: center;
        display: flex;
        justify-content: space-evenly;
    }

        .share__document__single a img {
            max-height: 32px;
        }

        .share__document__single a span {
            color: #13151B;
            font-size: 24px;
            line-height: 36px;
        }

.banner__document__single {
    padding-bottom: 110px;
}

.post-share {
    position: absolute;
    top: 0;
    right: 100%;
    bottom: 0;
    pointer-events: none;
}

.main__document__wrap {
    display: flex;
    justify-content: space-between;
    margin: 20px auto;
    width: 1180px;
    max-width: 1180px;
}

.single__detail__document {
    width: calc(100% - 204px);
    padding: 0 138px;
    position: relative;
}

.main__document__wrap .menu__fix__toc {
    width: 204px;
    padding-left: 0;
}

.post-share > .share {
    flex-direction: column;
    position: -webkit-sticky;
    position: sticky;
    top: 60px;
    pointer-events: auto;
}

    .post-share > .share .share-item {
        width: 40px;
        height: 40px;
        border: 1px solid #E6E8EE;
        text-align: center;
        line-height: 40px;
        display: flex;
        align-items: center;
        justify-content: space-around;
        margin-bottom: 10px;
    }

        .post-share > .share .share-item:last-child {
            margin-bottom: 0;
        }

        .post-share > .share .share-item i {
            color: #5F6988;
            font-size: 15px;
        }

    .post-share > .share .comment__post {
        display: flex;
        align-items: center;
        color: #5F6988;
        font-size: 15px;
        gap: 4px;
        margin-bottom: 32px;
        line-height: 18px;
    }

        .post-share > .share .comment__post ins {
            text-decoration: none;
            font-size: 12px;
        }
/*
seach all
*/
.seach__form {
    background: #ff2239;
    padding: 60px 0;
    position: relative;
    margin-bottom: 30px;
}

    .seach__form:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 522px;
        height: 240px;
        background: url(../img/Looper-111.png)no-repeat;
    }

.seach__all__web .seach__text__input {
    width: 100%;
    background: #fff;
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    padding: 0 14px;
    margin: 0 0 24px 0;
}

.seach__all__web button {
    border: 0;
    outline-style: none;
    background: none;
    padding: 0;
}

    .seach__all__web button i {
        color: #9199B2;
        font-size: 18px;
    }

.seach__all__web input {
    width: 100%;
    border: 0;
    outline-style: none;
    padding: 20px 10px;
    color: #13151B;
    line-height: 24px;
    font-size: 14px;
}

#typeahead-suggestions {
    background: #fff;
    padding: 10px;
}

.seach__button__all {
    text-align: center;
}

    .seach__button__all a {
        color: #0042FC;
        font-size: 14px;
        line-height: 32px;
        display: block;
    }

.suggestion-text {
    box-shadow: inset 0px -1px 0px #f0f0f0;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 12px;
    gap: 8px;
    justify-content: space-between;
}

    .suggestion-text:last-child {
        box-shadow: 0 0 0 0;
    }

    .suggestion-text a i {
        color: #121212;
        font-size: 16px;
    }

    .suggestion-text a {
        color: #13151B;
        font-size: 14px;
        line-height: 24px;
        display: flex;
        gap: 8px;
        align-items: center;
    }

        .suggestion-text a b {
            font-weight: 600;
            font-family: "Roboto-Bold";
        }

.in__of {
    color: #5F6988;
}

ins {
    text-decoration: none;
}

.suggestion-text a.labe__of__cate {
    display: inline-block;
    color: #0042FC;
    font-size: 14px;
    line-height: 24px;
    background: #F2F5FF;
    border-radius: 72px;
    padding: 0px 8px;
}

.reseach {
    text-align: center;
    color: #fff;
    font-size: 20px;
    line-height: 32px;
}

.reseach__item {
    color: #fff;
    font-size: 20px;
}

.list__fill__seach {
    display: flex;
    width: 100%;
    justify-content: center;
    gap: 40px;
    align-items: center;
}

    .list__fill__seach a {
        font-size: 14px;
        color: #5F6988;
        line-height: 24px;
        position: relative;
    }

        .list__fill__seach a.active {
            color: #0042FC;
            font-family: "Roboto-Bold";
        }

        .list__fill__seach a:hover {
            color: #0042FC;
        }

        .list__fill__seach a.active:after {
            content: "";
            position: absolute;
            left: 0;
            bottom: -16px;
            width: 100%;
            height: 3px;
            background: #0042FC;
        }

.tab___filter__seach {
    padding: 40px 0 50px;
}

.title__seach {
    display: flex;
    width: 100%;
    gap: 8px;
    margin-bottom: 24px;
    align-items: center;
}

    .title__seach span {
        color: #13151B;
        font-size: 24px;
        line-height: 36px;
    }

.topics__brank {
    overflow: hidden;
    clear: both;
    margin: 0 -12px;
}

    .topics__brank .item_topics__seach {
        width: 33.333%;
        float: left;
        padding: 0 12px;
    }

        .topics__brank .item_topics__seach .course__nth a {
            padding: 0;
        }

.seach__topics {
    padding: 30px 0;
}

.seach__mitem {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    margin-bottom: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid #E6E8EE;
}

.img__mitem {
    width: 250px;
    max-width: 250px;
}

.content__mitem {
    max-width: calc(100% - 250px);
    padding-right: 24px;
    width: calc(100% - 250px);
}

.list__seach__mitem .seach__mitem:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border: 0;
}

.bank_kid {
    display: block;
    margin: 0 0 8px 0;
    color: #9199B2;
    padding: 0;
    line-height: 24px;
    font-size: 14px;
}

.seach__mitem h3 {
    margin: 0 0 8px 0;
}

    .seach__mitem h3 a {
        color: #13151B;
        font-size: 20px;
        line-height: 32px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }

.des__mitem {
    margin-bottom: 18px;
}

    .des__mitem p {
        margin: 0;
        color: #393F51;
        font-size: 16px;
        line-height: 24px;
        height: 48px;
        overflow: hidden;
    }

.label__brand {
    clear: both;
    display: flex;
    width: 100%;
    gap: 8px;
}

    .label__brand a {
        background: #F2F5FF;
        border-radius: 72px;
        font-size: 14px;
        line-height: 24px;
        color: #0042FC;
        padding: 3px 10px;
    }

.img__mitem a {
    display: block;
    line-height: 0;
}

    .img__mitem a img {
        object-fit: cover;
        width: 250px;
        height: 250px;
    }

.star__price__seach {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 56px;
}

.price__seach {
    color: #393F51;
    font-size: 20px;
    line-height: 32px;
}

.star__price__seach span {
    display: flex;
    gap: 2px;
    align-items: center;
}

    .star__price__seach span i {
        font-size: 12px;
        color: #FECE00;
    }

    .star__price__seach span ins {
        text-decoration: none;
        color: #9199B2;
        font-size: 14px;
        padding-left: 5px;
    }

.seach__mitem .use__single__document {
    margin-bottom: 0;
    margin-top: 40px;
}

.seach__mitem .name__use__single {
    color: #13151B;
    font-size: 14px;
    line-height: 24px;
}

.seach__mitem .name__date {
    color: #ACB2C5;
    font-size: 14px;
    line-height: 24px;
}

.seach__mitem .img__use__document {
    width: 40px;
}

    .seach__mitem .img__use__document img {
        width: 40px;
        height: 40px;
    }

.filter__castudy {
    padding: 100px 0 60px;
}
/*
case study
*/
.list__case__study {
    clear: both;
    margin: 0 -12px;
    display: flex;
    flex-wrap: wrap;
}

.item__case__study {
    float: left;
    width: 25%;
    padding: 0 12px 40px;
    position: relative;
    position: relative;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease,-webkit-transform .3s ease;
}

    .item__case__study a {
        display: block;
        line-height: 0;
    }

        .item__case__study a > img {
            width: 100%;
            height: 300px;
            object-fit: cover;
            position: relative;
            z-index: 9;
        }

    .item__case__study .content__item__case__study {
        position: relative;
        padding: 24px 0 0 0;
    }

        .item__case__study .content__item__case__study h3 {
            margin-bottom: 16px;
        }

            .item__case__study .content__item__case__study h3 a {
                display: block;
                color: rgba(19, 21, 27, 1);
                font-size: 20px;
                line-height: 32px;
                height: 64px;
                overflow: hidden;
            }

.des__case__study {
    margin-bottom: 26px;
}

    .des__case__study p {
        color: #393F51;
        font-size: 16px;
        line-height: 24px;
        height: 48px;
        overflow: hidden;
        margin: 0;
    }

.label__case__study {
    color: #9199B2;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 8px;
}

.use__single {
    display: flex;
    align-items: center;
    gap: 16px;
    width: 100%;
}

    .use__single .img__use {
        width: 40px;
    }

        .use__single .img__use img {
            width: 40px;
            height: 40px;
            border-radius: 100%;
            object-fit: cover;
        }

.name__use__name {
    font-size: 14px;
    line-height: 24px;
    display: flex;
    gap: 8px;
    align-items: center;
}

.name__date__date {
    font-size: 14px;
    line-height: 24px;
    color: #ACB2C5;
}
/*
chi tiết case study
*/
.offer__study {
    padding: 130px 0 60px;
}

.title__offer {
    color: #13151B;
    font-size: 40px;
    line-height: 48px;
    margin-bottom: 40px;
}

.item__offer .ct__offer h3 {
    margin-bottom: 20px;
}

    .item__offer .ct__offer h3 a {
        display: block;
        color: #000000;
        font-size: 28px;
        line-height: 40px;
        height: 80px;
        overflow: hidden;
    }

.image__offer {
    margin-bottom: 20px;
}

    .image__offer a {
        display: block;
        line-height: 0;
    }

    .image__offer > img {
        width: 100%;
        height: 405px;
        object-fit: cover;
    }

.des__offer {
    font-size: 18px;
    color: #393F51;
    line-height: 32px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #E6E8EE;
}

.use__single .img__use.img__60 {
    width: 60px;
    min-width: 60px;
}

    .use__single .img__use.img__60 img {
        width: 60px;
        height: 60px;
    }

.item__offer {
    margin-bottom: 40px;
}

    .item__offer:last-child {
        margin-bottom: 0;
    }

.chuyengia {
    font-weight: 400;
    color: #5F6988;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
}

    .chuyengia i {
        font-size: 3px;
    }

.post-share__post__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 40px;
}

.post__comment {
    display: flex;
    gap: 30px;
}

    .post__comment a {
        display: flex;
        align-items: center;
        color: #5F6988;
        font-size: 15px;
        gap: 4px;
        line-height: 18px;
    }

        .post__comment a ins {
            text-decoration: none;
            font-size: 12px;
        }

.shate__po {
    display: flex;
    align-items: center;
    color: #5F6988;
    gap: 10px;
}

    .shate__po a {
        width: 40px;
        height: 40px;
        border: 1px solid #E6E8EE;
        text-align: center;
        line-height: 40px;
        display: flex;
        align-items: center;
        justify-content: space-around;
    }

        .shate__po a i {
            color: #5F6988;
            font-size: 15px;
        }

.use__single__post__footer {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    width: 100%;
    padding: 24px 0 0 0;
    border-top: 1px solid #E6E8EE;
    margin-top: 24px;
}

.des__use__s {
    color: #393F51;
    font-size: 16px;
    line-height: 24px;
}

.use__single__post__footer .name__use__name {
    margin-bottom: 4px;
    line-height: 32px;
    display: block;
}

.use__single__post__footer .chuyengia {
    margin-bottom: 4px;
    display: block;
    line-height: 24px;
}

.img__post__futr {
    text-align: center;
}

/*
archiver chuyĂªn mục
*/
.cate__explore {
    padding: 100px 0 80px;
}

.explore__explore {
    margin-top: -276px;
    padding-bottom: 100px;
}

.explore_route {
    padding: 100px 0;
    background: #FBFBFC;
}

.explore__colum {
    display: flex;
    justify-content: space-between;
}

    .explore__colum .right__explore {
        width: 546px;
        min-width: 546px;
    }

    .explore__colum .left__explore {
        width: 546px;
        min-width: 546px;
    }

.title__explore {
    font-size: 40px;
    color: #13151B;
    margin-bottom: 24px;
    line-height: 48px;
}

.des__explore {
    font-size: 18px;
    color: #393F51;
    line-height: 28px;
    margin-botom: 40px;
}

.explore_route .button__discover {
    margin-bottom: 0;
}

.list__expo {
    padding: 72px 45px;
    background: #fff;
    max-width: 1116px;
    position: relative;
}

    .list__expo:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 94px;
        height: 67px;
        background: url(../img/v.png)no-repeat;
        background-size: contain;
    }

.explore__item {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    padding-bottom: 64px;
    margin-bottom: 64px;
    border-bottom: 1px solid #ACB2C5;
}

    .explore__item:last-child {
        margin-bottom: 0;
        border-bottom: 0;
        padding-bottom: 0;
    }

    .explore__item .stt__ex {
        margin-right: 32px;
        min-width: 15px;
        width: 15px;
        color: #9199B2;
        font-size: 18px;
        line-height: 32px;
    }

    .explore__item .title__explore__tt {
        min-width: 493px;
        width: 493px;
    }

        .explore__item .title__explore__tt a {
            display: block;
            color: #13151B;
            font-size: 28px;
            line-height: 40px;
            height: 80px;
            overflow: hidden;
        }

    .explore__item .des__expl {
        color: #393F51;
        font-size: 16px;
        line-height: 24px;
        padding-left: 49px;
    }

.explore__section {
    padding: 40px 0;
    position: relative;
}

    .explore__section:before {
        content: "";
        position: absolute;
        left: 0;
        width: 100%;
        height: 524px;
        background: #13151B;
        top: 0;
    }

    .explore__section:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 723px;
        height: 656px;
        background: url(../img/Looper-11.png)no-repeat;
        background-size: 100%;
    }

    .explore__section .item__first__cours {
        margin-bottom: 40px;
    }

        .explore__section .item__first__cours:last-child {
            margin-bottom: 0;
        }

.ic__ci {
    font-size: 14px;
    line-height: 24px;
}

    .ic__ci i {
        color: #00C851;
    }

/*
page lien hệ
*/
.contact__content {
    padding: 40px 0 0;
}

.contact__layout {
    display: flex;
    justify-content: space-between;
}

    .contact__layout .contact__left {
        max-width: 395px;
        width: 395px;
    }

    .contact__layout .contact__right {
        width: 546px;
        min-width: 546px;
    }

.title__contact {
    color: #13151B;
    font-size: 40px;
    line-height: 48px;
    margin-bottom: 32px;
}

.item__contact .tt__contact {
    font-size: 16px;
    line-height: 24px;
    color: #13151B;
    margin-bottom: 8px;
}

.des__contact {
    font-size: 16px;
    color: #393F51;
    line-height: 24px;
    margin-bottom: 8px;
}

    .des__contact i {
        font-size: 14px;
        color: #A0AEC0;
        margin-right: 6px;
    }

.item__contact {
    margin-bottom: 32px;
}

.shar__page {
    display: flex;
    align-items: center;
    gap: 8px;
}

    .shar__page a {
        display: flex;
        align-items: center;
        justify-content: space-around;
        width: 32px;
        height: 32px;
        background: #F2F5F8;
        border-radius: 100%;
    }

        .shar__page a i {
            font-size: 15px;
            color: #7E8CA0;
        }

.avt__avt {
    position: absolute;
    bottom: 0;
    left: 0;
}

@media screen and (max-width: 1253px) {
    .avt__avt img {
        max-width: 50%;
    }
}

/*
trang about 
*/
.about__layout {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: flex-start;
    gap: 138px;
}

.about__left {
    width: 546px;
    min-width: 546px;
}

.about__right {
    width: 432px;
    min-width: 432px;
}

    .about__right p {
        margin: 0;
        font-size: 16px;
        line-height: 24px;
        color: #393F51;
        margin-bottom: 32px;
    }

.about__section {
    padding: 120px 0;
}

.title__about {
    font-size: 60px;
    color: #13151B;
    line-height: 72px;
}

    .title__about span {
        color: #0042FC;
    }

.value__layout {
    background: #F8F8FA;
    padding: 100px 134px;
    z-index: 1;
    position: relative;
}

.title__value {
    color: #13151B;
    font-size: 60px;
    line-height: 72px;
    margin-bottom: 60px;
    text-align: center;
}

.list__about__vl {
    clear: both;
    margin: 0 -30px;
    display: flex;
    flex-wrap: wrap;
}

    .list__about__vl .list__value__about {
        float: left;
        width: 33.333%;
        padding: 0 30px 0px;
        position: relative;
        position: relative;
        -webkit-transition: -webkit-transform .3s ease;
        transition: -webkit-transform .3s ease;
        transition: transform .3s ease;
        transition: transform .3s ease,-webkit-transform .3s ease;
    }

.inner__value__about {
    background: #fff;
    padding: 30px;
}

    .inner__value__about .img__value__stt {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 20px;
    }

        .inner__value__about .img__value__stt .icon__vl {
            width: 70px;
            height: 70px;
            text-align: center;
            position: relative;
            background: #0042FC;
            border-radius: 100%;
        }

            .inner__value__about .img__value__stt .icon__vl img {
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                margin: auto;
                max-height: 30px;
            }

        .inner__value__about .img__value__stt ins {
            font-size: 60px;
            color: #F3F3F6;
            line-height: 70px;
        }

    .inner__value__about .tieude__ab {
        color: #13151B;
        font-size: 20px;
        line-height: 32px;
        margin-bottom: 12px;
    }

    .inner__value__about .list__vl__ab {
        padding: 0;
        margin: 0;
    }

.list__vl__ab li {
    list-style: none;
    font-size: 18px;
    color: #5F6988;
    line-height: 32px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
}

    .list__vl__ab li:last-child {
        margin-bottom: 0;
    }

    .list__vl__ab li i {
        color: #0042FC;
        font-size: 13px;
    }

.vision__layout {
    position: relative;
}

    .vision__layout .box__vision {
        padding: 89px 40px;
        background: #fff;
        max-width: 544px;
        position: absolute;
        right: 0;
        top: -290px;
    }

.title__vision {
    font-size: 60px;
    color: #13151B;
    line-height: 72px;
    margin-bottom: 24px;
}

.des__vision {
    font-size: 18px;
    color: #393F51;
    line-height: 32px;
    margin-bottom: 0;
}

.vision__layout {
    padding-bottom: 273px;
}

.vision__section {
    position: relative;
}

    .vision__section:before {
        content: "";
        position: absolute;
        left: 0;
        width: 100%;
        height: 917px;
        background: #13151B;
        top: 358px;
    }

    .vision__section:after {
        content: "";
        position: absolute;
        top: 452px;
        left: 0;
        width: 432px;
        height: 569px;
        background: url(../img/after.png)no-repeat;
    }

.title__about span ins {
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(100% + 20px);
    height: calc(100% + 20px);
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    overflow: visible;
}

.title__about span {
    color: #0042FC;
    display: inline-block;
    position: relative;
}

    .title__about span ins path {
        stroke: #0E1A58;
        stroke-width: 5px;
        -webkit-animation: elementor-headline-dash forwards;
        animation: elementor-headline-dash forwards;
        -webkit-animation-duration: var(--animation-duration,1.2s);
        animation-duration: var(--animation-duration,1.2s);
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
        stroke: red;
        stroke-width: 9;
        fill: none;
        opacity: 0;
        stroke-dasharray: 0 1500;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
    }


.circle-sketch-highlight:before {
    content: "";
    z-index: -1;
    left: -19px;
    top: 0;
    border-width: 2px;
    border-style: solid;
    border-color: #ef8c22;
    position: absolute;
    border-right-color: transparent;
    width: 100%;
    height: 73px;
    transform: rotate(347deg);
    opacity: 1;
    border-radius: 100%;
    padding: 0px;
}

.circle-sketch-highlight:after {
    content: "";
    z-index: -1;
    left: 3px;
    top: 0;
    padding: 0;
    border-width: 2px;
    border-style: solid;
    border-color: #ef8c22;
    border-left-color: transparent;
    border-top-color: transparent;
    position: absolute;
    width: 100%;
    height: 65px;
    transform: rotate(333deg);
    opacity: 1;
    border-radius: 100%;
}

/*
trang chủ
*/
.main__main {
    padding: 84px 0 0;
}

.content__main__home {
    display: flex;
    justify-content: space-between;
}

    .content__main__home .main__left {
        width: 546px;
        min-width: 546px;
    }

    .content__main__home .main__right {
        width: 546px;
        min-width: 546px;
    }

.title__main__home {
    font-size: 60px;
    color: #13151B;
    line-height: 72px;
    margin-bottom: 40px;
}

.des__main {
    font-size:;
    color: #393F51;
    font-size: 18px;
    line-height: 32px;
    margin-bottom: 40px;
}

.seach__home .seach__text__input {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    padding: 0;
    gap: 12px;
    margin: 0;
}

    .seach__home .seach__text__input button {
        width: 140px;
        padding: 18px 20px;
        background: #0042FC;
        color: #fff;
        font-size: 18px;
        line-height: 32px;
        min-width: 140px;
    }

    .seach__home .seach__text__input input {
        background: #F2F5FF;
        font-size: 14px;
        color: #ACB2C5;
        line-height: 24px;
    }

.seach__home #typeahead-suggestions {
    background: #F2F5FF;
    padding: 10px;
    margin-top: 8px;
}

.seach__home .suggestion-text a {
    font-size: 13px;
}

.text__main__kdi {
    text-align: center;
    color: #F3F3F6;
    font-size: 269.823px;
    line-height: 386px;
    letter-spacing: 0.02em;
}

.main__body__home {
    padding: 60px 0;
}

.screen__full {
    display: flex;
    gap: 24px;
    padding-bottom: 60px;
}

    .screen__full .screen__left__content {
        min-width: 546px;
        width: 546px;
    }

    .screen__full .screen__right__content {
        min-width: 432px;
        width: 432px;
    }

.title__field {
    color: #fff;
    position: relative;
    z-index: 9;
    font-size: 60px;
    line-height: 72px;
}

.des__screen {
    color: #FBFBFC;
    font-size: 16px;
    line-height: 24px;
}

.main__black {
    background: #13151B;
    width: 100%;
    min-height: 100vh;
}

.linh__vuc {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

    .linh__vuc .item__linhvuc {
        width: 14.583333333%;
        transition: all .2s linear;
    }

        .linh__vuc .item__linhvuc.linhvuc__active {
            width: 35.714285714%;
        }

.item__linhvuc .img__lv a {
    display: block;
    line-height: 0;
}

.img__lv a img {
    width: 100%;
    height: 578px;
    object-fit: cover;
}

.inner__lvuc {
    position: relative;
    overflow: hidden;
}

    .inner__lvuc .content__lv {
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.58) 41.38%, rgba(0, 0, 0, 0.9) 100%);
        backdrop-filter: blur(5px);
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 42px 20px 30px;
    }

.hover__lv__content {
    transition: transform 0.4s;
    transform: translateY(100%);
}

.inner__lvuc .content__lv h2 {
    margin: 0 0 12px 0;
    transform: translateY(-100%);
    transition: transform 0.4s;
}

    .inner__lvuc .content__lv h2 a {
        color: #fff;
        font-size: 24px;
        line-height: 36px;
        display: block;
    }

.inner__lvuc .content__lv .des__linhvuc {
    font-size: 18px;
    color: #FFFFFF;
    line-height: 32px;
    max-height: 64px;
    overflow: hidden;
    display: none;
}

.linh__vuc .item__linhvuc.linhvuc__active .inner__lvuc .content__lv {
    padding: 14px 20px;
}

    .linh__vuc .item__linhvuc.linhvuc__active .inner__lvuc .content__lv .des__linhvuc {
        display: block;
    }

    .linh__vuc .item__linhvuc.linhvuc__active .inner__lvuc .content__lv h2 a {
        color: #F66B2D;
    }

.item__linhvuc:hover .content__lv {
    padding: 14px 20px;
}

.item__linhvuc:hover .hover__lv__content {
    transform: translateY(0);
}

    .item__linhvuc:hover .hover__lv__content .des__linhvuc {
        display: block;
    }

.item__linhvuc:hover .content__lv h2 {
    transform: translateY(0);
}

.item__linhvuc.linhvuc__active .hover__lv__content {
    transform: translateY(0);
}

.item__linhvuc.linhvuc__active .content__lv h2 {
    transform: translateY(0);
}

.icon__note i {
    color: #fff;
    transform: rotate(316deg);
}

.note__linhvuc {
    width: 196px;
    height: 188px;
    background: #393F51;
    padding: 20px;
    overflow: hidden;
}

.title__note {
    font-size: 20px;
    line-height: 32px;
    color: #fff;
    margin-bottom: 4px;
}

.des_stick_note {
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    margin-bottom: 12px;
}

.screen__full__center {
    justify-content: space-between;
    padding-bottom: 16px;
}














/*
man home 4
*/
.main__cate {
    padding: 30px 0;
    position: relative;
}

.button__cate__chd a {
    font-size: 18px;
    line-height: 32px;
    color: #fff;
    padding: 18px 20px;
    background: #0042FC;
    display: inline-block;
}

.button__cate__chd {
    margin-bottom: 26px;
    display: block;
    clear: both;
}

.list__cate__parent {
    display: flex;
    gap: 24px;
    align-items: center;
    margin-bottom: 26px;
}

    .list__cate__parent a {
        color: #5F6988;
        font-size: 18px;
        line-height: 32px;
        display: flex;
        align-items: center;
        gap: 6px;
    }

        .list__cate__parent a i {
            font-size: 8px;
        }

        .list__cate__parent a.active__cate,
        .list__cate__parent a.active__cate i,
        .list__cate__parent a:hover {
            color: #0042FC
        }

.list__child__category {
    max-width: 660px;
}

    .list__child__category .category__child {
        background: #F3F3F6;
        margin-top: 24px;
    }

.category__child {
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 0 30px;
    height: 204px;
    text-align: center;
}

    .category__child a {
        display: block;
        color: #13151B;
        font-size: 20px;
        line-height: 32px;
    }

.list__child__category .owl-nav {
    position: absolute;
    left: 178px;
    top: -94px;
    margin: 0;
}

    .list__child__category .owl-nav button.owl-prev {
        background: #ACB2C5 !important;
    }

    .list__child__category .owl-nav button {
        width: 68px;
        height: 68px;
        background: #393F51 !important;
        text-align: center;
        margin: 0 0.5px !important;
        min-height: initial;
        color: #fff !important;
        font-size: 40px !important;
    }

        .list__child__category .owl-nav button:hover {
            background: #5F6988 !important;
        }

.cate__chude {
    font-size: 14px;
    color: #5F6988;
    line-height: 24px;
    margin-bottom: 2px;
}

.box__cate__chude {
    display: flex;
    margin-bottom: 32px;
    gap: 24px;
}

    .box__cate__chude .colum__left__cd {
        width: 432px;
        min-width: 432px;
    }

    .box__cate__chude .colum__right__cd {
        width: 318px;
        min-width: 318px;
    }

.tt__child__cd {
    font-size: 40px;
    line-height: 48px;
    color: #13151B;
}

.box__cate__chude .colum__right__cd .des__cd__s {
    color: #393F51;
    font-size: 16px;
    line-height: 24px;
}

.colum__right__cate img {
    position: fixed;
    bottom: 0;
    right: 0;
}

/*
mà n hình 5
*/
.main__black__text__white {
    margin-bottom: 42px;
}

    .main__black__text__white a {
        color: #ACB2C5;
    }

        .main__black__text__white a.active__cate,
        .main__black__text__white a:hover {
            color: #fff;
        }

.couse__lv__layout {
    display: flex;
    justify-content: space-between;
}

    .couse__lv__layout .lef__cr__lv {
        width: 453px;
        min-width: 453px;
    }

.right__cr__lv {
    width: calc(100% - 453px);
    min-width: calc(100% - 453px);
    padding-left: 24px;
}

.cate__chude__white {
    color: #ACB2C5;
}

.colum__cour__cate__des {
    display: flex;
    justify-content: space-between;
    min-height: 168px;
}

.left__one__tt {
    width: 432px;
    min-width: 432px;
}

.right__one__tt {
    width: 432px;
    min-width: 432px;
    padding-left: 24px;
}

.tt__child__cd__white, .des__cd__s__white {
    color: #FFFFFF;
}

.des__cd__s__white {
    font-size: 16px;
    line-height: 24px;
}

.title__case__study__white {
    margin-bottom: 0;
}

    .title__case__study__white a {
        color: #fff !important;
    }

.couse__blog__case .item__case__study {
    width: 100%;
    padding: 0;
}

    .couse__blog__case .item__case__study a img {
        height: 273px;
    }

.view__detail {
    text-align: right;
    margin-bottom: 40px;
}

    .view__detail a {
        margin-right: 150px;
        font-size: 18px;
        line-height: 32px;
        color: #fff;
        padding: 18px 20px;
        background: #0042FC;
        display: inline-block;
        width: 167px;
        text-align: center;
    }

.couse__blog__case .owl-nav {
    position: absolute;
    right: 0;
    top: -108px;
    margin: 0;
}

    .couse__blog__case .owl-nav button.owl-prev {
        background: #ACB2C5 !important;
    }

    .couse__blog__case .owl-nav button {
        width: 68px;
        height: 68px;
        background: #393F51 !important;
        text-align: center;
        margin: 0 0.5px !important;
        min-height: initial;
        color: #fff !important;
        font-size: 40px !important;
    }

        .couse__blog__case .owl-nav button:hover {
            background: #5F6988 !important;
        }

/*
khĂ³a học tĂ i liệu
*/

.file____section {
    padding: 60px 0;
    position: relative;
    background: #E5E5E5;
}

    .file____section:before {
        content: "";
        position: absolute;
        left: 0;
        width: 100%;
        height: 380px;
        background: #13151B;
        top: 0;
    }

    .file____section:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 380px;
        background: url(../img/tailieu.png)no-repeat;
        background-size: 100%;
    }

.title__file__tk {
    color: #fff;
    font-size: 60px;
    line-height: 72px;
    margin-bottom: 60px;
    text-align: center;
}

.box__colum__course__cn {
    background: #fff;
    padding: 60px 45px;
}

.tt__fl__tt {
    color: #13151B;
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 8px;
}

.ls__file__ls {
    margin: 0;
    padding: 0;
}

    .ls__file__ls li {
        list-style: none;
        margin: 0 0 8px 0;
        padding: 0;
    }

        .ls__file__ls li:last-child {
            margin-bottom: 0;
        }

        .ls__file__ls li a {
            color: #0042FC;
            font-size: 14px;
            line-height: 24px;
        }

            .ls__file__ls li a i {
                font-size: 13px;
                color: #121212;
                margin-right: 10px;
            }

.team__file {
    padding-bottom: 32px;
    margin-bottom: 32px;
    border-bottom: 1px solid #E6E8EE;
}

.list__file__all {
    text-align: right;
    padding-top: 28px;
}

    .list__file__all a {
        color: #0042FC;
        font-size: 16px;
        line-height: 24px;
        padding: 8px 16px;
        border: 1px solid #0042FC;
        display: inline-block;
    }

.ls__file__ls li a i.fa-arrow-down-to-line {
    font-size: 20px;
}

.anhchungnhan {
    margin-bottom: 20px;
}

.share__chungnhan {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 60px;
}

.down__chungnhan a {
    color: #0042FC;
    font-size: 16px;
}

    .down__chungnhan a i {
        margin-right: 4px;
        color: #0042FC;
        font-size: 16px;
    }

.title__review__in__cn {
    color: #13151B;
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 16px;
}
/*
khĂ³a học thĂ´ng tin
*/
.c__course__if {
    margin-bottom: 30px;
}

.box__tt__kh__box {
    margin-bottom: 60px;
}

.view__xemthem {
    text-align: center;
}

.list__lt__course {
    margin: 0;
    padding: 0;
    background: #F8F8FA;
}

    .list__lt__course li {
        list-style: none;
        overflow: hidden;
    }

        .list__lt__course li .left__lt {
            width: 200px;
            display: block;
            float: left;
            color: #13151B;
            font-size: 16px;
            line-height: 24px;
            padding: 18px 45px;
            box-shadow: 1px 0px 0px #e6e8ee;
        }

        .list__lt__course li .right__lt {
            width: calc(100% - 200px);
            display: block;
            float: right;
            padding: 18px 24px;
        }

.lotrinh__khoahoc {
    margin-bottom: 60px;
}

.list__lt__course li:nth-child(2n) {
    background: #fff;
}

.list__lt__course li .left__lt i {
    margin-right: 6px;
}

.list__lt__course li .right__lt ins {
    color: #9199B2;
}

.list__lt__course li .right__lt i {
    color: #FECE00
}

.c__course__if p {
    color: #393F51;
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 24px 0;
}
/*
footer
*/
.section__hotro {
    background: #021dce;
    padding: 30px 0;
}

.list__icon__box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 80px;
}

    .list__icon__box .icon__box {
        min-width: calc(33.333% - 80px);
    }

.icon__box {
    display: flex;
    align-items: center;
    gap: 15px;
}

    .icon__box .img__icon {
        min-width: 60px;
    }

    .icon__box .tt__ic {
        font-size: 16px;
        color: #fff;
        text-transform: uppercase;
        line-height: 30px;
        margin: 0 0 3px 0;
        font-weight: 600;
    }

    .icon__box .des__ic {
        font-size: 13px;
        color: #fff;
        line-height: 20px;
    }

.inner__coppy {
    overflow: hidden;
    clear: both;
    padding: 20px 0 0;
    border-top: 2px dashed #7f8fe4;
}

.coppy__right {
    float: left;
    width: 66.6666666667%;
    padding-right: 15px;
    padding-top: 20px;
}

    .coppy__right p, .gopy p {
        margin: 0;
        font-size: 14px;
        line-height: 23px;
        color: #fff;
    }

.gopy {
    float: right;
    width: 33.3333333333%;
    padding-left: 15px;
}

.tt__footer {
    font-size: 17px;
    color: #fff;
    text-transform: uppercase;
    display: block;
    border: 0;
    padding: 0;
    font-weight: 600;
    line-height: 30px;
    margin: 0;
}

.gopy a {
    margin: 0;
    margin-top: 12px;
    border-radius: 6px;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 14px;
    padding: 0 20px;
    background-color: #021dce;
    color: #fff;
    line-height: 35px;
    display: inline-block;
}

    .gopy a i {
        font-size: 13px;
        margin-right: 5px;
    }

    .gopy a:hover {
        background: #eb3f57;
        color: #fff;
    }

.section__thongtin {
    overflow: hidden;
    clear: both;
    padding: 50px 0 0;
    /*    background: #ffff;*/
    /*background: url(../img/bg.jpg) no-repeat;
background-size: cover;*/
}

.footer__copyright {
    /*    background: #fff;*/
}

.section__thongtin .footer__widget__one {
    width: 25%;
    float: left;
    padding: 15px;
    background: hsl(217.83deg 81.53% 48.82% / 34%);
    border-radius: 10px;
}

.section__thongtin .footer__widget__tow {
    width: 50%;
    padding: 0 30px;
    float: left;
}

.section__thongtin .footer__widget__three {
    width: 25%;
    float: left;
}

.box__zalo {
    margin-bottom: 20px;
}

    .box__zalo .inner__Zalo {
        display: flex;
        gap: 20px;
        flex-wrap: wrap;
        padding: 20px;
        background: #f3f3f3;
        border-radius: 3px;
    }

        .box__zalo .inner__Zalo .zalo__call {
            width: calc(33.333% - 20px);
        }

.zalo__call a {
    display: flex;
    gap: 10px;
    align-items: center;
}

    .zalo__call a img {
        max-width: 40px;
        border-radius: 100%;
        width: 40px;
        height: 40px;
        object-fit: cover;
    }

.zalo__call .content__zalo label {
    display: block;
    color: #021dce;
    font-size: 13px;
    line-height: 24px;
}

.zalo__call .content__zalo ins {
    color: #777777;
    font-size: 14px;
}

.slogan__footer {
    background: #f3f3f3;
    padding: 10px 0;
    text-align: center;
    font-size: 13px;
    border-radius: 3px;
    margin-bottom: 15px;
    font-weight: 600;
    line-height: 24px;
}

.thongbao__bct {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-bottom: 20px;
}

.title__footer {
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    display: block;
    border: 0;
    padding: 0;
    font-weight: 600;
    line-height: 30px;
    margin: 0 0 10px 0;
}

.inner__footer__nt2 {
    overflow: hidden;
    padding: 10px;
    border-radius: 5px;
    background: #f3f3f3;
    margin-bottom: 15px;
}

    .inner__footer__nt2 .title__footer {
        color: #333;
    }

.center_center {
    text-align: center;
    display: block;
    width: 100%;
}

.list__info__socical {
    overflow: hidden;
    clear: both;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 80%;
    margin: auto;
}

    .list__info__socical .item__footer__socical {
        width: 50%;
        min-width: 50%;
    }

.item__footer__socical {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-bottom: 10px;
}

.icon__socical {
    min-width: 44px;
    width: 44px;
}

.item__footer__socical {
    font-size: 15px;
}

    .item__footer__socical span {
        color: #333;
        display: block;
        font-size: 15px;
        line-height: 24px;
        margin: 0 0 3px 0;
    }

    .item__footer__socical a {
        color: #333;
        font-size: 15px;
        font-weight: 500;
        display: block;
        line-height: 22px;
    }

    .item__footer__socical.item__tel_socical a {
        color: #d10101;
        font-size: 17px;
        font-weight: 600;
        display: block;
        line-height: 30px;
    }

    .item__footer__socical a:hover {
        color: #ffba43;
    }

.menu__footer {
    padding: 0;
    margin: 0 0 15px 0;
}

    .menu__footer li {
        list-style: none;
    }

        .menu__footer li a {
            color: #fff;
            font-size: 15px;
            line-height: 30px;
            /*    padding-left: 20px;*/
            /*    background: url(../img/menu.jpg)left center no-repeat;*/
            display: block;
            position: relative;
        }

            .menu__footer li a:before {
                content: "\f101";
                font-family: "Font Awesome 6 Pro";
                margin-right: 10px;
                font-size: 13px;
            }

            .menu__footer li a:hover {
                color: #ffba43;
            }

.hour_lv {
    padding: 10px 15px;
    background: #f0f0f0;
    border-radius: 5px;
}

    .hour_lv .hour__item {
        color: #777;
        font-size: 15px;
        line-height: 30px;
    }

.tel__footer {
    display: flex;
    gap: 30px;
    align-items: center;
    margin-bottom: 20px;
}

    .tel__footer .tel__tel a {
        color: #eb3f57;
        font-size: 32px;
        display: flex;
        align-items: center;
        gap: 6px;
    }

        .tel__footer .tel__tel a i {
            width: 30px;
            height: 30px;
            background: #eb3f57;
            font-size: 15px;
            display: inline-block;
            color: #fff;
            text-align: center;
            line-height: 30px;
            border-radius: 100%;
        }

    .tel__footer .mail__footer a,
    .tel__footer .mail__footer span {
        color: #fff;
        font-size: 14px;
        display: block;
        line-height: 26px;
    }

.info__company {
    margin: 0;
    padding: 0;
}

    .info__company li {
        list-style: none;
        color: #fff;
        font-size: 14px;
        line-height: 23px;
        margin-bottom: 10px;
    }

        .info__company li i {
            color: #021dce;
            margin-right: 5px;
        }

.ttt__ff__company p {
    color: #fff;
    font-size: 15px;
    line-height: 26px;
    margin: 0 0 15px 0;
}

.tt__company {
    font-size: 15px;
    color: #fff;
    line-height: 22px;
    margin-bottom: 8px;
    font-weight: 600;
}

.thuong__hieu {
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 10px;
}

    .thuong__hieu img {
        background: #fff;
        border-radius: 8px;
    }

.mobile__bct {
    display: none;
}

.filter__review__mobile {
    display: none;
}
/*css them*/
ul.noi_bat {
    background: rgb(240, 244, 247);
    margin-left: 0px !important;
    padding: 10px 10px 5px 0px;
}

.noi_bat li {
    list-style-type: inherit;
    margin: 3px 3px 3px 10px;
    line-height: 28px;
    font-size: 15px;
}

.des__cate__mt ul, .des__cate__mt li {
    list-style-type: inherit;
    margin: 3px 3px 3px 10px;
    line-height: 28px;
    font-size: 15px;
}

.des__cate__mt h3 {
    font-size: 16px;
    padding-bottom: 5px;
    padding-top: 10px;
}

.des__cate__mt h2 {
    font-size: 18px;
    padding-bottom: 5px;
    padding-top: 10px;
}

.des__cate__mt p {
    font-size: 15px;
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    line-height: 28px;
}

    .des__cate__mt p span {
        font-size: 15px !important;
    }

.noi_bat li {
    margin-left: 25px !important;
    line-height: 24px !important;
}

.des__cate__mt a {
    color: #1863e3;
}

.woocommerce-Tabs-panel,
.cont__cont {
    text-align: justify;
    line-height: 28px;
    font-size: 16px;
}

    .woocommerce-Tabs-panel h1,
    .cont__cont h1 {
        font-size: 30px;
        padding-bottom: 5px;
        padding-top: 10px;
        font-weight: 600;
    }

    .woocommerce-Tabs-panel h2,
    .cont__cont h2 {
        font-size: 24px;
        padding-bottom: 5px;
        padding-top: 10px;
        font-weight: 600;
    }

    .woocommerce-Tabs-panel h3,
    .cont__cont h3 {
        font-size: 20px;
        padding-bottom: 5px;
        padding-top: 10px;
        font-weight: 600;
    }

    .woocommerce-Tabs-panel h4,
    .cont__cont h4 {
        font-size: 16px;
        padding-bottom: 5px;
        padding-top: 10px;
        font-weight: 600;
    }

    .woocommerce-Tabs-panel h5,
    .cont__cont h5 {
        font-size: 14px;
        padding-bottom: 5px;
        padding-top: 10px;
        font-weight: 600;
    }

    .woocommerce-Tabs-panel img {
        width: 100%;
    }

    .woocommerce-Tabs-panel table {
        width: 100% !important;
    }

    .woocommerce-Tabs-panel iframe {
        width: 100%;
        min-height: 675px;
        border: 0 !important;
    }

    .woocommerce-Tabs-panel table td {
        padding: 10px;
    }

.cont__cont {
    font-size: 15px;
    line-height: 28px;
}

.des__cate__mt {
    font-size: 15px;
    line-height: 28px;
}

center {
    display: block;
    clear: both;
    margin: 0 0 20px 0;
}

    center span,
    center a {
        display: inline-block;
        width: 35px;
        height: 35px;
        text-align: center;
        line-height: 35px;
        font-size: 14px;
        border-radius: 4px;
        border: 1px solid #ddd;
    }

        center .current,
        center a:hover {
            background: #021dce;
            color: #fff;
        }

table td {
    padding: 10px !important;
}

.main__content {
    padding-bottom: 30px;
    overflow: hidden;
}

.trademark_logo_single {
    display: none;
}








/*

Mobile
*/

@media only screen and (max-width: 1024px) {
    .course__cart__all .container-xl {
        max-width: 100%;
        background: #fff;
        padding: 0;
        border-radius: 8px;
        overflow: hidden;
    }

    .wrap__taxonomy .row-flex {
        display: flex;
    }

    .layout__box__product__project {
        padding: 5px;
        overflow: hidden;
        clear: both;
        display: flex;
        flex-direction: column-reverse;
        background: #fff;
    }

    .box__right__product {
        width: initial;
    }

    .box__left__project {
        padding: 5px 0 0;
        background: #f2f2f2;
        margin: 0 0;
        width: initial;
    }

    .product__item {
        max-width: 50%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 50%;
        padding: 0 5px 10px;
    }

    .project__post {
        margin-bottom: 20px;
        width: 25%;
        float: left;
        padding: 0 10px;
    }

    .cate__product__home {
        margin-bottom: 0;
    }

    .section__thongtin .footer__widget__one {
        width: 100%;
        padding: 0;
    }

    .section__thongtin .footer__widget__tow {
        width: 100%;
        padding: 0;
    }

    .section__thongtin .footer__widget__three {
        width: 100%;
        padding: 0;
    }

    .row-flex {
        display: flex;
        flex-direction: column-reverse;
    }

    .left__sidebar,
    .right__content__pro {
        padding: 0;
        width: 100%;
        max-width: 100%;
        margin-bottom: 20px;
    }

    .wrap__taxonomy {
        padding: 0 10px;
    }

    .product-gallery,
    .product-info {
        max-width: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        padding: 0;
        margin-bottom: 20px;
    }

    .filter__review__pc {
        display: none;
    }

    .filter__review__mobile {
        display: block;
    }

        .filter__review__mobile select {
            width: 100%;
            height: 35px;
            border-radius: 5px;
            border: 1px solid #fe8524;
            padding: 0 10px;
            outline-style: none;
            color: #333;
        }

    .cart__container .cart__left {
        width: 100%;
        padding: 0;
    }

    .cart__container .cart__right {
        width: 100%;
        padding: 0;
    }

    .item__cart__course .cart__item__course {
        max-width: 100%;
        -ms-flex-preferred-size: 450px;
        flex-basis: 100%;
        display: flex;
        margin-right: 0;
        padding-bottom: 10px;
    }

    .pirce__item__cart {
        max-width: 100%;
        -ms-flex-preferred-size: 372px;
        flex-basis: 100%;
        display: flex;
        justify-content: space-between;
    }

    .item__cart__course {
        display: flex;
        width: 100%;
        padding-bottom: 20px;
        margin-bottom: 20px;
        border-bottom: 1px solid #E6E8EE;
        flex-direction: column;
    }

    .course__cart__all {
        padding: 20px 10px;
    }

    .title__log__course {
        margin-bottom: 20px;
    }
}


@media only screen and (max-width: 600px) {
    .box__left__project .view_smail_text {
        font-size: 14px;
        text-decoration: underline;
        color: #ff2238;
        padding: 0 0 10px 10px;
        display: inline-block;
    }

    .list__cate__home {
        overflow: hidden;
        clear: both;
        padding: 0 10px;
    }

        .list__cate__home .item__cate__home {
            float: left;
            width: 100%;
            position: relative;
            margin-bottom: 15px;
        }

    .list__5__pro .product__item {
        max-width: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    }

    .form__info .input_phone_call {
        width: calc(100% - 70px - 60px);
        position: relative;
    }

    .section {
        padding: 0 10px 20px;
    }

    .project__post {
        margin-bottom: 20px;
        width: 50%;
        float: left;
        padding: 0 10px;
    }

    .title__cate__link {
        background: #1762e2;
        display: flex;
        padding: 15px;
        align-items: flex-start;
        justify-content: space-between;
        flex-direction: column;
    }

        .title__cate__link ul li a {
            font-size: 11px;
            padding: 0 5px;
            line-height: 22px;
        }

        .title__cate__link h2 {
            margin-bottom: 5px;
        }

    .title__project {
        font-size: 13px;
    }

    .tt__pro_hot {
        font-size: 15px;
        padding: 0 0 10px 0;
    }

    .box__hot__pro {
        height: 450px;
        padding: 5px;
    }

    .title__cate__link ul {
        gap: 5px;
    }

    .list__review__home .inner__rev__home .img__rev__h img {
        height: 120px;
    }

    .title__page_info .section-title .section-title-main {
        font-size: 18px;
        line-height: 27px;
    }

    .img__posts a img {
        height: 120px;
    }

    .slider__posts .item__post {
        width: 50%;
    }

    .des__home__cus {
        max-width: 100%;
        font-size: 14px;
    }

    .section__khachhang .owl-nav button.owl-next {
        right: 25%;
    }

    .section__khachhang .owl-nav button.owl-prev {
        left: 25%;
    }

    .slider__post .owl-nav button {
        width: 25px;
        height: 25px;
    }

    .slider__post .owl-nav {
        position: relative;
        right: 0;
        top: 0;
        margin: 10px 0 0 0;
        text-align: center;
    }

    .list__icon__box {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        flex-direction: column;
    }

    .section__hotro {
        padding: 20px 10px;
        margin-bottom: 20px;
    }

    .tel__footer {
        display: none;
    }

    .zalo__call a img {
        max-width: 20px;
        width: 20px;
        height: 20px;
    }

    .box__zalo .inner__Zalo {
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 5px;
        background: #f3f3f3;
        border-radius: 3px;
    }

    .zalo__call .content__zalo label {
        font-size: 12px;
    }

    .zalo__call .content__zalo ins {
        font-size: 11px;
    }

    .box__zalo .inner__Zalo .zalo__call {
        width: calc(33.333% - 7px);
    }

    .zalo__call a {
        gap: 5px;
    }

    .coppy__right {
        margin-bottom: 10px;
    }

    .coppy__right,
    .gopy {
        padding: 0;
        width: 100%;
    }

    .pc__bct {
        display: none;
    }

    .mobile__bct {
        display: block;
    }

    .inner__coppy {
        padding-bottom: 0;
    }

    .list__cate__home .item__cate img {
        width: 100px !important;
        height: 100px;
    }

    .inner__product {
        box-shadow: inset 0 0 1px 1px #ccc;
    }

    .box__cate__seach {
        padding: 10px;
        background: #f2f2f2;
        clear: both;
        overflow: hidden;
    }

    .tag__seach {
        gap: 4px;
    }

    .post__project__news .item__post {
        width: 50%;
    }

        .post__project__news .item__post .img__posts img {
            height: 120px;
        }

    .left__sidebar {
        padding: 10px;
    }

    .item__post .box__post__img img {
        height: 140px;
    }

    .list__related__post .owl-nav {
        top: -125px;
    }

    .blog-share {
        gap: 0;
    }

    .chiase__title {
        font-size: 13px;
    }

    .heading-title-single h1 {
        font-size: 24px;
        line-height: 30px;
    }

    .heading-realate {
        font-size: 24px;
    }

    .price__single__pro {
        gap: 10px;
    }

        .price__single__pro ins {
            font-size: 25px;
        }

        .price__single__pro del {
            font-size: 13px;
        }

        .price__single__pro > span {
            font-size: 13px;
        }

    .box__deal__sale p {
        font-size: 15px;
        line-height: 22px;
        margin: 0px 0 10px 0;
    }

    .title__single__product {
        font-size: 23px;
        line-height: 30px;
        margin: 0 0 10px 0;
    }

    .star__single__pro {
        flex-wrap: nowrap;
        flex-direction: column;
        align-items: flex-start;
    }

    .form__info form > span {
        font-size: 13px;
        min-width: 120px;
    }

    .form__info form input[type=tel] {
        /*    width: calc(100% - 120px - 60px);*/
    }

    .product-main {
        margin-bottom: 0;
    }

    .section__project__single {
        padding: 0;
    }

    .tab-panels iframe {
        width: 100%;
        height: 250px;
        min-height: 250px;
    }

    .left__info__single {
        width: 100%;
    }

    .right__info__single {
        width: 100%;
    }

    .title__star__pro {
        font-size: 22px;
        line-height: 29px;
        margin: 0 0 20px 0;
    }

    .star_box {
        display: flex;
        flex-direction: column;
        gap: 10px;
        margin-bottom: 20px;
    }

    .star-average,
    .star_box_left,
    .witer__review {
        width: 100%;
        margin-bottom: 10px;
    }

    .head__comment {
        gap: 10px;
    }

        .head__comment .img__use__comment {
            width: 40px;
            min-width: 40px;
        }

            .head__comment .img__use__comment img {
                border-radius: 100%;
                border: 1px solid #ddd;
                width: 40px;
                height: 40px;
                object-fit: cover;
            }

    .commentlist {
        padding: 10px;
    }

    .title__use__comment {
        width: calc(100% - 40px);
    }

        .title__use__comment .name__comt {
            font-size: 15px;
        }

        .title__use__comment span ins {
            text-transform: none;
        }

    .list__video__comment {
        gap: 5px;
    }

    .noidung__video__img .list__video__comment video,
    .noidung__video__img .list__video__comment img {
        width: 60px;
        height: 60px;
    }

    .title__use__rep {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 6px;
    }

    .des__use__rep {
        font-size: 14px;
    }

    .noidung__danhgia {
        font-size: 14px;
        margin-bottom: 15px;
    }

    .box__button__reivew__pro a {
        display: inline-block;
        padding: 7px 15px;
        color: #fff;
        font-size: 12px;
        background: #ec4058;
        border-radius: 7px;
        margin: 0 5px;
        line-height: 22px;
    }

    .nd__cm__use {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 14px;
    }

    .sub__children .review__comment__traloi {
        padding: 10px;
    }

    .item__comment__use ul {
        padding-left: 10px;
    }

    .title__use__cm {
        margin-bottom: 10px;
    }

    .title__use__comment label {
        font-size: 14px;
    }

    .star i {
        color: #ff8702;
        font-size: 13px;
    }

    .product-footer ul.product-tabs li a {
        color: #333;
        font-size: 18px;
        line-height: 25px;
        display: inline-block;
        padding: 0 9px;
        border-bottom: 2px solid transparent;
    }

    .product-footer ul.product-tabs {
        gap: 0;
    }

    .product-footer ul.product-tabs,
    .filter__review {
        overflow-x: scroll;
        white-space: nowrap;
        gap: initial;
        justify-content: initial;
        align-items: initial;
        margin: 0;
        display: flex;
        width: 100%;
        padding-left: 0;
    }

        .product-footer ul.product-tabs::-webkit-scrollbar,
        .filter__review::-webkit-scrollbar {
            height: 0 !important;
            display: none;
        }

    .filter__review {
        gap: 15px;
        margin-bottom: 20px;
    }

    .woocommerce-Tabs-panel p,
    .woocommerce-Tabs-panel ul li {
        margin: 0 0 15px 0;
        font-size: 14px;
        line-height: 24px;
    }

    .news-post-news {
        border-bottom: 1px dashed #DFDFDF;
    }

        .news-post-news .box__thumb__img {
            width: 135px;
        }

        .news-post-news .box__content {
            width: calc(100% - 135px - 10px);
        }

        .news-post-news .box__thumb__img img {
            height: 90px;
        }

        .news-post-news .box__content .title__post__ar {
            font-size: 14px;
            line-height: 20px;
            height: 60px;
        }

        .news-post-news .box__content .box__des, .news-post-news .box__content a.view {
            display: none;
        }

    .heading-title-cate {
        font-size: 26px;
        color: #194890;
        text-transform: uppercase;
        font-weight: 600;
        margin: 0 0 18px 0;
        line-height: 32px;
    }

    .mota_cm {
        display: none;
    }

    .box__slider .owl-nav button.owl-next {
        position: absolute;
        right: 80px;
        bottom: -40px;
        margin: 0 !important;
        background: transparent !important;
        width: initial;
        height: initial;
    }

    .box__slider .owl-nav button.owl-prev {
        position: absolute;
        left: 80px;
        bottom: -40px;
        margin: 0 !important;
        background: transparent !important;
        width: initial;
        height: initial;
    }

    .box__slider .owl-nav {
        position: relative;
        right: inherit;
        bottom: inherit;
        margin: 0;
        top: inherit;
    }

    .box__slider .news__slider .box__thumb__img {
        height: 290px;
    }

        .box__slider .news__slider .box__thumb__img img {
            height: 290px;
        }

    .sign-in-form-panel {
        min-height: 100%;
        width: 100%;
        display: block;
        padding: 16px;
    }

    .box__sign {
        width: 100%;
    }

    .sign__back {
        display: none;
    }

    .section__register .img__dk__dn {
        display: none;
    }

    .title__sign {
        font-size: 32px;
        line-height: 40px;
        margin: 0 0 24px 0;
        text-align: center;
    }

    .header__sign label {
        display: none;
    }

    .checkout__layout {
        flex-direction: column;
    }

        .checkout__layout .checkout__left,
        .checkout__layout .checkout__right {
            width: 100%;
            margin-bottom: 15px;
            max-width: 100%;
        }

    .inner__form__checkout {
        padding: 0;
    }

    .gia_voucher {
        font-size: 18px;
    }

    .total__bank__check_voucher {
        padding: 5px 0;
    }

    .list__order__cart .item__order__cart {
        gap: 10px;
    }

    .woocommerce-billing-fields__field-wrapper .form-row {
        width: 100%;
    }

    .list__order__cart .item__order__cart img {
        min-width: 60px;
        width: 60px;
        height: 60px;
        object-fit: cover;
    }

    .list__order__cart .item__order__cart span {
        color: #13151B;
        font-size: 13px;
        line-height: 18px;
    }

    .list__order__cart .item__order__cart .price__item__cart {
        min-width: 100px;
        font-size: 13px;
        color: #393F51;
        line-height: 20px;
        text-align: right;
    }

    .title__checkout {
        margin-bottom: 20px;
    }

    .total__bank__check .tal__tal__price {
        font-size: 18px;
        color: #13151B;
    }

    .total__bank__check__after__voucher .tal__tal__price {
        font-size: 18px;
        color: #13151B;
    }

    .number__card {
        width: 20px;
        height: 20px;
        line-height: 20px;
    }

    .total__bank__check, .total__bank__check__after__voucher {
        line-height: 23px;
    }

    .cart__container {
        padding: 0;
    }

    .continue__card {
        width: 100%;
        margin-bottom: 10px;
    }

    .bottom__card__check .total__cart {
        width: 100%;
    }

    .total__cart .pri__toal span {
        font-size: 18px;
    }

    .tongtiencart {
        font-size: 15px;
    }

    .form-row {
        margin: 0;
    }

    .list_info_order_par {
        display: flex;
        margin: 0 0 20px 0;
        padding: 0;
        flex-wrap: wrap;
        flex-direction: column;
        gap: 10px;
    }

    .info_order_success {
        ;
        padding: 15px;
        font-size: 18px;
        line-height: 28px;
    }

    .use__course__item {
        padding: 10px;
    }

    .list__item__login__cartorder > div {
        padding: 6px 3px;
        display: block;
        font-size: 14px;
        line-height: 24px;
    }

    .title__use__manage {
        font-size: 28px;
        line-height: 30px;
        margin-bottom: 20px;
    }

    .section__use__manage {
        max-width: 100%;
        padding: 20px 10px;
    }

    .header__order__cart {
        overflow-x: scroll;
        white-space: nowrap;
        gap: initial;
        justify-content: initial;
        align-items: initial;
        margin: 0;
        display: flex;
        width: 100%;
        padding-left: 0;
        gap: 15px;
    }

    .ten__khoahoc, .list__item__login__cartorder .name__course__order,
    .ngay__khoahoc, .time__course__order,
    .giatien__khoahoc, .pri__course__order {
        width: initial;
        max-width: initial;
    }

    .header__order__cart::-webkit-scrollbar {
        height: 0 !important;
        display: none;
    }

    .list__item__login__cartorder {
        gap: 10px;
    }

    .manage__use__setting {
        padding: 15px;
    }

    .update__pass {
        margin-top: 20px;
    }

        .update__pass button {
            width: 100%;
        }

    .sucsset__update {
        width: 100%;
        margin: 0 0 10px 0;
        text-align: center;
        display: block;
    }

    .error404, .error500 {
        max-width: 100%;
        padding: 10px 0;
        flex-direction: column;
        justify-content: center;
    }

    .error-content h3 {
        font-size: 30px;
        line-height: 40px;
        max-width: 100%;
    }

    .error404 .img img {
        max-width: 80%;
        margin: auto;
        display: block;
    }

    .boxx__sx {
        display: flex;
        gap: 10px;
        align-items: flex-start;
        justify-content: space-between;
        margin-bottom: 15px;
        flex-direction: row;
        align-content: flex-start;
    }

    .right__content__pro .inner__product .box-image a img {
        height: 177px;
    }

    .row-product {
        margin-left: -5px;
        margin-right: -5px;
    }
}

@media only screen and (max-width: 414px) {
    .box__left__thongso {
        width: 100% !important;
    }

    .box__right__thongso__duan {
        width: 100% !important;
    }

    .right__content__pro .inner__product .box-image a img {
        height: 177px;
    }

    .inner__product .box-image a img {
        height: 177px;
    }

    .project__cate__news {
        background: #f2f2f2;
    }

    .title__pro__cate__news .title__main {
        font-size: 14px;
    }

    .title__pro__cate__news .view__view {
        font-size: 12px;
    }

    .inner__product .box-image .position__meta span {
        padding: 2px 1px;
    }
}