* {
     font-family: 'Manrope', sans-serif;
 }

 .bg-header {
     background-image: url(https://baokhanhhoa.vn/file/e7837c02857c8ca30185a8c39b582c03/082025/banner_1920_20250808230805.png);
     background-size: cover;
     background-repeat: no-repeat;
     height: 300px;
     background-position: center;
     /* margin-top: -300px; */
     position: relative;
 }

 .bg-header .title-header {
     color: #BC0627;
     text-align: center;
     text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
     font-size: 24px;
     font-style: normal;
     font-weight: 600;
     line-height: 24px;
     position: absolute;
     bottom: -15px;
     left: 50%;
     transform: translate(-50%, -50%);
     text-align: center;
     text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
     -webkit-text-stroke-width: 0px;
     -webkit-text-stroke-color: #FFF;
     font-size: 24px;
     font-style: normal;
     font-weight: 600;
     line-height: 24px;
 }

 .bg-header img {
     position: absolute;
     bottom: 150px;
     left: 50%;
     transform: translate(-50%, -50%);
     /* height: 100px; */
     width: 120px;
 }

 #main-nav {
     background: var(--Red-500, #E11718) !important;
 }



 .header-title-dai-hoi {
     display: flex;
 }

 #daiHoiInfo,
 #infoTongBiThu {
     overflow: hidden;
     /* Hides overflowing content */
     height: 100%;
     position: relative;
 }

 #daiHoiInfo::after,
 #infoTongBiThu::after {
     content: '...';
     position: absolute;
     bottom: 0;
     right: 10px;
     padding-left: 10px;
 }

 .cac-tong-bi-thu {
     display: grid !important;
     gap: 20px;
     align-items: start;
 }

 .cac-tong-bi-thu .first-content {
     display: flex;
     flex-direction: column;
 }

 .cac-tong-bi-thu .second-content,
 .second-content-tab-2 {
     display: grid;
     grid-template-columns: repeat(1, 1fr);
     gap: 20px;
 }
 
 
  .cac-tong-bi-thu-main .cac-tong-bi-thu .second-content,
 .cac-tong-bi-thu-main .second-content-tab-2 {
     display: grid;
     grid-template-columns: repeat(3, 1fr) !important;
     gap: 20px;
 }

 .btn-next-dai-hoi {
     width: 25px;
     height: 25px;
     border-radius: 50%;
     outline: none;
     border: none;
     font-size: 25px;
     color: red;
     display: flex;
     justify-content: center;
     align-items: center;
 }

 .line {
     width: 100%;
     display: flex;
     justify-content: center;
     align-items: center;
     flex-direction: column;
     height: 100%;
 }

 .red-line {
     border: 1px solid var(--Red-500, #e11718);
     margin-bottom: 2px;
     text-align: center;
     width: 100%;
 }

 .ky-dai-hoi-header {
     text-align: center;
     font-family: Inter;
     font-weight: 700;
     font-size: 20px;
     letter-spacing: 0px;
     vertical-align: middle;
     text-transform: uppercase;
     background: url(https://baokhanhhoa.vn/file/e7837c02857c8ca30185a8c39b582c03/072025/bgchuyenmuc_20250722231810.png);
     background-size: cover;
     background-repeat: round;
     padding: 10px 50px;
     width: 100%;
     margin: 0 20px;
     font-family: Inter;
     font-size: 20px;
     font-style: normal;
     font-weight: 700;
     line-height: 21px;
     text-transform: uppercase;
 }


 .ky-dai-hoi-header p {
     color: transparent;
     font-weight: bold;
     font-size: 24px;
     text-transform: uppercase;
     text-align: center;
     padding: 10px 20px;
     background-clip: text;
     -webkit-background-clip: text;
     background-image: linear-gradient(180deg, #FDF3E1 22.5%, #FFCE5B 77.5%);
     -webkit-text-fill-color: transparent;
     white-space: nowrap;
 }

 .cac-ky-dai-hoi-content-left,
 .cac-tong-bi-thu-content-left {
     border-radius: 0 0 12px 12px;
     border: 1px solid var(--Divider, #eaeaea);
     border-top-left-radius: 12px;
     border-top-right-radius: 12px;
     position: relative;
     z-index: 1;
 }

 .cac-ky-dai-hoi-content-left,
 .cac-ky-dai-hoi-content-right {
     max-height: 600px;
     position: relative;
     display: flex;
     flex-direction: column;
 }

 .cac-tong-bi-thu-content-left,
 .cac-tong-bi-thu-content-right {
     height: 1060px;
     position: relative;
     display: flex;
     flex-direction: column;
 }

 .cac-ky-dai-hoi-content-right .content-dai-hoi {
     margin: 40px auto;
 }

 .box-tong-bi-thu {
     display: flex;
     flex-direction: column;
     width: 180px;
     height: 180px;
     justify-content: center;
     align-items: center;
     gap: 2px;
     cursor: pointer;
     margin: 0 auto;
 }
 .box-tong-bi-thu.active {
 gap: 10px !important;
 
 }

 .box-tong-bi-thu h5 {
     color: var(--Text-Primary, #453E3E);
     text-align: center;
     font-size: 20px;
     font-style: normal;
     font-weight: 700;
     line-height: 135%;
 }

 .box-tong-bi-thu:hover .bg-person {
     scale: 1.2;
 }

 .tong-bi-thu-list.active .bg-person {
     scale: 1.2;
 }

 .tong-bi-thu-list.active .ten-tong-bi {
     color: #e11718;
 }

 .box-tong-bi-thu:hover .ten-tong-bi {
     color: #e11718;
 }

 .box-tong-bi-thu .bg-person {
     width: 65%;
     height: 65%;
     border-radius: 50%;
     background: url(https://baokhanhhoa.vn/file/e7837c02857c8ca30185a8c39b582c03/072025/bg-person_20250726211706.jpg) lightgray 50% / cover no-repeat;
     position: relative;
     overflow: hidden;
 }

 .box-tong-bi-thu img {
     width: 100%;
     height: 126%;
     object-fit: contain;
 }

 .cac-ky-dai-hoi-content-right {
     background: linear-gradient(0deg, #ffffff 0%, #fff6e7 100%);
     padding-top: 40px;
     border-radius: 12px;
 }

 .title-bi-thu {
     display: flex;
     justify-content: center;
     color: var(--Red-700, #a01011);
     margin-bottom: 20px;
 }

 .title-bi-thu h4 {
     color: var(--Red-700, #A01011);
     font-size: 28px;
     font-style: normal;
     font-weight: 600;
     line-height: 40px;
     text-transform: uppercase;
 }

 .cac-ky-dai-hoi-main,
 .cac-tong-bi-thu-main {
     margin-top: 20px;
     padding-bottom: 40px;
 }

 .cac-ky-dai-hoi-main .cac-ky-dai-hoi-content-left .title-dai-hoi,
 .cac-tong-bi-thu-main .cac-tong-bi-thu-content-left .title-tong-bi-thu {
     background: var(--Red-700, #a01011);
     padding: 12px 16px;
     border-top-left-radius: 12px;
     border-top-right-radius: 12px;
     color: #fff;
 }

 .cac-ky-dai-hoi-content-left .content-dai-hoi,
 .cac-tong-bi-thu-content-left .content-tong-bi-thu {
     padding: 24px 24px 40px 24px;
 }

 .content-dai-hoi,
 .content-tong-bi-thu {
     margin-bottom: 30px;
 }

 .infor-detail {
     position: relative;
 }

 .cac-ky-dai-hoi-main .actions,
 .cac-tong-bi-thu-main .actions {
     display: flex;
     justify-content: center;
     position: absolute;
     bottom: -22px;
     left: 50%;
     transform: translateX(-50%);
     overflow: hidden;
     z-index: 10;
     cursor: pointer;
 }

 .cac-ky-dai-hoi-main .actions .view-more,
 .cac-tong-bi-thu-main .actions .view-more {
     border: 1px solid #e11718;
     padding: 10px 16px;
     color: #e11718;
     border-radius: 24px;
     width: max-content;
     background-color: #fff;
 }

 .cac-ky-dai-hoi-sub-header,
 .cac-tong-bi-thu-sub-header {
     background: var(--Red-600, #b6181f);
     color: #fff;
     padding: 40px 30px;
     position: relative;
 }

 .cac-ky-dai-hoi-sub-header .sub-header {
     position: relative;
     z-index: 10;
 }

 .bg-dai-hoi {
     width: 100%;
     height: 100%;
     position: absolute;
     top: 0;
     left: 0;
     background: linear-gradient(90deg, #B6181F 0%, #B6181F 55%, rgba(182, 24, 31, 0.00) 100%);
     z-index: 5;
 }

 .img-dai-hoi {
     width: 50%;
     height: 100%;
     position: absolute;
     top: 0;
     right: 0;
     object-fit: cover;
     object-position: top;
     z-index: 1;
 }

 .cac-ky-dai-hoi-sub-header ul,
 .cac-tong-bi-thu-sub-header ul {
     display: grid;
     grid-template-columns: 1fr 1fr;
     /* 2 equal columns */
     gap: 25px;
     /* space between items */
     list-style: none;
     /* remove default bullets */
     padding: 10px 30px;
     margin: 0;
     margin-top: 20px;
     width: 75%;
 }

 .cac-ky-dai-hoi-sub-header ul li::before,
 .cac-tong-bi-thu-sub-header ul li::before {
     content: '•';
     /* Custom bullet */
     color: #fff;
     font-weight: bold;
     display: inline-block;
     width: 1em;
     margin-left: -1em;
 }

 .cac-ky-dai-hoi-container,
 .cac-tong-bi-thu-container {
     display: flex;
     align-items: center;
     gap: 1rem;
     background: var(--Red-600, #b6181f);
     height: 70px;
     border-top-right-radius: 24px;
     padding: 16px 40px 16px 10px;
     color: #fff;
 }

 .cac-ky-dai-hoi-list {
     display: flex;
     overflow-x: auto;
     scroll-behavior: smooth;
     white-space: nowrap;
     flex: 1;
     padding: 10px 0;
 }

 .dai-hoi-item {
     flex-shrink: 0;
     padding: 10px 20px;
     white-space: nowrap;
     cursor: pointer;
     transition: all 0.3s ease;
     margin: 0 auto;
 }

 .dai-hoi-item.active {
     color: var(--Yellow-500, #ffce5b) !important;
     position: relative;
     transform: scale(1.05);
 }

 .dai-hoi-item.active::before {
     content: '';
     position: absolute;
     bottom: 0;
     left: 20px;
     width: 60%;
     height: 2px;
     background-color: var(--Yellow-500, #ffce5b);
 }

 .cac-ky-dai-hoi-list::-webkit-scrollbar {
     display: none;
 }

 .ky-dai-hoi-content .nav.nav-tabs {
     background: unset;
 }

 .ky-dai-hoi-content .nav.nav-tabs li:first-child {
     padding: 0 !important;
     margin: 0 !important;
 }

 .ky-dai-hoi-content .nav-tabs button {
     background: #fdefd5;
     color: var(--Red-700, #a01011);
 }

 .ky-dai-hoi-content .nav-tabs .nav-link {
     border-radius: 24px 24px 0 0;
     height: 100%;
     border: none;

 }

 .ky-dai-hoi-content .nav-tabs .nav-link p {
     color: var(--Red-700, #A01011);
     text-align: center;
     /* font-family: Inter; */
     font-size: 16px;
     font-style: normal;
     font-weight: 600;
     line-height: 24px;
     text-transform: uppercase;

 }


 .ky-dai-hoi-content .nav-tabs .nav-link.active {
     color: #ffce5b !important;
     border-color: transparent !important;
     background-repeat: no-repeat;
     background-size: cover;
     position: relative;
     background-color: #a01011;
     z-index: 1;
 }

 .ky-dai-hoi-content .nav-tabs .nav-link.active p {
     color: transparent;
     font-weight: bold;
     font-size: 20px;
     text-transform: uppercase;
     text-align: center;
     padding: 10px;
     background-clip: text;
     -webkit-background-clip: text;
     background-image: linear-gradient(180deg, #FDF3E1 22.5%, #FFCE5B 77.5%);
     -webkit-text-fill-color: transparent;
 }

 /* .ky-dai-hoi-content .nav-tabs .nav-item:first-child .nav-link.active::after{
      
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='390' height='46' viewBox='0 0 390 46' fill='none'%3E%3Cpath d='M0 24C0 10.7452 10.7452 0 24 0H351.712H351.961C361.995 0 370.97 6.2422 374.461 15.6493L380.317 31.4273C382.009 35.9866 384.584 40.1676 387.893 43.7311L390 46H0V24Z' fill='%23B6181F'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
            z-index: -1;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: 330px auto;
    width: 330px;
    height: 60px;

      } */

 /* boxx 1 */
 .box-answer {
     background-color: #f8f8f8;
     border: 1px solid #e5e5ea;
 }

 .box-answer .bg-title {
     width: 100%;
     background: url(https://baokhanhhoa.vn/file/e7837c02857c8ca30185a8c39b582c03/072025/bganswer_20250722235310.png);
     background-size: cover;
     background-repeat: no-repeat;
     color: white;
     text-transform: uppercase;
 }

 .box-answer .quesion-content {
     height: 180px;
 }

 .box-answer .question-reply {
     font-size: 12px;
     color: #ef2424;
 }

 .bg-yellow-light {
     background: linear-gradient(0deg,
             rgba(255, 222, 222, 0) 0%,
             #fff7e9 100%);
 }

 .cate-daihoidang {
     width: max-content;
     background: url(https://baokhanhhoa.vn/file/e7837c02857c8ca30185a8c39b582c03/072025/bgchuyenmuc_20250722231810.png);
     background-size: cover;
     background-repeat: no-repeat;
     padding: 8px 100px 8px 30px;
     background-position-x: right;
     color: white;
 }

 /* Overlay background */
 .popup-overlay {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-color: rgba(0, 0, 0, 0.4);
     display: none;
     /* Hidden by default */
     justify-content: center;
     align-items: center;
     z-index: 9999;
 }

 /* Popup box */
 .popup-content {
     background-color: #fff;
     padding: 20px 30px;
     border-radius: 10px;
     width: 90%;
     max-width: 1000px;
     max-height: 90vh;
     position: relative;
     overflow-y: scroll;
     -webkit-overflow-scrolling: touch;
     /* smooth scrolling on iOS */
     scrollbar-width: thin;
     /* optional: thin scrollbar for Firefox */
     box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
 }

 /* Close button */
 .popup-close {
     position: fixed;
     top: 10px;
     right: 15px;
     border: none;
     font-size: 24px;
     color: #fff;
     cursor: pointer;
     width: 25px;
     height: 25px;
     border-radius: 50%;
     background-color: Red;
     display: flex;
     justify-content: center;
     align-items: center;
 }

 .popup-close:hover {
     color: #333;
 }

 .dhd .list_bch {
       overflow-x: auto;
     max-height: 530px;
     scrollbar-width: thin;
 }

 .dhd table {
     width: 100%;
     border-collapse: collapse;
     font-size: 14px;
 }

 .dhd th,
 .dhd td {
      border: 1px solid #cc0000 !important;
     padding: 12px !important;
     text-align: left;
     font-size: 15px !important;
     font-weight: 600;
     white-space: wrap !important;
     font-family: 'Manrope' !important;
 }

 .dhd th {
     background-color: #fff;
     color: #000;
     font-weight: bold;
 }

 .dhd tbody tr:nth-child(even) {
     background-color: #fff;
 }

 .dhd tbody tr:nth-child(odd) {
     background-color: #fbeaea;
 }


 .box-dai-hoi-dang .actions,
 .box-dai-hoi-dang .actions {
     display: flex;
     justify-content: center;
     cursor: pointer;
     margin-top: 40px;
     margin: auto;
 }

 .box-dai-hoi-dang .actions .view-more,
 .box-dai-hoi-dang .actions .view-more {
     border: 1px solid #e11718;
     padding: 10px 16px;
     color: #e11718;
     border-radius: 24px;
     width: max-content;
     background-color: #fff;
 }

 #v-pills-tabContent {
     width: 1049px;
 }

 .phuong-xa-container {
     position: relative;
     overflow: hidden;
     width: 100%;
     border-radius: 12px;
     border: 1px solid var(--Yellow-300, #ffde91);
     background: var(--Yellow-100, #fff0cc);
     padding: 12px 24px;
     display: flex;
     align-items: center;
     gap: 10px;
     justify-content: center;
 }
 
 
  .phuong-xa-list {
     display: flex;
     gap: 30px;
     overflow-x: auto;
     scroll-behavior: smooth;
     flex: 1;
     scrollbar-width: none;
     /* Firefox */
     -ms-overflow-style: none;
     /* IE 10+ */
 }

 .phuong-xa-list::-webkit-scrollbar {
     display: none;
     /* Chrome, Safari */
 }

 .phuong-xa-item {
     padding: 12px 0;
     cursor: pointer;
     flex-shrink: 0;
     transition: all 0.2s ease;
 }

 .phuong-xa-item:hover {
     border-color: #ccc;
 }

 .phuong-xa-item.active {
     color: #c8102e;
     font-weight: bold;
     border-bottom: 2px solid #c8102e;
 }

 .btn-scroll {
     background: #c8102e;
     color: #fff;
     border: 1px solid #ddd;
     border-radius: 50%;
     width: 36px;
     height: 36px;
     text-align: center;
     font-size: 20px;
     line-height: 30px;
     cursor: pointer;
     z-index: 1;
 }

 .btn-prev {
     left: 0;
 }

 .btn-next {
     right: 0;
 }

 .phuong-xa-list::-webkit-scrollbar {
     height: 6px;
 }

 .phuong-xa-list::-webkit-scrollbar-thumb {
     background: #ccc;
     border-radius: 3px;
 }


 .box-multimedia-container .nav.nav-tabs {
     background: unset;
 }

 .box-multimedia-container li:first-child {
     padding: 0 !important;
     margin: 0 !important;
 }

 .box-multimedia-container .nav-tabs button {
     background: #fdefd5;
     color: var(--Red-700, #a01011);
 }

 .box-multimedia-container .nav-tabs .nav-link {
     height: 100%;
     border: none;
 }

 .box-multimedia-container .nav-tabs .nav-link p {
     color: var(--Red-700, #A01011);
     text-align: center;
     /* font-family: Inter; */
     font-size: 18px;
     font-style: normal;
     font-weight: 600;
     line-height: 24px;
     text-transform: uppercase;
 }

 .box-multimedia-container .nav-tabs .nav-link.active {
     color: #ffce5b !important;
     border-color: transparent !important;
     background-repeat: no-repeat;
     background-size: cover;
     position: relative;
     background-color: #a01011;
 }

 .box-multimedia-container .nav-tabs .nav-link.active p {
     color: transparent;
     font-weight: bold;
     font-size: 24px;
     text-transform: uppercase;
     text-align: center;
     padding: 10px;
     background-clip: text;
     -webkit-background-clip: text;
     background-image: linear-gradient(180deg, #FDF3E1 22.5%, #FFCE5B 77.5%);
     -webkit-text-fill-color: transparent;
 }

 .box-multimedia {
     padding: 40px;
     background: url(https://baokhanhhoa.vn/file/e7837c02857c8ca30185a8c39b582c03/072025/a3e808e18552ef89c049ad8e1868b720f4948745_20250729235546.jpg);
     background-repeat: no-repeat;
     background-size: cover;
 }

 .box-multimedia .first-content-media {
     display: flex;
 }

 .first-content-media .news-first-media-left {
     width: 50%;
 }

 .first-content-media .news-first-media-right {
     width: 50%;
     display: flex;
     padding: 32px;
     align-items: flex-start;
     gap: 10px;
     align-self: stretch;
     border-radius: 0 12px 12px 0;
     background: rgba(148, 0, 0, 0.8);
 }

 .first-content-media .news-first-media-right p {
     color: #fff;
     font-size: 32px;
     font-style: normal;
     font-weight: 600;
     line-height: 133%;
     /* 42.56px */
 }

 .news-media-list {
     display: flex;
     gap: 20px;
 }

 .news-media-list .news-media-item {
     display: flex;
     width: 100%;
     height: 340px;
     flex-direction: column;
     align-items: flex-start;
     border-radius: 12px;
     overflow: hidden;
 }

 .news-media-item .news-media-first {
     width: 100%;
 }

 .news-media-item .news-media-second {
     width: 100%;
     display: flex;
     padding: 16px;
     align-items: flex-start;
     gap: 10px;
     flex: 1 0 0;
     align-self: stretch;
     background: #fff;
     border-radius: 0 0 12px 12px;
 }

 .news-media-item .news-media-second p {
     color: #453e3e;
     font-size: 18px;
     font-style: normal;
     font-weight: 600;
     line-height: 150%;
     /* 27px */
 }


 .du-thao-news-list {
     position: relative;
     display: flex;
     gap: 24px;
     overflow: hidden;
 }

 .du-thao-news-item {
     width: 100%;
     height: 485px;
     overflow: hidden;
     display: flex;
     flex-direction: column;
     align-items: center;
     flex: 1 0 0;
     align-self: stretch;
     border-radius: 8px;
 }

 .du-thao-news-second .cate {
     color: red;
 }

 .du-thao-news-second .sub {
     display: flex;
     flex-direction: row;
     align-items: center;
     gap: 10px;
     width: 100%;
 }

 .du-thao-news-second .dot {
     width: 4.127px;
     height: 3.374px;
     border-radius: 9999px;
     background: #6f6f6f;
 }

 .du-thao-news-first {
     width: 100%;
 }

 .du-thao-news-second {
     display: flex;
     padding: 12px 16px;
     flex-direction: column;
     align-items: flex-start;
     gap: 12px;
     flex: 1 0 0;
     align-self: stretch;
     background: #fff;
     border-radius: 0 0 8px 8px;
 }

 .du-thao-title {
     overflow: hidden;
     color: #000;
     text-overflow: ellipsis;
     font-size: 20px;
     font-style: normal;
     font-weight: 600;
     line-height: 32px;
     /* 160% */
 }

 .du-thao-desc {
     display: -webkit-box;
     overflow: hidden;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 2;
     color: #6f6f6f;
     text-overflow: ellipsis;
     font-size: 16px;
     font-style: normal;
     font-weight: 400;
     line-height: 150%;
 }

 .box-gop-y-du-thao-container {
     padding: 40px 0;
     background: url(https://baokhanhhoa.vn/file/e7837c02857c8ca30185a8c39b582c03/072025/a3e808e18552ef89c049ad8e1868b720f4948745_20250729235546.jpg);
     background-repeat: no-repeat;
     background-size: cover;
 }

 .box-gop-y-du-thao {
     display: flex;
     flex-direction: column;
     gap: 30px;
 }

 .du-thao-header p {
     color: var(--v3, #ffce5b);
     font-size: 28px;
     font-style: normal;
     font-weight: 700;
     line-height: 24px;
     /* 85.714% */
     text-transform: uppercase;
 }

 .du-thao-cate-child {
     display: flex;
     gap: 20px;
 }

 .du-thao-cate-item {
     display: inline-flex;
     padding: 8px 24px;
     justify-content: center;
     align-items: center;
     gap: 10px;
     border-radius: 12px;
     background: #fff7ea;
     color: #b6181f;
     text-align: center;
     font-size: 16px;
     font-style: normal;
     font-weight: 700;
     line-height: 24px;
     /* 150% */
     text-transform: uppercase;
 }



 .content-dai-hoi-dang .box-dai-hoi-header {
     color: var(--Red-600, #b6181f);
     font-size: 24px;
     font-style: normal;
     font-weight: 700;
     line-height: 24px;
     /* 100% */
     width: 100%;
     text-transform: uppercase;
     display: flex;
     flex-direction: row;
     justify-content: space-between;
     align-items: center;
     cursor: pointer;
 }

 .box-dai-hoi-dang .content-dai-hoi-dang {
     display: flex;
     padding: 24px 32px;
     flex-direction: column;
     align-items: flex-start;
     gap: 24px;
     border-radius: 0 24px 24px 0;
     background: #fff6e6;
     border-left: 4px solid #b6181f;
     position: relative;
 }

 .box-dai-hoi-dang .content-dai-hoi-dang::after {
     content: '';
     position: absolute;
     top: 0;
     left: -18px;
     width: 14px;
     height: 19px;
     background: linear-gradient(202deg,
             #e11718 4.75%,
             rgba(201, 146, 19, 0) 85.65%);
     clip-path: polygon(100% 0, 0 100%, 100% 100%);
 }

 .box-dai-hoi-dang .content-dai-hoi-dang::before {
     content: '';
     position: absolute;
     bottom: 0;
     left: -18px;
     width: 14px;
     height: 19px;
     background: linear-gradient(360deg,
             #e11718 4.75%,
             rgba(201, 146, 19, 0) 85.65%);
     clip-path: polygon(100% 100%, 100% 0, 0 0);
 }

 .box-dai-hoi-dang .nav {
     width: 250px !important;
     margin-top: 15px;
 }

 .box-dai-hoi-dang .nav-pills .nav-link.active,
 .nav-pills .show>.nav-link {
     border-bottom: 1px solid var(--Text-Contrast, #fff);
     background: var(--Red-600, #b6181f);
     color: var(--Text-Contrast, #fff);
     text-align: center;
     font-size: 14px;
     font-style: normal;
     font-weight: 700;
     line-height: 24px;
     /* 171.429% */
     text-transform: uppercase;
 }

 .box-dai-hoi-dang .nav-pills .nav-link:first-child {
     border-radius: 24px 0 0 0;
 }

 .box-dai-hoi-dang .nav-pills .nav-link {
     display: flex;
     padding: 24px 28px;
     justify-content: center;
     align-items: center;
     gap: 10px;
     border-radius: 0;
     align-self: stretch;
     border-bottom: 1px solid var(--Red-600, #b6181f);
     background: #fff6e6;
     color: var(--Red-600, #b6181f);
     text-align: center;
     font-size: 14px;
     font-style: normal;
     font-weight: 700;
     line-height: 24px;
     /* 171.429% */
     text-transform: uppercase;
 }


 .uy-vien-ban-item .chuc-vu-uy-vien {
     color: var(--Text-Primary, #453e3e);
     font-size: 14px;
     font-weight: 400;
     line-height: 150%;
     /* 21px */
     width: 100%;
     padding-left: 30px;
 }

 .uy-vien-ban-item .ten-uy-vien {
     color: var(--Text-Primary, #453e3e);
     font-size: 16px;
     font-weight: 700;
     line-height: 135%;
     /* 21.6px */
 }

 .uy-vien-ban-item .chuc-vu-uy-vien li::before {
     content: '• ';
     font-weight: bold;
     display: inline-block;
     width: 1em;
     margin-left: -1em;
 }

 .uy-vien-ban-list {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     /* 4 equal columns */
     gap: 20px;
     /* space between items */
 }

 .uy-vien-ban-item .left-uy-vien {
     width: 78px;
     height: 78px;
     flex-shrink: 0;
 }

 .uy-vien-ban-item .right-uy-vien {
     display: flex;
     gap: 5px;
     justify-content: flex-start;
     align-items: flex-start;
     flex-direction: column;
     text-align: left;
 }

 .uy-vien-ban-item {
     display: flex;
     gap: 15px;
     justify-content: flex-start;
     align-items: flex-start;
     text-align: left;
     border-radius: 8px;
     background: var(--Backgound-Primary, #fff);
     box-shadow: 0 2px 8px 5px rgba(0, 9, 87, 0.07);
     padding: 12px 16px;
     cursor: pointer;
 }

 .uy-vien-ban-item:hover {
     background: var(--Backgound-Primary, #fff);
     box-shadow: 0 2px 8px 5px rgba(0, 9, 87, 0.07);
     padding: 12px 16px;
     cursor: pointer;
 }

 .uy-vien-ban-item .bg-person {
     width: 100%;
     height: 100%;
     flex-shrink: 0;
     border-radius: 50%;
     overflow: hidden;
     background: url(https://baokhanhhoa.vn/file/e7837c02857c8ca30185a8c39b582c03/072025/bg-person_20250726211706.jpg) lightgray 50% / cover no-repeat;
 }

 .uy-vien-ban-item:hover .ten-uy-vien {
     color: #a01011;
 }

 .uy-vien-ban-item:hover {
     background-color: #e3c2c2ba;
 }

 .uy-vien-ban-item img {
     width: 100%;
     height: auto;
     max-width: 100%;
     max-height: 100%;
     min-height: 0;
     object-fit: cover;
 }

 .box-ban-thuong-vu.actions,
 .box-ban-thuong-vu .actions {
     display: flex;
     justify-content: center;
     cursor: pointer;
     margin-top: 40px;
 }

 .box-ban-thuong-vu .actions .view-more,
 .box-ban-thuong-vu .actions .view-more {
     border: 1px solid #e11718;
     padding: 10px 16px;
     color: #e11718;
     border-radius: 24px;
     width: max-content;
     background-color: #fff;
 }

 .dong-chi-txt {
     color: var(--Text-Primary, #453e3e);
     text-align: center;
     font-size: 14px;
     font-weight: 400;
     line-height: 135%;
     /* 18.9px */
 }

 .ban-thuong-vu-item:hover .ten-thuong-vu {
     color: var(--Text-Primary, #a01011);
 }

 .ban-thuong-vu-item .ten-thuong-vu {
     color: var(--Text-Primary, #453e3e);
     text-align: center;
     font-size: 20px;
     font-style: normal;
     font-weight: 700;
     line-height: 135%;
     /* 27px */
 }

 .ban-thuong-vu-item .chuc-vu-thuong-vu {
     color: var(--Text-Primary, #453e3e);
     font-size: 14px;
     font-style: normal;
     font-weight: 400;
     line-height: 150%;
     /* 21px */
     width: 100%;
     padding-left: 30px;
 }

 .ban-thuong-vu-item .chuc-vu-thuong-vu li::before {
     content: '• ';
     font-weight: bold;
     display: inline-block;
     width: 1em;
     margin-left: -1em;
 }

 .ban-thuong-vu-list {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     /* 4 equal columns */
     gap: 16px;
     /* space between items */
     padding: 40px 0;
     border-bottom: 1px dashed #eaeaea;
 }

 .ban-thuong-vu-list:last-child {
     border: none;
 }

 .ban-thuong-vu-item {
     display: flex;
     flex-direction: column;
     align-items: center;
     gap: 10px;
     flex: 1 0 0;
     width: 100%;
     cursor: pointer;
     border-left: 1px dashed #eaeaea;
 }

 .ban-thuong-vu-item:last-child {
     border-left: none;
 }

 .ban-thuong-vu-item .bg-person {
     width: 116px;
     height: 116px;
     flex-shrink: 0;
     border-radius: 50%;
     overflow: hidden;
     padding-top: 15px;
     background: url(https://baokhanhhoa.vn/file/e7837c02857c8ca30185a8c39b582c03/072025/bg-person_20250726211706.jpg) lightgray 50% / cover no-repeat;
 }

 .ban-thuong-vu-item img {
     width: 100%;
     height: 120%;
 }


 .border-line {
     border: 1px dashed var(--Divider, #eaeaea);
     margin: 10px 0;
     width: 80%;
 }

 .thuong-vu-item-1,
 .thuong-vu-item-3,
 .thuong-vu-item-2 {
     display: flex;
     gap: 30px;
 }

 .thuong-vu-item-3 {
     justify-content: space-between;
 }

 .thuong-vu-item-1,
 .thuong-vu-item-2 {
     justify-content: center;
 }

 .thuong-vu-item-3 .thuong-vu-right {
     width: 250px !important;
 }

 .thuong-vu-item-3 .thuong-vu-left {
     width: 150px !important;
     height: 170px !important;
 }

 .thuong-vu-item-3 .box-content-right {
     width: 303px;
     height: 122px;
     padding: 20px 0 20px 40px;
     clip-path: polygon(0 0, 88% 0, 100% 100%, 0% 100%);
     background-color: #fff;
     background-color: #fff;
     box-shadow: 0 4px 20px rgba(135, 3, 10, 0.25);
 }

 .thuong-vu-item-3 .thuong-vu-right .name-sub-header p:first-child {
     color: var(--Text-Primary, #453e3e);
     font-size: 12px;
     font-weight: 400;
     line-height: 135%;
     /* 18.9px */
 }

 .thuong-vu-item-3 .thuong-vu-right .name-sub-header p:last-child {
     color: var(--Text-Primary, #453e3e);
     font-size: 19px;
     font-weight: 700;
     line-height: 135%;
     /* 27px */
 }

 .thuong-vu-item-3 .thuong-vu-right .thuong-vu-cong-tac {
     color: var(--Text-Secondary, #6f6f6f);
     font-size: 12px;
     font-weight: 400;
     line-height: 150%;
     /* 21px */
 }

 .thuong-vu-item-2 .thuong-vu-right {
     width: 250px !important;
 }

 .thuong-vu-item-2 .thuong-vu-left {
     width: 150px !important;
     height: 170px !important;
 }

 .thuong-vu-item-2 .box-content-right {
     width: 303px;
     height: 122px;
     padding: 20px 0 20px 40px;
     clip-path: polygon(0 0, 88% 0, 100% 100%, 0% 100%);
     background-color: #fff;
     background-color: #fff;
     box-shadow: 0 4px 20px rgba(135, 3, 10, 0.25);
 }

 .thuong-vu-item-2 .thuong-vu-right .name-sub-header p:first-child {
     color: var(--Text-Primary, #453e3e);
     font-size: 12px;
     font-weight: 400;
     line-height: 135%;
     /* 18.9px */
 }

 .thuong-vu-item-2 .thuong-vu-right .name-sub-header p:last-child {
     color: var(--Text-Primary, #453e3e);
     font-size: 19px;
     font-weight: 700;
     line-height: 135%;
     /* 27px */
 }

 .thuong-vu-item-2 .thuong-vu-right .thuong-vu-cong-tac {
     color: var(--Text-Secondary, #6f6f6f);
     font-size: 12px;
     font-weight: 400;
     line-height: 150%;
     /* 21px */
 }

 .thuong-vu-item {
     display: flex;
     flex-direction: row;
     position: relative;
     cursor: pointer;
 }

 .thuong-vu-left {
     width: 160px;
     height: 180px;
     clip-path: polygon(6% 0, 79% 1%, 95% 100%, 21% 100%);
     position: relative;
     z-index: 10;
     background: url('https://baokhanhhoa.vn/file/e7837c02857c8ca30185a8c39b582c03/072025/rectangle_6092_20250728213627.svg') no-repeat center center;
     background-size: contain;
 }

 .thuong-vu-left img {
     width: 100%;
     height: 100%;
 }

 .thuong-vu-right {
     width: 400px;
 }

 .box-content-right {
     position: absolute;
     bottom: 0;
     left: 120px;
     padding: 20px 0 20px 60px;
     clip-path: polygon(0 0, 88% 0, 100% 100%, 0% 100%);
     z-index: 1;
     width: 462px;
     height: 137px;
     background-color: #fff;
     box-shadow: 0px 4px 12px rgba(142, 104, 104, 0.25);
 }

 .thuong-vu-right .name-sub-header p:first-child {
     color: var(--Text-Primary, #453e3e);
     font-size: 14px;
     font-weight: 400;
     line-height: 135%;
     /* 18.9px */
 }

 .thuong-vu-right .name-sub-header p:last-child {
     color: var(--Text-Primary, #453e3e);
     font-size: 20px;
     font-weight: 700;
     line-height: 135%;
     /* 27px */
 }

 .thuong-vu-right .thuong-vu-cong-tac {
     color: var(--Text-Secondary, #6f6f6f);
     font-size: 14px;
     font-weight: 400;
     line-height: 150%;
     /* 21px */
 }

 .thuong-vu-right .thuong-vu-cong-tac li::before {
     content: '• ';
     font-weight: bold;
     display: inline-block;
     width: 1em;
     margin-left: -1em;
 }

 .box-ban-chap-hanh {
     border-radius: 24px 24px 0 0;
     background: var(--Background-Gradient,
             linear-gradient(0deg, #fff 0%, #fff6e7 100%));
     width: 100%;
 }

 .cac-lanh-dao-header {
     background-image: url(https://baokhanhhoa.vn/file/e7837c02857c8ca30185a8c39b582c03/072025/bganswer_20250722235310.png);
     background-repeat: no-repeat;
     background-size: cover;
     display: flex;
     padding: 8px 12px;
     justify-content: space-between;
     align-items: center;
     border-radius: 12px;
     width: 80%;
 }

 .cac-lanh-dao-header span {
     color: #ffce5b;
     text-align: center;
     font-size: 18px;
     font-style: normal;
     font-weight: 700;
     line-height: normal;
     text-transform: uppercase;
 }

 .ban-chap-hanh {
     width: 100% !important;
 }


 .box-van-kien-van-ban {
     height: 362px;
     flex-shrink: 0;
     border-radius: 20px;
     background: linear-gradient(90deg, #FBFBFB 3.64%, #ECECEC 100%);
     overflow: hidden;
     display: flex;
     background: url(https://baokhanhhoa.vn/file/e7837c02857c8ca30185a8c39b582c03/082025/vkvb_20250810162618.png);
 }



 .box-van-kien-van-ban .van-kien-left img {
     border-radius: 0 20px 20px 0;

 }

 .box-van-kien-van-ban .van-kien-right {
     padding: 40px 0;
     width: 70%;
     margin-left: 25%;
 }

 .logo-flag {
     position: relative;
 }

 .box-van-kien-van-ban .van-kien-right svg {
     position: absolute;
     top: 0;
     left: 0;
 }

 .box-van-kien-van-ban .title-van-ban {
     color: #2D2D2D;
     font-family: Geologica;
     font-size: 32px;
     font-style: normal;
     font-weight: 600;
     line-height: 24px;
     /* 75% */
     text-transform: uppercase;
     margin-left: 80px;

 }

 .box-van-kien-van-ban .header-van-kien {
     display: flex;
 }

 .box-van-kien-van-ban .van-kien-list {
     display: flex;
     margin: 20px 0;
     position: relative;
     overflow: hidden;
 }

 .box-van-kien-van-ban .van-kien-item {
     width: 100%;
     height: 191px;
     flex-shrink: 0;
     background-image: url(https://baokhanhhoa.vn/file/e7837c02857c8ca30185a8c39b582c03/082025/bua-liemok_20250312110917_20250416211335_20250810163532.png);
     background-repeat: no-repeat;
     background-size: cover;
     border-radius: 12px;
     position: relative;

 }

 .van-kien-item .title-item {
     width: 200px;
     padding: 24px 5px 10px 44px;
     position: absolute;
     right: 0;
 }

 .van-kien-item .title-item p:first-child {
     color: #FFF;
     font-size: 15px;
     font-style: normal;
     font-weight: 700;
     line-height: 24px;
     /* 133.333% */
     text-transform: uppercase;
 }

 .van-kien-item .title-item p:last-child {
     color: #FFF;
     font-size: 12px;
     font-weight: 400;
     line-height: 19px;
 }


 .footer-info-bg {
     background: url(https://baokhanhhoa.vn/file/e7837c02857c8ca30185a8c39b582c03/082025/19b740dbdecd9fd0eb20414adf3c3b111ea16801_20250810170940.jpg);
     background-repeat: round;
     background-size: contain;
     padding: 30px 0;
 }

 .footer-info {
     background: transparent;
     color: white;
     padding: 20px 30px;
     font-size: 14px;
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
     gap: 30px;
 }

 .footer-left, .footer-right {
     flex: 1 1 300px;
 }

 .footer-left h2 {
     font-size: 18px;
     margin-bottom: 15px;
     line-height: 1.4;
 }

 .contact-item {
     display: flex;
     align-items: center;
     margin-bottom: 8px;
 }

 .contact-item .icon {
     margin-right: 8px;
     font-size: 16px;
 }

 .info-block {
     margin-bottom: 12px;
     line-height: 1.6;
 }

 .footer-note {
     width: 100%;
     margin-top: 20px;
     font-style: italic;
     font-size: 13px;
     border-top: 1px solid rgba(255, 255, 255, 0.3);
     padding-top: 10px;
 }


 .list-bd .item {
     border-top: 1px solid #ddd;
     margin-top: 30px;
     padding-top: 30px;
 }

 #myTinTucSuKien .des p {
     display: -webkit-box;
     -webkit-line-clamp: 3;
     /* Limit to 3 lines */
     -webkit-box-orient: vertical;
     overflow: hidden;
     text-overflow: ellipsis;
 }


 .date {
     color: #999;
     color: var(--Text-Secondary, #6F6F6F);
     font-size: 14px;
     font-style: normal;
     font-weight: 400;
     line-height: 20px;
 }


 .actions {
     display: flex;
     justify-content: center;
     cursor: pointer;
     margin-top: 40px;
 }

 .actions .view-more {
     border: 1px solid #e11718;
     padding: 10px 16px;
     color: #e11718;
     border-radius: 24px;
     width: max-content;
     background-color: #fff;
 }

 .title-item a {
     text-decoration: none;
     color: #FFF;
     text-align: center;
     font-size: 13px;
     font-style: normal;
     font-weight: 400;
     line-height: 19px;
 }

 .bg-title a {
     color: #FFF;

 }


 /* Media query for tablets (iPads, etc.) */
 @media screen and (max-width: 1300px) {
     .ky-dai-hoi-header p {
         font-size: 18px;
     }

     .cac-lanh-dao-header span {
         font-size: 16px;
     }

     .box-van-kien-van-ban .van-kien-left {
         display: none;
     }

   

     .thuong-vu-item-3 {
         justify-content: space-around;
     }
 }

 #contentPopup {
     max-width: 700px;
    margin: 0 auto;
 }
 #contentPopup img {
     width: 100%;
     height: 100%;
 }

 .bg-yellow-cate-dh {
     background: linear-gradient(0deg, #FFF 0%, #FFEBCA 100%);
     padding: 50px 0;
 }

 .news-item-dh {
     border-radius: 8px;
     box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.16);
     background-color: #fff;
 }

 .news-item-dh .des {
     display: -webkit-box;
     -webkit-line-clamp: 3;
     /* limit to 3 lines */
     -webkit-box-orient: vertical;
     overflow: hidden;
 }

 .news-item-dh .title2 {
     display: -webkit-box;
     -webkit-line-clamp: 2;
     /* limit to 3 lines */
     -webkit-box-orient: vertical;
     overflow: hidden;
 }

 .news-item-dh .content {
     padding: 16px;
 }

 .cate-list-dh .des {
     display: -webkit-box;
     -webkit-line-clamp: 3;
     /* limit to 3 lines */
     -webkit-box-orient: vertical;
     overflow: hidden;
 }

 .box-answer-cate {
     background-color: #FFFAEF;
     position: sticky;
    top: 80px;
 }

 .box-answer-cate .content {
     padding: 16px;
 }

 .title2 {
     color: var(--Text-Primary, #453E3E);
     font-family: Manrope;
     font-size: 16px;
     font-style: normal;
     font-weight: 600;
     line-height: 150%;
     /* 24px */
 }

 .box-answer-cate .content .item:not(:last-child) {
     border-bottom: 1px solid #EAEAEA;
 }

 .footer-info-bg h2 {
     color: transparent;
     font-weight: bold;
     font-size: 33px;
     text-transform: uppercase;
     /* text-align: center; */
     background-clip: text;
     -webkit-background-clip: text;
     background-image: linear-gradient(180deg, #FDF3E1 22.5%, #FFCE5B 77.5%);
     -webkit-text-fill-color: transparent;
 }
 
 
  .box-dai-hoi-header h3 {
     color: var(--Red-600, #B6181F);
     /* font-family: Inter; */
     font-size: 24px;
     font-style: normal;
     font-weight: 700;
     line-height: 24px;
     text-transform: uppercase;
 }
 
 
 .dhd-detail {
     text-align: center;
     text-align: center;
     display: flex;
     flex-direction: column;
     gap: 10px;
         max-width: 720px;
    margin: 0 auto;
 }

 .dhd-box-img img {
    max-width: 100% !important;
    border-radius: 20px !important;
    margin: 0 auto;
 }
 
 
  .bg-detail-tq {
     background: url(https://baokhanhhoa.vn/file/e7837c02857c8ca30185a8c39b582c03/082025/b025f12a64d3b2e90438f92ba0585af39aa9cca7_20250811001641.jpg);
     padding: 50px 0;
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center;
      margin-bottom: 20px;
 }

 .menutop {
     margin-bottom: 0px !important;
 }


 .bg-detail-tq .head_title {
     color: #fff;
     margin-top: 20px;
 }

 .bg-detail-tq .date {
     margin-top: 10px;
     color: #edcccc;
 }
 
 	.bg_body {
	max-width: 980px;
	margin: 0 auto;
}

#loadmore {
	text-align: center;
	margin: 20px;
}

#loadmore .btn-warning {
color: #E11718;
background: #FFF9F2;
border-radius: 12px;
border: none;
}

.cate_title_nav a {
	font-size: 26px;
	line-height: 26px;
	font-weight: 600;
	color: #fff;
	text-transform: uppercase;
	padding: 0 30px;
	position: relative;
}
.cate_title_nav {
	display: table;
margin: 0 auto;
    padding:  30px 0;

}
.cate_title_nav .item_cell_table {
	display: table-cell;
}
.cate_title_nav  .bg_center {
	background: #ef2424;
	    vertical-align: middle;
}

.colleft {
	border-right: 1px dashed  #C6C1C1;
	padding-right: 30px;
	padding-bottom: 30px;
}
.colright {
	padding-left: 30px;
	padding-bottom: 30px;
}

.sub_title_kydh {
	position: relative;
	height: 56px;
}

.sub_title_kydh span.num1 {
	font-size: 24px;
	color: #fff;
	font-weight: 600;
	background: url(https://baokhanhhoa.vn/file/e7837c02857c8ca30185a8c39b582c03/082025/bg_list1_20250811104632.png) no-repeat left center;
	padding: 10px 86px;
		position: absolute;
		    left: -51px;
    top: -10px;
}


.sub_title_kydh span.num {
    font-size: 24px;
    position: absolute;
    left: -44px;
    top: -1px;
    z-index: 9;
    color: #fff;
}
.colleft .sub_title_kydh span.num1 {

	font-size: 24px;
	color: #fff;
	font-weight: 600;
	background: url(https://baokhanhhoa.vn/file/e7837c02857c8ca30185a8c39b582c03/082025/bg_list2_20250811104733.png) no-repeat right center;
	padding: 10px 86px;
	position: absolute;
	right: -49px;
		left: auto;
    top: -10px;
}

.colleft .sub_title_kydh span.num {
    font-size: 24px;
    position: absolute;
    right: -40px;
    left: auto;
    top: -1px;
    z-index: 9;
    color: #fff;
}

.list_cate_daihoi  {
	margin-bottom: 30px;
}

.cate_box_center  {
background: #F71917;
	border-radius: 0 70px 0 0 ;
	padding: 20px 0;
}
.pad_title {
padding: 10px;
}
.white_bg {
background: #FFF9F2;
height: 100%;
    border-radius: 12px;
}

.detail_first {
	background: url(../image/bg_detail.png) no-repeat center top;
	padding: 50px 0 300px 0;
	color: #fff;
}
.detail_first a {
	color: #fff;
}
.detail_first .cate_title_multi a {
font-size: 24px;
    font-weight: 500;
	    display: block;
    width: 100%;
}

h1.head_title {
	font-family: Inter;
	font-weight: 700;
	font-size: 32px;
	line-height: 48px;
}
#content p {
	margin-bottom: 10px !important;
}
 #content span {
	font-size: unset !important;
	font-family: unset !important;
}
#content img {
	max-width: 100%;
	height: auto !important;
}

.cate_title_other {
	font-family: Inter;
font-weight: 600;
font-size: 32px;
line-height: 24px;
letter-spacing: 0px;
text-transform: uppercase;
margin: 30px 0 20px 0;
}
.subcate_multi {
	text-align: center;
	margin-bottom: 30px;
}
.subcate_multi li {
	display: inline-block;
	padding: 0 10px;
}
.subcate_multi li a {
	font-weight: 400;
}

.cate_title_box8 a {
	font-weight: 600;
	font-size: 28px;
	line-height: 24px;
	text-transform: uppercase;
}

.cateChildMulti .cate_title_box8 .center_item, .cateChildMulti  .cate_title_box8 .right_item img {
	filter: grayscale(100%);
	opacity: 0.4;
}

.detail_st1 {
	position: relative;
}

.avatar_detail_style1 {
	width: 100%;
	text-align: center;
}
.avatar_detail_style1 img{
	max-width: 100%;
}



 .header-title-dai-hoi a {
    text-wrap: nowrap;
    background: linear-gradient(0deg, #ffffff, #ffffff),
      linear-gradient(180deg, #fdf3e1 22.5%, #ffce5b 77.5%);
    color: transparent;
    font-weight: bold;
    font-size: 24px;
    text-transform: uppercase;
    text-align: center;
    padding: 10px 20px;
    background-clip: text;
    -webkit-background-clip: text;
    background-image: linear-gradient(180deg, #fdf3e1 22.5%, #ffce5b 77.5%);
    -webkit-text-fill-color: transparent;
    white-space: nowrap;
    font-family: "MANROPE" !important;
  }
  
  
  .cate-daihoidang a {
  
      text-wrap: nowrap;
    background: linear-gradient(0deg, #ffffff, #ffffff), linear-gradient(180deg, #fdf3e1 22.5%, #ffce5b 77.5%);
    color: transparent;
    font-weight: bold;
    font-size: 22px;
    text-transform: uppercase;
    text-align: center;
    padding: 10px 20px;
    background-clip: text;
    -webkit-background-clip: text;
    background-image: linear-gradient(180deg, #fdf3e1 22.5%, #ffce5b 77.5%);
    -webkit-text-fill-color: transparent;
    white-space: nowrap;
    font-family: "MANROPE" !important;
  }
  
  
  .bg-detail-van-kien {
  background: url(https://baokhanhhoa.vn/file/e7837c02857c8ca30185a8c39b582c03/082025/vkvb_20250810162618.png);
    min-height: 362px;
    background-size: cover;
  }
  
  #main-nav {
    height: auto;
    padding: 14px 0;
}
.home_menu  a {

border-radius: 4px !important;
    color: var(--Red-600, #B6181F) !important;
    /* font-family: Inter; */
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    background: #fff;
    padding-left: 12px !important;
}


 .thuong-vu-item:hover .box-content-right {
    background: #e11718;
    color: #fff !important;
  }
  .thuong-vu-item:hover .box-content-right .name-sub-header {
    color: #fff !important;
  }
  .thuong-vu-item:hover .box-content-right li {
    color: #fff !important;
  }
  .thuong-vu-item:hover .box-content-right p {
    color: #fff !important;
  }
  
  
  
  #v-dai-hoi-dang-xa-content,
  #v-dai-hoi-dang-bo-content,
  #v-dai-hoi-toan-quoc-content
  { width: 100% }
  
  
  
  
  
  
  .popup-close {
    position: sticky;
    top: 0px;
    left: 100%;
    border: none;
    font-size: 24px;
    color: #fff;
    cursor: pointer;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: Red;
    display: flex;
    justify-content: center;
    align-items: center;
}

.box-multimedia .first-content-media {
    display: flex;
    flex-direction: row;
    width: 100%;
}

.myMedia .swiper-wrapper {
  display: flex;
  align-items: stretch; /* Make all slides stretch to the tallest */
}

.myMedia .swiper-slide {
  height: auto; /* Let it expand naturally */
  display: flex;
}

.myMedia .news-media-item {
  display: flex;
  flex-direction: column; /* Keep internal layout vertical */
  flex: 1; /* Fill the slide height */
  height: 100%;
}
#gopYTabs{
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    flex-wrap: nowrap;
    display: flex;
    -webkit-overflow-scrolling: touch;
    /* smooth scrolling on iOS */
    scrollbar-width: thin;
    /* optional: thin scrollbar for Firefox */
    gap: 10px;
}

#gopYTabs.nav-item {
    white-space: nowrap;
    /* prevent line break */
    flex: 0 0 auto;
    /* don't shrink */
}
.gop-y .tab-content {
padding: 33px 0px;
}
.box-gop-y-du-thao {
gap: 0;
}

.scaled-item {
  height: 80vh;
    position: relative;
    background: var(--Background-Gradient, linear-gradient(0deg, #fff 0%, #fff6e7 100%));
}
.scaled-item  .ban-thuong-vu-item {
  width: fit-content;
  height: fit-content;
position: absolute;
  top:70%;
  left:70%;
  transform: translate(-50%,-50%);
  scale: 2.3;
}

.scaled-item  .thuong-vu-item{
 width: fit-content;
    height: fit-content;
    position: absolute;
    top: 50%;
    left: 60%;
    transform: translate(-50%, -50%);
    scale: 1.4;
}
#contentPopup:has(.scaled-item ) {
  max-width: unset;
}
 #main-nav {
    padding: 9.5px 0 !important;
}

#main-menu .home_menu.first a {
    height: 30px !important;
    line-height: 30px !important;
    margin-top: 5px;
}

#main-menu .collapse-item a:hover > span,   #main-menu .collapse-item a:hover > i{
    color:#ffd3a3 !important
}

#main-menu .home_menu.first svg {
    margin-left: 5px;
}

.bg-person {
    background-image: url("https://baokhanhhoa.vn/file/e7837c02857c8ca30185a8c39b582c03/082025/rectangle_6109_20250814094539.png") !important;
}

.bg-header {
    background-image: url("https://baokhanhhoa.vn/file/e7837c02857c8ca30185a8c39b582c03/082025/banner_1920_20250815230348.png") !important;
}

.bg-header::after {
    content: "";
    position: absolute;
    width: 280px;
    height: 140px;
    top: 0;
    left: 50%;
    z-index: 1;
    transform: translateX(-50%);
    background-image: url("https://baothainguyen.vn/common/dhd/image/logo.gif") !important;
    background-repeat: no-repeat;
}

#main-menu .home_menu.first a {
    height: 30px !important;
    line-height: 30px !important;
    margin-top: 5px;
}




.bg-header::after {
left: 47%;
scale:0.6;
}

.bg-header {
    height: 200px !important;

}

.dai-hoi-ff808081984c8186019894ebef6355a4 {
    grid-template-columns: repeat(3, 1fr) !important;
}
dai-len-2 {
grid-template-columns: repeat(1, 1fr) !important;
}
.box-tong-bi-thu {
height: 200px;
}
.box-tong-bi-thu.active {
gap: 0px !important;
}
.tong-bi-thu-list.active .bg-person {
scale: 1 !important;
}
.cac-ky-dai-hoi-main .title-bi-thu {
   margin-bottom: 0 !important;
}

.cac-tong-bi-thu-content-left, .cac-tong-bi-thu-content-right {
    height: 1140px;
}



.van-kien-item .title-item p:last-child {
    color: #FFF;
    font-size: 18px;
    font-weight: 400;
    line-height: 19px;
    text-align: left;
}




/* Portrait (768px – 1024px wide) */
@media only screen  and (max-width: 1300px) {

.dai-hoi-ff808081984c8186019894ebef6355a4 {
    grid-template-columns: repeat(2, 1fr) !important;
}

.cac-ky-dai-hoi-content-left, .cac-ky-dai-hoi-content-right {
     max-height: 700px;
}


.cac-tong-bi-thu-content-left, .cac-tong-bi-thu-content-right {
    height: 100%;
}


.cac-tong-bi-thu-main .cac-tong-bi-thu .second-content, .cac-tong-bi-thu-main .second-content-tab-2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 20px;
}
.thuong-vu-item-3 {
        justify-content: space-around;
        flex-direction: column;
        align-items: center;
    }
    
    .thuong-vu-item-1, .thuong-vu-item-2 {
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
.scaled-item .ban-thuong-vu-item {
        width: fit-content;
        height: fit-content;
        position: absolute;
        top: 50%;
        left: 58%;
        transform: translate(-50%, -50%);
        scale: 1.5;
    }

#v-pills-tabContent {
    width: 80%;
}

    .swiper-button-next, .swiper-button-prev {
        top: 50% !important;
    }
    
    .collapse-item-7  {
    display:block !important;
    }
    
    .footer-info-bg {
    background-repeat: no-repeat;
    background-size: cover;
    padding: 30px 0;
}

.cac-tong-bi-thu .second-content, .second-content-tab-2  {
gap: 0!important;
}

.box-van-kien-van-ban .van-kien-right {
    padding: 40px 0;
    width: 70%;
    margin-left: 35%;
}


.first-content-media .news-first-media-right p {
    font-size: 23px;
}

.van-kien-item .title-item {
    width: 100%;
    padding: 10px;
    position: absolute;
    right: 0;
}

.main-menu-btn-icon, .main-menu-btn-icon:before, .main-menu-btn-icon:after {
    position: absolute;
    top: 50%;
    left: 2px;
    height: 5px;
    width: 5px;
    border-radius: 5px;
    background: #000;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
    background: #fff;
}

   
}

/* Portrait (768px – 1024px wide) */
@media only screen and (min-width:790px)  and (max-width: 1300px) {
 #main-menu-state:not(:checked) ~ #main-menu {
        display: flex;
        overflow-x: scroll;
        height: 40px;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }
    .collapse-item {
     display:block !important;
    }
    
    
     #main-menu-state:not(:checked) ~ #main-menu::-webkit-scrollbar {
  display: none;
}


}