.service-section{flex-direction:column;align-items:center;min-height:100vh;padding:0 20px;display:flex;position:relative;overflow:hidden}.cards-grid{z-index:1;grid-template-columns:repeat(3,minmax(260px,1fr));place-content:center;gap:4vw;display:grid;position:relative}@media (max-width:1024px){.cards-grid{grid-template-columns:repeat(2,minmax(260px,1fr));gap:6vw}}@media (max-width:640px){.cards-grid{grid-template-columns:1fr;gap:40px;width:100%;padding:0 16px}}.outer.blue{--main:#4da3ff;--dark:#002b5b;--light:#80bfff;--gradient:linear-gradient(to right,#1e3a8a,#2563eb,#22d3ee);--shadow:#2563eb4d;--ring:#3b82f6}.outer.green{--main:#4dff88;--dark:#004d26;--light:#80ffb3;--gradient:linear-gradient(to right,#065f46,#10b981,#6ee7b7);--shadow:#10b9814d;--ring:#10b981}.outer.red{--main:#ff4d4d;--dark:#600;--light:#f99;--gradient:linear-gradient(to right,#7f1d1d,#dc2626,#f87171);--shadow:#dc26264d;--ring:#ef4444}.outer{background:radial-gradient(circle 230px at 0% 0%,var(--light),var(--dark));border-radius:26px;width:25vw;height:65vh;padding:1px;position:relative}.dot{aspect-ratio:1;background-color:var(--main);width:5px;box-shadow:0 0 12px var(--main);z-index:2;border-radius:100px;animation:6s linear infinite moveDot;position:absolute;top:10%;right:10%}@keyframes moveDot{0%,to{top:10%;right:10%}25%{top:10%;right:calc(100% - 35px)}50%{top:calc(100% - 30px);right:calc(100% - 35px)}75%{top:calc(100% - 30px);right:10%}}.card{z-index:1;border:solid 1px var(--main);background:radial-gradient(circle 280px at 0% 0%,var(--main),var(--dark));color:#fff;box-sizing:border-box;border-radius:25px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:20px 50px;display:flex;position:relative}.ray{background-color:var(--light);opacity:.3;width:220px;height:45px;box-shadow:0 0 50px var(--light);filter:blur(10px);transform-origin:10%;border-radius:100px;position:absolute;top:0%;left:0;transform:rotate(40deg)}.title{text-align:center;text-shadow:0 4px 20px #fff6;margin-top:50px;margin-bottom:10px;font-size:3.5vh;font-weight:700}.content{text-align:center;text-shadow:0 4px 20px #fff6;margin:10px 0 20px;font-size:3vh;line-height:1.6}.view-btn{cursor:pointer;color:#fff;background:var(--gradient);box-shadow:0 4px 20px var(--shadow);border:1px solid #fff;border-radius:9999px;margin-top:auto;margin-bottom:auto;padding:12px 28px;font-size:3vh;font-weight:600;transition:all .5s}.view-btn:hover{box-shadow:0 6px 30px var(--shadow);transform:scale(1.05)}.view-btn:focus{box-shadow:0 0 0 2px var(--ring);outline:none}.line{background-color:var(--dark);width:100%;height:1px;position:absolute}.topl{background:linear-gradient(90deg,var(--main)30%,var(--dark)70%);top:10%}.bottoml{bottom:10%}.leftl{background:linear-gradient(180deg,var(--main)30%,var(--dark)70%);width:1px;height:100%;left:10%}.rightl{width:1px;height:100%;right:10%}@media (max-width:768px){.outer{background:radial-gradient(circle 120px at 0% 0%,var(--light),var(--dark));border-radius:16px;width:90vw;height:60vh}}
.title-service-btn{--main-color:#007bff;--main-bg-color:#007bff5c;--pattern-color:#007bff13;cursor:pointer;text-transform:uppercase;letter-spacing:.5rem;background:radial-gradient(circle,var(--main-bg-color)0%,#0000 95%),linear-gradient(var(--pattern-color)1px,transparent 1px),linear-gradient(to right,var(--pattern-color)1px,transparent 1px);border-image:radial-gradient(circle,var(--main-color)0%,#0000 100%)1;color:var(--main-color);background-position:50%;background-size:cover,15px 15px,15px 15px;border-width:1px 0;padding:1rem 3rem;font-size:1.3rem;font-weight:800;transition:background-size .2s ease-in-out}.title-service-btn:hover{background-size:cover,10px 10px,10px 10px}.title-service-btn:active{filter:hue-rotate(250deg)}@media (min-width:768px){.title-service-btn{padding:3vh 3vw;font-size:4vh;font-weight:700}}