.services{background-color:var(--card-color);border-radius:12px;flex-direction:column;justify-content:center;gap:20px;width:100%;padding:10px;display:flex;overflow:hidden}h2{text-align:center;margin:10vh 0;font-size:clamp(32px,3vw,48px);font-weight:900}.service{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;z-index:1;background-color:#f3daa8;border-radius:12px;flex-direction:row;justify-content:space-between;align-items:center;gap:10px;min-height:8vh;max-height:max-content;padding:15px 20px;font-size:clamp(24px,2.5vw,36px);transition:all .5s;display:flex;position:relative;overflow:visible}.service h3{flex:1;align-items:center;max-height:max-content;margin:0;font-size:clamp(18px,2.5vw,32px);font-weight:800;display:flex}.service p{white-space:nowrap;margin:0;font-size:clamp(18px,2.5vw,36px);font-weight:600}.service .serviceCall{background-color:var(--accent-color);opacity:0;z-index:10;pointer-events:auto;border-radius:12px;justify-content:center;align-items:center;width:100px;height:100%;transition:all .3s;display:flex;position:absolute;top:0;right:-110px}.service .serviceCall img{width:clamp(20px,4vw,40px);height:clamp(20px,4vw,40px)}.service.active{margin-right:110px}.service.active .serviceCall{opacity:1}
