.text-image-light-container {
  position: relative;
  display: flex;
}

.text-image-light-container[data-orient="left"] {
  margin-bottom: 0;
}

.text-image-light-wrapper * .text-image__content-wrapper {
  width: 100%;
}

.text-image-light-wrapper * .text-image__content {
  margin-bottom: 32px; 
}

.text-image-light-wrapper * .text-image__content h3,
.text-image-light-wrapper * .text-image__content h2{
  font-size:2.25rem;
  font-weight:500;
  color:inherit!important;
}

.text-image-light-wrapper * .text-image__image-wrapper {
  display: none;
  --height: 266px;
  position: absolute;
  height: var(--height);
  width: calc(var(--height) * 1.13);
  /*clip-path: url(#my-clip-path);*/
  clip-path: none;
  top: 95%;
  left: 55%;
}

.text-image-light-container[data-orient="left"] .text-image__image-wrapper {
  display: none;
}

.text-image-light-container + .text-image-light-container {
  margin-top: 40px;
}

.text-image-light-wrapper * .text-image__image-wrapper img {
  min-height: 100%;
  height: auto;
  width: 100%;
  object-fit: cover;
  object-position: center;
}

.text-image-light-wrapper * .icons-wrapper{
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  justify-content: center;
}

.text-image-light-wrapper * .icons-wrapper .icon-item{
  width:33.3%;
  height:auto;
  text-align:center;
  padding:0 20px;
  margin:30px 0 0 0;
}

.text-image-light-wrapper * .icons-wrapper .icon-item .icon-img{
  padding:20px;
  border-radius:50%;
  text-align:center;
  width:100px;
  height:100px;
  align-content: center;
  margin:0 auto 10px auto;
}
.text-image-light-wrapper * .icons-wrapper .icon-item  .icon-img img{
  width:46px;
  height:46px;
}

@media (min-width: 768px) {
  .text-image-light-wrapper * .text-image-light-container {
    width: 100%;
    margin: 0 auto;
  }

  .text-image-light-container[data-orient="right"] {
    margin-bottom: 300px;
  }

  .text-image-light-container[data-orient="left"] {
    justify-content: flex-end;
    margin-top: 300px;
  }

  .text-image-light-wrapper * .text-image__content-wrapper {
    width: 60%;
  }

  .text-image-light-wrapper * .text-image__image-wrapper {
    display: block;
    --height: 581px;
  }

  .text-image-light-container + .text-image-light-container {
    margin-top: 0;
  }
  
  .text-image-light-container[data-orient="right"] .text-image__image-wrapper {
    top: 0;
    left: 65%;
  }
  
  .text-image-light-container[data-orient="left"] .text-image__image-wrapper {
    display: block;
    bottom: 0;
    right: 70%;
    top: auto;
    left: auto;
  }
}

@media (min-width: 1024px) {
  /*.dnd_area-row-4-background-layers.dnd_area-row-4-background-color{
    position:relative;
    overflow:hidden;
  }
  .dnd_area-row-4-background-layers.dnd_area-row-4-background-color:before{
    background-image:url('https://2671527.fs1.hubspotusercontent-na1.net/hubfs/2671527/Website%20Redesign%20Assets%20-%202023/Branding/shape-hexagon-lines.svg');
    background-repeat:no-repeat;
    background-position:100% -80%;
    content:'';
    display:block;
    position:absolute;
    height:900px;
     width:900px;
    top:40%;
    left:-600px;
    opacity:.09;
  }
  /*.dnd_area-row-4-background-layers.dnd_area-row-4-background-color:after{
    background-image:url('https://2671527.fs1.hubspotusercontent-na1.net/hubfs/2671527/Website%20Redesign%20Assets%20-%202023/Branding/shape-hexagon-lines.svg');
    background-repeat:no-repeat;
    background-position:100% -80%;
    content:'';
    display:block;
    position:absolute;
    height:800px;
     width:800px;
    top:60%;
    left:-300px;
    opacity:.09;
  }*/
  .text-image-light-container {
    width: 100%;
  }

  .text-image-light-container[data-orient="right"] {
    /*margin-bottom: 320px;*/
        margin-bottom: auto;
        margin-top: auto;
        min-height: 566px;
        align-items: center;
  }

  .text-image-light-container[data-orient="left"] {
    /* margin-top: 320px; */
    margin-bottom: auto;
        margin-top: auto;
        min-height: 566px;
        align-items: center;
  }

  .text-image-light-container[data-orient="right"] .text-image__image-wrapper {
    left: 75%;
  }
  
  .text-image-light-container[data-orient="left"] .text-image__image-wrapper {
    right: 75%;
  }
}
@media (max-width: 750px){
  .text-image-light-wrapper * .icons-wrapper{
    margin-top:20px;
  }
  .text-image-light-wrapper * .icons-wrapper .icon-item{
    width:50%;
    height:auto;
    text-align:center;
    padding:0 20px;
    margin:20px 0 0 0;
  }
}

