#elementor-popup-modal-2245 .dialog-widget-content{animation-duration:0.3s;background-color:#FFFFFF;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-2245{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-2245 .dialog-message{width:100vw;height:100vh;align-items:flex-start;}/* Start custom CSS *//* 15.10 (user): seven grips (graphics of the client) and the comparison fits a desktop screen without scrolling –
   compact head, badges and rows (8 x 70), the table centred between header and bottom. Mobile keeps the horizontal
   scroll with the label column pinned. Every grip has a value in every row. */
#elementor-popup-modal-2245 .ck-grip-cmp {
  padding-bottom: calc(16 * var(--ck-design-unit));
}

#elementor-popup-modal-2245 .ck-grip-cmp-scroll {
  margin-block: auto;
  padding-top: calc(24 * var(--ck-design-unit));
}

#elementor-popup-modal-2245 .ck-grip-cmp-table {
  grid-template-columns: calc(180 * var(--ck-design-unit)) repeat(7, calc(190 * var(--ck-design-unit)));
  width: calc(1574 * var(--ck-design-unit));
  gap: calc(10 * var(--ck-design-unit));
}

#elementor-popup-modal-2245 .ck-grip-cmp-table::after {
  top: calc(190 * var(--ck-design-unit));
  height: calc(560 * var(--ck-design-unit));
  background: repeating-linear-gradient(to bottom, rgba(0, 0, 0, .1) 0 1px, transparent 1px calc(70 * var(--ck-design-unit)));
}

#elementor-popup-modal-2245 :is(.ck-grip-cmp-logo-cell, .ck-grip-cmp-top) {
  height: calc(190 * var(--ck-design-unit));
}

#elementor-popup-modal-2245 .ck-grip-cmp-logo-cell {
  padding-bottom: calc(14 * var(--ck-design-unit));
}

#elementor-popup-modal-2245 :is(.ck-grip-cmp-label-cell, .ck-grip-cmp-cell) {
  height: calc(70 * var(--ck-design-unit));
}

#elementor-popup-modal-2245 .ck-grip-cmp-cell {
  gap: calc(6 * var(--ck-design-unit));
  padding-inline: calc(10 * var(--ck-design-unit));
}

#elementor-popup-modal-2245 .ck-grip-cmp-label {
  font-size: calc(21 * var(--ck-design-unit));
  line-height: calc(23 * var(--ck-design-unit));
}

#elementor-popup-modal-2245 .ck-grip-cmp-name {
  min-height: calc(42 * var(--ck-design-unit));
  font-size: calc(20 * var(--ck-design-unit));
  line-height: calc(21 * var(--ck-design-unit));
  display: flex;
  align-items: flex-end;
}

#elementor-popup-modal-2245 .ck-grip-cmp-badge {
  width: calc(80 * var(--ck-design-unit));
  height: calc(80 * var(--ck-design-unit));
  margin-top: calc(12 * var(--ck-design-unit));
}

#elementor-popup-modal-2245 .ck-grip-cmp-icon {
  width: calc(50 * var(--ck-design-unit));
  height: calc(50 * var(--ck-design-unit));
}

#elementor-popup-modal-2245 .ck-grip-cmp-icon[data-ck-wordmark] {
  width: calc(62 * var(--ck-design-unit));
  height: auto;
}

#elementor-popup-modal-2245 .ck-grip-cmp-sub {
  margin-top: calc(12 * var(--ck-design-unit));
  font-size: calc(17 * var(--ck-design-unit));
  line-height: calc(22 * var(--ck-design-unit));
}

#elementor-popup-modal-2245 .ck-grip-cmp-build {
  font-size: calc(17 * var(--ck-design-unit));
  line-height: calc(22 * var(--ck-design-unit));
}

/* 20.10 (user): no extra space under the last row, so the popup fits laptop heights without a scrollbar. */
#elementor-popup-modal-2245 .ck-grip-cmp-col {
  padding-bottom: 0;
}

#elementor-popup-modal-2245 .ck-grip-cmp-col::before {
  top: calc(74 * var(--ck-design-unit));
}

#elementor-popup-modal-2245 .ck-grip-cmp-cell .ck-grip-score {
  font-size: calc(18 * var(--ck-design-unit));
  line-height: calc(19 * var(--ck-design-unit));
}

#elementor-popup-modal-2245 .ck-grip-cmp-cell .ck-grip-score strong {
  font-size: calc(20 * var(--ck-design-unit));
}

@media (max-width: 1024px) {
  #elementor-popup-modal-2245 .ck-grip-cmp-table {
    grid-template-columns: calc(120 * var(--ck-design-unit)) repeat(7, calc(150 * var(--ck-design-unit)));
    width: calc(1240 * var(--ck-design-unit));
    margin-inline: calc(20 * var(--ck-design-unit));
  }
}/* End custom CSS */