.elementor-1424 .elementor-element.elementor-element-3ac888a7 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-1424 .elementor-element.elementor-element-3ac888a7{padding:50px 0px 100px 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-1424 .elementor-element.elementor-element-6938652d{text-align:center;}.elementor-1424 .elementor-element.elementor-element-6938652d .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:48px;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-1424 .elementor-element.elementor-element-0c9f4cc{text-align:center;font-family:"Roboto", Sans-serif;font-size:18px;font-weight:400;}.elementor-1424 .elementor-element.elementor-element-1041bf53{padding:25px 0px 0px 0px;}.elementor-1424 .elementor-element.elementor-element-71814a6a > .elementor-element-populated{box-shadow:0px 0px 25px 0px rgba(0,0,0,0.09);margin:0px 15px 0px 0px;--e-column-margin-right:15px;--e-column-margin-left:0px;padding:55px 55px 55px 55px;}.elementor-widget-image .widget-image-caption{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-1424 .elementor-element.elementor-element-003addb{text-align:center;}.elementor-1424 .elementor-element.elementor-element-003addb .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:22px;font-weight:600;color:#000000;}.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-1424 .elementor-element.elementor-element-6fc333e > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1424 .elementor-element.elementor-element-6fc333e .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1424 .elementor-element.elementor-element-6fc333e .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-1424 .elementor-element.elementor-element-66bce193{text-align:center;font-family:"Roboto", Sans-serif;font-size:18px;font-weight:400;color:#7A7A7A;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-1424 .elementor-element.elementor-element-5c041a5 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(11px/2);}.elementor-1424 .elementor-element.elementor-element-5c041a5 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(11px/2);}.elementor-1424 .elementor-element.elementor-element-5c041a5 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(11px/2);}.elementor-1424 .elementor-element.elementor-element-5c041a5 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-11px/2);}.elementor-1424 .elementor-element.elementor-element-5c041a5 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-11px/2);}.elementor-1424 .elementor-element.elementor-element-5c041a5 .elementor-icon-list-icon i{color:#10C400;transition:color 0.3s;}.elementor-1424 .elementor-element.elementor-element-5c041a5 .elementor-icon-list-icon svg{fill:#10C400;transition:fill 0.3s;}.elementor-1424 .elementor-element.elementor-element-5c041a5{--e-icon-list-icon-size:18px;--icon-vertical-offset:0px;}.elementor-1424 .elementor-element.elementor-element-5c041a5 .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-1424 .elementor-element.elementor-element-5c041a5 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1424 .elementor-element.elementor-element-5c041a5 .elementor-icon-list-item > a{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:400;}.elementor-1424 .elementor-element.elementor-element-5c041a5 .elementor-icon-list-text{color:#7A7A7A;transition:color 0.3s;}.elementor-1424 .elementor-element.elementor-element-90f0684{text-align:center;font-family:"Roboto", Sans-serif;font-size:18px;font-weight:400;}.elementor-1424 .elementor-element.elementor-element-aca03e7 > .elementor-element-populated{box-shadow:0px 0px 25px 0px rgba(0,0,0,0.09);margin:0px 0px 0px 15px;--e-column-margin-right:0px;--e-column-margin-left:15px;padding:55px 55px 55px 55px;}.elementor-1424 .elementor-element.elementor-element-b569c65{text-align:center;}.elementor-1424 .elementor-element.elementor-element-b569c65 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:22px;font-weight:600;color:#000000;}.elementor-1424 .elementor-element.elementor-element-eb19802 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1424 .elementor-element.elementor-element-eb19802 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-1424 .elementor-element.elementor-element-38053df4{text-align:center;font-family:"Roboto", Sans-serif;font-size:18px;font-weight:400;}.elementor-1424 .elementor-element.elementor-element-d7c4a3a .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(11px/2);}.elementor-1424 .elementor-element.elementor-element-d7c4a3a .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(11px/2);}.elementor-1424 .elementor-element.elementor-element-d7c4a3a .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(11px/2);}.elementor-1424 .elementor-element.elementor-element-d7c4a3a .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-11px/2);}.elementor-1424 .elementor-element.elementor-element-d7c4a3a .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-11px/2);}.elementor-1424 .elementor-element.elementor-element-d7c4a3a .elementor-icon-list-icon i{color:#10C400;transition:color 0.3s;}.elementor-1424 .elementor-element.elementor-element-d7c4a3a .elementor-icon-list-icon svg{fill:#10C400;transition:fill 0.3s;}.elementor-1424 .elementor-element.elementor-element-d7c4a3a{--e-icon-list-icon-size:18px;--icon-vertical-offset:0px;}.elementor-1424 .elementor-element.elementor-element-d7c4a3a .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-1424 .elementor-element.elementor-element-d7c4a3a .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1424 .elementor-element.elementor-element-d7c4a3a .elementor-icon-list-item > a{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:400;}.elementor-1424 .elementor-element.elementor-element-d7c4a3a .elementor-icon-list-text{color:#7A7A7A;transition:color 0.3s;}.elementor-1424 .elementor-element.elementor-element-87cba30{text-align:center;font-family:"Roboto", Sans-serif;font-size:18px;font-weight:400;}@media(max-width:1024px){.elementor-1424 .elementor-element.elementor-element-3ac888a7{padding:100px 25px 100px 25px;}.elementor-1424 .elementor-element.elementor-element-6938652d .elementor-heading-title{font-size:45px;}.elementor-1424 .elementor-element.elementor-element-1041bf53{padding:15px 0px 0px 0px;}.elementor-1424 .elementor-element.elementor-element-003addb .elementor-heading-title{font-size:45px;}.elementor-1424 .elementor-element.elementor-element-b569c65 .elementor-heading-title{font-size:45px;}}@media(max-width:767px){.elementor-1424 .elementor-element.elementor-element-3ac888a7{padding:50px 20px 50px 20px;}.elementor-1424 .elementor-element.elementor-element-6938652d .elementor-heading-title{font-size:35px;}.elementor-1424 .elementor-element.elementor-element-71814a6a > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:5px 5px 5px 5px;}.elementor-1424 .elementor-element.elementor-element-003addb .elementor-heading-title{font-size:35px;}.elementor-1424 .elementor-element.elementor-element-aca03e7 > .elementor-element-populated{margin:15px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:5px 5px 5px 5px;}.elementor-1424 .elementor-element.elementor-element-b569c65 .elementor-heading-title{font-size:35px;}}/* Start custom CSS for section, class: .elementor-element-1041bf53 *//* 1. Muotoillaan linkkiä niin, ettei se näytä perinteiseltä linkiltä */
.banner-link-wrapper {
  text-decoration: none; /* Poistaa linkin alleviivauksen */
  color: inherit; /* Teksti perii värinsä (.heti-kayttoon-banner -elementiltä), eli pysyy valkoisena */
  display: block; /* Varmistaa, että linkki vie koko bannerin tilan */
}

.heti-kayttoon-banner {
  display: flex; /* Asettaa ikonin ja tekstin vierekkäin */
  align-items: center; /* Keskittää sisällön pystysuunnassa */
  background: linear-gradient(135deg, #34D399, #10B981); /* Vihreä liukuväri, muokkaa brändiisi sopivaksi */
  color: white; /* Tekstin väri */
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  padding: 20px 25px; /* Sisäiset välit */
  border-radius: 12px; /* Pyöristetyt kulmat */
  margin: 30px 0; /* Väli ylä- ja alapuolella oleviin elementteihin */
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); /* Hienovarainen varjostus */
}

.banner-icon {
  font-size: 36px; /* Ikonin koko */
  margin-right: 20px; /* Väli ikonin ja tekstin väliin */
  line-height: 1;
}

/* Lisätään pieni sykkivä hehku-efekti ikonille, jotta se herättää vielä enemmän huomiota */
@keyframes pulse-glow {
  0% { text-shadow: 0 0 4px rgba(255, 255, 255, 0.5); }
  50% { text-shadow: 0 0 16px rgba(255, 255, 255, 1); }
  100% { text-shadow: 0 0 4px rgba(255, 255, 255, 0.5); }
}

.banner-icon i {
  animation: pulse-glow 2.5s infinite ease-in-out;
}

/* Kun hiiri viedään linkin päälle, nostetaan banneria ja korostetaan varjoa */
.banner-link-wrapper:hover .heti-kayttoon-banner {
  transform: translateY(-5px); /* Nostaa laatikkoa hieman ylöspäin */
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15); /* Voimistaa varjoa korostusta varten */
}

.banner-text h3 {
  margin: 0 0 5px 0; /* Nollataan oletusmarginaalit ja lisätään pieni väli alle */
  font-size: 1.3em; /* Otsikon koko */
  font-weight: 700; /* Lihavointi */
  color: white;
}

.banner-text p {
  margin: 0;
  font-size: 0.95em;
  opacity: 0.9; /* Tehdään tekstistä hieman läpikuultava, jotta otsikko korostuu */
}

/* Mobiiliresponsiivisuus: Pienemmillä näytöillä teksti ja ikoni voivat olla pienempiä */
@media (max-width: 767px) {
  .heti-kayttoon-banner {
    flex-direction: column; /* Asetetaan elementit allekkain */
    text-align: center; /* Keskistetään teksti */
  }
  .banner-icon {
    margin-right: 0;
    margin-bottom: 15px; /* Lisätään väli tekstin ja ikonin väliin */
  }
  .banner-text h3 {
    font-size: 1.2em;
  }
}/* End custom CSS */