.elementor .e-2a3b449-87a2288{max-width:1200px;color:var(--valko);}.elementor .e-c1f7923-9bf5fbd{max-width:500px;padding:0px;flex-direction:column;gap:60px;}.elementor .e-2781390-ea6d057{width:50%;padding:0px;flex-direction:row;gap:48px;}.elementor .e-14a4f35-df2c0bd{width:50%;max-width:700px;max-height:700px;}.elementor .e-1887634-335ec80{padding:0px;display:none;flex-direction:row;gap:80px;justify-content:space-between;align-items:center;}.elementor .e-6c5cbb2-a252d34{color:var(--valko-70);}.elementor .e-cc63af0-84db713{width:50%;padding:0px;flex-direction:column;gap:20px;justify-content:flex-start;}.elementor .e-d866077-0f307d9{width:50%;}.elementor .e-aadfb42-17ff465{padding:0px;gap:20px;/*pienien korttien värien vaihto kun hiiri päällä*/
.kortti {
position: relative;
overflow: hidden;
isolation: isolate;

background: linear-gradient(130deg, #2C2C2C 0%, #000000 100%) !important;
transition: transform 0.5s ease;
}

/* Hover gradient + image overlay */
.kortti::before {
content: "";
position: absolute;
inset: 0;
z-index: 0;

background:
  url("https://muvika.creativetaiga.fi/wp-content/uploads/2026/06/Frame-129.png"),
  linear-gradient(180deg, #000000 30%, #f9ac00 150%);

background-size: cover, cover;
background-position: center, center;
background-repeat: no-repeat, no-repeat;

opacity: 0;
transition: opacity 0.5s ease;
pointer-events: none;
}

/* Fade hover state in */
.kortti:hover::before {
opacity: 1;
}

/* Keep all content above the hover layer */
.kortti > * {
position: relative;
z-index: 1;
}



/*-------------------*/



/* Button inside the card */
.kortti .kortti-nappi {
background-color: #ffffff0D !important;
transition:
  background-color 0.5s ease,
  color 0.5s ease;
}

/* Button color when card is hovered */
.kortti:hover .kortti-nappi {
background-color: #f9ac00 !important;
color: #000000 !important;
}


/*Iso kortti tausta ja nappi*/

.kortti-iso {
position: relative;
overflow: hidden;
isolation: isolate;

background:
  url("https://muvika.creativetaiga.fi/wp-content/uploads/2026/06/Frame-129.png"),
  linear-gradient(180deg, #000000 30%, #f9ac00 150%) !important;

background-size: cover, cover;
background-position: center, center;
background-repeat: no-repeat, no-repeat;
}

.kortti-iso > * {
position: relative;
z-index: 1;
}


/*iso kortti nappi*/
/* Button inside the card */
.kortti-iso .kortti-iso-nappi {
 background:
  linear-gradient(180deg, #16FB9700 -60%, #f9ac0040 100%) !important;
transition:
  background-color 0.5s ease,
  color 0.5s ease;
}

/* Button color when card is hovered */
.kortti-iso:hover .kortti-iso-nappi {
background-color: #f9ac00 !important;
color: #000000 !important;
}\n}.elementor .e-7bc8db6-a60a35c{color:var(--valko);padding:80px;border-block-start-width:5px;border-block-end-width:0px;border-inline-start-width:0px;border-inline-end-width:0px;border-color:var(--valko-15);border-style:dotted;background-image:url("https://muvika.creativetaiga.fi/wp-content/uploads/2026/06/Frame-12-scaled.png"),url("https://muvika.creativetaiga.fi/wp-content/uploads/2026/06/Vector-1-2.png"),linear-gradient(180deg, #131313 0%,#0C0C0C 100%);background-repeat:repeat,no-repeat,repeat;background-attachment:scroll;background-size:contain,100% auto,auto auto;background-position:0% 0%,center center,0% 0%;flex-direction:column;gap:98px;align-items:center;}