.service-section{position:relative;display:flex;flex-direction:column;align-items:center;overflow:hidden;padding:0 20px;min-height:100vh}.cards-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(260px,1fr));gap:4vw;place-content:center}@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(90deg,#1e3a8a,#2563eb,#22d3ee);--shadow:rgba(37,99,235,0.3);--ring:#3b82f6}.outer.green{--main:#4dff88;--dark:#004d26;--light:#80ffb3;--gradient:linear-gradient(90deg,#065f46,#10b981,#6ee7b7);--shadow:rgba(16,185,129,0.3);--ring:#10b981}.outer.red{--main:#ff4d4d;--dark:#660000;--light:#ff9999;--gradient:linear-gradient(90deg,#7f1d1d,#dc2626,#f87171);--shadow:rgba(220,38,38,0.3);--ring:#ef4444}.outer{width:25vw;height:65vh;border-radius:26px;padding:1px;background:radial-gradient(circle 230px at 0 0,var(--light),var(--dark));position:relative}.dot{width:5px;aspect-ratio:1;position:absolute;background-color:var(--main);box-shadow:0 0 12px var(--main);border-radius:100px;z-index:2;right:10%;top:10%;animation:moveDot 6s linear infinite}@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;width:100%;height:100%;border-radius:25px;border:1px solid var(--main);background:radial-gradient(circle 280px at 0 0,var(--main),var(--dark));display:flex;align-items:center;justify-content:center;position:relative;flex-direction:column;color:#fff;padding:20px 50px;box-sizing:border-box}.ray{width:220px;height:45px;border-radius:100px;position:absolute;background-color:var(--light);opacity:.3;box-shadow:0 0 50px var(--light);filter:blur(10px);transform-origin:10%;top:0;left:0;transform:rotate(40deg)}.title{font-weight:700;font-size:1.5rem;margin-top:50px;margin-bottom:10px}.content,.title{text-align:center;text-shadow:0 4px 20px rgba(255,255,255,.4)}.content{font-size:1rem;line-height:1.6;margin:10px 0 20px}.view-btn{cursor:pointer;margin-top:auto;margin-bottom:auto;padding:12px 28px;border-radius:9999px;border:1px solid white;font-weight:600;font-size:1rem;color:white;background:var(--gradient);box-shadow:0 4px 20px var(--shadow);transition:all .5s ease}.view-btn:hover{transform:scale(1.05);box-shadow:0 6px 30px var(--shadow)}.view-btn:focus{outline:none;box-shadow:0 0 0 2px var(--ring)}.line{width:100%;height:1px;position:absolute;background-color:var(--dark)}.topl{top:10%;background:linear-gradient(90deg,var(--main) 30%,var(--dark) 70%)}.bottoml{bottom:10%}.leftl{left:10%;background:linear-gradient(180deg,var(--main) 30%,var(--dark) 70%)}.leftl,.rightl{width:1px;height:100%}.rightl{right:10%}@media (max-width:768px){.outer{width:90vw;height:60vh;border-radius:16px;background:radial-gradient(circle 120px at 0 0,var(--light),var(--dark))}}.title-service-btn{--main-color:rgb(0,123,255);--main-bg-color:rgba(0,123,255,0.36);--pattern-color:rgba(0,123,255,0.073);cursor:pointer;text-transform:uppercase;letter-spacing:.5rem;background:radial-gradient(circle,var(--main-bg-color) 0,rgba(0,0,0,0) 95%),linear-gradient(var(--pattern-color) 1px,transparent 1px),linear-gradient(to right,var(--pattern-color) 1px,transparent 1px);background-size:cover,15px 15px,15px 15px;background-position:50%;border-image:radial-gradient(circle,var(--main-color) 0,rgba(0,0,0,0) 100%) 1;border-width:1px 0;color:var(--main-color);padding:1rem 3rem;font-weight:800;font-size:1.3rem;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}}