@font-face { font-family: Inter2; src: url(https://3909618.fs1.hubspotusercontent-eu1.net/hubfs/3909618/raw_assets/public/Envelio_November2024/fonts/Inter-SemiBold-3b05683e7b.woff) format("woff"); font-style: normal; font-weight: 600; font-display: swap; }
@font-face { font-family: Inter2; src: url(https://3909618.fs1.hubspotusercontent-eu1.net/hubfs/3909618/raw_assets/public/Envelio_November2024/fonts/Inter-Medium-439e8b0011.woff) format("woff"); font-style: normal; font-weight: 500; font-display: swap; }
@font-face { font-family: Inter2; src: url(https://3909618.fs1.hubspotusercontent-eu1.net/hubfs/3909618/raw_assets/public/Envelio_November2024/fonts/Inter-Regular-e49449373d.woff) format("woff"); font-style: normal; font-weight: 400; font-display: swap; }










.child_theme body,
.child_theme h1,
.child_theme h2,
.child_theme h3,
.child_theme h4,
.child_theme h5,
.child_theme h6 {
  font-family: Inter2, Helvetica, Arial, sans-serif;
}
/* .child_theme body.font-inter .body-container-wrapper,
.child_theme body.font-inter p, 
.child_theme .font-inter h1,
.child_theme .font-inter h2,
.child_theme .font-inter h3,
.child_theme .font-inter h4,
.child_theme .font-inter h5,
.child_theme .font-inter h6 {
font-family: Inter, Helvetica, Arial, sans-serif;
} */

/* preview  */
.child_theme ul.splide__pagination li:before,
.child_theme .hs-form-field ul > li:before,
.systems-page ul.no-list.hs-error-msgs li:before,
.cm_pg_wrp .social-share-icon ul li:before,
.cm_hiw_wrp ul#tabs li:before{
  display: none;
}

.child_theme .pricing-table-gp .pricing-area.popular-item a.hs-sec-btn {
  color: #fff;
  border-color: #fff;
}

.child_theme ul.splide__pagination button {
  background: rgb(195 195 195);
}

.child_theme .splide__pagination li{
  margin: 0;
}

.child_theme .contact_page .cm-map-wrapper .page-center {
  padding: 0;
}

.banner_v3 .banner_container .hs-trans-btn {
  border-width: 2px;
  border-color: rgba(0, 104, 97, 1.0);
}

.navbar_module_wrapper .btn_row .btn_item a {
  color: white;
  border-color: #fff;
}

.servs-details-pg .hs_service .widget-type-form a.hs-button {
  color: #fff;
  border-color: #fff;
}


.child_theme dd,
.child_theme dl,
.child_theme figure, 
.child_theme ol, 
.child_theme p, 
.child_theme table,
.child_theme ul{
  margin: 0 0 20px;
}

.child_theme ul li,
.child_theme ol li{
  margin-bottom: 1.5rem;
}

.child_theme ol,
.child_theme ul {
  padding-left: 1.5rem;
}

.child_theme ul {
  list-style:none; 
}

.child_theme .page-center {
  padding-left: 20px;
  padding-right: 20px;
}

.child_theme h1{
  margin-bottom: 18px;
  margin-top: 0;
}

.child_theme h2{
  margin-bottom: 42px;
  margin-top: 0;
}

.child_theme h3{
  margin-bottom: 42px;
  margin-top: 0;
}

.child_theme h4{
  margin-bottom: 36px;
  margin-top: 0;
}

.child_theme h5{
  margin-bottom: 36px;
  margin-top: 0;
}

.child_theme h6{
  margin-bottom: 36px;
  margin-top: 0;
}

.child_theme a {
  transition: color .2s ease-out;
}

.child_theme .body-wrapper ul>li:before {
  background-color: #00A59B;
  border: 2px solid #00A59B;
  border-radius: 50%;
  content: "";
  font-size: 2rem;
  font-weight: 600;
  height: .5rem;
  left: -1.5rem;
  position: absolute;
  top: .5rem;
  width: .5rem;
  content: "";
}

.child_theme ul>li {
  position: relative;
}


/* ------------------------form */


.span2 .hs-button,
.span3 .hs-button,
.span4 .hs-button,
.span5 .hs-button,
.span6 .hs-button{
  padding: 12px 24px;
  font-family:;
}
.span2 .hs-sec-btn,
.span3 .hs-sec-btn,
.span4 .hs-sec-btn,
.span5 .hs-sec-btn,
.span6 .hs-sec-btn{
  padding: 12px 24px;
  font-family:;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}

.child_theme .hs-form-field {
  margin-bottom: 18px;
  padding: 0;
}

.child_theme .hs-form-field > label, 
.child_theme .field > label {
  font-weight: 600;
  margin-bottom: 4px;
  font-size: inherit;
}

.child_theme form input[type=email],
.child_theme form input[type=file],
.child_theme form input[type=number],
.child_theme form input[type=password],
.child_theme form input[type=search],
.child_theme form input[type=tel],
.child_theme form input[type=text],
.child_theme form select,
.child_theme form textarea {
  border-style: solid;
  border-width: 1px;
  min-height: 46px;
  font-family: inherit;
  font-size: inherit;
  padding: 12px 18px;
  transition: background-color .2s ease, border-color .2s ease, color .2s ease;
  height: auto;
}

.child_theme form textarea {
  min-height: 120px; 
}

.child_theme form input[type=search]{
  padding-right: 42px;
}

.child_theme form input[type=email]:hover,
.child_theme form input[type=file]:hover,
.child_theme form input[type=number]:hover,
.child_theme form input[type=password]:hover,
.child_theme form input[type=search]:hover,
.child_theme form input[type=tel]:hover,
.child_theme form input[type=text]:hover,
.child_theme form select:hover,
.child_theme form textarea:hover {
  border-color: #97a3a3;
}

.child_theme .hs-button, form input[type=submit],
.child_theme .widget-type-google_search a.hs-button.primary{
  border-style: solid;
  transition: background-color .2s ease, border-color .2s ease, color .2s ease;
  text-align: center;
  font-weight: 500;
  line-height: inherit;
  font-family: inherit;
  font-size: inherit;
  display:inline-flex;
  justify-content: center;
  align-items:center; 
}

.child_theme .hs-sec-btn{
  border-style: solid;
  transition: background-color .2s ease, border-color .2s ease, color .2s ease;
  text-align: center;
  font-weight: 500;
  line-height: inherit;
  font-family: inherit;
  font-size: inherit;
  display:inline-flex;
  justify-content: center;
  align-items:center; 
}

.child_theme .hs-form-field > label .hs-form-required {
  color: #e80606;
}

.child_theme .hs-input.invalid.error {
  border-color: #e80606;
}

.child_theme .hs-form-field > ul {
  margin: 0;
  padding: 0;
}

.child_theme .hs-form-field > ul > li {
  margin: 0;
  padding: 0;
}

.child_theme .hs-form-field > ul > li > label,
.child_theme .hs_error_rollup ul li label {
  font-weight: 400;
  font-size: 14px;
  display: inline-block;
  margin: 0;
  margin-bottom: 4px;
}

.child_theme form .inputs-list{
  padding-left: 0;
}

.child_theme form .inputs-list>li label {
  display: flex;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 4px;
  cursor: pointer;
}

.child_theme form .inputs-list>li label input {
  flex-shrink: 0;
  height: 20px;
  opacity: 1;
  pointer-events: auto;
  position: relative;
  top: 1px;
  width: 20px;
  padding: 0;
  margin: 0;
}

.child_theme form .inputs-list>li label span {
  /*   margin-left: 12px; */
  margin-left: 6px;
  /*   added the part below for the multicheck part of the form on 12.02.25 */
  font-size: 16px;
  font-family: "Inter2", Helvetica, Arial, sans-serif;
}


/* Custom Checkbox Styling, added for the multicheck part of the form on 12.02.25 */
.child_theme form .inputs-list>li label input[type="checkbox"] {
    margin-left: 10px;
    margin-right: 10px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    min-height: 18px !important;
    max-width: 18px !important;
    max-height: 18px !important;
    border: 1px solid #ccc !important;
    border-radius: 3px; /* Optional */
    background-color: white;
    cursor: pointer;
    display: inline-block;
    position: relative;
    vertical-align: middle;
      padding: 0 !important;
    box-sizing: content-box !important;
    aspect-ratio: 1 / 1; /* Forces a square shape */
}

/* Custom checkmark when checked, added for the multicheck part of the form on 12.02.25*/
.child_theme form .inputs-list>li label input[type="checkbox"]:checked::after {
    content: '✔'; /* Unicode checkmark */
    font-size: 16px;
    color: #006861;
    position: absolute;
    left: 3px;
    top: -1px;
}

/* Adjusting the look of the text for legal checkboxes, added for the multicheck part of the form on 12.02.25*/
.child_theme form .inputs-list > li.hs-form-booleancheckbox label span {
    font-size: 14px;
    font-family: "Inter2", Helvetica, Arial, sans-serif;
    margin-left: 12px !important;
    text-align: left;
}

/* Reset and properly align .hs-form-booleancheckbox checkbox, added for the multicheck part of the form on 12.02.25 */
.child_theme form .inputs-list > li.hs-form-booleancheckbox label input[type="checkbox"] {
    all: unset !important; /* Fully resets inherited styles */
    appearance: auto !important;
    -webkit-appearance: checkbox !important;
    -moz-appearance: checkbox !important;
    display: inline-block !important;
    width: 16px !important;
    height: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: none !important;
    position: relative !important;
    vertical-align: text-top !important; /* Align with first line of text */
}

/* Remove the inherited checkmark from multi-checkbox styling, added for the multicheck part of the form on 12.02.25 */
.child_theme form .inputs-list > li.hs-form-booleancheckbox label input[type="checkbox"]:checked::after {
    content: none !important; /* Prevents inherited checkmark from multibox */
}

/* *--------------------------------footer  */
.cm-footer .footer-bottom .page-center,
.cm-footer .footer-top .page-center{
  padding-bottom: 75px;
  padding-left: 20px;
  padding-right: 20px;
}

.cm-footer .footer-top .page-center{
  padding-top: 75px;
}

/* .cm-footer.footer{
margin-top: 100px; 
} */

.cm-footer .footer-bottom .page-center .flex_row {
  justify-content: space-between;
  align-items: center;
}

.cm-footer .footer-bottom .col-section {
  padding: 0;
}

.cm-footer .footer-bottom .col-section.logo-col {
  justify-content: center;
  display: flex;
  align-items: center;
}

.cm-footer .footer-bottom .col-section.copyright-col {
  display: flex;
  justify-content: end;
}

.cm-footer .footer-bottom .col-section.copyright-col p {
  font-size: 14px;
  line-height: 1.6;
}

.cm-footer.footer {
  font-size: 16px;
}

.cm-footer .footer-top .flex_row .menu-col li:before {
  display: none;
}

.cm-footer .footer-top .col-section {
  padding: 0;
}

.cm-footer .footer-top .col-section.menu-col .hs-menu-wrapper>ul {
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: row;
}

.cm-footer .footer-top .col-section.menu-col .hs-menu-wrapper>ul>li {
  margin: 0;
}

.cm-footer .footer-top .col-section.menu-col .hs-menu-wrapper>ul>li>a ,
.cm-footer .footer-top .col-section.social-media h5{
  margin-bottom: 1rem;
  cursor: auto;
  display: block;
  font-weight: 700;
  letter-spacing: -.18px;
  color: rgba(51, 72, 72,1.0);
}

.cm-footer .footer-top .col-section.menu-col .hs-menu-wrapper>ul>li:hover ul {
  top: 0;
}

.cm-footer .footer-top .col-section.menu-col .hs-menu-wrapper>ul>li>a {
  font-size: 18px;
  line-height: 1.5;
}

.cm-footer .footer-top .col-section.menu-col .hs-menu-wrapper>ul>li ul {
  padding: 0;
  margin: 0;
}

.cm-footer .footer-top .col-section.menu-col .hs-menu-wrapper>ul>li ul li {
  margin: 0;
}

.cm-footer .footer-top .col-section.menu-col .hs-menu-wrapper>ul>li ul li a {
  font-weight: 600;
  text-decoration: none;
  transition: color .2s ease-out;
}

.cm-footer .footer-top .col-section.social-media .footer-social {
  padding: 0;
  flex-wrap: wrap;
  gap: 1em;
  display: flex;
  justify-content: flex-start;
  list-style: none;
}

.cm-footer .footer-top .col-section.social-media .footer-social .footer-social-item {
  font-size: initial;
  height: auto;
  width: auto;
  display: block;
}

.cm-footer .footer-top .col-section.social-media .footer-social .footer-social-item a {
  border-color: #97a3a3;
  max-width: 3rem;
  padding: .65rem;
  align-items: center;
  appearance: none;
  border: 2px solid;
  border-radius: 6px;
  cursor: pointer;
  display: inline-flex;
  font-family: inherit;
  font-size: inherit;
  font-weight: 500;
  justify-content: center;
  line-height: inherit;
  outline: 0;
  text-align: center;
  transition: background-color .2s ease, border-color .2s ease, color .2s ease;
  line-height: normal;
  color: rgba(151, 163, 163,1.0);
}

.cm-footer .footer-top .col-section.social-media .footer-social .footer-social-item a i {
  color: inherit; 
}

.cm-footer .footer-top .col-section.social-media .footer-social .footer-social-item a svg {
  height: auto;
  width: 100%;
}

.cm-footer .footer-top .col-section.social-media .footer-image {
  margin-top: 24px;
  height: 100px;
  width: 100px;
}

.cm-footer .footer-top .col-section.social-media .footer-image img {
  object-position: left top;
  width: 100%;
  height: 100%;
  object-fit: contain;
  max-width: 100% !important;
}
.cm-footer .footer-top .col-section.menu-col .hs-menu-wrapper>ul>li ul li:last-child {
  margin: 0;
}

body .fancybox-container {
  z-index: 999999;
}


/* --------------------header  */
.header-wrp{
  min-height: 96px; 
  position: relative;
  z-index: 99999;
}
.cm-header {
  margin: 0 auto;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;
}

.cm-header .wrapper {
  height: 80px;
  background-color: rgba(255, 255, 255,1.0);
}

.cm-header .wrapper .page-center {
  display: flex;
  height: 100%;
  justify-content: space-between;
  max-width: 1440px;
  padding-bottom: 20px;
  padding-top: 20px;
  align-items: center;
  border-bottom: 1px solid hsla(180, 5%, 50%, .3);
}

.cm-header .wrapper .header-item-wrp li:before {
  display: none;
}

.cm-header .wrapper .page-center .header-content {
  display: flex;
  flex-grow: 1;
  height: 100%;
  justify-content: flex-end;
  align-items: center;
}

.cm-header .wrapper .page-center .header-content .header-item-wrp {
  display: flex !important;
  flex-grow: 1;
  justify-content: flex-end;
  align-items: center;
}

.cm-header .wrapper .page-center .header-content .header-item-wrp .primary-menu.menu {
  margin-right: auto;
}

.cm-header .menu .hs-menu-wrapper>ul {
  margin: 0;
  padding: 0;
}

.cm-header .menu .hs-menu-wrapper>ul>li {
  margin: 0;
  position: relative;
}

.cm-header .menu .hs-menu-wrapper>ul>li>a {
  transition: color .2s ease;
  width: 100%;
  display: flex;
  font-weight: 600;
  padding: 26px;
  text-decoration: none;
  color: #334848;
  cursor: pointer;
  font-size: 16px;
  color: rgba(51, 72, 72,1.0);
}

.cm-header .menu .hs-menu-wrapper>ul>li>ul li.active>a{
  color: rgba(0, 104, 97,1.0);
  background-color: rgba(2, 103, 128,0.0);
}

.cm-header .menu .hs-menu-wrapper>ul>li.active>a{
  color: rgba(0, 104, 97,1.0);
  background-color: rgba(2, 103, 128,0.0);
}

.cm-header .wrapper .page-center .header-logo a {
  align-self: baseline;
  display: block;
  margin-top: -17px;
  width: 180px;
}

.cm-header .menu .hs-menu-wrapper>ul>li svg {
  transition: transform .3s ease, -webkit-transform .3s ease;
  width: 24px;
  height: 24px;
  pointer-events: none;
  position: absolute;
  right: 18px;
  top: 26px;
}

.cm-header .menu .hs-menu-wrapper>ul>li.hs-item-has-children>a {
  padding-right: 52px;
}

.cm-header .menu .hs-menu-wrapper>ul>li>a:hover {
  color: rgba(0, 76, 70,1.0);
  background-color: rgba(2, 103, 128,0.0);
}

.cm-header .menu .hs-menu-wrapper>ul>li:hover svg {
  color: rgba(0, 76, 70,1.0);
}

.cm-header .menu .hs-menu-wrapper>ul>li>ul>li>a:hover{
  background-color: rgba(2, 103, 128,0.0);
  color: rgba(0, 76, 70,1.0);
}
.cm-header .menu .hs-menu-wrapper>ul>li>ul ul>li>a:hover{ 
  background-color: rgba(2, 103, 128,0.0);
  color: rgba(0, 76, 70,1.0);
}

.cm-header .demo-btn.mobile {
  display: flex;
  height: 100%;
}


.cm-header .menu .hs-menu-wrapper>ul>li>ul {
  transition: max-height .3s cubic-bezier(.08,.82,.17,1), opacity .3s ease-in, transform .3s ease-in, -webkit-transform .3s ease-in;
  transform: translateY(-10px);
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  pointer-events: none;
  background-color: #fff;
  border-radius: 6px;
  display: block;
  list-style: none;
  margin: 0;
}

.cm-header .menu .hs-menu-wrapper>ul>li>ul>li {
  margin: 0;
}

@media (max-width: 1439px) {
  .cm-header .menu .hs-menu-wrapper .hs-menu-depth-2 {
  margin-left: 20px;}
 } 

.cm-header .menu .hs-menu-wrapper>ul>li>ul>li>a {
  transition: color .2s ease;
  width: 100%;
  display: flex;
  font-weight: 600;
  cursor: pointer;
  color: #334848;
  align-items: center;
  padding: 18px 26px;
}

.cm-header .menu .hs-menu-wrapper>ul>li.show>ul {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
  transition: max-height .3s cubic-bezier(.6,.04,.98,.34), opacity .3s ease-in, transform .3s ease-in, -webkit-transform .3s ease-in;
}


.cm-header .menu .hs-menu-wrapper>ul>li>ul ul {
  display: block;
  padding: 0;
  padding-bottom: 6px;
  margin-bottom: 0;
}



.cm-header .menu .hs-menu-wrapper>ul>li>ul ul>li {
  margin: 0 0 0 26px;
}


.cm-header .menu .hs-menu-wrapper>ul>li>ul ul>li>a {
  font-size: 90%;
  padding: 12px 26px;
  transition: color .2s ease;
  width: 100%;
  display: flex;
  font-weight: 600;
  color: #334848;
}

.cm-header .menu .hs-menu-wrapper>ul>li.show svg {
  transform: rotate(-180deg);
}


.cm-header .demo-btn a {
  transition: background-color .2s ease, border-color .2s ease, color .2s ease;
  display: inline-flex;
  font-family: inherit;
  font-size: inherit;
  font-weight: 500;
  justify-content: center;
  line-height: inherit;
  outline: 0;
  text-align: center;
  text-decoration: none;
  text-transform: none;
  appearance: none;
  border-style: solid;
  border-radius: 6px;
  cursor: pointer;
  align-items: center;
  background-color: rgba(0, 104, 97,1.0);
  color: rgba(255, 255, 255,1.0);
  border-width: 2px;
  border-color: rgba(0, 104, 97,1.0);
  padding: 12px 24px;
  border-radius: 6px;
}

.cm-header .demo-btn a:hover{
  border-color: rgba(0, 76, 70,1.0);
  color: rgba(0, 76, 70,1.0);
  background-color: rgba(0, 104, 97,0.0);
}

.cm-header .demo-btn {
  display: flex;
  height: 100%;
  align-items: center;
}

.cm-header .hamburger {
  cursor: pointer;
  display: block;
  height: 40px;
  margin-right: -2px;
  outline: 0;
  position: relative;
  width: 42px;
}

.cm-header .hamburger span {
  top: 18px;
  background-color: #001a1a;
  border-radius: 3px;
  display: block;
  height: 3px;
  left: 0;
  position: absolute;
  transition: .2s ease-in-out;
  transition-property: opacity, transform, background-color, left, width, -webkit-transform;
  width: 42px;
}


.cm-header .hamburger:before,
.cm-header .hamburger:after {
  content:"";
  top: 8px;
  background-color: #001a1a;
  border-radius: 3px;
  display: block;
  height: 3px;
  left: 0;
  position: absolute;
  transition: .2s ease-in-out;
  transition-property: opacity, transform, background-color, left, width, -webkit-transform;
  width: 42px;
}

.cm-header .hamburger:after {
  top: 28px;
  width: 24px;
}



.mobile-menu-open .cm-header .hamburger .top {
  transform: rotate(45deg);
  width: 26px;
  left: 8px;
}

.mobile-menu-open .cm-header .hamburger .bottom {
  transform: rotate(-45deg);
  width: 26px;
  left: 8px;
}

.mobile-menu-open .cm-header .hamburger:before {
  transform: scale(0) translateY(12px);
  opacity: 0;
}

.mobile-menu-open .cm-header .hamburger:after {
  transform: scale(0) translateY(-12px);
  opacity: 0;
}

.language-st .lang_switcher_class ul.lang_list_class {
  background-color: #fff;
  border-radius: 6px;
  display: block;
  list-style: none;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  pointer-events: none;
  transform: translateY(-10px);
  transition: max-height .3s cubic-bezier(.08,.82,.17,1), opacity .3s ease-in, transform .3s ease-in, -webkit-transform .3s ease-in;
  margin: 0;
}

.language-st .lang_switcher_class ul.lang_list_class li {
  width: 100%;
  margin: 0;
  padding: 0;
  border:none;
}

.language-st .lang_switcher_class ul.lang_list_class li a {
  transition: color .2s ease;
  width: 100%;
  display: flex;
  font-weight: 600;
  color: #334848;
  align-items: center;
  padding: 18px 26px;
}

.language-st .lang_switcher_class ul.lang_list_class li a:hover{
  color: #004c46;
}

.language-st .globe_class {
  background: none;
  height: auto;
  width: auto;
  border: none;
  border-radius: 0;
}

.language-st .globe_class ul.globe-wrp {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
}

.language-st .globe_class ul.globe-wrp li {
  margin: 30px 0;
  position: relative;
}


.language-st .globe_class ul.globe-wrp li a {
  padding: 26px;
  padding-right: 52px;
  transition: color .2s ease;
  width: 100%;
  display: flex;
  font-weight: 600;
  text-decoration: none;
  color: #334848;
  cursor: pointer;
  width: 100%;
}

.language-st .globe_class ul.globe-wrp li a svg {
  height: 1.5em;
  margin-right: 1em;
  vertical-align: bottom;
  width: 1.5em;
}

.language-st .globe_class ul.globe-wrp li>svg {
  transition: transform .3s ease, -webkit-transform .3s ease;
  width: 24px;
  height: 24px;
  pointer-events: none;
  position: absolute;
  right: 18px;
  top: 26px;
}

.language-st .lang_switcher_class ul.lang_list_class li a {
  font-size: 0;
}
.language-st .lang_switcher_class ul.lang_list_class li a[data-language="en-us"]:before,
.language-st .lang_switcher_class ul.lang_list_class li a[data-language="de"]:before,
.language-st .lang_switcher_class ul.lang_list_class li a[data-language="en"]:before{
  display: block;
  font-size: 16px;
  white-space:nowrap;
  line-height: 1.6;
}

.language-st .lang_switcher_class ul.lang_list_class li a[data-language="en-us"]:before{
  content: 'US - EN';
}
.language-st .lang_switcher_class ul.lang_list_class li a[data-language="en"]:before {
  content: 'EMEA – EN';
}
.language-st .lang_switcher_class ul.lang_list_class li a[data-language="de"]:before {
  content: 'EMEA – DE';
}

.language-st .lang_switcher_class .globe_class.show ul.lang_list_class {
  display: flex;
  flex-direction: column;
  overflow:hidden;
}

html[lang="en"] .language-st .lang_switcher_class .globe_class.show ul.lang_list_class{
  flex-direction: column-reverse;
}

.language-st .lang_switcher_class ul.lang_list_class li:first-child {
  display: none;
}

.language-st .globe_class ul.globe-wrp li a .lg-code {
  text-transform: uppercase;
}

.language-st .lang_switcher_class ul.lang_list_class li:after {
  content: "";
  hsla(180, 5%, 50%, .15);
  bottom: -1px;
  height: 1px;
  left: 26px;
  position: absolute;
  right: 26px;
  background-color: hsla(180, 5%, 50%, .15);
  z-index: 9;
}

.language-st .globe_class ul.globe-wrp li:hover a, .language-st .globe_class ul.globe-wrp li:hover svg {
  color: #004c46;
}

.language-st .lang_switcher_class .globe_class.show ul.lang_list_class {
  transform: translateY(0);
  opacity: 1;
  pointer-events: auto;
  transition: max-height .3s cubic-bezier(.6,.04,.98,.34), opacity .3s ease-in, transform .3s ease-in, -webkit-transform .3s ease-in;
}

.language-st .globe_class.show ul.globe-wrp li>svg {
  transform: rotate(-180deg);
}

.cm-header .header-logo {
  display: flex;
  align-self: start;
}



/* banner  */
.cm-banner.simple-banner {
  min-height: 250px;
  position: relative;
}

.cm-banner.simple-banner .page-center {
  display: flex;
  align-items: center;
}

.cm-banner.simple-banner .page-center .banner-content-inner {
  padding: 0;
}

.cm-banner.simple-banner .banner-content-inner .top_sec {
  padding: 48px 0;
}

.cm-banner.simple-banner .banner-content-inner .top_sec h1 {
  margin: 0;
}

.custom_err_page {
  position: relative;
  padding: 50px 0;
}

.custom_err_page .cm-404-page{
  text-align: center;
  margin: 0 auto;
  max-width: 768px;
}

.custom_err_page .cm-404-page p:last-child {
  margin: 0;
}

.custom_err_page .cm-404-page a {
  color: #006861;
  font-weight: 500;
}

.custom_err_page .cm-404-page a:hover {
  color: #004c46;
}

/*  accordion */
.cm-post-accordion.cm-top-content .top_sec.noButton {
  padding: 0;
  text-align: left;
  margin: 0;
}

.cm-post-accordion.cm-top-content .top_sec.noButton .title {
  margin-bottom: 20px;
}

.cm-contact-section.cm-space {
  padding: 0;
  padding-bottom: 20px;
}

.mainContent {
  position: relative
}

.mainContent [is=animation-stecker] {
  bottom: 0;
  display: none;
  height: 100%;
  left: 0;
  padding: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0px;
  width: 100%;
  z-index: 999;
}

.mainContent [is=animation-stecker] #svg-kabel {
  height: 100%;
  width: 100%
}

.mainContent [is=animation-stecker] #svg-stecker {
  bottom: 0px;
  left: 0;
  opacity: 0;
  position: absolute;
  -webkit-transform: translate(-50%,90%);
  transform: translate(-50%,90%)
}

.mainContent [is=animation-stecker] path {
  fill: none;
  stroke: #009494;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 6px
}

/* queries  */

@media (max-width: 1439px) {
  html.mobile-menu-open{
    overflow-y:hidden; 
  }

  .header-wrp{
    min-height: 80px;  
  }
/*
  .cm-header .wrapper .page-center .header-content .header-item-wrp {
    align-items: center;
    backface-visibility: hidden;
    background-color: transparent;
    flex-direction: column;
    display: flex;
    left: 0;
    max-height: calc(100vh - 80px);
    opacity: 0;
    overflow-y: auto;
    padding-bottom: 100px;
    position: fixed;
    top: 80px;
    transform: translateY(-100%);
    transition: .5s ease;
    transition-property: transform, opacity, -webkit-transform;
    width: 100%;
    z-index: -1;
    background-color: #fff;

  }
*/
  
  .cm-header .wrapper .page-center .header-content .header-item-wrp {
    align-items: center;
    backface-visibility: hidden;
    background-color: transparent;
    flex-direction: row;
    display: flex;
    left: 0;
    max-height: calc(100vh - 80px);
    opacity: 1;
    overflow-y: auto;
    
    position: fixed;
    top: 0;
    
    transition: .5s ease;
    transition-property: transform, opacity, -webkit-transform;
    width: 100%;
    z-index: 1;
    

  }
  
  .mobile-menu-open .cm-header .wrapper .page-center .header-content .header-item-wrp {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  .cm-header .wrapper .page-center .header-content .header-item-wrp .primary-menu.menu {
    padding-top: 26px;
    width: 100%;  
  }

  .cm-header .wrapper .page-center .header-content .header-item-wrp .secondary-menu.menu {
    position: relative;
    width: 100%;
  }

  .cm-header .menu .hs-menu-wrapper>ul>li:after {
    content: "";
    bottom: -1px;
    height: 1px;
    left: 26px;
    position: absolute;
    right: 26px;
    background-color: hsla(180, 5%, 50%, .15);
  }

  .cm-header .demo-btn.desktop {
    padding: 0;
    
    display: block;
    list-style: none;
    margin: 0;
    width: 230px;
  }

  .cm-header .demo-btn.desktop:before {
    background-color: hsla(180, 5%, 50%, .15);
    content: "";
    height: 1px;
    left: 26px;
    position: absolute;
    right: 26px;
    top: 0;
    display: block;
  }

  .cm-header .menu .hs-menu-wrapper>ul{
    display:block;
  }

  .cm-header .menu .hs-menu-wrapper>ul>li.show>ul {
    max-height: 1500px;
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
    transition: max-height .3s cubic-bezier(.6,.04,.98,.34), opacity .3s ease-in, transform .3s ease-in, -webkit-transform .3s ease-in;
    z-index: 1;
  }  

  .cm-header .demo-btn a {
    margin-right: 16px;
    float:right;
    min-width: 153px;
    position: fixed;
    top: 12px;
    right: 96px;

  }

  .cm-header .demo-btn.desktop a{
   
  }

  .language-st .globe_class ul.globe-wrp li {
    margin: 0;
  }

  .cm-header .language-st {
  /*  width: 100%; */
  }

  .language-st #hs_cos_wrapper_language_switcher_ {
    width: 100%;
    display: block;
  }

  .language-st #hs_cos_wrapper_language_switcher_ .lang_switcher_class {
    width: 100%;
  }

  .language-st .globe_class{
   /* box-shadow: 0 16px 16px rgba(0, 26, 26, .08); */
  }

  .language-st .lang_switcher_class ul.lang_list_class{
    background-color: #fff;
    border-radius: 6px;
    display: block;
    list-style: none;
    margin: 0;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    transform: translateY(-10px);
    transition: max-height .3s cubic-bezier(.08,.82,.17,1), opacity .3s ease-in, transform .3s ease-in, -webkit-transform .3s ease-in;
    z-index: -1;
    position: relative; 
    top:unset;
    left:unset;
  }

  .language-st .lang_switcher_class .globe_class.show ul.lang_list_class{
    max-height: 1500px;
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
    transition: max-height .3s cubic-bezier(.6,.04,.98,.34), opacity .3s ease-in, transform .3s ease-in, -webkit-transform .3s ease-in;
    z-index: 1;
  }


  html[lang="en-us"] .language-st .globe_class ul.globe-wrp li a .lg-code:before,
  html[lang="en"] .language-st .globe_class ul.globe-wrp li a .lg-code:before,
  html[lang="de"] .language-st .globe_class ul.globe-wrp li a .lg-code:before{
    font-size: 16px;
    line-height: 1.6;
    display: block;
  }

  html[lang="en-us"] .language-st .globe_class ul.globe-wrp li a .lg-code:before {
    content: "US - EN";
  }

  html[lang="en"] .language-st .globe_class ul.globe-wrp li a .lg-code:before {
    content: "EMEA – EN";
  }

  html[lang="de"] .language-st .globe_class ul.globe-wrp li a .lg-code:before {
    content: "EMEA – DE";
  }

  html[lang="en-us"] .language-st .globe_class ul.globe-wrp li a .lg-code,
  html[lang="en"] .language-st .globe_class ul.globe-wrp li a .lg-code,
  html[lang="de"] .language-st .globe_class ul.globe-wrp li a .lg-code{
    font-size: 0;
  }

  .cm-header .menu .hs-menu-wrapper>ul>li>ul ul>li:first-child>a {
    padding-top: 0;
  }


  .cm-header .menu .hs-menu-wrapper>ul>li.hs-item-has-children.show>a:after {
    content: "";
    bottom: -1px;
    height: 1px;
    left: 26px;
    position: absolute;
    right: 26px;
    background-color: hsla(180, 5%, 50%, .15);
    z-index: 9;
  }

  .cm-header .menu .hs-menu-wrapper>ul>li.hs-item-has-children>a {
    position:relative;
  }

  .language-st .globe_class ul.globe-wrp:before,
  .language-st .lang_switcher_class .globe_class.show ul.lang_list_class:before {
    background-color: hsla(180, 5%, 50%, .15);
    content: "";
    height: 1px;
    left: 26px;
    position: absolute;
    right: 26px;
    top: 0;
    z-index: 9;
    margin: 0;
    border: none;
    width: auto;
  }

  .cm-header .menu .hs-menu-wrapper>ul>li>ul>li:after {
    content: "";
    background-color: hsla(180, 5%, 50%, .15);
    bottom: -1px;
    height: 1px;
    left: 26px;
    position: absolute;
    right: 26px;
  }

  .cm-header .wrapper .page-center .header-content .header-item-wrp{
    justify-content: normal;
  }
}


@media (max-width: 1023px) {
  .cm-footer .footer-bottom .flex_row {
    display: block;
  }

  .cm-footer .footer-bottom .col-section{
    width: 100% !important;
  }

  .cm-footer .footer-bottom .col-section,
  .cm-footer .footer-bottom .col-section.copyright-col{
    justify-content: center ;
  }

  .cm-footer .footer-bottom .col-section.logo-col{
    margin-bottom: 2em;
  }
}


@media (max-width: 767px) {
  .hs_cos_wrapper_type_email_subscriptions,
  .hs_cos_wrapper_type_password_prompt,
  .hs-search-field__bar, 
  .widget-type-form,
  .widget-type-blog_subscribe,
  .widget-type-google_search, 
  .widget-type-password_prompt.custom_error_message,
  .widget-type-email_simple_subscription, 
  .section.post-footer form, 
  .hs_cos_wrapper_type_member_login, 
  .hs_cos_wrapper_type_member_register, 
  .hs_cos_wrapper_type_password_reset_request, 
  .hs_cos_wrapper_type_password_reset{
    margin-bottom: 60px;
  }
  .child_theme .bnr_wrp .slide_content.pdlr15 {
    padding-left: 0;
    padding-right: 0;
  }
  .child_theme .systems-page h2 {
    font-size: 27px;
  }

  .cm-footer .footer-top .col-section.social-media .footer-social .footer-social-item{
    margin: 0;
  }
  .cm-footer .footer-bottom .col-section,
  .footer .flex_row .col-section:not(:first-child){
    padding: 0 
  }

  .cm-footer .footer-top .col-section.menu-col{
    padding: 0; 
  }
  .cm-header .demo-btn.mobile{
    display:none; 
  }

  .cm-header .demo-btn.desktop{
    padding-left: 0;
    padding-right: 0;
  }
}

@media (max-width: 479px) {
  .child_theme h1{
    line-height: 1.2;
  }
  .child_theme h5{
    line-height: 1.75;
  }
  .cm-footer .footer-top .col-section.menu-col {
    margin-bottom: 2em;
  }
  .cm-footer .footer-top .col-section.social-media .footer-social .footer-social-item{
    margin-bottom: 1.5rem;  
  }
  .cm-footer .footer-top .col-section.menu-col .hs-menu-wrapper>ul>li ul li{
    margin-bottom: .35em;
  }
  .cm-footer .footer-top .col-section.menu-col.legal-menu .hs-menu-wrapper>ul>li ul li:nth-child(3) {
    margin-bottom: 20px;
  }
  .cm-footer .footer-top .col-section.menu-col .hs-menu-wrapper>ul>li>a {
    font-size: 1rem;
    line-height: 1.75;
  }
  
  
  .cm-header .demo-btn a {
    padding: 6px 12px;
    font-size:12px;
    min-width: unset;
    top: 23px;
}
  .language-st .globe_class ul.globe-wrp {
  margin-top: 4px;
  }
  
  
  
  .header__list-item .submenu-wrapper {
  background:#fff !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
  }
  .header__navigation-wrapper {
      padding-left: 0 !important;
     padding-right: 0 !important;
  }
  .header__navigation-wrapper.open {
   background:#fff !important;
    
  }
}

@media (min-width: 480px) {
  .child_theme h1{
    margin-bottom: 54px;
  }

  .child_theme h1{
    font-size: 54px;
  }

  .child_theme h2{
    font-size: 42px;
  }

  .child_theme h3{
    font-size: 24px;
  }

  .child_theme h4{
    font-size: 20px;
  }

  .child_theme h5{
    font-size: 18px;
  }

  .child_theme h6{
    font-size: 16px;
  }

  .cm-footer .footer-top .col-section.menu-col {
    margin-right: 24px;
    width: calc(50% - 12px) !important;

  }  

  .cm-footer .footer-top .col-section.social-media {
    width: calc(50% - 12px) !important;
    margin-top:36px;
  }

  .cm-footer .footer-top .col-section.menu-col.legal-menu {
    margin-right: 24px;
    margin-top: 36px;
  }

  .cm-footer .footer-top .col-section.menu-col.company-menu {
    margin-right:  0;
  }
  .cm-banner.simple-banner {
    min-height: 421px;
  }

  .cm-banner.simple-banner .page-center {
    min-height: 421px;
  }


  .cm-footer .footer-bottom .col-section.logo-col .footer-logo img {
    vertical-align: sub;
  }

}

@media (min-width: 768px) {
  .child_theme .page-center {
    padding-left: 26px;
    padding-right: 26px;
  }

  /*   .cm-footer.footer{
  margin-top: 120px; 
} */

  .cm-footer .footer-bottom .page-center,
  .cm-footer .footer-top .page-center{
    padding-left: 26px;
    padding-right: 26px;
  }
  .cm-footer .footer-top .col-section.menu-col,
  .cm-footer .footer-top .col-section.menu-col.company-menu{
    margin-right: 24px;
    width: calc(33.33333% - 16px) !important;

  }  

  .cm-footer .footer-top .col-section.social-media {
    width: calc(33.33333% - 16px) !important;
  }

  .cm-footer .footer-top .col-section.social-media{
    margin-top: 36px; 
  }

  .cm-footer .footer-top .col-section.menu-col.legal-menu {
    margin-right: 0;
    margin-top: 0; 

  }

  .cm-header .menu .hs-menu-wrapper>ul>li.hs-item-has-children>a {
    padding-right: 58px;
  }

  .custom_err_page {
    padding: 60px 0;
  }

  .language-st .globe_class ul.globe-wrp li a {
    padding-right: 58px;
  }

  .cm-post-accordion.cm-top-content .top_sec.noButton .title {
    margin-bottom: 26px;
  }
}


@media (min-width: 1024px) {
  .cm-footer .footer-top .col-section.menu-col,
  .cm-footer .footer-top .col-section.menu-col.company-menu{
    width: calc(25% - 18px) !important;
  }

  .cm-footer .footer-top .col-section.social-media {
    width: calc(25% - 18px) !important;
  }

  .cm-footer .footer-top .col-section.menu-col.legal-menu{
    margin-right: 24px;
  }

  .cm-footer .footer-top .col-section.social-media{
    margin-top: 0;
  }
}

@media (min-width: 1280px) {
  .child_theme .page-center {
    padding-left: 30px;
    padding-right: 30px;
  }

  .cm-footer .footer-bottom .page-center,
  .cm-footer .footer-top .page-center{
    padding-left: calc(136px + 3rem);
    padding-right: calc(136px + 3rem);
  }

  .cm-banner.simple-banner .page-center {
    padding-left: calc(136px + 3rem);
    padding-right: calc(136px + 3rem);
  }

  .custom_err_page {
    position: relative;
  }

  .cm-post-accordion.cm-top-content .top_sec.noButton .title {
    margin-bottom: 30px;
  }

}

@media (min-width: 1440px) {
  .cm-header .wrapper{
    border-bottom: 1px solid hsla(180, 5%, 50%, .3);
    height: 96px; 
  }

  .cm-header .wrapper .page-center {
    border-color: transparent;
    justify-content: flex-start;
    padding-bottom: 30px;
    padding-top: 30px;
  }


  .cm-header .menu .hs-menu-wrapper>ul>li>a {
    padding-left: 20px;
    padding-right: 20px;
  }

  .cm-header .wrapper .page-center .header-logo a {
    margin-right: 3rem;
    margin-top: -17px;
    width: 180px;
  }

  .cm-header .menu .hs-menu-wrapper>ul>li svg {
    height: 20px;
    right: .25em;
    top: calc(50% - 10px);
    width: 20px;
  }

  .cm-header .menu .hs-menu-wrapper>ul>li.hs-item-has-children>a {
    padding-right: 30px;
  }

  .cm-header .demo-btn.mobile {
    display: none;
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .cm-header .menu .hs-menu-wrapper>ul>li>ul {
    transition-timing-function: ease-in-out ;
    width: 25ch;
    box-shadow: 0 16px 16px rgba(0, 26, 26, .08);
    max-height: calc(100vh - 96px) ;
    overflow-y: auto;
    padding-bottom: 0;
    position: fixed;
    top: 96px;
    background-color: #fff;
  }

  .cm-header .menu .hs-menu-wrapper>ul>li>ul>li>a {
    padding-left: 20px;
    padding-right: 20px;
  }

  .cm-header .menu .hs-menu-wrapper>ul>li>ul ul {
    margin-top: -12px;
  }


  .cm-header .menu .hs-menu-wrapper>ul>li>ul ul>li>a {
    padding-left: 20px;
    padding-right: 20px;
  }


  .cm-header .menu .hs-menu-wrapper>ul>li>ul ul>li {
    margin-left: 20px;
  }

  .cm-header .demo-btn a {
    margin-left: .5rem;
    margin-right: .5rem;
  }
  .cm-header .demo-btn {
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .cm-header .hamburger {
    display: none;
  }
  .language-st .lang_switcher_class ul.lang_list_class {
    width: auto;
    background-color: #fff;
    box-shadow: 0 16px 16px rgba(0, 26, 26, .08);
    max-height: calc(100vh - 96px);
    overflow-y: auto;
    padding-bottom: 0;
    position: absolute;
    transition-timing-function: ease-in-out;
    top: calc(100% - 20px);
    left: auto;
  }


  .language-st .lang_switcher_class ul.lang_list_class li a {
    padding-left: 20px;
    padding-right: 20px;
  }

  .language-st .globe_class ul.globe-wrp {
    display: flex;
  }

  .language-st .globe_class ul.globe-wrp li {
    margin-right: -.25em;
  }

  .language-st .globe_class ul.globe-wrp li a {
    padding-left: 0;
    padding-right: 30px;
  }


  .language-st .globe_class ul.globe-wrp li a svg {
    margin-right: .5em;
  } 


  .language-st .globe_class ul.globe-wrp li>svg {
    height: 20px;
    right: .25em;
    top: calc(50% - 10px);
    width: 20px;
  }


  .language-st .lang_switcher_class ul.lang_list_class li:after {
    left: 20px;
    right: 20px;
  }

}

@media (max-width: 1495px) and (min-width: 1440px){
  .language-st .lang_switcher_class ul.lang_list_class{
    left: -15px;
  }
}
.pageWrapper {
  margin: 0 auto;
  max-width: 2560px;
}
.mainContent .centerMaxWidthContainer {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 1440px;
}
.home_dnd_area2 {
  position: relative;
  z-index: 1000;
}
.friendation .container {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 1440px;
}


/*  */
.cnt-wit-bg-wrp.normalCnt .page-center ,
.cnt-wit-bg-wrp.bgCnt .page-center,
.card_gallery.cmCards .page-center,
.accordion_wrap.accordionStyle .page-center,
.card_gallery.cm_cardImg .page-center{
  padding-left: 20px;
  padding-right: 20px;
}
.cnt-wit-bg-wrp.normalCnt .page-center .content_widget {
  max-width: 768px;
}
.cnt-wit-bg-wrp.normalCnt .page-center h2 {
  margin-bottom: 42px;
}
.cnt-wit-bg-wrp.normalCnt .page-center .content_widget p:last-child {
  margin: 0;
}
.cnt-wit-bg-wrp.bgCnt .page-center h2.title {
  margin: 0 0 20px;
  font-size: 1.45rem;
  padding-top: 1.5em;
  color: rgb(51, 72, 72);
  line-height: 1.6;
  font-weight: 400;
  letter-spacing: normal;
}
.cnt-wit-bg-wrp.bgCnt .page-center .content_widget {
  max-width: 768px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
}
.cnt-wit-bg-wrp.bgCnt .page-center .content_widget .rich_text {
  order: 2;
  font-size: 1.45rem;
  padding-bottom: 1.5em;
  padding-top: 0.5em;
}
.cnt-wit-bg-wrp.bgCnt .page-center .content_widget .rich_text p:last-child {
  margin: 0;
}
.cnt-wit-bg-wrp.bgCnt .page-center .btn_row {
  margin: 0;
  margin: 0 0 20px;
}
.two-col-content.video_Popup .columns_rowo_wrap {
  margin: 0 auto;
}
.two-col-content.video_Popup .flex_row {
  width: 100%;
  max-width: 100%;
}
.two-col-content.video_Popup .content-col.col6 {
  padding: 0;
}
.two-col-content.video_Popup .media_column.img-col.col6 {
  padding: 0;
}
.two-col-content.video_Popup .content-col .description {
  margin: 0;
}
.two-col-content.video_Popup .description h1 {
  padding-top: 1em;
}
.two-col-content.video_Popup .description p:last-child {
  margin: 0;
}
.two-col-content.video_Popup .inner_spacer {
  border-radius: 6px;
}
.two-col-content.video_Popup .description h3 {
  margin-top: 42px;
}
.cmCards.card_gallery.sliderEnable .top_sec {
  text-align: left;
  margin-bottom: 78px;
  padding: 0;
}
.cmCards .top_sec .content_widget h2 {
  margin: 0;
  font-family: Inter, Helvetica, Arial, sans-serif;
}
.card_gallery.sliderEnable.cmCards .splide .splide__track {
  padding-top: 24px;
  margin: 0;
}
.card_gallery.sliderEnable.cmCards .card_item.splide__slide {
  margin: 0;
  padding: 0 15px;
  position: relative;
  margin-top:0;
}
.card_gallery.cmCards .card_inner .icon_box>* {
  width: 100%;
  height: 100%;
  margin: 0;
}
.card_gallery.cmCards .card_inner .icon_box .icon_img>img {
  border-radius: 6px !important;
  width: calc(100% - 24px);
  max-width: 100%;
}
.cmCards.card_gallery .card_content {
  margin-left: 24px;
  padding: 20px;
}
.card_gallery.cmCards .card_inner .icon_box> .icon_inner {
  margin-right: auto;
}
.card_gallery.cmCards .card_box:before {
  background-color: #f5f6f6;
  border-radius: 6px;
  bottom: 0;
  content: "";
  left: 24px;
  position: absolute;
  right: 0;
  top: 24px;
  z-index: -1;
}
.cmCards.card_gallery .card_box {
  height: 100%;
}
.cmCards.card_gallery .card_box .it_title {
  letter-spacing: -.2px;
  line-height: 1.5;
  margin-bottom: 36px;
  font-weight: 400;
}
.cmCards.card_gallery .icon_box span.icon_img.icon_sp {
  width: 100%;
}
.accordion_wrap.accordionStyle .top_sec {
  padding: 0;
  margin-bottom: 30px;
  text-align: left;
}
.accordion_wrap.accordionStyle .top_sec .title {
  margin-bottom: 0;
}
.accordion_wrap.accordionStyle .top_sec{
  margin-bottom: 20px;
}
.accordion_wrap.accordionStyle .acc-item .acctitle{
  box-shadow: none;
}
.accordion_wrap.accordionStyle .acc-item .acc-content {
  max-width: 968px;
  width: 100%;
}
.accordion_wrap.accordionStyle .acc-item .acctitle .h4>span {
  padding-right: 12px;
}
.accordion_wrap.accordionStyle .acc-item .carrortwrap{
  height: 36px;
  min-width: 36px;
  position: static;
  justify-content: center;
}
.accordion_wrap.accordionStyle .acc-item .acctitle .h4 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.card_gallery.sliderEnable.cmCards .card_item.splide__slide 
{
  padding: 0 108px 0 0;
}
.card_gallery.sliderEnable.cmCards  .bottom_row {
  margin-right:-110px;
}
.cmCards.card_gallery .splide .splide__pagination {
  display: flex;
  height: 24px;
  flex-flow: row wrap;
  justify-content: flex-end;
  position: absolute;
  right: 0;
  top: 0;
  transform: translateY(-48px);
  right: calc(136px + -3rem);
}
.cmCards.card_gallery .splide .splide__pagination>li>button {
  background-color: transparent;
  border: 2px solid #97a3a3;
  height: 18px;
  margin-bottom: 6px;
  margin-right: 6px;
  outline: 0;
  transition: opacity .2s ease;
  width: 18px;
  border-radius: 50%;
  display: inline-block;
  transform: none;
  scale: none;
  padding: 0;
  opacity: .2;
}
.cmCards.card_gallery ul.splide__pagination .splide__pagination__page.is-active {
  border-color: #006861;
  opacity: 1;
}
.accordion_wrap.accordionStyle .accord_outer .acc-item:last-child {
  margin: 0;
}
.two-col-content.video_Popup  .vid_trigger .vid_icn {
  webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 2px solid;
  border-radius: 6px;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-family: inherit;
  font-size: inherit;
  font-weight: 500;
  justify-content: center;
  line-height: inherit;
  outline: 0;
  padding: 12px 24px;
  text-align: center;
  text-decoration: none;
  text-transform: none;
  -webkit-transition: background-color .2s, border-color .2s, color .2s;
  transition: background-color .2s ease, border-color .2s ease, color .2s ease;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: auto;
  flex-direction: row-reverse;
  background-color: #006861;
  border-color: #006861;
  color: #fff;
  -webkit-transition: background-color .2s, border-color .2s, color .2s, -webkit-transform .2s;
  transition: background-color .2s ease, border-color .2s ease, color .2s ease, -webkit-transform .2s ease;
  transition: background-color .2s ease, border-color .2s ease, color .2s ease, transform .2s ease;
  transition: background-color .2s ease, border-color .2s ease, color .2s ease, transform .2s ease, -webkit-transform .2s ease;
}
.two-col-content.video_Popup .vid_trigger .vid_icn svg {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  justify-content: center;
  width: 20px;
  margin-left: 12px;
  color: #fff;
  fill: #fff;
}
.two-col-content.video_Popup .main-vid-wrap:hover .vid_icn{
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
.two-col-content.video_Popup .vid_trigger .vid_icn img {
  width: 21px;
  height: 21px;
  margin-left: 12px;
}
.two-col-content.video_Popup .vid_trigger .vid_icn {
  height: auto;
}
.card_gallery.sliderEnable.cmCards .bottom_row button.splide__arrow {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  background-color: #006861;
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  height: 30px;
  justify-content: center;
  position: absolute;
  -webkit-transition: background-color .25s;
  transition: background-color .25s ease;
  width: 30px;
  z-index: 10;
  right: auto;
  transform: none;
  left: auto;
}
.card_gallery.sliderEnable.cmCards .bottom_row button.splide__arrow.splide__arrow--next{
  left: calc(100% + -60px);
}
.card_gallery.sliderEnable.cmCards .bottom_row button.splide__arrow svg {
  transform: none;
  fill: #fff;
  padding: 4.5px;
  width: 100%;
}
.card_gallery.sliderEnable.cmCards .bottom_row button.splide__arrow.splide__arrow--prev {
  right: calc(100% + 50px);
}
.card_gallery.sliderEnable.cmCards .bottom_row button.splide__arrow.splide__arrow--prev svg {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.card_gallery.cm_cardImg .top_sec {
  text-align: left;
  padding: 0;
}
.card_gallery.cm_cardImg .top_sec h2.title {
  margin: 0;
}
.card_gallery.cm_cardImg .bottom_row.notshadow {
  margin-top: 78px;
  position: relative;
}
.card_gallery.cm_cardImg .bottom_row.notshadow .rowGap15 {
  flex-wrap: wrap;
  justify-content: flex-start;
  width: 100%;
  gap: 0;
  align-items:baseline;
}
.card_gallery.cm_cardImg .card_item {
  margin-right: 24px;
  margin-top: 0;
  padding: 0;
  width: calc(50% - 12px);
}
.card_gallery.cm_cardImg .card_item:nth-child(2n) {
  margin-right: 0;
}
.cm_cardImg.card_gallery .card_item.text_center .icon_inner {
  width: 100%;
  margin: 0;
  height: 100%;
}
.card_gallery.cm_cardImg .card_item:last-child {
  margin-right: 0;
}
.card_gallery.cm_cardImg .icon_box {
  height: 100%;
  display: block;
}
.cm_logo_wrap.logoSlider {
  margin: 120px 0px;
}
.card_gallery.sliderEnable.cmCards .bottom_row button.splide__arrow {
  opacity: 1;
}
.card_gallery.sliderEnable.cmCards .bottom_row button.splide__arrow:hover {
  background-color: #004c46;
}

@media(min-width:480px) and (max-width:767px){
  .card_gallery.cm_cardImg .card_item:nth-child(1n+3){
    margin-top: 24px;
  }
}


@media (min-width: 480px) {
  .accordion_wrap.accordionStyle .accord_outer .acc-item {
    margin-bottom: 24px;
  }
  .accordion_wrap.accordionStyle .accord_outer .acc-item .acctitle h4>span {
    padding-right: 24px;
  }
  .card_gallery.cm_cardImg .card_item {
    width: calc(33.33333% - 16px);
    margin-right: 24px;
  }
  .card_gallery.cm_cardImg .card_item:nth-child(3n) {
    margin-top: 0;
    margin-right: 0;
  }
  .card_gallery.cm_cardImg .card_item:nth-child(n) {
    margin-right: 24px; 
  }
  .card_gallery.cm_cardImg .card_item:nth-child(3n) {
    margin-right: 0;
  }
}

@media (min-width: 768px) {
  .cnt-wit-bg-wrp.normalCnt .page-center,
  .cnt-wit-bg-wrp.bgCnt .page-center,
  .card_gallery.cmCards .page-center,
  .accordion_wrap.accordionStyle .page-center,
  .card_gallery.cm_cardImg .page-center{
    padding-left: 26px;
    padding-right: 26px;
  }
  .accordion_wrap.accordionStyle .top_sec{
    margin-bottom: 26px;
  }
  .card_gallery.cm_cardImg .card_item:nth-child(n) {
    margin-right: 78px;
  }
  .card_gallery.cm_cardImg .card_item {
    margin-top: 0;
    width: calc(25% - 58.5px);
  }
  .card_gallery.cm_cardImg .card_item:nth-child(1n+5) {
    margin-top: 18px;
  }
  .card_gallery.cm_cardImg .card_item:nth-child(4n) {
    margin-right: 0;
  }
}

@media (max-width: 1279px){
  .card_gallery.sliderEnable.cmCards .card_item.splide__slide{
    width:50% !important;
  }
  .card_gallery.sliderEnable.cmCards .card_item.splide__slide {
    padding-right: 50px;
  }

  .card_gallery.sliderEnable.cmCards .bottom_row {
    margin-right: -50px;
  }
  .cmCards.card_gallery .splide .splide__pagination{
    right: 30px;
  }
  .card_gallery.sliderEnable.cmCards .bottom_row button.splide__arrow {
    display: none !important;
  }
}

@media (max-width: 1023px) {
  .two-col-content.video_Popup .content-col.col6,
  .two-col-content.video_Popup .media_column.img-col.col6{
    width: 100%;
  }
  .accordion_wrap.accordionStyle .accord_outer .acc-item .acctitle,
  .accordion_wrap.accordionStyle .accord_outer .acc-item .acc-content{
    padding: 20px;
  }
  .accordion_wrap.accordionStyle .accord_outer .acc-item .acc-content{
    padding-top: 0;
  }
}

@media(max-width:767px){
  .card_gallery.sliderEnable.cmCards .card_item.splide__slide{
    padding:0;
  }
  .card_gallery.sliderEnable.cmCards .bottom_row {
    margin: 0;
  }
  .card_gallery.sliderEnable.cmCards .card_item.splide__slide{
    width:100% !important;
  }
  .cmCards.card_gallery .splide .splide__pagination{
    right: 30px;
    width: 100%;
  }
  .card_gallery.cm_cardImg .card_item:nth-child(1n+4) {
    margin-top: 24px;
  }
  .cm_logo_wrap.logoSlider {
    margin: 100px 0px;
  }
}
@media (min-width: 1024px) {
  .two-col-content.video_Popup .content-col.col6,
  .two-col-content.video_Popup .media_column.img-col.col6{
    width: 45%;
  }
  .cmCards.card_gallery .card_content {
    padding:26px;
  }
  .card_gallery.sliderEnable.cmCards .bottom_row button.splide__arrow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    top: calc(50% - 15px);
  }
}

@media (min-width: 1280px) {
  .cnt-wit-bg-wrp.normalCnt .page-center,
  .cnt-wit-bg-wrp.bgCnt .page-center,
  .card_gallery.cmCards .page-center,
  .accordion_wrap.accordionStyle .page-center,
  .card_gallery.cm_cardImg .page-center{
    padding-left: calc(136px + 3rem);
    padding-right: calc(136px + 3rem);
  }
  .two-col-content.video_Popup .columns_rowo_wrap {
    margin-left: calc(106px + 3rem);
    max-width: none;
  }
  .two-col-content.video_Popup .content-col.col6 {
    width: 40%;
  }
  .two-col-content.video_Popup .media_column.img-col.col6{
    width:50%;
  }
  .cmCards.card_gallery .card_content {
    padding:30px;
  }
  .accordion_wrap.accordionStyle .top_sec {
    padding: 0;
    margin-bottom: 30px;
  }
  .card_gallery.cm_cardImg .top_sec {
    margin-bottom: 30px;
  }
}

@media (max-width: 1279px) and (min-width: 1024px){
  .accordion_wrap.accordionStyle .accord_outer .acc-item .acctitle,
  .accordion_wrap.accordionStyle .accord_outer .acc-item .acc-content{
    padding: 26px;
  }
  .accordion_wrap.accordionStyle .accord_outer .acc-item .acc-content{
    padding-top: 0;
  }
}
/*  */

.cnt-wit-bg-wrp.ctm-cont .page-center .content_widget {
  max-width: 768px;
}

.cnt-wit-bg-wrp.ctm-cont.privacy .btn_row a.hs-sec-btn {
  line-height: 16.8px;
}

.two-col-content.conn-req .content-col p:last-child {
  margin: 0;
}

.two-col-content.conn-req .media_column .content_box {
  margin-top: 0px;
}

.two-col-content.conn-req .content-col .description {
  margin-bottom: 0px;
}

.two-col-content.conn-req .mediaimg .single-img {
  margin-bottom: 18px;
}

.cnt-wit-bg-wrp.btm-cnt .rich_text h3 {
  margin-top: 0px;
}

.cnt-wit-bg-wrp.ctm-cont.no-pad h3 {
  margin-top: 42px;
  margin-bottom: 42px;
}

.cnt-wit-bg-wrp.ctm-cont h4{
  margin-top:36px;
}
.two-col-content.conn-req .mediaimg .single-img img {
  border-radius: 6px !important;
  width:100%;
}

.two-col-content.conn-req.press-media .media_column .single-img {
  margin-top: 18px;
  margin-bottom:20px;
}

.card_gallery.env-media .page-center .top_sec {
  padding: 0px;
  margin-bottom:0px;
}

.card_gallery.env-media .splide__track {
  margin-top: 78px;
  margin-bottom:0px;
  overflow:visible;
}

.card_gallery.env-media .splide__track .card_item {
  padding: 0px;
  padding-right: 32px;
  margin-top: 0px;
  margin-bottom:0px;
  -webkit-transition: opacity .5s ease-in-out;
  transition: opacity .5s ease-in-out;
  opacity: 0;
  pointer-events: none;
}

.card_gallery.env-media .splide__track .card_item.is-visible {
  opacity: 1;
  pointer-events: auto;
}
.card_gallery.env-media .bottom_row {
  margin-right:-32px;
}
.card_gallery.env-media .splide__track .card_item .card_inner {
  padding: 0px;
}

.card_gallery.env-media .splide__track .card_inner .icon_inner img {
  border-radius: 6px;
}

.card_gallery.env-media .bottom_row .splide__arrows .splide__arrow--prev[aria-label="Go to last slide"] {
  background-color: #97a3a3;
  opacity: .65;
  pointer-events: none;
}

.card_gallery.env-media .bottom_row .splide__arrows .splide__arrow--prev[aria-label="Previous slide"] {
  background-color: #006861;
}

.card_gallery.env-media .bottom_row .splide__arrows .splide__arrow--next[aria-label="Go to first slide"] {
  background-color: #97a3a3;
  opacity: .65;
  pointer-events: none;
}

.card_gallery.env-media .bottom_row .splide__arrows .splide__arrow--prev svg.ctm-arrow,
.card_gallery.env-media .bottom_row .splide__arrows .splide__arrow--next svg.ctm-arrow{
  fill: #fff;
  padding: 4.5px;
  width: 100%;
}

.card_gallery.env-media .splide__track .card_inner .icon_inner {
  height: unset;
  width: unset;
  font-size: unset;
  margin-bottom: 0;
}
.card_gallery.env-media .splide__track .card_inner .btn_row {
  margin-top: 0px;
}
.card_gallery.env-media .splide__track .card_item .card_box::before {
  background-color: unset;
}
.card_gallery.env-media .splide__track .card_inner .icon_inner img {
  border-radius: 6px;
}

.card_gallery.env-media .splide__track .card_inner .card_content {
  margin-top:10px;
  text-align: left;
}

.card_gallery.env-media .splide__track .card_inner .card_content img {
  object-fit: contain;
  height: 100%;
  object-position: left center;
}

.card_gallery.env-media .splide__track .card_inner .card_content img {
  height: 68px;
  width: 250px;
}

.card_gallery.env-media .splide__track .card_inner .card_content h3{
  margin-top:10px;
}

.cnt-wit-bg-wrp.ctm-cont.disclaimer .content_widget h2 {
  margin-bottom: 42px;
}

.cnt-wit-bg-wrp.ctm-cont.disclaimer .content_widget p:last-child {
  margin-bottom: 0px;
}

.contact-details-wrap.cnt-details .page-center {
  padding-left: 0px;
  padding-right: 0px;
}

.contact-details-wrap.cnt-details .cnt-detail-item {
  margin-bottom: 16px !important;
}

.contact-details-wrap.cnt-details .cnt-detail-item:last-child{
  margin-bottom:0px !important;
}

.contact-details-wrap.cnt-details .cnt-detail-item-inn .icon-cnt {
  margin-right: 16px;
  width: 16px;
  height: 16px;
}

.contact-details-wrap.cnt-details .cnt-detail-item-inn .icon-cnt .icon-wrap {
  height: 16px;
  width: 16px;
  padding: 0px;
}

.contact-details-wrap.cnt-details .cnt-detail-item-inn .icon-wrap svg {
  width: 100%;
  height: 100%;
}

.contact-details-wrap.cnt-details .cnt-detail-item-inn .cnt-detail-cnt {
  margin: 0px;
}

.contact-details-wrap.cnt-details .cnt-detail-item-inn .cnt-detail-cnt a {
  color: #334848;
  font-weight: 600;
}

.contact-details-wrap.cnt-details .cnt-detail-item-inn .cnt-detail-cnt a:hover {
  color: #008a8a;
  text-decoration: underline;
}

.contact-details-wrap.cnt-details .cm_social_follows .icon_cont.hs-button {
  border: none;
  padding: 0px;
  height: 32px;
  width: 32px;
}

.contact-details-wrap.cnt-details .cm_social_follows .icon_cont svg {
  height: 36px;
  width: 36px;
}

.contact-details-wrap.cnt-details .page-center .flex_row {
  margin-bottom: 40px;
}

.card_gallery.env-media .splide__track .card_item .card_box::before {
  background-color: unset;
}

.card_gallery.env-media .splide__track .card_inner .btn_row {
  margin-top: 0px;
}

.card_gallery.env-media ul.splide__pagination {
  bottom: calc(100% + 25px);
  display: flex;
  height: 24px;
  right: 0;
  left: unset;
}

.card_gallery.env-media ul.splide__pagination .splide__pagination__page {
  height: 18px;
  width: 18px;
  background-color: transparent;
  border: 2px solid #97a3a3;
  outline: 0;
  transition: opacity .2s ease;
  margin: 0 4px;
  opacity: .2;
  border-radius: 50%;
}

.card_gallery.env-media ul.splide__pagination .splide__pagination__page.is-active {
  border-color: #006861;
  transform: scale(1);
  opacity: 1;
}

.card_gallery.env-media .page-center .top_sec h2 {
  text-align: left;
}

.card_gallery.env-media .bottom_row .splide__arrows .splide__arrow--prev {
  transition: background-color .25s ease;
  width: 30px;
  z-index: 10;
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  height: 30px;
  display: flex;
  right: calc(100% + 48px);
  transform: unset;
  left: unset;
  top: calc(50% - 52px);
}

.card_gallery.env-media .bottom_row .splide__arrows .splide__arrow--next {
  transition: background-color .25s ease;
  width: 30px;
  background-color: #006861;
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  height: 30px;
  justify-content: center;
  left: calc(100% + 15px);
  right: 0;
  top: calc(50% - 35px);
}

.card_gallery.env-media .bottom_row .splide__arrows .splide__arrow--next:hover{
  background-color: #004c46;
}

.contact-details-wrap.cnt-details .cm_social_follows ul.flex_row {
  margin-bottom: 0px;
}

.two-col-content.conn-req.smart-grid .media_column .content_box p {
  font-size: .75em;
  margin-top: 0;
}

.two-col-content.conn-req.smart-grid .media_column .single-img {
  margin-top: 28px;
  margin-bottom: 0.625rem;
}

.cnt-wit-bg-wrp.btm-cnt.abt-smart .content_widget {
  border-bottom: 6px solid #009494;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  border-left: 6px solid #009494;
  border-top-left-radius: 6px;
  position: relative;
}

.cnt-wit-bg-wrp.btm-cnt.abt-smart .content_widget{
  padding:20px;
  max-width:768px;
}

.cnt-wit-bg-wrp.btm-cnt.abt-smart .rich_text::before {
  background-color: #009494;
  border-radius: 6px;
  content: "";
  height: 6px;
  left: -3px;
  position: absolute;
  top: 0;
  width: calc(100% - 64px);
}

.cnt-wit-bg-wrp.btm-cnt.abt-smart .rich_text::after {
  background-color: #009494;
  border-radius: 6px;
  bottom: -3px;
  content: "";
  height: calc(100% - 64px);
  position: absolute;
  right: 0;
  width: 6px;
}

.cnt-wit-bg-wrp.btm-cnt.abt-smart .rich_text h2 {
  margin-bottom: 42px;
}

.cnt-wit-bg-wrp.ctm-cont.status-quo .rich_text h2 {
  margin-bottom: 42px;
}

.cnt-wit-bg-wrp.ctm-cont.status-quo .rich_text ol {
  counter-reset: li;
  list-style-type: none;
  margin-top:1.5rem;
}

.cnt-wit-bg-wrp.ctm-cont.status-quo .rich_text ol li::before {
  color: #006861;
  content: counter(li) ".";
  counter-increment: li;
  font-weight: 600;
  left: -1.5rem;
  position: absolute;
}

.cnt-wit-bg-wrp.ctm-cont.status-quo .rich_text ol li {
  position: relative;
}

.cnt-wit-bg-wrp.ctm-cont.faq-smart .rich_text h2 {
  margin-bottom: 42px;
}

.cnt-wit-bg-wrp.ctm-cont.faq-smart .rich_text h3 {
  margin-bottom: 42px;
  margin-top: 42px;
}

.cnt-wit-bg-wrp.bgCnt.cnvnc .page-center .content_widget .rich_text {
  padding-top: 0px;
}

.two-col-content.conn-req.smart-grid.homeBnr .media_column .single-img {
  margin-top: 18px;
  margin-bottom: 20px;
}

.cm_logo_wrap.elec-util {
  margin-top: 23px;
}

.cm_logo_wrap.elec-util .preContent h2 {
  margin-bottom: 42px;
}

.cm-contact-section.contactUsBtm {
  padding-bottom: 180px;
  padding-top: 0px;
}

.MediaCnt.advTwoCol-lb .box-inner.box-inner--image img {
  transition: transform .2s ease, -webkit-transform .2s ease;
}

.MediaCnt.advTwoCol-lb .box-inner.box-inner--image figure{
  cursor:pointer;
}

.MediaCnt.advTwoCol-lb .box-inner.box-inner--image figure:hover img {
  transform: scale(1.05);
}

.MediaCnt.advTwoCol-lb{
  margin-top: 100px;
}

.cnt-wit-bg-wrp.ctm-cont.ctm-cont-ge .rich_text h2,
.cnt-wit-bg-wrp.ctm-cont.faq-ge .rich_text h2{
  margin-bottom: 42px;
}

.cnt-wit-bg-wrp.btm-cnt.abt-smart.cntBtn .btn_row a,
.cnt-wit-bg-wrp.btm-cnt.abt-smart.cntBtnCen .btn_row a{
  font-family: Inter, Helvetica, Arial, sans-serif;
}

.cnt-wit-bg-wrp.btm-cnt.abt-smart.cntBtn .btn_row,
.cnt-wit-bg-wrp.btm-cnt.abt-smart.cntBtnCen .btn_row{
  margin-top: 3.2em;
}

.cnt-wit-bg-wrp.btm-cnt.abt-smart.cntBtnCen .page-center {
  text-align: center;
}

.cnt-wit-bg-wrp.btm-cnt.abt-smart.cntBtnCen .page-center .content_widget {
  margin-left: auto;
  margin-right: auto;
}

.cnt-wit-bg-wrp.ctm-cont.faq-ge .rich_text h3 {
  margin-bottom: 42px;
  margin-top: 42px;
}

.accordion_wrap.accordionStyle.accordion-ge .top_sec h2 {
  margin-bottom: 42px;
}

.cnt-wit-bg-wrp.ctm-cont.onlymg .page-center .content_widget {
  max-width: 100%;
}

.two-col-content.conn-req.twoColForm .content-col {
  padding-top: 1rem;
}

.two-col-content.conn-req.twoColForm .content-col .form_wrap {
  padding-top: 0px;
  margin-top: -22px;
}

.two-col-content.conn-req.twoCol.twoColVid .vid_icn {
  background-color: #006861;
  border-radius: 50%;
  color: #fff;
  transition: transform .1s linear, -webkit-transform .1s linear;
}

.two-col-content.conn-req.twoCol.twoColVid .vid_icn img {
  height: auto;
  width: 20px;
  margin-left:2px;
}

.cnt-wit-bg-wrp.ctm-cont.status-quo.only-img .content_widget {
  max-width: unset;
}

.cnt-wit-bg-wrp.ctm-cont.privacy .rich_text h3 {
  margin-top: 120px;
}

.cm-contact-section.cm-space.diffStyle .cm-description h4,
.cm-contact-section.cm-blog-btm-pane.diffStyle .cm-description h3 {
  margin-bottom: 20px;
}

.cm_logo_wrap.elec-util .swiper-container button.slider-button:not(.swiper-button-disabled):hover,
.cm_logo_wrap.logoSlider.hostCap .swiper-container button.slider-button:not(.swiper-button-disabled):hover{
  background-color: #004c46;
}

.cnt-wit-bg-wrp.ctm-cont.privacy.type2 .rich_text h3 {
  margin-top: 0px;
}

.child_theme form.hs-form select.hs-input {
  width: 100%;
}

.two-col-content.cm_papers.inputWidth form.hs-form fieldset.form-columns-1 .input input[type=text] {
  width: 100%;
}

.accordionStyle.typeTwo .acctitle h4 svg{
  display:none;
}

.accordionStyle.typeTwo .acctitle h4:after {
  -ms-flex-negative: 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  background-image: url(https://3909618.fs1.hubspotusercontent-eu1.net/hubfs/3909618/raw_assets/public/Envelio_November2024/images/download.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  flex-shrink: 0;
  height: 36px;
  justify-content: center;
  margin-left: 12px;
  min-width: 36px;
  -webkit-transition: -webkit-transform .2s;
  transition: -webkit-transform .2s ease;
  transition: transform .2s ease;
  transition: transform .2s ease, -webkit-transform .2s ease;
  width: 36px;
}

.accordionStyle.typeTwo .acctitle.activeaccord h4::after {
  transform: rotateX(180deg);
}

.accordionStyle.typeTwo .acctitle.activeaccord h4 .carrortwrap {
  display: none;
}

.accordion_wrap.accordionStyle.typeTwo .acc-item .carrortwrap {
  display: none;
}

.servs-details-pg .hs-search-field input.hs-search-field__input {
  padding-right: 50px;
}

.two-col-content.video_Popup.cm-eng .description h1 {
  font-size: 54px;
}

.card_gallery.cmCards.noLink .card_item .card_content a {
  position: relative;
  z-index: 11;
}
.card_gallery.cmCards.noLink .card_box {
  z-index: unset;
}


.two-col-content.conn-req.twoCol.play .vid_trigger .vid_icn {
  border-radius: 100%;
  transition: .2s linear;
  height: 60px;
  padding: 1rem;
  width: 60px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  background-color: #006861;
  border-radius: 50%;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.two-col-content.conn-req.twoCol.play .vid_trigger .vid_icn img {
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center; 
  -ms-flex-pack: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  justify-content: center;
  width: 20px;
}

@media (max-width:767px){
  .two-col-content.conn-req.twoCol.play .vid_trigger .vid_icn {
    height: 48px;
    width: 48px;
  }

}











@media(min-width:480px){

  .cnt-wit-bg-wrp.btm-cnt.abt-smart .rich_text::before {
    width: 80%;
  }

  .cnt-wit-bg-wrp.btm-cnt.abt-smart .rich_text::after{
    height:80%;
  }

  .accordionStyle.typeTwo .acctitle h4:after{
    margin-left:24px;
  }
}

@media(min-width:768px){

  .cnt-wit-bg-wrp.ctm-cont.privacy h3,
  .cnt-wit-bg-wrp.ctm-cont h3{
    margin-top: 120px;
  }

  .MediaCnt.advTwoCol-lb{
    margin-top: 120px;
  }

  .two-col-content.conn-req.twoCol.twoColVid .vid_icn {
    height: 60px;
    padding: 1rem;
    width: 60px;
  }

  .cm-contact-section.cm-space.diffStyle .cm-description h4,
  .cm-contact-section.cm-blog-btm-pane.diffStyle .cm-description h3 {
    margin-bottom: 26px;
  }

  .MediaCnt.advTwoCol-lb.typeOne {
    margin-top: 0;
  }

  .child_theme .page-center.full_width,
  .child_theme .dnd-section:not([class*="full-width-section"]) .dnd-column > div .gallery-section .page-center,
  .child_theme .dnd-section:not([class*="full-width-section"]) .dnd-column > div .two-col-content .page-center,
  .child_theme [class*="full-width-section"].dnd-section > .row-fluid,
  .child_theme [class*="full-width-section"].dnd-section,
  .child_theme .dnd_padd .page-center.cm_map_gray{
    padding-left: 0;
    padding-right: 0;
  } 
}

@media(min-width:1024px){

  .two-col-content.conn-req .flex_row {
    display: flex;
    justify-content: space-between;
    max-width: none;
    align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    row-gap: 0;
  }

  .two-col-content.conn-req .media_column {
    width: 45%;
  }

  .two-col-content.conn-req .content-col {
    width: 45%;
  }

  .two-col-content.conn-req.press-media .media_column {
    width: 45%;
  }

  .two-col-content.conn-req.press-media .content-col {
    width: 45%;
  }

  .two-col-content.conn-req.smart-grid .content-col {
    width: 45%;
  }

  .two-col-content.conn-req.smart-grid .media_column {
    width: 45%;
  }

  .cnt-wit-bg-wrp.btm-cnt.abt-smart .content_widget{
    padding:26px;
  }
}

@media(min-width:1280px){

  .cnt-wit-bg-wrp.ctm-cont .page-center,
  .two-col-content.conn-req .page-center,
  .cnt-wit-bg-wrp.btm-cnt .page-center{
    padding-left: 184px;
    padding-right: 184px;
  }

  .cnt-wit-bg-wrp.ctm-cont.privacy h3,
  .cnt-wit-bg-wrp.ctm-cont h3{
    margin-top: 120px;
  }

  .two-col-content.conn-req .media_column {
    width: 50%;
  }

  .two-col-content.conn-req .content-col {
    width: 40%;
  }

  .two-col-content.conn-req .mediaimg .single-img {
    margin-bottom: 0px;
  }

  .two-col-content.conn-req.press-media .page-center {
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .two-col-content.conn-req.press-media .page-center .flex_row {
    margin-left: calc(106px + 3rem);
  }

  .two-col-content.conn-req.press-media .media_column {
    width: 43%;
  }

  .two-col-content.conn-req.press-media .content-col {
    width: 41%;
  }

  .card_gallery.env-media .page-center {
    padding-left: calc(136px + 3rem);
    padding-right: calc(136px + 3rem);
  }

  .card_gallery.env-media ul.splide__pagination{
    padding: 0 62px 0px 30px;
  }

  .two-col-content.conn-req.smart-grid .content-col {
    width: 41%;
  }

  .two-col-content.conn-req.smart-grid .media_column {
    width: 43%;
  }

  .two-col-content.conn-req.smart-grid .page-center {
    padding-left: 30px;
    padding-right: 30px;
  }

  .two-col-content.conn-req.smart-grid .page-center .flex_row {
    margin-left: calc(106px + 3rem);
  }

  .cnt-wit-bg-wrp.btm-cnt.abt-smart .content_widget{
    padding:30px;
  }

  .MediaCnt.advTwoCol-lb{
    margin-top: 180px;
  }

  .cm-contact-section.cm-space.diffStyle .cm-description h4,
  .cm-contact-section.cm-blog-btm-pane.diffStyle .cm-description h3 {
    margin-bottom: 30px;
  }

  .MediaCnt.advTwoCol-lb.typeOne {
    margin-top: 120px;
  }

}

@media(max-width:1279px) and (min-width:768px){

  .two-col-content.conn-req.press-media {
    padding-bottom: 120px;
  }

  .download-wrap.multiple-img {
    margin-top: 120px;
    margin-bottom:120px;
  }
}

@media(max-width:1023px){

  .two-col-content.conn-req .flex_row {
    display: flex;
    flex-direction: column;
    max-width: 768px;
    margin: 0 auto;
    row-gap: 0;
  }

  .two-col-content.conn-req .content-col {
    width: 100%;
    order: 2;
  }

  .two-col-content.conn-req .media_column {
    width: 100%;
  }

  .two-col-content.conn-req.press-media .content-col {
    order: 1;
  }

  .two-col-content.conn-req.press-media .media_column {
    order: 2;
  }

  .two-col-content.conn-req.press-media .flex_row {
    max-width: 100%;
  }

  .two-col-content.conn-req.smart-grid .flex_row {
    max-width: 100%;
  }

  .two-col-content.conn-req.smart-grid .content-col {
    order: 2;
  }

  .two-col-content.conn-req.smart-grid .media_column {
    order: 2;
  }

  .two-col-content.conn-req.twoColVid .content-col p:last-child {
    margin-bottom: 24px;
  }

  .two-col-content.conn-req.twoCol.twoColVid .content-col {
    order: 1;
  }

  .two-col-content.conn-req.twoCol.twoColVid .media_column {
    order: 2;
  }

}

@media(max-width:767px){

  .cnt-wit-bg-wrp.ctm-cont.privacy h3,
  .cnt-wit-bg-wrp.ctm-cont h3{
    margin-top: 100px;
  }

  .cnt-wit-bg-wrp.btm-cnt .btn_row a.hs-button {
    padding: 12px 24px;
  }

  .two-col-content.conn-req.smart-grid .media_column .single-img{
    margin-top:18px;
  }

  .cm-contact-section.contactUsBtm {
    padding-bottom: 100px;
  }

  .cnt-wit-tp-img-wrp.ImgCrd.cardCntUs .flex-row {
    row-gap: 35px;
  }

  .cm_logo_wrap.elec-util {
    margin-top: 0px;
    margin-bottom:0px;
  }

  .cm_logo_wrap.elec-util .page-center {
    padding-top: 58px;
  }

  .card_gallery.cm_cards.cardsAlign .card_item:not(:first-child) {
    margin-top: 24px;
  }

  .two-col-content.video_Popup.videoGap .flex_row {
    row-gap: 25px;
  }

  .two-col-content.conn-req.twoColForm .content-col {
    padding-top: 0;
  }

  .two-col-content.conn-req.twoColForm .media_column .single-img {
    margin-bottom: 0px;
  }

  .card_gallery.cm_cards.cardItemDe .card_item:not(:first-child) {
    margin-top: 24px;
  }

  .two-col-content.cm_single_media.video_Popup .flex_row {
    row-gap: 24px;
  }

  .cnt-wit-bg-wrp.ctm-cont.privacy .rich_text h3{
    margin-top:100px;
  }

  html[lang='de'] .cm-blog-post-wrapper .cm-blog-post-heading h1 {
    -ms-hyphens: auto;
    hyphens: auto;
    word-break: break-word;
  }

  .MediaCnt.advTwoCol-lb.typeOne {
    margin-top: 60px;
  }

  .card_gallery.cm_cards.cardsAlign .card_box {
    flex-direction: row;
  }

  .cm-contact-section.cm_btm_pane.btm-pane-de {
    padding-top: 0px;
  }

  .cnt-wit-tp-img-wrp.ImgCrd.type2.cardItemDe .tp-img-cnt {
    margin-bottom: 36px;
  }

}

@media(max-width:480px){

  .two-col-content.conn-req .content-col h3 {
    margin-top: 42px;
  }

  .card_gallery.env-media ul.splide__pagination {
    bottom: calc(100% + 30px);
  }

  .accordionStyle.accordionCnt .acc-item:not(:last-child) {
    margin-bottom: 12px;
  }

  .cnt-wit-tp-img-wrp.ImgCrd.cardCntUs .tp-img-cnt h4 {
    font-size: 18px;
  }

  .testimonials_sliderv2.cm_testimonial.testSlide.img_al_right .left_col {
    padding-top: 60px;
  }

  .MediaCnt.advTwoCol-lb.typeOne {
    margin-top: 100px;
  }

  .simple-banner.cm_bnr.cm_cnt_bnr .top_sec h1 {
    font-size: 36px;
    letter-spacing: -1px;
    line-height: 1.2;
    margin-bottom: 18px;
  }

  .card_gallery.cm_cards.cardItemDe .card_item:nth-child(4) {
    margin-top: 43px;
  }

  #video_Popup.two-col-content.de-bnr .vid_icn {
    transform: translateY(72px);
  }

  .cnt-wit-tp-img-wrp.ImgCrd.type2.cardItemDe .tp-img-cnt h4 {
    font-size: 18px;
  }

  .two-col-content.video_Popup.cm-eng .description h1 {
    font-size: 26px;
  }
}
/*  */
.cm-blog-post-wrapper {
  padding-bottom: 120px;
}
.cm-blog-post-wrapper .cm-blog-post-heading {
  margin: 120px 0;
  margin-top: 134px;
}
.cm-blog-post-wrapper .cm-blog-post-heading .page-center {
  max-width: 1440px;
}
.cm-blog-post-wrapper .cm-post-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.cm-blog-post-wrapper .cm-post-meta a {
  font-weight: 600;
  padding: 6px 12px;
  margin: 0 6px;
  border: 2px solid;
  border-radius: 6px;
}
.cm-blog-post-wrapper .cm-blog-main .page-center {
  padding-left: 20px;
  padding-right: 20px
}
.cm-blog-post-wrapper .cm-blog-main .page-center .cm-blog-inner {
  max-width: 768px;
  margin: 0 auto;
}
.cm-blog-post-wrapper .cm-post-accordion .page-center.full_width {
  padding: 0;
}
.cm-blog-post-wrapper .cm-post-accordion.accordion_wrap .acc-item:not(:last-child) {
  margin-bottom: 12px;
}
.cm-blog-post-wrapper .cm-post-accordion.accordion_wrap .acc-item {
  background-color: #f5f6f6;
  border-radius: 6px;
}
.cm-blog-post-wrapper .cm-post-accordion.accordion_wrap .acc-item .acctitle {
  padding: 20px;
  box-shadow: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.cm-blog-post-wrapper .cm-post-accordion.accordion_wrap .acc-item .acctitle h4 {
  font-size: 18px;
  letter-spacing: -.2px;
  line-height: 1.5;
  font-weight: 500;
}

.cm-blog-post-wrapper .cm-post-accordion.accordion_wrap .acc-item .acctitle:after {
  background-image: url(https://3909618.fs1.hubspotusercontent-eu1.net/hubfs/3909618/raw_assets/public/Envelio_November2024/images/download.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  flex-shrink: 0;
  height: 36px;
  justify-content: center;
  width: 36px;
}
.cm-blog-post-wrapper .cm-post-accordion.accordion_wrap .acc-item.activeaccord .acctitle:after {
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg);
}
.cm-blog-post-wrapper .cm-post-accordion.accordion_wrap .acc-item .acctitle h4>span {
  padding: 0;
}

.cm-blog-post-wrapper .cm-post-accordion.accordion_wrap .acc-item .acc-content {
  padding: 20px;
  padding-top: 0;
  border-radius: 0;
  box-shadow: unset;
}

.cm-blog-post-wrapper .cm-blog-btn.cm_nv_wrp .cm_nv_inner .btn_row {
  flex-direction: column;
  align-items: unset;
  row-gap: 20px;
}

.cm-blog-post-wrapper .cm-post-two-column .content-col.col6 {
  width: 40%;
  padding: 0;
}

.cm-blog-post-wrapper .cm-post-two-column .media_column.col6 {
  padding: 0;
  width: 50%;
}
.cm-contact-section.cm-blog-btm-pane {
  padding-top: 60px;
  padding-bottom: 0px;
}


.cm-contact-section.cm-blog-btm-pane .cm-description h4 {
  margin-bottom: 30px;
}

.cm-blog-post-wrapper .cm-blog-main .cm-blog-inner  > span > h2,
.cm-blog-post-wrapper .cm-blog-main .cm-blog-inner  > span > h3{
  margin-top: 42px;
}

.cm-blog-post-wrapper .cm-blog-main .cm-blog-inner  > span > h4,
.cm-blog-post-wrapper .cm-blog-main .cm-blog-inner  > span > h5 {
  margin-top: 36px;
}
.cm-blog-post-wrapper .cm-blog-main .page-center .cm-blog-inner >span> *:first-child{
  margin-top: 0;
}
.cm-blog-post-wrapper .cm-blog-main .page-center .cm-blog-inner >span> *:last-child{
  margin-bottom: 0;
}
.cm-blog-post-wrapper .cm-blog-post-heading h1 > span span {
  color: #006861;
}
.two-col-content.conn-req.twoCol.play .vid_trigger .vid_icn {
  transform: scale(1.05);
}
.two-col-content.conn-req.twoCol.twoColVid .vid_icn{
  transform: scale(1.05);
}
@media (min-width: 480px){
  .cm-blog-post-wrapper .cm-post-accordion.accordion_wrap .acc-item:not(:last-child) {
    margin-bottom: 24px;
  }
  .cm-blog-post-wrapper .cm-post-accordion.accordion_wrap .acc-item .acctitle h4 {
    font-size: 1.25rem;
  }
}
@media (min-width: 768px){

  .cm-blog-post-wrapper .cm-blog-main .page-center {
    padding-left: 26px;
    padding-right: 26px;
  }

}
@media (max-width: 1439px){
  .cm-blog-post-wrapper .cm-blog-post-heading {
    margin: 120px 0;
    margin-top: 150px;
  }
}
@media (max-width: 1279px){
  .cm-blog-post-wrapper .cm-blog-post-heading {
    margin: 120px 0;
    margin-top: 40px;
  }
}

@media (max-width: 767px){
  .cm-blog-post-wrapper .cm-blog-post-heading {
    margin-top: 20px;
    margin-bottom: 100px;
  }
  .cm-contact-section.cm-blog-btm-pane {
    padding-top: 50px;
  }
  .cm-blog-post-wrapper {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .cm-contact-section.cm-blog-btm-pane .cm-description h4 {
    margin-bottom: 20px;
  }


}

@media (max-width: 479px){

  .cnt-wit-bg-wrp.sicherheit-cont h1 {
    font-size: 28px;
  }
  .cnt-wit-bg-wrp.sicherheit-cont h2 {
    font-size: 26px;
  }
  .cnt-wit-bg-wrp.presse-btn-cnt h1 {
    font-size: 28px;
  }
  .cnt-wit-bg-wrp.presse-btn-cnt h2 {
    font-size: 26px;
  }


}
@media (min-width:825px){
  .cm-blog-post-wrapper .cm-blog-post-heading .page-center {
    max-width: 768px;
    padding: 0;
  }
}
@media (max-width:1023px){
  .cm-blog-post-wrapper .cm-blog-main .cm-post-two-column .page-center {
    padding-left: 0px;
    padding-right: 0px; 
  }
  .cm-post-two-column.two-col-content .flex_row.flex_center {
    flex-direction: column;
  }

  .cm-blog-post-wrapper .cm-post-two-column .content-col.col6 {
    width: 100%;
    order: 2;
  }

  .cm-blog-post-wrapper .cm-post-two-column .media_column.col6 {
    width: 100%;
    order: 1;
  }
}
@media (min-width: 1024px){
  .cm-blog-post-wrapper .cm-post-accordion.accordion_wrap .acc-item .acctitle {
    padding: 26px;
  }
  .cm-blog-post-wrapper .cm-post-accordion.accordion_wrap .acc-item .acc-content {
    padding: 26px;
    padding-top: 0;
  }
  .cm-blog-post-wrapper .cm-post-two-column .page-center.full_width {
    padding: 0;
  }

  .cm-blog-post-wrapper .cm-post-two-column .content-col.col6 {
    width: 45%;
  }

  .cm-blog-post-wrapper .cm-post-two-column .media_column.col6 {
    width: 45%;
  }
}
@media (min-width: 1280px){

  .cm-blog-post-wrapper .cm-blog-post-heading .page-center {
    max-width: 768px;
    padding: 0;
  }
  .cm-blog-post-wrapper .cm-blog-main .page-center {
    padding-left: calc(136px + 3rem);
    padding-right: calc(136px + 3rem);
  }
  .cm-blog-post-wrapper .cm-post-accordion.accordion_wrap .acc-item .acctitle {
    padding: 30px;
  }
  .cm-blog-post-wrapper .cm-post-accordion.accordion_wrap .acc-item .acc-content {
    padding: 30px;
    padding-top: 0;
  }
  .cm-blog-post-wrapper .cm-post-two-column {
    margin-left: -138px;
    margin-right: -138px;
  }
  .cm-blog-post-wrapper .cm-post-two-column .content-col.col6 {
    width: 40%;
  }

  .cm-blog-post-wrapper .cm-post-two-column .media_column.col6 {
    width: 50%;
  }

}

@media (min-width: 1440px){
  .cm-blog-post-wrapper .cm-post-two-column {
    margin-left: -152px;
    margin-right: -152px;
  }
}


/*  */
.form-title:empty {
  margin: 0;
}
form.hs-form .hs_error_rollup .inputs-list li::before {
  background: #fff;
  border-width: 0;
}
/* form.hs-form fieldset.form-columns-1 .input input[type=email].hs-input,
form.hs-form fieldset.form-columns-1 .input textarea.hs-input,
form.hs-form .form-columns-1 .input input[type=tel].hs-input 
{
width: 100%;
} */

.child_theme form fieldset.form-columns-1 input[type=email], 
.child_theme form fieldset.form-columns-1 input[type=file], 
.child_theme form fieldset.form-columns-1 input[type=number],
.child_theme form fieldset.form-columns-1 input[type=password],
.child_theme form fieldset.form-columns-1 input[type=search],
.child_theme form fieldset.form-columns-1 input[type=tel], 
.child_theme form fieldset.form-columns-1 input[type=text], 
.child_theme form fieldset.form-columns-1 select, 
.child_theme form fieldset.form-columns-1 textarea {
  width: 100% !important;
}

form.hs-form .legal-consent-container ul.hs-error-msgs li label.hs-error-msg {
  color: #f2545b !important;
}
.child_theme form.hs-form .inputs-list>li label span {
  margin-left: 0; 
}
.child_theme form.hs-form .inputs-list>li label span.hs-form-required{
  color : #e80606;
}
.child_theme form.hs-form .hs-input {
  padding: 10px 15px;
}
form.hs-form .input .hs-input::placeholder {
  opacity: 0.8;
} 
form.hs-form legend.hs-field-desc{
  font-size : 16px;
}


.ctm_banner.simple-banner.cm_bnr h1 {
  margin-bottom: 0;
}
.cm-contact-section .cm-left-sec .cm-description p:last-child{
  margin-bottom : 30px;
}


.cm_live_sec.two-col-content .mediaimg .single-img img {
  border-radius: 6px !important;
}
.cm_live_sec.two-col-content .content-col .description,
.cm_live_sec.two-col-content .content-col .description p:last-child
{
  margin-bottom : 0;
}
.cm_live_sec.two-col-content .content-col .description h3,
.cm_casy.cnt-wit-bg-wrp.cm_cntn .content_widget h3
{
  margin-top : 42px;
}
.cm_net_zero.two-col-content.conn-req .content-col .description h2{
  margin-bottom : 0;
}
.cm_net_zero.two-col-content.conn-req .content-col{
  padding-top : 2rem;
}
.cm_post_btn.cm_nv_wrp .page-center,
.cm_tab2 .page-center
{
  padding-left : 0 !important;
  padding-right : 0 !important;
}
.cm_post_btn.cm_nv_wrp  .btn_item a.hs-button{
  padding : 12px 24px;
  font-size : 16px;
}
.cm_tab2.tabber h4.title{
  font-weight : 700;
}
.cm_web_bnr2.simple-banner  .top_sec h2{
  margin : 84px 0 0;
}

.cm_casy.cnt-wit-bg-wrp .btn_row

{
  margin-top : 0;
}
.cm_net_zero2.conn-req.two-col-content .page-center{
  padding-left  : 0;
  padding-right : 0;
}
.cm_net_zero2.two-col-content .content-col .btn-items .btn_row{
  margin-top : 65px;
}
.ctm_btn3.cm_net_zero2.two-col-content .content-col .btn-items .btn_row{
  margin-top : 20px;
}
.tabber.cm_tab2   .tab-title-item.active:hover h6{
  color : #001a1a !important;
}

@media(min-width : 1440px){
  .cm_tab2.tabber {
    margin-right: -152px;
    margin-left: -152px;
  }
  .cm_net_zero2.conn-req.two-col-content{
    margin-right : -152px
  }
}


@media(min-width : 1024px){
  .cm_live_sec.two-col-content .flex_row .content-col.col6,
  .cm_live_sec.two-col-content .flex_row .media_column
  {
    width : 45%;
  }

}

@media(min-width : 1280px){
  .cm_live_sec.two-col-content .flex_row .content-col.col6{
    width : 41%;
  }
  .cm_live_sec.two-col-content .flex_row .media_column{
    width : 43%;
  }
  .cm_live_sec.two-col-content .flex_row{
    margin-left: calc(106px + 3rem);
  }
}


@media(max-width : 1023px){
  .cm_live_sec.two-col-content .flex_row .content-col.col6,
  .cm_live_sec.two-col-content .flex_row .media_column{
    width : 100%;
  }
  .cm_live_sec.two-col-content .flex_row {
    row-gap: 18px;
  }
}

@media(max-width : 767px){
  .cm_post_btn.cm_nv_wrp .cm_nv_inner {
    padding-left: 0px;
    padding-right: 0px;
  }
}


@media(max-width : 479px){
  .ctm_banner.simple-banner.cm_bnr {
    min-height: 250px;
  }
  .cm_web_bnr2.simple-banner  .top_sec h2{
    margin : 60px 0 0;
  }
}

/*  */
.simple-banner.bgBnnr {
  min-height: auto;
}

.simple-banner.bgBnnr .page-center .banner-content-inner {
  padding-left: calc(136px + 3rem);
  padding-right: calc(136px + 3rem);
  margin-left: auto;
  margin-right: auto;
  max-width: 1440px;
  min-height: 421px;
  display: flex;
  align-items: center;
  padding-top: 48px;
  padding-bottom: 48px;
  flex-wrap: wrap;
}

.simple-banner.bgBnnr .flex_row {
  row-gap: 0;
  position: relative;
}

.simple-banner.bgBnnr .banner-content-inner {
  padding-left: 0;
  padding-right: 0;
}

.simple-banner.bgBnnr .img_wrap {
  padding-left: 0;
  padding-right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
  height: 100%;
}

.simple-banner.bgBnnr .page-center {
  max-width: 100%;
  padding: 0;
}

.simple-banner.bgBnnr .img_wrap img {
  bottom: 0;
  font-family: "object-fit: cover; object-position: center;";
  height: 100%;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}

.simple-banner.bgBnnr .img_wrap .img_wrap_inner {
  height: 100%;
}

.simple-banner.bgBnnr .top_sec {
  width: 100%;
}

.simple-banner.bgBnnr .btn_row {
  margin-top: 0;
  width: 100%;
}

.simple-banner.bgBnnr h1 {
  margin-bottom: 54px;
}
.counter-section.nbrCounter .page-center {
  padding-left: calc(136px + 3rem);
  padding-right: calc(136px + 3rem);
}

.counter-section.nbrCounter .top_sec.noButton {
  padding-left: 0;
  padding-right: 0;
  text-align: left;
  margin-bottom: 0;
}

.counter-section.nbrCounter .top_sec h2 {
  margin-bottom: 0;
}

.counter-section.nbrCounter .flex_row {
  row-gap: 0;
  margin-top: 78px;
  margin-left: 0;
  margin-right: 0;
}
.counter-section.nbrCounter .flex_row .item {
  padding-left: 0;
  padding-right: 0;
  margin-right: 24px;
  width: calc(25% - 18px);
}

.counter-section.nbrCounter .flex_row .item:last-child {
  margin-right: 0;
}

.counter-section.nbrCounter .item .inner {
  padding: 0;
  text-align: left;
  width: 100%;
  min-height: auto;
}

.counter-section.nbrCounter .item .count-wrap {
  justify-content: flex-start;
  color: #006861;
  font-size: 48px;
  line-height: 1;
  font-weight: 400;
}

.counter-section.nbrCounter .item .desc {
  margin-top: 6px;
  margin-bottom: 20px;
}
.cnt-wit-tp-img-wrp.ImgCrd .page-center {
  padding-left: calc(136px + 3rem);
  padding-right: calc(136px + 3rem);
}

.cnt-wit-tp-img-wrp.ImgCrd .top_sec.noButton {
  padding-left: 0;
  padding-right: 0;
  text-align: left;
  margin-bottom: 66px;
}

.cnt-wit-tp-img-wrp.ImgCrd .top_sec.noButton h2 {
  margin-bottom: 0;
}


.cnt-wit-tp-img-wrp.ImgCrd .bottom_row {
  width: calc(100% + 74px);
  display: flex;
  margin-left: -48px;
  margin-right: -48px;
}

.cnt-wit-tp-img-wrp.ImgCrd .flex-row {
  justify-content: flex-start;
}

.cnt-wit-tp-img-wrp .cnt-col {
  padding-left: 0;
  padding-right: 0;
}

.cnt-wit-tp-img-wrp.ImgCrd .tp-img {
  margin-bottom: 18px;
}

.cnt-wit-tp-img-wrp.ImgCrd .tp-img-cnt {
  margin-bottom: 42px;
}

.cnt-wit-tp-img-wrp.ImgCrd .tp-img-cnt h4 {
  font-size: 1.25rem;
}

.two-col-content.btmFrm .page-center {
  padding-left: calc(136px + 3rem);
  padding-right: calc(136px + 3rem);
}

.two-col-content.btmFrm .content-col.col6 {
  max-width: 500px;
}

.two-col-content.btmFrm .flex_row {
  gap: 24px;
  border-radius: 6px;
  box-shadow: 0 0 0 0 transparent;
}
.cnt-wit-tp-img-wrp.ImgCrd .top_sec.noButton h2+p {
  padding-top: 42px;
}
.two-col-content.btmFrm .content-col .description {
  margin-bottom: 30px;
}

.two-col-content.btmFrm .content-col .form_wrap {
  padding-top: 0;
}

.two-col-content.btmFrm .content-col .form_wrap h3 {
  margin: 0;
}

.child_theme .legal-consent-container .hs-form-booleancheckbox-display>span,
.child_theme .legal-consent-container .hs-form-booleancheckbox-display>span p {
  margin-left: 12px !important;
  text-align: left;
}
.cnt-wit-tp-img-wrp.ImgCrd .top_sec .content_widget {
  max-width: 768px;
}
.two-col-content.btmFrm .media_column.img-col.col6 {
  max-width: 500px;
}   
.counter-section.nbrCounter .item .count-wrap .suffix {
  margin-top: -6px;
}
.cnt-wit-bg-wrp.AlrtBx {
  left: 0;
  position: fixed;
  right: 0;
  top: 96px;
  width: 100%;
  z-index: 9999;
  overflow: visible;
}

.cnt-wit-bg-wrp.AlrtBx .content_widget {
  background-color: #006861;
  padding: 15px;
  box-shadow: 0 0 20px 0 rgba(0, 26, 26, .1);
  margin-left: -12px;
  margin-right: -12px;
  border-radius: 6px;
  position: relative;
  width: calc(100% + 24px);
}

.cnt-wit-bg-wrp.AlrtBx .content_widget p {
  font-size: 18px;
  line-height: 1.5;
  margin-bottom: 0;
}

.cnt-wit-bg-wrp.AlrtBx .content_widget p a {
  color: #fff;
  text-decoration: underline;
  text-decoration-color: #fff;
  text-underline-offset: 2px;
  transition: color .2s ease-out, text-decoration-color .2s ease-out;
}

.cnt-wit-bg-wrp.AlrtBx .content_widget p a:hover {
  text-decoration-color: transparent;
}
@media(max-width:1439px){
  .cnt-wit-bg-wrp.AlrtBx {
    position: relative;
    top: 0;
  }

}
@media(min-width:768px) and (max-width:1439px){
  .simple-banner.bgBnnr {
    margin-top: 0;
  }
}
@media(max-width:1279px){
  .counter-section.nbrCounter .page-center,
  .two-col-content.btmFrm .page-center,
  .cnt-wit-tp-img-wrp.ImgCrd .page-center,
  .simple-banner.bgBnnr .page-center .banner-content-inner{
    padding-left: 26px;
    padding-right: 26px;
  }
}

@media(max-width:1023px){
  .cnt-wit-tp-img-wrp.ImgCrd .top_sec.noButton {
    margin-bottom: 30px;
  }
  .counter-section.nbrCounter .flex_row .item:nth-child(odd) {
    margin-right: 24px;
  }
  .counter-section.nbrCounter .flex_row .item {
    margin-right: 0;
    width: calc(50% - 12px);
  }
  .counter-section.nbrCounter .flex_row {
    row-gap: 24px;
    margin-top: 26px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .cnt-wit-tp-img-wrp.ImgCrd .flex-row .cnt-col.col4{
    width: 33.33%;
  }
}

@media(max-width:767px){
  .counter-section.nbrCounter .item .count-wrap .suffix {
    margin-top: -4px;
  }
  .cnt-wit-bg-wrp.AlrtBx .content_widget {
    padding: 12px;
  }
  .simple-banner.bgBnnr .page-center .banner-content-inner {
    padding-left: 20px;
    padding-right: 20px;
  }
  .counter-section.nbrCounter .page-center,
  .two-col-content.btmFrm .page-center,
  .cnt-wit-tp-img-wrp.ImgCrd .page-center,
  .simple-banner.bgBnnr .page-center .banner-content-inner{
    padding-left: 20px;
    padding-right: 20px;
  }

  .cnt-wit-tp-img-wrp.ImgCrd .bottom_row {
    width: auto;
    margin: 0;
  }
  .cnt-wit-tp-img-wrp.ImgCrd .flex-row {
    row-gap: 60px;
  }

  .cnt-wit-tp-img-wrp.ImgCrd .tp-img-cnt {
    margin-bottom: 0;
  }
  .counter-section.nbrCounter .flex_row {
    margin-top: 20px;
  }
}

@media (max-width: 479px) {
  .simple-banner.bgBnnr .page-center .banner-content-inner {
    min-height: 250px;
    padding-top: 50px;
    padding-bottom: 0;
  }
  .counter-section.nbrCounter .flex_row .item {
    width: 100%;
  }
}

/*  */
html.child_theme {
  scroll-behavior: smooth;
}

.simple-banner.cm_bnr {
  min-height: auto;
}

.simple-banner.cm_bnr .flex_row .col12 {
  padding: 0;
}

.simple-banner.cm_bnr  h1 {
  margin-bottom: 18px;
}

.cnt-wit-bg-wrp.cm_cntn .content_widget {
  max-width: 768px;
}

.cnt-wit-bg-wrp.cm_cntn .content_widget h2 {
  margin-bottom: 42px;
}

.tabber.cm_tabber .flex_row .col12 {
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.tabber.cm_tabber .tab-title-item {
  box-shadow: none;
  border-bottom: 1px solid #97a3a3;
  border-radius: 0;
  flex: 1 0 auto;
  font-weight: 500;
  padding: 19px 18px;
  margin: 0 !important;
  line-height: 1.6;
}

.tabber.cm_tabber .tab-title-item.active {
  border-bottom-width: 2px;
  border-color: currentColor;
}

.tabber.cm_tabber .top_sec.noButton {
  padding: 0;
  margin-bottom: 78px;
  text-align: left;
}

.tabber.cm_tabber .media-col.col12 {
  margin-top: 78px;
}

.tabber.cm_tabber .flex_row .col6 {
  padding: 0;
}


.tabber.cm_tabber .full-content-col.col6 {
  background-color: #f5f6f6;
  border-radius: 6px;
  margin-top: 60px;
  max-width: 768px;
  padding: 20px;
  z-index: 9;
}


.tabber.cm_tabber .tab-title-item:hover .tab-title {
  color: #006861 !important;
}

.tabber.cm_tabber .media-col .tab-content .flex_row {
  align-items: flex-start;
}

.tabber.cm_tabber .media-col .tab-content .rich_cont {
  margin: 0;
}

.tabber.cm_tabber .media_wrapper{
  z-index: 99;
}

.card_gallery.cm_cards .top_sec.noButton {
  padding: 0;
  margin-bottom: 66px;
  text-align: left;
  max-width: 768px;
}

.card_gallery.cm_cards .card_box {
  display: flex;
}

.card_gallery.cm_cards .icon_box .icon_inner {
  display: block;
  height: 24px;
  margin-right: 24px;
  width: 24px;
  margin-bottom: 0;
  font-size: inherit;
}

.card_gallery.cm_cards .card_content h4 {
  margin-bottom: 24px;
}

.card_gallery.cm_cards .card_content {
  margin-bottom: 24px;
}

.card_gallery.cm_cards .bottom_row.notshadow .rowGap15 {
  row-gap: 0;
}

.cnt-wit-bg-wrp.recruiting .content_widget {
  max-width: 768px;
}

.hs_fillter_wrp.cm_filter .type_1 .hs_fil_cat_item {
  background-color: #fff;
  border-color: #7a8787;
  color: #7a8787;
  border: 2px solid;
  border-radius: 6px;
  font-weight: 600;
  padding: 6px 12px;
  font-size: 16px;
  line-height: 1.6;
  opacity: .8;
  letter-spacing: 0;
}

.hs_fillter_wrp.cm_filter .type_1 .hs_fil_cat_item.is-checked,
.hs_fillter_wrp.cm_filter .type_1 .hs_fil_cat_item:hover {
  border-color: #334848;
  color: #334848;
  opacity: 1;
  transform: none;
}

.hs_fillter_wrp.cm_filter .hs_fil_cat {
  justify-content: flex-start !important;
  gap: 16px;
  padding: 0;
  margin-bottom: 32px;
}

.hs_fillter_wrp.cm_filter .grid {
  gap: 24px;
  column-gap: 24px;
  display: grid;
  grid-template-columns: repeat(2, minmax(8px, 1fr));
  height: auto !important;
}

.hs_fillter_wrp.cm_filter .hs_fil_item {
  margin: 0;
  padding: 0;
  position: static !important;
  width: 100%;
}

.hs_fillter_wrp.cm_filter .hs_fil_item_inner {
  padding: 24px;
  min-height: auto;
  height: 100%;
  background-color: #f5f6f6;
  transition: background-color .2s ease;
  justify-content: flex-start;
}

.hs_fillter_wrp.cm_filter .hs_fil_item_inner:hover {
  background-color: #e8eaea;
}

.hs_fillter_wrp.cm_filter .hs_fil_title h3 {
  font-size: 24px;
  letter-spacing: -.2px;
  line-height: 1.5;
  margin-bottom: 42px;
}

.hs_fillter_wrp.cm_filter .hs_fil_content {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.hs_fillter_wrp.cm_filter .hs_fil_para p:last-child {
  margin: 0;
}

.hs_fillter_wrp.cm_filter .hs_fil_overlay {
  display: none;
}

.two-col-content.twoCol .inner_spacer{
  border-radius: 6px;
}

.card_gallery.cm_cards .card_item {
  padding: 0;
}

.card_gallery.cm_cards .top_sec.noButton h2 {
  margin: 0;
}

.cnt-wit-bg-wrp.recruiting p:last-child {
  margin: 0;
}

.cnt-wit-bg-wrp.recruiting .content_widget h2 {
  margin: 0;
}

.cnt-wit-tp-img-wrp.ImgCrd.type2 .tp-img-cnt {
  margin-bottom: 42px;
  margin-top: 18px;
}

.cnt-wit-tp-img-wrp.ImgCrd.type2 .tp-img-cnt h4 {
  margin-bottom: 24px;
}

.cnt-wit-tp-img-wrp.ImgCrd.type2 .top_sec.noButton h2 {
  margin-bottom: 42px;
}

.cnt-wit-tp-img-wrp.ImgCrd.type2 .content_widget.col8 {
  max-width: 768px;
}

.cnt-wit-tp-img-wrp.ImgCrd.type2 .splide__track {
  width: 100%;
}

.testimonials_sliderv2.img_al_right.cm_testimonial .right_col {
  padding: 0;
  margin-right: -42px;
  width: auto;
  position: relative;
}

.testimonials_sliderv2.img_al_right.cm_testimonial .left_col {
  padding: 0;
  background-color: #f5f6f6;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: -20vw;
  padding: calc(20vw + 1rem) 20px 20px;
  width: 100%;
}

.cm_testimonial .flex_row {
  padding-top: 42px;
  position: relative;
  flex-wrap: unset;
}

.testimonials_sliderv2.img_al_right.cm_testimonial .right_col .img_bg {
  height: 240px;
  margin-left: 0;
  width: 240px;
}

.testimonials_sliderv2.img_al_right.cm_testimonial .right_col .img_bg {
  height: 240px;
  margin-left: 0;
  width: 240px;
}

.testimonials_sliderv2.cm_testimonial .name.h2 {
  font-size: 1.25rem;
  font-weight: 500;
  margin: 0;
  line-height: 1.6;
  letter-spacing: 0;
}

.testimonials_sliderv2.cm_testimonial p.rolee {
  margin: 0;
  color: #001a1a;
}

.testimonials_sliderv2.cm_testimonial .text_box {
  margin-top: 24px;
}

.testimonials_sliderv2.cm_testimonial .left_inner {
  margin-bottom: 0;
}

.testimonials_sliderv2.cm_testimonial .splide button.splide__arrow {
  align-items: center;
  background-color: #006861;
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  height: 30px;
  justify-content: center;
  position: absolute;
  transition: background-color .25s ease;
  width: 30px;
  z-index: 10;
  transform: none;
}

.testimonials_sliderv2.cm_testimonial button.splide__arrow.splide__arrow--prev {
  right: calc(100% - 15px);
  left: auto;
}

.testimonials_sliderv2.cm_testimonial .slider-button svg {
  padding: 4.5px;
  width: 100%;
}

.testimonials_sliderv2.cm_testimonial .splide .splide__arrow svg {
  fill: #fff;
  padding: 4.5px;
}

.testimonials_sliderv2.cm_testimonial button.splide__arrow.splide__arrow--next{
  left: calc(100% - 15px);
}

.testimonials_sliderv2.cm_testimonial .splide .splide__pagination {
  padding: 0 30px;
  text-align: center;
  transform: translateZ(0);
  transition: opacity .3s;
  z-index: 10;
  justify-content: flex-end;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0 !important;
  left: 0;
  width: 100%;
  display: flex;
  height: 24px;
}

.testimonials_sliderv2.cm_testimonial ul.splide__pagination button {
  background: #000;
  border-radius: 50%;
  display: inline-block;
  height: 8px;
  opacity: .2;
  width: 8px;
  background-color: transparent !important;
  border: 2px solid #97a3a3;
  height: 18px;
  transition: opacity .2s ease;
  width: 18px;
  margin: 0 4px;
}

.testimonials_sliderv2.cm_testimonial ul.splide__pagination .splide__pagination__page.is-active {
  border-color: #006861;
  opacity: 1;
  background-color: transparent;
  transform: unset;
}

.testimonials_sliderv2.cm_testimonial .splide__pagination__page:hover {
  opacity: .2;
  background: transparent !important;
}

.testimonials_sliderv2.cm_testimonial .splide button.splide__arrow:hover {
  background-color: #004c46;
}

.testimonials_sliderv2.cm_testimonial .splide .splide__track ,
.testimonials_sliderv2.cm_testimonial  .testmn_itemv2{
  margin: 0;
}

.testimonials_sliderv2.cm_testimonial .bottom_row {
  padding-bottom: 60px;
}

#video_Popup .vid_trigger .vid_icn {
  background-color: #fff;
  color: #009494;
  border-color: #009494;
  transform: translateY(180px);
}

.cnt-wit-tp-img-wrp.ImgCrd.type2 .tp-img-cnt h4 {
  display: inline-block;
}

.cnt-wit-bg-wrp.cm_jobs iframe {
  width: 100%;
  height: 1000px;
}

.counter-section.nbrCounter .top_sec.noButton {
  max-width: 768px;
}

#video_Popup .description h1 {
  padding-top: 0;
}

.testimonials_sliderv2.cm_testimonial .text_box p:first-child:before,
.testimonials_sliderv2.cm_testimonial .text_box p:first-child:after {
  content: "“";
}
.cm-contact-section.cm_btm_pane {
  padding-top: 90px;
  padding-bottom: 0;
}

#video_Popup .vid_trigger:hover .vid_icn {
  transform: translateY(180px) scale(1.05);
}

.counter-section.nbrCounter.type2 .item .count-wrap .suffix {
  margin-top: 0;
}

.cnt-wit-tp-img-wrp.ImgCrd.type3 .splide__track {
  width: 100%;
}

.accordion_wrap.accordionStyle .acc-item:not(:last-child) {
  margin-bottom: 12px;
}

.MediaCnt.cm_spacing {
  margin-bottom: 90px;
  margin-top: 90px;
}

/* us */

.two-col-content.about_bnr .mediaimg .single-img img {
  border-radius: 6px !important;
}

.two-col-content.about_bnr .content-col .description {
  margin: 0;
}

.two-col-content.about_bnr .content-col .description h1 {
  margin: 0;
}

.two-col-content.about_bnr .flex_row {
  row-gap: 0;
}

.cnt-wit-bg-wrp.recruiting.type2  .content_widget {
  margin: 0 auto;
}

.cnt-wit-bg-wrp.recruiting.type2 .content_widget h2 {
  margin-bottom: 42px;
}

.two-col-content.video_Popup.type2 .media_column.img-col.col6 {
  padding: 18px 0 20px;
}

.two-col-content.video_Popup.type2 .description h3 {
  margin-bottom: 0;
}

.two-col-content.video_Popup.type2 .description h1 {
  padding-top: 0;
}

.two-col-content.video_Popup.type2 .flex_row {
  row-gap: 0;
}

.two-col-content.studies-faster .main-vid-wrap {
  border-radius: 6px;
}

.two-col-content.studies-faster .vid_trigger .vid_icn {
  background-color: #006861;
  border-radius: 50%;
  color: #fff;
  height: 60px;
  padding: 1rem;
  width: 60px;
}

.two-col-content.studies-faster .vid_trigger .vid_icn img {
  width: 20px;
}

.two-col-content.studies-faster .btn_row {
  margin: 0;
}

.two-col-content.studies-faster .content-col .description {
  margin: 0;
}

.cnt-wit-tp-img-wrp.ImgCrd.type4 .col-btn-grp {
  margin-top: 20px;
}

.cnt-wit-tp-img-wrp.ImgCrd.type4 .btn_row {
  margin: 0;
}

.cnt-wit-tp-img-wrp.ImgCrd.type4 .col-btn-grp a {
  background-color: #fff;
  border-color: #7a8787;
  color: #7a8787;
  padding: 12px 24px;
  font-size: 16px;
}

.cnt-wit-tp-img-wrp.ImgCrd.type4 .col-btn-grp a:hover {
  border-color: #334848;
  color: #334848;
}

.cnt-wit-bg-wrp.ctm-cont.type2 h3, .cnt-wit-bg-wrp.ctm-cont.privacy h3 {
  margin-top: 0;
}

.two-col-content.cm_papers .top_sec h2.title {
  max-width: 768px;
}

.counter-section.nbrCounter.type2 .flex_row .item {
  flex-grow: 1;
}

.cnt-wit-tp-img-wrp.cmCards .flex-row {
  column-gap: 48px;
  row-gap: 48px;
  display: grid;
  grid-template-columns: repeat(3, minmax(8px, 1fr));
}

.cnt-wit-tp-img-wrp.cmCards .tp-img-cnt-inner h5 {
  margin-bottom: 24px;
}

.cnt-wit-tp-img-wrp.cmCards .col-btn-grp {
  margin: 0;
}

.cnt-wit-tp-img-wrp.cmCards .col-btn-grp a {
  background-color: #fff;
  padding: 12px 24px;
  font-size: 16px;
  border-color: #7a8787;
  color: #7a8787;
}

.cnt-wit-tp-img-wrp.cmCards .col-btn-grp a:hover {
  border-color: #334848;
  color: #334848;
}

.cnt-wit-tp-img-wrp.cmCards .inner_spacing.theme {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.cnt-wit-tp-img-wrp.cmCards .tp-img-cnt {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
}

.cnt-wit-tp-img-wrp.cmCards .col-btn-grp a:before {
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.cm-contact-section.cm_webinar_form .cm-sidebar-content .cm-right {
  display: flex;
  flex-wrap: wrap;
  max-width: unset;
  flex-shrink: 0;
  align-items: flex-start;
  padding: 0;
  gap: 18px;
}

.cm-contact-section.cm_webinar_form .cm-sidebar-content .cm-right img {
  max-width: 108px;
}

.cm_team_wrp.cm_team .top_sec.noButton {
  padding: 0;
  margin: 0;
  text-align: left;
}

.cm_team_wrp.cm_team .flex_row .col4 {
  padding: 0;
}

.cm_team_wrp.cm_team .flex_row {
  column-gap: 24px;
  display: grid;
  grid-template-columns: repeat(1, minmax(8px, 1fr));
  row-gap: 24px;
}

.cm_team_wrp.cm_team .cm_team_card.col4 {
  background-color: #f5f6f6;
  border-radius: 6px;
  margin-top: 80px;
  width: 100%;
}

.cm_team_wrp.cm_team .cm_team_card_inner {
  flex-direction: column;
  height: 100%;
  padding: 0 16px 16px;
  display: flex;
}

.cm_team_wrp.cm_team .cm_team_image.noBgAdded {
  margin: 0;
  padding: 0;
  height: 160px;
  margin-top: -80px;
  width: 160px;
  border-radius: 50%;
  overflow: hidden;
}

.cm_team_wrp.cm_team .cm_team_cont {
  margin-top: 16px;
}

.cm_team_wrp.cm_team .cm_team_cont h3 {
  margin-bottom: 8px;
}

.cm_team_wrp.cm_team .cm_team_cont p {
  font-weight: 600;
  margin-bottom: 8px;
  font-size: 16px;
  display: inline-block;
}

.cm_team_wrp.cm_team .cm_team_text {
  margin: 24px 0;
}

.cm_team_wrp.cm_team .cm_team_text p {
  font-weight: normal;
  margin: 0;
}

.cm_team_wrp.cm_team .cm_team_icons a {
  height: 36px;
  overflow: visible;
  width: 36px;
}

.cm_team_wrp.cm_team .cm_team_icons a * {
  width: 100%;
  height: 100%;
}

.cm_team_wrp.cm_team .top_sec.noButton h4.title {
  margin-bottom: 30px;
}

.cm_team_wrp.cm_team .cm_team_icons {
  margin-left: -2px;
  margin-top: -2px;
}

.cm_team_wrp.cm_team .cm_team_icons a:hover * {
  fill: #004c46;
}

.cm_team_wrp.cm_team .btn_row {
  margin: 0;
}

.cm_team_wrp.cm_team .cm_team_card_inner {
  display: flex;
  flex-direction: column;
}
.cm_team_wrp.cm_team .cm_team_icons {
  margin-top: auto;
}

.cm_logo_wrap.cm_logo_slider.type2 {
  margin: 90px 0;
}

.friendation.intelligent-grid-platform {
  position: relative;
}

.friendation.intelligent-grid-platform:before {
  content: '';
  width: 100%;
  height: 100%;
  background-color: rgba(245, 246, 246, 1.0);
  display: block;
  position: absolute;
  top: 90px;
}

.friendation.intelligent-grid-platform.spacing:before {
  top: -90px;
}

.animation-logo {
  transform: translate(-110%, -100%);
  width: 12rem;
  display: block;
  left: 50%;
  pointer-events: none;
  position: absolute;
  top: 0;
}

.footer-icon {
  position: relative;
}

.mainContent {
  position: relative;
  margin-bottom: 180px;
}

.animation-logo svg {
  display: block;
}

/* ------------------------------- */

.cnt-wit-bg-wrp.bgCnt.cm_order .page-center .content_widget .rich_text {
  order: unset;
  padding-bottom:0;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  -ms-hyphens: auto;
  hyphens: auto;
}

/* media query */


@media (min-width: 480px) {
  .simple-banner.cm_bnr {
    min-height: 421px;
  }
  .simple-banner.cm_bnr  h1 {
    margin-bottom: 54px;
  }

  .testimonials_sliderv2.img_al_right.cm_testimonial .left_col {
    padding: 20px 30px 30px;
  }
}

@media (max-width: 1439px) and (min-width: 768px){
  .simple-banner.cm_bnr{
    margin-top: 0;
  }

  #video_Popup{
    margin-top: 120px;
    padding-bottom: 120px;
  }

  .MediaCnt.cm_spacing {
    margin-bottom: 120px;
  }

  .mainContent {
    margin-bottom: 120px;
  }
}

@media (min-width: 768px) {
  .simple-banner.cm_bnr .page-center {
    padding-left: 26px;
    padding-right: 26px;
  }


  .testimonials_sliderv2.img_al_right.cm_testimonial .left_col {
    margin-top: 42px;
    padding: 42px 42px 42px 78px;
    width: 100%;
  }

  .cm_team_wrp.cm_team .flex_row {
    grid-template-columns: repeat(2, minmax(8px, 1fr));
  }

  .cm_team_wrp.cm_team .cm_team_card_inner {
    padding: 0 24px 24px;
  }
}

@media (min-width: 1024px) {
  .tabber.cm_tabber .flex_row .col6 {
    width: 53%;
  }

  .tabber.cm_tabber .full-content-col.col6 {
    padding: 72px 72px 72px 120px;
    margin-left: -6%;
    width: 53%;
  }

  .card_gallery.cm_cards .card_item {
    padding: 0;
    width: calc(33.33333% - 96px);
  }

  .card_gallery.cm_cards .card_item {
    padding: 0;
    width: calc(33.33333% - 96px);
    margin-right: 144px;
  }

  .card_gallery.cm_cards .card_item:nth-child(3n) {
    margin-right: 0;
  }


  .card_gallery.cm_cards .card_item:last-child {
    margin-right: 0;
  }

  .card_gallery.cm_cards .card_item:nth-child(1n+4) {
    margin-top: 78px;
  }


  .two-col-content.about_bnr .content-col.col6 {
    width: 45%;
  }

  .two-col-content.about_bnr .media_column.img-col.col6 {
    width: 45%;
  }

  .two-col-content.studies-faster .content-col.col6 {
    width: 53%;
    margin-left: -6%;
    border-radius: 6px;
  }

  .two-col-content.studies-faster .media_column.img-col.col6 {
    width: 53%;
  }
}

@media (min-width: 1280px) {
  .simple-banner.cm_bnr .page-center,
  .cnt-wit-bg-wrp.cm_cntn .page-center,
  .tabber.cm_tabber .page-center,
  .card_gallery.cm_cards .page-center,
  .cnt-wit-bg-wrp.cm_img .page-center,
  .cnt-wit-bg-wrp.recruiting .page-center,
  .cm_filter .page-center,
  .testimonials_sliderv2.cm_testimonial .page-center,
  .cnt-wit-bg-wrp.cm_jobs .page-center,
  .cm_team_wrp.cm_team .page-center{
    padding-left: calc(136px + 3rem);
    padding-right: calc(136px + 3rem);
  }

  .two-col-content.conn-req.twoCol .page-center {
    padding-left: 30px;
    padding-right: 30px;
  }

  .two-col-content.conn-req.twoCol .columns_rowo_wrap {
    margin-left: calc(106px + 3rem);
  }

  .two-col-content.conn-req.type2 .page-center {
    padding-left: 30px;
    padding-right: 30px;
  }

  .two-col-content.conn-req.type2 .columns_rowo_wrap {
    margin-left: calc(106px + 3rem);
  }

  .two-col-content.conn-req.type2 .media_column {
    width: 43%;
  }

  .testimonials_sliderv2.img_al_right.cm_testimonial .left_col {
    padding-left: 102px;
    padding-right: 102px;
  }

  .testimonials_sliderv2.cm_testimonial .splide button.splide__arrow {
    top: calc(47.5% - 45px);
  }

  #video_Popup .content-col.col6 {
    width: 45%;
  }

  .two-col-content.about_bnr .content-col.col6 {
    width: 41%;
  }

  .two-col-content.about_bnr .media_column.img-col.col6 {
    width: 43%;
  }

  .two-col-content.about_bnr .flex_row {
    margin-left: calc(106px + 3rem);
  }

  .two-col-content.video_Popup.type2 .content-col.col6 {
    width: 41%;
  }

  .two-col-content.video_Popup.type2 .media_column.img-col.col6 {
    width: 43%;
  }

  .two-col-content.conn-req.type5 .content-col {
    width: 43%;
  }

  .cm_team_wrp.cm_team .flex_row {
    grid-template-columns: repeat(3, minmax(8px, 1fr));
    row-gap: 36px;
    column-gap: 24px;
  }

  .cm_team_wrp.cm_team .cm_team_card_inner {
    padding: 0 32px 32px;
  }

  .home_dnd_area10 .cm-contact-section.cm_btm_pane {
    min-height: 1000px;
  }
}

@media (min-width: 1440px) {
  .testimonials_sliderv2.cm_testimonial button.splide__arrow.splide__arrow--prev {
    right: calc(100% + 48px);
  }

  .testimonials_sliderv2.cm_testimonial button.splide__arrow.splide__arrow--next {
    left: calc(100% + 48px);
  }
}

@media(max-width:1279px){
  .testimonials_sliderv2.cm_testimonial .splide button.splide__arrow {
    display: none;
  }

  .mainContent [is=animation-stecker]{
    display:none;
  }

  .footer-icon {
    display: none;
  }
}

@media(max-width:1023px){
  .tabber.cm_tabber .flex_row .col6 {
    width: 100%;
  }

  .two-col-content.twoCol .content-col .description {
    margin-top: 24px;
  }

  .two-col-content.conn-req.type2 .flex_row {
    flex-direction: column-reverse;
    row-gap: 18px;
  }

  .two-col-content.about_bnr .content-col.col6,
  .two-col-content.about_bnr .media_column.img-col.col6{
    width: 100%;
  }

  .two-col-content.studies-faster .media_column.img-col.col6 {
    width: 100%;
    margin-bottom: -52px;
  }

  .two-col-content.studies-faster .flex_row {
    row-gap: 0;
  }

  .two-col-content.studies-faster .content-col.col6 {
    margin-left: -26px;
    margin-right: -26px;
    padding-left: 26px;
    padding-right: 26px;
    width: calc(100% + 52px);
  }

  .cnt-wit-tp-img-wrp.cmCards .flex-row {
    column-gap: 24px;
  }
}

@media(max-width:767px){
  .child_theme .cm_nv_wrp .cm_nv_inner .custom, 
  .child_theme .cm_pg_wrp .left-col a.custom, 
  .child_theme .cm_pg_wrp .right-col .social-share a.custom, 
  .child_theme .hs-button, .hs-sec-btn, 
  .child_theme .hs-trans-btn,
  .child_theme form input[type=submit]{
    padding: 12px 24px;
  }

  .cm_bnr .btn_row {
    margin: 0;
  }

  .card_gallery.cm_cards .top_sec.noButton {
    margin-bottom: 24px;
  }

  .hs_fillter_wrp.cm_filter .grid {
    grid-template-columns: repeat(1, minmax(8px, 1fr));
  }

  .cm_testimonial .flex_row {
    flex-wrap: wrap;
  }

  .testimonials_sliderv2.img_al_right.cm_testimonial .right_col .img_bg {
    margin-left: 20px;
    height: 30vw;
    width: 30vw;
  }

  .testimonials_sliderv2.img_al_right.cm_testimonial .left_col {
    padding-top: 160px;
  }

  .cnt-wit-tp-img-wrp.ImgCrd.type2 .flex-row {
    row-gap: 0;
  }

  .testimonials_sliderv2.cm_testimonial .bottom_row {
    padding-bottom: 0;
  }
  .cm-contact-section.cm_btm_pane {
    padding-bottom: 0;
  }

  .two-col-content.studies-faster .content-col.col6 {
    padding: 20px;
    margin-left: -20px;
    margin-right: -20px;
    padding-bottom: 42px;
    padding-top: 102px;
    width: calc(100% + 40px);
  }
  .two-col-content.studies-faster .vid_trigger .vid_icn {
    width: 48px;
    height: 48px;
    padding: .5rem;
  }

  .cnt-wit-tp-img-wrp.cmCards .flex-row {
    display: flex;
    row-gap: 60px;
  }

  .cnt-wit-tp-img-wrp.cmCards .btn_row {
    margin: 0;
  }

  .cm-contact-section.cm_webinar_form .cm-right-sec .cm-sidebar-content {
    flex-wrap: wrap;
  }

  .cm-contact-section.cm_webinar_form .cm-sidebar-content .cm-right {
    margin: 20px 0 0;
  }

  .MediaCnt.cm_spacing {
    margin-bottom: 0;
  }

  #video_Popup .vid_trigger .vid_icn {
    transform: translateY(72px) !important;
  }

  .mainContent {
    margin-bottom: 100px;
  }

}

@media(max-width:479px){
  .testimonials_sliderv2.img_al_right.cm_testimonial .right_col .img_bg{
    border-radius: 6px;
    height: 50vw;
    margin-left: 20px;
    overflow: hidden;
    width: 50vw;
  }

  .testimonials_sliderv2.img_al_right.cm_testimonial .left_col {
    padding-top: 80px;
  }
}

/*  */


.counter-section.cm_numbers .top_sec.noButton {
  padding: 0;
  margin: 0;
}

.counter-section.cm_numbers .top_sec {
  max-width: 768px;
  width: 100%;
}

.counter-section.cm_numbers .top_sec {
  text-align: left;
}
.counter-section.cm_numbers .page-center,
.two-col-content.cm_papers .page-center{
  padding-left: 20px;
  padding-right: 20px;
}

.counter-section.cm_numbers .item.col4 {
  padding-left: 0;
  padding-right: 0;
}


.counter-section.cm_numbers .flex_row {
  justify-content: flex-start;
  row-gap: 0;
}

.counter-section.cm_numbers .item.col4 {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.counter-section.cm_numbers .item .inner {
  padding: 0;
  min-height: auto;
  min-width: 100%;
}

.counter-section.cm_numbers .item .inner .count-wrap {
  font-size: 48px;
  line-height: 1;
  color: #006861;
  margin: 0;
  font-weight: 400;
}

.counter-section.cm_numbers .item .inner .desc p {
  margin-top: 6px;
  margin-bottom: 20px;
}


.two-col-content.cm_papers .top_sec.noButton {
  padding: 0;
  margin-bottom: 120px;
}

.two-col-content.cm_papers .top_sec {
  margin-bottom: 120px;
}

.two-col-content.cm_papers .top_sec h2.title {
  text-align: left;
  margin: 0;
}
.two-col-content.cm_papers .flex_row {
  row-gap: 0;
}
.two-col-content.cm_papers .content-col .description p:last-child {
  margin-bottom: 0;
}





.two-col-content.cm_papers .content-col .description {
  margin: 0;
}
.two-col-content.cm_papers .media_column .single-img img {
  max-width: 536px;
  width: 100%;
}
.two-col-content.cm_papers .content-col .form_wrap h3 {
  margin: 0;
}
.two-col-content.cm_papers .content-col .form_wrap {
  padding-top: 0;
}

.two-col-content.video_Popup.cm_refrences .description h1  {
  padding-top: 0;
}
.cm_logo_wrap.cm_logo_slider {
  margin: 100px 0;
}

.cm_logo_wrap.cm_logo_slider .swiper-pagination-bullet {
  margin-bottom: 6px !important;
  margin-right: 6px !important;
  margin-left: 0 !important;
}


.two-col-content.video_Popup.cm_beenergy .description h1 {
  padding-top: 0;
}



.two-col-content.video_Popup.cm_beenergy .description  h3 {
  font-size: 1.25rem;
  margin-bottom: 36px;
  margin-top: 36px;
}

.two-col-content.video_Popup.cm_beenergy .media_column .single-img img {
  max-width: 527px;
  display: block;
  width: 100%;
  margin-left: auto;
}




.two-col-content.video_Popup.cm_beenergysg .media_column .single-img {
  margin-top: 18px;
  margin-bottom: 20px;
  border-radius: 6px;
}

.two-col-content.video_Popup.cm_beenergysg .media_column .mediaimg {
  border-radius: 6px;

}

.two-col-content.video_Popup.cm_beenergysg .media_column .single-img img {
  border-radius: 6px !important;
  max-width: 100%;
  width: 100%;
}

.two-col-content.video_Popup.cm_beenergysg .description h3 {
  margin-bottom: 42px;
  margin-top: 0;
}

.two-col-content.video_Popup.cm_beenergy .media_column .mediaimg {
  margin-top: 18px;
  margin-bottom: 20px;
}

.cnt-wit-bg-wrp.normalCnt.cm_bg_image .page-center .content_widget {
  max-width: 100%;
}

.two-col-content.video_Popup.cm_beenergysg.cm_repath .media_column .single-img {
  margin: 0;
}

.two-col-content.video_Popup.cm_beenergysg.cm_repath .content-col.col6 .description {
  padding-top: 2rem;
}


.two-col-content.cm_beenergysg.cm_digikoo .media_column .single-img {
  margin: 0;
}

.two-col-content.cm_beenergysg.cm_digikoo .content-col .description {
  padding-top: 2rem;
}

.two-col-content.video_Popup.cm_btm_img_sec .content-col .description h3 {
  margin-top: 0;
}

.two-col-content.video_Popup.cm_btm_img_sec .media_column .single-img {
  border-radius: 6px;
}

.two-col-content.video_Popup.cm_btm_img_sec .media_column .single-img img {
  border-radius: 6px !important;
  max-width: 527px;
  width: 100%;
  display: block;
  margin-left: auto;
}

.two-col-content.video_Popup.cm_btm_img_sec .media_column .mediaimg {
  margin-top: 18px;
  margin-bottom: 20px;
}
.cnt-wit-bg-wrp.privacy .rich_text p:last-child {
  margin-bottom: 0;
}


.cnt-wit-bg-wrp.cm_btn_fntwght .btn_row a.hs-sec-btn {
  font-weight: 700;
}
/* Partners Page Style */

.cnt-wit-bg-wrp.cm-prtnrs-cnt .content_widget {
  max-width: 768px;
}
.cnt-wit-bg-wrp.cm-prtnrs-cnt .content_widget h2 {
  margin-bottom: 42px;
}

.cnt-wit-bg-wrp.cm-prtnrs-cnt .rich_text > *:last-child {
  margin-bottom: 0;
}

.cnt-wit-tp-img-wrp.ImgCrd.cm_card_section .cnt-col .tp-img-cnt-inner p:last-child {
  margin-top: auto;
}

.cnt-wit-tp-img-wrp.ImgCrd.cm_card_section .tp-img-cnt .tp-img-cnt-inner {
  display: flex;
  flex-direction: column;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
  flex-flow: column;
  height: 100%;
}

.cnt-wit-tp-img-wrp.ImgCrd.cm_card_section .cnt-col .inner_spacing {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.cnt-wit-tp-img-wrp.ImgCrd.cm_card_section .tp-img-cnt{
  height: 100%;
}
.accordion_wrap.accordionStyle .acc-item .carrortwrap svg {
  display: none;
}

.accordion_wrap.accordionStyle .acc-item .carrortwrap:after {
  -ms-flex-negative: 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  background-image: url(https://3909618.fs1.hubspotusercontent-eu1.net/hubfs/3909618/raw_assets/public/Envelio_November2024/images/down-arrow.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  flex-shrink: 0;
  height: 36px;
  justify-content: center;
  margin-left: 0;
  min-width: 36px;
  -webkit-transition: -webkit-transform .2s;
  transition: -webkit-transform .2s ease;
  transition: transform .2s ease;
  transition: transform .2s ease, -webkit-transform .2s ease;
  width: 36px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.accordion_wrap.accordionStyle .acc-item.activeaccord .carrortwrap:after {
  background-image: url(https://3909618.fs1.hubspotusercontent-eu1.net/hubfs/3909618/raw_assets/public/Envelio_November2024/images/down-arrow.svg);
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg);
}
.accordion_wrap.accordionStyle .acc-item .acc-content{
  box-shadow:unset;
}
.accordion_wrap.accordionStyle .accord_outer .acc-item {
  border-radius: 6px;
}


.cm_card_slider.cm_related_contents  .top_content h2 {
  font-family: Inter, Helvetica, Arial, sans-serif;
  margin: 0;
}

.cm_card_slider.cm_related_contents .item .slider_content .content-inner h4 {
  font-weight: 400;
  letter-spacing: -.2px;
  line-height: 1.5;
  margin-bottom: 36px;
  color: #334848;
  font-family: Inter, Helvetica, Arial, sans-serif;
}

.cm_card_slider.cm_related_contents .item .slider_content .content-inner p {
  font-family: Inter, Helvetica, Arial, sans-serif;
}






@media (min-width:320px){
  .cm_card_slider.cm_related_contents{
    margin:0;
  }


}




@media (min-width:480px){
  .counter-section.cm_numbers .flex_row {
    margin-top: 0;
  }

  .counter-section.cm_numbers .item.col4 {
    width: calc(50% - 12px);
    margin-bottom:24px;
  }
}

@media (min-width:768px){
  .counter-section.cm_numbers .page-center,
  .two-col-content.cm_papers .page-center{
    padding-left: 26px;
    padding-right: 26px;
  }
  .counter-section.cm_numbers .top_sec.noButton {
    margin-bottom: 26px;
  }
  .cm_logo_wrap.cm_logo_slider {
    margin: 120px 0;
  }
}

@media (min-width:1024px){
  .counter-section.cm_numbers .item.col4:not(:last-child) {
    margin-right: 24px;
  }

  .counter-section.cm_numbers .item.col4 {
    width: calc(25% - 18px);
    margin-bottom:0;
  }

  .counter-section.cm_numbers .flex_row {

    margin-top: 78px;
  }
  .counter-section.cm_numbers .item.col4{
    margin-top:0;
  }
  .two-col-content.video_Popup.cm_beenergy .content-col.col6,
  .two-col-content.video_Popup.cm_beenergy .media_column.img-col.col6,
  .two-col-content.cm_papers .content-col.col6{
    width: 45%;
  }

}

@media (min-width:1280px){
  .counter-section.cm_numbers .page-center,
  .two-col-content.cm_papers .page-center{
    padding-left: calc(136px + 3rem);
    padding-right: calc(136px + 3rem);
  }
  .two-col-content.video_Popup.cm_beenergy .content-col.col6 {
    width: 41%;
  }

  .two-col-content.video_Popup.cm_beenergy .media_column.img-col.col6 {
    width: 49%;
  }
  .two-col-content.video_Popup.cm_beenergysg .media_column.img-col.col6 {
    width: 43%;
  }
  .two-col-content.video_Popup.cm_beenergysg .media_column.img-col.col6 {
    width: 43%;
  }
  .two-col-content.video_Popup.cm_beenergysg .content-col.col6 {
    width: 41%;
  }
  .two-col-content.video_Popup.cm_beenergysg.cm_repath .content-col.col6 {
    width: 40%;
  }

  .two-col-content.video_Popup.cm_beenergysg.cm_repath .media_column.img-col.col6 {
    width: 50%;
  }

  .two-col-content.video_Popup.cm_beenergysg .columns_rowo_wrap {
    margin-left: 0;
  }

  .two-col-content.video_Popup.cm_beenergysg .page-center {
    padding-left: calc(136px + 3rem);
    padding-right: calc(136px + 3rem);
  }
  .two-col-content.cm_beenergysg.cm_digikoo .content-col.col6 {
    width: 40%;
  }

  .two-col-content.cm_beenergysg.cm_digikoo .media_column.img-col.col6 {
    width: 50%;
  }
  .two-col-content.cm_papers .content-col.col6 {
    width: 40%;
  }
  .cnt-wit-bg-wrp.cm-prtnrs-cnt .page-center {
    padding-left: calc(136px + 3rem);
    padding-right: calc(136px + 3rem);
  }

}

@media (max-width:1023px){
  .two-col-content.cm_papers .page-center{
    max-width:768px;
    width:100%;
  }



  .two-col-content.cm_papers .content-col {
    width: 100%;
  }


  .two-col-content.cm_papers 	.media_column.col6 {
    width: 100%;
  }

  .two-col-content.cm_papers .media_column .single-img {
    margin-bottom: 18px;
  }

  .two-col-content.cm_papers .media_column .single-img img ,
  .two-col-content.video_Popup.cm_beenergy .media_column .single-img img,
  .two-col-content.video_Popup.cm_btm_img_sec .media_column .single-img img {
    max-width: 100%;
  }

  .two-col-content.video_Popup.cm_beenergy .flex_row,
  .two-col-content.video_Popup.cm_btm_img_sec .flex_row,
  .two-col-content.video_Popup.cm_beenergysg .flex_row {
    row-gap: 0;
  }

  .two-col-content.video_Popup.cm_beenergysg.cm_repath .media_column .single-img {
    margin-bottom: 20px;
  }

  .two-col-content.video_Popup.cm_beenergysg.cm_digikoo .media_column .mediaimg {
    margin-bottom: 18px;
  }

  .two-col-content.video_Popup.cm_refrences .flex_row {
    row-gap: 24px;
  }
  .counter-section.cm_numbers .top_content p:last-child {
    margin-bottom: 20px;
  }

  .counter-section.cm_numbers .flex_row {
    margin-top: 42px;
  }

  .counter-section.cm_numbers .item.col4:not(:first-child) {
    padding-top: 25px;
  }
  .two-col-content.cm_papers .top_sec.noButton {
    margin-bottom: 100px;
  }
  .counter-section.cm_numbers .item.col4:nth-child(n) {
    margin-right: 24px;
  }

  .counter-section.cm_numbers .item.col4:nth-child(2n) {
    margin-right: 0;
    padding-top: 0;
  }
  .counter-section.cm_numbers .item.col4:not(:first-child){
    padding-top: 0;
  }
  .counter-section.cm_numbers .flex_row{
    margin-top:26px;
  }
  .two-col-content.conn-req.cm_grid_platform .content-col .description {
    padding-top: 7px;
  }
}


@media (max-width:767px){
  .two-col-content.conn-req.cm_grid_platform .content-col .description {
    padding-top: 0;
  }

}
@media (max-width:479px){
  .two-col-content.video_Popup.cm_beenergy .description h3 {
    font-size: 18px;
  }
  .MediaCnt.cm_title .box-copy h2 {
    font-size: 25px;
  }
  .cm-contact-section.cm_bottom_form .cm-sidebar-content h4 {
    font-size: 15px;
  }

  .simple-banner.bgBnnr.cm_banner2 .page-center .banner-content-inner {
    padding-top: 0;
  }

}


/* Heading Styles */

.p-h1{
  font-family: ;
  font-size: 54px;
;

}
.p-h2 {
	
}

.p-h3 {
	
}

.p-h4 {
	
}

.p-h5 {
	
}

.p-h6 {
	
}
#hs_menu_wrapper_primary_menu, .secondary-menu, .hamburger {
display: none;
}
.cm-header .demo-btn a {
        margin-right: 0;
    }

.logo-mobile {
   display: none;
  }
@media (max-width: 768px) {
  .logo-desktop {
   display: none;
  }
  .logo-mobile {
   display: block;
  }
  .logo-mobile img {
    width: 58px;
    height: auto;
    margin-top: 7px;
  }
}    
svg {
  image-rendering: auto;
  shape-rendering: geometricPrecision;
  text-rendering: optimizeLegibility;
  backface-visibility: hidden;
}
img[src$=".svg"] {
  image-rendering: auto;
  backface-visibility: hidden;

  transform: translateZ(0); /* manchmal hilfreich für bessere GPU-Darstellung */
}
.cm_search_result_banner {
  margin-top:46px;
}
.hsresults ul>li:before {
  display:none !important;
}
.cm_search_result_page .content-wrapper {
  max-width: 1024px;
}
.hs-search-results__title {
    color: #001a1a;
    font-size: 24px;
    margin-bottom:24px;
    font-weight: 500;
    letter-spacing: -.2px;
    line-height: 1.5;
    text-decoration: none;
}


/* ===== HEADER V2 (ported 2026-08-31, WPWAENV-3) =====
   Everything below is scoped under .header-v2, the class on the header wrapper in
   partials/header.html. That class is the activation switch: without it these rules
   match nothing, so this block is inert on any page whose header lacks it.

   The old-header rules ABOVE are deliberately left in place (port decision, 2026-08-31).
   Every selector here carries the .header-v2 prefix and is therefore strictly more
   specific than its production twin, so it wins without needing the !important flags.
   Those flags are still present and are inert; removing them is follow-up cleanup and
   must not be done blind - some of them fight inline styles written by module.js.

   Source: css/header-v2.css. That file still exists for the sandbox partial; this is a
   copy, not a move. Keep the two in step until the sandbox is retired.
   ===================================================================== */

/* Header V2 - design sandbox.
   Copy of the header styles from child.css (source line numbers are kept per block),
   scoped under .header-v2, the class on the wrapper in templates/partials/header.html.
   The live header never sees these rules, so the redesign happens here.
   Porting back to production: drop the .header-v2 prefix and replace the matching
   blocks in child.css. */


/* child.css:559 */
/* --------------------header  */
.header-v2.header-wrp {
  min-height: 96px; 
  position: relative;
  z-index: 99999;
}

/* child.css:564 */
.header-v2 .cm-header {
  margin: 0 auto;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;
}

/* child.css:572 */
.header-v2 .cm-header .wrapper {
  height: 80px;
  background-color: rgba(255, 255, 255,1.0);
}

/* child.css:577 */
.header-v2 .cm-header .wrapper .page-center {
  display: flex;
  height: 100%;
  justify-content: space-between;
  max-width: 1440px;
  padding-bottom: 20px;
  padding-top: 20px;
  align-items: center;
  border-bottom: 1px solid hsla(180, 5%, 50%, .3);
}

/* child.css:588 */
.header-v2 .cm-header .wrapper .header-item-wrp li:before {
  display: none;
}

/* child.css:592 */
.header-v2 .cm-header .wrapper .page-center .header-content {
  display: flex;
  flex-grow: 1;
  height: 100%;
  justify-content: flex-end;
  align-items: center;
}

/* child.css:600 */
.header-v2 .cm-header .wrapper .page-center .header-content .header-item-wrp {
  display: flex !important;
  flex-grow: 1;
  justify-content: flex-end;
  align-items: center;
}

/* child.css:607 */
.header-v2 .cm-header .wrapper .page-center .header-content .header-item-wrp .primary-menu.menu {
  margin-right: auto;
}

/* child.css:611 */
.header-v2 .cm-header .menu .hs-menu-wrapper>ul {
  margin: 0;
  padding: 0;
}

/* child.css:616 */
.header-v2 .cm-header .menu .hs-menu-wrapper>ul>li {
  margin: 0;
  position: relative;
}

/* child.css:621 */
.header-v2 .cm-header .menu .hs-menu-wrapper>ul>li>a {
  transition: color .2s ease;
  width: 100%;
  display: flex;
  font-weight: 600;
  padding: 26px;
  text-decoration: none;
  color: #334848;
  cursor: pointer;
  font-size: 16px;
  color: rgba(51, 72, 72,1.0);
}

/* child.css:634 */
.header-v2 .cm-header .menu .hs-menu-wrapper>ul>li>ul li.active>a {
  color: rgba(0, 104, 97,1.0);
  background-color: rgba(2, 103, 128,0.0);
}

/* child.css:639 */
.header-v2 .cm-header .menu .hs-menu-wrapper>ul>li.active>a {
  color: rgba(0, 104, 97,1.0);
  background-color: rgba(2, 103, 128,0.0);
}

/* child.css:644 */
.header-v2 .cm-header .wrapper .page-center .header-logo a {
  align-self: baseline;
  display: block;
  margin-top: -17px;
  width: 180px;
}

/* child.css:651 */
.header-v2 .cm-header .menu .hs-menu-wrapper>ul>li svg {
  transition: transform .3s ease, -webkit-transform .3s ease;
  width: 24px;
  height: 24px;
  pointer-events: none;
  position: absolute;
  right: 18px;
  top: 26px;
}

/* child.css:661 */
.header-v2 .cm-header .menu .hs-menu-wrapper>ul>li.hs-item-has-children>a {
  padding-right: 52px;
}

/* child.css:665 */
.header-v2 .cm-header .menu .hs-menu-wrapper>ul>li>a:hover {
  color: rgba(0, 76, 70,1.0);
  background-color: rgba(2, 103, 128,0.0);
}

/* child.css:670 */
.header-v2 .cm-header .menu .hs-menu-wrapper>ul>li:hover svg {
  color: rgba(0, 76, 70,1.0);
}

/* child.css:674 */
.header-v2 .cm-header .menu .hs-menu-wrapper>ul>li>ul>li>a:hover {
  background-color: rgba(2, 103, 128,0.0);
  color: rgba(0, 76, 70,1.0);
}

/* child.css:678 */
.header-v2 .cm-header .menu .hs-menu-wrapper>ul>li>ul ul>li>a:hover { 
  background-color: rgba(2, 103, 128,0.0);
  color: rgba(0, 76, 70,1.0);
}

/* child.css:683 */
.header-v2 .cm-header .demo-btn.mobile {
  display: flex;
  height: 100%;
}

/* child.css:689 */
.header-v2 .cm-header .menu .hs-menu-wrapper>ul>li>ul {
  transition: max-height .3s cubic-bezier(.08,.82,.17,1), opacity .3s ease-in, transform .3s ease-in, -webkit-transform .3s ease-in;
  transform: translateY(-10px);
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  pointer-events: none;
  background-color: #fff;
  border-radius: 6px;
  display: block;
  list-style: none;
  margin: 0;
}

/* child.css:704 */
.header-v2 .cm-header .menu .hs-menu-wrapper>ul>li>ul>li {
  margin: 0;
}

/* child.css:708 */
@media (max-width: 1439px) {
  .header-v2 .cm-header .menu .hs-menu-wrapper .hs-menu-depth-2 {
  margin-left: 20px;
  }
}

/* child.css:713 */
.header-v2 .cm-header .menu .hs-menu-wrapper>ul>li>ul>li>a {
  transition: color .2s ease;
  width: 100%;
  display: flex;
  font-weight: 600;
  cursor: pointer;
  color: #334848;
  align-items: center;
  padding: 18px 26px;
}

/* child.css:724 */
.header-v2 .cm-header .menu .hs-menu-wrapper>ul>li.show>ul {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
  transition: max-height .3s cubic-bezier(.6,.04,.98,.34), opacity .3s ease-in, transform .3s ease-in, -webkit-transform .3s ease-in;
}

/* child.css:732 */
.header-v2 .cm-header .menu .hs-menu-wrapper>ul>li>ul ul {
  display: block;
  padding: 0;
  padding-bottom: 6px;
  margin-bottom: 0;
}

/* child.css:741 */
.header-v2 .cm-header .menu .hs-menu-wrapper>ul>li>ul ul>li {
  margin: 0 0 0 26px;
}

/* child.css:746 */
.header-v2 .cm-header .menu .hs-menu-wrapper>ul>li>ul ul>li>a {
  font-size: 90%;
  padding: 12px 26px;
  transition: color .2s ease;
  width: 100%;
  display: flex;
  font-weight: 600;
  color: #334848;
}

/* child.css:756 */
.header-v2 .cm-header .menu .hs-menu-wrapper>ul>li.show svg {
  transform: rotate(-180deg);
}

/* child.css:761 */
.header-v2 .cm-header .demo-btn a {
  transition: background-color .2s ease, border-color .2s ease, color .2s ease;
  display: inline-flex;
  font-family: inherit;
  font-size: inherit;
  font-weight: 500;
  justify-content: center;
  line-height: inherit;
  outline: 0;
  text-align: center;
  text-decoration: none;
  text-transform: none;
  appearance: none;
  border-style: solid;
  border-radius: 6px;
  cursor: pointer;
  align-items: center;
  background-color: rgba(0, 104, 97,1.0);
  color: rgba(255, 255, 255,1.0);
  border-width: 2px;
  border-color: rgba(0, 104, 97,1.0);
  padding: 12px 24px;
  border-radius: 6px;
}

/* child.css:786 */
.header-v2 .cm-header .demo-btn a:hover {
  border-color: rgba(0, 76, 70,1.0);
  color: rgba(0, 76, 70,1.0);
  background-color: rgba(0, 104, 97,0.0);
}

/* child.css:792 */
.header-v2 .cm-header .demo-btn {
  display: flex;
  height: 100%;
  align-items: center;
}

/* child.css:798 */
.header-v2 .cm-header .hamburger {
  cursor: pointer;
  display: block;
  height: 40px;
  margin-right: -2px;
  outline: 0;
  position: relative;
  width: 42px;
}

/* child.css:808 */
.header-v2 .cm-header .hamburger span {
  top: 18px;
  background-color: #001a1a;
  border-radius: 3px;
  display: block;
  height: 3px;
  left: 0;
  position: absolute;
  transition: .2s ease-in-out;
  transition-property: opacity, transform, background-color, left, width, -webkit-transform;
  width: 42px;
}

/* child.css:823 */
.header-v2 .cm-header .hamburger:before,
.header-v2 .cm-header .hamburger:after {
  content:"";
  top: 8px;
  background-color: #001a1a;
  border-radius: 3px;
  display: block;
  height: 3px;
  left: 0;
  position: absolute;
  transition: .2s ease-in-out;
  transition-property: opacity, transform, background-color, left, width, -webkit-transform;
  width: 42px;
}

/* child.css:837 */
.header-v2 .cm-header .hamburger:after {
  top: 28px;
  width: 24px;
}

/* child.css:844 */
.mobile-menu-open .header-v2 .cm-header .hamburger .top {
  transform: rotate(45deg);
  width: 26px;
  left: 8px;
}

/* child.css:850 */
.mobile-menu-open .header-v2 .cm-header .hamburger .bottom {
  transform: rotate(-45deg);
  width: 26px;
  left: 8px;
}

/* child.css:856 */
.mobile-menu-open .header-v2 .cm-header .hamburger:before {
  transform: scale(0) translateY(12px);
  opacity: 0;
}

/* child.css:861 */
.mobile-menu-open .header-v2 .cm-header .hamburger:after {
  transform: scale(0) translateY(-12px);
  opacity: 0;
}

/* child.css:866 */
.header-v2 .language-st .lang_switcher_class ul.lang_list_class {
  background-color: #fff;
  border-radius: 6px;
  display: block;
  list-style: none;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  pointer-events: none;
  transform: translateY(-10px);
  transition: max-height .3s cubic-bezier(.08,.82,.17,1), opacity .3s ease-in, transform .3s ease-in, -webkit-transform .3s ease-in;
  margin: 0;
}

/* child.css:881 */
.header-v2 .language-st .lang_switcher_class ul.lang_list_class li {
  width: 100%;
  margin: 0;
  padding: 0;
  border:none;
}

/* child.css:888 */
.header-v2 .language-st .lang_switcher_class ul.lang_list_class li a {
  transition: color .2s ease;
  width: 100%;
  display: flex;
  font-weight: 600;
  color: #334848;
  align-items: center;
  padding: 18px 26px;
}

/* child.css:898 */
.header-v2 .language-st .lang_switcher_class ul.lang_list_class li a:hover {
  color: #004c46;
}

/* child.css:902 */
.header-v2 .language-st .globe_class {
  background: none;
  height: auto;
  width: auto;
  border: none;
  border-radius: 0;
}

/* child.css:910 */
.header-v2 .language-st .globe_class ul.globe-wrp {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
}

/* child.css:917 */
.header-v2 .language-st .globe_class ul.globe-wrp li {
  margin: 30px 0;
  position: relative;
}

/* child.css:923 */
.header-v2 .language-st .globe_class ul.globe-wrp li a {
  padding: 26px;
  padding-right: 52px;
  transition: color .2s ease;
  width: 100%;
  display: flex;
  font-weight: 600;
  text-decoration: none;
  color: #334848;
  cursor: pointer;
  width: 100%;
}

/* child.css:936 */
.header-v2 .language-st .globe_class ul.globe-wrp li a svg {
  height: 1.5em;
  margin-right: 1em;
  vertical-align: bottom;
  width: 1.5em;
}

/* child.css:943 */
.header-v2 .language-st .globe_class ul.globe-wrp li>svg {
  transition: transform .3s ease, -webkit-transform .3s ease;
  width: 24px;
  height: 24px;
  pointer-events: none;
  position: absolute;
  right: 18px;
  top: 26px;
}

/* child.css:953 */
.header-v2 .language-st .lang_switcher_class ul.lang_list_class li a {
  font-size: 0;
}

/* child.css:958 */
.header-v2 .language-st .lang_switcher_class ul.lang_list_class li a[data-language="en-us"]:before,
.header-v2 .language-st .lang_switcher_class ul.lang_list_class li a[data-language="de"]:before,
.header-v2 .language-st .lang_switcher_class ul.lang_list_class li a[data-language="en"]:before {
  display: block;
  font-size: 16px;
  white-space:nowrap;
  line-height: 1.6;
}

/* child.css:965 */
.header-v2 .language-st .lang_switcher_class ul.lang_list_class li a[data-language="en-us"]:before {
  content: 'US - EN';
}

/* child.css:968 */
.header-v2 .language-st .lang_switcher_class ul.lang_list_class li a[data-language="en"]:before {
  content: 'EMEA – EN';
}

/* child.css:971 */
.header-v2 .language-st .lang_switcher_class ul.lang_list_class li a[data-language="de"]:before {
  content: 'EMEA – DE';
}

/* child.css:975 */
.header-v2 .language-st .lang_switcher_class .globe_class.show ul.lang_list_class {
  display: flex;
  flex-direction: column;
  overflow:hidden;
}

/* child.css:981 */
html[lang="en"] .header-v2 .language-st .lang_switcher_class .globe_class.show ul.lang_list_class {
  flex-direction: column-reverse;
}

/* child.css:985 */
.header-v2 .language-st .lang_switcher_class ul.lang_list_class li:first-child {
  display: none;
}

/* child.css:989 */
.header-v2 .language-st .globe_class ul.globe-wrp li a .lg-code {
  text-transform: uppercase;
}

/* child.css:993 */
.header-v2 .language-st .lang_switcher_class ul.lang_list_class li:after {
  content: "";
  hsla(180, 5%, 50%, .15);
  bottom: -1px;
  height: 1px;
  left: 26px;
  position: absolute;
  right: 26px;
  background-color: hsla(180, 5%, 50%, .15);
  z-index: 9;
}

/* child.css:1005 */
.header-v2 .language-st .globe_class ul.globe-wrp li:hover a,
.header-v2 .language-st .globe_class ul.globe-wrp li:hover svg {
  color: #004c46;
}

/* child.css:1009 */
.header-v2 .language-st .lang_switcher_class .globe_class.show ul.lang_list_class {
  transform: translateY(0);
  opacity: 1;
  pointer-events: auto;
  transition: max-height .3s cubic-bezier(.6,.04,.98,.34), opacity .3s ease-in, transform .3s ease-in, -webkit-transform .3s ease-in;
}

/* child.css:1016 */
.header-v2 .language-st .globe_class.show ul.globe-wrp li>svg {
  transform: rotate(-180deg);
}

/* child.css:1020 */
.header-v2 .cm-header .header-logo {
  display: flex;
  align-self: start;
}

/* child.css:1406 */
@media (max-width: 767px) {
  .header-v2 .cm-header .demo-btn.mobile {
    display:none;
  }
  .header-v2 .cm-header .demo-btn.desktop {
    padding-left: 0;
    padding-right: 0;
  }
}

/* child.css:1451 */
@media (max-width: 479px) {
  .header-v2 .cm-header .demo-btn a {
    padding: 6px 12px;
    font-size:12px;
    min-width: unset;
    top: 23px;
  }
  .header-v2 .language-st .globe_class ul.globe-wrp {
  margin-top: 4px;
  }
}

/* child.css:1567 */
@media (min-width: 768px) {
  .header-v2 .cm-header .menu .hs-menu-wrapper>ul>li.hs-item-has-children>a {
    padding-right: 58px;
  }
  .header-v2 .language-st .globe_class ul.globe-wrp li a {
    padding-right: 58px;
  }
}

/* child.css:1667 */
@media (min-width: 1440px) {
  .header-v2 .cm-header .wrapper {
    border-bottom: 1px solid hsla(180, 5%, 50%, .3);
    height: 96px;
  }
  .header-v2 .cm-header .wrapper .page-center {
    border-color: transparent;
    justify-content: flex-start;
    padding-bottom: 30px;
    padding-top: 30px;
  }
  .header-v2 .cm-header .menu .hs-menu-wrapper>ul>li>a {
    padding-left: 20px;
    padding-right: 20px;
  }
  .header-v2 .cm-header .wrapper .page-center .header-logo a {
    margin-right: 3rem;
    margin-top: -17px;
    width: 180px;
  }
  .header-v2 .cm-header .menu .hs-menu-wrapper>ul>li svg {
    height: 20px;
    right: .25em;
    top: calc(50% - 10px);
    width: 20px;
  }
  .header-v2 .cm-header .menu .hs-menu-wrapper>ul>li.hs-item-has-children>a {
    padding-right: 30px;
  }
  .header-v2 .cm-header .demo-btn.mobile {
    display: none;
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .header-v2 .cm-header .menu .hs-menu-wrapper>ul>li>ul {
    transition-timing-function: ease-in-out ;
    width: 25ch;
    box-shadow: 0 16px 16px rgba(0, 26, 26, .08);
    max-height: calc(100vh - 96px) ;
    overflow-y: auto;
    padding-bottom: 0;
    position: fixed;
    top: 96px;
    background-color: #fff;
  }
  .header-v2 .cm-header .menu .hs-menu-wrapper>ul>li>ul>li>a {
    padding-left: 20px;
    padding-right: 20px;
  }
  .header-v2 .cm-header .menu .hs-menu-wrapper>ul>li>ul ul {
    margin-top: -12px;
  }
  .header-v2 .cm-header .menu .hs-menu-wrapper>ul>li>ul ul>li>a {
    padding-left: 20px;
    padding-right: 20px;
  }
  .header-v2 .cm-header .menu .hs-menu-wrapper>ul>li>ul ul>li {
    margin-left: 20px;
  }
  .header-v2 .cm-header .demo-btn a {
    margin-left: .5rem;
    margin-right: .5rem;
  }
  .header-v2 .cm-header .demo-btn {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .header-v2 .cm-header .hamburger {
    display: none;
  }
  .header-v2 .language-st .lang_switcher_class ul.lang_list_class {
    width: auto;
    background-color: #fff;
    box-shadow: 0 16px 16px rgba(0, 26, 26, .08);
    max-height: calc(100vh - 96px);
    overflow-y: auto;
    padding-bottom: 0;
    position: absolute;
    transition-timing-function: ease-in-out;
    top: calc(100% - 20px);
    left: auto;
  }
  .header-v2 .language-st .lang_switcher_class ul.lang_list_class li a {
    padding-left: 20px;
    padding-right: 20px;
  }
  .header-v2 .language-st .globe_class ul.globe-wrp {
    display: flex;
  }
  .header-v2 .language-st .globe_class ul.globe-wrp li {
    margin-right: -.25em;
  }
  .header-v2 .language-st .globe_class ul.globe-wrp li a {
    padding-left: 0;
    padding-right: 30px;
  }
  .header-v2 .language-st .globe_class ul.globe-wrp li a svg {
    margin-right: .5em;
  }
  .header-v2 .language-st .globe_class ul.globe-wrp li>svg {
    height: 20px;
    right: .25em;
    top: calc(50% - 10px);
    width: 20px;
  }
  .header-v2 .language-st .lang_switcher_class ul.lang_list_class li:after {
    left: 20px;
    right: 20px;
  }
}

/* child.css:1806 */
@media (max-width: 1495px) and (min-width: 1440px) {
  .header-v2 .language-st .lang_switcher_class ul.lang_list_class {
    left: -15px;
  }
}

/* child.css:5848 */
.header-v2 #hs_menu_wrapper_primary_menu,
.header-v2 .secondary-menu,
.header-v2 .hamburger {
display: none;
}

/* child.css:5851 */
.header-v2 .cm-header .demo-btn a {
        margin-right: 0;
}

/* child.css:5855 */
.header-v2 .logo-mobile {
   display: none;
}

/* child.css:5858 */
@media (max-width: 768px) {
  .header-v2 .logo-desktop {
   display: none;
  }
  .header-v2 .logo-mobile {
   display: block;
  }
  .header-v2 .logo-mobile img {
    width: 58px;
    height: auto;
    margin-top: 7px;
  }
}

@media screen and (min-width: 1024px) {
	/* ===========================================================================
	   V2 design, desktop shell. Measured from Figma "navbar_collapsed" (217:1117)
	   and "navbar-utility-desktop" (217:970) at a 1440 frame:
	     30px page padding, logo row 52, 12px gap, nav band 80  ->  header 174 tall
	     utility group 417x50, right aligned: region 43 | 25 | search 162x50 | 25 | cta 166x50
	   Colours are the file's own variables (get_variable_defs on 217:1013).
	   Radii are read off the Figma screenshots, not from metadata - revisit if the
	   design system says otherwise.
	   =========================================================================== */
	.header-v2 {
		--v2-black: #001714;
		--v2-turkis: #00a59b;
		--v2-white: #ffffff;
		--v2-hellgrau: #d7dbdb;
		--v2-mittelgrau: #7a8787;
		/* Figma "dunkelgrau" - the region switcher's ink (D-056) */
		--v2-dunkelgrau: #334848;
		--v2-grau-bg: #f5f6f6;
		--v2-radius: 8px;
		--v2-pad-x: 30px;
	}

	/* reserve the real header height: 30 top + 52 logo row + 12 + 80 nav band */
	.header-v2.header-wrp {
		min-height: 174px;
	}

	.header-v2 .cm-header .wrapper {
		height: auto;
		padding-top: 30px;
		background-color: var(--v2-white);
	}

	.header-v2 .cm-header .wrapper .page-center {
		max-width: 1440px;
		height: 52px;
		padding: 0 var(--v2-pad-x);
		border-bottom: 0;
	}

	/* right-hand utility group: region select, search, CTA - 25px apart */
	.header-v2 .cm-header .wrapper .page-center .header-content .header-item-wrp {
		flex-grow: 0;
		gap: 25px;
		align-items: center;
	}

	.header-v2 .cm-header .header-item-wrp .language-st,
	.header-v2 .cm-header .header-item-wrp .custom-search,
	.header-v2 .cm-header .header-item-wrp .demo-btn.desktop {
		margin: 0;
	}

	/* search field: 162x50, icon 23px at 19px from the left, placeholder 10px after it */
	.header-v2 .cm-header .header-item-wrp .custom-search .sform {
		display: flex;
		align-items: center;
		height: 50px;
		min-width: 162px;
		padding: 0 19px;
		border: 1px solid var(--v2-hellgrau);
		border-radius: var(--v2-radius);
		background: var(--v2-white) url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2223%22%20height=%2223%22%20viewBox=%220%200%2023%2023%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath%20d=%22M10.1857%200.00019177C4.57178%200.00019177%200%204.57198%200%2010.1859C0%2015.7998%204.57178%2020.3716%2010.1857%2020.3716C12.6384%2020.3716%2014.8922%2019.4988%2016.6533%2018.0472L21.3174%2022.7112C21.7024%2023.0963%2022.3262%2023.0963%2022.7112%2022.7112C23.0963%2022.3262%2023.0963%2021.7011%2022.7112%2021.3174L18.0472%2016.6533C19.4988%2014.8924%2020.3716%2012.6385%2020.3716%2010.1857C20.3716%204.57178%2015.7998%200%2010.1859%200L10.1857%200.00019177ZM10.1857%201.97161C14.7345%201.97161%2018.3999%205.63709%2018.3999%2010.1859C18.3999%2014.7347%2014.7345%2018.4001%2010.1857%2018.4001C5.6369%2018.4001%201.97142%2014.7347%201.97142%2010.1859C1.97142%205.63709%205.6369%201.97161%2010.1857%201.97161Z%22%20fill=%22%23334848%22/%3E%3C/svg%3E") no-repeat 19px center;
		background-size: 23px 23px;
	}

	.header-v2 .cm-header .header-item-wrp .custom-search #dynamicInput {
		width: auto !important;
		min-width: 91px;
		max-width: 300px;
		margin-left: 42px;
		padding: 0;
		border: 0;
		background: transparent;
		color: var(--v2-black);
		font-size: 16px;
		line-height: 1;
	}

	.header-v2 .cm-header .header-item-wrp .custom-search #dynamicInput::placeholder {
		color: var(--v2-mittelgrau);
	}

	/* CTA: 166x50, 20px label padding, envelio black */
	.header-v2 .cm-header .demo-btn a {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-width: 166px;
		height: 50px;
		padding: 0 20px;
		border: 0;
		border-radius: var(--v2-radius);
		background: var(--v2-black);
		color: var(--v2-white);
		font-size: 16px;
		font-weight: 600;
		line-height: 1;
	}

	.header-v2 .cm-header .demo-btn a:hover {
		background: var(--v2-white);
		color: var(--v2-black);
	}

	/* --- corrections after measuring the rendered page against the Figma numbers --- */

	/* search field must total 162: 19 pad + 23 icon + 10 + 91 input + 19 pad */
	.header-v2 .cm-header .header-item-wrp .custom-search #dynamicInput {
		width: 91px !important;
		min-width: 0;
		margin-left: 33px;
	}

	/* the utility gap is the flex gap alone - drop the spacing the old teal button carried */
	.header-v2 .cm-header .header-item-wrp .demo-btn.desktop {
		display: flex;
		margin: 0;
		padding: 0;
	}

	.header-v2 .cm-header .header-item-wrp .demo-btn.desktop a {
		margin: 0;
	}

	/* Figma shows the globe and the chevron only; the region codes appear on expand */
	.header-v2 .cm-header .language-st .region-btn {
		gap: 4px;
		padding: 0;
	}

	.header-v2 .cm-header .language-st .region-btn .label {
		display: none;
	}

	/* module.html carries inline min-width:150px on the search input, which outranks a
	   plain declaration - the field is 162 wide in Figma, so the floor has to go */
	.header-v2 .cm-header .header-item-wrp .custom-search #dynamicInput {
		min-width: 0 !important;
		max-width: 300px !important;
	}

	/* the 1px border sits outside the 162 content box - trim the input by 2 so the
	   field measures the 162 Figma gives it */
	.header-v2 .cm-header .header-item-wrp .custom-search #dynamicInput {
		width: 89px !important;
	}
}

/* ===========================================================================
   V2 design, mobile. Measured from Figma "Mobil_Status2" (217:1646) at 390:
     20px page padding, top row 50 tall (logo 63x50, close 16x16 right),
     menu items 56 tall on a 76 pitch with a divider line,
     the globe + search row (350x50) sits at the BOTTOM of the open menu.
   The globe and the search live in the top bar in the markup, so until the
   drill-down menu is rebuilt they are pinned to the bottom of the open panel
   instead of being moved in the DOM. module.js mirrors the open state onto
   the html element as .v2-menu-open so this side of the header can react to it.
   =========================================================================== */
@media screen and (max-width: 1023.9px) {
	.header-v2.header-wrp {
		min-height: 110px;
	}

	.header-v2 .cm-header .wrapper {
		padding-top: 0;
		background: var(--v2-white, #ffffff);
	}

	.header-v2 .cm-header .wrapper .page-center {
		height: 80px;
		padding: 0 20px;
	}

	.header-v2 .cm-header .header-item-wrp {
		gap: 12px;
		align-items: center;
	}

	/* the design keeps only the CTA next to the logo; region and search move
	   into the menu */
	.header-v2 .cm-header .header-item-wrp .language-st,
	.header-v2 .cm-header .header-item-wrp .custom-search {
		display: none;
	}

	.header-v2 .cm-header .demo-btn a {
		display: inline-flex;
		align-items: center;
		height: 44px;
		padding: 0 20px;
		border: 0;
		border-radius: 8px;
		background: var(--v2-black, #001714);
		color: var(--v2-white, #ffffff);
		font-size: 15px;
		font-weight: 600;
	}

	/* the region select and the search are moved into the menu flow by module.js
	   (Mobil_Status2 puts them last, after the list) - no pinning needed */
}

/* Figma puts the burger in the same 50px top row as the logo and the CTA, but in
   the markup it belongs to the navigation band underneath. The header is fixed,
   so pinning the burger to the top row is enough - and the band itself collapses
   while the menu is closed, which is what was pushing the page content down. */
@media screen and (max-width: 1023.9px) {
	.header-v2.header-wrp {
		min-height: 80px;
	}

	.header-v2 .cm-header .wrapper {
		padding-top: 30px;
	}

	.header-v2 .cm-header .wrapper .page-center {
		height: 50px;
	}

	.header-v2 .header {
		min-height: 0;
		padding: 0;
	}

	.header-v2 .header__wrapper {
		min-height: 0;
	}

	.header-v2 .header__burger {
		position: fixed;
		top: 30px;
		right: 20px;
		height: 50px;
		align-items: center;
		z-index: 20;
	}
}

/* the burger disappeared with position:fixed - the header sits inside a fixed
   ancestor chain, so it anchors to .header-wrp instead, which is the relative
   box that actually wraps both rows */
@media screen and (max-width: 1023.9px) {
	/* column flex box: align-items centres it horizontally, so without justify-content
	   the three bars stack at the TOP of the 50px row. Figma 217:1694 centres them and
	   draws them 22 wide. Same fix lives in module.css - whichever file wins, it holds. */
	.header-v2 .header__burger {
		position: absolute;
		top: 30px;
		right: 20px;
		display: flex;
		height: 50px;
		width: 22px;
		align-items: center;
		justify-content: center;
		z-index: 10000;
	}
}

/* .header is the relative box the burger was anchoring to, which put it 80px too
   low - on mobile the band has no need to be a positioning context */
@media screen and (max-width: 1023.9px) {
	.header-v2 .header {
		position: static;
	}
}

/* Figma has one rule only, under the navigation - the hairline the old header drew
   under the logo row is not in the design. Specificity has to clear the copied
   child.css rule at every width, so this sits outside the breakpoints. */
.header-v2 .cm-header .wrapper .page-center,
.header-v2.header-wrp .cm-header .wrapper .page-center {
	border-bottom: 0;
}

/* the full-width hairline under the logo row comes from .cm-header .wrapper, not
   from .page-center - Figma has no rule there at any width */
.header-v2 .cm-header .wrapper,
.header-v2.header-wrp .cm-header .wrapper {
	border-bottom: 0;
}

/* the moved utility row inside the open menu: globe, then the search filling the rest */
@media screen and (max-width: 1023.9px) {
	.header-v2 .header__mobile-utility {
		display: flex;
		align-items: center;
		gap: 20px;
		margin-top: 80px;
	}

	.header-v2 .header__mobile-utility .language-st,
	.header-v2 .header__mobile-utility .custom-search {
		display: flex;
		align-items: center;
	}

	.header-v2 .header__mobile-utility .custom-search {
		flex: 1 1 auto;
	}

	.header-v2 .header__mobile-utility .custom-search .sform {
		width: 100%;
		height: 50px;
		padding: 0 19px;
		border: 1px solid var(--v2-hellgrau, #d7dbdb);
		border-radius: 8px;
	}

	.header-v2 .header__mobile-utility .custom-search #dynamicInput {
		width: 100% !important;
		max-width: none !important;
		margin-left: 33px;
		border: 0;
		background: transparent;
		font-size: 16px;
	}
}

/* ---------------------------------------------------------------------------
   Region select, V2 shell - Figma 217:704 / 217:708.
   Collapsed 43x23: globe 23 + 10 + chevron 10x6. Expanded 149x23: the code row
   (96 wide) then 10px then the same globe group. Codes are ~22 wide on a 38
   pitch with a 20px tall divider between them; current code black, others grey.
   The module's dropdown card is hidden - the codes replace it.
   --------------------------------------------------------------------------- */
.header-v2 .language-st .region-menu {
	display: none !important;
}

.header-v2 .language-st .region-switcher {
	display: flex;
	align-items: center;
	gap: 10px;
}

.header-v2 .language-st .region-inline {
	display: none;
	align-items: center;
	gap: 8px;
	height: 23px;
}

.header-v2 .language-st .region-switcher.open .region-inline {
	display: flex;
}

.header-v2 .language-st .region-inline .region-inline__code {
	min-width: 22px;
	color: var(--v2-mittelgrau, #7a8787);
	font-size: 16px;
	line-height: 20px;
	text-align: center;
	text-decoration: none;
}

.header-v2 .language-st .region-inline .region-inline__code.is-current {
	color: var(--v2-dunkelgrau, #334848);
	font-weight: 600;
}

.header-v2 .language-st .region-inline .region-inline__sep {
	width: 1px;
	height: 20px;
	background: var(--v2-hellgrau, #d7dbdb);
}

/* Search open state - Figma 217:950: 162 collapsed, 320 expanded, with the clear
   control appearing on the right once it is open. */
.header-v2 .cm-header .custom-search .search-clear {
	display: none;
}

@media screen and (min-width: 1024px) {
	.header-v2 .cm-header .header-item-wrp .custom-search .sform {
		transition: min-width 0.25s ease;
	}

	.header-v2 .cm-header .header-item-wrp .custom-search.is-expanded .sform {
		min-width: 324px;
	}

	.header-v2 .cm-header .header-item-wrp .custom-search.is-expanded #dynamicInput {
		width: 100% !important;
		max-width: none !important;
	}

	.header-v2 .cm-header .custom-search.is-expanded .search-clear {
		display: block;
		width: 14px;
		height: 14px;
		margin-left: auto;
		border: 0;
		background: transparent;
		cursor: pointer;
		position: relative;
	}

	.header-v2 .cm-header .custom-search.is-expanded .search-clear::before,
	.header-v2 .cm-header .custom-search.is-expanded .search-clear::after {
		content: "";
		position: absolute;
		top: 6px;
		left: 0;
		width: 14px;
		height: 2px;
		background: var(--v2-black, #001714);
	}

	.header-v2 .cm-header .custom-search.is-expanded .search-clear::before {
		transform: rotate(45deg);
	}

	.header-v2 .cm-header .custom-search.is-expanded .search-clear::after {
		transform: rotate(-45deg);
	}
}

/* Re-declaring min-width for the same .sform selector loses in HubSpot's CSS
   compilation, so the expanded width is set on the box instead and the form just
   fills it. */
@media screen and (min-width: 1024px) {
	/* Figma "search" (217:951) opens the bar to 324. Its 49px height is a half-pixel
	   inset of the 50px row (the frame sits at y=0.5), not a 1px design change - the
	   field stays 50 tall in both states. */
	.header-v2 .cm-header .header-item-wrp .custom-search.is-expanded {
		width: 324px;
	}

	.header-v2 .cm-header .header-item-wrp .custom-search.is-expanded .sform {
		min-width: 0 !important;
		width: 100% !important;
	}
}

/* The theme styles every text input with its own border, background and inner
   padding, which showed up as a second rounded box inside the search field and
   pushed the text off centre. The input is only the text layer here - the field
   itself is the form. */
.header-v2 .cm-header .custom-search .sform {
	align-items: center;
	gap: 0;
}

.header-v2 .cm-header .custom-search .sform #dynamicInput,
.header-v2 .cm-header .custom-search .sform input[type="text"] {
	height: 100%;
	padding: 0;
	border: 0 !important;
	outline: 0;
	background: transparent !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	color: var(--v2-black, #001714);
	font-size: 16px;
	line-height: 1;
	-webkit-appearance: none;
	appearance: none;
}

.header-v2 .cm-header .custom-search .sform #dynamicInput:focus {
	border: 0 !important;
	outline: 0;
	box-shadow: none !important;
}

/* the clear control is centred with the text, not floated to the top */
.header-v2 .cm-header .custom-search .search-clear {
	align-self: center;
	flex: 0 0 auto;
}

/* Field internals: the input fills the 50px height so the text sits on the
   optical centre, and the clear control is a bare 14px box (Figma 217:951 draws
   the X at 14x14) - the theme's button padding was inflating it to 48.
   The size lives HERE, on the !important rule, not on the .is-expanded rule
   above: a 14px there is out-specified by this !important and silently lost. */
.header-v2 .cm-header .custom-search .sform #dynamicInput {
	/* stretch instead of a fixed 50: the form's 1px border made a 50px input
	   overhang by a pixel top and bottom */
	height: auto !important;
	align-self: stretch;
	flex: 1 1 auto;
	min-width: 0;
}

.header-v2 .cm-header .custom-search .search-clear {
	width: 14px !important;
	height: 14px !important;
	min-width: 0;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	box-sizing: content-box;
}

/* Button hover - Figma "button" (217:695): the filled button flips to the
   outlined variant, white with a black border and black label. The border is
   drawn with an inset shadow so 166x50 does not change on hover. */
.header-v2 .cm-header .demo-btn a:hover,
.header-v2 .submenu-wrapper .mega-cta-button:hover {
	background: var(--v2-white, #ffffff) !important;
	color: var(--v2-black, #001714) !important;
	box-shadow: inset 0 0 0 1px var(--v2-black, #001714);
}

/* Region select on desktop - Figma 217:704/217:708.
   D-057: the codes open on CLICK (the module's own JS toggles .open), not on hover.
   Hover changes two things and nothing else: the ink goes to black and the chevron
   flips. The rule that revealed .region-inline on :hover lived here. */
@media screen and (min-width: 1024px) {
	/* the old chevron was a rotated square (45deg at rest), so "open" was 225.
	   The SVG glyph already points down at 0, so the flip is a plain 180. */
	.header-v2 .language-st .region-switcher:hover .region-btn .chev,
	.header-v2 .language-st .region-switcher.open .region-btn .chev {
		transform: rotate(180deg);
		margin-top: 0;
	}

	/* D-057: hover darkens the switcher from dunkelgrau to the header black.
	   currentColor carries it to the globe (fill="currentColor"); the chevron ships
	   with fill="white" as an attribute, so its path needs saying explicitly. */
	.header-v2 .language-st .region-switcher:hover .region-btn,
	.header-v2 .language-st .region-switcher:hover .region-btn svg {
		color: var(--v2-black, #001714);
	}

	.header-v2 .language-st .region-switcher:hover .region-btn .chev svg path {
		fill: var(--v2-black, #001714);
	}
}

.header-v2 .language-st .region-btn .chev {
	transition: transform 0.2s ease;
}

/* D-056: the switcher is drawn in dunkelgrau, not the near-black the rest of the
   bar uses. currentColor carries it to the globe path (fill="currentColor" in the
   markup) and to the chevron. */
.header-v2 .language-st .region-btn {
	color: var(--v2-dunkelgrau, #334848);
}

.header-v2 .language-st .region-btn svg {
	color: var(--v2-dunkelgrau, #334848);
	width: 23px;
	height: 23px;
	/* the globe was clipped on its right edge: module.html carried an inline
	   width:24px, which outranks this 23 and left the glyph one pixel wider than the
	   23px box Figma gives it. The inline width is gone from the markup now; these
	   two lines stop a tight flex row from squeezing it again. */
	flex: 0 0 auto;
	overflow: visible;
}

/* the chevron is the nav's 13x7 glyph now (D-056); it ships with fill="white" as a
   presentation attribute, which any stylesheet rule outranks - same trick as the
   nav chevron in Mega-Menü.module/module.css */
/* size lives at the tail of this file (D-069, 9.75 x 5.25) - the two later rules
   there have to out-order the mobile ones anyway, so it is stated once, there */
.header-v2 .language-st .region-btn .chev svg {
	display: block;
}

.header-v2 .language-st .region-btn .chev svg path {
	fill: var(--v2-dunkelgrau, #334848);
}

/* Mobile bar - the design spreads it: logo hard left, the demo button centred,
   the burger hard right, with a hairline under the whole row inset by the 20px
   page padding. The burger is fixed, so the content column reserves its width. */
@media screen and (max-width: 1023.9px) {
	/* Figma "Mobil_Status1" (217:1679) puts Line 11 at y=110, thirty pixels BELOW the
	   50px row that ends at 80 - the hairline does not hug the demo button. The rule is
	   drawn as .page-center::after at bottom:0, so the gap has to come from the row's own
	   padding; flex-start keeps the logo and content at y=30 instead of re-centring them
	   in the taller box. */
	.header-v2 .cm-header .wrapper .page-center {
		position: relative;
		justify-content: space-between;
		align-items: flex-start;
		padding-bottom: 30px;
		height: 80px;
	}

	/* The theme pins .cm-header, .wrapper and .page-center to fixed heights (80/80/50),
	   so padding alone cannot open the gap - the box just clips. All three have to grow
	   together: 30 top + 50 row + 30 gap = 110. */
	.header-v2 .cm-header,
	.header-v2 .cm-header .wrapper {
		height: 110px;
	}

	.header-v2 .cm-header .wrapper .page-center::after {
		content: "";
		position: absolute;
		right: 20px;
		bottom: 0;
		left: 20px;
		height: 1px;
		background: var(--v2-hellgrau, #d7dbdb);
	}

	.header-v2 .cm-header .wrapper .page-center .header-content {
		flex: 1 1 auto;
		justify-content: center;
		padding-right: 44px;
	}
}

/* Open mobile menu - Mobil_Status2 (217:1646):
   - the demo button gives way to the close control while the menu is open
   - the region label stays hidden here too (it was only hidden on desktop, so on
     mobile "Region" wrapped and pushed the search off the screen)
   - globe first, search filling the rest of the row, both inside the 20px padding
   - the list starts 50 below the bar, not 10 */
@media screen and (max-width: 1023.9px) {
	.header-v2 .cm-header .language-st .region-btn .label {
		display: none;
	}

	.v2-menu-open .header-v2 .cm-header .header-item-wrp .demo-btn.desktop {
		display: none;
	}

	.header-v2 .header__mobile-utility {
		gap: 20px;
		margin-top: 60px;
	}

	.header-v2 .header__mobile-utility .language-st {
		flex: 0 0 auto;
	}

	.header-v2 .header__mobile-utility .custom-search {
		flex: 1 1 auto;
		min-width: 0;
		width: auto;
	}

	.header-v2 .header__mobile-utility .custom-search .sform {
		width: 100%;
		min-width: 0;
	}

	.header-v2 .header__mobile-utility .custom-search #dynamicInput {
		width: 100% !important;
		min-width: 0 !important;
		max-width: none !important;
	}

	.header-v2 .header__navigation-wrapper.open .header__list {
		margin-top: 50px;
	}
}

/* On mobile module.js moves the region select and the search out of .cm-header
   and into the menu, so any rule scoped through .cm-header stops matching them.
   These are scoped to .header-v2 alone for that reason. */
@media screen and (max-width: 1023.9px) {
	.header-v2 .language-st .region-btn .label {
		display: none !important;
	}

	.header-v2 .language-st .region-btn {
		gap: 4px;
		padding: 0;
	}

	.header-v2 .header__mobile-utility .custom-search .sform {
		width: 100% !important;
		min-width: 0 !important;
	}

	.header-v2 .header__mobile-utility .custom-search #dynamicInput {
		width: 100% !important;
		min-width: 0 !important;
		max-width: none !important;
		margin-left: 33px;
	}
}

/* the copied theme CSS zeroes the list margin, so the 50px gap under the bar
   (Mobil_Status2 puts the list at y=130) needs to outrank it */
@media screen and (max-width: 1023.9px) {
	.header-v2 .header__navigation-wrapper.open .header__list {
		margin-top: 50px !important;
	}
}

/* In the moved menu row the region block was stretching to 168 while its button
   is 38, squeezing the search. It sizes to its content now and the search takes
   the rest of the row, as Mobil_Status2 draws it. */
@media screen and (max-width: 1023.9px) {
	.header-v2 .header__mobile-utility .language-st,
	.header-v2 .header__mobile-utility .language-st > div,
	.header-v2 .header__mobile-utility .region-switcher {
		flex: 0 0 auto;
		width: max-content;
	}
}

/* the utility group may shrink below its Figma widths on narrow desktops rather
   than pushing the search out of the bar */
@media screen and (min-width: 1024px) {
	.header-v2 .cm-header .wrapper .page-center .header-content .header-item-wrp {
		min-width: 0;
	}

	.header-v2 .cm-header .header-item-wrp .custom-search {
		min-width: 0;
	}

	.header-v2 .cm-header .header-item-wrp .custom-search .sform {
		max-width: 100%;
	}
}

/* Below 1440 the copied child.css still pinned the language switcher with
   position:fixed and hard coordinates - a leftover of the old header, which its
   own 1440 block used to neutralise. V2 lays the utility group out with flex at
   every desktop width, so those leftovers are cleared here.
   (This block was written once before and lost in a revert - keep it.) */
@media screen and (min-width: 1024px) {
	.header-v2 .cm-header .language-st,
	.header-v2 .cm-header .language-st .globe_class,
	.header-v2 .cm-header .language-st .lang_switcher_class,
	.header-v2 .cm-header .language-st .region-switcher,
	.header-v2 .cm-header .custom-search,
	.header-v2 .cm-header .demo-btn.desktop {
		position: static !important;
		top: auto !important;
		right: auto !important;
		bottom: auto !important;
		left: auto !important;
		margin: 0 !important;
		float: none !important;
	}

	/* The same below-1440 leftover also carries min-height:60 and width:100%, which the
	   position reset above does NOT undo. The switcher box stayed 60 tall against the
	   search's 45 and the CTA's 50, so between 1024 and 1439 the globe sat higher than
	   both and read as drifting upwards. Invisible at 1440+, where the old rule's own
	   max-width:1439 query stops matching - so it never showed up in a 1440 check.
	   Figma 217:704 has the collapsed region at 43x23, centred in the row. Kept off the
	   shared selector above so it cannot touch the search or the demo button. */
	.header-v2 .cm-header .language-st {
		min-height: 0 !important;
		width: auto !important;
	}

	.header-v2 .cm-header .wrapper .page-center .header-content {
		justify-content: flex-end !important;
	}

	.header-v2 .cm-header .wrapper .page-center .header-content .header-item-wrp {
		display: flex !important;
		align-items: center !important;
		justify-content: flex-end !important;
		gap: 25px !important;
		flex-grow: 0 !important;
	}
}

/* The same old-header leftover sits on the button's own anchor, not just its
   wrapper: position:fixed with hard left/right. Everything inside the utility
   group stays in normal flow below 1440. */
@media screen and (min-width: 1024px) {
	.header-v2 .cm-header .demo-btn a,
	.header-v2 .cm-header .demo-btn .hs_cos_wrapper,
	.header-v2 .cm-header .custom-search .sform,
	.header-v2 .cm-header .language-st .region-btn {
		position: static !important;
		top: auto !important;
		right: auto !important;
		bottom: auto !important;
		left: auto !important;
	}

	.header-v2 .cm-header .demo-btn .hs_cos_wrapper {
		display: flex;
		width: auto;
	}
}

/* And the button anchor still carried float:right from the old header, which
   pushed it past the page padding and over the search. Nothing in the utility
   group floats. */
@media screen and (min-width: 1024px) {
	.header-v2 .cm-header .header-item-wrp,
	.header-v2 .cm-header .header-item-wrp * {
		float: none !important;
	}
}

/* The flex row itself was right all along - the search container was sized to
   105 while the field inside it is 162, so the field spilled over the button.
   The container now sizes to the field, and the page padding is re-asserted:
   below 1440 the copied child.css left .page-center without it. */
@media screen and (min-width: 1024px) {
	.header-v2 .cm-header .header-item-wrp .custom-search {
		flex: 0 0 auto;
		width: auto;
	}

	.header-v2 .cm-header .header-item-wrp .custom-search .sform {
		width: 162px;
	}

	.header-v2 .cm-header .header-item-wrp .custom-search.is-expanded .sform {
		width: 100%;
	}

	.header-v2 .cm-header .wrapper .page-center {
		max-width: 1440px;
		margin: 0 auto;
		padding: 0 30px !important;
	}
}

/* The old primary menu container still claimed 819px of the row - only its inner
   hs_menu_wrapper was hidden - which pushed the utility group past the right page
   padding. V2 renders the navigation in the band below, so the container goes. */
@media screen and (min-width: 1024px) {
	.header-v2 .cm-header .header-item-wrp .primary-menu,
	.header-v2 .cm-header .header-item-wrp .secondary-menu {
		display: none !important;
	}
}

/* Both outer blocks were wider than their contents: the region block 100 instead
   of the 43 Figma gives it, and the button container 230 around a 166 button,
   which left the button 64 short of the page padding. They size to content. */
@media screen and (min-width: 1024px) {
	.header-v2 .cm-header .header-item-wrp .language-st,
	.header-v2 .cm-header .header-item-wrp .language-st > div,
	.header-v2 .cm-header .header-item-wrp .demo-btn.desktop,
	.header-v2 .cm-header .header-item-wrp .demo-btn.desktop > div {
		flex: 0 0 auto;
		width: max-content;
		max-width: none;
	}

	.header-v2 .cm-header .header-item-wrp .region-switcher {
		width: max-content;
	}
}

/* Last leftover in this chain: .header-item-wrp itself spanned the full viewport
   (0..1265) with overflow:auto, so its contents sat outside the 30px page padding
   even though the row above it was correct. */
@media screen and (min-width: 1024px) {
	.header-v2 .cm-header .wrapper .page-center .header-content .header-item-wrp {
		position: static !important;
		width: auto !important;
		min-width: 0 !important;
		max-width: 100% !important;
		overflow: visible !important;
	}
}

/* 1:1 pass against Figma "navbar-utility-desktop" (217:970): the search field is
   outlined in envelio black, not grey, both controls use a 6px radius, and the
   placeholder is Medium. The region select is 43 wide with a 23px globe. */
@media screen and (min-width: 1024px) {
	.header-v2 .cm-header .header-item-wrp .custom-search .sform {
		height: 50px;
		padding: 0 18px;
		gap: 10px;
		border: 1px solid var(--v2-black, #001714);
		border-radius: 6px;
		background-position: 18px center;
	}

	.header-v2 .cm-header .header-item-wrp .custom-search #dynamicInput {
		width: 91px !important;
		margin-left: 33px;
		font-size: 16px;
		font-weight: 500;
		line-height: 16px;
		color: var(--v2-black, #001714);
	}

	.header-v2 .cm-header .header-item-wrp .custom-search #dynamicInput::placeholder {
		color: var(--v2-mittelgrau, #7a8787);
		font-weight: 500;
	}

	.header-v2 .cm-header .demo-btn a {
		height: 50px;
		padding: 0 20px;
		border-radius: 6px;
		font-size: 16px;
		font-weight: 600;
		line-height: 16px;
	}

	.header-v2 .cm-header .language-st .region-btn {
		gap: 10px;
		padding: 0;
	}

	.header-v2 .cm-header .language-st .region-btn svg {
		width: 23px;
		height: 23px;
	}
}

/* Mobile utility row - Figma navbar-utility-mobil (217:1005): globe block 43x23,
   search 197 wide, 50 tall, 1px envelio black, radius 6, placeholder 16/500. */
@media screen and (max-width: 1023.9px) {
	.header-v2 .header__mobile-utility {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 20px;
	}

	.header-v2 .header__mobile-utility .region-btn svg {
		width: 23px;
		height: 23px;
	}

	.header-v2 .header__mobile-utility .custom-search {
		flex: 0 1 197px;
	}

	.header-v2 .header__mobile-utility .custom-search .sform {
		width: 197px;
		max-width: 100%;
		height: 50px;
		padding: 0 18px;
		border: 1px solid var(--v2-black, #001714);
		border-radius: 6px;
		background: var(--v2-white, #ffffff) url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2223%22%20height=%2223%22%20viewBox=%220%200%2023%2023%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath%20d=%22M10.1857%200.00019177C4.57178%200.00019177%200%204.57198%200%2010.1859C0%2015.7998%204.57178%2020.3716%2010.1857%2020.3716C12.6384%2020.3716%2014.8922%2019.4988%2016.6533%2018.0472L21.3174%2022.7112C21.7024%2023.0963%2022.3262%2023.0963%2022.7112%2022.7112C23.0963%2022.3262%2023.0963%2021.7011%2022.7112%2021.3174L18.0472%2016.6533C19.4988%2014.8924%2020.3716%2012.6385%2020.3716%2010.1857C20.3716%204.57178%2015.7998%200%2010.1859%200L10.1857%200.00019177ZM10.1857%201.97161C14.7345%201.97161%2018.3999%205.63709%2018.3999%2010.1859C18.3999%2014.7347%2014.7345%2018.4001%2010.1857%2018.4001C5.6369%2018.4001%201.97142%2014.7347%201.97142%2010.1859C1.97142%205.63709%205.6369%201.97161%2010.1857%201.97161Z%22%20fill=%22%23334848%22/%3E%3C/svg%3E") no-repeat 18px center;
		background-size: 23px 23px;
	}

	/* module.js moves the search OUT of .cm-header into the menu, so every rule scoped
	   through .cm-header stops matching it - including the one that paints the magnifier
	   above and the one that hides the clear control. Left unhidden the clear button
	   picked up the theme's button styling and rendered as an empty 52x28 teal-bordered
	   box under the field. Figma's mobile utility row (217:1005) has no clear control. */
	.header-v2 .header__mobile-utility .custom-search .search-clear {
		display: none !important;
	}

	/* Figma "navbar-utility-mobil" (217:1678) is 350x50 with the region 43x23; the row was
	   collapsing to 45 and letting the 50px field overhang it. */
	.header-v2 .header__mobile-utility .custom-search {
		height: 50px;
	}

	.header-v2 .header__mobile-utility .language-st {
		height: 23px;
	}

	.header-v2 .header__mobile-utility .custom-search #dynamicInput {
		margin-left: 33px;
		font-size: 16px;
		font-weight: 500;
		line-height: 16px;
	}
}

/* The search BOX was 45 tall while the .sform inside it is 50 and the demo button is 50
   (Figma 217:970: search 162x50, CTA 166x50). The form overflowed its own wrapper by 5px
   and, because .header-item-wrp centres its children, the shorter wrapper sat 2.5px higher
   than the button - so the two controls never shared a top or bottom edge. */
@media screen and (min-width: 1024px) {
	.header-v2 .cm-header .header-item-wrp .custom-search {
		height: 50px;
	}
}

/* Search open/close behaviour.
   1. The width animates on the BOX now. The old `transition: min-width` sat on .sform,
      but the expanded width was moved to .custom-search (min-width on .sform lost to
      HubSpot's compiler), so the property that actually changes had no transition and
      the field snapped open.
   2. Figma's open state (217:951) has NO magnifier - just the caret, the placeholder and
      the clear X. The icon is a background-image on .sform, so it is cleared when open.
   3. With the icon gone the input's 33px left offset (which existed only to clear that
      icon) has to go too, and the text centres. */
@media screen and (min-width: 1024px) {
	.header-v2 .cm-header .header-item-wrp .custom-search {
		transition: width 0.25s ease;
	}

	.header-v2 .cm-header .custom-search.is-expanded .sform {
		background-image: none !important;
	}

	/* The label stays LEFT aligned - only the magnifier's 33px offset goes, since the icon
	   it cleared is hidden when open. */
	.header-v2 .cm-header .custom-search.is-expanded #dynamicInput {
		margin-left: 0 !important;
		text-align: left;
	}

	/* Vertical centring: the input was align-self:stretch at 43 tall inside a 50 field, so
	   its centre sat 2.5px below the field's. Centring the box puts the text on the field's
	   axis. (The old stretch was there to stop a fixed 50 overhanging the 1px border - that
	   is not needed once the box is centred and its height is its content.) */
	.header-v2 .cm-header .custom-search #dynamicInput {
		align-self: center !important;
		height: auto !important;
		/* the theme gives the input margin-top: 5px, which pushed its centre 2.5px below
		   the field's even once centred */
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}
}

/* Mobile top bar: logo, demo button and burger share one vertical centre.
   The row is 50 tall, but the logo box is only its image (36.2) and .page-center is
   align-items:flex-start (needed so the 30px gap to the hairline stays below the row,
   not split around it). Top-aligning left the logo's centre at 48 against the button's
   and burger's 55. Giving the logo the row's own 50 and centring inside it lines all
   three up on 55 - Figma "Mobil_Status1" draws the logo frame 63x50, i.e. full row
   height. */
@media screen and (max-width: 1023.9px) {
	.header-v2 .cm-header .wrapper .page-center .header-logo {
		height: 50px;
		display: flex;
		align-items: center;
	}

	/* D-098: NO closing hairline under the utility row. It was added deliberately
	   (b4ccc02, then 02e870a to stop it cutting through the search field) to mirror
	   the line under the top bar; it is not wanted - the menu ends with the search
	   row and nothing after it.
	   The 30px is kept: it was introduced to push the line clear of the field, but
	   it also gives the last row air above the foot of the menu, which it still
	   needs now that nothing closes it off. */
	.header-v2 .header__navigation-wrapper.open .header__mobile-utility {
		/* D-099: 29px below the row. The controls stay CENTRED on one another - an
		   attempt at bottom-aligning them (flex-end) dropped the 23px switcher onto
		   the 50px field's lower edge and read as misaligned. Restated here because
		   the row sets `center` in three separate places further up this file, and
		   this rule has to keep winning. */
		align-items: center !important;
		padding-bottom: 29px !important;
		border-bottom: 0 !important;
	}
}

/* Mobile: air below the header. It was 30 - the page content used to start directly
   ON the header's hairline, with the first line of text touching it.
   D-063 took it to 20, which is the gap asked for between the nav and the
   announcement bar. The bar's own margin-top is 20 as well, and adjacent margins
   collapse to the LARGER of the two, so both sides have to say 20 for the gap to
   be 20 - lowering only one of them changes nothing.
   Written first as a :has() rule that lowered the 30 only when a bar followed the
   header; it never took effect, so the value is set plainly here. 20 still clears
   the hairline for pages that carry no bar. */
@media screen and (max-width: 1023.9px) {
	.header-v2.header-wrp {
		margin-bottom: 20px;
	}
}

/* ---------------------------------------------------------------------------
   D-056 - the region chevron keeps its 13x7 at every width
   Two later rules size EVERY svg in .region-btn to the globe's 23x23:
   `.header-v2 .cm-header .language-st .region-btn svg` and
   `.header-v2 .header__mobile-utility .region-btn svg`. The first ties this file's
   earlier chevron rule on specificity (0-4-1) and wins on source order, which blew
   the chevron up to a 23px square on mobile. Pinned here, at the tail, where
   nothing later can take it back - the same duplicate-selector trap recorded in
   docs/HEADER-V2.md.
   --------------------------------------------------------------------------- */
.header-v2 .language-st .region-btn .chev,
.header-v2 .cm-header .language-st .region-btn .chev {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	line-height: 0;
}

/* D-076: the chevron's BOX is 15x15 (it was measuring 23x23 on the live field).
   `.header-v2 ... .region-btn svg { width:23px; height:23px }` is written for the
   globe but matches the chevron's svg too, and it was winning - D-069/D-072's
   attempts to size the glyph never took, which is why a 9:5 chevron was being
   fitted into a 23px square and reading as a thick diagonal slash.
   Both the span and the svg are pinned here with !important so neither the globe
   rule nor the mobile copies of it can take it back. preserveAspectRatio keeps the
   9:5 glyph undistorted inside the square - it draws 15 wide and centres. */
.header-v2 .language-st .region-btn .chev,
.header-v2 .cm-header .language-st .region-btn .chev,
.header-v2 .header__mobile-utility .region-btn .chev {
	width: 15px !important;
	height: 15px !important;
	flex: 0 0 auto !important;
}

.header-v2 .language-st .region-btn .chev svg,
.header-v2 .cm-header .language-st .region-btn .chev svg,
.header-v2 .header__mobile-utility .region-btn .chev svg {
	width: 15px !important;
	height: 15px !important;
}

.header-v2 .language-st .region-btn .chev svg path,
.header-v2 .cm-header .language-st .region-btn .chev svg path,
.header-v2 .header__mobile-utility .region-btn .chev svg path {
	fill: var(--v2-dunkelgrau, #334848);
}

/* ---------------------------------------------------------------------------
   D-075 - 10px between the magnifier and the placeholder
   The icon is a background image on .sform, so it takes no layout space and the
   input clears it with a margin. That means the gap is the difference between two
   numbers that live in different rules, and the file sets that margin in four
   places (33px three times, 42px once) - whichever wins decides the gap, which is
   how it drifted.
   Stated once here, at the tail, as the arithmetic instead of a magic number:
     icon starts at the padding edge, is 23 wide, then 10 of gap
     -> margin-left = 23 + 10 = 33, measured from the content edge, which begins at
        the same padding offset the icon does (18 mobile, 19 desktop)
   Pinned with !important so none of the earlier declarations can take it back.
   --------------------------------------------------------------------------- */
/* The gap was THREE numbers stacked, not two - which is why editing the input's
   margin-left twice changed nothing visible:
     .sform padding-left 18  +  input margin-left 33  +  input padding-left 18
     = text at 69, icon ends at 41  ->  a 28px gap
   That 18px padding on #dynamicInput is not set anywhere in this file; it arrives
   from the theme's own input styling, which is why nothing here accounted for it.
   (Confirmed by inspecting the live field, 2026-08-19.)
   So the geometry is taken off the input entirely: the FORM reserves the room and
   every property on the input that could add to it is zeroed.
     .sform padding-left = 18 icon offset + 23 icon + 10 gap = 51
     input contributes nothing: no margin, no padding, no indent */
.header-v2 .cm-header .header-item-wrp .custom-search .sform,
.header-v2 .header__mobile-utility .custom-search .sform {
	padding-left: 51px !important;
	background-position: 18px center !important;
}

.header-v2 .cm-header .header-item-wrp .custom-search #dynamicInput,
.header-v2 .header__mobile-utility .custom-search #dynamicInput {
	margin-left: 0 !important;
	padding-left: 0 !important;
	text-indent: 0 !important;
}

/* the expanded desktop field hides its magnifier (Figma 217:950), so there is no
   icon left to clear and the form gives its reserved room back */
.header-v2 .cm-header .custom-search.is-expanded .sform {
	padding-left: 19px !important;
	background-image: none !important;
}

.header-v2 .cm-header .custom-search.is-expanded #dynamicInput {
	margin-left: 0 !important;
}

/* ---------------------------------------------------------------------------
   D-081 - the mobile search field has no second box behind it
   Every rule that strips the input's own border, background, outline and shadow
   is scoped through .cm-header - and module.js MOVES the search out of .cm-header
   into .header__mobile-utility when the menu opens, so not one of them reaches it
   on a phone. The theme's default input styling came through underneath the
   drawn field, which reads as a second box with a shadow behind the real one,
   most visibly once the field is focused.
   This is the same .cm-header scoping trap already recorded in this file for the
   magnifier and the clear control. The resets are repeated here for the relocated
   field rather than re-scoped, because the desktop bar still needs them too.
   --------------------------------------------------------------------------- */
@media screen and (max-width: 1023.9px) {
	.header-v2 .header__mobile-utility .custom-search .sform #dynamicInput,
	.header-v2 .header__mobile-utility .custom-search .sform input[type="text"],
	.header-v2 .header__mobile-utility .custom-search .sform #dynamicInput:focus,
	.header-v2 .header__mobile-utility .custom-search .sform #dynamicInput:focus-visible,
	.header-v2 .header__mobile-utility .custom-search.is-expanded .sform #dynamicInput {
		border: 0 !important;
		outline: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
		border-radius: 0 !important;
		-webkit-appearance: none;
		appearance: none;
	}

	/* the form itself keeps exactly one border - the drawn one */
	.header-v2 .header__mobile-utility .custom-search .sform {
		box-shadow: none !important;
		outline: 0 !important;
	}

	/* the theme's own search widget sits in .search-overlay, unstyled by V2 and not
	   part of the mobile design; it must not surface behind the field */
	.header-v2 .search-overlay {
		display: none !important;
	}
}

/* ---------------------------------------------------------------------------
   D-094 - 10px more between the top bar and the nav band
   The top bar is the logo, region switcher, search and CTA; the nav band below it
   carries the first-level items. The gap between them grows by 10.
   It is added as padding-bottom on .cm-header .wrapper, the box the top bar's
   content sits in, so the nav band's own 80 height and its 18px-to-the-hairline
   rhythm are untouched.
   The reserve HAS to move with it: .cm-header is position:fixed and takes no
   space, so .header-wrp holds the header's height as a static min-height
   (30 top + 52 logo row + 12 + 80 nav band = 174). Ten more pixels of header
   means 184, or the first line of page content slides under the bar - the same
   reserved-height trap that D-064 had to solve by measurement on mobile.
   --------------------------------------------------------------------------- */
@media screen and (min-width: 1024px) {
	/* The white box has to reach all the way DOWN to the nav band, or the gap shows
	   the page through it: the two are separate fixed elements, and nothing paints
	   between them. 30 padding-top + 52 logo row = 82, band at 104, so 22 of white.
	   That 22 is the Figma 12 plus the 10 asked for. */
	.header-v2 .cm-header .wrapper {
		padding-bottom: 12px;
		background-color: var(--v2-white, #ffffff);
	}

	/* The band's `top` is NOT set here. It is position:fixed at a hardcoded top in
	   the mega-menu module's own stylesheet (80 !important below 1440, 96 above),
	   and module CSS loads after this file - so a rule here lost to it below 1441
	   no matter where in this file it sat. It is set at the tail of
	   Mega-Menü.module/module.css instead, and must stay in step with the
	   padding-bottom above: band top = 30 + 52 + this padding. */

	/* 94 band top + 80 band height */
	.header-v2.header-wrp {
		min-height: 174px;
		/* D-147: 45px from the header down to the page content when NO banner renders.
		   Measured before this: 1px - .mainContent started at 175 against a header
		   ending at 174, so the pages without a bar had effectively no separation.
		   With a banner this margin is cancelled again by the bar's negative margin-top
		   (announcement-bar/module.css), because the 45 there has to sit BELOW the bar,
		   not above it. Deliberately not a :has() rule: D-063 tried exactly that test
		   here and it never took effect, and nested :has() is illegal in this file. */
		margin-bottom: 45px;
	}
}