* {
    margin: 0;
    padding: 0;
    box-sizing: border-box
    }
:root {
    --resizer: 1440
    }
body {
    width: 100%;
    min-height: 100%;
    font-family: "Inter", sans-serif;
    background: #1d110e
    }
a {
    text-decoration: none
    }
.container {
    margin: 0 auto;
    width: 100%;
    max-width: calc(1290vw / var(--resizer) * 100)
    }
.header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99
    }
.header .row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: calc(23vw / var(--resizer) * 100) 0 calc(13vw / var(--resizer) * 100) 0;
    border-bottom: calc(2vw / var(--resizer) * 100) solid rgba(255, 255, 255, 0.1)
    }
.header .logo {
    position: relative;
    z-index: 15;
    margin: 0 calc(30vw / var(--resizer) * 100) calc(10vw / var(--resizer) * 100) 0;
    height: 35px;
    width: 90px;
    transition: all 0.4s ease-in-out
    }
.header .logo:hover {
    transform: scale(1.05)
    }
.header .logo img {
    width: 100%;
    height: 100%
    }
.header nav {
    display: flex;
    align-items: center
    }
.header ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    list-style: none
    }
.header ul li {
    margin: 0 0 calc(10vw / var(--resizer) * 100) calc(20vw / var(--resizer) * 100);
    font-style: normal;
    font-weight: 400;
    font-size: calc(14vw / var(--resizer) * 100);
    line-height: calc(17vw / var(--resizer) * 100);
    color: #fff;
    transition: all 0.4s linear
    }
.header__wrapper {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    z-index: 15
    }
.header__buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px
    }
.header__buttons a {
    padding: calc(13vw / var(--resizer) * 100) calc(36vw / var(--resizer) * 100);
    border-radius: calc(16vw / var(--resizer) * 100);
    background: transparent;
    box-shadow: 0 4px 6px 0 rgba(255, 255, 255, 0.31) inset;
    display: flex;
    justify-content: center;
    border: 1px solid #fff;
    align-items: center;
    color: var(--White, #fff);
    font-size: calc(18vw / var(--resizer) * 100);
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    transition: all 0.3s ease
    }
.header__buttons a:last-child {
    background: linear-gradient(94deg, #f7d316 0.45%, #f96d08 100%);
    border: none
    }
.header__buttons a:hover {
    transform: scale(1.05)
    }
.burger__content {
    opacity: 0;
    visibility: hidden;
    padding: 15px;
    display: flex;
    flex-direction: column;
    justify-content: end;
    position: fixed;
    top: -100px;
    left: 0;
    width: 100%;
    height: 180px;
    z-index: 10;
    background: url(../img/mob-2.webp) center/cover no-repeat;
    background-color: #0d0d0d;
    transition: all 0.3s ease
    }
.burger__language {
    border-bottom: 1px solid rgba(255, 255, 255, 0.32);
    padding: 0 0 15px 0;
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 15px;
    color: #fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
    }
.burger__link {
    margin: 15px 0 0 0;
    display: inline-block;
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal
    }
.burger__content.active {
    opacity: 1;
    visibility: visible;
    top: 0
    }
.flag {
    margin: 0 0 calc(10vw / var(--resizer) * 100) calc(26vw / var(--resizer) * 100);
    width: calc(26vw / var(--resizer) * 100);
    height: calc(18vw / var(--resizer) * 100)
    }
.flag img {
    width: inherit;
    height: inherit
    }
.header ul li:hover {
    color: #fecf6c
    }
.header ul a {
    color: inherit;
    line-height: 30px
    }
.header.burger {
    display: none
    }
.wrapper {
    display: flex;
    flex-direction: column
    }
.inner {
    position: relative;
    width: 100%;
    min-height: 100vh
    }
.inner.no::before {
    background: none
    }
.inner::before {
    content: "";
    position: absolute;
    top: -5%;
    left: 0;
    width: 100%;
    height: 150%;
    background: url(../img/intro.webp) top/cover no-repeat;
    z-index: -1
    }
.inner .container {
    min-height: inherit
    }
.inner .row {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    min-height: inherit;
    max-width: calc(931vw / var(--resizer) * 100)
    }
.inner .row h1 {
    margin: 0 0 calc(35vw / var(--resizer) * 100) 0;
    font-style: normal;
    font-weight: 800;
    font-size: calc(96vw / var(--resizer) * 100);
    line-height: calc(85vw / var(--resizer) * 100);
    color: #fff;
    align-self: flex-start;
    zoom: 50%;
    -ms-zoom: 0.5;
    -webkit-zoom: 0.5;
    -moz-transform: scale(0.5, 0.5);
    -moz-transform-origin: left center
    }
.inner .row p {
    margin: 0 0 calc(35vw / var(--resizer) * 100) 0;
    font-style: normal;
    font-weight: 400;
    font-size: calc(18vw / var(--resizer) * 100);
    line-height: 160%;
    color: #fff;
    align-self: flex-start
    }
.inner .row .button {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: calc(23vw / var(--resizer) * 100) calc(73vw / var(--resizer) * 100);
    border-radius: 20px;
    background: linear-gradient(94deg, #f7d316 0.45%, #f96d08 100%);
    box-shadow: 0 4px 6px 0 rgba(255, 255, 255, 0.31) inset;
    align-self: flex-start;
    transition: all 0.4s ease-in-out
    }
.inner .row .button:hover {
    transform: scale(1.05)
    }
.inner .row .button span {
    font-style: normal;
    font-weight: 400;
    font-size: calc(18vw / var(--resizer) * 100);
    line-height: 160%;
    color: #fff
    }
.content {
    padding: 0 0 calc(80vw / var(--resizer) * 100) 0
    }
.content .img-text {
    width: 48%;
    font-size: 0;
    line-height: 0
    }
.content .img-text img {
    width: 100%;
    height: 100%
    }
.content .head .img-text {
    width: 100%
    }
.content .row {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
    }
.content .head {
    width: 48%
    }
.content .head h2, .content .head h3 {
    width: 100%
    }
.content h2 {
    margin: 0 0 calc(60vw / var(--resizer) * 100) 0;
    width: 48%;
    font-style: normal;
    font-weight: 800;
    font-size: calc(64vw / var(--resizer) * 100);
    line-height: 87.02%;
    color: #fff
    }
.content strong {
    margin: 0 0 calc(60vw / var(--resizer) * 100) 0;
    width: 48%;
    font-style: normal;
    font-weight: 800;
    font-size: calc(64vw / var(--resizer) * 100);
    line-height: 87.02%;
    color: #fff
    }
.content h3 {
    margin: 0 0 calc(40vw / var(--resizer) * 100) 0;
    width: 48%;
    font-style: normal;
    font-weight: 800;
    font-size: calc(44vw / var(--resizer) * 100);
    line-height: 87.02%;
    color: #fff
    }
.content .block {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
    }
.content .text {
    margin: 0 0 calc(30vw / var(--resizer) * 100) 0;
    width: 48%
    }
.content p {
    margin: 0 0 calc(30vw / var(--resizer) * 100) 0;
    width: 100%;
    font-style: normal;
    font-weight: 400;
    font-size: calc(16vw / var(--resizer) * 100);
    line-height: calc(26vw / var(--resizer) * 100);
    color: #fff
    }
.content ol, .content ul {
    margin: 0 0 calc(30vw / var(--resizer) * 100) 0;
    padding: 0 0 0 calc(20vw / var(--resizer) * 100)
    }
.content ol li, .content ul li {
    font-style: normal;
    font-weight: 400;
    font-size: calc(16vw / var(--resizer) * 100);
    line-height: calc(26vw / var(--resizer) * 100);
    color: #fff
    }
.content ul li a {
    font-style: normal;
    font-weight: 400;
    font-size: calc(16vw / var(--resizer) * 100);
    line-height: calc(26vw / var(--resizer) * 100);
    color: #fff;
    transition: all 0.3s ease
    }
.content ul li a:hover {
    color: #f7d316
    }
.table {
    margin: 30px 0;
    overflow: auto
    }
.faq__item {
    display: flex;
    justify-content: space-between
    }
.faq__head {
    width: 48%
    }
.faq__content {
    width: 48%
    }
table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0
    }
td, th {
    padding: 7px 16px;
    font-style: normal;
    font-weight: 400;
    font-size: calc(16vw / var(--resizer) * 100);
    line-height: calc(26vw / var(--resizer) * 100);
    color: #fff
    }
table tr td {
    background-color: #623c0d;
    border-radius: 5px 0 0 5px
    }
table tr td:nth-child(2n) {
    background-color: #b64c00;
    border-radius: 0 5px 5px 0
    }
table tr:nth-child(2n) td {
    background-color: transparent
    }
table thead tr {
    background-color: transparent
    }
.content .img-text {
    margin: 0 0 calc(60vw / var(--resizer) * 100) 0;
    border-radius: calc(40vw / var(--resizer) * 100);
    overflow: hidden
    }
.footer {
    width: 100%
    }
.footer .row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: calc(23vw / var(--resizer) * 100) 0 calc(13vw / var(--resizer) * 100) 0;
    border-top: calc(2vw / var(--resizer) * 100) solid rgba(27, 89, 146, 0.17)
    }
.footer .logo {
    margin: 0 calc(30vw / var(--resizer) * 100) calc(10vw / var(--resizer) * 100) 0;
    height: 35px;
    width: 90px;
    transition: all 0.4s ease-in-out
    }
.footer .logo:hover {
    transform: scale(1.05)
    }
.footer .logo img {
    width: 100%;
    height: 100%
    }
.footer nav {
    display: flex;
    align-items: center
    }
.footer ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    list-style: none;
    gap: 20px
    }
.footer ul li {
    /* margin: 0 0 calc(10vw / var(--resizer) * 100)
    		calc(20vw / var(--resizer) * 100); */
    font-style: normal;
    font-weight: 400;
    font-size: calc(14vw / var(--resizer) * 100);
    line-height: calc(17vw / var(--resizer) * 100);
    color: #fff;
    transition: all 0.4s linear
    }
.footer ul li:hover {
    color: #fecf6c
    }
.footer ul a {
    color: inherit;
    line-height: 30px
    }
.burger {
    display: none
    }
.container__wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100vh
    }
.container__block {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 35px
    }
p img {
    max-width: 100%
    }
.footer .container {
    border-top: calc(2vw / var(--resizer) * 100) solid rgba(255, 255, 255, 0.1);
    padding: 20px 0 30px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px
    }
.footer__item {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 70px
    }
.footer__item a {
    height: 30px
    }
.author-block-top {
    display: flex;
    gap: 20px;
    align-items: center;
    margin: 0 0 20px 0
    }
.author-block h2 {
    margin: 0 0 5px 0;
    width: 100%
    }
.author-block h3 {
    color: #fff;
    font-size: 16px;
    font-style: italic;
    font-weight: 600;
    line-height: 25px;
    margin: 0
    }
.block-author {
    margin: 0 0 calc(30vw / var(--resizer) * 100) 0;
    padding: calc(20vw / var(--resizer) * 100);
    border-radius: calc(43vw / var(--resizer) * 100);
    backdrop-filter: blur(calc(80vw/var(--resizer)*100))
    }
.intro .bg.author {
    width: 100%;
    height: 100%;
    background: url(../img/author.webp) center/cover no-repeat;
    border-radius: calc(43vw / var(--resizer) * 100)
    }
p img {
    width: 100%;
    height: 100%
    }
.small-img {
    width: 200px !important;
    height: 200px !important
    }
.big-img img {
    border-radius: calc(43vw / var(--resizer) * 100)
    }
@media screen and (max-height: 700px) {
    .inner {
        min-height: 140vh
        }
    }
.author__img img {
    width: 265px;
    height: 265px;
    object-fit: cover;
    border-radius: calc(43vw / var(--resizer) * 100)
    }
@media screen and (max-height: 768px) {
    .author__img img {
        border-radius: 30px
        }
    }
@media screen and (max-width: 1024px) {
    .author-block-top {
        flex-direction: column
        }
    }
.content p a {
    color: #fff
    }
.content p a:hover {
    color: #f96d08
    }
.row__author {
    max-width: 100% !important
    }
@media screen and (max-width: 1024px) {
    .author-block-top-order {
        order: 2
        }
    }
.author__foto {
    width: 316px !important;
    height: 316px !important
    }
@media screen and (max-width: 1024px) {
    .author__foto {
        width: 166px !important;
        height: 166px !important
        }
    }
.data {
    color: #AEAEAE !important;
    margin-top: 30px !important
    }
.social {
    width: 30px;
    height: auto
    }
.social img {
    width: 100%;
    border-radius: 50%
    }