
.simple-video-container {
    --it-grid-line: var(--kal-grey);
}

.bg-grey.simple-video-container {
    --it-grid-line: var(--kal-white);
}   

.has-grid  .sv-content-outer{position: relative;}
.has-grid  .software-hero-video::before{content: '';width: 1px;height: 300%;background: var(--it-grid-line);position: absolute;top: 0;left: 0;z-index: 2;}
.has-grid  .software-hero-video::after{content: '';width: 1px;height: 300%;background: var(--it-grid-line);position: absolute;top: 0;right: 0;z-index: 2;}
.has-grid  .sv-content-outer::before{content: '';width: 100vw;height: 1px;background: var(--it-grid-line);position: absolute;top: 0;left: 50%;transform: translateX(-50%);z-index: 2;}
.has-grid  .sv-content-outer::after{content: '';width: 100vw;height: 1px;background: var(--it-grid-line);position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);z-index: 2;}

.simple-video-container .sv-content p:last-child {
	margin-bottom: 30px;
}

.simple-video-container .software-hero-video { position: relative; aspect-ratio: 16 / 9; overflow: hidden; background: #000; }
.simple-video-container .software-hero-video iframe { position: absolute; inset: 0; width: 100%; height: 100%; aspect-ratio: auto; display: block; }
.simple-video-container .software-hero-video .video-poster { inset: 0; }
.simple-video-container .software-hero-video .video-poster img { width: 100%; height: 100%; object-fit: cover; display: block; }
.simple-video-container .sh-content-video { }
.simple-video-container .sh-content-video .shc-video-group { width: 100%; max-width: 860px; margin-left: auto; margin-right: auto; }
.simple-video-container .sh-content-video .software-hero-video { margin-left: auto; margin-right: auto; box-shadow: 0 0 20px rgba(0,0,0,0.3);}

/* ========================================== 
! Large devices (desktops, less than 1400px)
=========================================== */
@media (max-width:1399.98px) { 
    .simple-video-container .sh-content-video { margin: 15px;}
}

/* ========================================== 
! Large devices (desktops, less than 1200px)
=========================================== */
@media (max-width:1199.98px) { 
    .simple-video-container .sh-content-video { margin: 15px 0px;}
}

/*==========================================
! Medium devices (tablets, less than 992px)
========================================== */
@media (max-width:991.98px) { 
    .simple-video-container .sh-content-video { margin: 15px;}
}

/* =================================================  
! Small devices (landscape phones, less than 768px)
================================================= */
@media (max-width:767.98px) { 
  
    .simple-video-container .sh-content-video { margin: 15px 0;}

}

/* ======================================================
! Extra small devices (portrait phones, less than 576px)
====================================================== */
@media (max-width:575.98px) { 
    
}

/* ======================================================
! Extra small devices (portrait phones, less than 370px)
====================================================== */
@media (max-width:369.98px) { }