.header-wrapper {
  display: contents;
}
.header-container {
  width: var(--dl-size-size-maxwidth);
  height: 80px;
  display: flex;
  align-items: center;
  padding-left: var(--dl-space-space-halfunit);
  padding-right: var(--dl-space-space-halfunit);
  justify-content: center;
}
.header-navbar-interactive {
  width: var(--dl-size-size-maxwidth);
  display: flex;
  align-items: center;
  padding-top: var(--dl-space-space-twounits);
  padding-left: var(--dl-space-space-halfunit);
  padding-right: var(--dl-space-space-halfunit);
  padding-bottom: var(--dl-space-space-twounits);
  justify-content: space-between;
}
.header-navlink10 {
  display: contents;
}
.header-image1 {
  height: 3rem;
  text-decoration: none;
}
.header-desktop-menu {
  flex: 1;
  display: flex;
  justify-content: space-between;
}
.header-links1 {
  gap: var(--dl-space-space-unit);
  flex: 1;
  display: flex;
  align-items: center;
  padding-right: var(--dl-space-space-halfunit);
  flex-direction: row;
  justify-content: flex-end;
}
.header-link11 {
  color: #000000;
  font-size: 20px;
  font-style: normal;
  font-family: "Inter";
  font-weight: 600;
}
.header-thq-dropdown1 {
  width: 30%;
  cursor: pointer;
  display: inline-block;
  position: relative;
  align-self: center;
  border-radius: var(--dl-radius-radius-radius2);
}
.header-thq-dropdown1:hover {
  background-position: 0 100%;
}
.header-dropdown-toggle10 {
  fill: #595959;
  color: #595959;
  width: 100%;
  display: inline-flex;
  align-items: center;
  padding-top: var(--dl-space-space-halfunit);
  padding-left: var(--dl-space-space-unit);
  border-radius: var(--dl-radius-radius-radius2);
  padding-right: var(--dl-space-space-unit);
  padding-bottom: var(--dl-space-space-halfunit);
  justify-content: center;
  text-decoration: none;
}
.header-text10 {
  color: #000000;
  font-size: 20px;
  font-style: normal;
  font-family: "Inter";
  font-weight: 600;
}
.header-dropdown-list1 {
  left: 0px;
  right: var(--dl-space-space-unit);
  width: max-content;
  display: none;
  z-index: 100;
  position: absolute;
  min-width: 100%;
  margin-top: 0px;
  transition: 0.3s;
  align-items: stretch;
  margin-left: 0px;
  border-color: #ffffff;
  border-width: 1px;
  margin-right: 0px;
  border-radius: var(--dl-radius-radius-radius4);
  margin-bottom: 0px;
  flex-direction: column;
  list-style-type: none;
  background-color: #ffffff;
  list-style-position: inside;
}
.header-dropdown10 {
  cursor: pointer;
  display: inline-block;
  position: relative;
  border-radius: var(--dl-radius-radius-radius2);
}
.header-dropdown-toggle11 {
  fill: #595959;
  color: #000000;
  width: 100%;
  display: inline-flex;
  transition: 0.3s;
  align-items: center;
  padding-top: var(--dl-space-space-halfunit);
  padding-left: var(--dl-space-space-unit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-unit);
  padding-bottom: var(--dl-space-space-halfunit);
  text-decoration: none;
}
.header-dropdown-toggle11:hover {
  fill: #fff;
  color: #fff;
  background-color: #000000;
}
.header-text11 {
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
}
.header-dropdown11 {
  cursor: pointer;
  display: inline-block;
  position: relative;
  border-radius: var(--dl-radius-radius-radius2);
}
.header-dropdown-toggle12 {
  fill: #595959;
  color: #000000;
  width: 100%;
  display: inline-flex;
  transition: 0.3s;
  align-items: center;
  padding-top: var(--dl-space-space-halfunit);
  padding-left: var(--dl-space-space-unit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-unit);
  padding-bottom: var(--dl-space-space-halfunit);
  text-decoration: none;
}
.header-dropdown-toggle12:hover {
  fill: #ffffff;
  color: #ffffff;
  background-color: #000000;
}
.header-text12 {
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
}
.header-dropdown12 {
  cursor: pointer;
  display: inline-block;
  position: relative;
  border-radius: var(--dl-radius-radius-radius2);
}
.header-dropdown-toggle13 {
  fill: #595959;
  color: #000000;
  width: 100%;
  display: inline-flex;
  transition: 0.3s;
  align-items: center;
  padding-top: var(--dl-space-space-halfunit);
  padding-left: var(--dl-space-space-unit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-unit);
  padding-bottom: var(--dl-space-space-halfunit);
  text-decoration: none;
}
.header-dropdown-toggle13:hover {
  fill: #fff;
  color: #fff;
  background-color: #000000;
}
.header-text13 {
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
}
.header-dropdown13 {
  cursor: pointer;
  display: inline-block;
  position: relative;
  border-radius: var(--dl-radius-radius-radius2);
}
.header-dropdown-toggle14 {
  fill: #595959;
  color: #000000;
  width: 100%;
  display: inline-flex;
  transition: 0.3s;
  align-items: center;
  padding-top: var(--dl-space-space-halfunit);
  padding-left: var(--dl-space-space-unit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-unit);
  padding-bottom: var(--dl-space-space-halfunit);
  text-decoration: none;
}
.header-dropdown-toggle14:hover {
  fill: #fff;
  color: #fff;
  background-color: #000000;
}
.header-text17 {
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
}
.header-dropdown14 {
  cursor: pointer;
  display: inline-block;
  position: relative;
  border-radius: var(--dl-radius-radius-radius2);
}
.header-dropdown-toggle15 {
  fill: #595959;
  color: #000000;
  width: 100%;
  display: inline-flex;
  transition: 0.3s;
  align-items: center;
  padding-top: var(--dl-space-space-halfunit);
  padding-left: var(--dl-space-space-unit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-unit);
  padding-bottom: var(--dl-space-space-halfunit);
  text-decoration: none;
}
.header-dropdown-toggle15:hover {
  fill: #fff;
  color: #fff;
  background-color: #000000;
}
.header-text21 {
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
}
.header-dropdown15 {
  cursor: pointer;
  display: inline-block;
  position: relative;
  border-radius: var(--dl-radius-radius-radius2);
}
.header-dropdown-toggle16 {
  fill: #595959;
  color: #000000;
  width: 100%;
  display: inline-flex;
  transition: 0.3s;
  align-items: center;
  padding-top: var(--dl-space-space-halfunit);
  padding-left: var(--dl-space-space-unit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-unit);
  padding-bottom: var(--dl-space-space-halfunit);
  text-decoration: none;
}
.header-dropdown-toggle16:hover {
  fill: #fff;
  color: #fff;
  background-color: #000000;
}
.header-text22 {
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
}
.header-link31 {
  color: rgb(0, 0, 0);
  font-size: 20px;
  font-style: normal;
  font-family: "Inter";
  font-weight: 600;
  text-decoration: none;
}
.header-burger-menu {
  display: none;
}
.header-icon1 {
  width: var(--dl-size-size-xsmall);
  height: var(--dl-size-size-xsmall);
}
.header-mobile-menu {
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100vh;
  display: flex;
  padding: var(--dl-space-space-twounits);
  z-index: 100;
  position: absolute;
  transform: translateY(-100%);
  transition: 0.5s;
  flex-direction: column;
  justify-content: space-between;
  background-color: var(--dl-color-theme-neutral-light);
}
.header-nav {
  display: flex;
  align-items: flex-start;
  padding-left: var(--dl-space-space-fiveunits);
  padding-right: var(--dl-space-space-fiveunits);
  flex-direction: column;
}
.header-top {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: var(--dl-space-space-threeunits);
  justify-content: space-between;
}
.header-logo {
  height: 3rem;
}
.header-close-menu {
  display: flex;
  align-items: center;
  justify-content: center;
}
.header-icon3 {
  width: var(--dl-size-size-xsmall);
  height: var(--dl-size-size-xsmall);
}
.header-links2 {
  gap: var(--dl-space-space-unit);
  flex: 0 0 auto;
  display: flex;
  align-self: flex-end;
  align-items: flex-end;
  flex-direction: column;
}
.header-link12 {
  color: #000000;
  font-size: 20px;
  font-style: normal;
  font-family: "Inter";
  font-weight: 600;
}
.header-thq-dropdown2 {
  width: 30%;
  cursor: pointer;
  display: inline-block;
  position: relative;
  align-self: center;
  border-radius: var(--dl-radius-radius-radius2);
}
.header-thq-dropdown2:hover {
  background-position: 0 100%;
}
.header-dropdown-toggle17 {
  fill: #595959;
  color: #595959;
  width: 100%;
  display: inline-flex;
  align-items: center;
  padding-top: var(--dl-space-space-halfunit);
  padding-left: var(--dl-space-space-unit);
  border-radius: var(--dl-radius-radius-radius2);
  padding-right: var(--dl-space-space-unit);
  padding-bottom: var(--dl-space-space-halfunit);
  justify-content: center;
  text-decoration: none;
}
.header-text23 {
  color: #000000;
  font-size: 20px;
  font-style: normal;
  font-family: "Inter";
  font-weight: 600;
}
.header-dropdown-list2 {
  left: 0px;
  right: var(--dl-space-space-unit);
  width: max-content;
  display: none;
  z-index: 100;
  position: absolute;
  min-width: 100%;
  margin-top: 0px;
  transition: 0.3s;
  align-items: stretch;
  margin-left: 0px;
  border-color: #ffffff;
  border-width: 1px;
  margin-right: 0px;
  border-radius: var(--dl-radius-radius-radius4);
  margin-bottom: 0px;
  flex-direction: column;
  list-style-type: none;
  background-color: #ffffff;
  list-style-position: inside;
}
.header-dropdown16 {
  cursor: pointer;
  display: inline-block;
  position: relative;
  border-radius: var(--dl-radius-radius-radius2);
}
.header-dropdown-toggle18 {
  fill: #595959;
  color: #000000;
  width: 100%;
  display: inline-flex;
  transition: 0.3s;
  align-items: center;
  padding-top: var(--dl-space-space-halfunit);
  padding-left: var(--dl-space-space-unit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-unit);
  padding-bottom: var(--dl-space-space-halfunit);
  text-decoration: none;
}
.header-dropdown-toggle18:hover {
  fill: #fff;
  color: #fff;
  background-color: #000000;
}
.header-text24 {
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
}
.header-dropdown17 {
  cursor: pointer;
  display: inline-block;
  position: relative;
  border-radius: var(--dl-radius-radius-radius2);
}
.header-dropdown-toggle19 {
  fill: #595959;
  color: #000000;
  width: 100%;
  display: inline-flex;
  transition: 0.3s;
  align-items: center;
  padding-top: var(--dl-space-space-halfunit);
  padding-left: var(--dl-space-space-unit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-unit);
  padding-bottom: var(--dl-space-space-halfunit);
  text-decoration: none;
}
.header-dropdown-toggle19:hover {
  fill: #ffffff;
  color: #ffffff;
  background-color: #000000;
}
.header-text25 {
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
}
.header-dropdown18 {
  cursor: pointer;
  display: inline-block;
  position: relative;
  border-radius: var(--dl-radius-radius-radius2);
}
.header-dropdown-toggle20 {
  fill: #595959;
  color: #000000;
  width: 100%;
  display: inline-flex;
  transition: 0.3s;
  align-items: center;
  padding-top: var(--dl-space-space-halfunit);
  padding-left: var(--dl-space-space-unit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-unit);
  padding-bottom: var(--dl-space-space-halfunit);
  text-decoration: none;
}
.header-dropdown-toggle20:hover {
  fill: #fff;
  color: #fff;
  background-color: #000000;
}
.header-text26 {
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
}
.header-dropdown19 {
  cursor: pointer;
  display: inline-block;
  position: relative;
  border-radius: var(--dl-radius-radius-radius2);
}
.header-dropdown-toggle21 {
  fill: #595959;
  color: #000000;
  width: 100%;
  display: inline-flex;
  transition: 0.3s;
  align-items: center;
  padding-top: var(--dl-space-space-halfunit);
  padding-left: var(--dl-space-space-unit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-unit);
  padding-bottom: var(--dl-space-space-halfunit);
  text-decoration: none;
}
.header-dropdown-toggle21:hover {
  fill: #fff;
  color: #fff;
  background-color: #000000;
}
.header-text30 {
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
}
.header-dropdown20 {
  cursor: pointer;
  display: inline-block;
  position: relative;
  border-radius: var(--dl-radius-radius-radius2);
}
.header-dropdown-toggle22 {
  fill: #595959;
  color: #000000;
  width: 100%;
  display: inline-flex;
  transition: 0.3s;
  align-items: center;
  padding-top: var(--dl-space-space-halfunit);
  padding-left: var(--dl-space-space-unit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-unit);
  padding-bottom: var(--dl-space-space-halfunit);
  text-decoration: none;
}
.header-dropdown-toggle22:hover {
  fill: #fff;
  color: #fff;
  background-color: #000000;
}
.header-text34 {
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
}
.header-dropdown21 {
  cursor: pointer;
  display: inline-block;
  position: relative;
  border-radius: var(--dl-radius-radius-radius2);
}
.header-dropdown-toggle23 {
  fill: #595959;
  color: #000000;
  width: 100%;
  display: inline-flex;
  transition: 0.3s;
  align-items: center;
  padding-top: var(--dl-space-space-halfunit);
  padding-left: var(--dl-space-space-unit);
  border-radius: var(--dl-radius-radius-radius4);
  padding-right: var(--dl-space-space-unit);
  padding-bottom: var(--dl-space-space-halfunit);
  text-decoration: none;
}
.header-dropdown-toggle23:hover {
  fill: #fff;
  color: #fff;
  background-color: #000000;
}
.header-text35 {
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
}
.header-link32 {
  color: rgb(0, 0, 0);
  font-size: 20px;
  font-style: normal;
  font-family: "Inter";
  font-weight: 600;
  text-decoration: none;
}
.home-fragment10 {
  display: contents;
}
.home-text10 {
  display: inline-block;
}
.home-fragment11 {
  display: contents;
}
.home-text11 {
  display: inline-block;
}









@media(max-width: 1600px) {
  .header-desktop-menu {
    justify-content: space-between;
  }
  .header-links1 {
    justify-content: flex-end;
  }
  .header-link11 {
    font-size: 20px;
  }
  .header-dropdown-list1 {
    display: none;
  }
  .header-dropdown-toggle11 {
    justify-content: flex-start;
  }
  .header-text11 {
    text-align: center;
  }
  .header-dropdown-toggle12 {
    justify-content: flex-start;
  }
  .header-text12 {
    text-align: center;
  }
  .header-dropdown-toggle13 {
    justify-content: flex-start;
  }
  .header-dropdown-toggle14 {
    justify-content: flex-start;
  }
  .header-dropdown-toggle15 {
    justify-content: flex-start;
  }
  .header-dropdown-toggle16 {
    justify-content: flex-start;
  }
  .header-link31 {
    font-size: 20px;
    font-family: Inter;
  }
  .header-link12 {
    font-size: 20px;
  }
  .header-dropdown-list2 {
    display: none;
  }
  .header-dropdown-toggle18 {
    justify-content: flex-start;
  }
  .header-text24 {
    text-align: center;
  }
  .header-dropdown-toggle19 {
    justify-content: flex-start;
  }
  .header-text25 {
    text-align: center;
  }
  .header-dropdown-toggle20 {
    justify-content: flex-start;
  }
  .header-dropdown-toggle21 {
    justify-content: flex-start;
  }
  .header-dropdown-toggle22 {
    justify-content: flex-start;
  }
  .header-dropdown-toggle23 {
    justify-content: flex-start;
  }
  .header-link32 {
    font-size: 20px;
    font-family: Inter;
  }
}
@media(max-width: 479px) {
  .header-container {
    width: 100%;
  }
  .header-navbar-interactive {
    width: 100%;
    padding: var(--dl-space-space-unit);
    padding-right: 16px;
  }
  .header-desktop-menu {
    display: none;
  }
  .header-link11 {
    font-size: 20px;
  }
  .header-dropdown-list1 {
    display: none;
  }
  .header-link31 {
    font-size: 20px;
  }
  .header-burger-menu {
    display: flex;
  }
  .header-mobile-menu {
    padding: var(--dl-space-space-unit);
  }
  .header-links2 {
    align-self: center;
    align-items: center;
  }
  .header-link12 {
    font-size: 20px;
  }
  .header-dropdown-toggle17 {
    flex-direction: row;
  }
  .header-dropdown-list2 {
    top: 43px;
    left: -93px;
    margin: auto;
    display: none;
  }
  .header-link32 {
    font-size: 20px;
  }
  .headerroot-class-name {
    width: 100%;
  }
  .headerroot-class-name3 {
    width: 100%;
  }
  .headerroot-class-name4 {
    width: 100%;
  }
  .headerroot-class-name5 {
    width: 100%;
  }
  .headerroot-class-name6 {
    width: 100%;
  }
  .headerroot-class-name7 {
    width: 100%;
  }
  .headerroot-class-name8 {
    width: 100%;
  }
}

.v2-homebanner-wrapper {
  display: contents;
}
.v2-homebanner-container10 {
  width: var(--dl-size-size-maxwidth);
  height: auto;
  display: flex;
  position: relative;
  align-items: flex-start;
  padding-top: var(--dl-space-space-twounits);
  flex-direction: column;
  padding-bottom: var(--dl-space-space-twounits);
}
.v2-homebanner-layout349 {
  display: flex;
  padding: 0px;
  overflow: hidden;
  position: relative;
  align-items: center;
  flex-direction: column;
}
.v2-homebanner-max-width {
  gap: var(--dl-space-space-unit);
  display: flex;
  align-items: center;
  flex-direction: column;
}
.v2-homebanner-container11 {
  gap: var(--dl-space-space-fiveunits);
  flex: 0 0 auto;
  width: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: row;
}
.v2-homebanner-content1 {
  gap: 0;
  flex: 1;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.v2-homebanner-section-title {
  gap: var(--dl-space-space-oneandhalfunits);
  display: flex;
  align-self: stretch;
  align-items: flex-start;
  flex-direction: column;
}
.v2-homebanner-content2 {
  gap: var(--dl-space-space-threeunits);
  display: flex;
  align-self: stretch;
  align-items: flex-start;
  flex-direction: column;
}
.v2-homebanner-text10 {
  width: 100%;
  height: 100%;
  font-size: 71px;
  font-style: normal;
  font-family: "Inter";
  font-weight: 500;
}
.v2-homebanner-image-container {
  flex: 1;
  display: flex;
  position: relative;
  align-items: center;
}
.v2-homebanner-placeholder-image {
  width: 672px;
  height: 429px;
  border-radius: 12px;
}
.v2-homebanner-container12 {
  flex: 0 0 auto;
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.v2-homebanner-navlink1 {
  display: contents;
}
.v2-homebanner-safecity {
  flex: 0 0 auto;
  width: 220px;
  height: 100px;
  display: flex;
  align-items: flex-start;
  border-radius: 12px;
  text-decoration: none;
  background-color: #FFFFFF;
}
.v2-homebanner-container13 {
  flex: 0 0 auto;
  width: 30%;
  height: 90%;
  display: flex;
  align-self: center;
  align-items: center;
  margin-left: var(--dl-space-space-halfunit);
  border-radius: 12px;
  justify-content: center;
  background-color: #F8F8F8;
}
.v2-homebanner-image1 {
  width: auto;
  object-fit: cover;
}
.v2-homebanner-container14 {
  flex: 0 0 auto;
  width: auto;
  height: auto;
  display: flex;
  align-self: center;
  padding-left: var(--dl-space-space-halfunit);
}
.v2-homebanner-heading1 {
  font-size: 18px;
  text-align: left;
}
.v2-homebanner-navlink2 {
  display: contents;
}
.v2-homebanner-smartcity {
  flex: 0 0 auto;
  width: 220px;
  height: 100px;
  display: flex;
  align-items: flex-start;
  border-radius: 12px;
  text-decoration: none;
  background-color: #FFFFFF;
}
.v2-homebanner-container15 {
  flex: 0 0 auto;
  width: 30%;
  height: 90%;
  display: flex;
  align-self: center;
  align-items: center;
  margin-left: var(--dl-space-space-halfunit);
  border-radius: 12px;
  justify-content: center;
  background-color: #F8F8F8;
}
.v2-homebanner-image2 {
  width: auto;
  object-fit: cover;
}
.v2-homebanner-container16 {
  flex: 0 0 auto;
  width: auto;
  height: auto;
  display: flex;
  align-self: center;
  padding-left: var(--dl-space-space-halfunit);
}
.v2-homebanner-heading2 {
  font-size: 18px;
  text-align: left;
}
.v2-homebanner-navlink3 {
  display: contents;
}
.v2-homebanner-transsys {
  flex: 0 0 auto;
  width: 220px;
  height: 100px;
  display: flex;
  align-items: flex-start;
  border-radius: 12px;
  text-decoration: none;
  background-color: #FFFFFF;
}
.v2-homebanner-container17 {
  flex: 0 0 auto;
  width: 30%;
  height: 90%;
  display: flex;
  align-self: center;
  align-items: center;
  margin-left: var(--dl-space-space-halfunit);
  border-radius: 12px;
  justify-content: center;
  background-color: #F8F8F8;
}
.v2-homebanner-image3 {
  width: auto;
  object-fit: cover;
}
.v2-homebanner-container18 {
  flex: 0 0 auto;
  width: auto;
  height: auto;
  display: flex;
  align-self: center;
}
.v2-homebanner-heading3 {
  font-size: 18px;
  text-align: justify;
  margin-left: var(--dl-space-space-halfunit);
}
.v2-homebanner-navlink4 {
  display: contents;
}
.v2-homebanner-wifi {
  flex: 0 0 auto;
  width: 220px;
  height: 100px;
  display: flex;
  align-items: flex-start;
  border-radius: 12px;
  text-decoration: none;
  background-color: #FFFFFF;
}
.v2-homebanner-container19 {
  flex: 0 0 auto;
  width: 30%;
  height: 90%;
  display: flex;
  align-self: center;
  align-items: center;
  margin-left: var(--dl-space-space-halfunit);
  border-radius: 12px;
  justify-content: center;
  background-color: #F8F8F8;
}
.v2-homebanner-image4 {
  width: auto;
  object-fit: cover;
}
.v2-homebanner-container20 {
  flex: 0 0 auto;
  width: auto;
  height: auto;
  display: flex;
  align-self: center;
  padding-left: var(--dl-space-space-halfunit);
}
.v2-homebanner-heading4 {
  font-size: 18px;
  text-align: left;
}
.v2-homebanner-navlink5 {
  display: contents;
}
.v2-homebanner-led {
  flex: 0 0 auto;
  width: 220px;
  height: 100px;
  display: flex;
  align-items: flex-start;
  border-radius: 12px;
  text-decoration: none;
  background-color: #FFFFFF;
}
.v2-homebanner-container21 {
  flex: 0 0 auto;
  width: 30%;
  height: 90%;
  display: flex;
  align-self: center;
  align-items: center;
  margin-left: var(--dl-space-space-halfunit);
  border-radius: 12px;
  justify-content: center;
  background-color: #F8F8F8;
}
.v2-homebanner-image5 {
  width: auto;
  object-fit: cover;
}
.v2-homebanner-container22 {
  flex: 0 0 auto;
  width: auto;
  height: auto;
  display: flex;
  align-self: center;
  padding-left: var(--dl-space-space-halfunit);
}
.v2-homebanner-heading5 {
  font-size: 18px;
  text-align: left;
}
.v2-homebanner-navlink6 {
  display: contents;
}
.v2-homebanner-homes {
  flex: 0 0 auto;
  width: 220px;
  height: 100px;
  display: flex;
  align-items: flex-start;
  border-radius: 12px;
  text-decoration: none;
  background-color: #FFFFFF;
}
.v2-homebanner-container23 {
  flex: 0 0 auto;
  width: 30%;
  height: 90%;
  display: flex;
  align-self: center;
  align-items: center;
  margin-left: var(--dl-space-space-halfunit);
  border-radius: 12px;
  justify-content: center;
  background-color: #F8F8F8;
}
.v2-homebanner-image6 {
  width: auto;
  object-fit: cover;
}
.v2-homebanner-container24 {
  flex: 0 0 auto;
  width: auto;
  height: auto;
  display: flex;
  align-self: center;
  padding-left: var(--dl-space-space-halfunit);
}
.v2-homebanner-heading6 {
  font-size: 18px;
  text-align: left;
}
.home-fragment12 {
  display: contents;
}
.home-text14 {
  display: inline-block;
}
.home-fragment13 {
  display: contents;
}
.home-text20 {
  display: inline-block;
}

@media(max-width: 479px) {
  .v2-homebanner-container10 {
    width: 100%;
  }
  .v2-homebanner-container11 {
    gap: 0;
    flex-direction: column-reverse;
  }
  .v2-homebanner-content1 {
    align-self: center;
  }
  .v2-homebanner-section-title {
    align-self: center;
    padding-top: var(--dl-space-space-twounits);
    padding-bottom: var(--dl-space-space-unit);
  }
  .v2-homebanner-content2 {
    width: 400px;
    height: auto;
    align-self: center;
  }
  .v2-homebanner-text10 {
    font-size: 45px;
    text-align: center;
  }
  .v2-homebanner-text11 {
    text-align: center;
  }
  .v2-homebanner-image-container {
    width: auto;
    height: 100%;
    justify-content: center;
  }
  .v2-homebanner-placeholder-image {
    width: 90%;
    height: auto;
  }
  .v2-homebanner-container12 {
    gap: var(--dl-space-space-unit);
    width: 100%;
    height: 100%;
    align-items: center;
    flex-direction: column;
    justify-content: center;
  }
  .v2-homebanner-safecity {
    width: 400px;
  }
  .v2-homebanner-smartcity {
    width: 400px;
  }
  .v2-homebanner-transsys {
    width: 400px;
  }
  .v2-homebanner-wifi {
    width: 400px;
  }
  .v2-homebanner-led {
    width: 400px;
  }
  .v2-homebanner-homes {
    width: 400px;
  }
  .v2-homebannerroot-class-name {
    width: 100%;
  }
}

.v2regalls-wrapper {
  display: contents;
}
.v2regalls-container10 {
  width: var(--dl-size-size-maxwidth);
  height: auto;
  display: flex;
  position: relative;
  align-items: center;
  flex-direction: column;
}
.v2regalls-max-width {
  gap: var(--dl-space-space-halfunit);
  width: 100%;
  max-width: var(--dl-size-size-maxwidth);
  align-self: center;
  align-items: center;
  padding-top: var(--dl-space-space-twounits);
  padding-left: var(--dl-space-space-twounits);
  border-radius: var(--dl-radius-radius-inputradius);
  padding-right: var(--dl-space-space-twounits);
  flex-direction: column;
  padding-bottom: var(--dl-space-space-twounits);
  justify-content: flex-start;
}
.v2regalls-container11 {
  gap: var(--dl-space-space-threeunits);
  flex: 0 0 auto;
  height: auto;
  display: flex;
  align-self: stretch;
  align-items: flex-start;
  flex-direction: column;
}
.v2regalls-text10 {
  color: rgb(0, 0, 0);
  width: 100%;
  font-size: 70px;
  font-style: normal;
  text-align: center;
  font-family: "Inter";
  font-weight: 500;
}
.v2regalls-container12 {
  gap: 0;
  flex: 0 0 auto;
  width: 100%;
  display: flex;
  align-self: center;
  align-items: center;
  justify-content: center;
}
.v2regalls-container13 {
  gap: var(--dl-space-space-oneandhalfunits);
  flex: 0 0 auto;
  width: 50%;
  height: auto;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.v2regalls-container14 {
  gap: var(--dl-space-space-fiveunits);
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  align-self: center;
}
.v2regalls-container15 {
  flex: 0 0 auto;
  width: 50%;
  height: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.v2regalls-text11 {
  fill: #1B1B1B;
  color: #000000;
  font-size: 120px;
}
.v2regalls-text12 {
  fill: #1B1B1B;
  color: rgb(0, 0, 0);
  font-size: 20px;
  font-family: "Inter";
}
.v2regalls-container16 {
  flex: 0 0 auto;
  width: 50%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.v2regalls-text13 {
  fill: #1B1B1B;
  color: #000000;
  font-size: 120px;
}
.v2regalls-text14 {
  fill: #1B1B1B;
  color: rgb(0, 0, 0);
  font-size: 20px;
}
.v2regalls-container17 {
  gap: var(--dl-space-space-fiveunits);
  flex: 0 0 auto;
  width: 100%;
  display: flex;
  align-self: center;
  align-items: flex-start;
  justify-content: flex-start;
}
.v2regalls-container18 {
  gap: var(--dl-space-space-unit);
  flex: 0 0 auto;
  width: 50%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.v2regalls-image1 {
  width: auto;
  height: auto;
  object-fit: cover;
}
.v2regalls-text15 {
  fill: #1B1B1B;
  color: rgb(0, 0, 0);
  font-size: 20px;
}
.v2regalls-container19 {
  gap: var(--dl-space-space-unit);
  flex: 0 0 auto;
  width: 50%;
  height: auto;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: flex-start;
}
.v2regalls-image2 {
  width: auto;
  object-fit: cover;
}
.v2regalls-text16 {
  fill: #1B1B1B;
  color: rgb(0, 0, 0);
  font-size: 20px;
}
.home-fragment17 {
  display: contents;
}
.home-text28 {
  display: inline-block;
}
.home-fragment15 {
  display: contents;
}
.home-text22 {
  display: inline-block;
}
.home-fragment16 {
  display: contents;
}
.home-text23 {
  display: inline-block;
}
.home-fragment20 {
  display: contents;
}
.home-text45 {
  display: inline-block;
}
.home-fragment19 {
  display: contents;
}
.home-text37 {
  display: inline-block;
}
.home-fragment14 {
  display: contents;
}
.home-text21 {
  display: inline-block;
}
.home-fragment18 {
  display: contents;
}
.home-text32 {
  display: inline-block;
}

@media(max-width: 1600px) {
  .v2regalls-max-width {
    gap: var(--dl-space-space-twounits);
    width: auto;
    align-self: center;
    align-items: center;
    justify-content: center;
  }
  .v2regalls-container11 {
    align-items: flex-end;
  }
  .v2regalls-text10 {
    color: #000000;
    width: 100%;
    font-size: 70px;
    text-align: center;
    font-family: Inter;
  }
  .v2regalls-container12 {
    width: 100%;
  }
  .v2regalls-container14 {
    gap: var(--dl-space-space-fiveunits);
    width: 100%;
  }
  .v2regalls-text11 {
    font-size: 120px;
  }
  .v2regalls-container16 {
    gap: 0;
  }
  .v2regalls-text13 {
    font-size: 120px;
  }
  .v2regalls-container17 {
    gap: var(--dl-space-space-fiveunits);
    width: 100%;
  }
  .v2regalls-container18 {
    gap: var(--dl-space-space-unit);
    width: 50%;
  }
  .v2regalls-image1 {
    width: auto;
  }
  .v2regalls-container19 {
    gap: var(--dl-space-space-unit);
    width: 50%;
    height: auto;
  }
  .v2regalls-image2 {
    width: auto;
  }
}
@media(max-width: 479px) {
  .v2regalls-container10 {
    width: 100%;
  }
  .v2regalls-max-width {
    gap: 0;
    width: 100%;
    flex-direction: column;
  }
  .v2regalls-container11 {
    gap: var(--dl-space-space-unit);
  }
  .v2regalls-text10 {
    font-size: 35px;
    font-style: normal;
    text-align: center;
    font-family: Inter;
    font-weight: 500;
  }
  .v2regalls-container12 {
    gap: var(--dl-space-space-twounits);
    flex-direction: column;
  }
  .v2regalls-container13 {
    width: 100%;
    align-self: center;
    margin-top: var(--dl-space-space-twounits);
    align-items: center;
    margin-bottom: var(--dl-space-space-twounits);
    justify-content: center;
  }
  .v2regalls-container14 {
    gap: var(--dl-space-space-oneandhalfunits);
    align-self: center;
    align-items: flex-start;
    flex-direction: row;
    justify-content: center;
  }
  .v2regalls-container15 {
    align-items: center;
    justify-content: center;
  }
  .v2regalls-text11 {
    font-size: 50px;
  }
  .v2regalls-text12 {
    font-size: 16px;
    text-align: center;
  }
  .v2regalls-container16 {
    align-items: center;
    justify-content: center;
  }
  .v2regalls-text13 {
    font-size: 50px;
  }
  .v2regalls-text14 {
    color: #000000;
    font-size: 16px;
    text-align: center;
  }
  .v2regalls-container17 {
    gap: var(--dl-space-space-unit);
    width: 100%;
    align-items: flex-start;
    flex-direction: row;
    justify-content: center;
  }
  .v2regalls-container18 {
    align-self: flex-end;
    align-items: center;
    justify-content: flex-start;
  }
  .v2regalls-image1 {
    width: auto;
    height: auto;
  }
  .v2regalls-text15 {
    color: #000000;
    font-size: 16px;
    text-align: center;
  }
  .v2regalls-container19 {
    align-items: center;
    justify-content: flex-start;
  }
  .v2regalls-image2 {
    width: auto;
  }
  .v2regalls-text16 {
    color: #000000;
    font-size: 16px;
    text-align: center;
  }
}

.v2-contact-form-wrapper {
  display: contents;
}
.v2-contact-form-contact9 {
  width: var(--dl-size-size-maxwidth);
  height: auto;
  display: flex;
  padding: 0px;
  position: relative;
  margin-top: var(--dl-space-space-twounits);
  border-radius: var(--dl-radius-radius-buttonradius);
  margin-bottom: var(--dl-space-space-twounits);
  flex-direction: row;
  background-color: #ffffff;
}
.v2-contact-form-max-width {
  width: 100%;
  max-width: var(--dl-size-size-maxwidth);
  align-self: center;
  align-items: center;
  flex-direction: row;
  justify-content: center;
}
.v2-contact-form-content {
  gap: 0;
  flex: 1;
  align-items: stretch;
}
.v2-contact-form-input1 {
  gap: var(--dl-space-space-halfunit);
  display: flex;
  align-self: stretch;
  flex-direction: column;
}
.v2-contact-form-text1 {
  color: #000000;
  font-family: "Inter";
}
.v2-contact-form-text-input1 {
  border-radius: var(--dl-radius-radius-radius8);
}
.v2-contact-form-input2 {
  gap: var(--dl-space-space-halfunit);
  display: flex;
  align-self: stretch;
  flex-direction: column;
}
.v2-contact-form-text2 {
  color: #000000;
  font-family: "Inter";
}
.v2-contact-form-text-input2 {
  border-radius: var(--dl-radius-radius-cardradius);
}
.v2-contact-form-input3 {
  gap: var(--dl-space-space-halfunit);
  display: flex;
  align-self: stretch;
  flex-direction: column;
}
.v2-contact-form-text3 {
  color: #000000;
  font-family: "Inter";
}
.v2-contact-form-text-input3 {
  border-radius: var(--dl-radius-radius-cardradius);
}
.v2-contact-form-container {
  gap: var(--dl-space-space-halfunit);
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
}
.v2-contact-form-text4 {
  color: #000000;
  font-family: "Inter";
}
.v2-contact-form-textarea {
  border-radius: var(--dl-radius-radius-cardradius);
}
.v2-contact-form-button {
  color: #000000;
  align-self: center;
  border-color: #000000;
  border-radius: var(--dl-radius-radius-cardradius);
  background-color: transparent;
}
.v2-contact-form-action1 {
  font-family: "Inter";
}
.v2-contact-form-image1 {
  flex: 1;
  width: 40%;
  height: auto;
  max-width: 100%;
  align-self: center;
  padding-top: var(--dl-space-space-unit);
  border-radius: var(--dl-radius-radius-buttonradius);
  padding-right: var(--dl-space-space-unit);
  padding-bottom: var(--dl-space-space-unit);
}
.home-fragment21 {
  display: contents;
}
.home-text52 {
  display: inline-block;
}

.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    -webkit-animation-name: fadeIn; /* Fade in the background */
    -webkit-animation-duration: 0.4s;
    animation-name: fadeIn;
    animation-duration: 0.4s
}

/* Modal Content */
.modal-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fefefe;
    width: 400px;
	height: 120px;
	border-radius: 15px;
	justify-content: center;
    -webkit-animation-name: slideIn;
    -webkit-animation-duration: 0.4s;
    animation-name: slideIn;
    animation-duration: 0.4s;
}

/* The Close Button */
.close {
    color: Black;
    float: right;
    font-size: 28px;
    font-weight: bold;

}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.modal-header {
    padding: 10px 16px;
	width: auto;
	font-family: "Inter";
}

.modal-body {padding: 10px 16px;}
.modal-text {font-family: "Inter";}


/* Add Animation */
@-webkit-keyframes slideIn {
    from {bottom: -300px; opacity: 0} 
    to {bottom: 0; opacity: 1}
}

@keyframes slideIn {
    from {bottom: -300px; opacity: 0}
    to {bottom: 0; opacity: 1}
}

@-webkit-keyframes fadeIn {
    from {opacity: 0} 
    to {opacity: 1}
}

@keyframes fadeIn {
    from {opacity: 0} 
    to {opacity: 1}
}







@media(max-width: 1600px) {
  .v2-contact-form-contact9 {
    width: var(--dl-size-size-maxwidth);
  }
}
@media(max-width: 479px) {
  .v2-contact-form-contact9 {
    width: auto;
    padding-left: var(--dl-space-space-twounits);
    padding-right: var(--dl-space-space-twounits);
    padding-bottom: var(--dl-space-space-twounits);
  }
  .v2-contact-form-max-width {
    flex-direction: column;
  }
  .v2-contact-form-image1 {
    width: 100%;
    margin-right: 0px;
    padding-right: 0px;
  }
}

.v2contact-us-wrapper {
  display: contents;
}
.v2contact-us-container {
  width: var(--dl-size-size-maxwidth);
  height: auto;
  display: flex;
  position: relative;
  align-items: flex-start;
  flex-direction: row-reverse;
}
.v2contact-us-max-width {
  gap: var(--dl-space-space-twounits);
  width: 100%;
  display: flex;
  max-width: var(--dl-size-size-maxwidth);
  align-self: flex-start;
  align-items: center;
  flex-direction: row-reverse;
}
.v2contact-us-section-title {
  gap: var(--dl-space-space-unit);
  width: 100%;
  display: flex;
  max-width: auto;
  flex-shrink: 0;
  flex-direction: row-reverse;
}
.v2contact-us-content {
  gap: var(--dl-space-space-oneandhalfunits);
  width: 100%;
  display: flex;
  align-self: center;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.v2contact-us-text10 {
  width: auto;
  font-size: 50px;
  text-align: center;
  font-family: "Inter";
}
.v2contact-us-text11 {
  font-size: 20px;
  text-align: center;
  font-family: "Inter";
}
.v2contact-us-link1 {
  display: contents;
}
.v2contact-us-image1 {
  width: auto;
  object-fit: cover;
  text-decoration: none;
}
.v2contact-us-link2 {
  display: contents;
}
.v2contact-us-image2 {
  width: auto;
  object-fit: cover;
  text-decoration: none;
}
.v2contact-us-image3 {
  width: 639px;
  object-fit: cover;
}
.home-fragment22 {
  display: contents;
}
.home-text55 {
  display: inline-block;
}
.home-fragment23 {
  display: contents;
}
.home-text59 {
  display: inline-block;
}

@media(max-width: 1600px) {
  .v2contact-us-container {
    width: auto;
  }
}
@media(max-width: 479px) {
  .v2contact-us-container {
    width: 100%;
    flex-direction: column;
  }
  .v2contact-us-max-width {
    width: 100%;
    max-width: var(--dl-size-size-maxwidth);
    flex-direction: column;
  }
  .v2contact-us-section-title {
    flex-direction: column;
  }
  .v2contact-us-text10 {
    font-size: 35px;
  }
  .v2contact-us-text11 {
    font-size: 18px;
  }
  .v2contact-us-image3 {
    width: 339px;
    align-self: center;
  }
}

.footer-wrapper {
  display: contents;
}
.footer-footer4 {
  gap: 80px;
  width: 100%;
  height: auto;
  display: flex;
  padding: var(--dl-space-space-fiveunits);
  overflow: hidden;
  position: relative;
  align-items: center;
  flex-shrink: 0;
  flex-direction: column;
  justify-content: center;
}
.footer-max-width {
  gap: var(--dl-space-space-threeunits);
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: flex-start;
}
.footer-content {
  gap: var(--dl-space-space-fiveunits);
  width: auto;
  height: 58px;
  display: flex;
  position: relative;
  align-self: stretch;
  align-items: flex-start;
  flex-shrink: 0;
  justify-content: center;
}
.footer-logo {
  gap: 24px;
  width: auto;
  display: flex;
  overflow: hidden;
  align-items: flex-start;
  flex-shrink: 0;
  flex-direction: column;
}
.footer-image1 {
  height: auto;
}
.footer-container {
  gap: var(--dl-space-space-twounits);
  width: auto;
  height: 100%;
  display: flex;
  align-self: flex-start;
  align-items: flex-start;
  flex-direction: row;
  justify-content: flex-start;
}
.footer-text10 {
  color: #000000;
}
.footer-link {
  color: #000000;
}
.footer-text11 {
  color: #000000;
  font-style: normal;
  font-weight: 200;
}
.footer-credits {
  gap: var(--dl-space-space-twounits);
  display: flex;
  align-self: stretch;
  align-items: center;
  flex-direction: column;
  justify-content: flex-start;
}
.footer-divider {
  background-color: #000000;
}
.footer-row {
  gap: 24px;
  display: flex;
  align-items: flex-start;
}
.footer-footer-links {
  gap: var(--dl-space-space-oneandhalfunits);
  display: flex;
  align-items: flex-start;
}
.footer-content3 {
  color: #000000;
  font-style: normal;
  font-family: "Inter";
  font-weight: 200;
}
.footer-link11 {
  color: #000000;
  font-family: "Inter";
  text-decoration: underline;
}
.home-fragment27 {
  display: contents;
}
.home-text77 {
  display: inline-block;
}
.home-fragment24 {
  display: contents;
}
.home-text63 {
  display: inline-block;
}
.home-fragment25 {
  display: contents;
}
.home-text67 {
  display: inline-block;
}
.home-fragment26 {
  display: contents;
}
.home-text71 {
  display: inline-block;
}









@media(max-width: 1600px) {
  .footer-footer4 {
    background-color: transparent;
  }
  .footer-logo {
    width: auto;
  }
  .footer-text10 {
    color: #000000;
  }
  .footer-link {
    color: #000000;
  }
  .footer-text11 {
    color: #000000;
    font-style: normal;
    font-weight: 200;
  }
  .footer-content3 {
    color: #000000;
  }
  .footer-link11 {
    color: #000000;
  }
}
@media(max-width: 479px) {
  .footer-footer4 {
    width: 100%;
    height: auto;
    padding: var(--dl-space-space-threeunits);
  }
  .footer-max-width {
    gap: var(--dl-space-space-oneandhalfunits);
    width: 100%;
    max-width: var(--dl-size-size-maxwidth);
  }
  .footer-content {
    gap: var(--dl-space-space-twounits);
    width: 100%;
    height: auto;
    align-items: center;
    flex-direction: column;
  }
  .footer-image1 {
    align-self: center;
  }
  .footer-container {
    gap: var(--dl-space-space-twounits);
    width: auto;
    height: 186px;
    align-self: center;
    align-items: center;
    flex-direction: column;
  }
  .footer-text10 {
    text-align: center;
  }
  .footer-link {
    color: rgb(0, 0, 0);
    text-align: center;
  }
  .footer-text11 {
    text-align: center;
  }
  .footer-credits {
    width: 384px;
    height: 172px;
    align-self: center;
    align-items: center;
    justify-content: center;
  }
}

.home-container {
  width: 100%;
  display: flex;
  min-height: 100vh;
  align-items: center;
  flex-direction: column;
  justify-content: flex-end;
  background-color: #F8F8F8;
}
.home-fragment10 {
  display: contents;
}
.home-text10 {
  display: inline-block;
}
.home-fragment11 {
  display: contents;
}
.home-text11 {
  display: inline-block;
}
.home-fragment12 {
  display: contents;
}
.home-text14 {
  display: inline-block;
}
.home-fragment13 {
  display: contents;
}
.home-text20 {
  display: inline-block;
}
.home-fragment14 {
  display: contents;
}
.home-text21 {
  display: inline-block;
}
.home-fragment15 {
  display: contents;
}
.home-text22 {
  display: inline-block;
}
.home-fragment16 {
  display: contents;
}
.home-text23 {
  display: inline-block;
}
.home-fragment17 {
  display: contents;
}
.home-text28 {
  display: inline-block;
}
.home-fragment18 {
  display: contents;
}
.home-text32 {
  display: inline-block;
}
.home-fragment19 {
  display: contents;
}
.home-text37 {
  display: inline-block;
}
.home-fragment20 {
  display: contents;
}
.home-text45 {
  display: inline-block;
}
.home-fragment21 {
  display: contents;
}
.home-text52 {
  display: inline-block;
}
.home-fragment22 {
  display: contents;
}
.home-text55 {
  display: inline-block;
}
.home-fragment23 {
  display: contents;
}
.home-text59 {
  display: inline-block;
}
.home-fragment24 {
  display: contents;
}
.home-text63 {
  display: inline-block;
}
.home-fragment25 {
  display: contents;
}
.home-text67 {
  display: inline-block;
}
.home-fragment26 {
  display: contents;
}
.home-text71 {
  display: inline-block;
}
.home-fragment27 {
  display: contents;
}
.home-text77 {
  display: inline-block;
}