/* Card service Component */
/* VARIABLES */
/* TYPOGRAPHY */
/* Google Fonts */
.c-card-service {
  --icon-color: var(--primary-complementary-light);
  position: relative;
  height: 100%;
  background-color: var(--bg-color);
}

.c-card-service.block::after, .c-card-service.paragraph::after, .c-card-service.node::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 0;
  margin: 0 auto;
  background-color: var(--primary-complementary-link);
  transition: var(--base-trans);
}

.c-card-service.block.background--primary-shade, .c-card-service.paragraph.background--primary-shade, .c-card-service.node.background--primary-shade {
  --bg-color: var(--primary-shade);
  --text-color: var(--white);
  --icon-color: var(--white);
}

.c-card-service.block.background--primary-complementary, .c-card-service.paragraph.background--primary-complementary, .c-card-service.node.background--primary-complementary {
  --bg-color: var(--primary-complementary);
  --text-color: var(--white);
  --icon-color: var(--white);
}

.c-card-service.block.background--gray-four, .c-card-service.paragraph.background--gray-four, .c-card-service.node.background--gray-four {
  --bg-color: var(--gray-four);
  --icon-color: var(--primary-shade);
}

.c-card-service__text {
  color: var(--text-color);
  font-size: 1rem;
  line-height: 1.5rem;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
}

.c-card-service__default {
  position: relative;
  overflow: hidden;
  padding: var(--spacing-md, 24px);
}

@media (max-width: 575.98px) {
  .c-card-service__default {
    width: calc(100% + 48px);
    margin: 0 -24px !important;
  }
}
@media (min-width: 992px) {
  .c-card-service__default {
    padding: var(--spacing-lg, 32px) var(--spacing-xl, 40px);
  }
}
.c-card-service__default .c-card-service__title {
  margin-bottom: var(--spacing-xs, 12px);
  padding-right: 48px;
  color: var(--text-color);
  font-size: 1.375rem;
  line-height: 1.875rem;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
}

@media (min-width: 1200px) {
  .c-card-service__default .c-card-service__title {
    padding-right: 0;
  }
}
.c-card-service__default .c-card-service__title * {
  color: var(--text-color);
  font-size: 1.375rem;
  line-height: 1.875rem;
}

.c-card-service__default .c-card-service__content {
  margin-top: var(--spacing-md, 24px);
}

.c-card-service__sample {
  --bg-color: var(--accent-superlight);
  display: flex;
  flex: 1 1 auto;
  flex-flow: column wrap;
  gap: var(--spacing-xs);
  padding: var(--spacing-md, 24px);
  transition: var(--base-trans);
}

@media (min-width: 992px) {
  .c-card-service__sample {
    padding: var(--spacing-md, 32px) var(--spacing-md, 40px);
  }
}
.c-card-service__sample .c-card-service__title {
  margin-bottom: 0;
  font-size: 1.125rem;
  line-height: 1.625rem;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
}

.c-card-service__sample .c-card-service__text {
  flex: 1 1 auto;
}

.c-card-service__sample .c-card-service__content {
  margin-top: auto;
}

.c-card-service__sample:hover {
  background-color: var(--primary-light);
}

.c-card-service__icon {
  position: absolute;
  top: -24px;
  right: -24px;
  transition: var(--base-trans);
}

@media (min-width: 1200px) {
  .c-card-service__icon {
    top: inherit;
    right: -60px;
    bottom: -60px;
  }
}
.c-card-service__icon svg,
.c-card-service__icon path {
  width: 94px;
  height: 94px;
  opacity: 0.4;
  fill: var(--icon-color);
}

@media (min-width: 992px) {
  .c-card-service__icon svg,
  .c-card-service__icon path {
    width: 128px;
    height: 128px;
  }
}
@media (min-width: 1200px) {
  .c-card-service__icon svg,
  .c-card-service__icon path {
    width: 168px;
    height: 168px;
  }
}
.c-card-service:hover .c-card-service__icon {
  top: -12px;
  right: -12px;
}

@media (min-width: 1200px) {
  .c-card-service:hover .c-card-service__icon {
    top: inherit;
    right: -50px;
    bottom: -50px;
  }
}
.block__related-service.background--primary-shade, .block__related-service.background--primary-complementary {
  --bg-color: var(--primary-shade);
  --text-color: var(--white);
  --icon-color: var(--white);
}

.block__related-service.background--primary-shade .c-button__primary, .block__related-service.background--primary-complementary .c-button__primary {
  --button-color: var(--primary-shade);
  --button-bg: var(--white);
  --button-hover-bg: var(--primary-light);
}

.block__related-service.background--primary-complementary {
  --bg-color: var(--primary-complementary);
  --text-color: var(--white);
  --icon-color: var(--white);
}

.block__related-service.background--primary-complementary .c-button__primary {
  --button-color: var(--accent-dark);
  --button-bg: var(--white);
  --button-hover-bg: var(--primary-light);
}

.block__related-service.background--gray-four {
  --bg-color: var(--gray-four);
  --icon-color: var(--primary-shade);
}
/*# sourceMappingURL=card-service.css.map */