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

:root {
    --sblaw-green: #1DAE22;
    --sblaw-indigo: #5d4fff;
    --sblaw-dark: #32373c;
}

body {
    font-family: 'Roboto', sans-serif;
}

h1, h2, h3, h4, h5, h6, .heading-font {
    font-family: 'Roboto', sans-serif;
}

.primary-color {
    color: var(--sblaw-green) !important;
}

.bg-primary-color {
    background-color: var(--sblaw-green) !important;
}

.entry-content {
    padding-bottom: 0;
    padding-top: 0;
}

.xc-float-contact {
    position: fixed;
    bottom: 90px;
    right: 20px;
    z-index: 9999;
}
.xc-float-contact__wrapper {
    display: inline-grid;
    grid-template-columns: repeat(1, 1fr);
    grid-row-gap: 5px;
    grid-column-gap: 5px;
    justify-content: center;
    justify-items: center;
}
.xc-float-contact__item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    cursor: pointer;
    background-color: #818a91;
    color: #fff;
    border-radius: 50%;
    font-size: 25px;
    line-height: 25px;
    width: calc(25px + (2 * 0.5em));
    height: calc(25px + (2 * 0.5em));
    transition: all 0.3s ease;
    text-decoration: none;
    box-shadow: none;
}
.xc-float-contact__item i,
.xc-float-contact__item span,
.xc-float-contact__item svg {
    color: #fff;
    fill: currentColor;
}
.xc-float-contact__item:hover {
    opacity: 0.9;
    color: #fff;
}
.xc-float-contact__item--whatsapp {
    background-color: #25d366;
}
.xc-float-contact__item--envelope {
    background-color: #ea4335;
}
.xc-float-contact__item--facebook {
    background-color: #3b5998;
}
.xc-float-contact__item--zalo {
    background-color: #0068ff;
}
.xc-float-contact__zalo-text {
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
}

.xc-footer {

    background-image: url('assets/images/bg-footer.jpg'); 
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    border-top: none;
}

.xc-footer .section-bg {
    background-color: #1b3566bf !important;
}

.xc-footer .widget-title {
    color: #ffffff;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 15px;
}

.xc-footer p,
.xc-footer .ux-menu-link__text {
    color: #e0e0e0;
    font-size: 14px;
    line-height: 1.6;
}

.xc-footer .ux-menu-link {
    margin-bottom: 10px;
}

.xc-footer .ux-menu-link__icon {
    color: #ffffff;
    font-size: 1.1em;
}

.xc-footer a {
    color: #ffffff;
    transition: all 0.3s ease;
}

.xc-footer a:hover {
    color: #F1AF00; 
}

.xc-footer .social-icons .icon {
    border-color: rgba(255, 255, 255, 0.3);
    color: #ffffff;
}

.xc-footer .social-icons .icon:hover {
    background-color: rgba(255, 255, 255, 0.1);
    border-color: #ffffff;
}

.xc-contact-email {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 20px;
}

.xc-contact-email p {
    display: flex;
    width: 100%;
    margin: 0;
}

.xc-contact-email__form {
    display: flex;
    align-items: center;
    gap: 0; 
    width: 100%;
}

.xc-contact-email .wpcf7-form-control-wrap {
    flex: 1; 
    margin-bottom: 0;
}

.xc-contact-email__input {
    width: 100%;
    height: 36px;
    line-height: 36px;
    box-sizing: border-box;
    margin-bottom: 0 !important;
    padding: 0 15px;
    background: #f5f5f5; 
    border: 1px solid #cccccc;
    border-right: none;
    color: #333333;
    border-radius: 4px 0 0 4px;
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.05) !important;
}

.xc-contact-email__input::placeholder {
    color: #888888;
}

.xc-contact-email__input:focus {
    background: #ffffff;
    border-color: #999999;
    color: #333333;
}

.xc-contact-email__submit {
    height: 36px;
    line-height: 36px;
    box-sizing: border-box;
    margin-bottom: 0 !important;
    padding: 0 10px;
    min-width: 80px;
    flex-shrink: 0;
    background-color: #F1AF00; 
    color: #ffffff;
    border: none;
    border-radius: 0 4px 4px 0;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
    transition: background-color 0.3s;
}

.xc-contact-email__submit:hover {
    background-color: #d19800;
}

.xc-section-title .section-title b {
    display: none;
}

.xc-section-title .section-title {
    display: block; 
}

.xc-section-title .section-title-main {
    position: relative;
    display: inline-block;
    padding-bottom: 12px; 
}

.xc-section-title .section-title-main::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0; 
    width: 80px; 
    height: 3px; 
    background-color: #f2a900; 
}

.xc-section-title .section-title-center .section-title-main::after {
    left: 50%;
    transform: translateX(-50%); 
}

.xc-section-title .section-title-right .section-title-main::after {
    left: auto;
    right: 0; 
}

.xc-home-practice .row-slider-practice .box-practice {
    background-color: #ffffff;
    border-radius: 5px;
    padding: 32px 15px;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    min-height: 450px;
}

.xc-home-practice .row-slider-practice .box-practice:hover {
    box-shadow: 0 3px 10px rgba(0,0,0,0.05);
}

.xc-home-practice .row-slider-practice .box-practice .icon-box-img {
    margin-bottom: 50px;
}

.xc-home-practice .row-slider-practice .box-practice h4 {
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
}

.xc-home-practice .row-slider-practice .box-practice .ux-menu-link {
    position: relative;
    padding: 5px 0 5px 16px;
    margin: 0;
}

.xc-home-practice .row-slider-practice .box-practice .ux-menu-link::before {
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #F1AF00;
    top: 12px;
    left: 0;
}

.xc-home-practice .row-slider-practice .box-practice .ux-menu-link__link {
    padding: 0;
    min-height: auto;
    color: #707070;
}

.xc-home-practice .row-slider-practice .box-practice .ux-menu-link__link:hover {
    color: #cc3366; 
}

@media (max-width: 1024px) {
    .xc-home-practice .row-slider-practice .box-practice {
        padding: 20px;
    }
    .xc-home-practice .row-slider-practice .box-practice .icon-box-img {
        margin-bottom: 32px;
    }
}

.xc-home-about .xc-section-title .section-title-main {
    font-size: 46px;
    font-weight: 500;
    line-height: 1.2;
}
.xc-home-about .xc-section-title h2.section-title b {
    display: none !important;
}

@media (max-width: 1024px) {
    .xc-home-about .xc-section-title .section-title-main { font-size: 36px; }
}
@media (max-width: 767px) {
    .xc-home-about .xc-section-title .section-title-main { font-size: 25px; }
}

.xc-home-about p {
    text-align: justify;
    margin-bottom: 15px;
}
.xc-home-about .col-inner > p:last-of-type {
    margin-bottom: 42px; 
}

.xc-home-about a.button.btn-tong-quan {
    font-size: 16px !important;
    fill: #FFFFFF !important;
    color: #FFFFFF !important;
    background-color: #F1AF00 !important;
    border-radius: 2px !important;
    padding: 14px 32px !important;
    border: none !important;
    min-height: auto !important; 
    line-height: 1 !important; 
}

.xc-home-about a.button.btn-tong-quan:hover {
    background-color: #d99e00 !important;
}

.xc-home-about a.button.btn-tong-quan span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.xc-home-about a.button.btn-tong-quan i.fa-play {
    margin-left: 15px;
    font-size: 14px;
}

.xc-home-about a.button.btn-tong-quan span::after {
    content: "\f04b"; 
    font-family: "Font Awesome 5 Free", "FontAwesome", sans-serif;
    font-weight: 900;
    margin-left: 15px;
    font-size: 14px;
}

@media (max-width: 767px) {
    .xc-home-about a.button.btn-tong-quan {
        display: flex !important;
        width: fit-content !important;
        margin-left: auto !important;
        margin-right: auto !important;
        margin-bottom: 30px !important;
    }
}

.xc-home-about .banner-video {
    margin-top: -48px !important; 
}

.xc-home-about .banner-video .img-inner {
    border-top: 15px solid #2AB2FF !important; 
    border-radius: 5px !important;            
    overflow: hidden !important; 
    transform: translateZ(0); 
    isolation: isolate; 

    height: auto !important;
    padding-top: 0 !important; 
    position: relative !important;
}

.xc-home-about .banner-video .img-inner::before {
    content: "";
    display: block;
    padding-top: 56.25%; 
}

.xc-home-about .banner-video .img-inner img,
.xc-home-about .banner-video .img-inner .overlay {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important; 
    border-radius: 0 0 5px 5px !important; 
}

.xc-home-about .banner-video .overlay-icon {
    font-size: 30px !important; 
    background-color: rgba(0,0,0,0.3); 
    border: 2px solid #fff;
    transition: all 0.3s;
}
.xc-home-about .banner-video .overlay-icon i {
    color: #fff;
    text-shadow: 1px 0 6px rgba(0,0,0,.3);
}
.xc-home-about .banner-video:hover .overlay-icon {
    background-color: rgba(0,0,0,0.6);
    transform: scale(1.1);
}

.xc-home-gallery .section-title-center {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 25px;
}

.xc-home-gallery .section-title-center b {
    display: none;
}

.xc-home-gallery .section-title-center::after {
    content: "";
    display: block;
    width: 148px;
    height: 4px;
    background-color: #f1af00; 
    margin-top: 15px;
}

.xc-home-gallery .section-title-main {
    font-family: 'Roboto', sans-serif;
    font-size: 46px;
    font-weight: 500;
    line-height: 55px;
    text-transform: none; 
    margin: 0;
    color: rgb(45, 45, 45); 
}

@media (max-width: 1024px) {
    .xc-home-gallery .section-title-main {
        font-size: 36px;
    }
}

@media (max-width: 767px) {
    .xc-home-gallery .section-title-main {
        font-size: 25px;
    }
}

.xc-home-gallery #row-1391360846 {
    margin-top: 25px;
}

.xc-home-gallery .button {
    background-color: #F1AF00 !important;
    color: #FFFFFF !important;
    font-size: 16px;
    padding: 14px 32px !important;
    border-radius: 2px !important;
    line-height: 1;
    text-transform: none !important;
    box-shadow: none !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

.xc-home-gallery .button:hover {
    background-color: #dfa200 !important;
    color: #FFFFFF !important;
}

.xc-home-gallery .button span::after {
    content: "";
    margin-left: 15px;
    width: 23px;
    height: 7px;
    display: inline-block;
    vertical-align: middle;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22.862 6.588'%3E%3Cpath d='M12.713,4.565a.593.593,0,0,0-.819-.058.669.669,0,0,0,.082.838l4.215,4.5H-4.31c-.288,0-.529.13-.522.577s.522.535.522.535h20.5s.708-.009,1.144,0,.618-.143.673-.336a.6.6,0,0,0-.195-.609Z' transform='translate(4.832 -4.368)' fill='%23fff'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.xc-home-services {
    background-image: url('https://vi.sblaw.vn/wp-content/uploads/2021/10/bg-section-counter.png');
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto;
    background-position-x: -200px !important;
    background-size: 30% !important;
}

.xc-home-services .box-service {
    background-color: #aee2ff3d;
    border-radius: 5px;
    padding: 50px 36px 59px 36px;
    position: relative;
    height: 100%;
    min-height: 400px;
    margin-bottom: 0;
}

.xc-home-services .box-service .icon-box-img {
    margin-bottom: 25px;
}
.xc-home-services .box-service .icon-box-img img {
    width: auto !important; 
    max-width: 100%;
}

.xc-home-services .box-service .icon-box-text h3 {
    color: #2D2D2D;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
    line-height: 1.3;
}

.xc-home-services .box-service .icon-box-text p {
    color: #707070;
    font-size: 15px;
    margin-bottom: 20px;
    line-height: 1.5;
}

.xc-home-services .box-service .button.is-link {
    position: absolute;
    left: 36px;
    bottom: 20px;
    padding: 10px 59px 10px 15px;
    margin-left: -15px;
    margin-bottom: 0;
    color: #F1AF00;
    font-size: 15px;
    font-weight: 400;
    text-transform: none;
    background-color: transparent !important;
    background-image: url('https://vi.sblaw.vn/wp-content/uploads/2021/10/right-arrow-orange.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: calc(100% - 15px);
    z-index: 1;
    overflow: hidden; 
}

.xc-home-services .box-service .button.is-link::after {
    content: "";
    position: absolute;
    width: 0;
    height: 100%;
    top: 0;
    left: 0;
    background: #F1AF00;
    opacity: 0;
    z-index: -1;
    transition: width 0.3s ease, opacity 0.3s ease;
}

.xc-home-services .box-service .button.is-link:hover::after {
    width: 100%;
    opacity: 0.1;
}

.xc-home-services .box-service .button.is-link:hover {
    color: #F1AF00;
}

.xc-home-services .btn-all {
    background-color: #F1AF00 !important;
    color: #FFFFFF !important;
    font-size: 16px;
    border-radius: 2px;
    padding: 14px 32px !important;
    text-transform: none;
    margin-top: 15px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1; 
    min-height: auto; 
}
.xc-home-services .btn-all:hover {
    background-color: #d99d00 !important;
}

.xc-home-services .btn-all span {
    display: inline-flex;
    align-items: center;
}

.xc-home-services .btn-all span::after {
    content: "";
    margin-left: 15px; 
    width: 23px;
    height: 7px;
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22.862 6.588'%3E%3Cpath d='M12.713,4.565a.593.593,0,0,0-.819-.058.669.669,0,0,0,.082.838l4.215,4.5H-4.31c-.288,0-.529.13-.522.577s.522.535.522.535h20.5s.708-.009,1.144,0,.618-.143.673-.336a.6.6,0,0,0-.195-.609Z' transform='translate(4.832 -4.368)' fill='%23fff'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

@media (max-width: 1024px) {
    .xc-home-services {
        background-position-x: -100px !important;
        background-size: 50% !important;
    }
}

@media (max-width: 767px) {

    .xc-home-services .box-service {
        padding: 20px 25px !important;
        min-height: 250px;
    }

    .xc-home-services .box-service .icon-box-text h3 {
        font-size: 16px;
    }
    .xc-home-services .box-service .icon-box-text p {
        font-size: 14px;
    }

    .xc-home-services .box-service .button.is-link {
        display: none !important;
    }
}

.xc-home-staff {
    background-image: url('assets/images/dich-vu2.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    padding-bottom: 0 !important; 
}

.xc-home-staff .section-bg {
    background-color: rgba(42, 178, 255, 0.6) !important; 
}

.xc-home-staff .section-title {
    display: flex;
    justify-content: space-between;
    align-items: flex-end; 
    position: relative;
    padding-bottom: 0; 
    margin-bottom: 40px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15); 
}

.xc-home-staff .section-title b {
    display: none;
}

.xc-home-staff .section-title-main {
    font-size: 46px;
    font-weight: 500;
    text-transform: none;
    margin: 0;
    padding-bottom: 15px; 
    color: #fff; 
}

.xc-home-staff .section-title a {
    background-color: #F1AF00;
    color: #fff;
    padding: 12px 28px;
    border-radius: 2px 2px 0 0; 
    font-size: 15px;
    font-weight: 500;
    text-transform: none;
    display: inline-flex;
    align-items: center;
    margin-left: auto;
    margin-bottom: 0; 
}
.xc-home-staff .section-title a i {
    display: none; 
}
.xc-home-staff .section-title a::after {
    content: "";
    margin-left: 15px;
    width: 23px;
    height: 7px;
    display: inline-block;
    vertical-align: middle;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22.862 6.588'%3E%3Cpath d='M12.713,4.565a.593.593,0,0,0-.819-.058.669.669,0,0,0,.082.838l4.215,4.5H-4.31c-.288,0-.529.13-.522.577s.522.535.522.535h20.5s.708-.009,1.144,0,.618-.143.673-.336a.6.6,0,0,0-.195-.609Z' transform='translate(4.832 -4.368)' fill='%23fff'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.xc-home-staff .section-title a:hover {
    background-color: #d99d00;
    color: #fff;
}

.xc-home-staff .section-title::after {
    content: '';
    position: absolute;
    bottom: -1px; 
    left: 0;
    width: 148px;
    height: 4px;
    background-color: #F1AF00;
}

@media (max-width: 767px) {
    .xc-home-staff .section-title a {
        display: none;
    }
}

.xc-home-staff .box-staff {
    border-radius: 5px;
    margin-bottom: 20px;
}

.xc-home-staff .box-image {
    border-radius: 5px 5px 0 0;
    overflow: hidden;
}

.xc-home-staff .box-text {
    padding: 0 !important;
    background: transparent !important;
}

.xc-home-staff .box-text-inner {
    background: #ffffff;
    padding: 15px 10px;
    border-radius: 5px;
    box-shadow: 0 3px 16px rgba(0,0,0,0.1);
    margin: -45px 25px 0;
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
}

.xc-home-staff .box-text-inner p {
    color: #F1AF00;
    font-size: 15px;
    margin-bottom: 5px;
    font-weight: 500;
}

.xc-home-staff .box-text-inner h4 {
    color: #2AB2FF;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 0;
}

.xc-home-staff .row:last-of-type {
    margin-bottom: -140px;
    position: relative;
    z-index: 9;
}

@media (max-width: 1360px) {
    .xc-home-staff .box-text-inner {
        margin: -45px 10px 0;
    }
}

@media (max-width: 1024px) {
    .xc-home-staff .section-title-main { font-size: 36px; }
}

@media (max-width: 767px) {
    .xc-home-staff .section-title-main { font-size: 25px; }
    .xc-home-staff .box-text-inner {
        margin: -30px 10px 0;
    }
    .xc-home-staff .box-text-inner h4 {
        font-size: 15px;
    }
}

.xc-home-news {
    padding-top: 90px;
    padding-bottom: 90px;
}

@media (max-width: 1024px) {
    .xc-home-news {
        padding-top: 51px;
        padding-bottom: 51px;
    }
}

.xc-home-news .section-title-normal {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #e5e5e5; 
    margin-bottom: 42px;
    padding-bottom: 0;
    position: relative;
}
.xc-home-news .section-title-normal b { display: none !important; }

.xc-home-news .section-title-main {
    font-size: 46px;
    font-weight: 500;
    color: #111; 
    margin: 0;
    padding-bottom: 20px;
    text-transform: none;
}

.xc-home-news .section-title-normal::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 148px;
    height: 4px;
    background-color: #F1AF00; 
}

.xc-home-news .section-title-normal a {
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF !important;
    background-color: #F1AF00;
    padding: 15px 36px;
    border-radius: 2px;
    text-transform: none;
    display: flex;
    align-items: center;
    margin: 0;
}
.xc-home-news .section-title-normal a:hover { background-color: #d99d00; }
.xc-home-news .section-title-normal a i { display: none !important; }

.xc-home-news .section-title-normal a::after {
    content: "";
    margin-left: 15px;
    width: 23px;
    height: 7px;
    display: inline-block;
    vertical-align: middle;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22.862 6.588'%3E%3Cpath d='M12.713,4.565a.593.593,0,0,0-.819-.058.669.669,0,0,0,.082.838l4.215,4.5H-4.31c-.288,0-.529.13-.522.577s.522.535.522.535h20.5s.708-.009,1.144,0,.618-.143.673-.336a.6.6,0,0,0-.195-.609Z' transform='translate(4.832 -4.368)' fill='%23fff'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

@media (max-width: 1024px) {
    .xc-home-news .section-title-main { font-size: 36px; }
}
@media (max-width: 767px) {
    .xc-home-news .section-title-main { font-size: 25px; }
    .xc-home-news .section-title-normal a { display: none; }
}

.xc-home-news .box-image {
    border-radius: 5px;
    overflow: hidden;
}

.xc-home-news .box-text {
    text-align: left;
    padding-left: 0;
    padding-right: 0;
}

.xc-home-news .box-text-inner {
    display: flex;
    flex-direction: column;
}

.xc-home-news .box-text-inner .is-divider { display: none; }
.xc-home-news .badge.post-date { display: none !important; }

.xc-home-news .post-date {
    order: 1;
    font-size: 14px;
    font-weight: 300;
    color: #666;
    margin-bottom: 15px;
    margin-top: 15px;
    display: inline-block;
}

.xc-home-news .post-title {
    order: 2;
    margin-bottom: 10px;
    margin-top: 15px; 
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.5;
    height: 3em;
}
.xc-home-news .post-title a {
    font-size: 18px;
    color: #333; 
    white-space: normal;
    display: inline;
}

.xc-home-news .from_the_blog_excerpt {
    order: 3;
    font-size: 16px;
    line-height: 1.5;
    height: 3em; 
    color: #666;
    margin-bottom: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.xc-home-news .box-text-inner .button {
    order: 4;
    align-self: flex-start;
    font-size: 15px;
    font-weight: 400;
    color: #F1AF00;
    background-color: transparent !important;
    border: none;
    padding: 10px 59px 10px 15px;
    margin-left: -15px;
    margin-bottom: 0;
    background-image: url('https://vi.sblaw.vn/wp-content/uploads/2021/10/right-arrow-orange.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: calc(100% - 15px);
    position: relative;
    max-width: 200px;
    transition: 0.3s;
    z-index: 1;
    text-transform: none;
    white-space: nowrap;
}
.xc-home-news .box-text-inner .button::after {
    content: "";
    position: absolute;
    width: 0;
    height: 100%;
    top: 0;
    left: 0;
    background: #F1AF00;
    opacity: 0;
    z-index: -1;
    transition: 0.3s;
}
.xc-home-news .box-text-inner .button:hover {
    color: #F1AF00;
    background-color: transparent !important;
    padding-left: 30px;
    max-width: 220px;
}
.xc-home-news .box-text-inner .button:hover::after {
    width: 100%;
    opacity: 0.1;
}

@media (max-width: 767px) {
    .xc-home-news .from_the_blog_excerpt,
    .xc-home-news .box-text-inner .button {
        display: none !important;
    }

    .xc-home-news .post-item { display: none; }
    .xc-home-news .post-item:nth-child(-n+5) { display: block; }
}

@media only screen and (max-width: 48em) {

    .xc-footer {
        background-image: url('assets/images/bg-footer-1.jpg'); 
    }
}

.xc-home-strengths {
    background-image: url('https://vi.sblaw.vn/wp-content/uploads/2021/10/hero-bg.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 90px 60px;
}

.xc-home-strengths .section-bg {
    background-color: rgba(42, 178, 255, 0.6) !important; 
}

.xc-home-strengths .section-title-main {
    color: #FFFFFF;
    font-size: 46px;
    font-weight: 500;
    line-height: 1.2;
}

.xc-home-strengths .section-title b {
    display: none;
}
.xc-home-strengths .section-title-container {
    margin-bottom: 50px;
}

.xc-home-strengths .icon-box {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center; 
    text-align: center;
}

.xc-home-strengths .icon-box-text {
    display: contents;
}

.xc-home-strengths .icon-box-img {
    margin-right: 15px !important;
    margin-bottom: 0 !important;
}

.xc-home-strengths .icon-box-text h3 {
    color: #FFFFFF;
    font-family: "Lora", Sans-serif;
    font-size: 40px;
    font-weight: bold;
    line-height: 1em;
    margin-bottom: 0 !important;
}

.xc-home-strengths .icon-box-text p {
    flex-basis: 100%; 
    margin-top: 10px;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 0;
}

.xc-home-strengths .row > .col {
    padding-top: 10px;
    padding-bottom: 10px;
}

@media (min-width: 1025px) {

    .xc-home-strengths .row > .col:not(:last-child) .col-inner {
        border-right: 1px solid #524545;
    }
}

@media (max-width: 1024px) and (min-width: 768px) {
    .xc-home-strengths {
        padding: 50px 20px;
    }
    .xc-home-strengths .section-title-main {
        font-size: 36px;
    }
    .xc-home-strengths .icon-box-text h3 {
        font-size: 30px;
    }

    .xc-home-strengths .row > .col:nth-child(odd) .col-inner {
        border-right: 1px solid #524545;
    }

    .xc-home-strengths .row > .col:nth-child(n+3) {
        margin-top: 30px;
    }
}

@media (max-width: 767px) {
    .xc-home-strengths {
        padding: 40px 15px;
    }
    .xc-home-strengths .section-title-main {
        font-size: 25px;
    }

    .xc-home-strengths .row > .col .col-inner {
        border-right: none;
        margin-bottom: 30px;
    }
    .xc-home-strengths .row > .col:last-child .col-inner {
        margin-bottom: 0;
    }

    .xc-home-strengths .icon-box {
        flex-direction: column !important;
        text-align: center !important;
    }
    .xc-home-strengths .icon-box-text {
        padding-left: 0 !important; 
    }
    .xc-home-strengths .icon-box-img {
        margin: 0 auto 15px auto !important; 
    }
    .xc-home-strengths .icon-box-text h3 {
        font-size: 36px;
    }
}

.xc-home-clients {
    background-color: #F7F7F7; 
    padding-top: 200px !important;
    padding-bottom: 90px !important;
}

.xc-home-clients .row {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}
.xc-home-clients .col {
    padding-bottom: 0 !important;
}

.xc-home-clients .section-title-container {
    text-align: left;
}
.xc-home-clients .section-title-normal {
    justify-content: flex-start;
}
.xc-home-clients .section-title-normal b {
    display: none !important;
}
.xc-home-clients .section-title-main {
    font-size: 46px;
    font-weight: 500;
    color: #2D2D2D;
    position: relative;
    padding-bottom: 15px;
    display: inline-block;
    margin: 0;
    text-transform: none;
}
.xc-home-clients .section-title-main::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 148px;
    height: 4px;
    background-color: #F1AF00;
}

@media (min-width: 1025px) {
    .xc-home-clients .row > .col.medium-8 .col-inner {
        padding-right: 45px;
        padding-left: 10px;
    }
}

.xc-home-clients .col.medium-8 .flickity-slider .col .col-inner {
    height: 188px;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background: transparent;
}
.xc-home-clients .col.medium-8 .flickity-slider .col .col-inner::before,
.xc-home-clients .col.medium-8 .flickity-slider .col .col-inner::after {
    content: "";
    position: absolute;
}

.xc-home-clients .col.medium-8 .flickity-slider .col .col-inner::after {
    height: calc(100% - 20px);
    top: 10px;
    right: 0;
    width: 1px;
    background: #DFDFDF;
}

.xc-home-clients .col.medium-8 .flickity-slider .col .col-inner::before {
    width: calc(100% - 20px);
    height: 1px;
    left: 10px;
    top: 0;
    background: #DFDFDF;
}

.xc-home-clients .col.medium-8 .flickity-slider .row-dashed > .col {
    border: none !important;
}

@media (min-width: 768px) {
    .xc-home-clients .col.medium-8 .flickity-slider .col:nth-child(6n) .col-inner::after,
    .xc-home-clients .col.medium-8 .flickity-slider .col:nth-child(-n+6) .col-inner::before {
        display: none;
    }
}

.xc-home-clients .col.medium-8 .flickity-slider .col .img {
    height: 100%;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.xc-home-clients .col.medium-8 .flickity-slider .col .img-inner {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.xc-home-clients .col.medium-8 .flickity-slider .col .img-inner img {
    max-width: 100% !important;
    max-height: 100% !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain;
}

.xc-home-clients .col.medium-8 .slider-wrapper {
    background: #aee2ff3d;
    border-radius: 5px;
    box-shadow: 0 3px 10px rgba(0,0,0,0.06);
    margin-top: 20px;
    padding: 20px 0;
}

.xc-home-clients .col.medium-4 .icon-box {
    display: grid;
    grid-template-columns: 80px 1fr;
    grid-template-areas:
        "img name"
        "img company"
        "quote quote";
    column-gap: 20px;
    align-items: center;
    padding: 51px 51px 20px 51px;
    background-color: #aee2ff3d;
    border-radius: 5px;
    box-shadow: 0 3px 10px rgba(0,0,0,0.06);
    position: relative;
    background-image: url('https://vi.sblaw.vn/wp-content/uploads/2021/10/quote-left.png');
    background-repeat: no-repeat;
    background-position-y: 25px;
    background-position-x: calc(100% - 25px);
    margin-bottom: 0;
}

.xc-home-clients .col.medium-4 .icon-box-img {
    grid-area: img;
    width: 100% !important;
    margin: 0 !important;
}
.xc-home-clients .col.medium-4 .icon-box-img img {
    width: 80px !important;
    height: 80px !important;
    border-radius: 50%;
    object-fit: cover;
}

.xc-home-clients .col.medium-4 .icon-box-text {
    display: contents;
}

.xc-home-clients .col.medium-4 .icon-box-text h3 {
    grid-area: name;
    color: #333333; 
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.3em;
    margin: 0;
    align-self: end;
}

.xc-home-clients .col.medium-4 .icon-box-text p:first-of-type {
    grid-area: company;
    color: #F1AF00; 
    font-size: 16px;
    margin: 0;
    align-self: start;
}

.xc-home-clients .col.medium-4 .icon-box-text p:last-of-type {
    grid-area: quote;
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    line-height: 1.5;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #E5E5E5;
    color: #333;
    margin-bottom: 0;
}

.xc-home-clients .slider-logo .flickity-page-dots {
    display: none !important;
}
.xc-home-clients .slider-testimonial {
    padding-bottom: 50px;
}
.xc-home-clients .slider-testimonial .flickity-page-dots {
    bottom: -35px;
}
.xc-home-clients .slider-testimonial .flickity-page-dots .dot {
    width: 10px;
    height: 10px;
    background: #D6D6D6;
    opacity: 1;
    position: relative;
    border: none;
    margin: 0 6px;
}
.xc-home-clients .slider-testimonial .flickity-page-dots .dot.is-selected,
.xc-home-clients .slider-testimonial .flickity-page-dots .dot:hover {
    background: #F1AF00;
}
.xc-home-clients .slider-testimonial .flickity-page-dots .dot::after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    border: 1px #F1AF00 solid;
    top: -5px;
    left: -5px;
    border-radius: 50%;
    opacity: 0;
    transition: opacity 0.3s;
}
.xc-home-clients .slider-testimonial .flickity-page-dots .dot.is-selected::after,
.xc-home-clients .slider-testimonial .flickity-page-dots .dot:hover::after {
    opacity: 1;
}

@media (max-width: 1024px) {
    .xc-home-clients {
        padding-top: 100px !important;
        padding-bottom: 50px !important;
    }
    .xc-home-clients .row > .col.medium-8 .col-inner {
        border-right: none;
        padding-right: 0;
        padding-left: 0;
    }
    .xc-home-clients .row > .col.medium-4 .col-inner {
        padding-left: 0;
    }
    .xc-home-clients .section-title-main { font-size: 36px; }

    .xc-home-clients .col.medium-4 .icon-box {
        padding: 32px 25px;
        grid-template-columns: 67px 1fr;
    }
    .xc-home-clients .col.medium-4 .icon-box-img {
        width: 67px !important;
    }
    .xc-home-clients .col.medium-4 .icon-box-img img {
        width: 67px !important;
        height: 67px !important;
    }
}

@media (max-width: 767px) {
    .xc-home-clients .section-title-main { font-size: 25px; }

    .xc-home-clients .col.medium-8 .flickity-slider .col .col-inner::after,
    .xc-home-clients .col.medium-8 .flickity-slider .col .col-inner::before {
        display: none !important;
    }

    .xc-home-clients .col.medium-8 .flickity-slider .col .col-inner {
        height: 100px;
        padding: 5px;
    }

    .xc-home-clients .col.medium-4 .icon-box-text h3 {
        font-size: 16px;
    }
    .xc-home-clients .col.medium-4 .icon-box-text p:first-of-type {
        font-size: 14px;
    }
    .xc-home-clients .col.medium-4 .icon-box-text p:last-of-type {
        font-size: 14px;
    }
}

.xc-blog-header {
    margin-bottom: 0px;
    margin-top: 20px;
}
.xc-custom-sub-menu {
    list-style: none;
    padding: 10px 20px;
    margin: 0 0 30px 0;
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    scrollbar-width: none;
    gap: 25px;
    justify-content: flex-start;
    background-color: #FFFFFF;
    border-radius: 5px;
    box-shadow: 0px 3px 20px -5px rgba(0,0,0,0.15);
}
.xc-custom-sub-menu::-webkit-scrollbar {
    display: none;
}
.xc-custom-sub-menu__item {
    margin: 0;
    flex-shrink: 0;
}
.xc-custom-sub-menu__link {
    color: #333;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
    transition: color 0.3s;
}
.xc-custom-sub-menu__link:hover,
.xc-custom-sub-menu__item.active .xc-custom-sub-menu__link {
    color: #F1AF00;
}

.xc-featured-post .box {
    background-color: #F4F3F3;
    border-radius: 5px;
    box-shadow: none;
    overflow: hidden;
    padding: 0;
    border: none;
}
.xc-featured-post .box-image {
    margin: 0;
    border-radius: 0;
}
.xc-featured-post__image {
    border-radius: 5px 5px 0 0;
    height: 480px;
    object-fit: cover;
    width: 100%;
}
.xc-featured-post .box-text {
    padding: 25px 36px 32px 36px;
}
.xc-featured-post__title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.2;
    height: 2.4em;
    margin-top: 10px;
    margin-bottom: 10px;
}
.xc-featured-post__title a {
    font-size: 20px;
    line-height: 1.2;
    color: #991524;
    font-weight: 700;
}
.xc-featured-post__title a:hover {
    color: #F1AF00;
}
.xc-featured-post__excerpt {
    color: #333;
    font-size: 16px;
    margin-bottom: 15px;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 4.5em; 
}

@media (max-width: 849px) {
    .xc-popular-posts__search {
        margin-top: 20px;
    }
}
.xc-popular-posts__search .searchform {
    border: 1px solid #DFDCDC;
    border-radius: 2px;
    padding: 0;
    min-height: 46px;
    background: #fff;
    margin-bottom: 0;
    overflow: hidden;
}
.xc-popular-posts__search .searchform .flex-row {
    display: flex;
    align-items: stretch;
    height: 46px;
}
.xc-popular-posts__search .searchform .flex-col {
    display: flex;
    margin: 0;
}
.xc-popular-posts__search .searchform .flex-col.flex-grow {
    order: 2; 
}
.xc-popular-posts__search .searchform .flex-col:not(.flex-grow) {
    order: 1; 
}
.xc-popular-posts__search .searchform input[type="search"] {
    border: none;
    box-shadow: none;
    background: transparent;
    padding: 0 16px;
    margin: 0;
    font-size: 14px;
    font-style: italic;
    color: #333;
    height: 100%;
    width: 100%;
}
.xc-popular-posts__search .searchform input[type="search"]::placeholder {
    color: #333;
    opacity: 0.8;
}
.xc-popular-posts__search .searchform input[type="search"]:focus {
    box-shadow: none;
    background: transparent;
}
.xc-popular-posts__search .searchform button.submit {
    background: transparent;
    color: #333; 
    border: none;
    box-shadow: none;
    padding: 0;
    min-width: 50px;
    height: 100%;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.xc-popular-posts__search .searchform button.submit:hover {
    color: #000;
    background: transparent;
}
.xc-popular-posts__search .searchform button.submit i {
    font-weight: 900;
    font-size: 25px;
    line-height: 1;
}

.xc-popular-posts__title {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 500;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 15px;
    margin-top: 30px;
}
.xc-popular-posts__title::after {
    content: '';
    display: block;
    width: 120px;
    height: 4px;
    background-color: #F1AF00;
    margin-top: 10px;
}

.xc-popular-post-item {
    background-color: #aee2ff3d;
    padding: 20px 29px;
    margin-bottom: 15px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.xc-popular-post-item:hover {
    background-color: #e9e9e9;
}
.xc-popular-post-item__meta {
    color: #999;
    font-size: 14px;
    margin-bottom: 5px;
}
.xc-popular-post-item__title {
    margin-bottom: 0;
}
.xc-popular-post-item__title a {
    color: #333;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 2.8em;
}
.xc-popular-post-item__title a:hover {
    color: #F1AF00;
}

.blog-archive .row:not(.xc-blog-header):not(.xc-blog-featured) {
    margin-top: 30px;
}

.xc-featured-post-slider {
    padding-bottom: 35px !important;
}
.xc-featured-post-slider .flickity-page-dots {
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.xc-featured-post-slider .flickity-page-dots .dot {
    background-color: #E0E0E0;
    opacity: 1;
    width: 10px !important;
    height: 10px !important;
    margin: 0 8px !important;
    position: relative;
    border-radius: 50% !important;
    padding: 0 !important;
    border: none !important;
    box-sizing: border-box !important;
    transition: background-color 0.3s;
}
.xc-featured-post-slider .flickity-page-dots .dot::after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    border: 1px solid #F1AF00;
    top: -5px;
    left: -5px;
    border-radius: 50%;
    opacity: 0;
    box-sizing: border-box;
    transition: opacity 0.3s ease;
}
.xc-featured-post-slider .flickity-page-dots .dot.is-selected::after {
    opacity: 1;
}
.xc-featured-post-slider .flickity-page-dots .dot.is-selected,
.xc-featured-post-slider .flickity-page-dots .dot:hover {
    background-color: #F1AF00 !important;
}

.blog-archive .row:not(.xc-blog-header):not(.xc-blog-featured) .post-item .box {
    background-color: #aee2ff3d;
    border-radius: 5px;
    overflow: hidden;
    padding: 0;
    border: none;
}
.blog-archive .row:not(.xc-blog-header):not(.xc-blog-featured) .post-item .box-image {
    border-radius: 5px 5px 0 0;
}
.blog-archive .post-item .is-divider {
    display: none !important;
}
.blog-archive .row:not(.xc-blog-header):not(.xc-blog-featured) .post-item .box-text {
    padding: 20px 25px;
}

.blog-archive .row:not(.xc-blog-header):not(.xc-blog-featured) .post-item .post-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.3;
    height: 2.6em; 
    margin-top: 10px;
    margin-bottom: 10px;
}
.blog-archive .row:not(.xc-blog-header):not(.xc-blog-featured) .post-item .from_the_blog_excerpt {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.6;
    height: 3.2em; 
    margin-bottom: 15px;
}

.xc-loop-readmore {
    color: #F1AF00 !important;
    font-size: 15px;
    font-weight: 700;
    padding: 10px 59px 10px 15px;
    margin-left: -15px;
    background-image: url('https://vi.sblaw.vn/wp-content/uploads/2021/10/right-arrow-orange.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: calc(100% - 15px);
    position: relative;
    z-index: 0;
    max-width: 160px;
    display: inline-block;
    transition: 0.3s;
    text-transform: none;
    text-decoration: none;
}
.xc-loop-readmore:after {
    content: "";
    position: absolute;
    width: 0;
    height: 100%;
    top: 0;
    left: 0;
    background: #F1AF00;
    opacity: 0;
    z-index: -1;
    transition: 0.3s;
}
.xc-loop-readmore:hover {
    padding-left: 30px;
    max-width: 170px;
    color: #F1AF00 !important;
}
.xc-loop-readmore:hover:after {
    width: 100%;
    opacity: 0.1;
}

.blog-archive .row:not(.xc-blog-header):not(.xc-blog-featured) .post-item .badge.post-date {
    display: none !important;
}

.blog-archive .row:not(.xc-blog-header):not(.xc-blog-featured) .post-item .entry-meta {
    margin-bottom: 15px;
    font-size: 13px;
    color: #999;
}
.blog-archive .row:not(.xc-blog-header):not(.xc-blog-featured) .post-item .entry-meta i {
    color: #F1AF00;
}

.blog-archive .nav-pagination.page-numbers {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding-top: 32px;
    border-top: 1px solid #DFDCDC;
    margin-top: 36px;
    font-size: 20px;
}
.blog-archive .nav-pagination li {
    margin: 0;
    padding: 0;
    list-style: none;
}
.blog-archive .nav-pagination .page-number {
    display: inline-block;
    width: 41px;
    height: 41px;
    line-height: 41px; 
    text-align: center;
    border: 1px solid #F1AF00;
    background-color: #ffffff;
    color: #F1AF00;
    margin: 0 5px;
    padding: 0;
    border-radius: 0; 
    transition: all 0.3s;
}
.blog-archive .nav-pagination .page-number.current,
.blog-archive .nav-pagination .page-number:hover {
    background-color: #F1AF00 !important;
    color: #ffffff !important;
}

.blog-archive .nav-pagination .page-number.dots {
    border: none;
    background: transparent;
    width: auto;
    color: #333; 
}

.blog-archive .nav-pagination .page-number.next i,
.blog-archive .nav-pagination .page-number.prev i {
    line-height: 41px;
    display: inline-block;
}

.gt_float_switcher {
    box-shadow: none !important;
    background: transparent !important;
    position: relative !important;
    overflow: visible !important;
    display: inline-block !important;
    white-space: nowrap !important; 
}

.gt_float_switcher .gt-selected {
    background: transparent !important;
    position: relative;
    z-index: 2;
    white-space: nowrap !important; 
}

.gt_float_switcher .gt-selected .gt-current-lang {
    white-space: nowrap !important; 
    display: flex;
    align-items: center;
}

.gt_float_switcher .gt_options {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    min-width: 100% !important; 
    width: max-content !important; 
    z-index: 9999 !important;
    background: #ffffff !important; 
    box-shadow: 0 5px 15px rgba(0,0,0,0.1) !important; 
    border-radius: 4px;

}

.gt_float_switcher .gt-selected .gt-current-lang span.gt_float_switcher-arrow {
    transform: rotate(0deg) !important;
}

.header-nav > li > .nav-dropdown {
    margin-top: 25px !important; 
}

.header-nav > li > .nav-dropdown::before {
    content: '';
    position: absolute;
    top: -35px;
    left: 0;
    width: 100%;
    height: 40px;
    background: transparent;
}

.header-nav > li > a,
.header-nav.nav-uppercase > li > a {
    text-transform: uppercase !important;
}

.nav-dropdown > li,
.header-nav .sub-menu.nav-dropdown > li {
    margin-left: 0 !important;
}

.blog-single #comments,
.blog-single .comments-area {
    display: none !important;
}

.xc-header-custom-menu {
    margin-bottom: 20px;
}
.xc-nav-menu {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    scrollbar-width: none;
    list-style: none;
    padding: 10px 20px;
    margin: 0;
    align-items: center;
    gap: 25px;
    background-color: #FFFFFF;
    border-radius: 5px;
    box-shadow: 0px 3px 20px -5px rgba(0,0,0,0.15);
}
.xc-nav-menu::-webkit-scrollbar {
    display: none;
}
.xc-nav-menu li {
    margin: 0;
    flex-shrink: 0;
}
.xc-nav-menu li a {
    color: #333;
    font-size: 15px;
    font-weight: 500;
    text-transform: none;
    transition: color 0.3s ease;
}
.xc-nav-menu li a:hover,
.xc-nav-menu li.current-cat a {
    color: #F1AF00;
}

.blog-single .entry-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 15px;
    color: #707070;
    font-size: 15px;
    font-weight: 300;
    letter-spacing: normal;
    text-transform: none;
}
.blog-single .entry-meta span {
    display: flex;
    align-items: center;
}
.blog-single .entry-meta i {
    margin-right: 8px;
    font-size: 14px;
    color: #F1AF00;
}
.blog-single .entry-title {
    font-size: 46px;
    font-weight: 700;
    color: #2d2d2d;
    line-height: 1.2;
    margin-bottom: 10px;
}
.blog-single .entry-divider {
    display: none;
}

.blog-single .entry-content p {
    font-size: 16px;
    color: #707070;
    line-height: 1.6;
    margin-bottom: 15px;
}
.blog-single .entry-content p:last-child {
    margin-bottom: 40px;
}

.xc-related-post {
    margin-top: 60px;
}
.xc-related-post .text-center {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.xc-related-post__title {
    font-size: 24px;
    font-weight: 700;
    color: #2d2d2d;
    margin-bottom: 30px;
    text-align: center;
    position: relative;
    padding-bottom: 12px;
    display: inline-block;
}
.xc-related-post__title::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background-color: #f1af00;
    height: 3px;
    width: 60px; 
}
.xc-related-post .box-blog-post {
    background: #aee2ff3d !important; 
    border-radius: 5px !important;
    overflow: hidden; 
    box-shadow: 0 2px 10px rgba(0,0,0,0.05) !important;
    padding: 0 !important;
    border: 1px solid #eee; 
    height: 100%;
}
.xc-related-post .box-image {
    border-radius: 5px 5px 0 0 !important;
    overflow: hidden;
}
.xc-related-post .box-blog-post .box-text {
    padding: 20px !important;
    background: transparent !important;
    text-align: left !important;
}
.xc-related-post .box-blog-post .post-title {
    font-size: 16px;
    margin-bottom: 15px;
    font-weight: 700;
    line-height: 1.5;
    height: 48px; 
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.xc-related-post .box-blog-post .from_the_blog_excerpt {
    font-size: 14px;
    color: #707070;
    line-height: 1.5;
    margin-bottom: 15px;
    height: 42px !important; 
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
}
.xc-related-post .box-blog-post .box-text-inner {
    transform: none !important;
}
.xc-related-post .box-blog-post .is-divider {
    display: none !important; 
}
.xc-related-post .box-blog-post .post-date {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    font-size: 13px;
    color: #a4a4a4;
}

@media (max-width: 1024px) {
    .blog-single .entry-title {
        font-size: 36px;
    }
}
@media (max-width: 767px) {
    .blog-single .entry-title {
        font-size: 25px;
    }
    .xc-nav-menu li {
        margin-right: 15px;
    }
    .entry-meta {
        display: flex;
        gap: 15px;
        flex-wrap: nowrap !important;
        overflow-x: auto;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 5px;
    }
    .entry-meta::-webkit-scrollbar {
        height: 3px;
    }
    .entry-meta::-webkit-scrollbar-thumb {
        background: #e2e2e2;
        border-radius: 3px;
    }
    .entry-meta span, 
    .entry-meta a {
        flex-wrap: nowrap !important;
        white-space: nowrap !important;
    }
}

.sblaw-progress-widget {
    text-align: left;
    margin-bottom: 20px;
}
.sblaw-progress-title {
    display: flex;
    justify-content: space-between;
    margin-bottom: 5px;
    font-weight: 700;
}
.sblaw-progress-wrapper {
    position: relative;
    border-radius: 2px;
    overflow: hidden;
    height: 8px;
    background-color: #eee;
}
.sblaw-progress-bar {
    display: flex;
    height: 100%;
    border-radius: 2px;
    transition: width 1.5s ease-in-out;
}

.xc-custom-breadcrucm {
    padding-top: 15px;
    font-size: 0.85em;
    color: #F1AF00;
}
.xc-custom-breadcrucm p,
.xc-custom-breadcrucm .rank-math-breadcrumb {
    margin-bottom: 0;
}
.xc-custom-breadcrucm a {
    color: rgba(42, 22, 22, 0.52);
    text-decoration: none;
    transition: color 0.3s ease;
}
.xc-custom-breadcrucm a:hover {
    color: #F1AF00;
}
.xc-custom-breadcrucm .breadcrumb_last {
    color: #F1AF00;
}

.xc-services--legal {
    position: relative;
    padding: 90px 60px;
    background-color: #F8F7F7;
    background-image: url('assets/images/bg-section-counter.png');
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 35%;
    margin-bottom: 20px;
}

.xc-services--legal .row {
    background-color: transparent; 
    position: relative;
    z-index: 2;
}

.xc-services--legal .section-title {
    justify-content: center;
    width: 100%;
}

.xc-services--legal .section-title-main {
    color: #000000; 
    font-size: 46px;
    font-weight: 500;
    line-height: 1.2;
    text-align: center;
    display: block;
    width: 100%; 
}

.xc-services--legal .section-title-center::after {
    content: "";
    display: block;
    width: 148px;
    height: 4px;
    background-color: #F1AF00; 
    margin: 15px auto;
}

.xc-services--legal .section-title b {
    display: none; 
}

.xc-services--legal p {
    text-align: center;
    font-style: italic;
    color: #333;
    margin-bottom: 25px;
}

.xc-services--legal .xc-contact-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px; 
    margin-bottom: 25px;
}

.xc-services--legal .xc-contact-list__item {
    display: flex;
    align-items: center;
}

.xc-services--legal .xc-contact-list__link {
    display: flex;
    align-items: center;
    color: #F1AF00;
    font-size: 16px;
    text-decoration: none;
    font-style: normal; 
}

.xc-services--legal .xc-contact-list__link i {
    color: #9F9F9F;
    font-size: 20px;
    margin-right: 8px;
}

.xc-services--legal .xc-contact-list__img-icon {
    width: 22px;
    height: auto;
    margin-right: 8px;
    vertical-align: middle;
}

.xc-services--legal .xc-legal-form {
    max-width: 930px;
    margin: 0 auto;
}

.xc-services--legal .xc-legal-form__fields {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.xc-services--legal .xc-legal-form__field {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 15px;
    margin-bottom: 20px;
    text-align: left;
    box-sizing: border-box;
}

@media (min-width: 768px) {
    .xc-services--legal .xc-legal-form__field--half {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

.xc-services--legal .xc-legal-form__label {
    font-style: normal;
    color: #333;
    display: block;
}

.xc-services--legal .xc-legal-form__input,
.xc-services--legal .xc-legal-form__textarea {
    width: 100%;
    border-width: 0 0 1px 0;
    border-color: #EBEAEA;
    background: #EBEAEA;
    border-radius: 5px;
    outline: none;
    font-size: 14px;
    color: #333; 
    font-weight: 400;
    margin-top: 5px;
    margin-bottom: 0;
    box-shadow: none;
    box-sizing: border-box;
}

.xc-services--legal .xc-legal-form__input::placeholder,
.xc-services--legal .xc-legal-form__textarea::placeholder {
    color: #776A6A;
}

.xc-services--legal select.xc-legal-form__input:invalid {
    color: #776A6A;
}
.xc-services--legal select.xc-legal-form__input option {
    color: #333;
}

.xc-services--legal .xc-legal-form__textarea {
    max-height: 105px;
    resize: vertical;
}

.xc-services--legal .xc-legal-form__submit-wrap {
    text-align: center;
    width: 100%;
    margin-top: 10px;
}

.xc-services--legal .xc-legal-form__submit {
    font-size: 16px;
    color: #ffffff;
    font-weight: 500;
    border: none;
    border-radius: 2px;
    outline: none;
    padding: 12px 72px 12px 30px;
    background-color: #F1AF00;
    background-image: url('https://vi.sblaw.vn/wp-content/uploads/2021/10/right-arrow.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: calc(100% - 30px);
    transition: background-color 0.3s;
    cursor: pointer;
    margin: 0;
}

.xc-services--legal .xc-legal-form__submit:hover {
    background-color: #d99e00;
}

@media (max-width: 1024px) {
    .xc-services--legal {
        padding: 51px 20px;
    }
    .xc-services--legal .section-title-main {
        font-size: 36px;
    }
}

@media (max-width: 767px) {
    .xc-services--legal .section-title-main {
        font-size: 32px;
    }
    .xc-services--legal .xc-contact-list {
        flex-direction: column;
        align-items: flex-start !important;
        justify-content: flex-start !important;
        text-align: left !important;
        width: 100%;
        padding-left: 0 !important;
        margin-left: 0 !important;
        gap: 5px;
    }
    .xc-services--legal .xc-contact-list__item {
        justify-content: flex-start !important;
        width: 100%;
    }
    .xc-services--legal .xc-contact-list__item:not(:last-child)::after {
        display: none; 
    }
}

.xc-header-container #header {
    max-width: 1400px !important; 
    margin-left: auto !important;
    margin-right: auto !important;
    top: 10px !important;
    background-color: #ffffff !important;
    border-radius: 10px !important;
    left: 0 !important;
    right: 0 !important;
    width: 96% !important; 
    box-shadow: 0 5px 15px rgba(0,0,0,0.05) !important; 
}

@media (min-width: 1280px) {
    .xc-header-container #header {
        width: 100% !important; 
    }
}

#header .header-bg {
    background-color: transparent !important;
    border-radius: 10px !important;
    box-shadow: none !important;
}

@media (max-width: 849px) {
    .xc-header-container #header {
        width: 100% !important;
        top: 0 !important;
        border-radius: 0 !important;
    }
    .xc-header-container #header .header-bg {
        border-radius: 0 !important;
    }
}

.xc-overview--vision {
    padding-top: 90px;
    padding-bottom: 90px;
    background-image: url('assets/images/overview-bg.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

@media (min-width: 850px) {
    .xc-overview--vision #col-1083220294 > .col-inner {
        padding: 10px 10px 10px 70px;
    }
}

.xc-overview--vision .box-vision,
.xc-overview--vision .box-mission,
.xc-overview--vision .box-value {
    display: grid;
    grid-template-columns: 84px 1fr;
    grid-template-rows: auto auto;
    column-gap: 20px;
    align-items: center;
}

.xc-overview--vision .box-vision,
.xc-overview--vision .box-mission {
    margin-bottom: 50px;
}

.xc-overview--vision .box-value {
    background-color: rgba(255, 255, 255, 0.55); 
    border-radius: 5px;
    padding: 32px;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    height: 100%;
    margin-bottom: 0;
    grid-template-columns: 67px 1fr; 
}

.xc-overview--vision .box-value:hover {
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    background-color: rgba(255, 255, 255, 0.8);
}

.xc-overview--vision .box-vision .icon-box-img,
.xc-overview--vision .box-mission .icon-box-img {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
    width: 84px !important;
    margin: 0 !important;
}

.xc-overview--vision .box-value .icon-box-img {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
    width: 67px !important;
    margin: 0 !important;
}

.xc-overview--vision .box-vision .icon-box-text,
.xc-overview--vision .box-mission .icon-box-text,
.xc-overview--vision .box-value .icon-box-text {
    display: contents;
}

.xc-overview--vision .box-vision h3,
.xc-overview--vision .box-mission h3,
.xc-overview--vision .box-value h3 {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
    margin: 0; 
    font-weight: 500;
}

.xc-overview--vision .box-vision h3,
.xc-overview--vision .box-mission h3 {
    font-size: 28px;
    text-transform: uppercase;
}

.xc-overview--vision .box-value h3 {
    font-size: 28px;
    text-transform: none;
}

.xc-overview--vision .box-vision p,
.xc-overview--vision .box-mission p,
.xc-overview--vision .box-value p {
    grid-column: 1 / 3;
    grid-row: 2 / 3;
    margin: 20px 0 0 0; 
    color: #707070;
    line-height: 1.6;
}

.xc-overview--vision .box-vision p,
.xc-overview--vision .box-mission p {
    font-size: 16px;
}

.xc-overview--vision .box-value p {
    font-size: 15px;
}

.xc-overview--vision #row-1524035117 {
    margin-top: 50px;
    margin-bottom: 30px;
}

.xc-overview--vision .section-title {
    display: flex;
    flex-direction: column;
    align-items: center;
    border: none;
    margin-bottom: 0;
}

.xc-overview--vision .section-title b {
    display: none;
}

.xc-overview--vision .section-title-main {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-size: 46px;
    font-weight: 500;
    line-height: 55px;
    color: rgb(45, 45, 45);
    position: relative;
    padding-bottom: 15px;
    margin: 0;
    text-align: center;
}

.xc-overview--vision .section-title-main::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 115px;
    height: 4px;
    background-color: #F1AF00;
}

.xc-overview--vision #row-1278990623 .col-inner {
    height: 100%;
}

@media (max-width: 1024px) {
    .xc-overview--vision {
        padding-top: 51px;
        padding-bottom: 51px;
    }
    .xc-overview--vision .section-title-main {
        font-size: 36px;
    }
    .xc-overview--vision .box-value {
        padding: 20px;
    }
}

@media (max-width: 767px) {
    .xc-overview--vision .section-title-main {
        font-size: 25px;
    }

    .xc-overview--vision #col-1083220294 > .col-inner {
        padding: 10px;
    }

    .xc-overview--vision .box-vision,
    .xc-overview--vision .box-mission,
    .xc-overview--vision .box-value {
        display: flex !important;
        flex-direction: column !important;
        text-align: center !important;
    }

    .xc-overview--vision .box-vision .icon-box-img,
    .xc-overview--vision .box-mission .icon-box-img,
    .xc-overview--vision .box-value .icon-box-img {
        margin: 0 auto 20px auto !important;
    }

    .xc-overview--vision .box-vision .icon-box-text,
    .xc-overview--vision .box-mission .icon-box-text,
    .xc-overview--vision .box-value .icon-box-text {
        display: block !important;
    }

    .xc-overview--vision .box-vision h3,
    .xc-overview--vision .box-mission h3,
    .xc-overview--vision .box-value h3 {
        margin-bottom: 15px;
    }

    .xc-overview--vision .box-vision p,
    .xc-overview--vision .box-mission p,
    .xc-overview--vision .box-value p {
        margin-top: 0;
    }
}

section.xc-overview--history,
section.xc-overview--history[id] {
    padding-top: 200px !important;
    padding-bottom: 90px !important;
    background-color: transparent !important;
}

section.xc-overview--history .section-bg,
section.xc-overview--history[id] .section-bg {
    background-image: url('assets/images/bg-history.png') !important;
    background-position: bottom right !important;
    background-repeat: no-repeat !important;
    background-size: auto !important;
    opacity: 1 !important;
}

section.xc-overview--history .section-title {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 25px;
}

section.xc-overview--history .section-title b {
    display: none !important;
}

section.xc-overview--history .section-title::after {
    content: "";
    display: block;
    width: 148px;
    height: 4px;
    background-color: #f1af00; 
    margin-top: 15px;
}

section.xc-overview--history .section-title-main {
    font-family: 'Roboto', sans-serif;
    font-size: 46px;
    font-weight: 500;
    line-height: 55px;
    text-transform: none; 
    margin: 0;
    color: rgb(45, 45, 45); 
}

@media (max-width: 1024px) {
    section.xc-overview--history .section-title-main {
        font-size: 36px;
    }
}

@media (max-width: 767px) {
    section.xc-overview--history .section-title-main {
        font-size: 25px;
    }
    section.xc-overview--history,
    section.xc-overview--history[id] {
        padding-top: 150px !important;
        padding-bottom: 30px !important;
        background-color: transparent !important;
    }
}

.xc-history {
    position: relative;
    margin-top: 60px;
    width: 100%;
}

.xc-history__item {
    padding: 32px 0;
    text-align: center;
}

.xc-history__inner {
    display: flex;
    flex-direction: column;
}

.xc-history__footer {
    width: calc(100% - 30px); 
    margin: 0 auto;
    padding-bottom: 55px; 
    border-bottom: 1px #707070 solid;
    position: relative;
    display: flex;
    justify-content: center;
}

.xc-history__footer::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 55px;
    background: #707070;
    bottom: 0;
    left: 50%;
    transition: 0.3s;
    transform: translateX(-50%);
}

.xc-history__image-wrapper {
    width: 122px;
    height: 122px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: #ffffff;
    box-shadow: 0 3px 20px rgba(0,0,0,0.05);
    position: relative;
    transition: 0.3s;
    z-index: 2;
    cursor: pointer;
}

.xc-history__image {
    width: 50px;
    height: 50px;
    object-fit: contain;
}

.xc-history__content {
    display: flex;
    flex-direction: column;
    position: relative;
}

.xc-history__meta {
    margin: 0;
    padding-top: 32px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.xc-history__meta::before {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    background: #F1AF00;
    top: -7px;
    left: calc(50% - 6px);
    border-radius: 50%;
    z-index: 9;
}

.xc-history__meta::after {
    content: "";
    position: absolute;
    width: 24px;
    height: 25px;
    background: #F1AF00;
    top: -13px;
    left: calc(50% - 12px);
    border-radius: 50%;
    z-index: 2;
    opacity: 0.25;
}

.xc-history__title {
    font-size: 28px;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 5px;
    transition: color 0.3s;
    color: #333;
    line-height: 1.3;
    text-transform: none;
    letter-spacing: normal;
}

.xc-history__year {
    font-family: "Lora", serif;
    font-size: 17px;
    font-weight: 700;
    color: #F1AF00;
}

.xc-history__item:hover .xc-history__footer::after,
.xc-history__item.is-selected .xc-history__footer::after {
    height: 80px;
}

.xc-history__item:hover .xc-history__image-wrapper,
.xc-history__item.is-selected .xc-history__image-wrapper {
    transform: translateY(-25px);
}

.xc-history__item.is-selected .xc-history__title {
    color: #F1AF00 !important;
}

.xc-history .flickity-prev-next-button {
    display: none;
}

.xc-prize .box-prize {
    display: grid;
    grid-template-columns: 30% 1fr;
    column-gap: 30px;
    row-gap: 0;
    align-items: start;
    text-align: left;
    background: #ffffff;
    border: 1px solid #eaeaea;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.05);
    padding: 30px;
    margin-bottom: 30px;
    transition: all 0.3s ease;
}

.xc-prize .box-prize:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.08);
}

.xc-prize .col:last-child .box-prize,
.xc-prize .col-inner > .box-prize:last-child {
    margin-bottom: 0;
}

.xc-prize .box-prize .box-image {
    grid-column: 1 / 2;
    grid-row: 2 / 20;
    margin-bottom: 20px;
}

.xc-prize .box-prize .box-image img {
    width: 100%;
    height: auto;
}

.xc-prize .box-prize .box-text,
.xc-prize .box-prize .box-text-inner {
    display: contents;
}

.xc-prize .box-prize .box-text-inner h4 {
    grid-column: 1 / -1;
    grid-row: 1 / 2;
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
    text-align: left;
    color: #2D2D2D;
}

.xc-prize .box-prize .box-text-inner > *:not(h4) {
    grid-column: 2 / 3;
    margin-bottom: 15px;
    text-align: justify;
    color: #707070;
}

@media (max-width: 767px) {
    .xc-prize .box-prize {
        grid-template-columns: 100%;
        column-gap: 0;
        padding: 20px;
    }

    .xc-prize .box-prize .box-image {
        grid-column: 1 / -1;
        grid-row: 1 / 2;
        text-align: center;
        margin-bottom: 20px;
    }

    .xc-prize .box-prize .box-image img {
        width: 70%;
        margin: 0 auto;
    }

    .xc-prize .box-prize .box-text-inner h4 {
        grid-column: 1 / -1;
        grid-row: 2 / 3;
    }

    .xc-prize .box-prize .box-text-inner > *:not(h4) {
        grid-column: 1 / -1;
    }
}

.xc-prize--links .button {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: auto;
    min-width: 300px;
    max-width: 100%;
    margin: 0 auto !important; 
    padding: 12px 24px; 
    white-space: nowrap;
    background-color: var(--primary-color) !important; 
    color: #ffffff !important;
    font-size: 16px;
    line-height: 1;
    border-radius: 2px;
    transition: background-color 0.3s ease, color 0.3s ease;
    border: none;
}

.xc-prize--links .button:hover {
    background-color: var(--fs-color-secondary) !important; 
}

.xc-prize--links .btn-profile::before {
    content: "\f2b9"; 
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
    font-size: 30px;
    margin-right: 10px;
}

.xc-prize--links .btn-overview::before {
    content: "\f2bb"; 
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
    font-size: 30px;
    margin-right: 10px;
}

@media (max-width: 767px) {
    .xc-prize--links .button {
        margin-bottom: 20px;
    }
}

.xc-contact--info {
    background-color: #F4F4F4;
}

.xc-contact--info .row > .col:first-child .col-inner {
    padding-top: 30px;
    padding-right: 40px; 
}

.xc-contact--info .row > .col:first-child p span {
    font-size: 28px !important;
    line-height: 1.32em;
    display: block;
    margin-bottom: 30px;
    color: #333333;
}
.xc-contact--info .row > .col:first-child h3 {
    font-size: 28px;
    line-height: 1.32em;
    margin-top: 0;
    margin-bottom: 20px;
    color: #333333;
    font-weight: bold;
}

.xc-contact--info .row > .col:first-child ul li {
    font-size: 16px;
    margin-bottom: 10px;
    color: #333333;
}

.xc-contact--info .btn-contact {
    display: inline-flex;
    align-items: center;
    position: relative;
    padding: 12px 24px 12px 82px !important; 
    font-size: 28px !important;
    font-weight: bold !important;
    letter-spacing: 2.8px !important;
    color: #333333 !important; 
    background-color: transparent !important;
    border: 1px solid #333333 !important;
    border-radius: 3px !important;
    text-transform: none !important;
    overflow: hidden;
    margin-bottom: 40px;
}
.xc-contact--info .btn-contact::after {
    content: '';
    display: block;
    width: 62px;
    height: 100%;
    background-color: #f1af00;
    background-image: url('assets/images/counseling.svg');
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 0;
    top: 0;
}

.xc-contact--info .row > .col:last-child .col-inner {
    background-color: #ffffff;
    border-radius: 5px;
    box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.06);
    padding: 40px 40px 50px 40px;
}

.xc-contact--info .row > .col:last-child p {
    font-size: 16px;
    font-style: italic;
    margin-bottom: 25px;
    color: #333333;
}

.xc-contact--info .xc-legal-form__fields {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}
.xc-contact--info .xc-legal-form__field {
    width: 100%;
    padding: 0 10px;
    margin-bottom: 20px;
    box-sizing: border-box;
}
.xc-contact--info .xc-legal-form__field--half {
    width: 50%;
}

.xc-contact--info .xc-legal-form__input,
.xc-contact--info .xc-legal-form__textarea {
    width: 100%;
    border-width: 0 0 1px 0 !important;
    border-style: solid !important;
    border-color: #EBEAEA !important;
    background-color: #EBEAEA !important;
    border-radius: 5px !important;
    outline: none !important;
    padding: 15px 25px !important;
    font-size: 14px !important;
    color: #776A6A !important;
    font-weight: 400 !important;
    box-shadow: none !important;
    box-sizing: border-box;
    margin-bottom: 0 !important; 
}
.xc-contact--info .xc-legal-form__textarea {
    max-height: 105px;
    resize: vertical;
}
.xc-contact--info .xc-legal-form__input::placeholder,
.xc-contact--info .xc-legal-form__textarea::placeholder {
    color: #776A6A;
    opacity: 1;
}
.xc-contact--info select.xc-legal-form__input option {
    background-color: #EAD4A8;
    color: #776A6A;
}

.xc-contact--info .xc-legal-form__submit-wrap {
    margin-top: 10px;
}
.xc-contact--info .xc-legal-form__submit {
    font-size: 16px !important;
    color: #ffffff !important;
    font-weight: 500 !important;
    border: none !important;
    border-radius: 2px !important;
    padding: 12px 72px 12px 30px !important;
    background-color: #F1AF00 !important;
    background-image: url('assets/images/right-arrow.png') !important;
    background-repeat: no-repeat !important;
    background-position-y: center !important;
    background-position-x: calc(100% - 30px) !important; 
    transition: 0.3s ease !important;
    cursor: pointer !important;
    display: inline-block !important;
    width: auto !important;
    box-shadow: none !important;
    text-transform: none !important;
}
.xc-contact--info .xc-legal-form__submit:hover {
    background-color: #e2a400 !important;
}

@media (max-width: 849px) {

    .xc-contact--info .row > .col:first-child .col-inner {
        padding-right: 0;
        padding-bottom: 20px;
    }

    .xc-contact--info .row > .col:last-child .col-inner {
        padding: 25px;
    }

    .xc-contact--info .xc-legal-form__field--half {
        width: 100%;
    }
}

.xc-team-members {
    margin-bottom: 30px;
}
.xc-team-members__item {
    display: flex;
}
.xc-team-members__box {
    text-align: center;
    margin-bottom: 30px;
    display: flex;
    flex-direction: column;
    width: 100%;
}
.xc-team-members__box .box-image {
    border-radius: 5px;
    overflow: hidden;
    width: 100%;
    flex-shrink: 0;
}
.xc-team-members__box .box-image img {
    border-radius: 5px;
    object-position: top !important;
}
.xc-team-members__box .box-text {
    background: #ffffff;
    padding: 15px 10px;
    border-radius: 5px;
    box-shadow: 0 3px 16px rgba(0,0,0,0.1);
    margin: -45px 25px 0;
    position: relative;
    z-index: 2;
    width: auto;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.xc-team-members__role p {
    margin-top: 0;
    margin-bottom: 5px;
    color: #f1af00;
    font-size: 14px;
    font-weight: 500;
}
.xc-team-members__title {
    margin-top: 0;
    margin-bottom: 0;
    font-weight: bold;
    line-height: 1.2;
}
.xc-team-members__title a {
    color: #333333;
    font-size: 16px;
    text-transform: uppercase;
    text-decoration: none;
}
.xc-team-members__title a:hover {
    color: #f1af00;
}

@media (max-width: 549px) {
    .xc-team-members__list.flickity-enabled .xc-team-members__item {
        width: 100% !important;
        max-width: 100% !important;
    }
}

@media (max-width: 849px) {
    .xc-contact--map .section-content > .row:nth-child(2) {
        display: flex;
        flex-direction: column-reverse;
    }
}

.xc-contact--map .section-title-main {
    font-size: 35px;
    font-weight: 500;
    color: #333333;
    text-transform: none;
}

.xc-contact--map .section-title b {
    border-top: 3px solid #f1af00;
    opacity: 1;
}

.xc-contact--map .icon-box {
    margin-bottom: 20px;
}

.xc-contact--map .icon-box h4 {
    font-size: 16px;
    color: #f1af00;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 5px;
    margin-top: 0;
}

.xc-contact--map .icon-box p {
    font-size: 16px;
    line-height: 1.44em;
    color: #333333;
    margin-bottom: 0;
}

.nav-dropdown-has-arrow.nav-dropdown-has-border li.has-dropdown:before {
    border-bottom-color: transparent !important;
}

.post-item .box {
    background-color: #aee2ff3d;
    border-radius: 5px;
    overflow: hidden;
    padding: 0;
    border: none;
}
.post-item .box-image {
    border-radius: 5px 5px 0 0;
}
.post-item .box-image img {
    border-radius: 5px 5px 0 0;
}
.post-item .is-divider {
    display: none !important;
}
.post-item .box-text {
    padding: 20px 25px;
    background-color: transparent;
    text-align: left !important;
}
.post-item .post-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.3;
    height: 2.6em;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left !important;
}
.post-item .from_the_blog_excerpt {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.6;
    height: 3.2em;
    margin-bottom: 15px;
    text-align: left !important;
}
.post-item .badge.post-date {
    display: none !important;
}
.post-item .entry-meta {
    margin-bottom: 15px;
    font-size: 13px;
    color: #999;
    text-align: left !important;
}
.post-item .entry-meta i {
    color: #F1AF00;
}

.xc-communication .box-blog-post {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    background-color: #ffffff;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05); 
}

.xc-communication .box-image {
    width: 50% !important;
    margin: 0;
}

.xc-communication .box-image .image-cover {
    height: 100%;
}

.xc-communication .box-text {
    width: 50%;
    padding: 50px 60px !important;
    text-align: left;
}

.xc-communication .post-date {
    display: none !important;
}

.xc-communication .post-category,
.xc-communication .post-category-text,
.xc-communication .badge-category {
    display: inline-block;
    color: #f1af00;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.xc-communication .post-title {
    font-size: 32px;
    line-height: 1.3;
    font-weight: 500;
    margin-bottom: 20px;
    position: relative;
    padding-bottom: 30px; 
}

.xc-communication .post-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #D4D4D4;
}

.xc-communication .post-title::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 120px;
    height: 4px;
    background-color: #f1af00;
    z-index: 1;
}

.xc-communication .post-title a {
    color: #333333;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 2.6em; 
}

.xc-communication .post-title a:hover {
    color: #f1af00;
}

.xc-communication .is-divider {
    display: none !important;
}

.xc-communication .from_the_blog_excerpt {
    font-size: 15px;
    color: #666666;
    line-height: 1.6;
    margin-bottom: 30px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 3.2em; 
}

.xc-communication .xc-loop-readmore {
    display: inline-flex;
    align-items: center;
    background-color: #f1af00;
    color: #ffffff !important;
    padding: 12px 30px;
    font-size: 0 !important; 
    font-weight: 500;
    border-radius: 3px;
    transition: background 0.3s;
    text-decoration: none;
}

.xc-communication .xc-loop-readmore::before {
    content: 'Đọc thêm';
    font-size: 14px;
    color: #ffffff;
}

.xc-communication .xc-loop-readmore:hover {
    background-color: #d89b00;
    color: #ffffff !important;
}

.xc-communication .xc-loop-readmore::after {
    content: '\25B7'; 
    display: inline-block;
    margin-left: 8px;
    font-size: 14px;
    color: #ffffff;
}

.xc-communication .slider-wrapper,
.xc-communication .row-slider {
    padding-bottom: 60px; 
}

.xc-communication .flickity-page-dots {
    bottom: 10px; 
}

.xc-communication .flickity-page-dots .dot {
    width: 10px;
    height: 10px;
    background: #D6D6D6;
    opacity: 1;
    position: relative;
    border: none;
    margin: 0 6px;
}

.xc-communication .flickity-page-dots .dot.is-selected,
.xc-communication .flickity-page-dots .dot:hover {
    background: #f1af00;
}

.xc-communication .flickity-page-dots .dot::after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    border: 1px #f1af00 solid;
    top: -5px;
    left: -5px;
    border-radius: 50%;
    opacity: 0;
    transition: opacity 0.3s;
}

.xc-communication .flickity-page-dots .dot.is-selected::after,
.xc-communication .flickity-page-dots .dot:hover::after {
    opacity: 1;
}

@media (max-width: 849px) {
    .xc-communication .box-blog-post {
        flex-direction: column;
    }
    .xc-communication .box-image,
    .xc-communication .box-text {
        width: 100% !important;
    }
    .xc-communication .box-text {
        padding: 30px 20px !important;
    }
    .xc-communication .post-title {
        font-size: 24px;
    }
}

.xc-press .section-title-normal {
    text-align: center;
    margin-bottom: 20px;
}

.xc-press .box-contact {
    display: flex;
    flex-wrap: wrap;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    margin-top: 30px;
}

.xc-press .box-contact .box-image {
    width: 26.2%;
}

.xc-press .box-contact .box-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.xc-press .box-contact .box-text {
    width: 73.8%;
    padding: 30px;
    text-align: left !important;
}

.xc-press .xc-contact-info {
    text-align: left;
}

.xc-press .xc-contact-info .xc-contact-name {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 5px;
    color: #2a1616; 
}

.xc-press .xc-contact-info .xc-contact-role {
    color: #c36; 
    font-size: 18px;
    letter-spacing: 0.9px;
    margin-bottom: 15px;
}

.xc-press .xc-contact-info .xc-contact-divider {
    border-top: 1px solid #2c2c2c;
    margin-bottom: 15px;
    width: 100%;
}

.xc-press .xc-contact-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.xc-press .xc-contact-list li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 15px;
}

.xc-press .xc-contact-list li svg {
    width: 15px;
    height: 15px;
    margin-right: 10px;
    margin-top: 3px;
    fill: #2a1616;
}

.xc-press .xc-contact-list-text {
    display: flex;
    flex-direction: column;
}

.xc-press .xc-contact-list-text .xc-contact-label {
    font-size: 13px;
    letter-spacing: 0.65px;
    text-transform: uppercase;
    color: #2a1616;
    margin-bottom: 5px;
}

.xc-press .xc-contact-list-text a {
    color: #c36;
    font-family: \
Roboto\, Sans-serif;
    font-size: 16px;
}

.xc-press .xc-contact-list-text a:hover {
    color: #2a1616;
}

@media (max-width: 767px) {
    .xc-press .box-contact {
        flex-direction: column;
    }
    .xc-press .box-contact .box-image,
    .xc-press .box-contact .box-text {
        width: 100%;
    }
}

.xc-press .section-title-normal {
    text-align: center;
    margin-bottom: 20px;
}

.xc-press .box-contact {
    display: flex;
    flex-wrap: wrap;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    margin-top: 30px;
}

.xc-press .box-contact .box-image {
    width: 26.2%;
}

.xc-press .box-contact .box-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.xc-press .box-contact .box-text {
    width: 73.8%;
    padding: 30px;
    text-align: left !important;
}

.xc-press .xc-contact-info {
    text-align: left;
}

.xc-press .xc-contact-info .xc-contact-name {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 5px;
    color: #2a1616; 
}

.xc-press .xc-contact-info .xc-contact-role {
    color: #c36; 
    font-size: 18px;
    letter-spacing: 0.9px;
    margin-bottom: 15px;
}

.xc-press .xc-contact-info .xc-contact-divider {
    border-top: 1px solid #2c2c2c;
    margin-bottom: 15px;
    width: 100%;
}

.xc-press .xc-contact-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.xc-press .xc-contact-list li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 15px;
}

.xc-press .xc-contact-list li svg {
    width: 15px;
    height: 15px;
    margin-right: 10px;
    margin-top: 3px;
    fill: #2a1616;
}

.xc-press .xc-contact-list-text {
    display: flex;
    flex-direction: column;
}

.xc-press .xc-contact-list-text .xc-contact-label {
    font-size: 13px;
    letter-spacing: 0.65px;
    text-transform: uppercase;
    color: #2a1616;
    margin-bottom: 5px;
}

.xc-press .xc-contact-list-text a {
    color: #c36;
    font-family: "Roboto", Sans-serif;
    font-size: 16px;
}

.xc-press .xc-contact-list-text a:hover {
    color: #2a1616;
}

@media (max-width: 767px) {
    .xc-press .box-contact {
        flex-direction: column;
    }
    .xc-press .box-contact .box-image,
    .xc-press .box-contact .box-text {
        width: 100%;
    }
}

.xc-press .section-title-normal {
    text-align: left;
    margin-bottom: 20px;
    border: none;
}
.xc-press .section-title-normal span {
    border-bottom: 3px solid #dba215 !important;
    padding-bottom: 10px;
    color: #555;
    font-size: 32px;
}
.xc-press .section-title-normal b {
    display: none !important;
}
.xc-press > .section-content > .row:nth-child(2) p {
    font-style: italic;
    color: #666;
    margin-bottom: 30px;
}

.xc-press .xc-contact-info .xc-contact-role {
    color: #dba215 !important;
}

.xc-press .xc-contact-list-text .xc-contact-label {
    color: #dba215 !important;
}

.xc-press .xc-contact-list-text a {
    color: #2a1616 !important;
}

.xc-press .xc-contact-list-text a:hover {
    color: #dba215 !important;
}

.xc-press .xc-contact-info br {
    display: none !important;
}

.xc-press .xc-contact-list li i.xc-icon {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 10px;
    margin-top: 3px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.xc-press .xc-contact-list li i.xc-icon-email {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.883' height='14.236' viewBox='0 0 14.883 14.236'%3E%3Cg id='email' transform='translate(0 -10.667)'%3E%3Cg id='Group_14349' data-name='Group 14349' transform='translate(0 10.667)'%3E%3Cg id='Group_14348' data-name='Group 14348' transform='translate(0 0)'%3E%3Cpath id='Path_12810' data-name='Path 12810' d='M13.265,10.667H1.618A1.62,1.62,0,0,0,0,12.285V19.4A1.62,1.62,0,0,0,1.618,21.02H2.912a.324.324,0,1,0,0-.647H1.618A.972.972,0,0,1,.647,19.4V12.285a.972.972,0,0,1,.971-.971H13.265a.972.972,0,0,1,.971.971V19.4a.972.972,0,0,1-.971.971H11.971a.324.324,0,1,0,0,.647h1.294A1.62,1.62,0,0,0,14.883,19.4V12.285A1.62,1.62,0,0,0,13.265,10.667Z' transform='translate(0 -10.667)' fill='%232a1616'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3Cg id='Group_14351' data-name='Group 14351' transform='translate(1.294 11.961)'%3E%3Cg id='Group_14350' data-name='Group 14350'%3E%3Cpath id='Path_12811' data-name='Path 12811' d='M54.9,53.456a.323.323,0,0,0-.452-.072l-5.028,3.631a1.022,1.022,0,0,1-1.213,0l-5.028-3.631a.323.323,0,0,0-.379.524l5.028,3.631a1.68,1.68,0,0,0,1.972,0l5.028-3.631A.324.324,0,0,0,54.9,53.456Z' transform='translate(-42.665 -53.322)' fill='%232a1616'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3Cg id='Group_14353' data-name='Group 14353' transform='translate(1.294 15.844)'%3E%3Cg id='Group_14352' data-name='Group 14352'%3E%3Cpath id='Path_12812' data-name='Path 12812' d='M46.449,181.444a.324.324,0,0,0-.457,0l-3.235,3.235a.323.323,0,0,0,.457.457l3.235-3.235A.324.324,0,0,0,46.449,181.444Z' transform='translate(-42.661 -181.349)' fill='%232a1616'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3Cg id='Group_14355' data-name='Group 14355' transform='translate(9.706 15.844)'%3E%3Cg id='Group_14354' data-name='Group 14354'%3E%3Cpath id='Path_12813' data-name='Path 12813' d='M323.782,184.679l-3.235-3.235a.324.324,0,1,0-.458.457l3.235,3.235a.323.323,0,1,0,.457-.457Z' transform='translate(-319.994 -181.349)' fill='%232a1616'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3Cg id='Group_14357' data-name='Group 14357' transform='translate(3.882 17.785)'%3E%3Cg id='Group_14356' data-name='Group 14356'%3E%3Cpath id='Path_12814' data-name='Path 12814' d='M131.559,245.333a3.559,3.559,0,1,0,2.474,6.117.324.324,0,1,0-.45-.465,2.912,2.912,0,1,1,.887-2.093.324.324,0,0,0,.647,0A3.563,3.563,0,0,0,131.559,245.333Z' transform='translate(-128 -245.333)' fill='%232a1616'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3Cg id='Group_14359' data-name='Group 14359' transform='translate(5.824 19.726)'%3E%3Cg id='Group_14358' data-name='Group 14358' transform='translate(0 0)'%3E%3Cpath id='Path_12815' data-name='Path 12815' d='M193.618,309.333a1.618,1.618,0,1,0,1.618,1.618A1.62,1.62,0,0,0,193.618,309.333Zm0,2.588a.971.971,0,1,1,.971-.971A.972.972,0,0,1,193.618,311.921Z' transform='translate(-192 -309.333)' fill='%232a1616'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3Cg id='Group_14361' data-name='Group 14361' transform='translate(8.412 21.02)'%3E%3Cg id='Group_14360' data-name='Group 14360'%3E%3Cpath id='Path_12816' data-name='Path 12816' d='M279.6,352a.324.324,0,0,0-.324.324c0,.726-.163.971-.647.971-.43,0-.647-.327-.647-.971a.324.324,0,0,0-.647,0c0,1.013.484,1.618,1.294,1.618,1.294,0,1.294-1.218,1.294-1.618A.324.324,0,0,0,279.6,352Z' transform='translate(-277.333 -352)' fill='%232a1616'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.xc-press .xc-contact-list li i.xc-icon-phone {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.726' height='15.749' viewBox='0 0 15.726 15.749'%3E%3Cg id='phone-call_2_' data-name='phone-call (2)' transform='translate(-0.344 0)'%3E%3Cg id='Group_14362' data-name='Group 14362' transform='translate(0.344 0)'%3E%3Cpath id='Path_12817' data-name='Path 12817' d='M12.78,36.251a1.549,1.549,0,0,0-1.124-.515,1.6,1.6,0,0,0-1.137.512l-1.05,1.047c-.086-.047-.173-.09-.256-.133-.12-.06-.233-.116-.329-.176a11.416,11.416,0,0,1-2.736-2.493,6.735,6.735,0,0,1-.9-1.416c.273-.249.525-.509.771-.758.093-.093.186-.189.279-.283a1.525,1.525,0,0,0,0-2.3l-.907-.907c-.1-.1-.209-.209-.309-.316-.2-.206-.409-.419-.625-.618a1.573,1.573,0,0,0-1.114-.489,1.628,1.628,0,0,0-1.13.489L2.21,27.9l-1.13,1.14a2.432,2.432,0,0,0-.721,1.546,5.827,5.827,0,0,0,.425,2.466,14.312,14.312,0,0,0,2.543,4.241,15.642,15.642,0,0,0,5.209,4.079,8.115,8.115,0,0,0,2.925.864c.07,0,.143.007.209.007a2.5,2.5,0,0,0,1.918-.824c0-.007.01-.01.013-.017a7.556,7.556,0,0,1,.582-.6c.143-.136.289-.279.432-.429a1.658,1.658,0,0,0,.5-1.15,1.6,1.6,0,0,0-.512-1.14Zm1.19,3.5s0,0,0,0c-.13.14-.263.266-.406.406a8.74,8.74,0,0,0-.642.665,1.6,1.6,0,0,1-1.25.529c-.05,0-.1,0-.153,0a7.209,7.209,0,0,1-2.593-.778,14.765,14.765,0,0,1-4.906-3.843,13.5,13.5,0,0,1-2.393-3.985,4.746,4.746,0,0,1-.372-2.081,1.526,1.526,0,0,1,.459-.987l1.133-1.133a.756.756,0,0,1,.505-.236.711.711,0,0,1,.485.233l.01.01c.2.189.4.386.6.595.1.106.209.213.316.322l.907.907a.634.634,0,0,1,0,1.03c-.1.1-.189.193-.286.286-.279.286-.545.552-.834.811-.007.007-.013.01-.017.017a.678.678,0,0,0-.173.755l.01.03a7.285,7.285,0,0,0,1.074,1.752l0,0A12.2,12.2,0,0,0,8.4,37.74a4.539,4.539,0,0,0,.409.223c.12.06.233.116.329.176.013.007.027.017.04.023a.721.721,0,0,0,.329.083.711.711,0,0,0,.505-.229l1.137-1.137a.752.752,0,0,1,.5-.249.677.677,0,0,1,.479.243l.007.007,1.832,1.832A.657.657,0,0,1,13.97,39.751Z' transform='translate(-0.344 -26.495)' fill='%232a1616'%3E%3C/path%3E%3Cpath id='Path_12818' data-name='Path 12818' d='M245.313,86.815A4.278,4.278,0,0,1,248.8,90.3a.446.446,0,0,0,.442.372.593.593,0,0,0,.076-.007.449.449,0,0,0,.369-.519,5.173,5.173,0,0,0-4.215-4.215.451.451,0,0,0-.519.366A.444.444,0,0,0,245.313,86.815Z' transform='translate(-236.813 -83.069)' fill='%232a1616'%3E%3C/path%3E%3Cpath id='Path_12819' data-name='Path 12819' d='M256.237,6.947A8.518,8.518,0,0,0,249.3.007a.448.448,0,1,0-.146.884,7.608,7.608,0,0,1,6.2,6.2.446.446,0,0,0,.442.372.593.593,0,0,0,.076-.007A.44.44,0,0,0,256.237,6.947Z' transform='translate(-240.518 0)' fill='%232a1616'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.xc-press .xc-contact-list li i.xc-icon-mobile {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.021' height='12.021' viewBox='0 0 12.021 12.021'%3E%3Cg id='smartphone' transform='translate(-0.001)'%3E%3Cpath id='Path_12830' data-name='Path 12830' d='M18.93,0H13.883A.884.884,0,0,0,13,.883V11.139a.884.884,0,0,0,.883.883h5.047a.884.884,0,0,0,.883-.883V.883A.884.884,0,0,0,18.93,0ZM13.4,1.6h6.011V9.216H13.4ZM13.883.4h5.047a.482.482,0,0,1,.482.482V1.2H13.4V.883A.482.482,0,0,1,13.883.4Zm5.047,11.22H13.883a.482.482,0,0,1-.482-.482V9.617h6.011v1.522A.482.482,0,0,1,18.93,11.621Z' transform='translate(-10.395 0)' fill='%232a1616'%3E%3C/path%3E%3Cpath id='Path_12831' data-name='Path 12831' d='M26.8,49a.8.8,0,1,0,.8.8A.8.8,0,0,0,26.8,49Zm0,1.2a.4.4,0,1,1,.4-.4A.4.4,0,0,1,26.8,50.2Z' transform='translate(-20.79 -39.183)' fill='%232a1616'%3E%3C/path%3E%3Cpath id='Path_12832' data-name='Path 12832' d='M25.2,3.4H26A.2.2,0,0,0,26,3h-.8a.2.2,0,1,0,0,.4Z' transform='translate(-19.99 -2.399)' fill='%232a1616'%3E%3C/path%3E%3Cpath id='Path_12833' data-name='Path 12833' d='M32.2,3.4h.2a.2.2,0,0,0,0-.4h-.2a.2.2,0,0,0,0,.4Z' transform='translate(-25.588 -2.399)' fill='%232a1616'%3E%3C/path%3E%3Cpath id='Path_12834' data-name='Path 12834' d='M55.247,4.335a.2.2,0,1,0-.283.283,1.922,1.922,0,0,1,0,2.715.2.2,0,1,0,.283.283A2.323,2.323,0,0,0,55.247,4.335Z' transform='translate(-43.903 -3.419)' fill='%232a1616'%3E%3C/path%3E%3Cpath id='Path_12835' data-name='Path 12835' d='M51.036,6.611a.2.2,0,1,0-.283.283,1.316,1.316,0,0,1,0,1.859.2.2,0,1,0,.283.283,1.716,1.716,0,0,0,0-2.425Z' transform='translate(-40.536 -5.239)' fill='%232a1616'%3E%3C/path%3E%3Cpath id='Path_12836' data-name='Path 12836' d='M.963,4.618A.2.2,0,0,0,.68,4.335a2.323,2.323,0,0,0,0,3.282.2.2,0,0,0,.283-.283A1.922,1.922,0,0,1,.963,4.618Z' transform='translate(0 -3.419)' fill='%232a1616'%3E%3C/path%3E%3Cpath id='Path_12837' data-name='Path 12837' d='M5.88,6.335a.2.2,0,0,0-.283,0,1.716,1.716,0,0,0,0,2.425.2.2,0,0,0,.283-.283,1.316,1.316,0,0,1,0-1.859A.2.2,0,0,0,5.88,6.335Z' transform='translate(-4.073 -5.018)' fill='%232a1616'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}

.xc-testimonial .box-testimonial {
    display: flex;
    flex-direction: row;
    align-items: center; 
    gap: 30px; 
    border: 1px solid #eaeaea; 
    border-radius: 8px; 
    box-shadow: 0 2px 10px rgba(0,0,0,0.05); 
    padding: 30px;
    margin-bottom: 30px;
    background: #fff;
    transition: all 0.3s ease; 
}

.xc-testimonial .box-testimonial:hover {
    box-shadow: 0 8px 25px rgba(0,0,0,0.1);
    transform: translateY(-5px);
    border-color: #ddd;
}

.xc-testimonial .row:last-of-type .box-testimonial {
    margin-bottom: 0;
}

.xc-testimonial .box-testimonial .box-image {
    flex: 0 0 30%;
    max-width: 30%;
    margin-bottom: 0; 
}

.xc-testimonial .box-testimonial .box-image img {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
}

.xc-testimonial .box-testimonial .box-text {
    flex: 1; 
    max-width: 100%;
    text-align: left !important; 
    padding: 0;
}

.xc-testimonial .box-testimonial .box-text h4 {
    margin-top: 0;
    margin-bottom: 8px;
}

.xc-testimonial .box-testimonial .box-text h5 {
    margin-top: 0;
    margin-bottom: 8px;
    font-style: italic;
    font-weight: normal;
}

.xc-testimonial .box-testimonial .box-text p {
    margin-bottom: 0;
    line-height: 1.6; 
}

@media screen and (max-width: 768px) {
    .xc-testimonial .box-testimonial {
        flex-direction: column; 
        gap: 20px;
        padding: 20px; 
    }

    .xc-testimonial .box-testimonial .box-image {
        flex: 0 0 100%; 
        max-width: 100%; 
        margin: 0 auto; 
    }

    .xc-testimonial .box-testimonial .box-text {
        text-align: center !important; 
    }
}

.xc-contact--map .box-address,
.xc-contact--map .box-phone,
.xc-contact--map .box-email,
.xc-contact--map .box-fax {
    position: relative;
    padding-left: 65px !important; 
    text-align: left !important;   
}

.xc-contact--map .box-address .icon-box-text,
.xc-contact--map .box-phone .icon-box-text,
.xc-contact--map .box-email .icon-box-text,
.xc-contact--map .box-fax .icon-box-text {
    margin: 0 !important;
}

.xc-contact--map .box-address::before,
.xc-contact--map .box-phone::before,
.xc-contact--map .box-email::before,
.xc-contact--map .box-fax::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0; 
    width: 48px;
    height: 48px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center top;
}

.xc-contact--map .box-address::before,
.xc-contact--map .box-phone::before,
.xc-contact--map .box-email::before,
.xc-contact--map .box-fax::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cg transform='translate(-1031 -1308)'%3E%3Cg transform='translate(1031 1308)' fill='%23f1af00' stroke='%23f1af00' stroke-width='1'%3E%3Crect width='48' height='48' rx='3' stroke='none'/%3E%3Crect x='0.5' y='0.5' width='47' height='47' rx='2.5' fill='none'/%3E%3C/g%3E%3Cg transform='translate(1042.492 1320)'%3E%3Cpath d='M19.819,89.984a.359.359,0,0,0-.508.508l.887.887a.125.125,0,0,1,0,.176l-.684.684a.124.124,0,0,1-.176,0l-5.472-5.472a.124.124,0,0,1,0-.176l.684-.684a.124.124,0,0,1,.176,0l3.4,3.4a.359.359,0,0,0,.508-.508l-3.4-3.4a.837.837,0,0,0-.6-.247h0a.836.836,0,0,0-.6.247l-.684.684a.842.842,0,0,0-.047,1.141l-.843.843a.028.028,0,0,1-.039,0L7.366,83a.028.028,0,0,1,0-.039l.843-.843a.843.843,0,0,0,1.141-.046l.684-.684a.844.844,0,0,0,0-1.192L4.561,74.726a.843.843,0,0,0-1.192,0l-.684.684a.844.844,0,0,0-.046,1.141L1.522,77.667a5.2,5.2,0,0,0,0,7.349l.889.89a.359.359,0,0,0,.254.105h0a.359.359,0,0,0,.248-.618l-.884-.885a4.477,4.477,0,0,1,0-6.333l1.114-1.114L7.7,81.615l-.84.841a.746.746,0,0,0,0,1.055l5.062,5.062a.747.747,0,0,0,1.055,0l.84-.841,4.554,4.554L17.256,93.4a4.477,4.477,0,0,1-6.333,0L4.114,86.593a.359.359,0,1,0-.517.5l6.818,6.818a5.2,5.2,0,0,0,7.349,0l1.117-1.116a.842.842,0,0,0,1.141-.047l.684-.684a.844.844,0,0,0,0-1.192ZM3.193,75.918l.684-.684a.124.124,0,0,1,.176,0l5.473,5.473a.125.125,0,0,1,0,.176l-.684.684a.125.125,0,0,1-.176,0L3.193,76.094a.125.125,0,0,1,0-.176Z' transform='translate(0 -70.914)' fill='%23fff' stroke='%23fff' stroke-width='1'/%3E%3Cpath d='M270.725,1.778a6.017,6.017,0,0,0-9.3,1.053.359.359,0,0,0,.6.388,5.3,5.3,0,1,1,4.469,8.153h-.082a1.116,1.116,0,0,0-.425.075l-.867.333-1.6.614.42-1.1a.6.6,0,0,0-.242-.723,5.3,5.3,0,0,1-2.506-4.623,5.249,5.249,0,0,1,.192-1.3.359.359,0,1,0-.692-.194,6.023,6.023,0,0,0,.533,4.53,6.06,6.06,0,0,0,2.009,2.147l-.5,1.31a.573.573,0,0,0,.74.74l1.907-.731.867-.333a.411.411,0,0,1,.154-.027h.1a6.023,6.023,0,0,0,4.229-10.312Z' transform='translate(-247.998 -0.044)' fill='%23fff' stroke='%23fff' stroke-width='1'/%3E%3Cg transform='translate(15.083 5.006)' fill='%23fff' stroke='%23fff' stroke-width='1'%3E%3Ccircle cx='0.813' cy='0.813' r='0.813' stroke='none'/%3E%3Ccircle cx='0.813' cy='0.813' r='0.313' fill='none'/%3E%3C/g%3E%3Cg transform='translate(17.685 5.006)' fill='%23fff' stroke='%23fff' stroke-width='1'%3E%3Ccircle cx='0.813' cy='0.813' r='0.813' stroke='none'/%3E%3Ccircle cx='0.813' cy='0.813' r='0.313' fill='none'/%3E%3C/g%3E%3Cg transform='translate(20.288 5.006)' fill='%23fff' stroke='%23fff' stroke-width='1'%3E%3Ccircle cx='0.813' cy='0.813' r='0.813' stroke='none'/%3E%3Ccircle cx='0.813' cy='0.813' r='0.313' fill='none'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.xc-contact--map .section-title-main {
    border-bottom: 3px solid #f1af00;
    padding-bottom: 5px;
}
.xc-contact--map .section-title-normal b {
    display: none; 
}

/* Update border bottom for section-title-normal */
.section-title-normal {
    border-bottom: 1px solid #1b3566 !important;
}
.section-title-normal span {
    border-bottom: 0 !important;
}