.perjanjian-banners-section{background:radial-gradient(circle at 0 0,#168a4014,#0000 35%),radial-gradient(circle at 100% 100%,#0f172a0a,#0000 30%),#f8fafc;padding:clamp(4.5rem,8vw,7rem) 0;position:relative}.perjanjian-banners-section .section-header{text-align:center;max-width:44rem;margin:0 auto 3.5rem}.perjanjian-banners-section .section-kicker{color:#168a40;text-transform:uppercase;letter-spacing:.12em;background:#168a401a;border-radius:999px;align-items:center;margin-bottom:.95rem;padding:.42rem .82rem;font-size:.76rem;font-weight:800;display:inline-flex}.perjanjian-banners-section .section-title{color:#0f172a;letter-spacing:-.05em;margin:0;font-size:clamp(2rem,4vw,2.9rem);font-weight:800;line-height:1.04}.perjanjian-banners-section .section-subtitle{color:#475569;max-width:38rem;margin:.95rem auto 0;font-size:.98rem;line-height:1.75}.perjanjian-banners-section .pt-banners{grid-template-columns:1fr 1fr;gap:2rem;max-width:1060px;margin:0 auto;display:grid}.perjanjian-banners-section .pt-banner{background:#fff;border:1px solid #0f172a14;border-radius:2rem;flex-direction:column;align-items:flex-start;padding:clamp(2rem,4vw,3.5rem);transition:transform .25s cubic-bezier(.16,1,.3,1),border-color .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #0f172a08}.perjanjian-banners-section .pt-banner:hover{transform:translateY(-6px);box-shadow:0 30px 60px #0f172a14}.perjanjian-banners-section .pt-banner--light{background:linear-gradient(135deg,#fff 0%,#f0fdf4 100%);border-color:#168a4026}.perjanjian-banners-section .pt-banner--light:hover{border-color:#168a4059}.perjanjian-banners-section .pt-banner--outline{background:linear-gradient(135deg,#fff 0%,#f0fdf4 100%);border-color:#168a4026}.perjanjian-banners-section .pt-banner--outline:hover{border-color:#168a4059}.perjanjian-banners-section .pt-banner__icon-wrapper{border-radius:1.2rem;justify-content:center;align-items:center;width:4rem;height:4rem;margin-bottom:1.75rem;font-size:1.6rem;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 10px #00000008}.perjanjian-banners-section .pt-banner--light .pt-banner__icon-wrapper,.perjanjian-banners-section .pt-banner--outline .pt-banner__icon-wrapper{color:#fff;background:#168a40}.perjanjian-banners-section .shiny-icon:after{content:"";background:linear-gradient(90deg,#fff0 0%,#fffc 50%,#fff0 100%);width:50%;height:100%;animation:3s infinite shine;position:absolute;top:0;left:-100%;transform:skew(-25deg)}@keyframes shine{0%{left:-100%}20%{left:200%}to{left:200%}}.perjanjian-banners-section .pt-banner__subtitle,.perjanjian-banners-section .pt-banner__desc-label{color:#168a40;text-transform:uppercase;letter-spacing:.12em;margin-bottom:.6rem;font-size:.76rem;font-weight:800}.perjanjian-banners-section .pt-banner__title{color:#0f172a;letter-spacing:-.04em;margin-bottom:1rem;font-size:clamp(1.5rem,3vw,2rem);font-weight:800;line-height:1.15}.perjanjian-banners-section .pt-banner__desc{color:#475569;max-width:100%;margin-bottom:2rem;font-size:1rem;font-weight:500;line-height:1.65}.perjanjian-banners-section .inc-services-grid__priceRow{flex-direction:column;align-items:flex-start;gap:.22rem;margin-top:auto;margin-bottom:1.8rem;display:flex}.perjanjian-banners-section .inc-services-grid__priceLabel{color:#168a40;letter-spacing:.12em;text-transform:uppercase;font-size:.74rem;font-weight:800}.perjanjian-banners-section .inc-services-grid__priceValue{color:#0f172a;letter-spacing:-.02em;font-size:clamp(1.35rem,3vw,1.65rem);font-weight:800;line-height:1.2}.perjanjian-banners-section .pt-banner--outline .inc-services-grid__priceValue{color:#168a40;letter-spacing:normal;font-size:1.02rem;font-weight:700}.perjanjian-banners-section .inc-services-grid__more{color:#168a40;z-index:2;align-items:center;gap:.45rem;width:fit-content;margin-top:auto;font-size:.9rem;font-weight:800;text-decoration:none;transition:color .22s;display:inline-flex}.perjanjian-banners-section .inc-services-grid__more i{transition:transform .18s}.perjanjian-banners-section .pt-banner:hover .inc-services-grid__more i{transform:translate(4px)}@media (max-width:991px){.perjanjian-banners-section .pt-banners{grid-template-columns:1fr;gap:1.5rem}.perjanjian-banners-section .pt-banner{text-align:left;align-items:flex-start;padding:2.25rem}}@media (max-width:575px){.perjanjian-banners-section{padding:3.5rem 0}.perjanjian-banners-section .section-header{margin-bottom:2.5rem}.perjanjian-banners-section .pt-banner{padding:1.75rem}}