.services-container{z-index:100;color:var(--text-primary);box-sizing:border-box;background-color:#000;padding:8rem 8rem 4rem;position:relative;overflow:visible}.services-inner-container{flex-direction:column;justify-content:center;align-items:flex-start;gap:20px;padding:auto 60px;display:flex}.services-hero-section{text-align:center;z-index:101;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;width:100%;margin-bottom:4rem;display:flex;position:relative}.services-hero-text{z-index:2;flex-direction:column;justify-content:left;align-items:flex-start;margin-right:2rem;display:flex;position:relative}.services-title{color:#fff;text-shadow:0 0 2px #ffffff4d,0 0 10px #fff3;margin-top:30px;margin-bottom:20px;font-size:3rem;font-weight:400}.servicesSpan{color:gray}.services-subtitle{color:#cfcfcf;text-align:left;font-size:1.2rem}.services-hero-section button{margin-top:2rem}.services-grid-container{color:#f5f5f5}.services-grid{grid-template-rows:repeat(3,minmax(0,auto));grid-template-columns:1fr 1fr;gap:20px;width:100%;display:grid}.services-card{z-index:101;background:#111;border-radius:12px;flex-direction:column;justify-content:center;padding:1.5rem;transition:transform .3s,box-shadow .3s;display:flex;position:relative;box-shadow:inset 0 2px #5c5c5c14}.website-card{grid-area:1/1/3;overflow:hidden}.logo-card{grid-area:1/2}.graphic-card{grid-area:3/1}.development-card{grid-area:2/2/4;overflow:hidden}.services-card:hover{box-shadow:inset 0 0 10px #fffc}.services-card-header{align-items:center;gap:10px;margin-bottom:1rem;display:flex}.services-card-title{color:#fff;font-size:1.5rem;font-weight:700}.services-card-description{color:#cfcfcf;margin-bottom:1rem;font-size:1rem}.services-card-image-container{border-radius:8px;width:100%;height:250px;margin-top:auto;position:relative;overflow:hidden}.services-card-image{object-fit:cover;width:100%}.services-slider-container{border-radius:10px;width:100%;height:auto;position:relative;overflow:hidden}.services-slider{will-change:transform;gap:20px;display:flex}.services-slider-image{filter:none;object-fit:contain;border-radius:10px;flex-shrink:0;width:auto;height:250px}.ser-graphic{z-index:0;-webkit-user-select:none;user-select:none;filter:grayscale();pointer-events:none;object-fit:cover;opacity:1;width:100%;height:100%;position:absolute;top:0;left:0}.services-button-container{width:100%;max-width:100%;margin:0 auto;padding:20px 0;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 40% 70%,#0000);mask-image:linear-gradient(90deg,#0000,#000 40% 70%,#0000)}.Pbutton-slider-right{will-change:transform;gap:20px;width:max-content;display:flex}.Pbutton-slider-right div{flex-shrink:0;transition:transform .2s}@media (max-width:1260px){.services-card-title{font-size:1.2rem}.services-card-description{font-size:.8rem}}@media (max-width:1260px) and (min-width:1066px){.services-grid{grid-template-rows:repeat(3,minmax(0,auto))}}@media (max-width:768px){body{background-color:#000!important}.services-container{min-height:100vh;margin-top:80px;padding:2rem 1rem;background-color:#000!important}.services-inner-container{background-color:#000}.services-hero-section{text-align:center;background-color:#000;flex-direction:column;align-items:center;margin-bottom:2rem}.services-hero-text{text-align:center;align-items:center;margin-right:0}.services-title{font-size:2.5rem}.services-subtitle{text-align:center;font-size:1rem}.services-hero-section button{margin-top:1rem;padding:.6rem 1.5rem;font-size:.9rem}.services-grid{grid-template-rows:auto;grid-template-columns:1fr;gap:15px}.website-card,.logo-card,.graphic-card,.development-card{grid-area:auto/1}}@media (max-width:445px){.services-container{margin-top:90px;background-color:#000!important}.services-title{font-size:2rem}.services-subtitle{font-size:.9rem}.services-card-description{font-size:.8rem}.services-hero-section button{padding:.5rem 1.2rem;font-size:.85rem}}@media (max-width:375px){.services-container{margin-top:100px;background-color:#000!important}.services-title{font-size:1.8rem}.services-subtitle{font-size:.8rem}.services-card-description{font-size:.7rem}.services-hero-section button{padding:.4rem 1rem;font-size:.8rem}}