*,body{box-sizing:border-box}.service-image img,.site-logo{width:100%;object-fit:contain}.info a,.service-item h3 a{text-decoration:none;color:#325e89}.info,.info a,.info h2,.service-item h3{color:#325e89}.genre-filter,.info,.lightbox.active,.overlay-info,.page-header a,.service-image,.service-section{display:flex;display:flex}body{margin:0;padding:0;width:100%;min-height:100vh;background-image:url(../photo/095.jpg);background-size:cover;background-position:center;background-attachment:fixed;font-family:Roboto,sans-serif}.info{width:100%;justify-content:center;font-size:20px;margin-bottom:30px;align-items:center;justify-content:center;flex-wrap:wrap}.info a{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}.page-header{width:100%;padding:20px 0}.page-header a{justify-content:center;align-items:center}.site-logo{max-width:60px;height:auto}.service-section{width:70%;min-height:420px;height:420px;margin:30px auto;padding:40px;background:#fff;align-items:center;justify-content:space-between;gap:50px;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;height:100%;overflow:hidden;justify-content:center;align-items:center}.service-image img{height:100%;display:block;cursor:pointer;scale:(1);transition:2s ease-in}.service-image img:hover{transform:scale(1.1)}.service-content{flex:1}.service-item h3{font-size:16px;line-height:20px;border-bottom:2px solid red;padding-bottom:10px}.info a,.info h2{margin:20px;font-size:20px}.lightbox{position:fixed;inset:0;backdrop-filter:blur(10px);justify-content:center;align-items:center;z-index:9999}.close-btn,.nav{position:absolute;cursor:pointer}.lightbox.active{opacity:1;visibility:visible}.lightbox-content{width:90%;max-width:1000px;text-align:center}.lightbox-content img{max-width:100%;max-height:70vh;border-radius:10px;box-shadow:0 0 30px rgba(0,0,0,.2);opacity:1;transition:opacity .25s,transform .25s}.lightbox-info{margin-top:25px}.lightbox-info h3,.lightbox-info p{color:#444;margin:10px 0}.close-btn{top:20px;right:35px;font-size:45px;color:#444}@media (max-width:768px){.info{font-size:16px;text-align:center}.service-section,.service-section.reverse{width:92%;flex-direction:column;padding:20px;gap:0;min-height:auto}.service-content,.service-image{width:100%}.service-image img{width:100%;max-width:100%}.service-item h3{font-size:13px;line-height:15px}.site-logo{max-width:50px}.lightbox-content{width:95%}.lightbox-content img{max-height:60vh}.close-btn{top:10px;right:30px;font-size:35px}}.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(186,186,186,.6)}.prev{left:20px}.next{right:20px}.lightbox-content{position:relative}.overlay-info{position:absolute;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}.lightbox{opacity:0;visibility:hidden;transition:opacity .3s}.lightbox-content img.fade-out{opacity:0;transform:scale(.98)}.genre-filter{width:100%;flex-direction:column;align-items:center;position:relative;margin-bottom:100px}::placeholder{color:#325e89}#genreSearch{width:320px;height:35px;color:#325e89;border-radius:3px;padding:0 18px;border:none;font-size:15px;border-bottom:2px solid red;outline:0}.genre-dropdown{width:320px;color:#325e89;max-height:80px;overflow-y:auto;background:#fff;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;cursor:pointer;color:#325e89;transition:.2s}.genre-item:hover{background:#d0d0d0;color:#fff}.result-count{text-align:center;margin-bottom:20px;font-size:14px;color:#325e89}