@media only screen and (max-width: 767px) {
    .desktop {
        display: none !important
    }
}

.mobile {
    display: none !important
}

@media only screen and (max-width: 767px) {
    .mobile {
        display: block !important
    }
}

body {
    position: relative;
    font-size: 16px;
    font-family: "Brauer NeueVN";
    font-weight: normal;
    color: #263238;
    background-color: #fff;
    max-width: 1920px;
    margin: 0 auto !important;
    overflow-x: hidden
}

@media only screen and (max-width: 1199px) {
    body {
        font-size: 15px
    }
}

@media only screen and (max-width: 991px) {
    body {
        font-size: 14px
    }
}

@media only screen and (max-width: 575px) {
    body {
        font-size: 13px
    }
}

*,
::after,
::before {
    box-sizing: border-box
}

input:focus,
textarea:focus,
select:focus,
button:focus {
    border-color: rgba(242, 126, 127, 0.6) !important;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 1px rgba(242, 126, 127, 0.6) !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 1px rgba(242, 126, 127, 0.6) !important
}

body.fixed .header {
    background-color: #00b140;
    position: fixed;
    display: flex
}

@media only screen and (max-width: 1500px) and (min-width: 1200px) {
    body.fixed .box-section {
        padding-top: 30px
    }
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-border-radius: 0px;
    background-image: url("../images/icons/select-arrow.svg");
    background-position: calc(100% - 8px) 50%;
    background-repeat: no-repeat;
    background-size: 6px;
    padding-left: 10px;
    padding-right: 18px !important
}

a:hover {
    text-decoration: none
}

ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0
}

.container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px
}

.container912 {
    max-width: 912px;
    margin: 0 auto
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #fefefe
}

.color-main {
    color: #3dd0d8
}

.y-box-img {
    position: relative;
    display: block;
    width: 100%;
    padding-bottom: 100%;
    overflow: hidden
}

.y-box-img .link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0
}

.y-box-img img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    width: auto !important;
    height: auto !important
}

.y-box-zoom {
    transition: all 0.6s;
    width: 100%;
    height: 100%;
    position: absolute
}

.y-box-zoom:hover {
    transform: scale(1.05)
}

.box-zoom {
    overflow: hidden
}

.box-zoom img {
    width: 100%;
    transition: transform 0.8s
}

.box-zoom:hover img {
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.box-img-flex {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden
}

.box-img-flex.y-img-left {
    justify-content: flex-start
}

.box-img-flex img {
    width: auto !important;
    height: auto;
    max-width: 100%;
    max-height: 100%
}

.box-iframe {
    position: relative;
    padding-bottom: 56.25%
}

.box-iframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.y-text-editor {
    max-width: 100%;
    font-family: "Montserrat"
}

.y-text-editor blockquote {
    margin: 0 0 1.25em;
    padding: 0 1.25em 0 1.875em;
    border-left: 2px solid #111;
    font-style: italic
}

.y-text-editor p {
    margin-bottom: 10px
}

.y-text-editor img {
    max-width: 100%;
    height: auto !important;
    display: initial;
    border-radius: 16px
}

.y-text-editor iframe {
    max-width: 100%
}

.y-text-editor table {
    width: 100%
}

.y-text-editor i {
    font-style: italic
}

.y-text-editor u {
    text-decoration: underline
}

.y-text-editor a {
    text-decoration: underline;
    font-weight: bold;
    font-family: "Brauer NeueVN";
    color: #2576b9;
    text-decoration: none
}

.y-text-editor b,
.y-text-editor strong {
    font-weight: bold;
    font-family: "Brauer NeueVN"
}

.y-text-editor ul {
    padding-left: 30px;
    list-style-type: disc
}

.y-text-editor ul li {
    display: list-item
}

.y-text-editor ol {
    padding-left: 30px;
    list-style-type: decimal
}

.y-text-editor ol li {
    display: list-item
}

.box-title-main {
    position: relative;
    text-align: center;
    padding: 0 15px;
    margin-bottom: 40px;
    z-index: 5
}

@media only screen and (max-width: 767px) {
    .box-title-main {
        margin-bottom: 20px
    }
}

.box-title-main .title-main {
    align-items: center;
    font-family: "Brauer NeueVN";
    font-size: 48px;
    font-weight: 700;
    color: #2576b9;
    margin-bottom: 5px;
    line-height: 1.8;
    letter-spacing: 0
}

@media only screen and (max-width: 1500px) {
    .box-title-main .title-main {
        font-size: 46px
    }
}

@media only screen and (max-width: 991px) {
    .box-title-main .title-main {
        font-size: 44px
    }
}

@media only screen and (max-width: 767px) {
    .box-title-main .title-main {
        font-size: 40px;
        line-height: 1.3;
        padding-top: 5px
    }

    .box-title-main .title-main br {
        display: none
    }
}

@media only screen and (max-width: 575px) {
    .box-title-main .title-main {
        font-size: 30px
    }
}

.box-title-main .title-main span {
    color: #e94286
}

.box-title-main .desc-main {
    font-size: 16px;
    color: #f1f1f1;
    padding: 0 15px
}

@media only screen and (max-width: 1199px) {
    .box-title-main .desc-main {
        font-size: 15px
    }
}

@media only screen and (max-width: 767px) {
    .box-title-main .desc-main {
        font-size: 15px
    }
}

@media only screen and (max-width: 575px) {
    .box-title-main .desc-main {
        font-size: 14px
    }
}

@media only screen and (max-width: 575px) {
    .box-title-main .desc-main br {
        display: none
    }
}

.box-btn-main {
    position: relative;
    width: max-content;
    text-align: center;
    overflow-y: hidden
}

.box-btn-main .btn-main {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #292845;
    font-size: 16px;
    font-weight: bold;
    padding: 5px 60px;
    text-align: center;
    background-color: #3dd0d8;
    transition: background-color 0.5s;
    height: 50px;
    border-radius: 6px
}

@media only screen and (max-width: 991px) {
    .box-btn-main .btn-main {
        padding: 5px 40px
    }
}

@media only screen and (max-width: 767px) {
    .box-btn-main .btn-main {
        padding: 5px 30px;
        font-size: 15px
    }
}

.box-btn-main .btn-main:hover {
    background-color: #0df
}

.box-btn-main .btn-main.btn-2 {
    background-color: #292845;
    color: #fff
}

.box-btn-main .btn-main.btn-2 img {
    max-width: 16px;
    height: 16px
}

.box-btn-main .btn-main span {
    position: relative;
    display: flex;
    align-items: center;
    line-height: 1
}

.box-btn-main .btn-main img {
    max-width: 18px;
    height: 24px;
    padding-left: 8px
}

.form-item {
    color: black;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 238.67px;
    margin: 0 7px
}

.form-item input {
    width: 100%;
    padding: 14px;
    border-radius: 100px;
    border: #90a4ae 1px solid;
    margin-top: 8px;
    margin-bottom: 16px
}

.form-item input ::placeholder {
    color: #607d8b;
    font-weight: lighter
}

.form-item label {
    margin-left: 16px;
    font-size: 14px;
    color: #455a64;
    letter-spacing: 0.0125em
}

.common-btn {
    border-radius: 100px;
    text-align: center;
    background-color: #2576b9;
    padding: 14.5px 40px;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    color: white;
    max-width: 190px
}

.goto-section-btn {
    border-radius: 50%;
    text-decoration: none;
    width: 70px;
    height: 70px;
    font-size: 35px;
    font-weight: bolder;
    color: #fff;
    border: 2px solid white;
    display: flex;
    align-items: center;
    justify-content: center
}

.goto-section-btn:hover {
    color: #fff
}

.padding-section {
    padding: 60px 0
}

@media only screen and (max-width: 991px) {
    .padding-section {
        padding: 40px 0
    }
}

@media only screen and (max-width: 767px) {
    .padding-section {
        padding: 30px 0
    }
}

.box-row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -12px
}

.box-row .box-left {
    width: 50%;
    padding: 0 12px
}

@media only screen and (max-width: 767px) {
    .box-row .box-left {
        width: 100%
    }
}

.box-row .box-right {
    width: 50%;
    padding: 0 12px
}

@media only screen and (max-width: 767px) {
    .box-row .box-right {
        width: 100%
    }
}

[class*="col-"] {
    padding-left: 12px;
    padding-right: 12px
}

.row {
    margin-left: -12px;
    margin-right: -12px
}

.show-desktop {
    display: block
}

@media only screen and (max-width: 991px) {
    .show-desktop {
        display: none
    }
}

.show-mobile {
    display: none
}

@media only screen and (max-width: 991px) {
    .show-mobile {
        display: block
    }
}

.slick-slider .slick-list .slick-slide:focus {
    outline: none
}

.page {
    padding-bottom: 0 !important;
    height: auto !important
}

.page .header {
    z-index: 10 !important
}

.wave-blog-detail.wave-central {
    margin-bottom: 0
}

@media only screen and (max-width: 767px) {
    .wave-blog-detail.wave-central {
        margin-bottom: -6%
    }
}

.wave-blog-detail img {
    margin-bottom: -3%
}

.display-animated {
    display: flex;
    overflow: hidden;
    background-color: #bcdaf2;
    padding-top: 5%
}

@media only screen and (max-width: 767px) {
    .display-animated {
        padding-top: 72px
    }
}

.central-section {
    padding-bottom: 0;
    position: relative;
    width: 100%;
    background: url("../images/index/he-thong-trung-tam-backgroundline.svg");
    background-position: 0% 100%;
    background-repeat: no-repeat
}

@media only screen and (max-width: 767px) {
    .central-section {
        display: block !important;
        opacity: 1 !important
    }
}

.central-section .lightbulb {
    position: absolute;
    top: -4%;
    left: 25%
}

@media only screen and (max-width: 767px) {
    .central-section .lightbulb {
        width: 20%;
        top: 2%;
        left: 0;
        right: 0;
        margin: 0 auto
    }
}

.central-section .lightbulb img {
    width: 100%;
    transform: rotate(280deg)
}

.central-section .location-decor {
    position: absolute;
    top: 20%;
    left: 2%
}

@media only screen and (max-width: 767px) {
    .central-section .location-decor {
        width: 50px;
        top: -4%;
        left: 0;
        right: 0;
        margin: 0 auto
    }
}

.central-section .location-decor img {
    width: 100%
}

.central-section .lookup-decor {
    position: absolute;
    top: 55%;
    right: 1%
}

@media only screen and (max-width: 767px) {
    .central-section .lookup-decor {
        width: 20%
    }
}

.central-section .lookup-decor img {
    width: 100%
}

.central-section .title-main {
    text-align: center;
    font-size: 48px;
    font-weight: 700;
    color: #2576b9;
    padding: 0 6%
}

@media only screen and (max-width: 767px) {
    .central-section .title-main {
        font-size: 40px
    }
}

.central-section .content-central {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 60px;
    padding: 16px;
    border-radius: 16px;
    background-color: #fff;
    box-shadow: 8px 8px 0px rgba(96, 125, 139, 0.5);
    z-index: 2
}

.central-section .content-central .map {
    width: 60%;
    height: 800px;
    border-radius: 16px
}

.central-section .content-central .map iframe {
    width: 100%;
    height: 100%;
    border: none
}

@media only screen and (max-width: 767px) {
    .central-section .content-central .map {
        width: 100%;
        height: 300px;
        margin-bottom: 32px
    }
}

.central-section .content-central .search-map {
    width: calc(40% - 8px);
    background-color: #fff;
    border-radius: 16px
}

@media only screen and (max-width: 767px) {
    .central-section .content-central .search-map {
        width: 100%
    }
}

.central-section .content-central .search-map .search-form {
    padding: 20px 35px;
    box-shadow: 0px 20px 13px -10px rgba(0, 0, 0, 0.1);
    height: 217.5px
}

@media only screen and (max-width: 767px) {
    .central-section .content-central .search-map .search-form {
        padding: 20px 15px
    }
}

.central-section .content-central .search-map .search-form .form-head {
    color: #2576b9;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24px
}

.central-section .content-central .search-map .search-form .form-head span {
    font-size: 30px
}

.central-section .content-central .search-map .search-form .form-head a {
    color: #2576b9;
    font-size: 16px
}

.central-section .content-central .search-map .search-form .select-custom {
    border: 1px solid #607d8b;
    width: 100%;
    border-radius: 100px;
    overflow: hidden;
    background: #fff url("../images/index/select-dropdown.svg") no-repeat calc(100% - 16px) 50%;
    margin-bottom: 12.5px
}

.central-section .content-central .search-map .search-form .select-custom select {
    padding: 13.5px 16px;
    width: 100%;
    border: none;
    box-shadow: none;
    background: transparent;
    background-image: none;
    -webkit-appearance: none;
    color: #607d8b;
    font-weight: 700;
    font-size: 16px
}

.central-section .content-central .search-map .search-form .select-custom select:focus {
    outline: none
}

.central-section .content-central .search-map .search-recommend {
    padding: 0 35px;
    overflow: auto;
    height: calc(800px - 217.5px)
}

@media only screen and (max-width: 767px) {
    .central-section .content-central .search-map .search-recommend {
        padding: 0 15px
    }
}

.central-section .content-central .search-map .search-recommend .district-group {
    padding: 31.5px 0;
    border-bottom: 1px solid #90a4ae
}

.central-section .content-central .search-map .search-recommend .district-group:last-child {
    border-bottom: none
}

.central-section .content-central .search-map .search-recommend .district-group .district-name {
    color: #2576b9;
    font-size: 24px;
    font-weight: 700
}

.central-section .content-central .search-map .search-recommend .district-group .recommend-item .card-item {
    margin-top: 16px;
    padding: 12px 24px;
    border: 1px solid #607d8b;
    border-radius: 16px
}

.central-section .content-central .search-map .search-recommend .district-group .recommend-item .card-item .card-name a{
    color: #263238;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
}

.central-section .content-central .search-map .search-recommend .district-group .recommend-item .card-item .card-body {
    font-family: Montserrat;
    color: black;
    font-size: 12px;
    font-weight: 400;
    margin: 10px 0
}

.central-section .content-central .search-map .search-recommend .district-group .recommend-item .card-item .card-body p {
    margin: 0
}

.central-section .content-central .search-map .search-recommend .district-group .recommend-item .card-item .finding-button {
    display: flex;
    justify-content: flex-end
}

.central-section .content-central .search-map .search-recommend .district-group .recommend-item .card-item .finding-button a {
    font-size: 14px;
    padding: 10px 16px;
    color: #fff;
    background-color: #2576b9;
    border-radius: 100px;
    text-decoration: none
}

.central-section .content-central .search-map .search-recommend .district-group .recommend-item .card-item .finding-button img {
    width: 10px;
    margin-right: 5px
}

.central-section .wave {
    margin-top: 5%;
    width: 100%;
    display: flex;
    margin-bottom: -1%
}

.central-section .wave img {
    width: 100%;
    margin-bottom: -2px
}

.central-section .red-cup {
    position: absolute;
    right: 5%;
    bottom: 3%;
    z-index: 2
}

.central-section .red-cup img {
    transform: rotate(35deg)
}

@media only screen and (max-width: 767px) {
    .central-section .red-cup {
        width: 10%;
        right: 10%;
        bottom: 0%
    }
}

.central-section #map .map-info-window .window-body {
    font-size: 18px
}

.central-section.animateIn {
    animation-name: fadeIn;
    animation-duration: 1s
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.viet-nam-map {
    padding-bottom: 40px;
    width: 100%
}

@media only screen and (max-width: 767px) {
    .viet-nam-map {
        display: none !important
    }
}

.viet-nam-map .title-content {
    margin: 0 auto 35px;
    position: relative;
    font-size: 48px;
    line-height: 1.25;
    font-weight: 700;
    max-width: 1200px;
    text-align: center;
    color: #fff;
    text-shadow: #EB9CC3 9px 0px 0px, #EB9CC3 8.9445px 0.997944px 0px, #EB9CC3 8.77869px 1.98358px 0px, #EB9CC3 8.50461px 2.94475px 0px, #EB9CC3 8.12565px 3.86961px 0px, #EB9CC3 7.64647px 4.74674px 0px, #EB9CC3 7.07299px 5.56533px 0px, #EB9CC3 6.41227px 6.31528px 0px, #EB9CC3 5.67248px 6.98735px 0px, #EB9CC3 4.86272px 7.57324px 0px, #EB9CC3 3.99299px 8.06573px 0px, #EB9CC3 3.07402px 8.45875px 0px, #EB9CC3 2.11714px 8.74744px 0px, #EB9CC3 1.13414px 8.92825px 0px, #EB9CC3 0.137162px 8.99895px 0px, #EB9CC3 -0.861512px 8.95867px 0px, #EB9CC3 -1.84956px 8.8079px 0px, #EB9CC3 -2.8148px 8.5485px 0px, #EB9CC3 -3.74532px 8.18368px 0px, #EB9CC3 -4.62965px 7.71792px 0px, #EB9CC3 -5.45689px 7.15698px 0px, #EB9CC3 -6.21682px 6.50777px 0px, #EB9CC3 -6.90009px 5.77831px 0px, #EB9CC3 -7.49825px 4.97757px 0px, #EB9CC3 -8.00394px 4.11545px 0px, #EB9CC3 -8.41092px 3.20258px 0px, #EB9CC3 -8.71416px 2.2502px 0px, #EB9CC3 -8.90993px 1.27008px 0px, #EB9CC3 -8.99582px 0.274291px 0px, #EB9CC3 -8.97076px -0.72488px 0px, #EB9CC3 -8.83507px -1.71511px 0px, #EB9CC3 -8.59041px -2.68419px 0px, #EB9CC3 -8.23981px -3.62017px 0px, #EB9CC3 -7.78758px -4.51149px 0px, #EB9CC3 -7.23931px -5.34718px 0px, #EB9CC3 -6.60176px -6.11692px 0px, #EB9CC3 -5.88279px -6.81122px 0px, #EB9CC3 -5.09127px -7.42152px 0px, #EB9CC3 -4.23696px -7.94029px 0px, #EB9CC3 -3.33039px -8.36113px 0px, #EB9CC3 -2.38275px -8.67885px 0px, #EB9CC3 -1.40572px -8.88954px 0px, #EB9CC3 -0.411357px -8.99059px 0px, #EB9CC3 0.58808px -8.98077px 0px, #EB9CC3 1.58026px -8.86018px 0px, #EB9CC3 2.55296px -8.63032px 0px, #EB9CC3 3.49417px -8.29402px 0px, #EB9CC3 4.39229px -7.85543px 0px, #EB9CC3 5.23623px -7.31996px 0px, #EB9CC3 6.0156px -6.69422px 0px, #EB9CC3 6.72078px -5.98591px 0px, #EB9CC3 7.34307px -5.20378px 0px, #EB9CC3 7.87479px -4.35748px 0px, #EB9CC3 8.3094px -3.45743px 0px, #EB9CC3 8.64153px -2.51474px 0px, #EB9CC3 8.86709px -1.54104px 0px, #EB9CC3 8.98328px -0.548328px 0px
}

.viet-nam-map .subtitle-content{
    max-width: 1200px;
    display: flex;
    margin: 0 auto;
    text-align: center;
}

.viet-nam-map .subtitle-content p{
    font-family: "Montserrat";
    font-size: 16px;
    line-height: 140%;
    letter-spacing: .25px;
}

@media only screen and (max-width: 480px) {
    .viet-nam-map .title-content {
        font-size: 30px;
        max-width: 250px
    }
}

.viet-nam-map .title-content .text-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    color: #EB9CC3;
    top: 5px;
    left: 4px;
    z-index: -1;
    text-shadow: #EB9CC3 13px 0px 0px, #EB9CC3 12.9616px 0.999014px 0px, #EB9CC3 12.8465px 1.99212px 0px, #EB9CC3 12.6554px 2.97344px 0px, #EB9CC3 12.3895px 3.93718px 0px, #EB9CC3 12.0503px 4.87763px 0px, #EB9CC3 11.6398px 5.78924px 0px, #EB9CC3 11.1605px 6.66661px 0px, #EB9CC3 10.6152px 7.50454px 0px, #EB9CC3 10.0071px 8.2981px 0px, #EB9CC3 9.3398px 9.04258px 0px, #EB9CC3 8.61728px 9.73357px 0px, #EB9CC3 7.8438px 10.367px 0px, #EB9CC3 7.02393px 10.9391px 0px, #EB9CC3 6.16252px 11.4465px 0px, #EB9CC3 5.26466px 11.8863px 0px, #EB9CC3 4.33566px 12.2557px 0px, #EB9CC3 3.38103px 12.5526px 0px, #EB9CC3 2.40639px 12.7753px 0px, #EB9CC3 1.41753px 12.9225px 0px, #EB9CC3 0.420279px 12.9932px 0px, #EB9CC3 -0.579456px 12.9871px 0px, #EB9CC3 -1.57576px 12.9041px 0px, #EB9CC3 -2.56275px 12.7449px 0px, #EB9CC3 -3.53458px 12.5103px 0px, #EB9CC3 -4.48551px 12.2016px 0px, #EB9CC3 -5.40991px 11.8209px 0px, #EB9CC3 -6.30231px 11.3702px 0px, #EB9CC3 -7.15744px 10.8522px 0px, #EB9CC3 -7.97024px 10.2701px 0px, #EB9CC3 -8.7359px 9.62725px 0px, #EB9CC3 -9.4499px 8.92745px 0px, #EB9CC3 -10.108px 8.17486px 0px, #EB9CC3 -10.7063px 7.37391px 0px, #EB9CC3 -11.2413px 6.52935px 0px, #EB9CC3 -11.7099px 5.64618px 0px, #EB9CC3 -12.1091px 4.72961px 0px, #EB9CC3 -12.4368px 3.78508px 0px, #EB9CC3 -12.6909px 2.81815px 0px, #EB9CC3 -12.8699px 1.83456px 0px, #EB9CC3 -12.9728px 0.840119px 0px, #EB9CC3 -12.999px -0.159292px 0px, #EB9CC3 -12.9483px -1.15776px 0px, #EB9CC3 -12.8211px -2.14938px 0px, #EB9CC3 -12.618px -3.12829px 0px, #EB9CC3 -12.3403px -4.0887px 0px, #EB9CC3 -11.9896px -5.02492px 0px, #EB9CC3 -11.568px -5.93143px 0px, #EB9CC3 -11.078px -6.80286px 0px, #EB9CC3 -10.5224px -7.63405px 0px, #EB9CC3 -9.90465px -8.42009px 0px, #EB9CC3 -9.2283px -9.15634px 0px, #EB9CC3 -8.49737px -9.83843px 0px, #EB9CC3 -7.71618px -10.4623px 0px, #EB9CC3 -6.88936px -11.0244px 0px, #EB9CC3 -6.0218px -11.5212px 0px, #EB9CC3 -5.11862px -11.9499px 0px, #EB9CC3 -4.18517px -12.3079px 0px, #EB9CC3 -3.22696px -12.5931px 0px, #EB9CC3 -2.24967px -12.8039px 0px, #EB9CC3 -1.25908px -12.9389px 0px, #EB9CC3 -0.261039px -12.9974px 0px, #EB9CC3 0.738545px -12.979px 0px, #EB9CC3 1.73376px -12.8839px 0px, #EB9CC3 2.71872px -12.7125px 0px, #EB9CC3 3.68761px -12.466px 0px, #EB9CC3 4.63468px -12.1458px 0px, #EB9CC3 5.55435px -11.7537px 0px, #EB9CC3 6.44116px -11.2921px 0px, #EB9CC3 7.28988px -10.7637px 0px, #EB9CC3 8.09548px -10.1717px 0px, #EB9CC3 8.85321px -9.51949px 0px, #EB9CC3 9.55858px -8.81099px 0px, #EB9CC3 10.2074px -8.05039px 0px, #EB9CC3 10.7959px -7.24217px 0px, #EB9CC3 11.3205px -6.39112px 0px, #EB9CC3 11.7782px -5.50227px 0px, #EB9CC3 12.1662px -4.58088px 0px, #EB9CC3 12.4822px -3.6324px 0px, #EB9CC3 12.7244px -2.66244px 0px, #EB9CC3 12.8914px -1.67673px 0px, #EB9CC3 12.9821px -0.681097px 0px
}

.viet-nam-map .title-content .text-shadow {
    opacity: 0.3;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 10px;
    left: 10px;
    z-index: -2;
    color: white;
    text-shadow: rgba(96, 125, 139, 0.3) 13px 0px 0px, rgba(96, 125, 139, 0.3) 12.9616px 0.999014px 0px, rgba(96, 125, 139, 0.3) 12.8465px 1.99212px 0px, rgba(96, 125, 139, 0.3) 12.6554px 2.97344px 0px, rgba(96, 125, 139, 0.3) 12.3895px 3.93718px 0px, rgba(96, 125, 139, 0.3) 12.0503px 4.87763px 0px, rgba(96, 125, 139, 0.3) 11.6398px 5.78924px 0px, rgba(96, 125, 139, 0.3) 11.1605px 6.66661px 0px, rgba(96, 125, 139, 0.3) 10.6152px 7.50454px 0px, rgba(96, 125, 139, 0.3) 10.0071px 8.2981px 0px, rgba(96, 125, 139, 0.3) 9.3398px 9.04258px 0px, rgba(96, 125, 139, 0.3) 8.61728px 9.73357px 0px, rgba(96, 125, 139, 0.3) 7.8438px 10.367px 0px, rgba(96, 125, 139, 0.3) 7.02393px 10.9391px 0px, rgba(96, 125, 139, 0.3) 6.16252px 11.4465px 0px, rgba(96, 125, 139, 0.3) 5.26466px 11.8863px 0px, rgba(96, 125, 139, 0.3) 4.33566px 12.2557px 0px, rgba(96, 125, 139, 0.3) 3.38103px 12.5526px 0px, rgba(96, 125, 139, 0.3) 2.40639px 12.7753px 0px, rgba(96, 125, 139, 0.3) 1.41753px 12.9225px 0px, rgba(96, 125, 139, 0.3) 0.420279px 12.9932px 0px, rgba(96, 125, 139, 0.3) -0.579456px 12.9871px 0px, rgba(96, 125, 139, 0.3) -1.57576px 12.9041px 0px, rgba(96, 125, 139, 0.3) -2.56275px 12.7449px 0px, rgba(96, 125, 139, 0.3) -3.53458px 12.5103px 0px, rgba(96, 125, 139, 0.3) -4.48551px 12.2016px 0px, rgba(96, 125, 139, 0.3) -5.40991px 11.8209px 0px, rgba(96, 125, 139, 0.3) -6.30231px 11.3702px 0px, rgba(96, 125, 139, 0.3) -7.15744px 10.8522px 0px, rgba(96, 125, 139, 0.3) -7.97024px 10.2701px 0px, rgba(96, 125, 139, 0.3) -8.7359px 9.62725px 0px, rgba(96, 125, 139, 0.3) -9.4499px 8.92745px 0px, rgba(96, 125, 139, 0.3) -10.108px 8.17486px 0px, rgba(96, 125, 139, 0.3) -10.7063px 7.37391px 0px, rgba(96, 125, 139, 0.3) -11.2413px 6.52935px 0px, rgba(96, 125, 139, 0.3) -11.7099px 5.64618px 0px, rgba(96, 125, 139, 0.3) -12.1091px 4.72961px 0px, rgba(96, 125, 139, 0.3) -12.4368px 3.78508px 0px, rgba(96, 125, 139, 0.3) -12.6909px 2.81815px 0px, rgba(96, 125, 139, 0.3) -12.8699px 1.83456px 0px, rgba(96, 125, 139, 0.3) -12.9728px 0.840119px 0px, rgba(96, 125, 139, 0.3) -12.999px -0.159292px 0px, rgba(96, 125, 139, 0.3) -12.9483px -1.15776px 0px, rgba(96, 125, 139, 0.3) -12.8211px -2.14938px 0px, rgba(96, 125, 139, 0.3) -12.618px -3.12829px 0px, rgba(96, 125, 139, 0.3) -12.3403px -4.0887px 0px, rgba(96, 125, 139, 0.3) -11.9896px -5.02492px 0px, rgba(96, 125, 139, 0.3) -11.568px -5.93143px 0px, rgba(96, 125, 139, 0.3) -11.078px -6.80286px 0px, rgba(96, 125, 139, 0.3) -10.5224px -7.63405px 0px, rgba(96, 125, 139, 0.3) -9.90465px -8.42009px 0px, rgba(96, 125, 139, 0.3) -9.2283px -9.15634px 0px, rgba(96, 125, 139, 0.3) -8.49737px -9.83843px 0px, rgba(96, 125, 139, 0.3) -7.71618px -10.4623px 0px, rgba(96, 125, 139, 0.3) -6.88936px -11.0244px 0px, rgba(96, 125, 139, 0.3) -6.0218px -11.5212px 0px, rgba(96, 125, 139, 0.3) -5.11862px -11.9499px 0px, rgba(96, 125, 139, 0.3) -4.18517px -12.3079px 0px, rgba(96, 125, 139, 0.3) -3.22696px -12.5931px 0px, rgba(96, 125, 139, 0.3) -2.24967px -12.8039px 0px, rgba(96, 125, 139, 0.3) -1.25908px -12.9389px 0px, rgba(96, 125, 139, 0.3) -0.261039px -12.9974px 0px, rgba(96, 125, 139, 0.3) 0.738545px -12.979px 0px, rgba(96, 125, 139, 0.3) 1.73376px -12.8839px 0px, rgba(96, 125, 139, 0.3) 2.71872px -12.7125px 0px, rgba(96, 125, 139, 0.3) 3.68761px -12.466px 0px, rgba(96, 125, 139, 0.3) 4.63468px -12.1458px 0px, rgba(96, 125, 139, 0.3) 5.55435px -11.7537px 0px, rgba(96, 125, 139, 0.3) 6.44116px -11.2921px 0px, rgba(96, 125, 139, 0.3) 7.28988px -10.7637px 0px, rgba(96, 125, 139, 0.3) 8.09548px -10.1717px 0px, rgba(96, 125, 139, 0.3) 8.85321px -9.51949px 0px, rgba(96, 125, 139, 0.3) 9.55858px -8.81099px 0px, rgba(96, 125, 139, 0.3) 10.2074px -8.05039px 0px, rgba(96, 125, 139, 0.3) 10.7959px -7.24217px 0px, rgba(96, 125, 139, 0.3) 11.3205px -6.39112px 0px, rgba(96, 125, 139, 0.3) 11.7782px -5.50227px 0px, rgba(96, 125, 139, 0.3) 12.1662px -4.58088px 0px, rgba(96, 125, 139, 0.3) 12.4822px -3.6324px 0px, rgba(96, 125, 139, 0.3) 12.7244px -2.66244px 0px, rgba(96, 125, 139, 0.3) 12.8914px -1.67673px 0px, rgba(96, 125, 139, 0.3) 12.9821px -0.681097px 0px
}

.viet-nam-map .container {
    display: flex;
    justify-content: space-around
}

.viet-nam-map .map-main {
    max-width: 320px
}

.viet-nam-map .map-main .map-image {
    width: 100%;
    margin-bottom: 22px;
    position: relative
}

.viet-nam-map .map-main .map-image img {
    width: 100%
}

.viet-nam-map .map-main .map-image .central-location {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.viet-nam-map .map-main .map-image .central-location .location {
    position: absolute
}

.viet-nam-map .map-main .map-image .central-location .location .dotted {
    display: block;
    cursor: pointer;
    background-color: #FFD95C;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    transition: 0.4s !important
}

.viet-nam-map .map-main .map-image .central-location .location .dotted.zoom {
    transform: scale(2) !important
}

.viet-nam-map .map-main .map-image .central-location .location .dotted.fade {
    opacity: 0
}

.viet-nam-map .map-main .map-image .central-location .location .data {
    position: relative;
    display: none;
    width: 50px;
    height: 50px;
    transition: 0.4s
}

.viet-nam-map .map-main .map-image .central-location .location .data.fade {
    opacity: 0
}

.viet-nam-map .map-main .map-image .central-location .location .data.activeIcon {
    display: block
}

.viet-nam-map .map-main .map-image .central-location .location .data.activeIcon::after {
    cursor: pointer;
    background-color: #FFD95C;
    content: attr(data-address);
    position: absolute;
    top: 8px;
    left: 16px;
    min-width: 80px;
    width: max-content;
    padding: 5px 12px 1px 12px;
    border-radius: 100px;
    text-align: center;
    color: #2576b9;
    z-index: 2;
    animation: slideIn;
    animation-duration: 0.3s
}

@keyframes slideIn {
    0% {
        opacity: 0;
        transform: translateX(-50%)
    }

    100% {
        opacity: 1;
        transform: translateX(0%)
    }
}

.viet-nam-map .map-main .map-image .central-location .location .data.activeIcon::before {
    position: absolute;
    width: 26px;
    height: 24px;
    left: -8px;
    top: -18px;
    content: url("../images/icons/A.svg");
    animation: fadeIn;
    animation-duration: 1s
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.viet-nam-map .map-main .map-image .central-location .location#vinh-phuc {
    top: 11%;
    left: 27%
}

.viet-nam-map .map-main .map-image .central-location .location#thai-nguyen {
    top: 8.5%;
    left: 30%;
}

.viet-nam-map .map-main .map-image .central-location .location#bac-ninh {
    top: 12%;
    left: 36%
}

.viet-nam-map .map-main .map-image .central-location .location#ha-noi {
    top: 15%;
    left: 31%
}
.viet-nam-map .map-main .map-image .central-location .location#hung-yen {
    top: 18%;
    left: 34%
}
.viet-nam-map .map-main .map-image .central-location .location#ha-long {
    top: 16%;
    left: 42%
}

.viet-nam-map .map-main .map-image .central-location .location#hai-phong {
    top: 19%;
    left: 39%
}

.viet-nam-map .map-main .map-image .central-location .location#vinh {
    top: 29%;
    left: 32%
}

.viet-nam-map .map-main .map-image .central-location .location#bien-hoa {
    top: 83%;
    left: 48%
}

.viet-nam-map .map-main .map-image .central-location .location#vung-tau {
    top: 85%;
    left: 45%
}

.viet-nam-map .map-main .map-image .central-location .location#ho-chi-minh {
    top: 83%;
    left: 40%
}

.viet-nam-map .map-main .map-image .central-location .location#can-tho {
    top: 87%;
    left: 35%;
}

.viet-nam-map .map-main .map-image .central-location .location#rach-gia {
    top: 87%;
    left: 28%;
}

.viet-nam-map .map-main .map-image .central-location .location#thanh-hoa {
    top: 23%;
    left: 33%;
}

.viet-nam-map .map-main .map-image .central-location .location#da-nang {
    top: 52%;
    left: 60%
}

.viet-nam-map .map-main .map-image .central-location .location#binh-duong {
    top: 79%;
    left: 43%
}
.viet-nam-map .map-main .map-image .central-location .location#khanh-hoa {
    top: 73%;
    left: 66%
}

.viet-nam-map .map-main .btn-orther-center {
    background-color: #FFD95C;
    border-radius: 100px;
    padding: 9.5px 32px 5.5px;
    font-size: 18px;
    font-weight: 700;
    color: #2576b9;
    text-transform: uppercase;
    text-decoration: none
}

.viet-nam-map .map-content {
    display: flex;
    flex-direction: column;
    align-items: center
}

.viet-nam-map .map-content .btn-finding-center {
    background-color: #2576b9;
    border-radius: 100px;
    padding: 15px 56px 9px;
    font-size: 30px;
    font-weight: 700;
    color: white;
    text-transform: uppercase;
    text-decoration: none;
    margin-top: 24px
}

.viet-nam-map .map-content .content-image {
    max-width: 280px;
    margin-top: 38px;
    position: relative
}

.viet-nam-map .map-content .content-image-shadow {
    width: 297px;
    margin-top: -297px;
    margin-left: 14px;
    mix-blend-mode: multiply
}

.viet-nam-map .map-content .content-image img {
    width: 100%
}

.viet-nam-map.animateOut .map-main {
    animation-name: fadeOutLeft;
    animation-duration: 1s
}

@keyframes fadeOutLeft {
    0% {
        margin-left: 0;
        opacity: 1
    }

    75% {
        opacity: 0
    }

    100% {
        margin-left: -100%
    }
}

.viet-nam-map.animateOut .map-content {
    animation-name: fadeOutRight;
    animation-duration: 1s
}

@keyframes fadeOutRight {
    0% {
        margin-right: 0;
        opacity: 1
    }

    75% {
        opacity: 0
    }

    100% {
        margin-right: -100%
    }
}

.section-footer-init {
    background-color: #bcdaf2
}

.section-footer-init .wrapper-icon-mobile .line-rocket::after {
    background: #bcdaf2
}

.section-footer-init .wrapper-icon-mobile .icon-line-rocket {
    background: #bcdaf2
}

.section-footer-init .section-footer .animate-rocket .icon-line.line-1:after {
    background: #bcdaf2 !important
}

.hidden {
    display: none;
    opacity: 0
}

.active {
    display: block;
    opacity: 1
}

/*# sourceMappingURL=central.css.map */