/*
  Theme Name: FLEXI PROJECT
  Description: FLEXI PROJECT
  Version: 1.0
  Author: Noveo
  Author URI: http://noveo.pl/

*/
/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  -webkit-font-smoothing:antialiased;
  font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
  font-size:62.5%;
  scroll-behavior: smooth;
}
.single p br, .single h3 br{
            display: none;
        }
.baza-wiedzy-content{
overflow: hidden;
}
.image-cas-wp img{
max-height: 210px !important;
}
/* ClashGrotesk-100 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'ClashGrotesk';
  font-style: normal;
  font-weight: 100;
  src: url('../clashgrotesk-extralight.html') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* ClashGrotesk-300 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'ClashGrotesk';
  font-style: normal;
  font-weight: 300;
  src: url('../clashgrotesk-light.html') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* ClashGrotesk-regular - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'ClashGrotesk';
  font-style: normal;
  font-weight: 400;
  src: url('../clashgrotesk-regular.html') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* ClashGrotesk-500 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'ClashGrotesk';
  font-style: normal;
  font-weight: 500;
  src: url('../clashgrotesk-medium.html') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* ClashGrotesk-700 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'ClashGrotesk';
  font-style: normal;
  font-weight: 700;
  src: url('../clashgrotesk-semibold.html') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* ClashGrotesk-900 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'ClashGrotesk';
  font-style: normal;
  font-weight: 900;
  src: url('../clashgrotesk-bold.html') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* ClashGrotesk-100 - latin_latin-ext */
/* ClashGrotesk-300 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 300;
  src: url('../satoshi-light.html') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* ClashGrotesk-regular - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 400;
  src: url('../satoshi-regular.html') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  src: url('../satoshi-regular-2.html') format('eot'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  src: url('../satoshi-regular-3.html') format('otf2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  src: url('../satoshi-regular-4.html') format('ttf'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    src: url('../satoshi-regular-5.html') format('woff'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* ClashGrotesk-500 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 500;
  src: url('../satoshi-medium.html') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    src: url('../satoshi-medium-2.html') format('eot'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  src: url('../satoshi-medium-3.html') format('otf2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  src: url('../satoshi-medium-4.html') format('ttf'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    src: url('../satoshi-medium-5.html') format('woff'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* ClashGrotesk-700 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 700;
  src: url('../satoshi-bold.html') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* ClashGrotesk-900 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 900;
  src: url('../satoshi-black.html') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* ClashGrotesk-700 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Arsenal';
  font-style: normal;
  font-weight: 400;
  src: url('../arsenal-regular.html') format('otf'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* ClashGrotesk-900 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Arsenal';
  font-style: normal;
  font-weight: 500;
  src: url('../arsenal-regular.html') format('otf'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../opensans-regular.html') format('ttf'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* ClashGrotesk-900 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  src: url('../opensans-regular.html') format('ttf'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
body {
    overflow-x: hidden;
}
section.sct14:first-of-type {
    z-index: 9800;
}

/*------------------------------------*\
    SLIDER LOGO
\*------------------------------------*/
.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal{
    bottom: auto !important;
}
.tablecontainer td{

}
.leadth{
  width: 35% !important;
}
.tablet th:first-of-type {
  width: 35% !important;
}
tr td:first-of-type {
  text-align: left;
}

/* Globalnie ukryj div */
div[data-post-slug="2023-02"] {
    display: none;
}

/* Wyświetl div tylko dla języka polskiego */
html[lang="pl-PL"] div[data-post-slug="2023-02"] {
    display: block; /* lub inna właściwość display, w zależności od potrzeb */
}

.hide_all{
  display: none!important;
}
.hide_more{
  display: none!important;
}
.hide_tns .tns-nav{
display: none !important;
}
/*------------------------------------*\
    SLIDER LOGO
\*------------------------------------*/


.logo-bg{
  padding: 50px 0;
  width: 1440px;
  background-color: rgba(255,255,255,0);
  margin-top: -250px;
  margin-bottom: 100px;
  margin-left: auto;
  margin-right: auto;
}
sct14{
  max-width: 1440px;
  margin: 0 auto;
}
.head-subpage{
  display: none;
}
/*------------------------------------*\
    LOGA
\*------------------------------------*/
.slider-logo{
padding: 40px 0px;

}
.navtoggle{
  display: none;
}
/*------------------------------------*\
    REVIEWS
\*------------------------------------*/
.my-slider4{
display: flex;
cursor: pointer;
}
select{
    width: 100%;
    border: 1px solid #d5d5d5;
    border-radius: 32px;
    padding: 16px;
    background-color: #fff;
    color: #C3C3C3;
    font-family: 'ClashGrotesk';
}
.my-slider6{
cursor: pointer;
}
.review-person{
display: flex;
align-items: center;
justify-content: space-between;
}
.img-person{
flex: 1;
max-width: 64px;
   
}
.img-person img{
border-radius: 50%;
}
.person-details{
flex: 2;
padding-left: 30px;
}
.simple-text-person{
  font-size: 16px;
  font-family: 'Satoshi';
  font-weight: 400;
  color: #48465B;
  letter-spacing: 0.5px;
  margin: 2px;
}
.title_feature-person{
  font-size: 24px;
  line-height: ;
  font-family: 'Satoshi';
  font-weight: 500;
  color: #48465B;
  margin: 0px;
}
.title_feature-person{
    text-align: left;
}
.simple-text-person{
    text-align: left;
}
.tns-nav{
  padding-bottom: 10px;
}
/* Styl dla ukraińskiego języka w menu językowym */
.wpml-ls-native {
    font-family: 'Noto Sans', sans-serif !important;
    font-weight: 400 !important;
}

#toggle.opened .hamburger-icon:nth-child(1) {
    transform: translateY(1px) rotate(45deg);
}

#toggle.opened .hamburger-icon:nth-child(2) {
    opacity: 0;
}

#toggle.opened .hamburger-icon:nth-child(3) {
    transform: translateY(-20.5px) rotate(-45deg);
}
.opened{
  margin-top: 10px;
}

/*------------------------------------*\
    ADDITIONALS
\*------------------------------------*/
.buttons-slider{
  display: flex;
  gap: 8px;
}
.duzy_art_title{
  font-size: 40px !important;
}
.sredni_art_title{
  font-size: 32px !important;
}
.t-checkbox{
  line-height: 55.2px !important;
}
.mega-menu-content {
 display: none;
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 999;
  background-color: white;
  flex-wrap: wrap;
  width:100%;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  padding: 0px 30px;
  border-radius: 20px;
}
.mega-menu-item { /* jeśli używasz takiej klasy dla kolumn */
    box-sizing: border-box; /* to zapewni, że paddingi i marginesy są wliczone w szerokość */
}

.mega-menu-content .title_mega,
.mega-menu-content .simple-text-mega {
  white-space: normal;
  overflow: hidden;
  word-wrap: break-word;
}
.menu-item-with-icon a{
  padding: 7px 5px;
  display: flex;
  align-items: center;
  gap: 2%;
}
.menu-item-with-icon:hover{
  background-color: #E8F1FF;
  color: #5578EB;
}
.has-mega-menu.active .mega-menu-content {
    display: flex;
}
.header {
  width: 100%;
  position: relative; /* Dodajemy pozycjonowanie względne dla headera */
}
/* Teraz definiujesz klasę .mega-menu-item zamiast .menu-column */
 .mega-menu-item {
    flex: 1; /* Szerokość kolumny */
    box-sizing: border-box; /* Uwzględnia padding i border w szerokości */
    padding: 20px; /* Odstępy wewnętrzne dla treści kolumny */
    width:33%;
    display: flex;
    flex-direction: column;
}
 .mega-menu-item img{
    max-width: 30px;
    margin-right: 5px;
}

.mega-menu-arrow-icon {
    display: inline-block;
    margin-left: 5px; /* Odstęp od tekstu */
    width: 10px;
    height: 10px;
    vertical-align: middle; /* Dostosowanie pozycji ikony do linii bazowej tekstu */
}
.mega2{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;

}
.mega2 > div:nth-child(1), .mega2 > div:nth-child(2), .mega2 > div:nth-child(3), .mega2 > div:nth-child(4), .mega2 > div:nth-child(5), .mega2 > div:nth-child(6), .mega2 > div:nth-child(7), .mega2 > div:nth-child(8), .mega2 > div:nth-child(9), .mega2 > div:nth-child(10), .mega2 > div:nth-child(11), .mega2 > div:nth-child(12){
    flex: 1;
    flex: 0 0 25%;
  box-sizing: border-box;
  word-wrap: break-word;
  overflow-wrap: break-word;

}
.menu-description {
  margin: -5px 0px 0px;
  font-size: 12px;
  margin-left: 30px;
}
/* Opcjonalne: minimalne style dla lepszego wyglądu */
.mega-menu-content .menu-header {
    font-weight: bold; /* Pogrubienie nagłówka */
    margin-bottom: 10px; /* Odstęp poniżej nagłówka */
}
.title_mega{
  font-weight: 500;
  font-size: 13px;
  color: #48465B;
  font-family: 'Satoshi';
  text-transform: uppercase;
  border-bottom: 1px solid #ccc; /* dodany border */
  padding-bottom: 5px; /* odstęp od tekstu do linii */
  display: inline-block; /* sprawia, że element przyjmuje tylko tyle miejsca, ile potrzebuje */
  align-self: flex-start;
  margin: 25px 0px;
}
.simple-text-mega {
  font-weight: 500 !important;
  font-size: 14px !important;
  color: #48465B !important;
  font-family: 'Satoshi' !important;
  transition: color 0.3s ease, background-color 0.3s ease, padding 0.3s ease; /* Dodano efekt przejścia */

}
.mega2 .simple-text-mega{
    display: flex;
    align-items: flex-start;
}
.mega-menu-text{
    display: flex;
    flex-direction: column;
}
.mega-menu-details{
    display: flex;
    align-items: center;
    padding: 10px 0px 0px 0px;
  margin: 50px 0px 0px 0px;
  border-top: 1px solid #ccc;
  width: 100%;
}
.podpis-description{
    margin: 1px 0px;
    margin-left: 0px;
  margin-left: 0px;
  font-size: 12px;
}
.mega-menu-image-pic{
    max-width: 80px !important;
    margin-right: 25px !important;
}
.mega-menu-divider{
  border-color: #cccccc;
  width: 16%;
  margin-left: 0;
  margin: 40px 0px 10px;
  display: none;
}
/*------------------------------------*\
    HEADERS
\*------------------------------------*/
.head-right{
width: 30%;
}
.head-right .menu-button:nth-of-type(3) {
    padding: 10px 0px;
}

.head-right .flags{
    display: flex;
    padding: 4px;
    align-items: center;
    border-radius: 32px;
    background: #fff;
    margin: 0px 24px;
    position: relative;
}
.head-right .flags::after {
content: '';
  position: absolute;
  right: -10px;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  background-image: url('../svg/arrowrightdownmenu.svg');
  background-size: contain;
  background-repeat: no-repeat;
}
header{
  max-width: 1200px;
  margin: 0 auto;
}
.stickymenu .head-abs{
  max-width: 1200px;
  margin: 0 auto;
}

header .lg_sub-menu{
    position: absolute;
    background-color: #FFF;
    left: -10px;
    top: 100%;
    width: 150px;
    display: none;
    border-radius: 20px;
}
header .lg_sub-menu ul{
    display: flex;
    flex-direction: column;
}
header .flags {
    cursor: pointer !important;
}

header .flags .lg_sub-menu.active {
    display: block;

}

.wpml-ls-legacy-list-horizontal a span{
  font-family: 'Satoshi';
  font-weight: 500;
  font-size: 14px;
  color: #48465B;
}
.wpml-ls-legacy-list-horizontal a span:hover{
    color: #5578EB;
}
.permalimk span{
  color: #5578EB;
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
  text-align: center;
  font-family: 'Satoshi';
  margin-left: 45px;
}
.subtitle{
  font-size: 12px;
  line-height: 12px;
  text-align: center;
  padding: 5px 0;
  font-weight: 600;
  font-family: 'Satoshi';
  letter-spacing: 5px;
  color: #5578EB;
  text-transform: uppercase;
}
.title_blue, .title_pink, .title_green, .title_white{
  font-size: 12px;
  line-height: 12px;
  text-align: left;
  padding: 5px 0;
  font-weight: 600;
  font-family: 'Satoshi';
  letter-spacing: 2px;
  text-transform: uppercase;
}
.title_green{
color: #1DC9B7;
}
.title_blue{
color: #5578EB !important;
}
.title_white{
color: #fff !important;
}
.title_blue a{
color: #5578EB !important;
font-size: 12px;
}
.title_blue a{
color: ##ffffff !important;
font-size: 12px;
}
.permalink a{
  font-size: 14px;
  line-height: 2px;
  text-align: left;
  padding: 15px 0;
  font-weight: 500;
  font-family: 'Satoshi';
  letter-spacing: 2px;
  color: #5578EB;
}
.permalink{
  padding: 20px 0px;
}
.title_pink{
color: #FD397A;
}
.title-post{
  font-size: 22px;
  line-height: 25.3px;
  text-align: left;
  padding: 5px 0;
  font-weight: ;
  font-family: 'Satoshi';
  letter-spacing: 2px;
  text-transform: ;
  color: #48465B;
}
.menu-item-has-children {
    position: relative; 
}

.menu-item-has-children::after {
content: '';
  position: absolute;
  right: -15px;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  background-image: url('../svg/arrowrightdownmenu.svg');
  background-size: contain;
  background-repeat: no-repeat;
}
.head-right {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-grow: 1;
    flex-shrink: 1;
}
.baza-wiedzy-content h2 {
  font-size: 48px !important;
  line-height: 115% !important;
  font-family: 'Satoshi' !important;
  font-weight: 500 !important;
  color: #48465B !important;
  letter-spacing: 0.5px !important;
}
.menu-button {
    margin-left: 5px; 
    padding: 15px 0px;
}
.menu-button a{
  font-family: 'Satoshi';
  font-weight: 500;
  font-size: 14px;
  gap: 15px;
  color: #48465B;
}
.menu-button.register {
    width: 138px;
    height: 38px;
    border-radius: 32px;
    background-color: #5578EB;
    display: flex;
    justify-content: center; 
    align-items: center;     
    gap: 10px;    
    transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
}

.menu-button.register a {        
}

.menu-button.register a {
    padding: 12px 24px;
    text-decoration: none;
    color: #fff; 
    display: block;
    transition: color 0.3s ease;

}

.menu-button.register:hover {
    background-color: #4466D2; 
    transform: translateY(-5px); 
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2); 
}

.menu-button.register a:hover {
    text-decoration: none; 
}

.menu-button.register:active {
    transform: translateY(0); 
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2); 
}
.hidden-on-desktop{
  display: none
}
/*------------------------------------*\
    BUTTONS
\*------------------------------------*/
#menu-item-wpml-ls-16-pl, #menu-item-wpml-ls-16-en{
    padding-top: 17px;
}
.btn_green, .btn_green_cnt{
  padding: 12px 24px;
  border-radius: 32px;
  background-color: #1DC9B7;
  width: auto;
  display: inline-block;
  position: relative;
}
.btn_white_play, .btn_white_cnt, .btn_white{
  padding: 12px 24px;
  border-radius: 32px;
  background-color: #fff;
  width: auto;
  display: inline-block;
  position: relative;
}
.btn_blue, .btn_blue_cnt, input[type="submit"] {
  padding: 12px 24px;
  border-radius: 32px;
  background-color: #5578EB;
  width: auto;
  display: inline-block;

  position: relative; 
}

 .btn_blue::before, .btn_green::before, .btn_pink::before{
 content: "";
  display: inline-block;
  background: url('../arrowright.html') no-repeat center;
  background-color: rgba(0, 0, 0, 0);
  width: 20px;
  height: 20px;
  position: absolute;
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
  margin-right: 8px;
  border-radius: 32px;
  padding: 18px;
}
.btn_white::before{
 content: "";
  display: inline-block;
  background: url('../arrowrightwhite.html') no-repeat center;
  background-color: rgba(0, 0, 0, 0);
  width: 20px;
  height: 20px;
  position: absolute;
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
  margin-right: 8px;
  border-radius: 32px;
  padding: 18px;
}
 .btn_white_cnt::before{
 content: "";
  display: inline-block;
  background: url('../chatcircledotswh.html') no-repeat center;
  background-color: rgba(0, 0, 0, 0);
  width: 20px;
  height: 20px;
  position: absolute;
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
  margin-right: 8px;
  border-radius: 32px;
  padding: 18px;
}
.btn_white_play::before {
 content: "";
  display: inline-block;
  background: url('../play.html') no-repeat center;
  background-color: rgba(0, 0, 0, 0);
  width: 20px;
  height: 20px;
  position: absolute;
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
  margin-right: 8px;
  border-radius: 32px;
  padding: 18px;
}
.btn_blue::before, .btn_blue_cnt::before{
 background-color: #4766CA !important;
}
.btn_white_play::before, .btn_white_cnt::before{
 background-color: #E5E4EF !important;
}
.btn_white::before{
 background-color: #DEDDE8 !important;
}
.btn_load::before{
 background-color: #4766CA !important;
}
.btn_pink::before, .btn_pink_cnt::before{
  background-color: #E32A67 !important;
}
.btn_green::before, .btn_green_cnt::before{
  background-color: #14B6A5 !important;
}
.permalink::before{
 background-color: #F8F9FB !important;
}
.btn_blue:hover::before, .btn_blue_cnt:hover::before {
    filter: brightness(0.9); 
    cursor: pointer;
}
.btn_green:hover::before, .btn_green_cnt:hover::before {
    filter: brightness(0.9); 
    cursor: pointer;
}
.btn_pink:hover::before, .btn_pink_cnt:hover::before {
    filter: brightness(0.9); 
    cursor: pointer;
}
.btn_white_play:hover::before, .btn_white_cnt:hover::before, .btn_white:hover::before,  {
    filter: brightness(0.9); 
    cursor: pointer;
}
.btn_pink, .btn_pink_cnt{
  padding: 12px 24px;
  border-radius: 32px;
  background-color: #FD397A;
  width: auto;
  display: inline-block !important;
  position: relative;

}
.btn_green a, .btn_blue a, .btn_blue span, .btn_pink a, .btn_load a, .btn_blue_cnt a, .btn_pink_cnt a, .btn_green_cnt a, .btn_white_cnt a, input[type="submit"], .btn_blue_cnt span, .btn_pink_cnt span, .btn_green_cnt span,.btn_load span, .btn_green span, .btn_pink span{
  color: #fff !important;
  font-weight: 500;
  font-size: 14px !important;
  line-height: 14px;
  text-align: center;
  font-family: 'Satoshi';
  margin-left: 30px; 
}
.btn_white span{
  color: #48465B;
  font-weight: 500;
  font-size: 14px !important;
  line-height: 14px;
  text-align: center;
  font-family: 'Satoshi';
  margin-left: 30px; 
}
.btn_white_cnt a{
  color: #48465B;
  font-weight: 500;
  font-size: 14px !important;
  line-height: 14px;
  text-align: center;
  font-family: 'Satoshi';
  margin-left: 30px; 
}
.btn_white_play a{
  color: #48465B;
  font-weight: 500;
  font-size: 14px !important;
  line-height: 14px;
  text-align: center;
  font-family: 'Satoshi';
  margin-left: 30px; 
}
.btn_white_play span{
  color: #48465B;
  font-weight: 500;
  font-size: 14px !important;
  line-height: 14px;
  text-align: center;
  font-family: 'Satoshi';
  margin-left: 30px; 
}
.permalink1 a{
  color: #5578EB;
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
  text-align: center;
  font-family: 'Satoshi';
  margin-left: 45px; 
  padding-top: 10px;
}
.permalink a{
  color: #5578EB;
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
  text-align: center;
  font-family: 'Satoshi';
  margin-left: 45px; 
}
.btn_load{
  padding: 12px 24px;
  border-radius: 32px;
  background-color: #5578EB;
  width: auto;
  display: inline-block;
  align-self: flex-start;
  position: relative;
  margin-bottom: 100px;
  margin-top: 40px;
}
.btn_load::before{
 background-color: #4766CA !important;
}
.btn_green, .btn_load, .btn_pink, .btn_blue, .btn_blue_cnt, .btn_pink_cnt, .btn_green_cnt, .btn_white_cnt, .btn_white_play, .btn_white, input[type="submit"]{
    transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
}
.btn_green:hover, .btn_load:hover, .btn_pink:hover, .btn_blue_cnt:hover, .btn_pink_cnt:hover, .btn_green_cnt:hover, .btn_white_cnt:hover, .btn_white_play:hover,.btn_white:hover{
transform: translateY(-5px); 
box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2); 
}
.btn_green a:hover, .btn_load a:hover, .btn_load span:hover, .btn_pink a:hover, .btn_blue_cnt a:hover, .btn_pink_cnt a:hover, .btn_green_cnt a:hover, .btn_white_cnt a:hover, .btn_white_play a:hover, .btn_blue_cnt span, .btn_green_cnt span, .btn_pink_cnt span{
color:#fff !important;
}
.btn_blue a:hover {
color:#fff !important;
}
.btn_load a:hover {
color:#fff !important;
}
.btn_pink a:hover {
color:#fff !important;
}
.btn_blue_cnt a:hover {
color:#fff !important;
}
.btn_pink_cnt a:hover {
color:#fff !important;
}
.btn_green_cnt a:hover {
color:#fff !important;
}
.btn_white_cnt a:hover, .btn_white_play a:hover ,.btn_white a:hover {
color:#48465B !important;
}
.btn_load::before{
 content: "";
  display: inline-block;
  background: url('../arrowrightdown.html') no-repeat center;
  background-color: rgba(0, 0, 0, 0);
  width: 20px;
  height: 20px;
  position: absolute;
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
  margin-right: 8px;
  border-radius: 32px;
  padding: 18px;
}

.btn_blue_cnt::before, .btn_pink_cnt::before, .btn_green_cnt::before, .btn_pink_cnt::before{
  content: "";
  display: inline-block;
  background: url('../chatcircledots.html') no-repeat center;
  background-color: rgba(0, 0, 0, 0);
  width: 20px;
  height: 20px;
  position: absolute;
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
  margin-right: 8px;
  border-radius: 32px;
  padding: 18px;
}
.permalink1::before{
  content: "";
  display: inline-block;
  background: url('../arrowrightwhite-2.html') no-repeat center;
  background-color: #F8F9FB;
  width: 15px;
  height: 15px;
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
  margin-right: 8px;
  border-radius: 32px;
  padding: 16px;
}
.permalink1{
  border-radius: 32px;
  background-color: #fff;
  width: auto;
  display: flex;
  align-self: flex-start;
  position: relative;
}
.permalink::before{
  content: "";
  display: inline-block;
  background: url('../arrowrightwhite-2.html') no-repeat center;
  background-color: rgba(0, 0, 0, 0);
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
  margin-right: 8px;
  border-radius: 32px;
  padding: 18px;
}
.permalink#load-prev-post::before {
  content: "";
  display: inline-block;
  background: url('../arrowrightwhite-2.html') no-repeat center;
  background-color: rgba(0, 0, 0, 0);
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translateY(-50%) rotate(180deg) !important;
  margin-right: 8px;
  border-radius: 32px;
  padding: 18px;
}

.permalink{
  border-radius: 32px;
  background-color: #fff;
  width: auto;
  display: inline-block;
  align-self: flex-start;
  position: relative;
}
#load-prev-post ,#load-next-post{
  cursor: pointer !important;
}
#load-prev-post span{
  color: #5578EB;
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
  text-align: center;
  font-family: 'Satoshi';
  margin-left: 45px;
}
#load-next-post span{
  color: #5578EB;
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
  text-align: center;
  font-family: 'Satoshi';
  margin-left: 45px;
}

#load-prev-post span{
  color: #5578EB;
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
  text-align: center;
  font-family: 'Satoshi';
  margin-left: 45px;
}
.info-box img{
border-radius: 20px;
box-shadow: 0px 0px 15px rgba(122, 124, 134, 0.25);
}
/*------------------------------------*\
    BAZA WIEDZY przycisk next

\*------------------------------------*/
.menu-item-with-icon{
padding: 10px;
}
.navigation-buttons{
    align-items: center !important;
}
.centered-button-section{
  justify-content: center;
}
#load-next-post span{
  color: #5578EB;
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
  text-align: center;
  font-family: 'Satoshi';
  margin-right: 55px;
}
.permalink2{
  border-radius: 32px;
  background-color: #fff;
  width: auto;
  display: inline-block;
  align-self: flex-start;
  position: relative;
}
.permalink2#load-next-post::after {
  content: "";
  display: inline-block;
  background: url('../arrowrightwhite-2.html') no-repeat center;
  background-color: rgba(0, 0, 0, 0);
  width: 20px;
  height: 20px;
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-50%) rotate(0deg) !important;
  margin-right: 8px;
  border-radius: 32px;
  padding: 18px;
}
.permalink2::after{
 background-color: #F8F9FB !important;
}
/*------------------------------------*\
    BAZA WIEDZY
\*------------------------------------*/
.container-baza-wiedzy {
    display: flex;
    position: -webkit-sticky;
    position: sticky;
    top: 100px; 
    z-index: 9998;
}

.navigation-buttons{
    display: flex;
    justify-content: space-between;
    padding: 40px 0px;
}
.baza-wiedzy-entry.active {
    color: blue;
}
.post__content{
      margin: 10px;
    }
.anchor-link.active {
    color: blue;
}
.archive-baza-bg{
  max-width: 1200px;
  margin: 0 auto;
}
#anchor-1, #anchor-2, #anchor-3, #anchor-4, #anchor-5, 
#anchor-6, #anchor-7, #anchor-8, #anchor-9, #anchor-10, 
#anchor-11, #anchor-12, #anchor-13, #anchor-14, #anchor-15 {
    padding-top: 100px;
}
video::after {
    content: 'X';
    position: absolute;
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    background-color: red;
    color: white;
    text-align: center;
    line-height: 30px;
    border-radius: 15px;
    cursor: pointer;
    z-index: 2;
}

/*------------------------------------*\
    SEARCH
\*------------------------------------*/
#search-container{
  display: flex;
  position: relative;
}
#search-input{
  flex: 1;
  border: 1px solid #ccc;
  padding-left: 40px !important;
  padding-right: 80px;
  height: 48px;
  box-sizing: border-box;
  border-radius: 32px;
  width: 400px;
}
#search-btn{
  position: absolute;
  right: 3px;
  height: calc(100% - 2px);
  border: none;
  background-color: ;
  color: #ffffff;
  cursor: pointer;
  padding: 0 10px;
  border-radius: 25px;
  height: 44px;
  font-size: 14px;
  font-family: 'Satoshi';
  font-weight: 500;
  background-color: #5578EB;
  top: 2px;
  transition: 0.3s; 
}
#search-btn:hover {
  background-color: rgba(85, 120, 235, 0.8);
}
/*------------------------------------*\
    ARTICLES
\*------------------------------------*/

main a {
  color: #B7C2D7;
  font-weight: 500;
  font-size: 14px;
  line-height: 125%;
  text-align: left;
  font-family: 'Satoshi';
  vertical-align: middle;

}

main {
  display: flex;
  max-width: 1200px;
      top: 200px; 
    z-index: 9998;
}

#post__sidebar-left {
  padding: 10px;
  position: sticky;
      top: 100px; 
    z-index: 9998;
    width: 295px;
    height: 100vh !important;
  overflow-y: auto !important;
  position: sticky !important;
  top: 40px !important;
  scrollbar-width: thin;
  scrollbar-color: #888 #f1f1f1;
}
#post__sidebar-left h2{
  padding: 0px;
  line-height: 100%;
}

#post__sidebar-left a.current {
  color: #5578EB;
  font-weight: 500;
  font-size: 14px;
  line-height: 17.5px;
  text-align: left;
  font-family: 'Satoshi';
   vertical-align: middle;
}

.current-link {
  width: 100%;
  background-color: #F1F4FC;
  transition: background-color 0.8s ease;
  border-radius: 4px;
}
.post__content{
  width: 695px;
  padding-top: 30px;
  padding-left: 20px;
}
.post__content p, .post__content ul, .post__content li{
  font-size: 16px;
  line-height: 175%;
  font-family: 'Satoshi';
  font-weight: 400;
  color: #48465B;
}
.post__content h2 {
  font-size: 32px;
  line-height: 115%;
  font-family: 'Satoshi';
  font-weight: 500;
  color: #48465B;
  letter-spacing: 2px;
}
.zapisweb{
  max-width: 1440px;
  margin: 0 auto;
  text-align: center; 
  padding: 50px 0px 100px;
}

.zapisweb img {
  display: block;
  margin: 0 auto;
}

/*------------------------------------*\
    FEATURE
\*------------------------------------*/
 .feature-bg{
  padding: 20px 0;
  background-color: rgba(255,255,255,0);
  margin-bottom: 100px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  max-width: 1440px;
  width: 100% !important;
  margin: 0 auto;
  position: relative;
 }
.feature-case .simple-text {
  min-height: 208px;
}
.slider-feature{

width: 100%;
margin: 0 auto;
text-align: center;
}

.fetaure-imgs{
  display: flex;
  width: 100%;
  height: 150px;
  overflow: hidden;
}
.fetaure-imgs img {
  width: 100%; 
  height: 100%; 
  object-fit: cover; 
}
.feature{
  width: 20%;
  border-radius: 24px;
  background-color: #fff;
  margin: 0 auto;
  padding: 48px;
  box-shadow: 0px 0px 15px rgba(122, 124, 134, 0.25);
  min-height: 550px;
  margin: 32px;
}
.feature .simple-text{
    text-align: left !important;
}
.feature-case .simple-text{
    text-align: left !important;
}
.feature-case{
  width: 33%;
  border-radius: 24px;
  background-color: #fff;
  margin: 0 auto;
  padding: 48px;
  max-width: 370px;
  box-shadow: 0px 0px 15px rgba(122, 124, 134, 0.25);
  margin: 15px;
}
.slider-features{
    display: flex;
    align-items: stretch; 
    overflow: hidden;
}
.headline_feature{
  width: 60%;
  margin: 0 auto;
  max-width: 1440px;
  text-align: center;
  padding: 70px 0px 10px;
}
.title_feature{
  font-size: 24px;
  line-height: 115%;
  font-family: 'Satoshi';
  font-weight: 500;
  color: #48465B;
  letter-spacing: 1px;
  text-align: left;
}

/*------------------------------------*\
    CASE STUDY
\*------------------------------------*/
.archive-case {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.feature-case {
    flex: 0 0 33.33%; 
    box-sizing: border-box; 
    text-align: left;
}
.feature-case, .feature-case .simple-text, .feature-case .image-case{
  margin-bottom: 24px;
}
.archive-bg{
  max-width: 1200px;
  margin: 0 auto;
}
.image-case img{
  height: 48px;
  width: auto;
}

/*------------------------------------*\
    BLOG
\*------------------------------------*/
.archive-post {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.excerpt{
padding-bottom: 20px;
}
.feature-post {
    flex: 0 0 33.33%; 
    box-sizing: border-box; 
}
.feature-blog{
  width: 30%;
  border-radius: 24px;
  background-color: #fff;
  margin: 0 auto;
  max-width: 400px;
  box-shadow: 0px 0px 15px rgba(122, 124, 134, 0.25);
  margin: 30px;
}
.blog-content{
    padding: 24px;
}
.blog-title-h2{
  font-size: 32px;
  line-height: 115%;
  font-family: 'Satoshi';
  font-weight: 500;
  color: #48465B;
  letter-spacing: 2px;
}
.feature-post{
  width: 33%;
  border-radius: 24px;
  background-color: #fff;
  margin: 0 auto;
  max-width: 360px;
  box-shadow: 0px 0px 15px rgba(122, 124, 134, 0.25);
  margin: 16px;
}
.image-post img {
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
    display: block;
    width: 100%;
    height: 259px;
}
.image-feature img{
  border-radius: 24px;
  display: block;
  width: 100%;
  height: auto;
  padding: ;
  margin-right: ;
  max-width: 400px;
  margin-left: 30px;
}
.blog-chosen-container{
  display: flex;
  padding: 0 10px;
  max-width: 1200px;
  margin: 0 auto;
  padding-bottom: 20px;
}
.image-feature{
  flex: 1;
}
.blog-chosen{
  flex: 2;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.fs{
    align-self: flex-start !important;
}
.p0{
    padding: 0px !important;
}
.m0{
    margin: 0px !important;
}
.blog-post-title{
  font-size: 25px;
  line-height: 115%;
  font-family: 'Satoshi';
  font-weight: 500;
  color: #48465B;
  letter-spacing: 1px;

}
.feature-post-wp{
  width: 100%;
  border-radius: 24px;
  background-color: #fff;
  margin: 0 auto;
  max-width: 695px;
  box-shadow: 0px 0px 15px rgba(122, 124, 134, 0.25);
  margin: 3px;
  display: flex;
  overflow: hidden;
}
.image-post-wp {
    background-size: cover;  
    background-position: center; 
    background-repeat: no-repeat;  
    height: auto; 
    width: 38%; 
}
.blog-content-wp{
  width: 62%;
  padding: 32px;
}
.blog-post-title-wp{
  font-size: 22px;
  font-family: 'Satoshi';
  font-weight: 500;
  color: #48465B;
  letter-spacing: 2px;
  padding: 6px 0px;
  line-height: 115%;
}
.info-box-person{
  display: flex;
  border-radius: 24px;
  padding: 48px;
  box-shadow: 0px 0px 15px rgba(122, 124, 134, 0.25);
}
.info-right-person{
  flex: 2;
}
.info-left-person{
  flex: 2;
}
.author{
  padding-bottom: 30px;
}
.leader-person{
  display: flex;
  align-items: left;
  flex-direction: column;
  justify-content: center;
  padding-left: 20px;
}
.info-box-person-blog{
  display: flex;
}
/*------------------------------------*\
    ABOUT CHESS
\*------------------------------------*/
.about-chess{
  display: flex;
  justify-content: center;
  align-items: center;
}
.left-about-chess{
  flex: 1;
}
.right-about-chess{
  flex: 1;
}
.about-desc p:first-of-type {
  padding-top: 50px;
}
.about-desc p{
  font-size: 16px;
  line-height: 28px;
  font-family: 'Satoshi';
  font-weight: 400;
  color: #48465B;

}
/*------------------------------------*\
    TEXT CONTAINER
\*------------------------------------*/
.text-container-row{
  display: flex;
  flex-direction: column;
  justify-content: center;

}
.text-container{
  max-width: 1200px;
  margin: 0 auto;
}
/*------------------------------------*\
    CONTACT
\*------------------------------------*/
.contact-box{
  display: flex;
  padding: 100px 0px;
  max-width: 1200px;
  margin: 0 auto;
}
.right-contact-box{
  flex: 1;
}
.left-contact-box{
  flex: 1;
  padding: 0px 30px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.img-contact{
  align-self: center;
}
.wpcf7-spinner{
    display: none;
}
/*------------------------------------*\
    HEADlINE
\*------------------------------------*/
.headline-item{
  text-align: center;
  padding: 10px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  margin: 0 auto;
}
.headline-box{
    padding: 48px 0px 96px;
}
.headline-bg{
  margin: 0px 0px 50px;
    padding: 5px 0px;
}
#wpcf7-f661-o2 > form:nth-child(2) > div:nth-child(2) > div:nth-child(1) > span:nth-child(2) > input:nth-child(1){
text-align: center !important;
}
#wpcf7-f661-o3 > form:nth-child(2) > div:nth-child(2) > div:nth-child(1) > span:nth-child(2) > input:nth-child(1){
text-align: center !important;
}
.headline-box-down{
  padding: 96px 0px;
}

.social-media-case{
  display: flex;
  flex-direction: column;
  padding-top: 100px;
  position: fixed;
  top:15%;
  right:15%;
}
.svg-container-sm svg:hover path {
    fill: #5578EB;
}

.hoverable-svg:hover path {
    fill: #5578EB;
}
.hoverable-svg-link:hover #uniquePath {
    stroke: #5578EB;
}
.tns-nav{
  padding: 25px 0px;
}
.spis-template{
  display: flex;
  max-width: 1200px;
}
/*------------------------------------*\
    COUNTER
\*------------------------------------*/
.counter-value-wrap {
    display: inline-flex; 
    align-items: center; 
}

.counter-value {
    margin-right: 3px; 
}
.percent-symbol{
  text-align: center;
  font-size: 72px;
  line-height: 115%;
  font-family: 'Satoshi';
  font-weight: 500;
  color: #1DC9B7;
  letter-spacing: 2px;
}
.counter-columns{
  display: flex;
  justify-content: center;
  flex-direction: column;
  max-width: 1200px;
  margin: 0 auto;
}
.counter-content{
  justify-content: center;
  align-items: center;
  display: flex;
  flex-direction: column;
  width: 25%;
}
.counter-column{
  display: flex;
  justify-content: center;
  gap: 2%;
  width: 100%;
  margin: 0 auto;
}
.counter-container{
  padding: 96px;
  border-radius: 20px;
}
.podpis_feature{
  width: 55%;
  margin: 0 auto !important;
  padding-bottom: 30px;
  text-align: center;
}
.counter-value{
  text-align: center;
  font-size: 72px;
  line-height: 115%;
  font-family: 'Satoshi';
  font-weight: 500;
  color: #1DC9B7;
  letter-spacing: 2px;

}/*------------------------------------*\
    SOCIAL MEDIA
\*------------------------------------*/
.sm-container{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.social_media{
  text-align: center;
  padding: 50px 0px;
  justify-content: center;
  display: flex;
  gap: 5%;
}

/*------------------------------------*\
    WEBINARY
\*------------------------------------*/
.webinary-chosen{
width: 67%;
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 0px 40px;
}
.webinary-image-feature{
    width: 33%;
    max-width: 380px;

}
.webinary-image-feature img{
  border-radius: 24px;
}
.webinary-chosen-container{
    display: flex;
    padding: 0px 20px;
    justify-content: center;
}
/*------------------------------------*\
    TABS
\*------------------------------------*/
.tabs{
  display: flex;
  margin-bottom: 20px;
  max-width: 1200px;
  margin: 0 auto;
  justify-content: center;
  gap: 5%;
  border-bottom: 2px solid #D3D3D3;
  padding-bottom: 20px;
  margin: 0 auto;
}
.tab-button{
  display: flex;
  
}
.tab-button[onclick="showTab(1)"],
.tab-button[onclick="showTab(2)"],
.tab-button[onclick="showTab(3)"],
.tab-button[onclick="showTab(4)"],
.tab-button[onclick="showTab(5)"],
.tab-button[onclick="showTab(6)"],
.tab-button[onclick="showTab(7)"],
.tab-button[onclick="showTab(8)"] {
    white-space: nowrap;
}


.tabs-vertical-section {
  display: flex;
  margin-bottom: 20px;
  width: 20%;
  justify-content: center;
  flex-direction: column;
  align-items: flex-start;
  gap: 5%;
  position: relative; 
  margin: 5% 0%;
}

.tabs-vertical-section::before {

}



.tab-button-vertical-blue {
  position: relative;
}



.tab-button-vertical {
margin-right: 10px;
padding: 10px 20px;
cursor: pointer;
display: flex;
align-items: center;
}

.tab-button-vertical-blue {

padding: 10px 20px;
cursor: pointer;
display: flex;
align-items: center;
width: 175px;
}
.tab-button-vertical-blue.active {


}
.tab-button-vertical-blue.active .svg-container-vertical svg path {
  stroke: #;  
}
.wrapper-vertical-section{
  max-width: 1200px;
  width: 95%;
  margin: 0 auto;
  position: relative;
  display: flex;
  justify-content: center;
}
.info-box-vertical{
  display: flex;
  flex-direction: column;
  padding: 80px 0px;
  align-items: flex-start;
  margin-left: 50px;
}
.tabs {
  display: flex;
  margin-bottom: 20px;
  max-width: 1200px;
}
.tab-button {
  margin-right: 10px;
  padding: 10px 20px;
  cursor: pointer;
}
.tab-button.active.blue {
  color: #5578EB;
  border-bottom: 2px solid #5578EB;
  margin-bottom: -21.5px; 
}
.tab-button.active.green {
  color: #1DC9B7;
  border-bottom: 2px solid #1DC9B7;
  margin-bottom: -21.5px; 
}
.tab-button.active.pink {
  color: #FD397A;
  border-bottom: 2px solid #FD397A;
  margin-bottom: -21.5px; 
}
.tab-button{
  
}
/* Style dla aktywnych przycisków z kolorem niebieskim */
.tab-button.active.blue  {
    stroke: #5578EB !important; /* Przykładowy kolor dla niebieskiego */
    fill: #5578EB !important; /* Przykładowy kolor dla niebieskiego */
}

/* Style dla aktywnych przycisków z kolorem zielonym */
.tab-button.active.green  {
    stroke: #1DC9B7 !important; /* Przykładowy kolor dla zielonego */
    fill: #1DC9B7 !important; /* Przykładowy kolor dla zielonego */
}
/* Style dla aktywnych przycisków z kolorem zielonym */
.tab-button.active.pink  {
    stroke: #FD397A !important; /* Przykładowy kolor dla zielonego */
   fill: #FD397A !important;
}

/* Style dla aktywnych przycisków z kolorem niebieskim */
.tab-button.active.blue .svg-container svg path {
    stroke: #5578EB !important; 
    fill: #5578EB  !important; 
}

/* Style dla aktywnych przycisków z kolorem zielonym */
.tab-button.active.green .svg-container svg path {
    stroke: #1DC9B7 !important; 
    fill: #1DC9B7 !important; 
}

/* Style dla aktywnych przycisków z kolorem różowym */
.tab-button.active.pink .svg-container svg path {
    stroke: #FD397A !important; 
    fill: #FD397A !important; 
}
.tab-button-vertical-blue.active.blue {
color: #5578EB;  
 border-left: 2px solid #5578EB;

}
.tab-button-vertical-blue.active.blue .svg-container-vertical svg path {
  stroke: #5578EB !important;  
  fill: #5578EB !important;  
}
.tab-button-vertical-blue.active.green {
color: #1DC9B7;  
border-left: 2px solid #1DC9B7;
}
.tab-button-vertical-blue.active.green .svg-container-vertical svg path {
  stroke: #1DC9B7 !important;  
  fill: #1DC9B7 !important; 
}
.tab-button-vertical-blue.active.pink {
color: #FD397A;  
 border-left: 2px solid #FD397A;

}
.tab-button-vertical-blue.active.pink .svg-container-vertical svg path {
  stroke: #FD397A !important; 
  fill: #FD397A !important; 
}
.svg-container svg{
  max-width: 22px !important;
  max-height: 22px !important;
  stroke: #d3d3d3 !important;
  width: 22px;
  height: 22px;
  fill: unset;
}
.svg-container-vertical svg{
  max-width: 22px !important;
  max-height: 22px !important;
  stroke: #d3d3d3 !important;
  width: 22px;
  height: 22px;
  fill: unset;
}
.svg-container svg path{
  fill: #D3D3D3;
}
.svg-container-vertical svg path{
  fill: #d3d3d3;
}

.chess-bg{
    width: 1340px !important;
}
/*------------------------------------*\
    CHECKBOX
\*------------------------------------*/
.checkbox{
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  width: calc(50% - 30px);
  box-sizing: border-box; 
  margin-bottom: 30px;
}
.checkboxes{
  padding: 20px;
}
.checkbox-container-row{
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}
.checkbox-wrapper{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 50px;
  width: 90%;
  margin: 0 auto;
  padding-top: 30px;
  max-width: 1200px;
}
.checkbox-image {
    height: 90px;  
    width: 90px;  
    flex-shrink: 0; 
    display: flex;  
    align-items: center;
    justify-content: center;
}
.checkbox-image img {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
}

/*------------------------------------*\
    GLOBAL
\*------------------------------------*/
    .current-lang-code{
  padding-left: 5px;
  color: #48465B;
  text-transform: uppercase;
  font-family: 'Satoshi';
  font-weight: 500;
  font-size: 14px;
    }
    .social-media-sticky {
    position: sticky;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;  /* Odstęp od prawej strony */
    z-index: 1000;  /* Aby zapewnić, że będzie wyżej niż inne elementy */
    display: flex;
    flex-direction: column;
}
.table-title{
    margin-bottom: 48px !important;
}
.social-media-sticky a {
    margin-bottom: 10px;  /* Odstęp między ikonami */
    display: block;  /* Aby upewnić się, że są w pionie */
}

.social-media-sticky img {
    max-width: 40px;  /* Zmienić na odpowiednią szerokość */
    height: auto; 
}

.tekst-box h1{
     font-size: 48px;
     line-height: 55px;
     font-family: 'Satoshi';
     font-weight: 500;
     color: #48465B;

    }
    .tekst-box p{
     font-size: 22px;
     line-height: 38px;
     font-family: 'Satoshi';
     font-weight: 400;
     color: #48465B;

    }
    .leader-box {
        display: flex;
        flex-direction: column;
    }
    .p10{
        padding: 10px 0px;
    }
    .h400{
        min-height: 400px;
    }
      .h500{
        min-height: 500px;
    }
    .otgs-development-site-front-end{
        display: none;
    }
    .pt0{
      padding-top: 0px !important;
    }
    .leader-left, .leader-right {
        flex: 1; 
    }
    .leader-img {
        max-width: 128px;
    }
    .t-left {
        text-align: left !important;
    }
    .d-flex {
        display: flex;
    }
    .shadow {
        padding: 0px 40px 50px;
        box-shadow: 0px 0px 15px rgba(122, 124, 134, 0.25);
    }
    .name_sm{
        display: flex;
        align-items: center;
    }
.h32{
  font-size: 32px !important;
}
.t-center{
  text-align: center;
}
.w-80 {
  width: 80%;
  margin: 0 auto;
  max-width: 1440px;
  text-align: center;
}
.w-70 {
  max-width: 996px;
  margin: 0 auto;
  text-align: center;
}
.w-60{
  width: 60%;
  margin: 0 auto;
  max-width: 1440px;
  text-align: center;
}
.w-30{
  width: 30%;
  margin: 0 auto;
  max-width: 1440px;
  text-align: center;
}
.highlight {
    color: #5578EB; 
}
.highlight_blue {
    color: #5578EB; 
}
.highlight_pink {
    color: #FD397A; 
}
.highlight_green {
    color: #1DC9B7; 
}
.highlight_white {
    color: #fff; 
}
.m0{
  margin: 0px !important;
}

.tiles-box .art-title{margin-bottom: 17px;}


.info-left .art-title{
  margin-bottom: 5px;
}

.gray-contact {background: #fcfcfc;padding: unset;} 
.info-box {display: flex;justify-content: space-between;
  padding: 70px 0px;
  border-radius: 20px;
  align-items: center;
  max-width: 1200px;
  margin: 0 auto;

}
.chess-bg{
  border-radius: 20px;
}
.tab-content{
  padding: 5px !important;
}
.info-left {width: 50%;}
.art-title {
}
.simple-text {margin: 10px 0;
  font-size: 16px;
  line-height: 26px;
  font-family: 'Satoshi';
  font-weight: 400;
  color: #48465B;
  letter-spacing: 0.5px;
  }
  .post__content h3 {
  font-size: 22px;
  line-height: 26px;
  font-family: 'Satoshi';
  font-weight: 400;
  color: #48465B;
  letter-spacing: 0.5px;
  }
    .post__content a {
  font-family: 'Satoshi';
  color: #4466D2;
  font-size: 16px;
  vertical-align: unset !important;
  }
  .simple-text-center{
  margin: 30px 0;
  font-size: 18px;
  line-height: 26px;
  font-family: 'Satoshi';
  font-weight: 400;
  color: #48465B;
  letter-spacing: 0.5px;
  text-align: center;
  }
  .simple-text-cf7{
  font-size: 12px;
  line-height: 15px;
  font-family: 'Satoshi';
  font-weight: 400;
  color: #48465B;
  letter-spacing: 0.5px;
  text-align: center;
  }
.btn {
}
.info-left{
  padding-top: 50px;
  padding: 20px 0px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height:80%;
}
.art-title{
  margin-bottom: 15px;
  font-size: 48px;
  line-height: 56px;
  font-family: 'Satoshi';
  font-weight: 500;
  color: #48465B;
  letter-spacing: 0.5px;
  padding-top: 5px;
}
.info-right { 
    width: 50%;
}
 

.simple-title{
  font-family:'Satoshi';
  text-transform: uppercase;
}

.gradient-bg{
  margin-top: 20px;
  padding: 20px 0px;
}
body,
.wpcf7-text, .wpcf7-textarea, .wpcf7-captchar{
  font: 400 16px/1.4 'Satoshi', sans-serif;
}
.page-id-3846 .additional-margin {
    margin-left: 305px;
}
.page-id-5238 .additional-margin {
    margin-left: 312px;
}

body {
  color: #595D6E;
  margin: unset;
  padding-top: 70px;
}

body:not(.home){
  padding-top: 100px;
}

/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
  max-width:100%;
  vertical-align:bottom;
}
a {
  text-decoration:none;
  transition: 0.4s;
  color: #5578EB;
}
a:hover {
  color: rgba(85, 120, 235, 0.8);
} 

.realization-item:hover,
.single-art-box:hover,
.industry-category-item:hover,
.my-slider2 .tns-item a:hover{
  opacity:0.7;
}

.single-art-box:hover{
  color:white;
}

.product-cat-top li a:hover{ 
  opacity:0.7;
}
.product-cat-top li a svg{
  position:relative;
  transition: 0.4s;
  right:0px;
}
.product-cat-top li a:hover svg{ 
  right:-10px;;
}

.head-abs{
  position: fixed!important;
  top: 0px;
  margin: 0 auto;
  left: 0px;
  right: 0px;
  z-index: 9999;
    background-color: #fff !important;
}

.stickymenu .head-abs {
    position: fixed;  
    max-width: 100%;
    width:100%;
}

.stickymenu .header {
    max-width: 1200px;
    margin: 0 auto;
    padding: 5px 0px;
    align-items: center;
}


.logo-img {
    transition: 0.4s;
    height: 40px;
}

img.logo-img {
    height: 48px;
}


.stickymenu .logo-img {
    height: 40px!important;
}


.head-abs:after{
  content:"";
  height: 0%;
  position: absolute;
  left: 0px;
  width: 100%;
  top: 0px;
  z-index: -1;
  transition: 0.4s;

} 
.stickymenu .head-abs:after{
  content:"";
  height: 100%;
  background-color: #fff;
}       
    
/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* wrapper */
.wrapper {
  max-width: 1440px;
  width:95%;
  margin:0 auto;
  position:relative;
}
.wrapper-footer {
  max-width: 1200px;
  width:100%;
  margin:0 auto;
  position:relative;
}
/* header */
.header {display: flex;justify-content: space-between;align-items: flex-start;padding-top: 25px;transition: 0.4s;}
/* logo */
.logo {

}
.logo-img {

}
/* nav */
.nav {display: flex;align-items: center;margin-right: 30px;}

.nav ul{
    padding: unset;
    list-style: none;
    display: flex;
    justify-content: flex-end;
    margin: unset;
}
.nav li{
    margin-left: 25px;
    white-space: nowrap;
    padding: 15px 0;
}

.header .nav li:hover .sub-menu{
  display:block;
}

.nav .menu-item-has-children{
  margin-right: 9px;
}


.nav a:hover,
.current_page_parent > .wrap-li a,
.current-menu-ancestor > a,
.current-menu-item > a, 
.current-menu-item .wrap-li > a,
.current-page-ancestor > a{
  transition: 0.4s;

}


  
.header  .nav .sub-menu{
  position:absolute;
  flex-direction: column;
  background: white;
  display: none;
}

.header  .nav .sub-menu .sub-menu{
    position: initial;
    padding-left: 20px;
    margin-top: unset;
}


@keyframes load {
  0%   {opacity:0;} 
  100% {opacity: 1}
}

.header .sub-menu   li{margin-left: unset;padding: unset;}
.header .sub-menu a{
  padding-left: unset;
  display: block;
  padding: 10px 15px;
  margin: unset;
  padding: 10px;
}
.header .sub-menu li:first-child {
    margin-left: unset;
    padding: unset;
}

.header .sub-menu li:first-child a {
    padding-left: unset;
    display: block;
    padding: 10px 10px;
    margin: unset;
    padding-top: 20px;
}


.nav a{
   font-family: 'Satoshi';
  font-weight: 500;
  font-size: 14px;
  gap: 4px;
  color: #48465B;
}
.sidebar {

}
/* footer */
.footer {
  background-color: #48465B;
  margin-top: 30px;
  position: relative;
  z-index: 100000000
}
.btn1{
  padding: 12px 24px;
  background-color: #5578EB;
  border-radius: 32px;
  margin-left: 20px;
  color: #fff !important;
}
.btn1:hover{
  color: rgba(255,255,255,0.5) !important;
}
.foot-col-1{
  display: none;
}
/*------------------------------------*\
    FOOTER
\*------------------------------------*/
.foot-col-1{
  display: none;
}
.foot-col a{
  font-family: 'Satoshi';
  font-weight: 500;
}
.foot-title{
  margin-bottom: 32px;
  font-size: 16px;
  color: #fff;
  font-weight: 500;
  line-height: 16px;
  text-transform: none;
  padding-bottom: 25px;
  text-transform: none !important;
}
.copy-right{
    color: #fff;
}
.copy-right a{
    color: #fff;
}
.copy-left img{
    padding: 48px 0px 10px;
    max-width: 150px;
}
.contact-form-send .btn_blue{
    padding: 8px 16px;
}
.copy-right img{
    padding: 10px;
}

/*------------------------------------*\
    PAGES
\*------------------------------------*/



/*------------------------------------*\
    IMAGES
\*------------------------------------*/



/*------------------------------------*\
  TYPOGRAPHY
\*------------------------------------*/

@font-face {
  font-family:'Font-Name';
  src:url('../font-name.html');
  src:url('../font-named41d.html#iefix') format('embedded-opentype'),
    url('../font-name-2.html') format('woff'),
    url('../font-name-3.html') format('truetype'),
    url('../font-name-4.html#font-name') format('svg');
    font-weight:normal;
    font-style:normal;
}
 

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
  background:#04A4CC;
  color:#FFF;
  text-shadow:none;
}
::-webkit-selection {
  background:#04A4CC;
  color:#FFF;
  text-shadow:none;
}
::-moz-selection {
  background:#04A4CC;
  color:#FFF;
  text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
  margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
  display:block;
  margin:5px auto 5px auto;
}
.alignright {
  float:right;
  margin:5px 0 20px 20px;
}
.alignleft {
  float:left;
  margin:5px 20px 20px 0;
}
a img.alignright {
  float:right;
  margin:5px 0 20px 20px;
}
a img.alignnone {
  margin:5px 20px 20px 0;
}
a img.alignleft {
  float:left;
  margin:5px 20px 20px 0;
}
a img.aligncenter {
  display:block;
  margin-left:auto;
  margin-right:auto;
}
.wp-caption {
  background:#FFF;
  border:1px solid #fff;
  max-width:96%;
  padding:5px 3px 10px;
  text-align:center;
}
.wp-caption.alignnone {
  margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
  margin:5px 20px 20px 0;
}
.wp-caption.alignright {
  margin:5px 0 20px 20px;
}
.wp-caption img {
  border:0 none;
  height:auto;
  margin:0;
  max-width:98.5%;
  padding:0;
  width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
  font-size:11px;
  line-height:17px;
  margin:0;
  padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}
.post__content h1:target, 
.post__content h2.spish2:target {
    padding-top: 70px; /* Wysokość marginesu plus wysokość sticky header */
    margin-top: -70px; /* Negatywny margines równy paddingowi */
}


/*------------------------------------*\
    PRINT
\*------------------------------------*/


@media print {
  * {
    background:transparent !important;
    color:#000 !important;
    box-shadow:none !important;
    text-shadow:none !important;
  }
  a,
  a:visited {
    text-decoration:underline;
  }
  a[href]:after {
    content:" (" attr(href) ")";
  }
  abbr[title]:after {
    content:" (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content:"";
  }
  pre,blockquote {
    border:1px solid #999;
    page-break-inside:avoid;
  }
  thead {
    display:table-header-group;
  }
  tr,img {
    page-break-inside:avoid;
  }
  img {
    max-width:100% !important;
    height: auto;
  }
  @page {
    margin:0.5cm;
  }
  p,
  h2,
  h3 {
    orphans:3;
    widows:3;
  }
  h2,
  h3 {
    page-break-after:avoid;
  }
}


#toggle{
 display: none;
}
.postid-25511 .head-right, .postid-25502 .head-right{
margin-top: -10px;
}
.postid-25502 .current-lang-code{
  padding-right: 3px;
}

 

@media only screen and (min-width:1411px) { 
 
}

@media only screen and (max-width:1410px) {


  header .nav.show-mobile ul{
    display: none;
    position: initial;
  }
  header .sub-menu{
    padding: 0px!important;
  }
  header .sub-menu li{
    margin: 0px!important;
    padding-left: 0px;
  }

  .header .nav .sub-menu{
    position: initial;
    display: block;
    margin-top: unset!important;
  }
  .header .nav .sub-menu .sub-menu{
    padding-left: 29px!important;
  }

  .nav li{
    margin-left: unset;
    padding: 0;
  }

   header .nav ul{
      overflow: hidden;
      background: white;
      flex-direction: column;
      width: 100%;
      padding: 19px;
      z-index: 9999999;
      border-top: unset!important;
      left: 0px;
      transition: 0.4s;
      margin: unset;
      display: none;
  }
  header .nav ul a{
    padding: 5px;
    display: inline-block;
    font-size: 20px;
    width: 100%;
    background:unset;
  }
.stickymenu .logo-img {
  height: 48px !important;
  margin-top: 0px;
}
    .logo{
      margin-left: 20px;
    }
 .header{
padding: 10px 0px;
 }
 .menu-button{
    display: flex;
    padding: 10px 0px 0px 0px !important;
 }

 .permalink{
  padding: 20px 30px 20px 0px;
 }
 .head-right .flags::after{
    top: 70%;
 }
 .head-right .flags{
    padding-top: 15px;
    margin: 0px !important;
 }.info-left{
  padding: 0px !important;
 }
  .head-abs .wrapper{width: 100%;}


  .wrapper-mobile {
      width: 100%;
  }
 

  header .nav{
    z-index: 999999; 
  }

  .stickymenu #toggle{
  top: 10px;
  }

    .stickymenu header .nav ul{
      top: 44px;
    }

  .menu-item-has-children::after{
    display: none;
  }
  .header .sub-menu li:first-child a{
    padding-top: 10px;
  }
#toggle {
        display: flex;
        padding: 10px;
        text-align: right;
        font-size: 40px;
        width: 100%;
        padding-right: 10px;
        flex-direction: column;
        align-items: flex-end;
        position: absolute;
        margin-left: unset;
        width: 51px;
        right: 20px;
        z-index: 99999999;
        top: 10px;
        opacity: 0; 
        animation: fadeIn ease 1s;
        animation-delay: 1s; 
        animation-fill-mode: forwards; 
    }
  @keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}
   .arrow-menu{
     display: initial!important;
    }

  .hamburger-icon{
      width: 31px;
      height: 3px;
      background-color: #5578EB;
      margin: 2px 0;
      display: block;
  }
    
  .head-wrap{
    width: 100%;
  }


  .nav > ul{  
    height: 100vh;
    overflow-y: scroll;
    padding-bottom: 50px!important;
  }
    
}

.wpcf7 form.invalid .wpcf7-response-output{
  border-color: #fff !important;
}

.form-row-cf{
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    width: 100%;
}

 
.form-row-cf{
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    width: 100%;
}

 
.form-item-cf{
    width: 100%;
    margin: 10px 0px;
}
.wpcf7-form-control-wrap{
  padding: 10px 0px;
}
 input[type="checkbox"][name="customCheck1"] {
    border-radius: 32px !important;
}

.wpcf7-text, .wpcf7-textarea, .wpcf7-captchar {
    width: 100% !important;
    font-size: 14px;
    color: black!important;
    padding: 16px !important;
    font-weight: normal;
    border: 1px solid #d5d5d5;
    margin-top: 0px;
    border-radius: 32px;
}

.form-row-cf .form-item-cf:first-of-type input{
  margin-top: unset;
}


.wpcf7-text:active, .wpcf7-text:focus, .wpcf7-textarea:active, .wpcf7-textarea:focus {
    outline: none!important;
    border:none;
    color: black;
    border: 1px solid #d9d9d9;
}


::-webkit-input-placeholder { /* Chrome */
  color: #c3c3c3;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #c3c3c3;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #c3c3c3;
  opacity: 1;
}
:-moz-placeholder { /* Firefox 4 - 18 */
  color: #c3c3c3;
  opacity: 1;
}
input[type="submit"] {

    border: none;     
  
    font-family: inherit; 
    font-size: inherit;   
    color: inherit;     
    cursor: pointer;    


}

.contact-form-send{
  text-align: center;
}


.wpcf7-text:active::-webkit-input-placeholder,
.wpcf7-text:focus::-webkit-input-placeholder,
.wpcf7-textarea:active::-webkit-input-placeholder,
.wpcf7-textarea:focus::-webkit-input-placeholder{ 
    color:black;
}
.wpcf7-text:active::-ms-input-placeholder,
.wpcf7-text:focus::-ms-input-placeholder,
.wpcf7-textarea:active::-ms-input-placeholder,
.wpcf7-textarea:focus::-ms-input-placeholder{ 
    color:black;
}
.wpcf7-text:active::-moz-placeholder,
.wpcf7-text:focus::-moz-placeholder,
.wpcf7-textarea:active::-moz-placeholder,
.wpcf7-textarea:focus::-moz-placeholder{ 
    color:black;
}
.wpcf7-text:active::-moz-placeholder,
.wpcf7-text:focus::-moz-placeholder,
.wpcf7-textarea:active::-moz-placeholder,
.wpcf7-textarea:focus::-moz-placeholder{ 
    color:black;
} 

.form-column-cf{display: flex;justify-content: space-between;flex-direction: column;}



@media only screen and (max-width:700px) {

    .form-column-cf{
    flex-direction: column;
  }

  .form-row-cf{
    width:100%;
  }

}



.bg-single{
  height: 450px;
  background-size: cover;
  background-position: center;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
}

.bg-single.no-img{background-color: black;}




.hidden {
  opacity: 1;
}

      .gallery-size-full .gallery-item {
          padding: 5px;
      }

.foot-bg {background: #48465B;}
.logo-item:hover{
  opacity:0.7;
}
.foot-cols {display: flex;justify-content: space-between;padding: 60px 0px;flex-wrap: wrap;}
.foot-col a {transition: 0.4s;}

.foot-col a:hover{
opacity:0.7;
}
.foot-col p{
  margin-top: 0px;
}
.foot-col ul{
    margin: unset;
    padding: unset;
    list-style: none;
    line-height: 30px;
}
.foot-col li{
    max-width: 250px;
}
.foot-col a{
  color: #fff;
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
}

.foot-title {
  text-transform: uppercase;
  margin-bottom: 5px;
  font-size: 16px;
  color: #fff;
  font-weight: 500;
  line-height: 16px;
}
.hr-bar {height: 1px;background: #6E6B89;}

.copyright{
  text-align: center;
  padding: 20px 0px;
  margin: unset;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  color: black;
  font-weight: 100;
  font-size: 14px;
}

.copy-left{ 
  display: flex;
  color: #fff;
  font-family: 'Satoshi';
  font-weight: 400;
  font-size: 14px;
}
.copy-left a{ 
  color: #fff !important;
  font-family: 'Satoshi';
  font-weight: 400;
  font-size: 14px;
}


.foot-spac{
  margin: 0 10px;
}

.foot-col img{
  margin:unset;
}


.foot-logo{
  
height: 30px;
  
margin-left: 20px;
}

.blog-post-title-4{
   color: #48465B;
  font-family: 'Satoshi';
  font-weight: 500;
  font-size: 14px;


}
 

span.wpcf7-list-item{
  margin-left:unset;
}

.copysend{
  display: none!important;
}


.btn:hover a {

}
  

.page-bread span{
  display: flex;
  flex-wrap: wrap;
}


.page-bread p {
  margin:unset;
  display: flex;
}

.page-bread{
  display:flex;
  flex-wrap: wrap;
}
.my-slider3{
  transform: translate3d(-50%, 0px, 0px);
}
 .tns-item:not(.tns-slide-active)    + .tns-slide-active   + .tns-slide-active  { 
  /*center slider*/
}
.tns-nav button {
    background: none;
    border: none;
    padding: 0;
    margin: 5px;
    outline: none;
    appearance: none; 
    -webkit-appearance: none; 
    -moz-appearance: none; 
    cursor: pointer; 
    transition: background-color 0.3s ease;
    background-color: #A2A5B9; 
  border-radius: 50%; 
  width: 8px; 
  height: 8px; 
  transition: background-color 0.3s ease;
}
button.tns-nav-active{
  background-color: #5578EB; 
  border-radius: 50%; 
  width: 8px; 
  height: 8px; 
  transition: background-color 0.3s ease;
}
button.tns-nav{
  background-color: #A2A5B9; 
  border-radius: 50%; 
  width: 8px; 
  height: 8px; 
  transition: background-color 0.3s ease;
}
.tns-nav{
  text-align: center;
}

.simple-margin{
  word-break: break-all; 
  margin: 0 auto;
  padding: 80px 0;
}

  .menu-wrap-list {
      position: absolute;
      top: 0px;
      border-top: 1.5px dashed #c1c1c1!important;
      overflow-y: scroll;
      left: 0px;
      width: 100%;
      height: calc(101vh);
      display: none;
      background: white;
      transition: 0.4s;
      padding-top: 80px;
  }

.stickymenu .menu-wrap-list{
  top: 90px;
}

.foot-col-1{}

.foot-col-1 img{
    max-width: 200px;
}

.blog-post-title-4{

}


 

 
  .gallery  img{
      border: unset!important;
      height: auto;
  }
  div.gallery {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-wrap: wrap;
  }

.arrow-menu{
  position: absolute;
  right: -5px;
  top: 5px;
  width: 30px;
  height: 20px;
  text-align: center;
  z-index: 999;
  transition: 0.4s;
}
.arrow-menu {
    display: flex!important;
    transform: rotate(0deg);
    align-items: center;
    justify-content: center;
}
.arrow-menu.rotatearrow {
    transform: rotate(180deg);
}


.sub-menu.opensubmenu {
    display: block!important;
}




/* RWD */

@media only screen and (min-width:1800px) {

}
@media only screen and (min-width:1200px) {
.feature-bg{
max-width: 1920px;
margin: 0 auto;
}
}
@media only screen and (max-width:1535px) {

}
 
@media only screen and (max-width:1365px) {
  .info-box {
    flex-direction: column;
    padding: 15px;
    border-radius: 30px;
  }
  .fcm{
    align-items: center !important;
  }
  .leader-box{
    align-items: center;
  }
  .info-left {
    width: 100% !important;
    padding-left: 0px !important;
  }
  .gradient-bg{
    padding: 20px !important;
  }
  .buttons-slider{
    gap: 1px;
  }
  .copy-left{
    flex-direction: column;
    align-items: center;
  }
  .menu-description{
        white-space: normal;
    overflow: hidden;
    word-wrap: break-word;
  }
  .copy-right{
    justify-content: center;
  padding-top: 20px;
  width: 100%;
  gap: 10%;
  }
  .mega2{
    display: unset;
  }
  .counter-content{
    width: 100%;
  }
  .about-desc p:first-of-type {
  padding-top: 0px !important;
}

  .tab-button {
    /* tutaj jakieś style dla .tab-button, jeśli są potrzebne */
  }

  .info-right {
    width: 100% !important
  }

  .slider-logo {
    width: 90%;
  }

  .headline_feature {
    width: 100%;
    padding: 0px 10px;
  }

  .w-30 {
    width: 100%;
  }

  .counter-column {
    flex-direction: column;
    width: 90%;
  }

  .w-60 {
    width: 80% !important;
  }

  .blog-chosen-container {
    flex-direction: column;
    align-items: center;
  }
   .image-feature{
    margin-top: 20px;
   }
  .image-feature img, .blog-chosen {
    max-width: 1200px;
    margin: 0 auto;
  }

  .t-left, .t-left-mobile {
    text-align: center !important;
  }

  .wrapper-vertical-section {
    padding: 0px 50px;
  }

  .contact-box {
    flex-direction: column;
  }

  .left-contact-box, .right-contact-box {
    width: 100%;
  }

  .left-contact-box .title-contact, .form_newsletter {
    width: 100% !important;
  }

  .email-container {
    margin: 0 auto;
  }

  .img-contact {
    width: 100%;
    text-align: center;
  }

  .tabs-vertical-section {
    border-left: 0px;
  }
}

@media only screen and (max-width:1400px){
 .tabs{
  flex-direction: column;
  align-items: center;
}
#search-input{
    width: 250px;
}
.foot-cols{
    flex-direction: column;
    padding: 10px 0px;
}
.foot-col{
    width: 100%;
    padding: 10px 30px;
}
.tab-button{
   margin: 0 auto;
   text-align: center;
}
.title_green, .title_pink, .title_blue, .title_white{
    text-align: left;
}
.info-box{
    text-align: center;
}
.webinary-chosen-container {
     flex-direction: column; 
     align-items: center; 
 }

 .webinary-chosen, .webinary-image-feature {
     width: 100%; 
     max-width: 800px; 
     text-align: left; 
 }
 .webinary-image-feature img{
       padding: 20px 0px;
 }
.image-feature img, .blog-chosen{
  max-width: 1000px;
  margin: 0 auto;
}
.webinary-chosen{
    padding: 0px 20px;
}
}
@media only screen and (max-width:1250px){
  .blog-chosen{
  
  }
.image-feature img, .blog-chosen{
  max-width: 700px;
  margin: 0 auto;
}
    .archive-post{
      flex-direction: column;
      align-items: center;
      width: 100%;
      margin: 0 auto;
      padding: 0px;
      flex-wrap: nowrap;
    }
    .feature-post{
    width: 100%;
  }
  .contact-box{
    flex-direction: column;

  }
  .left-contact-box{
    width: 100%;
  }
    .right-contact-box{
    width: 100%;
  }
  .left-contact-box .title-contact{
    width: 100% !important;
  }
  .form_newsletter{
    width: 100% !important;
  }
  .email-container{
    margin: 0 auto;
  }
  .img-contact{
    width: 100%;
    text-align: center;
  }
  .tns-item {
    transform: translate3d(0, 0, 0) !important;
}
  }
@media only screen and (max-width:1250px){
  .checkbox-wrapper{
    flex-direction: column;
  }
  .chess-bg{
    width: unset !important;
  }
  .checkbox{
    max-width: 100%;
    width: 100%;
  }
  .checkbox-wrapper{
    width: 100%;
    margin: 0 auto;
  }
  .headline-item{
    width: 100%;
  }
 .archive-case{
  flex-direction: column;
  align-items: center;
 }
 .feature-case{
  width: 90%;
  padding: 20px;
   margin: 15px auto;
 }
 #post__sidebar-left1, .#post__sidebar-left{
        display: none;
  }
     /* Dodatkowy przycisk do wyświetlenia sidebar */
    #sidebar-toggle-btn {
        display: block;
        padding: 10px;
        background-color: #595D6E;
        color: #FFFFFF;
        text-align: center;
        cursor: pointer;
    }
    .post__content{
      margin: 30px 5px;
    }
    .archive-post{
      flex-direction: column;
      align-items: center;
    }
    .feature-post{
    width: 100%;
  }
  .about-chess{
    flex-direction: column;
    align-items: center;
  }
  .left-about-chess{
    width: 100%;
  }
   .right-about-chess{
    width: 70%;
  }
  .my-slider3{
  transform: translate3d(-50%, 0px, 0px);
}
}


 @media only screen and (min-width: 200px) and (max-width: 1620px)  { 
 
}

@media only screen and (min-width:1251px) {
  .butt-login{
display: none;
  }

}
@media only screen and (max-width:700px) {
    .head-right {
    justify-content: flex-end !important;
    margin-right: 20% !important;
  }
.
}
@media only screen and (min-width: 701px) and (max-width: 1000px) {

  .head-right {
    justify-content: flex-end;
    margin-right: 15% !important;
  }
}
@media only screen and (min-width: 1001px) and (max-width: 1410px) {

  .head-right {
    justify-content: flex-end;
    margin-right: 10% !important;
  }
  .image-cas-wp img {
  max-height: 150px !important;
}
}

@media only screen and (max-width:1410px) {
  .butt-login{
    padding: 12px 24px;
  border-radius: 32px;
  background-color: #5578EB;
  width: auto;
  display: inline-block;
  position: relative;
  color: #fff;
  margin-top: 10px;
  width: 100%;
  text-align: center;
  }
  .butt-login::before {
  content: "";
  display: none;
  background: url('../arrowright.html') no-repeat center;
    background-color: rgba(0, 0, 0, 0);
  background-color: rgba(0, 0, 0, 0);
  width: 20px;
  height: 20px;
  position: absolute;
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
  margin-right: 8px;
  border-radius: 32px;
  padding: 18px;
}
.butt-login::before {
  background-color: #4766CA !important;
}
  .log-butt-mob{
display: none !important;
  }
  .hidden-on-desktop{
    display: unset;
  }

  .copyright{
    flex-direction: column;
  }
    .price-case{
  flex-direction: column;
}
.price-box{
  width: 100%;
  padding:30px !important;
  margin: 0 auto;
}
.price-case{
  align-items: center;
}
  .blog-chosen{
    padding: 20px 30px;
  }
.image-feature img, .blog-chosen{
  max-width: 500px;
}
.tab-button.active.green, .tab-button.active.blue, .tab-button.active.pink{
border-bottom: unset;
margin-bottom: unset;
}
.counter-container{
    padding: 20px;
}
.buttons-slider {
  display: flex;
  gap: 10% !important;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  margin: 0 auto;
}
  .mega-menu-content.mobile-active {
        position: static;
        display: flex;
        flex-direction: column;
    }
    .social-media-case{
        display: none;
    }
.mySwiper{
    padding-left: 0px !important;
}
.swiper-wrapper{
    text-align: center;
}
.additional-margin {
  margin-left: 0px !important;
}
.tabs-vertical-section{
  display: none;
}
.info-box-vertical{
  padding: 40px 0px;
  margin-left: 0px !important;
}
.mega-menu-item{
    width: 100%;
    flex-direction: column
}
.mega-menu-content{
    position: static;
}
    .mega-menu-content{
        padding: 0px !important;
    }
    .copy-right{
     gap: 5% !important;
    }
    .post__content{
        width: unset;
    }
    #post__sidebar-left{
        height: unset !important;
        display: none;
    }
    main{
        flex-direction: column
    }
    .art-title{
        font-size: 32px !important;
        text-align: left;
        line-height: 40px;
        text-align: center;
    }
    .logo {
    z-index: 9999;
    position: relative;
}
    .simple-text{
      text-align: left;
    }
    .gradient-bg{
    margin-top: 0px !important;
  }
  .headline-bg{
    margin: 0px !important;
  }
    .permalink a{
        margin-left: 0px;
    }
.logo-img {
    max-width: 120px;
}
    .permalink::before{
        right: -30px;
        left: unset;
    }
    .stickymenu .header{
        padding: 10px 0px;
    }
    .stickymenu .head-right{
        padding-top: 0px;
        margin-top: -5px;
    }
    .stickymenu .head-right .flags::after {
    top: 65%;
  }
    .stickymenu .head-right .flags {
    padding-top: 10px;
  }
  .tab-button-vertical-blue{
    padding: 5px;
  }
  .navtoggle{
    display: flex;
  }
  .headline-box{
    padding: 48px 48px;
  }
  .mega-menu-content{
    box-shadow: unset;
  }
  .menu-item-with-icon {
  padding: 12px 0px;
}
.has-mega-menu.active .mega-menu-content {
  display: flex;
  flex-direction: column;
}
.mega-menu-item{
  padding: 5px;
}
.foot-col li a{
  font-weight: 300;
}
.left-contact-box .title_blue{
  margin-bottom: 20px;
}
.contact-box{
  padding-top: 40px;
}
.info-box .info-right {
    order: 1; 
}

.info-box .info-left {
    order: 2;
}
.mob50center .art-title {
    text-align: left !important;
}
.stickymenu .menu-wrap-list {
  top: 10px;
}
.active {
  background-color: unset;
}
.baza-wiedzy-content {
  padding-left: 20px;
  padding-right: 20px;
}
iframe{
width: 100%;
}
.info-box-person {
  flex-direction: column;
   align-items: center;

}
.tns-nav{
  display: none;
}
.feature-case-wp .title-post{
min-height: 168px;
}
.info-right-person {
    order: 2; 
}

.info-left-person {
    order: 1;
}
body:not(.home) {
  padding-top: 0px;
}
}