.layanan{padding:80px 20px;font-family:Poppins,sans-serif}.layanan-header{text-align:center;margin-bottom:50px}.layanan-header h1{color:#1f2b59;margin-bottom:16px;font-size:36px;font-weight:600}.layanan-header p{color:#505258;max-width:913px;margin:0 auto;font-size:20px;font-weight:400}.layanans-grid{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:40px;margin-top:40px;display:flex}.layanan-card{background:#fff;border-radius:12px;flex-direction:column;gap:8px;width:100%;max-width:350px;transition:all .5s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 10px #00000040}.layanan-image{background:#e2e8f0;border-radius:12px 12px 0 0;width:100%;max-width:350px;height:216px;transition:all .5s;position:relative;overflow:hidden}.layanan-text{flex-direction:column;flex:1;gap:6px;padding:10px 16px 16px;display:flex}.layanan-name{color:#2c2f24;margin:0;font-size:20px;font-weight:500;line-height:26px}.layanan-desc{color:#737865;margin:5px 0 10px;font-size:14px;font-weight:500;line-height:20px}.layanan-actions{margin-top:auto;display:block}.layanan-button{color:#fff;text-align:center;background:linear-gradient(270deg,#2c5ea1 1.23%,#1f2b59 100%);border:0;border-radius:999px;width:100%;padding:12px 16px;font-size:16px;font-weight:400;text-decoration:none;transition:all .3s;display:block}.layanan-button:hover{background:linear-gradient(90deg,#26b9af 0%,#22305e 100%)}.layanan-card:hover .layanan-image{filter:brightness(60%)}.layanan-icons{z-index:2;gap:10px;transition:all .5s;display:none;position:absolute;top:0;right:30px}.layanan-icons div{background-color:#fffc;border-radius:0 0 30px 30px;flex-direction:column;padding:8px 0 13px;transition:all .5s;display:flex}.layanan-card:hover .layanan-icons{display:flex}.layanan-icons img{cursor:pointer;width:40px;height:40px;margin:7px;transition:all .5s}.layanan-actions-icons{display:none}.cta{justify-content:center;width:100%;padding:160px 16px 0;display:flex}.cta-inner{text-align:center;width:100%;max-width:960px}.cta-eyebrow{color:#818c96;margin:0 0 12px;font-size:19px;font-weight:600;line-height:24px}.cta-title{color:#111827;margin:0 0 32px;font-size:48px;font-weight:600;line-height:72px}.cta-button{color:#fff;background:linear-gradient(270deg,#2c5ea1 1.23%,#1f2b59 100%);border-radius:999px;width:100%;max-width:436px;padding:14px 72px;font-size:16px;font-weight:400;text-decoration:none;display:inline-block}.cta-button:hover{background:linear-gradient(90deg,#26b9af 0%,#22305e 100%)}@media (max-width:768px){.layanan{flex-direction:column;justify-content:center;align-items:center;padding:25px 0 0;display:flex}.layanan-header,.layanans-grid,.cta-inner{max-width:340px;margin-left:auto;margin-right:auto}.layanan-header{margin-bottom:10px}.layanan-header h1{margin-bottom:0;font-size:21px;font-weight:600;line-height:27px}.layanan-header p{display:none}.layanans-grid{flex-direction:column;gap:30px;margin:30px 0 40px}.layanan-card{border-radius:12px;width:100%;max-width:300px;transition:none}.layanan-image{width:100%;max-width:340px;height:100px;transition:none}.layanan-card:hover .layanan-image{filter:none}.layanan-icons{display:none!important}.layanan-text{padding:14px 14px 16px}.layanan-name{font-size:16px;line-height:20px}.layanan-desc{margin:6px 0 12px;font-size:11px;line-height:16px}.layanan-actions{align-items:center;gap:10px;display:flex}.layanan-button{border-radius:999px;flex:1;width:auto;padding:10px 12px;font-size:12px;transition:none}.layanan-button:hover{background:linear-gradient(270deg,#2c5ea1 1.23%,#1f2b59 100%)}.layanan-actions-icons{align-items:center;gap:8px;display:flex}.layanan-action-icon img{width:26px;height:26px}.layanan-action-icon:hover{filter:none;box-shadow:none;transform:none}.cta{background-color:#ffffff7c;padding:48px 16px}.cta-eyebrow{margin:0 0 10px;font-size:14px;line-height:18px}.cta-title{margin:0 0 18px;font-size:20px;line-height:26px}.cta-button{border-radius:999px;width:100%;max-width:340px;padding:12px 14px;font-size:14px;transition:none}.cta-button:hover{background:linear-gradient(270deg,#2c5ea1 1.23%,#1f2b59 100%)}}