html,body{overflow-x:hidden;position:relative;width:100%}*{box-sizing:border-box!important}.gallery-scope-wrapper{width:100%;margin:0;padding:0}.gallery-scope-wrapper .gallery-hero-banner{position:relative;width:100%;height:350px;background:#0f172a;overflow:hidden}.gallery-scope-wrapper .hero-image-wrapper{width:100%;height:100%}.gallery-scope-wrapper .hero-image-wrapper img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:.7}.gallery-scope-wrapper .hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;background:linear-gradient(to bottom,rgba(15,23,42,.4),rgba(15,23,42,.2))}.gallery-scope-wrapper .hero-title{color:#fff;font-size:3rem;font-weight:800;margin:0;text-shadow:0 4px 12px rgba(0,0,0,.3);line-height:1.1}.gallery-scope-wrapper .gallery-s1{padding:60px 0;background-color:#f8fafc}.gallery-scope-wrapper .gallery-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:30px;align-items:start;width:100%}.gallery-scope-wrapper .filter-sidebar{position:sticky;top:100px;height:auto;max-height:calc(100vh - 120px);overflow-y:auto;padding-right:10px}.gallery-scope-wrapper .filter-sidebar::-webkit-scrollbar{width:4px}.gallery-scope-wrapper .filter-sidebar::-webkit-scrollbar-track{background:transparent}.gallery-scope-wrapper .filter-sidebar::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px}.gallery-scope-wrapper .sidebar-title{font-size:14px;text-transform:uppercase;letter-spacing:1px;color:#94a3b8;margin-bottom:20px;font-weight:700}.gallery-scope-wrapper .tag-search-wrapper{position:relative;width:100%;margin-bottom:25px}.gallery-scope-wrapper .tag-search-input{width:100%;padding:12px 15px 12px 40px;border-radius:12px;border:1px solid #e2e8f0;background:white;font-size:14px;transition:all .3s ease}.gallery-scope-wrapper .tag-search-input:focus{border-color:#1c766c;box-shadow:0 0 0 3px #1c766c0d}.gallery-scope-wrapper .tag-search-wrapper svg{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#94a3b8}.gallery-scope-wrapper .option-list ul{padding:0;margin:0;list-style:none;display:flex;flex-direction:column;gap:8px}.gallery-scope-wrapper .option-list a{display:block;padding:10px 16px;background:transparent!important;color:#64748b!important;border-radius:10px;font-weight:500;text-decoration:none;transition:all .2s ease;border:1px solid transparent!important}.gallery-scope-wrapper .option-list a:hover{background:white!important;color:#1c766c!important;transform:translate(5px)}.gallery-scope-wrapper .option-list a.active{background:white!important;color:#1c766c!important;font-weight:700;box-shadow:0 4px 6px #0000000d;border-color:#e2e8f0!important}.gallery-scope-wrapper .option-list a.active:before{content:"";display:inline-block;width:6px;height:6px;background:#1c766c;border-radius:50%;margin-right:10px;vertical-align:middle}.gallery-scope-wrapper .gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;width:100%}.gallery-scope-wrapper .gallery-item{position:relative;aspect-ratio:4/3;border-radius:20px;overflow:hidden;background:#f1f5f9;cursor:pointer;box-shadow:0 10px 20px #00000014;transition:all .5s cubic-bezier(.175,.885,.32,1.275)}.gallery-scope-wrapper .gallery-item.loading:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%);background-size:200% 100%;animation:skeleton-load 1.5s infinite;z-index:1}@keyframes skeleton-load{0%{background-position:200% 0}to{background-position:-200% 0}}.gallery-scope-wrapper .gallery-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .7s ease,opacity .5s ease;opacity:0}.gallery-scope-wrapper .gallery-item img.loaded{opacity:1}.gallery-scope-wrapper .gallery-item:hover{transform:scale(1.03) translateY(-5px);box-shadow:0 20px 30px #00000026}.gallery-scope-wrapper .gallery-item:hover img{transform:scale(1.1)}.gallery-scope-wrapper .gallery-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(28,118,108,.4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .4s ease}.gallery-scope-wrapper .gallery-item:hover .gallery-overlay{opacity:1}.gallery-scope-wrapper .magnify-icon{width:60px;height:60px;background:white;border-radius:50%;display:flex;align-items:center;justify-content:center;transform:translateY(20px);transition:transform .4s ease}.gallery-scope-wrapper .gallery-item:hover .magnify-icon{transform:translateY(0)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(15,23,42,.98);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:999999;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease-out}.modal-box{position:relative;width:90vw;height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:center;animation:scaleModal .4s cubic-bezier(.34,1.56,.64,1)}.modal-box img{max-width:100%;max-height:70vh;border-radius:12px;box-shadow:0 25px 50px -12px #00000080;-o-object-fit:contain;object-fit:contain;background:#000}.modal-controls{position:absolute;bottom:-60px;left:0;right:0;width:100%;display:flex;justify-content:center;gap:40px;pointer-events:none}.modal-btn{width:55px;height:55px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:all;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-btn:hover{background:white;color:#1c766c;transform:scale(1.1)}.modal-close{position:fixed;top:25px;right:25px;background:#ef4444;border:none;color:#fff;width:45px;height:45px;border-radius:50%;font-weight:800;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 15px #ef444466;z-index:1000000}.modal-close:hover{transform:rotate(90deg) scale(1.1)}.gallery-scope-wrapper .empty-state{grid-column:1 / -1;padding:100px 0;text-align:center;background:white;border-radius:20px;border:2px dashed #cbd5e1}.gallery-scope-wrapper .empty-state svg{margin:0 auto 20px;height:60px;width:60px;color:#94a3b8}.gallery-scope-wrapper .empty-state h3{font-size:24px;font-weight:700;color:#64748b}.gallery-scope-wrapper .empty-state p{color:#94a3b8;margin-top:10px}.gallery-scope-wrapper .pagination-container.gallery .pagination{border:none;gap:8px}.gallery-scope-wrapper .pagination-container.gallery .page-link{display:flex!important;align-items:center!important;justify-content:center!important;width:45px!important;height:45px!important;background-color:#fff!important;color:#1c766c!important;border:1px solid #e2e8f0!important;border-radius:12px!important;font-weight:700!important;box-shadow:0 2px 4px #0000000d!important;transition:all .2s ease!important;padding:0!important;margin:0!important}@media (max-width: 991px){.gallery-scope-wrapper .gallery-hero-banner{height:220px;display:flex;align-items:center;padding-bottom:0}.gallery-scope-wrapper .hero-title{font-size:2.2rem;padding:0 15px;text-align:center;width:100%!important;margin-top:20px;position:relative}.gallery-scope-wrapper .gallery-grid{grid-template-columns:1fr!important;gap:25px!important;width:100%!important}.gallery-scope-wrapper .gallery-layout,.gallery-scope-wrapper .gallery-main,.gallery-scope-wrapper #gallery-content{display:block!important;width:100%!important;margin:0!important;padding:0!important}.gallery-scope-wrapper .container{padding-left:20px!important;padding-right:20px!important;width:100%!important;max-width:100%!important}.gallery-scope-wrapper .option-list ul{flex-direction:row!important;flex-wrap:nowrap!important;overflow-x:auto!important;padding:10px 0 20px!important;gap:12px!important;display:flex!important;scrollbar-width:none}.gallery-scope-wrapper .option-list ul::-webkit-scrollbar{display:none}.gallery-scope-wrapper .option-list li{flex:0 0 auto!important}.gallery-scope-wrapper .option-list a{white-space:nowrap!important;background:white!important;border:1px solid #e2e8f0!important;padding:10px 22px!important;font-size:14px!important;border-radius:50px!important}.gallery-scope-wrapper .option-list a.active{background:#1c766c!important;color:#fff!important;border-color:#1c766c!important;box-shadow:0 4px 12px #1c766c4d!important}.modal-controls{bottom:-70px;gap:50px}.modal-box img{max-height:60vh}.modal-close{top:20px;right:20px;width:40px;height:40px;font-size:12px}.gallery-scope-wrapper .filter-sidebar{display:block!important;position:relative!important;top:0!important;width:100%!important;max-height:none!important;padding:0 0 20px!important;overflow:visible!important}.gallery-scope-wrapper .filter-sidebar .sidebar-title,.gallery-scope-wrapper .filter-sidebar .tag-search-wrapper,.gallery-scope-wrapper .close-mobile-filter{display:none!important}.gallery-scope-wrapper .filter-sidebar.open{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;z-index:99999!important;background:white!important;padding:80px 25px 40px!important;display:flex!important;flex-direction:column!important;overflow-y:auto!important}.gallery-scope-wrapper .filter-sidebar.open .sidebar-title,.gallery-scope-wrapper .filter-sidebar.open .tag-search-wrapper{display:flex!important}.gallery-scope-wrapper .filter-sidebar.open .close-mobile-filter{display:flex!important;position:absolute;top:20px;right:20px;background:#f1f5f9;border:none;color:#64748b;width:44px;height:44px;border-radius:50%;align-items:center;justify-content:center;z-index:100;box-shadow:0 2px 8px #0000001a}.gallery-scope-wrapper .filter-sidebar.open .close-mobile-filter:hover{background:#ef4444;color:#fff}.gallery-scope-wrapper .filter-sidebar.open .option-list ul{flex-direction:column!important;overflow-x:visible!important;gap:8px!important}.gallery-scope-wrapper .filter-sidebar.open .option-list a{width:100%!important}.gallery-scope-wrapper .mobile-filter-trigger{display:flex!important;position:fixed;bottom:30px;left:30px;z-index:9999;background:linear-gradient(135deg,#1c766c 0%,#165b53 100%);color:#fff;padding:14px 24px;border-radius:50px;box-shadow:0 10px 30px #0000004d;align-items:center;gap:10px;font-weight:700;border:1px solid rgba(255,255,255,.3)}}.gallery-scope-wrapper .mobile-filter-trigger,.gallery-scope-wrapper .close-mobile-filter{display:none}@media (max-width: 991px){.nav-scope .logo img{max-width:180px!important}.mobile-toggle-nav .me-4{margin-right:15px!important}}