.elementor-1657 .elementor-element.elementor-element-2232924{--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:0px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-1657 .elementor-element.elementor-element-2232924:not(.elementor-motion-effects-element-type-background), .elementor-1657 .elementor-element.elementor-element-2232924 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-1f6bd41 );}body:not(.rtl) .elementor-1657 .elementor-element.elementor-element-5bc0490{left:308px;}body.rtl .elementor-1657 .elementor-element.elementor-element-5bc0490{right:308px;}.elementor-1657 .elementor-element.elementor-element-5bc0490{top:-28px;z-index:1;}.elementor-1657 .elementor-element.elementor-element-d915eab{--display:flex;--padding-top:020rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;--z-index:3;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-1657 .elementor-element.elementor-element-6777e88 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1657 .elementor-element.elementor-element-6777e88 .elementor-heading-title{font-family:"din-2014", Sans-serif;font-size:500px;font-weight:700;line-height:0.9;color:var( --e-global-color-1f6bd41 );}.elementor-1657 .elementor-element.elementor-element-8a79e9e{--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;}.elementor-1657 .elementor-element.elementor-element-de9f651{--display:flex;}.elementor-1657 .elementor-element.elementor-element-0f135d3 .elementor-heading-title{font-family:"din-2014", Sans-serif;font-size:8rem;font-weight:600;text-transform:uppercase;line-height:0.9;color:var( --e-global-color-18a84e7 );}.elementor-1657 .elementor-element.elementor-element-873cb48{--display:flex;}.elementor-1657 .elementor-element.elementor-element-6e31a8c{--display:flex;--justify-content:center;}.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-1657 .elementor-element.elementor-element-67c3bbe .elementor-button{background-color:var( --e-global-color-7692f9b );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );fill:var( --e-global-color-1f6bd41 );color:var( --e-global-color-1f6bd41 );border-radius:0px 0px 0px 0px;padding:20px 030px 20px 130px;}.elementor-1657 .elementor-element.elementor-element-67c3bbe .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1657 .elementor-element.elementor-element-67c3bbe .elementor-button .elementor-button-content-wrapper{gap:100px;}.elementor-1657 .elementor-element.elementor-element-25c67f6{--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;--padding-top:0rem;--padding-bottom:4rem;--padding-left:0rem;--padding-right:0rem;}.elementor-1657 .elementor-element.elementor-element-25c67f6:not(.elementor-motion-effects-element-type-background), .elementor-1657 .elementor-element.elementor-element-25c67f6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-4032b55 ) 0%, #001C25 100%);}.elementor-1657 .elementor-element.elementor-element-7b87022{--display:flex;}.elementor-1657 .elementor-element.elementor-element-51aa0ec{--display:flex;box-shadow:0px 0px 71px 5px rgba(0,0,0,0.5);--margin-top:-100px;--margin-bottom:0px;--margin-left:0px;--margin-right:40px;}.elementor-1657 .elementor-element.elementor-element-51aa0ec:not(.elementor-motion-effects-element-type-background), .elementor-1657 .elementor-element.elementor-element-51aa0ec > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-4032b55 );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );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-1657 .elementor-element.elementor-element-b0ed053{color:var( --e-global-color-b5def3a );}.elementor-1657 .elementor-element.elementor-element-9c0e605 .elementor-heading-title{font-family:"din-2014", Sans-serif;font-size:10vw;font-weight:600;line-height:0.9;}.elementor-1657 .elementor-element.elementor-element-04431bf{color:var( --e-global-color-b5def3a );}.elementor-1657 .elementor-element.elementor-element-1fc59c1{color:var( --e-global-color-b5def3a );}.elementor-1657 .elementor-element.elementor-element-414c5e3{color:var( --e-global-color-b5def3a );}.elementor-1657 .elementor-element.elementor-element-72c78e7{--display:flex;}.elementor-1657 .elementor-element.elementor-element-5ac02cf{--display:flex;box-shadow:0px 0px 36px 0px rgba(0,0,0,0.5);--margin-top:2rem;--margin-bottom:2rem;--margin-left:0rem;--margin-right:0rem;--padding-top:2rem;--padding-bottom:2rem;--padding-left:2rem;--padding-right:2rem;}.elementor-1657 .elementor-element.elementor-element-5ac02cf:not(.elementor-motion-effects-element-type-background), .elementor-1657 .elementor-element.elementor-element-5ac02cf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-1f6bd41 );}.elementor-1657 .elementor-element.elementor-element-d4d1914{color:var( --e-global-color-18a84e7 );}.elementor-1657 .elementor-element.elementor-element-a7f96f8{font-family:"din-2014", Sans-serif;font-size:16.8px;font-weight:400;line-height:2;color:var( --e-global-color-b5def3a );}.elementor-1657 .elementor-element.elementor-element-fb71503{color:var( --e-global-color-18a84e7 );}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-1657 .elementor-element.elementor-element-67c3bbe .elementor-button{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(min-width:768px){.elementor-1657 .elementor-element.elementor-element-2232924{--content-width:95%;}.elementor-1657 .elementor-element.elementor-element-de9f651{--width:50%;}.elementor-1657 .elementor-element.elementor-element-6e31a8c{--width:50%;}.elementor-1657 .elementor-element.elementor-element-25c67f6{--content-width:95%;}.elementor-1657 .elementor-element.elementor-element-7b87022{--width:50%;}.elementor-1657 .elementor-element.elementor-element-51aa0ec{--width:100%;}.elementor-1657 .elementor-element.elementor-element-5ac02cf{--width:50%;}}@media(max-width:767px){body:not(.rtl) .elementor-1657 .elementor-element.elementor-element-5bc0490{left:39px;}body.rtl .elementor-1657 .elementor-element.elementor-element-5bc0490{right:39px;}.elementor-1657 .elementor-element.elementor-element-5bc0490{top:-369px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-1657 .elementor-element.elementor-element-6777e88 .elementor-heading-title{font-size:10rem;}.elementor-1657 .elementor-element.elementor-element-0f135d3 .elementor-heading-title{font-size:3rem;}.elementor-1657 .elementor-element.elementor-element-67c3bbe .elementor-button{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-1657 .elementor-element.elementor-element-9c0e605 .elementor-heading-title{font-size:60px;}}/* Start custom CSS for html, class: .elementor-element-5bc0490 */.elementor-1657 .elementor-element.elementor-element-5bc0490 .hero-background-graphic {

  width: 900px; /* <-- Adjust this value */
  height: auto;   /* <-- This makes the height scale proportionally */
}

.elementor-1657 .elementor-element.elementor-element-5bc0490 .hero-background-graphic path,
        .hero-background-graphic rect,
        .hero-background-graphic circle,
        .hero-background-graphic polygon,
        .hero-background-graphic line,
        .hero-background-graphic polyline {
            fill: #00000000 !important;
        }
        
.elementor-1657 .elementor-element.elementor-element-5bc0490 .hero-background-graphic .st3 {
    stroke: #559DB6 !important;
}       
.elementor-1657 .elementor-element.elementor-element-5bc0490 .hero-background-graphic .st0 {
    stroke: #559DB6 !important;
}   
.elementor-1657 .elementor-element.elementor-element-5bc0490 .hero-background-graphic .st1 {
    stroke: #559DB6 !important;
}   
.elementor-1657 .elementor-element.elementor-element-5bc0490 .hero-background-graphic .st2 {
    stroke: #559DB6 !important;
} 
.elementor-1657 .elementor-element.elementor-element-5bc0490 .hero-background-graphic .st3 {
    stroke: #559DB6 !important;
}   
.elementor-1657 .elementor-element.elementor-element-5bc0490 .hero-background-graphic .st4 {
    stroke: #559DB6 !important;
}  
.elementor-1657 .elementor-element.elementor-element-5bc0490 .hero-background-graphic .st5 {
    stroke: #559DB6 !important;
} 
.elementor-1657 .elementor-element.elementor-element-5bc0490 .hero-background-graphic .st6 {
    stroke: #559DB6 !important;
} 
.elementor-1657 .elementor-element.elementor-element-5bc0490 .hero-background-graphic .st7 {
    stroke: #559DB6 !important;
} 

.elementor-1657 .elementor-element.elementor-element-5bc0490 .hero-background-graphic .st8 {
    stroke: #559DB6 !important;
}  

@media only screen and (max-width: 600px) {
  .elementor-1657 .elementor-element.elementor-element-5bc0490 hero-background-graphic {

  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6777e88 */.elementor-1657 .elementor-element.elementor-element-6777e88 .elementor-heading-title {

  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: white;
}
.main-title-indicator {
  font-family: din-2014, sans-serif;
  font-size: 500px;
  font-weight: 700;
  margin-left: 10px;

  /* --- THIS IS THE PART TO EDIT --- */
  position: relative; /* This is required to allow movement */
  top: -0.2em;        /* <-- ADJUST THIS VALUE */
}
@media only screen and (max-width: 600px) {
  .elementor-1657 .elementor-element.elementor-element-6777e88 .main-title-indicator {
   font-size: 10rem;
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9c0e605 *//* Container for the size links */
.kontti-size-.elementor-1657 .elementor-element.elementor-element-9c0e605 {
  display: flex;
  gap: 20px; /* Adjust the space between the numbers */
  font-family: din-2014, sans-serif; /* Use your desired font */
  font-weight: 700;
  font-size: 100px; /* Adjust size as needed */
}

/* Style for all size links (the inactive ones) */
.size-link {
  color: transparent; /* Makes the fill transparent */
  -webkit-text-stroke: 1px rgba(255, 255, 255, 0.5); /* White outline */
  opacity: 0.2;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
}

/* Style for the link when you hover over it */
.size-link:not(.is-active):hover {
  color: rgba(255, 255, 255, 0.8);
  -webkit-text-stroke-color: rgba(255, 255, 255, 0.8);
}

/* Style for the currently active size link */
.size-link.is-active {
    opacity: 1;
  color: transparent; /* Solid white fill */
  -webkit-text-stroke: 1px #FFFFFF; /* Solid white outline */
}
/* Add this new rule to your existing CSS */

/* In your existing CSS, find this rule and adjust the 'top' value */
.kontti-size-indicator {
  position: relative;
  top: -0.3em;  /* <-- Changed from -0.5em. Try -0.3em or -0.4em */
  font-size: 0.9em;
  margin-left: 2px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1b8698b */.area {fill: red;
width: 60px;  /* <-- CHANGE THIS VALUE */
  height: 60px; /* <-- AND THIS VALUE */
}
.info-line-container span {
    color: transparent !important;
      -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: white;
    
    font-weight: 600 !important;
    font-size: 100px;
    padding-left: 30px;
}
@media only screen and (max-width: 600px) {
  .elementor-1657 .elementor-element.elementor-element-1b8698b .info-line-container span {
font-size: 60px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36b7caf */.area {fill: red;
width: 60px;  /* <-- CHANGE THIS VALUE */
  height: 60px; /* <-- AND THIS VALUE */
}
.info-line-container span {
    color: white;
    font-weight: 700;
    font-size: 100px;
    padding-left: 30px;
}
@media only screen and (max-width: 600px) {
  .elementor-1657 .elementor-element.elementor-element-36b7caf .info-line-container span {
font-size: 60px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f5c42e8 */.area {fill: red;
width: 60px;  /* <-- CHANGE THIS VALUE */
  height: 60px; /* <-- AND THIS VALUE */
}
.info-line-container span {
    color: white;
    font-weight: 700;
    font-size: 100px;
    padding-left: 30px;
}
@media only screen and (max-width: 600px) {
  .elementor-1657 .elementor-element.elementor-element-f5c42e8 .info-line-container span {
font-size: 60px;
  }
}/* End custom CSS */