.elementor-314 .elementor-element.elementor-element-6be6fd87 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-314 .elementor-element.elementor-element-6be6fd87:not(.elementor-motion-effects-element-type-background), .elementor-314 .elementor-element.elementor-element-6be6fd87 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F8FA;}.elementor-314 .elementor-element.elementor-element-6be6fd87{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:100px 0px 100px 0px;}.elementor-314 .elementor-element.elementor-element-6be6fd87 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-314 .elementor-element.elementor-element-42907b6b > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:20px;}.elementor-314 .elementor-element.elementor-element-42907b6b > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-314 .elementor-element.elementor-element-42907b6b > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-314 .elementor-element.elementor-element-d73a8bb{width:var( --container-widget-width, 128.182% );max-width:128.182%;--container-widget-width:128.182%;--container-widget-flex-grow:0;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-314 .elementor-element.elementor-element-619c1cb{width:var( --container-widget-width, 104.552% );max-width:104.552%;--container-widget-width:104.552%;--container-widget-flex-grow:0;}.elementor-314 .elementor-element.elementor-element-619c1cb img{border-style:none;border-radius:20px 20px 20px 20px;box-shadow:-5px 0px 22px 0px rgba(0, 0, 0, 0.53);}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-314 .elementor-element.elementor-element-6be6fd87{padding:100px 25px 100px 25px;}.elementor-314 .elementor-element.elementor-element-d73a8bb > .elementor-widget-container{--e-transform-translateY:18%;}.elementor-314 .elementor-element.elementor-element-d73a8bb{--container-widget-width:1000px;--container-widget-flex-grow:0;width:var( --container-widget-width, 1000px );max-width:1000px;align-self:center;}.elementor-bc-flex-widget .elementor-314 .elementor-element.elementor-element-f9025f2.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-314 .elementor-element.elementor-element-f9025f2.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-314 .elementor-element.elementor-element-f9025f2.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-314 .elementor-element.elementor-element-619c1cb > .elementor-widget-container{--e-transform-translateX:40%;--e-transform-scale:1.1;}.elementor-314 .elementor-element.elementor-element-619c1cb{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;text-align:center;}}@media(max-width:767px){.elementor-314 .elementor-element.elementor-element-6be6fd87{padding:50px 20px 50px 20px;}.elementor-314 .elementor-element.elementor-element-42907b6b > .elementor-element-populated{padding:0% 0% 0% 0%;}.elementor-314 .elementor-element.elementor-element-d73a8bb{width:var( --container-widget-width, 1000px );max-width:1000px;--container-widget-width:1000px;--container-widget-flex-grow:0;}.elementor-314 .elementor-element.elementor-element-d73a8bb > .elementor-widget-container{--e-transform-translateY:-12%;}.elementor-314 .elementor-element.elementor-element-619c1cb > .elementor-widget-container{--e-transform-translateX:0%;--e-transform-translateY:-31%;--e-transform-scale:0.7;}}@media(min-width:768px){.elementor-314 .elementor-element.elementor-element-42907b6b{width:49%;}.elementor-314 .elementor-element.elementor-element-f9025f2{width:51%;}}@media(max-width:1024px) and (min-width:768px){.elementor-314 .elementor-element.elementor-element-42907b6b{width:50%;}}/* Start custom CSS for html, class: .elementor-element-d73a8bb *//* ===== Kettly – Hero Contact Section ===== */
.kettly-hero {
  text-align: center;
  max-width: 750px;
  margin: 0 auto;
  padding: 50px 20px; /* mniejsze paddingi jak po lewej */
  color: #111111;
  font-family: 'Poppins', 'Inter', sans-serif;
}

/* Podtytuł */
.kettly-hero .kettly-subtitle {
  color: #4C7BFF;
  text-transform: uppercase;
  font-size: 17px; /* mniejsze */
  letter-spacing: 1.4px;
  margin-bottom: 6px; /* mniejsza przerwa */
  font-weight: 600;
  opacity: 0.9; /* subtelniejszy, jak po lewej */
}

/* Nagłówek */
.kettly-hero .kettly-title {
  font-size: 32px; /* dostosowane do lewej wersji */
  font-weight: 700;
  color: #0F1222;
  margin-bottom: 18px; 
}

/* Opis */
.kettly-hero .kettly-desc {
  font-size: 16px;
  line-height: 1.55; /* bardziej kompaktowy tekst – jak po lewej */
  color: #333;
  max-width: 680px;
  margin: 0 auto;
}

/* Link */
.kettly-hero .kettly-desc a {
  color: #1A73E8;
  font-weight: 500;
  text-decoration: none;
}

.kettly-hero .kettly-desc a:hover {
  color: #0D5ACC;
  text-decoration: underline;
}

/* Responsywność */
@media (max-width: 768px) {
  .kettly-hero {
    padding: 40px 20px;
  }

  .kettly-hero .kettly-title {
    font-size: 26px;
  }

  .kettly-hero .kettly-desc {
    font-size: 15px;
    line-height: 1.45;
  }
}
/* ===== FULL WIDTH ONLY FOR THIS COLUMN ===== */
@media (max-width: 1024px) {

  /* sama kolumna */
  .kettly-col {
      width: 100% !important;
      max-width: 100% !important;
      flex: 0 0 100% !important;
  }

  /* jej wrapper (Elementor czasem trzyma szerokość tu) */
  .kettly-col > .elementor-widget-wrap {
      width: 100% !important;
      max-width: 100% !important;
      flex: 0 0 100% !important;
  }

  /* łamiemy wszystkie możliwe col-50, col-33, col-25 */
  .kettly-col.elementor-col-50,
  .kettly-col.elementor-col-33,
  .kettly-col.elementor-col-25 {
      width: 100% !important;
      max-width: 100% !important;
      flex: 0 0 100% !important;
  }

  /* wewnętrzne elementy */
  .kettly-col * {
      max-width: 100% !important;
  }
}

/* TELEFON — jeszcze bardziej naturalny layout */
@media (max-width: 768px) {
  .kettly-col {
      width: 100% !important;
      padding-left: 12px;
      padding-right: 12px;
  }
}@media (max-width: 768px) {

  /* Rozciągnięcie bloku tekstu na całą szerokość kolumny */
  .kettly-hero .kettly-desc {
      width: 100%;
      max-width: 100%;
      margin: 0 auto;
      padding: 0;                 /* usuwa ewentualne zbędne obramowania */
      box-sizing: border-box;
      
      /* wyjustowanie */
      text-align: justify;
      text-justify: inter-word;
  }

  /* Możesz też lekko poprawić czytelność na mobile */
  .kettly-hero .kettly-desc br {
      display: block;
      margin-bottom: 8px;
  }
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-42907b6b *//* ===== ROZSZERZENIE KOLUMNY NA 100% NA MOBILE + TABLET ===== */
@media (max-width: 1024px) {

  /* cała kolumna ma być pełnej szerokości */
  .kettly-col {
      width: 100% !important;
      max-width: 100% !important;
      flex: 0 0 100% !important;
      display: block !important;
  }

  /* wrapper w kolumnie – też 100% */
  .kettly-col > .elementor-widget-wrap {
      width: 100% !important;
      max-width: 100% !important;
      padding: 0 !important;
  }

  /* KAŻDY wewnętrzny element też musi mieć 100%, żeby nic nie ściskało */
  .kettly-col * {
      width: 100% !important;
      max-width: 100% !important;
      box-sizing: border-box;
  }

  /* obrazek – pełna szerokość ekranu */
  .kettly-col img {
      width: 100% !important;
      height: auto !important;
      max-width: 100% !important;
      display: block;
      margin: 0 auto;
  }
}/* End custom CSS */