@import url('https://use.typekit.net/son7sot.css');

/*#region general */
.text_center {
  text-align: center !important;
}

.row {
  margin: 0 !important;
}
#features strong {
  font-weight: 700 !important;
}

.product-info-row p {
  font-size: clamp(16px, 1.5vw, 30px);
  line-height: 1.8;
  font-weight: 400;
  margin-top: 0;
}

.flex_container {
  display: flex;
}

#features .product-info-row {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}

#features .product-info-row.no-top-margin {
  margin-top: 0 !important;
}

#features .product-info-row.no-bottom-margin {
  margin-bottom: 0 !important;
}

.left-right-padding {
  padding-top: 30px;
  padding-bottom: 30px;
}

.section_disclaimer p.footnote {
  font-size: clamp(14px,1.1vw,18px);
  line-height: 1.3;
}

@media screen and (max-width:767px) {
  .mobile-no-padding {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .no-left-right-padding {
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (min-width:768px) {
  p {
    padding-left: 5% !important;
    padding-right: 5% !important;
  }

  .left-right-padding {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  #features .product-info-row {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
}

@media screen and (min-width: 992px) {
  .d-left-align {
    text-align: left !important;
  }
}

/* #endregion general */

/*#region hero-container */
.product-hero-container {
  background: #01161e url(/inline/products/24144/mobile/hero-btw5-mobile.jpg) no-repeat bottom;
  background-size: 100%;
  padding-bottom: calc(90vw * 861/828);
}

.product-tagline {
  font-size: clamp(18px, 1.5vw, 26px);
  color: #fff;
}

.product-info-container-light .feature-header {
  color: #000;
  font-weight: 600;
}

.product-info-container-dark .feature-header,
.section_control .feature-header {
  color: #fff !important;
  font-weight: 600;
  margin-bottom: 30px;
}

.product-info-container-light .feature-header {
  margin-bottom: 30px;
}

.gallery-thumbnail>ul {
  margin-top: 0;
}

.product-hero-container h2 {
  padding-top: 5%;
  padding-bottom: 5%;
  margin-bottom: 0;
}

.pdtname-logo {
  padding: 0 15%;
}

.product-hero-container .container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

#features .section-header-wrapper {
  display: none;
}

.product-hero-container .hero-wrapper {
  display: none;
}

.product-hero-container .product-name-large {
  display: none;
}

@media screen and (min-width: 768px) {
  .product-hero-container {
    padding-bottom: 40px;
  }

  .product-hero-container {
    background: #FFFAFA url("/inline/products/24144/hero-btw5.jpg") no-repeat center top;
    background-size: cover;
    min-height: calc(100vw * 1000 / 2560);
  }

  .pdtname-logo {
    width: calc(100vw * 241/871);
    padding: 0;
  }

  .gallery-thumbnail {
    margin-bottom: 0;
  }

  .gallery-thumbnail>ul {
    margin-bottom: 0;
  }

  .product-hero-container .container {
    min-height: 0;
    justify-content: center;
  }
}

@media screen and (min-width:992px) {
  .section_communications h3 {
    width: 100%;
    margin-left: 4%;
    padding-left: 7%;
    text-align: left;
  }

  .section_communications .feature-header:after {
    margin: 0;
    width: 10%;
  }

  .section_design h3 {
    margin-left: 5%;
    width: 100%;
    padding-left: 7%;
    text-align: left;
    margin-bottom: 2%;
  }

  .section_design .feature-header:after {
    margin: 0;
    width: 5%;
  }
}

/* #endregion hero-container */

/*#region section overview code */
.section_overview h4 {
  font-family: 'termina', 'proxima-nova', sans-serif;
  font-size: clamp(28px, 3vw, 80px);
  color: #000;
  font-weight: bold;
  padding: 0px 10%;
  margin: 10% 0;
}

.section_overview p {
  font-size: clamp(16px, 1.5vw, 24px) !important;
  color: #000;
  line-height: 1.6;
  padding: 0 2%;
}

.section_overview .overview_text {
  text-align: center !important;
  font-size: clamp(16px, 1.5vw, 30px) !important;
  margin-bottom: 0;
}
body.storepage_2 .section_overview .overview_text {
  margin-bottom: 1.1em;
}
.section_overview img {
  width: 50%;
  max-width: 300px;
  height: auto;
  object-fit: cover;
}

@media screen and (min-width: 768px) {
  .section_overview h4 {
    margin-bottom: 5%;
    margin-top: 5%;
  }

  .section_overview .icon_padding {
    padding: 0;
  }
}

/*#endregion section overview code */

/*#region section audio code */
.section_audio .highlight {
  background-color: #0b1c8f;
}

.section_audio {
  color: #fff;
}

.section_audio h4 {
  font-family: 'termina', 'proxima-nova', sans-serif;
  font-size: clamp(28px, 3vw, 80px);
  font-weight: bold;
  margin: 0;
}

.section_audio p {
  font-size: clamp(16px, 1.5vw, 30px);
  line-height: 1.6;
  padding: 3% 5%;
}

.section_audio .flex_col {
  display: flex;
  flex-direction: column;
  text-align: left;
}

.section_audio .audio_margin {
  margin: 5% 0 0;
  padding-left: 3%;
}

.section_audio .footer {
  font-size: clamp(14px, 1.5vw, 18px);
  margin-bottom: 10%;
  padding-top: 0;
}

.section_audio img {
  object-fit: cover;
  height: auto;
  max-height: 1548px;
  width: 100%;
  vertical-align: middle;
  margin-top: 5%;
}

@media screen and (min-width: 768px) {
  .section_audio .flex_col {
    flex-direction: row;
  }

  .section_audio img {
    margin-top: 0;
  }
}

@media screen and (min-width:992px) {
  .section_audio .audio_margin {
    padding-left: 3%;
  }

  .section_audio .d-audio-margin {
    margin-left: 8%;
  }

  .section_audio .flex_col {
    flex-direction: column;
  }



  .section_audio p {
    padding: 3% 8% 0;
  }

  .section_audio .footer {
    padding: 3%;
  }

  .section_audio #high-quality p {
    padding-bottom: 3%;
  }
}

/*#endregion section audio code */

/*#region section download code */
.section_download p {
  font-size: clamp(16px, 1.5vw, 30px);
  line-height: 1.6;
  color: #fff;
  margin-bottom: 5%;
  padding: 0 5%;
}

.section_download a.button {
  background: none;
  border: 1px solid #fff;
  border-radius: 10px;
  padding: 5px 15px;
  font-size: clamp(12px,1.5vw,16px);
  color: #fff;
  height: auto;
  line-height: 1.2;
  font-weight: 700;

}
.section_download .creative_app {
  margin: 5% 0;
  max-width: 30%;
}

.section_download .download_text {
  margin: 0 0 2%;
}

.section_download .icon {
  display: flex;
  justify-content: center;
  gap: 5%;
}

.section_download .icon span {
  margin: 0 2.5%;
}

@media screen and (min-width: 992px) {
  .section_download p {
    padding: 0;
  }

  .section_download .download_text {
    margin-left: 20%;
    margin-right: 20%;
  }

  .section_download .creative_app {
    margin: 2% 0;
  }

  .section_download .icon {
    gap: 0;
  }
}

/*#endregion section download code */

/*#region section stable code */
.section_stable {
  background: url("/inline/products/24144/mobile/stable-reliable-mobile.jpg") no-repeat center top;
  background-size: 100%;
}

.section_stable p {
  margin-bottom: 0;
}

.section_stable .stable h4 {
  font-family: 'termina', 'proxima-nova', sans-serif;
  font-size: clamp(28px, 3vw, 80px);
  font-weight: bold;
  color: #fff;
  margin: 0 0 8%;
}

@media screen and (min-width: 768px) {
  .section_stable .stable h4 {
    margin-bottom: 2%;
  }

  .section_stable .stable table {
    margin-left: auto;
    margin-right: auto;
    border-spacing: 5px 0;
    border-collapse: separate;
  }

  .section_stable .stable table td {
    padding: 24px;
  }

  .section_stable .stable table tr td:first-of-type {
    width: 25%;
  }

  .section_stable .stable table td,
  .section_stable .stable table td div {
    position: relative;
  }

  .section_stable .stable table .header td {
    font-size: clamp(18px, 1.5vw, 36px);
    line-height: 1.2;
    font-weight: bold;
    color: #fff;
  }

  .section_stable .stable table .header td:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #223adb;
  }

  .section_stable .stable table .desc td {
    font-size: clamp(18px, 1.5vw, 30px);
    line-height: 1.1;
    font-weight: 400;
    color: #fff;
  }

  .section_stable .stable table .desc td:first-of-type {
    cursor: pointer;
  }

  .section_stable .stable table .desc td:first-of-type:hover img {
    filter: drop-shadow(2px 3px 4px black);
  }

  .section_stable .stable table .desc td:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #0b1c8f;
  }

  .section_stable .stable table img {
    display: inline-block;
    margin-right: 10px;
    width: 100%;
    max-width: 20px;
    transition: .1s ease filter;
  }
}

@media screen and (max-width:767px) {
  .section_stable table .desc td {
    font-size: clamp(16px, 1.5vw, 22px);
    line-height: 1.1;
    font-weight: 400;
    color: #fff;
    padding: 10px;
    vertical-align: top;
  }

  .section_stable table .header td {
    width: 33%;
    background-color: #333FDE;
    color: #fff;
  }

  .section_stable table .header td:nth-of-type(1) {
    display: none;
  }

  .section_stable table .desc td:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
  }

  .section_stable .header td {
    padding: 10px;
  }

  .section_stable .desc .second_header {
    display: block;
    width: 100%;
    text-align: center;
    margin: 0.5% 0;
    padding: 5px;
  }

  .section_stable .desc .title {
    display: block;
  }

  .section_stable .desc td:nth-of-type(2),
  .section_stable .desc td:nth-of-type(3),
  .section_stable .desc td:nth-of-type(4) {
    width: 33%;
  }

  .section_stable table .desc td:nth-of-type(1),
  .section_stable table .desc td:nth-of-type(2),
  .section_stable table .desc td:nth-of-type(3),
  .section_stable table .desc td:nth-of-type(4) {
    background-color: #1C228E;
  }

  .section_stable tr {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    justify-content: space-between;
  }

  .section_stable td {
    display: block;
  }

  .section_stable td.title {
    width: 100%;
    text-align: center;
  }

  .section_stable table {
    margin: 10% 0;
  }
}

@media screen and (min-width: 992px) {
  .section_stable {
    background: url("/inline/products/24144/stable-reliable.jpg") no-repeat center;
  }

  .section_stable .stable table {
    margin-top: 5%;
  }

  .section_stable .row .product-info-row {
    width: 100%;
  }
}

/*#endregion section stable code */

/*#region section control code */
.product-info-row p {
  font-size: clamp(16px, 1.5vw, 30px);
  line-height: 1.8;
  font-weight: 400;
  margin-top: 0;
}

.section_control {
  background: #fff;
}

.section_control p {
  padding-top: 4%;
  color: #000;
}

.section_control .feature-subheader {
  color: #fff;
}


.section_control .control_background {
  background: url("/inline/products/24144/mobile/control-mobile.jpg") no-repeat center;
  background-size: 100%;
  max-width: 100%;
  object-fit: cover;
  width: 100%;
  height: calc(100vw * (1114/828));
  color: #fff;
  padding-top: 30px;
}

.section_control .control_background h4 {
  font-family: 'termina', 'proxima-nova', sans-serif;
  font-size: clamp(28px, 3vw, 80px);
  font-weight: bold;
  padding: 0;
  margin: 0 0 5%;
  line-height: 1.5;
}

.section_control .txt_boxtitle {
  font-size: clamp(16px, 1.5vw, 30px);
  line-height: 1.1;
  font-weight: 400;
  margin-top: 30px;
  margin-bottom: 30px;
  color: #000;
}

.section_control .box {
  width: 100%;
  max-width: 440px;
}

.section_control .box .header,
.section_control .box .bullet {
  padding: 20px;
}

.section_control .box .header {
  font-size: clamp(18px, 1.5vw, 36px);
  line-height: 1.1;
  font-weight: bold;
  color: #fff;
  counter-reset: counter_box;
}

.section_control .box .header i {
  font-weight: 300;
}

.section_control .box .bullet {
  font-size: clamp(16px, 1.5vw, 30px);
  font-weight: 400;
  line-height: 1.2;
}

.section_control .box .bullet ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

.section_control .box .bullet li {
  position: relative;
  padding-left: clamp(28px, 2vw, 36px);
  padding-bottom: 10px;
}

.section_control .box .bullet li:last-of-type {
  padding-bottom: 0;
}

.section_control .box .bullet li:before {
  position: absolute;
  width: clamp(20px, 1.5vw, 36px);
  height: calc(30px * 1.2);
  left: 0;
  top: 0;
  display: block;
  counter-increment: counter_box;
  content: counter(counter_box) ". ";
  font-weight: bold;
}

.section_control .box1 {
  margin: 0 auto 20px;
}

.section_control .box1 .header {
  background-color: #9a9a9a;
}

.section_control .box1 .bullet {
  background-color: #d2d2d2;
  color: #000;
}

.section_control .box2 {
  margin: 0 auto;
}

.section_control .box2 .header {
  background-color: #223adb;
}

.section_control .box2 .bullet {
  background-color: #0b1c8f;
  color: #fff;
}

.section_control .col_boxdesc {
  margin-top: 60px;
}

.section_control .btn_wrapper {
  margin-top: 30px;
}

.section_control .btn {
  display: inline-block;
  background: #323EDB;
  padding: 20px 50px 20px 20px;
  width: 100%;
  position: relative;
  color: #fff;
  font-size: clamp(16px, 1.5vw, 24px);
  line-height: 1.1;
  font-weight: bold;
  border-radius: 10px;
  cursor: pointer;
  white-space: normal;
}

.section_control .btn:before,
.section_control .btn:after {
  content: "";
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 15px;
  height: 1px;
  right: calc(25px - 7px);
  /*half width of space - half width of line*/
  top: calc(50% - 2px);
  /*half height of space - half height of line*/
  border-bottom: 4px solid #fff;
  transition: .5s all ease-in;
  transform: rotate(0deg);
}

.section_control .btn.plus:after {
  transform: rotate(-90deg);
}

.section_control .img_creativeapp {
  /* height: 85vw; */
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: left top;
}

.section_control .m-control-top-margin {
  margin-top: 20px;
}

@media screen and (max-width:767px) {
  .section_control .control_text {
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (min-width:768px) {
  .section_control .m-control-top-margin {
    margin-top: 0;
  }

  .section_control p {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0;
    margin-bottom: 0;
  }

  .section_control .box {
    max-width: none;
  }

  /* .section_control .box .header {
        min-height: calc(36px * 2 * 1.1);
        /* min height 2 line */
  /* } */

  .section_control .box .header,
  .section_control .box .bullet {
    padding: 7% 10%;
  }

  .section_control .txt_boxtitle {
    text-align: center;
  }

  .section_control .col_box1 {
    padding-right: 30px;
  }

  .section_control .col_box2 {
    padding-left: 30px;
  }

  .section_control .box .bullet li {
    padding-bottom: 30px;
  }

  .section_control .btn {
    padding: 40px 100px 40px 40px;
  }

  .section_control .btn:before,
  .section_control .btn:after {
    width: 30px;
    right: calc(50px - 15px);
    /*half width of space - half width of line*/
    top: calc(50% - 4px);
    /*half height of space - half height of line*/
    border-bottom: 8px solid #fff;
  }

  .section_control .img_creativeapp {
    height: 40vw;
    object-fit: cover;
    object-position: left;
    max-height: 785px;
  }
}

@media screen and (min-width:992px) {
  .section_control .row {
    position: relative;
  }
  .section_control video {
    position: absolute;
    top:0;
    left:0;
    width: 100%;
  }
  .section_control .txt_boxtitle {
    margin-bottom: 60px;
    margin-top: 60px;
  }

  .section_control .control_background {
    background: url("./control.jpg") no-repeat center;
    background-size: 100%;
    max-width: 100%;
    object-fit: cover;
    width: 100%;
    height: calc(100vw * (1000/2560));
    color: #fff;
    padding-top: 60px;
  }
}

@media screen and (min-width: 768px) {
  /* .section_control .img_creativeapp {
    height: 40vw;
    object-fit: cover;
    object-position: left;
  } */
}

/*#endregion section control code */

/*#region section control expanded code */
.section_control_expanded.plus {
  display: block;
}

.section_control_expanded {
  background: #01161e;
  color: #fff;
  display: none;
  position: relative;
  /* padding-bottom: clamp(80px, 9vw, 120px);
    padding-top: clamp(80px, 9vw, 120px) */
}

.section_control_expanded .container-fluid {
  width: 92%;
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
}

.section_control_expanded .close {
  width: 30px;
  height: 30px;
  position: absolute;
  left: calc(50% - 15px);
  top: auto;
  right: auto;
  font-size: clamp(20px, 1.5vw, 30px);
  font-weight: 400;
  bottom: 30px;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #fff;
  padding: 0;
}

.section_control_expanded table td>div {
  margin: 10px;
}

.section_control_expanded table td[data-led]>div {
  padding-left: 30px;
  position: relative;
}

.section_control_expanded table td[data-led]>div img {
  position: absolute;
  left: 0;
  top: 0;
}

.section_control_expanded table td,
.section_control_expanded table td div {
  position: relative;
}


/* .section_control_expanded table tr>td+td>div {
    margin-left: 0;
} */

.section_control_expanded .txt_title {
  margin-bottom: clamp(14px, 2vw, 30px);
}

.section_control_expanded table .header {
  white-space: nowrap;
}

.section_control_expanded .txt_title,
.section_control_expanded table .header td {
  font-size: clamp(18px, 1.5vw, 36px);
  font-weight: bold;
  color: #fff;
}

.section_control_expanded .table_green,
.section_control_expanded .table_purple {
  text-align: left;
  margin: 0 auto;
}

.section_control_expanded .table_green {
  margin-bottom: 30px;
}

.section_control_expanded .table_green .header td:before,
.section_control_expanded .table_purple .header td:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.section_control_expanded .table_green .header td:before,
.section_control_expanded .table_purple .header td:before {
  background-color: #223adb;
}

.section_control_expanded table .desc td {
  font-size: clamp(14px, 1.5vw, 30px);
  line-height: 1.1;
  font-weight: 400;
  color: #fff;
}

.section_control_expanded table .desc {
  border-bottom: 2px solid #000;
}

.section_control_expanded .table_green .desc td:before,
.section_control_expanded .table_purple .desc td:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.section_control_expanded .table_green .desc td:before,
.section_control_expanded .table_purple .desc td:before {
  background-color: #0b1c8f;
}

.section_control_expanded table tr td:first-of-type:before {
  width: calc(100% - 10px);
}

.section_control_expanded img {
  display: inline-block;
  margin-right: 10px;
  width: 100%;
  max-width: 20px;
}


@media screen and (min-width: 400px) {
  .section_control_expanded table {
    border-spacing: 10px 0;
    border-collapse: separate;
  }
}

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

  .section_control_expanded table .desc {
    border-bottom: 0;
  }
}

@media screen and (min-width: 992px) {
  .section_control_expanded table td[data-led]>div img {
    top: 5px;
  }
}

/*#endregion section control expanded code */

/*#region section communication code */
.section_communications .communication_position {
  position: initial;
}

.section_communications .communication_position h3 {
  position: absolute;
  top: 30px;
  left: 0;
  right: 0;
  margin-top: -120px;
}

.section_communications img {
  height: auto;
  max-width: 100%;
  width: 100%;
}

.section_communications .btn_wrapper {
  padding: 0 7%;
  margin-top: 2em;

}

.section_communications h4 {
  font-family: 'termina', 'proxima-nova', sans-serif;
  font-size: clamp(28px, 3vw, 80px);
  font-weight: bold;
  color: #fff;
  margin: 0 0 5%;
  padding: 0;
}


.section_communications p {
  font-size: clamp(16px, 1.5vw, 24px);
  color: #fff;
  line-height: 1.6;
  padding: 0 !important;
}

.section_communications .custom_flex {
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: auto;
}

@media screen and (min-width:768px) {
  .section_communications h4 {
    padding: 0 7%;
  }

  .section_communications p {
    padding: 0 7% !important;
  }
}

@media screen and (min-width: 992px) {
  .section_communications .communication_position h3 {
    top: 0;
  }

  .section_communications .custom_flex {
    height: 100%;
  }

  .section_communications .communication_img {
    height: 100%;
  }

  .section_communications .communication_position,
  .section_communications .communication_position h3 {
    position: relative;
  }

  .section_communications h4 {
    padding: 0 7%;
    margin: 0 4%;
    line-height: 1;
  }
}

/* section communication button */
.section_communications .btn {
  display: inline-block;
  background: #323EDB;
  width: 80%;
  padding: 20px 50px 20px 20px;
  position: relative;
  color: #fff;
  font-size: clamp(20px, 1.5vw, 30px);
  line-height: 1.1;
  font-weight: bold;
  border-radius: 10px;
  cursor: pointer;
}

.section_communications .btn:before,
.section_communications .btn:after {
  content: "";
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 15px;
  height: 1px;
  right: calc(25px - 7px);
  /*half width of space - half width of line*/
  top: calc(50% - 2px);
  /*half height of space - half height of line*/
  border-bottom: 4px solid #fff;
  transition: .5s all ease-in;
  transform: rotate(0deg);
}

.section_communications .btn.plus:after {
  transform: rotate(-90deg);
}


@media screen and (min-width: 992px) {
  .section_communications h4 {
    text-align: left;
    margin: 2% 4%;
  }

  .section_communications img {
    object-fit: cover;
    height: 100%;
  }

  .section_communications p {
    margin: 4%;
    text-align: left;
  }

  .section_communications .btn_wrapper {
    margin: 4%;
  }

  .section_communications .btn {
    width: 100%;
  }
}

/*#endregion section communication code */

/*#region section communications expanded code */
.section_communications_expanded.plus {
  display: block;
}

.section_communications_expanded {
  display: none;
  background: #01161e;
  position: relative;
  color: #fff;
}

.section_communications_expanded .header {
  font-size: clamp(24px, 1.5vw, 36px);
  font-weight: bold;
  margin-top: 60px;
}

.section_communications_expanded .header.header_hfp {
  margin-top: 0;
}

.section_communications_expanded .subheader {
  margin-top: 30px;
  font-size: clamp(18px, 1.5vw, 30px);
  font-weight: bold;
}

.section_communications_expanded .header+.subheader {
  margin-top: 10px;
}

.section_communications_expanded p {
  margin: 0 0 5%;
  font-size: clamp(16px, 1.5vw, 30px);
  line-height: 1.5;
}

.section_communications_expanded .header+p,
.section_communications_expanded .subheader+p {
  margin-top: 10px;
}

.section_communications_expanded ol {
  margin: 20px 0 0;
  padding: 0;
  list-style: none;
  counter-reset: counter_box;
}

.section_communications_expanded li {
  position: relative;
  font-size: 18px;
  line-height: 1.2;
  padding-left: clamp(22px, 2vw, 36px);
  padding-bottom: 15px;
  counter-increment: counter_communication;
}

.section_communications_expanded li:last-of-type {
  padding-bottom: 0;
}

.section_communications_expanded li:before {
  position: absolute;
  width: 36px;
  height: calc(30px * 1.2);
  left: 0;
  top: 0;
  display: block;
  content: counter(counter_communication) ". ";
  font-weight: bold;
}

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

  .section_communications_expanded ol,
  .section_communications_expanded .header {
    padding-left: 5%;
  }
}

/*#endregion section communications expanded code */

/*#region section design code */
.section_design h4 {
  font-family: 'termina', 'proxima-nova', sans-serif;
  font-size: clamp(28px, 3vw, 80px);
  font-weight: bold;
  color: #000;
  margin: 0 0 5%;
  padding: 0;
}

.section_design p {
  font-size: clamp(16px, 1.5vw, 24px);
  color: #000;
  padding: 0;
  margin: 3% 0;
}

.section_design img {
  height: auto;
  width: 100%;
  object-fit: cover;
  object-position: top;
  max-height: calc(70vw* (1108/1012));
}

.section_design .custom_flex {
  height: auto;
}

@media screen and (min-width:768px) {
  .section_design h4 {
    padding: 0 7%;
  }

  .section_design p {
    padding: 0 7%;
  }
}

@media screen and (min-width: 992px) {
  .section_design .custom_flex {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
  }

  .section_design img {
    height: 100%;
    width: auto;
    object-fit: cover;
    object-position: left;
  }

  .section_design h4 {
    text-align: left;
    margin: 4% 5%;
    line-height: 1;
  }

  .section_design p {
    text-align: left;
    margin: 0 5% 4%;
    padding: 0 7% !important;
  }
}

/*#endregion section design code */