@font-face { font-family: TildaSans; src: url('../assets/fonts/TildaSans-VF.woff2') format('woff2'); font-weight: 250 900; font-style: normal; font-display: swap; }
@font-face { font-family: Literata; src: url('../assets/fonts/Literata-latin.woff2') format('woff2'); font-weight: 200 900; font-style: normal; font-display: swap; 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+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: Literata; src: url('../assets/fonts/Literata-cyrillic.woff2') format('woff2'); font-weight: 200 900; font-style: normal; font-display: swap; unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; }
:root { --cream: #e9e2da; --cream-2: #e9e2db; --wine: #412029; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--cream); color: var(--wine); font-family: TildaSans, Arial, sans-serif; letter-spacing: 0; }
h1,h2,h3,p,figure { margin: 0; }
a { color: inherit; text-decoration: none; }
img { display: block; object-fit: fill; object-position: 50% 50%; }
main > section, .footer { position: relative; }
.section-light,.about { background: var(--cream); }
.section-dark,.footer { color: var(--cream); background: var(--wine); }
.cabinet { background: var(--cream-2); }
.education { background: #b5c5d4; }
.section-title,.hero__name,.about__text p > span { font-family: Literata, Arial, sans-serif; }
.section-title { font-weight: 400; }
.hero__name { font-weight: 200; }
.hero__frame::before { content: ''; box-sizing: border-box; border: 1px solid var(--wine); z-index: 2; pointer-events: none; }
.hero__photo { z-index: 1; }
.hero__topline span,.hero__name span,.hero__quote > * { z-index: 2; }
.button { display: flex; align-items: center; justify-content: center; isolation: isolate; overflow: clip; background: var(--wine); color: var(--cream); border: 1px solid var(--wine); border-radius: 30px; }
.button__shine { position: absolute; inset: 0; transform: translateX(-85px); animation: shine 3s linear infinite; pointer-events: none; }
.button__shine::before { content: ''; position: absolute; left: 30px; top: 0; width: 45px; height: 100%; background: linear-gradient(90deg,rgba(255,255,255,.1),rgba(255,255,255,.4)); transform: skewX(-45deg); }
@keyframes shine { 30%,100% { transform: translateX(100%); } }
a:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }
.issue::before,.price-row::before,.timeline__item::before { content: ''; pointer-events: none; }
.issue::before { background: var(--cream); }
.price-row::before { background: #000; }
.timeline__item::before { background: var(--wine); }
/* Preserve thin strokes when browser print backgrounds are disabled. */
.issue::before,.price-row::before,.timeline__item::before { print-color-adjust: exact; -webkit-print-color-adjust: exact; }
.about__header::before { content: ''; position: absolute; left: 50%; transform: translateX(-50%); width: min(1600px, 100%); top: 20px; height: 50px; background: var(--wine); color: var(--cream); }
.about__text,.ethics__list { position: absolute; font-weight: 400; }
.about__text p,.ethics__list p { margin-bottom: 1lh; }
.about__text p:last-child,.ethics__list p:last-child { margin-bottom: 0; }
.about__text p > span,.ethics__list p::before { position: absolute; }
.ethics__list p::before { content: ''; background: var(--wine); border-radius: 0 0 50px 50px; }
.footer p { opacity: .8; }
.about__title { color: var(--cream); }
.break-mobile { display: none; }
/* Fixed-format compositions use measured section-relative coordinates, not page scaling. */
.hero { height: 850px; }
.issues { height: 800px; }
.consultations { height: 550px; }
.cabinet { height: 680px; }
.about { height: 600px; }
.education { height: 600px; }
.ethics { height: 750px; }
.footer { height: 200px; }
.hero__frame::before { position: absolute; left: calc(50% + -479px); top: 50px; width: 960px; height: 611px; }
.hero__photo { position: absolute; left: calc(50% + -479px); top: 51px; width: 458px; height: 610.117px; }
.hero__topline span:first-child { position: absolute; left: calc(50% + -21px); top: 64px; width: 179px; font-size: 20px; font-weight: 500; line-height: 31px; text-align: right; }
.hero__topline span:last-child { position: absolute; left: calc(50% + 179px); top: 64px; width: 241px; font-size: 20px; font-weight: 300; line-height: 31px; text-align: right; }
.hero__firstname { position: absolute; left: calc(50% + 24px); top: 311px; width: 540px; font-size: 60px; font-weight: 200; line-height: 93px; text-align: center; }
.hero__surname { position: absolute; left: calc(50% + -141px); top: 236px; width: 540px; font-size: 60px; font-weight: 200; line-height: 93px; text-align: center; }
.hero__quote-end { position: absolute; left: calc(50% + 140px); top: 527px; width: 381px; font-size: 20px; font-weight: 300; line-height: 25px; text-align: start; }
.hero__quote strong { position: absolute; left: calc(50% + 21px); top: 502px; width: 381px; font-size: 20px; font-weight: 500; line-height: 25px; text-align: start; }
.hero__quote-start { position: absolute; left: calc(50% + 100px); top: 502px; width: 381px; font-size: 20px; font-weight: 300; line-height: 25px; text-align: start; }
.hero__button { position: absolute; left: calc(50% + -200px); top: 722px; width: 400px; font-size: 20px; font-weight: 500; line-height: 28px; text-align: center; height: 50px; }
.issues__title span:first-child { position: absolute; left: calc(50% + -231px); top: 48px; width: 377px; font-size: 30px; font-weight: 300; line-height: 47px; text-align: right; font-family: Literata, Arial, sans-serif; }
.issues__title span:last-child { position: absolute; left: calc(50% + 18px); top: 82px; width: 388px; font-size: 30px; font-weight: 300; line-height: 47px; text-align: right; font-family: Literata, Arial, sans-serif; }
.issue:nth-child(1) h3 { position: absolute; left: calc(50% + -460px); top: 186px; width: 349px; font-size: 20px; font-weight: 400; line-height: 31px; text-align: start; }
.issue:nth-child(1) p { position: absolute; left: calc(50% + -460px); top: 226px; width: 306px; font-size: 18px; font-weight: 300; line-height: 22px; text-align: start; }
.issue:nth-child(1)::before { position: absolute; left: calc(50% + -477.7265625px); top: 215.63671875px; width: 445.703125px; height: 1.2734375px; }
.issue:nth-child(2) h3 { position: absolute; left: calc(50% + -460px); top: 321px; width: 349px; font-size: 20px; font-weight: 400; line-height: 31px; text-align: start; }
.issue:nth-child(2) p { position: absolute; left: calc(50% + -460px); top: 357px; width: 349px; font-size: 18px; font-weight: 300; line-height: 22px; text-align: start; }
.issue:nth-child(2)::before { position: absolute; left: calc(50% + -478.7265625px); top: 350.63671875px; width: 445.703125px; height: 1.2734375px; }
.issue:nth-child(3) h3 { position: absolute; left: calc(50% + -460px); top: 428px; width: 349px; font-size: 20px; font-weight: 400; line-height: 31px; text-align: start; }
.issue:nth-child(3) p { position: absolute; left: calc(50% + -460px); top: 470px; width: 349px; font-size: 18px; font-weight: 300; line-height: 22px; text-align: start; }
.issue:nth-child(3)::before { position: absolute; left: calc(50% + -477.7265625px); top: 459.63671875px; width: 445.703125px; height: 1.2734375px; }
.issue:nth-child(4) h3 { position: absolute; left: calc(50% + -460px); top: 536px; width: 414px; font-size: 20px; font-weight: 400; line-height: 31px; text-align: start; }
.issue:nth-child(4) p { position: absolute; left: calc(50% + -460px); top: 577px; width: 349px; font-size: 18px; font-weight: 300; line-height: 22px; text-align: start; }
.issue:nth-child(4)::before { position: absolute; left: calc(50% + -477.7265625px); top: 565.63671875px; width: 445.703125px; height: 1.2734375px; }
.issue:nth-child(5) h3 { position: absolute; left: calc(50% + 79px); top: 183px; width: 479px; font-size: 20px; font-weight: 400; line-height: 31px; text-align: start; }
.issue:nth-child(5) p { position: absolute; left: calc(50% + 79px); top: 226px; width: 431px; font-size: 18px; font-weight: 300; line-height: 22px; text-align: start; }
.issue:nth-child(5)::before { position: absolute; left: calc(50% + 66.2734375px); top: 214.63671875px; width: 445.703125px; height: 1.2734375px; }
.issue:nth-child(6) h3 { position: absolute; left: calc(50% + 79px); top: 319px; width: 349px; font-size: 20px; font-weight: 400; line-height: 31px; text-align: start; }
.issue:nth-child(6) p { position: absolute; left: calc(50% + 79px); top: 357px; width: 431px; font-size: 18px; font-weight: 300; line-height: 22px; text-align: start; }
.issue:nth-child(6)::before { position: absolute; left: calc(50% + 66.2734375px); top: 350.63671875px; width: 445.703125px; height: 1.2734375px; }
.issue:nth-child(7) h3 { position: absolute; left: calc(50% + 79px); top: 430px; width: 349px; font-size: 20px; font-weight: 400; line-height: 31px; text-align: start; }
.issue:nth-child(7) p { position: absolute; left: calc(50% + 79px); top: 470px; width: 431px; font-size: 18px; font-weight: 300; line-height: 22px; text-align: start; }
.issue:nth-child(7)::before { position: absolute; left: calc(50% + 66.2734375px); top: 459.63671875px; width: 445.703125px; height: 1.2734375px; }
.issue:nth-child(8) h3 { position: absolute; left: calc(50% + 79px); top: 534px; width: 414px; font-size: 20px; font-weight: 400; line-height: 31px; text-align: start; }
.issue:nth-child(8) p { position: absolute; left: calc(50% + 79px); top: 577px; width: 346px; font-size: 18px; font-weight: 300; line-height: 22px; text-align: start; }
.issue:nth-child(8)::before { position: absolute; left: calc(50% + 66.2734375px); top: 565.63671875px; width: 445.703125px; height: 1.2734375px; }
.consultations__title { position: absolute; left: calc(50% + -380px); top: 60px; width: 518px; font-size: 30px; font-weight: 400; line-height: 47px; text-align: center; font-family: Literata, Arial, sans-serif; }
.consultations__duration { position: absolute; left: calc(50% + -41px); top: 112px; width: 237px; font-size: 20px; font-weight: 400; line-height: 31px; text-align: start; }
.consultations__button { position: absolute; left: calc(50% + -200px); top: 442px; width: 400px; font-size: 20px; font-weight: 400; line-height: 31px; text-align: center; height: 50px; }
.price-row:nth-child(1) .price-row__name { position: absolute; left: calc(50% + -379px); top: 173px; width: 148px; font-size: 20px; font-weight: 600; line-height: 31px; text-align: start; }
.price-row:nth-child(1) .price-row__price { position: absolute; left: calc(50% + 203px); top: 173px; width: 180px; font-size: 20px; font-weight: 600; line-height: 31px; text-align: right; }
.price-row:nth-child(1) .price-row__note { position: absolute; left: calc(50% + -380px); top: 216px; width: 206px; font-size: 20px; font-weight: 400; line-height: 31px; text-align: start; }
.price-row:nth-child(2) .price-row__name { position: absolute; left: calc(50% + -379px); top: 281px; width: 129px; font-size: 20px; font-weight: 600; line-height: 31px; text-align: start; }
.price-row:nth-child(2) .price-row__price { position: absolute; left: calc(50% + 227px); top: 281px; width: 156px; font-size: 20px; font-weight: 600; line-height: 31px; text-align: right; }
.price-row:nth-child(2) .price-row__note { position: absolute; left: calc(50% + -380px); top: 324px; width: 375px; font-size: 20px; font-weight: 400; line-height: 24px; text-align: start; }
.price-row:nth-child(1)::before { position: absolute; left: calc(50% + -419.0078125px); top: 209.49609537px; width: 831.5px; height: 0.992184259px; }
.price-row:nth-child(2)::before { position: absolute; left: calc(50% + -419.0078125px); top: 317.49609537px; width: 831.5px; height: 0.992184259px; }
.cabinet__item--one img { position: absolute; left: calc(50% + 20px); top: 60px; width: 360px; height: 480px; }
.cabinet__item--two img { position: absolute; left: calc(50% + -380px); top: 120px; width: 360px; height: 504.703px; }
.cabinet__title { position: absolute; left: calc(50% + -307px); top: 43px; width: 211px; font-size: 30px; font-weight: 400; line-height: 47px; text-align: center; font-family: Literata, Arial, sans-serif; }
.about__title { position: absolute; left: calc(50% + -280px); top: 21px; width: 224px; font-size: 30px; font-weight: 300; line-height: 47px; text-align: start; font-family: Literata, Arial, sans-serif; }
.education__title { position: absolute; left: calc(50% + -280px); top: 50px; width: 261px; font-size: 30px; font-weight: 400; line-height: 47px; text-align: start; font-family: Literata, Arial, sans-serif; }
.timeline__item:nth-child(1) h3 { position: absolute; left: calc(50% + -403px); top: 139px; width: 144px; font-size: 18px; font-weight: 500; line-height: 22px; text-align: start; }
.timeline__item:nth-child(1) p { position: absolute; left: calc(50% + -403px); top: 165px; width: 349px; font-size: 14px; font-weight: 300; line-height: 17px; text-align: start; }
.timeline__item:nth-child(1) time { position: absolute; left: calc(50% + -479px); top: 157px; width: 59px; font-size: 14px; font-weight: 300; line-height: 22px; text-align: right; }
.timeline__item:nth-child(1)::before { position: absolute; left: calc(50% + -511px); top: 149px; width: 100.75px; height: 2px; }
.timeline__item:nth-child(2) h3 { position: absolute; left: calc(50% + -403px); top: 277px; width: 267px; font-size: 18px; font-weight: 500; line-height: 22px; text-align: start; }
.timeline__item:nth-child(2) p { position: absolute; left: calc(50% + -403px); top: 326px; width: 267px; font-size: 14px; font-weight: 300; line-height: 17px; text-align: start; }
.timeline__item:nth-child(2) time { position: absolute; left: calc(50% + -497px); top: 295px; width: 79px; font-size: 14px; font-weight: 300; line-height: 22px; text-align: right; }
.timeline__item:nth-child(2)::before { position: absolute; left: calc(50% + -511px); top: 287px; width: 100.75px; height: 2px; }
.timeline__item:nth-child(3) h3 { position: absolute; left: calc(50% + -403px); top: 413px; width: 327px; font-size: 18px; font-weight: 500; line-height: 22px; text-align: start; }
.timeline__item:nth-child(3) p { position: absolute; left: calc(50% + -403px); top: 439px; width: 327px; font-size: 14px; font-weight: 300; line-height: 17px; text-align: start; }
.timeline__item:nth-child(3) time { position: absolute; left: calc(50% + -509px); top: 431px; width: 91px; font-size: 14px; font-weight: 300; line-height: 22px; text-align: right; }
.timeline__item:nth-child(3)::before { position: absolute; left: calc(50% + -511px); top: 423px; width: 100.75px; height: 2px; }
.timeline__item:nth-child(4) h3 { position: absolute; left: calc(50% + 137px); top: 137px; width: 376px; font-size: 18px; font-weight: 500; line-height: 22px; text-align: start; }
.timeline__item:nth-child(4) p { position: absolute; left: calc(50% + 137px); top: 189px; width: 376px; font-size: 14px; font-weight: 300; line-height: 17px; text-align: start; }
.timeline__item:nth-child(4) time { position: absolute; left: calc(50% + 35px); top: 157px; width: 87px; font-size: 14px; font-weight: 300; line-height: 22px; text-align: right; }
.timeline__item:nth-child(4)::before { position: absolute; left: calc(50% + 29px); top: 149px; width: 100.75px; height: 2px; }
.timeline__item:nth-child(5) h3 { position: absolute; left: calc(50% + 137px); top: 276px; width: 376px; font-size: 18px; font-weight: 500; line-height: 22px; text-align: start; }
.timeline__item:nth-child(5) p { position: absolute; left: calc(50% + 137px); top: 302px; width: 376px; font-size: 14px; font-weight: 300; line-height: 17px; text-align: start; }
.timeline__item:nth-child(5) time { position: absolute; left: calc(50% + 53px); top: 295px; width: 69px; font-size: 14px; font-weight: 300; line-height: 22px; text-align: right; }
.timeline__item:nth-child(5)::before { position: absolute; left: calc(50% + 29px); top: 287px; width: 100.75px; height: 2px; }
.timeline__item:nth-child(6) h3 { position: absolute; left: calc(50% + 137px); top: 412px; width: 376px; font-size: 18px; font-weight: 500; line-height: 22px; text-align: start; }
.timeline__item:nth-child(6) p { position: absolute; left: calc(50% + 137px); top: 439px; width: 376px; font-size: 14px; font-weight: 300; line-height: 17px; text-align: start; }
.timeline__item:nth-child(6) time { position: absolute; left: calc(50% + 46px); top: 431px; width: 76px; font-size: 14px; font-weight: 300; line-height: 22px; text-align: right; }
.timeline__item:nth-child(6)::before { position: absolute; left: calc(50% + 29px); top: 423px; width: 100.75px; height: 2px; }
.ethics__profession { position: absolute; left: calc(50% + -358px); top: 40px; width: 307px; font-size: 30px; font-weight: 400; line-height: 47px; text-align: right; font-family: Literata, Arial, sans-serif; }
.ethics__and { position: absolute; left: calc(50% + -31px); top: 87px; width: 30px; font-size: 30px; font-weight: 400; line-height: 47px; text-align: start; font-family: Literata, Arial, sans-serif; }
.ethics__standards { position: absolute; left: calc(50% + 8px); top: 87px; width: 350px; font-size: 30px; font-weight: 400; line-height: 47px; text-align: start; font-family: Literata, Arial, sans-serif; }
.ethics__button { position: absolute; left: calc(50% + -200px); top: 616px; width: 400px; font-size: 20px; font-weight: 500; line-height: 31px; text-align: center; height: 50px; }
.footer p { position: absolute; left: calc(50% + -480px); top: 139px; width: 960px; font-size: 14px; font-weight: 400; line-height: 21px; text-align: right; }
.footer__nav a:nth-child(1) { position: absolute; left: calc(50% + -480px); top: 40px; width: 107px; font-size: 18px; font-weight: 600; line-height: 28px; text-align: start; }
.footer__nav a:nth-child(2) { position: absolute; left: calc(50% + -67px); top: 40px; width: 127px; font-size: 18px; font-weight: 600; line-height: 28px; text-align: start; }
.footer__nav a:nth-child(3) { position: absolute; left: calc(50% + 369px); top: 40px; width: 124px; font-size: 18px; font-weight: 600; line-height: 28px; text-align: start; }
.about__text { position: absolute; left: calc(50% + -320px); top: 106px; width: 761px; font-size: 18px; line-height: 26px; height: 399px; padding: 17.5px 0; }
.about__text p:nth-child(1) > span { left: -45px; top: 12px; width: 45px; font-size: 20px; font-weight: 500; line-height: 31px; }
.about__text p:nth-child(2) > span { left: -45px; top: 169px; width: 45px; font-size: 20px; font-weight: 500; line-height: 31px; }
.about__text p:nth-child(3) > span { left: -45px; top: 271px; width: 45px; font-size: 20px; font-weight: 500; line-height: 31px; }
.about__text p:nth-child(4) > span { left: -45px; top: 325px; width: 45px; font-size: 20px; font-weight: 500; line-height: 31px; }
.ethics__list { position: absolute; left: calc(50% + -380px); top: 182px; width: 856px; font-size: 18px; line-height: 28px; }
.ethics__list p:nth-child(1)::before { left: -65px; top: 10px; width: 38px; height: 21px; }
.ethics__list p:nth-child(2)::before { left: -65px; top: 98px; width: 38px; height: 21px; }
.ethics__list p:nth-child(3)::before { left: -65px; top: 203px; width: 38px; height: 21px; }
.ethics__list p:nth-child(4)::before { left: -65px; top: 316px; width: 38px; height: 21px; }
@media (min-width: 960px) and (max-width: 1199px) {
.hero { height: 700px; }
.issues { height: 700px; }
.consultations { height: 500px; }
.cabinet { height: 800px; }
.about { height: 580px; }
.education { height: 800px; }
.ethics { height: 800px; }
.footer { height: 200px; }
.hero__frame::before { position: absolute; left: calc(50% + -390px); top: 60px; width: 780px; height: 491px; }
.hero__photo { position: absolute; left: calc(50% + -389px); top: 61px; width: 367px; height: 488.891px; }
.hero__topline span:first-child { position: absolute; left: calc(50% + -50px); top: 69px; width: 179px; font-size: 20px; font-weight: 500; line-height: 31px; text-align: right; }
.hero__topline span:last-child { position: absolute; left: calc(50% + 77px); top: 69px; width: 300px; font-size: 20px; font-weight: 300; line-height: 31px; text-align: right; }
.hero__firstname { position: absolute; left: calc(50% + 46px); top: 272px; width: 402px; font-size: 60px; font-weight: 200; line-height: 93px; text-align: center; }
.hero__surname { position: absolute; left: calc(50% + -94px); top: 201px; width: 390px; font-size: 60px; font-weight: 200; line-height: 93px; text-align: center; }
.hero__quote-end { position: absolute; left: calc(50% + 93px); top: 480px; width: 297px; font-size: 20px; font-weight: 300; line-height: 25px; text-align: left; }
.hero__quote strong { position: absolute; left: calc(50% + -5px); top: 454px; width: 387px; font-size: 20px; font-weight: 500; line-height: 25px; text-align: left; }
.hero__quote-start { position: absolute; left: calc(50% + 74px); top: 454px; width: 387px; font-size: 20px; font-weight: 300; line-height: 25px; text-align: left; }
.hero__button { position: absolute; left: calc(50% + -200px); top: 601px; width: 300px; font-size: 14px; font-weight: 500; line-height: 19.6px; text-align: center; height: 40px; }
.issues__title span:first-child { position: absolute; left: calc(50% + -355px); top: 50px; width: 377px; font-size: 30px; font-weight: 300; line-height: 47px; text-align: right; font-family: Literata, Arial, sans-serif; }
.issues__title span:last-child { position: absolute; left: calc(50% + -123px); top: 84px; width: 388px; font-size: 30px; font-weight: 300; line-height: 47px; text-align: right; font-family: Literata, Arial, sans-serif; }
.issue:nth-child(1) h3 { position: absolute; left: calc(50% + -406px); top: 187px; width: 349px; font-size: 14px; font-weight: 400; line-height: 22px; text-align: start; }
.issue:nth-child(1) p { position: absolute; left: calc(50% + -406px); top: 221px; width: 306px; font-size: 12px; font-weight: 300; line-height: 14px; text-align: start; }
.issue:nth-child(1)::before { position: absolute; left: calc(50% + -427.8671875px); top: 215.56640625px; width: 396.484375px; height: 1.1328125px; }
.issue:nth-child(2) h3 { position: absolute; left: calc(50% + -406px); top: 323px; width: 349px; font-size: 14px; font-weight: 400; line-height: 22px; text-align: start; }
.issue:nth-child(2) p { position: absolute; left: calc(50% + -406px); top: 357px; width: 312px; font-size: 12px; font-weight: 300; line-height: 14px; text-align: start; }
.issue:nth-child(2)::before { position: absolute; left: calc(50% + -428.8671875px); top: 350.56640625px; width: 396.484375px; height: 1.1328125px; }
.issue:nth-child(3) h3 { position: absolute; left: calc(50% + -406px); top: 430px; width: 312px; font-size: 14px; font-weight: 400; line-height: 22px; text-align: start; }
.issue:nth-child(3) p { position: absolute; left: calc(50% + -406px); top: 466px; width: 317px; font-size: 12px; font-weight: 300; line-height: 14px; text-align: start; }
.issue:nth-child(3)::before { position: absolute; left: calc(50% + -427.8671875px); top: 459.56640625px; width: 396.484375px; height: 1.1328125px; }
.issue:nth-child(4) h3 { position: absolute; left: calc(50% + -406px); top: 538px; width: 349px; font-size: 14px; font-weight: 400; line-height: 22px; text-align: start; }
.issue:nth-child(4) p { position: absolute; left: calc(50% + -406px); top: 572px; width: 349px; font-size: 12px; font-weight: 300; line-height: 14px; text-align: start; }
.issue:nth-child(4)::before { position: absolute; left: calc(50% + -427.8671875px); top: 565.56640625px; width: 396.484375px; height: 1.1328125px; }
.issue:nth-child(5) h3 { position: absolute; left: calc(50% + 59px); top: 184px; width: 326px; font-size: 14px; font-weight: 400; line-height: 22px; text-align: start; }
.issue:nth-child(5) p { position: absolute; left: calc(50% + 59px); top: 221px; width: 322px; font-size: 12px; font-weight: 300; line-height: 14px; text-align: start; }
.issue:nth-child(5)::before { position: absolute; left: calc(50% + 31.1328125px); top: 214.56640625px; width: 396.484375px; height: 1.1328125px; }
.issue:nth-child(6) h3 { position: absolute; left: calc(50% + 59px); top: 321px; width: 349px; font-size: 14px; font-weight: 400; line-height: 22px; text-align: start; }
.issue:nth-child(6) p { position: absolute; left: calc(50% + 59px); top: 357px; width: 349px; font-size: 12px; font-weight: 300; line-height: 14px; text-align: start; }
.issue:nth-child(6)::before { position: absolute; left: calc(50% + 31.1328125px); top: 350.56640625px; width: 396.484375px; height: 1.1328125px; }
.issue:nth-child(7) h3 { position: absolute; left: calc(50% + 59px); top: 432px; width: 349px; font-size: 14px; font-weight: 400; line-height: 22px; text-align: start; }
.issue:nth-child(7) p { position: absolute; left: calc(50% + 59px); top: 466px; width: 358px; font-size: 12px; font-weight: 300; line-height: 14px; text-align: start; }
.issue:nth-child(7)::before { position: absolute; left: calc(50% + 31.1328125px); top: 459.56640625px; width: 396.484375px; height: 1.1328125px; }
.issue:nth-child(8) h3 { position: absolute; left: calc(50% + 59px); top: 536px; width: 297px; font-size: 14px; font-weight: 400; line-height: 22px; text-align: start; }
.issue:nth-child(8) p { position: absolute; left: calc(50% + 59px); top: 572px; width: 346px; font-size: 12px; font-weight: 300; line-height: 14px; text-align: start; }
.issue:nth-child(8)::before { position: absolute; left: calc(50% + 31.1328125px); top: 565.56640625px; width: 396.484375px; height: 1.1328125px; }
.consultations__title { position: absolute; left: calc(50% + -377px); top: 30px; width: 518px; font-size: 30px; font-weight: 400; line-height: 47px; text-align: center; font-family: Literata, Arial, sans-serif; }
.consultations__duration { position: absolute; left: calc(50% + -38px); top: 82px; width: 237px; font-size: 20px; font-weight: 400; line-height: 31px; text-align: start; }
.consultations__button { position: absolute; left: calc(50% + -200px); top: 412px; width: 400px; font-size: 20px; font-weight: 400; line-height: 31px; text-align: center; height: 50px; }
.price-row:nth-child(1) .price-row__name { position: absolute; left: calc(50% + -376px); top: 143px; width: 148px; font-size: 20px; font-weight: 600; line-height: 31px; text-align: start; }
.price-row:nth-child(1) .price-row__price { position: absolute; left: calc(50% + 206px); top: 143px; width: 180px; font-size: 20px; font-weight: 600; line-height: 31px; text-align: right; }
.price-row:nth-child(1) .price-row__note { position: absolute; left: calc(50% + -377px); top: 186px; width: 206px; font-size: 20px; font-weight: 400; line-height: 31px; text-align: start; }
.price-row:nth-child(2) .price-row__name { position: absolute; left: calc(50% + -376px); top: 251px; width: 129px; font-size: 20px; font-weight: 600; line-height: 31px; text-align: start; }
.price-row:nth-child(2) .price-row__price { position: absolute; left: calc(50% + 230px); top: 251px; width: 156px; font-size: 20px; font-weight: 600; line-height: 31px; text-align: right; }
.price-row:nth-child(2) .price-row__note { position: absolute; left: calc(50% + -377px); top: 294px; width: 375px; font-size: 20px; font-weight: 400; line-height: 24px; text-align: start; }
.price-row:nth-child(1)::before { position: absolute; left: calc(50% + -416.007815755px); top: 179.496092122px; width: 831.50000651px; height: 0.992184245px; }
.price-row:nth-child(2)::before { position: absolute; left: calc(50% + -416.007815755px); top: 287.496092122px; width: 831.50000651px; height: 0.992184245px; }
.cabinet__item--one img { position: absolute; left: calc(50% + 30px); top: 113px; width: 360px; height: 480px; }
.cabinet__item--two img { position: absolute; left: calc(50% + -370px); top: 173px; width: 360px; height: 505px; }
.cabinet__title { position: absolute; left: calc(50% + -310px); top: 91px; width: 211px; font-size: 30px; font-weight: 400; line-height: 47px; text-align: center; font-family: Literata, Arial, sans-serif; }
.about__title { position: absolute; left: calc(50% + -312px); top: 31px; width: 224px; font-size: 30px; font-weight: 300; line-height: 47px; text-align: start; font-family: Literata, Arial, sans-serif; }
.education__title { position: absolute; left: calc(50% + -160px); top: 50px; width: 261px; font-size: 30px; font-weight: 400; line-height: 47px; text-align: start; font-family: Literata, Arial, sans-serif; }
.timeline__item:nth-child(1) h3 { position: absolute; left: calc(50% + -300px); top: 139px; width: 320px; font-size: 18px; font-weight: 500; line-height: 22px; text-align: start; }
.timeline__item:nth-child(1) p { position: absolute; left: calc(50% + -300px); top: 165px; width: 320px; font-size: 14px; font-weight: 300; line-height: 17px; text-align: start; }
.timeline__item:nth-child(1) time { position: absolute; left: calc(50% + -380px); top: 157px; width: 65px; font-size: 14px; font-weight: 300; line-height: 22px; text-align: right; }
.timeline__item:nth-child(1)::before { position: absolute; left: calc(50% + -388.47673031px); top: 148.761634845px; width: 76.734710621px; height: 1.52326969px; }
.timeline__item:nth-child(2) h3 { position: absolute; left: calc(50% + -300px); top: 277px; width: 320px; font-size: 18px; font-weight: 500; line-height: 22px; text-align: start; }
.timeline__item:nth-child(2) p { position: absolute; left: calc(50% + -300px); top: 326px; width: 320px; font-size: 14px; font-weight: 300; line-height: 17px; text-align: start; }
.timeline__item:nth-child(2) time { position: absolute; left: calc(50% + -380px); top: 295px; width: 65px; font-size: 14px; font-weight: 300; line-height: 22px; text-align: right; }
.timeline__item:nth-child(2)::before { position: absolute; left: calc(50% + -388.47673031px); top: 286.761634845px; width: 76.734710621px; height: 1.52326969px; }
.timeline__item:nth-child(3) h3 { position: absolute; left: calc(50% + -300px); top: 413px; width: 320px; font-size: 18px; font-weight: 500; line-height: 22px; text-align: start; }
.timeline__item:nth-child(3) p { position: absolute; left: calc(50% + -300px); top: 439px; width: 320px; font-size: 14px; font-weight: 300; line-height: 17px; text-align: start; }
.timeline__item:nth-child(3) time { position: absolute; left: calc(50% + -380px); top: 431px; width: 65px; font-size: 14px; font-weight: 300; line-height: 22px; text-align: right; }
.timeline__item:nth-child(3)::before { position: absolute; left: calc(50% + -388.47673031px); top: 422.761634845px; width: 76.734710621px; height: 1.52326969px; }
.timeline__item:nth-child(4) h3 { position: absolute; left: calc(50% + 100px); top: 139px; width: 320px; font-size: 18px; font-weight: 500; line-height: 22px; text-align: start; }
.timeline__item:nth-child(4) p { position: absolute; left: calc(50% + 100px); top: 188px; width: 320px; font-size: 14px; font-weight: 300; line-height: 17px; text-align: start; }
.timeline__item:nth-child(4) time { position: absolute; left: calc(50% + 20px); top: 157px; width: 65px; font-size: 14px; font-weight: 300; line-height: 22px; text-align: right; }
.timeline__item:nth-child(4)::before { position: absolute; left: calc(50% + 11.52326969px); top: 148.761634845px; width: 76.734710621px; height: 1.52326969px; }
.timeline__item:nth-child(5) h3 { position: absolute; left: calc(50% + 100px); top: 277px; width: 320px; font-size: 18px; font-weight: 500; line-height: 22px; text-align: start; }
.timeline__item:nth-child(5) p { position: absolute; left: calc(50% + 100px); top: 303px; width: 320px; font-size: 14px; font-weight: 300; line-height: 17px; text-align: start; }
.timeline__item:nth-child(5) time { position: absolute; left: calc(50% + 20px); top: 295px; width: 65px; font-size: 14px; font-weight: 300; line-height: 22px; text-align: right; }
.timeline__item:nth-child(5)::before { position: absolute; left: calc(50% + 11.52326969px); top: 286.761634845px; width: 76.734710621px; height: 1.52326969px; }
.timeline__item:nth-child(6) h3 { position: absolute; left: calc(50% + 100px); top: 413px; width: 320px; font-size: 18px; font-weight: 500; line-height: 22px; text-align: start; }
.timeline__item:nth-child(6) p { position: absolute; left: calc(50% + 100px); top: 439px; width: 320px; font-size: 14px; font-weight: 300; line-height: 17px; text-align: start; }
.timeline__item:nth-child(6) time { position: absolute; left: calc(50% + 20px); top: 431px; width: 65px; font-size: 14px; font-weight: 300; line-height: 22px; text-align: right; }
.timeline__item:nth-child(6)::before { position: absolute; left: calc(50% + 11.52326969px); top: 422.761634845px; width: 76.734710621px; height: 1.52326969px; }
.ethics__profession { position: absolute; left: calc(50% - 260px); top: 40px; width: 307px; font-size: 30px; font-weight: 400; line-height: 47px; text-align: right; font-family: Literata, Arial, sans-serif; }
.ethics__and { position: absolute; left: calc(50% + 67px); top: 87px; width: 30px; font-size: 30px; font-weight: 400; line-height: 47px; text-align: start; font-family: Literata, Arial, sans-serif; }
.ethics__standards { position: absolute; left: calc(50% + 106px); top: 87px; width: 350px; font-size: 30px; font-weight: 400; line-height: 47px; text-align: start; font-family: Literata, Arial, sans-serif; }
.ethics__button { position: absolute; left: calc(50% - 200px); top: 730px; width: 400px; font-size: 20px; font-weight: 500; line-height: 31px; text-align: center; height: 50px; }
.footer p { position: absolute; left: calc(50% + -390px); top: 139px; width: 780px; font-size: 14px; font-weight: 400; line-height: 21px; text-align: right; }
.footer__nav a:nth-child(1) { position: absolute; left: calc(50% + -390px); top: 40px; width: 107px; font-size: 14px; font-weight: 600; line-height: 22px; text-align: start; }
.footer__nav a:nth-child(2) { position: absolute; left: calc(50% + -62px); top: 40px; width: 127px; font-size: 14px; font-weight: 600; line-height: 22px; text-align: start; }
.footer__nav a:nth-child(3) { position: absolute; left: calc(50% + 304px); top: 40px; width: 109px; font-size: 14px; font-weight: 600; line-height: 22px; text-align: start; }
.about__text { position: absolute; left: calc(50% + -329px); top: 117px; width: 762px; font-size: 18px; line-height: 26px; height: auto; padding: 0; }
.about__text p:nth-child(1) > span { left: -45px; top: 3px; width: 45px; font-size: 20px; font-weight: 500; line-height: 31px; }
.about__text p:nth-child(2) > span { left: -45px; top: 160px; width: 45px; font-size: 20px; font-weight: 500; line-height: 31px; }
.about__text p:nth-child(3) > span { left: -45px; top: 263px; width: 45px; font-size: 20px; font-weight: 500; line-height: 31px; }
.about__text p:nth-child(4) > span { left: -45px; top: 317px; width: 45px; font-size: 20px; font-weight: 500; line-height: 31px; }
.ethics__list { position: absolute; left: calc(50% + -300px); top: 145px; width: 700px; font-size: 18px; line-height: 28px; }
.ethics__list p:nth-child(1)::before { left: -45px; top: 6px; width: 38px; height: 21px; position: absolute; }
.ethics__list p:nth-child(2)::before { left: -45px; top: 6px; width: 38px; height: 21px; position: absolute; }
.ethics__list p:nth-child(3)::before { left: -45px; top: 6px; width: 38px; height: 21px; position: absolute; }
.ethics__list p:nth-child(4)::before { left: -45px; top: 6px; width: 38px; height: 21px; position: absolute; }
 .ethics__list p { position: relative; }
}
@media (min-width: 640px) and (max-width: 959px) {
.hero { height: 1150px; }
.issues { height: 1000px; }
.consultations { height: 500px; }
.cabinet { height: 600px; }
.about { height: 800px; }
.education { height: 800px; }
.ethics { height: 800px; }
.footer { height: 150px; }
.hero__frame::before { position: absolute; left: calc(50% + -230px); top: 39px; width: 463px; height: 836px; }
.hero__photo { position: absolute; left: calc(50% + -229px); top: 96px; width: 461px; height: 614.117px; }
.hero__topline span:first-child { position: absolute; left: calc(50% + -191px); top: 50px; width: 136px; font-size: 20px; font-weight: 500; line-height: 31px; text-align: right; }
.hero__topline span:last-child { position: absolute; left: calc(50% + -54px); top: 50px; width: 246px; font-size: 20px; font-weight: 300; line-height: 31px; text-align: right; }
.hero__firstname { position: absolute; left: calc(50% + -134px); top: 772px; width: 402px; font-size: 60px; font-weight: 200; line-height: 93px; text-align: center; }
.hero__surname { position: absolute; left: calc(50% + -298px); top: 705px; width: 390px; font-size: 60px; font-weight: 200; line-height: 93px; text-align: center; }
.hero__quote-end { position: absolute; left: calc(50% + -68px); top: 941px; width: 300px; font-size: 20px; font-weight: 300; line-height: 25px; text-align: left; }
.hero__quote strong { position: absolute; left: calc(50% + -211px); top: 916px; width: 388px; font-size: 20px; font-weight: 500; line-height: 25px; text-align: left; }
.hero__quote-start { position: absolute; left: calc(50% + -130px); top: 916px; width: 280px; font-size: 20px; font-weight: 300; line-height: 25px; text-align: left; }
.hero__button { position: absolute; left: calc(50% + -150px); top: 1024px; width: 300px; font-size: 14px; font-weight: 500; line-height: 19.6px; text-align: center; height: 40px; }
.issues__title span:first-child { position: absolute; left: calc(50% + -201px); top: 50px; width: 377px; font-size: 30px; font-weight: 300; line-height: 47px; text-align: right; font-family: Literata, Arial, sans-serif; }
.issues__title span:last-child { position: absolute; left: calc(50% + -195px); top: 85px; width: 388px; font-size: 30px; font-weight: 300; line-height: 47px; text-align: right; font-family: Literata, Arial, sans-serif; }
.issue:nth-child(1) h3 { position: absolute; left: calc(50% + -220px); top: 187px; width: 349px; font-size: 14px; font-weight: 400; line-height: 22px; text-align: start; }
.issue:nth-child(1) p { position: absolute; left: calc(50% + -220px); top: 221px; width: 306px; font-size: 12px; font-weight: 300; line-height: 14px; text-align: start; }
.issue:nth-child(1)::before { position: absolute; left: calc(50% + -248.5859375px); top: 215.70703125px; width: 494.921875px; height: 1.4140625px; }
.issue:nth-child(2) h3 { position: absolute; left: calc(50% + -220px); top: 279px; width: 349px; font-size: 14px; font-weight: 400; line-height: 22px; text-align: start; }
.issue:nth-child(2) p { position: absolute; left: calc(50% + -220px); top: 315px; width: 312px; font-size: 12px; font-weight: 300; line-height: 14px; text-align: start; }
.issue:nth-child(2)::before { position: absolute; left: calc(50% + -248.5859375px); top: 308.70703125px; width: 494.921875px; height: 1.4140625px; }
.issue:nth-child(3) h3 { position: absolute; left: calc(50% + -220px); top: 373px; width: 349px; font-size: 14px; font-weight: 400; line-height: 22px; text-align: start; }
.issue:nth-child(3) p { position: absolute; left: calc(50% + -220px); top: 415px; width: 317px; font-size: 12px; font-weight: 300; line-height: 14px; text-align: start; }
.issue:nth-child(3)::before { position: absolute; left: calc(50% + -248.5859375px); top: 404.70703125px; width: 494.921875px; height: 1.4140625px; }
.issue:nth-child(4) h3 { position: absolute; left: calc(50% + -220px); top: 473px; width: 414px; font-size: 14px; font-weight: 400; line-height: 22px; text-align: start; }
.issue:nth-child(4) p { position: absolute; left: calc(50% + -220px); top: 514px; width: 349px; font-size: 12px; font-weight: 300; line-height: 14px; text-align: start; }
.issue:nth-child(4)::before { position: absolute; left: calc(50% + -248.5859375px); top: 502.70703125px; width: 494.921875px; height: 1.4140625px; }
.issue:nth-child(5) h3 { position: absolute; left: calc(50% + -220px); top: 572px; width: 326px; font-size: 14px; font-weight: 400; line-height: 22px; text-align: start; }
.issue:nth-child(5) p { position: absolute; left: calc(50% + -220px); top: 615px; width: 322px; font-size: 12px; font-weight: 300; line-height: 14px; text-align: start; }
.issue:nth-child(5)::before { position: absolute; left: calc(50% + -248.5859375px); top: 603.70703125px; width: 494.921875px; height: 1.4140625px; }
.issue:nth-child(6) h3 { position: absolute; left: calc(50% + -220px); top: 673px; width: 349px; font-size: 14px; font-weight: 400; line-height: 22px; text-align: start; }
.issue:nth-child(6) p { position: absolute; left: calc(50% + -220px); top: 711px; width: 349px; font-size: 12px; font-weight: 300; line-height: 14px; text-align: start; }
.issue:nth-child(6)::before { position: absolute; left: calc(50% + -248.5859375px); top: 704.70703125px; width: 494.921875px; height: 1.4140625px; }
.issue:nth-child(7) h3 { position: absolute; left: calc(50% + -220px); top: 769px; width: 349px; font-size: 14px; font-weight: 400; line-height: 22px; text-align: start; }
.issue:nth-child(7) p { position: absolute; left: calc(50% + -220px); top: 809px; width: 358px; font-size: 12px; font-weight: 300; line-height: 14px; text-align: start; }
.issue:nth-child(7)::before { position: absolute; left: calc(50% + -248.5859375px); top: 798.70703125px; width: 494.921875px; height: 1.4140625px; }
.issue:nth-child(8) h3 { position: absolute; left: calc(50% + -220px); top: 853px; width: 297px; font-size: 14px; font-weight: 400; line-height: 22px; text-align: start; }
.issue:nth-child(8) p { position: absolute; left: calc(50% + -220px); top: 896px; width: 346px; font-size: 12px; font-weight: 300; line-height: 14px; text-align: start; }
.issue:nth-child(8)::before { position: absolute; left: calc(50% + -248.5859375px); top: 884.70703125px; width: 494.921875px; height: 1.4140625px; }
.consultations__title { position: absolute; left: calc(50% + -337px); top: 30px; width: 518px; font-size: 30px; font-weight: 400; line-height: 47px; text-align: center; font-family: Literata, Arial, sans-serif; }
.consultations__duration { position: absolute; left: calc(50% + 2px); top: 82px; width: 237px; font-size: 20px; font-weight: 400; line-height: 31px; text-align: start; }
.consultations__button { position: absolute; left: calc(50% + -200px); top: 392px; width: 400px; font-size: 20px; font-weight: 400; line-height: 31px; text-align: center; height: 50px; }
.price-row:nth-child(1) .price-row__name { position: absolute; left: calc(50% + -229px); top: 143px; width: 148px; font-size: 20px; font-weight: 600; line-height: 31px; text-align: start; }
.price-row:nth-child(1) .price-row__price { position: absolute; left: calc(50% + 50px); top: 143px; width: 180px; font-size: 20px; font-weight: 600; line-height: 31px; text-align: right; }
.price-row:nth-child(1) .price-row__note { position: absolute; left: calc(50% + -230px); top: 186px; width: 206px; font-size: 20px; font-weight: 400; line-height: 31px; text-align: start; }
.price-row:nth-child(2) .price-row__name { position: absolute; left: calc(50% + -229px); top: 251px; width: 129px; font-size: 20px; font-weight: 600; line-height: 31px; text-align: start; }
.price-row:nth-child(2) .price-row__price { position: absolute; left: calc(50% + 74px); top: 251px; width: 156px; font-size: 20px; font-weight: 600; line-height: 31px; text-align: right; }
.price-row:nth-child(2) .price-row__note { position: absolute; left: calc(50% + -230px); top: 294px; width: 375px; font-size: 20px; font-weight: 400; line-height: 24px; text-align: start; }
.price-row:nth-child(1)::before { position: absolute; left: calc(50% + -249.406265259px); top: 179.29688337px; width: 497.578125px; height: 0.59373326px; }
.price-row:nth-child(2)::before { position: absolute; left: calc(50% + -249.406265259px); top: 287.29688337px; width: 497.578125px; height: 0.59373326px; }
.cabinet__item--one img { position: absolute; left: calc(50% + 12px); top: 67px; width: 294px; height: 392px; }
.cabinet__item--two img { position: absolute; left: calc(50% + -305px); top: 116px; width: 294px; height: 412.172px; }
.cabinet__title { position: absolute; left: calc(50% + -265px); top: 50px; width: 211px; font-size: 30px; font-weight: 400; line-height: 47px; text-align: center; font-family: Literata, Arial, sans-serif; }
.about__title { position: absolute; left: calc(50% + -152px); top: 31px; width: 224px; font-size: 30px; font-weight: 300; line-height: 47px; text-align: start; font-family: Literata, Arial, sans-serif; }
.education__title { position: absolute; left: calc(50% + 0px); top: 50px; width: 261px; font-size: 30px; font-weight: 400; line-height: 47px; text-align: start; font-family: Literata, Arial, sans-serif; }
.timeline__item:nth-child(1) h3 { position: absolute; left: calc(50% + -123px); top: 139px; width: 144px; font-size: 18px; font-weight: 500; line-height: 22px; text-align: start; }
.timeline__item:nth-child(1) p { position: absolute; left: calc(50% + -123px); top: 165px; width: 349px; font-size: 14px; font-weight: 300; line-height: 17px; text-align: start; }
.timeline__item:nth-child(1) time { position: absolute; left: calc(50% + -199px); top: 157px; width: 59px; font-size: 14px; font-weight: 300; line-height: 22px; text-align: right; }
.timeline__item:nth-child(1)::before { position: absolute; left: calc(50% + -231px); top: 149px; width: 100.75px; height: 2px; }
.timeline__item:nth-child(2) h3 { position: absolute; left: calc(50% + -123px); top: 277px; width: 267px; font-size: 18px; font-weight: 500; line-height: 22px; text-align: start; }
.timeline__item:nth-child(2) p { position: absolute; left: calc(50% + -123px); top: 326px; width: 267px; font-size: 14px; font-weight: 300; line-height: 17px; text-align: start; }
.timeline__item:nth-child(2) time { position: absolute; left: calc(50% + -217px); top: 295px; width: 79px; font-size: 14px; font-weight: 300; line-height: 22px; text-align: right; }
.timeline__item:nth-child(2)::before { position: absolute; left: calc(50% + -231px); top: 287px; width: 100.75px; height: 2px; }
.timeline__item:nth-child(3) h3 { position: absolute; left: calc(50% + -123px); top: 413px; width: 327px; font-size: 18px; font-weight: 500; line-height: 22px; text-align: start; }
.timeline__item:nth-child(3) p { position: absolute; left: calc(50% + -123px); top: 439px; width: 327px; font-size: 14px; font-weight: 300; line-height: 17px; text-align: start; }
.timeline__item:nth-child(3) time { position: absolute; left: calc(50% + -229px); top: 431px; width: 91px; font-size: 14px; font-weight: 300; line-height: 22px; text-align: right; }
.timeline__item:nth-child(3)::before { position: absolute; left: calc(50% + -231px); top: 423px; width: 100.75px; height: 2px; }
.timeline__item:nth-child(4) h3 { position: absolute; left: calc(50% + 417px); top: 137px; width: 376px; font-size: 18px; font-weight: 500; line-height: 22px; text-align: start; }
.timeline__item:nth-child(4) p { position: absolute; left: calc(50% + 417px); top: 189px; width: 376px; font-size: 14px; font-weight: 300; line-height: 17px; text-align: start; }
.timeline__item:nth-child(4) time { position: absolute; left: calc(50% + 315px); top: 157px; width: 87px; font-size: 14px; font-weight: 300; line-height: 22px; text-align: right; }
.timeline__item:nth-child(4)::before { position: absolute; left: calc(50% + 309px); top: 149px; width: 100.75px; height: 2px; }
.timeline__item:nth-child(5) h3 { position: absolute; left: calc(50% + 417px); top: 276px; width: 376px; font-size: 18px; font-weight: 500; line-height: 22px; text-align: start; }
.timeline__item:nth-child(5) p { position: absolute; left: calc(50% + 417px); top: 302px; width: 376px; font-size: 14px; font-weight: 300; line-height: 17px; text-align: start; }
.timeline__item:nth-child(5) time { position: absolute; left: calc(50% + 333px); top: 295px; width: 69px; font-size: 14px; font-weight: 300; line-height: 22px; text-align: right; }
.timeline__item:nth-child(5)::before { position: absolute; left: calc(50% + 309px); top: 287px; width: 100.75px; height: 2px; }
.timeline__item:nth-child(6) h3 { position: absolute; left: calc(50% + 417px); top: 412px; width: 376px; font-size: 18px; font-weight: 500; line-height: 22px; text-align: start; }
.timeline__item:nth-child(6) p { position: absolute; left: calc(50% + 417px); top: 439px; width: 376px; font-size: 14px; font-weight: 300; line-height: 17px; text-align: start; }
.timeline__item:nth-child(6) time { position: absolute; left: calc(50% + 326px); top: 431px; width: 76px; font-size: 14px; font-weight: 300; line-height: 22px; text-align: right; }
.timeline__item:nth-child(6)::before { position: absolute; left: calc(50% + 309px); top: 423px; width: 100.75px; height: 2px; }
.ethics__profession { position: absolute; left: calc(50% + -78px); top: 40px; width: 307px; font-size: 30px; font-weight: 400; line-height: 47px; text-align: right; font-family: Literata, Arial, sans-serif; }
.ethics__and { position: absolute; left: calc(50% + 249px); top: 87px; width: 30px; font-size: 30px; font-weight: 400; line-height: 47px; text-align: start; font-family: Literata, Arial, sans-serif; }
.ethics__standards { position: absolute; left: calc(50% + 288px); top: 87px; width: 350px; font-size: 30px; font-weight: 400; line-height: 47px; text-align: start; font-family: Literata, Arial, sans-serif; }
.ethics__button { position: absolute; left: calc(50% + 80px); top: 616px; width: 400px; font-size: 20px; font-weight: 500; line-height: 31px; text-align: center; height: 50px; }
.footer p { position: absolute; left: calc(50% + -310px); top: 109px; width: 600px; font-size: 14px; font-weight: 400; line-height: 21px; text-align: center; }
.footer__nav a:nth-child(1) { position: absolute; left: calc(50% + -230px); top: 20px; width: 107px; font-size: 14px; font-weight: 600; line-height: 22px; text-align: start; }
.footer__nav a:nth-child(2) { position: absolute; left: calc(50% + -59px); top: 20px; width: 127px; font-size: 14px; font-weight: 600; line-height: 22px; text-align: start; }
.footer__nav a:nth-child(3) { position: absolute; left: calc(50% + 150px); top: 20px; width: 109px; font-size: 14px; font-weight: 600; line-height: 22px; text-align: start; }
.about__text { position: absolute; left: calc(50% + -169px); top: 117px; width: 403px; font-size: 18px; line-height: 26px; height: auto; padding: 0; }
.about__text p:nth-child(1) > span { left: -48px; top: 3px; width: 48px; font-size: 20px; font-weight: 500; line-height: 31px; }
.about__text p:nth-child(2) > span { left: -48px; top: 254px; width: 48px; font-size: 20px; font-weight: 500; line-height: 31px; }
.about__text p:nth-child(3) > span { left: -48px; top: 436px; width: 48px; font-size: 20px; font-weight: 500; line-height: 31px; }
.about__text p:nth-child(4) > span { left: -48px; top: 516px; width: 48px; font-size: 20px; font-weight: 500; line-height: 31px; }
.ethics__list { position: absolute; left: calc(50% + -100px); top: 182px; width: 856px; font-size: 18px; line-height: 28px; }
.ethics__list p:nth-child(1)::before { left: -65px; top: 10px; width: 38px; height: 21px; }
.ethics__list p:nth-child(2)::before { left: -65px; top: 98px; width: 38px; height: 21px; }
.ethics__list p:nth-child(3)::before { left: -65px; top: 203px; width: 38px; height: 21px; }
.ethics__list p:nth-child(4)::before { left: -65px; top: 316px; width: 38px; height: 21px; }
 /* Keep the original off-canvas tablet composition without document overflow. */
 .education,.ethics { overflow: clip; }
 .ethics__list p { position: static; }
 .about__header::before { top: 30px; }
}
@media (min-width: 480px) and (max-width: 639px) {
.hero { height: 320px; }
.issues { height: 900px; }
.consultations { height: 450px; }
.cabinet { height: 500px; }
.about { height: 860px; }
.education { height: 800px; }
.ethics { height: 800px; }
.footer { height: 150px; }
.hero__frame::before { position: absolute; left: calc(50% + -230px); top: 15px; width: 460px; height: 294px; }
.hero__photo { position: absolute; left: calc(50% + -229px); top: 16px; width: 219px; height: 291.734px; }
.hero__topline span:first-child { position: absolute; left: calc(50% + -11px); top: 21px; width: 87px; font-size: 12px; font-weight: 500; line-height: 19px; text-align: right; }
.hero__topline span:last-child { position: absolute; left: calc(50% + 70px); top: 21px; width: 154px; font-size: 12px; font-weight: 300; line-height: 19px; text-align: right; }
.hero__firstname { position: absolute; left: calc(50% + 16px); top: 103px; width: 223px; font-size: 40px; font-weight: 200; line-height: 62px; text-align: center; }
.hero__surname { position: absolute; left: calc(50% + -31px); top: 61px; width: 227px; font-size: 40px; font-weight: 200; line-height: 62px; text-align: center; }
.hero__quote-end { position: absolute; left: calc(50% + 44px); top: 215px; width: 169px; font-size: 12px; font-weight: 300; line-height: 15px; text-align: left; }
.hero__quote strong { position: absolute; left: calc(50% + 10px); top: 200px; width: 193px; font-size: 12px; font-weight: 500; line-height: 15px; text-align: left; }
.hero__quote-start { position: absolute; left: calc(50% + 58px); top: 200px; width: 182px; font-size: 12px; font-weight: 300; line-height: 15px; text-align: left; }
.hero__button { position: absolute; left: calc(50% + 13px); top: 261px; width: 200px; font-size: 10px; font-weight: 500; line-height: 14px; text-align: center; height: 25px; }
.issues__title span:first-child { position: absolute; left: calc(50% + -121px); top: 50px; width: 267px; font-size: 20px; font-weight: 300; line-height: 31px; text-align: right; font-family: Literata, Arial, sans-serif; }
.issues__title span:last-child { position: absolute; left: calc(50% + -117px); top: 85px; width: 312px; font-size: 20px; font-weight: 300; line-height: 31px; text-align: right; font-family: Literata, Arial, sans-serif; }
.issue:nth-child(1) h3 { position: absolute; left: calc(50% + -170px); top: 156px; width: 349px; font-size: 14px; font-weight: 400; line-height: 22px; text-align: start; }
.issue:nth-child(1) p { position: absolute; left: calc(50% + -170px); top: 190px; width: 306px; font-size: 12px; font-weight: 300; line-height: 14px; text-align: start; }
.issue:nth-child(1)::before { position: absolute; left: calc(50% + -198.8671875px); top: 183.56640625px; width: 396.484375px; height: 1.1328125px; }
.issue:nth-child(2) h3 { position: absolute; left: calc(50% + -170px); top: 248px; width: 349px; font-size: 14px; font-weight: 400; line-height: 22px; text-align: start; }
.issue:nth-child(2) p { position: absolute; left: calc(50% + -170px); top: 282px; width: 312px; font-size: 12px; font-weight: 300; line-height: 14px; text-align: start; }
.issue:nth-child(2)::before { position: absolute; left: calc(50% + -198.8671875px); top: 275.56640625px; width: 396.484375px; height: 1.1328125px; }
.issue:nth-child(3) h3 { position: absolute; left: calc(50% + -170px); top: 340px; width: 349px; font-size: 14px; font-weight: 400; line-height: 22px; text-align: start; }
.issue:nth-child(3) p { position: absolute; left: calc(50% + -170px); top: 374px; width: 317px; font-size: 12px; font-weight: 300; line-height: 14px; text-align: start; }
.issue:nth-child(3)::before { position: absolute; left: calc(50% + -198.8671875px); top: 367.56640625px; width: 396.484375px; height: 1.1328125px; }
.issue:nth-child(4) h3 { position: absolute; left: calc(50% + -170px); top: 432px; width: 400px; font-size: 14px; font-weight: 400; line-height: 22px; text-align: start; }
.issue:nth-child(4) p { position: absolute; left: calc(50% + -170px); top: 466px; width: 349px; font-size: 12px; font-weight: 300; line-height: 14px; text-align: start; }
.issue:nth-child(4)::before { position: absolute; left: calc(50% + -198.8671875px); top: 459.56640625px; width: 396.484375px; height: 1.1328125px; }
.issue:nth-child(5) h3 { position: absolute; left: calc(50% + -170px); top: 524px; width: 326px; font-size: 14px; font-weight: 400; line-height: 22px; text-align: start; }
.issue:nth-child(5) p { position: absolute; left: calc(50% + -170px); top: 558px; width: 329px; font-size: 12px; font-weight: 300; line-height: 14px; text-align: start; }
.issue:nth-child(5)::before { position: absolute; left: calc(50% + -198.8671875px); top: 551.56640625px; width: 396.484375px; height: 1.1328125px; }
.issue:nth-child(6) h3 { position: absolute; left: calc(50% + -170px); top: 616px; width: 349px; font-size: 14px; font-weight: 400; line-height: 22px; text-align: start; }
.issue:nth-child(6) p { position: absolute; left: calc(50% + -170px); top: 650px; width: 337px; font-size: 12px; font-weight: 300; line-height: 14px; text-align: start; }
.issue:nth-child(6)::before { position: absolute; left: calc(50% + -198.8671875px); top: 643.56640625px; width: 396.484375px; height: 1.1328125px; }
.issue:nth-child(7) h3 { position: absolute; left: calc(50% + -170px); top: 708px; width: 349px; font-size: 14px; font-weight: 400; line-height: 22px; text-align: start; }
.issue:nth-child(7) p { position: absolute; left: calc(50% + -170px); top: 742px; width: 358px; font-size: 12px; font-weight: 300; line-height: 14px; text-align: start; }
.issue:nth-child(7)::before { position: absolute; left: calc(50% + -198.8671875px); top: 735.56640625px; width: 396.484375px; height: 1.1328125px; }
.issue:nth-child(8) h3 { position: absolute; left: calc(50% + -170px); top: 786px; width: 297px; font-size: 14px; font-weight: 400; line-height: 22px; text-align: start; }
.issue:nth-child(8) p { position: absolute; left: calc(50% + -170px); top: 820px; width: 346px; font-size: 12px; font-weight: 300; line-height: 14px; text-align: start; }
.issue:nth-child(8)::before { position: absolute; left: calc(50% + -198.8671875px); top: 813.56640625px; width: 396.484375px; height: 1.1328125px; }
.consultations__title { position: absolute; left: calc(50% + -184px); top: 50px; width: 304px; font-size: 20px; font-weight: 400; line-height: 31px; text-align: center; font-family: Literata, Arial, sans-serif; }
.consultations__duration { position: absolute; left: calc(50% + -2px); top: 81px; width: 139px; font-size: 12px; font-weight: 400; line-height: 19px; text-align: start; }
.consultations__button { position: absolute; left: calc(50% + -150px); top: 352px; width: 300px; font-size: 14px; font-weight: 400; line-height: 21.7px; text-align: center; height: 40px; }
.price-row:nth-child(1) .price-row__name { position: absolute; left: calc(50% + -170px); top: 150px; width: 148px; font-size: 14px; font-weight: 600; line-height: 22px; text-align: start; }
.price-row:nth-child(1) .price-row__price { position: absolute; left: calc(50% + -10px); top: 150px; width: 180px; font-size: 14px; font-weight: 600; line-height: 22px; text-align: right; }
.price-row:nth-child(1) .price-row__note { position: absolute; left: calc(50% + -171px); top: 183px; width: 206px; font-size: 12px; font-weight: 400; line-height: 19px; text-align: start; }
.price-row:nth-child(2) .price-row__name { position: absolute; left: calc(50% + -170px); top: 241px; width: 129px; font-size: 14px; font-weight: 600; line-height: 22px; text-align: start; }
.price-row:nth-child(2) .price-row__price { position: absolute; left: calc(50% + 14px); top: 232px; width: 156px; font-size: 14px; font-weight: 600; line-height: 22px; text-align: right; }
.price-row:nth-child(2) .price-row__note { position: absolute; left: calc(50% + -171px); top: 274px; width: 375px; font-size: 12px; font-weight: 400; line-height: 14px; text-align: start; }
.price-row:nth-child(1)::before { position: absolute; left: calc(50% + -199.5312593px); top: 177.23437035px; width: 392.8281436px; height: 0.4687407px; }
.price-row:nth-child(2)::before { position: absolute; left: calc(50% + -199.5312593px); top: 268.23437035px; width: 392.8281436px; height: 0.4687407px; }
.cabinet__item--one img { position: absolute; left: calc(50% + 10px); top: 64px; width: 221px; height: 294.664px; }
.cabinet__item--two img { position: absolute; left: calc(50% + -228px); top: 100px; width: 221px; height: 309.828px; }
.cabinet__title { position: absolute; left: calc(50% + -230px); top: 40px; width: 211px; font-size: 30px; font-weight: 400; line-height: 47px; text-align: center; font-family: Literata, Arial, sans-serif; }
.about__title { position: absolute; left: calc(50% + -150px); top: 31px; width: 224px; font-size: 30px; font-weight: 300; line-height: 47px; text-align: start; font-family: Literata, Arial, sans-serif; }
.education__title { position: absolute; left: calc(50% - 140px); top: 50px; width: 280px; font-size: 20px; font-weight: 400; line-height: 31px; text-align: start; font-family: Literata, Arial, sans-serif; }
.timeline__item:nth-child(1) h3 { position: absolute; left: calc(50% + -110px); top: 130px; width: 300px; font-size: 14px; font-weight: 500; line-height: 17px; text-align: start; }
.timeline__item:nth-child(1) p { position: absolute; left: calc(50% + -110px); top: 152px; width: 300px; font-size: 12px; font-weight: 300; line-height: 14px; text-align: start; }
.timeline__item:nth-child(1) time { position: absolute; left: calc(50% + -190px); top: 148px; width: 65px; font-size: 14px; font-weight: 300; line-height: 22px; text-align: right; }
.timeline__item:nth-child(1)::before { position: absolute; left: calc(50% + -198.47673031px); top: 139.761634845px; width: 76.734710621px; height: 1.52326969px; }
.timeline__item:nth-child(2) h3 { position: absolute; left: calc(50% + -110px); top: 240px; width: 300px; font-size: 14px; font-weight: 500; line-height: 17px; text-align: start; }
.timeline__item:nth-child(2) p { position: absolute; left: calc(50% + -110px); top: 279px; width: 300px; font-size: 12px; font-weight: 300; line-height: 14px; text-align: start; }
.timeline__item:nth-child(2) time { position: absolute; left: calc(50% + -190px); top: 258px; width: 65px; font-size: 14px; font-weight: 300; line-height: 22px; text-align: right; }
.timeline__item:nth-child(2)::before { position: absolute; left: calc(50% + -198.47673031px); top: 249.761634845px; width: 76.734710621px; height: 1.52326969px; }
.timeline__item:nth-child(3) h3 { position: absolute; left: calc(50% + -110px); top: 340px; width: 300px; font-size: 14px; font-weight: 500; line-height: 17px; text-align: start; }
.timeline__item:nth-child(3) p { position: absolute; left: calc(50% + -110px); top: 362px; width: 300px; font-size: 12px; font-weight: 300; line-height: 14px; text-align: start; }
.timeline__item:nth-child(3) time { position: absolute; left: calc(50% + -190px); top: 358px; width: 65px; font-size: 14px; font-weight: 300; line-height: 22px; text-align: right; }
.timeline__item:nth-child(3)::before { position: absolute; left: calc(50% + -198.47673031px); top: 349.761634845px; width: 76.734710621px; height: 1.52326969px; }
.timeline__item:nth-child(4) h3 { position: absolute; left: calc(50% + -110px); top: 445px; width: 300px; font-size: 14px; font-weight: 500; line-height: 17px; text-align: start; }
.timeline__item:nth-child(4) p { position: absolute; left: calc(50% + -110px); top: 484px; width: 300px; font-size: 12px; font-weight: 300; line-height: 14px; text-align: start; }
.timeline__item:nth-child(4) time { position: absolute; left: calc(50% + -190px); top: 463px; width: 65px; font-size: 14px; font-weight: 300; line-height: 22px; text-align: right; }
.timeline__item:nth-child(4)::before { position: absolute; left: calc(50% + -198.47673031px); top: 454.761634845px; width: 76.734710621px; height: 1.52326969px; }
.timeline__item:nth-child(5) h3 { position: absolute; left: calc(50% + -110px); top: 550px; width: 300px; font-size: 14px; font-weight: 500; line-height: 17px; text-align: start; }
.timeline__item:nth-child(5) p { position: absolute; left: calc(50% + -110px); top: 572px; width: 300px; font-size: 12px; font-weight: 300; line-height: 14px; text-align: start; }
.timeline__item:nth-child(5) time { position: absolute; left: calc(50% + -190px); top: 568px; width: 65px; font-size: 14px; font-weight: 300; line-height: 22px; text-align: right; }
.timeline__item:nth-child(5)::before { position: absolute; left: calc(50% + -198.47673031px); top: 559.761634845px; width: 76.734710621px; height: 1.52326969px; }
.timeline__item:nth-child(6) h3 { position: absolute; left: calc(50% + -110px); top: 650px; width: 300px; font-size: 14px; font-weight: 500; line-height: 17px; text-align: start; }
.timeline__item:nth-child(6) p { position: absolute; left: calc(50% + -110px); top: 672px; width: 300px; font-size: 12px; font-weight: 300; line-height: 14px; text-align: start; }
.timeline__item:nth-child(6) time { position: absolute; left: calc(50% + -190px); top: 668px; width: 65px; font-size: 14px; font-weight: 300; line-height: 22px; text-align: right; }
.timeline__item:nth-child(6)::before { position: absolute; left: calc(50% + -198.47673031px); top: 659.761634845px; width: 76.734710621px; height: 1.52326969px; }
.ethics__profession { position: absolute; left: calc(50% - 210px); top: 40px; width: 400px; font-size: 20px; font-weight: 400; line-height: 31px; text-align: right; font-family: Literata, Arial, sans-serif; }
.ethics__and { position: absolute; left: calc(50% - 150px); top: 74px; width: 30px; font-size: 20px; font-weight: 400; line-height: 31px; text-align: start; font-family: Literata, Arial, sans-serif; }
.ethics__standards { position: absolute; left: calc(50% - 110px); top: 74px; width: 310px; font-size: 20px; font-weight: 400; line-height: 31px; text-align: start; font-family: Literata, Arial, sans-serif; }
.ethics__button { position: absolute; left: calc(50% - 200px); top: 730px; width: 400px; font-size: 20px; font-weight: 500; line-height: 31px; text-align: center; height: 50px; }
.footer p { position: absolute; left: calc(50% + -42px); top: 88px; width: 272px; font-size: 14px; font-weight: 400; line-height: 21px; text-align: right; }
.footer__nav a:nth-child(1) { position: absolute; left: calc(50% + -230px); top: 20px; width: 107px; font-size: 14px; font-weight: 600; line-height: 22px; text-align: start; }
.footer__nav a:nth-child(2) { position: absolute; left: calc(50% + -53px); top: 20px; width: 127px; font-size: 14px; font-weight: 600; line-height: 22px; text-align: start; }
.footer__nav a:nth-child(3) { position: absolute; left: calc(50% + 150px); top: 20px; width: 85px; font-size: 14px; font-weight: 600; line-height: 22px; text-align: start; }
.about__text { position: absolute; left: calc(50% + -173px); top: 117px; width: 403px; font-size: 18px; line-height: 26px; height: auto; padding: 0; }
.about__text p:nth-child(1) > span { left: -31px; top: -816px; width: 31px; font-size: 20px; font-weight: 500; line-height: 31px; }
.about__text p:nth-child(2) > span { left: -31px; top: -555px; width: 31px; font-size: 20px; font-weight: 500; line-height: 31px; }
.about__text p:nth-child(3) > span { left: -31px; top: -348px; width: 31px; font-size: 20px; font-weight: 500; line-height: 31px; }
.about__text p:nth-child(4) > span { left: -31px; top: -245px; width: 31px; font-size: 20px; font-weight: 500; line-height: 31px; }
.ethics__list { position: absolute; left: calc(50% + -150px); top: 145px; width: 350px; font-size: 14px; line-height: 20px; }
.ethics__list p:nth-child(1)::before { left: -45px; top: 6px; width: 38px; height: 21px; position: absolute; }
.ethics__list p:nth-child(2)::before { left: -45px; top: 6px; width: 38px; height: 21px; position: absolute; }
.ethics__list p:nth-child(3)::before { left: -45px; top: 6px; width: 38px; height: 21px; position: absolute; }
.ethics__list p:nth-child(4)::before { left: -45px; top: 6px; width: 38px; height: 21px; position: absolute; }
 .ethics__list p { position: relative; }
}
@media (max-width: 479px) {
.hero { height: 760px; }
.issues { height: 1050px; }
.consultations { height: 450px; }
.cabinet { height: 320px; }
.about { height: 660px; }
.education { height: 710px; }
.ethics { height: 800px; }
.footer { height: 120px; }
.hero__frame::before { position: absolute; left: calc(50% + -150px); top: 20px; width: 300px; height: 537px; }
.hero__photo { position: absolute; left: calc(50% + -150px); top: 50px; width: 300px; height: 399.641px; }
.hero__topline span:first-child { position: absolute; left: calc(50% + -142px); top: 27px; width: 122px; font-size: 14px; font-weight: 500; line-height: 22px; text-align: left; }
.hero__topline span:last-child { position: absolute; left: calc(50% + -23px); top: 27px; width: 190px; font-size: 14px; font-weight: 300; line-height: 22px; text-align: left; }
.hero__firstname { position: absolute; left: calc(50% + -87px); top: 491px; width: 271px; font-size: 40px; font-weight: 200; line-height: 62px; text-align: center; }
.hero__surname { position: absolute; left: calc(50% + -184px); top: 448px; width: 239px; font-size: 40px; font-weight: 200; line-height: 62px; text-align: center; }
.hero__quote-end { position: absolute; left: calc(50% + -66px); top: 600px; width: 203px; font-size: 14px; font-weight: 300; line-height: 18px; text-align: left; }
.hero__quote strong { position: absolute; left: calc(50% + -143px); top: 582px; width: 51px; font-size: 14px; font-weight: 500; line-height: 18px; text-align: left; }
.hero__quote-start { position: absolute; left: calc(50% + -89px); top: 582px; width: 259px; font-size: 14px; font-weight: 300; line-height: 18px; text-align: left; }
.hero__button { position: absolute; left: calc(50% + -150px); top: 658px; width: 300px; font-size: 14px; font-weight: 500; line-height: 19.6px; text-align: center; height: 40px; }
.issues__title span:first-child { position: absolute; left: calc(50% + -175px); top: 55px; width: 282px; font-size: 20px; font-weight: 300; line-height: 31px; text-align: right; font-family: Literata, Arial, sans-serif; }
.issues__title span:last-child { position: absolute; left: calc(50% + -125px); top: 81px; width: 275px; font-size: 20px; font-weight: 300; line-height: 31px; text-align: right; font-family: Literata, Arial, sans-serif; }
.issue:nth-child(1) h3 { position: absolute; left: calc(50% + -120px); top: 152px; width: 239px; font-size: 14px; font-weight: 400; line-height: 22px; text-align: left; }
.issue:nth-child(1) p { position: absolute; left: calc(50% + -119px); top: 186px; width: 239px; font-size: 12px; font-weight: 300; line-height: 14px; text-align: left; }
.issue:nth-child(1)::before { position: absolute; left: calc(50% + -146.1484375px); top: 179.42578125px; width: 298.046875px; height: 0.8515625px; }
.issue:nth-child(2) h3 { position: absolute; left: calc(50% + -120px); top: 254px; width: 269px; font-size: 14px; font-weight: 400; line-height: 22px; text-align: left; }
.issue:nth-child(2) p { position: absolute; left: calc(50% + -119px); top: 288px; width: 239px; font-size: 12px; font-weight: 300; line-height: 14px; text-align: left; }
.issue:nth-child(2)::before { position: absolute; left: calc(50% + -146.1484375px); top: 281.42578125px; width: 298.046875px; height: 0.8515625px; }
.issue:nth-child(3) h3 { position: absolute; left: calc(50% + -120px); top: 356px; width: 239px; font-size: 14px; font-weight: 400; line-height: 22px; text-align: left; }
.issue:nth-child(3) p { position: absolute; left: calc(50% + -119px); top: 390px; width: 239px; font-size: 12px; font-weight: 300; line-height: 14px; text-align: left; }
.issue:nth-child(3)::before { position: absolute; left: calc(50% + -146.1484375px); top: 383.42578125px; width: 298.046875px; height: 0.8515625px; }
.issue:nth-child(4) h3 { position: absolute; left: calc(50% + -120px); top: 458px; width: 249px; font-size: 14px; font-weight: 400; line-height: 17px; text-align: left; }
.issue:nth-child(4) p { position: absolute; left: calc(50% + -119px); top: 504px; width: 260px; font-size: 12px; font-weight: 300; line-height: 14px; text-align: left; }
.issue:nth-child(4)::before { position: absolute; left: calc(50% + -146.1484375px); top: 497.42578125px; width: 298.046875px; height: 0.8515625px; }
.issue:nth-child(5) h3 { position: absolute; left: calc(50% + -120px); top: 586px; width: 240px; font-size: 14px; font-weight: 400; line-height: 17px; text-align: left; }
.issue:nth-child(5) p { position: absolute; left: calc(50% + -119px); top: 633px; width: 260px; font-size: 12px; font-weight: 300; line-height: 14px; text-align: left; }
.issue:nth-child(5)::before { position: absolute; left: calc(50% + -146.1484375px); top: 625.42578125px; width: 298.046875px; height: 0.8515625px; }
.issue:nth-child(6) h3 { position: absolute; left: calc(50% + -120px); top: 715px; width: 269px; font-size: 14px; font-weight: 400; line-height: 22px; text-align: left; }
.issue:nth-child(6) p { position: absolute; left: calc(50% + -119px); top: 749px; width: 260px; font-size: 12px; font-weight: 300; line-height: 14px; text-align: left; }
.issue:nth-child(6)::before { position: absolute; left: calc(50% + -146.1484375px); top: 742.42578125px; width: 298.046875px; height: 0.8515625px; }
.issue:nth-child(7) h3 { position: absolute; left: calc(50% + -120px); top: 817px; width: 239px; font-size: 14px; font-weight: 400; line-height: 22px; text-align: left; }
.issue:nth-child(7) p { position: absolute; left: calc(50% + -119px); top: 853px; width: 260px; font-size: 12px; font-weight: 300; line-height: 14px; text-align: left; }
.issue:nth-child(7)::before { position: absolute; left: calc(50% + -146.1484375px); top: 844.42578125px; width: 298.046875px; height: 0.8515625px; }
.issue:nth-child(8) h3 { position: absolute; left: calc(50% + -120px); top: 921px; width: 291px; font-size: 14px; font-weight: 400; line-height: 22px; text-align: left; }
.issue:nth-child(8) p { position: absolute; left: calc(50% + -119px); top: 955px; width: 260px; font-size: 12px; font-weight: 300; line-height: 14px; text-align: left; }
.issue:nth-child(8)::before { position: absolute; left: calc(50% + -146.1484375px); top: 948.42578125px; width: 298.046875px; height: 0.8515625px; }
.consultations__title { position: absolute; left: calc(50% - 195px); top: 50px; width: 308px; font-size: 20px; font-weight: 400; line-height: 24px; text-align: center; font-family: Literata, Arial, sans-serif; }
.consultations__duration { position: absolute; left: calc(50% + -37px); top: 81px; width: 164px; font-size: 12px; font-weight: 400; line-height: 14px; text-align: start; }
.consultations__button { position: absolute; left: calc(50% + -150px); top: 348px; width: 300px; font-size: 14px; font-weight: 400; line-height: 21.7px; text-align: center; height: 40px; }
.price-row:nth-child(1) .price-row__name { position: absolute; left: calc(50% + -120px); top: 150px; width: 111px; font-size: 14px; font-weight: 600; line-height: 17px; text-align: start; }
.price-row:nth-child(1) .price-row__price { position: absolute; left: calc(50% + 45px); top: 149px; width: 75px; font-size: 14px; font-weight: 600; line-height: 17px; text-align: right; }
.price-row:nth-child(1) .price-row__note { position: absolute; left: calc(50% + -120px); top: 178px; width: 141px; font-size: 12px; font-weight: 400; line-height: 14px; text-align: start; }
.price-row:nth-child(2) .price-row__name { position: absolute; left: calc(50% + -120px); top: 233px; width: 100px; font-size: 14px; font-weight: 600; line-height: 17px; text-align: start; }
.price-row:nth-child(2) .price-row__price { position: absolute; left: calc(50% + 32px); top: 232px; width: 88px; font-size: 14px; font-weight: 600; line-height: 17px; text-align: right; }
.price-row:nth-child(2) .price-row__note { position: absolute; left: calc(50% + -120px); top: 261px; width: 241px; font-size: 12px; font-weight: 400; line-height: 14px; text-align: start; }
.price-row:nth-child(1)::before { position: absolute; left: calc(50% + -149.648441315px); top: 172.175782413px; width: 294.625px; height: 0.351560175px; }
.price-row:nth-child(2)::before { position: absolute; left: calc(50% + -149.648441315px); top: 255.175782413px; width: 294.625px; height: 0.351560175px; }
.cabinet__item--one img { position: absolute; left: calc(50% + 10px); top: 100px; width: 142px; height: 189.328px; }
.cabinet__item--two img { position: absolute; left: calc(50% + -150px); top: 61px; width: 142px; height: 199.078px; }
.cabinet__title { position: absolute; left: calc(50% + -120px); top: 10px; width: 93px; font-size: 20px; font-weight: 400; line-height: 31px; text-align: center; font-family: Literata, Arial, sans-serif; }
.about__title { position: absolute; left: calc(50% + -120px); top: 29px; width: 153px; font-size: 20px; font-weight: 300; line-height: 31px; text-align: start; font-family: Literata, Arial, sans-serif; }
.education__title { position: absolute; left: calc(50% + -120px); top: 50px; width: 153px; font-size: 20px; font-weight: 400; line-height: 31px; text-align: start; font-family: Literata, Arial, sans-serif; }
.timeline__item:nth-child(1) h3 { position: absolute; left: calc(50% + -90px); top: 111px; width: 144px; font-size: 14px; font-weight: 500; line-height: 17px; text-align: start; }
.timeline__item:nth-child(1) p { position: absolute; left: calc(50% + -90px); top: 133px; width: 241px; font-size: 12px; font-weight: 300; line-height: 14px; text-align: start; }
.timeline__item:nth-child(1) time { position: absolute; left: calc(50% + -140px); top: 124px; width: 29px; font-size: 12px; font-weight: 300; line-height: 19px; text-align: left; }
.timeline__item:nth-child(1)::before { position: absolute; left: calc(50% + -149.047134399px); top: 119.476693019px; width: 48.000518799px; height: 0.952863962px; }
.timeline__item:nth-child(2) h3 { position: absolute; left: calc(50% + -90px); top: 219px; width: 241px; font-size: 14px; font-weight: 500; line-height: 17px; text-align: start; }
.timeline__item:nth-child(2) p { position: absolute; left: calc(50% + -90px); top: 258px; width: 241px; font-size: 12px; font-weight: 300; line-height: 14px; text-align: start; }
.timeline__item:nth-child(2) time { position: absolute; left: calc(50% + -140px); top: 232px; width: 32px; font-size: 12px; font-weight: 300; line-height: 19px; text-align: left; }
.timeline__item:nth-child(2)::before { position: absolute; left: calc(50% + -149.047134399px); top: 227.476693019px; width: 48.000518799px; height: 0.952863962px; }
.timeline__item:nth-child(3) h3 { position: absolute; left: calc(50% + -90px); top: 316px; width: 241px; font-size: 14px; font-weight: 500; line-height: 17px; text-align: start; }
.timeline__item:nth-child(3) p { position: absolute; left: calc(50% + -90px); top: 338px; width: 239px; font-size: 12px; font-weight: 300; line-height: 14px; text-align: start; }
.timeline__item:nth-child(3) time { position: absolute; left: calc(50% + -139px); top: 329px; width: 41px; font-size: 12px; font-weight: 300; line-height: 14px; text-align: left; }
.timeline__item:nth-child(3)::before { position: absolute; left: calc(50% + -149.047134399px); top: 324.476693019px; width: 48.000518799px; height: 0.952863962px; }
.timeline__item:nth-child(4) h3 { position: absolute; left: calc(50% + -90px); top: 424px; width: 239px; font-size: 14px; font-weight: 500; line-height: 17px; text-align: start; }
.timeline__item:nth-child(4) p { position: absolute; left: calc(50% + -90px); top: 463px; width: 241px; font-size: 12px; font-weight: 300; line-height: 14px; text-align: start; }
.timeline__item:nth-child(4) time { position: absolute; left: calc(50% + -140px); top: 437px; width: 34px; font-size: 12px; font-weight: 300; line-height: 19px; text-align: left; }
.timeline__item:nth-child(4)::before { position: absolute; left: calc(50% + -149.047134399px); top: 432.476693019px; width: 48.000518799px; height: 0.952863962px; }
.timeline__item:nth-child(5) h3 { position: absolute; left: calc(50% + -90px); top: 521px; width: 243px; font-size: 14px; font-weight: 500; line-height: 17px; text-align: start; }
.timeline__item:nth-child(5) p { position: absolute; left: calc(50% + -90px); top: 543px; width: 243px; font-size: 12px; font-weight: 300; line-height: 14px; text-align: start; }
.timeline__item:nth-child(5) time { position: absolute; left: calc(50% + -139px); top: 535px; width: 40px; font-size: 12px; font-weight: 300; line-height: 14px; text-align: left; }
.timeline__item:nth-child(5)::before { position: absolute; left: calc(50% + -149.047134399px); top: 530.476693019px; width: 48.000518799px; height: 0.952863962px; }
.timeline__item:nth-child(6) h3 { position: absolute; left: calc(50% + -90px); top: 601px; width: 242px; font-size: 14px; font-weight: 500; line-height: 17px; text-align: start; }
.timeline__item:nth-child(6) p { position: absolute; left: calc(50% + -89px); top: 623px; width: 241px; font-size: 12px; font-weight: 300; line-height: 14px; text-align: start; }
.timeline__item:nth-child(6) time { position: absolute; left: calc(50% + -139px); top: 616px; width: 39px; font-size: 12px; font-weight: 300; line-height: 14px; text-align: left; }
.timeline__item:nth-child(6)::before { position: absolute; left: calc(50% + -149.047134399px); top: 609.476693019px; width: 48.000518799px; height: 0.952863962px; }
.ethics__profession { position: absolute; left: calc(50% + -170px); top: 50px; width: 308px; font-size: 20px; font-weight: 400; line-height: 31px; text-align: right; font-family: Literata, Arial, sans-serif; }
.ethics__and { position: absolute; left: calc(50% + -136px); top: 84px; width: 59px; font-size: 20px; font-weight: 400; line-height: 31px; text-align: right; font-family: Literata, Arial, sans-serif; }
.ethics__standards { position: absolute; left: calc(50% + -69px); top: 84px; width: 222px; font-size: 20px; font-weight: 400; line-height: 31px; text-align: right; font-family: Literata, Arial, sans-serif; }
.ethics__button { position: absolute; left: calc(50% + -150px); top: 685px; width: 300px; font-size: 14px; font-weight: 500; line-height: 21.7px; text-align: center; height: 40px; }
.footer p { position: absolute; left: calc(50% + -82px); top: 69px; width: 232px; font-size: 12px; font-weight: 400; line-height: 18px; text-align: right; }
.footer__nav a:nth-child(1) { position: absolute; left: calc(50% + -155px); top: 15px; width: 61px; font-size: 14px; font-weight: 600; line-height: 22px; text-align: center; }
.footer__nav a:nth-child(2) { position: absolute; left: calc(50% + -55px); top: 15px; width: 127px; font-size: 14px; font-weight: 600; line-height: 22px; text-align: start; }
.footer__nav a:nth-child(3) { position: absolute; left: calc(50% + 66px); top: 15px; width: 85px; font-size: 14px; font-weight: 600; line-height: 22px; text-align: center; }
.about__text { position: absolute; left: calc(50% + -120px); top: 85px; width: 267px; font-size: 14px; line-height: 20px; height: 540px; padding: 10px 0; }
.about__text p:nth-child(1) > span { left: -28px; top: 9px; width: 28px; font-size: 14px; font-weight: 500; line-height: 22px; }
.about__text p:nth-child(2) > span { left: -28px; top: 208px; width: 28px; font-size: 14px; font-weight: 500; line-height: 22px; }
.about__text p:nth-child(3) > span { left: -28px; top: 369px; width: 28px; font-size: 14px; font-weight: 500; line-height: 22px; }
.about__text p:nth-child(4) > span { left: -28px; top: 448px; width: 28px; font-size: 14px; font-weight: 500; line-height: 22px; }
.ethics__list { position: absolute; left: calc(50% + -116px); top: 145px; width: 250px; font-size: 14px; line-height: 20px; }
.ethics__list p:nth-child(1)::before { left: -28px; top: 6px; width: 19px; height: 12px; }
.ethics__list p:nth-child(2)::before { left: -28px; top: 126px; width: 19px; height: 12px; }
.ethics__list p:nth-child(3)::before { left: -28px; top: 267px; width: 19px; height: 12px; }
.ethics__list p:nth-child(4)::before { left: -28px; top: 386px; width: 19px; height: 12px; }
 .about__header::before { top: 25px; height: 40px; }
 .button { border-radius: 20px; }
 .break-mobile { display: inline; }
 .break-desktop { display: none; }
 .hero__firstname { max-width: calc(50vw + 87px); }
 .hero__topline span:last-child { max-width: calc(50vw + 23px); }
 .hero__quote-start { max-width: calc(50vw + 89px); }
 .issue h3 { max-width: calc(50vw + 120px); }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } .button__shine { animation: none; } }