.elementor-kit-9{--e-global-color-primary:#2B4F9B;--e-global-color-secondary:#1C315E;--e-global-color-text:#7A7A7A;--e-global-color-accent:#F4D900;--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-weight:500;}.elementor-kit-9 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS */<style>

/* =========================================================
   CIJELI PLAVI BLOK
========================================================= */

.eurobelt-form-blue {
  position: relative;
  width: 100% !important;
  max-width: none !important;

  padding: 75px 40px !important;

  overflow: hidden;

  background:
    linear-gradient(
      135deg,
      #2B4F9B 0%,
      #26478B 52%,
      #1C315E 100%
    ) !important;
}


/* tehnički grid */

.eurobelt-form-blue::before {
  content: "";

  position: absolute;
  inset: 0;

  background:
    linear-gradient(
      rgba(255,255,255,.04) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(255,255,255,.04) 1px,
      transparent 1px
    );

  background-size: 58px 58px;

  pointer-events: none;
}


/* veliki background text */

.eurobelt-form-blue::after {
  content: "EUROBELT";

  position: absolute;
  right: -20px;
  bottom: -28px;

  font-family: "Manrope", sans-serif;
  font-size: clamp(90px, 12vw, 180px);
  font-weight: 800;
  line-height: 1;
  letter-spacing: -.07em;

  color: rgba(255,255,255,.025);

  pointer-events: none;
}



/* =========================================================
   FORM WRAPPER
========================================================= */

.eurobelt-contact-form {
  position: relative;
  z-index: 2;

  width: 100% !important;
  max-width: 1180px !important;

  margin: 0 auto !important;

  background: transparent !important;
}


.eurobelt-contact-form .elementor-widget-container,
.eurobelt-contact-form .elementor-form,
.eurobelt-contact-form .elementor-form-fields-wrapper {

  background: transparent !important;
}



/* =========================================================
   FORM GRID
========================================================= */

.eurobelt-contact-form .elementor-form-fields-wrapper {
  display: flex !important;
  flex-wrap: wrap !important;

  column-gap: 22px;
  row-gap: 0;
}


.eurobelt-contact-form .elementor-field-group {
  padding: 0 !important;
  margin-bottom: 24px !important;
}



/* ime */

.eurobelt-contact-form
.elementor-field-group-name {
  width: calc(50% - 11px) !important;
}


/* firma */

.eurobelt-contact-form
.elementor-field-group-field_5d4aafc {
  width: calc(50% - 11px) !important;
}


/* telefon */

.eurobelt-contact-form
.elementor-field-group-field_1772085 {
  width: calc(50% - 11px) !important;
}


/* email */

.eurobelt-contact-form
.elementor-field-group-email {
  width: calc(50% - 11px) !important;
}


/* poruka */

.eurobelt-contact-form
.elementor-field-group-message {
  width: 100% !important;
}


/* submit */

.eurobelt-contact-form
.elementor-field-type-submit {
  width: 100% !important;
  margin-bottom: 0 !important;
}



/* =========================================================
   LABEL
========================================================= */

.eurobelt-contact-form .elementor-field-label {
  display: block !important;

  margin: 0 0 10px !important;

  font-family: "Manrope", sans-serif !important;

  font-size: 14px !important;

  font-weight: 700 !important;

  color: #FFFFFF !important;
}


/* required */

.eurobelt-contact-form
.elementor-field-required
.elementor-field-label::after {

  color: #F4D900 !important;
}



/* =========================================================
   BIJELA POLJA
========================================================= */

.eurobelt-contact-form
input.elementor-field,

.eurobelt-contact-form
textarea.elementor-field {

  width: 100% !important;

  border: 2px solid transparent !important;

  border-radius: 3px !important;

  background: #FFFFFF !important;

  box-shadow:
    0 7px 20px rgba(10,25,55,.12) !important;

  font-family: "Inter", sans-serif !important;

  font-size: 15px !important;

  color: #252A34 !important;

  outline: none !important;

  transition:
    border-color .2s ease,
    box-shadow .2s ease,
    transform .2s ease !important;
}


.eurobelt-contact-form
input.elementor-field {

  min-height: 62px;

  padding: 0 19px !important;
}


.eurobelt-contact-form
textarea.elementor-field {

  min-height: 185px;

  padding: 18px 19px !important;

  line-height: 1.7;

  resize: vertical;
}



/* =========================================================
   PLACEHOLDER
========================================================= */

.eurobelt-contact-form
input::placeholder,

.eurobelt-contact-form
textarea::placeholder {

  color: #969EAA !important;

  opacity: 1;
}



/* =========================================================
   FOCUS
========================================================= */

.eurobelt-contact-form
input.elementor-field:focus,

.eurobelt-contact-form
textarea.elementor-field:focus {

  border-color: #F4D900 !important;

  background: #FFFFFF !important;

  box-shadow:
    0 0 0 4px rgba(244,217,0,.13),
    0 10px 24px rgba(10,25,55,.14) !important;

  transform: translateY(-1px);
}



/* =========================================================
   BUTTON
========================================================= */

.eurobelt-contact-form
.elementor-button[type="submit"] {

  width: 100% !important;

  min-height: 64px;

  padding: 0 25px !important;

  border: 2px solid #F4D900 !important;

  border-radius: 3px !important;

  background: #F4D900 !important;

  box-shadow: none !important;

  font-family: "Manrope", sans-serif !important;

  font-size: 14px !important;

  font-weight: 800 !important;

  letter-spacing: .04em;

  color: #1C315E !important;

  transition:
    background .2s ease,
    border-color .2s ease,
    transform .2s ease !important;
}


.eurobelt-contact-form
.elementor-button-content-wrapper {

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 15px;
}


.eurobelt-contact-form
.elementor-button-content-wrapper::after {

  content: "→";

  font-size: 19px;
}



/* =========================================================
   HOVER
========================================================= */

@media (hover:hover) and (pointer:fine) {

  .eurobelt-contact-form
  .elementor-button[type="submit"]:hover {

    background: #FFFFFF !important;

    border-color: #FFFFFF !important;

    transform: translateY(-2px);
  }

}



/* =========================================================
   SUCCESS / ERROR
========================================================= */

.eurobelt-contact-form .elementor-message {

  margin-top: 20px !important;

  padding: 16px 18px !important;

  background: #FFFFFF;

  border-radius: 3px;

  font-family: "Inter", sans-serif;

  font-size: 13px;

  line-height: 1.6;

  color: #1C315E;
}


.eurobelt-contact-form
.elementor-message-success {

  border-left: 5px solid #F4D900;
}


.eurobelt-contact-form
.elementor-message-danger {

  border-left: 5px solid #F4D900;
}



/* =========================================================
   MOBILE
========================================================= */

@media (max-width:767px) {

  .eurobelt-form-blue {

    padding: 45px 18px !important;
  }


  .eurobelt-form-blue::before {

    background-size: 44px 44px;
  }


  .eurobelt-contact-form
  .elementor-form-fields-wrapper {

    column-gap: 0;
  }


  .eurobelt-contact-form
  .elementor-field-group-name,

  .eurobelt-contact-form
  .elementor-field-group-field_5d4aafc,

  .eurobelt-contact-form
  .elementor-field-group-field_1772085,

  .eurobelt-contact-form
  .elementor-field-group-email {

    width: 100% !important;
  }


  .eurobelt-contact-form
  input.elementor-field {

    min-height: 57px;
  }


  .eurobelt-contact-form
  textarea.elementor-field {

    min-height: 160px;
  }

}

</style>/* End custom CSS */