.text-image-box{
      position: relative;
      display: flex;
      flex-direction: column;
      width: 100%;
      align-items: center;
      margin: 0 auto;
    }

.text-image-box .text-image-grid, .is-preview .text-image-grid{
      display: grid;
      grid-template-columns: repeat(2,1fr);
      width: 100%;
}


.text-image-box .text-image-grid .text-wrap, .is-preview .text-image-box .text-image-grid .text-wrap{
height: 100%;
display: flex;
}

.text-image-box .text-image-grid .main-img img{
      width: 100%;
}

.text-image-box .grid-text{
      position: relative;
      display: flex;
      flex-direction: column;
      height: auto;
}

.text-image-box .grid-text ul,  .text-image-box .grid-image ul{
      --icon-space: 1.3em;
      list-style: none;
      padding: 0;
    }
    
    .text-image-box .grid-text  li,  .text-image-box .grid-image  li {
      padding-left: var(--icon-space);
    }
    
    .text-image-box .grid-text li:before,  .text-image-box .grid-image li:before {
      content: "\f054"; /* FontAwesome Unicode */
      font-family: "Font Awesome 6 Free";
      display: inline-block;
      margin-left: calc( var(--icon-space) * -1 );
      width: var(--icon-space);
    }

    .img-caption{
      position: absolute;
      top: 20px;
      left: -100px;
      font-size: 14px;
      background-color: #ffffff;
      color: black;
      line-height: 2;
      padding: 10px;
      border-radius: 5px;
      width: 70%;
    }

.is-preview .text-image-box .grid-text{
      height: 100%;
}


.text-image-box .text-image-grid .grid-image, .is-preview .text-image-box .text-image-grid .grid-image{
      font-size: 0;
      display: flex;
      flex-direction: column;
      justify-content: center;
}

.text-image-box .text-image-grid .grid-image .image-wrap , .is-preview .text-image-box .text-image-grid .grid-image .image-wrap {
      height: 100%;
}

.text-image-box .text-wrap-content, .is-preview .text-image-box .text-wrap-content{display: flex;flex-direction: column;}

.text-image-box .text-wrap-content ul li, .is-preview .text-image-box .text-wrap-content ul li{line-height: 2;}

.text-image-box .text-wrap-content h2, .is-preview .text-image-box .text-wrap-content h2 {margin: 0;}

.text-image-box .flex-video {
      position: relative;
      padding-bottom: 56.25%; /* 16:9 */
      height: 0;
    }
  
    .text-image-box .flex-video iframe, .flex-video video {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
    }

@media only screen 
      and (min-width: 0px) 
      and (max-width: 768px) 
{ 
      .text-image-box .text-image-grid{
            grid-template-columns: 100% !important;
            width: 100%;
            grid-gap: 25px 0 !important;
      }

      .text-image-box .text-image-grid .main-img{
            height: auto;

      }

      .text-image-box .text-image-grid .main-img img{
            position: relative!important;
      }

      .text-image-box .grid-image{
            order: 2 !important;
        }
        .text-image-box .grid-text{
            order: 1!important;
        }

      .img-caption{
            position: relative;
            top: 0;
            left: initial;
            width: 100%;
          }
}

@media only screen 
      and (min-width: 769px) 
      and (max-width: 1124px) 
{ 


}