@import "tailwindcss";
@charset "UTF-8";



    * {

      margin: 0px;

      padding: 0px;

      -webkit-box-sizing: border-box;

      box-sizing: border-box;

    }



    @font-face {

      font-family: "roboto-r";

      src: url(../fonts/Roboto-Regular.ttf);

      font-display: swap;

    }



    :focus {

      outline: none;

    }



    @font-face {

      font-family: "Myriad_Pro_Bold";

      src: url(../fonts/MYRIADPRO-BOLD.OTF) format("truetype");

      font-weight: normal;

      font-style: normal;

      font-display: swap;

    }



    @font-face {

      font-family: "SVNAndrogyne";

      src: url(../fonts/SVN-Androgyne.ttf) format("truetype");

      font-weight: normal;

      font-style: normal;

      font-display: swap;

    }

     @font-face {

      font-family: "MontserratBold";

      src: url(../fonts/Montserrat/Montserrat-Bold.ttf) format("truetype");

      font-weight: normal;

      font-style: normal;

      font-display: swap;

    }

     @font-face {

      font-family: "MontserratMedium";

      src: url(../fonts/Montserrat/Montserrat-Medium.ttf) format("truetype");

      font-weight: normal;

      font-style: normal;

      font-display: swap;

    }

    @font-face {

      font-family: "MontserratRegular";

      src: url(../fonts/Montserrat/Montserrat-Regular.ttf) format("truetype");

      font-weight: normal;

      font-style: normal;

      font-display: swap;

    }

    @font-face {

      font-family: "MontserratSemiBold";

      src: url(../fonts/Montserrat/Montserrat-SemiBold.ttf) format("truetype");

      font-weight: normal;

      font-style: normal;

      font-display: swap;

    }





    @font-face {

      font-family: "HelvetIns";

      src: url(../fonts/HelvetIns.ttf) format("truetype");

      font-weight: normal;

      font-style: normal;

      font-display: swap;

    }

    @font-face {

      font-family: "UTM_Helve";

      src: url(../fonts/UTM_Helve/UTM_Helve.ttf) format("truetype");

      font-weight: normal;

      font-style: normal;

      font-display: swap;

    }

    @font-face {

      font-family: "robotoBold";

      src: url(../fonts/Roboto/Roboto-Bold.ttf) format("truetype");

      font-weight: normal;

      font-style: normal;

      font-display: swap;

    }

    @font-face {

      font-family: "RobotoCondensed";

      src: url(../fonts/Roboto_Condensed/RobotoCondensed-VariableFont_wght.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;

    }



   



    .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_phuongphap{

                background-color: #1a67c6;

            }

            .active_phuongphap>span{

              color: #fff;

            }

              .chuyen_baiviet .slick-dots li button:before{

              color:#b88d8d;

             

            }

            .chuyen_baiviet .slick-dots li button:before{

              font-size: 20px;

            }

            .chuyen_baiviet .slick-dots li.slick-active button:before{

              color: #9c6463;

            }
nav ul
{
	position: relative;
}
.menu-item:hover .menusubcon {
    display: block;
}
 .menusubcon {
                display: none;
                position: absolute;
                top: 100%;
                left: 0;
                background-color: #fff;
                padding: 10px;
                -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.1);
                box-shadow: 0 2px 5px rgba(0,0,0,0.1);
                z-index: 1000;
                width: 100%;
                border: 2px solid var(--xanh);
                height: auto;
                max-height: 494px;
                overflow-y: scroll
            }

            .menu-item:hover .menusubcon {
                display: block
            }

            .mucbenh {
                text-align: left;
                width: 20%
            }

            .mucbenh .libenh {
                color: rgb(156 100 99 / 1 );
                font-size: 14px;
                font-weight: bold;
                text-align: left;
                padding: 0;
                padding-bottom: 3px;
                position: relative;
                text-transform: uppercase
            }

            .mucbenh .libenh:after {
                content: "";
                border-bottom: 1px solid #ccc;
                position: absolute;
                bottom: 0;
                left: 0;
                width: 80%
            }

            .mucbenh .libenh:hover {
                background-color: transparent;
                color: var(--hong)
            }

            .mucbenh .submenu {
                padding-top: 5px;
                padding-bottom: 10px
            }

            .mucbenh .submenu a {
                color: #000;
                text-align: left;
                padding: 5px 0;
                font-size: 15px
            }

            .mucbenh .submenu a:hover {
                background-color: transparent;
                color: red
            }

            .mucbenh .submenu a:before {
                content: "+";
                color: #000;
                font-size: 15px;
                display: inline-block;
                padding-right: 5px
            }

            .menusubcon::-webkit-scrollbar {
                width: 10px
            }

            .menusubcon::-webkit-scrollbar-track {
                background: #f1f1f1
            }

            .menusubconr::-webkit-scrollbar-thumb {
                background: #888;
                border-radius: 5px
            }

            .menusubcon::-webkit-scrollbar-thumb:hover {
                background: #555
            }