.title-single-post.tit-post .h1:before { width: 100px; }
.title-single-post.tit-post .h1:after { width: 211px; left:113px; }
.tit-post .h1.fs22{ font-size:22px; }
.text-white{ color:#fff !important; }

.mb-40{ margin-bottom:40px!important; }
.bg-gradient-2{ background-image: linear-gradient(-45deg, rgb(97, 235, 252), rgb(0, 74, 173)); }
.tit-post h1 {
    margin: 0;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.4;
    color: #111;
    position: relative;
    padding-bottom: 6px;
    display: inline-block;
    overflow: hidden;
    padding-top: 8px;
}
.date-author{  }
.date-author .date {
        color: #A6A6A6;
        /*font-weight: 500;
        font-size: 16px;
        line-height: 24px;*/
        padding-left: 30px;
        background-position: left top;
        background-repeat: no-repeat;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMiAyLjAwMDQ5QzYuNDc2NzkgMi4wMDA0OSAyIDYuNDc3MjcgMiAxMi4wMDA1QzIgMTcuNTIzNyA2LjQ3Njc5IDIyLjAwMDUgMTIgMjIuMDAwNUMxNy41MjMyIDIyLjAwMDUgMjIgMTcuNTIzNyAyMiAxMi4wMDA1QzIyIDYuNDc3MjcgMTcuNTIzMiAyLjAwMDQ5IDEyIDIuMDAwNDlaTTEyIDMuNTAwNDlDMTYuNjk0OCAzLjUwMDQ5IDIwLjUgNy4zMDU3IDIwLjUgMTIuMDAwNUMyMC41IDE2LjY5NTMgMTYuNjk0OCAyMC41MDA1IDEyIDIwLjUwMDVDNy4zMDUyMSAyMC41MDA1IDMuNSAxNi42OTUzIDMuNSAxMi4wMDA1QzMuNSA3LjMwNTcgNy4zMDUyMSAzLjUwMDQ5IDEyIDMuNTAwNDlaTTEyLjQwNDggNy43NDUxMkMxMi4zNTUxIDcuMzc5MDQgMTIuMDQxMyA3LjA5Njg5IDExLjY2MTYgNy4wOTY4OUMxMS4yNDc0IDcuMDk2ODkgMTAuOTExNiA3LjQzMjY3IDEwLjkxMTYgNy44NDY4OVYxMi42OTM5TDEwLjkyIDEyLjgwNTZDMTAuOTUzMSAxMy4wMjU3IDExLjA4MjkgMTMuMjIyIDExLjI3NzQgMTMuMzM4TDE1LjA0NzQgMTUuNTg3TDE1LjEzODMgMTUuNjMzMkMxNS40NzgxIDE1Ljc3ODEgMTUuODgxMiAxNS42NTMyIDE2LjA3NTcgMTUuMzI3MUwxNi4xMjIgMTUuMjM2MkMxNi4yNjY5IDE0Ljg5NjQgMTYuMTQxOSAxNC40OTMzIDE1LjgxNTggMTQuMjk4OEwxMi40MTEyIDEyLjI2N0wxMi40MTE2IDcuODQ2ODlMMTIuNDA0OCA3Ljc0NTEyWiIgZmlsbD0iI0E2QTZBNiIvPgo8L3N2Zz4K);
        margin-right: 24px;
        margin-bottom: 24px;
    }

.date-author .consultation .box {
    background: #edf6ff;
    border-radius: 4px;
    padding: 8px;
    color: var(--color);
    font-style: italic;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    padding-left: 28px;
    background-position: left 8px center;
    background-repeat: no-repeat;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yLjY0NTc4IDguOTg0NjdMOS4xMDYxNSAyLjYxNDY3QzkuOTM3MzQgMS43OTUxMSAxMS4yODU1IDEuNzk1MTEgMTIuMTE2NyAyLjYxNDY3TDEyLjk3OTYgMy40NjU1QzEzLjgxMDggNC4yODUwNiAxMy44MTA4IDUuNjE0MzcgMTIuOTc5NiA2LjQzMzkzTDYuNDkzNzQgMTIuODI5MUM2LjEyMjg3IDEzLjE5NDcgNS42MjAwNSAxMy4zOTk5IDUuMDk1MjEgMTMuMzk5OUgyLjQzOTAzQzIuMTkyMjggMTMuMzk5OSAxLjk5Mzk5IDEzLjE5OTUgMi4wMDAxNCAxMi45NTYzTDIuMDY2OTUgMTAuMzEzNkMyLjA4MDI0IDkuODE0MTEgMi4yODc1MSA5LjMzNzkzIDIuNjQ1NzggOC45ODQ2N1pNMTIuMzU4NyA0LjA3NzY5TDExLjQ5NTggMy4yMjY4NkMxMS4wMDc1IDIuNzQ1NCAxMC4yMTUzIDIuNzQ1NCA5LjcyNzAyIDMuMjI2ODZMOS4yMjU0OSAzLjcyMTM4TDExLjg1NzUgNi4zMTU5OUwxMi4zNTg3IDUuODIxNzRDMTIuODQ3IDUuMzQwMjggMTIuODQ3IDQuNTU5MTUgMTIuMzU4NyA0LjA3NzY5Wk0zLjI2NjY1IDkuNTk2ODZMOC42MDQ2MSA0LjMzMzU3TDExLjIzNjYgNi45MjgxOEw1Ljg3Mjg2IDEyLjIxNjlMNS44MDE1MiAxMi4yODEzQzUuNjA0NDcgMTIuNDQ0MSA1LjM1NDgxIDEyLjUzNDIgNS4wOTUyMSAxMi41MzQyTDIuODg4OTcgMTIuNTMzOUwyLjk0NDcyIDEwLjMzNTdDMi45NTIwOSAxMC4wNTg0IDMuMDY3NTEgOS43OTMyMiAzLjI2NjY1IDkuNTk2ODZaTTE0IDEyLjk2NzFDMTQgMTIuNzI4IDEzLjgwMzQgMTIuNTM0MiAxMy41NjEgMTIuNTM0Mkg4Ljk4MDY2TDguOTIxMDkgMTIuNTM4MkM4LjcwNjggMTIuNTY2OCA4LjU0MTY0IDEyLjc0OCA4LjU0MTY0IDEyLjk2NzFDOC41NDE2NCAxMy4yMDYyIDguNzM4MTkgMTMuNCA4Ljk4MDY2IDEzLjRIMTMuNTYxTDEzLjYyMDUgMTMuMzk2QzEzLjgzNDggMTMuMzY3NCAxNCAxMy4xODYzIDE0IDEyLjk2NzFaIiBmaWxsPSIjMUQ5M0UzIi8+Cjwvc3ZnPgo=);
    margin-bottom: 24px;
}

.custom-category .slide-owl-nav .owl-prev,.custom-category .slide-owl-nav .owl-next{     background: rgb(255 255 255 / 80%); }

.mantine-sofud1 {
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
gap: 0.625rem;
}
.mantine-uet3or {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: stretch;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-pack: start;
-ms-flex-pack: start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
gap: 0.25rem;
}
.box-mientrutrachnhiem {
padding-left: 1rem;
padding-right: 1rem;
max-width: 100%;
margin-left: auto;
margin-right: auto;
border-radius: 8px;
padding: 12px 16px;
background-color: #fff8e2;
margin-bottom: 1rem;
}
.text-bold{ font-weight:bold }
.list-style-none{ list-style:none; }
.tagwrap li{ list-style:none; display:flex; flex-direction:column; font-weight:bold; }
.tagwrap li span{ color:#657384; font-weight:400; font-size:14px; }
.css-8u32eo {
    display: inline-block;
    vertical-align: -0.125em;
    height: 24px;
}
.css-8u32eo svg {
    width: 24px;
    height: 24px;
}

.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    --font-size: .875rem;
    line-height: 1.25rem;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
}
.wr-recommend .swiper-slide{ border:1px solid #fff; border-radius:10px; background:#fff; position:relative; }

.swiper-slide:hover, .slide-single.slide-owl-nav .swiper-button:hover { --border-color:var(--color-hover); }

.slide-single.slide-owl-nav .swiper-button{ justify-content: center;    align-items: center;    display: flex; z-index: 10; cursor: pointer; width: 52px; height: 52px;  border-radius:50%; border:1px solid #fff; box-shadow: rgba(0, 39, 102, 0.1) 0px 0px 8px -2px, rgba(0, 39, 102, 0.06) 0px 0px 4px -2px; }

.slide-single.slide-owl-nav i{ font-size:30px!important; color:#0f52b1!important }
.slide-single.slide-owl-nav .owl-next{right: -25px; top: auto; bottom: 30%;}
.slide-single.slide-owl-nav .owl-prev{left: -25px; top: auto; bottom: 30%;}

/*.post-box {
    position: relative;
    background: rgb(237 240 243 / 0.5) !important;
    padding: 15px 1.25rem;
    box-shadow: 6px 6px 0px rgba(114, 138, 161, 0.3);
    overflow: unset!important;
    margin-bottom: 1rem;
    border-radius: 12px;
}*/
#the_content .wp-caption{ max-width:90%; margin:0 auto 30px; }
#the_content .wp-caption .wp-caption-text{ background:#fff; }
.post-box{ font-weight:bold; margin-bottom:40px; }
.content-single-post a, .content-single-post p a{ font-weight:bold; }
div#toc_container{ width:52%!important; margin-right:0%; border-radius: 10px;}

#wpdcom .wpd-prim-button{    background-image: linear-gradient(90270deg, rgb(97, 235, 252), rgb(0, 134, 174)); margin-top: 5px !important;}

.wr-recommend .swiper-slide .btn-xemthem2024{ border:none; font-size:15px!important; line-height:32px!important; max-width:140px; }

.wp-caption .wp-caption-text{ font-size:13px; }

.detail_post_cgia.insingle{ width:45%!important; margin-right:1%; margin-left: 0!important;  position: relative; z-index:1; background: #fff; margin-bottom: 12px; float: right; box-shadow: 1px 1px 4px rgba(0,0,0,0.35);border-top: 1px solid #eee;overflow: hidden; padding: 10px; border-radius: 10px; margin-left: 15px; max-width: 100%;}
/*.post-box:before{ content:''; position: absolute; top:-10px; left:20px; width: 32px; height: 32px; background: url(imgs/isapo.svg) no-repeat;}*/

.bg_brand {
    background-color: var(--color);
}
.bg_xanh8 {
    background-color: var(--color-xanh8);
}

@media only screen and (max-width: 767px) {
    div#toc_container, .detail_post_cgia{ width:100%!important; margin-right: 0!important}
}