/* F5 How It Works only; the original images and Elementor widgets remain editable. */
.elementor-12738 .gato-f5-v1-works { padding:23px 24px 48px!important; scroll-margin-top:90px; }
.elementor-12738 .gato-f5-v1-works > .e-con-inner { max-width:1360px; gap:32px; }
.elementor-12738 .gato-f5-v1-works .gato-f5-v1-section-title::before { display:none; }
.elementor-12738 .gato-f5-v1-works .gato-f5-v1-section-title::after { content:""; display:block; width:64px; margin:16px auto 0; border-top:2px solid var(--f5-blue); }
.elementor-12738 .gato-f5-works-rail { --f5-works-header:140px; --f5-works-padding:clamp(24px,2.34vw,36px); display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; position:relative; width:100%; padding:0; align-items:stretch; }
.elementor-12738 .gato-f5-works-rail::before { content:""; position:absolute; top:var(--f5-works-header); left:0; right:0; border-top:2px dashed #98a3af; pointer-events:none; z-index:1; }
.elementor-12738 .gato-f5-v1-works .gato-f5-work-panel { display:flex; flex-direction:column; align-items:stretch; width:100%; min-width:0; height:auto; padding:0 0 24px; gap:0; border:0; border-radius:10px; background:#f1f3f5; overflow:visible; }
.elementor-12738 .gato-f5-work-header { display:flex; flex-direction:column; align-items:stretch; justify-content:flex-start; position:relative; width:100%; min-height:var(--f5-works-header); padding:30px var(--f5-works-padding) 0; gap:10px; }
.elementor-12738 .gato-f5-work-header::after { content:""; position:absolute; width:18px; height:18px; top:calc(var(--f5-works-header) - 8px); left:50%; transform:translateX(-50%); border-radius:50%; background:#8c96a4; pointer-events:none; z-index:2; }
.elementor-12738 .gato-f5-v1-works .gato-f5-work-header .gato-f5-v1-eyebrow p { font:400 15px/1.4 Poppins,Arial,sans-serif!important; color:var(--f5-blue)!important; }
.elementor-12738 .gato-f5-v1-works .gato-f5-work-title .elementor-heading-title { margin:0; font:600 27px/1.25 Poppins,Arial,sans-serif!important; color:var(--f5-ink)!important; overflow-wrap:normal; }
.elementor-12738 .gato-f5-v1-works .gato-f5-work-panel:not(.is-active) .gato-f5-work-title .elementor-heading-title { font-size:25px!important; }
.elementor-12738 .gato-f5-work-toggle { display:block; width:100%; min-height:44px; padding:0; margin:0; background:transparent; border:0; border-radius:4px; box-shadow:none!important; color:inherit; font:inherit; line-height:inherit; text-align:left; cursor:pointer; }
.elementor-12738 .gato-f5-work-toggle:hover { color:var(--f5-ink); background:transparent; }
.elementor-12738 .gato-f5-work-toggle:focus-visible { outline:3px solid #007db0; outline-offset:5px; }
.elementor-12738 .gato-f5-work-detail,
.elementor-12738 .gato-f5-work-summary { width:100%; padding:28px var(--f5-works-padding) 0; margin:0; }
.elementor-12738 .gato-f5-v1-works .gato-f5-work-detail p,
.elementor-12738 .gato-f5-v1-works .gato-f5-work-summary p { font:400 18px/1.6 Poppins,Arial,sans-serif!important; color:#626d7c!important; margin:0; }
.elementor-12738 .gato-f5-v1-works .gato-f5-v1-principle-image { width:calc(100% - 2 * var(--f5-works-padding)); max-width:500px!important; padding:0; margin:16px auto 0; }
.elementor-12738 .gato-f5-v1-works .gato-f5-v1-principle-image img { display:block; width:100%; height:auto; max-height:none; aspect-ratio:1; object-fit:contain; border-radius:0; }
.elementor-12738 .gato-f5-v1-works:not(.is-enhanced) .gato-f5-work-summary { display:none; }
.elementor-12738 .gato-f5-v1-works [hidden] { display:none!important; }
.elementor-12738 .gato-f5-v1-works.is-enhanced .gato-f5-works-rail { grid-template-columns:var(--f5-works-columns,minmax(0,2.6fr) minmax(0,1fr) minmax(0,1fr)); transition:grid-template-columns .3s ease; }
.elementor-12738 .gato-f5-work-panel.is-active .gato-f5-work-header::after { left:var(--f5-works-padding); transform:none; background:#f32f3b; }
@media(min-width:1200px) and (max-width:1399px) {
 .elementor-12738 .gato-f5-v1-works .gato-f5-work-panel:not(.is-active) .gato-f5-work-title .elementor-heading-title { font-size:22px!important; }
}
@media(min-width:1025px) and (max-width:1199px) {
 .elementor-12738 .gato-f5-works-rail { --f5-works-header:164px; }
 .elementor-12738 .gato-f5-v1-works .gato-f5-work-title .elementor-heading-title { font-size:24px!important; }
 .elementor-12738 .gato-f5-v1-works .gato-f5-work-panel:not(.is-active) .gato-f5-work-title .elementor-heading-title { font-size:20px!important; }
 .elementor-12738 .gato-f5-v1-works .gato-f5-work-header .gato-f5-v1-eyebrow p { font-size:12px!important; }
 .elementor-12738 .gato-f5-v1-works .gato-f5-work-detail p,
 .elementor-12738 .gato-f5-v1-works .gato-f5-work-summary p { font-size:16px!important; }
}
@media(max-width:1024px) {
 .elementor-12738 .gato-f5-v1-works { padding:40px 20px!important; }
 .elementor-12738 .gato-f5-works-rail,
 .elementor-12738 .gato-f5-v1-works.is-enhanced .gato-f5-works-rail { --f5-works-header:116px; --f5-works-padding:24px; grid-template-columns:minmax(0,1fr); gap:12px; min-height:0!important; transition:none; }
 .elementor-12738 .gato-f5-works-rail::before { display:none; }
 .elementor-12738 .gato-f5-work-header { padding-top:22px; border-bottom:2px dashed #98a3af; }
 .elementor-12738 .gato-f5-work-header::after { top:auto; bottom:-10px; left:var(--f5-works-padding); transform:none; }
 .elementor-12738 .gato-f5-v1-works .gato-f5-work-title .elementor-heading-title { font-size:22px!important; }
 .elementor-12738 .gato-f5-v1-works .gato-f5-work-panel:not(.is-active) .gato-f5-work-title .elementor-heading-title { font-size:22px!important; }
 .elementor-12738 .gato-f5-v1-works .gato-f5-work-header .gato-f5-v1-eyebrow p { font-size:13px!important; }
 .elementor-12738 .gato-f5-work-detail,
 .elementor-12738 .gato-f5-work-summary { padding-top:24px; }
 .elementor-12738 .gato-f5-v1-works .gato-f5-work-detail p,
 .elementor-12738 .gato-f5-v1-works .gato-f5-work-summary p { font-size:16px!important; }
}
@media(prefers-reduced-motion:reduce) {
 .elementor-12738 .gato-f5-v1-works.is-enhanced .gato-f5-works-rail { transition:none; }
}