.services-grid{grid-template-columns:repeat(2,1fr);align-items:start;gap:24px;display:grid}.services-column{flex-direction:column;gap:20px;display:flex}.service-card{background-color:var(--black-90);border:1px solid var(--white-15);cursor:pointer;border-radius:10px;padding:20px;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.service-card:not(.active):hover{transform:translateY(-2px)}.service-card:not(.active):hover .arrow-svg{transform:translate(2px,-2px)}.service-card.active{background-image:linear-gradient(var(--black), var(--black)), linear-gradient(300deg, var(--secondary), transparent);background-origin:border-box;background-clip:padding-box,border-box;border:1px solid #0000}.service-card-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.service-header-left{align-items:center;gap:16px;display:flex}.service-icon-container{color:var(--white);opacity:.9;flex-shrink:0;justify-content:center;align-items:center;display:flex}.service-icon-svg{width:24px;height:24px;transition:transform .3s}.service-card:hover .service-icon-svg{transform:scale(1.1)}.service-card-title{font-family:var(--font-primary);color:var(--white);margin:0;font-size:20px;font-weight:500;line-height:1.4}.service-arrow-button{background-color:var(--black);width:45px;height:45px;color:var(--white);border:1px solid #333;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex}.arrow-svg{width:16px;height:16px;transition:transform .4s cubic-bezier(.16,1,.3,1)}.service-card.active .service-arrow-button{background:linear-gradient(var(--secondary));border-color:#0000}.service-card-body{opacity:0;max-height:0;transition:max-height .4s cubic-bezier(.16,1,.3,1),opacity .4s cubic-bezier(.16,1,.3,1);overflow:hidden}.service-card.active .service-card-body{opacity:1;max-height:200px}.service-divider{background:linear-gradient(90deg,#ffffff26 0%,#ffffff08 100%);border:0;height:1px;margin:18px 0}.service-description{font-family:var(--font-secondary);color:var(--grey-70);margin:0;font-size:16px;line-height:1.6}@media (max-width:1024px){.services-grid{grid-template-columns:1fr;gap:20px}}@media (max-width:640px){.service-card{padding:20px}.service-card-title{font-size:18px}.service-header-left{gap:12px}.service-icon-svg{width:22px;height:22px}.service-arrow-button{width:34px;height:34px}}