/* ---------------------------------------------------------------
    Theme Name : HCMULAW
    Version: 08.2024
  ---------------------------------------------------------------- */
    
    @import url("https://cdnjs.cloudflare.com/ajax/libs/MaterialDesign-Webfont/7.4.47/css/materialdesignicons.min.css");
    @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap");
    @import url(assets/_assets.css);
    @import url(menu/_top-menu.css);
    @import url(menu/_main-menu.css);
    @import url(slider/_owl-main.css);
    @import url(footer/_footer.css);
    .line-mou {
        --line-mou-color-1: #068086;
        --line-mou-color-2: #EAF4F5;
        background: linear-gradient(90deg, var(--line-mou-color-1) 0%, var(--line-mou-color-2) 100%);
        width: 100%;
        height: 5px;
        margin: 1rem 0;
    }
    
    @media(min-width:768px) {
        .line-mou {
            background: linear-gradient(180deg, var(--line-mou-color-1) 0%, var(--line-mou-color-2) 100%);
            width: 5px;
            height: 100%;
            margin: 0 auto;
        }
    }
    
    .gallery figure {
        margin-bottom: 0;
        max-width: 110px;
    }
    
    .list-items {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        background-color: #fff;
    }
    
    .list-items>a {
        flex: 1 1 auto !important;
        padding: 1rem;
        max-width: 33.3333%;
    }
    
    @media(min-width:992px) {
        .list-items>a {
            max-width: 25%;
        }
    }
    
    @media(min-width:1024px) {
        .list-items>a {
            max-width: 20%;
        }
    }
    
    .text-header {
        text-transform: uppercase;
        color: #173D6F;
    }
    
    .text-header a {
        color: inherit;
    }
    
    .text-header a:hover {
        color: #0F7F87;
    }
    
    .text-header .fa-solid {
        color: #0F7F87;
    }