*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}



:root{
    --max-width: 1350px;
    --width-content: 1060px;
    
    /* COLOR */
    --color-1: #009582;
    --color-2: #ed1b61;   
    --color-3: #007868;   
    /* BG */
    --background-1: #edb81b;
}

/*
    xài chung
*/
.breadcrumb a {
    color: #000;
}
.color-1{color:var(--color-1); }
.color-2{color:var(--color-2) !important; }
.color-3{color:var(--color-3); }
.background-1{background:var(--color-1); }
.background-2{background:var(--color-2); }
.background-3{background:var(--color-3); }
.background-4{background:var(--color-4); }
img{
    max-width: 100%; height: initial;
}
.container-fluid
{
    padding: 0;
}
.container
{
    max-width: 650px;
}
.container,.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto
{
   padding-right: 5px;
    padding-left: 5px;
}
.row
{
        margin-right: -5px;
    margin-left: -5px;
}
.h1,h1 {
    font-size: 2rem
}

.h2,h2 {
    font-size: 1.75rem
}

.h3,h3 {
    font-size: 1.5rem
}

.h4,h4 {
    font-size: 1.25rem
}

.h5,h5 {
    font-size: 1rem
}

.h6,h6 {
    font-size: 1rem
}
ul
{
    padding: 0;
}
li{
    list-style-type: none;
}

a{
    text-decoration: none;
}

.margin-section-about{
    margin: 26px 0;
}
.container-fluid
{
    padding: 0;
}
.text-align-justify-center
{
    text-align: justify;
    text-align-last: center;
}
/*
   end xài chung
*/
.header-top .iconmenu {
    background: #fff;
    padding: 5px;
    display: table;
    border-radius: 5px;
}
.baivietlienquan
{
    background: #f1f1f1;
}
.baivietlienquan .khung
{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}
.baivietlienquan .khung .item .khung-xemthem
{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}
.baivietlienquan .khung .item h4
{
    line-height: 1.5rem;
    height: 3rem;
    overflow: hidden;
}
.baivietlienquan .khung .item .mota
{
    line-height: 1.3rem;
    height: 6.5rem;
    overflow: hidden;
}
.baivietlienquan .khung .item hr
{
    border-top: thin solid #a4a4a4;
}
.baivietlienquan .khung .item .tuvan
{
    background: #797979;
}

.tintuc .danhmuctintuc li
{   
    list-style-type: none;
    padding: 5px 15px; background: #f4f4f5;
    margin: 0 10px; 
    text-transform: uppercase;
}
.tintuc .danhmuctintuc li.active
{
    background: #8ac640;
    
}
.tintuc .danhmuctintuc li.active a{
    color: #fff; 
}
.tintuc .danhmuctintuc li:hover
{
     background: #8ac640;
      cursor: pointer;
}
.tintuc .danhmuctintuc li:hover a
{
color: #fff;
}
.tintuc .danhmuctintuc li a
{
    color: #000;
}
.tintuc .item-lon .tieude
{
     font-weight: bold;
     font-size: 30px;
    height: 2.3rem;
    line-height: 2rem;
    overflow: hidden;
    margin-bottom: 5px;
}
.tintuc .item-lon .tieude a
{
    color: #616161;
}
.tintuc .item-lon .noidungngan
{
    height: 4.5rem;
    line-height: 1.5rem;
    overflow: hidden;
}
.tintuc .item .info
{
    margin-top: 10px;
}
.tintuc .item .info .xemchitiet a,.tintuc .item-lon .xemchitiet a
{
    color:var(--color-1);
}
.tintuc .item .info .tieude
{
    font-weight: bold;
    height: 3rem;
    line-height: 1.5rem;
    overflow: hidden;
    margin-bottom: 5px;
}
.tintuc .item .info .tieude a
{
    color: #616161;
}

.tintuc .item .info .noidungngan
{
    height: 4.5rem;
    line-height: 1.5rem;
    overflow: hidden;
}
.tintuc .content .xemthem
{
    background: #72c334;
    padding: 5px 20px;
    display: table; margin:20px auto 20px auto; text-transform: uppercase;
}
.tintuc .content .xemthem a
{
    color: #fff;
}

footer
{
    background: #eaeaea;
}
footer .danhmucbenh
{
  padding-left: 20px; 
}
footer .danhmucbenh li
{
    border-bottom:thin  dashed #464848;
        padding: 10px 0;
   list-style-type: disc;    
      
}
footer .danhmucbenh li a{
    color: #000;
}
footer .danhmucbenh li::marker
{
    color: var(--color-1);
}
footer .col-right
{
    margin-top: -30px;
}


/* HEADER */

header{
    background: #fff;
    border-top: 5px solid var(--color-1);
    
}

.header-top{
    padding: 6px 0;
}



.header-top .gio-kham-benh__iconls{
    width: 51px;
    height: 51px;
    border: 1px solid var(--color-1);
    border-radius: 8px;
    margin-top: 10px;
    overflow: hidden;
}


.header-top .gio-kham-benh__iconls img {
    object-fit: cover;
}

.header-top .header-top__right .gio-kham-benh {
    gap: 12px;
}
.header-top .header-top__right .gio-kham-benh .gio-kham-benh__content {
    margin-top: 8px;
    color:#fff;
}

.header-top .header-top__right .gio-kham-benh .text{
    font-weight: 700;
 
}

/* HEADER  MENU */
header{
    background: #fff;
    border-top: 5px solid var(--color-1);
    
}

.header-top{
    padding: 6px 0;
    background: var(--color-1);
}



.header-top .gio-kham-benh__iconls{
    width: 51px;
    height: 51px;
    border: 1px solid var(--color-1);
    border-radius: 8px;
    margin-top: 10px;
    overflow: hidden;
}


.header-top .gio-kham-benh__iconls img {
    object-fit: cover;
}

.header-top .header-top__right .gio-kham-benh {
    gap: 12px;
}
.header-top .header-top__right .gio-kham-benh .gio-kham-benh__content {
    margin-top: 8px;
    color:#fff;
}

.header-top .header-top__right .gio-kham-benh .text{
    font-weight: 700;
 
}

/* HEADER  MENU */

.header-menu {
    background: var(--color-2);   
}

.header-menu ul li {
    position: relative;
}

.header-menu ul li:hover ul.sub-menu{
    display: block;
    z-index: 2;
    background: #fff;
    color: #000;
    border-radius: 0;
}

.header-menu ul li ul.sub-menu {
    position: absolute;
    background: var(--color-3);
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    width: 100%;
    width: 220px;
    display: none;
  

}

.header-menu ul li ul.sub-menu li a {
    display: block;
    padding: 8px;
    color: #000;
    margin-left: 0;
}






.header-menu ul li ul.sub-menu li:hover .sub-menu-2{
    display: block;
}

.header-menu ul li ul.sub-menu .sub-menu-2 {
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
    width: 220px;
    background: #fff;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.header-menu ul li:nth-child(1) a
{
    padding: 0;
    margin-left: 0;
}

.header-menu ul li a {
    display: flex;
    text-transform: uppercase;
    color: #fff;
    margin:0 1px;
    align-items: center;
        padding: 7px 0;
        justify-content: center;
            font-size: 95%;
}

.header-menu ul li a div.menu-iconls{

/* margin-right: 10px; */

background-image: url(../image/28.png);

background-repeat: no-repeat;

background-size: 517px;

background-position: -3px 3px;

width: 34px;

height: 29px;
}

.header-menu ul li a div.menu-iconls.gioi-thieu {
    background-position: -183px 0;
}
.header-menu ul li a div.menu-iconls.chuyen-khoa {
    background-position:-340px 0;
}
.header-menu ul li a div.menu-iconls.quy-trinh {
    background-position: -446px 0;
}
.header-menu ul li a div.menu-iconls.dat-hen {
    background-position: -579px 0;
}
.header-menu ul li a div.menu-iconls.lien-he {
    background-position: -464px 0;
}

.header-menu ul li a.hotline {
    background: var(--background-1);
    border-radius: 20px;
    padding: 2px;
    color: var(--color-3)
}

.header-menu ul li a.hotline span {
   padding: 0px 6px 0px 4px;
    font-weight: bold;
    font-size: 25px;
    color: var(--color-1);
}

.header-menu ul
{
    margin: auto;   
   
    
}

.header-menu ul li .iconls
{
    width: 40px;
}

.diachi{
    background: rgb(28,159,133);
background: linear-gradient(90deg, rgba(28,159,133,1) 0%, rgba(39,166,164,1) 50%, rgba(50,173,194,1) 100%);
}
.diachi .khung
{
    display: table;
    margin: auto;
    text-align: center;
   
    color: #fff;
    padding: 10px 10px;
    text-transform: uppercase;
    border-radius: 15px;
}
.diachi .khung .title
{
    font-weight: 100;
    border: thin solid #fff;
    width: 100%;
    padding: 10px 30px;
    border-radius: 16px;
    border-style: dashed;
    margin-bottom: 0;
    font-weight: bold;
}
.diachi .content
{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    margin-top: 3rem;
}
.diachi .content .item
{
    background: #fff;
    padding: 20px 10px;
    border-radius: 20px;
    margin-bottom: 3rem;
}
.diachi .content .image
{
    margin-top: -60px;
}
.diachi .content .item .title
{
    text-align: center;
    font-weight: bold;
    padding: 10px 0;
}
.diachi .content .noidung
{
        height: 6rem;
    line-height: 1.5rem;
    overflow: hidden;
}
.diachi .content .item:nth-of-type(odd) {
    background: rgb(76,198,248);
background: linear-gradient(180deg, rgba(76,198,248,1) 0%, rgba(130,245,223,1) 100%);
}
.diachi .content .item:nth-of-type(even) {
    background: rgb(251,205,241);
background: linear-gradient(180deg, rgba(251,205,241,1) 0%, rgba(232,220,233,1) 100%);
}
.phanhoi
{
   background: rgb(24,157,123);
background: linear-gradient(90deg, rgba(24,157,123,1) 0%, rgba(24,157,123,1) 50%, rgba(255,255,255,1) 51%, rgba(255,255,255,1) 100%);
}
.phanhoi .col-left .list
{
    display: grid;
    grid-template-columns: 40% 60%;
    gap: 10px;
}
.phanhoi .col-left .list .thongso
{
     position: relative;
}
.phanhoi .col-left .list .thongso-text
{
    color: #fff;
   
}
.phanhoi .col-left .list .thongso-text ul
{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}
.phanhoi .col-left .list .thongso-text ul li
{
    border-right: thin solid #fff;
    text-align: center;
    padding: 0 10px 0 0px;
}
.phanhoi .col-left .list .thongso-text ul li:last-child{
    border: none;
}
.phanhoi .col-left .list .thongso-text ul li .text
{
    font-size: 92%;
}
.phanhoi .col-left .list .thongso .image
{
       position: absolute;
    right: -21%;
    bottom: -38%;
    width: 127%;
}
.phanhoi .col-left 
{
    position: relative;
}
.phanhoi .col-left .fromlienhe
{
       position: absolute;
    left: 12%;
    top: 28.7%;
    width: 112px;
}
.phanhoi .col-left .fromlienhe input[type=text]
{
    padding: 0.1rem;
    border: none;
    font-size: 90%;
}
.phanhoi .col-left .fromlienhe input[type=submit]
{
       margin-top: 14px;
    width: 103px;
    background: none;
    border: none;
    color: transparent;
}
.phanhoi .col-right .slide-phanhoi
{
    margin-top: 10px;
}
.phanhoi .col-right
{
    padding: 0 10px 0 70px;
    position: relative;
}
.phanhoi .col-right .item
{
    border:thin solid var(--color-1);
    padding: 10px ;
    margin-bottom: 10px;
    border-radius: 10px;
}
.phanhoi .col-right .item .tieude
{
    display: flex;
    align-items: center;
}
.phanhoi .col-right .item p
{
   
}
.phanhoi .col-right .item .tieude img
{
        height: fit-content;
        margin-right: 10px;
}
.phanhoi .slick-next
{
    background: #e8e8e8;
    top: -7%;
    right: 3%;
    border-radius: 50%;
}
.phanhoi .slick-next:hover
{
    background: var(--color-1);
}
.phanhoi .slick-prev
{
    background: #e8e8e8;
    top: -7%;
    right: 8%;
    left: inherit;
    border-radius: 50%;
}
.phanhoi .slick-prev:hover
{
    background: var(--color-1);
}
.phanhoi .col-right .cskh
{
    position: absolute;
    left: 12%;
    top: -9%;
    background: #189d7b;
    padding: 3px 20px;
    color: #fff;
    border-radius: 5px;
    text-transform: uppercase;
    font-weight: bold;
}
.phanhoi .col-right .cskh:after
{
    position: absolute;
    display: block;
    content: '';
    border-left: 10px solid #189d7b;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    left: 0;
    top: 64%;
}
.phanhoi .col-left .icon-iphone-call{
    position: absolute;
    bottom: 31%;
    left: 11%;
    -webkit-animation: namviet-alo-circle-img-anim 2s infinite ease-in-out;
    -moz-animation: namviet-alo-circle-img-anim 2s infinite ease-in-out;
    -ms-animation: namviet-alo-circle-img-anim 2s infinite ease-in-out;
    -o-animation: namviet-alo-circle-img-anim 2s infinite ease-in-out;
    animation: namviet-alo-circle-img-anim 2s infinite ease-in-out;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    /*-webkit-animation-name: hvr-wobble-horizontal;
    animation-name: hvr-wobble-horizontal;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;*/
}
@-webkit-keyframes namviet-alo-circle-img-anim {
    0% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }
}
@-webkit-keyframes rotating{
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.rotating {
  -webkit-animation: rotating 2s linear infinite;
  -moz-animation: rotating 2s linear infinite;
  -ms-animation: rotating 2s linear infinite;
  -o-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite;
}
@-webkit-keyframes hvr-wobble-horizontal{16.65%{-webkit-transform:translateX(8px);transform:translateX(8px)}33.3%{-webkit-transform:translateX(-6px);transform:translateX(-6px)}49.95%{-webkit-transform:translateX(4px);transform:translateX(4px)}66.6%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}83.25%{-webkit-transform:translateX(1px);transform:translateX(1px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes hvr-wobble-horizontal{16.65%{-webkit-transform:translateX(8px);transform:translateX(8px)}33.3%{-webkit-transform:translateX(-6px);transform:translateX(-6px)}49.95%{-webkit-transform:translateX(4px);transform:translateX(4px)}66.6%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}83.25%{-webkit-transform:translateX(1px);transform:translateX(1px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.hvr-wobble-horizontal{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent}.hvr-wobble-horizontal:active,.hvr-wobble-horizontal:focus,.hvr-wobble-horizontal:hover{-webkit-animation-name:hvr-wobble-horizontal;animation-name:hvr-wobble-horizontal;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}
.phanhoi .col-left .icon-iphone-mess{
    position: absolute;
        bottom: 31%;
    left: 27%;
    -webkit-animation-name: hvr-pulse;
    animation-name: hvr-pulse;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
@-webkit-keyframes hvr-pulse{25%{-webkit-transform:scale(1.1);transform:scale(1.1)}75%{-webkit-transform:scale(0.9);transform:scale(0.9)}}@keyframes hvr-pulse{25%{-webkit-transform:scale(1.1);transform:scale(1.1)}75%{-webkit-transform:scale(0.9);transform:scale(0.9)}}.hvr-pulse{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent}.hvr-pulse:active,.hvr-pulse:focus,.hvr-pulse:hover{-webkit-animation-name:hvr-pulse;animation-name:hvr-pulse;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
.tatcabenh .list
{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(8, 1fr);
    gap: 5px;
}
.tatcabenh .list .item
{
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ededed;
    padding: 10px;
    border-radius: 10px;
    text-align: center;
}
.tatcabenh .list .item:nth-child(4)
{
    grid-column: 1/2;
    grid-row: 2/4;
}
.tatcabenh .list .item:nth-child(7)
{
    grid-column: 2/3;
    grid-row: 3/5;
}
.tatcabenh .list .item:nth-child(11)
{
    grid-column: 1/2;
    grid-row: 5/7;
}
.tatcabenh .list .item:nth-child(15)
{
    grid-column: 3/4;
    grid-row: 6/8;
}

.tatcabenh .list .item a
{
    color: #000;
}
.tatcabenh .list .item:hover
{
    background: var(--color-3) ;
    cursor: pointer;
    
}
.tatcabenh .list .item:hover a
{
    color: #fff;
}
.tatcabenh .khoa
{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 5px;
}
.tatcabenh .khoa .item .border-item
{
    border: thin solid #fff;
    height: 100%;
    border-style: dashed;
}
.tatcabenh .khoa .item:nth-child(1) 
{
    background: #e3286e;
}
.tatcabenh .khoa .item:nth-child(2) 
{
   background: #22b46f;
}
.tatcabenh .khoa .item:nth-child(3) 
{
    background: #3597d3;
}
.tatcabenh .khoa .item:nth-child(4) 
{
   background: #8ac53f;
}
.tatcabenh .khoa .item:nth-child(5) 
{
   background: #697bb5;
}
.tatcabenh .khoa .item:nth-child(6) 
{
   background: #fba819;
}
.tatcabenh .khoa .item
{
    padding: 0.2rem ; text-align: center;
        -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    border-radius: 5px;
    
}
.tatcabenh .khoa .item a{
    color: #fff;
}
.tatcabenh .khoa .item:hover {
    -webkit-animation-name: hvr-buzz-out;
    animation-name: hvr-buzz-out;
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

@keyframes hvr-buzz-out
{
    10% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }
    20% {
           -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
    }
    30% {
           -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
    }
    40% {
            -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
    }
    50% {
            -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
    }
    60% {
            -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
    }
    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
    }
    80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
    }
    90% {
        -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
    }
    100% {
       -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
    }
}
.kienthucchuyenkhoa .danhmuc
{
    white-space: nowrap;
    overflow-x: scroll;
    flex-wrap: nowrap;
    position: relative;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.kienthucchuyenkhoa .danhmuc .item
{
   list-style-type: none;
    padding: 5px 5px;
    background: #f4f4f5;
    margin: 0 10px;
    text-transform: uppercase;
    white-space: nowrap;
    display: inline-block;
    margin-bottom: 10px;
}
.kienthucchuyenkhoa .danhmuc .item:hover,.kienthucchuyenkhoa .danhmuc .item.active
{
    background: #ed1b61;
    color: #fff;
    font-weight: bold;
}
.kienthucchuyenkhoa .data 
{
    display: none;
}
.kienthucchuyenkhoa .data.active
{
    display: block;
}
.kienthucchuyenkhoa .data .list
{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    margin-top: 10px;
}
.kienthucchuyenkhoa .data .list .tintuc-ngang
{
    display: flex;
}
.kienthucchuyenkhoa .data .list .tintuc-ngang .title
{
    font-size: 90%;
    margin-bottom: 5px;
}
.kienthucchuyenkhoa .data .list .tintuc-ngang .ngaythang
{
    font-size: 80%;
    color: #888888;
}
.kienthucchuyenkhoa h3
{
    border: thin dashed #202020; display: table; margin: auto;
    padding: 10px 20px;
    border-radius: 10px;
    text-transform: uppercase;
}
.kienthucchuyenkhoa .data .tintuc a
{
     color: #000;

}
.nguyennhan
{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.nguyennhan > div
{
    margin-bottom: 10px;
}
.nguyennhan .col-right
{
    font-weight: bold;

}
.nguyennhan .khungtuvanngay
{
    display: flex;
    align-items: center;
    justify-content: center;
}
.nguyennhan .tuvanngay
{
    background: var(--color-1);
    color: #fff;
    display:table;
    
    font-size: 150%;
    font-weight: bold;
    border-radius: 10px;
    padding: 10px 20px;
    text-transform: uppercase;
}