/*!
 Theme Name:   Otree
 Description:  Otree Theme by OTree
 Author:       Otree
 Author URI:   http://otree.tech
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  otree
 Domain Path: /languages
*/
@import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Outfit:wght@100..900&family=Sora:wght@100..800&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap);

:root {
    --HR-HR-gradient-btn-100: #7318b1;
    --HR-HR-gradient-btn-200: #e12b7a;
    --default-gradient: linear-gradient(85deg, #c56eff 15.39%, #e12b7a 85.69%);
    --Color-theme-02-bg: #faf8f6;
    --Finanse-HR-gradient-btn-100: rgba(45, 58, 182, 0.05);
    --Finanse-HR-gradient-btn-200: rgba(47, 112, 224, 0.05);
    --Color-theme-02-txt-second: #545260;
    --Color-theme-02-txt-main: #302f3b;
    --base-white: #ffffff;
    --border-color: #e12b7a
}

*, *::before, *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    text-decoration: none
}

ol, ul, li {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block
}

p, .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin: 0
}

body {
    -webkit-font-smoothing: antialiased
}

img, picture, video, canvas, svg, iframe {
    display: block;
    max-width: 100%
}

button, input, textarea, select {
    all: unset;
    box-sizing: border-box
}

a {
    text-decoration: none;
    color: inherit
}

html {
    font-family: "Work Sans";
    scroll-behavior: smooth;
    margin-top: 0 !important
}

body {
    min-height: 100vh;
    max-width: 100%;
    overflow-x: hidden;
    background-color: var(--background-body)
}

div {
    display: block
}

.scroll-lock {
    overflow-y: hidden
}

@media (min-width: 768px) {
    .mobile {
        display: none
    }
}

@media (max-width: 767.98px) {
    .mobile + .desktop {
        display: none
    }
}

p {
    color: #302f3b;
    font: 400 1.375rem/127.27% "Work Sans";
    letter-spacing: 0.01em
}

h2, .h2 {
    color: #302f3b;
    font: 600 2.6875rem/103% "Outfit"
}

h3, .h3 {
    color: #302f3b;
    font: 400 2.5625rem / 117% "Outfit";
    letter-spacing: -0.011em
}

h4, .h4 {
    color: #302f3b;
    font: 600 1.3125rem / 130% "Work Sans";
    letter-spacing: -0.011em
}

h5, .h5 {
    color: #302f3b;
    font: 500 1.125rem/150% "Work Sans";
    letter-spacing: -0.011em
}

@media (max-width: 767.98px) {
    p {
        font-size: 1.1875rem
    }

    h3, .h3 {
        font-weight: 600;
        font-size: 2.5rem
    }
}

section, .section {
    background: var(--background-special);
    max-width: 100%;
    overflow-x: hidden
}

.section-ctnr {
    position: relative;
    max-width: 1600px;
    margin-inline: auto
}

.swiper-container {
    overflow-x: hidden
}

.light-scrollbar::-webkit-scrollbar {
    width: 0.25rem;
    height: 0.25rem;
    background-color: transparent
}

.light-scrollbar::-webkit-scrollbar-thumb {
    border-radius: 10rem;
    background-color: #505050
}

.light-scrollbar::-webkit-scrollbar-track {
    border-radius: 10rem;
    background-color: #c8c8c8
}

.swiper {
    width: 100%;
    height: 100%
}

.theme-default .swiper-nav-btn::after {
    filter: brightness(0) saturate(100%) invert(29%) sepia(63%) saturate(2155%) hue-rotate(307deg) brightness(90%) contrast(101%)
}

.theme-default .video__img {
    background: var(--wpr-bg-4bd7c617-c89a-4164-a646-6f3ae72bf52a) no-repeat
}

.theme-blue .swiper-nav-btn::after {
    filter: brightness(0) saturate(100%) invert(13%) sepia(28%) saturate(7411%) hue-rotate(223deg) brightness(91%) contrast(93%)
}

.theme-blue .video__img {
    background: var(--wpr-bg-81328e8e-1fbd-47b5-83e3-dc330dff5b17) no-repeat
}

.theme-green .swiper-nav-btn::after {
    filter: brightness(0) saturate(100%) invert(75%) sepia(35%) saturate(2342%) hue-rotate(103deg) brightness(97%) contrast(103%)
}

.theme-green .video__img {
    background: var(--wpr-bg-1eb0224f-27c2-40f1-ae94-c8c551a77076) no-repeat
}

.theme-purple .swiper-nav-btn::after {
    filter: brightness(0) saturate(100%) invert(61%) sepia(29%) saturate(7462%) hue-rotate(235deg) brightness(100%) contrast(101%)
}

.theme-purple .video__img {
    background: var(--wpr-bg-ebe54737-bd8e-4b9f-87d6-935e17e16cab) no-repeat
}

.theme-yellow .swiper-nav-btn::after {
    filter: brightness(0) saturate(100%) invert(78%) sepia(34%) saturate(679%) hue-rotate(347deg) brightness(104%) contrast(104%)
}

.theme-yellow .video__img {
    background: var(--wpr-bg-ccc14b87-463d-4bd3-b0c4-c5c3d0494e72) no-repeat
}

.theme-turquoise .swiper-nav-btn::after {
    filter: brightness(0) saturate(100%) invert(83%) sepia(8%) saturate(4303%) hue-rotate(149deg) brightness(94%) contrast(100%)
}

.theme-turquoise .video__img {
    background: var(--wpr-bg-66c91b11-cc4b-46a2-b9f1-2c865d7a1791) no-repeat
}

.theme-pink .swiper-nav-btn::after {
    filter: brightness(0) saturate(100%) invert(25%) sepia(97%) saturate(4222%) hue-rotate(241deg) brightness(94%) contrast(90%)
}

.theme-pink .video__img {
    background: var(--wpr-bg-7d6ddfe1-e9b0-4280-a740-8eff3f7d0a5f) no-repeat
}

.theme-green .accordion p, .theme-green .accordion h2, .theme-green .accordion .h2, .theme-green .accordion h3, .theme-green .accordion .h3, .theme-green .accordion h4, .theme-green .accordion .h4, .theme-green .accordion h5, .theme-green .accordion .h5, .theme-green .cards p, .theme-green .cards h2, .theme-green .cards .h2, .theme-green .cards h3, .theme-green .cards .h3, .theme-green .cards h4, .theme-green .cards .h4, .theme-green .cards h5, .theme-green .cards .h5, .theme-green .contact-form p, .theme-green .contact-form h2, .theme-green .contact-form .h2, .theme-green .contact-form h3, .theme-green .contact-form .h3, .theme-green .contact-form h4, .theme-green .contact-form .h4, .theme-green .contact-form h5, .theme-green .contact-form .h5, .theme-green .counter-data p, .theme-green .counter-data h2, .theme-green .counter-data .h2, .theme-green .counter-data h3, .theme-green .counter-data .h3, .theme-green .counter-data h4, .theme-green .counter-data .h4, .theme-green .counter-data h5, .theme-green .counter-data .h5, .theme-green .fancy-carousel p, .theme-green .fancy-carousel h2, .theme-green .fancy-carousel .h2, .theme-green .fancy-carousel h3, .theme-green .fancy-carousel .h3, .theme-green .fancy-carousel h4, .theme-green .fancy-carousel .h4, .theme-green .fancy-carousel h5, .theme-green .fancy-carousel .h5, .theme-green .features-section p, .theme-green .features-section h2, .theme-green .features-section .h2, .theme-green .features-section h3, .theme-green .features-section .h3, .theme-green .features-section h4, .theme-green .features-section .h4, .theme-green .features-section h5, .theme-green .features-section .h5, .theme-green .hero-department p, .theme-green .hero-department h2, .theme-green .hero-department .h2, .theme-green .hero-department h3, .theme-green .hero-department .h3, .theme-green .hero-department h4, .theme-green .hero-department .h4, .theme-green .hero-department h5, .theme-green .hero-department .h5, .theme-green .hero-main p, .theme-green .hero-main h2, .theme-green .hero-main .h2, .theme-green .hero-main h3, .theme-green .hero-main .h3, .theme-green .hero-main h4, .theme-green .hero-main .h4, .theme-green .hero-main h5, .theme-green .hero-main .h5, .theme-green .logos p, .theme-green .logos h2, .theme-green .logos .h2, .theme-green .logos h3, .theme-green .logos .h3, .theme-green .logos h4, .theme-green .logos .h4, .theme-green .logos h5, .theme-green .logos .h5, .theme-green .quotes p, .theme-green .quotes h2, .theme-green .quotes .h2, .theme-green .quotes h3, .theme-green .quotes .h3, .theme-green .quotes h4, .theme-green .quotes .h4, .theme-green .quotes h5, .theme-green .quotes .h5, .theme-green .testimonials p, .theme-green .testimonials h2, .theme-green .testimonials .h2, .theme-green .testimonials h3, .theme-green .testimonials .h3, .theme-green .testimonials h4, .theme-green .testimonials .h4, .theme-green .testimonials h5, .theme-green .testimonials .h5, .theme-green .text-img-swiper p, .theme-green .text-img-swiper h2, .theme-green .text-img-swiper .h2, .theme-green .text-img-swiper h3, .theme-green .text-img-swiper .h3, .theme-green .text-img-swiper h4, .theme-green .text-img-swiper .h4, .theme-green .text-img-swiper h5, .theme-green .text-img-swiper .h5, .theme-green .text-img p, .theme-green .text-img h2, .theme-green .text-img .h2, .theme-green .text-img h3, .theme-green .text-img .h3, .theme-green .text-img h4, .theme-green .text-img .h4, .theme-green .text-img h5, .theme-green .text-img .h5, .theme-green .text-lead p, .theme-green .text-lead h2, .theme-green .text-lead .h2, .theme-green .text-lead h3, .theme-green .text-lead .h3, .theme-green .text-lead h4, .theme-green .text-lead .h4, .theme-green .text-lead h5, .theme-green .text-lead .h5, .theme-green .video p, .theme-green .video h2, .theme-green .video .h2, .theme-green .video h3, .theme-green .video .h3, .theme-green .video h4, .theme-green .video .h4, .theme-green .video h5, .theme-green .video .h5 {
    color: #302f3b;
    color: #ffffff
}

.theme-green .bg-light p, .theme-green .bg-light h3, .theme-green .bg-light h4, .theme-green .bg-light h5, .theme-green .bg-light h2, .theme-green .bg-light .h2, .theme-green .bg-light .h3, .theme-green .bg-light .h4, .theme-green .bg-light .h5 {
    color: #000000
}

.h2 {
    color: red !important
}

.theme-default {
    --gradient-text: linear-gradient(85deg, #e12b7a 15.39%, #f65923 85.69%);
    --background-hero: #fff;
    --color-accent: #e12b7a;
    --background-section: #fbfafe;
    --HR-HR-gradient-btn-100: #e12b7a;
    --HR-HR-gradient-btn-200: #f65923;
    --HR-HR-gradient-btn-100-OP06: rgba(225, 43, 122, 0.6);
    --HR-HR-gradient-btn-200-OP06: rgba(246, 89, 35, 0.6);
    --color-btn: #e12b7a;
    --background-special: transparent;
    --color-theme: var(--Color-theme-02-txt-main);
    --color-theme-desc: var(--Color-theme-02-txt-second);
    --background-body: #fff;
    --icon-quote: "./assets/media/icons/quote.svg";
    --btn-secondary-background: #fff;
    --btn-list-background: rgba(255, 255, 255, 0.8);
    --color-accordion: #302f3b;
    --color-accordion-body: #545260;
    --bg-accordion: #fff;
    --filter-accordion-icon: none;
    --color-main-font: #302f3b;
    --color-second-font: #545260;
    --line-accent: #667085;
    --border-color-input: #667085;
    --background-text-img: linear-gradient(93deg, rgba(225, 43, 122, 0.3) 26.07%, rgba(115, 24, 177, 0.3) 81.05%), #ed1e79;
    --background-video: rgba(251, 250, 254, 0.7)
}

.theme-blue {
    --gradient-text: linear-gradient(85deg, #1a237e 15.39%, #3a51d9 85.69%);
    --background-hero: #fff;
    --color-accent: #1a237e;
    --background-section: rgba(255, 255, 255, 0.6);
    --HR-HR-gradient-btn-100: #1a237e;
    --HR-HR-gradient-btn-200: #3a51d9;
    --HR-HR-gradient-btn-100-OP06: rgba(26, 35, 126, 0.6);
    --HR-HR-gradient-btn-200-OP06: rgba(58, 81, 217, 0.6);
    --color-btn: #1a237e;
    --Color-theme-02-txt-main: #302f3b;
    --border-color: #1a237e;
    --background-special: transparent;
    --color-theme: var(--Color-theme-02-txt-main);
    --color-theme-desc: var(--Color-theme-02-txt-second);
    --background-body: #fff;
    --icon-quote: "./assets/media/icons/blue-quote.svg";
    --btn-secondary-background: #fff;
    --btn-list-background: rgba(255, 255, 255, 0.8);
    --color-accordion: #302f3b;
    --color-accordion-body: #545260;
    --bg-accordion: #fff;
    --filter-accordion-icon: none;
    --color-main-font: #302f3b;
    --color-second-font: #545260;
    --line-accent: #667085;
    --border-color-input: #667085;
    --background-text-img: linear-gradient(93deg, rgba(43, 55, 225, 0.3) 26.07%, rgba(24, 141, 177, 0.3) 81.05%), #3a51d9;
    --background-video: rgba(251, 250, 254, 0.7)
}

.theme-green {
    --gradient-text: linear-gradient(85deg, #00f5a0 15.39%, #00d9f5 85.69%);
    --background-hero: #000;
    --color-accent: #00f5a0;
    --background-section: #000000;
    --HR-HR-gradient-btn-100: #00f5a0;
    --HR-HR-gradient-btn-200: #00d9f5;
    --HR-HR-gradient-btn-100-OP06: rgba(0, 245, 160, 0.6);
    --HR-HR-gradient-btn-200-OP06: rgba(0, 217, 245, 0.6);
    --color-btn: #00f5a0;
    --border-color: #00f5a0;
    --background-special: #000;
    --color-theme: #fff;
    --color-theme-desc: #fff;
    --background-body: #000;
    --btn-secondary-background: #000000;
    --btn-list-background: transparent;
    --color-accordion: #ffffff;
    --color-accordion-body: #ffffffc1;
    --bg-accordion: transparent;
    --filter-accordion-icon: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(258deg) brightness(105%) contrast(102%);
    --bs-body-bg: transparent;
    --bs-accordion-border-color: transparent;
    --color-main-font: #ffffff;
    --color-second-font: #ffffffbc;
    --line-accent: #e3e4e7;
    --border-color-input: #efefef;
    --background-text-img: linear-gradient(93deg, #00f59f51 26.07%, #00d8f55a 81.05%), #00f5a0;
    --background-video: #000
}

.theme-purple {
    --gradient-text: linear-gradient(85deg, #c56eff 15.39%, #e12b7a 85.69%);
    --background-hero: #fff;
    --color-btn: #c56eff;
    --color-accent: #c56eff;
    --background-section: #f4f2fd;
    --HR-HR-gradient-btn-100: #c56eff;
    --HR-HR-gradient-btn-200: #e12b7a;
    --HR-HR-gradient-btn-100-OP06: rgba(197, 110, 255, 0.6);
    --HR-HR-gradient-btn-200-OP06: rgba(225, 43, 122, 0.6);
    --border-color: #c56eff;
    --background-special: transparent;
    --color-theme: var(--Color-theme-02-txt-main);
    --color-theme-desc: var(--Color-theme-02-txt-second);
    --background-body: #fff;
    --btn-secondary-background: #fff;
    --btn-list-background: rgba(255, 255, 255, 0.8);
    --color-accordion: #302f3b;
    --color-accordion-body: #545260;
    --bg-accordion: #fff;
    --filter-accordion-icon: none;
    --color-main-font: #302f3b;
    --color-second-font: #545260;
    --line-accent: #667085;
    --border-color-input: #667085;
    --background-text-img: linear-gradient(93deg, #c56eff51 26.07%, #e12b7a5c 81.05%), #c56eff;
    --background-video: rgba(251, 250, 254, 0.7)
}

.theme-yellow {
    --gradient-text: linear-gradient(85deg, #ffd365 15.39%, #ff6f3c 85.69%);
    --background-hero: #fff;
    --color-btn: #ffd365;
    --color-accent: #ffd365;
    --background-section: #fffaf6;
    --HR-HR-gradient-btn-100: #ffd365;
    --HR-HR-gradient-btn-200: #ff6f3c;
    --HR-HR-gradient-btn-100-OP06: rgba(255, 211, 101, 0.6);
    --HR-HR-gradient-btn-200-OP06: rgba(255, 111, 60, 0.6);
    --border-color: #ffd365;
    --background-special: transparent;
    --color-theme: var(--Color-theme-02-txt-main);
    --color-theme-desc: var(--Color-theme-02-txt-second);
    --background-body: #fff;
    --btn-secondary-background: #fff;
    --btn-list-background: rgba(255, 255, 255, 0.8);
    --color-accordion: #302f3b;
    --color-accordion-body: #545260;
    --bg-accordion: #fff;
    --filter-accordion-icon: none;
    --color-main-font: #302f3b;
    --color-second-font: #545260;
    --line-accent: #667085;
    --border-color-input: #667085;
    --background-text-img: linear-gradient(93deg, #ffd36555 26.07%, #ff703c55 81.05%), #ffd365;
    --background-video: rgba(251, 250, 254, 0.7)
}

.theme-turquoise {
    --gradient-text: linear-gradient(85deg, #3edbf0 15.39%, #4f9da6 85.69%);
    --background-hero: #fff;
    --color-btn: #3edbf0;
    --color-accent: #3edbf0;
    --border-color: #3edbf0;
    --background-section: rgba(223, 246, 242, 0.3);
    --HR-HR-gradient-btn-100: #3edbf0;
    --HR-HR-gradient-btn-200: #4f9da6;
    --HR-HR-gradient-btn-100-OP06: rgba(62, 219, 240, 0.6);
    --HR-HR-gradient-btn-200-OP06: rgba(79, 157, 166, 0.6);
    --background-special: transparent;
    --color-theme: var(--Color-theme-02-txt-main);
    --color-theme-desc: var(--Color-theme-02-txt-second);
    --background-body: #fff;
    --btn-secondary-background: #fff;
    --btn-list-background: rgba(255, 255, 255, 0.8);
    --color-accordion: #302f3b;
    --color-accordion-body: #545260;
    --bg-accordion: #fff;
    --filter-accordion-icon: none;
    --color-main-font: #302f3b;
    --color-second-font: #545260;
    --line-accent: #667085;
    --border-color-input: #667085;
    --background-text-img: linear-gradient(93deg, #3edbf053 26.07%, #4f9da655 81.05%), #3edbf0;
    --background-video: rgba(251, 250, 254, 0.7)
}

.theme-pink {
    --gradient-text: linear-gradient(85deg, #b388eb 15.39%, #f7a8b8 85.69%);
    --background-hero: #fff;
    --color-btn: #4f46e5;
    --color-accent: #4f46e5;
    --border-color: #4f46e5;
    --background-section: rgba(255, 255, 255, 0.6);
    --HR-HR-gradient-btn-100: #4f46e5;
    --HR-HR-gradient-btn-200: #8b5cf6;
    --HR-HR-gradient-btn-100-OP06: rgba(79, 70, 229, 0.6);
    --HR-HR-gradient-btn-200-OP06: rgba(139, 92, 246, 0.6);
    --background-special: transparent;
    --color-theme: var(--Color-theme-02-txt-main);
    --color-theme-desc: var(--Color-theme-02-txt-second);
    --background-body: #fff;
    --btn-secondary-background: #fff;
    --btn-list-background: rgba(255, 255, 255, 0.8);
    --color-accordion: #302f3b;
    --color-accordion-body: #545260;
    --bg-accordion: #fff;
    --filter-accordion-icon: none;
    --color-main-font: #302f3b;
    --color-second-font: #545260;
    --line-accent: #667085;
    --border-color-input: #667085;
    --background-text-img: linear-gradient(93deg, #4e46e551 26.07%, #8a5cf655 81.05%), #4f46e5;
    --background-video: rgba(251, 250, 254, 0.7)
}

.btn-primary {
    cursor: pointer;
    display: inline-block;
    padding: 0.875rem 3rem;
    text-align: center;
    border-radius: 4.6875rem;
    background: linear-gradient(93deg, var(--HR-HR-gradient-btn-100, #7318b1) 19.5%, var(--HR-HR-gradient-btn-200, #e12b7a) 60.75%, var(--HR-HR-gradient-btn-200, #e12b7a) 75%, var(--HR-HR-gradient-btn-100, #7318b1) 100%);
    background-size: 133.4%;
    color: #ffffff;
    font: 400 1.375rem "Sora";
    letter-spacing: -0.02em;
    width: max-content;
    max-width: 100%;
    transition: background 0.3s ease-in-out, background-color 0.3s ease-in-out, color 0.3s ease-in-out
}

.btn-primary:hover {
    animation: 1.75s gradient-move linear 0.15s infinite
}

.btn-primary--white {
    background: #ffffff;
    color: #000000
}

.btn-primary--white:hover {
    animation: unset;
    background: #000000;
    color: white
}

.btn-secondary {
    cursor: pointer;
    display: block;
    width: max-content;
    background: linear-gradient(93deg, var(--HR-HR-gradient-btn-100) 19.5%, var(--HR-HR-gradient-btn-200) 60.75%, var(--HR-HR-gradient-btn-200) 75%, var(--HR-HR-gradient-btn-100) 100%);
    background-size: 133.4%;
    padding: 0.125rem;
    border-radius: 6.25rem;
    transition: background 0.3s ease-in-out
}

.btn-secondary span {
    display: block;
    padding: 0.625rem 2.5rem;
    text-align: center;
    border-radius: 4.6875rem;
    color: var(--color-btn);
    font: 400 1.125rem "Sora";
    letter-spacing: -0.02em;
    overflow: hidden;
    transition: background 0.3s ease-in-out, background-color 0.3s ease-in-out, color 0.3s ease-in-out;
    background: var(--btn-secondary-background)
}

.btn-secondary:hover {
    animation: 1.75s gradient-move linear 0.15s infinite
}

.btn-secondary:hover span {
    background: transparent;
    color: white
}

.btn-secondary--sm {
    padding-inline: 1.5rem
}

@keyframes gradient-move {
    0% {
        background-position: 0%
    }
    100% {
        background-position: 400%
    }
}

.btn-work {
    animation: 1.75s gradient-move linear 0.15s infinite
}

.img--fill, .img--cover {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.img--cover {
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover
}

.icon::before {
    content: "";
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.star-icon::before {
    content: "";
    display: inline-block;
    width: 1.25rem;
    height: 1.25rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: var(--wpr-bg-73bb6ebf-2dca-4385-a00e-36dcba247145)
}

.menu-icon {
    display: block;
    width: 1.5rem;
    height: 1.5rem
}

.menu-icon * {
    transition: transform 0.3s ease-in-out
}

.menu-icon *:nth-child(1) {
    transform-origin: right top
}

.menu-icon *:nth-child(2) {
    transform-origin: center
}

.menu-icon *:nth-child(3) {
    transform-origin: right bottom
}

.menu-icon-ctnr.active .menu-icon *:nth-child(1) {
    transform: rotate(-45deg) translate(-12%, -16%)
}

.menu-icon-ctnr.active .menu-icon *:nth-child(2) {
    transform: scaleX(0)
}

.menu-icon-ctnr.active .menu-icon *:nth-child(3) {
    transform: rotate(45deg) translate(-12%, 16%)
}

.swiper-nav-btn {
    display: block;
    text-align: center;
    width: 62px;
    height: 62px;
    background-color: #ffffff;
    transition: background-color 0.3s ease-in-out, opacity 0.3s ease-in-out;
    border-radius: 50%
}

.swiper-nav-btn::after {
    content: "";
    display: block;
    width: 21px;
    height: 21px;
    margin: auto;
    background: var(--wpr-bg-313441b8-d8cc-4507-8912-f01d17d8ecc9) no-repeat center
}

.swiper-nav-btn:not(.swiper-button-disabled) {
    cursor: pointer
}

.swiper-nav-btn:not(.swiper-button-disabled):hover {
    background-color: var(--HR-HR-gradient-btn-100)
}

.swiper-nav-btn:not(.swiper-button-disabled):hover::after {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
    -moz-filter: brightness(0) invert(1)
}

.swiper-nav-btn--prev {
    transform: rotate(180deg)
}

.swiper-nav-btn.swiper-button-disabled {
    opacity: 0.5
}

.theme-blue .swiper-nav-btn::after {
    background: url(../../../../../../../themes/otree/assets/media/icons/arrow-right-blue.svg) no-repeat center
}

.theme-green .swiper-nav-btn::after {
    background: url(../../../../../../../themes/otree/assets/media/icons/arrow-right-green.svg) no-repeat center
}

.theme-purple .swiper-nav-btn::after {
    background: url(../../../../../../../themes/otree/assets/media/icons/arrow-right-fiolet.svg) no-repeat center
}

.theme-yellow .swiper-nav-btn::after {
    background: url(../../../../../../../themes/otree/assets/media/icons/arrow-right-yellow.svg) no-repeat center
}

.theme-turquoise .swiper-nav-btn::after {
    background: url(../../../../../../../themes/otree/assets/media/icons/arrow-right-turquoise.svg) no-repeat center
}

.theme-pink .swiper-nav-btn::after {
    background: url(../../../../../../../themes/otree/assets/media/icons/arrow-right-pink.svg) no-repeat center
}

.post-card {
    display: flex;
    flex-direction: column;
    margin-right: 1.25rem;
    min-width: 19.375rem;
    height: auto
}

@media (min-width: 768px) {
    .post-card {
        flex: 1 0 calc(33.4% - 1.25rem)
    }
}

.post-card:last-child {
    margin-right: 0
}

.post-card__img {
    width: 100%;
    height: auto;
    margin-bottom: 2rem;
    aspect-ratio: 294 / 189;
    object-fit: cover
}

.post-card__title {
    margin-bottom: 2rem
}

.post-card__desc {
    margin-bottom: 2rem
}

.post-card--lg {
    padding: 3rem 2.5rem;
    margin-right: 2.5rem
}

@media (min-width: 768px) {
    .post-card--lg {
        flex: 1 0 calc(50% - 2.5rem)
    }
}

.post-card--lg::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 0.3125rem;
    background: var(--gradient-text);
    box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.21) inset
}

.post-card--lg .post-card__img {
    margin-bottom: 2.5rem
}

.post-card--lg .post-card__title {
    margin-bottom: 1.5rem
}

.post-card--lg .post-card__desc {
    margin-bottom: 1.5rem
}

@media (max-width: 991.98px) {
    .cards-swiper {
        padding: 0 1rem
    }

    .post-card--sm p {
        font-size: 1.0625rem
    }

    .post-card--sm .post-card__img {
        margin-bottom: 1.5rem
    }

    .post-card--lg {
        padding: 2.5rem 1rem 2rem;
        margin-right: 1.5rem;
        min-width: 17.8125rem
    }

    .post-card--lg .post-card__img {
        margin-bottom: 2rem
    }

    .post-card--lg .post-card__title {
        display: none
    }
}

.card-tab {
    position: relative;
    display: block;
    padding: 2.5rem 2.5rem 3rem
}

.card-tab__img {
    aspect-ratio: 393 / 183;
    width: 100%;
    height: auto;
    margin-bottom: 1.5rem;
    object-fit: cover
}

.card-tab__icon {
    display: block;
    max-width: 6.25rem;
    max-width: 5rem;
    min-width: 1.25rem;
    margin-bottom: 1.125rem
}

.card-tab__title {
    margin-bottom: 0.75rem;
    color: var(--Color-theme-02-txt-main);
    font: 500 1.125rem/150% "Outfit"
}

@media (max-width: 72.49rem) {
    .card-tab {
        padding: 2.5rem 1rem
    }
}

.solutions-column {
    padding: 2rem 1rem
}

.solutions-column__title {
    margin-bottom: 1.5rem
}

.solutions-column__link {
    display: flex;
    align-items: center;
    min-height: 8.75rem;
    padding: 1.125rem 1.875rem;
    margin-bottom: 1.5rem;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background: rgba(250, 248, 246, 0.4);
    color: #1e1e1e;
    font: 500 1.0625rem/158.82% "Work Sans"
}

.solutions-column__link:last-child {
    margin-bottom: 0
}

.header {
    background-color: #fff;
    z-index: 12
}

.header .section-ctnr {
    position: relative
}

.header__logo-ctnr {
    width: max-content;
    height: 100%
}

.header__logo {
    height: 100%;
    width: 100%;
    max-width: 13.75rem
}

.header-nav__link {
    position: relative;
    display: block;
    font: 600 1rem "Sora";
    white-space: nowrap
}

p.header-nav__link {
    cursor: default
}

.header-topbar {
    color: #000;
    font: 400 0.875rem "Sora";
    letter-spacing: -0.02em
}

.header-topbar * {
    position: relative;
    display: block
}

.header-mobile-top {
    display: none
}

@media (min-width: 72.5rem) {
    .header .section-ctnr {
        padding: 3.8125rem 2.5rem 1rem
    }

    .header-menu {
        display: grid;
        grid-template-columns:minmax(auto, 1fr) 1fr minmax(auto, 1fr);
        gap: 1rem;
        align-items: center
    }

    .header-menu__btn {
        margin-left: auto;
        cursor: pointer;
        display: block;
        width: max-content;
        background: linear-gradient(93deg, #e12b7a 19.5%, #f65923 60.75%, #f65923 75%, #e12b7a 100%);
        background-size: auto;
        background-size: 133.4%;
        padding: 0.125rem;
        border-radius: 6.25rem;
        transition: background 0.3s ease-in-out
    }

    .header-menu__btn span {
        background: white;
        color: #e12b7a
    }

    .header-nav {
        display: block
    }

    .header-nav__list {
        display: flex;
        gap: 2.8125rem
    }

    .header-nav__item:hover .header-nav__link span {
        background-position: 100%
    }

    .header-nav__item:hover .header-nav__link::before {
        position: absolute;
        content: "";
        left: -2.5rem;
        bottom: 0;
        width: calc(100% + 5rem);
        height: 100%
    }

    .header-nav__item:hover .header-nav__link::after {
        position: absolute;
        content: "";
        left: -5rem;
        bottom: -3.5rem;
        width: calc(100% + 10rem);
        height: calc(3.5rem)
    }

    .header-nav__item:hover .nav-section {
        opacity: 1;
        visibility: visible
    }

    .header-nav__link span {
        background: linear-gradient(93deg, #000, #000 35%, #f67103 50%, #f67103 73%, #de347e 90%);
        background-size: 300%;
        background-position: 0%;
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        transition: background-position 0.7s ease-in-out
    }

    .header-topbar {
        position: absolute;
        right: 0;
        top: 0;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 1.5rem;
        width: 100%;
        padding: 0.625rem 1.25rem;
        height: 2.8125rem
    }

    .header-topbar::after {
        content: "";
        position: absolute;
        left: 50%;
        bottom: 0;
        width: 100vw;
        height: 1px;
        background: #ebebeb;
        transform: translateX(-50%)
    }

    .header-topbar * {
        padding: 0.125rem
    }

    .header-topbar *::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        display: block;
        width: 0;
        height: 1px;
        background-color: #000;
        border-radius: 0.5rem;
        transition: width 0.3s ease-in-out
    }

    .header-topbar *:hover::after {
        width: 100%
    }
}

@media (max-width: 72.49rem) {
    .header {
        position: sticky;
        top: 0;
        left: 0
    }

    .header__toggle-menu {
        display: flex;
        width: 2.8125rem;
        height: 2.8125rem;
        justify-content: center;
        align-items: center
    }

    .header-mobile-top {
        position: relative;
        z-index: 1;
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        height: 3.75rem;
        padding: 0.625rem;
        background: #fff
    }

    .header-menu {
        position: fixed;
        z-index: 0;
        top: 0;
        left: 0;
        display: flex;
        flex-direction: column;
        width: 100%;
        height: 100%;
        padding: calc(3.75rem + 0.5rem) 0 2rem;
        background-color: #fff;
        overflow-y: scroll
    }

    .header-menu .header__logo-ctnr {
        display: none
    }

    .header-menu__btn {
        margin-left: 1.375rem
    }

    .header-menu__btn span {
        background: transparent;
        color: #fff
    }

    .header-nav__link[data-bs-toggle="collapse"] {
        position: relative;
        padding-right: 3rem;
        margin-bottom: 0.25rem
    }

    .header-nav__link[data-bs-toggle="collapse"] span {
        background: linear-gradient(93deg, #000, #000 35%, #c56eff 50%, #c56eff 73%, #e12b7a 90%);
        background-size: 300%;
        background-position: 0%;
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        transition: background-position 0.5s ease-in-out
    }

    .header-nav__link[data-bs-toggle="collapse"] span::before, .header-nav__link[data-bs-toggle="collapse"] span::after {
        content: "";
        position: absolute;
        top: 1.375rem;
        right: 1.375rem;
        display: block;
        width: 0.8125rem;
        height: 0.0625rem;
        background: #000;
        transition: transform 0.5s ease-in-out;
        transform-origin: center center
    }

    .header-nav__link[data-bs-toggle="collapse"] span::after {
        transform: rotate(90deg)
    }

    .header-nav__link[data-bs-toggle="collapse"]::after {
        content: "";
        position: absolute;
        left: 50%;
        bottom: -0.25rem;
        transform: translateX(-50%);
        display: block;
        width: 100vw;
        height: 0.25rem;
        background: linear-gradient(293deg, #fff, #fff 35%, #e12b7a 50%, #e12b7a 73%, #c56eff 90%);
        background-size: 300%;
        background-position: 100%;
        transition: background-position 0.5s ease-in-out
    }

    .header-nav__link[data-bs-toggle="collapse"][aria-expanded="true"] span {
        background-position: 100%
    }

    .header-nav__link[data-bs-toggle="collapse"][aria-expanded="true"] span::after {
        transform: rotate(0deg)
    }

    .header-nav__link[data-bs-toggle="collapse"][aria-expanded="true"]::after {
        background-position: 0%
    }

    .header-topbar {
        display: block;
        margin: 1.25rem 0 1rem;
        padding-top: 1.25rem;
        border-top: 1px solid #ebebeb;
        font-size: 0.9375rem
    }

    .header-topbar * {
        padding: 0.75rem
    }

    .header-nav__link, .header-topbar * {
        width: 100%;
        padding: 0.75rem 1.375rem;
        color: #000;
        font: 400 0.9375rem "Sora";
        letter-spacing: -0.02em
    }

    .header .header-menu {
        transform: translateX(100%);
        transition: transform 0.3s ease-in-out
    }

    .header.menu-open .header-menu {
        transform: translateX(0%)
    }
}

@media (min-width: 1600px) {
    .header-menu {
        min-height: 5.625rem
    }
}

.footer {
    background-color: #fff;
    position: relative
}

@media (min-width: 992px) {
    .footer {
        background: url(../../../../../../../themes/otree/assets/media/footer-icon.png) no-repeat;
        background-position-x: 0%;
        background-position-y: 0%;
        background-position: bottom right;
        background-size: contain
    }
}

.footer__title {
    width: 100%;
    padding: 5rem 10.25% 5.625rem
}

.footer__title img {
    width: 100%;
    height: auto
}

.footer-bottom {
    border-top: 1px solid rgba(0, 0, 0, 0.3)
}

.footer-bottom .section-ctnr {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 2rem;
    padding: 1.5rem 2.5rem
}

.footer-bottom__list {
    display: flex;
    align-items: center;
    gap: 1.5rem
}

.footer-bottom a, .footer-bottom p {
    color: var(--Color-theme-02-txt-second, #545260);
    font: 400 0.875rem/192.85% "Work Sans"
}

.footer-bottom a:hover {
    text-decoration: underline
}

.footer-bottom__brand {
    display: flex;
    flex-wrap: wrap;
    gap: 5px
}

@media (max-width: 991.98px) {
    .footer-bottom .section-ctnr {
        flex-direction: column-reverse;
        justify-content: start;
        align-items: start;
        padding: 1rem 0;
        gap: 1rem
    }

    .footer-bottom__brand a {
        width: 100%;
        border-top: 1px solid rgba(0, 0, 0, 0.3);
        padding-inline: 1rem
    }

    .footer-bottom__rights {
        width: 100%;
        padding-inline: 1rem
    }

    .footer-bottom__list {
        flex-direction: column;
        justify-content: start;
        align-items: start;
        gap: 1rem;
        margin-left: 1rem
    }

    .footer-bottom__list {
        color: var(--Color-theme-02-txt-second);
        font-family: "Work Sans";
        font-size: 1rem;
        font-style: normal;
        font-weight: 500;
        line-height: 150%;
        letter-spacing: -0.176px
    }

    .footer__title {
        padding: 1.5rem 1.8125rem
    }
}

.features-section .section-ctnr {
    padding: 5.75rem 2.5rem
}

.features-section__content {
    position: relative;
    z-index: 1;
    padding-right: 25%
}

.features-section__title {
    margin-bottom: 1rem
}

.features-section__desc {
    margin-bottom: 1.5rem
}

.features-section__list {
    display: flex;
    flex-wrap: wrap;
    max-width: 808px;
    gap: 10%;
    row-gap: 3rem;
    padding: 1.5625rem 0
}

.features-section__img {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 55%
}

.feature-item {
    flex: 1 1 320px;
    max-width: 400px
}

.feature-item::before {
    content: "";
    display: block;
    width: 6.25rem;
    height: 0.3125rem;
    background: var(--gradient-text, linear-gradient(85deg, #c56eff 15.39%, #e12b7a 85.69%));
    box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.21) inset;
    margin-bottom: 1.25rem
}

.feature-item__title {
    margin-bottom: 1rem
}

.feature-item-active::before {
    display: block !important
}

@media (max-width: 767.98px) {
    .features-section .section-ctnr {
        padding: 4rem 1rem
    }

    .features-section__content {
        padding-right: 0
    }

    .features-section__list {
        padding: 0;
        row-gap: 2.5rem
    }

    .features-section__desc {
        margin-bottom: 4rem
    }

    .features-section__img {
        position: static;
        width: 100%;
        margin-top: 4rem
    }
}

.hero-main {
    background: var(--wpr-bg-8cfaa02b-ff11-441c-ad4c-70c75f94dceb) no-repeat center center;
    background-size: cover;
    background-color: black;
    padding: 40px 16px 40px 16px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    overflow: hidden
}

@media (min-width: 992px) {
    .hero-main {
        padding-top: 56px;
        padding-bottom: 74px;
        position: relative
    }

    .hero-main::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 10%;
        max-height: 60px;
        background-color: var(--base-white);
        z-index: 1
    }
}

.hero-main__container {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 10
}

.hero-main__heading p, .hero-main__heading h1, .hero-main__heading h2, .hero-main__heading h3, .hero-main__heading h4, .hero-main__heading h5, .hero-main__heading h6 {
    color: var(--Color-theme-02-bg);
    text-align: center;
    font-family: "Outfit";
    font-size: 33px;
    font-style: normal;
    font-weight: 600;
    line-height: 103%;
    margin-bottom: 40px;
    max-width: 80vw
}

@media (min-width: 992px) {
    .hero-main__heading p, .hero-main__heading h1, .hero-main__heading h2, .hero-main__heading h3, .hero-main__heading h4, .hero-main__heading h5, .hero-main__heading h6 {
        font-size: 80px;
        margin-bottom: 76px
    }
}

@media (min-width: 1600px) {
    .hero-main__heading p, .hero-main__heading h1, .hero-main__heading h2, .hero-main__heading h3, .hero-main__heading h4, .hero-main__heading h5, .hero-main__heading h6 {
        max-width: 826px
    }
}

.hero-main__heading strong {
    background: linear-gradient(to right, #f67103, #de347e);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    font-style: normal;
    font-weight: 600;
    line-height: 123%
}

@media (min-width: 992px) {
    .hero-main__heading strong {
        font-size: 80px
    }
}

.hero-main__subheading {
    color: var(--base-white);
    text-align: center;
    font-family: "Outfit";
    font-size: 21px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    letter-spacing: -0.231px
}

@media (min-width: 992px) {
    .hero-main__subheading {
        font-size: 18px;
        font-weight: 500;
        line-height: 150%;
        letter-spacing: -0.198px
    }
}

.hero-main__image-text {
    width: 100%;
    max-width: 274px;
    margin-top: 29px
}

@media (min-width: 992px) {
    .hero-main__image-text {
        margin-top: 0px
    }
}

.hero-main__swiper {
    width: 100%;
    max-width: 1200px;
    margin-top: 32px;
    margin-bottom: 40px
}

@media (min-width: 992px) {
    .hero-main__swiper {
        margin-top: 27px;
        margin-bottom: 87px;
        width: 70vw;
        margin-left: 60% !important;
        margin-right: 52% !important
    }

    .hero-main__swiper::after {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 10;
        display: block;
        content: "";
        width: 100px;
        height: 100%;
        background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.5) 30%, #000 100%)
    }

    .hero-main__swiper::before {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 10;
        width: 100px;
        height: 100%;
        display: none;
        content: "";
        opacity: 0;
        transition: opacity 0.3 ease-in-out, ease-in-out;
        background: linear-gradient(90deg, #000 0%, rgba(0, 0, 0, 0.5) 30%, rgba(255, 255, 255, 0) 100%)
    }
}

.hero-main__swiper-wrapper {
    overflow-x: visible
}

@media (max-width: 991.5px) {
    .hero-main__swiper-wrapper {
        display: flex;
        flex-wrap: wrap;
        gap: 24px
    }
}

.hero-main__swiper-buttons {
    position: absolute;
    width: 100%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 1200px;
    height: 64px;
    z-index: 20
}

@media (max-width: 992px) {
    .hero-main__swiper-buttons {
        display: none
    }
}

.hero-main__swiper-slide {
    cursor: pointer
}

@media (max-width: 991.5px) {
    .hero-main__swiper-slide {
        width: calc(50vw - 40px) !important
    }
}

.hero-main__swiper-slide__link {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.hero-main__swiper-slide__link:hover .blue-background {
    background: var(--wpr-bg-e2944b6d-8794-44b2-acab-31853eae3f20) no-repeat;
    border: 1px solid #3a51d9;
    background-size: cover;
    background-position: bottom left
}

.hero-main__swiper-slide__link:hover .green-background {
    background: var(--wpr-bg-6859338f-e166-4721-9129-524a40afa7d4) no-repeat;
    border: 1px solid #00f5a0;
    background-size: cover;
    background-position: bottom left
}

.hero-main__swiper-slide__link:hover .purple-background {
    background: var(--wpr-bg-465107a1-ae36-47d4-a7be-7aaa6cd6b752) no-repeat;
    border: 1px solid #e12b7a;
    background-size: cover;
    background-position: bottom left
}

.hero-main__swiper-slide__link:hover .yellow-background {
    background: var(--wpr-bg-59916102-f502-4262-952c-581d9abf254a) no-repeat;
    border: 1px solid #ff6f3c;
    background-size: cover;
    background-position: bottom left
}

.hero-main__swiper-slide__link:hover .turquoise-background {
    background: var(--wpr-bg-b0fc37a6-0155-40ad-807a-e0eefce0b6ec) no-repeat;
    border: 1px solid #3baea0;
    background-size: cover;
    background-position: bottom left
}

.hero-main__swiper-slide__link:hover .pink-background {
    background: var(--wpr-bg-c43d786f-cf29-4dbe-bdda-35e3cec829a4) no-repeat;
    border: 1px solid #f7a8b8;
    background-size: cover;
    background-position: bottom left
}

.hero-main__swiper-slide__image {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 16px;
    background: var(--wpr-bg-c9aa2779-6c9d-4314-8837-e7e9c7465d15) no-repeat;
    background-size: cover;
    background-position: bottom left;
    transition: all 0.2s ease-in-out
}

.hero-main__swiper-slide__image img {
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.25);
    object-fit: contain
}

.hero-main__swiper-slide__title {
    color: var(--Color-theme-02-bg);
    text-align: center;
    font-family: "Work Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -0.176px;
    margin-top: 7px
}

@media (min-width: 992px) {
    .hero-main__swiper-slide__title {
        font-size: 17px;
        font-weight: 600;
        line-height: 130%;
        letter-spacing: -0.187px
    }
}

.hero-main__swiper .swiper-button-disabled {
    display: none !important
}

.hero-main__swiper-button-next, .hero-main__swiper-button-prev {
    z-index: 20 !important;
    border-radius: 75px;
    background: rgba(255, 255, 255, 0.3);
    display: flex;
    width: 48px !important;
    height: 48px !important;
    align-items: center;
    gap: 8px;
    flex-shrink: 0
}

.hero-main__swiper-button-next {
    top: -126% !important;
    left: 90% !important
}

@media (min-width: 1400px) {
    .hero-main__swiper-button-next {
        top: -162% !important
    }
}

.hero-main__swiper-button-prev {
    top: -126% !important
}

@media (min-width: 1400px) {
    .hero-main__swiper-button-prev {
        top: -162% !important
    }
}

.hero-main__swiper-button-next::after {
    content: "" !important;
    width: 24px;
    height: 24px;
    background: var(--wpr-bg-056ddf6a-ace9-410e-b7f7-c1601c74680f) no-repeat center center;
    background-size: contain
}

.hero-main__swiper-button-prev::after {
    content: "" !important;
    width: 24px;
    height: 24px;
    background: var(--wpr-bg-b0ed61f6-87f5-4649-a023-f77f3cb74ce8) no-repeat center center;
    background-size: contain;
    transform: rotate(180deg)
}

.hero-main__swiper.before-shadow::before {
    transition: opacity 0.3s ease-in-out;
    display: block;
    opacity: 1
}

.hero-main__trust {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: relative;
    width: 100%
}

.hero-main__trust-list {
    display: flex;
    width: max-content;
    margin-left: -16px;
    position: relative;
    z-index: 2
}

.hero-main__trust-item {
    border-radius: 50%;
    border: 3px solid var(--base-white);
    overflow: hidden;
    height: 53px;
    width: 53px;
    margin-right: -16px;
    position: relative
}

@media (min-width: 992px) {
    .hero-main__trust-item {
        height: 60px;
        width: 60px
    }
}

.hero-main__trust-item img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.hero-main__trust-item:nth-child(1) {
    z-index: 10
}

.hero-main__trust-item:nth-child(2) {
    z-index: 9
}

.hero-main__trust-item:nth-child(3) {
    z-index: 8
}

.hero-main__trust-item:nth-child(4) {
    z-index: 7
}

.hero-main__trust-item:nth-child(5) {
    z-index: 6
}

.hero-main__trust-item:nth-child(6) {
    z-index: 5
}

.hero-main__trust-item:nth-child(7) {
    z-index: 4
}

.hero-main__trust-item:nth-child(8) {
    z-index: 3
}

.hero-main__trust-item:nth-child(9) {
    z-index: 2
}

.hero-main__trust-item:nth-child(10) {
    z-index: 1
}

.hero-main__trust-item:nth-child(11) {
    z-index: 0
}

.hero-main__trust-item:nth-child(12) {
    z-index: -1
}

.hero-main__trust-item:nth-child(13) {
    z-index: -2
}

.hero-main__trust-item:nth-child(14) {
    z-index: -3
}

.hero-main__trust-item:nth-child(15) {
    z-index: -4
}

.hero-main__trust-item:nth-child(16) {
    z-index: -5
}

.hero-main__trust-item:nth-child(17) {
    z-index: -6
}

.hero-main__trust-item:nth-child(18) {
    z-index: -7
}

.hero-main__trust-item:nth-child(19) {
    z-index: -8
}

.hero-main__trust-item:nth-child(20) {
    z-index: -9
}

.hero-main__trust-text {
    margin-top: 4px;
    text-align: center;
    color: var(--base-white);
    font-family: "Work Sans";
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -0.176px
}

@media (min-width: 992px) {
    .hero-main__trust-text {
        font-size: 18px;
        font-weight: 400;
        line-height: 27px;
        letter-spacing: 0.36px
    }
}

.hero-main__animation {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    z-index: 1;
    width: 100vw
}

.hero-main__animation--triangle-container {
    width: 30%;
    display: flex;
    justify-content: end
}

@media (max-width: 991.9px) {
    .hero-main__animation--triangle-container {
        display: none
    }
}

.hero-main__animation--lines {
    max-width: max-content
}

@media (max-width: 991.9px) {
    .hero-main__animation--lines {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 120vw
    }
}

.hero-main__animation--lines-container {
    position: relative;
    width: 70%;
    height: 100%;
    margin-left: -30px
}

@media (max-width: 991.9px) {
    .hero-main__animation--lines-container {
        width: 100%
    }
}

.hero-department {
    background: var(--background-hero);
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

@media (min-width: 1400px) {
    .hero-department {
        min-height: 60vh;
        width: 100%;
        justify-content: center;
        align-items: center
    }
}

@media (max-width: 1399.9px) {
    .hero-department {
        padding-bottom: 24px
    }
}

.hero-department__container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    z-index: 1;
    width: 100%
}

@media (min-width: 1400px) {
    .hero-department__container {
        position: relative;
        justify-content: space-between;
        padding: 54px 96px 18px 96px;
        min-height: 60vh;
        z-index: 10;
        gap: 40px
    }
}

@media (min-width: 1600px) {
    .hero-department__container {
        max-width: 1416px;
        gap: 204px;
        padding: 94px 96px 18px 96px
    }
}

.hero-department__content {
    display: flex;
    padding: 24px 8px 32px 8px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    align-self: stretch;
    position: relative;
    z-index: 2;
    max-width: 680px;
    width: 100%
}

@media (min-width: 1400px) {
    .hero-department__content {
        width: 50%
    }
}

.hero-department__title {
    font-family: "Outfit";
    font-style: normal;
    font-weight: 600;
    line-height: 118%;
    background: var(--gradient-text);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 28px;
    font-size: clamp(2.5rem, 4vw, 4.5rem)
}

@media (min-width: 1400px) {
    .hero-department__title {
        font-family: "Outfit";
        font-style: normal;
        font-weight: 600
    }
}

@media (min-width: 1600px) {
    .hero-department__title {
        font-size: 4.625rem
    }
}

.hero-department__desc {
    color: #1d1d1d;
    font-family: "Outfit";
    font-style: normal;
    font-weight: 600;
    line-height: 125%;
    font-size: clamp(1.5rem, 2.5vw, 2.7rem)
}

@media (min-width: 1400px) {
    .hero-department__desc {
        color: #fff;
        font-style: normal;
        line-height: 103%
    }
}

@media (min-width: 1600px) {
    .hero-department__desc {
        font-size: 2.7rem
    }
}

.hero-department__images {
    overflow: hidden;
    width: 100vw;
    height: 100%
}

@media (min-width: 1400px) {
    .hero-department__images {
        margin-left: -96px
    }
}

.hero-department__image-container {
    position: absolute;
    display: flex;
    justify-content: end;
    align-items: center;
    width: 100%;
    height: 100%
}

@media (min-width: 1400px) and (max-width: 1600px) {
    .hero-department__image-container {
        overflow: hidden
    }
}

.hero-department__image-content {
    min-height: 450px;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: end;
    position: relative
}

.hero-department__image-content::after {
    position: absolute;
    display: block;
    content: "";
    bottom: -1px;
    right: 0;
    background-color: var(--background-hero);
    z-index: 10;
    height: 332px;
    width: 100%;
    clip-path: polygon(0 90%, 100% 68%, 100% 100%, 0 100%)
}

@media (min-width: 1400px) {
    .hero-department__image-content::after {
        position: absolute;
        display: block;
        content: "";
        height: 855px;
        width: 3200px;
        bottom: -5px;
        clip-path: polygon(0 99%, 100% 76%, 100% 100%, 0 100%)
    }
}

@media (max-width: 1399px) {
    .hero-department__image-content {
        margin-bottom: 150px
    }
}

.hero-department__image-wrapper {
    position: relative;
    height: 100%;
    width: 100%
}

@media (min-width: 1400px) {
    .hero-department__image-wrapper {
        width: 55%;
        min-height: 800px;
        max-width: 800px
    }
}

@media (max-width: 1420px) and (min-width: 1380px) {
    .hero-department__image-wrapper {
        min-height: 600px
    }
}

@media (min-width: 1680px) {
    .hero-department__image-wrapper {
        max-width: 55%
    }
}

.hero-department__image-triangle {
    display: flex;
    object-fit: contain;
    z-index: 12;
    position: absolute;
    bottom: 15px;
    left: 40px;
    max-height: 388px
}

@media (min-width: 1400px) and (max-width: 1920px) {
    .hero-department__image-triangle {
        max-height: 265px;
        bottom: 34px;
        left: 55px
    }
}

@media (max-width: 1399px) {
    .hero-department__image-triangle {
        width: 180px;
        height: auto;
        bottom: -50px;
        left: -20px
    }
}

@media (min-width: 1400px) and (max-width: 1599px) {
    .hero-department__image-triangle {
        height: 174px;
        bottom: 20%
    }
}

@media (min-width: 1600px) and (max-width: 1680px) {
    .hero-department__image-triangle {
        height: 174px;
        bottom: 8%
    }
}

@media (max-width: 1420px) and (min-width: 1380px) {
    .hero-department__image-triangle {
        height: 173px;
        bottom: 40px
    }
}

.hero-department__image-lines {
    position: absolute;
    bottom: 165px;
    left: -67px;
    height: 1400px;
    width: 1308px;
    min-height: 1400px;
    min-width: 1308px;
    max-width: 1308px;
    max-height: 1400px;
    z-index: 7
}

@media (max-width: 1399.5px) {
    .hero-department__image-lines {
        bottom: 30px;
        left: -166px
    }
}

@media (min-width: 1400px) and (max-height: 900px) {
    .hero-department__image-lines {
        bottom: 142px;
        left: -90px
    }
}

@media (min-width: 1400px) and (max-width: 1680px) {
    .hero-department__image-lines {
        bottom: 200px;
        left: -116px
    }
}

@media (min-width: 1600px) and (max-width: 1680px) {
    .hero-department__image-lines {
        bottom: 112px
    }
}

@media (min-width: 1400px) and (max-width: 1400px) and (min-height: 1020px) {
    .hero-department__image-lines {
        bottom: 260px;
        left: -104px
    }
}

@media (max-width: 1420px) and (min-width: 1380px) {
    .hero-department__image-lines {
        bottom: 79px
    }
}

.hero-department__image-person {
    height: 90%;
    display: block;
    width: auto;
    position: absolute;
    bottom: 0;
    left: 22%;
    object-fit: contain;
    clip-path: polygon(0 0, 100% 0, 100% 83%, 0 88.5%);
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 83%, 0 88.5%);
    z-index: 8
}

@media (min-width: 1400px) {
    .hero-department__image-person {
        height: 80%;
        display: block;
        bottom: 15.4%
    }
}

@media (min-width: 1600px) {
    .hero-department__image-person {
        bottom: 3.4%
    }
}

.hero-department__image-person img {
    height: 100%;
    width: 100%
}

@media (max-width: 1400px) {
    .hero-department__image-person img {
        width: auto;
        max-width: max-content
    }
}

.hero-department__image-bg {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 100%;
    width: 100%;
    object-fit: cover
}

.hero-department__image-desktop {
    display: none
}

@media (min-width: 1400px) {
    .hero-department__image-desktop {
        display: block;
        position: absolute;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 100%;
        object-fit: cover
    }
}

.hero-department__image-text {
    height: auto;
    position: absolute;
    bottom: 5%;
    z-index: 12;
    left: 380px
}

@media (max-width: 1400px) {
    .hero-department__image-text {
        bottom: -100px;
        left: 8px;
        max-width: calc(100vw - 15px)
    }
}

@media (min-width: 1400px) and (max-width: 1599px) {
    .hero-department__image-text {
        width: 350px;
        bottom: 30%;
        left: 320px
    }
}

@media (min-width: 1600px) and (max-width: 1680px) {
    .hero-department__image-text {
        width: 350px;
        left: 320px
    }
}

@media (max-width: 1420px) and (min-width: 1380px) {
    .hero-department__image-text {
        bottom: 18%
    }
}

@media (min-width: 1400px) {
    .hero-department__stats {
        margin-bottom: 50px
    }
}

.hero-department__stats-container {
    display: flex;
    flex-direction: column-reverse;
    padding: 0 8px;
    position: relative;
    z-index: 2;
    width: 100%
}

@media (min-width: 1400px) {
    .hero-department__stats-container {
        background: transparent;
        flex-direction: column;
        align-items: flex-start;
        justify-content: space-between;
        padding: 0;
        width: 50%
    }
}

.hero-department__stats-list {
    display: flex;
    flex-direction: column;
    gap: 27px
}

@media (min-width: 1400px) {
    .hero-department__stats-list {
        flex-direction: row;
        gap: 51px
    }
}

.hero-department__stats-item-number span {
    color: var(--color-accent);
    font-family: "Outfit";
    font-style: normal;
    font-weight: 600;
    line-height: 103%;
    font-size: clamp(3rem, 6vw, 4.51rem)
}

@media (min-width: 1400px) {
    .hero-department__stats-item-number span {
        color: #fff;
        font-family: "Outfit";
        font-style: normal;
        font-weight: 500;
        line-height: 103%
    }
}

@media (min-width: 1600px) {
    .hero-department__stats-item-number span {
        font-size: 4.625rem
    }
}

.hero-department__stats-item-text {
    color: var(--color-accent);
    font-family: "Work Sans";
    font-size: 1.0422rem;
    font-style: normal;
    font-weight: 500;
    line-height: 117%;
    letter-spacing: -0.183px
}

@media (min-width: 1400px) {
    .hero-department__stats-item-text {
        font-weight: 400;
        color: #fff
    }
}

@media (max-width: 1399.9px) {
    .hero-department__trust {
        margin-bottom: 36px
    }
}

.hero-department__trust-list {
    display: flex
}

.hero-department__trust-item {
    border-radius: 50%;
    border: 3px solid var(--base-white);
    overflow: hidden;
    height: 53px;
    width: 53px;
    margin-right: -16px;
    position: relative
}

@media (min-width: 1400px) {
    .hero-department__trust-item {
        height: 60px;
        width: 60px
    }
}

.hero-department__trust-item img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.hero-department__trust-item:nth-child(1) {
    z-index: 10
}

.hero-department__trust-item:nth-child(2) {
    z-index: 9
}

.hero-department__trust-item:nth-child(3) {
    z-index: 8
}

.hero-department__trust-item:nth-child(4) {
    z-index: 7
}

.hero-department__trust-item:nth-child(5) {
    z-index: 6
}

.hero-department__trust-item:nth-child(6) {
    z-index: 5
}

.hero-department__trust-item:nth-child(7) {
    z-index: 4
}

.hero-department__trust-item:nth-child(8) {
    z-index: 3
}

.hero-department__trust-item:nth-child(9) {
    z-index: 2
}

.hero-department__trust-item:nth-child(10) {
    z-index: 1
}

.hero-department__trust-item:nth-child(11) {
    z-index: 0
}

.hero-department__trust-item:nth-child(12) {
    z-index: -1
}

.hero-department__trust-item:nth-child(13) {
    z-index: -2
}

.hero-department__trust-item:nth-child(14) {
    z-index: -3
}

.hero-department__trust-item:nth-child(15) {
    z-index: -4
}

.hero-department__trust-item:nth-child(16) {
    z-index: -5
}

.hero-department__trust-item:nth-child(17) {
    z-index: -6
}

.hero-department__trust-item:nth-child(18) {
    z-index: -7
}

.hero-department__trust-item:nth-child(19) {
    z-index: -8
}

.hero-department__trust-item:nth-child(20) {
    z-index: -9
}

.hero-department__trust-text {
    color: #000;
    font-family: "Work Sans";
    font-size: 1.0422rem;
    font-weight: 500;
    font-style: normal;
    line-height: 117%;
    letter-spacing: -0.183px
}

@media (min-width: 1400px) {
    .hero-department__trust-text {
        font-weight: 400
    }
}

@media (min-width: 1400px) {
    .image-mobile {
        display: none
    }
}

@media (max-width: 1399px) {
    .image-desktop {
        display: none
    }
}

.hero-department__image-lines path {
    transform-origin: top right
}

.hero-department--no-bg {
    background: transparent
}

.cards {
    background: var(--background-section)
}

.cards .section-ctnr {
    padding: 6rem 2.5rem 0
}

.cards__title {
    margin-bottom: 3rem
}

.cards-swiper {
    display: flex;
    gap: 1.25rem
}

.cards-swiper .swiper-container {
    overflow: hidden
}

.cards-swiper .swiper-nav {
    display: flex;
    flex-direction: column-reverse;
    gap: 4rem;
    justify-content: center
}

@media (max-width: 991.98px) {
    .cards-swiper {
        flex-direction: column;
        gap: 1rem;
        padding: 0 1rem
    }

    .cards-swiper .swiper-nav {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        gap: 2rem;
        padding: 0 0.5rem
    }
}

@media (max-width: 767.98px) {
    .cards .section-ctnr {
        padding: 3rem 0
    }

    .cards__title {
        font-weight: 400;
        font-size: 2rem;
        padding-inline: 1rem;
        margin-bottom: 2rem
    }
}

.logos .section-ctnr {
    padding-block: 3.5rem
}

.logos img {
    object-fit: contain
}

.logos__title {
    padding-inline: 1rem
}

.logos .swiper-container .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1 0 calc(16.7% - 4.25rem);
    margin-right: 4.25rem;
    aspect-ratio: 12.375 / 8.75;
    height: auto;
    max-width: 12.375rem;
    max-height: 8.75rem;
    min-width: 8.6875rem
}

.logos .swiper-container .swiper-slide:last-child {
    margin-right: 0
}

@media (max-width: 767.98px) {
    .logos .section-ctnr {
        padding: 3rem 1rem
    }

    .logos__title {
        margin-bottom: 2rem
    }
}

@media (max-width: 575.98px) {
    .logos .swiper-container .swiper-slide {
        display: flex;
        justify-content: center;
        align-items: center;
        flex: unset;
        margin-right: 0;
        aspect-ratio: 12.375 / 8.75;
        height: auto;
        width: 100%;
        flex: 0 0 100%;
        flex: 1 0 calc(65% - 2.25rem);
        max-width: 100%
    }

    .logos .swiper-container .swiper-slide img {
        object-fit: contain
    }
}

.text-lead p {
    margin-bottom: 1.1em
}

.text-lead li {
    margin-bottom: 0.6em
}

.text-lead ul, .text-lead ol {
    margin-bottom: 3em
}

.text-lead .section-ctnr {
    padding: 3.5rem 0
}

.text-lead__header {
    margin-bottom: 3rem;
    padding: 0 2.5rem
}

.text-lead__subtitle {
    margin-top: 1rem
}

.text-lead__content {
    display: flex;
    gap: 1.5rem;
    padding: 0 2.5rem
}

.text-lead__text {
    flex: 1 1 64%
}

.text-lead__img {
    margin: 0 auto
}

.text-lead__btn {
    margin: 2.5rem 2.5rem 0 auto
}

.text-lead ul {
    padding-left: 20px
}

.text-lead ul li::before {
    content: "•";
    margin-right: 0.5em
}

.text-lead ul li {
    color: #302f3b;
    font: 400 1.375rem/127.27% "Work Sans";
    letter-spacing: 0.01em
}

@media (max-width: 767.98px) {
    .text-lead ul li {
        font-size: 1.1875rem
    }
}

.text-lead--img-left .text-lead__img-ctnr {
    order: -1
}

@media (max-width: 991.98px) {
    .text-lead .section-ctnr {
        padding: 3rem 0
    }

    .text-lead__img-ctnr {
        order: -1
    }

    .text-lead__header {
        padding-inline: 1rem
    }

    .text-lead__subtitle {
        font-size: 1.1875rem
    }

    .text-lead__content {
        flex-direction: column;
        padding: 0
    }

    .text-lead__text {
        padding-inline: 1rem
    }

    .text-lead__text p {
        margin-bottom: 1rem
    }

    .text-lead__btn {
        margin-inline: auto
    }
}

.theme-default .theme-image {
    background: var(--wpr-bg-b9065974-ee6a-48f2-94e3-b80edac3fac6) no-repeat;
    background-size: contain
}

.theme-blue .theme-image {
    background: var(--wpr-bg-6246b708-a432-4cab-8729-6425420b66e8) no-repeat;
    background-size: contain
}

.theme-green .theme-image {
    background: var(--wpr-bg-aa35ad95-b4e8-41f9-aa21-81ea7f7854fe) no-repeat;
    background-size: contain
}

.theme-yellow .theme-image {
    background: var(--wpr-bg-c15f7714-0a1d-483c-8fcd-fc738906a4e3) no-repeat;
    background-size: contain
}

.theme-turquoise .theme-image {
    background: var(--wpr-bg-a88be6e0-0b37-4082-bee3-03321f8b4288) no-repeat;
    background-size: contain
}

.theme-pink .theme-image {
    background: var(--wpr-bg-fed55ec8-2c89-4e2a-b4f1-121889fe2328) no-repeat;
    background-size: contain
}

.text-img .section-ctnr {
    display: flex;
    padding: 80px 40px
}

.text-img .feature-item::before {
    display: none
}

.text-content {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1 1 45%;
    padding: 2.375rem 2.5rem
}

.text-content > * {
    position: relative
}

.text-content > *:last-child {
    margin-bottom: 0
}

.text-content__img {
    position: absolute;
    z-index: 0
}

.text-content__subtitle {
    margin-bottom: 0.5rem
}

.text-content__title {
    margin-bottom: 1rem
}

.text-content__custom-text {
    margin-bottom: 3.8125rem
}

.text-content__paragrahps {
    display: block;
    margin-bottom: 3.8125rem
}

.text-content__paragrahps > * {
    margin-bottom: 2rem
}

.text-content__paragrahps > *:last-child {
    margin-bottom: 0
}

.text-content__btn {
    font-size: 1.125rem;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.36px
}

.img-content {
    position: relative;
    flex: 1 1 50%;
    aspect-ratio: 1
}

.text-img--img-left .img-content {
    order: -1
}

.text-img--img-link .section-ctnr {
    min-height: 38.75rem
}

.text-img--img-link .text-content__title {
    font-weight: 600
}

.text-img--img-link .img-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    aspect-ratio: unset;
    padding: 2.5rem;
    background: linear-gradient(93deg, rgba(225, 43, 122, 0.3) 26.07%, rgba(115, 24, 177, 0.3) 81.05%), #ed1e79;
    border: 2px solid transparent
}

.text-img--img-link .img-content::before {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    display: block;
    width: calc(100%);
    height: calc(100%);
    margin: 1px;
    z-index: 0;
    background: #ffffff
}

.text-img--img-link .img-content > * {
    position: relative
}

.text-img--img-link .img-content__img {
    height: auto;
    margin-bottom: 2rem
}

.text-img--text-bg-color {
    margin: 3.5rem 0
}

.text-img--text-bg-color.text-img .section-ctnr {
    padding: 0;
    gap: 0
}

.text-img--text-bg-color .img-content {
    aspect-ratio: 860 / 436
}

.text-img--text-bg-color .text-content {
    flex-basis: 42.5%;
    padding: 3.5rem 2.5rem;
    border: 0.3px solid rgba(182, 214, 185, 0.4);
    background: var(--background-text-img);
    box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.21) inset, 0px -0.5px 0px 0px rgba(255, 255, 255, 0.8) inset
}

.text-img--text-bg-color .text-content *:not(.text-content__btn) {
    color: #ffffff
}

.text-img--text-bg-color .text-content__title {
    font-weight: 600
}

.text-img--text-bg-img .section-ctnr {
    min-height: 35.625rem
}

.text-img--text-bg-img .text-content {
    background: rgba(250, 248, 246, 0.6)
}

.text-img--text-bg-img .text-content::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 0.3125rem;
    background: var(--gradient-text, linear-gradient(85deg, #c56eff 15.39%, #e12b7a 85.69%));
    box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.21) inset;
    margin-bottom: 1.25rem;
    z-index: 1
}

.text-img--img-wide .text-content {
    flex-basis: 29%;
    padding-top: 2.5rem
}

.text-img--img-wide .img-content {
    aspect-ratio: 920 / 570
}

@media (max-width: 991.98px) {
    .text-img .section-ctnr {
        flex-direction: column;
        padding: 3rem 0;
        gap: 1.125rem
    }

    .img-content {
        aspect-ratio: 360 / 315
    }

    .text-content {
        flex: 1 1 45%;
        padding: 0 1rem 3rem
    }

    .text-content > *:last-child {
        margin-bottom: 0
    }

    .text-content__title {
        margin-bottom: 1rem;
        font-size: 2.5rem;
        font-weight: 600
    }

    .text-content__custom-text {
        margin-bottom: 2rem;
        font-size: 1.1875rem
    }

    .text-content__paragrahps {
        margin-bottom: 2.5rem
    }

    .text-content__btn {
        width: 100%
    }

    .text-img--text-bg-color {
        margin: 2rem 0
    }

    .text-img--text-bg-color .text-content {
        padding: 3rem 1rem
    }

    .text-img--text-bg-color .text-content__custom-text {
        margin-bottom: 1.5rem
    }

    .text-img--text-bg-color .img-content {
        min-height: 30.3125rem
    }

    .text-img--img-link .img-content {
        padding: 0.5rem;
        margin-inline: 1rem
    }

    .text-img--img-link .img-content__img {
        margin-bottom: 1.5rem;
        min-height: 29rem
    }

    .text-img--text-bg-img .section-ctnr {
        padding: 0;
        gap: 0
    }

    .text-img--text-bg-img .text-content {
        padding: 3rem 1rem
    }
}

.text-img-swiper {
    background: var(--background-section)
}

.text-img-swiper .section-ctnr {
    padding: 3.5rem 0
}

.text-img-swiper__header {
    padding: 0 2.5rem;
    margin-bottom: 2.1875rem
}

.text-img-swiper__subtitle {
    margin-top: 1rem
}

.text-img-swiper .swiper-container {
    position: relative;
    overflow: hidden
}

.text-img-swiper .swiper-slide {
    padding-inline: 2.5rem
}

.text-img-swiper .swiper-slide__img {
    width: 100%;
    height: auto;
    aspect-ratio: 1520 / 800;
    margin-bottom: 1.5rem;
    object-fit: cover
}

@media (min-width: 768px) {
    .text-img-swiper .swiper-nav-btn {
        position: absolute;
        top: 0;
        bottom: 0;
        z-index: 2;
        margin: auto
    }

    .text-img-swiper .swiper-nav-btn--prev {
        left: 0.625rem
    }

    .text-img-swiper .swiper-nav-btn--next {
        right: 0.625rem
    }
}

@media (max-width: 991.98px) {
    .text-img-swiper .section-ctnr {
        padding: 3rem 0
    }

    .text-img-swiper__header {
        padding: 0 1rem;
        margin-bottom: 2rem
    }

    .text-img-swiper__subtitle {
        font-weight: 500;
        font-size: 1.1875rem
    }
}

@media (max-width: 767.98px) {
    .text-img-swiper .swiper-container {
        padding: 0 1.5rem
    }

    .text-img-swiper .swiper-nav {
        position: static;
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        padding-inline: 0.5rem;
        margin-top: 2rem
    }

    .text-img-swiper .swiper-slide {
        padding: 0;
        margin-right: 1.5rem
    }

    .text-img-swiper .swiper-slide:last-child {
        margin-right: 0
    }

    .text-img-swiper .swiper-slide__img {
        aspect-ratio: 271 / 222;
        margin-bottom: 1rem
    }
}

.accordion {
    border-radius: none !important;
    background-color: var(--bg-accordion);
    display: flex;
    flex-direction: column;
    gap: 32px
}

.accordion__container {
    padding: 32px 16px
}

@media (min-width: 992px) {
    .accordion__container {
        padding: 56px 40px
    }
}

.accordion__container .accordion-button {
    position: relative !important;
    border-top: 5px solid #e2e2e2 !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-radius: none !important;
    background-color: transparent !important;
    font-family: "Outfit" !important;
    font-size: 1.3125rem !important;
    font-weight: 600 !important;
    line-height: 130% !important;
    letter-spacing: -0.231px !important;
    padding: 0 !important;
    padding-top: 7px !important;
    margin-bottom: 16px !important;
    color: var(--color-accordion);
    font-family: "Outfit";
    font-size: 21px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    letter-spacing: -0.231px
}

@media (min-width: 992px) {
    .accordion__container .accordion-button {
        padding-top: 20px !important
    }
}

.accordion__container .accordion-button::after {
    content: "";
    display: block;
    height: 24px;
    width: 21px;
    background: var(--wpr-bg-ec7c83c3-9eb4-45cc-b7f7-bb91efe36cfd);
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: 8px;
    filter: var(--filter-accordion-icon)
}

.accordion__container .accordion-button::before {
    content: "";
    position: absolute;
    top: -5px;
    left: 0;
    height: 5px;
    width: 0%;
    background: var(--gradient-text);
    z-index: 1;
    transition: width 0.3s ease-in-out
}

.accordion__container .accordion-button:not(.collapsed) {
    box-shadow: none !important;
    border-radius: none !important
}

.accordion__container .accordion-button:not(.collapsed)::after {
    background: var(--wpr-bg-6aec370f-bbe9-443e-a72a-fc61e6e0139c)
}

.accordion__container .accordion-button:not(.collapsed)::before {
    width: 100%
}

.accordion__container .accordion-button:focus {
    box-shadow: none !important;
    outline: none !important
}

.accordion__container .accordion-header {
    border-radius: 0 !important
}

.accordion__container .accordion-item {
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    background-color: var(--bg-accordion)
}

.accordion__container .hidden {
    display: none !important
}

.accordion__container .accordion-body {
    color: var(--color-accordion-body);
    font-family: "Work Sans";
    font-size: 19px;
    font-style: normal;
    font-weight: 500;
    line-height: 28.5px;
    letter-spacing: -0.209px;
    padding: 0
}

@media (min-width: 992px) {
    .accordion__container .accordion-body {
        font-size: 22px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px;
        letter-spacing: 0.22px
    }
}

.accordion__container .accordion-body strong {
    opacity: 0.8;
    color: var(--color-accordion-body);
    font-family: "Work Sans";
    font-size: 19px;
    font-style: normal;
    font-weight: 500;
    line-height: 28.5px;
    letter-spacing: -0.209px;
    padding: 0
}

@media (min-width: 992px) {
    .accordion__container .accordion-body strong {
        font-size: 22px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px;
        letter-spacing: 0.22px
    }
}

.accordion__title {
    font-family: "Outfit";
    font-size: 2.5rem;
    font-weight: 600;
    line-height: 110%;
    letter-spacing: -0.44px;
    margin-bottom: 16px
}

@media (min-width: 992px) {
    .accordion__title {
        font-size: 41px;
        font-weight: 400;
        line-height: 117%;
        letter-spacing: -0.451px
    }
}

.accordion__description {
    font-family: "Outfit";
    font-size: 1.3125rem;
    font-weight: 600;
    line-height: 130%;
    letter-spacing: -0.231px;
    margin-bottom: 45px
}

@media (min-width: 992px) {
    .accordion__description {
        margin-bottom: 64px
    }
}

.accordion__btn {
    display: block;
    margin-top: 32px;
    border-radius: 75px;
    padding: 14px 48px;
    color: var(--HR-HR-gradient-btn-100);
    font-family: "Sora";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.36px;
    background: transparent;
    transition: background 0.3s ease-in-out;
    position: relative;
    width: max-content;
    cursor: pointer
}

.accordion__btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 75px;
    width: 100%;
    height: 100%;
    padding: 2px;
    background: linear-gradient(93deg, var(--HR-HR-gradient-btn-100, #7318b1) 26.07%, var(--HR-HR-gradient-btn-200, #e12b7a) 81.05%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    z-index: -1
}

.accordion__btn:hover {
    color: var(--base-white);
    background: linear-gradient(93deg, var(--HR-HR-gradient-btn-100, #7318b1) 26.07%, var(--HR-HR-gradient-btn-200, #e12b7a) 81.05%)
}

.accordion__container.accordion__double .accordion {
    display: flex;
    flex-direction: column;
    gap: 32px
}

@media (min-width: 768px) {
    .accordion__container.accordion__double .accordion {
        display: grid;
        grid-template-columns:repeat(2, 1fr);
        gap: 64px
    }
}

.accordion__container.accordion__double .accordion__btn {
    margin-inline: auto
}

.my-animation {
    opacity: 0;
    transform: translateY(50px);
    transition: all 1s ease
}

.my-animation.visible {
    opacity: 1;
    transform: translateY(0)
}

.theme-green .accordion__container .accordion__title, .theme-green .accordion__container .accordion__description {
    color: #fff
}

.video {
    background: var(--background-video)
}

.video .section-ctnr {
    padding: 3.5rem 2.5rem
}

.video__img {
    z-index: 0
}

.video__content {
    position: relative;
    width: 100%;
    max-width: 71.5rem;
    margin: auto
}

.video__header {
    text-align: center;
    padding-inline: 2rem;
    margin-bottom: 2.8125rem
}

.video__subtitle {
    margin-top: 1rem;
    font: 500 1.1875rem / 130% "Work Sans"
}

.video__iframe-ctnr iframe {
    aspect-ratio: 1.77;
    height: auto
}

.video .swiper-container {
    position: relative
}

@media (min-width: 768px) {
    .video .swiper-nav-btn {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        margin: auto;
        z-index: 2
    }

    .video .swiper-nav-btn--next {
        right: 0;
        left: unset
    }

    .video .swiper-slide.video__iframe-ctnr {
        padding: 0 2rem
    }
}

@media (max-width: 767.98px) {
    .video .section-ctnr {
        padding: 3rem 0
    }

    .video__header {
        padding-inline: 1rem;
        margin-bottom: 2rem
    }

    .video .swiper-nav {
        display: flex;
        justify-content: space-between;
        margin-top: 1rem;
        padding: 0 1rem
    }
}

.video-wrapper {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    height: 0
}

.video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.video__overlay {
    background-color: var(--HR-HR-gradient-btn-100) !important;
    border-radius: 50% !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: var(--wpr-bg-8ba76d39-be5d-434d-a313-5709501c669d) no-repeat center center;
    background-size: 90%;
    color: white;
    font-size: 2rem;
    height: 5rem;
    width: 5rem;
    border-radius: 10px;
    cursor: pointer;
    z-index: 10;
    transition: opacity 0.3s ease
}

.quotes .section-ctnr {
    padding: 5rem 0
}

.quotes .swiper-slide {
    padding-inline: 2.5rem
}

.quote-slide {
    display: flex;
    gap: 3.5rem
}

.quote-slide::before {
    content: "";
    flex-shrink: 0;
    display: block;
    width: 6.1875rem;
    height: auto;
    max-height: max-content;
    aspect-ratio: 4 / 3;
    background: var(--wpr-bg-f3469bdd-ae79-4b9e-8784-9b74df850c30) no-repeat center;
    background-size: contain
}

.quote-slide__content p {
    margin-bottom: 1rem;
    color: var(--color-theme);
    letter-spacing: -0.031em;
    font: 500 2rem/150% "Work Sans"
}

.quote-slide__content .quote-slide__text {
    margin-bottom: 1rem;
    color: var(--color-theme);
    letter-spacing: -0.031em;
    font: 500 2rem/150% "Work Sans"
}

.quote-slide__content .quote-slide__author {
    color: var(--Color-theme-02-txt-second);
    letter-spacing: -0.011em;
    font: 500 1.375rem/117% "Work Sans"
}

@media (min-width: 768px) {
    .quotes .swiper-nav {
        display: none
    }
}

@media (max-width: 767.98px) {
    .quotes .section-ctnr {
        padding: 3rem 0
    }

    .quotes .swiper-slide {
        padding-inline: 1rem
    }

    .quotes .swiper-nav {
        position: static;
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        padding-inline: 1.5rem;
        margin-top: 2rem
    }

    .quote-slide {
        flex-direction: column;
        gap: 2rem
    }

    .quote-slide::before {
        width: 3.75rem
    }

    .quote-slide__text {
        font-size: 1.1875rem
    }

    .quote-slide__author {
        display: none
    }
}

.theme-default .quote-slide::before {
    background: var(--wpr-bg-d0261306-cbad-4856-bafb-b120ffae3cb0) no-repeat center;
    background-size: contain
}

.theme-default .quote-slide::before {
    background: var(--wpr-bg-d0261306-cbad-4856-bafb-b120ffae3cb0) no-repeat center;
    background-size: contain
}

.theme-blue .quote-slide::before {
    background: var(--wpr-bg-8e96ab23-d490-47af-87e6-1ad7f35cd594) no-repeat center;
    background-size: contain
}

.theme-green .quote-slide::before {
    background: var(--wpr-bg-c53cdd56-4831-4e92-9039-05abe374191d) no-repeat center;
    background-size: contain
}

.theme-purple .quote-slide::before {
    background: var(--wpr-bg-22e7a633-dfac-4e50-8eb8-eb51dd6ae556) no-repeat center;
    background-size: contain
}

.theme-yellow .quote-slide::before {
    background: var(--wpr-bg-5a72a9cf-7b58-4348-b727-92c95e8580c4) no-repeat center;
    background-size: contain
}

.theme-turquoise .quote-slide::before {
    background: var(--wpr-bg-ce87138d-39ee-4a73-a12d-3468fb1b8606) no-repeat center;
    background-size: contain
}

.theme-pink .quote-slide::before {
    background: var(--wpr-bg-6c0ba53c-b296-4317-af97-1e2aaa394196) no-repeat center;
    background-size: contain
}

.testimonials {
    padding: 3.5rem 2.5rem;
    background: #fbfafe
}

.testimonials__header {
    margin-bottom: 4rem
}

.testimonials__text {
    margin-top: 0.75rem
}

.testimonials .swiper-nav {
    position: static;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-top: 2rem
}

.testimonials .swiper-slide {
    aspect-ratio: 0.75;
    height: auto;
    width: calc(25% - 2rem);
    margin-right: 2rem
}

.testimonials .swiper-slide:last-child {
    margin-right: 0
}

.testimonials .swiper-container {
    padding-top: 4.3125rem
}

.testimonial-card {
    position: relative;
    display: flex;
    min-width: 22.5rem;
    overflow: hidden
}

.testimonial-card__text {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    padding: 1.5rem 1.25rem;
    border: 1px solid rgba(255, 255, 255, 0.5);
    background-color: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(12px);
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, transform 0.5s ease-in-out;
    transform: translateY(100%)
}

.testimonial-card__text p {
    color: #3b3b3b;
    max-height: 100%;
    overflow: auto
}

.testimonial-card__text::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    display: block;
    width: 100%;
    height: 100%;
    background: var(--wpr-bg-b87efa4f-bf9e-41f4-b360-19fd53d2fb8b) center no-repeat;
    background-size: cover
}

.testimonial-card:hover .testimonial-card__text {
    transform: translateY(0%)
}

.testimonial-card:hover .testimonial-card__text + .testimonial-person {
    transform: translateY(-100%)
}

.testimonial-person {
    position: relative;
    bottom: 0;
    left: 0;
    z-index: 1;
    display: flex;
    align-items: end;
    width: 100%;
    height: 100%;
    min-width: 22.5rem;
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, transform 0.5s ease-in-out
}

.testimonial-person__content {
    position: relative;
    z-index: 1;
    width: 100%;
    padding: 1.5rem 1.25rem;
    border: 1px solid rgba(255, 255, 255, 0.5);
    background-color: rgba(255, 255, 255, 0.6);
    backdrop-filter: blur(12px)
}

.testimonial-person__content::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: var(--wpr-bg-532dcebe-7cdf-496b-86f1-406876d46503) center no-repeat;
    background-size: cover
}

.testimonial-person__content > * {
    position: relative;
    z-index: 1
}

.testimonial-person__rating {
    display: flex;
    gap: 0.25rem;
    margin-bottom: 1rem
}

.testimonial-person__name {
    margin-bottom: 0.75rem
}

.testimonial-person__position {
    color: var(--Color-theme-02-txt-second, #545260);
    letter-spacing: 0.02em;
    font: 400 1.125rem/150% "Work Sans"
}

@media (max-width: 991.98px) {
    .testimonial-card {
        min-width: 18rem
    }

    .testimonial-card__text {
        font-size: 1.125rem
    }
}

@media (max-width: 767.98px) {
    .testimonials {
        padding: 3rem 1rem
    }

    .testimonials__header {
        padding-inline: 1rem;
        margin-bottom: 3rem
    }

    .testimonials .swiper-container {
        padding-top: 3rem
    }

    .testimonials .swiper-nav {
        padding-inline: 1rem
    }

    .testimonials .swiper-slide {
        margin-right: 1.5rem
    }
}

@media (max-width: 575.98px) {
    .testimonials .swiper-slide {
        flex: 1 0 100%
    }
}

.nav-section__header {
    margin-bottom: 1.5rem
}

.nav-section__title {
    margin-bottom: 0.5rem
}

.nav-section__item {
    position: relative;
    flex: 1;
    background: rgba(250, 248, 246, 0.6)
}

.nav-section__item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 0.25rem;
    background: #ededed
}

.nav-section__btn {
    margin: 1.5rem auto 0;
    cursor: pointer;
    display: block;
    width: max-content;
    background: linear-gradient(93deg, #e12b7a 19.5%, #f65923 60.75%, #f65923 75%, #e12b7a 100%);
    background-size: 133.4%;
    padding: 0.125rem;
    border-radius: 6.25rem;
    transition: background 0.3s ease-in-out
}

.nav-section__btn span {
    background: white;
    color: #e12b7a
}

.nav-section__desc {
    white-space: normal;
    word-wrap: break-word;
    overflow-wrap: break-word
}

.nav-section--horizontal {
    display: flex
}

.nav-section--horizontal .nav-section__header {
    margin-bottom: 0;
    flex: 0 0 21.375rem
}

.nav-section--horizontal .nav-section__desc {
    margin-bottom: auto
}

.nav-section--horizontal .nav-section__btn {
    margin-left: 0
}

.card-tab__desc {
    white-space: normal;
    word-wrap: break-word;
    overflow-wrap: break-word;
    width: 100%
}

@media (min-width: 72.5rem) {
    .header .nav-section.nav-section--horizontal {
        display: flex
    }

    .nav-section {
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 99;
        background-color: #fff;
        display: block;
        width: 100%;
        padding: 2rem 4.125rem;
        background: #fff;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
        transform: translateY(100%)
    }

    .nav-section__list {
        display: flex;
        gap: 1.5rem;
        width: 100%
    }

    .nav-section .nav-section__item {
        position: relative
    }

    .nav-section .nav-grey {
        background: rgba(250, 248, 246, 0.6)
    }

    .nav-section .nav-grey::before {
        background: #ededed
    }

    .nav-section .nav-blue {
        background: linear-gradient(90deg, var(--Finanse-HR-gradient-btn-100, rgba(45, 58, 182, 0.05)) 7.65%, var(--Finanse-HR-gradient-btn-200, rgba(47, 112, 224, 0.05)) 99.75%), rgba(250, 248, 246, 0.6)
    }

    .nav-section .nav-blue::before {
        background: linear-gradient(85deg, #2d3bb6 15.39%, #2f70e0 85.69%)
    }

    .nav-section .nav-green {
        background: linear-gradient(270deg, rgba(86, 212, 195, 0.05) 0%, rgba(107, 212, 86, 0.05) 100%), rgba(250, 248, 246, 0.6)
    }

    .nav-section .nav-green::before {
        background: linear-gradient(85deg, #56d4c3 0%, #6bd456 100%)
    }

    .nav-section .nav-purple {
        background: linear-gradient(85deg, rgba(197, 110, 255, 0.05) 15.39%, rgba(225, 43, 122, 0.05) 85.69%), rgba(250, 248, 246, 0.6)
    }

    .nav-section .nav-purple::before {
        background: var(--default-gradient, linear-gradient(85deg, #c56eff 15.39%, #e12b7a 85.69%))
    }

    .nav-section .nav-yellow {
        background: linear-gradient(85deg, rgba(255, 200, 64, 0.05) 15.39%, rgba(255, 111, 60, 0.05) 85.69%), #FFF
    }

    .nav-section .nav-yellow::before {
        background: linear-gradient(85deg, #ffd365 15.39%, #ff6f3c 85.69%)
    }

    .nav-section .nav-turquoise {
        background: linear-gradient(90deg, rgba(62, 219, 240, 0.6) 7.65%, rgba(79, 157, 166, 0.6) 99.75%), rgba(250, 248, 246, 0.6)
    }

    .nav-section .nav-turquoise::before {
        background: linear-gradient(85deg, #3edbf0 15.39%, #4f9da6 85.69%)
    }

    .nav-section .nav-pink {
        background: linear-gradient(88deg, rgba(184, 162, 172, 0.05) 27.83%, rgba(246, 89, 35, 0.05) 93.77%), #FFF
    }

    .nav-section .nav-pink::before {
        background: linear-gradient(85deg, #b388eb 15.39%, #f7a8b8 85.69%)
    }

    .header .nav-section {
        display: block;
        height: auto !important
    }
}

@media (max-width: 72.49rem) {
    .nav-section {
        padding: 0 0 1.25rem;
        margin-bottom: 1.25rem;
        border-bottom: 1px solid #ebebeb
    }

    .nav-section__list {
        flex-direction: column
    }

    .nav-section__header {
        display: none
    }

    .nav-section__item:first-child::before {
        display: none
    }

    .nav-section--horizontal {
        flex-direction: column
    }

    .nav-section--horizontal .nav-section__header {
        display: none;
        flex: unset
    }
}

.fancy-carousel {
    background: var(--background-special)
}

.fancy-carousel .section-ctnr {
    padding: 3rem 0
}

.fancy-carousel .swiper-container {
    width: 100%;
    padding: 3rem 20.37%
}

.fancy-carousel .swiper-nav {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding-inline: calc(20.37% + 0.5rem)
}

@media (max-width: 991px) {
    .fancy-carousel .swiper-nav {
        position: absolute;
        left: 0;
        top: 26.5rem;
        z-index: 1
    }
}

@media (min-width: 992px) {
    .fancy-carousel .swiper-nav .swiper-nav-btn--prev {
        position: absolute;
        top: 26.5rem;
        left: 21%;
        z-index: 20
    }

    .fancy-carousel .swiper-nav .swiper-nav-btn--next {
        position: absolute;
        top: 26.5rem;
        right: 21%;
        z-index: 20
    }
}

.carousel-slide {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.carousel-slide > * {
    transition: opacity 0.75s ease-in-out
}

.carousel-slide__header {
    width: 100%;
    padding: 0 1.5rem 1rem;
    z-index: 10
}

.carousel-slide__title {
    margin-bottom: 1rem
}

.carousel-slide__img {
    margin-bottom: 3.75rem
}

.carousel-slide__bottom {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 1.5rem;
    width: 100%;
    z-index: 10
}

@media (max-width: 991px) {
    .carousel-slide__bottom {
        padding: 0 1.5rem
    }
}

.carousel-slide__list {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem 0.75rem
}

.carousel-slide__list-item {
    padding: 0.375rem 1.5rem;
    border-radius: 0.5rem;
    border: 1px solid var(--border-color);
    background: var(--btn-list-background)
}

.carousel-slide:not(.swiper-slide-active) .carousel-slide__header, .carousel-slide:not(.swiper-slide-active) .carousel-slide__bottom {
    opacity: 0
}

.carousel-slide:not(.swiper-slide-active) .carousel-slide__img {
    filter: blur(3px)
}

@media (min-width: 768px) {
    .carousel-slide {
        text-align: center
    }
}

@media (max-width: 991.98px) {
    .fancy-carousel .swiper-container {
        padding-inline: 0
    }

    .fancy-carousel .swiper-slide {
        overflow: visible
    }

    .fancy-carousel .swiper-nav {
        padding: 0.5rem
    }

    .carousel-slide__title, .carousel-slide__list-title {
        font-size: 1.875rem;
        font-weight: 500
    }

    .carousel-slide__list-title {
        text-align: center
    }

    .carousel-slide__list-item {
        font-size: 1.1875rem
    }

    .carousel-slide__header, .carousel-slide__bottom {
        padding-inline: 1rem
    }

    .carousel-slide__img {
        width: 150%;
        max-width: unset;
        margin-bottom: 7.375rem
    }
}

@media (max-width: 767.98px) {
    .carousel-slide__list-item {
        width: 100%
    }
}

.carousel-slide__media {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    -webkit-mask-image: url(../../../../../../../themes/otree/assets/media/video-shape2.png);
    mask-image: url(../../../../../../../themes/otree/assets/media/video-shape2.png);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    overflow: hidden;
    mask-size: 99%
}

@media (max-width: 991.98px) {
    .carousel-slide__media {
        mask-position: top
    }
}

.carousel-slide__media img, .carousel-slide__media picture, .carousel-slide__media video, .carousel-slide__media canvas, .carousel-slide__media svg, .carousel-slide__media iframe {
    max-width: 100%
}

@media (max-width: 991.98px) {
    .carousel-slide__media img, .carousel-slide__media picture, .carousel-slide__media video, .carousel-slide__media canvas, .carousel-slide__media svg, .carousel-slide__media iframe {
        margin-bottom: 7.375rem
    }
}

.carousel-slide__media .video__overlay {
    background-color: transparent !important;
    top: 35%;
    height: 4rem;
    width: 4rem
}

.carousel-slide__media .video__overlay button {
    opacity: 0;
    width: 100%;
    height: 100%
}

@media (min-width: 599.98px) {
    .carousel-slide__media .video__overlay {
        top: 40%;
        height: 4rem;
        width: 4rem
    }
}

@media (min-width: 759.98px) {
    .carousel-slide__media .video__overlay {
        top: 45%;
        height: 6rem;
        width: 6rem
    }
}

@media (min-width: 992px) {
    .carousel-slide__media .video__overlay {
        height: 9rem;
        width: 9rem;
        top: 50%
    }
}

.contact-form {
    background-color: var(--background-section)
}

.contact-form__container {
    padding-inline: 1rem;
    width: 100%;
    max-width: 1600px;
    padding-block: 24px;
    display: flex;
    flex-direction: column;
    gap: 54px
}

@media (min-width: 992px) {
    .contact-form__container {
        padding-inline: 2.5rem;
        margin: auto;
        flex-direction: row;
        padding-block: 56px;
        gap: 48px
    }
}

.contact-form__content, .contact-form__sidebar {
    width: 100%
}

@media (min-width: 992px) {
    .contact-form__content, .contact-form__sidebar {
        width: 50%
    }
}

.contact-form__content a:hover, .contact-form__sidebar a:hover {
    color: var(--color-accent)
}

.contact-form__title {
    color: var(--color-main-font);
    font: 400 2.5625rem "Outfit";
    line-height: 117%;
    letter-spacing: -0.0282rem;
    margin-bottom: 8px
}

.contact-form__subtitle {
    color: var(--color-second-font);
    font: 400 1.375rem "Work Sans";
    line-height: 1.75rem;
    letter-spacing: 0.0138rem
}

.contact-form__form form {
    margin-top: 45px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem
}

@media (min-width: 992px) {
    .contact-form__form form {
        gap: 2rem
    }
}

.contact-form__form form input {
    border-bottom: 1px solid var(--border-color-input);
    width: 100%
}

.contact-form__form form textarea {
    border: 2px solid var(--border-color-input);
    border-style: dashed;
    width: 100%;
    border-radius: 6px;
    height: 139px
}

.contact-form__form form p {
    width: 100%
}

.contact-form__form form p:nth-child(8) label {
    padding-left: 38px;
    display: flex;
    gap: 10px;
    align-items: center;
    color: var(--color-second-font);
    font-family: "Work Sans";
    font-size: 0.8125rem;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    position: relative
}

.contact-form__form form p:nth-child(8) label::before {
    content: "";
    position: absolute;
    top: 11px;
    left: 14px;
    display: block;
    width: 16px;
    height: 16px;
    background: var(--wpr-bg-89a0f93b-ecc0-4e0c-88bf-a22dd98e3a22) no-repeat;
    background-size: contain
}

.contact-form__form form p:nth-child(8) label input {
    border: none
}

.contact-form__form form p:nth-child(9) .wpcf7-list-item-label {
    color: var(--color-second-font);
    font-family: "Work Sans";
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
}

.contact-form__form form p:nth-child(10) {
    margin-left: auto;
    max-width: max-content;
    position: relative
}

.contact-form__form form p:nth-child(10)::after {
    content: "";
    position: absolute;
    top: 10px;
    left: 210px;
    width: 29px;
    height: 28px;
    background: var(--wpr-bg-0b258674-3502-46ee-a668-e3b36b0145b7)
}

.contact-form__form form label {
    color: var(--color-main-font);
    font: 400 18px "Work Sans";
    line-height: 27px;
    letter-spacing: 0.36px
}

.contact-form__form--input {
    position: relative;
    width: 100%
}

@media (min-width: 992px) {
    .contact-form__form--input {
        width: calc(50% - 32px)
    }
}

.contact-form__form--input label {
    position: absolute;
    top: 20px;
    left: 0;
    transition: top 0.3s ease-in-out, left 0.3s ease-in-out, font-size 0.3s ease-in-out
}

.contact-form__form--input label a {
    font-weight: 500
}

.contact-form__form--input:nth-child(n+7):nth-child(-n+10) {
    width: 100%
}

.contact-form__form--input:has(input:focus) label, .contact-form__form--input:has(textarea:focus) label {
    top: 0;
    left: 0;
    font-size: 0.75rem
}

.contact-form__form--input input:not(:placeholder-shown) + label {
    top: 0;
    left: 0;
    font-size: 0.75rem
}

.contact-form__form--textarea label {
    top: 40px;
    left: 15px
}

.contact-form .btn-send {
    margin-inline: auto;
    cursor: pointer;
    display: block;
    width: max-content;
    background: linear-gradient(93deg, var(--HR-HR-gradient-btn-100) 19.5%, var(--HR-HR-gradient-btn-200) 60.75%, var(--HR-HR-gradient-btn-200) 75%, var(--HR-HR-gradient-btn-100) 100%);
    background-size: 133.4%;
    padding: 0.125rem;
    border-radius: 6.25rem;
    transition: background 0.3s ease-in-out;
    animation: 1.75s gradient-move linear 0.15s infinite;
    position: relative
}

.contact-form .btn-send::after {
    content: "";
    display: none !important;
    position: absolute;
    height: 31px;
    width: 31px;
    top: 8px;
    left: 221px;
    background: var(--wpr-bg-f84029e6-bd63-48ed-ba70-acefc8cb1bfe) no-repeat;
    background-size: contain
}

.contact-form .btn-send:hover::after {
    filter: brightness(0) saturate(100%) invert(97%) sepia(23%) saturate(0%) hue-rotate(299deg) brightness(114%) contrast(100%)
}

@media (min-width: 992px) {
    .contact-form .btn-send {
        margin-left: auto
    }
}

.contact-form .btn-send span {
    display: block;
    padding: 0.625rem 2.5rem;
    text-align: center;
    border-radius: 4.6875rem;
    color: var(--color-btn);
    font: 400 1.125rem "Sora";
    letter-spacing: -0.02em;
    overflow: hidden;
    transition: background 0.3s ease-in-out, background-color 0.3s ease-in-out, color 0.3s ease-in-out
}

.contact-form .btn-send input {
    max-width: max-content;
    padding: 11px 48px 11px 48px;
    border-radius: 75px;
    color: var(--color-btn);
    font: 400 18px "Sora";
    letter-spacing: -0.36px;
    background: white;
    transition: background 0.3s ease-in-out
}

.contact-form .btn-send input:hover {
    color: white;
    border-color: transparent;
    background-color: transparent
}

.contact-form .btn-send:hover input {
    color: white
}

.contact-form .btn-send--sm {
    padding-inline: 1.5rem
}

.contact-form__sidebar {
    display: flex;
    flex-direction: column
}

@media (min-width: 992px) {
    .contact-form__sidebar {
        flex-direction: row;
        gap: 48px
    }
}

.contact-form__image {
    border-radius: 10px;
    overflow: hidden;
    width: 100%;
    min-height: 30vh;
    display: flex;
    justify-content: center;
    align-items: center
}

@media (min-width: 992px) {
    .contact-form__image {
        width: 50%
    }
}

@media (max-width: 992px) {
    .contact-form__image {
        max-height: 60vh;
        margin-bottom: 32px
    }
}

@media (max-width: 560px) {
    .contact-form__image {
        max-height: 291px
    }
}

.contact-form__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    background-position: center
}

.contact-form__sidebar-content {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 32px
}

@media (min-width: 992px) {
    .contact-form__sidebar-content {
        width: 50%
    }
}

.contact-form__phone-number, .contact-form__email, .contact-form__address {
    padding-top: 32px;
    position: relative
}

.contact-form__phone-number {
    display: block;
    color: var(--color-main-font);
    font: 500 24px "Work Sans";
    line-height: 27px;
    letter-spacing: 0.48px
}

.contact-form__phone-number::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    background: var(--wpr-bg-075a7261-0ea6-4dbf-9940-ae5e8de1d745) no-repeat;
    background-size: contain
}

.contact-form__email::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    background: var(--wpr-bg-f91e827d-9a50-4a8c-acd2-1b5699e7ba7d) no-repeat;
    background-size: contain
}

.contact-form__email-label {
    color: var(--color-main-font);
    font: 400 1rem "Work Sans";
    line-height: 1.6875rem;
    letter-spacing: 0.02rem
}

.contact-form__address {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.contact-form__address::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    background: var(--wpr-bg-f6a31c92-47ae-4a87-bc5e-3e2afb74500d) no-repeat;
    background-size: contain
}

.contact-form__address-section p, .contact-form__address-section .contact-form__address-title {
    font-family: "Work Sans";
    color: var(--color-second-font);
    line-height: 27px
}

.contact-form__address-section p {
    font: 400 16px/27px "Work Sans";
    letter-spacing: 0.32px
}

.contact-form__address-section .contact-form__address-title {
    font: 500 1.25rem "Work Sans";
    letter-spacing: 0.4px
}

.contact-form__company-name {
    color: var(--color-second-font);
    font: 400 16px/27px "Work Sans";
    letter-spacing: 0.32px
}

.contact-form__company-email {
    color: var(--color-main-font);
    font: 500 24px/27px "Work Sans";
    letter-spacing: 0.48px
}

.contact-form__legal p {
    color: var(--color-second-font);
    font: 400 14px/27px "Work Sans";
    letter-spacing: 0.28px
}

@media (min-width: 768px) {
    .contact-form__form--checkbox {
        margin-bottom: 1.5rem
    }
}

.contact-form__form--checkbox label {
    position: relative;
    cursor: pointer
}

.contact-form__form--checkbox input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    cursor: pointer;
    margin-right: 10px;
    opacity: 0
}

.contact-form .wpcf7-acceptance input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0
}

.contact-form .wpcf7-acceptance label {
    position: relative;
    cursor: pointer;
    user-select: none;
    padding-left: 30px;
    display: inline-block;
    line-height: 1.2
}

.contact-form .wpcf7-acceptance label::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 25px;
    height: 25px;
    border: 2px solid #d0d5dd;
    border-radius: 6px;
    background: white;
    box-sizing: border-box
}

.contact-form .wpcf7-acceptance input[type="checkbox"]:checked + .wpcf7-list-item-label::before {
    content: "";
    position: absolute;
    left: -22px;
    top: 10px;
    transform: translateY(-50%) rotate(45deg);
    width: 6px;
    height: 12px;
    border: solid black;
    border-width: 0 3px 3px 0;
    box-sizing: content-box
}

.contact-form .wpcf7-list-item-label {
    position: relative;
    display: inline-block;
    padding-left: 8px
}

.contact-form .custom-file-upload input[type="file"] {
    display: none
}

.contact-form .custom-file-upload {
    max-width: max-content;
    display: inline-block;
    padding: 10px 20px;
    color: white;
    font-weight: 600;
    border-radius: 4px;
    cursor: pointer;
    user-select: none
}

.contact-form .cf7-custom-message {
    display: flex;
    justify-content: center;
    align-items: start;
    flex-direction: column;
    text-align: center;
    font-family: "Arial", sans-serif;
    padding: 30px;
    color: #333;
    background-color: var(--background-section);
    border-radius: 12px
}

@media (min-width: 992px) {
    .contact-form .cf7-custom-message {
        align-items: center
    }
}

.contact-form .wpcf7-response-output {
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    color: red;
    font-size: 0.75rem
}

.contact-form .cf7-custom-message img.cf7-plane {
    width: 214px;
    height: 69px;
    margin-bottom: 32px
}

.contact-form .cf7-custom-message h2 {
    color: var(--Color-theme-02-txt-main, #302f3b);
    font-family: Outfit;
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 125%;
    letter-spacing: -0.33px;
    margin-bottom: 16px
}

@media (min-width: 992px) {
    .contact-form .cf7-custom-message h2 {
        font-size: 41px;
        font-weight: 400;
        line-height: 117%;
        letter-spacing: -0.451px
    }
}

.contact-form .cf7-custom-message p {
    color: var(--Color-theme-02-txt-second, #545260);
    text-align: center;
    font-family: "Work Sans";
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0.22px;
    margin-bottom: 32px
}

.contact-form .cf7-custom-message .small {
    font-size: 21px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    letter-spacing: -0.231px
}

@media (min-width: 992px) {
    .contact-form .cf7-custom-message .small {
        font-size: 18px;
        line-height: 27px;
        letter-spacing: 0.36px
    }
}

.contact-form .optional .wpcf7-list-item-label {
    color: var(--Color-theme-02-txt-second, #545260);
    font-family: "Work Sans";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
}

.contact-form .cf7-back-button {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 15px;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: 0.3s;
    color: var(--color-accent);
    font-family: Sora;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.36px
}

.contact-form .cf7-back-button::after {
    content: "";
    margin-left: 10px;
    display: inline-block;
    height: 24px;
    width: 24px;
    background: var(--wpr-bg-b2f648c6-da4f-4b70-a89c-df2c6c037fe9) no-repeat;
    background-size: contain
}

.contact-form .cf7-back-button:hover {
    border-bottom: 1px solid var(--color-accent)
}

.contact-form .wpcf7-not-valid-tip {
    font-size: 0.75rem
}

.theme-blue .contact-form__phone-number::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    background: var(--wpr-bg-a63dd83e-b809-4b03-99d2-0391672b6832) no-repeat;
    background-size: contain
}

.theme-blue .contact-form__email::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    background: var(--wpr-bg-80fcba47-6d29-4111-9f95-c5a0ff53b55b) no-repeat;
    background-size: contain
}

.theme-blue .contact-form__address::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    background: var(--wpr-bg-96778fe4-9276-4712-94e6-297993d4ee35) no-repeat;
    background-size: contain
}

.theme-blue .btn-send::after {
    background: var(--wpr-bg-410d2baa-8a26-4aec-b210-8cf394c19dae) no-repeat;
    background-size: contain
}

.theme-blue .cf7-back-button::after {
    background: var(--wpr-bg-1b3b2def-7f7d-4a75-96d0-1b3eb2a5e70f) no-repeat;
    background-size: contain
}

.wpcf7-spinner {
    display: none !important
}

.theme-green .contact-form__phone-number::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    background: var(--wpr-bg-d75c3721-cb46-45ea-9af1-27a6a3e35754) no-repeat;
    background-size: contain
}

.theme-green .contact-form__email::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    background: var(--wpr-bg-07c7f419-3e65-4b22-87bf-ecf3f0bc4a96) no-repeat;
    background-size: contain
}

.theme-green .contact-form__address::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    background: var(--wpr-bg-86a1be47-d4af-4f2b-bfad-cc254b4f0228) no-repeat;
    background-size: contain
}

.theme-green .btn-send::after {
    background: var(--wpr-bg-3c1c1f3e-e8da-4dd2-a882-3416e1712dd8) no-repeat;
    background-size: contain
}

.theme-green .cf7-back-button::after {
    background: var(--wpr-bg-4f82383a-4940-4116-aa54-ef5544e38bd4) no-repeat;
    background-size: contain
}

.theme-purple .contact-form__phone-number::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    background: var(--wpr-bg-7f1cd722-4863-4340-bd2b-dc87f50aefe0) no-repeat;
    background-size: contain
}

.theme-purple .contact-form__email::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    background: var(--wpr-bg-55718ac2-7ee7-4c06-82ee-f7a888558435) no-repeat;
    background-size: contain
}

.theme-purple .contact-form__address::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    background: var(--wpr-bg-55e0d0d3-a671-4d2b-93c9-ada8a0fb8d48) no-repeat;
    background-size: contain
}

.theme-purple .btn-send::after {
    background: var(--wpr-bg-745d25dc-5b05-4339-8b6e-8c86b8f7b992) no-repeat;
    background-size: contain
}

.theme-purple .cf7-back-button::after {
    background: var(--wpr-bg-eb97e4fc-281f-4479-9393-8acaecf3fd84) no-repeat;
    background-size: contain
}

.theme-yellow .contact-form__phone-number::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    background: var(--wpr-bg-8f0f42c5-1ae3-456c-b55e-5c2906b88923) no-repeat;
    background-size: contain
}

.theme-yellow .contact-form__email::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    background: var(--wpr-bg-d6f1e924-28a6-4013-b5e3-82ba54cf575c) no-repeat;
    background-size: contain
}

.theme-yellow .contact-form__address::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    background: var(--wpr-bg-5c04cb6f-c0ac-44b0-89f3-e3dfed5684c7) no-repeat;
    background-size: contain
}

.theme-yellow .btn-send::after {
    background: var(--wpr-bg-c256dfc9-7535-4e3f-81f6-a357dcc7879f) no-repeat;
    background-size: contain
}

.theme-yellow .cf7-back-button::after {
    background: var(--wpr-bg-237ecc36-ee1d-491f-8de3-84c7fe9169df) no-repeat;
    background-size: contain
}

.theme-turquoise .contact-form__phone-number::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    background: var(--wpr-bg-44158eb8-267d-4893-8f8a-23e13ab44d29) no-repeat;
    background-size: contain
}

.theme-turquoise .contact-form__email::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    background: var(--wpr-bg-339c11f1-7d53-4dfc-8975-c3fef55b5465) no-repeat;
    background-size: contain
}

.theme-turquoise .contact-form__address::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    background: var(--wpr-bg-5b1cd85a-e74d-4de2-ba43-d10f4386f91b) no-repeat;
    background-size: contain
}

.theme-turquoise .btn-send::after {
    background: var(--wpr-bg-ab7a8c37-d72c-45dc-b17a-67af11f4123a) no-repeat;
    background-size: contain
}

.theme-turquoise .cf7-back-button::after {
    background: var(--wpr-bg-08e45caf-1711-4115-b581-d689bd8238cd) no-repeat;
    background-size: contain
}

.theme-pink .contact-form__phone-number::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    background: var(--wpr-bg-252b563e-13c5-4969-afde-bf82d8af1df1) no-repeat;
    background-size: contain
}

.theme-pink .contact-form__email::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    background: var(--wpr-bg-7dd05f71-3675-4cb1-8008-1485803bb6d6) no-repeat;
    background-size: contain
}

.theme-pink .contact-form__address::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    background: var(--wpr-bg-5b1cb052-5213-4984-9b67-0cb393907178) no-repeat;
    background-size: contain
}

.theme-pink .btn-send::after {
    background: var(--wpr-bg-efdc8424-40cb-4949-89c5-1d9e080f8c36) no-repeat;
    background-size: contain
}

.theme-pink .cf7-back-button::after {
    background: var(--wpr-bg-03c22e91-d2b6-4a94-9ecd-207582be2267) no-repeat;
    background-size: contain
}

.contact-form__form--input.has-value label {
    top: 0;
    left: 0;
    font-size: 0.75rem
}

.counter-data {
    overflow: hidden
}

.counter-data__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 2rem 1.5rem
}

@media (min-width: 992px) {
    .counter-data__content {
        padding: 2rem;
        padding-bottom: 3rem
    }
}

.counter-data__title {
    color: var(--Color-theme-02-txt-main);
    font-family: "Outfit";
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
    letter-spacing: -0.44px;
    margin-bottom: 1rem;
    text-align: start
}

@media (min-width: 992px) {
    .counter-data__title {
        font-size: 43.17px;
        line-height: 103%;
        text-align: center
    }
}

.counter-data__title strong {
    font-weight: 600;
    background: linear-gradient(88deg, var(--HR-HR-gradient-btn-100) 15.39%, var(--HR-HR-gradient-btn-200) 85.69%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.counter-data__text {
    display: flex;
    align-items: center;
    justify-content: start;
    flex-wrap: wrap;
    max-width: 550px;
    color: var(--Color-theme-02-txt-second);
    font-family: "Work Sans";
    font-size: 19px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -0.209px;
    margin-bottom: 2rem;
    gap: 5px
}

@media (min-width: 992px) {
    .counter-data__text {
        text-align: center;
        font-size: 22px;
        font-weight: 400;
        line-height: 28px;
        letter-spacing: 0.22px;
        align-items: center;
        justify-content: center
    }
}

.counter-data__clock {
    display: grid;
    height: max-content;
    place-items: center;
    color: #fff;
    position: relative;
    width: max-content;
    margin-inline: auto
}

.counter-data__clock--title {
    color: var(--Color-theme-02-txt-second);
    text-align: center;
    font-family: "Outfit";
    font-size: 21px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    letter-spacing: -0.231px;
    margin-bottom: 1rem
}

@media (min-width: 992px) {
    .counter-data__clock--title {
        font-family: "Work Sans";
        font-size: 28px;
        font-style: normal;
        font-weight: 500;
        line-height: 117%;
        letter-spacing: -0.308px;
        margin-bottom: 1.5rem
    }
}

.counter-data__clock--month {
    margin-top: 0.625rem;
    color: var(--Color-theme-02-txt-second);
    font-family: "Outfit";
    font-size: 30px;
    font-weight: 500;
    line-height: 125%;
    letter-spacing: -0.33px;
    text-transform: uppercase
}

@media (min-width: 992px) {
    .counter-data__clock--month {
        margin-top: 1.125rem;
        font-family: "Work Sans";
        font-size: 26px;
        font-weight: 600;
        line-height: 130%;
        letter-spacing: -0.286px
    }
}

.counter-data__clock--button {
    min-height: 100px;
    opacity: 0;
    height: 100%;
    width: 100vw;
    pointer-events: none;
    transition: opacity 0.8s ease, transform 0.8s ease;
    transform: translateX(0);
    display: flex;
    justify-content: center;
    position: relative
}

@media (min-width: 992px) {
    .counter-data__clock--button {
        margin-top: 1.5rem
    }
}

.counter-data__clock--button button {
    cursor: pointer;
    display: flex;
    color: #fff;
    outline: 10px solid #fff;
    width: max-content;
    position: relative;
    z-index: 2;
    height: max-content;
    transform: translate(-100%, 50%);
    opacity: 0;
    transition: transform 0.8s ease, opacity 0.8s ease
}

.counter-data__clock--button span {
    position: absolute;
    left: 0;
    transform: translateY(-50%);
    width: 100%;
    height: 1.5px;
    background: linear-gradient(90deg, var(--HR-HR-gradient-btn-100) 0%, var(--HR-HR-gradient-btn-200) 100%)
}

.counter-data__clock--button span:nth-child(2) {
    top: 36%
}

@media (min-width: 992px) {
    .counter-data__clock--button span:nth-child(2) {
        top: 35%
    }
}

.counter-data__clock--button span:nth-child(3) {
    top: 44.5%
}

@media (min-width: 992px) {
    .counter-data__clock--button span:nth-child(3) {
        top: 38.5%
    }
}

.counter-data__clock--button span:nth-child(4) {
    top: 55%
}

@media (min-width: 992px) {
    .counter-data__clock--button span:nth-child(4) {
        top: 47%
    }
}

.counter-data__clock--button span:nth-child(5) {
    top: 65.5%
}

@media (min-width: 992px) {
    .counter-data__clock--button span:nth-child(5) {
        top: 55.5%
    }
}

.counter-data__clock--button span:nth-child(6) {
    top: 75%
}

@media (min-width: 992px) {
    .counter-data__clock--button span:nth-child(6) {
        top: 63%
    }
}

.counter-data__clock--button span:nth-child(7) {
    top: 85%
}

@media (min-width: 992px) {
    .counter-data__clock--button span:nth-child(7) {
        top: 70%
    }
}

.counter-data__clock--wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 20px;
    position: relative;
    background: var(--wpr-bg-22bb3260-4cde-4440-8c75-bf0752783830) no-repeat center;
    background-size: contain;
    width: 280px;
    height: 270px
}

@media (min-width: 992px) {
    .counter-data__clock--wrapper {
        width: 320px;
        height: 320px
    }
}

.counter-data__clock--wrapper::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 260px;
    height: 260px;
    flex-shrink: 0;
    border-radius: 99.9px;
    opacity: 0;
    background: linear-gradient(8deg, var(--HR-HR-gradient-btn-100) 8.46%, var(--HR-HR-gradient-btn-200) 52.49%, var(--HR-HR-gradient-btn-100) 91.72%);
    background-size: 150% 150%;
    transition: opacity 0.6s ease;
    filter: blur(27.5px);
    z-index: -1;
    animation: animateGlow 10s ease infinite, pulseGlow 2s ease-in-out 4 forwards
}

@media (min-width: 992px) {
    .counter-data__clock--wrapper::before {
        width: 290px;
        height: 290px
    }
}

@keyframes animateGlow {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}

@keyframes pulseGlow {
    0%,
    100% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0.6
    }
    50% {
        transform: translate(-50%, -50%) scale(1.1);
        opacity: 1
    }
}

.counter-data__clock--elements {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.counter-data .clock {
    display: flex;
    justify-content: center;
    background-color: #fff
}

.counter-data .number {
    position: relative;
    display: grid;
    width: 58px;
    height: 91px;
    border-radius: 10px;
    background: linear-gradient(#161616 50%, #1f1f1f 50%);
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.3);
    font-size: 58px;
    font-weight: bold;
    text-align: center
}

@media (min-width: 992px) {
    .counter-data .number {
        width: 83px;
        height: 130px
    }
}

.counter-data .number:nth-child(2n) + .number {
    margin-left: 10px
}

.counter-data .number .base, .counter-data .number .flap {
    grid-row: 1 / 1;
    grid-column: 1 / 1
}

.counter-data .base {
    display: grid;
    position: relative
}

.counter-data .base::before, .counter-data .base::after {
    content: "";
    position: absolute;
    top: 45%;
    background: #bababa;
    width: 10%;
    height: 10%;
    z-index: 99
}

.counter-data .base::before {
    left: -2%
}

.counter-data .base::after {
    right: -2%;
    transform: scaleX(-1)
}

.counter-data .base .top, .counter-data .base .bottom {
    position: relative;
    grid-row: 1 / 1;
    grid-column: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center
}

.counter-data .base .top::after, .counter-data .base .bottom::after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px
}

.counter-data .base .top {
    clip-path: inset(0 0 50% 0)
}

.counter-data .base .top::after {
    top: calc(50% - 1px);
    background-color: #161616
}

.counter-data .base .bottom {
    clip-path: inset(50% 0 0 0)
}

.counter-data .base .bottom::after {
    bottom: calc(50% - 1px);
    background-color: #1f1f1f
}

.counter-data .front, .counter-data .back {
    font-size: 58px;
    line-height: 91px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0
}

.counter-data .day-1 {
    margin-right: 5px
}

.counter-data .fade-in {
    opacity: 0;
    animation: fadeIn 0.6s ease forwards
}

.counter-data .fade-out {
    opacity: 1;
    animation: fadeOut 0.4s ease forwards
}

@keyframes fadeIn {
    to {
        opacity: 1
    }
}

@keyframes fadeOut {
    to {
        opacity: 0
    }
}

@keyframes flip-top {
    from {
        transform: rotateX(0deg)
    }
    to {
        transform: rotateX(180deg)
    }
}

@keyframes flip-bottom {
    from {
        transform: rotateX(-180deg)
    }
    to {
        transform: rotateX(0deg)
    }
}

.counter-data .end-count .counter-data__clock--wrapper::before {
    opacity: 1;
    animation-play-state: running
}

.counter-data .counter-data__title, .counter-data .counter-data__text, .counter-data .counter-data__clock, .counter-data .counter-data__clock--button {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease, transform 0.6s ease
}

.counter-data .counter-data__clock--button {
    transition: opacity 1s ease;
    opacity: 0
}

.counter-data .counter-data__clock--button button {
    padding: 0.875rem 3rem
}

.counter-data .counter-data__title.visible, .counter-data .counter-data__text.visible, .counter-data .counter-data__clock.visible {
    opacity: 1;
    transform: translateY(0)
}

.counter-data .counter-data__clock.end-count .counter-data__clock--button {
    opacity: 1;
    pointer-events: auto
}

.counter-data .counter-data__clock.end-count .counter-data__clock--button button {
    transform: translate(0, 60%);
    opacity: 1
}

.counter-data .counter-data__form {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.5s ease-in-out;
    margin: 24px 16px
}

@media (min-width: 992px) {
    .counter-data .counter-data__form {
        margin: 24px 40px
    }
}

.counter-data .counter-data__form form {
    display: flex;
    flex-wrap: wrap
}

@media (min-width: 992px) {
    .counter-data .counter-data__form form {
        gap: 24px
    }
}

.counter-data .counter-data__form--wrapper {
    display: flex;
    flex-direction: column;
    width: 100%
}

@media (min-width: 992px) {
    .counter-data .counter-data__form--wrapper {
        margin-top: 56px;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        gap: 56px
    }
}

.counter-data .counter-data__form--img {
    width: 100%;
    width: 136px;
    height: 214px;
    overflow: hidden;
    border-radius: 20px
}

.counter-data .counter-data__form--img img {
    width: 100%;
    height: auto;
    border-radius: 12px
}

@media (max-width: 992px) {
    .counter-data .counter-data__form--img {
        display: none
    }
}

.counter-data .counter-data__form--form {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 1200px;
    margin-top: 20px
}

.counter-data .counter-data__form--form form > p {
    width: 100%
}

.counter-data .counter-data__form--form form > p label {
    padding-left: 38px;
    display: flex;
    gap: 10px;
    align-items: center;
    color: var(--color-second-font);
    font-family: "Work Sans";
    font-size: 0.8125rem;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    position: relative
}

.counter-data .counter-data__form--form form > p label::before {
    content: "";
    position: absolute;
    top: 11px;
    left: 14px;
    display: block;
    width: 16px;
    height: 16px;
    background: var(--wpr-bg-3e1d2718-9cce-437e-938d-dc2f0f7be8bd) no-repeat;
    background-size: contain
}

.counter-data .counter-data__form--form form > p label input {
    border: none
}

.counter-data .counter-data__form--inputs {
    width: 100%;
    gap: 24px;
    display: flex;
    flex-direction: column
}

@media (min-width: 992px) {
    .counter-data .counter-data__form--inputs {
        flex-direction: row;
        width: calc(100% - 331px);
        gap: 32px 24px;
        flex: wrap;
        flex-wrap: wrap
    }
}

@media (max-width: 992px) {
    .counter-data .counter-data__form--inputs {
        margin-bottom: 50px
    }
}

.counter-data .counter-data__form--input {
    position: relative;
    width: 100%
}

@media (min-width: 992px) {
    .counter-data .counter-data__form--input {
        width: calc(50% - 24px)
    }
}

.counter-data .counter-data__form--input label {
    color: var(--Color-theme-02-txt-main, #302f3b);
    font-family: "Work Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px;
    letter-spacing: 0.36px;
    position: absolute;
    top: 20px;
    left: 0;
    transition: top 0.3s ease-in-out, left 0.3s ease-in-out, font-size 0.3s ease-in-out
}

.counter-data .counter-data__form--input label a {
    font-weight: 500
}

.counter-data .counter-data__form--input input, .counter-data .counter-data__form--input textarea {
    width: 100%;
    font-family: "Work Sans"
}

.counter-data .counter-data__form--input input {
    border-bottom: 1px solid #667085
}

.counter-data .counter-data__form--input:has(input:focus) label, .counter-data .counter-data__form--input input:not(:placeholder-shown) + label label {
    top: 0;
    left: 0;
    font-size: 0.75rem
}

@media (max-width: 992px) {
    .counter-data .counter-data__form .counter-form__form--checkbox {
        margin-top: 8px
    }
}

.counter-data .counter-data__form .counter-form__form--checkbox label {
    position: relative;
    cursor: pointer
}

.counter-data .counter-data__form .counter-form__form--checkbox .wpcf7-list-item {
    margin: 0
}

.counter-data .counter-data__form .counter-form__form--checkbox input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    margin-right: 10px;
    opacity: 0;
    cursor: pointer
}

.counter-data .counter-data__form .counter-form__form--checkbox .wpcf7-acceptance input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0
}

.counter-data .counter-data__form .counter-form__form--checkbox .wpcf7-acceptance label {
    position: relative;
    cursor: pointer;
    user-select: none;
    padding-left: 30px;
    display: inline-block;
    line-height: 1.2
}

.counter-data .counter-data__form .counter-form__form--checkbox .wpcf7-acceptance label::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 25px;
    height: 25px;
    border: 2px solid #d0d5dd;
    border-radius: 6px;
    background: white;
    box-sizing: border-box
}

.counter-data .counter-data__form .counter-form__form--checkbox .wpcf7-acceptance input[type="checkbox"]:checked + .wpcf7-list-item-label::before {
    content: "";
    position: absolute;
    left: -22px;
    top: 10px;
    transform: translateY(-50%) rotate(45deg);
    width: 6px;
    height: 12px;
    border: solid black;
    border-width: 0 3px 3px 0;
    box-sizing: content-box
}

.counter-data .counter-data__form .counter-form__form--checkbox .wpcf7-list-item-label {
    position: relative;
    display: inline-block;
    padding-left: 8px;
    color: var(--Color-theme-02-txt-second, #545260);
    font-family: "Work Sans";
    font-size: 12px;
    font-weight: 400;
    line-height: 20px
}

.counter-data .counter-data__form--submit {
    margin-left: auto;
    max-width: max-content;
    position: relative
}

.counter-data .counter-data__form--submit::after {
    content: "";
    position: absolute;
    top: 10px;
    left: 210px;
    width: 29px;
    height: 28px;
    background: var(--wpr-bg-e12d75d0-3ea3-4a24-857f-768024ceceb2)
}

.counter-data .counter-data__form--label {
    color: var(--color-main-font);
    font: 400 18px "Work Sans";
    line-height: 27px;
    letter-spacing: 0.36px
}

.counter-data .counter-data__form .btn-send {
    height: max-content;
    cursor: pointer;
    display: block;
    width: max-content;
    background: linear-gradient(93deg, var(--HR-HR-gradient-btn-100) 19.5%, var(--HR-HR-gradient-btn-200) 60.75%, var(--HR-HR-gradient-btn-200) 75%, var(--HR-HR-gradient-btn-100) 100%);
    background-size: 133.4%;
    padding: 0.125rem;
    border-radius: 6.25rem;
    transition: background 0.3s ease-in-out;
    animation: 1.75s gradient-move linear 0.15s infinite;
    position: relative
}

@media (min-width: 992px) {
    .counter-data .counter-data__form .btn-send {
        margin-block: auto
    }
}

@media (max-width: 991px) {
    .counter-data .counter-data__form .btn-send {
        margin-inline: auto
    }
}

.counter-data .counter-data__form .btn-send input {
    max-width: max-content;
    padding: 11px 48px 11px 48px;
    border-radius: 75px;
    color: var(--color-btn);
    font: 400 18px "Sora";
    letter-spacing: -0.36px;
    background: white;
    transition: background 0.3s ease-in-out;
    margin-left: auto;
    cursor: pointer;
    display: block;
    width: 100%;
    animation: 1.75s gradient-move linear 0.15s infinite;
    position: relative
}

.counter-data .counter-data__form .btn-send input:hover {
    color: white;
    border-color: transparent;
    background-color: transparent
}

.counter-data .counter-data__form .wpcf7-response-output {
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    color: red;
    font-size: 0.75rem
}

.counter-data .counter-data__form .wpcf7-not-valid-tip {
    font-size: 0.75rem
}

.counter-data .counter-data__form.show-form {
    max-height: 3000px
}

.counter-data .counter-data__form__title {
    color: var(--Color-theme-02-txt-second);
    font-family: Outfit;
    font-size: 1.875rem;
    font-weight: 500;
    line-height: 125%;
    letter-spacing: -0.33px
}

@media (min-width: 992px) {
    .counter-data .counter-data__form__title {
        font-size: 2.5625rem;
        font-weight: 400;
        line-height: 117%;
        letter-spacing: -0.451px
    }
}

.counter-data .counter-data__form__img {
    width: 136px;
    height: 214px;
    overflow: hidden;
    border-radius: 20px
}

@media (max-width: 992px) {
    .counter-data .counter-data__form__img {
        display: none
    }
}

.counter-data .counter-data__form__img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.counter-data .counter-data__form__message {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    padding: 30px;
    text-align: center;
    font-family: "Arial", sans-serif;
    color: #333;
    background-color: var(--background-section);
    border-radius: 12px
}

@media (min-width: 992px) {
    .counter-data .counter-data__form__message {
        align-items: center
    }
}

.counter-data .counter-data__form__message h2 {
    color: var(--Color-theme-02-txt-main, #302f3b);
    font-family: Outfit;
    font-size: 30px;
    font-weight: 500;
    line-height: 125%;
    letter-spacing: -0.33px;
    margin-bottom: 16px
}

@media (min-width: 992px) {
    .counter-data .counter-data__form__message h2 {
        font-size: 41px;
        font-weight: 400;
        line-height: 117%;
        letter-spacing: -0.451px
    }
}

.counter-data .counter-data__form__message p {
    color: var(--Color-theme-02-txt-second, #545260);
    text-align: center;
    font-family: "Work Sans";
    font-size: 22px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0.22px;
    margin-bottom: 32px
}

.counter-data .counter-data__form__message p.small {
    font-size: 21px;
    font-weight: 600;
    line-height: 130%;
    letter-spacing: -0.231px
}

@media (min-width: 992px) {
    .counter-data .counter-data__form__message p.small {
        font-size: 18px;
        line-height: 27px;
        letter-spacing: 0.36px
    }
}

.counter-data .counter-data__form__message img.cf7-plane {
    width: 214px;
    height: 69px;
    margin-bottom: 32px
}

.counter-data .counter-data__form__back-button {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 15px;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: 0.3s;
    color: var(--color-accent);
    font-family: Sora;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: -0.36px
}

.counter-data .counter-data__form__back-button::after {
    content: "";
    margin-left: 10px;
    display: inline-block;
    height: 24px;
    width: 24px;
    background: var(--wpr-bg-5a0f1489-b0af-4ee8-9e65-25c384505055) no-repeat;
    background-size: contain
}

.counter-data .counter-data__form__back-button:hover {
    border-bottom: 1px solid var(--color-accent)
}

.counter-data .show-form {
    max-height: 1200px
}

.audio-toggle {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 9999;
    background-color: rgba(0, 0, 0, 0.7);
    color: white;
    border: none;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    font-size: 18px;
    cursor: pointer;
    transition: background-color 0.3s
}

.audio-toggle:hover {
    background-color: rgba(0, 0, 0, 0.9)
}

.theme-green .counter-data .counter-data__form--input label, .theme-green .counter-data .counter-data__form--input .wpcf7-list-item-label {
    color: #fff
}

.theme-green .counter-data__clock--button button {
    outline: 10px solid #000
}

.scroll-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    cursor: pointer;
    display: none;
    z-index: 1000;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    transition: opacity 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
    background: linear-gradient(45deg, var(--HR-HR-gradient-btn-100), var(--HR-HR-gradient-btn-200));
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    position: fixed
}

@media (min-width: 992px) {
    .scroll-to-top {
        bottom: 40px;
        right: 40px
    }
}

.scroll-to-top:hover .scroll-to-top__icon {
    color: white
}

.scroll-to-top:hover .scroll-to-top__icon::after {
    display: none
}

.scroll-to-top::before {
    content: none
}

.scroll-to-top__icon {
    position: relative;
    font-size: 24px;
    color: var(--HR-HR-gradient-btn-100);
    background: none;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
    background-clip: unset;
    text-fill-color: unset
}

.scroll-to-top__icon::after {
    content: "";
    background: white;
    height: 45px;
    width: 45px;
    display: block;
    position: absolute;
    top: calc(50% - 0.5px);
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    border-radius: 50%
}

.scroll-to-top.show {
    display: flex;
    opacity: 1
}

.scroll-to-top:hover {
    transform: scale(1.1);
    box-shadow: 0 6px 12px var(--HR-HR-gradient-btn-100-OP06), 0 6px 12px var(--HR-HR-gradient-btn-200-OP06)
}

.hero-post {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
    height: 100%;
    width: 100%;
    min-height: 60vh;
    clip-path: polygon(0 0, 100% 0, 100% 98%, 0% 100%)
}

@media (min-width: 768px) {
    .hero-post {
        clip-path: polygon(0 0, 100% 0, 100% 94%, 0% 100%)
    }
}

@media (min-width: 1400px) {
    .hero-post {
        clip-path: polygon(0 0, 100% 0, 100% 88%, 0% 100%)
    }
}

.hero-post img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover
}

.hero-post__content {
    padding: 48px 16px 130px 16px;
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 1600px;
    height: 100%
}

@media (min-width: 768px) {
    .hero-post__content {
        padding: 48px 16px 100px 16px
    }
}

@media (min-width: 992px) {
    .hero-post__content {
        padding: 56px 40px 110px 40px
    }
}

@media (min-width: 1200px) {
    .hero-post__content {
        padding: 56px 40px 150px 40px
    }
}

.hero-post__content time {
    margin-bottom: 32px;
    margin-left: auto;
    color: var(--base-white);
    font-family: "Outfit";
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -0.209px
}

@media (min-width: 992px) {
    .hero-post__content time {
        font-size: 22px;
        font-style: normal;
        font-weight: 500;
        line-height: 117%;
        letter-spacing: -0.242px
    }
}

.hero-post__content--title {
    font-family: "Outfit";
    font-style: normal;
    font-weight: 600;
    line-height: 118%;
    background: linear-gradient(85deg, #e12b7a 15.39%, #f65923 85.69%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 28px;
    font-size: clamp(2.5rem, 4vw, 4.5rem)
}

@media (min-width: 992px) {
    .hero-post__content--title {
        font-size: 4.625rem
    }
}

.hero-post__content--subtitle {
    color: var(--base-white);
    font-family: var("Outfit");
    font-size: 21px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    letter-spacing: -0.231px;
    margin-bottom: 16px
}

@media (min-width: 992px) {
    .hero-post__content--subtitle {
        font-size: 25px;
        line-height: 117%;
        letter-spacing: -0.275px
    }
}

.hero-post__content--text p, .hero-post__content--text li, .hero-post__content--text a {
    color: var(--base-white);
    font-family: var("Outfit");
    font-size: 19px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -0.209px
}

.hero-post__bg--mobile {
    display: none
}

@media (max-width: 992px) {
    .hero-post__bg--desktop {
        display: none
    }

    .hero-post__bg--mobile {
        display: block
    }
}

.posts-grid {
    display: grid;
    grid-template-columns:repeat(1, 1fr);
    column-gap: 2rem;
    row-gap: 3rem;
    margin-top: 2rem
}

@media (min-width: 768px) {
    .posts-grid {
        grid-template-columns:repeat(2, 1fr)
    }
}

@media (min-width: 1200px) {
    .posts-grid {
        grid-template-columns:repeat(3, 1fr)
    }
}

.pagination {
    display: flex;
    justify-content: center;
    margin: 3rem 0
}

.pagination ul {
    display: flex;
    list-style: none;
    gap: 0.5rem;
    padding: 0
}

.pagination a, .pagination span {
    display: inline-block;
    padding: 0.6rem 1rem;
    border-radius: 0.4rem;
    color: var(--color-btn);
    text-decoration: none;
    font-weight: 500;
    transition: all 0.2s ease;
    border-radius: 4.6875rem
}

.pagination span {
    background: var(--btn-secondary-background)
}

.pagination a:hover {
    transition: background 0.3s ease-in-out;
    background: linear-gradient(93deg, var(--HR-HR-gradient-btn-100) 19.5%, var(--HR-HR-gradient-btn-200) 60.75%, var(--HR-HR-gradient-btn-200) 75%, var(--HR-HR-gradient-btn-100) 100%);
    color: #fff
}

.pagination .current {
    transition: background 0.3s ease-in-out;
    background: linear-gradient(93deg, var(--HR-HR-gradient-btn-100) 19.5%, var(--HR-HR-gradient-btn-200) 60.75%, var(--HR-HR-gradient-btn-200) 75%, var(--HR-HR-gradient-btn-100) 100%);
    color: #fff;
    font-weight: 600
}

/*# sourceMappingURL=style.css.map */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.header, .nav-section {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}


/** GFORM STYLES - START */


.gform_title {
    color: var(--color-main-font);
    font: 400 2.5625rem "Outfit";
    line-height: 117%;
    letter-spacing: -0.0282rem;
    margin-bottom: 8px;
}

.gform_description {
    color: var(--color-second-font);
    font: 400 1.375rem "Work Sans";
    line-height: 1.75rem;
    letter-spacing: 0.0138rem;
}

.gform-body.gform_body {
    margin-top: 45px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
}

.ginput_container input[type="text"],
.ginput_container input[type="email"],
.ginput_container input[type="tel"],
.ginput_container input[type="url"],
.ginput_container input[type="password"] {
    border: none !important;
    border-bottom: 1px solid var(--border-color-input) !important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0 !important;
    box-shadow: none !important;
    width: 100%;
    outline: unset !important;
    padding: 0 !important;
    color: #302f3b !important;
    font: 400 1.375rem / 127.27% "Work Sans" !important;
    letter-spacing: 0.01em !important;

}

.ginput_container .textarea {
    border: 2px solid var(--border-color-input);
    border-style: dashed;
    width: 100%;
    border-radius: 6px;
    box-shadow: none !important;
    width: 100%;
    outline: unset !important;
    color: #302f3b !important;
    font: 400 1.375rem / 127.27% "Work Sans" !important;
    letter-spacing: 0.01em !important;

}


.gfield {
    position: relative !important;
}

.gform-theme--foundation .gform_fields {
    row-gap: 3rem !important;
    column-gap: 2rem !important;
}

.gfield_label.gform-field-label {
    position: absolute;
    top: 0;
    left: 0;
    transition: top 0.3s ease-in-out, left 0.3s ease-in-out, font-size 0.3s ease-in-out;
    color: var(--color-main-font) !important;
    font: 400 18px "Work Sans" !important;
    line-height: 27px !important;
    letter-spacing: 0.36px !important;
}

.gfield_label.focused {
    top: -20px !important;
    left: 0;
    font-size: 0.75rem !important;
}

.gfield .gfield_label + .gfield_description {
    display: none !important;
}

.gfield--type-textarea .gfield_label {
    top: 15px !important;
    left: 15px !important;
}
.gfield--type-textarea{
    margin-top: 20px !important;
}
.gfield--type-textarea .gfield_label.focused {
    top: -30px !important;
    left: 0 !important;
    font-size: 0.75rem !important;
}

.gchoice label{
    color: var(--Color-theme-02-txt-second, #545260);
    font-family: "Work Sans";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}
.gchoice input{
    width: 25px !important;
    height: 25px !important;
    border: 2px solid #d0d5dd !important;
    border-radius: 6px !important;
    background: white;
    box-sizing: border-box;
    box-shadow: none !important;
    outline: unset !important;
}
.gform_button{
    max-width: max-content !important;
    padding: 11px 48px 11px 48px !important;
    border-radius: 75px !important;
    color: var(--color-btn) !important;
    font: 400 18px "Sora" !important;
    letter-spacing: -0.36px !important;
    background: white !important;
    transition: background 0.3s ease-in-out !important;
    border: 2px solid var(--border-color-input) !important;
    animation: 1.75s gradient-move linear 0.15s infinite !important;
    position: relative;
    margin-left: auto !important;
    margin-right: auto !important;
    outline: unset !important;
    box-shadow: unset !important;
    margin-top: 30px !important;

}
.gform_button:hover{
    color: white !important;
    border-color: transparent !important;
    background: linear-gradient(93deg, var(--HR-HR-gradient-btn-100) 19.5%, var(--HR-HR-gradient-btn-200) 60.75%, var(--HR-HR-gradient-btn-200) 75%, var(--HR-HR-gradient-btn-100) 100%) !important;
    background-size: 133.4% !important;
}
/** GFORM STYLES - END */

@media (max-width: 600px) {
    .nav-section__item.nav-section__item.nav-section__item {
        width: 100% !important;
    }
}