/* Nav Style */


:root {
    --var-primary: #4A7CED;
    --var-sub: #0083FF;
    --var-secondary: #00E0FF;
    --var-darkprimary: #3C6BD7;
    --var-background: #EEF3FF;
    --var-primary-op9: rgba(74, 124, 237, 0.9);
    --var-box-shadow: #D1DFFF;
    --var-box-shadow-op8: rgb(209 223 255 / 80%);
}

/* :root {
    --var-primary: #B21213;
    --var-sub: #f50808;
    --var-secondary: #ff0022;
    --var-darkprimary: #853131;
    --var-background: #fff2ee;
    --var-primary-op9: rgba(178, 18, 19, 0.9);
    --var-box-shadow: #ffd1d1;
    --var-box-shadow-op8: rgb(255 209 209 / 80%);
} */

/************************************************************************************************************/

/***********HEADER************/

.header {
    transition: all 0.5s ease-in-out;
    height: 80px;
}

.header.fixed-header {
    height: 80px;
}

.home-layout .menu-bar,
header.admin-layout .menu-bar {
    /* background: var(--red-bg);
    box-shadow: 0px 2px 4px rgba(0, 102, 255, 0.4);
    transition: all 0.5s ease-in-out; */
    height: 100%;
}

header.header {
    position: fixed;
    z-index: 9999;
    top: 0;
    width: 100%;
}

.menu-bar {
    border-bottom: none !important;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.15));
}

.modal-header {
    border: none;
}

.bgFilter {
    padding-bottom: 70px;
}

.btn-sidebar,
.btn-sidebar-close {
    display: none;
}

header .contra-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}

.nav-brand {
    padding: 10px;
}

.sm.sm-contra {
    display: flex;
    align-items: center;
}

header.content-layout {
    position: sticky;
    z-index: 999;
    left: 0;
    right: 0;
    top: 0;
}

header.home-layout {
    position: fixed;
    z-index: 999;
    top: 0;
    width: 100%;
}

.container-title.title-lined .text-primary a {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 28px;
    line-height: 1.178;
    text-transform: uppercase;
    color: #001DA7;
    border-bottom: 1px solid #BFDAFF;
    padding-bottom: 12px;
    position: relative;

}

.personalBarContainer~header.home-layout {
    left: 80px;
    width: calc(100% - 80px);
}

/* .personalBarContainer ~ section{
    margin-left: 80px;
    width: calc(100% - 80px);
} */


@media (max-width: 768px) {
    .header {
        position: static;
        height: auto;
    }

    .header .menu-bar {
        padding-top: 10px;
    }

    .header.fixed-header .nav-brand #dnn_dnnLOGO_imgLogo {
        max-height: 50px;
    }

    .header .menu-bar .nav-brand img {
        max-height: 50px;
        width: auto;
        max-width: 100%;
        margin-bottom: 12px;
    }

    .header .contra-nav>ul>li>a {
        line-height: 28px;
    }

    /* .header .contra-nav > ul > li ul {
      padding: 5px 0;
    } */

    #main-menu {
        margin-bottom: 10px;
    }

    .section-celebration .multi-item .hotnews .dstinbailietkeanh_tomtat .news_list ul li {
        max-width: 100%;
        flex: 0 0 100%;
        margin: 0 0px 30px 0;
    }

}
/*     .contra-nav:after {
      clear: both;
      content: "\00a0";
      display: block;
      height: 0;
      font: 0px/0 serif;
      overflow: hidden; } */

.nav-brand {
    float: left;
    margin: 0;
    padding: 2px;
    display: flex;
    height: 100%;
    align-items: center;
}

.nav-brand img {
    margin-right: 8px;
    display: block;
    max-width: 100%;
    height: auto;
    max-height: 74px;
    padding: 2px;
}

.nav-brand a {
    display: block;
    font-size: 22px;
    font-weight: normal;
    line-height: 78px;
    text-decoration: none;
}

#main-menu {
    clear: both;
    z-index: 1004;
    height: 100%;
}

@media (min-width: 1240px) {
    #main-menu-state:not(:checked) ~ #main-menu {
        display: flex;
        justify-content: flex-end;
        flex-grow: 1;
        margin-right: 30px;
    }
}

#main-menu>li {
    height: 100%;
}

/* #main-menu:before {
    content: '';
    display: block;
    height: 1px;
    font: 1px/1px sans-serif;
    overflow: hidden; } */

.main-menu-btn {
    float: right;
    margin: 10px;
    margin-top: 16px;
    position: relative;
    display: none;
    transition: all 0.5s ease-in-out;
    /*  display: inline-block; */
    width: 29px;
    height: 29px;
    text-indent: 29px;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

.main-menu-btn-icon,
.main-menu-btn-icon:before,
.main-menu-btn-icon:after {
    position: absolute;
    top: 50%;
    left: 2px;
    height: 2px;
    width: 24px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.main-menu-btn-icon:before {
    content: '';
    top: -7px;
    left: 0;
}

.main-menu-btn-icon:after {
    content: '';
    top: 7px;
    left: 0;
}

#main-menu-state:checked~.main-menu-btn .main-menu-btn-icon {
    height: 0;
    background: transparent;
}

#main-menu-state:checked~.main-menu-btn .main-menu-btn-icon:before {
    top: 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#main-menu-state:checked~.main-menu-btn .main-menu-btn-icon:after {
    top: 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

#main-menu-state {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    border: 0;
    padding: 0;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
}

/*     #main-menu-state:not(:checked) ~ #main-menu {
      display: none; } */
#main-menu-state:checked~#main-menu {
    display: block
}

/* #main-menu-state:not(:checked) ~ .nav-action {
            display: none; }
        #main-menu-state:checked ~ .nav-action {
            display: block; } */

/*************************************************************/
/*** start menu styling **************************************/
/*************************************************************/
.sm-contra {
    background: transparent;
}

.sm-contra>li>a,
.sm-contra>li>a:hover,
.sm-contra>li>a:focus,
.sm-contra>li>a:active,
.sm-contra>li>a.highlighted  {
    line-height: 25px;
    padding: 26px 10px 26px 10px !important;
    cursor: pointer;
    font-family: 'Open Sans Semi Bold';
    color: var(--text);
    font-size: 18px;
    text-decoration: none;
    height: 100%;
}

.sm-contra>li>a.has-submenu,
.sm-contra>li>a.has-submenu:hover,
.sm-contra>li>a.has-submenu:focus,
.sm-contra>li>a.has-submenu:active,
.sm-contra>li>a.has-submenu.highlighted {
    padding: 26px 20px 26px 10px !important;
}

/* .fixed-header .sm-contra>li>a,
.fixed-header .sm-contra>li>a:hover,
.fixed-header .sm-contra>li>a:focus,
.fixed-header .sm-contra>li>a:active,
.fixed-header .sm-contra>li>a.highlighted {
    padding: 19.5px 10px 19.5px 10px !important;
} */

/* .fixed-header .sm-contra>li>a.has-submenu,
.fixed-header .sm-contra>li>a.has-submenu:hover,
.fixed-header .sm-contra>li>a.has-submenu:focus,
.fixed-header .sm-contra>li>a.has-submenu:active,
.fixed-header .sm-contra>li>a.has-submenu.highlighted {
    padding: 19.5px 20px 19.5px 10px !important;
} */

.sm-contra a span.sub-arrow {
    position: absolute;
    top: 52%;
    transform: translateY(-50%);
    right: 0;
    font-size: 20px;
    left: auto;
    width: auto;
    height: auto;
    overflow: unset;
    text-align: center;
    text-shadow: none;
    border-width: 0;
    border-style: none;
    background: unset;
}

/* .sm-contra a.highlighted span.sub-arrow:before {
    display: block;
    content: '-';
    height: 34px;
} */

/* .sm-contra>li:hover {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
} */

.sm-contra > li:hover {
    border-bottom: none !important;
}

.sm-contra>li:first-child {
    border-top: none;
}

.sm-contra>li:not(:last-child) {
    margin-right: 20px;
}

.sm-contra#main-menu > li:hover > a{
    color: #FF7663;
    border-bottom: 3px solid #FF7663;
    transition: none;
}

.sm-contra#main-menu > li > a.current {
    color: #FF7663;
    border-bottom: 3px solid #FF7663;
}   

/************************SUB_MENU***************************/

@media (min-width:768px) {
  /* prevent text rendering degrade during animation in Mac browsers */
    #main-menu {
        -webkit-font-smoothing: subpixel-antialiased;
    }
    /* show animation */
    #main-menu ul.show-animation {
        -webkit-animation: show-animation 0.2s;
        animation: show-animation 0.2s;
    }
    @-webkit-keyframes show-animation {
        0% {
            -webkit-transform: scale3d(0, 0, 1);
            opacity: 0;
        }
        60% {
            -webkit-transform: scale3d(1.05, 1.05, 1);
        }
        100% {
            -webkit-transform: scale3d(1, 1, 1);
            opacity: 1;
        }
    }
    @keyframes show-animation {
        0% {
            transform: scale3d(0, 0, 1);
            opacity: 0;
        }
        60% {
            transform: scale3d(1.05, 1.05, 1);
        }
        100% {
            transform: scale3d(1, 1, 1);
            opacity: 1;
        }
    }
    /* hide animation */
    #main-menu ul.hide-animation {
        -webkit-animation: hide-animation 0.2s;
        animation: hide-animation 0.2s;
    }
    @-webkit-keyframes hide-animation {
        0% {
            -webkit-transform: scale3d(1, 1, 1);
            opacity: 1;
        }
        100% {
            -webkit-transform: scale3d(0, 0, 1);
            opacity: 0;
        }
    }
    @keyframes hide-animation {
        0% {
            transform: scale3d(1, 1, 1);
            opacity: 1;
        }
        100% {
            transform: scale3d(0, 0, 1);
            opacity: 0;
        }
    }
}

#main-menu > li > ul {
    background: #FFFFFF;
    box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.15);
    border-radius: 0px 0px 10px 10px;
    padding: 10px 0;
    max-width: unset !important;
    margin-top: 0 !important;
    width: 20em !important
}

#main-menu > li > ul > li {
    list-style-type: disc;
}

#main-menu > li > ul > li > a {
    font-family: 'Open Sans Bold';
    font-size: 16px;
    line-height: 20px;
    color: var(--text);
    padding: 10px 20px;
    display: flex;
    align-items: center;
}

#main-menu > li > ul > li > a::before {
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    background: var(--text);
    border-radius: 50%;
    margin-right: 10px;
}

/* #main-menu > li > ul > li:first-child > a {
    padding-top: 20px;
}

#main-menu > li > ul > li:last-child > a {
    padding-bottom: 20px;
} */

#main-menu > li > ul > li > a span.sub-arrow {
    display: none;
}

#main-menu > li > ul > li > ul {
    position: relative;
    top: unset !important;
    left: unset !important;
    right: unset !important;
    bottom: unset !important;
    margin: 0 10px !important;
    display: block !important;
    width: auto !important;
    max-width: unset !important;
    background: #F1F1F1;
    border-radius: 10px;
    overflow: hidden;
}

#main-menu > li > ul > li > ul > li > a {
    font-family: 'Open Sans Semi Bold';
    font-size: 14px;
    line-height: 18px;
    color: var(--text);
    padding: 8.5px 25px;
}

.menu-bar .nav-action .btn-group > a {
    color: #273564 !important;
}

/************************LANGUAGE***************************/

.nav-action .language-object {
    align-items: center;
    text-transform: uppercase;
    font-family: 'Open Sans Medium';
    font-size: 16px;
    line-height: 22px;
    color: #0595E6;
    padding-right: 10px;
    border-right: 1px solid #B8C2DF;
    margin-right: 10px;
    position: relative;
}

html[lang="en-US"] .nav-action .language-object::before {
    content: 'EN';
}

html[lang="vi-VN"] .nav-action .language-object::before {
    content: 'VI';
}

.nav-action .language-object::after {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    background: url(../images/Chevron_Right_1.png) no-repeat center;
    position: absolute;
    right: -20px;
    z-index: -1;
}

.nav-action .language-object .select2-container--default {
    opacity: 0;
    position: absolute;
}

.nav-action .language-object .select2-container--default .selection {
    width: 53px !important;
    display: block;
}

.language-object .select2-container--default {
    overflow: hidden;
}

.language-object .select2-container--default .select2-selection--single {
    border: none;
    font-family: 'Open Sans Medium';
    font-size: 16px;
    line-height: 22px;
    outline-color: transparent;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: url(../images/Chevron_Right_1.png) no-repeat right;
}

.language-object .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #0595E6;
}

.language-object .select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none;
}

.select2-container--default .select2-results>.select2-results__options {
    background: #FFFFFF;
    box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.15);
}

.select2-container--open .select2-dropdown--below {
    border: none;
}

.select2-container--open .select2-dropdown--below {
    background: #FFFFFF;
    box-shadow: 0px 4px 5px rgb(0 0 0 / 15%);
    border-radius: 0px 0px 10px 10px;
    overflow: hidden;
    position: absolute;
    right: -56px;
    left: unset !important;
    top: 12px;
}

.select2-results__option {
    font-family: 'Open Sans Bold';
    font-size: 14px;
    line-height: 20px;
    color: #273564;
    padding: 8px 12px !important;
}

/************************PAGE LOADER***************************/

.ctn-preloader {
    align-items: center;
    cursor: none;
    display: flex;
    height: 100%;
    justify-content: center;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 9999;
    transition: all 0.5s ease-in-out;
    display: none;
  }
  .ctn-preloader .animation-preloader {
    position: absolute;
    z-index: 100;
  }
  .ctn-preloader .animation-preloader .spinner {
    animation: spinner 1s infinite linear;
    border-radius: 50%;
    border: 3px solid rgba(0, 0, 0, 0.2);
    border-top-color: #FF7663;
    height: 9em;
    margin: 0 auto 3.5em auto;
    width: 9em;
  }
  .ctn-preloader .animation-preloader .txt-loading {
    font: bold 5em "Montserrat", sans-serif;
    text-align: center;
    user-select: none;
  }
  .ctn-preloader .animation-preloader .txt-loading .letters-loading:before {
    animation: letters-loading 4s infinite;
    color: #FF7663;
    content: attr(data-text-preloader);
    left: 0;
    opacity: 0;
    position: absolute;
    top: -1px;
    transform: rotateY(-90deg);
    text-transform: uppercase;
  }
  .ctn-preloader .animation-preloader .txt-loading .letters-loading {
    color: rgba(13, 58, 98, 0.3);
    position: relative;
    text-transform: uppercase;
  }
  .ctn-preloader
    .animation-preloader
    .txt-loading
    .letters-loading:nth-child(2):before {
    animation-delay: 0.2s;
  }
  .ctn-preloader
    .animation-preloader
    .txt-loading
    .letters-loading:nth-child(3):before {
    animation-delay: 0.4s;
  }
  .ctn-preloader
    .animation-preloader
    .txt-loading
    .letters-loading:nth-child(4):before {
    animation-delay: 0.6s;
  }
  .ctn-preloader
    .animation-preloader
    .txt-loading
    .letters-loading:nth-child(5):before {
    animation-delay: 0.8s;
  }
  .ctn-preloader
    .animation-preloader
    .txt-loading
    .letters-loading:nth-child(6):before {
    animation-delay: 1s;
  }
  .ctn-preloader
    .animation-preloader
    .txt-loading
    .letters-loading:nth-child(7):before {
    animation-delay: 1.2s;
  }
  .ctn-preloader .loader-section {
    background-color: #ffffff;
    height: 100%;
    position: fixed;
    top: 0;
    width: calc(50% + 1px);
  }
  .ctn-preloader .loader-section.section-left {
    left: 0;
  }
  .ctn-preloader .loader-section.section-right {
    right: 0;
  }
  .loaded .animation-preloader {
    opacity: 0;
    transition: 0.3s ease-out;
  }
  .loaded .loader-section.section-left {
    transform: translateX(-101%);
    transition: 0.7s 0.3s all cubic-bezier(0.1, 0.1, 0.1, 1);
  }
  .loaded .loader-section.section-right {
    transform: translateX(101%);
    transition: 0.7s 0.3s all cubic-bezier(0.1, 0.1, 0.1, 1);
  }
  @keyframes spinner {
    to {
      transform: rotateZ(360deg);
    }
  }
  @keyframes letters-loading {
    0%,
    75%,
    100% {
      opacity: 0;
      transform: rotateY(-90deg);
    }
    25%,
    50% {
      opacity: 1;
      transform: rotateY(0deg);
    }
  }
  @media screen and (max-width: 767px) {
    .ctn-preloader .animation-preloader .spinner {
      height: 8em;
      width: 8em;
    }
    .ctn-preloader .animation-preloader .txt-loading {
      font: bold 3.5em "Montserrat", sans-serif;
    }
  }
  @media screen and (max-width: 500px) {
    .ctn-preloader .animation-preloader .spinner {
      height: 7em;
      width: 7em;
    }
    .ctn-preloader .animation-preloader .txt-loading {
      font: bold 2em "Montserrat", sans-serif;
    }
  }

.wrapper.wrapper-page {
    opacity: 1;
    transition: all 0.5s ease-in-out;
}
/* header.header {
	filter: grayscale(1);
	-webkit-filter: grayscale(1);
} */

/************************SEARCH BOX***************************/

#searchModal .modal-header {
    padding: 15px 20px 0;
}

#searchModal .modal-body {
    padding: 15px 20px;
}

#searchModal .modal-header .search .searchInputContainer {
    border: none;
}

.search input {
    width: 100%;
    height: 45px;
}

.search .searchInputContainer {
    border: none !important;
    width: 100%;
}

.search .SearchButton {
    display: none;
}

.searchSkinObjectPreview_group {
    display: none;
}

#searchModal .modal-dialog .modal-title {
    color: #00B2FF;
    font-family: 'Open Sans Medium';
}

.modal-content .close {
    outline: none;
}

#searchModal .modal-dialog .modal-content .modal-body .search ul.searchSkinObjectPreview>li:last-child a {
    font-family: 'Open Sans Medium';
    font-size: 18px;
    line-height: 1.3;
    color: #00B2FF;
}

#searchModal .modal-dialog .modal-content .modal-body .search .searchInputContainer a.dnnSearchBoxClearText.dnnShow {
    display: none;
}

#searchModal .modal-dialog .modal-content .modal-body .search .searchInputContainer ul.searchSkinObjectPreview {
    top: calc(100% + 20px);
    left: -20px;
    right: -20px;
    width: calc(100% + 40px);
    border: none;
    border-radius: 8px;
    overflow: hidden;
    padding: 0;
    box-shadow: 0 4px 4px 0 rgb(255 255 255 / 30%);
}

#searchModal .modal-dialog .modal-content .modal-body .search input:focus {
    outline: #E1DEF5;
}

#searchModal .modal-dialog .modal-content .modal-body .search input {
    margin: 0;
    padding: 10px 15px !important;
    border-radius: 999px;
    border: 1px solid #E1DEF5;
    background-color: #F0F8FF;
}

/*****************************RESPONSIVE NAV************************/ 
    @media screen and (max-width: 1240px) {
        .header .contra-nav {
            display: block;
            position: relative;
        }
    
        .header .contra-nav label {
            display: block;
            top: 0;
            z-index: 10;
        }
    
        .nav-brand {
            display: flex;
        }
    
        #main-menu-state:not(:checked)~#main-menu {
            display: none;
        }
    
        #main-menu-state:not(:checked)~.nav-action {
            display: flex;
        }
    
        #main-menu-state:checked~#main-menu {
            width: 100%;
            border-top: 2px solid #AB2D29;
            display: flex;
            justify-content: center;
            margin-top: 15px;
            padding-top: 10px;
        }
    
        .header {
            height: auto !important;
            position: static;
        }
    
        #main-menu>li>a {
            padding: 10px !important;
        }

        #main-menu>li>a.has-submenu {
            padding: 10px 20px 10px 10px !important;
        }
    
        .nav-action {
            position: absolute;
            right: 60px;
            top: 20px;
        }
    
        header.fixed-header .nav-action {
            position: absolute;
            right: 60px;
            top: 25px;
        }
    
        header.fixed-header .main-menu-btn {
            margin-top: 20px;
        }
    
        #main-menu>li {
            float: left;
        }
    }

    @media screen and (max-width: 769px) {
        .contra-nav #main-menu:before {
            display: block;
        }

        #main-menu {
            margin-top: 0;
        }
    }

    @media screen and (max-width: 768px) {



        #main-menu-state:checked~#main-menu {
            border-top: none;
        }

        #main-menu:before {
            border-top: 2px solid #AB2D29;
        }

        .sm-contra#main-menu > li > a.current {
            border-bottom: none;
        }

        .sm-contra#main-menu > li:hover > a {
            border-bottom: none;
        }

        .header .menu-bar .nav-brand img {
            margin-bottom: 0;
        }
    
        .header .menu-bar {
            padding-top: 0;
        }
    
        #main-menu {
            margin-bottom: 0;
        }
    
        #main-menu>li {
            float: none;
        }
    
        #main-menu-state:checked~#main-menu {
            display: block;
        }
    
        .sm-contra a .sub-arrow {
            position: absolute;
            top: 50%;
            margin-top: -17px;
            left: auto;
            right: 4px;
            width: 34px;
            height: 34px;
            overflow: hidden;
            font: bold 16px/34px monospace !important;
            text-align: center;
            text-shadow: none;
            background: #fff;
            border-radius: 4px;
        }
    
        .sm-contra a .sub-arrow::before {
            content: '+';
        }
    
        #main-menu>li>ul {
            position: unset;
            background: none;
            box-shadow: none;
            border-radius: 10px;
            border: 1px solid rgb(242 114 106 / 30%);
            width: auto !important;
            padding: 15px 15px 5px 15px;
        }
    
        #main-menu>li>ul>li {
            border-bottom: 1px solid rgb(242 114 106 / 30%);
            ;
            padding-bottom: 5px;
            margin-bottom: 5px;
        }
    
        #main-menu>li>ul>li:last-child {
            border-bottom: none;
            padding-bottom: 5px;
            margin-bottom: 0;
        }
    
        #main-menu>li>a.current {
            background: none;
        }
    
        #main-menu>li>a {
            line-height: 24px;
            padding: 10px 0;
        }
    
        #main-menu>li>a {
            margin-right: 0;
        }
    
        #main-menu>li>.has-submenu.highlighted {
            color: #FFC700
        }

        .sm-contra a span.sub-arrow {
            font-size: 0 !important;
        }

        .sm-contra a span.sub-arrow::before,
        .sm-contra a span.sub-arrow::after {
            font-size: 16px; ;
        }

        .sm-contra > li:hover {
            border-bottom: none !important;
            background: none;
        }
    }

    @media screen and (max-width: 767px) {
        .sm-contra a span.sub-arrow {
            bottom: unset;
            left: unset;
            right: 0;
            top: 47%;
            height: 34px;
            width: auto;
            padding-top: 0;
            transform: unset;
        }
    }

/***********FOOTER************/

.footer {
    background-color: var(--var-primary) !important;
    border-top: none !important;
    color: var(--white);
    padding-top: 0;
    position: relative;
    width: 100%;
    min-height: 100px;
    margin-top: 100px;
}

.footer .copyright-section {
    padding: 12px 0;
    border-top: none;
    background: var(--var-darkprimary);
}

.footer .wave {
    position: absolute;
    top: -99px;
    left: 0;
    width: 100%;
    height: 100px;
    background: url(../images/wave.png);
    /* background: url(../images/wavered.png); */
    background-size: 1000px 100px;
}

.footer .wave#wave1 {
    z-index: 2;
    opacity: 1;
    bottom: 0;
    animation: animateWave 15s linear infinite;
}

.footer .wave#wave2 {
    z-index: 1;
    opacity: 0.5;
    bottom: 10px;
    animation: animateWave2 15s linear infinite;
}

.footer .wave#wave3 {
    z-index: 2;
    opacity: 0.2;
    bottom: 15px;
    animation: animateWave 12s linear infinite;
}

.footer .wave#wave4 {
    z-index: 1;
    opacity: 0.7;
    bottom: 20px;
    animation: animateWave2 12s linear infinite;
}

@keyframes animateWave {
    0% {
        background-position-x: 1000px;
    }
    100% {
        background-position-x: 0px;
    }
}

@keyframes animateWave2 {
    0% {
        background-position-x: 0px;
    }
    100% {
        background-position-x: 1000px;
    }
}

@keyframes animateWave3 {
    0% {
        background-position-x: 1000px;
    }
    100% {
        background-position-x: 0px;
    }
}

.info_footer div span,
.info_footer div a {
    font-family: 'Open Sans Regular';
    font-weight: unset !important;
    font-size: 16px;
    line-height: 1.5;
    color: #FFFFFF !important;
}

.info_footer .call_us a {
    font-family: 'Open Sans Medium';
}

.info_footer .call_us .phone_number {
    font-family: 'Open Sans Bold';
    font-size: 16px;
    line-height: 1.5;
    color: #FFC644 !important;
}

.info_footer .logo_footer p {
    padding-bottom: 10px;
}

html[lang="vi-VN"] .info_footer div {
    font-family: 'Open Sans Regular';
    font-size: 16px;
    line-height: 1.5;
    color: #FFFFFF;
}

html[lang="vi-VN"] .info_footer span,
html[lang="vi-VN"] .info_footer div a {
    font-family: 'Open Sans Semi Bold';
    font-size: 16px;
    line-height: 1.5;
    color: #FFFFFF;
}

html[lang="vi-VN"] .info_footer .call_us a {
    font-family: 'Open Sans Regular';
}

footer > .container > .flex-items-xs-bottom {
    padding-bottom: 20px;
}

.footer_header {
    font-family: 'Open Sans Semi Bold';
    font-size: 18px;
    line-height: 1.67;
    text-transform: uppercase;
    color: #FFC644;
}

.link_footer ul li a {
    font-family: 'Open Sans Regular';
    font-weight: 500 !important;
    font-size: 16px;
    line-height: 1.88;
    color: #FFFFFF !important;
}

html[lang="vi-VN"] .link_footer ul li {
    list-style-type: disc;
    list-style-position: inside;
    padding-left: 10px;
    color: var(--white);
}

.copyright-section .SkinObject {
    font-family: 'Open Sans Regular';
    font-size: 14px;
    line-height: 2.29;
    color: rgba(255, 255, 255, 0.8);
}

.copyright-section .container > .flex-items-xs-bottom {
    align-items: center;
}

.follow-us {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.follow-us .follow-header {
    font-family: 'Open Sans Medium';
    padding-right: 10px;
    font-size: 14px;
    line-height: 2.14;
    color: #FFC644;
}

.follow-us .follow-link ul {
    display: flex;
    gap: 6px;
    align-items: center;
}

/*****************************SECTION BANNER************************/ 

.section-banner .QC-container .owl-dots {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
}

.section-banner .QC-container .owl-dots .owl-dot span {
    background: #000000;
}

.section-banner .QC-container .owl-dots .owl-dot.active span {
    background: #FF7663;
}

.section-banner .QC-container .owl-dots .owl-dot.active:before {
    content: none;
}

.section-banner .QC-container .owl-item .item img.QC-imgLogo {
    height: 100%;
    object-fit: cover;
}

/*****************************SECTION ABOUT************************/ 

.Home-about #video-gallery img {
    border-radius: 20px;
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.Home-about #video-gallery {
    position: relative;
    height: 100%;
}

.Home-about #video-gallery .demo-gallery-poster {
    position: absolute;
    right: -40px;
    top: 50%;
    transform: translateY(-50%);
    height: auto;
}

#dnn_AboutPane_Video div {
    height: 100%;
}

.Home-about .Video-abbout {
    padding-right: 0;
}

.Home-about .Information-about {
    padding-left: 40px;
}

.Home-about .info-title {
    display: flex;
    align-items: center;
    font-family: 'Open Sans Semi Bold';
    font-size: 20px;
    line-height: 27px;
    color: #FF7663;
    margin-bottom: 10px;
}

.Home-about .info-title::before {
    content: '';
    display: block;
    width: 5px;
    height: 5px;
    background: #FF7663;
    border-radius: 50%;
    margin-right: 10px;
}

.Home-about .About-title {
    font-family: 'Open Sans Bold';
    font-size: 24px;
    line-height: 1.67;
    color: var(--text);
    margin-bottom: 10px;
}

.Home-about .About-reward ul li a {
    display: flex;
    align-items: center;
    font-family: 'Open Sans Semi Bold';
    font-size: 18px;
    line-height: 1.78;
    color: var(--var-sub) !important;
}

.Home-about .About-reward ul li {
    flex: 0 0 50%;
    max-width: 50%;
    margin-bottom: 5px;
}

.Home-about .About-reward ul {
    display: flex;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.Home-about .About-reward ul li a::before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    background: url(../images/tickxanh.png);
    /* background: url(../images/tickdo.png); */
    margin-right: 20px;
}

.Home-about .About-stasitic ul {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-bottom: 34px;
}

.Home-about .About-stasitic ul li {
    flex: 0 0 calc(100%/4 - 18px);
    max-width: 25%;
    background: #FFFFFF;
    box-shadow: 0px 0px 10px rgba(209, 223, 255, 0.8);
    border-radius: 10px;
    padding: 20px 15px;
}

.Home-about .About-stasitic .stasitic {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.Home-about .About-stasitic .stasitic .number {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 36px;
    line-height: 0.72;
    color: var(--text);
    margin-bottom: 20px;
}

.Home-about .About-stasitic .stasitic .info {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.62;
    color: #506198;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.Home-about .About-stasitic .stasitic .info::after {
    content: '';
    display: block;
    background: #FF7663;
    border-radius: 50%;
    width: 50px;    
    height: 2px;
    margin-top: 5px;
}

.Home-about .Technologies .info-title {
    margin-bottom: 20px;
}

.Home-about .Technologies .Tech-details ul {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.Home-about .Technologies .Tech-details ul li {
    flex: 0 0 20%;
    max-width: 20%;
    display: flex;
    align-items: center;
}

.Home-about .Technologies .Tech-details ul li img {
    margin-right: 15px;
}

.Home-about .Technologies .Tech-details ul li span {
    font-family: 'Open Sans Bold';
    font-size: 20px;
    line-height: 1.3;
    color: var(--text);
}

.Home-about .dstinbaianh_slidenosummary {
    padding-left: 40px;
}

.Home-about .dstinbaianh_slidenosummary .container_module_title h4 a {
    display: flex;
    align-items: center;
    font-family: 'Open Sans Semi Bold';
    font-size: 20px;
    line-height: 27px;
    color: #FF7663;
    margin-bottom: 30px;
}

.Home-about .dstinbaianh_slidenosummary .container_module_title h4 a::before {
    content: '';
    display: block;
    width: 5px;
    height: 5px;
    background: #FF7663;
    border-radius: 50%;
    margin-right: 10px;
}

.Home-about .owl-dsTinBaiAnh_NoSummary .item {
    display: flex;
    align-items: center;
}

.Home-about .owl-dsTinBaiAnh_NoSummary .item div.news_link {
    margin-left: 15px;
}

.Home-about .owl-dsTinBaiAnh_NoSummary .item .news_link a {
    font-family: 'Open Sans Bold';
    font-size: 18px;
    line-height: 1.3;
    color: #273564;
}

.Home-about .owl-dsTinBaiAnh_NoSummary .item .news_thumb {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.Home-about .owl-dsTinBaiAnh_NoSummary .owl-stage {
    display: flex;
}

.Home-about .owl-dsTinBaiAnh_NoSummary .owl-stage .owl-item {
    align-self: stretch;
    display: flex;
    align-items: center;
}

.Home-about .owl-dsTinBaiAnh_NoSummary .item > a {
    width: 50px;
    height: 50px;
    flex-shrink: 0;
}

.lg-backdrop {
    background-color: rgba(0, 0, 0, 0.8) !important;
}

.Home-about {
    position: relative;
}

.Home-about::before {
    content: '';
    background: url(../images/dot_BG_vertical.png) no-repeat center;
    display: block;
    width: 33px;
    height: 162px;
    position: absolute;
    left: -33px;
    top: 0;
}

.Home-about::after {
    content: '';
    background: url(../images/Arrow.png) no-repeat center;
    display: block;
    width: 76px;
    height: 16px;
    position: absolute;
    left: -147px;
    margin-left: 24px;
    top: 0;
}

/*****************************SECTION AWARD************************/ 

.section-award {
    background: url(../images/Background_Award.png) no-repeat center;
    background-size: cover;
    /* margin-bottom: 50px; */
}

.timeline-container {
    margin-top: 0px;
    position: relative;
    margin-bottom: 50px;
}

.timeline-container::before {
    content: '';
    width: 100%;
    height: 8px;
    background-color: #05A1E6;
    display: block;
    border-radius: 180px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: calc(100% - 110px);
    margin: 0 55px;
}

.timeline-slide .circle {
    border: 4px solid #FFE7E7;
    background-color: #F58220;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-redius: 50%;
    height: 18px;
    width: 18px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%);
    z-index: 2000;
    overflow: visible;
}

.timeline.owl-carousel .owl-item:first-child .timeline-slide .circle {
    background: #FFFFFF;
    border: 6px solid #F58220;
    height: 22px;
    width: 22px;
}

.timeline-slide .timeline-copy {
    display: flex;
}

.timeline-slide .timeline-copy .year {
    width: 81px;
    height: 81px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    transition: all 0.3s ease-in-out;
}

.timeline.owl-carousel .owl-item:nth-child(10n+1) .timeline-slide .timeline-copy .year {
    background-color: #2CC0C3;
    border-color: #2CC0C3
}
.timeline.owl-carousel .owl-item:nth-child(10n+2) .timeline-slide .timeline-copy .year {
    background-color: #67C26C;
    border-color: #67C26C;
}
.timeline.owl-carousel .owl-item:nth-child(10n+3) .timeline-slide .timeline-copy .year {
    background-color: #C267BC;
    border-color: #C267BC;
}
.timeline.owl-carousel .owl-item:nth-child(10n+4) .timeline-slide .timeline-copy .year {
    background-color: #F39700;
    border-color: #F39700;
}
.timeline.owl-carousel .owl-item:nth-child(10n+5) .timeline-slide .timeline-copy .year {
    background-color: #E85656;
    border-color: #E85656;
}
.timeline.owl-carousel .owl-item:nth-child(10n+6) .timeline-slide .timeline-copy .year {
    background-color: #0082E0;
    border-color: #0082E0;
}
.timeline.owl-carousel .owl-item:nth-child(10n+7) .timeline-slide .timeline-copy .year {
    background-color: #B22E00;
    border-color: #B22E00;
}
.timeline.owl-carousel .owl-item:nth-child(10n+8) .timeline-slide .timeline-copy .year {
    background-color: #C7CA32;
    border-color: #C7CA32;
}
.timeline.owl-carousel .owl-item:nth-child(10n+9) .timeline-slide .timeline-copy .year {
    background-color: #808DAA;
    border-color: #808DAA;
}
.timeline.owl-carousel .owl-item:nth-child(10n+10) .timeline-slide .timeline-copy .year {
    background-color: #6E62F1;
    border-color: #6E62F1;
}

.timeline.owl-carousel .owl-item:hover .timeline-slide .timeline-copy .year {
    width: 95px;
    height: 95px;
}

.timeline.owl-carousel .owl-item:hover .timeline-slide .timeline-copy .year::after {
    border-left: 28px solid transparent;
    border-right: 28px solid transparent;
    border-top: 18px solid;
    border-top-color: inherit;
}

.timeline.owl-carousel .owl-item:hover .timeline-slide .timeline-copy .year::before {
    border-left: 28px solid transparent;
    border-right: 28px solid transparent;
    border-bottom: 18px solid;
    border-bottom-color: inherit;
}

.timeline.owl-carousel .owl-item:hover .timeline-slide .timeline-copy .news_summary {
    font-size: 16px;
}

.timeline-slide .timeline-copy .year::after {
    content: '';
    width: 0;
    height: 0;
    display: block;
    bottom: -8px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    border-left: 22px solid transparent;
    border-right: 22px solid transparent;
    border-top: 15px solid;
    border-top-color: inherit;
    transition: all 0.3s ease-in-out;
}

.timeline-slide .timeline-copy .year::before {
    content: '';
    width: 0;
    height: 0;
    display: block;
    top: -8px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    border-left: 22px solid transparent;
    border-right: 22px solid transparent;
    border-bottom: 15px solid;
    border-bottom-color: inherit;
    transition: all 0.3s ease-in-out;
}

.timeline.owl-carousel .owl-item:nth-child(odd) .timeline-slide .timeline-copy .year::before {
    content: '';
    position: absolute;
    border-left: none;
    border-top: none;
    border-bottom: none;
    border-right: 1px solid;
    border-color: inherit;
    height: 25px;
    top: unset;
    bottom: -37px;
}

.timeline.owl-carousel .owl-item:nth-child(even) .timeline-slide .timeline-copy .year::after {
    content: '';
    position: absolute;
    border-left: none;
    border-top: none;
    border-bottom: none;
    border-right: 1px solid;
    border-color: inherit;
    height: 25px;
    bottom: unset;
    top: -35px;
}

.timeline.owl-carousel .owl-item:nth-child(odd) .timeline-slide .timeline-copy .year {
    bottom: calc(50% + 40px);
}

.timeline.owl-carousel .owl-item:nth-child(even) .timeline-slide .timeline-copy .year {
    top: calc(50% + 55px);
}

.timeline.owl-carousel .owl-item .timeline-slide .timeline-copy .news_summary {
    font-family: 'Open Sans Semi Bold';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.57;
    text-align: center;
    color: #FFFFFF;
    width: 100%;
    position: absolute;
    transition: all 0.3s ease-in-out;
}

.timeline.owl-carousel .owl-item:nth-child(odd) .timeline-slide .timeline-copy .news_summary {
    top: calc(50% + 25px);
}

.timeline.owl-carousel .owl-item:nth-child(even) .timeline-slide .timeline-copy .news_summary {
    bottom: calc(50% + 25px);
    padding-bottom: 0;
}

.timeline.owl-carousel {
    padding: 0 55px;
}

.timeline.owl-carousel .owl-stage-outer {
    height: 300px;
    min-height: 276px;
}

.timeline.owl-carousel .owl-stage-outer .owl-stage,
.timeline.owl-carousel .owl-stage-outer .owl-item,  
.timeline.owl-carousel .owl-stage-outer .timeline-slide {
    height: 100%;
} 

.timeline.owl-carousel .owl-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    display: flex;
    left: 0;
    justify-content: space-between;
    z-index: -1;
}

.timeline.owl-carousel .owl-nav button {
    background: #FF7663;
    border-radius: 180px;
    width: 40px;
    height: 40px;
    color: var(--white);
    outline: none;
}

.timeline.owl-carousel .owl-nav button.disabled {
    background: #FFFFFF;
    color: #323232;
}

.timeline.owl-carousel .owl-nav button span {
    display: flex;
    justify-content: center;
    align-items: center;
}

.timeline-slide .timeline-copy .border-year {
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
    width: 55px;
    height: 55px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Open Sans Bold';
    font-size: 16px;
    line-height: 1.62;
    color: #000000;
    transition: all 0.3s ease-in-out;
}

.timeline.owl-carousel .owl-item:hover .timeline-slide .timeline-copy .border-year {
    width: 65px;
    height: 65px;
    transition: all 0.3s ease-in-out;
}

.section-award .award-title {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 40px 0;
}

.section-award .award-title .title a {
    color: #FF7663;
}

.section-award .award-title .title {
    display: flex;
    align-items: center;
    font-family: 'Open Sans Semi Bold';
    font-size: 20px;
    line-height: 27px;
    color: #FF7663;
    margin-bottom: 15px;
}

.section-award .award-title .title::before {
    content: '';
    display: block;
    width: 5px;
    height: 5px;
    background: #FF7663;
    border-radius: 50%;
    margin-right: 10px;
}

.section-award .award-title .description {
    font-family: 'Open Sans Semi Bold';
    font-size: 16px;
    line-height: 1.62;
    color: var(--var-secondary);
}

/*****************************SECTION NEWS************************/ 

.two_arrow h6 {
    font-family: 'Open Sans Bold';
    font-size: 30px;
    line-height: 1.33;
    display: flex;
    align-items: center;
    color: #273564;
    width: 100%;
    justify-content: center;
    margin-bottom: 40px;
    text-align: center;
}

.two_arrow h6 a {
    color: #273564 !important;
} 

.two_arrow h6 .Head {
    margin-bottom: 0;
}

.two_arrow h6::before {
    content: '';
    background: url(../images/two_arrow_1.png) no-repeat center;
    width: 75px;
    height: 16px;
    margin-right: 30px;
    display: block;
}

.two_arrow h6::after {
    content: '';
    background: url(../images/two_arrow_2.png) no-repeat center;
    width: 75px;
    height: 16px;
    margin-left: 30px;
    display: block;
}

.section-news .DsTinBaiLietKeAnh ul {
    display: flex;
    gap: 24px;
    margin: 0;
}

.section-news .DsTinBaiLietKeAnh ul li {
    flex: 0 0 calc(100%/4 - 18px);
    display: flex;
    max-width: calc(100%/4);
    flex-direction: column;
    margin: 0;
    background: #FFFFFF;
    box-shadow: 0px 4px 10px var(--var-box-shadow-op8);
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}

.section-news .DsTinBaiLietKeAnh ul li hr {
    display: none;
}

.section-news .DsTinBaiLietKeAnh ul li .li__content {
    padding: 10px 20px 30px;
}

.section-news .DsTinBaiLietKeAnh ul li .li__content .news_link a {
    font-family: 'Open Sans Semi Bold';
    font-size: 16px;
    line-height: 1.5;
    color: var(--var-primary);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 3;
}

.section-news .DsTinBaiLietKeAnh ul li .li__content .news_summary {
    font-family: 'Open Sans Regular';
    font-size: 16px;
    line-height: 1.5;
    text-align: justify;
    color: #506198;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 3;
}

.section-news .DsTinBaiLietKeAnh ul li .li__content .news_date.style-1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    padding: 6.5px 6px;
    left: 10px;
    top: 10px;
    background: #FF7663;
}

.section-news .DsTinBaiLietKeAnh ul li .li__content .news_date.style-1 .date {
    font-family: 'Open Sans Bold';
    margin-bottom: 5px;
    font-size: 20px;
    line-height: 17px;
    color: #FFFFFF;
}

.section-news .DsTinBaiLietKeAnh ul li .li__content .news_date.style-1 .month {
    font-family: 'Open Sans Medium';
    font-size: 14px;
    line-height: 20px;
    color: #FFFFFF;
}

.section-news .DsTinBaiLietKeAnh ul li .li__content .news_date {
    display: none;
}

.section-news .DsTinBaiLietKeAnh ul li .li__img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
	aspect-ratio: 1.59
}

.section-news .DsTinBaiLietKeAnh {
    position: relative;
}

.section-news .DsTinBaiLietKeAnh::after {
    content: '';
    background: url(../images/dot_BG_horizontal.png) no-repeat center;
    display: block;
    width: 162px;
    height: 33px;
    position: absolute;
    left: 100%;
    margin-left: 24px;
    bottom: 0;
}

.section-news .DsTinBaiLietKeAnh::before {
    content: '';
    background: url(/Portals/_default/Skins/HueCIT2023/assets/images/dot_BG_vertical.png) no-repeat center;
    display: block;
    width: 33px;
    height: 162px;
    position: absolute;
    left: -48px;
    top: 0;
}

/*****************************SECTION DEV************************/ 

.section-dev {
    background: url(../images/Background_Dev.png) no-repeat center;
    background-size: cover;
}

.section-dev .menu-m15 ul {
    display: flex;
    align-items: center;
    gap: 24px;
    flex-wrap: nowrap;
    overflow: auto;
    padding: 15px;
}

.section-dev .menu-m15 {
    margin: -15px;
}

.section-dev .menu-m15 ul li {
    flex: 0 0 calc(100%/3 - 16px);
    max-width: calc(100%/3);
    background: #FFFFFF;
    box-shadow: 0px 0px 15px rgb(0 47 137 / 80%);
    border-radius: 20px;
    padding: 30px;
    align-self: stretch;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
}

.section-dev .menu-m15 ul li .group_content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    height: 100%;
}

.section-dev .menu-m15 ul li .img_content {
    margin-bottom: 20px;
}

.section-dev .menu-m15 ul li .detail_content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

.section-dev .menu-m15 ul li .title_cm {
    margin-bottom: 10px;
    text-align: center;
}

.section-dev .menu-m15 ul li .title_cm a {
    font-family: 'Open Sans Bold';
    font-size: 20px;
    line-height: 2;
    color: #273564;
}

.section-dev .menu-m15 ul li .news_summary p {
    padding: 0;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.62;
    text-align: center;
    color: #506198;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 4;
}

.section-dev .menu-m15 ul li .group_content .detail_content > .news_summary {
    margin-bottom: 20px;
}

.section-dev .menu-m15 ul li .button_readmore {
    border-radius: 180px;
    overflow: hidden;
}

.section-dev .menu-m15 ul li .button_readmore a {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    font-family: 'Open Sans Semi Bold';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 40px;
    color: #FFFFFF;
    padding: 0px 20px;
    border-radius: 180px;
}

.section-dev .menu-m15 ul li .button_readmore a span {
    display: flex;
    justify-content: center;
    align-items: center;
}

.section-dev .menu-m15 ul li .button_readmore a span::after {
    content: 'chevron_right';
    font-family: 'Material Symbols Rounded';
    font-size: 24px;
    margin-left: 5px;
}

.section-dev .menu-m15 ul li:nth-child(1) .button_readmore {
    background: #21CAFF;
}

.section-dev .menu-m15 ul li:nth-child(2) .button_readmore {
    background: #FF7663;
}

.section-dev .menu-m15 ul li:nth-child(3) .button_readmore {
    background: #45DA80;
}    

.section-dev .one_arrow_BG {
    padding: 40px 0 50px;
}

.one_arrow_BG h6 {
    position: relative;
}

.one_arrow_BG h6 span {
    font-family: 'Open Sans Bold';
    font-size: 24px;
    line-height: 1.67;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    position: relative;
    padding-left: 14px;
    z-index: 2; 
    margin-bottom: 40px;
}

.one_arrow_BG h6 span::after {
    content: '';
    display: block;
    width: 40px;
    background: #002E97;
    height: 40px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    z-index: -1;
}

.one_arrow_BG h6 span::before {
    width: 75px;
    height: 16px;
    content: '';
    display: block;
    background: url(../images/Arrow_BG.png);
    position: absolute;
    left: -90px;
}

/*****************************SECTION SERVICE************************/ 

.one_arrow h6 {
    position: relative;
}

.one_arrow h6 span {
    font-family: 'Open Sans Bold';
    font-size: 24px;
    line-height: 1.67;
    color: #273564;
    display: flex;
    align-items: center;
    position: relative;
    padding-left: 14px;
    z-index: 2; 
    margin-bottom: 40px;
}

.one_arrow h6 span::after {
    content: '';
    display: block;
    width: 40px;
    background: var(--var-background);
    height: 40px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    z-index: -1;
}

.one_arrow h6 span::before {
    width: 75px;
    height: 16px;
    content: '';
    display: block;
    background: url(../images/Arrow.png);
    position: absolute;
    left: -90px;
}

.section-service .menu-m15 ul li {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
}

.section-service .menu-m15 ul li:not(:last-child) {
    padding-bottom: 32px;
}

.section-service .menu-m15 ul li .group_content {
    display: flex;
    align-items: center;
}

.section-service .menu-m15 ul li .img_content {
    width: 130px;
    height: 130px;
    flex-shrink: 0;
    position: relative;
    margin-right: 40px;
}

.section-service .menu-m15 ul li .img_content .icon_cm img {
    transition: transform .2s;
}

.section-service .menu-m15 ul li .img_content .icon_cm:hover img {
    transform: scale(1.15);
}

.section-service .menu-m15 ul li:not(:last-child) .img_content::after {
    content: '';
    border: 1px solid #E6E6E6;
    width: 100%;
    display: block;
    transform: rotate(90deg);
    z-index: -1;
    position: relative;
}

.section-service .menu-m15 ul li .detail_content .button_readmore {
    display: none;
}

.section-service .menu-m15 ul li .detail_content {
    display: flex;
    flex-direction: column;
}

.section-service .menu-m15 ul li .title_cm {
    margin-bottom: 5px;
}

.section-service .menu-m15 ul li .title_cm a {
    font-family: 'Open Sans Bold';
    font-size: 20px;
    line-height: 2;
    color: var(--var-primary);
}

.section-service .menu-m15 ul li .news_summary p {
    padding: 0;
    font-family: 'Open Sans Regular';
    font-size: 16px;
    line-height: 1.62;
    color: #506198;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 3;
}

.section-service .MauTrinhDienSlide .container_module_content::before {
    background: url(../images/Ellipse_4-removebg-preview.png) no-repeat center;
    content: '';
    background-size: cover;
    background-position: bottom center;
    position: absolute;
    bottom: -30%;
    right: -110%;
    top: 50%;
    transform: translate(-50% ,-50%);
    left: 50%;
}

.section-service .MauTrinhDienSlide .QC-container .item::before {
    background: url(../images/phone_BG.png) no-repeat center;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    content: '';
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom center;
}

.section-service .owl-slideQC .item img {
    border-radius: 42px;
    padding: 12px;
}

.service_slide {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.service_slide .Service_BG {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.service_slide .owl-theme .owl-dots .owl-dot span {
    width: 8px;
    height: 8px;
    background: #D9D9D9;
    margin: 0px 5px;
    transition: all ease-in-out 1s;
}

.service_slide .owl-theme .owl-dots .owl-dot.active span {
    background: #FF7663;
}

.service_slide .owl-slideQC .owl-dots .owl-dot.active:before {
    content: none
}

/*****************************SECTION TEAM************************/ 

.section-team {
    background: var(--var-background);
}

.section-team .team-list .img_scrollnews .img-responsive {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.section-team .team-list .owl-item {
    border-radius: 10px;
    padding: 30px 20px;
    margin-bottom: 20px;
}

.section-team .team-list .owl-item:hover {
    background: #FFFFFF;
    box-shadow: 0px 0px 10px var(--var-box-shadow-op8);
}

.section-team .team-list .owl-item .img_scrollnews {
    border: 8px solid #E2EBFF;
    border-radius: 50%;
    overflow: hidden;
    pointer-events: none;
}

.section-team .team-list .owl-item:hover .img_scrollnews {
    border: 8px solid #F6F6F6;
}

.section-team .team-list .group_scoll .content_scrollnews {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 10px;
}

.section-team .team-list .TitleCM {
    display: none;
}

.section-team .team-list .group_scoll .content_scrollnews .TitleNews {
    text-align: center;
}

.section-team .team-list .group_scoll .content_scrollnews .TitleNews a {
    font-family: 'Open Sans Bold';
    font-size: 20px;
    line-height: 1.8;
    color: #273564;
    pointer-events: none;
}

.section-team .team-list .group_scoll .content_scrollnews .description-content span.news_summary {
    font-family: 'Open Sans Semi Bold';
    font-size: 15px;
    line-height: 1.73;
    color: #506198;
}

.section-team .team-list .group_scoll .content_scrollnews .info-content {
    margin-top: 20px;
    gap: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.section-team .team-list .info-content > div {
    position: relative;
}

.section-team .team-list .info-content .tooltiptext {
    visibility: hidden;
    width: fit-content;
    font-family: 'Open Sans Bold';
    font-size: 14px;
    line-height: 20px;
    color: #FFFFFF;
    text-align: justify;
    border-radius: 8px;
    padding: 10px 20px;
    position: absolute;
    z-index: 1;
    top: -160%;
    transform: translateX(50%);
    right: 50%;
    /* Fade in tooltip - takes 1 second to go from 0% to 100% opac: */
    opacity: 0;
    transition: opacity 1s;
}

.section-team .team-list .info-content > div[id*='grpDienThoai'] .tooltiptext {
    background-color: #1EC69F;
}

.section-team .team-list .info-content > div[id*='grpEmail'] .tooltiptext {
    background-color: #FFB24A;
}

.section-team .team-list .info-content > div[id*='grpFanpage'] .tooltiptext {
    background-color: #3C74F3;
}

.section-team .team-list .info-content > div[id*='grpDienThoai'] .tooltiptext::after {
    border-color: #1EC69F transparent transparent transparent;
}

.section-team .team-list .info-content > div[id*='grpEmail'] .tooltiptext::after {
    border-color: #FFB24A transparent transparent transparent;
}

.section-team .team-list .info-content > div[id*='grpFanpage'] .tooltiptext::after {
    border-color: #3C74F3 transparent transparent transparent;
}

.section-team .team-list .info-content > div:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.section-team .team-list .info-content .tooltiptext::after {
    content: " ";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
}

.section-team .two_arrow h6 {
    margin-top: 40px;
    margin-bottom: 50px;
}

.section-team .owl-theme .owl-nav button {
    width: 40px;
    height: 40px;
    margin: 0 7.5px;
    background: #FF7663;
    box-shadow: 0px 2px 4px #ffaaaf;
    border-radius: 360px;
    outline: none;
}

.section-team .owl-theme .owl-nav {
    margin-bottom: 50px;
    margin-top: 30px;
}

.section-team .owl-theme .owl-nav span {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
}

.section-team .owl-theme .owl-nav button.disabled {
    background: #FFFFFF;
    box-shadow: 0px 2px 4px var(--var-box-shadow);
    border-radius: 360px;
}

.section-team .owl-theme .owl-nav button.disabled span {
    color: #656D91;
}

.section-team .owl-theme .owl-nav button.disabled:hover {
    background: #A9B4CA;
}

.section-team .owl-theme .owl-nav button.disabled:hover span {
    color: #FFFFFF;
}

.section-team .owl-theme .owl-nav button:hover:not(.disabled) {
    background: #FF7663;
}

/*****************************SECTION CONTACT************************/ 

.contact-info-container .contact-title {
    display: flex;
    align-items: center;
    font-family: 'Open Sans Semi Bold';
    font-size: 20px;
    line-height: 27px;
    color: #FF7663;
    margin-bottom: 15px;
}

.contact-info-container .contact-title::before {
    content: '';
    display: block;
    width: 5px;
    height: 5px;
    background: #FF7663;
    border-radius: 50%;
    margin-right: 10px;
}

.contact-info-container .contact-option {
    font-family: 'Open Sans Regular';
    font-size: 16px;
    line-height: 1.5;
    color: #506198;
}

.contact-info-container .contact-description {
    margin-bottom: 35px;
}

.contact-info-container .contact-info {
    display: flex;
    justify-content: flex-end;
    position: relative;
}

.contact-info-container .contact-info ul {
    display: flex;
    flex-direction: column;
    gap: 15px;
    width: 75%;
}

.contact-info-container .contact-info ul li {
    background: #FFFFFF;
    border: 1px solid #C6E0FF;
    border-radius: 10px;
    padding: 15px 20px;
    display: flex;
}

.contact-info-container .contact-info ul li .icon {
    margin-right: 20px;
}

.contact-info-container .contact-info ul li .info {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.contact-info-container .contact-info ul li .title {
    font-family: 'Open Sans Semi Bold';
    font-size: 18px;
    line-height: 1.67;
    color: var(--var-primary);
}

.contact-info-container .contact-info ul li .detail {
    font-family: 'Open Sans Medium';
    font-size: 16px;
    line-height: 1.5;
    color: #273564;
}

.contact-info-container .contact-info::before {
    content: '';
    display: block;
    background: url(../images/Support.png) no-repeat center;
    position: absolute;
    width: 100%;
    height: 100%;
    right: 62%;
    z-index: -1;
}

.section-contact .GopY {
    background: var(--var-primary);
    border-radius: 20px;
    padding: 30px 40px;
}

.section-contact .GopY .Title span:first-child {
    font-family: 'Open Sans Semi Bold';
    font-size: 20px;
    line-height: 27px;
    margin-bottom: 5px;
}

.section-contact .GopY .Title {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}

.section-contact .GopY .Title span {
    font-family: 'Open Sans Regular';
    font-size: 14px;
    line-height: 26px;
    color: #FFFFFF;
}

.section-contact .GopY .Title span:last-child {
    text-transform: none;
}

.section-contact .GopY p {
    margin: 0;
    padding: 0;
}

.section-contact .GopY .error_help span {
    margin: 20px 0 !important;
}

.section-contact .GopY input,
.section-contact .GopY textarea {
    background: var(--var-darkprimary);
    border-radius: 6px;
    outline: none;
    border: none;
    padding: 10px !important;
    height: auto;
    font-family: 'Open Sans Medium';
    font-style: italic;
    font-size: 14px;
    line-height: 24px;
    color: var(--white);
    margin: 0 0 10px 0 !important;
}

.section-contact .GopY input::placeholder,
.section-contact .GopY textarea::placeholder {
    color: rgba(255, 255, 255, 0.6);
}

.section-contact .GopY .captcha input {
    width: fit-content;
    padding: 7px !important;
    margin-left: 10px !important;
}

.section-contact .GopY .OkButton button {
    background: #FFFFFF;
    box-shadow: 0px 4px 10px rgb(0 69 224 / 60%);
    border-radius: 180px !important;
    font-family: 'Open Sans Bold';
    font-size: 14px;
    line-height: 24px;
    color: var(--var-primary) !important;
    padding: 10px 25px !important;
}

.section-contact .GopY .OkButton button:hover {
    background: var(--var-primary);
    color: #FFFFFF !important;
}

.section-contact .GopY::before {
    content: '';
    background: url(../images/Arrow.png) no-repeat center;
    display: block;
    width: 76px;
    height: 16px;
    position: absolute;
    left: 100%;
    margin-left: 24px;
    bottom: 53px;
}

.section-contact .GopY::after {
    content: '';
    background: url(../images/dot_BG_horizontal.png) no-repeat center;
    display: block;
    width: 162px;
    height: 33px;
    position: absolute;
    left: 100%;
    margin-left: 24px;
    bottom: 0;
}

/*****************************INNER - SECTION BANNER************************/ 

.section-banner-inner {
    position: relative;
    margin-bottom: 40px;
}

.banner-inner {
    height: 150px
}

.banner-inner .banner-img {
    width: 100%;
    height: 100%;
    background-color: linear-gradient(0deg, rgba(0, 58, 112, 0.5), rgba(0, 58, 112, 0.5));
    background-position: 50% 70%;
    background-size: cover;
}

.section-banner-inner .title {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: row;
    align-items: center;
}

.section-banner-inner .title h2 {
    font-family: 'Open Sans Semi Bold';
    font-size: 40px;
    line-height: 54px;
    color: #FFFFFF;
    text-align: center;
    text-transform: uppercase;
}

.section-banner-inner .title::after {
    content: '';
    display: block;
    width: 17px;
    height: 28px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    background: url(../images/Banner_Arrow_Down.png) no-repeat center;
    top: 100%;
}

/*****************************ABOUT US - SECTION NEWS************************/ 

.section-news-inner .DsTinBai_Content .container_module_title {
    display: none;
}

.section-news-inner .About .DsTinBai_Content .news_list {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

.section-news-inner .About .DsTinBai_Content .news_content {
    display: flex;
    width: 100%;
}

.section-news-inner .About .DsTinBai_Content .news_list__title {
    flex: 0 0 calc(100%/7 * 2 + 30px);
    position: relative;
}

.section-news-inner .About .DsTinBai_Content .news_list__title a {
    font-family: 'Open Sans Bold';
    font-size: 18px;
    line-height: 2.22;
    color: #FF7663 !important;
}

.section-news-inner .About .DsTinBai_Content .news_list__content {
    flex: 0 0 calc(100%/7 * 5 - 30px);
}

.section-news-inner .About .DsTinBai_Content .news_list__content p {
    font-family: 'Open Sans Regular';
    font-size: 14px;
    line-height: 1.71;
    color: #273564;
}

.section-news-inner .About .DsTinBai_Content .news_list__title::before {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    background: #FF7663;
    border-radius: 50%;
    margin-right: 30px;
}

.section-news-inner .About .DsTinBai_Content .news_list .news_content:not(:last-child) .news_list__title::after {
    content: '';
    display: block;
    border: 1px solid #DDDDDD;
    position: absolute;
    height: 100%;
    left: 5px;
    top: 14px;
    z-index: -1;
}

.show-more {
    display: none;
    cursor: pointer;
    margin: 40px calc(100%/7 * 2 + 30px) 0;
    text-align: center;
    background: #FF7663;
    box-shadow: 0px 4px 4px #ffd0ca;
    border-radius: 180px;
    padding: 10px 25px;
    font-family: 'Open Sans Medium';
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;
}

.section-news-inner #dnn_AboutUs_Pane .DsTinBai_Content {
    width: calc(100%/12 * 7);
    margin: 0 0 0 auto;
}

.section-news-inner .About .DsTinBai_Content .news_list::before {
    content: '';
    display: block;
    width: calc(100%/12 * 5);
    background: url(../images/About_BG.png) no-repeat center;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

/*****************************ABOUT US - SECTION MISSION************************/ 

.section-mission {
    background: linear-gradient(180deg, #71BBFA 0%, #3E98F1 63.02%, #2A88EC 100%);
    box-shadow: 0px 10px 10px #B8DAFF;
    margin-bottom: 0;
}

.section-mission .DsTinBai_Content .container_module_title,
.section-mission .DsTinBai_Content .news_list__title {
    display: none;
}

.section-mission .one_arrow_BG h6 span {
    margin: 40px 0 25px;
}

.section-mission .DsTinBai_Content .news_list__content p {
    font-family: 'Open Sans Medium';
    font-size: 16px;
    line-height: 1.62;
    color: #FFFFFF;
    text-align: justify;
}

.section-mission .DsTinBai_Content .news_list__content {
    
    overflow: auto;
    padding-right: 26px;
    margin-bottom: 50px;
}

.section-mission .DsTinBai_Content .news_list__content::-webkit-scrollbar {
    width: 4px;
}

.section-mission .DsTinBai_Content .news_list__content::-webkit-scrollbar-track {
    background: #005EB6;
    border-radius: 10px;
}

.section-mission .DsTinBai_Content .news_list__content::-webkit-scrollbar-thumb {
    background: #BADEFF;
    border-radius: 10px;
}

/****FIREFOX SCROLL BAR****/

.section-mission .DsTinBai_Content .news_list__content:-webkit-scrollbar {
    width: 6px;
}

.section-mission .DsTinBai_Content .news_list__content:-webkit-scrollbar-track {
    background: transparent;
    border-radius: 10px;
}

.section-mission .DsTinBai_Content .news_list__content:-webkit-scrollbar-thumb {
    background: #BADEFF;
    border-radius: 10px;
}

.section-mission .DsTinBai_Content .news_list__content {
    scrollbar-width: thin;
    scrollbar-color: #005EB6 transparent;
}

/***************************/

.section-mission .DsTinBai_Content::after {
    content: '';
    background: url(../images/Mission_BG.png) no-repeat center;
    display: block;
    left: calc(100% + 50px);
    position: absolute;
    bottom: -80%;
    right: -51%;
    top: 50%;
    transform: translateY(-50%);
}

/*****************************ABOUT US - SECTION PARTNER************************/ 

.section-partner {
    background: var(--var-background);
    margin-bottom: 0;
}

.progress-bar-custom {
    display: none !important;
}

.section-partner .owl-slideQC .item {
    background: #FFFFFF;
    box-shadow: 0px 0px 10px var(--var-box-shadow-op8);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    margin: 10px 0;
    position: relative;
}

.section-partner .owl-slideQC .item img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.main h4.lined span,
.main h4.lined-awards span {
    font-family: 'Open Sans Bold';
    font-size: 20px;
    line-height: 27px;
    color: #273564;
    margin: 11.5px 0;
    border-left: 4px solid #FF7663;
    padding-left: 14px;
}

.main.contraC h4.lined {
    border-bottom: 1px solid var(--var-primary);
    margin-bottom: 30px;
}

.section-partner .main h4.lined {
    margin-top: 40px;
    margin-bottom: 30px;
}

.section-partner .owl-slideQC {
    margin-bottom: 40px;
}

.section-partner .owl-item .content_news .QC-content {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.section-partner .owl-item .content_news .QC-content a {
    font-family: 'Open Sans Bold';
    font-size: 16px;
    line-height: 1.43;
    color: #FFFFFF;
    text-align: center;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 6;
    padding: 0;
}

.section-partner .owl-item .content_news .QC-content .news_summary {
    display: none;
}

.section-partner .owl-item .content_news {
    width: 100%;
    height: 100%;
    position: absolute;
    background: #2C8AED;
    box-shadow: 0px 0px 10px var(--var-box-shadow-op8);
    border-radius: 10px;
    opacity: 0;
    transition: all 0.5s ease-in-out;
}

.section-partner .owl-item:hover .content_news {
    opacity: 1;
}

/*****************************ABOUT US - SECTION PRODUCT************************/ 

.section-products .container-grid {
    display: grid;
    gap: 24px;
    grid-template-columns: repeat(4, calc(25% - 18px));
    grid-template-rows: repeat(2, calc(50% - 12px));
}
    
    .grid-1 { grid-area: 1 / 1 / 3 / 3; }
    .grid-2 { grid-area: 1 / 3 / 2 / 4; }
    .grid-3 { grid-area: 1 / 4 / 2 / 5; }
    .grid-4 { grid-area: 2 / 3 / 3 / 4; }
    .grid-5 { grid-area: 2 / 4 / 3 / 5; }

.section-products .group_scoll .info-content {
    display: none;
}

.section-products .group_scoll {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    transition: all 0.5s ease-in-out;
}

/* .section-products .group_scoll .img_scrollnews a {   
    pointer-events: none;
} */

.section-products .group_scoll .img_scrollnews img {   
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.section-products #dnn_ProductPane_1 .group_scoll .img_scrollnews img {   
    
}
.section-products .group_scoll .content_scrollnews {
    background: var(--var-darkprimary);
    border-radius: 0 0 10px 10px;
    padding: 10px 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    position: absolute;
    bottom: 0;
    top: calc(100% - 66px);
    transition: all 0.5s ease-in-out;  
    width: 100%;
}

.section-products .group_scoll:hover .content_scrollnews {
    padding: 20px;
}

.section-products .group_scoll .content_scrollnews .description-content {
    display: none;
    transition: all 0.5s ease-in-out;
}

.section-products .group_scoll:hover .content_scrollnews {
    top: 0;
    background-color: var(--var-primary-op9);
    justify-content: flex-start;
}

.section-products .group_scoll:hover .content_scrollnews .description-content {
    display: block;
}

.section-products .group_scoll .content_scrollnews .TitleCM {
    margin-bottom: 5px;
}

.section-products .group_scoll .content_scrollnews .TitleCM a{
    font-family: 'Open Sans Semi Bold';
    font-size: 14px;
    line-height: 19px;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    /* pointer-events: none; */
}

.section-products .group_scoll .content_scrollnews .TitleCM a::before {
    content: '';
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-left: 9px solid white;
    border-bottom: 7px solid transparent;
    margin-right: 5px;
}

.section-products .group_scoll .content_scrollnews .TitleNews a {
    font-family: 'Open Sans Bold';
    font-size: 16px;
    line-height: 22px;
    color: #FFC700;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
    /* pointer-events: none; */
}

.section-products .group_scoll:hover .content_scrollnews .TitleNews a {
    display: unset;
    -webkit-box-orient: unset;
    overflow: unset;
    -webkit-line-clamp: unset;
}

.section-products .group_scoll:hover .content_scrollnews .TitleNews {
    margin-bottom: 10px
}

.section-products .group_scoll .content_scrollnews .description-content div.news_summary {
    text-align: justify;
    height: 150px;
    overflow: auto;
}

.section-products .group_scoll .content_scrollnews .description-content div.news_summary::-webkit-scrollbar {
    display: none;
}

.section-products .group_scoll .content_scrollnews .description-content span.news_summary {
    font-family: 'Open Sans Regular';
    font-size: 14px;
    line-height: 1.57;
    color: #FFFFFF;
}

.section-products .container-grid > div:not(:first-child) .group_scoll .content_scrollnews {
    padding: 10px;
}

.section-products .container-grid > div:not(:first-child) .group_scoll:hover .content_scrollnews {
    padding: 10px;
}

/*****************************SERVICE - SECTION NEWS************************/

.section-news-inner .sidebar_news .menu-m8 .title_full h2 a {
    font-family: 'Open Sans Bold';
    font-size: 18px;
    line-height: 25px;
    text-transform: uppercase;
    color: #FF7663;
    display: flex;
    align-items: center;
    position: relative;
}

.section-news-inner .sidebar_news .menu-m8 .title_full h2 a::after {
    content: 'expand_more';
    font-family: 'Material Symbols Rounded';
    right: 0;
    position: absolute;
    font-weight: 500;
}

.section-news-inner .sidebar_news .menu-m8 .title_full h2 {
    margin-bottom: 15px;
    line-height: inherit;
}

.section-news-inner .sidebar_news .menu-m8 ul ul {
    margin: 0 0 20px 0;
}

.section-news-inner .sidebar_news .menu-m8 ul ul li.active a {
    background-position: 45% 95%;
}

.section-news-inner .sidebar_news .menu-m8 ul ul li a {
    font-family: 'Open Sans Semi Bold';
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;
    background: url(../images/BG_Sidebar.png) no-repeat;
    background-position: 50% 90%;
    padding: 10px 20px;
    margin-bottom: 10px;
    mix-blend-mode: multiply;  
    display: block;
}

.section-news-inner .hotnews .DsTinBai_Content div.news_list__title {
    border-bottom: 1px solid var(--var-background);
    margin-bottom: 25px;
}

.section-news-inner .hotnews .DsTinBai_Content div.news_list__title a {
    font-family: 'Open Sans Bold';
    font-size: 20px;
    line-height: 27px;
    color: #273564;
    margin: 11.5px 0;
    border-left: 4px solid #FF7663;
    padding-left: 14px;
    display: inline-block;
}

.section-news-inner .hotnews .DsTinBai_Content p {
    font-size: 16px;    
    line-height: 24px;
}

.section-news-inner .hotnews .DsTinBai_Content li {
    color: #273564;
    list-style-type: disc;
    margin-left: 30px;
    font-family: 'Open Sans Regular';
    font-size: 16px;
    line-height: 30px;
}


.DanhSachChuyenMucNhieuCap li.has_menu {
  margin-bottom: 15px;
  line-height: inherit;
}
.DanhSachChuyenMucNhieuCap li.has_menu > a {
  font-family: 'Open Sans Bold';
  font-size: 18px;
  line-height: 25px;
  text-transform: uppercase;
  color: #FF7663;
  display: flex;
  align-items: center;
  position: relative;
  margin-bottom: 15px;
}
.DanhSachChuyenMucNhieuCap li.has_menu > a:after {
  content: 'expand_more';
  font-family: 'Material Symbols Rounded';
  right: 0;
  position: absolute;
  font-weight: 500;
}
.DanhSachChuyenMucNhieuCap li.has_menu > .list_chuyenmuc.list_child {
  margin: 0 0 20px 0;
}
.DanhSachChuyenMucNhieuCap li.has_menu > .list_chuyenmuc.list_child li a {
  font-family: 'Open Sans Semi Bold';
  font-size: 16px;
  line-height: 24px;
  color: #FFFFFF;
  background: url(../images/BG_Sidebar.png) no-repeat;
  background-position-x: 0%;
  background-position-y: 0%;
  background-position: 50% 90%;
  padding: 10px 20px;
  margin-bottom: 10px;
  mix-blend-mode: multiply;
  display: block;
  width:100%;
}
.DanhSachChuyenMucNhieuCap li.has_menu > .list_chuyenmuc.list_child li.active a {
  background-position: 45% 95%;
}

/*****************************TECHNOLOGIES - SECTION NEWS************************/

.btn-close,
.btn-menu-open {
    display: none;
}

.section-news-inner .two_arrow h6 {
    margin-bottom: 10px;
}

.section-news-inner .Tech_SubTitle {
    font-family: 'Open Sans Regular';
    font-size: 16px;
    line-height: 1.62;
    text-align: center;
    color: #273564;
    width: 100%;
    display: block;
    margin-bottom: 40px;
}

.section-news-inner #postHotdeal {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    gap: 24px;
}

.section-news-inner #postHotdeal .item {
    flex: 0 0 calc(100%/4 - 18px);
    background: #FFFFFF;
    box-shadow: 0px 0px 10px var(--var-box-shadow-op8);
    border-radius: 10px;
    padding: 0 20px 20px;
    align-self: stretch;
    position: relative;
}

.section-news-inner #postHotdeal .item .group_content .new_group_date {
    display: none;
}

.section-news-inner #postHotdeal .item .group_content span.news_summary {
    font-family: 'Open Sans Regular';
    font-size: 16px;
    line-height: 1.5;
    color: #273564;
}

.section-news-inner #postHotdeal .item .group_content .slide_bglnk {
    margin-left: 90px;
    font-family: 'Open Sans Bold';
    font-size: 24px;
    line-height: 1.08;
    color: #273564;
    margin-top: 27px;
    margin-bottom: 10px;
    height: 58px;
    display: block;
    pointer-events: none;
}

.section-news-inner #postHotdeal .item .slide_bgimg {
    position: absolute;
    width: 70px;
    height: 90px;
    left: 15px;
    top: 0px;
    background-color: #FFEBF2;
    border-radius: 0px 0px 120px 120px;
    border-radius: 0px 0px 120px 120px;
    background-size: 50px auto !important;
    padding: 15px 10px 25px;
    background-position-y: 15px !important;
    pointer-events: none;
}

.section-news-inner #postHotdeal .item:nth-child(n+1) .slide_bgimg {
    background-color: #DFF7FB;
}
.section-news-inner #postHotdeal .item:nth-child(n+2) .slide_bgimg {
    background-color: #F1F1F1;
}
.section-news-inner #postHotdeal .item:nth-child(n+3) .slide_bgimg {
    background-color: #FFEBF2;
}
.section-news-inner #postHotdeal .item:nth-child(n+4) .slide_bgimg {
    background-color: #FFF4D8;
}
.section-news-inner #postHotdeal .item:nth-child(n+5) .slide_bgimg {
    background-color: #E9F4FF;
}
.section-news-inner #postHotdeal .item:nth-child(n+6) .slide_bgimg {
    background-color: #F6F3F2;
}
.section-news-inner #postHotdeal .item:nth-child(n+7) .slide_bgimg {
    background-color: #FFECDE;
}
.section-news-inner #postHotdeal .item:nth-child(n+8) .slide_bgimg {
    background-color: #F4EAFF;
}
.section-news-inner #postHotdeal .item:nth-child(n+9) .slide_bgimg {
    background-color: #FFF4D8;
}
.section-news-inner #postHotdeal .item:nth-child(n+10) .slide_bgimg {
    background-color: #E8F9E0;
}
.section-news-inner #postHotdeal .item:nth-child(n+11) .slide_bgimg {
    background-color: #F2F2F2;
}

#loadMorehot {
    flex: 0 0 calc(100%/4 - 18px);
    background: #FFFFFF;
    box-shadow: 0px 0px 10px var(--var-box-shadow-op8);
    border-radius: 10px;
    padding: 20px;
    align-self: stretch;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--var-primary);
    font-family: 'Open Sans Semi Bold' !important;
    font-size: 32px !important;
    line-height: 26px;
    color: #FFFFFF !important;
    /******** TEMP CSS UNTIL FIX********/
    margin: 24px auto 0;
    width: 25%
}


/*****************************NEWS - SECTION NEWS************************/

.section-news-inner .DsChuyenMucTinBai .listcategory {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 24px;
}

.section-news-inner .DsChuyenMucTinBai .listcategory li {
    flex: 0 0 calc(100%/4 - 18px);
    background: #FFFFFF;
    box-shadow: 0px 4px 10px var(--var-box-shadow-op8);
    border-radius: 10px;
    overflow: hidden;
    align-self: stretch;
    position: relative;
}

.DsChuyenMucTinBai .show-group,
.DsTinBaiLietKeAnh_Awards .show-group {
    display: flex;
    width: 100%;
    justify-content: space-evenly;
}

.DsChuyenMucTinBai .show-group #showMore,
.DsChuyenMucTinBai .show-group #showLess,
.DsTinBaiLietKeAnh_Awards .show-group #showMore,
.DsTinBaiLietKeAnh_Awards .show-group #showLess{
    background: var(--var-primary);
    box-shadow: 0px 5px 10px var(--var-box-shadow);
    border-radius: 6px;
    padding: 12px 0;
    width: 200px;
    font-family: 'Open Sans Bold';
    font-size: 16px;
    line-height: 1.62;
    text-transform: uppercase;
    color: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.DsChuyenMucTinBai .show-group #showMore::after,
.DsTinBaiLietKeAnh_Awards .show-group #showMore::after {
    content: 'expand_more';
    font-family: 'Material Symbols Rounded';
    font-size: 24px;
    margin-left: 15px;
    line-height: 26px;
}

.DsChuyenMucTinBai .show-group #showLess::after,
.DsTinBaiLietKeAnh_Awards .show-group #showLess::after {
    content: 'expand_less';
    font-family: 'Material Symbols Rounded';
    font-size: 24px;
    margin-left: 15px;
    line-height: 26px;
}

.DsChuyenMucTinBai .show-group #showLess,
.DsTinBaiLietKeAnh_Awards .show-group #showLess {
    display: none;
}

.section-news-inner .DsChuyenMucTinBai .listcategory .listcategory_title {
    margin: 10px 20px 5px;
}

.section-news-inner .DsChuyenMucTinBai .listcategory .icon-media {
    display: none;
}

.section-news-inner .DsChuyenMucTinBai .listcategory .listcategory_title a {
    font-family: 'Open Sans Semi Bold';
    font-size: 16px;
    line-height: 1.5;
    color: var(--var-primary);
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.section-news-inner .DsChuyenMucTinBai .listcategory span.news_summary,
.section-news-inner .DsChuyenMucTinBai .listcategory span.news_summary p {
    font-family: 'Open Sans Regular';
    font-size: 16px;
    line-height: 1.5;
    text-align: justify;
    color: #506198;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 3;
}

.section-news-inner .DsChuyenMucTinBai .listcategory span.news_summary p {
    padding-bottom: 0;
}


.section-news-inner .DsChuyenMucTinBai .listcategory div.news_summary {
    margin: 0 20px 30px;
}

.section-news-inner .DsChuyenMucTinBai .listcategory .listcategory__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px 10px 0px 0px;
	aspect-ratio: 1.5
}

.section-news-inner .DsChuyenMucTinBai .listcategory .date-style-2 {
    display: none;
}

.section-news-inner .DsChuyenMucTinBai .listcategory .date-style-1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    padding: 6.5px 6px;
    left: 10px;
    top: 10px;
    background: #FF7663;
}

.section-news-inner .DsChuyenMucTinBai .listcategory .date-style-1 .date {
    font-family: 'Open Sans Bold';
    margin-bottom: 5px;
    font-size: 20px;
    line-height: 17px;
    color: #FFFFFF;
}

.section-news-inner .DsChuyenMucTinBai .listcategory .date-style-1 .month {
    font-family: 'Open Sans Medium';
    font-size: 14px;
    line-height: 20px;
    color: #FFFFFF;
}

.page_size {
    text-align: center !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

.page_size a {
    font-family: 'Open Sans Regular';
    font-size: 16px;
    line-height: 1.25;
    color: var(--text) !important;
    border: none;
    background: none;
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 4px;
}

.page_size a:nth-of-type(1),
.page_size a:nth-of-type(2),
.page_size a:nth-last-of-type(1),
.page_size a:nth-last-of-type(2) {
    font-size: 0 !important;
    background: none !important;
}

.page_size a:nth-of-type(2)::after {
    content: 'chevron_left';
    font-family: 'Material Symbols Rounded';
    font-size: 28px;
    font-weight: 300;
}

.page_size a:nth-last-of-type(2)::after {
    content: 'chevron_right';
    font-family: 'Material Symbols Rounded';
    font-size: 28px;
    font-weight: 300;
}

.page_size a:nth-of-type(1)::after {
    content: 'first_page';
    font-family: 'Material Symbols Rounded';
    font-size: 28px;
    font-weight: 300;
}

.page_size a:nth-last-of-type(1)::after {
    content: 'last_page';
    font-family: 'Material Symbols Rounded';
    font-size: 28px;
    font-weight: 300;
}

.page_size .page_disabled {
    background: var(--var-primary);
    border-radius: 50%;
    color: var(--white) !important;
}

.page_size a.page_disabled:nth-of-type(1),
.page_size a.page_disabled:nth-of-type(2),
.page_size a.page_disabled:nth-last-of-type(1),
.page_size a.page_disabled:nth-last-of-type(2) {
    color: #CACACA !important;
}

.section-news-inner .DsChuyenMucTinBai .news_list_detail span.news_title {
    font-family: 'Open Sans Bold';
    font-size: 20px;
    line-height: 1.4;
    text-align: justify;
    color: #273564;
} 

.section-news-inner .DsChuyenMucTinBai .news_list_detail div.news_title {
    margin-bottom: 10px;
}

.section-news-inner .DsChuyenMucTinBai .news_list_detail .bottom_title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24px;
}

.section-news-inner .DsChuyenMucTinBai .news_list_detail .bottom_title .news_date {
    font-family: 'Open Sans Regular';
    font-size: 14px;
    line-height: 1.71;
    text-align: justify;
    color: var(--var-primary);
}

.section-news-inner .DsChuyenMucTinBai .news_list_detail .des-info-caption .news_summary {
    font-family: 'Open Sans Medium';
    font-size: 16px;
    line-height: 1.5;
    text-align: justify;
    color: #273564;
    margin-bottom: 20px;
}

.section-news-inner .DsChuyenMucTinBai .news_list_detail .des-info-caption img.news_thumb {
    display: block;
    margin: 0 auto;
    max-width: 800px;
}

.section-news-inner .DsChuyenMucTinBai .news_list_detail .des-info-caption .news_noteimg {
    font-family: 'Open Sans Regular';
    font-style: italic;
    font-size: 16px;
    line-height: 1.5;
    text-align: center;
    color: var(--var-primary);
    margin: 10px 0 20px;
}

.section-news-inner .DsChuyenMucTinBai .news_list_detail .meta-source {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    font-family: 'Open Sans Bold';
    font-size: 16px;
    line-height: 1.5;
    text-align: right;
    color: #273564;
    margin-bottom: 50px;
}

.section-news-inner .DsChuyenMucTinBai .news_list_detail #dschuyenmuc_news_others {
    background: var(--var-background);
    box-shadow: 0 0 0 100vmax var(--var-background);
    clip-path: inset(0 -100vmax -200px);
    padding-top: 20px
}

.section-news-inner .DsChuyenMucTinBai .news_list_detail #dschuyenmuc_news_others .news_others {
    border-bottom: 1px solid var(--var-background);
    margin-bottom: 30px;
}

.section-news-inner .DsChuyenMucTinBai .news_list_detail #dschuyenmuc_news_others .news_others span {
    font-family: 'Open Sans Bold';
    font-size: 20px;
    line-height: 27px;
    color: #273564;
    margin: 0 0 11.5px 0;
    border-left: 4px solid #FF7663;
    padding-left: 14px;
    display: block;
}

/* .section-news-inner .DsChuyenMucTinBai .news_list_detail #dschuyenmuc_news_others ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 24px;
    margin-bottom: 24px;
} */

.section-news-inner .DsChuyenMucTinBai .news_list_detail #dschuyenmuc_news_others ul li {
    /* flex: 0 0 calc(100%/4 - 18px); */
    background: #FFFFFF;
    box-shadow: 0px 4px 10px var(--var-box-shadow-op8);
    border-radius: 10px;
    overflow: hidden;
    align-self: stretch;
}

.section-news-inner .DsChuyenMucTinBai .news_list_detail #dschuyenmuc_news_others .listcategory__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px 10px 0 0;
}

.section-news-inner .DsChuyenMucTinBai .news_list_detail #dschuyenmuc_news_others .dschuyenmuc {
    font-family: 'Open Sans Semi Bold';
    font-size: 16px;
    line-height: 1.5;
    color: var(--var-primary);
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    margin: 10px 20px 20px;
}

.section-news-inner .DsChuyenMucTinBai .news_list_detail #dschuyenmuc_news_others .news_date {
    display: none;
}

.section-news-inner .DsChuyenMucTinBai .news_list_detail .news_utility_font {
    display: none;
}

.section-news-inner .DsChuyenMucTinBai .news_list_detail #dschuyenmuc_news_others .page_size {
    display: none;
}

.section-news-inner .DsChuyenMucTinBai .news_list_chuyenmuc::before {
    content: '';
    position: absolute;
    background: var(--var-background);
    width: 95%;
    height: 100%;
    z-index: -1;
    box-shadow: 0 0 0 100vmax var(--var-background);
    clip-path: inset(-100vh);
}

.section-news-inner .DsChuyenMucTinBai .news_list_chuyenmuc ~ div > .page_size {
    display: none;
}

.section-news-inner .DsChuyenMucTinBai .news_list_detail #dschuyenmuc_news_others .owl-nav button {
    width: 40px;
    height: 40px;
    margin: 0 7.5px;
    background: #FF7663;
    box-shadow: 0px 2px 4px #ffaaaf;
    border-radius: 360px;
    outline: none;
}

.section-news-inner .DsChuyenMucTinBai .news_list_detail #dschuyenmuc_news_others .owl-nav {
    margin-bottom: -10px;
    margin-top: 10px;
    display: flex;
    justify-content: center;
}

.section-news-inner .DsChuyenMucTinBai .news_list_detail #dschuyenmuc_news_others .owl-nav span {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
}

.section-news-inner .DsChuyenMucTinBai .news_list_detail #dschuyenmuc_news_others .owl-nav button.disabled {
    background: #FFFFFF;
    box-shadow: 0px 2px 4px var(--var-box-shadow);
    border-radius: 360px;
}

.section-news-inner .DsChuyenMucTinBai .news_list_detail #dschuyenmuc_news_others .owl-nav button.disabled span {
    color: #656D91;
}

.section-news-inner .DsChuyenMucTinBai .news_list_detail #dschuyenmuc_news_others .owl-nav button.disabled:hover {
    background: #A9B4CA;
}

.section-news-inner .DsChuyenMucTinBai .news_list_detail #dschuyenmuc_news_others .owl-nav button.disabled:hover span {
    color: #FFFFFF;
}

.section-news-inner .DsChuyenMucTinBai .news_list_detail #dschuyenmuc_news_others .owl-nav button:hover:not(.disabled) {
    background: #FF7663;
}

.section-news-inner .DsChuyenMucTinBai .news_list_detail #dschuyenmuc_news_others .owl-stage {
    display: flex;
}

.section-news-inner .DsChuyenMucTinBai .news_list_detail #dschuyenmuc_news_others .owl-item {
    align-self: stretch;
    display: flex;
    flex: 1 0 auto;
}

.section-news-inner .DsChuyenMucTinBai .news_list_detail #dschuyenmuc_news_others .owl-stage-outer {
    padding-bottom: 20px;
}

        /*******LOAD MORE******/

        #postHotdeal::before {
            content: '';
            position: absolute;
            background: var(--var-background);
            width: 95%;
            height: 100%;
            z-index: -1;
            box-shadow: 0 0 0 100vmax var(--var-background);
            clip-path: inset(-100vh);
        }

        .section-news-loadmore #postHotdeal {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            gap: 24px;
        }

        .section-news-loadmore #postHotdeal .item {
            flex: 0 0 calc(100%/4 - 18px);
            background: #FFFFFF;
            box-shadow: 0px 4px 10px var(--var-box-shadow-op8);
            border-radius: 0px 0px 10px 10px;
            overflow: hidden;
            align-self: stretch;
        }

        .section-news-loadmore #postHotdeal .item .slide_bgimg {
            width: 100%;
            height: 100%;
            display: block;
            border-radius: 10px 10px 0 0;
        }

        .section-news-loadmore #postHotdeal .item .new_group_date {
            display: none;
        }
        
        .section-news-loadmore #postHotdeal .listcategory .listcategory_title {
            margin: 10px 20px 5px;
        }
        
        .section-news-loadmore #postHotdeal .item a.slide_bglnk {
            font-family: 'Open Sans Semi Bold';
            font-size: 16px;
            line-height: 1.5;
            color: var(--var-primary);
            margin: 10px 20px 5px;
            display: block;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            overflow: hidden;
            -webkit-line-clamp: 3;
        }
        
        .section-news-loadmore #postHotdeal .item span.news_summary {
            font-family: 'Open Sans Regular';
            font-size: 16px;
            line-height: 1.5;
            text-align: justify;
            color: #506198;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            overflow: hidden;
            -webkit-line-clamp: 3;
        }
        
        .section-news-loadmore #postHotdeal .item div.news_summary {
            margin: 0 20px 30px;
        }

        section #loadMorehot {
            font-size: 0px !important;
            width: 200px;
            padding: 12px 0;
            box-shadow: 0px 5px 10px var(--var-box-shadow);
        }

        .section-news-inner #loadMorehot {
            display: none !important;
        }
        
        section #loadMorehot::before {
            content: 'Show more';
            font-family: 'Open Sans';
            font-style: normal;
            font-weight: 700;
            font-size: 16px;
            line-height: 1.62;
            text-transform: uppercase;
            color: #FFFFFF;
        }
        
        section #loadMorehot::after {
            content: 'expand_more';
            font-family: 'Material Symbols Rounded';
            font-size: 24px;
            margin-left: 15px;
        }
    

/*****************************BOOK A MEETING************************/

.section-banner-inner .map{
    height: 400px;
    position: relative;
    z-index: 1;
}

.section-news-inner .GopY .GopY-Notice .Title {
    display: flex;
    flex-direction: column;
}

.section-news-inner .GopY .GopY-Notice .Title span:first-child {
    font-family: 'Open Sans Bold';
    font-size: 20px;
    line-height: 27px;
    color: #273564;
    margin-bottom: 5px;
}

.section-news-inner .GopY .GopY-Notice .Title span:last-child {
    font-family: 'Open Sans Regular';
    font-size: 16px;
    line-height: 1.62;
    color: #273564;
    margin-bottom: 15px;
    text-transform: none;
}

.section-news-inner .GopY input,
.section-news-inner .GopY textarea {
    background: #F3FAFF;
    border: 1px solid #DCE6F0;
    border-radius: 6px;
    padding: 10px !important;
    height: auto;
    margin: 0 0 10px 0 !important;
}

.section-news-inner .GopY p {
    margin: 0;
    padding: 0;
}

.section-news-inner .GopY .error_help span {
    margin: 20px 0 !important;
}

.section-news-inner .GopY .captcha input {
    width: fit-content;
    padding: 7px !important;
    margin-left: 10px !important;
}

.section-news-inner .GopY input::placeholder,
.section-news-inner .GopY textarea::placeholder {
    color: #8C9AC7;
    font-style: italic;
}

.section-news-inner .GopY .OkButton button {
    background: #FF7663;
    box-shadow: 0px 4px 4px #ffd0ca;
    border-radius: 180px !important;
    font-family: 'Open Sans Bold';
    font-size: 14px;
    line-height: 24px;
    color: #FFFFFF;
    padding: 10px 25px !important;
    margin-top: 5px !important;
}

.section-news-inner .GopY .OkButton button:hover {
    background: #FFFFFF;
    color: #FF7663 !important;
}

.contact-info-inner {
    background: var(--var-primary);
    border-radius: 20px;
    padding: 30px 25px;
}

.contact-info-inner .title {
    font-family: 'Open Sans Bold';
    font-size: 24px;
    line-height: 33px;
    color: #FFFFFF;
    margin-bottom: 28px;
}

.contact-info-inner .contact-details ul li {
    font-family: 'Open Sans Medium';
    font-size: 16px;
    line-height: 1.5;
    color: #FFFFFF;
}

.contact-info-inner .contact-details li span {
    display: flex;
    align-items: center;
}

.contact-info-inner .contact-details ul {
    gap: 20px;
    display: flex;
    flex-direction: column;
}

.contact-info-inner .contact-details .address span::before {
    content: 'location_on';
}
.contact-info-inner .contact-details .phone span::before {
    content: 'call';
}
.contact-info-inner .contact-details .email span::before {
    content: 'mail';
}
.contact-info-inner .contact-details .working_time span::before {
    content: 'schedule';
}

.contact-info-inner .contact-details li span::before {
    font-family: 'Material Symbols Rounded';
    margin-right: 18px;
    font-weight: 400;
}

/*****************************SECTION AWARD - AWARD DETAILS************************/ 
.section-news-loadmore .DsTinBaiLietKeAnh_Awards .news_list{
    background: #FFFFFF;
    box-shadow: 0px 0px 10px rgba(209, 223, 255, 0.8);
    border-radius: 20px;   
    margin-top: 35px;
    margin-bottom: 40px;
}

.section-news-loadmore .DsTinBaiLietKeAnh_Awards .news_list ul li {
    display: flex;
    border-top: 1px solid var(--var-background);
    display: none;
    padding: 30px;
}

.section-news-loadmore .DsTinBaiLietKeAnh_Awards .news_list ul li:first-child {
    border-top: none;
}

.section-news-loadmore .DsTinBaiLietKeAnh_Awards .news_list ul li.appear {
    display: flex;
}

.section-news-loadmore .DsTinBaiLietKeAnh_Awards .news_list ul li:last-child{
    border-bottom: none;
}

.section-news-loadmore .DsTinBaiLietKeAnh_Awards .news_list ul li .li__img{
    position: relative;
    flex: 0 0 calc(100%/12 * 5);
    pointer-events: none;
}

.section-news-loadmore .DsTinBaiLietKeAnh_Awards .news_list ul li .li__content{
    margin-left: 24px;
}

.section-news-loadmore .DsTinBaiLietKeAnh_Awards .news_list ul li .li__img .news_date.style-1{
    position: absolute;
    right: 0;
    top: 0px;
    background:#FF9900;
    padding: 10px;
    border-radius: 0px 0px 0px 10px;
}

.section-news-loadmore .DsTinBaiLietKeAnh_Awards .news_list ul li .li__img .news_date.style-1 .month{
    display: flex;
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
    color: var(--white);
    align-items: center;
    font-family: 'Open Sans Semi Bold';
}

.section-news-loadmore .DsTinBaiLietKeAnh_Awards .news_list ul li .li__img .news_date.style-1 .month::before{
    content: "";
    display: block;
    background: url("../images/icon-awards.png") no-repeat;
    width: 20px;
    height: 20px;
    margin-right: 5px;
}

.section-news-loadmore .DsTinBaiLietKeAnh_Awards .news_list ul li .li__img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.section-news-loadmore .DsTinBaiLietKeAnh_Awards .news_list ul li .li__content .news_summary{
    color: #273564;
    font-size: 16px;
    line-height: 24px;
    font-family: 'Open Sans Regular';
}

.section-news-loadmore .DsTinBaiLietKeAnh_Awards .news_list ul li .li__content .news_summary p{
    font-family: 'Open Sans Regular';
    font-size: 16px;
    line-height: 30px;
    color: #273564;
    padding-bottom: 5px;
}

.section-news-loadmore .DsTinBaiLietKeAnh_Awards .news_list ul li .li__content .news_summary p:last-child {
    line-height: 24px;
}

.section-news-loadmore .DsTinBaiLietKeAnh_Awards .news_list ul li .li__content .news_summary .title_awards{
    font-size: 16px;
    line-height: 24px;
    margin-right: 5px;
    font-family: 'Open Sans Bold';
}

.section-news-loadmore .DsTinBaiLietKeAnh_Awards .news_list ul li .li__img .news_date.style-1 .date,
.section-news-loadmore .DsTinBaiLietKeAnh_Awards .news_list ul li .li__content .news_date span,
.section-news-loadmore .DsTinBaiLietKeAnh_Awards .news_list ul li .spacingNews{
    display: none;
}

.section-news-loadmore .DsTinBaiLietKeAnh_Awards .news_list ul li .li__content .news_link{
    border-left: 4px solid #FF7663;
    margin-bottom: 20px;
    pointer-events: none;
}

.section-news-loadmore .DsTinBaiLietKeAnh_Awards .news_list ul li .li__content .news_link a{
    font-size: 18px;
    display: block;
    line-height: 28px;
    color: #3671E9;
    font-family: 'Open Sans Bold';
    padding-left: 10px;
}

.contraC.main .group-awards{
    border-bottom: 1px solid var(--var-background);
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.contraC.main .group-awards a{
    font-family: 'Open Sans Semi Bold';
    font-size: 16px;
    line-height: 22px;
    color: #3671E9;
}

.contraC.main .group-awards a:hover{
    color: #3671E9;
}

.contraC.main .group-awards a{
    display: flex;
    align-items: center;
}

.contraC.main .group-awards a::before{
    content: "";
    display: block;
    background: url("../images/icon-back.png") no-repeat;
    width: 18px;
    height: 13px;
    margin-right: 5px;
}

.section-news-loadmore .DsTinBaiLietKeAnh_Awards .news_list::before {
    content: '';
    position: absolute;
    background: var(--var-background);
    width: 95%;
    height: 100%;
    z-index: -1;
    box-shadow: 0 0 0 100vmax var(--var-background);
    clip-path: inset(-100vh);
}

.section-news-loadmore .DsTinBaiLietKeAnh_Awards .news_list ul li.appear:last-of-type {
    border-bottom: none;
}


 .ChiTietTinBai .TinBai_Khac .news_other .list_news li, .DeTaiKhoaHoc .news_list_related .news_other .list_news li, .NoiDungLienQuan .CMLienQuan li, .TinBai_LienQuan .DSTinLienQuan li {
            display: list-item;
            list-style: disc;
            margin-left: 15px;
            position: relative
        }

            .NoiDungLienQuan .CMLienQuan li::marker {
                font-size: 16px;
                color: #0765e3
            }

            .ChiTietTinBai .TinBai_Khac .news_other .list_news li .news_info, .DeTaiKhoaHoc .news_list_related .news_other .list_news li .news_info, .NoiDungLienQuan .CMLienQuan li .CM_info {
                display: flex;
                align-items: center;
                gap: 8px
            }

.TinBai_LienQuan {
    border-radius: 10px;
    background: #f6f6f6;
    padding: 15px 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
    margin-bottom: 30px
}

    .TinBai_LienQuan .Title, .TrangTinPhoChuTich .Title span:first-child {
        color: var(--blue,#0765e3);
        font-family: "Open Sans";
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: 1.44
    }

    .ChiTietTinBai_SuKien .ThongTinMoRong .ThongTin, .TinBai_LienQuan .DSTinLienQuan {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 10px
    }

        .TinBai_LienQuan .DSTinLienQuan li::marker {
            font-size: 14px;
            color: #0765e3
        }

.ChiTietTinBai .TinBai_GioiThieu .news_title {
    color: var(--text-mi,#182940);
    font-family: "Open Sans";
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.333;
    margin-bottom: 5px
}

.ChiTietTinBai .TinBai_GioiThieu .news_date {
    color: var(--blue,#0765e3);
    font-family: Open Sans;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.71;
    margin-bottom: 15px
}

.ChiTietTinBai .TinBai_GioiThieu .new_summary {
    color: var(--text-mi,#182940);
    font-family: Open Sans;
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    line-height: 1.5
}

.ChiTietTinBai .TinBai_GioiThieu .Media {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px
}

    .ChiTietTinBai .TinBai_GioiThieu .Media .news_audio {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 20px
    }

        .ChiTietTinBai .TinBai_GioiThieu .Media .news_audio audio {
            max-width: 600px;
            width: 600px
        }

    .ChiTietTinBai .TinBai_GioiThieu .Media .news_thumb img {
        max-width: 900px;
        width: 100%;
        height: 100%
    }

    .ChiTietTinBai .TinBai_GioiThieu .Media .news_thumb_summary {
        color: var(--tom-tat,#0070c0);
        text-align: center;
        font-family: Open Sans;
        font-size: 16px;
        font-style: italic;
        font-weight: 400;
        line-height: 1.5
    }

.ChiTietTinBai .NguonTin_TacQuyen ul {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 10px;
    margin-top: 15px;
    margin-bottom: 15px
}

    .ChiTietTinBai .NguonTin_TacQuyen ul li {
        color: var(--blue,#0765e3);
        text-align: right;
        font-family: Open Sans;
        font-size: 15px;
        font-style: normal;
        font-weight: 500;
        line-height: 1.5
    }

.DanhSachHuyen .menu-m2 li a, .DanhSachHuyen .menu-m2 > li > ul > li > a {
    color: var(--text-mi,#182940) !important;
    font-size: 16px;
    line-height: 1.5
}

.ChiTietTinBai .TinBai_Khac .Title, .ModTDOrganizationOtherC .m_listother .m_listotherlbl, .image_other > .Title {
    color: var(--vng-m,#ea8f00);
    font-family: "Open Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.44;
    padding-bottom: 5px;
    margin-bottom: 15px;
    border-bottom: 1px solid var(--border-table,#ced8eb)
}

.ChiTietTinBai .group-function .text-zoom, .ListTraCuu .ListABC a, .ListTraCuu .box_content label, .ListTraCuu .form-group label {
    color: var(--text-mi,#182940);
    font-style: normal
}

.ChiTietTinBai .TinBai_Khac .news_other .list_news li .news_title, .DeTaiKhoaHoc .news_list_related .news_other li .news_title {
    display: flex;
    gap: 4px
}

    .ChiTietTinBai .TinBai_Khac .news_other .list_news li .news_title a, .ModTDOrganizationOtherC .m_listother ul li a {
        color: var(--blue,#0765e3) !important;
        text-align: left;
        font-family: Open Sans;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 1.5
    }

.ChiTietTinBai .TinBai_Khac .news_other .list_news li::marker {
    font-size: 16px;
    color: #0765e3
}

.ChiTietTinBai .TinBai_Khac .news_other .list_news li .news_date {
    color: var(--blue,#0765e3);
    font-family: Open Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    display: inline-flex;
    margin-left: 4px
}

.ChiTietTinBai .TinBai_BaiViet {
    display: flex
}

    .ChiTietTinBai .TinBai_BaiViet .Group_TinBai {
        width: 100%;
        max-width: calc(100% - 70px)
    }

@media screen and (max-width:768px) {
    .ChiTietTinBai .TinBai_BaiViet .Group_TinBai {
        max-width: 100%
    }
}

.ChiTietTinBai .group-function {
    position: sticky;
    top: 80px;
    left: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: fit-content;
    margin-bottom: 20px;
    margin-right: 20px
}

    .ChiTietTinBai .group-function > div {
        border-radius: 180px;
        border: 1px solid var(--border-table,#ced8eb);
        display: flex;
        padding: 12px;
        justify-content: center;
        align-items: center;
        cursor: pointer
    }

    .ChiTietTinBai .group-function .text-zoom {
        font-family: "Open Sans";
        font-size: 12px;
        font-weight: 500;
        line-height: 1.6667
    }

        .ChiTietTinBai .group-function .text-zoom .group-small {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 10px
        }

            .ChiTietTinBai .group-function .text-zoom .group-small > div[class*=text] {
                border-radius: 180px;
                border: 1px solid var(--border-table,#ced8eb);
                padding: 6px;
                display: flex;
                justify-content: center;
                align-items: center;
                cursor: pointer
            }

.ChiTietTinBai .TinBai_BaiViet .TinBai_ChiTiet .news_content table {
    margin-left: 0 !important
}

.ChiTietTinBai .TinBai_BaiViet .TinBai_ChiTiet * {
    font-family: Open Sans !important;
    font-size: 16px;
    padding-bottom: 5px;
    line-height: 1.5
}

.ChiTietTinBai .TinBai_BaiViet .TinBai_ChiTiet img {
    height: auto !important;
    cursor: pointer;
    max-width: 100% !important
}

.ChiTietTinBai .TinBai_BaiViet .TinBai_ChiTiet iframe {
    width: 100% !important;
    height: 500px;
    max-width: 900px;
    margin-top: 20px
}

.MXH_share {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-direction: column
}

    .MXH_share svg {
        cursor: pointer
    }

    .MXH_share a img {
        cursor: pointer;
        border-radius: 50%
    }
	

@media screen and (max-width:768px) {
	.ChiTietTinBai .TinBai_GioiThieu .Media .news_audio audio {
    width:300px
  }
  .ChiTietTinBai .TinBai_BaiViet {
    display:flex;
    flex-direction:column
  }
  .ChiTietTinBai .TinBai_Scroll {
    position:sticky;
    top:0;
    left:0;
    z-index:10
  }
  .ChiTietTinBai .group-function {
    position:sticky;
    top:0;
    left:0;
    display:flex;
    gap:10px;
    margin-bottom:10px;
    margin-right:0;
    align-items:center;
    justify-content:center;
    width:100%;
    background:#fff;
    flex-direction:row;
    padding:4px 0
  }
  .ChiTietTinBai .group-function>div,
  .ChiTietTinBai_SuKien .TinBai_GioiThieu .item_img {
    height:100%
  }
  .ChiTietTinBai .group-function .MXH_share {
    flex-direction:row
  }
  .ChiTietTinBai .group-function .text-zoom .group-small {
    display:flex;
    align-items:center;
    gap:10px;
    flex-direction:row
  }
}