/*
Theme Name: Vntech68
Theme URI: Vntech68
Author: Vntech68
Author URI:  Vntech68
Description:
License: Vntech68
License URI: Vntech68
Text Domain: Vntech68
Tags: Thiết kế website, Web Chuẩn seo, Dịch vụ seo, Dịch vụ tên miền, Dịch vụ Hosting...
@charset "utf-8";

Version: 2.3
*/
/*====================
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%);
}
.pb-140 {
    padding-bottom: 140px;
}

.pd-50 {
    padding: 50px 0;
}

.py-120 {
    padding: 120px 0;
}

.pt-120 {
    padding-top: 120px;
}

.pb-120 {
    padding-bottom: 120px;
}

.pt-0 {
    padding-top: 0px;
}

.pt-10 {
    padding-top: 10px;
}

.pt-20 {
    padding-top: 20px;
}

.pt-30 {
    padding-top: 30px;
}

.pt-40 {
    padding-top: 40px;
}

.pt-50 {
    padding-top: 50px;
}

.pt-60 {
    padding-top: 60px;
}

.pt-70 {
    padding-top: 70px;
}

.pt-80 {
    padding-top: 80px;
}

.pt-90 {
    padding-top: 90px;
}

.pt-100 {
    padding-top: 100px;
}

.pb-0 {
    padding-bottom: 0px;
}

.pb-10 {
    padding-bottom: 10px;
}

.pb-20 {
    padding-bottom: 20px;
}

.pb-30 {
    padding-bottom: 30px;
}

.pb-40 {
    padding-bottom: 40px;
}

.pb-50 {
    padding-bottom: 50px;
}

.pb-60 {
    padding-bottom: 60px;
}

.pb-70 {
    padding-bottom: 70px;
}

.pb-80 {
    padding-bottom: 80px;
}

.pb-90 {
    padding-bottom: 90px;
}

.pb-100 {
    padding-bottom: 100px;
}

.mt-0 {
    margin-top: 0px;
}

.mt-10 {
    margin-top: 10px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-30 {
    margin-top: 30px;
}

.mt-40 {
    margin-top: 40px;
}

.mt-50 {
    margin-top: 50px;
}

.mt-60 {
    margin-top: 60px;
}

.mt-70 {
    margin-top: 70px;
}

.mt-80 {
    margin-top: 80px;
}

.mt-90 {
    margin-top: 90px;
}

.mt-100 {
    margin-top: 100px;
}

.mt-120 {
    margin-top: 120px;
}

.mb-0 {
    margin-bottom: 0px;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-40 {
    margin-bottom: 40px;
}

.mb-50 {
    margin-bottom: 50px;
}

.mb-60 {
    margin-bottom: 60px;
}

.mb-70 {
    margin-bottom: 70px;
}

.mb-80 {
    margin-bottom: 80px;
}

.mb-90 {
    margin-bottom: 90px;
}

.mb-100 {
    margin-bottom: 100px;
}

.mb-120 {
    margin-bottom: 120px;
}

.mr-300 {
    margin-right: 300px;
}

.ml-300 {
    margin-left: 300px;
}


.top_head {
    border-top: 8px solid #f73e00;
}
/*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 ***/

.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;
}
.main_menu {
    width: 100%;
    display: block;
}

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: 20px;
    padding-bottom: 10px;
    text-align: left;
}

.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: #2d1100;
    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: 25px;
    display: flex;
    justify-content: right;
}
div#abc{
    background: #e4e4e4;
}
.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;
}
/*
* 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: 17px;*/
/*    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, #f48d00 0%, #f73e00 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);
}



/*foooter*/
.footer {
    background-color:#431505;
    /*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-position: top 10px center;*/
    /*background-repeat: no-repeat;*/
    /*background-size: contain;*/
    color: #FFF;

}
.footer .mailchim input {
    height: 40px;
    outline: none;
    border: none;
    -ms-flex: 0 0 calc(100% - 150px);
    flex: 0 0 calc(100% - 150px);
    max-width: calc(100% - 150px);
}
.form-control, .btn {
    font-size: 15px;
}
.footer .mailchim button {
    border: none;
    height: 40px;
    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%;
    color: #fff;
    margin-left: 10px;

}
.footer .mailchim {
    padding-top: 80px;
    padding-bottom: 60px;
    color: #FFF;
    border-bottom: 1px dashed rgba(255, 255, 255, 0.4);
    max-width: 1200px;
    margin: 0px auto;
    margin-bottom: 60px;
}
div#testimonial_widget-2,div#pricing_widget-2{
    padding: 0px;
}
#mc-form {
    display: flex;
    flex-wrap: nowrap; /* Ngăn không cho các phần tử xuống dòng */
    align-items: center;
    gap: 10px; /* Khoảng cách giữa input và button */
    max-width: 500px; /* Điều chỉnh chiều rộng tối đa nếu cần */
    width: 100%;
    margin: 0px auto;
}

#mc-form input {
    flex: 1; /* Input mở rộng chiếm hết không gian trống */
    min-width: 150px;
}

#mc-form button {
    white-space: nowrap; /* Ngăn button bị xuống dòng */
    outline: 0px !important;
}
#mc-form button:focus{
    outline: 0px !important;
}
#mc-form {
    display: flex;
    flex-wrap: nowrap; /* Ngăn không cho các phần tử xuống dòng */
    align-items: center;
    gap: 10px; /* Khoảng cách giữa input và button */
    max-width: 500px; /* Điều chỉnh chiều rộng tối đa nếu cần */
    width: 100%;
}

#mc-form input {
    flex: 1; /* Input mở rộng chiếm hết không gian trống */
    min-width: 150px;
}

#mc-form button {
    white-space: nowrap; /* Ngăn button bị xuống dòng */
}


.desc.mb-md-5{
    font-size: 18px;
    line-height: 25px;
    color: white;
    font-family:Montserrat-Regular ;
}
.footer .copyright {
    border-top: 1px solid rgba(255, 255, 255, 0.4);
}
.pb-3, .py-3 {
    padding-bottom: 1rem;
}
.pt-3, .py-3 {
    padding-top: 1rem;
}
.footer .title-menu {
    font-size: 18px;
    font-family: Montserrat-SemiBold;
    line-height: 30px;
    font-weight: bold;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 30px;
    font-size: 21px;
    z-index: 1;
}
.footer .title-menu::before {
    content: '';
    position: absolute;
    width: 90px;
    height: 3px;
    background: rgba(255, 255, 255, 0.2);
    bottom: 0;
    left: 0;
    z-index: -1;
}
.footer .title-menu::after {
    content: '';
    position: absolute;
    width: 30px;
    height: 3px;
    background: #fda31b;
    bottom: 0;
    left: 18px;
    z-index: -1;
}
.footer .col-info span {
    opacity: 0.8;
}
.box-custom-ft .d-block.mb-1{
    opacity: 0.8;
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 5px;
    display: block;
}
.box-custom-ft .sub-title-ft{
    color: white;
    font-size: 14px;
    line-height: 25px;
    font-family: Montserrat-Regular;
    font-weight: bold;
    text-transform: uppercase;
}
.box-custom-ft .descrip-ft {
    font-size: 14px;
    color: white;
    line-height: 23px;
    font-family: 'Montserrat-Regular';
    margin-bottom: 30px;
}
.box-custom-ft .descrip-ft a{
    font-size: 14px;
    color: white;
    line-height: 23px;
    font-family: 'Montserrat-Regular';
    font-weight: bold;
}
.footer a:hover {
    color: #f48d00;
    text-decoration: none;
}
.footer .box-custom-ft {
    padding-bottom: 20px;
}
.copyright.d-md-flex{
    color: white;
    font-family: Montserrat-Regular;
    font-size: 14px;
    line-height: 25px;
}
.copyright.d-md-flex a{
    color: white;
    margin-left: 5px;
    font-family: Montserrat-Regular;
    font-weight: bold;
}
.copyright.d-md-flex a:hover{
    color: #f73e00;
}
.list_menu_ft .list-menu li {
    display: block;
    margin-bottom: 10px;
}
.list_menu_ft .list-menu li a{
    color: #FFF;
    font-size: 16px;
    line-height: 25px;
    font-family: Inter-Regular;
}
.list_menu_ft .list-menu li:hover a{
    color: #f73e00;
}
.lk-icon {
    margin: 20px 0 0 0;
}
.lk-icon ul {
    margin: 0px!important;
}
.lk-icon ul li {
    display: inline-block;
    margin-right: 24px;
}
.lk-icon ul li a {
    display: block;
    text-align: center;
    line-height: 35px;
    text-decoration: none;
}
.lk-icon ul li a i{
    font-size: 30px;
    color: white;
    position: relative;
    top: 5px;
}
.lk-icon ul li a:hover i{
    color: #77b5ff;
}
.banner-ft-img img {
    max-width: 100%;
    height: auto;
}
.footer .box-custom-ft .d-flex a:nth-of-type(2){
    margin-left: 10px;
}
.footer .box-custom-ft .d-flex img{
    max-width: 100%;
    height: auto;
}
form#mc-form {
    margin-top: 50px;
}
.footer .mailchim .title.bold.m-0 {
    font-size: 35px;
    margin: 10px 0px;
    font-family: 'Montserrat-Regular';
    margin-bottom: 20px;
    font-weight: bold;
    line-height: 45px;
}


/*Giới thiệu*/
.section3 {
    padding: 0 0 70px 0;
}
.onlinelearning {
    padding: 100px 0 0 0px;
}
.onlinelearning .title-about {
    color: #ffb739;
    padding: 2px 0 18px 0;
    position: relative;
    font-size: 57px;
    margin-bottom: 30px;
    font-family: "Inter-Regular";
}
.onlinelearning .title-about::before {
    content: '';
    position: absolute;
    width: 90px;
    height: 3px;
    background: #212529;
    bottom: 0;
    left: 0;
    z-index: -1;
}
.sub-title-about{
    font-size: 28px;
    font-family: "Inter-Regular";
    line-height: 35px;
    color: #212529;
    text-align: left;
    font-weight: bold;

}
.onlinelearning .title-about::after {
    content: '';
    position: absolute;
    width: 30px;
    height: 3px;
    background: #fda31b;
    bottom: 0;
    left: 18px;
    z-index: -1;
}
.button {
    padding: 47px 0 0 0px;
}
.button a {
    color: black;
    background-color: #ffb739;
    padding: 12px 25px 12px 25px;
    border-radius: 10px;
    text-decoration: none;
}
.custom-btn-vn a{
    border: none;
    height: 40px;
    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%;
    color: #fff;
    font-family: Montserrat-Regular;
    font-size: 15px;
    font-weight: bold;
}
.custom-btn-vn a:hover {
    background: #354965;
    color: white;
}
.onlinelearning1 img {
    width: 64%;
    padding: 44px 0 0 0;
    float: right;
}
.onlinelearning2 {
    background-image: url('images/vector.png');
    background-position: left;
    background-repeat: no-repeat;
    background-size: cover;
    width: 50%;
    /* float: left; */
    height: 307px;
    /* width: 100%; */
}
.bottom-right {
    position: absolute;
    bottom: 12px;
    right: -75px;
    background-color: wheat;
    padding: 10px 8px 10px 7px;
    width: 40%;
    border-radius: 6px;
}
.bottom-right img {
    width: 22%;
    float: left;
    padding: 5px 5px 5px 5px;
    background-color: #1c3b66;
    border-radius: 6px;
}

.bottom-right span {
    display: flex;
    padding: 0 0 0 23px;
}
.top-left {
    position: absolute;
    top: 109px;
    left: 82px;
    background-color: wheat;
    padding: 10px 1px 11px 6px;
    width: 41%;
    border-radius: 6px;
}
.top-left img {
    width: 22%;
    float: left;
    padding: 0px 2px 0px 2px;
    background-color: #1c3b66;
    border-radius: 6px;
}
.top-left .vntechcheck,.bottom-right .vntechcheck {
    display: flex;
    padding: 0 0 0 23px;
    font-size: 14px;
    font-family: Montserrat-Regular;
    line-height: 22px;
}
.description-about {
    margin-top: 15px;
    font-size: 14px;
    line-height: 25px;
    font-family: 'Montserrat-Regular';
    color: #2d1100;
    font-weight: 400;
}
.description-about p{
    font-size: 16px;
    line-height: 28px;
    font-family: 'Inter-Regular';
    color: #2d1100;
    font-weight: 400;
}

/*slider*/
.main_menu {
    padding-top: 5px;
}

.top_head{
    background-color: #ffffff;
    -webkit-box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.08);
}

/*slider*/
.main_slider{
    position: relative;
}
/*.main_slider::before {*/
/*    content: "";*/
/*    position: absolute;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    left: -0.5px;*/
/*    top: 0;*/
/*    background: rgba(11, 28, 57, .7);*/
/*    z-index: 1;*/
/*}*/
.main_slider .item {
    position: relative;
    display: flex;
    justify-content: center; /* Căn giữa ngang */
    align-items: center; /* Căn giữa dọc */
    height: 100vh; /* Đặt chiều cao full màn hình */
    overflow: hidden;
}

.main_slider .item img {
    width: 100%; /* Đảm bảo ảnh phủ toàn bộ slider */
    height: 100%; /* Chiều cao bằng với slider */
    object-fit: cover; /* Đảm bảo ảnh không bị méo và luôn bao phủ */
    position: absolute;
    top: 0;
    left: 0;
}

.hero-content {
    /*position: relative;*/
    /*z-index: 2; !* Đặt trên ảnh *!*/
    text-align: center; /* Căn giữa nội dung text */
    /*max-width: 800px; !* Giới hạn chiều rộng nội dung *!*/
    /*color: #fff; !* Màu chữ trắng để nổi bật *!*/
    position: relative;
    z-index: 2;
    /*text-align: left;*/
    /*max-width: 800px;*/
    color: #fff;
    /*margin: 0 auto 0 0;*/
}


.hero-content .hero-title,
.hero-content .hero-sub-title,
.hero-content p {
    margin-bottom: 15px;
    font-family: Montserrat-Regular;
}

.hero-btn {
    display: flex;
    justify-content:center;
    gap: 15px;
}


.hero-content .hero-title {
    color: #ffffff;
    font-size: 30px;
    font-weight: 800;
    margin: 20px 0;
    text-transform: capitalize;
}

.theme-btn {
    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%;
    color: #fff;
    font-size: 14px;
    padding: 14px 20px;
    transition: all 0.5s;
    text-transform: uppercase;
    position: relative;
    border-radius: 8px;
    font-weight: 600;
    letter-spacing: 1px;
    cursor: pointer;
    text-align: center;
    overflow: hidden;
    border: none;
    box-shadow: var(--box-shadow);
    z-index: 1;
    text-decoration: none;
}
.theme-btn:hover{
    text-decoration: none;
    color: white;
    background: #116E63;
    transition: var(--transition2);

}
.theme-btn2:hover{
    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%;
    color: #fff;
}
.theme-btn2 {
    background: var(--color-white);
    color: var(--color-dark);
    text-decoration: none;
}

.hero-content .hero-sub-title {
    display: inline-block;
    color: var(--theme-color);
    font-size: 45px;
    letter-spacing: 6px;
    font-weight: 800;
    position: relative;
    text-transform: uppercase;
    border-bottom: 3px solid var(--theme-color);
    line-height: 40px;
}
.hero-content p {
    color: var(--color-white);
    line-height: 30px;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 20px;
    font-family: Montserrat-Regular;
    text-align: center;
}

.cmn-button a{
    font-family: Montserrat-Regular;
    font-weight: 700;
    color: #ffffff;
    padding: 15px 30px;
    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;
}

.main_menu {
    display: flex;
    align-items: center; /* Căn giữa theo chiều dọc */
    justify-content: space-between; /* Đẩy .nav__uncollapsed sang phải */
    position: relative; /* Giữ vững vị trí */
}
.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: 15px 30px;
    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: #2d1100;
    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: 15px;
}

/* ====
 --------- (5.5) seminar section styles end ---------
 ==== */
/* ====
 --------- (5.6) process section styles start ---------
 ==== */
.section {
    padding: 120px 0px;
    background-color: #ffffff;
}
.process {
    background-color: #fefaf3;
}
.process .process__content .section__title {
    margin-bottom: 20px;
}
.process .process__content p {
    margin-bottom: 40px;
}
.process .process__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-column-gap: 24px;
    -moz-column-gap: 24px;
    column-gap: 24px;
    row-gap: 30px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.process .process__items-single {
    width: calc(50% - 12px);
    background-color: #ffffff;
    -webkit-box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.08);
    border-radius: 10px;
    padding: 30px 20px;
}
.process .process__items-single__thumb {
    width: 80px;
    min-width: 80px;
    height: 80px;
    border-radius: 50%;
    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;
    background: #fff7f4;
    border: 1px solid #d3d3d3;
    border-radius: 10px;
    margin: 0px auto 30px;
}
.process h5 {
    margin-bottom: 15px;
}
.section__title {
    font-size: 57px;
    line-height: 74px;
    margin-top: -12px;
}
.process .process__content p {
    margin-bottom: 40px;
}
.process__content.col-margin p,
.process__content.col-margin th,
.process__content.col-margin td,
.process__content.col-margin li,
.process__content.col-margin label,
.process__content.col-margin blockquote,
.process__content.col-margin span {
    font-size: 18px;
    line-height: 30px;
    font-weight: 400;
    color: #2d1100;
    font-family: Inter-Regular;
}
.sub-title-process{
    padding: 0px;
    font-weight: 700;
    color: #2d1100;
    font-family: Inter-Regular;
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 15px;
}
.process .process__items-single p{
    font-family: Inter-Regular;
    font-size: 18px;
    line-height: 30px;
    font-weight: 400;
    color: #2d1100;
}
.process__content.col-margin {
    margin-bottom: 40px;
}
/* ====
/* ====
 --------- (4.4) footer styles end ---------
 ==== */
/* ====
 --------- (5.1) course section styles start ---------
 ==== */
.section__header .section__title {
    color: #150800;
    margin-bottom: 25px;
    background: linear-gradient(90deg, #f48d00 0%, #f73e00 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.section__header .section__sub-title {
    color: #2d1100;
    font-size: 18px;
    line-height: 30px;
    font-weight: 400;
    margin-top: -7px;
    color: #2d1100;
    font-family: "Inter-Regular";
}
.course__single {
    background: #ffffff;
    -webkit-box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.08);
    border-radius: 5px;
    margin-bottom: 40px;
}
.course__single-thumb {
    position: relative;
}
.course__single-thumb img {
    border-radius: 5px;
    width: 100%;
    height: auto;
}

.course__single-thumb .tag {
    position: absolute;
    bottom: 20px;
    left: 30px;
    padding: 10px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    background-color: #ffffff;
    font-weight: 700;
    color: #2d1100;
    margin: 0px;
    -webkit-box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.08);
    border-radius: 5px;
    font-size: 18px;
}
.course__single-content-meta a,
.course__single-content-meta span {
    font-family: "Inter-Regular";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    margin: 0px;
    font-weight: 600;
    font-size: 18px;
    line-height: 30px;
}
.course__single-content-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 10px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.course__single-content-title span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    gap: 8px;
    font-size: 18px;
    line-height: 32px;
}
.course__single-content-title span i {
    color: #ffd500;
}
.course__single-content-cta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content:flex-end;
    margin-top: 10px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 20px;
}

.course__intro {
    margin-bottom: 60px;
}

.all-courses {
    padding-bottom: 120px;
}
.course__single-content-title .sub-title-course{
    padding: 0px;
    margin: 0px;
    font-weight: 700;
    color: #2d1100;
    font-family: "Inter-Regular";
    font-size: 24px;
    line-height: 32px;
}
.course__single-content-title .sub-title-course a{
    text-decoration: none;
    font-weight: 700;
    color: #2d1100;
    font-family: "Inter-Regular";
    font-size: 24px;
    line-height: 32px;
}
.course__single-content-cta .price-sub span {
    font-size: 18px;
    font-weight: 400;
    text-decoration: line-through;
    color: #9f9f9f;
    font-family: "Inter-Regular";
}
.course__single-content-meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 10px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 20px;
}

.price-sub span{
    padding: 0px;
    margin: 0px;
    font-weight: 700;
    color: #2d1100;
    font-family: "Inter-Regular";
}
.course .course__single-content {
    padding: 15px 20px;
}
.price-sub {
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    font-family: "Inter-Regular";
}
.price-sub span {
    font-size: 18px;
    font-weight: 400;
    text-decoration: line-through;
    color: #9f9f9f;
}
.course .course__single-content p{
    font-size: 18px;
    line-height: 30px;
    font-weight: 400;
    margin-top: -7px;
    color: #2d1100;
    font-family: "Inter-Regular";
}
.course__single-content-meta a:hover{
    text-decoration: none;
    color: #f5920c;
    outline: 0px !important;
}
.course__single-content-meta a:focus{
    outline: 0px !important;
}
.cmn-button:hover{
    background:#f5920c;
    color: white;
}

.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%;
    }
}
.section.course .section__header {
    margin-bottom: 30px;
}

/* -------------------------------------------------------
                       ABOUT US
-------------------------------------------------------- */
.wrapper-aboutus {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    display: flex;
}

#aboutus {
    position: relative;
    padding-bottom: 50px;
}

.excellence {
    position: absolute;
    max-width: 1400px;
    left: 50%;
    top: 0;
    background-image: -webkit-gradient(linear, left top, right top, from(#ff5c3b), color-stop(97.61%, #6780ef));
    background-image: -o-linear-gradient(left, #ff5c3b 0%, #6780ef 97.61%);
    background-image: linear-gradient(90deg, #ff5c3b 0%, #6780ef 97.61%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-box-shadow: 0 24px 38px 3px rgb(0 0 0 / 14%), 0 9px 46px 8px rgb(0 0 0 / 12%), 0 11px 15px -7px rgb(0 0 0 / 20%);
    box-shadow: 0 24px 38px 3px rgb(0 0 0 / 14%), 0 9px 46px 8px rgb(0 0 0 / 12%), 0 11px 15px -7px rgb(0 0 0 / 20%);
    border-radius: 3px;
}

.excellence>div {
    width: 25%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    padding: 30px;
    box-sizing: border-box;
}

.excellence>div h2 {
    font-size: 20px;
    color: #fff;
    margin-bottom: 30px;
}

.excellence>div p {
    color: #fff;
}

.excellence>div span {
    display: block;
    width: 100px;
    height: 100px;
    border: 2px solid #fff;
    margin: 0 auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 50%;
    margin-bottom: 30px;
}

.excellence span i {
    font-size: 40px;
    color: #fff;
}

.wrapper-aboutus {
    padding-top: 80px;
    padding-bottom: 50px;
}


.about-title-img {
    width: 50%;
}

.about-title-img h2 {
    font-size: 60px;
    text-transform: capitalize;
    background-image: -webkit-gradient(linear, left top, right top, from(#ff5c3b), to(#6780ef));
    background-image: -o-linear-gradient(left, #ff5c3b, #6780ef);
    background-image: linear-gradient(90deg, #ff5c3b, #6780ef);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding-bottom: 40px;
}

.about-title-img img {
    display: block;
    width: 100%;
}

.wrapper-about-img {
    position: relative;
}

.about-content {
    width: 50%;
    background-color: #f64900c2;
    padding: 50px 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    -webkit-box-shadow: 0 24px 38px 3px rgb(0 0 0 / 14%), 0 9px 46px 8px rgb(0 0 0 / 12%), 0 11px 15px -7px rgb(0 0 0 / 20%);
    box-shadow: 0 24px 38px 3px rgb(0 0 0 / 14%), 0 9px 46px 8px rgb(0 0 0 / 12%), 0 11px 15px -7px rgb(0 0 0 / 20%);
}

.about-content p {
    margin-bottom: 30px;
}
.about-content, .about-content p{
    font-size: 16px;
    line-height: 32px;
    font-family: "Inter-Regular";
}
.font-bold {
    font-family: "Inter-Regular";
    font-weight: bold;
}

.process .process__content .section__title{
    position: relative;
}
.process .process__content .section__title::before {
    content: '';
    position: absolute;
    width: 90px;
    height: 3px;
    background: #2d1100;
    bottom: 0;
    left: 0;
    z-index: 2;
}
.process .process__content .section__title::after {
    content: '';
    position: absolute;
    width: 30px;
    height: 3px;
    background: #fda31b;
    bottom: 0;
    left: 18px;
    z-index: 2;
}

/**************************************
 * 08. END GALLERY DESIGN
 *************************************/
/*
* ----------------------------------------------------------------------------------------
* 09.START PRICING DESIGN
* ----------------------------------------------------------------------------------------
*/
.pricingTable{
    text-align: center;
    box-shadow:0 0 48px rgba(0,0,0,0.2);
    margin-bottom: 30px;
}
.pricingTable .pricingTable-header{
    padding: 30px 0;
    background: #4d4d4d;
    position: relative;
    transition: all 0.3s ease 0s;
}
.pricingTable:hover .pricingTable-header{
    background: var(--thm-color);
}
.pricingTable .pricingTable-header:before,
.pricingTable .pricingTable-header:after{
    content: "";
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 1px solid #d9d9d8;
    position: absolute;
    bottom: 12px;
}
.pricingTable .pricingTable-header:before{
    left: 40px;
}
.pricingTable .pricingTable-header:after{
    right: 40px;
}
.pricingTable .heading{
    color:var(--thm-white);
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-top: 0;
}
.pricingTable .price-value{
    display: inline-block;
    position: relative;
    font-size: 55px;
    font-weight: bold;
    color: var(--thm-color);
    transition: all 0.3s ease 0s;
}
.pricingTable:hover .price-value{
    color:var(--thm-white);
}
.pricingTable .currency{
    font-size: 30px;
    font-weight: bold;
    position: absolute;
    top: 6px;
    left: -19px;
}
.pricingTable .month {
    font-size: 16px;
    color:var(--thm-white);
    position: absolute;
    bottom: -9px;
    right: -32px;
    text-transform: uppercase;
}
.pricingTable .pricing-content {
    padding-top: 50px;
    background: var(--thm-white);
    position: relative;
    padding-bottom: 30px;
}
.pricingTable .pricing-content:before,
.pricingTable .pricing-content:after{
    content: "";
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 1px solid #7c7c7c;
    position: absolute;
    top: 12px;
}
.pricingTable .pricing-content:before{
    left: 40px;
}
.pricingTable .pricing-content:after{
    right: 40px;
}
.pricingTable .pricing-content ul{
    padding: 0 20px;
    margin: 0;
    list-style: none;
}
.pricingTable .pricing-content ul:before,
.pricingTable .pricing-content ul:after{
    content: "";
    width: 8px;
    height: 46px;
    border-radius: 3px;
    background: var(--thm-color);
    position: absolute;
    top: -22px;
    z-index: 1;
    box-shadow: 0 0 5px #707070;
    transition: all 0.3s ease 0s;
}
.pricingTable:hover .pricing-content ul:before,
.pricingTable:hover .pricing-content ul:after{
    background: var(--thm-color);
}
.pricingTable .pricing-content ul:before{
    left: 44px;
}
.pricingTable .pricing-content ul:after{
    right: 44px;
}
.pricingTable .pricing-content ul li{
    font-size: 15px;
    padding: 10px 0;
    border-bottom: 1px solid #d9d9d8;
    line-height: 24px;
}
.pricingTable .pricing-content ul li:last-child{
    border-bottom: none;
}
.pricing-content .atf-main-btn {
    margin-top: 30px;
}
@media screen and (max-width: 991px){
    .pricingTable{ margin-bottom: 30px; }
}

/* START BTN STYLE */
.atf-hero-text .atf-hero-btn .atf-main-btn {
    margin-right:20px;
}
.atf-hero-btn .atf-main-btn::before {
    background: var(--thm-color);
    color:var(--thm-white);
}
.atf-main-btn {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    margin: .4em;
    padding: 13px 30px;
    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;
    cursor: pointer;
    color: var(--thm-white);
    /*border: none;*/
    margin-left: 0;
    font-size: 15px;
    text-transform: capitalize;
    font-weight:600;
}
.atf-main-btn::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to top, rgba(11, 45, 227, 0.81) 0%, rgba(80, 120, 240, 0.7) 100%);
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    border: none;
}
.atf-main-btn:hover,
.atf-main-btn:focus,
.atf-main-btn:active {
    color: var(--thm-white);
    text-decoration: none;
}
.atf-main-btn:hover::before,
.atf-main-btn:focus::before,
.atf-main-btn:active::before {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
}
.atf-section-padding {
    padding:100px 0;
    background-color: #fefaf3;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.atf-section-title .atf-title-color {
    margin-bottom: 15px;
    color: var(--thm-heading);
    font-size: 45px;
    text-shadow: 1px 1px 8px rgba(0,0,0, 0.2);
    text-transform: uppercase;
}
.atf-title-color span {
    background: linear-gradient(90deg, #f48d00 0%, #f73e00 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.atf-section-title{
    text-align: left;
}
.atf-section-title p{
    font-family: Inter-Regular;
    font-size: 16px;
    line-height: 32px;
}
.main-template-pricing {
    max-width: 980px;
    margin: 0px auto;
}
/*Bài viết*/
/*.news-events {*/
/*    background: #f3f6f8;*/
/*}*/
.padding-lg {
    display: block;
    padding-top: 90px;
    padding-bottom: 90px;
}
.news-events .form-title.black-color {
    text-align: center;
    position: relative;
    z-index: 99;
    color: #2d1100;
    font-size: 36px;
    line-height: 45px;
    text-transform: uppercase;
    font-family: Montserrat-Regular;
    font-weight: bold;
    padding-bottom: 15px;
}
.news-events .title2 {
    text-align: center;
    color: #2d1100;
    position: relative;
    z-index: 9;
    font-size: 18px;
    line-height: 35px;
    font-family: 'Montserrat-Regular';
    margin-bottom: 40px;
    margin-top: 20px;
}
/*blog*/
.blog-section.bg-dark .dots
{
    width:100%;
    height:100%;
    left:0;
    top:0;
    z-index:-1
}
.blog-item .blog-thumb
{
    position:relative
}

.blog-item .blog-thumb .category
{
    background-color:#ff0033;
    padding:5px 15px;
    text-align:center;
    color:#fff;
    font-size:12px;
    text-transform:uppercase;
    font-weight:600;
    font-family: Montserrat-Regular;
    position:absolute;
    width:auto;
    height:auto;
    left:0;
    bottom:0
}
.blog-item .blog-thumb .category a {
    color: #fff;
    text-decoration: none;
}
.blog-item.box-shadow {
    margin-bottom: 25px;
    border-bottom: 2px solid #ff0033;
    border-top: 2px solid #f0f0f0;
    border-left: 2px solid #f0f0f0;
    border-right: 2px solid #f0f0f0;
}
.blog-content .read-more {
    font-family:  Montserrat-Regular;
    color: #263a4f;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    position: relative;
    padding-left: 30px;
    transition: all 200ms linear 0ms;
}
.blog-content h3 {
    line-height: 24px;
    margin: 0px;
}
.blog-content {
    background-color: #f9fafa;
    padding: 10px;
}
.blog-item.box-shadow:hover {
    -webkit-box-shadow: 0 0.2rem 2.8rem rgba(36,36,36,.1);
    -moz-box-shadow: 0 .2rem 2.8rem rgba(36,36,36,.1);
    box-shadow: 0 0.2rem 2.8rem rgba(36,36,36,.1);
}
.blog-content .t-blog a {
    color: #263a4f;
    font-size: 18px;
    font-family: Montserrat-Regular;
    font-weight: bold;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 25px;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.blog-content h2 a {
    color: #263a4f;
    font-size: 18px;
    font-family:  Montserrat-Regular;
    font-weight: bold;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 25px;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.blog-item .blog-thumb:hover{
    cursor: pointer;
}
.blog-content .t-blog,.blog-content h2 {
    line-height: 24px;
    font-family:  Montserrat-Regular;
    margin: 0px;
}
.blog-item.box-shadow .blog-content p{
    font-size: 15px;
    line-height: 25px;
    font-family:  Montserrat-Regular;
    margin: 10px 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.blog-content .read-more {
    font-family:  Montserrat-Regular;
    color: #263a4f;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    position: relative;
    padding-left: 30px;
    transition: all 200ms linear 0ms;
    margin: 15px 0px;
    display: block;
    text-decoration: none;

}
.blog-content .read-more:before {
    background-color: #1b1d1b;
    position: absolute;
    content: "";
    width: 20px;
    height: 2px;
    left: 0;
    top: calc(50% - 1px);
    transition: all 200ms linear 0ms;
}


.jx-section-title-1 {
    text-align: center;
    position: relative;
}
.blog-item .blog-thumb img {
    width: 100%;
    height: auto;
}
.jx-section-title-1 .jx-title {
    font-size: 20px;
    font-weight: 400;
    padding: 6px 10px;
    line-height: 30px;
    float: left;
    color: #58595B;
    text-transform: uppercase;
    font-family:  Montserrat-Regular;
}
.jx-section-title-1 .jx-title-position {
    position: relative;
    display: inline-block;
    margin-bottom: 12px;
}
.jx-section-title-1 .jx-left-border {
    float: left;
    width: 71px;
    margin-top: 13px;
    height: 10px;
    border-bottom: solid 3px #0e7d00;
}
.jx-section-title-1 .jx-right-border {
    float:left;
    width: 70px;
    margin-top: 13px;
    height: 10px;
    border-bottom: solid 3px #1b1d1b;
}
.jx-section-title-1 .jx-seperator-icon i {
    width: 21px;
    height: 21px;
    border-radius: 50%;
    color:#1b1d1b;
}
.jx-section-title-1 .jx-subtitle {
    color: #666;
    font-size: 16px;
    max-width: 900px;
    margin: 0px auto;
    line-height: 1.5;
    margin-bottom: 50px;
}

section.blog-section {
    margin-top: 30px;
}
.m-sub-blog-cat-home {
    position: relative;
}
.des-cat-blog-item-cat {
    position: absolute;
    bottom: 0px;
    background: white;
    width: 70%;
    padding: 20px;
    overflow: hidden;
    border: 2px solid #f0f0f0;
}
.des-cat-blog-item-cat .t-blog a{
    color: #263a4f;
    font-size: 18px;
    font-family: Montserrat-Regular;
    font-weight: bold;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 25px;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.des-cat-blog-item-cat p {
    font-size: 15px;
    line-height: 25px;
    font-family: Montserrat-Regular;
    margin: 10px 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.des-cat-blog-item-cat .read-more {
    font-family: Montserrat-Regular;
    color: #263a4f;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    position: relative;
    padding-left: 30px;
    transition: all 200ms linear 0ms;
    margin: 15px 0px;
    display: block;
    text-decoration: none;
}

.des-cat-blog-item-cat .read-more:before {
    background-color: #1b1d1b;
    position: absolute;
    content: "";
    width: 20px;
    height: 2px;
    left: 0;
    top: calc(50% - 1px);
    transition: all 200ms linear 0ms;
}

.m-sub-blog-cat-home img {
    width: 100%;
    height: auto;
}
.blog-item .blog-thumb img {
    width: 100%;
    height: auto;
}
.blog-content .t-blog a:hover,.des-cat-blog-item-cat .t-blog a:hover{
    color: #009ee0;
}
.col-one {
    width: calc( 30% - 15px);
    float: left;
    margin-left: 15px;
}
.col-one:first-child{
    margin-left: 0px;
}
.true-template-item {
    width: calc( 40% );
    float: left;
}
section.blog-section .blog-wrap {
    padding: 0px 15px;
}
.read-more:hover{
    color: #ff0033;
}

.mcb-wrap-inner .m-t-blog{
    display: inline-block;
    text-transform: uppercase;
    padding: 5px 10px;
    background-color: #1d1d1d;
    color: #FFF!important;
    margin-bottom: 30px;
    font-family: Montserrat-Regular;
    font-size: 18px;
    line-height: 35px;
}
.mcb-wrap-inner .sub-t-blog {
    font-size: 30px;
    line-height: 45px;
    font-family: 'Montserrat-Regular';
    color: #1d1d1d;
}


.wso-news-cat:before {
    content: '';
    display: block;
    position: absolute;
    top: 0px;
    height: 1px;
    width: 50px!important;
    left: -50px;
    background-color: #fff;
}
.tg-element-1 .tg-item-term {
    position: relative;
    display: inline-block;
    font-size: 13px;
    line-height: 20px;
    padding: 1px 8px;
}
.tg-item-media-content {
    position: relative;
}
.tg-element-1 {
    position: absolute;
    color: #000000;
    font-weight: 700;
    text-transform: uppercase;
    background-color: #fff;
    display: block;
    z-index: 3;
    margin: 40px 0 0 50px;
    padding: 5px 10px;
    top: 0px;
    left: 0px;
}
.tg-item-media-content{
    position: relative;
    height: auto;
    display: block;
    width: 100%;
}

.m-blog-description-item-template .t-blog{
    line-height: 24px;
    font-family: Montserrat-Regular;
    margin: 0px;
    margin-bottom: 10px;
}
.m-blog-description-item-template .t-blog a{
    color: #2d1100;
    font-size: 18px;
    font-family: Inter-Regular;
    font-weight: bold;
    text-decoration: none;
    line-height: 25px;
}
.m-blog-description-item-template {
    margin: 10px 0px 20px 0px;
}
.m-blog-description-item-template p{
    color: #2d1100;
    font-size: 14px;
    line-height: 27px;
    font-family: Inter-Regular;
    margin: 10px 0px;
}
.m-blog-description-item-template .t-blog:hover a{
    color: #fda31b;
}
.tg-item-media-content{
    overflow: hidden;
}
.tg-item-media-content img{
    transition: transform 1s, filter 2s ease-in-out;
}
.tg-item-media-content:hover img{
    filter: drop-shadow(0 0 10px rgba(0,0,0,.3));
    filter: blur(2px);
    transform: scale(1.2);
}
.main-blog-home-template-items {
    margin-top: 40px;
}
.tg-item-media-content .wr-img {
    background: #d9d9d9;
}

.link-custom-box-h {
    display: block;
    margin-top: 10px;
}
.link-custom-box-h a{
    display: inline-block;
    font-weight: 900;
    margin: 15px 0px;
    margin-right: 25px;
    text-decoration: none;
}
.wso-simple-link{
    position: relative;
    font-family: Montserrat-Regular;
    font-size: 16px;
    line-height: 30px;
}
.wso-simple-link:before {
    content: '';
    display: block;
    position: relative;
    top: -5px;
    width: 0%;
    height: 2px;
    background-color: #000;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    transition: all 400ms ease;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.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%;
    }
}
.wso-simple-link:after {
    content: '';
    display: block;
    height: 2px;
    width: 100%;
    bottom: -5px;
    position: relative;
    background-color: #000;
}

.wso-simple-link:hover {
    text-decoration: none;
}
.wso-simple-link:hover:before {
    opacity: 1;
    visibility: visible;
    width: 100%;
}
.news-events .form-title.black-color::after {
    content: '';
    position: absolute;
    width: 30px;
    height: 3px;
    background: #fda31b;
    bottom: 0;
    z-index: 2;
    left: 50%;
    transform: translateX(-50%);
}
.news-events .form-title.black-color::before {
    content: '';
    position: absolute;
    width: 90px;
    height: 3px;
    background: #2d1100;
    bottom: 0;
    z-index: 2;
    left: 50%;
    transform: translateX(-50%);
}
/*START SECTION PADDING DESIGN*/
.border-left {
    border-left: 2px solid var(--thm-color);
}
/*
* ----------------------------------------------------------------------------------------
* 12. END SPECIAL DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 13.START TESTIMONIAL DESIGN
* ----------------------------------------------------------------------------------------
*/
.atf-testimonial{
    background-color: var(--thm-white);
    border-radius: 5px;
    padding: 30px;
    margin: 0 15px;
}
.atf-testimonial .atf-testimonial-pic{
    width: 90px;
    height: 90px;
    margin: 0 30px 15px 0;
    float: left;
}
.atf-testimonial .atf-testimonial-pic img{
    width: 100%;
    height: auto;
    border-radius: 50%;
}
.atf-testimonial .atf-testimonial-title{
    color: var(--thm-black);
    font-size: 20px;
    margin-top: 5px;
    font-weight: 400;
    text-transform: capitalize;
}
.atf-testimonial .atf-testimonial-title small {
    color: var(--thm-color);
    font-size: 13px;
    font-weight: 500;
    margin-top: 10px;
}
.atf-testimonial .atf-testimonial-review p {
    font-size: 14px;
    line-height: 28px;
    margin-bottom: 0;
    display: block;
    overflow: hidden;
}
@media screen and (max-width: 990px){
    .testimonial-parallax h2{
        margin-bottom: 40px;
    }
    .testimonial{
        margin: 0;
    }
}

/* owl theme */
section#testimonial button.owl-dot{
    width: 35px;
    height: 7px;
    margin: 0 8px;
    border-radius: 5px;
    background: transparent;
    border: 1px solid var(--thm-black);
    transition: 0.3s all ease-in-out;
    margin-top: 30px;
}
section#testimonial  button.active,
section#testimonial  button:hover{
    background: var(--thm-color);
    width: 35px;
    height: 7px;
    transition: 0.3s all ease-in-out;
    border: 1px solid var(--thm-color);
}
section#testimonial .owl-dots {
    text-align: center;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
.list-partner-item {
    margin-top: 50px;
}

.atf-section-title .atf-sheading {
    color: var(--thm-black);
    line-height: 25px;
    text-transform: capitalize;
    font-family: var(--thm-font);
    font-size: 16px;
    display: inline-block;
}
.atf-section-title .sub-atf-sheading {
    font-weight: 700;
    color: var(--thm-black);
    text-transform: capitalize;
    font-size: 40px;
    line-height: 50px;
}
.ps-5 {
    padding-left: 3rem;
}

section#testimonial{
    background: #f1f8ff;
}
section#pricing .atf-section-title {
    margin-bottom: 50px;
}
/*Giới thiệu*/
.aboutus {
    padding: 60px 0 60px 0;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    width: 100%;
}
.aboutus:before {
    content: "";
    background: rgb(0 0 0 / 69%);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.about {
    width: 100%;
    text-align: center;
    color: white;
    position: relative;
    padding: 80px 0 80px 0;
}
/*.about span {*/
/*    color: #ffb739;*/
/*    border-left: solid;*/
/*    padding: 0 0px 0 10px;*/
/*}*/
.about p {
    word-spacing: 4px;
    padding: 10px 0 0 0;
}
.about .main-page-title-template {
    padding: 21px 0 0 0;
    font-size: 50px;
}

/*====================
46. Breadcrumb css
======================*/

.breadcrumb-title {
    font-size: 45px;
    color: var(--color-white);
    font-weight: 700;
    margin-bottom: 10px;
    text-transform: capitalize;
}

.breadcrumb-menu {
    position: relative;
    z-index: 1;
}

.breadcrumb-menu li {
    position: relative;
    display: inline-block;
    margin-left: 25px;
    color: var(--color-white);
    font-weight: 500;
    text-transform: capitalize;
    font-size: 16px;
    font-family: Inter-Regular;
    line-height: 25px;
}
.breadcrumb-menu {
    margin-top: 15px;
}
.breadcrumb-menu li a {
    color: var(--color-white);
    transition: all 0.5s ease-in-out;
    font-size: 16px;
    font-family: Inter-Regular;
}

.breadcrumb-menu li::before {
    position: absolute;
    content: '|';
    font-family: 'Font Awesome 6 Pro';
    right: -16px;
    top: 0px;
    text-align: center;
    font-size: 16px;
    color: var(--color-white);
}

.breadcrumb-menu li:first-child {
    margin-left: 0;
}

.breadcrumb-menu li:last-child:before {
    display: none;
}

.breadcrumb-menu li a:hover {
    color: var(--theme-color);
    text-decoration: none;
}

.breadcrumb-menu li.active {
    color: var(--theme-color);
}

/*chi tiết*/
section.data_eng p,section.data_eng span,
section.data_eng p span,
section.data_eng p strong,
section.data_eng ul li, section.data_eng ol li{
    font-size: 16px;
    line-height: 28px;
    font-family: Montserrat-Regular;
    color: #000000ab;
}
section.data_eng img {
    /*width: 100%;*/
    padding: 27px 0 40px 0;
}
section.data_eng h2{
    font-size: 28px;
    margin: 10px 0px;
    line-height: 40px;
}
section.data_eng h3{
    font-size: 26px;
    margin: 10px 0px;
    line-height: 38px;
}
.widget .recent-post-bio .title-sidebar-blog{
    line-height: 22px;
}
section.data_eng h4{
    font-size: 24px;
    margin: 10px 0px;
    line-height: 35px;
}
section.data_eng h5{
    font-size: 22px;
    margin: 10px 0px;
    line-height: 33px;
}
section.data_eng h6{
    font-size: 20px;
    margin: 10px 0px;
    line-height: 30px;
}

/*=======================
39. Widget sidebar css
=========================*/

.widget {
    background: var(--theme-bg-light);
    padding: 30px;
    margin-bottom: 30px;
    border-radius: 10px;
}

.widget .widget-title {
    padding-bottom: 10px;
    margin-bottom: 30px;
    position: relative;
    font-size: 22px;
    color:  var(--color-dark);
}

.widget .widget-title::before {
    position: absolute;
    content: '';
    width: 15px;
    border-bottom: 3px solid var(--theme-color);
    bottom: 0;
    left: 0;
}

.widget .widget-title::after {
    position: absolute;
    content: '';
    width: 30px;
    border-bottom: 3px solid var(--theme-color);
    bottom: 0;
    left: 22px;
}

.widget .search-form .form-control {
    padding: 12px 15px 12px 15px;
    border-radius: 8px;
    box-shadow: none;
    height: unset;
}

.widget .search-form {
    position: relative;
}

.widget .search-form .form-control:focus {
    border-color: var(--theme-color);
}

.widget .search-form button {
    position: absolute;
    right: 0;
    top: 7px;
    font-size: 18px;
    padding: 8px 18px 6px 18px;
    background: transparent;
    border: none;
    color: var(--theme-color);
}

.widget .category-list a {
    display: block;
    padding: 10px 0;
    font-weight: 500;
    border-bottom: 1px solid #ced4da;
    transition: var(--transition);
    font-size: 16px;
    font-family: Inter-Regular;
    line-height: 28px;
}

.widget .category-list a:last-child {
    margin-bottom: 0px;
    border-bottom: none;
}

.widget .category-list a:hover {
    padding-left: 10px;
    color: var(--theme-color);
    text-decoration: none;
}

.widget .category-list a i {
    margin-right: 5px;
    color: var(--theme-color);
}

.widget .category-list a span {
    float: right;
}

.widget .recent-post-single {
    display: flex;
    justify-content: start;
    align-items: center;
    /*margin-bottom: 20px;*/
}

.widget .recent-post-img {
    margin-right: 10px;
}

.widget .recent-post-img img {
    max-width: 300px;
    border-radius: 6px;
}

.widget .recent-post-bio .title-sidebar-blog {
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
}

.widget .recent-post-bio span {
    font-size: 14px;
    color: var(--theme-color);
    font-weight: 500;
}

.widget .recent-post-bio span i {
    margin-right: 5px;
}

.widget .recent-post-bio h6 a:hover {
    color: var(--theme-color);
}

.widget .social-share-link a {
    width: 35px;
    height: 35px;
    line-height: 31px;
    border: 2px solid var(--theme-color);
    color: var(--theme-color);
    text-align: center;
    margin-right: 5px;
    border-radius: 50px;
    transition: var(--transition);
}

.widget .social-share-link a:hover {
    background: var(--theme-color);
    color: var(--color-white);
    text-decoration: none;
}
.widget .recent-post-bio .title-sidebar-blog:hover a{
    text-decoration: none;
}
.widget .tag-list a {
    background: var(--color-white);
    color:  var(--color-dark);
    padding: 8px 15px;
    margin-bottom: 10px;
    margin-right: 10px;
    border-radius: 6px;
    display: inline-block;
    transition: var(--transition);
    font-size: 16px;
    font-family: Inter-Regular;
}

.widget .tag-list a:hover {
    background-color: var(--theme-color);
    color: var(--color-white);
    text-decoration: none;
}

.widget .recent-post-bio .title-sidebar-blog a{
    font-size: 13px;
}
.head-blog-detail-title .m-title-detail {
    font-size: 40px;
    margin-bottom: 10px;
    line-height: 55px;
    font-family: 'Inter-Regular';
}

.main-detail-templale-question .question {
    margin-bottom: 20px;
}
.main-detail-templale-question .question p {
    font-weight: bold;
}
.main-detail-templale-question .options label {
    display: block;
    padding: 5px;
    cursor: pointer;
}
.main-detail-templale-question .options input[type="radio"] {
    margin-right: 10px;
}
.main-detail-templale-question{
    background: white;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    margin-bottom: 30px;
    /*margin-top: 20px;*/
}
.head-blog-detail-title .m-title-detail {
    text-align: center;
    font-family: 'Inter-Regular';
}
.head-blog-detail-title p{
    font-size: 16px;
    line-height: 28px;
    font-family: Montserrat-Regular;
    font-style: italic;
}
.main-detail-templale-question .question .question-title{
    font-weight: bold;
    font-size: 18px;
    font-family: Inter-Regular;
    line-height: 33px;
    margin-bottom: 10px;
}
.main-detail-templale-question .options label {
    display: block;
    padding: 5px;
    cursor: pointer;
    font-size: 15px;
    font-family: 'Montserrat-Regular';
    font-weight: normal;
}
.main-detail-templale-question .options {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.main-detail-templale-question .options label {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    transition: color 0.3s;
}
.options input[type="radio"] {
    accent-color: green;
}
.main-detail-templale-question .options input[type="radio"] {
    display: inline-block;
}
.main-detail-templale-question .options input[type="radio"]:checked + label {
    color: green;
    font-weight: bold;
}
/* Fix for label color on selection */
.main-detail-templale-question .options input[type="radio"]:checked + label,
.main-detail-templale-question .options label:has(input[type="radio"]:checked) {
    color: green;
    font-weight: bold;
}

.submit-container-vntech {
    display: flex;
    justify-content: center;
    margin-top: 60px;
}

.submit-btn:hover {
    background-color: #218838;
}
.head-blog-detail-title {
    width: 100%;
    margin-bottom: 50px;
}
.submit-container-vntech button.cmn-button.browse-course {
    border: 0px;
}
/* ====
 --------- (3.1) button styles end ---------
 ==== */
/* ====
 --------- (3.2) form styles start ---------
 ==== */
.registration__inner {
    padding: 60px 40px;
    background-color: #ffffff;
    -webkit-box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.08);
}
.registration__inner h3 {
    margin-bottom: 20px;
}
.registration__inner form {
    margin-top: 40px;
}
.registration__inner .group {
    margin-bottom: 30px;
    flex: 1;
    min-width: 0;
}
.registration__inner .group label {
    display: block;
    margin-bottom: 15px;
    font-size: 18px;
    line-height: 30px;
    font-weight: 400;
    color: #2d1100;
    font-family: Montserrat-Regular;
}
.registration__inner .group input {
    width: 100%;
    border: 1px solid #c3c7e4;
    padding: 10px 20px;
    border-radius: 5px;
    font-size: 18px;
    line-height: 30px;
    font-weight: 400;
    color: #2d1100;
    font-family: Montserrat-Regular;
    outline: 0px !important;
}
.registration__inner .user__action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 15px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 40px;
}
.registration__inner .checkbox {
    text-align: left;
}
.registration__inner .checkbox label {
    color: #2d1100;
    cursor: pointer;
    position: relative;
    padding-left: 36px;
}
.registration__inner .checkbox label a {
    font-weight: 400;
    color: #4508ed;
}
.registration__inner .checkbox label a:hover {
    color: #2d1100;
}
.registration__inner .checkbox input {
    display: none;
}
.registration__inner .checkbox .checkmark {
    height: 24px;
    width: 24px !important;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #ffffff;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(21, 8, 0, 0.5647058824);
    box-shadow: 0px 0px 10px 0px rgba(21, 8, 0, 0.5647058824);
    border-radius: 50%;
    margin: 0px;
}
.registration__inner .checkbox [type=checkbox]:checked + .checkmark:before {
    content: "\f078";
    font-weight: 900;
    font-family: "FontAwesome";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.registration__inner .cmn-button {
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    outline: 0px;
    border: 0px;
}
.registration__inner .group-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 24px;
    -moz-column-gap: 24px;
    column-gap: 24px;
}

.contact .contact__form .single-input {
    padding: 0;
    margin-bottom: 15px;
    position: relative;
    background-color: transparent;
    background-clip: padding-box;
    border: 1px solid transparent;
}
.contact .contact__form .single-input input, .contact .contact__form .single-input textarea {
    width: 100%;
    padding: 20px 30px;
    border-radius: 5px;
    margin-bottom: 10px;
    padding: 14px 30px;
}
.contact .contact__form .single-input.success input, .contact .contact__form .single-input.success textarea {
    border-color: #2ecc71;
    outline: 0px !important;
}
.contact .contact__form .single-input.error input, .contact .contact__form .single-input.error textarea {
    border-color: #e74c3c;
}

.thank_you p {
    bottom: 25px;
    color: green;
    -webkit-animation: scaleone 0.5s linear;
    animation: scaleone 0.5s linear;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    display: none;
}
.registration__inner .text-bg{
    font-size: 35px;
    line-height: 45px;
    font-family: Montserrat-Regular;
    background: -webkit-gradient(linear, left top, right top, from(#f48d00), to(#f73e00));
    background: linear-gradient(90deg, #f48d00 0%, #f73e00 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
    margin-bottom: 15px;
}
.registration__inner p,.registration__inner a{
    font-size: 18px;
    line-height: 30px;
    font-weight: 400;
    margin-top: -7px;
    color: #2d1100;
    font-family:Montserrat-Regular;
}
.registration__inner .user__action a,.registration__inner .checkbox label{
    cursor: pointer;
    position: relative;
    padding-left: 36px;
    font-size: 18px;
    line-height: 30px;
    font-weight: 400;
    color: #2d1100;
    font-family: Montserrat-Regular;
}
.registration__inner a{
    background: -webkit-gradient(linear, left top, right top, from(#f48d00), to(#f73e00));
    background: linear-gradient(90deg, #f48d00 0%, #f73e00 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.registration.section .registration__inner {
    max-width: 890px;
    margin: 0px auto;
}
@media(max-width: 867px) {
    .registration__inner .group-row {
        display: block;
    }

    .registration__inner .group-row .group {
        width: 100%;
    }
}

/*!*contact section.section.pb-0.contact* /*/
.section__header {
    text-align: center;
    margin-bottom: 56px;
}
.section__header .section__title {
    color: #150800;
    margin-bottom: 25px;
}
.section__title {
    font-size: 57px;
    line-height: 74px;
    margin-top: -12px;
}
.contact .contact__content .address-contact{
    margin-bottom: 40px;
    font-size: 32px;
    line-height: 40px;
    color: #2d1100;
    font-family: Montserrat-Regular;
    font-weight: bold;
}
.contact .contact__content li {
    margin-bottom: 20px;
    color: #2d1100;
    font-size: 18px;
    line-height: 30px;
    font-weight: 400;
    color: #2d1100;
}
.contact .contact__content .contact__content-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 40px;
}
.contact .contact__content .contact__content-group-item {
    padding: 30px 20px;
    background: #fff7f4;
    border: 1px solid #d3d3d3;
    border-radius: 5px;
    width: calc(50% - 12px);
}
.plo {
    background-color: #F8FFFF !important;
}
.plt {
    background-color: #FAF8FF !important;
}
.contact .contact__content .contact__content-group-item .s-contact-title-office{
    margin-bottom: 20px;
    font-size: 24px;
    line-height: 32px;
    color: #2d1100;
}
.contact .contact__content .contact__content-group-item p {
    margin-bottom: 8px;
    font-size: 18px;
    line-height: 30px;
    font-weight: 400;
    color: #2d1100;
}
.contact .contact__form {
    padding-top: 120px;
}
.contact .contact__form .get_in_touch{
    margin-bottom: 24px;
    font-size: 57px;
    line-height: 74px;
    color: #2d1100;
    font-family: Montserrat-Regular;
}
.contact .contact__form .single-input input, .contact .contact__form .single-input textarea {
    width: 100%;
    padding: 20px 30px;
    border-radius: 5px;
    margin-bottom: 10px;
    padding: 14px 30px;
    outline: 0px;
    font-size: 18px;
    line-height: 30px;
    font-weight: 400;
}
.contact .contact__form input, .contact .contact__form textarea {
    margin: 0px;
    margin-bottom: 30px;
    padding: 15px 24px;
    background-color: #ffffff;
    border: 1px solid #dbd7d7;
    border-radius: 5px;
    width: 100%;
    color: #4A1C01;
    outline: 0px;
}
select#selectCourse{
    width: 100%;
    padding: 20px 10px;
    border-radius: 5px;
    margin-bottom: 10px;
    padding: 14px 30px;
    outline: 0px;
    font-size: 18px;
    line-height: 30px;
    font-weight: 400;
}
.btn-area button.cmn-button{
    border: 0px;
}
.modal{
    overflow: unset;
}
.title-access-apply{

}
.hint {
    font-size: 16px;
    line-height: 26px;
    font-family: 'Montserrat-Regular';
    margin: 12px 0;
}
.title-access-apply .icon {
    color: #ec4899;
    font-weight: bold;
    font-size: 20px;
    margin-right: 8px;
}
.title-access-apply{
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 10px;
    font-family: Montserrat-Regular;
    line-height: 28px;
}
.hint .shortcut {
    color: #337ab7;
    font-weight: bold;
}
.buttons-access{
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}
.buttons-access .btn.submit{
    padding: 10px 30px !important;
}
.buttons-access .btn.cancel{
    padding: 10px 30px;
    border: 1px solid #f5920c;
}
.buttons-access .btn.cancel:hover{
    background-color: #f5920c;
    color: white;
}
.buttons-access .btn.submit:hover{
    border: 1px solid #67c23a;
    background: #67c23a;
    /*color: #0f0f0f;*/
}
.result-box {
    padding: 40px 0px;
}
span.highlight{
    color: #ef4444;
    font-weight: bold;
}
.result-box .title-result-box {
    font-size: 28px;
    color: #2d2d2d;
    line-height: 38px;
    margin-bottom: 10px;
    display: block;
    text-align: center;
}
.result-box-templae {
    max-width: 900px;
    margin: 0px auto;
    display: block;
}
.result-box-templae .result-description{
    font-family: Montserrat-Regular;
    font-size: 25px;
    line-height: 35px;
    text-align: center;
}
span.highlight-green{
    color: #67c23a;
    font-weight: bold;
}
.result-box-templae .button-group {
    text-align: center;
}
.result-box-templae .score {
    font-size: 70px;
    text-align: center;
    margin: 40px 0px;
    color: #f73e00;
}

.result-box-templae .button-group {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}

.result-box-templae .btn {
    padding: 10px 16px;
    font-size: 14px;
    border-radius: 6px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: 1px solid transparent;
    text-decoration: none;
    transition: 0.2s ease;
    font-family: Montserrat-Regular;
}

.result-box-templae .btn i {
    font-size: 14px;
}

.result-box-templae .btn.green {
    background-color: #ffffff;
    color: #22c55e;
    border: 1px solid #22c55e;
}

.result-box-templae .btn.green:hover {
    background-color: #22c55e;
    color: white;
}

.result-box-templae .btn.orange {
    background-color: #fff7ed;
    color: #ea580c;
    border: 1px solid #f97316;
}

.result-box-templae .btn.orange:hover {
    background-color: #f97316;
    color: white;
}

.result-box-templae .btn.gray {
    background-color: #f3f4f6;
    color: #9ca3af;
    /*cursor: not-allowed;*/
    /*pointer-events: none;*/
}
.result-box-templae .btn.gray:hover{
    background-color: #999;
    color: white;
}
@media (max-width: 480px) {
    .result-box-templae .btn {
        width: 100%;
        justify-content: center;
    }
}
.main_slider{
    position: relative;
}

.main_slider .owl-dots button.owl-dot {
    background: white;
    border: 1px solid #f73e00;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    display: inline-flex;
}
.main_slider .owl-dots .owl-dot.active{
    background: #f73e00 !important;
}

.main_slider .owl-dots {
    display: flex;
    justify-content: center; /* Căn giữa ngang */
    gap: 5px;
    position: absolute;
    bottom: 10px; /* Cách bottom 10px, có thể điều chỉnh */
    left: 0;
    right: 0; /* Đảm bảo căn giữa toàn bộ chiều rộng */
}
.about-content ul li {
    list-style: disc;
}
.about-content ul{
    padding-left: 40px;
}
.about-content h3,.about-content h4, .about-content h2 {
    line-height: 28px;
    font-weight: bold;
}
.course_initiation_process,.course_initiation_process h3, .course_initiation_process h4, .course_initiation_process h5 {
    display: block;
    overflow: hidden;
    font-size: 18px;
    line-height: 28px;
    font-family: 'Montserrat-Regular';
    text-align: justify;
}
div#quick_quiz_widget-2,div#new_post_widget-2 {
    padding: 0px;
}
section.section.course{
    padding: 80px 0px;
}
.full-col-pt {
    display: block;
    width: 100%;
}
.ph-40{
    padding-top: 40px;
    padding-bottom: 40px;
}

.phantrang {
    width: 100%;
    margin-bottom: 5px;
    text-align: left;
    margin-top: 25px;
}
.phantrang a {
    background: #ccc;
    padding: 9px 11px;
    color: #000000;
    display: inline-block;
    text-decoration: none;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 13px;
}
.phantrang span.page-numbers.current {
    background: rgb(85, 113, 135);
    padding: 8px 12px;
    color: white;
    border-radius: 4px;
    font-size: 13px;
}
.phantrang span.current{
    background: rgb(85, 113, 135);
    padding: 8px 12px;
    color: white;
    border-radius: 4px;
    font-size: 13px;
}
.phantrang span.extend{
    padding: 8px 13px;
}
.phantrang span.pages{
    padding: 9px 15px;
}
.phantrang a:hover{
    background: rgb(85, 113, 135);
    color: white;
}
div#quiz_post_widget-2{
    padding: 0px;
}
.quiz_rating {
    display: block;
    margin-top: 22px !important;
}
.quiz_rating a {
    color: #f73e00;
    font-weight: bold;
    text-decoration: none;
}
.quiz_rating a:hover{
    color: #f48d00;
}
.about-page-template-single {
    background: #dddddd5e;
    padding: 20px 0px;
}
.about-page-template-single .main-page-title-template {
    padding: 21px 0 0 0;
    font-size: 50px;
}

.about-page-template-single  .breadcrumb-menu li a {
    color: #2d1100;
}
.breadcrumb-menu li::before {
    color: white;
}
.main-detail-templale-question{
    margin-top: 40px;
}

div#result-modal .title-result-box {
    font-size: 28px;
    color: #2d2d2d;
    line-height: 38px;
    margin-bottom: 10px;
    display: block;
    text-align: center;
}
div#result-modal .result-description {
    font-family: Montserrat-Regular;
    font-size: 25px;
    line-height: 35px;
    text-align: center;
}
div#result-modal .score {
    font-size: 70px;
    text-align: center;
    margin: 40px 0px;
    color: #f73e00;
}

div#result-modal .btn.green {
    background-color: #ffffff;
    color: #22c55e;
    border: 1px solid #22c55e;
}
div#result-modal .btn {
    padding: 10px 16px;
    font-size: 14px;
    border-radius: 6px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: 1px solid transparent;
    text-decoration: none;
    transition: 0.2s ease;
    font-family: Montserrat-Regular;
}
div#result-modal .btn.orange {
    background-color: #fff7ed;
    color: #ea580c;
    border: 1px solid #f97316;
}
div#result-modal .btn {
    padding: 10px 16px;
    font-size: 14px;
    border-radius: 6px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: 1px solid transparent;
    text-decoration: none;
    transition: 0.2s ease;
    font-family: Montserrat-Regular;
}
div#result-modal .button-group {
    text-align: center;
}
/*css pre loader:*/

.wshipping-site-preloader-wrapper {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: #f5920cb8;
    display: none;
}
.wshipping-site-preloader-wrapper .spinner {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: 0px;
    margin-top: -20px;
    margin-left: -20px;
}
.spinner {
    width: 40px;
    height: 40px;
    position: relative;
    margin: 100px auto;
}
.double-bounce1, .double-bounce2 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #333;
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
    animation: sk-bounce 2.0s infinite ease-in-out;
}
.double-bounce2 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}
@-webkit-keyframes sk-bounce {
    0%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0)
    }
    50% {
        transform: scale(0.0);
        -webkit-transform: scale(1.0)
    }
}
@keyframes sk-bounce {
    0%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    }
    50% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}

.cmn-button.browse-course.login-sucessfull {
    padding: 9px 10px;
    font-size: 14px;
}

#form-preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.6);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.spinner {
    border: 4px solid #f3f3f3;
    border-top: 4px solid #3498db;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/*form#registration_form_user input:invalid {*/
/*    border: 1px solid red; !* Thêm border đỏ khi input không hợp lệ *!*/
/*}*/

/*form#registration_form_user input:focus {*/
/*    outline: none; !* Loại bỏ viền mặc định khi focus *!*/
/*}*/
.nav__uncollapsed-item .page-check-out {
    font-size: 24px;
    padding: 0px;
    color: #f73e00;
    text-align: right;
    position: relative;
}
.nav__uncollapsed-item .page-check-out:hover{
    text-decoration: none;
}
span#count_cart {
    position: relative;
    top: -15px;
    color: #333;
    font-size: 14px;
}
/*check out*/
.main-check-our-oder-template {
    background: white;
    padding: 20px 30px;
}
.main-check-our-oder-template .sidebar__title{
    color: #333;
    font-weight: 600;
    font-size: 22px;
    line-height: 28px;
    font-family: Montserrat-SemiBold;
    border-bottom: 1px solid #e9e6ed;
    padding-bottom: 18px;
    margin-bottom: 10px;
}
.main-check-our-oder-template .order-summary__sections {
    display: flex;
    flex-direction: column;
}
.main-check-our-oder-template .product-thumbnail__wrapper {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 8px;
}
.main-check-our-oder-template .visually-hidden {
    border: 0;
    clip: rect(0, 0, 0, 0);
    width: 2px;
    height: 2px;
    margin: -2px;
    overflow: hidden;
    padding: 0;
    position: absolute;
}
.main-check-our-oder-template .product-thumbnail{
    position: relative;
}
.main-check-our-oder-template .product-thumbnail::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: 8px;
    border: 1px rgba(0, 0, 0, .1) solid;
    z-index: 2;
}
table#product-table {
    width: 100% !important;
}
.main-check-our-oder-template .product-thumbnail__quantity {
    font-size: .78em;
    white-space: nowrap;
    padding: 0 .62em;
    border-radius: 2em;
    background-color: #2a9dcc;
    color: #fff;
    position: absolute;
    right: -.9em;
    top: -.55em;
    z-index: 3;
    box-sizing: border-box;
    min-width: 1.75em;
    height: 1.75em;
    text-align: center;
    line-height: 1.75em;
}
.main-check-our-oder-template .product-thumbnail__wrapper {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 8px;
}

.main-check-our-oder-template table {
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 1em;
    width: 100%;
    margin: 0
}

.main-check-our-oder-template td:first-child,.main-check-our-oder-template th:first-child {
    padding-left: 0;
    text-align: left
}

.main-check-our-oder-template td:last-child,.main-check-our-oder-template th:last-child {
    text-align: right
}



.main-check-our-oder-template .layout-flex {
    display: flex;
    align-items: baseline
}

.main-check-our-oder-template .layout-flex--wrap {
    flex-wrap: wrap
}

.main-check-our-oder-template .layout-flex--row-reverse {
    flex-direction: row-reverse
}

.main-check-our-oder-template .main--nosidebar {
    padding-top: 0
}

.main-check-our-oder-template .main--nosidebar .main__header {
    padding-bottom: 0
}

.main-check-our-oder-template .main__header {
    padding-bottom: 1.5em
}


.main-check-our-oder-template .main__content {
    padding-bottom: 1.5em
}

.main-check-our-oder-template .main__footer {
    display: flex;
    flex: 1 0 auto;
    flex-direction: column;
    padding: 1em 0;
    text-align: right
}

.main-check-our-oder-template .order-summary-toggle {
    background: #fafafa;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    padding: 1.25em 0;
    text-align: left;
    width: 100%;
    outline: none
}

.main-check-our-oder-template .order-summary-toggle__inner {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.main-check-our-oder-template .expandable:after {
    content: "";
    font-family: FontAwesome;
    font-size: 1em;
    display: inline-block;
    text-shadow: none;
    position: relative;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.main-check-our-oder-template .field__input-btn-wrapper .field__input-wrapper {
    flex-grow: 1
}

.main-check-our-oder-template .sidebar__header {
    padding-bottom: 20px;
}

.main-check-our-oder-template .sidebar__footer {
    margin-top: 1.5em;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.main-check-our-oder-template .sidebar {
    color: #717171;
    position: relative;
    width: 100%
}

.main-check-our-oder-template .sidebar--disabled {
    opacity: .7
}

.main-check-our-oder-template .visually-hidden {
    border: 0;
    clip: rect(0,0,0,0);
    width: 2px;
    height: 2px;
    margin: -2px;
    overflow: hidden;
    padding: 0;
    position: absolute
}

.main-check-our-oder-template .sidebar::after {
    content: "";
    display: block;
    width: 300%;
    position: absolute;
    top: 0;
    left: -100%;
    bottom: 0;
    background: #fafafa;
    z-index: -1;
    box-shadow: 0 -1px 0 #e1e1e1 inset
}

.main-check-our-oder-template .sidebar .field__input {
    border-color: #d5d5d5
}

.main-check-our-oder-template .product-table tbody th,.main-check-our-oder-template .stock-table tbody th {
    padding-left: 1em;
    font-weight: 500;
    color: #333;
    padding-top: 0;
    padding-bottom: 0
}

.main-check-our-oder-template .product-table thead th,.stock-table thead th {
    white-space: nowrap
}

.main-check-our-oder-template .product-table td,.stock-table td {
    padding-left: 1em
}

.main-check-our-oder-template .product-table td:first-child,.main-check-our-oder-template .stock-table td:first-child {
    padding-left: 0
}

.main-check-our-oder-template .product-table td,.main-check-our-oder-template .product-table th,.main-check-our-oder-template .stock-table td,.main-check-our-oder-template .stock-table th {
    padding-top: 0;
    padding-bottom: 0
}

.main-check-our-oder-template .stock-table .stock-table__header th {
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 1em
}

.main-check-our-oder-template .stock-table tbody td,.main-check-our-oder-template .stock-table tbody th {
    padding-top: 1em;
    padding-bottom: 1em;
    border-bottom: 1px solid #e6e6e6
}

.main-check-our-oder-template .product-thumbnail {
    width: 50px;
    height: 50px;
    border-radius: 8px;
    background: #fff;
    position: relative
}

.main-check-our-oder-template .product-thumbnail::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: 8px;
    border: 1px rgba(0,0,0,.1) solid;
    z-index: 2
}

.main-check-our-oder-template .product-thumbnail__wrapper {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 8px
}

.main-check-our-oder-template .product-thumbnail__image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: 100%;
    max-height: 100%;
    margin: auto
}

.main-check-our-oder-template .product-thumbnail__quantity {
    font-size: .78em;
    white-space: nowrap;
    padding: 0 .62em;
    border-radius: 2em;
    background-color: #2a9dcc;
    color: #fff;
    position: absolute;
    right: -.9em;
    top: -.55em;
    z-index: 3;
    box-sizing: border-box;
    min-width: 1.75em;
    height: 1.75em;
    text-align: center;
    line-height: 1.75em
}

@media(min-width: 1000px) {
    .main-check-our-oder-template .hide-on-desktop {
        display:none !important
    }
}

@media(max-width: 999px) {
    .main-check-our-oder-template .hide-on-mobile {
        display:none !important
    }
}

.main-check-our-oder-template .product td {
    padding-top: 1em
}

.main-check-our-oder-template .product__description {
    text-align: left;
    width: 100%;
}

.main-check-our-oder-template .product__price,.main-check-our-oder-template .product__quantity {
    white-space: nowrap
}

.main-check-our-oder-template .product__description__name,.product__description__property {
    display: block;
}

.main-check-our-oder-template .product__description__property {
    font-size: .85em;
    color: #969696;
}

.main-check-our-oder-template .total-line th,.main-check-our-oder-template .total-line td {
    padding-top: .75em
}

.main-check-our-oder-template .total-line__price {
    padding-left: 1.5em;
    text-align: right;
    white-space: nowrap
}


.main-check-our-oder-template .content-box {
    border: 1px solid #cecdcd;
    background: #fff;
    background-clip: padding-box;
    border-radius: 5px;
    color: #545454
}

.main-check-our-oder-template .content-box__row {
    display: table;
    box-sizing: border-box;
    width: 100%;
    position: relative;
    padding: 1em
}

.main-check-our-oder-template .content-box__row~.content-box__row {
    border-top: 1px solid #d9d9d9
}

.main-check-our-oder-template .content-box__row:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.main-check-our-oder-template .content-box__row__desc {
    background-color: #f8f8f8;
    padding: 1.14em;
    margin: 1.14em -1.14em -1.14em -1.14em;
    border-color: rgba(175,175,175,.34);
    border-style: solid;
    border-width: 0 1px
}

.main-check-our-oder-template .content-box__row:last-child .content-box__row__desc {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-width: 1px
}

.main-check-our-oder-template .select-address-wrapper select {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-width: 0;
    border-bottom-width: 1px
}
.main-check-our-oder-template .total-line-table {
    border-top: 1px solid rgba(175, 175, 175, .34);
    margin-top: 20px;
}
.main-check-our-oder-template .total-line-table__tbody .total-line__name,.main-check-our-oder-template .payment-due__label-total,
.main-check-our-oder-template .total-line-table__tbody .total-line__price,
.main-check-our-oder-template .total-line-table__tbody .total-line__price span,
.main-check-our-oder-template  .payment-due__price{
    font-family: 'Montserrat-Regular';
    font-size: 14px;
    line-height: 25px;
    color: #717171;
}
.main-check-our-oder-template .order-summary__nav.field__input-btn-wrapper.hide-on-mobile.layout-flex--row-reverse {
    border-top: 1px solid #e9e6ed;
    margin-top: 10px;
    padding: 20px 0px;
}
.main-check-our-oder-template .product__description__name {
    font-size: 13px;
    line-height: 18px;
    font-family: 'Montserrat-Regular';
    font-weight: bold;
    padding-bottom: 7px;
}
.main-check-our-oder-template .order-summary__section--is-scrollable {
    overflow-y: auto;
    max-height: calc(100vh - 480px);
}
.main-check-our-oder-template table#product-table .product__price {
    padding-top: 40px !important;
}
.main-check-our-oder-template table#product-table .product__description__property {
    font-size: .85em;
    color: #969696;
}
.main-check-our-oder-template table#product-table .product__description__property {
    font-size: 10px;
    color: #969696;
    margin-bottom: 6px;
}
.main-check-our-oder-template .field__input-btn-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.main-check-our-oder-template .layout-flex--row-reverse {
    flex-direction: row-reverse;
}
.main-check-our-oder-template .previous-link {
    color: #006caa;
    font-size: 14px;
    line-height: 20px;
    text-decoration: none;
}
.main-check-our-oder-template .previous-link__arrow {
    display: inline-block;
    vertical-align: middle;
    font-style: normal;
    transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
}
.main-check-our-oder-template .previous-link__arrow:hover{
    color: #2a9dcc;
}

.main-check-our-oder-template .btn {
    cursor: pointer;
    display: inline-block;
    background-color: #357ebd;
    border-color: #2f71a9;
    background-clip: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px transparent solid;
    border-radius: 5px;
    color: #fff;
    font-weight: 500;
    padding: 6px 10px;
    text-align: center;
    position: relative;
    outline: 0px !important;
}
.main-check-our-oder-template .btn:hover{
    background: #2a9dcc;
}
.main-check-our-oder-template table#product-table .product {
    margin-bottom: 20px;
    /*display: inline-flex;*/
}
.main-contant-page-contact .title_search {
    font-size: 24px;
    margin: 15px 0;
    font-family: Montserrat-SemiBold;
}
.col-x .list-product-item .product-info .pl-4{
    margin-left: unset;
}
.main-list-address-page-template {
    width: 100%;
    margin-top: 15px;
}
.rightCollumStore .page-google-map {
    margin-top: 45px;
    border: 1px solid #eee
}
div#discountCode form.checkout_coupon {
    display: block !important;
}
div#discountCode {
    padding: 20px 0px 10px 0px;
}
.notify-blog {
    background: white;
    padding: 4px 15px;
    border-left: 5px solid #337ab7;
    font-size: 16px;
    line-height: 28px;
    font-family: 'Montserrat-Regular';
    margin: 20px 0px;
}
.layout-flex__item.layout-flex__item--stretch{
    color: #333;
    font-weight: 600;
    font-size: 22px;
    line-height: 28px;
    font-family: Montserrat-SemiBold;
    padding-bottom: 18px;
    margin-bottom: 10px;
}
form#custom_checkout_form input {
    padding: 23px 10px !important;
}
form#custom_checkout_form .group{
    margin-bottom: 15px;
}
form#custom_checkout_form .select2-selection--single {
    height: 48px;
}
form#custom_checkout_form .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-top: 9px;
    font-size: 16px;
    font-family: 'Montserrat-Regular';
}
form#custom_checkout_form .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 10px;
}
textarea#note {
    min-height: 147px;
}
form#custom_checkout_form .select2-container {
    width: 100% !important;
}
.template-page-cusotm-check{

}
.template-page-cusotm-check .breadcrumb-menu li a {
    color: #2d1100;
}
.template-page-cusotm-check .breadcrumb-menu li::before {
    color: #2d1100;
}
.template-page-cusotm-check .main-page-title-template{
    font-size: 50px;
    color: #2d1100;
    font-family: Montserrat-Regular;
}

.select2-container--default .select2-search--dropdown .select2-search__field{
    border: 1px solid #aaa;
    height: 36px !important;
    outline: 0px !important;
}

button.order-submit-template-single{
    cursor: pointer;
    display: inline-block;
    background-color: #357ebd;
    border-color: #2f71a9;
    background-clip: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px transparent solid;
    border-radius: 5px;
    color: #fff;
    font-weight: 500;
    padding: 6px 10px;
    text-align: center;
    position: relative;
    outline: 0px !important;
}
.detail_blog_template.detail_single_page_custom .detail .content_detail .color-title{
    color: #333;
    line-height: 45px;
    font-size: 30px;
    font-family:Montserrat-Regular;
    margin: 0px 0px 0px 0px;
    font-weight: bold;
}
.detail_blog_template.detail_single_page_custom .detail .content_detail strong{
    font-weight: bold;
}
.detail_blog_template.detail_single_page_custom .detail .content_detail p{
    font-size: 18px;
    line-height: 30px;
    font-family: "SFU Helvetica";
}
.detail_blog_template.detail_single_page_custom .detail .content_detail span,
.detail_blog_template.detail_single_page_custom .detail .content_detail ul li,
.detail_blog_template.detail_single_page_custom .detail .content_detail strong {
    font-size: 18px;
    line-height: 30px;
    font-family:Montserrat-Regular;
}
.detail_blog_template.detail_single_page_custom .detail .content_detail strong{
    font-weight: bold;
}
.detail_blog_template.detail_single_page_custom .detail .content_detail h2,
.detail_blog_template.detail_single_page_custom .detail .content_detail h2 strong,
.detail_blog_template.detail_single_page_custom .detail .content_detail h2 span{
    font-size: 33px;
    line-height: 45px;
    font-family:Montserrat-Regular;
    margin: 0px;
}
.detail_blog_template.detail_single_page_custom .detail .content_detail h3,
.detail_blog_template.detail_single_page_custom .detail .content_detail h3 strong,
.detail_blog_template.detail_single_page_custom .detail .content_detail h3 span
{
    font-size: 31px;
    line-height: 43px;
    font-family:Montserrat-Regular;
    margin: 0px;
}
.detail_blog_template.detail_single_page_custom .detail .content_detail h4,
.detail_blog_template.detail_single_page_custom .detail .content_detail h4 strong,
.detail_blog_template.detail_single_page_custom .detail .content_detail h4 span{
    font-size: 27px;
    line-height: 41px;
    font-family:Montserrat-Regular;
    margin: 0px;
}
.detail_blog_template.detail_single_page_custom .detail .content_detail h5,
.detail_blog_template.detail_single_page_custom .detail .content_detail h5 strong,
.detail_blog_template.detail_single_page_custom .detail .content_detail h5 span{
    font-size: 25px;
    line-height: 38px;
    font-family:Montserrat-Regular;
    margin: 0px;
}
.detail_blog_template.detail_single_page_custom .detail .content_detail h6,
.detail_blog_template.detail_single_page_custom .detail .content_detail h6 strong,
.detail_blog_template.detail_single_page_custom .detail .content_detail h6 span{
    font-size: 22px;
    line-height: 32px;
    font-family:Montserrat-Regular;
    margin: 0px;
}
.detail_blog .entry-header .entry-title {
    font-size: 35px;
    line-height: 45px;
    padding: 0px;
    margin: 20px 0px;
}
.detail_blog_template.detail_single_page_custom .detail .content_detail ul{
    padding-left: 50px;
}
.detail_blog_template.detail_single_page_custom .detail .content_detail ul li,.detail_blog_template.detail_single_page_custom .detail .content_detail ol li {
    list-style: disc;
    font-size: 24px;
    position: relative;
}
.contact .contact__form label {
    margin-bottom: 10px;
    display: block;
    font-size: 18px;
    line-height: 28px;
    font-family: 'Montserrat-Regular';
}
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;
}
section.data_eng .course-sidebar img {
    padding: 0px;
    width: 100%;
}

.related_news_home ul{
    margin: 0px;
    padding: 0px;
}
.related_news_home ul li{
    display: block;
    margin-bottom: 10px;
}
.related_news_home ul li a{
    font-size: 15px;
    line-height: 25px;
    color: #337ab7;
    font-weight: bold;
}
.related_news_home ul li a:hover{
    color: #1256a1;
    text-decoration: none;
}
.related_news_home {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 10px;
}
.related_news_home .about-wrap h3 {
    text-transform: uppercase;
    color: #f73e00;
    position: relative;
    padding-bottom: 10px;
    line-height: 30px;
    padding-left: 0px;
    font-size: 18px;
    margin: 0px;
}
.related_news_home ul li a:after{
    content: url('images/new.gif');
}
.detail_single_page_custom figcaption {
    max-width: 100%;
    margin-top: 7px;
    font-size: 14px;
    line-height: 25px;
    font-family: "SFU Helvetica";
    text-align: center;
}
.detail_single_page_custom figure {
    max-width: 100%;
    margin: 10px 0px;
}
.related_news_home .about-wrap h3::before,.related_news_home .about-wrap h3::after{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 60px;
    height: 1px ;
    content: "";
    background: #1256a1;
}
.related_news_home .about-wrap h3::after {
    left: 10px;
    bottom: -2px;
}
.related_news_home .about-wrap {
    width: 100%;
    margin-bottom: 20px;
}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}


ul#example>.current-menu-item>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, #f48d00 0%, #f73e00 100%);
    transition: transform 0.3s ease-in-out;
    transform: scaleX(1);
}

ul#example>.current_page_item>a::before,
ul#example>.current-menu-item>a::before{
    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, #f48d00 0%, #f73e00 100%);
    transition: transform 0.3s ease-in-out;
    transform: scaleX(1);
 }

/*css call mobile*/
#button-contact-vr {
    position: fixed;
    bottom: 0;
    z-index: 99999;
}
/*phone*/
#button-contact-vr .button-contact {
    position: relative;
}
#button-contact-vr .button-contact .phone-vr {
    position: relative;
    visibility: visible;
    background-color: transparent;
    width: 90px;
    height: 90px;
    cursor: pointer;
    z-index: 11;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transition: visibility .5s;
    left: 0;
    bottom: 0;
    display: block;
}
.phone-vr-circle-fill {
    width: 65px;
    height: 65px;
    top: 12px;
    left: 12px;
    position: absolute;
    box-shadow: 0 0 0 0 #c31d1d;
    background-color: rgba(230, 8, 8, 0.7);
    border-radius: 50%;
    border: 2px solid transparent;
    -webkit-animation: phone-vr-circle-fill 2.3s infinite ease-in-out;
    animation: phone-vr-circle-fill 2.3s infinite ease-in-out;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animuiion: zoom 1.3s infinite;
    animation: zoom 1.3s infinite;
}
.phone-vr-img-circle {
    background-color: #e60808;
    width: 40px;
    height: 40px;line-height: 40px;
    top: 25px;
    left: 25px;
    position: absolute;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    animation: phone-vr-circle-fill 1s infinite ease-in-out;
}
.phone-vr-img-circle a {
    display: block;
    line-height: 37px;
}
.phone-vr-img-circle img {
    max-height: 25px;
    max-width: 27px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
}
@-webkit-keyframes phone-vr-circle-fill {
    0% {-webkit-transform: rotate(0) scale(1) skew(1deg);  }
    10% {-webkit-transform: rotate(-25deg) scale(1) skew(1deg);}
    20% {-webkit-transform: rotate(25deg) scale(1) skew(1deg);}
    30% {-webkit-transform: rotate(-25deg) scale(1) skew(1deg);}
    40% {-webkit-transform: rotate(25deg) scale(1) skew(1deg);}
    50% {-webkit-transform: rotate(0) scale(1) skew(1deg);}
    100% {-webkit-transform: rotate(0) scale(1) skew(1deg);}
}
@-webkit-keyframes zoom{0%{transform:scale(.9)}70%{transform:scale(1);box-shadow:0 0 0 15px transparent}100%{transform:scale(.9);box-shadow:0 0 0 0 transparent}}@keyframes zoom{0%{transform:scale(.9)}70%{transform:scale(1);box-shadow:0 0 0 15px transparent}100%{transform:scale(.9);box-shadow:0 0 0 0 transparent}}
.phone-bar a {
    position: fixed;
    bottom: 25px;
    left: 30px;
    z-index: -1;
    color: #fff;
    font-size: 16px;
    padding: 8px 15px 7px 50px;
    border-radius: 100px;
    white-space: nowrap;
}
.phone-bar a:hover {
    opacity: 0.8;color: #fff;
}
@media(max-width: 736px){
    .phone-bar{display: none;}
}

#zalo-vr .phone-vr-circle-fill {
    box-shadow: 0 0 0 0 #2196F3;
    background-color: rgba(33, 150, 243, 0.7);
}
#zalo-vr .phone-vr-img-circle {
    background-color: #2196F3;
}
#viber-vr .phone-vr-circle-fill {
    box-shadow: 0 0 0 0 #714497;
    background-color: rgba(113, 68, 151, 0.8);
}
#viber-vr .phone-vr-img-circle {
    background-color: #714497;
}
#contact-vr .phone-vr-circle-fill {
    box-shadow: 0 0 0 0 #2196F3;
    background-color: rgba(33, 150, 243, 0.7);
}
#contact-vr .phone-vr-img-circle {
    background-color: #2196F3;
}


/*css all in one*/
#gom-all-in-one #phone-vr {
    transition: 0.7s all;
    -moz-transition: 0.7s all;
    -webkit-transition: 0.7s all;
}
#gom-all-in-one #zalo-vr {
    transition: 1s all;
    -moz-transition: 1s all;
    -webkit-transition: 1s all;
}
#gom-all-in-one #viber-vr {
    transition: 1.3s all;
    -moz-transition: 1.3s all;
    -webkit-transition: 1.3s all;
}
#gom-all-in-one #contact-vr {
    transition: 1.6s all;
    -moz-transition: 1.6s all;
    -webkit-transition: 1.6s all;
}
#button-contact-vr.active #gom-all-in-one .button-contact {
    margin-left: -100%;
}
#all-in-one-vr .phone-bar {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 100%;
    color: #fff;
    padding: 5px 15px 5px 48px;
    border-radius: 50px;
    margin-left: -64px;
    width: max-content;
    cursor: pointer;
}
.cmn-button:hover{
    outline: 0px !important;
}
.cmn-button:focus{
    outline: 0px !important;
    text-decoration: none !important;
    color: white !important;
}

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

.checktoooltip,.checktoooltip_repePass,.emailTooltip,.phoneTooltip{
    position: relative;
}
.tooltip {
    display: none;
    position: absolute;
    top: 100%; /* nằm ngay bên dưới input */
    left: 0;
    background: #fff3cd;
    color: #856404;
    border: 1px solid #ffeeba;
    padding: 8px 12px;
    border-radius: 5px;
    font-size: 14px;
    margin-top: 4px;
    z-index: 999;
    width: 100%;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    opacity: 1;
}

.submit-container-vntech .browse-course.disabled {
    opacity: 0.5;
    pointer-events: none;
    cursor: not-allowed;
}

.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;
}

.widget .recent-post-img{
    max-width: 100px;
}
.main_header.fixed{
    z-index: 9999;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    background: white;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Optional shadow */
}

.menu_head_mb_desktop .cmn-button{
    background-color: rgba(39, 39, 42, 0.24) !important;
    padding: 12px 14px;
}
.menu_head_mb_desktop .cmn-button i {
    margin-right: 5px;
}

.logo_head img {
    max-width: 240px;
}