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

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

.box-content-tab p {
    margin-bottom: 0;
}
body {
  /* Set "my-sec-counter" to 0 */
  counter-reset: index;
}
.block-content{
        text-transform: uppercase;
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    display: flex;
    flex-direction: column;
    color: #fff;
    padding: 29.8px 0;
}
.block-content i{
    margin-bottom: 5px;
    font-size: 4rem;
}
.dichvu:hover .block-content{
    color:#333;
}
div.dichvu:hover{
    background-color:#fff!important;
}
span.null::before {
    border: 15px solid #fcb033;
    border-bottom-color: rgb(255, 204, 0);
    border-left-color: rgb(255, 204, 0);
    position: absolute;
    DISPLAY: INLINE-BLOCK;
    MARGIN-LEFT: -45PX;
    border-left-color: transparent;
    border-bottom-color: transparent;
    left: auto;
    transform: rotate(45deg);
    content: '';
}
span.null{
        border-bottom: 2.5px solid #fcb033;
    background-image: linear-gradient(117deg, #834d0b, #d3a190) !important;
    display: block;
    width: 100%;
    padding: 7px 30px;
    color: #fff;
    font-family: sans-serif;
    font-weight: 700;
    font-size: 18px;
}
.wpcf7-form label{
    font-size:18px;
}
.input-group{
        width: 100%;
    position: relative;
    display: table;
    border-collapse: separate;
    margin:20px 0px;
}
.input-group-addon{
        padding: 6px 12px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #fff;
    border: 1px solid #ccc;
    white-space: nowrap;
    vertical-align: middle;
    display: table-cell;
    width: 10%;
    border-radius: 0px;
        min-width:50px;
}
.input-group .form-control{
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
    display: table-cell;
}

.wpcf7::-webkit-input-placeholder { /* WebKit browsers */
    color: #fff !important;
    opacity: 1;
}
.input-group-addon:first-child{
        border-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.submit-btndk{
    text-align:center;
}
.hoibacsi{
    font-size: 15px!important;
  padding: 0px 10px!important;
    color:#fff!important;
}
.hoibaci:hover>a:before{
    opacity:0!important;
}
.dangkykham{
    font-size: 15px!important;
  padding: 0px 10px!important;
        color:#fff!important;
}
.dangkykham:hover>a:before{
    opacity:0!important;
}
/* breadcrumbs Rankmath */
.large-12.col-breadcrumbs {
background-color: #f1f1f1;
color: #0f3e66;
padding: 7px;
height: 40px;
border-radius: 5px;
border-bottom: 1px solid #c3b3b3;
border-right: 1px solid #c3b3b3;
margin-bottom: 10px;
}
.large-12.col-breadcrumbs a {
color: #0f3e66;
}
.rank-math-breadcrumb:before {
font-family: 'FontAwesome';
margin-right: 5px;
content: '\e065';
}
nav.rank-math-breadcrumb {
display: flex;
}
span.separator {
padding: 5px;
}

/* Code home link Rankmath */

.rank-math-breadcrumb:before {
font-family: 'FontAwesome';
margin-right: 5px;
content: '\e065';
}
.blog-single .entry-category {
    display: none;
}
.box-content-tab {
    font-weight: 400;
    color: #212529;
    line-height: 1.8;
    font-size: 14px;
}


.related h3.product-section-title-related {
    border-left: 3px solid #ad2a2a;
    margin-bottom: 20px;
    padding-left: 5px;
    line-height: 42px;
    font-size: 16px;
    color: #00506c;
    font-weight: 700;
    height: 40px;
    padding-top: 0;
    padding-bottom: 0;
    text-transform: unset;
}

.related.devvn-product-small .product-small.box .box-text .price-wrapper .devvn-info-tour {
    display: none;
}

.related.devvn-product-small .product-small.box .box-text .title-wrapper .name.product-title.woocommerce-loop-product__title a {
    font-size: 15px;
    font-weight: 400;
    line-height: 22.5px;
    margin-bottom: 10px;
}

.related.devvn-product-small .product-small.box .price-wrapper span.woocommerce-Price-amount.amount, .related.devvn-product-small .product-small.box .price-wrapper ins span.woocommerce-Price-amount.amount {
    font-size: 18px;
    color: #f93;
}

.related.devvn-product-small .product-small.box .box-text .price-wrapper span.woocommerce-Price-currencySymbol:after {
    display: none;
}

.related.devvn-product-small .product-small.box .box-text .price-wrapper del span.woocommerce-Price-currencySymbol,
.related.devvn-product-small .product-small.box .price-wrapper del span.woocommerce-Price-amount.amount {
    font-size: 13px;
    color: #212529;
    margin-right: 0;
}

.related.devvn-product-small .product-small.box .price-wrapper span.price,
.related.devvn-product-small .product-small.box .box-text .price-wrapper {
    align-items: flex-start;
}

.related.devvn-product-small .product-small.box .box-text .add-to-cart-button a:hover {
    color: #fff;
    background-color: #f93;
    box-shadow: unset;
}

.related.devvn-product-small .product-small.box .box-text .add-to-cart-button a {
    border: 1px solid #f93;
    padding: 1px 15px;
    position: absolute;
    bottom: 0px;
    right: 0px;
    border-radius: 3px;
    text-decoration: none;
    color: #f93;
    background: #fff;
    font-weight: 400;
    text-transform: unset;
    font-size: 13px;
    height: auto;
    min-width: unset;
    min-height: unset;
    line-height: 20px;
    width: auto;
    transition: 0.3s;
    margin-top: 0;
}

.related.devvn-product-small .product-small.box .box-text .add-to-cart-button {
    display: block;
}


.blog-archive header.archive-page-header h1.page-title {
    font-size: 36px;
    color: #00506c;
    text-transform: capitalize;
    font-weight: 400;
    text-align: left;
}

.blog-archive header.archive-page-header h1.page-title span {
    position: relative;
}

.blog-archive header.archive-page-header h1.page-title span:after {
    content: "";
    width: 75%;
    border-bottom: 3px solid #ad2a2a;
    display: block;
    position: absolute;
    left: 0;
    bottom: -5px;
}

/*.blog-archive .col .col.post-item .box:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, .15), 0 0 5px rgba(0, 0, 0, .1);
}*/

.blog-archive .col .col.post-item .box {
    border-radius: 3px;
    background-color: #fff;
    border: 1px solid #eee;
    transition: 0.3s;
}

.blog-archive .col .col.post-item .box .box-image {
    vertical-align: top;
}

.blog-archive .col .col.post-item .box .box-text {
    background-color: #b7b7b72b;
    padding-top: 10px;
    padding-bottom: 0;

}

.blog-archive .col .col.post-item .box .box-text .box-text-inner.blog-post-inner {
    display: flex;
    flex-wrap: wrap;
}

.blog-archive .col .col.post-item .box .box-text .box-text-inner.blog-post-inner .is-divider {
    display: none;
}

.blog-archive .col .col.post-item .box:hover .box-text .box-text-inner h5.post-title {
    color: #f93;
}

.blog-archive .col .col.post-item .box .box-text .box-text-inner h5.post-title {
    order: 1;
    max-height: 48px;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    line-height: 23px;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: 20px;
    color: #00506c;
    font-weight: 700;
    /*border-bottom: 1px solid #b7b7b7;*/
    /*padding-bottom: 5px;*/
    margin-bottom: 7px;
    transition: 0.3s;
}

.blog-archive .col .col.post-item .box .box-text .box-text-inner button.button:after {
    content: "\f101";
    font-family: FontAwesome;
    font-size: 13px;
    margin-left: 0px;
}

.post-sidebar .block_widget .col.post-item .box .box-text .box-text-inner .post-meta.is-small.op-8 {
    color: #f93 !important;
    opacity: 1 !important;
    line-height: 20px;
    font-size: 13px;
}

div.post-sidebar div#secondary .block_widget {
    border: 1px solid #ebebeb;
}

div.post-sidebar div#secondary .block_widget .col.post-item {
    padding-bottom: 0;
}

div.post-sidebar div#secondary .block_widget .col.post-item .col-inner {
    padding-bottom: 10px;
}

div.post-sidebar div#secondary .block_widget .col.post-item:not(:last-child) .col-inner {
    margin-bottom: 10px;

    border-bottom: 1px solid #ebebeb;
}

.blog-archive .col .col.post-item .box .box-text .box-text-inner button.button {
    order: 5;
    /*width: 50%;*/
    text-align: right;
    margin-right: 0;
    margin-top: 0;
    border: unset;
    width: 100px;
    display: block;
    background: unset;
    padding: 0;
    color: #f93;
    text-transform: unset;
    font-size: 12px;
    font-weight: 600;
    height: 32px;
    line-height: 32px;
}

.post-sidebar .block_widget .box-title-4 span.section-title-main {
    font-size: 19.5px;
    font-weight: 600;
}

.post-sidebar .block_widget .box-title-4 a:hover i {
    color: #f93;
}

.post-sidebar .block_widget .box-title-4 a i {
    margin-left: 5px;
}

.post-sidebar .block_widget .col.post-item .box .box-image {
    display: none;
}

.post-sidebar .block_widget .col.post-item .box {
    border: unset;
}

.post-sidebar .widget.widget_categories {
    padding: 20px;
    border: 1px solid #ebebeb;
}

.post-sidebar .widget.widget_categories ul li a:before {
    content: "\f0da";
    font-family: FontAwesome;
    color: #0056b3;
    margin-right: 5px;
}
.widget .is-divider {
    margin-top: 5px;
    border-bottom: 3px solid #885213;
    max-width: 29%;
    margin-bottom: 15px;
}

.post-sidebar .block_widget .col.post-item .box:hover .box-text .box-text-inner h5.post-title {
    color: #f93;
}



.blog-wrapper.blog-single .title-breadcrumbs nav.woocommerce-breadcrumb.breadcrumbs,
.blog-wrapper.blog-archive .title-breadcrumbs nav.woocommerce-breadcrumb.breadcrumbs {
    font-size: 13px;
}

.blog-wrapper.blog-single header.single-page-header .row .col,
.blog-wrapper.blog-archive header.single-page-header .row .col {
    padding-bottom: 0;
    margin-bottom: 5px;
}

.blog-wrapper.blog-single,
.blog-wrapper.blog-archive {
    padding-top: 10px;
}

.blog-wrapper.blog-single .entry-divider.is-divider.small {
    display: none;
}

.blog-wrapper.blog-single .entry-meta i {
    margin-right: 5px;
}

.blog-wrapper.blog-single .entry-header-text-top {
    padding-bottom: 0;
}

.blog-wrapper.blog-single .entry-meta {
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    font-size: 13px;
}

.blog-wrapper.blog-single h1.entry-title {
    font-size: 28px;
    color: #00506c;
    line-height: 33.6px;
    font-weight: 600;
}

.post-sidebar .block_widget .col.post-item .box .box-text .box-text-inner h5.post-title {
    overflow: hidden;
    font-size: 14px;
    font-weight: 400;
    color: #222;
    line-height: 20px;
    max-height: 40px;
    transition: 0.3s;
    margin-bottom: 10px;
}

.post-sidebar .block_widget .col.post-item .box .box-text .box-text-inner .is-divider {
    display: none;
}

.post-sidebar .widget.widget_categories ul li {
    border-top: unset;
}

.post-sidebar .block_widget .col.post-item .box:hover {
    box-shadow: unset;
}

.post-sidebar .block_widget .col.post-item .box .box-text {
    background: unset;
    padding-bottom: 0;
}

.post-sidebar .block_widget .box-title-4 a:hover {
    color: #f93;
}

.post-sidebar .block_widget .box-title-4 a {
    color: #fff;
    font-weight: 600;
    font-size: 13px;
    margin-left: 0;
    transition: 0.3s;
    margin-right: 5px;
}

.post-sidebar .block_widget .col.post-item .box .box-text .box-text-inner .post-meta.is-small.op-8:before,
.blog-archive .col .col.post-item .box .box-text .box-text-inner .post-meta.is-small.op-8:before {
    content: "\f073";
    font-family: FontAwesome;
    margin-right: 5px;
    font-size: 13px;
}

.blog-archive .col .col.post-item .box .box-text .box-text-inner .post-meta.is-small.op-8 {
    order: 4;
    width: calc(100% - 100px);
    font-size: 13px;
    color: #b7b7b7;
    height: 32px;
    line-height: 32px;
}

.blog-archive .col .col.post-item .box .box-text .box-text-inner .from_the_blog_excerpt {
    order: 2;
    height: 67px;
    display: -webkit-box;
    line-height: 20px;
    -webkit-line-clamp: 3;
    overflow: hidden;
    font-size: 13px;
    color: #222;
    padding-top: 7px;
    border-top: 1px solid #b7b7b7;
}

.post_related h3.realated_title {
    color: #00506c;
    font-weight: 700;
    margin-bottom: 15px;
    font-size: 22px;
    margin-top: 15px;
}

.post-related .box-blog-post p.from_the_blog_excerpt {
    display: none;
}

.post-related .box-blog-post:hover .post-title {
    color: #f93;
}

.post-related .box-blog-post .post-title {
    transition: 0.3s;
    text-align: left;
    font-size: 14px;
    color: #00506c;
    font-weight: 700;
    height: 40px;
    display: -webkit-box;
    line-height: 20px;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -webkit-box-orient: vertical;
}

.blog-wrapper.blog-single .post.type-post {
    margin-bottom: 0;
}

.blog-wrapper.blog-single .post.type-post .entry-content.single-page {
    padding-bottom: 0;
}

.post-related .box-blog-post .box-text-inner.blog-post-inner .is-divider {
    display: none;
}

.post-related .box-blog-post .box-text-inner.blog-post-inner button.button:after {
    content: "\f101";
    font-family: FontAwesome;
    margin-left: 5px;
    line-height: 24px;
}

.post-related .box-blog-post .box-text-inner.blog-post-inner button.button {
    border: unset;
    padding: unset;
    text-transform: unset;
    font-weight: 600;
    color: #f93;
    font-size: 13px;
    line-height: 24px;
    min-height: unset;
    margin-right: 0;
    margin-left: auto;
}

.post-related .col.post-item .box-blog-post .box-text {
    padding: 10px;
}

.post-related .col.post-item .box-blog-post {
    border: 1px solid #ebebeb;
}

.post-related .box-blog-post .box-text-inner.blog-post-inner button.button:hover {
    background-color: unset;
}

.post-related .col.post-item {
    padding-bottom: 0;
}

.box-title-1 .section-title.section-title-normal {
    border-bottom: unset;
    margin-bottom: 0;
}

.box-title-1 .section-title.section-title-normal span.section-title-main {
    border-bottom: unset;
    margin-right: 0;
    font-size: 36px;
    color: #00506c;
    text-transform: capitalize;
    position: relative;
    display: block;
    width: 100%;
    font-weight: 600;
}

.box-title-1 .section-title.section-title-normal span.section-title-main:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 3px;
    height: 3px;
    width: 13%;
    background-color: #ad2a2a;
    display: block;
}

.content-page-gioi-thieu .section-content .row > .col > .col-inner > p {
    font-size: 14px;
    line-height: 21px;
    color: #222;
}
.from_the_blog_comments{
    display: none!important;
}
.box-cam-lang .col:nth-child(2) .post-item .box .box-image {
    width: 32%;
}
.box-cam-lang .col:nth-child(1) .col-inner > .row > .col:nth-child(1) {
    max-width: 100%;
    flex-basis: 100%;
}
.box-cam-lang .col:nth-child(1) .col-inner > .row > .col {
    padding-left: 5px;
    padding-right: 5px;
}
.box-cam-lang .col:nth-child(1) .post-item .box .box-text {
    padding-left: 6px;
    padding-right: 6px;
    padding-bottom: 10px;
}

.box-cam-lang .col:nth-child(2) .post-item .box .box-text {
    padding-top: 25px!important;
    padding-bottom: 0;
    /*padding-right: 0;*/
    vertical-align: top;
}
.box-cam-lang .col:nth-child(2) .post-item .box .box-text button.button {
    margin: 0;
}
.box-cam-lang .post-item .box .box-text .post-title:hover {
    color: #b36221 !important;
}

.box-cam-lang .post-item {
    padding-bottom: 10px;

}
.box-cam-lang .col:nth-child(1) .col-inner > .row > .col:nth-child(1).post-item .box .box-text .post-title {
    font-size: 15px;
    font-weight: 600;
}
.from_the_blog_comments{
    display: none!important;
}
.box-cam-lang .col:nth-child(2) .post-item .box .box-image {
    width: 32%;
}

.box-cam-lang .col:nth-child(2) .post-item .box .box-text {
    padding-top: 25px;
    padding-bottom: 0;
    /*padding-right: 0;*/
    vertical-align: top;
}
.box-cam-lang .col:nth-child(2) .post-item .box .box-text button.button {
    margin: 0;
}
.box-cam-lang .post-item .box .box-text .post-title:hover {
    color: #b36221 !important;
}

.box-cam-lang .post-item {
    padding-bottom: 10px;
}

.box-cam-lang .post-item .box {
    background: #fff;
    box-shadow: 0 1px 0 0 hsla(0, 2%, 71%, .5);
}

.box-cam-lang .post-item .box .box-text .is-divider {
    display: none;
}
.box-cam-lang .col:nth-child(1) .post-item .box .box-text {
    padding-left: 6px;
    padding-right: 6px;
    padding-bottom: 10px;
}
.box-cam-lang .col:nth-child(1) .post-item .box .box-text .post-title {
    font-size: 14px;
    font-weight: 400;
    color: #000;
    max-height: 40px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.gioi-thieu-new-blogs .post-item .box .box-text .post-meta:before,
.box-cam-lang .post-item .box .box-text .post-meta:before {
    content: "\f073";
    font-family: FontAwesome;
    margin-right: 5px;
}

.gioi-thieu-new-blogs .post-item .box .box-text .post-meta,
.box-cam-lang .post-item .box .box-text .post-meta {
    font-size: 13px;
    line-height: 24px;
    color: rgba(102, 102, 102, 0.92);
}

.logo-doanh-nghiep.row .row {
    width: 100%;
}



.box-cam-lang .col:nth-child(2) .post-item .box .box-text .post-title {
    font-size: 14px;
    color: #000;
    line-height: 20px;
    font-weight: 500;
    max-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.box-cam-lang .post-item .box {
    background: #fff;
    box-shadow: 0 1px 0 0 hsla(0, 2%, 71%, .5);
}

.box-cam-lang .post-item .box .box-text .is-divider {
    display: none;
}
.box-cam-lang .col:nth-child(1) .post-item .box .box-text {
    padding-left: 6px;
    padding-right: 6px;
    padding-bottom: 10px;
}

.gioi-thieu-new-blogs .post-item .box .box-text .post-meta:before,
.box-cam-lang .post-item .box .box-text .post-meta:before {
    content: "\f073";
    font-family: FontAwesome;
    margin-right: 5px;
}

.box-title .section-title span {
    position: relative;
    border-bottom: unset;
    text-transform: capitalize;
    color: #0e1951;
        font-size: 27px;
}
.box-title .section-title a {
    color: #ad2a2a;
    border: 1px solid #ad2a2a;
    background-color: #fff;
    text-decoration: none;
    cursor: pointer;
    outline: 0;
    transition: color .25s;
    display: block;
    border-radius: 18px;
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 0;
    padding: 3px 10px;
    font-weight: 600;
}

.gioi-thieu-new-blogs .post-item .box .box-text .post-meta,
.box-cam-lang .post-item .box .box-text .post-meta {
    font-size: 13px;
    line-height: 24px;
    color: rgba(102, 102, 102, 0.92);
}

.logo-doanh-nghiep.row .row {
    width: 100%;
}



.box-cam-lang .col:nth-child(2) .post-item .box .box-text .post-title {
    font-size: 14px;
    color: #000;
    line-height: 20px;
    font-weight: 500;
    max-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
div.post-sidebar .block_widget form.wpcf7-form p,
div#shop-sidebar .block_widget form.wpcf7-form p {
    display: flex;
    align-items: center;
}

div.post-sidebar .block_widget form.wpcf7-form span.wpcf7-form-control-wrap,
div#shop-sidebar .block_widget form.wpcf7-form span.wpcf7-form-control-wrap {
    width: calc(100% - 60px);
}

div.post-sidebar .block_widget form.wpcf7-form input.phone_customer,
div#shop-sidebar .block_widget form.wpcf7-form input.phone_customer {
    border: 2px solid #885213;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-right: unset;
}

div.post-sidebar .block_widget form.wpcf7-form input.submit_send_phone,
div#shop-sidebar .block_widget form.wpcf7-form input.submit_send_phone {
    background-color: #885213;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    height: 30px;
    width: 60px;
}

div.post-sidebar .block_widget form.wpcf7-form input,
div#shop-sidebar .block_widget form.wpcf7-form input {
    font-size: 13px;
    margin: 0;
}

div.post-sidebar .block_widget form.wpcf7-form,
div#shop-sidebar .block_widget form.wpcf7-form {
    margin-bottom: 0;
    padding: 0 10px 10px;
}
div#shop-sidebar .widget_product_categories {
    background: #fff;
    border: 1px solid #f1f1f1;
    padding: 20px;
    border-radius: 5px;
    margin-bottom: 30px;
}

div.post-sidebar div#secondary .block_widget,
div#shop-sidebar .block_widget {
    background: #fff;
    border-radius: 5px;
}

.post-sidebar span.widget-title,
span.widget-title.shop-sidebar {
    color: #00506c;
    text-transform: capitalize;
    font-weight: 600;
    font-size: 16.25px;
}

.widget .is-divider {
    margin-top: 5px;
    border-bottom: 3px solid #ad2a2a;
    max-width: 29%;
    margin-bottom: 15px;
}

.widget ul li a {
    font-size: 14px;
}

.box-title-4 .section-title-normal {
    background: #885213;
    height: 50px;
    border-bottom: 0;
    margin-bottom: 0;
}

.box-title-4 span.section-title-main {
    color: #fff;
    line-height: 50px;
    font-weight: 600;
    padding-left: 10px;
    font-size: 16.25px;
    text-transform: none;
    padding-bottom: 0;
    border-bottom: 0;
    margin: 0;
}

.box-title-4 {
    margin-bottom: 0;
}

div.post-sidebar .block_widget .icon-box .icon-box-text,
div#shop-sidebar .block_widget .icon-box .icon-box-text {
    color: #f93;
    font-weight: 700;
    font-size: 13px;
}

div.post-sidebar .block_widget .icon-box,
div#shop-sidebar .block_widget .icon-box {
    padding: 10px;
    align-items: center;
}

div.post-sidebar .block_widget > p,
div#shop-sidebar .block_widget > p {
    margin-bottom: 0;
    padding: 0 10px 10px;
    font-size: 13px;
}
.toc_widget{
        border: 1px solid #ebebeb;
        padding: 20px;
}
.ft-changer p{
    margin-bottom: 5px;
}
.formduoi .col{
    padding-bottom: 0px!important;
}
         
         .btn-you {
            background-image: linear-gradient(to right, #D31027 0%, #EA384D  51%, #D31027  100%);
            margin: 10px;
            padding: 5px 45px;
            text-align: center;
            text-transform: uppercase;
            transition: 0.5s;
            background-size: 200% auto;
            color: white;            
            box-shadow: 0 0 20px #eee;
            border-radius: 10px;
          }

          .btn-you:hover {
            background-position: right center; /* change the direction of the change here */
            color: #fff;
            text-decoration: none;
          }
.ppocta-ft-fix {
width: 36px;
position: fixed;
bottom: 10%;
left: 20px;
text-align: center;
z-index: 99999;
}
@media (max-width: 768px) {
    .ppocta-ft-fix {
bottom; 5%;
    }
}
 
#messengerButton {
display: inline-block;
position: relative;
width: 36px;
height: 36px;
line-height: 36px;
border-radius: 100%;
box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.7);
background: #a67942 url("https://ejc.com.vn/img/fb.png") center center no-repeat;
margin-bottom: 10px;
}
a#messengerButton {outline:none; }
a#messengerButton:hover {
    text-decoration:none;
    background: #f16029 url("https://ejc.com.vn/img/fb.png") center center no-repeat;
    }
a#messengerButton span {
 z-index:10;display:none; 
 padding:10px;
 left:45px;
 width:200px; 
 line-height:16px;
 border-radius:4px;
 box-shadow: 5px 5px 8px #CCC;
}
a#messengerButton:hover span {
 display:inline; position:absolute; color:#111;
 border:1px solid #DCA; background:#fffAF0;
 } 
@media (max-width: 640px) {
    a#messengerButton:hover span{
        display: none;
    }
}
 
#zaloButton {
display: inline-block;
position: relative;
width: 36px;
height: 36px;
line-height: 36px;
border-radius: 100%;
box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.7);
background:  #a67942 url("https://ejc.com.vn/img/zalo.png") center center no-repeat;
margin-bottom: 10px;
}
a#zaloButton {outline:none; }
a#zaloButton:hover {
    text-decoration:none;
    background:  #f16029 url("https://ejc.com.vn/img/zalo.png") center center no-repeat;
    }
a#zaloButton span {
 z-index:10;
 display:none; 
 padding:10px;
 left:45px;
 width:200px; 
 line-height:16px;
 border-radius:4px;
 box-shadow: 5px 5px 8px #CCC;
}
a#zaloButton:hover span {
 display:inline; position:absolute; color:#111;
 border:1px solid #DCA; background:#fffAF0;
 } 
 
@media (max-width: 640px) {
    a#zaloButton:hover span{
        display: none;
    }
}
 
#registerNowButton {
display: inline-block;
position: relative;
height: 36px;
width: 36px;
line-height: 36px;
border-radius: 100%;
box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.7);
background: #a67942 url("https://ejc.com.vn/img/sms.png") center center no-repeat;
}
a#registerNowButton {outline:none; }
a#registerNowButton:hover {
text-decoration:none;
background: #f16029 url("https://ejc.com.vn/img/sms.png") center center no-repeat;
}
a#registerNowButton span {
 z-index:10;
 display:none; 
 padding:10px;
 left:45px;
 width:200px; 
 line-height:16px;
 border-radius:4px;
 box-shadow: 5px 5px 8px #CCC;
}
a#registerNowButton:hover span {
 display:inline; position:absolute; color:#111;
 border:1px solid #DCA; background:#fffAF0;
 }
 
@media (max-width: 640px) {
    a#registerNowButton:hover span {
        display: none;
    }
}
 
#calltrap-btn {
    background-color: #2074a1;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: block;
    height: 36px;
    line-height: 100px;
    opacity: 0.7;
    text-align: center;
    width: 36px;
    z-index: 9999;
    -webkit-animation: calltrap_opacity 3s infinite linear;
    -moz-animation: calltrap_opacity 3s infinite linear;
    -o-animation: calltrap_opacity 3s infinite linear;
    animation: calltrap_opacity 3s infinite linear
}
a#calltrap-btn {outline:none; }
a#calltrap-btn strong {font-size:18px; color: red;}
a#calltrap-btn:hover {
    text-decoration:none;
    background: #f16029;
    }
a#calltrap-btn span {
 z-index:10;display:none; 
 padding:10px;
 top: 0;
 left:45px;
 width:150px; 
 line-height:16px;
 border-radius:4px;
 box-shadow: 5px 5px 8px #CCC;
}
a#calltrap-btn:hover span {
 display:inline; position:absolute; color:#111;
 border:1px solid #DCA; background:#fffAF0;
 } 
 
 @media (max-width: 640px) {
    a#calltrap-btn:hover span {
        display: none;
    }
}
 
#calltrap-btn.calltrap_offline {
    background-color: #a67942;
    margin-bottom: 20px;
}
 
#calltrap-ico {
    width: 36px;
    height: 36px;
    border: 0;
    -webkit-border-radius: 50% !important;
    border-radius: 50% !important;
    -o-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-animation: uptocallmini 1.5s 0s ease-out infinite;
    -moz-animation: uptocallmini 1.5s 0s ease-out infinite;
    -o-animation: uptocallmini 1.5s 0s ease-out infinite;
    animation: uptocallmini 1.5s 0s ease-out infinite
}
 
#calltrap-ico:before {
    content: "";
    position: absolute;
    width: 25px;
    height: 25px;
    background-size: cover;
    top: 5px;
    left: 5px;
    background-image: url("https://ejc.com.vn/img/phone.png");
    background-repeat: no-repeat;
    -webkit-animation: calltrap_spin 3s infinite linear;
    -moz-animation: calltrap_spin 3s infinite linear;
    -o-animation: calltrap_spin 3s infinite linear;
    animation: calltrap_spin 3s infinite linear
}
 
.calltrap_offline #calltrap-ico {
    -webkit-animation: uptocallmini_offline 1.5s 0s ease-out infinite;
    -moz-animation: uptocallmini_offline 1.5s 0s ease-out infinite;
    -o-animation: uptocallmini_offline 1.5s 0s ease-out infinite;
    animation: uptocallmini_offline 1.5s 0s ease-out infinite
}
 
#calltrap-overlay {
    background-color: #191919;
    background-color: rgba(25, 25, 25, 0.9);
    position: fixed;
    z-index: 9998;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    text-align: center;
    display: none
}
 
#calltrap-overlay .b-calltrap-overlay {
    display: table;
    width: 100%;
    height: 100%
}
 
#calltrap-overlay .b-calltrap-overlay__header, #calltrap-overlay .b-calltrap-overlay__body, #calltrap-overlay .b-calltrap-overlay__footer {
    display: table-row;
    padding: 0;
    margin: 0
}
 
#calltrap-overlay .b-calltrap-overlay__header-block, #calltrap-overlay .b-calltrap-overlay__body-block, #calltrap-overlay .b-calltrap-overlay__footer-block {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}
 
#calltrap-overlay .b-calltrap-overlay__body-block {
    padding: 0 7px
}
 
#calltrap-overlay .b-calltrap-overlay__header, #calltrap-overlay .b-calltrap-overlay__footer {
    height: 1px
}
 
#calltrap-overlay .b-calltrap__container {
    background-color: white;
    border: 5px solid #2074a1;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin: 0;
    padding: 0;
    max-width: 500px;
    display: block;
    margin: 0 auto;
    font-size: 16px;
    line-height: 1.3;
    position: relative;
    font-family: Tahoma, Arial, self-serif !important
}
 
@media screen and (min-width: 1px) and (max-width: 500px) {
    #calltrap-overlay .b-calltrap__container {
        width: 290px
    }
}
 
#calltrap-overlay .b-calltrap__close {
    display: block;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 20px;
    height: 20px;
    opacity: 0.5;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease
}
 
#calltrap-overlay .b-calltrap__close:hover {
    opacity: 1
}
 
#calltrap-success, #calltrap-form {
    display: block
}
 
#calltrap-success .b-calltrap_form__fields, #calltrap-form .b-calltrap_form__fields {
    margin: 20px 25px 35px
}
 
#calltrap-success .b-calltrap_form__title, #calltrap-form .b-calltrap_form__title {
    font-size: 20px;
    margin: 0 0 17px;
    text-align: left
}
 
@media screen and (min-width: 1px) and (max-width: 500px) {
    #calltrap-success .b-calltrap_form__title, #calltrap-form .b-calltrap_form__title {
        padding-right: 20px
    }
}
 
#calltrap-success .b-calltrap_form__text, #calltrap-form .b-calltrap_form__text {
    text-align: left
}
 
#calltrap-success .b-calltrap_form__text p, #calltrap-form .b-calltrap_form__text p {
    margin: 0 0 0.55em
}
 
#calltrap-success .b-calltrap_form__input, #calltrap-form .b-calltrap_form__input {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px;
    padding: 0 15px 0;
    height: 44px;
    line-height: 40px;
    background-color: white;
    border: 2px solid #ccc;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: block;
    width: 100%;
    outline: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease
}
 
@media screen and (min-width: 1px) and (max-width: 500px) {
    #calltrap-success .b-calltrap_form__input, #calltrap-form .b-calltrap_form__input {
        margin-bottom: 13px
    }
}
 
#calltrap-success .b-calltrap_form__input.error, #calltrap-form .b-calltrap_form__input.error {
    background-color: #ffc0c0;
    color: red;
    border-color: red
}
 
#calltrap-success .b-calltrap_form__input:disabled, #calltrap-form .b-calltrap_form__input:disabled {
    background-color: #eee;
    border-color: #bdbdbd;
    cursor: default
}
 
#calltrap-success .b-calltrap_form__input:focus, #calltrap-form .b-calltrap_form__input:focus {
    border: 2px solid #2074a1
}
 
#calltrap-success .b-calltrap_form__submit, #calltrap-form .b-calltrap_form__submit {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #2074a1;
    border: 2px solid #2074a1;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: medium none;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    padding: 0;
    height: 44px;
    line-height: 40px;
    outline: medium none;
    display: inline-block;
    width: 180px;
    text-align: center;
    outline: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease
}
 
@media screen and (min-width: 1px) and (max-width: 500px) {
    #calltrap-success .b-calltrap_form__submit, #calltrap-form .b-calltrap_form__submit {
        width: 100%
    }
}
 
#calltrap-success .b-calltrap_form__submit:hover, #calltrap-form .b-calltrap_form__submit:hover {
    background-color: #1c658c
}
 
#calltrap-success .b-calltrap_form__submit:disabled, #calltrap-form .b-calltrap_form__submit:disabled {
    background-color: #bdbdbd !important;
    cursor: default
}
 
#calltrap-success .b-calltrap_form__controls, #calltrap-form .b-calltrap_form__controls {
    margin: 20px 0 0;
    padding: 0;
    padding: 0 200px 0 0
}
 
@media screen and (min-width: 1px) and (max-width: 500px) {
    #calltrap-success .b-calltrap_form__controls, #calltrap-form .b-calltrap_form__controls {
        padding: 0
    }
}
 
#calltrap-success .b-calltrap_form__controls-item, #calltrap-form .b-calltrap_form__controls-item {
    position: relative;
    float: right
}
 
@media screen and (min-width: 1px) and (max-width: 500px) {
    #calltrap-success .b-calltrap_form__controls-item, #calltrap-form .b-calltrap_form__controls-item {
        float: none
    }
}
 
#calltrap-success .b-calltrap_form__controls-left, #calltrap-form .b-calltrap_form__controls-left {
    margin-left: -100%;
    width: 100%
}
 
@media screen and (min-width: 1px) and (max-width: 500px) {
    #calltrap-success .b-calltrap_form__controls-left, #calltrap-form .b-calltrap_form__controls-left {
        margin-left: 0
    }
}
 
#calltrap-success .b-calltrap_form__controls-right, #calltrap-form .b-calltrap_form__controls-right {
    margin-right: -200px;
    overflow: visible;
    width: 200px;
    text-align: right
}
 
@media screen and (min-width: 1px) and (max-width: 500px) {
    #calltrap-success .b-calltrap_form__controls-right, #calltrap-form .b-calltrap_form__controls-right {
        margin-right: 0;
        width: auto;
        text-align: left
    }
}
 
#calltrap-success .b-calltrap_form__controls-clear, #calltrap-form .b-calltrap_form__controls-clear {
    clear: both
}
 
#calltrap-success {
    display: none
}
 
#calltrap-overlay.calltrap_offline .b-calltrap_form__submit {
    background-color: #1CB2ED
}
 
#calltrap-overlay.calltrap_offline .b-calltrap_form__submit:hover {
    background-color: #2e8c1c
}
 
#calltrap-overlay.calltrap_offline .b-calltrap_form__input:focus {
    border-color: #a67942
}
 
#calltrap-overlay.calltrap_offline .b-calltrap__container {
    border-color: #a67942
}
 
@-webkit-keyframes calltrap_opacity {
    0% {
        opacity: 1
    }
    57% {
        opacity: 0.75
    }
    75% {
        opacity: 0.95
    }
    100% {
        opacity: 1
    }
}
 
@-moz-keyframes calltrap_opacity {
    0% {
        opacity: 1
    }
    57% {
        opacity: 0.75
    }
    75% {
        opacity: 0.95
    }
    100% {
        opacity: 1
    }
}
 
@-o-keyframes calltrap_opacity {
    0% {
        opacity: 1
    }
    57% {
        opacity: 0.75
    }
    75% {
        opacity: 0.95
    }
    100% {
        opacity: 1
    }
}
 
@keyframes calltrap_opacity {
    0% {
        opacity: 1
    }
    57% {
        opacity: 0.75
    }
    75% {
        opacity: 0.95
    }
    100% {
        opacity: 1
    }
}
 
@-webkit-keyframes calltrap_spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    30% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    33% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    36% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg)
    }
    39% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    42% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg)
    }
    45% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    48% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg);
        opacity: 1
    }
    51% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    54% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg)
    }
    57% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}
 
@-moz-keyframes calltrap_spin {
    0% {
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    30% {
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    33% {
        -moz-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    36% {
        -moz-transform: rotate(10deg);
        transform: rotate(10deg)
    }
    39% {
        -moz-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    42% {
        -moz-transform: rotate(10deg);
        transform: rotate(10deg)
    }
    45% {
        -moz-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    48% {
        -moz-transform: rotate(10deg);
        transform: rotate(10deg);
        opacity: 1
    }
    51% {
        -moz-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    54% {
        -moz-transform: rotate(10deg);
        transform: rotate(10deg)
    }
    57% {
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}
 
@-o-keyframes calltrap_spin {
    0% {
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    30% {
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    33% {
        -o-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    36% {
        -o-transform: rotate(10deg);
        transform: rotate(10deg)
    }
    39% {
        -o-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    42% {
        -o-transform: rotate(10deg);
        transform: rotate(10deg)
    }
    45% {
        -o-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    48% {
        -o-transform: rotate(10deg);
        transform: rotate(10deg);
        opacity: 1
    }
    51% {
        -o-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    54% {
        -o-transform: rotate(10deg);
        transform: rotate(10deg)
    }
    57% {
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}
 
@keyframes calltrap_spin {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    30% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    33% {
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        -o-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    36% {
        -webkit-transform: rotate(10deg);
        -moz-transform: rotate(10deg);
        -o-transform: rotate(10deg);
        transform: rotate(10deg)
    }
    39% {
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        -o-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    42% {
        -webkit-transform: rotate(10deg);
        -moz-transform: rotate(10deg);
        -o-transform: rotate(10deg);
        transform: rotate(10deg)
    }
    45% {
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        -o-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    48% {
        -webkit-transform: rotate(10deg);
        -moz-transform: rotate(10deg);
        -o-transform: rotate(10deg);
        transform: rotate(10deg);
        opacity: 1
    }
    51% {
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        -o-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    54% {
        -webkit-transform: rotate(10deg);
        -moz-transform: rotate(10deg);
        -o-transform: rotate(10deg);
        transform: rotate(10deg)
    }
    57% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}
 
@-webkit-keyframes uptocallmini {
    0% {
        -webkit-box-shadow: 0 0 8px 6px rgba(32, 116, 161, 0), 0 0 0px 0px transparent, 0 0 0px 0px rgba(32, 116, 161, 0);
        box-shadow: 0 0 8px 6px rgba(32, 116, 161, 0), 0 0 0px 0px transparent, 0 0 0px 0px rgba(32, 116, 161, 0)
    }
    10% {
        -webkit-box-shadow: 0 0 8px 6px #2074a1, 0 0 12px 10px transparent, 0 0 12px 14px #2074a1;
        box-shadow: 0 0 8px 6px #2074a1, 0 0 12px 10px transparent, 0 0 12px 14px #2074a1
    }
    100% {
        -webkit-box-shadow: 0 0 8px 6px rgba(32, 116, 161, 0), 0 0 0px 40px transparent, 0 0 0px 40px rgba(32, 116, 161, 0);
        box-shadow: 0 0 8px 6px rgba(32, 116, 161, 0), 0 0 0px 40px transparent, 0 0 0px 40px rgba(32, 116, 161, 0)
    }
}
 
@-moz-keyframes uptocallmini {
    0% {
        box-shadow: 0 0 8px 6px rgba(32, 116, 161, 0), 0 0 0px 0px transparent, 0 0 0px 0px rgba(32, 116, 161, 0)
    }
    10% {
        box-shadow: 0 0 8px 6px #2074a1, 0 0 12px 10px transparent, 0 0 12px 14px #2074a1
    }
    100% {
        box-shadow: 0 0 8px 6px rgba(32, 116, 161, 0), 0 0 0px 40px transparent, 0 0 0px 40px rgba(32, 116, 161, 0)
    }
}
 
@-o-keyframes uptocallmini {
    0% {
        box-shadow: 0 0 8px 6px rgba(32, 116, 161, 0), 0 0 0px 0px transparent, 0 0 0px 0px rgba(32, 116, 161, 0)
    }
    10% {
        box-shadow: 0 0 8px 6px #2074a1, 0 0 12px 10px transparent, 0 0 12px 14px #2074a1
    }
    100% {
        box-shadow: 0 0 8px 6px rgba(32, 116, 161, 0), 0 0 0px 40px transparent, 0 0 0px 40px rgba(32, 116, 161, 0)
    }
}
 
@keyframes uptocallmini {
    0% {
        -webkit-box-shadow: 0 0 8px 6px rgba(32, 116, 161, 0), 0 0 0px 0px transparent, 0 0 0px 0px rgba(32, 116, 161, 0);
        box-shadow: 0 0 8px 6px rgba(32, 116, 161, 0), 0 0 0px 0px transparent, 0 0 0px 0px rgba(32, 116, 161, 0)
    }
    10% {
        -webkit-box-shadow: 0 0 8px 6px #2074a1, 0 0 12px 10px transparent, 0 0 12px 14px #2074a1;
        box-shadow: 0 0 8px 6px #2074a1, 0 0 12px 10px transparent, 0 0 12px 14px #2074a1
    }
    100% {
        -webkit-box-shadow: 0 0 8px 6px rgba(32, 116, 161, 0), 0 0 0px 40px transparent, 0 0 0px 40px rgba(32, 116, 161, 0);
        box-shadow: 0 0 8px 6px rgba(32, 116, 161, 0), 0 0 0px 40px transparent, 0 0 0px 40px rgba(32, 116, 161, 0)
    }
}
 
@-webkit-keyframes uptocallmini_offline {
    0% {
        -webkit-box-shadow: 0 0 8px 6px rgba(53, 161, 32, 0), 0 0 0px 0px transparent, 0 0 0px 0px rgba(53, 161, 32, 0);
        box-shadow: 0 0 8px 6px rgba(53, 161, 32, 0), 0 0 0px 0px transparent, 0 0 0px 0px rgba(53, 161, 32, 0)
    }
    10% {
        -webkit-box-shadow: 0 0 8px 6px #35A120, 0 0 12px 10px transparent, 0 0 12px 14px #35A120;
        box-shadow: 0 0 8px 6px #35A120, 0 0 12px 10px transparent, 0 0 12px 14px #35A120
    }
    100% {
        -webkit-box-shadow: 0 0 8px 6px rgba(53, 161, 32, 0), 0 0 0px 40px transparent, 0 0 0px 40px rgba(53, 161, 32, 0);
        box-shadow: 0 0 8px 6px rgba(53, 161, 32, 0), 0 0 0px 40px transparent, 0 0 0px 40px rgba(53, 161, 32, 0)
    }
}
 
@-moz-keyframes uptocallmini_offline {
    0% {
        box-shadow: 0 0 8px 6px rgba(53, 161, 32, 0), 0 0 0px 0px transparent, 0 0 0px 0px rgba(53, 161, 32, 0)
    }
    10% {
        box-shadow: 0 0 8px 6px #35A120, 0 0 12px 10px transparent, 0 0 12px 14px #35A120
    }
    100% {
        box-shadow: 0 0 8px 6px rgba(53, 161, 32, 0), 0 0 0px 40px transparent, 0 0 0px 40px rgba(53, 161, 32, 0)
    }
}
 
@-o-keyframes uptocallmini_offline {
    0% {
        box-shadow: 0 0 8px 6px rgba(53, 161, 32, 0), 0 0 0px 0px transparent, 0 0 0px 0px rgba(53, 161, 32, 0)
    }
    10% {
        box-shadow: 0 0 8px 6px #35A120, 0 0 12px 10px transparent, 0 0 12px 14px #35A120
    }
    100% {
        box-shadow: 0 0 8px 6px rgba(53, 161, 32, 0), 0 0 0px 40px transparent, 0 0 0px 40px rgba(53, 161, 32, 0)
    }
}
 
@keyframes uptocallmini_offline {
    0% {
        -webkit-box-shadow: 0 0 8px 6px rgba(53, 161, 32, 0), 0 0 0px 0px transparent, 0 0 0px 0px rgba(53, 161, 32, 0);
        box-shadow: 0 0 8px 6px rgba(53, 161, 32, 0), 0 0 0px 0px transparent, 0 0 0px 0px rgba(53, 161, 32, 0)
    }
    10% {
        -webkit-box-shadow: 0 0 8px 6px #1CB2ED, 0 0 12px 10px transparent, 0 0 12px 14px #1CB2ED;
        box-shadow: 0 0 8px 6px #1CB2ED, 0 0 12px 10px transparent, 0 0 12px 14px #1CB2ED
    }
    100% {
        -webkit-box-shadow: 0 0 8px 6px rgba(53, 161, 32, 0), 0 0 0px 40px transparent, 0 0 0px 40px rgba(53, 161, 32, 0);
        box-shadow: 0 0 8px 6px rgba(53, 161, 32, 0), 0 0 0px 40px transparent, 0 0 0px 40px rgba(53, 161, 32, 0)
    }
}
.toggle-box {
  display: none;
}
 
.toggle-box + label {
  cursor: pointer;
  display: block;
  font-weight: bold;
  line-height: 21px;
  margin-bottom: 5px;
  position: fixed;
  bottom: 5%;
  right: 30px;
}
@media (min-width: 768px) {
    .toggle-box + label {
        display: none;
}
}
 
.toggle-box + label + div {
  display: none;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
    .toggle-box + label + div{
        display: unset;
}
}
.toggle-box:checked + label + div {
  display: block;
}
 
.toggle-box + label:before {
 background-color: #1cb2ed;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 50%;
    color: #FFFFFF;
    content: "+";
    display: block;
    float: left;
    font-weight: bold;
    height: 36px;
    line-height: 36px;
    text-align: center;
    width: 36px;
    font-size: 20px;
}
 
.toggle-box:checked + label:before {
  content: "\2212";
}
.ab{
    padding: 20px 0px!important;
}
.ANHLS img{
    border-radius: 5%;
    border-style: solid;
    border-color: rgb(238, 238, 238);
    border-width: 5px;

}
.btp{
    padding: 10px 30px;
    display: flex;
    justify-content: center;
    text-decoration: none;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    z-index: 1;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    align-items: center;
}
.btp:before{
    content: "";
    position: absolute;
    margin: 0 auto;
    inset: 0;
    width: 100%;
    background-image: linear-gradient(180deg,rgb(0,183,255),rgb(255,48,255));
    height: 60px;
    animation: rotate360 4s linear infinite;
    transition: all 0.2s linear;
    z-index: 0;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    pointer-events: none;
    -webkit-animation: rotate360 4s linear infinite;
}
.btp:after{
    content: "";
    position: absolute;
    background: #fff;
    inset: 4px;
    border-radius: 4px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}
input.wpcf7-form-control.has-spinner.wpcf7-submit.btn_dangky--box {
    color: #2a3a7c;
    border-radius: 8px;
    font-size: 1rem;
    display: block;
    margin: 0 auto;
}
.btn_dangky--box {
    animation: clickme 0.7s infinite cubic-bezier(0.66, 0, 0, 1);
}
@keyframes clickme {
0% {
    box-shadow: 0 0 1px #cfb06f;
}
100% {
    box-shadow: 0 0 0 15px #cfb06f0f;
}
}
.slider-custom{
padding: 0;
bottom: 0px; 
}
.slider-custom .flickity-slider .img{
max-width: 20%!important;
margin: 5px;
border: 2px solid #fff;
}
.slider-custom .flickity-page-dots {
display: none;
}
.block-title {
    background: url(https://hallybeautyacademy.vn/wp-content/uploads/2023/06/block-title.png) no-repeat 50% 100%;
    padding: 15px 0 20px;
    margin-bottom: 20px;
}
.article-inner .entry-content{
    text-align: justify!important;
}
.blog-wrapper.blog-single .post.type-post .entry-content.single-page {
        text-align: justify!important;
}
body {
                counter-reset: my-h-counter
            }

            h2.ftwp-heading {
                position: relative;
                padding-left: 45px;
                font-weight: 400;
                text-align: left;
                font-size: 1.5em;
            }

            h2.ftwp-heading span, h2.ftwp-heading strong, h2.ftwp-heading b {
                display: flex
            }

            h2.ftwp-heading span:before, h2.ftwp-heading strong:before, h2.ftwp-heading b:before {
                counter-increment: my-h-counter;
                content: ""counter(my-h-counter);
                font-weight: bold;
                color: #fff;
                float: left;
                background-color: #122257;
                position: absolute;
                z-index: 1;
                left: 0;
                bottom: 4px;
                width: 35px;
                height: 30px;
                text-align: center;
                font-size: 20px;
            }

            h2.ftwp-heading span:after, h2.ftwp-heading strong:after, h2.ftwp-heading b:after {
                height: 2px;
                width: 100%;
                background-color: #122257;
                position: absolute;
                z-index: 1;
                content: "";
                bottom: 0;
                left: 0;
            }

.bdp1:hover{
border-radius: 10px;
}
@media screen and (min-width: 798px){
.s-ketqua::before {
    content: "";
    position: absolute;
    right: 0;
    top: 24%;
    width: 77%;
    height: 450px;
    border-radius: 10px 0 0 10px;
    background-image: url(https://medicskin.vn/wp-content/uploads/2023/02/BG-web-MDxd-1.jpg);
    background-position: bottom right;
    background-size: cover;
    background-repeat: no-repeat;
}}
.s-ketqua img {
    border-radius: 10px;
}
@media screen and (min-width: 798px){
.column_20 {
    width: 20% !important;
    max-width: 20% !important;
    -ms-flex-preferred-size: 20% !important;
    flex-basis: 20% !important;
   padding: 0 15px 0px;
}}
.title-ba {
    text-align: justify !important;
    margin: 40px -20px 0;
}
.s-ketqua-img {
    transition: all 0.5s;
}
.column_20 .gallery-col{
      padding: 0 15px 0px; 
}
.side-pttuan-hotline {
    position: fixed;
    top: 30%;
    right: -205px;
    transform: translateY(-50%);
    width: 205px;
    height: 70px;
    padding: 15px;
    background: #fff;
    box-sizing: border-box;
    transition: 0.3s;
    z-index: 998;
}
.togglea-hotline {
    position: absolute;
    height: 70px;
    width: 70px;
    text-align: center;
    cursor: pointer;
    background: url(https://hallybeautyacademy.vn/wp-content/uploads/2023/06/Asset-1.png);
    background-repeat: no-repeat;
    background-size: contain;
    top: 0px;
    right: 200px;
    line-height: 48px;
}
.side-pttuan-hotline.active {
    right: 0;
}
.side-pttuan-hotline p{
    text-align: center;
        font-size: 16pt;
        font-weight: bold;
}
.side-pttuan {
    position: fixed;
    top: 40%;
    right: -350px;
    transform: translateY(-10%);
    width: 347px;
    height: auto;
    padding: 20px;
    background: #fff;
    box-sizing: border-box;
    transition: 0.3s;
    z-index: 999;
}
.togglea {
    position: absolute;
    height: 70px;
    width: 70px;
    text-align: center;
    cursor: pointer;
    background: url(https://hallybeautyacademy.vn/wp-content/uploads/2023/06/Asset-2-1.png);
    background-repeat: no-repeat;
    background-size: contain;
    top: 45px;
    right: 347px;
    line-height: 48px;
}
    .side-pttuan.active {
        right: 0;
    }
.textft p{
        font-size: 1rem;
    line-height: 1.5rem;
}
.fticon span{
    color: #fff;
}
.fthd h2{
font-size: 20px;
}
.btmenu .button span{
font-weight: normal;
}
.btkhoahoc .button span{
   font-weight: normal!important; 
}
.khaigiang p{
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.5rem;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 241 207/var(--tw-bg-opacity));
    border-radius: 10px;
}
.cahoc span{
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.5rem;
    padding-top: 6px;
    padding-bottom: 6px;
        padding-left: 0.5rem;
    padding-right: 0.5rem;
        --tw-bg-opacity: 1;
    background-color: rgb(219 238 255/var(--tw-bg-opacity));
    border-radius: 10px;
}
.btkhoahoc .btn_dangky--box:hover {
    background-color: #f9e372 !important;
    border-color: #f9e372;
    color: #666 !important;
}
.btkhoahoc .white.is-outline:hover {
    background-color: #f9e372 !important;
    border-color: #f9e372;
    color: #666 !important;
}
.s-medic-cta {
    font-size: 15px;
    z-index: 100;
    position: fixed;
    right: 10px;
    top: 50%;
    z-index: 999;
    transform: translateY(-50%);
}
.s-medic-cta > a {
    position: relative;
    padding: 10px 8px 8px 10px;
    display: -webkit-box;
    transition: 0.5s;
    background-color: rgb(240 240 255 / 80%);
    margin-bottom: 10px;
    border-radius: 10px;
    box-shadow: 8.23529px 12.3529px 12.3529px rgb(0 0 0 / 10%);
}
.s-medic-cta > a:hover > span:first-child {
    opacity: 1;
    width: 155px;
}
.s-medic-cta > a > span:first-child {
    color: #2086cf;
    font-weight: 700;
    padding: 12px 15px;
    border-radius: 12px;
    opacity: 0;
    transition: 0.4s linear;
    position: absolute;
    width: 0;
    right: 0;
    top: 0;
    white-space: nowrap;
    background-color: rgb(240 240 255 / 80%);
}
.text-p {
    font-family: SVN-Fourth,sans-serif;
    font-style: italic;
    font-weight: 700;
    font-size: 30px;
    --tw-text-opacity: 1;
    color: rgb(18 34 87/var(--tw-text-opacity));
}
@media only screen and (min-width: 1024px) {
  .medic-cta-mobile {
    display: none;
  }
}
@media (max-width: 767px) {
  .s-medic-cta {
    display: none;
  }
  .icon-nav-btn-phone {
    width: 25px;
    height: 25px;
    background-position: center;
    background-size: contain;
    background-image: url(https://hallybeautyacademy.vn/wp-content/uploads/2023/06/phone-1.png);
    background-repeat: no-repeat;
    display: block;
  }
  .icon-nav-calendar {
    height: 25px;
    width: 25px;
    background-position: center;
    background-size: contain;
    background-image: url(https://hallybeautyacademy.vn/wp-content/uploads/2023/06/cld-1.png);
    background-repeat: no-repeat;
    display: block;
  }
  .icon-nav-address {
    height: 27px;
    width: 27px;
    background-position: center;
    background-size: contain;
    background-image: url(https://hallybeautyacademy.vn/wp-content/uploads/2023/06/icon-dia-chi.png);
    background-repeat: no-repeat;
    display: block;
  }
  .icon-nav {
    height: 25px;
    width: 25px;
    background-position: center;
    background-size: contain;
    background-image: url(https://hallybeautyacademy.vn/wp-content/uploads/2023/06/icon-tu-van.webp);
    background-repeat: no-repeat;
    display: block;
  }
  .icon-nav-mes {
    height: 25px;
    width: 25px;
    background-position: center;
    background-size: contain;
    background-image: url(https://hallybeautyacademy.vn/wp-content/uploads/2023/06/chat-1.png);
    background-repeat: no-repeat;
    display: block;
  }
  .navigation-menu-mobile div,
  .navigation-menu-mobile li,
  .navigation-menu-mobile ul,
  div.navigation-menu-mobile {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: 0 0;
  }
  .medic-cta-mobile {
    display: block;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 99;
  }
  .navigation-menu-mobile ul {
    position: absolute;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    list-style: none;
    justify-content: center;
    align-items: flex-end;
    bottom: 0;
    left: 0;
    right: 0;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    margin-bottom: 5px;
  }
  .navigation-menu-mobile ul li a {
    display: grid;
    justify-content: center;
    align-items: center;
    gap: 3px;
  }
  .navigation-menu-mobile ul li a span {
    display: block;
    margin: auto;
    font-size: 12px !important;
    font-weight: 700;
    color: #2086cf;
  }
  .navigation-menu-mobile ul li a span.la {
    width: 80px;
    height: 20px;
    line-height: 20px;
    left: 0;
    top: 2px;
    position: relative;
    border-radius: 34px;
    color: #fff;
    text-align: center;
    background: #2086cf;
  }
  .medic-cta-mobile_container {
    position: relative;
    height: 100%;
    width: 100%;
  }
  .medic-cta-mobile_container .medic-cta-mobile_icon {
    position: relative;
    width: 66px;
    height: 66px;
    left: 50%;
    top: -30px;
    background: radial-gradient(
      112.14% 88.76% at 6.51% 20.83%,
      #f3f3f3 0,
      #2086cf 41.47%,
      #115690 100%
    );
    box-shadow: 0 4px 10px rgb(146 55 73 / 50%);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    transform: translateX(-50%);
    border: 2px solid #fff;
  }
  .navigation-menu-mobile .medic-cta-btn-1 {
    border-radius: 50%;
  }
  .medic-cta-mobile_container:before {
    content: "";
    background-image: url(https://medicskin.vn/wp-content/uploads/2023/03/Untitled-1-01.png);
    width: 100%;
    height: 63px;
    position: absolute;
    left: 0;
    bottom: 0;
    background-size: cover;
    background-repeat: no-repeat;
  }
}

.box-title-3 .section-title span, .box-title .section-title span {
    position: relative;
    border-bottom: unset;
    text-transform: capitalize;
    color: #ba1111;
}
.box-title-3 .section-title, .box-title .section-title {
    border-bottom: 0;
    font-size: 30px;
    font-weight: 600;
    color: #00506c;
}
.box-title-3 .section-title b {
    opacity: 0;
}
.box-title-3 .section-title span:before {
    left: 50%;
    transform: translateX(-50%);
}
.box-title-3 .section-title span:before, .box-title .section-title span:before {
    background: #fff!important;
    height: 2px;
    content: "";
    position: absolute;
    bottom: 0;
    width: 135px;
}
.anh1{
    border-radius: 10px;
}
.pn-procedure ul {
    margin-bottom: 30px;
    list-style: none;
    padding-left: 0;
    display: flex;
    position: relative
}

.pn-procedure ul:before {
    content: "";
    position: absolute;
    top: 32px;
    height: 2px;
    width: calc(100% - (calc(100% / 6)));
    background-color: #dadada;
    left: calc((100% / 6) / 2)
}

.pn-procedure ul li {
    width: calc(100% / 6);
    text-align: center;
    padding: 70px 15px 0 15px;
    font-weight: 500;
    position: relative
}

.pn-procedure ul li:before {
    position: absolute;
    width: 65px;
    height: 65px;
    border: 10px solid #fff;
    left: 50%;
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    top: 0;
    border-radius: 100px;
    line-height: 45px;
    color: #fff;
    font-size: 20px
}

.pn-procedure ul li:nth-child(1):before {
    content: "1";
    background-color: #24a0ed
}

.pn-procedure ul li:nth-child(2):before {
    content: "2";
    background-color: #0086d0
}

.pn-procedure ul li:nth-child(3):before {
    content: "3";
    background-color: #006db5
}

.pn-procedure ul li:nth-child(4):before {
    content: "4";
    background-color: #00559a
}

.pn-procedure ul li:nth-child(5):before {
    content: "5";
    background-color: #003e7f
}

.pn-procedure ul li:nth-child(6):before {
    content: "6";
    background-color: #002966
}
.pn-content span{
    font-size: 100px;
    line-height: 100px;
    position: absolute;
    font-weight: 900;
    left: 0;
    top: -40px;
    color: rgba(0,0,0,.1);
}
.col2 .pn-content span{
        left: inherit;
    right: 0;
}
.mlanding{position:relative;box-shadow:0px 2px 19px 2px #b3afaf59}.mlanding div#reg_now{top:60px}ul.mlanding__list{display:flex;justify-content:center;align-items:center;font-size:15px;font-weight:500;text-transform:capitalize}ul.mlanding__list li a{padding:15px 21px;display:inline-block}.mlanding__home{text-align:center;width:40px}.mlanding__home svg{fill:#f00;width:40px;height:28px}.mlanding__home>a{display:block;padding:10px 0}.mlanding__home:hover svg{fill:#ffde16}.mlanding .container{display:flex;justify-content:flex-start;align-items:center}ul.mlanding__list{width:calc(100% - 40px);margin-left:10px;margin-bottom:0px!important}.mlanding__list li:hover a{background:#e8eae8}@media (max-width: 1230px){ul.mlanding__list{flex-wrap:wrap}.top_breadcrumbs{background-size:cover}}@media (max-width: 767px){ul.mlanding__list{flex-wrap:nowrap}ul.mlanding__list li a{padding:15px;font-size:13px;height:80px;display:table-cell;vertical-align:middle}ul.mlanding__list .owl-item{border-right:1px solid #e4e2e2db}}.mlanding_fixed{position:fixed;top:0;background:#fff;width:100%;z-index:99999}.mlanding__list li.active a{background:#e8eae8;color:#f00}.content_item{padding:81px 0;font-size:15px;line-height:1.6}
.collapsible-item--title{padding:15px 30px;cursor:pointer;font-size:20px;font-weight:700;border-radius:30px;background:#f5f5f5;display:flex;justify-content:space-between;align-items:center}.collapsible-item--title i{float:right;margin-top:7px;font-size:16px;display:none}.collapsible-item--title.active i.plus,.collapsible-item--title i.minus{display:none}.collapsible-item--title.active i.minus,.collapsible-item--title i.plus{display:block}.collapsible{margin-bottom:30px}h3.collapsible-item--title.active{background:#ed1c24;border-radius:30px;color:#fff}.collapsible-item--content{padding:15px 48px 15px 30px;font-size:14px;font-weight:500;line-height:1.6}.collapsible.active{border-radius:17px;box-shadow:0px 0px 4px 3px #3333331a;border-top-left-radius:30px;border-top-right-radius:30px;background:#fff}.collapsible:hover .collapsible-item--title{background:#ed1c24}.top_breadcrumbs{padding:130px 0;background-repeat:no-repeat;background-size:cover;text-align:center}.top_breadcrumbs .title__pos{text-transform:uppercase;margin-bottom:25px}.mlanding{position:relative;box-shadow:0px 2px 19px 2px #b3afaf59}.mlanding div#reg_now{top:60px}ul.mlanding__list{display:flex;justify-content:center;align-items:center;font-size:15px;font-weight:500;text-transform:capitalize}ul.mlanding__list li a{padding:15px 21px;display:inline-block;font-weight: bold;}.mlanding__home{text-align:center;width:40px}.mlanding__home svg{fill:#f00;width:40px;height:28px}.mlanding__home>a{display:block;padding:10px 0}.mlanding__home:hover svg{fill:#ffde16}.mlanding .container{display:flex;justify-content:flex-start;align-items:center}ul.mlanding__list{width:calc(100% - 40px);margin-left:10px}.mlanding__list li:hover a{background:#e8eae8}@media (max-width: 1230px){ul.mlanding__list{flex-wrap:wrap}.top_breadcrumbs{background-size:cover}}@media (max-width: 767px){ul.mlanding__list{flex-wrap:nowrap}ul.mlanding__list li a{padding:15px;font-size:13px;height:80px;display:table-cell;vertical-align:middle}ul.mlanding__list .owl-item{border-right:1px solid #e4e2e2db}}.mlanding_fixed{position:fixed;top:0;background:#fff;width:100%;z-index:99999}.mlanding__list li.active a{background:#e8eae8;color:#f00}.content_item{padding:81px 0;font-size:15px;line-height:1.6}.content_item h3{text-align:center;font-size:20px;line-height:1.6}.questionl h3.collapsible-item--title.active{background:#f1d733;border-radius:30px;color:#333}.questionl .collapsible:hover .collapsible-item--title{background:#f1d733}.questionl{padding:100px 0}.questionl .title__pos{margin-bottom:48px}div.albumsl{padding-bottom:110px}div#lg-toolbar-1,div#lg-toolbar-2,div#lg-toolbar-3{margin-top:55px}.libraryimgp h3.title__pos{padding-bottom:58px}.grid__item.grid__item_0{grid-row-start:1;grid-row-end:2;grid-column-start:1;grid-column-end:2}div.libraryimg__grid_item{display:grid;grid-template-columns:auto auto auto auto;grid-gap:15px;grid-template-rows:500px 365px}.grid__item.grid__item_4{grid-row-start:1;grid-row-end:2;grid-column-start:2;grid-column-end:5}.grid__item.grid__item_1{grid-row-start:2;grid-row-end:3;grid-column-start:1;grid-column-end:3}.grid__item.grid__item_2{grid-column-start:4;grid-column-end:5;grid-row-start:2;grid-row-end:3}.grid__item.grid__item_3{grid-column-start:3;grid-column-end:4;grid-row-start:2;grid-row-end:3}.grid__item{position:relative;display:block;overflow:hidden}.grid__item p.grid__item--mask{display:block;text-align:center;padding:18px 30px;border-bottom-right-radius:14px;border-bottom-left-radius:14px;background:#99999973;font-size:15px;color:#fff;font-weight:500;transition:all ease 0.7s}.grid__item:hover p.grid__item--mask{background:#d18a8aa3;transform:translateY(-55px)}.grid__item img{display:block;height:100%;object-fit:cover;border-radius:14px;transition:all ease 1s}.grid__item:hover img{border-radius:14px}@media (min-width: 767px){.grid__item:hover img{transform:scale(1.3)}}.libraryimgp{padding:58px 0 83px;background:#f7f7f7}.libraryimg__owl .owl-nav{position:absolute;bottom:-50px;left:50%}.libraryimg__owl .owl-nav .owl-prev{left:-83px;position:absolute}.libraryimg__owl .owl-nav .owl-next{position:absolute;right:-83px}.libraryimg__owl .owl-nav svg{fill:#646464}.libraryimg__owl .owl-nav svg:hover{fill:var(--main-color)}div.languagetrainl{position:relative}@media (max-width: 991px){.top_breadcrumbs{background-position:63%}ul.mlanding__list li a{padding:15px 7px}.mlanding__list .owl-nav{position:absolute;left:50%;display:flex;justify-content:space-between;width:50%;height:1px;top:78px;bottom:0;transform:translateX(-50%)}.mlanding__list li{text-align:center}.mlanding__list .owl-nav>div{font-size:30px;font-weight:bold;padding:0px 15px;display:inline-block;background:#b9c1c373;border-radius:9px}.mlanding__list .owl-nav>div:hover{background:#EEAA04;color:#f00}.mlanding__list .owl-nav .owl-prev{position:absolute;left:30%}.mlanding__list .owl-nav .owl-next{right:30%;position:absolute}.mlanding div#reg_now{top:230px}.languagetrainl div#reg_now{top:150px}div#mlanding{margin-bottom:40px}}div.landingb2p.landing_2{margin:0;background:#fff}div.landingb2p.landing_2 .landingb2p__bot_r{background:#EEAA04;color:#fff;box-shadow:3px 6px 7px 0px #3333336e;border-top:10px solid var(--text-hover)}div.landingb2p.landing_2 .landingb2p__bot_r:before{border:22px solid transparent;border-color:#fff;transform:rotate(45deg);box-shadow:4px 4px 0px 3px var(--text-hover);background:transparent}div.landingb2p.landing_2 .landingb2p__bot_r1{color:#333}div.landingb2p.landing_2 .landingb2p__bot_r1>h4 b{color:var(--maudo)}div.landingb2p.landing_2 .regservicel{background-size:cover}@media (max-width: 767px){div.libraryimg__grid_item{display:flex;justify-content:center;align-items:stretch;flex-wrap:wrap;grid-gap:20px}.libraryimg__grid_item .grid__item{width:calc(100%/2 - 40px)}.grid__item img{width:100%}div.whylearld,.professionlds,.landingrow2,.statisticlds,.questionl,div.albumsl,div.whylearld{padding:50px 0}.whylearld .title__pos,.professionlds .title__pos{padding-bottom:34px}.whychoose__item{box-shadow:0px 0px 6px 0px #c6c2c27a;border-radius:11px;margin-bottom:15px}.whychoose__list--des>h5{padding:28px 0 25px}li.landingb3p__list--item{display:flex}figure.landingb3p__img{margin-bottom:-18px}figure.landingb3p__img>img{width:50%}.conditionlds__item .conditionlds__item--mask{position:absolute;width:100%;height:50%;top:0;left:0;background:#00bdea;border-top-left-radius:15px;border-top-right-radius:15px;z-index:1}.conditionlds__item .conditionlds__item--mask:after,.conditionlds__item .conditionlds__item--mask:before{display:none}.conditionlds__item:nth-child(odd) .conditionlds__item--mask{border-radius:0}.conditionlds__item p.conditionlds__item--tit{top:-45px;bottom:initial !important}.whychoose__item{display:flex;justify-content:center;align-items:center}.whychoose__item figure{background:#EEAA04;border-radius:50%;padding:10px;margin-right:10px;width:65px;display:flex;justify-content:center;align-items:center;height:65px}span.whychoose__item-icon{display:inline-block;padding:14px}.whychoose__item>figure svg{width:30px;height:30px;display:flex;justify-content:center;align-items:center}.whychoose__list--des{width:calc(100% - 65px);text-align:left;margin-left:14px}.whychoose__list--des>h5{padding:15px 0}.conditionlds__item:nth-child(even){margin-bottom:30px}.top_breadcrumbs{background-size:348%;padding:50px 0}}@media (max-width: 576px){.mlanding__list .owl-nav>div{padding:0px 8px}.mlanding__list .owl-nav .owl-next{position:absolute;right:initial;left:85px}.mlanding__list .owl-nav .owl-prev{position:absolute;left:40px}.landingb2p__bot_r{padding:15px;justify-content:center;align-items:center}.landingb2p__bot{margin-top:40px}p.comparelds__bot_r2{font-size:47px;margin:0px auto 0}.comparelds__bot_r1,.comparelds__bot_r1 span{font-size:18px;line-height:1.5}.comparelds__bot_r1 b{font-size:21px;line-height:1.8}.trademarkld__item--des>p{min-height:auto;margin-bottom:30px}.testimonial2__item--person{margin-top:20px}.trademarkld__item.trademarkld__reverse{padding-bottom:30px}.collapsible-item--content{padding:15px 20px 15px 20px;line-height:1.6}.libraryimg__grid_item .grid__item{width:100%}.grid__item p.grid__item--mask{transform:translateY(-85px)}.grid__item img{height:400px;object-fit:cover}.landingrow2 .landingrow2__item--des{padding:20px 15px;text-align:center}.landingrow2 .landingrow2__item--des>p{line-height:1.5;padding-top:10px}.landingrow2 .title__pos{line-height:1.5;margin-bottom:35px}.testimonial2__item_r>svg{display:none}.conditionlds__items{padding:50px 15px}.landingrow2 .title__pos{line-height:1.4;margin-bottom:30px}.conditionlds__item--des>b{font-size:18px}.conditionlds__item--des{font-size:16px;line-height:1.5;text-transform:capitalize}li.landingb3p__list--item{margin-bottom:20px}.top_breadcrumbs .title__pos{color:#f00}.landingrow2 .landingrow2__item figure>img{height:348px;object-fit:cover}.landingb2p__bot_r1 h4{line-height:1.5}.content_item{padding:35px 0}.trademarkld__item{margin-bottom:50px}.feelld{padding:35px 0 30}.feelld .title__pos{margin-bottom:35px;font-size:24px}.collapsible-item--title{padding:15px 20px;cursor:pointer;font-size:17px;line-height:1.3}.footerbot__box{text-align:center}.landingrow2 .landingrow2__item--des>h6{font-size:23px;text-transform:capitalize}}@media (max-width: 480px){.landingb2p__bot_r{flex-wrap:wrap}p.comparelds__bot_r2{font-size:38px}figure.landingb3p__img>img{width:65%}.libraryimg__grid_item .grid__item{width:100%}.routerlds__item--l>strong,.routerlds__item--l>p{text-align:center}img.landingb2p__bot_l,img.landingb2p__bot_l{left:34%;bottom:0}.trademarkld .title__pos{margin-bottom:35px;font-size:24px}.trademarkld__item--des>h6{font-size:20px;padding:25px 0 15px;text-transform:capitalize}.form__row--1 .form-group{margin-bottom:15px}figure.routerlds__item--imgr>img{width:105px;height:125px}.routerlds__list{padding:0}h3.routerlds__title{font-size:24px}.landingb2p__bot_r1{padding:0}div.whylearld,.professionlds,.landingrow2,.questionl,div.albumsl,div.whylearld{padding:35px 0}.statisticlds{padding:25px 0 7px}.professionld__r h3{font-size:20px;text-transform:capitalize}.routerlds__item--l>strong{font-size:23px}p.testimonial2__item--pname,.landingrow2 .landingrow2__item--des>h6{font-size:20px}p.regservicels__tit{font-size:26px}}@media (max-width: 380px){.title__pos{font-size:24px;text-transform:capitalize}figure.routerlds__item--imgr>img{width:94px;height:105px}span.routerlds__item--stt{bottom:23px;right:18px;font-size:37px}}@media (max-width: 767px) and (min-width: 375px){.conditionlds__items{padding:50px 60px;display:flex;justify-content:center;align-items:center}.conditionlds__items .conditionlds__item--tit{position:static;width:92px}.conditionlds__items .conditionlds__item--des{width:calc(100% - 92px)}}.regservicels__left img{max-height:600px}@media (max-width: 991px){.pdutab_content .pdutab_item,.landingb2p__l{max-height:603px;overflow-y:auto}.questionls{max-height:580px;overflow-y:auto}.mlanding .container{overflow-x:auto}ul.mlanding__list{width:800px;flex-wrap:nowrap}ul.mlanding__list li{width:200px}}

ul.mlanding__list li{
    margin-left:0px!important;
    margin-bottom:0px!important;
}
.accordion-custom-outline .accordion-title {
    padding: 20px
}

.accordion-custom-outline .plain {
    padding-bottom: 13px;
    font-size: 16px;
    font-weight: 400;
    padding-top: 13px;
    border-top: transparent;
    border-bottom: 1px solid #e6e9eb
}

.accordion-custom-outline .plain.active {
    background-color: #2557c2;
    border-color: #e6e9eb;
    padding-bottom: 13px;
    font-size: 16px;
    font-weight: 400;
    padding-top: 13px;
    border-bottom: 1px solid #e6e9eb;
    border-top: transparent
}
.accordion-custom-outline .plain.active span{
    color: #fff!important;
}
.accordion-item:hover .accordion-title span{
    color: #fff!important;
}


.accordion-custom-outline .toggle {
    right: 10px !important;
    top: 8px;
    left: auto
}

div.accordion-custom-outline .accordion-item {
    margin-bottom: 15px;
    border-top: 1px solid #e6e9eb;
    border-right: 1px solid #e6e9eb;
    border-left: 1px solid #e6e9eb
}

.accordion-custom-outline .accordion-inner {
    border-bottom: 1px solid #e6e9eb
}

.accordion-custom-outline-a .accordion-title {
    padding: 20px
}

.accordion-custom-outline-a .plain {
    background-color: #fff;
    padding-bottom: 13px;
    font-size: 16px;
    font-weight: 400;
    padding-top: 13px;
    border-top: transparent;
    border-bottom: 1px solid #e6e9eb
}

.accordion-custom-outline-a .plain.active {
    background-color: #fff;
    border-color: #e6e9eb;
    padding-bottom: 13px;
    font-size: 16px;
    font-weight: 400;
    padding-top: 13px;
    border-bottom: 1px solid #e6e9eb;
    border-top: transparent
}

.accordion-custom-outline-a .toggle {
    right: 10px !important;
    top: 8px;
    left: auto
}

div.accordion-custom-outline-a .accordion-item {
    margin-bottom: 15px;
    border-top: 1px solid #e6e9eb;
    border-right: 1px solid #e6e9eb;
    border-left: 1px solid #e6e9eb
}

.accordion-custom-outline-a .accordion-inner {
    border-bottom: 1px solid #e6e9eb;
    background-color: #fff
}
.camnhanhv :after{
        content: "";
    width: 100%;
    height: 100%;
    background: #eeaa02;
    position: absolute;
    top: 20px;
    z-index: -1;
    border-radius: 17px;
    left: 20px;
}
.camnhanhv img{
        border-radius: 17px;
}
.anhbc1 img{
    border-radius: 10px;
}
.text-camnhan p{
    margin-bottom: 5px!important;
}
.newspaper__title a{
    color: #333!important;
}
.header-nav li a{
    font-weight: 600!important;
}
.taisao figure{
    display: inline-block;
    background: #ba1111;
    border-radius: 50%;
    padding: 21px;
}
span.whychoose__item-icon {
    display: inline-block;
    fill: #ffb200;
    position: relative;
    padding: 25px;
    background: #fff;
    border-radius: 50%;
    z-index: 2;
    box-shadow: 0px 9px 14px 0px #33333338;
    transition: all ease 0.6s;
}
span.whychoose__item-icon>svg {
    z-index: 3;
    position: relative;
    display: inline-block;
}
span.whychoose__item-icon1:before {
    content: "";
    width: 280%;
    height: 1px;
    position: absolute;
    z-index: 0;
    top: 50%;
    right: 100%;
    border: 1px dashed #ba1111;
}
span.whychoose__item-icon1:after {
    content: "";
    width: 280%;
    height: 1px;
    position: absolute;
    z-index: 0;
    top: 50%;
    left: 100%;
    border: 1px dashed #ba1111;
}
li.landingb3p__list--item {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 10px;
    background: #fff;
    padding: 13px 30px 15px 34px;
    border-radius: 25px;
   /* display: inline-flex;*/
}
p.landingb3p__list--des {
    padding-left: 20px;
    font-size: 20px;
}
p.landingb3p__list--des>b {
    font-family: var(--font-familyex);
    color: #ba1111;
}
.landingb3p__list p{
    margin-bottom: 0px!important;
}
.quyenloi{
    padding-bottom: 0px!important;
}
.quyenloi .colq{
    padding-bottom: 0px!important;
}
.professionld__r--name{
    font-size: 15px;
    padding: 11px 25px;
    background: #eeaa04;
    border-radius: 6px;
    text-transform: uppercase;
    margin: 17px auto 21px;
    border-radius: 20px;
}
.linhvuc{
        box-shadow: 0px 2px 19px 2px #b3afaf59;
    margin-bottom: 30px;
    padding: 15px 0;
    border-radius: 15px;
}
.linhvuc .col{
    padding-bottom: 10px!important;
}
.landingrow2{padding:100px 0}.landingrow2 .title__pos{text-align:center;line-height:50px;margin-bottom:63px}.landingrow2 .title__pos>span{display:block}.landingrow2 .landingrow2__box{display:grid;grid-template-columns:auto auto auto;grid-template-rows:381px 381px;grid-column-gap:15px;grid-row-gap:20px}.landingrow2 .landingrow2__item1{grid-area:1 / 1 / 2 / 3}.landingrow2 .landingrow2__item1>figure{border-top-left-radius:20px;border-bottom-left-radius:20px}.landingrow2 .landingrow2__item2{grid-area:2 / 1 / 3 / 3;flex-direction:row-reverse}.landingrow2 .landingrow2__item2>figure{border-top-right-radius:20px;border-bottom-right-radius:20px}.landingrow2 .landingrow2__item3{grid-area:1/3/3/4}.landingrow2 .landingrow2__item3>figure{border-top-right-radius:20px;border-top-left-radius:20px}.landingrow2 .landingrow2__item1,.landingrow2 .landingrow2__item2{display:flex;justify-content:space-between;flex-wrap:wrap}.landingrow2 .landingrow2__item1 figure.figure__img,.landingrow2 .landingrow2__item2 figure.figure__img{width:calc(50% - 7.5px)}.landingrow2 .landingrow2__item1 .landingrow2__item--des,.landingrow2 .landingrow2__item2 .landingrow2__item--des{width:calc(50% - 7.5px)}.landingrow2 .landingrow2__item3{display:flex;flex-wrap:wrap;flex-direction:column;justify-content:space-between}.landingrow2 .landingrow2__item3>figure,.landingrow2 .landingrow2__item3 .landingrow2__item--des{width:100%;height:calc(50% - 11px)}.landingrow2 .landingrow2__item figure>img{width:100%;height:100%}.landingrow2 .landingrow2__item:hover .landingrow2__item--des{box-shadow:0px 0px 21px 0px #33333359}.landingrow2 .landingrow2__item:hover .landingrow2__item--des:after{box-shadow:-3px 3px 5px 0px #33333359}.landingrow2 .landingrow2__item--des{position:relative;padding:55px 35px 15px 41px;box-shadow:0px 0px 21px 0px #33333329}.landingrow2 .landingrow2__item--des>span{font-size:60px;color:var(--main-color);font-weight:700}.landingrow2 .landingrow2__item--des>h6{font-weight:700;font-size:26px;text-transform:uppercase}.landingrow2 .landingrow2__item--des:after{content:"";position:absolute;width:60px;height:60px;background:#fff;left:-31px;top:50%;transform:translateY(-50%) rotate(45deg);box-shadow:-3px 3px 3px 0px #33333314}.landingrow2 .landingrow2__item2 .landingrow2__item--des:after{left:initial;right:-31px;transform:translateY(-50%) rotate(-135deg)}.landingrow2 .landingrow2__item3 .landingrow2__item--des:after{left:initial;top:-30px;left:50%;transform:translateX(-50%) rotate(135deg)}@media (max-width: 991px){.landingrow2 .landingrow2__box{display:block}.landingrow2 .landingrow2__item3{display:flex;justify-content:space-between;flex-wrap:wrap;flex-direction:row}.landingrow2 .landingrow2__item3>figure,.landingrow2 .landingrow2__item3 .landingrow2__item--des{width:calc(50% - 7.5px);height:auto}.landingrow2 .landingrow2__item3 .landingrow2__item--des:after{left:-31px;top:50%;transform:translateY(-50%) rotate(45deg)}}@media (max-width: 566px){.landingrow2 .landingrow2__item .landingrow2__item--des:after{left:initial;top:-23px;left:50%;transform:translateX(-50%) rotate(135deg);width:45px;height:45px}.landingrow2 .landingrow2 .landingrow2__item--des>span{font-size:58px;margin-top:15px;display:block}.landingrow2 .landingrow2 .landingrow2__item--des>h6{font-size:24px}}@media (max-width: 480px){.landingrow2 .landingrow2__item figure.figure__img,.landingrow2 .landingrow2__item .landingrow2__item--des{width:100%}.landingrow2 .landingrow2__item{margin-bottom:30px}}

.conditionld{padding-bottom:100px}.conditionld .title__pos{margin-bottom:50px}.conditionlds__list{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.conditionlds__item{width:calc(100%/5);padding:15px;text-align:center;position:relative}.conditionlds__items{padding:83px 15px 76px;box-shadow:0px 0px 14px 2px #3333333b;border-radius:15px;background:#fff;position:relative;z-index:2}.conditionlds__item--tit>span{font-weight:700;font-size:34px;padding:16px;background:#fff;border-radius:50%;display:inline-block;position:relative;z-index:1;width:72px;height:72px;text-align:center;display:flex;justify-content:center;align-items:center}.conditionlds__item--des{text-align:center;line-height:1.5}.conditionlds__item--des>b{display:block}.conditionlds__item:nth-child(odd) .conditionlds__item--mask{position:absolute;width:100%;height:calc(50% - 7.5px);bottom:0;left:0;background:#fbdd00;border-bottom-left-radius:15px;border-bottom-right-radius:15px;z-index:1}.conditionlds__item:nth-child(even) .conditionlds__item--mask{position:absolute;width:100%;height:calc(50% - 7.5px);top:0;left:0;background:#00bdea;border-top-left-radius:15px;border-top-right-radius:15px;z-index:1}.conditionlds__item:nth-child(even){top:15px}.conditionlds__item:nth-child(even) .conditionlds__item--des{transform:translateY(-15px)}p.conditionlds__item--tit{padding:10px;background:#fbdd00;border-radius:50%;display:inline-block;position:absolute;left:50%;transform:translateX(-50%);box-shadow:0px 0px 14px 2px #3333333b}.conditionlds__item:nth-child(odd) p.conditionlds__item--tit{top:-45px}.conditionlds__item:nth-child(even) p.conditionlds__item--tit{bottom:-45px;background:#00bdea}.conditionlds__item:nth-child(4) p.conditionlds__item--tit,.conditionlds__item:nth-child(4) .conditionlds__item--mask{bottom:-45px;background-image:radial-gradient(circle, #ec888d, #d81220)}.conditionlds__item--mask:before,.conditionlds__item--mask:after{content:"";position:absolute;width:16px;height:16px;background:#fff;z-index:4}.conditionlds__item:nth-child(odd) .conditionlds__item--mask:after{left:0;top:-1px;clip-path:polygon(100% 0, 0 0, 100% 100%)}.conditionlds__item:nth-child(even) .conditionlds__item--mask:after{right:0;bottom:-1px;clip-path:polygon(0 0, 0 100%, 100% 100%)}.conditionlds__item:nth-child(odd) .conditionlds__item--mask:before{right:0;top:-1px;clip-path:polygon(100% 0, 0 0, 0 100%)}.conditionlds__item:nth-child(even) .conditionlds__item--mask:before{left:0;bottom:-1px;clip-path:polygon(100% 100%, 100% 0, 0 100%)}.conditionlds__item:hover .conditionlds__item--mask,.conditionlds__item:hover p.conditionlds__item--tit{background-image:radial-gradient(circle, #ec888d, #d81220)}.conditionlds__item:nth-child(4):hover .conditionlds__item--mask,.conditionlds__item:nth-child(4):hover p.conditionlds__item--tit{background:#00bdea}@media (max-width: 767px){.conditionlds__item{width:100%;margin-bottom:15px}.conditionlds__item:nth-child(even){margin-bottom:85px}.conditionld{padding-bottom:50px}}@media (max-width: 480px){.professionlds{padding:50px 0}}
.routerlds{background-repeat:no-repeat;background-position:top right;background-size:contain;background-color:#f7f7f7}.routerlds__item{display:flex;justify-content:space-between}.routerlds__item--l{width:calc(100% - 152px)}.routerlds__item--r{width:151px;position:relative;margin-top:36px}.routerlds .container{position:relative}h3.routerlds__title{font-size:47px;font-weight:700;position:absolute;bottom:23%;right:0;width:28%;text-align:right}span.routerlds__item--svg{display:inline-block;position:absolute;top:-24px;left:43px}span.routerlds__item--stt{display:inline-block;position:absolute;bottom:32px;right:-2px;font-size:51px;font-weight:550;color:var(--main-color);transform:skew(-27deg, -13deg) rotateZ(-24deg) rotateY(-4deg)}figure.routerlds__item--imgr>img{width:151px;height:180px}span.routerlds__item--svg>svg{width:70px;height:70px;fill:#ceb70c}.routerlds__item:nth-child(2){width:calc(100% - 151px)}.routerlds__list{padding-right:170px;padding-top:80px;height:950px;position:relative}.routerlds__list:after{content:"";position:absolute;width:24px;height:24px;top:-22px;left:50%;border:22px solid transparent;border-color:#fff;transform:rotate(45deg);box-shadow:6px 6px 13px 0px #e9e4e430;background:#fff}.routerlds__item--l>strong{position:relative;font-size:28px;font-weight:700;text-transform:capitalize;padding-bottom:14px;margin-bottom:14px;display:block}.routerlds__item--l>p{font-size:20px;font-family:var(--font-familys)}.routerlds__item--l>strong:after{content:"";width:104%;height:2px;background:var(--main-color);position:absolute;bottom:0;left:0}.routerlds__item--l>strong:before{content:"";position:absolute;left:0;bottom:-6px;width:12px;height:12px;background:var(--main-color);border-radius:50%}.routerlds__item:nth-child(even) span.routerlds__item--svg>svg{fill:#d81220}.routerlds__item:nth-child(even) span.routerlds__item--stt{color:#d81220}.routerlds__item:nth-child(even) .routerlds__item--l>strong:after,.routerlds__item:nth-child(even) .routerlds__item--l>strong:before{background:#d81220}.routerlds__item:nth-child(4) span.routerlds__item--svg>svg{fill:#00bdea}.routerlds__item:nth-child(4) span.routerlds__item--stt{color:#00bdea}.routerlds__item:nth-child(4) .routerlds__item--l>strong:after,.routerlds__item:nth-child(4) .routerlds__item--l>strong:before{background:#00bdea}.routerlds__item:hover span.routerlds__item--svg>svg{fill:#d81220}.routerlds__item:hover span.routerlds__item--stt{color:#d81220}.routerlds__item:hover .routerlds__item--l>strong:after,.routerlds__item:hover .routerlds__item--l>strong:before{background:#d81220}.routerlds__item:nth-child(2):hover span.routerlds__item--svg>svg{fill:#00bdea}.routerlds__item:nth-child(2):hover span.routerlds__item--stt{color:#00bdea}.routerlds__item:nth-child(2):hover .routerlds__item--l>strong:after,.routerlds__item:nth-child(2):hover .routerlds__item--l>strong:before{background:#00bdea}@media (max-width: 767px){.routerlds__list{display:flex;flex-direction:column-reverse}.routerlds__list{padding:50px 0;height:auto}h3.routerlds__title{font-size:39px;position:static;width:auto;text-align:center}.routerlds{padding:50px 0 0}.routerlds__item{transform:translateY(0) !important;width:100% !important;margin-bottom:28px}.routerlds__list:after{display:none}h3.routerlds__title{font-size:35px}figure.routerlds__item--imgr>img{width:131px;height:146px}span.routerlds__item--svg>svg{width:60px;height:60px}span.routerlds__item--stt{bottom:32px;right:7px;font-size:44px}}@media (max-width: 480px){.routerlds__item{flex-wrap:wrap;flex-direction:column-reverse}.routerlds__item--l{width:100%}.routerlds__item--r{margin:15px auto;width:146px}.routerlds__item{padding:20px 0;border-bottom:1px dashed #ffde16}.routerlds__item:first-child{border-bottom:none}.routerlds__list{padding:0px 0 50px}}
.compares{padding:85px 0 65px;background-repeat:no-repeat;background-size:cover;overflow:hidden;background-color:#ecd53d;background-image:none !important}.compares h2.title__pos{margin-bottom:44px}.compare{display:flex;justify-content:center;align-items:flex-start;flex-wrap:nowrap}.compares_col--title,.compares_col2--title{font-weight:700;font-size:28px;text-transform:uppercase;padding:20px 0 25px;border:2px solid #faf3cb;text-align:center;border-radius:36px;transform:translateY(-32px)}.compares_col2--title img,.compares_col2--title svg{margin:0 auto;display:inline-block}.compares_col2 ul li>svg{fill:#ffde00}.compares_col2--title{padding:12px 0 13px;border-radius:inherit;border-left:none;border-right:none;border-color:#faf3cb3d}.compares_col1 .compares_col--title{border-top-right-radius:0;border-bottom-right-radius:0;border-right-color:transparent}.compares_col3 .compares_col--title{border-top-left-radius:0;border-bottom-left-radius:0;border-left-color:transparent}.compares_col1,.compares_col3{width:41%}.compares_col2{width:18%;background-size:120% 100%;position:relative;background-position:center -23px;z-index:999}.compares_col1 ul li{text-align:right;font-size:18px;color:#fff;padding:20px 0;background:#242424;margin-bottom:20px;border-top-left-radius:20px;border-bottom-left-radius:20px}.compares_col1 ul li i{font-size:25px;padding:0 20px}.compares_col3 ul li{text-align:left;font-size:18px;color:#242424;padding:20px 0;background:#fff;margin-bottom:20px;border-top-right-radius:20px;border-bottom-right-radius:20px}.compares_col2 ul li:last-child{padding-bottom:100px}.compares_col3 ul li i{font-size:25px;padding:0 20px;color:#f00}.compares_col3 ul li>span{color:#f00}.compares_col2 ul li{font-size:15px;text-align:center;color:#252525;text-transform:capitalize;margin-bottom:20px;margin-left: 0px!important}.compares_col2 ul li>img{margin:4px auto 10px;display:inline-block}.compares_col3 ul li span{color:#f00}.compares_col3 ul li,.compares_col1 ul li{display:flex;justify-content:flex-end;align-items:center}.compares_col2 ul li,.compares_col3 ul li,.compares_col1 ul li{min-height:85px}.compares_col3 ul li{justify-content:flex-start;margin-left: 0px!important}.compares__air{position:relative;width:74%;margin:0 auto;display:block;margin-top:-10px}.compares__airs{display:flex;padding:15px 60px 15px 130px;font-size:20px;font-weight:700;background:#fff;border-radius:50px;box-shadow:0px 0px 0px 4px #ffffff7d;align-items:center}.compares__airs>p{text-align:right;padding-right:15px}.compares__airs>p>span{color:#f00}.compares__air>img{position:absolute;top:-48px;left:-96px;z-index:9}.compares__airs>strong{font-size:65px;font-weight:700;color:#f00}@media (max-width: 1299px){.compares_col2 ul li{margin-bottom:26px}.compares_col2 ul li,.compares_col3 ul li,.compares_col1 ul li{height:100px}.compares_col2 ul li:last-child{padding-bottom:147px}}@media (max-width: 992px){.compares__air{width:100%}.compares__air>img{top:0;left:40px;width:100px;height:auto}.compares_col--title,.compares_col2--title{font-size:20px}.compares_col2 ul li{margin-bottom:17px}.compares_col2 ul li,.compares_col3 ul li,.compares_col1 ul li{height:130px}.compares_col2 ul li{margin-bottom:25px}.compares_col2 ul li:last-child{padding-bottom:169px}}@media (max-width: 767px){.compares__airs{padding:15px;font-size:18px;border-radius:36px;line-height:1.4}.compares__airs>strong{font-size:48px}.compares_col--title,.compares_col2--title{font-size:20px}.compares_col3 ul li,.compares_col1 ul li{height:140px}.compares_col2 ul li{margin-bottom:26px;height:140px;margin-top:26px}.compares_col--title{min-height:100px}.compares_col3 ul li i{color:#f00}.compares_col2 ul li:last-child{padding-bottom:88px;height:auto}.compares_col1 ul li i{font-size:25px;padding:0 6px}.compares__air{margin-top:40px}}@media (max-width: 481px){.compares_col2 ul li{margin-bottom:48px}.compares_col--title,.compares_col2--title{font-size:15px}.compares_col3 ul li,.compares_col1 ul li{height:140px}.compares_col2 ul li{margin-top:15px}.compares__airs{padding:15px;font-size:16px}.compares__air>img{top:-71px;left:25px}}
.trademarkld{padding:91px 0 98px}.trademarkld .title__pos{margin-bottom:80px;text-transform:uppercase;line-height:50px}.trademarkld .title__pos>span{display:block;text-transform:capitalize}.trademarkld__item{text-align:center;padding-bottom:60px;position:relative;box-shadow:0px 0px 15px 0px #33333326;border-radius:25px}.trademarkld__item>figure{border-top-left-radius:22px;border-top-right-radius:22px}.trademarkld__item>figure>img{width:100%;height:333px;object-fit:cover}.trademarkld__item--des{padding:0 26px}.trademarkld__item--des>h6{font-size:25px;font-weight:700;text-transform:uppercase;padding:30px 0 20px}.trademarkld__item--des>p{font-size:14px;font-weight:500;line-height:24px;min-height:96px}.trademarkld__item--des>p{font-size:14px;font-weight:500;line-height:24px;min-height:96px}i.trademarkld__item--icon{display:inline-block;padding:25px;background:red;border-radius:50%;position:absolute;left:50%;bottom:-76px;transform:translateX(-50%);display:flex;justify-content:center;align-items:center}i.trademarkld__item--icon>svg{width:63px;height:63px;fill:#fff}.trademarkld__item.trademarkld__reverse{display:flex;flex-wrap:wrap;flex-direction:column-reverse;padding:59px 0 0;margin-top:70px}.trademarkld__item.trademarkld__reverse>i{top:-70px;bottom:initial}.trademarkld__item.trademarkld__reverse figure{border-radius:0;border-bottom-left-radius:22px;border-bottom-right-radius:22px}.trademarkld__color1>i.trademarkld__item--icon{background:#00bdea}.trademarkld__color2>i.trademarkld__item--icon{background:#ba1111}.trademarkld__item:hover{box-shadow:0px 0px 15px 0px #33333373}.trademarkld__item:hover h6>a{color:var(--text-hover)}@media (max-width: 991px){.trademarkld{padding:50px 0}.trademarkld .title__pos{margin-bottom:55px;line-height:initial;font-size:30px}.trademarkld__item.trademarkld__reverse{display:block;padding:0;margin-top:0;padding-bottom:60px}.trademarkld__item.trademarkld__reverse>i{top:initial;bottom:-76px}.trademarkld__item{margin-bottom:113px}}@media (max-width: 767px){.trademarkld__item{padding-bottom:40px}i.trademarkld__item--icon,.trademarkld__item.trademarkld__reverse>i{padding:20px;bottom:-48px}i.trademarkld__item--icon>svg{width:50px;height:50px}.trademarkld .title__pos{margin-bottom:48px;font-size:25px}}
.statisticlds{padding:94px 0 83px;background-repeat:no-repeat;background-position:center;background-size:cover;background-attachment:fixed;color:#fff;text-align:center;font-size:16px}.statistic__list{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start}.statistic__list .statistic__item{width:calc(100%/4 - 30px)}.statisticlds .statistic__des{padding:32px 0 49px;font-size:16px;font-weight:500}.statistic__item--img{display:inline-block;position:absolute;top:-25px;left:-3px;background:#363434;z-index:9}.statistic__item--img>svg{display:inline-block;width:68px;height:68px;fill:#EEAA04;border-radius:10px}.statistic__item--title{font-size:50px;font-weight:700;color:#EEAA04;text-align:center;width:190px;height:190px;border:2px solid #dadada;border-radius:100%;display:flex;justify-content:center;align-items:center;position:relative}.statistic__itemb{border-radius:50%;border:4px solid #EEAA04;display:flex;justify-content:center;align-items:center;padding:10px;display:inline-block}.statistic__item--summary{margin-top:32px;font-size:17px;font-weight:500}.statisticld{background-repeat:no-repeat;background-position:center;background-size:100% 100%}.statistic__item:nth-child(1) svg{background:#151718}.statistic__item:nth-child(2) svg{background:#2c2c2c}.statistic__item:nth-child(3) svg{background:#2f2f2f}.statistic__item:nth-child(4) svg{background:#2d302d}.statistic__item:hover svg{fill:red}@media (min-width: 1230px){.statistic__list{margin:0px 15px}}@media (max-width: 1170px){.statistic__list .statistic__item{width:calc(100%/2 - 30px);margin:0px 15px 45px}.statistic__item--title{margin:0 auto}.statistic__list{flex-wrap:wrap;justify-content:center;align-items:flex-start}}@media (max-width: 767px){.statistic__item--title{font-size:40px;width:176px;height:176px}.statistic__item--img>svg{display:inline-block;width:40px;height:40px}}@media (max-width: 480px){.statistic__item--title{font-size:40px;width:100px;height:100px}}
.collapsible-item--title{padding:15px 30px;cursor:pointer;font-size:20px;font-weight:700;border-radius:30px;background:#f5f5f5}.collapsible-item--title i{font-weight:700;float:right;margin-top:7px;font-size:16px}.collapsible-item--title.active i.plus,.collapsible-item--title i.minus{display:none}.collapsible-item--title.active i.minus,.collapsible-item--title i.plus{display:block}.collapsible{margin-bottom:30px}h3.collapsible-item--title.active{background:#ed1c24;border-radius:30px;color:#fff}.collapsible-item--content{padding:15px 48px 15px 30px;font-size:14px;font-weight:500}.collapsible.active{border-radius:17px;box-shadow:0px 0px 4px 3px #3333331a;border-top-left-radius:30px;border-top-right-radius:30px;background:#fff}.collapsible:hover .collapsible-item--title{background:#ed1c24}.pdutab_content{margin-top:44px}.pdutab_content .pdutab_item{display:none;opacity:0;-webkit-animation:fadeEffect 1s;animation:fadeEffect 1s}.pdutab_content .pdutab_item.active{opacity:1;display:block}div.languagetrainl{padding:97px 0}.languagetrainl .title__pos{margin-bottom:64px}.languagetrainl_l{position:relative}.languagetrainl_l_img1{position:absolute;bottom:-130px;left:0;z-index:9}.languagetrainl_l_img1 img{border-radius:20px;border-bottom-right-radius:0}.languagetrainl_l_img1:hover img{transform:translateY(20px)}.languagetrainl_l_img0{transform:translateX(60px);border-radius:20px;border-top-left-radius:0}.languagetrainl_l_text>div{display:flex;justify-content:flex-start;align-items:center;width:276px;padding:12px 20px 12px 30px;background:#ffdb00;border-radius:10px;border:2px dashed #2f2b11;outline:10px solid #ffdb00;border-bottom-right-radius:0}.languagetrainl_l_text>div>span{font-weight:700;font-size:70px}.languagetrainl_l_text{position:absolute;z-index:11;right:0}.languagetrainl_l_text>div>p{font-size:20px;font-family:var(--font-familys)}.languagetrainl_l_text{position:absolute;z-index:11;right:88px;bottom:-63px}.languagetrainl_l_text>div:after{content:"";position:absolute;width:47px;height:76px;background:#dac338;right:-56px;bottom:-11px;-webkit-clip-path:polygon(100% 0, 0 0, 0 100%);clip-path:polygon(100% 0, 0 0, 0 100%);z-index:-1}.tab.pdutab_btn button{border:none;border-radius:23px;padding:10px 30px;display:inline-block;font-weight:700;font-size:22px;text-transform:capitalize;background:no-repeat;color:#fff;cursor:pointer;transition:all ease 0.7s}.tab.pdutab_btn{padding:10px;background:#262626;border-radius:30px;display:flex;justify-content:space-between;align-items:center;position:relative}button.pro-tablinks.active,.pdutab_btn button:hover{background:var(--main-color);color:#333}span.btn__collaps{position:absolute;top:0px;right:0px;font-size:25px;color:#fff;padding:20px;transition:all ease 0.8s}.btn__collaps i{font-weight:700;margin-top:7px;font-size:16px}.btn__collaps.active i.plus,.btn__collaps i.minus{display:none}.btn__collaps.active i.minus,.btn__collaps i.plus{display:block}span.btn__collaps:hover{color:#f00}@media (max-width: 1500px) and (min-width: 1200px){.languagetrainl_l_text>div{padding:3px 20px 3px 30px}.languagetrainl_l_text{right:56px}}@media (max-width: 1230px){.languagetrainl_l_img0{transform:translateX(0px);border-radius:20px}.languagetrainl_l_img1{bottom:-72px}figure.languagetrainl_l_img1>img{width:71%}.languagetrainl_l_text{right:68px}.languagetrainl_l_text>div>span{font-weight:700;font-size:45px;margin-right:10px;color:#f00}}@media (max-width: 991px){.languagetrainl .title__pos{margin-bottom:30px}div.languagetrainl{padding:50px 0}.languagetrainl_l_img1{bottom:-66px}figure.languagetrainl_l_img1>img{width:66%}.languagetrainl_l_img0{margin:0 auto}.languagetrainl_l_text{right:187px;bottom:-63px}.languagetrainl_l{position:relative;margin-bottom:100px}}@media (max-width: 767px){.languagetrainl_l_text{right:69px;bottom:-63px}.tab.pdutab_btn{flex-wrap:wrap}.tab.pdutab_btn button.pro-tablinks.active{display:block;margin:0}}@media (max-width: 514px){.tab.pdutab_btn button.pro-tablinks{display:none}button.pro-tablinks{width:96%;margin-bottom:15px}.tab.pdutab_btn{justify-content:center}}@media (max-width: 480px){.languagetrainl_l_text{right:59px;bottom:-59px}.languagetrainl_l_text>div{width:100%;padding:10px}}
.landingb3ps{background-repeat:no-repeat;background-position:center;padding:108px 0 0;background-size:cover}.landingb3ps .title__pos{margin-bottom:37px}li.landingb3p__list--item{display:flex;justify-content:flex-start;align-items:center;margin-bottom:10px;background:#fff;padding:13px 30px 15px 34px;border-radius:25px;/*display:inline-flex*/}li.landingb3p__list--item svg{fill:var(--maudo)}p.landingb3p__list--des{padding-left:20px;font-family:var(--font-familys);font-size:20px}p.landingb3p__list--des>b{font-family:var(--font-familyex);color:var(--maudo)}li.landingb3p__list--item:hover svg{fill:var(--text-hover)}li.landingb3p__list--item:hover b{color:var(--text-hover)}li.landingb3p__list--item:hover{box-shadow:0px 0px 26px 1px #9f9b9b42}@media (max-width: 767px){.landingb3ps{padding:50px 0}figure.landingb3p__img>img{text-align:center;margin:0 auto;width:70%}li.landingb3p__list--item{margin-bottom:30px}}

.tabdaotao .nav-pills{
padding: 10px;
    background: #262626;
    border-radius: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}
.tabdaotao .tab span{
    color: #fff!important;
    font-weight: bold;
}
.wow p{
    margin-bottom: 0px!important;
}

.bdanh img{
    border-radius: 17px;
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/

.pn-content span{
    display: none;
}
.title18 {
    font-size: 35px;
}
.box-title-3 .section-title, .box-title .section-title{
    font-size: 22px!important;
}
.box-title-3 .section-title span, .box-title .section-title span{
    font-size: 22px!important;
    }
}
@media only screen and (max-width: 767px) {
    .devvn_box_search_only_tablet .title_home {
        font-size:22px;
        line-height: 28px;
        margin-bottom: 10px
    }
    .compare {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: nowrap;
}
.compares_col1, .compares_col3 {
    width: calc(100% / 2 - 40px);
}
.compares_col--title, .compares_col2--title {
    transform: translateY(0);
    margin-bottom: 36px;
}
.compares_col--title {
    display: flex;
    align-items: center;
}
.compares_col--title {
    padding: 10px;
}
.compares_col--title {
    min-height: 68px;
}
.compares_col2 {
    background-size: 120% 110%;
}
.compares_col2 {
    width: 80px;
}
.compares_col2--title {
    padding: 18px 0 13px;
}
.compares_col--title, .compares_col2--title {
    transform: translateY(0);
    margin-bottom: 36px;
}
.compares_col--title, .compares_col2--title {
    font-size: 15px;
}
.compares_col2--title svg {
    width: 50px;
    height: auto;
}
.compares_col2 ul li {
    height: 160px;
    margin-bottom: 11px;
}
.compares_col1, .compares_col3 {
    width: calc(100% / 2 - 40px);
}


    .devvn_box_search_only_tablet p.title_desc {
        width: 100%;
        font-size: 14px
    }

    .devvn_box_search_only_tablet {
        min-height: 350px!important;
        z-index: 9
    }

    .devvn_box_search_only_tablet .section-content.relative>.row>.col:nth-child(1) {
        max-width: 95%;
        flex-basis: 95%
    }

    .cart-sidebar .wc-proceed-to-checkout a.checkout-button,form.woocommerce-cart-form table.shop_table tr td.actions .button,form.woocommerce-cart-form table.shop_table tr td.product-name a,.cart-collaterals .cart-sidebar tr th.product-name,form.woocommerce-cart-form table.shop_table tr th {
        font-size: 13px
    }

    .cart-collaterals .cart-sidebar tr th.product-name,form.woocommerce-cart-form table.shop_table tr th {
        padding: 5px
    }

    form.woocommerce-cart-form table.shop_table tr td:not(.product-remove) {
        padding: 5px!important
    }

    form.woocommerce-cart-form table.shop_table tr td.product-remove a.remove {
        line-height: 18px!important;
        width: 20px;
        height: 20px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 2px
    }

    .box-title-8 .section-title.section-title-normal span.section-title-main {
        font-size: 20px
    }

    .goc-kh-new-post-title .feature-new-post.img {
        bottom: -28px
    }

    .goc-kh-nhan-xet .box-title-7 span.section-title-main {
        font-size: 18px
    }

    .goc-kh-cam-nhan {
        padding-top: 0!important;
        padding-bottom: 0!important
    }

    .goc-kh-new-post:not(.box-le) {
        padding-bottom: 0!important
    }

    .post-sidebar .block_widget .col.post-item .box {
        border-bottom: 1px solid #ebebeb;
        padding-bottom: 15px
    }

    .gioi-thieu-tabs .tabbed-content ul.nav li a {
        padding: 7px 5px;
        font-size: 12px
    }

    .content-page-gioi-thieu .gioi-thieu-banner .col:nth-child(6) {
        order: 2
    }

    .content-page-gioi-thieu .gioi-thieu-banner .col:nth-child(5) {
        order: 2
    }

    .content-page-gioi-thieu .gioi-thieu-banner .col:nth-child(1) {
        order: 1
    }

    .content-page-gioi-thieu .gioi-thieu-banner .col:nth-child(2) {
        order: 5;
        max-width: 100%;
        flex-basis: 100%
    }

    .gioi-thieu-tabs .tabbed-content ul.nav li {
        margin-bottom: 10px;
        border-radius: 3px
    }

    .gioi-thieu-tabs .tabbed-content ul.nav {
        margin-bottom: 0;
        display: block
    }

    .content-page-gioi-thieu .gioi-thieu-banner .col:nth-child(3) {
        order: 4
    }

    .content-page-gioi-thieu .gioi-thieu-banner .col:nth-child(4) {
        order: 3
    }

    .content-page-gioi-thieu .gioi-thieu-banner .col:nth-child(2) .col-inner {
        display: flex
    }

    .content-page-gioi-thieu .gioi-thieu-banner .col:nth-child(2) .col-inner .banner:nth-child(1) {
        margin-right: 5px
    }

    .content-page-gioi-thieu .gioi-thieu-banner .col:nth-child(2) .col-inner .banner {
        width: calc(50% - 5px)
    }

    .content-page-gioi-thieu .gioi-thieu-banner .col:nth-child(2) .col-inner .banner:nth-child(2) {
        margin-left: 5px
    }

    .gioi-thieu-banner .banner .text-box .text-inner p {
        margin-bottom: 5px
    }

    .gioi-thieu-banner .banner .text-box .text-inner {
        font-size: 13px;
        line-height: 16px
    }

    .content-page-gioi-thieu .gioi-thieu-banner .col {
        max-width: 50%;
        flex-basis: 50%
    }

    .box-title-5 .section-title.section-title-normal span.section-title-main {
        font-size: 20px
    }

    .post-sidebar .block_widget .col.post-item {
        padding-bottom: 0
    }

    .content-page-gioi-thieu>.section-content>.row>.col {
        max-width: 100%;
        flex-basis: 100%
    }

    .tuyen-dung-gioi-thieu .col .col-inner>p {
        margin-bottom: 0
    }

    .team-van-hoa .row .col .col-inner .img-inner {
        padding-top: 100%!important
    }

    .team-dong-hang .box .box-text .card-body-content {
        padding: 0 10px 10px
    }

    .team-dong-hang .box .box-text .card-body-title {
        padding: 10px
    }

    .team-dong-hang .box .box-text .card-body-title .card-text {
        line-height: 20px;
        font-size: 20px
    }

    .devvn-team-tour .devvn-item .content .devvn-button {
        flex-wrap: wrap
    }

    .devvn-team-tour .devvn-item .content .devvn-button a {
        margin-bottom: 10px!important
    }

    .devvn-team-tour .devvn-item .content .woocommerce-loop-product__title a {
        font-size: 14px
    }

    .devvn-team-tour .devvn-item .content .devvn-price span.price,.devvn-team-tour .devvn-item .content .devvn-price .time {
        margin-bottom: 5px
    }

    .devvn-team-tour .devvn-item .content .devvn-price {
        flex-wrap: wrap
    }

    .devvn-form-lightbox h3.form-title {
        font-size: 24px
    }

    .tuyen-dung-header .col:nth-child(2) .col-inner>p {
        font-size: 13px
    }

    .devvn-form-lightbox {
        padding: 20px 15px!important
    }

    .devvn-form-lightbox p.desc {
        font-size: 13px
    }

    .team-tu-van.team-trai-nhiem>.section-content>.row>.col:nth-child(2) {
        max-width: 100%;
        flex-basis: 100%
    }

    .box-titl-6 span.section-title-main {
        font-size: 18px;
        line-height: 25px
    }

    .tuyen-dung-header .col a.button {
        min-width: 130px;
        padding: 5px;
        min-height: unset;
        line-height: 20px
    }

    .tuyen-dung-header .section-content .row:nth-child(1) {
        background: rgba(255,255,255,.7)
    }

    .tuyen-dung-header .section-content.relative .row:nth-child(2) {
        top: 60%
    }

    .tuyen-dung-header.goc-khach-hang .section-content .row:nth-child(1),.tuyen-dung-header.team-header .section-content .row:nth-child(1) {
        background: rgba(49,123,207,.7)
    }

    .tuyen-dung-header {
        min-height: 300px!important
    }

    .devvn_banner_header {
        min-height: 100px
    }

    .post-related .col.post-item {
        padding-bottom: 15px
    }

    .post-sidebar .block_widget .col.post-item .box .box-text {
        padding-left: 1.5em;
        padding-right: 1.5em
    }

    .single-product .shop-page-title h1.product-title.product_title.entry-title {
        margin-bottom: 0;
        font-size: 20px
    }

    .single-product .product-info.summary.product-summary .price-wrapper p.price {
        flex-direction: column;
        align-items: flex-start
    }

    .single-product .product-info.summary.product-summary .price-wrapper p.price del .amount {
        line-height: unset;
        margin-left: 0
    }

    .product-footer .tabbed-content>.nav {
        display: block
    }

    .related.devvn-product-small .product-small.box .box-text .price-wrapper {
        margin-bottom: 10px
    }

    .related.devvn-product-small .product-small.box .box-text .add-to-cart-button a {
        position: unset
    }

    .single-product .product-info.summary.product-summary .price-wrapper span.suffix {
        line-height: unset;
        margin-right: 0
    }

    .box-service .row .col {
        max-width: 100%;
        flex-basis: 100%;
        padding-bottom: 10px!important
    }

    .box-combo .slider .section .section-content .testimonial-box .icon-box-text .testimonial-text {
        padding-right: 0;
        text-align: center
    }

    .box-combo .slider .section .section-content .testimonial-box .icon-box-text .testimonial-text p.testimonial-company,.box-combo .slider .section .section-content .testimonial-box .icon-box-text .testimonial-text p.testimonial-name {
        display: flex;
        justify-content: center;
        margin: 5px
    }

    .box-combo .slider .section .section-content .testimonial-box .icon-box-text .testimonial-text p:nth-child(5) {
        margin-bottom: 0
    }

    .box-combo .slider .section .section-content .testimonial-box .icon-box-text .testimonial-text p em {
        display: block;
        margin: 0 auto
    }

    .box-combo .slider .section .section-content .testimonial-box .icon-box-text .testimonial-text .khach-hang {
        display: none
    }

    .box-combo .slider .section .section-content .testimonial-box .icon-box-text .testimonial-meta.pt-half {
        display: none
    }

    .box-combo .slider .section .section-content .testimonial-box .icon-box-text {
        padding-left: 15px
    }

    div#top-bar ul.nav.mobile-nav li a {
        font-size: 10px
    }

    .home .transparent #logo img {
        max-height: 40px
    }

    div#masthead #logo img {
        max-height: 40px
    }

    footer#footer .footer-section {
        padding-top: 30px
    }

    .home .transparent .header-main {
        height: 80px
    }

    .footer-title .section-title {
        padding-top: 0;
        margin-bottom: 10px
    }

    .footer-section .section-content .left .col:last-child {
        padding-bottom: 15px!important
    }

    .footer-section .section-content .right p {
        margin-bottom: 5px;
        line-height: 20px
    }

    .footer-section .section-content .right {
        padding-bottom: 15px
    }

    .tabbed-content>.nav {
        display: none
    }

    .tuyen-dung-header .col h4 {
        font-size: 14px
    }

    .product-small.box .box-text .price-wrapper {
        justify-content: flex-start;
        flex-direction: column;
        align-items: start
    }

    .box-combo .slider .section .section-content .testimonial-box {
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .box-combo .slider .section .section-content .testimonial-box .star-rating {
        position: relative;
        top: unset;
        left: unset;
        right: unset;
        margin-left: auto;
        margin-right: auto
    }

    .product-small.box .price-wrapper span.price {
        justify-content: flex-start;
        align-items: flex-start
    }

    .cusom_tab_mobie {
        display: block
    }

    .product-small.box .box-text .after_button_tour {
        flex-direction: column
    }

    .product-small.box .box-text .add-to-cart-button {
        justify-content: flex-start
    }

    .product-small.box .box-text .after_button_tour .devvn-info-sale {
        width: 100%;
        padding-right: 0
    }

    .devvn_banner_header .title_banner h3,.blog-wrapper.blog-single h1.entry-title,.shop-page-title.category-page-title.page-title .page-title-inner .col:nth-child(1) .shop-page-title,.box-title-3 .section-title,.box-title .section-title {
        font-size: 25px
    }

    .devvn_banner_header .title_banner p {
        font-size: 13px;
        text-align: center
    }

    .box-nhan-tin form.wpcf7-form {
        width: auto
    }

    .box-cam-lang .col:nth-child(2) .post-item .box .box-image {
        width: 30%!important
    }

    .box-cam-lang .col:nth-child(2) .post-item .box .box-text {
        width: 70%;
        padding-left: 15px
    }

    .box-cam-lang .col:nth-child(2) .post-item .box {
        flex-direction: row;
        display: flex
    }

    .box-nhan-tin form.wpcf7-form .input .wpcf7-submit {
        font-size: 13px;
        width: 90px;
        padding: unset
    }

    .box-danh-muc-san-pham .product-category.col .col-inner .box .box-text {
        padding: 10px
    }

    .box-nhan-tin form.wpcf7-form .input span {
        width: calc(100% - 90px);
        padding-right: 0
    }

    .box-nhan-tin form.wpcf7-form .input span input {
        font-size: 13px
    }

    .tuyen-dung-gioi-thieu {
        padding-bottom: 0!important;
        padding-top: 30px!important
    }

    .tuyen-dung-co-hoi .devvn-blogs-post .col.post-item:nth-child(2),.tuyen-dung-co-hoi .devvn-blogs-post .col.post-item:nth-child(1) {
        max-width: 100%;
        flex-basis: 100%
    }

    .tuyen-dung-co-hoi .devvn-blogs-post .col.post-item:nth-child(2) .box .box-text,.tuyen-dung-co-hoi .devvn-blogs-post .col.post-item:nth-child(1) .box .box-text {
        padding: 10px;
        width: 60%
    }

    .tuyen-dung-appy-job .section-content .col-inner .videoWrapper {
        margin-bottom: 0
    }

    .tuyen-dung-co-hoi .devvn-blogs-post .col.post-item:nth-child(2) .box .box-image,.tuyen-dung-co-hoi .devvn-blogs-post .col.post-item:nth-child(1) .box .box-image {
        width: 40%
    }

    .tuyen-dung-co-hoi .devvn-blogs-post .col.post-item .box .box-text .box-text-inner .post-title {
        font-size: 14px
    }

    .tuyen-dung-co-hoi .devvn-blogs-post .col.post-item .box .box-text .box-text-inner span.devvn-luong {
        font-size: 16px;
        margin-bottom: 10px
    }

    .tuyen-dung-co-hoi .devvn-blogs-post .col.post-item .box .box-text .box-text-inner button.button {
        font-size: 12px;
        padding: 5px 10px
    }

    .tuyen-dung-co-hoi .devvn-blogs-post .col.post-item .box .box-text {
        padding: 10px
    }

    .text-center>div.devvn-blogs-post>div.col.post-item {
        margin-left: 0;
        margin-right: 0
    }

    .tuyen-dung-phat-trien,.tuyen-dung-co-hoi {
        padding-top: 30px!important;
        padding-bottom: 30px!important
    }

    .tuyen-dung-tai-sao .section-content.relative .row:nth-child(1) h3,.box-titl-6 span.section-title-main {
        font-size: 20px;
        line-height: 25px
    }

    .tuyen-dung-tai-sao .section-content.relative .row:nth-child(1) .img {
        display: none
    }

    .tuyen-dung-phat-trien .section-content.relative .col:nth-child(3) .col-inner .img-inner {
        padding-top: 65%!important
    }

    .box-title-7 span.section-title-main {
        font-size: 23px
    }

    .tuyen-dung-gan-bo .col-inner .img {
        width: 250px!important;
        height: 215px;
        margin-right: auto;
        margin-left: auto
    }

    .tuyen-dung-appy-job .box-titl-6 span.section-title-main {
        font-size: 20px
    }

    .tuyen-dung-appy-job .section-content .col-inner p {
        font-size: 14px;
        margin-bottom: 10px
    }

    .tuyen-dung-appy-job:before {
        top: 0;
        transform: unset;
        width: 100%;
        height: 100%
    }

    .tuyen-dung-gan-bo .row:nth-child(3) .col:nth-child(1) {
        order: 2
    }

    .box-tai-sao-left .col-inner .img .img-inner {
        padding-top: 100%!important
    }

    .box-tai-sao-right .col-inner .box-text {
        padding-top: 0;
        padding-bottom: 0
    }

    .box-tai-sao-right .col-inner .box-text .card-title {
        font-size: 20px
    }

    .tuyen-dung-gan-bo .col-inner p {
        margin-bottom: 0
    }
}

@media only screen and (max-width: 549px) {
    .devvn_box_search_only_tablet .title_home {
        font-size:20px
    }

    .devvn_box_search_only_tablet form.searchform>.flex-row {
        flex-direction: column
    }

    .devvn_box_search_only_tablet form.searchform>.flex-row .flex-col {
        width: 100%;
        margin-bottom: 10px
    }

    .devvn_box_search_only_tablet form.searchform>.flex-row .flex-col:last-child {
        margin-bottom: 0
    }

    .home .devvn_box_search_only_tablet form.searchform select {
        width: 100%!important
    }

    .home .devvn_box_search_only_tablet form.searchform button.ux-search-submit.submit-button {
        width: 100%
    }

    div#devvn_custom_checkout_field table.ui-datepicker-calendar tbody td,div#devvn_custom_checkout_field table.ui-datepicker-calendar thead th {
        padding: 5px
    }

    .content-page-gioi-thieu .gioi-thieu-banner .col {
        max-width: 50%;
        flex-basis: 50%
    }

    .gioi-thieu-banner .banner .banner-bg.fill {
        opacity: 1;
        display: block
    }

    table.devvn-table-lich-trinh {
        width: 625px
    }

    .lich_trinh_trong_nuoc .devvn-content-table {
        overflow-x: scroll
    }

    .devvn_banner_header img {
        object-fit: cover;
        width: 100%;
        height: 100%
    }

    table.devvn-table-lich-trinh .box.image .text .product-title a {
        font-size: 13px
    }

    table.devvn-table-lich-trinh tbody tr td:nth-child(1) {
        width: 25%
    }

    table.devvn-table-lich-trinh .devvn-add-to-cart a.added_to_cart,table.devvn-table-lich-trinh .devvn-add-to-cart a.button {
        padding: 3px
    }

    table.devvn-table-lich-trinh tbody td {
        padding: 5px
    }

    .devvn-ordering {
        padding: 5px 15px
    }

    header.archive-page-header .row .col,header.single-page-header .row .col {
        padding-left: 7.5px;
        padding-right: 7.5px
    }

    .blog-archive .col .col.post-item .box .box-image {
        width: 100%!important
    }

    .blog-archive>.row>.col>.row>.col.post-item {
        max-width: 50%;
        flex-basis: 50%;
        padding: 7.5px 7.5px 15px
    }

    .blog-archive .col .col.post-item .box .box-text .box-text-inner .post-meta.is-small.op-8:before,.blog-archive .col .col.post-item .box .box-text .box-text-inner .post-meta.is-small.op-8,.blog-archive .col .col.post-item .box .box-text .box-text-inner button.button {
        font-size: 12px
    }

    .blog-archive .col .col.post-item .box .box-text .box-text-inner .post-meta.is-small.op-8,.blog-archive .col .col.post-item .box .box-text .box-text-inner button.button {
        width: 50%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .blog-archive .col .col.post-item .box .box-text .box-text-inner h5.post-title {
        font-size: 14px
    }

    .blog-archive .col .col.post-item .box .box-text {
        padding: 10px 10px 0
    }
}

.processing:before,.loading-spin.centered {
    display: none
}