/* cyrillic-ext */
@font-face {
    font-family: 'Plus Jakarta Sans';
    font-style: italic;
    font-weight: 200 800;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/plusjakartasans/v8/LDIuaomQNQcsA88c7O9yZ4KMCoOg4Koz4yOqhMva.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* vietnamese */
@font-face {
    font-family: 'Plus Jakarta Sans';
    font-style: italic;
    font-weight: 200 800;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/plusjakartasans/v8/LDIuaomQNQcsA88c7O9yZ4KMCoOg4Koz4yGqhMva.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Plus Jakarta Sans';
    font-style: italic;
    font-weight: 200 800;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/plusjakartasans/v8/LDIuaomQNQcsA88c7O9yZ4KMCoOg4Koz4yCqhMva.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Plus Jakarta Sans';
    font-style: italic;
    font-weight: 200 800;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/plusjakartasans/v8/LDIuaomQNQcsA88c7O9yZ4KMCoOg4Koz4y6qhA.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 200 800;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/plusjakartasans/v8/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko70yyygA.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* vietnamese */
@font-face {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 200 800;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/plusjakartasans/v8/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko50yyygA.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 200 800;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/plusjakartasans/v8/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko40yyygA.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 200 800;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/plusjakartasans/v8/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko20yw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
html {
    font-size: .052083333333333336vw
}
* {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
::-moz-selection {
    color: var(--white);
    background: #5946FE
}
::selection {
    color: var(--white);
    background: #5946FE
}
:root {
    --white: #ffffff;
    --light: #D9DADC;
    --dark: #000000;
    --green: #5BEAA2;
    --purple: #9E9E9E;
}
p {
    margin: 0;
    padding: 0
}
*, ::after, ::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0
}
::-webkit-scrollbar {
    width: 5rem;
}
::-webkit-scrollbar-track {
    background: 0 0
}
::-webkit-scrollbar-thumb {
    background: #9E9E9E;
    border-radius: 100px
}
::-webkit-scrollbar-thumb:hover {
    background: #9E9E9E
}
/* Slider */
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus {
    outline: none;
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}
.slick-track:after {
    clear: both;
}
.slick-loading .slick-track {
    visibility: hidden;
}
.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1rem;
}
.slick-slide img {
    border-radius: 30rem;
}
.wp-block-columns {
    align-items: center !important;
}
[dir='rtl'] .slick-slide {
    float: right;
}
.slick-slide img {
    display: block;
}
.slick-slide.slick-loading img {
    display: none;
}
.slick-slide.dragging img {
    pointer-events: none;
}
.slick-initialized .slick-slide {
    display: block;
}
.slick-loading .slick-slide {
    visibility: hidden;
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
.slick-dots {
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 1rem 0;
    list-style-type: none;
}
.slick-dots li {
    margin: 0 0.25rem;
}
.slick-dots button {
    display: block;
    width: 1rem;
    height: 1rem;
    padding: 0;
    border: none;
    border-radius: 100%;
    background-color: blue;
    text-indent: -9999px;
}
.slick-dots li.slick-active button {
    background-color: #fff;
}
.slick-arrow {
    z-index: 1;
    width: 40px;
    height: 40px;
}
.slick-dots, .slick-next, .slick-prev {
    position: absolute;
    display: block;
    padding: 0
}
.slick-dots li button:before, .slick-next:before, .slick-prev:before {
    font-family: slick;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.slick-loading .slick-list {
    background: url(../img/ajax-loader.gif) center center no-repeat #fff
}
@font-face {
    font-family: slick;
    font-weight: 400;
    font-style: normal;
    src: url(../fonts/slick.eot);
    src: url(../fonts/slick.eot?#iefix) format('embedded-opentype'), url(../fonts/slick.woff) format('woff'), url(../fonts/slick.ttf) format('truetype'), url(../fonts/slick.svg#slick) format('svg')
}
.slick-next, .slick-prev {
    line-height: 0;
    font-size: 0;
    top: 50%;
    width: 50%;
    height: 100%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: 0;
    background: 0 0;
    background: transparent;
    padding: 30rem;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0rem;
}
.slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover {
    color: transparent;
    outline: 0;
    background: transparent;
}
.slick-next.slick-disabled:before, .slick-prev.slick-disabled:before {
    opacity: .25
}
.slick-next:before, .slick-prev:before {
    line-height: 1;
    opacity: 1;
    color: #fff;
    width: 70rem;
    height: 70rem;
    background: rgb(0 0 0 / 18%);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 130rem;
    line-height: 100%;
}
a.link:after {
    content: '';
    position: relative;
    text-decoration: none;
    border-bottom: 0px solid #fff;
    left: 10rem;
    display: inline-block;
    font-weight: 600;
    font-size: 24rem;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="512" height="512" x="0" y="0" viewBox="0 0 344.456 344.456" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g><path d="M344.353 275.462 344.456 0 68.891.034l-.034 34.412h216.801L0 320.103l24.353 24.353L310.011 58.799v216.766z" fill="%23000000" opacity="1" data-original="%23000000" class=""></path></g></svg>');
    width: 20rem;
    height: 20rem;
    background-size: cover;
    background-repeat: no-repeat;
    top: 3rem;
}
.slick-next:before, .slick-prev:before {
    opacity: 0;
    transition: 0.3s ease-in-out;
    transition-delay: 0;
}
.slick-next:hover:before, .slick-prev:hover:before {
    opacity: 1
}
.slick-prev {
    left: 25rem
}
[dir=rtl] .slick-prev {
    right: 25rem;
    left: auto
}
.slick-prev:before {
     content: '';
         background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="512" height="512" x="0" y="0" viewBox="0 0 20 20" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g><path d="m12 2-1.4 1.4L16.2 9H0v2h16.2l-5.6 5.6L12 18l8-8z" fill="%23ffffff" opacity="1" data-original="%23ffffff" class=""></path></g></svg>');
    background-size: 34rem;
    background-repeat: no-repeat;transform: scale(-1, 1);
    background-position: center;
}
.slick-next:before, [dir=rtl] .slick-prev:before {
    content: '';
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="512" height="512" x="0" y="0" viewBox="0 0 20 20" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g><path d="m12 2-1.4 1.4L16.2 9H0v2h16.2l-5.6 5.6L12 18l8-8z" fill="%23ffffff" opacity="1" data-original="%23ffffff" class=""></path></g></svg>');
    background-size: 34rem;
    background-repeat: no-repeat;
    background-position: center;
}
.slick-next {
    right: 25rem
}
[dir=rtl] .slick-next {
    right: auto;
    left: 25rem
}
[dir=rtl] .slick-next:before {
    content: '←'
}
.slick-slider {
    margin-bottom: 30rem
}
.slick-dots {
    bottom: 20rem;
    width: 100%;
    list-style: none;
    text-align: center
}
.slick-dots li {
    position: relative;
    display: inline-block;
    width: 10rem;
    height: 10rem;
    margin: 0 15rem;
    padding: 0;
    cursor: pointer
}
.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 10rem;
    height: 10rem;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: 0;
    background: rgb(255 255 255 / 30%);
}
.slick-dots li button:focus, .slick-dots li button:hover {
    outline: 0;
    background: rgb(255 255 255 / 70%);
}
.slick-dots li button:focus:before, .slick-dots li button:hover:before {
    opacity: 1
}
.slick-dots li button:before {
    font-size: 6rem;
    line-height: 20rem;
    position: absolute;
    top: 0;
    left: 0;
    width: 20rem;
    height: 20rem;
    content: '•';
    text-align: center;
    opacity: .25;
    color: #000
}
.slick-arrow:before {
    font-size: 30rem;
}
.slick-next {
    right: 0rem;
}
.slick-prev {
    left: 0rem;
}
body {
    position: relative;
    min-width: 320rem;
    font-size: 24rem;
    line-height: 1.25;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-variant-ligatures: no-common-ligatures;
    font-weight: 500;
    color: var(--black);
    width: 100%;
    min-height: 100%;
    margin: 0;
    padding: 0;
    background-color: var(--white);
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center center;
    min-height: calc(var(--vh, 1vh) * 100);
    overflow-x: hidden;
}
.content p {
    margin-bottom: 20rem;
}
.tag:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0rem;
    width: 100%;
    height: 540rem;
    z-index: -1;
    pointer-events: none;
    background: #5beaa2;
}
.wpcf7 form {
    position: absolute;
    right: 0;
    top: 0;
    background: #eee;
    border-radius: 0;
    padding: 30rem;
    margin: 0;
    width: 860rem;
}
article#post-484 {
    position: relative;
}
.wpcf7 form p {
    font-size: 20rem;
}
.wpcf7 form p:nth-child(6) {
    margin-bottom: 0;
}
.wpcf7 form button {
    cursor: pointer;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.sent .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    position: absolute;
    bottom: 30rem;
    right: 30rem;
    border: 0;
    font-size: 17rem;
    max-width: 270rem;
    text-align: right;
    margin: 0;
    padding: 0;
}
form.wpcf7-form.sent p {
    opacity: 0;
    transition: 0.3s;
}
form.wpcf7-form.sent {
    background: var(--purple);
    transition: 0.3s ease;
}
.wpcf7 form.sent .wpcf7-response-output {
    color: var(--light);
    max-width: 450rem;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 30rem;
    bottom: auto;
    right: auto;
}
.wpcf7-not-valid-tip {
    display: none;
}
.wpcf7 form input.wpcf7-not-valid, .wpcf7 form select.wpcf7-not-valid {
    border-bottom-color: #E91E63;
}
.wpcf7 form label {
    color: #9E9E9E
}
.wpcf7 form input, .wpcf7 form select {
    border: 0;
    background: 0;
    border-bottom: 2px solid var(--dark);
    width: 100%;
    font-size: 20rem;
    color: var(--dark);
    font-family: "Plus Jakarta Sans", sans-serif;
    padding: 10rem;
}
.page:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0rem;
    width: 100%;
    height: 540rem;
    z-index: -1;
    pointer-events: none;
    background: #5beaa2;
}
.top-bar a {
    text-transform: uppercase;
    font-size: 16rem;
    text-decoration: none;
    font-weight: 800;
    color: var(--purple);
}
.top-bar a:hover {
    opacity: 0.7;
}
.top-bar {
    background: var(--green);
    height: 60rem;
    display: none;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.home .top-bar {
    display: flex;
}
.page-template-about .content h2 span, .page-template-about .content h1 span {
    color: var(--purple);
}
.page-template-about .page h1, .page-template-about .page .h1 {
    font-size: 64rem;
    max-width: 1000rem;
    margin-left: auto;
    margin-right: auto;
}
.page-template-about .page>h1 {
    display: none;
}
.page-template-about figure.wp-block-image.size-full {
    margin-top: 60rem;
    margin-bottom: 60rem;
}
.page-template-about figure.wp-block-image.size-full img {
    border-radius: 30rem;
}
.page-template-about .content p, .page-template-about .content h2 {
    max-width: 1000rem;
    margin-left: auto;
    margin-right: auto;
}
.page-template-about .page:before, .page-template-about.page:before {
    display: none;
}
.page-template-contacts .page:before, .page-template-contacts.page:before {
    display: none;
}
h1, .h1 {
    font-size: 82rem;
    margin: 120rem 0;
    font-weight: 700;
}
body.page-template-contacts {
    background: var(--white);
}
.page-template-contacts footer {
    margin: 0;
    position: absolute;
    bottom: 0rem;
}
.tag h1, .home h1, .page h1 {
    font-size: 90rem;
}
.tag h1, .home h1, .home .h1, .page h1, .page .h1 {
    margin-bottom: 30rem;
    margin-top: 60rem
}
.home h1 {
    margin-top: 120rem;
   margin-bottom: 20rem;
    text-transform: none;
    font-size: 46rem;
    font-weight: 600;
    line-height: 140%;
    max-width: 1280rem;
}
.home h1 + .flex{ margin-bottom: 120rem;}
.home h1 + .flex {gap: 20rem}
.home h1 + .flex .btn{border-radius: 200rem}
.home h1 b {
    font-weight: 900
}
.home h1 i.photo {
    width: 75rem;
    height: 75rem;
    background-image: url(../img/photo.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    display: inline-block;
    margin: 0 10rem;
    top: 18rem;
}
.home h2, .home .h2 {}
.wp-block-details ul.wp-block-list {
    font-size: 20rem;
}
section.section.section-trustworthy .cases-wrap .case-item p {
    font-size: 16rem;
    line-height: 145%;
    font-weight: 500
}
section.section.section-trustworthy .cases-wrap .case-item span {
    color: rgb(0 0 0 / 30%)
}
section.section.section-trustworthy .cases-wrap .case-item img.game-link {
    max-width: initial;
    max-height: 50rem;
    border-radius: 0;
}
section.section.section-slider.section-trustworthy .slick-track {
    display: flex;
    gap: 30rem;
    align-items: center;
}
section.section.section-trustworthy .cases-wrap .case-item {
    flex: 1;
    border: 0;
    background: var(--light);
    color: var(--dark);
    transition: .3s;
    padding: 60rem;
    display: flex;
    flex-direction: column;
    gap: 20rem;
    transition: .3s ease;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
    min-height: 360rem;
    width: 100%;
    max-width: 600rem;
    border-radius: 30rem;
}
section.section.section-trustworthy .face {
    filter: grayscale(1);
    width: 75rem;
    height: 75rem;
    display: block;
    position: absolute;
    right: 20rem;
    top: 20rem;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}
section.section.section-trustworthy .item-dartmouth .face {
    background-image: url(../img/face01.png)
}
section.section.section-trustworthy .item-dartmouth .face {
    background-image: url(../img/face02.png)
}
section.section.section-trustworthy .item-dartmouth .face {
    background-image: url(../img/face03.png)
}
section.section.section-trustworthy .item-dartmouth .face {
    background-image: url(../img/face04.png)
}
section.section.section-trustworthy .item-dartmouth .face {
    background-image: url(../img/face05.png)
}
section.section.section-trustworthy .item-dartmouth .face {
    background-image: url(../img/face06.png)
}
section.section.section-trustworthy .cases-wrap {
    padding: 0;
    gap: 0
}
section.section.section-slider.section-trustworthy {
    margin-bottom: 0rem;
    padding-top: 30rem;
    padding-bottom: 0rem;
    margin-top: 0;
}
.page a:hover {
    color: inherit;
}
.wp-block-details.flexwrap ul.wp-block-list {
    display: flex;
    flex-wrap: wrap;
}
body .is-layout-flex.rtl {
    flex-direction: row-reverse !important;
}
.wp-block-details.flexwrap ul.wp-block-list li {
    flex: 50%;
}
.columnswrap {
    margin: 60rem 0;
}
.identityprocess {
    background: var(--green);
    border-radius: 30rem;
    padding: 60rem;
}
.btn a {
    background: transparent;
    padding: 0;
    font-size: inherit;
}
.identityprocess h2 {
    font-size: 64rem;
    margin: 0;
    margin-bottom: 10rem
}
.identityprocess .wp-block-columns+.wp-block-columns {
    justify-content: center;
    margin-top: 40rem;
}
.identityprocess .wp-block-column h3 {
    color: var(--purple);
    margin-top: 0;
}
.btn {
    font-size: 24rem;
    border: 0;
}
.btn-purple {
    background: var(--purple);
    color: var(--green);
}
.identityprocess .wp-block-column {
    background: var(--white);
    font-size: 18rem;
    border-radius: 30rem;
    padding: 30rem;
    max-width: 33%;
}
.purple {
    color: var(--purple)
}
.tag h2 {
    max-width: 1200rem;
}
h1 a, .h1 a {
    color: var(--purple);
}
a {
    transition: 0.3s ease
}
a:hover {
    color: var(--purple);
}
.home h1 a:hover:before {
    background: var(--green);
}
.home h1 a:hover {
    color: var(--green);
}
body.animate {
    padding: 0 0
}
h1 a:before {
    content: '';
    width: 0rem;
    height: 7rem;
    background: var(--purple);
    position: absolute;
    bottom: 0;
    transition: 0.3s
}
h1 a.underline:before {
    width: 395rem;
}
h1 a:hover:before {
    background: var(--purple);
    transition: 0.1s
}
h1 a, .h1 a {
    text-decoration: none;
}
.btn {
    text-decoration: none;
    font-weight: 700;
    background: var(--dark);
    padding: 12rem 24rem;
    border-radius: 0;
    color: var(--white);
}
.btn a {
    color: var(--white);
}
.btn-purple {
    border: 0
}
.btn-purple a {
    color: var(--green);
}
a.more-link {
    margin: 0 auto;
    color: var(--white);
    display: table;
    margin-top: 120rem;
}
i {
    font-style: normal;
}
.logo {
    width: 190rem;
    height: 50rem;
    text-decoration: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 2;
}
.logo svg {
    max-width: 100%;
    height: auto;
}
html.lenis {
    height: auto
}
.lenis.lenis-smooth {
    scroll-behavior: auto
}
.lenis.lenis-smooth [data-lenis-prevent] {
    overscroll-behavior: contain
}
.lenis.lenis-stopped {
    overflow: hidden
}
.lenis.lenis-scrolling iframe {
    pointer-events: none
}
header {
    font-weight: 400;
    width: 100%;
    margin: 0 auto;
    padding-top: 40rem;
    transition: .3s;
    background: 0 0;
    height: auto;
    border-radius: 0;
    z-index: 9999
}
footer {
    font-weight: 400;
    width: 100%;
    margin: 0 auto;
    padding-top: 60rem;
    padding-bottom: 60rem;
    transition: .3s;
    background: 0 0;
    height: auto;
    border-radius: 0;
    z-index: 9;
    display: flex;
    background: var(--dark);
    color: var(--white);
}
footer {
    margin-top: 60rem
}
header .container {
    justify-content: space-between;
    flex-direction: row;
    display: flex;
    margin: 0 auto;
    align-items: center;
    font-size: 20rem;
    font-weight: bold;
    position: relative;
    align-content: center;
}
.soc {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10rem
}
.soc a:hover {
    opacity: 0.7
}
.soc a {
    transition: 0.3s;
    background-size: cover;
    width: 40rem;
    height: 40rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.soc .dribbble {
    background-image: url(../img/dribbble.svg)
}
.soc .behance {
    background-image: url(../img/behance.svg)
}
.soc .linkedin {
    background-image: url(../img/linkedin.svg)
}
.soc .instagram {
    background-image: url(../img/instagram.svg)
}
.more-works .works .item:last-child {
    top: 0;
}
.more-works {
    background: #5beaa2;
}
.works .item .flex .title {
    flex-direction: column;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 45rem;
}
.works .item .flex .title .tags-container {
    max-width: initial;
    text-align: left;
    font-size: 14rem;
    line-height: 1.25;
    display: flex;
    flex-wrap: wrap;
    gap: 10rem;
    font-weight: 600;
}
.works .item .flex .title .tags-container span {
    padding: 5rem 10rem;
    background: #eee;
    border-radius: 100rem;
    color: #252525;
}
.page .more-works {
    background: transparent;
    margin-top: 20rem
}
.page .slick-slide {
    min-height: 750rem;
}
.more-works .container h1, .more-works .container .h1 {
    margin-top: 0;
    margin-bottom: 60rem;
}
.single footer {
    margin-top: 60rem;
}
.more-works .container .h1 {
    color: #9E9E9E;
}
.more-works .container {
    padding-top: 60rem;
    padding-bottom: 60rem;
}
footer .container {
    justify-content: space-between;
    flex-direction: row;
    display: flex;
    margin: 0 auto;
    align-items: center;
    font-size: 26rem;
    font-weight: bold;
    align-content: center;
}
a {
    color: var(--dark);
}
body.animate .anima:first-child {
    transition-delay: 0.1s
}
body.animate header.anima {
    transition-delay: 0s !important
}
body.animate .anima:nth-child(2) {
    transition-delay: 0.2s
}
body.animate .anima:nth-child(3) {
    transition-delay: 0.3s
}
body.animate .anima:nth-child(4) {
    transition-delay: 0.4s
}
body.animate .anima:nth-child(5) {
    transition-delay: 0.5s
}
body.animate .anima:nth-child(6) {
    transition-delay: 0.6s
}
body.animate .anima:nth-child(7) {
    transition-delay: 0.7s
}
body.animate .anima:nth-child(8) {
    transition-delay: 0.8s
}
body.animate .anima:nth-child(9) {
    transition-delay: 0.9s
}
body.animate .anima:nth-child(10) {
    transition-delay: 1.0s
}
body.animate .anima:nth-child(12) {
    transition-delay: 1.2s
}
body.animate .anima:nth-child(13) {
    transition-delay: 1.3s
}
body.animate .anima:nth-child(14) {
    transition-delay: 1.4s
}
body.animate .anima:nth-child(15) {
    transition-delay: 1.5s
}
body.animate .anima:nth-child(16) {
    transition-delay: 1.6s
}
body.animate .anima:nth-child(17) {
    transition-delay: 1.7s
}
body.animate .anima:nth-child(18) {
    transition-delay: 1.8s
}
body.animate .anima:nth-child(19) {
    transition-delay: 1.9s
}
body.animate .anima:nth-child(20) {
    transition-delay: 2s
}
.anima {
    transition: 0s;
    transform: translate(0, 10%);
    opacity: 0
}
body.animate .anima {
    transition: .75s;
    transform: translate(0, 0);
    opacity: 1
}
.reveal {
    position: relative;
    opacity: 0
}
.reveal.active {
    opacity: 1
}
figure.wp-block-gallery.has-nested-images {
    display: block;
}
.active.fade-bottom {
    animation: fade-bottom .75s ease-in-out
}
@keyframes fade-bottom {
    0% {
        transform: translateY(50rem);
        opacity: 0
    }
    100% {
        transform: translateY(0);
        opacity: 1
    }
}
.container {
    width: 100%;
    padding: 0 60rem;
}
.works {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    row-gap: 120rem;
}
.works .description {
    flex-direction: column;
    display: flex;
    gap: 20rem;
}
img {
    max-width: 100%;
    height: auto;
}
.single article img {
    border-radius: 0rem;
}
.single article h1, .single article .h1 {
    margin-bottom: 30rem;
    color: var(--dark);
    line-height: 100%;
}
li.menu-item-has-children:hover ul.sub-menu {
    opacity: 1;
    transform: translateY(0);
    pointer-events: all;
}
ul.sub-menu {
    margin: 0;
    padding: 20rem 20rem;
    list-style: none;
    position: absolute;
    background: var(--white);
    box-shadow: 0 0 20rem rgb(0 0 0 / 10%);
    border-radius: 10rem;
    gap: 5rem;
    width: 240rem;
    display: flex;
    z-index: 9;
    flex-direction: column;
    pointer-events: none;
    opacity: 0;
    transition: 0.3s;
    transform: translateY(-10rem);
    margin-left: -10rem;
    margin-top: 0rem;
}
ul.sub-menu li:hover a {
    color: var(--purple);
}
ul#menu-menu a {
    text-decoration: none;
    text-transform: lowercase;
    list-style: none;
}
ul#menu-menu .btn {
    font-size: 20rem
}
ul#menu-menu .btn a {
    font-size: 20rem
}
ul#menu-menu li.link a {
    color: var(--purple);
    text-decoration: underline;
}
ul#menu-menu {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30rem;
    list-style: none;
}
.works .item h2 {
    display: none;
}
:where(.wp-block-columns) {
    margin-bottom: 0em;
}
:where(figure) {
    margin: 0 0 60rem;
}
:where(.wp-block-columns.is-layout-flex) {
    gap: 60rem;
}
.single article .center {
    max-width: 1000rem;
    margin-left: auto;
    margin-right: auto;
}
.single article h1, .single article .h1 {
    max-width: 1000rem;
    margin-left: auto;
    margin-right: auto;
}
.single article p {
    font-size: 26rem;
    margin-bottom: 160rem;
    font-weight: 500;
}
.single article a {
    color: #6b6b6b;
}
ul#menu-menu .current-menu-item a {
    color: var(--purple);
}
.slick-slider2 {
    width: calc(100% + 120rem);
    margin-left: -60rem;
    margin-top: 120rem;
    margin-bottom: 120rem;
}
html .slick-slider2 .slick-track {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 60rem;
    top: 0;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
html .slick-slider2 .slick-track img {
    max-width: 150rem;
    max-height: 55rem;
    opacity: 0.25;
}
ul#menu-menu .current-menu-item.btn a {
    color: white;
}
body:not(.home) ul#menu-menu>li.current-menu-parent>a {
    color: #9E9E9E;
}
ul#menu-menu .current-menu-parent ul.sub-menu li a {
    text-decoration: none;
}
.single article .center strong {
    font-size: 20rem;
    font-weight: 500;
    color: #6b6b6b;
}
.single article .wp-block-group.center {
    margin-top: 120rem;
}
figure.wp-block-image.size-full {
    max-width: 1440rem;
    margin-left: auto;
    margin-right: auto;
}
.works .item {
    width: 100%;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    gap: 60rem;
}
.flex {
    display: flex;
}
.works .item .flex {
    justify-content: flex-start;
    align-items: flex-start;
}
.works .item .flex div {
    flex: 1
}
.works .item .flex div:last-child {
    text-align: right;
}
.works .item:hover {
    color: var(--dark);
}
.works .item .img {
    overflow: hidden;
    border-radius: 20rem;
    position: relative;
    width: 1790rem;
    height: 960rem;
    margin-bottom: 0;
}
.works .item img {
    object-fit: fill;
    width: 100%;
    height: auto;
}
.works .title {
    font-size: 32rem;
    font-weight: 700;
    transition: 0.2s ease;
    margin: 0rem 0 0rem;
}
.tag h1 span {
    color: var(--purple);
}
.works .item .flex div:first-child {
    max-width: 600rem;
}
.works .item .flex div:last-child {
    max-width: 300rem
}
.works .item .flex div:last-child p {
    border: 3rem solid #000;
    max-width: 120rem;
    margin-left: auto;
    text-align: center;
    padding: 10rem;
    font-weight: 600;
    border-radius: 80rem;
}
.identityprocess .wp-block-column p {
    margin-bottom: 0;
}
.btn1 {
    position: absolute;
    width: 60rem;
    display: none;
    height: 60rem;
    top: -10rem;
    right: 60rem;
    z-index: 2;
    transition-duration: 0.5s;
}
.btn1 .icon-left {
    transition-duration: 0.5s;
    position: absolute;
    height: 8rem;
    width: 30rem;
    top: 30rem;
    background-color: var(--purple);
    left: 0rem;
}
.btn1 .icon-left:before {
    transition-duration: 0.5s;
    position: absolute;
    width: 30rem;
    height: 8rem;
    background-color: var(--purple);
    content: "";
    top: -20rem;
}
.btn1 .icon-left:after {
    transition-duration: 0.5s;
    position: absolute;
    width: 30rem;
    height: 8rem;
    background-color: var(--purple);
    content: "";
    top: 20rem;
}
.btn1 .icon-left:hover {
    cursor: pointer;
}
.btn1 .icon-right {
    transition-duration: 0.5s;
    position: absolute;
    height: 8rem;
    width: 30rem;
    top: 30rem;
    background-color: var(--purple);
    left: 30rem;
}
.btn1 .icon-right:before {
    transition-duration: 0.5s;
    position: absolute;
    width: 30rem;
    height: 8rem;
    background-color: var(--purple);
    content: "";
    top: -20rem;
}
.btn1 .icon-right:after {
    transition-duration: 0.5s;
    position: absolute;
    width: 30rem;
    height: 8rem;
    background-color: var(--purple);
    content: "";
    top: 20rem;
}
.btn1.open .icon-left {
    transition-duration: 0.5s;
    background: transparent;
}
.btn1.open .icon-left:before {
    transform: rotateZ(45deg) scaleX(1.4) translate(4rem, 4rem);
}
.btn1.open .icon-left:after {
    transform: rotateZ(-45deg) scaleX(1.4) translate(4rem, -4rem);
}
.btn1.open .icon-right {
    transition-duration: 0.5s;
    background: transparent;
}
.btn1.open .icon-right:before {
    transform: rotateZ(-45deg) scaleX(1.4) translate(-4rem, 4rem);
}
.btn1.open .icon-right:after {
    transform: rotateZ(45deg) scaleX(1.4) translate(-4rem, -4rem);
}
.btn1:hover {
    cursor: pointer;
}
.page-template-contacts a.link {
    font-weight: bold;
    color: var(--purple);
}
@media only screen and (max-width:1023px) {

    .container {

    padding: 0 30rem;
}
    .works .item .flex div:last-child p {
        border-width: 2px;
        padding: 7rem 15rem;
        font-size: 16rem;
        font-weight: 700;
    }
    .works .item .flex .title .tags-container {
        display: none;
    }
    .works .item .flex div.year {
        position: absolute;
        right: 0;
    }
    .works .item .flex .title {
        gap: 10rem;
    }
    .wpcf7 form input, .wpcf7 form select {
        border-bottom: 1px solid var(--dark)
    }
    .works .item .flex {
        gap: 20rem
    }
    .top-bar a {
        font-size: 20rem
    }
    .page-template-contacts footer {
        position: relative;
        margin-top: 60rem;
    }
    section.section.section-trustworthy .cases-wrap .case-item p {
        font-size: 20rem
    }
    header {
        padding-top: 40rem;
    }
    .wpcf7 form {
        position: relative;
        width: 100%;
        top: 0rem;
        margin-top: 30rem;
    }
    .wpcf7 form p {
        font-size: 24rem;
        font-weight: 600;
    }
    .wpcf7 form input, .wpcf7 form select {
        font-size: 24rem;
        font-weight: 600;
    }
    .menu ul li a {
        font-size: 30rem;
    }
    .menu ul {
        display: flex;
        flex-direction: column;
        gap: 20rem;
        font-size: 30rem;
    }
    ul#menu-menu {
        margin: 0;
        padding: 0;
    }
    .menu {
        position: absolute;
        top: -40rem;
        left: 0;
        width: 100%;
        height: calc(var(--vh, 1vh)* 100);
        background: var(--green);
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 1;
        transform: translate3d(0, -150vh, 0);
        transition: 0.3s cubic-bezier(0.46, 0.03, 0.52, 0.96);
    }
    ul#menu-menu li:not(:last-child) a {
        font-size: 50rem;
    }
    li.menu-item-has-children>a+ul {
        display: block;
        opacity: 1;
        transition: 0s;
        margin: 0;
        padding: 0;
        left: 0;
        text-align: center;
        width: 100%;
        background: transparent;
        box-shadow: none;
        transform: translate(0);
        position: relative;
        line-height: 260%;
    }
    ul#menu-menu li.btn a {
        font-size: 40rem;
    }
    /*li#menu-item-94 a:before{content: 'our '}
li#menu-item-476 a:after {content: ' services';}
li#menu-item-481 a:after {    content: ' services';}*/
    li.menu-item-has-children>a {
        display: none;
    }
    .mobilemenu.open+.menu {
        transform: translate3d(0, 0rem, 0);
    }
    li#menu-item-95 {}
    .btn1 {
        display: block;
    }
    .btn {
        font-size: 30rem;
    }
    .wp-block-details ul.wp-block-list li {
        font-size: 30rem;
        line-height: 140%;
    }
    .wp-block-details.flexwrap ul.wp-block-list li {
        flex: 100%;
    }
    .tag h1, .home h1, .home .h1, .page h1 {
        margin-top: 60rem;
        line-height: 105%;
    }
    .page h1+div>h2 br {
        display: none;
    }
    .page .slick-slide {
        min-height: 460rem;
    }
    body .is-layout-flex.rtl {
        margin-top: 60rem;
    }
    body .is-layout-flex.rtl+.is-layout-flex {
        margin-top: 60rem;
    }
    .identityprocess .wp-block-column h3 {
        font-size: 32rem;
        margin: 0;
        margin-bottom: 10rem;
    }
    .identityprocess .wp-block-column p {
        font-size: 24rem;
        margin-bottom: 0;
    }
    .identityprocess .wp-block-column {
        max-width: 100%;
    }
    .identityprocess .wp-block-columns {
        flex-direction: column;
    }
    .identityprocess .wp-block-columns {
        flex-direction: column;
        gap: 40rem;
    }
    .tag h1 span {
        display: block;
    }
    .tag h2, .page h1+div>h2 {
        font-size: 30rem;
    }
    .tag:before, .page:before {
        height: 570rem;
    }
    h1 a.underline:before {
        width: 325rem;
    }
    .page-id-478:before {
        height: 570rem;
    }
    .tag h1, .home h1 {
        font-size: 36rem;
    }
    .works .item .flex {
        flex-direction: column;
    }
    .home h2, .home .h2 {
        font-size: 36rem;
    }
    html {
        font-size: .175vw
    }
    body {
        font-size: 30rem;
    }
    ul#menu-menu li:not(:last-child) {}
    .single article .center {
        margin-bottom: 60rem;
        padding: 0 40rem;
    }
    .single article .center strong {
        font-size: 26rem;
    }
    :where(.wp-block-columns.is-layout-flex) {
        gap: 0rem;
    }
    .single article p {
        font-size: 30rem
    }
    :where(figure) {
        margin: 0 0 30rem;
    }
    .single article h1 {
        padding: 0 40rem;
    }
    .single h2.wp-block-heading {
        display: block;
        height: auto;
        position: relative;
        font-size: 60rem;
    }
    .single .more-works .container {
        padding-left: 60rem;
        padding-right: 60rem;
        padding-top: 60rem;
        padding-bottom: 60rem;
    }
    a.more-link {
        font-size: 30rem;
        padding: 20rem 40rem;
        opacity: 1;
        margin-top: 60rem;
    }
    .single article img {
        border-radius: 30rem;
    }
    .single section .container {
        padding: 0 15rem;
    }
    .works {
        flex-direction: column;
        flex-wrap: nowrap;
        gap: 60rem;
    }
    .works .item {
        width: 100%;
        gap: 30rem;
    }
    .works .item .img {
        width: 570rem;
        height: 320rem;
        position: relative;
        left: -30rem;
        border-radius: 0;
    }
    footer {
        margin-top: -13rem;
    }
    .home h1 i.photo {
        width: 55rem;
        height: 55rem;
        margin: 0 3rem;
        top: 5rem;
    }
    .works .description {
        transform: translateY(0);
        font-size: 24rem;
        color: #000;
    }
    .tag h1, .home h1, .home .h1 {
        margin-top: 40rem;
        margin-bottom: 40rem;
    }
    ul#menu-menu {
        font-size: 30rem
    }
    h1 {
        margin: 60rem 0;
    }
}
.works .description {
    font-weight: 600;
    color: #000;
}