/*
Theme Name: Theme Edu 2
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


body{
    color: rgba(30, 30, 30, 1);
	font-size: 16px;
}

body .btn_1.white.button.is-outline{
    padding: 5px 30px;
    border-radius: 50px;
    background-color: rgb(255 255 255 / 80%) !important;
    color: #ff914d !important;
}
body .btn_1.white.button.is-outline:hover{
    background-color: #6b0000 !important;
    color: #fff !important;
    border-color: #6b0000 !important;
}
td, th, td span, th span {
    font-size: 16px !important;
    color: #000 !important;
}
.search-container {
    max-width: 100%;
    margin: 0;
    padding: 20px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    margin-top: -80px;
}

.tab_custom_all {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
}
.box-text .button {
    margin-top: 1em;
    background-color: #8b0c00;
    border-radius: 5px;
    padding: 3px 15px;
}
.tab_custom_css {
    padding: 10px 20px;
    cursor: pointer;
    border-bottom: 2px solid transparent;
    color: rgba(30, 30, 30, 1);
}

.tab_custom_css.active {
    font-weight: bold;
    color: #8b0c00;
    border-bottom-color: #8b0c00;
}

.tab_custom_css-content {
    padding: 20px 0;
}

.tab_custom_css-pane {
    display: none;
}

.tab_custom_css-pane.active {
    display: flex;
}

.tab_timkiem_home_input, .tab_timkiem_home_select {
    padding: 7px 10px !important;
    margin-right: 10px;
    border: 1px solid #ccc !important;
    border-radius: 5px !important;
    width: 29.2% !important;
    height: 38px !important;
    margin-bottom: 0;
}
.primary.is-link, .primary.is-outline, .primary.is-underline {
    color: #8b0c00 !important;
}
.is-outline:hover, .primary.is-outline:hover
 {
    background-color:  #8b0c00 !important;
    border-color:  #8b0c00 !important;
    color: #fff !important;
}
.tab_timkiem_home_select {
    padding: 15px 10px;
    margin-right: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding-right: 30px; /* Add extra padding to the right for the arrow */
    appearance: none; /* Remove default arrow */
    -moz-appearance: none;
    -webkit-appearance: none;
    background: white url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10"><polygon points="0,0 10,0 5,5" fill="%23555"/></svg>') no-repeat right 10px center;
    /* The URL above is an inline SVG for the arrow, customize it as needed */
    background-size: 10px;
    outline: none; /* Remove default outline */
    display: inline-block; /* Make it inline-block */
}
.tab_timkiem_home_btn {
    padding: 7px 16px;
    border: none;
    background-color: #6b0000;
    color: #fff;
    border-radius: 5px;
    cursor: pointer;
    width: 100px;
    margin: 0 !important;
    text-transform: none;
    height: 38px;
    line-height: 22px;
}

.tab_timkiem_home_btn:hover {
    background-color: #0056b3;
}
.row2_block_home2{
    margin-top: 0 !important;
}
.link_post_custom1{
	padding: 0 15px;
    margin-top: -15px;
    margin-bottom: 20px;
}
.accordion.accordion_product ul{
	padding-left: 15px;
}
.nav>li {
    margin: 0 15px;
}
.nav>li>a {
    font-size: 16px;
    color: #000;
}
.row_home3_block .home_block3_col1 .col-inner{
    background: #6b0000;
    padding: 15px 40px;
    padding-bottom: 60px;
    min-height: 402px;
}
.row_home3_block h3{
    font-size: 32px;
    color: #fff;
}
.row_home3_block p{
    font-size: 16px;
    color: #fff;
}
.row_home3_block .icon-box-img{
    margin-bottom: 0;
}
.row_home3_block .home_block3_col2 .col-inner{
    background: rgba(1, 134, 191, 1);
}
.row_home3_block .home_block3_col3 .col-inner{
    background: rgba(52, 185, 204, 1);
}
#content .row_home3_block .btn_1_block2{
    padding: 5px 30px 5px 30px;
    margin: 0 auto;
    display: table;
    margin-bottom: -85px;
    margin-top: 60px;
    background-color: #fff !important;
    color: #6b0000 !important;
}
#content .row_home3_block .btn_1_block2:hover{
    background-color: #6b0000 !important;
    color: #fff !important;
    border-color: #6b0000 !important;
}
.tieude_h2 h2 {
    font-size: 28px;
    color: rgba(30, 30, 30, 1);
    text-align: center;
    display: block;
    margin: 0 auto;
}
.tieude_h2 h2  strong{    text-align: center;
    display: inline-block;}
.home_chuyengia_edu{
    margin-top: 30px;
}
.home_chuyengia_edu h2{
    font-size: 16px;
    font-weight: bold;
    color: rgba(30, 30, 30, 1);
}
.home_chuyengia_edu h2 a{
    font-family: font_dam !important;
}
.home_chuyengia_edu p{
    color: rgba(30, 30, 30, 1);
    font-size: 16px;
}
.chuc-vu:before{
    content: "";
    width: 16px;
    height: 16px;
    background: url("./images/Mask_group.png");
    background-size: 100%;
    background-repeat: no-repeat;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: -2px;
}
.nam-kinh-nghiem:before{
    content: "";
    width: 16px;
    height: 16px;
    background: url("./images/Mask_group2.png");
    background-size: 100%;
    background-repeat: no-repeat;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: -2px;
}
.box-text{
    padding-bottom: 0 !important;
}
.remove_padingbt .col{
    padding-bottom: 0;
}
.icon_top_text h3{
    font-size: 22px;
}
.icon_top_text{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: fit-content;
}
.banner_danhmuc_img{
    border-radius: 20px;
}
.home_block4{
    padding-bottom: 0 !important;
}
.home_block5{
    padding-top: 0 !important;
}
.blog_duhoc_he .is-divider{
    display: none;
}
.home_block6{
    padding-bottom: 0 !important;
}
.home_block6 .btn_1.white.button.is-outline{
    margin: 0 auto;
    display: table;
    margin-top: 20px;
    margin-bottom: 20px;
}
.home_block7{
    padding-bottom: 0 !important;
}
.slider_home_8 {
    margin-top: 30px;
}
.slider_col_text1 h3{
    color: rgba(30, 30, 30, 1);
    font-size: 22px;
}
.slider_col_text2 p{
    color: rgba(30, 30, 30, 1);
    font-size: 16px;
    margin-bottom: 10px;
}
.slider_col_text3 p{
    color: rgba(30, 30, 30, 1);
    font-size: 16px;
    margin-bottom: 10px;
}
.slider_col_text3 p:before{
    content: "";
    width: 16px;
    height: 16px;
    background: url("./images/icon31.png");
    background-size: 100%;
    background-repeat: no-repeat;
    display: inline-block;
    margin-right: 8px;
    margin-bottom: -2px;
}
.slider_col_text4 p{
    color: rgba(30, 30, 30, 1);
    font-size: 16px;
    margin-bottom: 10px;
}
.slider_col_text4 p:before{
    content: "";
    width: 16px;
    height: 16px;
    background: url("./images/icon32.png");
    background-size: 100%;
    background-repeat: no-repeat;
    display: inline-block;
    margin-right: 8px;
    margin-bottom: -2px;
}
.slider_col_text5 p{
    color: rgba(30, 30, 30, 1);
    font-size: 16px;
    margin-bottom: 10px;
}
.slider_col_text5 p:before{
    content: "";
    width: 16px;
    height: 16px;
    background: url("./images/icon33.png");
    background-size: 100%;
    background-repeat: no-repeat;
    display: inline-block;
    margin-right: 8px;
    margin-bottom: -2px;
}
.slider_col_text6 p{
    color: rgb(0 74 173);
    font-size: 16px;
    margin-bottom: 10px;
}
.slider_home_8 .col-inner{
    border: 2px solid var(--Blue-2, rgba(1, 134, 191, 1));
    border-radius: 24px;
    padding: 20px 40px;
}
.slider_col_text5{
    display: inline-block;
    float: left;
}
.slider_col_text6{
    text-align: right;
}
.slider_col_text1:after {
    content: "";
    width: 100%;
    height: 3px;
    background: #ff7f00;
    display: block;
    margin-top: 0;
    margin-bottom: 15px;
}
.slider_home_8 .slider-nav-reveal {
    overflow: inherit;
    padding-top: 0;
}
.slider_home_8 .flickity-page-dots{
    bottom: -15px;
}
.flickity-page-dots .dot.is-selected,
.flickity-page-dots .dot:hover{
    background-color: #8b0c00 !important;
    opacity: 1 !important;
    border-color: #8b0c00 !important;
}
.slider_home_9 {
    margin-top: 30px;
}
.slider_home_9 .col-inner {
    border: rgba(210, 236, 240, 1);
    border-radius: 24px;
    padding: 20px 40px;
    background: #fff !important;
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.30), 0 6px 15px rgba(0, 0, 0, .22);
	height: 100%;
}
.slider_home_9 .slider_col_text1 h3
 {
    color: #ff7f00 !important;
    font-size: 20px;
    height: 60px;
    overflow: hidden;
}
.slider_home_9 .slider_col_text2 p {
    font-size: 16px;
    margin-bottom: 0;
    background: #ff7f00;
    display: table;
    padding: 8px 15px;
    border-radius: 40px;
    color: #fff;
    margin-left: auto;
    position: relative;
    margin-right: 0;
}
.slider_home_9 .slider_col_text3 p{
    color: rgba(30, 30, 30, 1);
    font-size: 16px;
    margin-bottom: 10px;
}
.slider_home_9 .col.medium-4.small-12.large-4{
	padding-top: 9.8px !important;
}
.slider_home_9 .slider_col_text4 p{
    color: rgba(30, 30, 30, 1);
    font-size: 16px;
    margin-bottom: 10px;
}
.slider_home_9 .slider_col_text5 p{
    color: rgba(30, 30, 30, 1);
    font-size: 16px;
    margin-bottom: 10px;
}
.slider_home_9 .slider-nav-reveal {
    overflow: inherit;
    padding-top: 0;
}
.slider_home_9 .flickity-page-dots{
    bottom: -30px;
}
.home_block10 .form-group{
    width: 50%;
    display: inline-block;
    float: left;
}
.home_block10 .form-group-full{
    width: 100%;
    float: none;
}
.home_block10 .form-group-fullbtn{
    width: 100%;
    float: none;
}
.form-group input, .form-group select {
    border: 55px;
    padding: 10px 20px;
    height: 50px;
    box-shadow: none;
    border-radius: 50px;
    border: 1px solid rgba(144, 144, 144, 1);
}
.form-group-full input{
    height: auto;
    padding: inherit;
}
.form-group-left{
    padding-right: 0;
}
.form-group-right{
    padding-left: 0;
}
.form-group-full label{
    width: auto;
    float: left;
    margin-right: 18%;
}
.form-group-full span label{
    width: auto;
    float: none;
    margin-right: 0;
}
.form-group-fullbtn input {
    padding: 5px 70px;
    border-radius: 50px;
    background-color: rgb(255 255 255 / 80%) !important;
    color: #6b0000 !important;
    margin: 0 auto;
    display: block;
    margin-top: 10px;
}
.form-group-fullbtn input:hover{
    background-color: #6b0000 !important;
    color: #fff !important;
    border-color: #6b0000 !important;
}
.home_block10_col1{
    flex-basis: 65%;
    max-width: 65%;
}
.home_block10_col2{
    flex-basis: 35%;
    max-width: 35%;
}
.home_block10 , .home_block10 .col{
    padding-bottom: 0 !important;
}
.chiase_duhs_home11 h3{
    font-size: 18px;
    color: rgba(30, 30, 30, 1);
    margin-bottom: 0;
}
 .form-row-first, .form-row-last {
    float: left;
    width: 100% !important;
    margin-right: 0 !important;
  }
.button.alt, .button.checkout, .checkout-button, .secondary {
  background-color: #8b0c00 !important;
	border-radius: 10px !important;
}
.chiase_duhs_home11 p{
    margin-bottom: 0;
    color: #8b0c00;
    line-height: 22px;
}
.dark .nav-vertical li li.menu-item-has-children>a, .dark .nav-vertical-fly-out>li>a, .dark .nav-vertical>li>ul li a, .dark .nav>li.html, .dark .nav>li>a, .nav-dark .is-outline, .nav-dark .nav>li>a, .nav-dark .nav>li>button, .nav-dropdown.dark .nav-column>li>a, .nav-dropdown.dark>li>a
 {
    color: #000 !important;
}
.dark .nav-vertical-fly-out>li>a:hover, .dark .nav>li.active>a, .dark .nav>li>a.active, .dark .nav>li>a:hover, .nav-dark .nav>li.active>a, .nav-dark .nav>li.current>a, .nav-dark .nav>li>a.active, .nav-dark .nav>li>a:hover, .nav-dark a.plain:hover, .nav-dropdown.dark .nav-column>li>a:hover, .nav-dropdown.dark>li>a:hover
 {
    color: #8b0c00 !important;
	     
}
.chiase_duhs_home11_text2 p{
    margin-bottom: 0;
    margin-top: 15px;
}
.chiase_duhs_home11_text2{
	min-height: 256px;
}
.slider_home_11 .col-inner{
    box-shadow: 0px 2px 5.8px 0px rgba(0, 0, 0, 0.3);
    padding: 30px;
    border-radius: 25px;  
	height: 100%;
	background: #fff;
}
.slider_home_11 .col.medium-4.small-12.large-4 {
    padding-top: 9.8px !important;
}
.slider_home_11{
    margin-top: 30px;
}
.slider_home_11 .slider-nav-reveal {
    overflow: inherit;
    padding-top: 0;
}
.slider_home_11 .flickity-page-dots{
    bottom: -30px;
}
.btn_dichvuvisa{
    width: 50%;
    margin: 5px;
}
.btn_dichvuvisa {
    width: 49%;
    margin: 0.5%;
    float: left;
    display: inline-block;
    padding: 5px;
}
.video_full {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}

.video_full iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
body .accordion-title {
    border-top: none;
    display: block;
    font-size: 110%;
    padding: .6em 2.3em;
    position: relative;
    transition: border .2s ease-out, background-color .3s;
    background: rgba(244, 244, 244, 1);
    padding-left: 15px;
}
body .accordion .toggle {
    left: initial !important;
    right: 0 !important;
}
body .accordion span{
    font-weight: bold;
    font-family: font_dam !important;
    font-size: 18px;
    color: rgba(30, 30, 30, 1);
}
body .accordion .accordion-inner {
    padding: 15px;
}
.tab_cauhoithuonggap{
    margin-top: 30px;
}
.btn_center {
    margin: 0 auto;
    display: table;
    border-radius: 50px !important;
    padding: 5px 30px;
}
.home_camnangduhoc{
    margin-top: 30px;
}
.home_camnangduhoc .is-divider{
    display: none;
}
.home_camnangduhoc .box-text.text-left{
    padding: 10px 15px !important;
    background: rgba(244, 244, 244, 1);
}
.footer_full p, .footer_full a{
    color: #000;
}
.footer_full a:hover{
    color: #34b9cc;
}
.footer_full .ux-menu-link--active .ux-menu-link__link, .footer_full  .ux-menu-link:hover .ux-menu-link__link {
    color: #34b9cc;
}
.title_footer p{
    margin-bottom: 15px;
    font-size: 18px;
}
.absolute-footer.dark {
    color: hsla(0, 0%, 100%, .5);
    display: none !important;
}
.footer_full {
    padding-bottom: 0 !important;
}
.gioithieu_block1_text1{
    box-shadow: 0px 2px 8.5px 0px rgba(0, 0, 0, 0.25);
    padding: 50px;
    border-radius: 25px;
    margin-top: -10%;
    background: #fff;
}
.gioithieu_row2{
    margin-top: 30px;
}
.gioithieu_row2 .col-inner{
    background: rgba(244, 244, 244, 1);
    border-radius: 40px;
    padding: 30px 15px;
    padding-bottom: 5px;
}
.xoa_the_p p{
    margin-bottom: 0;
}
.home_block13_faq{
    padding: 0 !important;
}
.home_block13_faq .tab_cauhoithuonggap {
    margin-top: 0;
}
.h2_sidebar{
    text-align: center;
    font-size: 20px;
    margin-top: 20px;
    margin-bottom: 10px;
	height: auto !important;
}
.widget.widget_block .form-group{
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.widget-area{
    background: rgba(244, 244, 244, 1);
    padding: 30px;
}
.widget-area .wpcf7 span.wpcf7-list-item {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    margin-bottom: 0px;
    margin: 0 !important;
}
body .page-wrapper {
    padding-bottom: 0;
    padding-top: 0;
}
.widget-area .form-group-full input{
    margin-bottom: 0;
}
.large-12-blog{
    margin-bottom: 20px !important;
}
.nav-pagination>li>a, .nav-pagination>li>span {
    border: 2px solid;
    border-radius: 10px;
    border-color: #8b0c00;
}
.nav-pagination>li>.current, .nav-pagination>li>a:hover, .nav-pagination>li>span:hover {
    background-color: #8b0c00;
    border-color: #8b0c00;
    color: #fff;
}
.link_post_custom {
    padding: 0 15px;
}
.link_post_custom:after {
    content: "";
    width: 100%;
    height: 3px;
    background: #6b0000;
    display: block;
    margin-top: 15px;
    margin-bottom: 30px;
}
.link_post_custom p{
    margin-bottom: 0;
}
.post-item .is-divider, .entry-divider.is-divider.small{
    display: none;
}
.entry-content.single-page{
    padding-top: 0 !important;
}
.entry-header-text {
    padding: 0.5em 0;
}
.image_custom1 img{
    width: auto;
    max-width: none;
    height: auto;
    text-align: left;
    margin: 0;
    position: relative;
}
.row-truonghoc1 .image-cover{
    padding-top: 0 !important;
}
.text_noidung1 span{
    font-size: 16px;
    margin-bottom: 10px;
    background: rgba(244, 244, 244, 1);
    display: inline-block;
    padding: 6px 30px;
    border-radius: 25px;
    color: rgba(1, 134, 191, 1);
    margin-top: 10px;
    opacity: 1;
}
.text_noidung1:after{
    content: "";
    width: 100%;
    height: 1px;
    background: rgba(244, 244, 244, 1);
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
}
.row-truonghoc1 .col-inner{
    box-shadow: 0px 2px 6.8px 0px rgba(0, 0, 0, 0.25);
    padding: 30px 40px;
    border-radius: 25px;
    overflow: hidden;
}
.row-truonghoc1 .col-inner a.button{
    width: 100%;
}
form{
    margin-bottom: 0;
}
.comments-area{
    margin-bottom: 20px;
}
.post {
    margin: 0;
}
.blog-wrapper .home_block12{
    background-color: rgba(244, 244, 244, 1);
    margin-top: 10px;
}
#post-list .post-item .box-image .image-cover{
    padding-top: 0 !important;
}
#post-list .post-item .box-image .image-cover img{
    position: relative;
}
.nav-column li.active>a, .nav-column li>a:hover, .nav-dropdown li.active>a, .nav-dropdown>li>a:hover, .nav-vertical-fly-out>li>a:hover, .nav>li.active>a, .nav>li.current>a, .nav>li>a.active, .nav>li>a.current, .nav>li>a:hover {
    color: #8b0c00;
}
.text_footer3 p{
    margin-bottom: 5px;
    margin-top: 50px;
}
.footer_full .ux-menu-link__link {
    min-height: auto;
    padding-bottom: 0;
}
.icon_footer3 .button.icon{
    margin-right: 15px;
}
.visa_row2 .img.has-hover{
    margin-bottom: 0;
}
.visa_row2 p{
    margin-bottom: 0;
    color: #1E1E1E;
    font-size: 22px;
    padding: 10px;
    background: #F4F4F4;
}
.visa_row2 .col-inner{
    box-shadow: 0px 2px 7px 0px #00000040;
    border-radius: 36px;
    overflow: hidden;
}
.row_top_30{
    margin-top: 30px;
}
.visa_row3{
    padding-bottom: 30px !important;
}
.bv_lienquan{
    text-align: center;
    margin-bottom: 20px;
    color: #8b0c00;
}
.author-header_dm {
    display: inline-flex;
    margin-top: 15px;
    width: 100%;
    margin-bottom: 15px;
}
.author-header_dm:after {
    width: calc(100% - 220px);
    content: "";
    height: 2px;
    background-color: #D2ECF0;
    display: block;
    margin-top: 20px;
}
.author-header_dm span{
    background: #D2ECF0;
    padding: 5px 30px;
    font-size: 18px;
    border-radius: 50px;
    font-family: font_dam !important;
}
.author-title_dm{
    font-size: 18px;
    font-family: font_dam !important;
    color: #8b0c00;
}
.author-bio_dm{
    margin-bottom: 5px;
    font-size: 16px;
    color: #8b0c00;
}
.author-details_dm{
    padding-left: 30px;
}
.author-field_dm{
    margin-bottom: 0;
    font-size: 16px;
}
.home_block3_col1 p{
    margin-bottom: 0;
}
.timkiem_truonghoc{
    display: block;
    width: 100%;
}
.timkiem_khoahoc, .timkiem_sach{
    display: block;
    width: 100%;
}
.timkiem_hocbong{
    display: block;
    width: 100%;
}
.timkiem_truonghoc .tab_timkiem_home_input, .timkiem_truonghoc .tab_timkiem_home_select {
    width: 44.4% !important;
}
.timkiem_hocbong .tab_timkiem_home_input, .timkiem_hocbong .tab_timkiem_home_select {
    width: 44.4% !important;
}
.timkiem_hocbong_bl .tab_timkiem_home_input, .timkiem_hocbong_bl .tab_timkiem_home_select {
    width: 42.4% !important;
}
.author_single{
    margin-bottom: 20px;
}
.author-details_img{
    width: 150px;
    float: left;
    margin-right: 15px;
    border-radius: 100%;
}
.icon_tacgia_share a{
    margin-bottom: 0;
    font-size: 10px;
    margin-bottom: 5px;
}
.author-info_dm{
    display: block;
    width: 100%;
    margin-bottom: 15px;
}
.icon-zalo{
    width: 25px;
    height: 25px;
    background: url("images/zalo_icon2.png");
    background-repeat: no-repeat;
    background-size: 25px;
    border-radius: 100%;
}
.timkiem_truonghoc_dm .tab_timkiem_home_input, .timkiem_truonghoc_dm .tab_timkiem_home_select {
    width: 41.4% !important;
}
.timkiem_khoahoc_bl .tab_timkiem_home_input, .timkiem_khoahoc_bl .tab_timkiem_home_select {
    width: 28% !important;
}
.menungang .ux-menu-link.flex.menu-item{
	    display: inline-block !important;
    width: auto;
    padding: 0Px 15px;
}
.menungang {
	display: block !important;
}
.menungang .ux-menu-link.flex.menu-item a{
	border: none !important;
}
.accordion_ctdm {
    background-color: rgba(244, 244, 244, 1);
    color: #444;
    cursor: pointer;
    padding: 5px 15px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
    border-radius: 5px;
    margin-bottom: 10px;
}

.accordion_ctdm h2 {
    display: inline-block;
    margin: 0;
    font-size: 15px;
    width: calc(100% - 25px);
    height: auto !important;
}
.active_ctdm, .accordion_ctdm:hover {
    background-color: #0149ac;
    color: #fff;
}
.active_ctdm h2, .accordion_ctdm:hover h2{
    color: #fff;
}
.accordion_ctdm:after {
    content: '\002B';
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}

.active_ctdm:after {
    content: "\2212";
    color: #fff;
}

.panel_ctdm {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    margin-bottom: 10px;
}
.flickity-page-dots{
    margin-bottom: 0 !important;
}
.sk_icon1{
    width: 25px;
    height: 25px;
    display: inline-block;
    background: url("images/zalo_icon2.png");
    background-repeat: no-repeat;
    background-size: 25px;
    margin-right: 7px;
}
.sk_icon2{
    width: 25px;
    height: 25px;
    display: inline-block;
    background: url("images/zoom.png");
    background-repeat: no-repeat;
    background-size: 25px;
}
.home_sukien_edu .col-inner {
    border: 2px solid var(--Blue-2, rgba(1, 134, 191, 1));
    border-radius: 24px;
    padding: 20px 40px;
}
.is-divider.divider.clearfix{
    display: none;
}
.slider_home_9 .slider_col_text5 {
    display: inline-block;
    float: none;
}
.home_sukien_edu .slider_col_text5 {
    display: inline-block;
    float: none;
    width: 100%;
    height: 28px;
    overflow: hidden;
}
.home_sukien_edu .slider_col_text1 h3:after {
    content: "";
    width: 110px;
    height: 3px;
    background: #6b0000;
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
}
.home_sukien_edu .slider_col_text1 h3 a{
    height: 57.19px;
    overflow: hidden;
}
.box-image .image-cover img {
    position: relative;
    max-width: 100%;
    height: auto;
    aspect-ratio: 800 / 449;
    object-fit: cover;
    object-position: center;
}
.blog-archive h2{
    height: 44px;
    overflow: hidden;
}
.image-cover{
    padding-top: 0 !important;
}
.home_block4 .box-image .image-cover img {
    position: relative;
    max-width: none;
    height: auto;
    aspect-ratio: revert-layer;
    object-fit: cover;
    object-position: center;
	    contain-intrinsic-size: revert-layer !important;
}
.thamgia{
    font-size: 18px;
    display: inline-block;
    top: -8px;
    position: relative;
    right: 20px;
}
.home_block14 .button.is-outline{
	margin-top: 20px;
}
.ux_chuyengia .large-columns-4 .flickity-slider>.col{
	        flex-basis: 50% !important;
        max-width: 50% !important;
}
.box-text a:not(.button), .box-text h1, .box-text h2, .box-text h3, .box-text h4, .box-text h5, .box-text h6
 {
    line-height: 1.3;
    margin-bottom: .1em;
    margin-top: .1em;
    font-size: 18px;
    overflow: hidden;
    height: 45px;
}
.container .message-container
 {
    padding-left: 0;
    padding-right: 0;
    border: none !important;
}
/* Căn chỉnh chung cho menu */
.header-nav-main {
    display: flex;
    align-items: center;
}

/* Tạo vạch chia dọc giữa các mục menu */
.header-nav-main > li > a {
    position: relative;
    padding: 0 15px; /* Khoảng cách giữa chữ và vạch chia */
    color: #f38120; /* Màu cam giống trong hình */
    font-weight: bold;
    text-transform: capitalize; /* Viết hoa chữ cái đầu hoặc tùy chọn uppercase */
}

/* Thêm vạch kẻ dọc (Pipe separator) */
.header-nav-main > li:not(:last-child):not(.cart-item):not(.account-item):after {
    content: "|";
    color: #f38120; /* Cùng màu với chữ */
    opacity: 0.7;
    margin-left: 5px;
    font-weight: normal;
}

/* Hiệu ứng khi hover hoặc khi trang đang active */
.header-nav-main > li.active > a, 
.header-nav-main > li > a:hover {
    color: #d36a10; /* Màu cam đậm hơn một chút khi hover */
}

/* Xử lý riêng cho icon Giỏ hàng và Tài khoản để không bị dính vạch kẻ */
.header-nav-main > li.cart-item, 
.header-nav-main > li.account-item {
    padding-left: 10px;
}

/* Tùy chỉnh màu icon (nếu cần) */
.header-nav-main .icon-shopping-basket, 
.header-nav-main .icon-user {
    color: #f38120;
    font-size: 1.2em;
}
.header-nav-main {
    justify-content: center;
}
.header-main .nav > li > a {
    line-height: 16px;
    padding-left: 0 !important;
    color: rgba(255, 127, 0, 1) !important;
}
.header-nav-main > li.cart-item, .header-nav-main > li.account-item {
    padding-left: 0;
    padding-right: 0;
    margin-right: 0;
}
/* Tổng quan cho cả 2 nút */
.button.primary, 
.button.primary.is-outline {
        border-radius: 40px !important;
    font-weight: bold;
    text-transform: uppercase;
    padding: 1px 35px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    border-width: 2px;
    transition: all 0.3s;
    margin-bottom: 0;
    font-size: 20px;
    line-height: 49px;
    height: 40px;
	    box-shadow: 0 10px 15px rgb(0 0 0 / 83%);
}

/* Nút KẾT NỐI MAI (Nền Gradient cam) */
.button.primary:not(.is-outline) {
    background: radial-gradient(50% 50% at 50% 50%, #FFFFFF 0%, #FF7F00 100%) !important; /* Dùng Linear thay vì Radial để giống ảnh hơn */
    border: none;
    color: #4b2600; /* Màu chữ nâu đậm giống ảnh */
}

/* Nút ĐI TIẾP (Viền cam nền trắng) */
.button.primary.is-outline {
    background-color: #ffffff !important;
    border-color: #FF7F00 !important;
    color: #4b2600 !important;
}

/* Hiệu ứng khi di chuột qua (Hover) */
.button.primary:hover, 
.button.primary.is-outline:hover {
    transform: translateY(-2px); /* Nhấc nút lên nhẹ */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.4);
}
.nuttop{
	margin-top: -10%;
}
.nuttop1{
	margin-left: 37%;
}
.container_h2home {
            position: relative;
            /* Đẩy khối sát sang lề phải màn hình */
            margin-left: auto; 
            margin-right: 0;

            /* Mặc định width là 60% */
            width: 60%;

            display: flex;
            align-items: center;
            /* YÊU CẦU: Căn chữ sang lề TRÁI của khối trắng */
            justify-content: flex-start; 
            
            background: #ffffff;
            border-radius: 100px 0 0 100px; /* Bo tròn đầu trái */
            
            /* Padding: trên-dưới 15px, phải 20px, trái 60px (chừa chỗ cho bo góc) */
            padding: 15px 20px 15px 60px;
            
            /* YÊU CẦU: Box-shadow ĐẬM hơn và rõ hơn */
            /* Tăng độ mờ (spread) và độ đậm (alpha lên 0.25) */
            box-shadow: -15px 8px 30px rgba(0, 0, 0, 0.25);
            
            box-sizing: border-box; /* Đảm bảo width luôn chính xác */
            transition: all 0.3s ease; /* Hiệu ứng mượt mà khi đổi size */
        }

        .coaching-text_h2home {
            font-weight: 900;
            text-transform: uppercase;
            margin: 0;
            white-space: nowrap;

            /* Font chữ co giãn theo màn hình */
            font-size: clamp(22px, 30vw, 60px);

            /* Dải màu chuẩn (Gradient) */
            background: linear-gradient(90deg, #A10000 0%, #473933 45.19%, #FF7F00 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            color: transparent;
            
            letter-spacing: 1px; 
			
    background-size: 100% 100%;
    width: fit-content;
    display: block;
        }

        /* Responsive: Khi màn hình nhỏ hơn 849px */
        @media (max-width: 849px) {
            .container_h2home {
                /* YÊU CẦU: Width là 95% */
                width: 95%;
                /* Thu nhỏ padding trái một chút trên mobile */
                padding-left: 40px; 
            }
        }

.box-image img {
    margin: 0 auto;
    max-width: 100%;
    width: 100%;
    border-radius: 15px;
}
blockquote, dl, figure, form, ol, p, pre, ul {
    margin-bottom: 10px;
}
.home_chuyengia1 .col-inner{
	    padding: 40px;
    border: 1px solid #ddd;
    margin-top: 10%;
    box-shadow: 0 0px 40px rgba(0, 0, 0, 0.30), 0 6px 6px rgba(0, 0, 0, .22);
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px;
	    background: #fff;
}
.tab_cauhoithuonggap .accordion-item{
	    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.30), 0 6px 15px rgba(0, 0, 0, .22);
    border-radius: 10px;
    margin-bottom: 15px;
	overflow: hidden;
	background: #fff;
}
.box-text a:not(.button), .box-text h1, .box-text h2, .box-text h3, .box-text h4, .box-text h5, .box-text h6 {
  
    color: #000;
    font-weight: bold;
}
.anhtop1 {
	margin-top: -20px;
}
.card_gioithieu {
    background: white;
    max-width: 1000px;
    border-radius: 40px;
    display: flex;
    overflow: hidden;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.48);
    margin: 30px auto;
    margin-right: 270px;
    margin-top: -270px;
}

        .content_gioithieu {
            flex: 1.5;
            padding:40px 30px 40px 40px
        }

        .title_gioithieu {
            font-size: 28px;
            font-weight: 700;
            color: #000;
            margin-bottom: 15px;
            line-height: 1.2;
        }

        .list_container_gioithieu {
            list-style: none;
            padding: 0;
            margin: 0;
        }

      .list_item_gioithieu {
    display: flex;
    align-items: flex-start;
    margin-bottom: 5.5px;
    font-size: 17px;
    color: #000;
    line-height: 1.5;
}

        .check_icon_gioithieu {
            color: #ff6a00; /* Màu cam */
            font-size: 20px;
            margin-right: 15px;
            font-weight: bold;
            flex-shrink: 0;
        }


        /* Responsive */
        @media (max-width: 768px) {
            .card_gioithieu {
                flex-direction: column;
                border-radius: 25px;
            }
            .content_gioithieu {
                padding: 40px 25px;
            }
        }
#main, #wrapper {
    background-color: #fff;
    position: relative;
    background: #ffffff url(https://learnwithmai.com/wp-content/uploads/2026/03/bg-3.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.add-to-cart-button .button{
	font-size: 16px !important;
	    line-height: 40px;
}
 .section_gioithieu {
            display: flex;
            justify-content: center;
            align-items: center;
               background-color: inherit;
    margin-top: 20%;
        }

        .container_gioithieu {
            position: relative;
            width: 100%; /* Độ rộng tổng thể */
            display: flex;
            align-items: center;
            justify-content: flex-end; /* Đẩy khung trắng về bên phải */
        }

       .card_phattrien_gioithieu {
    background: #ffffff;
    width: 94%;
    border-radius: 40px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1);
    padding: 40px 40px 50px 360px;
    z-index: 1;
    position: relative;
}
        /* ẢNH NHÂN VẬT: Đè lên khung 50% */
        .person_image_gioithieu {
            position: absolute;
            left: 0; /* Gắn vào lề trái container */
            bottom: -0; /* Hơi nhô xuống dưới đáy một chút cho tự nhiên */
            width: 570px; /* Kích thước ảnh */
            z-index: 2; /* Nằm trên khung trắng */
            filter: drop-shadow(15px 5px 20px rgba(0,0,0,0.1));
            pointer-events: none;
        }

        .content_phattrien_gioithieu {
            text-align: center;
        }

        .title_red_gioithieu {
            font-size: 26px;
            font-weight: 900;
            text-transform: uppercase;
            background: linear-gradient(to right, #9e1c1c, #f18c21);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            margin-bottom: 20px;
            line-height: 1.2;
        }

        .desc_gioithieu {
            font-size: 15px;
            color: #333;
            line-height: 1.6;
            margin-bottom: 30px;
        }

        .btn_gioithieu {
            background: linear-gradient(180deg, #ffb067, #f17821);
            color: white;
            padding: 12px 40px;
            border-radius: 15px;
            text-decoration: none;
            font-weight: bold;
            font-size: 18px;
            display: inline-block;
            box-shadow: 0 10px 20px rgba(241, 120, 33, 0.3);
            transition: 0.3s;
        }

        .btn_gioithieu:hover {
            transform: translateY(-3px);
            box-shadow: 0 15px 25px rgba(241, 120, 33, 0.4);
        }

        /* Mobile tối ưu lại */
        @media (max-width: 768px) {
            .container_gioithieu { width: 100%; flex-direction: column; justify-content: center; margin-top: 80px; }
            .card_phattrien_gioithieu { width: 100%; padding: 120px 20px 40px 20px; }
            .person_image_gioithieu { width: 280px; left: 50%; transform: translateX(-50%); top: -100px; bottom: auto; }
        }
.title_red_gioithieu {
  /* 1. Đưa gradient vào */
  background: linear-gradient(90deg, #A10000 0%, #473933 45.19%, #FF7F00 100%);
  
  /* 2. Cắt gradient theo hình chữ (Quan trọng) */
  -webkit-background-clip: text;
  background-clip: text;
  
  /* 3. Làm chữ gốc trong suốt để thấy gradient bên dưới (Quan trọng) */
  -webkit-text-fill-color: transparent; 
  color: transparent;

  /* 4. Fix lỗi dính 100% chiều ngang */
  display: inline-block;
  
  /* Tùy chỉnh thêm cho đẹp */
  font-weight: bold;
  text-transform: uppercase; /* Thường gradient text sẽ đẹp hơn khi viết hoa hoặc font dày */
}
.text20{
	    font-size: 25px;
    margin: 0 auto;
}
.text40{
	    font-size: 40px;
    margin: 0 auto;
}
.boder20 img{
	border-radius: 20px !important;
}
.gioithieucf .row.row-collapse.align-middle{
	    background: #fff;
    margin-bottom: 30px;
    border-radius: 20px !important;
    overflow: hidden;
	    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.48);
}
@media screen and (min-width: 850px) {
    .col-divided {
        border-right: 0 !important;
        padding-right: 30px;
    }
    .col-divided+.col {
        padding-left: 0 !important;
    }
    .row-large>.col, .row-large>.flickity-viewport>.flickity-slider>.col {
        margin-bottom: 0;
        padding: 0 15px 15px !important;
    }
    #content.blog-wrapper .large-9{
        flex-basis: 70%;
        max-width: 70%;
    }
    #content.blog-wrapper .large-3{
        flex-basis: 30%;
        max-width: 30%;
    }
}

.home_text3 .col-inner.box-shadow-3-hover{
	box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .22);
    margin-top: -90px !important;
    z-index: 21;
    background: #fff;
}

@media only screen and (max-width: 1200px) {
    .nav>li {
        margin: 0 5px;
    }
    .nav>li>a {
        font-size: 15px !important;
    }
    #logo {
        width: 150px  !important;
        margin-right: 15px !important;
    }
    .home1_slider .large-6{
        flex-basis: 100%;
        max-width: 100%;
    }
    .home1_slider {
        min-height: 470px !important;
    }
    .row_home3_block .home_block3_col1 .col-inner {
        background: #6b0000;
        padding: 15px 15px;
        padding-bottom: 60px;
        min-height: 427px;
    }

}

@media only screen and (max-width: 849px) {
    .row_home3_block .home_block3_col1 .col-inner {
        background: #6b0000;
        padding: 15px 15px;
        padding-bottom: 15px;
        min-height: auto;
    }
    .tab_timkiem_home_btn {
        width: 150px;
        margin: 0 auto !important;
        display: block;
    }
    .home_block10_col1 {
        flex-basis: 100%;
        max-width: 100%;
    }
    .home_block10_col2 {
        flex-basis: 100%;
        max-width: 100%;
    }
    .timkiem_truonghoc .tab_timkiem_home_input, .timkiem_truonghoc .tab_timkiem_home_select {
        width: 100% !important;
        margin-bottom: 10px;
    }
    .tab_timkiem_home_input, .tab_timkiem_home_select{
        width: 100% !important;
        margin-bottom: 10px !important;
    }
    .timkiem_hocbong .tab_timkiem_home_input, .timkiem_hocbong .tab_timkiem_home_select {
        width: 100% !important;
    }
    .timkiem_khoahoc_bl .tab_timkiem_home_input, .timkiem_khoahoc_bl .tab_timkiem_home_select {
        width: 100% !important;
    }
}

@media only screen and (max-width: 549px) {
    .tab_custom_css {
        padding: 0px 5px;
        cursor: pointer;
        border-bottom: 2px solid transparent;
        color: rgba(30, 30, 30, 1);
    }
    .search-container {
        max-width: 100%;
        margin: 0;
        padding: 15px 10px;
        background-color: #fff;
        border-radius: 10px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        margin-top: -80px;
    }
    .tab_custom_css-pane.active {
        display: grid;
    }
    .tab_timkiem_home_input, .tab_timkiem_home_select {
        padding: 7px 10px !important;
        margin-right: 10px;
        border: 1px solid #ccc !important;
        border-radius: 5px !important;
        width: 100% !important;
        height: 38px !important;
        margin-bottom: 0;
        display: block;
    }
    .home_block7 .ux-logo.has-hover{
        max-width: 50% !important;
        width: 100% !important;
    }
    #col-1906994278 > .col-inner {
        padding: 0px 0px 0px 0px;
    }
    .row-small>.col, .row-small>.flickity-viewport>.flickity-slider>.col {
        margin-bottom: 0;
        padding: 0 15px 19.6px;
    }
    .home_block10 .form-group {
        width: 100%;
        display: inline-block;
        float: left;
    }

    .form-group-left {
        padding-right: 0;
    }
    .form-group-right {
        padding-left: 0;
    }
    .form-group-full label {
        width: 100%;
        float: left;
        margin-right: 0;
    }
    .wpcf7 span.wpcf7-list-item {
        margin-left: 0;
        margin-right: 10px;
    }
    .gioithieu_block1_text1 {
        box-shadow: 0px 2px 8.5px 0px rgba(0, 0, 0, 0.25);
        padding: 30px;
        border-radius: 25px;
        margin-top: -10%;
        background: #fff;
    }
    .row_cauhoi2 .tab_cauhoithuonggap {
        margin-top: 0;
    }
    .row_cauhoi1 {
        padding-bottom: 0 !important;
    }

}