.seopage-page { padding: 0 0 2em; overflow: hidden; }
.seopage-page h1 { font-size: clamp(25px, calc(25px + ((25) * ((100vw - 430px) / (2000 - 430)))), 50px); letter-spacing: 0.01em; line-height: 1.25em; margin-bottom: 0.8em; }
.seopage-page h2 { font-size: clamp(23px, calc(23px + ((19) * ((100vw - 430px) / (2000 - 430)))), 42px); }
.seopage-page h3 { font-size: clamp(20px, calc(20px + ((15) * ((100vw - 430px) / (2000 - 430)))), 35px); line-height: 1.15em; }
.seopage-page h4 { font-size: clamp(18px, calc(18px + ((11) * ((100vw - 430px) / (2000 - 430)))), 29px); font-weight: 500; font-family: 'Poppins', sans-serif; text-transform: none; letter-spacing: normal; }
.seopage-page .flickity-page-dots { bottom: 0; }
.seopage-page .flickity-page-dots .dot { width: 16px; height: 16px; border-radius: 50%; background-color: #F2F2F5; border: 2px solid #F2F2F5; opacity: 1; }
.seopage-page .flickity-page-dots .dot.is-selected { background-color: transparent; }
.seopage-page .main-slider-wrapper { margin-top: 3.5em; }
@media (max-width: 659px) {
    .seopage-page .main-slider-wrapper { margin-top: 2em; }
}
.seopage-page .main-slider-wrapper .main-slider { position: relative; padding: 12px 0; }
.seopage-page .main-slider-wrapper .main-slider.smartphone-format:before { position: absolute; left: 0; right: 0; top: 0; max-width: 309px; width: 100%; height: 633px; background: url("../img/phone.png") no-repeat center center; z-index: 90; margin: 0 auto; content: ""; pointer-events: none; }
.seopage-page .main-slider-wrapper .main-slider.smartphone-format .slider-item { max-width: 280px; width: 100%; box-sizing: content-box; padding: 0 44px; aspect-ratio: 35 / 76; }
.seopage-page .main-slider-wrapper .main-slider.smartphone-format .slider-item .video-js { width: 100%; height: 100%; }
.seopage-page .main-slider-wrapper .main-slider.smartphone-format .slider-item img, .seopage-page .main-slider-wrapper .main-slider.smartphone-format .slider-item video { border-radius: 45px; overflow: hidden; display: block; aspect-ratio: 35 / 76; object-fit: cover; }
.seopage-page .main-slider-wrapper .main-slider.smartphone-format.flickity-resize .slider-item { height: 100%; }
.seopage-page .main-slider-wrapper .main-slider:after { content: ""; display: block; width: 100%; height: 100%; background: linear-gradient(to right, #000000 0px, rgba(0, 0, 0, 0) 16%, rgba(0, 0, 0, 0) 16%, rgba(0, 0, 0, 0) calc(100% - 16%), rgba(0, 0, 0, 0) calc(100% - 16%), #000000 100%); position: absolute; top: 0; right: 0; z-index: 11; pointer-events: none; }
.seopage-page .main-slider-wrapper .prices { margin-top: 2.5em; }
.seopage-page .text-image-rows-container .title-wrapper { margin-top: 3.5em; }
@media (max-width: 659px) {
    .seopage-page .text-image-rows-container .title-wrapper { margin-top: 3em; }
}
.seopage-page .logos { margin-top: 5em; }
@media (max-width: 1023px) {
    .seopage-page .logos { margin-top: 4em; }
}
@media (max-width: 659px) {
    .seopage-page .logos { margin-top: 3em; }
}
.seopage-page .logos .logo-wrapper { margin-top: 1.5em; }
.seopage-page .logos .logo-wrapper .logo-item { width: 16.6666%; display: flex; justify-content: center; align-items: center; padding: 20px; }
.seopage-page .logos .logo-wrapper .logo-item img { filter: invert(1); width: 100%; }
@media (max-width: 1400px) {
    .seopage-page .logos .logo-wrapper .logo-item { width: 25%; }
}
@media (max-width: 659px) {
    .seopage-page .logos .logo-wrapper .logo-item { width: 50%; padding: 10px; }
    .seopage-page .logos .logo-wrapper .logo-item img { max-width: 206px; }
}
.seopage-page .textboxes-container { margin-top: 5em; }
@media (max-width: 659px) {
    .seopage-page .textboxes-container { margin-top: 3em; }
}
.seopage-page .textboxes-container .text-boxes-wrapper { margin-top: 2em; }
.seopage-page .textboxes-container .text-boxes-wrapper .column { min-height: 100%; display: flex; flex-flow: column; padding: 0 1%; }
@media (max-width: 1400px) {
    .seopage-page .textboxes-container .text-boxes-wrapper .column { width: 50%; padding: 0 1.565rem; }
}
@media (max-width: 1023px) {
    .seopage-page .textboxes-container .text-boxes-wrapper .column { padding: 0 0.7825rem; }
}
@media (max-width: 659px) {
    .seopage-page .textboxes-container .text-boxes-wrapper .column { width: 100%; }
}
.seopage-page .textboxes-container .text-boxes-wrapper.is-slider { padding-bottom: 60px; display: block; }
.seopage-page .textboxes-container .text-boxes-wrapper.is-slider:after { content: 'flickity'; display: none; }
@media (max-width: 659px) {
    .seopage-page .textboxes-container .text-boxes-wrapper { display: block; padding-bottom: 45px !important; }
    .seopage-page .textboxes-container .text-boxes-wrapper:after { content: 'flickity'; display: none; }
}
.seopage-page .textboxes-container .card { border: 1px solid #FFF; padding: 10%; border-radius: 40px; flex: 1; }
.seopage-page .textboxes-container .cta-button-wrapper { margin-top: 3em; }
@media (max-width: 659px) {
    .seopage-page .textboxes-container .cta-button-wrapper { margin-top: 2em; }
}
.seopage-page .slider-wrapper { margin-top: 4.7em; position: relative; }
@media (max-width: 1023px) {
    .seopage-page .slider-wrapper { margin-top: 4em; }
}
@media (max-width: 659px) {
    .seopage-page .slider-wrapper { margin-top: 3em; }
}
.seopage-page .slider-wrapper:before { content: ""; position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; background: url("../img/emote_bg_left.png") no-repeat 5% center, url("../img/emote_bg_right.png") no-repeat 95% center; background-size: 300px auto; z-index: 10; pointer-events: none; }
@media (max-width: 1023px) {
    .seopage-page .slider-wrapper:before { display: none; }
}
.seopage-page .slider-wrapper .slider { padding-bottom: 55px; max-width: 786px; width: 100%; margin: 2.2em auto 0; }
.seopage-page .slider-wrapper .slider .flickity-viewport { border-radius: 40px; overflow: hidden; }
.seopage-page .slider-wrapper .slider-item { width: 100%; }
.seopage-page .slider-wrapper .slider-item img { display: block; }
.seopage-page .social-links { margin-top: 5.6em; }
@media (max-width: 1023px) {
    .seopage-page .social-links { margin-top: 4em; }
}
@media (max-width: 659px) {
    .seopage-page .social-links { margin-top: 3em; }
}
.seopage-page .social-links .social-links-icons { justify-content: space-between; align-items: center; margin-top: 3em; column-gap: 5%; }
.seopage-page .social-links .social-links-icons .social-link-item { width: 15%; }
.seopage-page .social-links .social-links-icons .social-link-item svg { width: 100%; height: auto; max-height: 167px; }
.seopage-page .accordion-section { margin-top: 6.4em; }
@media (max-width: 1023px) {
    .seopage-page .accordion-section { margin-top: 4em; }
}
@media (max-width: 659px) {
    .seopage-page .accordion-section { margin-top: 3em; }
}
.seopage-page .contact-section { background-color: #D4FF26; color: #000; border-radius: 60px; overflow: hidden; padding: 80px 30px 65px; margin-top: 5em; }
@media (max-width: 1023px) {
    .seopage-page .contact-section { margin-top: 4em; }
}
@media (max-width: 659px) {
    .seopage-page .contact-section { margin-top: 3em; padding-top: 2em; }
}
.seopage-page .contact-section .heading-box .title { font-size: clamp(72px, calc(72px + ((108) * ((100vw - 660px) / (2000 - 660)))), 180px); margin-bottom: 0.18em; letter-spacing: normal; font-weight: 900; }
@media (max-width: 659px) {
    .seopage-page .contact-section .heading-box .title { margin-bottom: 0.5em; font-size: 10vw; }
}
.seopage-page .contact-section .heading-box .subtitle { font-family: 'Poppins', sans-serif; letter-spacing: normal; text-transform: none; font-size: clamp(22px, calc(22px + ((28) * ((100vw - 430px) / (2000 - 430)))), 50px); }
.seopage-page .contact-section .contact-info { line-height: 1.15; margin-top: 3.8em; }
.seopage-page .contact-section .contact-info .phone { font-size: clamp(27px, calc(27px + ((63) * ((100vw - 430px) / (2000 - 430)))), 90px); font-weight: 900; letter-spacing: normal; }
.seopage-page .contact-section .contact-info .phone a { text-decoration: none; }
.seopage-page .contact-section .contact-info .email { font-weight: 700; letter-spacing: -0.03em; font-size: clamp(18px, calc(18px + ((37) * ((100vw - 430px) / (2000 - 430)))), 55px); }
.seopage-page .contact-section .contact-info .email a { text-decoration: none; text-decoration: underline; }
.seopage-page .contact-section .contact-info .address-box { line-height: 1.4; margin-top: 4.1em; font-size: clamp(17px, calc(17px + ((13) * ((100vw - 430px) / (2000 - 430)))), 30px); letter-spacing: -0.03em; }
@media (max-width: 1023px) {
    .seopage-page .contact-section .contact-info .email { margin-top: 0.2em; }
}
.seopage-page .projects { margin-top: 3.5em; }
.seopage-page .projects .button-more-wrapper { padding: 10px 0 30px; }
.ki-page { background: #fff; color: #000; }
.ki-page .site-logo { filter: invert(1); }
.ki-page .content-page { padding-bottom: 0; }
.ki-page .content-page .intro-image-wrapper .intro-image { max-width: 1170px; margin: 0 auto 2em; }
.ki-page .content-page .intro-image-wrapper .intro-image .content-video { cursor: pointer; isolation: isolate; transform: translateZ(0); }
.ki-page .content-page .intro-image-wrapper .intro-image .content-video .video-js { display: block; width: 100%; background: transparent; }
.ki-page .content-page .intro-image-wrapper .intro-image .content-video .video-js-overlay { display: flex; justify-content: center; align-items: center; background: rgba(0, 0, 0, 0.22); opacity: 1; transition: opacity 0.4s; pointer-events: none; }
.ki-page .content-page .intro-image-wrapper .intro-image .content-video .video-js-overlay.hidden { opacity: 0; }
.ki-page .content-page .intro-image-wrapper .intro-image .content-video .video-js-overlay .icon-play { max-width: 25%; }
.ki-page .content-page .intro-image-wrapper .intro-image .content-video .vjs-big-play-button { visibility: hidden; }
.ki-page .content-page .intro-image-wrapper .intro-image .content-video .vjs-playing + .video-js-overlay { display: none; }
.ki-page .intro-content { text-align: center; margin-bottom: 2.5em; }
.ki-page .intro-content .title { font-size: clamp(40px, calc(40px + ((110) * ((100vw - 430px) / (2000 - 430)))), 150px); font-weight: 900; }
.ki-page .text-content { text-align: center; max-width: 1100px; margin-bottom: 100px; }
@media (max-width: 1023px) {
    .ki-page .text-content { margin-bottom: 60px; }
}
@media (max-width: 659px) {
    .ki-page .text-content { margin-bottom: 40px; }
}
.ki-page .text-content .big-title { font-size: clamp(27px, calc(27px + ((15) * ((100vw - 430px) / (2000 - 430)))), 42px); font-family: 'Unbounded', sans-serif; text-transform: uppercase; letter-spacing: -0.02em; line-height: 1.2em; margin-bottom: 1em; }
.ki-page .green-box { background-color: #D4FF26; color: #000; padding: 133px 0 150px; font-size: clamp(28px, calc(28px + ((34) * ((100vw - 430px) / (2000 - 430)))), 62px); }
@media (max-width: 1023px) {
    .ki-page .green-box { padding: 80px 0 100px; }
}
@media (max-width: 659px) {
    .ki-page .green-box { padding: 50px 0 80px; }
}
.ki-page .green-box .ki-quote-slider { max-width: 1920px; margin: 0 auto; }
.ki-page .green-box .ki-quote-slider .ki-quote-slider-item { width: 100%; min-height: 100%; display: flex; align-items: center; justify-content: center; line-height: 1.2em; padding: 0 8%; }
@media (max-width: 659px) {
    .ki-page .green-box .ki-quote-slider .ki-quote-slider-item { padding: 0 30px; }
}
.ki-page .green-box .ki-quote-slider .ki-quote-slider-item .row { width: 80%; }
@media only screen and (max-width: 1150px) {
    .ki-page .green-box .ki-quote-slider .ki-quote-slider-item .row { width: 100%; }
}
.ki-page .green-box .ki-quote-slider .flickity-prev-next-button { background: none !important; width: 100px; height: 100px; padding: 0; }
.ki-page .green-box .ki-quote-slider .flickity-prev-next-button svg { width: 100px; height: 100px; left: 0; top: 0; }
.ki-page .green-box .ki-quote-slider .flickity-prev-next-button svg path { fill: none; stroke: #000; stroke-width: 25; stroke-miterlimit: 10; stroke-linecap: round; stroke-linejoin: round; }
.ki-page .green-box .ki-quote-slider .flickity-page-dots { max-width: 848px; margin: 0 auto; width: 100%; left: 0; right: 0; padding: 0 40px; bottom: -65px; gap: 0 14px; }
.ki-page .green-box .ki-quote-slider .flickity-page-dots > li { width: 16px; height: 16px; margin-left: 6px; margin-right: 6px; background: #000; transition: background-color 0.4s; cursor: pointer; }
@media (max-width: 1023px) {
    .ki-page .green-box .ki-quote-slider .flickity-page-dots { gap: 0 9px; bottom: -50px; }
    .ki-page .green-box .ki-quote-slider .flickity-page-dots > li { width: 11px; height: 11px; }
}
@media (max-width: 659px) {
    .ki-page .green-box .ki-quote-slider .flickity-page-dots { bottom: -40px; }
}
.ki-page .black-box { background-color: #000; color: #fff; padding: 85px 0 0; }
@media (max-width: 1023px) {
    .ki-page .black-box { padding: 60px 0 0; }
}
@media (max-width: 659px) {
    .ki-page .black-box { padding: 40px 0 0; }
}
.ki-page .black-box .title { font-family: 'Unbounded', sans-serif; letter-spacing: -0.02em; font-size: clamp(35px, calc(35px + ((75) * ((100vw - 430px) / (2000 - 430)))), 110px); line-height: 1.1em; text-transform: uppercase; margin-bottom: 0.15em; }
.ki-page .black-box .subtitle { font-size: clamp(20px, calc(20px + ((17) * ((100vw - 430px) / (2000 - 430)))), 37px); line-height: 1.25em; letter-spacing: -0.02em; }
.ki-page .black-box .flockler-wrapper { margin: 1em 0 2em; }
.ki-page .black-box .social-wrapper ul li img { filter: invert(1); width: 73px; height: 73px; }
.ki-page .black-box .social-wrapper ul li.hashtag { display: none; }
@media (max-width: 659px) {
    .ki-page .black-box .social-wrapper ul li img { width: 67px; height: 67px; }
}
.ki-page .black-box .projects { margin-top: 130px; }
@media (max-width: 1023px) {
    .ki-page .black-box .projects { margin-top: 80px; }
}
.ki-page .black-box .projects .title { font-size: clamp(30px, calc(30px + ((25) * ((100vw - 430px) / (2000 - 430)))), 55px); }
