:root {
    --main-color: #0056A8
}
body {
    font-family: 'Inter';
}
@media screen and (max-width: 1920px) and (min-width: 992px) {
    .container {
        padding-left: calc(8.6vw - 85.12px);
        padding-right: calc(8.6vw - 95.12px);
    }
}
@media screen and (max-width: 991px) {
    .container {
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
    }
}

h5.card-title {
    line-height: 1.5 !important;
}
.top-header {
    background-color: #0056A8;
    height: 41px;
}
.footer {
    background-color: #F8F8F8;
}
.form-footer {
    padding-top: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #E9E9E9;
}
.form-footer > div:nth-child(1) > :first-child p {
    font-size: 14px;
    color: #333333;
}
.form-footer > div:nth-child(2) > :first-child p {
    font-size: 14px;
}
.form-footer > div:nth-child(2) > :first-child > a > p{
    color: #666666;
}
.form-footer > div:nth-child(2) > :first-child > a:hover > p{
    color: var(--bs-link-hover-color);
    text-decoration: underline;
}
img.chung-nhan {
    max-width: 171px;
}
.copyright-footer .copyright {
    padding: 30px;
}
.copyright-footer .copyright span {
    color: #666666;
    font-size: 13px;
    font-weight: 400;
}
.min-h-45 {
    min-height: 45px;
}
.text-header-introduce {
    color: #FFFFFF;
}
.fs-12 {
    font-size: 12px;
}
.fs-13 {
    font-size: 13px;
}
.fs-14 {
    font-size: 14px;
}
.fs-16 {
    font-size: 16px;
}
.fs-17 {
    font-size: 17px;
}
.fs-18 {
    font-size: 18px;
}
.fs-20 {
    font-size: 20px;
}
.fs-22 {
    font-size: 22px;
}
.bg-gray {
    background-color: #E9E9E9;
}
.alert-success, .alert-danger, .alert-warning, .alert-info, .alert-danger {
    text-align: center;
}
.alert-button-close {
    position: absolute;
    right: 10px;
    border: none;
}
.ne-1r, .ne-2r, .ne-3r, .ne-4r, .ne-5r {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.ne-1r {
    -webkit-line-clamp: 1;
    line-clamp: 1;
}
.ne-2r {
    -webkit-line-clamp: 2;
    line-clamp: 2;
}
.ne-3r {
    -webkit-line-clamp: 3;
    line-clamp: 3;
}
.ne-4r {
    -webkit-line-clamp: 4;
    line-clamp: 4;
}
.ne-5r {
    -webkit-line-clamp: 5;
    line-clamp: 5;
}
main {
    position: relative;
}

.text-color {
    color: #0056A8
}
a {
    color: unset;
    text-decoration: none;
}
.h-60vh {
    height: 60vh;
}
.w-15 {
    width: 10%;
}
.w-10 {
    width: 5%;
}
.download-icon {
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #439BF1
}
.download-icon:hover {
    color: rgb(202, 11, 11)
}
.download-file {
    cursor: pointer;
    align-items: center;
    color: #439BF1
}
.download-file:hover {
    color: rgb(202, 11, 11)
}
.logo-banner {
    display: grid;
    background-image: url(../image/benner-header.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.banner-School {
    padding: 0px 50px;
    max-width: 1200px;
    width: 100%;
}
.header-logo {
    float: left;
    margin: 5px 0px;
    width: 55px;
}
.tit-site {
    float: left;
    width: 68%;
    margin-top: 5px;
}
.first-slogan, .second-slogan {
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
}
label.first-slogan {
    color: #0056A8;
}
img.second-slogan {
    max-width: 500px;
    max-height: 80px;
}
label.second-slogan {
    font-size: 26px;
    color: #037ce3;
}
label.first-slogan-mobile {
    color: #fff;
    font-weight: bolder;
    font-size: 12px;
}
.logo-mobile {
    display: none;
}
#menu {
    position: relative;
    z-index: 2;
}
.text-white-menu {
    color: #0056A8 !important;
    font-size: 13px;
    font-weight: bolder;
}
.text-blue-menu {
    color: #0056A8;
    font-weight: bolder;
}

.nav-item:hover > a {
    color: #fb6a65 !important;
    text-decoration: underline;
    transition: color .15s ease-in-out;
}

.text-white-menu-user {
    color: #FFFFFF !important;
    min-width: 100px;
}
.icon-home-menu {
    font-size: 28px;
}
.dropend .dropdown-toggle {
    margin-left: 1em;
}

.dropdown-item:hover {
    color: #fb6a65 !important;
    text-decoration: underline !important;
    background-color: transparent;
}
.dropdown .dropdown-menu {
    display: none;
}
.dropdown:hover > .dropdown-menu,
.dropend:hover > .dropdown-menu {
    display: block;
    z-index: 1000;
    border-radius: unset;
}
.search-menu {
    position: relative;
}
.icon-search-menu {
    position: absolute;
    right: 12px;
    top: 7px;
    color: #666666;
}

.form-input-search {
    font-size:16px;
    border: 1px solid #666666;
    border-radius: 4px;
    height: 40px;
}
.icon-search-user {
    /* position: absolute; */
    font-size: 25px;
}
.flag-language {
    position: absolute;
    right: 105px;
    top: 12px;
}
h2.page-header {
    margin-top: 30px !important;
    color: #0067b8;
    margin-bottom: 20px;
    border-bottom: 0;
    text-align: center;
    font-family: 'Roboto-Bold';
    font-size: 36px;
    text-transform: uppercase;
    font-weight: bolder;
}
.moduletitle {
    font-size: 20px;
    font-family: 'RobotoBold';
    border-left: 3px solid #1B7BB5;
    padding: 0 10px;
    color: #3f3f3f;
    margin: 5px 0;
    font-weight: 400;
    text-align: left !important;
    float: left;
}
.bodytext {
    word-break: keep-all;
    max-width: 100%;
    overflow-x: hidden;
    overflow-y: visible;
    line-height: 1.7em;
}
.margin-bottom-lg {
    margin-bottom: 15px;
}
.bg-cocautochuc {
    background-image: url(https://datacollection.gso.gov.vn/Data/Sites/1/skins/framework/ImgCucTTDLV2/bngxx.png);
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    float: left;
    height: 1095px;
}
.department {
    width: 1000px;
    margin: 0 auto;
    float: right;
    padding-top: 107px;
    padding-left: 10px;
}
.name-department {
    font-weight: bold;
    margin-bottom: 70px;
    color: #333333;
    font-size: 16px;
    cursor: pointer;
}
.panel-default {
    box-shadow: none;
}
.panel {
    border-radius: 0;
    margin-bottom: 18px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
    box-shadow: 0 1px 1px rgba(0,0,0,0.05);
}
.panel-default {
    border-color: #ddd;
}
.panel-body {
    padding: 30px;
}
div.news_column .imghome {
    margin: -7px 10px 0 0;
    aspect-ratio: 1.3;
}
.pull-left {
    float: left !important;
}
.img-thumbnail {
    background-color: #cccccc;
    border: none;
    border-radius: 3px;
    max-width: 100px;
    width: 100%;
    padding: 1px;
    transition: all .2s ease-in-out;
    display: inline-block;
    max-height: 75px;
    height: auto;
    line-height: 1.42857143;
    object-fit: cover;
}
@media screen and (min-width: 769px) {
    .dropend:hover > .dropdown-menu {
      position: absolute;
      top: 0;
      left: 100%;
    }
    .dropend .dropdown-toggle {
      margin-left: 0.5em;
    }
}
.page-info {
    position: relative;
    padding: 10px 0px;
    background: #fff;
    color: #272727;
    border-bottom: 1px solid #f0f0f0;
}
.page-info h1, .page-info h2 {
    font-size: 16px;
    color: #272727;
    line-height: 24px;
    font-weight: 700;
    margin: 10px 0;
}
.services-section {
    position: relative;
    padding: 40px 0px;
}
.auto-container {
    position: static;
    max-width: 1200px;
    padding: 0px 15px;
    margin: 0 auto;
    overflow: hidden;
}
.services-section .auto-container .row, .blog-detail .auto-container .row {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.default-services-block {
    position: relative;
    margin-bottom: 40px;
}
.default-services-block .inner-box {
    position: relative;
    display: block;
}
.default-services-block .image-box {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
    border: 1px solid #e9e9e9;
    border-bottom: 0;
}
img {
    max-width: 100%;
    height: auto;
}
.default-services-block .image-box img {
    display: block;
    width: 100%;
}
.default-services-block .image-box .overlay-box {
    position: absolute;
    left: 0px;
    top: -100%;
    width: 100%;
    height: 100%;
    color: #fff;
    background: rgb(1 198 20 / 43%);
    transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
}
.default-services-block .image-box .overlay-box .fa {
    position: absolute;
    left: 50%;
    margin-left: -12px;
    top: 50%;
    margin-top: -12px;
    font-size: 20px;
    width: 24px;
    height: 24px;
    line-height: 24px;
}
.default-services-block .lower-content {
    position: relative;
    padding: 10px;
    background: #fff;
    border: 1px solid #e9e9e9;
    border-top: none;
    transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
}
.default-services-block .lower-content .transparen-icon {
    position: absolute;
    right: 10px;
    bottom: 10px;
    line-height: 1em;
    font-size: 64px;
    color: #faf9f9;
}
.default-services-block .lower-content h3 {
    font-size: 16px;
    text-align: center;
    font-weight: 500;
    /* text-transform: capitalize; */
    /* margin-bottom: 10px; */
    color: #272727;
    height: 48px;
    overflow: hidden;
    margin: 8px 0;
}
.default-services-block .lower-content .text {
    height: 54px;
    overflow: hidden;
    font-size: 15px;
    line-height: 1.8em;
    margin-bottom: 15px;
}
.default-services-block .lower-content .link-box {
    text-align: center;
}
.default-services-block .lower-content h3 a {
    color: #272727;
}
a:not(.allow-hover):hover, a:not(.allow-hover):focus, a:not(.allow-hover):visited {
    text-decoration: none;
    outline: none;
}
.default-services-block .lower-content .read-more {
    position: relative;
    display: inline-block;
    color: #272727;
    font-weight: 600;
    /* text-transform: uppercase; */
}
.default-two-column {
    position: relative;
    padding: 60px 0px 70px;
    background-image: url(../image/bg_dangky_dichvu.png);
    background-repeat: no-repeat;
    background-color: #F6F9FC;
}
.sec-title-three {
    position: relative;
    margin-bottom: 35px;
}
.sec-title-three h2 {
    position: relative;
    font-size: 26px;
    color: #0056A8;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
}
.sec-title-three .sub-title {
    margin: 15px 0;
    text-align: center;
}
.specs {
    position: relative;
}
.accordion-box {
    position: relative;
}
.spec-column .accordion-box {
    margin-top: 5px;
}
.accordion-box .block {
    position: relative;
    margin-bottom: 10px;
    border: 1px solid #f0f0f0;
}
.accordion-box .block .acc-btn {
    position: relative;
    font-size: 16px;
    margin-bottom: 0px;
    cursor: pointer;
    background: none;
    line-height: 30px;
    padding: 10px 25px 10px 70px;
    overflow: hidden;
    font-weight: 500;
    color: #1c2125;
    border-radius: 3px;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}
.accordion-box .block .icon-outer {
    position: absolute;
    left: 25px;
    top: 10px;
    width: 30px;
    height: 30px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    background: #0569b4;
    border-radius: 50%;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}
.accordion-box .block .acc-btn.active .icon-outer {
    background: #faa831;
}
.accordion-box .block .acc-content {
    position: relative;
    display: none;
}
.accordion-box .block .acc-content.current {
    display: block;
}
.accordion-box .block .content {
    position: relative;
    font-size: 16px;
    background: #f4f4f4;
    padding: 18px 25px;
    color: #585656;
}
.qa-title {
    position: relative;
    font-size: 16px;
    margin-bottom: 0px;
    cursor: pointer;
    background: none;
    line-height: 30px;
    padding-left: 10px;
    overflow: hidden;
    font-weight: 500;
    color: #1c2125;
    border-radius: 3px;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}
.form-box {
    position: relative;
    border: 2px solid #f4f4f4;
    padding: 18px 18px 0px 18px;
    background-color: #fff;
    border-radius: 5px;
}
.default-form .form-group {
    position: relative;
    margin-bottom: 21px;
}
.default-form.form-box .row .form-group {
    padding: 0px 10px !important;
}
.default-form input[type="text"], .default-form input[type="email"], .default-form input[type="password"], .default-form input[type="number"], .default-form select, .default-form textarea {
    display: block;
    width: 100%;
    line-height: 24px;
    height: 50px;
    font-size: 16px;
    border: 1px solid #666666;
    padding: 12px 15px;
    color: #111111;
    border-radius: 3px;
    transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    border-radius: 5px;
}
.theme-btn {
    display: inline-block;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
.btn-style-two {
    position: relative;
    padding: 10px 20px;
    /* line-height: 24px; */
    text-transform: uppercase;
    background: #0056A8;
    color: #fff !important;
    border: 2px solid #0056A8;
    font-size: 18px;
    font-weight: 500;
    border-radius: 5px;
}
.sky-form .btn-style-two {
    width: 100%;
    text-align: center;
    line-height: 24px;
    font-size: 18px;
    font-weight: 500;
}
#btnSentWait {
    display: none;
    /* display: inline-block; */
}
h2.articletitle {
    margin: 0;
    font-family: Arial;
    color: #0a6eac;
    line-height: 28px;
    text-align: justify;
    font-size: 24px;
    font-weight: bold;
}
.articletext a {
    color: var(--bs-link-color);
}
.fieldset {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 10px;
    margin-top: 10px;
}
.legend {
    width: inherit;
    font-size: 18px;
    font-weight: bold;
    border: none;
    margin: 0px;
    display: block;
    color: #3498db;
}
.input-group-addon {
    padding: 6px 3px;
    font-size: 14px;
    min-width: 50px;
    font-weight: normal;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
    border-left: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}
.form-control:not(.border-radius) {
    font-size: 14px;
    border-radius: 0;
}
.search-label-fix {
    width: 90px;
    margin-top: 7px;
    text-align: left;
}
.box-inline {
    display: flex;
    list-style: none outside none;
    margin: 8px 0 0;
    padding-left: 0;
}
.box-inline li {
    margin: 0;
    padding-left: 10px;
}
.bg-top {
    background-image: url(../image/bg-top.png);
    background-position-y: 50%;
    background-position-x: 310px;
    background-repeat: no-repeat;
}
.bg-dieutra_tk {
    background-image: url(../image/bg-dieu-tra-thong-ke.png);
}
.bg-chart {
    background-image: url(../image/bg-chart.png);
    background-position: center;
    background-position-y: 84%;
    background-repeat: no-repeat;
}
.mb-25 {
    margin-bottom: 25px;
}
.fw-regular {
    font-weight: 400;
}
.btn-gop-y {
    background-image: url(../image/bg-top-btn-gop-y.png);
}
.btn-an-pham {
    background-image: url(../image/bg-top-btn-an-pham.png);
}
.btn-video {
    background-image: url(../image/bg-top-btn-video.png);
}
.color-main {
    color: var(--main-color);
}
.img-kinhte_xahoi {
    box-shadow: #e3e3e3 0px 25px 3px -20px;
    width: 100%;
}
.button-more-kinhte_xahoi {
    color: var(--main-color);
    padding-top: 10px;
    padding-bottom: 11px;
    font-weight: bold;
    border-radius: 5px;
    border: 1px solid var(--main-color);
    width: 100%;
    display: block;
}
.button-more-anpham {
    color: #fff;
    padding-top: 10px;
    padding-bottom: 11px;
    font-weight: bold;
    background: linear-gradient(-45deg, #0085FF 0%, #00C2FF 100%);
    border-radius: 5px;
    width: 100%;
    display: block;
}

.dichvu_tk-img {
    border: 2px solid var(--main-color);
    border-radius: 5px;
    background-color: var(--main-color);
    color: #fff;
    display: block;
}
.dichvu_tk-img > :nth-child(2) {
    padding: 15px 20px;
    min-height: 86px;
}
.dichvu_tk-img:hover span {
    color: #fb6a65;
    text-decoration: underline;
}
.home-title-dichvu h2 {
    background-color: var(--main-color);
}
.card{
    position: unset;
}
.che-do-bao-cao-screen {
    min-height: calc(100vh - 664px);
}
select.form-control {
    -webkit-appearance: menulist-button;
    -moz-appearance: menulist-button;
    appearance: menulist-button;
}

.form-group-input-search {
    border-radius: 5px !important;
}
.fw-100 {
    font-weight: 100 !important;
}
img.mh-200 {
    max-height: 200px;
}

.no-download {
    cursor: not-allowed !important;
}

.fz-14 {
    font-size: 14px !important;
}

.home-title-footer h2 {
    margin-bottom: 15px !important;
}
.document-type {
    width: 15% !important;
}
.min-h-185, .h-185 {
    height: 185px !important;
}
.ele-title-notify {
    height: 100px !important;
    align-items: center !important;
}
.list-ktxh {
    display: grid;
}
.img-ktxh {
    height: 100%;
}
.unit-text {
    float: right;
}
.show-option-search-nien-giam {
    display: flex;
}

@media screen and (max-width: 992px) {
    .form-control-input-search {
        margin-bottom: 10px;
    }
    .form-group-input-search, .form-search-nomarl-vanban, .group-search-advance-vanban {
      display: contents !important;
    }
    .group-btn-search {
        display: inline;
    }
    .search-item {
        margin: 0 !important;
    }
    .text-start {
        display: inline-block !important;
    }

    .-slogan-mobile {
        color: #FFFFFF !important;
        font-size: 22px !important;
    }
}

@media screen and (max-width: 768px) {
    .container-responsive {
      padding-left: 20px;
      padding-right: 20px;
    }
}
.btnsend_SendHome {
    cursor: pointer;
}
.thu_thap_thong_tin-body {
    border: 1px solid #eeeeee;
    border-radius: 3px;
}
.thu_thap_thong_tin-body > .title {
    padding: 10px;
}
.thu_thap_thong_tin-body > .title > h2 {
    background-color: #cfe7fa;
    color: #1f9cef;
    padding: 10px;
    text-transform: uppercase;
    font-size: 16px;
    border-radius: 3px;
}
.thu_thap_thong_tin-body > .search {
    border: 1px solid #c6e4ed;
    background-color: #f5f5f5;
    padding: 30px 40px;
    font-size: 13px;
}
.thu_thap_thong_tin-body > .search > .row {
    padding-bottom: 25px;
}
.thu_thap_thong_tin-body > .search > .row > div > select {
    border-radius: 3px;
}
.thu_thap_thong_tin-body > .search > .button > * {
    color: #fff;
    border: unset;
    display: inline-block;
    padding: 5px 10px;
    border-radius: 3px;
}
.thu_thap_thong_tin-body > .search > .button > button {
    background-color: #337ab7;
}
.thu_thap_thong_tin-body > .search > .button > a {
    background-color: #d9534f;
}
.thu_thap_thong_tin-body > .export {
    padding: 10px;
}
.thu_thap_thong_tin-body > .export button {
    border: none;
    padding: 5px 10px;
    background-color: #5cb85c;
    color: #fff;
    display: inline-block;
    border-radius: 3px;
    font-size: 13px;
}
.thu_thap_thong_tin-body table {
    border: 1px solid #e3e3e3;
}
.thu_thap_thong_tin-body table > thead {
    background-color: #f6fde1;
}
.thu_thap_thong_tin-body td, .thu_thap_thong_tin-body th {
    border: 1px solid #e3e3e3;
}

.img-ktxh {
    width: 100% !important;
    object-fit: cover !important;
    aspect-ratio: 1.5;
}
.img-anpham > img {
    height: 230px !important;
    width: 100% !important;
    object-fit: cover !important;
    border-radius: 5px;
}
.fw-100 {
    font-weight: 100 !important;
}
img.mh-200 {
    max-height: 200px;
}
.img-news-mobile {
    width: 100% !important;
    max-width: 330px !important;
    object-fit: cover !important;
}

.swiper-container-news,
.swiper-pagination-news,
.home-top-btn-mobile,
.swiper-container-kinhte_xahoi-mobile,
.swiper-pagination-kinhte_xahoi-mobile,
.swiper-container-anpham-mobile,
.swiper-pagination-anpham-mobile,
.swiper-container-dichvu_tk-mobile,
.swiper-pagination-dichvu_tk-mobile,
.banner_vertical-mobile,
.linhvuc-contents-mobile,
.menu-hamburger-wrap
{
    display: none;
}
.home-top-btn {
    display: flex !important;
}
.ele-more {
    padding-top: 50px;
    padding-bottom: 46px;
}
.sum-contents {
    display: flex;
}
.home-slide-ktxh {
    height: 100%;
    min-height: 70px;
}
.cursor-pointer {
    cursor: pointer;
}
.mobile-nav-toggle {
    /* top: 31px;
    right: 63px;
    position: absolute;
    width: 30px;
    z-index: 1051; */
}

.gradient-button {
    display: inline-block;
    padding: 10px 20px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    border: none;
    border-radius: 5px;
    background: linear-gradient(to right, #01BCFE, #008AFE);
    transition: background 0.3s ease;
  }

  .gradient-button:hover {
    background: linear-gradient(to right, #008AFE, #01BCFE);
  }
  .modal-dialog {
      max-width: unset !important;
  }
  .cocauphuong {
    height: 100%;
    max-height: 300px;
  }

    .w-image {
        width: 15% !important;
    }
    .w-30 {
        width: 30% !important;
    }
    .w-45 {
        width: 45% !important;
    }
    .w-10 {
        width: 10% !important;
    }

    .time-detail-news {
        font-size: 13px !important;
        font-style: italic;
        color: gray;
    }
    .info-tctk {
        font-size: 14px;
    }
    .img-lanhdao-detail {
        max-width: 255px;
        border: 1px solid #ddd;
        border-radius: 3px;
        padding: 1px !important;
        background-color: #fff;
        transition: all .2s ease-in-out;
        display: inline-block;
    }
    .max-w-25 {
        max-width: 25%;
    }
@media screen and (max-width: 1200px) {
    .img-ktxh-list img {
        height: 175px !important;
    }
}

@media screen and (max-width: 991px) {
    .form-control-input-search {
        margin-bottom: 10px;
    }
    .form-group-input-search, .form-search-nomarl-vanban, .group-search-advance-vanban {
      display: contents !important;
    }
    .group-btn-search {
        display: inline;
    }
    .search-item {
        margin: 0 !important;
    }
    .swiper-container-news,
    .swiper-pagination-news,
    .home-top-btn-mobile,
    .sum-contents,
    .swiper-container-kinhte_xahoi-mobile,
    .swiper-pagination-kinhte_xahoi-mobile,
    .swiper-container-anpham-mobile,
    .swiper-pagination-anpham-mobile,
    .swiper-container-dichvu_tk-mobile,
    .swiper-pagination-dichvu_tk-mobile,
    .banner_vertical-mobile,
    .linhvuc-contents-mobile,
    .menu-hamburger-wrap {
        display: block;
    }
    .modulecontent-news,
    .home-top-btn,
    .notify-content-mobile,
    .swiper-container-kinhte_xahoi,
    .swiper-pagination-kinhte_xahoi,
    .swiper-container-anpham,
    .swiper-pagination-anpham,
    .swiper-container-dichvu_tk,
    .img-logo-normal,
    .menu-top-normal,
    .banner_vertical-normal,
    .linhvuc-contents-normal {
        display: none !important;
    }
    .backg-nd-mobile {
        height: unset !important;
    }
    .ele-more {
        padding-top: 25px;
        padding-bottom: 21px;
    }
    .linhvuc-contents {
        border: 1px solid !important;
    }
    .swiper-slide-linhvuc {
        height: unset !important;
    }
    .linhvuc-content-mobile {
        border: unset !important;
    }
    .header-mobile {
        display: none !important;
    }
    .wrap-menu {
        background-color: #0056A8 !important;
        position: fixed;
        border-bottom: unset !important;
        filter: unset !important;
    }
    .header-mobile-wrap {
        padding: 10px 0px;
    }
    .container-responsive {
        margin-top: 3rem !important;
    }
    #menu {
        z-index: 1051;
    }
    .modal-dialog-menu {
        margin-top: -2px !important;
    }
    .bg-top {
        padding-top: 80px;
    }
    .text-blue-menu {
        color: #ffffff;
        border-bottom: 2px solid #14538e;
    }
    .modal-content {
        background-color: #003568 !important;
    }
    .icon-search-menu {
        top: 5px;
    }
    .modal-content {
        border-radius: unset;
    }
    .flex-wrap-mobile {
        display: block !important;
    }
    .wrap-menu-close {
        position: unset;
    }
    .bg-gray-mobile {
        padding-top: 38px !important;
    }
    .container {
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
    }
    .info-tctk {
        line-height: 30px;
    }
    .sum-content {
        margin: 15px 0px !important;
    }
    .text-check-spam {
        margin-top: 20px;
    }
    .div_center, .right-pane {
        margin-bottom: 15px;
    }
    .ar-news {
        width: 100%;
    }
    .ar-anpham {
        width: 100%;
    }
    .ar-ktxh {
        width: 100%;
    }
    .survey-name {
        display: block !important;
    }
    .survey-name-content {
        max-width: 100% !important;
        margin-bottom: 10px !important;
    }
}

@media screen and (max-width: 768px) {
    .container-responsive {
      padding-left: 20px;
      padding-right: 20px;
    }
    .footer-responsive {
        display: none;
    }
    .img-footer {
        text-align: center !important;
    }
    .ktxh-title {
        display: flex !important;
    }
    .width65, .width35 {
        width: unset !important;
        display: contents;
    }
    .hplType1 {
        top: 75% !important;
    }
    .text-danger {
        left: 0px;
    }
    .banner_vertical-mobile {
        height: 400px;
    }
    .min-h-185, .h-185 {
        height: unset !important;
    }
    img.embed-responsive-item {
        max-width: unset !important;
    }
    .-ktxh-mobile {
        display: block !important;
    }
    .-list-news-ktxh-mobile {
        padding: unset !important;
        margin-top: 15px;
    }
    .show-option-search-nien-giam {
        display: unset;
    }
}
@media screen and (max-width: 510px) {
    .home-slide-dvtk {
        height: 100%;
        min-height: 120px !important;
    }
    .hplType1 {
        top: 70% !important;
    }
    .TextBoxCaptchaSendHome {
        width: 100px;
    }
    .info-tctk tr td:first-child {
        display: block;
        width: 100%;
        box-sizing: border-box;
    }

    .info-tctk tr td:not(:first-child) {
        display: block;
        width: 100%;
        box-sizing: border-box;
        padding-left: 0 !important; /* Điều này sẽ đảm bảo rằng khoảng cách trái sẽ được giữ khi ẩn cột. */
    }
    .info-tctk {
        line-height: 25px;
    }
    .cocauphuong {
        max-height: 350px;
    }
    .banner_vertical-mobile {
        height: 350px;
    }
    .-slogan-mobile {
        font-size: 20px !important;
    }
    .mt-100 {
        margin-top: 100px;
    }
}
img.embed-responsive-item {
    object-fit: cover;
    width: 120px;
    height: 170px;
    max-width: 120px;
    max-height: 170px;
}
a.un-hover:hover {
    color: unset;
}
.pc_only {
    display: block !important;
}
.pc_only-d-flex {
    display: flex !important;
}
.table-responsive.mt-3.table-export-excel {
    height: 450px;
}
@media only screen and (max-width: 992px) {
    .pc_only {
        display: none !important;
    }
    .pc_only-d-flex {
        display: none !important;
    }
}
.sp_only {
    display: none !important;
}
@media only screen and (max-width: 991px) {
    .sp_only {
        display: block !important;
    }
    .logo-mobile {
        display: inline-flex !important;
    }
}
.img-ktxh-list img {
    aspect-ratio: 1;
}
.ar-anpham {
    aspect-ratio: 1.4;
}
.ar-ktxh {
    aspect-ratio: 1.5;
}
.ar-news {
    aspect-ratio: 1;
}
.text-justify {
    text-align: justify;
}
.text-justify a {
    color: #0d6efd !important;
}
.text-justify a:hover {
    color: #0d6efd !important;
    text-decoration: underline !important;
}
.text-justify p {
    font-size: 14px;
}

.ql-align-center {
    text-align: center;
    margin-bottom: 0 !important;
}

.ql-align-right {
    text-align: right;
    margin-right: 5px;
}

.ql-align-justify {
    text-align: justify;
}

.ql-indent-2:not(.ql-direction-rtl) {
    padding-left: 6em;
}

.custom-radio label {
    display: flex;
    align-items: center;
    margin-left: 30px;
}

.custom-radio span {
    display: flex;
    align-items: center;
}

.custom-radio input[type="radio"] {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
}

.custom-radio input[type="radio"] + label::before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: linear-gradient(#fff, #fff) padding-box, var(--bs-body-color) border-box;
    color: #313149;
    border: 2px solid transparent;
}

.custom-radio input[type="radio"]:checked +  label::after {
    content: "";
    position: absolute;
    left: 5px;
    top: 7px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: var(--main-color);
}

.custom-radio input[type="radio"]:checked +  label::before {
    background: linear-gradient(#fff, #fff) padding-box, var(--main-color) border-box;
}

.custom-radio input[type="checkbox"] {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
}

.custom-radio input[type="checkbox"] + label::before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    width: 20px;
    height: 20px;
    background: linear-gradient(#fff, #fff) padding-box, var(--bs-body-color) border-box;
    color: #313149;
    border: 2px solid transparent;
}

.custom-radio input[type="checkbox"]:checked +  label::after {
    content: "✔";
    position: absolute;
    left: 4px;
    top: 0;
    color: var(--main-color);
}

.custom-radio input[type="checkbox"]:checked +  label::before {
    background: linear-gradient(#fff, #fff) padding-box, var(--main-color) border-box;
}

table .custom-radio input[type="radio"] + label::before, table .custom-radio input[type="checkbox"] + label::before {
    left: 50%;
    transform: translate(-50%, 0);
}

table .custom-radio input[type="radio"]:checked +  label::after, table .custom-radio input[type="checkbox"]:checked +  label::after {
    left: 50%;
    transform: translate(-50%, 0);
}

textarea.input-servey {
    resize: none;
}

.input-servey {
    background: linear-gradient(#fff, #fff) padding-box, #000 border-box;
    color: #313149;
    border: none;
    border-bottom: 1px solid transparent;
    border-radius: 0;
    display: inline-block;
    padding: 0;
  }

  .input-servey::placeholder {
    color: #cccbcb;
  }

  .input-servey:focus {
    box-shadow: unset;
    border-color: transparent;
  }
  .input-servey:focus-visible {
    box-shadow: unset;
    border-color: transparent;
    outline: thick;
  }
.table-row-header > .table-cell:not(:last-child), .table-row > .table-cell:not(:last-child) {
    border-right: unset;
}
.table-row-header:not(:last-child) > .table-cell, .table-row:not(:last-child) > .table-cell {
    border-bottom: unset;
}
.custom-swal-title {
    font-size: 20px;
    color: #000;
}
.custom-swal-confirm {
    background-color: #0056A8 !important;
}
.scroll-height-custom::-webkit-scrollbar {
    width: 3px;
}
.scroll-height-custom::-webkit-scrollbar-thumb {
    background-color: #ffffff;
}
.table-matrix td {
    border: 1px solid #000;
}

@media screen and (max-width: 470px) {
    .-slogan-mobile {
        font-size: 18px !important;
    }
}
@media screen and (max-width: 435px) {
    .-slogan-mobile {
        font-size: 16px !important;
    }
}
@media screen and (max-width: 400px) {
    .-slogan-mobile {
        font-size: 14px !important;
    }
}