.footer-ventilation {
  background-color:#364554;
  color:#ffffff;
}
.footer-corporate {
  background-color:#231F20;
  color:#ffffff;
}
.footer-hardware {
  background-color:#6C3C6C;
  color:#ffffff;
}
.footerVenAddressMenuItems {
  justify-content: space-between;
  display: flex;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
  flex-wrap: wrap;
}
.footerVenLeftWrap {
  width: 196px;
}
.footerVenRightWrap {
  width: calc(100% - 216px);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 600px;
}
.MenuItemsBlock {
  display: flex;
  width: 196px;
  flex-direction: column;
  align-items: flex-start;
}
.small-copy,
.small-copy p{
  color: var(--White, #FFF);
  font-variant-numeric: oldstyle-nums proportional-nums;
  font-family: Poppins !important;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 15.6px */
  margin: 0px;
}
.body-copy-small,
.body-copy-small p {
  color: var(--White, #FFF);
  font-variant-numeric: oldstyle-nums proportional-nums;
  font-family: "Space Grotesk" !important;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 15.6px */
}
.footer-heading {
  color: var(--White, #FFF);
  font-variant-numeric: oldstyle-nums proportional-nums;
  font-family: Poppins !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 19.2px */
  letter-spacing: 1.6px;
  text-transform: uppercase;
  margin-bottom:12px;
}
.navigation-links a {
  color: var(--color-white-solid, #FFF);
  font-variant-numeric: oldstyle-nums proportional-nums;
  font-family: Poppins !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  text-decoration:none;
}
.footerVenForm {
  max-width: 600px;
  margin: 0 0 0 auto;
}
.navigation-links li.hs-menu-item.hs-menu-depth-1 {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 16px;
}
.footerVenCopyRight {
  padding: 10px;
}
.footerLogoWrap {
  display: flex;
  margin-bottom: 10px;
}
.companyInfo p {
  margin-bottom: 10px;
}
.footerVenForm h4 {
  background-color: transparent !important;
  margin: 0px;
  color: var(--White, #FFF);
  font-variant-numeric: oldstyle-nums proportional-nums;
  font-family: Poppins !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 1.6px;
  text-transform: uppercase;
  margin-bottom: 12px;
}
.footerVenForm .form-title {
  margin: 0px;
  padding: 0px;
}
.footerVenForm form {
  background-color: transparent;
  display: flex;
  flex-wrap: wrap;
  margin-bottom:0px;
}
.footerVenForm .hs-form-field input {
  align-items: center;
  background: var(--Vivid-Violet-700, #8C4D8C);
  background-position: 20px;
  background-repeat: no-repeat;
  border: 0 !important;
  border-radius: 0 !important;
  border-bottom-left-radius: 7px !important;
  border-top-left-radius: 7px !important;
  color: var(--Vivid-Violet-50, #FBF7FC) !important;
  display: flex !important;
  flex: 1 0 0;
  font-family: Poppins;
  font-size: 16px !important;
  font-style: normal;
  font-weight: 400;
  gap: 10px;
  height: 45px;
  justify-content: center;
  line-height: 120%;
  padding: 0 20px 0 50px !important;
}
/*.footerVenForm input.hs-button.primary.large, 
.footerVenForm input.hs-button.primary.large:hover {
align-items: center;
border-radius: 7px;
color: #fff;
display: flex;
font-family: Space Grotesk;
font-size: 16px;
font-style: normal;
font-weight: 600;
gap: 0;
height: 45px;
letter-spacing: 1.8px;
line-height: 1;
margin-left: -6px;
padding: 12.444px 18.667px;
width: 150px;
border: 1px solid #FFF;
text-align: center;
}*/

.footerVenForm input.hs-button.primary.large {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 150px;
  min-width: 150px;
  height: 45px;
  padding: 12px 18px;
  border: 1px solid #FFF;
  border-radius: 7px;
  background-color: transparent;
  color: #fff;
  font-family: "Space Grotesk", sans-serif;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 1.8px;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  box-sizing: border-box;
  overflow: visible;
  transition: background-color 0.3s ease, color 0.3s ease;
}

.footerVenForm input.hs-button.primary.large:hover {
  background: var(--Vivid-Violet-800, #6C3C6C);
  color: #fff;
  cursor: pointer;
}

/*.footerVenForm input.hs-button.primary.large {
/*text-shadow: -1px 1px 0 rgba(147, 26, 36, .7);*/
/*transition: transform .3sease-in-out, box-shadow .3sease-in-out;
}*/

.footer-button-corporate input.hs-button.primary.large {
  background: linear-gradient(270deg, #b91c29, #dc2635);
}
.footer-button-ventilation input.hs-button.primary.medium {
  background: linear-gradient(270deg, #b91c29, #dc2635);
}
.footer-button-hardware input.hs-button.primary.large {
  /*background: linear-gradient(270deg, #b91c29, #dc2635);*/
  background: var(--Vivid-Violet-700, #8C4D8C);

}
.footerVenForm .hs_email {
  margin: 0px;
}
.footerVenForm .hs-form-field input::placeholder {
  /*color: #a2a2a2 !important;*/
  color: var(--Vivid-Violet-50, #FBF7FC) !important;


}
.footerVenForm .hs-form-field input:-webkit-autofill {
  background-color: #fafafa !important;  /* Keep background color */
  color: #000 !important; /* Keep text color */
  -webkit-text-fill-color: #000 !important; /* Override autofill text color */
  -webkit-box-shadow: 0 0 0px 1000px #fafafa inset !important; /* Override autofill background */
  box-shadow: 0 0 0px 1000px #fafafa inset !important;
  transition: background-color 5000s ease-in-out 0s;
}
.footerVenForm .hs-form-field input:focus {
  background: #fafafa !important;
  color: #000 !important;
}
.footerVenForm .hs_email.hs-form-field {
  position: relative;
  width: calc(100% - 144px);
}
.footerVenForm .hs_email.hs-form-field::before {
  content: "";
  position: absolute;
  left: 16px;
  top: 22px;
  transform: translateY(-50%);
  width: 24px;
  height: 25px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Cpath d='M4.00488 4.48986L20.0049 4.51026C21.1049 4.51167 22.0046 5.41282 22.0043 6.51282L22.0006 18.5128C22.0003 19.6128 21.1 20.5117 20 20.5103L4.00003 20.4899C2.90003 20.4885 2.0003 19.5873 2.00064 18.4873L2.00428 6.4873C2.00461 5.3873 2.90488 4.48845 4.00488 4.48986Z' stroke='%23FBF7FC' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22.0049 6.51282L12.0028 13.5001L2.00488 6.4873' stroke='%23FBF7FC' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  pointer-events: none; 
}
.footerVenForm .hs-form-field label {
  margin: 0 !important;
  display:none;
}
.footerVenForm .hs_submit.hs-submit {
  width: 120px;
}
.footerFormNote,
.footerFormNote p {
  color: var(--color-white-solid, #FFF);
  font-variant-numeric: oldstyle-nums proportional-nums;
  font-family: Poppins;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}
.footerFormNote a {
  color: #fff;
  font-family: Poppins !important;
  font-size: 12px;
  font-style: normal;
  font-variant-numeric: oldstyle-nums proportional-nums;
  font-weight: 400;
  line-height: 120%;
  text-decoration: underline;
}
.footerFormNote a:hover {
  color: #ccc;
  text-decoration: none;
}
.footerVenForm label.hs-error-msg.hs-main-font-element {
  color: #fff;
  font-size: 12px;
  padding: 8px 8px 7px 12px;
  background: #ef4452; 
  border-radius: 4px;
}

.footerVenForm ul.no-list.hs-error-msgs.inputs-list li {
  margin: 8px 0 0;
}
.footerFormNote {
  margin-bottom:30px;
  margin-top: 12px;
}
.footerVenForm input.hs-button.primary.large:hover {
  transform: scale(1.05);
}
.footerLogoWrap .icon {
  display: flex;
  margin-top: -20px;
}
.companyInfo {
  margin: 10px;
}
.footerVenForm .hs_error_rollup {
  display: none;
}
.footerSocialShareWrap {
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 18px 10px;
}
.footerVenOuterImage {
  max-width: 1920px;
  margin:0 auto;
}
.footerVenRightWrap ul {
  padding: 0px !important;
}
.footerVenOuterColor .page-center {
  max-width: 1280px !important;
  width: 100% !important;
  padding: 0px 12px !important;
  margin: 0 auto !important;
  float: none !important;
}
/*******************************************Responsive**************************************************/
@media screen and (max-width: 900px) {
  .footerVenAddressMenuItems{
    padding-top:20px;
  }
  .footerVenOuterImage { 
    padding:88px 0 20px !important;
  }
  .footerVenForm form {
    display:block;
  }
  .footerVenForm {
    margin: 0 auto;
    max-width: 100%;
  }
  .footerVenForm .hs_email.hs-form-field {
    width:100%;
  }
  .footerVenForm .hs-form-field input {
    border-radius:7px !important;
  }
  .footerVenForm .hs_submit.hs-submit {
    width: 100%;
    margin-top: 12px;
  }
  .footerVenForm input.hs-button.primary.large, 
  .footerVenForm input.hs-button.primary.large:hover {
    transform: unset !important;
    width: 100% !important; 
    margin: 0 auto;
    display: flex;
    justify-content: center;
  }
  .footerVenForm {
    padding:0px 10px;
  }
  .footerFormNote {
    margin-bottom: 32px;
  }
  .MenuItemsBlock {
    width: 146px;
  }
}

@media screen and (max-width: 767px) {
  .footerVenLeftWrap {
    width: 100%;
  }
  .footerVenRightWrap {
    width: 100%;
    max-width: 100%;
    padding: 0 10px;
  }
  .footerSocialShareWrap {
    justify-content: center;
    gap: 38px;
  }
}
@media screen and (max-width: 479px) {
  .MenuItemsBlock {
    width: 46%;
  }
  .footerVenRightWrap {
    gap:16px;
  }
}