/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 30 2025 | 13:21:00 */
@charset "UTF-8";
.ff-el-group.ff-custom_html.unkown-annual_electricity p {
  margin-bottom: 0px;
  padding: 15px;
}
.frm-fluent-form {
  /*
	border-radius: 8px;
	box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.04);
	border: solid 1.5px #d5e0e7;
	*/
  /*
	* @Label
	*/
  /*
	* Next + Submit
	*/
  /*
	* Previois ff-btn-prev
	*/
  /*
	* Submit
	*/
  /*
	* Custom input fields
	*/
  /*
	* Custom radios
	*/
  /*
	* Top range box
	*/
  /*
	* @ Range
	*/
  /*
	* Gated price
	*/
  /*
	* @ Checkbox
	*/
  /*
	* @ Resume
	*/
  /* .resume-of-details {

	background: #fff;
	border-radius: 8px;
	//box-shadow: 0 4px 24px rgba(0, 0, 0, 0.04);
	//border: solid 1.5px #d5e0e7;
	//padding: 24px;
	width: 100%;

	&-top {
	display: flex;
	justify-content: center;
	align-content: center;
	flex-direction: column;
	gap: 8px;
	text-align: center;
	margin: 24px 0;

	&-heading {
	font-size: 18px;
}
	&-description {
	font-weight: 400;
	font-size: 14px;
}
}

	&-header {
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	align-items: center;
	gap: 16px;
	margin-bottom: 24px;


}

	&-image {
	max-width: 200px;
	height: 200px;
	object-fit: cover;
	width: 100%;
	border-radius: 16px;
}

	&-summary {
	display: flex;
	flex-direction: column;
	gap: 8px;
	width: calc(100% - 240px);

	.resume-of-details-item {
	background: white;
	padding: 8px 0;
}
}

	&-item {
	display: flex;
	justify-content: space-between;
	padding: 10px 6px;
	border-bottom: 1px solid #fff;
	background: #f2f2f2;

	&:last-child {
	border-bottom: none;
}

	&.break {
	border-bottom: none;
	margin-bottom: 16px;
}
}

	&-item-name {
	font-size: 14px;
	font-weight: bold;
	color: #000;
}

	&-item-value {
	font-size: 14px;
	color: #333;
	font-weight: 400;
	&-prefix {
	text-align: right;
	font-size: 12px;
	opacity: 80%;
	display: block;
}
}

	.has-prefix {
	display: flex;
	flex-direction: column;
	width: 50%;
	align-items: flex-end;
}
}
	*/
}
.frm-fluent-form .ff-el-input--label label {
  font-size: 14px;
  font-weight: bold;
}
.frm-fluent-form .ff-step-t-container {
  display: flex;
  flex-direction: column-reverse;
  gap: 4px;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.frm-fluent-form .ff-step-t-container .ff-t-cell {
  width: 100%;
}
.frm-fluent-form .ff-btn-submit, .frm-fluent-form .ff-btn-next {
  color: white;
  padding: 16px 24px;
  border-radius: 4px;
  background-color: #db7111 !important;
  border-color: transparent !important;
  width: 100%;
  font-weight: bold;
  text-transform: uppercase;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}
.frm-fluent-form .ff-btn-submit:hover, .frm-fluent-form .ff-btn-next:hover {
  opacity: 80%;
}
.frm-fluent-form .ff-btn-prev {
  background-color: transparent !important;
  border-color: transparent !important;
  color: #000 !important;
  text-decoration: underline;
  opacity: 60%;
  transition: all 0.2s ease-in-out;
}
.frm-fluent-form .ff-btn-prev:hover {
  opacity: 100%;
}
.frm-fluent-form .fluentform .ff-el-input--label {
  margin-bottom: 12px;
}
.frm-fluent-form .fluentform .ff-el-input--label label {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.2;
}
.frm-fluent-form .hidden {
  display: none;
}
.frm-fluent-form .ff-custom_html {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.2;
}
.frm-fluent-form .ff-custom_html:before, .frm-fluent-form .ff-custom_html:after {
  display: none;
}
.frm-fluent-form .ff-el-input--content {
  background: transparent;
}
.frm-fluent-form .ff-el-input--content input.ff-el-form-control {
  background: transparent;
  cursor: pointer;
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 16px 12px;
  border-radius: 4px;
  border: solid 2px #cee0eb;
  background-color: #fff;
  font-size: 14px;
  transition: all 0.2sease -in-out;
}
.frm-fluent-form .fluentform .ff-el-group {
  margin-bottom: 24px;
}
.frm-fluent-form textarea.ff-el-form-control {
  background: white;
  box-sizing: border-box;
  padding: 12px;
}
.frm-fluent-form .custom-radios .ff-el-input--content {
  display: flex;
  gap: 16px;
}
.frm-fluent-form .custom-radios .ff-el-form-check {
  width: 100%;
  box-sizing: border-box;
}
.frm-fluent-form .custom-radios .ff-el-form-check span {
  cursor: pointer;
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 16px 12px;
  border-radius: 4px;
  border: solid 2px #cee0eb;
  background-color: #fff;
  text-align: center;
  font-size: 14px;
  transition: all 0.2s ease-in-out;
}
.frm-fluent-form .custom-radios .ff-el-form-check input {
  display: none;
}
.frm-fluent-form .custom-radios .ff-el-form-check:hover span {
  background-color: #fdf8f3;
}
.frm-fluent-form .custom-radios .ff-el-form-check.ff_item_selected span {
  border: solid 2px #db7111;
  background-color: #fdf8f3;
}
.frm-fluent-form select.ff-el-form-control:not([size]):not([multiple]) {
  height: inherit;
}
.frm-fluent-form .fluentform .ff-el-form-control {
  font-size: 14px;
  padding: 16px 12px;
  border-radius: 4px;
  border: solid 2px #cee0eb;
  background-color: #fff;
}
.frm-fluent-form select {
  --arrow-size: 20px;
  display: block;
  font-size: 14px;
  padding: 16px 12px;
  border-radius: 4px;
  border: solid 2px #cee0eb;
  background-color: #fff;
  -moz-appearance: none;
  /* Firefox */
  -webkit-appearance: none;
  /* Safari and Chrome */
  appearance: none;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6"><path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5" /></svg>');
  background-size: 20px;
  background-repeat: no-repeat;
  background-position-x: calc(100% - 12px);
  background-position-y: 14px;
}
.frm-fluent-form .hidden-amount-field {
  opacity: 20%;
  display: none;
}
.frm-fluent-form .custom-amounts-wrapper {
  margin-bottom: 24px;
  /*
		* Custom amounts
		*/
}
.frm-fluent-form .custom-amounts-wrapper .ff-el-group {
  margin-bottom: 0px;
}
.frm-fluent-form .custom-amounts-wrapper > .ff-t-column-1 {
  flex-basis: inherit !important;
  width: 150px;
}
.frm-fluent-form .custom-amounts-wrapper > .ff-t-column-1:first-child {
  width: calc(100% - 150px);
}
.frm-fluent-form .custom-amounts-wrapper .custom-amounts {
  margin-top: -5px;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.frm-fluent-form .custom-amounts-wrapper .custom-amounts p {
  margin: 0;
  font-size: 14px;
  opacity: 80%;
}
.frm-fluent-form .custom-amounts-wrapper .annual-electricity-box {
  border-radius: 16px;
  background: #cee0eb;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 8px;
}
.frm-fluent-form .custom-amounts-wrapper .annual-electricity-box p {
  margin: 0;
}
.frm-fluent-form .custom-amounts-wrapper .annual-electricity-box p.small-text {
  display: block;
  font-size: 14px;
  opacity: 80%;
}
.frm-fluent-form .custom-amounts-wrapper .ff_range_value {
  opacity: 20%;
  font-size: 10px;
  display: none;
}
.frm-fluent-form .custom-amounts-wrapper .rangeslider__fill {
  background: #db7111;
}
.frm-fluent-form .custom-amounts-wrapper .rangeslider--horizontal {
  height: 10px;
}
.frm-fluent-form .custom-amounts-wrapper .rangeslider--horizontal .rangeslider__handle {
  top: -5px;
  height: 20px;
  width: 20px;
}
.frm-fluent-form .custom-amounts-wrapper .rangeslider--horizontal .rangeslider__fill {
  top: 0;
}
.frm-fluent-form .ff-el-group {
  margin-bottom: 16px;
}
.frm-fluent-form .unkown-annual_electricity {
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  display: flex;
  justify-content: flex-start;
  gap: 4px;
  padding: 0px;
  margin: 0 0 8px 0;
}
.frm-fluent-form .unkown-annual_electricity svg {
  height: 20px;
  width: 20px;
  fill: #ffad01;
}
.frm-fluent-form .unkown-annual_electricity p {
  margin: 0;
  padding: 0 !important;
}
.frm-fluent-form .unkown-annual_electricity a {
  box-shadow: inset 0 -0.1em 0 0 var(--link_hover_color);
  color: var(--link_hover_color);
  font-weight: 500;
  text-decoration: none;
  transition: all 0.6s ease 0s;
}
.frm-fluent-form .unkown-annual_electricity a:hover {
  opacity: 80%;
}
.frm-fluent-form .gated-price {
  background: #f2f2f2;
  /*
		font-size: 14px;
		font-weight: 400;
		*/
  text-align: left;
  display: block;
  padding: 4px;
  margin: 24px 0;
  padding: 24px;
  box-sizing: border-box;
  font-size: 14px;
  font-weight: 500;
}
.frm-fluent-form .gated-price-headline {
  font-size: 16px;
  font-weight: 500;
  margin: 0 0 24px 0;
}
.frm-fluent-form .gated-price-value {
  margin: 12px 0 4px 0;
  filter: blur(5px);
  font-size: 28px;
  font-weight: bold;
  color: #2fa149;
  pointer-events: none;
}
.frm-fluent-form .gated-price-helper {
  font-size: 14px;
  font-weight: 400;
  margin: 16px 0 0 0;
}
.frm-fluent-form .gated-price .splittet {
  display: flex;
  justify-content: space-between;
  pointer-events: none;
  font-weight: bold;
  font-size: 16px;
}
.frm-fluent-form .gated-price .splittet-value {
  user-select: none;
  /* Prevents text selection */
  -webkit-user-select: none;
  /* Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  pointer-events: none;
  /* Disables interaction */
  filter: blur(5px);
}
.frm-fluent-form .ff-el-form-check {
  font-size: 14px;
}
.frm-fluent-form .sub_input-headline {
  margin-top: 0;
  font-size: 16px;
  margin-bottom: 16px;
}
.frm-fluent-form .sub_input-headline p {
  display: block;
  margin: 0;
  padding: 0 !important;
}
@media (max-width: 777px) {
  /*
	* @ Form it self
	*/
  /*
	* @ Succes
	*/
  .ff_landing_page_body .ff_landing_wrapper .ff_landing_form {
    padding: 16px;
  }
  .frm-fluent-form .custom-amounts-wrapper {
    margin-bottom: 12px;
  }
  .frm-fluent-form .custom-amounts-wrapper .annual-electricity-box {
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .frm-fluent-form .gated-price {
    padding: 12px;
    margin-bottom: 24px !important;
  }
  .ff-message-success .resume-of-details-top {
    padding: 16px;
    margin-top: 0;
  }
  .ff-message-success .resume-of-details-header {
    flex-direction: column;
    align-items: flex-start;
  }
  .ff-message-success .resume-of-details-summary {
    width: 100%;
  }
  .ff-message-success .resume-of-details-image {
    width: 100%;
    max-width: 100%;
  }
  .ff-message-success .resume-of-details-boxes {
    display: flex;
    flex-direction: column;
  }
}