@charset "UTF-8";@import "https://fonts.googleapis.com/css?family=Nunito";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";@import "https://fonts.googleapis.com/css2?family=Quicksand:ital,wght@0,100..900;1,100..900&family=Quicksand:wght@300..700&display=swap";@font-face{font-family:'1FTV Photograph Signature';src:url(/fonts/Fz-Photograph.ttf) format("truetype");font-weight:400;font-style:normal}body{overflow:hidden;overflow-y:auto}.wrap-header{background-image:url()!important}ul.filter-project{color:#FFF;font-size:20px;font-style:normal;font-weight:500;line-height:27px;text-decoration-style:solid;text-decoration-skip-ink:none;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font;display:flex;list-style:none;margin-top:64px;margin-bottom:50px}li.filter-project{color:#ECECEC;font-size:20px;font-style:normal;font-weight:300;line-height:27px;margin-left:50px;cursor:pointer}span.type-project{font-family:Inter;font-size:16px;font-style:normal;font-weight:500;text-decoration-style:solid;text-decoration-skip-ink:none;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font;line-height:27px}span.type-project.active{text-decoration-line:underline}.filter-search{width:100%;height:auto;padding:25px 24px;align-items:center;gap:56px;flex-shrink:0;border-radius:12px;border:1px solid var(--l2,#FFF);background:var(--l1,linear-gradient(165deg,rgba(255,255,255,0.35) 0%,rgba(255,255,255,0.35) 0.01%,rgba(58,59,65,0.15) 27.77%,rgba(58,57,62,0.10) 58.98%,rgba(237,237,237,0.25) 99.33%));margin-bottom:40px}.title-filter-search{color:#FFF;text-align:center;font-size:16px;font-style:normal;font-weight:300;line-height:normal;float: left}input.input-filter-search{width:100%;height:41px;flex-shrink:0;border-radius:12px;border:1px solid #D9D9D9;background:#FFF;padding:0 15px;margin-top:10px}.item-project{width:100%;display:block}img.img-project{width:100%;flex-shrink:0}h2.name-project{color:#FFF;font-size:20px;font-style:normal;font-weight:700;padding:20px;line-height:32px}a.link-project{color:#FFF}.show-more{width:100%;text-align:center;margin-top:40px;margin-bottom:80px}button.btn-show-more{display:inline-flex;height:42px;padding:24px;justify-content:center;align-items:center;border:none;flex-shrink:0;border-radius:40px;background:var(--blue1,linear-gradient(97deg,#1A61ED -8.89%,#11BAE3 78.07%));box-shadow:1px 3px 6px 0 rgba(0,0,0,0.25) inset,0 4px 4px 0 rgba(0,0,0,0.25),0 4px 44px 0 rgba(0,0,0,0.25),0 4px 4px 0 rgba(0,0,0,0.25);color:#FFF;text-align:center;text-shadow:0 0 12px #1A61ED;font-family:Quicksand;font-size:16px;font-style:normal;font-weight:700;line-height:normal}h3.text-infomation{text-align:center;color:#fff}a.link-show-more{color:#fff}#loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:9999;display:flex;align-items:center;justify-content:center}.loading-content img{width:95px}

@media (max-width: 991px) {
    li.filter-project {
        color: #ECECEC;
        font-family: Inter;
        font-size: 12px !important;
        font-style: normal;
        font-weight: 400;
        line-height: 12px !important; /* 100% */
    }

    span.type-project {
        font-size: 12px !important;
    }

    ul.filter-project {
        margin-top: 10px !important;
        margin-bottom: 20px !important;
    }

    li.filter-project {
        !I;!;
        margin-left: 9px !important;!i;!;
    }
    .filter-search {
        padding: 12px 24px;
        align-items: center;
    }

    .col-lg-12.d-flex.filter-search-component {
        padding: 0px 24px;
    }

    .col-lg-12.d-flex.justify-content-end {
        padding-right: 13px;
    }

    button.navbar-toggler {
        padding: 0px !important;
    }

    a.link-project {
        color: #FFF;
        font-size: 10px !important;
        font-style: normal;
        font-weight: 700 !important;
        line-height: 14.879px; /* 160% */
    }

    h2.name-project {
        color: #FFF;
        font-size: 10px !important;
        font-style: normal;
        font-weight: 700;
        line-height: 14.879px; /* 160% */
        margin: 0px !important;
        padding-top: 10px !important;
    }
}