:root {
    --primary: #FFBD59;
}

.title-none .section-title {
    border: none
}

.title-none .section-title.section-title-center {
    justify-content: center
}

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

.title-none .section-title .section-title-main {
    border: none
}






.home-number {
    margin-top: -115px;

    @media only screen and (max-width: 768px) {
        margin: 0;
        background: rgb(8, 13, 17);
        padding: 25px 0 !important;
    }
}

.home-number .bg-col>.col-inner {
    border: 1px solid var(--primary);
}

.home-number .bg-col .col:before {
    border-color: #333;
    height: 60%;
    top: 50%;
    transform: translateY(-50%);
}


.home-number .box-number {
    align-items: center;
}

.home-number .box-number .icon-box-text {
    padding-left: 10px !important;

    @media only screen and (max-width: 768px) {
        padding-left: 20px !important;
    }
}

.home-number .box-number .txt-content h3 {
    font-size: 28px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 10px;
}

.home-number .box-number .txt-content p {
    margin: 0;
}


.home-service .banner-service {
    border-radius: 15px;
    overflow: hidden;
}

.home-service .banner-service .icon-box {
    align-items: center;
    margin-bottom: 10px;
}

.home-service .banner-service .icon-box .icon-box-img {
    width: 18px !important;
}

.home-service .banner-service .icon-box .icon-box-img svg {
    padding-top: 5px;
}

.home-service .banner-service .icon-box .icon-box-text p {
    line-height: 1;
    margin: 0;
}

.home-service .banner-service .txt-wrap p {
    margin: 10px 0;
}

/* Feedback - Tín */
.about-services>.col-inner {
	padding: .5rem;
    background: #000;
    border-radius: 1rem;
}

.about-services.about-services-odd>.col-inner {
	background: #fff;
}

.about-services .icon-box-img {
    max-width: none !important;
}

.about-services .icon-box-img .icon,
.about-services .icon-box-img .icon-inner {
    height: 100%;
}

.about-services .icon-box-img img {
    aspect-ratio: 3 / 4;
    object-fit: cover;
    border-radius: 1rem;
    height: 100%;
    box-shadow: -0.125rem .125rem .25rem rgba(0, 0, 0, 0.4);
}

.about-services .icon-box-text {
/*     background: #feefc9; */
    padding: 2.5rem 1.25rem;
    border-radius: 0 1.5rem 1.5rem 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
/*     margin: 1.5rem 0; */
}

.about-services .icon-box-text>.row {
/* 	gap: 1rem !important; */
}

.about-services a.button.btn-home span,
.about-services a.button.btn-home i {
    color: #000 !important;
}

.about-services .number-wrap .number {
	color: #fff !important;
}
.about-services .act-text span {
	color: #000 !important;
}

.about-services .act-text span {
	font-weight: 500;
}

.about-services:not(.about-services-odd) .number-wrap>*,
.about-services:not(.about-services-odd) .act-text span {
	color: #fff !important;
}

.about-services .act-btn, 
.about-services .act-btn.button.btn-home>* {
    color: var(--primary) !important;
}

/* end */

.button.btn-home {
    background: var(--primary);
    border-color: var(--primary);
}

.button.btn-home span,
.button.btn-home i {
    font-size: 16px;
    color: #fff;
}

.button.btn-home i {
    top: -5px;
}

.number-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.number-wrap .number {
    font-size: 30px;
    padding: 0 13px;
    background: var(--primary);
    border-radius: .375rem;
    overflow: hidden;
}

.number-wrap .txt {
    font-size: 30px;
    font-weight: 700;
    line-height: 1.3;
}



.title-why .section-title .section-title-main {
    font-size: 28px;
    font-weight: 700;
    padding: 0;
    margin: 0;
}

.title-page .section-title .section-title-main {
    font-size: 35px;
    font-weight: 700;
}

.title-page .section-title {
    justify-content: center;
}

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

.title-ft .section-title .section-title-main {
    font-size: 25px;
    font-weight: 700;
}

.title-ft .section-title {
    border: none;
    margin: 0;
}

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

.title-ft .section-title .section-title-main {
    margin: 0;
    padding: 0;
}


.home-why .button.btn-home {
    @media only screen and (max-width: 768px) {
        width: 100%;
    }
}


.home-why .box-why .txt-content h3 {
    font-size: 22px;
    font-weight: 700
}

.home-why .box-why .txt-content h3 br {
    @media only screen and (max-width: 768px) {
        display: none;
    }
}

.home-blog .post-item .box {
    border-radius: 10px;
    overflow: hidden;
}


.home-blog .post-item .box .box-text {
    background: linear-gradient(180deg, rgba(251, 169, 25, 0) 0%, rgb(50 50 50 / 47%) 26.13%, rgb(0 0 0 / 94%) 100%);
}


.sec-footer {
    @media only screen and (max-width: 768px) {
        background: #010913;
    }
}

.sec-footer .fill {
    @media only screen and (max-width: 768px) {
        display: none;
    }
}

.sec-footer .social-ft .icon {
    color: #fff;
}

.sec-footer .img img {
    filter: brightness(100);
}

.sec-footer-mb .btn-submit,
.sec-footer .btn-submit {
text-align: center !important;
}

.sec-footer-mb .wpcf7-spinner,
.sec-footer .wpcf7-spinner {
	display: none !important;
}

.form-gr.gr-flex {
    display: flex;
    gap: 20px;
    align-items: center;
}

.ctf-contact .form-gr input {
    height: 45px;
    color: #fff !important;
    background: #0D1216 !important;
    border: 1px solid #3d464e;
    box-shadow: none !important;
    border-radius: 5px;
}

.btn-submit .wpcf7-submit {
    margin: 0;
    background: red;
    padding: 0 40px;
    border-radius: 10px;
}

.absolute-footer {
    display: none;
}

.about-txt .banner {
    border-radius: 10px;
    overflow: hidden;
}


.title-company .section-title .section-title-main {
    font-size: 20px;
    font-weight: 700;
}

.about-number {
    margin-top: 0 !important;
}

.about-customer .box-customer {
    background: #0D1216;
    border-radius: 10px;
    overflow: hidden;
}

.about-customer .box-customer .box-text {
    padding: 15px;
}

.about-customer .box-customer .box-text .text h3 {
    font-size: 20px;
    margin: 10px 0;
}

.about-customer .about-customer-wrapper .col-inner,
.about-customer .about-customer-wrapper .box-customer {
    height: 100%;
}

.banner-policy {
    border-radius: 10px;
    overflow: hidden;
}

.banner-policy .title-number .section-title-main {
    font-size: 25px;
    font-weight: 700;
    margin: 0;
    padding: 0;
}

.banner-policy .txt-wrap * {
    margin: 10px 0;
}


.col-item .col-inner {
    background: #eeeeee;
    border-radius: 10px;
    overflow: hidden;
}


.title-policy .section-title-main {
    text-transform: none;
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 0;
    padding: 0;
}


.header-main .header-nav .menu-item a {
    color: #fff;
}


.header-main .button.btn-contact {
    background: red;
    padding: 7px 20px !important;
    border-radius: 5px !important;

    span {
        color: #fff;
    }
}

/* Partner Slick */
.partner-slick .box-image img {
    object-fit: contain;
}


/* --- About Customer Read More Toggle --- */
.about-customer-meta span {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: max-height 0.3s ease;
}

.about-customer-meta span.is-expanded {
    display: block;
    -webkit-line-clamp: unset;
    overflow: visible;
}

.about-customer-readmore {
    display: inline-block;
    margin-top: 8px;
    font-size: 14px;
    color: var(--fs-color-secondary);
    font-weight: 600;
    cursor: pointer;
    text-decoration: underline;
    transition: opacity 0.2s ease;
}

.about-customer-readmore:hover {
    color: var(--primary);
}

.about-services-readmore {
    display: none;
    margin-top: 5px;
    font-size: .675rem;
    color: var(--primary) !important;
    font-weight: 600;
    cursor: pointer;
    text-decoration: underline;
}

/*  */
/*  */
/* Menu */
/*  */
/*  */
.mfp-container {    
	background: #0A1428;
}
.nav-sidebar.nav-vertical>li+li {
	border: none !important;
}

.off-canvas-center .mfp-content {
	padding-top: 0 !important;
}

.off-canvas-center .nav-sidebar.nav-vertical>li>a {
	color: #F3E3B3;
}

@media (max-width: 431px) {
    .about-services .icon-box-img {
        width: 40% !important;
    }

    .about-services .icon-box-img img {
        aspect-ratio: 9/16;
    }

    .about-services .icon-box {
        flex-wrap: nowrap;
    }

    .about-services .icon-box-text {
        padding: 1rem;
    }

    .about-services .icon-box-text span {
        font-size: .675rem;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

	.number-wrap {
		justify-content: start;
	}
    .number-wrap .txt {
        font-size: 1.125rem;
    }

    .about-services a.button.btn-home {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 1rem;
    }

    .about-services a.button.btn-home i {
        top: 0;
    }

    /* col odd - đảo ngược */
    .about-services .col-odd {
        flex-direction: row-reverse;
    }

    .about-services .col-odd .icon-box-img img {
        box-shadow: 0.125rem -.125rem .25rem rgba(0, 0, 0, 0.4);
    }

    .about-services .col-odd .icon-box-text {
        border-radius: 1.5rem 0 0 1.5rem;
    }

	
    .about-services .icon-box-text span.is-expanded {
        display: block;
        -webkit-line-clamp: unset;
        overflow: visible;
    }
	
	.about-services-readmore {
		display: inline-block !important;
	}
}