.elementor-4346 .elementor-element.elementor-element-16f3afd{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4346 .elementor-element.elementor-element-7300ea3{--display:flex;--margin-top:-78px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4346 .elementor-element.elementor-element-df7b509{--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;--padding-top:120px;--padding-bottom:240px;--padding-left:50px;--padding-right:50px;}.elementor-4346 .elementor-element.elementor-element-df7b509:not(.elementor-motion-effects-element-type-background), .elementor-4346 .elementor-element.elementor-element-df7b509 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-87441a7 );}.elementor-4346 .elementor-element.elementor-element-6b1480d{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--gap:40px 40px;--row-gap:40px;--column-gap:40px;--grid-auto-flow:row;}.elementor-4346 .elementor-element.elementor-element-281d5b0{--display:flex;--gap:10px 0px;--row-gap:10px;--column-gap:0px;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-4346 .elementor-element.elementor-element-5a6204e .elementor-icon-wrapper{text-align:start;}.elementor-4346 .elementor-element.elementor-element-5a6204e.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-ec2eb8a );}.elementor-4346 .elementor-element.elementor-element-5a6204e.elementor-view-framed .elementor-icon, .elementor-4346 .elementor-element.elementor-element-5a6204e.elementor-view-default .elementor-icon{color:var( --e-global-color-ec2eb8a );border-color:var( --e-global-color-ec2eb8a );}.elementor-4346 .elementor-element.elementor-element-5a6204e.elementor-view-framed .elementor-icon, .elementor-4346 .elementor-element.elementor-element-5a6204e.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-ec2eb8a );}.elementor-4346 .elementor-element.elementor-element-5a6204e .elementor-icon{font-size:70px;}.elementor-4346 .elementor-element.elementor-element-5a6204e .elementor-icon svg{height:70px;}.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 );font-style:var( --e-global-typography-primary-font-style );text-decoration:var( --e-global-typography-primary-text-decoration );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-4346 .elementor-element.elementor-element-413f631{text-align:start;}.elementor-4346 .elementor-element.elementor-element-413f631 .elementor-heading-title{font-family:var( --e-global-typography-6ddd42b-font-family ), Sans-serif;font-size:var( --e-global-typography-6ddd42b-font-size );font-weight:var( --e-global-typography-6ddd42b-font-weight );text-transform:var( --e-global-typography-6ddd42b-text-transform );font-style:var( --e-global-typography-6ddd42b-font-style );text-decoration:var( --e-global-typography-6ddd42b-text-decoration );line-height:var( --e-global-typography-6ddd42b-line-height );letter-spacing:var( --e-global-typography-6ddd42b-letter-spacing );color:var( --e-global-color-e97e708 );}.elementor-4346 .elementor-element.elementor-element-bb10d6d{--display:flex;--gap:10px 0px;--row-gap:10px;--column-gap:0px;}.elementor-4346 .elementor-element.elementor-element-7c77516 .elementor-icon-wrapper{text-align:start;}.elementor-4346 .elementor-element.elementor-element-7c77516.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-ec2eb8a );}.elementor-4346 .elementor-element.elementor-element-7c77516.elementor-view-framed .elementor-icon, .elementor-4346 .elementor-element.elementor-element-7c77516.elementor-view-default .elementor-icon{color:var( --e-global-color-ec2eb8a );border-color:var( --e-global-color-ec2eb8a );}.elementor-4346 .elementor-element.elementor-element-7c77516.elementor-view-framed .elementor-icon, .elementor-4346 .elementor-element.elementor-element-7c77516.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-ec2eb8a );}.elementor-4346 .elementor-element.elementor-element-7c77516 .elementor-icon{font-size:70px;}.elementor-4346 .elementor-element.elementor-element-7c77516 .elementor-icon svg{height:70px;}.elementor-4346 .elementor-element.elementor-element-270dc1c{text-align:start;}.elementor-4346 .elementor-element.elementor-element-270dc1c .elementor-heading-title{font-family:var( --e-global-typography-6ddd42b-font-family ), Sans-serif;font-size:var( --e-global-typography-6ddd42b-font-size );font-weight:var( --e-global-typography-6ddd42b-font-weight );text-transform:var( --e-global-typography-6ddd42b-text-transform );font-style:var( --e-global-typography-6ddd42b-font-style );text-decoration:var( --e-global-typography-6ddd42b-text-decoration );line-height:var( --e-global-typography-6ddd42b-line-height );letter-spacing:var( --e-global-typography-6ddd42b-letter-spacing );color:var( --e-global-color-e97e708 );}.elementor-4346 .elementor-element.elementor-element-12226cf{--display:flex;--gap:10px 0px;--row-gap:10px;--column-gap:0px;}.elementor-4346 .elementor-element.elementor-element-a090439 .elementor-icon-wrapper{text-align:start;}.elementor-4346 .elementor-element.elementor-element-a090439.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-ec2eb8a );}.elementor-4346 .elementor-element.elementor-element-a090439.elementor-view-framed .elementor-icon, .elementor-4346 .elementor-element.elementor-element-a090439.elementor-view-default .elementor-icon{color:var( --e-global-color-ec2eb8a );border-color:var( --e-global-color-ec2eb8a );}.elementor-4346 .elementor-element.elementor-element-a090439.elementor-view-framed .elementor-icon, .elementor-4346 .elementor-element.elementor-element-a090439.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-ec2eb8a );}.elementor-4346 .elementor-element.elementor-element-a090439 .elementor-icon{font-size:70px;}.elementor-4346 .elementor-element.elementor-element-a090439 .elementor-icon svg{height:70px;}.elementor-4346 .elementor-element.elementor-element-a095962{text-align:start;}.elementor-4346 .elementor-element.elementor-element-a095962 .elementor-heading-title{font-family:var( --e-global-typography-6ddd42b-font-family ), Sans-serif;font-size:var( --e-global-typography-6ddd42b-font-size );font-weight:var( --e-global-typography-6ddd42b-font-weight );text-transform:var( --e-global-typography-6ddd42b-text-transform );font-style:var( --e-global-typography-6ddd42b-font-style );text-decoration:var( --e-global-typography-6ddd42b-text-decoration );line-height:var( --e-global-typography-6ddd42b-line-height );letter-spacing:var( --e-global-typography-6ddd42b-letter-spacing );color:var( --e-global-color-e97e708 );}.elementor-4346 .elementor-element.elementor-element-c9545fc{--display:flex;--gap:10px 0px;--row-gap:10px;--column-gap:0px;}.elementor-4346 .elementor-element.elementor-element-061ae98 .elementor-icon-wrapper{text-align:start;}.elementor-4346 .elementor-element.elementor-element-061ae98.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-ec2eb8a );}.elementor-4346 .elementor-element.elementor-element-061ae98.elementor-view-framed .elementor-icon, .elementor-4346 .elementor-element.elementor-element-061ae98.elementor-view-default .elementor-icon{color:var( --e-global-color-ec2eb8a );border-color:var( --e-global-color-ec2eb8a );}.elementor-4346 .elementor-element.elementor-element-061ae98.elementor-view-framed .elementor-icon, .elementor-4346 .elementor-element.elementor-element-061ae98.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-ec2eb8a );}.elementor-4346 .elementor-element.elementor-element-061ae98 .elementor-icon{font-size:70px;}.elementor-4346 .elementor-element.elementor-element-061ae98 .elementor-icon svg{height:70px;}.elementor-4346 .elementor-element.elementor-element-93016ab{text-align:start;}.elementor-4346 .elementor-element.elementor-element-93016ab .elementor-heading-title{font-family:var( --e-global-typography-6ddd42b-font-family ), Sans-serif;font-size:var( --e-global-typography-6ddd42b-font-size );font-weight:var( --e-global-typography-6ddd42b-font-weight );text-transform:var( --e-global-typography-6ddd42b-text-transform );font-style:var( --e-global-typography-6ddd42b-font-style );text-decoration:var( --e-global-typography-6ddd42b-text-decoration );line-height:var( --e-global-typography-6ddd42b-line-height );letter-spacing:var( --e-global-typography-6ddd42b-letter-spacing );color:var( --e-global-color-e97e708 );}@media(max-width:1024px){.elementor-4346 .elementor-element.elementor-element-df7b509{--padding-top:70px;--padding-bottom:140px;--padding-left:30px;--padding-right:30px;}.elementor-4346 .elementor-element.elementor-element-6b1480d{--gap:20px 20px;--row-gap:20px;--column-gap:20px;--grid-auto-flow:row;}.elementor-4346 .elementor-element.elementor-element-5a6204e .elementor-icon{font-size:50px;}.elementor-4346 .elementor-element.elementor-element-5a6204e .elementor-icon svg{height:50px;}.elementor-widget-heading .elementor-heading-title{line-height:var( --e-global-typography-primary-line-height );}.elementor-4346 .elementor-element.elementor-element-413f631 .elementor-heading-title{font-size:var( --e-global-typography-6ddd42b-font-size );line-height:var( --e-global-typography-6ddd42b-line-height );letter-spacing:var( --e-global-typography-6ddd42b-letter-spacing );}.elementor-4346 .elementor-element.elementor-element-7c77516 .elementor-icon{font-size:50px;}.elementor-4346 .elementor-element.elementor-element-7c77516 .elementor-icon svg{height:50px;}.elementor-4346 .elementor-element.elementor-element-270dc1c .elementor-heading-title{font-size:var( --e-global-typography-6ddd42b-font-size );line-height:var( --e-global-typography-6ddd42b-line-height );letter-spacing:var( --e-global-typography-6ddd42b-letter-spacing );}.elementor-4346 .elementor-element.elementor-element-a090439 .elementor-icon{font-size:50px;}.elementor-4346 .elementor-element.elementor-element-a090439 .elementor-icon svg{height:50px;}.elementor-4346 .elementor-element.elementor-element-a095962 .elementor-heading-title{font-size:var( --e-global-typography-6ddd42b-font-size );line-height:var( --e-global-typography-6ddd42b-line-height );letter-spacing:var( --e-global-typography-6ddd42b-letter-spacing );}.elementor-4346 .elementor-element.elementor-element-061ae98 .elementor-icon{font-size:50px;}.elementor-4346 .elementor-element.elementor-element-061ae98 .elementor-icon svg{height:50px;}.elementor-4346 .elementor-element.elementor-element-93016ab .elementor-heading-title{font-size:var( --e-global-typography-6ddd42b-font-size );line-height:var( --e-global-typography-6ddd42b-line-height );letter-spacing:var( --e-global-typography-6ddd42b-letter-spacing );}}@media(max-width:767px){.elementor-4346 .elementor-element.elementor-element-7300ea3{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4346 .elementor-element.elementor-element-df7b509{--padding-top:50px;--padding-bottom:100px;--padding-left:30px;--padding-right:30px;}.elementor-4346 .elementor-element.elementor-element-6b1480d{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-4346 .elementor-element.elementor-element-5a6204e .elementor-icon-wrapper{text-align:center;}.elementor-4346 .elementor-element.elementor-element-5a6204e .elementor-icon{font-size:40px;}.elementor-4346 .elementor-element.elementor-element-5a6204e .elementor-icon svg{height:40px;}.elementor-widget-heading .elementor-heading-title{line-height:var( --e-global-typography-primary-line-height );}.elementor-4346 .elementor-element.elementor-element-413f631{text-align:center;}.elementor-4346 .elementor-element.elementor-element-413f631 .elementor-heading-title{font-size:var( --e-global-typography-6ddd42b-font-size );line-height:var( --e-global-typography-6ddd42b-line-height );letter-spacing:var( --e-global-typography-6ddd42b-letter-spacing );}.elementor-4346 .elementor-element.elementor-element-7c77516 .elementor-icon-wrapper{text-align:center;}.elementor-4346 .elementor-element.elementor-element-7c77516 .elementor-icon{font-size:40px;}.elementor-4346 .elementor-element.elementor-element-7c77516 .elementor-icon svg{height:40px;}.elementor-4346 .elementor-element.elementor-element-270dc1c{text-align:center;}.elementor-4346 .elementor-element.elementor-element-270dc1c .elementor-heading-title{font-size:var( --e-global-typography-6ddd42b-font-size );line-height:var( --e-global-typography-6ddd42b-line-height );letter-spacing:var( --e-global-typography-6ddd42b-letter-spacing );}.elementor-4346 .elementor-element.elementor-element-a090439 .elementor-icon-wrapper{text-align:center;}.elementor-4346 .elementor-element.elementor-element-a090439 .elementor-icon{font-size:40px;}.elementor-4346 .elementor-element.elementor-element-a090439 .elementor-icon svg{height:40px;}.elementor-4346 .elementor-element.elementor-element-a095962{text-align:center;}.elementor-4346 .elementor-element.elementor-element-a095962 .elementor-heading-title{font-size:var( --e-global-typography-6ddd42b-font-size );line-height:var( --e-global-typography-6ddd42b-line-height );letter-spacing:var( --e-global-typography-6ddd42b-letter-spacing );}.elementor-4346 .elementor-element.elementor-element-061ae98 .elementor-icon-wrapper{text-align:center;}.elementor-4346 .elementor-element.elementor-element-061ae98 .elementor-icon{font-size:40px;}.elementor-4346 .elementor-element.elementor-element-061ae98 .elementor-icon svg{height:40px;}.elementor-4346 .elementor-element.elementor-element-93016ab{text-align:center;}.elementor-4346 .elementor-element.elementor-element-93016ab .elementor-heading-title{font-size:var( --e-global-typography-6ddd42b-font-size );line-height:var( --e-global-typography-6ddd42b-line-height );letter-spacing:var( --e-global-typography-6ddd42b-letter-spacing );}}@media(min-width:768px){.elementor-4346 .elementor-element.elementor-element-df7b509{--content-width:1100px;}}/* Start custom CSS for html, class: .elementor-element-26ce6a9 *//* =========================================
PREMIUM HERO
========================================= */

.colo-hero{
    padding:110px 0 90px;
}


.hero-content h1{

    max-width:760px;

    font-size:
    clamp(48px,5vw,72px);

    letter-spacing:-0.055em;

}



.hero-actions{
    margin-top:35px;
}


.cta-button{

    display:inline-flex;

    padding:16px 34px;

    border-radius:999px;

    background:var(--green);

    color:#fff !important;

    font-weight:700;

    text-decoration:none;

    transition:.25s ease;

}


.cta-button:hover{

    background:var(--green-light);

}





/* TRUST */

.hero-trust{

    display:flex;

    gap:45px;

    margin-top:60px;

    padding-top:35px;

    border-top:1px solid var(--border);

}



.trust-item{

    display:flex;

    flex-direction:column;

}



.trust-item strong{

    font-size:32px;

    line-height:1;

    color:var(--green);

}



.trust-item span{

    margin-top:8px;

    font-size:14px;

    color:var(--text);

}




/* MEDIA */

.hero-media{

    position:relative;

    overflow:hidden;

    border-radius:28px;

    aspect-ratio:4 / 5;

    box-shadow:
    0 30px 80px rgba(0,0,0,.12);

}


.hero-media img{

    width:100%;

    height:100%;

    object-fit:cover;

}



.hero-media::after{

    content:"";

    position:absolute;

    inset:0;

    pointer-events:none;

    background:
    linear-gradient(
        180deg,
        transparent,
        rgba(25,60,55,.25)
    );


}



/* MOBILE */

@media(max-width:992px){

    .hero-grid{

        grid-template-columns:1fr;

    }


    .hero-media{

        aspect-ratio:16/10;

        margin-top:30px;

    }


    .hero-trust{

        gap:25px;

        flex-wrap:wrap;

    }
}
    
    @media(max-width:768px){

    .hero-media{
        margin-top:50px;
        border-radius:22px;
    }


    .hero-trustline{
        margin-top:50px;
        padding-top:40px;

        font-size:14px;
        line-height:1.6;
        text-align:center;
        color:var(--text);
    }


    .logo-slider{
        margin-top:35px;
    }

}

/* =========================================
   HERO TRUSTLINE MOBILE
========================================= */

.hero-trustline{
    text-align:left;
    margin-top:50px;
    font-size:18px;
    font-weight:600;
    color:var(--heading);
}


/* mere afstand mellem billede og kundetekst */
@media(max-width:992px){

    .hero-trustline{
        margin-top:50px;
        text-align:left;
    }

    .hero-media{
        margin-bottom:40px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bbc2814 *//* =========================================
   COLO RECRUITMENT DESIGN SYSTEM
========================================= */

:root{

  --green:#193C37;
  --green-dark:#102F2B;
  --green-light:#089A53;
  --mint:#9EE3BA;

  --text:#55605D;
  --heading:#193C37;

  --bg:#FCFDFC;
  --soft:#F5F8F5;
  --white:#FFFFFF;

  --border:#E4ECE7;

  --container:1240px;
  --narrow:820px;

  --radius:26px;

  --shadow:
    0 20px 60px rgba(25,60,55,.08);

}



/* =========================================
   GLOBAL
========================================= */

.colo-page{

  background:var(--white);

  color:var(--text);

  font-family:"Greycliff CF",sans-serif;

}



.colo-page *,
.colo-page *::before,
.colo-page *::after{

  box-sizing:border-box;

}



.colo-page h1,
.colo-page h2,
.colo-page h3{

  color:var(--heading);

  letter-spacing:-0.045em;

  line-height:1.1;

  margin-top:0;

}



.colo-page p,
.colo-page li{

  color:var(--text);

  font-size:17px;

  line-height:1.8;

}



/* =========================================
   CONTAINERS
========================================= */

.container{

  width:100%;

  max-width:var(--container);

  margin:0 auto;

  padding-left:32px;

  padding-right:32px;

}



.container.narrow{

  max-width:var(--narrow);

}



/* =========================================
   SECTIONS
========================================= */

.section{

  width:100%;

  padding:110px 0;

  position:relative;

}



.section.soft{

  background:var(--soft);

}



.section.dark{

  background:var(--green);

}



.section.dark h1,
.section.dark h2,
.section.dark h3{

  color:var(--white);

}



.section.dark p,
.section.dark li{

  color:rgba(255,255,255,.82);

}



/* =========================================
   HIGHLIGHT SECTION
========================================= */

.section.highlight{

  background:var(--soft);

  position:relative;

  overflow:hidden;

}



.section.highlight::before{

  content:"";

  position:absolute;

  inset:0;

  background:linear-gradient(
    135deg,
    rgba(255,255,255,.08),
    rgba(0,0,0,.05)
  );

  pointer-events:none;

}



.section.highlight h1,
.section.highlight h2,
.section.highlight h3,
.section.highlight p{

  color:var(--white);

}



.section.highlight .green-line{

  background:rgba(255,255,255,.7);

}



/* =========================================
   LABEL / EYEBROW
========================================= */

.eyebrow{

  display:inline-block;

  font-size:12px;

  font-weight:700;

  letter-spacing:.16em;

  color:var(--green-light);

  margin-bottom:24px;

  text-transform:uppercase;

}



.section.dark .eyebrow,
.section.highlight .eyebrow{

  color:var(--mint);

}

/* ===================================================
   IMAGE SYSTEM
=================================================== */




.image::after{
    content:"";
    position:absolute;
    inset:0;

    background:linear-gradient(
        180deg,
        rgba(0,0,0,.03),
        rgba(0,0,0,0)
    );

    pointer-events:none;
}



/* ===================================================
   STATEMENT BOX
=================================================== */

.statement{

    position:relative;
    overflow:hidden;

    background:rgba(255,255,255,.55);

    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);

    border:1px solid rgba(255,255,255,.35);

    border-radius:20px;

    padding:36px;

    margin:60px 0;

    box-shadow:
        0 8px 30px rgba(0,0,0,.04),
        inset 0 1px 0 rgba(255,255,255,.4);
}



/* ===================================================
   SPLIT CONTENT
=================================================== */

.split{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:80px;

    align-items:center;

}


.split-text h2{

    font-size:48px;

    margin-bottom:25px;

}


.split-text p{

    max-width:65ch;

}


.split-image{

aspect-ratio:3 / 4;

border-radius:20px;



    overflow:hidden;

}


.split-image img{

    width:100%;

    height:100%;

    object-fit:cover;

    display:block;

}



/* ===================================================
   REVERSE SPLIT
=================================================== */

.split.reverse .split-image{

    order:1;

}


.split.reverse .split-text{

    order:2;

}



/* ===================================================
   MOBILE
=================================================== */

@media(max-width:992px){

    .split{

        grid-template-columns:1fr;

        gap:40px;

    }

}


@media(max-width:768px){

    .split-text h2{

        font-size:32px;

    }


    .split-image{

        aspect-ratio:16 / 10;

    }

}
/* ===================================================
   CHECK LIST
=================================================== */

.search-list{

    list-style:none;

    padding:0;

    margin:40px 0;

}


.search-list li{

    display:flex;

    align-items:flex-start;

    gap:18px;

    margin-bottom:20px;

    color:var(--text);

}


.search-list li::before{

    content:"✓";

    flex-shrink:0;

    width:34px;

    height:34px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:var(--green-light);

    color:#fff;

    font-weight:700;

}



/* ===================================================
   HERO
=================================================== */

.hero{

    padding:120px 0 90px;

}


.hero-grid{

    display:grid;

    grid-template-columns:minmax(0,1fr) 360px;

    gap:80px;

    align-items:start;

}




.hero .lead{

    max-width:760px;

    font-size:22px;

    line-height:1.6;

    color:var(--heading);

}


/* ===================================================
   SIMPLE CARDS
=================================================== */

.cards{
    display:grid;
    grid-template-columns:1fr;
}

.card{
    padding:20px 0; /* reduceret fra 40px til 20px */
    background:none;
    border:none;
    border-bottom:1px solid var(--border);
}

.card h3{
    font-size:24px; /* reduceret fra 32px */
    margin-bottom:10px;
}

.card p{
    margin:10px 0 0;
    line-height:1.5;
}

/* ===================================================
   DESKTOP LAYOUT
=================================================== */

@media(min-width:992px){

    .image{
        min-height:600px;
        aspect-ratio:1 / 1;
    }

    .two-col,
    .search-grid,
    .foundation-grid{
        grid-template-columns:1fr 1.4fr;
    }

    .industry-grid{
        grid-template-columns:repeat(2,1fr);
    }

}

/* ===================================================
   DARK PROCESS SECTION
=================================================== */

.section.dark{
    background:var(--green);
    padding:120px 0;
}

.section.dark .container{
    max-width:1100px;


}

/* ===================================================
   PROCESS GRID
=================================================== */




.process-grid strong{
    display:block;
    color:var(--mint);
    font-size:30px;
    font-weight:700;
}

.process-grid h3{
    margin:25px 0 15px;
    color:#fff;
    font-size:20px;
}

.process-grid p{
    color:rgba(255,255,255,.75);
    font-size:16px;
}

/* ===================================================
   CHECK LIST
=================================================== */

.check-list{
    list-style:none;
    padding:0;
    margin:35px 0;
}

.check-list li{
    position:relative;
    padding-left:35px;
    margin-bottom:15px;
}

.check-list li::before{
    content:"✓";
    position:absolute;
    left:0;
    top:2px;
    color:var(--green-light);
    font-weight:700;
}

/* ===================================================
   COURSE SECTIONS
=================================================== */

.course-section{
    width:100%;
    padding:64px 0;
}

.course-section-inner{
    max-width:1280px;
    margin:0 auto;
    padding:0 32px;
}

/* ===================================================
   SECTION VARIANTS
=================================================== */

.section-soft{
    background:#F7FBF8;
}

.section-tint{
    background:linear-gradient(
        180deg,
        #F5FAF7 0%,
        #FCFDFC 100%
    );
}

.section-dark-soft{
    background:var(--green);
    color:#fff;
    border-radius:28px;
}

/* ===================================================
   ICON BENEFITS
=================================================== */

.icon-benefits{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:24px;
    margin:60px 0;
}

.icon-benefit{
    padding:40px 20px;
    text-align:center;
    background:#fff;
    border:1px solid #E7EFEA;
    border-radius:20px;
    transition:.3s ease;
}

.icon-benefit:hover{
    transform:translateY(-4px);
    box-shadow:0 10px 30px rgba(0,0,0,.08);
}

.icon-benefit img{
    width:72px;
    height:72px;
    object-fit:contain;
    margin-bottom:20px;
    padding:18px;
    background:#EEF5E7;
    border-radius:50%;
}

.icon-benefit h4{
    margin:0;
    color:#111;
    font-size:20px;
    font-weight:600;
}

/* ===================================================
   CLIENTS SECTION
=================================================== */

.clients{

    padding:20px 0;

    background:#fff;

}


.clients-inner{

    max-width:900px;

    margin:0 auto;

    padding:0 20px;

    display:flex;

    flex-direction:column;

    gap:60px;

}




/* ===================================================
   CLIENTS TEXT
=================================================== */

.clients-header{

text-align:center;

margin-bottom:40px;

}


.clients-header h2{

font-size:30px;

text-transform:uppercase;

letter-spacing:.14em;

font-weight:650;

color:#6b7772;

 background: linear-gradient(
            145deg,
            rgba(255,255,255,.16),
            rgba(255,255,255,.05)
        ),
        rgba(25,60,55,.72);


    backdrop-filter:blur(28px);
    -webkit-backdrop-filter:blur(28px);

}


/* ===================================================
   LOGO SLIDER
=================================================== */

.hero-trustline{
    margin:40px 0 24px;

    color:#7B8682;

    font-size:13px;
    font-weight:600;

    letter-spacing:.12em;
    text-transform:uppercase;
}


.logo-slider{

position:relative;

width:100%;

padding:45px 0;

overflow:hidden;

 background: none;



border:none;

}

.logo-slider::before,
.logo-slider::after{
    display:none;


}



/* ===================================================
   LOGO TRACK
=================================================== */

.logo-track{

    display:flex;

    width:max-content;

    align-items:center;

    animation:logos 40s linear infinite;

    will-change:transform;

}


@keyframes logos{

    from{

        transform:translateX(0);

    }

    to{

        transform:translateX(-50%);

    }

}



/* ===================================================
   LOGOS
=================================================== */

.logo{
    width:180px;
    height:120px;

    display:flex;
    align-items:center;
    justify-content:center;

    flex-shrink:0;

    padding:0;
}



.logo img{

max-width:130px;

max-height:45px;

object-fit:contain;




transition:.4s ease;

}



.logo-slider{
    padding:25px 0 10px;



}

 .logo-slider-secondary .logo img{
    filter:
        grayscale(100%)
        brightness(7.8)
        contrast(1.4);

    opacity:.75;

    transition:all .3s ease;
}

.logo-slider-secondary .logo:hover img{
    opacity:.8;
}

.hero-trustline{
    margin:30px 0 10px;
}

.logo-slider{
    padding:25px 0 10px;
}
.logo-slider-secondary{
    width:100%;
    max-width:none;
    margin:0;

}
/* =========================================
   TEAM GRID
========================================= */

.team-grid{

    margin-top:50px;

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:28px;

}


.team-card{

    text-decoration:none;

    color:inherit;

    text-align:center;

    display:block;

}


/* =========================================
   TEAM IMAGE
========================================= */

.team-card img{

    width:100%;

    aspect-ratio:1 / 1;

    object-fit:cover;
    object-position:center top;

    border-radius:20%;

    display:block;

    margin:0 auto 14px;

    transition:.4s ease;

}


.team-card:hover img{

    transform:scale(1.04);

}


/* =========================================
   TEAM INFO
========================================= */

.team-card h3{

    margin:0 0 6px;

    font-size:16px;

    line-height:1.3;

    font-weight:600;

    color:#193c37;

}


.team-card p{

    margin:0;

    font-size:13px;

    line-height:1.4;

    color:#687570;

}


/* =========================================
   TABLET
========================================= */

@media(max-width:900px){

    .team-grid{

        grid-template-columns:repeat(2,1fr);

        gap:24px;

    }

}


/* =========================================
   MOBILE
========================================= */

@media(max-width:600px){

    .team-grid{

        grid-template-columns:repeat(2,1fr);

        gap:24px 18px;

        margin-top:40px;

    }


    .team-card img{

        width:90px;

        height:90px;

    }


    .team-card h3{

        font-size:14px;

    }


    .team-card p{

        font-size:11px;

    }

}

/* ===================================================
   DARK SOFT SECTION
=================================================== */

.section-dark-soft{

    background:var(--green);

    color:#fff;

    padding:72px;

    margin:80px 0;

    border-radius:32px;

    border-bottom:none;

}


.section-dark-soft h1,
.section-dark-soft h2,
.section-dark-soft h3,
.section-dark-soft h4,
.section-dark-soft p,
.section-dark-soft li{

    color:#fff;

}


.section-dark-soft .feature-card,
.section-dark-soft .module-card,
.section-dark-soft .benefit-card,
.section-dark-soft .faq-item{

    background:rgba(255,255,255,.05);

    border:1px solid rgba(255,255,255,.08);

}


.section-dark-soft .feature-card p,
.section-dark-soft .module-card p,
.section-dark-soft .benefit-card p{

    color:rgba(255,255,255,.78);

}


/* ===================================================
   INDUSTRIES
=================================================== */

.industries{

    padding:90px 0;

    background:transparent;

}


/* ===================================================
   HEADER
=================================================== */

.industry-header{

    max-width:760px;

    margin-bottom:50px;

}


.industry-header .eyebrow{

    color:var(--green);

    margin-bottom:20px;

}


.industry-header h2{

    color:var(--green);

    font-size:clamp(34px,4vw,52px);

    margin-bottom:20px;

}


.industry-header p{

    max-width:65ch;

    color:var(--text);

    line-height:1.8;

}


/* ===================================================
   INDUSTRY GRID
=================================================== */

.industry-grid{

    display:grid;

    grid-template-columns:repeat(3, minmax(0,1fr));

    gap:16px;

    width:100%;

}



/* ===================================================
   INDUSTRY CARD
=================================================== */

.industry-card{

    min-width:0;

    background:#fff;

    border:1px solid rgba(25,60,55,.08);

    border-radius:20px;

    padding:22px 12px;

    min-height:150px;

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

    text-align:center;

}



.industry-icon{
    width:48px;
    height:48px;
    color:var(--green) !important;
    stroke:var(--green) !important;
}



.industry-card h3{

    margin:0;

    font-size:16px;

    line-height:1.25;

    color:var(--green);

}





/* =========================================
   INDUSTRY CTA
========================================= */

.industry-cta{
    margin-top:40px;
}


.industry-card.featured{

    background:var(--green);

    border-radius:28px;

    padding:42px;

    min-height:260px;

    display:flex;

    align-items:center;

    justify-content:flex-start;

}


.industry-content{

    max-width:520px;

}


.cta-eyebrow{

    display:block;

    color:var(--mint);

    font-size:12px;

    font-weight:700;

    letter-spacing:.15em;

    text-transform:uppercase;

    margin-bottom:18px;

}


.industry-card.featured h2{

    color:#fff;

    font-size:clamp(28px,3vw,38px);

    line-height:1.1;

    letter-spacing:-.04em;

    margin-bottom:18px;

}


.industry-card.featured p{

    color:rgba(255,255,255,.82);

    font-size:17px;

    line-height:1.7;

    margin-bottom:20px;

}


.industry-card.featured .cta-button{

    display:inline-flex;

    padding:14px 28px;

    border-radius:999px;

    background:#fff;

    color:var(--green)!important;

    font-weight:700;

    text-decoration:none;

    transition:.25s ease;

}


.industry-card.featured .cta-button:hover{

    background:var(--mint);

}

.industries{
    padding-bottom:10px;
}

.industries + .section{
    padding-top:10px;
}

/* ===================================================
   RESPONSIVE
=================================================== */

@media(max-width:900px){

    .industry-grid{

        grid-template-columns:repeat(2,1fr);

    }

}


@media(max-width:600px){

    .industry-grid{

        grid-template-columns:1fr;

    }

}
/* ===================================================
   TABLET
=================================================== */

@media(max-width:1200px){

    .industry-grid{

        grid-template-columns:repeat(3,1fr);

    }

}



/* ===================================================
   MOBILE
=================================================== */

@media(max-width:768px){

    .industries{

        padding:60px 0;

    }


    .industry-grid{

        grid-template-columns:repeat(2,1fr);

        gap:16px;

    }


    .industry-card{

        min-height:150px;

    }


    .industry-card.featured{

        grid-column:span 2;

    }


    .industry-icon{

        width:45px;

        height:45px;

    }


}


/* =========================================
MODULE NUMBER
========================================= */

.module-number{
    width:48px;
    height:48px;
    border-radius:999px;
    background:var(--green);
    color:#fff;

    display:flex;
    align-items:center;
    justify-content:center;

    font-size:12px;
    font-weight:700;

    margin-bottom:18px;
}


/* =========================================
QUOTE
========================================= */

.big-quote,
.kindlead-big-quote{
    max-width:860px;

    font-size:32px;
    line-height:1.15;
    font-weight:700;

    letter-spacing:-0.05em;

    color:var(--mint) !important;
}

/* =========================================
VALUE SECTION
========================================= */

.value-section{
    padding:100px 0;
}


.value-intro{

    max-width:700px;

    font-size:22px;

    line-height:1.6;

    color:var(--heading);

    margin-bottom:70px;

}


/* GRID */

.value-points{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:0;

}


.value-point{

    padding:0 35px;

    border-left:1px solid var(--border);

}


.value-point:first-child{

    border-left:none;

    padding-left:0;

}



.value-number{

    display:block;

    color:var(--mint);

    font-size:20px;

    font-weight:700;

    margin-bottom:25px;

}



.value-point h4{

    color:var(--green);

    font-size:22px;

    line-height:1.25;

    margin-bottom:15px;

}



.value-point p{

    font-size:16px;

    line-height:1.7;

    margin:0;

}



/* RESPONSIVE */

@media(max-width:1100px){

    .value-points{

        grid-template-columns:repeat(2,1fr);

        gap:40px;

    }


    .value-point:nth-child(3){

        border-left:none;

        padding-left:0;

    }

}



@media(max-width:768px){

    .value-points{

        grid-template-columns:1fr;

    }


    .value-point,
    .value-point:first-child{

        border-left:none;

        padding:0;

    }

}

/* =========================================
   CONTACT BOOKMARK WIDGET
   Clean version
========================================= */


/* HIDDEN CHECKBOX */
.course-widget input {
    position:absolute;
    opacity:0;
    pointer-events:none;
}


/* =========================================
   FLOATING BOOKMARK BUTTON
========================================= */

.course-bookmark {

    position:fixed;

    right:24px;
    top:50%;

    transform:translateY(-50%);

    width:64px;
    height:64px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:rgba(25,60,55,.96);

    border:1px solid rgba(255,255,255,.15);

    cursor:pointer;

    box-sizing:border-box;

    box-shadow:
        0 20px 50px rgba(0,0,0,.25);

    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);

    transition:
        transform .3s ease,
        background .3s ease;

    z-index:10002;
}


.bookmark-icon {
    display:flex;
    align-items:center;
    justify-content:center;
}


.bookmark-icon svg {

    width:28px;
    height:28px;

}


.course-bookmark:hover {

    background:var(--green-light);

    transform:
        translateY(-50%)
        scale(1.05);

}


/* Hide button when open */

#course-toggle:checked ~ .course-bookmark {

    opacity:0;

    pointer-events:none;

    transform:
        translateY(-50%)
        scale(.85);

}



/* =========================================
   OVERLAY
========================================= */

.course-overlay {

    position:fixed;

    inset:0;

    background:
        rgba(16,47,43,.35);

    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);

    opacity:0;

    pointer-events:none;

    transition:.3s ease;

    z-index:9998;

}


#course-toggle:checked ~ .course-overlay {

    opacity:1;

    pointer-events:auto;

}



/* =========================================
   CONTACT CARD
========================================= */

.course-box {

    position:fixed;

    top:50%;

    right:-420px;

    transform:translateY(-50%);

    width:340px;

    padding:28px;

    border-radius:26px;


    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.16),
            rgba(255,255,255,.05)
        ),
        rgba(25,60,55,.78);


    backdrop-filter:blur(28px);
    -webkit-backdrop-filter:blur(28px);


    border:
        1px solid rgba(255,255,255,.18);


    box-shadow:

        0 35px 90px rgba(0,0,0,.35),

        inset 0 1px 0 rgba(255,255,255,.2);


    opacity:0;

    transition:

        right .35s ease,
        opacity .35s ease;


    z-index:10001;

}



#course-toggle:checked ~ .course-box {

    right:32px;

    opacity:1;

}



/* =========================================
   CLOSE
========================================= */

.course-close {

    position:absolute;

    top:14px;

    right:18px;

    font-size:28px;

    line-height:1;

    color:rgba(255,255,255,.75);

    cursor:pointer;

}



/* =========================================
   IMAGE
========================================= */

.avatar-wrap {

    width:90px;

    height:90px;

    margin:0 auto 18px;

    border-radius:50%;

    overflow:hidden;

    border:
        2px solid rgba(255,255,255,.15);

}



.avatar-wrap img {

    width:100%;

    height:100%;

    object-fit:cover;

    object-position:center 20%;

}



/* =========================================
   HEADER
========================================= */

.contact-header {

    text-align:center;

}


.contact-name {

    margin:0;

    font-size:20px !important;

    line-height:1.3;

    font-weight:600;

    color:#fff !important;

}


.contact-title {

    margin:

        8px 0 20px;

    text-align:center;

    font-size:11px;

    letter-spacing:.14em;

    text-transform:uppercase;

    color:rgba(255,255,255,.7);

}



.contact-divider {

    height:1px;

    margin-bottom:20px;

    background:
        rgba(255,255,255,.12);

}



/* =========================================
   CONTACT ICONS
========================================= */


.contact-icons {

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:12px;

    margin-bottom:24px;

}



.contact-icon {

    display:flex;

    flex-direction:column;

    align-items:center;

    gap:8px;

    text-decoration:none;

    color:#fff !important;

}



.icon-circle {

    width:46px;

    height:46px;

    border-radius:50%;


    display:flex;

    align-items:center;

    justify-content:center;


    background:

        rgba(255,255,255,.10);


    border:

        1px solid rgba(255,255,255,.18);


    transition:.25s ease;

}



.icon-circle svg {

    width:20px;

    height:20px;

    fill:#fff;

}



.contact-icon:hover .icon-circle {

    background:var(--green-light);

    transform:translateY(-3px);

}



.icon-label {

    font-size:11px;

    color:rgba(255,255,255,.8);

}



/* =========================================
   BUTTON
========================================= */


.course-box .cta-button {

    width:100%;

    display:flex;

    align-items:center;

    justify-content:center;


    padding:13px 18px;

    border-radius:999px;


    background:var(--green);

    color:#fff !important;


    font-weight:600;

    text-decoration:none;


    transition:.25s ease;

}


.course-box .cta-button:hover {

    background:var(--green-light);

}

/* FORCE CONTACT WIDGET SIZE */

.course-widget {
    position:relative;
    z-index:10000;
}


.course-box {

    position:fixed !important;

    width:340px !important;
    max-width:340px !important;

    height:auto !important;
    max-height:90vh !important;

    top:50% !important;
    right:-420px !important;
    left:auto !important;

    padding:28px !important;

    display:block !important;

    box-sizing:border-box !important;

    overflow:hidden !important;

}


#course-toggle:checked ~ .course-box {

    right:32px !important;

}


.course-overlay {

    width:100vw !important;
    height:100vh !important;

}


.course-box * {

    box-sizing:border-box;

}


/* =========================================
   MOBILE
========================================= */


@media(max-width:768px){


    .course-bookmark {

        width:58px;

        height:58px;

        right:16px;

        bottom:18px;

        top:auto;

        transform:none;

    }


    .course-bookmark:hover {

        transform:scale(1.05);

    }


    .course-box {

        width:

            calc(100vw - 32px);

        left:16px;

        right:auto;

        padding:24px;

        border-radius:22px;

        transform:

            translateY(-50%);

    }


    #course-toggle:checked ~ .course-box {

        right:auto;

        left:16px;

    }


    .avatar-wrap {

        width:80px;

        height:80px;

    }


    .contact-icons {

        gap:10px;

    }


    .icon-circle {

        width:44px;

        height:44px;

    }


}

/* =========================================
   MOBILE OPTIMIZATION
========================================= */

@media (max-width:768px){

    /* SECTIONS */

    .section,
    .course-section{
        padding:56px 0;
    }

    .container,
    .course-section-inner,
    .colo-container{
        padding-left:20px;
        padding-right:20px;
    }

    /* TYPOGRAPHY */

    .afklarings-title,
    .hero h1{
        font-size:clamp(34px,9vw,46px);
        line-height:1.05;
    }

    .afklarings-subtitle{
        font-size:22px;
        line-height:1.25;
    }

    .section-title,
    .split h2,
    .recruitment h2,
    .industries h2{
        font-size:28px;
        line-height:1.15;
    }

    .afklarings-lead,
    .hero .lead{
        font-size:18px;
        line-height:1.6;
    }

    p,
    li,
    .afklaring p{
        font-size:16px;
        line-height:1.7;
    }

    /* HERO */

    .hero{
        padding:60px 0;
    }

    .hero-grid{
        grid-template-columns:1fr;
        gap:32px;
    }

    /* SPLIT */

    .split{
        grid-template-columns:1fr;
        gap:24px;
    }

    .split-image{
        aspect-ratio:16 / 10;
        border-radius:16px;
    }

    /* INDUSTRIES */

    .industry-grid{
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    gap:14px;
}

    .industry-card{
    min-height:auto;
    padding:22px 18px;
}

.industry-card.featured{
    padding:24px;
    border-radius:20px;
}

.industry-content{
    max-width:none;
    width:100%;
}

.industry-icon{
    width:56px;
    height:56px;
    margin-bottom:12px;
}

    .industry-card h3{
        font-size:10px;
    }

    /* BENEFITS */

    .icon-benefits{
        grid-template-columns:1fr;
        gap:14px;
    }

    .icon-benefit{
        padding:24px 18px;
    }

    .icon-benefit img{
        width:56px;
        height:56px;
        padding:12px;
    }

    /* MODULES & CARDS */

    .feature-grid,
    .module-grid,
    .benefit-grid{
        grid-template-columns:1fr;
        gap:16px;
    }

    .card,
    .feature-card,
    .module-card,
    .benefit-card{
        padding:22px;
    }

    .module-card h4,
    .feature-card h3,
    .benefit-card h3{
        font-size:20px;
    }

    /* PROCESS */

    .process-grid{
        grid-template-columns:1fr;
        gap:32px;
    }

    .process-grid div{
        padding-top:24px;
        border-left:none;
        border-top:1px solid rgba(255,255,255,.15);
    }

    .process-grid div:first-child{
        padding-top:0;
        border-top:none;
    }

    .process-grid strong{
        font-size:20px;
    }

    .process-grid h3{
        font-size:22px;
    }
    
    

    /* DARK SECTION */

    .section-dark-soft{
        padding:36px 24px;
        margin:40px 0;
        border-radius:24px;
    }

    
    /* FAQ */

    .faq-item summary{
        padding:18px;
        font-size:16px;
    }
    
    
/* =========================================
   PREMIUM LOGOS
========================================= */

.logo-slider{
    padding:20px 0;
    overflow:hidden;
    background:
        none;


    backdrop-filter:blur(28px);
    -webkit-backdrop-filter:blur(28px);

}

.logo-track{
    gap:40px;
    align-items:center;
}


.logo{
    width:170px;
    height:90px;

    display:flex;
    align-items:center;
    justify-content:center;

    flex-shrink:0;
}


.logo img{

    max-width:130px;
    max-height:50px;

    width:auto;
    height:auto;

    object-fit:contain;

    opacity:1;

    filter:none;

    transition:transform .35s ease;
}


   
}
    /* CONTACT WIDGET */

    .course-bookmark{
        width:60px;
        height:60px;

        right:16px;
        bottom:16px;
        top:auto;

        transform:none;

        font-size:9px;
    }

    .course-box{
        width:calc(100vw - 24px);

        left:12px;
        right:auto;

        padding:24px;

        border-radius:20px;

        max-height:85vh;
        overflow-y:auto;
    }

    #course-toggle:checked ~ .course-box{
        left:12px;
    }

    .avatar-wrap{
        width:90px;
        height:90px;
    }

    .contact-name{
        font-size:22px;
    }

    .contact-title{
        margin-bottom:20px;
    }

    .contact-icons{
        gap:12px;
    }

    .icon-circle{
        width:48px;
        height:48px;
    }

    .icon-circle svg{
        width:20px;
        height:20px;
    }

    .icon-label{
        font-size:11px;
    }

    .course-box .cta-button{
        padding:14px;
    }/* End custom CSS */