.elementor-195 .elementor-element.elementor-element-45b0345{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-195 .elementor-element.elementor-element-bd036b9{margin:0px 150px calc(var(--kit-widget-spacing, 0px) + 0px) 150px;}.elementor-195 .elementor-element.elementor-element-50b443e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}/* Start custom CSS for shortcode, class: .elementor-element-bd036b9 *//* ===== FIX: intl-tel-input flag overlapping the number ===== */

/* the wrapper must be a full-width block, not an input-styled box */
.fluentform .iti,
.fluentform .ff-el-phone .iti{
  display:block!important;
  width:100%!important;
  position:relative!important;
  background:transparent!important;
  border:0!important;
  padding:0!important;
}

/* give the input room for the flag on the left */
.fluentform .iti input[type=tel],
.fluentform .iti input.ff-el-form-control{
  width:100%!important;
  padding-left:92px!important;      /* space for flag + dial code */
  padding-right:15px!important;
  padding-top:14px!important;
  padding-bottom:14px!important;
}

/* flag .elementor-195 .elementor-element.elementor-element-bd036b9 sits inside the field, vertically centred */
.fluentform .iti__flag-container{
  position:absolute!important;
  top:0!important;
  bottom:0!important;
  left:0!important;
  z-index:2!important;
  padding:0!important;
}
.fluentform .iti__selected-flag{
  height:100%!important;
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  padding:0 10px 0 14px!important;
  background:transparent!important;
  border-right:1px solid #E1E1EA!important;
  border-radius:10px 0 0 10px!important;
}

/* country dropdown panel */
.fluentform .iti__country-list{
  background:#fff!important;
  border:1px solid #E1E1EA!important;
  border-radius:10px!important;
  box-shadow:0 18px 44px rgba(8,8,10,.14)!important;
  max-height:260px!important;
  z-index:9999!important;
}
.fluentform .iti__country{
  padding:9px 12px!important;
  font-size:14px!important;
}
.fluentform .iti__country.iti__highlight{
  background:#F0F3FF!important;
}
.fluentform .iti__dial-code{color:#6E6E78!important;}

/* ===== PHONE / SMALL SCREENS ===== */
@media (max-width:600px){
  .fluentform .iti input[type=tel],
  .fluentform .iti input.ff-el-form-control{
    padding-left:84px!important;
    font-size:16px!important;        /* stops iOS zooming on focus */
  }
  .fluentform .iti__selected-flag{
    padding:0 8px 0 12px!important;
  }
  .fluentform .iti__country-list{
    max-height:200px!important;
  }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-50b443e *//* ===== FIX: intl-tel-input flag overlapping the number ===== */

/* the wrapper must be a full-width block, not an input-styled box */
.fluentform .iti,
.fluentform .ff-el-phone .iti{
  display:block!important;
  width:100%!important;
  position:relative!important;
  background:transparent!important;
  border:0!important;
  padding:0!important;
}

/* give the input room for the flag on the left */
.fluentform .iti input[type=tel],
.fluentform .iti input.ff-el-form-control{
  width:100%!important;
  padding-left:92px!important;      /* space for flag + dial code */
  padding-right:15px!important;
  padding-top:14px!important;
  padding-bottom:14px!important;
}

/* flag .elementor-195 .elementor-element.elementor-element-50b443e sits inside the field, vertically centred */
.fluentform .iti__flag-container{
  position:absolute!important;
  top:0!important;
  bottom:0!important;
  left:0!important;
  z-index:2!important;
  padding:0!important;
}
.fluentform .iti__selected-flag{
  height:100%!important;
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  padding:0 10px 0 14px!important;
  background:transparent!important;
  border-right:1px solid #E1E1EA!important;
  border-radius:10px 0 0 10px!important;
}

/* country dropdown panel */
.fluentform .iti__country-list{
  background:#fff!important;
  border:1px solid #E1E1EA!important;
  border-radius:10px!important;
  box-shadow:0 18px 44px rgba(8,8,10,.14)!important;
  max-height:260px!important;
  z-index:9999!important;
}
.fluentform .iti__country{
  padding:9px 12px!important;
  font-size:14px!important;
}
.fluentform .iti__country.iti__highlight{
  background:#F0F3FF!important;
}
.fluentform .iti__dial-code{color:#6E6E78!important;}

/* ===== PHONE / SMALL SCREENS ===== */
@media (max-width:600px){
  .fluentform .iti input[type=tel],
  .fluentform .iti input.ff-el-form-control{
    padding-left:84px!important;
    font-size:16px!important;        /* stops iOS zooming on focus */
  }
  .fluentform .iti__selected-flag{
    padding:0 8px 0 12px!important;
  }
  .fluentform .iti__country-list{
    max-height:200px!important;
  }
}/* End custom CSS */