:root {
  --k-r-slate-grey: #1e1e1e;
  --k-and-r-blue: #1f8db2;
  --k-r-yellow: #fcb040;
  --faded-grey: #ffffff0d;
  --white: white;
}

.heroheader-homepage-parent {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.image-2 {
  object-fit: cover;
  background-image: linear-gradient(270deg, #0000 0%, #000 100%);
}

.vector-1 {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 427px;
  text-decoration: none;
  display: flex;
  position: absolute;
}

.vectors-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  object-fit: cover;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
  position: relative;
  bottom: .8rem;
}

.vectors-wrapper.squiggle {
  display: none;
  bottom: -.2rem;
}

.rectangle-15 {
  grid-column-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
  position: absolute;
  inset: 1.25% 0% auto auto;
}

.rectangle-14 {
  grid-column-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
  position: absolute;
  inset: 1.25% -19% auto auto;
}

.home-img-1-1 {
  grid-column-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
  position: absolute;
  inset: 2.75% 0% auto auto;
}

.home-img-1-2 {
  object-fit: cover;
  position: relative;
  top: 6.5rem;
}

.frame-82 {
  grid-row-gap: 30px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 736px;
  padding-top: 5vh;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 10%;
  left: 4%;
}

.frame-4 {
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
  position: relative;
}

.vectors-wrapper-2 {
  object-fit: cover;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 14px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 177px;
  left: 78px;
}

.vectors-wrapper-3 {
  z-index: 0;
  object-fit: cover;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 97px;
  text-decoration: none;
  display: flex;
  position: absolute;
  left: 315px;
}

.homepage-header {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Facetype Publicaplay, Arial, sans-serif;
  font-size: 5rem;
  font-weight: 400;
  line-height: 1;
  text-decoration: none;
  display: block;
  position: relative;
}

.text-2 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.frame-2 {
  grid-column-gap: 10px;
  color: var(--k-r-slate-grey);
  background-color: #fcb040;
  border-radius: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 17px 30px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.frame-2:hover {
  background-color: var(--k-and-r-blue);
  color: #fff;
}

.text-3 {
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.homepage-section-2 {
  background-image: url('../images/Rectangle-5.svg');
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: auto;
  padding: 5rem;
}

.frame-12 {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 1280px;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-4 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  text-decoration: none;
}

.frame-11 {
  grid-row-gap: 28px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 610px;
  padding-left: 1rem;
  text-decoration: none;
  display: flex;
}

.frame-10 {
  grid-row-gap: 25px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-5 {
  box-sizing: border-box;
  aspect-ratio: 3 / 2;
  object-fit: contain;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.text-4 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.25;
  text-decoration: none;
}

.text-4.centered {
  text-align: center;
}

.frame-83 {
  grid-column-gap: 10px;
  background-color: #fcb040;
  border-radius: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 17px 30px;
  text-decoration: none;
  display: flex;
}

.text-5 {
  color: #232323;
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.image-3 {
  background-color: var(--k-r-slate-grey);
  border: 1px #000;
  border-radius: 20px;
  margin-top: 40px;
  overflow: auto;
  box-shadow: -30px 25px #018bfc;
}

.body {
  background-color: #1e1e1e;
}

.homepage-section-3 {
  padding-top: 2rem;
  padding-bottom: 5rem;
}

.frame-21 {
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-19 {
  grid-row-gap: 60px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-left: 5rem;
  padding-right: 5rem;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-6 {
  object-fit: cover;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 77px;
  text-decoration: none;
  display: flex;
}

.frame-18 {
  grid-column-gap: 20px;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-14 {
  grid-row-gap: 15px;
  background-color: #3a3a3a;
  border: .5px solid #fff;
  border-radius: 15px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 295px;
  padding: 15px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
  box-shadow: 0 0 15px #00000026;
}

.frame-14:hover {
  border-color: var(--k-and-r-blue);
  background-color: var(--k-and-r-blue);
}

.vectors-wrapper-7 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 70px;
  text-decoration: none;
  display: flex;
}

.frame-13 {
  grid-row-gap: 5px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-6 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Facetype Publicaplay, Arial, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  text-decoration: none;
}

.text-7 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Facetype Publicaplay, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  text-decoration: none;
}

.frame-20 {
  grid-column-gap: 8.25px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-8 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 13.75px;
  height: 13.75px;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-9 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 8px;
  height: 8px;
  text-decoration: none;
  display: flex;
}

.air-conditioning-service-1 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 22px;
  font-weight: 400;
  line-height: 32px;
  text-decoration: none;
}

.homepage-section-4 {
  background-image: url('../images/Rectangle-11.svg');
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: auto;
}

.frame-22 {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 1280px;
  padding: 5rem;
  text-decoration: none;
  display: flex;
}

.frame-84 {
  grid-row-gap: 25px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 610px;
  padding-right: .2rem;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-10 {
  aspect-ratio: 3 / 2;
  object-fit: contain;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.frame-27 {
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 610px;
  text-decoration: none;
  display: flex;
}

.frame-24 {
  grid-row-gap: 10px;
  background-color: #3a3a3a;
  border: .5px solid #fff;
  border-radius: 15px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 15px;
  text-decoration: none;
  display: flex;
  box-shadow: 0 0 15px #00000026;
}

.frame-24:hover {
  background-color: var(--k-and-r-blue);
}

.frame-24.aboutus:hover {
  background-color: var(--k-r-yellow);
}

.frame-23 {
  grid-column-gap: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-11 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  text-decoration: none;
  display: flex;
}

.frame-85 {
  grid-row-gap: 5px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.text-9 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  text-decoration: none;
}

.text-10 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  text-decoration: none;
}

.vectors-wrapper-12 {
  object-fit: cover;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 100px;
  text-decoration: none;
  display: flex;
}

.image-4 {
  box-shadow: 16px 16px 0 4px var(--k-r-yellow);
  border-radius: 20px;
  display: block;
}

.homepage-section-5 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-30 {
  grid-row-gap: 60px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1240px;
  text-decoration: none;
  display: flex;
}

.frame-29 {
  grid-row-gap: 50px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-28 {
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1045px;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-13 {
  object-fit: cover;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 77px;
  text-decoration: none;
  display: flex;
}

.subheading-financing {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  text-decoration: none;
}

.vectors-wrapper-14 {
  aspect-ratio: 3 / 2;
  object-fit: scale-down;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding-left: 0;
  text-decoration: none;
  display: block;
}

.frame-86 {
  grid-column-gap: 10px;
  background-color: #fcb040;
  border-radius: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 17px 30px;
  text-decoration: none;
  display: flex;
}

.text-11 {
  color: #fff;
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.frame-87 {
  grid-row-gap: 60px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 5rem;
  padding-bottom: 5rem;
  text-decoration: none;
  display: flex;
}

.frame-88 {
  grid-row-gap: 80px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-89 {
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1080px;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-15 {
  object-fit: cover;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 77px;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-16 {
  object-fit: cover;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
  text-decoration: none;
  display: flex;
}

.financingapp-button {
  grid-column-gap: 10px;
  background-color: #fcb040;
  border-radius: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 17px 30px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.financingapp-button:hover {
  background-color: var(--k-and-r-blue);
}

.text-12 {
  color: #fff;
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.footer {
  grid-row-gap: 100px;
  background-color: #ffffff0d;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: none;
  padding-top: 100px;
  text-decoration: none;
  display: flex;
}

.frame-51 {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 1240px;
  text-decoration: none;
  display: flex;
}

.frame-50 {
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 70%;
  text-decoration: none;
  display: flex;
}

.frame-91 {
  grid-column-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-17 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 34.1752px;
  height: 34.1752px;
  text-decoration: none;
  display: flex;
}

.text-13 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  text-decoration: none;
}

.frame-48 {
  grid-column-gap: 15px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-18 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 33px;
  height: 33px;
  text-decoration: none;
  display: flex;
}

.frame-41 {
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 178px;
  text-decoration: none;
  display: flex;
}

.text-14 {
  color: #fff;
  text-transform: undefined;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.frame-40 {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-55 {
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 181px;
  text-decoration: none;
  display: flex;
}

.frame-42 {
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 282px;
  text-decoration: none;
  display: flex;
}

.frame-92 {
  grid-column-gap: 9.22636px;
  border: 2px solid #1f8db2;
  border-radius: 9.22636px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 322px;
  padding: 13.8395px 23.0659px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.vectors-wrapper-19 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 15.7463px;
  height: 11.0716px;
  text-decoration: none;
  display: flex;
}

.text-15 {
  color: #ffffff80;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  text-decoration: none;
}

.vectors-wrapper-20 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 52.5903px;
  height: 52.5903px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 1px;
  left: 269.406px;
}

.frame-57 {
  grid-column-gap: 332px;
  background-color: #fcb040;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  padding: 10px 100px;
  text-decoration: none;
  display: flex;
}

.text-16 {
  color: #232323;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  text-decoration: none;
}

.k-and-r-plumbing-and-heating-0 {
  color: #1f8db2;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 17px;
  font-weight: 400;
  line-height: 19px;
  text-decoration: none;
}

.k-and-r-plumbing-and-heating-1 {
  color: #fff;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 17px;
  font-weight: 400;
  line-height: 19px;
  text-decoration: none;
}

.k-and-r-plumbing-and-heating-3 {
  color: #fcb040;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 17px;
  font-weight: 400;
  line-height: 19px;
  text-decoration: none;
}

.navbar-parent {
  z-index: 10;
  border-bottom: 2px none var(--k-and-r-blue);
  background-color: var(--k-r-slate-grey);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 2rem 5rem;
  text-decoration: none;
  display: flex;
  position: sticky;
  inset: 0% 0% auto;
}

.frame-93 {
  grid-column-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-21 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 34.1752px;
  height: 34.1752px;
  text-decoration: none;
  display: flex;
}

.k-and-r-plumbing-and-heating-4 {
  color: var(--k-and-r-blue);
  text-transform: uppercase;
  font-size: 1rem;
}

.frame-1 {
  grid-column-gap: 20px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.text-17 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 400;
  line-height: 100%;
}

.text-18 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Facetype Publicaplay, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.text-18:hover {
  color: var(--k-and-r-blue);
}

.requestaquote-button {
  grid-column-gap: 0px;
  color: #000;
  background-color: #fcb040;
  border-radius: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: .75rem 1rem;
  font-family: Facetype Publicaplay, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1;
  text-decoration: none;
  display: flex;
}

.requestaquote-button:hover {
  border: 1px none var(--k-r-yellow);
  background-color: var(--k-and-r-blue);
  color: #fff;
}

.text-19 {
  text-align: center;
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1;
  text-decoration: none;
}

.k-and-r-plumbing-and-heating-5 {
  color: #fff;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 17px;
  font-weight: 400;
  line-height: 19px;
  text-decoration: none;
}

.k-and-r-plumbing-and-heating-6 {
  color: #fcb040;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 17px;
  font-weight: 400;
  line-height: 19px;
  text-decoration: none;
}

.homepage-section-6 {
  background-image: url('../images/Rectangle-11.svg'), url('../images/Rectangle-9.png');
  background-position: 100% 0, 0 92%;
  background-repeat: no-repeat, no-repeat;
  background-size: 232px, auto;
  justify-content: center;
  align-items: center;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
}

.frame-95 {
  grid-row-gap: 80px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1030px;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-22 {
  object-fit: cover;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 132px;
  text-decoration: none;
  display: flex;
}

.contact-form-outer-style {
  grid-row-gap: 20px;
  background-color: #3a3a3a;
  border: .5px solid #fff;
  border-radius: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 2rem 2rem 1rem;
  text-decoration: none;
  display: flex;
  box-shadow: 0 0 15px #00000026;
}

.contact-form-parent {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: block;
}

.frame-43 {
  grid-column-gap: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-96 {
  grid-column-gap: 10px;
  background-color: #f4f4f41a;
  border-radius: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 17px 30px;
  text-decoration: none;
  display: flex;
}

.text-20 {
  color: #ffffff80;
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.frame-45 {
  grid-column-gap: 10px;
  background-color: #f4f4f41a;
  border-radius: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 200px;
  padding: 17px 30px;
  display: flex;
}

.frame-97 {
  grid-column-gap: 10px;
  background-color: #fcb040;
  border-radius: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 17px 30px;
  text-decoration: none;
  display: flex;
}

.text-21 {
  color: #232323;
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.form-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.form {
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.text-field {
  background-color: #5b5b5b;
  border: 1px #000;
  border-radius: 10px;
}

.submit-button {
  background-color: var(--k-r-yellow);
  border-radius: 10px;
  transition: all .2s;
}

.submit-button:hover {
  background-color: var(--k-r-slate-grey);
}

.link-block {
  border-bottom: 4px solid var(--k-r-slate-grey);
  text-decoration: none;
}

.link-block:hover {
  border-bottom: 4px solid var(--k-r-yellow);
  border-radius: 4px;
  text-decoration: none;
}

.link-block-2, .link-block-3, .link-block-4 {
  text-decoration: none;
}

.heading {
  color: #fff;
  background-image: url('../images/Vector-2.png');
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: 25%;
  margin-bottom: 0;
  padding-bottom: 16px;
  font-family: Facetype Publicaplay, Arial, sans-serif;
  font-size: 3rem;
  font-weight: 400;
  line-height: 1;
}

.text-span {
  color: var(--k-and-r-blue);
}

.heading-2 {
  color: #fff;
  background-image: url('../images/Vector-2.png');
  background-position: 0 70%;
  background-repeat: no-repeat;
  background-size: 55%;
  font-family: Facetype Publicaplay, Arial, sans-serif;
  font-size: 4rem;
  font-weight: 400;
  line-height: 1;
}

.text-span-2 {
  color: var(--k-and-r-blue);
}

.heading-3 {
  color: var(--white);
  background-image: url('../images/Vector-2.png');
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: 47%;
  padding-bottom: 10px;
  font-family: Facetype Publicaplay, Arial, sans-serif;
  font-size: 4rem;
  font-weight: 400;
  line-height: 1;
}

.text-span-3 {
  color: var(--k-and-r-blue);
}

.heading-4 {
  color: var(--white);
  background-image: url('../images/Vector-2.png');
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 55%;
  padding-bottom: 20px;
  font-family: Facetype Publicaplay, Arial, sans-serif;
  font-size: 3.5rem;
  font-weight: 400;
  line-height: 1;
}

.text-span-4 {
  color: var(--k-and-r-blue);
}

.heading-5 {
  color: var(--white);
  text-align: center;
  background-image: url('../images/Vector-2.png');
  background-position: 0 57%;
  background-repeat: no-repeat;
  background-size: 50%;
  font-family: Facetype Publicaplay, Arial, sans-serif;
  font-size: 4rem;
  font-weight: 400;
  line-height: 1.25;
}

.text-span-5 {
  color: var(--k-and-r-blue);
}

.frame-98 {
  grid-row-gap: 40px;
  background-color: #ffffff0d;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: none;
  padding: 80px 100px;
  text-decoration: none;
  display: block;
}

.frame-39 {
  grid-row-gap: 60px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-99 {
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1045px;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-23 {
  object-fit: cover;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 77.1538px;
  text-decoration: none;
  display: flex;
}

.error-f71d90fc-f088-eeab-cd2a-811a3da0ad1e {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Publica Play, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  text-decoration: none;
}

.frame-38 {
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: block;
}

.frame-36 {
  grid-row-gap: 20px;
  background-color: #3a3a3a;
  border: .5px solid #fff;
  border-radius: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 400px;
  padding: 20px;
  text-decoration: none;
  display: flex;
  box-shadow: 0 0 15px #00000026;
}

.frame-34 {
  grid-column-gap: 8px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-24 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 15.6524px;
  height: 15px;
  text-decoration: none;
  display: flex;
}

.frame-33 {
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Publica Play, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  text-decoration: none;
}

.frame-32 {
  grid-column-gap: 15px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-end;
  text-decoration: none;
  display: flex;
}

.ellipse-13 {
  object-fit: cover;
}

.frame-31 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.text-22 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Publica Play, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.frame-100 {
  grid-column-gap: 8.25px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-25 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 13.75px;
  height: 13.75px;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-26 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 8px;
  height: 8px;
  text-decoration: none;
  display: flex;
}

.homepage-section-7 {
  background-image: url('../images/Rectangle-11.svg'), url('../images/Rectangle-9.png');
  background-position: 100% 0, 0 92%;
  background-repeat: no-repeat, no-repeat;
  background-size: 232px, 252px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.heading-6 {
  color: var(--white);
  background-image: url('../images/Vector-2.png');
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: 65%;
  padding-bottom: 16px;
  font-family: Facetype Publicaplay, Arial, sans-serif;
  font-size: 4rem;
  font-weight: 400;
  line-height: 1;
}

.text-span-6 {
  color: var(--k-and-r-blue);
}

.text-block {
  color: var(--white);
  padding-bottom: 10px;
  font-family: Facetype Publicaplay, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

.frame-101 {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
  position: relative;
}

.rectangle-10 {
  background-color: var(--k-r-slate-grey);
  object-fit: cover;
  width: 100%;
}

.vector-2 {
  z-index: 0;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 404.917px;
  text-decoration: none;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
}

.vectors-wrapper-27 {
  object-fit: cover;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 85%;
  text-decoration: none;
  display: none;
  position: absolute;
  bottom: -15rem;
}

.vectors-wrapper-27.services {
  bottom: 10rem;
}

.vectors-wrapper-27.fir {
  bottom: -10rem;
}

.vectors-wrapper-27.fir2 {
  bottom: -12.2rem;
}

.vectors-wrapper-27.contactus {
  bottom: -10rem;
}

.vector-3 {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 427px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 140px;
  left: 0;
}

.vectors-wrapper-28 {
  object-fit: cover;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: block;
}

.frame-58 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 7.5rem;
}

.vectors-wrapper-29 {
  object-fit: cover;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 196px;
  text-decoration: none;
  display: flex;
}

.text-23 {
  color: #fff;
  text-align: center;
  max-width: 1280px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Publica Play, Verdana, sans-serif;
  font-size: 28px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.aboutus-h1 {
  color: var(--white);
  text-align: center;
  background-image: url('../images/Rectangle-12.png'), url('../images/Vector-3.png');
  background-position: 50% 0, 50% 96%;
  background-repeat: no-repeat, no-repeat;
  background-size: 16rem 30%, auto 1rem;
  max-width: 1280px;
  padding-bottom: 40px;
  padding-left: 5rem;
  padding-right: 5rem;
  font-family: Facetype Publicaplay, Arial, sans-serif;
  font-size: 5rem;
  font-weight: 400;
  line-height: 1;
}

.text-span-7 {
  color: var(--k-r-yellow);
}

.text-span-8 {
  color: var(--k-and-r-blue);
}

.text-span-9 {
  color: var(--k-r-yellow);
}

.aboutus-section-1 {
  background-image: url('../images/Rectangle-6.png'), url('../images/Rectangle-9.png'), url('../images/Rectangle-11.svg');
  background-position: 100% 100%, 0%, 100% 0;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: auto, 252px, 25%;
  flex-flow: column;
  align-items: center;
  padding: 5rem;
  display: flex;
}

.frame-59 {
  grid-row-gap: 60px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: block;
}

.frame-102 {
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1280px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.vectors-wrapper-30 {
  object-fit: cover;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 56px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 208px;
  left: 516px;
}

.vectors-wrapper-31 {
  object-fit: cover;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 76px;
  text-decoration: none;
  display: flex;
}

.text-24 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Publica Play, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  text-decoration: none;
}

.text-25 {
  color: #fff;
  text-align: center;
  background-image: url('../images/Rectangle-12.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  margin-top: 0;
  margin-bottom: 0;
  padding: 16px;
  font-family: Publica Play, Verdana, sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 56px;
  text-decoration: none;
}

.vectors-wrapper-32 {
  object-fit: cover;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.heading-7 {
  color: var(--white);
  background-image: url('../images/Vector-2.png');
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: 58%;
  padding-bottom: 12px;
  font-family: Facetype Publicaplay, Arial, sans-serif;
  font-size: 4rem;
  font-weight: 400;
  line-height: 1;
}

.text-span-10 {
  color: var(--k-and-r-blue);
}

.aboutus-section-2 {
  background-color: #ffffff1a;
}

.text-span-11 {
  color: var(--k-and-r-blue);
}

.heading-8 {
  color: var(--white);
  background-image: url('../images/Vector-2.png');
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: 70%;
  padding-bottom: 20px;
  font-family: Facetype Publicaplay, Arial, sans-serif;
  font-size: 3.5rem;
  font-weight: 400;
  line-height: 1;
}

.text-9--au {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  text-decoration: none;
}

.frame-103 {
  grid-column-gap: 15px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-33 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 14px;
  height: 14px;
  text-decoration: none;
  display: flex;
}

.frame-104 {
  grid-row-gap: 5px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-26 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Publica Play, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  text-decoration: none;
}

.text-27 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Publica Play, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  text-decoration: none;
}

.frame-105 {
  grid-column-gap: 15px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-34 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 14px;
  height: 14px;
  text-decoration: none;
  display: flex;
}

.frame-106 {
  grid-row-gap: 5px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-28 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Publica Play, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  text-decoration: none;
}

.text-29 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Publica Play, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  text-decoration: none;
}

.frame-107 {
  grid-column-gap: 15px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-35 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 14px;
  height: 14px;
  text-decoration: none;
  display: flex;
}

.frame-108 {
  grid-row-gap: 5px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-30 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Publica Play, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  text-decoration: none;
}

.aboutus-section-3 {
  background-image: url('../images/Rectangle-9.png');
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: auto;
  padding: 5rem;
}

.frame-109 {
  justify-content: space-around;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-36 {
  object-fit: cover;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.frame-110 {
  grid-row-gap: 30px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 610px;
  text-decoration: none;
  display: flex;
}

.frame-111 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-left: 1rem;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-37 {
  object-fit: cover;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.text-31 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Publica Play, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  text-decoration: none;
}

.heading-9 {
  color: var(--k-and-r-blue);
  background-image: url('../images/Vector-2.png');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-bottom: 20px;
  font-family: Facetype Publicaplay, Arial, sans-serif;
  font-size: 4rem;
  font-weight: 400;
  line-height: 1;
}

.frame-69 {
  grid-row-gap: 50px;
  background-color: #ffffff0d;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  padding: 80px 100px;
  text-decoration: none;
  display: flex;
}

.frame-65 {
  grid-row-gap: 60px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-38 {
  object-fit: cover;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 78px;
  text-decoration: none;
  display: flex;
}

.frame-64 {
  grid-row-gap: 30px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-62 {
  grid-column-gap: 20px;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-61 {
  grid-row-gap: 15px;
  background-color: #3a3a3a;
  border: .5px solid #fff;
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 400px;
  height: 378px;
  padding: 20px;
  text-decoration: none;
  display: flex;
  box-shadow: 0 0 15px #00000026;
}

.image {
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 15px;
}

.furnace-installations-and-repairs {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Publica Play, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  text-decoration: none;
}

.frame-112 {
  grid-column-gap: 8.91892px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-39 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 8.64865px;
  height: 8.64865px;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-40 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 14.8649px;
  height: 14.8649px;
  text-decoration: none;
  display: flex;
}

.section, .aboutus-section-4 {
  background-image: url('../images/Rectangle-11.svg'), url('../images/Rectangle-5.svg');
  background-position: 100%, 0 100%;
  background-repeat: no-repeat, no-repeat;
  background-size: auto, 229px;
}

.heading-10 {
  color: var(--white);
  background-image: url('../images/Vector-2.png');
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: 70%;
  padding-bottom: 20px;
  font-family: Facetype Publicaplay, Arial, sans-serif;
  font-size: 4rem;
  font-weight: 400;
  line-height: 1;
}

.text-span-12 {
  color: var(--k-and-r-blue);
}

.frame-113 {
  grid-row-gap: 25px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 856px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.vectors-wrapper-41 {
  object-fit: cover;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 97px;
  text-decoration: none;
  display: flex;
}

.text-32 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Publica Play, sans-serif;
  font-size: 28px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.services-h1 {
  color: var(--white);
  background-image: url('../images/Rectangle-12.png');
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: 68% 76%;
  width: 37%;
  padding-bottom: 40px;
  font-family: Facetype Publicaplay, Arial, sans-serif;
  font-size: 5rem;
  font-weight: 400;
  line-height: 1;
}

.vector-4 {
  grid-row-gap: 10px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 404.917px;
  text-decoration: none;
  display: block;
  position: absolute;
  top: 25rem;
  right: -5%;
}

.services-section-1 {
  background-image: url('../images/Rectangle-11.svg');
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: 20%;
  justify-content: center;
  align-items: center;
  padding: 5rem;
  display: flex;
}

.frame-70 {
  grid-row-gap: 25px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1280px;
  text-decoration: none;
  display: block;
}

.vectors-wrapper-42 {
  object-fit: cover;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 132px;
  text-decoration: none;
  display: flex;
}

.text-33 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Publica Play, Verdana, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.25;
  text-decoration: none;
}

.heading-11 {
  color: var(--white);
  text-align: center;
  background-image: url('../images/Vector-2.png');
  background-position: 54% 49%;
  background-repeat: no-repeat;
  background-size: 48%;
  padding-bottom: 10px;
  font-family: Facetype Publicaplay, Arial, sans-serif;
  font-size: 4rem;
  font-weight: 400;
  line-height: 1.5;
}

.text-span-13 {
  color: var(--k-and-r-blue);
}

.services-section-2 {
  background-color: #ffffff0d;
  background-image: url('../images/Rectangle-9.png');
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 25%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-114 {
  grid-row-gap: 60px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1280px;
  padding: 80px 100px;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-43 {
  object-fit: cover;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 77px;
  text-decoration: none;
  display: flex;
}

.frame-115 {
  grid-column-gap: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-15 {
  grid-row-gap: 15px;
  aspect-ratio: 1;
  background-color: #3a3a3a;
  border: .5px solid #fff;
  border-radius: 15px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 15px;
  text-decoration: none;
  display: flex;
  box-shadow: 0 0 15px #00000026;
}

.frame-15:hover {
  background-color: var(--k-and-r-blue);
  color: var(--k-r-slate-grey);
}

.vectors-wrapper-44 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 70px;
  text-decoration: none;
  display: flex;
}

.frame-116 {
  grid-row-gap: 5px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-34 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Publica Play, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  text-decoration: none;
}

.services-section-3 {
  background-image: url('../images/Rectangle-7.png'), url('../images/Rectangle-6.png');
  background-position: 0 97%, 100% 0;
  background-repeat: no-repeat, no-repeat;
  background-size: auto, auto;
  padding: 5rem;
}

.frame-78 {
  grid-row-gap: 60px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1280px;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-45 {
  object-fit: cover;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 77px;
  text-decoration: none;
  display: flex;
}

.frame-77 {
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-75 {
  grid-column-gap: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-72 {
  grid-row-gap: 20px;
  aspect-ratio: 2 / 3;
  background-color: #3a3a3a;
  border: .5px solid #fff;
  border-radius: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 400px;
  padding: 20px;
  text-decoration: none;
  display: flex;
  box-shadow: 0 0 15px #00000026;
}

.image-5 {
  object-fit: cover;
  border-radius: 10px;
}

.frame-71 {
  grid-row-gap: 5px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-35 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Publica Play, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  text-decoration: none;
}

.frame-76 {
  grid-column-gap: 20px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.services-section-4 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-117 {
  justify-content: space-around;
  align-items: flex-start;
  width: 100%;
  max-width: 1440px;
  padding: 5rem;
  text-decoration: none;
  display: flex;
}

.frame-118 {
  grid-row-gap: 25px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 610px;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-46 {
  object-fit: cover;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 132px;
  text-decoration: none;
  display: flex;
}

.frame-119 {
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 610px;
  text-decoration: none;
  display: flex;
}

.frame-120 {
  grid-row-gap: 10px;
  background-color: #3a3a3a;
  border: .5px solid #fff;
  border-radius: 15px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding: 25px 20px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
  box-shadow: 0 0 15px #00000026;
}

.frame-120:hover {
  background-color: var(--k-r-yellow);
}

.frame-121 {
  grid-column-gap: 15px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-47 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 14px;
  height: 14px;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-48 {
  object-fit: cover;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 100px;
  text-decoration: none;
  display: flex;
}

.heading-12 {
  color: var(--white);
  background-image: url('../images/Vector-2.png');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 50%;
  margin-top: 0;
  font-family: Facetype Publicaplay, Arial, sans-serif;
  font-size: 3rem;
  font-weight: 400;
  line-height: 1.25;
}

.text-span-14 {
  color: var(--k-and-r-blue);
}

.services-section-5 {
  background-image: url('../images/image29.png');
  background-position: 0 0;
  background-size: auto;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 5rem;
  display: flex;
}

.frame-80 {
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 856px;
  text-decoration: none;
  display: flex;
}

.frame-79 {
  grid-row-gap: 25px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-49 {
  object-fit: cover;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 132px;
  text-decoration: none;
  display: flex;
}

.text-36 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Publica Play, sans-serif;
  font-size: 28px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.frame-122 {
  grid-column-gap: 10px;
  color: var(--k-r-slate-grey);
  background-color: #fcb040;
  border-radius: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 17px 30px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.frame-122:hover {
  background-color: var(--k-and-r-blue);
  color: var(--white);
}

.text-37 {
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Publica Play, Verdana, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.heading-13 {
  color: var(--white);
  background-image: url('../images/Vector-2.png');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 60%;
  font-family: Facetype Publicaplay, Arial, sans-serif;
  font-size: 4rem;
  font-weight: 400;
  line-height: 1.25;
}

.heading-13._3 {
  background-position: 0 100%;
  background-size: 88%;
  padding-bottom: 20px;
}

.text-span-15 {
  color: var(--k-and-r-blue);
}

.heading-14 {
  color: var(--white);
  text-align: center;
  background-image: url('../images/Vector-2.png');
  background-position: 55% 100%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-bottom: 20px;
  font-family: Facetype Publicaplay, Arial, sans-serif;
  font-size: 5rem;
  font-weight: 400;
  line-height: 1;
}

.heading-15 {
  color: var(--white);
  text-align: center;
  background-image: url('../images/Vector-3.png'), url('../images/Rectangle-12.png');
  background-position: 100% 94%, 49%;
  background-repeat: no-repeat, no-repeat;
  background-size: auto, 39% 75%;
  max-width: 1280px;
  font-family: Facetype Publicaplay, Arial, sans-serif;
  font-size: 5rem;
  font-weight: 400;
  line-height: 2;
}

.text-span-16 {
  color: var(--white);
}

.text-span-17 {
  color: var(--k-r-yellow);
}

.fir-section-1 {
  background-image: url('../images/Vectors-Wrapper.svg'), url('../images/Rectangle-6.png');
  background-position: 0 100%, 100% 0;
  background-repeat: no-repeat, no-repeat;
  background-size: 213px, 188px;
  justify-content: center;
  align-items: center;
  padding: 5rem;
  display: flex;
}

.frame-123 {
  grid-row-gap: 25px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 1280px;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-50 {
  object-fit: cover;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 76px;
  text-decoration: none;
  display: flex;
}

.text-38 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Publica Play, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  text-decoration: none;
}

.heading-16 {
  color: var(--k-and-r-blue);
  background-image: url('../images/Vector-2.png');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-bottom: 15px;
  font-family: Facetype Publicaplay, Arial, sans-serif;
  font-size: 4rem;
  font-weight: 400;
  line-height: 1;
}

.heading-16._2 {
  background-position: 31% 100%;
  background-size: 58%;
  padding-bottom: 20px;
}

.fir-section-2 {
  background-color: #ffffff0d;
  background-image: url('../images/Rectangle-7.png');
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: auto;
  justify-content: center;
  align-items: center;
  padding: 5rem;
  display: flex;
}

.frame-124 {
  grid-row-gap: 60px;
  background-color: #0000;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1280px;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-51 {
  object-fit: cover;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 77px;
  text-decoration: none;
  display: flex;
}

.frame-125 {
  grid-column-gap: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-126 {
  grid-row-gap: 15px;
  aspect-ratio: 1;
  background-color: #3a3a3a;
  border: .5px solid #fff;
  border-radius: 15px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 15px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
  box-shadow: 0 0 15px #00000026;
}

.frame-126:hover {
  background-color: var(--k-and-r-blue);
}

.vectors-wrapper-52 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 70px;
  text-decoration: none;
  display: flex;
}

.frame-127 {
  grid-row-gap: 5px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-39 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Publica Play, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  text-decoration: none;
}

.text-40 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Publica Play, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  text-decoration: none;
}

.text-span-18, .text-span-19 {
  color: var(--white);
}

.fir-section-3 {
  background-image: url('../images/Rectangle-6.png');
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: auto;
  justify-content: center;
  align-items: center;
  padding: 5rem;
  display: flex;
}

.frame-128 {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 1280px;
  text-decoration: none;
  display: flex;
}

.frame-129 {
  grid-row-gap: 25px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 610px;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-53 {
  object-fit: cover;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 141px;
  text-decoration: none;
  display: flex;
}

.frame-130 {
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 610px;
  text-decoration: none;
  display: flex;
}

.frame-131 {
  grid-row-gap: 10px;
  background-color: #3a3a3a;
  border: .5px solid #fff;
  border-radius: 15px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 15px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
  box-shadow: 0 0 15px #00000026;
}

.frame-131:hover {
  background-color: var(--k-r-yellow);
}

.frame-132 {
  grid-column-gap: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-54 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  text-decoration: none;
  display: flex;
}

.frame-133 {
  grid-row-gap: 5px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.text-41 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Publica Play, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  text-decoration: none;
}

.text-42 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Publica Play, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  text-decoration: none;
}

.frame-134 {
  grid-row-gap: 5px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-43 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Publica Play, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
  text-decoration: none;
}

.vectors-wrapper-55 {
  object-fit: cover;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 100px;
  text-decoration: none;
  display: flex;
}

.text-span-20 {
  color: var(--k-and-r-blue);
}

.image-6 {
  box-shadow: 16px 16px 0 4px var(--k-and-r-blue);
  border-radius: 20px;
  display: block;
}

.heading-17 {
  color: var(--white);
  text-align: center;
  background-image: url('../images/Rectangle-12.png');
  background-position: 44%;
  background-repeat: no-repeat;
  background-size: 100% 75%;
  max-width: 1280px;
  font-family: Facetype Publicaplay, Arial, sans-serif;
  font-size: 5rem;
  font-weight: 400;
  line-height: 2;
}

.contact-section-1 {
  justify-content: center;
  align-items: center;
  padding: 5rem;
  display: flex;
}

.frame-135 {
  grid-row-gap: 25px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1280px;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-56 {
  object-fit: cover;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 76px;
  text-decoration: none;
  display: flex;
}

.text-44 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Publica Play, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  text-decoration: none;
}

.contact-section-2 {
  background-image: url('../images/image28.png');
  background-position: 0 0;
  background-size: auto;
  justify-content: center;
  align-items: center;
  padding: 5rem;
  display: flex;
}

.frame-136 {
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 856px;
  text-decoration: none;
  display: flex;
}

.frame-137 {
  grid-row-gap: 25px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-57 {
  object-fit: cover;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 132px;
  text-decoration: none;
  display: flex;
}

.text-45 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Publica Play, sans-serif;
  font-size: 28px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.frame-138 {
  grid-column-gap: 10px;
  color: var(--k-r-slate-grey);
  background-color: #fcb040;
  border-radius: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 17px 30px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.frame-138:hover {
  background-color: var(--k-and-r-blue);
  color: var(--white);
}

.text-46 {
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Publica Play, Verdana, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.frame-139 {
  grid-row-gap: 60px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1302px;
  text-decoration: none;
  display: flex;
}

.frame-140 {
  grid-row-gap: 80px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-141 {
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1045px;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-58 {
  object-fit: cover;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 77px;
  text-decoration: none;
  display: flex;
}

.error-125a174d-2c8f-7a6d-719c-a89c7163de3d {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Publica Play, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  text-decoration: none;
}

.vectors-wrapper-59 {
  object-fit: cover;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.frame-142 {
  grid-column-gap: 10px;
  background-color: #fcb040;
  border-radius: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 17px 30px;
  text-decoration: none;
  display: flex;
}

.text-47 {
  color: #fff;
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Publica Play, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.frame-143 {
  grid-row-gap: 60px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1302px;
  text-decoration: none;
  display: flex;
}

.frame-144 {
  grid-row-gap: 80px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-145 {
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1045px;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-60 {
  object-fit: cover;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 77px;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-61 {
  object-fit: cover;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.frame-146 {
  grid-column-gap: 10px;
  background-color: #fcb040;
  border-radius: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 17px 30px;
  text-decoration: none;
  display: flex;
}

.text-48 {
  color: #fff;
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Publica Play, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.frame-147 {
  grid-row-gap: 80px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-148 {
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1045px;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-62 {
  object-fit: cover;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 77px;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-63 {
  object-fit: cover;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.frame-58--about-us {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 5rem;
  text-decoration: none;
  display: block;
  position: absolute;
}

.frame-101-about-us {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
  position: relative;
}

.nav-button-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-span-21 {
  background-image: url('../images/Vectors-Wrapper_3.svg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 21.3rem 6.6rem;
}

.heading-18 {
  color: var(--white);
  background-image: url('../images/Vector-2.png');
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: 13.5rem;
  font-family: Facetype Publicaplay, Arial, sans-serif;
  font-size: 3.5rem;
  font-weight: 400;
  line-height: 1.25;
}

.text-span-22 {
  color: var(--k-and-r-blue);
}

.heading-19 {
  color: var(--white);
  font-family: Facetype Publicaplay, Arial, sans-serif;
  font-size: 3.5rem;
  font-weight: 400;
  line-height: 1.25;
}

.text-span-23 {
  color: var(--k-and-r-blue);
  background-image: url('../images/Vector-2.png');
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 193px;
}

.heading-20 {
  color: var(--white);
  font-family: Facetype Publicaplay, Arial, sans-serif;
  font-size: 3.5rem;
  font-weight: 400;
  line-height: 1.25;
}

.text-span-24 {
  color: var(--k-and-r-blue);
  background-image: url('../images/Vector-2.png');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: 17.5rem;
}

.heading-21 {
  color: var(--white);
  text-align: center;
  background-image: url('../images/Vector-2.png');
  background-position: 4%;
  background-repeat: no-repeat;
  background-size: auto;
  font-family: Facetype Publicaplay, Arial, sans-serif;
  font-size: 3rem;
  font-weight: 400;
  line-height: 1.25;
}

.calendly-wrapper {
  margin-top: 2rem;
}

.heading-22 {
  color: var(--white);
  text-align: center;
  background-image: url('../images/Vector-2.png');
  background-position: 50%;
  background-repeat: no-repeat;
  font-family: Facetype Publicaplay, Arial, sans-serif;
  font-size: 3rem;
  font-weight: 400;
  line-height: 1.5;
}

.text-span-25 {
  color: var(--k-and-r-blue);
}

@media screen and (min-width: 1440px) {
  .homepage-section-4 {
    background-image: url('../images/Rectangle-11.svg');
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: auto;
  }

  .aboutus-h1 {
    background-position: 50% 0, 50% 100%;
    background-size: 15rem, auto 1rem;
  }

  .frame-58--about-us {
    display: flex;
  }
}

@media screen and (min-width: 1920px) {
  .heroheader-homepage-parent, .image-2 {
    max-width: none;
  }

  .rectangle-14 {
    right: -10%;
  }

  .frame-82 {
    left: 26%;
  }

  .homepage-section-2 {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .frame-12 {
    justify-content: space-around;
    align-items: center;
  }

  .homepage-section-3 {
    padding-left: 12.2rem;
    padding-right: 12.2rem;
  }

  .frame-21 {
    max-width: none;
  }

  .frame-18 {
    justify-content: space-around;
    align-items: center;
    max-width: 1280px;
  }

  .homepage-section-4 {
    background-image: url('../images/Rectangle-11.svg');
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: auto;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .frame-22 {
    flex-flow: row;
    justify-content: space-around;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .vectors-wrapper-16 {
    width: 46%;
  }

  .navbar-parent {
    grid-column-gap: 7rem;
    grid-row-gap: 7rem;
    justify-content: center;
    align-items: center;
  }

  .frame-93.w--current {
    grid-column-gap: 15px;
    justify-content: center;
    align-items: center;
  }

  .error-f71d90fc-f088-eeab-cd2a-811a3da0ad1e {
    font-size: 1rem;
    line-height: 1.5;
  }

  .rectangle-10 {
    max-width: none;
  }

  .aboutus-h1 {
    text-align: center;
    background-position: 50% 0, 50% 96%;
    background-size: 19%, auto;
  }

  .frame-59 {
    display: flex;
  }

  .aboutus-section-2, .aboutus-section-3 {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .frame-109 {
    max-width: 1280px;
  }

  .services-section-3, .frame-58--about-us {
    justify-content: center;
    align-items: center;
    display: flex;
  }
}

@media screen and (max-width: 991px) {
  .heroheader-homepage-parent {
    grid-row-gap: 0px;
  }

  .vectors-wrapper {
    display: none;
  }

  .home-img-1-2 {
    display: none;
    position: relative;
    top: 9rem;
  }

  .frame-82 {
    flex-flow: column;
    justify-content: center;
    align-items: stretch;
    left: 2%;
    right: 2%;
  }

  .vectors-wrapper-3 {
    left: 19.2rem;
  }

  .frame-2 {
    flex-flow: column;
  }

  .frame-12 {
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
  }

  .text-4 {
    font-family: Facetype Publicaplay, Arial, sans-serif;
  }

  .frame-18 {
    flex-flow: column;
    align-items: stretch;
  }

  .frame-14 {
    max-width: none;
    margin-bottom: 20px;
  }

  .frame-22 {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
  }

  .image-4 {
    width: 100%;
  }

  .homepage-section-5 {
    padding: 1rem;
  }

  .frame-88 {
    margin-bottom: -2rem;
  }

  .footer {
    background-color: var(--faded-grey);
  }

  .frame-51 {
    padding: 5rem;
  }

  .text-13 {
    border-bottom: 4px solid var(--faded-grey);
    border-radius: 4px;
  }

  .text-13:hover {
    border-bottom: 4px solid var(--k-and-r-blue);
    border-radius: 7px;
  }

  .text-13:active {
    border-radius: 6px;
  }

  .text-13.w--current {
    border-bottom: 4px solid var(--k-r-yellow);
  }

  .text-13.w--current:hover {
    border-bottom: 4px solid var(--k-and-r-blue);
    border-radius: 6px;
  }

  .text-13.noborder {
    border-bottom-style: none;
  }

  .text-16 {
    font-family: Facetype Publicaplay, Arial, sans-serif;
    font-size: .9rem;
    line-height: 1;
  }

  .navbar-parent {
    flex-flow: column;
    padding: 1rem;
  }

  .k-and-r-plumbing-and-heating-4 {
    font-family: Facetype Publicaplay, Arial, sans-serif;
    font-size: 1rem;
  }

  .frame-1 {
    grid-column-gap: 75px;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
    margin-bottom: 10px;
    display: flex;
  }

  .text-18 {
    transition: all .2s;
  }

  .requestaquote-button {
    width: 100%;
    margin-bottom: 10px;
    transition: all .2s;
  }

  .text-19 {
    font-size: 1.25rem;
  }

  .k-and-r-plumbing-and-heating-5, .k-and-r-plumbing-and-heating-6 {
    font-size: 1rem;
  }

  .homepage-section-6 {
    padding-left: 5rem;
    padding-right: 5rem;
  }

  .heading {
    background-position: 52% 100%;
    background-size: 40%;
    width: 69%;
    line-height: 1.25;
  }

  .heading-2 {
    margin-top: 60px;
  }

  .heading-5 {
    background-position: 7% 36%;
    background-size: 75%;
  }

  .vectors-wrapper-27 {
    width: 65%;
    display: none;
  }

  .vectors-wrapper-27.services {
    bottom: 13rem;
    left: 7.5rem;
  }

  .vectors-wrapper-27.fir, .vectors-wrapper-27.fir2 {
    display: none;
  }

  .aboutus-h1 {
    background-position: 50% 0, 50% 100%;
    background-size: 31%, auto;
  }

  .aboutus-section-3 {
    flex-flow: row;
  }

  .frame-109 {
    flex-flow: column;
  }

  .frame-62 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
  }

  .frame-61 {
    justify-content: center;
    align-items: center;
  }

  .image {
    aspect-ratio: auto;
    object-fit: cover;
    width: 100%;
  }

  .furnace-installations-and-repairs {
    font-size: 1rem;
    line-height: 1.25;
  }

  .heading-11 {
    background-position: 100% 24%;
    background-size: 80%;
    font-size: 3.5rem;
  }

  .frame-115 {
    grid-row-gap: 20px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .frame-15 {
    aspect-ratio: 2.39;
  }

  .frame-75, .frame-76 {
    grid-row-gap: 20px;
    flex-flow: column;
  }

  .frame-117 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
  }

  .heading-12 {
    text-align: center;
    background-position: 20%;
  }

  .heading-13 {
    text-align: center;
    background-position: 50% 24%;
    background-size: 82%;
  }

  .heading-13._3 {
    background-position: 50% 100%;
    background-size: 32rem;
  }

  .heading-15 {
    background-position: 50% 97%, 4% 15%;
    background-size: 20rem, 20rem 31%;
  }

  .heading-16._2 {
    text-align: center;
    background-position: 90%;
    background-size: 78%;
    font-size: 3.8rem;
  }

  .frame-125 {
    grid-row-gap: 20px;
    flex-flow: column;
  }

  .frame-126 {
    aspect-ratio: 2.39;
  }

  .frame-128 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    justify-content: space-between;
    align-items: stretch;
  }

  .frame-129, .frame-130 {
    max-width: none;
  }

  .image-6 {
    width: 100%;
  }

  .heading-17 {
    background-size: 26rem 7rem;
  }

  .vectors-wrapper-57 {
    height: auto;
  }

  .vectors-wrapper-63 {
    display: none;
  }

  .nav-button-wrapper {
    width: 100%;
  }

  .heading-21 {
    background-position: 0 33%;
    background-size: 24rem;
  }
}

@media screen and (max-width: 479px) {
  .heroheader-homepage-parent {
    justify-content: center;
    align-items: flex-start;
    display: block;
  }

  .frame-82 {
    max-width: none;
    padding-top: 5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    top: 13.5%;
    left: auto;
    right: auto;
  }

  .frame-4 {
    display: block;
  }

  .vectors-wrapper-2 {
    display: none;
    top: auto;
    left: auto;
  }

  .homepage-header {
    text-align: center;
    font-size: 3rem;
    line-height: 1.25;
  }

  .text-2 {
    margin-top: 40px;
    font-family: Facetype Publicaplay, Arial, sans-serif;
    font-size: 1.25rem;
    line-height: 1.25;
  }

  .homepage-section-2 {
    background-size: 229px;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .frame-11 {
    max-width: none;
    padding-left: 0;
  }

  .frame-10 {
    display: block;
  }

  .image-3 {
    aspect-ratio: 1;
    object-fit: cover;
    display: block;
    box-shadow: -10px 17px #018bfc;
  }

  .frame-19 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .frame-14 {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .frame-22 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .frame-84 {
    padding-right: 0;
  }

  .frame-27 {
    max-width: none;
  }

  .image-4 {
    box-shadow: 11px 11px 0 -5px var(--k-r-yellow);
  }

  .footer {
    padding-top: 0;
  }

  .frame-51 {
    flex-flow: column;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .frame-50 {
    text-align: left;
    width: 100%;
  }

  .frame-41 {
    width: 100%;
    margin-top: 40px;
  }

  .frame-57 {
    grid-column-gap: 0rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .frame-1 {
    grid-column-gap: 1rem;
  }

  .text-18 {
    font-family: Facetype Publicaplay, Arial, sans-serif;
    font-size: .9rem;
  }

  .text-19 {
    font-size: .9rem;
  }

  .homepage-section-6 {
    background-size: 232px, 252px;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .contact-form-outer-style {
    padding-top: 1.25rem;
  }

  .form-wrapper.msg {
    height: 100px;
  }

  .text-field {
    padding: .5rem .8rem;
    font-size: 10px;
    line-height: 1;
  }

  .text-field.msg2 {
    height: 100%;
  }

  .heading {
    background-position: -1% 95%;
    background-size: 58%;
    width: 100%;
  }

  .heading-2 {
    background-position: 0 51%;
    background-size: 15rem;
    font-size: 2.9rem;
    line-height: 1.25;
  }

  .heading-3 {
    text-align: center;
    background-position: 50% 100%;
    background-size: 15.5rem;
  }

  .heading-4 {
    background-size: 100%;
    font-size: 2.9rem;
  }

  .heading-5 {
    background-position: 46% 28%;
    background-size: 24rem;
    font-size: 2.6rem;
  }

  .frame-98 {
    padding-left: 0;
    padding-right: 0;
  }

  .frame-39 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .heading-6 {
    text-align: center;
    background-position: 50% 100%;
    background-size: 18rem;
    font-size: 3.4rem;
  }

  .text-block.form {
    font-size: .85rem;
  }

  .frame-58 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .text-23 {
    font-size: 1.25rem;
    line-height: 1.25;
  }

  .aboutus-h1 {
    text-align: center;
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
    padding-left: 0;
    padding-right: 0;
    font-size: 4rem;
  }

  .aboutus-section-1 {
    background-size: 252px, 232px;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .text-24 {
    font-size: 1rem;
    line-height: 1.25;
  }

  .heading-7 {
    text-align: center;
    font-size: 3rem;
  }

  .heading-8 {
    background-size: 12rem;
    font-size: 1.8rem;
  }

  .text-26 {
    font-size: 1.5rem;
    line-height: 1.25;
  }

  .text-27 {
    font-size: 1rem;
    line-height: 1.25;
  }

  .text-28 {
    font-size: 1.5rem;
    line-height: 1.25;
  }

  .text-29, .text-30 {
    font-size: 1rem;
    line-height: 1.25;
  }

  .aboutus-section-3 {
    background-size: 252px;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .heading-9 {
    text-align: center;
  }

  .frame-69 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .heading-10 {
    text-align: center;
    background-position: 64% 100%;
    background-size: 17rem;
  }

  .services-section-1 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .heading-11 {
    background-position: 96% 24%;
    background-size: 11.5rem;
    font-size: 2.5rem;
  }

  .frame-114 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .services-section-3 {
    background-size: 231px, 188px;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .frame-117 {
    justify-content: space-around;
    align-items: center;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .heading-12 {
    background-position: 50% 27%;
    background-size: 17.5rem;
    font-size: 2.9rem;
  }

  .services-section-5 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .text-36 {
    font-size: 1.25rem;
    line-height: 1.25;
  }

  .heading-13 {
    background-position: 50% 34%;
    background-size: 20rem;
    font-size: 3.5rem;
  }

  .heading-13._3 {
    background-position: 50% 100%;
    background-size: 16rem;
  }

  .heading-15 {
    background-position: 50% 97%, 50% 5%;
    background-size: 14rem, 14rem 25%;
    margin-bottom: 20px;
    padding-bottom: 20px;
    font-size: 3.5rem;
    line-height: 1.25;
  }

  .fir-section-1 {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
  }

  .heading-16._2 {
    background-position: 95% 46%;
    background-size: 80%;
    font-size: 2.2rem;
    line-height: 1.25;
  }

  .fir-section-2 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .fir-section-3 {
    background-size: 188px;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .frame-131 {
    flex-flow: column;
  }

  .frame-132 {
    grid-row-gap: 20px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .image-6 {
    box-shadow: 6px 6px 0 4px var(--k-and-r-blue);
  }

  .heading-17 {
    background-position: 50% 5%;
    background-size: 19rem 6rem;
    line-height: 1.25;
  }

  .contact-section-1, .contact-section-2 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .frame-58--about-us {
    padding-left: 1rem;
    padding-right: 1rem;
    display: flex;
    top: -2rem;
  }

  .nav-button-wrapper {
    align-items: stretch;
  }

  .text-span-21 {
    color: var(--k-r-yellow);
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
  }

  .heading-18 {
    text-align: center;
    background-position: 50% 100%;
  }

  .heading-19 {
    text-align: center;
  }

  .text-span-24 {
    background-position: 50% 100%;
  }

  .heading-21 {
    color: var(--white);
    background-position: 30% 33%;
    background-size: 17rem;
    font-family: Facetype Publicaplay, Arial, sans-serif;
    font-size: 2rem;
    font-weight: 400;
    line-height: 1.25;
  }

  .code-embed {
    display: none;
  }
}


@font-face {
  font-family: 'Publica Play';
  src: url('../fonts/publica-play.zip') format('undefined');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Facetype Publicaplay';
  src: url('../fonts/FaceType---PublicaPlay-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}