.elementor-33213 .elementor-element.elementor-element-b747d45{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-33213 .elementor-element.elementor-element-f466efc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-33213 .elementor-element.elementor-element-4cd23c1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-33213 .elementor-element.elementor-element-1902534{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-33213 .elementor-element.elementor-element-9e7bd99{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-33213 .elementor-element.elementor-element-2be7a15{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(min-width:768px){.elementor-33213 .elementor-element.elementor-element-f466efc{--width:50%;}.elementor-33213 .elementor-element.elementor-element-4cd23c1{--width:50%;}.elementor-33213 .elementor-element.elementor-element-9e7bd99{--width:50%;}.elementor-33213 .elementor-element.elementor-element-2be7a15{--width:50%;}}/* Start custom CSS for text-editor, class: .elementor-element-3b46c10 */.cards-container {
  display: flex;
  justify-content: center;
  margin: 40px 0;
}

.card {
  position: relative;
  width: 600px;       /* 2x większa szerokość */
  height: 400px;      /* 2x większa wysokość */
  border-radius: 16px;
  background-size: cover;
  background-position: center;
  overflow: hidden;
  cursor: pointer;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card:hover {
  transform: scale(1.05);
  box-shadow: 0 15px 40px rgba(0,0,0,0.4);
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.45);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #fff;
  text-align: center;
  padding: 30px;  /* zwiększone dla proporcji */
  transition: background 0.3s ease;
}

.card:hover .overlay {
  background: rgba(0,0,0,0.25);
}

.overlay h2 {
  font-size: 44px;  /* 2x większy tekst */
  margin-bottom: 30px;
}

.btn-card {
  padding: 24px 60px;  /* 2x większy przycisk */
  background: linear-gradient(135deg, #00c8ff, #0077ff);
  color: #fff;
  border-radius: 30px;
  text-decoration: none;
  font-weight: 600;
  font-size: 32px;   /* większy tekst w przycisku */
  box-shadow: 0 12px 30px rgba(0,200,255,0.4);
  transition: all 0.3s ease;
}

.btn-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 20px 40px rgba(0,200,255,0.6);
  background: linear-gradient(135deg, #0077ff, #00c8ff);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-16051e6 */.cards-container {
  display: flex;
  justify-content: center;
  margin: 40px 0;
}

.card {
  position: relative;
  width: 600px;       /* 2x większa szerokość */
  height: 400px;      /* 2x większa wysokość */
  border-radius: 16px;
  background-size: cover;
  background-position: center;
  overflow: hidden;
  cursor: pointer;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card:hover {
  transform: scale(1.05);
  box-shadow: 0 15px 40px rgba(0,0,0,0.4);
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.45);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #fff;
  text-align: center;
  padding: 30px;
  transition: background 0.3s ease;
}

.card:hover .overlay {
  background: rgba(0,0,0,0.25);
}

.overlay h2 {
  font-size: 44px;   /* 2x większy tekst nagłówka */
  margin-bottom: 30px;
}

.btn-card {
  padding: 18px 45px;           /* mniejszy niż wcześniej */
  background: linear-gradient(135deg, #00c8ff, #0077ff);
  color: #fff;
  border-radius: 30px;
  text-decoration: none;
  font-weight: 600;
  font-size: 28px;               /* mniejszy tekst w przycisku */
  box-shadow: 0 10px 25px rgba(0,200,255,0.4);
  transition: all 0.3s ease;
}

.btn-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 35px rgba(0,200,255,0.6);
  background: linear-gradient(135deg, #0077ff, #00c8ff);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-55cd736 */.cards-container {
  display: flex;
  justify-content: center;
  margin: 40px 0;
}

.card {
  position: relative;
  width: 600px;       /* 2x większa szerokość */
  height: 400px;      /* 2x większa wysokość */
  border-radius: 16px;
  background-size: cover;
  background-position: center;
  overflow: hidden;
  cursor: pointer;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card:hover {
  transform: scale(1.05);
  box-shadow: 0 15px 40px rgba(0,0,0,0.4);
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.45);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #fff;
  text-align: center;
  padding: 30px;
  transition: background 0.3s ease;
}

.card:hover .overlay {
  background: rgba(0,0,0,0.25);
}

.overlay h2 {
  font-size: 44px;           /* 2x większy tekst nagłówka */
  margin-bottom: 30px;
  color: #fff;               /* białe litery */
  text-shadow: 2px 2px 6px rgba(0,0,0,0.7);  /* ciemny cień dla lepszej czytelności */
}

.btn-card {
  padding: 18px 45px;           
  background: linear-gradient(135deg, #00c8ff, #0077ff);
  color: #fff;
  border-radius: 30px;
  text-decoration: none;
  font-weight: 600;
  font-size: 28px;
  box-shadow: 0 10px 25px rgba(0,200,255,0.4);
  transition: all 0.3s ease;
  text-shadow: 1px 1px 3px rgba(0,0,0,0.5);  /* delikatny cień na przycisku */
}

.btn-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 35px rgba(0,200,255,0.6);
  background: linear-gradient(135deg, #0077ff, #00c8ff);
}/* End custom CSS */