.toprow {}

.toprow.row2 {
    border-top: 1px #1B75BC solid;
    border-bottom: 1px #1B75BC solid;
}

header {
    display: flex;
    align-items: center;
    justify-content: center;
}

header ul .menu-item {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

/* Menu styling */
.menu {
    display: flex;
    justify-content: center;
    position: relative;
}

.menu .list-item {
    list-style: none;
    display: flex;
}

.menu-item::before {
    position: relative;
}

.menu-item a {
    text-decoration: none;
    color: #0A64B4;
    padding: 10px 15px;
    display: block;
    transition: color 0.3s ease;
}

.menu-item:hover a {
    color: #caf0f8;
}

/* Dropdown styles */
.menu .dropdown {
    position: fixed;
    top: 135px;
    left: calc(50% + 70px);
    transform: translateX(-50%);
    /* Move it back to the exact center */
    background-color: #ffffff;
    border-radius: 5px;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transition: all 0.6s ease;
    width: 1000px;
    /* Adjust the width as needed */
    z-index: 100;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    display: flex;
    max-height: 700px;
    overflow-y: auto;
}


.menu .dropdown .left li {
    border-bottom: 1px solid #e0e0e0;

}

.menu .dropdown li:last-child {
    border-bottom: none;
}

.menu .dropdown a {
    display: block;
    text-decoration: none;
    transition: background-color 0.3s ease;
    color: #000;
    padding-left: 0 !important;
    font-size: 17px;
}

.menu-item.has-dropdown:hover .dropdown {
    opacity: 1;
    visibility: visible;
    transition-delay: 0.4s;
    /* Delay before showing the dropdown */
}

/* Remove delay when hiding the dropdown */
.menu-item:not(:hover) .dropdown {
    transition-delay: 0s;
    opacity: 0;
    visibility: hidden;
    display: none;
}

.menu-item.has-dropdown a .menu-icon {
    width: 20px;
    position: relative;
    top: -2px;
}

/* Dropdown icon (â–¼) styling */
/* .menu .menu-item.has-dropdown::after {
    position: absolute;
    bottom: -14px;
    left: 50%;
    content: "â–¼";
    font-size: 24px;
    opacity: 0;
    display: inline-block;
    transform: translateX(-50%);
    transition: transform 0.4s ease, opacity 0.4s ease;
    color: #ffffff;
} */

/* Show and rotate arrow on hover */
.menu .menu-item.has-dropdown:hover::after {
    opacity: 1;
    transform: translateX(-50%) rotate(180deg);
    /* Center the icon and rotate */
    transition-delay: 0.4s;
}

/* Show and rotate arrow on hover */
.menu .menu-item.has-dropdown::not(:hover)::after {
    transition-delay: 0s;
}

.menu .dropdown .left {
    width: 30%;
    display: flex;
    padding: 15px;
    border-right: 1px solid #e0e0e0;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    padding-bottom: 60px;
    height: 100%;
}

.menu .dropdown .left ul {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.menu .dropdown a {
    font-weight: 500;
}

.menu .dropdown .left ul li {
    padding: 10px;
    position: relative;
    padding-left: 0;
    display: flex;
    align-items: center;

}

.menu .dropdown .right {
    width: 70%;
    display: flex;
    padding: 20px;
    flex-direction: column;
    padding-bottom: 60px;
    height: 100%;

}

.menu .dropdown .right ul {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    /* Create two equal-width columns */
    gap: 5px;
    /* Space between columns */
}

.menu .dropdown .right ul li {
    width: 100%;
    display: flex;
    color: #0751a0;
    align-items: center;
}

.menu .dropdown .right ul li a {
    color: #0751a0;
}


.icon-arrow-right {
    opacity: 0;
    font-size: 14px;
    transition: opacity 0.3s ease;
    display: none;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #3caca0;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
    transform: translateX(-10px);
}


.menu .dropdown .left ul li:hover .icon-arrow-right {
    opacity: 1;
    display: flex;
    transform: translateX(0);
}

.menu .dropdown .left ul li.active .icon-arrow-right {
    opacity: 1;
    display: flex;
    transform: translateX(0);
}

.menu .dropdown .left ul li.active a {
    transform: translateX(15px);
}

.menu .dropdown .right ul li:hover .icon-arrow-right {
    opacity: 1;
    display: flex;
    transform: translateX(0);
}

.menu .dropdown .right ul li:hover a {
    transform: translateX(15px);
}

.menu .dropdown .left ul li:hover a {
    transform: translateX(15px);
}

.menu .dropdown .left ul a,
.menu .dropdown .right ul a {
    transition: transform 0.5s ease;
}

.pagy ul li a {
    background: #F3F3F3;
    color: #0A64B4 !important;
}

.pagy ul li a.active {
    background: #0A64B4;
    color: white !important;
}

.pagy .btn {
    background: #0A64B4;
    color: white;
}

.cate_title_1 {
    margin: 0;
    padding: 30px 0;
    border: none;
}

.bg-white {
    background-color: #FFFFFF;
}

.mySwiperNewsPost {
    overflow: visible;
    overflow-x: clip;
}

.mySwiperNewsPost .title {
    font-size: 22px;
    font-weight: 700;
    font-family: Playfair Display;
}

.mySwiperNewsPost .swiper-button-next,
.swiper-rtl .swiper-button-prev {
    top: -40px;
    left: 40px;
}

.mySwiperNewsPost .swiper-button-prev,
.swiper-rtl .swiper-button-next {
    top: -40px;
    left: 0;
}


.mySwiperTieudiemAnNinh {
    overflow: visible;
    overflow-x: clip;
}

.mySwiperTieudiemAnNinh .swiper-pagination {
    bottom: -30px;
}

.mySwiperTieudiemAnNinh .swiper-pagination-bullet-active {
    width: 67px !important;
    height: 12px !important;
    background-color: #0A64B4;
    border-radius: 8px;
}

.mySwiperTieudiemAnNinh .swiper-pagination-bullet {
    background-color: #67B2EB;
    width: 13px;
    height: 12px;
    border-radius: 8px;

}



.featured-news {
    margin: 45px 0;
}

.featured-news .highlight {
    background-color: #EEF8FF;
    padding: 20px;
}

.featured-news .highlight .card {
    background: transparent;
}

.featured-news .highlight .card img {
    width: 100%;
}

.featured-news .highlight .card .card-body {}

.featured-news .highlight .card .card-body .text-01 {
    font-weight: 700;
    font-size: 14px;
    color: #1B75BC;
    margin-bottom: 12px;
    margin-top: 15px;
}

.featured-news .highlight .card .card-body .card-title {
    font-weight: 700;
    font-size: 30px;
}

.featured-news .articles {
    padding-left: 20px;
}

.featured-news .articles .splitter {
    margin: 20px 0;
}

.featured-news .articles .lightning-badges {
    margin-bottom: 15px;
}

.featured-news .articles .lightning-badges span:first-child {
    margin-right: 10px;
}

.featured-news .articles .lightning-badges span img {}

.featured-news .articles .lightning-badges .badge {
    background: #EEF8FF;
    color: #090909;
    font-weight: 400;
    margin-right: 5px;
}

.featured-news .articles .card {}

.featured-news .articles .card img {
    width: 100%;
    height: auto;
    object-fit: cover;
    aspect-ratio: 4 / 3;
}

.featured-news .articles .card .card-body {
    padding: 15px 0 0 0;
}

.featured-news .articles .card .card-body .card-title {
    font-size: 16px;
    font-weight: 700;
}

.featured-news .articles .card .card-body .card-text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    color: #797D82;
    text-align: justify;
}

.featured-news .articles .card-hoz {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}

.featured-news .articles .card-hoz .card-avatar {
    flex: 1 0 45%;
}

.featured-news .articles .card-hoz img {
    width: 100%;
    height: auto;
    object-fit: cover;
    aspect-ratio: 4 / 3;
    /* position: absolute; */
}

.featured-news .articles .card-hoz .card-body {
    padding: 0;
    width: 100%;
    flex: 1 0 55%;
}

.featured-news .articles .card-hoz .card-body .card-title {
    font-size: 16px;
    padding-left: 15px;
}


.multimedia-box-wrapper {
    padding: 30px 50px 55px 50px;
    background-image: url(../images/grid-layer-v2.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.multimedia-box {
    background-color: #144C55;
    background: linear-gradient(to bottom, #4696D2, #0A64B4);
    color: #FFFFFF;
    border-radius: 24px;
}

.multimedia-box a {
    color: #FFFFFF;
}

.multimedia-box .avatar {
    height: 100%;
}

.multimedia-box img {
    border-radius: 8px;
    object-fit: cover;
}

.list-news-media {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 15px;
    grid-row-gap: 15px;
}

.list-news-media .news-media {
    height: 100%;
    position: relative;
}

.list-news-media .news-media .title {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 20px;
    font-size: 20px;
    background: linear-gradient(180deg, rgba(58, 124, 131, 0) 0%, #0A64B4 100%);
}

.item1,
.item2 {
    /* height: 530px; */
    border-radius: 8px;
}

.item3,
.item4 {
    /* height: 257px; */
    border-radius: 8px;

}

.list-news-media .item {
    border-radius: 8px;
    box-shadow: 0px 12px 30px 0px #00000080;
    overflow: hidden;
}

.list-news-media .item1 {
    grid-area: 1 / 1 / 3 / 2;
}

.list-news-media .item2 {
    grid-area: 1 / 3 / 3 / 4;
}

.list-news-media .item3 {
    grid-area: 1 / 2 / 2 / 3;
}

.list-news-media .item4 {
    grid-area: 2 / 2 / 3 / 3;
}


.focus-news-box .item .see-more-news {
    color: white;
}

.chuyendoiso-box .nav-tabs {
    margin-left: 45px;
}

.chuyendoiso-box .see-more-news {
    color: #000 !important;
}

.chuyendoiso-box .item:first-child {
    padding: 20px;
    border: 1px solid #D3D3D3;
    border-radius: 8px;
    margin-bottom: 20px;
}


.section-video {
    background-color: #144C55;
    background: linear-gradient(to bottom, #4696D2, #0A64B4);
    color: #FFFFFF;
    padding: 30px 0 60px 0;
    position: relative;
}

.section-video-wrapper {
    background-image: url(../images/grid-layer-v2.png);
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
    position: relative;
}

.section-video-lower-background {
    width: 100%;
    height: 54%;
    border-top-right-radius: 90px;
    position: absolute;
    z-index: 0;
    right: 0;
    bottom: 0;
    border: 1px solid;
    border-image-source: linear-gradient(180deg, rgba(58, 124, 131, 0) 0%, #0A64B4 100%);
    background: #4696D2
}

.section-video .list-news-video .box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}



.section-video .play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 50px;
}

.section-video a {
    color: #ffffff;
}

.list-news-video .first-news {
    position: relative;
    border-radius: 8px;
    height: 100%;
    width: 100%;
}

.list-news-video .first-news img {
    border-radius: 8px;
}


.list-news-video .second-news {
    height: 100%;
    margin-top: 30px;
}

.list-news-video .second-news .item {
    position: relative;
    height: 100%;
}


.list-news-video .second-news h3 {
    position: absolute;
    bottom: 14px;
    left: 0;
    padding: 0 15px;
    font-size: 17px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.list-news-video .second-news .item img {
    border-radius: 8px;
    height: 100%;
}

.list-news-video .second-news .item i {
    font-size: 30px;
}


.list-news-video .div2 {
    display: flex;
    align-items: center;
}


.list-news-video .div3 {
    height: 50%;
}

.mySwiperListVideo {
    height: 100%;
    overflow: unset;
    overflow-x: clip;
}

.mySwiperListVideo .swiper-pagination {
    bottom: -20px;
    text-align: left;
}

.mySwiperListVideo .swiper-pagination-bullet {
    background-color: #fff;
    width: 13px;
    height: 12px;
    border-radius: 8px;
}

.mySwiperListVideo .swiper-pagination-bullet-active {
    width: 67px !important;
    height: 12px !important;
    background-color: #0A64B4;
    border-radius: 8px;
}


.mySwiperWarning {
    overflow: unset;
    overflow-x: clip;
}

.mySwiperWarning .swiper-pagination {
    bottom: -30px;
}

.mySwiperWarning .swiper-pagination-bullet-active {
    width: 67px !important;
    height: 12px !important;
    background-color: #FFFFFF;
    border-radius: 8px;
}

.mySwiperWarning .swiper-pagination-bullet {
    background-color: #F99698;
    width: 13px;
    height: 12px;
    border-radius: 8px;

}

.bg-red {
    background-color: #CA1D20;
}

.canhbaoluadao {
    padding: 35px;
    color: #FFFFFF;
    border-radius: 24px;
}

.canhbaoluadao h1 {
    font-weight: bold;
    color: #0A64B4;
    text-transform: uppercase;
}

.doanhnghiep-anm {
    margin-left: -70px;
    margin-right: -70px;
    padding: 45px 70px;
    position: relative;
}

.doanhnghiep-anm::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.2;
    z-index: -1;
    background-image: url(../images/doanh_nghiep_anm.png);
    background-position-y: 80px;
    background-repeat: no-repeat;
    background-size: cover;
}

.list-news-warning .item .date {
    margin: 10px 0;
    color: white;
}

.list-news-warning .item .title-news {
    font-size: 20px;
    color: #FFFFFF;
    height: 80px;
}

.list-news-warning .item img {
    border-radius: 8px;
    object-fit: cover;
}


.sukien-box-2 {
    padding: 30px;
    border-radius: 24px;
    margin-bottom: 15px;
}

.sukien-box-2 .title-cate {
    font-weight: bold;
    font-size: 24px;
    color: #0A64B4;
}


.sukien-box-2 h3 {
    text-transform: uppercase;
    text-align: left;
    margin-bottom: 40px;
}


.sukien-box-2 .date {
    margin: 10px 0;
}


.sukien-box-2 .news-top img {
    width: 100%;
    height: 100%;
    border-radius: 8px;
}

.sukien-box-2 .news-top .title-news {
    margin: 10px 0;
    font-size: 22px;
    font-weight: bold;
}

.sukien-box-2 .news-top .description-news {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    font-size: 14px;
    color: #1B1F26;
    margin-top: 20px;
    margin-bottom: 40px;
}

.sukien-box-2 .news-bottom .item {
    display: flex;
    margin-bottom: 15px;
}

.sukien-box-2 .news-bottom .item div {
    width: 50%;
}

.sukien-box-2 .news-bottom .item img {
    width: 80%;
    border-radius: 8px;

}


.sukien-box-2 h4 {
    font-size: 21px !important;
}

.sukien-box-2 h5 {
    font-size: 16px !important;
}

.bg-doanhnghiep {
    background-color: #144C55;
    background: linear-gradient(to bottom, #4696D2, #0A64B4);
    padding: 10px 20px 20px 20px;
    border-radius: 8px;
}

.bg-doanhnghiep .avatar {
    padding: 65.25% 0 0 0;
}

.chinhphuso-box h1 {
    color: #0A64B4;
    font-weight: bold;
}

.sukien-box-2 .title {
    color: #0A64B4;
    font-weight: bold;
    font-size: 24px;
    font-family: "Chakra Petch", sans-serif;

}


.bg_linear_green {
    background-color: rgb(16, 62, 144);
}

.header-top {
    display: flex;
    align-items: center;
}

.header-top .logo {
    width: 270px;
}

.header-top .actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.header-top .actions button {
    width: 120px;
    height: 40px;
    border-radius: 8px;
    border: none;
    color: #FFFFFF;
    background-color: #0A64B4;
}

.header-top .menu {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.header-logo {
    align-items: center;
    padding: 15px 0;
}

.header-logo .col-4 {}

.header-logo .logo {
    text-align: center;
}

.header-logo .logo img {
    width: 90%;
}

.header-logo .search-wrapper {
    text-align: right;
    position: relative;
}

.header-logo .search-wrapper .search-input {
    background-color: #a2d7ff3b;
    position: relative;
    border-radius: 8px;
    width: 120px;
    display: inline-block;
}

.header-logo .search-wrapper .search-input input {
    border: none;
    background: transparent;
    width: 100%;
    padding: 2px 25px 2px 10px;
    font-size: 14px;
}

.header-logo .search-wrapper .search-input input::placeholder {
    color: #0A64B4;
    opacity: 1;
    /* Firefox */
}

.header-logo .search-wrapper .search-input input::-ms-input-placeholder {
    /* Edge 12 -18 */
    color: #0A64B4;
}

.header-logo .search-wrapper .search-input i {
    color: #0A64B4;
    position: absolute;
    right: 6px;
    top: 5px;
}

.header-logo .today {
    color: #5E5E5E;
    font-weight: 500;
    font-size: 12px;
}

.top-breaking-news {}

.top-breaking-news .news-tray {
    padding: 15px 0;
}

.top-breaking-news .news-tray .item {
    display: inline-block;
    width: calc(100% / 6 - 4px);
    border-right: 1px #E5E5E5 solid;
    padding: 0 8px;
}

.top-breaking-news .news-tray .item .title {
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 8px;
    color: #474646;
}

.top-breaking-news .news-tray .item .date {
    font-size: 10px;
}

.top-breaking-news .news-tray .item .date span {}

.top-breaking-news .news-tray .item .date i {
    color: #474646;
    margin-right: 5px;
}

.section-news-top {
    background-color: #082832;
    /* background: linear-gradient(to bottom, #4696D2, #0A64B4); */
    background: linear-gradient(180deg, #E5F3FF 0%, #F6FBFF 99.99%);

    /* margin-top: 30px; */
    padding: 0;
}

.section-news-top .section-wrapper {
    background: url(../images/diagonal_lines_left.png) left top no-repeat, url(../images/diagonal_lines_right.png) right bottom no-repeat;
}

.section-news-top img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mySwiperNewsPost1 {
    padding-bottom: 25px;
}

.mySwiperNewsPost1 .swiper-pagination {
    bottom: 0;
    text-align: left;
}

.mySwiperNewsPost1 .swiper-pagination-bullet {
    background-color: #67B2EB;
    width: 13px;
    height: 12px;
    border-radius: 8px;
}

.mySwiperNewsPost1 .swiper-pagination-bullet-active {
    width: 67px !important;
    height: 12px !important;
    background-color: #0A64B4;
    border-radius: 8px;
}


.focus-news-box img {
    width: 100%;
    height: 100%;
}


.list-news-horizontal img {
    width: 100%;
    height: 100%;
}

.news-top-box {
    display: flex;
    align-items: center;
    padding: 30px 0 0;
}

.news-top-box .col-6 {
    /* width: 49.7%; */
    /* display: inline-block; */
}

.news-top-box .content-left {
    padding-right: 40px;
}

.news-top-box .content-left h2 {
    font-weight: bold;
    font-size: 35px !important;
    margin-bottom: 20px;
}

.news-top-box .content-left .description {
    color: #5E5E5E;
    font-size: 14px;
}

.news-top-box .content-right {
    margin: 0 auto;
}

.news-top-box .content-right img {}

.list-news-post {
    margin-top: 10px;
    padding-bottom: 28px;
}

.list-news-post .item {
    width: 100%;
}

.list-news-post .item img {}

.list-news-post .item .title {
    margin-top: 10px;
}

.focus-news-box {
    background-color: #082832;
    background: linear-gradient(to bottom, #4696D2, #0A64B4);
    margin: 30px 0;
    border-radius: 20px;
    padding: 20px 60px 50px 60px;
}

.focus-news-box .title-focus {
    font-weight: bold;
    color: #FFFFFF;
    font-size: 35px !important;
    margin: 10px 0 20px;
    text-transform: uppercase;

}

.focus-news-box .list-focus-news .item .title-news {
    color: #FFFFFF;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.focus-news-box .list-focus-news .item .description-news {

    color: #EBEBEB;
}

.focus-news-box .item .see-more-news {
    color: white;
}


.focus-news-box .list-focus-news .item {
    color: white;
    border: 1px solid #4696D2;
    /* height: 534px; */

}

.col-12.col-lg-5>.list-focus-news {
    height: calc(100% - 20px);
}

.col-12.col-lg-5>.list-focus-news>.item {
    height: 100%;
}

.list-focus-news .item {
    padding: 30px;
    border-radius: 8px;
    border: 1px solid #D3D3D3;
}

.list-focus-news .item img {
    border-radius: 8px;
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.list-focus-news .item .date {
    margin: 10px 0;
}

.list-focus-news .item .date i {
    margin-right: 10px;
}

.list-focus-news .item .title-news {
    font-weight: bold;
    font-size: 24px;
}

.list-focus-news .item .description-news {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    font-size: 15px;
    color: #1B1F26;
    margin-top: 20px;
    margin-bottom: 40px;
}


.list-focus-news .item .see-more-news {
    /* display: flex; */
    align-items: center;
    display: none;
}

.list-focus-news .item .see-more-news span {
    margin-right: 20px;
}

.list-news-horizontal .item {
    display: flex;
    padding: 20px;
    border: 1px solid #D3D3D3;
    border-radius: 8px;
    margin-bottom: 20px;

}

.list-news-horizontal .item img {
    width: 90%;
    border-radius: 8px;
    margin: 0 auto;
}

.list-news-horizontal .item .title-news {
    font-size: 24px;
    font-weight: bold;
    margin: 10px 0;
}

.list-news-horizontal .item .left {
    width: 55%;
}

.list-news-horizontal .item .right {
    width: 45%;
}

.list-news-horizontal .item .description-news {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    font-size: 16px;
    color: #1B1F26B8;
    margin-top: 10px;
    margin-bottom: 18px;
}


.list-news-horizontal .item .see-more-news {
    display: flex;
    align-items: center;
    color: black !important;
    font-size: 18px;
}

.list-news-horizontal .item .see-more-news span {
    margin-right: 20px;
    font-size: 16px;
    color: #090909;
    font-weight: 600;
}

.sukien-box {
    color: #FFFFFF;
    margin-bottom: 15px;
}

.sukien-box-wrapper {
    border-radius: 24px;
}

.sukien-box-content {
    background: url(../images/su_kien_quan_diem.png) center top no-repeat;
    background-size: cover;
    padding: 30px;
}

.sukien-box a {
    color: #ffffff;
}

.bg-dark-green {
    background-color: #082832;
    background: linear-gradient(to bottom, #4696D2, #0A64B4);
}

.bg-dark-blue {
    background-color: #040D32;
    background: linear-gradient(to bottom, #4696D2, #0A64B4);
}

.sukien-box h3 {
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 40px;
}



.sukien-box .news-top img {
    width: 100%;
    height: 100%;
    border-radius: 8px;
}

.sukien-box .news-top .title-news {
    margin: 10px 0;
    font-size: 22px;
    font-weight: bold;
}

.sukien-box .news-top .description-news {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    font-size: 14px;
    color: #EBEBEB;
    margin-top: 20px;
    margin-bottom: 40px;
}

.sukien-box .news-bottom .item {
    display: flex;
}

.sukien-box .news-bottom .item div {
    width: 50%;
}

.sukien-box .news-bottom .item img {
    width: 80%;
    border-radius: 8px;

}

.footer-left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.footer-left .logo-box img {
    width: 65%;
}

.footer-desctiption {
    display: flex;
    align-items: center;
}

.footer-desctiption p {
    font-size: 13px;
}

.footer-desctiption .logo-related {
    display: block;
    width: 160px;
    height: 65px;
    border-radius: 12px;
    background-color: #FFFFFF;
    padding: 10px;
    margin-right: 10px;
}

.footer-description img {
    width: 100% !important;
}

.bg-dark-green-1 {
    background-color: #144C55;
    background: linear-gradient(to bottom, #4696D2, #0A64B4);
    color: #FFFFFF;
    padding: 40px;
}

footer .contact {
    margin-top: 10px;
    display: flex;
    align-items: center;
}

.contact .icon {
    width: 40px;
    height: 40px;
    background-color: #FFFFFF;
    border-radius: 50%;
    margin-right: 10px;
    color: #0A64B4;
    display: flex;
    justify-content: center;
    align-items: center;
}

footer .contact p {
    width: 70%;
}

.chakra-petch-light {
    font-family: "Chakra Petch", sans-serif;
    font-weight: 300;
    font-style: normal;
}

.chakra-petch-regular {
    font-family: "Chakra Petch", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.chakra-petch-medium {
    font-family: "Chakra Petch", sans-serif;
    font-weight: 500;
    font-style: normal;
}

.chakra-petch-semibold {
    font-family: "Chakra Petch", sans-serif;
    font-weight: 600;
    font-style: normal;
}

.chakra-petch-bold {
    font-family: "Chakra Petch", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.chakra-petch-light-italic {
    font-family: "Chakra Petch", sans-serif;
    font-weight: 300;
    font-style: italic;
}

.chakra-petch-regular-italic {
    font-family: "Chakra Petch", sans-serif;
    font-weight: 400;
    font-style: italic;
}

.chakra-petch-medium-italic {
    font-family: "Chakra Petch", sans-serif;
    font-weight: 500;
    font-style: italic;
}

.chakra-petch-semibold-italic {
    font-family: "Chakra Petch", sans-serif;
    font-weight: 600;
    font-style: italic;
}

.chakra-petch-bold-italic {
    font-family: "Chakra Petch", sans-serif;
    font-weight: 700;
    font-style: italic;
}

.bai-jamjuree-extralight {
    font-family: "Bai Jamjuree", sans-serif;
    font-weight: 200;
    font-style: normal;
}

.bai-jamjuree-light {
    font-family: "Bai Jamjuree", sans-serif;
    font-weight: 300;
    font-style: normal;
}

.bai-jamjuree-regular {
    font-family: "Bai Jamjuree", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.bai-jamjuree-medium {
    font-family: "Bai Jamjuree", sans-serif;
    font-weight: 500;
    font-style: normal;
}

.bai-jamjuree-semibold {
    font-family: "Bai Jamjuree", sans-serif;
    font-weight: 600;
    font-style: normal;
}

.bai-jamjuree-bold {
    font-family: "Bai Jamjuree", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.bai-jamjuree-extralight-italic {
    font-family: "Bai Jamjuree", sans-serif;
    font-weight: 200;
    font-style: italic;
}

.bai-jamjuree-light-italic {
    font-family: "Bai Jamjuree", sans-serif;
    font-weight: 300;
    font-style: italic;
}

.bai-jamjuree-regular-italic {
    font-family: "Bai Jamjuree", sans-serif;
    font-weight: 400;
    font-style: italic;
}

.bai-jamjuree-medium-italic {
    font-family: "Bai Jamjuree", sans-serif;
    font-weight: 500;
    font-style: italic;
}

.bai-jamjuree-semibold-italic {
    font-family: "Bai Jamjuree", sans-serif;
    font-weight: 600;
    font-style: italic;
}

.bai-jamjuree-bold-italic {
    font-family: "Bai Jamjuree", sans-serif;
    font-weight: 700;
    font-style: italic;
}

body {
    font-family: "Bai Jamjuree", sans-serif;
    font-weight: 400;
    font-style: normal;
}


h1,
h2 {
    font-family: "Chakra Petch", sans-serif;
    font-weight: 700;
    font-style: normal;
}

h4,
h5,
h6,
h3 {
    font-family: "Bai Jamjuree", sans-serif;
    font-weight: 700;
    font-style: normal;
}

a,
span {
    font-family: "Bai Jamjuree", sans-serif;
    font-weight: 400;
    font-style: normal;
}

a {
    cursor: pointer;
}


.detail-news-box .cate-box {
    width: 233px;
    height: 40px;
    background-color: #0A64B4;
    padding: 10px 15px;
    margin: 40px 0px 25px;
    clip-path: polygon(0% 0%, 90% 0, 100% 32%, 100% 100%, 0% 100%);
}

.detail-news-box .cate-box h3 {
    font-size: 16px;
    color: #FFFFFF;
}

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

.border {
    border: 1px solid #D3D3D3;
    border-radius: 8px;
}

.icon-triangle {
    width: 130px;
    height: 127px;
    margin-right: 15px;
    background: url(../images/icon-multimedia-box.png) center no-repeat;
    position: absolute;
    top: -25px;
    left: -37px;
}

.icon-triangle .first,
.icon-triangle .second {
    position: absolute;
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    width: 40px;
    height: 42px;
}

.icon-triangle .first {
    background-color: transparent;
    /* For browsers that do not support gradients */
    background: linear-gradient(to right,
            #00AD9E 0%,
            #00988A 17%,
            #007368 53%,
            #005D53 82%,
            #00554C 100%);
    top: 0;
}

.icon-triangle .second {
    background-color: transparent;
    /* For browsers that do not support gradients */
    background: linear-gradient(to right,
            rgba(255, 255, 255, 0.9) 0%,
            rgba(255, 255, 255, 0.83) 3%,
            rgba(255, 255, 255, 0.68) 11%,
            rgba(255, 255, 255, 0.58) 17%,
            rgba(255, 255, 255, 0.52) 23%,
            rgba(255, 255, 255, 0.50) 28%,
            rgba(255, 255, 255, 0.48) 46%,
            rgba(255, 255, 255, 0.43) 67%,
            rgba(255, 255, 255, 0.35) 89%,
            rgba(255, 255, 255, 0.30) 100%);
    top: 5px;
    left: 10px;
}

.icon-polygon {
    position: relative;
    width: 40px;
    height: 42px;
    margin-right: 15px;
}

.icon-polygon .first,
.icon-polygon .second {
    position: absolute;
    clip-path: polygon(0 0, 0% 100%, 100% 50%);
    width: 40px;
    height: 42px;
}

.icon-polygon .first {
    background-color: transparent;
    /* For browsers that do not support gradients */
    background-image: linear-gradient(to right, rgba(62, 130, 119, 0), #4696D2);
    opacity: 0.8;
    top: 0;
}

.icon-polygon .second {
    background-color: transparent;
    /* For browsers that do not support gradients */
    background-image: linear-gradient(to right, rgba(54, 125, 119, 0), #0A64B4);
    opacity: 0.8;
    top: 0;
    left: 10px;
}

.section-news-top .icon-polygon {
    margin-left: 5px;
}

.section-news-top .icon-polygon .first {
    background-image: linear-gradient(to right, rgb(62 130 119 / 0%), #0063ad);
}

.detail-news-box {
    padding-left: 50px;
}

.detail-news-box h1 {
    font-size: 45px;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.8);
}

.detail-news-box .description {
    font-size: 18px;
    color: rgba(0, 0, 0, 0.6);
    margin: 15px 0;
}

.detail-news-box .date {
    color: rgba(27, 31, 38, 0.72);

}

.detail-news-box .date i {
    margin-right: 10px;
}

.chuyendoiso-box h1 {
    font-weight: bold;
    color: #0A64B4;
}

.comment-feedback {
    border-top: 1px solid #D3D3D3;
    padding-top: 20px;
}

.comment-feedback h3 {
    text-transform: uppercase;
}

.next-prev-news {
    border-top: 1px solid #D3D3D3;
    padding-top: 20px;
}

.next-prev-news .related-news {
    position: relative;
}

.next-prev-news .related-news .content {
    width: 100%;
    position: absolute;
    bottom: -15px;
    left: 0;
    padding: 0 20px;
    color: #FFFFFF;
}

.next-prev-news .related-news .content a {
    background-color: #0A64B4;
    color: #FFFFFF;
    width: 100%;
    border: none;
    outline: none;
    padding: 8px;
    margin-top: 10px;
    display: block;
}

.next-prev-news .related-news .content .prev {
    text-align: left;
}

.next-prev-news .related-news .content .next {
    text-align: right;
}

.info-added {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.info-added a {
    color: #0A64B4 !important;
    font-weight: 700;
}

.info-added .tags {
    color: rgba(0, 0, 0, 0.6)
}


.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: unset;
    border: none;
    background: none;

}

.nav.nav-tabs {
    background: none;
}

.nav.nav-tabs li.tab-splitter {
    font-size: 34px;
    color: #0A64B4;
}

.nav.nav-tabs li:first-child {
    margin: 0;
    padding: 0;
}


.title-home {
    font-weight: 400;
}

.cate-box {
    height: 112px;
}

.cate-box a {
    color: #FFFFFF;
}

.content-news .date {
    color: #1B1F26B8;
    font-size: 14px;
}

.header-title {
    background-color: #F5F5F5;
    margin-bottom: 30px;
}