* {
    font-family: "SVN-Gilroy";
}

.f-24 {
    font-size: 24px !important;
}

.f-35 {
    font-size: 35px !important;
}

section {
    position: relative;
}

svg {
    vertical-align: sub;
}

.text-up {
    text-transform: uppercase;
}

hr {
    border-color: #e1e1e1;
}

.abs-image {
    position: absolute;
    top: 0;
    left: 0;
}

/* .sec-banner {
    padding-top: 115px;
} */

strong,
.text-bold,
strong>span,
strong a {
    font-family: "SVN-Gilroy-Bold";
}


.abs-content {
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translate(0, -50%);
}

.abs-content .banner-content {
    max-width: 650px;
    color: #fff;
}

.banner-content h2 {
    font-family: 'SVN-Gilroy-Bold';
    font-size: 40px;
    text-transform: uppercase;
}

.btn-register {
    border-radius: 23px !important;
    background-image: linear-gradient(-87deg, #f6942a 0%, #e66b24 100%) !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 700;
    text-transform: uppercase !important;
    height: 46px !important;
    position: relative !important;
    padding: 15px !important;
    margin: 0 auto 10px !important;
    z-index: 2 !important;
    width: 100% !important;
    border: none !important;
}


header .btn-register {
    margin-left: 5px !important;
    display: block;
}


header .btn-register:after {
    content: "";
    position: absolute;
    top: -5px;
    right: -5px;
    width: calc(100% + 10px);
    height: calc(100% + 10px);
    border-radius: 27px;
    background-image: linear-gradient(-87deg, #f6942a 0%, #e66b24 100%);
    opacity: 0.5;
    z-index: -1;
}


.btn-hotline {
    border-radius: 23px;
    background-image: linear-gradient(to left, #007ac1 0%, #0059a9 100%);
    color: #fff !important;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    height: 46px;
    position: relative;
    padding: 15px;
    align-items: center;
    margin: 0 auto 7px;
}

.btn-register img {
    height: 18px;
    padding-right: 5px;
}


.btn-register:before {
    content: "";
    background: url(../images/icons8_registration_1.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    padding-left: 20px;
    position: relative;
    top: -2px;
}

.gr-btn-banner .btn-register {
    margin-right: 10px !important;
}

section.sec-phaply {
    z-index: 99;
}

.title-color-blue {
    color: #124c9b;
    font-family: "SVN-Gilroy-Bold";
    font-size: 40px;
    text-transform: uppercase;
    line-height: 1.5;
}

.title-color-blue strong {
    color: #f58634;
}

.abs-phaply {
    position: relative;
    top: -100px;
}

.abs-phaply .container {
    box-shadow: 0 3px 20px rgba(1, 31, 83, 0.2);
    border-radius: 20px;
    border: 0 solid #fff;
    background-color: #ffffff;
    padding: 0;
    overflow: hidden;
}

.gr-phaply::after {
    content: "";
    display: block;
    clear: both;
}

.gr-phaply {
    display: flex;
    flex-wrap: wrap;
}

.gr-phaply>.item-phaply {
    max-width: 33.333333%;
    flex: 0 0 33.333333%;
    padding: 0 20px;
    position: relative;
    z-index: 2;
    overflow: hidden;
}

.gr-phaply>.item-phaply img {
    height: 164px;
    width: 153px;
    object-fit: contain;
}

.gr-phaply .item-phaply ul,
.gr-dichvu .item-dichvu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: left;
}

.gr-phaply .item-phaply .icon {
    padding-bottom: 80px;
}

.gr-phaply .item-phaply .icon,
.gr-phaply .item-phaply .gr-link {
    position: relative;
    z-index: 1;
    bottom: 0;
}

.gr-dichvu .item-dichvu .gr-link {
    position: absolute;
    z-index: 1;
    bottom: 0;
}

.gr-dichvu {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
}

.gr-dichvu>div {
    flex: 0 0 50%;
    max-width: 50%;
}

.col-dv-right .item-dichvu {
    margin-bottom: 15px;
}

.gr-dichvu .item-dichvu {
    background: #fff;
    text-align: center;
    box-shadow: 0 3px 50px rgba(1, 31, 83, 0.2);
    border-radius: 20px;
    position: relative;
    overflow: hidden;
}

.row-items-center {
    align-items: center;
}

.gr-dichvu>.item-dichvu {
    margin-right: 15px;
}

.gr-link li {
    color: #fff;
}

.gr-link li a {
    font-weight: 700;
    color: #fff;
}

.gr-link svg {
    width: 15px;
    vertical-align: text-top;
}


.item-phaply::after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1200' height='245' viewBox='0 0 1200 245'%3E%3Cdefs%3E%3ClinearGradient id='sweda' x1='1307.33' x2='-109.67' y1='158.09' y2='157.8' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23f6942a'/%3E%3Cstop offset='1' stop-color='%23e66b24'/%3E%3C/linearGradient%3E%3ClinearGradient id='swedb' x1='1307.33' x2='-109.67' y1='145.16' y2='144.8' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23f6942a'/%3E%3Cstop offset='1' stop-color='%23e66b24'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg%3E%3Cg clip-path='url(%23clip-1544)'%3E%3Cpath fill='url(%23sweda)' d='M-80 62S30.5 1.794 162 25c131.5 23.204 151.5 16.795 205 7 53.5-9.797 255-34.705 325-2.001 83.767 39.137 104.922 13.702 131 2 43-19.295 189.5-17.204 271 5 49.948 13.609 132.5-1.213 173-39s-7 5.81-19 78 166.5 107.328-42 164c-208.5 56.673-120 57.327-201 57-81-.327-122 18.83-211 19-89 .17-68 14.33-305 11s-360 17.327-426-8c-66-25.326-153-4.69-165-84s-8-107.197-1-121c7-13.803 23-52 23-52z'/%3E%3Cpath fill='none' d='M-80 62S30.5 1.794 162 25c131.5 23.204 151.5 16.795 205 7 53.5-9.797 255-34.705 325-2.001 83.767 39.137 104.922 13.702 131 2 43-19.295 189.5-17.204 271 5 49.948 13.609 132.5-1.213 173-39s-7 5.81-19 78 166.5 107.328-42 164c-208.5 56.673-120 57.327-201 57-81-.327-122 18.83-211 19-89 .17-68 14.33-305 11s-360 17.327-426-8c-66-25.326-153-4.69-165-84s-8-107.197-1-121c7-13.803 23-52 23-52z'/%3E%3C/g%3E%3Cg clip-path='url(%23clip-1544)' opacity='.5'%3E%3Cpath fill='url(%23swedb)' d='M-80 52S31.756-14.449 162 15C324.774 51.8 325.89 41.859 363.744 34.467 493.394 9.149 597.097-12.473 686 12.999 772.379 37.75 788.6 53.332 819.968 30.062 897.818-27.692 986.786 12.08 1089 34.999c75.744 16.984 140.592-19.258 169-52 36.3-41.838 2 10.81-10 83-12 72.191 166.5 107.328-42 164-208.5 56.673-120 57.327-201 57-81-.327-122 18.83-211 19-89 .17-68 14.331-305 11-237-3.33-360 17.327-426-8s-153-4.69-165-84-8-107.196-1-121c7-13.803 23-52 23-52z'/%3E%3Cpath fill='none' d='M-80 52S31.756-14.449 162 15C324.774 51.8 325.89 41.859 363.744 34.467 493.394 9.149 597.097-12.473 686 12.999 772.379 37.75 788.6 53.332 819.968 30.062 897.818-27.692 986.786 12.08 1089 34.999c75.744 16.984 140.592-19.258 169-52 36.3-41.838 2 10.81-10 83-12 72.191 166.5 107.328-42 164-208.5 56.673-120 57.327-201 57-81-.327-122 18.83-211 19-89 .17-68 14.331-305 11-237-3.33-360 17.327-426-8s-153-4.69-165-84-8-107.196-1-121c7-13.803 23-52 23-52z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: bottom center;
    width: 1200px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}



.item-phaply:nth-child(2)::after {
    background-position: -400px bottom;
}

.item-phaply:nth-child(3)::after {
    background-position: -800px bottom;
}

.btn-phaply {
    width: 154px;
    height: 46px;
    box-shadow: 0 3px 20px rgba(1, 31, 83, 0.2);
    border-radius: 23px;
    border: 2px solid #ffffff;
    background-image: linear-gradient(-87deg, #f6942a 0%, #e66b24 100%);
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    padding: 12px;
    position: absolute;
    bottom: -22px;
    left: 50%;
    z-index: 2;
    transform: translate(-50%);
    display: inline;

}

.btn svg {
    margin-left: 5px;
}


.btn-more {
    box-shadow: 0 3px 20px rgba(1, 31, 83, 0.2);
    border-radius: 23px;
    /* border: 2px solid #ffffff; */
    background-image: linear-gradient(-87deg, #f6942a 0%, #e66b24 100%);
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    padding: 12px 35px;

    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
}

.btn-more:hover,
.btn-phaply:hover {
    color: #ffffff;
    background-image: linear-gradient(-87deg, #10499f 0%, #0b367a 100%);
}


/*  */
.kd-info {
    padding: 170px 50px;
    background-image: url(../images/bg-khacdau.jpg);
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
}

.title-white {
    color: #ffffff;
    font-family: "SVN-Gilroy-Bold";
    font-size: 40px;
    text-transform: uppercase;
}

.title-white strong {
    color: #f58634;
}

.kd-info p {
    color: #fff;
}

.kd-item {
    position: relative;
    padding: 0;
}

.kd-item-bottom {
    position: absolute;
    bottom: 0;
    padding: 15px;
    z-index: 2;
    width: 100%;
}

.kd-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
}

.kd-group>.kd-item {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    border-left: 1px solid #fff;
}

.kd-item-bottom:after {
    content: "";
    height: 258px;
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.85) 29%, rgba(0, 0, 0, 0.85) 31%, rgba(0, 0, 0, 0.01) 99%, rgba(0, 0, 0, 0) 100%);
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
}

.kd-item-bottom p {
    font-size: 40px;
    color: #ffffff;
    font-family: 'SVN-Gilroy-Bold';
    margin-bottom: 0;
}

.kd-item-bottom * {
    color: #ffffff;
    font-size: 18px;
}

.kd-item-bottom a:hover {
    color: #ffffff;
}

/*  */


/*  */
.heading-sec {
    max-width: 700px;
    margin: 0 auto;
}

.vs-item img {
    height: 152px;
    width: 100%;
    object-fit: contain;
    margin-bottom: 15px;
}

.vs-item h3 {
    font-size: 18px;
    color: #124c9b;
    font-family: "SVN-Gilroy-Bold";
    text-transform: uppercase;
}

.owltestimonial {
    max-width: 900px;
    margin: 0 auto;
}

.owltestimonial h3 {
    font-size: 18px;
    font-family: "SVN-Gilroy-Bold";
    color: #333333;
}

.owltestimonial .item::before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    background-image: url(../images/tag-b.png);
    width: 60px;
    height: 60px;
    background-size: contain;
    background-repeat: no-repeat;
}

.owltestimonial .item {
    position: relative;
}

.owltes-thumnail {
    height: 160px;
    max-width: 300px;
    margin: 0 auto;
}

.owltes-thumnail>div,
.owltes-thumnail>div>.owl-stage {
    height: 100% !important;
}

.owltes-thumnail .owl-item {
    margin: 25px 0;
}

.owltes-thumnail img {
    border-radius: 100%;
    border: 2px solid #124c9b;
    height: 100px;
    object-fit: cover;
    background: #fff;
}

.owltes-thumnail .owl-item.cloned.active,
.owltes-thumnail .owl-item.active,
.owltes-thumnail .owl-item.cloned,
.owltes-thumnail .owl-item {
    transform: scale(1) !important;
    opacity: 0.7;
    z-index: 2;
}


.owltes-thumnail .owl-item.active.center {
    transform: scale(1.3) !important;
    position: relative;
    z-index: 9;
    opacity: 1;
    transition: opacity 0.5s linear;
    -webkit-transition: opacity 0.5s linear;
    -moz-transition: opacity 0.5s linear;
}

.owl-nav {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%);
    width: 100%;
}

.owl-nav .owl-prev {
    width: 40px;
    height: 40px;
    border: 1px solid #a4a4a4 !important;
    border-radius: 50%;
    font-size: 28px !important;
    position: absolute;
    left: -50px;
    color: #a4a4a4 !important;
}

.owl-nav .owl-next {
    width: 40px;
    height: 40px;
    border: 1px solid #a4a4a4 !important;
    border-radius: 50%;
    font-size: 28px !important;
    position: absolute;
    right: -50px;
    color: #a4a4a4 !important;
}

.owltestimonial .owl-nav .owl-prev {
    left: -150px;
}

.owltestimonial .owl-nav .owl-next {
    right: -150px;
}

.owlbanner .owl-nav .owl-prev {
    left: 10px;
}

.owlbanner .owl-nav .owl-next {
    right: 10px;
}

.owl-nav button:hover {
    color: #ffffff !important;
    background-image: linear-gradient(-87deg, #10499f 0%, #0b367a 100%) !important;
    border-color: #0b367a !important;
}


/*  */

.about-content {
    color: #ffffff;
    padding-right: 65px;
}

.lienhe-tuvan-content {
    padding-right: 100px;
}

.lienhe-tuvan-content .hotline {
    color: #f58634;
}

.owldoitac .item {
    height: 127px;
    box-shadow: 0 3px 15px rgba(1, 31, 83, 0.08);
    border-radius: 10px;
    background-color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    margin: 10px 5px;
}

.title-color-blue.title-normal {
    font-family: 'SVN-Gilroy';
}

.title-color-blue.title-normal strong {
    color: #124c9b;
}

.owlcat {
    max-width: 950px;
    margin: 0 auto;
}

.owlcat .item {
    text-align: center;
    padding: 10px;
}

.owlcat .item-nav-blog {
    height: 40px;
    line-height: 20px;
    text-align: center;
    padding: 10px;
    font-size: 14px;
    border-radius: 23px;
    /* background-image: linear-gradient(-87deg, #10499f 0%, #0b367a 100%); */
    color: #333333;
    display: block;
    box-shadow: 0 3px 15px rgba(1, 31, 83, 0.08);
    background-color: #ffffff;
}

.owlcat .owl-nav {
    top: 11px;
    left: auto;
    transform: none;
}

.blog-news {
    position: relative;
}

.blog-news figure {
    position: relative;
}

.blog-news figure img {
    width: 100%;
}

.blog-news .col-md-4 time {
    position: absolute;
    background-color: #194898;
    padding: 10px 20px;
    color: #fff;
    text-align: center;
    border-radius: 5px 0 0 0;
    top: 0;
    left: 1px;
}

.blog-news .col-md-4 time span {
    display: block;
}

.blog-news .col-md-4 time span:first-child {
    border-bottom: 1px solid;
}

.blog-news h3 a {
    font-family: 'SVN-Gilroy-Bold';
    font-size: 18px;
    color: #333333;
}


.accordion .accordion-item {
    margin-bottom: 15px;
}

.accordion button {
    position: relative;
    display: block;
    text-align: left;
    width: 100%;
    padding: 1em;
    color: #000000;
    font-weight: 400;
    border: none;
    background: none;
    outline: none;

    box-shadow: 0 3px 15px rgba(1, 31, 83, 0.08);
    border-radius: 5px;
    /* border: 1px solid #194898; */
    background-color: #ffffff;
    font-family: "SVN-Gilroy-Bold";

}

.accordion button span {
    font-family: "SVN-Gilroy-Bold";
}

.accordion button .accordion-title {
    padding: 0;
    display: block;
}

.accordion button .icon {
    display: inline-block;
    position: absolute;
    top: 18px;
    right: 18px;
    width: 22px;
    height: 22px;
}


.accordion .accordion-content {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: opacity 200ms linear, max-height 200ms linear;
    transition: opacity 200ms linear, max-height 200ms linear;
    will-change: opacity, max-height;
    padding: 0 15px;
}

.accordion .accordion-content p {
    font-weight: 300;
    margin: 0 0 20px 0;
}

.accordion button[aria-expanded='true']+.accordion-content {
    opacity: 1;
    max-height: 100%;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
    will-change: opacity, max-height;
}

.accordion-item.active {
    box-shadow: 0 0 29px rgba(0, 0, 0, 0.02);
    border-radius: 5px;
    border: 1px solid #194898;
    background-color: #ffffff;
}

.accordion-item.active button {

    color: #194898;

    border: none;
    background: none;
    outline: none;
    box-shadow: none;
    border-radius: 0;
}

.sec-faq {
    margin: 0 -15px;
}

.sec-faq:after {
    content: "";
    display: block;
}

.sec-faq .box-faq-content {
    float: left;
    width: 75%;
    padding: 0 15px;
}

.sec-faq .box-image-faq {
    border-radius: 5px;
    float: left;
    width: 25%;
    padding: 30px 30px 160px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
}


.wrap-form {
    padding: 30px 20px 0 20px;
    border-radius: 50px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top left;
}

.sec-form-visao .wpforms-field-container {
    display: flex;
    justify-content: space-between;
    margin: 0 -10px 10px !important;
    flex-wrap: wrap;
}

.sec-form-visao .wpforms-field-container>div {
    flex: 0 0 25%;
    padding: 0 10px !important;
}

.sec-form-visao .wpforms-submit-container {
    text-align: right;
}


.sec-form-visao button[type="submit"] {
    width: 23.5% !important;
}

.sec-form-visao .hotline {
    position: absolute;
    bottom: 38px;
    right: 27.5%;
    color: #f58634;
}

/* 
Page giới thiệu
*/

.w-900 {
    max-width: 900px;
    margin: 0 auto;
}

.text-white {
    color: #fff;
}

.about-sumenh {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    box-shadow: 0 3px 15px rgba(1, 31, 83, 0.08);
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px;
}

.about-sumenh .item {
    max-width: 33.33333333%;
    flex: 0 0 33.3333333%;
    background-color: #fff;
    position: relative;

}

.about-sumenh .item .icon {
    position: absolute;
    top: -140px;
    left: 50%;
    transform: translate(-50%, 0);
    width: 70%;
}

.about-sumenh .item .icon img {
    border-radius: 100%;
}

.about-sumenh .item .sumenh-content {
    padding: 0 30px 50px;
    margin-top: 130px;
}

.about-sumenh .item .sumenh-content h2 {
    margin-top: 50px;
    text-transform: uppercase;
    font-size: 18px;
    color: #f58634;
    font-family: 'SVN-Gilroy-Bold';
    padding: 20px 0 10px;
}

.about-sumenh .item .sumenh-content p {
    font-size: 16px;
    color: #666666;
}

.about-sumenh .item:nth-child(1) {
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    border-right: 1px solid #eee;
}


.about-sumenh .item:nth-child(3) {
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    border-left: 1px solid #eee;
}

.sec-about .abs-image {
    height: 170%;
    width: 100%;
}

.group-nt .nt-item {
    float: left;
    width: 100%;
    padding: 0 15px;
    position: relative;
    z-index: 2;
    margin-bottom: 3rem;
}


.group-nt .nt-item svg {
    height: 18px;
    fill: #1a4897;
}

.group-nt .nt-item path {
    fill: #1a4897;
}

.group-nt .nt-item img {
    height: 260px;
    width: auto;
    margin-bottom: 25px;
}

.group-nt .nt-item .nt-content {
    text-align: center;
    border-radius: 48px;
    /* background-image: linear-gradient(to top, #f6942a 0%, #e66b24 100%); */
    height: 97px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 40px;
    border: 1px dashed #20488f;
}


.group-nt .nt-item .nt-content p {
    margin-bottom: 0;
    color: #666666;
}

.group-nt .nt-item .nt-content:hover {
    background-image: linear-gradient(to top, #f6942a 0%, #e66b24 100%);
    border: 1px dashed #e66b24;
}

.group-nt .nt-item .nt-content:hover path,
.group-nt .nt-item .nt-content:hover p {
    color: #fff;
    fill: #ffffff;
}

.group-thanh-tich .tt-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

    border-radius: 10px;
    background-color: #ffffff;
    padding: 10px;
    margin: 10px;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
}

.group-thanh-tich .tt-icon {
    width: 100%;
}


.group-thanh-tich .tt-content {
    padding: 25px;
}

.group-thanh-tich .tt-content h3 {
    font-size: 18px;
}

.group-thanh-tich .tt-content p {
    font-size: 14px;
    color: #666666;
}


/* 
End page giới thiệu
*/


/* 
Page dịch vụ
*/

.post-dv-item {
    box-shadow: 0 3px 50px rgba(1, 31, 83, 0.2);
    border-radius: 20px;
    background-color: #ffffff;
    height: 370px;
    position: relative;
    overflow: hidden;
    border: 1px solid #fff;

    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
}

.post-dv-item:hover {
    border-color: rgb(230 107 36 / 0.5);
}

.post-dv-item .post-dv-title,
.post-dv-item .post-dv-title .title-white {
    font-size: 16px;
    position: relative;
    z-index: 2;
    padding: 10px;
    line-height: 24px;
}

.post-dv-item img {
    height: 250px;
    object-fit: contain;
    margin: 10px 0 40px 0;
    padding: 20px;
}

.post-dv-item:hover .post-dv-title,
.post-dv-item:hover .post-dv-title .title-white {
    color: #ffffff;
}

.post-dv-item::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 155px;
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: contain;
    z-index: 1;

    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
}

.post-dv-item.post-dv0::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='380' height='116' viewBox='0 0 380 116'%3E%3Cdefs%3E%3ClinearGradient id='2dsma' x1='1348.33' x2='-68.67' y1='151.09' y2='150.8' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23164eae'/%3E%3Cstop offset='1' stop-color='%2322488a'/%3E%3C/linearGradient%3E%3ClinearGradient id='2dsmb' x1='1348.33' x2='-68.67' y1='138.16' y2='137.8' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23164eae'/%3E%3Cstop offset='1' stop-color='%2322488a'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg%3E%3Cg clip-path='url(%23clip-3173)'%3E%3Cpath fill='url(%232dsma)' d='M-39 55S71.5-5.206 203 18c131.5 23.204 151.5 16.795 205 7 53.5-9.797 255-34.705 325-2.001 83.767 39.137 104.922 13.702 131 2 43-19.295 189.5-17.204 271 5 49.948 13.608 132.5-1.213 173-39s-7 5.81-19 78 166.5 107.328-42 164-120 57.327-201 57c-81-.328-122 18.83-211 19-89 .17-68 14.33-305 11s-360 17.327-426-8c-66-25.326-153-4.69-165-84s-8-107.197-1-121c7-13.803 23-52 23-52z'/%3E%3Cpath fill='none' d='M-39 55S71.5-5.206 203 18c131.5 23.204 151.5 16.795 205 7 53.5-9.797 255-34.705 325-2.001 83.767 39.137 104.922 13.702 131 2 43-19.295 189.5-17.204 271 5 49.948 13.608 132.5-1.213 173-39s-7 5.81-19 78 166.5 107.328-42 164-120 57.327-201 57c-81-.328-122 18.83-211 19-89 .17-68 14.33-305 11s-360 17.327-426-8c-66-25.326-153-4.69-165-84s-8-107.197-1-121c7-13.803 23-52 23-52z'/%3E%3C/g%3E%3Cg clip-path='url(%23clip-3173)' opacity='.5'%3E%3Cpath fill='url(%232dsmb)' d='M-39 45S72.756-21.449 203 8c162.774 36.8 163.89 26.859 201.744 19.467C534.394 2.149 638.097-19.473 727 5.999 813.379 30.75 829.6 46.332 860.968 23.062 938.818-34.693 1027.786 5.08 1130 27.999c75.744 16.984 140.592-19.258 169-52 36.3-41.838 2 10.81-10 83-12 72.191 166.5 107.328-42 164-208.5 56.673-120 57.327-201 57-81-.327-122 18.83-211 19-89 .17-68 14.331-305 11-237-3.33-360 17.327-426-8s-153-4.69-165-84-8-107.196-1-121c7-13.803 23-52 23-52z'/%3E%3Cpath fill='none' d='M-39 45S72.756-21.449 203 8c162.774 36.8 163.89 26.859 201.744 19.467C534.394 2.149 638.097-19.473 727 5.999 813.379 30.75 829.6 46.332 860.968 23.062 938.818-34.693 1027.786 5.08 1130 27.999c75.744 16.984 140.592-19.258 169-52 36.3-41.838 2 10.81-10 83-12 72.191 166.5 107.328-42 164-208.5 56.673-120 57.327-201 57-81-.327-122 18.83-211 19-89 .17-68 14.331-305 11-237-3.33-360 17.327-426-8s-153-4.69-165-84-8-107.196-1-121c7-13.803 23-52 23-52z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.post-dv-item.post-dv1::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='380' height='124' viewBox='0 0 380 124'%3E%3Cdefs%3E%3ClinearGradient id='ll7wa' x1='948.33' x2='-468.67' y1='157.09' y2='156.8' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23164eae'/%3E%3Cstop offset='1' stop-color='%2322488a'/%3E%3C/linearGradient%3E%3ClinearGradient id='ll7wb' x1='948.33' x2='-468.67' y1='144.16' y2='143.8' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23164eae'/%3E%3Cstop offset='1' stop-color='%2322488a'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg%3E%3Cg clip-path='url(%23clip-2820)'%3E%3Cpath fill='url(%23ll7wa)' d='M-439 61S-328.5.794-197 24C-65.5 47.203-45.5 40.794 8 31c53.5-9.797 255-34.705 325-2.001 83.767 39.137 104.921 13.702 131 2 43-19.295 189.5-17.204 271 5 49.948 13.608 132.5-1.213 173-39s-7 5.81-19 78 166.5 107.328-42 164c-208.5 56.673-120 57.327-201 57-81-.327-122 18.83-211 19-89 .17-68 14.33-305 11s-360 17.327-426-8-153-4.69-165-84-8-107.197-1-121c7-13.803 23-52 23-52z'/%3E%3Cpath fill='none' d='M-439 61S-328.5.794-197 24C-65.5 47.203-45.5 40.794 8 31c53.5-9.797 255-34.705 325-2.001 83.767 39.137 104.921 13.702 131 2 43-19.295 189.5-17.204 271 5 49.948 13.608 132.5-1.213 173-39s-7 5.81-19 78 166.5 107.328-42 164c-208.5 56.673-120 57.327-201 57-81-.327-122 18.83-211 19-89 .17-68 14.33-305 11s-360 17.327-426-8-153-4.69-165-84-8-107.197-1-121c7-13.803 23-52 23-52z'/%3E%3C/g%3E%3Cg clip-path='url(%23clip-2820)' opacity='.5'%3E%3Cpath fill='url(%23ll7wb)' d='M-439 51s111.756-66.448 242-37C-34.226 50.8-33.11 40.858 4.744 33.466 134.394 8.149 238.097-13.473 327 11.999 413.379 36.75 429.6 52.332 460.968 29.062 538.818-28.693 627.786 11.08 730 33.999c75.744 16.984 140.591-19.258 169-52 36.3-41.838 2 10.81-10 83s166.5 107.328-42 164c-208.5 56.673-120 57.327-201 57-81-.327-122 18.83-211 19-89 .17-68 14.331-305 11-237-3.33-360 17.327-426-8s-153-4.69-165-84-8-107.196-1-121c7-13.803 23-52 23-52z'/%3E%3Cpath fill='none' d='M-439 51s111.756-66.448 242-37C-34.226 50.8-33.11 40.858 4.744 33.466 134.394 8.149 238.097-13.473 327 11.999 413.379 36.75 429.6 52.332 460.968 29.062 538.818-28.693 627.786 11.08 730 33.999c75.744 16.984 140.591-19.258 169-52 36.3-41.838 2 10.81-10 83s166.5 107.328-42 164c-208.5 56.673-120 57.327-201 57-81-.327-122 18.83-211 19-89 .17-68 14.331-305 11-237-3.33-360 17.327-426-8s-153-4.69-165-84-8-107.196-1-121c7-13.803 23-52 23-52z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.post-dv-item.post-dv2::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='380' height='127' viewBox='0 0 380 127'%3E%3Cdefs%3E%3ClinearGradient id='4j18a' x1='534.33' x2='-882.67' y1='115.89' y2='116.8' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23164eae'/%3E%3Cstop offset='1' stop-color='%2322488a'/%3E%3C/linearGradient%3E%3ClinearGradient id='4j18b' x1='534.33' x2='-882.67' y1='145.89' y2='146.8' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23164eae'/%3E%3Cstop offset='1' stop-color='%2322488a'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg%3E%3Cg clip-path='url(%23clip-2827)'%3E%3Cpath fill='url(%234j18a)' d='M-853 56s110.5-60.205 242-37c131.5 23.204 151.5 16.795 205 7 53.5-9.797 263.94-49.344 325-2.001 62.32 48.321 97.348 18.602 131 2 55.469-27.365 188.605-13.61 271 5C429.948 55.607 446.5-48.213 487-86c40.5-37.787 0 83.809-12 156-12 72.19 166.5 107.327-42 164-208.5 56.671-120 57.326-201 57-81-.329-122 18.829-211 19-89 .169-68 14.33-305 11-237-3.331-360 17.326-426-8.001-66-25.326-153-4.69-165-84s-8-107.197-1-121c7-13.803 23-52 23-52z'/%3E%3Cpath fill='none' d='M-853 56s110.5-60.205 242-37c131.5 23.204 151.5 16.795 205 7 53.5-9.797 263.94-49.344 325-2.001 62.32 48.321 97.348 18.602 131 2 55.469-27.365 188.605-13.61 271 5C429.948 55.607 446.5-48.213 487-86c40.5-37.787 0 83.809-12 156-12 72.19 166.5 107.327-42 164-208.5 56.671-120 57.326-201 57-81-.329-122 18.829-211 19-89 .169-68 14.33-305 11-237-3.331-360 17.326-426-8.001-66-25.326-153-4.69-165-84s-8-107.197-1-121c7-13.803 23-52 23-52z'/%3E%3C/g%3E%3Cg clip-path='url(%23clip-2827)' opacity='.5'%3E%3Cpath fill='url(%234j18b)' d='M-853 46s111.756-66.448 242-37c162.774 36.8 163.888 26.852 201.744 19.467 129.65-25.292 233.373-45.9 322.436-13.743C-2.313 45.236 8.598 38.84 44 22c99.268-47.22 220.8-5.896 300 11 89.896 19.178 121.716-59.41 141-56 54.544 9.644 2 10.809-10 82.999-12 72.191 166.5 107.328-42 164-208.5 56.673-120 57.327-201 57-81-.327-122 18.83-211 19-89 .17-68 14.331-305 11-237-3.33-360 17.327-426-8s-153-4.69-165-84-8-107.196-1-121c7-13.803 23-52 23-52z'/%3E%3Cpath fill='none' d='M-853 46s111.756-66.448 242-37c162.774 36.8 163.888 26.852 201.744 19.467 129.65-25.292 233.373-45.9 322.436-13.743C-2.313 45.236 8.598 38.84 44 22c99.268-47.22 220.8-5.896 300 11 89.896 19.178 121.716-59.41 141-56 54.544 9.644 2 10.809-10 82.999-12 72.191 166.5 107.328-42 164-208.5 56.673-120 57.327-201 57-81-.327-122 18.83-211 19-89 .17-68 14.331-305 11-237-3.33-360 17.327-426-8s-153-4.69-165-84-8-107.196-1-121c7-13.803 23-52 23-52z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.post-dv-item.post-dv0:hover::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='380' height='116' viewBox='0 0 380 116'%3E%3Cdefs%3E%3ClinearGradient id='2dsma' x1='1348.33' x2='-68.67' y1='151.09' y2='150.8' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23f6942a'/%3E%3Cstop offset='1' stop-color='%23e66b24'/%3E%3C/linearGradient%3E%3ClinearGradient id='2dsmb' x1='1348.33' x2='-68.67' y1='138.16' y2='137.8' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23f6942a'/%3E%3Cstop offset='1' stop-color='%23e66b24'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg%3E%3Cg clip-path='url(%23clip-3173)'%3E%3Cpath fill='url(%232dsma)' d='M-39 55S71.5-5.206 203 18c131.5 23.204 151.5 16.795 205 7 53.5-9.797 255-34.705 325-2.001 83.767 39.137 104.922 13.702 131 2 43-19.295 189.5-17.204 271 5 49.948 13.608 132.5-1.213 173-39s-7 5.81-19 78 166.5 107.328-42 164-120 57.327-201 57c-81-.328-122 18.83-211 19-89 .17-68 14.33-305 11s-360 17.327-426-8c-66-25.326-153-4.69-165-84s-8-107.197-1-121c7-13.803 23-52 23-52z'/%3E%3Cpath fill='none' d='M-39 55S71.5-5.206 203 18c131.5 23.204 151.5 16.795 205 7 53.5-9.797 255-34.705 325-2.001 83.767 39.137 104.922 13.702 131 2 43-19.295 189.5-17.204 271 5 49.948 13.608 132.5-1.213 173-39s-7 5.81-19 78 166.5 107.328-42 164-120 57.327-201 57c-81-.328-122 18.83-211 19-89 .17-68 14.33-305 11s-360 17.327-426-8c-66-25.326-153-4.69-165-84s-8-107.197-1-121c7-13.803 23-52 23-52z'/%3E%3C/g%3E%3Cg clip-path='url(%23clip-3173)' opacity='.5'%3E%3Cpath fill='url(%232dsmb)' d='M-39 45S72.756-21.449 203 8c162.774 36.8 163.89 26.859 201.744 19.467C534.394 2.149 638.097-19.473 727 5.999 813.379 30.75 829.6 46.332 860.968 23.062 938.818-34.693 1027.786 5.08 1130 27.999c75.744 16.984 140.592-19.258 169-52 36.3-41.838 2 10.81-10 83-12 72.191 166.5 107.328-42 164-208.5 56.673-120 57.327-201 57-81-.327-122 18.83-211 19-89 .17-68 14.331-305 11-237-3.33-360 17.327-426-8s-153-4.69-165-84-8-107.196-1-121c7-13.803 23-52 23-52z'/%3E%3Cpath fill='none' d='M-39 45S72.756-21.449 203 8c162.774 36.8 163.89 26.859 201.744 19.467C534.394 2.149 638.097-19.473 727 5.999 813.379 30.75 829.6 46.332 860.968 23.062 938.818-34.693 1027.786 5.08 1130 27.999c75.744 16.984 140.592-19.258 169-52 36.3-41.838 2 10.81-10 83-12 72.191 166.5 107.328-42 164-208.5 56.673-120 57.327-201 57-81-.327-122 18.83-211 19-89 .17-68 14.331-305 11-237-3.33-360 17.327-426-8s-153-4.69-165-84-8-107.196-1-121c7-13.803 23-52 23-52z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.post-dv-item.post-dv1:hover::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='380' height='124' viewBox='0 0 380 124'%3E%3Cdefs%3E%3ClinearGradient id='ll7wa' x1='948.33' x2='-468.67' y1='157.09' y2='156.8' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23f6942a'/%3E%3Cstop offset='1' stop-color='%23e66b24'/%3E%3C/linearGradient%3E%3ClinearGradient id='ll7wb' x1='948.33' x2='-468.67' y1='144.16' y2='143.8' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23f6942a'/%3E%3Cstop offset='1' stop-color='%23e66b24'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg%3E%3Cg clip-path='url(%23clip-2820)'%3E%3Cpath fill='url(%23ll7wa)' d='M-439 61S-328.5.794-197 24C-65.5 47.203-45.5 40.794 8 31c53.5-9.797 255-34.705 325-2.001 83.767 39.137 104.921 13.702 131 2 43-19.295 189.5-17.204 271 5 49.948 13.608 132.5-1.213 173-39s-7 5.81-19 78 166.5 107.328-42 164c-208.5 56.673-120 57.327-201 57-81-.327-122 18.83-211 19-89 .17-68 14.33-305 11s-360 17.327-426-8-153-4.69-165-84-8-107.197-1-121c7-13.803 23-52 23-52z'/%3E%3Cpath fill='none' d='M-439 61S-328.5.794-197 24C-65.5 47.203-45.5 40.794 8 31c53.5-9.797 255-34.705 325-2.001 83.767 39.137 104.921 13.702 131 2 43-19.295 189.5-17.204 271 5 49.948 13.608 132.5-1.213 173-39s-7 5.81-19 78 166.5 107.328-42 164c-208.5 56.673-120 57.327-201 57-81-.327-122 18.83-211 19-89 .17-68 14.33-305 11s-360 17.327-426-8-153-4.69-165-84-8-107.197-1-121c7-13.803 23-52 23-52z'/%3E%3C/g%3E%3Cg clip-path='url(%23clip-2820)' opacity='.5'%3E%3Cpath fill='url(%23ll7wb)' d='M-439 51s111.756-66.448 242-37C-34.226 50.8-33.11 40.858 4.744 33.466 134.394 8.149 238.097-13.473 327 11.999 413.379 36.75 429.6 52.332 460.968 29.062 538.818-28.693 627.786 11.08 730 33.999c75.744 16.984 140.591-19.258 169-52 36.3-41.838 2 10.81-10 83s166.5 107.328-42 164c-208.5 56.673-120 57.327-201 57-81-.327-122 18.83-211 19-89 .17-68 14.331-305 11-237-3.33-360 17.327-426-8s-153-4.69-165-84-8-107.196-1-121c7-13.803 23-52 23-52z'/%3E%3Cpath fill='none' d='M-439 51s111.756-66.448 242-37C-34.226 50.8-33.11 40.858 4.744 33.466 134.394 8.149 238.097-13.473 327 11.999 413.379 36.75 429.6 52.332 460.968 29.062 538.818-28.693 627.786 11.08 730 33.999c75.744 16.984 140.591-19.258 169-52 36.3-41.838 2 10.81-10 83s166.5 107.328-42 164c-208.5 56.673-120 57.327-201 57-81-.327-122 18.83-211 19-89 .17-68 14.331-305 11-237-3.33-360 17.327-426-8s-153-4.69-165-84-8-107.196-1-121c7-13.803 23-52 23-52z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.post-dv-item.post-dv2:hover::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='380' height='127' viewBox='0 0 380 127'%3E%3Cdefs%3E%3ClinearGradient id='4j18a' x1='534.33' x2='-882.67' y1='115.89' y2='116.8' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23f6942a'/%3E%3Cstop offset='1' stop-color='%23e66b24'/%3E%3C/linearGradient%3E%3ClinearGradient id='4j18b' x1='534.33' x2='-882.67' y1='145.89' y2='146.8' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23f6942a'/%3E%3Cstop offset='1' stop-color='%23e66b24'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg%3E%3Cg clip-path='url(%23clip-2827)'%3E%3Cpath fill='url(%234j18a)' d='M-853 56s110.5-60.205 242-37c131.5 23.204 151.5 16.795 205 7 53.5-9.797 263.94-49.344 325-2.001 62.32 48.321 97.348 18.602 131 2 55.469-27.365 188.605-13.61 271 5C429.948 55.607 446.5-48.213 487-86c40.5-37.787 0 83.809-12 156-12 72.19 166.5 107.327-42 164-208.5 56.671-120 57.326-201 57-81-.329-122 18.829-211 19-89 .169-68 14.33-305 11-237-3.331-360 17.326-426-8.001-66-25.326-153-4.69-165-84s-8-107.197-1-121c7-13.803 23-52 23-52z'/%3E%3Cpath fill='none' d='M-853 56s110.5-60.205 242-37c131.5 23.204 151.5 16.795 205 7 53.5-9.797 263.94-49.344 325-2.001 62.32 48.321 97.348 18.602 131 2 55.469-27.365 188.605-13.61 271 5C429.948 55.607 446.5-48.213 487-86c40.5-37.787 0 83.809-12 156-12 72.19 166.5 107.327-42 164-208.5 56.671-120 57.326-201 57-81-.329-122 18.829-211 19-89 .169-68 14.33-305 11-237-3.331-360 17.326-426-8.001-66-25.326-153-4.69-165-84s-8-107.197-1-121c7-13.803 23-52 23-52z'/%3E%3C/g%3E%3Cg clip-path='url(%23clip-2827)' opacity='.5'%3E%3Cpath fill='url(%234j18b)' d='M-853 46s111.756-66.448 242-37c162.774 36.8 163.888 26.852 201.744 19.467 129.65-25.292 233.373-45.9 322.436-13.743C-2.313 45.236 8.598 38.84 44 22c99.268-47.22 220.8-5.896 300 11 89.896 19.178 121.716-59.41 141-56 54.544 9.644 2 10.809-10 82.999-12 72.191 166.5 107.328-42 164-208.5 56.673-120 57.327-201 57-81-.327-122 18.83-211 19-89 .17-68 14.331-305 11-237-3.33-360 17.327-426-8s-153-4.69-165-84-8-107.196-1-121c7-13.803 23-52 23-52z'/%3E%3Cpath fill='none' d='M-853 46s111.756-66.448 242-37c162.774 36.8 163.888 26.852 201.744 19.467 129.65-25.292 233.373-45.9 322.436-13.743C-2.313 45.236 8.598 38.84 44 22c99.268-47.22 220.8-5.896 300 11 89.896 19.178 121.716-59.41 141-56 54.544 9.644 2 10.809-10 82.999-12 72.191 166.5 107.328-42 164-208.5 56.673-120 57.327-201 57-81-.327-122 18.83-211 19-89 .17-68 14.331-305 11-237-3.33-360 17.327-426-8s-153-4.69-165-84-8-107.196-1-121c7-13.803 23-52 23-52z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}


/* 
End page dịch vụ
*/


/* 
Single dịch vụ 
*/
.item-dv {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
}

.item-dv a::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #0e4190;
    opacity: 0;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
}

.item-dv a::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 187px;
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.01) 99%, rgba(0, 0, 0, 0) 100%);
}

.item-dv .dv-title {
    position: absolute;
    bottom: 15px;
    left: 0;
    z-index: 2;
    width: 100%;
    font-size: 18px;
}

.item-dv .arrow {
    position: absolute;
    top: calc(100% / 2);
    left: calc(100% / 2);
    z-index: 3;
    width: 43px;
    height: 43px;
    border-radius: 100%;
    line-height: 43px;
    color: #ffffff;
    box-shadow: 0 3px 15px rgba(1, 31, 83, 0.08);
    background-image: linear-gradient(to top, #f6942a 0%, #e66b24 100%);
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
}

.mission-image:before {
    content: "";
    bottom: 110px;
    left: -60px;
    position: absolute;
    width: 130px;
    height: 130px;
    box-shadow: 0 3px 15px rgba(1, 31, 83, 0.1);
    border-radius: 25px;
    background-color: #ffffff;
    background-image: url(../images/logo-abs.jpg);
    z-index: 1;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.item-dv a:hover::before {
    opacity: 0.8;
}

.item-dv a:hover .arrow {
    opacity: 1;
}

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

.mission-content ul li {
    position: relative;
    padding-left: 25px;
    margin-bottom: 10px;
}

.mission-content ul li::before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' focusable='false' data-prefix='fas' data-icon='check' class='svg-inline--fa fa-check fa-w-16' role='img' viewBox='0 0 512 512'%3E%3Cpath fill='%231a4897' d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z'%3E%3C/path%3E%3C/svg%3E");
    position: absolute;
    width: 20px;
    height: 20px;
    top: 0;
    left: 0;
    background-size: 14px;
    background-repeat: no-repeat;
    background-position: center;
    fill: #1a4897;
}

.mission-image img {
    border-radius: 40px;
}

.table-price {
    overflow: hidden;
    background: #fff;
    border-radius: 30px;
    box-shadow: 0 3px 15px rgba(1, 31, 83, 0.08);
}

.table-price table {
    margin-bottom: 0;
}

.heading-table {

    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;

    box-shadow: 0 3px 15px rgba(1, 31, 83, 0.08);
    background-image: linear-gradient(to top, #164eae 0%, #22488a 100%);
    padding: 20px 30px;

    justify-content: space-between;
    align-items: center;
}

.heading-table h3 {
    font-size: 18px;
    margin: 0;
    text-transform: uppercase;
}

.table-content {
    padding: 15px 30px;
    box-shadow: 0 3px 15px rgba(1, 31, 83, 0.08);
}

.table-content td {
    padding: 15px 0;
    margin: 10px 0;
}

.table-content tr {
    border-bottom: 1px solid #eee;
}

.table-content tr:last-child {
    border: none;
}

.qt-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-bottom: 15px;
    padding: 20px 10px;
    align-items: center;

    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;

    cursor: pointer;
}

.qt-item:hover {
    margin-bottom: 15px;
    background: #fff;
    border-radius: 5px;
}

.qt-item img {
    flex: 0 0 25%;
    max-width: 25%;
    height: 60px;
    width: auto;
    object-fit: contain;
}

.qt-item p {
    margin-bottom: 0;
}

.heading-table.text-center {
    justify-content: center;
    align-items: center;
}

/* 
End single dịch vụ 
*/


/* 
Page contact
*/

.contact-content p {
    margin-bottom: 5px;
    font-size: 14px;
    padding-right: 50px;
}

.contact-wrap {
    padding: 70px 85px 50px;
    box-shadow: 0 0 43px rgba(75, 75, 75, 0.18);
    border-radius: 10px;
    background-color: #ffffff;
}

.contact-form label {
    font-family: "SVN-Gilroy-Bold";
    font-size: 14px !important;
}

.contact-form input,
.contact-form textarea {
    border-radius: 8px !important;
    border: 1px solid #b7b7b7 !important;
    background-color: #ffffff !important;
    opacity: 0.8 !important;
    font-size: 14px !important;
}

.contact-form textarea {
    height: 100px !important;
}

.contact-form .wpforms-submit-container {
    text-align: center !important;
}

.contact-form .wpforms-submit {
    border-radius: 23px !important;
    background-image: linear-gradient(-87deg, #f6942a 0%, #e66b24 100%) !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 700;
    text-transform: uppercase !important;
    height: 46px !important;
    position: relative !important;
    padding: 15px 30px !important;
    margin: 0 auto 10px !important;
    z-index: 2 !important;
    border: none !important;
}

/*
End page contact
*/

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

.pagination ul li {
    display: inline-block;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border: 1px solid #e1e1e1;
    background-color: #ffffff;
    border-radius: 100%;
    margin: 0 5px;
    color: #666666;
    transition: all 0.2s cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition: all 0.2s cubic-bezier(0.075, 0.82, 0.165, 1);
    -moz-transition: all 0.2s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.pagination ul li.active {
    color: #ffffff;
    background-image: linear-gradient(to top, #164eae 0%, #22488a 100%);
}

.pagination ul li:hover {
    background-image: linear-gradient(to top, #164eae 0%, #22488a 100%);
    border-color: #22488a;
}

.pagination ul li:hover a {
    color: #ffffff;
}

.list-share ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline;
}

.list-share ul li {
    display: inline-block;
    margin: 0 5px;
}

.list-share ul li a {
    width: 40px;
    height: 40px;
    background: #ffffff;
    display: block;
    text-align: center;
    line-height: 40px;
    color: #999999;
    border-radius: 50%;
    border: 1px solid #999999;
}

.list-share svg {
    width: 18px;
    height: 18px;
    vertical-align: middle;
}

.list-share li:hover a {
    background: #eeeeee;
}

.list-share li.fb-share:hover a {
    color: #3b5999;
}

.list-share li.ins-share:hover a {
    color: #e4405f;
}

.list-share li.twitter-share:hover a {
    color: #55acee;
}

/* 
Page blog
*/

.heading-blog {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.heading-blog .nav-category {
    flex: 0 0 60%;
    max-width: 60%;
    text-align: right;
}

.heading-blog .nav-cat-item {
    display: inline-block;
    color: #333333;
    box-shadow: 0 3px 15px rgba(1, 31, 83, 0.08);
    border-radius: 23px;
    background-color: #ffffff;
    height: 45px;
    line-height: 45px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 5px 15px;
}

.heading-blog .nav-cat-item:hover,
.heading-blog .nav-cat-item.current-term {
    background-image: linear-gradient(-87deg, #10499f 0%, #0b367a 100%);
    color: #fff;
}

/* 
End page blog
*/

/* 
Single blog
*/

/* .heading-single:after {
    content: "";
    display: block;
    clear: both;
} */

/* .heading-single .meta-data,
.heading-single .blog-title {
    float: left;
} */

.heading-single .blog-title {
    text-transform: uppercase;
    font-size: 35px;
}

.heading-single {
    display: -ms-flexbox;
    display: flex;
}

.heading-single .meta-data time {
    width: 68px;
    border-radius: 5px;
    background-color: #194898;
    display: block;
    padding: 15px 25px;
    margin-right: 10px;
}

.heading-single .meta-data time span {
    display: block;
    color: #ffffff;
}

.heading-single .meta-data time span:first-child {
    border-bottom: 1px solid;
    margin-bottom: 3px;
}

/* 
end single blog
*/

/* 
tuyen dung
*/
.work_environment {
    padding: 355px 0 224px 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.wrap_table_td {
    border: 0px solid #eeeeee;
    border-radius: 10px;
    overflow: hidden;
}

.sec-list-tuyen-dung {
    margin-top: -195px;
}

a.btn-back span {
    line-height: 0;
    margin-right: 5px;
    position: relative;
    top: -2px;
}

/* 
end tuyen dung
*/


/* 
page hỗ trợ
*/
.item-tailieu article {
    display: flex;
    box-shadow: 0 1px 27px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    background-color: #ffffff;
}

.item-tailieu figure {
    flex: 0 0 50%;
    max-width: 50%;
    margin: 0;
    padding: 10px;

    overflow: hidden;
}

.item-tailieu figure img {
    width: 100%;
    border-radius: 10px;
}

.item-tailieu .tailieu-content {
    padding: 15px;
}

.item-tailieu .tailieu-content time {
    color: #666666;
    font-size: 12px;
}

.item-tailieu .tailieu-content p {
    color: #515151;
    font-size: 14px;
}

.item-tailieu .tailieu-content .text-bold {
    color: #515151;
    font-size: 18px;
    line-height: 1.5;
}

.item-tailieu .tailieu-content .text-bold.btn-download {
    color: #f6932a;
}

.item-tailieu .btn-download svg {
    height: 14px;
    margin-left: 0;
    vertical-align: text-top;
}

/* 
end page hỗ trợ
*/

/* 
Page FAQ
*/

ul#menu-support {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul#menu-support li {
    display: inline-block;
}

ul#menu-support li a {
    box-shadow: 0 3px 15px rgba(1, 31, 83, 0.08);

    border-radius: 23px;

    background-color: #ffffff;
    padding: 10px 25px;
    color: #333333;
    font-family: "SVN-Gilroy-Bold";

}


ul#menu-support li.current-menu-item a,
ul#menu-support li a:hover {
    border-radius: 23px;
    background-image: linear-gradient(-87deg, #10499f 0%, #0b367a 100%);
    padding: 10px 25px;
    color: #fff;
}

/* 
End page faq
*/


/* back to top */
a.cd-top {
    display: inline-block;
    height: 40px;
    width: 40px;
    position: fixed;
    bottom: 20px;
    right: 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    /* image replacement properties */
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24' fill='%23ffffff'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 50%;
    background-color: #0e4190;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;

    z-index: 99;
}

a.cd-top.cd-is-visible,
a.cd-top.cd-fade-out,
.no-touch a.cd-top:hover {
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s;
}

a.cd-top,
a.cd-top:visited,
a.cd-top:hover {
    color: #CCCCCC;
    text-decoration: none;
}

a.cd-top.cd-is-visible {
    /* the button becomes visible */
    visibility: visible;
    opacity: 1;
}

a.cd-top.cd-fade-out {
    /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
    opacity: 1;
}


.menu-toggle {
    background: transparent;
    color: #fff;
    border: none;
    padding-left: 0;
    padding-right: 0;
}

.close-menu {
    position: fixed;
    top: 22px;
    z-index: -1;
    right: 15px;
    background: transparent;
    color: #ffffff;
    border: none;

    opacity: 0;
    visibility: hidden;

    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
}

.owl-dots {
    position: absolute;
    bottom: -30px;
    left: 50%;
    z-index: 99;
    transform: translateX(-50%);
}

.owlbanner .owl-dots {
    bottom: 10px;
}

.owl-dots button {
    width: 10px;
    height: 10px;
    background: #0e4190 !important;
    border-radius: 50%;
    margin: 0 3px;
}

.owl-dots button.active {
    background: #f6942a !important;
}

.modal-header {
    border: none;
}

.active-popup .modal {
    z-index: 1050;
    background: rgb(0 0 0 / 0.5);
}
.active-popup {
    overflow: hidden;
    /* background: red; */
}

.modal {
    z-index: -1;
}

.modal .title-color-blue {
    font-size: 28px;
    line-height: 1.2;
}
/* 
*
* Responsive 
*
*/

@media (min-width: 768px) {
    .item-phaply:nth-child(2)::before {
        content: "";
        position: absolute;
        width: 2px;
        height: 100%;
        background: #e1e1e1;
        opacity: 0.5;
        top: -10px;
        left: 0;
        z-index: 2;
    }

    .item-phaply:nth-child(3)::before {
        content: "";
        position: absolute;
        width: 2px;
        height: 100%;
        background: #e1e1e1;
        opacity: 0.5;
        top: -10px;
        left: 0;
        z-index: 2;
    }

    .group-nt .nt-item:nth-child(2)::before {
        content: "";
        position: absolute;
        background-image: url(../images/line-nt.png);
        width: 100%;
        height: 100%;
        top: 40%;
        left: -90px;
        background-repeat: no-repeat;
        background-size: auto;
        z-index: -1;
    }

    .group-nt .nt-item:nth-child(2)::after {
        content: "";
        position: absolute;
        background-image: url(../images/line-nt.png);
        width: 100%;
        height: 100%;
        top: 40%;
        right: -90px;
        background-repeat: no-repeat;
        background-size: auto;
        z-index: -1;
        transform: scaleX(-1);
    }

    .group-nt .nt-item:nth-child(2) {
        margin: 40px 0 0 0;
    }

    .group-nt .nt-item {
        width: 33.333333%;
    }

    .group-thanh-tich .tt-icon {
        max-width: 40%;
        flex: 0 0 40%;
    }

    .group-thanh-tich .tt-content {
        max-width: 60%;
        flex: 0 0 60%;
    }
}

@media (max-width: 1366px) {
    .site-branding {
        padding-left: 50px;
    }

    header#masthead:after {
        width: 240px;
    }
}

@media (max-width: 1280px) {
    .site-branding {
        padding-left: 0;
    }

    header#masthead:after {
        width: 190px;
    }

    .main-navigation a {
        font-size: 14px;
    }
}


@media (max-width: 1199px) {
    .owltestimonial .owl-nav .owl-next {
        right: -50px;
    }

    .owltestimonial .owl-nav .owl-prev {
        left: -50px;
    }

    .header-button {
        display: none;
    }

    .item-phaply:nth-child(1)::after {
        background-position: -157px bottom;
    }

    .item-phaply:nth-child(2)::after {
        background-position: -480px bottom;
    }

    section.sec-phaply {
        padding-top: 3rem;
    }

    .abs-phaply {
        top: 0;
        margin-bottom: 3rem;
    }

    span.copyright {
        display: block;
        margin-bottom: 20px;
    }

    .footer-bottom .footer-social {
        margin: 0 10px 0 0;
    }
}

@media (max-width: 1099px) {

    /* .main-navigation:after {
        content: "";
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgb(0 0 0 / 0.5);
        z-index: -1;
        opacity: 0;
        visibility: hidden;
    } */

    .main-navigation {
        position: fixed;
        width: 80%;
        background: #0e4190;
        z-index: 1000;
        display: block;
        height: 100%;
        right: 0;
        top: 0;
        transform: translateX(100%);
        transition: all 0.3s linear;
        -webkit-transition: all 0.3s linear;
        -moz-transition: all 0.3s linear;
    }

    .main-navigation .sub-menu {
        display: none;
    }

    .main-menu ul {
        display: block;
        padding: 100px 30px 30px;
    }

    .main-navigation a {
        padding: 10px 7px;
        text-transform: uppercase;
    }

    .main-navigation #primary-menu li > a span {
        float: right;
    }

    .menu-item-has-children.active .sub-menu {
        position: relative;
        clear: both;
        float: none;
        display: block;
        background: transparent;
        box-shadow: none;
    }

    .menu-item-has-children.active .sub-menu a {
        color: #ffffff;
    }


    .header-right.toggled .main-navigation {
        transform: translateX(0);
    }

    .header-right.toggled .main-navigation:after {
        z-index: 999;
        opacity: 1;
        visibility: visible;
    }

    .header-right.toggled .main-navigation .menu-toggle {
        opacity: 0;
    }

    .header-right.toggled .main-navigation .close-menu {
        z-index: 10000;
        opacity: 1;
        visibility: visible;
    }

    .main-navigation .header-button {
        display: block !important;
        padding: 20px;
    }

    .sec-faq .box-faq-content {
        width: 65%;
    }

    .sec-faq .box-image-faq {
        width: 35%;
    }

    .abs-content .banner-content {
        margin: 0 auto;
    }

    .title-color-blue,
    .title-white {
        font-size: 34px;
    }

    .heading-blog {
        justify-content: center;
    }

    .heading-blog .nav-category {
        flex: 0 0 100%;
        max-width: 100%;
        text-align: center;
        display: block;
        overflow: auto;
        white-space: nowrap;
    }
}

@media (max-width: 1099px) and (min-width: 481px) {
    .header-button {
        display: block;
    }
}


@media (max-width: 767px) {

    .about-content {
        padding-right: 15px;
    }

    .banner-content h2 {
        font-size: 28px;
    }

    .owlbanner .owl-item img {
        height: calc(100vh - 50vh);
        object-fit: cover;
    }

    .gr-phaply>.item-phaply {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .item-phaply::after {
        background-position: bottom center !important;
    }

    .gr-phaply .item-phaply .icon {
        padding-top: 80px;
    }

    .phaply-content .title-color-blue {
        margin-bottom: 0 !important;
        padding: 0 15px;
    }

    .sec-form-visao .wpforms-field-container>div {
        flex: 0 0 100%;
        padding: 0 10px !important;
        margin-bottom: 1rem !important;
    }

    .sec-form-visao .hotline {
        position: relative;
        bottom: 20px;
        right: 0;
    }

    .sec-form-visao button[type="submit"] {
        width: 100% !important;
    }

    .lienhe-tuvan-content {
        padding-right: 0;
    }

    .sec-faq .box-faq-content {
        width: 100%;
    }

    .sec-faq .box-image-faq {
        width: 100%;
    }

    .accordion button .accordion-title {
        padding: 0 50px 0 0;
    }

    .kd-info {
        padding: 50px;
    }

    .kd-group {
        height: 400px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: bottom center;
    }

    .kd-item-bottom {
        padding: 25px;
    }

    .footer-info {
        order: 2;
    }

    .bg-footer {
        padding: 15px;
        margin: 60px 15px 0;
    }

    .footer-right {
        padding-top: 100px !important;
    }


    .sec-about .abs-image {
        height: 100%;
    }

    .about-sumenh {
        box-shadow: none;
    }

    .about-sumenh .item {
        max-width: 100%;
        flex: 0 0 100%;
        border-radius: 30px;
        box-shadow: 0 3px 15px rgba(1, 31, 83, 0.08);
        margin-bottom: 11rem;
    }

    .about-sumenh .item:last-child,
    .group-nt .nt-item:last-child {
        margin-bottom: 0;
    }

    .about-sumenh .item .sumenh-content {
        padding: 0 30px 80px;
    }

    .pt0-mb {
        padding-top: 0 !important;
    }

    .pb0-mb {
        padding-bottom: 0 !important;
    }

    .pb1-mb {
        padding-bottom: 1.5rem !important;
    }

    .pagination.text-center {
        padding: 0 !important;
    }

    .pt1-mb {
        padding-top: 1rem !important;
    }
}


@media (max-width: 480px) {

    .blog-news .row > div {
        padding-bottom: 1.5rem !important;
    }

    .br-none br {
        display: none;
    }

    .text-strong-br strong {
        display: block;
    }

    .pr-5, .px-5 {
        padding-right: 15px !important;
    }

    .pl-5, .px-5 {
        padding-left: 15px !important;
    }

    .mission-image:before {
        opacity: 0;
    }

    .wrap-form {
        margin: 0 15px;
    }

    .title-color-blue,
    .title-white {
        font-size: 28px;
    }

    .owlbanner .owl-item img {
        height: calc(100vh - 35vh);
    }

    .gr-btn-banner>.text-bold {
        display: block;
        text-align: center;
        max-width: 60%;
        margin: 5px auto !important;
    }

    .gr-dichvu {
        flex-wrap: wrap;
    }

    .gr-dichvu>div {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 15px;
    }

    .gr-dichvu .col-dv-right {
        margin-bottom: 0 !important;
    }

    .gr-dichvu>div img {
        width: 100%;
    }

    .custom-logo-link img {
        max-height: 70px;
    }

    header#masthead + .content {
        margin-top: 85px;
    }

    .footer-left {
        float: left;
        width: 100%;
    }

    .footer-right {
        padding-top: 30px !important;
        padding-left: 0;
    }

    span.copyright {
        margin: 20px auto;
    }


    .abs-phaply {
        padding: 0 15px;
    }

    .kd-group>.kd-item {
        flex: 0 0 100%;
        max-width: 100%;
        border-left: none;
        text-align: center;
    }

    .kd-item-bottom:after {
        opacity: 0.5;
        height: 100%;
    }

    .footer-bottom {
        text-align: center;
    }

    .blog-news {
        padding: 0 15px;
    }

    .heading-single .blog-title {
        font-size: 22px;
    }

    .item-tailieu article {
        flex-wrap: wrap;
    }

    .item-tailieu figure {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .item-tailieu figure img {
        height: 300px;
        object-fit: cover;
    }

    .contact-content p {
        font-size: 18px;
    }

    .contact-wrap {
        padding: 40px 15px 5px;
    }

    .work_environment {
        padding: 100px 15px 224px;
    }

    .info_employment_information .info_general_apply,
    .apply_right {
        padding: 30px 15px !important;
    }

    .info_employment_information .info_other .content,
    .info_employment_information .info_other h3 {
        width: 100%;
    }
    .form_td_details {
        padding: 70px 15px;
    }
    .info_other .col-md-9 {
        padding-right: 15px;
    }

    .info_other .pl-0 {
        padding-left: 15px !important;
    }

    .info_other .pr-0 {
        padding-right: 15px !important;
    }

    .info_employment_information {
        padding: 0 0 40px;
    }

    .info_employment_information .form_td_details button.wpforms-submit {
        float: left;
        margin-top: 0;
    }

    .info_employment_information ul li {
        width: 100%;
    }

    .owlcat {
        max-width: 300px;
    }

    .owl-nav .owl-prev {
        left: -35px;
    }
    
    .owl-nav .owl-next {
        right: -35px;
    }

}