.elementor-12 .elementor-element.elementor-element-5270648{width:100%;max-width:100%;margin:0% -50% calc(var(--kit-widget-spacing, 0px) + -50%) 0%;}.elementor-12 .elementor-element.elementor-element-5270648.elementor-element{--align-self:flex-end;}.elementor-12 .elementor-element.elementor-element-c2c4cd5{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:10px 10px;--row-gap:10px;--column-gap:10px;--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-f484dc6{--spacer-size:50px;}.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 );text-transform:var( --e-global-typography-primary-text-transform );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-c0a95da{text-align:start;}.elementor-12 .elementor-element.elementor-element-c0a95da .elementor-heading-title{font-family:"Satoshi", Sans-serif;font-size:7.5vw;font-weight:700;text-transform:none;line-height:100%;letter-spacing:-6%;color:var( --e-global-color-accent );}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );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 );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-12 .elementor-element.elementor-element-f5e3afb{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -160px) -60px;z-index:0;text-align:start;}.elementor-12 .elementor-element.elementor-element-f5e3afb.elementor-element{--align-self:flex-end;}.elementor-12 .elementor-element.elementor-element-f5e3afb img{width:70%;height:90vh;object-fit:contain;object-position:bottom left;}.elementor-12 .elementor-element.elementor-element-df0ddfc{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;border-radius:0px 20px 20px 0px;text-align:end;}.elementor-12 .elementor-element.elementor-element-df0ddfc:not( .elementor-widget-image ), .elementor-12 .elementor-element.elementor-element-df0ddfc.elementor-widget-image img{-webkit-mask-image:url( https://siilinhammas.fi/wp-content/uploads/2026/08/Group-146-1.png );-webkit-mask-size:cover;-webkit-mask-position:center left;}.elementor-12 .elementor-element.elementor-element-df0ddfc img{width:100%;height:100%;object-fit:cover;object-position:center left;border-radius:0px -20px -20px 0px;}.elementor-12 .elementor-element.elementor-element-d2583cf{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;border-radius:0px 20px 20px 0px;text-align:end;}.elementor-12 .elementor-element.elementor-element-d2583cf:not( .elementor-widget-image ), .elementor-12 .elementor-element.elementor-element-d2583cf.elementor-widget-image img{-webkit-mask-image:url( https://siilinhammas.fi/wp-content/uploads/2026/08/Group-146-1.png );-webkit-mask-size:cover;-webkit-mask-position:center left;}.elementor-12 .elementor-element.elementor-element-d2583cf img{width:100%;height:100%;object-fit:cover;object-position:center left;border-radius:0px -20px -20px 0px;}@media(max-width:1024px){.elementor-12 .elementor-element.elementor-element-5270648{margin:0% -30% calc(var(--kit-widget-spacing, 0px) + -40%) 0%;}.elementor-12 .elementor-element.elementor-element-c2c4cd5{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-12 .elementor-element.elementor-element-c0a95da .elementor-heading-title{font-size:8.2vw;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-12 .elementor-element.elementor-element-f5e3afb{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -80px) -80px;}.elementor-12 .elementor-element.elementor-element-f5e3afb.elementor-element{--align-self:flex-start;}.elementor-12 .elementor-element.elementor-element-f5e3afb img{width:100%;height:100%;}.elementor-12 .elementor-element.elementor-element-df0ddfc{width:100%;max-width:100%;border-radius:0px 0px 20px 20px;text-align:center;}.elementor-12 .elementor-element.elementor-element-df0ddfc.elementor-element{--align-self:stretch;--flex-grow:1;--flex-shrink:0;}.elementor-12 .elementor-element.elementor-element-df0ddfc:not( .elementor-widget-image ), .elementor-12 .elementor-element.elementor-element-df0ddfc.elementor-widget-image img{-webkit-mask-image:url( https://siilinhammas.fi/wp-content/uploads/2026/08/Union-1.svg );-webkit-mask-size:175%;-webkit-mask-position:top center;}.elementor-12 .elementor-element.elementor-element-df0ddfc img{height:375px;object-position:center center;}.elementor-12 .elementor-element.elementor-element-d2583cf{width:100%;max-width:100%;border-radius:0px 0px 20px 20px;text-align:center;}.elementor-12 .elementor-element.elementor-element-d2583cf.elementor-element{--align-self:stretch;--flex-grow:1;--flex-shrink:0;}.elementor-12 .elementor-element.elementor-element-d2583cf:not( .elementor-widget-image ), .elementor-12 .elementor-element.elementor-element-d2583cf.elementor-widget-image img{-webkit-mask-image:url( https://siilinhammas.fi/wp-content/uploads/2026/08/Union-1.svg );-webkit-mask-size:175%;-webkit-mask-position:top center;}.elementor-12 .elementor-element.elementor-element-d2583cf img{height:375px;object-position:center center;}}@media(max-width:767px){.elementor-12 .elementor-element.elementor-element-c2c4cd5{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-12 .elementor-element.elementor-element-c0a95da .elementor-heading-title{font-size:10vw;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-12 .elementor-element.elementor-element-df0ddfc img{height:210px;}.elementor-12 .elementor-element.elementor-element-d2583cf img{height:210px;}}/* Start custom CSS for html, class: .elementor-element-5270648 */.siilin-photo {
    width: min(1500px, 100%);
    aspect-ratio: 1 / 1;
}

.siilin-svg {
    display: block;
    width: 100%;
    height: 100%;
}

.siilin-rotating-shape {
    transform-box: fill-box;
    transform-origin: center;
    animation: siilinRotate 100s linear infinite;
}

@keyframes siilinRotate {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c2c4cd5 */.palvelumme-laatikko {
    overflow: hidden;
}

.palvelumme-ikoni,
.palvelumme-nappi-laatikko {
    transition:
        transform 0.7s ease,
        opacity 0.35s ease;
}

.palvelumme-nappi-laatikko {
    opacity: 0;
    transform: translateY(100px);
    pointer-events: none;
}

.palvelumme-ikoni {
    transform: translateY(30px);
}

@media (min-width: 1025px) and (hover: hover) {

    .palvelumme-laatikko:hover .palvelumme-nappi-laatikko {
        opacity: 1;
        transform: translateY(0);
        pointer-events: auto;
    }

    .palvelumme-laatikko:hover .palvelumme-ikoni {
        transform: translateY(0);
    }
}

@media (max-width: 1024px) {

    .palvelumme-nappi-laatikko {
        opacity: 1;
        transform: translateY(0);
        pointer-events: auto;
    }

    .palvelumme-ikoni {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f5e3afb */.elementor-12 .elementor-element.elementor-element-f5e3afb {
    max-height: 90%;
}/* End custom CSS */