/**
 * Strip unit from number.
 *
 * Example:
 *   strip-unit(10px) // 10
 *   strip-unit(10%) // 10
 *   strip-unit(10) // 10
 */
/**
 * Convert string to number.
 *
 * Example:
 *   str-to-number('20px') // 20px
 *   str-to-number('10vw') // 10vw
 */
/**
 * Convert pixels to relative units.
 *
 * Example:
 *   px-to-relative(480px, 960px, '%') // 50%
 *   px-to-relative(240px, 960px, 'vw') // 25vw
 */
/**
 * Convert px to %.
 *
 * Example:
 *   px-to-percent(480px, 960px) // 50%
 *   px-to-percent(240px, 960px) // 25%
 */
/**
 * Convert px to vw.
 *
 * Example:
 *   px-to-vw(480px, 960px) // 50vw
 *   px-to-vw(240px, 960px) // 25vw
 */
/**
 * Convert % to px.
 *
 * Example:
 *   percent-to-px(25%, 960px) // 240px
 *   percent-to-px(50%, 1200px) // 600px
 */
/**
 * Convert hex to rgb.
 *
 * Example:
 *   hex-to-rgb(#000000) // 0, 0, 0
 *   hex-to-rgb(#FFFFFF) // 255, 255, 255
 */
/**
 * Shortcut for minmax(0, 1fr).
 *
 * Example:
 *   fr(1) // minmax(0, 1fr)
 *   fr(2) // minmax(0, 2fr)
 */
/**
 * String replace.
 *
 * Example:
 *   str-replace('hello world', 'world', 'john') // 'hello john'
 */
/**
 * Trim string.
 *
 * Example:
 *   str-trim(' foo ') // 'foo'
 *   str-trim('bar ') // 'bar'
 */
/* Return one column width */
/**
 * Return responsive font size.
 *
 * Example:
 *   responsive-font-size(40px, 20px, $min-width: 320px)
 */
/* Clearfix */
/* Remove clearfix */
/* Page padding */
/* Compensate horizontal page padding */
/* Layout row */
/* Layout cell */
/* Layout cell reset */
/* Layout row reset */
/* Full width element */
/* Dotted underline */
/* Dotted underline reset*/
/* Triangle */
/* Triangle color */
/* Outer lines */
/* Outer lines reset */
/* Remove extreme property */
/* Remove first and last margins */
/* Remove first and list p margins */
/* Build inner selector */
/* Full width background */
/* Visually hidden */
/* Reset visually-hidden styles */
/* Hamburger icon */
/* Overlay */
/* Transition with multiple properties */
/* Lines using gradient */
/* Hide scrollbar but non disable scrolling */
/* Hide element */
/* Show element */
/* Left icon */
/* Hide siblings */
/* Keep maximum first elements */
/* Adaptive version keep-first() mixin */
/* Add label colon */
/* Text inputs */
/* Background SVG with custom color */
/* Page grid system */
/* Pixelated image */
:root {
  --color-text: var(--color-blue-dark);
  --color-text-inverted: white;
  --color-link: var(--color-blue);
  --color-link-hover: var(--color-blue-dark);
  --color-blue: #1C498E;
  --color-blue-rgb: 28, 73, 142;
  --color-blue-dark: #1B2543;
  --page-max-width: 1920px;
  --page-content-max-width: 1496px;
  --page-min-width: 320px;
  --page-padding: 20px;
  --page-font-family: "Mulish", sans-serif;
  --page-font-family-ext: "Organetto Ext", sans-serif;
  --page-font-family-semiext: "Organetto SemiExt", sans-serif;
  --page-font-size: 18px;
  --page-line-height: 1.3;
  --page-text-color: var(--color-text);
  --page-link-color: var(--color-link);
  --page-link-color-hover: var(--color-link-hover);
  --page-link-text-decoration-hover: none;
  --scrollbar-width: 20px;
  --correct-100vw: calc(100vw - var(--scrollbar-width));
  --page-width: min(var(--correct-100vw), var(--page-max-width));
  --page-content-width: min(calc(var(--correct-100vw) - var(--page-padding) * 2), var(--page-content-max-width));
  --page-header-height: 72px;
  --page-header-margin-bottom: 50px;
  --page-background: white;
  --breadcrumb-separator: "/";
  --overlay-background: rgba(black, 0.7);
  --dialog-padding: var(--gutter-width);
  --p-margin: 1.6em;
  --content-region-margin-bottom: 100px;
  --curved-block-margin: 4.375%;
  --consultation-fixed-panel-height: 80px;
  --admin-toolbar-height: 0px;
  --h1-font-size: 56px;
  --h2-font-size: 40px;
  --h3-font-size: 24px;
  --h4-font-size: 20px;
  --font-size-title-2: 24px;
  --font-size-title-3: 20px;
  --page-grid-columns: 12;
  --page-grid-column-gap: 40px;
  --form-item-margin: 20px;
  --form-text-inputs-font-size: 16px;
  --form-button-border-color: rgba(28, 73, 142, 0.40);
  --form-button-border-color-hover: var(--color-blue);
  --form-button-text-color: var(--color-link);
  --z-index-status-messages: 6;
  --z-index-consultation-fixed-panel: 7;
  --z-index-page-header: 8;
  --z-index-admin-toolbar: 9;
  --z-index-mobile-menu: 10;
  --z-index-overlay: 11;
  --z-index-dialog: 12;
  --local-task-background-color: #EDEDEE;
  --local-task-background-color-hover: #DADADE;
  --local-task-background-color-active: #7C7D7F;
  --local-task-font-size: 14px;
  --local-task-text-color: inherit;
  --local-task-text-color-hover: inherit;
  --local-task-text-color-active: white;
}
@media (max-width: 1980px) {
  :root {
    --curved-block-margin: 4.2708333333%;
  }
}
@media (max-width: 1600px) {
  :root {
    --curved-block-margin: 3.75%;
  }
}
@media (max-width: 800px) {
  :root {
    --page-padding: 15px;
    --page-header-height: 56px;
    --page-font-size: 16px;
    --page-grid-column-gap: 16px;
    --consultation-fixed-panel-height: 64px;
  }
}

@property --integer {
  syntax: "<integer>";
  initial-value: 0;
  inherits: false;
}
@property --number {
  syntax: "<number>";
  initial-value: 0;
  inherits: false;
}
@property --percentage {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 0%;
}
@property --ratio {
  syntax: "<ratio>";
  inherits: false;
  initial-value: 1/1;
}
@media (max-width: 800px) {
  .page--views-services-page .page-title {
    margin-bottom: 0;
    padding-bottom: 24px;
    mask: none;
  }
}

/* Services Views */
.services-page-views__menu {
  display: none;
}
.services-page-views__l1 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px var(--page-grid-column-gap);
  margin: 0;
  padding: 0;
  list-style: none;
}
.services-page-views__l1-item::before {
  content: "";
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 600/472;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 52%, contain;
}
.services-page-views__l1-item:nth-child(1)::before {
  background-image: url("../../img/content/services-yurlicam.webp"), url("../../img/content/services-yurlicam-bg.webp");
  background-position: 15% center, -20% center;
}
.services-page-views__l1-item:nth-child(2)::before {
  background-image: url("../../img/content/services-fizlicam.webp"), url("../../img/content/services-fizlicam-bg.webp");
  background-position: 25% center, -15% center;
}
.services-page-views__l1-item:nth-child(2) .services-page-views__l1-text {
  max-width: 600px;
}
.services-page-views__l1-text {
  font-family: var(--page-font-family-ext);
  font-size: clamp(20px, 20px + 20 * (100vw - 400px) / 1136, 40px);
  font-weight: 800;
  line-height: 1.1;
  word-break: break-word;
  margin-bottom: 5.3333333333%;
}
.services-page-views__l2 {
  margin: 0;
  padding: 0;
  list-style: none;
}
.services-page-views__l2-item {
  padding: 20px 0;
  border-top: 1px solid #496DA5;
}
.services-page-views__l2-text {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.1;
}
.services-page-views__l3 {
  margin: 0;
  padding: 0;
  list-style: none;
}
.services-page-views__l3-item {
  margin-top: 3.3333333333%;
}
.services-page-views__l3-text {
  font-weight: bold;
}
@media (max-width: 800px) {
  .services-page-views__menu {
    margin-left: calc(var(--page-padding) * -1);
    margin-right: calc(var(--page-padding) * -1);
    padding-left: var(--page-padding);
    padding-right: var(--page-padding);
    -webkit-mask-image: url("../../img/block-deflection-mask.svg");
    -webkit-mask-position: center bottom;
    -webkit-mask-size: 100% auto;
    -webkit-mask-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    gap: 16px 0;
    padding-bottom: 60px;
    list-style: none;
    background: var(--color-blue-dark);
    font-weight: bold;
  }
  .services-page-views__l1 {
    grid-template-columns: 1fr;
  }
  .services-page-views__l1-text {
    margin-bottom: 4.1666666667%;
  }
  .services-page-views__l3-item {
    margin-top: 2.5%;
  }
}

/*# sourceMappingURL=services.css.map */