.elementor-6332 .elementor-element.elementor-element-25f75f8{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6332 .elementor-element.elementor-element-25f75f8:not(.elementor-motion-effects-element-type-background), .elementor-6332 .elementor-element.elementor-element-25f75f8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}.elementor-6332 .elementor-element.elementor-element-1abd622{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#C6CBCE;--border-color:#C6CBCE;--border-radius:12px 12px 12px 12px;box-shadow:0px 22.34px 29.48px 0px rgba(178, 181, 181, 0.09019607843137255);--padding-top:20px;--padding-bottom:20px;--padding-left:24px;--padding-right:24px;}.elementor-6332 .elementor-element.elementor-element-1abd622:not(.elementor-motion-effects-element-type-background), .elementor-6332 .elementor-element.elementor-element-1abd622 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-6332 .elementor-element.elementor-element-285f1cc.elementor-element{--align-self:flex-end;}.elementor-6332 .elementor-element.elementor-element-285f1cc .elementor-field-group{padding-right:calc( 20px/2 );padding-left:calc( 20px/2 );margin-bottom:20px;}.elementor-6332 .elementor-element.elementor-element-285f1cc .elementor-form-fields-wrapper{margin-left:calc( -20px/2 );margin-right:calc( -20px/2 );margin-bottom:-20px;}.elementor-6332 .elementor-element.elementor-element-285f1cc .elementor-field-group.recaptcha_v3-bottomleft, .elementor-6332 .elementor-element.elementor-element-285f1cc .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-6332 .elementor-element.elementor-element-285f1cc .elementor-labels-inline .elementor-field-group > label{padding-left:8px;}body:not(.rtl) .elementor-6332 .elementor-element.elementor-element-285f1cc .elementor-labels-inline .elementor-field-group > label{padding-right:8px;}body .elementor-6332 .elementor-element.elementor-element-285f1cc .elementor-labels-above .elementor-field-group > label{padding-bottom:8px;}.elementor-6332 .elementor-element.elementor-element-285f1cc .elementor-field-group > label{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:600;line-height:26px;}.elementor-6332 .elementor-element.elementor-element-285f1cc .elementor-field-type-html{padding-bottom:0px;}.elementor-6332 .elementor-element.elementor-element-285f1cc .elementor-field-group .elementor-field{color:#14261C99;}.elementor-6332 .elementor-element.elementor-element-285f1cc .elementor-field-group .elementor-field, .elementor-6332 .elementor-element.elementor-element-285f1cc .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-6332 .elementor-element.elementor-element-285f1cc .elementor-field-group:not(.elementor-field-type-upload) .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;border-color:#C6CBCE;border-radius:8px 8px 8px 8px;}.elementor-6332 .elementor-element.elementor-element-285f1cc .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;border-color:#C6CBCE;border-radius:8px 8px 8px 8px;}.elementor-6332 .elementor-element.elementor-element-285f1cc .elementor-field-group .elementor-select-wrapper::before{color:#C6CBCE;}.elementor-6332 .elementor-element.elementor-element-285f1cc .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-decoration:var( --e-global-typography-accent-text-decoration );line-height:var( --e-global-typography-accent-line-height );border-radius:8px 8px 8px 8px;padding:16px 32px 16px 32px;}.elementor-6332 .elementor-element.elementor-element-285f1cc .e-form__buttons__wrapper__button-next{color:var( --e-global-color-secondary );}.elementor-6332 .elementor-element.elementor-element-285f1cc .elementor-button[type="submit"]{color:var( --e-global-color-secondary );}.elementor-6332 .elementor-element.elementor-element-285f1cc .elementor-button[type="submit"] svg *{fill:var( --e-global-color-secondary );}.elementor-6332 .elementor-element.elementor-element-285f1cc .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-6332 .elementor-element.elementor-element-285f1cc .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-6332 .elementor-element.elementor-element-285f1cc .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-6332 .elementor-element.elementor-element-285f1cc .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-6332 .elementor-element.elementor-element-285f1cc .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-6332 .elementor-element.elementor-element-285f1cc{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}#elementor-popup-modal-6332{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-6332 .dialog-message{width:640px;height:auto;}#elementor-popup-modal-6332 .dialog-close-button{display:flex;}#elementor-popup-modal-6332 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}@media(max-width:1024px){.elementor-6332 .elementor-element.elementor-element-285f1cc .elementor-field-group .elementor-field, .elementor-6332 .elementor-element.elementor-element-285f1cc .elementor-field-subgroup label{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-6332 .elementor-element.elementor-element-285f1cc .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}}@media(min-width:768px){.elementor-6332 .elementor-element.elementor-element-25f75f8{--content-width:630px;}}@media(max-width:1024px) and (min-width:768px){.elementor-6332 .elementor-element.elementor-element-1abd622{--width:100%;}}@media(max-width:767px){.elementor-6332 .elementor-element.elementor-element-1abd622{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-6332 .elementor-element.elementor-element-285f1cc .elementor-field-group > label{font-size:14px;}.elementor-6332 .elementor-element.elementor-element-285f1cc .elementor-field-group .elementor-field, .elementor-6332 .elementor-element.elementor-element-285f1cc .elementor-field-subgroup label{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-6332 .elementor-element.elementor-element-285f1cc .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}}/* Start custom CSS for form, class: .elementor-element-285f1cc */.required{
    color:#FF0000;
    margin-left:8px;
}
textarea{
    height:142PX;
}
.elementor-field-type-textarea label span{
    color:#14261C99;
}
.txt{
    font-family: Montserrat;
font-weight: 500;
text-decoration: underline;
text-decoration-style: solid;
color:#178537;
}

.elementor-6332 .elementor-element.elementor-element-285f1cc .elementor-button:hover{
    background-color: transparent;
  background-image: linear-gradient(95deg, #25CC6D -7.42%, #007A35 104.4%);
  border-color: #17853740;
  box-shadow: 0px 0px 0px 5px rgba(23.00000000000002, 133, 55.00000000000002, 0.25098039215686274);
}
.elementor-field-type-upload{
    width: 585px !important;
    margin-left: 10px;
      margin-top:30px;
}

.elementor-field-type-upload.elementor-field-group-field_df408b1::after{
    content:"Your CV *" !important;
    display: block !important;
    position: absolute !important;
    top:-30px;
    font-family: Montserrat;
font-weight: 600;
font-size: 16px;
line-height: 160%;
letter-spacing: 0%;
vertical-align: middle;
padding: 0px !important;
margin: -0px 0px 0px -10px !important;
color:#14261C !important;
}
.elementor-field-type-upload.elementor-field-group-field_1ce59c2::after{
    content:"Upload Cover Letter *" !important;
    color:red !important;
    display: block !important;
    position: absolute !important;
    top:-30px;
    font-family: Montserrat;
font-weight: 600;
font-size: 16px;
line-height: 160%;
letter-spacing: 0%;
vertical-align: middle;
padding: 0px !important;
margin: -0px 0px 0px -10px !important;
color:#14261C !important;
}







.elementor-field-option{
    display: flex;
  gap: 20px;
  align-items: flex-start;
}
#form-field-field_c9cbf58{
    margin-top:10px;
}










/* ---------------------------
  1) hide native file input but keep it accessible
---------------------------- */
.elementor-field-type-upload input[type="file"] {
  position: absolute !important;
  left: -9999px !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  white-space: nowrap;
}

/* ---------------------------
  2) upload wrapper (the div that contains label + input)
     make it look like the white rounded box
---------------------------- */
.elementor-field-type-upload {
  position: relative;
  background: #ffffff;
  border: 1px solid #C6CBCE;;
  border-radius: 8px;
  padding: 10px 14px;
  height: 58px;               /* matches your screenshot */
  display: flex;
  align-items: center;
  box-sizing: border-box;
}

/* remove extra label spacing normally above the field if you want
   (optional — if your elementor label should remain above, you can hide it
    using the next rule; otherwise omit) */
/* .elementor-field-type-upload .elementor-field-label { display: none; } */

/* ---------------------------
  3) left-side hint text inside the box
     using the wrapper :before (works because wrapper is a div)
---------------------------- */
.elementor-field-type-upload:before {
  content: "Max File Size 4MB (pdf, doc, docx)";
  font-size: 16px;
  color:#14261C99;
  opacity:0.7;
  pointer-events: none;
  margin-right: 12px ;
  font-weight:500;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: calc(100% - 150px); /* leave room for the button on the right */
}

/* ---------------------------
  4) right-side button: style the existing label[for="field-id"]
     Labels toggle the file input automatically (no JS needed).
---------------------------- */
.elementor-field-type-upload label[for] {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  background: #f3f3f3;
  border-radius: 6px;
  padding: 7px 16px;
  font-size: 14px;
  color: #333;
  cursor: pointer;
  box-shadow: none;
  white-space: nowrap;
  z-index: 3;
  line-height: 1;
}

/* small hover effect */
.elementor-field-type-upload label[for]:hover {
  filter: brightness(0.98);
}

/* make sure the wrapper is clickable via label */
.elementor-field-type-upload .elementor-field-label,
.elementor-field-type-upload label[for] {
  cursor: pointer;
}

/* ---------------------------
  5) When a file is selected: show filename by moving the filename into :before
   (Elementor puts the filename text into the input.value — we can't read it with CSS.
    This snippet shows a basic visual change if the input has a sibling .elementor-field-file-name
    — leave it for progressive enhancement; if you want filename showing we can add a tiny JS)
---------------------------- */
/* optional CSS hook for when a filename element exists */
.elementor-field-type-upload .elementor-field-file-name {
  display: inline-block;
  margin-right: 0px;
  color: #333;
  font-size: 14px;
  max-width: calc(100% - 160px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* ---------------------------
  6) Specific field button labels (replace IDs if different)
     These rules style the field's existing label element so text differs per field.
---------------------------- */

/* Upload CV (example id found in your inspector) */
label[for="form-field-df408b1"] {
  content: "";
}
label[for="form-field-df408b1"]::after { /* fallback if you want to force text via pseudo */
  content: "Upload CV";
  display: inline-block;
}

/* Upload Cover Letter (example id — replace with your id) */
label[for="form-field-df409c1"]::after {
  content: "Upload Cover Letter";
  display: inline-block;
}

/* If Elementor already prints the label text, the ::after is not required.
   The ::after ensures consistent button text even if the label text differs. */

/* ---------------------------
  7) Responsive: reduce padding/height on small screens
---------------------------- */


.elementor-6332 .elementor-element.elementor-element-285f1cc .elementor-field-type-text input{
    height: 42px;
}
.elementor-6332 .elementor-element.elementor-element-285f1cc .elementor-field-type-email input{
    height: 42px;
}

@media (max-width: 1023px) {
        .elementor-field-type-upload{
    width: 96.6% !important;
    margin-left: 10px;
      margin-top:30px;
}
}


@media (max-width: 766px) {
  .elementor-field-type-upload {
    padding: 8px 10px;
    height: 44px;
  }
  .elementor-field-type-upload label[for] {
    padding: 6px 12px;
    font-size: 13px;
    right: 10px;
  }
  .elementor-field-type-upload:before { font-size: 13px; }
  
  
  .elementor-field-type-upload.elementor-field-group-field_df408b1::after{
    content:"Your CV *" !important;
    display: block !important;
    position: absolute !important;
    top:-30px;
    font-family: Montserrat;
font-weight: 600;
font-size: 14px;
line-height: 160%;
letter-spacing: 0%;
vertical-align: middle;
padding: 0px !important;
margin: -0px 0px 0px -10px !important;
color:#14261C !important;
}
.elementor-field-type-upload.elementor-field-group-field_1ce59c2::after{
    content:"Upload Cover Letter *" !important;
    color:red !important;
    display: block !important;
    position: absolute !important;
    top:-30px;
    font-family: Montserrat;
font-weight: 600;
font-size: 14px;
line-height: 160%;
letter-spacing: 0%;
vertical-align: middle;
padding: 0px !important;
margin: -0px 0px 0px -10px !important;
color:#14261C !important;
}
.elementor-field-type-upload label[for] {
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
  background: #f3f3f3;
  border-radius: 6px;
  padding: 7px 16px;
  font-size: 10px !important;
  color: #333;
  cursor: pointer;
  box-shadow: none;
  white-space: nowrap;
  z-index: 3;
  line-height: 18px !important;
}

.elementor-field-type-upload{
    width: 92.6% !important;
    margin-left: 10px;
      margin-top:30px;
}
}/* End custom CSS */