.elementor-46854 .elementor-element.elementor-element-cf17e80 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-46854 .elementor-element.elementor-element-cf17e80:not(.elementor-motion-effects-element-type-background), .elementor-46854 .elementor-element.elementor-element-cf17e80 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#12D9C1;}.elementor-46854 .elementor-element.elementor-element-cf17e80 > .elementor-container{max-width:1285px;}.elementor-46854 .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-46854 .elementor-element.elementor-element-cf17e80 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-46854 .elementor-element.elementor-element-b469c95.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-46854 .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-46854 .elementor-element.elementor-element-b469c95.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-46854 .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-46854 .elementor-element.elementor-element-558f0d5 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-46854 .elementor-element.elementor-element-558f0d5 > .elementor-container{max-width:700px;}.elementor-46854 .elementor-element.elementor-element-558f0d5{margin-top:0px;margin-bottom:0px;padding:8px 0px 8px 0px;}.elementor-bc-flex-widget .elementor-46854 .elementor-element.elementor-element-b43a92d.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-46854 .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-46854 .elementor-element.elementor-element-b43a92d.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-46854 .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-46854 .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-46854 .elementor-element.elementor-element-c94d8cc > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-46854 .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-46854 .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-46854 .elementor-element.elementor-element-457bee7 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-46854 .elementor-element.elementor-element-457bee7:not(.elementor-motion-effects-element-type-background), .elementor-46854 .elementor-element.elementor-element-457bee7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#12D9C1;}.elementor-46854 .elementor-element.elementor-element-457bee7 > .elementor-container{max-width:1285px;}.elementor-46854 .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-46854 .elementor-element.elementor-element-457bee7 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-46854 .elementor-element.elementor-element-4186910.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-46854 .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-46854 .elementor-element.elementor-element-4186910.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-46854 .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-46854 .elementor-element.elementor-element-37790d9 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-46854 .elementor-element.elementor-element-37790d9 > .elementor-container{max-width:700px;}.elementor-46854 .elementor-element.elementor-element-37790d9{margin-top:0px;margin-bottom:0px;padding:8px 0px 8px 0px;}.elementor-bc-flex-widget .elementor-46854 .elementor-element.elementor-element-7d0a64f.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-46854 .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-46854 .elementor-element.elementor-element-7d0a64f.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-46854 .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-46854 .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-46854 .elementor-element.elementor-element-744cfb7 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-46854 .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-46854 .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-46854 .elementor-element.elementor-element-1114d87 > .elementor-container{max-width:1285px;}.elementor-bc-flex-widget .elementor-46854 .elementor-element.elementor-element-49cfa8b.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-46854 .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-46854 .elementor-element.elementor-element-49cfa8b.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-46854 .elementor-element.elementor-element-49cfa8b > .elementor-element-populated{border-style:solid;border-width:0px 0px 1px 0px;}.elementor-46854 .elementor-element.elementor-element-713b2c5 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-46854 .elementor-element.elementor-element-713b2c5{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-46854 .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-46854 .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-46854 .elementor-element.elementor-element-9989568 p{margin-bottom:0px;}.elementor-46854 .elementor-element.elementor-element-a35a538 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-46854 .elementor-element.elementor-element-5a2e6cd > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-46854 .elementor-element.elementor-element-5a2e6cd img{width:18px;}.elementor-46854 .elementor-element.elementor-element-6d54257{column-gap:0px;color:#818181;font-size:14px;line-height:21px;}.elementor-46854 .elementor-element.elementor-element-6d54257 p{margin-bottom:0px;}.elementor-46854 .elementor-element.elementor-element-00a575f > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-46854 .elementor-element.elementor-element-7f6ca05 img{width:14px;}.elementor-46854 .elementor-element.elementor-element-706323e{column-gap:0px;color:#818181;font-size:14px;line-height:21px;}.elementor-46854 .elementor-element.elementor-element-706323e p{margin-bottom:0px;}.elementor-46854 .elementor-element.elementor-element-07b99d3 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-46854 .elementor-element.elementor-element-3407cc5 img{width:14px;}.elementor-46854 .elementor-element.elementor-element-df3344f{column-gap:0px;color:#818181;font-size:14px;line-height:21px;}.elementor-46854 .elementor-element.elementor-element-df3344f p{margin-bottom:0px;}.elementor-46854 .elementor-element.elementor-element-239b596 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-46854 .elementor-element.elementor-element-e110fab img{width:14px;}.elementor-46854 .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-46854 .elementor-element.elementor-element-bd80502 p{margin-bottom:0px;}.elementor-46854 .elementor-element.elementor-element-86eef21 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-46854 .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-46854 .elementor-element.elementor-element-3c64b53 p{margin-bottom:0px;}.elementor-46854 .elementor-element.elementor-element-ce7442d > .elementor-container{max-width:1285px;}.elementor-46854 .elementor-element.elementor-element-4e94daa > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-46854 .elementor-element.elementor-element-4e94daa > .elementor-container{max-width:1285px;}.elementor-46854 .elementor-element.elementor-element-4e94daa{margin-top:100px;margin-bottom:0px;}.elementor-bc-flex-widget .elementor-46854 .elementor-element.elementor-element-944ea4f.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-46854 .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-46854 .elementor-element.elementor-element-944ea4f.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-46854 .elementor-element.elementor-element-8d48344 img{width:206px;}.elementor-46854 .elementor-element.elementor-element-f179dd1{text-align:center;}.elementor-46854 .elementor-element.elementor-element-9a6f84a > .elementor-container{max-width:1286px;}.elementor-46854 .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-46854 .elementor-element.elementor-element-9a6f84a > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-46854 .elementor-element.elementor-element-98b62ad.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-46854 .elementor-element.elementor-element-98b62ad > .elementor-element-populated{margin:100px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-46854 .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-46854 .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-46854 .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-46854 .elementor-element.elementor-element-4e28c5b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 15px 0px;}.elementor-46854 .elementor-element.elementor-element-4e28c5b p{margin-bottom:0px;}.elementor-46854 .elementor-element.elementor-element-6c2da9a{text-align:center;font-size:16px;font-weight:600;line-height:24px;}.elementor-46854 .elementor-element.elementor-element-d5fb550 > .elementor-container{max-width:1286px;}.elementor-46854 .elementor-element.elementor-element-d5fb550{margin-top:0px;margin-bottom:0px;}.elementor-46854 .elementor-element.elementor-element-6fe4554:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-46854 .elementor-element.elementor-element-6fe4554 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1C1C1C;}.elementor-46854 .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-46854 .elementor-element.elementor-element-6fe4554 > .elementor-element-populated, .elementor-46854 .elementor-element.elementor-element-6fe4554 > .elementor-element-populated > .elementor-background-overlay, .elementor-46854 .elementor-element.elementor-element-6fe4554 > .elementor-background-slideshow{border-radius:10px 10px 10px 10px;}.elementor-46854 .elementor-element.elementor-element-6fe4554 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-46854 .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-46854 .elementor-element.elementor-element-70f27a9{left:18px;}body.rtl .elementor-46854 .elementor-element.elementor-element-70f27a9{right:18px;}.elementor-46854 .elementor-element.elementor-element-5cfeb07 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-46854 .elementor-element.elementor-element-2576361 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-46854 .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-46854 .elementor-element.elementor-element-2576361 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-46854 .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-46854 .elementor-element.elementor-element-5062418{width:var( --container-widget-width, 44px );max-width:44px;--container-widget-width:44px;--container-widget-flex-grow:0;}.elementor-46854 .elementor-element.elementor-element-5062418 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-46854 .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-46854 .elementor-element.elementor-element-226d3c0 .elementor-heading-title{font-size:20px;line-height:22px;-webkit-text-stroke-color:#000;stroke:#000;}.elementor-46854 .elementor-element.elementor-element-285e999 > .elementor-widget-container{padding:0px 18px 0px 18px;}.elementor-46854 .elementor-element.elementor-element-d47ff5e:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-46854 .elementor-element.elementor-element-d47ff5e > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1C1C1C;}.elementor-46854 .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-46854 .elementor-element.elementor-element-d47ff5e > .elementor-element-populated, .elementor-46854 .elementor-element.elementor-element-d47ff5e > .elementor-element-populated > .elementor-background-overlay, .elementor-46854 .elementor-element.elementor-element-d47ff5e > .elementor-background-slideshow{border-radius:10px 10px 10px 10px;}.elementor-46854 .elementor-element.elementor-element-d47ff5e > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-46854 .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-46854 .elementor-element.elementor-element-7f2bc62{left:18px;}body.rtl .elementor-46854 .elementor-element.elementor-element-7f2bc62{right:18px;}.elementor-46854 .elementor-element.elementor-element-b155e89 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-46854 .elementor-element.elementor-element-c6797c5 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-46854 .elementor-element.elementor-element-c6797c5{padding:0px 18px 10px 18px;}.elementor-46854 .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-46854 .elementor-element.elementor-element-4a0fba1{width:var( --container-widget-width, 44px );max-width:44px;--container-widget-width:44px;--container-widget-flex-grow:0;}.elementor-46854 .elementor-element.elementor-element-4a0fba1 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-46854 .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-46854 .elementor-element.elementor-element-1638a0c .elementor-heading-title{font-size:20px;line-height:22px;-webkit-text-stroke-color:#000;stroke:#000;}.elementor-46854 .elementor-element.elementor-element-abfd7f2 > .elementor-widget-container{padding:0px 18px 0px 18px;}.elementor-46854 .elementor-element.elementor-element-f2c126c:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-46854 .elementor-element.elementor-element-f2c126c > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1C1C1C;}.elementor-46854 .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-46854 .elementor-element.elementor-element-f2c126c > .elementor-element-populated, .elementor-46854 .elementor-element.elementor-element-f2c126c > .elementor-element-populated > .elementor-background-overlay, .elementor-46854 .elementor-element.elementor-element-f2c126c > .elementor-background-slideshow{border-radius:10px 10px 10px 10px;}.elementor-46854 .elementor-element.elementor-element-f2c126c > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-46854 .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-46854 .elementor-element.elementor-element-b623b89{left:18px;}body.rtl .elementor-46854 .elementor-element.elementor-element-b623b89{right:18px;}.elementor-46854 .elementor-element.elementor-element-e488c2b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-46854 .elementor-element.elementor-element-e66592c > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-46854 .elementor-element.elementor-element-e66592c{padding:0px 18px 10px 18px;}.elementor-46854 .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-46854 .elementor-element.elementor-element-d39d867{width:var( --container-widget-width, 44px );max-width:44px;--container-widget-width:44px;--container-widget-flex-grow:0;}.elementor-46854 .elementor-element.elementor-element-d39d867 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-46854 .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-46854 .elementor-element.elementor-element-9e908da .elementor-heading-title{font-size:20px;line-height:22px;-webkit-text-stroke-color:#000;stroke:#000;}.elementor-46854 .elementor-element.elementor-element-5ac9473 > .elementor-widget-container{padding:0px 18px 0px 18px;}.elementor-46854 .elementor-element.elementor-element-ed67fb2 img{width:128px;}.elementor-46854 .elementor-element.elementor-element-a96eda7{text-align:center;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-bc-flex-widget .elementor-46854 .elementor-element.elementor-element-4186910.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-46854 .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-46854 .elementor-element.elementor-element-4186910.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-46854 .elementor-element.elementor-element-7d0a64f{width:50%;}.elementor-bc-flex-widget .elementor-46854 .elementor-element.elementor-element-7d0a64f.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-46854 .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-46854 .elementor-element.elementor-element-7d0a64f.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-46854 .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-46854 .elementor-element.elementor-element-744cfb7{column-gap:0px;}.elementor-46854 .elementor-element.elementor-element-744cfb7 p{margin-bottom:0px;}.elementor-46854 .elementor-element.elementor-element-74014c9{width:50%;}.elementor-46854 .elementor-element.elementor-element-f179dd1 img{width:370px;}.elementor-46854 .elementor-element.elementor-element-9a6f84a{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-46854 .elementor-element.elementor-element-98b62ad > .elementor-element-populated{margin:30px 0px 30px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-46854 .elementor-element.elementor-element-73df04b{width:100%;max-width:100%;text-align:left;}.elementor-46854 .elementor-element.elementor-element-73df04b > .elementor-widget-container{margin:0px 0px 12px 0px;}.elementor-46854 .elementor-element.elementor-element-73df04b .elementor-heading-title{font-size:25px;line-height:112%;}.elementor-46854 .elementor-element.elementor-element-4e28c5b{width:100%;max-width:100%;text-align:left;font-size:14px;line-height:20px;}.elementor-46854 .elementor-element.elementor-element-a96eda7{font-size:12px;}}@media(min-width:768px){.elementor-46854 .elementor-element.elementor-element-b43a92d{width:55.569%;}.elementor-46854 .elementor-element.elementor-element-9b58f4a{width:44.431%;}.elementor-46854 .elementor-element.elementor-element-7d0a64f{width:55.569%;}.elementor-46854 .elementor-element.elementor-element-74014c9{width:44.431%;}.elementor-46854 .elementor-element.elementor-element-84cbb44{width:19.987%;}.elementor-46854 .elementor-element.elementor-element-3400344{width:17.578%;}.elementor-46854 .elementor-element.elementor-element-3c9c42f{width:82.419%;}.elementor-46854 .elementor-element.elementor-element-af19778{width:13.93%;}.elementor-46854 .elementor-element.elementor-element-885caba{width:17.578%;}.elementor-46854 .elementor-element.elementor-element-22390c1{width:82.419%;}.elementor-46854 .elementor-element.elementor-element-64607bd{width:16.509%;}.elementor-46854 .elementor-element.elementor-element-c84f64a{width:17.578%;}.elementor-46854 .elementor-element.elementor-element-bcd038c{width:82.419%;}.elementor-46854 .elementor-element.elementor-element-80a8492{width:14.893%;}.elementor-46854 .elementor-element.elementor-element-48c4bda{width:5%;}.elementor-46854 .elementor-element.elementor-element-495cb82{width:94.997%;}.elementor-46854 .elementor-element.elementor-element-6fe4554{width:44.604%;}.elementor-46854 .elementor-element.elementor-element-7b54d2f{width:13.778%;}.elementor-46854 .elementor-element.elementor-element-b821c87{width:85.886%;}.elementor-46854 .elementor-element.elementor-element-d47ff5e{width:52.786%;}.elementor-46854 .elementor-element.elementor-element-c284df9{width:13.778%;}.elementor-46854 .elementor-element.elementor-element-5252924{width:85.886%;}.elementor-46854 .elementor-element.elementor-element-f2c126c{width:50%;}.elementor-46854 .elementor-element.elementor-element-6065b47{width:13.778%;}.elementor-46854 .elementor-element.elementor-element-36b67c2{width:85.886%;}}/* Start custom CSS *//* ==========================================================================
   GitKraken Workflow Stepper  -  STYLES
   --------------------------------------------------------------------------
   DESTINATION: Elementor page Custom CSS.
     Edit page with Elementor > Page Settings (gear, bottom-left)
       > Advanced > Custom CSS

   Paste RAW. That field does not want style tags.

   SCOPE: the stepper only. Sitewide banner, jump nav, workflow badge pill
   and the category/audience chips are built separately in Elementor and are
   not styled here.

   Retune by editing the tokens in the .gkwf block. A per-workflow accent
   change is a token override, not a new rule.

   SPECIFICITY: rules that target a bare element (h2, h3, a) carry a doubled
   .gkwf prefix. Elementor's kit ships .elementor-kit-7 h2 { color: #fff },
   which is one class plus one element and beats a lone .gkwf__title. The
   extra prefix wins without needing !important anywhere.

   NOTE: duplicated on all four workflow pages. Change it in all four or they
   drift. Treat your repo copy as canonical and Elementor as a paste target.

   EVERYTHING BELOW THE "PRODUCT CARD GRID" BANNER IS A SEPARATE COMPONENT
   AND IS NOT MAINTAINED HERE. Leave it alone when editing the stepper.
   ========================================================================== */

.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;
  --gkwf-trigger:     #B657FF;
  /* Brand purple. Drives the step title AND the trigger callout. */
  --gkwf-heading:     #54FF5B;
  --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. Flat brand purple, no gradient. */
.gkwf .gkwf__title {
  grid-column: 1 / -1;
  margin: 0 0 22px;
  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;
}

/* --------------------------------------------------------------------------
   Step 6 CTA block (replaces the screenshot)
   -------------------------------------------------------------------------- */

.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);
}

/* --------------------------------------------------------------------------
   Step 6: collapse everything below the tab bar
   Step 6 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.

   Driven by data-step on the root, which the script writes on every change.
   -------------------------------------------------------------------------- */

.gkwf__panel[data-step="6"].gkwf__media,
.gkwf__panel[data-step="6"].gkwf__cta {
  display: none;
}

.gkwf[data-step="6"] .gkwf__tabs { margin-bottom: 0; }

/* Step 6 is the end of the sequence, so the pager comes out entirely. The
   tab bar is still there to move between steps. */
.gkwf[data-step="6"] .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-step="6"] .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 { margin-bottom: 12px; }
.gkwf__links li:last-child { margin-bottom: 0; }

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

.gkwf .gkwf__links a::before {
  content: "\203A";
  display: inline-block;
  margin-right: 12px;
  color: var(--gkwf-muted);
  text-decoration: none;
}

.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; }
  .gkwf .gkwf__title {margin-bottom: 0px;}

  /* 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 six 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 steps 2-6 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. All six steps stay 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(32, 167, 142, 0.75); --cta: "Try Kepler \2192"; }
.gkc--kepler   { --accent: rgba(9, 120, 134, 0.75); --cta: "Try Gitlens \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%);
  }
}


/* ---- 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;
  }
}/* End custom CSS */