/*!
Theme Name: Matchmaker
Author: Tigran
Author URI: https://gr8.tech/
Version: 1.0.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

@import url(https://fonts.googleapis.com/css?family=DM+Sans:100,200,300,regular,500,600,700,800,900,100italic,200italic,300italic,italic,500italic,600italic,700italic,800italic,900italic);
@import url(https://fonts.googleapis.com/css?family=Inter:100,200,300,regular,500,600,700,800,900,100italic,200italic,300italic,italic,500italic,600italic,700italic,800italic,900italic);

body {
    background: black;
    padding: 0;
    margin: 0;
}
h1,h2,h3,h4 {
    font-family: 'DM Sans';
}
p, span {
    font-family: 'Inter';
}

/* global buttons */

.btn-global-light,
.btn-global-transparent,
.btn-global-dark{
    font-family: 'Inter';
    text-decoration: none;
}
.btn-global-light,
.btn-global-transparent {
    border-radius: 0.833vw;
}
.btn-global-light {
    background-color: white;
    color: black;
    font-size: 1.25vw;
    padding: 0.417vw 2.083vw;
}
.btn-global-transparent {
    padding: 0.764vw 1.25vw;
    background-color: rgb(255, 255, 255, .1);
    color: white;
    font-size: 1.111vw;
}
.btn-global-dark {
    background-color: black;
    border-radius: 4.167vw;
    color: white;
    font-size: 1.25vw;
}
.hide-sm {
    display: block;
}
.show-sm {
    display: none;
}

/* section backgrounds */
.img-background {
    position: absolute;
    z-index: -1;
}
.hero-header-background {
    top: 0;
    width: 100%;
}

/* header */
header .button-menu {
    display: flex;
    align-items: center;
    gap: 0.556vw;
}
header .button-menu img {
    transform: translateY(-0.139vw);
}
header nav .main-navigation {
    position: fixed;
    background: white;
    right: -100%;
    /* right: 1.389vw; */
    top: 1.389vw;
    bottom: 1.389vw;
    border-radius: 0.833vw;
    width: 30.972vw;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    padding-bottom: 1.944vw;
    z-index: 9999;
    transition: .5s;
}
header nav .background-overlay {
    background: #000000E5;
    position: fixed;
    /* z-index: 999; */
    width: 100%;
    height: 100%;
    top: 0;
    opacity: 0;
    z-index: -999;
    transition: .5s;
}
header nav .background-overlay img {
    position: absolute;
    top: 50%;
    left: 30%;
    transform: translate(-30%, -50%);
    width: 24.306vw;
}
header nav .main-navigation .menu {
    height: 80%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
header nav .main-navigation .menu .close-button {
    position: absolute;
    top: 0.833vw;
    right: 0.833vw;
    border: 0;
    background: transparent;
    cursor: pointer;
}
header nav .main-navigation .menu .close-button img {
    width: 1.25vw;
}
header nav .main-navigation .menu ul {
    padding: 0;
    list-style-type: none;
    margin: 0;
}
header nav .main-navigation .menu ul li {
    margin: 0.903vw 0;
    padding: 0.278vw 1.111vw;
    transition: .5s;
}
header nav .main-navigation .menu ul li a {
    color: black;
    text-decoration: none;
    font-family: 'Inter';
    font-size: 1.25vw;
    /* padding: 1.111vw 0.486vw; */
    padding: 0;
}
header nav .main-navigation .menu ul li:hover {
    background: #0000000F;
    border-radius: 0.694vw;
    color: #4f4f4f;
}
header nav .main-navigation .menu-buttons > a {
    font-size: 1.25vw;
    padding: 1.111vw 2.778vw;
    transition: .5s;
}
header nav .main-navigation .menu-buttons > a:hover {
    opacity: 0.7;
}
header nav .main-navigation .menu-buttons .footer-social-links {
    justify-content: center;
    margin-top: 2.986vw;
}
header nav .main-navigation .menu-buttons .footer-social-links img {
    width: 1.528vw;
    height: 1.528vw;
}

/* hero */

header .burger-menu {
    padding: 0.677vw 0.694vw;
}

header .logo-navigation-line {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.389vw;
}


/* Hero section */
section.hero {
    text-align: center;
}
.hero h1,
.hero p {
    color: white;
}
.hero h1 {
    font-size: 4.583vw;
    font-weight: 300;
    margin: 2.083vw 0;
}
.hero p {
    width: 33.264vw;
    margin: 0 auto 1.944vw;
    font-size: 1.25vw;
    margin-bottom: 2.144vw;
}
.hero a {
    border-radius: 4.167vw;
}
.hero img {
    margin-top: 4.653vw;
    width: 100%;
}

/* what we do */

section.what-we-do {
    width: calc(100% - 1.389vw);
    margin: auto;
    border-radius: 1.389vw;
    overflow: hidden;
    margin-top: 5.278vw;
    position: relative;
}
section.what-we-do .name-position {
	position: absolute;
	color: white;
	top: 2.222vw;
	left: 1.389vw;	
}
section.what-we-do .name-position h3 {
	margin: 0;
	font-size: 2.778vw;
	font-weight: 300;
}
section.what-we-do .name-position p {
	font-size: 1.111vw;
	color: rgba(255,255,255,.6);
	width: 90%;
	line-height: 150%;
}
section.what-we-do img {
    width: 100%;
    position: absolute;
    z-index: -1;
	border-radius: 1.389vw;
}
section.what-we-do .what-we-do-content {
    padding-top:30.139vw;
    text-align: center;
    color: white;
}
section.what-we-do .what-we-do-content h2 {
    font-weight: 300;
    font-size: 3.472vw;
    margin: 0;
    line-height: 110%;
}
section.what-we-do .what-we-do-content p {
    font-weight: 300;
    font-size: 1.25vw;
    width: 35.278vw;
    margin: 1.597vw auto 4.444vw;
    line-height: 150%;
}

.what-we-do-card {
    padding: 3.472vw;
    width: 27.778vw;
    margin: auto;
    background: #ffffff1f;
    backdrop-filter: blur(20px);
    border-radius: 1.667vw;
}
.what-we-do-card p {
    color: white;
}
.what-we-do-card p.card-title {
    font-size: 2.122vw;
    font-weight: 200;
    line-height: 130%;
    margin: 0;
    text-transform: uppercase;
}

.what-we-do-card p.card-title + p{
    margin-top: 1.736vw;
    margin-bottom: 7.708vw;
    font-size: 1.25vw;
    line-height: 150%;
    font-weight: 200;
}
.what-we-do-card a {
    border-radius: 4.167vw;
    font-size: 1.25vw;
}

.what-we-do-button {
    color: white;
    position: absolute;
    bottom: 18%;
    right: 0;
    display: flex;
    align-items: center;
    gap: 0.694vw;
    margin: 1.389vw;
    font-family: 'DM Sans';
    font-size: 1.389vw;
}
.what-we-do-button button {
    width: 2.917vw;
    height: 4.167vw;
    border-radius: 0.694vw;
    background: #ffffff26;
    border: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(1.389vw);
}
.what-we-do-button button img {
    width: 0.833vw;
    height: 0.833vw;
}

/* about us and benefits */

section.about-us-benefits {
    display: flex;
    width: calc(100% - 1.389vw);
    margin: 12.5vw auto 0;
    justify-content: space-between;
/*     align-items: flex-end; */
	position: relative;
}

.left-side-benefits .big-title {
    font-size: 6.25vw;
    color: white;
    letter-spacing: -0.694vw;
    font-weight: 200;
    line-height: 70%;
    text-transform: uppercase;
    margin: 0;
}
.left-side-benefits .big-titles-description {
    color: #707098;
    margin: 0.833vw 0 2.778vw;
    font-size: 1.389vw;
}
.benefit-progress {
    position: relative;
}
.benefit-progress .about-us-point {
    position: absolute;
    bottom: 1.389vw;
    left: 1.389vw;
}
.benefit-progress .about-us-point .big-titles-description {
    color: white;
    margin: 0.833vw 0 0;
}
.benefit-progress img {
    width: 100%;
}
.right-container {
	position: relative;
}
.right-side-benefits {
    background: url(/wp-content/uploads/2026/01/benefit-background.png);
    background-size: 100%;
    background-repeat: no-repeat;
	position: sticky;
    top: 5vw;
}
.right-side-benefits .benefit-title-row .big-title {
    font-size: 3.472vw;
    color: white;
    margin-top: 4.653vw;
    margin-bottom: 1.667vw;
    font-weight: 200;
}
.right-side-benefits .benefit-title-row .big-titles-description {
    font-size: 1.25vw;
    color: #707098;
    font-weight: 200;
    margin-bottom: 6.944vw;
}
.right-side-benefits ul {
    font-family: 'Inter';
    list-style-type: none;
    padding: 0 0 0 1.389vw;
    margin-bottom: 4.167vw;
}
.right-side-benefits ul li {
    margin: 1.25vw 0;
    color: white;
    position: relative;
    font-size: 1.25vw;
    font-weight: 200;
}
.right-side-benefits ul li::before {
    content: '';
    width: 0.417vw;
    height: 0.903vw;
    left: -0.972vw;
    bottom: 50%;
    transform: translateY(50%);
    background: #733FA3;
    position: absolute;
}
.right-side-benefits a {
    border-radius: 4.167vw;
    font-size: 1.25vw;
}
section.social-proof {
    margin-top: 20.833vw;
    margin-bottom: 19.444vw;
    text-align: center;
}
section.social-proof h2 {
    color: white;
    font-size: 3.472vw;
    font-weight: 200;
    line-height: 110%;
    margin: 0;
}
section.social-proof p {
    color: #707098;
    font-size: 1.25vw;
    margin: 0 0 3.472vw;
}
section.social-proof .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
}
section.social-proof .swiper-container {
    /* border: 1px solid #ffffff3c; */
    border-radius: 1.667vw;
    /* width: 100%; */
    width: 22.361vw;
    height: 20.833vw;
    background: url('/wp-content/uploads/2026/01/bg-slide.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    /* background: linear-gradient(to bottom, black, #410090); */
    display: flex;
    align-items: center;
    justify-content: center;
}
.swiperLogos,
.swiperLogos .swiper-wrapper {
    width: 100%;
}



section.cta {
    background: url(/wp-content/uploads/2026/01/cta-bg.png);
    background-size: 100% 100%;
    width: calc(100% - 2.778vw);
    margin: 19.444vw auto 19.444vw;
    padding: 2.361vw 0 3.889vw;
    text-align: center;
}
section.cta .title-row {
    display: flex;
    align-items: center;
    justify-content: center;
}
section.cta .title-row p {
    font-size: 6.25vw;
    font-weight: 100;
    line-height: 70%;
    letter-spacing: -0.694vw;
    color: white;
    margin: 0;
}
section.cta p.description {
    text-align: center;
    color: #707098;
    font-size: 1.25vw;
    margin: 0.903vw 0 8.333vw;
}

section.cta a {
    border-radius: 4.167vw;
}


section.testimonial {
    margin-bottom: 19.444vw;
}
section.testimonial h2 {
    font-size: 4.792vw;
    font-weight: 300;
    color: white;
    margin-left: 2.083vw;
}

/* section.testimonial .swiper-slide {
    width: 35.278vw;
} */
section.testimonial .swiper-slide.swiper-slide-prev {
    transform: translateX(-50%) scale(0.9);
}
section.testimonial .swiper-slide.swiper-slide-next {
    transform: translateX(50%) scale(0.9);
}
section.testimonial .swiper-slide {
    width: 35.278vw; /* fixed width slide */
    flex-shrink: 0;
}
section.testimonial .swiper-slide {
    opacity: 0.4;
    transition: all 0.4s ease;
}

section.testimonial .swiper-slide-active {
    opacity: 1;
    transform: scale(1);
}
section.testimonial .swiper-button-next svg,
section.testimonial .swiper-button-prev svg {
    display: none;
}
section.testimonial .swiper-button-next {
    right: 25%;
    transform: translateX(25%);
}
section.testimonial .swiper-button-prev {
    left: 25%;
    transform: translateX(-25%);
}
section.testimonial .swiper-button-prev img {
    transform: rotate(-180deg);
}
/* .swiper.swiperTestimonial {
    overflow: visible;
} */
section.testimonial .swiper-slide-container {
    background: url(/wp-content/uploads/2026/01/testimonial-background.png);
    background-size: 100% 100%;
    color: white;
    padding: 2.361vw 2.778vw;
}
/* section.testimonial .swiper-slide.swiper-slide-active {
    margin: 0 13.889vw;
} */
section.testimonial .swiper-slide-container .author {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: 10.417vw;
}
section.testimonial .swiper-slide-container .author p.author-position {
    margin: 0;
    color: #707098;
    font-size: 1.111vw;
}
section.testimonial .swiper-slide-container .author p.author-name {
    margin-top: 1.458vw;
    margin-bottom: 0.556vw;
    font-size: 2.361vw;
    font-weight: 300;
}
section.testimonial .swiper-slide-container p.content {
    font-size: 1.389vw;
    font-weight: 300;
}

section.media {
    width: calc(100% - 4.167vw);
    margin: 0 auto 18.056vw;
}
section.media h2 {
    color: white;
    text-align: center;
    font-size: 3.472vw;
    font-weight: 300;
}
section.media .media-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 0.833vw;
}
section.media .video-preview {
    position: relative;
}
section.media .video-preview::after {
    content: '';
    background: linear-gradient(to bottom, transparent, rgba(0,0,0,.6));
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    z-index: 1;
}
section.media .video-preview img.video-preview-image {
    width: 100%;
	max-height: 17.94vw;
    border-radius: 1.111vw;
    object-fit: cover;
    object-position: center;
}
section.media .video-preview img.preview-image {
    position: absolute;
    bottom: 1.389vw;
    left: 1.389vw;
    z-index: 2;
    transition: .5s;
    opacity: 1;
}
/* section.media .video-preview {
    transition: .5s;
} */
section.media .video-preview:hover p {
    opacity: 1;
}
section.media .video-preview:hover img.preview-image {
    opacity: 0;
}
section.media .video-preview p {
    color: white;
    position: absolute;
    bottom: 0;
    z-index: 2;
    width: 80%;
    padding: 0.972vw;
    opacity: 0;
    transition: .5s;
}
section.media a + p {
    color: #707098;
    font-size: 1.111vw;
    margin: 1.111vw 0 0 0.972vw;
}

section.faq {
    width: calc(100% - 4.167vw);
    margin: auto;
}
section.faq h2 {
    margin-bottom: 3.75vw;
    font-size: 4.861vw;
    font-weight: 300;
    color: white;
}


.accordion {
    color: white;
}
.accordion-title button {
    width: 2.917vw;
    height: 4.167vw;
    border-radius: 0.694vw;
    background: #ffffff26;
    border: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(1.389vw);
}
.accordion-title button img {
    width: 0.833vw;
    height: 0.833vw;
}
.accordion-title p.title {
    font-size: 2.083vw;
    font-weight: 300;
    margin: 0   ;
    line-height: 110%;
}
.accordion-title {
    border: 0.069vw solid rgba(255,255,255,.18);
    padding: 1.667vw 1.667vw 1.667vw 2.361vw;
    border-radius: 1.667vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.accordion-body {
    padding: 1.667vw 2.361vw 2.222vw;
    font-size: 1.25vw;
    font-weight: 300;
    font-family: 'Inter';
}

.accordion-bar {
    margin-bottom: 1.389vw;
}

.accordion-body {
    max-height: 0;
    overflow: hidden;
    padding-top: 0;
    padding-bottom: 0;
    transition: 
        max-height 0.4s ease,
        padding 0.3s ease;
}

.accordion-bar.active .accordion-body {
    max-height: 20vw;
    padding: 1.667vw 2.361vw 2.222vw;
}

.accordion-title button img {
    transition: transform 0.3s ease;
}

.accordion-bar.active .accordion-title button img {
    transform: rotate(180deg);
}

.accordion-bar.active .accordion-title {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background: #333333;
    border-bottom: 0;
}
.accordion-bar.active .accordion-body {
    background: #FFFFFF33;
    border-bottom-left-radius: 1.667vw;
    border-bottom-right-radius: 1.667vw;
    border: 0.069vw solid rgba(255, 255, 255, .18);
}
.accordion-bar.active .accordion-body p {
    width: 41.667vw;
    margin: 0;
}

footer {
    width: calc(100% - 1.389vw);
    margin: 18.403vw auto 0;
    background: url("/wp-content/uploads/2026/01/footer-background_.png") no-repeat center / cover;
}

footer img {
    width: 100%;
}
footer ul {
    list-style-type: none;
}
footer ul li a {
    color: white;
    text-decoration: none;
    font-family: 'Inter';
    font-size: 1.111vw;
}
footer > .row {
    display: flex;
    align-items: center;
}
footer .footer-navigation {
    width: 40%;
}
footer .footer-navigation li {
    margin: 0.694vw 0;
}
.footer-social-links {
    display: flex;
    align-items: center;
    gap: 2.778vw;
}
.copyright-line {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.972vw 2.083vw;
    background: black;
}
.copyright-line p {
    color: #707098;
    margin: 0;
}

.modal .background-overlay {
    background: #000000E5;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 999;
    opacity: 1;
    /* opacity: 0; */
    /* z-index: -999; */
    transition: .5s;
}
.modal .modal-window {
    background: white;
    width: 66.667vw;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1000;
    flex-direction: column;
    border-radius: 0.833vw;
    padding: 0.903vw;
}
.modal .modal-window form {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.modal#modal .modal-window p {
    font-family: 'DM Sans';
    font-size: 6.25vw;
    font-weight: 200;
    text-transform: uppercase;
    letter-spacing: -0.694vw;
    line-height: 70%;
    margin: 0;
    margin-bottom: 12.5vw;
}

.form__group {
  position: relative;
  /* padding: 20px 0 0; */
  padding: 1.111vw 0 1.111vw 1.25vw;
  width: 33.333vw;
  /* max-width: 180px; */
  border: 1px solid #00000066;
  border-radius: 1.111vw;
  margin-bottom: 0.556vw;
}

.form__field {
  font-family: 'Inter';
  width: 100%;
  border: none;
  outline: 0;
  font-size: 1.25vw;
  font-weight: 300;
  color: #000000;
  /* padding: 7px 0; */
  background: transparent;
  transition: border-color 0.2s;
}

.form__field::placeholder {
  color: transparent;
}

.form__field:placeholder-shown ~ .form__label {
  font-size: 1.25vw;
  font-family: 'Inter';
  cursor: text;
  top: 1.389vw;
}

.form__label {
  position: absolute;
  top: 0;
  display: block;
  transition: 0.2s;
  font-size: 0.833vw;
  color: #9b9b9b;
  font-family: 'Inter';
  pointer-events: none;
}

/* .form__field:focus {
  font-weight: 700;
  border-width: 3px;
  border-image: linear-gradient(to right, #116399, #38caef);
  border-image-slice: 1;
} */

.form__field:focus ~ .form__label {
  position: absolute;
  top: 0;
  display: block;
  transition: 0.2s;
  font-size: 0.833vw;
  color: #9b9b9b;
}

/* reset input */
.form__field:required, .form__field:invalid {
  box-shadow: none;
}
.modal#modal .modal-window .btn-global-dark {
    border: 0;
    padding: 1.111vw 4.167vw;
    margin-top: 3.056vw;
    margin-bottom: 3.472vw;
}
.modal#modal .modal-window #modal-button-close {
    position: absolute;
    top: 0.833vw;
    right: 0.833vw;
    border: 0;
    background: transparent;
    cursor: pointer;
}
.modal#modal .modal-window .close-button img {
    width: 1.25vw;
}
.modal#modal {
    display: none;
}



@media screen and (max-width: 961px) {
    .hide-sm {
        display: none;
    }
    .show-sm {
        display: block;
    }

    header .logo-navigation-line {
        padding: 6.4vw 4vw;
    }
    header .logo-navigation-line > img {
        width: 36.8vw;
    }
    .btn-global-transparent {
        font-size: 3.733vw;
        padding: 2.133vw 5.333vw;
        border-radius: 3.2vw;
    }
    header .button-menu {
        gap: 2.667vw;
    }
    header .burger-menu {
        padding: 1.9vw 2.133vw;
        border-radius: 3.2vw;
    }
    header .burger-menu img {
        width: 4.8vw;
    }

    .hero h1 {
        font-size: 8.533vw;
        margin-top: 25.333vw;
    }
    .hero p {
        font-size: 4vw;
        width: 85.333vw;
        margin-bottom: 7.467vw;
        font-weight: 300;
    }
    .hero a {
        font-size: 4.267vw;
        padding: 2.667vw 5.867vw;
        border-radius: 16vw;
    }

    section.what-we-do .what-we-do-content {
        padding-top: 128.8vw;
    }
    section.what-we-do .what-we-do-content h2 {
        font-size: 7.467vw;
    }
    section.what-we-do .what-we-do-content h2 br {
        display: none;
    }
    section.what-we-do .what-we-do-content p {
        width: 85.067vw;
        font-size: 4vw;
        margin-top: 6.4vw;
    }
    .what-we-do-button {
        display: none;
    }
    .what-we-do-card {
        width: 85.333vw;
        padding: 6.4vw;
        margin-top: 15.933vw;
        border-radius: 6.4vw;
    }
    .what-we-do-card p.card-title {
        font-size: 6.4vw;
    }
    .what-we-do-card p.card-title + p{
        font-size: 4vw;
        margin-top: 6.933vw;
    }
    .what-we-do-card a {
        font-size: 4.267vw;
        padding: 2.667vw 5.867vw;
        border-radius: 16vw;
    }
    section.about-us-benefits {
        flex-direction: column;
        align-items: flex-start;
        width: calc(100% - 8vw);
    }
    section.about-us-benefits > div {
        width: 100%;
    }
    .left-side-benefits .big-title {
        font-size: 11.4vw;
    }
    .left-side-benefits .big-titles-description {
        margin-top: 2.133vw;
        font-size: 4.8vw;
        margin-bottom: 8vw;
    }
    .benefit-progress .about-us-point {
        bottom: 5.6vw;
        left: 5.6vw;
    }
    .right-side-benefits {
        margin-top: 37.333vw;
    }
    .right-side-benefits .benefit-title-row .big-title {
        font-size: 7.467vw;
    }
    .right-side-benefits .benefit-title-row .big-titles-description {
        font-size: 4vw;
        margin-bottom: 26.667vw;
    }
    .right-side-benefits .benefit-title-row .big-titles-description br {
        display: none;
    }
    .right-side-benefits ul {
        width: calc(100% - 7.466vw);
        margin: 0 auto 16vw;
    }
    .right-side-benefits ul li {
        font-size: 4vw;
        margin: 4.8vw 0;
    }
    .right-side-benefits ul li::before {
        width: 1.6vw;
        height: 3.467vw;
        left: -3.733vw;
    }
    .right-side-benefits {
        background: url(/wp-content/uploads/2026/01/mobile-benefit-background.png);
        background-size: 100% 100%;
    }
    .right-side-benefits a,
    .btn-global-light {
        font-size: 4.267vw;
        padding: 2.667vw 5.867vw;
        border-radius: 16vw;
    }
    section.social-proof h2 {
        font-size: 7.467vw;
    }
    section.social-proof p {
        font-size: 4vw;
        margin-top: 6.4vw;
        margin-bottom: 10.667vw;
    }
    section.social-proof .swiper-container {
        width: 51.467vw;
        height: 38vw;
    }
    section.social-proof .swiper-slide img {
        max-width: 60%;
    }
    section.testimonial h2 {
        font-size: 8.533vw;
        text-align: center;
    }
    section.testimonial .swiper-button-next,
    section.testimonial .swiper-button-prev {
        display: none;
    }
    section.testimonial .swiper-slide-container p.content {
        font-size: 4vw;
    }
    section.testimonial .swiper-slide {
        width: 74.4vw;
    }
    section.testimonial .swiper-slide.swiper-slide-next {
        transform: translateX(2%);
    }
    section.testimonial .swiper-slide.swiper-slide-prev {
        transform: translateX(-2%);
    }
    section.testimonial .swiper-slide-container .author {
        margin-top: 25.6vw;
    }
    section.testimonial .swiper-slide-container .author img {
        width: 12.267vw;
    }
    section.testimonial .swiper-slide-container .author p.author-name {
        font-size: 5.867vw;
        margin-top: 4.267vw;
        margin-bottom: 0;
    }
    section.testimonial .swiper-slide-container .author p.author-position {
        margin-top: 2.133vw;
        font-size: 3.733vw;
    }
    section.cta {
        text-align: left;
        padding: 6.4vw 6.4vw 15.4vw 6.4vw;
        width: calc(100% - 14.8vw);
        background: url(/wp-content/uploads/2026/01/cta-background-mobile.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
    section.cta .title-row {
        flex-direction: column;
        align-items: flex-start;
    }
    section.cta .title-row img {
        width: 19.2vw;
        margin-bottom: 4.8vw;
    }
    section.cta .title-row p {
        font-size: 14.667vw;
        line-height: 100%;
    }
    section.cta p.description {
        text-align: left;
        font-size: 4vw;
        margin-bottom: 30.667vw;
        margin-top: 4.8vw;
    }
    section.media h2 {
        text-align: left;
        font-size: 7.467vw;
    }
    section.media .media-wrapper {
        grid-template-columns: 1fr;
    }
    section.media .video-preview img.preview-image {
        width: 13.333vw;
        bottom: 3.733vw;
        left: 3.733vw;
    }
    section.media a + p {
        font-size: 4.267vw;
        margin: 4vw 0 16.267vw;
    }
    section.media .video-preview img.video-preview-image {
        border-radius: 4.267vw;
    }
    section.faq h2 {
        font-size: 8.533vw;
    }
    .accordion-title p.title {
        font-size: 5.333vw;
        width: 90%;
    }
    .accordion-title {
        padding: 5.333vw 5.333vw 5.333vw 4.8vw;
    }
    .accordion-title button {
        width: 8vw;
        height: 16vw;
        border-radius: 2.667vw;
    }
    .accordion-title button img {
        width: 1.867vw;
        height: 1.867vw;
    }
    .accordion-title {
        border-radius: 6.4vw;
    }
    .accordion-bar.active .accordion-body {
        border-bottom-left-radius: 6.4vw;
        border-bottom-right-radius: 6.4vw;
        /* border-radius: 6.4vw; */
    }
    .accordion-bar.active .accordion-body p {
        font-size: 4vw;
        width: 100%;
    }
    .accordion-bar.active .accordion-body {
        padding: 8vw 5.333vw;
    }
    footer {
        background: url(/wp-content/uploads/2026/01/footer-background-mobile.png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        padding-top: 20vw;
    }
    footer > img {
        display: none;
    }
    footer > .row {
        width: calc(100% - 8vw);
        flex-direction: column;
        align-items: flex-start;
        margin: 0 auto 42.667vw;
    }
    footer ul {
        margin-bottom: 14.4vw;
        padding: 0;
    }
    footer ul li a {
        font-size: 4.267vw;
    }
    .footer-social-links {
        width: 100%;
        gap: 8.533vw;
    }
    .footer-social-links img {
        width: 7.467vw;
    }
    .footer-social-links a {
        margin-left: auto;
    }
    .copyright-line p {
        font-size: 3.467vw;
    }
    .copyright-line {
        padding: 2.933vw 4vw;
    }


    /* navigation */

    header nav .background-overlay {
        display: none;
    }
    header nav .main-navigation {
        width: 96.972vw;
        border-radius: 3.2vw;
    }
    header nav .main-navigation .menu .close-button {
        top: 4vw;
        right: 4vw;
    }
    header nav .main-navigation .menu .close-button img,
    .modal#modal .modal-window .close-button img {
        width: 4.8vw;
    }
    header nav .main-navigation .menu ul li a {
        font-size: 5.867vw;
    }
    header nav .main-navigation .menu ul li {
        margin-bottom: 4.267vw;
        margin-top: 0;
    }
    header nav .main-navigation .menu-buttons .footer-social-links {
        display: none;
    }
    header nav .main-navigation .menu-buttons > a {
        font-size: 4.8vw;
        padding: 4.267vw 16vw;
        border-radius: 16vw;
    }
    header nav .main-navigation {
        padding-bottom: 13.333vw;
    }
    .modal .modal-window {
        top: 2.133vw;
        left: 2.133vw;
        right: 2.133vw;
        bottom: 2.133vw;
        transform: translate(0);
        width: auto;
    }
    .modal#modal .modal-window p {
        font-size: 16vw;
    }
    .form__group {
        width: 76.333vw;
        padding: 4.267vw 6.933vw;
        border-radius: 4.267vw;
    }
    .modal#modal .modal-window .btn-global-dark {
        font-size: 4.8vw;
        padding: 4.267vw 16vw 4.8vw;
        border-radius: 16vw;
    }
    .form__field {
        font-size: 4.8vw;
    }
    .form__field:placeholder-shown ~ .form__label {
        font-size: 4.8vw;
        top: 50%;
        transform: translateY(-50%);
    }
    .form__field:focus ~ .form__label {
        font-size: 3.2vw;
        top: 0;
        transform: translateY(0%);
    }
    .modal .modal-window {
        border-radius: 3.2vw;
    }
}






/* Temporary */
section.social-proof,
section.testimonial {
	display: none;
}