.elementor-1223 .elementor-element.elementor-element-f2a830e{--display:flex;--min-height:100vh;--gap:24px 24px;--row-gap:24px;--column-gap:24px;--margin-top:-5px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:230px;--padding-bottom:180px;--padding-left:0px;--padding-right:0px;}.elementor-1223 .elementor-element.elementor-element-f2a830e:not(.elementor-motion-effects-element-type-background), .elementor-1223 .elementor-element.elementor-element-f2a830e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://greenbizuae.com/wp-content/uploads/2026/03/calcukl.png");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-1223 .elementor-element.elementor-element-893aa35{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:30px 30px;--row-gap:30px;--column-gap:30px;}.elementor-1223 .elementor-element.elementor-element-2b88231 .elementor-heading-title{color:#FFFFFF;}.elementor-1223 .elementor-element.elementor-element-8362abb .elementor-heading-title{color:#FFFFFF;}.elementor-1223 .elementor-element.elementor-element-871f7e8{--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;}.elementor-1223 .elementor-element.elementor-element-c4ac433 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1223 .elementor-element.elementor-element-c8dc75b .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1223 .elementor-element.elementor-element-d2e1999{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-1223 .elementor-element.elementor-element-4b3cd51 .elementor-heading-title{font-weight:400;letter-spacing:-0.07em;}.elementor-1223 .elementor-element.elementor-element-f76abff{width:var( --container-widget-width, 600px );max-width:600px;--container-widget-width:600px;--container-widget-flex-grow:0;text-align:center;}.elementor-1223 .elementor-element.elementor-element-f76abff .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:400;color:#000000;}.elementor-1223 .elementor-element.elementor-element-35f77af{width:initial;max-width:initial;margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}@media(max-width:1024px){.elementor-1223 .elementor-element.elementor-element-893aa35{--z-index:5;}.elementor-1223 .elementor-element.elementor-element-d2e1999{--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-1223 .elementor-element.elementor-element-f76abff .elementor-heading-title{font-size:16px;}}@media(max-width:767px){.elementor-1223 .elementor-element.elementor-element-f2a830e{--min-height:60vh;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-1223 .elementor-element.elementor-element-f2a830e:not(.elementor-motion-effects-element-type-background), .elementor-1223 .elementor-element.elementor-element-f2a830e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-1223 .elementor-element.elementor-element-3f81766{width:initial;max-width:initial;}.elementor-1223 .elementor-element.elementor-element-4b3cd51{width:var( --container-widget-width, 300px );max-width:300px;--container-widget-width:300px;--container-widget-flex-grow:0;text-align:center;}}/* Start custom CSS for html, class: .elementor-element-35f77af */body {
  font-family: sans-serif;
  background: #f5f5f0;
}

.calculator {
  width: 700px;
  margin: auto;
}

.step {
  display: none;
}

.step.active {
  display: block;
}

.progress {
  margin-bottom: 30px;
}

.progress-bar {
  height: 6px;
  background: linear-gradient(to right, #c6a100, #2ecc71);
  width: 25%;
  transition: 0.3s;
}

.steps span {
  margin-right: 20px;
  color: grey;
}

.steps .active {
  color: black;
  font-weight: bold;
}

.grid {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.option {
  padding: 10px 15px;
  border-radius: 8px;
  border: 1px solid #ccc;
  cursor: pointer;
}

.option.active {
  background: linear-gradient(to right, #c6a100, #2ecc71);
  color: white;
}

input, select {
  width: 100%;
  padding: 12px;
  margin: 10px 0;
  border-radius: 8px;
  border: 1px solid #ccc;
}

button {
  padding: 10px 20px;
  border-radius: 8px;
  border: none;
  cursor: pointer;
}

.next {
  background: linear-gradient(to right, #00a86b, #2ecc71);
  color: white;
}

.back {
  border: 1px solid #00a86b;
  color: #00a86b;
}

.nav {
  display: flex;
  justify-content: space-between;
}

.price {
  font-size: 40px;
  font-weight: bold;
  margin: 20px 0;
}/* End custom CSS */