html {
  scroll-behavior: smooth;
}
.anim {
    -webkit-animation-fill-mode: forwards !important;
    animation-fill-mode: forwards !important;
    opacity: 0;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.anim.single-project {
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.anim.single-project.done {
    opacity: 1 !important;
}
.anim-stage > * {
    -webkit-animation-fill-mode: forwards !important;
    animation-fill-mode: forwards !important;
    opacity: 0;
}
@-webkit-keyframes zoom {
    0% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        color: #00f5c9;
    }
}
@keyframes zoom {
    0% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        color: #00f5c9;
    }
}
@-webkit-keyframes zoom-fade {
    from {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}
@keyframes zoom-fade {
    from {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}
@-webkit-keyframes line {
    0% {
        width: 0;
        opacity: 0;
    }
    100% {
        width: 510px;
        opacity: 1;
    }
}
@keyframes line {
    0% {
        width: 0;
        opacity: 0;
    }
    100% {
        width: 510px;
        opacity: 1;
    }
}
@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    70% {
        -webkit-transform: rotate(300deg);
        transform: rotate(300deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        opacity: 1;
    }
}
@keyframes rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    70% {
        -webkit-transform: rotate(300deg);
        transform: rotate(300deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        opacity: 1;
    }
}
@-webkit-keyframes slide {
    to {
        width: 100%;
        opacity: 1;
    }
}
@keyframes slide {
    to {
        width: 100%;
        opacity: 1;
    }
}
@-webkit-keyframes slide-height {
    from {
        opacity: 1;
    }
    to {
        height: 100%;
        opacity: 1;
    }
}
@keyframes slide-height {
    from {
        opacity: 1;
    }
    to {
        height: 100%;
        opacity: 1;
    }
}
@-webkit-keyframes fade {
    to {
        opacity: 1;
    }
}
@keyframes fade {
    to {
        opacity: 1;
    }
}
@-webkit-keyframes fade-left {
    from {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes fade-left {
    from {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@-webkit-keyframes fade-right {
    from {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes fade-right {
    from {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@-webkit-keyframes fade-up {
    from {
        -webkit-transform: translateY(10%);
        transform: translateY(10%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes fade-up {
    from {
        -webkit-transform: translateY(10%);
        transform: translateY(10%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
.anim-stage > * {
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
}
@-webkit-keyframes anim-stage {
    from {
        opacity: 0;
        -webkit-transform: translateY(60px);
        transform: translateY(60px);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes anim-stage {
    from {
        opacity: 0;
        -webkit-transform: translateY(60px);
        transform: translateY(60px);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@-webkit-keyframes fade-up-2 {
    from {
        -webkit-transform: translateY(20%);
        transform: translateY(20%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes fade-up-2 {
    from {
        -webkit-transform: translateY(20%);
        transform: translateY(20%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@-webkit-keyframes fade-up-3 {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        opacity: 0;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes fade-up-3 {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        opacity: 0;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@-webkit-keyframes fade-down {
    from {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes fade-down {
    from {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@media screen and (max-width: 991px) {
    @-webkit-keyframes line {
        0% {
            width: 0;
            opacity: 0;
        }
        100% {
            width: 247px;
            opacity: 1;
        }
    }
    @keyframes line {
        0% {
            width: 0;
            opacity: 0;
        }
        100% {
            width: 247px;
            opacity: 1;
        }
    }
    @-webkit-keyframes circleShadow {
        0% {
            width: 11px;
            height: 11px;
        }
        100% {
            width: 50px;
            height: 50px;
        }
    }
    @keyframes circleShadow {
        0% {
            width: 11px;
            height: 11px;
        }
        100% {
            width: 50px;
            height: 50px;
        }
    }
}
@media screen and (max-width: 575px) {
    @-webkit-keyframes line {
        0% {
            width: 0;
            opacity: 0;
        }
        100% {
            width: 150px;
            opacity: 1;
        }
    }
    @keyframes line {
        0% {
            width: 0;
            opacity: 0;
        }
        100% {
            width: 150px;
            opacity: 1;
        }
    }
}
.modal-window {
    display: none;
}
body,
html {
    margin: 0;
    font-family: Rubik, sans-serif;
    min-width: 320px;
    font-size: 20px;
}
body {
    max-width: 100%;
}
body.fixed {
    position: fixed;
}
* {
    letter-spacing: 0;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    display: none;
}
img.lazyload,
video.lazyload {
    opacity: 0;
    visibility: hidden;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
.desk-only {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}
.mob-only {
    display: none !important;
}
@media screen and (max-width: 767px) {
    .desk-only {
        display: none !important;
    }
    .mob-only {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }
}
.is-loaded,
[data-loaded="true"] {
    opacity: 0;
    visibility: visible;
    -webkit-animation: faddingImgAnim 0.5s ease;
    animation: faddingImgAnim 0.5s ease;
}
@-webkit-keyframes faddingImgAnim {
    0% {
        visibility: hidden;
        opacity: 0;
        -webkit-filter: blur(10px);
        filter: blur(10px);
    }
    100% {
        visibility: visible;
        opacity: 1;
        -webkit-filter: blur(0);
        filter: blur(0);
    }
}
@keyframes faddingImgAnim {
    0% {
        visibility: hidden;
        opacity: 0;
        -webkit-filter: blur(10px);
        filter: blur(10px);
    }
    100% {
        visibility: visible;
        opacity: 1;
        -webkit-filter: blur(0);
        filter: blur(0);
    }
}
* {
    letter-spacing: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    outline: 0;
}
a,
button {
    cursor: pointer;
}
h1,
h2,
h3,
h4,
h5,
h6,
ol,
p,
ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
* {
    outline: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: Rubik, sans-serif;
}
body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-family: Rubik, sans-serif;
}
body.no-scroll {
    overflow: hidden;
}
html {
    height: auto;
    min-height: 100%;
    font-size: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
body {
    height: auto;
    background: #fff;
}
main {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 3;
}
h1,
h2,
h3,
h4,
h5,
h6,
ol,
p,
ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.footer {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background: #fff;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
::-webkit-scrollbar-thumb {
    background: #000;
    border: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"] {
    -moz-appearance: textfield;
}
.section-404 {
    width: 100%;
    padding: 6.25vw 0 3.125vw;
}
.section-404__inner {
    width: 100%;
    background: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 3.125vw;
}
.section-404__content {
    width: 100%;
    max-width: 48.4375vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.section-404__content-title {
    font-size: 9.375vw;
    font-weight: 600;
    color: #fff;
    line-height: 1.2;
    margin-bottom: 2.0833333333vw;
}
.section-404__content-subtitle {
    font-style: normal;
    font-weight: 700;
    font-size: 2.96875vw;
    line-height: 1.14;
    color: #f4d903;
    color: #fff;
    margin-bottom: 1.5625vw;
    text-align: center;
}
.section-404__content-text {
    font-style: normal;
    font-weight: 400;
    font-size: 1.0416666667vw;
    line-height: 1.2;
    color: #fff;
    color: #00f;
    text-align: center;
    margin-bottom: 1.5625vw;
}
@media screen and (max-width: 767px) {
    .section-404 {
        padding: 4.6511627907vw 0 0;
    }
    .section-404 .container {
        padding: 0;
    }
    .section-404__inner {
        padding: 9.3023255814vw 5.8139534884vw;
    }
    .section-404__content {
        max-width: 100%;
    }
    .section-404__content-title {
        font-size: 30.2325581395vw;
        margin-bottom: 2.3255813953vw;
    }
    .section-404__content-subtitle {
        margin-bottom: 4.6511627907vw;
        font-size: 9.3023255814vw;
    }
    .section-404__content-text {
        font-size: 3.7209302326vw;
        margin-bottom: 4.6511627907vw;
    }
}
.text-block {
    font-family: "Alfa Slab One", serif;
    font-weight: 300;
    line-height: 2.15;
    font-size: 1.0416666667vw;
    color: #000;
}
.text-block a {
    text-decoration: underline;
    font-weight: 500;
    color: #000;
}
.text-block :not(img, ul, ol, li, blockquote, span, strong, br, iframe) {
    margin-bottom: 1.1979166667vw;
}
.text-block br {
    content: "";
    display: block;
    height: 1.5625vw;
}
.text-block :last-child {
    margin-bottom: 0;
}
.text-block :last-child strong {
    font-weight: 700;
}
.text-block h1,
.text-block h2,
.text-block h3,
.text-block h4,
.text-block h5,
.text-block h6 {
    font-weight: 700;
    line-height: 1.2;
    color: #000;
}
.text-block h1 {
    font-size: 4.2708333333vw;
}
.text-block h2 {
    font-size: 3.125vw;
}
.text-block h3 {
    font-size: 2.7083333333vw;
}
.text-block h4 {
    font-size: 2.2916666667vw;
}
.text-block h5,
.text-block h6 {
    font-size: 1.7708333333vw;
}
.text-block a {
    text-decoration: underline;
}
.text-block blockquote {
    font-family: "Alfa Slab One", serif;
    background: #000;
    border-radius: 0.78125vw;
    font-weight: 400;
    font-size: 1.0416666667vw;
    line-height: 1.3;
    text-align: center;
    color: #fff;
    padding: 2.6041666667vw 4.6875vw;
    position: relative;
    z-index: 2;
}
.text-block blockquote::after,
.text-block blockquote::before {
    content: '"';
    position: absolute;
    top: 0.4166666667vw;
    left: 0.9375vw;
    font-size: 4em;
    font-family: Arial;
}
.text-block blockquote::after {
    top: auto;
    left: auto;
    bottom: 0.4166666667vw;
    right: 0.9375vw;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.text-block img {
    max-width: 100%;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
}
.text-block .alignleft {
    float: left;
    margin-right: 2.0833333333vw;
}
.text-block .alignright {
    float: right;
    margin-left: 2.0833333333vw;
}
.text-block .aligncenter {
    margin: 0 auto;
}
.text-block ol li,
.text-block ul li {
    line-height: 1.5;
    margin-bottom: 0.5208333333vw;
}
.text-block ol li:last-child,
.text-block ul li:last-child {
    margin-bottom: 0;
}
.text-block ul li {
    padding-right: 1.0416666667vw;
    position: relative;
    z-index: 2;
}
.text-block ul li::after {
    content: "";
    position: absolute;
    top: 0.8854166667vw;
    right: 0;
    background: #000;
    border-radius: 50%;
    width: 0.3645833333vw;
    height: 0.3645833333vw;
}
.text-block ul li ol {
    counter-reset: numUl;
}
.text-block ul li ol li {
    padding-left: 0;
}
.text-block ul li ol li::after {
    display: none;
}
.text-block ul li ol li::before {
    counter-increment: numUl;
    content: counters(numUl, ".") ".";
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
}
.text-block ol {
    counter-reset: numOl;
}
.text-block ol li::before {
    counter-increment: numOl;
    content: counters(numOl, ".") ".";
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
}
.text-block ol li ol {
    padding-right: var(--paddingList);
}
.text-block ol li ul {
    padding-right: 1.0416666667vw;
}
.text-block ol li ul li {
    position: relative;
    z-index: 2;
}
.text-block ol li ul li::before {
    display: none;
}
@media screen and (max-width: 767px) {
    .text-block {
        font-size: 3.7209302326vw;
    }
    .text-block h1 {
        font-size: 9.3023255814vw;
    }
    .text-block h2 {
        font-size: 6.976744186vw;
    }
    .text-block h3 {
        font-size: 5.8139534884vw;
    }
    .text-block h4 {
        font-size: 5.3488372093vw;
    }
    .text-block h5,
    .text-block h6 {
        font-size: 4.6511627907vw;
    }
    .text-block :not(img, ul, ol, li, blockquote, span, strong, br, iframe) {
        margin-bottom: 2.7906976744vw;
    }
    .text-block ol li,
    .text-block ul li {
        margin-bottom: 2.7906976744vw;
    }
    .text-block img {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .text-block ul li {
        padding-right: 3.2558139535vw;
        position: relative;
        z-index: 2;
    }
    .text-block ul li::after {
        content: "";
        position: absolute;
        top: 2.0930232558vw;
        right: 0;
        background: #000;
        border-radius: 50%;
        width: 1.1627906977vw;
        height: 1.1627906977vw;
    }
    .text-block blockquote {
        width: 100%;
        font-size: 4.1860465116vw;
        padding: 6.976744186vw 4.6511627907vw;
        border-radius: 2.7906976744vw;
        margin-left: 0;
        margin-right: 0;
    }
    .text-block blockquote::before {
        top: 1.1627906977vw;
        left: 1.1627906977vw;
    }
    .text-block blockquote::after {
        bottom: 1.1627906977vw;
        right: 1.1627906977vw;
    }
}
.header {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    -webkit-backdrop-filter: blur(19px);
    backdrop-filter: blur(19px);
    background: #f4d903;
    z-index: 4;
}
.header-cont {
    width: 100%;
    height: 5.2083333333vw;
    padding: 1.3020833333vw 3.75vw 1.3020833333vw 3.6979166667vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.header .logo {
    width: 6.6666666667vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0.15625vw;
}
.header .logo a,
.header .logo img {
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.header .right-logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 22.96875vw;
}
.header .right-logo a,
.header .right-logo img {
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.main-section {
    width: 100%;
    height: 100vh;
    overflow: hidden;
    position: relative;
}
.main-section__cont {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 2;
    padding: 5.1041666667vw 0 0 2.8125vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.main-section__cont .copyr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 0.2604166667vw;
    position: absolute;
    z-index: 3;
    left: 3.8020833333vw;
    bottom: 2.3958333333vw;
}
.main-section__cont .copyr a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 2.8125vw;
    height: auto;
}
.main-section__cont .copyr a .ic {
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.main-section__cont .copyr a .ic img {
    width: 100%;
    height: auto;
}
.main-section__cont .copyr p {
    font-weight: 400;
    font-size: 0.625vw;
    line-height: 1;
    text-align: right;
    color: #000;
    margin-bottom: 1px;
    margin-left: -1px;
}
.main-section__top {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 0.78125vw;
    padding-right: 3.5416666667vw;
}
.main-section__top .title {
    width: 100%;
}
.main-section__bg {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.main-section__bg .img {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.main-section__bg .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.title {
    font-style: normal;
    font-weight: 700;
    font-size: 4.21875vw;
    line-height: 1.2272;
    color: #fff;
    text-shadow: 0 3px 6px rgba(0, 0, 0, 0.28);
}
.title strong {
    font-size: inherit;
    font-weight: inherit;
    display: inline-block;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 0.78125vw;
}
.title strong:first-child {
    margin-right: 0;
}
.title strong:last-child::before {
    content: "-";
    margin-left: 0.78125vw;
    margin-right: -0.2604166667vw;
}
.title br {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: none;
}
.main-section__center {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 6.9791666667vw;
}
.main-section__left {
    width: 50.1041666667vw;
    height: 28.0729166667vw;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 0.8854166667vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 1px;
    position: relative;
}
.main-section__left > p {
    top: calc(100% + 1.6146vw);
    position: absolute;
    font-weight: 400;
    font-size: 0.8333333333vw;
    text-align: right;
    color: #fff;
    line-height: 1.1875;
    width: 100%;
    max-width: 16.9270833333vw;
}
.play-btn {
    width: 4.4791666667vw;
    height: 4.4791666667vw;
    cursor: pointer;
    z-index: 10;
}
.play-btn svg {
    width: 100%;
    height: auto;
}
.play-btn svg .ellipse {
    opacity: 1;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.play-btn svg .triangle {
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: translate(-29%, 31%) rotate(90deg);
    -ms-transform: translate(-29%, 31%) rotate(90deg);
    transform: translate(-29%, 31%) rotate(90deg);
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.play-btn svg .pas {
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.play-btn:hover svg .ellipse {
    opacity: 1;
    fill: #ed6809;
}
.play-btn.pause svg .triangle {
    opacity: 0;
}
.play-btn.pause svg .pas {
    opacity: 1;
}
.video-block {
    width: 100%;
    height: 100%;
    position: relative;
}
.video-block .poster {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    z-index: 1;
}
.video-block .poster img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.video-block .video-cont {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.video-block .video-cont .video {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.video-block .video-cont .video-iframe {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.video-block .video-cont iframe,
.video-block .video-cont video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.video-block .play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    z-index: 4;
}
.video-block.hide-poster .poster {
    opacity: 0;
    pointer-events: none;
}
.video-block.hide-poster .video-cont {
    opacity: 1;
    pointer-events: auto;
}
.video-block.hide-poster .play-btn {
    opacity: 0;
}
.video-block.hide-poster:hover .play-btn {
    opacity: 1;
}
.main-section__right {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.main-section__right .p-txt {
    width: 100%;
    padding-right: 3.75vw;
    padding-left: 1.5104166667vw;
    margin-bottom: 0.8333333333vw;
    font-weight: 400;
    font-size: 1.25vw;
    line-height: 1.16666;
    text-align: right;
    color: #fff;
}
.main-section__right .p-txt br {
    display: none;
}
.sec-list {
    width: 100%;
    padding-right: 3.59375vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 0.5729166667vw 0;
}
.single-sec-list {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.0416666667vw;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.single-sec-list .txt {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding-left: 1.0416666667vw;
    padding-bottom: 0.15625vw;
}
.single-sec-list .txt p {
    font-family: "Segoe UI", sans-serif;
    font-weight: 400;
    font-size: 0.8854166667vw;
    line-height: 1.2941;
    text-align: right;
    color: #fff;
}
.single-sec-list .ic {
    width: 4.7395833333vw;
    height: 4.7395833333vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.single-sec-list .ic img {
    width: 100%;
    height: 100%;
}
.section-textual {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-top: 0.9375vw;
    padding-bottom: 0;
    margin-top: auto;
}
.section-textual > p {
    font-weight: 400;
    font-size: 0.8333333333vw;
    text-align: right;
    color: #fff;
    line-height: 1.1875;
    width: 100%;
    max-width: 16.9270833333vw;
    margin-top: 1.5625vw;
    margin-right: 3.75vw;
    display: none;
}
.section-textual > span {
    width: 100%;
    font-weight: 700;
    font-size: 1.6145833333vw;
    line-height: 1.2935;
    text-align: right;
    color: #fff;
    display: inline-block;
    padding-right: 4.0625vw;
    padding-left: 1.3541666667vw;
    margin-bottom: 0.5208333333vw;
}
.section-textual > span strong {
    font-size: inherit;
    font-weight: inherit;
}
.call-btn {
    height: 2.96875vw;
    width: 100%;
    font-weight: 500;
    font-size: 1.6145833333vw;
    color: #fff;
    line-height: 1;
    padding-left: 5.3645833333vw;
    overflow: hidden;
    position: relative;
}
.call-btn::before {
    width: 100%;
    height: 200%;
    background: #ed6809;
    display: inline-block;
    content: "";
    position: absolute;
    bottom: 100%;
    left: 0;
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: rotate(36deg);
    -ms-transform: rotate(36deg);
    transform: rotate(36deg);
}
.call-btn .call-btn__wrap {
    background: #ed6809;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 0.2604166667vw 3.75vw 0.625vw 2.0833333333vw;
    width: 100%;
    height: 100%;
    z-index: 2;
    position: relative;
}
.call-btn strong {
    font-weight: 500;
    font-size: 1.3541666667vw;
    display: inline-block;
    margin-right: 1.3020833333vw;
}
.btn {
    width: 100%;
    position: relative;
    z-index: 2;
    height: 4.375vw;
}
.btn .btn-bg {
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4.9479166667vw;
    overflow: hidden;
    background: #ed6809;
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: rotate(37deg);
    -ms-transform: rotate(37deg);
    transform: rotate(37deg);
}
.btn .btn-bg::before {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    content: "";
    position: absolute;
    -webkit-transform: translate(-101%, 0);
    -ms-transform: translate(-101%, 0);
    transform: translate(-101%, 0);
    background: #f4d903;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}
.btn .btn-cont {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: relative;
    padding: 0.2604166667vw 0.9895833333vw 0.3125vw 0.2604166667vw;
    background: #f4d903;
    z-index: 2;
}
.btn .btn-cont::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #ed6809;
    display: inline-block;
    content: "";
    -webkit-transform: translate(101%, 0);
    -ms-transform: translate(101%, 0);
    transform: translate(101%, 0);
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}
.btn .btn-cont p {
    font-weight: 500;
    font-size: 1.7708333333vw;
    line-height: 1;
    text-align: right;
    color: #1f3682;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    position: relative;
    z-index: 2;
    gap: 1.0416666667vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.btn .btn-cont p::after {
    width: 3.0729166667vw;
    height: 1.3020833333vw;
    background: #1f3682;
    -webkit-mask-image: url(../img/arrow-left.svg);
    mask-image: url(../img/arrow-left.svg);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: 0 0;
    mask-position: 0 0;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    display: inline-block;
    content: "";
}
.btn:hover .btn-cont::before {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}
.btn:hover .btn-cont p {
    color: #fff;
}
.btn:hover .btn-cont p::after {
    background: #fff;
}
.btn:hover .btn-bg::before {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}
.textual-form {
    width: 100%;
    background: #f4d903;
    padding: 0.15625vw 3.75vw 0.9375vw 1.1979166667vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.textual-form > p {
    font-size: 1.6145833333vw;
    font-weight: 500;
    color: #1f3682;
    line-height: 1.1935;
    margin-bottom: 0.5729166667vw;
}
.form .wpcf7-response-output {
    font-weight: 500;
    font-size: 1.0416666667vw;
    line-height: 1.4;
    text-align: center;
    color: #e69a00;
}
.form .wpcf7 {
    width: 100%;
}
.form form {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 4.375vw;
    gap: 0.5729166667vw 0.8854166667vw;
}
.btn-blue {
    outline: 0;
    cursor: pointer;
    margin: 0;
    padding: 0;
    width: calc(33.3333333333% - 0.5902666667vw + 0.1563vw);
    height: 1.71875vw;
    border: none;
    background: #1f3682;
    position: relative;
    overflow: hidden;
}
.btn-blue::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #ed6809;
    display: inline-block;
    content: "";
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    -webkit-transform: translate(101%, 0);
    -ms-transform: translate(101%, 0);
    transform: translate(101%, 0);
}
.btn-blue .btn-cont {
    padding: 0 1.1458333333vw 0 0.625vw;
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 1.1458333333vw;
    font-weight: 500;
    line-height: 1;
    color: #fff;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    text-align: right;
    cursor: pointer;
    background-image: linear-gradient(to right, #1f3682 50%, #ed6809 50%);
    background-size: 200% 100%;
    background-position: left bottom;
    transition: background-position 0.5s ease;
    border: 0;
}
.btn-blue .btn-cont:hover {
	background-position: right bottom;

}
.btn-blue::after {
    width: 1.9270833333vw;
    height: 0.8854166667vw;
    background: #fff;
    -webkit-mask-image: url(../img/arrow-left.svg);
    mask-image: url(../img/arrow-left.svg);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: 0 0;
    mask-position: 0 0;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    display: inline-block;
    content: "";
    position: absolute;
    top: 5px;
    left: 13px;
    z-index: 100;
}
.btn-blue:hover::after {
	background: #1f3682;
}
.btn-blue:hover::before {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}
.btn-blue:hover .btn-cont {
    color: #1f3682;
}
.btn-blue:hover .btn-cont::after {
    background: #1f3682;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output,.wpcf7 form.sent .wpcf7-response-output {display: none}
.checkbox-field {
    width: calc(33.3333333333% - 0.5902666667vw + 0.1563vw);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 1.71875vw;
}
.checkbox-field .wpcf7-form-control-wrap {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
}
.checkbox-field .wpcf7-checkbox {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
}
.checkbox-field label {
    width: 100%;
    position: relative;
    height: 100%;
}
.checkbox-field label input {
    position: absolute;
    margin: 0;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
}
.checkbox-field .wpcf7-list-item-label {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 0.3645833333vw;
    font-size: 0.8333333333vw;
    font-family: Rubik, sans-serif;
    line-height: 1;
    font-weight: 400;
    color: #1f3682;
    margin-left: 20px;
}
.checkbox-field .wpcf7-list-item-label::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 0.8854166667vw;
    height: 0.8854166667vw;
    border: 1px solid #1f3682;
    background: rgba(255, 255, 255, 0);
    display: inline-block;
    content: "";
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    position: absolute;
    right: -21px;
    top: 5px;
}
.checkbox-field .wpcf7-list-item-label::after {
    width: 0.3645833333vw;
    height: 0.3645833333vw;
    border: 1px solid #1f3682;
    border-right: none;
    border-bottom: none;
    opacity: 0;
    position: absolute;
    top: 7px;
    right: -17px;
    display: inline-block;
    content: "";
    -webkit-transform: rotate(-123deg) skew(30deg);
    -ms-transform: rotate(-123deg) skew(30deg);
    transform: rotate(-123deg) skew(30deg);
}
.checkbox-field input:checked ~ .wpcf7-list-item-label::after {
    opacity: 1;
}
.input-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(33.3333333333% - 0.5902666667vw - 0.1563vw);
    margin: 0;
    position: relative;
}
.input-wrap::before {
    content: "*";
    right: -0.7291666667vw;
    top: 63%;
    color: #ed6809;
    display: inline-block;
    position: absolute;
    font-size: 1.0416666667vw;
    line-height: 1;
    font-weight: 500;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    opacity: 0;
}
.input-wrap input,
.input-wrap textarea {
    resize: none;
    outline: 0;
    margin: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    height: 1.71875vw;
    background: rgba(255, 255, 255, 0);
    border: 1px solid #1f3682;
    border-radius: 0;
    padding: 0.1041666667vw 0.78125vw 0.1041666667vw;
    text-align: right;
    font-family: Rubik, sans-serif;
    font-size: 1.1458333333vw;
    font-weight: 500;
    line-height: 1.333;
    color: #1f3682;
}
.input-wrap input::-webkit-input-placeholder,
.input-wrap textarea::-webkit-input-placeholder {
    font-family: Rubik, sans-serif;
    color: #1f3682;
}
.input-wrap input::-moz-placeholder,
.input-wrap textarea::-moz-placeholder {
    font-family: Rubik, sans-serif;
    color: #1f3682;
}
.input-wrap input:-ms-input-placeholder,
.input-wrap textarea:-ms-input-placeholder {
    font-family: Rubik, sans-serif;
    color: #1f3682;
}
.input-wrap input::-ms-input-placeholder,
.input-wrap textarea::-ms-input-placeholder {
    font-family: Rubik, sans-serif;
    color: #1f3682;
}
.input-wrap input::placeholder,
.input-wrap textarea::placeholder {
    font-family: Rubik, sans-serif;
    color: #1f3682;
}
.input-wrap textarea {
    height: 6.5104166667vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: left;
}
.input-wrap textarea::-webkit-input-placeholder {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
}
.input-wrap textarea::-moz-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.input-wrap textarea:-ms-input-placeholder {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}
.input-wrap textarea::-ms-input-placeholder {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}
.input-wrap textarea::placeholder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}
.input-wrap .wpcf7-form-control-wrap {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.input-wrap:has(input.wpcf7-not-valid)::before {
    opacity: 1;
}
.input-wrap:has(input.wpcf7-not-valid) input {
    border-color: #ed6809 !important;
}
.input-wrap .wpcf7-not-valid-tip {
    display: none;
}
.main-section__thanks {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 5.5208333333vw;
    padding-right: 2.7083333333vw;
    margin-top: auto;
    margin-bottom: auto;
}
.main-section__thanks span {
    font-weight: 700;
    font-size: 8.8541666667vw;
    text-align: center;
    line-height: 1;
    color: #fff;
    text-shadow: 0 3px 6px rgba(0, 0, 0, 0.28);
    display: inline-block;
    margin-bottom: 1.1979166667vw;
}
.main-section__thanks p {
    width: 100%;
    max-width: 760px;
    font-weight: 500;
    font-size: 3.6458333333vw;
    line-height: 1;
    text-align: center;
    color: #fff;
    text-shadow: 0 3px 6px rgba(0, 0, 0, 0.28);
}
.main-section__thanks ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 3.6979166667vw;
    margin-top: 2.2395833333vw;
}
.main-section__thanks ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.main-section__thanks ul li a {
    width: 4.375vw;
    height: 4.375vw;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: rgba(255, 255, 255, 0);
}
.main-section__thanks ul li a img {
    width: 100%;
    height: 100%;
}
.main-section__thanks ul li a:hover {
    background: #ed6809;
}
@media screen and (min-width: 768px) {
    .main-section__center {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        overflow-y: auto;
    }
    .main-section__center .call-btn {
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }
    .main-section__right {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        height: 100%;
    }
}
.modal-window {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    padding: 1.0416666667vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.modal-window .backplate {
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    opacity: 0.4;
    width: 100%;
    height: 100%;
}
.modal-window.visible {
    opacity: 1;
    pointer-events: auto;
}
.modal-container {
    width: 100%;
    max-width: 46.5625vw;
    background: #fff;
    position: relative;
    z-index: 2;
    padding: 2.34375vw 5.2083333333vw 1.9270833333vw 3.0729166667vw;
}
.modal-container .cls {
    width: 2.0833333333vw;
    height: 2.0833333333vw;
    position: absolute;
    top: 1.0416666667vw;
    right: 1.1979166667vw;
    border: 1px solid #ed6809;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    background: rgba(255, 255, 255, 0);
}
.modal-container .cls span {
    width: 0.9895833333vw;
    height: 1px;
    background: #ed6809;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.modal-container .cls span:nth-child(2) {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
}
.modal-container .cls:hover {
    background: #ed6809;
}
.modal-container .cls:hover span {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
    background: #fff;
}
.modal-container .cls:hover span:nth-child(2) {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
}
.modal-window--video .modal-container {
    max-width: 62.5vw;
    padding: 3.125vw;
}
.modal-window--video .modal-container iframe {
    border: none !important;
}
.modal-window--video .modal-container .modal-wrapper {
    padding: 0.78125vw;
}
.video-container {
    width: 100%;
    height: 0;
    padding-top: 58%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}
.video-container iframe,
.video-container video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
@media screen and (max-width: 767px) {
    .header-cont {
        height: 17.5vw;
        padding: 5.2777777778vw 3.8888888889vw 5vw 3.3333333333vw;
    }
    .header-cont .right-logo {
        width: 65.5555555556vw;
    }
    .header-cont .logo {
        width: 16.9444444444vw;
        margin-top: 0.5555555556vw;
    }
    .main-section__cont {
        padding: 0;
        overflow-y: auto;
    }
    .main-section__cont::-webkit-scrollbar {
        display: none !important;
    }
    .main-section__top {
        padding-top: 21.3888888889vw;
        padding-right: 0;
        margin-bottom: 6.9444444444vw;
    }
    .title {
        font-size: 12.5vw;
        text-align: center;
        margin: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .title strong {
        text-align: center;
    }
    .title strong:not(:first-child) {
        margin-top: -1.1111111111vw;
    }
    .title strong:last-child {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: -0.8333333333vw;
        font-size: 10vw;
    }
    .title strong:last-child::before {
        display: none;
    }
    .main-section__center {
        gap: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .main-section__left {
        width: 100%;
        padding-left: 3.8888888889vw;
        padding-right: 3.6111111111vw;
        height: 51.9444444444vw;
        margin: 0;
    }
    .play-btn {
        width: 17.5vw;
        height: 17.5vw;
    }
    .main-section__right {
        width: 100%;
        margin-top: 7.5vw;
    }
    .main-section__right .p-txt {
        width: 100%;
        font-size: 4.7222222222vw;
        padding-left: 6.3888888889vw;
        padding-right: 3.8888888889vw;
        line-height: 1.2;
    }
    .main-section__right .p-txt br {
        display: initial;
    }
    .sec-list {
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding: 0;
        gap: 6.9444444444vw;
    }
    .single-sec-list {
        width: 100%;
        gap: 8.3333333333vw;
        padding: 0 7.5vw 0 5vw;
    }
    .single-sec-list:nth-child(1) {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    .single-sec-list:nth-child(3) {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    .single-sec-list:nth-child(2) {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }
    .single-sec-list:nth-child(4) {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }
    .single-sec-list .ic {
        width: 25.2777777778vw;
        height: 25.2777777778vw;
    }
    .single-sec-list .txt p {
        font-size: 4.7222222222vw;
    }
    .section-textual {
        padding-top: 13.6111111111vw;
        padding-bottom: 0;
    }
    .section-textual > span {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 12.5vw;
        padding: 0 0.8333333333vw;
        line-height: 1.21;
    }
    .section-textual > span strong {
        text-align: center;
    }
    .section-textual > span strong:last-child {
        font-size: 10vw;
    }
    .section-textual > p {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        max-width: 100%;
        margin: 0;
        margin-top: -6.6666666667vw;
        padding: 0 7.2222222222vw 0 8.0555555556vw;
        text-align: center;
        font-size: 3.8888888889vw;
    }
    .section-textual .img {
        width: 100%;
        height: auto;
        padding: 0 6.6666666667vw 0 6.9444444444vw;
        margin-top: -6.1111111111vw;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .section-textual .img img {
        width: 100%;
        height: auto;
    }
    .btn {
        position: fixed;
        left: 3.6111111111vw;
        right: 0;
        z-index: 10;
        width: auto;
        top: calc(100dvh - 3.6111vw);
        height: 15.8333333333vw;
        -webkit-transform: translate(0, -100%);
        -ms-transform: translate(0, -100%);
        transform: translate(0, -100%);
        -webkit-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }
    .btn .btn-cont p {
        font-size: 5.8333333333vw;
        padding-right: 10.2777777778vw;
        padding-left: 33.3333333333vw;
        padding-top: 0.5555555556vw;
        padding-bottom: 1.6666666667vw;
    }
    .btn .btn-cont p::after {
        position: absolute;
        width: 10.2777777778vw;
        height: 4.4444444444vw;
        left: 7.7777777778vw;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }
    .btn .btn-bg {
        height: 18.0555555556vw;
    }
    .main-section__cont .copyr {
        display: none;
    }
    .modal-window {
        padding: 2.7777777778vw;
    }
    .modal-window--video .modal-container {
        max-width: 100%;
        padding: 8.3333333333vw 0 0 0;
    }
    .modal-container .cls {
        width: 5.5555555556vw;
        height: 5.5555555556vw;
        top: 1.3888888889vw;
        right: 1.3888888889vw;
    }
    .modal-container .cls span {
        width: 90%;
    }
    .modal-window--video .modal-container .modal-wrapper {
        padding: 0;
    }
    .main-section__left > p {
        display: none;
    }
    .section-textual > p {
        margin-top: -2.2222222222vw;
    }
    .textual-form {
        width: 100%;
        max-width: 96.3888888889vw;
        padding: 3.8888888889vw 11.6666666667vw 6.1111111111vw 8.0555555556vw;
        margin-top: 15vw;
        position: relative;
        z-index: 4;
    }
    .textual-form > p {
        font-size: 9.1666666667vw;
        margin-bottom: 4.1666666667vw;
    }
    .form {
        width: 100%;
    }
    .form form {
        height: auto;
        gap: 3.6111111111vw;
        flex-direction: column-reverse;
    }
    .wpcf7-list-item {
    	width: 100%;
    	margin: 0;
    }

    .checkbox-field .wpcf7-list-item-label::before {
    	right: 0;
    	top: 0;
    }
    .btn-blue::after {
    	width: 59px;
    	height: 26px;
    	top: 13px;
    	left: 18px;
    }
    .input-wrap::before {
    	font-size: 18px;
    	right: -15px;
    }
    .checkbox-field .wpcf7-list-item-label {
    	margin-left: 30%;
    }
    .call-btn {
        max-width: 96.3888888889vw;
        width: 100%;
        height: 27.2222222222vw;
        font-size: 8.6111111111vw;
        line-height: 1;
        font-weight: 500;
        padding-left: 15.8333333333vw;
        z-index: 4;
    }
    .call-btn::before {
        -webkit-transform: rotate(61deg);
        -ms-transform: rotate(61deg);
        transform: rotate(61deg);
    }
    .call-btn .call-btn__wrap {
        width: 100%;
        gap: 5.2777777778vw;
        z-index: 3;
        padding: 1.3888888889vw 12.5vw 1.3888888889vw 12.5vw;
        letter-spacing: 0.03em;
    }
    .call-btn .call-btn__wrap::before {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 14.1666666667vw;
        height: 16.1111111111vw;
        display: inline-block;
        content: "";
        background: url(../img/call-ic.svg) no-repeat center/100%;
    }
    .call-btn .call-btn__wrap strong {
        display: none;
    }
    .btn-blue {
        width: 100%;
        height: 13.3333333333vw;
        margin-top: 3.0555555556vw;
    }
    .btn-blue .btn-cont {
        padding: 2.5vw 4.7222222222vw 2.5vw 4.4444444444vw;
        font-size: 6.9444444444vw;
    }
    .btn-blue .btn-cont::after {
        width: 10.2777777778vw;
        height: 4.7222222222vw;
    }
    .checkbox-field {
        width: 100%;
        height: 6.3888888889vw;
        margin-top: 1.6666666667vw;
    }
    .checkbox-field .wpcf7-list-item-label {
        font-size: 4.4444444444vw;
        gap: 3.3333333333vw;
    }
    .checkbox-field .wpcf7-list-item-label::before {
        width: 6.3888888889vw;
        height: 6.3888888889vw;
    }
    .checkbox-field .wpcf7-list-item-label::after {
        width: 3.3333333333vw;
        height: 3.3333333333vw;
        top: -1px;
        right: 1.3888888889vw;
        border: 2px solid #1f3682;
        border-right: none;
        border-bottom: none;
        -webkit-transform: rotate(-123deg) skew(20deg);
        -ms-transform: rotate(-123deg) skew(20deg);
        transform: rotate(-123deg) skew(20deg);
    }
    .input-wrap {
        width: 100%;
    }
    .input-wrap input,
    .input-wrap textarea {
        width: 100%;
        height: 11.1111111111vw;
        font-size: 6.9444444444vw;
        padding: 0.8333333333vw 4.7222222222vw;
    }
    .fast-scroll {
        position: fixed;
        bottom: 0;
        right: 0;
        width: 96.3888888889vw;
        padding-bottom: 3.6111111111vw;
        height: 19.4444444444vw;
        overflow: hidden;
        -webkit-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
        z-index: 2;
    }
    .fast-scroll.hide {
        opacity: 0;
        pointer-events: none;
    }
    .fast-scroll::before {
        width: 100%;
        height: 91%;
        background: #ed6809;
        display: inline-block;
        content: "";
        position: absolute;
        bottom: 3.6111111111vw;
        left: 0;
        -webkit-transform-origin: 0 100%;
        -ms-transform-origin: 0 100%;
        transform-origin: 0 100%;
        -webkit-transform: rotate(36deg);
        -ms-transform: rotate(36deg);
        transform: rotate(36deg);
        z-index: 1;
    }
    .fast-scroll .fast-scroll__cont {
        width: 100%;
        position: relative;
        z-index: 2;
        height: 100%;
        background: #f4d903;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        gap: 3.3333333333vw;
        padding: 1.3888888889vw 4.1666666667vw 1.3888888889vw 3.3333333333vw;
    }
    .fast-scroll .fast-scroll__cont a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        gap: 2.5vw;
        height: 10.2777777778vw;
        font-size: 5.8333333333vw;
        line-height: 1;
        color: #fff;
        font-weight: 400;
        padding: 1.3888888889vw 1.1111111111vw 1.3888888889vw 3.0555555556vw;
        background: #ed6809;
    }
    .fast-scroll .fast-scroll__cont a .ic {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 6.6666666667vw;
        height: 7.5vw;
    }
    .fast-scroll .fast-scroll__cont a .ic img {
        width: 100%;
        height: auto;
    }
    .fast-scroll .fast-scroll__cont p {
        font-size: 5.8333333333vw;
        font-weight: 500;
        color: #1f3682;
        line-height: 1;
        margin-left: auto;
    }
    .main-section__thanks {
        padding-bottom: 0;
        padding-right: 0;
        padding-top: 8.3333333333vw;
    }
    .main-section__thanks span {
        font-size: 22.2222222222vw;
        margin-bottom: 5vw;
    }
    .main-section__thanks p {
        font-size: 7.7777777778vw;
        max-width: 75vw;
    }
    .main-section__thanks ul {
        gap: 7.5vw;
        margin-top: 8.6111111111vw;
    }
    .main-section__thanks ul li a {
        width: 17.7777777778vw;
        height: 17.7777777778vw;
    }
}