.elementor-355 .elementor-element.elementor-element-41658167{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-end;--gap:0px 148px;--row-gap:0px;--column-gap:148px;--padding-top:120px;--padding-bottom:120px;--padding-left:80px;--padding-right:38px;}.elementor-355 .elementor-element.elementor-element-41658167:not(.elementor-motion-effects-element-type-background), .elementor-355 .elementor-element.elementor-element-41658167 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#10120A;}.elementor-355 .elementor-element.elementor-element-41658167.e-con{--align-self:flex-end;}.elementor-355 .elementor-element.elementor-element-489a8ba{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:48px;--padding-right:48px;}.elementor-355 .elementor-element.elementor-element-26683c50{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-355 .elementor-element.elementor-element-4ecf66b{width:var( --container-widget-width, 102.873% );max-width:102.873%;--container-widget-width:102.873%;--container-widget-flex-grow:0;text-align:left;}.elementor-355 .elementor-element.elementor-element-4ecf66b.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-355 .elementor-element.elementor-element-4ecf66b .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:50px;font-weight:400;line-height:70px;letter-spacing:-1.6px;color:var( --e-global-color-text );}.elementor-355 .elementor-element.elementor-element-54c29a39{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-355 .elementor-element.elementor-element-64292ef1{width:var( --container-widget-width, 729px );max-width:729px;--container-widget-width:729px;--container-widget-flex-grow:0;text-align:left;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:28px;}.elementor-355 .elementor-element.elementor-element-64292ef1.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-355 .elementor-element.elementor-element-5dd8df2d .elementor-button:hover, .elementor-355 .elementor-element.elementor-element-5dd8df2d .elementor-button:focus{background-color:#529E07;}.elementor-355 .elementor-element.elementor-element-5dd8df2d > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-355 .elementor-element.elementor-element-5dd8df2d .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-355 .elementor-element.elementor-element-5dd8df2d .elementor-button .elementor-button-content-wrapper{gap:19px;}.elementor-355 .elementor-element.elementor-element-5dd8df2d .elementor-button{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:500;line-height:28px;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-radius:0px 0px 0px 0px;padding:016px 64px 16px 64px;}.elementor-355 .elementor-element.elementor-element-c09dc28{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:96px 0px;--row-gap:96px;--column-gap:0px;--padding-top:120px;--padding-bottom:120px;--padding-left:48px;--padding-right:48px;}.elementor-355 .elementor-element.elementor-element-c09dc28:not(.elementor-motion-effects-element-type-background), .elementor-355 .elementor-element.elementor-element-c09dc28 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F8F8;}.elementor-355 .elementor-element.elementor-element-52930ee{--display:flex;--gap:32px 0px;--row-gap:32px;--column-gap:0px;}.elementor-355 .elementor-element.elementor-element-263f83fe{text-align:center;}.elementor-355 .elementor-element.elementor-element-263f83fe .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:600;line-height:28px;color:#AAAAAA;}.elementor-355 .elementor-element.elementor-element-338fc305{text-align:center;}.elementor-355 .elementor-element.elementor-element-338fc305 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:40px;font-weight:400;line-height:60px;}.elementor-355 .elementor-element.elementor-element-70d31418{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:center;--align-items:start;}.elementor-355 .elementor-element.elementor-element-330986b2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.7s;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-355 .elementor-element.elementor-element-330986b2:hover{background-color:#FFFFFF;}.elementor-355 .elementor-element.elementor-element-39b4a0d2{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:28px;color:#1E874C;}.elementor-355 .elementor-element.elementor-element-7e3bedfd .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:32px;font-weight:400;line-height:42px;}.elementor-355 .elementor-element.elementor-element-4375da90{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:28px;color:#000000;}.elementor-355 .elementor-element.elementor-element-72d62658{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.7s;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-355 .elementor-element.elementor-element-72d62658:hover{background-color:#FFFFFF;}.elementor-355 .elementor-element.elementor-element-18a6b4ba{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:28px;color:#1E874C;}.elementor-355 .elementor-element.elementor-element-706551c9 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:32px;font-weight:400;line-height:42px;}.elementor-355 .elementor-element.elementor-element-1996fac3{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:28px;color:#000000;}.elementor-355 .elementor-element.elementor-element-24cd941e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.7s;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-355 .elementor-element.elementor-element-24cd941e:hover{background-color:#FFFFFF;}.elementor-355 .elementor-element.elementor-element-1e3f5e1e{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:28px;color:#1E874C;}.elementor-355 .elementor-element.elementor-element-6bdd4cbd .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:32px;font-weight:400;line-height:42px;}.elementor-355 .elementor-element.elementor-element-ea10853{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:28px;color:#000000;}.elementor-355 .elementor-element.elementor-element-7c486243{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:120px;--padding-bottom:120px;--padding-left:48px;--padding-right:48px;}.elementor-355 .elementor-element.elementor-element-515e92d4{--display:flex;}@media(max-width:1024px){.elementor-355 .elementor-element.elementor-element-70d31418{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-355 .elementor-element.elementor-element-41658167{--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:60px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-355 .elementor-element.elementor-element-4ecf66b{width:var( --container-widget-width, 337.031px );max-width:337.031px;--container-widget-width:337.031px;--container-widget-flex-grow:0;}.elementor-355 .elementor-element.elementor-element-4ecf66b .elementor-heading-title{font-size:40px;line-height:1.4em;}.elementor-355 .elementor-element.elementor-element-64292ef1{--container-widget-width:304px;--container-widget-flex-grow:0;width:var( --container-widget-width, 304px );max-width:304px;font-size:16px;}.elementor-355 .elementor-element.elementor-element-70d31418{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}@media(min-width:768px){.elementor-355 .elementor-element.elementor-element-489a8ba{--width:1320px;}.elementor-355 .elementor-element.elementor-element-26683c50{--width:60%;}.elementor-355 .elementor-element.elementor-element-54c29a39{--width:40%;}.elementor-355 .elementor-element.elementor-element-70d31418{--width:100%;}.elementor-355 .elementor-element.elementor-element-330986b2{--width:100%;}.elementor-355 .elementor-element.elementor-element-72d62658{--width:100%;}.elementor-355 .elementor-element.elementor-element-24cd941e{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-72850871 */body {
    font-family: 'Poppins', sans-serif;
}

/* MAIN SECTION LAYOUT */
.cs-section-main {
    display: flex;
    width: 100%;
}

/* LEFT COLUMN STYLES - STICKY */
.cs-col-left {
    flex: 0 0 35%;
    height: 100vh;
    position: sticky;
    top: 0;
    background-color: #ffffff;
    padding: 80px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.cs-left-top {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.cs-nav-container {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

/* RIGHT COLUMN STYLES */
.cs-col-right {
    flex: 0 0 65%;
    position: relative;
}

/* PANEL WRAPPER STYLES */
.cs-panel {
    height: 100vh;
    width: 100%;
    position: relative; /* Context for children */
    overflow: hidden;   /* Hides image zoom overflow */
    margin-bottom: 20px;
}
.cs-panel:last-child {
    margin-bottom: 0;
}

/* BACKGROUND IMAGE LAYER & HOVER EFFECT */
.cs-panel::before {
    content: '';
    position: absolute;
    top: 0; left: 0;
    width: 740px;
    height: 740px;
    background-color: #000000;
    background-size: cover;
    background-position: center;
    transition: transform 0.4s ease-out;
    z-index: 1;
}
.cs-panel:hover::before {
    transform: scale(1.05); /* Zoom effect */
}

/* PANEL CONTENT WRAPPER (Preserves original layout & padding) */
.cs-panel-content {
    position: relative;
    z-index: 2; /* Sits on top of background */
    width: 100%;
    height: 100%;
    padding: 80px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

/* CLICKABLE LINK OVERLAY */
.cs-panel-link {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    z-index: 3; /* Sits on top of everything */
}

/* --- UNIQUE BACKGROUND IMAGES --- */

.cs-panel:nth-of-type(1)::before {
    background-image: url('https://techlinx.se/wp-content/uploads/2025/08/viasales4-scaled.png');
}

.cs-panel:nth-of-type(2)::before {
    background-image: url('https://techlinx.se/wp-content/uploads/2025/08/the-wave-3-1.jpg');
}
.cs-panel:nth-of-type(3)::before {
    background-image: url('https://techlinx.se/wp-content/uploads/2025/08/arhomed-1.jpg');
}
.cs-panel:nth-of-type(4)::before {
    background-image: url('https://techlinx.se/wp-content/uploads/2025/08/seya-1.jpg');
}

/* --- TYPOGRAPHY & TEXT STYLES (PRESERVED FROM WORKING VERSION) --- */
.cs-subheading {
    font-size: 16px; font-weight: 400; line-height: 28px; color: #a8a8a8; margin: 0;
}
.cs-nav-link {
    font-size: 16px; font-weight: 400; line-height: 28px; color: #333333; margin: 0; position: relative; cursor: pointer; padding-bottom: 5px; display: inline-block;
}
.cs-nav-link::after {
    content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background-color: #000; transform: scaleX(0); transform-origin: left; transition: transform 0.4s ease-in-out;
}
.cs-nav-link.is-active {
    color: #000000;
}
.cs-nav-link.is-active::after {
    transform: scaleX(1);
}
.cs-description {
    font-size: 16px; font-weight: 400; line-height: 28px; color: #333333; margin: 0;
}

/* RIGHT COLUMN TYPOGRAPHY */
.cs-panel .cs-title {
    font-size: 40px; font-weight: 400; line-height: 60px; color: #ffffff; margin: 0;
}
.cs-panel .cs-description {
    color: #ffffff;
}
.cs-metadata {
    display: flex; gap: 40px; margin-top: auto;
}
.cs-metadata-col {
    display: flex; flex-direction: column; gap: 8px;
}
.cs-metadata-title {
    font-size: 14px; font-weight: 400; line-height: 20px; color: #a8a8a8; margin: 0;
}
.cs-metadata-value {
    font-size: 16px; font-weight: 400; line-height: 28px; color: #ffffff; margin: 0;
}

/* ICON STYLES *//* End custom CSS */