.m-caseStudy__imageOrVideoContainer{
	margin-top: 50px;
	padding-bottom: 100px;
}

.m-caseStudy__video {
	border: 1px solid var(--borderGray);
	padding: 20px;
	margin: 0 auto 30px;
}
.m-caseStudy__video a{
	display: block;
}
.m-caseStudy__video a:before{
	content: '';
    display: block;
    background: url(../../../assets/images/play_button.svg) no-repeat center;
    width: 125px;
    height: 125px;
    position: absolute;
    transform: translate(-50%,-50%);
    left: 50%;
    top: 50%;
}
.m-caseStudy__video a:hover:before{
	opacity: 0.7;
}

.mfp-container button:hover{
	background: unset !important;
}

	
.carousel-grid-main {
	display: grid !important;
	grid-template-columns: repeat(6, 1fr);
	grid-template-rows: repeat(3, 11.5vw);
	grid-gap: 0.2rem;
}
.carousel-grid-main figure{
	margin: 0;
	position: relative;
}
.carousel-grid-main figure:hover a:before{
	content: '+ VIEW';
	width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    background: #3f5b7391;
    left: 0;
    top: 0;
    color: white;
    font-size: 14px;
    font-weight: 100;
    letter-spacing: 1px;
}
.carousel-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block; 
}
.grid-column1 {
  grid-column: 1 / span 2; 
  grid-row: 1 / span 2;
}
.grid-column2 {
	grid-column: 1 / span 1;
	grid-row: 3 / span 1;
}
.grid-column3 {
	grid-column: 2 / span 1;
	grid-row: 3 / span 1;
}
.grid-column6 {
    grid-column: 3 / span 2;
    grid-row: 2 / span 2;
}
.grid-column7 {
    grid-column: 5 / span 2;
    grid-row: 1 / span 3;
}

.carousel-control-next, .carousel-control-prev{
	background: var(--blue);
    height: 58px;
    width: 58px;
	border-radius: 999999px;
	top: 50%;
	transform: translateY(-50%);
    opacity: 0.7;	
}
.carousel-control-next-icon, .carousel-control-prev-icon{
	background: url(../../../assets/images/arrow_icon.svg) no-repeat;
	width: 100%;
	height: 100%;
	background-position: center;	
}
.carousel-control-prev-icon{
	transform: rotate(180deg);	
}
.carousel-control-next {
    right: 30px;
}
.carousel-control-prev {
    left: 30px;
}
.carousel-indicators{
    bottom: -60px;	
}
.carousel-indicators li{
    width: 12px;
    height: 12px;
    border-radius: 999px;
    border: 1px solid var(--blue);
	background: transparent;
}
.carousel-indicators li.active{
	background: var(--blue);
    border: 1px solid var(--blue);	
}

@media (min-width: 768px) {
	
	.m-caseStudy__imageOrVideoContainer{
		margin-top: 80px;
	}

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
.carousel-grid-main {
    grid-template-columns: repeat(2, 50%);
    grid-template-rows: repeat(8, 30vw);
}	
.grid-column4 {
    grid-row: 4 / span 1;
}
.grid-column5 {
    grid-row: 4 / span 1;
}
.grid-column6 {
    grid-row: 5 / span 2;
    grid-column: 1 / span 2;
}
.grid-column7 {
    grid-column: 1 / span 2;
    grid-row: 7 / span 2;
}

}