/*@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');

:root {
    --main-cl: #003669;
    --sub-cl: #00AEEF;
    --addition-cl: #41444B;
    --container-w: 72.917rem;
    --container-large: 81.8rem;
}

* {
    box-sizing: border-box;
}

body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 .3rem rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
}

body::-webkit-scrollbar {
    width: 10px;
    background-color: #cedbff;
}

body::-webkit-scrollbar-thumb {
    background-color: var(--main-cl);
}

input,
optgroup,
select,
textarea {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: unset;
    -moz-box-shadow: unset;
    box-shadow: unset;
    outline: none !important;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

body {
    overflow-x: hidden;
    font-family: "Inter", serif !important;
}

/*@media (min-width: 1280px) {*/
/*    body, html {*/
/*        font-size: 1vw;*/
/*    }*/
/*}*/
.container,
.row {
    max-width: var(--container-w);
    margin-left: auto;
    margin-right: auto;
}

.row-large {
    max-width: var(--container-large);
    margin-left: auto;
    margin-right: auto;
}

.z-2 {
    z-index: 2;
}

#search-lightbox {
    width: 37.5rem;
    max-width: 100%;
}

#search-lightbox .search-lightbox-title {
    margin-bottom: 1.667rem;
    font-size: 1.979rem;
    line-height: 1.2;
    font-weight: 700;
}

#search-lightbox .search-keywords {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 2.083rem;
    gap: .521rem;
}

#search-lightbox .search-keywords>a {
    -webkit-border-radius: 2.604rem;
    -moz-border-radius: 2.604rem;
    border-radius: 2.604rem;
    font-size: .833rem;
    line-height: 1.042rem;
    border: .05rem solid rgba(255, 255, 255, 0.6);
    padding: .3125rem .833rem;
    display: flex;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

#search-lightbox .search-keywords>a:hover {
    background-color: #fff;
    color: #000
}

#search-lightbox .flex-row>div {
    display: flex;
}

#search-lightbox .flex-row {
    align-items: unset;
    display: flex;
    -webkit-border-radius: 2.604rem;
    -moz-border-radius: 2.604rem;
    border-radius: 2.604rem;
    overflow: hidden;
}

#search-lightbox input {
    height: 100%;
    border: none;
}

#search-lightbox .button.icon {
    line-height: normal;
    min-height: unset;
    height: 100%;
    border: none;
    min-width: unset;
    background-color: #FFF;
    display: flex;
    align-items: center;
}

#search-lightbox .button.icon i {
    font-size: .9375rem;
    line-height: 1.25rem;
    color: #000
}

#search-lightbox input {
    font-size: 1.042rem;
    line-height: 1.25rem;
    padding-left: 1.5625rem;
    box-shadow: unset;
    height: 2.604rem;
}

.mfp-bg.mfp-ready {
    opacity: 0.8;
}

.mfp-content #search-lightbox {
    transform: translateY(-70%);
}

h1,
h2,
h3,
h4,
h5,
h6,
.heading-font,
.off-canvas-center .nav-sidebar.nav-vertical>li>a {
    font-family: "Inter", serif !important;
}

.col {
    padding-bottom: 0 !important;
}

.header-inner.container {
    padding: 0 !important;
}

/*About-page*/
.about_1 {
    padding: 5rem 0;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.mini-title {
    color: var(--Style, #00AEEF);
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.4rem;
}

.main-title {
    font-size: 2.8rem;
    font-weight: 700;
    color: var(--main-cl);
    line-height: 3.8rem;
    margin-bottom: 1.45rem;
}

.para-about {
    font-size: .9rem;
    font-weight: 400;
    line-height: 1.4rem;
    color: #333;
    margin-bottom: 1.55rem;
}

.para {
    font-size: .9rem;
    font-weight: 400;
    color: #333333;
    line-height: 1.2rem;
}

.para-title {
    font-size: .9rem;
    font-weight: 400;
    line-height: 1.3rem;
    color: var(--addition-cl);
    text-align: justify;
    margin-bottom: 1.5rem;
}

.btn.arrow::after {
    content: '';
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNSAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuNSAxOEwxOC41IDYiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik04Ljc1IDZIMTguNVYxNS43NSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==");
    width: 1.2rem;
    height: 1.2rem;
    background-size: contain;
    background-repeat: no-repeat;
}

.btn:hover {
    padding: 1.05rem 2.4rem;
    color: #FFF;
}

.btn-banner {
    padding: 1rem 2.65rem;
}

.buttons {
    display: flex;
    gap: 1rem;
}

/*Demo*/
/* Button chung */
.btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: .4rem;
    padding: 1.05rem 2.2rem;
    font-size: .8rem;
    font-weight: 700;
    line-height: 1rem;
    text-transform: uppercase;
    color: #FFF;
    text-decoration: none;
    transition: all 0.5s ease;
    position: relative;
}

.btn-down-load {
    overflow: hidden;
}

.btn-down-load:hover {
    color: #FFF;
    text-indent: -0.5rem;
    transition: all 0.5s ease;
    padding-right: 2.5rem;
}

.btn-down-load::after {
    content: '';
    position: absolute;
    right: .8rem;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 1.2rem;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNSAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguMzYzMjggMTAuMzEyNUwxMi4zMDA4IDE0LjI1TDE2LjIzODMgMTAuMzEyNSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTEyLjMwMDggMy43NDcwN1YxNC4yNDcxIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMjEuMzAwOCAxMi43NVYxOS41QzIxLjMwMDggMTkuNjk4OSAyMS4yMjE4IDE5Ljg4OTcgMjEuMDgxMSAyMC4wMzAzQzIwLjk0MDUgMjAuMTcxIDIwLjc0OTcgMjAuMjUgMjAuNTUwOCAyMC4yNUg0LjA1MDc4QzMuODUxODcgMjAuMjUgMy42NjExIDIwLjE3MSAzLjUyMDQ1IDIwLjAzMDNDMy4zNzk4IDE5Ljg4OTcgMy4zMDA3OCAxOS42OTg5IDMuMzAwNzggMTkuNVYxMi43NSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==");
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.5s ease;
}

.btn-down-load:hover::after {
    width: 1rem;
    transition: all 0.5s ease;
}

.btn-dis {
    overflow: hidden;
}

.btn-dis:hover {
    color: #FFF;
    text-indent: -0.5rem;
    transition: all 0.5s ease;
    padding-right: 2.5rem;
}

.btn-dis::after {
    content: '';
    position: absolute;
    right: .8rem;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 1.2rem;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNSAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuNSAxOEwxOC41IDYiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik04Ljc1IDZIMTguNVYxNS43NSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==");
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.5s ease;
}

.btn-dis:hover::after {
    width: 1.2rem;
}

.btn-news {
    border: .075rem solid rgba(102, 102, 102, 0.40);
    color: #41444B;
    text-align: center;
    font-size: .8rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.2rem;
    text-transform: uppercase;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: .4rem;
    padding: .7rem 1.6rem;
    text-decoration: none;
    transition: all 0.5s ease;
    position: relative;
}

.btn-news::after {
    content: '';
    position: absolute;
    right: .8rem;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 1.2rem;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMSAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9Ik91dGxpbmVkIC8gQXJyb3dzIC8gQXJyb3dVcFJpZ2h0Ij4KPGcgaWQ9IkFycm93VXBSaWdodCI+CjxwYXRoIGlkPSJWZWN0b3IiIGQ9Ik01LjUwNTg2IDE0Ljg3MTFMMTUuMjQ2MSA1LjEzMDg2IiBzdHJva2U9IiMwMEFFRUYiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggaWQ9IlZlY3Rvcl8yIiBkPSJNNy4zMzIwMyA1LjEzMDg2SDE1LjI0NlYxMy4wNDQ4IiBzdHJva2U9IiMwMEFFRUYiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9nPgo8L2c+Cjwvc3ZnPgo=");
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.5s ease;
}

.btn-news:hover {
    color: var(--sub-cl);
    text-indent: -0.5rem;
    transition: all 0.5s ease;
    padding-right: 2.1rem;
    border-color: var(--sub-cl);
}

.btn-news:hover::after {
    width: 1.2rem;
    transition: all 0.5s ease;
}

/*Demo*/
.color-white {
    color: #FFF !important;
}

.btn-primary {
    background-color: var(--main-cl);
    transition: all 0.5s;
}

.btn-primary:hover {
    background-color: var(--sub-cl);
}

.btn-secondary {
    background-color: var(--sub-cl);
    transition: all 0.5s;
}

.btn-secondary:hover {
    background-color: #007CD4;
}



/*#logo img {*/
/*    width: 4.8715rem;*/
/*    height: auto;*/
/*}*/

/*.about_2 {*/
/*    padding: 2.5rem 0 11.35rem 0;*/
/*    overflow: hidden;*/
/*}*/
.image-dub .main-image {
    overflow: hidden;
    position: relative;
}

.image-dub .sub-image {
    position: absolute;
    bottom: -10%;
    left: 0;
    z-index: 2;
    overflow: hidden;
    width: 10.8rem;
    height: 12.05rem;
}

.heading-title {
    font-size: 2.75rem;
    font-style: normal;
    font-weight: 700;
    line-height: 3.25rem;
    color: var(--main-cl);
}

.cover {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.decor {
    position: absolute;
    top: 0;
    left: -15%;
}

.decor-1 {
    position: absolute;
    bottom: -26%;
    left: 5%;
    width: 28.5rem;
    height: 28.75rem;
}

.list-articles .article {
    width: calc(100%/3 - 2rem / 3);
    padding: 1.2rem;
    transition: all 0.5s;
}

.list-articles .article .title-medium {
    overflow: hidden;
    color: var(--Primary-Blue-2, #003669);
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    align-self: stretch;
    /* Heading/7 */
    font-family: Inter;
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.25rem;
    /* 140% */
}

.article .image {
    margin-bottom: 1.2rem;
    aspect-ratio: 4/3;
    position: relative;
}

.article .image img {
    height: 100%;
    object-fit: cover;
    width: 100%;
    position: absolute;
}

.pr_detail_swiper_2 {
    padding-bottom: 2.4rem;
}

.pr_detail_swiper_2 .swiper-pagination {
    bottom: 0 !important;
}

.thumb span {
    padding: .2rem .4rem;
    border: .05rem solid var(--main-cl);
    color: var(--main-cl);
    font-family: Inter;
    font-size: .6rem;
    font-style: normal;
    font-weight: 400;
    line-height: .8rem;
    /* 133.333% */
}

.btn.arrow {
    text-transform: unset;
    font-weight: 400;
}

.article .thumb {
    margin-bottom: .8rem;
}

.mt-16 {
    margin-top: .8rem;
}

.mt-30 {
    margin-top: 1.5rem;
}

.mt-60 {
    margin-top: 3rem;
}

.pt-16 {
    padding-top: .8rem;
}

.title-medium {
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.6rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: var(--main-cl);
    text-overflow: ellipsis;
    overflow: hidden;
}

.title-medium.custom {
    -webkit-line-clamp: 3;
}

.article .para {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    align-self: stretch;
    overflow: hidden;
    color: #333;
    text-overflow: ellipsis;
    font-size: .8rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2rem;
}

.gap-20 {
    gap: 1rem;
}

.link {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: .4rem;
    font-size: .8rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1rem;
    color: var(--sub-cl);
}

.link:hover {
    color: var(--sub-cl);
}

.link-absolute {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.link::after {
    content: '';
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMSAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9Ik91dGxpbmVkIC8gQXJyb3dzIC8gQXJyb3dVcFJpZ2h0Ij4KPGcgaWQ9IkFycm93VXBSaWdodCI+CjxwYXRoIGlkPSJWZWN0b3IiIGQ9Ik01LjUwNTg2IDE0Ljg3MTFMMTUuMjQ2MSA1LjEzMDg2IiBzdHJva2U9IiMwMEFFRUYiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggaWQ9IlZlY3Rvcl8yIiBkPSJNNy4zMzIwMyA1LjEzMDg2SDE1LjI0NlYxMy4wNDQ4IiBzdHJva2U9IiMwMEFFRUYiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9nPgo8L2c+Cjwvc3ZnPgo=");
    width: 1.2rem;
    height: 1.2rem;
    background-size: 100% 100%;
}

.article:after {
    bottom: 0;
    left: 0;
    position: absolute;
    content: '';
    height: 4px;
    width: 0;
    transition: all 0.4s;
    background-color: var(--sub-cl);
}
.article:hover:after{
    width: 100%;
}
.article:hover {
    background: #FFF;
    box-shadow: 0rem .5rem 1.5rem 0rem rgba(0, 0, 0, 0.15);
}

.grid-pro img {
    box-shadow: 0rem .391rem 1.1725rem 0rem #00000026;
}

.mt-48 {
    margin-top: 2.4rem !important;
}

.mb-16 {
    margin-bottom: .8rem;
}

.para-heading {
    color: #333;
    font-size: .9rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.4rem;
}

.about_4 {
    padding: 6.7rem 0 7.5rem 0;
    position: relative;
}

.about_4 .box-info {
    width: calc(100% / 4 - 3rem / 4);
}

.about_4 .box-info .para {
    margin-bottom: .813rem;
}

.box_info_title {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.4rem;
    color: var(--sub-cl);
    margin: .15rem 0 .4rem 0;
}

.box-title {
    font-size: 1.1rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1.5rem;
    color: var(--main-cl);
    margin: 1rem 0 1.4rem 0;
    transition: all 0.5s;
}

.list-box-info {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.75rem;
}

.list-box-info .box-info:hover .box-title {
    color: var(--sub-cl);
}

.list-box-info .box-info {
    width: calc(calc(100% / 3) - 1.5rem);
    margin: 1.75rem .75rem 0;
    padding: 0 .5rem;
    background-color: #FFF;
    transition: all 0.5s;
    cursor: pointer;
}

.list-box-info .box-info:hover {
    box-shadow: 0rem .1rem 1.25rem 0rem rgba(0, 33, 91, 0.14);
}

.box-info .image {
    position: relative;
    width: 100%;
    padding-bottom: 100%;
    transition: transform 0.5s ease-in-out;
    overflow: hidden;
}

.box-info .image img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transition: transform 0.5s ease-in-out;
    object-fit: cover;
}

.mt-52 {
    margin-top: 2.6rem;
}

.mt-50 {
    margin-top: 2.5rem;
}

.about_6 {
    padding: 7.5rem 0;
}

.title-vision {
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.6rem;
    color: var(--sub-cl);
    margin-bottom: .4rem;
}

.box-vision p {
    margin-bottom: 0;
}

.content p {
    font-weight: 400;
    font-size: .9rem;
    line-height: 1.2rem;
    color: #333333;
    margin-bottom: 0;
}

.box-vision {
    padding: 3.2rem 5.9rem;
    border: .05rem solid #666;
    display: inline-block;
}

.bubble {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    display: inline-flex;
    padding: 0 2.4rem;
    background-color: #FFF;
}

.gap-16 {
    gap: .8rem;
}

.list-cards {
    gap: 5rem;
    padding: 10.75rem 0 8.55rem 0;
}

.list-cards .card {
    padding: 1.2rem;
    box-shadow: 0rem .5rem 1.5rem 0rem rgba(0, 0, 0, 0.05);
    background-color: #FFF;
    width: calc(100%/3 - 5rem / 3);
}

.list-cards .card:nth-child(2) {
    transform: translateY(calc(-100% - 2.35rem));
}

.flex-1 {
    flex: 1;
}

img.decor_7 {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 35rem;
    height: auto;
    z-index: 0;
}

.card .icon {
    width: 3.2rem;
    height: 3.2rem;
}

.about_9 {
    padding: 7.5rem 0;
    background: linear-gradient(102deg, #00AEEF 0%, #005DB4 100%);
    background-size: 100% 100%;
}

.heading-title.edit {
    color: #FFF;
}

.mb-48 {
    margin-bottom: 2.4rem;
}

.decor_9 {
    position: absolute;
    bottom: 0;
    z-index: 0;
}

.about_10 {
    padding-top: 5.65rem;
    padding-bottom: 0;
}

.about_11 {
    padding: 8.55rem 0 9.05rem 0;
}

.about_11 .nav_next {
    position: absolute;
    top: 35%;
    right: -6%;
    cursor: pointer;
}

.about_11 .nav_prev {
    position: absolute;
    left: -6%;
    top: 35%;
    cursor: pointer;
}

.nav_prev:hover svg,
.nav_next:hover svg {
    fill: var(--sub-cl);
}

.nav_prev:hover svg path,
.nav_next:hover svg path {
    stroke: #fff;
}

.nav_next svg path,
.nav_prev svg path,
.nav_prev svg,
.nav_next svg {
    transition: 0.5s all;
}

.swiper-button-disabled {
    opacity: 0.5;
}

.wrap-swiper-pos .nav_prev {
    position: absolute;
    top: 40%;
    left: -4rem;
    transform: translateY(-50%);
    cursor: pointer;
}

.wrap-swiper-pos .nav_next {
    position: absolute;
    top: 40%;
    right: -4rem;
    cursor: pointer;
    transform: translateY(-50%);
}

.mb-64 {
    margin-bottom: 3.2rem;
}

.gap-64 {
    gap: 3.2rem;
}

.gap-66 {
    gap: 3.3rem;
}

.box-hr {
    width: 100%;
}

.box-hr.main {
    width: calc(100%/4);
}

.next {
    display: inline-block;
    padding: .8rem;
    border-radius: 50%;
    border: .05rem solid var(--sub-cl);
    position: absolute;
    top: 40%;
    transform: translateY(-50%);
    z-index: 3;
    cursor: pointer;
    right: -5rem;
}

.prev {
    display: inline-block;
    padding: .8rem;
    border-radius: 50%;
    border: .05rem solid var(--sub-cl);
    top: 40%;
    transform: translateY(-50%);
    left: -5rem;
    position: absolute;
    cursor: pointer;
    z-index: 3;
}

.next.swiper-button-disabled,
.prev.swiper-button-disabled {
    opacity: 0.5;
}

.next::after {
    content: '';
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDkgMTgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xIDFMOCA5TDEgMTciIHN0cm9rZT0iIzAwQUVFRiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    display: block;
    width: 1rem;
    height: 1rem;
}

.prev::before {
    content: '';
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDkgMTgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04IDFMMSA5TDggMTciIHN0cm9rZT0iIzAwQUVFRiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 1rem;
    height: 1rem;
    display: block;
}

.name {
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.8rem;
    color: var(--sub-cl);
    margin-top: 1.2rem;
    margin-bottom: .4rem;
}

.name span {
    font-weight: 400;
}

.pos.main span {
    font-size: .9rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.4rem;
    color: #333;
    display: flex;
    align-items: center;
    gap: .4rem;
}

.pos span {
    color: #333;
    text-align: center;
    font-size: .75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1rem;
}

.pos.main span::before {
    content: '';
    height: .05rem;
    width: 2.5rem;
    background: linear-gradient(90deg, rgba(153, 153, 153, 0.00) 0%, #999 100%);
}

.pos.main span::after {
    content: '';
    height: .05rem;
    width: 2.5rem;
    background: linear-gradient(90deg, #999 0%, rgba(153, 153, 153, 0.00) 100%);
}

.list-box-hr {
    margin-bottom: 3.2rem;
}

.certificate {
    width: 100%;
    overflow: hidden;
}

.name_per {
    text-align: center;
    font-size: 1.1rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1.25rem;
    color: var(--sub-cl);
    margin-top: 1.05rem;
    margin-bottom: .35rem;
}

.pb-48 {
    padding-bottom: 2.4rem;
}

.swiper-pagination-bullet {
    opacity: 0.1 !important;
}

.about_12 {
    padding: 7.5rem 0;
}
.btn-download::after {
    content: '';
    width: 1.2rem;
    height: 1.2rem;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNSAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguMzYzMjggMTAuMzEyNUwxMi4zMDA4IDE0LjI1TDE2LjIzODMgMTAuMzEyNSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTEyLjMwMDggMy43NDcwN1YxNC4yNDcxIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMjEuMzAwOCAxMi43NVYxOS41QzIxLjMwMDggMTkuNjk4OSAyMS4yMjE4IDE5Ljg4OTcgMjEuMDgxMSAyMC4wMzAzQzIwLjk0MDUgMjAuMTcxIDIwLjc0OTcgMjAuMjUgMjAuNTUwOCAyMC4yNUg0LjA1MDc4QzMuODUxODcgMjAuMjUgMy42NjExIDIwLjE3MSAzLjUyMDQ1IDIwLjAzMDNDMy4zNzk4IDE5Ljg4OTcgMy4zMDA3OCAxOS42OTg5IDMuMzAwNzggMTkuNVYxMi43NSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==");
}

.btn-download {
    text-transform: unset;
    font-weight: 400;
}

.gap-73 {
    gap: 3.65rem;
}

.decor_12 {
    position: absolute;
    left: 15%;
    bottom: 0;
}

.title-register {
    color: #FFF;
    font-size: 1.75rem;
    font-style: normal;
    font-weight: 700;
    line-height: 2rem
}

.register_contact {
    padding: 3.1rem 0;
    background-color: var(--sub-cl);
}

.para-register {
    color: #FFF;
    font-size: .9rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.3rem;
}

.email-register {
    background-color: transparent !important;
    border-bottom: .05rem solid #fff !important;
    border-top: 0 !important;
    border-right: 0 !important;
    border-left: 0 !important;
    box-shadow: none !important;
    padding: 1.2rem 0 !important;
}

.email-register::placeholder {
    color: #FFFFFF;
    font-size: .9rem;
    font-style: normal;
    font-weight: 400;
}

.btn-sm {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    background-color: transparent !important;
    border: 0 !important;
}

.about_8 {
    padding: 7.5rem 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #FAFAFA;
}

.about_8_box {
    height: 35rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.about_8_box .box_heading {
    position: relative;
}

.about_8_box_items .item {
    position: absolute;
    top: -215%;
    left: -53%;
}

.about_8_box_items .item .inner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 21rem;
}

.about_8_box_items .item:nth-child(2) {
    top: 64%;
    left: -72%;
}

.about_8_box_items .item:nth-child(3) {
    top: 300%;
    left: -33%;
}

.about_8_box_items .item:nth-child(4) {
    left: 158%;
    top: -150%;
}

.about_8_box_items .item:nth-child(5) {
    right: -267%;
    bottom: -517%;
}

.about_8_box_items .item .title {
    border-bottom: .05rem solid #999;
    position: relative;
    padding-bottom: .8rem;
    gap: .8rem;
}

.about_8_box_items .item .content {
    padding-top: .6rem;
}

.about_8_box_items .item:nth-child(4) .title {
    padding-left: 1rem;
}

.about_8_box_items .item:nth-child(5) .title {
    padding-left: 1rem;
}

.about_8_box_items .item:nth-child(4) .content {
    padding-left: 1rem;
}

.about_8_box_items .item:nth-child(5) .content {
    padding-left: 1rem;
}

.title-pro {
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 700;
    color: var(--main-cl);
    margin: 0;
}

.icon_box_item img {
    width: 2.4rem;
    height: 2.4rem;
}

.about_8_box_items .item .title:before {
    width: 10rem;
    height: .05rem;
    background: #999;
    content: '';
    position: absolute;
    right: 0;
    bottom: -0.05rem;
    transform-origin: top right;
    transform: rotate(246deg);
}

.about_8_box_items .item:nth-child(4) .title:before {
    width: 6.65rem;
    height: .05rem;
    left: 0;
    bottom: -0.05rem;
    transform-origin: top left;
    transform: rotate(117deg);
}

.about_8_box_items .item:nth-child(2) .title:before {
    width: 0;
    height: 0;
}

.about_8_box_items .item:nth-child(3) .title:before {
    width: 8.25rem;
    height: .05rem;
    transform: rotate(100deg);
}

.about_8_box_items .item:nth-child(5) .title:before {
    width: 3.75rem;
    height: .05rem;
    left: 0;
    bottom: -0.05rem;
    transform-origin: top left;
    transform: rotate(247deg);
}

.input-register input {
    color: #FFF !important;
}
.input-register [type="submit"] {
    background-image: url(../images/arrow_button.svg);
    background-size: 1.35rem;
    background-repeat: no-repeat;
    height: 2.75rem;
    margin: 0;
    padding-right: 1.5rem;
    padding-left: 0;
    font-weight: 500;
    background-position: right center;
}

.input-register [type="submit"]:hover {
    box-shadow: unset;
}

.input-register .wpcf7-spinner {
    display: none;
}

.form_register form {
    margin-bottom: 0;
}

/*End About-page*/

/*Header*/
.list-social-bar {
    list-style: none;
    gap: .7rem;
    padding: 0;
}

.list-social-bar li {
    margin-bottom: 0;
}

header #top-bar {
    background-color: #FFF;
}

header #top-bar .container {
    border-bottom: .05rem solid #D6E0EA;
    padding: .5rem 0;
}
.hide-for-medium .nav-left .menu-item{
    display: flex;
    align-items: center;
}
.top-bar-nav i.icon-search {
    font-size: 1.1rem !important;
    color: var(--addition-cl);
}

.header-main {
    box-shadow: 0rem .1rem 1rem 0rem rgba(0, 33, 91, 0.10);
}

.header-main .top-divider {
    border: 0 !important;
}

#top-bar .nav li a {
    color: #41444B;
    font-size: .65rem;
    font-style: normal;
    font-weight: 400;
    line-height: .75rem;
    text-transform: uppercase;
    display: flex;
}
#top-bar .nav li.current-menu-item a,
#top-bar .nav li a:hover{
    color: var(--sub-cl)
}
.header-nav-main li a.nav-top-link {
    color: var(--addition-cl);
    font-size: .9rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.3rem;
    text-transform: none;
    letter-spacing: normal !important;
    padding: 0;
    transition: 0.5s all;
}
.header-nav-main li.current-menu-item a.nav-top-link,
.header-nav-main li a.nav-top-link:hover{
    color: var(--sub-cl);
}
header#header #masthead .header-nav-main.header-nav > li > a{
    padding: 1.35rem 0;
}
header#header #masthead .header-nav-main.header-nav li{
    margin: 0;
}
header#header #masthead .header-nav-main.header-nav{
    gap: 1.4rem
}

header#header #masthead .header-nav-main.header-nav ul.sub-menu{
    border: none !important;
    padding: 0.4rem 0;
    min-width: 300px;
}
header#header #masthead .header-nav-main.header-nav ul.sub-menu > li > a{
    font-weight: 500;
    font-size: 0.9rem;
    line-height: 1.3rem;
    border: none !important;
    margin-left: 1rem;
    margin-right: 1rem;
    padding: 0.2rem 0 !important;
}
#logo {
    width: auto !important;
}

.logo-2 {
    width: 9.9rem;
    height: auto;
}

.nav-dropdown.nav-dropdown-default>li>a {
    padding: .5rem 0 !important;
    color: var(--addition-cl);
    transition: all 0.5s;
    font-size: .9rem;
    font-weight: 500;
}

.nav-dropdown.nav-dropdown-default>li>a:hover {
    color: var(--sub-cl);
}

/*.next-prev-thumbs li.has-dropdown:hover>.nav-dropdown,*/
/*.no-js li.has-dropdown:hover>.nav-dropdown,*/
.header-wrapper li.current-dropdown>.nav-dropdown{
    left: 0 !important;
    padding: 0;
    border: 0 !important;
}

.nav-dropdown-has-arrow li.current-dropdown.has-dropdown:before {
    opacity: 0 !important;
}

/*End Header*/

/*Footer*/
.title_box_list {
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.6rem;
    margin-bottom: 1.1rem;
    text-transform: capitalize;
    color: var(--main-cl);
}

.box-list {
    width: calc(100%/3 - 2rem / 3);
}

.box-list .para-heading:last-child {
    margin-bottom: 0;
}

.menu_box .icon img {
    width: 1rem;
    height: 1rem;
}

.gap-10 {
    gap: .5rem;
}

.footer {
    padding: 4.4rem 0;
    background: #EDF6FA;
}

.footer .logo img {
    width: 100%;
    object-fit: cover;
}

.footer .logo {
    margin-bottom: 1.5rem;
}

.footer .list-socials {
    margin-top: 1rem;
    display: flex;
    gap: 0.5rem;
    align-items: center;
}
.footer .list-socials .icon{
    transition: 0.5s all;
}
.footer .list-socials .icon:hover{
    transform: scale(0.9);
}
.footer .menu_box{
    margin-bottom: 0.75rem;
    align-items: flex-start;
}
.footer .menu_box .icon{
    display: flex;
    transform: translateY(0.2rem);
}
.list-socials .icon img {
    width: 2.05rem;
    height: 2.05rem;
}
.menu-border {
    align-items: stretch;
    border-bottom: .05rem solid #D6E0EA;
}

.footer .menu-second {
    padding-top: 3.5rem;
}
.footer .menu-second .left .logo{
    width: 11.8rem;
    height: 7.5rem;
    flex-shrink: 0;
}
.menu-second .para-heading {
    margin-bottom: .5rem;
}

.copy-right {
    color: #8F8F8F;
    font-size: .7rem;
    font-style: normal;
    font-weight: 300;
    line-height: 1.1rem;
}

.menu-first .left {
    max-width: 20%;
}

.menu-second .left {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-between;
    max-width: 20%;
}

/*End Footer*/

/*Home*/
.home_banner .cont_wrap {
    top: 50%;
    transform: translateY(-50%);
}

.home_banner .swiper-pagination {
    z-index: 30;
}

/*.swiper-slide*/
.home_banner .img_wrap:before {
    width: 100%;
    height: 100%;
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    opacity: 0.8;
    background: linear-gradient(270deg, rgba(0, 0, 0, 0.00) 0%, #000 100%);
}
.home_banner .img_wrap img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pagin-banner {
    /*display: inline-flex;*/
    display: flex;
    align-items: center;
    bottom: 10% !important;
    left: calc(calc(100vw - var(--container-w)) / 2) !important;
}

.left_cont {
    left: calc(calc(100vw - var(--container-w)) / 2);
}

.pagin-banner .swiper-pagination-bullet-active {
    background: #FFF;
    opacity: 1 !important;
}

.pagin-banner .swiper-pagination-bullet {
    background-color: #FFF;
    opacity: 0.3;
}

.home_1 {
    padding: 6rem 0 8.1rem 0;
    overflow: hidden;
}

.home_1 .heading-title {
    margin-bottom: 1rem;
}

.about_2 .heading-title {
    margin-bottom: 1.6rem;
}

.about_1 .mini-title {
    margin-bottom: .5rem;
}

.decor-absolute {
    position: absolute;
    top: 0;
    left: 0;
}

.about_12 .heading-title {
    padding-right: 3.65rem;
}
.home_2 {
    padding: 4.3rem 0 4.15rem 0;
    background-color: #EDF6FA;
}

.cont_pause {
    width: 5.4rem;
    height: 5.4rem;
    margin-right: .5rem;
}

.cont_title .title strong {
    font-weight: 800;
}

.cont_title .title {
    color: var(--main-cl);
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 300;
    line-height: 1.6rem;
    text-transform: capitalize;
    margin: 0;
}

.box_mile {
    width: calc(100%/4 - 6rem/4);
}

.box_mile .box_number {
    color: var(--main-cl);
    font-size: 2.3rem;
    font-style: normal;
    font-weight: 700;
    line-height: 2.7rem;
    margin-bottom: 1.4rem;
}

.box_mile .box_number::after {
    content: '';
    position: absolute;
    width: 2.45rem;
    height: .15rem;
    background: #00AEEF;
    left: 0;
    bottom: -0.7rem;
    transform: translateY(-50%);
}

.box_mile .box_para {
    color: #333;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.4rem;
    margin-bottom: 0;
}

.cont_milestone::after {
    content: '';
    position: absolute;
    width: 100%;
    height: .075rem;
    opacity: 0.2;
    background: #003669;
    top: 60%;
    transform: translateY(-50%);
    left: 0;
}

.home_3 {
    padding: 7rem 0;
}

.post_content {
    padding: 2.5rem 3rem 2.8rem 3rem;
}

.post_content .image_content {
    width: 8.25rem;
    height: 4.9rem;
    margin-right: 2.6rem;
}

.title_post {
    color: var(--main-cl);
    font-size: 1.3rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.7rem;
}

.post_content .para_post {
    margin-bottom: .75rem;
}

.para_post {
    overflow: hidden;
    color: #41444B;
    text-overflow: ellipsis;
    font-size: .9rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.3rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    margin-bottom: 1rem;
}

.post_sub.border::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: .05rem;
    background-color: #000;
    opacity: 0.2;
}

.mb-40 {
    margin-bottom: 2rem;
}

.post_sub {
    transition: 0.3s all;
    padding-bottom: 2rem;
}

.post_sub:last-child {
    padding-bottom: 0;
}

.post_sub .para_post {
    position: relative;
    margin-top: 1.5rem;
    margin-bottom: .3rem;
    transition: 0.5s all;
}

.post_sub:hover .para_post {
    color: var(--sub-cl);
}

.box_post {
    padding: 2.5rem 0;
}

.box_post .post_sub {
    margin-bottom: 2rem;
    margin-left: 4.5rem;
}

.post_main {
    transition: all 0.5s;
    border-bottom: .2rem solid transparent;
}

.box_post .link::after {
    width: 1rem;
    height: 1rem;
}

.post_main .image img {
    width: 100%;
    height: 22.4rem;
    object-fit: cover;
}

.post_main:hover {
    border-bottom: .2rem solid #00AEEF;
    background: #FFF;
    box-shadow: 0rem .1rem 1.25rem 0rem rgba(0, 33, 91, 0.10);
}

.cont_pause svg {
    width: 5.4rem;
    height: 5.4rem;
}

.gap-30 {
    gap: 1.5rem;
}

.info_container .info_box {
    padding: 2.75rem 2.4rem 1.7rem 2.4rem;
}

.number_plus {
    color: #FFF;
    font-size: 4.5rem;
    font-style: normal;
    font-weight: 800;
    line-height: 4.2rem;
    margin-bottom: .5rem;
}

.bg_primary {
    background-color: var(--main-cl);
}

.bg_secondary {
    background-color: var(--sub-cl);
}

.para_box {
    color: #FFF;
    font-size: 1.1rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5rem;
}

.info_container .info_card {
    background-color: #FFF;
    box-shadow: 0rem .1rem 1.25rem rgba(0, 33, 91, 0.20);
    padding: 2.5rem 0 2.75rem 0;
    border-top: .25rem solid var(--sub-cl);
}

.info_card .title_post {
    padding: 0 2.9rem 0 3.3rem;
    margin-bottom: 1.7rem;
}

.info_list .item {
    list-style: none;
    padding-left: 3.3rem;
    padding-right: 4.35rem;
    margin-bottom: 1.5rem;
}

.info_list .item:last-child {
    margin-bottom: 0;
}

.info_list_title {
    color: var(--main-cl);
    font-size: .9rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.3rem;
    text-transform: uppercase;
    margin-bottom: .25rem;
    transition: all 0.5s;
}

.info_list .item:hover .info_list_title {
    color: var(--sub-cl);
}

.mr-20 {
    margin-right: 1rem;
}

.info_list .item::after {
    content: '';
    position: absolute;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNSAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuNSAxOEwxOC41IDYiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik04Ljc1IDZIMTguNVYxNS43NSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==");
    background-size: 1.3rem;
    background-position: center;
    background-repeat: no-repeat;
    width: 2.1rem;
    height: 2.1rem;
    background-color: var(--sub-cl);
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    opacity: 0;
    transition: all 0.5s;
}

.info_list .item:hover::after {
    opacity: 1;
}

.info_list .item .icon {
    width: 3.05rem;
    height: 3.4rem;
    transition: transform 1s ease-in-out;
}

.info_list .item .icon img {
    object-fit: contain;
    width: 100%;
    height: 100%;
}

.info_list .item:hover .icon,
.list_about li:hover svg,
.list_box_val li:hover svg,
.service_1 .box_cont:hover .icon,
.service_2 .box_cont:hover .icon{
    transform: rotateY(360deg);
}

/*.box_mr {*/
/*    height: 27.45rem;*/
/*}*/
.info_container {
    margin-top: -6.85rem;
    position: relative;
    z-index: 2;
}

.image-content::before {
    content: '';
    background-image: url("../images/Group-1000007074-1.png");
    position: absolute;
    width: 42.3rem;
    height: 35.8rem;
    top: -2.7rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    right: -7.5rem;
}

.list_projects {
    display: flex;
    gap: .5rem;
    /*margin-top: 2.5rem;*/
    /*height: 32rem;*/
    margin: 2.5rem -0.25rem 0;
}

.list_projects .item {
    position: relative;
    width: calc(calc(100%/4) - .5rem);
    margin: 0 .25rem;
    /*flex: 1;*/
    transition: 0.5s all;
}

.list_projects .item:hover {
    /*flex: 2;*/
}

/*.list_projects .item:hover {*/
/*    width: calc(calc(100% /3 - .5rem)) !important; !* chiếm 50% *!*/
/*}*/

/*.list_projects .item:not(:hover) {*/
/*    width: calc(calc(100% / 6 - .5rem)); !* phần còn lại chia đều *!*/
/*}*/
.blur_click {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.list_projects .item{
    overflow: hidden;
}
.list_projects .item .image img{
    transition: all 0.4s;
}
.list_projects .item:hover .image img{
    transform: scale(1.1);
}

.list_projects .item .image {
    width: 100%;
    height: 100%;
}

.list_projects .item .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/*.list_projects .item:hover .image img{*/
/*    object-fit: fill;*/
/*}*/
.list_box_news .box_news .image {
    overflow: hidden;
}

.list_box_news .box_news:hover .image img {
    transform: scale(1.1);
}

.list_projects .item .box_overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 3.1rem 3rem 0 3rem;
    opacity: 1;
    /*background: linear-gradient(180deg, rgba(0, 174, 239, 0.5) 49.98%, rgba(0, 174, 239, 0.00) 99.97%);*/
    background: linear-gradient(180deg, rgba(0, 33, 91, 0.5) 49.98%, rgba(0, 33, 91, 0.00) 99.97%);
    background: linear-gradient(180deg, rgba(0, 33, 91, 0.5) 49.98%, rgba(0, 33, 91, 0.5) 99.97%);
}

.mt-42 {
    margin-top: 2.1rem;
}

.list_projects .item:nth-child(2n) .box_overlay {
    opacity: 1;
    background: linear-gradient(180deg, rgba(0, 33, 91, 0.5) 49.98%, rgba(0, 33, 91, 0.5) 99.97%);
}

.box_overlay .title {
    color: #FFF;
    font-size: .8rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1.1rem;
    /* 137.5% */
    text-transform: uppercase;
    padding-left: 2.1rem;
    position: relative;
    margin-bottom: 1rem;
}

.box_overlay .title::before {
    position: absolute;
    content: '';
    background-color: #FFF;
    width: 1.5rem;
    height: .05rem;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.box_overlay .para {
    color: #FFF;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.65rem;
}

.home_5 {
    padding: 6rem 0 5rem 0;
}

.home_5 .list_btn-swiper {
    justify-content: flex-start;
}

.icon_absolute {
    position: absolute;
    right: 3rem;
    bottom: 3rem;
}

.icon_absolute svg {
    width: 2.75rem;
    height: 2.75rem;
    display: block;
}

.home_5 .list_btn {
    margin-top: 2.5rem;
}

.btn-swiper.swiper-button-disabled {
    opacity: 1;
}

.btn-swiper.swiper-button-disabled svg rect {
    fill: var(--main-cl);
}

.swiper-button-prev:after,
.swiper-button-next:after {
    font-size: 1rem;
    color: #FFF;
}

.swiper_list_news .swiper-button-prev::after,
.swiper_list_news .swiper-button-next::after {
    font-size: 1.5rem;
    color: #333333;
    opacity: 0.4;
    transition: 0.5s all;
}

.swiper_list_news .swiper-button-prev:hover::after,
.swiper_list_news .swiper-button-next:hover::after {
    opacity: 1;
    color: var(--main-cl);
}

.swiper_list_news .swiper-pagination {
    bottom: -2rem;
    justify-content: center;
}

.swiper_list_news .swiper-button-prev {
    left: -1rem;
    transform: translateX(-200%);
    cursor: pointer;
}

.swiper_list_news .swiper-button-next {
    right: -1rem;
    transform: translateX(200%);
    cursor: pointer;
}

.home_5 .swiper-pagination-progressbar-fill {
    background-color: var(--main-cl);
}

.list_btn-swiper {
    display: flex;
    align-items: center;
    gap: .5rem;
    justify-content: flex-end;
}

.pagiarow .swiper-scrollbar {
    height: .1rem;
    top: 1.1rem;
    transform: translateY(50%);
}

.wpcf7 .wpcf7-not-valid-tip:after {
    opacity: 0;
}

.wpcf7 .wpcf7-not-valid-tip {
    font-size: .65rem;
    margin-top: 0 !important;
    padding: .2rem .8rem !important;
}

.wpcf7 form.sent .wpcf7-response-output {
    background: #46b450 !important;
    border-color: #46b450 !important;
    color: #FFF !important;
}
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.invalid .wpcf7-response-output{
    background: red !important;
    border-color: red !important;
    color: #FFF !important;
}
.wpcf7 form.wpcf7-form .wpcf7-response-output{
    margin-top: 1rem !important;
    text-align: center !important;
    -webkit-border-radius: 0.521rem;
    -moz-border-radius: 0.521rem;
    border-radius: 0.521rem;
    font-size: 0.833rem;
}

.menu_news {
    gap: 2.2rem;
    margin-top: 1.5rem;
    margin-bottom: 2.5rem;
    list-style: none;
}

.menu_news .item a {
    overflow: hidden;
    color: #41444B;
    font-feature-settings: 'liga' off, 'clig' off;
    text-overflow: ellipsis;
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.4rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    transition: 0.5s all;
}

.menu_news .item:hover a {
    color: var(--sub-cl);
}

.menu_news .item.active a {
    color: var(--sub-cl);
}

.list_box_news .box_news {
    width: 100%;
    position: relative;
}

.box_news .date_news {
    color: #41444B;
    opacity: 0.8;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: "Noto Sans";
    font-size: .7rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.1rem;
    margin-top: 1rem;
    margin-bottom: 0.2rem;
}

.box_news:hover .title_news {
    color: var(--sub-cl);
}

.box_news:hover .btn-news {
    color: var(--sub-cl);
    text-indent: -0.5rem;
    transition: all 0.5s ease;
    padding-right: 2.1rem;
    border-color: var(--sub-cl);
}

.box_news:hover .btn-news::after {
    width: 1.2rem;
    transition: all 0.5s ease;
}

.title_news {
    overflow: hidden;
    color: #41444B;
    font-feature-settings: 'liga' off, 'clig' off;
    text-overflow: ellipsis;
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1.6rem;
    padding-bottom: .7rem;
    margin-bottom: 1rem;
    transition: all 0.5s;
    position: relative;
}

.title_news::after {
    content: '';
    width: 4.95rem;
    height: .1rem;
    background-color: var(--sub-cl);
    position: absolute;
    bottom: 0;
    left: 0;
}
.news_page .title_news::after{
    display: none;
}
.news_page .title_news{
    margin: 1.2rem 0 0 0;
    padding: 0;
}
.news_page .box_news .date_news{
    margin: 0.5rem 0;
}
.para-news {
    overflow: hidden;
    color: #41444B;
    font-feature-settings: 'liga' off, 'clig' off;
    font-size: .9rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.3rem;
    margin-bottom: 1rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
}

.box_contact {
    padding: 1.5rem 0 6.5rem;
}

.box_contact .heading-title {
    margin-bottom: 1rem;
}

.box_contact .para-heading {
    margin-bottom: 2rem;
}

.input_line .item {
    width: calc(100% / 2 - 1rem / 2);
    margin-bottom: 1.1035rem;
}

.title_contact {
    color: var(--main-cl);
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.9rem;
    margin-top: 1.15rem;
    padding-bottom: 1.15rem;
    margin-bottom: 1.15rem;
    border-bottom: .05rem solid #E1E1E1;
}

.info_contact .image img {
    height: 13.95rem;
    width: 100%;
}

.list_contact .data_contact {
    margin-bottom: 1.15rem;
}

.list_contact .data_contact:last-child {
    margin-bottom: 0;
}

.data_contact .data .title {
    color: #41444B;
    font-size: .8rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2rem;
    text-transform: uppercase;
    margin-bottom: .5rem;
}

.data_contact .icon img {
    height: 3.25rem;
}

.mb-25 {
    margin-bottom: 1.25rem;
}

.data_contact .data a {
    color: var(--main-cl);
    font-size: 1.1rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.3rem;
}

.data_contact .icon {
    width: 3.25rem;
    height: 3.25rem;
}

.form_contact .btn {
    height: 3.2rem;
}

.justify-evenly {
    justify-content: space-evenly;
}

.form_contact input[type=email],
input[type=number],
input[type=search],
input[type=tel],
input[type=text],
input[type=url],
textarea {
    border: .05rem solid rgba(0, 0, 0, 0.25);
    background: #FFF;
}

.form_contact input[type=search]:focus,
input[type=tel]:focus,
input[type=email]:focus,
input[type=text]:focus,
select:focus,
textarea:focus {
    border: .05rem solid var(--sub-cl);
    box-shadow: none;
}

.form_contact input::placeholder,
.form_contact textarea::placeholder {
    color: rgba(0, 0, 0, 0.50);
    font-size: .8rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2rem;
    /* 150% */
}

.form_contact input[type=submit] {
    color: #FFF;
    text-align: center;
    font-size: .8rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.2rem;
    text-transform: uppercase;
    background-color: var(--sub-cl);
}

.swiper_news .swiper-button-prev:after,
.swiper_news .swiper-button-next:after {
    color: #333333;
    opacity: 0.4;
    font-size: 1.5rem;
}

.box_news .image {
    width: 100%;
    aspect-ratio: 4/3;
    position: relative;
}

.box_news .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 0;
    left: 0;
    transition: all 0.5s;
}

.swiper-pagination-bullet-active {
    background-color: var(--sub-cl);
    opacity: 1 !important;
}

.home_7 {
    padding: 6rem 0 5rem 0;
}

.list_brands {
    padding: 2rem 0 3rem;
}

.swiper-brand .swiper-pagination {
    bottom: 0 !important;
}

.list_brands .brand {
    padding-bottom: 100%;
    position: relative;
    background: #FFF;
    box-shadow: 0rem .1rem 1.25rem 0rem rgba(0, 33, 91, 0.10);
}

.list_brands .swiper-slide:nth-child(2n) {
    margin-top: 1.2rem !important;
}

.list_brands .swiper-slide:nth-child(2n+1) {
    margin-top: 0;
}

.form_btn input {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.form_btn input:hover {
    opacity: 0;
}

.home_7 .swiper {
    overflow: visible;
}

.bg-opacity::after,
.bg-opacity::before {
    background: linear-gradient(90deg, #FFF 4.5%, rgba(255, 255, 255, 0.55) 57.3%, rgba(255, 255, 255, 0.00) 100%);
    position: relative;
    content: '';
    width: 50%;
    height: 100%;
}

.box_navi {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: calc(calc(100vw - var(--container-w)) / 2);
}

.title_banner_thumb {
    color: #FFF;
    font-size: 3.2rem;
    font-style: normal;
    font-weight: 700;
    line-height: 3.8rem;
    margin-bottom: .6rem;
}

.navi_banner {
    display: flex;
    align-items: center;
    list-style: none;
    gap: .4rem;
    margin-bottom: 0;
}

.navi_banner .item {
    margin-bottom: 0;
}

.navi_banner .item a {
    color: #FFF;
    font-size: .8rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2rem;
}

.navi_banner .item a::after {
    content: '';
    width: 1.2rem;
    height: 1.2rem;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
}

.navi_banner .page_name {
    display: flex;
    gap: .4rem;
    align-items: center;
}

.navi_banner .item:last-child .page_name {
    font-weight: 700;
}

.navi_banner .item:last-child .page_name::after {
    display: none;
}

.cover {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.swiper .list-articles .article {
    width: 100%;
}

.pr_1 {
    padding: 7.5rem 0;
    position: relative;
}

.pr_1::before {
    content: '';
    background-repeat: no-repeat;
    background-size: contain;
    width: 42.85rem;
    height: 33.1rem;
    position: absolute;
    top: -3.3rem;
    right: -24.4rem;
}

.swiper_article .swiper-pagination-progressbar-fill {
    background-color: var(--main-cl);
}

.swiper .list_btn {
    margin-top: 2rem;
    padding: 0;
}

.pr_1 .heading-title {
    margin-bottom: 1.2rem;
}

.third_img_abs .img_main {
    padding: 0 5rem 4.2rem 2.1rem;
}

.third_img_abs .img_main img {
    box-shadow: 0rem .391rem 1.1725rem 0rem #00000026;
}

.third_img_abs .img_absolute {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 13.65rem;
    height: 13.65rem;
    padding: .5rem;
    background-color: #FFF;
    box-shadow: 0rem .391rem 1.1725rem 0rem #00000026;
}

.third_img_abs .title_absolute {
    padding: 1.2rem 2.4rem;
    color: #FFF;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.8rem;
    transform: rotate(-90deg);
    left: 0;
    transform-origin: top left;
    bottom: 0;
    position: absolute;
    background-color: var(--sub-cl);
    box-shadow: 0rem .391rem 1.1725rem 0rem #00000026;
}

.grid-image {
    display: grid;
    grid-template-columns: 1fr 2fr;
    /* Cột chia thành 1/3 và 2/3 */
    grid-template-rows: 1fr 2fr;
    /* Hàng chia thành 1/3 và 2/3 */
    gap: .5rem;
}

.grid-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    box-shadow: 0rem .391rem 1.1725rem 0rem #00000026;
}

.grid-image .img-2 {
    grid-row: 1 / 3;
    grid-column: 2 / 3;
}

.title_grid {
    position: absolute;
    top: 33%;
    left: 36%;
    transform: translate(-50%, -50%);
    background-color: var(--sub-cl);
    font-size: 1.4rem;
    color: #FFF;
    font-style: normal;
    font-weight: 700;
    line-height: 1.8rem;
    padding: 1.2rem 2.4rem;
    text-align: center;
    box-shadow: 0rem .3908rem 1.1724rem 0rem rgba(0, 0, 0, 0.15);
}

.pr_2 {
    padding: 7.5rem 0;
    background: linear-gradient(90deg, rgba(0, 174, 239, 0.10) 0%, rgba(0, 174, 239, 0.00) 100%);
    position: relative;
}

.pr_2 .heading-title {
    margin-bottom: 1.2rem;
}

.pr_2::after {
    content: '';
    position: absolute;
    top: -2rem;
    left: 41%;
    background-size: contain;
    background-repeat: no-repeat;
    width: 24.25rem;
    height: 23.6rem;
}

.pr_2 .article {
    background-color: #FFF;
}

.pr_3 {
    padding: 7.5rem 0;
    position: relative;
    overflow: hidden;
}

.mt-40 {
    margin-top: 2rem;
}

.pr_3::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-size: contain;
    width: 17.95rem;
    height: 25.15rem;
}

.grid-pro {
    display: grid;
    grid-template-columns: 13.15rem 2fr;
    grid-template-rows: 1fr 1fr auto;
    gap: .5rem;
    padding-right: 10%;
}

.grid-pro .item_1 {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
}

.grid-pro .item_2 {
    grid-column: 2 / 3;
    grid-row: 1 / 3;
}

.grid-pro .item_3 {
    grid-column: 1 / 2;
    grid-row: 2 / 3;
    justify-self: end;
}

.grid-pro .item_3 img {
    width: 8.75rem;
    height: 6.5rem;
}

.pr_3 .title_grid {
    bottom: 12%;
    left: 36%;
    top: unset;
}

.pr_4 {
    padding: 7.5rem 0;
    background: linear-gradient(90deg, rgba(0, 174, 239, 0.10) 0%, rgba(0, 174, 239, 0.00) 100%);
    overflow: hidden;
    position: relative;
}

.pr_4::after {
    content: '';
    background-position: center;
    background-repeat: no-repeat;
    width: 16.3rem;
    height: 19.6rem;
    position: absolute;
    top: 0;
    background-size: contain;
    left: 60%;
}

.pr_4 .article {
    background-color: #FFF;
}

.grid-process .grid-main {
    padding-left: 40%;
    padding-bottom: 19%;
}

.grid-process .grid-main img {
    box-shadow: 0rem .405rem 1.2145rem 0rem #00000026;
}

.grid-process .grid-sub img {
    box-shadow: 0rem .405rem 1.2145rem 0rem #00000026;
}

.grid-process .grid-sub {
    position: absolute;
    left: 15%;
    bottom: 0;
    /*padding: .5rem;*/
    background-color: #FFF;
    width: 20.9rem;
    height: 15.85rem;
}

.pr_4 .title_grid {
    top: 40%;
    left: 45%;
}

.pr_5 {
    padding: 7.5rem 0 3.9rem 0;
}
.tech_1 .menu_technical {
    justify-content: start;
}
.menu_project,
.menu_technical{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    list-style: none;
}
.menu_project .item,
.menu_technical .item{
    margin: 0;
}
.menu_project .item > a,
.menu_technical .item > a{
    padding: .6rem 1.2rem;
    background: #fff;
    border: .05rem solid var(--sub-cl);
    cursor: pointer;
    transition: all 0.4s;
    display: block;
}
.menu_project .item:hover > a,
.menu_technical .item:hover > a,
.menu_project .item.active > a,
.menu_technical .item.active > a{
    background-color: var(--sub-cl);
    color: #FFF;
    border: .05rem solid var(--sub-cl);
}
.menu_project .item a,
.menu_technical .item a{
    color: var(--sub-cl);
    font-size: .9rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.4rem;
}

.menu_project .item.active a ,
.menu_technical .item.active a{
    color: #FFF;
}

.pager {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .3rem;
    list-style: none;
}

.thenativePagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .3rem;
    list-style: none;
    margin-top: 2.4rem;
    margin-bottom: 0;
}

.thenativePagination li {
    margin-bottom: 0;
}

.thenativePagination li a {
    color: #999;
    display: flex;
    width: 1.6rem;
    height: 1.6rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: .8rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2rem;
    border-radius: 5rem;
}

.thenativePagination li.active a {
    background-color: var(--sub-cl);
    color: #FFF;
}

.pager .item a {
    color: #999;
    display: flex;
    width: 1.6rem;
    height: 1.6rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: .8rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2rem;
    border-radius: 5rem;
}

.pager .item.active a {
    background-color: var(--sub-cl);
    color: #FFF;
}

.breadcrumbs {
    display: flex;
    align-items: center;
    gap: .4rem;
    list-style: none;
    margin: 2.4rem 0;
}

.breadcrumbs li:last-child a::after {
    display: none;
}

.breadcrumbs li:last-child cite {
    font-weight: 700;
}

.breadcrumbs li cite {
    display: flex;
    align-items: center;
    gap: .4rem;
    color: #333333;
    font-weight: 400;
    font-size: .8rem;
    line-height: 1.2rem;
}

.breadcrumbs li {
    margin-bottom: 0;
}
.banner_thumb .breadcrumbs{
    margin-top: 0;
}
.banner_thumb .breadcrumbs ul span.divider{
    display: flex;
    opacity: 1;
    margin: 0;
}

.banner_thumb .breadcrumb ul span.divider path{
    stroke: #FFF;
}
.banner_thumb .breadcrumbs ul li cite{
    color: #FFF;
}
.nav_title h1 {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 2.2rem;
    color: #333333;
}

.nav_title p {
    font-size: .8rem;
    font-weight: 400;
    line-height: 1.2rem;
    color: #333333;
}

.table_content {
    padding: 1.2rem;
    background: #00AEEF0D;
    font-size: .8rem;
    font-weight: 400;
    line-height: 1.2rem;
    color: #333333;
}

.table_content h3 {
    font-size: .8rem;
    font-weight: 400;
    line-height: 1.2rem;
    color: #333333;
}

.table_content ul {
    padding-left: 2rem;
}

.table_content ul li::marker {
    width: .4rem;
    height: .4rem;
    color: var(--main-cl);
}

.nav_content h2 {
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.6rem;
    color: var(--main-cl);
    font-family: Inter;
}

.nav_content h3 {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.4rem;
    color: var(--main-cl);
    margin-bottom: .8rem;
    margin-top: 1.2rem;
    font-family: Inter;
}

.nav_content p img {
    margin: 1.5rem 0;
}

.nav_content p {
    margin: .8rem 0;
    font-size: .9rem;
    font-weight: 400;
    line-height: 1.2rem;
    color: #333333;
}

/*.nav_content p img{*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    object-fit: cover;*/
/*}*/
.nav_content span {
    margin: .8rem 0;
    font-size: .8rem;
    font-weight: 400;
    line-height: 1.2rem;
    color: #333333;
}

.nav_content ul {
    padding-left: 1.25rem;
}

.nav_content ul li {
    font-size: .8rem;
    font-weight: 400;
    line-height: 1.2rem;
    color: #333333;
}

.detail_sub_1 .nav_title h1 {
    color: var(--Style, #003669);
    font-family: Inter;
    font-size: 2.75rem;
    font-style: normal;
    font-weight: 700;
    line-height: 3.2rem;
    /* 118.182% */
}

.box_list_img {
    margin-bottom: 1.2rem;
    gap: .85rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

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

.share span,
.hashtag span {
    color: var(--Secondary-Black, #333);
    font-family: Inter;
    font-size: .8rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.2rem;
    /* 150% */
    margin-right: .8rem;
}

.share ul {
    display: flex;
    align-items: center;
    list-style: none;
    margin-bottom: 0;
    gap: .8rem;
}

.share ul li,
.share ul li a {
    margin-bottom: 0;
    display: flex;
    align-items: center;
}

.hashtag span {
    margin-right: .8rem;
}

.hashtag {
    display: flex;
    align-items: center;
    margin-top: 1.2rem;
}

.hashtag ul {
    display: flex;
    align-items: center;
    gap: .2rem;
    list-style: none;
    margin: 0;
    flex-wrap: wrap;
}

.hashtag ul li {
    margin: 0;
}

.hashtag ul li a {
    padding: .2rem .4rem;
    border: .05rem solid var(--sub-cl);

    color: var(--Primary-Blue-1, #00AEEF);
    font-family: Inter;
    font-size: .6rem;
    font-style: normal;
    font-weight: 400;
    line-height: .8rem;
    /* 133.333% */
}

.detail_pr_1 {
    padding-bottom: 7.5rem;
}

.pr_detail_swiper {
    padding-bottom: 2.4rem;
}

.pr_detail_swiper .swiper-pagination-bullet-active {
    background: var(--sub-cl);
}

.btn_abs_btn .swiper-button-next {
    top: 20%;
    transform: translateX(150%);
}

.btn_abs_btn .swiper-button-prev {
    top: 20%;
    transform: translateX(-150%);
}

.btn_abs_btn .swiper-button-prev:after,
.btn_abs_btn .swiper-button-next:after {
    color: #333333;
    opacity: 0.4;
    font-size: 1rem;
}

.detail_sub_1 {
    padding-bottom: 7.5rem;
}

.detail_sub_2 {
    padding: 3.5rem 0 7rem;
    position: relative;
    background: #F4FCFF;
}

.detail_sub_2::before {
    /*content: '';*/
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    left: -2.5rem;
    bottom: -2.5rem;
    width: 29rem;
    height: 35rem;
}

.font-18 {
    font-size: .9rem !important;
}

.font-12 {
    font-size: .6rem !important;
}

.font-20 {
    font-size: 1rem !important;
}

/*Table-employ*/
.wrap_table_td {
    border: 0rem solid #000000;
}

a {
    text-decoration: unset;
}

th {
    border-width: 0 0rem .05rem 0;
}

table.table_td {
    table-layout: fixed;
    margin: 0;
    border: none;
    background-color: white;
}

table.table_td thead {
    background-color: #f5f5f5;
    color: #fff;
}

table.table_td thead th {
    text-align: center;
    color: #333333;
    background-color: #f5f5f5;
    font-family: 'Inter';
    font-size: .75rem;
    font-weight: 700;
    padding-bottom: .85rem;
    padding-top: .85rem;
    font-size: .75rem;
    border: none;
}

table.table_td thead th:not(:last-child) {
    border-right: .05rem solid #D9D9D9;
}

table.table_td thead th:nth-child(1) {
    width: 10%;
}

table.table_td thead th:nth-child(2) {
    width: 20%;
    text-align: center;
}

table.table_td tbody tr {
    vertical-align: middle;
    -webkit-transition: .2s all ease-in-out;
    -o-transition: .2s all ease-in-out;
    transition: .2s all ease-in-out;
    background-color: rgba(248, 248, 248, 0.51);
}

table.table_td tbody tr:hover td {
    background: rgba(35, 62, 151, 0.06);
}

table.table_td tbody tr:hover a.apply_position {
    background-color: var(--sub-cl);
    color: #FFF;
    border-color: var(--sub-cl);
}

table.table_td tbody tr:hover a.apply_position::after {
    filter: brightness(0) invert(1);
}

table.table_td tbody tr:hover td:nth-child(2) a {
    color: #1c1c1c;
}

table.table_td tbody tr:not(:last-child) {
    border: 0;
    /*border-bottom: .05rem solid #ebebeb;*/
}

table,
th,
td {
    border: .05rem solid #ebebeb;
}

.table td,
.table th {
    padding: .75rem;
    vertical-align: top;
    border: .05rem solid #ebebeb;
}

table.table_td tbody td {
    color: #333333;
    padding: .8rem 1.3rem;
    font-size: .75rem;
    font-weight: 400;
    line-height: 1rem;
    text-align: center;
    border: .05rem solid white;
}

/*table.table_td tbody tr:nth-child(2n+1){*/
/*    background-color: #f5f5f5;*/
/*}*/
table.table_td tbody td:nth-child(1) {
    color: var(--Primary-Blue-2, #003669);
    text-align: center;

    /* Heading/4 */
    font-family: Inter;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 700;
    line-height: 2rem;
    /* 125% */
}

table.table_td tbody td:nth-child(4),
table.table_td tbody td:nth-child(5),
table.table_td tbody td:nth-child(6) {
    color: #333333;
    font-size: .8rem;
    font-weight: 400;
    line-height: 1.1rem;

}

table.table_td tbody td:nth-child(2),
table.table_td tbody td:nth-child(3),
table.table_td tbody td:nth-child(4) {
    text-align: center;
}

table.table_td tbody td:nth-child(2) {
    text-align: left;
}

table.table_td tbody td:nth-child(2) a {
    font-size: .75rem;
}

table.table_td tbody td a {
    outline: none;
    text-decoration: none;
    color: #666666;
}

table.table_td .new_td {
    float: right;
    color: #ff0000;
}

.title_td {
    color: #007c0f;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.9rem;
    margin: 0 0 1.55rem;
    text-transform: inherit;
}

.wrap_date_time_td .date {
    color: #333333;
    font-size: .65rem;
    font-weight: 400;
    line-height: .65rem;
}

.employment_information {
    padding-bottom: 2rem;
    padding-top: 1.5rem;
}

.employment_information i {
    color: #007c0f;
    padding-right: .1rem;
}

.employment_information p {
    color: #333333;
}

.employment_information h2 {
    color: #333333;
    font-size: .75rem;
    font-weight: 700;
    line-height: 1.5rem;
    text-transform: uppercase;
}

.employment_information ul.list_info_td {
    padding: 0;
    margin-bottom: 1.5rem;
    list-style: none;
}

.employment_information ul.list_info_td li {
    padding: .6rem 1.65rem;
}

.employment_information ul.list_info_td li:nth-child(2n+1) {
    background-color: #f5f5f5;
}

.employment_information ul.list_info_td li * {
    color: #333333;
    font-size: .75rem;
    line-height: .8rem;
}

.employment_information label.name_info {
    min-width: 10rem;
    display: inline-block;
    margin-right: .5rem;
}

.employment_information .desc {
    color: #333333;
    font-size: .75rem;
    font-weight: 300;
    line-height: 1.2rem;
}

.employment_information .desc ul {
    padding-left: 1.25rem;
    margin-bottom: 1.2rem;
    list-style: none;
}

.employment_information .desc li {
    position: relative;
}

.employment_information .desc li::before {
    position: absolute;
    color: #999999;
    font-family: "FontAwesome";
    font-size: .4rem;
    display: block;
    content: '\f111';
    right: calc(100% + .85rem);
    top: 0;
}

.employment_information h2 span.dealine {
    color: #333333;
    font-size: .75rem;
    line-height: 1.2rem;
    font-weight: normal;
    display: inline-block;
    margin-left: .9rem;
}

.submit_download_td {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.submit_download_td a.submit_td {
    color: #ffffff;
    font-size: .75rem;
    font-weight: 400;
    line-height: 1.1rem;
    text-transform: uppercase;
    background-color: #1c1c1c;
    padding: .8rem 1.15rem;
    display: inline-block;
    margin-right: 1.2rem;
}

.submit_download_td a.download_td {
    text-align: center;
    color: #ffffff;
    font-size: .75rem;
    line-height: 1.1rem;
    text-transform: uppercase;
    background-color: #636363;
    padding: .2rem 1.55rem;
    display: inline-block;
    margin-left: .9rem;
}

.submit_download_td a.download_td span {
    font-size: .6rem;
}

.form_td {
    padding: 0;
    margin-top: -0.05rem;
    -webkit-transition: .5s all ease-in-out;
    -o-transition: .5s all ease-in-out;
    transition: .5s all ease-in-out;
}

.form_td br {
    display: none;
}

.form_td.opened_form {
    padding: 3rem 0;
    max-height: 100rem;
}

.form_td ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.form_td .file-cv {
    margin-top: 2rem;
}

.form_td .file-cv label {
    padding-left: 0;
}

.form_td .file-cv input:not(.wpcf7-submit) {
    border-bottom: 0;
}

.info_employment_information .form-recruitment h3 {
    text-align: center;
    width: 100% !important;
    font-size: 1.4rem !important;
}

.sidebar_td .title_sidebar {
    background-color: #1c1c1c;
    color: #ffffff;
    font-family: 'Inter';
    font-size: 1.25rem;
    line-height: 3.2rem;
    text-transform: uppercase;
    text-align: center;
    margin: 0 0 1.2rem;
}

.list_orther_td {
    margin: 0;
    list-style: none;
    padding: 0;
}

.list_orther_td li {
    padding-top: 1.15rem;
    padding-bottom: .75rem;
    border-bottom: .05rem solid #e4e4e4;
}

.list_orther_td li:last-child {
    border: none;
}

.list_orther_td .td-name {

    color: #333333;
    font-family: 'Inter';
    font-size: .7rem;
    font-weight: 700;
    line-height: .7rem;
}

#recruitment_detail .row {
    justify-content: space-between;
}

#recruitment_detail .col-md-9 {
    padding-right: 2.5rem;

}

#recruitment_detail .col-md-9 .employment_information {
    width: 100%;
    display: inline-block;
    border-bottom: .05rem solid #e2e2e2;
}

#recruitment_detail .col-md-9 .employment_information p {
    margin: 0rem;
    padding: 0rem;
}

#recruitment_detail .col-md-9 .employment_information h2 {
    float: left;
    width: 25%;
    line-height: .75rem;
    margin-bottom: 0rem;

}

#recruitment_detail .col-md-9 .employment_information .content {
    width: 75%;
    float: left;
}

#recruitment_detail .col-md-3 {
    padding: 0rem;
}

#recruitment_detail .col-md-3 .contact_requirements {
    padding: 2.5rem 1.5rem 1.5rem 1.5rem;
    background-color: #f7f7f7;
;
}

#recruitment_detail .col-md-3 .contact_requirements h2 {
    color: #333333;
    font-family: 'Inter';
    font-size: .9rem;
    font-weight: 800;
    line-height: .9rem;
    text-transform: uppercase;
    margin-bottom: 1.25rem;
    position: relative;
}

#recruitment_detail .col-md-3 .contact_requirements h2:before {
    position: absolute;
    left: -1.5rem;
    top: 0rem;
    height: 100%;
    width: .15rem;
    background-color: #42b95a;
    content: "";
    z-index: 999;
}

#recruitment_detail .col-md-3 .contact_requirements p.content {
    margin: 0rem;
}

#recruitment_detail .col-md-3 .contact_requirements a:nth-child(3) {
    margin-bottom: 1.5rem;
    display: inline-block;
    color: #333333;
    font-family: 'Inter';
    font-size: .7rem;
    font-weight: 400;
}

#recruitment_detail .col-md-3 .contact_requirements .phone_contact {
    color: #42b95a;
    font-family: 'Inter';
    font-size: .9rem;
    font-weight: 700;
    line-height: .9rem;
}

#recruitment_detail .col-md-3 .sidebar_td {
    margin-top: 1.5rem;
    background-color: #f7f7f7;
    padding: 2.5rem 1.5rem 1.5rem 1.5rem;
}

#recruitment_detail .col-md-3 .sidebar_td h2 {
    color: #333333;
    font-family: 'Inter';
    font-size: .9rem;
    font-weight: 800;
    line-height: .9rem;
    text-transform: uppercase;
    background: none;
    text-align: left;
    position: relative;
    margin-bottom: 0rem;
}

#recruitment_detail .col-md-3 .sidebar_td h2:before {
    position: absolute;
    left: -1.5rem;
    top: 0rem;
    height: 100%;
    width: .15rem;
    background-color: #42b95a;
    content: "";
    z-index: 999;
}

.box_info_left {
    width: 50%;
    float: left;
}

.box_info_right {
    width: 50%;
    float: left;
}

.info_job_detail .col-xl-9 {
    padding: 2.5rem;
    box-shadow: 0 0 1.6rem rgba(0, 0, 0, 0.07);
    background-color: #ffffff;
    padding-bottom: 1.5rem;
}

.info_job_detail .col-xl-9 h2 {
    color: #333333;
    font-family: 'Inter';
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.25rem;
    padding-bottom: 1.25rem;
}

.info_job_detail a {
    display: inline-block;
    margin-bottom: .75rem;
    color: #333333;
    font-family: 'Inter';
    font-size: .7rem;
    font-weight: 500;
    line-height: 1.1rem;
    position: relative;
    padding-left: 1.5rem;
}


.info_job_detail .info p {
    padding-left: 1.5rem;
    position: relative;
}

.info_job_detail .info p:before {
    position: absolute;
    left: 0rem;
    top: 50%;
    transform: translateY(-50%);
    content: "";
}

.info_employment_information {
    padding: 4rem 0;
}

.row {
    display: flex;
}

.info_employment_information .info_general_apply {
    box-shadow: 0 0 1.6rem rgba(0, 0, 0, 0.07);
    background-color: #ffffff;
    width: calc(75% - 3.1rem);
    padding: 2.6rem 0rem 1.5rem 3.1rem;
}

.apply_right {
    background-color: #08024e;
    padding: 2.85rem 1.7rem 1.4rem !important;
    width: calc(25% - 3.4rem);
}

.info_general_apply>a {
    color: #333333;
    font-size: .7rem;
    font-weight: 400;
    line-height: 1.1rem;
    display: inline-flex;
    align-items: center;
}

.info_general_apply>a svg {
    margin-right: .35rem;
    transform: rotate(180deg) translateY(-0.3rem);
    width: .75rem;
    margin-bottom: .75rem;
    height: auto;

}

.info_employment_information h1 {
    display: block;
    color: #333333;
    font-size: 1.25rem;
    font-weight: 700;
    padding-bottom: 1.25rem !important;
    margin-bottom: 2rem;
    font-family: 'Inter';

    border-bottom: .05rem solid rgba(112, 112, 112, 0.2);
    font-size: 1.25rem;
    text-transform: unset;
}

.info_employment_information h1:before {
    display: none;
}

.info_employment_information ul {
    margin: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}

.info_employment_information ul li {
    width: 50%;
    color: #333333;
    font-size: .7rem;
    font-weight: 700;
    line-height: 1.1rem;
    margin-bottom: .75rem;
    display: flex;
    font-family: 'Inter';
    align-items: center;

}

.info_employment_information ul li h3 {
    margin: 0;
    font-size: .7rem;
    font-family: 'Inter';
    margin-right: 1.75rem;
    min-width: 4.5rem;

}

.info_employment_information ul li img {
    object-fit: contain
}

.info_employment_information ul li img {
    margin-right: .75rem;
}

.apply_right h3 {
    color: #ffffff;
    font-family: 'Inter';
    font-size: .7rem;
    text-transform: uppercase;
    margin-bottom: .25rem;
    display: flex;
    align-items: center;
}

.apply_right h3 svg {
    fill: white;
    width: .55rem;
    height: auto;
    margin-right: .25rem;
}

.apply_right h3 i {
    font-size: .6rem;
    margin-right: .5rem;
}

.apply_right .content {
    margin-bottom: 1.5rem;
    color: #ffffff;
    font-size: .7rem;
    padding-left: 1rem;
}

.link_form_apply {
    display: flex;
    flex-wrap: wrap;
    padding-top: 1.15rem;
    position: relative;
}

.link_form_apply:before {
    position: absolute;
    top: 0;
    width: calc(100% + 3.4rem);
    height: .05rem;
    background: rgba(255, 255, 255, 0.71);
    content: '';
    left: -1.7rem;
}

.link_form_apply img {
    width: 1.35rem;
    object-fit: contain;
}

.link_form_apply a {
    width: calc(100% - 2.35rem);
    margin-left: 1rem;
    font-family: 'Inter';
    color: #ffffff !important;
    font-size: .7rem;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.5;
}

.info_employment_information .item {
    display: flex;
    flex-wrap: wrap;
    padding: 2rem 0;
}

.info_employment_information .info_other h3 {
    width: 30%;
    color: #333333;
    font-size: .75rem;
    font-weight: 700;
    text-transform: uppercase;
}

.info_employment_information .form_td .wrap_form h3 {
    color: #333333;
    font-size: 1.4rem;
    width: 100%;
    margin: 0 0 .25rem;
    text-transform: unset;
}

.info_employment_information .form_td .wrap_form span {
    color: #333333;
    font-size: .7rem;
    display: block;
    margin-bottom: 1.75rem;
}

.info_employment_information .info_other .content {
    width: 70%;
    color: #333333;
    font-size: .75rem;
}

.info_employment_information .item:not(:last-child) {
    border-bottom: .05rem solid rgba(112, 112, 112, 0.2);
}

.info_other .col-md-9 {
    padding-right: 3rem;
    width: calc(75% - 3rem);
}

.info_employment_information .info_contact {
    padding: 2rem 1.7rem;
    margin-top: 1.5rem;
    border-radius: .75rem;
    background-color: #f7f7f7;
}

.info_employment_information .info_other .wrap_form .content {
    margin-bottom: .5rem;
    font-family: 'Inter';
}

.info_employment_information .info_contact .content strong {
    font-size: .7rem;
}

.info_employment_information .info_contact .content {
    font-size: .6rem;
    width: 100%;
    color: #333333;
    line-height: 1.9;
}

.info_employment_information .info_contact .content p {
    margin-bottom: .5rem
}

.info_employment_information .info_contact .content p:last-child {
    margin: 0;
}

.info_employment_information .info_contact h3,
.other_recruitment h3 {
    font-size: .9rem;
    margin-bottom: 1.25rem;
    position: relative;
    width: 100% !important;
}

.info_employment_information .info_contact h3:before,
.other_recruitment h3:before {
    position: absolute;
    left: -1.7rem;
    height: 100%;
    content: '';
    top: 0;
    width: .15rem;
    background-color: #da251c;
}

.form_td_details {
    padding: 3.5rem 5rem;
    background-color: #f7f7f7;
    padding-bottom: 2rem;
}

.info_employment_information .form_td_details .content {
    width: 100%;
    color: #333333;
    font-size: .8rem;
    margin-bottom: 2.75rem;
}

.info_employment_information .form_td_details h2 {
    font-size: 1.5rem;
    margin-bottom: 0;
}

.info_employment_information .form_td_details label {
    color: #333333 !important;
    font-size: .7rem !important;
    font-weight: 400 !important;
    line-height: 1.1rem !important;
    margin-bottom: .4rem !important;
    display: block;
}

.info_employment_information .form_td_details input:focus,
.info_employment_information .form_td_details textarea:focus {
    border: .05rem solid #40b94f !important;
}

.info_employment_information .form_td_details textarea {
    margin-bottom: 1rem !important;
}

.info_employment_information .form_td_details button.wpforms-submit {
    float: right;
    color: #f5f5f5 !important;
    font-size: .7rem !important;
    font-weight: 700;
    line-height: 2.45rem;
    height: 2.45rem;
    background-image: linear-gradient(to top, #6eb041 0%, #5f9838 100%);
    padding: 0 4.5rem 0 2rem !important;
    position: relative;
    margin-top: -3.75rem;
}

.info_employment_information .form_td_details button.wpforms-submit:after {
    position: absolute;
    top: 0;
    right: 2.5rem;
    height: 100%;
    background: rgba(245, 245, 245, 0.3);
    content: '';
    width: .05rem;
}

.info_employment_information .form_td_details button.wpforms-submit:before {
    position: absolute;
    right: 1rem;
}

table.table_td tbody td:nth-child(2) a {
    color: #333333;
    font-size: .75rem;
    font-weight: 700;
    line-height: 1rem;
}

table.table_td tbody td:nth-child(3) a {
    padding: .65rem 1.2rem;
    line-height: 1rem;
    display: inline-block;
    color: var(--main-cl);
    font-size: .8rem;
    min-width: 6.5rem;
    background-color: transparent;
    text-transform: unset;
    border: .05rem solid var(--main-cl);
}

table.table_td tbody td:nth-child(3) a.no_apply_position {
    background-color: #D9D9D9;
    color: #FFF;
    border: .05rem solid #D9D9D9;
    width: 7.8rem;
}

table.table_td tbody td:nth-child(3) a.apply_position {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .4rem;
    transition: all 0.5s;
}

table.table_td tbody td:nth-child(3) a.apply_position::after {
    display: block;
    content: '';
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNyAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjI5MTMgMy4zMzM2Nkw3LjI5MTM0IDMuMzMzNjZNMTMuMjkxMyAzLjMzMzY2TDEzLjI5MTMgOS4zMzM2Nk0xMy4yOTEzIDMuMzMzNjZMMy45NTgwMSAxMi42NjciIHN0cm9rZT0iIzAwMzY2OSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
    background-repeat: no-repeat;
    background-size: contain;
    width: .8rem;
    height: .8rem;
}

.other_recruitment {
    padding: 2rem 1.7rem;
    margin-top: 1.35rem;
    padding-bottom: 1rem;
    border-radius: .75rem;
    background-color: #f7f7f7;
}

.info_employment_information .other_recruitment ul li {
    width: 100%;
    padding: .75rem 0;
    margin: 0;
    display: inline-block;
}

.info_employment_information .other_recruitment h3 {
    margin-bottom: 0;
}

.info_employment_information .other_recruitment ul li:not(:last-child) {
    border-bottom: .05rem solid rgba(183, 183, 183, 0.3);

}

.info_employment_information .other_recruitment ul li .content {
    width: 100%;
    margin-bottom: 0;
    font-size: .7rem;
    font-family: 'Inter';
    font-weight: 100;

}

.info_employment_information .other_recruitment ul li a {
    font-size: .65rem;
    color: #333333;
    font-family: 'Inter';
}

.info_employment_information .other_recruitment ul li a:hover {
    color: #08024e;
}

.row.info_other .col-md-3 {
    width: 25%;
}

table.table_td tbody td:not(:last-child) {
    border-right: .05rem solid #D9D9D9;
}

.career_opportunities h2.heading_h2 {
    font-size: 2rem;
    text-transform: uppercase;
    color: #333333;
}

/*.row>*{*/
/*    box-sizing: content-box;*/
/*}*/
.row.info_other {
    margin: 0 -0.5rem;
}

.form_td .wrap_form {
    box-shadow: 0 0 2.15rem rgb(75 75 75 / 18%);
    background-color: #ffffff;
    padding: 2.75rem 3.75rem 1.5rem;
    box-sizing: border-box;
    display: inline-flex;
    flex-wrap: wrap;
    width: 100%;
}

.form_td .wrap_form label {
    font-family: 'Inter';
    display: block;
    margin-bottom: .3rem;
}

.form_td .wrap_form input:not(.wpcf7-submit),
.form_td .wrap_form textarea {
    height: 2rem;
    border-radius: .25rem;
    border: .05rem solid #b7b7b7;
    background-color: #ffffff;
    padding: 0 .75rem;
    margin-bottom: 1rem;
}

.form_td .wrap_form textarea {
    height: 4.5rem;
}

.form_td .wrap_form br {
    display: none;
}

.form_td span.wpcf7-form-control-wrap {
    margin: 0 !important;
}

.form_td .content {
    font-size: .6rem !important;
    width: 100% !important;
}

.top_info {
    border-radius: 1.25rem;
    overflow: hidden;
    box-shadow: 0 0 1.6rem rgba(0, 0, 0, 0.07);
}

.wpcf7-file {
    border: none !important;
    padding: 0 !important;
}

.form_td input.wpcf7-submit {
    margin-top: 0;
    float: right;
    color: white;
    text-transform: uppercase;
    background-color: #da251c !important;
    text-align: center;
    height: 2.5rem;
    padding: 0 1.75rem;
    transition: .5s all;
    font-family: 'Inter';
    border-radius: 1.25rem;
    border: none;
}

.form_td input.wpcf7-submit:hover {
    background: #263e56 !important;

}

.info_employment_information .info_contact .content p {
    margin-bottom: .25rem;
}

.info_employment_information .form_td .wrap_form span.wpcf7-not-valid-tip {
    color: red;
}

.info_employment_information h1 {
    display: flex;
    justify-content: space-between;
}

.info_employment_information h1 ul {
    display: flex;
    flex-wrap: nowrap;
    margin: 0;
}

.info_employment_information h1 ul a {
    width: 1.4rem;
    height: 1.4rem;
    fill: #0a582c;
    background: transparent;
    border: .05rem solid #0a582c;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: .3s all;
}

.info_employment_information h1 ul a svg {
    width: .65rem;
}

.info_employment_information h1 ul li:not(:last-child) {
    margin-right: .25rem;
}

.info_employment_information h1 ul a:hover {
    background: #0a582c;
    fill: white;
}

.info_employment_information .info_general_apply {
    padding: 2.5rem 2.5rem 1.5rem;
    box-sizing: border-box;
    width: 75%;
    border-radius: 0;
}

.top_info {
    border-radius: 0;
}

.info_employment_information h1 {
    font-size: 1.25rem;
    font-family: 'Inter';
    padding-bottom: .75rem !important;
}

.info_general_apply>a {
    margin-bottom: .6rem;
}

.info_employment_information ul li {}

.info_employment_information ul li h3 {
    margin-right: 1rem;
}

.apply_right {
    background-color: #e6e6e6;
}

.apply_right h3 svg {
    display: none;
}

.apply_right h3 {
    color: #044725;
    margin-bottom: .3rem;
}

.apply_right .content {
    color: #333333;
    padding: 0;
    line-height: 1.3;
}

.link_form_apply a {
    color: #044725 !important;
}

.info_employment_information .info_other h3 {
    color: #044725;
    padding-right: 1.5rem;
    box-sizing: border-box;
    line-height: 1.5;
}

.info_employment_information .info_other .content {
    color: #333333;
    font-size: .7rem;
}

.info_employment_information .info_contact {
    border-radius: 0;
    background-color: #f7f7f7;
}

.info_employment_information .info_contact h3:before,
.other_recruitment h3:before {
    background-color: #044725;
}

.info_employment_information .info_contact .content strong {
    font-family: 'Inter';
}

.other_recruitment {
    background-color: #f7f7f7;
    border-radius: 0;
}

.info_employment_information .other_recruitment ul li a {
    font-family: 'Inter';
}

.info_employment_information .other_recruitment ul li .content {
    font-family: 'Inter';
}

.info_employment_information {
    padding-top: 0;
    margin-top: -8.75rem;
}


.tuyen_dung_page {
    padding: 7.5rem 0 4.5rem;
}

.tuyen_dung_page .pattern_1 {
    top: 13rem;
    left: -29.5rem;
}

.tuyen_dung_page .pattern_2 {
    left: unset;
    right: -28.35rem;
}

.tuyen_dung_page .wrap_title+.content {
    max-width: 39.35rem;
    margin: 0 auto 3rem;
}

.tuyen_dung_page .wrap {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.45rem 6.55rem;
}

.tuyen_dung_page .wrap .item img {
    width: 100%;
    display: block;
}

.tuyen_dung_page .wrap .item {
    width: calc(25% - .9rem);
    margin: 0 .4rem;
}

.tuyen_dung_page .wrap .item h3 {
    color: #333333;
    font-size: .7rem;
    margin-bottom: .6rem;
    padding-left: 2.8rem;
    position: relative;
}

.tuyen_dung_page .wrap .item h3:before {
    width: 1.9rem;
    height: .05rem;
    background-color: #085d2b;
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
}

.tuyen_dung_page .wrap .item:nth-child(odd) {
    margin-top: 3.5rem;
}

table.table_td thead th {
    font-family: 'Inter'
    background: transparent !important;
    font-size: .75rem;
}

table.table_td {
    background: transparent;
}

table.table_td thead {
    background: transparent;
}

table.table_td tbody td:nth-child(2) a {
    font-size: .8rem;
}

.wrap_table_td {
    margin-top: 1.5rem;
}

table.table_td tbody tr {
    background: transparent;
}

section.section.home_sec_4 {
    padding-top: 5rem;
}

section.section.home_sec_4 .text_center .heading_h2 {
    margin-bottom: 1rem;
}

section.section.home_sec_4 .text_center .heading_h2+.content {
    max-width: 42.25rem;
    margin: 0 auto;
}

.wrap_section_td .heading_h2 {
    font-size: 2rem;
}

.menu_td ul,
.menu_news ul {
    list-style: none;
    margin: 2.65rem 0 0 0;
    display: flex;
    justify-content: flex-end;
}

.menu_td ul a,
.menu_news ul a {
    color: #333333;
    font-size: .7rem;
    text-transform: uppercase;
    font-family: 'Inter';
    transition: .3s all;
    padding-left: 0;
    display: flex;
    align-items: center;
}

.menu_td ul li:not(:first-child),
.menu_news ul li:not(:first-child) {
    margin-left: 2rem;
}

.menu_td ul a:before,
.menu_news ul a:before {
    width: 0;
    height: .1rem;
    background: #0E8243;
    content: '';
    display: inline-block;
    margin-right: .5rem;
    transition: .3s all;
}

.menu_td ul a:hover:before {
    width: 1.75rem;
}

.menu_td ul a:hover,
.menu_news ul a:hover {
    color: #0E8243;
}

.wrap_table_td {
    margin-top: .5rem;
}

table.table_td {
    background: #FFF;
    box-shadow: 0rem .5rem 1.5rem 0rem rgba(0, 0, 0, 0.15);
    border-collapse: collapse;
}

table.table_td thead th {
    background: var(--main-cl) !important;
    color: white;
    font-family: Inter;
}

table.table_td tbody td:nth-child(2),
table.table_td tbody td:nth-child(2) a {
    font-family: Inter;
    font-size: .8rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2rem;
}

table.table_td tbody td:nth-child(3) {
    display: flex;
    align-items: center;
    justify-content: center;
}

table.table_td thead th:nth-child(2) {
    width: 25%;
}

.wrap_section_td {}

table.table_td thead th:nth-child(3) {
    width: 16%;
}

table.table_td thead th:nth-child(2) {
    width: 19%;
}

@media only screen and (max-width: 59.95rem) {
    .apply_right {
        padding: 1rem !important;
        width: calc(25% - 2rem);
    }

    .apply_right h3 {
        font-size: .65rem;
    }

    section.section.home_sec_4 .grid-50 {
        text-align: center;
    }

    section.section.home_sec_4 .heading_h2 {
        margin-bottom: .5rem;
    }

    .menu_td ul,
    .menu_news ul {
        justify-content: center;
        margin: 1rem 0 1.5rem;
    }

    table.table_td thead th {
        font-size: .6rem;
    }

    table.table_td tbody td:nth-child(2),
    table.table_td tbody td:nth-child(2) a {
        font-size: .6rem;
    }

    table.table_td tbody td:nth-child(3) a {
        font-size: .6rem;
        padding: 0 .5rem;
        width: auto;
        min-width: unset;
    }

    table.table_td tbody td:nth-child(4),
    table.table_td tbody td:nth-child(5),
    table.table_td tbody td:nth-child(6) {
        font-size: .6rem;
    }
}

@media only screen and (max-width: 49.55rem) {

    #recruitment_detail .col-md-3 .sidebar_td h2:before,
    #recruitment_detail .col-md-3 .contact_requirements h2:before {
        left: -0.75rem;
    }

    .employment_information {
        padding-bottom: 1rem;
        padding-top: .75rem;
    }

    .list_orther_td li {
        padding-top: .75rem;
    }

    .wrap_date_time_td .date {
        font-size: .55rem;
    }

    #recruitment_detail .col-md-3 .sidebar_td h2 {
        line-height: 1.15rem;
    }

    #recruitment_detail .col-md-3 .contact_requirements a:nth-child(3) {
        margin-bottom: .5rem;
    }

    #recruitment_detail .col-md-3 .sidebar_td {
        padding: 1rem .75rem 1rem;
    }

    #recruitment_detail .col-md-3 .contact_requirements {
        padding: 1rem .75rem 1rem;
    }

    #recruitment_detail .col-md-9 .employment_information h2 {
        width: 100%;
        float: none;
        margin-bottom: .75rem;
    }

    #recruitment_detail .col-md-9 .employment_information .content {
        width: 100%;
        float: none;
    }

    .info_job_detail .col-xl-9 {
        padding: 1rem .75rem;
    }

    table.table_td tbody td:nth-child(1) {
        font-size: 1.5rem;
    }

    a.no_apply_position,
    a.apply_position {
        width: auto;
        padding: .5rem .25rem;
        font-size: .7rem;
    }

    #recruitment_detail .col-md-3 {
        padding: 0rem .75rem;
    }

    #recruitment_detail {
        padding-bottom: 1rem;
    }

    div.wpcf7 input[type="file"] {
        background: #fff;
    }

    .form_td .info_form {
        margin-top: .5rem;
    }

    #recruitment_detail .col-md-9 {
        padding-right: .75rem;
    }

    .employment_information:nth-last-of-type(2) {
        border-bottom: unset !important;
    }

    .info_job_detail .info p {
        margin-bottom: .5rem !important;
    }

    .box_info_right,
    .box_info_left {
        float: none;
        width: 100%;
    }

    .info_job_detail .col-xl-9 {
        padding: 2rem 1.5rem;
    }

    .info_job_detail .col-xl-9 h2 {
        display: block;
    }

    section.info_job_detail {
        margin-top: 0;
    }

    table.table_td tbody tr:not(:last-child) {
        margin-bottom: 1.5rem;
        border-bottom: unset;
    }

    a.no_apply_position,
    a.apply_position {
        padding: .25rem;
    }

    table.table_td tbody td:nth-child(1) {
        font-size: 1rem;
    }

    table.table_td tbody td {
        position: relative;
        padding-left: 40% !important;
    }

    .table_td,
    .table_td thead,
    .table_td tbody,
    .table_td th,
    .table_td td,
    .table_td tr {
        display: block;
    }

    table.table_td thead {
        display: none;
    }

    .table_td>tbody>tr td:before {
        content: attr(data-title);
        position: absolute;
        left: .5rem;
        width: 35%;
        padding-right: .5rem;
        white-space: nowrap;
        font-size: .65rem;
        text-align: left;
    }

    table.table_td {
        background-color: transparent;
    }

    table.table_td tbody tr {
        background-color: #fff;
    }

    table.table_td tbody tr {
        border: .05rem solid #333333 !important;
    }

    table.table_td tbody td:nth-child(2) {
        text-align: center;
    }

    .info_employment_information .top_info>* {
        width: 100%;
    }

    .info_employment_information .info_general_apply {
        padding: 1.5rem;
    }

    .apply_right {
        padding: 1.5rem;
    }

    .info_employment_information .top_info>* {
        width: 100%;
    }

    .row.info_other>* {
        width: 100%;
        flex-wrap: wrap;
    }

    .row.info_other {
        flex-wrap: wrap;
        margin: 0;
    }

    .info_other .col-md-9 {
        padding-right: .5rem;
    }

    .form_td .wrap_form {
        padding: 1.5rem;
    }

    .row.info_other .col-md-3 {
        width: 100%;
    }

}

@media only screen and (max-width: 38.35rem) {
    .recruitment {
        padding: 2.5rem 0;
    }

    .recruitment .wrap .item {
        height: 22.5rem;
        width: 100%;
    }

    .recruitment .wrap .item .box_content h3 {
        font-size: .75rem;
    }

    .table_td>tbody>tr td:before {
        font-size: .55rem;
    }

    table.table_td tbody td:nth-child(2) a {
        font-size: .55rem;
    }

    table.table_td tbody td {
        padding: .5rem;
    }

    .info_employment_information ul li {
        width: 100%;
    }

    .info_employment_information .info_other h3,
    .info_employment_information .info_other .content {
        width: 100%;
    }

    .info_other .col-md-9 {
        box-sizing: border-box;
    }

    .wrap_form>* {
        max-width: 100%;
    }

    .info_employment_information .form_td .wrap_form h3 {
        font-size: 1rem;
    }

    .form_td .wrap_form {
        padding: 1rem .75rem;
    }

    .wrap_form input.wpcf7-form-control.wpcf7-file {
        font-size: .6rem;
    }

    .info_employment_information {
        padding: 2.5rem 0;
    }

    .wrap_form input.wpcf7-form-control.wpcf7-file {
        margin: 0;
    }

    h3.sub_title {
        font-size: .65rem;
        margin-bottom: .5rem;
    }

    .menu_td ul a,
    .menu_news ul a {
        font-size: .5rem;
    }

    .menu_td ul a:before,
    .menu_news ul a:before {
        display: none;
    }

    .menu_td ul li:not(:first-child),
    .menu_news ul li:not(:first-child) {
        margin-left: .75rem;
    }

    table.table_td tbody td:nth-child(3) a {
        height: 1.6rem;
        font-size: .5rem;
        line-height: 1.6rem;
    }

    table.table_td tbody td {
        padding: .25rem .5rem;
    }

    .wrap_section_td .heading_h2 {
        font-size: 1.05rem;
    }

}

.post_employ {
    padding: 7.5rem 0;
    position: relative;
}

.post_employ .para {
    margin-bottom: 2.4rem;
}

.post_employ::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -7.5rem;
    background-image: url("../images/Group-1000007056-1.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 29.05rem;
    height: 35rem;
}

/*End Table-employ*/
.gap-8 {
    gap: .4rem;
}

.pos_employ .right img {
    width: 1.2rem;
    height: 1.2rem;
    object-fit: contain;
}

.const_employ {
    padding: 1.6rem;
    background-color: var(--main-cl);
}

.const_employ .content .title {
    color: #FFF;
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.4rem;
    margin-bottom: .4rem;
}

.const_employ .link-to {
    color: #FFF;
    font-size: .8rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2rem;
    display: flex;
    gap: .6rem;
    align-items: center;
}

.const_employ .link-to::before {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    display: block;
    width: .8rem;
    height: .8rem;
}

.const_employ .content {
    margin-bottom: 1.2rem;
}

.btn_employ {
    display: inline-flex;
    height: 2.2rem;
    padding: .6rem 1.2rem;
    justify-content: center;
    align-items: center;
    gap: .4rem;
    background-color: var(--sub-cl);
    font-size: .8rem;
    line-height: 1rem;
    font-weight: 400;
    color: #FFFFFF;
    transition: 0.5s all;
}

.btn_employ:hover {
    transform: scale(0.9);
    color: #FFFFFF;
}

.btn_employ::after {
    content: '';
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNyAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjI5MTMgMy4zMzM2Nkw3LjI5MTM0IDMuMzMzNjZNMTMuMjkxMyAzLjMzMzY2TDEzLjI5MTMgOS4zMzM2Nk0xMy4yOTEzIDMuMzMzNjZMMy45NTgwMSAxMi42NjciIHN0cm9rZT0iIzAwMzY2OSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=") !important;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    width: .8rem;
    height: .8rem;
}

.info_ploy {
    padding: 1.6rem 13rem 1.6rem 1.6rem;
    background: rgba(0, 174, 239, 0.10);
    position: relative;
}

.info_ploy::after {
    content: '';
    position: absolute;
    right: -2.75rem;
    bottom: -1rem;
    background-image: url("../images/Group-1000007056-2.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 18.5rem;
    height: 15rem;
}

.pos_employ {
    padding-bottom: .6rem;
    position: relative;
    z-index: 2;
}

.pos_employ::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: .05rem;
    background-color: #999;
    opacity: 0.2;
}

.date_left {
    margin-top: 1.25rem;
}

.date_left p {
    color: #353535;
    font-size: .8rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2rem;
}

.date_left p span {
    color: var(--sub-cl);
}

.employ_detail_1 {
    margin-bottom: 5rem;
    position: relative;
}

.employ_detail_1::after {
    content: '';
    position: absolute;
    background-image: url("../images/Group-1000007057-2.png");
    background-repeat: no-repeat;
    background-size: contain;
    top: 50%;
    right: -6rem;
    height: 41rem;
    width: 34.05rem;
}

.employ_detail_1 .wrap-top {
    margin-bottom: 3.2rem;
    box-shadow: 0rem .5rem 1.5rem 0rem #00000026;
}

.wrap_info .item {
    padding: 1.6rem 0;
}

.wrap_info .item:first-child {
    padding-top: 0;
}

.wrap_info .item:last-child {
    padding-bottom: 0;
}

.wrap_info .item h3 {
    color: #333333;
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.4rem;
}

.wrap_info .content li {
    color: var(--Secondary-Black, #333);

    font-family: Inter;
    font-size: .8rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2rem;
    /* 150% */
}

.wrap_info .content ul {
    margin-bottom: 0;
}

.wrap_info .content li:last-child {
    margin-bottom: 0;
}

.wrap_info .item+.item {
    border-top: .05rem solid #D9D9D9;
}

.wrap_info .item h3 {
    width: 30%;
}

.wrap-bottom .wrap_left {
    padding-right: .5rem;
}

.wrap-bottom .wrap_right {
    padding: .8rem;
    background: #FFF;
    box-shadow: 0rem .5rem 1.5rem 0rem rgba(0, 0, 0, 0.15);
}

.wrap-bottom .wrap_right h3 {
    color: var(--main-cl);
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.6rem;
    padding-bottom: .8rem;
    margin-bottom: .8rem;
    border-bottom: .05rem solid #F0F0F0;
}

.wrap_right .content p {
    margin-bottom: 0;
    color: #333333;
    font-size: .8rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2rem;
}

.wrap_right .content span {
    color: #999999;
    font-size: .7rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1rem;
}

.wrap_right .content+.content {
    margin-top: .4rem;
}

.employ_detail_2 {
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    height: auto;
    aspect-ratio: 320 / 189;
    position: relative;
}

.employ_detail_2 .heading-title {
    margin-bottom: 1rem;
}

.employ_detail_2 .para-heading {
    margin-bottom: 2rem;
}

.employ_detail_2::after {
    content: '';
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.00) 30%, #FFF 70%);
    position: absolute;
    top: -0.05rem;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
}

.employ_form input[type=email],
input[type=number],
input[type=search],
input[type=tel],
input[type=text],
input[type=url],
textarea {
    font-weight: 400;
    font-size: .8rem;
    line-height: 1.2rem;
}

.inner-wrap .form_employ {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background-color: #FFF;
    box-shadow: 0rem .5rem 1.5rem 0rem rgba(0, 0, 0, 0.15);
    padding: 2.4rem 4.8rem;
}

.employ_detail_2 .inner-wrap {
    z-index: 3;
}

.employ_form .file {
    width: 60%;
}

.employ_form .btn_contact {
    margin: 0;
    flex: 1;
}

.employ_form input[type=submit] {
    color: #FFF;
    text-align: center;
    font-size: .8rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.2rem;
    width: 100%;
    margin: 0;
    text-transform: uppercase;
    background-color: var(--sub-cl);
}

.color-black {
    color: #333;
}

.post_details .heading-title {
    margin: 1.65rem 0;
}

.wpcf7-spinner {
    display: none;
}

.wpcf7 input[type="file"] {
    margin-bottom: 0;
}

.employ_form .info_ad {
    color: #333;
    font-size: .6rem;
    font-style: normal;
    font-weight: 400;
    line-height: .8rem;
    margin-bottom: .4rem;
    display: block;
}

.file span input {
    color: #999;
    font-size: .7rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1rem;
}

.section_word {
    padding: 7.5rem 0;
    background: rgba(0, 174, 239, 0.05);
    position: relative;
}

.section_word::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("../images/image-866-1.png");
}

.title_serv {
    font-size: 3.2rem;
    color: var(--sub-cl);
    font-weight: 700;
}

.subser_title {
    font-size: 2.3rem;
    color: var(--main-cl);
    font-weight: 300;
    display: flex;
    align-items: flex-start;
    gap: .5rem;
    margin-bottom: 0;
}

.subser_title span {
    font-size: 5.5rem;
    font-weight: 700;
}

.title_left .number {
    color: var(--main-cl);
    font-size: 6.4rem;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
}

.title_right .title {
    color: var(--main-cl);
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 700;
    line-height: 2.2rem;
}

.title_right span {
    color: #333333;
    font-size: .9rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.4rem;
    margin-top: .2rem;
}

.mb-32 {
    margin-bottom: 1.6rem;
}

.box_cont .icon {
    width: 3.2rem;
    height: 3.2rem;
    transition: transform 1s ease-in-out;
}

.gap-24 {
    gap: 1.2rem;
}

.cont_left .box_cont+.box_cont {
    margin-top: 1.2rem;
}

.service_1 {
    padding: 7.5rem 0 8.5rem 0;
}

.service_1 .row:after{
    display: none;
}
.title_sub {
    color: var(--main-cl);
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 700;
    line-height: 2rem;
}

.title_main {
    color: var(--sub-cl);
    font-size: 2.75rem;
    font-style: normal;
    font-weight: 700;
    line-height: 3.25rem;
}

.service_2 .cont-wrap {
    color: #333;
    font-size: .9rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2rem;
}

.service_2 .cont span strong {
    font-weight: 700;
}

.mb-24 {
    margin-bottom: 1.2rem;
}

.mt-150 {
    margin-top: 7.5rem;
}

.mt-24 {
    margin-top: 1.2rem;
}

.mt-200 {
    margin-top: 10rem;
}

.mb-8 {
    margin-bottom: .4rem;
}

.service_2 .inner-wrap:nth-child(2n) .cont {
    order: 1;
}

.service_2 .inner-wrap:nth-child(2n) .cont_img {
    order: 2;
}

.service_2 .inner-wrap:nth-child(2n+1) .cont {
    order: 2;
}

.service_2 .inner-wrap:nth-child(2n+1) .cont_img {
    order: 1;
}
.service_2 .inner-wrap:nth-child(2n+1) .cont_img  img{
    width: 100%;
}
@media screen and (min-width: 850px) {
    .service_1 .large-5,
    .service_2 .large-5 {
        flex-basis: 48%;
        max-width: 48%;
    }
}

.service_2 .inner-wrap+.inner-wrap {
    margin-top: 7.5rem;
}

.image-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .5rem;
    max-width: 40rem;
    margin: auto;
}

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

.image-item:first-child {
    grid-column: 1 / 2;
    grid-row: 1 / 3;
}

.image-item img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.service_2 {
    padding-bottom: 20rem;
    position: relative;
}

.service_2::after {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20rem;
    background-image: url("../images/Frame-2144770701.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
}
.service_3{
    padding-bottom: 10rem;
}
.service_3 .cont-mr {
    padding: 2.4rem 6rem;
    color: #333333;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2rem;
    background: #FFF;
    transform: translateY(-50%);
    box-shadow: 0rem .5rem 1.5rem 0rem rgba(0, 0, 0, 0.15);
    margin-bottom: 0;
}

.service_3 .cont-mr strong {
    font-weight: 700;
}

.service_3 .row>.heading-title {
    margin-top: 5rem;
}

.list_post .box-post {
    background-repeat: no-repeat;
    background-size: cover;
    padding: 3rem 3.2rem;
    margin-top: 0;
    position: relative;
    z-index: 2;
}

.list_post .box-post .item {
    background: rgba(255, 255, 255, 0.90);
    padding: 2.4rem;
}

.line-4 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    align-self: stretch;
    overflow: hidden;
    text-overflow: ellipsis;
}

.line-2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    align-self: stretch;
    overflow: hidden;
    text-overflow: ellipsis;
}

.heading-post {
    color: var(--main-cl);
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 700;
    line-height: 2.2rem;
    margin: 3.2rem 0 0 0;
}

.btn.sm {
    padding: .8rem 1.6rem;
}

.list_post::after {
    content: '';
    position: absolute;
    right: -10%;
    top: -8%;
    background-image: url("../images/service-cat-pattern.png");
    background-repeat: no-repeat;
    background-size: contain;
    width: 29.05rem;
    height: 35rem;
    background-position: center;
}
.list_service_1 .list_post::after{
    display: none !important;
}
.list_service_1{
    position: relative;
}
.list_service_1::after {
    right: 0;
    top: -7%;
    background-image: url("../images/service-cat-pattern.png");
    background-repeat: no-repeat;
    background-size: contain;
    width: 29.05rem;
    height: 35rem;
    background-position: center;
    content: '';
    position: absolute;
}

.mt-300 {
    margin-top: 15rem;
}

.list_brands .brand img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 70%;
    max-height: 70%;
    width: auto;
    height: auto;
}

.swiper-brand:before,
.swiper-brand:after {
    content: '';
    position: absolute;
    left: 0;
    width: 30%;
    height: 100%;
    top: 0;
    z-index: 2;
    background: linear-gradient(90deg, #FFF 4.5%, rgba(255, 255, 255, 0.55) 57.3%, rgba(255, 255, 255, 0.00) 100%);
}

.swiper-brand:after {
    left: unset;
    right: 0;
    transform: rotate(180deg);
}

.wrap-post_img {
    width: 28.6rem;
    height: 21.45rem;
    position: relative;
    z-index: 2;
}

.sub-cl {
    color: var(--sub-cl) !important;
}

.service_3 .row .post_child:nth-child(2n)::after {
    content: '';
    position: absolute;
    right: -23%;
    top: -40%;
    background-image: url("../images/Group-1000007059-1.png");
    background-repeat: no-repeat;
    background-size: contain;
    width: 29.05rem;
    height: 35rem;
    background-position: center;
}
.service_3 .row .post_child:nth-child(odd)::after {
    content: '';
    position: absolute;
    left: -16%;
    top: -30%;
    background-image: url("../images/Group-1000007059-1.png");
    background-repeat: no-repeat;
    background-size: contain;
    width: 29.05rem;
    height: 35rem;
    background-position: center;
}

.list_event {
    gap: .5rem;
}

.list_event>.item:nth-child(1),
.list_event>.item:nth-child(2) {
    position: relative;
    width: calc((100% - 50%) / 2 - .25rem);
}

.list_event>.item:nth-child(3) {
    width: calc(50% - .5rem);
    position: relative;
}

.list_event>.item::before {
    content: '';
    position: absolute;
    background: linear-gradient(180deg, rgba(0, 54, 105, 0.00) 50%, #003669 100%);
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    top: 0;
    left: 0;
}

.list_event>.item:nth-child(3)::before {
    background-color: #000000CC;
    width: 100%;
    height: 100%;
    background-image: none;
}

.list_event>.item>.content {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 2.4rem;
}

.box_date {
    width: 3rem;
    height: 3rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: var(--sub-cl);
    border-radius: .2rem;
}

.box_date .date {
    color: #FFF;
    text-align: center;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.8rem;
}

.box_date .month {
    color: #FFF;
    text-align: center;
    font-size: .6rem;
    font-style: normal;
    font-weight: 400;
    line-height: .8rem;
}

.title_event {
    color: #FFF;
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.6rem;
    margin: .4rem 0;
}

.para_event {
    overflow: hidden;
    color: #FFFFFF !important;
    text-overflow: ellipsis;
    font-size: .7rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    align-self: stretch;
}

.event_1 {
    padding: 7.5rem 0;
}

.event_2 {
    padding: 0 0 7.5rem 0;
}

.list_post_event {
    display: flex;
    flex-wrap: wrap;
    gap: 2.4rem 3.45rem;
    margin: 2.4rem 0;
}

.list_post_event .item {
    width: calc(100% / 3 - 6.9rem / 3);
    position: relative;
    transition: all 0.5s;
    border-bottom: .2rem solid transparent;
}

.list_post_event .item .content {
    padding: .8rem 1.6rem 0;
}

.main-cl {
    color: var(--main-cl) !important;
}

.info_eve .date {
    color: #333;
    font-size: .8rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1rem;
}

.info_eve .author {
    overflow: hidden;
    color: #333;
    font-size: .7rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1rem;
}

.box_info_eve {
    border-top: .05rem solid #F0F0F0;
}

.list_post_event .item:hover {
    border-bottom: .2rem solid #00AEEF;
    background: #FAFAFA;
    box-shadow: 0rem .5rem 1.5rem 0rem rgba(0, 0, 0, 0.15);
}
.list_post_event .item .image{
    position: relative;
    width: 100%;
    padding-bottom: 67%;
    transition: transform 0.5s ease-in-out;
    overflow: hidden;
}
.list_post_event .item .image img{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transition: transform 0.5s ease-in-out;
    object-fit: cover;
}
.section_register .heading-title {
    margin-bottom: 1rem;
}

.section_register .para-heading {
    margin-bottom: 1.6rem;
}

.section_register {
    background-image: url("../images/contact-bg.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 90% 100%;
    margin-bottom: 3.25rem;
}

.box_event_regis {
    background: #FFF;
    padding: 2.4rem;
    box-shadow: 0rem .5rem 1.5rem 0rem rgba(0, 0, 0, 0.15);
    margin: 4.1rem 0;
}

.btn-form {
    position: relative;
    margin-top: 1.6rem;
}

.btn-form input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    font-size: 0;
}

.btn-form input:hover {
    opacity: 0;
}

.logo_img img {
    width: 4.85rem;
    height: 2.5rem;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background-color: var(--main-cl);
}

/*.menu_technical .item a {*/
/*    padding: .6rem 1.2rem;*/
/*    color: var(--sub-cl);*/
/*    border: .05rem solid var(--sub-cl);*/
/*    font-size: .9rem;*/
/*    font-style: normal;*/
/*    font-weight: 400;*/
/*    line-height: 1.4rem;*/
/*}*/

/*.menu_technical .item.active a {*/
/*    color: #FFF;*/
/*    background-color: var(--sub-cl);*/
/*}*/

/*.menu_technical {*/
/*    display: flex;*/
/*    align-items: center;*/
/*    !*justify-content: center;*!*/
/*    gap: 1rem;*/
/*    list-style: none;*/
/*}*/

.tech_1 {
    padding: 5rem 0;
    position: relative;
    z-index: 3;
}

.tech_1::after {
    content: '';
    position: absolute;
    right: -3%;
    bottom: -13%;
    background-image: url("../images/Group-1000007055.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 29.05rem;
    height: 35rem;
    z-index: -1;
}
.news_page.tech_1::after{
    right: -3rem;
    top: 9rem;
}
.list_tech {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.list_tech .box_news {
    width: calc(100% / 3 - 2rem / 3);
}
.tech_1 .list_tech .box_news{
    width: calc(calc(100% / 3 ) - 3.4rem);
    margin: 0 1.7rem 3rem;
    background: #FAFAFA;
    transition: 0.5s ease-in;
    position: relative;
    z-index: 2;
}
.tech_1 .list_tech .box_news:hover{
    border-bottom: 0.2rem solid #00AEEF;
    background: #FAFAFA;
    box-shadow: 0px 0.5rem 1.5rem 0px rgba(0, 0, 0, 0.15);
}
.tech_1 .list_tech .box_news .wrap_content{
    padding: 0 1.6rem;
}
.tech_1 .list_tech{
}
.title_product {
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 2rem;
    color: #333333;
}

.box_feature {
    margin: 1.2rem 0;
    list-style: none;
    padding: .6rem;
    background-color: #FAFAFA;
}

.box_feature li {
    margin-bottom: .3rem;
    font-size: .7rem;
    font-weight: 400;
    color: #333333;
    display: flex;
    align-items: center;
    gap: .4rem;
    line-height: 1rem;
}

.box_feature li::before {
    content: '';
    background-image: url("../images/fi_14034688.png");
    width: .9rem;
    height: .9rem;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;

}

.box_feature li:last-child {
    margin-bottom: 0;
}

.detail_pr_1 .info_right {
    padding-left: 3.2rem;
}

.box_info_pr {
    border: .05rem solid #D9D9D9;
    background-color: #FFFFFF;
    padding: 1.2rem;
    margin-top: 1.2rem;
}

.box_info_pr .title {
    font-size: 1rem;
    font-weight: 700;
    color: #333333;
    line-height: 1.4rem;
}

.list_info_pr {
    list-style: none;
    font-size: .8rem;
    font-weight: 400;
    line-height: 1.2rem;
    color: #333333;
    margin: 1.2rem 0 0 0;
}

.list_info_pr li {
    display: flex;
    align-items: flex-start;
    gap: .6rem;
    font-size: .8rem;
    font-weight: 400;
    line-height: 1.2rem;
}
.list_info_pr li > img{
    width: 1.2rem;
    min-width: 1.2rem;
    height: 1.2rem;
}

.list_info_pr li:last-child {
    margin-bottom: 0;
}

.image_slide {
    position: relative;
    width: 100%;
    padding-bottom: 100%;
}

.image_slide img {
    position: absolute;
    top: 0;
    left: 0;
    object-fit: contain;
    height: 100%;
}

.swiper.product_detail {
    margin-top: .8rem;
}

.swiper.product_detail .swiper-slide {
    padding: .5rem;
    background-color: #F7F6F5;
    border: .05rem solid transparent;
    transition: all 0.4s;
    cursor: pointer;
}

.swiper-slide.swiper-slide-thumb-active.swiper-slide-visible {
    background-color: #FFFFFF;
    border: .05rem solid var(--sub-cl);
}

.product_detail_2 .swiper-slide img {
    width: 100%;
    height: 28.1rem;
}

.btn-dwn {
    border: .05rem solid var(--main-cl);
    color: var(--main-cl);
    margin-left: 1rem;
    text-transform: capitalize;
}

.btn-dwn:hover {
    color: var(--main-cl);
}

.btn-dwn::after {
    content: '';
    background-image: url('/../images/download-02.png');
    width: 1.2rem;
    height: 1.2rem;
    background-size: contain;
    background-repeat: no-repeat;
}

.section_register .form_contact {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.section_register .form_contact .text_area {
    width: 100%;
}

.text_area textarea {
    min-height: 5rem;
    margin-bottom: 1.4rem;
}

/* Tab Container */
.tabs-product {
    background-color: #f9f9f9;
    border-radius: .4rem;
    margin-top: 2.5rem;
}

.tabs-menu {
    display: flex;
    background-color: #FFFFFF;
    align-items: flex-end;
    list-style: none;
    padding: 0;
    margin: 0;
}

.tabs-menu li {
    padding: .4rem 0;
    cursor: pointer;
    flex: 1;
    text-align: center;
    color: #333333;
    background-color: #F0F0F0;
    border: .05rem solid #E2E8F0;
    margin-bottom: 0;
    border-radius: .4rem .4rem 0 0;
    font-size: 1rem;
    line-height: 1.4rem;
    font-weight: 700;
}

.tabs-menu li.active {
    background-color: var(--sub-cl);
    color: white;
    border-bottom: .05rem solid var(--sub-cl);
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tabs-content {
    padding: .6rem;
    background: white;
    border: .05rem solid #E2E8F0;
}

.tab {
    display: none;
}

.tab.active {
    display: block;
}

.tabs-content table {
    width: 100%;
    border-spacing: 0 .6rem;
    border: 0;
    margin-bottom: 0;
    border-collapse: initial !important;
}

.tabs-content td {
    padding: .6rem;
    font-size: .8rem;
    font-weight: 400;
    color: #333333;
    border: 0;
}

.tabs-content tr:hover {
    background-color: #f1faff;
}

.tabs-content tr {
    background-color: #FAFAFA;
}

.detail_pr_2::after {
    content: '';
    position: absolute;
    right: -4rem;
    bottom: -15rem;
    background-image: url("../images/Group-1000007059-2.png");
    width: 29.05rem;
    height: 35rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.detail_pr_2 {
    position: relative;
    padding: 0 0 6.3rem 0;
}

.news_page {
    padding: 5rem 0;
}

.news_page_2 {
    padding-bottom: 7.5rem;
    position: relative;
}

.news_page_2::after {
    content: '';
    position: absolute;
    bottom: 3rem;
    right: -11rem;
    background-image: url(../images/Group-1000007055-1.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 34.45rem;
    height: 35rem;
}

.menu_tab_news ul {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 1.2rem 0 3.2rem 0;
}

.menu_tab_news ul li {
    padding: .6rem 1.2rem;
    font-weight: 700;
    font-size: .9rem;
    color: #41444B;
    border-top: 0 !important;
    border-bottom: .05rem solid transparent;
}

.menu_tab_news li a {
    font-weight: 700;
    font-size: .9rem;
    line-height: 1.2rem;
    text-align: center;
    padding: 0 !important;
    color: #41444B;
}

.menu_tab_news li.current-menu-item a {
    color: var(--sub-cl);
}

.menu_tab_news li.current-menu-item {
    border-bottom: .05rem solid var(--sub-cl);
}

/*.news_page .box_news:first-child {*/
/*    width: calc(50% - 1rem);*/
/*    margin-right: 1rem;*/
/*    margin-left: 0;*/
/*    float: left;*/
/*}*/

/*.news_page .box_news:first-child .date_news {*/
/*    margin-top: 1rem;*/
/*}*/

/*.news_page .box_news:first-child .image {*/
/*    padding-bottom: 0;*/
/*    height: 15.8rem;*/
/*}*/

/*.news_page .box_news:nth-child(2),*/
/*.news_page .box_news:nth-child(3),*/
/*.news_page .box_news:nth-child(4) {*/
/*    width: 50%;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    gap: 1rem;*/
/*    float: left;*/
/*}*/

/*.news_page .box_news:nth-child(3),*/
/*.news_page .box_news:nth-child(4) {*/
/*    margin-top: 2.2rem;*/
/*}*/

/*.news_page .box_news:nth-child(2) .image,*/
/*.news_page .box_news:nth-child(3) .image,*/
/*.news_page .box_news:nth-child(4) .image {*/
/*    width: 10.85rem;*/
/*    padding-bottom: 0;*/
/*    height: 8.15rem;*/
/*    flex: 0 0 auto;*/
/*}*/

/*.news_page .box_news:nth-child(2) .box_content,*/
/*.news_page .box_news:nth-child(3) .box_content,*/
/*.news_page .box_news:nth-child(4) .box_content {*/
/*    flex: 1;*/
/*}*/

/*.news_page .box_news:nth-child(2) .title_news,*/
/*.news_page .box_news:nth-child(3) .title_news,*/
/*.news_page .box_news:nth-child(4) .title_news {*/
/*    padding: 0;*/
/*    margin-bottom: .6rem;*/
/*}*/

/*.news_page .box_news:nth-child(2) .title_news::after,*/
/*.news_page .box_news:nth-child(3) .title_news::after,*/
/*.news_page .box_news:nth-child(4) .title_news::after {*/
/*    display: none;*/
/*}*/

/*.news_page .box_news:nth-child(2) .para-news,*/
/*.news_page .box_news:nth-child(3) .para-news,*/
/*.news_page .box_news:nth-child(4) .para-news {*/
/*    display: none;*/
/*}*/

/*.news_page .box_news:nth-child(2) .box_content .btn-news,*/
/*.news_page .box_news:nth-child(3) .box_content .btn-news,*/
/*.news_page .box_news:nth-child(4) .box_content .btn-news {*/
/*    padding: 0;*/
/*    border: 0;*/
/*    text-transform: none;*/
/*}*/

/*.news_page .box_news:nth-child(2):hover .btn-news::after,*/
/*.news_page .box_news:nth-child(3):hover .btn-news::after,*/
/*.news_page .box_news:nth-child(4):hover .btn-news::after {*/
/*    display: none;*/
/*}*/

/*.news_page .box_news:nth-child(2):hover .box_content .btn-news,*/
/*.news_page .box_news:nth-child(3):hover .box_content .btn-news,*/
/*.news_page .box_news:nth-child(4):hover .box_content .btn-news {*/
/*    border-bottom: .05rem solid #00AEEF;*/
/*    text-indent: 0;*/
/*}*/

.thenativePagination .thenativePaginationStart {
    display: none;
}

.thenativePagination .thenativePaginationEnd {
    display: none;
}

.title_post_news {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 2.2rem;
    color: #333333;
    margin-bottom: 1.2rem;
}

.news_page .box_news:first-child .btn-news {
    height: 2.8rem;
}

.breadcrumb ul {
    display: flex;
    list-style: none;
    gap: .4rem;
    margin-bottom: 0;
}

.breadcrumb ul span.divider{
    opacity: 1;
    margin: 0;
    display: flex;
}
.breadcrumb ul span.divider path{
    stroke: #333;
}
.breadcrumb ul li {
    margin-bottom: 0;
}

.nav_top_post ul {
    display: flex;
    align-items: center;
    list-style: none;
    gap: 1rem;
}

.nav_top_post ul li {
    margin-bottom: 0;
}

blockquote {
    padding: 2.7rem 2.9rem;
    background-color: var(--main-cl);
    border-left: .2rem solid var(--sub-cl);
    margin-bottom: .8rem;
    position: relative;
}

.nav_content blockquote p {
    color: var(--Secondary-White-2, #FFF);
    font-family: Inter;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.75rem;
    /* 170% */
    position: relative;
    z-index: 2;
}

.nav_content blockquote ul {
    padding: 0;
}

.nav_content blockquote ul li {
    color: var(--Secondary-White-2, #FFF);
    font-family: Inter;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.75rem;
    /* 170% */
}

.nav_content table {
    border: none;
}

blockquote ul {
    margin-bottom: 0;
    list-style: none;
    position: relative;
    z-index: 2;
}

blockquote ul li {
    margin-bottom: 0;
    display: flex;
    align-items: center;
    gap: .4rem;
    color: #FFFFFF !important;
}

.content_post blockquote p {
    font-size: 1rem;
    color: #FFFFFF !important;
    position: relative;
    z-index: 2;
}

.content_post blockquote::before {
    content: '';
    background-image: url("../images/unnamed-file.png");
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    left: 1.2rem;
    width: 6.5rem;
    height: 5.25rem;
}
.content_post > *:last-child{
    margin-bottom: 0 !important;
}
.detail_sub_1 blockquote::before {
    content: '';
    background-image: url("../images/unnamed-file.png");
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    left: 1.2rem;
    width: 6.5rem;
    height: 5.25rem;
}

blockquote ul li::before {
    content: '';
    width: .4rem;
    height: .4rem;
    background-color: #FFFFFF;
    border-radius: 50%;
}

li.licon {
    display: flex;
    align-items: center;
    gap: .2rem;
    font-size: .7rem;
    font-weight: 400;
    line-height: 1rem;
}

li.licon .icon {
    display: flex;
    align-items: center;
}

li.licon .icon svg {
    width: .8rem;
    height: .8rem;
}

span.news {
    padding: .2rem .4rem;
    border: .05rem solid var(--sub-cl);
    color: var(--sub-cl);
    font-size: .6rem;
    line-height: .8rem;
    font-weight: 400;
}

.content_post p {
    font-weight: 400;
    font-size: .9rem;
    line-height: 1.3rem;
    color: #333333;
    margin-bottom: 1rem;
    font-style: normal;
}

.content_post h2 {
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.6rem;
    color: var(--main-cl);
    margin-bottom: 1.65rem;
}

.content_post h3 {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.2rem;
    color: var(--main-cl);
    margin-bottom: .8rem;
}

.content_post h4 {
    font-size: .8rem;
    font-weight: 400;
    line-height: 1.2rem;
    color: #333333;
    margin-bottom: .3rem;
}

.content_post>ul {
    padding-left: 3%;
}

.content_post li {
    font-size: .9rem;
    font-weight: 400;
    line-height: 1.3rem;
    color: #333333;
    font-style: normal;
}

.breadcrumb li a cite {
    font-weight: 400;
    font-style: normal;
    font-size: .8rem;
    line-height: 1.2rem;
    color: #333333;
}

.breadcrumb li.title_single {
    display: flex;
    align-items: center;
}

.breadcrumb li:last-child cite {
    font-weight: 700;
    font-size: .8rem;
    line-height: 1.2rem;
    font-style: normal;
    color: #333333;
}

.faq_1 {
    padding: 7.6rem 0 7.4rem 0;
    position: relative;
}

.faq_1::after {
    content: '';
    position: absolute;
    bottom: -1.5rem;
    right: -9.5rem;
    background-image: url("../images/Group-1000007061.png");
    background-repeat: no-repeat;
    background-size: contain;
    width: 31.9rem;
    height: 37rem;
}

.box_faq {
    padding: .8rem 0;
    border-bottom: .05rem solid #F0F0F0;
    cursor: pointer;
}

.question {
    font-weight: 700;
    line-height: 1.4rem;
    font-size: 1rem;
    color: #333333;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    gap: .6rem;
    position: relative;
    transition: all 0.5s;
}

.box_faq.active .question {
    color: var(--main-cl);
}

.box_faq.active .question::after {
    background-image: url("../images/minus.svg");
}

.box_faq.active .question::before {
    background-image: url("../images/question-circle-1.svg");
}

.question::before {
    content: '';
    background-image: url("../images/question-circle.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1.2rem;
    height: 1.2rem;
}

.question::after {
    content: '';
    background-image: url("../images/plus.svg");
    background-repeat: no-repeat;
    background-size: contain;
    width: 1.2rem;
    height: 1.2rem;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    transition: all 0.5s;
}

.answer {
    display: none;
    margin-top: .4rem;
}

.answer p {
    font-weight: 400;
    font-size: .8rem;
    line-height: 1.2rem;
    color: var(--main-cl);
    margin-bottom: 0;
    padding: 0 2.2rem 0 1.8rem;
}

.box_faq+.box_faq {
    margin-top: .8rem;
}

.title_policy {
    font-weight: 700;
    font-size: 1.2rem;
    line-height: 1.6rem;
    letter-spacing: 0%;
    color: var(--main-cl);
    padding-bottom: .8rem;
    margin-bottom: .8rem;
    border-bottom: .05rem solid #F0F0F0;
}

.list_policy li {
    list-style: none;
    margin-bottom: .4rem;
}

.list_policy li a {
    font-weight: 400;
    font-size: .8rem;
    line-height: 1.2rem;
    color: #333333;
}

.list_policy li a.active {
    color: var(--main-cl);
}

.list_policy li:last-child {
    margin-bottom: 0;
}

.policy {
    padding: .8rem;
    box-shadow: 0rem .5rem 1.5rem 0rem #00000026;
}

.contact_1 {
    padding: 7.5rem 0 3.35rem 0;
}
.contact_1 .large-12{
    margin-bottom: 1rem;
    padding: 0;
}
.contact_1 .large-5{
    padding-left: 0;
    padding-right: 0.5rem;
}
.contact_1 .large-7{
    padding-left: 0.5rem;
    padding-right: 0;
}
.contact_1+.section_register .form-wrap .form-group.submit-btn.text-left{
    text-align: center;
}
.ad_contact {
    padding: 1.2rem;
    background-color: #FAFAFA;
    transition: all 0.5s;
    cursor: pointer;
}
.ad_contact+.ad_contact{
    margin-top: 1rem;
}
.ad_contact:hover {
    background: #00AEEF1A;
}

.ad_contact.active {
    background: #00AEEF1A;
}

.ad_contact .title {
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.6rem;
    color: #333333;
    margin-bottom: .8rem;
}

.ad_contact ul li {
    list-style: none;
    font-weight: 400;
    font-size: .8rem;
    line-height: 1.2rem;
    color: #333333;
    margin-bottom: .6rem;
    display: flex;
    align-items: center;
    gap: .6rem;
}

.ad_contact ul li::before {
    content: '';
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: .8rem;
    height: .8rem;
    min-width: .8rem;
}

.contact_1 iframe {
    height: 38rem;
    width: 100%;
}

.wrap_contact {
    height: 38rem;
    overflow: auto;
}

.wrap_contact::-webkit-scrollbar {
    width: .2rem;
}

.wrap_contact::-webkit-scrollbar-thumb {
    background-color: var(--main-cl);
    border-radius: .2rem;
}

.wrap_contact::-webkit-scrollbar-thumb:hover {
    background-color: #555;
}

.wrap_contact::-webkit-scrollbar-track {
    background: #555;
    border-radius: .2rem;
}

li.address::before {
    background-image: url("../images/home.svg");
}

li.phone::before {
    background-image: url("../images/phone.svg");
}

li.sub_phone::before {
    background-image: url("../images/fax-1.svg");
}

li.mail::before {
    background-image: url("../images/mail.svg");
}

li.phone_technical::before {
    background-image: url("../images/phone.svg");
}

.ad_contact ul li:last-child {
    margin-bottom: 0;
}

.social_share {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.2rem 0;
}

.social_share span,
.nav_tag span {
    font-size: .8rem;
    font-weight: 400;
    line-height: 1.2rem;
    color: #333333;
}

.list_share {
    margin: 0;
    list-style: none;
    display: flex;
    align-items: center;
    gap: .8rem;
}

.list_share li {
    margin-bottom: 0;
}

.list_share li a {
    width: 1.2rem;
    height: 1.2rem;
    display: flex;
}

.post_details {
    padding-bottom: 3.55rem;
}

.nav_tag {
    display: flex;
    align-items: center;
    gap: .8rem;
}

.list_tags {
    display: flex;
    align-items: center;
    gap: .2rem;
    margin-bottom: 0;
    list-style: none;
}

.list_tags li{
    margin: 0;
}
.list_tags li > a {
    margin-bottom: 0;
    padding: .2rem .4rem;
    border: .05rem solid var(--sub-cl);
    color: var(--sub-cl);
    list-style: none;
    font-weight: 400;
    font-size: .6rem;
    line-height: .8rem;
    transition: all 0.4s;
}
.list_tags li:hover a{
    background-color: var(--sub-cl);
    color: #FFF;
}
.relative_post {
    padding: 0 0 7.5rem 0;
    position: relative;
}

.relative_post::after {
    content: '';
    position: absolute;
    top: -14rem;
    right: -0.35rem;
    background-image: url("../images/Group-1000007062.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: 32.45rem;
    height: 38rem;
    pointer-events: none !important;
}

.const_dou {
    position: relative;
    z-index: 3;
    top: 0;
    left: 0;
    display: flex;
    padding: 2.4rem;
    gap: 2.4rem;
}

.const_dou .cont_left {
    width: calc(60% - 1.2rem);
}

.const_dou .cont_left>.title {
    color: #FFFFFF;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 2rem;
    margin-bottom: .8rem;
}

.const_dou .cont_left>.para {
    color: #FFFFFF;
    font-weight: 400;
    font-size: .7rem;
    line-height: 1rem;
    margin-bottom: 2.4rem;
}

.box_schedule .icon {
    width: 1.2rem;
    height: 1.2rem;
}

.const_dou .cont_right {
    width: calc(40% - 1.2rem);
}

.box_schedule {
    gap: .4rem;
    margin-bottom: .8rem;
}

.box_schedule .content span {
    color: #FFFFFF;
    font-weight: 700;
    font-size: .9rem;
    line-height: 1.2rem;
}

.box_schedule .content h4 {
    font-weight: 400;
    font-size: .8rem;
    line-height: 1.2rem;
    color: #FFFFFF;
    margin-bottom: 0;
}

.list_schedule {
    padding-left: 1.65rem;
    position: relative;
}

.list_schedule::before {
    content: '';
    width: .05rem;
    position: absolute;
    height: 100%;
    left: .2rem;
    background-color: #DDDDDD;
    display: block;
}

.list_schedule .item+.item {
    margin-top: .8rem;
}

.list_schedule .item .title {
    font-weight: 700;
    font-size: .8rem;
    line-height: 1.2rem;
    color: #FFFFFF;
}

.list_schedule .item .para {
    color: #FFFFFF;
    font-weight: 400;
    font-size: .8rem;
    line-height: 1.2rem;
    margin-bottom: 0;
}

.list_schedule .item::before {
    content: '';
    position: absolute;
    background-color: var(--sub-cl);
    border-radius: 50%;
    width: .45rem;
    height: .45rem;
    margin-top: .5rem;
    left: 0;
}

.box_flex {
    gap: .4rem;
}

.box_flex .icon {
    width: 1.2rem;
    height: 1.2rem;
}

.box_flex .cons span {
    font-weight: 400;
    font-size: .8rem;
    line-height: 1.2rem;
    color: #333333;
}

.box_flex .cons h4 {
    font-weight: 700;
    font-size: .8rem;
    line-height: 1rem;
    color: #333333;
}

.box_bg {
    background-color: #FFFFFF;
    padding: .8rem;
}

.box_person:first-child {
    margin-top: .6rem;
}

.box_person {
    margin-top: .8rem;
    gap: .4rem;
}

.box_person .icon {
    flex: 0 0 auto;
}

.box_person .info h4 {
    font-weight: 700;
    font-size: .8rem;
    line-height: 1rem;
    color: #333333;
    margin-bottom: .2rem;
}

.box_person .info p {
    font-weight: 400;
    font-size: .7rem;
    line-height: 1rem;
    color: #333333;
    margin-bottom: 0;
}

.wrap_title_ct {
    height: 2.6rem;
}

.header-inner a i.icon-menu {
    font-size: 4.5em !important;
    color: var(--main-cl);
}

.list_sup_1 {
    padding: 5.25rem 0 5.6rem 0;
}

.list_sup_1 .image {
    padding-left: 5%;
}

.list_sup_2 {
    padding: 2.35rem 0 6rem 0;
    position: relative;
}

.list_sup_2 .img_bg {
    position: absolute;
    top: 0;
    left: 0;
    height: 30rem;
    width: 100%;
    background: linear-gradient(180deg, #F0FBFF 0%, rgba(240, 251, 255, 0.00) 100%);
}

.para_cont {
    line-height: 1.3rem;
    text-overflow: ellipsis;
    margin-bottom: 1.4rem;
}

.para_cont p {
    overflow: hidden;
    color: var(--Secondary-Black, #333);
    text-overflow: ellipsis;
    font-family: Inter;
    font-size: .9rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.3rem;
    /* 144.444% */
}

.list_sup_1 .heading-title {
    margin-bottom: 1.05rem;
}

.category {
    margin-right: .9rem;
    display: flex;
    align-items: center;
    margin-bottom: 0;
    font-weight: 400;
    font-size: .9rem;
    line-height: 1.25rem;
    color: #333;
    flex: 0 0 auto;
}

select#category {
    margin-right: 1.8rem;
}

select#category,
select#solution {
    width: 12.85rem;
    font-size: .8rem;
    font-weight: 400;
    line-height: 1.25rem;
    margin-bottom: 0;
    padding: 0;
    color: #666666;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: .075rem solid #E4E4E4;
    background-color: transparent;
    position: relative;
}

select#category option {
    font-size: .8rem;
    font-weight: 400;
    line-height: 1.25rem;

}

select:has(option:first-child:checked) {
    color: gray;
}

select#sort {
    width: 6.6rem;
    font-size: .8rem;
    font-weight: 400;
    line-height: 1.25rem;
    margin-bottom: 0;
    padding: 0;
    color: #666666;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: .075rem solid #E4E4E4;
    background-color: transparent;
    position: relative;
}

.result {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 2.54rem 0 2rem;
}

.sort {
    display: flex;
    align-items: center;
    gap: .65rem;
}

.title_sort {
    flex: 0 0 auto;
    font-weight: 400;
    font-size: .8rem;
    line-height: 1.25rem;
    color: #333;
    margin-bottom: 0;
}

.result_for {
    font-size: .8rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25rem;
    color: #333;
    margin: 0;
}

.result_for strong {
    font-weight: 700;
}

.list-articles.custom {
    gap: 2rem;
    margin-bottom: 2rem;
}

.list-articles.custom .article {
    width: calc(100% / 2 - 2rem / 2);
    background: #fff !important;
}

.list_pr_1 {
    padding: 5.45rem 0 6.45rem 0;
    position: relative;
}

.list_pr_1::after {
    content: '';
    background-image: url("../images/Group-1000007058.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: 39.05rem;
    height: 35rem;
    position: absolute;
    left: 0;
    bottom: -6rem;
    pointer-events: none !important;
}

.box {
    box-shadow: 0rem .5rem 1.5rem 0rem #00000026;
    padding: 1.2rem;
}

.list-unstyled {
    list-style: none;
    margin-bottom: 0;
}

.list-unstyled li {
    font-size: .8rem;
    font-weight: 400;
    line-height: 1.2rem;
    color: #333;
    margin-bottom: .4rem;
    display: flex;
    align-items: center;
}

.list-unstyled input[type=radio] {
    margin: 0 .4rem 0 0 !important;
    width: .8rem;
    height: .8rem;
}

.box .box-select+.box-select {
    margin-top: 1.2rem;
    padding-top: 1.2rem;
    border-top: .05rem solid #F0F0F0
}

.title_select {
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.6rem;
    color: var(--sub-cl);
    margin-bottom: .6rem;
    position: relative;
    cursor: pointer;
}

.title_select.active::after {
    transform: translateY(-50%) rotate(360deg);
}

.btn_pro {
    display: flex !important;
    padding: .4rem .8rem;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: .4rem;
    font-size: .7rem;
    font-style: normal;
    font-weight: 400;
    line-height: .8rem;
    flex: 1 0 0;
    border: .05rem solid var(--sub-cl);
}

.btn_pro.filter {
    background-color: var(--sub-cl);
    color: #FFF;
}

.btn_pro.reset {
    color: var(--sub-cl);
}

.box_res {
    padding: .2rem .4rem;
    background: rgba(0, 174, 239, 0.10);
}

.box_res span {
    font-size: .8rem;
    font-weight: 400;
    line-height: 1.2rem;
    color: var(--main-cl);
    display: flex;
    align-items: center;
    gap: .2rem;
}

.op_fil {
    display: flex;
    align-items: center;
    gap: .8rem;
}

.box_res span::after {
    content: '';
    background-image: url("../images/Frame-2144770058.svg");
    background-repeat: no-repeat;
    background-size: contain;
    width: .8rem;
    height: .8rem;
    display: block;
}

.op_fil label {
    margin-bottom: 0;
    flex: 0 0 auto;
    font-size: .8rem;
    font-weight: 400;
    line-height: 1.2rem;
    color: #15120A;
}

select#sort_filter {
    padding: .5rem 1rem;
    background-color: #FFF;
    font-size: .8rem;
    width: 9rem;
    font-weight: 700;
    line-height: 1rem;
    color: var(--main-cl);
    margin-bottom: 0;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: .075rem solid #E4E4E4;
    position: relative;
    background-image: url("../images/chevron-up-2.svg");
    /*transform: rotate(180deg);*/
}

select#sort_filter option {
    color: #333;
}

.filter_result {
    margin-bottom: 1.35rem;
}

.list_service_2 {
    margin-top: -5rem;
    padding: 12.5rem 0 7.5rem;
    background-image: url("../images/image-868.png");
    background-repeat: no-repeat;
    background-size: contain;
}
.list_service_3 .btn-secondary{
    margin-top: 1.5rem;
}
.list_service_4 {
    padding: 7.5rem 0;
    position: relative;
}

.list_service_4::before {
    content: '';
    position: absolute;
    top: 30%;
    left: 0;
    background-image: url("../images/Group-1000007059.png");
    background-repeat: no-repeat;
    background-size: contain;
    width: 25rem;
    height: 35rem;
}

.list_service_4::after {
    content: '';
    position: absolute;
    bottom: -10%;
    right: -4%;
    background-image: url("../images/Group-1000007061-1.png");
    background-repeat: no-repeat;
    background-size: contain;
    width: 24.5975rem;
    height: 25.0095rem;
}

.title_nemo {
    font-weight: 700;
    color: var(--main-cl);
    font-size: 1.8rem;
    line-height: 2.2rem;
}

.view_profile {
    padding: 7.8rem 0 7.25rem 0;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.view_profile .heading-title {
    margin-bottom: 1.05rem;
}

.view_profile_para {
    color: #FFF;
    font-size: 1rem;
    font-style: normal;
    font-weight: 300;
    line-height: 1.35rem;
    margin-bottom: 1.75rem;
}

.btn_view {
    color: #FFF;
    text-align: center;
    font-size: .8rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.2rem;
    text-transform: uppercase;
    border: .05rem solid #FFF;
    padding: .85rem 2rem;
    position: relative;
    min-width: 9.5rem;
    width: max-content;
    max-width: 100%;
    display: flex;
    gap: .4rem;
    justify-content: center;
    transition: all 0.5s;
}

.gap-70 {
    gap: 3.5rem;
}

.swiper-pagination {
    display: flex;
    align-items: center;
}

.swiper-pagination-bullet {
    width: .45rem;
    height: .45rem;
    margin: 0 .25rem;
}

.swiper-pagination-bullet-active {
    width: .7rem;
    height: .7rem;
}

.swiper-brand .swiper-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
}

.nav_auto {
    background-color: var(--main-cl);
    padding: 1.55rem 0;
}

.navbar ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0;
}

.navbar li {
    margin: 0;
    list-style: none;
    flex: 0 0 auto;
}

.navbar li a {
    font-weight: 300;
    font-size: .8rem;
    line-height: 1.4rem;
    color: #FFF;
}

.box_about {
    background-color: #F3FCFF;
    padding: 2.3rem 3.35rem;
    height: 100%;
}

.list_about {
    margin: 1.45rem 0 0 0;
}

.list_about li {
    display: flex;
    align-items: center;
    gap: 1.75rem;
    font-size: .9rem;
    font-weight: 400;
    color: #333;
    line-height: 1.2rem;
    margin-bottom: 1.45rem;
}

.list_about li:last-child {
    margin-bottom: 0;
}

.list_about li svg {
    flex: 0 0 auto;
    width: 2.5rem;
    height: 2.5rem;
    transition: transform 1s ease-in-out;
}

.title_about {
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.6rem;
    color: var(--sub-cl);
    margin: 1.05rem 0 .75rem 0;
}

.about_3 {
    padding: 6.75rem 0 5.9rem 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.box_val {
    padding-top: 3.6rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.list_box_val {
    margin: 2.15rem 0 0 0;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6.75rem;
}

.list_box_val li svg {
    width: 4rem;
    height: 4rem;
    transition: transform 0.4s ease-in-out;
}

.list_box_val li {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: .7rem;
    cursor: pointer;
}

.list_box_val li span {
    font-size: .9rem;
    font-weight: 600;
    line-height: 2rem;
    color: var(--main-cl);
}

.about_2 {
    background-color: #F0FBFF;
    padding: 2.85rem 0 0 0;
}

.cons_para p {
    color: #333;
    font-size: .9rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.3rem;
    margin-bottom: 0;
}

.cons_para p+p {
    margin-top: 1rem;
}

.btn-process {
    color: #41444B;
    text-align: center;
    font-size: .8rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.2rem;
    text-transform: uppercase;
    position: relative;
    border: .075rem solid rgba(102, 102, 102, 0.40);
    padding: .85rem 2.6rem;
    display: inline-block;
    transition: all 0.5s;
}

.btn-process:hover {
    color: var(--main-cl);
    border-color: var(--main-cl);
    padding: .85rem 2.85rem;
}

.btn-process.btn-dis::after {
    background-image: url("../images/arrrr.svg");
}

.about_2 .heading-title {
    margin-bottom: 1.35rem;
}
.about_2 .list_img .box_img{
    width: 100%;
}
.about_2 .list_img .box_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.home_slide_5 .list_projects .item .blur_click{
    z-index: 20;
}
.list_img {
    padding-top: 3.2rem;
}

.cons_abs {
    position: absolute;
    background: linear-gradient(0deg, rgba(0, 33, 91, 0.80) 0%, rgba(0, 33, 91, 0.69) 23.5%, rgba(0, 33, 91, 0.00) 100%);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transition: all 0.5s;
    opacity: 0;
}

.cons_abs .cons {
    position: absolute;
    bottom: 1.9rem;
    left: 0;
    padding-left: 1.65rem;
    padding-right: 7rem;
}

.cons_abs .cons::before {
    content: '';
    display: block;
    width: .15rem;
    background-color: #FFF;
    height: 100%;
    position: absolute;
    left: 0;
}

.title_office {
    color: #FFF;
    font-size: .9rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.3rem;
    margin-bottom: .1rem;
}

.locate_office {
    color: #FFF;
    font-size: .9rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.3rem;
    margin-bottom: 0;
}

.box_img {
    overflow: hidden;
    cursor: pointer;
}

.box_img img {
    transition: all 0.5s;
}

.box_img:hover img {
    transform: scale(1.1);
}

.box_img:hover .cons_abs {
    opacity: 1;
}

/*.box_img.force-hover .cons_abs{*/
/*    opacity: 0;*/
/*}*/
.about_10 .heading-title {
    margin-bottom: 3.1rem;
}

.about_10 .swiper-scrollbar {
    display: none;
    text-align: center;
    background: transparent;
    margin-top: 1.5rem;
}

.btn_contact_fix {
    position: fixed;
    z-index: 999;
    right: 3rem;
    bottom: 2rem;
    transform: translateY(-50%);
}

.img_about_2 {
    width: 30rem;
    height: 30rem;
}

.img_about_2 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.wrap_hoa_tiet_section {
    padding: 2rem 0 5rem;
    display: flex;
    justify-content: end;
}

ul.hoa_tiet_section {
    list-style: none;
    margin: 0;
}

ul.hoa_tiet_section li img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
}

ul.hoa_tiet_section li {
    z-index: 1;
}

ul.hoa_tiet_section li:nth-child(1) {
    margin: 0;
    position: absolute;
    left: 20%;
    bottom: -10%;
    width: 17.7rem;
    height: 10.75rem;
    flex-shrink: 0;
    animation: hu__hu__ infinite 2s ease-in-out
}

ul.hoa_tiet_section li:nth-child(2) {
    margin: 0;
    position: absolute;
    left: 8%;
    bottom: 40%;
    width: 8.2rem;
    height: 11.2rem;
    flex-shrink: 0;
    animation: hu__hu__ infinite 2s ease-in-out
}

ul.hoa_tiet_section li:nth-child(3) {
    margin: 0;
    position: absolute;
    left: 50%;
    top: 14%;
    width: 3.2rem;
    height: 3.6rem;
    flex-shrink: 0;
    z-index: 0;
    animation: hu__hu__2 infinite 2s ease-in-out
}

ul.hoa_tiet_section li:nth-child(4) {
    margin: 0;
    position: absolute;
    left: 87%;
    top: 27%;
    width: 5.5rem;
    height: 11.5rem;
    flex-shrink: 0;
    animation: hu__hu__ infinite 2s ease-in-out
}

ul.hoa_tiet_section li:nth-child(5) {
    margin: 0;
    position: absolute;
    left: 78%;
    bottom: 25%;
    width: 4.2rem;
    height: 4.55rem;
    flex-shrink: 0;
    animation: hu__hu__2 infinite 2s ease-in-out
}

@keyframes hu__hu__ {
    50% {
        transform: translateY(-1.5rem)
    }
}

@keyframes hu__hu__2 {
    50% {
        transform: translateY(-0.5rem)
    }
}

.nav_header_b .breadcrumbs {
    margin: 0 0 0 -0.5rem;
}

.nav_header_b .breadcrumb li:last-child cite,
.nav_header_b .breadcrumb li a cite {
    color: #fff;
}

.nav_header_b .breadcrumbs li a::after {
    background-image: url("../images/chevron-right.svg");
}

.banner_thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.slide_pr .nav_next {
    position: absolute;
    top: 45%;
    left: 104%;
    transform: translate(-50%, -50%);
    z-index: 2;
}

.slide_pr .nav_prev {
    position: absolute;
    top: 45%;
    left: -4%;
    transform: translate(-50%, -50%);
    z-index: 2;
}

.nav_next,
.nav_prev {
    cursor: pointer;
}

.swiper-pos .swiper_pagination {
    display: none;
}

.pr_detail_swiper_2 .swiper_pagination {
    display: none;
}

.detail_sub_1 .breadcrumbs {
    margin: 3rem 0 1rem;
}

.detail_sub_2 .list_post_sub {
    display: flex;
}

.detail_sub_2 .list_post_sub .post_sub {
    width: calc(100% / 3);
    padding-right: 5rem;
    padding-left: 1.5rem;
    border-left: .1rem solid #DADADA;
    position: relative;
    padding-bottom: 1rem;
}

.detail_sub_2 .list_post_sub .post_sub::before {
    content: '';
    position: absolute;
    top: 32%;
    left: -0.1rem;
    width: .15rem;
    height: 3.75rem;
    background: var(--main-cl);
}

.post_sub .image {
    width: 6rem;
    height: 1.8rem;
}

.detail_sub_2 .list_post_sub {
    margin-top: 4rem;
}

.box-select ul {
    display: none;
}

.list_box_list_footer .para-heading a{
    color: var(--41444-b, #41444B);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Inter;
    font-size: 0.9rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.3rem; /* 144.444% */
    transition: 0.5s all;
}
.list_box_list_footer .para-heading:hover a{
    color: var(--sub-cl);
}
.pr_1_new{
    padding: 5rem 0;
}
.wrap_content_project_tab .tab_content .tab_panel{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    grid-auto-flow: dense;
}
.wrap_content_project_tab .tab_content .tab_panel+.tab_panel{
    margin-top: 1rem;
}
.wrap_content_project_tab .tab_content .tab_panel .item{
    position: relative;
    overflow: hidden;
}
.wrap_content_project_tab .tab_content .tab_panel .item .content{
    padding: 1.2rem 1.8rem;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 3;
}
.wrap_content_project_tab .tab_content .tab_panel .item::before{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 11.5rem;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%);
    z-index: 1;
}
.title_content_project_tab{
    position: relative;
    z-index: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    align-self: stretch;
    overflow: hidden;
    color: var(--3_FFFFFF, #FFF);
    text-overflow: ellipsis;
    font-family: Inter;
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.6rem; /* 133.333% */
    margin: 0;
    transition: 0.5s all;
}
.wrap_content_project_tab .tab_content .tab_panel .item:hover .title_content_project_tab{
    color: var(--sub-cl);
}
.content_content_project_tab{
    position: relative;
    z-index: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    align-self: stretch;
    overflow: hidden;
    color: var(--3_FFFFFF, #FFF) !important;
    text-overflow: ellipsis;
    font-family: Inter;
    font-size: 0.8rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2rem; /* 150% */
    margin: 0;
}

.wrap_content_project_tab .tab_content .tab_panel .item .img_p img{
    width: 100%;
    height: 100%;
    transition: all 0.4s;
}

.wrap_content_project_tab .tab_content .tab_panel .item:nth-of-type(5n+2){
    grid-column: 2/4;
    grid-row: 1/3;
}
.wrap_content_project_tab .tab_content .tab_panel .item:nth-of-type(5n+2) .content{
    width: 60%;
}
.wrap_content_project_tab .tab_content .tab_panel .item:hover .img_p img{
    transform: scale(1.1);
}
.wrap_btn_pr  {
    display: flex;
    justify-content: center;
}
.wrap_content_project_tab .tab_content{
    padding: 2rem 0 3.2rem;
}
.footer .list-socials .icon svg{
    width: 2rem;
    height: 2rem;
}
.selected-filter .remove-filter{
    display: flex;
    cursor: pointer;
}
.selected-filter{
    font-weight: 400;
    font-size: 0.833rem;
    line-height: 1.25rem;
    display: flex;
    align-items: center;
    gap: 0.208rem;
    padding: 0.208rem 0.417rem;
    color: var(--main-cl);
    background: #00AEEF1A;
}
.menu-footer > li{
    margin-bottom: 0.5rem;
}
.menu-footer > li > a{
    font-weight: 400;
    font-size: 0.9rem;
    line-height: 1.3rem;
    display: block;
    transition: all 0.4s;
}
.menu-footer > li.current-menu-item > a,
.menu-footer > li > a:hover{
    color: var(--sub-cl)
}
@media only screen and (min-width: 1200px) {
    html, body{
        font-size: 1.15vw;
    }
    :root{
        --container-w: 75rem;
    }
    .list_projects .item .image{
        height: 27rem;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    header#header .header-wrapper.stuck #masthead{
        max-height: 3.5rem;
    }
    header#header #masthead .header-nav-main.header-nav > li > a{
        padding: 1rem 0;
    }
    .home_3 .post_sub .para_post{
        margin-top: 0.5rem;
    }
    .home_3 .box_post .post_sub{
        padding-bottom: 1rem;
        margin-bottom: 1rem;
    }
    .home_3 .post_main .image img{
        height: 19rem;
    }
    .home_3 .box_post{
        padding-bottom: 1rem;
    }
    .home_3 .post_content{
        padding: 1.5rem 2rem;
    }
}

@media only screen and (min-width: 1600px) {
    .list_projects .item .image{
        height: 34rem;
    }
    body, html{
        font-size: 0.95vw;
    }
    :root{
        --container-w: 72.917rem;
    }
}

@media only screen and (max-width: 1199px) {

    body,
    html {
        font-size: 1.3vw;
    }

    :root {
        --container-w: 68rem;
        --container-large: 71.8rem;
    }

    .info_container {
        margin-top: -8.25rem;
    }

    .info_list_title {
        font-size: .8rem;
    }

    .info_container .info_box {
        padding: 1.5rem;
    }

    .para_box {
        margin: 0;
        font-size: 1rem;
    }

    .title_banner_thumb {
        font-size: 2.8rem;
    }

    .news_page {
        padding: 4.5rem 0;
    }

    .menu_tab_news ul {
        margin: 1.2rem 0 2.2rem 0;
    }

    .news_page_2 {
        padding-bottom: 2.5rem;
    }
    /*.btn {*/
    /*    font-size: .65rem;*/
    /*}*/
    .subser_title span {
        flex: 0 0 auto;
        font-size: 4.5rem;
    }

    .list_box_val {
        gap: 4.75rem;
    }

    .swiper_list_news .swiper-button-next {
        right: 0;
    }

    .swiper_list_news .swiper-button-prev {
        left: 0;
    }

    .wrap-swiper-pos .nav_next {
        left: 97%;
    }

    .wrap-swiper-pos .nav_prev {
        left: 3%;
    }
    .list_projects .item .image{
        height: 25rem;
    }
}
@media only screen and (max-width: 850px) {
    html {
        font-size: 1.5vw;
    }

    .home_banner .swiper-pagination {
        left: 2rem !important;
    }

    .swiper_list_news {
        padding: 0 1.25rem;
    }

    .footer .menu-second {
        flex-wrap: wrap;
        gap: 1rem;
    }

    /*.footer .para-heading {*/
    /*    font-size: .69rem;*/
    /*}*/

    .footer .menu-second {
        padding-top: 1.5rem;
    }

    .list_sup_1 .row {
        gap: 1.5rem;
    }

    .list_sup_1 .image {
        padding-left: .75rem;
    }

    .list_sup_1 {
        padding: 2.25rem 0 2.6rem 0;
    }

    .footer .logo img {
        width: 8rem;
        object-fit: contain;
    }

    .menu-second .left {
        max-width: 100%;
        gap: 1rem;
        order: 2;
    }

    .footer .menu-first {
        gap: 1rem;
    }

    .swiper_list_news .swiper-button-prev {
        transform: translateX(-150%);
    }

    .swiper_list_news .swiper-button-next {
        transform: translateX(150%);
    }

    .list_pr_1 {
        padding: 2.45rem 0 3.45rem 0;
    }

    /*.list_pr_1 .row {*/
    /*    gap: 1.5rem;*/
    /*}*/
    .list_service_2 {
        padding-bottom: 4rem;
    }

    .list_service_4 {
        padding: 3.5rem 0;
    }

    .subser_title {
        font-size: 2.1rem;
    }

    .tech_1 {
        padding: 3.5rem 0;
        position: relative;
    }

    .event_1 {
        padding: 2.5rem 0;
    }

    .event_2 {
        padding: 0 0 .5rem 0;
    }

    .section_register {
        background-size: 100% 100%;
        margin-bottom: .8rem;
    }

    .about_11 {
        padding: 4.55rem 0 3.05rem 0;
    }

    .box_post .post_sub {
        margin-left: 1.5rem;
    }

    .home_banner .cont_wrap {
        left: 2rem;
    }

    .wrap-swiper-pos .nav_prev,
    .wrap-swiper-pos .nav_next,
    .about_11 .nav_next,
    .about_11 .nav_prev,
    .slide_pr .nav_next,
    .slide_pr .nav_prev {
        display: none;
    }

    .swiper-pos .swiper_pagination,
    .pr_detail_swiper_2 .swiper_pagination {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 2rem;
    }

    .swiper.product_detail .swiper-slide {
        padding: .25rem;
    }
    .box_navi{
        left: 2rem !important;
    }
    .nav-slide-header button,
    .mobile-sidebar .sidebar-menu .nav-sidebar .menu-item a {
        font-size: 1rem;
        color: var(--main-cl);
        text-transform: unset;
        opacity: 1;
    }
    .mobile-sidebar-levels-2 ul.sub-menu li:not(.nav-slide-header)>a{
        opacity: 1 !important;
        color: #333 !important;
        font-size: 0.9rem !important;
    }
    #top-bar{
        display: none;
    }
    .header-main .header-inner {
        padding: 10px 2rem !important;
    }
    .off-canvas-left .mfp-content, .off-canvas-right .mfp-content, .mfp-close, .mfp-container, .mfp-wrap, .mfp-bg {
        top: 90px !important;
    }
    .off-canvas .sidebar-menu {
        padding: 0;
        background: #fff;
    }
    .off-canvas-left .mfp-content {
        box-shadow: unset;
        border-top: 1px solid hsla(0, 0%, 100%, .2);
    }
}
@media only screen and (max-width: 767px) {
    html {
        font-size: 4vw;
    }

    :root {
        --container-w: 100%;
        --container-large: 100%;
    }
    .header-main{
        height: 90px !important;
    }
    #search-lightbox {
        margin-left: -1rem;
        margin-right: -1rem;
        max-width: calc(100% + 2rem);
    }

    #search-lightbox .search-lightbox-title {
        margin-bottom: 1rem;
        font-size: 1rem;
    }

    #search-lightbox .search-keywords {
        margin-top: 1rem;
    }

    #search-lightbox .search-keywords>a {
        font-size: .7rem;
    }

    .btn {
        padding: .8rem 1.6rem;
    }

    .btn:hover {
        padding: .8rem 2.2rem;
    }

    .info_container {
        margin-top: 0;
        flex-wrap: wrap;
    }

    .left_cont {
        left: .5rem;
    }

    .home_banner .img_wrap {
        height: 26rem;
    }

    .home_banner .img_wrap img {
        height: 100%;
        object-fit: cover;
    }

    .info_list .item {
        padding: 1rem 2rem;
        margin-bottom: 0;
    }

    .home_1 {
        padding: 3rem 0 2.1rem 0;
    }

    .pagin-banner {
        /*left: 6px!important;*/
        justify-content: center;
    }

    .home_2 .inner-wrap {
        flex-wrap: wrap;
        gap: 2rem;
    }

    .home_2 .cont_video {
        justify-content: start !important;
    }

    .post_content {
        padding: 1.5rem;
    }

    .box_post .post_sub {
        margin-left: 0;
    }

    .box_post .post_sub:first-child {
        margin-top: 2rem;
    }

    .box_mile .box_number {
        font-size: 1.9rem;
    }

    .home_3 {
        padding: 3rem 0;
    }

    .box_post {
        padding: 2.5rem 0 0rem;
    }

    .list-box-info {
        margin: 0 -0.25rem;
    }

    .list-box-info .box-info {
        width: calc(calc(100% / 2) - .5rem);
        margin: 1.75rem .25rem 0;
        padding: 0;
    }

    .heading-title {
        font-size: 2.4rem;
        line-height: 1.2;
    }

    .list_box_news .box_news {
        padding: .5rem;
    }

    .home_7 {
        padding: 3rem 0 0rem 0;
    }

    .box_contact {
        padding: 2rem 0 0 0;
    }

    .register_contact .row {
        gap: 2rem;
        text-align: center;
    }

    .menu-first {
        flex-wrap: wrap;
        gap: 1rem;
        justify-content: center;
    }

    .menu-first .left {
        max-width: 100%;
    }

    .box-list {
        width: 100%;
    }

    .box-list:last-child {
        margin-bottom: 1rem;
    }

    .menu-border {
        flex-wrap: wrap;
    }

    .footer .list-socials {
        gap: 1rem;
    }

    .footer .left .title_box_list {
        text-align: center;
    }

    .footer .menu-second {
        flex-wrap: wrap;
        gap: 1rem;
    }

    .menu-second .left {
        max-width: 100%;
        flex-direction: unset;
        gap: 1rem;
        order: 2;
    }

    /*.footer .para-heading {*/
    /*    font-size: .69rem;*/
    /*}*/

    .footer .menu-second {
        padding-top: 1.5rem;
    }

    .footer {
        padding: 1.4rem 0;
    }

    .header-inner a i.icon-menu {
        font-size: 2rem !important;
    }

    .banner_thumb {
        height: 10rem;
    }

    .navi_banner .item a {
        font-size: .7rem;
    }

    .title_banner_thumb {
        font-size: 2.2rem;
        line-height: 1.1;
    }

    .box_navi {
        left: .75rem;
    }

    .list-articles.custom .article {
        width: calc(100% / 2 - .5rem);
    }

    .bar_group {
        flex-wrap: wrap;
        gap: 1rem;
    }

    select#category,
    select#solution {
        margin-right: 0;
        width: 100%;
        background-size: 1.5rem;
    }

    select#sort {
        background-size: 1.5rem;
    }

    .register_contact {
        padding: 2.1rem 0 1rem 0;
    }

    .list_sup_2 {
        padding: 1.35rem 0 1rem 0;
    }

    .menu-second .left {
        flex-direction: unset;
    }

    .footer .logo {
        display: flex;
        justify-content: center;
    }

    .list-articles .article {
        width: calc(100% / 2 - .5rem);
    }

    .breadcrumbs li a {
        font-size: .7rem;
    }

    .breadcrumbs {
        margin: 1.4rem 0;
    }

    .detail_pr_1 .info_right {
        padding-left: 0;
    }

    .detail_pr_1 .row.wrap {
        gap: 2rem;
    }

    .tabs-menu li {
        padding: .4rem 0;
        font-size: .75rem;
        line-height: 1.3rem;
    }

    .tabs-menu li.active {
        height: 3rem;
    }

    .detail_pr_1 {
        padding-bottom: 1.5rem;
    }

    .detail_pr_2 {
        padding: 0 0 2.3rem 0;
    }

    .detail_pr_2::after {
        width: 15.05rem;
        height: 24rem;
    }

    .tabs-product {
        margin-top: .5rem;
    }

    .news_page .box_news:first-child {
        width: 100%;
        margin-bottom: 1rem;
    }

    .news_page .box_news:nth-child(2),
    .news_page .box_news:nth-child(3),
    .news_page .box_news:nth-child(4) {
        width: 100%;
    }

    .news_page {
        padding: 1.5rem 0;
    }

    .menu_tab_news ul {
        margin: .6rem 0 .6rem 0;
    }

    .list_tech .box_news {
        width: calc(100% / 2 - 1rem / 2);
    }

    .list_post .box-post {
        margin-top: 3.5rem;
    }

    .title_main {
        font-size: 2.4rem;
        line-height: 2.7rem;
    }

    .list_service_2 {
        padding-top: 8.5rem;
    }

    .list_service_4 .list-articles {
        gap: 1rem;
    }

    .employ_detail_1 .wrap-top {
        flex-wrap: wrap;
    }

    .info_ploy {
        padding: 1.6rem 4rem 1.6rem 1.6rem;
    }

    .wrap_info .item h3 {
        width: 100%;
    }

    .wrap_info .item .content {
        padding-left: 2rem;
    }

    .wrap-bottom .wrap_right {
        margin-top: 2rem;
    }

    .employ_detail_2 {
        height: 37rem;
        background-size: cover;
        aspect-ratio: unset;
        background-image: none;
    }

    /*.btn {*/
    /*    font-size: .58rem;*/
    /*}*/
    .employ_detail_1 {
        margin-bottom: 3rem;
    }

    .breadcrumb li a cite,
    .breadcrumb li:last-child cite {
        font-size: .7rem;
    }

    .relative_post {
        padding: 0 0 1.5rem 0;
    }

    .subser_title span {
        flex: 0 0 auto;
        font-size: 3.5rem;
    }

    .subser_title {
        font-size: 1.3rem;
    }

    .title_serv {
        font-size: 2.2rem;
    }

    .section_word {
        padding: 4.5rem 0;
    }

    .service_1 .inner-wrap {
        gap: 4rem;
    }

    .service_2 .inner-wrap {
        gap: 2rem;
    }

    .service_1 {
        padding: 2.5rem 0 2.5rem 0;
    }

    .service_2 .inner-wrap+.inner-wrap {
        margin-top: 3.5rem;
    }

    .service_3 .cont-mr {
        transform: translateY(0);
    }

    .service_2 {
        padding-bottom: 4rem;
    }

    .list_post_2 {
        margin-top: 4rem;
    }

    .wrap-post_img {
        width: 100%;
    }

    .list_post_2 .wrap-post {
        gap: 2rem;
    }

    .list_post {
        margin-top: 3rem;
    }

    .view_profile {
        padding: 3.8rem 0 3.25rem 0;
        margin-top: 3rem;
    }

    .service_3 .cont-mr {
        padding: 2.4rem 2rem;
        color: #333333;
        font-size: 1.4rem;
    }

    .hide-mobile {
        display: none;
    }

    .pr_1 .list_btn-swiper,
    .pr_2 .list_btn-swiper,
    .pr_3 .list_btn-swiper,
    .pr_4 .list_btn-swiper {
        display: none;
    }

    .pagiarow .swiper-scrollbar {
        top: 0;
        transform: unset;
        background-color: transparent;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .pr_1 {
        padding: 2.5rem 0;
    }

    .pr_1 .inner-wrap,
    .pr_2 .inner-wrap,
    .pr_4 .inner-wrap {
        gap: 2rem;
    }

    .pr_2 {
        padding: 3.5rem 0;
    }

    .pr_3,
    .pr_4 {
        padding: 2.5rem 0;
    }

    .grid-pro {
        padding-right: 0;
    }

    .hashtag {
        align-items: flex-start;
    }

    .list_post_event .item {
        width: calc(100% / 2 - .5rem);
    }

    .navbar ul {
        overflow: auto;
        gap: 1rem;
    }

    .about_1 {
        padding: 3rem 0;
    }

    .about_1 .row,
    .about_2 .row,
    .about_2 .row,
    .about_3 .row {
        gap: 1rem;
    }

    .list_box_val {
        gap: 1.75rem;
        flex-wrap: wrap;
    }

    .list_box_val li span {
        width: 100%;
        text-align: center;
    }

    .about_3 {
        padding: 4.75rem 0 2.9rem 0;
    }

    .main-title {
        font-size: 2.5rem;
        line-height: 3rem;
        margin-bottom: 1.45rem;
    }

    .heading-title {
        font-size: 2.1rem;
        margin: 3rem 0 1rem;
    }

    .box-hr.main {
        width: calc(100% / 2);
    }

    .name {
        font-size: 1.25rem;
    }

    .name_per {
        font-size: 1rem;
    }

    .view_profile {
        margin-top: 0;
    }

    .cons_abs .cons {
        position: absolute;
        bottom: 1rem;
        padding-left: 1.25rem;
        padding-right: 0;
    }

    .locate_office {
        font-size: .8rem;
        margin-top: 0.5rem;
    }

    .cont_milestone::after {
        display: none;
    }

    .cont_milestone {
        flex-wrap: wrap;
    }

    .box_mile {
        width: calc(100% / 2);
        padding-bottom: 2rem;
    }

    .home_2 {
        padding-bottom: 2rem;
    }

    .btn-news {
        padding: .5rem 1.2rem;
    }

    .home_6 .see-more {
        margin-top: 3.2rem;
    }

    .btn_contact_fix {
        right: 1rem;
        bottom: -1rem;
    }

    .swiper_list_news {
        padding: 0 .5rem;
    }

    .list_img {
        flex-direction: column;
        gap: 1rem;
    }

    .box_about {
        padding: 1rem;
    }

    .img_about_2 {
        width: 100%;
        height: auto;
    }

    ul.hoa_tiet_section li:nth-child(1) {
        left: 0;
    }

    ul.hoa_tiet_section li:nth-child(2) {
        left: -5%;
    }

    ul.hoa_tiet_section li:nth-child(4) {
        left: 76%;
        top: 3%;
    }

    .box_img.force-hover .cons_abs {
        opacity: 1;
    }

    .box_img.force-hover img {
        transform: scale(1.1);
    }

    .list_box_val {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
    }

    .product_detail_2 .swiper-slide img {
        height: 21rem;
    }

    .box_feature li {
        font-size: .8rem;
    }

    .detail_pr_1 .info_right .btn-dwn {
        margin: 1rem 0 0 0;
    }

    .detail_pr_1 .info_right .btn.arrow::after,
    .detail_pr_1 .info_right .btn-dwn::after {
        display: none;
    }

    .detail_pr_1 .info_right .list_button .btn {
        padding: .8rem 1.85rem;
    }

    .detail_pr_1 .info_right .list_button .btn-dwn {
        padding: .75rem 1.5rem !important;
    }

    .detail_sub_2 .list_post_sub {
        flex-direction: column;
        gap: 1rem;
        margin-top: 1.5rem;
    }

    .detail_sub_2 .list_post_sub .post_sub {
        width: 100%;
        border-left: 0;
        border-bottom: .1rem solid #DADADA;
        padding: 1rem 0;
    }

    .detail_sub_2 .list_post_sub .post_sub::before {
        display: none;
    }

    .detail_sub_2 {
        padding: .5rem 0 3rem;
    }

    .hashtag ul {
        gap: 1rem;
    }

    .detail_sub_1 {
        padding-bottom: 3.5rem;
    }

    blockquote {
        padding: 1.25rem;
    }

    .inner-wrap .form_employ {
        padding: 0 1.5rem 1.5rem;
    }

    .select_file {
        flex-direction: column;
        justify-content: start !important;
        align-items: start !important;
        gap: 2rem;
    }
    .wrap_content_project_tab .tab_content .tab_panel {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(5, 20rem);
    }
    .wrap_content_project_tab .tab_content .tab_panel .item::before{
        height: 100%;
    }
    .wrap_content_project_tab .tab_content .tab_panel .item{
        grid-column: auto !important;
        padding: 2rem 1rem;
    }
    .wrap_content_project_tab .tab_content .tab_panel .item:nth-child(2) .content{
        max-width: 100%;
    }
    .menu_project .item > a {
        padding: .4rem 1rem;
    }
    .menu_project{
        gap: 0.5rem;
    }
    .tech_1 .list_tech{
        margin: 0;
    }
    .tech_1 .list_tech .box_news {
        width: 100%;
        margin: 0 0 3rem;
    }
    header#header .header-main .header-inner {
        padding: 0 1rem !important;
    }
    .mobile-sidebar .sidebar-menu .nav-sidebar .menu-item a {
        font-size: 0.95rem;
    }
    .home_banner .swiper-pagination {
        left: 0 !important;
    }
    .list_sup_1 .image{
        padding-left: 15px;
        margin-top: 2rem;
    }
    .contact_1 .large-12{
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .contact_1 .large-5{
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .contact_1 .large-7{
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .section_register{
        background-image: unset !important;
    }
    .home_5 .list_projects .item .box_overlay{
        padding: 2rem;
    }
    .home_5 .box_overlay .para{
        font-size: 1rem;
    }
}