@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,700;0,900;1,300;1,400;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
:root {
    --main-text-color: #000;
    --second-text-color: #e09a45;
    --third-text-color: #2a384a;
    --fourth-text-color: #d63434;
    --fifth-text-color: #0a58ca;
    --sixth-text-color: #1b3469;
    --seventh-text-color: #c80000;
    --white-text-color: #fff;
    --main-bg-text: #2a384a;
    --bg-white: #fff;
    --bg-color-1: #2a384a;
    --bg-color-2: #e09a45;
    --bg-color-3: #0d5490;
    --bg-color-4: #642341;
    --bg-color-5: #1b3c63;
    --bg-color-6: #1b3469;
    --bg-color-7: #c80000;
    --bg-color-8: #fe2f22;
    --border-color-1: #2a384a;
    --border-color-2: #e09a45;
    --main-text-size-0: 20px;
    --main-text-size-1: 17px;
    --main-text-size-2: 15px;
    --main-text-size-3: 12px;
    --default-text-align: justify;
    --main-head-text-size-0: 13pt;
    --main-head-text-size: 15pt;
    --main-head-text-size-1: 17pt;
    --main-banner-text-size-0: 13pt;
    --main-banner-text-size-1: 15pt;
    --main-banner-text-size-2: 17pt;
    --head-text-color-1: #e09a45;
    --head-text-color-2: #2a384a;
    --head-text-color-3: #1b3469;
    --first-hover-text-color: #c80000;
    --second-hover-text-color: #087cce;
    --third-hover-text-color: #e09a45;
    --fourth-hover-text-color: #16CBCD;
    --first-bottom-color: #1b3469;
    /*--boxShadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);*/
    --boxShadow: 0 5px 20px 0px rgba(0, 0, 0, 0.1), 0 5px 10px 2px rgba(0, 0, 0, 0.1), 0 5px 5px -5px rgba(0, 0, 0, 0.1);
    --font-head-1: 'Merriweather', serif;
    --line-height-1: 1;
    --line-height-1-5: 1.5;
    --transiton-ease-in-out-time-0-5: 0.5s;
    --transiton-ease-in-out-time-1: 1s;
    --transiton-ease-in-out-time-2: 2s;
    --transiton-ease-in-out-time-3: 3s;
}

* {
    text-rendering: geometricprecision;
}

body {
    position: relative;
}

#web-body {
    overflow: auto !important;
}

body#web-body {
    /*filter: grayscale(1);*/
}

a:hover {
    /*color: var(--second-text-color) !important;*/
    color: var(--second-hover-text-color) !important;
}

div#app {
    /*overflow-x: hidden;*/
}

.container-fluid {}

.section-wrapper-title {
    text-transform: uppercase;
    margin: 15px 0px;
}

.image-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    width: 100%;
    overflow: hidden;
}

.image-wrapper .image-box-shadow {
    box-shadow: inset -2px -3px 50px rgb(192 192 192 / 20%);
    z-index: 2;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.image-wrapper img {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.page-wrapper-vi .section-post-info-title {
    text-align: var(--default-text-align);
}

.section-post-info-title {
    text-decoration: none;
    color: var(--main-bg-text);
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
}

.embed-responsive::before {
    display: block;
    content: "";
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
    object-fit: cover;
}

.embed-responsive-21by9::before {
    padding-top: 42.8571428571%;
}

.embed-responsive-16by9::before {
    padding-top: 56.25%;
}

.embed-responsive-4by3::before {
    padding-top: 75%;
}

.embed-responsive-1by1::before {
    padding-top: 100%;
}

.more-post-pagination-type1-wrapper {
    text-align: right;
    margin-top: 30px;
    position: relative;
}

.content-more-wrapper {
    /*margin-top: 30px;*/
}

.post-more-content-wrapper .image-wrapper {
    border-style: solid;
    border-width: 1px;
    border-color: #c0c0c0;
}

.post-more-section-title-wrapper {
    position: relative;
    margin-bottom: 30px;
}

.more-post-arrow-wrapper {
    position: absolute;
    top: 0px;
    right: 0px;
}

.more-post-arrow-wrapper .button-next::before {
    background: rgba(0, 0, 0, 0);
}

div#button-prev-small {
    /*
    padding: 7px;
    height: 25px;
    width: 25px;
    font-size: 7px;
    */
    padding: 0px;
    height: 30px;
    width: 25px;
    font-size: 18px;
    font-weight: normal;
}

div#button-next-small {
    /*
    padding: 7px;
    height: 25px;
    width: 25px;
    font-size: 7px;
    */
    padding: 0px;
    height: 30px;
    width: 25px;
    font-size: 18px;
    font-weight: normal;
}

.button {
    display: inline-block;
    font-family: "Montserrat", "Trebuchet MS", Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
    position: relative;
    background: #009ED8;
    border: none;
    color: white;
    transition: 0.2s;
}

.disabled-btn {
    /*background-color: #646464 !important;*/
}

.disabled-btn:hover {
    /*background-color: #646464 !important;*/
}

.button-prev {
    padding: 0.8em 1.4em;
    padding-left: 4.7em;
}

.button-next {
    padding: 0.8em 1.4em;
    padding-right: 4.7em;
}

.button-prev:before,
.button-prev:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    padding-top: inherit;
    padding-bottom: inherit;
    /*width: 2.8em;*/
    width: 1em;
    content: "";
    font-family: 'FontAwesome', sans-serif;
    font-size: 1.2em;
    text-align: center;
    transition: 0.2s;
    transform-origin: 50% 60%;
}

.button-next:before,
.button-next:after {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    padding-top: inherit;
    padding-bottom: inherit;
    /*width: 2.8em;*/
    width: 1em;
    content: "";
    font-family: 'FontAwesome', sans-serif;
    font-size: 1.2em;
    text-align: center;
    transition: 0.2s;
    transform-origin: 50% 60%;
}

.button:before {
    background: rgba(0, 0, 0, 0.1);
}

.more-post-arrow-wrapper .button:before {
    background: rgba(0, 0, 0, 0);
}

.button:hover {
    background: #0079a5;
}

.button:active,
.button:focus {
    background: #002e3f;
    outline: none;
}

.more-post-arrow-wrapper .button:active,
.more-post-arrow-wrapper .button:focus,
.more-post-arrow-wrapper .button:hover {
    background: rgba(0, 0, 0, 0);
    outline: none;
}

.button {
    /*min-width: 15em;*/
    /*margin-left: 15px;*/
}

.arrow-prev {
    /*background: var(--bg-color-1);*/
    background: var(--bg-white);
    color: var(--bg-color-1);
}

.arrow-prev:hover {
    /*background: #fe2f22;*/
    color: var(--bg-color-8);
}

.arrow-prev:active,
.arrow-prev:focus {
    /*background: #b90c01;*/
    color: var(--bg-color-8);
}

.arrow-prev:after {
    /*content: "\f053";*/
    content: "\f190";
}

.arrow-prev:hover:after {
    -webkit-animation: bounceleft 0.3s alternate ease infinite;
    animation: bounceleft 0.3s alternate ease infinite;
}

.arrow-next {
    /*background: var(--bg-color-1);*/
    background: var(--bg-white);
    color: var(--bg-color-1);
}

.arrow-next:hover {
    /*background: #fe2f22;*/
    color: var(--bg-color-8);
}

.arrow-next:active,
.arrow-next:focus {
    /*background: #b90c01;*/
    color: var(--bg-color-8);
}

.arrow-next:after {
    /*content: "\F054";*/
    content: "\F18E";
}

.arrow-next:hover:after {
    -webkit-animation: bounceright 0.3s alternate ease infinite;
    animation: bounceright 0.3s alternate ease infinite;
}

@-webkit-keyframes bounceleft {
    from {
        -webkit-transform: translateX(0);
    }
    to {
        -webkit-transform: translateX(-3px);
    }
}

@keyframes bounceleft {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-3px);
    }
}

@keyframes wiggle {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(30deg);
    }
}

@-webkit-keyframes bounceright {
    from {
        -webkit-transform: translateX(0);
    }
    to {
        -webkit-transform: translateX(3px);
    }
}

@-webkit-keyframes wiggle {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(30deg);
    }
}

@keyframes bounceright {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(3px);
    }
}

@keyframes wiggle {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(30deg);
    }
}

@media (max-width: 768px) {
    .button {
        font-size: 8pt;
    }
}


/* Begin Spinner loader */

.lds-spinner {
    color: official;
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

.lds-spinner div {
    transform-origin: 40px 40px;
    animation: lds-spinner 1.2s linear infinite;
}

.lds-spinner div:after {
    content: " ";
    display: block;
    position: absolute;
    top: 3px;
    left: 37px;
    width: 6px;
    height: 18px;
    border-radius: 20%;
    background: #fff;
}

.lds-spinner div:nth-child(1) {
    transform: rotate(0deg);
    animation-delay: -1.1s;
}

.lds-spinner div:nth-child(2) {
    transform: rotate(30deg);
    animation-delay: -1s;
}

.lds-spinner div:nth-child(3) {
    transform: rotate(60deg);
    animation-delay: -0.9s;
}

.lds-spinner div:nth-child(4) {
    transform: rotate(90deg);
    animation-delay: -0.8s;
}

.lds-spinner div:nth-child(5) {
    transform: rotate(120deg);
    animation-delay: -0.7s;
}

.lds-spinner div:nth-child(6) {
    transform: rotate(150deg);
    animation-delay: -0.6s;
}

.lds-spinner div:nth-child(7) {
    transform: rotate(180deg);
    animation-delay: -0.5s;
}

.lds-spinner div:nth-child(8) {
    transform: rotate(210deg);
    animation-delay: -0.4s;
}

.lds-spinner div:nth-child(9) {
    transform: rotate(240deg);
    animation-delay: -0.3s;
}

.lds-spinner div:nth-child(10) {
    transform: rotate(270deg);
    animation-delay: -0.2s;
}

.lds-spinner div:nth-child(11) {
    transform: rotate(300deg);
    animation-delay: -0.1s;
}

.lds-spinner div:nth-child(12) {
    transform: rotate(330deg);
    animation-delay: 0s;
}

@keyframes lds-spinner {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.loader-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1;
    visibility: hidden;
}


/* End Spinner loader*/

.yhy-append-wrap {
    position: absolute !important;
    bottom: 0px;
    left: 0px;
    opacity: 0.6;
    width: initial !important;
    display: block !important;
}

table[border="1"] thead,
table[border="1"] tbody,
table[border="1"] tfoot,
table[border="1"] tr,
table[border="1"] td,
table[border="1"] th {
    border-color: inherit;
    border-style: solid;
    border-width: 1px;
}

table[border="2"] thead,
table[border="2"] tbody,
table[border="2"] tfoot,
table[border="2"] tr,
table[border="2"] td,
table[border="2"] th {
    border-color: inherit;
    border-style: solid;
    border-width: 2px;
}

table[border="3"] thead,
table[border="3"] tbody,
table[border="3"] tfoot,
table[border="3"] tr,
table[border="3"] td,
table[border="3"] th {
    border-color: inherit;
    border-style: solid;
    border-width: 2px;
}

.responsive-table {
    overflow-y: auto;
}

.responsive-table table {
    margin-left: auto;
    margin-right: auto;
}


/* End style chung */

#mobile-menu-btn {
    background-color: var(--bg-color-1);
    float: right;
    border-color: var(--bg-color-1);
}

button#mobile-menu-btn {
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    z-index: 99;
}

.offcanvas-header {
    background-color: var(--bg-color-1) !important;
}

#offcanvasExample .offcanvas-body {
    /*background-color: var(--bg-color-2);*/
    background-color: var(--bg-color-5);
    padding: 0px;
}

#offcanvasExample .offcanvas-body-content {
    padding: 1em;
}

#offcanvasExample .single-nav-link {
    text-transform: uppercase;
    color: var(--white-text-color) !important;
    padding: 0.5rem 0px;
}

#offcanvasExample .accordion-button::after {
    background-image: url("data:image/svg+xml,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27%23ffffff%27><path fill-rule=%27evenodd%27 d=%27M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z%27/></svg>");
}

.mobile-lang-selector a {
    display: inline-block;
    padding: 6px 15px;
    border: 1px solid #fff;
    border-radius: 25px;
    min-width: 104px;
    text-align: center;
    text-decoration: none;
    margin-right: 15px;
}

.mobile-lang-selector {
    background-color: var(--bg-color-1);
    padding: 15px 30px;
}

.accordion-button {
    /*background-color: var(--bg-color-2) !important;*/
    background-color: var(--bg-color-5) !important;
}

div#accordionExample ul.dropdown.arrow-top a {
    padding-left: 0px;
}

div#accordionExample ul.dropdown.arrow-top {
    padding-left: 15px;
    margin-bottom: 0px;
}

div#accordionExample .accordion-item {
    border: none;
    /*background-color: var(--bg-color-2);*/
    background-color: var(--bg-color-5);
}

div#accordionExample button.accordion-button {
    padding: 3px 0px;
}

div#accordionExample a {
    /*color: #000;*/
    color: var(--white-text-color);
}

.accordion-header a.nav-link {
    padding-left: 0px;
}

.section-menu-top-container {
    max-width: 1200px;
}

.section-menu-top-container #menu-top-search {
    padding-right: 40px;
}

.section-menu-top-container .menu-top-link-wrapper {
    display: inline;
    margin: 5px 5px;
}

.section-menu-top-container a.menu-top-link {
    color: var(--second-text-color);
    text-decoration: none;
    padding: 10px 15px;
    font-size: 10pt;
}

.section-menu-top-container .menu-top-search-btn-wrapper {
    position: absolute;
    position: absolute;
    right: 3px;
    top: 1px;
    z-index: 9;
}

.section-menu-top-container .menu-top-search-btn {
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
}

.section-menu-top-container .menu-top-search-btn:focus {
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
}

.section-menu-top-container .menu-top-search-btn-wrapper .fa-search {
    color: var(--second-text-color);
}

.menu-top-language {
    /* Reset Select */
    appearance: none;
    outline: 0;
    border: 0;
    box-shadow: none;
    /* Personalize */
    flex: 1;
    padding: 0 1em;
    color: #fff;
    background-color: #0d5490;
    background-image: none;
    cursor: pointer;
}

.section-menu-top-wrapper .lang-link {
    display: inline-block;
    padding: 6px 10px;
    cursor: pointer;
    color: var(--white-text-color);
    font-size: 10pt;
    text-decoration: none;
}

.section-menu-top-wrapper .lang-link-en {
    background-color: var(--bg-color-3);
    padding: 8px 10px;
}

.section-menu-top-wrapper .lang-link-jp {
    background-color: var(--bg-color-4);
    font-size: 8pt;
    padding: 10px 16px;
}


/* V2 */

.section-menu-topV2-wrapper .menu-top-block {
    text-align: center;
}

.section-menu-topV2-wrapper .site-logo {
    display: inline-block;
    margin: 15px 0px;
    position: relative;
}

.section-menu-topV2-wrapper .menu-top-link-wrapper {
    position: absolute;
    bottom: -5px;
}

.menu-top-date {
    font-size: 10pt;
    border-right: 1px solid #646464;
    padding-right: 10px;
}

.site-logo-2 {
    padding: 30px;
}

.section-menu-topV2-wrapper-vi .menu-top-link-wrapper {
    /*right: 15%;*/
    right: 33%;
}

.section-menu-topV2-wrapper-en .menu-top-link-wrapper {
    /*right: 28%;*/
    right: 38%;
}

.section-menu-topV2-wrapper .lang-link {
    font-size: 0.8rem;
    margin-left: 10px;
}

.section-menu-topV2-inner-container .lang-link {
    color: #000;
    cursor: pointer;
    text-decoration: none;
}

.menu-top-block-1-item-content div {
    display: flex;
    justify-content: space-evenly;
}

.mobile-menu-close {
    color: var(--white-text-color);
    filter: invert(1);
}

.site-navbar .site-logo img {
    max-width: 100%;
}

@media (max-width: 768px) {
    form.search-form {
        width: -webkit-fill-available;
        padding-right: 15px;
    }
    input#menu-top-search {
        background-color: var(--bg-white) !important;
    }
}

@media (max-width: 425px) {
    .site-navbar .site-logo {
        width: 75%;
    }
}


/* Remove IE arrow */

.menu-top-language::-ms-expand {
    display: none;
}

input#menu-top-search {
    height: 30px;
    background-color: rgba(0, 0, 0, 0);
}

input#menu-top-search:focus {
    background-color: #fff;
}

button.menu-top-search-btn {
    background-color: rgba(0, 0, 0, 0) !important;
    padding: 2px 8px;
}


/* Custom Select wrapper */

.menu-top-language {
    position: relative;
    /*display: flex;
    width: 20em;*/
    height: 3em;
    border-radius: .25em;
    overflow: hidden;
}


/* Arrow */

.menu-top-language::after {
    content: '\25BC';
    position: absolute;
    top: 0;
    right: 0;
    padding: 1em;
    background-color: #34495e;
    transition: .25s all ease;
    pointer-events: none;
}


/* Transition */

.menu-top-language:hover::after {
    color: #f39c12;
}


/* End Menu top */

.section-banner-container {
    padding-left: 0px;
    padding-right: 0px;
}

.section-banner-info {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.section-banner-info .caption {
    color: var(--white-text-color);
    text-shadow: 2px 3px 6px #000;
}

.section-banner-container {
    height: 100%;
}

.section-banner-container .video-item iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.section-banner-container .owl-carousel .video-foregroud,
.section-banner-container .owl-carousel .video-foregroud iframe {
    pointer-events: initial;
}

.video-background {
    background: #000;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -99;
}

.video-foreground,
.video-background iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.section-banner-container .banner-item-wrapper {
    height: 100%;
}

.section-banner-wrapper-v2 .banner-item-wrapper {
    height: 100%;
    display: initial;
}

@media (min-aspect-ratio: 16/9) {
    .video-foreground {
        height: 300%;
        top: -100%;
    }
}

@media (max-aspect-ratio: 16/9) {
    .owl-item.active .video-foreground {
        width: 300%;
        left: -100%;
    }
}

@media (max-width: 768px) {
    .section-banner-container .video-foreground,
    .section-banner-container .video-background iframe {
        pointer-events: initial;
    }
}

@media all and (max-width: 600px) {
    .vid-info {
        width: 50%;
        padding: 0.5rem;
    }
}

@media all and (max-width: 600px) {
    .vid-info h1 {
        margin-bottom: 0.2rem;
    }
}

@media all and (max-width: 500px) {
    .vid-info .acronym {
        display: none;
    }
}

.section-banner-info div {
    width: 100%;
    height: 100%;
}


/* End banner */

.section-1-wrapper {
    /*padding: 50px 0px;*/
}

@media (max-width: 992px) {
    #section-1-slide-col {
        /*padding-left: 0px;*/
        /*padding-right: 0px;*/
        /*display: list-item;*/
    }
}

#home-section-1-post-info-wrapper {
    /*background-color: #2a384a;*/
    /*color: #fff;*/
    /*text-align: justify;*/
    /*padding: 10px 15px;*/
}

.section-1-post-title {}

.section-1-post-number {
    /*
    margin: 0px;
    padding: 15px 16px;
    display: block;
    background-color: var(--bg-color-2);
    color: #fff;
    text-decoration: underline;
    */
    margin: 0px;
    /*padding: 0px 0px 0px 0px;*/
    display: block;
    color: var(--bg-color-7);
    /* color: #fff; */
    text-decoration: underline;
    padding: 5px 0px 0px 0px;
    font-size: 7pt;
}

.section-1-post-number-wrapper {
    /*
    width: 50px;
    display: inline-block;
    float: left;
    margin-right: 15px;
    */
    /*width: 15px;*/
    display: inline-block;
    float: left;
    margin-right: 15px;
}

.section-1-post-number i:before {
    /*content: "\f1ea";*/
    /*content: "\f0da";*/
    content: "\f0c8";
}

.section-1-post-item {
    margin-bottom: 12px;
    /*min-height: 54px;*/
}

.page-wrapper-vi #section-1-post-info-container {
    text-align: justify;
}

#section-1-post-info-container {
    background-color: var(--bg-color-5);
    color: #fff;
    padding: 30px 30px 10px 30px;
    height: 100%;
}

@media (min-width: 1200px) {
    #section-1-post-info-wrapper {
        padding-left: 0px;
    }
}

@media (min-width: 1200px) {
    #section-1-slide-col {
        padding-right: 0px;
    }
    .section-1-post-title-container {
        min-height: 54px;
    }
}

.section-1-post-title-container {
    display: flex;
    border-bottom: 1px dotted #c0c0c0;
}

.section-1-section-title {
    /*color: var(--second-text-color);*/
    color: var(--sixth-text-color);
    font-size: var(--main-head-text-size);
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.section-1-section-title-link {
    text-decoration: none;
}

.section-1-section-more-link {
    float: right;
    /*color: var(--second-text-color);*/
    color: var(--second-hover-text-color);
    font-size: var(--main-text-size-2);
    font-style: italic;
    display: none;
}

.section-container {
    padding-top: 30px;
    padding-bottom: 30px;
}

.section-1-content {
    margin-top: 15px;
    margin-bottom: 15px;
}

.section-1-post-info-title {
    font-size: 20px;
    font-weight: bolder;
    color: #fff;
    font-family: var(--font-head-1);
}

.section-1-post-info-excerpt {
    font-size: 15px;
}

@media (max-width: 1400px) {
    .section-1-post-info-title {
        display: -webkit-box !important;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .section-1-post-info-excerpt {
        display: -webkit-box !important;
        -webkit-line-clamp: 6;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
}

#section-1-slider {
    border: 1px solid var(--bg-color-5);
    border-right: none;
    border-color: #c0c0c0;
}

#section-1-post-info-container {
    border: 1px solid var(--bg-color-5);
    border-left: none;
}

#section-1-slide-col .carousel {
    height: 100%;
}

#section-1-slide-col .carousel .carousel-inner {
    height: 100%;
}

#section-1-slide-col .carousel .carousel-inner .carousel-item {
    height: 100%;
    padding-bottom: 56.25%;
    position: relative;
}

#section-1-slide-col .carousel .carousel-inner .carousel-item img {
    height: 100%;
    width: 100%;
    position: absolute;
    object-fit: cover;
}

.section-1-post-info-title-link {
    text-decoration: none;
}

.section-1-post-title {
    color: var(--third-text-color);
    text-decoration: none;
    padding-bottom: 5px;
}

#section-1-slider .carousel-control-next:hover,
#section-1-slider .carousel-control-prev:hover {
    background-color: rgba(0, 0, 0, 0);
}


/* End section-1 */

.section-2-content img {
    width: 100%;
}

.section-2-content {
    margin-bottom: 15px;
}

.section-2-wrapper .carousel-fade .carousel-inner .item {
    opacity: 0;
    transition-property: opacity;
}

.section-2-wrapper .carousel-fade .carousel-inner .active {
    opacity: 1;
}

.section-2-wrapper .carousel-fade .carousel-inner .active.left,
.section-2-wrapper .carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}

.section-2-wrapper .carousel-fade .carousel-inner .next.left,
.section-2-wrapper .carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

.section-2-wrapper .carousel-fade .carousel-control {
    z-index: 2;
}

.section-2-slide-video {
    position: relative;
    padding-bottom: 21.875%;
    height: 0;
    overflow: hidden;
}

.section-2-slide-video iframe {
    /*
    aspect-ratio: 32/7;
    width: 100%;
    */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.section-2-slide-video-link-wrapper {
    position: relative;
}

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

@media all and (transform-3d),
(-webkit-transform-3d) {
    .section-2-wrapper .carousel-fade .carousel-inner>.item.next,
    .section-2-wrapper .carousel-fade .carousel-inner>.item.active.right {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .section-2-wrapper .carousel-fade .carousel-inner>.item.prev,
    .section-2-wrapper .carousel-fade .carousel-inner>.item.active.left {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .section-2-wrapper .carousel-fade .carousel-inner>.item.next.left,
    .section-2-wrapper .carousel-fade .carousel-inner>.item.prev.right,
    .section-2-wrapper .carousel-fade .carousel-inner>.item.active {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}


/* End section 2 */

.section-3-wrapper {
    padding: 30px 0px 50px 0px;
}

.section-3-post-item-big {
    margin-bottom: 15px;
}

.section-3-wrapper .image-wrapper {
    border: 1px solid #c0c0c0;
}

.section-3-post-item-title-only .section-3-post-item-info {
    border-bottom: 1px dotted #c0c0c0;
    position: relative;
}

.section-3-summary {
    text-align: justify;
}

.section-3-post-info-title {
    font-size: var(--main-text-size-1);
    font-weight: bold;
    margin: 15px 0px 15px 0px;
    display: block;
    font-family: var(--font-head-1);
    font-style: normal;
}

.section-3-post-item-title-only .section-3-post-info-title {
    font-weight: normal;
    display: block;
    font-size: var(--main-text-size-1);
    /*font-weight: 600;*/
    margin: 0px 0px 10px 0px;
    font-family: 'Roboto';
}

.section-3-post-item .post-list-marker {
    /*color: var(--second-text-color);*/
    color: var(--bg-color-7);
    position: absolute;
    top: 4px;
    left: 0px;
    font-size: 16px;
    font-weight: bold;
}

.section-3-icon-item {
    text-align: center;
    padding: 20px 0px 10px 0px;
    margin-bottom: 2px;
}

.section-3-icon-item-1 {
    background: rgb(13, 84, 144);
    background: linear-gradient(180deg, rgba(13, 84, 144, 1) 0%, rgba(13, 94, 148, 1) 100%);
}

.section-3-icon-item-2 {
    background: rgb(12, 108, 155);
    background: linear-gradient(180deg, rgba(12, 108, 155, 1) 0%, rgba(11, 125, 164, 1) 100%);
}

.section-3-icon-item-3 {
    background: rgb(10, 143, 173);
    background: linear-gradient(180deg, rgba(10, 143, 173, 1) 0%, rgba(9, 160, 181, 1) 100%);
}

.section-3-icon-item-4 {
    background: rgb(9, 173, 186);
    background: linear-gradient(180deg, rgba(9, 173, 186, 1) 0%, rgba(8, 183, 192, 1) 100%);
}

.section-3-icon-item-title {
    color: var(--white-text-color);
    text-transform: uppercase;
    margin-bottom: 0px;
    font-size: 13px;
}

.section-3-right-content .section-3-post-item-title-only .section-3-post-info-title {
    padding-left: 20px;
}

.section-3-icon-item a {
    text-decoration: none;
    color: var(--white-text-color);
}

.section-3-icon-item p {
    margin: 0px;
}

.section-3-section-title {
    /*color: var(--second-text-color);*/
    color: var(--sixth-text-color);
    font-size: var(--main-head-text-size);
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.section-3-section-title-link {
    text-decoration: none;
}

.section-3-section-more-link {
    /*color: var(--second-text-color);*/
    color: var(--second-hover-text-color);
    font-size: var(--main-text-size-2);
    font-style: italic;
    float: right;
    margin-top: 15px;
    display: none;
}

.section-3-container-right .section-3-icon-item-5 a:hover {
    color: #fff !important;
}

@media (max-width: 992px) {
    .section-3-container-left {
        margin-bottom: 30px;
    }
    .section-3-container-right-content1-wrapper {
        margin-bottom: 30px;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .section-3-container-right-content1-wrapper {
        /*width: 100% !important;*/
    }
    .section-3-container-right-content2-wrapper {
        /*width: 100% !important;*/
    }
    .section-3-container-right,
    .section-3-container-left {
        width: 100% !important;
    }
}

@media (max-width: 1200px) {
    .section-3-container-left {
        margin-bottom: 30px;
    }
}

.section-3-container-left .section-3-post-item-info {
    margin-bottom: 11px;
}

.section-3-right-content .section-3-post-item-title-only {
    margin-bottom: 21px;
}


/* End section 3 */

.section-4-wrapper {
    padding: 50px 0px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.section-4-wrapper-title {
    font-weight: bold;
    margin-bottom: 30px;
    color: var(--white-text-color);
    font-size: var(--main-head-text-size-1);
}

.section-4-section-title-link {
    text-decoration: none;
    display: block;
    margin-bottom: 15px;
}

.section-4-section-more-link-wrapper {
    text-align: right;
}

.section-4-section-more-link {
    /*color: var(--second-text-color);*/
    color: var(--second-hover-text-color);
    font-size: var(--main-text-size-2);
    font-style: italic;
    margin-top: 15px;
    display: none;
}

.section-4-section-title {
    font-size: var(--main-head-text-size-0);
    text-transform: uppercase;
    color: var(--main-text-color);
    font-weight: 600;
    font-family: var(--font-head-1);
    font-style: normal;
}

.section-4-container {
    max-width: 1700px;
}

.section-4-post-title-link {
    font-size: var(--main-text-size-1);
    color: var(--main-text-color);
    text-decoration: none;
    margin: 20px 0px;
    padding: 5px 0px;
    display: block;
    border-bottom: 1px dotted #c0c0c0;
    font-family: var(--font-head-1);
    font-style: normal;
    min-height: 62px;
}

.section-post-item.section-4-post-item {
    margin-bottom: 15px;
}

.section-4-col-wrapper {
    padding: 15px 30px;
    background-color: var(--bg-white);
    border-radius: 5px 5px 0px 0px;
    height: 100%;
}

@media (max-width: 768px) {
    .section-4-col-wrapper {
        border-radius: 0;
    }
}

@media (max-width: 1700px) {
    .section-4-container {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}


/* End section 4 */

.section-5-wrapper {
    padding: 50px 0px 80px 0px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background: rgb(22, 203, 205);
    background: linear-gradient(0deg, rgba(22, 203, 205, 1) 0%, rgba(87, 220, 221, 1) 33%, rgba(226, 247, 247, 1) 66%, rgba(255, 255, 255, 1) 100%);
}

.section-5-wrapper-title {
    /*color: var(--head-text-color-1);*/
    color: var(--sixth-text-color);
    font-size: var(--main-head-text-size-1);
    margin-bottom: 30px;
    font-weight: bold;
}

.section-5-row-content {
    border: 1px solid #fff;
}

.section-5-container {
    max-width: 1700px;
}

.section-5-post-item {
    position: relative;
    border: 1px solid #fff;
}

.section-5-post-title-link {
    font-size: var(--main-text-size-1);
    color: var(--white-text-color);
    text-decoration: none;
    display: block;
}

.section-5-post-title-link:hover {
    color: var(--fourth-hover-text-color) !important;
}

.section-5-post-title-wrapper {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    padding: 15px;
    min-height: 81px;
    background: rgb(8, 37, 71);
    background: linear-gradient(0deg, rgba(8, 37, 71, 1) 0%, rgba(255, 255, 255, 0) 100%);
}

@media (max-width: 1700px) {
    .section-5-container {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}


/* End section 5 */

.section-6-wrapper {
    /*padding: 50px 0px 80px 0px;*/
    padding: 30px 0px 30px 0px;
}

.section-6-container {
    max-width: 1700px;
}

.section-6-content {
    background-color: var(--bg-color-1);
}

.section-6-section-title-link {
    font-size: var(--main-head-text-size-0);
    text-transform: uppercase;
    color: var(--white-text-color);
    text-decoration: none;
    display: inline-block;
}

.section-6-section-title {
    font-size: var(--main-head-text-size-0);
    text-transform: uppercase;
    color: var(--white-text-color);
}

.section-6-left-content {
    padding: 20px 30px 30px 30px;
}

.section-6-right-content {
    padding: 20px 30px 30px 30px;
}

.section-6-post-title-link {
    font-size: var(--main-text-size-1);
    color: var(--white-text-color);
    text-decoration: none;
    display: block;
}

.section-6-post-item-big {
    position: relative;
    height: 100%;
}

.section-6-post-item-big .image-wrapper {
    height: 100%;
}

.section-6-post-item-big .section-6-post-title-wrapper {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    padding: 10px 5px;
    background-color: rgba(0, 0, 0, 0.4);
}

@media (min-width: 992px) {
    .section-6-post-item-small {
        padding: 0px 0px 15px 15px;
    }
    .left-col {
        border-right: 1px solid #646464;
    }
}

.section-6-post-item-small-last {
    padding: 0px 0px 0px 15px;
}

.section-6-section-title-link {
    text-decoration: none;
    margin-bottom: 15px;
}

.section-6-slide-wrapper {
    min-height: 270px;
    height: 270px;
}

.section-6-slide {
    height: 100%;
}

.section-6-slide .container {
    height: 100%;
}

.section-6-slide .container .slider {
    height: 100%;
}

.section-6-right-content-post-title-link {
    display: block;
    padding: 15px;
    background-color: var(--bg-color-2);
    color: var(--white-text-color);
    font-size: var(--main-text-size-2);
    text-decoration: none;
    min-height: 68px;
}

.section-6-right-content-post-title {
    color: var(--white-text-color);
    font-size: var(--main-text-size-3);
}

.section-6-wrapper-title {
    font-weight: bold;
    margin-bottom: 30px;
    /*color: var(--head-text-color-1);*/
    color: var(--sixth-text-color);
    font-size: var(--main-head-text-size-1);
}

@media (max-width: 992px) {
    .section-6-post-item-small {
        padding: 15px 0px 15px 0px;
    }
    .section-6-slide-wrapper {
        height: auto;
    }
}

@media (max-width: 1600px) {
    .section-6-right-content-post-title {
        display: -webkit-box !important;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
}

.section-6-slide-container button.owl-dot.active span {
    background-color: var(--bg-color-2) !important;
}

@media (min-width: 992px) and (max-width: 1200px) {
    .section-6-left-content-wrapper {
        flex: 0 0 auto;
        width: 100% !important;
    }
    .section-6-right-content-wrapper {
        flex: 0 0 auto;
        width: 100% !important;
    }
}


/* End section 6 */

.section-7-wrapper {
    /*padding: 30px 0px 30px 0px;*/
    padding: 15px 0px 30px 0px;
}

.video-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

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

.youtube-widget-video-title {
    font-size: var(--main-head-text-size-0);
    color: var(--main-bg-text);
    font-weight: 700;
}

.section-7-widget-content {
    padding: 15px;
    padding-top: 65px;
    box-shadow: var(--boxShadow);
    border: 1px solid #c0c0c0;
    min-height: 541px;
    position: relative;
}

.section-7-widget-content .widget-content-inner {
    height: 541px;
}

.section-7-widget-content-head {
    height: 50px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-position: center left;
    background-repeat: no-repeat;
    background-size: contain;
}

.facebook-widget-head {
    background-color: #3a559f;
    background-image: url(/images/title-facebook.png);
}

.youtube-widget-head {
    background-color: #e40010;
    background-image: url(/images/title-youtube.png);
    position: initial;
}

.youtube-widget {
    padding-top: 15px;
}

#youtube-widget-video .video-container {
    position: relative;
    padding-bottom: 56.25%;
}

#youtube-widget-video .video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.youtube-content-inner-block {
    max-height: 401px;
    overflow: auto;
}

.youtube-widget-list-item p,
.youtube-widget-list-item a {
    /*color: var(--third-text-color);*/
    text-decoration: none;
    padding-bottom: 5px;
    padding-top: 5px;
    display: block;
    border-bottom: 1px dotted #c0c0c0;
}

.youtube-content-inner-block::-webkit-scrollbar {
    width: 10px;
    background-color: #F5F5F5;
}

.youtube-content-inner-block::-webkit-scrollbar-track {
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.1);
    border: 1px solid #ddd;
}

.youtube-content-inner-block::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: linear-gradient(left, #fff, #e4e4e4);
    border: 1px solid #bbb;
}

.youtube-content-inner-block::-webkit-scrollbar-thumb:hover {
    background: #fff;
}

.youtube-content-inner-block::-webkit-scrollbar-thumb:active {
    background: linear-gradient(left, #22ADD4, #1E98BA);
}

.zalo-widget-head {
    background-color: #028fe3;
    background-image: url(/images/title-zalo.png);
}

.instagram-widget-head {
    background: url(images/title-instagram.png), -webkit-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -webkit-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
    background: url(images/title-instagram.png), -moz-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -moz-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
    background: url(images/title-instagram.png), -ms-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -ms-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
    background: url(images/title-instagram.png), -o-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -o-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
    background: url(images/title-instagram.png), radial-gradient(circle farthest-corner at 32% 106%, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), linear-gradient(135deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
}

.section-7-container .col {
    margin-bottom: 30px;
}

.section-7-container .facebook-widget {
    /*margin-bottom: 30px;*/
}

.section-7-container .youtube-widget {
    /*margin-bottom: 30px;*/
}

.section-7-container .zalo-widget {
    /*margin-bottom: 0px;*/
}

.zalo-widget,
.zalo-widget-container,
.zalo-widget iframe,
.zalo-follow-button {
    width: 100%;
   
}

.instagram-widget-container {
    max-height: 498px;
    overflow: auto;
}

.instagram-widget-container::-webkit-scrollbar {
    width: 10px;
    background-color: #F5F5F5;
}

.instagram-widget-container::-webkit-scrollbar-track {
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.1);
    border: 1px solid #ddd;
}

.instagram-widget-container::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: linear-gradient(left, #fff, #e4e4e4);
    border: 1px solid #bbb;
}

.instagram-widget-container::-webkit-scrollbar-thumb:hover {
    background: #fff;
}

.instagram-widget-container::-webkit-scrollbar-thumb:active {
    background: linear-gradient(left, #22ADD4, #1E98BA);
}

#mainBody::-webkit-scrollbar {
    -webkit-appearance: none;
}

#mainBody::-webkit-scrollbar:vertical {
    width: 11px;
}

#mainBody::-webkit-scrollbar:horizontal {
    height: 11px;
}

#mainBody::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 2px solid white;
    background-color: rgba(0, 0, 0, .5);
}

#mainBody::-webkit-scrollbar-track {
    background-color: #fff;
    border-radius: 8px;
}

.section-7-wrapper-title {
    font-weight: bold;
    /*margin-bottom: 30px;*/
    margin-bottom: 10px;
    color: var(--head-text-color-2);
    font-size: var(--main-head-text-size-1);
}

.section-7-container .youtube-subscribe {
    margin-bottom: 10px;
}

.section-7-container .youtube-widget-video-title {
    margin-top: 10px;
    margin-bottom: 10px;
}


/* End section 7 */

.section-8-wrapper {
    /*padding: 50px 0px 80px 0px;*/
    padding: 40px 0px 60px 0px;
}

.section-8-wrapper-title {
    font-weight: bold;
    margin-bottom: 30px;
    /*color: var(--head-text-color-1);*/
    color: var(--sixth-text-color);
    font-size: var(--main-head-text-size-1);
}

.section-8-slide .slider-card {
    padding: 10px;
    border: 1px solid #c0c0c0;
}

.section-8-slide .owl-prev {
    width: 15px;
    height: auto;
    position: absolute;
    top: 50%;
    transform: translateY(-80%);
    margin-left: -20px !important;
    display: block !important;
    border: 0px solid black;
    background-color: #c0c0c0 !important;
    border-radius: 0px !important;
}

.section-8-slide .owl-next {
    width: 15px;
    height: auto;
    position: absolute;
    top: 50%;
    transform: translateY(-80%);
    right: -25px;
    display: block !important;
    border: 0px solid black;
    background-color: #c0c0c0 !important;
    border-radius: 0px !important;
}

.section-8-slide .owl-prev i,
.section-8-slide .owl-next i {
    /*transform: scale(1,6);*/
    color: #fff;
}

.section-8-slide-container {
    padding: 0px 15px;
}

.cat-page-wrapper .section-8-wrapper {
    padding: 0px 0px 50px 0px;
}


/* End Section 8 */

.section-9-wrapper #section-9-banner {
    position: relative;
    display: block;
    overflow: hidden;
    height: auto;
    width: 100%;
}

@media (min-width: 1200px) {
    .section-9-wrapper #section-9-banner {
        /*height: 100vh;*/
        height: 45vh;
        /*
        height: auto;
        min-height: 100vh;
        */
    }
    .section-9-banner-100vh {
        height: 100vh !important;
    }
}

#section-9-slider {
    display: block;
    position: relative;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 56vw;
    overflow: hidden;
}

@media (min-width: 1200px) {
    #section-9-slider {
        position: absolute;
        height: 100%;
    }
}

.section-9-item-wrapper {
    height: 100%;
}

.section-9-container .video-background {
    z-index: 0;
}

.section-9-container .video-foreground,
.section-9-container .video-background iframe {
    pointer-events: initial;
}

#section-9-slider .item,
.owl-item {
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
  
}

#section-9-slider .item span {
    display: block;
    position: absolute;
    width: 100%;
    min-height: 100% !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1;
}

.section-9-wrapper .owl-stage-outer,
.section-9-wrapper .owl-stage {
    height: 100%;
}

.section-9-wrapper .owl-dots {
    position: absolute;
    bottom: 14%;
    right: 10%;
}

@media (min-width: 1200px) {
    .section-9-wrapper .owl-dots {
        position: absolute;
        bottom: 50%;
        right: 10%;
    }
}

.section-9-wrapper .owl-dot span {
    background-color: lightblue !important;
}

.section-9-wrapper .owl-dot.active span {
    background-color: aqua !important;
}

.section-9-container {
    padding-left: 0px;
    padding-right: 0px;
}

.section-9-info {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.section-9-info .caption {
    color: var(--white-text-color);
    text-shadow: 2px 3px 6px #000;
}

.section-9-container {
    height: 100%;
}

.section-9-container .video-item iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* End section 9 */

.section-10-wrapper {
    padding: 25px 0px 30px 0px;
}

.section-10-section-title {
    /*color: var(--second-text-color);*/
    color: var(--sixth-text-color);
    font-size: var(--main-head-text-size);
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.section-10-section-title-link {
    text-decoration: none;
}

.section-10-slider .owl-dots {
    text-align: right !important;
}

.owl-dots {
    margin-top: 0px !important;
    margin-bottom: 10px;
}

.section-10-post-title-wrapper {
    text-align: justify;
    margin-top: 10px;
}

.section-10-post-title-link {
    font-size: var(--main-head-text-size-0);
    color: var(--third-text-color);
    font-weight: bold;
    text-decoration: none;
}


/* End section 10 */

.section-image-connect-wrapper {
    /*padding: 10px 0px 40px 0px;*/
    padding: 0px 0px 20px 0px;
}

.section-image-connect-wrapper-title {
    font-weight: bold;
    margin-bottom: 30px;
    color: var(--head-text-color-1);
    font-size: var(--main-head-text-size-1);
}

.section-image-connect-slide .slider-card {
    padding: 10px;
    /*border: 1px solid #c0c0c0;*/
}

.section-image-connect-slide .owl-prev {
    width: 15px;
    height: auto;
    position: absolute;
    top: 50%;
    transform: translateY(-80%);
    margin-left: -20px !important;
    display: block !important;
    border: 0px solid black;
    background-color: #c0c0c0 !important;
    border-radius: 0px !important;
}

.section-image-connect-slide .owl-next {
    width: 15px;
    height: auto;
    position: absolute;
    top: 50%;
    transform: translateY(-80%);
    right: -25px;
    display: block !important;
    border: 0px solid black;
    background-color: #c0c0c0 !important;
    border-radius: 0px !important;
}

.section-image-connect-slide .owl-prev i,
.section-image-connect-slide .owl-next i {
    /*transform: scale(1,6);*/
    color: #fff;
}

.section-image-connect-slide-container {
    padding: 0px 15px;
}

.section-image-connect-slide .image-wrapper {
    position: relative;
    padding-bottom: 40%;
    width: 100%;
}

@media (min-width: 1400px) {
    .section-image-connect-container {
        max-width: 1000px !important;
    }
}


/* End Image slider footer*/

.section-main-menu-container {
    height: 74px;
}

.section-main-menu-container .site-navbar {
    /*background-color: var(--bg-color-2);*/
    background-color: var(--bg-color-5);
}

@media (max-width: 768px) {
    .section-main-menu-container .site-navbar {
        min-height: 74px;
    }
}

.main-menu-content-container .site-navbar .nav-link:hover {
    color: var(--third-text-color) !important;
}


/*
body:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
    opacity: 0;
    visibility: hidden;
    z-index: 1;
}
*/

body.offcanvas-menu:before {
    opacity: 1;
    z-index: 1002;
    visibility: visible;
}


/*
p {
    color: #b3b3b3;
    font-weight: 300;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: "Quicksand", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

a {
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
}

a,
a:hover {
    text-decoration: none !important;
}
*/

.section-main-menu-container .main-menu {
    padding-left: 0px !important;
}

.section-main-menu-container .brand-logo-container {
    display: contents;
}

.section-main-menu-container .main-menu-content-container {
    padding-top: 5px;
    padding-bottom: 5px;
    max-width: 1700px;
}

.site-navbar-wrap {
    /*position: absolute;*/
    z-index: 99;
    width: 100%;
    left: 0;
}

.site-navbar-wrap a {
    color: #fff;
}

.site-navbar-wrap .site-navbar-top {
    font-size: 0.8rem;
}

.site-navbar-top {
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}

.site-navbar {
    margin-bottom: 0px;
    width: 100%;
}

.site-navbar .site-logo {
    font-weight: 200;
    line-height: 0;
    /*top: -7px;*/
    position: relative;
}

.site-navbar .site-logo a {
    font-weight: 200;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
}

.site-navbar .site-navigation .site-menu {
    margin-bottom: 0;
}

.site-navbar .site-navigation .site-menu a {
    text-decoration: none !important;
    display: inline-block;
    font-weight: 500;
}

.site-navbar .site-navigation .site-menu>li {
    display: inline-block;
    /*padding: 10px 5px;*/
    padding: 0px 5px;
}

.main-menu-content-container .site-navbar .site-navigation .site-menu>li>a {
    /*padding: 20px 10px;*/
    padding: 5px 5px;
    /*color: rgba(255, 255, 255, 0.6);*/
    color: var(--white-text-color);
    font-size: 12px;
    text-decoration: none !important;
    text-transform: uppercase;
}

.site-navbar .site-navigation .site-menu>li>a.active {
    color: #fff;
}

.main-menu-content-container .site-navbar .site-navigation .site-menu>li>a:hover {
    color: #fff;
}

.site-navbar .site-navigation .site-menu>li:last-child {
    padding-right: 0;
}

.site-navbar .site-navigation .site-menu>li:last-child>a {
    padding-right: 0;
}

.site-navbar .site-navigation .site-menu .has-children {
    position: relative;
}

.site-navbar .site-navigation .site-menu .has-children>a {
    position: relative;
    padding-right: 20px;
}

.site-navbar .site-navigation .site-menu .has-children>a:before {
    position: absolute;
    content: "\f0d7";
    font-size: 16px;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-family: 'fontawesome';
}

.site-navbar .site-navigation .site-menu .has-children .dropdown {
    visibility: hidden;
    opacity: 0;
    top: 100%;
    position: absolute;
    text-align: left;
    -webkit-box-shadow: 0 0px 4px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0 0px 4px 0px rgba(0, 0, 0, 0.25);
    padding: 0px 0;
    margin-top: 20px;
    margin-left: 0px;
    background: #fff;
    -webkit-transition: 0.2s 0s;
    -o-transition: 0.2s 0s;
    transition: 0.2s 0s;
    border-radius: 4px;
}

.site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top {
    position: absolute;
}

.main-menu-content-container .site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top:before {
    bottom: 100%;
    left: 20%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.main-menu-content-container .site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top:before {
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #fff;
    border-width: 10px;
    margin-left: -10px;
}

.site-navbar .site-navigation .site-menu .has-children .dropdown a {
    font-size: 14px;
    text-transform: none;
    letter-spacing: normal;
    -webkit-transition: 0s all;
    -o-transition: 0s all;
    transition: 0s all;
    color: #343a40;
}

.site-navbar .site-navigation .site-menu .has-children .dropdown a.active {
    color: #007bff;
}

.site-navbar .site-navigation .site-menu .has-children .dropdown .active>a {
    color: #fff !important;
}

.site-navbar .site-navigation .site-menu .has-children .dropdown>li {
    list-style: none;
    padding: 0;
    margin: 0;
    min-width: 200px;
}

.site-navbar .site-navigation .site-menu .has-children .dropdown>li:first-child>a {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.site-navbar .site-navigation .site-menu .has-children .dropdown>li:last-child>a {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.site-navbar .site-navigation .site-menu .has-children .dropdown>li>a {
    padding: 9px 20px;
    display: block;
}

.site-navbar .site-navigation .site-menu .has-children .dropdown>li>a:hover {
    background: #ebeef0;
    color: #212529;
}

.site-navbar .site-navigation .site-menu .has-children .dropdown>li.has-children>a:before {
    content: "\e315";
    right: 20px;
}

.site-navbar .site-navigation .site-menu .has-children .dropdown>li.has-children>.dropdown,
.site-navbar .site-navigation .site-menu .has-children .dropdown>li.has-children>ul {
    left: 100%;
    top: 0;
}

.site-navbar .site-navigation .site-menu .has-children .dropdown>li.has-children:hover>a,
.site-navbar .site-navigation .site-menu .has-children .dropdown>li.has-children:active>a,
.site-navbar .site-navigation .site-menu .has-children .dropdown>li.has-children:focus>a {
    background: #ebeef0;
    color: #212529;
}

.main-menu-content-container .site-navbar .site-navigation .site-menu .has-children:hover>a,
.main-menu-content-container .site-navbar .site-navigation .site-menu .has-children:focus>a,
.main-menu-content-container .site-navbar .site-navigation .site-menu .has-children:active>a {
    color: #fff;
}

.site-navbar .site-navigation .site-menu .has-children:hover,
.site-navbar .site-navigation .site-menu .has-children:focus,
.site-navbar .site-navigation .site-menu .has-children:active {
    cursor: pointer;
}

.site-navbar .site-navigation .site-menu .has-children:hover>.dropdown,
.site-navbar .site-navigation .site-menu .has-children:focus>.dropdown,
.site-navbar .site-navigation .site-menu .has-children:active>.dropdown {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
    margin-top: 0px;
    visibility: visible;
    opacity: 1;
}

.site-mobile-menu {
    width: 300px;
    position: fixed;
    right: 0;
    z-index: 2000;
    padding-top: 20px;
    background: #fff;
    height: calc(100vh);
    -webkit-transform: translateX(110%);
    -ms-transform: translateX(110%);
    transform: translateX(110%);
    -webkit-box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1);
    box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1);
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
}

.offcanvas-menu .site-mobile-menu {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
}

.site-mobile-menu .site-mobile-menu-header {
    width: 100%;
    float: left;
    padding-left: 20px;
    padding-right: 20px;
}

.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close {
    float: right;
    margin-top: 8px;
}

.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span {
    font-size: 30px;
    display: inline-block;
    padding-left: 10px;
    padding-right: 0px;
    line-height: 1;
    cursor: pointer;
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
}

.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span:hover {
    color: #dee2e6;
}

.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo {
    float: left;
    margin-top: 10px;
    margin-left: 0px;
}

.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a {
    display: inline-block;
    text-transform: uppercase;
}

.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a img {
    max-width: 70px;
}

.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a:hover {
    text-decoration: none;
}

.site-mobile-menu .site-mobile-menu-body {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    position: relative;
    padding: 20px;
    height: calc(100vh - 52px);
    padding-bottom: 150px;
}

.site-mobile-menu .site-nav-wrap {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
}

.site-mobile-menu .site-nav-wrap a {
    padding: 10px 20px;
    display: block;
    position: relative;
    color: #212529;
}

.site-mobile-menu .site-nav-wrap a.active,
.site-mobile-menu .site-nav-wrap a:hover {
    color: #007bff;
}

.site-mobile-menu .site-nav-wrap li {
    position: relative;
    display: block;
}

.site-mobile-menu .site-nav-wrap li.active>a {
    color: #007bff;
}

.site-mobile-menu .site-nav-wrap .arrow-collapse {
    position: absolute;
    right: 0px;
    top: 10px;
    z-index: 20;
    width: 36px;
    height: 36px;
    text-align: center;
    cursor: pointer;
    border-radius: 50%;
}

.site-mobile-menu .site-nav-wrap .arrow-collapse:hover {
    background: #f8f9fa;
}

.site-mobile-menu .site-nav-wrap .arrow-collapse:before {
    font-size: 12px;
    z-index: 20;
    font-family: "fontawesome";
    content: "\f078";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(-180deg);
    -ms-transform: translate(-50%, -50%) rotate(-180deg);
    transform: translate(-50%, -50%) rotate(-180deg);
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
}

.site-mobile-menu .site-nav-wrap .arrow-collapse.collapsed:before {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.site-mobile-menu .site-nav-wrap>li {
    display: block;
    position: relative;
    float: left;
    width: 100%;
}

.site-mobile-menu .site-nav-wrap>li>a {
    padding-left: 20px;
    font-size: 20px;
}

.site-mobile-menu .site-nav-wrap>li>ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.site-mobile-menu .site-nav-wrap>li>ul>li {
    display: block;
}

.site-mobile-menu .site-nav-wrap>li>ul>li>a {
    padding-left: 40px;
    font-size: 16px;
}

.site-mobile-menu .site-nav-wrap>li>ul>li>ul {
    padding: 0;
    margin: 0;
}

.site-mobile-menu .site-nav-wrap>li>ul>li>ul>li {
    display: block;
}

.site-mobile-menu .site-nav-wrap>li>ul>li>ul>li>a {
    font-size: 16px;
    padding-left: 60px;
}

.sticky-wrapper {
    /*position: absolute;*/
    z-index: 100;
    width: 100%;
}

.sticky-wrapper+.site-blocks-cover {
    margin-top: 96px;
}

.sticky-wrapper .site-navbar {
    /*
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
    */
    z-index: 9 !important;
    position: absolute;
}

.sticky-wrapper .site-navbar ul li.active a {
    color: #fff;
}

.section-main-menu-container .sticky-wrapper.is-sticky .site-navbar {
    /*background-color: #007bff;*/
    background-color: var(--bg-color-2);
}

.section-main-menu-container .sticky-wrapper.is-sticky .site-navbar .site-navigation .site-menu>li {
    display: inline-block;
    /*padding: 10px 5px;*/
    padding: 0px 5px;
}

.section-main-menu-container .sticky-wrapper.is-sticky .site-navbar .site-navigation .site-menu>li:last-child {
    padding-right: 0;
}

.section-main-menu-container .sticky-wrapper.is-sticky .site-navbar .site-navigation .site-menu>li:last-child>a {
    padding-right: 0;
}

.section-main-menu-container .sticky-wrapper.is-sticky .site-navbar .site-navigation .site-menu>li.has-children>a {
    padding-right: 20px;
}

.section-main-menu-container .sticky-wrapper.is-sticky .site-navbar .site-navigation .site-menu>li>a {
    /*padding: 10px 10px;*/
    padding: 5px 5px;
    /*color: rgba(255, 255, 255, 0.6);*/
    font-size: 12px;
}

.section-main-menu-container .sticky-wrapper.is-sticky .site-navbar .site-navigation .site-menu>li>a:hover {
    color: #fff !important;
}

.section-main-menu-container .sticky-wrapper.is-sticky .site-navbar .site-navigation .site-menu>li>a.active {
    color: #fff !important;
}

.section-main-menu-container .sticky-wrapper.is-sticky .site-navbar .site-navigation .site-menu>li.active a {
    color: #fff;
}

@media (max-width: 1920px) {
    .main-menu-content-container {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
}

.section-main-menu-container .main-menu a.active {
    color: var(--main-bg-text) !important;
    font-weight: bold !important;
}


/* End Main menu*/


/* Begin Main menu v2 */

.section-main-menu-v2-container {
    min-height: 49px;
    overflow: hidden;
}

.main-menu-v2-content-container .nav-link {
    /*padding: 20px 10px;*/
    padding: 10px 5px;
    /*color: rgba(255, 255, 255, 0.6);*/
    color: var(--sixth-text-color);
    font-size: 13px;
    text-decoration: none !important;
    text-transform: uppercase;
}

.main-menu-v2-content-container .main-menu {
    padding-left: 0px;
    display: inline-block !important;
}

.main-menu-v2-content-container .main-menu-v2-wrapper {
    text-align: center;
}

.main-menu-v2-content-container .main-menu a:hover {
    color: var(--first-hover-text-color) !important;
}

.main-menu-v2-content-container {}

.main-menu-v2-content-container .main-menu-v2-wrapper {
    text-align: center;
    border-top: 1px solid #ebebeb;
    border-bottom: 2px solid var(--first-bottom-color);
    padding: 4px 0px;
}

.section-main-menu-v2-container .sticky-wrapper.is-sticky .site-navbar {
    /*background-color: #007bff;*/
    background-color: #fafafa;
}

.section-main-menu-v2-container .main-menu a.active {
    color: var(--seventh-text-color) !important;
    font-weight: bold !important;
}

.main-menu-v2-wrapper .main-menu-search-wrapper {
    display: inline-block;
    margin-left: 15px;
}

.main-menu-v2-wrapper .menu-top-search-btn-wrapper {
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 9;
}

.main-menu-v2-wrapper .menu-top-search-btn-wrapper button.menu-top-search-btn {
    border: none !important;
}

.main-menu-v2-wrapper .menu-top-search-btn-wrapper button.menu-top-search-btn:focus,
.main-menu-v2-wrapper .menu-top-search-btn-wrapper button.menu-top-search-btn:active {
    outline: none !important;
    box-shadow: none;
}

.main-menu-v2-wrapper .main-menu-search-wrapper .menu-top-search {
    padding-right: 30px;
}

@media (max-width: 1440px) {
    .main-menu-v2-content-container .main-menu-v2-wrapper {
        background-color: #fff;
    }
}

@media (max-width: 1200px) {
    .main-menu-v2-content-container .main-menu-v2-wrapper {
        background-color: #fff;
    }
    .main-menu-v2-wrapper .main-menu-search-wrapper {
        width: 100%;
        margin-left: 0px;
    }
    .main-menu-search-wrapper .input-group {
        max-width: 300px;
        float: right;
        margin-right: 30px;
    }
}

.site-logo-mobile {
    display: none;
}

@media (max-width: 991px) {
    .site-logo-mobile {
        display: block;
        width: 70%;
        margin-left: auto;
        margin-right: auto;
    }
    .main-menu-v2-content-container {
        background-color: #fff;
        padding: 15px 0px;
        border-bottom: 2px solid var(--first-bottom-color);
    }
}

@media (max-width: 425px) {
    .main-menu-v2-content-inner .site-logo-mobile {
        margin-left: 15px;
    }
}

.main-menu-v2-content-inner .site-logo-mobile {
    text-align: center;
}

.site-logo-mobile img {
    width: 100%;
    max-width: 528px;
}


/* End main menu v2 */

.section-main-footer-link-wrapper .has-children .dropdown {
    list-style: none;
}

.section-main-footer-wrapper .section-main-footer-link-wrapper {
    columns: 4;
}

.section-main-footer-link-wrapper div {
    /*
    display: inline;
    float: left;
    min-width: 25%;
    max-width: 25%;
    */
    break-inside: avoid;
}

.footer-menu-item .main-nav-link {
    /*color: var(--second-text-color);*/
    color: var(--white-text-color);
    text-transform: uppercase;
    font-size: var(--main-text-size-2);
}

.footer-menu-item .dropdown {
    padding-left: 0px;
}

.footer-menu-item .sub-nav-link {
    color: var(--white-text-color);
    /*color: #98a4af;*/
    font-size: var(--main-text-size-3);
    padding: 0px 0px 0px 15px;
    margin-bottom: 5px;
}

.section-main-footer-info-wrapper {
    padding: 15px 0px;
    color: var(--white-text-color);
}

.section-main-footer-info-wrapper p {
    margin-bottom: 5px;
    font-size: var(--main-text-size-3);
}

.section-main-footer-info-wrapper img {
    margin-bottom: 15px;
}

.section-main-footer-content {
    margin-top: 20px;
    margin-bottom: 20px;
}

.section-main-footer-content {
    max-width: 1700px;
}

.section-main-footer-content {
    padding: 0px 15px !important;
}

.section-main-footer-contact-text p {
    margin-bottom: 0px;
}

@media (max-width: 1024px) {
    .section-main-footer-wrapper .section-main-footer-link-wrapper {
        columns: 3;
    }
}

@media (max-width: 992px) {
    .section-main-footer-1 {
        order: 1;
    }
    .section-main-footer-3 {
        order: 2;
    }
    .section-main-footer-2 {
        order: 3;
    }
    .section-main-footer-wrapper .section-main-footer-link-wrapper {
        columns: 4;
    }
    .section-main-footer-link-wrapper .nav-link {
        padding-left: 0px;
    }
}

@media (max-width: 768px) {
    .section-main-footer-contact-wrapper {
        margin-bottom: 15px;
    }
    .section-main-footer-link-wrapper {
        columns: 3;
        margin-bottom: 15px;
    }
}

@media (max-width: 425px) {
    .section-main-footer-link-wrapper {
        columns: 1;
    }
    .section-hit-counter-item {
        display: block !important;
    }
}


/* End Main Footer */

.section-main-footer-subscribe-label {
    text-transform: uppercase;
    font-size: 13pt;
    color: #fff;
}

.section-main-footer-subscribe-tagline {
    color: #dddddd;
}

#subscribe-email {
    width: 100%;
    max-width: 300px;
}

.subscribe-email {
    margin: 15px 0px;
    border-radius: 7px;
    border: none;
    height: 40px;
    padding-left: 10px;
}

.subscribe-btn {
    margin-bottom: 15px;
    width: 100%;
    max-width: 300px;
    border: none;
    border-radius: 7px;
    background-color: var(--bg-color-7);
    color: var(--white-text-color);
    height: 40px;
}

.section-main-footer-v2-content .footer-menu-item-link a {
    color: var(--white-text-color);
}

.subscribe-message-content {
    color: var(--fourth-text-color);
}

.section-main-footer-v2-container .main-nav-link {
    padding: 0.2rem 0rem;
}


/* End Main Footer v2 */

.section-hit-counter-content {
    text-align: center;
    padding: 15px 0px;
    border-top: 1px solid #fafafa;
}

.section-hit-counter-item {
    display: inline-block;
    margin: 0px 15px;
    color: #c0c0c0;
}

.section-hit-counter-online {
    /*color: var(--white-text-color);*/
}

.page-wrapper-en .section-hit-counter-online {
    /*display: none;*/
}

.section-main-footer-v2-wrapper .footer-menu-item-social {
    margin: 10px 0px;
}

.section-main-footer-v2-wrapper .footer-menu-item-social a {
    margin-right: 10px;
    display: inline-block;
}

.section-main-footer-v3-wrapper .section-main-footer-link-wrapper {
    column-gap: normal;
    columns: 2;
}

.section-main-footer-v3-wrapper .footer-menu-item-social {
    margin: 10px 0px;
}

.section-main-footer-v3-wrapper .footer-menu-item-social a {
    margin-right: 10px;
    display: inline-block;
}

.section-main-footer-v3-wrapper .section-main-footer-subscribe-input {
    display: inline;
    margin-right: 5px;
}

.section-main-footer-v3-wrapper .subscribe-btn-wrapper {
    display: inline-block;
}

.section-main-footer-v3-content .footer-menu-item .sub-nav-link {
    color: #96a0aa;
}

.section-main-footer-v3-content .footer-menu-item .main-nav-link {
    text-transform: none;
}

.section-main-footer-v3-content .footer-menu-item li {
    list-style: none;
}

.section-main-footer-v3-content .section-main-footer-contact-wrapper {
    text-align: right;
}

.section-main-footer-v3-content .section-main-footer-contact.section-main-footer-contact-image a {
    display: block;
    width: 100%;
}

.section-main-footer-v3-content .section-main-footer-contact.section-main-footer-contact-image img {
    width: 100%;
    max-width: 135px;
}

.section-main-footer-v3-content .footer-subscribe-en {
    display: none;
}

@media (max-width: 1400px) {
    #subscribe-email {
        max-width: 220px;
    }
}

@media (max-width: 992px) {
    .section-main-footer-v3-content .section-main-footer-1 {
        order: 1;
    }
    .section-main-footer-v3-content .section-main-footer-3 {
        order: 3;
    }
    .section-main-footer-v3-content .section-main-footer-2 {
        order: 2;
    }
    .section-main-footer-v3-content .section-main-footer-wrapper .section-main-footer-link-wrapper {
        columns: 4;
    }
    .section-main-footer-link-wrapper .nav-link {
        padding-left: 0px;
    }
}

@media (max-width: 768px) {
    .section-main-footer-v3-content .section-main-footer-contact.section-main-footer-contact-image img {
        max-width: 100%;
    }
}


/* End Main Hit Counter */

.section-banner-default-list-wrapper {
    /*background-color: #34495e;*/
    background-color: #6496c8;
    background-repeat: no-repeat;
    background-size: cover;
}

.section-banner-default-list-container div {
    height: 100%;
}

.section-banner-default-list-container-content-img-container {
    overflow: hidden;
    position: relative;
}

.section-banner-default-list-container-content-img {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    background: fixed;
}

.section-banner-default-list-container-content {
    position: relative;
}

.section-banner-default-list-container-content-title-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    /*background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.196516106442577) 70%, rgba(255, 255, 255, 0.8) 90%, rgba(255, 255, 255, 0.9) 100%);*/
    /*background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 70%, rgba(255, 255, 255, 1) 90%, rgba(255, 255, 255, 1) 100%);*/
    /*background: linear-gradient(270deg, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0.6) 44%, rgba(255, 255, 255, 0.7) 60%, rgba(255, 255, 255, 0.92) 80%, rgba(255, 255, 255, 0.95) 90%, rgba(255, 255, 255, 0.98) 100%);*/
}

.section-banner-default-list-container-content-title-container {}

@media (max-width: 1200px) {
    .section-default-list-album-item-container-right {
        display: none;
    }
}

@media (min-width: 1200px) {
    .section-default-list-album-item-second-wrapper .section-default-list-album-item-container-left {}
    .section-default-list-album-item-second-wrapper .section-default-list-album-item-container-right {
        padding-left: 0px;
    }
    .section-default-list-album-item-second-wrapper .section-default-list-album-item-other-img-wrapper {
        margin-bottom: 5px !important;
    }
}

.section-banner-default-list-container-content-title {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    /*font-size: var(--main-banner-text-size-2);*/
    font-weight: bold;
    text-transform: uppercase;
    /*color: var(--second-text-color);*/
    /*color: var(--sixth-text-color);*/
    /*text-shadow: 2px 3px 3px #646464;*/
    /*text-shadow: 1px 1px 2px #646464;*/
    text-shadow: 1px 1px 2px var(--sixth-text-color);
    font-size: 2.2rem;
    color: #fff;
}

.section-banner-default-list-container-content-title .section-default-list-sublist-container-content-item-link {
    font-size: var(--main-banner-text-size-2);
    font-weight: bold;
    text-transform: uppercase;
    /*color: var(--second-text-color);*/
    /*color: var(--sixth-text-color);*/
    /*text-shadow: 2px 3px 3px #646464;*/
    /*text-shadow: none;*/
    text-shadow: 1px 1px 2px var(--sixth-text-color);
    font-size: 2.2rem;
    color: var(--white-text-color);
}

.section-default-list-sublist-container-content-item-link {
    text-decoration: none;
    color: var(--third-text-color);
}

.section-default-list-sublist-container-content-item-link:hover {
    /*color: var(--second-text-color);*/
    color: var(--white-text-color) !important;
}

@media (max-width: 768px) {
    .section-default-list-sublist-container-content-item-list {
        /*padding-left: 15px;*/
    }
    .section-default-list-sublist-wrapper .section-default-list-sublist-container-content-item {
        /*display: list-item;*/
    }
    .section-default-list-sublist-container-content-item-list a.section-default-list-sublist-container-content-item-link:before {
        content: "\f101";
        font-family: FontAwesome;
        display: inline-block;
        margin-left: 0px;
        width: 20px;
    }
}


/* End khối banner mặc định của danh sách*/

.section-default-list-content-container {
    margin-top: 30px;
    margin-bottom: 30px;
}

@media (max-width: 1200px) {
    .section-default-list-content-container {
        /*margin-top: 80px;*/
    }
}

.section-default-list-sublist-container-content-item-list {
    border-bottom: 2px solid var(--border-color-2);
}

.section-default-list-sublist-container-content-item {
    display: inline-block;
    padding: 15px 0px;
    margin-right: 30px;
}


/* End khối danh sách danh mục con mặc định của danh sách*/


/* Begin khối nội dung mặc định của danh sách*/

.section-default-list-content-container-left {
    position: relative;
}

.section-default-list-content-container-content-outter {
    position: relative;
    height: 100%;
    /*
    position: sticky;
    top: 60px;
    */
}

.sticky-container {
    display: flex;
}

@media (max-width: 992px) {
    .section-default-list-content-wrapper .section-default-list-content-container-left {
        margin-bottom: 30px;
    }
}

span.post-publish-date {
    font-weight: normal;
}

.section-default-list-news-item {
    margin-bottom: 30px;
}

a.section-default-list-news-post-info-title-link {
    text-decoration: none;
}

.section-default-list-news-post-info-title {
    font-size: var(--main-text-size-1);
    font-weight: bold;
    margin: 15px 0px 10px 0px;
    font-family: var(--font-head-1);
    line-height: var(--line-height-1-5);
}

.section-default-list-news-item-first-img-container {
    border-left: 1px solid #c0c0c0;
    border-top: 1px solid #c0c0c0;
    border-bottom: 1px solid #c0c0c0;
}

.section-default-list-news-item-first .section-default-list-news-post-info-title {
    font-size: 20px;
    font-weight: bolder;
    color: var(--white-text-color);
    font-family: var(--font-head-1);
}

.section-default-list-news-item-first .section-default-list-news-post-info-container {
    /*background-color: #2a384a;*/
    background-color: var(--bg-color-5);
    color: #fff;
    text-align: justify;
    padding: 30px 30px 10px 30px;
    height: 100%;
}

.section-default-list-news-item-first .section-default-list-news-post-info-title {
    margin: 0px 0px 10px 0px;
}

.section-default-list-news-item span.post-publish-date {
    font-size: 11pt;
}

.section-default-list-content-container .section-default-list-news-item-second .image-wrapper,
.section-default-list-content-container .section-default-list-news-item-third .image-wrapper {
    border: 1px solid #e0e0e0;
}

.section-default-list-content-container .section-default-list-news-item-second .section-default-list-news-post-info-title {
    font-size: 20px;
}

.content-pagination .page-item {
    margin-right: 7px;
}

.content-pagination .page-link,
.content-pagination .page-item.disabled .page-link {
    border-radius: 5px;
    border: 1px solid var(--border-color-2);
    color: var(--main-text-color);
    border-color: var(--bg-color-2);
}

.content-pagination .page-item.active .page-link {
    z-index: 3;
    color: var(--main-text-color);
    background-color: var(--bg-color-2);
    border-color: var(--bg-color-2);
}

.section-default-list-news-post-info-excerpt {
    text-align: justify;
}

@media (min-width: 1200px) {
    .section-default-list-news-item-container-left {
        padding-right: 0px !important;
    }
    .section-default-list-news-item-container-right {
        padding-left: 0px !important;
    }
}

@media (min-width: 425px) {
    .section-default-list-news-item-first .section-default-list-news-post-info-container {
        padding: 15px 15px 5px 15px;
    }
}

@media (min-width: 1600px) {
    .section-default-list-news-item-first .section-default-list-news-post-info-container {
        padding: 30px 30px 5px 30px;
    }
}


/* End khối nội dung mặc định của danh sách dạng tin tức */

.section-default-list-album-item {
    margin-bottom: 30px;
}

.section-default-list-album-item-first-wrapper {
    background-color: var(--bg-color-1);
    padding: var(--bs-gutter-x);
}

a.section-default-list-album-post-info-title-link {
    text-decoration: none;
}

.section-default-list-album-item-wrapper .section-default-list-album-post-info-title {
    font-size: var(--main-text-size-1);
    font-weight: bold;
    /*margin: 15px 0px 10px 0px;*/
    font-family: var(--font-head-1);
    line-height: var(--line-height-1-5);
}

.section-default-list-album-post-info-title {
    /*font-size: var(--main-text-size-1);*/
    font-weight: bold;
    /*margin: 15px 0px 10px 0px;*/
    font-family: var(--font-head-1);
    line-height: var(--line-height-1-5);
    font-weight: 600;
    font-size: 2.5rem;
}

@media (max-width: 768px) {
    .section-default-list-album-post-info-title {
        font-size: 5vw;
    }
}

.section-default-list-album-item-first .section-default-list-album-post-info-title {
    font-size: var(--main-text-size-1);
    font-weight: bolder;
    color: var(--white-text-color);
    font-family: var(--font-head-1);
}

.section-default-list-album-item-first .section-default-list-album-post-info-container {
    /*background-color: #2a384a;*/
    color: #fff;
    text-align: justify;
    /*padding: 30px 30px 10px 30px;*/
    height: 100%;
}

.section-default-list-album-item-first .section-default-list-album-post-info-title {
    margin: 15px 0px 0px 0px;
}

.section-default-list-album-item span.post-publish-date {
    font-size: 11pt;
}

.section-default-list-album-item-first-wrapper .image-wrapper {
    border: none !important;
}

.section-default-list-album-item .image-wrapper {
    border: 1px solid #e0e0e0;
}

.content-pagination .page-item {
    margin-right: 7px;
}

.content-pagination .page-link,
.content-pagination .page-item.disabled .page-link {
    border-radius: 5px;
    border: 1px solid var(--border-color-2);
    color: var(--main-text-color);
    border-color: var(--bg-color-2);
}

.content-pagination .page-item.active .page-link {
    z-index: 3;
    color: var(--main-text-color);
    background-color: var(--bg-color-2);
    border-color: var(--bg-color-2);
}

.section-default-list-album-post-info-excerpt {
    text-align: justify;
}

.section-default-list-album-item-first-wrapper .section-default-list-album-item-other-img-wrapper:first-child {
    margin-bottom: 17px;
}

@media (min-width: 1200px) {
    .section-default-list-album-item-container-left {
        padding-right: 5px !important;
    }
}

.section-default-list-album-item-second-wrapper .section-default-list-album-item-other-img-wrapper {
    margin-bottom: 18px;
}

.section-default-list-album-item-second-wrapper {
    padding: 15px;
    background-color: #e5e5e5;
    min-height: 258.5px;
}


/* End khối nội dung mặc định của danh sách dạng album */

.section-default-list-video-item {
    margin-bottom: 30px;
}

.section-default-list-video-item-first-wrapper {
    background-color: var(--bg-color-1);
    padding: var(--bs-gutter-x);
}

a.section-default-list-video-post-info-title-link {
    text-decoration: none;
}

.section-default-list-video-post-info-title {
    font-size: var(--main-text-size-1);
    font-weight: bold;
    margin: 15px 0px 10px 0px;
    font-family: var(--font-head-1);
    line-height: var(--line-height-1-5);
}

.section-default-list-video-item-first .section-default-list-video-post-info-title {
    /*font-size: var(--main-text-size-1);*/
    font-weight: bolder;
    color: var(--white-text-color);
    font-size: 20px;
}

.section-default-list-video-item-first .section-default-list-video-post-info-container {
    /*background-color: #2a384a;*/
    color: #fff;
    text-align: justify;
    /*padding: 30px 30px 10px 30px;*/
    height: 100%;
}

.section-default-list-video-item-first .section-default-list-video-post-info-title {
    margin: 15px 0px 0px 0px;
}

.section-default-list-video-item-second-wrapper span.post-publish-date {
    font-size: 11pt;
}

.section-default-list-video-item .image-wrapper {
    border: 1px solid #e0e0e0;
}

.content-pagination .page-item {
    margin-right: 7px;
}

.content-pagination .page-link,
.content-pagination .page-item.disabled .page-link {
    border-radius: 5px;
    /*
    border: 1px solid var(--border-color-2);
    color: var(--main-text-color);
    border-color: var(--bg-color-2);
    */
    border: 1px solid var(--bg-color-6);
    color: var(--main-text-color);
    border-color: var(--bg-color-6);
}

.content-pagination .page-item.active .page-link {
    z-index: 3;
    /*
    color: var(--main-text-color);
    background-color: var(--bg-color-2);
    border-color: var(--bg-color-2);
    */
    color: var(--white-text-color);
    background-color: var(--bg-color-6);
    border-color: var(--bg-color-6);
}

.section-default-list-video-post-info-excerpt {
    text-align: justify;
}

.section-default-list-video-item-first-wrapper .section-default-list-video-item-other-img-wrapper:first-child {
    margin-bottom: 17px;
}

.section-default-list-video-item-second-wrapper .section-default-list-video-item-other-img-wrapper {
    margin-bottom: 18px;
}

.section-default-list-video-item-second-wrapper {
    /*
    padding: 15px;
    background-color: #e5e5e5;
    min-height: 258.5px;
    */
}

.section-default-list-video-item-first-wrapper .post-publish-date-wrapper {
    color: var(--white-text-color);
}

.section-default-list-video-item-first-wrapper .post-view-wrapper {
    color: var(--white-text-color);
}

.section-default-list-video-item-container-left {
    margin-top: var(--bs-gutter-x) !important;
}


/* End khối nội dung mặc định của danh sách dạng video */

.section-default-list-doc-search-wrapper {
    margin-bottom: 30px;
}

.section-default-list-doc-search-container {
    background-color: #c1d7de;
    padding: var(--bs-gutter-x);
}

.section-default-list-doc-search-section-title {
    font-size: 15pt;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.section-default-list-doc-search-container .form-control {
    margin-bottom: 15px;
}

.section-default-list-doc-item-wrapper {
    border-bottom: 1px solid #c0c0c0;
    padding-bottom: 30px;
}

.section-default-list-doc-post-info-icon {
    /*color: var(--second-text-color);*/
    color: var(--seventh-text-color);
}

.section-default-list-doc-post-info-title-icon:before {
    content: "\f0f6";
}

.section-default-list-doc-post-info-button-item-seemore:before {
    content: "\f03a";
}

.section-default-list-doc-post-info-button-item-download:before {
    content: "\f0c6";
}

.section-default-list-doc-post-info-button-item-no:before {
    content: "\f044";
}

.section-default-list-doc-item {
    margin-bottom: 30px;
}

a.section-default-list-doc-post-info-title-link {
    text-decoration: none;
}

.section-default-list-doc-post-info-title {
    font-size: var(--main-text-size-1);
    font-weight: bold;
    margin: 15px 0px 10px 0px;
    font-family: var(--font-head-1);
    line-height: var(--line-height-1-5);
}

.section-default-list-doc-post-info-excerpt {
    text-align: justify;
}

.section-default-list-doc-post-info-date-wrapper {
    border-left: 1px solid #c0c0c0;
    /*color: var(--second-text-color);*/
    padding-left: 30px;
}

.section-default-list-doc-post-info-button-item {
    display: inline-block;
    margin-right: 15px;
}

.section-default-list-doc-post-info-button {
    padding: 0px 0px 0px 22px;
}

.section-default-list-doc-post-info-button a {
    text-decoration: none;
    font-size: var(--main-text-size-2);
}

.section-default-list-doc-post-info-date-wrapper .post-publish-date {
    float: right;
}

.search-doc-btn {
    background-color: var(--bg-color-1) !important;
    color: #fff !important;
}

.section-default-list-doc-search-container #title_docs {
    height: 38px;
}

.section-default-list-doc-item .image-wrapper {
    border: 1px solid #e0e0e0;
}

@media (max-width: 992px) {
    .section-default-list-content-wrapper .single-doc-container {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}


/* End khối nội dung mặc định của danh sách dạng văn bản */

.section-default-list-guide-search-wrapper {
    margin-bottom: 30px;
}

.section-default-list-guide-search-container {
    background-color: #c1d7de;
    padding: var(--bs-gutter-x);
}

.section-default-list-guide-search-section-title {
    font-size: 15pt;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.section-default-list-guide-search-container .form-control {
    margin-bottom: 15px;
}

.section-default-list-guide-item-wrapper {
    border-bottom: 1px solid #c0c0c0;
    padding-bottom: 30px;
}

.section-default-list-guide-post-info-icon {
    /*color: var(--second-text-color);*/
    color: var(--seventh-text-color);
}

.section-default-list-guide-post-info-title-icon:before {
    /*content: "\f0f6";*/
    content: "\f15c";
}

.section-default-list-guide-post-info-button-item-seemore:before {
    content: "\f03a";
}

.section-default-list-guide-post-info-button-item-dept:before {
    /*content: "\f1ad";*/
    content: "\f0f7";
}

.section-default-list-guide-post-info-button-item-field:before {
    content: "\f02c";
}

.section-default-list-guide-item {
    margin-bottom: 30px;
}

a.section-default-list-guide-post-info-title-link {
    text-decoration: none;
}

.section-default-list-guide-post-info-title {
    font-size: var(--main-text-size-1);
    font-weight: bold;
    margin: 15px 0px 10px 0px;
}

.section-default-list-guide-post-info-excerpt {
    text-align: justify;
}

.section-default-list-guide-post-info-date-wrapper {
    border-left: 1px solid #c0c0c0;
    color: var(--second-text-color);
    padding-left: 30px;
}

.section-default-list-guide-post-info-button-item {
    /*
    display: inline-block;
    margin-right: 15px;
    */
}

.section-default-list-guide-post-info-button {
    padding: 0px 0px 0px 22px;
}

.section-default-list-guide-post-info-button a {
    text-decoration: none;
    font-size: var(--main-text-size-2);
}

.section-default-list-guide-post-info-date-wrapper .post-publish-date {
    float: right;
}

.search-guide-btn {
    background-color: var(--bg-color-1) !important;
    color: #fff !important;
}

.section-default-list-guide-search-container #title_docs {
    height: 38px;
}

@media (max-width: 992px) {
    .section-default-list-content-wrapper .single-guide-container {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}


/* End khối nội dung mặc định của danh sách dạng thủ tục */


/* Begin khối nội dung mặc định bên phải của danh sách */

.section-default-list-content-container-right-item-wrapper {
    position: sticky;
    top: 60px;
}

.section-default-list-content-container-right-item-wrapper .section-default-list-content-container-right-item .widget-block-wrapper {
    margin-bottom: 30px;
}

.section-default-list-sublist-right-container-content-item-headlink {
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
}

.section-default-list-sublist-right-container-content-item-headlink:hover {
    color: #fff;
}

.container.section-default-list-sublist-right-container {
    padding: 25px 25px;
}

.section-default-list-sublist-right-container-content-item-headlink {
    margin-bottom: 10px;
}

.section-default-list-sublist-right-container-content-item {
    display: list-item;
    color: #fff;
    margin-bottom: 10px;
}

.section-default-list-sublist-right-container-content-item-list {
    padding-left: 15px;
}

.section-default-list-sublist-right-container-content-item-link {
    color: var(--third-text-color);
    font-size: 11pt;
}

@media (min-width: 1200px) {
    .section-default-list-sublist-right-container {
        min-height: 323px;
    }
}


/* End danh sách danh mục con */

.widget-block-1-post-title {}

.widget-block-1-post-number {
    /*
    margin: 0px;
    padding: 15px 16px;
    display: block;
    background-color: var(--bg-color-2);
    color: #fff;
    text-decoration: underline;
    */
    margin: 0px;
    display: block;
    color: var(--bg-color-7);
    text-decoration: underline;
    padding: 5px 0px 0px 0px;
    font-size: 7pt;
}

.widget-block-1-post-number-wrapper {
    /*
    width: 50px;
    display: inline-block;
    float: left;
    margin-right: 15px;
    */
    display: inline-block;
    float: left;
    margin-right: 15px;
}

.widget-block-1-post-number i:before {
    /*content: "\f1ea";*/
    content: "\f0c8";
}

.widget-block-1-post-item {
    margin-bottom: 12px;
    /*min-height: 54px;*/
}

#widget-block-1-post-info-container {
    background-color: #2a384a;
    color: #fff;
    text-align: justify;
    padding: 30px 30px 10px 30px;
    height: 100%;
}

.widget-block-1-container {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.widget-block-1-section-title {
    /*color: var(--second-text-color);*/
    color: var(--sixth-text-color);
    font-size: var(--main-head-text-size);
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.widget-block-1-section-title-link {
    text-decoration: none;
}

.widget-block-1-post-title {
    color: var(--third-text-color);
    text-decoration: none;
    padding-bottom: 5px;
    /*font-family: var(--font-head-1);*/
    font-size: 12pt;
}

@media (min-width: 1200px) {
    .widget-block-1-post-title {
        min-height: 54px;
    }
}

.widget-block-1-post-title-container {
    display: flex;
    border-bottom: 1px dotted #c0c0c0;
    text-align: justify;
}


/* End Tin mới*/

.widget-block-2-container {
    padding-left: 0px;
    padding-right: 0px;
}

.widget-block-2-info {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.widget-block-2-info .caption {
    color: var(--white-text-color);
    text-shadow: 2px 3px 6px #000;
}

.widget-block-2-container {
    height: 100%;
}

.widget-block-2-container .video-item iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.widget-block-2-container .video-background {
    background: #000;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -99;
}

.widget-block-2-container .video-foreground,
.widget-block-2-container .video-background iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.widget-block-2-container .banner-item-wrapper {
    height: 100%;
}

.widget-block-2-wrapper #banner {
    position: relative;
    display: block;
    overflow: hidden;
    height: auto;
    width: 100%;
}

@media (min-width: 1200px) {
    .widget-block-2-wrapper #banner {
        /*height: 100vh;*/
        height: 40vh;
    }
}

#owl-list {
    display: block;
    position: relative;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 56vw;
    overflow: hidden;
}

@media (min-width: 1200px) {
    #owl-list {
        position: absolute;
        height: 100%;
    }
}

#owl-list .item,
.owl-item {
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
  
}

#owl-list .item span {
    display: block;
    position: absolute;
    width: 100%;
    min-height: 100% !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1;
}

.widget-block-2-wrapper .owl-stage-outer,
.widget-block-2-wrapper .owl-stage {
    height: 100%;
}

.widget-block-2-wrapper .owl-dots {
    position: absolute;
    bottom: 14%;
    right: 10%;
}

@media (min-width: 1200px) {
    .widget-block-2-wrapper .owl-dots {
        position: absolute;
        bottom: 0px;
        right: 50%;
        transform: translateX(50%);
    }
}

.widget-block-2-wrapper .owl-dot span {
    background-color: lightblue !important;
}

.widget-block-2-wrapper .owl-dot.active span {
    background-color: aqua !important;
}

@media (min-aspect-ratio: 16/9) {
    .widget-block-2-container .video-foreground {
        height: 300%;
        top: -100%;
    }
}

@media (max-aspect-ratio: 16/9) {
    .widget-block-2-container .owl-item.active .video-foreground {
        width: 300%;
        left: -100%;
    }
}

@media all and (max-width: 600px) {
    .widget-block-2-container .vid-info {
        width: 50%;
        padding: 0.5rem;
    }
}

@media all and (max-width: 600px) {
    .widget-block-2-container .vid-info h1 {
        margin-bottom: 0.2rem;
    }
}

@media all and (max-width: 500px) {
    .widget-block-2-container .vid-info .acronym {
        display: none;
    }
}


/* End Widget 2 */

.widget-block-3-container-content-item {
    display: list-item;
    list-style: square;
    margin-left: 40px;
    color: var(--bg-color-7);
    font-size: 16pt;
    margin-bottom: 15px;
    text-align: justify;
}

.widget-block-3-section-title {
    color: var(--third-text-color);
    font-size: var(--main-head-text-size);
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 15px;
    margin: 0px;
}

.widget-block-2-wrapper-title {
    background-color: #f2f2f2;
    padding: 10px 20px;
    margin-bottom: 20px;
}

.widget-block-3-container-content-item-link {
    font-size: var(--main-text-size-2);
    text-decoration: none;
    color: var(--third-text-color);
    /*font-family: var(--font-head-1);*/
    font-size: 12pt;
}


/* End Widget 3 */

a.widget-block-4-container-content-item-link {
    display: block;
    width: 100%;
    margin-bottom: 10px;
}

.widget-block-4-container-content-item-link .widget-block-4-image {
    width: 100%;
}


/* End Widget 4 quang cao phai */


/* End khối nội dung mặc định bên phải của danh sách */

.statistic-block-wrapper {
    list-style: disc;
}

.statistic-block {
    display: block;
    width: 100%;
    /*font-size: 14pt;*/
    text-transform: uppercase;
    font-size: 0.8rem;
    margin-bottom: 30px;
}

.statistic-block img {
    object-fit: none;
}

.statistic-block p {
    font-weight: bold;
    color: var(--sixth-text-color);
}

.statistic-block a {
    text-decoration: none;
    box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 8%);
    display: block;
    padding: 30px 0px;
    height: 100%;
}

.statistic-block p {
    padding: 10px 5px;
}

.statistic-title .top-nav-curr {
    text-transform: initial !important;
    text-decoration: none;
}

.section-statistic-list-content-wrapper {
    background-position: center center;
    background-size: cover;
    margin-top: 0px;
    padding: 100px 0px 100px 0px;
    /*background-attachment: fixed;*/
}

.statistic-block a {
    background-color: var(--bg-white);
}

.section-statistic-list-content-wrapper .statistic-detail-content {
    background-color: var(--bg-white);
    padding: 20px 15px 50px 15px;
}


/* End khối nội dung trang thống kê statistic */


/* End khối nội dung mặc định của danh sách*/


/* Begin khối nội dung bài viết mặc định */

div#post-summary-wrapper {
    margin-top: 15px;
    margin-bottom: 15px;
    text-align: justify;
}

#post-summary-wrapper * {
    font-size: 13pt;
    font-weight: 600;
    color: var(--third-text-color);
}

#post-content-wrapper * {
    font-size: 13pt;
    /*font-family: Roboto, Arial, Helvetica, sans-serif;*/
    font-family: Arial, Helvetica, sans-serif;
}

#post-content-wrapper p {
    text-align: justify;
}

.post-content-container img {
    max-width: 100% !important;
    height: auto !important;
    border-color: #c0c0c0;
}

.post-tags-list {
    display: inline;
}

.post-tags-list .tags-item {
    display: inline-block;
    /*color: var(--second-text-color);*/
    color: var(--second-hover-text-color);
}

.post-content-source-wrapper {
    text-align: right;
    font-weight: bold;
    font-size: 13pt;
}

@media (max-width: 768px) {
    .single-post-container {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}


/* Begin Khoi media*/

.post-media-section {
    margin-top: 15px;
}


/* End khoi media */


/* Begin Khối tin liên quan */

.other-onepage-post-section {
    background-color: #f0f0f0;
    padding-bottom: 30px;
}

.post-related-section {
    margin-top: 40px;
}

.post-related-section-title-wrapper {
    position: relative;
}

.bottom-post-related-section-title-wrapper {
    min-height: 30px;
}

.post-related-section-title {
    text-transform: uppercase;
    font-size: var(--main-head-text-size);
    /*color: var(--head-text-color-1);*/
    color: var(--head-text-color-3);
    font-weight: bold;
    margin-bottom: 1rem;
}

.post-related-section .image-wrapper {
    border-width: 1px;
    border-color: #c0c0c0;
    border-style: solid;
}

.post-related-item-link {
    font-size: var(--main-text-size-1);
    color: var(--third-text-color);
    text-decoration: none;
    font-weight: 700;
    font-family: var(--font-head-1);
    margin-top: 10px;
    display: block;
}

.guide-title-label {
    text-transform: uppercase;
    color: var(--second-text-color);
    font-size: bold;
}

.guide-title {
    font-weight: bold;
}

.doc-related-content-wrapper {
    /*padding: var(--bs-gutter-x);*/
}

.doc-related-section {
    /*margin-top: 40px;*/
}

.doc-related-item {
    text-align: justify;
    margin-bottom: 5px;
}

.doc-related-section-title {
    text-transform: uppercase;
    font-size: var(--main-head-text-size);
    color: var(--head-text-color-1);
    font-weight: bold;
}

.doc-related-item-link {
    font-size: var(--main-text-size-1);
    color: var(--third-text-color);
    text-decoration: none;
    font-weight: 700;
    display: block;
}

.post-related-content-wrapper .post-related-item {
    margin-bottom: 15px;
}

@media (min-width: 768px) {
    .guide-content-label {
        min-width: 150px;
    }
}

@media (max-width: 768px) {
    .guide-detail-table td {
        display: block;
    }
    .guide-content-label {
        background-color: var(--border-color-1) !important;
        color: var(--white-text-color);
    }
}

.onepage-post-related-section-container {
    /*background-color: #f0f0f0;*/
}


/* End Khối tin liên quan */


/* Begin Khối tin cùng chủ đề */

.post-related-topic-item-link {
    font-size: var(--main-text-size-2);
    color: var(--third-text-color);
    text-decoration: none;
    font-weight: 700;
    font-family: var(--font-head-1);
    margin-top: 10px;
    display: block;
}


/* End Khối tin cùng chủ đề */


/* Begin Khối tin khác */

.post-more-section {
    margin-top: 40px;
}

.post-more-item {
    margin-bottom: var(--bs-gutter-x);
}

.post-more-section-title-wrapper {
    position: relative;
}

.post-more-section-title {
    text-transform: uppercase;
    font-size: var(--main-head-text-size);
    /*color: var(--head-text-color-1);*/
    color: var(--head-text-color-3);
    font-weight: bold;
}

.post-more-item-link {
    font-size: var(--main-text-size-1);
    font-family: var(--font-head-1);
    color: var(--third-text-color);
    text-decoration: none;
    font-weight: 700;
    display: block;
    margin-top: 10px;
}

.onepage-post-more-section-container {
    /*background-color: #f0f0f0;*/
}


/* End Khối tin khác */

.video-content-wrapper #post-tags-wrapper {
    margin-top: 15px;
}


/* End Khối tin mặc định dạng Video */

div#guide-summary-wrapper {
    margin-top: 15px;
    margin-bottom: 15px;
}

.guide-tags-list {
    display: inline;
}

.guide-tags-list .tags-item {
    display: inline-block;
    color: var(--second-text-color);
}


/* End Khối tin mặc định dạng guide */

.doc-tab-content {
    background-color: var(--bg-white);
}

.doc-tab-content {
    background-color: var(--bg-white);
    border-left: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;
    min-height: 100px;
    padding: 15px;
}

.doc-content-container .nav-link {
    color: var(--fifth-text-color);
}

.doc-content-container {
    background-color: #dee2e6;
}

#doc-title-wrapper {
    padding: 15px 30px;
}

.doc-title {
    font-size: var(--main-text-size-0);
}

.doc-detail-title {
    /*
    color: var(--fifth-text-color);
    font-weight: bold;
    */
}

.doc-issue-date,
.doc-publishup,
.doc-publishdown {
    /*color: var(--fourth-text-color);*/
}

.doc-title-label {
    /*
    text-transform: uppercase;
    color: var(--second-text-color);
    font-size: bold;
    */
}

.doc-title {
    font-weight: bold;
}

.doc-is-publish {
    color: rgb(0, 185, 56);
}

.doc-is-not-publish {
    color: var(--fourth-text-color);
}

.doc-download-link {
    text-decoration: none;
}

@media (min-width: 768px) {
    .doc-content-label {
        min-width: 155px;
    }
}

@media (max-width: 768px) {
    .doc-detail-table td {
        display: block;
    }
    .doc-content-label {
        background-color: var(--border-color-1) !important;
        color: var(--white-text-color);
    }
}


/* End Khối tin mặc định dạng doc */

#album-gallery .lg-backdrop,
#album-gallery .lg-outer .lg-thumb-outer {
    background: var(--bg-color-1);
}

#album-gallery {
    width: 100%;
    /*height: 70vh;*/
    position: relative;
}

#album-gallery .lg-sub-html {
    max-height: 100px;
    overflow: auto;
}

div#album-gallery {
    /*height: 80vh;*/
    min-height: 678px;
}

@media (max-width: 425px) {
    div#album-gallery {
        min-height: 500px;
    }
}

.gallery-item-mobile-title {
    padding: 15px;
    background-color: #f0f0f0;
    margin-bottom: 30px;
}

#guide-title-wrapper h1 {
    font-family: var(--font-head-1);
    font-weight: 600;
}


/* End Khối tin mặc định dạng album */

#post-title-wrapper h1 {
    font-family: var(--font-head-1);
    font-weight: 600;
}

@media (min-width: 1200px) {
    #post-title-wrapper h1 {
        font-size: 2.5rem;
    }
}


/* End khối nội dung bài viết mặc định */

.search-result-wrapper {
    position: relative;
}

.search-result-wrapper .loader-container {
    text-align: center;
    margin-top: 20%;
    min-height: 50vh;
}

.search-result-wrapper .image-wrapper {
    border-width: 1px;
    border-color: #c0c0c0;
    border-style: solid;
}


/* Begin Khối trang kết quả tìm kiếm */

.search-content-wrapper .form-control {
    margin-bottom: 15px;
}

.search-page-btn {
    background-color: var(--bg-color-1) !important;
    color: #fff !important;
    margin-bottom: 15px;
}

.search-result-total {
    margin-bottom: 15px;
}

.search-result-total-label {
    text-transform: uppercase;
    color: var(--second-text-color);
    font-weight: bold;
}

.search-result-total-no {
    font-weight: bold;
}

.single-post-container {
    position: relative;
}

.share-network-list-fixed-wrapper {
    position: absolute;
    left: -70px;
    top: 0px;
    height: 100%;
    width: 60px;
    z-index: 1;
}

.share-network-list-fixed-container {
    /*
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    */
}

.main-content-wrapper {
    position: relative;
}

@media (max-width: 768px) {
    .share-network-list-fixed-wrapper {
        display: none !important;
    }
}


/* End Khối trang kết quả tìm kiếm */


/* Begin share button */

#share-network-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: right;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 10px;
}

#specific-post-share-network-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 10px;
}

.share-network-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: right;
    max-width: 1000px;
    padding-bottom: 10px;
    border-bottom: 2px solid #646464;
    margin-top: 20px;
}

.share-network-list a[class^="share-network-"] {
    height: 35px;
}

.share-network-list-v2 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: right;
    max-width: 100%;
    padding-bottom: 10px;
    margin-top: 20px;
}

div#share-network-list a {
    padding: 5px 10px;
    height: 35px;
}

div#share-network-list i {
    font-size: 12pt;
}

#share-network-list-fixed {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: right;
    max-width: 1000px;
    margin: auto;
}

div#share-network-list-fixed a {
    padding: 5px 10px;
    display: block;
    width: fit-content;
}

div#share-network-list-fixed i {
    font-size: 13pt;
}

div#share-network-list-fixed a:hover {
    color: #fff;
}

div#specific-post-share-network-list a {
    padding: 5px 10px;
    height: 35px;
}

div#specific-post-share-network-list i {
    font-size: 12pt;
}

#specific-post-share-network-list-fixed {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: right;
    max-width: 1000px;
    margin: auto;
}

div#specific-post-share-network-list-fixed a {
    padding: 5px 10px;
    display: block;
    width: fit-content;
}

div#specific-post-share-network-list-fixed i {
    font-size: 13pt;
}

div#specific-post-share-network-list-fixed a:hover {
    color: #fff;
}

a[class^="share-network-"] {
    flex: none;
    color: #FFFFFF;
    background-color: #333;
    border-radius: 3px;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    cursor: pointer;
    margin: 0px 0px 10px 10px;
    text-decoration: none;
}

a[class^="share-network-"] .fah {
    background-color: rgba(0, 0, 0, 0.2);
    padding: 10px;
    flex: 0 1 auto;
}

a[class^="share-network-"] span {
    padding: 0 10px;
    flex: 1 1;
    font-weight: 500;
}

a.share-network-twitter {
    background-color: #1da1f2;
}

a.share-network-fakeblock {
    background-color: #41b883;
}

a[class^="share-network-"] {
    background-color: rgba(0, 0, 0, 0) !important;
    color: #646464;
    border: 1px solid #c0c0c0;
    border-radius: 25px;
}

a[class^="share-network-"] span {
    display: none;
}

#share-network-list a.share-network-facebook {
    /*padding: 15px 17px !important;*/
    padding: 15px 12px !important;
}

#share-network-list a.share-network-twitter {
    /*padding: 15px 14px !important;*/
    padding: 15px 9px !important;
}

#share-network-list a.share-network-email {
    /*padding: 15px 13px !important;*/
    padding: 15px 9px !important;
}

#share-network-list a.share-network-copy {
    /*padding: 15px 13px !important;*/
    padding: 15px 9px !important;
}

#share-network-list .share-network-zalo {
    /*padding: 8px 12px !important;*/
    padding: 8px 6px !important;
    height: 35px;
    border: 1px solid #c0c0c0;
    border-radius: 25px;
    width: fit-content;
    flex: none;
    color: #FFFFFF;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    cursor: pointer;
    margin: 0px 0px 10px 10px;
    text-decoration: none;
}

#share-network-list .share-network-zalo img {
    width: 20px;
}

#share-network-list-fixed a.share-network-facebook {
    padding: 4px 11px !important
}

#share-network-list-fixed a.share-network-twitter {
    padding: 4px 8px !important
}

#share-network-list-fixed a.share-network-email {
    padding: 4px 8px !important
}

#share-network-list-fixed a.share-network-copy {
    padding: 4px 8px !important;
}

#share-network-list-fixed .share-network-zalo {
    padding: 5px 8px !important;
    border: 1px solid #c0c0c0;
    border-radius: 20px;
    width: fit-content;
    flex: none;
    color: #FFFFFF;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    cursor: pointer;
    margin: 0px 0px 10px 10px;
    text-decoration: none;
}

#share-network-list-fixed .share-network-zalo img {
    width: 18px;
}

#specific-post-share-network-list a.share-network-facebook {
    /*padding: 15px 17px !important;*/
    padding: 15px 12px !important;
}

#specific-post-share-network-list a.share-network-twitter {
    /*padding: 15px 14px !important;*/
    padding: 15px 9px !important;
}

#specific-post-share-network-list a.share-network-email {
    /*padding: 15px 13px !important;*/
    padding: 15px 9px !important;
}

#specific-post-share-network-list a.share-network-copy {
    /*padding: 15px 13px !important;*/
    padding: 15px 9px !important;
}

#specific-post-share-network-list .share-network-zalo {
    /*padding: 8px 12px !important;*/
    padding: 8px 6px !important;
    height: 35px;
    border: 1px solid #c0c0c0;
    border-radius: 25px;
    width: fit-content;
    flex: none;
    color: #FFFFFF;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    cursor: pointer;
    margin: 0px 0px 10px 10px;
    text-decoration: none;
}

#specific-post-share-network-list .share-network-zalo img {
    width: 20px;
}

#specific-post-share-network-list-fixed a.share-network-facebook {
    padding: 4px 11px !important
}

#specific-post-share-network-list-fixed a.share-network-twitter {
    padding: 4px 8px !important
}

#specific-post-share-network-list-fixed a.share-network-email {
    padding: 4px 8px !important
}

#specific-post-share-network-list-fixed a.share-network-copy {
    padding: 4px 8px !important;
}

#specific-post-share-network-list-fixed .share-network-zalo {
    padding: 5px 8px !important;
    border: 1px solid #c0c0c0;
    border-radius: 20px;
    width: fit-content;
    flex: none;
    color: #FFFFFF;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    cursor: pointer;
    margin: 0px 0px 10px 10px;
    text-decoration: none;
}

#specific-post-share-network-list-fixed .share-network-zalo img {
    width: 18px;
}

.vue-notification-group {
    top: 15vh !important;
}

.popover {
    z-index: 1 !important;
    /*margin-bottom: 15px !important;*/
}

h3.popover-header {
    font-size: 13px;
    color: #fff;
    background-color: #000;
}

.popover-arrow {
    display: none !important;
}


/* End share button */


/* Begin owl carousel */

.section-banner-wrapper #banner {
    position: relative;
    display: block;
    overflow: hidden;
    height: auto;
    width: 100%;
}

@media (min-width: 1200px) {
    .section-banner-wrapper #banner {
        /*height: 100vh;*/
        height: 45vh;
    }
}

#owl-list {
    display: block;
    position: relative;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 56vw;
    overflow: hidden;
}

@media (min-width: 1200px) {
    #owl-list {
        position: absolute;
        height: 100%;
    }
}

#owl-list .item,
.owl-item {
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
   
}

.section-banner-wrapper-v2 #owl-list .item,
.owl-item {
    display: block;
    position: initial;
    left: 0px;
    top: 0px;
    width: 100%;
    
}

.section-banner-wrapper-v2 .owl-nav {
    display: none;
}

#owl-list .item span {
    display: block;
    position: absolute;
    width: 100%;
    min-height: 100% !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1;
}

.section-banner-wrapper .owl-stage-outer,
.section-banner-wrapper .owl-stage {
    height: 100%;
}

.section-banner-wrapper .owl-dots {
    position: absolute;
    bottom: 14%;
    right: 10%;
}

@media (min-width: 1200px) {
    .section-banner-wrapper .owl-dots {
        position: absolute;
        bottom: 50%;
        right: 10%;
    }
}

.section-banner-wrapper .owl-dot span {
    background-color: lightblue !important;
}

.section-banner-wrapper .owl-dot.active span {
    background-color: aqua !important;
}

.fit-cover {
    object-fit: cover;
}


/* End owl carousel */


/* Breadcrumb */

.page-top-breadcrumb a {
    color: var(--third-text-color);
    text-decoration: none;
}

.page-top-breadcrumb .active a {
    /*color: var(--second-text-color);*/
    color: var(--first-hover-text-color);
}


/* End Breadcrumb */


/* List V2 */

.section-list-content-v2-container .section-list-top-content {
    text-align: center;
    padding: 30px 0px;
}

.section-list-content-v2-container .section-default-list-news-item-second .section-default-list-news-post-info-title {
    font-size: 18px;
    padding: 0px 15px;
}

.section-list-content-v2-container .section-default-list-news-item-second .section-default-list-news-item-wrapper {
    background-color: #fff;
    height: 100%;
}

.section-list-content-v2-container .section-default-list-news-item-second .image-wrapper {
    border: 1px solid #c0c0c0;
}

.section-list-content-v2-container .image-wrapper img {
    object-position: top center;
    /*transition: ease-in-out 3s;*/
    -webkit-animation-timing-function: linear;
    /* Chrome, Safari, Opera */
    animation-timing-function: linear;
}

.section-list-content-v2-container .image-wrapper img:hover {
    object-position: bottom center;
}

.section-list-content-v2-container .section-list-content-v2-container-inner {
    background-size: cover;
}

.section-list-top-content img {
    max-width: 100%;
}

.img-transition-0-5 {
    transition: var(--transiton-ease-in-out-time-0-5);
}

.img-transition-1 {
    transition: var(--transiton-ease-in-out-time-1);
}

.img-transition-2 {
    transition: var(--transiton-ease-in-out-time-2);
}

.img-transition-3 {
    transition: var(--transiton-ease-in-out-time-3);
}


/* End list V2 */


/* Begin bai viet chi tiet V2 */

.section-detail-content-v2-wrapper .section-list-top-content {
    text-align: center;
    padding: 30px 15px;
}

.section-detail-content-v2-wrapper .post-content-wrapper {
    background-color: white;
    padding: 30px 0px;
    margin-bottom: 100px;
}

.section-detail-content-v2-wrapper .post-content-container .sticky-top {
    /*
    z-index: 3;
    top: 65px;
    */
}

.section-detail-content-container-v2-content #post-title-wrapper h1 {
    color: var(--third-text-color);
}

.section-detail-content-container-v2-content div#post-summary-wrapper {
    margin-top: 15px;
    margin-bottom: 15px;
    color: var(--third-text-color);
}

@media (min-width: 1200px) {
    .section-detail-content-container-v2-content #post-title-wrapper h1 {
        font-size: 2rem;
    }
}

@media (max-width: 992px) {
    .section-detail-content-v2-wrapper {
        margin-top: 90px;
    }
}

@media (max-width: 768px) {
    .section-detail-content-v2-wrapper {
        margin-top: calc(100vw / 10);
    }
}


/* End bai viet chi tiet V2 */


/* Begin bai viet dang onepage */

.section-default-onepage-content-wrapper .container-fluid {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.section-default-onepage-content-wrapper .section-default-list-content-container {
    margin-top: 0px;
}

#specific-post-content-wrapper {
    width: 100%;
    overflow-x: hidden;
}

#specific-post-other-content-wrapper {
    margin-bottom: 100px;
}


/* End bai viet dang onepage */


/* other */

@mixin excerpt($font-size: $paragraph-font-size,
$line-height: 1.4,
$lines-to-show: 3,
$excerpt-bg: transparent) {
    background: $excerpt-bg;
    display: block;
    /* Fallback for non-webkit */
    display: -webkit-box;
    max-height: $font-size*$line-height*$lines-to-show;
    /* Fallback for non-webkit */
    font-size: $font-size;
    line-height: $line-height;
    -webkit-line-clamp: $lines-to-show;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    // Fallback for non-webkit
    @media screen and (min--moz-device-pixel-ratio: 0), screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
        overflow: hidden;
        position: relative;
        &:before {
            background: $excerpt-bg;
            bottom: 0;
            position: absolute;
            right: 0;
            float: right;
            content: '\2026';
            margin-left: -3rem;
            width: 3rem;
        }
        &:after {
            content: '';
            background: $excerpt-bg;
            position: absolute;
            height: 50px;
            width: 100%;
            z-index: 1;
        }
    }
}


/* end other */


/* Begin Trang in*/

.printer-page-banner-img {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 150px;
    margin: 15px;
    max-width: 528px;
    margin-left: auto;
    margin-right: auto;
}

.printer-page-banner-img-vi {
    /*background-image: url(https://images.vietnamtourism.gov.vn/vn/images/v_tieude.png);*/
    background-image: url("https://images.vietnamtourism.gov.vn/vn/images/v_tieude-1.png");
}

.printer-page-banner-img-en {
    /*background-image: url(https://images.vietnamtourism.gov.vn/en//images/e_tieude.png);*/
    background-image: url("https://images.vietnamtourism.gov.vn/en/images/e_tieude-1.png");
}

#post-printer-container {
    padding-bottom: 5px;
    /* text-align: right; */
    display: inline-block;
    width: 100%;
    /*
    margin-left: 25px;
    margin-right: 25px;
    */
    border-bottom: 2px solid #ddd;
}

.printer-cat-link {
    text-decoration: none;
}

.printer-cat-title {
    font-family: var(--font-head-1);
    font-weight: bold;
    /*font-size: 2.5rem;*/
    text-transform: uppercase;
}

a.printer-cat-link {
    float: left;
}

.print-page {
    float: right;
    border-radius: 7px;
}

.section-printer-content-container .section-default-printer-content-container {}

.section-printer-content-container .default-printer-content-container {
    margin-top: 30px;
}


/* End Trang in */


/* Hiển thị modal toàn màn hinh - Greeting*/

.home-single-greeting-wrapper {
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.8);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10;
}

.home-single-greeting-item {
    position: fixed;
    z-index: 99;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80vw;
    max-width: 500px;
    height: 80vh;
    max-height: 800px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

@media (max-width: 768px) {
    .home-single-greeting-item {
        height: auto;
        min-height: calc(80vw * 1);
    }
}

@media (max-width: 425px) {
    .home-single-greeting-item {
        height: auto;
        min-height: calc(80vw * 1.5);
    }
}

.home-single-greeting-close-btt {
    position: absolute;
    right: -25px;
    top: -30px;
    font-size: 20pt;
}

.home-single-greeting-close-btt a {
    color: var(--white-text-color);
    font-weight: normal;
}

.home-single-greeting-item .home-single-greeting-item-content {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.home-single-greeting-firework-wrapper .home-single-greeting-item .home-single-greeting-item-content {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
}

.home-single-greeting-item-content-inner {
    position: relative;
    height: 100%;
    width: 100%;
}

.home-single-greeting-item .firework {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    width: 2vmin;
    background-size: 2vmin 2vmin;
    background-repeat: no-repeat;
    aspect-ratio: 1;
}

.home-single-greeting-not-display {
    position: absolute;
    left: 0px;
    bottom: -30px;
    color: var(--white-text-color)
}

.home-multiple-greeting-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background-color: rgba(0, 0, 0, 0.8);
}

.home-multiple-greeting-wrapper img.multi-background-banner {
    height: 80vh;
    width: auto !important;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10vh;
    max-width: 80vw;
    object-fit: contain;
}

.home-multiple-greeting-wrapper .owl-list .owl-dots {
    bottom: -8vh !important;
    left: 50%;
    transform: translate(-50%) !important;
}

.home-multiple-greeting-item .home-multiple-greeting-item-content {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100vh;
}

.home-multiple-greeting-firework-wrapper .home-multiple-greeting-item .home-multiple-greeting-item-content {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
}

.home-multiple-greeting-item-content-inner {
    position: relative;
    height: 100%;
    width: 100%;
}

.home-multiple-greeting-item .firework {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    width: 2vmin;
    background-size: 2vmin 2vmin;
    background-repeat: no-repeat;
    aspect-ratio: 1;
}

.home-multiple-greeting-close-btt {
    position: absolute;
    top: 3vh;
    right: 2vw;
    z-index: 9;
    font-size: 22pt;
}

.home-multiple-greeting-close-btt .home-multiple-greeting-close-btt-link {
    color: var(--white-text-color);
}


/* End Hiển thị modal toàn màn hinh - Greeting*/


/* Begin Sign in, Sign up */

.login-container {
    width: fit-content;
    /*
    margin-left: auto;
    margin-right: auto;
    */
    /*max-width: 100%;*/
    max-width: 814px;
    background-color: #f7f7f7;
    margin: 0 auto 25px;
    margin-top: 50px;
    /*border-radius: 2px;*/
    /*box-shadow: 0px 2px 2px rgb(0 0 0 / 30%);*/
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    /*border-radius: 0.25rem;*/
}

.login-container .login-panel {
    padding: 40px;
    display: flex;
    flex-direction: column;
    height: 100%;
    align-items: center;
    justify-content: center;
}

.login-container .login-side-img {
    width: 100%;
    max-width: 500px;
    ;
}

.login-container .login-panel .login-panel-inner {
    width: 100%;
}

.login-container .login-panel .or-signup {
    line-height: 55px;
    margin-left: 15px;
    display: inline;
}

.signin-btn {
    margin: 10px 0px;
}

.login-register-link,
.register-login-link,
.login-back-to-home {
    text-decoration: none;
}


/* End Sign in, Sign up */


/* Begin animation */

.carousel-item1.active {
    animation: zoominimage 5s infinite;
    -webkit-animation: zoominimage 5s infinite;
    -moz-animation: zoominimage 5s infinite;
}

.section-1-wrapper .carousel-item.active {
    animation: zoominimage 3s normal forwards ease-in-out;
    -webkit-animation: zoominimage 3s normal forwards ease-in-out;
    -moz-animation: zoominimage 3s normal forwards ease-in-out;
}

.section-default-list-news-item-first-img {
    /*
    animation: zoominoutimage 10s infinite;
    -webkit-animation: zoominoutimage 10s infinite;
    -moz-animation: zoominoutimage 10s infinite;
    */
}

@keyframes zoominoutimage {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.1, 1.1);
    }
    100% {
        transform: scale(1, 1);
    }
}

@keyframes zoominimage {
    0% {
        transform: scale(1, 1);
    }
    100% {
        transform: scale(1.1, 1.1);
    }
}


/* End animation */

.left-content-inner.left-stick-content {
    position: sticky;
    bottom: 0;
    align-self: flex-end;
}