@charset "UTF-8";

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

@font-face {
    font-family: "roboto-r";
    src: url(/pc/fonts/Roboto-Regular.ttf);
    font-display: swap;
}

:focus {
    outline: none;
}

@font-face {
    font-family: "Myriad_Pro_Bold";
    src: url(/pc/fonts/MYRIADPRO-BOLD.OTF) format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "HelvetIns";
    src: url(/pc/fonts/HelvetIns.ttf) format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "UTM_Helve";
    src: url(/pc/fonts/UTM_Helve/UTM_Helve.ttf) format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "robotoBold";
    src: url(/pc/fonts/Roboto/Roboto-Bold.ttf) format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "RobotoCondensed";
    src: url(/pc/fonts/Roboto_Condensed/RobotoCondensed-VariableFont_wght.ttf) format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "UTMAlbertaHeavy";
    src: url(/pc/fonts/UTM-Alberta-Heavy.ttf) format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "UTMAvo";
    src: url(/fonts/UTM_Avo/UTM_Avo.ttf) format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body {
    margin: 0 auto !important;
    width: 100%;
    font-size: 15px;
    font-family: "roboto-r";
    overflow-x: hidden !important;
    max-width: 1920px;
}

.to-custom-orange {
    background-color: #ffffff;
    /* Màu xanh */
    background-image: linear-gradient(tto bottom, #35d5f6 55%, #01b0d4 45%);
}

/* Hiệu ứng hover cho mục li */
.menu-web ul li:hover>ul {
    display: block;
}

img {
    height: auto;
}

.active_benh>div {
    background-color: #068513;
}

.custom-white {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7447%) hue-rotate(263deg) brightness(102%) contrast(102%);
}

.custom-orange {
    filter: brightness(0) saturate(100%) invert(75%) sepia(44%) saturate(4865%) hue-rotate(4deg) brightness(96%) contrast(103%);
}

.hover-benh-change.active_benh a img.benhshow1 {
    -webkit-animation: shake_benh 0.3s ease-in-out infinite;
    animation: shake_benh 0.3s ease-in-out infinite
}

.benhnamkhoa li:hover div a img {
    filter: brightness(0) saturate(100%) invert(75%) sepia(44%) saturate(4865%) hue-rotate(4deg) brightness(96%) contrast(103%);
}

@keyframes shake_benh {
    0% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    50% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    to {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
}

.active_hover_a {
    background-color: #d69de0;
    color: #fff;
}

.active_benh_list {
    background-color: #855fe7 !important;

}

.active_benh_list span {
    color: #fff;
}

.active_benh_bg {
    background-image: linear-gradient(to right, #fb4850, #b056b0, #875fe5);
    color: #fff;
}

.home-muc,
.next-muc {
    filter: brightness(0) saturate(100%) invert(36%) sepia(76%) saturate(787%) hue-rotate(222deg) brightness(102%) contrast(91%);
}

.danhmucbenh2 .slick-current>div {
    background-color: #855fe7;
}

.danhmucbenh2 .slick-current a img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(26deg) brightness(103%) contrast(103%);
}

.danhmucbenh2 .slick-current a span {
    color: #f1ff7b;
}

.danhmucbenh2 .slick-current a p {
    color: #fff;
}

#hieuung123 {
    animation: changeColor0 0.5s infinite alternate;

}

.hieuungnut {
    animation: changeColor1 0.5s infinite alternate;

}

@keyframes changeColor0 {
    0% {
        background-color: #ff4749;
        /* Màu gốc */
    }

    100% {
        background-color: #fedc01;
        /* Màu chuyển đổi khi rê chuột vào */
    }
}

@keyframes changeColor1 {
    0% {
        background-color: #d69de0;
        /* Màu gốc */
    }

    100% {
        background-color: #ea232a;
        /* Màu chuyển đổi khi rê chuột vào */
    }
}
.prev_tb01{
    position: absolute;
        bottom: 17px;
        z-index: 1000;
        left: 18px;

}
.next_tb01{
    position: absolute;
        bottom: 17px;
        z-index: 1000;
        right: 18px;

}
.bg_qt_left {
background-image: linear-gradient(to right, #deecff , #fefeff);
}
.bg_qt_right {
background-image: linear-gradient(to right, #fefeff , #deecff);
}
.top-head p img {
  display: inline-block;
}

.nguyentat {
  width: 100%;
}
.nguyentat li {
  background: url("../img/icon/social-nguyentat.png") left no-repeat;
  background-position: 0 0;
  width: 33.33%;
  height: 256px;
}
.nguyentat li .muc {
  width: 100%;
  padding: 140px 30px 0 43px;
}
.nguyentat li:first-child {
  background-position: 0 0;
}
.nguyentat li:nth-child(2) {
  background-position: -373px 0;
}
.nguyentat li:last-child {
  background-position: -754px 0;
}

.uudem-p {
  width: 100%;
  padding-top: 10px;
}
.uudem-p li {
  padding-left: 53px;
  position: relative;
  padding-bottom: 36px;
}
.uudem-p li:before {
  position: absolute;
  content: "";
  background: url("../img/social-so.png") left no-repeat;
  background-position: 0 0;
  width: 34px;
  height: 45px;
  display: block;
}
.uudem-p li:first-child::before {
  background-position: 2px -5px;
  top: 0;
  left: 0;
}
.uudem-p li:nth-child(2)::before {
  background-position: 2px -76px;
  top: 0;
  left: 0;
  height: 51px;
}
.uudem-p li:nth-child(3)::before {
  background-position: 2px -149px;
  top: 0;
  left: 0;
  height: 51px;
}
.uudem-p li:nth-child(4)::before {
  background-position: 2px -219px;
  top: 0;
  left: 0;
  height: 51px;
}
.uudem-p li:nth-child(5)::before {
  background-position: 2px -292px;
  top: 0;
  left: 0;
  height: 51px;
}
.uudem-p li:nth-child(6)::before {
  background-position: 2px -363px;
  top: 0;
  left: 0;
  height: 51px;
}
.uudem-p li:last-child::before {
  background-position: 2px -437px;
  top: 0;
  left: 0;
  height: 51px;
}

.benh_hover.active_benh {
  background: #3172b5;
  color: #fff;
}/*# sourceMappingURL=custom.css.map */