:root {
    --stage-width: 676px;
    --cycle-duration: 6s;
    --fade-ease: cubic-bezier(.2, .8, .2, 1);
}
html,
body {

    overflow-x: hidden;
}

a {
    line-height: 1.5em;
}

.question {
    padding: 20px
}
/*
#hp-mobile-gallery figure.swiper-slide-inner {
    width: fit-content !important;
    max-height: 288px;
}

#hp-mobile-gallery img.swiper-slide-image {
    width: 100% !important;
    object-fit: cover;
}

#hp-mobile-gallery .swiper-slide {
    width: fit-content;
}*/

.mt-auto {
    margin-top: auto !important;
}
.white-reviews-section p {
    color: #554D4D;
}

.white-reviews-section .elementor-widget-container {
    color: #272424;
}

.white-reviews-section span.elementor-divider-separator {
    background-color: #F1EFEF;
}

.white-reviews-section .swiper-slide.e-loop-item {
    border-radius: 16px;
    border: 1px solid rgba(239, 68, 68, 0.18);
    background: rgba(255, 255, 255, 0.85);
    box-shadow: 0 4px 32px 0 rgba(239, 68, 68, 0.06);
    backdrop-filter: blur(8px);
}

.white-reviews-section .swiper-pagination-bullet:hover,
.white-reviews-section .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #F20A40;
}

#shops-cf7 label {
    display: block;
    margin: 0 0 8px;
    color: #FAF8F8;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -0.18px;
}

#shops-cf7 input[type="tel"] {
    margin-top: 16px !important;
}

#shops-cf7 input[type="url"],
#shops-cf7 input[type="tel"] {
    display: block;
    width: 100%;
    height: 40px;
    margin-top: 8px;
    padding: 0 16px;
    border: 0;
    border-radius: 6px;
    background: #FFFFFF;
    color: #554D4D;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -0.16px;
    outline: none;
}

#shops-cf7 input::placeholder {
    color: #554D4D;
    opacity: 1;
}

#shops-cf7 input[type="url"]:focus,
#shops-cf7 input[type="tel"]:focus,
#shops-cf7 input[type="text"]:focus,
#shops-cf7 input[type="email"]:focus {
    box-shadow: 0 0 0 2px rgba(247, 5, 70, 0.6);
}

#shops-cf7 .required {
    color: #FAF8F8;
}

#shops-cf7 .wpcf7-acceptance {
    display: block;
    margin: 2px 0 18px;
}

#shops-cf7 .wpcf7-list-item {
    margin: 0;
}

#shops-cf7 .wpcf7-list-item label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    color: #FAF8F8;
    cursor: pointer;
}

#shops-cf7 input[type="checkbox"] {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    accent-color: #F70546;
    cursor: pointer;
}

#shops-cf7 .wpcf7-list-item-label {
    color: #FAF8F8;
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
}

#shops-cf7 input[type="submit"],
#shops-cf7 .wpcf7-submit {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 45px;
    padding: 12px 24px;
    border: 0;
    border-radius: 999px;
    background: #F20A40;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 700;
    line-height: 150%;
    letter-spacing: 0.56px;
    text-transform: uppercase;
    cursor: pointer;
}

#shops-cf7 input[type="submit"]:hover,
#shops-cf7 .wpcf7-submit:hover {
    background: #D9043D;
}

#shops-cf7 input[type="submit"]:disabled,
#shops-cf7 .wpcf7-submit:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

#shops-cf7 .wpcf7-spinner {
    display: none;
}

#shops-cf7 .wpcf7-not-valid-tip {
    margin-top: 8px;
    font-size: 12px;
    line-height: 150%;
}

#shops-cf7 .wpcf7-response-output {
    margin: 14px 0 0;
    padding: 10px 12px;
    border-radius: 6px;
    color: #FAF8F8;
    font-size: 12px;
    line-height: 150%;
}

.blog-contact-form .custom-cf7-form br {
    display: none !important;
}

.blog-contact-form .custom-cf7-form .cf7-field label {
    display: block;
    font-size: 18px;
    line-height: 1.5;
    font-weight: 500;
    color: #fff;
    margin-bottom: 8px;
}

.blog-contact-form .custom-cf7-form .cf7-field:not(:first-of-type) label {
    margin-top: 16px;
}

.blog-contact-form .custom-cf7-form .wpcf7-form-control-wrap {
    display: block;
}

.blog-contact-form .custom-cf7-form input[type="text"],
.blog-contact-form .custom-cf7-form input[type="email"],
.blog-contact-form .custom-cf7-form input[type="tel"],
.blog-contact-form .custom-cf7-form input[type="url"],
.blog-contact-form .custom-cf7-form textarea {
    width: 100%;
    height: 40px;
    border: 1px solid #554D4D;
    border-radius: 8px;
    background: #FFF;
    color: #554D4D;
    font-size: 16px;
    padding: 0 16px;
    box-sizing: border-box;
    outline: none;
    box-shadow: none;
}

.blog-contact-form .custom-cf7-form input::placeholder,
.custom-cf7-form textarea::placeholder {
    color: #554D4D;
    opacity: 1;
}

.blog-contact-form .custom-cf7-form .cf7-checkbox {
    margin: 10px 0 16px;
    color: #fff;
    font-size: 12px;
}

.blog-contact-form .custom-cf7-form .cf7-checkbox .wpcf7-list-item {
    margin: 0;
}

.blog-contact-form .custom-cf7-form .cf7-checkbox input[type="checkbox"] {
    width: 16px;
    height: 16px;
    margin-right: 6px;
    vertical-align: middle;
    accent-color: #fff;
}

.blog-contact-form .custom-cf7-form .cf7-submit-wrap {
    margin-top: 10px;
}

.blog-contact-form .custom-cf7-form input[type="submit"] {
    width: 100%;
    height: 45px;
    border: none;
    border-radius: 999px;
    background: #ff0048;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer;
    transition: 0.2s ease;
}

.blog-contact-form .custom-cf7-form input[type="submit"]:hover {
    opacity: 0.92;
}

.blog-contact-form .custom-cf7-form .wpcf7-not-valid-tip {
    color: #ffb3b3;
    font-size: 14px;
    margin-top: 8px;
}

.blog-contact-form .custom-cf7-form .wpcf7-response-output {
    margin: 20px 0 0 !important;
    color: #fff;
    border-color: #fff !important;
}

.compare-table-blog {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    background: #fff;
}

.compare-table-blog th,
.compare-table-blog td {
    border: 1px solid #DAD2D2;
    text-align: left;
    vertical-align: middle;
    padding: 15px 20px;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 400;
    background: #fff !important;
}

.compare-table-blog tr > th:first-of-type,
.compare-table-blog tr > td:first-of-type {
    background-color: #F5F3F3 !important;
}

.compare-table-blog thead th {
    font-size: 16px;
    font-weight: 600;
    color: #272424;
}

.compare-table-blog thead th:first-child {
    width: 18%;
}

.compare-table-blog thead th:nth-child(2) {
    width: 39%;
}

.compare-table-blog thead th:nth-child(3) {
    width: 43%;
}

@media (max-width: 576px) {
    .table-wrap-blog {
        overflow-x: scroll;
    }

    .compare-table-blog {
        min-width: 640px;
    }

    .compare-table-blog th,
    .compare-table-blog td {
        padding: 10px 14px;
    }
}

.blog-quote-container .elementor-icon-box-title {
    margin-bottom: 16px !important;
}

/*Seo packages*/
.package-seo-table table {
    margin-block-end: 0;
}

.pop-up-buttons>.e-con-inner>.elementor-element:first-of-type .elementor-button-text {
    text-align: right;
}

.pop-up-buttons>.e-con-inner>.elementor-element:last-of-type .elementor-button-text {
    text-align: left;
}

.elementor-popup-modal .dialog-widget-content.dialog-lightbox-widget-content {
    border-radius: 20px !important;
}

.elementor-popup-modal .eicon-close {
    background-color: #F5F3F3;
    padding: 12px;
    border-radius: 12px
}

.elementor-popup-modal .eicon-close:before {
    content: url("/wp-content/uploads/2024/05/close-icon.svg");
    height: 40px;
}

.package-seo-text,
.package-seo-table tr,
.package-seo-table td {
    border: none;
    background-color: #FFFFFF !important;
    border-bottom: 1px solid #F5F3F3;
    padding: 16px;
    font-size: 1rem;
}

.package-seo-table-black tr,
.package-seo-table-black td {
    background-color: #272424 !important;
    color: #FFFFFF !important;
}


.package-seo-table h3>span {
    font-size: 1.75rem;
}

.package-seo-table h3 {
    margin: -8px 0;
}

.package-seo .package-seo-table button:hover {
    background-color: #F20A40 !important;
    color: #FFFFFF !important;
    border-color: #F20A40 !important;
}

.package-seo-table:not(.package-seo-table-black) button {
    width: 100%;
    background-color: #272424 !important;
    border-color: #272424;
    color: #FFFFFF;
}

.package-seo-table-black button {
    background-color: #FFFFFF !important;
    color: #272424 !important;
    width: 100%;
    border-color: #272424 !important;
}

.reklama-google-ads-akordeon-white sup,
.reklama-google-ads-akordeon-black sup {
    font-size: 12px;
}

.reklama-google-ads-akordeon-white span.elementor-accordion-icon,
.reklama-google-ads-akordeon-arrow span.elementor-accordion-icon {
    margin-top: 25px;
    margin-left: 30px !important;
}

#accordion-marketing .elementor-accordion .elementor-accordion-item {
    border-top: 1px solid #554D4D !important;
}

.reklama-google-ads-akordeon-font span.elementor-accordion-icon {
    margin-top: auto;
}

.reklama-google-ads-akordeon-white span.elementor-accordion-icon svg,
.reklama-google-ads-akordeon-black span.elementor-accordion-icon svg {
    width: 20px !important;
    height: 25px !important;
}

.reklama-google-ads-akordeon-black .elementor-accordion .elementor-accordion-item {
    border-top: 1px solid #554D4D !important;
}

.reklama-google-ads-akordeon-white .elementor-accordion .elementor-accordion-item {
    border-top: 1px solid #DAD2D2 !important;
}

.reklama-google-ads-akordeon-font a.elementor-accordion-title {
    font-size: 24px !important;
}

.animated-images {
    z-index: 3;
    position: absolute !important;
}

/*Header*/

html[lang="en-GB"] .newsletter-container {
    display: none;
}

html[lang="en-GB"] .menu-footer {
    width: 80%;
}

html[lang="en-GB"] .menu-footer > div {
    width: 40%;
}

.dark-header .custom-logo-link img.custom-logo {
    opacity: 0;
}

.dark-header .custom-logo-link:after {
    content: url('/wp-content/uploads/2026/01/Logo2.svg');
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.bright-header .menu-item > a {
    color: white;
}

/*!*koniec header*!*/

.menu-footer .menu-item-type-post_type a,
.menu-footer .menu-item-type-post_type_archive a {
    color: #FAF8F8 !important;
}

.main-page-counter span.elementor-counter-number {
    margin-bottom: 20px;
}

.main-page-counter span.elementor-counter-number-prefix {
    display: none;
}


.main-page-sectors sup {
    font-size: 40%;
    margin-right: 10px;
    vertical-align: super;
}

#hp-gallery-swiper1 .swiper-wrapper,
#hp-gallery-swiper2 .swiper-wrapper,
#hp-mobile-gallery .swiper-wrapper {
    transition-timing-function: linear;
}

.main-page-sectors li.elementor-icon-list-item {
    padding-left: 8px !important;
}

.main-page-sectors li.elementor-icon-list-item {
    flex-direction: row-reverse;
    justify-content: space-between !important;
    padding: 15px 0;
}

.main-page-sectors li.elementor-icon-list-item:not(:last-of-type) {
    border-bottom: 1px solid #554D4D;
}

.main-page-sectors.shops-pop-ups-container li.elementor-icon-list-item:not(:last-of-type) {
    border-bottom: 1px solid #DAD2D2 !important;
}

.main-page-sectors.shops-pop-ups-container li.elementor-icon-list-item:hover svg {
    opacity: 0;
}

.main-page-sectors.shops-pop-ups-container li.elementor-icon-list-item:hover .elementor-icon-list-icon:after {
    content: url("/wp-content/uploads/2024/05/arrow-white.svg");
}


.main-page-sectors li.elementor-icon-list-item:hover {
    background-color: #F20A40;
}

#hp-gallery-swiper1 .swiper-slide,
#hp-gallery-swiper2 .swiper-slide {
    width: 100% !important;
}

#hp-gallery-swiper1 .elementor-image-carousel.swiper-wrapper,
#hp-gallery-swiper2 .elementor-image-carousel.swiper-wrapper {
    flex-direction: column;
    height: 960px !important;
}

#hp-gallery-swiper1 .swiper-slide,
#hp-gallery-swiper2 .swiper-slide {
    height: auto !important;
}

#hp-gallery-swiper2 img.swiper-slide-image.swiper-lazy.swiper-lazy-loaded {
    width: 435px;
}

span.font-specyfic {
    font-family: 'Source Serif 4', sans-serif;
    font-style: italic;
    letter-spacing: -1.98px;
}

.parallax-wrap .e-con-inner {
    position: relative;
}

.animated-image-Semicircle {
    width: 295px;
    height: 295px;
    /*    position: absolute !important;*/

}

.hp-animated-image-Semicircle {
    top: 30px;
    left: 30px;
}


.o-nas-animated-image-Semicircle {
    top: -20px;
    left: 380px;
}

#hp-animated-image-CircleStar {
    width: 560px;
    height: 560px;
    top: -40px;
    left: -80px;
    z-index: 2;
}

.hp-image-ClothStack {
    /*content: url('/wp-content/uploads/2023/07/Cloth_Stack.svg');
    display: block;*/
    position: absolute !important;
}

.hp-galleries-section {
    position: absolute !important;
    right: 0 !important;
    width: 40vw !important;
}

#hp-swiper-gallery1 .swiper-wrapper {
    flex-direction: column;
}

.o-nas-sections sup {
    font-size: 15px;
}

.o-nas-logos-bg {
    background-image: url('/wp-content/uploads/2023/07/Frame-684-1.png');
    background-position: top left;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: -80px !important;
}

.evoblog-section .elements .element {
    display: flex;
    flex-direction: row;
    justify-content: left;
    align-items: center;
    position: relative;
    gap: 20px;
}

.evoblog-section .element__content {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.basic-blog-view li.element:hover a,
.evoblog-section li.element:hover a {
    color: #F20A40;
}

.basic-blog-view-section .element__author-wrapper img,
.basic-blog-view-section .element__author-wrapper .element__post_date {
    display: block;
}

ul {
    padding-inline-start: 0 !important;
}

.realization-noswiper .realization-list,
.realization-noswiper .realization-archive-list,
.blog-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: 32px;
}

.realization-noswiper .element {
    width: 31%;
}

.realization-section .realization-list,
.basic-blog-view .elements,
.realization-archive-list {
    list-style-type: none;
}

.realization-section .element__image {
    min-width: 100%;
}

.realization-section .element__image img {
    min-width: 100%;
    height: auto;
    aspect-ratio: 1 / 0.7;
    object-fit: cover;
    object-position: center;
}

.realization-section span.element__category {
    border: 1px solid #DAD2D2;
    border-radius: 40px;
    padding: 8px 20px 10px 20px;
    font-size: 12px;
    font-weight: 500;
}

.realization-section .swiper-slide-active .element__content a.element__title {
    font-size: 32px;
    font-weight: 500;
}

.realization-section .element__content {
    display: flex;
    position: relative;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}

.realization-section .element__content h5 {
    padding: 24px 0;
    margin: 0;
}

.realization-section .element__content a.element__title {
    color: #272424;
}


.realization-section .swiper-slide-active .element__content:after {
    display: block;
}

.realization-section .swiper-slide-active .element__content {
    padding-right: 80px;
}

.elementor-counter .elementor-counter-title {
    text-align: left !important;
}

button.swiper-button-realization {
    position: absolute;
    top: -120px;
    background-color: transparent !important;
    border: 0;
    outline: none !important;
}

button.swiper-button-realization {
    width: 40px;
    height: 40px;
}

.swiper-button-realization-next {
    content: '';
    background-image: url("/wp-content/uploads/2023/07/arrow-right.svg");
    background-repeat: no-repeat;
    display: block;
}

.swiper-button-realization-prev {
    content: '';
    background-image: url('/wp-content/uploads/2024/05/arrow-left-1.svg');
    background-repeat: no-repeat;
    display: block;
}

button.swiper-button-realization.swiper-button-realization-next {
    right: 0;
}

button.swiper-button-realization.swiper-button-realization-prev {
    right: 60px;
}

div#o-nas-reviews-swiper {
    overflow-x: hidden;
}

#o-nas-reviews-swiper .reviews-list li.swiper-slide {
    padding-left: 10px;
}

div#o-nas-reviews-swiper ul,
div#o-nas-reviews-companies-swiper ul,
.job-offers-archive ul {
    list-style-type: none;
}

div#o-nas-reviews-companies-swiper .swiper-slide-thumb-active img {
    border: 1px solid #272424;
}

#o-nas-reviews-companies-swiper .swiper-slide {
    cursor: pointer;
}

div#o-nas-reviews-companies-swiper {
    height: 630px;
}

.reviews-swiper-pagination {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 10px;
    margin: 50px 0 30px 0;
}

.reviews-swiper-pagination .swiper-pagination-bullet-active {
    position: relative;
}

.reviews-swiper-pagination .swiper-pagination-bullet-active:after {
    content: "";
    display: block;
    position: absolute;
    width: 28px;
    height: 28px;
    left: -11px;
    top: -11px;
    border: 2px solid #F20A40;
    border-radius: 14px;
}

#o-nas-reviews-companies-swiper li.swiper-slide {
    margin: 16px 0;
}

#o-nas-reviews-swiper p.position {
    font-size: 12px;
    color: #554D4D;
}

#o-nas-reviews-swiper .element__image {
    width: 160px;
}

#o-nas-reviews-swiper p.author {
    font-size: 18px;
    color: #272424;
    margin-top: 16px;
}

#o-nas-reviews-swiper p.description {
    margin-top: 24px;
    font-size: 18px;
    color: #272424;
}

p {
    -webkit-margin-after: 0 !important;
    margin-block-end: 0 !important;
}

.marketing-bg-image {
    background-image: url("/wp-content/uploads/2023/07/marketing-1.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top center;
}

.web-design-bg-image {
    background-image: url("/wp-content/uploads/2023/07/web-design-1.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top center;
}

.marketing-stars-img {
    /*    content: "";
    background-image: url("/wp-content/uploads/2023/07/Stairs-1.png");
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;*/
    top: 32px;
    left: 55%;
}

.marketing-fullwidth-img {
    content: "";
    background-image: url("/wp-content/uploads/2023/07/Rectangle-4612-1.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    width: 50vw !important;
    top: 0;
    left: 0;
}

.web-design-image-ClothStack {
    top: -70px;
    right: -80px;
}

.web-design-arrows-hover:hover:after {
    content: "";
    background-image: url("/wp-content/uploads/2023/07/Frame-6451.svg");
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    position: absolute;
    bottom: 12px;
    right: 12px;
}

.uptrend-gradient-section:after {
    content: "";
    background: linear-gradient(180deg, rgba(39, 36, 36, 0), rgba(39, 36, 36, 0.6));
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}

span.marketing-akordeon-link {
    /*    border-bottom: 1px solid #F20A40;*/
    position: relative;
}

/*.marketing-akordeon .elementor-accordion-item {
    border-top: 1px solid #554D4D !important;
}*/

.marketing-akordeon .elementor-accordion-item p:last-of-type {
    margin-top: 20px;
}

.border-grow-hover .elementor-button:hover:after,
.border-grow-hover .marketing-akordeon-link:hover:after {
    height: 4px;
    margin-top: -4px;
}

.border-grow-hover .elementor-button:after,
.border-grow-hover .marketing-akordeon-link:after {
    content: " ";
    width: 100%;
    height: 1px;
    position: absolute;
    top: 30px;
    left: 0;
    background-color: #F20A40;
    display: block;
    transition: all 0.6s ease-in-out;
}

span.marketing-akordeon-link {
    content: '';
    background-image: url("/wp-content/uploads/2023/07/Frame-6451.svg");
    background-repeat: no-repeat;
    padding-right: 30px;
    padding-bottom: 5px;
    background-size: 20px;
    background-position: right top;
}

.black-bg-image {
    background-image: url("/wp-content/uploads/2026/01/Offer_section-1.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.basic-blog-view .element__author-image {
    margin-right: 50px !important;
}

.author-biography p {
    font-size: 16px;
}

.basic-blog-view .element {
    display: flex;
    flex-direction: column;
    width: calc(100% / 3 - 22px);
    justify-content: space-between;
}

.basic-blog-view .elements {
    display: flex;
    gap: 32px;
    justify-content: space-between;
}

.basic-blog-view .element__content {
    display: flex;
    flex-direction: column;
}

.basic-blog-view .element__image {
    min-width: 100%;
    padding-bottom: 10px;
}

.basic-blog-view .element__image img {
    aspect-ratio: 1.77;
}

.basic-blog-view .element__author-wrapper {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    grid-template-rows: repeat(1, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
}

.basic-blog-view .element__author-wrapper img {
    border: 1px solid #DAD2D2;
    border-radius: 200px;
    width: 40px;
    height: 40px;
}

.basic-blog-view .element__content h6 a {
    color: #272424;
}

.basic-blog-view .element__author {
    font-size: 14px;
    font-weight: 500;
    font-color: #272424;
}

.basic-blog-view .element__author-wrapper img {
    grid-area: 1 / 1 / 3 / 2;
}

.basic-blog-view.element__author {
    grid-area: 1 / 2 / 2 / 3;
}

.basic-blog-view .element__post_date {
    grid-area: 2 / 2 / 3 / 3;
}

.basic-blog-view .element__post_date {
    color: #554D4D;
    font-size: 12px;
    margin-top: -8px;
}

.kontakt-bg-image {
    background-image: url('/wp-content/uploads/2023/07/kontakt.png');
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 100%;
}

.kontakt-red-arrow {
    padding-left: 30px;
}

.kontakt-red-arrow:after {
    content: "";
    height: 100%;
    width: 0;
    position: absolute;
    transition-duration: 0.6s;
    transition-delay: 0.2s;
    z-index: -1;
}

.kontakt-red-arrow:hover:after {
    width: 100%;
    top: 0;
    left: 0;
    border-left: 49px solid #DAD2D2;
}

.kontakt-red-arrow .elementor-icon-list-item {
    z-index: 1;
}

.kontakt-red-arrow:before {
    content: "";
    background-image: url("/wp-content/uploads/2023/07/smile.svg");
    background-size: contain;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 5px;
    left: 0;
    z-index: 0;
}

.archive-menu .menu-item a {
    border: 1px solid #433E3E;
    border-radius: 200px;
    padding: 6px 14px !important;
}

.archive-menu a.elementor-item-active {
    border-color: #F20A40;
    color: #F20A40 !important;
}

.archive-menu .menu-item a:hover {
    padding: 8px 16px;
    border-color: #F20A40;
}

.kontakt-full-width-image {
    content: "";
    background-image: url('/wp-content/uploads/2023/07/Rectangle-4612-1.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    width: 25vw !important;
    position: absolute !important;
    top: 0;
    height: 100% !important;
    right: 20px !important;
}

.navigation.custom-pagination .page-numbers.current {
    border: 1px solid #DAD2D2;
    padding: 5px 14px;
    border-radius: 50%;
}

.navigation.custom-pagination .page-numbers {
    color: #433E3E;
    padding: 0 20px;
}

nav.navigation.custom-pagination {
    margin-top: 80px;
    text-align: center;
}

.case-study-bg-image {
    background-image: url('/wp-content/uploads/2023/07/case-study.png');
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 100%;
}

.blog-bg-image {
    background-image: url('/wp-content/uploads/2023/07/Blog.png');
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 100%;
}

.work-with-us-bg-image {
    background-image: url("/wp-content/uploads/2023/07/pracuj-z-nami.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
}

.our-offer-bg-image {
    top: -120px;
    right: -100px;
}

.single-post-vector:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-image: url("/wp-content/uploads/2023/07/grafika.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

/*.single-post-image img {
    aspect-ratio: 1.77 !important;
}
*/
.uslugi-it-bg-image {
    background-image: url('/wp-content/uploads/2023/07/uslugi-it.png');
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}

.google-ads-section-img {
    width: 485px;
    height: 485px;
    top: -350px;
    right: 0;
}

.job-offers-archive .job-offers-list {
    display: flex;
    flex-direction: row;
    gap: 32px;
    flex-wrap: wrap;
}

.job-offers-archive .element__content {
    width: 70%;
    --widgets-spacing: 8px !important;
}

.job-offers-archive .element__content p {
    color: #433E3E;
    font-size: 16px;
}

.job-offers-archive .job-offers-list li {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: space-between;
    width: 48%;
    background-color: #FFFFFF;
    border: 1px solid #554D4D;
    border-radius: 16px;
    padding: 32px 24px;
}

.job-offers-archive .element__link a {
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1em;
    padding: 12px 24px;
    border-radius: 200px;
    background-color: #F20A40;
}

.web-design-balance-image {
    width: 320px;
    height: 320px;
    top: 220px;
    left: 15%;
}

#reklama-google-ads-balance-image {
    width: 240px;
    height: 240px;
    top: 0;
    left: 20%;
}

.swiper-repeated-icon .swiper-slide-contents:before {
    content: url('/wp-content/uploads/2023/07/Frame-6430.svg');
    width: 64px;
    height: 64px;
}

.swiper-repeated-icon .elementor-slide-description {
    margin-top: 8px;
}

.contact-form-cv h2 {
    color: #FAF8F8;
    margin-bottom: 36px;
    order: -2;
}

.contact-form-cv .wpcf7-list-item-label {
    font-size: 12px;
    line-height: 140%;
}

.contact-form-cv form.wpcf7-form.init {
    display: flex;
    flex-direction: column;
}

.contact-form-cv label {
    color: #FAF8F8;
    width: 100%;
    margin-bottom: 16px;
}

.contact-form-cv span.wpcf7-form-control-wrap input:not(input[type="checkbox"]),
.contact-form-cv span.wpcf7-form-control-wrap textarea,
.contact-form-cv .codedropz-upload-wrapper {
    margin-top: 8px;
    border-radius: 8px;
}

input:focus,
textarea:focus {
    outline: none !important;
}

.contact-form-cv span.dnd-upload-counter {
    display: none;
}

.contact-form-cv input.wpcf7-submit {
    text-transform: uppercase;
    font-weight: 700 !important;
    margin-top: 14px;
    font-size: 14px;
}

.contact-form-cv input {
    color: #554D4D;
}

.job-offer-cf.contact-form-cv p:last-of-type {
    text-align: end;
}

.contact-form-cv span.wpcf7-list-item {
    margin: 0;
}

.contact-form-cv input[type="checkbox"] {
    margin-right: 15px;
    transform: scale(1.4);
    accent-color: #F20A40;
}

.contact-form-cv .wpcf7-acceptance label {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}

.contact-form-cv .wpcf7-response-output {
    border-color: #F20A40 !important;
    color: #FAF8F8;
}

.contact-form-cv textarea.wpcf7-form-control.wpcf7-textarea {
    height: 120px !important;
}

.contact-form-cv input.wpcf7-not-valid {
    border: 2px solid #F20A40;
}

.contact-form-cv h6 {
    margin: 0 0 3px 0 !important;
}

.contact-form-cv .codedropz-btn-wrap {
    margin-top: 5px;
}

.contact-form-cv .codedropz-upload-handler {
    background-color: #FFFFFF;
    border-color: #554D4D;
}

.contact-form-cv .codedropz-upload-inner {
    color: #272424;
}

.contact-form-cv a.cd-upload-btn {
    color: #554D4D;
}

.work-offer-bg-image {
    background-image: url('/wp-content/uploads/2023/08/work-offer.png');
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}

.seo-bg-image {
    background-image: url('/wp-content/uploads/2023/07/seo.png');
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}

.send-cv-img {
    top: -160px;
    left: -160px;
}

#seo-balance-image {
    width: 320px;
    height: 320px;
    top: -80px;
    right: 0;
}

#seo-insider-image {
    width: 200px;
    height: 200px;
    top: -140px;
    right: -40px;
}

.google-ads-cooperation-img:after {
    content: "";
    background-image: url('/wp-content/uploads/2023/07/Google_AdsCircle_Star_Noodles.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-color: transparent;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: -160px;
    right: 160px;
}

.red-link a {
    color: #F20A40 !important;
}

i.eicon-chevron-right:after {
    content: "";
    background-image: url('/wp-content/uploads/2023/07/arrow-right.svg');
    width: 40px;
    height: 40px;
    display: block;
}

i.eicon-chevron-right:before,
i.eicon-chevron-left:before {
    display: none;
}

i.eicon-chevron-left:after {
    content: "";
    background-image: url('/wp-content/uploads/2024/05/arrow-left-1.svg');
    width: 40px;
    height: 40px;
    display: block;
}

.elementor-slides-wrapper {
    overflow-x: hidden;
    position: absolute;
    left: 0;
    width: 100vw;
}

/*FOOTER*/

footer#site-footer {
    display: none;
}

div#footer-container {
    display: flex;
    flex-direction: column;
    max-width: 1280px;
}

.footer {
    display: flex;
    justify-content: center;
    background-color: #272424;
}

.container-top {
    display: flex;
    flex-direction: column;
    padding: 80px 0;
    align-items: center;
}

.container-top h2 {
    color: #FAF8F8;
    text-align: center;
    width: 80%;
}

a.btn-red-footer:hover,
input.wpcf7-submit:hover,
.job-offers-list .element__link a:hover {
    transition: all 0.5s ease-out;
    background-color: #CA002F !important;
}

a.btn-red-footer {
    color: #F5F3F3 !important;
    background-color: #F20A40;
    width: fit-content;
    padding: 12px 24px;
    text-transform: uppercase;
    border-radius: 200px;
    font-size: 14px;
    font-weight: 700;
    margin: 40px 0 130px 0;
    transition: 0.3s easy-in-out;
}

.container-top h6 {
    color: #F5F3F3;
}

.our-clients-footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
}

.newsletter-and-menu-footer {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 60px 0 80px 0;
}

.newsletter-container {
    width: 33%;
}

.newsletter-container h4 {
    color: #FAF8F8;
}

.menu-footer {
    width: 46%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    color: #FAF8F8;
    font-size: 16px
}

.menu-footer ul,
.container-middle ul {
    list-style: none;
}

.menu-footer p {
    text-transform: uppercase;
    padding-bottom: 24px;
}

.container-bottom {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 20px 0 10px 0;
}

.container-middle .swiper {
    width: 100vw;
    overflow: visible;
    padding-top: 40px;
}

.kontakt-footer>p,
.info-footer>p {
    font-size: 12px;
}

.container-middle .swiper:after,
.container-bottom:after {
    content: "";
    width: 150vw !important;
    height: 1px;
    display: block;
    position: absolute;
    top: 0;
    left: -50%;
    background-color: #554D4D;
}

.newsletter-container .wpcf7-email {
    background-color: transparent;
    border-color: #FFFFFF !important;
    border-radius: 0 !important;
    padding: 16px;
    color: #FFFFFF;
}

.newsletter-container .wpcf7-email::placeholder {
    color: #DAD2D2 !important;
}

.newsletter-container form.wpcf7-form {
    display: flex;
    /*    gap: 20px;*/
    flex-direction: column;
}

.newsletter-container .contact-form-newseletter {
    display: flex;
}

.newsletter-container .contact-form-newseletter .wpcf7-submit {
    background-color: #FFFFFF !important;
    color: black !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    border: none;
    border-radius: 0 !important;
    padding: 17px 21px !important;
}

.newsletter-container .wpcf7-acceptance label {
    display: flex;
    justify-content: flex-start;
    gap: 20px;
    /*    width: 70%;*/
}

.newsletter-container .wpcf7-not-valid-tip {
    font-size: 12px;
    margin-top: 8px;
}

.wpcf7-not-valid-tip {
    color: #F20A40;
    font-size: 14px;
    line-height: 150%;
}

.newsletter-container .wpcf7-acceptance label input {
    scale: 1.8;
    accent-color: #F20A40;
}

.newsletter-container .wpcf7-acceptance .wpcf7-list-item-label {
    color: #DAD2D2;
    font-size: 12px;
    line-height: 18px;
    font-weight: 500;
}

.newsletter-container .wpcf7-response-output {
    color: #FFFFFF;
    margin: 10px 0 !important;
}

.newsletter-container .wpcf7-list-item {
    margin: 5px;
}

.container-middle .swiper .swiper-wrapper {
    transition-timing-function: linear;
}

.social-media-footer {
    display: flex;
    gap: 12px;
}

.kontakt-footer a {
    color: #FAF8F8 !important;
    vertical-align: text-bottom;
}

.kontakt-footer img {
    margin-right: 10px;
    margin-bottom: -2px;

}

.info-footer li:first-of-type {
    margin-bottom: 16px;
}

.copyrights-footer span,
.copyrights-footer a {
    color: #DAD2D2 !important;
    font-size: 12px !important;
    line-height: 1.5;
}

.copyrights-footer {
    display: flex;
    gap: 40px;
}

.main-page-sectors .elementor-icon-list-item a {
    flex-direction: row-reverse;
    justify-content: space-between !important;
}

.company-logos .swiper-slide img {
    min-width: 180px;
    max-width: 180px;
    min-height: 102px;
    max-height: 102px;
    padding: 15px 20px;
    object-fit: contain;
}

.button-disabled a.elementor-button {
    cursor: initial;
    pointer-events: none;
}

.box-slider.elementor-element .swiper {
    overflow: visible;
}

.box-slider.elementor-element .swiper~.elementor-swiper-button {
    top: -20px;
}

.box-slider.elementor-element .swiper~.elementor-swiper-button-prev {
    top: -21px;
    left: auto;
    right: 60px;
}

.hidden-fields-container {
    visibility: hidden;
}

.team-slider .swiper-slide, .team-slider .swiper-slide-inner, .team-slider .swiper-slide img.swiper-slide-image{
    min-width: 320px !important;
  width: auto !important;
  max-width: 350px;
  height: 350px;
  aspect-ratio: 1/1;
  object-fit: cover;
  object-position: center;
}
.dot-in-corner {
    position: relative;
}
.dot-in-corner:before, .dot-in-corner:after {
    content: '';
    position: absolute;
    top: -48px;
    left: -48px;
    background-color: #0AF283;
    border-radius: 50%;
    display: block;
    z-index: 3;
}
.dot-in-corner:before {
    width: 12px !important;
    height: 12px !important;
    top: -37px;
    left: -37px;
    z-index: 4;
}
.dot-in-corner:after {
    opacity: 0.2;
    width: 34px;
    height: 34px;
}

#websites-cf7 .wpcf7 label {
    display: block;
    margin-bottom: 16px;
    font-size: 14px;
    font-weight: 400;
    color: #ffffff;
}

#websites-cf7 .wpcf7 input[type="text"],
#websites-cf7 .wpcf7 input[type="tel"],
#websites-cf7 .wpcf7 input[type="url"],
#websites-cf7 .wpcf7 input[type="email"] {
    width: 100%;
    margin-top: 10px;
    padding: 12px 18px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    border-radius: 12px;
    background: #433E3E;
    color: #ffffff;
    font-size: 14px;
    outline: none;
    box-sizing: border-box;
}

#websites-cf7 .wpcf7 input::placeholder {
    font-size: 12px;
    color: rgba(245, 243, 243, 0.4);
}

#websites-cf7 .wpcf7 input:focus {
    border-color: rgba(245, 243, 243, 0.6);
}

#websites-cf7 .wpcf7 .wpcf7-acceptance {
    display: block;
    margin-bottom: 16px;
}

#websites-cf7 .wpcf7 .wpcf7-acceptance label {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 0;
    font-size: 12px;
    font-weight: 500;
    color: #ffffff;
}

#websites-cf7 .wpcf7 .wpcf7-acceptance input[type="checkbox"] {
    width: 16px;
    height: 16px;
    margin: 0;
    accent-color: #F20A40;
    cursor: pointer;
}

#websites-cf7 .wpcf7 .wpcf7-acceptance .wpcf7-list-item {
    margin: 0;
}

#websites-cf7 .wpcf7 input[type="submit"] {
    width: 100%;
    border: none;
    border-radius: 200px;
    background: #F20A40;
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.56px;
    cursor: pointer;
    padding: 12px 24px;
    transition: background 0.2s ease, transform 0.2s ease;
}

#websites-cf7 .wpcf7 input[type="submit"]:hover {
    background: #e0003d;
    transform: translateY(-1px);
}

#websites-cf7 .wpcf7-not-valid-tip {
    margin-top: 6px;
    font-size: 12px;
    color: #ff6b6b;
}

#websites-cf7 .wpcf7-response-output {
    margin: 20px 0 0;
    padding: 12px 16px;
    font-size: 12px;
    border-radius: 12px;
}

#websites-cf7 .wpcf7 .required {
    color: #f70746;
}

#websites-cf7 .wpcf7-spinner {
    display: none;
}

#www-websites-cards .e-n-tabs-content > .elementor-element {
    align-self: flex-start;
}

#websites-slider-logos .swiper,
#reviews-website .swiper,
#case-study-websites .swiper {
    overflow: visible;
}

#reviews-website .swiper-slide-duplicate-active {
    opacity: 0.6;
}

/*#websites-slider-logos .logo-slider .swiper-slide-active,*/
#websites-slider-logos .logo-slider .swiper-slide-prev,
#reviews-website .swiper-slide-prev,
#case-study-websites .swiper-slide-prev {
    opacity: 0.6;
    transition: all linear 0.7s;
}

#reviews-website .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: white;
}

.red-underline-link a {
    color: #F20A40 !important;
    text-decoration: underline !important;
}

.www-tabs-scroll-pin {
    position: relative !important;
    width: 100%;
}

#www-websites-cards {
    width: 100%;
    z-index: 30;
}

#www-websites-cards.www-is-fixed {
    position: fixed !important;
    top: var(--www-pin-top, 0px) !important;
    left: var(--www-pin-left, 0px) !important;
    width: var(--www-pin-width, 100%) !important;
}

#www-websites-cards.www-is-after {
    position: absolute !important;
    top: auto !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
}

#www-websites-cards .e-n-tabs {
    min-height: calc(100vh - var(--www-pin-top, 0px));
}

#www-websites-cards.www-is-fixed .long-content-card {
    max-height: calc(100vh - 40px);
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

#www-websites-cards .e-n-tab-title {
    padding-block-start: 15px;
    padding-block-end: 15px;
}
@media (max-height: 720px) {
    #www-websites-cards .e-n-tab-title {
        padding-block-start: 5px;
        padding-block-end: 5px;
    }
}

.traffic-animation {
  position: relative;
  width: min(var(--stage-width), calc(100vw - 32px));
  aspect-ratio: 676 / 659;
  overflow: visible;
  isolation: isolate;
}

.traffic-animation__background,
.traffic-animation__layer {
  position: absolute;
  display: block;
  user-select: none;
  pointer-events: none;
}

.traffic-animation__background {
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  z-index: 1;
}

.traffic-animation__layer {
  left: 50%;
  opacity: 0;
  transform: translate(-50%, 12px) scale(.985);
  filter: blur(4px);
  z-index: 2;
  will-change: opacity, transform, filter;
  animation-duration: var(--cycle-duration);
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

/* Wycentrowane względem całej sceny */
.traffic-animation__layer--icons-top {
  top: 17.45%;
  width: 76.04%;
  animation-name: layer-1-loop;
}

.traffic-animation__layer--site {
  top: 39%;
  width: 22.19%;
  animation-name: layer-2-loop;
}

.traffic-animation__layer--conversion {
  top: 68.74%;
  width: 54.44%;
  animation-name: layer-3-loop;
}

#masthead.evo-header {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    max-width: none;
    background: transparent;
    color: #FAF8F8;
    padding-block-end: 0;
    padding-block-start: 0;
}

#masthead.evo-header.bright-header {
    color: #272424;
}

.evo-header__inner {
    max-width: min(100%, 1280px) !important;
    width: 100% !important;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
}

.evo-header__brand {
    height: auto;
    min-width: 132px;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 1002;
}

.evo-header__brand .custom-logo-link,
.evo-header__brand .custom-logo-link img,
.evo-header__site-name {
    display: block;
}

.evo-header__brand .custom-logo {
    max-width: 160px;
    height: auto;
}

.evo-header__site-name {
    color: inherit;
    font-size: 20px;
    font-weight: 700;
    text-decoration: none;
}

.evo-header__nav {
    flex: 1 1 auto;
    display: flex;
    justify-content: center;
    min-width: 0;
}

.evo-header__menu,
.evo-header__mobile-menu,
.evo-header__lang ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.evo-header__menu {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: clamp(18px, 2vw, 34px);
}

.evo-header__menu > .menu-item {
    position: relative;
    margin: 0;
    padding: 24px 0;
}

.evo-header__menu a,
.evo-header__menu span {
    color: inherit;
    text-decoration: none;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
}

.evo-header__menu > .current-menu-item > a,
.evo-header__menu > .current-menu-ancestor > a,
.evo-header__menu > .is-open > a,
.evo-header__menu > .menu-item:hover > a {
    color: #F20A40;
}

.evo-header__menu > .menu-item-has-children > a::after {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-left: 8px;
    border-right: 1px solid currentColor;
    border-bottom: 1px solid currentColor;
    transform: translateY(-3px) rotate(45deg);
    transition: transform .18s ease;
}

.evo-header__menu > .menu-item-has-children.is-open > a::after,
.evo-header__menu > .menu-item-has-children:hover > a::after {
    transform: translateY(1px) rotate(225deg);
}

.evo-header__mobile-menu > .menu-item > .sub-menu {
    display: none !important;
}

.evo-header__mobile.is-submenu-view .evo-header__mobile-menu > .menu-item.is-open > .sub-menu {
    display: flex !important;
    flex-direction: column;
}

.evo-header__mobile.is-submenu-view .evo-header__mobile-menu > .menu-item:not(.is-open) {
    display: none !important;
}

.evo-header__lang--mobile {
    position: relative;
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    border: 1px solid rgba(255, 255, 255, .85);
    border-radius: 50%;
    background: transparent;
    overflow: visible;
}

.evo-header__lang--mobile::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background-color: #ffffff;
    pointer-events: none;

    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='9' stroke='black' stroke-width='1.8'/%3E%3Cpath d='M3 12h18' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3Cpath d='M12 3c2.2 2.4 3.3 5.4 3.3 9S14.2 18.6 12 21c-2.2-2.4-3.3-5.4-3.3-9S9.8 5.4 12 3Z' stroke='black' stroke-width='1.8'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='9' stroke='black' stroke-width='1.8'/%3E%3Cpath d='M3 12h18' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3Cpath d='M12 3c2.2 2.4 3.3 5.4 3.3 9S14.2 18.6 12 21c-2.2-2.4-3.3-5.4-3.3-9S9.8 5.4 12 3Z' stroke='black' stroke-width='1.8'/%3E%3C/svg%3E");

    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 20px 20px;
    mask-size: 20px 20px;
}

.evo-header__lang--mobile select.pll-switcher-select {
    position: absolute;
    inset: 0;
    z-index: 2;
    width: 48px;
    height: 48px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 50%;
    opacity: 0;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    background: transparent;
}

.evo-header__menu .sub-menu {
    position: absolute;
    top: 100%;
    right: -40px;
    width: max-content;
    min-width: 140px;
    margin: 0;
    padding: 24px !important;
    display: flex;
    flex-direction: column;
    gap: 20px;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    /* transform: translate(-50%, 12px); */
    transition: opacity .16s ease, transform .16s ease, visibility 0s linear .16s;
    background: #FFFFFF;
    color: #272424;
    box-shadow: 0 8px 16px 0 rgba(45, 45, 45, 0.08);
    list-style: none;
    z-index: 10;
}

/*.evo-header__menu > .menu-item-has-children.is-open > .sub-menu,*/
/*.evo-header__menu > .menu-item-has-children:focus-within > .sub-menu,*/
.evo-header__menu > .menu-item-has-children:hover > .sub-menu {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
}

.evo-header__menu .sub-menu .menu-item {
    margin: 0;
    background: #FFFFFF;
    position: relative;
}

.evo-header__menu .sub-menu .menu-item:not(:last-of-type) {
    border-bottom: 1px solid #DAD2D2;
}

.evo-header__menu .sub-menu a {
    padding: 0 32px 5px 0;
    color: #272424;
    font-size: 18px;
    font-weight: 400;
    display: flex;
    align-items: center;
    gap: 14px;
}

.evo-header__menu .sub-menu a:hover,
.evo-header__menu .sub-menu a:focus-visible {
    color: #F20A40;
}

.evo-submenu-toggle {
    display: none;
}

.evo-header__actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 18px;
    position: relative;
    z-index: 1003;
}

.evo-header__lang ul {
    display: flex;
    align-items: center;
    gap: 10px;
}

.evo-header__lang li {
    list-style: none;
}

.evo-header__lang a,
.evo-header__lang span {
    color: inherit;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
}

.evo-header__lang .current-lang a,
.evo-header__lang .current-lang span {
    color: #F20A40;
}

.evo-header__cta {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 16px;
    border: 1px solid #F20A40;
    background: #F20A40;
    border-radius: 200px;
    font-size: 13px;
    line-height: 1;
    font-weight: 700;
    text-decoration: none;
    letter-spacing: 0;
    color: white !important;
}

.evo-header__cta:hover,
.evo-header__cta:focus-visible {
    background: #CA002F;
    border-color: #CA002F;
    color: #FFFFFF;
}

.evo-header .evo-header__actions .evo-header__toggle {
    display: none;
    width: 48px;
    height: 48px;
    align-items: center;
    justify-content: right;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    cursor: pointer;
}

.evo-header .evo-header__actions .evo-header__toggle-line,
.evo-header .evo-header__actions .evo-header__toggle-line::before,
.evo-header .evo-header__actions .evo-header__toggle-line::after {
    width: 30px;
    height: 2px;
    display: block;
    background: currentColor;
    transition: transform .18s ease, opacity .18s ease;
}

.evo-header .evo-header__actions .evo-header__toggle-line {
    position: relative;
}

.evo-header .evo-header__actions .evo-header__toggle-line::before,
.evo-header .evo-header__actions .evo-header__toggle-line::after {
    content: "";
    position: absolute;
    left: 0;
}

.evo-header .evo-header__actions .evo-header__toggle-line::before {
    top: -9px;
}

.evo-header .evo-header__actions .evo-header__toggle-line::after {
    top: 9px;
}

.dark-header.evo-header .evo-header__toggle-line:before,
.dark-header.evo-header .evo-header__toggle-line:after,
.dark-header.evo-header .evo-header__toggle-line {
    background: #272424 !important;
}

.evo-header.is-mobile-open .evo-header__toggle-line {
    transform: rotate(45deg);
    background: white !important;
}

.evo-header.is-mobile-open .evo-header__toggle-line::before {
    opacity: 0;
}

.evo-header.is-mobile-open .evo-header__toggle-line::after {
    top: 0;
    transform: rotate(-90deg);
    background: white !important;
}

.evo-header__mobile {
    display: none;
}

.evo-header a:focus-visible,
.evo-header button:focus-visible,
.evo-header select:focus-visible {
    outline: 2px solid #F20A40;
    outline-offset: 4px;
}

html.evo-nav-open,
body.evo-nav-open {
    overflow: hidden;
}

.quote-style h3 {
    font-size: 22px !important;
}

.steps-arrow-before:before {
    content: '';
    position: absolute;
    background: url('/wp-content/uploads/2026/06/next-1-1.svg');
    width: 18px;
    height: 18px;
    top: -20px;
    left: 0;
    right: 0;
    margin: auto;
    transform: rotate(90deg);
}

@media (max-width: 1180px) {
    .evo-header__inner {
        width: min(100vw - 90px, 1180px);
        gap: 18px;
    }

    .evo-header__menu {
        gap: 18px;
    }

    .evo-header__menu a,
    .evo-header__menu span {
        font-size: 14px;
    }
}

@media (max-width: 1023px) {
    #masthead.evo-header,
    #masthead.evo-header.bright-header {
        position: absolute;
        color: #FAF8F8;
    }

    .evo-header__inner {
        min-height: 76px;
        max-width: min(100%, 85%) !important;
    }

    .evo-header__brand .custom-logo {
        max-width: 142px;
    }

    .evo-header__nav,
    .evo-header__lang--desktop,
    .evo-header__cta--desktop {
        display: none;
    }

    .evo-header__toggle {
        display: inline-flex !important;
    }

    .evo-header__mobile {
        position: fixed;
        inset: 0;
        z-index: 1001;
        height: 100dvh;
        display: flex;
        flex-direction: column;
        padding: 96px 24px calc(24px + env(safe-area-inset-bottom));
        background-color: #272424;
        color: #FAF8F8;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }

    .evo-header__mobile[hidden] {
        display: none;
    }

    .evo-header__mobile-nav {
        flex: 1 1 auto;
    }

    .evo-header__mobile-menu {
        display: flex;
        flex-direction: column;
        gap: 0;
    }

    .evo-header__mobile-menu .menu-item {
        list-style: none;
    }

    .evo-header__mobile-menu > .menu-item {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .evo-header__mobile-menu > .menu-item:after {
        content: url(/wp-content/uploads/2026/05/Vector-3.svg);
        margin-right: 10px;
    }

    .evo-header__mobile-menu > .menu-item.is-open {
        flex-wrap: wrap;
    }

    .evo-header__mobile-menu > .menu-item.is-open:after {
        display: none;
    }

    .evo-header__mobile-menu > .menu-item.is-open:before {
        content: url(/wp-content/uploads/2026/05/Frame-6483.svg);
        margin-top: 6px;
    }

    .evo-header__mobile-menu > .menu-item.is-open > a,
    .evo-header__mobile-menu > .menu-item.is-open .sub-menu{
        width: 90%;
    }

    .evo-header__mobile-menu > .menu-item.is-open .sub-menu img {
        filter: brightness(0) invert(1);
    }

    .evo-header__mobile-menu > .menu-item.is-open .sub-menu a {
        gap: 15px;
        font-size: 20px;
        font-weight: 400;
    }

    .evo-header__mobile-menu > .menu-item.is-open .sub-menu {
        border-top: 1px solid #554D4D;
        gap: 22px;
        width: 100%
    }

    .evo-header__mobile-menu > .menu-item.is-open .sub-menu > li:first-of-type {
        padding-top: 20px;
    }

    .evo-header__mobile-menu a,
    .evo-header__mobile-menu span {
        display: flex;
        align-items: center;
        min-height: 58px;
        font-size: 24px;
        font-weight: 400;
        line-height: 140%;
        letter-spacing: -0.48px;
        text-decoration: none;
    }

    .evo-header__mobile-menu .pll-parent-menu-item {
        display: none;
    }

    .evo-header__mobile-menu .current-menu-item > a,
    .evo-header__mobile-menu .current-menu-ancestor > a {
        color: #F20A40;
    }

    .evo-header__mobile-menu .sub-menu {
        grid-column: 1 / -1;
        display: none;
        margin: 0;
        padding: 0 0 14px 14px;
        list-style: none;
    }

    .evo-header__mobile-menu .is-open > .sub-menu {
        display: block;
    }

    .evo-header__mobile-menu .sub-menu .menu-item {
        border: 0;
    }

    .evo-header__mobile-menu .sub-menu a {
        min-height: 42px;
        font-size: 16px;
        font-weight: 600;
        color: #DAD2D2;
    }

    .evo-header__mobile-menu .sub-menu a:hover,
    .evo-header__mobile-menu .sub-menu a:focus-visible {
        color: #FFFFFF;
    }

    .evo-submenu-toggle {
        width: 48px;
        height: 48px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border: 0;
        background: transparent;
        color: inherit;
        cursor: pointer;
    }

    .evo-submenu-toggle::before {
        content: "";
        width: 11px;
        height: 11px;
        border-right: 2px solid currentColor;
        border-bottom: 2px solid currentColor;
        transform: translateY(-3px) rotate(45deg);
        transition: transform .18s ease;
    }

    .is-open > .evo-submenu-toggle::before {
        transform: translateY(3px) rotate(225deg);
    }

    .evo-header__mobile-footer {
        position: sticky;
        bottom: calc(-24px - env(safe-area-inset-bottom));
        margin: 24px -24px calc(-24px - env(safe-area-inset-bottom));
        padding: 18px 24px calc(24px + env(safe-area-inset-bottom));
        display: flex;
        gap: 18px;
    }

    .evo-header__lang--mobile {
        order: 2;
    }

    .evo-header__lang--mobile ul {
        justify-content: flex-start;
        gap: 16px;
    }

    .evo-header__cta--mobile {
        width: 100%;
        order: 1;
    }

    .evo-header__mobile.is-submenu-view .evo-header__mobile-menu > .menu-item.is-open {
        animation: evoSubmenuOpen 0.25s ease-out both;
    }

    .evo-header__mobile.is-submenu-view .evo-header__mobile-menu > .menu-item.is-open > .sub-menu {
        display: flex !important;
        flex-direction: column;
        animation: evoSubmenuOpen 0.25s ease-out both;
    }
}

#masthead.evo-header.bright-header .custom-logo-link img.custom-logo,
#masthead.evo-header.is-mobile-open .custom-logo-link img.custom-logo {
    opacity: 1;
    position: static;
}

#masthead.evo-header.bright-header .custom-logo-link::after,
#masthead.evo-header.is-mobile-open .custom-logo-link::after {
    content: none;
    display: none;
}

#masthead.evo-header.is-mobile-open * {
    color: white;
}

#masthead.evo-header img.menu-ico.webpexpress-processed {
    width: 20px;
    height: 20px;
    object-fit: contain;
    margin-bottom: -3px;
}

/*Koniec nowego headera*/

@keyframes layer-1-loop {
  0%, 4% {
    opacity: 0;
    transform: translate(-50%, 12px) scale(.985);
    filter: blur(4px);
  }
  12%, 78% {
    opacity: 1;
    transform: translate(-50%, 0) scale(1);
    filter: blur(0);
  }
  90%, 100% {
    opacity: 0;
    transform: translate(-50%, 0) scale(1);
    filter: blur(0);
  }
}

@keyframes layer-2-loop {
  0%, 16% {
    opacity: 0;
    transform: translate(-50%, 12px) scale(.985);
    filter: blur(4px);
  }
  28%, 78% {
    opacity: 1;
    transform: translate(-50%, 0) scale(1);
    filter: blur(0);
  }
  90%, 100% {
    opacity: 0;
    transform: translate(-50%, 0) scale(1);
    filter: blur(0);
  }
}

@keyframes evoSubmenuOpen {
    from {
        opacity: 0;
        transform: translateX(20px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes layer-3-loop {
  0%, 32% {
    opacity: 0;
    transform: translate(-50%, 12px) scale(.985);
    filter: blur(4px);
  }
  44%, 78% {
    opacity: 1;
    transform: translate(-50%, 0) scale(1);
    filter: blur(0);
  }
  90%, 100% {
    opacity: 0;
    transform: translate(-50%, 0) scale(1);
    filter: blur(0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .traffic-animation__layer {
    opacity: 1;
    transform: translateX(-50%);
    filter: none;
    animation: none;
  }
}

@media (min-width: 768px) {
    .elementor-popup-modal .dialog-widget-content.dialog-lightbox-widget-content {
        min-width: 680px;
    }

    .elementor-popup-modal .dialog-message {
        width: 680px !important;
    }
    /* .elementor>.e-con.e-con-boxed>.e-con-inner {
        max-width: min(66.66vw, 1280px);
    } */

    .package-seo-table:not(.package-seo-table-black) tbody>tr:nth-of-type(6) td {
        line-height: 72px;
    }

    .package-seo .package-seo-text {
        min-height: 514px;
    }

    .dark-header .main-navigation li.menu-item-has-children>a::after {
        content: url('/wp-content/uploads/2023/07/chevron-down-1.svg');
    }

    .bright-header .main-navigation li.menu-item-has-children>a::after {
        content: url('/wp-content/uploads/2026/01/chevron-down.webp');
    }

    .bright-header #primary-menu-en>li.menu-item>a,
    .bright-header #primary-menu>li.menu-item>a {
        color: #272424;
    }

    nav.header-lang-switcher select {
        color: white
    }

    .bright-header nav.header-lang-switcher select {
        color: #272424;
    }

    #masthead .row {
        align-items: center;
        gap: 16px;
    }

    #primary-menu-en li.menu-item,
    #primary-menu li.menu-item {
        /* margin: 0 16px; */
        list-style-type: none;
    }

    ul#primary-menu-en>li,
    ul#primary-menu>li {
        font-size: 16px;
    }

    .sub-menu li {
        font-size: 18px;
    }

    #masthead #side-bar {
        width: 65%;
        justify-content: space-between;
    }

    /*#side-bar ul#primary-menu > li:nth-of-type(5) {
        display: none;
    }*/

    .dark-header ul#primary-menu-en>.menu-item:hover,
    .dark-header ul#primary-menu>.menu-item:hover {
        border-bottom: 1px solid #FAF8F8;
    }

    .bright-header ul#primary-menu-en>.menu-item:hover,
    .bright-header ul#primary-menu>.menu-item:hover {
        border-bottom: 1px solid #554D4D;
    }

    .main-navigation li.menu-item-has-children>a::after {
        margin-left: 8px;
        display: inline-block;
        transition: all 0.4s ease-in-out;
        transform: rotate(0deg);
        transform-origin: center center;
    }

    .bright-header .main-navigation li.menu-item-has-children:hover::after {
        background-color: #554D4D;
    }

    .dark-header .main-navigation li.menu-item-has-children:hover::after {
        background-color: #FAF8F8;
    }

    .main-navigation li.menu-item-has-children:after {
        content: "";
        width: 100%;
        height: 1px;
        display: block;
    }

    .main-navigation li.menu-item-has-children:hover>a::after {
        transition: all 0.4s ease-in-out;
        transform: rotate(180deg);
        cursor: pointer;
    }

    .main-navigation {
        position: relative;
    }

    .main-navigation li.menu-item-has-children {
        position: relative;
        margin-bottom: -25px !important;
        padding-bottom: 25px;
    }

    .main-navigation .sub-menu {
        /* display: none; */
        position: absolute;
        left: 0;
        top: 50px;
        min-width: 280px;
        color: #272424;
        background-color: #FFFFFF;
        padding: 24px 0 32px 0;
        box-shadow: 0 8px 16px 0 rgba(45, 45, 45, 0.0064);
        z-index: 999;
    }

    .menu-item:not(.pll-parent-menu-item) .sub-menu li.menu-item:after {
        content: url(/wp-content/uploads/2026/05/arrow.svg);
        position: absolute;
        right: 0;
        top: 0;
        scale: 1;
    }

    .sub-menu li.menu-item:not(:last-of-type) {
        border-bottom: 1px solid #DAD2D2;
    }

    .main-navigation .sub-menu li {
        position: relative;
        padding: 5px 0;
    }

    .main-navigation .sub-menu li:hover>.sub-menu {
        left: 100%;
        top: 0;
    }

    @media (min-width: 768px) {
        .main-navigation .menu>li {
            position: relative;
        }

        .main-navigation .menu>li>.sub-menu {
            display: none;
            position: absolute;
            left: 0;
            top: calc(100% + 8px);
            min-width: 280px;
            background: #fff;
            color: #272424;
            padding: 24px 0 32px;
            box-shadow: 0 8px 16px rgba(45, 45, 45, 0.06);
            z-index: 999;
            list-style: none;
            margin: 0;
        }

        .main-navigation .menu>li:hover>.sub-menu,
        .main-navigation .menu>li:focus-within>.sub-menu {
            display: block;
        }
    }

    @media (max-width: 767px) {
        .main-navigation .menu>li>.sub-menu {
            position: static;
            top: auto;
            min-width: 0;
            box-shadow: none;
            padding: 0;
        }
    }

    div#o-nas-reviews-companies-swiper:before {
        content: "";
        height: 87px;
        width: 100%;
        display: block;
        background: linear-gradient(360deg, rgba(250, 248, 248, 0) 0%, rgba(250, 248, 248, 0.9) 100%);
        position: absolute;
        top: 0;
        right: 0;
        z-index: 2;
    }

    div#o-nas-reviews-companies-swiper:after {
        content: "";
        height: 87px;
        width: 100%;
        display: block;
        background: linear-gradient(360deg, rgba(250, 248, 248, 0.9) 0%, rgba(250, 248, 248, 0) 100%);
        position: absolute;
        bottom: 0;
        right: 0;
        z-index: 2;
    }

    .o-nas-bg-image {
        background-image: url('/wp-content/uploads/2023/07/o-nas-1.png');
        background-position: top center;
        background-repeat: no-repeat;
        background-size: contain;
    }

    .company-logos {
        position: relative;
    }

    .company-logos:before {
        content: "";
        width: 200px;
        background: linear-gradient(270deg, rgba(39, 36, 36, 0.00) 0%, #272424 91.67%);
        height: 100px;
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 9;
        pointer-events: none;
    }

    .company-logos:after {
        content: "";
        width: 200px;
        background: linear-gradient(270deg, #272424 5.73%, rgba(39, 36, 36, 0.00) 100%);
        height: 100px;
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 9;
        pointer-events: none;
    }

}

@media (max-width: 1366px) {
    .elementor-896 .elementor-element.elementor-element-e38a4ce {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

@media (min-width: 1025px) {
    .steps-arrow-before:before {
        top: 30px;
        left: -9px;
        margin: initial;
        transform: initial;
    }
    .bright-header .pll-parent-menu-item > a:before {
        content: url(/wp-content/uploads/2026/05/Vector-2.svg);
        display: block;
        height: 16px;
    }

    .pll-parent-menu-item > a:before {
        content: url(/wp-content/uploads/2026/05/Vector.svg);
        display: block;
        height: 16px;
    }

    .pll-parent-menu-item:hover > a:before {
        content: url(/wp-content/uploads/2026/05/Vector-1.svg)
    }

    .pll-parent-menu-item > a > span,
    .pll-parent-menu-item > a > img,
    .pll-parent-menu-item > a:after {
        display: none !important;
    }

    .evo-header__menu .pll-parent-menu-item .sub-menu a {
        padding: 0 0 5px 0
    }

    #www-websites-cards .e-n-tabs-heading .e-n-tab-title {
        pointer-events: none !important;
        cursor: default !important;
    }

    .elementor>.elementor-element:first-of-type {
        padding-top: 70px;
    }

    .swiper .swiper-slide>.elementor-element:first-of-type {
        padding-top: 0;
    }

    .not-scrolled-video {
        margin: -120px 0;
        scale: 0.8;
    }

    #video-wrapper {
        min-height: 100vh;
    }

    #hp-video {
        transition: all 0.4s ease-in-out;
        z-index: 5;
    }

    div#hp-video.scrolled-video .elementor-wrapper {
        height: 100vh !important;
        width: 100vw;
    }

    #hp-video.scrolled-video {
        position: fixed;
        top: 0;
        left: 0;
    }

    .swiper-repeated-section .swiper .elementor-swiper-button {
        display: block !important;
        top: -35% !important;
    }

    #google-ads-cooperation-image {
        top: -300px;
        right: -60px;
        width: 375px;
        height: 375px;
    }

    .o-nas-image-ClothStack {
        width: 600px;
        height: 600px;
        position: absolute !important;
        top: -80px;
        right: 30px;
    }

    .hp-image-ClothStack {
        width: 490px !important;
        height: 490px !important;
        top: 30px !important;
        right: -60px !important;
    }

    .swiper-repeated-section .swiper .elementor-swiper-button.elementor-swiper-button-prev {
        right: 60px !important;
        left: initial !important;
    }

    #seo-insider-image {
        right: initial;
        top: -240px;
        left: -60px;
        width: 320px;
        height: 320px;
    }

    #masthead #side-bar {
        width: 70%;
    }

    /*Zatrudniamy*/
    /*#masthead .site-branding:after {*/
    /*    content: "";*/
    /*    background-image: url('/wp-content/uploads/2023/08/Hiring-1.png');*/
    /*    display: block;*/
    /*    width: 128px;*/
    /*    height: 40px;*/
    /*    position: absolute;*/
    /*    top: 11px;*/
    /*    right: -125px;*/
    /*}*/

    .evoblog-section .element .element__image img,
    .basic-blog-view .element .element__image img,
    .evoblog-section .element .element__image:before,
    .realization-section .swiper-slide .element__image img,
    .realization-section .element .element__image img {
        transition: 0.4s;
    }

    .basic-blog-view .element:hover .element__image img,
    .evoblog-section .post:hover,
    .evoblog-section .element:hover .element__image img,
    .evoblog-section .element:hover .element__image:before,
    .realization-section .swiper-slide:hover .element__image img,
    .realization-section .element:hover .element__image img {
        border-radius: 20px;
        transition: 0.4s;
        overflow: hidden;
    }

    .realization-section .swiper-slide:hover .element__content a,
    .realization-section .element:hover .element__content a {
        color: #F20A40;
    }

    .realization-section .swiper-slide:hover .element__content a,
    .realization-section .swiper-slide:hover .element__image img {
        transition: 0.3s;
    }

    #hp-realization-swiper .swiper-button-realization {
        display: block;
    }

    .realization-section .swiper-slide-active .element__content:after {
        content: "";
        background-image: url('/wp-content/uploads/2023/07/arrow-hover-1.svg');
        width: 50px;
        height: 50px;
        display: block;
        position: absolute;
        right: 0;
        top: 34px;
    }

    .evoblog-section ul {
        list-style-type: none;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(3, 1fr);
    }

    .evoblog-section li:first-of-type {
        grid-area: 1 / 1 / 4 / 2;
    }

    .evoblog-section li:nth-of-type(2) {
        grid-area: 1 / 2 / 2 / 3;
    }

    .evoblog-section li:nth-of-type(3) {
        grid-area: 2 / 2 / 3 / 3;
    }

    .evoblog-section li:nth-of-type(4) {
        grid-area: 3 / 2 / 4 / 3;
    }


    .evoblog-section .elements .element:not(:first-of-type) {
        margin-left: 20px;
    }

    .evoblog-section .elements .element:not(:first-of-type):not(:last-of-type) {
        border-bottom: 1px solid #DAD2D2;
    }

    .evoblog-section .elements .element:nth-of-type(3) {
        padding: 13px 0;
    }

    .evoblog-section .elements .element:nth-of-type(2) {
        padding-bottom: 13px;
    }

    .evoblog-section .elements .element:nth-of-type(4) {
        padding-top: 13px;
    }

    .evoblog-section .element:first-of-type .element__content {
        padding: 16px;
    }

    .evoblog-section .element:first-of-type .element__image {
        position: absolute;
        overflow: hidden;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: -1;
    }

    .evoblog-section .element:first-of-type .element__image img {
        min-width: 100%;
        min-height: 100%;
    }

    .evoblog-section .element:first-of-type .element__image:before {
        content: '';
        width: 100%;
        height: 100%;
        display: block;
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: 1;
        background: linear-gradient(180deg, rgba(45, 45, 45, 0.00) 51.32%, rgba(45, 45, 45, 0.68) 71.96%, rgba(45, 45, 45, 0.80) 100%);
    }

    .evoblog-section .element:not(:first-of-type) .element__image {
        width: 130px;
        height: 100px;
        object-fit: cover;
    }

    .evoblog-section .element:not(:first-of-type) .element__image img {
        min-width: 130px;
        height: 100%;
    }

    .evoblog-section .elements .element:first-of-type {
        justify-content: flex-start;
        align-items: flex-end;
        margin-right: 20px;
    }

    .evoblog-section .elements .element:first-of-type .element__content h6 {
        z-index: 2;
    }

    .evoblog-section .elements .element:first-of-type .element__content a {
        color: #FAF8F8;
        font-size: 32px;
        font-weight: 500;
        line-height: 42px;
    }

    .evoblog-section .elements .element:first-of-type .element__content .element__author {
        color: #FAF8F8;
        z-index: 2;
    }

    .evoblog-section .element .element__content .element__author {
        font-size: 12px;
        font-weight: 500;
    }

    .realization-section #hp-realization-swiper .realization-list .element {
        padding-right: 70px !important;
    }

    .realization-section .swiper-slide-active {
        width: 45% !important;
    }
}

@media (min-width: 1280px) {

    #seo-insider-image {
        left: -120px;
    }
}

@media (min-width: 1025px) and (max-width:1366px) {

    .send-cv-img {
        top: -170px;
        left: -110px;
    }

}

@media (max-width:1366px) {

    /*bg mobile change*/

    .marketing-bg-image {
        background-image: url(/wp-content/uploads/2023/08/marketing-mobile.png);
        background-size: cover;
    }

    .kontakt-bg-image,
    .web-design-bg-image {
        background-image: url("/wp-content/uploads/2023/08/mobile-web-kontakt.png");
        background-size: cover;
        background-position: top center;
    }

    .seo-bg-image,
    .blog-bg-image {
        background-image: url("/wp-content/uploads/2023/08/mobile-blog.png");
        background-size: cover;
        background-position: top center;
    }

    .case-study-bg-image,
    .work-with-us-bg-image {
        background-image: url("/wp-content/uploads/2023/08/mobile-cs.png");
        background-size: cover;
        background-position: top center;
    }

    .work-offer-bg-image {
        background-image: url("/wp-content/uploads/2023/08/mobile-work-offer.png");
        background-size: cover;
        background-position: top center;
    }

    .uslugi-it-bg-image {
        background-image: url("/wp-content/uploads/2023/08/mobile-uslugi-it.png");
        background-size: cover;
        background-position: top center;
    }

    #footer-container .newsletter-container {
        width: 40%;
    }

    #hp-mobile-gallery {
        width: 100vw;
    }

    /*    #hp-mobile-gallery img.swiper-slide-image {
        max-height: 280px;
        aspect-ratio: 0.9;
    }

    #hp-mobile-gallery figure.swiper-slide-inner {
        width: 260px !important;
    }*/

    #hp-mobile-gallery figure.swiper-slide-inner {
        width: fit-content !important;
        height: 288px !important;
        padding: 0 16px;
    }

    #hp-mobile-gallery .swiper-slide {
        width: auto !important;
    }

    #hp-mobile-gallery figure.swiper-slide-inner img.swiper-slide-image {
        height: 100% !important;
        width: 100% !important;
    }

    #footer-container .container-top {
        padding: 80px 20px;
    }

    #footer-container .newsletter-and-menu-footer {
        padding: 60px 20px 80px 20px;
    }

    #footer-container .container-bottom {
        padding: 20px 20px 10px 20px;
    }

    header#masthead {
        padding: 0 20px;
    }
}


@media (max-width: 1024px) {

    div#hp-video.scrolled-video {
        transition: none;
        transform: scale(1) !important;
    }

    .elementor-slides-wrapper {
        width: 100%;
    }

    #google-ads-cooperation-image {
        top: -260px;
        right: 0;
        width: 300px;
        height: 300px;
    }

    .archive-menu .menu-item a {
        padding: 12px 16px !important;
    }

    .swiper-repeated-section .elementor-swiper-button {
        top: initial !important;
        bottom: -110px;
        display: block;
    }

    .swiper-repeated-section .elementor-swiper-button-next {
        right: calc(50% - 45px) !important;
    }

    .swiper-repeated-section .elementor-swiper-button-prev {
        left: calc(50% - 45px) !important;
    }

    .contact-form-cv p:nth-of-type(4) {
        order: -1;
    }

    .elementor>.elementor-element:first-of-type {
        padding-top: 30px;
    }

    #seo-balance-image {
        width: 235px;
        height: 235px;
        top: -180px;
        right: -20px;
    }

    div#footer-container {
        background-image: url(/wp-content/uploads/2026/01/Offer_section-1.webp);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    div#footer-container .container-top {
        background-image: url(/wp-content/uploads/2023/08/Boldness-1-1.png);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
    }

    .newsletter-and-menu-footer .newsletter-container {
        width: 45%;
    }

    .newsletter-and-menu-footer .menu-footer {
        width: 50%;
    }

    #masthead #side-bar {
        width: 75%;
    }

    .newsletter-container .wpcf7-email {
        padding: 14px !important;
    }

    .send-cv-img {
        top: -160px;
        left: -250px;
    }

    .hp-image-ClothStack {
        width: 280px;
        height: 280px;
        top: 30px;
        right: -40px;
        z-index: 1;
        /*        scale: 0.65;*/
    }

    div#o-nas-reviews-companies-swiper {
        height: 570px;
    }

    .o-nas-image-ClothStack {
        position: absolute !important;
        width: 220px;
        height: 220px;
        top: -110px;
        right: -50px;
    }

    .o-nas-animated-image-Semicircle {
        top: -50px;
        left: initial;
        right: -30%;
        scale: 0.8;
    }

    .hp-animated-image-Semicircle {
        top: -180px;
        left: initial;
        right: -60px;
        animation: none;
    }

    .o-nas-logos-bg {
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%), url(/wp-content/uploads/2023/08/Frame-6426-1.jpg), lightgray -56.255px 0px / 203.046% 100% no-repeat;
    }

    .realization-noswiper .element {
        width: 29%;
    }

    .job-offers-archive .job-offers-list {
        flex-wrap: wrap;
    }

    .job-offers-archive .job-offers-list li {
        width: 100%;
        align-items: flex-end;
        flex-wrap: wrap;
    }

    .job-offers-archive .job-offers-list .element__content {
        width: 85%;
        margin-bottom: 16px;
    }

    .job-offers-archive .job-offers-list .element__content h5 {
        margin: 0 0 8px 0 !important;
        color: #272424;
    }

    .job-offers-archive .job-offers-list .element__link {
        margin-left: auto !important;
    }

    .archive-menu .elementor-nav-menu {
        overflow: hidden;
        overflow-x: auto;
        flex-wrap: nowrap !important;
        justify-content: flex-start !important;
    }

    .web-design-image-ClothStack {
        top: -210px;
        right: -130px;
        scale: 0.8;
    }

    .web-design-balance-image {
        width: 180px;
        height: 180px;
        top: 60px;
        left: initial;
        right: -10px;
    }

    #reklama-google-ads-balance-image {
        width: 180px;
        height: 180px;
        top: -60px;
        left: 145px;
    }

    .marketing-fullwidth-img {
        aspect-ratio: 0.89;
    }

    .marketing-stars-img {
        top: 30px;
        left: initial;
        right: -80px;
        scale: 0.6;
    }

    .evoblog-section .elements .element {
        flex-direction: row-reverse;
        justify-content: space-between;
        align-items: flex-start;
        padding: 12px 0;
    }

    .evoblog-section .elements .element:not(:last-of-type) {
        border-bottom: 1px solid #DAD2D2;
    }

    .evoblog-section .elements .element .element__image {
        min-width: 20% !important;
        max-height: 100%;
        flex-basis: 20%;
    }

    .evoblog-section .elements .element .element__image img {
        aspect-ratio: 1.33;
        max-height: 60px;
    }

    .evoblog-section .elements .element a.element__title {
        color: #272424;
    }

    #hp-animated-image-CircleStar {
        top: -150px;
        left: initial;
        right: 180px;
        width: 320px;
        height: 320px;
    }
}

@media (max-width:767px) {

    #google-ads-cooperation-image {
        top: -15px;
        right: 20px;
        width: 200px;
        height: 200px;
    }

    #hp-animated-image-CircleStar {
        top: -20px;
        left: initial;
        right: -40px;
        width: 240px;
        height: 240px;
    }

    .web-design-image-ClothStack {
        top: -15%;
        right: -100px;
    }

    .border-grow-hover .elementor-button:after,
    .border-grow-hover .elementor-button .elementor-button-icon {
        display: none;
    }

    .border-grow-hover .elementor-button {
        border: 1px solid #433E3E !important;
        border-radius: 200px !important;
        width: 100% !important;
        text-align: center;
    }

    .border-grow-hover span.elementor-button-text {
        text-transform: uppercase;
        font-weight: 700;
        font-size: 14px;
    }

    header#masthead {
        padding: 0 !important;
    }

    #primary-menu-en li.menu-item,
    #primary-menu li.menu-item {
        list-style-type: none;
    }

    #footer-container .container-top h2 {
        font-size: 32px;
    }

    #footer-container a.btn-red-footer {
        margin: 60px 0 90px 0;
        width: 100%;
        text-align: center;
    }

    #footer-container .our-clients-footer h6 {
        text-align: center;
    }

    #footer-container .newsletter-container h4 {
        margin-bottom: 25px;
    }

    #footer-container .newsletter-and-menu-footer {
        flex-direction: column;
        gap: 45px;
        /*        padding: 60px 20px 80px 20px;*/

    }

    .newsletter-container .contact-form-newseletter {
        flex-wrap: wrap;
    }

    #footer-container .newsletter-and-menu-footer .newsletter-container,
    #footer-container .newsletter-and-menu-footer .menu-footer {
        width: 100%;
    }

    #footer-container .menu-footer {
        flex-direction: column;
        gap: 32px;
    }

    #footer-container .menu-footer p {
        padding-bottom: 14px;
    }

    #footer-container .contact-form-newseletter span.wpcf7-list-item {
        margin-top: 15px !important;
    }

    #footer-container .contact-form-newseletter p,
    #footer-container .contact-form-newseletter input {
        width: 100% !important;
        height: 55px;
    }

    #footer-container span.wpcf7-not-valid-tip {
        position: absolute;
        top: 140px;
    }

    #footer-container .newsletter-container .wpcf7-response-output {
        margin-top: 45px !important;
    }

    #footer-container .container-bottom {
        flex-direction: column;
        gap: 18px;
        align-items: center
    }

    #footer-container .copyrights-footer {
        flex-direction: column;
        gap: 8px;
        align-items: center
    }

    button.hamburger:focus,
    button.hamburger:focus-visible {
        outline: none;
    }

    #side-bar.responsive ul#primary-menu-en .menu-item,
    #side-bar.responsive ul#primary-menu .menu-item,
    #side-bar.responsive ul.offers-navigation .menu-item {
        font-size: 24px;
        padding: 0 16px 0;
    }

    /* #side-bar.responsive #site-navigation li:nth-of-type(2) {
        display: none;
    } */

    #side-bar.responsive .sub-menu {
        display: none;
    }

    #side-bar.responsive ul#primary-menu-en,
    #side-bar.responsive ul#primary-menu {
        flex-direction: column;
        align-items: flex-start !important;
        margin: 48px 0 32px 0;
    }

    #header-container {
        padding-block: 0 !important;
        padding: 0 20px !important;
    }

    #masthead.responsive {
        position: fixed;
        z-index: 10 !important;
        background-color: #272424 !important;
        /*        padding-bottom: 16px !important;*/
        height: 100vh;
        width: 100vw;
        align-content: flex-start;
    }

    #side-bar {
        display: none;
    }

    /*    #masthead.responsive .menus-container {
        padding-bottom: 80px;
    }*/

    #side-bar.responsive {
        display: flex;
        position: relative;
        flex-direction: column;
        justify-content: space-between;
        z-index: 10 !important;
        background-color: #272424;
        width: 100% !important;
        align-items: flex-start;
    }

    #side-bar.responsive .row {
        display: flex;
        justify-content: space-between;
        width: 100%;
        z-index: 999;
        position: absolute;
    }

    button.hamburger {
        position: relative;
        background-color: transparent !important;
        border: none !important;
        display: block;
        height: 75px;
        width: 58px;
    }

    span.hamb-line,
    span.hamb-line:after,
    span.hamb-line:before {
        position: absolute;
        width: 32px;
        height: 2px;
        display: block;
        background-color: #FFFFFF;
    }

    .responsive .bright-header span.hamb-line,
    .responsive .bright-header span.hamb-line:after,
    .responsive .bright-header span.hamb-line:before {
        background-color: #FFFFFF;
    }

    .bright-header span.hamb-line,
    .bright-header span.hamb-line:after,
    .bright-header span.hamb-line:before {
        background-color: #222427;
    }

    span.hamb-line {
        top: 50%;
        transition-timing-function: cubic-bezier(.55, .055, .675, .19);
        transition-duration: 75ms;
    }

    span.hamb-line:after {
        content: "";
        bottom: -10px;
        transition: bottom 75ms ease .12s, transform 75ms cubic-bezier(.55, .055, .675, .19);
    }

    span.hamb-line:before {
        content: "";
        top: -10px;
        transition: top 75ms ease .12s, opacity 75ms ease;
    }

    .site-header.responsive .hamburger .hamb-line {
        transition-delay: .12s;
        transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transform: rotate(45deg);
    }

    .site-header.responsive .hamburger .hamb-line::before {
        top: 0;
        transition: top 75ms ease, opacity 75ms ease .12s;
        opacity: 0;
    }

    .site-header.responsive .hamburger .hamb-line::after {
        bottom: 0;
        transition: bottom 75ms ease, transform 75ms cubic-bezier(.215, .61, .355, 1) .12s;
        transform: rotate(-90deg);
    }

    .contact-form-cv input.wpcf7-submit {
        width: 100%;
    }

    .contact-form-cv h2 {
        margin-bottom: 42px;
    }

    .our-offer-bg-image {
        width: 200px;
        height: 200px;
        top: -40px;
        left: initial;
        right: -40px;
        z-index: 1;
    }

    #hp-realization-swiper ul.realization-list {
        flex-direction: column;
    }

    #hp-realization-swiper .realization-list li.swiper-slide {
        width: 100% !important;
        padding-right: 0 !important;
        margin-bottom: 32px;
    }

    #hp-realization-swiper .swiper-button-realization {
        display: none;
    }

    .main-page-sectors .elementor-icon-list-item a {
        text-align: left;
        flex-direction: row-reverse;
        justify-content: space-between !important;
    }

    .evoblog-section span.element__author {
        font-size: 12px;
        margin-top: -10px;
    }

    .send-cv-img {
        width: 300px;
        height: 300px;
        top: -90px;
        left: -50px;
    }

    div#o-nas-reviews-companies-swiper {
        height: 100px;
    }

    #o-nas-reviews-swiper .element__image {
        display: none;
    }

    .reklama-google-ads-akordeon-arrow span.elementor-accordion-icon {
        margin-top: 40px;
    }

    .realization-noswiper .element {
        width: 100%;
    }

    .google-ads-section-img {
        width: 300px;
        height: 300px;
        top: -240px;
        right: -30px;
    }

    .case-study-charts .elementor-image-box-wrapper {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
    }

    .case-study-charts .elementor-image-box-content {
        margin-left: 20px;
        margin-top: -20px;
    }

    .basic-blog-archive .element {
        width: 100%;
    }

    /*.web-design-arrows-hover:hover:after {
        display: none;
    }*/

    .web-design-arrows-hover:after {
        content: "";
        background-image: url("/wp-content/uploads/2023/07/Frame-6451.svg");
        background-repeat: no-repeat;
        width: 24px;
        height: 24px;
        position: absolute;
        top: 50px;
        right: 20px;
    }

    #hp-realization-swiper li.swiper-slide:not(:nth-of-type(-n+3)) {
        display: none;
    }

    .basic-blog-view-section .element {
        width: 100%;
    }

    .basic-blog-view-section .elements {
        gap: 0;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .basic-blog-view-section .element__content {
        flex-direction: row-reverse;
        gap: 10px;
    }

    .basic-blog-view-section .element__image {
        min-width: 20% !important;
        max-height: 60px;
    }

    .basic-blog-view-section .element__author-wrapper img,
    .basic-blog-view-section .element__author-wrapper .element__post_date {
        display: none;
    }

    .basic-blog-view-section h6 {
        width: 80% !important;
        margin: 0;
    }

    .basic-blog-view-section .element__author-wrapper {
        margin-top: 8px
    }

    .basic-blog-view-section .element {
        padding: 12px 0;
    }

    .basic-blog-view-section .element:not(:last-of-type) {
        border-bottom: 1px solid #DAD2D2;
    }

    .basic-blog-view-section .element__image img {
        aspect-ratio: 1.33;
        max-height: 65px;
    }

    .marketing-fullwidth-img {
        width: 100% !important;
    }

    .o-nas-bg-image {
        background-image: url('/wp-content/uploads/2023/08/o-nas-mobile.png');
        background-position: top center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    /*    .basic-blog-view-section .elements {
        flex-direction: column;
    }

    .basic-blog-view-section .element {
        width: 100%;
    }*/
}

@keyframes float-rotate {
    from {
        transform: translate(0, 0) rotate(0deg);
    }

    5% {
        transform: translate(20px, 20px) rotate(18deg);
    }

    10% {
        transform: translate(40px, 40px) rotate(36deg);
    }

    15% {
        transform: translate(60px, 60px) rotate(54deg);
    }

    20% {
        transform: translate(80px, 80px) rotate(72deg);
    }

    25% {
        transform: translate(100px, 100px) rotate(90deg);
    }

    30% {
        transform: translate(120px, 120px) rotate(108deg);
    }

    35% {
        transform: translate(140px, 140px) rotate(126deg);
    }

    40% {
        transform: translat(160px, 160px) rotate(144deg);
    }

    45% {
        transform: translate(180px, 180px) rotate(162deg);
    }

    50% {
        transform: translat(200px, 200px) rotate(180deg);
    }

    55% {
        transform: translate(180px, 180px) rotate(198deg);
    }

    50% {
        transform: translat(160px, 160px) rotate(198deg);
    }

    55% {
        transform: translate(140px, 140px) rotate(216deg);
    }

    60% {
        transform: translate(120px, 120px) rotate(234deg);
    }

    65% {
        transform: translate(100px, 100px) rotate(252deg);
    }

    70% {
        transform: translate(80px, 80px) rotate(270deg);
    }

    85% {
        transform: translate(60px, 60px) rotate(288deg);
    }

    90% {
        transform: translate(40px, 40px) rotate(306deg);
    }

    95% {
        transform: translate(20px, 20px) rotate(324deg);
    }

    to {
        transform: translate(0, 0) rotate(360deg);
    }
}

@keyframes float {
    from {
        transform: translate(0, 0);
    }

    33% {
        transform: translate(20px, 20px);
    }

    66% {
        transform: translate(-20px, -20px);
    }

    to {
        transform: translate(0, 0);
    }
}