.elementor-10098 .elementor-element.elementor-element-58664d7:not(.elementor-motion-effects-element-type-background), .elementor-10098 .elementor-element.elementor-element-58664d7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;background-image:url("https://resonia.fi/wp-content/uploads/2025/09/Velalliselle-banner-scaled.jpg");background-position:center right;background-repeat:no-repeat;background-size:50% auto;}.elementor-10098 .elementor-element.elementor-element-58664d7 > .elementor-background-overlay{background-color:transparent;background-image:linear-gradient(90deg, #FFFFFF 50%, #D0BCBE00 90%);opacity:1;mix-blend-mode:luminosity;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-10098 .elementor-element.elementor-element-58664d7 > .elementor-container{max-width:1280px;}.elementor-10098 .elementor-element.elementor-element-58664d7{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:42px 0px 50px 0px;}.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-10098 .elementor-element.elementor-element-6a3ab54 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:64px;font-weight:600;color:#000000;}.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-10098 .elementor-element.elementor-element-3df389a{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:400;color:#000000;}.elementor-10098 .elementor-element.elementor-element-3df389a p{margin-block-end:20px;}.elementor-10098 .elementor-element.elementor-element-e6f409a > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-10098 .elementor-element.elementor-element-5723272{padding:50px 0px 50px 0px;}.elementor-10098 .elementor-element.elementor-element-26d3612 > .elementor-widget-container{padding:10px 0px 0px 0px;}.elementor-10098 .elementor-element.elementor-element-26d3612{text-align:center;font-family:"Roboto", Sans-serif;font-size:20px;font-weight:600;color:#494973;}.elementor-10098 .elementor-element.elementor-element-26d3612 p{margin-block-end:5px;}.elementor-10098 .elementor-element.elementor-element-01982d6 > .elementor-widget-container{margin:0px 0px 0px 18px;}.elementor-10098 .elementor-element.elementor-element-01982d6{text-align:left;}.elementor-10098 .elementor-element.elementor-element-01982d6 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:25px;font-weight:600;color:#000000;}.elementor-10098 .elementor-element.elementor-element-d99b185 > .elementor-widget-container{margin:0px 0px 0px 36px;}.elementor-10098 .elementor-element.elementor-element-d99b185{text-align:left;}.elementor-10098 .elementor-element.elementor-element-d99b185 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:25px;font-weight:600;color:#000000;}.elementor-10098 .elementor-element.elementor-element-5174d46 > .elementor-element-populated{border-style:solid;border-width:4px 0px 0px 0px;border-color:#3123A2;box-shadow:1px 5px 15px 0px rgba(0,0,0,0.5);}.elementor-10098 .elementor-element.elementor-element-5174d46 > .elementor-element-populated, .elementor-10098 .elementor-element.elementor-element-5174d46 > .elementor-element-populated > .elementor-background-overlay, .elementor-10098 .elementor-element.elementor-element-5174d46 > .elementor-background-slideshow{border-radius:5px 5px 5px 5px;}.elementor-widget-accordion .elementor-accordion-icon, .elementor-widget-accordion .elementor-accordion-title{color:var( --e-global-color-primary );}.elementor-widget-accordion .elementor-accordion-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-accordion .elementor-active .elementor-accordion-icon, .elementor-widget-accordion .elementor-active .elementor-accordion-title{color:var( --e-global-color-accent );}.elementor-widget-accordion .elementor-active .elementor-accordion-icon svg{fill:var( --e-global-color-accent );}.elementor-widget-accordion .elementor-accordion-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-accordion .elementor-tab-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-10098 .elementor-element.elementor-element-61223ef .elementor-accordion-item{border-width:0px;}.elementor-10098 .elementor-element.elementor-element-61223ef .elementor-accordion-item .elementor-tab-content{border-width:0px;}.elementor-10098 .elementor-element.elementor-element-61223ef .elementor-accordion-item .elementor-tab-title.elementor-active{border-width:0px;}.elementor-10098 .elementor-element.elementor-element-61223ef .elementor-accordion-icon, .elementor-10098 .elementor-element.elementor-element-61223ef .elementor-accordion-title{color:#000000;}.elementor-10098 .elementor-element.elementor-element-61223ef .elementor-accordion-icon svg{fill:#000000;}.elementor-10098 .elementor-element.elementor-element-61223ef .elementor-active .elementor-accordion-icon, .elementor-10098 .elementor-element.elementor-element-61223ef .elementor-active .elementor-accordion-title{color:#494973;}.elementor-10098 .elementor-element.elementor-element-61223ef .elementor-active .elementor-accordion-icon svg{fill:#494973;}.elementor-10098 .elementor-element.elementor-element-61223ef .elementor-accordion-title{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:500;-webkit-text-stroke-color:#000;stroke:#000;}.elementor-10098 .elementor-element.elementor-element-61223ef .elementor-tab-title .elementor-accordion-icon i:before{color:#000000;}.elementor-10098 .elementor-element.elementor-element-61223ef .elementor-tab-title .elementor-accordion-icon svg{fill:#000000;}.elementor-10098 .elementor-element.elementor-element-61223ef .elementor-tab-title.elementor-active .elementor-accordion-icon i:before{color:#2F3C52;}.elementor-10098 .elementor-element.elementor-element-61223ef .elementor-tab-title.elementor-active .elementor-accordion-icon svg{fill:#2F3C52;}.elementor-10098 .elementor-element.elementor-element-61223ef .elementor-accordion-icon{margin-inline-end:10px;}.elementor-10098 .elementor-element.elementor-element-61223ef .elementor-tab-content{color:#2F3C52;font-family:"Roboto", Sans-serif;font-size:16px;font-weight:300;}.elementor-10098 .elementor-element.elementor-element-a7047e5:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-10098 .elementor-element.elementor-element-a7047e5 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F8F9;}.elementor-10098 .elementor-element.elementor-element-a7047e5 > .elementor-element-populated{border-style:solid;border-width:4px 0px 0px 0px;border-color:#3123A2;box-shadow:1px 5px 15px 0px rgba(0,0,0,0.5);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:10px 50px 90px 50px;--e-column-margin-right:50px;--e-column-margin-left:50px;padding:20px 20px 20px 20px;}.elementor-10098 .elementor-element.elementor-element-a7047e5 > .elementor-element-populated, .elementor-10098 .elementor-element.elementor-element-a7047e5 > .elementor-element-populated > .elementor-background-overlay, .elementor-10098 .elementor-element.elementor-element-a7047e5 > .elementor-background-slideshow{border-radius:5px 5px 5px 5px;}.elementor-10098 .elementor-element.elementor-element-a7047e5 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-10098 .elementor-element.elementor-element-06510b9{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:400;line-height:31px;color:#000000;}.elementor-10098 .elementor-element.elementor-element-06510b9 p{margin-block-end:11px;}.elementor-10098 .elementor-element.elementor-element-5c6326a{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:500;}.elementor-10098 .elementor-element.elementor-element-5c6326a p{margin-block-end:1px;}.elementor-10098 .elementor-element.elementor-element-ae5e00a{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:500;}.elementor-10098 .elementor-element.elementor-element-ae5e00a p{margin-block-end:1px;}.elementor-10098 .elementor-element.elementor-element-6a9f87e:not(.elementor-motion-effects-element-type-background), .elementor-10098 .elementor-element.elementor-element-6a9f87e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EDEDF1;}.elementor-10098 .elementor-element.elementor-element-6a9f87e{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:50px 0px 50px 0px;}.elementor-10098 .elementor-element.elementor-element-6a9f87e > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-10098 .elementor-element.elementor-element-94f2c8f > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-10098 .elementor-element.elementor-element-94f2c8f{text-align:left;}.elementor-10098 .elementor-element.elementor-element-94f2c8f .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:32px;font-weight:600;color:#000000;}.elementor-10098 .elementor-element.elementor-element-297d3d8{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:400;color:#000000;}.elementor-10098 .elementor-element.elementor-element-297d3d8 p{margin-block-end:11px;}.elementor-10098 .elementor-element.elementor-element-86359bf{--spacer-size:20px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-10098 .elementor-element.elementor-element-88334cb{width:60%;}.elementor-10098 .elementor-element.elementor-element-ad864f0{width:40%;}.elementor-10098 .elementor-element.elementor-element-6b9447c{width:60%;}.elementor-10098 .elementor-element.elementor-element-a7047e5{width:40%;}}@media(min-width:1025px){.elementor-10098 .elementor-element.elementor-element-58664d7:not(.elementor-motion-effects-element-type-background), .elementor-10098 .elementor-element.elementor-element-58664d7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}@media(max-width:1024px){.elementor-10098 .elementor-element.elementor-element-58664d7:not(.elementor-motion-effects-element-type-background), .elementor-10098 .elementor-element.elementor-element-58664d7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://resonia.fi/wp-content/uploads/2025/09/banner-image-150x150.jpg");}.elementor-10098 .elementor-element.elementor-element-58664d7{padding:30px 20px 30px 20px;}.elementor-10098 .elementor-element.elementor-element-6a3ab54 .elementor-heading-title{font-size:32px;}.elementor-10098 .elementor-element.elementor-element-3df389a{font-size:16px;}.elementor-10098 .elementor-element.elementor-element-61223ef .elementor-accordion-title{font-size:16px;}.elementor-10098 .elementor-element.elementor-element-61223ef .elementor-tab-content{font-size:14px;}.elementor-10098 .elementor-element.elementor-element-94f2c8f .elementor-heading-title{font-size:28px;}.elementor-10098 .elementor-element.elementor-element-297d3d8{font-size:16px;}}@media(max-width:767px){.elementor-10098 .elementor-element.elementor-element-58664d7:not(.elementor-motion-effects-element-type-background), .elementor-10098 .elementor-element.elementor-element-58664d7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:cover;}.elementor-10098 .elementor-element.elementor-element-58664d7 > .elementor-background-overlay{opacity:0.98;}.elementor-10098 .elementor-element.elementor-element-58664d7{padding:25px 10px 25px 10px;}.elementor-10098 .elementor-element.elementor-element-6a3ab54 .elementor-heading-title{font-size:32px;}.elementor-10098 .elementor-element.elementor-element-3df389a{font-size:16px;}.elementor-10098 .elementor-element.elementor-element-01982d6 > .elementor-widget-container{margin:0px 0px 0px 5px;}.elementor-10098 .elementor-element.elementor-element-d99b185 > .elementor-widget-container{margin:0px 0px 0px 5px;}.elementor-10098 .elementor-element.elementor-element-61223ef .elementor-accordion-title{font-size:18px;}.elementor-10098 .elementor-element.elementor-element-61223ef .elementor-tab-content{font-size:14px;}.elementor-10098 .elementor-element.elementor-element-a7047e5 > .elementor-element-populated{margin:10px 10px 10px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;}.elementor-10098 .elementor-element.elementor-element-94f2c8f > .elementor-widget-container{margin:0px 0px 0px 5px;padding:0px 10px 0px 10px;}.elementor-10098 .elementor-element.elementor-element-94f2c8f .elementor-heading-title{font-size:24px;}.elementor-10098 .elementor-element.elementor-element-297d3d8 > .elementor-widget-container{padding:0px 10px 0px 10px;}.elementor-10098 .elementor-element.elementor-element-297d3d8{font-size:16px;}.elementor-10098 .elementor-element.elementor-element-b673d43{margin-top:-29px;margin-bottom:-29px;}}/* Start custom CSS for html, class: .elementor-element-450c021 */.custom-buttons { 
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
}

.custom-btn {
  /* layout / typography */
  font-family: Roboto, Sans-Serif;
  font-size: 20px;
  font-weight: 700;
  text-decoration: none;
  text-align: center;
  width: 280px;
  display: inline-block;
  padding: 18px 25px;
  border-radius: 8px;

  /* color + border from variable */
  --btn-color: #453C90; /* fallback */
  color: #fff; /* default text is white */
  background-color: var(--btn-color);
  border: 2px solid var(--btn-color);

  /* transitions */
  transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, box-shadow 0.2s ease;

  /* mobile tap highlight removal */
  -webkit-tap-highlight-color: transparent;
  outline: none;
}

/* small description line under title */
.custom-btn span {
  display: block;
  font-size: 16px;
  font-weight: 400;
  margin-top: 6px;
  font-family: Roboto, Sans-Serif;
}

/* HOVER / FOCUS: transparent bg, colored text */
.custom-btn:hover,
.custom-btn:focus {
  background-color: transparent;
  color: var(--btn-color);
  border-color: var(--btn-color);
}

/* ACTIVE (press) */
.custom-btn:active {
  background-color: transparent;
  color: var(--btn-color);
  border-color: var(--btn-color);
}

/* VISITED */
.custom-btn:visited {
  color: #fff;
  background-color: var(--btn-color);
  border-color: var(--btn-color);
}

/* ACTIVE state if JS toggles */
.custom-btn.is-active {
  background-color: transparent !important;
  color: var(--btn-color) !important;
  border-color: var(--btn-color) !important;
}

.custom-btn.is-active span {
  color: var(--btn-color) !important;
}

/* FIRST BUTTON COLOR UPDATE */
.custom-buttons .custom-btn:first-child {
  --btn-color: #192e39 !important;
}

/* Make hover text color same as button color for first button */
.custom-buttons .custom-btn:first-child:hover,
.custom-buttons .custom-btn:first-child:focus,
.custom-buttons .custom-btn:first-child:active,
.custom-buttons .custom-btn:first-child.is-active {
  color: #192e39 !important;
  border-color: #192e39 !important;
}

/* responsive */
@media (max-width: 768px) {
  .custom-buttons {
    flex-direction: column;
    align-items: center;
  }
  .custom-btn { width: 100%; max-width: 320px; }
}/* End custom CSS */
/* Start custom CSS for accordion, class: .elementor-element-61223ef *//* Force border for all accordion items except last */
.elementor-accordion .elementor-accordion-item:not(:last-child)::after {
    content: "" !important;
    display: block !important;
    width: 95% !important; /* adjust width as needed */
    margin: 0 auto !important; /* center the border */
    border-bottom: 1px solid #3123A2 !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c0ff71d *//* container */
.elementor-widget-html .form-container {
  max-width: 820px !important;
}

/* top row: two inputs */
.elementor-widget-html .form-container .fields {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  column-gap: 36px !important;
 
  align-items: start !important;
}



/* inputs */
.elementor-widget-html .form-container .form-group input[type="text"] {
  height: 44px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 10px 12px !important;
  font-size: 14px !important;
  color: #111 !important;
  background: #fff !important;
  border: 1px solid #cfd2dc !important;
  border-radius: 8px !important;
  outline: none !important;
  transition: border-color .15s ease, box-shadow .15s ease !important;
}
.elementor-widget-html .form-container .form-group input[type="text"]:focus {
  border-color: #8aa3ff !important;
  box-shadow: 0 0 0 3px rgba(138,163,255,.22) !important;
}

/* buttons row under both inputs, left aligned */
.elementor-widget-html .form-container .buttons {
  margin-top: 12px !important;
}
/* buttons */
.elementor-widget-html .form-container .submit-group button {
  height: 40px !important;
  padding: 0 22px !important;
  border: 0 !important;
  border-radius: 8px !important;
  font-size: 14px !important;
  color: #fff !important;
  cursor: pointer !important;
  box-shadow: 0 1px 0 rgba(0,0,0,.15) !important;
  transition: opacity .15s ease, transform .02s ease !important;
    margin-right: 30px;
    margin-top: 20px
}

/* primary */
.elementor-widget-html .form-container #submit-form-btn {
  background: #3123A2;
}
.elementor-widget-html .form-container #submit-form-btn:hover { opacity: .92 !important; }
.elementor-widget-html .form-container #submit-form-btn:active { transform: translateY(1px) !important; }

/* secondary */
.elementor-widget-html .form-container #login-btn {
  background: #494973 !important;
}
.elementor-widget-html .form-container #login-btn:hover { opacity: .92 !important; }
.elementor-widget-html .form-container #login-btn:active { transform: translateY(1px) !important; }

/* responsive */
@media (max-width: 640px) {
  .elementor-widget-html .form-container .fields {
    grid-template-columns: 1fr !important;
    row-gap: 12px !important;
    column-gap: 0 !important;
  }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-b673d43 */@media only screen and (max-width: 600px) {
label.lbl {
    font-size: 16px;
    font-family: 'Segio UI';
   
}

}



label.lbl {
    color: #243B64;
    font-size: 18px;
    font-family: 'Segio UI';
    margin-bottom: 20px !important;
}/* End custom CSS */