/* 07 - J4T Service Areas */
.elementor-widget-j4t_areas{
  --j4t-navy:#10224d;
  --j4t-blue:#3658b7;
  font-family:Inter,Arial,sans-serif;
}
.elementor-widget-j4t_areas .elementor-widget-container{overflow:visible}
.j4t-areas{position:relative;width:100%;padding:80px 0;background:var(--j4t-navy);color:#fff;overflow:hidden}
.j4t-areas--full{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}
.j4t-areas__shell{width:1300px;max-width:100%;margin:0 auto}
.j4t-areas__title{max-width:1040px;margin:0 auto 38px;text-align:center;color:#fff;font-family:Manrope,Inter,Arial,sans-serif;font-size:clamp(28px,3vw,40px);font-weight:800;letter-spacing:-.025em;line-height:1.24}
.j4t-areas__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 24px;max-width:1040px;margin:0 auto}
.j4t-areas__item{position:relative;display:block;margin:0;padding-left:17px;color:rgba(255,255,255,.78);font-size:14px;font-weight:500;line-height:1.55}
.j4t-areas__item::before{content:"";position:absolute;left:0;top:.66em;width:6px;height:6px;border-radius:50%;background:#86a7ff;box-shadow:0 0 0 4px rgba(134,167,255,.10)}

/* Laptop */
@media(max-width:1366px){
  .j4t-areas__shell{width:90%}
}
/* Tablet */
@media(max-width:1024px){
  .j4t-areas{padding:68px 0}
  .j4t-areas__shell{width:90%}
  .j4t-areas__title{font-size:34px;max-width:900px}
  .j4t-areas__grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:900px}
}
/* Mobile */
@media(max-width:767px){
  .j4t-areas{padding:58px 0}
  .j4t-areas__shell{width:90%}
  .j4t-areas__title{font-size:29px;line-height:1.28;margin-bottom:30px}
  .j4t-areas__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px}
  .j4t-areas__item{font-size:13px;padding-left:15px}
  .j4t-areas__item::before{width:5px;height:5px;box-shadow:none}
}
@media(max-width:430px){
  .j4t-areas__grid{grid-template-columns:1fr 1fr;gap:11px 14px}
}

/* Service-detail preset */
.j4t-areas-style-detail .j4t-areas{padding:82px 0;background:linear-gradient(135deg,#3152aa,#3d63c5)}
.j4t-areas-style-detail .j4t-areas__title{max-width:1000px;font-size:clamp(30px,3vw,42px);margin-bottom:38px}
.j4t-areas-style-detail .j4t-areas__grid{max-width:1050px;gap:12px 24px}
.j4t-areas-style-detail .j4t-areas__item{color:rgba(255,255,255,.88);font-size:14px}
.j4t-areas-style-detail .j4t-areas__item::before{background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.12)}