.elementor-1001 .elementor-element.elementor-element-77b433a{--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;--justify-content:flex-end;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:12%;--padding-bottom:8%;--padding-left:4%;--padding-right:4%;}.elementor-1001 .elementor-element.elementor-element-77b433a:not(.elementor-motion-effects-element-type-background), .elementor-1001 .elementor-element.elementor-element-77b433a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://test.picterra.ch/wp-content/uploads/2025/06/Picterra-background-contact.webp");background-position:center center;background-size:cover;}.elementor-1001 .elementor-element.elementor-element-75c3b08{--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;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:6%;}.elementor-1001 .elementor-element.elementor-element-d4e64ba{--display:flex;}.elementor-1001 .elementor-element.elementor-element-a0135c0{width:var( --container-widget-width, 90% );max-width:90%;--container-widget-width:90%;--container-widget-flex-grow:0;}.elementor-1001 .elementor-element.elementor-element-a0135c0 > .elementor-widget-container{padding:0% 0% 8% 0%;}.elementor-1001 .elementor-element.elementor-element-a0135c0 .elementor-heading-title{font-family:var( --e-global-typography-f013dc6-font-family ), Sans-serif;font-size:var( --e-global-typography-f013dc6-font-size );font-weight:var( --e-global-typography-f013dc6-font-weight );line-height:var( --e-global-typography-f013dc6-line-height );color:var( --e-global-color-90c1816 );}.elementor-1001 .elementor-element.elementor-element-e698472{--display:flex;}@media(min-width:768px){.elementor-1001 .elementor-element.elementor-element-d4e64ba{--width:60%;}.elementor-1001 .elementor-element.elementor-element-e698472{--width:40%;}}@media(max-width:1440px){.elementor-1001 .elementor-element.elementor-element-77b433a{--padding-top:14%;--padding-bottom:8%;--padding-left:4%;--padding-right:4%;}.elementor-1001 .elementor-element.elementor-element-a0135c0{--container-widget-width:95%;--container-widget-flex-grow:0;width:var( --container-widget-width, 95% );max-width:95%;}.elementor-1001 .elementor-element.elementor-element-a0135c0 .elementor-heading-title{font-size:var( --e-global-typography-f013dc6-font-size );line-height:var( --e-global-typography-f013dc6-line-height );}}@media(max-width:1024px){.elementor-1001 .elementor-element.elementor-element-77b433a{--padding-top:16%;--padding-bottom:8%;--padding-left:4%;--padding-right:4%;}.elementor-1001 .elementor-element.elementor-element-a0135c0 .elementor-heading-title{font-size:var( --e-global-typography-f013dc6-font-size );line-height:var( --e-global-typography-f013dc6-line-height );}}@media(max-width:767px){.elementor-1001 .elementor-element.elementor-element-77b433a{--padding-top:24%;--padding-bottom:12%;--padding-left:4%;--padding-right:4%;}.elementor-1001 .elementor-element.elementor-element-a0135c0 .elementor-heading-title{font-size:var( --e-global-typography-f013dc6-font-size );line-height:var( --e-global-typography-f013dc6-line-height );}}/* Start custom CSS for container, class: .elementor-element-e698472 *//* ——— 1) Konténer és form full-width ——— */
#custom-hubspot-form,
#custom-hubspot-form .hbspt-form {
  width: 100% !important;
  max-width: none !important;
  text-align: left !important;
}

/* ——— 2) Maga a <form> és fieldset full-width ——— */
#custom-hubspot-form .hbspt-form form,
#custom-hubspot-form .hbspt-form form fieldset {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* ——— 3) Sorok legyenek flex-rácsos full-width ——— */
#custom-hubspot-form .hbspt-form .hs-form-row {
  display: flex !important;
  flex-wrap: wrap !important;
  width: 100% !important;
  margin: 0 0 16px !important;
  gap: 16px !important;
}

/* ——— 4) Soron belüli mezők egyenlő arányban ——— */
#custom-hubspot-form .hbspt-form .hs-form-row .hs-form-field {
  flex: 1 1 0 !important;
  min-width: 0 !important;
}

/* ——— 5) Beviteli mezők / select / textarea ——— */
#custom-hubspot-form .hbspt-form input[type="text"],
#custom-hubspot-form .hbspt-form input[type="email"],
#custom-hubspot-form .hbspt-form input[type="tel"],
#custom-hubspot-form .hbspt-form select,
#custom-hubspot-form .hbspt-form textarea {
  width: 100% !important;
  background: rgba(255,255,255,0.1) !important;
  border: 1px solid #fff !important;
  border-radius: 30px !important;
  padding: 12px 20px !important;
  color: #fff !important;
  box-sizing: border-box !important;
  margin-bottom: 16px !important;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 400 !important;
}

/* ——— 5a) Placeholder szöveg fehér árnyalatban ——— */
#custom-hubspot-form .hbspt-form ::placeholder {
  color: rgba(255,255,255,0.6) !important;
}

/* ——— 6) Label-ek és Accept szöveg ——— */
#custom-hubspot-form .hbspt-form label,
#custom-hubspot-form .hbspt-form .hs-form-acceptance label {
  color: #fff !important;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 400 !important;
}

/* ——— 7) Küldőgomb full-width, balra igazítva ——— */
#custom-hubspot-form .hbspt-form input[type="submit"] {
  width: 100% !important;
  text-align: left !important;
  background-color: #9CC384 !important;
  color:            #131A13 !important;
  border:           1px solid #9CC384 !important;
  border-radius:    30px !important;
  padding:          12px 30px !important;
  box-sizing:       border-box !important;
  font-family:      'Montserrat', sans-serif !important;
  font-weight:      600 !important;
  cursor:           pointer !important;
}

/* ——— 7a) Gomb hover állapota ——— */
#custom-hubspot-form .hbspt-form input[type="submit"]:hover {
  background-color: #BCD7AB !important;
  border-color:     #BCD7AB !important;
}

/* ——— 8) Betűméret és sortávolság ——— */
/* Desktop: 16px, 1.4em */
#custom-hubspot-form .hbspt-form input[type="text"],
#custom-hubspot-form .hbspt-form input[type="email"],
#custom-hubspot-form .hbspt-form input[type="tel"],
#custom-hubspot-form .hbspt-form select,
#custom-hubspot-form .hbspt-form textarea,
#custom-hubspot-form .hbspt-form label,
#custom-hubspot-form .hbspt-form input[type="submit"] {
  font-size:   16px   !important;
  line-height: 1.4em  !important;
}

/* Mobil (≤768px): 15px, sortávolság változatlan */
@media (max-width: 768px) {
  #custom-hubspot-form .hbspt-form input[type="text"],
  #custom-hubspot-form .hbspt-form input[type="email"],
  #custom-hubspot-form .hbspt-form input[type="tel"],
  #custom-hubspot-form .hbspt-form select,
  #custom-hubspot-form .hbspt-form textarea,
  #custom-hubspot-form .hbspt-form label,
  #custom-hubspot-form .hbspt-form input[type="submit"] {
    font-size: 15px !important;
  }
}

/* ——— Linkek stílusa a HubSpot formon belül ——— */
#custom-hubspot-form .hbspt-form a {
  color:       #9CC384 !important;
  font-weight: bold   !important;
}

/* Label-ek és a mezők közötti extra tér */
#custom-hubspot-form .hbspt-form label {
  display: block    !important;  /* biztosítjuk, hogy block-ként viselkedjen */
  margin-bottom: 12px !important; /* tetszőleges értékkel igazíthatod */
}

/* ——— Project information mező magasítása ——— */
#custom-hubspot-form .hbspt-form textarea#project_information-7a37c092-1766-4679-955f-617050201215 {
  min-height: 150px !important; /* igény szerint növeld/csökkentsd */
  height: auto !important;
}



/* ——— removing bullet from the checkbox ---SG code  ——— */

.inputs-list {list-style-type: none;}

/* ——— submit message white ---SG code  ——— */

.submitted-message {color: #ffffff !important;}/* End custom CSS */