/**
 * @file
 * Subtheme specific CSS.
 */
/*
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
*/
@import url("../bootstrap/css2.css");
html,
body {
    --bs-font-sans-serif: "Roboto", sans-serif;
    font-family: "Roboto", sans-serif;
    overflow-x: hidden;
    touch-action: pan-y;
    --bs-body-font-size: 1rem;
}
.font-cambria {
    font-family: "Lora", sans-serif;
}
body img {
    width: 100%;
    height: auto;
}
.image-full-hd-ratio img {
    aspect-ratio: 16 / 9;
    width: 100%;
    height: auto;
}
.image-full-hd-plus-ratio img {
    aspect-ratio: 16 / 10;
    width: 100%;
    height: auto;
}
.home-article .article-title a {
    color:#1a1a1a !important;
    font-size:18px !important;
    text-align:justify;
    font-weight:500;
}
.home-article a:hover {
    color:#015ca9 !important;
}
.home-article p {
    margin-bottom:0;
}
.image-radius-3 img {
    border-radius: 3px;
}
.none-poiter-events {
    pointer-events: none;
}
body #main.container {
    background: #ffffff;
    padding: 0;
}
#main a {
    text-decoration: none;
    --bs-link-hover-color: #8B0000;
}
#main a:hover {
    color: var(--bs-link-hover-color);
}
:lang(vi) .text-justify {
    text-align: justify;
}
#main .breadcrumb {
    padding: 2rem 0 1.5rem;
    margin: 0;
}
#main .breadcrumb-item + .breadcrumb-item::before {
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;548
    color: #696969;
}
#main .breadcrumb-item {
    color: #696969;
}
#main .breadcrumb-item,
#main .breadcrumb-item > a {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 700;
}
#main .breadcrumb-item > a {
    color: #8B0000;
}
#main .breadcrumb .breadcrumb-item:first-child > a:before {
    content: "\f35a";
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
    color: #222222;
    padding-right: 5px;
}
.node__content {
    margin-top: 0;
}
body table {
    border: 1px solid #dedede;
    background: transparent;
} /** * [START] * Header */
#header {
    background-image: url("../images/header_bg_02.jpg");
    background-repeat: no-repeat;
    background-size: 100% calc(100% - 45px);
    background-position: top center;
}
#header #navbar-main {
    background-color: transparent !important;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0;
}
#navbar-main .nav-top {
    width: 100%;
    padding: 30px 0;
    position: relative;
}
#navbar-main .nav-bottom {
    width: 100vw;
    background: #8B0000;
}
#navbar-main .nav-bottom .container {
    padding: 0;
    position: relative;
}
#navbar-main .nav-bottom .container button.navbar-toggler {
    display: none !important;
}
#navbar-main #block-cd-sonla-trangchutopmenu {
    position: absolute;
    top: 0;
    left: 0;
}
#navbar-main #block-cd-sonla-trangchutopmenu .content ul {
    list-style: none;
    margin-bottom: 5px;
}
#navbar-main #block-cd-sonla-trangchutopmenu .content ul li {
    padding-right: 10px;
}
#navbar-main #block-cd-sonla-trangchutopmenu .content ul li,
#navbar-main #block-cd-sonla-trangchutopmenu .content ul li a {
    color: #031739;
    font-size: 13px;
    text-decoration: none;
}
#navbar-main #block-cd-sonla-trangchutopmenu .content ul li {
    display: inline-flex;
}
#navbar-main #block-cd-sonla-trangchutopmenu .content ul li:last-child a:before {
    content: "";
    display: inline-block;
    margin-right: 5px;
    margin-bottom: -1px;
    width: 17px;
    height: 11px;
    background-image: url(../images/image-icons.png);
    background-position: 0 -26px;
}
#navbar-main #block-cd-sonla-trangchutopmenu .content ul li:last-child a.vn-flag:before {
    background-position: -20px -26px;
}
#superfish-main-menu li.sf-depth-1 a {
    height:48px;
}
#superfish-main-menu li.sf-depth-1:first-child a {
    color: transparent;
    overflow: hidden;
    width: 60px;
    height: 48px;
}
#superfish-main-menu li.sf-depth-1:first-child a:before {
    content: "\f015";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #ffffff;
    font-size: 1.5rem;
    position: absolute;
    top: 10px;
    left: 17px;
}
#superfish-main-menu li,
#superfish-main-menu-accordion li,
#superfish-main-menu li a,
#superfish-main-menu-accordion li a {
    color: #ffffff;
    font-weight: 500;
    font-size: 15px;
    text-decoration: none;
    font-family: "Roboto", sans-serif;
}
#superfish-main-menu li.sf-depth-1,
#superfish-main-menu-accordion li.sf-depth-1 {
    text-transform: uppercase;
}
#superfish-main-menu li.sf-depth-2,
#superfish-main-menu-accordion li.sf-depth-2 {
    text-transform: none;
}
.sf-clone-parent {
    display: none;
}
#superfish-main-menu li.active-trail,
#superfish-main-menu-accordion li.active-trail,
#superfish-main-menu li:hover,
#superfish-main-menu-accordion li:hover {
    background: #E09B0F;
}
#superfish-main-menu li.active-trail > a,
#superfish-main-menu-accordion li.active-trail > a,
#superfish-main-menu li:hover > a,
#superfish-main-menu-accordion li:hover > a {
    color: #ffffff;
}
#superfish-main-menu li.active-trail > a:before,
#superfish-main-menu li:hover > a:before {
    color: #ffffff !important;
}

#superfish-main-menu li.menuparent > ul {
    width: fit-content;
}
#superfish-main-menu li.menuparent > ul > li {
    line-height: 1.5;
    text-wrap: nowrap;
}
#superfish-main-menu li.menuparent > ul > li:not(.active-trail) {
    background: #8B0000;
}
#superfish-main-menu li.menuparent > ul > li:not(.active-trail):hover {
    background: #E09B0F;
}
#superfish-main-menu li a {
    padding: 1em 1.35em;
}
#superfish-main-menu .menuparent li a {
    padding: 1em 1.35em;
    font-size: 14px;
}
#superfish-main-menu li.menuparent ul {
    background: #8B0000 !important;
    border-top:2px solid #fff;
}
#superfish-main-menu li.sfHover > ul {
    top: 2.85rem !important;
}
#superfish-main-menu li.sf-depth-2.sfHover > ul {
    top: 0 !important;
    right: auto;
    left: 100% !important;
}

#block-cd-sonla-logo img {
    width:80%;
}

 /*************************************** END - Header ************************************************/ /** * [START] * Footer */
footer.site-footer {
    padding: 0;
    font-family: "Roboto", sans-serif;
}
footer.site-footer p {
    color: #d9d9d9;
    font-size: 12px;
}
footer.site-footer p:first-child {
    font-size: 14px;
    font-weight: 500;
}
footer .site-footer__bottom {
    margin-top: 0;
}
footer .site-footer__bottom .block {
    margin: 0;
}
footer .site-footer__bottom .content {
    padding: 0;
}
footer #block-cd-sonla-footer .content ul {
    list-style: none;
    padding-left: 0 !important;
}
footer #block-cd-sonla-footer .content ul li {
    padding: 5px 0px 5px 15px;
    position:relative;
    color:#fff;
}
footer #block-cd-sonla-footer .content ul li:before {
    position:absolute;
    content:'\f0c8';
    font-family: "Font Awesome 5 Free";
    font-weight:900;
    font-size:6px;
    display:block;
    top:12px;
    left:0;
}
footer #block-cd-sonla-footer .content ul.social li:before {
    display:none;
}
footer #block-cd-sonla-footer .content ul.social li {
    padding:0 10px 0 0;
}
footer #block-cd-sonla-footer .content ul.social {
    display:flex;
}
footer #block-cd-sonla-footer .content ul li a {
    font-family: "Roboto", sans-serif;
    font-size: 13px;
    color: #fff !important;
    text-decoration: none;
}
#block-cd-sonla-footer .content h3 {
    font-size:15px;
    color:#fff;
}
#block-cd-sonla-footer .row {
    margin:0;
}
#block-cd-sonla-footer .cpr {
    padding:15px;
    border-top:1px solid #fff;
}
#block-cd-sonla-footer .cpr p{
    margin:0;
    color:#fff;
}
#block-cd-sonla-footer .cpr span {
    text-transform:uppercase;
    font-size:15px;
}
.user-logged-in footer ul li .dang-nhap {
    display: none;
}
body:not(.user-logged-in) footer ul li .dang-xuat {
    display: none;
}
footer img {
    width: auto;
}
 /*************************************** END - Footer ************************************************/ /** * [START] * Home page styles */
.home-page {
    --bs-border-color: #8B0000;
    font-family: "Roboto", sans-serif;
}
.home-page article {
    display:none;
}
.home-page .banner {
    height:550px;
    overflow:hidden;
}
.home-page .section {
    position: relative;
    height: 100%;
}
/*.home-page #main-wrapper {*/
/*    background: transparent;*/
/*}*/
.home-page .highlighted .container,
.home-page .layout-main-wrapper .container,
.home-page .featured-bottom .container {
    padding: 0;
}
.home-page p {
    color: #494949;
}
.home-page a {
    --bs-link-hover-color: #179e19;
    text-decoration: none;
}
.block-views-blockban-tin-noi-bat-block-1 {
    min-height: 36px;
    padding: 15px 0 15px;
}
.block-views-blockban-tin-noi-bat-block-1 h2 {
    height: 36px;
    background: #ff0000;
    position: absolute;
    margin-bottom: 0;
    z-index: 1;
    font-size: 12px;
    padding: 10px 0 10px 15px;
    color: #ffffff;
    text-transform: uppercase;
    line-height: 1.5;
    font-weight: 700;
    /*display: block;*/
    /*position: relative;*/
}
.block-views-blockban-tin-noi-bat-block-1 h2:before {
    content: "";
    position: absolute;
    right: -18px;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 18px solid #ff0000;
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;
}

.block-views-blockban-tin-noi-bat-block-1 > .content {
    padding-left: 155px;
    padding-right: 15px;
}

.block-views-blockban-tin-noi-bat-block-1 .views-view-marquee marquee {
    margin-top: 5px;
}
.block-views-blockban-tin-noi-bat-block-1 .views-view-marquee marquee .marquee-row {
    margin-left: 35px;
}
.block-views-blockban-tin-noi-bat-block-1 .views-view-marquee marquee a {
    font-size: 15px;
    color: #ff0000;
}
.block-views-blockban-tin-noi-bat-block-1 .views-view-marquee marquee a:before {
    content: "\f111";
    font-family: "Font Awesome 5 Free";
    display: inline-flex;
    padding-right: 7px;
    color: #000000;
    font-size: 8px;
    position: relative;
    top: -3px;
}
.article-feature-image img {
    border: 1px solid #dedede;
}
.article-title > a{
    color: #1a1a1a;
    font-weight:600;
    font-size:24px;
}
.article-title > a:hover {
    color:#f59e0b !important;
}
:lang(vi) .article-title,
.article-title > a,
.article-short-list a {
    text-align: justify;
}
.view-home-page-view-hot-news nav {
    display:none;
}
.view-home-page-view-hot-news .slick-dots {
    top:56%;
    bottom:auto;
}
.view-home-page-view-hot-news .slick-dots li button:before {
    color:#f5f5f5;
    opacity:1;
}
.view-home-page-view-hot-news .slick-dots li.slick-active button:before {
    color:#3c3c3c;
}
.view-trang-chu-tin-tuc-su-kien-sub .view-content .views-field-nothing {
    border-bottom:1px solid #EEEEEE;
}
.view-trang-chu-tin-tuc-su-kien-sub .view-content .col-12:last-child .views-field-nothing {
    border:none;
}
.view-trang-chu-tin-tuc-su-kien-sub .view-content .col-12:first-child .views-field-nothing .row {
    padding-top:0 !important;
}
.featured-second {
    background:#eeeeee;
    padding:30px 0;
    margin:40px 0;
}
.article-short-list a {
    font-size: 16px;
}
ul.article-short-list,
ul.list-group {
    --icon-space: 1.5em;
    padding: 0;
}
ul.article-short-list li,
ul.list-group li {
    padding-left: var(--icon-space);
    padding: 0 0 0 18px;
    margin-bottom: 0.5rem;
    display: flex;
}
ul.article-short-list li div {
    display: inline;
}
:lang(vi) ul.article-short-list li div {
    text-align: justify;
}
ul.article-short-list li:before,
ul.list-group li:before {
    content: "\f061";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: inline-block;
    margin-left: calc(var(--icon-space) * -1);
    color: #8B0000;
    font-size: 12px;
    padding-top: 3px;
    padding-right: 10px;
}
.no-border-end-last-col > div.border-end:last-child {
    border-right: none !important;
}
.article-blog-hearder,
.article-blog-hearder > a {
    font-family: "Roboto", sans-serif;
    color: #8B0000;
    font-size: 18px;
    text-transform:uppercase;
    font-weight: bold;
}
.other-article-blogs-area .views-row > .views-field-title {
    font-size: 1.25rem;
    font-family: "Cambria", sans-serif;
    background: rgba(0, 121, 7, 0.86);
    margin-top: -80px;
    height: 80px;
    position: relative;
    padding: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.other-article-blogs-area .views-row > .views-field-title a {
    color: #ffffff;
    --bs-link-hover-color: #ffffff;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.other-article-blogs-area .views-row > .views-field-title a:hover {
    color: #ffff0c;
}
.nganh-trong-diem-quoc-gia {
    background: #EEEEEE;
    padding: 25px 0;
    margin-bottom: 25px;
}
.nganh-trong-diem-quoc-gia img{
    width: auto;
    box-shadow: 0 0 3px 5px #fff;
    border-radius: 100px;
	width: 60px;
}
.nganh-trong-diem-quoc-gia h4 {
    color: #8B0000;
    margin-bottom: 20px;
}
.nganh-trong-diem-quoc-gia p {
    color: #1a1a1a;
    margin-top: 10px;
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 0;
}
.nganh-trong-diem-quoc-gia p a {
    color: #1a1a1a;
}
._abouts {
    margin: 30px 0 50px;
}
._abouts .row:first-child {
    margin-bottom: 20px;
}

._abouts .row h3 {
    text-align: center;
    color: #8B0000;
}
._abouts .row p {
    text-align: justify;
    padding: 15px;
    background: #fffaf7;
    border-radius: 8px;
}
._abouts .row:first-child p {
    border-right: 4px solid #f59e0b;
}
._abouts .row:last-child p {
    border-left: 4px solid #f59e0b;
}
.view-hinh-anh-video .article-title a {
    font-size: 16px !important;
}
/*.view-hinh-anh-video .view-header h3.article-blog-hearder {*/
/*    display: flex;*/
/*    justify-content: space-between;*/
/*}*/
/*.view-hinh-anh-video .view-header h3.article-blog-hearder ._title-link a {*/
/*    margin-left: 50px;*/
/*    position: relative;*/
/*    font-size: 15px;*/
/*}*/
/*.view-hinh-anh-video .view-header h3.article-blog-hearder ._title-link a._gallery::before {*/
/*    content: "\f03e";*/
/*    font-family: "Font Awesome 5 Free";*/
/*    position: absolute;*/
/*    color: #8B0000;*/
/*    top: -2px;*/
/*    left: -26px;*/
/*    font-weight: 900;*/
/*    font-size: 1.1rem;*/
/*}*/
/*.view-hinh-anh-video .view-header h3.article-blog-hearder ._title-link a._video::before {*/
/*    content: "\f03d";*/
/*    font-family: "Font Awesome 5 Free";*/
/*    position: absolute;*/
/*    color: #8B0000;*/
/*    top: -2px;*/
/*    left: -26px;*/
/*    font-weight: 900;*/
/*    font-size: 1.1rem;*/
/*}*/
.view-hinh-anh-video .view-header {
    display: flex;
    justify-content: space-between;
    font-family: "Roboto", sans-serif;
    color: #8B0000;
    font-size: 18px;
    text-transform: uppercase;
    border-bottom: 2px solid #8B0000;
    margin-bottom: 1rem !important;
}
.view-hinh-anh-video .view-header ._title-link a {
    margin-left: 50px;
    position: relative;
    font-size: 15px;
}
.view-hinh-anh-video .view-header ._title-link a._gallery::before {
    content: "\f03e";
    font-family: "Font Awesome 5 Free";
    position: absolute;
    color: #8B0000;
    top: -2px;
    left: -26px;
    font-weight: 900;
    font-size: 1.1rem;
}
.view-hinh-anh-video .view-header ._title-link a._video::before {
    content: "\f03d";
    font-family: "Font Awesome 5 Free";
    position: absolute;
    color: #8B0000;
    top: -2px;
    left: -26px;
    font-weight: 900;
    font-size: 1.1rem;
}

 /*************************************** END - Home page styles ************************************************/
/** * [START] * Search form */
#block-cd-sonla-search-form-narrow {
    width:30%;
}
#block-cd-sonla-search-form-narrow form {
    padding-right:0;
}
#block-cd-sonla-searchform {
    display:none
}
.block-search-form-block .content,
.block-search-form-block .form-item-keys {
    width: 100%;
    margin-bottom: 0 !important;
    position: relative;
}
.block-search-form-block .content .form-actions {
    position: absolute;
    margin-bottom: 0 !important;
    right: 0px;
    top: 6px;
}
.block-search-form-block .content .form-actions button {
    background-color: transparent !important;
    color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    width: 45px;
    height: 36px;
    overflow: hidden;
}
.block-search-form-block .content .form-actions button:before {
    content: "";
    display: inline-block;
    width: 21px;
    height: 21px;
    background-image: url("../images/image-icons.png");
    background-position: 0 0;
}
/*************************************** END - Search form ************************************************/ /** * [START] * Sidebar widgets */
.sidebar .block {
    margin-bottom: calc(0.5 * var(--bs-gutter-x));
}
#block-snnptnt-phutho-views-block-trang-chu-thong-tin-quan-ly-block-1--2,
#block-snnptnt-phutho-views-block-home-chi-dao-tien-do-sx-block-1--2,
#block-snnptnt-phutho-trangchublocklinklienket--2,
#block-snnptnt-phutho-views-block-trang-chu-thong-bao-block-1--2,
#block-snnptnt-phutho-views-block-trang-chu-khi-tuong-thuy-van-block-1--2,
#block-snnptnt-phutho-views-block-home-chi-dao-tien-do-sx-block-1,
#block-snnptnt-phutho-views-block-trang-chu-thong-tin-quan-ly-block-1,
#block-snnptnt-phutho-views-block-trang-chu-thong-bao-block-1,
#block-snnptnt-phutho-trangchublocklinklienket,
#block-snnptnt-phutho-views-block-trang-chu-khi-tuong-thuy-van-block-1 {
    padding: 0 !important;
}
#block-snnptnt-phutho-views-block-trang-chu-thong-tin-quan-ly-block-1--2,
#block-snnptnt-phutho-views-block-home-chi-dao-tien-do-sx-block-1--2,
#block-snnptnt-phutho-views-block-trang-chu-thong-bao-block-1--2,
#block-snnptnt-phutho-views-block-trang-chu-khi-tuong-thuy-van-block-1--2,
#block-snnptnt-phutho-views-block-home-chi-dao-tien-do-sx-block-1,
#block-snnptnt-phutho-views-block-trang-chu-thong-tin-quan-ly-block-1,
#block-snnptnt-phutho-views-block-trang-chu-thong-bao-block-1,
#block-snnptnt-phutho-views-block-trang-chu-khi-tuong-thuy-van-block-1 {
    background-color: #fffaef;
    border: 1px solid #dedede;
}
#block-snnptnt-phutho-trangchublocklinklienket--2,
#block-snnptnt-phutho-trangchublocklinklienket {
    background: transparent;
    border: none;
}
#block-cd-sonla-visitorstatsblock-2 h2,
#block-cd-sonla-visitorstatsblock h2,
#block-cd-sonla-visitorstatsblock--2 h2{
    background: #8B0000;
    color: #ffffff;
}
#block-cd-sonla-visitorstatsblock h2,
#block-cd-sonla-visitorstatsblock--2 h2{
    margin-top: -15px;
    margin-right: -15px;
    margin-left: -15px;
    padding: 10px;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 500;
}
#block-cd-sonla-visitorstatsblock-2 h2{
    padding:10px;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 500;
}
/*#block-cd-sonla-visitorstatsblock-2,*/
/*#block-cd-sonla-visitorstatsblock--2{*/
/*    margin-top:15px;*/
/*}*/
#block-cd-sonla-visitorstatsblock-2 .content {
    padding:0 15px;
}
#block-cd-sonla-visitorstatsblock-2 ul li,
#block-cd-sonla-visitorstatsblock ul li,
#block-cd-sonla-visitorstatsblock--2 ul li{
    border: none;
    background: transparent;
}
#block-cd-sonla-visitorstatsblock-2 ul li:first-child:before,
#block-cd-sonla-visitorstatsblock ul li:first-child:before,
#block-cd-sonla-visitorstatsblock--2 ul li:first-child:before{
    content: "\f007" !important;
}
#block-cd-sonla-visitorstatsblock-2 ul li:last-child:before,
#block-cd-sonla-visitorstatsblock ul li:last-child:before,
#block-cd-sonla-visitorstatsblock--2 ul li:last-child:before{
    content: "\f080" !important;
}
.node--unpublished {
    padding:0;
}
.sidebar .block.block-views-blocklien-ket-websites-block-1 {
    background-color: #ce8d47;
}
.sidebar .block.block-views-blocklien-ket-websites-block-1 h2 {
    color: #ffffff;
    text-transform: uppercase;
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    text-shadow: none;
    border-bottom: none;
    margin-bottom: 0;
}
.sidebar .block.block-views-blocklien-ket-websites-block-1 select {
    height: 34px;
    width: 100%;
    border-radius: 5px;
    border: none;
}

.sidebar .block.committee-structure {
    background-color: #009a1d;
}
.sidebar .block.committee-structure ul {
    list-style: none;
    display: block;
}
.sidebar .block.committee-structure ul.nav > li > ul {
    padding-left: 0;
}
.sidebar .block.committee-structure ul.nav li,
.sidebar .block.committee-structure ul.nav li a {
    color: #ffffff;
    font-family: "Roboto", sans-serif;
}
.sidebar .block.committee-structure ul.nav li:not(.menu-item--expanded) a.active,
.sidebar .block.committee-structure ul.nav a:hover {
    color: #ffff0c !important;
}
.sidebar .block.committee-structure ul.nav li.menu-item--expanded > a {
    pointer-events: none;
}
.sidebar .block.committee-structure ul.nav li.menu-item--expanded {
    text-transform: uppercase;
    font-weight: 700;
}
.sidebar .block.committee-structure ul.menu > li:not(.menu-item--expanded) {
    text-transform: none;
    font-weight: 400;
}
.sidebar .block.committee-structure ul.nav li:not(.menu-item--expanded):hover,
.sidebar .block.committee-structure ul.nav li:not(.menu-item--expanded).menu-item--active-trail {
    background: #007907;
}
.sidebar .block.committee-structure ul.nav li:not(.menu-item--expanded).menu-item--active-trail a {
    color: #ffff0c;
} /*************************************** END - Sidebar widgets ************************************************/ /** * [START] * News */
#block-cd-sonla-trangchublocklinklienket {
    padding:0;
    background:0;
    border-color:transparent;
    margin-bottom:0;
}
.path-search .item-list,
.trang-list-article {
    --bs-link-color: #222222;
}
.trang-list-article .views-row a {
    color:#0C426F !important;
}
.trang-list-article .views-row a:hover {
    color:#015ca9 !important;
}
.path-search .search-form {
    display: none;
}
.path-search h2{
    font-size: 26px;
    border-bottom: 1px solid #dedede;
    margin-top: 15px;
}
.path-search #custom-search-block-form {
    background: #e6eedf;
    padding: 10px 20px 20px;
    color: #353130;
}
.path-search #custom-search-block-form label {
    font-weight: 500;
}

.path-search #custom-search-block-form .form-actions button {
    --bs-btn-bg: #179f19;
    --bs-btn-border-color: #179f19;
    --bs-btn-hover-bg: #179f19;
    --bs-btn-hover-border-color: #179f19;
    --bs-btn-active-bg: #179f19;
    --bs-btn-active-border-color: #179f19;
    --bs-btn-disabled-bg: #179f19;
    --bs-btn-disabled-border-color: #179f19;
    --bs-btn-focus-shadow-rgb: 23, 159, 25;
}
.path-search .item-list ol li {
    list-style-type: circle;
    padding: 15px 0;
    border-bottom: 1px solid #dedede;
}
.path-search .item-list ol li h3 {
    font-size: 18px;
}
.path-search .item-list ol li h3 a {
    color: #179e19 !important;
}
.path-search .item-list .search-info {
    display: none;
}

.trang-list-article .artical-sumary p,
.path-search .item-list .search-snippet{
    margin-bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.trang-list-article .view-detail-link a{
    color: #0681e9;
}
.trang-list-article .view-content > .views-row:last-child .line-space,
.view-view-ket-qua-tim-kiem .view-content > .views-row:last-child .line-space {
    display: none;
}
.trang-list-article .view-content img,
.view-view-ket-qua-tim-kiem .view-content img {
    border: 1px solid #dedede;
}
.trang-list-article .artical-date,
.view-view-ket-qua-tim-kiem .artical-date {
    font-size: 13px;
    color: #c3c2c0;
}
.view-view-ket-qua-tim-kiem .view-filters {
    display: none;
}
.pagination {
    --bs-link-color: #222222;
}
.pagination {
    width: max-content;
    margin: 1.5rem auto 2.5rem;
    text-align: center;
}
.pagination .page-item.active .page-link {
    background-color: #0C426F;
    border-color: #0C426F;
} /*************************************** END -News ************************************************/ /** * [START] * Legal Documents */
.filter-documents-form .view-header,
.filter-documents-form .view-filters {
    background-color: #e6eedf;
    padding: 10px 20px 20px;
    color: #353130;
}
.filter-documents-form .view-filters {
    margin-bottom: 2rem;
}
.filter-documents-form form {
    position: relative;
}
.filter-documents-form form label {
    font-weight: 500;
}
.filter-documents-form form .form-type-textfield:first-child {
    width: 100%;
}
.filter-documents-form form .js-form-item:not(.js-form-item-field-legal-organ-taxonomy-target-id):not(.js-form-item-field-af-issuing-agency-taxonomy-target-id) {
    margin-right: auto;
}
#edit-field-legal-date-legislation-value-wrapper {
    width: 100%;
}
.filter-documents-form form .form-item-field-af-issuing-agency-taxonomy-target-id,
.filter-documents-form form #edit-field-legal-date-legislation-value-wrapper {
    margin-right: 0;
}
.filter-documents-form form .js-form-item.form-type-date {
    margin-bottom: 0 !important;
}
.filter-documents-form form .form-actions {
    position: absolute;
    top: 25px;
    right: 0;
}
.filter-documents-form form .form-actions button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    background: linear-gradient(135deg, #b44d43, #9b2b2b);
    border: none;
}
.filter-documents-form form label {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
#edit-field-legal-date-legislation-value-wrapper legend span {
    font-size: 1rem;
    font-weight: 500;
}
#edit-field-legal-date-legislation-value-wrapper legend {
    margin-bottom: 0;
    margin-top: -8px;
    line-height: 1.3;
}
#edit-field-legal-date-legislation-value-wrapper .form-inline {
    margin-right: auto;
    width: 49.5%;
}
#edit-field-legal-date-legislation-value-wrapper .form-inline:last-child {
    margin-right: 0;
    margin-left: auto;
}
#edit-field-legal-date-legislation-value-wrapper .fieldset-wrapper {
    display: inline-flex;
    width: 100%;
}
#edit-field-legal-date-legislation-value-wrapper .fieldset-wrapper label {
    display: none;
}
.main-content table,
#main-content table tr {
    background: transparent;
}
.main-content table {
    border: 1px solid #dedede;
}
.main-content table tr {
    border-bottom: 1px solid #dedede;
    background: transparent;
}
.main-content table thead {
    background: linear-gradient(135deg, #b44d43, #9b2b2b);
}
.main-content table td,
.main-content table td a,
.main-content table th,
.main-content table th a {
    color: #52596b;
}
.main-content table td,
.main-content table th {
    border: 1px solid #eee;
    font-size: 15px;
}
.filter-documents-form h3 {
    color: #8B0000;
}

.filter-documents-form table td,
.filter-documents-form table th {
    text-align: justify;
}
.filter-documents-form table th,
.filter-documents-form table th a {
    color: #fff !important;
}
.filter-documents-form table th,
.filter-documents-form.donwloadable table td:nth-child(1),
.filter-documents-form.donwloadable table td:nth-child(2) {
    text-wrap: nowrap;
}
.filter-documents-form.donwloadable table td:nth-child(3) {
    font-weight: 500;
}
.filter-documents-form table td .file {
    float: right;
    width: 100px;
    height: 30px;
    margin: 6px 0;
}
.filter-documents-form table td .file a {
    position: relative;
    display: inline-block;
    text-indent: -99999px;
    width: 100%;
    height: 100%;
    background: #ccc;
    border-radius: 4px;
}
.filter-documents-form table td .file a::after {
    content: "TẢI VỀ";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    color: #000;
    font-size: 14px;
    font-family: "Roboto";
    font-weight: 500;
    text-align: center;
    text-indent: initial;
    line-height: 30px;
    width: 100%;
    height: 100%;
}
.filter-documents-form table td.views-field-nothing > a:before {
    content: "\f1c1";
    font-family: "Font Awesome 5 Free";
    padding-right: 5px;
    color: #ff0000;
}
.filter-documents-form table td.views-field-nothing > a {
    display: block;
}
.page-he-thong-van-ban .view-view-chi-tiet-he-thong-van-ban .views-field-field-legal-file,
.view-view-chi-tiet-thu-tuc-hanh-chinh .views-field-field-af-file-attach {
    display: flex;
    margin: 10px 0;
}
.page-he-thong-van-ban .view-view-chi-tiet-he-thong-van-ban .file--application-pdf {
    padding: 0;
}
.page-he-thong-van-ban .view-view-chi-tiet-he-thong-van-ban .file--application-pdf a:before,
.view-view-chi-tiet-thu-tuc-hanh-chinh .views-field-field-af-file-attach .field-content a:before {
    content: "\f1c1";
    font-family: "Font Awesome 5 Free";
    padding-right: 5px;
    color: #ff0000;
}
.page-he-thong-van-ban .view-view-chi-tiet-he-thong-van-ban .views-field-field-legal-file .views-label-field-legal-file,
.view-view-chi-tiet-thu-tuc-hanh-chinh .views-field-field-af-file-attach .views-label-field-af-file-attach {
    font-weight: 500;
}
 /*************************************** END - Legal Documents ************************************************/ /** * [START] * Recommen Form */
.webform-submission-gui-phan-anh-kien-nghi-form {
    font-family: var(--bs-font-sans-serif);
    background-color: #e6eedf;
    padding: 30px 20px;
    color: #353130;
    margin-bottom: 1.5rem;
    display: flex;
    flex-wrap: wrap;
}
.webform-submission-gui-phan-anh-kien-nghi-form label {
    font-weight: 500;
}
 /*************************************** END - Recommen Form ************************************************/ /** * [START] * Artical-detail */
.artical-detail li {
    border: none;
}
.artical-detail .views-field-body .media-oembed-content {
    width: 100% !important;
    height: 545px !important;
}
.artical-detail .views-field-body table,
.artical-detail .views-field-body table tr,
.artical-detail .views-field-body table tr td {
    border: none !important;
}
.artical-detail .views-field views-field-body a span {
    color: var(--bs-link-color) !important;
}
.artical-detail .views-label-field-file-attach {
    font-weight: bold;
}
.views-field-field-file-attach li .file {
    padding-left: 0;
}
.artical-detail li a {
    color: #222222;
}
.artical-detail .article-blog-hearder {
    --bs-border-color: #015ca9;
}
.block-views-blockview-chi-tiet-thu-tuc-hanh-chinh-block-1 {
    margin-bottom: 1.5rem;
} /** * [START] * Y kien du thao van ban */
.node--type-u-kien-du-thao-van-ban ul.list-group li {
    border: none;
}
.node--type-u-kien-du-thao-van-ban ul.list-group li span.file {
    padding-left: 0;
}
.node--type-u-kien-du-thao-van-ban .views-field-comment .field-content {
    display: flex;
    flex-wrap: wrap;
}
.node--type-u-kien-du-thao-van-ban .comment-form {
    order: -1;
    width: 100%;
    padding: 25px;
    background: #e6eedf;
    margin-bottom: 70px;
    position: relative;
}
.node--type-u-kien-du-thao-van-ban .comment-form:before {
    content: "ĐÓNG GÓP Ý KIẾN";
    font-size: 20px;
    font-weight: 500;
    font-family: "Roboto", sans-serif;
    text-align: center;
    position: relative;
    left: calc(50% - 83px);
}
.node--type-u-kien-du-thao-van-ban #edit-comment-body-0-format {
    display: none;
}
.node--type-u-kien-du-thao-van-ban .comment-form .form-actions {
    text-align: center;
}
.node--type-u-kien-du-thao-van-ban .comment-form .form-actions button {
    --bs-btn-color: #fff;
    --bs-btn-bg: #009a1d;
    --bs-btn-border-color: #009a1d;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #009a1d;
    --bs-btn-hover-border-color: #009a1d;
    --bs-btn-focus-shadow-rgb: 0, 154, 29;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #009a1d;
    --bs-btn-active-border-color: #009a1d;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #009a1d;
    --bs-btn-disabled-border-color: #009a1d;
    color: #009a1d;
}
.node--type-u-kien-du-thao-van-ban .comment-form .form-actions button:before {
    color: #ffffff;
    content: "Gửi ý kiến";
    font-size: 16px;
    font-weight: 500;
    font-family: "Roboto", sans-serif;
    text-align: center;
    position: relative;
    left: 12px;
}
.node--type-u-kien-du-thao-van-ban .comment-form:after {
    content: "DANH SÁCH Ý KIẾN";
    font-size: 20px;
    font-weight: 500;
    font-family: "Roboto", sans-serif;
    text-align: center;
    position: absolute;
    bottom: -50px;
    left: 0;
}
.node--type-u-kien-du-thao-van-ban .comment {
    width: 100%;
}
.node--type-u-kien-du-thao-van-ban .comment .comment__meta {
    display: none;
}
.node--type-u-kien-du-thao-van-ban .comment .comment__content {
    width: 100%;
}
.node--type-u-kien-du-thao-van-ban .comment .comment__content:before,
.node--type-u-kien-du-thao-van-ban .comment .comment__content:after,
.node--type-u-kien-du-thao-van-ban .comment .comment__content .field--name-field-tieu-de,
.node--type-u-kien-du-thao-van-ban .comment .comment__content .card-title,
.node--type-u-kien-du-thao-van-ban .comment .comment__content .comment__permalink {
    display: none;
}
.node--type-u-kien-du-thao-van-ban .comment .comment__content .field > div {
    display: inline-block;
}
.node--type-u-kien-du-thao-van-ban .comment .comment__content .field__label:after {
    content: ": ";
}
.node--type-u-kien-du-thao-van-ban .comment .comment__content .field__label {
    font-weight: 500;
}
.node--type-u-kien-du-thao-van-ban .comment .comment__content .card-body:first-child {
    padding-bottom: 0 !important;
}
.node--type-u-kien-du-thao-van-ban .comment .comment__content .card-body:last-child {
    padding-top: 0 !important;
}
.node--type-u-kien-du-thao-van-ban .comment .comment__content .field .field__item p {
    margin-bottom: 0;
    line-height: 1.5;
}
a span {
    color: var(--bs-link-color) !important;
}
.artical-detail .views-field views-field-body .media-oembed-content {
    width: 100% !important;
    height: 545px !important;
}
.artical-detail table {
    border: none;
}
/*DASHBOARD-------------------------------------------------------------------------------------*/
.dashboard-hidden.view > div.view-content, .dashboard-hidden.view > nav{
	z-index:-9999;
	display:none !important;
}
._dashboard > div {
    padding: 15px;
}
._dashboard > div .row > div {
    border: 1px solid #ffffff;
    padding: 10px;
    text-align: center;
}
._dashboard > div .row > div a span{
    color: #031739 !important;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
    display: block;
    width: 100%;
}
._dashboard > div .row > div a:hover span{
    color: #179e19 !important;
}
._dashboard h2 {
	font-size: 20px;
    padding-bottom: 2px;
    padding-left: 0;
    text-transform: uppercase;
    border-bottom: 2px solid #255392;
    color: #255392;
    font-weight: 700;
}

._dashboard img {
    max-width: 100%;
    width: auto;
}
/* DASHBOARD KẾT QUẢ HỌC TẬP-------------------------------------------------------*/
.odoo-dashboard-filter-form {
  display: flex;
  flex-direction: column;
}
.odoo-dashboard-filter-form #edit-actions {
  order:1;
  width: 100%;
  text-align: center;
}
.odoo-dashboard-filter-form #edit-result {
  order:2;
}
.odoo-dashboard-filter-form #edit-result h2 {
  text-align: center;
}
.odoo-dashboard-filter-form #edit-filters label {
  font-weight: 600;
}
.training_program #main {
    margin-bottom: 30px;
}
.view-thong-ke-truy-cap thead th {
    color: #fff;
}
.menu--menu-left-bo-may-to-chuc {
    border: 1px solid #fceaea !important;
    background: transparent !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.menu--menu-left-bo-may-to-chuc ul.nav {
    display: block;
}
.menu--menu-left-bo-may-to-chuc ul.nav li a {
    color: #333;
}
.menu--menu-left-bo-may-to-chuc ul.nav li.menu-item--active-trail > a{
    background: #fceaea;
    color: #9e1c1e;
    border-left: 4px solid #9e1c1e;
}
.menu--menu-left-bo-may-to-chuc ul.nav li.menu-item--expanded.menu-item--active-trail > a{
    background: transparent;
    border-left: none;
}
.menu--menu-left-bo-may-to-chuc ul.nav > li.menu-item--active-trail > a,
.menu--menu-left-bo-may-to-chuc ul.nav > li.menu-item--active-trail > ul.menu > li.menu-item--active-trail a{
    color: #9e1c1e;
    border-left: 4px solid #9e1c1e;
}
.menu--menu-left-bo-may-to-chuc ul.nav li {
    display: block;
}
.menu--menu-left-bo-may-to-chuc ul.nav ul.menu {
    list-style: none;
    padding-left: 0;
}
.menu--menu-left-bo-may-to-chuc ul.nav ul.menu li {
    position: relative;
    width: 100%;
}
.menu--menu-left-bo-may-to-chuc ul.nav ul.menu li:before {
    content: "▹";
    font-size: 12px;
    color: #9e1c1e;
    margin-right: 8px;
    position: absolute;
    top: 10px;
    left: 15px;
}
.menu--menu-left-bo-may-to-chuc ul.nav > li > a,
.menu--menu-left-bo-may-to-chuc ul.nav ul.menu > li > a {
    border-left: 4px solid transparent;
}
.menu--menu-left-bo-may-to-chuc ul.nav > li > a:hover,
.menu--menu-left-bo-may-to-chuc ul.nav ul.menu > li > a:hover {
    background: #fceaea;
    color: #9e1c1e;
    border-left: 4px solid #9e1c1e;
}
.menu--menu-left-bo-may-to-chuc ul.nav ul.menu > li > a {
    padding-left: 30px;
}
.menu--menu-left-bo-may-to-chuc ul.nav > li > a {
    font-weight: 500;
}
@media screen and (max-width: 1399px) {
    .filter-documents-form .view-header,
    .filter-documents-form .view-filters {
        padding: 10px;
    }
}
@media screen and (min-width: 1200px) {
    #navbar-main #block-cd-sonla-trangchutopmenu {
        right: 0;
        left: auto;
        padding: 0 0 0 10px;

    }
    .ads-block-01 {
        position: relative;
    }
}
@media screen and (max-width: 1199px) {
    .home-page .banner {
        height:430px;
    }
    #block-cd-sonla-searchform {
        display: block;
        position: absolute;
        bottom: 11px;
        right: 0;
    }
    #block-cd-sonla-searchform form{
        width:300px;
        padding:0;
    }
    #block-cd-sonla-search-form-narrow {
        display:none;
    }
    #CollapsingNavbar {
        position: absolute;
        z-index: 9999;
        right: 0;
        left: 0;
        top: 2px;
        width: 100%;
    }
    #navbar-main #block-cd-sonla-trangchutopmenu {
        top: auto;
        bottom: -43px;
        z-index: 99999;
    }
    #navbar-main #block-cd-sonla-trangchutopmenu .content ul li,
    #navbar-main #block-cd-sonla-trangchutopmenu .content ul li a {
        color:#fff;
    }
    .sf-accordion-toggle {
        height: 45px;
        width: 45px;
        overflow: hidden;
        border: 2px solid #ffffff;
        border-radius: 5px;
        position: relative;
        float: right;
    }
    #superfish-main-menu-toggle span {
        color: transparent;
        display: none;
    }
    #superfish-main-menu-toggle:before {
        content: "\f0c9";
        font-family: "Font Awesome 5 Free";
        position: absolute;
        color: #ffffff;
        top: -3px;
        left: 7px;
        font-weight: 900;
        font-size: 2rem;
    }
    #superfish-main-menu-toggle.sf-expanded:before {
        content: "\f00d";
        left: 10px;
    }
    #superfish-main-menu-accordion {
        background: #0C426F;
        margin-top: 3px;
        box-shadow: 0 5px 10px gray;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }
    #superfish-main-menu-accordion .sf-has-clone-parent {
        padding-left: 20px;
    }
    #sidebar_second,
    #content,
    #sidebar_first {
        width: 100%;
    }
    #content {
        order: -1;
    }
    #sidebar_first {
        order: 2 !important;
    }
    .sidebar .block.block-views-blocklien-ket-websites-block-1 {
        margin-bottom: 2.5rem;
    }
    #CollapsingNavbar {
        display: flex !important;
    }
    #header {
        background-size: auto 100%;
        background-position: 0 center;
    }
    #navbar-main .nav-bottom {
        min-height: 50px;
    }
    .view-home-page-view-hot-news .slick-dots {
        top:44%;
    }
}
@media screen and (max-width: 991px) {
    .filter-documents-form form .js-form-item {
        width: 100%;
    }
    #navbar-main #block-cd-sonla-logo {
        margin-left: auto;
        margin-right: auto;
        margin-bottom:30px;
    }
    #block-cd-sonla-logo img {
        width:auto;
    }
    .home-page .banner {
        height: 340px;
    }
    .featured_third,
    .sidebar_third,
    .featured-second aside{
        padding:0;
    }
    #block-cd-sonla-footer .row > div {
        padding:0;
    }
}
@media screen and (min-width: 768px) {
    .webform-submission-gui-phan-anh-kien-nghi-form .form-item-dien-thoai {
        padding-right: 1rem;
    }
    .webform-submission-gui-phan-anh-kien-nghi-form .form-item-email {
        padding-left: 1rem;
    }
}
@media screen and (max-width: 767px) {
    .no-border-end-last-col > div.border-end {
        border: none !important;
    }
}
@media screen and (max-width: 575px) {
    .home-page .banner {
        height: 175px;
    }
    #navbar-main .nav-bottom {
        min-height: 70px;
    }
    #navbar-main #block-cd-sonla-trangchutopmenu {
        bottom: -60px;
        width: 85%;
    }
    .featured_third, .sidebar_third, .featured-second aside {
        padding-left:16px;
        padding-right:16px;
    }
    footer .site-footer__bottom .content {
        padding: 0 0.5em;
    }
    #navbar-main .container {
        padding-right: calc(var(--bs-gutter-x) * 0.5) !important;
        padding-left: calc(var(--bs-gutter-x) * 0.5) !important;
    }
    #block-cd-sonla-mainmenu .sf-accordion-toggle {
        margin-right: calc(var(--bs-gutter-x) * 0.5) !important;
        top:10px;
    }
    #navbar-main #block-cd-sonla-trangchutopmenu {
        margin-left: calc(var(--bs-gutter-x) * 0.2) !important;
    }
    #superfish-main-menu-accordion,
    #superfish-main-menu-accordion.sf-accordion li {
        width: 100vw;
    }
    #block-cd-sonla-searchform {
        right:15px;
        width:calc(100% - 30px);
    }
    #block-cd-sonla-searchform form {
        width:100%;
    }
    body:not(.home-page) #main.container{
      padding:0 16px;
    }
}

/*Landing Page --------------------------------------*/
#block-cd-sonla-buttondangnhapai  p {
	margin-bottom:0;
}

#block-cd-sonla-buttondangnhapai a {
	background-image: linear-gradient(180deg,  rgba(23, 127, 213, 1), rgba(12, 66, 111, 1));
	padding: 9px 18px;
    border-radius: 5px;
}

.gioi-thieu-nen-tang-ai h3 {
	color:#0C426F;
}
.gioi-thieu-nen-tang-ai .text-warning {
	color:#9E1C1E !important;
}
.gioi-thieu-nen-tang-ai #header {
    background-image: url(../images/header_bg_02.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
}
.gioi-thieu-nen-tang-ai #block-cd-sonla-logo img {
    width: 41%;
}

.gioi-thieu-nen-tang-ai #main {
	max-width:100%;
}
.gioi-thieu-nen-tang-ai img {
	width:auto;
	height:fit-content;
}
#gia-tri {
	background:#EDEDED;
}
.dark-section .bg-left {
	background: linear-gradient(to left, #ffffff 50%, #0C426F 50%);
	color:#fff;
	position:relative;
}
.dark-section .bg-left::before {
	position:absolute;
	width:50%;
	height:100%;
	display:block;
	content:'';
	background:url(../images/bg_landingpage.png) no-repeat;
	background-size:cover;
	left:0;
	top:0;
}

.dark-section .bg-right {
	background: linear-gradient(to left, #0C426F 50%, #ffffff 50%);
	color:#fff;
	position:relative;
}

.dark-section .bg-right::before {
	position:absolute;
	width:50%;
	height:100%;
	display:block;
	content:'';
	background:url(../images/bg_landingpage.png) no-repeat;
	background-size:cover;
	right:0;
	top:0;
}

.dark-section .bg-right .container,
.dark-section .bg-left .container{
	padding:60px 0;
}

.dark-section .bg-right .container div.order-lg-2 {
	padding-left: 35px;
}
.dark-section ul li {
	list-style:none;
	padding-left: 15px;
	position:relative;
	line-height:2;
}
.dark-section ul li:before {
	display:block;
	content:'';
	position:absolute;
	background:url(../images/icon_arrow.png) no-repeat center center;
	width:10px;
	height:10px;
	left:0;
	top:10px;
}
.download-section .container {
	padding:40px 0;
}

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

	.gioi-thieu-nen-tang-ai #navbar-main .nav-top {
		padding: 0px;
	}
	.gioi-thieu-nen-tang-ai #navbar-main #block-cd-sonla-logo {
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 0;
    }
    #navbar-main .nav-bottom {
        min-height: 0;
    }
	#gioi-thieu .container .row > div > .row > div:first-child {
		text-align:center;
		margin-bottom:15px;
	}
	.dark-section .bg-left,
	.dark-section .bg-right,
	.dark-section .bg-left::before,
	.dark-section .bg-right::before{
		background:transparent;
		color:#3b3b3b;
	}
	.dark-section .bg-right .container, .dark-section .bg-left .container {
		padding:20px 0;
	}
	.dark-section h4 {
		color:#0C426F;
	}
	#gia-tri img.img-fluid {
		width:100%;
	}
	.dark-section .bg-right .container div.order-lg-2 {
		padding-right: calc(var(--bs-gutter-x) * .5);
    	padding-left: calc(var(--bs-gutter-x) * .5);
	}
}

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

@media screen and (max-width: 575px) {
	.gioi-thieu-nen-tang-ai #main.container {
		padding:0 !important;
    }
    .dark-section {
    	padding-left:8px;
    	padding-right:8px;
    }
    .gioi-thieu-nen-tang-ai #navbar-main #block-cd-sonla-logo {
    	width:46%;
    }
    .gioi-thieu-nen-tang-ai #navbar-main #block-cd-sonla-logo img {
    	width:90%;
    }
}