@font-face {
  font-family: "Lugrasimo";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../../../src/assets/fonts/FONT_lugrasimo.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Rowdies Bold 700";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../../../src/assets/fonts/rowdies/rowdies_bold_700.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Rowdies Reg 400";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../../../src/assets/fonts/rowdies/rowdies_reg_400.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Gentium Basic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../../../src/assets/fonts/gentium_basic/gentium_basic_reg.ttf") format("ttf");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Poppins Norm Reg 400";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../../../src/assets/fonts/Poppins/poppins_normal_400.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.body-grad {
  background-image: linear-gradient(to right, #bfde96, #68932f 150%);
}

.bg-prim {
  background-color: #bfde96;
}

.bg-sec {
  background-color: hsl(87, 16%, 78%);
}

.bg-sec-d-30 {
  background-color: hsl(87, 16%, 48%);
}

.bg-black-a70 {
  background-color: black;
  opacity: 0.7;
}

.img-triade {
  position: relative;
  aspect-ratio: 1.5;
}

.img-triade.vert {
  aspect-ratio: 0.8;
}

.img-triade .triade-light,
.img-triade .triade-dark {
  position: absolute;
  width: calc(100% - 10px);
  height: calc(100% - 20px);
}

.img-triade img {
  position: absolute;
  width: calc(100% - 40px);
  height: calc(100% - 30px);
}

.img-triade .triade-light {
  left: 0;
  top: 0;
  background: linear-gradient(to right, #8fc549, #68932f);
  mask-image: linear-gradient(to right, transparent, black 5%, black 95%, transparent);
}

.img-triade .triade-dark {
  right: 0;
  bottom: 0;
  background: linear-gradient(to left, #8fc549, #68932f);
  mask-image: linear-gradient(to left, transparent, black 5%, black 95%, transparent);
}

.img-triade img {
  left: 20px;
  top: 15px;
  box-shadow: 0 0 5px 1px #333;
}

header {
  width: 100%;
  max-width: 1200px;
  min-height: var(--head-h);
  margin-top: var(--navHeight);
  padding-top: var(--head-pt);
  margin-bottom: var(--head-pt);
}
header .triade-text-container {
  width: var(--tri-t-con-w);
  flex-direction: var(--tri-t-con-fdir);
  justify-content: var(--tri-t-con-jc);
  flex: 1;
}
header .img-triade {
  width: var(--img-tri-w);
}
header p {
  width: var(--head-p-w);
  font-size: var(--head-p-fs);
  margin: var(--head-p-my) 0;
}

main {
  width: 100%;
  max-width: 1200px;
  padding-bottom: 150px;
}
main article {
  width: 100%;
  padding-top: var(--art-pt);
  font-size: var(--head-p-fs);
}
main article h3 {
  font-size: 1.3em;
}
main article p {
  width: 90%;
  font-size: 0.8em;
}
main article p:first-of-type {
  margin: var(--art-p-spacing) 0 0;
}
main article p:last-of-type {
  margin: 0 0 var(--art-p-spacing);
}
main article ul {
  width: 90%;
  margin: var(--art-p-spacing) 0;
}
main article ul li {
  margin: 15px 0;
  font-size: 0.8em;
  list-style: url("../../../src/assets/img/logos/own_logo/only_logo_quadratic_50_50.svg");
}
main article ul li a {
  color: inherit;
}
main section {
  width: 100%;
  scroll-margin-top: var(--navHeight);
  font-size: var(--head-p-fs);
}
main section .triade-text-container {
  flex-direction: var(--tri-t-con-fdir);
  justify-content: var(--tri-t-con-jc);
  width: 100%;
}
main section .triade-text-container .img-triade {
  width: var(--img-tri-w);
  max-width: 700px;
}
main section .triade-text-container p {
  width: var(--head-p-w);
}
main section .triade-text-container h4, main section .triade-text-container ul {
  width: var(--mas-els-w);
}
main section .triade-text-container h4 {
  font-size: 1.2em;
  text-decoration: underline;
}
main section .triade-text-container p {
  font-size: 1em;
}
main section h3 {
  font-size: 1.3em;
}
main section#massage .triade-text-container {
  flex-wrap: wrap;
}

@media screen and (max-width: 575px) {
  body {
    --head-pt: min(15vmin, 100px);
    --tri-t-con-w: 100%;
    --tri-t-con-fdir: column;
    --tri-t-con-jc: start;
    --img-tri-w: min(100%, 500px);
    --head-p-w: 90%;
    --head-p-fs: 4vmin;
    --head-p-my: min(2vmin, 25px);
    --mas-els-w: 90%;
    --art-pt: min(5vmin, 100px);
    --art-p-spacing: min(3vmin, 20px);
  }
}
@media screen and (max-width: 575px) and (min-aspect-ratio: 1) {
  body {
    --head-pt: min(25vmin, 100px);
    --tri-t-con-w: 100%;
    --img-tri-w: min(60%, 300px);
    --head-p-w: 90%;
    --head-p-fs: min(4.5vmin, 18px);
    --head-p-my: min(3vmin, 30px);
    --mas-els-w: 90%;
  }
}
@media screen and (min-width: 576px) {
  body {
    --head-pt: min(15vmin, 100px);
    --tri-t-con-w: 100%;
    --tri-t-con-fdir: column;
    --tri-t-con-jc: start;
    --img-tri-w: min(100%, 700px);
    --head-p-w: 90%;
    --head-p-fs: min(4vmin, 24px);
    --head-p-my: min(3vmin, 30px);
    --mas-els-w: 90%;
    --art-pt: min(5vmin, 100px);
    --art-p-spacing: min(3vmin, 20px);
  }
}
@media screen and (min-width: 576px) and (min-aspect-ratio: 1) {
  body {
    --head-pt: min(25vmin, 100px);
    --tri-t-con-w: 100%;
    --img-tri-w: min(60%, 400px);
    --head-p-w: 90%;
    --head-p-fs: min(5vmin, 18px);
    --head-p-my: min(3vmin, 20px);
    --mas-els-w: 90%;
  }
}
@media screen and (min-width: 992px) {
  body {
    --head-pt: min(4vmin, 50px);
    --tri-t-con-w: 100%;
    --img-tri-w: min(100%, 1000px);
    --head-p-w: 80%;
    --head-p-fs: min(4vmin, 28px);
    --head-p-my: min(3vmin, 30px);
    --mas-els-w: 80%;
    --art-pt: min(5vmin, 100px);
    --art-p-spacing: min(3vmin, 20px);
  }
}
@media screen and (min-width: 992px) and (min-aspect-ratio: 1) {
  body {
    --head-pt: min(5vmin, 30px);
    --tri-t-con-w: 100%;
    --tri-t-con-fdir: row;
    --tri-t-con-jc: space-between;
    --img-tri-w: min(50%, 600px);
    --head-p-w: 40%;
    --head-p-fs: min(5vmin, 18px);
    --head-p-my: unset;
    --mas-els-w: 100%;
  }
  body section:nth-of-type(even) .triade-text-container {
    flex-direction: row-reverse !important;
  }
}
@media screen and (min-width: 1200px) {
  body {
    --head-pt: min(4vmin, 50px);
    --tri-t-con-w: 100%;
    --img-tri-w: min(100%, 1000px);
    --head-p-w: 80%;
    --head-p-fs: min(4vmin, 28px);
    --head-p-my: min(3vmin, 30px);
    --mas-els-w: 80%;
    --art-pt: min(5vmin, 100px);
    --art-p-spacing: min(3vmin, 20px);
  }
}
@media screen and (min-width: 1200px) and (min-aspect-ratio: 1) {
  body {
    --head-pt: min(5vmin, 30px);
    --tri-t-con-w: 100%;
    --tri-t-con-fdir: row;
    --tri-t-con-jc: space-between;
    --img-tri-w: min(50%, 600px);
    --head-p-w: 40%;
    --head-p-fs: min(5vmin, 18px);
    --head-p-my: unset;
    --mas-els-w: 100%;
  }
  body section:nth-of-type(even) .triade-text-container {
    flex-direction: row-reverse !important;
  }
  body main article p {
    font-size: 1em;
  }
  body main article ul li a {
    font-size: 1em;
  }
}

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