/*====================
6. Margin & padding
======================*/
:root {
    --body-font: 'Roboto', sans-serif;
    --heading-font: 'Yantramanav', sans-serif;
    --theme-color: #FDA31B;
    --theme-color2: #116E63;
    --theme-color-light: rgb(17, 110, 99, 0.09);
    --theme-bg-light: #F2F3F5;
    --body-text-color: #757F95;
    --color-white: #ffffff;
    --color-dark: #19232B;
    --hero-overlay-color: #000000;
    --slider-arrow-bg: rgba(255, 255, 255, 0.2);
    --box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%);
    --box-shadow2: 0 0 15px rgba(0, 0, 0, 0.17);
    --transition: all .5sease-in-out;
    --transition2: all .3sease-in-out;
    --border-info-color: rgba(0, 0, 0, 0.08);
    --border-info-color2: rgba(0, 0, 0, 0.05);
    --border-white-color: rgba(255, 255, 255, 0.08);
    --border-white-color2: rgba(255, 255, 255, 0.05);
    --footer-bg: #012758;
    --footer-bg2: #116E63;
    --footer-text-color: #F5FAFF;
}
:root {
    --thm-font: 'Inter-Regular';
    --thm-base: #3498db;
    --thm-color: #F47335;
    --thm-black: #333333;
    --thm-heading:#31303E;
    --thm-white: #ffffff;
    --thm-ase: #dff2d4;
    --thm-gray: #8e8e8e;
    --thm-f6: #F1F8FF;
    --thm-fb: #f6f6f6;
    --thm-p: #686868;
    --thm-line:linear-gradient(45deg,#6827b0,#3498db);
    --thm-skew:linear-gradient(-45deg,var(--thm-white) 49%,var(--thm-color) 50%);
}
@font-face {
    font-family: 'Montserrat-BlackItalic';
    src: url('../fonts/Montserrat-BlackItalic.eot');
    src: url('../fonts/Montserrat-BlackItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Montserrat-BlackItalic.woff2') format('woff2'),
    url('../fonts/Montserrat-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat-Black';
    src: url('../fonts/Montserrat-Black.eot');
    src: url('../fonts/Montserrat-Black.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Montserrat-Black.woff2') format('woff2'),
    url('../fonts/Montserrat-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat-BoldItalic';
    src: url('../fonts/Montserrat-BoldItalic.eot');
    src: url('../fonts/Montserrat-BoldItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Montserrat-BoldItalic.woff2') format('woff2'),
    url('../fonts/Montserrat-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat-Bold';
    src: url('../fonts/Montserrat-Bold.eot');
    src: url('../fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Montserrat-Bold.woff2') format('woff2'),
    url('../fonts/Montserrat-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat-ExtraLight';
    src: url('../fonts/Montserrat-ExtraLight.eot');
    src: url('../fonts/Montserrat-ExtraLight.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Montserrat-ExtraLight.woff2') format('woff2'),
    url('../fonts/Montserrat-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat-Italic';
    src: url('../fonts/Montserrat-Italic.eot');
    src: url('../fonts/Montserrat-Italic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Montserrat-Italic.woff2') format('woff2'),
    url('../fonts/Montserrat-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat-ExtraBold';
    src: url('../fonts/Montserrat-ExtraBold.eot');
    src: url('../fonts/Montserrat-ExtraBold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Montserrat-ExtraBold.woff2') format('woff2'),
    url('../fonts/Montserrat-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat-ExtraBoldItalic';
    src: url('../fonts/Montserrat-ExtraBoldItalic.eot');
    src: url('../fonts/Montserrat-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Montserrat-ExtraBoldItalic.woff2') format('woff2'),
    url('../fonts/Montserrat-ExtraBoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat-Light';
    src: url('../fonts/Montserrat-Light.eot');
    src: url('../fonts/Montserrat-Light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Montserrat-Light.woff2') format('woff2'),
    url('../fonts/Montserrat-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat-ExtraLightItalic';
    src: url('../fonts/Montserrat-ExtraLightItalic.eot');
    src: url('../fonts/Montserrat-ExtraLightItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Montserrat-ExtraLightItalic.woff2') format('woff2'),
    url('../fonts/Montserrat-ExtraLightItalic.woff') format('woff');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat-Medium';
    src: url('../fonts/Montserrat-Medium.eot');
    src: url('../fonts/Montserrat-Medium.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Montserrat-Medium.woff2') format('woff2'),
    url('../fonts/Montserrat-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat-SemiBold';
    src: url('../fonts/Montserrat-SemiBold.eot');
    src: url('../fonts/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Montserrat-SemiBold.woff2') format('woff2'),
    url('../fonts/Montserrat-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat-MediumItalic';
    src: url('../fonts/Montserrat-MediumItalic.eot');
    src: url('../fonts/Montserrat-MediumItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Montserrat-MediumItalic.woff2') format('woff2'),
    url('../fonts/Montserrat-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat-SemiBoldItalic';
    src: url('../fonts/Montserrat-SemiBoldItalic.eot');
    src: url('../fonts/Montserrat-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Montserrat-SemiBoldItalic.woff2') format('woff2'),
    url('../fonts/Montserrat-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat-LightItalic';
    src: url('../fonts/Montserrat-LightItalic.eot');
    src: url('../fonts/Montserrat-LightItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Montserrat-LightItalic.woff2') format('woff2'),
    url('../fonts/Montserrat-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat-Regular';
    src: url('../fonts/Montserrat-Regular.eot');
    src: url('../fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Montserrat-Regular.woff2') format('woff2'),
    url('../fonts/Montserrat-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat-Thin';
    src: url('../fonts/Montserrat-Thin.eot');
    src: url('../fonts/Montserrat-Thin.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Montserrat-Thin.woff2') format('woff2'),
    url('../fonts/Montserrat-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat-ThinItalic';
    src: url('../fonts/Montserrat-ThinItalic.eot');
    src: url('../fonts/Montserrat-ThinItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Montserrat-ThinItalic.woff2') format('woff2'),
    url('../fonts/Montserrat-ThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}



.top_head {
    border-top: 3px solid #f59e0b;
    background: #104870;
}
/*menuu destop chú ý d? b? d?n r?ng auto c?a th? li thì tmf dòng css và b? .sf-menu li:     /* white-space: nowrap; */
/*** ESSENTIAL STYLES ***/
.main_menu {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}
.sf-menu, .sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
}
.sf-menu li {
    position: relative;
}
.sf-menu ul {
    position: absolute;
    display: none;
    top: 100%;
    left: 0;
    z-index: 99;
    text-align: left;
}
.sf-menu>li {
    display: inline-block;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
    display: block;
    animation: fadeInUp .3s ease-out;

}

.sf-menu ul ul {
    top: 0;
    left: 100%;
}

/*** DEMO SKIN ***/
.sf-menu ul {
    box-shadow: 2px 2px 6px rgba(0,0,0,.2);
    width: 220px;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 999;
    background: white;
}
.sf-menu ul li a{
    color: #333;
    font-weight: bold;
    display: block;
    border-left: none;
    padding: 10px 10px;
    border-top: 1px dashed #777;
}
ul#example ul li a {
    display: block;
    width: 100%;
}
.sf-menu ul li{
    width: 100%;
    display: block;
    padding: 0px;
}
.sf-menu a {
    text-decoration: none;
    zoom: 1; /* IE7 */
    font-weight: bold;
    font-family: Montserrat-Regular;
    font-size: 17px;
    line-height: 25px;
}

.sf-menu a {
    color: #333;
    font-weight: bold;
    text-decoration: none !important;
}
.sf-menu li {
    -webkit-transition: background .2s;
    transition: background .2s;
    position: relative;
    padding: 0px 15px;
}
.sf-menu li:hover,
.sf-menu li.sfHover {
    /* only transition out, not in */
    -webkit-transition: none;
    transition: none;
}

/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul {
    padding-right: 2.5em;
    *padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */
}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 1em;
    margin-top: -3px;
    height: 0;
    width: 0;
    /* order of following 3 rules important for fallbacks to work */
    border: 5px solid transparent;
    border-top-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
    border-top-color: rgba(255,255,255,.5);
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
    border-top-color: white; /* IE8 fallback colour */
}
/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after {
    margin-top: -5px;
    margin-right: -3px;
    border-color: transparent;
    border-left-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
    border-left-color: rgba(255,255,255,.5);
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
    border-left-color: white;
}

ul#example>li>a {
    line-height: 103px;
    letter-spacing: 0.8px;
    color: white;
}


ul#example ul li{
    display: block;
}
.sf-menu ul li:first-child a{
    border: none;
}
ul#example ul li a{
    font-size: 15px;
}
figure.home-mvisual-img{
    width: 100%;
}
figure.home-mvisual-img img {
    width: 100%;
    height: auto;
}

.custom-left-menu a:hover{
    color: white;
}

.logo_head {
    padding-top: 23px;
    padding-bottom: 10px;
    text-align: left;
}
ul#example >li.menu-item-has-children.menu-item>a:after {
    content: "\f0dd";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    position: relative;
    top: -2px;
    left: 3px;
    background: none;
}
.list_menu_mobile.navbar-cates .navbar-link{
    color: #fff;
    font-family: Montserrat-Regular;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none !important;
}
.list_menu_mobile.navbar-cates .navbar-link span {
    width: 43px;
    height: 2px;
    margin-bottom: 7px;
    background: white;
    display: block;
}
.main_mobile_menu .logo_head_mobile img {
    padding: 10px 0px;
    max-width: 250px;
}
.list_menu_mobile.navbar-cates .navbar-link {
    cursor: pointer;
}

span.navbar-toggle-icon img {
    max-width: 25px;
    float: right;
}
div#abc .mm-navbar {
    background-color: #f5920c;
    background-image: -webkit-gradient(linear, left top, right top, from(#f48d00), to(#f73e00));
    background-image: linear-gradient(90deg, #f48d00 0%, #f73e00 100%);
}
div#abc a {
    font-family: 'Montserrat-Regular';
    font-size: 15px;
    color: #2d1100;
    font-weight: bold;
}

ul#example ul{
    border-top: 4px solid  #f73e00;
}
div#abc .mm-navbar a{
    color: white;
    font-family: Montserrat-Regular;
    font-size: 16px;
    font-weight: bold;
}
.list_menu_mobile.navbar-cates {
    margin-top: 15px;
    display: flex;
    justify-content: right;
}
div#abc{
    background: #e4e4e4;
    z-index: 99999;
}
.mm-menu.mm-theme-dark .mm-listview>li .mm-next:after {
    border-color: #333;
}
.main_mobile_menu {
    display: none;
}
div#main_slider img {
    width: 100%;
    height: auto;
}
div#main_slider{
    position: relative;
}
div#main_slider .item{
    position: relative;
}


.mobile-vntch68-check {
    width: 100%;
    text-align: center;
    margin: 0px auto;
    display: flex;
    gap: 30px;
    justify-content: flex-end;
    padding: 10px 20px;
    border-bottom: 1px solid #ccc;
}
/*
* And with max cross-browser enabled.
* Nobody should ever write this by hand.
* Use a preprocesser with autoprefixing.
*/
.is-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.is-flex > [class*=\'col-\'] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.wr-img{
    position: relative;
    overflow: hidden;
}
.wr-img::before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}
.wr-img:hover::before {
    -webkit-animation: shine .75s;
    animation: shine .75s;
}
@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}
@keyframes shine {
    100% {
        left: 125%;
    }
}

ul#example .current-menu-item a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 15px;
    width: 100%;
    height: 2px;
    background-color: #fff;
    transform: scaleX(1) !important;
    transition: transform 0.3s ease-in-out;
}

.main_menu ul li a {
    text-decoration: none;
    display: inline-block;
    position: relative;
    color: #2d1100;
}
.main_menu > ul > li > a:hover{
    color: #f73e00;
}
.main_menu > ul > li >ul> li > a:hover{
    color: #f73e00;
}
/* Gạch chân menu cấp 1 khi active hoặc hover */
.main_menu > ul > li > a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 15px;
    width: 100%;
    height: 2px;
    background-color: #f5920c;
    background-image: -webkit-gradient(linear, left top, right top, from(#f48d00), to(#f73e00));
    background-image: linear-gradient(90deg, #fff 0%, #fff 100%);
    transform: scaleX(0);
    transition: transform 0.3s ease-in-out;
}

/* Hiển thị gạch chân khi active hoặc hover */
.main_menu > ul > li.active > a::after,
.main_menu > ul > li:hover > a::after {
    transform: scaleX(1);
}

.nav__uncollapsed {
    display: flex;
    align-items: center; /* Giữ nút Login và Sign Up trên cùng một hàng */
    justify-content: flex-start;
}
.cmn-button {
    font-family: Montserrat-Regular;
    font-weight: 700;
    color: #ffffff;
    padding: 10px 12px;
    background-color: #f5920c;
    background-image: -webkit-gradient(linear, left top, right top, from(#f48d00), to(#f73e00));
    background-image: linear-gradient(90deg, #f48d00 0%, #f73e00 100%);
    background-size: 100% 100%;
    border-radius: 5px;
    font-size: 15px;
    text-decoration: none;
}
.cmn-button:hover{
    text-decoration: none;
}
.nav__uncollapsed .bottom-vntech {
    font-size: 18px;
    line-height: 24px;
    color:white;
    font-family: Montserrat-Regular;
    text-decoration: none;
    font-weight: bold;
}
.nav__uncollapsed-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 30px;
}

/* Thêm clearfix vào container */
.clearfix::after {
    content: "";
    display: table;
    clear: both;
}
.main_header.fixed .logo_head{
    padding-top: 15px;
}
.main_header.fixed #example>li>a {
    line-height: 80px;
    letter-spacing: 0.8px;
    color: white;
}
.main_header.fixed{
    z-index: 9999;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
}
.logo_head img {
    max-width: 100%;
}

.contact-item {
    display: block !important;
    text-align: center;
}
.contact-icon {
    margin: 0px auto  !important;
    margin-bottom: 10px !important;
}
.contact-details p {
    display: block !important;
    text-align: center;
}


/*outstanding_student*/
.outstanding-student {
    margin: 0 auto;
    font-family: Montserrat-Regular;
}

.outstanding-student .student-card:first-child{
    border-top: 0px;
}
.outstanding-student .student-card {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 30px;
    border-top: 1px #999 solid;
    padding-top: 15px;
}

.outstanding-student .student-image {
    flex: 0 0 400px;
    max-width: 100%;
}

.outstanding-student .student-image img {
    width: 100%;
    height: auto;
    display: block;
}
.wr-image{
    position: relative;
    overflow: hidden;
}
.wr-image img{
    width: 100%;
    height: auto;
}
.wr-image::before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}
.wr-image:hover::before {
    -webkit-animation: shine .75s;
    animation: shine .75s;
}
@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}
@keyframes shine {
    100% {
        left: 125%;
    }
}
.outstanding-student .student-content {
    flex: 1;
    min-width: 250px;
    position: relative;
}

.outstanding-student .student-title {
    font-size: 16px;
    margin: 0 0 5px;
    line-height: 1.4;
    position: relative;
    margin-top: 9px;
    font-family: Montserrat-Regular;

}

.outstanding-student .student-title a {
    color: #0073c6;
    text-decoration: none;
    font-weight: bold;
    font-family: Montserrat-Regular;
    text-transform: uppercase;
    line-height: 32px;
    font-size: 20px;
}

.outstanding-student .student-date {
    font-size: 14px;
    color: #555;
    margin-bottom: 15px;
}

.outstanding-student .student-excerpt {
    font-size: 16px;
    color: #333;
    margin-bottom: 10px;
    line-height: 30px;
}

.outstanding-student .read-more {
    background: #32a852;
    color: #fff;
    padding: 2px 12px;
    text-decoration: none;
    border-radius: 4px;
    font-size: 13px;
    display: inline-block;
    float: right;
    margin-right: 10px;
}

.outstanding-student .read-more:hover {
    background: #288c44;
}
.icon-top-left {
    background: url('../images/icon-top-left.gif') no-repeat;
    position: absolute;
    width: 15px;
    height: 16px;
    top: -10px;
}
figure {
    width: 100% !important;
}
@media (max-width: 768px) {
    .outstanding-student .student-card {
        flex-direction: column;
    }

    .outstanding-student .student-image,
    .outstanding-student .student-content {
        flex: 1 1 100%;
    }
}

.single-outstanding_student .module-name {
    text-transform: uppercase;
    padding: 20px 0;
    border-bottom: 1px #104870 solid;
    border-top: 1px #104870 solid;
}
/*end outstanding_student*/

@media (max-width: 1395px) {
    .sf-menu a{
        font-size: 14px;
    }
    .sf-menu li {
        padding: 0px 12px;
    }
}

@media (max-width: 1215px) {
    .sf-menu a {
        font-size: 14px;
        line-height: 25px;
    }
    ul#example>li>a {
        letter-spacing: unset;
    }
}
@media (max-width: 1195px) {
    .sf-menu a{
        font-size: 12px;
    }
    .sf-menu li {
        padding: 0px 10px;
    }
}

@media (max-width: 1120px) {
    .custom-left-menu a {
        padding: 40px 20px 40px 79px !important;
    }
    .main_menu .active a {
        font-size: 40px !important;
    }
    .sf-menu li {
        padding: 0px 10px;
    }
}
@media (max-width: 992px) {
    .main_mobile_menu {
        display: block;
        padding: 15px 5px;
        padding-top: 2px;
    }
    .menu_head_mb_desktop {
        display: none;
    }
    .main_mobile_menu .nav__uncollapsed{
        margin-bottom: 10px;
    }
    .menu-desktop {
        display: none;
    }
    .logo_head {
        max-width: 500px;
        margin: 0px auto;
        display: block;
        text-align: center;
    }

    .nav__uncollapsed .bottom-vntech,.cmn-button{
        font-size: 14px;
    }
    .slider_vntech {
        font-size: 60px !important;
    }
    .slider_tech span.text-white {
        font-size: 33px;
        line-height: 45px;
    }
    .ai-stats {
        display: block !important;
        gap: 1rem;
        justify-content: center;
        margin-bottom: 20px;
        display: block;
        width: 100%;
        max-width: 500px;
    }
    .stat-card {
        width: 100% !important;
        margin-bottom: 20px;
    }
}

@media (max-width: 876px) {
    .main_mobile_menu .logo_head_mobile img {
        padding: 10px 0px;
        width: 100%;
    }

}

@media (max-width: 860px) {

}

@media (max-width: 768px){
    .main_mobile_menu .row{
        display: unset;
    }
    .main_mobile_menu .row>*{
        flex-shrink: unset;
        justify-content: space-between;
        display: table-cell !important;
    }
    .d-none{
        display: block !important;
        text-align: right;
    }
    .main_mobile_menu .logo_head_mobile img {
        padding: 10px 0px;
        width: 100%;
        max-width: 190px;
    }
    .list_menu_mobile.navbar-cates {
        position: relative;
        top: 13px;
    }
    .course-content {
        padding: 1.5rem;
        display: block !important;
        flex-direction: column;
        height: 100%;
    }
    footer.footer-section .col-lg-3 ul.footer-links {
        text-align: left;
    }
    .ai-visual-container {
        height: max-content !important;
    }
    .vnhg {
        text-align: left;
    }
    section.sample-courses-section.py-5.bg-light .row.g-4 {
        display: contents;
    }

}
@media (max-width: 665px) {
    .stat-item h3 {
        font-size: 20px;
    }
    .hero-stats .stat-item .text-white-50.mb-0 {
        font-size: 14px;
    }
    .hero-stats {
        padding: 21px 10px;
    }
    .course-content {
        padding: 1.5rem;
        display: block !important;
        flex-direction: column;
        height: 100%;
    }

}
@media (max-width: 568px) {
    .full-mobile {
        width: 100%;
    }


}
@media (max-width: 522px) {

}
@media (max-width: 556px) {
    .full-items-box {
        width: 100%;
    }

}

@media (max-width: 456px){

}


@media (max-width: 405px){
    .list_menu_mobile.navbar-cates .navbar-link {
        position: relative;
        top: 15px;
    }
    .full-new {
        width: 100%;
    }

}
@media (max-width: 370px){
    .list_menu_mobile.navbar-cates .navbar-link {
        position: relative;
        top: 10px;
    }
}

@media (max-width: 310px){
    .list_menu_mobile.navbar-cates .navbar-link {
        position: relative;
        top: 0px;
        margin-top: 8px;
    }
}