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

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800;900&display=swap');

body, h1, h2, h3, h4, h5, h6, p, ul, li, a, 
span:not([class*="icon"]), 
div:not([class*="icon"]),
button, input, textarea {
    font-family: 'Inter', sans-serif !important;
}

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

.absolute-footer {
    display: none;
}

.xc-footer {
    padding-top: 10px !important;
    padding-bottom: 0 !important;
}

.xc-footer .row:first-child {
    font-size: 15px;
}
.xc-footer .row:first-child p {
    text-align: justify;
}
.xc-footer .row:first-child > .col:nth-child(1) .img-inner {
    text-align: center;
}
.xc-footer .row:first-child > .col:nth-child(1) .img-inner img {
    width: 50%;
}
.xc-footer .slogan {
    font-family: "Times New Roman", serif;
    font-size: 18px;
    font-style: italic;
    text-align: center;
    color: var(--fs-color-primary);
    margin-top: -10px;
    margin-bottom: 5px;
}
.xc-footer .row:first-child > .col:nth-child(1) p:not(.slogan) {
    margin-right: 30px;
}
.xc-footer .widget-title {
    font-family: "BeVietnamPro-ExtraBold", sans-serif;
    font-size: 18px;
    font-weight: 800;
    line-height: 25px;
    text-transform: uppercase;
    color: var(--fs-color-primary);
    margin-left: 20px;
    border-bottom: none;
}
.xc-footer .row:first-child > .col:not(:first-child) .widget-title {
    margin-left: 0;
}
.xc-footer .ux-menu-link__link {
    border-bottom: none; 
    padding-top: 0;
    padding-bottom: 8px;
    min-height: auto;
}
.xc-footer .ux-menu-link__link:hover {
    color: #0866ff;
}
.xc-footer .footer-fb iframe {
    height: 140px !important;
}
.xc-footer .footer-map iframe {
    height: 200px !important;
}
.xc-footer .footer-follow {
    text-align: center;
}
.xc-footer .footer-follow .button.icon {
    border: none !important;
    box-shadow: none !important;
    font-size: 1.2em;
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    margin: 0 4px !important;
    color: #fff !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
}
.xc-footer .footer-follow .facebook {
    background-color: #3b5998 !important;
}
.xc-footer .footer-follow .tiktok {
    background-color: #000000 !important;
}
.xc-footer .footer-follow .button.icon:hover,
.xc-footer .footer-follow .button.icon:focus,
.xc-footer .footer-follow .button.icon:active {
    opacity: 1 !important;
    transform: none !important;
    box-shadow: none !important;
    color: #fff !important;
    filter: none !important;
}
.xc-footer .footer-follow .facebook:hover {
    background-color: #3b5998 !important;
}
.xc-footer .footer-follow .tiktok:hover {
    background-color: #000000 !important;
}
.xc-footer .footer-follow .telegram:hover {
    background-color: #0180C7 !important;
}

.xc-footer .footer-follow .telegram {
    background-color: #0180C7 !important; 
}
.xc-footer .footer-follow .telegram i {
    display: none !important; 
}
.xc-footer .footer-follow .telegram::after {
    content: "";
    display: block;
    width: 22px;
    height: 22px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2500 2372"><path fill="%23FFF" d="M566.4,1939.8c-8.3-3.7-14.4-7.9-4.6-16.2c6-4.6,12.5-8.8,19-13c60.7-39.4,117.7-82.5,155.3-146 c31.5-52.8,26.4-83.9-13-122.8C503.3,1422,406.9,1159.2,455.1,848.7c27.3-175.2,107.5-326.8,224.3-458.4 c70.5-79.7,154.3-144.2,246.1-197.9c5.6-3.2,13.4-4.2,14.4-12.5c-1.9-4.6-5.1-3.2-7.9-3.2c-156.2,0-312.4-3.2-468.1,0.9 c-149.3,4.6-278.1,120-277.6,285.5c0.9,483.4,0,966.9,0,1450.8c0,150.2,114.5,275.8,264.2,281.4c126.5,5.1,253.1,0.9,380.1,0.5 c9.3,0.5,18.5,0.9,27.8,0.9h669.3c166.9,0,333.7,0.9,500.6,0c154.8,0,280.4-125.1,280.4-279.5v-2.8v-271.2c0-6.5,2.3-13.4-1.9-20.4 c-8.3,0.5-11.6,7.4-16.2,12.1c-89.9,90.4-196.1,163.2-312.4,214.6c-285.1,125.6-575.2,134.4-869.5,33.4 c-25.5-9.3-53.3-10.2-79.7-3.7c-38.9,9.7-77.4,21.3-115.9,32.9C800,1947.2,684.5,1962.9,566.4,1939.8L566.4,1939.8z M902.4,1158.7 c7.9-10.2,12.1-16.2,16.7-22.2c60.7-76.9,121.4-153.9,182.2-231.3c17.6-22.2,35.2-45,46.4-71.8c13-30.6-0.9-59.3-32.4-70.5 c-13.9-4.2-28.7-6-43.6-5.1c-82.5-0.5-165.5-0.5-248,0c-11.6,0-23.2,1.4-34.3,4.2c-26,6.5-41.7,32.9-35.2,59.3 c4.6,17.6,18.5,31.5,36.2,35.7c11.1,2.8,22.7,4.2,34.3,3.7c50.1,0.5,100.6,0,150.6,0.5c5.6,0,12.5-3.7,16.7,4.6 c-4.2,5.6-8.3,11.1-12.5,16.2c-71.8,90.8-143.2,182.2-215.1,273c-17.6,22.7-26.9,47.7-13.9,75.6s39.4,32.9,66.3,34.8 c21.3,1.4,43.1,0.5,64.9,0.5c75.1,0,149.7,0.5,224.8-0.5c39.9-0.5,61.2-24.6,57-61.6c-3.2-29.2-23.2-44.5-60.3-45 C1037.7,1158.3,972.4,1158.7,902.4,1158.7L902.4,1158.7z M1440.1,914.9c-57.9-50.5-121.9-53.8-184.5-16.7 c-76,44.5-103.8,117.3-94.6,201.6c8.8,78.8,43.1,143.2,125.6,169.6c51.4,16.7,99.2,10.7,141.4-23.6c11.1-8.8,14.4-7,22.2,2.8 c15.3,19.5,41.7,26.9,64.9,18.1c23.2-7,38.5-28.3,38.5-52.4c0.5-92.7,0.9-185.4,0-278.1c-0.5-37.1-35.2-60.7-71.4-53.3 C1462.3,887.1,1451.2,900.6,1440.1,914.9L1440.1,914.9z M1761.3,1086.9c-1.9,115.9,94.1,203.5,214.6,191.4 c110.8-11.1,182.6-94.1,178.9-211.4c-3.7-115.9-89.9-195.1-208.1-191.4C1835.9,878.8,1757.6,967.8,1761.3,1086.9z M1720.5,994.7 c0-72.8,0.5-145.1,0-217.9c0-37.1-23.6-60.3-58.9-59.8c-34.3,0.5-57,23.6-57.5,59.3c-0.5,21.8,0,43.1,0,64.9v368.5 c0,28.7,17.6,53.8,40.8,59.8c32,8.8,64.9-10.2,73.2-42.2c1.4-5.6,2.3-11.1,1.9-17.1C1721,1138.3,1720.5,1066.5,1720.5,994.7 L1720.5,994.7z"/><path fill="%23FFF" d="M1276,1084.1c-0.5-65.4,35.2-104.8,85.7-102c21.8,0.9,42.2,11.6,55.2,29.7c26,34.8,26,93.2,0,128.4 c-25,33.4-72.8,40.3-106.6,15.3c-5.6-4.2-10.7-9.3-15.3-15.3C1283.4,1124,1276.9,1104.5,1276,1084.1L1276,1084.1z M1877.6,1075.8 c0-57.5,35.2-95.9,85.3-93.2c21.8,0.5,42.2,11.6,55.2,29.2c26.4,35.2,26.4,95-0.5,129.8c-26,32.9-74.2,38.5-107.1,12.5 c-5.1-3.7-9.3-8.3-13-13.4C1883.7,1121.7,1877.2,1099,1877.6,1075.8z"/></svg>');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.xc-footer .row:last-child {
    max-width: 100% !important;
    width: 100vw !important;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    background-color: transparent;
    background-image: linear-gradient(0deg, #c1a04b 0%, #d5b665 100%);
    padding-top: 15px;
    padding-bottom: 15px;
    border-top: 1px solid #eaeaea;
    display: flex;
    align-items: center;
    justify-content: center;
}
.xc-footer .row:last-child .col {
    padding-bottom: 0;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.xc-footer .footer-copyright {
    text-align: center;
    font-size: 14px;
    color: #ffffff;
    margin: 0;
}

@media (min-width: 850px) {
    .xc-footer .row:first-child > .col:nth-child(1) { flex-basis: 30%; max-width: 30%; }
    .xc-footer .row:first-child > .col:nth-child(2) { 
        flex-basis: 22%; max-width: 22%; 
        padding-left: 30px; padding-top: 30px; 
    }
    .xc-footer .row:first-child > .col:nth-child(3) { 
        flex-basis: 21.4%; max-width: 21.4%; 
        padding-left: 30px; padding-top: 30px; 
    }
    .xc-footer .row:first-child > .col:nth-child(4) { 
        flex-basis: 26.6%; max-width: 26.6%; 
        padding-left: 50px; padding-top: 30px; 
    }
}

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

    .xc-footer .row:first-child > .col {
        flex-basis: 100% !important;
        max-width: 100% !important;
        padding-left: 15px !important; 
        padding-right: 15px !important;
        padding-top: 20px !important;
    }
    .xc-footer .row:first-child > .col:nth-child(1) p:not(.slogan) {
        margin-right: 0;
    }
    .xc-footer .footer-follow {
        text-align: left;
    }
}

.header-top {
    background-color: transparent !important;
    background-image: linear-gradient(180deg, #c1a04b 0%, #d5b665 100%) !important;
}
.header-top .flex-col {
    padding-top: 5px;
    padding-bottom: 5px;
}
.header-top .html_topbar_left,
.header-top .html_topbar_right {
    color: #ffffff;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
}
.header-top .html_topbar_left::before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 8px;
    background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"><path fill="%23C62026" d="M336 0H48C21.49 0 0 21.49 0 48v464l192-112 192 112V48c0-26.51-21.49-48-48-48zm0 428.43l-144-84-144 84V54a6 6 0 0 1 6-6h276c3.314 0 6 2.683 6 5.996V428.43z"></path></svg>');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.header-top .html_topbar_right::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 8px;
    background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 576 512" xmlns="http://www.w3.org/2000/svg"><path fill="%23C62026" d="M570.69,236.27,512,184.44V48a16,16,0,0,0-16-16H432a16,16,0,0,0-16,16V99.67L314.78,10.3C308.5,4.61,296.53,0,288,0s-20.46,4.61-26.74,10.3l-256,226A18.27,18.27,0,0,0,0,248.2a18.64,18.64,0,0,0,4.09,10.71L25.5,282.7a21.14,21.14,0,0,0,12,5.3,21.67,21.67,0,0,0,10.69-4.11l15.9-14V480a32,32,0,0,0,32,32H480a32,32,0,0,0,32-32V269.88l15.91,14A21.94,21.94,0,0,0,538.63,288a20.89,20.89,0,0,0,11.87-5.31l21.41-23.81A21.64,21.64,0,0,0,576,248.19,21,21,0,0,0,570.69,236.27ZM288,176a64,64,0,1,1-64,64A64,64,0,0,1,288,176ZM400,448H176a16,16,0,0,1-16-16,96,96,0,0,1,96-96h64a96,96,0,0,1,96,96A16,16,0,0,1,400,448Z"></path></svg>');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.header-top .header-social-icons {
    margin-right: 0 !important;
}
.header-top .header-social-icons .social-icons a.icon {
    background-color: #ffffff !important;
    color: #c1a04b !important;
    border-radius: 50% !important;
    width: 30px !important;
    height: 30px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    margin: 5px 0 5px 5px !important;
    border: none !important;
    box-shadow: none !important;
    transition: all 0.3s ease !important;
}
.header-top .header-social-icons .social-icons a.icon:hover {
    background-color: #c1a04b !important;
    color: #ffffff !important;
}
.header-top .header-social-icons .social-icons a.icon i {
    font-size: 14px;
}

.header-main {
    background-color: #ffffff !important;
    border-bottom: none !important;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25) !important;
    border-radius: 0 0 10px 10px !important;
}

.header-button-1 .button {
    width: 250px !important;
    display: inline-flex !important;
    justify-content: center;
    align-items: center;
    background-color: transparent !important;
    background-image: linear-gradient(180deg, #c1a04b 0%, #c1a04b 100%) !important;
    color: #ffffff !important;
    border-radius: 10px !important;
    border: none !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    padding: 10px 20px !important;
    animation: hotline-pulse 2s infinite;
    box-shadow: 0 0 0 rgba(198, 32, 38, 0.9);
    transition: transform 0.3s;
}
.header-button-1 .button:hover {
    background-image: linear-gradient(180deg, #c1a04b 0%, #c1a04b 100%) !important;
    animation: none;
    transform: scale(1.1);
}

@keyframes hotline-pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(198, 32, 38, 0.7);
    }
    70% {
        box-shadow: 0 0 0 15px rgba(198, 32, 38, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(198, 32, 38, 0);
    }
}

.header-bottom {
    background-color: #ffffff !important;
}
.header-bottom .nav > li > a {
    color: #333 !important;
    font-weight: 500;
}
.header-bottom .nav > li > a:hover,
.header-bottom .nav > li.current-menu-item > a {
    color: #c1a04b !important;
}
.header-bottom .nav-dropdown {
    background-color: #c1a04b !important;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
.header-bottom .nav-dropdown li,
.header-bottom .nav-dropdown ul {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.header-bottom .nav-dropdown > li > a {
    color: #ffffff !important;
    padding: 15px !important;
    border-bottom: none !important;
    margin: 0 !important;
}
.header-bottom .nav-dropdown > li > a:hover {
    color: #c1a04b !important;
    background-color: transparent !important;
}

.header-bottom .nav > li > a i.icon-angle-down,
.header-bottom .nav > li.menu-item-has-children > a::after,
.header-bottom .nav > li.has-dropdown > a::after,
.header-bottom .nav > li > a.is-down-arrow::after,
.header-bottom .nav-dropdown::after,
.header-bottom .nav-dropdown::before {
    display: none !important;
    content: none !important;
    border: none !important;
}

.xc-contact-bar {
    right: 5%;
    bottom: 5%;
    display: flex;
    z-index: 99999;
    position: fixed;
    align-items: flex-end;
    flex-direction: column-reverse;
}

.xc-contact-bar__item {
    color: #fff;
    cursor: pointer;
    height: 42px;
    margin: 0 0 10px 0;
    display: flex;
    padding: 0 20px;
    position: relative;
    box-shadow: 0px 2px 6px 1px rgba(0, 0, 0, 0.20);
    text-align: center;
    transition: ease-in-out 250ms;
    align-items: center;
    border-radius: 100px 100px 0 100px;
    flex-direction: row-reverse;
    text-decoration: none !important;
}

.xc-contact-bar__item:hover {
    box-shadow: 0px 5px 11px 1px rgba(0, 0, 0, 0.25);
    color: #fff;
}

.xc-contact-bar__item--zalo {
    background-color: rgba(255, 255, 255, 1);
}

.xc-contact-bar__item--facebook {
    background-color: rgba(2, 71, 164, 1);
}

.xc-contact-bar__icon {
    width: 25px;
    z-index: 1;
    margin-left: 15px;
    transition: all 0.2s ease-out;
}

.xc-contact-bar__icon--zalo {
    border-radius: 50px;
}

.xc-contact-bar__icon--facebook {
    font-size: 20px;
    color: #fff;
    text-align: center;
}

.xc-contact-bar__label {
    color: rgba(28, 63, 109, 1);
    display: inline-block;
    z-index: 1;
    font-size: 16px;
    text-align: right;
    transition: all 250ms ease-in-out;
    font-family: 'BeVietnamPro-Regular', "Microsoft Sans Serif", sans-serif;
    white-space: nowrap;
    border-radius: 10px;
}

.xc-contact-bar__item--facebook .xc-contact-bar__label {
    color: #fff;
}

.xc-contact-bar__item--zalo:hover .xc-contact-bar__icon {
    width: 25px;
}

.xc-contact-bar__item--facebook:hover .xc-contact-bar__icon {
    font-size: 20px;
}

.xc-home-strength {
    position: relative;
    z-index: 10;
}

.xc-home-strength .row {
    background-image: linear-gradient(180deg, #c1a04b 0%, #d5b665 100%) !important;
    border-radius: 10px !important;
    margin-top: -55px !important; 
    padding-top: 25px !important;
    padding-bottom: 25px !important;
}

.xc-home-strength .row > .col {
    padding-bottom: 0 !important;
}

.xc-home-strength .icon-box {
    display: flex !important;
    flex-direction: row !important;
    align-items: center;
}
.xc-home-strength .icon-box-text p {
    color: #ffffff !important;
    font-size: 15px;
    line-height: 1.4;
    margin-bottom: 0;
}

.xc-home-strength .icon-box::before {
    content: "";
    display: block;
    width: 60px;
    height: 60px;
    flex-shrink: 0;
    margin-right: 15px;
    border: 2px solid #FFFFFF; 
    border-radius: 50%; 
    background-size: 30px; 
    background-repeat: no-repeat;
    background-position: center;
}

.xc-home-strength .bao-gia::before {
    background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 576 512" xmlns="http://www.w3.org/2000/svg"><path fill="%23FFFFFF" d="M271.06,144.3l54.27,14.3a8.59,8.59,0,0,1,6.63,8.1c0,4.6-4.09,8.4-9.12,8.4h-35.6a30,30,0,0,1-11.19-2.2c-5.24-2.2-11.28-1.7-15.3,2l-19,17.5a11.68,11.68,0,0,0-2.25,2.66,11.42,11.42,0,0,0,3.88,15.74,83.77,83.77,0,0,0,34.51,11.5V240c0,8.8,7.83,16,17.37,16h17.37c9.55,0,17.38-7.2,17.38-16V222.4c32.93-3.6,57.84-31,53.5-63-3.15-23-22.46-41.3-46.56-47.7L282.68,97.4a8.59,8.59,0,0,1-6.63-8.1c0-4.6,4.09-8.4,9.12-8.4h35.6A30,30,0,0,1,332,83.1c5.23,2.2,11.28,1.7,15.3-2l19-17.5A11.31,11.31,0,0,0,368.47,61a11.43,11.43,0,0,0-3.84-15.78,83.82,83.82,0,0,0-34.52-11.5V16c0-8.8-7.82-16-17.37-16H295.37C285.82,0,278,7.2,278,16V33.6c-32.89,3.6-57.85,31-53.51,63C227.63,119.6,247,137.9,271.06,144.3ZM565.27,328.1c-11.8-10.7-30.2-10-42.6,0L430.27,402a63.64,63.64,0,0,1-40,14H272a16,16,0,0,1,0-32h78.29c15.9,0,30.71-10.9,33.25-26.6a31.2,31.2,0,0,0,.46-5.46A32,32,0,0,0,352,320H192a117.66,117.66,0,0,0-74.1,26.29L71.4,384H16A16,16,0,0,0,0,400v96a16,16,0,0,0,16,16H372.77a64,64,0,0,0,40-14L564,377a32,32,0,0,0,1.28-48.9Z"></path></svg>');
}
.xc-home-strength .cam-ket::before {
    background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 288 512" xmlns="http://www.w3.org/2000/svg"><path fill="%23FFFFFF" d="M209.2 233.4l-108-31.6C88.7 198.2 80 186.5 80 173.5c0-16.3 13.2-29.5 29.5-29.5h66.3c12.2 0 24.2 3.7 34.2 10.5 6.1 4.1 14.3 3.1 19.5-2l34.8-34c7.1-6.9 6.1-18.4-1.8-24.5C238 74.8 207.4 64.1 176 64V16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v48h-2.5C45.8 64-5.4 118.7.5 183.6c4.2 46.1 39.4 83.6 83.8 96.6l102.5 30c12.5 3.7 21.2 15.3 21.2 28.3 0 16.3-13.2 29.5-29.5 29.5h-66.3C100 368 88 364.3 78 357.5c-6.1-4.1-14.3-3.1-19.5 2l-34.8 34c-7.1 6.9-6.1 18.4 1.8 24.5 24.5 19.2 55.1 29.9 86.5 30v48c0 8.8 7.2 16 16 16h32c8.8 0 16-7.2 16-16v-48.2c46.6-.9 90.3-28.6 105.7-72.7 21.5-61.6-14.6-124.8-72.5-141.7z"></path></svg>');
}
.xc-home-strength .cam-ket-2::before {
    background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"><path fill="%23FFFFFF" d="M97.12 362.63c-8.69-8.69-4.16-6.24-25.12-11.85-9.51-2.55-17.87-7.45-25.43-13.32L1.2 448.7c-4.39 10.77 3.81 22.47 15.43 22.03l52.69-2.01L105.56 507c8 8.44 22.04 5.81 26.43-4.96l52.05-127.62c-10.84 6.04-22.87 9.58-35.31 9.58-19.5 0-37.82-7.59-51.61-21.37zM382.8 448.7l-45.37-111.24c-7.56 5.88-15.92 10.77-25.43 13.32-21.07 5.64-16.45 3.18-25.12 11.85-13.79 13.78-32.12 21.37-51.62 21.37-12.44 0-24.47-3.55-35.31-9.58L252 502.04c4.39 10.77 18.44 13.4 26.43 4.96l36.25-38.28 52.69 2.01c11.62.44 19.82-11.27 15.43-22.03zM263 340c15.28-15.55 17.03-14.21 38.79-20.14 13.89-3.79 24.75-14.84 28.47-28.98 7.48-28.4 5.54-24.97 25.95-45.75 10.17-10.35 14.14-25.44 10.42-39.58-7.47-28.38-7.48-24.42 0-52.83 3.72-14.14-.25-29.23-10.42-39.58-20.41-20.78-18.47-17.36-25.95-45.75-3.72-14.14-14.58-25.19-28.47-28.98-27.88-7.61-24.52-5.62-44.95-26.41-10.17-10.35-25-14.4-38.89-10.61-27.87 7.6-23.98 7.61-51.9 0-13.89-3.79-28.72.25-38.89 10.61-20.41 20.78-17.05 18.8-44.94 26.41-13.89 3.79-24.75 14.84-28.47 28.98-7.47 28.39-5.54 24.97-25.95 45.75-10.17 10.35-14.15 25.44-10.42 39.58 7.47 28.36 7.48 24.4 0 52.82-3.72 14.14.25 29.23 10.42 39.59 20.41 20.78 18.47 17.35 25.95 45.75 3.72 14.14 14.58 25.19 28.47 28.98C104.6 325.96 106.27 325 121 340c13.23 13.47 33.84 15.88 49.74 5.82a39.676 39.676 0 0 1 42.53 0c15.89 10.06 36.5 7.65 49.73-5.82zM97.66 175.96c0-53.03 42.24-96.02 94.34-96.02s94.34 42.99 94.34 96.02-42.24 96.02-94.34 96.02-94.34-42.99-94.34-96.02z"></path></svg>');
}
.xc-home-strength .bao-cao::before {
    background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 640 512" xmlns="http://www.w3.org/2000/svg"><path fill="%23FFFFFF" d="M610.5 341.3c2.6-14.1 2.6-28.5 0-42.6l25.8-14.9c3-1.7 4.3-5.2 3.3-8.5-6.7-21.6-18.2-41.2-33.2-57.4-2.3-2.5-6-3.1-9-1.4l-25.8 14.9c-10.9-9.3-23.4-16.5-36.9-21.3v-29.8c0-3.4-2.4-6.4-5.7-7.1-22.3-5-45-4.8-66.2 0-3.3.7-5.7 3.7-5.7 7.1v29.8c-13.5 4.8-26 12-36.9 21.3l-25.8-14.9c-2.9-1.7-6.7-1.1-9 1.4-15 16.2-26.5 35.8-33.2 57.4-1 3.3.4 6.8 3.3 8.5l25.8 14.9c-2.6 14.1-2.6 28.5 0 42.6l-25.8 14.9c-3 1.7-4.3 5.2-3.3 8.5 6.7 21.6 18.2 41.1 33.2 57.4 2.3 2.5 6 3.1 9 1.4l25.8-14.9c10.9 9.3 23.4 16.5 36.9 21.3v29.8c0 3.4 2.4 6.4 5.7 7.1 22.3 5 45 4.8 66.2 0 3.3-.7 5.7-3.7 5.7-7.1v-29.8c13.5-4.8 26-12 36.9-21.3l25.8 14.9c2.9 1.7 6.7 1.1 9-1.4 15-16.2 26.5-35.8 33.2-57.4 1-3.3-.4-6.8-3.3-8.5l-25.8-14.9zM496 368.5c-26.8 0-48.5-21.8-48.5-48.5s21.8-48.5 48.5-48.5 48.5 21.8 48.5 48.5-21.7 48.5-48.5 48.5zM96 224c35.3 0 64-28.7 64-64s-28.7-64-64-64-64 28.7-64 64 28.7 64 64 64zm224 32c1.9 0 3.7-.5 5.6-.6 8.3-21.7 20.5-42.1 36.3-59.2 7.4-8 17.9-12.6 28.9-12.6 6.9 0 13.7 1.8 19.6 5.3l7.9 4.6c.8-.5 1.6-.9 2.4-1.4 7-14.6 11.2-30.8 11.2-48 0-61.9-50.1-112-112-112S208 82.1 208 144c0 61.9 50.1 112 112 112zm105.2 194.5c-2.3-1.2-4.6-2.6-6.8-3.9-8.2 4.8-15.3 9.8-27.5 9.8-10.9 0-21.4-4.6-28.9-12.6-18.3-19.8-32.3-43.9-40.2-69.6-10.7-34.5 24.9-49.7 25.8-50.3-.1-2.6-.1-5.2 0-7.8l-7.9-4.6c-3.8-2.2-7-5-9.8-8.1-3.3.2-6.5.6-9.8.6-24.6 0-47.6-6-68.5-16h-8.3C179.6 288 128 339.6 128 403.2V432c0 26.5 21.5 48 48 48h255.4c-3.7-6-6.2-12.8-6.2-20.3v-9.2zM173.1 274.6C161.5 263.1 145.6 256 128 256H64c-35.3 0-64 28.7-64 64v32c0 17.7 14.3 32 32 32h65.9c6.3-47.4 34.9-87.3 75.2-109.4z"></path></svg>');
}

@media (max-width: 767px) {
    .xc-home-strength .row {
        margin-top: -40px !important;
    }
    .xc-home-strength .icon-box {
        flex-direction: column !important;
        text-align: center;
    }
    .xc-home-strength .icon-box::before {
        margin-right: 0;
        margin-bottom: 10px;
        width: 45px;
        height: 45px;
        background-size: 20px;
    }
}

.ux-project-card {
    border-radius: 12px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08) !important;
    overflow: hidden !important;
    background: #ffffff !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

.ux-project-card:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15) !important;
}

.ux-project-card .box-image {
    border-top-left-radius: 12px !important;
    border-top-right-radius: 12px !important;
    overflow: hidden !important;
}

.ux-project-card .box-image img {
    border-top-left-radius: 12px !important;
    border-top-right-radius: 12px !important;
    transition: transform 0.4s ease !important;
}

.ux-project-card:hover .box-image img {
    transform: scale(1.05) !important;
}

.ux-project-card .box-text {
    text-align: left !important;
    padding: 16px 18px !important;
}

.ux-project-card .post-title {
    text-align: left !important;
    font-weight: 600 !important;
    font-size: 1.05rem !important;
    margin-bottom: 10px !important;
    line-height: 1.4 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.ux-project-card .post-title a {
    color: #222222 !important;
}

.ux-project-card .ux-pj-title-icon,
.ux-project-card .ux-pj-icon {
    width: 16px;
    height: 16px;
    fill: #222222;
    display: inline-block;
    vertical-align: -2px;
    margin-right: 6px;
    flex-shrink: 0;
}

.ux-project-card .ux-pj-title-icon {
    fill: #c1a04b;
}

.ux-project-card .ux-project-info-row {
    font-size: 0.9rem !important;
    color: #444444 !important;
    margin-bottom: 6px !important;
    line-height: 1.4 !important;
    display: flex !important;
    align-items: center !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    width: 100% !important;
}

.ux-project-card .ux-project-info-row span {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.ux-project-card .from_the_blog_excerpt {
    text-align: left !important;
}

.single-du-an-page .du-an-hero {
    background: #c1a04b;
    padding: 30px 0;
}

.single-du-an-page .du-an-overview-card {
    background: #ffffff;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.06);
    border: 1px solid #f0f0f0;
}

.single-du-an-page .du-an-info-title {
    font-size: 1.4rem;
    font-weight: 700;
    color: #c1a04b;
    margin-bottom: 8px;
}

.single-du-an-page .du-an-info-list {
    list-style: none;
    padding: 0;
    margin: 0 0 15px 0;
}

.single-du-an-page .du-an-info-list li {
    font-size: 1rem;
    color: #333;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
}

.single-du-an-page .du-an-info-list li svg {
    width: 18px;
    height: 18px;
    fill: #c1a04b;
    margin-right: 10px;
    flex-shrink: 0;
}

.single-du-an-page .du-an-desc {
    background: #f9f9f9;
    padding: 15px;
    border-radius: 8px;
    border-left: 4px solid #c1a04b;
    font-size: 0.95rem;
    color: #555;
    line-height: 1.6;
}

.single-du-an-page .du-an-testimonial-card {
    background: linear-gradient(135deg, #f0f4f9 0%, #e6eef7 100%);
    border-radius: 16px;
    padding: 35px 25px;
    border: 1px solid #d0e0f0;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.single-du-an-page .testimonial-heading {
    color: #c1a04b;
    font-size: 1.3rem;
    font-weight: 700;
    margin-bottom: 12px;
}

.single-du-an-page .testimonial-text {
    font-size: 1.05rem;
    font-style: italic;
    color: #333;
    line-height: 1.7;
    margin: 0 0 10px 0;
    border: none;
    padding: 0;
}

.single-du-an-page .testimonial-author {
    color: #c1a04b;
    font-size: 0.95rem;
}

@media (max-width: 767px) {
    .ux-project-card .box-text {
        padding: 10px 12px !important;
    }
    .ux-project-card .post-title {
        font-size: 0.9rem !important;
        margin-bottom: 6px !important;
    }
    .ux-project-card .ux-project-info-row {
        font-size: 0.8rem !important;
        margin-bottom: 4px !important;
    }
    .ux-project-card .ux-pj-icon {
        width: 14px;
        height: 14px;
        margin-right: 4px;
    }
}

.archive-du-an-page .row-small > .col {
    padding: 0 8px 16px 8px !important;
}

@media (max-width: 767px) {
    .archive-du-an-page .row-small {
        margin-left: -5px !important;
        margin-right: -5px !important;
    }
    .archive-du-an-page .row-small > .col {
        padding: 0 5px 10px 5px !important;
    }
}

.du-an-hero {
    position: relative;
    min-height: 260px !important;
    padding: 60px 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.du-an-hero .page-title-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.du-an-hero .page-title-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.du-an-hero .page-title-inner {
    position: relative;
    z-index: 2;
}

.du-an-hero h1.entry-title {
    font-size: 2.2rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px;
    text-shadow: 0 2px 4px rgba(0,0,0,0.6);
}

.du-an-hero .overlay {
    background-color: rgba(0, 0, 0, 0.6) !important;
}

.du-an-hero .taxonomy-description,
.du-an-hero .taxonomy-description p {
    font-size: 1.05rem !important;
    line-height: 1.6 !important;
    max-width: 750px;
    margin: 10px auto 0 auto !important;
    color: rgba(255, 255, 255, 0.92) !important;
    text-shadow: 0 1px 3px rgba(0,0,0,0.5);
}

.nav-pagination .page-number.current,
.nav-pagination li span.current,
.nav-pagination li a.current,
.nav-pagination li.active a,
.nav-pagination li.active span {
    background-color: #c1a04b !important;
    border-color: #c1a04b !important;
    color: #ffffff !important;
    font-weight: 700 !important;
}

.nav-pagination .page-number:hover {
    border-color: #c1a04b !important;
    color: #c1a04b !important;
}

.du-an-gallery-slider .col-inner,
.du-an-gallery-slider .box,
.du-an-gallery-slider .box-image,
.du-an-gallery-slider .box-image .image-cover,
.du-an-gallery-slider .box-image a,
.project-section__gallery .col-inner,
.project-section__gallery .box,
.project-section__gallery .box-image,
.project-section__gallery .box-image .image-cover,
.project-section__gallery .box-image a {
    border-radius: 12px !important;
    overflow: hidden !important;
}

.du-an-gallery-slider img,
.project-section__gallery img {
    border-radius: 12px !important;
}

.single-du-an-page .du-an-overview-card {
    margin-bottom: 45px !important;
}

.single-du-an-page .du-an-section {
    margin-top: 45px !important;
    margin-bottom: 45px !important;
}

.single-du-an-page .du-an-testimonial-card {
    margin-top: 50px !important;
    margin-bottom: 40px !important;
}

.project-detail__container {
    padding-top: 30px;
    padding-bottom: 30px;
}

.project-card-box {
    background-color: #ffffff;
    padding: 25px;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
    border: 1px solid #eeeeee;
    margin-bottom: 30px;
}

.project-overview__img {
    border-radius: 12px;
    width: 100%;
    height: auto;
    object-fit: cover;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
}

.project-overview__title {
    font-size: 1.6rem;
    font-weight: 700;
    color: #c1a04b;
    margin-bottom: 10px;
    line-height: 1.3;
}

.project-overview__address {
    display: flex;
    align-items: center;
    color: #555555;
    font-size: 0.95rem;
    margin-bottom: 12px;
}

.project-overview__address-icon {
    width: 18px;
    height: 18px;
    fill: #c1a04b;
    margin-right: 6px;
    flex-shrink: 0;
}

.project-overview__desc {
    font-size: 0.95rem;
    color: #444444;
    line-height: 1.6;
    margin-bottom: 15px;
}

.project-overview__desc p {
    margin-bottom: 0;
}

.project-meta {
    background-color: #f8fafc;
    padding: 14px 12px;
    border-radius: 10px;
    border: 1px solid #e2e8f0;
    margin-top: 15px;
}

.project-meta__item {
    display: flex;
    align-items: center;
    text-align: left;
}

.project-meta__item--divider {
    border-left: 1px solid #cbd5e1;
    border-right: 1px solid #cbd5e1;
    padding-left: 10px;
    padding-right: 10px;
}

.project-meta__icon {
    margin-bottom: 0;
    margin-right: 10px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
}

.project-meta__icon svg {
    width: 24px;
    height: 24px;
    fill: #c1a04b;
}

.project-meta__content {
    overflow: hidden;
    white-space: nowrap;
}

.project-meta__label {
    display: block;
    font-size: 0.8rem;
    color: #64748b;
    text-transform: none !important;
    font-weight: 500;
    line-height: 1.2;
}

.project-meta__value {
    font-size: 0.9rem;
    color: #1e293b;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.3;
}

.project-section__title {
    color: #c1a04b;
    font-weight: 700;
    font-size: 1.35rem;
    margin-bottom: 12px;
}

.project-section__desc {
    font-size: 0.95rem;
    color: #555555;
    line-height: 1.6;
    margin-bottom: 15px;
}

.project-testimonial-section .project-testimonial {
    background-color: #f8fafc;
    border-radius: 10px;
    padding: 20px 25px;
    border: 1px solid #e2e8f0;
    margin-top: 15px;
    text-align: center;
}

.project-testimonial__quote {
    font-size: 1.05rem;
    font-style: italic;
    color: #334155;
    line-height: 1.7;
    border: none;
    padding: 0;
    margin-bottom: 12px;
}

.project-testimonial__author {
    color: #c1a04b;
    font-size: 0.95rem;
    font-weight: 600;
}

@media (max-width: 767px) {
    .du-an-hero h1.entry-title {
        font-size: 1.3rem !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .blog-featured-title,
    .page-title.blog-featured-title,
    .featured-title.no-overflow {
        min-height: 160px !important;
        padding-top: 25px !important;
        padding-bottom: 25px !important;
        margin-bottom: 10px !important;
    }

    .project-meta .col {
        margin-bottom: 10px;
    }

    .project-meta .col:last-child {
        margin-bottom: 0;
    }
    .project-meta__item--divider {
        border-left: none !important;
        border-right: none !important;
        border-top: 1px dashed #cbd5e1;
        border-bottom: 1px dashed #cbd5e1;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

.blog-archive .ux-project-card .post-title,
.blog-archive .ux-project-card .post-title a {
    white-space: normal !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    height: 2.7em !important;
    line-height: 1.35em !important;
}

.blog-archive .ux-project-card .from_the_blog_excerpt p {
    white-space: normal !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    height: 4.5em !important;
    line-height: 1.5em !important;
    margin-bottom: 0 !important;
    font-size: 0.85rem !important;
    color: #666666 !important;
}

.page-wrapper {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.blog-featured-title,
.page-title.blog-featured-title,
.featured-title.no-overflow {
    min-height: 280px !important;
    padding-top: 60px !important;
    padding-bottom: 60px !important;
    margin-bottom: 10px !important;
}

.blog-featured-title .page-title-inner {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

.entry-divider,
.entry-divider.is-divider.small {
    display: none !important;
}

.post-sidebar .widget_media_image img {
    border-radius: 12px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08) !important;
}

.post-sidebar .widget-title {
    background: linear-gradient(135deg, #c1a04b 0%, #d5b665 100%) !important;
    color: #ffffff !important;
    padding: 10px 15px !important;
    border-radius: 8px !important;
    font-size: 0.95rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin-bottom: 12px !important;
    display: block !important;
}

.post-sidebar .widget-title span {
    color: #ffffff !important;
}

.post-sidebar .widget .is-divider {
    display: none !important;
}

.post-sidebar .recent-blog-posts-li {
    margin-bottom: 12px !important;
    border-bottom: 1px dashed #e2e8f0;
    padding-bottom: 10px !important;
}

.post-sidebar .recent-blog-posts-li:last-child {
    border-bottom: none;
    padding-bottom: 0 !important;
}

.post-sidebar .recent-blog-posts .badge.post-date,
.post-sidebar .recent-blog-posts .badge-inner {
    border-radius: 50% !important;
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    overflow: hidden !important;
    border: none !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15) !important;
}

.post-sidebar .recent-blog-posts .badge-inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    line-height: 1.1 !important;
}

.post-sidebar .recent-blog-posts .badge-inner .post-date-day {
    font-size: 0.9rem !important;
    font-weight: 700 !important;
}

.post-sidebar .recent-blog-posts .badge-inner .post-date-month {
    font-size: 0.65rem !important;
}

.post-sidebar .recent-blog-posts-li .flex-col.flex-grow > a {
    font-size: 0.9rem !important;
    font-weight: 600 !important;
    color: #1e293b !important;
    line-height: 1.4 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    height: 2.8em !important;
}

.post-sidebar .recent-blog-posts-li .flex-col.flex-grow > a:hover {
    color: #d5b665 !important;
}

.post-sidebar .post_comments {
    display: none !important;
}

@media screen and (min-width: 850px) {
    .row-divided > .col + .col:not(.large-12) {
        border-left: none !important;
    }
}

.archive-du-an-page .post-item,
.archive-du-an-page .box-blog-post,
.archive-du-an-page .box-text,
.blog-archive .post-item,
.blog-archive .box-blog-post,
.blog-archive .box-text,
.ux-project-card,
.ux-project-card .box-text,
.ux-project-card .box-text-inner {
    border-bottom: none !important;
}

.widget > ul > li + li,
ul.menu > li + li {
    border-top: none !important;
}

.nav-dropdown-has-arrow li.has-dropdown:before,
.nav-dropdown-has-arrow li.has-dropdown:after,
li.has-dropdown:before,
li.has-dropdown:after,
.nav-dropdown-has-arrow.nav-dropdown-has-border li.has-dropdown:before {
    display: none !important;
    content: none !important;
    border: none !important;
}

#header-bottom,
.header-bottom {
    border-top: 1px solid #e5e7eb !important;
    border-bottom: 1px solid #e5e7eb !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04) !important;
    position: relative;
    z-index: 10;
}

#masthead #logo,
.header-main #logo {
    margin-right: 35px !important;
}

#masthead .header-search-form,
.header-main .header-search-form {
    padding-left: 20px !important;
}

.xc-home-about .slider-wrapper,
.xc-home-about .slider,
.xc-home-about .flickity-viewport,
.xc-home-about .img,
.xc-home-about .img-inner,
.xc-home-about .img-inner img {
    border-radius: 12px !important;
    overflow: hidden !important;
}

h2.xc-section-title,
.xc-home-about h2 {
    font-style: normal !important;
    font-weight: 800 !important;
    color: rgb(28, 63, 109) !important;
    font-size: 40px !important;
    line-height: 45px !important;
    text-transform: uppercase !important;
}

h3.xc-section-title {
    font-style: normal !important;
    font-weight: 800 !important;
    color: rgb(28, 63, 109) !important;
    font-size: 30px !important;
    line-height: 36px !important;
    text-transform: uppercase !important;
}

@media (max-width: 767px) {
    h2,
    h2.xc-section-title,
    .xc-home-about h2,
    .section-title h2,
    .entry-title h2 {
        font-size: 22px !important;
        line-height: 28px !important;
    }

    h3,
    h3.xc-section-title,
    .xc-home-about h3,
    .section-title h3,
    .entry-title h3 {
        font-size: 18px !important;
        line-height: 24px !important;
    }
}

@media (max-width: 767px) {
    .xc-home-aio .row,
    .section.xc-home-aio .row {
        display: flex !important;
        flex-direction: column-reverse !important;
    }
}

.hightlight,
.highlight,
p.hightlight,
p.highlight {
    font-style: normal !important;
    font-weight: 500 !important;
    color: rgb(198, 32, 38) !important;
    font-size: 20px !important;
    line-height: 24px !important;
}

.btn-gioi-thieu,
a.btn-gioi-thieu,
.button.btn-gioi-thieu {
    background-color: rgb(198, 32, 38) !important;
    border-color: rgb(198, 32, 38) !important;
    color: #ffffff !important;
    border-radius: 99px !important;
    text-transform: none !important;
    font-weight: 600 !important;
    font-size: 0.95rem !important;
    padding: 8px 24px !important;
    transition: all 0.3s ease !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.btn-gioi-thieu:hover,
a.btn-gioi-thieu:hover,
.button.btn-gioi-thieu:hover {
    background-color: #c1a04b !important;
    border-color: #c1a04b !important;
    box-shadow: 0 4px 15px rgba(198, 32, 38, 0.35) !important;
    transform: translateY(-2px);
}

.btn-gioi-thieu span,
a.btn-gioi-thieu span {
    text-transform: none !important;
    color: #ffffff !important;
}

.button,
a.button,
button.button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.button i,
.button svg,
.button [class^="icon-"],
.button [class*=" icon-"] {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    vertical-align: middle !important;
    display: inline-flex !important;
    align-items: center !important;
    line-height: 1 !important;
    height: auto !important;
}

.button span {
    display: inline-flex !important;
    align-items: center !important;
    line-height: 1.2 !important;
}

.xc-home-about ul {
    list-style: none !important;
    padding-left: 0 !important;
    margin-top: 15px !important;
    margin-bottom: 20px !important;
}

.xc-home-about ul li {
    position: relative !important;
    padding-left: 28px !important;
    margin-bottom: 10px !important;
    font-size: 0.95rem !important;
    color: #334155 !important;
    line-height: 1.5 !important;
}

.xc-home-about ul li::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 3px !important;
    width: 18px !important;
    height: 18px !important;
    background-color: rgb(198, 32, 38) !important;
    border-radius: 50% !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E") !important;
    background-size: 12px 12px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.flipbox {
    background-color: transparent;
    perspective: 1000px;
    width: 100%;
    height: 320px;
    margin-bottom: 20px;
    position: relative !important;
    z-index: 1;
}

.flipbox:hover {
    z-index: 10;
}

.flipbox__inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.7s cubic-bezier(0.4, 0, 0.2, 1);
    transform-style: preserve-3d;
    display: block;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
}

.flipbox:hover > .flipbox__inner,
.flipbox:hover > a.flipbox__inner {
    transform: rotateY(180deg) !important;
}

.flipbox__front,
.flipbox__back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-radius: 12px;
    overflow: hidden;
    top: 0;
    left: 0;
}

.flipbox__front {
    background-color: #f1f5f9;
    color: #ffffff;
}

.flipbox__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 12px;
}

.flipbox__img-placeholder {
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #c1a04b 0%, #d5b665 100%);
    border-radius: 12px;
}

.flipbox__front-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 25px 15px 15px;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
    text-align: center;
}

.flipbox__front-title {
    color: #ffffff !important;
    font-size: 1.15rem !important;
    font-weight: 700 !important;
    margin: 0 !important;
    text-shadow: 0 2px 4px rgba(0,0,0,0.5);
}

.flipbox__back {
    background: linear-gradient(135deg, #c1a04b 0%, #d5b665 100%);
    color: #ffffff;
    transform: rotateY(180deg);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 25px 20px;
    box-sizing: border-box;
    border-radius: 12px;
}

.flipbox__back-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    text-align: center;
}

.flipbox__back-title {
    color: #ffffff !important;
    font-size: 1.25rem !important;
    font-weight: 700 !important;
    margin-bottom: 10px !important;
    text-transform: uppercase !important;
    line-height: 1.3 !important;
}

.flipbox__back-desc {
    color: #f1f5f9 !important;
    font-size: 0.9rem !important;
    line-height: 1.5 !important;
    margin-bottom: 15px !important;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.flipbox__btn {
    margin-top: 5px;
}

.xc-home-numbers {
    background-color: rgb(28, 63, 109) !important;
    padding-top: 55px !important;
    padding-bottom: 55px !important;
}

.xc-home-numbers h2 {
    color: #ffffff !important;
    text-align: center !important;
    font-size: 2.2rem !important;
    font-weight: 800 !important;
    line-height: 1.35 !important;
    margin-bottom: 35px !important;
    text-transform: uppercase !important;
}

.xc-home-numbers h2 span.highlight-red,
.xc-home-numbers h2 span.text-red {
    color: rgb(198, 32, 38) !important;
}

.xc-home-numbers .icon-box-text {
    text-align: center !important;
}

.xc-home-numbers h3,
.xc-home-numbers .xc-counter-num {
    color: #ffffff !important;
    font-size: 2.8rem !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    margin-bottom: 8px !important;
}

.xc-home-numbers .counter-suffix {
    color: #ffffff !important;
    margin-left: 2px;
}

.xc-home-numbers p,
.xc-home-numbers .xc-counter-label {
    color: #e2e8f0 !important;
    font-size: 0.85rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    margin-bottom: 0 !important;
}

@media (max-width: 767px) {
    .xc-home-numbers h2 {
        font-size: 1.3rem !important;
        line-height: 1.4 !important;
        margin-bottom: 25px !important;
    }
    
    .xc-home-numbers h3 {
        font-size: 2rem !important;
    }

    .xc-home-numbers p {
        font-size: 0.75rem !important;
    }
}

.xc-home-happytime .gallery-col .col-inner,
.xc-home-happytime .gallery-box,
.xc-home-happytime .box-image,
.xc-home-happytime .box-image img,
.xc-home-happytime img {
    border-radius: 12px !important;
    overflow: hidden !important;
}

.xc-home-why .slider-wrapper,
.xc-home-why .slider,
.xc-home-why .flickity-viewport,
.xc-home-why .img,
.xc-home-why .img-inner,
.xc-home-why .img-inner img {
    border-radius: 12px !important;
    overflow: hidden !important;
}

.xc-home-why h2,
.xc-home-why .xc-section-title {
    position: relative !important;
    margin-bottom: 25px !important;
    padding-bottom: 12px !important;
}

.xc-home-why h2::after,
.xc-home-why .xc-section-title::after {
    content: "" !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100px !important;
    height: 3px !important;
    background-color: rgb(198, 32, 38) !important;
    border-radius: 2px !important;
}

.xc-home-why ul {
    list-style: none !important;
    padding-left: 0 !important;
    margin-top: 15px !important;
    margin-bottom: 20px !important;
}

.xc-home-why ul li {
    position: relative !important;
    padding-left: 28px !important;
    margin-bottom: 12px !important;
    font-size: 0.95rem !important;
    color: #334155 !important;
    line-height: 1.5 !important;
}

.xc-home-why ul li::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 3px !important;
    width: 18px !important;
    height: 18px !important;
    background-color: rgb(198, 32, 38) !important;
    border-radius: 50% !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E") !important;
    background-size: 12px 12px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.xc-home-process .row,
.xc-home-process #row-612042930 {
    counter-reset: process-step;
}

.xc-home-process h2,
.xc-home-process .xc-section-title {
    text-align: center !important;
    margin-bottom: 45px !important;
}

.xc-home-process .icon-box {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    box-shadow: none !important;
    position: relative !important;
    height: 100%;
    margin-bottom: 35px;
    text-align: left !important;
}

.xc-home-process .icon-box:hover {
    transform: none !important;
    box-shadow: none !important;
}

.xc-home-process .icon-box::before {
    counter-increment: process-step;
    content: "0" counter(process-step);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    background-color: #c1a04b;
    color: #ffffff;
    font-size: 1.1rem;
    font-weight: 700;
    border-radius: 50%;
    margin-bottom: 20px;
    position: relative;
    z-index: 2;
    flex-shrink: 0;
}

.xc-home-process .icon-box::after {
    content: "" !important;
    position: absolute !important;
    top: 24px !important;
    left: 48px !important;
    right: 0 !important;
    height: 1px !important;
    background-color: #94a3b8 !important;
    z-index: 1 !important;
}

.xc-home-process .icon-box h3 {
    color: #c1a04b !important;
    font-size: 1.2rem !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 10px !important;
    line-height: 1.35 !important;
}

.xc-home-process .icon-box p {
    color: #475569 !important;
    font-size: 0.92rem !important;
    line-height: 1.6 !important;
    margin-bottom: 0 !important;
}

.xc-home-clients h2,
.xc-home-clients .xc-section-title {
    text-align: center !important;
    margin-bottom: 35px !important;
}

.xc-home-clients .img,
.xc-home-clients .img-inner,
.xc-home-clients .img-inner img,
.xc-home-clients .box-image,
.xc-home-clients .box-image img {
    border-radius: 12px !important;
    overflow: hidden !important;
}

.xc-home-clients .xc-row-slider .col {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.xc-home-clients .flickity-prev-next-button {
    background: #ffffff !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
    color: #c1a04b !important;
    border-radius: 50% !important;
}

.xc-home-clients .flickity-prev-next-button:hover {
    background: #c1a04b !important;
    color: #ffffff !important;
}

.xc-home-partners h2,
.xc-home-partners .xc-section-title {
    text-align: center !important;
    margin-bottom: 35px !important;
}

.xc-home-partners .ux-logo,
.xc-home-partners .ux_logo {
    padding-left: 6px !important;
    padding-right: 6px !important;
    box-sizing: border-box !important;
}

.xc-home-partners .ux-logo-link,
.xc-home-partners .ux_logo .ux-logo-link {
    height: 90px !important;
    min-height: 90px !important;
    max-height: 90px !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    padding: 12px 18px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03) !important;
    transition: all 0.3s ease !important;
}

.xc-home-partners .ux-logo-link:hover {
    border-color: #cbd5e1 !important;
    box-shadow: 0 4px 15px rgba(28, 63, 109, 0.1) !important;
    transform: translateY(-3px) !important;
}

.xc-home-partners .ux-logo img,
.xc-home-partners .ux_logo img {
    max-height: 65px !important;
    max-width: 100% !important;
    height: auto !important;
    width: auto !important;
    object-fit: contain !important;
    margin: 0 auto !important;
}

@media screen and (min-width: 850px) {
    .xc-home-partners .ux-logo,
    .xc-home-partners .ux_logo {
        width: 20% !important;
        min-width: 20% !important;
        max-width: 20% !important;
    }
}

@media screen and (max-width: 849px) {
    .xc-home-partners .ux-logo,
    .xc-home-partners .ux_logo {
        width: 50% !important;
        min-width: 50% !important;
        max-width: 50% !important;
    }
}

section.xc-promotion,
.xc-promotion,
.xc-promotion .section-bg,
.xc-promotion .section-bg.fill {
  background: linear-gradient(180deg, #a6883d 0%, #c1a04b 100%) !important;
  background-image: linear-gradient(180deg, #a6883d 0%, #c1a04b 100%) !important;
  color: #ffffff !important;
  font-family: 'Inter', system-ui, -apple-system, sans-serif !important;
  box-sizing: border-box;
}

.xc-promotion *,
.xc-promotion *::before,
.xc-promotion *::after {
  box-sizing: border-box;
  font-family: 'Inter', system-ui, -apple-system, sans-serif !important;
}

.xc-promotion .xc-promotion__container {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.xc-promotion .xc-promotion__content {
  width: 100% !important;
}

.xc-promotion .xc-promotion__form-col {
  width: 100% !important;
  display: block !important;
}

.xc-promotion .xc-promotion__title {
  color: #FCAE14 !important;
  font-family: 'Inter', sans-serif !important;
  font-size: clamp(26px, 3.5vw, 44px) !important;
  font-weight: 800 !important;
  text-align: center !important;
  margin: 0 0 10px 0 !important;
  line-height: 1.2 !important;
}

.xc-promotion .xc-promotion__subtitle {
  color: #FFFFFF !important;
  font-family: 'Inter', sans-serif !important;
  font-size: clamp(18px, 2.5vw, 28px) !important;
  font-weight: 800 !important;
  text-align: center !important;
  margin: 0 0 25px 0 !important;
  line-height: 1.2 !important;
}

.xc-promotion .xc-promotion__features {
  border: 2px dashed #d5b665 !important;
  border-radius: 10px !important;
  padding: 18px 20px !important;
  margin-bottom: 20px !important;
  background-color: rgba(255, 255, 255, 0.08) !important;
}

.xc-promotion .xc-promotion__features-list {
  margin: 0 !important;
  padding-left: 20px !important;
  list-style-type: disc !important;
}

.xc-promotion .xc-promotion__features-item {
  color: #FFFFFF !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 1.7 !important;
  margin-bottom: 6px !important;
}

.xc-promotion .xc-promotion__deadline {
  border: 1px dashed #FFFFFF !important;
  border-radius: 10px !important;
  padding: 12px 15px !important;
}

.xc-promotion .xc-promotion__deadline-text {
  color: #FCAE14 !important;
  font-family: 'Inter', sans-serif !important;
  font-size: clamp(16px, 2vw, 20px) !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
  text-align: center !important;
  margin: 0 !important;
}

.xc-promotion form,
.xc-promotion .wpcf7,
.xc-promotion .wpcf7-form {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.xc-promotion .xc-form-promotion {
  background-color: #FFFFFF !important;
  border: 2px dashed #c1a04b !important;
  border-radius: 12px !important;
  padding: 22px 20px 25px 20px !important;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3) !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.xc-promotion .xc-form-promotion p,
.xc-promotion .xc-form-promotion br,
.xc-promotion .xc-form-promotion__field p,
.xc-promotion .xc-form-promotion__field br,
.xc-promotion .wpcf7 p,
.xc-promotion .wpcf7 br {
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  line-height: normal !important;
}

.xc-promotion .wpcf7-form-control-wrap {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.xc-promotion .xc-form-promotion__heading {
  color: #c1a04b !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
  text-align: center !important;
  margin-bottom: 18px !important;
}

.xc-promotion .xc-form-promotion__heading p {
  color: #c1a04b !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  text-align: center !important;
  margin: 0 !important;
}

.xc-promotion .xc-form-promotion__field {
  display: block !important;
  width: 100% !important;
  margin-bottom: 12px !important;
  margin-top: 0 !important;
  clear: both !important;
}

.xc-promotion .xc-form-promotion__field:last-child {
  margin-bottom: 0 !important;
}

.xc-promotion .xc-form-promotion__input,
.xc-promotion .xc-form-promotion__select,
.xc-promotion .xc-form-promotion input[type="text"],
.xc-promotion .xc-form-promotion input[type="tel"],
.xc-promotion .xc-form-promotion input[type="number"],
.xc-promotion .xc-form-promotion select {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 44px !important;
  min-height: 44px !important;
  max-height: 44px !important;
  line-height: 44px !important;
  padding: 0 12px !important;
  margin: 0 !important;
  border: 1px solid #CCCCCC !important;
  border-radius: 8px !important;
  background-color: #FFFFFF !important;
  color: #1F2124 !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  outline: none !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  transition: border-color 0.3s, box-shadow 0.3s !important;
}

.xc-promotion .xc-form-promotion__input::placeholder {
  color: #777777 !important;
  font-family: 'Inter', sans-serif !important;
}

.xc-promotion .xc-form-promotion__input:focus,
.xc-promotion .xc-form-promotion__select:focus {
  border-color: #c1a04b !important;
  box-shadow: 0 0 0 2px rgba(28, 63, 109, 0.2) !important;
}

.xc-promotion .xc-form-promotion__select-wrap {
  position: relative !important;
  width: 100% !important;
  display: block !important;
}

.xc-promotion .xc-form-promotion__select-wrap::after {
  display: none !important;
  content: none !important;
}

.xc-promotion .xc-form-promotion__select,
.xc-promotion select {
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%231C3F6D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 12px center !important;
  background-size: 16px 16px !important;
  padding-right: 35px !important;
  cursor: pointer !important;
}

.xc-promotion .xc-form-promotion__submit,
.xc-promotion .xc-form-promotion input[type="submit"],
.xc-promotion .xc-form-promotion button[type="submit"] {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 46px !important;
  line-height: 46px !important;
  padding: 0 10px !important;
  margin: 0 !important;
  background-color: #c1a04b !important;
  color: #FFFFFF !important;
  border: none !important;
  border-radius: 8px !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: center !important;
  cursor: pointer !important;
  transition: background-color 0.3s ease !important;
}

.xc-promotion .xc-form-promotion__submit:hover,
.xc-promotion .xc-form-promotion input[type="submit"]:hover {
  background-color: #d5b665 !important;
  color: #FFFFFF !important;
}

@media (max-width: 767px) {
  .xc-promotion .xc-form-promotion {
    padding: 20px 15px 22px 15px !important;
  }
}

.xc-home-strength,
.xc-home-strength p,
.xc-home-strength .icon-box-text p {
  color: #ffffff !important;
}

@media (max-width: 767px) {
  .xc-home-strength .row {
    display: flex !important;
    flex-wrap: nowrap !important;
    margin-left: 8px !important;
    margin-right: 8px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .xc-home-strength .row > .col {
    flex: 0 0 25% !important;
    max-width: 25% !important;
    width: 25% !important;
    padding-left: 3px !important;
    padding-right: 3px !important;
  }

  .xc-home-strength .col-inner {
    padding: 0 !important;
  }

  .xc-home-strength .icon-box {
    text-align: center !important;
    padding: 5px 2px !important;
    flex-direction: column !important;
    align-items: center !important;
  }

  .xc-home-strength .icon-box-img,
  .xc-home-strength .icon-box .icon,
  .xc-home-strength .icon-box img {
    max-width: 28px !important;
    margin-bottom: 5px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .xc-home-strength .icon-box-text {
    text-align: center !important;
  }

  .xc-home-strength .icon-box-text p {
    color: #ffffff !important;
    font-size: 0.68rem !important;
    line-height: 1.25 !important;
    text-align: center !important;
    word-break: break-word !important;
  }
}

.xc-vision .img,
.xc-vision .img-inner,
.xc-vision .img-inner img,
.xc-vision img {
  border-radius: 12px !important;
  overflow: hidden !important;
}

.xc-vision .icon-box {
  margin-bottom: 25px !important;
}

.xc-vision .icon-box:last-child {
  margin-bottom: 0 !important;
}

.xc-vision .icon-box h3 {
  color: #c1a04b !important;
  font-size: 1.25rem !important;
  font-weight: 800 !important;
  margin-top: 0 !important;
  margin-bottom: 8px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

.xc-vision .icon-box h3::before {
  content: "" !important;
  display: inline-block !important;
  width: 24px !important;
  height: 24px !important;
  flex-shrink: 0 !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
}

.xc-vision .col:last-child .icon-box:nth-child(1) h3::before,
.xc-vision .icon-box:nth-child(1) h3::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%231C3F6D' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") !important;
}

.xc-vision .col:last-child .icon-box:nth-child(2) h3::before,
.xc-vision .icon-box:nth-child(2) h3::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%231C3F6D' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Ccircle cx='12' cy='12' r='6'/%3E%3Ccircle cx='12' cy='12' r='2'/%3E%3C/svg%3E") !important;
}

.xc-vision .col:last-child .icon-box:nth-child(3) h3::before,
.xc-vision .icon-box:nth-child(3) h3::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%231C3F6D' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2'/%3E%3C/svg%3E") !important;
}

.xc-process .img,
.xc-process .img-inner,
.xc-process .img-inner img,
.xc-process img {
  border-radius: 12px !important;
  overflow: hidden !important;
}

.xc-process h2.xc-section-title,
.xc-process .xc-section-title {
  color: #c1a04b !important;
  font-size: clamp(22px, 3vw, 32px) !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  margin-bottom: 15px !important;
}

.xc-process .xc-section-title span.text-red,
.xc-process .xc-section-title span.highlight-red,
.xc-process .text-red {
  color: rgb(198, 32, 38) !important;
  font-weight: 800 !important;
}

.xc-process ul {
  list-style: none !important;
  padding-left: 0 !important;
  margin-top: 15px !important;
  margin-bottom: 25px !important;
}

.xc-process ul li {
  position: relative !important;
  padding-left: 28px !important;
  margin-bottom: 12px !important;
  font-size: 0.95rem !important;
  color: #334155 !important;
  line-height: 1.5 !important;
}

.xc-process ul li::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 3px !important;
  width: 18px !important;
  height: 18px !important;
  background-color: rgb(198, 32, 38) !important;
  border-radius: 50% !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E") !important;
  background-size: 12px 12px !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

.xc-process .btn-tu-van,
.xc-process .button.primary,
.xc-process .button {
  background-color: rgb(198, 32, 38) !important;
  color: #ffffff !important;
  border-radius: 8px !important;
  padding: 10px 28px !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  border: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 4px 12px rgba(198, 32, 38, 0.25) !important;
  transition: all 0.3s ease !important;
  text-transform: none !important;
}

.xc-process .btn-tu-van:hover,
.xc-process .button.primary:hover,
.xc-process .button:hover {
  background-color: #c1a04b !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 15px rgba(198, 32, 38, 0.35) !important;
}

.xc-why h2.xc-section-title,
.xc-why .xc-section-title {
  text-align: center !important;
  color: #c1a04b !important;
  font-size: clamp(22px, 3vw, 32px) !important;
  font-weight: 800 !important;
  margin-bottom: 25px !important;
}

.xc-why .col-inner {
  text-align: center !important;
}

.xc-why ul {
  list-style: none !important;
  padding-left: 0 !important;
  margin: 0 auto !important;
  display: inline-block !important;
  text-align: left !important;
}

.xc-why ul li {
  position: relative !important;
  padding-left: 28px !important;
  margin-bottom: 12px !important;
  font-size: 1rem !important;
  color: #334155 !important;
  line-height: 1.5 !important;
}

.xc-why ul li::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 4px !important;
  width: 18px !important;
  height: 18px !important;
  background-color: rgb(198, 32, 38) !important;
  border-radius: 50% !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E") !important;
  background-size: 12px 12px !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

.button:not(.ux-search-submit),
.btn-tu-van,
.btn-primary,
.btn-secondary,
.xc-form-promotion__submit,
.wpcf7-submit {
  font-family: 'Inter', system-ui, -apple-system, sans-serif !important;
  font-weight: 700 !important;
  border-radius: 8px !important;
  border: none !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  outline: none !important;
  box-sizing: border-box !important;
}

.button:not(.ux-search-submit):active,
.btn-tu-van:active,
.wpcf7-submit:active {
  transform: scale(0.98) !important;
}

.button.primary:not(.ux-search-submit),
.button.btn-tu-van,
.btn-tu-van,
.btn-primary {
  background-color: rgb(198, 32, 38) !important;
  color: #FFFFFF !important;
  box-shadow: 0 4px 12px rgba(198, 32, 38, 0.25) !important;
}

.button.primary:not(.ux-search-submit):hover,
.button.btn-tu-van:hover,
.btn-tu-van:hover,
.btn-primary:hover {
  background-color: #c1a04b !important;
  color: #FFFFFF !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 16px rgba(198, 32, 38, 0.35) !important;
}

.button.secondary:not(.ux-search-submit),
.btn-secondary,
.xc-form-promotion__submit,
.wpcf7-submit {
  background-color: #c1a04b !important;
  color: #FFFFFF !important;
  box-shadow: 0 4px 12px rgba(28, 63, 109, 0.25) !important;
}

.button.secondary:not(.ux-search-submit):hover,
.btn-secondary:hover,
.xc-form-promotion__submit:hover,
.wpcf7-submit:hover {
  background-color: #d5b665 !important;
  color: #FFFFFF !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 16px rgba(28, 63, 109, 0.35) !important;
}

.header-search-form .button,
.searchform-wrapper .button,
.searchform .button,
.searchform .submit-button,
.ux-search-submit {
  box-shadow: none !important;
  transform: none !important;
  border-radius: 0 5px 5px 0 !important;
  margin: 0 !important;
  background-color: #c1a04b !important;
  color: #FFFFFF !important;
  height: 100% !important;
  line-height: normal !important;
  padding: 0 14px !important;
  min-height: 0 !important;
}

.header-search-form .button:hover,
.searchform-wrapper .button:hover,
.searchform .button:hover,
.searchform .submit-button:hover,
.ux-search-submit:hover {
  box-shadow: none !important;
  transform: none !important;
  background-color: #d5b665 !important;
}

.icon-flipbox {
  perspective: 1000px;
  width: 100%;
  margin-bottom: 20px;
}

.icon-flipbox__inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  transform-style: preserve-3d;
  display: block;
  text-decoration: none !important;
}

.icon-flipbox:hover .icon-flipbox__inner {
  transform: rotateY(180deg);
}

.icon-flipbox__front,
.icon-flipbox__back {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  border-radius: 12px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 25px 20px;
}

.icon-flipbox__front {
  background-color: #FFFFFF !important;
  border: 1px solid #E2E8F0;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
  color: #c1a04b;
  z-index: 2;
}

.icon-flipbox__img {
  max-width: 55px;
  max-height: 55px;
  object-fit: contain;
  margin-bottom: 12px;
}

.icon-flipbox__front-title {
  color: #c1a04b !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  margin: 0 !important;
  line-height: 1.3 !important;
}

.icon-flipbox__back {
  background-color: rgb(198, 32, 38) !important;
  color: #FFFFFF !important;
  transform: rotateY(180deg);
  box-shadow: 0 6px 20px rgba(198, 32, 38, 0.35);
}

.icon-flipbox__back-title {
  color: #FFFFFF !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  margin: 0 0 10px 0 !important;
  line-height: 1.3 !important;
}

.icon-flipbox__back-desc {
  color: #FFFFFF !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  margin: 0 !important;
  opacity: 0.95;
}

.xc-commit h2.xc-section-title,
.xc-commit .xc-section-title {
  color: #c1a04b !important;
  font-size: clamp(22px, 3vw, 32px) !important;
  font-weight: 800 !important;
  margin-bottom: 15px !important;
}

.xc-commit ul {
  list-style: none !important;
  padding-left: 0 !important;
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}

.xc-commit ul li {
  position: relative !important;
  padding-left: 28px !important;
  margin-bottom: 10px !important;
  font-size: 0.95rem !important;
  color: #334155 !important;
  line-height: 1.5 !important;
}

.xc-commit ul li::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 4px !important;
  width: 18px !important;
  height: 18px !important;
  background-color: rgb(198, 32, 38) !important;
  border-radius: 50% !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E") !important;
  background-size: 12px 12px !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

section.xc-process-2,
.xc-process-2 {
  background-image: linear-gradient(180deg, rgba(15, 37, 68, 0.88) 0%, rgba(28, 63, 109, 0.92) 100%), url('assets/images/process-bg.jpg') !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

.xc-process-2 .section-bg {
  background: transparent !important;
}

.xc-process-2 h2.xc-section-title,
.xc-process-2 .xc-section-title {
  text-align: center !important;
  color: #FFFFFF !important;
}

#top-link,
button#top-link,
.back-to-top#top-link,
.back-to-top {
  background-color: #c1a04b !important;
  color: #FFFFFF !important;
  border: 1px solid #c1a04b !important;
  box-shadow: 0 4px 14px rgba(28, 63, 109, 0.35) !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

#top-link i,
button#top-link i,
.back-to-top i {
  color: #FFFFFF !important;
}

#top-link:hover,
button#top-link:hover,
.back-to-top:hover {
  background-color: #d5b665 !important;
  border-color: #d5b665 !important;
  color: #FFFFFF !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 6px 18px rgba(28, 63, 109, 0.45) !important;
}

#top-link:hover i,
button#top-link:hover i,
.back-to-top:hover i {
  color: #FFFFFF !important;
}