html {
    /*scroll-behavior: smooth;*/
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Roboto Slab", serif;
}

.fs-11 {
    font-size: 1.1rem !important;
}

.fs-13 {
    font-size: 1.3rem !important;
}

.fs-14 {
    font-size: 1.4rem !important;
}

.fs-15 {
    font-size: 1.5rem !important;
}

.fs-16 {
    font-size: 1.6rem !important;
}

.fs-18 {
    font-size: 1.8rem !important;
}

.fs-20 {
    font-size: 2rem !important;
}

.fs-26 {
    font-size: 2.6rem !important;
}

.fs-40 {
    font-size: 4rem !important;
}

.color-text {
    color: var(--color-text);
}

.font-weight-600 {
    font-weight: 600;
}

.font-weight-700 {
    font-weight: 700;
}

.my-5r {
    margin: 5rem 0;
}

.mt-5r {
    margin-top: 5rem;
}

.mb-5r {
    margin-bottom: 5rem;
}

.py-5r {
    padding: 5rem 0;
}

.pt-5r {
    padding-top: 5rem;
}

.pb-5r {
    padding-bottom: 5rem;
}

/*h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {*/
/*    color: var(--color-highlight-alt);*/
/*}*/


    



@media (min-width: 1500px) {
    .container-2 .container {
        max-width: 1450px;
    }
}



.btn-submit i {
    font-size: 1.4rem;
}

.letter-spacing-1 {
    letter-spacing: 1px;
}

.bg-light-1 {
    background-color: #F0F4F5;
}

.shadow-darker {
    box-shadow: 0px 10px 50px 0px rgba(26, 46, 85, 0.1);
}

.shadow-1 {
    box-shadow: 0px 10px 50px 0px rgba(26, 46, 85, 0.07);
}

.shadow-2 {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05);
}

.rounded-5 {
    border-radius: 0.5rem;
}

.rounded-10 {
    border-radius: 1rem;
}

.rounded-20 {
    border-radius: 2rem;
}

.rounded-30 {
    border-radius: 3rem;
}

.hover-img img {
    transition: filter .6s, opacity .6s, transform .6s, box-shadow .3s;
}

.hover-img:hover img {
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.object-scale {
    object-fit: scale-down !important;
}

.color-highlight-alt {
    color: var(--color-highlight-alt);
}

.rotate-45 {
    transform: rotate(45deg);
}

img,.img {
    max-width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.border-light-1 {
    border: 1px solid #ECECEC !important
}

body.home {
    /* background-color:var(--light-1); */
}

header {
    position: fixed;
    z-index: 999;
    width: 100%;
    top: 0;
}

body {
    font-family: "Roboto", sans-serif;
}

.setting-menu {
    border-bottom-color: transparent;
    padding: 1rem 0;
    transition: 0.7s;
}

.setting-menu.fixed {
    background: #212121;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    padding: 0;
}

.search-section .input-group .form-control {
    background: #f6f6f6;
    border-radius: 20px !important;
}

.search-section .input-group .btn-submit {
    position: absolute;
    background: none;
    border: 0;
    right: 0;
    z-index: 4;
    color: #000;
    font-size: 18px;
    padding: 5px 15px;
}

.search-section .btn-action-header {
    background: none;
    border: none;
}

.header-search .form-dropdown {
    position: absolute;
    top: calc(100% + 1rem + 4px);
    left: auto;
    right: 15px;
    z-index: 1034;
    min-width: 280px;
    border-radius: 3px;
    color: #677279;
    background: #fff;
    border: solid 1px #dfe3e8;
    box-shadow: 0 1px 5px 2px rgba(0, 0, 0, 0.1);
    visibility: hidden;
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out, max-height 0s linear 0.25s, -webkit-transform 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out, visibility 0.25s ease-in-out, max-height 0s linear 0.25s;
    transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out, visibility 0.25s ease-in-out, max-height 0s linear 0.25s, -webkit-transform 0.25s ease-in-out;
}

.header-search .dropdown-form-inner {
    width: 100%;
    height: 100%;
    max-height: 100%;
    /* overflow: hidden; */
    padding: 10px 20px;
}

.search-section .box-arrow {
    left: 50%;
    top: 100%;
    transform: translateX(-50%);
    position: absolute;
    bottom: calc(100% - 0px);
    margin: 0 auto;
    width: 22px;
    height: 15px;
    visibility: hidden;
    transition: visibility 0.25s ease-in-out;
    z-index: 2001;
}

.search-section .btn-action-header.active .box-arrow svg {
    -webkit-filter: drop-shadow(0 -3px 2px rgba(0, 0, 0, 0.12));
    filter: drop-shadow(0 -3px 2px rgba(0, 0, 0, 0.12));
    visibility: visible;
}

.header-search .form-dropdown.show {
    visibility: visible;
    opacity: 1;
    transform: scale(1);
}

.main_title {
    color: var(--color-highlight);
    font-size: 2.5rem;
    /* text-transform: uppercase; */
}

.setting-menu > .container > .row > div:nth-child(2) {
    display: flex;
    align-items: center;
    justify-content: end;
}

.menu-vertical .entry-menu {
    opacity: 1;
}

.menu-vertical--title.open .icon:before {
    content: "\f077";
}

.menu-vertical--content li>ul>li>ul>li a {
    font-weight: 400;
}

.menu-vertical .entry-menu::-webkit-scrollbar-thumb {
    background-color: #e0e0e0;
}

.member-section {
    display: flex;
    align-items: center;
}

.member-section > a {
        white-space: nowrap;
    /* display: block; */
    /* border-radius: 5rem; */
    /* padding: 1.25rem 3.5rem 1.25rem; */
    /* white-space: nowrap; */
}

.member-section .login {
    /* background-color: white; */
    color: var(--white);
}

.member-section .register {
    background-color: var(--color-highlight);
    color: white;
}

.active-package {
    color: var(--orange);
    border: 1px solid var(--orange);
    border-radius: 0.5rem;
    font-size: 1.3rem;
    padding: 0.6rem 2rem 0.7rem;
}

.active-package:hover {
    background: var(--orange);
    color: var(--color-main);
}

.search-section .input-group {
    border-color: #39557E !important;
}

.search-section .form-control {
    color: white;
    height: auto !important;
}


#member-info img {
    width: 2rem;
    height: 2rem;
    object-fit: cover;
    margin-right: 0.5rem;
}

.search-small .form-dropdown {
    position: absolute;
    padding: 10px;
    background-color: #ffffff;
    width: 300px;
    top: 100%;
    left: auto;
    right: 0;
    z-index: 1000;
    margin-bottom: 0;
    -webkit-animation: nav_menu_anim_close 0.3s both;
    -o-animation: nav_menu_anim_close 0.3s both;
    animation: nav_menu_anim_close 0.3s both;
    -webkit-transition: opacity 0.3s ease, visibility 0.3s ease;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    opacity: 0;
    filter: opacity(0);
    visibility: hidden;
    -webkit-box-shadow: 0px 0px 3px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 3px rgb(0 0 0 / 15%);
}

.search-small:hover .form-dropdown {
    -webkit-animation: nav_menu_anim_open 0.3s both;
    -o-animation: nav_menu_anim_open 0.3s both;
    animation: nav_menu_anim_open 0.3s both;
    opacity: 1;
    filter: opacity(1);
    visibility: visible;
    pointer-events: unset;
}

.search-small input.form-control {
    height: auto !important;
}

.effect-zoom {
    transform-origin: center center;
    animation: zoomInOut 15s ease-in-out infinite;
}

@keyframes zoomInOut {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.10);
    }
}



.swiper-slider-main .number-info a {
    line-height: 1.2;
}

.swiper-pagination-bullet {
    width: 20px;
    height: 3px;
    background: var(--color-highlight);
    border-radius: 0;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px;
}

.title-section h3, .title-section h1 {
    font-weight: 700;
    font-size: 3.2rem;
    line-height: 1.4;
    color: var(--color-main);
}

.title-section span {
    color: var(--color-highlight);
}

.title-section .slogan {
    font-size: 1.8rem;
    color: var(--color-text);
}

.swiper .swiper-slide {
    height: auto;
}

/*.partner-section .image img {*/
/*    filter: grayscale(1);*/
/*    opacity: 0.6;*/
/*}*/

/*.partner-section a:hover .image img {*/
/*    filter: grayscale(0);*/
/*    opacity: 1;*/
/*}*/

#counter .item .icon {
    width: 6.5rem;
    text-align: center;
}

#counter .item:nth-child(1) .icon {
    color: var(--color-highlight);
}

#counter .item:nth-child(2) .icon {
    color: #219653;
}

#counter .item:nth-child(3) .icon {
    color: #9B51E0;
}

#counter .item:nth-child(4) .icon {
    color: #FF2E2E;
}

#counter .item .icon::after {
    content: "";
    position: absolute;
    left: 0;
    top: -5px;
    background-image: url(/templates/fashion03/assets/media/images/blue_shape.svg);
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
    width: 100%;
    height: 36px;
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -ms-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
    z-index: 1;
}

#counter .item:nth-child(2) .icon::after {
    background-image: url(/templates/fashion03/assets/media/images/green_shape.svg);
}

#counter .item:nth-child(3) .icon::after {
    background-image: url(/templates/fashion03/assets/media/images/purple_shape.svg);
}

#counter .item:nth-child(4) .icon::after {
    background-image: url(/templates/fashion03/assets/media/images/red_shape.svg);
}

.swiper-button-prev.button-outside, .swiper-button-next.button-outside {
    width: 4rem;
    cursor: pointer;
    height: 4rem;
    box-shadow: 0px 0px 16px rgb(0 0 0 / 25%);
    border-radius: 50%;
    background-color: #fafafa;
    color: var(--color-main);
}

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

.bg_gradient:before {
    content: "";
    position: absolute;
    top: 10%;
    left: -70%;
    width: 120%;
    height: 100%;
    background: linear-gradient(90deg, #f8a2ff4a 4.55%, #3f69ff4a);
    filter: blur(359.5px);
    transform: rotate(90deg);
    z-index: -1;
    pointer-events: none;
}

.product_detail .bg_gradient:before {
    top: -10%;
    left: -40%;
}

.block-tab.nav .nav-item .nav-link.active:hover {
    background-color: var(--color-highlight);
    color: white;
}

.home_rate {
    width: 12.5rem;
}

.home_rate, .home_rate span {
    overflow: visible;
    font-size: 18px;
    letter-spacing: 4px;
}

.home_rate span::before {
    font-size: 18px;
}

.home_count {
    font-size: 18px;
}

.author_avatar {
    width: 3rem;
    height: 3rem;
    object-fit: cover;
    border-radius: 50%;
    margin-right: 0.5rem;
}

.link_main {
    color: var(--color-highlight);
    border: 1px solid var(--color-highlight);
    border-radius: 3rem;
    font-weight: 500;
    padding: 4px 22px;
    display: inline-block;
    font-size: 2rem;
}

.link_main:hover {
    background-color: var(--color-highlight);
    color: white;
}

.categories_content {
    text-align: center;
}

.categories_content a {
    color: var(--color-main);
    background-color: white;
    padding: 1.4rem 3rem;
    border-radius: 4rem;
    display: inline-flex;
    align-items: center;
    font-size: 16px;
    font-weight: 600;
    border: 1px solid #ededed;
    box-shadow: 0px 10px 50px 0px rgba(26, 46, 85, 0.07);
}

.categories_image {
    height: 2.2rem;
    object-fit: contain;
}

.list-giangvien .giang_vien_wrap {
    position: absolute;
    width: 100%;
}

.giang_vien_item {
    border-radius: 3px;
    overflow: hidden;
    height: 100%;
    position: relative;
    /* border: 1px solid; */
}

.giang_vien_item img {
    /* aspect-ratio: 0.72; */
    object-fit: cover;
    height: 100%;
}

.giang_vien_wrap {
    text-align: center;
    top: auto;
    transform: none;
    bottom: 0;
    left: auto;
    right: auto;
    background: linear-gradient(180deg, #26262600 .08%, #353535 98.25%);
    padding: 0 30px 20px;
    /* border-radius: 0 0 8rem 8rem; */
}

.giang_vien_title {
    color: white;
    font-size: 2rem;
    font-weight: 700;
}

.giang_vien_subtitle {
    color: white;
    font-size: 16px;
}

.home_article .article-description {
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.home_article .article-item {
    border: 1px solid #bdbdbd;
    background-color: #f8f9fabf !important;
}


.home_article .article-title {
    font-size: 2rem;
}

.about_us-description {
    text-align: justify;
}

.about_us-description_short {
    font-size: 24px;
    letter-spacing: 11px;
    margin-bottom: 1.5rem;
    font-weight: 600;
    text-transform: uppercase;
}

.about_us-title {
    font-size: 3.5rem;
    font-weight: 700;
}

.giang_vien_container {
    position: relative;
    align-items: center;
    justify-content: flex-end;
}

.giang_vien_container:after {
    content: "";
    position: absolute;
    background-image: linear-gradient(90deg, #eee0fa, #75a9f8);
    border-radius: 30px;
    /* top: 0; */
    left: 0;
    bottom: 0;
    height: calc(100% - 4rem);
    width: 100%;
    z-index: -1;
}

.giang_vien-title {
    font-size: 4.8rem;
    font-weight: 700;
    margin-bottom: 3rem;
}

.giang_vien-button {
    background-color: white;
    padding: 1.4rem 6rem;
}

.giang_vien-button:hover {
    color: white;
    background-color: var(--color-highlight);
}

.giang_vien-page {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    padding: 5rem 0 4rem;
}

.giang_vien-page input, .giang_vien-page textarea, .giang_vien-page select {
    border-radius: 2rem;
}

.giang_vien_descriptiopn-page {
    font-size: 18px;
    /* color: var(--color-text); */
}

.categories_content a.active {
    border: 1px solid var(--color-highlight);
}

.categories_icon {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: 4rem;
    width: max-content;
    font-size: 2rem;
}

.categories_content a.active .categories_icon {
    background-color: var(--color-highlight);
    border-radius: 50%;
    color: white;
    width: 4rem;
}

/*.price {*/
/*    display: flex;*/
/*    flex-wrap: wrap;*/
/*    align-items: baseline;*/
/*    flex-direction: column;*/
/*}*/

footer {
    position: relative;
}

footer .logo-section img {
    height: 8rem;
}

.entire-info-website, .working-section {
    color: var(--black);
    font-size: 14px;
}

.title-footer {
    font-size: 20px;
    color: var(--color-highlight);
    font-weight: 500;
    text-transform: uppercase;
}

.footer-menu-section ul li {
    margin-bottom: 1.5rem;
}

.footer-menu-section ul li a {
    color: var(--black);
    position: relative;
    /*padding-left: 2rem;*/
    font-size: 14px;
}

/*.footer-menu-section ul li a::before {*/
/*    content: "\e09f";*/
/*    position: absolute;*/
/*    left: 3px;*/
/*    -moz-border-radius: 50px;*/
/*    -o-border-radius: 50px;*/
/*    -ms-border-radius: 50px;*/
/*    -webkit-transition: all 0.3s ease-out 0s;*/
/*    -moz-transition: all 0.3s ease-out 0s;*/
/*    -ms-transition: all 0.3s ease-out 0s;*/
/*    -o-transition: all 0.3s ease-out 0s;*/
/*    transition: all 0.3s ease-out 0s;*/
/*    font-family: 'Font Awesome 6 Pro';*/
/*    font-size: 16px;*/
/*}*/

.form-control {
    font-size: 1.5rem;
}

.form-group {
    margin-bottom: 1.5rem;
}

.social-section li {
    padding-right: 2rem;
}

.social-section li a {
    color: #B2BDCD;
    font-size: 1.8rem;
}

.social-section li a:hover {
    color: white;
}

footer .social-section li a {
    color: var(--color-highlight);
    font-size: 1.6rem;
    width: 32px;
    height: 32px;
    display: flex;
    border: 1px solid var(--color-highlight);
    border-radius: 50%;
    align-items: center;
    justify-content: center;
}

footer .social-section li a:hover {
    color: #B2BDCD;
}

.copyright {
    border-top: 1px solid #39557E;
    color: black;
}

.copyright-section {
    font-size: 1.6rem;
}

.working-section .item:not(:last-child) {
    border-bottom: 1px solid #39557E;
}

#return-to-top {
    position: fixed;
    bottom: 6rem;
    right: 3.5rem;
    background: var(--color-highlight);
    width: 5rem;
    height: 5rem;
    text-decoration: none;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    text-align: center;
    line-height: 5rem;
    color: white;
    border-radius: 50%;
    z-index: 99;
}

#return-to-top:hover {
    background: var(--color-highlight-alt);
}

.product-item .inner-image::before {
    position: absolute;
    top: 0;
    left: -100%;
    display: block;
    content: "";
    width: 50%;
    height: 100%;
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.3)));
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    -webkit-transform: skewX(-25deg);
    -ms-transform: skewX(-25deg);
    transform: skewX(-25deg);
    z-index: 1;
}

.product-item:hover .inner-image::before {
    -webkit-animation: hoverShine 1.2s;
    animation: hoverShine 1.2s;
}

@-webkit-keyframes hoverShine {
    100% {
        left: 125%;
    }
}

@keyframes hoverShine {
    100% {
        left: 125%;
    }
}

.breadcrumbs-section-bg {
    min-height: 50vh;
    display: flex;
    /*align-items: center;*/
    background-size: cover;
    background-position: center;
}

.breadcrumbs-section-bg:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgb(0 0 0 / 40%);
}

.breadcrumbs-section-bg:after {
    background: linear-gradient(#000000, rgb(0 0 0 / 89%), rgba(51, 61, 71, 0.46), rgba(51, 61, 71, 0.0), rgba(51, 61, 71, 0.0), rgba(51, 61, 71, 0.0), rgba(51, 61, 71, 0.0));
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 100%;
    height: 50%;
    display: block;
    z-index: 99;
}

.breadcrumbs-section-bg h1 {
    line-height: 1.5;
    color: white;
    position: relative;
}

.form-control {
    height: 5rem !important;
    border-radius: 0.3rem;
    border: 1px solid #DAE0E7;
}

textarea.form-control {
    height: auto !important;
}

.contact-page address i {
    width: 5rem;
    height: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--color-highlight);
    color: white;
    font-size: 2rem;
    line-height: 0;
    flex: 0 0 auto;
}

.bootstrap-select>.dropdown-toggle {
    height: 100%;
}

.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    font-size: 1.5rem;
}

.address-box {
    font-size: 1.6rem;
}

.address-box i {
    width: 5rem;
}

.product-detail-footer .title-course {
    font-size: 2.8rem;
}

.product-image-detail .inner-image {
    padding-top: 75%;
}

.comment-section .list-comment:empty {
    margin: 0;
    padding: 0;
    border: 0;
}

.comment-section .list-comment:empty+.total-comment {
    display: none;
}

.course-information li {
    display: flex;
    justify-content: space-between;
    font-weight: 500;
    color: var(--color-highlight-alt);
    padding: 1.5rem 0;
    margin: 0;
    align-items: baseline;
}

.course-information li + li {
    border-top: 1px solid var(--light);
}

.course-information li>span:first-child {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.course-information li>span i {
    font-size: 1.8rem;
    padding-right: 1rem;
    width: 3.5rem;
}

.product-detail-footer .content ul, .product-detail-footer .content ol {
    padding-left: 1.5rem;
}

.search-page .input-group-append .btn {
    z-index: 1;
}

.product-detail-head {
    background-color: rgb(67 67 67);
    background-size: cover;
}

.product-content-detail {
    padding: 3rem 1.5rem;
    color: white;
    font-weight: 500;
}

.detail_action a {
    padding: 0 2rem;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    height: 4.5rem;
    display: flex !important;
    justify-content: center;
    align-items: center;
}

.detail_action a:not(.add-to-cart-buy) {
    background-color: white;
}

.detail_action a:not(.add-to-cart-buy):hover {
    background-color: var(--color-highlight);
}

.detail_action .add-to-cart-buy {
    max-width: 65%;
    margin-right: auto;
    text-transform: none !important;
    background-color: var(--color-highlight);
    color: white;
}

.detail_action .add-to-cart-buy:hover {
    background-color: white;
    color: var(--color-highlight);
    border: 1px solid var(--color-highlight);
}

#lotrinh ul {
    display: none;
    padding-bottom: 1.5rem;
    padding-left: 2rem !important;
    /* border-top: 1px solid #d0d7e1; */
}

#lotrinh .ws-activearrow+ ul {
    display: block;
}

#lotrinh .list-name-khoa-hoc-lotrinh > li {
    list-style: none;
    border-bottom: 1px solid;
    padding-bottom: 10px;
}

#lotrinh .list-name-khoa-hoc-lotrinh li:before {
    content: "\f144";
    font-family: 'Font Awesome 6 Pro';
    font-weight: 400;
    margin-right: 6px;
    position: relative;
    width: 20px;
    font-size: 22px;
    top: 3px;
}

.tg-hoc-lotrinh {
    position: relative;
    float: right;
    top: -35px;
}

#lotrinh .info {
    /* border: 1px solid #d0d7e1; */
    /* border-radius: 0.5rem; */
}

#lotrinh .info h5 {
    background: #F4F7FB;
    padding: 11px 20px;
    border: 1px solid #d0d7e1;
    margin-bottom: 15px;
    /* border-bottom: 0; */
    cursor: pointer;
    border-radius: 3rem;
    font-size: 18px;
    font-weight: 700;
    position: relative;
}

#lotrinh .info h5:first-child {
    /* border-top: none; */
}

#lotrinh .info h5:before {
    content: "\f078";
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
    font-size: 1.4rem;
    margin-right: 1rem;
    position: relative;
    float: right;
}

#lotrinh .info h5:after {
    content: ".";
    /* font-family: 'Font Awesome 6 Pro'; */
    font-weight: 900;
    font-size: 40px;
    margin-right: 1rem;
    position: absolute;
    margin-top: -25px;
    color: #2578e1;
    left: 5px;
}

.toolbar__item a .items-number {
    top: -0.5px;
    right: -1.5rem;
}

.toolbar__item #member-info img {
    width: 2.2rem;
    height: 2.2rem;
    margin: 0;
}

.toolbar__item a.dropdown-item {
    padding: 0 !important;
}

.order-section .price-amount {
    font-size: 1.3rem;
}

.product-detail-footer .nav li a:hover {
    /* text-decoration: underline; */
}

.is-mobile .copyright {
    margin-bottom: 52px;
}

.is-mobile .member-section > a {
    padding: 1.25rem 3rem 1.25rem;
}

.article-detail img {
    /*width: 100%;*/
    /* height: 100%; */
}


/*css by quyettq*/
.gap-1 {
    gap: 1rem;
}

.button-tab {
    background: white;
    border-radius: 4rem;
    border: 1px solid #e3e3e3;
    display: flex;
    align-items: center;
}

.block-tab.nav.justify-content-center .nav-item .nav-link.active {
    /* color: var(--color-main); */
    border-radius: 4rem;
}

.block-tab.nav.justify-content-center .nav-item .nav-link.active:hover {
    background-color: var(--color-highlight);
}

.block-tab.nav .nav-item .nav-link.active .categories_icon:hover {
    background-color: var(--color-highlight);
    color: white;
    border-radius: 5rem;
}

.block-tab.nav.justify-content-center .nav-item .nav-link {
    /* padding: 1.2rem; */
}

.ml-3.categories_icon {
    width: 4rem;
}

.img-category {
    height: 3rem;
    margin-right: 2rem;
}

.facebook_icon {
    color: #0b08ff;
}

/*css by tung form dk*/
.logo-section-fonr-dk img {
    height: 8rem;
}

.logo-section-fonr-dk {
    margin-bottom: 30px;
}

.form-control-form-dk {
    border-radius: 30px;
    padding-left: 20px;
}

.bg-form-dk-tk {
    background-color: #418eff33;
    /*margin-top: -30px;*/
    /*    margin-bottom: -60px;*/
    position: relative;
}

.border-radius-35 {
    border-radius: 35px !important;
}

.bg-shadoan-member-categories {
    box-shadow: 0 0 10px 0 rgb(4 4 4 / 17%);
}

.title-video-tab-khoahoc {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 10px;
}

.title-course-chapters-tab-video {
    padding: 10px 15px;
    font-size: 23px;
    font-weight: bold;
    background: #EFEFEF;
}

.border-bottom-nd-tab-video {
    padding: 10px 15px;
    border-bottom: 1px solid #ddd;
}

.border-bottom-nd-tab-video:hover, .border-bottom-nd-tab-video.active {
    background-color: var(--color-highlight);
    color: white;
}

.event-small .article-item i {
    font-size: 5rem;
    margin-right: 1rem;
}

.block-home-tab .block-tab.nav .nav-item .nav-link {
    background: #fff;
    margin: 0 2rem;
    border-radius: 3rem;
}

.block-home-tab .block-tab.nav .nav-item .nav-link:after {
    display: none;
}

.block-home-tab .block-tab.nav .nav-item .nav-link.active {
    color: var(--white);
    border: 1px solid var(--color-highlight);
    background-color: var(--color-highlight);
    border-radius: 3rem;
}

.block-home-tab .article-item.article-main {
    background: #fff;
    border-radius: 8px;
}

.block-home-tab .article-item.article-main .inner-image img {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.block-home-tab .article-item.article-main .inner-content {
    padding: 1.5rem;
}

.event-small .article-item {
    display: flex;
    border-bottom: 1px solid white;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
}

.event-small .article-item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}

.block-home-tab .block-tab.nav {
    position: relative;
    align-items: center;
    justify-content: center;
}

.event-small .article-item .post-date {
    background: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 1rem 0.8rem;
    flex: 0 0 12rem;
    max-width: 12rem;
    border-radius: 7px;
}

.event-small .article-item .inner-content {
    flex: 0 0 calc(100% - 12rem);
    max-width: calc(100% - 12rem);
    padding-left: 2rem;
}

.event-small .article-item .inner-content .article-title a {
    font-weight: 600;
}

.event-small .article-item .inner-content .article-description {
    color: #3c3c3c;
}

.event-small .article-item .post-date span.day {
    font-size: 3.2rem;
    font-weight: bold;
    margin-right: 0;
}

.event-small .article-item .post-date span.post-time {
    color: #333;
    font-size: 1.3rem;
    margin-right: 0;
}

.logo-here img {
    object-fit: contain;
}

@media (max-width: 768px) {
    .block-home-tab .block-tab.nav .nav-item .nav-link {
        padding: 1rem 5px;
        margin: 0 5px;
        font-size: 13px;
    }

    .block-home-tab .block-tab.nav {
        /* margin-top: -40px; */
    }
}

/*end css by tung form dk*/

/*album image*/

.box-image-product .item.item-img>a {
    position: absolute;
    z-index: 9;
    bottom: 10px;
    left: 10px;
    display: inline-block;
    background: #fff;
    padding: 5px 25px;
    border-radius: 5px;
    color: #000;
}

.box-image-product>.row {
    margin-right: -5px;
    margin-left: -5px;
}

.box-image-product>.row>div {
    padding-right: 5px;
    padding-left: 5px;
}

.box-image-product .img-left {
    border-radius: 8px;
    overflow: hidden;
}

.box-image-product .img-right .img {
    margin-bottom: 10px;
    border-radius: 8px;
    overflow: hidden;
    padding-top: 65.9%;
}

.box-image-product .img-right .img:last-child {
    margin-bottom: 0;
}

.box-image-product {
    margin-bottom: 40px;
    position: relative;
}



























.session-event {
    margin-top: 8rem;
    padding-bottom: 2rem;
}

.teacher-info .avatar {
    position: relative;
    padding-top: 114%;
    max-width: 24rem;
}

.teacher-info .avatar img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8rem;
}

.teacher-info .teacher-name {
    color: #000;
    font-weight: bold;
    font-size: 25px;
    margin-bottom: 1.5rem;
}

.teacher-info .star-rating {
    margin-bottom: 2rem;
}

@media (max-width: 767px) {
    .giang_vien-page {
        background: linear-gradient(90deg, #f8a2ff33 4.55%, #3f69ff33) !important;
    }
}

#accordionQA .btn {
    background: #F4F7FB;
    padding: 11px 15px;
    border: 1px solid #d0d7e1;
    cursor: pointer;
    border-radius: 3rem;
    font-size: 18px;
    font-weight: 700;
}

#accordionQA .card-body {
    padding: 1rem 1.5rem 0;
}

#accordionQA .card {
    margin-bottom: 1.5rem;
}

.kt-input-icon {
    position: relative;
    padding: 0;
    width: 100%;
}

.kt-input-icon.kt-input-icon--left .form-control {
    padding-left: 3.5rem;
}

.kt-input-icon > .kt-input-icon__icon {
    position: absolute;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    top: 0;
    width: 3.2rem;
}

.kt-input-icon > .kt-input-icon__icon.kt-input-icon__icon--left {
    left: 0;
}

.kt-input-icon > .kt-input-icon__icon > span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
}

.kt-input-icon > .kt-input-icon__icon > span i {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 0;
    color: #74788d;
}

.member .form-control {
    height: 4rem !important;
}

.btn-product-action.added-wishlist {
    background: var(--color-highlight);
    color: #fff;
}

.menu-mega-custom .menu-section > ul > li > a > i {
    transform: rotate(45deg);
    margin-right: 1rem;
}

.menu-section .entry-menu.full-width .menu-title img {
    height: 2rem;
}

.menu-section .entry-menu .sub-menu img {
    height: 1.5rem;
}

.product-item div[class*="ration-"]>a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.block-home-tab {
    background: linear-gradient(90deg, #eee0fa, #75a9f8);
    padding: 2rem;
    border-radius: 2rem;
}

.box-member-right {
    background: linear-gradient(90deg,rgba(176, 141, 49, 0) 0%, rgba(224, 210, 174, 1) 100%);
    height: 100%;
    padding: 8rem 2rem;
    position: relative;
}

.left-menu-member {
    padding: 8rem 3rem;
    background: #f7f7f7;
    height: 100%;
}

.box-member-right .box-info {
    background: #fff;
    padding: 3rem;
    border-radius: 8px;
    width: 80%;
    margin: 0 auto;
    position: relative;
}

.banner-top {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 30rem;
}

.banner-top img {
    width: 100%;
    height: 100%;
}

.banner-top:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #0000004f;
}

.box-member-right .bootstrap-select.form-control-sm .dropdown-toggle {
    border: 1px solid #DAE0E7;
    border-radius: 0.3rem;
}

.box-member-right .input-group .input-group-text {
    border: 1px solid #DAE0E7;
}

.profile-top-left {
    display: flex;
    align-items: center;
    margin-bottom: 3rem;
}

.profile-top-left .info-account {
    display: flex;
    flex-direction: column;
    padding-left: 1.5rem;
}

.profile-top-left .info-account span.name {
    font-size: 24px;
    font-weight: bold;
    color: var(--color-highlight);
}

.profile-top-left .avatar-upload .avatar-preview > div {
    width: 6rem;
    height: 6rem;
    border-radius: 100%;
}

.cursor-pointer {
    cursor: pointer;
}

.member-categories-section ul.item {
    padding: 0;
    margin-bottom: 0;
    list-style: none;
}

.member-categories-section ul.item li {
    padding-left: 3rem;
}

.member-categories-section ul.item li a {
    position: relative;
    padding-left: 1.5rem !important;
}

.member-categories-section ul.item li a:before {
    content: "\f111";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    font-size: 8px;
    font-family: 'Font Awesome 6 Pro';
    font-weight: bold;
}

.member-categories-section ul.item li.title {
    font-weight: bold;
    display: flex;
    align-items: center;
    background: #d9d9d9;
    padding: 5px 10px;
    border-radius: 4px;
}

.member-categories-section ul.item li.title i {
    width: 3rem;
}

.layout-member-box>.container>.row>div[class*=col-]:first-child {
    padding: 0;
}

.layout-member-box>.container>.row>div[class*=col-]:last-child {
    padding: 0;
}

.box-member-right .box-info.box-phone-email {
    max-width: 45rem;
}

.box-member-right .box-info.box-list {
    width: 100%;
}

.object-contain {
    object-fit: contain !important;
}

.list-course .item {
    padding: 1rem;
    border: 1px solid #ddd;
    border-radius: 8px;
    margin-bottom: 2rem;
}

.list-course .item:last-child {
    margin-bottom: 0;
}

.list-course .item .inner-image img {
    border-radius: 4px;
}

.list-course {
    max-height: 40rem;
    overflow-y: auto;
    padding-right: 1rem;
    margin-bottom: 2rem;
}

.list-course::-webkit-scrollbar-track {
    background-color: transparent;
    border-radius: 10px;
}

.list-course::-webkit-scrollbar {
    width: 5px;
    background-color: transparent;
}

.list-course::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: #b5b0b0;
}

.list-course .item .inner-content .product-title {
    min-height: auto;
    -webkit-line-clamp: inherit;
    margin-bottom: 1rem;
}

.btn-elearning {
    display: inline-block;
    margin-top: 1rem;
    background: #ddd;
    color: #000;
    padding: 4px 10px;
    border-radius: 5px;
    border: 1px solid #ddd;
}

.btn-elearning:hover {
    background: #2fa64d;
    color: #fff;
    border-color: #2fa64d;
}

.kt-checkbox-list {
    padding: 0 0;
}

.kt-checkbox {
    display: inline-block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 10px;
    text-align: left;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.form-group label {
    font-weight: 400;
}

.list-question .form-group>label {
    font-weight: 600;
}

.kt-checkbox-list .kt-checkbox {
    text-align: left;
    display: block;
}

.kt-checkbox > input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.kt-checkbox > span {
    border-radius: 3px;
    background: none;
    position: absolute;
    top: 1px;
    left: 0;
    height: 18px;
    width: 18px;
}

.kt-checkbox:hover > input:not([disabled]):checked ~ span, .kt-checkbox > input:checked ~ span {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.kt-checkbox.kt-checkbox--success.kt-checkbox--tick > span {
    background: #e4e8ee;
    border: 1px solid transparent !important;
}

.kt-checkbox.kt-checkbox--success.kt-checkbox--tick > input:checked ~ span {
    border: 1px solid transparent !important;
    background: #e4e8ee;
}

.kt-checkbox > span:after {
    content: '';
    position: absolute;
    display: none;
    top: 50%;
    left: 50%;
    margin-left: -2px;
    margin-top: -6px;
    width: 5px;
    height: 10px;
    border-width: 0 2px 2px 0 /*rtl:ignore*/ !important;
    -webkit-transform: rotate(45deg) /*rtl:ignore*/;
    transform: rotate(45deg) /*rtl:ignore*/;
}

.kt-checkbox > input:checked ~ span:after {
    display: block;
}

.kt-checkbox.kt-checkbox--success.kt-checkbox--tick > input:checked ~ span:after {
    border: solid #0abb87;
}

.pm-empty-space {
    height: 40px;
    width: 100%;
}

.pm-certificate-container {
    position: relative;
    width: 100%;
    height: 600px;
    background-color: #618597;
    padding: 30px;
    color: #333;
    font-family: "Open Sans", sans-serif;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

.pm-certificate-container .outer-border {
    width: calc(100% - 6px);
    height: calc(100% - 6px);
    position: absolute;
    left: 3px;
    top: 3px;
    border: 2px solid #fff;
}

.pm-certificate-container .inner-border {
    width: calc(100% - 70px);
    height: calc(100% - 70px);
    position: absolute;
    left: 3.5rem;
    top: 3.5rem;
    border: 2px solid #fff;
}

.pm-certificate-container .pm-certificate-border {
    position: relative;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    padding: 0;
    border: 1px solid #e1e5f0;
    background-color: #ffffff;
    background-image: none;
    left: 1rem;
    top: 1rem;
}

.pm-certificate-container .pm-certificate-border .pm-certificate-block {
    width: 650px;
    height: 200px;
    position: relative;
    left: 50%;
    margin-left: -325px;
    top: 70px;
    margin-top: 0;
}

.pm-certificate-container .pm-certificate-border .pm-certificate-header {
    margin-bottom: 10px;
    align-items: center;
    justify-content: center;
}

.pm-certificate-container .pm-certificate-border .pm-certificate-title {
    position: relative;
    top: 40px;
}

.pm-certificate-container .pm-certificate-border .pm-certificate-title h2 {
    font-size: 34px !important;
}

.pm-certificate-container .pm-certificate-border .pm-certificate-body {
    padding: 20px;
}

.pm-certificate-container .pm-certificate-border .pm-certificate-body .pm-name-text {
    font-size: 20px;
}

.pm-certificate-container .pm-certificate-border .pm-earned {
    margin: 15px 0 20px;
}

.pm-certificate-container .pm-certificate-border .pm-earned .pm-earned-text {
    font-size: 20px;
}

.pm-certificate-container .pm-certificate-border .pm-earned .pm-credits-text {
    font-size: 15px;
}

.pm-certificate-container .pm-certificate-border .pm-course-title .pm-earned-text {
    font-size: 20px;
}

.pm-certificate-container .pm-certificate-border .pm-course-title .pm-credits-text {
    font-size: 15px;
}

.pm-certificate-container .pm-certificate-border .pm-certified {
    font-size: 12px;
}

.pm-certificate-container .pm-certificate-border .pm-certified .underline {
    margin-bottom: 5px;
}

.pm-certificate-container .pm-certificate-border .pm-certificate-footer {
    width: 650px;
    height: 100px;
    position: relative;
    left: 50%;
    margin-left: -325px;
    bottom: -105px;
}

.responsive-table td {
    border-top: 1px solid #000;
}

.is-mobile .responsive-table tbody td {
    text-align: right;
    height: 33px;
}

.border-pattern {
    position: relative;
    width: 100%;
    height: 60rem;
}

.border-pattern:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    border: 1mm solid #991b1b;
    background-color: #d6d6e4;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h16v2h-6v6h6v8H8v-6H2v6H0V0zm4 4h2v2H4V4zm8 8h2v2h-2v-2zm-8 0h2v2H4v-2zm8-8h2v2h-2V4z' fill='%23991B1B' fill-opacity='1' fill-rule='evenodd'/%3E%3C/svg%3E");
}

.border-pattern .content {
    position: absolute;
    left: 2rem;
    top: 2rem;
    height: calc(100% - 4rem);
    width: calc(100% - 4rem);
    border: 1mm solid #991b1b;
    background: white;
}

.border-pattern .content .inner-content {
    border: 2px solid #991b1b;
    margin: 2rem;
    padding: 4rem;
    height: calc(100% - 4rem);
    text-align: center;
}

.border-pattern .content .inner-content h1 {
    text-transform: uppercase;
    font-size: 5rem;
    margin-bottom: 0;
}

.border-pattern .content .inner-content h2 {
    font-size: 2.4rem;
    margin-top: 0;
    padding-bottom: 1mm;
    display: inline-block;
    border-bottom: 1mm solid #991b1b;
}

.border-pattern .content .inner-content h2::after {
    content: "";
    display: block;
    padding-bottom: 4mm;
    border-bottom: 1mm solid #991b1b;
}

.border-pattern .content .inner-content h3 {
    font-size: 2.6rem;
    margin-bottom: 0;
    margin-top: 10mm;
}

.border-pattern .content .inner-content p {
    font-size: 2.1rem;
}

.border-pattern .content .inner-content .badge {
    width: 40mm;
    height: 40mm;
    position: absolute;
    right: 10mm;
    bottom: 10mm;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 12l2 2 4-4M7.835 4.697a3.42 3.42 0 001.946-.806 3.42 3.42 0 014.438 0 3.42 3.42 0 001.946.806 3.42 3.42 0 013.138 3.138 3.42 3.42 0 00.806 1.946 3.42 3.42 0 010 4.438 3.42 3.42 0 00-.806 1.946 3.42 3.42 0 01-3.138 3.138 3.42 3.42 0 00-1.946.806 3.42 3.42 0 01-4.438 0 3.42 3.42 0 00-1.946-.806 3.42 3.42 0 01-3.138-3.138 3.42 3.42 0 00-.806-1.946 3.42 3.42 0 010-4.438 3.42 3.42 0 00.806-1.946 3.42 3.42 0 013.138-3.138z' /%3E%3C/svg%3E");
}

.border-pattern .content .inner-content .name {
    font-size: 4rem;
    font-family: "Dancing Script", cursive;
}

.article_detail .categories-section {
    text-align: left;
}

.bg-success {
    background-color: var(--color-highlight) !important;
}

.article_detail .categories-section > li {
    display: inline-flex;
    margin-right: .6rem;
}

body.member.logout {
    margin: auto;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/*body.member.logout header, body.member.logout footer {*/
/*    display: none;*/
/*}*/

.social_network .btn-social {
    display: inline-block;
    margin-right: 1.5rem;
}

.social_network .btn-social a {
    color: var(--color-main);
    font-size: 1.8rem;
}

.course_video iframe {
    max-height: 80vh;
    aspect-ratio: 1.75;
    width: 100%;
}

.language-picker{
    display: flex;
    align-items: center;
    color: white;
}

.box-search-lang {
    
}

.box-search-lang {
    display: flex;
    align-items: center;
}

footer::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background:  url('https://cdn6836.cdn4s2.com/media/background/background-footer.jpg') no-repeat;
    width: 100%;
    height: 100%;
    background-size: cover;
    z-index: -1;
    pointer-events: none;
    background-position: bottom;
}

.row-abu .img-bg {
    padding: 10rem 0;
    position: relative;
    background-size: cover;
    background-position: center;
    z-index: 0;
    background-attachment: fixed !important;
}

/*.row-abu .img-bg::after {*/
/*    content: "";*/
/*    position: absolute;*/
/*    inset: 0;*/
    /*background: rgba(0,0,0,0.6);*/
/*    z-index: -1;*/
/*}*/

.item-home-abu .inner-content {
    padding-right: 35px !important;
    padding-bottom: 10px !important;
    padding-left: 35px !important;
    background-color: rgba(0, 0, 0, 0.68) !important;
    height: 100%;
    justify-content: center;
    display: flex;
    flex-direction: column;
}

.item-home-abu .btn-submit  {
    width: max-content;
}

.para-1 strong {
    color: var(--color-highlight);
}

.para-2 strong {
    color: var(--color-highlight-2);
}

.item-home-abu .article-description {
    color: white;
}

.item-home-abu .article-title {
    font-size: 46px;
    position: relative;
    font-weight: 400;
}

.item-home-abu .article-title::before {
    content: "";
    height: 3px;
    width: 60px;
    display: inline-block;
    background: var(--color-highlight);
    position: absolute;
    bottom: 0;
    left: 0;
}

#counter .col-6 .item-counter{
    border-bottom: 1px solid var(--gray-bold);
    height: 100%;
}

.item-counter {
    padding: 1.5rem;
}

.item-counter .counter-value {
    font-size: 54px;
    font-weight: 600;
}

.item-counter .description {
    font-size: 25px;
    color: rgba(255, 255, 255, 0.7);
}

#counter > .row > .col-6:nth-child(odd) .item-counter {
    border-right: 1px solid var(--gray-bold);
}

#counter > .row > .col-6:nth-child(5) .item-counter,
#counter > .row > .col-6:nth-child(6) .item-counter {
    border-bottom: none;
}

.cate-article-item:hover .inner-content {
    opacity: 1;
}

.cate-article-item .inner-content {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 95%;
    height: 135px;
    background: white;
    transform: translate(-50%, -50%);
    opacity: 0;
    pointer-events: none;
    
    transition: 0.5s ease-in-out;
}

.cate-article-item {
    position: relative;
}

.cate-article-item .post-info{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.p-title a {
    color: var(--color-highlight) !important;
}

.cate-article-item img {
    object-fit: cover;
}

.swiper-slider-main .logo img {
    height: 100%;
    width: 100%;
    /* min-height: 0 !important; */
}

.swiper-slider-main .swiper-slide--tile {
    font-family: "Satisfy", cursive;
}

.swiper-slide--link {
    color: white;
    font-size: 16px;
    font-weight: 500;
    border: 1px solid white;
    padding: 1.5rem 2rem;
}

.swiper-slide--link:hover {
    color: black;
    background: white;
}

.swiper-slider-main .swiper-slide:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    top: 0;
    left: 0;
    pointer-events: none;
}

.swiper-slider-main .swiper-slide {
    position: relative;
}

.swiper-slider-main .swiper-slide::before {
    background: linear-gradient(#000000, rgba(0, 0, 0, 0.89), rgba(51, 61, 71, 0.46), rgba(51, 61, 71, 0.0), rgba(51, 61, 71, 0.0), rgba(51, 61, 71, 0.0), rgba(51, 61, 71, 0.0));
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 100%;
    height: 50%;
    display: block;
    z-index: 99;
}

.slide-kh-danhgia img{
    width: 100px;
    height: 100px;
    object-fit: cover;
    border-radius: 50%;
}

.slide-kh-danhgia .swiper-slide--description {
    font-size: 14px;
}

/*#id-page-m0d3521.logout .slider-sub{*/
/*    display: none;*/
/*}*/

/*#id-page-m0d3521 header {*/
/*    position: relative;*/
/*}*/

/*#id-page-m0d3521 .menu-section > ul > li > a,*/
/*#id-page-m0d3521 .header-search i {*/
/*    color: black;*/
/*}*/

/*#id-page-m0d3521 .menu-section > ul > li > a:hover {*/
/*    color: var(--color-highlight);*/
/*}*/

/*#id-page-m0d3521 .language-picker {*/
/*    color: black;*/
/*}*/

/*#id-page-m0d3521 .member-section a {*/
/*    color: black !important;*/
/*}*/

 .member-section > div >  a {
    color: white !important;
}

.ratio-130 {
    padding-top: 130%;
}

.video-thumb {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.video-thumb img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 8px;
}

.play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 70px;
    height: 70px;
    transform: translate(-50%, -50%);
    background: rgba(0, 0, 0, 0.45);
    border-radius: 50%;
    pointer-events: none;
}

.play-icon::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-40%, -50%); /* dịch nhẹ để tạo hình play chuẩn */
    width: 0;
    height: 0;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    border-left: 24px solid white;
}

.cus-thumb-ytb {
    position: absolute;
    z-index: 9;
    width: 100%;
    /*pointer-events: none;*/
    cursor: pointer;
}

.cus-box-ytb.playing .cus-thumb-ytb {
    display: none;
}

.cus-box-ytb {
    overflow: hidden;
}

.cus-box-ytb .cus-thumb-ytb img {
    transition: 0.5s;
}

.cus-box-ytb:hover .cus-thumb-ytb img {
    scale: 1.05;
}

.box-category-product .info-left {
    display: flex;
    align-content: space-around;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    height: 100%;
}

.box-category-product .info-left .title-section {
    text-align: left;
    font-size: 35px;
}

.box-category-product .item-next-prev {
    display: flex;
    align-items: center;
}

.box-category-product .item-next-prev .swiper-button-next-dm, .box-category-product .item-next-prev .swiper-button-prev-dm {
    width: 40px;
    height: 40px;
    background: #c9c6c1;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    margin-right: 10px;
}

.box-category-product .content-category .info-right .swiper-slide {
    width: 365px;
}

.box-category-product .content-category .info-right .item {
    background: #f7e8d3;
    border-radius: 10px;
    /* border-bottom-right-radius: 30px; */
    /*display: flex;*/
    align-items: center;
    overflow: hidden;
}

/*.box-category-product .content-category .info-right .item .inter-img {*/
/*    flex: 0 0 50%;*/
/*    max-width: 50%;*/
/*    order: 2;*/
/*}*/

.box-category-product .content-category .info-right .item .inter-content {
    background: var(--color-highlight-2);
    /* border-radius: 10px; */
    padding: 20px 20px;
    min-height: 230px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.box-category-product .content-category .info-right .item .inter-img .img {
    padding-top: 100%;
}

.cus-ptmn {
    padding-top: 9rem;
    background: #212121;
}

.img-fb img{
    height: 7rem;
    object-fit: contain;
}

.item_mxh {
    position: relative;
    overflow: hidden;
    display: inline-block;
}

.item_mxh::before {
  position: absolute;
  top: 0;
  left: -100%;
  display: block;
  content: "";
  width: 50%;
  height: 100%;
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.3)));
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
  -webkit-transform: skewX(-35deg);
  -ms-transform: skewX(-35deg);
  transform: skewX(-35deg);
  z-index: 1;
}

.item_mxh:hover::before {
  -webkit-animation: hoverShine 1.2s;
  animation: hoverShine 1.2s;
}

@-webkit-keyframes hoverShine {
  100% {
    left: 125%;
  }
}
@keyframes hoverShine {
  100% {
    left: 125%;
  }
}

.btn-more {
    color: var(--black);
    border: 1px solid var(--black);
    border-radius: 3rem;
    padding: 1rem 2.5rem;
    position: relative;
    font-size: 1.6rem;
    font-weight: 600;
}

.box-detail-attr .title {
    font-size: 18px;
    font-weight: 600;
}

.fb-reel {
    position: relative;
    width: 100%;
    /*max-width: 420px;*/
    margin: auto;
}

.fb-reel iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.yt-short {
    position: relative;
    width: 100%;
    margin: auto;
}
.yt-short iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.ratio-177 {
    padding-top: 177%;
}

.img-bg {
    position: relative;
}

.img-bg:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.7);
    top: 0;
    left: 0;
    pointer-events: none;
}

.article-item .article-title a {
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.is-mobile .member-section > div > a {
    color: black !important;
}

.is-mobile .member-section .login {
    /* background-color: white; */
    color: var(--black);
}

@media(max-width: 1600px) {
    footer::before {
        background-size: auto;
    }
}

@media (min-width: 1024px) and  (max-width: 1280px) {
    .cus-ptmn {
    padding-top: 15rem;
    }
}

@media (min-width: 1024px) and  (max-width: 1500px) {
    html[lang="en"] .cus-ptmn {
        padding-top: 15rem;
    }

}

@media (min-width: 576px) {
    .layout-member-box {
        margin-top: 3rem;
        margin-bottom: 3rem;
    }
}

@media (min-width: 768px) {
    .box-detail-attr > .item:nth-child(2n) > .row{
        flex-direction: row-reverse;
    }
    
    
    .home_article > div > div {
        height: 100%;
    }

    .col_right_custom .article-item {
        display: flex;
    }

    .col_right_custom .inner-image {
        width: 30%;
        height: 100%;
    }

    .col_right_custom .inner-image > div {
        /* position: static; */
        /* padding-top: 0; */
         height: 100%; 
    }

    .col_right_custom .inner-image img {
        /* position: static; */
    }

    .col_right_custom .inner-content {
        width: 70%;
    }
    
    .swiper-slider-main .main-logo .logo-here:before{
        content: "";
        display: inline-block;
        position: absolute;
        height: 20%;
        width: 2px;
        background: white;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
    }
    
    .swiper-slider-main .main-logo .logo-here:after{
        content: "";
        display: inline-block;
        position: absolute;
        height: 7px;
        width: 7px;
        background: white;
        border-radius: 50%;
        bottom: 20%;
        left: 50%;
        transform: translateX(-50%);
    }
    
    .swiper-slider-main .box-sub-logo .logo-here:before,
    .swiper-slider-main .box-sub-logo .logo-here:after{
        content: "";
        display: inline-block;
        position: absolute;
        background: white;
    }
    
    .swiper-slider-main .box-sub-logo > .row > .logo-here:nth-child(1):before{
        height: 2px;
        width: 50%;
        top: 0;
        right: 0;
    }
    
    .swiper-slider-main .box-sub-logo > .row > .logo-here:nth-child(1):after{
        height: 7px;
        width: 7px;
        border-radius: 50%;
        top: -3px;
        left: 50%;
        transform: translateX(-50%);
    }
    
    .swiper-slider-main .box-sub-logo > .row > .logo-here:nth-child(2):before{
        height: 2px;
        width: 100%;
        top: 0;
        right: 0;
    }
    
    .swiper-slider-main .box-sub-logo > .row > .logo-here:nth-child(2):after{
        height: 7px;
        width: 7px;
        border-radius: 50%;
        top: -3px;
        left: 50%;
        transform: translateX(-44%);
    }
    
    .swiper-slider-main .box-sub-logo > .row > .logo-here:nth-child(3):before{
        height: 2px;
        width: 50%;
        top: 0;
        left: 0;
    }
    
    .swiper-slider-main .box-sub-logo > .row > .logo-here:nth-child(3):after{
        height: 7px;
        width: 7px;
        border-radius: 50%;
        top: -3px;
        right: 50%;
        transform: translateX(50%);
    }
    
    
}

@media (min-width: 992px) {
    .box-swiper-embed .swiper-slide {
        /*padding: 0 6rem;*/
        /*transition: 0.3s;*/
        transition: 
        transform 0.6s ease,
        opacity 0.6s ease;
        transform: scale(0.85);
    }
    
    .box-swiper-embed .swiper-slide.swiper-slide-active {
        /*padding: 0;*/
        transform: scale(1);
        opacity: 1;
    }
    
    .col_right_custom:last-child {
        margin-bottom: 0 !important;
    }
    
    .box-category-product .content-category>.row>div:nth-child(1) {
        flex: 0 0 200px;
        max-width: 200px;
    }
    
    .box-category-product .content-category>.row>div:nth-child(2) {
        flex-basis: calc(100% - 200px);
        max-width: calc(100% - 200px);
    }
    
    .product-content-detail {
        padding: 5.5rem 0;
    }
    
    .parent-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-template-rows: repeat(5, 70px);
        gap: 10px;
    }
    
    .parent-grid > .cate-article-item:nth-child(1)   {
        grid-row: span 2 / span 2;
    }
    
    .parent-grid > .cate-article-item:nth-child(2)   {
        grid-row: span 3 / span 3;
    }
    
    .parent-grid > .cate-article-item:nth-child(3)   {
        grid-row: span 2 / span 2;
    }
    
    .parent-grid > .cate-article-item:nth-child(4)   {
        grid-row: span 3 / span 3;
    }
    
    .parent-grid > .cate-article-item:nth-child(5)   {
        grid-row: span 3 / span 3;
        grid-row-start: 3;
    }
    
    .parent-grid > .cate-article-item:nth-child(6)   {
        grid-row: span 2 / span 2;
        grid-column-start: 2;
        grid-row-start: 4;
    }
    
    .parent-grid > .cate-article-item:nth-child(7)   {
        grid-row: span 3 / span 3;
        grid-column-start: 3;
        grid-row-start: 3;
    }
    
    .parent-grid > .cate-article-item:nth-child(8)   {
        grid-row: span 2 / span 2;
        grid-column-start: 4;
        grid-row-start: 4;
    }
}

@media (min-width: 1500px) {
    .container2 .container {
        max-width: 1480px;
    }
}

@media (min-width: 1600px) {
    .container2 .container {
        max-width: 1580px;
    }
}



@media (min-width: 1024px) {
    .container {
        max-width: 1024px;
    }

    /*.intro-home, #counter {*/
    /*    max-width: 60%;*/
    /*}*/

    .menu-vertical--content li ul li ul li ul li a {
        padding: 0.5rem 1rem 0.5rem 1.8rem;
    }

    .menu_flex {
        display: flex;
        justify-content: space-between;
    }

    .menu_flex > li:first-child a {
        padding-left: 0;
    }

    .menu_flex > li:last-child a {
        padding-right: 0;
    }
}

@media (min-width: 1200px) {
    .title-section h3, .title-section h1 {
        font-size: 3.6rem;
    }
    
    
}

@media (min-width: 1280px) {
    .container {
        max-width: 1280px;
    }
}

@media (min-width: 1400px) {
    .d-xxl-none {
        display: none !important;
    }

    .d-xxl-block {
        display: block !important;
    }
    
    .container {
        max-width: 1350px;
    }
}

@media (min-width: 1440px) {
    /*header .container, footer .container {*/
    /*    max-width: 1440px;*/
    /*}*/

    .bl_search {
        width: 30%;
    }
}

@media (min-width: 1500px) {
    /*.search-section {*/
    /*    min-width: 39rem;*/
    /*    width: 100%;*/
    /*}*/
}

@media (max-width: 1280px) {
    .home_rate {
        width: 13.5rem;
    }
}

@media (max-width: 1200px) {
    .box-search-small {
        display: flex !important;
    }

    /*.search-section {*/
    /*    display: none;*/
    /*}*/
}

@media (max-width: 1200px) and (min-width: 1024px) {
    .header_menu_left {
        margin-left: 4%;
    }

    .header_menu_right {
        margin-right: auto;
    }
}

@media (max-width: 1080px) {
    .swiper-slide--tile {
        font-size: 3.5rem;
    }

    .swiper-slide--description {
        font-size: 1.8rem;
    }

    .swiper-slide--wrap .btn-submit {
        padding: 1rem 3rem !important;
    }
}

@media (max-width: 1024px) {
    .setting-menu-mb>.container>.row>div {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    .menu-vertical--content {
        display: block !important;
        position: static;
        width: 100%;
        border-top: 1px solid #e3e3e3;
    }

    .menu-vertical--content > .container {
        padding: 0;
    }

    .menu_flex > .has-child > ul {
        display: none;
    }

    .menu_flex ul {
        padding-left: 2.2rem;
    }

    .menu_flex > li {
        border-bottom: 1px solid #e3e3e3;
    }

    .bg_gradient:before {
        content: none;
    }

    .mb-d-none {
        display: none;
    }

    .categories_content {
        /* text-align: left; */
        padding: 1rem;
        width: 100%;
        overflow-x: scroll;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 1rem;
    }

    .home .categories_content {
        overflow-x: scroll;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 1rem;
    }

    .categories_content > li {
        margin: 0 !important;
        display: block !important;
    }

    .categories_content a {
        padding: 1rem 2.5rem;
        white-space: nowrap;
        width: max-content;
        min-width: 100%;
        justify-content: space-between;
    }

    .member-section .dropdown {
        background: transparent;
    }

    .member-section #member-info {
        justify-content: center;
    }
}

@media (max-width: 1024px) and (min-width: 768px) {
    body:not(.is-mobile) .setting-menu>.container>.row>div>div {
        /* max-width: 40%; */ /* width: 100%; */
    }

    body:not(.is-mobile) .bl_logo {
        text-align: center;
        max-width: max-content !important;
    }

    body:not(.is-mobile) .header_menu_left {
        /* order: -1; */
    }
}

@media (max-width: 1000px) {
    .vertical-title-small {
        display: block !important;
        padding: 1.5rem 2rem;
    }

    .menu-vertical--title {
        display: block;
    }
    
    .logo-section img {
        max-width: none;
    }
}

@media (max-width: 992px) {
    .parent-grid .cate-article-item {
        margin-bottom: 1rem;
        
    }
    
    .parent-grid .cate-article-item img{
        height: 345px;
        width: 100%;
        
    }
    
    /*header .container, footer .container {*/
    /*    max-width: 100%;*/
    /*}*/

    .left-menu-member {
        padding: 4rem 3rem;
    }

    #nh-admin-bar {
        display: none;
    }

    .setting-menu > .container > .row > div:first-child {
        /* flex: 0 0 65%; */
        /* max-width: 65%; */
    }

    .setting-menu > .container > .row > div:last-child {
        /* flex: 0 0 35%; */
        /* max-width: 35%; */
        /*padding-right: 5rem;*/
    }

    .menu-vertical--title {
        padding: 1rem 1rem 1rem 1.5rem;
    }

    .header-top>.row>div {
        display: flex;
        align-items: center;
        justify-content: end;
    }

    .is-mobile .btn-mini-cart i {
        font-size: 2rem;
    }

    .is-mobile .btn-mini-cart .items-number {
        position: inherit;
        top: inherit;
        right: inherit;
    }

    .is-mobile .btn-mini-cart {
        padding: 0 !important;
        color: white;
    }

    .is-mobile .search-section {
        padding-left: 0;
    }

    .footer-mb>.container>.row>div {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .social-share .list-social .btn-social a {
        width: 4rem;
        height: 4rem;
        line-height: 4rem;
    }

    #return-to-top {
        bottom: 7rem;
        right: 1.5rem;
    }

    .share-buttons {
        right: 2px;
    }

    body.is-mobile {
        margin-bottom: 5rem;
    }

    .btn-submit {
        padding: 1.2rem 1.6rem;
    }
}

@media only screen and (max-width: 991px) {
    .setting-menu {
        padding: 2rem 0;
    }

    .search-section {
        padding-left: 3rem;
        margin-left: 0;
    }

    .search-section:before {
        opacity: 0;
    }

    .product-detail-head>.row {
        flex-direction: column-reverse;
    }
}

@media (max-width: 768px) {
    .swiper-button-prev.button-outside, .swiper-button-next.button-outside {
        background-color: transparent;
        box-shadow: unset;
    }
    
    .ratio-16-9.logo-here {
        padding-top: 40%;
    }
    
    .cus-ptmn {
        padding-top: 7.5rem;
    }
    
    header .logo-section img {
        height: 5.5rem;
        max-width: none;
    }

    .is-mobile .swiper-slider-main .swiper-slide img {
        /* height: 45vh; */
        /* object-position: 70% center; */
    }

    .swiper-slider-main .swiper-slide--tile {
        font-size: 2.2rem;
        margin-bottom: 1.5rem;
    }

    .swiper-slider-main .swiper-slide--description {
        font-size: 1.6rem;
        margin-bottom: 1.5rem;
    }

    .breadcrumbs-section-bg {
        padding-bottom: 5rem;
        padding-top: 10rem;
    }

    .article_detail .breadcrumbs-section-bg h1 {
        font-size: 3rem;
        line-height: 1.3;
    }

    .breadcrumbs-section-bg h1.text-h1 {
        font-size: 3rem;
    }

    .block-tab.nav .nav-item .nav-link {
        padding: 1rem 2.5rem;
    }

    .active-package {
        padding: 0.6rem 1rem 0.7rem;
    }

    .menu-vertical--title .text-menu-ver {
        /* display: none; */
    }

    .nh-admin-bar ul {
        display: none;
    }

    .head-info .email {
        display: none !important;
    }

    .title-section h3, .title-section h1 {
        font-size: 2.8rem;
    }

    .footer-mb>.container>.row>div {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .product-attr {
        flex-wrap: wrap;
        justify-content: start;
    }

    .product-attr .lession {
        float: left !important;
        margin-top: 1rem;
        margin-bottom: 1rem;
    }

    .product-attr .lession:before {
        opacity: 0;
    }

    .product-attr .product-rating {
        margin-top: 1rem;
    }

    .title-tab .block-tab , .product-detail-footer .nav {
        overflow-x: scroll;
        /* scrollbar-width: none; */
        white-space: nowrap;
        flex-wrap: nowrap !important;
        justify-content: flex-start !important;
        width: 100%;
        padding-bottom: 1rem;
    }

    .product-detail-footer .nav {
        /* flex-wrap: nowrap; */
        justify-content: center;
    }

    .swiper-slider-main .swiper-slide:before {
        /* content: ''; */
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgb(0 0 0 / 30%);
    }

    .swiper-slider-main .swiper-slide--tile, .swiper-slider-main .swiper-slide--description, .number-info, .swiper-slider-main .number-info a, .hotline i {
        color: white !important;
    }

    .swiper-slider-main .swiper-slide--tile {
        line-height: 1.4;
    }

    #tingiangvien .mceTmpl img {
        width: 100%;
    }

    #lotrinh .info h5 {
        font-size: 16px;
        padding: 10px 10px 10px 20px;
    }

    .tg-hoc-lotrinh {
        top: -20px;
    }

    .event-small .article-item .post-date {
        flex: 0 0 9rem;
        max-width: 9rem;
    }

    .event-small .article-item .post-date span.day {
        font-size: 2.5rem;
        line-height: 1.2;
    }

    .input-opt input {
        flex: 0 0 5rem;
        max-width: 5rem;
        height: 5rem;
        border-radius: 0.5rem;
    }
}

@media (max-width: 576px) {
    .title-section h3, .title-section h1 {
        font-size: 2.2rem;
    }
}

@media (max-width: 425px) {
    .title-section h3, .title-section h1 {
        font-size: 2rem;
    }
}

@media (max-width: 390px) {
    .title-section h3, .title-section h1 {
        font-size: 2.6rem;
    }
}

.item-answer.is-answer {
    color: #390 !important;
}

.item-answer.cs-answer {
    color: red;
}

.zalo-chat-widget {
    position: static !important;
}

.tai-ebook-ctsp > a {
    background-color: var(--color-highlight);
    color: white;
    padding: 10px 15px;
    border-radius: 30px;
}

.is-mobile .table-content-icon {
    right: 5% !important;
}

@media (max-width: 576px) {
    header {
        display: inline;
    }

    .is-mobile .member-section > a {
        padding: 3px 1rem 3px;
    }

    #lotrinh .info h5:after {
        left: 5px;
        top: 10px;
    }

    .block-home-tab .block-tab.nav {
        align-items: center;
        justify-content: center;
        flex-wrap: nowrap;
    }
}

.anh-tg-chi-tiet img {
    border-radius: 8rem;
    overflow: hidden;
    height: 100%;
    object-fit: cover;
}

.suggest-price .price-amount.old-price {
    font-size: 1.3rem;
}

/*.price-amount.old-price::after {*/
/*    content: '';*/
/*    position: absolute;*/
/*    left: 0;*/
/*    top: 50%;*/
/*    transform: translateY(-50%);*/
/*    height: 0.1rem;*/
/*    background-color: var(--color-text);*/
/*    width: 100%;*/
/*}*/

.title-section {
    font-size: 46px;
    font-weight: 400;
}

.cus-height-giat {
    max-height: 100vh;
}

footer::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.1);
    width: 100%;
    height: 100%;
    background-size: cover;
    z-index: -1;
    pointer-events: none;
}

@media (max-width: 768px) {
    .anh-tg-chi-tiet img {
        object-fit: contain;
    }
    
    .sub-logo img {
        /*min-height: 0 !important;*/
        /*height: auto !important;*/
    }
    
    .sub-logo {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    
    .sub-logo .this {
        width: 65%;
    }
    
    .swiper-slide--link {
        color: white;
        font-size: 12px;
        font-weight: 500;
        border: 1px solid white;
        padding: 0.5rem 1rem;
    }
    
    /*.sub-logo .ratio-16-9 {*/
    /*    padding-top: 40%;*/
    /*}*/
    
    /*.swiper-slider-main .logo img {*/
    /*    height: 84px !important;*/
    /*}*/
    
    .title-section {
        font-size: 24px;
    }
    
    .main-logo img {
        min-height: 0 !important;
        width: 100% !important;
        object-fit: contain !important;
    }

    .swiper-slider-main .swiper-slide--wrap {
        position: absolute;
        top: 50%;
    }
    
    .item-counter .counter-value {
        font-size: 30px;
    }
    
    .item-counter .description {
        font-size: 16px;
    }
    
    .cus-space-15 > div {
        padding-left: 7.5px;   
        padding-right: 7.5px;   
    }
    
}

/*.is-mobile .bl_logo {*/
/*    margin: 0 auto;*/
/*}*/

/*.is-mobile .menu-mega-custom {*/
/*    position: absolute;*/
/*    right: 10px;*/
/*}*/

.is-mobile .breadcrumbs-section-bg {
    min-height: 27vh;
}

.is-mobile .menu-vertical--title {
    display: none;
}

.is-mobile header .bl_logo {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
}

.motadm img {
    height: auto;
}

.btn-toggle-menu,
.absolute-btn {
    display: none;
}

/* CHỈ HIỆN TRÊN MOBILE */
@media (max-width: 768px) {
    .home_article .row {
        margin-right: -7.5px;
        margin-left: -7.5px;
    }
    
    .home_article .col_right_custom {
        padding-right: 7.5px;
        padding-left: 7.5px;
    }

    .btn-toggle-menu {
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 10px 15px;
        background: var(--color-highlight);
        color: #fff;
        border-radius: 6px;
        cursor: pointer;
        font-weight: 500;
        width: 30px;
        height: 30px;
        justify-content: center;
        position: fixed;
        top: 50%;
        right: 15px;
    }

    .absolute-btn {
        display: none;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        max-height: 70vh;
        overflow-y: auto;
        background: #fff;
        z-index: 999;
        border-radius: 16px 16px 0 0;
        box-shadow: 0 -6px 20px rgba(0,0,0,0.15);
        padding: 15px;
    }

    .absolute-btn.active {
        display: block;
    }
}

.logo-here {
    position: relative;
}

.slider-sub .logo img {
    height: auto !important;
    width: 50%;
    min-height: 0 !important;
}

.article-item .article-description {
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.product-content-detail .price-amount {
    color: var(--color-highlight);
}

#agree-terms,
.form-check-label {
    cursor: pointer;
}