html, body {
    overflow-x: hidden;
}

.setting-menu.fix {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 20;
}
/*.phone-header {*/
/*    right: 16%;*/
/*    position: absolute;*/
/*    bottom: 16%;*/
/*}*/
.phone-header {
    float: right;
}
.logo-section-left img {
    object-fit: contain;
    width: 90%;
    height: 6rem;
}
.header-top > .container > .row > div {
    padding: 0;
}
/*-------------------------------------------------------------
                    Style dung chung
--------------------------------------------------------------*/
/* span.i-decorx:after {
    top: 18px;
    z-index: 1;
    position: absolute;
    content: "";
    display: block;
    height: 30px;
    width: 40px;
    background: url(http://cdn1435.cdn4s4.io.vn/media/icon/icon-right.png) no-repeat;
    right: -111%;
    width: 100%;
}

.i-decorx:before {
    top: -22px;
    background: url(http://cdn1435.cdn4s4.io.vn/media/icon/truck-big.png) no-repeat;
    position: absolute;
    content: "";
    display: block;
    height: 64px;
    width: 64px;
    left: -103%;
    width: 100%;
}  */
.title-section-tab-new {
        font-weight: bold;
    font-size: 2rem;
    /* line-height: 1; */
    color: #1A1A1A;
    margin-bottom: 40px;
}
.nav-home-custom {
    justify-content: center;
    padding: 0rem 0px;
    width: 100%;
    /* overflow-x: auto; */
    margin-bottom: 3rem;
    border-bottom: 1px solid;
}
.nav-home-custom > li > a {
    display: inline-block;
    padding: 1rem 0px;
        text-align: center;
    width: 200px;
    margin-right: 1.5rem;
}
.img-fluidz {
    width: 100%;
    height: auto;
}
.nav-home-custom > li >a:hover{
    border-bottom: 4px solid #EB0A1E;
}
.nav-home-custom > li > .active {
    font-weight: 700 !important;
    border-bottom: 4px solid #EB0A1E;
}
    .title-sectionTab-home {
    text-transform: uppercase;
    font-size: 16px;
    line-height: 120%;
    color: #000000;
}
.title-sectionTab-home:hover{
    font-weight: 700;
}
.title-section {
    padding: 1.5rem 2rem 1.5rem 2rem;
    border: 2px solid #a79999;
    display: inline-block;
    font-size: 2.4rem;
    color: var(--color-black);
    font-weight: bold;
    text-transform: uppercase;
}

.decor-title:before {
    content: "";
    position: absolute;
    z-index: 0;
    height: 2px;
    width: 300%;
    background: #a79999;
    right: 100%;
    top: 25px;
}

.decor-title:after {
    content: "";
    position: absolute;
    z-index: 0;
    height: 2px;
    width: 300%;
    background: #a79999;
    left: 100%;
    top: 25px;
}

.decor-title {
    position: relative;
}

.title_service_Home a {
    font-weight: 500;
    color: #2a2a79;
    text-transform: uppercase;
}

.title_service_Home {
    /* color: aliceblue; */
    font-size: 18px;
    text-align: center;
    margin: 1.5rem 0px;
}

a.btn.btn-submit-custom {
    font-weight: 500;
    color: white;
    padding: 5px 10px 5px 10px;
    border-radius: 7px;
    background: #b51717;
}

/*zoom-anh*/
.article-item, .product-item {
    overflow: hidden;
}

.article-item img, .product-item img , .img_service img {
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    overflow: hidden;
}

.article-item:hover img,.product-item:hover img , .img_service:hover img {
    overflow: hidden;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.article-item .inner-image , .img_service {
    overflow: hidden;
    position: relative;
}

.product-item .inner-image {
    overflow: hidden;
    position: relative;
}

/*zoom-anh*/
/*-------------------------------------------------------------
                    END  Style dùng chung
--------------------------------------------------------------*/
/*-------------------------------------------------------------
                     HEADER
--------------------------------------------------------------*/
.bg-menu {
    background: var(--color-highlight);
}

.menu-section ul {
    /*border: 1px solid;*/
}

.phone_header > a {
    font-size: 18px;
    color: white;
    border-radius: 20px;
    background: #e11313;
    display: inline-block;
    padding: 5px 20px 5px 20px;
    font-weight: 700;
}

@media(min-width: 1024px) and (max-width: 1200px){
    .phone_header > a {
    font-size: 14px;
    color: white;
    border-radius: 20px;
    background: #e11313;
    display: inline-block;
    padding: 5px 20px 5px 20px;
    font-weight: 700;
}
}
/*-------------------------------------------------------------
                    END HEADER
--------------------------------------------------------------*/
/*-------------------------------------------------------------
                   Footer
--------------------------------------------------------------*/
.form_newletters {
    margin-left: 9rem;
}

span.i_con-news {
    font-size: 1.3rem;
    color: white;
}

.newsletter--submit {
    border-radius: 0px 5px 5px 0px;
    margin-left: -1rem;
    background: red;
    width: 70%;
    height: 5rem;
    line-height: 5rem;
    /* border: 0.2rem solid var(--white); */
    color: var(--white);
    text-transform: capitalize;
    padding: 0;
    text-align: center;
    font-size: 1.8rem;
    font-weight: 500;
    white-space: nowrap;
}

.title_newletters {
    text-align: center;
    margin-bottom: 1.5rem;
    color: white;
    font-size: 25px;
}

h3.title-footer {
    margin-bottom: 1.5rem;
    color: white;
    font-size: 24px;
}

.bg-footer {
    background: #213b7d;
}

.bg-copyright {
    background: #363f5d;
}

/*-------------------------------------------------------------
                   End Footer
--------------------------------------------------------------*/
/*-------------------------------------------------------------
                    Body home 
--------------------------------------------------------------*/
.swiper-button-prev, .swiper-button-next {
    color: #fff !important;
    border-radius: 2px !important;
    background-color: #cc0000 !important;
    height: 30px !important;
    width: 30px !important;
}

.content_img_decor {
    margin: 0 -5px;
}

.content_img_decor2 {
    margin: 0 -5px;
}

.item_img_decor {
    margin-bottom: 10px;
}

.swiper-slider-main {
    margin-bottom: 10px;
}

.item_img_decor2 img {
    height: 21rem;
    object-fit: cover;
    width: 100%;
}

.img-fluid.img_decor {
    height: 21rem;
    width: 100%;
    object-fit: cover;
}

.swiper-slider-main .swiper-slide img {
    height: 52rem;
    object-fit: cover;
}

.slider_customix > .container .row > div:nth-child(1) {
    overflow: hidden;
    padding: 0px 5px;
}

.slider_customix > .container .row > div:nth-child(2) {
    overflow: hidden;
    padding: 0px 5px;
}

.content_img_decor2 .item_img_decor2 {
    overflow: hidden;
    padding: 0px 0px;
}

.row.content_img_decor .item_img_decor {
    padding: 0 5px;
}

.price {
    font-weight: 600;
    font-size: 15px;
    color: #c53636;
}

.img_highlight:hover:before {
    content: "";
    position: absolute;
    bottom: 0px;
    background: #c1686ab8;
    left: 0;
    right: 0;
    z-index: 6;
    height: 100%;
}

h3.title-section2 {
    color: var(--color-highlight);
}

.home_info_address p {
    font-size: 16px;
}

.home_info_address {
    display: flex;
}

.home_info_address i {
    font-size: 22px;
    font-weight: 700;
    margin-right: 5px;
    background: #FFBB36;
    width: 40px;
    height: 35px;
    border-radius: 100%;
    padding: 5px;
}

.home_title_address {
    font-weight: bold;
    font-size: 30px;
    margin: 1rem 0px;
    text-align: center;
    text-transform: uppercase;
}

.home_map-address {
    color: white;
}

.home_map iframe {
    height: 220px;
    width: 340px;
}

.home_map {
    border-radius: 1rem;
    background: white;
    padding: 1rem;
    overflow: hidden;
}

.bg-map_home {
    border-top: 2px solid #3FA9F5;
    background: #202C43;
}

button.btn_search_no {
    background: white;
    border: 0;
}

img.img_search-icon {
    width: 22px;
    /* height: 18px; */
}

.input-group-customx {
    width: 100%;
}

.input_pro.form-control::placeholder {
    color: #213b7d;
}

input.input_pro.form-control {
    padding: 0.85rem 0.25rem;
    flex: 1;
    border-top: unset;
    border-left: unset;
    border-right: unset;
    border-color: #213b7d;
}

p.qtitem__name {
    margin-left: 1rem;
    font-weight: bold;
}

.bg-customer {
    background: white;
}

.quytrinh__slider {
    display: flex;
    justify-content: space-around;
}

.qtitem__box {
    display: flex;
    align-items: center;
}

.item_highlight {
    padding: 0px 3px;
}

.title_highlight a {
    color: white;
}

.title_highlight {
    z-index: 9;
    font-weight: 600;
    text-transform: uppercase;
    /* width: 91%; */
    font-size: 20px;
    text-align: center;
    right: 0;
    left: 0;
    /* margin: 0px auto; */
    position: absolute;
    color: white;
    bottom: 53px;
}

.img_highlight {
    position: relative;
}

.review_comment {
        min-height: 44rem;
    text-align: center;
    border: 1px solid #bfc4d3;
    border-radius: 2rem;
    background: white;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
    /* display: flex; */
    /* align-items: center; */
    padding: 2rem;
}

.swiper-testimonials--image {
    margin-top: -5rem;
    /* padding: 2rem; */
}
.customer_sabaco {
    padding: 4rem 0px;
}
.swiper-testimonials--image img {
    object-fit: cover !important;
    border-radius: 50%;
    width: 12rem;
    height: 12rem;
}

p.swiper-testimonials--title {
    font-size: 18px;
    font-weight: bold;
}

p.swiper-testimonials--description {
    line-height: 2.6rem;
    text-align: justify;
    font-size: 15px;
}

/*-------------------------------------------------------------
                    End body home 
--------------------------------------------------------------*/
/*-------------------------------------------------------------
                    css child page 
--------------------------------------------------------------*/
.code-prod span {
    display: inline-block;
    font-size: 12px;
    background: #f1f1f1;
    text-transform: uppercase;
    padding: 3px 5px;
    border-radius: 3px;
    /* margin: 0 5px 0 0; */
}

.content_star-code {
    display: flex;
    justify-content: space-between;
    margin-bottom: 5px;
    align-items: center;
}

.list-product-cus .content-des-product {
    white-space: pre-wrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

.list-product-cus .content-des-product * {
    font-size: 1.4rem !important;
    font-weight: normal !important;
}

.list-product-cus > .row {
    margin: 0;
}

.product-cus {
    border: 1px solid #d7d7d7;
    padding: 10px;
    border-right: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
}

.phone-cv > span:first-child {
    margin-right: 1rem;
}

.phone-cv {
    align-items: center;
    display: flex;
    margin-top: 1.5rem;
}

.phone-cv span {
    font-weight: 500;
    font-size: 15px;
}

img.img-icon {
    width: 30px;
}

.title_detail-recruitment {
    font-weight: 500;
    font-size: 2.45rem;
    color: var(--color-highlight);
}

form.form_CV input, form.form_CV textarea {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 1px 1px 0px;
}

.btn.btn-submit-CV {
    text-transform: capitalize;
    padding: 5px 3rem;
    color: white;
    background: var(--color-highlight);
}

p.title_CV {
    padding: 5px 10px;
    color: white;
    text-transform: uppercase;
    font-weight: 500;
    background: var(--color-highlight);
    font-size: 2rem;
}

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

.title-section_recruitment {
    font-size: 2rem;
    text-transform: uppercase;
    font-weight: 500;
    padding: 5px 0px;
    color: var(--color-highlight);
}

tbody.child_recruitment td {
    padding: 5px 0rem 5px 1rem;
    border: 2px solid #bdacac;
}

table.recruitment_body-table {
    width: 100%;
    border: 2px solid #bdacac;
}

tbody.child_recruitment {
    border: 2px solid #bdacac;
}

table.recruitment_body-table th {
    padding: 10px 1rem;
    border-left: 2px solid #bdacac;
    background: aqua;
}

a.get_advice {
    font-size: 16px;
    color: white;
    display: inline-block;
    background: #1663a7;
    padding: 5px 1rem;
    margin-right: 1rem;
}

a.call_now {
    font-size: 16px;
    color: white;
    display: inline-block;
    background: red;
    padding: 5px 2rem;
    margin-left: 1rem;
}
.home_info_address span {
    font-weight: 700;
}
.about_us_content-left {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    color: white;
    padding: 2rem;
    background: #213B7D;
}

.des_about_us {
    padding: 1.5rem;
}

.about_us-title {
    position: relative;
    font-weight: 600;
    font-size: 3.5rem;
    margin-top: 3rem;
}

.about_us-title:before {
    top: -28px;
    display: block;
    position: absolute;
    content: "";
    background: url(http://cdn1435.cdn4s4.io.vn/media/dau-nhay-phay.png) no-repeat;
    width: 30px;
    height: 30px;
}

.title_about_highlight {
    z-index: 9;
    font-weight: 600;
    text-transform: uppercase;
    /* width: 91%; */
    font-size: 20px;
    text-align: center;
    right: 0;
    left: 0;
    /* margin: 0px auto; */
    position: absolute;
    color: white;
    bottom: 50%;
}

.title_about_highlight a {
    color: white;
}
.social-cus img {
    height: 40px;
    width: 40px;
}
.des_highlight {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    text-align: center;
    padding: 1.5rem;
    min-height: 108px;
}

h3.title-about {
    text-transform: uppercase;
}

.categories .categories-section > li > a::before {
    display: block;
    content: "";
    position: absolute;
    background: url(http://cdn1435.cdn4s4.io.vn/media/icon/right.png) no-repeat;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
}

.content-des-product ul {
    padding-left: 2rem;
}

.product-content-body > .container > .row > div:first-child {
    padding: 0;
}

.list-product-cus {
    background: #ffffff94;
}

.bg-custom-pro {
    background: #ffffff94;
}

.product-title-product-new {
    margin-bottom: 1.5rem;
}

.product-title-product-new a {
    font-weight: 600;
    color: black;
}

.title-left {
    color: #333e48;
    font-size: 16px;
    line-height: 27px;
    /* border-bottom: 1px solid #eee; */
    font-weight: 700;
    text-transform: uppercase;
}

p.old-price-z {
    color: #555;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-weight: 700;
}

.price-2023 {
    border: 1px dashed #ddd;
    padding: 20px 10px;
    margin-bottom: 20px;
    border-radius: 5px;
    position: relative;
}

.price_discount-LOL span {
    color: white;
}

.price_discount-LOL label {
    margin: 1rem 0px;
    color: white;
}

.price_discount-LOL {
    background: linear-gradient(100deg, #ff424e, #fd820a);
    color: #fff;
    padding: 1px 10px 10px 10px;
    border-radius: 5px;
    margin-top: 10px;
}

span.price-amount-old {
    font-weight: 600;
    font-size: 25px;
}

.decor-bh {
    margin-top: 1.5rem;
}

.decor-bh p {
    display: inline-block;
    background: #f5f5f5;
    font-size: 12px;
    font-weight: 500;
    padding: 3px 5px;
    border-radius: 3px;
    margin-right: 10px;
}

label.title_gift {
    position: absolute;
    width: 100%;
    background: #f1f1f1;
    font-size: 15px;
    font-weight: 500;
    padding: 10px 20px;
    border-bottom: 1px solid #dddddd;
    border-radius: 5px 5px 0 0;
    color: #d32e2e;
    top: 0;
    left: 0;
}

.gift_product {
    position: relative;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 55px 10px 15px 10px;
}

.fw-label {
    font-weight: 400;
}

.product-title-detail {
    font-size: 24px;
    line-height: 26px;
    font-weight: 600;
    text-transform: uppercase;
}

.items-prduct-content {
    box-shadow: 0 0 4px 0 rgba(152, 165, 185, 0.2);
    padding: 1rem;
    max-height: 300px;
    overflow: hidden;
    position: relative;
    margin-bottom: 10px;
}

.items-prduct-content-thongso {
    background: white;
    box-shadow: 0 0 4px 0 rgba(152, 165, 185, 0.2);
    padding: 1rem;
    overflow: hidden;
    position: relative;
    margin-bottom: 10px;
}

.product-content.transform-active .items-prduct-content {
    max-height: 100%;
}

.load-more .btn-view-all, .load-more-config .btn-view-all-config {
    /* border-radius: 3px; */
    display: inline-block;
    font-size: 14px;
    color: var(--white);
    margin: 10px auto;
    cursor: pointer;
    border: 1px solid var(--color-main);
    text-align: center;
    position: relative;
    background-color: var(--color-main);
    width: 133px;
    padding: 5px;
}

.product-content.transform-active .btn-view-all, .btn-hide {
    display: none !important;
}

.product-content.transform-active .btn-view-all.btn-hide {
    display: inline-block !important;
}

.title-section-content-product {
    display: block;
    font-size: 22px;
    margin-top: 0;
    margin-bottom: 10px;
    padding-bottom: 10px;
    font-weight: 600;
    border-bottom: 1px solid #eaedf1;
}

.blog-new {
    background: white;
    box-shadow: 0 0 4px 0 rgba(152, 165, 185, 0.2);
    padding: 1rem;
    overflow: hidden;
    position: relative;
    margin-bottom: 10px;
}

.bg-page-product {
    background: white;
    box-shadow: 0 0 4px 0 rgba(152, 165, 185, 0.2);
    padding: 1rem;
}

.description-product label {
    font-weight: 600;
}

.item_right_product label {
    position: absolute;
    width: 100%;
    background: #db1f1f;
    font-size: 15px;
    font-weight: 500;
    padding: 10px 20px;
    border-bottom: 1px solid #dddddd;
    border-radius: 5px 5px 0 0;
    color: white;
    top: 0;
    left: 0;
}

.item_right_product {
    position: relative;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 55px 10px 15px 10px;
    margin-bottom: 1rem;
}

.item_right_product img {
    width: 10px;
}

.na > img {
    margin-right: 5px;
}

p.na {
    display: flex;
    align-items: center;
}

.pagination {
    padding-bottom: 1rem;
}

span.rate-title {
    font-weight: 500;
    margin-right: 4px;
    display: inline-block;
}

.body-detail-prod {
    padding: 10px;
    box-shadow: 0 0 5px 0 rgba(152, 165, 185, 0.2);
}

.title-section-3:after {
    position: absolute;
    content: '';
    border-top: solid 10px #ed1b24;
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
    border-bottom: solid 10px transparent;
    bottom: -20px;
    left: calc(50% - 10px);
    z-index: 999;
}

span.title-section-3 {
    position: relative;
    background: #ed1b24;
    color: #fff;
    text-decoration: none;
    /* color: #333e48; */
    font-weight: 700;
    line-height: 40px;
    padding: 0 10px;
    display: inline-block;
    /* float: left; */
    font-size: 14px;
    white-space: nowrap;
    /* text-align: center; */
}

.page-recruitment {
    padding: 12px;
    box-shadow: 0 0 4px rgba(0,0,0,.11);
}

.block-tab.nav .nav-item .nav-link {
    padding: 0;
}

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

.block-tab.nav .nav-item .nav-link.active .title-section-3:after {
    opacity: 1;
}

.block-tab.nav .nav-item .nav-link .title-section-3:after {
    opacity: 0;
}

.block-tab.nav .nav-item .nav-link span.title-section-3 {
    background: none;
    color: #333e48;
}

.block-tab.nav .nav-item .nav-link.active span.title-section-3 {
    background: #ed1b24;
    color: #fff;
}

/*-------------------------------------------------------------
                    	End css child page 
--------------------------------------------------------------*/


/*-------------------------------------------------------------
                    Reponsive mobile
--------------------------------------------------------------*/
@media (max-width: 768px) {
    .review_comment{
            min-height: 36rem;
    }
    
    .product-title-detail {
        font-size: 20px;
    }

    .code-prod span {
        display: inline-block;
        font-size: 10px;
    }

    span.i-decorx:after, span.i-decorx:before {
        display: none;
    }

    .des_about_us img {
        width: 100%;
    }

    .des_about_us {
        overflow: hidden;
        padding: 1.5rem;
    }

    .title_newletters {
        font-size: 17px;
    }

    .form_newletters {
        margin-left: 1rem;
    }

    .newsletter--submit {
        width: 100%;
    }

  .menu-section .active{
      color: black !important;
  }

    .title-section {
        font-size: 2rem;
    }

    .review_comment {
        border-radius: 1rem;
        padding: 2rem;
    }

    .swiper-testimonials--image {
        text-align: center;
    }

    .swiper-testimonials--image img {
        border-radius: 50%;
    }

    .review_comment {
        display: block;
    }

    .item_highlight {
        padding: 0;
        margin-bottom: 1.5rem;
    }

    .top-bar {
        background-color: #f5f5f5;
    }

    .phone_header {
        float: right;
    }

    .phone_header > a {
        color: black;
        background: none;
    }

    .menu-container {
        float: right;
    }
    .nav-home-custom {
    flex-wrap: nowrap;
    overflow-x: auto;
    justify-content: center;
        align-items: center;
    /* overflow-x: auto; */
    margin-bottom: 3rem;
    border-bottom: 1px solid;
}
.title-sectionTab-home {
    text-transform: uppercase;
    font-size: 14px;}
    .nav-home-custom > li > a {
    display: inline-block;
    padding: 1rem 0px;
    text-align: left;
    width: 80px;
    margin-right: 1rem;
}
.title-section-tab-new {
    font-size: 27px;
    margin-bottom: 28px;
}
.blogs .article-description {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    text-align: justify;
}
.article-item .article-title{
    font-size: 1.4rem;
}
.logo-section-left img {
    width: 100%;
    height: 5rem;
}
.home_map iframe{
    width: 100% ;
}
}
@media (max-width: 375px){
    .nav-home-custom > li > a {
    width: 73px;}
}
/*-------------------------------------------------------------
                   End Reponsive mobile
--------------------------------------------------------------*/

.modal button.close {
    font-size: 18px;
    position: absolute;
    top: 15px;
    right: 15px;
    opacity: 1;
    z-index: 10;
    text-shadow: unset;
}
 #modal-advise .form-control {
    border-color: #ddd;
}
@media only screen and (min-width:992px) {
	#modal-advise .modal-dialog {
        max-width: 800px;
        width: 100%;
    }
}