/* Mediakon CSS 6117 */
.m2dev_dodatki442519 {
    position: relative;
    background-color:  !important;
    z-index: 0;
}.m2dev_dodatki442519 .mediakon_heading {
    display: none !important;
}

.m2dev_dodatki442519 {
    margin-top: -355px !important;
    padding: 0px !important;
}

/* Wspólne style */
.m2dev_dodatki442519 .col2 .left,
.m2dev_dodatki442519 .col2 .right {
    position: relative !important; /* wymagane dla nakładki */
    box-shadow: 2px 2px 40px 0px hsla(233, 28%, 19%, calc(100% - 90%)) !important;
    /*background-color: red !important;*/
    border: 0px solid #dfdfdf !important;
    border-radius: var(--radius-small) !important;
    padding: 50px !important;
    background-size: cover !important;
    background-position: center !important;
    color: white !important;
    overflow: hidden !important; /* żeby nakładka nie wychodziła poza */
}

.m2dev_dodatki442519 .col2 .left::after,
.m2dev_dodatki442519 .col2 .right::after {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: rgba(255,255,255,0.20) !important; /* Jasna półprzezroczysta nakładka */
    z-index: 1 !important;
}

/* Tekst nad przydymieniem */
.m2dev_dodatki442519 .col2 .left *,
.m2dev_dodatki442519 .col2 .right * {
    position: relative !important;
    z-index: 2 !important;
}

/* Indywidualne obrazy */
.m2dev_dodatki442519 .col2 .left {
    background-image: url("https://wgn.expert/wp-content/uploads/2025/09/wgn_poznan_zespol_4.jpg") !important;
}

.m2dev_dodatki442519 .col2 .right {
    background-image: url("https://wgn.expert/wp-content/uploads/2025/09/wgn_poznan_zespol_3.jpeg") !important;
}

/* Nagłówki */
.m2dev_dodatki442519 .col2 .left h2,
.m2dev_dodatki442519 .col2 .right h2 {
    font-size: 28px !important;
    color: white !important;
}
.m2dev_dodatki607743 {
  text-align: center !important;
}

.m2dev_dodatki525774.mediakon_theme_first {
--radius-small: 1px;
--radius-medium: 1px;
--radius-large: 50px;
--radius-circle: 1%;
 --padding-top-desktop: 110px;
 --padding-bottom-desktop: 110px;
 --padding-top-tablet: 80px;
 --padding-bottom-tablet: 80px;
 --padding-top-mobile: 60px;
 --padding-bottom-mobile: 60px;
 --padding-top-second: 65px;
 --padding-bottom-second: 65px;
}
.m2dev_dodatki525774.mediakon_theme_second {
--radius-small: 1px;
--radius-medium: 1px;
--radius-large: 50px;
--radius-circle: 1%;
 --padding-top-desktop: 110px;
 --padding-bottom-desktop: 110px;
 --padding-top-tablet: 80px;
 --padding-bottom-tablet: 80px;
 --padding-top-mobile: 60px;
 --padding-bottom-mobile: 60px;
 --padding-top-second: 65px;
 --padding-bottom-second: 65px;
}
.m2dev_dodatki525774.mediakon_theme_third {
--radius-small: 1px;
--radius-medium: 1px;
--radius-large: 50px;
--radius-circle: 1%;
 --padding-top-desktop: 110px;
 --padding-bottom-desktop: 110px;
 --padding-top-tablet: 80px;
 --padding-bottom-tablet: 80px;
 --padding-top-mobile: 60px;
 --padding-bottom-mobile: 60px;
 --padding-top-second: 65px;
 --padding-bottom-second: 65px;
}
.m2dev_dodatki958592 .mediakon_heading {
  text-align: center !important;
}

.m2dev_dodatki958592 h2,
.m2dev_dodatki958592 h4,
.m2dev_dodatki958592 p {
  text-align: center !important;
  display: block;
  width: 100%;
  margin: 0 0 1em 0;
}
.custom-button {
  display: inline-block;
  padding: 12px 24px;
  border: 1px solid #000;
  color: #000;
  background-color: transparent;
  text-decoration: none;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 16px;
  border-radius: 10px;
  text-align: center;
  transition: all 0.3s ease;
}

.custom-button:hover {
  background-color: #000;
  color: #fff;
  border-color: #000;
}