:root {
    --primary-color: #1831BA;
    --primary-color-light: #0198FA;
    --primary-color-alt: #FF7700;

    --block-color: #ececec;

    --black: #000000;
    --white: #FFFFFF;

    --text-color: #3d3d67;

    --base-font-size: 16px;
    --base-vertical-indent: 130px;
    --medium-vertical-indent: calc(var(--base-vertical-indent) * 0.5);
    --small-vertical-indent: calc(var(--base-vertical-indent) * 0.1);
    --base-horizontal-indent: 100px;
    --base-text-weight: 500;
    --base-padding: 35px;
    --base-gap: 20px;
    --base-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
    --layout-width: 1300px;
}

html, body {
    margin: 0;
    padding: 0;
}

* {
    font-family: Manrope, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
}

h1 {
    font-size: 42px;
}

h2 {
    font-size: 22px;
    line-height: 28px;
}

a {
    text-decoration: none;
    color: var(--primary-color);
    cursor: pointer;
    user-select: none;
    font-weight: 500;
}

a > svg * {
    fill: var(--primary-color);
}

a:hover {
    color: var(--primary-color-alt);
}

a:hover > svg * {
    fill: var(--primary-color-alt);
}

a.passive {
    color: var(--black);
}

a.passive:hover {
    color: var(--primary-color);
}

.layout {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: var(--layout-width);
    height: 100%;
    z-index: 42;
}

.layout.relative {
    position: relative;
    height: fit-content;
}

button {
    padding: 18px 25px;
    font-family: Manrope, sans-serif;
    font-size: var(--base-font-size);
    font-weight: 600;
    border: none;
    background-color: var(--white);
    cursor: pointer;
    color: var(--primary-color);
}

button:hover {
    color: var(--primary-color-alt);
}

button.primary {
    background: linear-gradient(90deg, var(--primary-color-light) 10%, var(--primary-color) 100%);
    color: var(--white);
}

button.primary:hover {
    background: linear-gradient(90deg, var(--primary-color-light) 42%, var(--primary-color) 100%);
}

.light-text {
    color: var(--white);
}

.row {
    display: flex;
    flex-direction: row;
    gap: calc(var(--base-horizontal-indent) * 0.5);
}

p {
    margin: 10px 0;
    color: var(--text-color);
    font-size: var(--base-font-size);
    font-weight: var(--base-text-weight);
}

header {
    position: relative;
    height: 80px;
    background-color: var(--white);
}

.header__content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}

footer {
    margin-top: var(--base-vertical-indent);
    box-shadow: var(--base-box-shadow);
}

.footer {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 80px 0;
}

.footer__postvik-about__brand__logo {
    display: flex;
    flex-direction: column;
    gap: var(--base-gap);
    flex: 1;
}

.footer__postvik-about__contacts {
    display: flex;
    flex-direction: column;
    gap: var(--base-gap);
    margin-top: var(--medium-vertical-indent);
}

.footer__postvik-about__contacts__item {
    display: flex;
    flex-direction: row;
    gap: var(--base-gap);
    align-items: center;
}

.footer__postvik-about__contacts__item__info {
    display: flex;
    flex-direction: column;
}

.footer__postvik-about__contacts__item__title {
    display: block;
    font-weight: 600;
    font-size: var(--base-font-size);
    color: var(--text-color);
}

.footer__postvik-about__contacts__item__value {
    display: block;
    font-weight: 600;
    font-size: calc(var(--base-font-size) * 1.4);
    color: var(--primary-color);
}

.footer__postvik-links {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.footer__postvik-links__list {
    display: flex;
    flex-direction: row;
    gap: var(--base-horizontal-indent);
}

.footer__postvik-links__list__item {
    display: flex;
    flex-direction: column;
    gap: var(--small-vertical-indent);
}

.footer__postvik-links__social {
    display: flex;
    flex-direction: row;
    gap: var(--base-gap);
    margin-left: auto;
}

.navigation {
    display: flex;
    flex-direction: row;
    gap: var(--base-gap);
    margin: 0 100px;
}

.navigation__item {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 5px;
    cursor: pointer;
    user-select: none;
}

.navigation__item__link {
    font-weight: 700;
    font-size: var(--base-font-size);
    color: var(--black);
}

.phone {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 15px;
    background-color: var(--primary-color);
    height: 100%;
    padding: 0 20px;
}

.phone__icon {
    width: 30px;
    height: 30px;
    stroke: var(--white);
    background-color: var(--primary-color-alt);
    padding: 5px;
    border-radius: 5px;
}

.phone__info {
    display: flex;
    flex-direction: column;
}

.phone__info__title {
    display: block;
    font-weight: 600;
    font-size: var(--base-font-size);
    color: var(--white);
}

.phone__info__number {
    display: block;
    font-weight: 400;
    font-size: var(--base-font-size);
    color: var(--white);
}

.main-wrapper {
    position: relative;
    width: 100%;
    height: max-content;
}

.main {
    position: relative;
    height: 865px;
}

.main__background {
    position: absolute;
    width: 100%;
    overflow: hidden;
    height: 800px;
    user-select: none;
}

.main__background__carousel {
    display: flex;
    flex-direction: row;
    width: max-content;
    height: 100%;
}

.main__background__image {
    display: block;
    width: 100vw;
    height: 100%;
    object-fit: cover;
}

.main__foreground {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(1, 16, 23, 0.5);
    z-index: 1;
}

.main__content {
    position: relative;
    width: 700px;
    display: flex;
    flex-direction: column;
    gap: var(--base-gap);
    top: 200px;
    left: 45%;
    z-index: 2;
}

.main__content__buttons {
    display: flex;
    flex-direction: row;
    gap: var(--base-gap);
    margin-top: 20px;
}

.main__content__description {
    font-weight: 500;
    font-size: var(--base-font-size);
    color: var(--white);
}

.short-title {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}

.short-title__text {
    font-weight: 600;
    font-size: calc(var(--base-font-size) * 1.1);
    color: var(--primary-color);
}

.short-title.light .short-title__text {
    color: var(--white);
}

.features {
    position: absolute;
    bottom: 0;
    display: flex;
    flex-direction: row;
    background-color: var(--white);
    z-index: 2;
    box-shadow: var(--base-box-shadow);
}

.features__item {
    display: flex;
    flex-direction: row;
    gap: var(--base-gap);
    flex: 1;
    padding: var(--base-padding);
    transition: background-color 0.3s ease;
    cursor: pointer;

}

.features__item.highlight,
.features__item:hover {
    background-color: var(--primary-color);
}

.features__item.highlight .features__item__info__title,
.features__item:hover .features__item__info__title {
    color: var(--white);
}

.features__item.highlight .features__item__info__description,
.features__item:hover .features__item__info__description {
    color: var(--white);
}

.features__item__icon {
    flex-shrink: 0;
}

.features__item__info {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.features__item__info__title {
    transition: color 0.3s ease;
}

.features__item__info__description {
    font-weight: 500;
    font-size: var(--base-font-size);
    color: var(--text-color);
    transition: color 0.3s ease;
}

.about {
    display: flex;
    flex-direction: row;
    gap: var(--base-horizontal-indent);
    margin-top: var(--base-vertical-indent);
}

.about__image {
    display: block;
    width: 500px;
    height: 550px;
    object-fit: cover;
}

.about__info {
    display: flex;
    flex-direction: column;
}

.about__info__description {
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: var(--base-gap);
}

.about__info__description__experience {
    display: flex;
    flex-direction: row;
    gap: var(--base-gap);
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background-color: var(--white);
    box-shadow: var(--base-box-shadow);
    width: 200px;
    padding: var(--base-padding);
}

.about__info__description__experience__icon {
    flex-shrink: 0;
}

.about__info__description__experience__info__years {
    color: var(--primary-color);
}

.about__info__description__experience__info__text {
    font-weight: 600;
    font-size: var(--base-font-size);
    color: var(--primary-color);
}

.services {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: var(--base-vertical-indent);
}

.centered-medium-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 700px;
    text-align: center;
}

.services__list {
    margin-top: var(--medium-vertical-indent);
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    flex-direction: row;
    gap: var(--base-gap);
}

.services__list__item {
    display: flex;
    flex-direction: column;
    gap: 15px;
    background-color: var(--block-color);
    padding: var(--base-padding);
    background-image: url("data:image/svg+xml,%3Csvg width='362' height='320' viewBox='0 0 362 320' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M292.29 41.6798L304.97 29.8798L305.85 29.1098L273 1.5498V59.4298L276.85 55.7898L292.29 41.6798Z' fill='%23E4EAEC'/%3E%3Cpath d='M326.23 32.4199L317.19 40.0299L308.15 32.4199L293.49 45.8699L278.17 59.9799C278.5 60.3099 278.72 60.6399 279.05 60.9799H355.34C355.67 60.6499 355.89 60.3199 356.22 59.9799L340.89 45.8699L326.23 32.4199Z' fill='%23E4EAEC'/%3E%3Cpath d='M328.53 29.1098L329.41 29.8798L342.09 41.6798L357.53 55.7898L361.39 59.4298V1.5498L328.53 29.1098Z' fill='%23E4EAEC'/%3E%3Cpath d='M357.43 0H317.19H276.95L317.19 33.85L357.43 0Z' fill='%23E4EAEC'/%3E%3Cpath d='M71.5802 114.34L67.9802 118.45C66.6802 119.87 65.7202 121.67 65.1902 123.64C64.9002 124.53 64.7302 125.47 64.6902 126.5C64.6702 126.81 64.6402 127.1 64.6402 127.34C64.6402 127.56 64.6402 127.75 64.6602 127.96H27.4902C26.5302 127.96 25.5902 127.74 24.7802 127.36C24.4002 127.22 24.0102 127.02 23.6702 126.81L23.6502 126.76C23.3102 126.54 22.9802 126.26 22.6702 125.94C22.0902 125.39 21.6402 124.71 21.3002 123.97C21.2302 123.83 21.1602 123.66 21.1102 123.49C20.9602 123.18 20.8902 122.84 20.8202 122.55V122.48C20.7002 122.02 20.6802 121.57 20.6802 121.13C20.6802 120.65 20.7002 120.19 20.8202 119.78C20.8902 119.37 21.0102 118.99 21.1602 118.65C21.1602 118.53 21.2302 118.46 21.2302 118.39C21.4202 118.03 21.5902 117.69 21.8302 117.36V117.31C22.0902 116.97 22.3802 116.64 22.6702 116.35C22.6702 116.35 22.7035 116.327 22.7702 116.28C23.0102 115.97 23.3502 115.7 23.6802 115.49C24.7902 114.75 26.0802 114.34 27.5002 114.34H71.5902H71.5802Z' fill='%23E4EAEC'/%3E%3Cpath d='M167 114.37C165.846 118.216 164.67 122.103 163.473 126.001C163.233 126.791 163.005 127.58 162.765 128.37H98C102.79 124.924 107.602 121.468 112.381 118.021L117.433 114.37H167Z' fill='%23E4EAEC'/%3E%3Cpath d='M149.78 163.28L143.75 173.61L143.03 174.76L141.66 176.95H19.3399C19.1999 176.95 19.0499 176.95 18.9299 176.9H18.7899C18.6699 176.9 18.5999 176.9 18.4799 176.88C17.1799 176.83 15.9799 176.45 14.9699 175.75C14.6099 175.53 14.2699 175.22 13.9599 174.89C12.6899 173.69 11.9399 171.93 11.9399 170.08C11.9399 168.23 12.6899 166.52 13.9599 165.32C14.2699 164.96 14.6099 164.7 14.9699 164.43C15.9599 163.76 17.0599 163.37 18.3099 163.35C18.4499 163.3 18.6499 163.3 18.7899 163.3H18.8599C18.9999 163.28 19.1999 163.28 19.3399 163.28H149.78Z' fill='%23E4EAEC'/%3E%3Cpath d='M119.63 212.24L111.73 224.97C111.73 224.97 111.51 225.33 111.15 225.88H39.14C38.83 225.88 38.54 225.86 38.25 225.83C37.75 225.76 37.24 225.64 36.76 225.45C36.64 225.4 36.52 225.35 36.42 225.31C36.2 225.24 36.01 225.12 35.82 225.02C35.55 224.88 35.32 224.71 35.08 224.52C34.89 224.38 34.7 224.23 34.53 224.04C34.29 223.85 34.07 223.61 33.88 223.37C33.71 223.15 33.54 222.91 33.4 222.67V223.15C32.49 222.02 31.98 220.58 31.98 219.04C31.98 217.5 32.46 216.08 33.4 214.98V215.39C33.71 214.89 34.1 214.43 34.53 214.04C34.7 213.85 34.89 213.7 35.08 213.56C35.08 213.56 35.0966 213.544 35.13 213.51C35.3 213.39 35.47 213.29 35.63 213.17C36.4 212.71 37.29 212.4 38.25 212.28C38.54 212.26 38.83 212.23 39.14 212.23H119.63V212.24Z' fill='%23E4EAEC'/%3E%3Cpath d='M39.1399 225.88H38.7999C37.3799 225.88 36.0699 225.43 34.9899 224.72C34.6199 224.46 34.2799 224.2 33.9799 223.86C33.7599 223.64 33.5299 223.41 33.3799 223.15V222.66C34.5799 224.6 36.6999 225.87 39.1299 225.87L39.1399 225.88Z' fill='%23E4EAEC'/%3E%3Cpath d='M39.1401 212.25C36.7101 212.25 34.5801 213.48 33.3901 215.39V214.98C33.5401 214.72 33.7601 214.49 33.9901 214.27C34.2901 213.93 34.6301 213.67 35.0001 213.41C36.0801 212.66 37.3901 212.25 38.8101 212.25H39.1501H39.1401Z' fill='%23E4EAEC'/%3E%3Cpath d='M135.65 186.56L127.41 199.89L126.93 200.63H7.18C6.8 200.63 6.36 200.61 5.98 200.53C5.55 200.43 5.14 200.36 4.71 200.17C4.13 200.03 3.63 199.76 3.12 199.45C2.74 199.19 2.4 198.9 2.09 198.56C0.77 197.29 0 195.51 0 193.59C0 191.79 0.669999 190.13 1.85 188.93L2.43 188.35C2.48 188.28 2.48 188.23 2.53 188.28C2.72 188.04 2.91 187.9 3.13 187.73C3.56 187.44 4.07 187.2 4.57 187.03C5.03 186.84 5.48 186.74 5.99 186.65C6.37 186.58 6.76 186.55 7.19 186.55H135.65V186.56Z' fill='%23E4EAEC'/%3E%3Cpath d='M96.83 85.6201L85.42 98.6201L84.48 99.6801H50C48.56 99.6801 47.19 99.2201 46.08 98.5001C45.7 98.2101 45.34 97.9501 45.05 97.6101C43.73 96.3401 42.96 94.5601 42.96 92.6401C42.96 90.7201 43.73 88.9901 45.05 87.7101C45.34 87.3501 45.7 87.0901 46.08 86.8201C47.19 86.0501 48.55 85.6201 50 85.6201H96.83Z' fill='%23E4EAEC'/%3E%3Cpath d='M160.28 136.08C160.21 136.32 160.14 136.56 160.06 136.8C159.01 140.67 157.9 144.49 156.79 148.33L156.26 150.15H7.06C6.82 150.15 6.63 150.15 6.41 150.1C6.17 150.05 5.98 150.03 5.74 149.98H5.71C5.35 149.95 5.04 149.84 4.75 149.72C4.44 149.65 4.18 149.48 3.89 149.38C3.62 149.25 3.36 149.09 3.12 148.95C2.74 148.69 2.4 148.4 2.09 148.06C0.77 146.78 0 145.01 0 143.09C0 141.17 0.76 139.44 2.09 138.16C2.4 137.82 2.74 137.53 3.12 137.27C3.5 137.01 3.98 136.76 4.44 136.62C4.85 136.46 5.28 136.31 5.74 136.24C6.17 136.12 6.62 136.07 7.06 136.07H67.9C67.99 136.2 68.09 136.33 68.21 136.46C70.05 138.42 73.98 140.71 77.99 140.71C82 140.71 88.4 136.51 88.99 136.07H160.28V136.08Z' fill='%23E4EAEC'/%3E%3Cpath d='M256.76 3L250.84 12.72L243.54 24.81H196.63L189.06 17.73L188.55 17.24L185 13.93L183.68 12.72L185 12.52L189.82 11.89L232.2 6.27H232.29L233.1 6.19L256.76 3Z' fill='%23D3DDE2'/%3E%3Cpath d='M253.23 34.23V36.18H243.08V57.04C243.08 60.2 240.5 62.71 237.36 62.71H229.77L228.92 67.21C228.92 67.21 228.9 67.19 228.87 67.19L221.64 65.88L220.67 65.3L199.56 52.54L199.05 36.18L198.95 34.23H253.23Z' fill='%23D3DDE2'/%3E%3Cpath d='M227.96 73.1101L227.45 75.8101L226.06 83.0401V90.3401L224.82 93.6301L219.61 85.3201L221.05 82.4101L216.52 75.6801L217.23 71.0801L218.79 71.4001L218.91 71.4301L219.83 71.6001L227.96 73.1101Z' fill='%23D3DDE2'/%3E%3Cpath d='M287.22 172.17C286.83 172.01 286.49 171.91 286.25 171.85L276.8 169.41L228.02 156.79L242.25 120.32L286.33 139.05C289.58 140.43 293.34 139.12 295.03 136.02L319.5 75.6903C319.5 75.6903 321.5 69.8702 316 66.8701C310.5 63.87 306 68.8703 305.5 69.3704C305.107 69.8704 278.98 105.29 278.98 105.29H278.97L278.91 105.36L236.74 75.6903H236.72V75.6803L236.61 75.6203L225.45 105.02L225.4 105.16L200.56 65.8403L118.13 72.5503C115.57 72.7603 113.19 73.9603 111.5 75.8903L71.2598 121.79C68.2598 125.21 68.4298 130.36 71.6498 133.57C73.3198 135.24 75.5298 136.1 77.7498 136.1C79.5898 136.1 81.4398 135.51 82.9898 134.32C97.5598 123.16 125.47 101.79 125.47 101.79H175.11C174.03 105.5 160 154.64 159.66 155.9C127.41 207.95 95.1698 260 62.9198 312.05C62.8798 312.12 62.8398 312.18 62.8098 312.24C61.3398 314.97 62.4498 318.06 65.4998 318.99C65.8998 319.12 66.3198 319.18 66.7198 319.19H66.7898C68.0598 319.17 69.2598 318.69 70.1598 317.83C73.6998 314.45 127.36 263.1 127.36 263.1C149.91 241.51 172.45 219.92 195 198.33H236.13L236.03 198.48L189.06 270.8C189.06 270.8 189.03 270.85 189.01 270.88C188.71 271.41 188.54 271.96 188.47 272.51V272.54C188.39 273.13 188.42 273.72 188.57 274.29C188.68 274.75 188.87 275.21 189.12 275.62C189.58 276.38 190.26 277 191.08 277.38C191.22 277.45 191.37 277.51 191.53 277.56C192.01 277.73 192.54 277.82 193.09 277.82C193.31 277.82 193.52 277.81 193.74 277.77H193.75C193.75 277.77 193.78 277.77 193.8 277.76C193.81 277.76 193.83 277.76 193.85 277.75C194.18 277.66 194.51 277.55 194.82 277.43C194.82 277.43 194.823 277.43 194.83 277.43C194.93 277.4 195.02 277.36 195.11 277.32C195.15 277.31 195.18 277.29 195.22 277.28L195.25 277.27H195.27C195.47 277.15 195.67 277.03 195.84 276.89C196.08 276.72 196.33 276.55 196.54 276.34C196.54 276.34 283.95 195.5 286.83 192.93C286.97 192.8 287.58 192.25 288.31 191.45C289.55 190.08 291.36 188.1 292.22 185.26C292.44 184.51 293.18 181.96 292.38 178.89C292.16 178.04 290.91 173.67 287.21 172.15L287.22 172.17ZM295.26 135.54C295.33 135.43 295.4 135.33 295.46 135.22C295.4 135.33 295.34 135.44 295.27 135.54C295.27 135.54 295.27 135.55 295.26 135.56C295.19 135.67 295.12 135.78 295.04 135.9C295.02 135.93 295 135.95 294.98 135.97C295.08 135.83 295.18 135.69 295.27 135.54H295.26ZM94.8798 124.98L94.9398 124.91L94.8698 124.98H94.8798Z' fill='%23D3DDE2'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position-x: -362px;
    background-position-y: 100px;
    transition: background-position ease 500ms;
    user-select: none;
    cursor: pointer;
}

.services__list__item:hover {
    background-position-x: -105px;
    background-position-y: 5px;
}

.services__list__item__icon {
    flex-shrink: 0;
}

.feedback {
    position: relative;
    box-sizing: content-box;
    overflow: hidden;
    margin-top: var(--base-vertical-indent);
}

.feedback__content {
    position: relative;
    margin-top: 150px;
}

.feedback__background {
    height: 900px;
}

.feedback__background__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.feedback__background__foreground {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #1847e3;
    opacity: 0.67;
    z-index: 1;
}

.feedback__content__info-wrapper {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 100%;
    z-index: 1;
}

.feedback__content__info {
    width: 550px;
}

.feedback__form-wrapper {
    position: absolute;
    top: 20px;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    pointer-events: none;
}

.feedback__form {
    position: absolute;
    right: 0;
    width: 500px;
    padding: 50px;
    background-color: var(--white);
    box-shadow: var(--base-box-shadow);
    pointer-events: auto;
}

.feedback__content__info__features__item {
    display: flex;
    flex-direction: row;
    align-items: start;
    gap: var(--base-gap);
}

.feedback__content__info__features__item__icon {
    flex-shrink: 0;
}

.feedback__content__info__features__item__info {

}

.form {
    display: flex;
    flex-direction: column;
    gap: var(--base-gap);
}

.text-field {
    display: flex;
    flex-direction: column;
}

.text-field__title {
    display: block;
    margin-bottom: 3px;
    font-weight: var(--base-text-weight);
    font-size: var(--base-font-size);
}

.text-field__input {
    display: block;
    padding: 18px;
    border: none;
    font-weight: var(--base-text-weight);
    font-size: var(--base-font-size);
    background-color: var(--block-color);
    width: 100%;
    box-sizing: border-box;
    outline: none;
}

.text-field__input:focus-visible {
    outline: var(--primary-color) solid 2px;
}

.text-field__input::placeholder {
    color: var(--text-color);
    opacity: 0.7;
}

.agreement-notice {
    color: var(--text-color);
    font-size: calc(var(--base-font-size) * 0.9);
}

.feedback__content__info__features {
    display: flex;
    flex-direction: column;
    gap: var(--base-gap);
    margin-top: calc(var(--base-vertical-indent) * 0.3);
}

.projects-wrapper {
    margin-top: var(--base-vertical-indent);
}

.projects {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.projects__list {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: var(--base-gap);
    margin-top: var(--medium-vertical-indent);
    flex: 1;
}

.projects__list__item {
    max-width: 400px;
}

.projects__list__item__image {
    position: relative;
    width: 100%;
    height: auto;
}

.projects__list__item__image__number {
    position: absolute;
    left: 10px;
    top: 10px;
    width: 50px;
    height: 50px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-size: calc(var(--base-font-size) * 2);
    background-color: var(--primary-color-alt);
    color: var(--white);
    font-weight: 700;
    z-index: 2;
}

.projects__list__item__image__object {
    width: 100%;
    height: 300px;
    object-fit: cover;
}

.reviews {
    position: relative;
    margin-top: var(--base-vertical-indent);
    height: 600px;
    overflow: hidden;
}

.reviews__background {
    position: absolute;
    width: 100%;
    height: 70%;
}

.reviews__background__image {
    width: 100%;
    height: 100%;
    background: linear-gradient(50deg, var(--primary-color) 30%, var(--primary-color-light));
}

.reviews__content {
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
    z-index: 1;
    margin-top: 100px;
    height: 30%;
}

.reviews__slider {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: var(--base-gap);
    margin-top: var(--medium-vertical-indent);
}

.reviews__slider__item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: var(--white);
    padding: 30px;
    max-width: 40%;
    box-shadow: var(--base-box-shadow);
}

.reviews__slider__item__author {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--base-gap);
    margin-top: var(--base-gap);
}

.reviews__slider__item__author__image {
    display: block;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    object-fit: cover;
    outline: 2px solid var(--primary-color-alt);
    outline-offset: 2px;
}

.reviews__slider__item__author__info {
    display: flex;
    flex-direction: column;
}

.reviews__slider__item__author__info__position {
    font-size: var(--base-font-size);
    color: var(--primary-color);
}

.blog-wrapper {
    margin-top: var(--base-vertical-indent);
}

.blog {
    display: flex;
    flex-direction: row;
    gap: var(--base-horizontal-indent);
}

.blog__interest {
    position: relative;
    flex: 2;
    overflow: hidden;
}

.blog__interest__background {
    position: absolute;
    width: 100%;
    height: 100%;
}

.blog__interest__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.blog__interest__background__foreground {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, var(--primary-color) 35%, transparent 80%);
    z-index: 1;
}

.blog__interest__content {
    position: absolute;
    padding: 50px;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 2;
}

.blog__interest__content__info {
    margin-top: var(--base-gap);
}

.blog__interest__content__action-button {
    margin-top: var(--medium-vertical-indent);
}

.blog__article-list {
    display: flex;
    flex: 3;
    flex-direction: column;
    gap: var(--base-gap);
}

.blog__article-list__item__info__title {
    /*color: var(--primary-color);*/
}

.blog__article-list__item__date {
    color: var(--text-color);
    margin-bottom: var(--small-vertical-indent);
}

@font-face {
    font-family: Manrope;
    src: url("/fonts/Manrope.ttf");
}