.elementor-1456 .elementor-element.elementor-element-19959ed7{--display:flex;--min-height:500px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.35;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-1456 .elementor-element.elementor-element-19959ed7:not(.elementor-motion-effects-element-type-background), .elementor-1456 .elementor-element.elementor-element-19959ed7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3F3F3;background-image:url("https://ajansahko.fi/wp-content/uploads/2026/01/Ajansahko_018-scaled.jpg");background-position:center center;background-size:cover;}.elementor-1456 .elementor-element.elementor-element-19959ed7::before, .elementor-1456 .elementor-element.elementor-element-19959ed7 > .elementor-background-video-container::before, .elementor-1456 .elementor-element.elementor-element-19959ed7 > .e-con-inner > .elementor-background-video-container::before, .elementor-1456 .elementor-element.elementor-element-19959ed7 > .elementor-background-slideshow::before, .elementor-1456 .elementor-element.elementor-element-19959ed7 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1456 .elementor-element.elementor-element-19959ed7 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-1456 .elementor-element.elementor-element-7e83430e{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1456 .elementor-element.elementor-element-67cfa267{--display:flex;--min-height:0px;--justify-content:flex-end;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1456 .elementor-element.elementor-element-7938ba8a{width:100%;max-width:100%;text-align:start;}.elementor-1456 .elementor-element.elementor-element-7938ba8a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0% 0% 0% 0%;}.elementor-1456 .elementor-element.elementor-element-7938ba8a .elementor-heading-title{font-size:60px;font-weight:700;font-style:normal;text-decoration:none;line-height:1em;word-spacing:0em;color:#FFFFFF;}.elementor-1456 .elementor-element.elementor-element-47251ff2{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:100px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}.elementor-1456 .elementor-element.elementor-element-79862ece{--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:0px;--padding-left:0px;--padding-right:0px;}.elementor-1456 .elementor-element.elementor-element-27facc26{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1456 .elementor-element.elementor-element-2f1568b4{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:1024px){.elementor-1456 .elementor-element.elementor-element-19959ed7{--min-height:0px;--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;}.elementor-1456 .elementor-element.elementor-element-7938ba8a{width:100%;max-width:100%;text-align:start;}.elementor-1456 .elementor-element.elementor-element-7938ba8a .elementor-heading-title{font-size:40px;line-height:1.1em;letter-spacing:0px;word-spacing:0em;}.elementor-1456 .elementor-element.elementor-element-47251ff2{--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;}.elementor-1456 .elementor-element.elementor-element-79862ece{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(max-width:767px){.elementor-1456 .elementor-element.elementor-element-19959ed7{--justify-content:flex-end;--padding-top:120px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-1456 .elementor-element.elementor-element-7938ba8a .elementor-heading-title{font-size:35px;}.elementor-1456 .elementor-element.elementor-element-47251ff2{--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}}@media(min-width:768px){.elementor-1456 .elementor-element.elementor-element-19959ed7{--content-width:1357px;}.elementor-1456 .elementor-element.elementor-element-7e83430e{--width:60%;}.elementor-1456 .elementor-element.elementor-element-67cfa267{--width:100%;}.elementor-1456 .elementor-element.elementor-element-47251ff2{--content-width:1340px;}.elementor-1456 .elementor-element.elementor-element-79862ece{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1456 .elementor-element.elementor-element-7e83430e{--width:100%;}.elementor-1456 .elementor-element.elementor-element-67cfa267{--width:100%;}.elementor-1456 .elementor-element.elementor-element-79862ece{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-f598892 *//* Projects table - clean, modern, mobile-friendly (no HTML changes needed) */

.projects-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  background: #fff;
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 16px;
  overflow: hidden; /* enables rounded corners */
}

/* Header */
.projects-table thead th {
  text-align: left;
  font-weight: 700;
  letter-spacing: 0.02em;
  font-size: 14px;
  padding: 14px 16px;
  background: #f6f7f8;
  color: #111;
  border-bottom: 1px solid rgba(0,0,0,0.08);
  vertical-align: bottom;
  white-space: nowrap;
}

/* Body cells */
.projects-table tbody td {
  font-size: 15px;
  line-height: 1.5;
  padding: 14px 16px;
  border-bottom: 1px solid rgba(0,0,0,0.06);
  color: #111;
  vertical-align: top;
}

/* Zebra + hover */
.projects-table tbody tr:nth-child(even) td {
  background: rgba(0,0,0,0.015);
}

.projects-table tbody tr:hover td {
  background: rgba(0,0,0,0.03);
}

/* Column sizing hints (safe defaults) */
.projects-table th:nth-child(1),
.projects-table td:nth-child(1) { /* Kohde */
  width: 44%;
}

.projects-table th:nth-child(2),
.projects-table td:nth-child(2) { /* Tilaaja */
  width: 26%;
}

.projects-table th:nth-child(3),
.projects-table td:nth-child(3) { /* Laajuus */
  width: 15%;
  white-space: nowrap;
}

.projects-table th:nth-child(4),
.projects-table td:nth-child(4) { /* Valmis */
  width: 15%;
  white-space: nowrap;
}

/* Optional: make it look good inside content blocks */
.projects-table {
  margin: 24px 0;
  box-shadow: 0 12px 30px rgba(0,0,0,0.06);
}

/* Mobile: keep table usable without changing HTML
   - make it horizontally scrollable
   - reduce padding and font-size a bit */
@media (max-width: 900px) {
  .projects-table {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border-radius: 14px;
  }

  .projects-table thead th,
  .projects-table tbody td {
    padding: 12px 14px;
  }

  .projects-table tbody td {
    font-size: 14px;
  }
}

/* Small mobile: tighter */
@media (max-width: 520px) {
  .projects-table thead th {
    font-size: 13px;
  }

  .projects-table tbody td {
    font-size: 13px;
    padding: 10px 12px;
  }
}/* End custom CSS */