html,body{overscroll-behavior:none}.btn-project-detail{background:#191e3a;color:#fff}.box-project .card.style-7 .card-footer{position:unset}.box-project .card.style-7{display:flex;flex-direction:column;height:100%;box-shadow:none}.box-project .card.style-7 .card-footer{min-height:104px!important;display:flex;flex-direction:column;justify-content:space-between}.box-project .card.style-7 .card-title,.featured-project-card .card-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.box-project .card.style-7 .featured-project-thumb .background-image-card{position:absolute;top:0;right:0;bottom:0;left:0;background-position:center;background-size:cover;filter:blur(10px);transform:scale(1.08);opacity:.6}.box-project .card.style-7 .featured-project-thumb .card-img-top{position:relative;border-radius:7px 7px 0 0;height:100%;-o-object-fit:contain;object-fit:contain}.slide-desktop{display:block}.slide-mobile{display:none}.item-banner{aspect-ratio:1920 / 850!important;overflow:hidden}.item-banner:before{position:absolute;top:0;left:0;overflow:hidden;height:100%;width:100%;z-index:2;opacity:.4;background:#091c3d;content:""}.item-banner img{width:100%!important;height:100%!important;-o-object-fit:cover!important;object-fit:cover!important}.carousel-caption h3{margin-bottom:10px!important}.carousel-caption{z-index:3}.caption-fade-down,.caption-fade-up{opacity:0}.carousel-item.active .caption-fade-down{animation:captionFadeDown 1s ease forwards}.carousel-item.active .caption-fade-up{animation:captionFadeUp 1s ease forwards}.carousel-item.active .caption-delay-1{animation-delay:.2s}.carousel-item.active .caption-delay-2{animation-delay:.35s}.carousel-item.active .caption-delay-3{animation-delay:.5s}.carousel-item.active .caption-delay-4{animation-delay:.65s}@keyframes captionFadeDown{0%{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}@keyframes captionFadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.page-home .banner-project img{width:100%;aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;max-height:80vh}.card-img-top{width:100%;aspect-ratio:4/3;-o-object-fit:cover;object-fit:cover}.middle-content .widget-content .box-project .card-footer{min-height:65px;padding:8px}.main-content .middle-content .widget-content .list-project .splide__pagination{display:none}.middle-content .widget-content .box-project .card-title{font-size:16px}.doi-tac h2{color:#fff;font-family:Montserrat,SVN-Circular,Arial,sans-serif;font-weight:600;font-size:32px;letter-spacing:2px;text-align:center;margin:0;padding:18px 0 16px}.slide-doi-tac{gap:0!important}.slide-doi-tac .slick-slide{display:flex!important;justify-content:center;align-items:center;padding:0 16px;opacity:.7;transition:opacity .3s}.slide-doi-tac .slick-center{opacity:1}@media(max-width:1024px){.main-content .middle-content .carousel-inner .carousel-item img{height:500px}}@media(max-width:770px){.slide-desktop{display:none}.slide-mobile{display:block}.middle-content .widget-content .box-project .card-title{font-size:12px}.middle-content .widget-content .box-project .card-footer{min-height:52px}.middle-content .widget-content .box-project .card{min-height:175px}.main-content .middle-content .carousel-inner .carousel-item img{height:435px}}@media(max-width:425px){.main-content .middle-content .carousel-inner .carousel-item img{height:400px}.main-content .middle-content .carousel-inner .carousel-item .carousel-caption h3{font-size:22px}}.home-modern{background:radial-gradient(circle at 7% 22%,rgba(20,92,210,.12),transparent 32%),radial-gradient(circle at 92% 80%,rgba(4,160,146,.12),transparent 32%),#f7f9ff}.home-modern .btn-project-detail{border:none;border-radius:4px;padding:10px 20px;background:linear-gradient(125deg,#1557ba,#0f7ea8);box-shadow:0 12px 22px #115bbc59;transition:transform .3s ease,box-shadow .3s ease}.home-modern .btn-project-detail:hover{transform:translateY(-2px);box-shadow:0 16px 24px #115bbc66}.modern-section{width:min(1320px,calc(100% - 16px));margin:34px auto 0;background:transparent;border:none;border-radius:0;padding:0 8px;box-shadow:none}.section-top{margin-bottom:20px;display:flex;align-items:end;justify-content:space-between;gap:12px}.section-chip{display:inline-block;padding:7px 14px;border-radius:4px;background:#165fc11a;color:#0f5dc4;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.section-top h2{margin:8px 0 0;color:#142545;font-size:clamp(1.6rem,3vw,2.1rem);font-weight:800;letter-spacing:.02em}.section-more{color:#1357b6;font-weight:700;text-decoration:none}.section-more:hover{color:#0a3e89}.smart-card{display:block;height:100%;border-radius:7px;overflow:hidden;border:1px solid #e0e7f3;background:#fff;text-decoration:none;box-shadow:0 8px 25px #0d27521a;transition:transform .3s ease,box-shadow .3s ease}.smart-card:hover{transform:translateY(-5px);box-shadow:0 14px 30px #0d275229}.featured-project-section{background:transparent;width:min(1320px,calc(100% - 16px));padding:0 8px;border:none;border-radius:0;box-shadow:none}.featured-subtitle{margin-top:8px;max-width:700px;color:#4f5f82;font-size:13px;line-height:1.6}.featured-project-section .widget-content,.featured-project-section .widget-content-area{background:unset;border:none;box-shadow:none;padding:0}.featured-project-card{border:1px solid rgba(214,226,245,.95);border-radius:7px;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:transform .32s ease,box-shadow .32s ease,border-color .32s ease}.featured-project-card:hover{transform:translateY(-6px);box-shadow:0 18px 34px #0d275233;border-color:#2167d666}.featured-project-thumb{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#dbe7fb}.featured-project-thumb:before{content:none}.featured-project-thumb .featured-project-image{display:block;width:100%!important;height:auto!important;max-width:100%;max-height:100%;-o-object-fit:contain!important;object-fit:contain!important;aspect-ratio:auto!important;transition:transform .45s ease,filter .45s ease}.featured-project-card:hover .featured-project-thumb .featured-project-image{transform:none;filter:none}.featured-order{position:absolute;left:10px;top:10px;z-index:2;border-radius:999px;min-width:44px;text-align:center;padding:6px 11px;font-size:11px;font-weight:700;color:#0b2f62;background:linear-gradient(135deg,#f9fdff,#cde4ff);border:1px solid rgba(255,255,255,.85);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.featured-project-section .middle-content .widget-content .box-project .card-footer,.featured-project-section .box-project .card-footer{min-height:104px;display:flex;flex-direction:column;justify-content:space-between;padding:14px 14px 16px;border-top:1px solid #edf2fb;background:linear-gradient(160deg,#fff,#f5f9ff)}.featured-project-section .middle-content .widget-content .box-project .card-title,.featured-project-section .box-project .card-title{color:#15264a;font-size:16px;line-height:1.42;min-height:2.84em;font-weight:700}.featured-project-section .box-project{height:100%}.featured-project-section .splide__slide{height:auto}.featured-view-link{color:#0f4ea9;font-size:12px;font-weight:700;display:inline-flex;align-items:center;gap:5px;width:-moz-fit-content;width:fit-content;padding:5px 10px;border-radius:999px;border:1px solid #d3e1f6;background:#f6faff}.featured-project-section .list-project .splide__arrow{width:40px;height:40px;background:#0d4290eb;border:1px solid rgba(255,255,255,.42);box-shadow:0 8px 18px #0c275238;opacity:1}.featured-project-section .list-project .splide__arrow svg{fill:#fff}.featured-project-section .list-project .splide__arrow:hover{background:#0a3f88}.featured-project-section .list-project .splide__arrow:hover svg{fill:#fff}.smart-thumb{position:relative;aspect-ratio:16 / 10;background:linear-gradient(120deg,#dce7ff,#edf2ff)}.smart-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.smart-date{position:absolute;left:12px;bottom:12px;display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:8px;background:#0b2143c7;color:#fff;font-size:12px;font-weight:600}.smart-body{padding:16px}.smart-body h3{margin:0;color:#142545;font-size:18px;font-weight:700}.smart-body p{margin:10px 0 0;color:#58637f;font-size:14px;line-height:1.6}.event-card{display:grid;grid-template-columns:130px 150px 1fr}.event-date{display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;background:linear-gradient(140deg,#0e376a,#1357b6);font-size:15px;font-weight:700;padding:12px}.event-thumb{background:#ebf1ff;position:relative;overflow:hidden}.event-thumb img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;filter:saturate(.94) contrast(1.03);transform:scale(1.02);transition:transform .35s ease,filter .35s ease}.event-thumb:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#061b3f0d,#061b3f40);pointer-events:none}.event-card:hover .event-thumb img{transform:scale(1.06);filter:saturate(1) contrast(1.06)}.upcoming-event-block{margin-bottom:24px}.upcoming-event-card{display:flex;align-items:stretch;border-radius:7px;overflow:hidden;border:1px solid #d6dfef;text-decoration:none;background-color:#f9fcff;background-image:linear-gradient(112deg,#071f45d1 6%,#071f457a 34%,#071f452e 56%,#071f450f),var(--upcoming-bg, linear-gradient(128deg, #274267, #365f8c));background-size:cover,cover;background-position:center,center;box-shadow:0 10px 24px #12325b1f;min-height:120px;position:relative;isolation:isolate;transition:transform .22s ease,box-shadow .22s ease}.upcoming-event-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#ffffff0f,#ffffff52);z-index:0;pointer-events:none}.upcoming-event-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#072048bd,#0720482e);z-index:0;pointer-events:none}.upcoming-event-card:hover{transform:translateY(-2px);box-shadow:0 14px 28px #12325b33}.upcoming-event-content{padding:0;color:#fff;display:grid;grid-template-columns:minmax(150px,22%) 1fr auto;align-items:center;gap:0;overflow:hidden;position:relative;z-index:1;margin:0;width:100%;min-height:120px}.upcoming-side{display:grid;gap:6px;align-content:center;height:100%;padding:18px 14px 18px 16px;background:linear-gradient(140deg,#09224ff0,#0f428de0);position:relative}.upcoming-side:after{content:"";position:absolute;top:0;right:-34px;width:34px;height:100%;background:inherit;clip-path:polygon(0 0,100% 50%,0 100%)}.upcoming-side-label{font-size:9px;letter-spacing:.07em;text-transform:uppercase;color:#d5e9fff5;font-weight:700}.upcoming-side-status{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:#f7fbff}.upcoming-side-status i{font-size:7px;color:#53f0b7}.upcoming-main{display:grid;gap:5px;padding:14px 16px 14px 40px;width:100%}.upcoming-kicker{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#e7f1ffe0}.upcoming-main h3{margin:0;color:#fff;font-size:clamp(1rem,1.8vw,1.45rem);font-weight:800;line-height:1.22}.upcoming-meta-line{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;color:#f1f7fff5;font-size:11px;font-weight:500}.upcoming-meta-line span{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.upcoming-meta-line i{font-size:10px;color:#ffffffe6}.upcoming-cta{display:inline-flex;align-items:center;gap:6px;justify-self:end;margin-right:16px;font-size:11px;font-weight:700;color:#08336b;padding:8px 12px;border-radius:999px;background:#f8fcfff0;border:1px solid rgba(255,255,255,.74)}.upcoming-placeholder{display:block;background:linear-gradient(128deg,#274267,#365f8c)}.events-section .event-card{border-color:#dae5fa}.news-section .smart-card{border-color:#e0e7f3}.empty-data-box{border:1px dashed #b9c9e9;border-radius:10px;padding:18px;text-align:center;color:#4b5f84;background:linear-gradient(120deg,#f4f8ff,#eef4ff);font-weight:600}.card-placeholder .smart-thumb,.card-placeholder .event-thumb{min-height:170px}.partners-section{margin-top:32px}.partners-section .doi-tac{background:transparent;border-radius:0;box-shadow:none;padding-top:0}.partners-section .doi-tac h2{color:#1a4173!important}.partners-section .slide-doi-tac img{filter:grayscale(100%);transition:filter .25s ease}.partners-section .slide-doi-tac .slick-center img,.partners-section .slide-doi-tac .slick-slide:hover img{filter:grayscale(0%)}.reveal-block{opacity:0;transform:translateY(20px);animation:revealUp .8s ease forwards;animation-play-state:paused}.reveal-block.is-visible{animation-play-state:running}@keyframes revealUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:992px){.modern-section{width:calc(100% - 12px);padding:0 6px}.event-card{grid-template-columns:110px 130px 1fr}.featured-project-section .list-project .splide__arrow{width:38px;height:38px}.featured-project-section{width:calc(100% - 12px);padding:0 6px}}@media(max-width:768px){.section-top{align-items:flex-start;flex-direction:column}.event-card{grid-template-columns:1fr}.event-date{justify-content:flex-start}.upcoming-event-card{height:auto}.upcoming-event-content{grid-template-columns:1fr;gap:0;min-height:0}.upcoming-side{padding:12px 14px}.upcoming-side:after{display:none}.upcoming-main{padding:12px 14px}.upcoming-main h3{font-size:1rem}.upcoming-meta-line{gap:6px 10px;font-size:10px}.upcoming-cta{justify-self:start;margin:0 0 12px 14px}.featured-project-section .box-project .card-footer{min-height:104px;padding:12px}}