.section-one{flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:400vh;padding-top:350px;display:flex;position:relative}.section-one:before{content:"";filter:grayscale();z-index:-1;background:url(/assets/path.svg) 50%/cover repeat-x;width:100%;height:100%;position:absolute;top:0;left:0}.secOne{background:var(--bg-glass);border:1px solid var(--border-subtle);width:80%;height:auto;box-shadow:8px 8px 30px var(--shadow-glow);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-align:center;cursor:pointer;color:var(--text-primary);border-radius:17px;justify-content:center;align-items:center;font-weight:bolder;transition:all .5s;display:flex;position:sticky;top:50%;transform:translateY(-50%)}.secOne:hover{border:1px solid var(--border-primary)}.grid-container{grid-template-rows:repeat(3,minmax(0,170px));grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;width:100%;max-width:100%;padding:20px;display:grid}.design-card{color:#fff;border-radius:16px;flex-direction:column;justify-content:center;padding:20px;transition:background-color .3s;display:flex;box-shadow:inset 0 2px 8px #fff3}.design-card:hover{background-color:#333}.website-card{grid-area:span 2/span 1;overflow:hidden}.framer-card{grid-row:span 2}.card-header{align-items:center;gap:10px;margin-bottom:16px;display:flex}.card-title{color:#fff;font-size:1.5rem;font-weight:700}.sec1-services-card-description{color:#b3b3b3;text-align:start;margin-bottom:16px;font-weight:500}.card-grid{gap:10px;overflow:hidden}.card-image-container{border-radius:8px;width:100%;height:174px;margin-bottom:20px;position:relative;overflow:hidden}.card-image{object-fit:cover;width:100%;max-height:200px}.slider-container{border-radius:10px;width:100%;height:auto;position:relative;overflow:hidden}.slider{will-change:transform;gap:20px;display:flex}.slider-image{filter:none;object-fit:contain;border-radius:10px;flex-shrink:0;width:auto;height:200px}@media (max-width:1260px){.card-title{font-size:1.2rem}.sec1-services-card-description{font-size:.8rem}}@media (max-width:1260px) and (min-width:1066px){.grid-container{grid-template-rows:repeat(3,minmax(0,160px))}}@media (max-width:768px){.section-one{height:auto;padding:0}.secOne{-webkit-backdrop-filter:none;backdrop-filter:none;border:none;width:100%;transform:none;box-shadow:inset 0 0 10px #f1f1f138}.grid-container{grid-template-rows:repeat(6,auto);grid-template-columns:minmax(0,1fr)}.design-card{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}}