/*--------------------------------------------------------------
## Custom Css 
--------------------------------------------------------------*/
.section-title-container .section-title-center {
    font-weight: bold;
    line-height: 1.66666667;
    margin-bottom: 20px;
}
.section-title-container .section-title-center span {
    width: fit-content;
    position: relative;
    background: linear-gradient(to right,#f06a21,#fcb713);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.section-title-container .section-title-center span::before {
    content: '';
    width: 50%;
    position: absolute;
    bottom: -5px;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 4px;
    background: linear-gradient(to right,#f06a21,#fcb713);
}
.list-field {
    margin-bottom: 67px;
}
.thanh-tich {
    padding-bottom: 22px !important;
}
.thanh-tich .section-bg {
    background-position: center center;
}
.thanh-tich .section-bg {
    height: 70%;
}
.thanh-tich .box.box-overlay {
    overflow: hidden;
}
.thanh-tich .box .box-text-inner {
    text-align: right;
}
.thanh-tich .box .box-text {
    text-shadow: unset;
    font-size: 16px;
    padding: 0;
    right: -7px;
}
.thanh-tich .box .box-text .text {
    display: inline-block;
    width: auto;
    background: rgba(0,0,0,0.8);
    padding: 0.5rem 1.5rem 0.5rem 1.1rem;
    transform: skew(-20deg);
}
.thanh-tich .box .box-text h4 {
    margin: 0;
    font-size: 16px;
    position: relative;
    font-weight: 500;
    transform: skew(20deg);
    text-align: center;
    pointer-events: none;
}
.list-thanh-tich > .large-12 > .col-inner {
    background-image: linear-gradient(to right,#f06a21,#fcb713);
    padding: 40px 40px 10px;
}
.moi-truong .section-title-container .section-title {
    margin-bottom: 16px;
}
.lien-he .col_contact > .col-inner {
    box-shadow: 0 5px 10px 5px rgba(0, 0, 0, 0.2);
    border-radius: 20px;
}
.lien-he .col_contact > .col-inner,
.lien-he .col_download > .col-inner {
    padding: 25px;
}
.lien-he .icon-box .icon-box-img {
    position: absolute;
    right: 15px;
    top: 40px;
}
.lien-he .icon-box .icon-box-text {
    line-height: 1.875;
    text-align: center;
}
.lien-he .icon-box .icon-box-text h3 {
    font-weight: 700;
    font-size: 30px;
    line-height: 1.73333333;
}
.lien-he .col_download .button_custom span {
    width: fit-content;
    position: relative;
    background: linear-gradient(to right,#f06a21,#fcb713);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.lien-he .col_download .button_custom i:before {
    content: '\f33d';
    font-family: 'Font Awesome 6 Pro';
    width: fit-content;
    background: linear-gradient(to right,#f06a21,#fcb713);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.lien-he .col_download .button_custom:hover i:before,
.lien-he .col_download .button_custom:hover span {
    background: unset;
    -webkit-text-fill-color: #FFF;
}
.lien-he .button_custom {
    margin-bottom: 1rem;
    min-width: 228px;
}
.lien-he .button_calendar {
    background: linear-gradient(90deg, #f16a22 0%, #ffc710 100%);
    color: #FFF;
    border: 0;
}
.lien-he .button_calendar span {
    color: #FFF;
}
.lien-he .button_calendar i:before { 
    content: '\f073';
    font-family: 'Font Awesome 6 Pro';
    color: #FFF;
}
.lien-he .button_envelope i:before { 
    content: '\f0e0';
    font-family: 'Font Awesome 6 Pro';
}
.lien-he .button_custom:hover i:before,
.lien-he .button_custom:hover span {
    color: #FFF;
}
#service-list .box-blog-post:last-child {
    padding-bottom: 6px;
}
#service-list .box-blog-post .box-image:before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}
#service-list .box-blog-post .box-image:hover:before {
    -webkit-animation: shine 0.75s;
    animation: shine 0.75s;
}
@-webkit-keyframes shine {
    100% {
        left: 125%
    }
}
@keyframes shine {
    100% {
        left: 125%
    }
}
#service-list .box-blog-post .post-title {
    font-size: 24px;
    font-weight: bold;
    background: linear-gradient(to right,#f06a21,#fcb713);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0 0 1rem;
}
/*--------------------------------------------------------------
## Responsive 
--------------------------------------------------------------*/
@media only screen and (min-width: 700px) and (max-width: 1079.98px) {
    .lien-he .button_calendar {
        margin-bottom: 0;
    }
    .lien-he .button_envelope {
        margin-top: 10px;
    }
}
@media only screen and (max-width: 849.98px) {
    .list-field {
        margin-bottom: 20px;
    }
    .row-reason .section-title-container .section-title-center {
        margin-bottom: 0;
    }
    .row-introduce,
    .row-introduce .col {
        padding-bottom: 0;
    }
    .list-thanh-tich > .large-12 > .col-inner {
        padding: 20px 20px 0;
    }
    .thanh-tich .box .box-text h4 {
        font-size: 14px;
    }
    #service-list .box-blog-post .box-text {
        padding: 0 0;
    }
    #service-list .box-blog-post .col_txt {
        padding-bottom: 0;
    }
    #service-list .box-blog-post .button_custom {
        margin-bottom: 0;
    }
    .medium-pb-0 {
        padding-bottom: 0;
    }
}

@media only screen and (max-width: 699.98px) {
    .lien-he .col_download,
    .lien-he .col_contact {
        max-width: 100%;
        flex-basis: 100%;
    }
    .moi-truong {
        padding-bottom: 0 !important;
    }
    .thanh-tich {
        padding-bottom: 20px !important;
    }
    .list-reason .title-format {
        font-size: 24px;
    }
    .list-reason .row > .col {
        max-width: 100%;
        flex-basis: 100%;
    }
    .list-reason .row > .col.small-col-first {
        order: -1;
    }
}

@media only screen and (max-width: 549.98px) {
    .lien-he .col_contact > .col-inner, .lien-he .col_download > .col-inner {
        padding: 10px;
    }
    .lien-he .button_custom {
        margin: 0 30px 10px;
    }
    .lien-he .button_calendar {
        margin-bottom: 0;
    }
    .lien-he .button_envelope {
        margin-top: 10px;
    }
    .lien-he .icon-box .icon-box-text h3 {
        font-size: 24px;
        margin-bottom: 0;
    }
    .list-thanh-tich > .large-12 > .col-inner {
        padding: 5px 13px 0;
    }
    .list-thanh-tich .row-small {
        margin-left: -2.5px;
        margin-right: -2.5px;
    }
    .list-thanh-tich .row-small > .col {
        padding: 0 2.5px 5px;
    }
    .thanh-tich .box .box-text h4 {
        font-size: 12px;
        text-align: center;
    }
    #service-list .col_image {
        padding-bottom: 1rem;
    }
    #service-list .box-blog-post .post-title {
        margin-bottom: 0;
    }
}

@media only screen and (min-width: 550px) {
    .list-reason .title-format,
    .lien-he .icon-box .icon-box-text h3 {
        font-size: 27px;
    }
    #service-list .box-blog-post .post-title {
        font-size: 30px;
    }
}

@media only screen and (min-width: 700px) {
    #service-list .box-blog-post .post-title {
        font-size: 35px;
    }
}

@media only screen and (min-width: 850px) {
    .list-reason .row {
        margin-bottom: 18px;
    }
    .row-reason .section-title-container .section-title-center {
        margin-bottom: 34px;
    }
    .page-wrapper {
        padding-top: 4rem;
    }
    .lien-he {
        padding-bottom: 40px !important;
    }
    .list-thanh-tich .row-small {
        margin-left: -15px;
        margin-right: -15px;
    }
    .list-thanh-tich .row-small > .col {
        padding: 0 15px 30px;
    }
    #service-list .box-blog-post {
        padding-bottom: 34px;
    }
    #service-list .box-blog-post .box-text {
        padding: 3rem 0 0;
    }
}

@media only screen and (min-width: 992px) {
    .list-reason .title-format,
    .lien-he .icon-box .icon-box-text h3 {
        font-size: 30px;
    }
    #service-list .box-blog-post .post-title {
        font-size: 40px;
    }
}

@media only screen and (min-width: 1200px) {
    #service-list .box-blog-post .post-title {
        font-size: 45px;
    }
}