.hover-services-section{background-color:var(--bg-primary);height:100vh;font-family:var(--font-sans);color:var(--text-primary);align-items:center;padding:0 5%;display:flex;overflow:hidden}.hover-services-container{align-items:center;gap:60px;width:100%;max-width:1600px;height:85vh;margin:0 auto;display:flex}.hover-services-left{flex-direction:column;justify-content:center;width:35%;height:100%;display:flex}.hover-services-subtitle{color:var(--color-secondary);margin-bottom:20px;font-size:1.1rem;font-weight:500}.hover-services-main-title{font-family:var(--font-heading);color:var(--text-primary);margin-bottom:30px;font-size:3rem;font-weight:700;line-height:1.2}.hover-services-desc{color:var(--text-secondary);margin-bottom:30px;font-size:1.1rem;line-height:1.7}.hover-services-arrows{display:none!important}.hover-arrow-btn{background:var(--bg-secondary,#1f2937);color:#fff;cursor:pointer;border:1px solid #ffffff1a;border-radius:50%;outline:none;justify-content:center;align-items:center;width:50px;height:50px;font-size:1rem;transition:all .3s;display:flex}.hover-arrow-btn:hover:not(:disabled){background:var(--color-primary,#3b82f6);border-color:var(--color-primary,#3b82f6);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.hover-arrow-btn:active:not(:disabled){transform:translateY(0)}.hover-arrow-btn.disabled,.hover-arrow-btn:disabled{opacity:.3;cursor:not-allowed}.hover-services-right{width:65%;height:100%;padding-right:15px;overflow:hidden auto}.hover-services-right::-webkit-scrollbar{width:6px;display:block}.hover-services-right::-webkit-scrollbar-track{background:var(--bg-secondary,#1f2937);border-radius:4px}.hover-services-right::-webkit-scrollbar-thumb{background:var(--color-primary,#3b82f6);border-radius:4px}.hover-services-grid.slider-mode{grid-template-columns:repeat(2,1fr);gap:30px;width:100%;padding-bottom:40px;display:grid}.hover-service-card{cursor:pointer;width:100%;min-height:450px;transition:var(--transition-smooth,all .3s ease);background-position:50%;background-size:cover;border-radius:8px;align-items:flex-end;padding:30px;display:flex;position:relative;overflow:hidden}.hover-services-grid.small-cards .hover-service-card{min-height:280px;padding:20px}.hover-services-grid.small-cards .hover-service-title{font-size:1.3rem}.hover-services-grid.small-cards .hover-service-overlay-title{margin-bottom:10px;font-size:1.5rem}.hover-services-grid.small-cards .hover-service-description{margin-bottom:15px;font-size:.9rem}.hover-service-card:after{content:"";z-index:0;pointer-events:none;background:linear-gradient(#0000 50%,#000000d9 100%);height:100%;transition:opacity .4s;position:absolute;bottom:0;left:0;right:0}.hover-service-content-visible{z-index:1;flex-direction:column;width:100%;transition:opacity .3s;display:flex;position:relative}.hover-service-category{color:var(--color-secondary,#10b981);margin-bottom:10px;font-size:.9rem;font-weight:600}.hover-service-title{font-family:var(--font-heading);color:#fff;text-shadow:0 2px 4px #000c;margin:0;font-size:1.6rem;font-weight:600}.hover-service-overlay{opacity:0;z-index:2;background:#000;flex-direction:column;justify-content:center;padding:40px 30px;transition:opacity .4s;display:flex;position:absolute;inset:0}.hover-service-card:hover .hover-service-overlay{opacity:1}.hover-service-card:hover .hover-service-content-visible,.hover-service-card:hover:after{opacity:0}.hover-service-overlay-content{white-space:normal;transition:transform .4s;transform:translateY(20px)}.hover-service-card:hover .hover-service-overlay-content{transform:translateY(0)}.hover-service-category-overlay{color:var(--color-secondary,#10b981);margin-bottom:15px;font-size:.9rem;font-weight:600}.hover-service-overlay-title{font-family:var(--font-heading);color:#fff;margin-bottom:20px;font-size:1.8rem;font-weight:600}.hover-service-description{color:var(--text-secondary,#9ca3af);margin-bottom:30px;font-size:1rem;line-height:1.6}.hover-service-link{color:#fff;align-items:center;font-size:1rem;font-weight:600;text-decoration:none;display:flex}.hover-service-link span{background-color:var(--color-primary,#3b82f6);width:24px;height:24px;transition:var(--transition-smooth,all .3s ease);border-radius:4px;justify-content:center;align-items:center;margin-left:10px;font-size:.8rem;display:inline-flex}.hover-service-link:hover span{background-color:var(--color-secondary,#10b981);transform:translate(5px)}@media (width<=1200px){.hover-services-section{height:auto;padding:60px 5%;overflow:visible}.hover-services-container{flex-direction:column;align-items:flex-start;gap:30px;height:auto}.hover-services-left{width:100%}.hover-services-arrows{gap:15px;margin-top:15px;margin-bottom:5px;display:flex!important}.hover-services-right{scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;align-items:center;width:100%;padding:10px 0 25px;display:flex;overflow:auto hidden}.hover-services-right::-webkit-scrollbar{height:6px;display:block}.hover-services-right::-webkit-scrollbar-track{background:var(--bg-secondary,#1f2937);border-radius:4px}.hover-services-right::-webkit-scrollbar-thumb{background:var(--color-primary,#3b82f6);border-radius:4px}.hover-services-grid.slider-mode{flex-direction:row;gap:30px;width:max-content;padding-bottom:10px;display:flex}.hover-service-card{scroll-snap-align:start;align-items:flex-end;padding:30px;flex-shrink:0!important;width:320px!important;min-height:480px!important}.hover-service-card:after{opacity:1!important;background:linear-gradient(#0000 50%,#000000d9 100%)!important}.hover-service-content-visible{display:flex!important}.hover-service-overlay{position:absolute;inset:0;opacity:0!important;background:#000!important}.hover-service-card:hover .hover-service-overlay{opacity:1!important}.hover-service-card:hover .hover-service-content-visible{opacity:0!important}}@media (width<=768px){.hover-services-main-title{margin-bottom:15px;font-size:2.2rem}.hover-services-desc{margin-bottom:25px}.hover-services-grid.slider-mode{gap:16px!important}.hover-service-card{width:290px!important;min-height:360px!important}.hover-service-card:after{opacity:1!important;background:linear-gradient(#0000 40%,#000000e6 100%)!important}.hover-service-overlay{padding:20px}.hover-service-overlay-title{margin-bottom:10px;font-size:1.4rem}.hover-service-description{-webkit-line-clamp:4;-webkit-box-orient:vertical;margin-bottom:15px;font-size:.9rem;line-height:1.5;display:-webkit-box;overflow:hidden}.hover-service-link{font-size:.9rem}}