.casestudy {
	min-width: 23%;
	transition: all 1s ease;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;

}

.casestudy.active {
	min-width: 28%;
	min-height: auto;
}

#casestudies {
	overflow-x: scroll;
	padding-bottom: 100px;
	height: auto;
	-ms-overflow-style: none;  /* IE and Edge */
	scrollbar-width: none;  /* Firefox */
}

#carousel {
	overflow-x: scroll;
	margin-bottom: 0px;
}

#casestudies::-webkit-scrollbar {
  	display: none;
}

.bg-purple {
	background-color: #773677;
}

.bg-deep-purple {
	background-color: #461d7f;
}

.bg-army-green {
	background-color: #8fad15;
}

.bg-red {
	background-color: #c03731;
}

.info-ai {
	background-color:#cfd7ca;
	background-image:url("../img/info-ai-cs.webp");
	background-size: contain;
	background-repeat:no-repeat;
	width:100%;aspect-ratio:1/1;
}

.salt {
	background-color:#cfd7ca;
	background-image:url("../img/salt-cs.webp");
	background-size: contain;
	background-repeat:no-repeat;
	width:100%;aspect-ratio:1/1;
}

.scatr {
	background-color:#cfd7ca;
	background-image:url("../img/scatr-cs.png");
	background-size: contain;
	background-repeat:no-repeat;
	width:100%;aspect-ratio:1/1;
}
	
.scout {
	background-color:#cfd7ca;
	background-image:url("../img/scout-cs.webp");
	background-size: contain;
	background-repeat:no-repeat;
	width:100%;aspect-ratio:1/1;
}

.bop-hd {
	margin: 60px 60px 60px 60px;
	padding: 0px;
}

.bop-scatr {
	background-image:url("../img/scatr-soldier.png");
	background-size: cover;
}

.bop-info {
	background-image:url("../img/info-swerve.webp");
	background-size: cover;
}

.bop-info-ai {
	background-image:url("../img/info-billboard.webp");
	background-size: cover;
	background-position: bottom;
	min-height: 800px;
}

.bop-salt {
	background-image:url("../img/little-monster.webp");
	background-size: cover;
	background-position: center;
}

.bop-juni {
	background-image:url("../img/juni-dandylion.webp");
	background-size: cover;
	background-position: center;
}

.bop-proof {
	background-image:url("../img/pfpt-building.webp");
	background-size: cover;
	background-position: center;
}

.bop-nium {
	background-image:url("../img/nium-element.webp");
	background-size: cover;
	background-position: center;
}

.scatr-featured {
	background-color:#000;background-image:url("../img/scatr-cs.png");
	background-size:cover;
	background-repeat:no-repeat;
	width:100%;
	aspect-ratio: 7.7/6;
	margin-bottom: 30px;
	background-position: bottom right;
}
.scout-featured {
	background-color:#000;background-image:url("../img/scout-cs.webp");
	background-size:cover;
	background-repeat:no-repeat;
	width:100%;
	aspect-ratio:7.7/6;
	margin-bottom:30px
}

.salt-featured {
	background-color:#000;background-image:url("../img/salt-cs.webp");
	background-size:cover;
	background-repeat:no-repeat;
	width:100%;
	aspect-ratio:7.7/6;
	margin-bottom:30px
}

.informatica-ai-featured {
	background-color:#000;background-image:url("../img/info-ai-cs.webp");
	background-size:cover;
	background-repeat:no-repeat;
	width:100%;
	aspect-ratio:7.7/6;
	margin-bottom:30px
}



@media screen and (max-width:767px){

.info-ai  {
	background-image:url("../img/info-ai-cs.webp")
}
}

@media screen and (max-width:5767px){ 
.info-ai { 
	background-image:url("../img/info-ai-cs.webp");
	background-size: cover;
	background-position: right;
}
}