.row.image_video{
   position: relative;
   padding: 100px 0;
}
.row.image_video.with-top-shape{
   padding: 100px 0;
}
.iv-page-container{
    margin: 0 auto;
 } 
 .iv-page-container.iv-container-large{
    width: 80%;
 }
 .iv-page-container.iv-container-medium{
    width: 65%;
 }
 .iv-page-container.iv-container-small{
    width: 45%;
 }

 .image-image{
    width: 100%;
    border-radius: 40px;
 }

 .image-video{
    border-radius: 40px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    position: relative;

 }
 .image-video::after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0,0,0,.2);
    z-index: 0;
    border-radius: 40px;
    transition: all .3s ease-in-out;
 }
 .image-video:hover::after{
    background: rgba(0,0,0,.5);
 }
 .image-video::before{
    content: "";
    font-weight: 400;
    display: block;
    width: 30%;
    height: 30%;
    position: relative;
    margin: 0 auto;
    top: 50%;
    transform: translateY(-50%);
    background: url('/wp-content/uploads/2026/06/play_icon.svg') no-repeat !important;
    background-position: center !important;
    z-index: 1;
}

 .image-video.video-small{
    height: 29vw;
 }

 .image-video.video-medium{
    height: 37vw;
 }

 .image-video.video-large{
    height: 45vw;
 }


 .tc-modal-backdrop{
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.65);
  z-index: 9998;
}

.modal.video-modal{
  position: fixed;
  inset: 0;
  display: none; /* jQuery toggles this */
  z-index: 9999;
  padding: 30px;
  overflow: auto;
}

.modal.video-modal .modal-dialog{
  max-width: 980px;
  margin: 0 auto;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.modal.video-modal .modal-content{
  background: #000;
  border-radius: 12px;
  /* overflow: hidden; */
  aspect-ratio: 16 / 9;
  position: relative;
}

.modal.video-modal iframe{
  width: 100%;
  height: 100%;
  display: block;
}

body.tc-modal-open{
  overflow: hidden;
}


.modal {
  /* background-color: rgba(25, 29, 56, 0.6); */
      background: rgba(52, 58, 65, 0.5);
    backdrop-filter: blur(5px);
}

.modal .modal-content {
  padding: 2px;
  border-radius: 5px;
}

.modal .modal-content .close {
  font-size: 1.5rem;
  color: white;
  position: absolute;
  top: -3rem;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.modal .modal-content .close i {
  margin-left: 10px;
}


.modal:not(.member-modal) .modal-content .close {
  position: relative !important;
}


.modal.video-modal .modal-content .close {
  position: absolute !important;
  top: -3rem;
  right: 0;
}

.modal .p {
  font-size: 16px;
  line-height: 28px;
}


.modal.nobg .modal-content {
  background-color: transparent !important;
}


.video-modal .modal-content {
  height: 32rem;
  background-color: #fff;
}


 @media only screen and (max-width:1024px){
   .row.image_video.with-top-shape{
      padding: 50px 0;
   }
    .image-video.video-medium {
        height: 42vw;
    }
    .image-video.video-large{
        height: 50vw;
     }
 }
 @media only screen and (max-width:767px){
    .iv-page-container.iv-container-small{
        width: 55%;
    }
    .image-video.video-small {
        height: 35vw;
    }
 }
@media only screen and (max-width:540px){
    .iv-page-container.iv-container-large,
     .iv-page-container.iv-container-medium,
     .iv-page-container.iv-container-small{
        width: 75%;
     }
     .image-video.video-small {
        height: 45vw;
    }
    .image-video.video-medium{
            height: 46vw;
    }
}

@media only screen and (max-width:425px){
    .iv-page-container.iv-container-large,
     .iv-page-container.iv-container-medium,
     .iv-page-container.iv-container-small{
        width: 85%;
     }
     .image-video.video-small {
        height: 50vw;
    }
    .image-video.video-medium {
        height: 55vw;
    }
    .image-video.video-large{
        height: 57vw;
     }
}