.al-offset-grid {
    display: grid; 
    gap: 0px 0px; 
    max-width: 1500px;
    margin: 0 auto;
    overflow: hidden;
  }
  
  .al-offset-grid.al-offset-grid__row1 {
    grid-template-rows: 40px auto 80px;
    grid-template-columns: 50% auto; 
    grid-template-areas: 
      ". content1"
      "image1 content1"
      ". content1";
  }
  
  .al-offset-grid.al-offset-grid__row2 {
    grid-template-rows: 80px auto 40px;
    grid-template-columns: auto 50%;
    grid-template-areas: 
      "content2 ."
      "content2 image2"
      "content2 .";
    margin: -80px auto 0;
    justify-content: flex-end;
  }
  
  .al-offset-grid__img1 {
    grid-area: image1;
    position: relative;
  /*   padding-bottom: 56.25%; */
    height: calc(100% + 80px);
    min-height: calc((1500px * .5625) / 2);
  }
  
  .al-offset-grid__img2 {
    grid-area: image2;
    position: relative;
  /*   padding-bottom: 56.25%; */
    height: calc(100% + 80px);
    transform: translate(0, -80px);
    min-height: calc((1500px * .5625) / 2);
  }
  
  .al-offset-grid__vid1 {
    grid-area: image1;
    position: relative;
  /*   height: calc(100% + 80px); */
    min-height: calc((1500px * .5625) / 2);
  }
  
  .al-offset-grid__vid2 {
    grid-area: image2;
    position: relative;
  /*   padding-bottom: 56.25%; */
  /*   height: calc(100% + 80px); */
    min-height: calc((1500px * .5625) / 2);
  }
  
  @media screen and (max-width: 1514px) {
    .al-offset-grid__img1, .al-offset-grid__img2 {
      min-height: calc((56.25vw - 14px) / 2);
      
    }
    
    .al-offset-grid__vid1, .al-offset-grid__vid2 {
      min-height: calc((56.25vw - 14px) / 2);
      
    }
    
  }
  
  .al-offset-grid__img1 img, .al-offset-grid__img2 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    object-position: 50% 50%;
  }
  
  .al-offset-grid__vid1 video, .al-offset-grid__vid2 video {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  .al-offset-grid__vid2 video {
     object-fit: cover;
  }
  
  
  .al-offset-grid__vid2 .fluid-width-video-wrapper{
    height: 100%;
  }
  
  .al-offset-grid__vid1 .fluid-width-video-wrapper{
    height: 100%;
  }
     
  
  
  .al-offset-grid__content-cont1 {
    grid-area: content1;
    background: var(--lightGrayGradient);
    padding: 60px var(--offset-grid-p-60-140) var(--offset-grid-p-90-120) var(--offset-grid-p-60-80);
  }
  .al-offset-grid__content-cont2 {
    grid-area: content2;
    background: var(--dark-blue);
    padding: var(--offset-grid-p-90-120) var(--offset-grid-p-60-140) 80px var(--offset-grid-p-60-80);
  }
  
  .al-offset-grid__content-cont1, .al-offset-grid__content-cont2 {
    display: flex;
    align-items: center;
    z-index: 1
  }
  
  .al-offset-grid__content-cont1 > div, .al-offset-grid__content-cont2 > div {
    max-width: 600px;
      margin: 0 auto;
  }
  
  .al-offset-grid__row1.al-offset-grid--one-row {
    grid-template-rows: 40px auto 40px;
  }
  .al-offset-grid__row2.al-offset-grid--one-row {
    grid-template-rows: 40px auto 40px;
  }
  
  .al-offset-grid--one-row .al-offset-grid__content-cont1 {
    padding: var(--offset-grid-p-90-120) var(--offset-grid-p-60-140) var(--offset-grid-p-90-120) var(--offset-grid-p-60-80);
  }
  .al-offset-grid--one-row .al-offset-grid__content-cont2 {
    padding: var(--offset-grid-p-90-120) var(--offset-grid-p-60-140) var(--offset-grid-p-90-120) var(--offset-grid-p-60-80);
  }
  
  .al-offset-grid--one-row .al-offset-grid__img1 {
    height: 100%;
  }
  
  .al-offset-grid--one-row .al-offset-grid__vid1 {
    height: 100%;
  }
  
  .al-offset-grid--one-row .al-offset-grid__img2 {
    height: 100%;
    transform: translate(0,0);
  }
  .al-offset-grid__img1 button, .al-offset-grid__img2 button {
    position: absolute;
    top: calc(50% + 40px);
    left: 50%;
	width: 18%;
    transform: translate(-50%, -50%);
    background: none;
    border: none;
    transition: transform .3s ease-in-out;
  }
  .al-offset-grid__img1 button {
    top: calc(50% - 40px);
  }
  .al-offset-grid__img1 button:hover, .al-offset-grid__img2 button:hover {
    transform: translate(-50%, -50%) scale(1.1);
  }

  .al-offset-grid__img1 button svg, .al-offset-grid__img2 button svg {
	width: 100%;
	height: auto;
  }

  .al-offset-grid--one-row .al-offset-grid__img1 button, .al-offset-grid--one-row .al-offset-grid__img2 button {
    top: 50%;
  }
  
  .al-offset-grid--one-row .al-offset-grid__vid2 {
    height: 100%;
  }
  
  .al-offset-grid.al-offset-grid__row2.al-offset-grid--one-row {
    margin: 0 auto;
  }
  
  .et_pb_dp_dmb_module_200 .offset_grid_button {
    margin-top: 24px;
  }
  
  .dp_field_offset_grid_title1, .dp_field_offset_grid_title2 {
    padding-bottom: 1em;
  }

  .tingle-modal.video-modal .tingle-modal-box {
    width: 94%;
    max-width: 1500px;
  }
  .tingle-modal.video-modal .tingle-modal-box__content {
    padding: 0;
    overflow:hidden;
  }
  .tingle-modal.video-modal .tingle-modal-box__content video {
    vertical-align: middle;
  }
  
  @media screen and (max-width: 980.99px) {
    .al-offset-grid.al-offset-grid__row1, .al-offset-grid.al-offset-grid__row2 {
      grid-template-rows: auto;
      grid-template-columns: 1fr !important;
    }
    .al-offset-grid.al-offset-grid__row1 {
      grid-template-areas:
          "image1"
          "content1";
    }
    .al-offset-grid.al-offset-grid__row2 {
      grid-template-areas:
          "image2"
          "content2";
          margin: 0 auto;
    }
    .tingle-modal.video-modal .tingle-modal-box {
        width: 100%;
      }
  /*   .al-offset-grid__img1 img, .al-offset-grid__img2 img {
    position: relative;
    aspect-ratio: 16/9;
    @supports not (aspect-ratio: 1 / 1) {
          &::before,
          &::after {
              content: "";
              display: table;
              clear: both;
              width: 1px;
              margin-left: -1px;
          }
          &::before {
              float: left;
              padding-bottom: calc(1 / calc(16/9) * 100%)
          }
      }
  } */
    
    .al-offset-grid__content-cont1, .al-offset-grid__content-cont2 {
      padding: 80px 40px;
    }
	
	.al-offset-grid__img1, .al-offset-grid__img2 {
      min-height: calc((56.25vw - 14px)); 
    }
	
	.al-offset-grid__img2 {
	  transform: none;
	}
    
    .al-offset-grid__vid1, .al-offset-grid__vid2 {
      min-height: calc((56.25vw - 14px));
      
    }
	.al-offset-grid__img1, .al-offset-grid__img2 {
	  height: 100%;
	}
  }
  
  @media screen and (max-width: 780px) {
    .al-offset-grid__content-cont1, .al-offset-grid__content-cont2 {
      padding: 60px 40px;
    }
  }
.dp_field_offset_grid_extra_title1 {
  line-height: normal;
}