.elementor-46792 .elementor-element.elementor-element-cf17e80 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-46792 .elementor-element.elementor-element-cf17e80:not(.elementor-motion-effects-element-type-background), .elementor-46792 .elementor-element.elementor-element-cf17e80 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#12D9C1;}.elementor-46792 .elementor-element.elementor-element-cf17e80 > .elementor-container{max-width:1285px;}.elementor-46792 .elementor-element.elementor-element-cf17e80{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-46792 .elementor-element.elementor-element-cf17e80 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-46792 .elementor-element.elementor-element-b469c95.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-46792 .elementor-element.elementor-element-b469c95.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-46792 .elementor-element.elementor-element-b469c95.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-46792 .elementor-element.elementor-element-b469c95 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-46792 .elementor-element.elementor-element-558f0d5 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-46792 .elementor-element.elementor-element-558f0d5 > .elementor-container{max-width:700px;}.elementor-46792 .elementor-element.elementor-element-558f0d5{margin-top:0px;margin-bottom:0px;padding:8px 0px 8px 0px;}.elementor-bc-flex-widget .elementor-46792 .elementor-element.elementor-element-b43a92d.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-46792 .elementor-element.elementor-element-b43a92d.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-46792 .elementor-element.elementor-element-b43a92d.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-46792 .elementor-element.elementor-element-b43a92d > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-46792 .elementor-element.elementor-element-c94d8cc{width:var( --container-widget-width, 118.93% );max-width:118.93%;--container-widget-width:118.93%;--container-widget-flex-grow:0;text-align:right;color:#1C1C1C;}.elementor-46792 .elementor-element.elementor-element-c94d8cc > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-46792 .elementor-element.elementor-element-9b58f4a > .elementor-element-populated{margin:0px 0px 0px 29px;--e-column-margin-right:0px;--e-column-margin-left:29px;padding:0px 0px 0px 0px;}.elementor-46792 .elementor-element.elementor-element-5404d7b{width:var( --container-widget-width, 76.519% );max-width:76.519%;--container-widget-width:76.519%;--container-widget-flex-grow:0;}.elementor-46792 .elementor-element.elementor-element-457bee7 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-46792 .elementor-element.elementor-element-457bee7:not(.elementor-motion-effects-element-type-background), .elementor-46792 .elementor-element.elementor-element-457bee7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#12D9C1;}.elementor-46792 .elementor-element.elementor-element-457bee7 > .elementor-container{max-width:1285px;}.elementor-46792 .elementor-element.elementor-element-457bee7{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-46792 .elementor-element.elementor-element-457bee7 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-46792 .elementor-element.elementor-element-4186910.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-46792 .elementor-element.elementor-element-4186910.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-46792 .elementor-element.elementor-element-4186910.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-46792 .elementor-element.elementor-element-4186910 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-46792 .elementor-element.elementor-element-37790d9 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-46792 .elementor-element.elementor-element-37790d9 > .elementor-container{max-width:700px;}.elementor-46792 .elementor-element.elementor-element-37790d9{margin-top:0px;margin-bottom:0px;padding:8px 0px 8px 0px;}.elementor-bc-flex-widget .elementor-46792 .elementor-element.elementor-element-7d0a64f.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-46792 .elementor-element.elementor-element-7d0a64f.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-46792 .elementor-element.elementor-element-7d0a64f.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-46792 .elementor-element.elementor-element-7d0a64f > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-46792 .elementor-element.elementor-element-744cfb7{width:var( --container-widget-width, 118.93% );max-width:118.93%;--container-widget-width:118.93%;--container-widget-flex-grow:0;text-align:right;color:#1C1C1C;}.elementor-46792 .elementor-element.elementor-element-744cfb7 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-46792 .elementor-element.elementor-element-74014c9 > .elementor-element-populated{margin:0px 0px 0px 29px;--e-column-margin-right:0px;--e-column-margin-left:29px;padding:0px 0px 0px 0px;}.elementor-46792 .elementor-element.elementor-element-3ff931d{width:var( --container-widget-width, 76.519% );max-width:76.519%;--container-widget-width:76.519%;--container-widget-flex-grow:0;}.elementor-46792 .elementor-element.elementor-element-1114d87 > .elementor-container{max-width:1285px;}.elementor-bc-flex-widget .elementor-46792 .elementor-element.elementor-element-49cfa8b.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-46792 .elementor-element.elementor-element-49cfa8b.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-46792 .elementor-element.elementor-element-49cfa8b.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-46792 .elementor-element.elementor-element-49cfa8b > .elementor-element-populated{border-style:solid;border-width:0px 0px 1px 0px;}.elementor-46792 .elementor-element.elementor-element-713b2c5 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-46792 .elementor-element.elementor-element-713b2c5{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-46792 .elementor-element.elementor-element-d0af727 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-46792 .elementor-element.elementor-element-9989568{width:var( --container-widget-width, 84.375% );max-width:84.375%;--container-widget-width:84.375%;--container-widget-flex-grow:0;column-gap:0px;text-align:left;}.elementor-46792 .elementor-element.elementor-element-9989568 p{margin-bottom:0px;}.elementor-46792 .elementor-element.elementor-element-a35a538 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-46792 .elementor-element.elementor-element-5a2e6cd > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-46792 .elementor-element.elementor-element-5a2e6cd img{width:18px;}.elementor-46792 .elementor-element.elementor-element-6d54257{column-gap:0px;color:#818181;font-size:14px;line-height:21px;}.elementor-46792 .elementor-element.elementor-element-6d54257 p{margin-bottom:0px;}.elementor-46792 .elementor-element.elementor-element-00a575f > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-46792 .elementor-element.elementor-element-7f6ca05 img{width:14px;}.elementor-46792 .elementor-element.elementor-element-706323e{column-gap:0px;color:#818181;font-size:14px;line-height:21px;}.elementor-46792 .elementor-element.elementor-element-706323e p{margin-bottom:0px;}.elementor-46792 .elementor-element.elementor-element-07b99d3 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-46792 .elementor-element.elementor-element-3407cc5 img{width:14px;}.elementor-46792 .elementor-element.elementor-element-df3344f{column-gap:0px;color:#818181;font-size:14px;line-height:21px;}.elementor-46792 .elementor-element.elementor-element-df3344f p{margin-bottom:0px;}.elementor-46792 .elementor-element.elementor-element-239b596 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-46792 .elementor-element.elementor-element-e110fab img{width:14px;}.elementor-46792 .elementor-element.elementor-element-bd80502{width:var( --container-widget-width, 110.266% );max-width:110.266%;--container-widget-width:110.266%;--container-widget-flex-grow:0;column-gap:0px;color:#818181;font-size:14px;line-height:21px;}.elementor-46792 .elementor-element.elementor-element-bd80502 p{margin-bottom:0px;}.elementor-46792 .elementor-element.elementor-element-86eef21 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-46792 .elementor-element.elementor-element-3c64b53{width:var( --container-widget-width, 110.266% );max-width:110.266%;--container-widget-width:110.266%;--container-widget-flex-grow:0;column-gap:0px;text-align:right;}.elementor-46792 .elementor-element.elementor-element-3c64b53 p{margin-bottom:0px;}.elementor-46792 .elementor-element.elementor-element-ce7442d > .elementor-container{max-width:1285px;}.elementor-46792 .elementor-element.elementor-element-4e94daa > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-46792 .elementor-element.elementor-element-4e94daa > .elementor-container{max-width:1285px;}.elementor-46792 .elementor-element.elementor-element-4e94daa{margin-top:100px;margin-bottom:0px;}.elementor-bc-flex-widget .elementor-46792 .elementor-element.elementor-element-944ea4f.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-46792 .elementor-element.elementor-element-944ea4f.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-46792 .elementor-element.elementor-element-944ea4f.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-46792 .elementor-element.elementor-element-8d48344 img{width:166px;}.elementor-46792 .elementor-element.elementor-element-9a6f84a > .elementor-container{max-width:1286px;}.elementor-46792 .elementor-element.elementor-element-9a6f84a{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;}.elementor-46792 .elementor-element.elementor-element-9a6f84a > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-46792 .elementor-element.elementor-element-98b62ad.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-46792 .elementor-element.elementor-element-98b62ad > .elementor-element-populated{margin:100px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-46792 .elementor-element.elementor-element-73df04b{width:var( --container-widget-width, 61.694% );max-width:61.694%;--container-widget-width:61.694%;--container-widget-flex-grow:0;text-align:center;}.elementor-46792 .elementor-element.elementor-element-73df04b .elementor-heading-title{font-size:24px;text-transform:capitalize;line-height:32px;-webkit-text-stroke-color:#000;stroke:#000;}.elementor-46792 .elementor-element.elementor-element-4e28c5b{width:var( --container-widget-width, 72.955% );max-width:72.955%;--container-widget-width:72.955%;--container-widget-flex-grow:0;text-align:center;font-size:16px;line-height:24px;}.elementor-46792 .elementor-element.elementor-element-4e28c5b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 15px 0px;}.elementor-46792 .elementor-element.elementor-element-4e28c5b p{margin-bottom:0px;}.elementor-46792 .elementor-element.elementor-element-6c2da9a{text-align:center;font-size:16px;font-weight:600;line-height:24px;}.elementor-46792 .elementor-element.elementor-element-d5fb550 > .elementor-container{max-width:1286px;}.elementor-46792 .elementor-element.elementor-element-d5fb550{margin-top:0px;margin-bottom:0px;}.elementor-46792 .elementor-element.elementor-element-6fe4554:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-46792 .elementor-element.elementor-element-6fe4554 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1C1C1C;}.elementor-46792 .elementor-element.elementor-element-6fe4554 > .elementor-element-populated{border-style:solid;border-width:2px 2px 2px 2px;border-color:#333333;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-46792 .elementor-element.elementor-element-6fe4554 > .elementor-element-populated, .elementor-46792 .elementor-element.elementor-element-6fe4554 > .elementor-element-populated > .elementor-background-overlay, .elementor-46792 .elementor-element.elementor-element-6fe4554 > .elementor-background-slideshow{border-radius:10px 10px 10px 10px;}.elementor-46792 .elementor-element.elementor-element-6fe4554 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-46792 .elementor-element.elementor-element-70f27a9{width:var( --container-widget-width, 176px );max-width:176px;--container-widget-width:176px;--container-widget-flex-grow:0;top:26px;}body:not(.rtl) .elementor-46792 .elementor-element.elementor-element-70f27a9{left:18px;}body.rtl .elementor-46792 .elementor-element.elementor-element-70f27a9{right:18px;}.elementor-46792 .elementor-element.elementor-element-5cfeb07 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-46792 .elementor-element.elementor-element-2576361 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-46792 .elementor-element.elementor-element-2576361{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 18px 10px 18px;}.elementor-46792 .elementor-element.elementor-element-2576361 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-46792 .elementor-element.elementor-element-7b54d2f > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-46792 .elementor-element.elementor-element-5062418{width:var( --container-widget-width, 44px );max-width:44px;--container-widget-width:44px;--container-widget-flex-grow:0;}.elementor-46792 .elementor-element.elementor-element-5062418 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-46792 .elementor-element.elementor-element-226d3c0{width:var( --container-widget-width, 108.036% );max-width:108.036%;--container-widget-width:108.036%;--container-widget-flex-grow:0;}.elementor-46792 .elementor-element.elementor-element-226d3c0 .elementor-heading-title{font-size:20px;line-height:22px;-webkit-text-stroke-color:#000;stroke:#000;}.elementor-46792 .elementor-element.elementor-element-285e999 > .elementor-widget-container{padding:0px 18px 0px 18px;}.elementor-46792 .elementor-element.elementor-element-d47ff5e:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-46792 .elementor-element.elementor-element-d47ff5e > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1C1C1C;}.elementor-46792 .elementor-element.elementor-element-d47ff5e > .elementor-element-populated{border-style:solid;border-width:2px 2px 2px 2px;border-color:#333333;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-46792 .elementor-element.elementor-element-d47ff5e > .elementor-element-populated, .elementor-46792 .elementor-element.elementor-element-d47ff5e > .elementor-element-populated > .elementor-background-overlay, .elementor-46792 .elementor-element.elementor-element-d47ff5e > .elementor-background-slideshow{border-radius:10px 10px 10px 10px;}.elementor-46792 .elementor-element.elementor-element-d47ff5e > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-46792 .elementor-element.elementor-element-7f2bc62{width:var( --container-widget-width, 206px );max-width:206px;--container-widget-width:206px;--container-widget-flex-grow:0;top:24px;}body:not(.rtl) .elementor-46792 .elementor-element.elementor-element-7f2bc62{left:18px;}body.rtl .elementor-46792 .elementor-element.elementor-element-7f2bc62{right:18px;}.elementor-46792 .elementor-element.elementor-element-b155e89 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-46792 .elementor-element.elementor-element-c6797c5 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-46792 .elementor-element.elementor-element-c6797c5{padding:0px 18px 10px 18px;}.elementor-46792 .elementor-element.elementor-element-c284df9 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-46792 .elementor-element.elementor-element-4a0fba1{width:var( --container-widget-width, 44px );max-width:44px;--container-widget-width:44px;--container-widget-flex-grow:0;}.elementor-46792 .elementor-element.elementor-element-4a0fba1 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-46792 .elementor-element.elementor-element-1638a0c{width:var( --container-widget-width, 108.036% );max-width:108.036%;--container-widget-width:108.036%;--container-widget-flex-grow:0;}.elementor-46792 .elementor-element.elementor-element-1638a0c .elementor-heading-title{font-size:20px;line-height:22px;-webkit-text-stroke-color:#000;stroke:#000;}.elementor-46792 .elementor-element.elementor-element-abfd7f2 > .elementor-widget-container{padding:0px 18px 0px 18px;}.elementor-46792 .elementor-element.elementor-element-f2c126c:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-46792 .elementor-element.elementor-element-f2c126c > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1C1C1C;}.elementor-46792 .elementor-element.elementor-element-f2c126c > .elementor-element-populated{border-style:solid;border-width:2px 2px 2px 2px;border-color:#333333;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-46792 .elementor-element.elementor-element-f2c126c > .elementor-element-populated, .elementor-46792 .elementor-element.elementor-element-f2c126c > .elementor-element-populated > .elementor-background-overlay, .elementor-46792 .elementor-element.elementor-element-f2c126c > .elementor-background-slideshow{border-radius:10px 10px 10px 10px;}.elementor-46792 .elementor-element.elementor-element-f2c126c > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-46792 .elementor-element.elementor-element-b623b89{width:var( --container-widget-width, 169px );max-width:169px;--container-widget-width:169px;--container-widget-flex-grow:0;top:24px;}body:not(.rtl) .elementor-46792 .elementor-element.elementor-element-b623b89{left:18px;}body.rtl .elementor-46792 .elementor-element.elementor-element-b623b89{right:18px;}.elementor-46792 .elementor-element.elementor-element-e488c2b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-46792 .elementor-element.elementor-element-e66592c > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-46792 .elementor-element.elementor-element-e66592c{padding:0px 18px 10px 18px;}.elementor-46792 .elementor-element.elementor-element-6065b47 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-46792 .elementor-element.elementor-element-d39d867{width:var( --container-widget-width, 44px );max-width:44px;--container-widget-width:44px;--container-widget-flex-grow:0;}.elementor-46792 .elementor-element.elementor-element-d39d867 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-46792 .elementor-element.elementor-element-9e908da{width:var( --container-widget-width, 108.036% );max-width:108.036%;--container-widget-width:108.036%;--container-widget-flex-grow:0;}.elementor-46792 .elementor-element.elementor-element-9e908da .elementor-heading-title{font-size:20px;line-height:22px;-webkit-text-stroke-color:#000;stroke:#000;}.elementor-46792 .elementor-element.elementor-element-5ac9473 > .elementor-widget-container{padding:0px 18px 0px 18px;}.elementor-46792 .elementor-element.elementor-element-ed67fb2 img{width:128px;}.elementor-46792 .elementor-element.elementor-element-a96eda7{text-align:center;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-bc-flex-widget .elementor-46792 .elementor-element.elementor-element-4186910.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-46792 .elementor-element.elementor-element-4186910.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-46792 .elementor-element.elementor-element-4186910.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-46792 .elementor-element.elementor-element-7d0a64f{width:50%;}.elementor-bc-flex-widget .elementor-46792 .elementor-element.elementor-element-7d0a64f.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-46792 .elementor-element.elementor-element-7d0a64f.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-46792 .elementor-element.elementor-element-7d0a64f.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-46792 .elementor-element.elementor-element-7d0a64f > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-46792 .elementor-element.elementor-element-744cfb7{column-gap:0px;}.elementor-46792 .elementor-element.elementor-element-744cfb7 p{margin-bottom:0px;}.elementor-46792 .elementor-element.elementor-element-74014c9{width:50%;}.elementor-46792 .elementor-element.elementor-element-f179dd1 img{width:370px;}.elementor-46792 .elementor-element.elementor-element-9a6f84a{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-46792 .elementor-element.elementor-element-98b62ad > .elementor-element-populated{margin:30px 0px 30px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-46792 .elementor-element.elementor-element-73df04b{width:100%;max-width:100%;text-align:left;}.elementor-46792 .elementor-element.elementor-element-73df04b > .elementor-widget-container{margin:0px 0px 12px 0px;}.elementor-46792 .elementor-element.elementor-element-73df04b .elementor-heading-title{font-size:25px;line-height:112%;}.elementor-46792 .elementor-element.elementor-element-4e28c5b{width:100%;max-width:100%;text-align:left;font-size:14px;line-height:20px;}.elementor-46792 .elementor-element.elementor-element-a96eda7{font-size:12px;}}@media(min-width:768px){.elementor-46792 .elementor-element.elementor-element-b43a92d{width:55.569%;}.elementor-46792 .elementor-element.elementor-element-9b58f4a{width:44.431%;}.elementor-46792 .elementor-element.elementor-element-7d0a64f{width:55.569%;}.elementor-46792 .elementor-element.elementor-element-74014c9{width:44.431%;}.elementor-46792 .elementor-element.elementor-element-84cbb44{width:19.987%;}.elementor-46792 .elementor-element.elementor-element-3400344{width:17.578%;}.elementor-46792 .elementor-element.elementor-element-3c9c42f{width:82.419%;}.elementor-46792 .elementor-element.elementor-element-af19778{width:13.93%;}.elementor-46792 .elementor-element.elementor-element-885caba{width:17.578%;}.elementor-46792 .elementor-element.elementor-element-22390c1{width:82.419%;}.elementor-46792 .elementor-element.elementor-element-64607bd{width:16.509%;}.elementor-46792 .elementor-element.elementor-element-c84f64a{width:17.578%;}.elementor-46792 .elementor-element.elementor-element-bcd038c{width:82.419%;}.elementor-46792 .elementor-element.elementor-element-80a8492{width:14.893%;}.elementor-46792 .elementor-element.elementor-element-48c4bda{width:5%;}.elementor-46792 .elementor-element.elementor-element-495cb82{width:94.997%;}.elementor-46792 .elementor-element.elementor-element-6fe4554{width:44.604%;}.elementor-46792 .elementor-element.elementor-element-7b54d2f{width:13.778%;}.elementor-46792 .elementor-element.elementor-element-b821c87{width:85.886%;}.elementor-46792 .elementor-element.elementor-element-d47ff5e{width:52.786%;}.elementor-46792 .elementor-element.elementor-element-c284df9{width:13.778%;}.elementor-46792 .elementor-element.elementor-element-5252924{width:85.886%;}.elementor-46792 .elementor-element.elementor-element-f2c126c{width:50%;}.elementor-46792 .elementor-element.elementor-element-6065b47{width:13.778%;}.elementor-46792 .elementor-element.elementor-element-36b67c2{width:85.886%;}}/* Start custom CSS */.gkwf {
  /* ---- tokens ---- */
  --gkwf-bg:          transparent;
  --gkwf-panel:       #272727;
  --gkwf-panel-2:     #1b1b1e;
  --gkwf-border:      #3a3a40;
  --gkwf-border-soft: #34343a;
  --gkwf-rule:        #4a4a52;
  --gkwf-text:        #ffffff;
  --gkwf-body:        #d4d4d8;
  --gkwf-muted:       #9a9aa2;
  --gkwf-purple:      #7b3ff2;
  --gkwf-violet:      #a855f7;
  /* PER-PAGE: step title colour. Code Review is teal. */
  --gkwf-heading:     #06E3C9;
  /* PER-PAGE: trigger label and side bar. Brand purple across pages so far. */
  --gkwf-trigger:     #b657ff;
  --gkwf-magenta:     #e838c8;
  --gkwf-link:        #ee82f5;
  --gkwf-teal:        #2de3c5;
  --gkwf-radius:      10px;
  --gkwf-gap:         40px;
  --gkwf-max:         1200px;
  /* Tab row face. Inter must be enqueued on the page or this falls back. */
  --gkwf-font-ui:     'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  background: var(--gkwf-bg);
  color: var(--gkwf-body);
  font-family: inherit;
  line-height: 1.6;
}

.gkwf *,
.gkwf *::before,
.gkwf *::after { box-sizing: border-box; }

.gkwf__inner {
  max-width: var(--gkwf-max);
  margin: 0 auto;
}

/* --------------------------------------------------------------------------
   Panels
   Every swappable block carries .gkwf__panel + data-step="N", in any region.
   The script shows all panels matching the active step, so the copy block,
   the media and the links stay in sync off one state value.
   -------------------------------------------------------------------------- */

.gkwf__panel[hidden] { display: none; }

/* --------------------------------------------------------------------------
   Copy region: title, body, callout, tools sidebar
   -------------------------------------------------------------------------- */

.gkwf__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 310px;
  gap: var(--gkwf-gap);
  align-items: start;
}

/* The H2 is a direct child of the grid and spans both columns, so the tools
   card starts level with the first body paragraph rather than level with the
   heading. The negative bottom margin is deliberate: it pulls the body copy
   up under the heading. */
.gkwf .gkwf__title {
  grid-column: 1 / -1;
  margin: 0 0 -12px;
  font-size: clamp(30px, 3.6vw, 48px);
  line-height: 1.1;
  font-weight: 800;
  letter-spacing: -0.015em;
  color: var(--gkwf-heading);
}

.gkwf__body p {
  margin: 0 0 18px;
  font-size: 16px;
  line-height: 1.65;
  color: var(--gkwf-body);
}

.gkwf__body p:last-child { margin-bottom: 0; }

/* Callout: Trigger / Expected result / Desired outcome / Success criteria */

.gkwf__trigger {
  margin-top: 28px;
  padding-left: 18px;
  border-left: 2px solid var(--gkwf-trigger);
}

.gkwf__trigger-label {
  display: block;
  margin-bottom: 8px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--gkwf-trigger);
}

.gkwf__trigger ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.gkwf__trigger li {
  margin: 0 0 6px;
  font-size: 15px;
  color: var(--gkwf-body);
}

.gkwf__trigger li:last-child { margin-bottom: 0; }

/* Multi-item callouts get bullets. Single-line ones do not. */
.gkwf__trigger--list ul {
  list-style: disc;
  padding-left: 20px;
}

/* Tools sidebar */

.gkwf__tools {
  padding: 22px;
  border-radius: 14px;
  background: var(--gkwf-panel);
}

@media (min-width: 768px) and (max-width: 1024px) {
  .gkwf__tools { display: none; }
}

.gkwf__tools-label {
  margin: 0 0 10px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--gkwf-rule);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--gkwf-muted);
}

.gkwf__tool + .gkwf__tools-label { margin-top: 22px; }

.gkwf__tool {
  display: block;
  margin-top: 16px;
  text-decoration: none;
  color: inherit;
}

.gkwf__tool:first-of-type { margin-top: 0; }

.gkwf__tool-name {
  display: inline-block;
  font-size: 15px;
  font-weight: 700;
  color: var(--gkwf-link);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.gkwf__tool:hover .gkwf__tool-name,
.gkwf__tool:focus-visible .gkwf__tool-name { color: #ffffff; }

.gkwf__tool-desc {
  display: block;
  font-size: 14px;
  color: var(--gkwf-muted);
}

/* --------------------------------------------------------------------------
   Tab bar
   Tabs share the row evenly and each carries its own underline segment with
   a gap between them, per the design.
   -------------------------------------------------------------------------- */

.gkwf__tabs {
  display: flex;
  align-items: stretch;
  gap: 22px;
  margin: 44px 0 26px;
}

/* Anchors, not buttons, so the site-wide button styles never reach them.
   Doubled-up .gkwf prefix beats the theme's own link rules. */
.gkwf a.gkwf__tab,
.gkwf a.gkwf__pager-btn {
  text-decoration: none;
  box-shadow: none;
  background-image: none;
  text-transform: none;
  letter-spacing: normal;
}

.gkwf__tab {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 0 14px;
  border: 0;
  border-bottom: 2px solid #26262b;
  background: none;
  font: inherit;
  /* The `font: inherit` shorthand above pulls the theme face (Lato).
     Re-declare family after it so the tab labels are Inter. */
  font-family: var(--gkwf-font-ui);
  font-size: 14px;
  font-weight: 600;
  color: var(--gkwf-muted);
  text-align: left;
  cursor: pointer;
  transition: color 0.15s ease, border-color 0.15s ease;
}

.gkwf .gkwf__tab:hover,
.gkwf .gkwf__tab:focus { color: var(--gkwf-text); }

.gkwf__tab-num {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #2b2b31;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  color: #ffffff;
  transition: background 0.15s ease;
}

.gkwf__tab-label {
  min-width: 0;
}

.gkwf__tab[aria-selected="true"] {
  color: var(--gkwf-text);
  border-bottom-color: var(--gkwf-purple);
}

.gkwf__tab[aria-selected="true"] .gkwf__tab-num { background: var(--gkwf-purple); }

.gkwf__tab:focus-visible {
  outline: 2px solid var(--gkwf-teal);
  outline-offset: 4px;
}

/* --------------------------------------------------------------------------
   Media region: bare image, no frame
   The Container-N.png assets already have the purple border and glow baked
   into the artwork, so this wrapper adds nothing. Adding a border here
   double-frames the screenshot.
   -------------------------------------------------------------------------- */

.gkwf__media {
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  line-height: 0;
}

.gkwf__media img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 0;
}

/* --------------------------------------------------------------------------
   CTA block (used when a step replaces the screenshot with product cards)
   Unused on pages where that block lives in Elementor instead.
   -------------------------------------------------------------------------- */

.gkwf__cta { text-align: center; }

.gkwf__cta-title {
  margin: 0 0 10px;
  font-size: clamp(22px, 2.4vw, 30px);
  font-weight: 800;
  color: var(--gkwf-text);
}

.gkwf__cta-sub {
  margin: 0 0 6px;
  font-size: 15px;
  color: var(--gkwf-body);
}

.gkwf__cta-link { margin: 0 0 28px; }

.gkwf .gkwf__cta-link a {
  font-size: 15px;
  font-weight: 600;
  color: var(--gkwf-link);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.gkwf .gkwf__cta-link a:hover,
.gkwf .gkwf__cta-link a:focus-visible { color: #ffffff; }

.gkwf__cta-grid {
  display: grid;
  grid-template-columns: 0.9fr 1.5fr;
  grid-template-rows: auto auto;
  gap: 20px;
  text-align: left;
}

.gkwf__card {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 20px;
  border-radius: 14px;
  background: var(--gkwf-panel-2);
  text-decoration: none;
  color: inherit;
  overflow: hidden;
  transition: background 0.15s ease;
}

.gkwf__card:hover { background: #232327; }

.gkwf__card--tall { grid-row: span 2; }

.gkwf__card-badge {
  align-self: flex-start;
  padding: 6px 14px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #0d0d0f;
}

.gkwf__card-badge--teal   { background: var(--gkwf-teal); }
.gkwf__card-badge--purple { background: #a855f7; color: #ffffff; }

.gkwf__card-shot {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 8px;
}

.gkwf__card-name {
  font-size: 19px;
  font-weight: 700;
  color: var(--gkwf-text);
}

.gkwf__card-copy {
  font-size: 14px;
  color: var(--gkwf-body);
}

/* --------------------------------------------------------------------------
   LAST STEP: collapse everything below the tab bar
   The final step has no screenshot and no pager. Both are removed and the
   margins around them are zeroed, so whatever follows the widget sits
   directly under the tab bar with no empty band left behind.

   Keyed to data-last, which the script writes whenever the active step is
   the final one. That is why this file does not care whether a page has 5
   steps or 6. The old version hardcoded [data-step="6"] and silently did
   nothing on a 5-step page.

   REQUIRES this line in the script's render(), right after the data-step
   line, or none of the three rules below will ever fire:

       if (step === total) root.setAttribute('data-last', '');
       else root.removeAttribute('data-last');

   Assumption worth knowing: this treats "last step" as "no media". If a
   future page ends on a step that DOES have a screenshot, drop the tabs
   margin rule for that page.
   -------------------------------------------------------------------------- */

.gkwf[data-last] .gkwf__tabs { margin-bottom: 0; }

/* The end of the sequence, so the pager comes out entirely. The tab bar is
   still there to move between steps. */
.gkwf[data-last] .gkwf__pager { display: none; }

/* With both the media and the pager gone, the component ends at the tab
   underline. Any gap still showing below is the Elementor SECTION padding,
   which is set in Elementor, not here. */
.gkwf[data-last] .gkwf__inner { padding-bottom: 0; }

/* --------------------------------------------------------------------------
   Pager
   -------------------------------------------------------------------------- */

.gkwf__pager {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin: 26px 0 44px;
}

.gkwf__pager-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 11px 22px;
  border: 1px solid var(--gkwf-violet);
  border-radius: 8px;
  background: transparent;
  font: inherit;
  font-size: 14px;
  font-weight: 500;
  color: var(--gkwf-text);
  cursor: pointer;
  transition: border-color 0.15s ease, background 0.15s ease;
}

.gkwf .gkwf__pager-btn:hover:not([aria-disabled="true"]),
.gkwf .gkwf__pager-btn:focus:not([aria-disabled="true"]) {
  color: var(--gkwf-text);
  background: rgba(168, 85, 247, 0.12);
}

/* Anchors cannot be :disabled, so the end states are aria-disabled. */
.gkwf .gkwf__pager-btn[aria-disabled="true"] {
  border-color: rgba(168, 85, 247, 0.35);
  color: var(--gkwf-muted);
  cursor: default;
  pointer-events: none;
}

.gkwf__pager-btn:focus-visible {
  outline: 2px solid var(--gkwf-teal);
  outline-offset: 2px;
}

.gkwf__count {
  font-size: 14px;
  color: var(--gkwf-body);
  font-variant-numeric: tabular-nums;
}

/* --------------------------------------------------------------------------
   Links region
   -------------------------------------------------------------------------- */

.gkwf__links {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--gkwf-gap);
}

.gkwf__links:empty { display: none; }

.gkwf .gkwf__links h3 {
  margin: 0 0 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--gkwf-rule);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--gkwf-muted);
}

.gkwf__links ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.gkwf__links li {
  max-width: var(--gkwf-link-measure: 34ch);
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 12px; 
}
.gkwf__links li:last-child { margin-bottom: 0; }

.gkwf .gkwf__links a {
  max-width: var(--gkwf-link-measure);
  font-size: 15px;
  line-height: 1.5;
  color: var(--gkwf-link);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.gkwf__links li::before {
  content: "\203A";
  flex: 0 0 auto;
  font-size: 15px;
  line-height: 1.5;
  color: var(--gkwf-muted);
}

.gkwf .gkwf__links a:hover,
.gkwf .gkwf__links a:focus-visible { color: #ffffff; }

/* --------------------------------------------------------------------------
   Responsive
   -------------------------------------------------------------------------- */

@media (max-width: 1100px) {
  .gkwf__tab-label { display: none; }
  .gkwf__tab { justify-content: center; padding-bottom: 12px; }
}

@media (max-width: 1024px) {
  .gkwf__grid { grid-template-columns: 1fr; gap: 28px; }
  .gkwf__cta-grid { grid-template-columns: 1fr; }
  .gkwf__card--tall { grid-row: auto; }
}

@media (max-width: 767px) {
  .gkwf__links { grid-template-columns: 1fr; gap: 28px; }
  .gkwf__tabs { gap: 10px; }
  .gkwf__pager-btn { padding: 10px 16px; }

  /* The primary/secondary tools card is reference material, not the story.
     On phones it pushes the screenshot below the fold, so it comes out.
     The markup stays in the DOM so the links are still crawlable. */
  .gkwf__tools { display: none; }
}

/* --------------------------------------------------------------------------
   Motion / no-JS
   -------------------------------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {
  .gkwf * { transition: none !important; }
}

/* FIRST PAINT  -  this is what fixes the flash.
   There used to be a "show everything until the script runs" fallback here.
   It meant every visitor saw all steps stacked, with no tabs and no pager,
   until DOMContentLoaded fired. On a heavy Elementor page that is easily a
   second. It is gone.

   The markup already ships every step after the first with the hidden
   attribute, and the UA stylesheet honours that before a single line of CSS
   is parsed. So the very first paint is the step 1 view, with the tab bar
   and pager already in place. Nothing appears late, so nothing shifts.

   Trade-off, stated plainly: with JS broken, a visitor sees step 1 and a tab
   row that does nothing. Every step stays in the DOM, so crawlers still get
   the full copy. That beats showing every visitor the whole stack on every
   load. */

.gkwf__panel[hidden] { display: none; }


/* ==========================================================================
   PRODUCT CARD GRID  -  slant + hover overlay
   --------------------------------------------------------------------------
   Separate component, separate namespace (.gkc*). Nothing here touches the
   stepper above and nothing above touches this. Safe to live in one file.

   Per-card config is just two custom properties: --accent and --cta.
   ========================================================================== */

.gkc-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  max-width: 1280px;
  margin: 0 auto;
  padding: 40px 24px;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}

/* Hover trigger and whole-card link target. */
.gkc {
  position: relative;
  border-radius: 14px;
  overflow: hidden;
  cursor: pointer;
}

/* ---- MEDIA: the overlay and CTA are pseudo-elements on this box ---- */

.gkc-media {
  position: relative;
  /* Taller box means more image sits above the slant.
     Second number is height: bigger = taller. */
  aspect-ratio: 4 / 4.3;
  overflow: hidden;
  /* Slant depth: LOWER percentage = bigger cut. 100% = no slant. */
  clip-path: polygon(0 0, 100% 0, 100% 93%, 0 100%);
}

/* Anchor real images to the top so the bottom slant eats the lower area
   rather than the UI in the screenshot. */
.gkc-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
}

.gkc__img {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, #1c2540, #0e1322);
  z-index: 1;
}

.gkc__img::after {
  content: attr(data-label);
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.25);
  font-size: 12px;
}

/* Purple overlay fills the media. The slant comes from the parent's
   clip-path, so no clip is needed here. */
.gkc-media::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 2;
  background: var(--accent);
  opacity: 0;
  transition: opacity 0.35s ease;
}

/* CTA: auto-sized centred button, text comes from --cta per card. */
.gkc-media::after {
  content: var(--cta, "Try It \2192");
  position: absolute;
  left: 50%;
  top: 46%;
  transform: translate(-50%, -50%) translateY(6px);
  z-index: 3;
  white-space: nowrap;
  color: #fff;
  font-weight: 600;
  font-size: 15px;
  padding: 13px 22px;
  border: 2px solid rgba(255, 255, 255, 0.9);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.06);
  opacity: 0;
  transition: opacity 0.35s ease, transform 0.35s ease;
}

/* Hovering anywhere on the card drives all three. */
.gkc:hover .gkc-media::before { opacity: 1; }

.gkc:hover .gkc-media::after {
  opacity: 1;
  transform: translate(-50%, -50%) translateY(0);
}

/* Only media eyebrows ghost out. The Insights body eyebrow stays. */
.gkc:hover .gkc-media .gkc__eyebrow { opacity: 0.55; }

/* ---- PER-CARD: accent colour and CTA label. This is the whole config. ---- */

.gkc--desktop  { --accent: rgba(121, 0, 201, 0.75); --cta: "Try GitKraken Desktop \2192"; }
.gkc--gitlens  { --accent: rgba(9, 120, 134, 0.75); --cta: "Try GitLens \2192"; }
.gkc--kepler  { --accent: rgba(0, 114, 200, 0.75); --cta: "Try GitKraken Code Review \2192"; }
.gkc--insights { --accent: rgba(188, 0, 222, 0.75); --cta: "Get a GitKraken Insights Trial \2192"; }

/* ---- INSIGHTS WIDE CARD: text left, image right with a left slant ---- */
/* Keyed to .gkc--insights so Elementor only needs that one class. */
.gkc--insights .gkc-media {
  aspect-ratio: auto;
  /* Left slant. Adjust the 8% to match Figma. */
  clip-path: polygon(0 0, 100% 0, 100% 100%, 8% 100%);
}

/* ---- RESPONSIVE ---- */

@media (max-width: 860px) {
  .gkc-row { grid-template-columns: 1fr; max-width: 420px; }
  .gkc--wide { flex-direction: column; }
  .gkc--insights .gkc-media { clip-path: none; aspect-ratio: 16 / 9; }
}

@media (prefers-reduced-motion: reduce) {
  .gkc-media::before,
  .gkc-media::after,
  .gkc__eyebrow { transition: none; }
}

/* Touch devices have no hover, so keep the image visible.
   The whole-card link still works. */
@media (hover: none) {
  .gkc-media::before,
  .gkc-media::after { opacity: 0; }
}

/* ==========================================================================
   BENTO LAYOUT  -  Kepler tall on the left, Desktop + GitLens stacked right
   Desktop only (1025px+). Mobile still uses the .gkss carousel, untouched.
   Hooks: .gkc-bento on the inner section, .gkc--tall / .gkc--wide on cards.
   Card chrome, accents, CTA and hover overlay all stay as they were.
   ========================================================================== */
@media (min-width: 1025px) {

  .gkc-bento > .elementor-container {
    display: grid !important;
    grid-template-columns: 379fr 627fr;
    gap: 28px;
    align-items: stretch;
  }

  .gkc-bento > .elementor-container > .elementor-column {
    width: 100% !important;
    margin: 0 !important;
  }

  /* ---- TALL CARD: left column, spans both rows ---- */
  .gkc--tall { grid-row: span 2; }

  .gkc--tall > .elementor-widget-wrap {
    display: grid !important;
    grid-template-rows: minmax(0, 1fr) auto auto;
    height: 100%;
  }

  /* Media absorbs the leftover height so the card hits its fixed size. */
  .gkc--tall .gkc-media {
    aspect-ratio: auto;
    height: 100%;
    min-height: 0;
  }
  /* ---- WIDE CARDS: copy left, media right ----
     Rows are auto + 1fr and the wrap is full height, so the media column
     (and therefore the hover overlay) runs edge to edge, top to bottom.
     The 344px copy column keeps the body at three lines inside 241px. */
  .gkc--wide > .elementor-widget-wrap {
    display: grid !important;
    grid-template-columns: minmax(0, 344px) minmax(0, 1fr);
    grid-template-rows: auto 1fr;
    grid-template-areas:
      "title media"
      "body  media";
    height: 100%;
  }

  /* The eyebrow badge is absolutely positioned, so it is not a grid item.
     Pad the title block so it clears the badge (badge ends at 56px). */
  .gkc--wide > .elementor-widget-wrap > .elementor-inner-section {
    grid-area: title;
    padding-top: 58px;
  }

  .gkc--wide > .elementor-widget-wrap > .elementor-widget-text-editor {
    grid-area: body;
    padding-bottom: 20px;
  }

  /* Trailing paragraph margin is dead space inside a fixed-height card. */
  .gkc--wide .elementor-widget-text-editor p:last-child { margin-bottom: 0; }

  /* Body steps down so the wide-card copy lands in three lines inside 241px
     and the media column stays wide enough for its CTA button. Applied to the
     tall card too so all three cards read at the same size.
     DELETE THIS RULE to go back to the inherited 16px / 27px. */
  .gkc--wide .elementor-widget-text-editor,
  .gkc--tall .elementor-widget-text-editor {
    font-size: 14px;
    line-height: 22px;
  }
  /* Media fills the right half. Slant sits on the left edge, same idea as
     .gkc--insights. Raise the 8% for a deeper cut. */
  .gkc--wide > .elementor-widget-wrap > .gkc-media {
    grid-area: media;
    aspect-ratio: auto;
    height: 100%;
    min-height: 0;
    margin: 0 !important;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 8% 100%);
  }
}
.gkc-media .elementor-widget-container,
.gkc-media picture {
  display: block;
  height: 100%;
}

/* ---- FIXED DESKTOP SIZES ----------------------------------------------
   Kepler 379 x 510, wide cards 627 x 241.
   241 + 28 gap + 241 = 510, so the tall card matches the stack exactly.
   Held back to 1200px+ so narrower desktops stay fluid instead of clipping.
   ---------------------------------------------------------------------- */
@media (min-width: 1200px) {

  .gkc-bento > .elementor-container {
    grid-template-columns: 379px 627px;
    grid-template-rows: 241px 241px;
    gap: 28px;
    /* The tracks total 1034px inside Elementor's wider boxed container.
       justify-content centres them there. A max-width here does not work:
       .elementor-section-boxed > .elementor-container outranks it. */
    justify-content: center;
  }
}

/* Tall card: show the whole screenshot. At 1200px+ the card is locked to
   379 x 510, which leaves the media about 375 x 374, shorter than the
   image's ratio. contain fits it inside the box instead of cropping. */
@media (min-width: 1025px) {
  .gkc--tall .gkc-media img {
    object-fit: contain;
    object-position: top center;
  }
}/* End custom CSS */