.services{grid-template-columns:repeat(2,1fr);gap:2rem;max-width:1200px;margin:0 auto 2rem;display:grid}.service-title{text-align:center;color:var(--color-two);padding:30px 0;scroll-margin-top:100px;font-size:clamp(1.5rem,5vw,2.5rem);font-weight:700}.service-p{opacity:.8;text-align:center;max-width:1000px;margin:0 auto 30px;padding:0 10px}.service-title-dark{color:var(--color-one)}.whole-card{position:relative}.service-card{--r:20px;--s:30px;--x:20px;--y:10px;aspect-ratio:1;border-radius:var(--r);--_m:/calc(2*var(--r))calc(2*var(--r))radial-gradient(#000 70%,#0000 72%);--_g:conic-gradient(from 90deg at calc(100% - var(--r))calc(100% - var(--r)),#0000 25%,#000 0);--_d:(var(--s) + var(--r));width:100%;height:150px;-webkit-mask:calc(100% - var(--_d) - var(--x))100% var(--_m),100% calc(100% - var(--_d) - var(--y))var(--_m),radial-gradient(var(--s)at 100% 100%,#0000 99%,#000 calc(100% + 1px))calc(-1*var(--r) - var(--x))calc(-1*var(--r) - var(--y)),var(--_g)calc(-1*var(--_d) - var(--x))0,var(--_g)0 calc(-1*var(--_d) - var(--y));mask:calc(100% - var(--_d) - var(--x))100% var(--_m),100% calc(100% - var(--_d) - var(--y))var(--_m),radial-gradient(var(--s)at 100% 100%,#0000 99%,#000 calc(100% + 1px))calc(-1*var(--r) - var(--x))calc(-1*var(--r) - var(--y)),var(--_g)calc(-1*var(--_d) - var(--x))0,var(--_g)0 calc(-1*var(--_d) - var(--y));background-color:#fff;grid-template-areas:"image title""image description";grid-auto-rows:auto 1fr;grid-auto-columns:auto 1fr;padding:1rem;display:grid;overflow:visible;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.question{background-color:var(--color-popup);text-align:center;color:#fff;border-radius:30% 70% 77% 23%/30% 31% 69% 70%;align-content:center;width:60px;height:50px;font-size:1.5rem;font-weight:700;position:absolute;bottom:0;right:0}.service-card-dark{background-color:var(--color-one)}.service-card img{aspect-ratio:1;background:#8458ff;border-radius:35%;width:50px;height:50px;margin:auto}.service-card img:hover{cursor:pointer;animation:1s linear skew}.service-card h3{color:var(--color-popup);align-self:center;margin:0;padding:0 10px;font-size:clamp(1.1rem,2.5vw,1.5rem);font-weight:700;line-height:1.8em}.service-card p{height:100%;color:var(--color-two);align-self:center;margin:0;padding:10px;overflow:visible}.service-card-dark p{color:var(--color-two)}@keyframes skew{0%{transform:skewY(0)scale(1)}25%{transform:skewY(3deg)scale(1.2)}50%{transform:skewY(0)scale(1)}75%{transform:skewY(-3deg)scale(1.2)}to{transform:skewY(0)scale(1)}}@media (max-width:768px){.services{grid-template-columns:1fr;margin-bottom:2rem;padding:0 1rem}.service-card{max-width:100%}}