.HPC-Box {
  padding: 0px 33px 40px 33px;
}

.HPC-Pad {
  padding-bottom: 100px;
}
.page-template-template-heat-pump-calculator h1 {
  color: var(--BLACK, #10151C);
  font-size: 44px;
  line-height: normal;
  margin-bottom: 30px;
}
.HPC-Box2 {
  border-radius: 6px;
  border: 1px solid var(--Grey-border, #E4E5EE);
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 13px 20px;
}
.HPC-Box2 small {
  color: var(--Grey_dark, #8189A2);
  font-family: Inter;
  font-size: 12px;
  line-height: normal;
}
.HPC-Box2 span {
  color: var(--BLACK, #10151C);
  font-family: Inter;
  font-size: 20px;
  font-weight: 600;
  line-height: normal;
}
.HPC-Box2 span b {
  color: var(--Accent-blue, #0183E1);
  font-size: 28px;
}

.HPC-Blue {
color: #0087e2;
}

.HPC-Big {
font-size: 24px;
}

.HPC-Form-Fields:not(:last-of-type) {
  display: flex;
  flex-direction: column;
  margin-bottom: 16px;
}

.HPC-Form-Fields label {
  color: var(--BLACK, #10151C);
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 8px;
}

.HPC-Form-Fields input {
  font-size: 21.6px;
  font-weight: 500;
  color: #757373;
  width: 100%;
  height: 37px;
  padding-left: 20px;
  padding-top: 3px;
  border: 1px solid #cccccc;
  border-radius: 3px;
}

.HPC-Form-Fields select {
  font-size: 14px;
  font-weight: 500;
  color: #10151C;
  width: 100%;
  height: 40px;
  border: 1px solid #cccccc;
  border-radius: 3px;
  padding: 11px 12px;
}

.HPC-Field-B input {
  width: 100%;
  height: 37px;
  padding-left: 20px;
  padding-top: 3px;
  border: 1px solid #cccccc;
  border-right: none;
}

.HPC-Field-B input+p {
  display: block;
  float: left;
  font-size: 21.6px;
  font-weight: bold;
  width: 66px;
  height: 37px;
  text-align: center;
  margin-top: 0px;
  border: 1px solid #cccccc;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  background-color: #f4f4f4;
  position: absolute;
  top: 0;
  right: 0;
}

.HPC-Readonly {
background-color: #f4f4f4;
}

.HPC-Long label {
margin-top: -8px;
}

.HPC-Form-Checkboxes {
padding: 0px 15px 50px 15px;
}

.HPC-Form-Checkboxes div {
font-size: 21.6px;
font-weight: 900;
float: left;
width: 175px;
text-align: left;
}

.HPC-Wide {
padding: 0px 0px 50px 150px;
}

.HPC-Wide div {
width: 162px;
}

.HPC-Form-Checkboxes input {
width: 20px;
height: 20px;
}

.HPC-Table table {
border-collapse: collapse;
width: 100%;
table-layout: fixed;
}

.HPC-Table h1 {
text-align: center;
font-size: 30px;
font-weight: 900;
color: #82c800;
margin: 0px 0px 10px 0px;
}

.HPC-Table td,
th {
border: 0px;
padding: 6px 10px;
text-align: left;
font-size: 14px;
border-bottom: solid 1px #eee;
}

.HPC-Table thead th {
background-color: #2ea306;
color: white;
font-weight: bold;
padding: 10px;
white-space: normal;
word-break: break-all;
}

.HPC-Table tr {
position: relative;
}

.HPC-Table tr td {
color: #aaa;
border-bottom: solid 1px #eee;
}

.HPC-Table tr td:first-child:before {
background: url("../img/HPC/HPC-Shadow.png") repeat-x;
background-size: 100%;
content: " ";
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
height: 30px;
display: none;
}

.HPC-Table input {
display: block;
margin-top: 6px;
width: 24px;
height: 24px;
}

.HPC-Table,
.HPC-Wider {
width: 100%;
}

.HPC-Graphic {
position: relative;
width: 100%;
margin: auto;
}

.HPC-Graphic .HPC-L p {
width: 20px;
}

.HPC-Graphic .HPC-L p {
margin: 0px 0px 39px 0px;
padding: 0px;
}

.HPC-L {
width: 36px;
float: left;
}

.HPC-R1,
.HPC-R2 {
float: left;
}

.HPC-R1 {
  margin-bottom: 10px;
  gap: 40px;
}

.HPC-R1 p {
margin: 6px;
padding: 0px;
}

.HPC-B span {
float: left;
margin-right: 5px;
display: block;
background: #0183E1;
  height: 20px;
  width: 71px;
  border-radius: 4px;
}

.HPC-G, .HPC-B {
  color: var(--BLACK, #10151C);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.HPC-G span {
float: left;
margin-right: 5px;
display: block;
background: #63BB2E;
  height: 20px;
  width: 71px;
  border-radius: 4px;
}

.HPC-R2 .HPC-Cont {
width: 50px;
margin: 2px;
height: 275px;
float: left;
position: relative;
}

.HPC-R2 .HPC-Cont div {
position: absolute;
bottom: 0px;
}

.HPC-R2 .HPC-Cont div p {
padding: 0px;
margin: 0px 1px 4px 1px;
font-weight: bold;
font-size: 12px;
}

.HPC-Info {
float: right;
}

.HPC-Graph-A {
float: left;
display: block;
width: 21px;
background: #0087e2;
bottom: 0px;
position: absolute;
left: 0px;
bottom: 20px;
}

.HPC-Graph-B {
float: left;
display: block;
width: 21px;
background: #2ea306;
position: absolute;
left: 23px;
bottom: 20px;
}

.HPC-Products {
margin: -30px auto 0px auto;
width: 880px;
display: inline-block;
}

.HPC-Product {
width: 200px;
height: 345px;
float: left;
padding: 0px 10px 20px 10px;
font-weight: bold;
font-size: 19.8px;
color: #3a3a3a;
text-align: center;
font-family: 'Source Sans Pro', sans-serif;
}

.HPC-Product p {
display: block;
height: 66px;
position: relative;
}

.HPC-Product p span {
display: block;
position: absolute;
bottom: 0px;
}

.HPC-Product em {
font-size: 15.4px;
color: #ff0400;
font-style: normal;
}

.HPC-Product b {
display: block;
font-size: 15.4px;
}

.HPC-Product a {
display: block;
padding-top: 10px;
}



/* angular-chart css */

.chart-legend,
.bar-legend,
.line-legend,
.pie-legend,
.radar-legend,
.polararea-legend,
.doughnut-legend {
  list-style-type: none;
  margin-top: 5px;
  text-align: center;
  padding-left: 0;
}

.chart-legend li,
.bar-legend li,
.line-legend li,
.pie-legend li,
.radar-legend li,
.polararea-legend li,
.doughnut-legend li {
  display: inline-block;
  white-space: nowrap;
  position: relative;
  margin-bottom: 4px;
  border-radius: 5px;
  padding: 2px 8px 2px 28px;
  font-size: smaller;
  cursor: default;
}

.chart-legend li span,
.bar-legend li span,
.line-legend li span,
.pie-legend li span,
.radar-legend li span,
.polararea-legend li span,
.doughnut-legend li span {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  border-radius: 5px;
}

@media screen and (max-width: 1280px) {
  .HPC-Left {
    width: 30%;
  }
  .HPC-Right {
    width: 70%;
  }
  .HPC-Box2 .HPC-Title {
    margin-top: -30px;
    margin-bottom: 5px;
  }
  .HPC-Box {
    padding: 40px 10px 10px 10px;
  }
  .HPC-Form-Fields div.col-sm-8,
  .HPC-Form-Fields>div,
  .HPC-Form-Fields label {
    width: 100%;
    padding: 0;
    font-size: 14px;
  }

  .HPC-Form-Fields input,
  .HPC-Form-Fields select {
    font-size: 14px;
    padding: 5px;
    height: 30px;
  }
  .HPC-Field-B input+p {
    width: 40px;
    height: 30px;
    font-size: 14px;
    line-height: 30px;
  }
  .HPC-Big {
    font-size: 14px;
  }
  .HPC-Long label {
    margin-top: 0;
  }
}

@media screen and (max-width: 900px) {
  .HPC-Left,
  .HPC-Right {
    width: 100%;
    padding: 0 0 30px 0;
  }
  .HPC-Left img {
    width: 300px;
    margin: 0 auto;
    float: none;
    display: block;
  }

  .HPC-Form-Fields label br {
    display: none
  }
}

@media screen and (max-width: 640px) {
  .HPC-Table table,
  .HPC-Table table tbody,
  .HPC-Table table tbody tr {
    display: block;
    position: relative;
  }

  .HPC-Table table tbody tr {
    background: #eeeeee;
    padding-bottom: 5px;
  }

  .HPC-Table table thead {
    display: none;
  }

  .HPC-Table table tbody tr td {
    display: inline-block;
    padding: 5 10px;
    border-bottom: 0;
    color: #000;
    font-weight: bold;
  }

  .HPC-Table table tbody tr td:nth-child(6) {
    font-weight: normal;
    padding-left: 0;
  }

  .HPC-Table table tbody tr th {
    display: block;
    border-bottom: 0;
    background: #26a500;
    color: #fff;
    padding-left: 40px;
  }

  .HPC-Table table tbody tr td:first-child {
    position: absolute;
    top: 0;
    padding: 0;
    left: 0;
  }

  .HPC-Table table tbody tr td:first-child input {
    margin: 10px;
    width: 15px;
    height: 15px;
  }

  .HPC-Table table tbody tr td:before {
    content: '';
    display: inline-block;
    margin-right: 10px;
    color: #000;
    font-weight: normal;
  }

  .HPC-Table table tbody tr td:nth-child(3):before {
    content: 'Days :'
  }

  .HPC-Table table tbody tr td:nth-child(4):before {
    content: 'Temp° :'
  }

  .HPC-Table table tbody tr td:nth-child(5):before {
    content: 'Total Heat'
  }

  .HPC-Table table tbody tr td:nth-child(7):before {
    content: 'Cost/Mth/Day'
  }

  .HPC-Table table tbody tr td:nth-child(8):before {
    content: 'Model'
  }

  .HPC-Table table tbody tr td:nth-child(9):before {
    content: 'Input-kw'
  }
}

.HPC-Table tr {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
}
.HPC-Table tr td {
  margin: 0;
}


.HPC-Left, .HPC-Right {
  width: calc(50% - 15px);
}
.hpc-head, .hpc-table > div {
  display: grid;
  /*10% 7% 9% 14% 18% 7% 12%*/
  grid-template-columns: 10% 8% 9% 14% 15% 9% 12%;
  gap: 20px;
  padding: 17px 16px;
  align-items: center;
  color: var(--BLACK, #10151C);
  font-family: Inter;
  font-size: 14px;
  line-height: normal;
}
.hpc-head {
  border-radius: 6px;
  background: var(--Grey_light, #F5F8FB);
  font-weight: 600;
}
.hpc-table > div:not(:last-of-type) {
  border-bottom: 1px solid #E4E5EE;
}
.HPC-text-content {
  border-radius: 6px;
  background: var(--Grey_light, #F5F8FB);
  padding: 40px;
  margin-top: 40px;
}
.hpc-customer-btn {
  border-radius: 6px;
  background: var(--Lenear, linear-gradient(270deg, #0081E0 0%, #00C0F0 100%));
  padding: 12px;
  height: 75px;
  color: var(--White, #FFF);
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  gap: 8px;
  cursor: pointer;
}

.hpc-top {
  display: grid;
  grid-template-columns: calc(50% - 15px) calc(50% - 15px);
  justify-content: space-between;
  margin-bottom: 30px;
}
.HPC-Box {
  border-radius: 6px;
  border: 1px solid var(--Grey-border, #E4E5EE);
  padding: 20px;
}

.HPC-Title > * {
  color: var(--BLACK, #10151C);
  font-family: Inter;
  font-size: 20px;
  font-weight: 600;
  line-height: normal;
}
.HPC-Box-Span {
  color: var(--Grey_dark, #8189A2);
  font-family: Inter;
  font-size: 12px;
  line-height: normal;
}

.Australia-button::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='21' viewBox='0 0 40 21' fill='none'%3E%3Cg clip-path='url(%23clip0_1474_18440)'%3E%3Cpath d='M43.1373 0.5H0V20.8704H43.1373V0.5Z' fill='%23012169'/%3E%3Cmask id='mask0_1474_18440' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='0' y='0' width='22' height='11'%3E%3Cpath d='M0 0.5H21.5686V10.6852H0V0.5Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_1474_18440)'%3E%3Cpath d='M0 0.5L21.5686 10.6852L0 0.5ZM21.5686 0.5L0 10.6852L21.5686 0.5Z' fill='black'/%3E%3Cpath d='M0 0.5L21.5686 10.6852M21.5686 0.5L0 10.6852' stroke='white' stroke-width='2.75'/%3E%3C/g%3E%3Cmask id='mask1_1474_18440' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='0' y='0' width='22' height='11'%3E%3Cpath d='M0 0.5V5.59259H21.5686V10.6852L0 0.5ZM21.5686 0.5H10.7843V10.6852H0L21.5686 0.5Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask1_1474_18440)'%3E%3Cpath d='M0 0.5L21.5686 10.6852L0 0.5ZM21.5686 0.5L0 10.6852L21.5686 0.5Z' fill='black'/%3E%3Cpath d='M0 0.5L21.5686 10.6852M21.5686 0.5L0 10.6852' stroke='%23E4002B' stroke-width='1.83333'/%3E%3C/g%3E%3Cpath d='M10.7843 0.5V10.6852V0.5ZM0 5.59259H21.5686H0Z' fill='black'/%3E%3Cpath d='M10.7843 0.5V10.6852M0 5.59259H21.5686' stroke='white' stroke-width='4.58333'/%3E%3Cpath d='M10.7843 0.5V10.6852V0.5ZM0 5.59259H21.5686H0Z' fill='black'/%3E%3Cpath d='M10.7843 0.5V10.6852M0 5.59259H21.5686' stroke='%23E4002B' stroke-width='2.75'/%3E%3Cpath d='M10.787 12.7222L11.4109 14.5542L13.3164 13.8726L12.1888 15.4755L13.9412 16.4576L11.9112 16.6244L12.1907 18.5307L10.787 17.1357L9.38325 18.5307L9.66279 16.6244L7.63281 16.4576L9.38513 15.4755L8.25754 13.8726L10.1631 14.5542L10.787 12.7222Z' fill='white'/%3E%3Cpath d='M32.3536 16.02L32.6506 16.8924L33.5581 16.5679L33.0211 17.3311L33.8555 17.7988L32.8889 17.8782L33.022 18.786L32.3536 18.1217L31.6851 18.786L31.8182 17.8782L30.8516 17.7988L31.686 17.3311L31.1491 16.5679L32.0565 16.8924L32.3536 16.02Z' fill='white'/%3E%3Cpath d='M26.9629 7.95703L27.26 8.82942L28.1674 8.50486L27.6305 9.26816L28.4649 9.73583L27.4983 9.81526L27.6314 10.723L26.9629 10.0587L26.2945 10.723L26.4276 9.81526L25.4609 9.73583L26.2954 9.26816L25.7584 8.50486L26.6658 8.82942L26.9629 7.95703Z' fill='white'/%3E%3Cpath d='M32.3536 2.43994L32.6506 3.31233L33.5581 2.98777L33.0211 3.75107L33.8555 4.21874L32.8889 4.29817L33.022 5.2059L32.3536 4.54165L31.6851 5.2059L31.8182 4.29817L30.8516 4.21874L31.686 3.75107L31.1491 2.98777L32.0565 3.31233L32.3536 2.43994Z' fill='white'/%3E%3Cpath d='M37.1504 6.59888L37.4475 7.47127L38.3549 7.14671L37.818 7.91L38.6524 8.37768L37.6858 8.4571L37.8189 9.36484L37.1504 8.70058L36.482 9.36484L36.6151 8.4571L35.6484 8.37768L36.4829 7.91L35.9459 7.14671L36.8533 7.47127L37.1504 6.59888Z' fill='white'/%3E%3Cpath d='M34.5149 10.6851L34.7496 11.2286L35.3696 11.2715L34.8947 11.6504L35.0431 12.2205L34.5149 11.9111L33.9866 12.2205L34.135 11.6504L33.6602 11.2715L34.2801 11.2286L34.5149 10.6851Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1474_18440'%3E%3Crect y='0.5' width='40' height='20' rx='3' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.Zealand-button::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='21' viewBox='0 0 40 21' fill='none'%3E%3Cg clip-path='url(%23clip0_1477_18660)'%3E%3Cpath d='M40 0.5H0V20.5H40V0.5Z' fill='%23012169'/%3E%3Cmask id='mask0_1477_18660' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='0' y='0' width='20' height='11'%3E%3Cpath d='M0 0.5H20V10.5H0V0.5Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_1477_18660)'%3E%3Cpath d='M0 0.5L20 10.5L0 0.5ZM0 10.5L20 0.5L0 10.5Z' fill='black'/%3E%3Cpath d='M0 0.5L20 10.5M0 10.5L20 0.5' stroke='white' stroke-width='2.75'/%3E%3C/g%3E%3Cmask id='mask1_1477_18660' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='0' y='0' width='20' height='11'%3E%3Cpath d='M0 0.5L10 5.5H0V0.5ZM10 0.5H20L10 5.5V0.5ZM10 5.5H20V10.5L10 5.5ZM10 5.5V10.5H0L10 5.5Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask1_1477_18660)'%3E%3Cpath d='M0 0.5L20 10.5L0 0.5ZM0 10.5L20 0.5L0 10.5Z' fill='black'/%3E%3Cpath d='M0 0.5L20 10.5M0 10.5L20 0.5' stroke='%23C8102E' stroke-width='1.83333'/%3E%3C/g%3E%3Cmask id='mask2_1477_18660' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='0' y='0' width='20' height='11'%3E%3Cpath d='M0 0.5H20V10.5H0V0.5Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask2_1477_18660)'%3E%3Cpath d='M10 0.5V10.5V0.5ZM0 5.5H20H0Z' fill='black'/%3E%3Cpath d='M10 0.5V10.5M0 5.5H20' stroke='white' stroke-width='4.58333'/%3E%3C/g%3E%3Cmask id='mask3_1477_18660' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='0' y='0' width='20' height='11'%3E%3Cpath d='M0 0.5H20V10.5H0V0.5Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask3_1477_18660)'%3E%3Cpath d='M10 0.5V10.5V0.5ZM0 5.5H20H0Z' fill='black'/%3E%3Cpath d='M10 0.5V10.5M0 5.5H20' stroke='%23C8102E' stroke-width='2.75'/%3E%3C/g%3E%3Cpath d='M29.9961 4.0083V4.76497L31.5094 4.0083H29.9961Z' fill='white'/%3E%3Cpath d='M30.2846 4.8978L29.8398 4.28564L31.5089 4.00829L30.2846 4.8978Z' fill='white'/%3E%3Cpath d='M29.9961 4.0083V4.76497L28.4828 4.0083H29.9961Z' fill='white'/%3E%3Cpath d='M29.7076 4.8978L30.1523 4.28564L28.4833 4.00829L29.7076 4.8978Z' fill='white'/%3E%3Cpath d='M30.4531 4.34814L29.7335 4.58197L30.9208 5.78741L30.4531 4.34814Z' fill='white'/%3E%3Cpath d='M29.6959 4.89804L30.1406 4.28589L30.9202 5.78756L29.6959 4.89804Z' fill='white'/%3E%3Cpath d='M29.5312 4.34814L30.2509 4.58197L29.9989 2.90888L29.5312 4.34814Z' fill='white'/%3E%3Cpath d='M30.4696 4.34821L29.75 4.58203L30.002 2.90894L30.4696 4.34821Z' fill='white'/%3E%3Cpath d='M29.5312 4.34814L30.2509 4.58197L29.0636 5.78741L29.5312 4.34814Z' fill='white'/%3E%3Cpath d='M30.2885 4.89804L29.8438 4.28589L29.0642 5.78756L30.2885 4.89804Z' fill='white'/%3E%3Cpath d='M29.9844 4.17505V4.67505L30.9844 4.17505H29.9844Z' fill='%23C8102E'/%3E%3Cpath d='M30.1767 4.76291L29.8828 4.3584L30.9857 4.17512L30.1767 4.76291Z' fill='%23C8102E'/%3E%3Cpath d='M29.9844 4.17505V4.67505L28.9844 4.17505H29.9844Z' fill='%23C8102E'/%3E%3Cpath d='M29.792 4.76291L30.0859 4.3584L28.983 4.17512L29.792 4.76291Z' fill='%23C8102E'/%3E%3Cpath d='M30.293 4.39966L29.8174 4.55417L30.602 5.35071L30.293 4.39966Z' fill='%23C8102E'/%3E%3Cpath d='M29.792 4.76291L30.0859 4.3584L30.6011 5.35069L29.792 4.76291Z' fill='%23C8102E'/%3E%3Cpath d='M29.6797 4.39941L30.1552 4.55392L29.9887 3.44836L29.6797 4.39941Z' fill='%23C8102E'/%3E%3Cpath d='M30.2958 4.39945L29.8203 4.55396L29.9868 3.44839L30.2958 4.39945Z' fill='%23C8102E'/%3E%3Cpath d='M29.6719 4.39966L30.1474 4.55417L29.3629 5.35071L29.6719 4.39966Z' fill='%23C8102E'/%3E%3Cpath d='M30.1728 4.76291L29.8789 4.3584L29.3638 5.35069L30.1728 4.76291Z' fill='%23C8102E'/%3E%3Cpath d='M33.9648 7.50586L33.9648 8.17919L35.3115 7.50586L33.9648 7.50586Z' fill='white'/%3E%3Cpath d='M34.22 8.29742L33.8242 7.75269L35.3095 7.50587L34.22 8.29742Z' fill='white'/%3E%3Cpath d='M33.9609 7.50586L33.9609 8.17919L32.6143 7.50586L33.9609 7.50586Z' fill='white'/%3E%3Cpath d='M33.7058 8.29742L34.1016 7.75269L32.6163 7.50587L33.7058 8.29742Z' fill='white'/%3E%3Cpath d='M34.3789 7.80811L33.7385 8.01618L34.795 9.08886L34.3789 7.80811Z' fill='white'/%3E%3Cpath d='M33.7058 8.29742L34.1016 7.75269L34.7953 9.08897L33.7058 8.29742Z' fill='white'/%3E%3Cpath d='M33.5508 7.80835L34.1912 8.01642L33.9669 6.52759L33.5508 7.80835Z' fill='white'/%3E%3Cpath d='M34.3826 7.80829L33.7422 8.01636L33.9664 6.52753L34.3826 7.80829Z' fill='white'/%3E%3Cpath d='M33.5469 7.80811L34.1873 8.01618L33.1307 9.08886L33.5469 7.80811Z' fill='white'/%3E%3Cpath d='M34.22 8.29742L33.8242 7.75269L33.1305 9.08897L34.22 8.29742Z' fill='white'/%3E%3Cpath d='M33.9648 7.67285L33.9648 8.08952L34.7982 7.67285L33.9648 7.67285Z' fill='%23C8102E'/%3E%3Cpath d='M34.1238 8.16253L33.8789 7.82544L34.798 7.67271L34.1238 8.16253Z' fill='%23C8102E'/%3E%3Cpath d='M33.9609 7.67285L33.9609 8.08952L33.1276 7.67285L33.9609 7.67285Z' fill='%23C8102E'/%3E%3Cpath d='M33.802 8.16253L34.0469 7.82544L33.1278 7.67271L33.802 8.16253Z' fill='%23C8102E'/%3E%3Cpath d='M34.2344 7.86011L33.8381 7.98886L34.4919 8.65265L34.2344 7.86011Z' fill='%23C8102E'/%3E%3Cpath d='M33.8176 8.16277L34.0625 7.82568L34.4918 8.65259L33.8176 8.16277Z' fill='%23C8102E'/%3E%3Cpath d='M33.707 7.85986L34.1033 7.98862L33.9645 7.06732L33.707 7.85986Z' fill='%23C8102E'/%3E%3Cpath d='M34.2205 7.85977L33.8242 7.98853L33.963 7.06722L34.2205 7.85977Z' fill='%23C8102E'/%3E%3Cpath d='M33.707 7.86011L34.1033 7.98886L33.4495 8.65265L33.707 7.86011Z' fill='%23C8102E'/%3E%3Cpath d='M34.1238 8.16277L33.8789 7.82568L33.4496 8.65259L34.1238 8.16277Z' fill='%23C8102E'/%3E%3Cpath d='M25.3828 8.65771L25.3828 9.41438L26.8961 8.65771L25.3828 8.65771Z' fill='white'/%3E%3Cpath d='M25.6713 9.54721L25.2266 8.93506L26.8956 8.6577L25.6713 9.54721Z' fill='white'/%3E%3Cpath d='M25.3828 8.65771L25.3828 9.41438L23.8695 8.65771L25.3828 8.65771Z' fill='white'/%3E%3Cpath d='M25.0943 9.54721L25.5391 8.93506L23.87 8.6577L25.0943 9.54721Z' fill='white'/%3E%3Cpath d='M25.8359 8.99756L25.1163 9.23138L26.3036 10.4368L25.8359 8.99756Z' fill='white'/%3E%3Cpath d='M25.0787 9.54721L25.5234 8.93506L26.303 10.4367L25.0787 9.54721Z' fill='white'/%3E%3Cpath d='M24.9141 8.99756L25.6337 9.23138L25.3817 7.55829L24.9141 8.99756Z' fill='white'/%3E%3Cpath d='M25.8524 8.99762L25.1328 9.23145L25.3848 7.55836L25.8524 8.99762Z' fill='white'/%3E%3Cpath d='M24.9141 8.9978L25.6337 9.23163L24.4464 10.4371L24.9141 8.9978Z' fill='white'/%3E%3Cpath d='M25.6713 9.54746L25.2266 8.9353L24.447 10.437L25.6713 9.54746Z' fill='white'/%3E%3Cpath d='M25.3711 8.82471L25.3711 9.32471L26.3711 8.82471L25.3711 8.82471Z' fill='%23C8102E'/%3E%3Cpath d='M25.5634 9.41257L25.2695 9.00806L26.3724 8.82478L25.5634 9.41257Z' fill='%23C8102E'/%3E%3Cpath d='M25.3711 8.82471L25.3711 9.32471L24.3711 8.82471L25.3711 8.82471Z' fill='%23C8102E'/%3E%3Cpath d='M25.1788 9.41257L25.4727 9.00806L24.3697 8.82478L25.1788 9.41257Z' fill='%23C8102E'/%3E%3Cpath d='M25.6836 9.04932L25.2081 9.20382L25.9926 10.0004L25.6836 9.04932Z' fill='%23C8102E'/%3E%3Cpath d='M25.1827 9.41257L25.4766 9.00806L25.9917 10.0004L25.1827 9.41257Z' fill='%23C8102E'/%3E%3Cpath d='M25.0664 9.04907L25.5419 9.20358L25.3754 8.09802L25.0664 9.04907Z' fill='%23C8102E'/%3E%3Cpath d='M25.6826 9.0491L25.207 9.20361L25.3735 8.09805L25.6826 9.0491Z' fill='%23C8102E'/%3E%3Cpath d='M25.0625 9.04932L25.538 9.20382L24.7535 10.0004L25.0625 9.04932Z' fill='%23C8102E'/%3E%3Cpath d='M25.5634 9.41257L25.2695 9.00806L24.7544 10.0004L25.5634 9.41257Z' fill='%23C8102E'/%3E%3Cpath d='M30 15.9541V16.7941L31.68 15.9541H30Z' fill='white'/%3E%3Cpath d='M30.3219 16.9418L29.8281 16.2622L31.681 15.9543L30.3219 16.9418Z' fill='white'/%3E%3Cpath d='M30 15.9541V16.7941L28.32 15.9541H30Z' fill='white'/%3E%3Cpath d='M29.6781 16.9418L30.1719 16.2622L28.319 15.9543L29.6781 16.9418Z' fill='white'/%3E%3Cpath d='M30.5195 16.3315L29.7206 16.5911L31.0387 17.9293L30.5195 16.3315Z' fill='white'/%3E%3Cpath d='M29.682 16.9418L30.1758 16.2622L31.0412 17.9293L29.682 16.9418Z' fill='white'/%3E%3Cpath d='M29.4805 16.3315L30.2794 16.5911L29.9996 14.7338L29.4805 16.3315Z' fill='white'/%3E%3Cpath d='M30.5176 16.3315L29.7188 16.5911L29.9985 14.7337L30.5176 16.3315Z' fill='white'/%3E%3Cpath d='M29.4844 16.3315L30.2833 16.5911L28.9652 17.9293L29.4844 16.3315Z' fill='white'/%3E%3Cpath d='M30.3219 16.9418L29.8281 16.2622L28.9627 17.9293L30.3219 16.9418Z' fill='white'/%3E%3Cpath d='M30 16.1208V16.7042L31.1667 16.1208H30Z' fill='%23C8102E'/%3E%3Cpath d='M30.2218 16.8066L29.8789 16.3347L31.1656 16.1209L30.2218 16.8066Z' fill='%23C8102E'/%3E%3Cpath d='M30 16.1208V16.7042L28.8333 16.1208H30Z' fill='%23C8102E'/%3E%3Cpath d='M29.7782 16.8066L30.1211 16.3347L28.8344 16.1209L29.7782 16.8066Z' fill='%23C8102E'/%3E%3Cpath d='M30.3633 16.3828L29.8085 16.5631L30.7238 17.4924L30.3633 16.3828Z' fill='%23C8102E'/%3E%3Cpath d='M29.7782 16.8066L30.1211 16.3347L30.7221 17.4924L29.7782 16.8066Z' fill='%23C8102E'/%3E%3Cpath d='M29.6406 16.3828L30.1954 16.5631L30.0011 15.2732L29.6406 16.3828Z' fill='%23C8102E'/%3E%3Cpath d='M30.3634 16.3827L29.8086 16.563L30.0029 15.2732L30.3634 16.3827Z' fill='%23C8102E'/%3E%3Cpath d='M29.6406 16.3828L30.1954 16.5631L29.2801 17.4924L29.6406 16.3828Z' fill='%23C8102E'/%3E%3Cpath d='M30.2257 16.8066L29.8828 16.3347L29.2818 17.4924L30.2257 16.8066Z' fill='%23C8102E'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1477_18660'%3E%3Crect y='0.5' width='40' height='20' rx='4' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.Pool-button::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31' height='31' viewBox='0 0 31 31' fill='none'%3E%3Cg clip-path='url(%23clip0_1477_19367)'%3E%3Cpath d='M26.9844 1.44495C25.0459 1.44495 23.4688 3.02206 23.4688 4.96057V6.71838H21.7109V4.96057C21.7109 3.02206 20.1338 1.44495 18.1953 1.44495C16.2568 1.44495 14.6797 3.02206 14.6797 4.96057V6.71838H1.37891C0.893516 6.71838 0.5 7.1119 0.5 7.59729V27.3958C0.5 27.7589 0.723301 28.0847 1.06197 28.2156C1.32523 28.3174 1.57836 28.4488 1.81414 28.606C3.70033 29.8634 6.23498 29.8635 8.12129 28.606C9.42424 27.7373 11.1752 27.7373 12.4782 28.606C14.3758 29.8711 16.8286 29.8715 18.7268 28.606C20.0323 27.7355 21.7195 27.7355 23.0251 28.606C24.923 29.8713 27.3757 29.8713 29.2736 28.606C29.4879 28.4631 29.7168 28.3414 29.9543 28.2441C30.2844 28.1089 30.5 27.7875 30.5 27.4308C30.5 25.7496 30.5 5.85588 30.5 4.96063C30.5 3.02206 28.9229 1.44495 26.9844 1.44495ZM16.4375 4.96057C16.4375 3.99131 17.2261 3.20276 18.1953 3.20276C19.1646 3.20276 19.9531 3.99131 19.9531 4.96057V6.71838H16.4375V4.96057ZM16.4375 8.4762H23.4688V10.234H16.4375V8.4762ZM16.4375 11.9918H23.4688V15.5074H16.4375V11.9918ZM16.4375 17.2653H23.4688V19.7982C21.6602 18.8575 19.4768 18.962 17.7517 20.112C17.3432 20.3844 16.8973 20.5715 16.4375 20.6734V17.2653ZM14.6797 8.4762V20.6523C14.251 20.5467 13.8357 20.367 13.4533 20.1121C11.5671 18.8546 9.03242 18.8546 7.14623 20.1121C5.84322 20.9807 4.09232 20.9808 2.78926 20.1121C2.61799 19.998 2.44045 19.8931 2.25787 19.7984V8.4762H14.6797ZM28.7422 26.8762C28.5903 26.9584 28.4421 27.0477 28.2986 27.1434C26.993 28.0138 25.3058 28.0138 24.0002 27.1434C22.1024 25.8782 19.6497 25.8781 17.7517 27.1434C16.4461 28.0138 14.7589 28.0138 13.4533 27.1434C11.5671 25.8859 9.03242 25.8859 7.14623 27.1434C5.84322 28.0121 4.09232 28.0121 2.78926 27.1434C2.61805 27.0293 2.44045 26.9244 2.25787 26.8297V25.3557C4.08447 26.3396 6.37924 26.2518 8.12135 25.0903C9.4243 24.2217 11.1753 24.2217 12.4783 25.0903C14.3759 26.3555 16.8286 26.3558 18.7268 25.0903C20.0323 24.22 21.7195 24.2199 23.0251 25.0903C24.7503 26.2405 26.9336 26.3449 28.7422 25.4042V26.8762ZM28.7422 23.3616C28.5904 23.4437 28.442 23.5321 28.2986 23.6277C26.993 24.4981 25.3058 24.4981 24.0002 23.6277C22.1023 22.3624 19.6496 22.3624 17.7517 23.6277C16.4461 24.4981 14.7589 24.4981 13.4533 23.6277C11.5671 22.3702 9.03242 22.3702 7.14623 23.6277C5.84322 24.4964 4.09232 24.4964 2.78926 23.6277C2.61799 23.5136 2.44045 23.4088 2.25787 23.314V21.84C4.08447 22.8239 6.37924 22.7361 8.12135 21.5747C9.4243 20.706 11.1753 20.706 12.4783 21.5747C14.3897 22.849 16.8444 22.8297 18.7268 21.5747C20.0323 20.7043 21.7195 20.7042 23.0251 21.5747C24.7137 22.7004 26.8982 22.8477 28.7422 21.8885V23.3616ZM28.7422 19.846C28.5904 19.9281 28.442 20.0165 28.2986 20.1121C27.3754 20.7276 26.2616 20.9072 25.2266 20.6523V8.4762H28.7422V19.846ZM28.7422 6.71838H25.2266V4.96057C25.2266 3.99131 26.0151 3.20276 26.9844 3.20276C27.9536 3.20276 28.7422 3.99131 28.7422 4.96057V6.71838Z' fill='%230183E1'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1477_19367'%3E%3Crect width='30' height='30' fill='white' transform='translate(0.5 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.Spa-button::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31' height='31' viewBox='0 0 31 31' fill='none'%3E%3Cg clip-path='url(%23clip0_1477_19394)'%3E%3Cpath d='M30.1126 12.145L27.1061 9.97813C27.0219 9.88742 26.9203 9.81348 26.806 9.76191L17.6149 3.13753C16.3498 2.22581 14.65 2.22581 13.3851 3.13753L4.19401 9.76186C4.07969 9.81353 3.97791 9.88748 3.89371 9.9783L0.887379 12.1451C0.469488 12.4463 0.374976 13.0291 0.67609 13.4469C0.977262 13.8647 1.56004 13.9594 1.97793 13.6582L3.64434 12.4572V26.6811H3.51684C3.0018 26.6811 2.58426 27.0987 2.58426 27.6137C2.58426 28.1287 3.0018 28.5463 3.51684 28.5463H27.4831C27.9982 28.5463 28.4157 28.1287 28.4157 27.6137C28.4157 27.0987 27.9982 26.6811 27.4831 26.6811H27.3556V12.4571L29.022 13.6582C29.187 13.7771 29.3777 13.8342 29.5666 13.8342C29.8561 13.8342 30.1417 13.6998 30.3239 13.4469C30.625 13.029 30.5305 12.4462 30.1126 12.145ZM17.6013 25.6553H13.3986V22.9734C13.3986 21.8147 14.3413 20.8721 15.4999 20.8721C16.6586 20.8721 17.6012 21.8147 17.6012 22.9734V25.6553H17.6013ZM20.4277 26.6811C20.4307 26.6504 20.4324 26.6193 20.4324 26.5878C20.4324 26.0728 20.0149 25.6553 19.4998 25.6553H19.4664V22.9734C19.4664 20.7862 17.6871 19.0069 15.4999 19.0069C13.3128 19.0069 11.5334 20.7862 11.5334 22.9734V25.6553H11.4507C10.9356 25.6553 10.5181 26.0728 10.5181 26.5878C10.5181 26.6193 10.5198 26.6504 10.5228 26.6811H5.50944V11.1129L14.4756 4.65071C15.0882 4.20903 15.9116 4.20903 16.5243 4.65071L25.4904 11.1129V26.6811H20.4277V26.6811Z' fill='%230183E1'/%3E%3Cpath d='M9.98591 12.8205C10.2124 12.8205 10.4211 12.9243 10.5586 13.1053C10.8701 13.5155 11.4552 13.5954 11.8654 13.2838C12.2755 12.9723 12.3554 12.3872 12.0439 11.977C11.5507 11.3277 10.8006 10.9552 9.98591 10.9552C9.01899 10.9552 8.14067 11.4882 7.69371 12.3462C7.26281 13.1734 7.56586 14.1779 8.38377 14.6331L10.2048 15.6466C10.0698 15.8105 9.86807 15.9077 9.6504 15.9077C9.42393 15.9077 9.21504 15.8039 9.07752 15.6228C8.76586 15.2128 8.18086 15.1331 7.77071 15.4447C7.36061 15.7563 7.28086 16.3414 7.59246 16.7515C8.08582 17.4006 8.83594 17.7729 9.6504 17.7729C10.6171 17.7729 11.4954 17.2402 11.9424 16.3823C12.3735 15.555 12.0704 14.5504 11.2524 14.0952L9.43143 13.0817C9.56643 12.9177 9.76811 12.8205 9.98591 12.8205Z' fill='%230183E1'/%3E%3Cpath d='M21.1772 10.9552C19.7527 10.9552 18.5938 12.1142 18.5938 13.5387V16.6792C18.5938 17.1943 19.0113 17.6118 19.5264 17.6118C20.0414 17.6118 20.459 17.1943 20.459 16.6792V15.8264H21.8955V16.6792C21.8955 17.1943 22.313 17.6118 22.828 17.6118C23.3431 17.6118 23.7606 17.1943 23.7606 16.6792V13.5387C23.7607 12.1142 22.6017 10.9552 21.1772 10.9552ZM21.8956 13.9614H20.4591V13.5388C20.459 13.1427 20.7813 12.8205 21.1773 12.8205C21.5734 12.8205 21.8956 13.1427 21.8956 13.5388L21.8956 13.9614Z' fill='%230183E1'/%3E%3Cpath d='M15.4741 10.0388C14.0496 10.0389 12.8906 11.1978 12.8906 12.6223V15.9239C12.8906 16.439 13.3082 16.8565 13.8232 16.8565C14.3382 16.8565 14.7558 16.439 14.7558 15.9239V15.1048C14.9842 15.1706 15.2254 15.2057 15.4741 15.2057C16.8986 15.2057 18.0575 14.0468 18.0575 12.6223C18.0575 11.1978 16.8986 10.0388 15.4741 10.0388ZM15.4741 13.3406C15.1076 13.3406 14.8007 13.0669 14.7603 12.704C14.759 12.6923 14.7575 12.6808 14.7558 12.6693V12.6223C14.7558 12.2263 15.0781 11.904 15.4741 11.904C15.8702 11.9041 16.1923 12.2263 16.1923 12.6223C16.1923 13.0184 15.8701 13.3406 15.4741 13.3406Z' fill='%230183E1'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1477_19394'%3E%3Crect width='30' height='30' fill='white' transform='translate(0.5 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.Indoor-button::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='31' viewBox='0 0 30 31' fill='none'%3E%3Cg clip-path='url(%23clip0_1477_19726)'%3E%3Cmask id='mask0_1477_19726' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='0' y='0' width='31' height='31'%3E%3Cpath d='M0.0078125 0.500002H30.0078V30.5H0.0078125V0.500002Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_1477_19726)'%3E%3Cpath d='M0.886719 9.34766L15.0078 2.31641' stroke='%230183E1' stroke-width='1.76' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M29.1289 9.34766L15.0078 2.31641' stroke='%230183E1' stroke-width='1.76' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2.64453 8.46875V28.6836H27.3711V8.46875' stroke='%230183E1' stroke-width='1.76' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cpath d='M8.5 22C8.78243 21.887 9.22949 21.7358 9.79059 21.5852M22.5 21.5C21 22.5 21 22.5 20 22.5C19 22.5 17 21 14 21C12.4134 21 10.8851 21.2914 9.79059 21.5852M8.5 24.5C9.33333 24.1667 11.6 23.5 14 23.5C17 23.5 19 25 20 25C21 25 21 25 22.5 24M9.79059 21.5852V18M13 10H10.7906C10.2383 10 9.79059 10.4477 9.79059 11V14.5M18.7906 22.1604V18M22 10H19.7906C19.2383 10 18.7906 10.4477 18.7906 11V14.5M18.7906 18H9.79059M18.7906 18V14.5M9.79059 18V14.5M9.79059 14.5H18.7906' stroke='%230183E1' stroke-width='1.76' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1477_19726'%3E%3Crect width='30' height='30' fill='white' transform='translate(0 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.Outdoor-button::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31' height='31' viewBox='0 0 31 31' fill='none'%3E%3Cg clip-path='url(%23clip0_1477_19590)'%3E%3Cmask id='mask0_1477_19590' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='0' y='0' width='31' height='31'%3E%3Cpath d='M0.5 0.500004H30.5V30.5H0.5V0.500004Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_1477_19590)'%3E%3Cpath d='M1.37891 7.51315V27.5725C1.37891 28.7039 2.29537 29.6211 3.42582 29.6211H27.5514C28.6819 29.6211 29.5984 28.7039 29.5984 27.5725V14.8268' stroke='%230183E1' stroke-width='1.75781' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.308 17.2961C18.308 18.856 17.0446 20.1204 15.486 20.1204C13.9275 20.1204 12.6641 18.856 12.6641 17.2961' stroke='%230183E1' stroke-width='1.75781' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath d='M12.6712 17.296C12.6712 18.8558 11.4078 20.1202 9.84928 20.1202C8.29074 20.1202 7.02734 18.8558 7.02734 17.296' stroke='%230183E1' stroke-width='1.75781' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath d='M7.02277 17.2963C7.02277 18.8561 5.75937 20.1205 4.20084 20.1205C2.6423 20.1205 1.37891 18.8561 1.37891 17.2963' stroke='%230183E1' stroke-width='1.75781' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath d='M23.9564 17.296C23.9564 18.8558 22.693 20.1202 21.1344 20.1202C19.5759 20.1202 18.3125 18.8558 18.3125 17.296' stroke='%230183E1' stroke-width='1.75781' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath d='M29.5931 17.296C29.5931 18.8558 28.3297 20.1202 26.7712 20.1202C25.2126 20.1202 23.9492 18.8558 23.9492 17.296' stroke='%230183E1' stroke-width='1.75781' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath d='M1.37891 12.4393H7.02277' stroke='%230183E1' stroke-width='1.75781' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.71094 26.2654H5.73902' stroke='%230183E1' stroke-width='1.75781' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.99609 23.1604H8.02418' stroke='%230183E1' stroke-width='1.75781' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22.543 26.2654H23.5711' stroke='%230183E1' stroke-width='1.75781' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M24.8281 23.1599H25.8562' stroke='%230183E1' stroke-width='1.75781' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.92188 25.6794H10.95' stroke='%230183E1' stroke-width='1.75781' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M23.875 4.25439C23.875 5.84246 25.1615 7.12976 26.7484 7.12976C28.3353 7.12976 29.6218 5.84246 29.6218 4.25439C29.6218 2.66632 28.3353 1.37902 26.7484 1.37902C25.1615 1.37902 23.875 2.66632 23.875 4.25439Z' stroke='%230183E1' stroke-width='1.75781' stroke-miterlimit='10'/%3E%3Cpath d='M26.8633 11.0144V12.6582' stroke='%230183E1' stroke-width='1.75781' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath d='M19.9005 4.06995H18.2578' stroke='%230183E1' stroke-width='1.75781' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath d='M21.8842 8.79453L20.7227 9.95691' stroke='%230183E1' stroke-width='1.75781' stroke-miterlimit='10' stroke-linecap='round'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1477_19590'%3E%3Crect width='30' height='30' fill='white' transform='translate(0.5 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.Square-button::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='31' viewBox='0 0 30 31' fill='none'%3E%3Cg clip-path='url(%23clip0_1481_20023)'%3E%3Cmask id='mask0_1481_20023' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='0' y='0' width='30' height='31'%3E%3Cpath d='M0 0.500004H30V30.5H0V0.500004Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_1481_20023)'%3E%3Cpath d='M26 26.5H4V4.5H26V26.5Z' stroke='%230183E1' stroke-width='1.75781' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1481_20023'%3E%3Crect width='30' height='30' fill='white' transform='translate(0 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.Rectangle-button::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31' height='31' viewBox='0 0 31 31' fill='none'%3E%3Cg clip-path='url(%23clip0_1477_19988)'%3E%3Cmask id='mask0_1477_19988' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='0' y='0' width='31' height='31'%3E%3Cpath d='M0.5 0.500004H30.5V30.5H0.5V0.500004Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_1477_19988)'%3E%3Cpath d='M29.6211 24.2892H1.37891V6.71106H29.6211V24.2892Z' stroke='%230183E1' stroke-width='1.75781' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1477_19988'%3E%3Crect width='30' height='30' fill='white' transform='translate(0.5 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.Kidney-button::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31' height='31' viewBox='0 0 31 31' fill='none'%3E%3Cg clip-path='url(%23clip0_1482_20043)'%3E%3Cpath d='M29.6166 15.8874C29.6739 20.8137 25.7141 24.8985 20.7883 24.9868C19.3477 25.0127 17.9828 24.6999 16.768 24.1227C14.1888 22.8974 11.347 22.2904 8.50188 22.5327C8.29288 22.5505 8.08112 22.5585 7.86696 22.5563C4.32344 22.519 1.42493 19.6309 1.37565 16.0875C1.32467 12.4202 4.28184 9.4317 7.9375 9.4317C8.13221 9.4317 8.32499 9.4402 8.51542 9.45678C11.3398 9.70322 14.1627 9.12397 16.7156 7.89074C17.8972 7.31992 19.2227 7 20.6231 7C25.555 7.00006 29.5594 10.969 29.6166 15.8874Z' stroke='%230183E1' stroke-width='1.75781' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1482_20043'%3E%3Crect width='30' height='30' fill='white' transform='translate(0.5 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.Round-button::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='31' viewBox='0 0 30 31' fill='none'%3E%3Ccircle cx='15' cy='15.5' r='12' stroke='%230183E1' stroke-width='1.75781' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.HPC-two-btns {
  display: grid;
  grid-template-columns: calc(50% - 4px) calc(50% - 4px);
  gap: 8px;
}
.HPC-two-btns > button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 6px;
  border: 1px solid var(--Grey-border, #E4E5EE);
  color: var(--BLACK, #10151C);
  font-family: Inter;
  font-size: 14px;
  margin: 0;
  height: 48px;
  transition: border-color 0.3s ease, background 0.3s ease;
}
.HPC-two-btns > button:focus,
.HPC-two-btns > button:focus-visible {
  box-shadow: none;
}
.HPC-two-btns > button.active {
  border-color: #0183E1;
  background: rgba(1, 131, 225, 0.06);
  font-weight: 600;
}
.HPC-Field-B.estimated-vol, .HPC-Total {
  border-radius: 6px;
  background: var(--Grey_light, #F5F8FB);
  padding: 10px 20px;
}
.HPC-Total {
  padding: 15px 20px;
}
.HPC-Field-B.estimated-vol p, .HPC-Total p {
  color: var(--BLACK, #10151C);
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  line-height: normal;
}
.HPC-Field-B.estimated-vol span, .HPC-Total span {
  color: var(--Accent-blue, #0183E1);
  font-size: 20px;
}
.HPC-Box #closeGeneralCusPoolInfo {
  border-radius: 6px 6px 0px 0px;
  background: var(--Grey_dark, #8189A2);
  padding: 18px 20px;
}
#closeGeneralCusPoolInfo svg {
  cursor: pointer;
}
#closeGeneralCusPoolInfo.HPC-Title > * {
  margin: 0;
  color: var(--White, #FFF);
}
.HPC-Box.HPC-Pad {
  z-index: 1001;
  position: absolute;
  top: -220px;
  max-width: 490px;
  width: 100%;
  transform: translate(-50%, 0);
  left: 50%;
  padding: 0;
  border: none;
}
.HPC-Box.HPC-Pad,
.HPC-Pad-overlay {
  visibility: hidden;
  opacity: 0;
  max-height: 0;
  transition: all 0.3s ease;
}
.HPC-Pad-overlay.opened {
  opacity: 1;
  visibility: visible;
  max-height: 100%;
}
.HPC-Pad-overlay {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  max-height: 0;
  background: rgba(0, 0, 0, 0.50);;
  z-index: 1001;
}
.HPC-Box.HPC-Pad.opened {
  max-height: 5000px;
  opacity: 1;
  visibility: visible;
}
.form-horizontal {
  padding: 20px 40px;
  background: white;
  border-radius: 0 0 6px 6px;
}
.form-horizontal .select2-container {
  width: 100% !important;
  height: 40px;
}
.HPC-form-apply {
  border-radius: 6px;
  background: var(--Lenear, linear-gradient(270deg, #0081E0 0%, #00C0F0 100%));
  margin: 30px 0 10px 0;
  width: 100%;
  height: 75px;
  color: var(--White, #FFF);
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
  border: none;
}
.product-info-right .col-inner{
  width: auto !important;
}

table.variations tr th{
  margin: 0 !important;
}

table.variations tr th label{
  line-height: unset !important;
}

table.variations tr td{
  margin-bottom: 0 !important;
}

table.variations tr.vi-wpvs-variation-style{
  padding: 16px !important;
  margin-bottom: 0 !important;
}

.vi-wpvs-variation-style-content .vi-wpvs-variation-wrap{
  display:grid !important;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
}

.vi-wpvs-variation-style-content .vi-wpvs-variation-wrap.vi-wpvs-variation-wrap-vi_wpvs_image_design .vi-wpvs-option-wrap {
    margin: 0 !important;
    width: 100%;
    height: auto;
    display: flex !important;
    align-items: center;
    justify-content: start;
    gap: 12px;
    padding: 8px 12px !important;
    margin: 0 !important;
    transition: 0.5s all;
    border: none;
}

.home-banners > * {
	/* 	flex: unset; */
/* 	max-width: auto; */
}

.banner-grid-wrapper .banner-grid.row .large-5{
    max-width: 30% !important;
}

.banner-grid-wrapper .banner-grid.row .large-7{
    max-width: 70% !important;
}

@media screen and (max-width: 768px) {
    .banner-grid-wrapper .banner-grid.row .large-7,  .banner-grid-wrapper .banner-grid.row .large-5{
        max-width: 100% !important;
    }
}

@media screen and (max-width: 549px) {
    .banner-grid-wrapper .banner-grid.row .large-7{
        height: 400px !important;
    }

    .banner-grid-wrapper .banner-grid.row .large-7{
        height: 200px !important;
    }
}

@media screen and (max-width: 991px) {
  .HPC-Left, .HPC-Right {
    width: 100%;
  }
  .page-template-template-heat-pump-calculator h1 {
    font-size: 36px;
  }
}
@media screen and (max-width: 768px) {
  .hpc-top {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .HPC-Box.HPC-Pad {
    padding: 15px;
  }
  .HPC-Box2 {
    align-items: center;
  }
  .HPC-Box2 .HPC-Big {
    flex-direction: column;
    align-items: center;
  }
  .hpc-top small {
    text-align: center;
  }
  .HPC-Box2 span {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .HPC-Total p {
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: 8px;
  }
  .HPC-text-content,
  .form-horizontal {
    padding: 20px;
  }
  .HPC-B span, .HPC-G span {
    width: 50px;
  }
  .HPC-R1 {
    gap: 20px;
  }
  .HPC-text-content {
    margin-top: 0;
  }
  .hpc-customer-btn {
    font-size: 12px;
  }
}
@media screen and (max-width: 575px) {
  .hpc-head {
    display: none;
  }
  .hpc-table > div {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(4, 1fr);
    gap: 8px;
  }
  .hpc-table > div > div:first-of-type {
    grid-area: 1 / 1 / 2 / 3;
  }
  .hpc-table > div > div:first-of-type div,
  .hpc-table > div span {
    font-weight: 600;
  }
  .HPC-two-btns {
    grid-template-columns: 1fr;
  }
}