.elementor-80287 .elementor-element.elementor-element-14c3c0e{--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:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:1;--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-80287 .elementor-element.elementor-element-14c3c0e::before, .elementor-80287 .elementor-element.elementor-element-14c3c0e > .elementor-background-video-container::before, .elementor-80287 .elementor-element.elementor-element-14c3c0e > .e-con-inner > .elementor-background-video-container::before, .elementor-80287 .elementor-element.elementor-element-14c3c0e > .elementor-background-slideshow::before, .elementor-80287 .elementor-element.elementor-element-14c3c0e > .e-con-inner > .elementor-background-slideshow::before, .elementor-80287 .elementor-element.elementor-element-14c3c0e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://coordea.com/wp-content/uploads/2026/01/BG-Desktop.jpg");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-80287 .elementor-element.elementor-element-a3b54cc{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-80287 .elementor-element.elementor-element-a3b54cc:not(.elementor-motion-effects-element-type-background), .elementor-80287 .elementor-element.elementor-element-a3b54cc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://coordea.com/wp-content/uploads/2026/01/BG-Desktop.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-80287 .elementor-element.elementor-element-1fb032b{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;}.elementor-80287 .elementor-element.elementor-element-a4d5dc1{text-align:start;}.elementor-80287 .elementor-element.elementor-element-a4d5dc1 img{width:100px;max-width:100%;height:30px;object-fit:contain;object-position:center left;}.elementor-80287 .elementor-element.elementor-element-e6690dc{text-align:start;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;color:var( --e-global-color-primary );}.elementor-80287 .elementor-element.elementor-element-ba9624c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-80287 .elementor-element.elementor-element-ba9624c{text-align:start;}.elementor-80287 .elementor-element.elementor-element-ba9624c .elementor-heading-title{font-family:"Inkfree", Sans-serif;font-weight:500;color:#B7C787;}.elementor-80287 .elementor-element.elementor-element-6a9f822{text-align:start;}.elementor-80287 .elementor-element.elementor-element-6a9f822 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-weight:500;color:#15151780;}.elementor-80287 .elementor-element.elementor-element-259c623{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;box-shadow:0px 3px 6px 0px rgba(0, 0, 0, 0.0784313725490196);--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-80287 .elementor-element.elementor-element-259c623:not(.elementor-motion-effects-element-type-background), .elementor-80287 .elementor-element.elementor-element-259c623 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-a1e83c9 );}.elementor-80287 .elementor-element.elementor-element-d573163 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-80287 .elementor-element.elementor-element-d573163{text-align:start;}.elementor-80287 .elementor-element.elementor-element-d573163 .elementor-heading-title{font-family:"Inkfree", Sans-serif;font-weight:500;color:var( --e-global-color-1410300 );}.elementor-80287 .elementor-element.elementor-element-30e548f > .elementor-widget-container{background-color:var( --e-global-color-a1e83c9 );}@media(max-width:1024px){.elementor-80287 .elementor-element.elementor-element-a3b54cc:not(.elementor-motion-effects-element-type-background), .elementor-80287 .elementor-element.elementor-element-a3b54cc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://coordea.com/wp-content/uploads/2026/01/BG-Tablet.jpg");}.elementor-80287 .elementor-element.elementor-element-a4d5dc1 img{width:100%;max-width:100%;height:21px;}}@media(min-width:461px){.elementor-80287 .elementor-element.elementor-element-14c3c0e{--content-width:1920px;}}@media(max-width:460px){.elementor-80287 .elementor-element.elementor-element-14c3c0e{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-80287 .elementor-element.elementor-element-a3b54cc:not(.elementor-motion-effects-element-type-background), .elementor-80287 .elementor-element.elementor-element-a3b54cc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://coordea.com/wp-content/uploads/2026/01/BG-Mobile.jpg");}.elementor-80287 .elementor-element.elementor-element-a3b54cc{--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;--justify-content:center;--align-items:center;}}/* Start custom CSS for image, class: .elementor-element-a4d5dc1 */.elementor-80287 .elementor-element.elementor-element-a4d5dc1 a, .elementor-80287 .elementor-element.elementor-element-a4d5dc1 img {
    min-width:100%;
}
.elementor-80287 .elementor-element.elementor-element-a4d5dc1 {
    --w:400;
    --pl:10;
    --pr:0;
    --pt:0;
    --pb:0;
}
/*TABLET*/
@media (min-width:421px) and (max-width:1024px){
.elementor-80287 .elementor-element.elementor-element-a4d5dc1{
    --w:295;
    --pt:0;
    --pb:0;
    --pr:0;
    --pl:7;
    
}
}

/*phone*/
@media (max-width:420px){
.elementor-80287 .elementor-element.elementor-element-a4d5dc1{
    --w:254;
    --pt:0;
    --pb:0;
    --pr:0;
    --pl:20;
    
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e6690dc */.elementor-80287 .elementor-element.elementor-element-e6690dc {
    --w:464;
    --pl:0;
    --pr:0;
    --pt:20;
    --pb:0;
}
/*TABLET*/
@media (min-width:421px) and (max-width:1024px){
.elementor-80287 .elementor-element.elementor-element-e6690dc{
   --w:247;
   --pb:20;
    
}
}

/*phone*/
@media (max-width:420px){
.elementor-80287 .elementor-element.elementor-element-e6690dc{
    --w:202;
    --pl:20;
    
}
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ba9624c */.elementor-80287 .elementor-element.elementor-element-ba9624c {
    --w:560;
    --pl:0;
    --pr:0;
    --pt:159;
    --pb:0;
    --font:66;
    --lineheight:72;
}
/*TABLET*/
@media (min-width:421px) and (max-width:1024px){
.elementor-80287 .elementor-element.elementor-element-ba9624c{
   --w:403;
    --pl:0;
    --pr:0;
    --pt:134;
    --pb:0;
    --font:33;
    --lineheight:31;
    
}
}

/*phone*/
@media (max-width:420px){
.elementor-80287 .elementor-element.elementor-element-ba9624c{
    --w:320;
    --font:28;
    --lineheight:30;
    --pl:20;
    --pr:0;
    --pt:60;
    --pb:10;
    
}
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6a9f822 */.elementor-80287 .elementor-element.elementor-element-6a9f822 {
    --w:558;
    --font:23;
    --lineheight:33;
    --pl:0;
    --pr:0;
    --pt:20;
    --pb:0;
}
/*TABLET*/
@media (min-width:421px) and (max-width:1024px){
.elementor-80287 .elementor-element.elementor-element-6a9f822{
   --w:650;
   --font:16;
   --lineheight:26;
   --pt:0;
   --pb:65;
    
}
}

/*phone*/
@media (max-width:420px){
.elementor-80287 .elementor-element.elementor-element-6a9f822{
    --w:360;
    --font:14;
    --lineheight:24;
    --pt:15;
    --pb:50;
    --pl:20
    
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1fb032b */.elementor-80287 .elementor-element.elementor-element-1fb032b{
    --w:770;
}
/*TABLET*/
@media (min-width:421px) and (max-width:1024px){
.elementor-80287 .elementor-element.elementor-element-1fb032b{
    --w:1000;
    
}
}

/*phone*/
@media (max-width:420px){
.elementor-80287 .elementor-element.elementor-element-1fb032b{
     --w:378;
}
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d573163 */.elementor-80287 .elementor-element.elementor-element-d573163 {
    --w:560;
    --pl:0;
    --pr:0;
    --pt:0;
    --pb:0;
    --font:43;
    --lineheight:53;
}
/*TABLET*/
@media (min-width:421px) and (max-width:1024px){
.elementor-80287 .elementor-element.elementor-element-d573163{
   --w:403;
    --pl:0;
    --pr:0;
    --pt:134;
    --pb:0;
    --font:33;
    --lineheight:31;
    
}
}

/*phone*/
@media (max-width:420px){
.elementor-80287 .elementor-element.elementor-element-d573163{
    --w:318;
    --font:32;
    --lineheight:37;
    --pl:0;
    --pr:0;
    --pt:40;
    --pb:30;
    
}
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-30e548f */.elementor-80287 .elementor-element.elementor-element-30e548f label{
    display: none;
}
.elementor-80287 .elementor-element.elementor-element-30e548f input, .elementor-80287 .elementor-element.elementor-element-30e548f select
{
    border-radius:calc(49 / 1920 * 100cqi);
    background: #F9FAFA 0% 0% no-repeat padding-box;
border: 1px solid #E5E5E5;
font-family: Montserrat, Sans-Serif;
    font-size: calc(16 / 1920 * 100cqi);
    line-height: calc(23 / 1920 * 100cqi);
    padding-top:calc(22 / 1920 * 100cqi);
    padding-bottom:calc(22 / 1920 * 100cqi);
    padding-left:calc(97 / 1920 * 100cqi);
    padding-right:calc(97 / 1920 * 100cqi);
}
.elementor-80287 .elementor-element.elementor-element-30e548f input:hover, .elementor-80287 .elementor-element.elementor-element-30e548f input:focus, .elementor-80287 .elementor-element.elementor-element-30e548f input:active{
    border:  1px solid #B7C787;
    outline: none;
    
}
.elementor-80287 .elementor-element.elementor-element-30e548f select{
    appearance: none;
  -webkit-appearance: none; /* Safari / iOS */
  -moz-appearance: none;
}


/*add the icons*/
.elementor-80287 .elementor-element.elementor-element-30e548f .boka-name:before{
    background: url('https://coordea.com/wp-content/uploads/2026/01/name-icon.svg') center / contain no-repeat;
}
.elementor-80287 .elementor-element.elementor-element-30e548f .boka-foretag:before{
    background: url('https://coordea.com/wp-content/uploads/2026/01/company-icon.svg') center / contain no-repeat;
}
.elementor-80287 .elementor-element.elementor-element-30e548f .boka-mejl:before{
    background: url('https://coordea.com/wp-content/uploads/2026/01/mail-icon.svg') center / contain no-repeat;
}
.elementor-80287 .elementor-element.elementor-element-30e548f .boka-phone:before{
    background: url('https://coordea.com/wp-content/uploads/2026/01/mobile-icon.svg') center / contain no-repeat;
}
.elementor-80287 .elementor-element.elementor-element-30e548f .boka-om:before{
    background: url('https://coordea.com/wp-content/uploads/2026/01/type-icon.svg') center / contain no-repeat;
}
.elementor-80287 .elementor-element.elementor-element-30e548f .boka-om:after{
    background: url('https://coordea.com/wp-content/uploads/2026/01/dropdown.svg') center / contain no-repeat;
}


.elementor-80287 .elementor-element.elementor-element-30e548f .boka-form-input{
    position: relative;
}

.elementor-80287 .elementor-element.elementor-element-30e548f .boka-form-input:before{
    content:'';
    position: absolute;
    top:calc(16 / 1920 * 100cqi);
    left:calc(55 / 1920 * 100cqi);
    width: calc(37 / 1920 * 100cqi);
    height: calc(37 / 1920 * 100cqi);
    
}
.elementor-80287 .elementor-element.elementor-element-30e548f .boka-om:after{
    content:'';
    position: absolute;
    top:calc(25 / 1920 * 100cqi);
    right:calc(55 / 1920 * 100cqi);
    width: calc(28 / 1920 * 100cqi);
    height: calc(20 / 1920 * 100cqi);
    
}

/*style button*/
.elementor-80287 .elementor-element.elementor-element-30e548f .forminator-row-last .forminator-field {
    display: flex;
    flex-direction: row-reverse;
}
.elementor-80287 .elementor-element.elementor-element-30e548f .boka-form-submit{
    border-radius: calc(49 / 1920 * 100cqi);
    padding-top:calc(19 / 1920 * 100cqi);
    padding-bottom:calc(19 / 1920 * 100cqi);
    padding-left:calc(60 / 1920 * 100cqi);
    padding-right:calc(60 / 1920 * 100cqi);
    font-size: calc(20 / 1920 * 100cqi);
    text-transform: capitalize;
    border-color: #ffffff;
    background-color: #B7C787;
}
.elementor-80287 .elementor-element.elementor-element-30e548f .boka-form-submit:hover{
    border-color:#B7C787;
    background-color: #B7C787;
}


/*MOBILE*/
@media (max-width:420px){
    .elementor-80287 .elementor-element.elementor-element-30e548f input, .elementor-80287 .elementor-element.elementor-element-30e548f select
{
    border-radius:calc(49 / 420 * 100cqi);
    font-size: calc(12 / 420 * 100cqi);
    line-height: calc(26 / 420 * 100cqi);
    padding-top:calc(19 / 420 * 100cqi);
    padding-bottom:calc(19 / 420 * 100cqi);
    padding-left:calc(74 / 420 * 100cqi);
    padding-right:calc(74 / 420 * 100cqi);
}

.elementor-80287 .elementor-element.elementor-element-30e548f .boka-form-input:before{
    content:'';
    position: absolute;
    top:calc(18 / 420 * 100cqi);
    left:calc(30 / 420 * 100cqi);
    width: calc(28 / 420 * 100cqi);
    height: calc(28 / 420 * 100cqi);
    
}
.elementor-80287 .elementor-element.elementor-element-30e548f .boka-om:after{
    content:'';
    position: absolute;
    top:calc(20 / 420 * 100cqi);
    right:calc(25 / 420 * 100cqi);
    width: calc(28 / 420 * 100cqi);
    height: calc(28 / 420 * 100cqi);
    
}
.elementor-80287 .elementor-element.elementor-element-30e548f .boka-form-submit{
    width:100%;
    border-radius: calc(49 / 420 * 100cqi);
    padding-top:calc(17 / 420 * 100cqi);
    padding-bottom:calc(17 / 420 * 100cqi);
    padding-left:calc(30 / 420 * 100cqi);
    padding-right:calc(30 / 420 * 100cqi);
    font-size: calc(16 / 420 * 100cqi);
}

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-259c623 *//*TABLET*/
@media (min-width:421px) and (max-width:1024px){
.elementor-80287 .elementor-element.elementor-element-259c623{
    --w:1000;
    
}
}

/*phone*/
@media (max-width:420px){
.elementor-80287 .elementor-element.elementor-element-259c623{
     --w:378;
     --pl:30;
     --pr:30;
     --pt:30;
     --pb:30;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3b54cc *//*DESKTOP*/
@media (min-width:1025px){
.elementor-80287 .elementor-element.elementor-element-a3b54cc{
    --pt:140;
    --pb:140;
    --pr:140;
    --pl:140;
    
}
}

/*TABLET*/
@media (min-width:421px) and (max-width:1024px){
.elementor-80287 .elementor-element.elementor-element-a3b54cc{
    --pt:30;
    --pb:0;
    --pr:30;
    --pl:30;
    
}
}

/*phone*/
@media (max-width:420px){
.elementor-80287 .elementor-element.elementor-element-a3b54cc{
    --pt:10;
    --pb:20;
    --pr:0;
    --pl:0;
    
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14c3c0e *//* Define your base design container */
.design-canvas {
  container-type: inline-size;
  --canvas: 1920;
  max-width: 1920px !important;
  width: min(100%, 1920px);
}
@media (max-width:1024px) and (min-width:421px)
{
    .design-canvas {
  --canvas: 1024;
  max-width: 1024px !important;
  width: min(100%, 1024px);
}
}
@media (max-width:420px)
{
    body{
    width: 100%;
}
.design-canvas {
  --canvas: 420;
  max-width: 420px !important;
  width: min(100%, 420px);
}
}




/* Width scaling (you already have this) */
.cq-scaled {
  width: calc((var(--w) / var(--canvas)) * 100cqi);
  max-width: calc(var(--w) * 1px) !important;
  display: block;
}

/* Font scaling from your Figma design */
.cq-font h1, .cq-font h2, .cq-font h3, .cq-font h4, .cq-font h5, .cq-font h6, .cq-font p, .cq-font{
  font-size: calc((var(--font) / var(--canvas)) * 100cqi) !important;
  line-height: 1; /* optional – or adjust to match design */
  
}
.cq-lineheight h1, .cq-lineheight h2, .cq-lineheight h3, .cq-lineheight h4, .cq-lineheight h5, .cq-lineheight h6, .cq-lineheight p, .cq-lineheight .elementor-heading-title, .cq-lineheight{
    line-height: calc((var(--lineheight) / var(--canvas)) * 100cqi)!important;
}
.elementor-widget-button.cq-btn :is(a.elementor-button, .elementor-button-link) {
  /* width (optional) */
  width: calc((var(--w, 0) / var(--canvas)) * 100cqi);
  max-width: calc(var(--w, 0) * 1px);
  display: inline-flex;                  /* ensure padding affects the button box */
  align-items: center; justify-content: center;

  /* inner padding + font + radius (these are the “inside” styles) */
  font-size: calc((var(--font,16) / var(--canvas)) * 100cqi);
  padding:
    calc((var(--py,14) / var(--canvas)) * 100cqi)
    calc((var(--px,28) / var(--canvas)) * 100cqi);

}
.cq-pad {
  /* px-from-design → fluid via cqi; set any of --pt --pr --pb --pl per widget */
  padding-top:    calc((var(--pt, 0) / var(--canvas)) * 100cqi);
  padding-right:  calc((var(--pr, 0) / var(--canvas)) * 100cqi);
  padding-bottom: calc((var(--pb, 0) / var(--canvas)) * 100cqi);
  padding-left:   calc((var(--pl, 0) / var(--canvas)) * 100cqi);
  box-sizing: border-box;
}

.cq-margin{
  /* px-from-design → fluid via cqi; set any of --pt --pr --pb --pl per widget */
  margin-top:    calc((var(--mt, 0) / var(--canvas)) * 100cqi) !important;
  margin-right:  calc((var(--mr, 0) / var(--canvas)) * 100cqi) !important;
  margin-bottom: calc((var(--mb, 0) / var(--canvas)) * 100cqi) !important;
  margin-left:   calc((var(--ml, 0) / var(--canvas)) * 100cqi) !important;
  box-sizing: border-box;
}

.cq-flow {
  /* Set one number on the container: --gap:32 (from your design, in px) */
  gap: calc((var(--gap, 24) / var(--canvas)) * 100cqi);
}

.cq-img-fixed {
  display: block;
  width: calc((var(--w) / var(--canvas)) * 100cqi);
  max-width: calc(var(--w) * 1px);

  /* scale the design height as well */
  height: calc((var(--h) / var(--canvas)) * 100cqi);
  max-height: calc(var(--h) * 1px);

  object-fit: cover;       /* fill + crop if aspect differs */
}

.cq-rad{
    border-radius:calc((var(--rad, 0) / var(--canvas)) * 100cqi);
}
.cq-rad-s{
    border-top-left-radius: calc((var(--rad-tl, 0) / var(--canvas)) * 100cqi);
  border-top-right-radius: calc((var(--rad-tr, 0) / var(--canvas)) * 100cqi);
  border-bottom-right-radius: calc((var(--rad-br, 0) / var(--canvas)) * 100cqi);
  border-bottom-left-radius: calc((var(--rad-bl, 0) / var(--canvas)) * 100cqi);
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Inkfree';
	font-display: auto;
	src: url('https://coordea.com/wp-content/uploads/2026/01/Inkfree.ttf') format('truetype');
}
/* End Custom Fonts CSS */