.info,.site-logo,body{width:100%}.info,.info a,.info h2{font-size:20px;color:#325e89}.lightbox-content img,.lightbox-content video{max-width:100%;max-height:70vh;border-radius:10px;box-shadow:0 0 30px rgba(0,0,0,.2)}.genre-filter,.info,.lightbox.active,.overlay-info,.page-header a,.service-image,.service-section{display:flex;display:flex}.close-btn,.genre-item,.nav{cursor:pointer}*{box-sizing:border-box}body{font-family:Roboto,sans-serif;margin:0;padding:0;min-height:100vh;background-image:url(../photo/037.jpg);background-size:cover;background-position:center;background-attachment:fixed}.page-header{width:100%;padding:20px 0}.page-header a{justify-content:center;align-items:center}.site-logo{max-width:60px;height:auto;object-fit:contain}.info{align-items:center;justify-content:center;flex-wrap:wrap;margin-bottom:30px}.info h2{margin:20px}.info a{text-decoration:none;font-weight:700;transform:scale(1);transition:.2s ease-in}.info a i{margin-top:6px;transform:rotate(180deg)}.info a:hover{scale:1.05}.service-section{width:70%;height:420px;min-height:420px;margin:30px auto;padding:40px;background:#fff;align-items:center;justify-content:space-between;gap:50px;opacity:90%;overflow:hidden;border-radius:10px;box-shadow:0 5px 20px rgba(0,0,0,.15);transition:.4s}.lightbox,.overlay-info{background:rgba(255,255,255,.5)}.service-section.hide{opacity:0;transform:translateY(20px);pointer-events:none}.service-section.reverse{flex-direction:row-reverse}.service-image{flex:1;width:100%;height:100%;overflow:hidden;justify-content:center;align-items:center}.service-image img,.service-image video{width:100%;height:100%;object-fit:contain;display:block;cursor:pointer;transition:2s ease-in}.service-image img:hover,.service-image video:hover{transform:scale(1.1)}#lightbox-video,.service-image video{background:#000}.service-content{flex:1}.service-item h3{font-size:16px;color:#325e89;line-height:20px;border-bottom:2px solid red;padding-bottom:10px}.lightbox{position:fixed;inset:0;backdrop-filter:blur(10px);justify-content:center;align-items:center;z-index:9999;opacity:0;visibility:hidden;transition:opacity .3s}.lightbox.active{opacity:1;visibility:visible}.lightbox-content{position:relative;width:90%;max-width:1000px;text-align:center}.close-btn,.nav,.overlay-info{position:absolute}.lightbox-content img{opacity:1;transition:opacity .25s,transform .25s}.lightbox-content img.fade-out{opacity:0;transform:scale(.98)}.close-btn{top:20px;right:35px;font-size:45px;color:#444}.nav{top:50%;transform:translateY(-50%);color:#000;border:none;font-size:15px;padding:10px 15px;z-index:10000;transition:.3s}.nav:hover{background:rgba(184,184,184,.6)}.prev{left:20px}.next{right:20px}.overlay-info{bottom:5px;left:50%;transform:translateX(-50%);padding:6px 15px;border-radius:20px;font-size:12px;gap:20px;color:#325e89;backdrop-filter:blur(6px);white-space:nowrap;font-weight:700}.lb-desc{margin-top:15px;font-size:14px;color:#444}.genre-filter{width:100%;flex-direction:column;align-items:center;position:relative;margin-bottom:40px}::placeholder{color:#ededed}#genreSearch{width:320px;height:30px;color:#e5e5e6;margin-bottom:70px;padding:0 18px;border:none;font-size:15px;border-bottom:2px solid red;background-color:#a4a3a2;border-radius:3px;outline:0}.genre-dropdown{width:320px;color:#325e89;max-height:80px;overflow-y:auto;background:#ededed;border-radius:5px;display:none;position:absolute;top:45px;z-index:999}.genre-dropdown::-webkit-scrollbar{width:6px}.genre-dropdown::-webkit-scrollbar-thumb{border-radius:5px;background:#325e89}.genre-item{padding:4px 18px;color:#325e89;transition:.2s}.genre-item:hover{background:#d0d0d0;color:#fff}.result-count{text-align:center;margin-bottom:20px;font-size:14px;color:#325e89}@media (max-width:768px){#lightbox-img,#lightbox-video{max-width:95%;max-height:60vh}.info{font-size:16px;text-align:center}.service-section,.service-section.reverse{width:85%;flex-direction:column;padding:20px;gap:0;min-height:auto;height:auto}.service-image{width:100%;height:300px}.service-image img,.service-image video{width:100%;height:100%}.service-content{width:100%}.service-item h3{width:100%;font-size:13px;line-height:15px}.site-logo{max-width:50px}.lightbox-content{width:95%}.lightbox-content img,.lightbox-content video{max-height:60vh}.close-btn{top:10px;right:30px;font-size:35px}}#lightbox-img,#lightbox-video{display:none;max-width:90%;max-height:70vh;width:auto;height:auto;margin:auto;object-fit:contain;border-radius:10px;box-shadow:0 0 30px rgba(0,0,0,.2)}@media (max-width:768px){#lightbox-img,#lightbox-video{max-width:92%;max-height:60vh}}